@keyframes slide-down {
    0% {
        top: -5rem;
    }
    25% {
        top: 2rem;
    }
    75% {
        top: 2rem;
    }
    100% {
        top: -5rem;
    }
}
@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
html {
    font-size: 10px;
}
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    font-family: "futura-100", sans-serif;
	font-weight: 400;
	font-style: normal;
    font-size: 1.6rem;
	background-color: #c3e9fc;
}
*.hidden {
    display: none;
}
.material-icons {
    -webkit-user-select: none;
    user-select: none;
}
.heading {
    color: black;
    font-size: 2.5rem;
    font-weight: 700;
}
.sub-heading {
    color: black;
    font-size: 2rem;
}
.label {
    display: block;
    margin: 1.5rem 0;
    font-weight: 700;
    cursor: pointer;
}
.input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 1rem;
    border: none;
    border-bottom: 0.2rem solid #a5a5a5;
    border-radius: 0;
    outline: none;
    color: black;
    background-color: #ededed;
    font-family: inherit;
    font-size: 1.5rem;
    resize: none;
    transition-property: border-color;
    transition-duration: 0.25s;
    appearance: none;
}
.input:focus {
    border-bottom: 0.2rem solid black;
}
.input:not(textarea) {
    height: 5rem;
}
.input::file-selector-button {
    padding: 1rem;
    margin-right: 1rem;
    border: none;
    color: white;
    background-color: black;
}
.input-disabled {
    background-color: #dbdbdb;
    cursor: not-allowed;
}
.anchor {
    color: black;
}
.error {
    color: red;
    font-weight: 700;
}
.success {
    color: green;
    font-weight: 700;
}
.button {
    display: flex;
    align-items: center;
    padding: 1rem;
    margin: 1rem 1rem 1rem 0;
    width: max-content;
    height: max-content;
    border: none;
    color: black;
    background-color: #ededed;
    font-family: inherit;
    font-size: 1.9rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition-property: background-color;
    transition-duration: 0.25s;
}
.button:hover {
    background-color: #dbdbdb;
}
.button2 {
    /*display: flex;*/
    align-items: center;
    padding: 1rem;
    margin: 1rem 1rem 1rem 0;
    width: max-content;
	width:250px;
    height: max-content;
    border: none;
    color: white;
    background-color: #36a8e0;
    font-family: inherit;
    font-size: 1.9rem;
    font-weight: 700;
    text-decoration: none;
	text-transform: uppercase;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition-property: background-color;
    transition-duration: 0.25s;
}
.button2:hover {
    color: #000;
}
.button3 {
    /*display: flex;*/
    align-items: center;
    padding: 1rem;
    margin: 1rem 1rem 1rem 0;
    width: max-content;
	width:150px;
    height: max-content;
    border: none;
    color: black;
    background-color: #fff;
    font-family: inherit;
    font-size: 1.9rem;
    font-weight: 700;
    text-decoration: none;
	text-transform: uppercase;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition-property: background-color;
    transition-duration: 0.25s;
}
.button3:hover {
    color: #36a8e0;
}
.button .material-icons {
    margin-right: 0.5rem;
}
.row {
    display: flex;
    /*align-items: center;*/
    height: max-content;
}
.row-top {
    display: flex;
    align-items: flex-start;
    height: max-content;
}
.column {
    flex: 1;
}
.column:not(.column:last-child) {
    padding-right: 1rem;
}
.container {
    box-sizing: border-box;
    width: 100rem;
    max-width: 100%;
    padding: 1rem;
    margin: 0 auto auto auto;
}
.navbar {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
	height: 50px;
    background-color: #356eaf;
}
.navbar .row {
    justify-content: right;
}
.navbar-item {
    position: relative;
    display: flex;
    align-items: center;
	margin-top: 5px;
    padding: 0 1rem;
    color: white;
    font-weight: 700;
    text-decoration: none;
    transition-property: background-color;
    transition-duration: 0.25s;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}
.navbar-item:not(.navbar-item:last-child) {
    margin-right: 0.5rem;
}
.navbar-item:hover, .navbar-item-active {
    background-color: #000;
}

