@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

/******************************************************************************************************************/
/*                                                                                                                */
/*                                          APP                                                                   */
/*                                                                                                                */
/******************************************************************************************************************/

:root{

    --neg-primary: #4A525F;
    --neg-primary-hover: #3E444F;
    --neg-primary-contrast: #fff;

    --neg-info: #65BBD6;
    --neg-info-hover: #5BA9C2;
    --neg-info-contrast: #fff;

    --neg-warning-contrast: #fff;

    --neg-text: #505458;
    --neg-link-color: #0071c1;
    --neg-link-color-hover: #0a58ca;
    
    --neg-scrollbar-width: .4rem;
    --neg-scrollbar-border-radius: .5rem;
    --neg-scrollbar-track-color: #f1f1f1;
    --neg-scrollbar-thumb-color: #888;
    --neg-scrollbar-thumb-color-hover: #555;

    --bs-font-sans-serif: Calibri; /*, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

html { font-family: var(--bs-font-sans-serif); font-size: 16px; }
body { background: #f3f3f3; }


/* width */
::-webkit-scrollbar {
  width: var(--neg-scrollbar-width);
  height: var(--neg-scrollbar-width);
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: var(--neg-scrollbar-border-radius);
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--neg-scrollbar-thumb-color); 
  border-radius: var(--neg-scrollbar-border-radius);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--neg-scrollbar-thumb-color); 
}

.bg-primary{
    background-color: var(--neg-primary)!important;
}

.btn-primary{
    color: var(--neg-primary-contrast);
    border-color: var(--neg-primary);
    background-color: var(--neg-primary);
}
.btn-primary:hover, .btn-primary:focus{
    color: var(--neg-primary-contrast);
    border-color: var(--neg-primary-hover);
    background-color: var(--neg-primary-hover);
}
.btn-outline-primary{
    color: var(--neg-primary);
    border-color: var(--neg-primary);
}
.btn-outline-primary:hover, btn-outline-primary:focus {
    color: var(--neg-primary-contrast);
    background-color: var(--neg-primary-hover);
    border-color: var(--neg-primary-hover);
}
.bg-info{
    background-color: var(--neg-info)!important;
}
.btn-info{
    color: var(--neg-info-contrast);
    border-color: var(--neg-info);
    background-color: var(--neg-info);
}
.btn-info:hover, .btn-info:focus{
    color: var(--neg-info-contrast);
    border-color: var(--neg-info-hover);
    background-color: var(--neg-info-hover);
}
.btn-outline-info{
    color: var(--neg-info);
    border-color: var(--neg-info);
}
.btn-outline-info:hover, .btn-outline-info:focus {
    color: var(--neg-info-contrast);
    background-color: var(--neg-info-hover);
    border-color: var(--neg-info-hover);
}
.border-info{
    border-color: var(--neg-info)!important;
}


.btn-warning{
    color: var(--neg-warning-contrast);
}
.btn-warning:hover, .btn-warning:focus{
    color: var(--neg-warning-contrast);
}
.btn-outline-warning:hover, .btn-outline-warning:focus {
    color: var(--neg-warning-contrast);
}

table tr td { vertical-align: middle; }

h1:focus { outline: none; }

a, .btn-link, .text-link { color: var(--neg-link-color); }
a:hover, .btn-link:hover, .text-link:hover { color: var(--neg-link-color-hover); }

.content { min-height: calc(100vh - 6rem); position: relative; }

.valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; }

.invalid { outline: 1px solid red; }
.validation-message, .validation-symbol { color: red; }

.valid.modified:not([type=checkbox]),
.valid.no-validation, 
.invalid.no-validation { outline: none; }

#blazor-error-ui { background: lightyellow; bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); display: none; left: 0; padding: 0.6rem 1.25rem 0.7rem 1.25rem; position: fixed; width: 100%; z-index: 1000; }

#blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }

.blazor-error-boundary { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #e5403c; padding: 1rem 1rem 1rem 3.7rem; color: white; }

.blazor-error-boundary::after { content: "Si è verificato un errore." }

.alert.show { opacity: 1 }

.break-text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block }

