.display-none{display: none;}
.border-radius-32{ border-radius: 32px;}
.table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{padding-left:0;}

/* start: overlay submit loading */
#loading-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}
#loading-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
}
#loading-icon {
    font-size: 36px;
}
/* end: overlay submit loading */

/* start: Loading page styles */
.overlaypage {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* overlay opacity 50% */
    z-index: 9998;
}
.loaderpage {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background-color: transparent;
}
.loaderpage img {
    display: block;
    margin: 0 auto;
}
.loader-bar {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #007bff; /* Colore della barra di caricamento */
    z-index: 9999;
}
.btn-rounded {
    border-radius: 32px;
}
/* end: Loading page styles */


a {
    color: #5268FF;
    text-decoration: none;
}
.text-hover-tguide-blue i {
    transition: color 0.2s ease;
}
.text-hover-tguide-blue:hover {
    transition: color 0.2s ease;
    color: #5268FF !important;
}
.text-hover-tguide-blue:hover i {
    transition: color 0.2s ease;
    color: #5268FF !important;
}
.text-hover-tguide-blue:hover .svg-icon {
    color: #5268FF !important;
}

.text-active-tguide-blue {
    transition: color 0.2s ease;
}
.text-active-tguide-blue i {
    transition: color 0.2s ease;
}
.text-active-tguide-blue.active {
    transition: color 0.2s ease;
    color: var(--bs-text-primary) !important;
}
.text-active-tguide-blue.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-primary) !important;
}
.text-active-tguide-blue.active .svg-icon {
    color: var(--bs-text-primary) !important;
}
/*tguide blue*/
.btn-tguide-blue {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #5268FF;
    --bs-btn-border-color: #5268FF;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #5268FF;
    --bs-btn-hover-border-color: #5268FF;
    --bs-btn-focus-shadow-rgb: 0, 134, 210;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #5268FF;
    --bs-btn-active-border-color: #5268FF;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #5268FF;
    --bs-btn-disabled-border-color: #5268FF;
    border-radius: 32px;
}
.btn-outline-tguide-blue {
    background-color:#ffffff;
    color:#5268FF;
    border: 1px solid #5268FF !important;
    border-radius: 32px;
}
.btn-outline-tguide-blue i {
    color:#5268FF;
}
.btn-outline-tguide-blue:hover {
    background-color:#5268FF;
    color:#ffffff;
}
.btn-outline-tguide-blue:hover i {
    color:#ffffff;
}

.link-tguide-blue {
    color: #5268FF !important;
}
.link-tguide-blue:hover, .link-tguide-blue:focus {
    color: #5268FF !important;
}
.border-tguide-blue {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.text-tguide-blue {
    --bs-text-opacity: 1;
    color: #5268FF !important;
}
.bg-tguide-blue {
    --bs-bg-opacity: 1;
    background-color: #5268FF !important;
}


/*------------------------------------tguide pink*/
.text-hover-tguide-pink i {
    transition: color 0.2s ease;
}
.text-hover-tguide-pink:hover {
    transition: color 0.2s ease;
    color: #DF338D !important;
}
.text-hover-tguide-pink:hover i {
    transition: color 0.2s ease;
    color: #DF338D !important;
}
.text-hover-tguide-pink:hover .svg-icon {
    color: #DF338D !important;
}

.text-active-tguide-pink {
    transition: color 0.2s ease;
}
.text-active-tguide-pink i {
    transition: color 0.2s ease;
}
.text-active-tguide-pink.active {
    transition: color 0.2s ease;
    color: #DF338D !important;
}
.text-active-tguide-pink.active i {
    transition: color 0.2s ease;
    color: #DF338D !important;
}
.text-active-tguide-pink.active .svg-icon {
    color: #DF338D !important;
}
.btn-tguide-pink {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #DF338D;
    --bs-btn-border-color: #DF338D;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #DF338D;
    --bs-btn-hover-border-color: #DF338D;
    --bs-btn-focus-shadow-rgb: 0, 134, 210;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #DF338D;
    --bs-btn-active-border-color: #DF338D;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #DF338D;
    --bs-btn-disabled-border-color: #DF338D;
    border-radius: 32px;
}

.btn-outline-tguide-pink {
    background-color:#ffffff;
    color:#DF338D;
    border: 1px solid #DF338D !important;
    border-radius: 32px;
}
.btn-outline-tguide-pink i {
    color:#DF338D;
}
.btn-outline-tguide-pink:hover {
    background-color:#DF338D;
    color:#ffffff;
}
.btn-outline-tguide-pink:hover i {
    color:#ffffff;
}

.link-tguide-pink {
    color: #DF338D !important;
}
.link-tguide-pink:hover, .link-tguide-pink:focus {
    color: #DF338D !important;
}
.border-tguide-pink {
    --bs-border-opacity: 1;
    border-color: #DF338D !important;
}
.text-tguide-pink {
    --bs-text-opacity: 1;
    color: #DF338D !important;
}
.bg-tguide-pink {
    --bs-bg-opacity: 1;
    background-color: #DF338D !important;
}
.hover-pink:hover{
    border:1px solid #DF338D !important;
    background-color:#DF338D !important;
    color:#ffffff !important;
}
.hover-pink:hover a{
    color:#ffffff !important;
}
.hover-pink:hover a i{
    color:#ffffff !important;
}


.btn-primary,
.btn-success,
.btn-danger,
.btn-secondary,
.btn-warning,
.btn-light-primary,
.btn-light-success,
.btn-light-secondary,
.btn-light-warning,
.btn-info,
.btn-dark,
.btn-light,
.btn-light-danger{
    border-radius: 32px;
}


/*start: btn-tguide-danger*/
.btn-tguide-danger {
    background-color:#ffffff;
    color:#f1416c;
    border: 1px solid #f1416c !important;
    border-radius: 32px;
}
.btn-tguide-danger i {
    color:#f1416c;
}
.btn-tguide-danger:hover {
    background-color:#DF338D;
    color:#f1416c;
}
.btn-tguide-danger:hover i {
    color:#f1416c;
}
/*end: btn-tguide-danger*/