/* Mud's global reset must not restyle native RMD controls. Component classes
still override these low-specificity defaults; the RMD rules follow below. */
* {
margin: revert;
padding: revert;
border-width: revert;
border-style: revert;
}
button {
all: revert;
}
label {
display: revert;
}
iframe {
border: 0;
height: revert;
width: revert;
}
@charset "UTF-8";
:root,[data-bs-theme=light]{
--bs-danger-rgb:220,53,69;
--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--bs-body-font-family:var(--bs-font-sans-serif);
--bs-body-font-size:1rem;
--bs-body-font-weight:400;
--bs-body-line-height:1.5;
--bs-body-color:#212529;
--bs-body-color-rgb:33,37,41;
--bs-body-bg:#fff;
--bs-body-bg-rgb:255,255,255;
--bs-emphasis-color:#000;
--bs-emphasis-color-rgb:0,0,0;
--bs-secondary-color:rgba(33, 37, 41, 0.75);
--bs-secondary-bg:#e9ecef;
--bs-tertiary-bg:#f8f9fa;
--bs-heading-color:inherit;
--bs-link-color:#0d6efd;
--bs-link-color-rgb:13,110,253;
--bs-link-hover-color:#0a58ca;
--bs-link-hover-color-rgb:10,88,202;
--bs-code-color:#d63384;
--bs-highlight-color:#212529;
--bs-highlight-bg:#fff3cd;
--bs-border-width:1px;
--bs-border-style:solid;
--bs-border-color:#dee2e6;
--bs-border-color-translucent:rgba(0, 0, 0, 0.175);
--bs-border-radius:0.375rem;
--bs-border-radius-xxl:2rem;
--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);
}
*,::after,::before{
box-sizing:border-box
}
@media (prefers-reduced-motion:no-preference){
:root{
scroll-behavior:smooth
}
}
body{
margin:0;
font-family:var(--bs-body-font-family);
font-size:var(--bs-body-font-size);
font-weight:var(--bs-body-font-weight);
line-height:var(--bs-body-line-height);
color:var(--bs-body-color);
text-align:var(--bs-body-text-align);
background-color:var(--bs-body-bg);
-webkit-text-size-adjust:100%;
-webkit-tap-highlight-color:transparent
}
hr{
margin:1rem 0;
color:inherit;
border:0;
border-top:var(--bs-border-width) solid;
opacity:.25
}
.h1,.h2,.h3,h1,h2,h3,h4,h5,h6{
margin-top:0;
margin-bottom:.5rem;
font-weight:500;
line-height:1.2;
color:var(--bs-heading-color)
}
.h1,h1{
font-size:calc(1.375rem + 1.5vw)
}
@media (min-width:1200px){
.h1,h1{
font-size:2.5rem
}
}
.h2,h2{
font-size:calc(1.325rem + .9vw)
}
@media (min-width:1200px){
.h2,h2{
font-size:2rem
}
}
.h3,h3{
font-size:calc(1.3rem + .6vw)
}
@media (min-width:1200px){
.h3,h3{
font-size:1.75rem
}
}
h4{
font-size:calc(1.275rem + .3vw)
}
@media (min-width:1200px){
h4{
font-size:1.5rem
}
}
h5{
font-size:1.25rem
}
h6{
font-size:1rem
}
p{
margin-top:0;
margin-bottom:1rem
}
abbr[title]{
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted;
cursor:help;
-webkit-text-decoration-skip-ink:none;
text-decoration-skip-ink:none
}
address{
margin-bottom:1rem;
font-style:normal;
line-height:inherit
}
ol,ul{
padding-left:2rem
}
dl,ol,ul{
margin-top:0;
margin-bottom:1rem
}
ol ol,ol ul,ul ol,ul ul{
margin-bottom:0
}
dt{
font-weight:700
}
dd{
margin-bottom:.5rem;
margin-left:0
}
blockquote{
margin:0 0 1rem
}
b,strong{
font-weight:bolder
}
.small,small{
font-size:.875em
}
mark{
padding:.1875em;
color:var(--bs-highlight-color);
background-color:var(--bs-highlight-bg)
}
sub,sup{
position:relative;
font-size:.75em;
line-height:0;
vertical-align:baseline
}
sub{
bottom:-.25em
}
sup{
top:-.5em
}
a{
color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
text-decoration:underline
}
a:hover{
--bs-link-color-rgb:var(--bs-link-hover-color-rgb)
}
a:not([href]):not([class]),a:not([href]):not([class]):hover{
color:inherit;
text-decoration:none
}
code,kbd,pre,samp{
font-family:var(--bs-font-monospace);
font-size:1em
}
pre{
display:block;
margin-top:0;
margin-bottom:1rem;
overflow:auto;
font-size:.875em
}
pre code{
font-size:inherit;
color:inherit;
word-break:normal
}
code{
font-size:.875em;
color:var(--bs-code-color);
word-wrap:break-word
}
a>code{
color:inherit
}
kbd{
padding:.1875rem .375rem;
font-size:.875em;
color:var(--bs-body-bg);
background-color:var(--bs-body-color);
border-radius:.25rem
}
kbd kbd{
padding:0;
font-size:1em
}
figure{
margin:0 0 1rem
}
img,svg{
vertical-align:middle
}
table{
caption-side:bottom;
border-collapse:collapse
}
caption{
padding-top:.5rem;
padding-bottom:.5rem;
color:var(--bs-secondary-color);
text-align:left
}
th{
text-align:inherit;
text-align:-webkit-match-parent
}
tbody,td,tfoot,th,thead,tr{
border-color:inherit;
border-style:solid;
border-width:0
}
label{
display:inline-block
}
button{
border-radius:0
}
button:focus:not(:focus-visible){
outline:0
}
button,input,optgroup,select,textarea{
margin:0;
font-family:inherit;
font-size:inherit;
line-height:inherit
}
button,select{
text-transform:none
}
[role=button]{
cursor:pointer
}
select{
word-wrap:normal
}
select:disabled{
opacity:1
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{
display:none!important
}
[type=button],[type=reset],[type=submit],button{
-webkit-appearance:button
}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){
cursor:pointer
}
::-moz-focus-inner{
padding:0;
border-style:none
}
textarea{
resize:vertical
}
fieldset{
min-width:0;
padding:0;
margin:0;
border:0
}
legend{
float:left;
width:100%;
padding:0;
margin-bottom:.5rem;
line-height:inherit;
font-size:calc(1.275rem + .3vw)
}
@media (min-width:1200px){
legend{
font-size:1.5rem
}
}
legend+*{
clear:left
}
::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{
padding:0
}
::-webkit-inner-spin-button{
height:auto
}
[type=search]{
-webkit-appearance:textfield;
outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button{
cursor:pointer;
filter:grayscale(1)
}
::-webkit-search-decoration{
-webkit-appearance:none
}
::-webkit-color-swatch-wrapper{
padding:0
}
::-webkit-file-upload-button{
font:inherit;
-webkit-appearance:button
}
::file-selector-button{
font:inherit;
-webkit-appearance:button
}
output{
display:inline-block
}
summary{
display:list-item;
cursor:pointer
}
progress{
vertical-align:baseline
}
[hidden]{
display:none!important
}
.row{
--bs-gutter-x:1.5rem;
--bs-gutter-y:0;
display:flex;
flex-wrap:wrap;
margin-top:calc(-1 * var(--bs-gutter-y));
margin-right:calc(-.5 * var(--bs-gutter-x));
margin-left:calc(-.5 * var(--bs-gutter-x))
}
.row>*{
flex-shrink:0;
width:100%;
max-width:100%;
padding-right:calc(var(--bs-gutter-x) * .5);
padding-left:calc(var(--bs-gutter-x) * .5);
margin-top:var(--bs-gutter-y)
}
.col-12{
flex:0 0 auto;
width:100%
}
@media (min-width:576px){
.col-sm-6{
flex:0 0 auto;
width:50%
}
}
@media (min-width:768px){
.col-md-3{
flex:0 0 auto;
width:25%
}
.col-md-4{
flex:0 0 auto;
width:33.33333333%
}
.col-md-5{
flex:0 0 auto;
width:41.66666667%
}
.col-md-6{
flex:0 0 auto;
width:50%
}
.col-md-7{
flex:0 0 auto;
width:58.33333333%
}
.col-md-8{
flex:0 0 auto;
width:66.66666667%
}
.col-md-12{
flex:0 0 auto;
width:100%
}
}
@media (min-width:992px){
.col-lg-3{
flex:0 0 auto;
width:25%
}
.col-lg-4{
flex:0 0 auto;
width:33.33333333%
}
.col-lg-6{
flex:0 0 auto;
width:50%
}
.col-lg-8{
flex:0 0 auto;
width:66.66666667%
}
}
@media (min-width:1200px){
.col-xl-3{
flex:0 0 auto;
width:25%
}
}
.table{
--bs-table-color-type:initial;
--bs-table-bg-type:initial;
--bs-table-color-state:initial;
--bs-table-bg-state:initial;
--bs-table-color:var(--bs-emphasis-color);
--bs-table-bg:var(--bs-body-bg);
--bs-table-border-color:var(--bs-border-color);
--bs-table-accent-bg:transparent;
width:100%;
margin-bottom:1rem;
vertical-align:top;
border-color:var(--bs-table-border-color)
}
.table>:not(caption)>*>*{
padding:.5rem .5rem;
color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
background-color:var(--bs-table-bg);
border-bottom-width:var(--bs-border-width);
box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))
}
.table>tbody{
vertical-align:inherit
}
.table>thead{
vertical-align:bottom
}
.form-check{
display:block;
min-height:1.5rem;
padding-left:0;
margin-bottom:.5rem
}
.form-check .form-check-input{
float:left;
opacity:0;
height:0;
width:0;
overflow:hidden;
position:absolute;
margin:0;
z-index:-1;
left:0;
pointer-events:none
}
.form-check-input{
--bs-form-check-bg:var(--bs-body-bg);
flex-shrink:0;
width:1em;
height:1em;
margin-top:.25em;
vertical-align:top;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background-color:var(--bs-form-check-bg);
background-image:var(--bs-form-check-bg-image);
background-repeat:no-repeat;
background-position:center;
background-size:contain;
border:var(--bs-border-width) solid var(--bs-border-color);
-webkit-print-color-adjust:exact;
color-adjust:exact;
print-color-adjust:exact
}
.form-check-input[type=checkbox]{
border-radius:.25em
}
.form-check-input[type=radio]{
border-radius:50%
}
.form-check-input:active{
filter:brightness(90%)
}
.form-check-input:focus{
border-color:#86b7fe;
outline:0;
box-shadow:0 0 0 .25rem rgba(13,110,253,.25)
}
.form-check-input:checked{
background-color:#0d6efd;
border-color:#0d6efd
}
.form-check-input:checked[type=checkbox]{
--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}
.form-check-input:checked[type=radio]{
--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}
.form-check-input[type=checkbox]:indeterminate{
background-color:#0d6efd;
border-color:#0d6efd;
--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}
.form-check-input:disabled{
pointer-events:none;
filter:none;
opacity:.5
}
.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{
cursor:default;
opacity:.5
}
.navbar{
--bs-navbar-padding-x:0;
--bs-navbar-padding-y:0.5rem;
position:relative;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}
.card{
--bs-card-spacer-y:1rem;
--bs-card-spacer-x:1rem;
--bs-card-title-spacer-y:0.5rem;
--bs-card-title-color: ;
--bs-card-border-width:var(--bs-border-width);
--bs-card-border-color:var(--bs-border-color-translucent);
--bs-card-border-radius:var(--bs-border-radius);
--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-card-cap-padding-y:0.5rem;
--bs-card-cap-padding-x:1rem;
--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);
--bs-card-cap-color: ;
--bs-card-height: ;
--bs-card-color: ;
--bs-card-bg:var(--bs-body-bg);
position:relative;
display:flex;
flex-direction:column;
min-width:0;
height:var(--bs-card-height);
color:var(--bs-body-color);
word-wrap:break-word;
background-color:var(--bs-card-bg);
background-clip:border-box;
border:var(--bs-card-border-width) solid var(--bs-card-border-color);
border-radius:var(--bs-card-border-radius)
}
.card>hr{
margin-right:0;
margin-left:0
}
.card-body{
flex:1 1 auto;
padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);
color:var(--bs-card-color)
}
.card-title{
margin-bottom:var(--bs-card-title-spacer-y);
color:var(--bs-card-title-color)
}
.card-header{
padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
margin-bottom:0;
color:var(--bs-card-cap-color);
background-color:var(--bs-card-cap-bg);
border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)
}
.card-header:first-child{
border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}
.breadcrumb{
--bs-breadcrumb-padding-x:0;
--bs-breadcrumb-padding-y:0;
--bs-breadcrumb-margin-bottom:1rem;
--bs-breadcrumb-bg: ;
--bs-breadcrumb-border-radius: ;
display:flex;
flex-wrap:wrap;
padding:0px;
margin:20px 0 20px;
font-size:15px;
list-style:none;
background-color:rgba(0,0,0,0);
border-radius:var(--bs-breadcrumb-border-radius);
align-items:center;
color:#555
}
.pagination{
display:flex;
padding-left:0;
list-style:none
}
.badge{
--bs-badge-padding-x:0.65em;
--bs-badge-padding-y:0.35em;
--bs-badge-font-size:0.75em;
--bs-badge-font-weight:700;
--bs-badge-color:#fff;
--bs-badge-border-radius:var(--bs-border-radius);
display:inline-block;
padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);
font-size:var(--bs-badge-font-size);
font-weight:var(--bs-badge-font-weight);
line-height:1;
color:var(--bs-badge-color);
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:var(--bs-badge-border-radius)
}
.badge:empty{
display:none
}
@keyframes progress-bar-stripes{
0%{
background-position-x:var(--bs-progress-height)
}
}
@keyframes spinner-border{
to{
transform:rotate(360deg)
}
}
@keyframes spinner-grow{
0%{
transform:scale(0)
}
50%{
opacity:1;
transform:none
}
}
.placeholder{
display:inline-block;
min-height:1em;
vertical-align:middle;
cursor:wait;
background-color:currentcolor;
opacity:.5
}
@keyframes placeholder-glow{
50%{
opacity:.2
}
}
@keyframes placeholder-wave{
100%{
-webkit-mask-position:-200% 0%;
mask-position:-200% 0%
}
}
.clearfix::after{
display:block;
clear:both;
content:""
}
.align-middle{
vertical-align:middle!important
}
.border{
border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}
.mb-2{
margin-bottom:.5rem!important
}
.px-4{
padding-right:1.5rem!important;
padding-left:1.5rem!important
}
.py-4{
padding-top:1.5rem!important;
padding-bottom:1.5rem!important
}
.fw-semibold{
font-weight:600!important
}
.text-danger{
--bs-text-opacity:1;
color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important
}
@keyframes animate-fade-in{
0%{
opacity:0
}
to{
opacity:1
}
}
@-ms-keyframes spin{
from{
-ms-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to{
-ms-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-moz-keyframes spin{
from{
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to{
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes spin{
from{
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg)
}
to{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes spin{
from{
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to{
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
body.light{
background-color:#f1f4f8
}
body{
-moz-transition:all .5s;
-o-transition:all .5s;
-webkit-transition:all .5s;
transition:all .5s;
font-family:"Roboto",sans-serif !important;
font-size:14px !important
}
button,input,select,a{
outline:none !important;
font-size:14px !important;
text-decoration:none
}
button:hover,input:hover,select:hover,a:hover{
text-decoration:none
}
textarea{
font-size:14px !important
}
.row{
margin-bottom:0px !important
}
ol,ul,dl{
padding-left:0px;
list-style-type:none
}
section.content{
margin:35px 27px 0 260px;
min-height:calc(100vh - 76px);
-moz-transition:.5s;
-o-transition:.5s;
-webkit-transition:.5s;
transition:.5s
}
.h1,.h2,.h3,h1,h2,h3,h4,h5,h6{
font-weight:500 !important
}
table .checkbox [type=checkbox]+label{
margin:0;
height:20px;
padding-left:20px;
vertical-align:middle
}
input::-webkit-input-placeholder{
font-size:12px;
color:#adabab
}
input:-moz-placeholder{
font-size:12px;
color:#adabab
}
input::-moz-placeholder{
font-size:12px;
color:#adabab
}
input:-ms-input-placeholder{
font-size:12px;
color:#adabab
}
textarea::-webkit-input-placeholder{
font-size:12px;
color:#adabab
}
textarea:-moz-placeholder{
font-size:12px;
color:#adabab
}
textarea::-moz-placeholder{
font-size:12px;
color:#adabab
}
textarea:-ms-input-placeholder{
font-size:12px;
color:#adabab
}
.block-header h2{
margin:0 !important;
color:#666 !important;
font-weight:normal;
font-size:22px;
line-height:46px
}
.block-header h2 small{
display:block;
font-size:12px;
margin-top:8px;
color:#888
}
.block-header h2 small a{
font-weight:bold;
color:#777
}
.bg-blue{
background-color:#2196f3 !important;
color:#fff
}
.bg-blue .content .text,.bg-blue .content .number{
color:#fff !important
}
.bg-cyan{
background-color:#00bcd4 !important;
color:#fff
}
.bg-cyan .content .text,.bg-cyan .content .number{
color:#fff !important
}
.bg-green{
background-color:#4caf50 !important;
color:#fff
}
.bg-green .content .text,.bg-green .content .number{
color:#fff !important
}
.bg-orange{
background-color:#fd7e14 !important;
color:#fff
}
.bg-orange .content .text,.bg-orange .content .number{
color:#fff !important
}
@media(min-width: 768px)and (max-width: 1024px){
section.content{
margin:35px 15px 0 15px
}
}
@media(min-width: 481px)and (max-width: 767px){
section.content{
margin:35px 15px 0 15px
}
}
@media(min-width: 320px)and (max-width: 480px){
section.content{
margin:35px 15px 0 15px
}
}
@media(max-width: 280px){
section.content{
margin:35px 15px 0 15px
}
}
@keyframes slideDown{
0%{
transform:translateY(-100%)
}
50%{
transform:translateY(8%)
}
65%{
transform:translateY(-4%)
}
80%{
transform:translateY(4%)
}
95%{
transform:translateY(-2%)
}
100%{
transform:translateY(0%)
}
}
@-webkit-keyframes slideDown{
0%{
-webkit-transform:translateY(-100%)
}
50%{
-webkit-transform:translateY(8%)
}
65%{
-webkit-transform:translateY(-4%)
}
80%{
-webkit-transform:translateY(4%)
}
95%{
-webkit-transform:translateY(-2%)
}
100%{
-webkit-transform:translateY(0%)
}
}
@keyframes slideUp{
0%{
transform:translateY(100%)
}
50%{
transform:translateY(-8%)
}
65%{
transform:translateY(4%)
}
80%{
transform:translateY(-4%)
}
95%{
transform:translateY(2%)
}
100%{
transform:translateY(0%)
}
}
@-webkit-keyframes slideUp{
0%{
-webkit-transform:translateY(100%)
}
50%{
-webkit-transform:translateY(-8%)
}
65%{
-webkit-transform:translateY(4%)
}
80%{
-webkit-transform:translateY(-4%)
}
95%{
-webkit-transform:translateY(2%)
}
100%{
-webkit-transform:translateY(0%)
}
}
@keyframes slideLeft{
0%{
transform:translateX(150%)
}
50%{
transform:translateX(-8%)
}
65%{
transform:translateX(4%)
}
80%{
transform:translateX(-4%)
}
95%{
transform:translateX(2%)
}
100%{
transform:translateX(0%)
}
}
@-webkit-keyframes slideLeft{
0%{
-webkit-transform:translateX(150%)
}
50%{
-webkit-transform:translateX(-8%)
}
65%{
-webkit-transform:translateX(4%)
}
80%{
-webkit-transform:translateX(-4%)
}
95%{
-webkit-transform:translateX(2%)
}
100%{
-webkit-transform:translateX(0%)
}
}
@keyframes slideRight{
0%{
transform:translateX(-150%)
}
50%{
transform:translateX(8%)
}
65%{
transform:translateX(-4%)
}
80%{
transform:translateX(4%)
}
95%{
transform:translateX(-2%)
}
100%{
transform:translateX(0%)
}
}
@-webkit-keyframes slideRight{
0%{
-webkit-transform:translateX(-150%)
}
50%{
-webkit-transform:translateX(8%)
}
65%{
-webkit-transform:translateX(-4%)
}
80%{
-webkit-transform:translateX(4%)
}
95%{
-webkit-transform:translateX(-2%)
}
100%{
-webkit-transform:translateX(0%)
}
}
@keyframes slideExpandUp{
0%{
transform:translateY(100%) scaleX(0.5)
}
30%{
transform:translateY(-8%) scaleX(0.5)
}
40%{
transform:translateY(2%) scaleX(0.5)
}
50%{
transform:translateY(0%) scaleX(1.1)
}
60%{
transform:translateY(0%) scaleX(0.9)
}
70%{
transform:translateY(0%) scaleX(1.05)
}
80%{
transform:translateY(0%) scaleX(0.95)
}
90%{
transform:translateY(0%) scaleX(1.02)
}
100%{
transform:translateY(0%) scaleX(1)
}
}
@-webkit-keyframes slideExpandUp{
0%{
-webkit-transform:translateY(100%) scaleX(0.5)
}
30%{
-webkit-transform:translateY(-8%) scaleX(0.5)
}
40%{
-webkit-transform:translateY(2%) scaleX(0.5)
}
50%{
-webkit-transform:translateY(0%) scaleX(1.1)
}
60%{
-webkit-transform:translateY(0%) scaleX(0.9)
}
70%{
-webkit-transform:translateY(0%) scaleX(1.05)
}
80%{
-webkit-transform:translateY(0%) scaleX(0.95)
}
90%{
-webkit-transform:translateY(0%) scaleX(1.02)
}
100%{
-webkit-transform:translateY(0%) scaleX(1)
}
}
@keyframes expandUp{
0%{
transform:translateY(100%) scale(0.6) scaleY(0.5)
}
60%{
transform:translateY(-7%) scaleY(1.12)
}
75%{
transform:translateY(3%)
}
100%{
transform:translateY(0%) scale(1) scaleY(1)
}
}
@-webkit-keyframes expandUp{
0%{
-webkit-transform:translateY(100%) scale(0.6) scaleY(0.5)
}
60%{
-webkit-transform:translateY(-7%) scaleY(1.12)
}
75%{
-webkit-transform:translateY(3%)
}
100%{
-webkit-transform:translateY(0%) scale(1) scaleY(1)
}
}
@keyframes fadeIn{
0%{
transform:scale(0);
opacity:0
}
60%{
transform:scale(1.1)
}
80%{
transform:scale(0.9);
opacity:1
}
100%{
transform:scale(1);
opacity:1
}
}
@-webkit-keyframes fadeIn{
0%{
-webkit-transform:scale(0);
opacity:0
}
60%{
-webkit-transform:scale(1.1)
}
80%{
-webkit-transform:scale(0.9);
opacity:1
}
100%{
-webkit-transform:scale(1);
opacity:1
}
}
@keyframes expandOpen{
0%{
transform:scale(1.8)
}
50%{
transform:scale(0.95)
}
80%{
transform:scale(1.05)
}
90%{
transform:scale(0.98)
}
100%{
transform:scale(1)
}
}
@-webkit-keyframes expandOpen{
0%{
-webkit-transform:scale(1.8)
}
50%{
-webkit-transform:scale(0.95)
}
80%{
-webkit-transform:scale(1.05)
}
90%{
-webkit-transform:scale(0.98)
}
100%{
-webkit-transform:scale(1)
}
}
@keyframes bigEntrance{
0%{
transform:scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity:.2
}
30%{
transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
opacity:1
}
45%{
transform:scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity:1
}
60%{
transform:scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
opacity:1
}
75%{
transform:scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity:1
}
90%{
transform:scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
opacity:1
}
100%{
transform:scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity:1
}
}
@-webkit-keyframes bigEntrance{
0%{
-webkit-transform:scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity:.2
}
30%{
-webkit-transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
opacity:1
}
45%{
-webkit-transform:scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity:1
}
60%{
-webkit-transform:scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
opacity:1
}
75%{
-webkit-transform:scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity:1
}
90%{
-webkit-transform:scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
opacity:1
}
100%{
-webkit-transform:scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity:1
}
}
@keyframes hatch{
0%{
transform:rotate(0deg) scaleY(0.6)
}
20%{
transform:rotate(-2deg) scaleY(1.05)
}
35%{
transform:rotate(2deg) scaleY(1)
}
50%{
transform:rotate(-2deg)
}
65%{
transform:rotate(1deg)
}
80%{
transform:rotate(-1deg)
}
100%{
transform:rotate(0deg)
}
}
@-webkit-keyframes hatch{
0%{
-webkit-transform:rotate(0deg) scaleY(0.6)
}
20%{
-webkit-transform:rotate(-2deg) scaleY(1.05)
}
35%{
-webkit-transform:rotate(2deg) scaleY(1)
}
50%{
-webkit-transform:rotate(-2deg)
}
65%{
-webkit-transform:rotate(1deg)
}
80%{
-webkit-transform:rotate(-1deg)
}
100%{
-webkit-transform:rotate(0deg)
}
}
@keyframes bounce{
0%{
transform:translateY(0%) scaleY(0.6)
}
60%{
transform:translateY(-100%) scaleY(1.1)
}
70%{
transform:translateY(0%) scaleY(0.95) scaleX(1.05)
}
80%{
transform:translateY(0%) scaleY(1.05) scaleX(1)
}
90%{
transform:translateY(0%) scaleY(0.95) scaleX(1)
}
100%{
transform:translateY(0%) scaleY(1) scaleX(1)
}
}
@-webkit-keyframes bounce{
0%{
-webkit-transform:translateY(0%) scaleY(0.6)
}
60%{
-webkit-transform:translateY(-100%) scaleY(1.1)
}
70%{
-webkit-transform:translateY(0%) scaleY(0.95) scaleX(1.05)
}
80%{
-webkit-transform:translateY(0%) scaleY(1.05) scaleX(1)
}
90%{
-webkit-transform:translateY(0%) scaleY(0.95) scaleX(1)
}
100%{
-webkit-transform:translateY(0%) scaleY(1) scaleX(1)
}
}
@keyframes pulse{
0%{
transform:scale(0.9);
opacity:.7
}
50%{
transform:scale(1);
opacity:1
}
100%{
transform:scale(0.9);
opacity:.7
}
}
@-webkit-keyframes pulse{
0%{
-webkit-transform:scale(0.95);
opacity:.7
}
50%{
-webkit-transform:scale(1);
opacity:1
}
100%{
-webkit-transform:scale(0.95);
opacity:.7
}
}
@keyframes floating{
0%{
transform:translateY(0%)
}
50%{
transform:translateY(8%)
}
100%{
transform:translateY(0%)
}
}
@-webkit-keyframes floating{
0%{
-webkit-transform:translateY(0%)
}
50%{
-webkit-transform:translateY(8%)
}
100%{
-webkit-transform:translateY(0%)
}
}
@keyframes tossing{
0%{
transform:rotate(-4deg)
}
50%{
transform:rotate(4deg)
}
100%{
transform:rotate(-4deg)
}
}
@-webkit-keyframes tossing{
0%{
-webkit-transform:rotate(-4deg)
}
50%{
-webkit-transform:rotate(4deg)
}
100%{
-webkit-transform:rotate(-4deg)
}
}
@keyframes pullUp{
0%{
transform:scaleY(0.1)
}
40%{
transform:scaleY(1.02)
}
60%{
transform:scaleY(0.98)
}
100%{
transform:scaleY(0.98)
}
80%{
transform:scaleY(1.01)
}
100%{
transform:scaleY(1)
}
}
@-webkit-keyframes pullUp{
0%{
-webkit-transform:scaleY(0.1)
}
40%{
-webkit-transform:scaleY(1.02)
}
60%{
-webkit-transform:scaleY(0.98)
}
100%{
-webkit-transform:scaleY(0.98)
}
80%{
-webkit-transform:scaleY(1.01)
}
100%{
-webkit-transform:scaleY(1)
}
}
@keyframes pullDown{
0%{
transform:scaleY(0.1)
}
40%{
transform:scaleY(1.02)
}
60%{
transform:scaleY(0.98)
}
100%{
transform:scaleY(0.98)
}
80%{
transform:scaleY(1.01)
}
100%{
transform:scaleY(1)
}
}
@-webkit-keyframes pullDown{
0%{
-webkit-transform:scaleY(0.1)
}
40%{
-webkit-transform:scaleY(1.02)
}
60%{
-webkit-transform:scaleY(0.98)
}
100%{
-webkit-transform:scaleY(0.98)
}
80%{
-webkit-transform:scaleY(1.01)
}
100%{
-webkit-transform:scaleY(1)
}
}
@keyframes stretchLeft{
0%{
transform:scaleX(0.3)
}
40%{
transform:scaleX(1.02)
}
60%{
transform:scaleX(0.98)
}
100%{
transform:scaleX(0.98)
}
80%{
transform:scaleX(1.01)
}
100%{
transform:scaleX(1)
}
}
@-webkit-keyframes stretchLeft{
0%{
-webkit-transform:scaleX(0.3)
}
40%{
-webkit-transform:scaleX(1.02)
}
60%{
-webkit-transform:scaleX(0.98)
}
100%{
-webkit-transform:scaleX(0.98)
}
80%{
-webkit-transform:scaleX(1.01)
}
100%{
-webkit-transform:scaleX(1)
}
}
@keyframes stretchRight{
0%{
transform:scaleX(0.3)
}
40%{
transform:scaleX(1.02)
}
60%{
transform:scaleX(0.98)
}
100%{
transform:scaleX(0.98)
}
80%{
transform:scaleX(1.01)
}
100%{
transform:scaleX(1)
}
}
@-webkit-keyframes stretchRight{
0%{
-webkit-transform:scaleX(0.3)
}
40%{
-webkit-transform:scaleX(1.02)
}
60%{
-webkit-transform:scaleX(0.98)
}
100%{
-webkit-transform:scaleX(0.98)
}
80%{
-webkit-transform:scaleX(1.01)
}
100%{
-webkit-transform:scaleX(1)
}
}
@keyframes fa-spin{
0%{
transform:rotate(0deg)
}
100%{
transform:rotate(360deg)
}
}
.breadcrumb li{
display:inline-block
}
.breadcrumb li a{
color:#444;
text-decoration:none
}
.breadcrumb li .material-icons{
font-size:18px;
position:relative;
top:4px;
float:none
}
.breadcrumb li.active{
color:#444
}
[type=checkbox]+label{
padding-left:26px;
height:25px;
line-height:21px;
font-size:13px;
font-weight:normal;
vertical-align:middle
}
[type=checkbox]:checked+label:before{
top:-4px;
left:-2px;
width:11px;
height:19px
}
[type=radio]:not(:checked)+label{
padding-left:26px;
height:25px;
line-height:25px;
font-size:13px;
font-weight:normal
}
[type=radio]:checked+label{
padding-left:26px;
height:25px;
line-height:25px;
font-size:13px;
font-weight:normal
}
[type=radio]+label{
vertical-align:middle
}
@-webkit-keyframes animate-positive{
0%{
width:0
}
}
@keyframes animate-positive{
0%{
width:0
}
}
label,.form-check{
font-size:13px;
line-height:1.42857;
color:#414244;
font-weight:400
}
.form-check .form-check-label{
cursor:pointer;
padding-left:25px;
position:relative;
padding-right:15px
}
.form-check .form-check-label span{
display:block;
position:absolute;
left:-1px;
top:-1px;
transition-duration:.2s;
padding-left:0
}
.form-check .form-check-input:checked+.form-check-sign:before{
animation:rippleOn .5s
}
.form-check .form-check-input:checked+.form-check-sign .check{
background:#9c27b0
}
.form-check .form-check-input:checked+.form-check-sign .check:before{
color:#fff;
box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
animation:checkboxOn .3s forwards
}
.form-check .form-check-sign{
vertical-align:middle;
position:relative;
top:-2px;
float:left;
padding-right:10px;
display:inline-block
}
.form-check .form-check-sign:before{
display:block;
position:absolute;
left:0;
content:"";
background-color:rgba(0,0,0,.84);
height:20px;
width:20px;
border-radius:100%;
z-index:1;
opacity:0;
margin:0;
top:0;
transform:scale3d(2.3, 2.3, 1)
}
.form-check .form-check-sign .check{
position:relative;
display:inline-block;
width:20px;
height:20px;
border:1px solid rgba(0,0,0,.54);
overflow:hidden;
z-index:1;
border-radius:3px
}
.form-check .form-check-sign .check:before{
position:absolute;
content:"";
transform:rotate(45deg);
display:block;
margin-top:-3px;
margin-left:7px;
width:0;
color:#fff;
height:0;
animation:checkboxOff .3s forwards
}
.sidebar{
-moz-transition:all .5s;
-o-transition:all .5s;
-webkit-transition:all .5s;
transition:all .5s;
font-family:"Roboto",sans-serif;
background:#fff;
width:260px;
overflow:hidden;
display:inline-block;
height:calc(100vh - 60px);
position:fixed;
top:60px;
left:0;
border-right:1px solid #f2f4f9;
-webkit-box-shadow:0 8px 10px 0 rgba(183,192,206,.2);
box-shadow:0 8px 10px 0 rgba(183,192,206,.2);
z-index:999 !important
}
.sidebar .menu{
position:relative;
overflow-y:auto;
height:100vh
}
.navbar{
font-family:"Roboto",sans-serif;
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
border-radius:0;
box-shadow:none;
border:none;
position:fixed;
top:0;
left:0;
z-index:999;
width:100%;
padding:0
}
nav.navbar{
min-height:60px
}
.search-box:focus button.icon,.search-box:active button.icon,.search-box:hover button.icon{
outline:none;
opacity:1;
margin-left:-43px
}
.search-box{
overflow:hidden;
width:270px;
vertical-align:middle;
white-space:nowrap
}
.search-box input#search{
width:250px;
height:40px;
background:#fff;
border:none;
font-size:10pt;
float:left;
color:#fff;
padding-left:15px;
margin-bottom:0;
margin-top:10px;
border-radius:50px
}
.search-box input#search:-moz-placeholder{
color:#65737e
}
.search-box input#search:-ms-input-placeholder{
color:#65737e
}
.search-box input#search::-webkit-input-placeholder{
color:#65737e
}
.search-box input#search::-moz-placeholder{
color:#65737e
}
.search-box button.icon{
border:none;
background:rgba(0,0,0,0);
height:50px;
width:0px;
color:#4f5b66;
opacity:0;
font-size:10pt;
transition:all .55s ease
}
.search-box:hover button.icon:hover{
background:rgba(0,0,0,0)
}
.clearfix:after{
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0
}
/* Resto de la plantilla original. NO quitar sin rehacer los menús de la cabecera: la cuenta, los
tutoriales y las notificaciones heredan de aquí el centrado y el alto de línea (comprobado con
la comparación visual: al quitarla cambian 10 capturas). Los diálogos se protegen en dialogs.css. */
header{
height:200px;
line-height:200px;
text-align:center;
background:#303e49
}
header h1{
color:#fff;
font-size:18px;
font-size:1.125rem
}
@media only screen and (min-width: 1170px){
header{
height:300px;
line-height:300px
}
header h1{
font-size:24px;
font-size:1.5rem
}
}
@-webkit-keyframes cd-bounce-1{
0%{
opacity:0;
-webkit-transform:scale(0.5)
}
60%{
opacity:1;
-webkit-transform:scale(1.2)
}
100%{
-webkit-transform:scale(1)
}
}
@-moz-keyframes cd-bounce-1{
0%{
opacity:0;
-moz-transform:scale(0.5)
}
60%{
opacity:1;
-moz-transform:scale(1.2)
}
100%{
-moz-transform:scale(1)
}
}
@keyframes cd-bounce-1{
0%{
opacity:0;
-webkit-transform:scale(0.5);
-moz-transform:scale(0.5);
-ms-transform:scale(0.5);
-o-transform:scale(0.5);
transform:scale(0.5)
}
60%{
opacity:1;
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2)
}
100%{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
}
@-webkit-keyframes cd-bounce-2{
0%{
opacity:0;
-webkit-transform:translateX(-100px)
}
60%{
opacity:1;
-webkit-transform:translateX(20px)
}
100%{
-webkit-transform:translateX(0)
}
}
@-moz-keyframes cd-bounce-2{
0%{
opacity:0;
-moz-transform:translateX(-100px)
}
60%{
opacity:1;
-moz-transform:translateX(20px)
}
100%{
-moz-transform:translateX(0)
}
}
@keyframes cd-bounce-2{
0%{
opacity:0;
-webkit-transform:translateX(-100px);
-moz-transform:translateX(-100px);
-ms-transform:translateX(-100px);
-o-transform:translateX(-100px);
transform:translateX(-100px)
}
60%{
opacity:1;
-webkit-transform:translateX(20px);
-moz-transform:translateX(20px);
-ms-transform:translateX(20px);
-o-transform:translateX(20px);
transform:translateX(20px)
}
100%{
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes cd-bounce-2-inverse{
0%{
opacity:0;
-webkit-transform:translateX(100px)
}
60%{
opacity:1;
-webkit-transform:translateX(-20px)
}
100%{
-webkit-transform:translateX(0)
}
}
@-moz-keyframes cd-bounce-2-inverse{
0%{
opacity:0;
-moz-transform:translateX(100px)
}
60%{
opacity:1;
-moz-transform:translateX(-20px)
}
100%{
-moz-transform:translateX(0)
}
}
@keyframes cd-bounce-2-inverse{
0%{
opacity:0;
-webkit-transform:translateX(100px);
-moz-transform:translateX(100px);
-ms-transform:translateX(100px);
-o-transform:translateX(100px);
transform:translateX(100px)
}
60%{
opacity:1;
-webkit-transform:translateX(-20px);
-moz-transform:translateX(-20px);
-ms-transform:translateX(-20px);
-o-transform:translateX(-20px);
transform:translateX(-20px)
}
100%{
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
.auth-form-btn{
display:flex;
justify-content:center;
width:100%;
height:50px !important;
border-radius:10px;
cursor:pointer
}
.auth-form-btn button{
width:100%
}
.welcome-msg{
margin-bottom:0 !important
}
@keyframes spinner{
to{
transform:rotate(360deg)
}
}
.table tbody{
border-top:none !important
}
.table tbody tr td,.table tbody tr th{
padding:10px;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
vertical-align:middle
}
.table tbody tr td ul,.table tbody tr th ul{
margin:0
}
.table tbody tr.info td,.table tbody tr.info th{
background-color:#00b0e4;
color:#fff
}
.table tbody tr.warning td,.table tbody tr.warning th{
background-color:#ff9600;
color:#fff
}
.table tbody tr.danger td,.table tbody tr.danger th{
background-color:#fb483a;
color:#fff
}
.table thead tr th{
padding:0 10px;
height:50px;
vertical-align:middle;
background-color:#f5f5f5;
color:#666;
font-weight:500;
border:none
}
.avatar{
position:relative;
width:30px;
white-space:nowrap;
border-radius:1000px;
vertical-align:bottom;
display:inline-block
}
.avatar img{
width:100%;
max-width:100%;
height:auto;
border:0;
border-radius:1000px
}
tr.group,tr.group:hover{
background-color:#ddd !important
}
@media(max-width: 600px){
.mobile-label{
width:100px;
display:inline-block;
font-weight:bold
}
}
.badge{
padding:5px 8px;
line-height:12px;
border:1px solid;
font-weight:400;
font-size:13px
}
span.badge{
min-width:auto;
float:none;
font-size:13px
}
.badge-solid-purple{
color:#6f42c1;
background-color:rgba(111,66,193,.15);
border:none;
padding:5px 12px;
font-weight:500;
line-height:1.2
}
.badge-solid-brown{
color:#964b00;
background-color:rgba(150,75,0,.15);
border:none;
padding:5px 12px;
font-weight:500;
line-height:1.2
}
.card{
background:#fff;
min-height:50px;
position:relative;
margin-bottom:24px;
border:1px solid #f2f4f9;
border-radius:10px;
box-shadow:0 0 10px 0 rgba(183,192,206,.2);
-webkit-box-shadow:0 0 10px 0 rgba(183,192,206,.2)
}
.card .bg-blue,.card .bg-cyan,.card .bg-green,.card .bg-orange{
border-bottom:none !important;
color:#fff !important
}
.card .bg-blue h2,.card .bg-blue small,.card .bg-blue .material-icons,.card .bg-cyan h2,.card .bg-cyan small,.card .bg-cyan .material-icons,.card .bg-green h2,.card .bg-green small,.card .bg-green .material-icons,.card .bg-orange h2,.card .bg-orange small,.card .bg-orange .material-icons{
color:#fff !important
}
.card .bg-blue .badge,.card .bg-cyan .badge,.card .bg-green .badge,.card .bg-orange .badge{
background-color:#fff;
color:#555
}
.card .header{
position:relative;
display:flex;
width:100%;
color:#555;
padding:10px 15px;
line-height:30px
}
.card .header h2{
margin:0;
color:#5b626b;
font-size:17px;
line-height:28px;
padding-right:10px;
font-weight:500
}
.card .header h2 small{
display:block;
font-size:12px;
margin-top:5px;
color:#999;
line-height:15px
}
.card .header h2 small a{
font-weight:bold;
color:#777
}
.card .body{
font-size:14px;
color:#555;
padding:15px
}
.card .body .col-md-3,.card .body .col-lg-3{
margin-bottom:20px
}
.card .body .col-md-4,.card .body .col-lg-4{
margin-bottom:20px
}
.card .body .col-md-5{
margin-bottom:20px
}
.card .body .col-sm-6,.card .body .col-md-6,.card .body .col-lg-6{
margin-bottom:20px
}
.card .body .col-md-7{
margin-bottom:20px
}
.card .body .col-md-8,.card .body .col-lg-8{
margin-bottom:20px
}
.card .body .col-md-12{
margin-bottom:20px
}
.card.card-statistic-2 .card-header{
border-color:rgba(0,0,0,0);
padding-bottom:0;
height:auto;
min-height:auto;
display:block;
padding-bottom:0;
padding-top:25px
}
.card.card-statistic-2 .card-header h4{
line-height:1.2;
color:var(--bs-secondary-color, #6c757d);
font-weight:600;
font-size:13px;
letter-spacing:.5px;
text-transform:none;
margin-bottom:0
}
.card.card-statistic-2 .card-body{
padding-top:0;
font-size:26px;
font-weight:700;
color:var(--bs-body-color, #212529);
padding-bottom:0
}
.card.card-statistic-2{
display:inline-block;
width:100%
}
.card.card-statistic-2 .card-icon{
width:80px;
height:80px;
margin:10px;
border-radius:3px;
line-height:94px;
text-align:center;
float:left;
border-radius:50px;
margin-right:15px;
width:50px;
height:50px;
line-height:50px;
font-size:22px;
margin:25px;
box-shadow:5px 3px 10px 0 rgba(21,15,15,.3);
border-radius:10px;
background:#6777ef
}
.card.card-statistic-2 .card-header+.card-body,.card.card-statistic-2 .card-body+.card-header{
padding-top:0
}
.pagination{
margin:20px 0
}
.pagination .disabled a,.pagination .disabled a:hover,.pagination .disabled a:focus,.pagination .disabled a:active{
color:#bbb
}
.pagination li.active{
background-color:rgba(0,0,0,0) !important
}
.pagination li.active a{
background-color:#ffc107;
border-color:#ffc107;
color:#fff;
border-radius:50%;
box-shadow:0px 4px 20px 0px rgba(0,0,0,.2)
}
.pagination li{
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
border-radius:0
}
.pagination>li>a{
border:none;
font-weight:bold;
color:#555;
font-size:14px;
margin:0px 3px;
color:gray;
margin:5px;
border-radius:50%;
color:gray;
min-width:30px;
text-transform:uppercase;
padding:.5rem .75rem;
line-height:1.25
}
.pagination>li>a:hover{
font-weight:bold;
background-color:rgba(0,0,0,0);
color:#8c8b8b;
border-radius:50%;
font-size:14px
}
.pagination>li:first-child>a,.pagination>li:last-child>a{
width:auto;
height:32px;
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
border-radius:0
}
.pagination>li:first-child>a .material-icons,.pagination>li:last-child>a .material-icons{
position:relative;
bottom:0px
}
@-webkit-keyframes container-rotate{
to{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes container-rotate{
to{
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes fill-unfill-rotate{
12.5%{
-webkit-transform:rotate(135deg);
transform:rotate(135deg)
}
25%{
-webkit-transform:rotate(270deg);
transform:rotate(270deg)
}
37.5%{
-webkit-transform:rotate(405deg);
transform:rotate(405deg)
}
50%{
-webkit-transform:rotate(540deg);
transform:rotate(540deg)
}
62.5%{
-webkit-transform:rotate(675deg);
transform:rotate(675deg)
}
75%{
-webkit-transform:rotate(810deg);
transform:rotate(810deg)
}
87.5%{
-webkit-transform:rotate(945deg);
transform:rotate(945deg)
}
to{
-webkit-transform:rotate(1080deg);
transform:rotate(1080deg)
}
}
@keyframes fill-unfill-rotate{
12.5%{
transform:rotate(135deg)
}
25%{
transform:rotate(270deg)
}
37.5%{
transform:rotate(405deg)
}
50%{
transform:rotate(540deg)
}
62.5%{
transform:rotate(675deg)
}
75%{
transform:rotate(810deg)
}
87.5%{
transform:rotate(945deg)
}
to{
transform:rotate(1080deg)
}
}
@-webkit-keyframes left-spin{
from{
-webkit-transform:rotate(130deg);
-moz-transform:rotate(130deg);
-ms-transform:rotate(130deg);
-o-transform:rotate(130deg);
transform:rotate(130deg)
}
50%{
-webkit-transform:rotate(-5deg);
-moz-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
-o-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to{
-webkit-transform:rotate(130deg);
-moz-transform:rotate(130deg);
-ms-transform:rotate(130deg);
-o-transform:rotate(130deg);
transform:rotate(130deg)
}
}
@keyframes left-spin{
from{
-moz-transform:rotate(130deg);
-ms-transform:rotate(130deg);
-o-transform:rotate(130deg);
-webkit-transform:rotate(130deg);
transform:rotate(130deg)
}
50%{
-moz-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
-o-transform:rotate(-5deg);
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to{
-moz-transform:rotate(130deg);
-ms-transform:rotate(130deg);
-o-transform:rotate(130deg);
-webkit-transform:rotate(130deg);
transform:rotate(130deg)
}
}
@-webkit-keyframes right-spin{
from{
-webkit-transform:rotate(-130deg);
-moz-transform:rotate(-130deg);
-ms-transform:rotate(-130deg);
-o-transform:rotate(-130deg);
transform:rotate(-130deg)
}
50%{
-webkit-transform:rotate(5deg);
-moz-transform:rotate(5deg);
-ms-transform:rotate(5deg);
-o-transform:rotate(5deg);
transform:rotate(5deg)
}
to{
-webkit-transform:rotate(-130deg);
-moz-transform:rotate(-130deg);
-ms-transform:rotate(-130deg);
-o-transform:rotate(-130deg);
transform:rotate(-130deg)
}
}
@-moz-keyframes right-spin{
from{
-moz-transform:rotate(-130deg);
-ms-transform:rotate(-130deg);
-o-transform:rotate(-130deg);
-webkit-transform:rotate(-130deg);
transform:rotate(-130deg)
}
50%{
-moz-transform:rotate(5deg);
-ms-transform:rotate(5deg);
-o-transform:rotate(5deg);
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
to{
-moz-transform:rotate(-130deg);
-ms-transform:rotate(-130deg);
-o-transform:rotate(-130deg);
-webkit-transform:rotate(-130deg);
transform:rotate(-130deg)
}
}
@keyframes right-spin{
from{
-moz-transform:rotate(-130deg);
-ms-transform:rotate(-130deg);
-o-transform:rotate(-130deg);
-webkit-transform:rotate(-130deg);
transform:rotate(-130deg)
}
50%{
-moz-transform:rotate(5deg);
-ms-transform:rotate(5deg);
-o-transform:rotate(5deg);
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
to{
-moz-transform:rotate(-130deg);
-ms-transform:rotate(-130deg);
-o-transform:rotate(-130deg);
-webkit-transform:rotate(-130deg);
transform:rotate(-130deg)
}
}
.theme-white .navbar{
background-color:rgba(0,0,0,0)
}
.theme-white .navbar.active{
background-color:#fff !important;
box-shadow:3px 0 10px 0 rgba(183,192,206,.2)
}
.theme-white .breadcrumb li a{
color:#00bcd4 !important
}
.theme-white .search-box input#search{
color:gray;
background:#edecec
}
.invalid-form-help-actions{
display:flex;
justify-content:center;
margin-top:10px
}
.invalid-form-help-button{
min-height:36px;
border-color:#b3261e !important;
color:#b3261e !important;
font-weight:600;
letter-spacing:0;
white-space:normal;
line-height:1.2
}
body,html{
text-transform:uppercase
}
input,textarea,select{
text-transform:uppercase
}
.no-uppercase,.no-uppercase *,.no-uppercase input,.no-uppercase textarea,.no-uppercase select{
text-transform:none !important
}
.block{
display:flex;
flex-direction:column;
gap:4px
}
.block .badge{
width:100px
}
.prop_one{
font-weight:bold
}
.prop_two{
font-style:italic
}
.prop_four{
color:#003359;
font-weight:bold
}
.custom-error-below{
margin-top:-10px;
font-size:12px
}
:root {
--primary:#00a5b8;
--ink:#212529;
--muted:#96a2b4;
--background:#f1f4f8;
--border:#74777f;
--sidebar:260px;
--surface:#ffffff;
--danger:#ba1a1a;
--disabled-ink:rgba(26,27,31,0.38);
--radius:4px;
--font-family:Roboto,sans-serif;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
color: var(--ink);
line-height: 1.5;
letter-spacing: normal;
}
a {
color: #0d6efd;
text-decoration: none;
}
button, input, select, textarea {
font-family: Roboto, sans-serif;
}
button {
cursor: pointer;
}
button:disabled {
cursor: default;
}
button:focus-visible, a:focus-visible {
outline: 2px solid var(--primary) !important;
outline-offset: 3px;
}
.no-uppercase, .no-uppercase * {
text-transform: none !important;
}
h1 {
font-size: 20px;
margin: 0 0 18px;
}
h2 {
font-size: 17px;
margin: 0 0 20px;
color: #5b626b;
}
p {
margin: 0 0 10px;
}
input:not([type=checkbox]), select, textarea {
width: 100%;
min-height: 56px;
border: 1px solid var(--border);
border-radius: 4px;
padding: 15px 16px;
background: transparent;
color: var(--ink);
font-weight: 400;
line-height: 24px;
}
input:not([type=checkbox]):focus, select:focus, textarea:focus {
border-color: #005cbb;
outline: 2px solid #005cbb !important;
outline-offset: -2px;
}
input[type=checkbox] {
width: 20px;
height: 20px;
margin: 0;
accent-color: var(--primary);
vertical-align: middle;
flex-shrink: 0;
}
label {
display: block;
font-size: 14px;
font-weight: 400;
}
label:has(> input[type=checkbox]) {
display: flex;
align-items: center;
gap: 8px;
}
label > input:not([type=checkbox]), label > select {
margin-top: 8px;
}
.material-icons, .material-icons-outlined {
font-size: 24px;
flex-shrink: 0;
user-select: none;
}
.button-primary, .button-secondary, .button-danger {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 40px;
padding: 0 24px;
border: 0;
border-radius: 9999px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0.1px;
text-align: center;
}
.button-primary {
background: var(--primary);
color: white;
}
.button-secondary {
background: transparent;
color: #005cbb;
border: 1px solid var(--border);
}
.button-danger {
background: #ba1a1a;
color: white;
}
.button-primary:hover {
filter: brightness(0.96);
}
/* Preserve the app palette when Mud's text-button hover rule is active. */
.mud-button-root.button-primary:not(:disabled):hover {
background: var(--primary);
}
.mud-button-root.button-danger:not(:disabled):hover {
background: #ba1a1a;
}
.button-primary:disabled, .button-danger:disabled,
.mud-button-root.button-primary:disabled, .mud-button-root.button-danger:disabled {
background: rgba(26, 27, 31, 0.12);
color: rgba(26, 27, 31, 0.38);
}
.icon-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
padding: 12px;
border: 0;
border-radius: 50%;
background: transparent;
color: #484c72;
}
.icon-button:hover {
background: rgba(72, 76, 114, 0.08);
}
.icon-button:disabled {
color: rgba(26, 27, 31, 0.38);
}
/* Mud adds a label wrapper and native-control defaults. Keep the RMD button layout. */
:where(.mud-button-root):is(.button-primary, .button-secondary, .button-danger, .icon-button) {
--mud-palette-action-disabled: var(--disabled-ink);
font-size: inherit;
font-family: Roboto, sans-serif;
text-transform: none;
vertical-align: baseline;
position: static;
user-select: auto;
flex: 0 1 auto;
transition: none;
min-width: auto;
}
.mud-button-root:is(.button-primary, .button-secondary, .button-danger, .icon-button) > :is(.mud-button-label, .mud-icon-button-label) {
display: contents;
}
.mud-button-root:is(.button-primary, .button-secondary, .button-danger, .icon-button):disabled {
pointer-events: auto;
}
.mud-button-root.icon-button > .mud-typography {
display: contents;
font: inherit;
letter-spacing: inherit;
text-transform: inherit;
}
/* Angular's text, stroked-warn and raised-warn presentations, applied explicitly. */
.button-secondary.button-text { border:0; padding:0 12px; background:transparent; }
.button-secondary.button-outline-danger { color:#ba1a1a; border-color:#ffdad6; background:transparent; }
.button-primary.button-raised-warn { color:#005cbb; background:#faf9fd; box-shadow:0 2px 3px #0003; }
.mud-button-root.button-primary.button-raised-warn:hover:not(:disabled) { background:#f0f1f9; }
.button-primary.button-raised-warn:disabled { color:rgba(26,27,31,.38);background:rgba(26,27,31,.12);box-shadow:none; }
.material-field {
position: relative;
min-width: 0;
margin-bottom: 21px;
}
.material-field > label {
position: absolute;
left: 16px;
top: 16px;
margin: 0;
font-size: 16px;
line-height: 24px;
color: #44474e;
pointer-events: none;
transition: top 0.15s, font-size 0.15s;
z-index: 1;
}
.material-field:focus-within > label, .material-field:has(input:not(:placeholder-shown)) > label, .material-field:has(select) > label, .material-field:has(input[type=date]) > label, .material-field:has(input[type=number]) > label, .material-field:has(input[type=datetime-local]) > label {
top: -8px;
left: 12px;
font-size: 12px;
line-height: 16px;
background: white;
padding: 0 4px;
}
.material-field:focus-within > label {
color: #005cbb;
}
.material-field input {
margin: 0;
height: 56px;
}
.material-field:has(.field-suffix) input {
padding-right: 60px;
}
.field-suffix {
position: absolute;
top: 16px;
right: 16px;
color: #44474e;
}
button.field-suffix {
top: 4px;
right: 4px;
}
.form-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 24px;
row-gap: 8px;
}
.form-field {
min-width: 0;
}
.form-actions {
display: flex;
gap: 12px;
justify-content: flex-end;
flex-wrap: wrap;
margin-top: 24px;
}
.field-error, .validation-message, .validation-summary-errors {
color: #ba1a1a;
font-size: 12px;
}
.field-error {
display: block;
margin-top: 4px;
}
/* MudInput owns input events; the existing field owns geometry and its label. */
.rmd-text-field > .mud-input {
display: contents;
}
.material-field input.rmd-native-text-field {
display: inline-block;
box-sizing: border-box;
border: 1px solid var(--border);
padding: 15px 16px;
height: 56px;
width: 100%;
}
.material-field input.rmd-native-text-field:focus {
border-color: #005cbb;
}
.card {
padding: 24px;
}
.card:has(> .material-table-header) {
padding: 0;
overflow: hidden;
}
.material-table-header {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
min-height: 60px;
padding: 7px 15px 8px 10px;
gap: 10px;
background: var(--primary);
border-radius: 0;
}
.search-box {
position: relative;
width: 250px;
max-width: 100%;
}
.search-box input {
background: white;
border: 0;
border-radius: 5px;
height: 45px;
min-height: 45px;
padding: 8px 8px 8px 50px;
color: rgba(0, 0, 0, 0.54);
font-weight: 500;
}
.search-box .material-icons {
position: absolute;
left: 10px;
top: 10px;
color: rgba(0, 0, 0, 0.54);
}
.table-tools {
display: flex;
align-items: center;
gap: 10px;
}
.fab {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: 0;
border-radius: 12px;
background: #d7e3ff;
color: #001b3f;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
.fab:disabled {
box-shadow: none;
background: rgba(0, 0, 0, 0.1215686275);
color: rgba(0, 0, 0, 0.3803921569);
}
.export-button {
cursor: pointer;
border: 0;
background: transparent;
padding: 0;
width: 32px;
height: 32px;
}
.export-button img {
width: 32px;
height: 32px;
}
.responsive-table {
overflow-x: auto;
padding: 15px 15px 0;
}
/* Keep list columns readable alongside the sidebar on tablet screens. */
@media (min-width: 768px) and (max-width: 1100px) {
.entity-list-host .advance-table,
.rx-card .advance-table {
min-width: 900px;
}
}
.advance-table {
width: 100%;
border-collapse: collapse;
color: #1a1b1f;
font-size: 14px;
}
.advance-table th {
text-align: left;
font-weight: 500;
height: 56px;
padding: 0 16px;
color: gray;
white-space: nowrap;
border-bottom: 1px solid #c4c6d0;
background: white;
}
.advance-table td {
height: 52px;
padding: 8px 14px;
border-bottom: 1px solid black;
border-top: 1px solid transparent;
background: white;
transition: background-color 0.3s;
}
.advance-table tr:hover td {
background: lightgray;
}
.column-sort {
background: none;
border: 0;
padding: 0;
text-align: left;
color: inherit;
font-weight: inherit;
}
.row-actions {
white-space: nowrap;
}
.row-actions .icon-button {
color: #6777ef;
}
.row-actions .icon-button.danger {
color: #f44336;
}
.mobile-label {
display: none;
}
.table-cell-value {
display: contents;
}
@media (max-width: 600px) {
.advance-table td:not(.row-actions) {
display: block;
}
.advance-table td:not(.row-actions) > .mobile-label {
display: block;
width: auto;
margin-bottom: 6px;
overflow-wrap: normal;
word-break: normal;
}
.advance-table td > .table-cell-value {
display: block;
min-width: 0;
overflow-wrap: anywhere;
}
}
.pagination {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
gap: 8px;
padding: 0 8px;
min-height: 56px;
margin: 0;
color: #1a1b1f;
font-size: 12px;
}
.pagination label {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
margin-right: 16px;
}
.pagination select {
width: 84px;
height: 40px;
min-height: 40px;
margin: 0;
padding: 6px 12px;
}
.pagination .page-range {
margin: 0 24px;
}
.pagination .icon-button {
width: 40px;
height: 40px;
}
.empty-state, .page-loading {
text-align: center;
padding: 42px 15px;
color: #74777f;
}
.modal-backdrop {
--bs-backdrop-zindex: 1050;
--bs-backdrop-bg: #000;
--bs-backdrop-opacity: 0.5;
width: 100vw;
height: 100vh;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.4);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
padding: 16px;
}
.modal-card {
position: relative;
background: white;
border-radius: 28px;
padding: 24px;
width: min(600px, 100%);
max-height: calc(100dvh - 32px);
overflow-y: auto;
box-shadow: 0 18px 42px rgba(0, 0, 0, 0.2);
}
/* Los diálogos abiertos desde la cabecera heredaban line-height:200px/300px de la regla antigua de <header>. */
header .modal-card {
line-height: 1.5;
}
.modal-close {
position: absolute;
right: 8px;
top: 8px;
}
.modal-card > .modal-close + h2 {
padding-right: 32px;
overflow-wrap: anywhere;
}
/* Focus/overlay wrappers must not change the flex sizing of the existing card. */
.mud-overlay.modal-backdrop > .mud-overlay-content,
.rmd-dialog-focus,
.rmd-dialog-focus > .mud-focus-trap-child-container {
display: contents;
}
.badge-solid-green, .badge-solid-red, .badge-solid-blue, .badge-solid-pink {
border: none;
padding: 5px 12px;
font-weight: 500;
line-height: 1.2;
}
.badge {
display: inline-block;
padding: 4px 10px;
border-radius: 5px;
font-size: 12px;
line-height: 1;
font-weight: 500;
}
.badge-solid-green {
background: #dcf5e7;
color: #198754;
}
.badge-solid-red {
background: #ffdddd;
color: #f44336;
}
.badge-solid-blue {
background: #d9e9ff;
color: #2196f3;
}
.badge-solid-pink {
background: #ffdeea;
color: #e91e63;
}
.danger {
color: #f44336;
}
/* Same fixed contextual help control as Angular's context-help-button. */
.screen-help {
position: fixed;
right: 24px;
bottom: 86px;
z-index: 1045;
width: 52px;
height: 52px;
border: 0;
border-radius: 16px;
background: #007f8f;
color: #fff;
box-shadow: 0 12px 30px rgba(7,38,50,.28);
display: inline-flex;
justify-content: center;
align-items: center;
}
.screen-help:hover { background: #006d79; }
.screen-help .material-icons-outlined { font-size: 27px; width: 27px; height: 27px; line-height: 27px; }
@media (max-width:768px) { .screen-help { right: 16px; bottom: 76px; } }
.btn-edit {
color: #6777ef;
}
.btn-download {
color: #2196f3;
}
.auth-main {
display: flex;
min-height: 100vh;
margin: 0 !important;
background: white;
flex-wrap: wrap;
align-items: stretch;
}
.auth-image {
width: 41.666667%;
min-height: 100vh;
background: url("assets/images/pages/bg-01.webp") no-repeat center center;
background-size: 100% 100%;
}
.auth-form-section {
background-color: #fff;
overflow-x: hidden;
overflow-y: auto;
width: 58.333333%;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
}
.auth-wrapper {
width: 100%;
max-width: 410px;
margin: 0 auto;
}
.auth-wrapper .welcome-msg {
font-size: 16px;
font-weight: 500;
line-height: 19.2px;
margin: 0;
}
.auth-signup-text {
width: 100%;
max-width: 410px;
color: var(--muted);
font-size: 14px;
line-height: 21px;
margin: 0 0 10px;
padding-bottom: 5px;
}
.remember-row {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
min-height: 32px;
margin-bottom: 48px;
}
.remember-row label {
font-size: 13px;
color: #414244;
padding-bottom: 8px;
}
.remember-row a {
font-size: 14px;
}
.auth-form-btn {
width: 100%;
height: 50px;
border-radius: 9999px;
}
.login-button-content {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.login-status {
min-height: 21px;
line-height: 21px;
margin: 12px 0 0;
font-size: 14px;
}
.busy-spinner {
width: 20px;
height: 20px;
border: 2px solid currentColor;
border-right-color: transparent;
border-radius: 50%;
animation: rmd-spin 0.8s linear infinite;
}
@keyframes rmd-spin {
to {
transform: rotate(360deg);
}
}
.app-shell > .navbar {
height: 60px;
min-height: 60px;
padding: 0 15px 0 0;
display: flex;
flex-wrap: nowrap;
align-items: center;
position: fixed;
inset: 0 0 auto;
z-index: 40;
background: white !important;
box-shadow: 3px 0 10px rgba(183, 192, 206, 0.2);
}
.brand {
display: flex;
align-items: center;
justify-content: center;
width: 260px;
padding: 6px 25px;
height: 45px;
flex-shrink: 0;
color: black;
font-weight: 400;
}
.brand img {
height: 32px;
width: 32px;
object-fit: contain;
}
.brand span {
padding-left: 10px;
font-size: 20px;
line-height: 32px;
white-space: nowrap;
}
.header-menu {
position: absolute;
right: 0;
top: 100%;
width: 300px;
max-width: calc(100vw - 24px);
background: white;
border-radius: 8px;
padding: 8px 0;
box-shadow: 0 8px 28px rgba(18, 49, 66, 0.1490196078);
z-index: 50;
line-height: 1.4;
text-align: left;
max-height: calc(100dvh - 84px);
overflow-y: auto;
}
.header-menu a, .header-menu > button {
display: flex;
align-items: center;
gap: 12px;
color: #005a87;
padding: 12px 18px;
background: none;
border: 0;
width: 100%;
text-align: left;
}
.header-menu > button {
color: #19b698;
}
.header-menu a:hover, .header-menu > button:hover {
background: #f0f3fb;
}
.context-selector {
padding: 12px 18px;
display: grid;
gap: 12px;
}
.context-selector select {
width: 100%;
min-height: 40px;
padding: 8px;
}
.header-error {
display: block;
padding: 0 18px;
color: #ba1a1a;
font-size: 12px;
}
.app-shell > .sidebar {
position: fixed;
top: 60px;
bottom: 0;
left: 0;
width: var(--sidebar);
height: calc(100vh - 60px);
overflow-y: auto;
background: white;
border-right: 1px solid #f2f4f9;
box-shadow: 0 8px 10px rgba(183, 192, 206, 0.2);
z-index: 30 !important;
transition: width 0.3s, transform 0.3s;
}
.sidebar-user {
display: flex;
flex-direction: column;
align-items: center;
padding: 25px 14px 0;
text-align: center;
color: black;
}
.sidebar-user img {
width: 105px;
height: 105px;
object-fit: cover;
border-radius: 15%;
padding: 2px;
background: white;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
margin-bottom: 10px;
}
.sidebar-user strong {
font-size: 16px;
line-height: 24px;
font-weight: 700;
}
.sidebar-user > span {
font-size: 14px;
line-height: 21px;
}
.menu-group {
margin: 45px 0 5px 28px;
color: black;
font-size: 12px;
letter-spacing: 0.5px;
}
.menu-link {
display: flex;
align-items: center;
color: black;
line-height: 32px;
padding: 9px;
margin: 8px 13px 0;
border-radius: 8px;
}
.menu-link > span:last-child {
margin-left: 12px;
font-size: 14px;
}
.menu-link .material-icons-outlined {
font-size: 20px;
color: #47484b;
}
.menu-link.active, .menu-link:hover {
background: #f0f3fb;
color: black;
}
.menu-link.active > span:last-child {
font-weight: 500;
}
.app-shell > .content {
margin-left: var(--sidebar);
padding: 80px 27px 30px 25px;
min-height: 100vh;
}
.sidebar-collapsed > .sidebar {
width: 60px;
}
.sidebar-collapsed > .content {
margin-left: 60px;
}
.sidebar-collapsed .sidebar-user, .sidebar-collapsed .menu-group, .sidebar-collapsed .menu-link > span:last-child {
display: none;
}
.sidebar-collapsed .menu-link {
margin: 8px 0 0;
justify-content: center;
}
.sidebar-dismiss {
display: none;
}
.block-header {
margin-bottom: 0;
}
.block-header .breadcrumb {
display: flex;
gap: 8px;
align-items: center;
margin: 20px 0;
padding: 0;
font-size: 15px;
color: #444;
}
.block-header .breadcrumb .material-icons {
font-size: 18px;
color: #717883;
}
.feedback {
padding: 13px 17px;
border-radius: 12px;
margin-bottom: 20px;
line-height: 1.5;
}
.feedback-error {
background: #fff0ef;
color: #b3261e;
border: 1px solid #f8d5cf;
}
.feedback-success {
background: #ebf8f0;
color: #2f774b;
border: 1px solid #bfe4cd;
}
.lookup-search {
display: flex;
gap: 6px;
margin-bottom: 12px;
}
.lookup-search input {
min-height: 40px;
}
.profile-grid {
display: grid;
grid-template-columns: 190px 1fr;
gap: 15px;
margin: 28px 0;
}
.profile-grid dt {
color: #74777f;
font-weight: 400;
}
.profile-grid dd {
margin: 0;
overflow-wrap: anywhere;
}
.policy-panel {
margin-top: 25px;
padding: 15px;
border: 1px solid var(--border);
border-radius: 8px;
}
.filters {
display: flex;
gap: 16px;
flex-wrap: wrap;
align-items: flex-end;
margin-bottom: 24px;
}
.filters label {
flex: 1;
min-width: 140px;
}
.filters > button, .filters > a {
min-height: 40px;
margin-bottom: 8px;
}
.line-form {
background: #f6f9fb;
padding: 20px;
border-radius: 8px;
margin: 18px 0;
}
.pill-row {
display: flex;
gap: 8px;
flex-wrap: wrap;
padding: 12px 0;
}
.pill {
border-radius: 8px;
background: #f0f3fb;
padding: 5px 10px;
display: inline-flex;
align-items: center;
gap: 5px;
}
#blazor-error-ui {
background: #fff4d3;
bottom: 0;
display: none;
left: 0;
padding: 15px;
position: fixed;
width: 100%;
z-index: 2000;
}
@media (max-width: 1199px) {
.auth-image {
display: none;
}
.auth-form-section {
width: 100%;
}
}
@media (max-width: 767px) {
.app-shell > .sidebar {
transform: translateX(-100%);
}
.app-shell > .content, .sidebar-collapsed > .content {
margin-left: 0;
padding: 80px 15px 20px;
}
.sidebar-collapsed > .sidebar {
transform: translateX(0);
width: 260px;
}
.sidebar-collapsed .sidebar-user {
display: flex;
}
.sidebar-collapsed .menu-group, .sidebar-collapsed .menu-link > span:last-child {
display: block;
}
.sidebar-collapsed .menu-link {
justify-content: flex-start;
margin: 8px 13px 0;
}
.sidebar-collapsed .sidebar-dismiss {
display: block;
position: fixed;
inset: 60px 0 0;
background: rgba(0, 0, 0, 0.2666666667);
border: 0;
z-index: 25;
}
.brand {
width: auto;
padding: 6px 15px;
}
.brand span, .profile-trigger > span {
display: none;
}
.form-grid {
grid-template-columns: 1fr;
}
.card {
padding: 15px;
}
.profile-grid {
grid-template-columns: 130px 1fr;
}
}
@media (max-width: 600px) {
.advance-table tbody, .advance-table tr, .advance-table td {
display: block;
width: 100%;
}
.advance-table tr {
padding: 8px 9px;
border-bottom: 1px solid black;
}
.advance-table td {
border: 0;
height: auto;
min-height: 36px;
padding: 8px 14px;
}
.advance-table .mobile-label {
display: inline-block;
width: 100px;
font-weight: 700;
vertical-align: top;
}
.pagination {
gap: 0;
}
.pagination .page-range {
margin: 0 8px;
}
.pagination label {
margin-right: 8px;
}
.search-box {
width: min(250px, 100vw - 180px);
min-width: 100px;
}
.table-tools {
gap: 6px;
}
.remember-row {
gap: 8px;
}
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
transition: none !important;
animation-duration: 0.01ms !important;
}
}
@media print {
.navbar, .sidebar, .sidebar-dismiss, .block-header, .form-actions, .table-tools, .filters, #blazor-error-ui {
display: none !important;
}
.app-shell > .content {
margin: 0;
padding: 0;
}
body {
background: white;
}
.card {
box-shadow: none;
border: 0;
margin: 0;
}
.advance-table th, .advance-table td {
font-size: 10px;
}
}
h1[tabindex="-1"]:focus {
outline: none;
}
.quick-actions .card {
padding: 0;
min-height: 110px;
}
.name-link {
border: 0;
padding: 0;
background: none;
color: inherit;
text-align: left;
max-width: 100%;
line-height: 21px;
}
.advance-table .block {
display: flex;
flex-direction: column;
gap: 4px;
line-height: 20px;
}
.advance-table .block .badge {
width: 100px;
}
/* Measurements from the Angular Médico / España view, 1280 x 720. */
.app-shell > .content {
padding-top: 60px;
}
.advance-table {
display: block;
}
.advance-table thead, .advance-table tbody {
display: block;
}
.advance-table tr {
display: flex;
align-items: stretch;
}
.advance-table th, .advance-table td {
flex: 1 0 0;
min-width: 0;
display: flex;
align-items: center;
background: #faf9fd;
overflow: hidden;
white-space: normal;
line-height: 20px;
}
.advance-table th {
height: 56px;
}
.advance-table th:first-child {
padding-left: 24px;
}
.advance-table th:last-child {
padding-right: 24px;
}
.advance-table td {
height: auto;
min-height: 52px;
}
.advance-table .column-sort {
white-space: normal;
max-width: 100%;
overflow-wrap: anywhere;
}
.advance-table .prop_two {
white-space: normal;
}
.advance-table .badge {
border-radius: 6px;
padding: 5px 12px;
font-size: 13px;
line-height: 15.6px;
font-weight: 500;
}
.advance-table .badge-solid-blue {
background: rgba(13, 110, 253, 0.15);
color: #0d6efd;
}
.advance-table .badge-solid-pink {
background: rgba(253, 13, 253, 0.15);
color: #fd0dfd;
}
.advance-table .badge-solid-green {
background: rgba(25, 135, 84, 0.15);
color: #198754;
}
.advance-table .row-actions {
flex-wrap: wrap;
gap: 4px;
align-content: center;
}
.advance-table .row-actions .icon-button {
width: 40px;
height: 40px;
padding: 8px;
color: #fb8c00;
}
.advance-table .row-actions .icon-button .material-icons {
font-size: 20px;
}
.advance-table .row-actions .btn-receta {
color: #1e88e5;
font-size: 20px;
}
.advance-table .row-actions .btn-download {
color: #43a047;
}
.advance-table .row-actions .danger {
color: #e53935;
}
@media (max-width: 767px) {
.app-shell > .content {
padding-top: 60px;
}
}
@media (max-width: 600px) {
.advance-table thead {
display: none;
}
.advance-table tbody, .advance-table tr, .advance-table td {
display: block;
}
.advance-table td {
width: 100%;
overflow: visible;
}
.advance-table .row-actions {
display: flex;
}
.advance-table .row-actions .mobile-label {
flex-basis: 100%;
}
}
.rx-card {
padding: 0;
}
.button-raised {
background: #faf9fd;
color: #005cbb;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
margin-top: 4px;
}
.rx-card .btn-view {
color: #2196f3;
}
.rx-card .badge {
border-radius: 8px;
padding: 3px 16px;
font-size: 15px;
font-weight: 600;
min-width: 80px;
line-height: 18px;
}
.rx-card .badge-solid-green {
background: #c8e6c9;
color: #388e3c;
}
.rx-card .badge-solid-blue {
background: #bbdefb;
color: #1976d2;
}
.rx-card .badge-solid-red {
background: #ffcdd2;
color: #d32f2f;
}
.rx-card .badge-solid-brown {
background: #eceff1;
color: #607d8b;
}
.rx-card .badge-solid-yellow {
background: #fff9c4;
color: #fbc02d;
}
.rx-card .badge-solid-purple {
background: #e1bee7;
color: #7b1fa2;
}
.material-panel {
background: #faf9fd;
border-radius: 12px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
margin-bottom: 24px;
overflow: visible;
}
.material-panel > summary {
display: flex;
align-items: center;
min-height: 48px;
padding: 0 24px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
list-style: none;
}
.material-panel[open] > summary {
min-height: 64px;
}
.material-panel > summary::after {
content: "⌄";
margin-left: auto;
color: #44474e;
font-weight: 400;
}
.material-panel[open] > summary::after {
transform: rotate(180deg);
}
.material-panel > summary::-webkit-details-marker {
display: none;
}
.panel-body {
padding: 0 24px 16px;
}
.patient-autocomplete {
margin-bottom: 21px;
}
.patient-autocomplete > label {
background: #faf9fd !important;
}
.autocomplete-options {
position: absolute;
top: 56px;
left: 0;
right: 0;
z-index: 10;
background: #f0f3fb;
max-height: 280px;
overflow: auto;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
border-radius: 4px;
}
.autocomplete-options > button {
display: block;
width: 100%;
background: none;
border: 0;
text-align: left;
min-height: 48px;
padding: 12px 16px;
color: #1a1b1f;
}
.autocomplete-options > button:hover, .autocomplete-options > button:focus, .autocomplete-options > button[aria-selected="true"] {
background: #d7e3ff;
}
.breadcrumb-separator {
font-size: 18px;
line-height: 20px;
color: #717883;
}
.app-shell > .navbar button {
line-height: 21px;
}
.profile-trigger {
height: 40px;
padding: 0 12px;
font-weight: 500;
}
.profile-trigger::after {
content: "";
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 3px solid #484c72;
margin-left: -6px;
}
.app-shell > .navbar > .icon-button {
margin-left: 15px;
}
.advance-table .icon-button:disabled {
opacity: 0.38;
}
.block-header .breadcrumb a{color:#444}.block-header .breadcrumb a[aria-label=INICIO]{color:#5798f7}.material-panel>summary::after{content:'';width:7px;height:7px;display:block;border:solid #44474e;border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg)}.material-panel[open]>summary::after{transform:rotate(225deg)}
.remember-row{gap:normal}.remember-row .form-check{height:24px;margin:0 0 8px;padding:0}.remember-row .form-check-label{display:block;line-height:18.5714px;padding:0 15px 0 25px;gap:normal}.remember-row .form-check-input{width:2px;height:2px}
/* Match Material's inner input, including the browser autofill highlight. */
.auth-field{height:56px;border:1px solid #74777f;border-radius:4px;margin-bottom:21px}.auth-field input{height:24px;min-height:24px;position:relative;margin:16px 0 0 15px;width:calc(100% - 76px);padding:0!important;border:0;border-radius:0;outline:0!important}.auth-field:focus-within{outline:2px solid #005cbb;outline-offset:-2px}.auth-form-btn .busy-spinner{color:#005cbb}
.auth-field input:not([type=checkbox]):focus{outline:0!important;border:0!important}
.mobile-toolbar-toggle{display:none}
@media(max-width:767px){
.app-shell>.content,.sidebar-collapsed>.content{padding:60px 25px 20px 27px}
.quick-actions .card{min-height:50px}
.navbar .brand{position:absolute;left:0;top:14px;width:100%;height:45px;justify-content:center;padding:6px 25px}
.navbar .brand span{display:inline}
.app-shell>.navbar>.icon-button{position:absolute;left:0;top:6px;margin-left:0;z-index:2}
.app-shell>.navbar>.mobile-toolbar-toggle{display:inline-flex;left:auto;right:16px;top:0}
.navbar .header-tools>.icon-button{display:none}
.navbar.toolbar-open::after{content:'';position:absolute;top:60px;left:0;right:0;height:60px;background:white;box-shadow:0 2px 4px #0002}
.navbar.toolbar-open .header-tools{position:absolute;top:65px;right:66px;z-index:2}
.navbar.toolbar-open .header-tools>.icon-button{display:inline-flex}
}
@media(max-width:600px){
.material-table-header{padding:0;gap:0}
.material-table-header .search-box{width:100%;height:60px;flex-basis:100%;display:flex;align-items:center;padding-left:10px}
.material-table-header .search-box input{width:250px;max-width:calc(100% - 20px)}
.material-table-header .search-box .material-icons{left:20px;top:18px}
.material-table-header .table-tools{width:100%;height:60px;justify-content:flex-end;padding-right:15px;gap:10px}
.advance-table tr{display:grid;padding:8px 24px}
.advance-table td{display:flex;min-height:52px;overflow:hidden;border-bottom:1px solid black}
.advance-table .mobile-label{width:100px;flex-shrink:1}
.advance-table .row-actions .mobile-label{flex-basis:auto}
}
@media(max-width:380px){.material-table-header .search-box input{width:140px}}
.advance-table{letter-spacing:.256px}
.card:has(>.material-table-header){border-radius:0;overflow:visible}
.block-header .breadcrumb>a[aria-label=INICIO]{margin-left:8px}
@media(max-width:600px){.advance-table td{border-top:1px solid black}}
.rx-hidden-banner .button-secondary{display:flex;align-items:center;gap:8px;font-size:14px}
.rx-hidden-banner .material-icons{flex-shrink:0}
.advance-table .name-link{letter-spacing:inherit}
@media(max-width:600px){.advance-table td{border-top-color:transparent}.advance-table tr{border-bottom:0}.navbar>.icon-button .material-icons,.navbar>.icon-button .material-icons-outlined{color:black}}
.advance-table .row-actions .btn-hip{color:#00897b}
.advance-table svg.feather{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.advance-table button:disabled svg.feather{color:#c0c0c0}
.legal-dialog-host .legal-policy-document{border:0;width:100%;height:60vh}
.auth-field.invalid-field{border-color:#ba1a1a}
.auth-field.invalid-field>label,.auth-field.invalid-field>.field-suffix{color:#ba1a1a}
.auth-field.invalid-field:focus-within{outline-color:#ba1a1a}
.signed-preview-host .sign-preview-dialog { width:calc(100vw - 32px); max-width:1600px; height:calc(100vh - 32px); max-height:920px; border-radius:28px; overflow:hidden; background:#f4f7fa; }
.signed-preview-host .sign-consent__checkbox {display:flex;align-items:flex-start;cursor:pointer;padding-left:11px;gap:15px;}
.signed-preview-host .sign-consent__checkbox input {width:18px;height:18px;flex:0 0 18px;accent-color:#005cbb;margin:2px 0 0;margin-top:6px;}
.rx-card .btn-sign {color:#00a5b8;}
.signed-preview-host .sign-preview__actions button {text-transform:uppercase;}
@media(min-width:768px){.navbar {padding-right:0;}.navbar>.icon-button {width:40px;}}
/* Local vector icons preserve the former icon geometry without a font request. */
.action-icon{display:inline-block;line-height:1;font-style:normal;vertical-align:-.125em;height:1em}.action-icon svg{display:block;height:1em;fill:currentColor}
.signed-preview-host{
display:block;
height:100%;
min-height:0
}
.signed-preview-host .sign-preview{
display:flex;
flex-direction:column;
height:100%;
min-height:0;
overflow:hidden;
background:#f4f7fa;
color:#172f3e
}
.signed-preview-host .sign-preview__header{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
flex:0 0 54px;
height:54px;
min-height:54px;
max-height:54px;
padding:0 16px 0 20px;
border-bottom:1px solid #dbe4ea;
background:#fff
}
.signed-preview-host .sign-preview__heading{
display:flex;
align-items:center;
gap:14px;
min-width:0
}
.signed-preview-host .sign-preview__heading h2{
margin:0;
color:#172f3e;
font-size:18px;
font-weight:700;
line-height:1.2;
letter-spacing:0
}
.signed-preview-host .sign-preview__badges{
display:flex;
flex-wrap:wrap;
gap:8px;
min-width:0
}
.signed-preview-host .sign-preview__badge{
display:inline-flex;
align-items:center;
gap:6px;
min-height:28px;
padding:4px 10px;
border:1px solid #cfe8ee;
border-radius:999px;
background:#edf9fb;
color:#006d7a;
font-size:12px;
font-weight:700;
line-height:1
}
.signed-preview-host .sign-preview__badge .material-icons{
width:16px;
height:16px;
font-size:16px
}
.signed-preview-host .sign-preview__badge--danger{
border-color:#f3c4c4;
background:#fff2f2;
color:#9f1f1f
}
.signed-preview-host .icon-close{
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
width:38px;
height:38px;
border:1px solid rgba(0,0,0,0);
border-radius:999px;
background:rgba(0,0,0,0);
color:#637587;
cursor:pointer;
transition:background-color 120ms ease,color 120ms ease,border-color 120ms ease
}
.signed-preview-host .icon-close:hover{
border-color:#d7e0e7;
background:#f4f7fa;
color:#172f3e
}
.signed-preview-host .sign-preview__content{
display:grid;
grid-template-columns:minmax(0, 1fr) clamp(430px,31vw,500px);
gap:12px;
flex:1 1 0;
min-height:0;
padding:14px;
overflow:hidden
}
.signed-preview-host .document-pane,.signed-preview-host .decision-panel{
min-height:0;
border:1px solid #d8e1e8;
border-radius:10px;
background:#fff;
box-shadow:0 12px 28px rgba(15,38,54,.08)
}
.signed-preview-host .document-pane{
display:grid;
grid-template-rows:auto auto minmax(0, 1fr);
overflow:hidden
}
.signed-preview-host .document-pane__bar{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
min-height:42px;
padding:0 14px;
border-bottom:1px solid #e4ebf0;
background:#fbfcfd;
color:#32485b;
font-size:13px;
font-weight:700
}
.signed-preview-host .document-pane__bar span{
display:inline-flex;
align-items:center;
gap:8px;
min-width:0
}
.signed-preview-host .document-pane__bar .material-icons{
width:18px;
height:18px;
color:#007f8f;
font-size:18px
}
.signed-preview-host .document-switcher{
display:inline-flex;
align-items:center;
gap:6px;
flex:0 0 auto
}
.signed-preview-host .document-chip{
display:inline-grid;
place-items:center;
width:28px;
height:26px;
border:1px solid #cbd9e2;
border-radius:999px;
background:#fff;
color:#3c5365;
font-size:12px;
font-weight:800;
line-height:1;
cursor:pointer
}
.signed-preview-host .document-chip--active{
border-color:#007f8f;
background:#007f8f;
color:#fff
}
.signed-preview-host .document-chip--danger:not(.document-chip--active){
border-color:#f0b8b8;
background:#fff2f2;
color:#a82020
}
.signed-preview-host .signature-only-notice{
display:grid;
justify-items:center;
gap:2px;
padding:7px 14px 8px;
border-bottom:1px solid #d9e2e9;
background:#eee;
color:#d01818;
font-size:11px;
font-weight:800;
line-height:1.15;
text-align:center;
text-transform:uppercase
}
.signed-preview-host .signature-only-notice strong,.signed-preview-host .signature-only-notice span{
display:block
}
.signed-preview-host .preview-frame{
min-height:0;
padding:14px;
background:#24313b;
overflow:hidden
}
.signed-preview-host .preview-frame iframe{
display:block;
width:100%;
height:100%;
min-height:0;
border:0;
border-radius:6px;
background:#eef2f6
}
.signed-preview-host .decision-panel{
display:flex;
flex-direction:column;
gap:12px;
padding:14px;
overflow:hidden
}
.signed-preview-host .doc-summary{
flex:0 0 auto;
padding:11px 12px;
border:1px solid #d8e4eb;
border-radius:8px;
background:#f8fbfd
}
.signed-preview-host .doc-summary div{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
color:#24384a;
font-size:12px;
font-weight:800;
line-height:1.2
}
.signed-preview-host .doc-summary strong{
padding:3px 8px;
border-radius:999px;
background:#e9f7fa;
color:#007f8f;
font-size:11px
}
.signed-preview-host .doc-summary p{
margin:7px 0 0;
color:#506474;
font-size:12px;
line-height:1.35
}
.signed-preview-host .critical-alerts{
display:flex;
flex-direction:column;
min-height:0;
border:1px solid #efb7b7;
border-radius:8px;
background:#fff7f7;
overflow:hidden
}
.signed-preview-host .critical-alerts__title{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
flex:0 0 auto;
padding:10px 12px;
border-bottom:1px solid #f2caca;
color:#961f1f;
font-size:13px;
font-weight:800;
line-height:1.2
}
.signed-preview-host .critical-alerts__title span{
display:inline-flex;
align-items:center;
gap:8px;
min-width:0
}
.signed-preview-host .critical-alerts__title .material-icons{
width:18px;
height:18px;
color:#c83333;
font-size:18px
}
.signed-preview-host .critical-alerts__title strong{
display:inline-grid;
place-items:center;
flex:0 0 auto;
min-width:28px;
height:24px;
padding:0 8px;
border-radius:999px;
background:#c83333;
color:#fff;
font-size:12px
}
.signed-preview-host .critical-alerts__list{
display:grid;
gap:8px;
min-height:0;
max-height:300px;
padding:10px;
overflow:auto;
background:#fff
}
.signed-preview-host .critical-alert{
display:grid;
gap:7px;
padding:10px;
border:1px solid #f4d1d1;
border-left:4px solid #c83333;
border-radius:7px;
background:snow
}
.signed-preview-host .critical-alert p{
margin:0;
color:#263b4d;
font-size:12px;
line-height:1.4
}
.signed-preview-host .critical-alert__head{
display:grid;
gap:6px
}
.signed-preview-host .critical-alert__head strong{
color:#122d42;
font-size:12px;
font-weight:800;
line-height:1.25
}
.signed-preview-host .critical-alert__head span{
justify-self:start;
padding:3px 8px;
border-radius:999px;
background:#fee4e4;
color:#961f1f;
font-size:11px;
font-weight:800;
line-height:1.1
}
.signed-preview-host .sign-consent{
flex:0 0 auto;
margin-top:auto;
padding:12px;
border:1px solid #dbe5ec;
border-radius:8px;
background:#f8fafc;
color:#35495b
}
.signed-preview-host .sign-consent__copy{
display:grid;
gap:6px;
color:#35495b;
font-size:12px;
line-height:1.45;
white-space:normal
}
.signed-preview-host .sign-consent__copy strong{
color:#9f1f1f;
font-size:12px;
font-weight:800;
line-height:1.35
}
.signed-preview-host .sign-preview__actions{
display:flex;
justify-content:flex-end;
flex-wrap:wrap;
gap:10px;
flex:0 0 auto
}
.signed-preview-host .sign-preview__actions button{
min-width:104px;
height:40px;
border-radius:999px;
font-weight:700
}
@media(max-width: 1180px){
.signed-preview-host .sign-preview__content{
grid-template-columns:minmax(0, 1fr) 390px
}
}
@media(max-width: 920px){
.signed-preview-host .sign-preview{
overflow:auto
}
.signed-preview-host .sign-preview__header{
align-items:flex-start
}
.signed-preview-host .sign-preview__heading{
align-items:flex-start;
flex-direction:column;
gap:8px
}
.signed-preview-host .sign-preview__content{
display:flex;
flex-direction:column;
overflow:visible
}
.signed-preview-host .document-pane{
min-height:520px
}
.signed-preview-host .decision-panel{
overflow:visible
}
.signed-preview-host .critical-alerts__list{
max-height:none
}
.signed-preview-host .sign-consent{
margin-top:0
}
}
@media(max-width: 560px){
.signed-preview-host .sign-preview__header,.signed-preview-host .sign-preview__content{
padding-left:10px;
padding-right:10px
}
.signed-preview-host .document-pane{
min-height:430px
}
.signed-preview-host .preview-frame{
padding:8px
}
.signed-preview-host .sign-preview__actions{
flex-direction:column-reverse
}
.signed-preview-host .sign-preview__actions button{
width:100%
}
}
.legal-dialog-host .legal-dialog{
display:flex;
flex-direction:column;
width:min(1080px,92vw);
max-height:88vh;
background:#fff;
border-radius:18px;
overflow:hidden
}
.legal-dialog-host .legal-dialog__header{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:16px;
padding:20px 22px 16px;
border-bottom:1px solid #e2e8f0;
background:#fff
}
.legal-dialog-host .legal-dialog__eyebrow{
color:#2563eb;
font-size:.75rem;
font-weight:800;
letter-spacing:.14em;
text-transform:uppercase
}
.legal-dialog-host .legal-dialog__header h2{
margin:6px 0 0;
color:#082f49;
font-size:1.02rem;
font-weight:800
}
.legal-dialog-host .legal-dialog__close{
width:36px;
height:36px;
border:none;
border-radius:50%;
background:#f8fafc;
color:#2563eb;
display:inline-flex;
align-items:center;
justify-content:center;
cursor:pointer
}
.legal-dialog-host .legal-dialog__body{
min-height:0;
flex:1;
display:grid;
grid-template-columns:240px minmax(0, 1fr)
}
.legal-dialog-host .legal-dialog__nav{
padding:16px;
border-right:1px solid #e2e8f0;
background:#f8fafc;
display:grid;
align-content:start;
gap:10px
}
.legal-dialog-host .legal-dialog__nav button{
border:1px solid #dbe3ee;
background:#fff;
color:#334155;
border-radius:12px;
padding:12px 14px;
text-align:left;
font-weight:700;
cursor:pointer
}
.legal-dialog-host .legal-dialog__nav button.active{
border-color:#bfdbfe;
background:#eff6ff;
color:#0f3d63
}
.legal-dialog-host .legal-dialog__content{
padding:18px 22px;
overflow:auto
}
.legal-dialog-host .legal-dialog__meta{
margin-bottom:16px
}
.legal-dialog-host .legal-dialog__title{
color:#082f49;
font-size:.95rem;
font-weight:800
}
.legal-dialog-host .legal-dialog__edition{
margin-top:4px;
color:#64748b;
font-size:.84rem;
font-weight:700;
text-transform:uppercase;
letter-spacing:.04em
}
.legal-dialog-host .legal-dialog__empty{
padding:28px 22px;
color:#64748b
}
@media(max-width: 820px){
.legal-dialog-host .legal-dialog{
width:96vw;
max-height:92vh
}
.legal-dialog-host .legal-dialog__body{
grid-template-columns:1fr
}
.legal-dialog-host .legal-dialog__nav{
border-right:none;
border-bottom:1px solid #e2e8f0;
grid-template-columns:1fr
}
}
.help-dialog .help-text{
margin:0 0 12px
}
.help-dialog .help-progress{
display:block;
font-size:12px;
color:#5f6b7a
}
.rmd-message-body {
display: grid;
gap: 14px;
text-align: left;
}
.rmd-message-symbol {
position: relative;
justify-self: center;
width: 72px;
height: 72px;
border: 1px solid rgba(74, 101, 117, 0.18);
border-radius: 999px;
background: #f7fafb;
box-shadow: inset 0 0 0 10px #ffffff, 0 12px 28px rgba(23, 47, 62, 0.08);
}
.rmd-message-symbol::before,
.rmd-message-symbol::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
border-radius: 999px;
background: #4a6575;
transform-origin: center;
}
.rmd-message-body-error .rmd-message-symbol {
border-color: rgba(216, 75, 85, 0.26);
background: #fff7f7;
}
.rmd-message-body-error .rmd-message-symbol::before,
.rmd-message-body-error .rmd-message-symbol::after {
width: 31px;
height: 4px;
background: #d84b55;
}
.rmd-message-body-error .rmd-message-symbol::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.rmd-message-body-error .rmd-message-symbol::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.rmd-message-body-success .rmd-message-symbol {
border-color: rgba(7, 139, 119, 0.24);
background: #f3fbf9;
}
.rmd-message-body-success .rmd-message-symbol::before {
width: 26px;
height: 14px;
border: solid #078b77;
border-width: 0 0 4px 4px;
background: transparent;
border-radius: 1px;
transform: translate(-48%, -58%) rotate(-45deg);
}
.rmd-message-body-success .rmd-message-symbol::after {
display: none;
}
.rmd-message-body-warning .rmd-message-symbol {
border-color: rgba(194, 120, 3, 0.25);
background: #fff9ed;
}
.rmd-message-body-warning .rmd-message-symbol::before {
content: '!';
width: auto;
height: auto;
color: #c27803;
background: transparent;
font-size: 34px;
font-weight: 700;
line-height: 1;
transform: translate(-50%, -48%);
}
.rmd-message-body-warning .rmd-message-symbol::after {
display: none;
}
.rmd-message-body-info .rmd-message-symbol,
.rmd-message-body-question .rmd-message-symbol {
border-color: rgba(0, 127, 143, 0.24);
background: #f1fbfd;
}
.rmd-message-body-info .rmd-message-symbol::before,
.rmd-message-body-question .rmd-message-symbol::before {
width: auto;
height: auto;
color: #007f8f;
background: transparent;
font-size: 32px;
font-weight: 700;
line-height: 1;
transform: translate(-50%, -49%);
}
.rmd-message-body-info .rmd-message-symbol::before {
content: 'i';
}
.rmd-message-body-question .rmd-message-symbol::before {
content: '?';
}
.rmd-message-body-info .rmd-message-symbol::after,
.rmd-message-body-question .rmd-message-symbol::after {
display: none;
}
.rmd-message-code-card {
display: grid;
gap: 2px;
padding: 12px 14px;
border: 1px solid rgba(23, 47, 62, 0.12);
border-left: 4px solid #4a6575;
border-radius: 10px;
background: #f6f9fb;
text-align: center;
}
.rmd-message-body-error .rmd-message-code-card {
border-left-color: #d84b55;
background: #fff7f7;
}
.rmd-message-body-success .rmd-message-code-card {
border-left-color: #078b77;
background: #f3fbf9;
}
.rmd-message-body-warning .rmd-message-code-card {
border-left-color: #c27803;
background: #fff9ed;
}
.rmd-message-code-label {
color: #647687;
font-size: 12px;
font-weight: 500;
line-height: 1.2;
letter-spacing: 0.02em;
text-transform: uppercase;
text-align: center;
}
.rmd-message-code-value {
color: #172f3e;
font-size: 34px;
font-weight: 700;
line-height: 1.05;
letter-spacing: 0;
text-align: center;
}
.rmd-message-main {
margin: 0;
color: #2c3f50;
font-size: 16px;
font-weight: 400;
line-height: 1.55;
overflow-wrap: anywhere;
text-align: left;
}
.rmd-message-overlay { z-index: 2000; background: rgba(0,0,0,.4); }
.rmd-message-popup { width: min(450px, calc(100vw - 32px)); padding: 22px 24px 20px; border: 1px solid rgba(21,42,56,.12); border-radius: 12px; box-shadow: 0 22px 64px rgba(10,28,38,.22); background: white; color: #172f3e; line-height: 1.5; max-height: calc(100dvh - 32px); overflow-y: auto; }
.rmd-message-popup .feedback { padding: 0; margin: 0; background: none; border: 0; border-radius: 0; }
.rmd-message-actions { display: flex; justify-content: center; margin-top: 20px; }
.rmd-message-popup .rmd-message-confirm { min-height: 38px; min-width: 104px; padding: 9px 15px; border-radius: 8px; border: 1px solid #007f8f; background: #007f8f; color: white; font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: 0; }
.rmd-message-popup .rmd-message-confirm:hover { background: #006d79; }
@media(max-width:420px) { .rmd-message-popup { padding: 20px 16px 18px; } .rmd-message-code-value { font-size: 32px; } }
.twofa-card { width: min(440px, 100%); padding: 18px 18px 16px; background: white; border-radius: 28px; box-shadow: 0 10px 30px rgba(0,0,0,.12); line-height: 1.5; box-sizing: border-box; }
.twofa-header { display: flex; gap: 12px; align-items: center; margin-bottom: 14px; }
.twofa-icon { width: 44px; height: 44px; flex-shrink: 0; border-radius: 14px; background: rgba(0,165,184,.12); display: grid; place-items: center; color: #00a5b8; }
.twofa-icon .material-icons { font-size: 22px; }
.twofa-title { min-width: 0; }
.twofa-title h3 { margin: 0; font-size: 1.05rem; letter-spacing: .4px; color: #073b60; font-weight: 800; }
.twofa-title p { margin: 4px 0 0; font-size: .92rem; color: #425266; line-height: 1.25rem; }
.otp-wrap { position: relative; padding: 12px 12px 10px; border-radius: 14px; background: #fafbfc; box-shadow: inset 0 0 0 1px rgba(7,59,96,.1); }
.otp-boxes { display: flex; gap: 8px; justify-content: center; }
.otp-box { flex: 0 1 50px; min-width: 0; height: 48px; border-radius: 12px; background: white; box-shadow: 0 2px 8px rgba(0,0,0,.06); display: grid; place-items: center; font-size: 1.15rem; font-weight: 800; color: #073b60; border: 1px solid rgba(7,59,96,.1); }
.otp-wrap:focus-within .otp-box { border-color: #00a5b8; }
.otp-entry { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: text; }
.twofa-actions { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-top: 16px; }
.twofa-right { display: flex; flex-wrap: wrap; gap: 10px; margin-left: auto; }
.twofa-card .twofa-resend { background: transparent; border: 0; color: #008d9d; padding: 10px 0; font-size: 13px; text-transform: uppercase; box-shadow: none; }
.twofa-card .twofa-cancel, .twofa-card .twofa-confirm { padding: 10px 16px; border-radius: 24px; font-size: 13px; line-height: 18px; text-transform: uppercase; }
.twofa-card .twofa-cancel { background: white; border: 1px solid #cbd5e1; color: #073b60; }
.twofa-card .twofa-confirm { background: #008d9d; color: white; border: 1px solid #008d9d; }
.twofa-card .twofa-confirm:disabled { background: #e8f5f7; color: #58727a; border-color: #d3e8ec; opacity: 1; }
.twofa-card .twofa-confirm:not(:disabled):hover { background: #007f8f; }
.twofa-card .twofa-resend:disabled, .twofa-card .twofa-alternate:disabled { background: transparent; color: #58727a; }
.twofa-notice, .twofa-request { color: #073b60; font-size: 13px; line-height: 1.5; }
.twofa-notice { padding: 10px 12px; background: #e8f5f7; border-radius: 8px; }
.twofa-request { margin-bottom: 16px; }
.twofa-request-actions { display: flex; flex-wrap: wrap; gap: 10px; }
@media(max-width:420px) { .twofa-card { padding: 16px 12px; } .twofa-actions { gap: 4px; } .twofa-right { gap: 6px; } .twofa-card .twofa-cancel, .twofa-card .twofa-confirm { padding: 10px; } }
.rmd-message-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.twofa-card .twofa-alternate { background: transparent; border: 0; box-shadow: none; color: #005cbb; padding: 12px 0 0; min-height: 40px; font-size: 13px; font-weight: 600; text-transform: uppercase; }
.twofa-media { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.modal-card.medication-dosage-dialog { width: min(1000px, 100%); text-transform: uppercase; }
.modal-card.form-issues-dialog { width: min(800px, 100%); display: flex; flex-direction: column; overflow: hidden; }
.form-issues-dialog > h2, .form-issues-dialog > .form-actions { flex-shrink: 0; }
.wf-scope { --wf-accent: #007f8d; --wf-text: #263442; --wf-muted: #667787; --wf-border: #e8edf1; --wf-fill: #f6f9fb; --wf-surface: #fff; }
.account-recovery { margin-top: 12px; }
.wf-scope .mud-button-root { text-transform: uppercase; }
.rmd-spain .mud-button-root:is(.button-primary,.button-secondary,.button-danger,.icon-button),
.rmd-spain .profile-trigger { text-transform:uppercase; }
.wf-scope .wf-text-button { border: 0; padding-inline: 16px; }
.recovery-search-field { position: relative; margin-bottom: 32px; }
.recovery-search-field small { display: block; font-size: 12px; line-height: 20px; margin: -17px 16px 0; }
.wf-actions .material-icons, .wf-toolbar .material-icons { font-size: 18px; width: 18px; height: 18px; line-height: 18px; }
.wf-card, .wf-panel { background: var(--wf-surface); border: 1px solid var(--wf-border); border-radius: 12px; box-shadow: 0 0 10px rgba(183,192,206,.14); margin-bottom: 24px; overflow: hidden; color: var(--wf-text); }
.wf-panel__header { min-height: 76px; height: auto; padding: 16px 22px; }
.wf-panel__title { min-width: 0; display: flex; align-items: center; gap: 12px; }
.wf-icon { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; background: #eaf6f7; color: var(--wf-accent); }
.wf-icon--warning { background: #fff5e3; color: #906000; }
.wf-heading { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.5; color: var(--wf-text); }
.wf-subtitle { display: block; margin-top: 3px; color: var(--wf-muted); font-size: 12px; line-height: 1.5; font-weight: 400; }
.wf-copy, .wf-subtitle, .wf-message, .wf-reason, .wf-help { text-transform: none !important; }
.wf-chip { flex-shrink: 0; display: inline-flex; align-items: center; gap: 5px; min-height: 26px; border-radius: 6px; padding: 3px 9px; background: #eef5f6; color: #23616a; font-size: 11px; font-weight: 600; line-height: 1.5; }
.wf-chip--warning { background: #fff4dc; color: #805300; }
.wf-chip--success { background: #e9f6ef; color: #256446; }
.wf-card__head { display: flex; align-items: center; gap: 12px; padding: 20px 22px; border-bottom: 1px solid var(--wf-border); }
.wf-card__head > div { flex: 1; min-width: 0; }
.wf-body { padding: 22px; }
.wf-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 4px 0 16px; }
.wf-toolbar p { margin: 0; }
.wf-muted { color: var(--wf-muted); font-size: 12px; }
.wf-list { display: grid; gap: 12px; }
.wf-event { border: 1px solid var(--wf-border); border-radius: 10px; padding: 16px; }
.wf-event__top, .wf-event__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.wf-event__meta { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; color: var(--wf-muted); font-size: 12px; }
.wf-event__meta .material-icons { width: 16px; height: 16px; font-size: 16px; }
.wf-reason { margin: 12px 0; color: var(--wf-text); font-size: 14px; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }
.wf-reference { font-size: 11px; color: var(--wf-muted); margin: 10px 0 0; }
.wf-reference summary { cursor: pointer; padding: 5px 0; width: fit-content; }
.wf-reference code { display: block; margin-top: 4px; color: inherit; overflow-wrap: anywhere; }
.wf-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 18px; }
.wf-actions button, .wf-actions a { min-height: 42px; height: auto; padding-block: 10px; white-space: normal; line-height: 1.4; }
.wf-primary { --mdc-filled-button-container-color: var(--wf-accent); --mdc-filled-button-label-text-color: #fff; }
.wf-primary:not(:disabled):not([aria-disabled="true"]) { background-color: var(--wf-accent) !important; color: #fff !important; }
.wf-danger:not(:disabled) { color: #a52a2a !important; border-color: #dfb9b6 !important; background-color: #fff9f8 !important; }
.wf-divider { border-top: 1px solid var(--wf-border); margin-top: 20px; padding-top: 18px; }
.wf-help { color: var(--wf-muted); font-size: 12px; line-height: 1.65; margin: 0 0 14px; }
.wf-message { display: flex; align-items: flex-start; gap: 10px; padding: 14px 16px; border-radius: 8px; background: var(--wf-fill); font-size: 13px; line-height: 1.6; margin: 12px 0; }
.wf-message .material-icons { flex-shrink: 0; color: var(--wf-accent); }
.wf-message--error { background: #fff1f0; color: #9b2923; }
.wf-message--error .material-icons { color: inherit; }
.wf-message--success { background: #edf7f1; color: #256446; }
.wf-message--success .material-icons { color: inherit; }
.wf-empty { display: grid; justify-items: center; gap: 10px; text-align: center; padding: 26px 18px; color: var(--wf-muted); }
.wf-empty > .material-icons { width: 32px; height: 32px; font-size: 32px; color: #90a4ae; }
.wf-empty p { margin: 0; font-size: 13px; line-height: 1.65; max-width: 460px; }
.wf-field { width: 100%; margin-bottom: 12px; }
.wf-fields { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px 18px; }
.wf-span { grid-column: 1 / -1; }
.wf-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); align-items: start; gap: 24px; }
.wf-layout > * { min-width: 0; }
.wf-layout .wf-fields { grid-template-columns: 1fr; }
.wf-fieldset { border: 0; border-top: 1px solid var(--wf-border); margin: 22px 0 0; padding: 20px 0 0; min-width: 0; }
.wf-fieldset legend { float: none; width: auto; padding: 0 8px 0 0; font-size: 14px; font-weight: 600; color: var(--wf-text); }
.wf-check { display: block; margin: 6px 0 12px; line-height: 1.6; }
.wf-check, .wf-check * { text-transform: none !important; }
.wf-account { background: var(--wf-fill); border-radius: 8px; padding: 14px 16px; margin: 0 0 20px; }
.wf-account strong { color: var(--wf-text); font-weight: 600; }
.wf-account p { margin: 5px 0 0; overflow-wrap: anywhere; }
.wf-table-wrap { overflow-x: auto; }
.wf-table { width: 100%; border-collapse: collapse; }
.wf-table th { background: var(--wf-fill); color: var(--wf-muted); font-size: 11px; font-weight: 600; text-align: left; padding: 12px 16px; white-space: nowrap; }
.wf-table td { border-bottom: 1px solid var(--wf-border); padding: 14px 16px; font-size: 13px; }
.wf-table td:first-child { overflow-wrap: anywhere; }
.wf-table td:last-child { text-align: right; white-space: nowrap; }
.wf-definition { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin: 0; }
.wf-definition div { min-width: 0; }
.wf-definition dt { color: var(--wf-muted); font-size: 11px; font-weight: 500; margin-bottom: 6px; }
.wf-definition dd { margin: 0; font-size: 14px; overflow-wrap: anywhere; }
.wf-session { display: flex; align-items: center; gap: 8px; color: var(--wf-muted); font-size: 12px; margin: 0 0 20px; }
.wf-session .material-icons { width: 18px; height: 18px; font-size: 18px; color: var(--wf-accent); }
.wf-auth { min-height: 100dvh; display: grid; place-items: center; padding: 32px 20px; background: #f1f4f8; }
.wf-auth .wf-card { width: min(100%, 520px); margin: 0; }
.wf-auth .wf-body { padding: 30px; }
.wf-auth .wf-heading { font-size: 20px; }
.wf-auth .wf-icon { margin-bottom: 18px; width: 48px; height: 48px; }
.wf-auth .wf-help { margin-top: 12px; margin-bottom: 24px; font-size: 13px; }
.wf-auth .wf-actions { align-items: stretch; flex-direction: column; }
.dark .wf-scope { --wf-surface: #202833; --wf-text: #e6edf5; --wf-muted: #a9b7c7; --wf-border: #394452; --wf-fill: #293441; }
@media (max-width: 991px) { .wf-layout { grid-template-columns: 1fr; gap: 0; } }
@media (max-width: 600px) {
.wf-panel__header { padding: 14px; }
.wf-panel__title { gap: 10px; }
.wf-panel__header .wf-chip { margin-left: 8px; }
.wf-panel__header .wf-subtitle { display: none; }
.wf-icon { width: 34px; height: 34px; }
.wf-heading { font-size: 14px; }
.wf-body, .wf-card__head { padding: 16px; }
.wf-toolbar { gap: 8px; }
.wf-event { padding: 13px; }
.wf-fields, .wf-definition { grid-template-columns: 1fr; }
.wf-actions { align-items: stretch; flex-direction: column; }
.wf-actions button, .wf-actions a { width: 100%; }
.wf-auth .wf-body { padding: 24px; }
}
.account-recovery{margin-top:0;padding-top:12px}.recovery-search-field{margin-bottom:27px}
.attention-card.card { padding:0; border:1px solid #e7eef5; border-radius:16px; overflow:hidden; }
.attention-header { display:flex; align-items:center; gap:12px; padding:20px; border-bottom:1px solid #e7eef5; }
.attention-header h2 { margin:0; font-size:16px; color:#073b60; }
.attention-header p { margin:6px 0 0; font-size:12px; line-height:1.6; }
.attention-icon { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; flex:0 0 40px; background:#eaf6f8; border-radius:12px; color:#007f8d; }
.attention-body { padding:20px; }
.attention-search { display:flex; align-items:center; gap:12px; }
.attention-search > .form-field { flex:1; min-width:0; }
.attention-search .material-field { flex:1; min-width:0; margin-bottom:0; }
.attention-search button { flex-shrink:0; }
.attention-help { margin:6px 0 16px; color:#647990; font-size:12px; line-height:1.7; }
.attention-results-heading { display:flex; justify-content:space-between; gap:12px; align-items:center; margin:24px 0 0; padding-bottom:12px; border-bottom:1px solid #e7eef5; font-size:12px; color:#647990; }
.attention-results-heading h3 { margin:0; font-size:13px; color:#073b60; }
.attention-result { display:flex; align-items:center; gap:16px; padding:20px 0; border-bottom:1px solid #e7eef5; }
.attention-result-info { flex:1; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:8px; overflow-wrap:anywhere; font-size:13px; color:#073b60; }
.attention-access { background:#eaf6f8; color:#007f8d; border-radius:4px; padding:4px 8px; font-size:11px; font-weight:700; }
.attention-verification { margin-top:20px; padding:16px; background:#f4fafb; border:1px solid #b7e2e8; border-radius:12px; }
.attention-verification h3 { font-size:14px; margin:0 0 12px; }
.attention-profile .attention-header { background:#f7f9fa; }
.attention-profile .attention-panels { padding:0 8px; }
.attention-panels > .material-panel { margin:0; border:0; box-shadow:none; border-radius:0; background:#fff; }
.attention-panels > .material-panel + .material-panel { border-top:1px solid #e7eef5; }
.attention-panels > .material-panel > summary { min-height:64px; padding:20px; font-size:14px; gap:12px; }
.attention-panels > .material-panel > summary .material-icons { color:#007f8d; }
.attention-panels .attention-panel-body { padding:0 24px 18px; }
.attention-profile .attention-header h2 { font-size:18px; }
.attention-embedded.card { border:0; box-shadow:none; margin:0; }
.patient-history .card-header { padding:18px 24px; background:#f7f9fa; border-bottom:1px solid #dce3eb; }
.patient-history .card-header h2 { margin:0; font-size:18px; }
.patient-history.card { padding:0; border:1px solid #dce3eb; border-radius:12px; overflow:hidden; }
.patient-history .attention-panels { padding:0 8px; }
.patient-history .history-items { padding:0 16px 16px; }
.patient-history .history-items > div { padding:12px; border-bottom:1px solid #eef2f5; overflow-wrap:anywhere; }
@media(max-width:600px) {
.attention-body,.attention-header { padding:16px; }
.attention-search { flex-wrap:wrap; }
.attention-search > .form-field { flex-basis:100%; }
.attention-search .material-field > label { top:-8px;left:12px;font-size:12px;line-height:16px;background:white;padding:0 4px; }
.attention-result { flex-wrap:wrap; align-items:flex-start; }
.attention-result-info { flex-basis:calc(100% - 56px); }
.attention-result > .button-secondary { margin-left:56px; max-width:calc(100% - 56px); white-space:normal; }
.attention-results-heading { align-items:flex-start; flex-direction:column; gap:4px; }
}
.hip-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding-top:4px; }
.hip-actions .button-primary,.hip-actions .button-secondary { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; height:auto; white-space:normal; }
.hip-actions .button-secondary { color:#007f91; border-color:#00a5b8; background:#fff; }
.registration-list.card { padding:0; overflow:hidden; }
.registration-heading { padding:24px 24px 0; }
.registration-heading h2 { margin:0; font-size:16px; color:#073b60; }
.registration-heading p { margin:6px 0 18px; color:#647990; font-size:13px; }
.registration-filters { display:flex; flex-wrap:wrap; gap:16px; align-items:center; padding:0 24px 20px; }
.registration-filters .material-field { flex:1 1 180px; margin:0; }
.registration-list .advance-table { margin:15px; width:calc(100% - 30px); }
.registration-list .block a { color:#2196ff; overflow-wrap:anywhere; }
.registration-review { text-transform:uppercase; }
.registration-dialog.modal-card { width:min(960px,calc(100vw - 32px));max-height:94dvh;display:flex;flex-direction:column;overflow:hidden;background:white; }
.registration-dialog > h2 { flex:none;margin:0 0 16px;color:#073b60;font-size:20px; }
.registration-dialog > .registration-review { min-height:0;overflow:auto;padding-right:8px; }
.registration-dialog > .form-actions { flex:none;margin:16px 0 0;padding-top:12px;border-top:1px solid #e7eef5;background:white; }
.registration-review .wf-help { text-transform:uppercase !important; }
.registration-review h3 { font-size:16px;margin:20px 0 10px;color:#073b60; }
.registration-review .review-summary { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:16px; background:#f4fafb; border-radius:12px; }
.registration-review .review-summary strong { flex-basis:100%; color:#073b60; }
.registration-review .review-summary a { color:#2196ff; overflow-wrap:anywhere; }
.registration-review .review-data { display:grid; grid-template-columns:150px minmax(0,1fr); gap:12px; padding:16px; border:1px solid #e7eef5; border-radius:12px; }
.registration-review .review-data dd { margin:0; overflow-wrap:anywhere; }
@media(max-width:600px) { .registration-review .review-data { grid-template-columns:1fr; gap:6px; } }
.pharmacy-cancellation { width:min(1220px,96vw); max-height:94dvh; display:flex; flex-direction:column; background:#fff; padding:24px; }
.pharmacy-cancellation h2 { margin:0 40px 18px 0; flex:none; color:#073b60; }
.pharmacy-cancellation>.form-actions { flex:none; margin:0; padding-top:16px; border-top:1px solid #e4edf2; background:#fff; }
.cancellation-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:20px; min-height:0; overflow:auto; text-transform:uppercase; }
.cancellation-preview,.cancellation-state { min-width:0; border:1px solid #dce8ee; border-radius:12px; background:#fff; padding:16px; }
.cancellation-preview-heading,.cancellation-state-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px; color:#073b60; }
.cancellation-zoom { display:flex; align-items:center; gap:6px; font-size:12px; }
.cancellation-document-scroll { overflow:auto; max-height:65dvh; background:#f5fafb; }
.cancellation-document-scroll iframe { display:block; border:0; min-width:60%; background:#fff; }
.cancellation-notice { border:1px solid #dce8ee; border-left:3px solid #008697; border-radius:10px; padding:14px; margin-bottom:16px; }
.cancellation-notice>div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; }
.cancellation-notice strong { background:#fff4dc; color:#8f6000; padding:4px 8px; border-radius:6px; font-size:11px; }
.cancellation-notice time,.cancellation-notice small { font-size:11px; color:#657b91; }
.cancellation-state p { font-size:12px; line-height:1.65; }
.cancellation-state textarea { display:block; width:100%; min-height:108px; margin:12px 0 8px; padding:12px; border:1px solid #758290; border-radius:4px; }
@media(max-width:700px) { .pharmacy-cancellation { padding:16px; } .cancellation-layout { grid-template-columns:minmax(0,1fr); } .cancellation-document-scroll { max-height:42dvh; } }
.clinical-report-dialog{width:min(1240px,96vw);max-height:94dvh;background:#fff;padding:18px;overflow:auto}
.clinical-report-dialog:has(.prisca-report-controls){display:flex;flex-direction:column;overflow:hidden;position:relative}
.clinical-report-dialog:has(.prisca-report-controls)>.modal-close{position:absolute;top:12px;right:12px}
.clinical-report-dialog:has(.prisca-report-controls)>h2,.clinical-report-dialog>.prisca-report-controls{flex:none}
.clinical-report-dialog:has(.prisca-report-controls)>.clinical-document{flex:0 1 auto;min-height:0}
.clinical-report-dialog>h2,.clinical-alert-dialog>h2{color:#073b60;font-size:18px;margin:0 44px 18px 0}
.vidal-report-dialog{padding:44px 0 0;position:relative}
.vidal-report-dialog>h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.vidal-report-dialog .modal-close{top:4px;right:10px}
.vidal-report-dialog .clinical-document{max-height:calc(94dvh - 44px)}
.clinical-alert-dialog{width:min(1060px,96vw);max-height:92dvh;overflow:auto;background:#fff}
.registration-review .review-section{border:1px solid #e7eef5;border-radius:10px;margin:14px 0;background:white}
.registration-review .review-section>summary{padding:16px;cursor:pointer;color:#073b60;font-weight:600}
.registration-review .review-section .review-data{border:0;margin:0;padding-top:0}
.modal-card.news-dialog{display:flex;flex-direction:column;width:min(1100px,100%);max-height:calc(100dvh - 32px);min-height:0;padding:0;overflow:hidden;background:#fff;color:#073b60;border-radius:16px}
.news-dialog>h2{flex:none;color:#073b60;font-size:18px;line-height:1.4;margin:0;padding:20px 64px 20px 24px!important;border-bottom:1px solid #e0e8ef;background:#f7fafb}
.news-dialog>.modal-close{top:12px;right:16px;color:#00879a}
.news-dialog>.form-actions{flex:none;display:flex;justify-content:flex-end;margin:0;padding:12px 24px;border-top:1px solid #e0e8ef;background:#fff}
@media(max-width:600px){.modal-card.news-dialog{max-height:calc(100dvh - 32px);border-radius:12px}.news-dialog>h2{font-size:16px;padding:16px 48px 16px 16px!important}.news-dialog>.modal-close{right:8px;top:8px}.news-dialog>.form-actions{padding:10px 16px}}
/* Public registration layout from the current Angular reference. */
.registration-patient .public-registration {
min-height: 100vh;
padding: 24px 16px 40px;
background: radial-gradient(circle at top left, rgba(0, 165, 184, 0.14), transparent 30%), linear-gradient(180deg, #f5fbfc 0%, #eef4f7 100%);
}
.registration-patient .content-block {
max-width: 1360px;
margin: 0 auto;
}
.registration-patient .registration-shell {
width: 100%;
}
.registration-patient .card {
border-radius: 1.25rem;
box-shadow: 0 6px 24px rgba(33, 150, 243, 0.09);
border: none;
margin-bottom: 2rem;
background: #fff;
}
.registration-patient .form-panel {
max-width: 1180px;
margin: 0 auto;
}
.registration-patient .seccion-formulario {
background: #f9fbfd;
border-radius: 1rem;
margin-bottom: 2rem;
padding: 2rem 2rem 1rem;
box-shadow: 0 2px 12px rgba(33, 150, 243, 0.03);
}
.registration-patient .titulo-seccion {
font-weight: 600;
font-size: 1.2rem;
display: flex;
align-items: center;
margin-bottom: 6px;
gap: 10px;
}
.registration-patient .titulo-seccion .material-icons {
color: #1976d2;
}
.registration-patient .descripcion-seccion {
font-size: 0.97rem;
color: #7686a1;
margin-bottom: 16px;
}
.registration-patient .material-field {
width: 100%;
}
.registration-patient .button-custom {
margin: 2rem auto 0;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 220px;
min-height: 52px;
border-radius: 2rem;
font-weight: 700;
padding: 0.9rem 1.8rem;
font-size: 1.05rem;
line-height: 1;
letter-spacing: 1px;
background: #1976d2;
color: #fff;
border: none;
}
.registration-patient .button-custom.disabled {
background: #bdbdbd !important;
color: #f1f1f1 !important;
cursor: not-allowed !important;
}
.registration-patient .button-custom .mdc-button__label {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.registration-patient .card-patient-profile {
background-color: #00a5b8;
color: #fff;
border-radius: 18px;
overflow: hidden;
margin-bottom: 24px;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
}
.registration-patient .card-patient-profile .profile-content {
display: flex;
align-items: center;
gap: 20px;
padding: 20px 28px;
}
.registration-patient .card-patient-profile .profile-img {
width: 88px;
height: 88px;
object-fit: cover;
background: #f0f3f6;
border-radius: 50%;
border: 3px solid #fff;
}
.registration-patient .card-patient-profile .profile-name {
font-size: 1.4rem;
font-weight: 700;
text-transform: uppercase;
}
.registration-patient .card-patient-profile .profile-subtext {
font-size: 0.95rem;
color: rgba(255, 255, 255, 0.95);
}
.registration-patient .result-card {
margin: 0 auto 24px;
padding: 18px 20px;
border-radius: 12px;
background: #fff;
box-shadow: 0 10px 24px rgba(7, 59, 96, 0.08);
max-width: 1180px;
}
.registration-patient .result-label {
font-size: 0.85rem;
text-transform: uppercase;
color: #64748b;
}
.registration-patient .result-value {
color: #073b60;
font-weight: 800;
word-break: break-word;
}
.registration-patient .upload-label {
display: block;
margin-bottom: 10px;
font-weight: 700;
color: #425266;
}
.registration-patient .custom-error-below {
margin-top: -8px;
margin-bottom: 8px;
font-size: 12px;
}
.registration-patient .no-uppercase,
.registration-patient .no-uppercase .mat-input-element,
.registration-patient .no-uppercase input,
.registration-patient .no-uppercase textarea {
text-transform: none !important;
}
@media (max-width: 991px) {
.registration-patient .public-registration {
padding-left: 12px;
padding-right: 12px;
}
.registration-patient .card {
margin-bottom: 1.25rem;
}
.registration-patient .card-patient-profile .profile-content {
flex-direction: column;
text-align: center;
}
.registration-patient .seccion-formulario {
padding: 1.5rem 1.25rem 0.75rem;
}
}
.registration-doctor .public-registration {
min-height: 100vh;
width: 100%;
margin: 0 !important;
padding: 24px 16px 40px;
background: radial-gradient(circle at top right, rgba(0, 165, 184, 0.16), transparent 28%), linear-gradient(180deg, #f3f7fa 0%, #eef3f7 100%);
}
.registration-doctor .content-block {
max-width: 1360px;
margin: 0 auto;
padding: 0 !important;
}
.registration-doctor .registration-shell {
width: 100%;
}
.registration-doctor .card {
border-radius: 1.25rem;
box-shadow: 0 12px 32px rgba(7, 59, 96, 0.08);
border: none;
margin-bottom: 1rem;
background: #fff;
}
.registration-doctor .form-panel {
max-width: 1180px;
margin: 0 auto;
}
.registration-doctor .register-form {
margin: 1rem !important;
}
.registration-doctor .card-doctor-profile {
background-color: #00a5b8;
color: #fff;
border-radius: 18px;
overflow: hidden;
margin-bottom: 24px;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
}
.registration-doctor .card-doctor-profile .profile-content {
display: flex;
align-items: center;
gap: 20px;
padding: 20px 28px;
}
.registration-doctor .card-doctor-profile .profile-img {
width: 88px;
height: 88px;
border-radius: 50%;
object-fit: cover;
border: 3px solid #fff;
flex-shrink: 0;
background: #f0f3f6;
}
.registration-doctor .card-doctor-profile .profile-name {
font-size: 1.4rem;
font-weight: 700;
text-transform: uppercase;
line-height: 1.2;
}
.registration-doctor .card-doctor-profile .profile-subtext {
font-size: 0.95rem;
color: rgba(255, 255, 255, 0.95);
}
.registration-doctor .result-card {
margin: 0 auto 24px;
padding: 18px 20px;
border-radius: 12px;
background: #fff;
box-shadow: 0 10px 24px rgba(7, 59, 96, 0.08);
max-width: 1180px;
}
.registration-doctor .result-label {
font-size: 0.85rem;
text-transform: uppercase;
color: #64748b;
}
.registration-doctor .result-value {
color: #073b60;
font-weight: 800;
word-break: break-word;
}
.registration-doctor .seccion-formulario {
background: #f9fbfd;
border-radius: 1rem;
margin-bottom: 1rem;
padding: 1.35rem 1.35rem 0.35rem;
box-shadow: 0 2px 12px rgba(33, 150, 243, 0.03);
}
.registration-doctor .titulo-seccion {
display: flex;
align-items: center;
font-weight: 700;
font-size: 1.1rem;
margin-bottom: 6px;
text-transform: uppercase;
color: #1f2d3d;
gap: 10px;
}
.registration-doctor .titulo-seccion .material-icons {
font-size: 20px;
color: #1f62e4;
}
.registration-doctor .descripcion-seccion {
font-size: 0.92rem;
color: #6c757d;
margin-bottom: 10px;
text-transform: uppercase;
}
.registration-doctor .material-field {
width: 100%;
}
.registration-doctor .button-custom {
margin: 2rem auto 0;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 220px;
min-height: 52px;
border-radius: 2rem;
font-weight: 700;
padding: 0.9rem 1.8rem;
font-size: 1.05rem;
line-height: 1;
letter-spacing: 1px;
background: #1976d2;
color: #fff;
border: none;
}
.registration-doctor .button-custom.disabled {
background: #bdbdbd !important;
color: #f1f1f1 !important;
cursor: not-allowed !important;
}
.registration-doctor .button-custom .mdc-button__label {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.registration-doctor .no-uppercase,
.registration-doctor .no-uppercase .mat-input-element,
.registration-doctor .no-uppercase input,
.registration-doctor .no-uppercase textarea {
text-transform: none !important;
}
.registration-doctor .no-uppercase .mat-form-field-label,
.registration-doctor .no-uppercase input::placeholder {
text-transform: none !important;
}
.registration-doctor .upload-label {
display: block;
margin-bottom: 10px;
font-weight: 700;
color: #425266;
}
.registration-doctor .custom-error-below {
margin-top: -8px;
margin-bottom: 8px;
font-size: 12px;
}
@media (max-width: 991px) {
.registration-doctor .public-registration {
padding-left: 12px;
padding-right: 12px;
}
.registration-doctor .card {
margin-bottom: 0.85rem;
}
.registration-doctor .card-doctor-profile .profile-content {
flex-direction: column;
text-align: center;
}
.registration-doctor .seccion-formulario {
padding: 1.1rem 1rem 0.35rem;
}
}
.registration-doctor :host {
display: block;
width: 100%;
}
.registration-doctor section.public-registration.content {
margin: 0 !important;
min-height: 100vh;
}
.registration-doctor section.public-registration.content .content-block {
padding: 0 !important;
}
.public-registration .profile-name{margin:0;line-height:1.3}.public-upload-dropzone{position:relative;display:grid;place-content:center;text-align:center;min-height:180px;border:2px dashed #d3d3d3;border-radius:8px;background:#fff;margin:12px 0 24px;cursor:pointer}.public-upload-dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.public-upload-dropzone img{max-width:180px;max-height:180px}.public-upload-dropzone h3{font-size:16px;margin:0 0 10px}.public-registration .content-block{padding:25px 0 0 25px}.public-registration .card-patient-profile,.public-registration .card-doctor-profile{padding:0}.public-registration .profile-name{font-weight:800}.public-registration .material-field{margin-bottom:20px}
.rmd-registration-status .public-registration-status {
min-height: 100vh;
width: 100%;
margin: 0 !important;
padding: 24px 16px 40px;
background: radial-gradient(circle at top right, rgba(0, 165, 184, 0.16), transparent 30%), linear-gradient(180deg, #f4f8fb 0%, #eef4f7 100%);
}
.rmd-registration-status .content-block {
max-width: 1240px;
margin: 0 auto;
padding: 0 !important;
}
.rmd-registration-status .status-shell {
max-width: 1160px;
margin: 0 auto;
}
.rmd-registration-status .card {
background: #fff;
border-radius: 18px;
border: none;
box-shadow: 0 14px 32px rgba(7, 59, 96, 0.08);
}
.rmd-registration-status .status-hero {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 14px;
padding: 30px 28px 26px;
margin-bottom: 18px;
overflow: hidden;
}
.rmd-registration-status .status-hero::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at top center, rgba(0, 165, 184, 0.12), transparent 42%), linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.98));
pointer-events: none;
}
.rmd-registration-status .status-hero > * {
position: relative;
z-index: 1;
}
.rmd-registration-status .status-hero__badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 32px;
padding: 0 14px;
border-radius: 999px;
background: rgba(7, 59, 96, 0.06);
color: #0b6a78;
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.rmd-registration-status .status-hero__icon-wrap {
display: flex;
justify-content: center;
width: 100%;
}
.rmd-registration-status .status-hero__icon {
width: 88px;
height: 88px;
border-radius: 26px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(145deg, #1298a9 0%, #0b6a78 100%);
color: #fff;
flex-shrink: 0;
box-shadow: 0 20px 32px rgba(11, 106, 120, 0.22);
}
.rmd-registration-status .status-hero__icon .material-icons {
font-size: 42px;
width: 42px;
height: 42px;
}
.rmd-registration-status .status-hero__copy {
max-width: 620px;
}
.rmd-registration-status .status-title {
color: #073b60;
font-size: 1.65rem;
font-weight: 800;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.rmd-registration-status .status-subtitle {
color: #64748b;
font-size: 1rem;
line-height: 1.5;
}
.rmd-registration-status .status-card {
padding: 28px 32px;
}
.rmd-registration-status .status-form {
margin: 0 auto 12px;
}
.rmd-registration-status .status-form__layout {
width: min(100%, 920px);
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) 148px;
gap: 14px;
align-items: start;
}
.rmd-registration-status .status-form__field {
width: 100%;
min-width: 0;
display: flex;
flex-direction: column;
}
.rmd-registration-status .status-form__action {
width: 100%;
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding-top: 6px;
}
.rmd-registration-status .material-field {
width: 100%;
}
.rmd-registration-status .status-form__field .mat-mdc-text-field-wrapper,
.rmd-registration-status .status-form__field .mdc-text-field {
min-height: 68px;
}
.rmd-registration-status .status-form__field .mat-mdc-form-field-infix {
min-height: 68px;
padding-top: 22px !important;
padding-bottom: 16px !important;
}
.rmd-registration-status .status-form__field input.mat-mdc-input-element,
.rmd-registration-status .status-form__field input.mat-input-element {
font-size: 1rem !important;
font-weight: 500;
letter-spacing: normal;
}
.rmd-registration-status .button-custom {
width: 100%;
min-height: 58px;
border-radius: 16px;
font-weight: 800;
letter-spacing: 0.08em;
background: linear-gradient(135deg, #1f7ad6 0%, #1668ba 100%);
color: #fff !important;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
box-shadow: 0 14px 24px rgba(31, 122, 214, 0.22);
font-size: 0.86rem;
text-transform: uppercase;
}
.rmd-registration-status .button-custom:hover,
.rmd-registration-status .button-custom:focus,
.rmd-registration-status .button-custom:active,
.rmd-registration-status .button-custom .mdc-button__label {
color: #fff !important;
}
.rmd-registration-status .button-custom .material-icons {
margin: 0;
width: 18px;
height: 18px;
font-size: 18px;
color: #fff !important;
}
.rmd-registration-status .status-result {
margin-top: 12px;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 18px;
background: #f9fbfd;
}
.rmd-registration-status .status-result__header {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 12px;
margin-bottom: 18px;
}
.rmd-registration-status .result-label {
font-size: 0.82rem;
color: #64748b;
text-transform: uppercase;
}
.rmd-registration-status .result-value {
color: #073b60;
font-size: 1.1rem;
font-weight: 800;
word-break: break-word;
}
.rmd-registration-status .status-chip {
display: inline-flex;
align-items: center;
padding: 6px 12px;
border-radius: 999px;
font-size: 0.82rem;
font-weight: 800;
}
.rmd-registration-status .status-chip.pending {
background: #fef3c7;
color: #92400e;
}
.rmd-registration-status .status-chip.approved {
background: #dcfce7;
color: #166534;
}
.rmd-registration-status .status-chip.rejected {
background: #fee2e2;
color: #b91c1c;
}
.rmd-registration-status .detail-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px 16px;
}
.rmd-registration-status .full-row {
grid-column: 1/-1;
}
.rmd-registration-status .loading-state {
min-height: 180px;
display: flex;
align-items: center;
justify-content: center;
}
.rmd-registration-status .custom-error-below {
margin-top: 2px;
margin-bottom: 8px;
font-size: 12px;
}
.rmd-registration-status .custom-error-below--status {
min-height: 18px;
margin-bottom: 0;
}
.rmd-registration-status .no-uppercase,
.rmd-registration-status .no-uppercase *,
.rmd-registration-status .no-uppercase input {
text-transform: none !important;
}
.rmd-registration-status :host {
display: block;
width: 100%;
}
.rmd-registration-status section.public-registration-status.content {
margin: 0 !important;
min-height: 100vh;
}
.rmd-registration-status section.public-registration-status.content .content-block {
padding: 0 !important;
}
@media (max-width: 767px) {
.rmd-registration-status .status-hero,
.rmd-registration-status .status-result__header {
flex-direction: column;
}
.rmd-registration-status .status-title {
font-size: 1.35rem;
}
.rmd-registration-status .status-form__layout {
grid-template-columns: 1fr;
}
.rmd-registration-status .status-form__action {
justify-content: stretch;
}
.rmd-registration-status .detail-grid {
grid-template-columns: 1fr;
}
}
.patient-medication-center .patient-medication-center {
display: grid;
gap: 16px;
}
.patient-medication-center .medication-hero {
align-items: center;
background: #ffffff;
border: 1px solid #dce8ee;
border-radius: 8px;
display: flex;
gap: 16px;
justify-content: space-between;
padding: 18px;
}
.patient-medication-center .hero-copy {
min-width: 0;
}
.patient-medication-center .hero-copy h1 {
color: #123142;
font-size: 24px;
font-weight: 800;
line-height: 1.15;
margin: 2px 0 10px;
}
.patient-medication-center .eyebrow {
color: #007f8f;
font-size: 12px;
font-weight: 800;
}
.patient-medication-center .hero-meta {
color: #647487;
display: flex;
flex-wrap: wrap;
font-size: 12px;
font-weight: 700;
gap: 8px;
}
.patient-medication-center .hero-meta span {
background: #f3f8fa;
border: 1px solid #dce8ee;
border-radius: 8px;
padding: 6px 8px;
}
.patient-medication-center .hero-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: flex-end;
}
.patient-medication-center .hero-actions button {
border-radius: 8px;
min-height: 38px;
}
.patient-medication-center .target-selector {
align-items: center;
background: #ffffff;
border: 1px solid #dce8ee;
border-radius: 8px;
display: flex;
gap: 10px;
padding: 12px 14px 0;
}
.patient-medication-center .target-selector .material-field {
max-width: 420px;
width: 100%;
}
.patient-medication-center .tutor-option {
align-items: center;
display: flex;
gap: 10px;
}
.patient-medication-center .avatar {
align-items: center;
background: #eef4f7;
border-radius: 999px;
display: flex;
flex: 0 0 30px;
height: 30px;
justify-content: center;
overflow: hidden;
width: 30px;
}
.patient-medication-center .avatar img {
height: 100%;
object-fit: cover;
width: 100%;
}
.patient-medication-center .avatar span {
color: #123142;
font-size: 12px;
font-weight: 800;
}
.patient-medication-center .calendar-layout {
align-items: start;
display: grid;
gap: 16px;
grid-template-columns: minmax(0, 1fr) minmax(340px, 410px);
}
.patient-medication-center .calendar-panel,
.patient-medication-center .day-panel {
background: #ffffff;
border: 1px solid #dce8ee;
border-radius: 8px;
min-width: 0;
}
.patient-medication-center .calendar-panel {
padding: 14px;
position: relative;
}
.patient-medication-center .calendar-loading {
align-items: center;
background: rgba(255, 255, 255, 0.72);
border-radius: 8px;
display: flex;
inset: 0;
justify-content: center;
position: absolute;
z-index: 3;
}
.patient-medication-center .day-panel {
display: flex;
flex-direction: column;
max-height: calc(100vh - 122px);
min-height: 360px;
overflow: hidden;
position: sticky;
top: 92px;
}
.patient-medication-center .day-panel-header {
align-items: flex-start;
background: #ffffff;
border-bottom: 1px solid #e6eef2;
display: flex;
justify-content: space-between;
padding: 16px;
}
.patient-medication-center .day-panel-header h2 {
color: #123142;
font-size: 18px;
font-weight: 800;
line-height: 1.2;
margin: 2px 0 0;
}
.patient-medication-center .day-totals {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 9px;
}
.patient-medication-center .day-totals span {
background: #eef7f9;
border-radius: 999px;
color: #237381;
font-size: 10px;
font-weight: 800;
padding: 4px 8px;
}
.patient-medication-center .alert-list {
display: grid;
gap: 12px;
min-height: 0;
overflow-y: auto;
padding: 14px;
scrollbar-color: #a9c4cc transparent;
scrollbar-width: thin;
}
.patient-medication-center .alert-group {
background: #fbfdfe;
border: 1px solid #dce8ee;
border-left: 4px solid #007f8f;
border-radius: 10px;
padding: 12px;
}
.patient-medication-center .alert-group.manual {
border-left-color: #6b5bd2;
}
.patient-medication-center .alert-group.manual .alert-group-icon {
background: #f0edff;
color: #6b5bd2;
}
.patient-medication-center .alert-group.manual .alert-badges span:first-child {
background: #f0edff;
color: #5b4cc4;
}
.patient-medication-center .alert-group-header {
align-items: center;
display: grid;
gap: 10px;
grid-template-columns: 36px minmax(0, 1fr) auto;
}
.patient-medication-center .alert-group-icon {
align-items: center;
background: #e8f6f8;
border-radius: 9px;
color: #007f8f;
display: flex;
height: 36px;
justify-content: center;
width: 36px;
}
.patient-medication-center .alert-group-icon .material-icons {
font-size: 20px;
height: 20px;
width: 20px;
}
.patient-medication-center .alert-title {
color: #123142;
font-size: 13px;
font-weight: 800;
line-height: 1.3;
overflow-wrap: anywhere;
}
.patient-medication-center .alert-badges {
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-top: 5px;
}
.patient-medication-center .alert-badges span {
background: #edf5f7;
border-radius: 999px;
color: #287280;
font-size: 9px;
font-weight: 800;
padding: 3px 7px;
}
.patient-medication-center .alert-observations {
border-top: 1px dashed #d9e5ea;
color: #647487;
font-size: 11px;
font-weight: 600;
line-height: 1.4;
margin-top: 10px;
overflow-wrap: anywhere;
padding-top: 9px;
}
.patient-medication-center .dose-grid {
display: grid;
gap: 6px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 10px;
}
.patient-medication-center .dose-time {
align-items: center;
background: #ffffff;
border: 1px solid #dbe7ec;
border-radius: 8px;
color: #123142;
display: flex;
font-size: 11px;
gap: 5px;
justify-content: center;
min-height: 34px;
padding: 5px 6px;
white-space: nowrap;
}
.patient-medication-center .dose-time .material-icons {
color: #00889a;
font-size: 15px;
height: 15px;
width: 15px;
}
.patient-medication-center .dose-time.past {
background: #f4f7f8;
color: #7b8992;
}
.patient-medication-center .dose-time.past .material-icons {
color: #7aa5ad;
}
.patient-medication-center .empty-state {
align-items: center;
border: 1px dashed #cbd9e1;
border-radius: 8px;
color: #647487;
display: grid;
gap: 8px;
justify-items: center;
margin: 16px;
padding: 28px 14px;
text-align: center;
}
.patient-medication-center .empty-state .material-icons {
color: #007f8f;
font-size: 32px;
height: 32px;
width: 32px;
}
.patient-medication-center .fc {
color: #123142;
font-family: inherit;
}
.patient-medication-center .fc .fc-toolbar {
gap: 10px;
margin-bottom: 14px;
}
.patient-medication-center .fc .fc-toolbar-title {
font-size: 18px;
font-weight: 800;
}
.patient-medication-center .fc .fc-button {
background: #f4f8fb;
border: 1px solid #dce8ee;
border-radius: 8px;
color: #123142;
font-size: 12px;
font-weight: 800;
min-height: 34px;
text-transform: uppercase;
}
.patient-medication-center .fc .fc-button-primary:not(:disabled).fc-button-active,
.patient-medication-center .fc .fc-button-primary:not(:disabled):active {
background: #007f8f;
border-color: #007f8f;
color: #ffffff;
}
.patient-medication-center .fc .fc-daygrid-day.fc-day-today {
background: #eef8fa;
}
.patient-medication-center .fc .fc-daygrid-day.rmd-selected-day {
background: #e5f4f7;
box-shadow: inset 0 0 0 2px rgba(0, 127, 143, 0.18);
}
.patient-medication-center .fc .fc-event {
border: 0;
border-radius: 6px;
font-size: 11px;
font-weight: 800;
padding: 2px 4px;
}
.patient-medication-center .fc .rmd-day-summary {
background: linear-gradient(135deg, #007f8f, #20a6b6);
box-shadow: 0 2px 5px rgba(0, 96, 110, 0.18);
cursor: pointer;
letter-spacing: 0.01em;
padding: 4px 6px;
}
.patient-medication-center .fc .rmd-day-summary.manual {
background: linear-gradient(135deg, #6655cc, #8876e8);
}
.patient-medication-center .fc .rmd-day-summary.mixed {
background: linear-gradient(135deg, #007f8f 0 48%, #6b5bd2 52% 100%);
}
.patient-medication-center .fc .fc-daygrid-event-dot {
display: none;
}
@media (max-width: 1100px) {
.patient-medication-center .calendar-layout {
grid-template-columns: 1fr;
}
.patient-medication-center .day-panel {
max-height: 560px;
position: static;
}
}
@media (max-width: 720px) {
.patient-medication-center .medication-hero {
align-items: stretch;
flex-direction: column;
}
.patient-medication-center .hero-actions {
justify-content: stretch;
}
.patient-medication-center .hero-actions button {
flex: 1 1 calc(50% - 8px);
}
.patient-medication-center .dose-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.patient-medication-center .fc .fc-toolbar {
align-items: stretch;
flex-direction: column;
}
}.patient-medication-center .fc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px}.patient-medication-center .fc-toolbar h2{font-size:18px;text-transform:capitalize;margin:0}.patient-medication-center .fc-toolbar button{background:#2c3e50;border:1px solid #2c3e50;color:#fff;padding:7px 10px;font-size:13px;cursor:pointer}.patient-medication-center .fc-toolbar button.active{background:#1a252f}.patient-medication-center .weekdays,.patient-medication-center .calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.patient-medication-center .weekdays span{text-align:center;border:1px solid #ddd;font-size:13px;padding:5px}.patient-medication-center .calendar-day{display:flex;flex-direction:column;align-items:flex-end;gap:6px;background:#fff;min-width:0;min-height:88px;border:1px solid #ddd;cursor:pointer;padding:5px;color:#222;font-size:13px}.patient-medication-center .calendar-day.other-month{color:#aaa}.patient-medication-center .calendar-day.today{background:#fffadf}.patient-medication-center .calendar-day.rmd-selected-day{box-shadow:inset 0 0 0 2px #008091}.patient-medication-center .calendar-day .rmd-day-summary{align-self:stretch;border-radius:4px;background:#e5f6f8;color:#007f8f;text-align:center;font-size:9px;padding:5px 1px}.patient-medication-center .calendar-day .manual{background:#f0edff;color:#6b5bd2}.patient-medication-center .calendar-list button{display:flex;justify-content:space-between;gap:10px;width:100%;padding:12px;border:1px solid #ddd;background:#fff;color:#123142;cursor:pointer}.patient-medication-center .calendar-list p{text-align:center;padding:32px}.patient-medication-center .hero-copy h1{margin-top:2px}.patient-medication-center .calendar-grid{width:100%}@media(max-width:600px){.patient-medication-center .fc-toolbar{flex-wrap:wrap}.patient-medication-center .calendar-day{min-height:65px}.patient-medication-center .calendar-day .rmd-day-summary{font-size:8px}}
.patient-medication-center{display:grid;gap:16px}
.patient-medication-center .fc-toolbar{margin-bottom:14px}.patient-medication-center .fc-toolbar h2{font-weight:800;text-transform:uppercase}.patient-medication-center .fc-toolbar button{margin-right:8px;background:#fff;color:#7e869d;border:1px solid #eee;border-radius:5px;font-weight:800;min-height:34px;padding:7px 10px;font-size:12px}.patient-medication-center .fc-toolbar button.active,.patient-medication-center .fc-toolbar button:disabled{background:#6777ef;border-color:#6777ef;color:#fff}.patient-medication-center .fc-toolbar button:disabled{opacity:.65}.patient-medication-center .calendar-day{align-items:center;min-height:77px;gap:3px;overflow:hidden}.patient-medication-center .calendar-day>span{font-size:12px;margin:4px 0;line-height:25px}.patient-medication-center .weekdays span{height:55px;display:grid;place-content:center}.patient-medication-center .calendar-day.today{background:transparent}.patient-medication-center .calendar-day.rmd-selected-day{background:#e5f4f7;box-shadow:inset 0 0 0 2px rgba(0,127,143,.18)}.patient-medication-center .calendar-day.today>span{border-radius:50%;background:#6777ef;color:#fff;width:25px;height:25px;margin:0}.patient-medication-center .calendar-day .rmd-day-summary{background:linear-gradient(135deg,#007f8f,#20a6b6);color:#fff;white-space:nowrap;overflow:hidden;text-align:left;text-overflow:clip;font-size:11px;padding:4px 6px}.patient-medication-center .calendar-day .rmd-day-summary.manual{background:linear-gradient(135deg,#6655cc,#8876e8)}.patient-medication-center .hero-actions .button-primary{min-height:38px;padding:8px 20px;font-size:14px;line-height:20px}@media(max-width:720px){.patient-medication-center .fc-toolbar{align-items:stretch;flex-direction:column}.patient-medication-center .calendar-day{min-height:65px}}
.patient-medication-center .calendar-panel{padding:14px 24px}.patient-medication-center .fc-toolbar{margin-bottom:24px}.patient-medication-center .fc-toolbar h2{font-size:20px}.patient-medication-center .fc-toolbar button{padding:7px 14px}.patient-medication-center .hero-actions .button-primary{height:38px;min-height:38px}
.rmd-privacy-consent .policies-card {
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 20px;
box-shadow: 0 10px 24px rgba(7, 59, 96, 0.06);
}
.rmd-privacy-consent .policies-header {
margin-bottom: 12px;
}
.rmd-privacy-consent .policies-title {
color: #073b60;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.rmd-privacy-consent .policies-subtitle,
.rmd-privacy-consent .policies-loading,
.rmd-privacy-consent .policies-empty {
color: #64748b;
font-size: 0.92rem;
line-height: 1.5;
}
.rmd-privacy-consent .policies-primary-copy {
margin-top: 14px;
}
.rmd-privacy-consent .policies-primary-copy--waiting {
padding: 14px 16px;
border-radius: 14px;
border: 1px dashed #cbd5e1;
background: #f8fafc;
}
.rmd-privacy-consent .primary-copy-intro {
color: #1e293b;
font-size: 0.95rem;
line-height: 1.55;
font-weight: 700;
}
.rmd-privacy-consent .confirmations-list {
display: grid;
gap: 12px;
margin-top: 14px;
}
.rmd-privacy-consent .confirmation-item {
position: relative;
width: 100%;
border: 1px solid #f1d0d0;
background: linear-gradient(180deg, #fff8f8 0%, #fff2f2 100%);
border-radius: 16px;
padding: 14px 16px;
display: grid;
grid-template-columns: 24px minmax(0, 1fr);
gap: 12px;
align-items: flex-start;
text-align: left;
cursor: pointer;
transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.rmd-privacy-consent .confirmation-item:hover {
border-color: #d9a9a9;
box-shadow: 0 8px 20px rgba(148, 27, 27, 0.08);
}
.rmd-privacy-consent .confirmation-input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.rmd-privacy-consent .confirmation-item.accepted {
border-color: #b7dfc3;
background: linear-gradient(180deg, #f4fcf6 0%, #edf9f0 100%);
}
.rmd-privacy-consent .confirmation-check {
width: 22px;
height: 22px;
border-radius: 6px;
border: 2px solid #d18f8f;
background: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 1px;
color: transparent;
}
.rmd-privacy-consent .confirmation-check .material-icons {
font-size: 16px;
width: 16px;
height: 16px;
}
.rmd-privacy-consent .confirmation-check.checked {
border-color: #2e7d32;
background: #2e7d32;
color: #fff;
}
.rmd-privacy-consent .confirmation-text {
color: #334155;
font-size: 0.95rem;
line-height: 1.55;
}
.rmd-privacy-consent .confirmation-copy {
display: grid;
gap: 8px;
min-width: 0;
}
.rmd-privacy-consent .confirmation-link {
width: fit-content;
border: none;
background: none;
padding: 0;
color: #1565c0;
font-size: 0.84rem;
font-weight: 800;
letter-spacing: 0.04em;
cursor: pointer;
}
.rmd-privacy-consent .confirmation-error {
margin-top: 12px;
color: #b42318;
font-size: 0.86rem;
font-weight: 700;
}
.rmd-privacy-consent .policy-link,
.rmd-privacy-consent .back-link,
.rmd-privacy-consent .icon-close {
border: none;
background: none;
padding: 0;
}
.rmd-privacy-consent .policy-link {
color: #1565c0;
font-weight: 700;
cursor: pointer;
text-decoration: none;
display: inline-block;
margin: 0 2px;
text-transform: uppercase;
}
.rmd-privacy-consent .policy-link:hover {
text-decoration: underline;
}
.rmd-privacy-consent .policies-status {
margin-top: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.rmd-privacy-consent .status-pill {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 14px;
border-radius: 999px;
background: #fff7ed;
color: #9a3412;
font-weight: 700;
font-size: 0.85rem;
}
.rmd-privacy-consent .status-pill.complete {
background: #ecfdf5;
color: #166534;
}
.rmd-privacy-consent .policies-overlay {
position: fixed;
inset: 0;
background: rgba(15, 23, 42, 0.56);
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
z-index: 1100;
}
.rmd-privacy-consent .policies-modal {
width: min(900px, 100%);
max-height: min(88vh, 920px);
display: flex;
flex-direction: column;
background: #fff;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 24px 80px rgba(15, 23, 42, 0.28);
}
.rmd-privacy-consent .modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
padding: 24px 28px 12px;
border-bottom: 1px solid #e2e8f0;
}
.rmd-privacy-consent .modal-title {
color: #073b60;
font-size: 1.2rem;
font-weight: 800;
}
.rmd-privacy-consent .modal-subtitle {
color: #64748b;
margin-top: 4px;
font-size: 0.92rem;
}
.rmd-privacy-consent .icon-close {
width: 40px;
height: 40px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: #64748b;
}
.rmd-privacy-consent .icon-close:hover {
background: #f8fafc;
}
.rmd-privacy-consent .modal-body {
padding: 20px 28px;
overflow: auto;
}
.rmd-privacy-consent .primary-policy {
padding: 18px 20px;
border-radius: 16px;
background: linear-gradient(180deg, #f8fbff 0%, #f1f7fb 100%);
border: 1px solid #dbeafe;
}
.rmd-privacy-consent .primary-content {
color: #1e293b;
line-height: 1.65;
}
.rmd-privacy-consent .documents-list {
margin-top: 22px;
display: grid;
gap: 14px;
}
.rmd-privacy-consent .document-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
padding: 14px 16px;
border: 1px solid #e2e8f0;
border-radius: 14px;
}
.rmd-privacy-consent .document-copy {
min-width: 0;
}
.rmd-privacy-consent .document-edition {
color: #64748b;
font-size: 0.8rem;
margin-top: 4px;
}
.rmd-privacy-consent .document-status {
display: inline-flex;
align-items: center;
gap: 8px;
font-weight: 700;
color: #475569;
white-space: nowrap;
}
.rmd-privacy-consent .document-status.accepted {
color: #166534;
}
.rmd-privacy-consent .back-link {
display: inline-flex;
align-items: center;
gap: 6px;
color: #1565c0;
font-weight: 700;
cursor: pointer;
margin-bottom: 16px;
}
.rmd-privacy-consent .document-scroll {
max-height: 52vh;
overflow: auto;
padding: 18px;
border-radius: 16px;
border: 1px solid #dbe3ee;
background: #f8fafc;
}
.rmd-privacy-consent .scroll-hint {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 14px;
color: #92400e;
font-weight: 700;
}
.rmd-privacy-consent .scroll-hint.ready {
color: #166534;
}
.rmd-privacy-consent .modal-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
padding: 16px 28px 24px;
border-top: 1px solid #e2e8f0;
}
.rmd-privacy-consent .document-scroll h1,
.rmd-privacy-consent .document-scroll h2,
.rmd-privacy-consent .document-scroll h3,
.rmd-privacy-consent .document-scroll h4,
.rmd-privacy-consent .primary-content h1,
.rmd-privacy-consent .primary-content h2,
.rmd-privacy-consent .primary-content h3,
.rmd-privacy-consent .primary-content h4 {
color: #073b60;
line-height: 1.2;
margin-top: 0;
margin-bottom: 0.85rem;
font-weight: 800;
}
.rmd-privacy-consent .document-scroll h1,
.rmd-privacy-consent .primary-content h1 {
font-size: 2rem;
}
.rmd-privacy-consent .document-scroll h2,
.rmd-privacy-consent .primary-content h2 {
font-size: 1.55rem;
}
.rmd-privacy-consent .document-scroll h3,
.rmd-privacy-consent .primary-content h3 {
font-size: 1.2rem;
}
.rmd-privacy-consent .document-scroll h4,
.rmd-privacy-consent .primary-content h4 {
font-size: 1rem;
}
.rmd-privacy-consent .document-scroll p,
.rmd-privacy-consent .primary-content p,
.rmd-privacy-consent .document-scroll li,
.rmd-privacy-consent .primary-content li {
font-size: 0.95rem;
line-height: 1.55;
}
.rmd-privacy-consent .document-scroll table,
.rmd-privacy-consent .primary-content table {
width: 100%;
border-collapse: collapse;
}
.rmd-privacy-consent .document-scroll th,
.rmd-privacy-consent .document-scroll td,
.rmd-privacy-consent .primary-content th,
.rmd-privacy-consent .primary-content td {
border: 1px solid #cbd5e1;
padding: 8px;
vertical-align: top;
}
@media (max-width: 767px) {
.rmd-privacy-consent .policies-status,
.rmd-privacy-consent .document-row,
.rmd-privacy-consent .modal-actions {
flex-direction: column;
align-items: stretch;
}
.rmd-privacy-consent .confirmation-item {
grid-template-columns: 22px minmax(0, 1fr);
padding: 13px 14px;
}
.rmd-privacy-consent .modal-header,
.rmd-privacy-consent .modal-body,
.rmd-privacy-consent .modal-actions {
padding-left: 18px;
padding-right: 18px;
}
.rmd-privacy-consent .document-scroll {
max-height: 48vh;
}
}
.rmd-privacy-consent .policies-overlay .rmd-dialog-focus{width:min(900px,100%)}.rmd-privacy-consent .modal-title{margin:0}.rmd-privacy-consent iframe.document-scroll{width:100%;height:45vh;min-height:180px}.rmd-privacy-consent .policies-modal{position:relative}.rmd-privacy-consent .modal-actions .mud-button-root{white-space:normal}