.topbar  {
    background: #FFF;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Roboto", sans-serif !important;
    color: #9d0c8b;
}

p {
    color : #000;   
}

p, a, span, .form-label {
    font-family: "Roboto", sans-serif !important;
    font-size: 1.5rem;
}

 .full-width-content {
     width: 100%;
     padding-left: 20% !important;
     padding-right: 20% !important;
 }

 .box-summary-formation p {
     font-size: 1.25rem !important;
 }

 @media (max-width: 2000px) /* (max-width: 991.98px) */ {
     .full-width-content {
         padding-left: 5px !important;
         padding-right: 5px !important;
     }

         p,
         a,
         span,
         .form-label {
             font-size: 1.25rem;
         }

                .box-summary-formation p {
                    font-size: 1rem !important;
                }
 }

.navbar-header a {
    font-size: 1.125rem !important;
}
.tx-primary {
    color: #085d30 !important;
}
a.tx-primary:hover {
    color: #55B25B !important;
}

body {
    background: #FFF;
}

.topbar-admin  {
     background-image: linear-gradient(90deg, #F9F7F8 0%, #F9F7F8 50%, #55B25B 100%);
}

.bg-type-user {
    background-image: linear-gradient(90deg, #F9F7F8 0%, #F9F7F8 50%, #55B25B 100%);
}

.bg-type-admin {
    background-image: linear-gradient(90deg, #F9F7F8 0%, #F9F7F8 50%, #b25555 100%);
}

.bg-type-informer {
    background-image: linear-gradient(90deg, #F9F7F8 0%, #F9F7F8 50%, #e4f122 100%);
}

.bg-type-doctor {
    background-image: linear-gradient(90deg, #F9F7F8 0%, #F9F7F8 50%, #55b2c2 100%);
}

input.gridjs-input {
    padding: 10px 30px;
}

.gridjs-pagination .gridjs-pages button.gridjs-currentPage {
    background-color: #55B25B;
}

.card-home {
    background:linear-gradient(#55B25B,#085d30);
    border-radius: 20px 0 20px 0;
}

/*.border-radius-20 {

    border-radius: 20px 0 20px 0;
}*/

/*.border-radius-20-top{
    border-radius: 20px 0 0px 0;
}

.border-radius-20-right{
    border-radius: 0 0 20px 0;
}*/

.border-radius-50 {

    border-radius: 50px 0 50px 0;
}

.border-radius-50-inverse {
    border-radius: 0 50px 0 50px;
}

/*.img-home-1{
    background-image: url('/media/image/theakine_home.png');
    background-size: cover;
}

.img-home-2{
    background-image: url('/media/image/ibs-c_description_home.png');
    background-size: cover; 
    height: 370px;
    width: 488px;
}*/

.img-natura-1 {
    
    margin-left: 0;
    width: 90%;
}

.img-natura-2 {
    margin-top: -100px;
    margin-left: 20%;
    width: 80%;
}

.border-green-10 {
    border: 10px solid #55B25B;
}

.border-dark-green-10 {
    border: 10px solid #085d30;
}

.border-dark-green-4 {
    border: 4px solid #085d30;
}

.card-home h2 {
    text-transform: uppercase;
    font-style: italic;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}

.card-home p {
    color: #FFF;
    text-align: justify;
}

.title-dark-green {
    color: #085d30;
    font-weight: bold;
    font-style: italic;
}

.logo-elearn
{
  height: 55px;
  width: 540px;
  max-width: 90%;
  margin-right: 1%;
  float: inline-end;
}

@media (min-width: 1024px) {
    .card-elearn {
        left:0%;
        width:90%;
        margin-top: 100px !important;
        margin-left:-45% !important;
        
    }
    
}

.card-elearn
{
    background:#085d30;
    border-radius: 20px 0 20px 0;
    
}

.card-elearn p
{
    color:#FFF;
}

.btn-home {
    color: #FFF;
    border-radius: 20px 0 20px 0;
    background-color: #085d30;
    cursor: pointer;
    /*height: 46px;
    width: 420px;*/
}

.btn-home:hover {
    border-color: #085d30;
    background: #FFF;
    color: #085d30;
}

.btn-home p{
    font-weight: bold;
    text-align: start;
}

/*.icons-btn-home{
    position: relative;
    float: right;
    bottom: 2px;
}*/

.my-footer {
    background-image: url('/media/footer-background.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
    /* min-height: 200px; */
    min-height:348px;
}

.my-footer .elementor-heading-title {
    font-family: "Open Sans", sans-serif !important;
    color: #FFF;

    font-size:65px;
}

.roboto-condensed {
    font-family: "Roboto Condensed", sans-serif !important;
}

.circle{
    width: 140px;
    height:140px;
    z-index: 999;
    border-radius: 50%;
    text-align: center;
    display: flex;
    font-weight: 700;
    font-size: 1.5rem;
    color:#085d30;
    background:#FFF;
}

@media (min-width: 1024px) {
    .circle{
        width: 250px;
        height: 250px;
    }
}


.btn-option
{
    border-radius: 0px 0px 15px 0px;
    color: #FFF;
    font-weight: 600;
    text-align: right;
    padding: 12px;
    width: 230px;
}

@media (min-width:1024px) {
    .btn-option
    {
        width: 450px
    }
}


.btn-option:hover {
    
    border-color: #085d30;
    background: #FFF;
    color: #085d30;
    
}

.btn-formation{
    background:  #085d30 ;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    font-size: 2em;
    font-style: italic;
    padding: 10px 20px;
}

.btn-formation:hover{
    border-color: #085d30;
    background: #FFF;
    color: #085d30;
}

.btn-paziente
{
    background: #55B25B;
}

.btn-medico
{
    background: #417f5d;
}

.btn-informatore
{
    background: #085d30;
}

.emailsidebar {
    min-height: 230px;
}

.card-dashboard{
    min-height: 350px;
    border: 1px solid black;
}

.card-footer-dashboard{
    height:42px;
}

.grafico{
    height:364px;
}


@media (max-width: 520px) {
    .message-list li .col-mail-1 .title {
        left: 0px !important;
    }
}

.ribbon-1 {
    position: fixed;
    background: #085d30;
    box-shadow: 0 0 0 600px #085d30;
    clip-path: inset(0 -100%);
    z-index: 10000000;
    color: #FFF;
}

.left {
   /* inset: 0 auto auto 0;*/
    transform-origin: 100% 0;
    transform: translate(-29.3%) rotate(-45deg);
}

.ribbon-2 {
    background: #085d30;
    color: #FFF;
    text-align: center;
    font-weight: bold;
   
}

/*.testo-animato {
    opacity: 0;
    transform: translateY(60px);
    animation: entra 1s ease-out forwards;
    }

@keyframes entra {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
    
CSS PER HOME NUOVA
*/
.testo-animato {
    opacity: 0;
    transform: translateY(-60px);
    animation: entra 1s ease-out forwards;
}

@keyframes entra {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.btn-home {
    color: #FFF !important;
    background-color: #008b0a !important;
    height: 46px !important;
    width: 420px !important;
}

.btn-home:hover {
    border-color: #008b0a !important;
    background: #FFF !important;
    color: #008b0a !important;
}

.btn-home p {
    font-weight: bold !important;
    text-align: start !important;
}

.icons-btn-home {
    position: relative !important;
    float: right !important;
    bottom: 2px !important;
}

.card-home h2 {
    text-transform: uppercase !important;
    font-style: italic !important;
    color: #FFF !important;
    text-align: center !important;
    font-weight: bold !important;
}

.card-home p {
    color: #FFF !important;
    text-align: justify !important;
}

.card-home {
    border-radius: 20px 0 20px 0 !important;
}

.border-radius-20 {

    border-radius: 20px 0 20px 0 !important;
}

.border-radius-20-top {
    border-radius: 20px 0 0px 0 !important;
}

.border-radius-20-right {
    border-radius: 0 0 20px 0 !important;
}

/*
.img-home-1 {
    background-image: url('/media/image/theakine_home.png') !important;
    background-size: cover !important;
}

.img-home-2 {
    background-image: url('/media/image/ibs-c_description_home.png') !important;
    background-size: cover !important;
    height: 370px !important;
    width: 488px !important;
}


.p-ibsc-home{
    display: inline-block;
        width: 32px;
        height: 32px;
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M11.943 1.25h.114c2.309 0 4.118 0 5.53.19c1.444.194 2.584.6 3.479 1.494c.895.895 1.3 2.035 1.494 3.48c.19 1.411.19 3.22.19 5.529v.114c0 2.309 0 4.118-.19 5.53c-.194 1.444-.6 2.584-1.494 3.479c-.895.895-2.035 1.3-3.48 1.494c-1.411.19-3.22.19-5.529.19h-.114c-2.309 0-4.118 0-5.53-.19c-1.444-.194-2.584-.6-3.479-1.494c-.895-.895-1.3-2.035-1.494-3.48c-.19-1.411-.19-3.22-.19-5.529v-.114c0-2.309 0-4.118.19-5.53c.194-1.444.6-2.584 1.494-3.479c.895-.895 2.035-1.3 3.48-1.494c1.411-.19 3.22-.19 5.529-.19M6.25 2.982c-1.065.183-1.742.5-2.255 1.013c-.514.513-.83 1.19-1.013 2.255H6.25zm1.5-.162v3.43h3.5v-3.5c-1.395.002-2.54.011-3.5.07m5-.07v3.5h3.5V2.82c-.96-.059-2.105-.068-3.5-.07m5 .232V6.25h3.268c-.183-1.065-.5-1.742-1.013-2.255c-.513-.514-1.19-.83-2.255-1.013m3.43 4.768H2.82c-.07 1.126-.07 2.508-.07 4.25s0 3.124.07 4.25h18.36c.07-1.126.07-2.508.07-4.25s0-3.124-.07-4.25m-.162 10H17.75v3.268c1.065-.183 1.742-.5 2.255-1.013c.514-.513.83-1.19 1.013-2.255m-4.768 3.43v-3.43h-3.5v3.5c1.395-.002 2.54-.011 3.5-.07m-5 .07v-3.5h-3.5v3.43c.96.059 2.105.068 3.5.07m-5-.232V17.75H2.982c.183 1.065.5 1.742 1.013 2.255c.513.514 1.19.83 2.255 1.013m6.53-11.27l.05.034l.046.031c.49.33.927.623 1.235.907c.334.307.639.714.639 1.28s-.305.973-.639 1.28c-.308.284-.745.578-1.235.907l-.046.031l-.05.034c-.494.332-.938.63-1.312.803c-.392.181-.949.336-1.482-.016c-.49-.324-.624-.866-.68-1.3c-.056-.439-.056-1.016-.056-1.688v-.102c0-.672 0-1.25.056-1.688c.056-.434.19-.976.68-1.3c.533-.352 1.09-.198 1.482-.016c.373.173.818.471 1.311.803m-1.96.55l.018.008c.251.116.595.344 1.155.72c.55.371.89.601 1.102.797a.8.8 0 0 1 .154.177l-.003.007a.8.8 0 0 1-.151.17c-.213.196-.551.426-1.102.796c-.56.377-.904.605-1.155.72l-.019.01a2 2 0 0 1-.025-.154c-.043-.332-.044-.811-.044-1.549s.002-1.217.044-1.55q.012-.094.025-.152' clip-rule='evenodd'/%3E%3C/svg%3E");
        background-color: currentColor;
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        float: right;
}

.p-icon-thumb{
    display: inline-block;
    width: 32px;
    height: 32px;
    --svg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAABPElEQVR4AdyTsUuCQRiHKypobouGaKwgojWClmgJWpr6Bwpamlr6A2oJ3HR3F13EzcXNSSdxEldxUlAH9Xk/vOPz9PQ9RATl99wdd+893vfp7e2s8bPd8n3eXBkGcAPqaF7LPbZbOIBPUEcjl5Mb4aEZaHqNXOOZW7Nx+Sh2rN3YeOkw9OQPGB/hFJZ+Uaj8BGkBmtCFKmTgF55hKhq574RHmK7gBb4hB/9go5HH37nd6Bl8MX8JUTTyqDCguTa1rvyMhfyEN3q5NEFXnj3WaQdMShI0TxPS9H34g5DY38iV10MsntqemXflPywkYZVUzGZXLt/6waJcFvkvMwxKkeoaRHHl0SSNFF3Qp2AImmQpegUbn1wKOjTvcA7yJD7uWD8GuUwteptFclPUYCBP4qPEehtmopHPbNJOjAEAAP//E3mh/gAAAAZJREFUAwBVrCsvR3LwygAAAABJRU5ErkJggg==");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    float: right;
}

.p-icon-x{
    display: inline-block;
    width: 32px;
    height: 32px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2s7.071 0 8.535 1.464C22 4.93 22 7.286 22 12s0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Z' opacity='0.5'/%3E%3Cpath stroke-linecap='round' d='m14.5 9.5l-5 5m0-5l5 5'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    float: right;
}
*/
.p-home{
    width: 90%;
    float: left;
}

.p-position{
    position: relative;
    top: -3px;
}


.border-radius-20 {

    border-radius: 20px 0 20px 0 !important;
}

.border-radius-20-top{
    border-radius: 20px 0 0px 0 !important;
}

.border-radius-20-right{
    border-radius: 0 0 20px 0 !important;
}

.img-product{
    background-image: url('/media/image/Prodotto.png') !important;
    background-size: cover !important;
    width: 100%;
}

.card-prodotto
{
    background:linear-gradient(#085d30,#55B25B);
    border-radius: 20px 0 20px 0;
}

.border-radius-20 {
    border-radius: 20px 0 20px 0;
}

.btn-prodotto
{
    background:linear-gradient(#085d30,#55B25B);
    border-radius: 20px 0 20px 0;
}

.btn-prodotto:hover {
    border-color: #085d30 !important;
    background: #FFF !important;
    color: #085d30 !important;
}

.arrow-infocenter {
    position: relative;
    top: 15px;
    right: 20px;
}

.p-icon-arrow-down,
.p-icon-arrow-up {
    display: inline-block;
    width: 25px;
    height: 25px;
    padding: 0px;
    background-color: white;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    float: right;
}    
.p-icon-arrow-down{
   
    --svg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAABTElEQVR4AdyUIUsEQRiGD/+SXTHZBLN/waAgKopBBBEsGsRiEQ2CWMUkNpvNZDEZDAaDCKL4PHsn3Mzu7M7eYrnjfb7Z+fb73ltmZ3ai94+/8TCfY4Vu4a4jN/RPQm94WeZJzMB0R2bpn4LAfJPEF3TVCwbHEJibPDTZkQ36PyEwd75DeINR9UjjGRQaXnMT7wT/gGEkLdL1A4Vic5NHhGdoq2sa3GkMfVWZ+1JX+7ezo0+7FFdXmVtzSXiAXJ1Q+ASBUuYWuX6OTXxQsAUl1ZnfU30FTdqj4BVKqjO3eIXwDSlpup+62WTurnH3pPrXuVEcGMaSmsxt2Ca4/xkCeWBOg0w0yTH3xO5GfU594W5BryvJMbfRb47fHq/Fz2pwYEzG5Jq7rmuDZp/WFz2Ypodccx3OCcuwAK43Q73amOt0QLiALLU1zzL9K/oFAAD//7c8RKMAAAAGSURBVAMAyNBBL8qh26oAAAAASUVORK5CYII=");
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
}

.p-icon-arrow-up {
    --svg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAABLElEQVR4AeSUu04CURRFx1djYWJhbWNlZ2JhYmGrsdX4A8ZeQgUNhFAQOkjo+BBqfgsIa5MwOXdyX8BQQfae3OdiZs+Ze14c8Xca8GcSXOEmztIusYwhnuEuvsNJ5cK/Ib1g6ZpLHyeVA7+CMsRWv3QecVQ58H8I99hK8UzsgK+dgt+yqY19emPwAweVgivbm+Duohgxd4G9isEf2PGHY4quicFVesG7Mv8YfLoQXHm+G0CsqffS8i3wwbMqoQJr0K9WVOGDK+dkDQOz0rcwsANqV+GqjJ4m9vAPe55wqSpc2WWdGyXBbTgfloUrM2XnLt+tp/NHT7DZZeHKTNltJg64lJwt/BLYF65DSuBVoC18QecT66w+1Dox57CcUpwx0KnBUxhL7MDVr9VrAAAA//9TpXUMAAAABklEQVQDAFHmKS+HKw0JAAAAAElFTkSuQmCC");
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    
}

.mySlides {display: none}

.img-home {vertical-align: middle;}

.slideshow-container {
    position: relative;
    margin: auto;
}

.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin-left: 12px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.dot-active, .dot:hover {
    background-color: #085d30;
}

p{
    text-align: justify;
}

#images
{
    height: 150px;
}

@media (min-width:600px)
{
    #images{
        height: 400px;
    }
}

@media (min-width:1000px)
{
    #images{
        height: 500px;
    }
}

video
{
    width: 100% !important;
    height: 100% !important;
    border-radius: 20px 0 20px 0 !important;
}


.border-radius-20-top{
    border-radius: 20px 0 0px 0 !important;
}

.border-radius-20-right{
    border-radius: 0 0 20px 0 !important;
}

.img-elearning{
    background-image: url('/media/image/new_elearning.png') !important;
    background-size: cover !important;
    height: 483px;
}

.card-infocenter-medic
{
    background:#417f5d;
    border-radius: 20px 0 20px 0;
}

.card-infocenter-informer
{
    background:#085d30;
    border-radius: 20px 0 20px 0;
}

.card-infocenter-patient
{
    background:#55B25B;
    border-radius: 20px 0 20px 0;
}

.responsive-img {
    width: 100%;
    height: auto;
}

@media (min-width: 992px) {
    .responsive-img {
        width: 50%;
    }
}

@media (max-width: 992px) {
    .responsive-img {
        width: 100%;
        height: 70%;
    }
}

.testo {
    font-size: 14px !important; /* mobile */
}

@media (min-width: 768px) {
    .testo {
        font-size: 18px !important; /* tablet */
    }
}

@media (min-width: 1200px) {
    .testo {
        font-size: 22px !important; /* desktop */
    }
}

@media(max-width: 2100px){
    .imgsfondo{
        height:70%;
    }
}

@media(max-width: 1500px){
    .imgsfondo{
        height:50%;
    }
}


@media(max-width: 999px){
    .imgsfondo{
        height:40%;
    }
}


@media(max-width: 767px){
    .imgsfondo{
        height:25%;
    }
}

@media(max-width: 575px){
    .imgsfondo{
        height:20%;
    }
}

.theakine_home_text{
    height: 14%;
}

@media(max-width:575px)
{
    .theakine_home_text{
        height: 18%;
    }
}

.box-cookie {
    background: linear-gradient(#085d30,#55B25B);
    background-size: cover;
    z-index: 999 !important;
    height: 100px !important;
    position: fixed;
    bottom: 0;
}

.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 30px;
    z-index: 9999;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    box-sizing: border-box;
}

.cookie-content {
    display: flex;
    align-items: center;
    gap: 15px;
}

.cookie-icon {
    font-size: 24px;
}

.cookie-content p {
    margin: 0;
    font-size: 14px;
    color: #333;
}

.policy-link {
    color: #007bff;
    text-decoration: underline;
}

.accept-btn {
    background-color: #333;
    color: white;
    border: none;
    padding: 8px 25px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s ease;
}

.accept-btn:hover {
    background-color: #555;
}

/* Responsive per mobile */
@media (max-width: 600px) {
    .cookie-banner {
        flex-direction: column;
        text-align: center;
        gap: 10px;
        padding: 15px;
    }
    .cookie-content {
        flex-direction: column;
    }
}