*[data-tip]:hover, *[data-tip] { position: relative; }
*[data-tip]:hover:after { display: block; content: attr(data-tip); padding: 4px 8px !important; color: #fff; line-height: normal; position: absolute; left: 50%; bottom: 100%; top: unset; transform: translateX(-50%); margin: 0 0 .25rem 0; z-index: 99999999; font-size: 12px !important; white-space: nowrap; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: .5rem; background-color: #424a55; box-shadow: unset; background-image: unset; font-style: normal; }
*[data-tip]:hover:before:not(i) { content: ''; display: block; width: 0; height: 0; position: absolute; border-top: 8px solid #424a55; z-index: 99999999; border-left: 8px solid transparent; border-right: 8px solid transparent; left: 50%; bottom: 100%; transform: translateX(-50%); }

.text-dark { color: var(--neg-text)!important; }

.form-control.view-only {
    background-color: #efefef;
}

/******************************************************************************************************************/
/*                                                                                                                */
/*                                          UTILITY                                                               */
/*                                                                                                                */
/******************************************************************************************************************/

.bg-telefonata { background-color: red; }
.bg-appuntamento { background-color: #3a87ad; }
.bg-todo { background-color: orange; }
.bg-mail { background-color: green; }
.bg-preventivo { background-color: brown; }
.bg-caso { background-color: #65bbd6; }
.bg-appuntamentoexchange { background-color: #ffbd4f; }
.bg-migrazione { background-color: coral; }


/*COLOR FONT*/
.azzurro { color: #8BC0F5 !important }
.arancio { color: #FFA54C !important }
.black { color: #333 !important }
.blu { color: #4684B7 !important }
.grey { color: #4A525F !important }
.lightgrey { color: #bbb !important }
.green { color: #008C00 !important }
.red { color: #FF2626 !important }
.yellow { color: #FF9326 !important }
.brown { color: #6B4303 !important }

/*GENERICI*/
.clear { clear: both; display: block }
a:hover { cursor: pointer }
.no-after::after { content: none !important; }

.profile-image { border: 4px solid #f3f3f3; }

#wrapper.forced.enlarged .profile-info .w-profile-info { width: 100% !important; }

i.flip-vertical:before { transform: scaleY(-1); }

.visible-hover .visible-hover-target { visibility: hidden; }
.visible-hover:hover .visible-hover-target { visibility: visible; }

/******************************************************************************************************************/
/*                                                                                                                */
/*                                          BADGE PLATFORM                                                        */
/*                                                                                                                */
/******************************************************************************************************************/

.card-collegamento .button-dettaglio-collegamento.no-recapiti { display: none; }
.card-collegamento:hover .button-dettaglio-collegamento.no-recapiti { display: block; }

/******************************************************************************************************************/
/*                                                                                                                */
/*                                          BADGE PLATFORM                                                        */
/*                                                                                                                */
/******************************************************************************************************************/

.badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 10px; vertical-align: bottom; }
.badge.badge-Crm { background-color: #424a55; color: #fff; }
.badge.badge-HelpDesk, .badge.badge-warning { background-color: #FF9326; color: #fff; }
.badge.badge-Lease4Business,.badge.badge-success { background-color: #5CAD8D; color: #fff; }
    .badge.badge-Rent4Business, .badge.badge-info {
        background-color: #337ab7;
        color: #fff;
    }


/******************************************************************************************************************/
/*                                                                                                                */
/*                                          CRM NOTIFICA                                                          */
/*                                                                                                                */
/******************************************************************************************************************/

.crm-notifica-list { position: fixed; top: 60px; right: 10px; z-index: 2; }
.crm-notifica-list { position: fixed; top: 0%; right: 0%; z-index: 99999; padding: 1rem; font-size: 1rem }
.crm-notifica-list .crm-notifica { position: relative }
.crm-notifica-list .crm-notifica button { position: absolute; top: 5px; right: 5px; padding: 3px; font-size: 14px; background: none; border: none }


/******************************************************************************************************************/
/*                                                                                                                */
/*                                          CRM QUESTIONARIO                                                      */
/*                                                                                                                */
/******************************************************************************************************************/
.dati-contatto div { position: relative; }
.dati-contatto .validation-message { position: absolute; top: 100%; right: 10px; font-size: .75rem; }


/******************************************************************************************************************/
/*                                                                                                                */
/*                                          CRM TABLE                                                             */
/*                                                                                                                */
/******************************************************************************************************************/
.tbody-scrollable table tbody {
    display: block;
    overflow: auto;
}

.tbody-scrollable table thead, .tbody-scrollable table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;/* even columns width , fix width of table too*/
}

.tbody-scrollable table thead {
    width: calc( 100% - 1em );/* scrollbar is average 1em/16px width, remove it from thead width */
}

/******************************************************************************************************************/
/*                                                                                                                */
/*                                          CRM MODAL                                                             */
/*                                                                                                                */
/******************************************************************************************************************/
.min-height-modal{
    min-height: 325px;
}

/******************************************************************************************************************/
/*                                                                                                                */
/*                                          ELENCO ATTIVITà                                                       */
/*                                                                                                                */
/******************************************************************************************************************/
.form-check-input.radio-checkbox-icon:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}