/* stili dell'applicazione */

@font-face {
    font-family: 'PT Sans Regular';
    /*font-weight: 400;
    font-style: normal;
    font-display: swap; !* Read next point *!
    unicode-range: U+000-5FF; !* Download only latin glyphs *!*/
    src: url("/resources/fonts/PTSans-Regular.ttf") format("truetype");
}

html, body, option {
    font-family: "PT Sans Regular","Helvetica Neue", Helvetica, Arial, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

.form-check-input:checked{
    background-color: #1c4d9e!important;
    border-color: #1c4d9e!important;
}

/*@font-face {
    font-family: "PT Sans Regular";
    src: url("/fonts/PTSans-Regular.ttf");
}
html, body {
    font-family: "PT Sans Regular", serif !important;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}*/

.maincontainer{
    max-width: 1280px !important;
    margin: auto;
}

.navbar-kib{
    background-color: #ededed; !important;
}
.nav-link {
    font-size: 1.375rem; !important;
}

/* serve per far si che l'absolute esista fino a 992px , poi in shrink sparisca */
@media (min-width:992px) {
    .navbar-nav {
        position: absolute;
        bottom : 2%
    }
}

.login-bg{
    background-image: url('img/sfondo_login.png');
    background-size: cover;
    background-position: center;
    min-height: 200px;
}
.page-search-bg{
    background-image: url('img/sfondo_login.png');
    background-size: cover;
    background-position: center;
    min-height: 200px;
    justify-content: center;
    align-content: center;
}
.text-left{
    text-align: left;
    align-items: start;
}
.text-right{
    text-align: right;
    align-items: end;
}
.nav-user-info{
    position: absolute;
    right:0px;
    top:12px;
    text-align: right;
}
.nav-user-info .user-profile-link{
    position: absolute;right:10px;top:1px;
}
.nav-user-info .user-name
{
    display: inline-block;
    margin-right: 50px;
    font-size: 0.8rem;
    line-height: 0.9rem;
}

.text-color-kib-blue{
    color: #1c4d9e !important;
}

.dropdown{
    position: absolute; !important;
    top: 27px;
    right: 183px;
}

.ticket-count-container a{
    text-decoration: none;
    color:#1e2125;
}

.form-control{
    font-size: 0.9rem;
}

.form-label{
    font-size: 0.9rem;
}

.form-control-kib {
    outline: 0;
    border-width: 0 0 1px;
    border-color: black;
    border-radius: unset !important;
}
.form-control-kib:focus {
    outline: 0 none;
    border-width: 0 0 1px !important;
    border-color: #C7D56E !important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset, 0 0 0px rgba(126, 239, 104, 0.6);
}

.date{
    font-size : 0.9rem;
}

.form-select{
    border-radius: unset !important;
    /*caret-color: #C7D56E;*/
    background-image : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23C7D56E' stroke='%23C7D56E' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

.form-select.form-select-create{
    width:auto;
    padding-right: 5%;
}

.form-detail .form-text-value{
    font-weight: normal;
    font-size:1rem;
    padding:.2rem;
    text-align: justify;
}

.form-detail .form-label{
    color:#1c4d9e;
}

.card{
    border-radius: unset !important;
}

.card.faq-category-General{
    border-left: 6px solid rgba(237, 237, 227, 0.6);
}

.card.faq-category-BestPracticeSW{
    border-left: 6px solid #0aa2ff;
}

.card.faq-category-AssistenzaTecnica{
    border-left: 6px solid #f0ad4e;
}

.card.faq-category-AssistenzaFunzionaleSW{
    border-left: 6px solid #f4511e;
}

.card.faq-category-AssistenzaeConsulenzaFiscale{
    border-left: 6px solid #9fa427;
}

.card.faq-category-AssistenzaeConsulenzaTributaria{
    border-left: 6px solid #9fd600;
}

.card.faq-category-AssistenzaeConsulenzaPersonale{
    border-left: 6px solid #8966c7;
}

.card.faq-category-AssistenzaeConsulenzaContabileePatrimoniale{
    border-left: 6px solid #990000;
}

.badge{
    border-radius: unset !important;
}

.pagination{
    color: #1c4d9e !important;
}

.page-item{
    color: #1c4d9e !important;
}

.page-link{
    color: #1c4d9e !important;
}



.page-item:first-child .page-link {
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
}
.page-item:last-child .page-link {
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
}

.page-link.active, .active > .page-link {
    background-color: #1c4d9e;
    color:white!important;
}

.kib-blue{
    color: #1c4d9e; /* 3c5da4 */
}

.kib-blue-altro{
    color: #1c4d9e; /*nei pdf il colore preso da strumento è questo da chiedere se è da usare questo o quello sopra*/
}

.kib-green{
    color:#C7D56E;
}

.kib-green-success{
    color:#39A935;
}

.kib-gray{
    color:#ededed;
}

.kib-light{
    color: rgba(237, 237, 227, 0.6);
}

.kib-orange{
    color:#f39200;
}

.kib-red{
    color:#e6332a;
}

fa-solid.fa-kib-alta{
    font-family:"Font Awesome 6 Free";
    font-weight: 900;
    content: "\f714";
}

fa-solid.fa-kib-bassa{
    content: "\f05a";
}

fa-solid.fa-kib-media{
    content: "\f06a";
}

fa-solid.fa-kib-risolto{
    content: "\f058";
}

.btn{
    border-radius: unset !important;
    font-size: 1.125rem;
}

.btn-light {
    border-color:#1c4d9e; !important;
}

.btn-light:hover{
    border-color:black !important;
    color:#1c4d9e !important;
}

.table-small-font td {
    font-size: 0.82rem;  /* Riduce la dimensione del font */
}

.table-small-font th {
    font-size: 0.87rem;  /* Riduce la dimensione del font */
}

.btn-primary.kib-blue{
    background-color:#1c4d9e!important;
    color:white!important;
    border-color:#1c4d9e;
}

.btn-primary.kib-blue:hover{
    background-color:#C7D56E!important;
}

.btn-primary.kib-green{
    background-color: #C7D56E!important;
    color:#fff;
    border-color: #a9b35e !important;
}
.btn-primary.kib-green:hover{
    background-color: #1c4d9e !important;
}

.bg-image-login{

}

.preloader{
    position: fixed;
    top:0px;bottom:0px;left:0px;right: 0px;
    background-color: rgba(255,255,255, .7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999999;
}
.preloader.hidden, .hidden{
    display:none;
}
.preloader .preloader-body{
    color:#000;
    text-shadow: 0px 0px 5px rgb(240,240,240);
}

.preloader .preloader-body .icon{
    vertical-align: middle;
}

.dropzone{
    border:2px dotted #1c4d9e!important;
    margin: 10px 0px;
}
.attachment-link{
    /*border:2px solid #B3C8EB!important;*/
    color:#1c4d9e;
    margin: 0px 20px 10px 0px !important;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    /*width: 75%;
    max-width: 80vw;*/

}
.attachment-link:hover{
    /*text-decoration: underline;*/
    /*background-color: #C7D56E!important;*/
    background-color: #ededed!important;
}

.comments-block{
    position:relative;
}

.comments-block .comment-container{

}
.comments-block .comment-container .comment-icon{
    font-size: 2.2rem;
}
.comments-block .comment-container .comment-content{
    max-width: 65%;
    border-radius: 15px;
    background-color: rgba(61, 91, 164,.2);
    color:#333;
}
.comments-block .comment-container .comment-content.kib-green{
    background-color: rgba(199, 213, 110,.2);
}

.comments-block .comment-container .comment-content.kib-gray{
    max-width: 100% !important;
    background-color: rgba(242, 242, 242, 0.9);
    width: 100%;
}

.comments-block .comment-container .comment-content.kib-light{
    max-width: 65% !important;
    background-color: rgba(248, 248, 248, 0.9);
}

.comments-block .comment-container .comment-user{
    font-weight: bold;
    display: block;
    font-size: .8rem;
    margin-bottom: .4rem;
}
.comments-block .comment-container .comment-text{
    display: block;
    text-align: justify;
}
.comments-block .comment-container .comment-datetime{
    display: block;
    margin-top: 1rem;
    font-size: .7rem;
    font-style: italic;
}

.title-overflow{
    width: 90%!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ticket-list-container .card-body p{
    margin: 0px;
    padding: 0px;
}
.ticket-list-container .card-body p label{
    color:#555;
}

/* Tipologia di font per tipo di testo , da pdf di analisi /*/
.kib_menu_primo_livello{
    font-size: 1.375rem; /* NAV BAR 22px */
}

.kib_titolo_menu_servizio{
    font-size : 1.875rem; /* 30px */
}

.kib_voci_menu_servizio{
    font-size : 1.25rem; /* 20px */
}

.kib_titolo_secondo_livello{
    font-size: 2.625rem;/* 42px*/
}

.kib_titolo_primo_livello{
    font-size: 2.813rem;/* 42px*/
}

.kib_campi_testo{
    font-size: 1.25rem; /* 20px */
}

.kib_campi_testo_ricerca{
    font-size: 0.938rem !important;/* 15px */
}

.kib_campi_testo_news{
    font-size: 0.99rem !important;
}

.btn.btn-primary.kib_campi_testo_ricerca{
    font-size: 0.938rem !important;/* 15px */
}

.kib_titolo_terzo_livello{
    font-size: 1.4385rem; /* 23px */
}

.kib_barra_ricerca{
    font-size: 1rem;
    border-radius: unset !important;
}

.kib_date{
    margin-top: 0.2rem !important;
}

/* colori delle notifiche di sistema*/

.alert.alert-kib-alta
{
    background-color: #e94e1b;
    color: white;
    font-weight: bold;
}

.alert.alert-kib-media
{
    background-color: #f39200;
    color: white;
    font-weight: bold;
}

.alert.alert-kib-bassa
{
    background-color: #1c4d9e;
    color: white;
    font-weight: bold;
}

.alert.alert-kib-risolto
{
    background-color: #39A935;
    color: white;
    font-weight: bold;
}

.ticket_count_disabled{
    pointer-events: none;
    opacity: 0.4;
}

.card.card-promozioni{
    height: 17.5rem!important;
    border: 2px solid black;
}

.card.card-news{
    height: 22rem!important;
    border: 1px solid black;
}

ul.ul-kib {
    list-style: none; /* Remove default bullets */
}

ul.ul-kib li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #C7D56E; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.card.card-promozioni.ellipsis{
    /*display: -webkit-box;
    -webkit-box-orient: vertical;

    height: 240px;
    width: inherit;
    word-wrap: break-word;
    white-space: break-spaces;
    overflow-style: initial;
    font-size: medium;

    text-align: justify-all;
    align-self: center;
    align-items: center;
    justify-content: flex-end;
    padding: 4px 8px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}

.card-body.card-body-kib {
    display: -webkit-box!important;
    -webkit-line-clamp: 6 !important;
    -webkit-box-orient: vertical!important;
    text-overflow: ellipsis!important;
    overflow: hidden !important;
}

.highlighted {
    position: relative!important;
    z-index: 9998!important;
    /*box-shadow: 0 0 10px 6px rgba(0, 123, 255, 0.5) !important;*/
    box-shadow: 0 0 10px 6px #C7D56E !important;
    background-color: rgba(255,255, 255, 1)!important;
    border-radius: 60px!important;
    padding: 10px!important;
}

.modal.show .nav-link:not(.modal-footer .nav-link) {
    opacity: 1!important;
    z-index: auto!important;
}
.modal.hide .nav-link {
    opacity: 1!important;
}

@keyframes pulsate {
    0% { transform: scale(1); }
    50% { transform: scale(1.08); }
    100% { transform: scale(1); }
}

.navbar-nav .nav-link.highlighted,
.highlighted-div.highlighted {
    animation: pulsate 1s infinite;
}

.modal-dialog-centered
{
    min-height: calc(45% - var(--bs-modal-margin) * 2)!important;
}