* {
    font-family: Calibri;
}

body {
    /*background-image: url(/img/background.png);*/
    background-color: rgba(0, 0, 0, 0.04);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.table {
    vertical-align: middle;
}

.card {
    border-radius: 20px;
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.04);
    transition: 0.2s;
    border: 0px;
    box-shadow: inset 1.39px 1.43px 2.83px -0.35px rgba(219, 219, 219, 0.15), inset -2.09px -2.15px 2.83px -0.35px rgba(219, 219, 219, 0.3), 4.18px 4.30px 2.12px -1.06px rgba(219, 219, 219, 0.6);
}

.internal-card {
    box-shadow: none;
    border-color: lightgray;
    padding: 10px;
}

.data-card {
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px;
    background-color: white;
}

/*.data-card:hover {
    background-color: #008b8b;
}*/

.data-card:hover > .card-body > h5,
.data-card:hover > .card-body > span{
    color: white;
}

.data-card .card-body {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.data-card .card-body h5 {
    position: relative;
    font-size: 1.4em;
    color: rgba(0, 0, 0, 0.8);
}

.green-number {
    color: var(--new);
}

.red-number {
    color: var(--queue);
}

.blu-number {
    color: var(--managed);
}

.orange-number {
    color: rgb(255 153 0);
}

.number {
    font-size: 2.5em;
    font-weight: 600;
}

.card-header {
    border-radius: 20px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    background: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-header h5 {
    margin-bottom: 0;
}

.action-btn {
    background: darkcyan;
    color: white;
    border: 1px;
    border-style: solid;
    border-color: darkslategrey;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    transition: 0.2s;
}

.action-btn:hover {
    background: var(--secondary);
    border-color: var(--secondary);
    color: white;
}

.action-dropdown {
    border-color: darkcyan;
}

.action-dropdown .dropdown-divider {
    background: darkcyan;
}

.action-dropdown li:hover a,
.action-dropdown li:hover button
{
    background: darkcyan;
    color: white;
}

.btn-link-custom {
    color: white;
    font-size: 18px;
    border: solid 1px;
    border-radius: 12px;
    text-decoration: none;
    background-color: darkcyan;
    transition: 0.25s;
}

.btn-link-custom:hover {
    color: white;
    border: solid 1px #006161;
    border-radius: 12px;
    text-decoration: none;
    background-color: #006161;
}

.header-row th span {
    border-radius: 5px;
    letter-spacing: 0.4px;
}

.search-button {
    background: darkcyan;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 1em;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    color:white;
}

.search-button:hover {
    background: var(--secondary);
    border-color: var(--secondary);
}

.card-header {
    background: var(--main);
    color: #0f0f0f;
}

.pager-card {
    padding: 20px;
}

.page-item.active .page-link {
    background: var(--tertiary);
    border-color: var(--tertiary);
}

.page-item.active:hover .page-link {
    background: var(--secondary);
    border-color: var(--secondary);
}

.page-item .page-link {
    color: var(--tertiary);
}

.lead {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    gap: 10px;
}

.lead .action-btn {
    width: 200px;
    transition: 0.4s;
    font-weight: 600;
    font-size: 1em;
}

.lead .action-btn:hover {
    width: 100%;
}

.card img {
    border-radius: 19px;
}

.left-right-3d {
    transform: rotateY('100px');
}

.nav-link {
    color: darkcyan;
}

.bottom-rounded {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.nav-item {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transition: 0.2s;
}

.nav-tabs .nav-link {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transition: 0.2s;
}

.nav-tabs .nav-link:hover {
    color: white;
}

.nav-tabs .nav-link.active:hover {
    color: black;
}

.nav-item:hover {
    background: var(--secondary);
}

.custom-alert {
    background: darkcyan;
    color: white;
}

.button-to-link {
    width: 100%;
    background: transparent;
    border: none;
    padding: 4px;
    transition: 0.1s;
}

.button-to-link:hover {
    background: darkcyan;
    color: white;
}

.card-link{
    text-decoration: none;
}

.card-link h5 {
    color: black;
}

.discard-button {
    background: red;
    color: white;
    transition: 0.2s;
}

.discard-button:hover {
    background: var(--secondary);
}

.form-check-input:checked {
    background: darkcyan;
    border-color: darkcyan;
}

.icon-rotate i {
    transition: 0.25s;
}

.icon-rotate.show {
    transform: scale(1.1);
}

.icon-rotate.show i{
    transform: rotate(90deg);
}

.badge {
    font-size: 1em;
    font-weight: 400;
}

.badge-presaincarico {
    background: rgba(0, 145, 245, 0.8);
}
.badge-rifiutato {
    background: rgba(172, 32, 32, 0.8);
}
.badge-approvato {
    background: rgba(24, 164, 61, 0.8);
}
.badge-annullato {
    background: rgba(82, 91, 84, 0.8);
    color: white;
}
.badge-revisione {
    background: rgba(194, 204, 60, 0.8);
}
.badge-incoda {
    background: rgba(113, 60, 204, 0.8);
}
.badge-dacompletare {
    background: rgba(161, 172, 255, 1)
}
.badge-inriesame {
    background: rgba(90, 90, 90, 0.8)
}
.badge-invalidazione {
    background: rgba(155, 196, 39, 0.8)
}

.custom-sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 20px;
}

.accordion-button {
    display: flex;
    justify-content: start;
    background-color: darkcyan;
    color: white;
}

.accordion-button:hover {
    background-color: white;
    color: darkcyan;
}

.accordion-button:hover::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='darkcyan'><path%20fill-rule='evenodd'%20d='M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z'/></svg>")
}

.accordion-button::after {
    margin-left: inherit;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path%20fill-rule='evenodd'%20d='M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z'/></svg>")
}

.ticket-group-item {
    background: transparent;
    color: white;
}

.ticket-group-item a{
    color: white;
}

.ticket-group-item:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.ticket-group-item:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.ticket-list {
    gap: 2px;
}

.accordion-button:focus {
    box-shadow: none;
    z-index: inherit;
}

.ticket-accordion-item {
    border-radius: 10px !important;
}

#ticket-accordion-button:hover,
#ticket-accordion-button:focus {
    border-radius: 10px;
    color: darkcyan;
    background-color: white;
}

#ticket-accordion-button:hover::after,
#ticket-accordion-button:focus::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='darkcyan'><path%20fill-rule='evenodd'%20d='M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z'/></svg>")
}

.menu-voice .accordion li {
    border: 0;
}

.menu-voice:hover .accordion li a {
    color: white;
}

.menu-voice:hover .accordion  li:hover a {
    color: darkcyan;
}

.full-height-custom-row {
    height: calc(100vh - 50px);
}