.main-navbar {
    height: auto;
    background-color: white;
}

.main-navbar .container {
    padding-top: 0;
    padding-bottom: 0;
}

.main-navbar .row {
    align-items: stretch;
    justify-content: space-between;
    gap: 2rem;
}

.main-navbar .navbar-item {
    flex: 1;
    justify-content: center;
    min-height: 5rem;
    padding: 0 1rem;
    margin: 0;
    background-color: #16bce9;
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
}

.main-navbar .navbar-item:hover,
.main-navbar .navbar-item-active {
    background-color: #1d2473;
}

.main-navbar .navbar-logout {
    color: #1d2473;
    background-color: white;
}

.main-navbar .navbar-logout:hover {
    color: #16bce9;
    background-color: white;
}
.navbar-item:hover .navbar-item-dropdown {
    display: block;
}
.navbar-item:hover .navbar-item-heading .material-icons {
    transform: rotate(180deg);
}
.navbar-item-heading {
    display: flex;
    align-items: center;
}
.navbar-item-heading .material-icons {
    transform: rotate(0);
    transition-property: transform;
    transition-duration: 0.5s;
}
.navbar-item-dropdown {
    position: absolute;
    top: 4rem;
    left: 0;
    display: none;
    padding: 1rem;
    background-color: white;
    box-shadow: 0 0 1rem #c9c9c9;
}
.navbar-item-dropdown .dropdown-item {
    position: relative;
    display: block;
    padding: 1rem;
    color: black;
    font-weight: 700;
    text-decoration: none;
    transition-property: background-color;
    transition-duration: 0.25s;
    -webkit-user-select: none;
    user-select: none;
}
.navbar-item-dropdown .dropdown-item:hover {
    background-color: #ededed;
}
.checkbox-container:not(.checkbox-container:last-child) {
    margin-right: 2.5rem;
}
.checkbox {
    position: relative;
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1rem;
    border: 0.2rem solid #a5a5a5;
    background-color: #ededed;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition-property: border-color;
    transition-duration: 0.25s;
}
.checkbox.active {
    border-color: black;
}
.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkbox .material-icons {
    margin: auto;
    color: #ededed;
    transition-property: color;
    transition-duration: 0.25s;
}
.checkbox.active .material-icons {
    color: black;
}
.break {
    width: 75rem;
    max-width: 100%;
    margin: 2.5rem auto;
    border: none;
    border-bottom: 0.2rem solid black;
    color: black;
}
.tab {
    display: flex;
    justify-content: center;
    padding: 1rem;
    color: black;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition-property: background-color;
    transition-duration: 0.25s;
}
.tab:not(.tab-active):hover {
    background-color: #ededed;
}
.tab-active {
    background-color: #dbdbdb;
    font-weight: 700;
}
.table-container {
    overflow: auto;
}
.table {
    width: 98rem;
    margin: 2.5rem 0;
    border-collapse: collapse;
    text-align: center;
}
.table caption {
    margin-bottom: 1rem;
    text-align: left;
}
.table th, .table td {
    padding: 1rem;
}
.table thead tr {
    background-color: #dbdbdb;
}
.table tbody tr:nth-child(even) {
    background-color: #ededed;
}
.table tbody tr:nth-child(odd) {
    background-color: white;
}
.table a {
    display: flex;
    justify-content: center;
    color: black;
    text-decoration: none;
}
.menu-item {
    box-sizing: border-box;
    display: block;
    width: max-content;
    max-width: 100%;
    padding: 1rem;
    margin-left: auto;
    color: white;
    font-size: 2.5rem;
    font-weight: 700;
    text-align: right;
    text-decoration: none;
}
.menu-item .material-icons {
    transform: rotate(0);
    transition-property: transform;
    transition-duration: 0.5s;
}
.menu-item-active {
    text-decoration: underline;
}
.menu-item-heading {
    display: flex;
    align-items: center;
    justify-content: right;
}
.menu-item-dropdown {
    max-height: 0;
    overflow: hidden;
    border-left: 0.2rem solid white;
    transition-property: max-height;
    transition-duration: 0.5s;
}
.menu-item.active .menu-item-dropdown {
    max-height: 25rem;
}
.menu-item.active .material-icons {
    transform: rotate(180deg);
}
.menu-item-dropdown .dropdown-item {
    display: block;
    padding: 1rem;
    color: white;
    text-decoration: none;
}
#login {
    box-sizing: border-box;
    /*width: 50rem;*/
    max-width: 100%;
    padding: 1rem;
    margin: auto;
}
#subscribe {
    box-sizing: border-box;
    /*width: 50rem;*/
    max-width: 100%;
    padding: 1rem;
    margin: auto;
}
#toolbar {
    color: black;
    background-color: white;
}
#user {
    margin-left: 0.5rem;
}
#logout {
    display: flex;
    align-items: center;
    height: max-content;
    margin-left: auto;
    color: white;
    text-decoration: none;
}
#logout span {
    margin-left: 0.5rem;
}
#mobile-navbar {
    display: none;
}
#open-menu {
    display: block;
}
#menu {
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #356eaf;
    transition-property: right;
    transition-duration: 0.5s;
}
#menu.active {
    right: 0;
}
#close-menu {
    display: block;
    margin: 2.5rem 0;
    color: white;
    font-size: 48px;
    text-align: right;
}
#snackbar-container {
    position: relative;
    width: 30rem;
    margin: 0 auto;
}
#snackbar {
    position: fixed;
    top: -5rem;
    z-index: 2;
    box-sizing: border-box;
    width: inherit;
    padding: 1rem;
    box-shadow: 0 0 1rem black;
    color: white;
    background-color: green;
    text-align: center;
    animation-name: slide-down;
    animation-duration: 2s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
}
#consent-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    animation-name: fade-in;
    animation-duration: 0.5s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
}
#consent {
    box-sizing: border-box;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100rem;
    max-width: 100%;
    padding: 2.5rem;
    margin: auto;
    box-shadow: 0 0 1rem black;
    background-color: white;
}
#header {
    object-fit: contain;
    display: block;
    width: 100%;
	margin-top: -10px;
    /*height: 30rem;*/
   /* margin-bottom: 2.5rem;*/
}
#header-top {
    width: 15%;
}

#footer {
	color: #1d2473;
	background-color: white;
}

.footer-contacts {
    padding: 4.5rem 3rem 3rem;
}

.footer-heading {
    text-align: center;
}

.footer-heading h2 {
    margin: 0 0 1.8rem;
    color: #1d2473;
    font-size: 2.2rem;
}

.footer-heading p {
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.25;
}

.footer-heading .footer-provider {
    color: #16bce9;
    font-weight: 700;
}

.footer-heading .footer-company {
    color: #f06551;
    font-weight: 700;
}

.footer-address {
    color: #1d2473;
}

.footer-contact-list {
    align-items: flex-start;
    margin-top: 3rem;
}

.footer-contact-item {
    color: #1d2473;
    text-align: center;
}

.footer-contact-item img {
    display: block;
    width: auto;
    height: 5rem;
    margin: 0 auto 1rem;
    object-fit: contain;
}

.footer-contact-item p {
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.25;
}

.footer-contact-item a {
    color: inherit;
    text-decoration: none;
}

.footer-contact-item a:hover {
    color: #16bce9;
}

.footer-sponsor {
    padding: 4rem 3rem 5rem;
    border-top: 0.2rem solid #f06551;
    color: #1d2473;
    text-align: center;
}

.footer-sponsor p {
    margin: 0 0 1.5rem;
    font-size: 1.7rem;
}

.footer-sponsor img {
    width: 28rem;
    max-width: 70%;
    height: auto;
}

.box-head {
	background-color: #36a8e0; 
	color: white; 
	padding: 5px 0; 
	font-size: 1.3em;
}

.item-interviste {
	font-size:1.0em;
	background-color: #d0e0ec; 
	margin: 0 20%;
	padding: 5px 0
}

.tb-item-interviste {
	width: 90%;
}

.tb-item-challenges {
	width: 70%;
}

.video-interviste {
	font-size:1.0em;
	background-color: #d0e0ec; 
	margin: 0 5%;
	padding: 5px 0;
	text-transform: uppercase
}


.img-ico {
	width: 50%;
}

.ul-library {
	margin-right: 20px;
}

.li-library {
	margin-bottom: 10px;
	text-align: justify;
}
.lnk-library:hover {
    color : #36a8e0
}

.lnk-library {
	color : #000;
	text-decoration: none;
}

.page-body #header-top {
    display: none;
}

.page-container {
    padding: 0;
    background-color: white;
}

.page-banner {
    padding: 2.2rem 2rem;
    color: white;
    background: linear-gradient(90deg, #16c1f3 0%, #1d2473 50%, #f06551 100%);
    text-align: center;
}

.page-banner p {
    margin: 0;
}

.page-date {
    font-size: 3rem;
    font-weight: 700;
}

.page-location {
    margin-top: 0.4rem !important;
    font-size: 2.5rem;
}

.registration-container {
    padding: 0;
    background-color: white;
}

.registration-title {
    padding: 2rem;
    margin: 0;
    color: white;
    background: linear-gradient(90deg, #16c1f3 0%, #1d2473 50%, #f06551 100%);
    font-size: 3rem;
    font-weight: 400;
    text-align: center;
}

.registration-background {
    background-image: linear-gradient(rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), url('../img/sfondo-pagina.jpg');
    background-position: center bottom;
    background-size: cover;
}

.registration-form {
    padding: 3rem 5rem 6rem;
    color: #1d2473;
}

.registration-form .label {
    margin-bottom: 0.6rem;
}

.registration-form .input {
    border: 0;
    color: #1d2473;
    background-color: #d8effb;
}

.registration-form textarea.input {
    min-height: 10rem;
}

.registration-form small {
    font-size: 1.2rem;
    font-style: italic;
    font-weight: 400;
}

.registration-fieldset {
    padding: 0;
    margin: 3rem 0 0;
    border: 0;
}

.registration-fieldset legend {
    padding: 0;
    font-weight: 700;
}

.registration-options {
    align-items: center;
    margin-top: 1rem;
}

.registration-options span:not(.material-icons) {
    margin-right: 4rem;
}

.registration-consent {
    align-items: center;
    margin: 1rem 0;
}

.registration-form .checkbox {
    flex: 0 0 auto;
    border: 0;
    background-color: #d8effb;
}

.registration-form .checkbox .material-icons {
    color: #d8effb;
}

.registration-form .checkbox.active .material-icons {
    color: #1d2473;
}

.registration-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
}

.registration-submit {
    margin-right: 0;
    background: linear-gradient(90deg, #16c1f3 0%, #1d2473 60%, #f06551 100%);
}

.registration-cancel {
    color: #1d2473;
}

.confirmation-container {
    padding: 0;
    background-color: white;
}

.confirmation-content {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42rem;
    padding: 4rem 2rem;
    box-sizing: border-box;
    background-image: linear-gradient(rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.82)), url('../img/sfondo-pagina.jpg');
    background-position: center;
    background-size: cover;
    text-align: center;
}

.confirmation-card {
    width: 55rem;
    max-width: 100%;
    padding: 4rem;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.85);
    color: #1d2473;
}

.confirmation-card .heading {
    margin-top: 0;
    color: #1d2473;
}

.confirmation-button {
    display: inline-block;
    margin: 2rem 0 0;
    box-sizing: border-box;
    background: linear-gradient(90deg, #16c1f3 0%, #1d2473 60%, #f06551 100%);
}

.phub-home-container {
    padding: 0;
    background-color: white;
}

.phub-intro {
    padding: 3.5rem 6rem;
    color: white;
    background: linear-gradient(90deg, #16c1f3 0%, #1d2473 50%, #f06551 100%);
    font-size: 2.1rem;
    line-height: 1.35;
}

.phub-intro p {
    margin: 0 0 1rem;
}

.phub-intro ul {
    padding-left: 2.5rem;
    margin: 0;
}

.phub-intro li + li {
    margin-top: 0.8rem;
}

.phub-home-main {
    padding: 4rem 0rem 8rem;
    /*background-image: url('../img/sfondo-pagina.jpg');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;*/
	background-image: linear-gradient(rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), url('../img/sfondo-pagina.jpg');
    background-position: center bottom;
    background-size: cover;
}

.phub-video-section {
    width: 44rem;
    max-width: 100%;
    margin: 0 auto;
}

.phub-video-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    margin-bottom: 2.5rem;
    color: #1d2473;
    font-size: 1.7rem;
    line-height: 1.15;
}

.phub-video-heading .material-icons {
    color: #16bce9;
    font-size: 7rem;
}

.phub-video-card {
    padding: 0.3rem;
    background: linear-gradient(135deg, #16c1f3 0%, #1d2473 55%, #f06551 100%);
}

.phub-video-wrapper {
    position: relative;
    padding-top: 56.25%;
    background-color: #c3e9fc;
}

.phub-video-wrapper iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.phub-video-caption {
    padding: 1rem;
    margin: 0 -0.3rem -0.3rem;
    color: white;
    background: linear-gradient(90deg, #16c1f3 0%, #1d2473 50%, #f06551 100%);
    font-size: 1.2rem;
    font-weight: 500;
}

.phub-access-section {
    padding-top: 4rem;
}

.phub-link {
    padding-top: 4rem;
	padding-bottom: 4rem;
}

.phub-ecm {
    padding-top: 4rem;
	padding-bottom: 4rem;
	padding-left: 2rem;
    padding-right: 2rem;
}
    

.phub-login-card {
    width: 44rem;
    max-width: 100%;
    padding: 2rem;
    margin: 0 auto;
    box-sizing: border-box;
    border: 0.2rem solid #16bce9;
    background-color: rgba(255, 255, 255, 0.78);
    color: #1d2473;
}

.phub-login-form {
    padding: 0 !important;
}

.phub-login-form h1 {
    margin: 0 0 1.5rem;
    color: #f06551;
    font-size: 2rem;
    text-align: center;
}

.phub-login-form .input {
    height: 4.5rem;
    margin-top: 0.8rem;
    border: 0;
    color: #1d2473;
    background-color: #d8effb;
    font-weight: 700;
}

.phub-login-form .input::placeholder {
    color: #1d2473;
    opacity: 1;
}

.phub-login-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin: 2rem 0;
}

.phub-login-options a {
    color: #1d2473;
    text-decoration: none;
}

.phub-remember {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    cursor: pointer;
}

.phub-remember input {
    width: 2.5rem;
    height: 2.5rem;
    margin: 0;
    border: 0;
    background-color: #16bce9;
    appearance: none;
    cursor: pointer;
}

.phub-remember input:checked::after {
    display: block;
    color: white;
    content: '✓';
    font-size: 2rem;
    line-height: 2.5rem;
    text-align: center;
}

.phub-login-button,
.phub-register-button {
    display: block;
    width: 100%;
    padding: 1.2rem;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

.phub-login-button {
    border: 0.3rem solid transparent;
    color: #f06551;
    background: linear-gradient(white, white) padding-box,
        linear-gradient(90deg, #16c1f3 0%, #1d2473 50%, #f06551 100%) border-box;
}

.phub-login-button:hover {
    color: #1d2473;
}

.phub-register-copy {
    margin: 2rem 0 1rem;
}

.phub-register-button {
    color: white;
    background: linear-gradient(90deg, #16c1f3 0%, #1d2473 50%, #f06551 100%);
}

.phub-register-button:hover {
    color: white;
}

.immagine-sfumata {
  /* Prefisso per la compatibilità con alcuni browser */
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
}

.clinical-cases-upload {
    margin-top: 2rem;
}

.clinical-cases-intro {
    margin-bottom: 1rem;
    color: #172b68;
}

.clinical-case-field {
    margin-bottom: 1.4rem;
}

.clinical-case-field label,
.clinical-new-comment label {
    display: block;
    margin-bottom: .45rem;
    color: #172b68;
    font-weight: 600;
}

.clinical-case-field input,
.clinical-case-field textarea,
.clinical-new-comment textarea,
.clinical-reply-form textarea {
    width: 100%;
    box-sizing: border-box;
    padding: .8rem;
    border: 0;
    background: #d8f1fa;
    font-family: inherit;
    resize: vertical;
}

.clinical-case-upload-box {
    position: relative;
    min-height: 160px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #d8f1fa;
}

.clinical-case-upload-box input[type="file"] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
}

.clinical-upload-label {
    width: 100%;
    min-height: 160px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    cursor: pointer;
}

.clinical-upload-icon {
    color: #12bee7;
}

.clinical-upload-text {
    margin-top: .5rem;
    color: #172b68;
}

.clinical-case-privacy {
    margin-top: 1rem;
    color: #172b68;
    font-size: 1.5rem;
}

.clinical-case-actions {
    margin-top: 1rem;
    text-align: center;
}

.phub-gradient-button {
    display: inline-block;

    min-width: 115px;

    padding: .55rem 1.2rem;

    border: 0;

    background: linear-gradient(
        90deg,
        #10bee7 0%,
        #172b68 55%,
        #ed5c51 100%
    );

    color: #fff;

    font-family: inherit;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;

    cursor: pointer;
}

.clinical-cases-list {
    margin-top: 3rem;
}

.clinical-section-title {
    padding: .55rem 1rem;

    background: linear-gradient(
        90deg,
        #10bee7 0%,
        #172b68 55%,
        #ed5c51 100%
    );

    color: #fff;

    font-weight: 700;
    text-align: center;
}

.clinical-case-row {
    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 1rem;

    margin-top: .6rem;
    padding: 1rem;

    background: #d8f1fa;
}

.clinical-case-info {
    flex: 1;
}

.clinical-case-title {
    color: #172b68;
    font-weight: 700;
    
}

.clinical-case-author {
    margin-top: .2rem;
    color: #172b68;
	font-size: 1.05rem;
}

.clinical-case-meta {
    margin-top: .35rem;

    color: #666;
    font-size: 1.0rem;
}

.clinical-detail {
    margin-top: 2rem;
}

.clinical-detail-title {
    margin: 0;

    color: #172b68;
}

.clinical-detail-meta {
    margin-top: .4rem;

    color: #666;
    font-size: .9rem;
}

.clinical-detail-description {
    margin-top: 1.5rem;

    padding: 1.2rem;

    background: #d8f1fa;

    color: #172b68;
    line-height: 1.5;
}

.clinical-pdf-actions {
    margin: 1.5rem 0 3rem;

    display: flex;
    justify-content: center;
    gap: 1rem;
}

.clinical-comment {
    margin-top: 1rem;
    padding: 1rem;

    background: #d8f1fa;
}

.clinical-comment-header {
    display: flex;
    justify-content: space-between;

    margin-bottom: .6rem;

    color: #172b68;
}

.clinical-comment-header span {
    color: #666;
    font-size: .8rem;
}

.clinical-comment-text {
    color: #222;
    line-height: 1.5;
}

.clinical-reply {
    margin-top: 1rem;
    margin-left: 3rem;

    padding: .8rem;

    background: #fff;
}

.clinical-reply-form {
    margin-top: 1rem;
    margin-left: 3rem;

    display: flex;
    align-items: flex-end;
    gap: .7rem;
}

.clinical-reply-form textarea {
    min-height: 55px;
}

.clinical-new-comment {
    margin-top: 2rem;
}

.clinical-new-comment button {
    margin-top: .8rem;
}

.clinical-message {
    margin-bottom: 1rem;
    padding: .8rem 1rem;
}

.clinical-message-success {
    background: #e3f7eb;
}

.clinical-message-error {
    background: #fde6e6;
}

.clinical-empty {
    padding: 1.3rem;
    background: #d8f1fa;
    text-align: center;
    color: #172b68;
}


@media (max-width: 768px) {

    .clinical-case-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .clinical-case-open {
        width: 100%;
        text-align: right;
    }

    .clinical-pdf-actions {
        flex-direction: column;
        align-items: center;
    }

    .clinical-reply {
        margin-left: 1rem;
    }

    .clinical-reply-form {
        margin-left: 1rem;
        flex-direction: column;
    }

}