:root {
    --color-primary: #22396E;
    --color-primary-alt: #0E3381;
    --color-primary-light: #1859DB;
    --color-primary-inverse: #4c88ff;
    /*--color-primary-lighter: #547CD3;*/
    --color-highlight: #dbe8ff;
    --color-col-highlight: #f3f3f3;
    --color-selected: #d6e9e9;
    --color-selectedrow: #000;
    --color-accent: #c75f5f;
    --color-ko: red;
    --color-btn-primary: #3b5897;
    --color-btn-primary-hover: #738dc6;
    --color-font-inverse: #999;
    --color-icon-ok: #45a56a;
    --color-icon-ko: #aa4747;
    --color-icon-alt: #aa4747;
    --color-icon-button: #0E3381;
    --color-icon-wildcard: #4559a5;
    --color-icon-waiting: #a4a545;
    --color-icon-add: #1859DB;
    --color-icon-delete: #aa4747;
    --color-icon-confirm: #45a56a;
    --color-icon-warning: #ffea00;
    --color-risposta-ok: #90c4a4;
    --color-risposta-ko: #c38d8d;
    --color-risposta-ok-highlight: #a4d9b8;
    --color-risposta-ko-highlight: #dda3a3;
    --color-bg-group-row1: #dbe8ff;
    --color-bg-group-row2: #a6c4ff;
    --color-bg-uat: #870f0f;
    --color-bg-dev: #118d41;
    --color-bg-message: #dbe8ff;
    --color-bg-form-button: #dbe8ff;
    --color-group-row1: #000;
    --color-group-row2: #000;
    --xx: #d6e9e9;
    --x: #1861ac;
}
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body {
    padding-top: 50px;
    padding-bottom: 20px;
    /* Margin bottom by footer height */
    margin-bottom: 20px;
}

    body.payment {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

        body.payment .public-payment {
            padding: 10px 20px;
            text-align: center;
        }

            body.payment .public-payment .buttons {
                text-align: center;
                margin-top: 20px;
            }

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

option.hidden {
    display: none;
}

section.hidden {
    display: none;
}

.empty-page-bg {
    position: absolute;
    top: 100px;
    right: 30px;
    bottom: 60px;
    left: 260px;
    background: url('images/Gost.png');
    background-repeat: no-repeat;
}

table.main-layout {
    width: 100%;
    border-collapse: collapse;
    border: none;
    margin: 0;
    padding: 0;
}

td.main-col-left {
    width: 240px;
    min-width: 240px;
    max-width: 240px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    /*    border: solid 1px transparent;
    border-right: solid 1px #999;
*/
}

td.main-col-right {
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    border: solid 1px transparent;
    border-left: solid 1px #999;
}


body div.messages-form-modal {
    position: absolute;
    top: -50px;
    right: 10px;
    max-width: 500px;
}

    body div.messages-form-modal .alert {
        padding-right: 50px;
        z-index: 100;
    }

        body div.messages-form-modal .alert .close {
            position: relative;
            left: 35px;
        }

        body div.messages-form-modal .alert div.exception {
            font-size: 75%;
            font-style: italic;
            text-transform: uppercase;
        }

        body div.messages-form-modal .alert span.msg {
            font-size: 75%;
            font-style: italic;
        }

        body div.messages-form-modal .alert ul {
            font-size: 75%;
            text-transform: uppercase;
        }



body div.messages {
    position: absolute;
    top: 50px;
    right: 10px;
    max-width: 500px;
}

    body div.messages .alert {
        padding-right: 50px;
        z-index: 100;
    }

        body div.messages .alert .close {
            position: relative;
            left: 35px;
        }

        body div.messages .alert div.exception {
            font-size: 75%;
            font-style: italic;
            text-transform: uppercase;
        }

        body div.messages .alert span.msg {
            font-size: 75%;
            font-style: italic;
        }

        body div.messages .alert ul {
            font-size: 75%;
            text-transform: uppercase;
        }

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

#menu-layout-pnl {
    min-height: calc(100vh - 160.5px);
}

    #menu-layout-pnl h1 {
        font-size: 18pt;
        margin-top: 30px;
        margin-bottom: 20px;
    }

#grid-layout-pnl {
    padding: 0 15px;
}

    #grid-layout-pnl .form-cnt {
        position: relative;
    }

        #grid-layout-pnl .form-cnt .form-buttons {
            position: absolute;
            top: 10px;
            right: -1px;
        }

    #grid-layout-pnl div.welcome-msg {
        padding: 20px;
        border: solid 1px #666;
        border-radius: 10px;
        display: inline-block;
        background-color: var(--color-risposta-ko);
    }

img.page-logo {
    position: absolute;
    top: 0;
    left: 20px;
    width: 62px;
    height: 80px;
}

.btn {
    border-radius: 1000px;
    padding: 0px 8px 2px 8px;
    border: solid 2px var(--color-btn-primary);
}

    .btn i {
        margin-right: 3px;
    }

    .btn:hover {
        background-color: var(--color-btn-primary-hover);
    }

    .btn a, .btn a:hover, .btn a:visited {
        color: black;
        text-decoration: none;
    }

.nobtn {
    border: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

#actions .btn i.fa-plus {
    color: var(--color-icon-add);
}

#actions .btn i.fa-times {
    color: var(--color-icon-delete);
}

#actions .btn i.fa-check {
    color: var(--color-icon-confirm);
}

.btn-primary {
    background-color: var(--color-btn-primary);
    color: #fff;
    border-color: var(--color-btn-primary);
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}
*/

.row.main-home-links {
    max-width: 100%;
}

.main-home-links {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
}

    .main-home-links div {
        display: inline-flex;
        margin-left: 30px;
        margin-right: auto;
    }

        .main-home-links div + div {
            margin-left: auto;
            margin-right: auto;
        }

        .main-home-links div:last-of-type {
            margin-left: auto;
            margin-right: 30px;
        }

.navbar-inverse {
    background-color: var(--color-primary);
    color: var(--color-font-inverse);
}

    .navbar-inverse.uat {
        background-color: var(--color-bg-uat) !important;
    }

    .navbar-inverse.dev {
        background-color: var(--color-bg-dev) !important;
    }

.navbar-fixed-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0 0 0 80px;
}

    .navbar-fixed-top div.hidden {
        display: none;
    }

.navbar-header {
    margin: 0;
    padding: 0;
    display: inline-block;
}

a.navbar-brand, .navbar-collapse ul li a {
    white-space: normal;
    text-align: center;
    word-break: break-all;
    color: var(--color-font-inverse);
    text-decoration: none;
}

    a.navbar-brand:hover, .navbar-collapse ul li a:hover {
        color: var(--color-font-inverse);
        text-decoration: none;
    }

.navbar-collapse, .navbar-collapse ul, .navbar-collapse ul li {
    display: inline-block;
    cursor: default;
    position: relative;
}

.navbar-login-info {
    position: absolute;
    right: 50px;
    bottom: 5px;
    display: inline-block;
}

    .navbar-login-info .ko {
        color: var(--color-ko);
    }

.navbar-collapse ul#wordpress-menu {
    position: absolute;
    background-color: white;
    border: solid 1px var(--color-primary);
    box-shadow: 0 .35rem .75rem rgba(0, 0, 0, .35);
    width: max-content;
    top: 26px;
    left: 0px;
}

    .navbar-collapse ul#wordpress-menu .collapse {
        display: none;
    }

    .navbar-collapse ul#wordpress-menu li {
        display: block;
        padding: 2px;
    }

        .navbar-collapse ul#wordpress-menu li:hover {
            background-color: var(--color-primary);
            color: var(--color-font-inverse);
        }


/***************************************/
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
/*
    background-color: #0E3381;
*/
/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}


.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */

footer {
    position: absolute;
    bottom: 0;
    white-space: nowrap;
    background-color: var(--color-primary);
    color: var(--color-font-inverse);
    width: 100%;
    height: 33px;
    padding: 3px 10px;
}

    footer .connection {
        float: right;
        color: var(--color-accent);
    }


/* HEADER */
.page-header {
    padding-bottom: 9.5px;
    margin: 0 0 10px 0;
}


/* FOOTER */
footer.footer {
    background-color: var(--color-primary);
    padding: 3px 10px;
}


.container {
    margin-left: inherit !important;
    margin-right: inherit !important;
    width: 100%;
}

div#logo-ryder-cup {
    text-align: left;
}

div#logo-fig {
    text-align: center;
}

div#logo-coni {
    text-align: right;
}

img#italy-rome-logo {
    width: 95px;
    height: auto;
}

img#logo {
    width: 228px;
    height: auto;
}

img#coni-logo {
    width: 138px;
    height: auto;
}

/* LEFT MENU BAR */

ul[role="navigation"] .fa,
ul[role="navigation"] .fab,
ul[role="navigation"] .fad,
ul[role="navigation"] .fal,
ul[role="navigation"] .far,
ul[role="navigation"] .fas {
    display: block;
}

.left-menu {
    position: relative;
    font-size: 13px;
}

    .left-menu a, .left-menu a:hover, .left-menu a:visited {
        text-decoration: none;
        color: #555;
        cursor: pointer;
    }

    .left-menu div.disabled {
        display: none;
        color: #bbb;
    }

    .left-menu span.inactive {
        color: #bbb;
        cursor: pointer;
    }

    .left-menu ul {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
        list-style: none;
    }
        /* sub level */
        .left-menu ul.sub-menu {
            font-size: 12px;
            font-weight: normal;
            display: none;
        }

            .left-menu ul.sub-menu li {
                white-space: nowrap;
            }

                .left-menu ul.sub-menu li a {
                    display: block;
                    padding: 2px 10px;
                    color: #444;
                }

.has-subs {
    font-weight: bold !important;
    position: relative;
}

    .has-subs i {
        position: absolute;
        right: 2px;
        top: 1px;
        font-size: 1.2rem;
    }

#main-title {
    display: block;
    text-align: center;
    background-color: var(--color-primary);
    color: white;
    margin-top: 80px;
    font-size: 30px;
    /*font-weight: bold;*/
    padding-top: 6px;
    padding-bottom: 6px;
}

/*
.left-menu ul li:hover ul.sub-menu {
	display: block;
}
*/
/* TOP MENU BAR */
.top-main-menu, .left-menu {
    font-size: 14px;
    font-family: "Lato", "Montserrat", sans-serif;
    font-weight: bold;
    color: #555;
    overflow: auto;
    max-height: calc(100vh - 187px);
}

    .left-menu div span, .left-menu div a {
        display: inline-block;
        width: 100%;
        cursor: default;
        margin: 0;
        padding: 2px;
    }

        .left-menu div span:hover, .left-menu div a:hover {
            cursor: default;
            background-color: var(--color-primary);
            color: var(--color-font-inverse);
        }

.sub-menu {
    font-weight: normal;
    padding-left: 10px;
}

.sub-sub-menu {
    font-weight: normal;
    padding-left: 20px;
}

.top-main-menu a, .top-main-menu a:hover, .top-main-menu a:visited {
    text-decoration: none;
    color: #555;
    cursor: pointer;
}

/* main level */

.top-main-menu ul {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    list-style: none;
    float: left;
    border-bottom: solid 1px #c2c2c2;
}

    .top-main-menu ul li {
        position: relative;
        float: left;
    }

        .top-main-menu ul li a {
            display: inline-block;
            padding: 10px;
        }



    /* level 2 - dropdown */

    .top-main-menu ul.sub-menu {
        font-weight: normal;
        display: none;
        width: auto;
        float: none;
        position: absolute;
        top: 40px;
        z-index: 1000;
        background-color: #333;
    }

    .top-main-menu ul.dropdown li {
        position: relative;
        float: none;
        white-space: nowrap;
    }

        .top-main-menu ul.dropdown li a {
            display: block;
            padding: 2px 10px;
            color: #c6c6c6;
        }

    .top-main-menu ul.sub-menu li a:hover {
        background-color: black;
    }

    .top-main-menu ul li:hover ul.dropdown {
        display: block;
    }

    /* level 3 - fly-out */
    .top-main-menu ul.sub-menu ul.fly-out {
        display: none;
        position: absolute;
        left: 200px;
        top: 1.5em;
        background-color: #777;
    }

    .top-main-menu ul.dropdown li:hover ul.fly-out {
        display: block;
    }






div.page-header h1 {
    font-size: 26px;
    font-weight: bold;
}

div.left-column {
    max-width: 220px;
}

    div.left-column ul.tree {
        padding-left: 0px;
    }

        div.left-column ul.tree ul {
            padding-left: 10px;
        }

        div.left-column ul.tree li {
            display: inline-block;
            width: 100%;
            font-size: 13px;
            list-style: none;
            color: #555;
        }

            div.left-column ul.tree li a {
                display: inline-block;
                width: 100%;
                text-decoration: none;
            }

                div.left-column ul.tree li a:hover {
                    background-color: #e2e2e2;
                }


.view-grid-x {
    border: solid 1px red;
}

div.entity-grid-container {
    overflow: auto;
    max-height: calc(100vh - 270px);
    max-width: calc(100vw - 270px);
}

div.subgrid div.entity-grid-container {
    max-width: calc(100vw - 315px);
}

div.entity-grid-container.iscrizioni-gara {
    max-height: calc(100vh - 255px);
}

    div.entity-grid-container.iscrizioni-gara table.entity-list-view {
        margin-bottom: 50px;
    }

div.entity-grid-container table.entity-list-view {
    /*font-size: 12px;*/
}

    div.entity-grid-container table.entity-list-view thead,
    div.entity-grid-container-lookup table.entity-list-view-lookup thead {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }

    div.entity-grid-container table.entity-list-view tr th {
        background-color: var(--color-primary-alt);
        position: relative;
        margin: 0;
        padding: 2px !important;
        text-align: left;
        min-width: 25px;
    }

        div.entity-grid-container table.entity-list-view tr th.centered .th-wrapper {
            display: inline-block;
            text-align: center;
        }



    div.entity-grid-container table.entity-list-view th a {
        display: inline-block;
        padding: 2px 6px;
        width: 100%;
        height: 100%;
        color: white;
    }

    div.entity-grid-container table.entity-list-view tr th:hover {
        background-color: var(--color-primary-light);
    }

    div.entity-grid-container table.entity-list-view tbody tr:hover {
        background-color: var(--color-highlight);
    }

        div.entity-grid-container table.entity-list-view tbody tr:hover td.highlighted {
            background-color: transparent;
        }

    div.entity-grid-container table.entity-list-view tbody tr.gv-row-selected {
        background-color: var(--color-selectedrow);
        color: #fff;
    }


div.entity-grid-container-lookup {
    overflow: auto;
    max-height: 400px;
}

    div.entity-grid-container-lookup table.entity-list-view-lookup {
        /*font-size: 12px;*/
        width: 100%;
    }

        div.entity-grid-container-lookup table.entity-list-view-lookup tr:hover {
            background-color: var(--color-highlight);
            cursor: default;
        }

        div.entity-grid-container-lookup table.entity-list-view-lookup tr th {
            background-color: var(--color-primary-alt);
            position: relative;
            margin: 0;
            padding: 1px !important;
            cursor: default;
        }

        div.entity-grid-container-lookup table.entity-list-view-lookup th a {
            display: inline-block;
            padding: 2px 6px;
            width: 100%;
            height: 100%;
            color: white;
        }

        div.entity-grid-container-lookup table.entity-list-view-lookup tr th:hover {
            background-color: var(--color-primary-light);
        }

table.entity-list-view td.icon {
    padding: 0;
}

    table.entity-list-view td.icon i.fas {
        font-size: 1.3rem;
        margin: 0;
    }

    table.entity-list-view td.icon i.fa-check-square {
        color: var(--color-icon-ok);
    }

    table.entity-list-view td.icon i.fa-hourglass-end {
        color: var(--color-icon-waiting);
    }

    table.entity-list-view td.icon i.fa-address-card {
        color: var(--color-icon-wildcard);
    }

    table.entity-list-view td.icon i.fa-window-close {
        color: #aa4747;
    }

    table.entity-list-view td.icon i.fa-times {
        color: var(--color-icon-ko);
    }

    table.entity-list-view td.icon i.fa-undo {
        color: var(--color-icon-waiting);
    }

    table.entity-list-view td.icon.stato-iscrizione i.fa-clipboard-check {
        color: var(--color-icon-waiting);
    }

    table.entity-list-view td.icon.stato-pagamento i.fa-check {
        color: var(--color-icon-ko);
    }

        table.entity-list-view td.icon.stato-pagamento i.fa-check.pagato {
            color: var(--color-icon-ok);
        }

    table.entity-list-view td.icon.pay,
    table.entity-list-view td.icon.link-pay {
        padding-left: 3px;
        padding-right: 3px;
    }

        table.entity-list-view td.icon.pay i.fa-credit-card,
        table.entity-list-view td.icon.link-pay i.fa-share-square {
            color: var(--color-icon-button);
        }

            table.entity-list-view td.icon.pay i.fa-credit-card:hover,
            table.entity-list-view td.icon.link-pay i.fa-share-square:hover {
                color: white;
                background-color: var(--color-icon-button);
            }

    table.entity-list-view td.icon.pay-mybank i.fa-credit-card:hover {
        color: white;
        background-color: var(--color-icon-button);
    }

    table.entity-list-view td.icon.pay-mybank img.fa-credit-card {
        width: 40px;
    }

        table.entity-list-view td.icon.pay-mybank img.fa-credit-card:hover {
            color: white;
            background-color: var(--color-icon-button);
        }

    table.entity-list-view td.icon.cancella i:hover {
        color: white;
        background-color: var(--color-icon-ko);
    }

table.entity-list-view td.row-selector i.fa-edit:hover {
    color: black;
    background-color: #bbb;
}

table.entity-list-view td.row-selector i.fa-times {
    font-size: 1.3rem;
    margin: 0;
    color: var(--color-icon-ko);
}


.section-landing {
    background: linear-gradient(transparent, transparent) !important;
    background-size: cover;
}

.custom-jump {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    cursor: default;
}

    .custom-jump:hover {
        background-color: var(--color-primary-light);
        color: #fff;
    }


/*** PANNELLO DEI FILTRI SULLE GRIGLIE ***/
#entitylist-filters {
    position: relative;
    padding: 0;
    font-size: 12px;
    min-height: 3em;
}

    #entitylist-filters.collapse:not(.show) {
        display: none;
    }

    #entitylist-filters form {
        padding: 0;
        margin: 0;
    }

    #entitylist-filters .filter-group {
        display: inline-block;
        margin-right: 20px;
    }

        #entitylist-filters .filter-group.excel {
            margin-left: 20px;
        }

    #entitylist-filters .lbl {
        display: inline-block;
        padding-right: 8px;
    }

    #entitylist-filters input[type='text'] {
        padding: 2px 4px;
        max-width: 120px;
    }

        #entitylist-filters input[type='text'].medium {
            /*max-width: 100px;*/
        }

        #entitylist-filters input[type='text'].medium-small {
            max-width: 100px;
        }

        #entitylist-filters input[type='text'].small {
            max-width: 50px;
            font-size: inherit;
        }

        #entitylist-filters input[type='text'].calendar {
            max-width: 70px;
            font-size: inherit;
        }

    #entitylist-filters form#lookupFilterForm .filter-group input[name="fig_numero_tessera"] {
        width: 4em;
    }

    #entitylist-filters select {
        padding: 2px 4px;
        max-width: 120px;
    }

        #entitylist-filters select.medium {
            max-width: 150px;
        }


.entitylist-filters-toggle {
    display: none;
}

button.btn-default {
    border: solid 1px var(--color-btn-primary);
    border-radius: 5px;
}

    button.btn-default:hover {
        border: solid 1px var(--color-btn-primary-hover);
    }

.grid-actions {
    display: inline-block;
    position: absolute;
    right: 0;
    top: -41px;
}

    .grid-actions .pull-right {
        top: 24px;
        right: 8px;
        background-color: transparent;
    }

.entitylist-download {
    background-color: transparent;
    border: solid 1px var(--color-primary-light);
    border-radius: 5px;
    padding: 2px 5px 5px 5px;
}

    .entitylist-download img {
        width: 20px;
        height: auto;
        margin: 0;
    }



/* ENTITY LIST VIEW + MULTISELECT (custom rendering) */
table.entity-list-view,
table.entity-list-view-lookup {
    font-size: 12px;
}

.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    padding: 0px;
    line-height: 1.42857;
}

.table.dettaglio-buche > thead > tr > th,
.table.dettaglio-buche > thead > tr > td,
.table.dettaglio-buche > tbody > tr > th,
.table.dettaglio-buche > tbody > tr > td,
.table.dettaglio-buche > tfoot > tr > th,
.table.dettaglio-buche > tfoot > tr > td {
    padding: 0.75rem;
}


table.entity-list-view tbody tr.active,
table.entity-list-view-lookup tbody tr.active {
    background-color: var(--color-highlight);
}

    table.entity-list-view tbody tr.active td,
    table.entity-list-view-lookup tbody tr.active td {
        background-color: var(--color-selected) !important;
    }

table.entity-list-view input[type="checkbox"],
table.entity-list-view-lookup input[type="checkbox"] {
    margin: 0.2em 5px 0 5px;
    padding: 0;
}

table.entity-list-view i,
table.entity-list-view-lookup i {
    padding: 4px;
}

table.entity-list-view th i.far,
table.entity-list-view-lookup th i.far {
    color: #4d77ca !important;
    font-size: 14px;
}

table.entity-list-view tr i.far,
table.entity-list-view-lookup tr i.far {
    color: #bbbbbb;
}

table.entity-list-view i.fas,
table.entity-list-view-lookup i.fas {
    color: rgb(57, 211, 57);
}

table.entity-list-view td.disabled i,
table.entity-list-view-lookup td.disabled i {
    color: #eee;
}

table.entity-list-view thead tr,
table.entity-list-view-lookup thead tr {
    height: 100%;
    font-weight: bold;
}

table.entity-list-view tbody tr.group {
    background-color: var(--color-bg-group-row1);
    font-weight: bold;
    color: var(--color-group-row1);
}

table.entity-list-view tbody tr.sep {
    border-top: solid 1px #b0b0b0;
}

table.entity-list-view tbody tr.group td.highlighted {
    background-color: transparent !important;
}

table.entity-list-view tbody tr.total {
    background-color: var(--color-bg-group-row2);
    font-weight: bold;
    color: var(--color-group-row2);
}

    table.entity-list-view tbody tr.total td.highlighted {
        background-color: transparent !important;
    }

table.entity-list-view tr th,
table.entity-list-view-lookup tr th {
    background-color: #0E3381;
    position: relative;
    margin: 0;
    padding: 2px 6px !important;
    color: white;
    height: 100%;
}

    table.entity-list-view tr th button,
    table.entity-list-view-lookup tr th button {
        color: white;
        text-align: left;
        text-decoration: none;
        font-weight: bold;
    }

    table.entity-list-view tr th:not(.sideways) .th-wrapper,
    table.entity-list-view-lookup tr th:not(.sideways) .th-wrapper {
        padding: 4px 0 8px 6px;
        display: flex;
        width: 100%;
        height: 100%;
        color: white;
        /*text-align: left;*/
        text-decoration: none;
        font-weight: bold;
    }

    table.entity-list-view tr th button i,
    table.entity-list-view-lookup tr th button i {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    table.entity-list-view tr th a:hover,
    table.entity-list-view-lookup tr th a:hover {
        text-decoration: none;
    }

    table.entity-list-view tr th:hover,
    table.entity-list-view tr th:hover {
        background-color: #1859DB;
    }

table.entity-list-view tr td,
table.entity-list-view-lookup tr td {
    padding: 2px 6px;
    white-space: nowrap;
}

    table.entity-list-view tr td.r-ok {
        background-color: var(--color-risposta-ok);
    }

    table.entity-list-view tr td.r-ko {
        background-color: var(--color-risposta-ko);
    }

table.entity-list-view tr:hover td.r-ok {
    background-color: var(--color-risposta-ok-highlight);
}

table.entity-list-view tr:hover td.r-ko {
    background-color: var(--color-risposta-ko-highlight);
}

table.entity-list-view tfoot,
table.entity-list-view tfoot th,
table.entity-list-view tfoot td,
table.entity-list-view-lookup tfoot,
table.entity-list-view-lookup tfoot th,
table.entity-list-view-lookup tfoot td {
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 4;
}

.th-wrapper {
    display: flex;
}

    .th-wrapper span {
        margin: auto 0 0 0;
    }

td .highlighted {
    background-color: var(--color-col-highlight);
}

td .centered {
    text-align: center;
}

td .number {
    text-align: right;
}

input.number {
    text-align: left;
}

td .td-gara {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

td .td-motivazione {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

td.td-esecutore {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

td.centered, th.centered {
    text-align: center;
}

td.number, th.number {
    text-align: right;
}

td.best span {
    font-weight: bold;
    display: inline-block;
    padding: 0 2px;
    border: solid 1px #999;
    border-radius: 5px;
}

#lookupPagingForm {
    border-top: solid 1px #999;
}

table.entity-list-view tfoot td.paging,
table.entity-list-view-lookup tfoot td.paging {
    padding-top: 10px;
    border-top: solid 3px #ddd;
    text-align: right;
}

    table.entity-list-view tfoot td.paging .nav-btn,
    table.entity-list-view-lookup tfoot td.paging .nav-btn {
        font-size: 140%;
        color: #444;
        vertical-align: middle;
    }


        table.entity-list-view tfoot td.paging .nav-btn.disabled,
        table.entity-list-view-lookup tfoot td.paging .nav-btn.disabled {
            font-size: 140%;
            color: var(--color-font-inverse);
            vertical-align: middle;
        }

    table.entity-list-view tfoot td.paging .current-page-number,
    table.entity-list-view-lookup tfoot td.paging .current-page-number {
        font-size: 120%;
        font-weight: bold;
        vertical-align: middle;
    }

    table.entity-list-view tfoot td.paging .rows-per-page,
    table.entity-list-view-lookup tfoot td.paging .rows-per-page {
        display: inline-block;
        margin-right: 100px;
        float: left;
    }

        table.entity-list-view tfoot td.paging .rows-per-page select,
        table.entity-list-view-lookup tfoot td.paging .rows-per-page select {
            height: inherit;
        }

.sideways {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    width: 33px;
    height: 138px;
    vertical-align: top;
    font-family: century gothic;
}

#lookupModal #lookupModalBody {
    padding-top: 5px;
    padding-bottom: 0;
}

#lookupModal .modal-header {
    padding-top: 2px;
    padding-bottom: 2px;
}

#lookupModal .modal-footer {
    padding-top: 2px;
    padding-bottom: 2px;
}

table.entity-list-view thead tr th.header-multiselect {
    text-align: center;
}

    table.entity-list-view thead tr th.header-multiselect i.far {
        color: white !important;
        font-size: 16px;
        margin: 0;
    }


/* PANNELLO DEI FILTRI SULLE VIEWS*/
div.entitylist-filter {
    margin: 0;
    padding: 0;
}

    div.entitylist-filter .panel-body {
        position: relative;
        margin: 0 0 0 0;
        padding: 0;
    }

.entitylist-filter-option-group-label {
    font-size: 14px !important;
    font-weight: bold;
    margin: 0;
}

.pull-right {
    position: absolute;
    top: 6px;
    right: 40px;
    /*
	float: right;
	*/
}

.input-group-addon {
    padding: 0 4px;
    margin: 0;
}

.input-group-addon {
    line-height: normal;
}

.entitylist-filter-option-text .form-control {
    height: 25px;
    padding: 0 10px;
    font-size: 14px;
}

/*input-group entitylist-filter-option-text*/


/*  ACTION BUTTONS and CONTROLS  */
.action-pnl {
    position: relative;
    background-color: #ddd;
    padding: 4px 10px;
    margin-right: -15px;
}

    .action-pnl a.action {
        padding: 2px 6px;
        border-radius: 5px;
    }

    .action-pnl .xrm-editable-html /*xrm-attribute*/ {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .action-pnl .xrm-attribute-value {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .action-pnl .disabled {
        cursor: default;
    }

    .action-pnl span.action-group {
        margin-right: 10px;
    }

        .action-pnl span.action-group span.delete {
            color: darkred;
        }

            .action-pnl span.action-group span.delete input {
                color: darkred;
            }

        .action-pnl span.action-group span.back, .buttons.action-pnl span.back {
            border-color: transparent;
        }

        .action-pnl span.action-group .action i.fa-exclamation-triangle {
            color: var(--color-icon-ko);
            font-size: 0.9rem;
        }

        .action-pnl span.action-group .action img {
            width: 40px;
        }

        .action-pnl span.action-group .tess-warning {
            color: var(--color-ko);
            font-size: 0.8rem;
        }

        .action-pnl span.action-group span.tot {
            display: inline-block;
            padding: 2px 5px;
            background-color: var(--color-primary-inverse);
            font-size: 0.8rem;
            font-weight: bold;
            border-radius: 4px;
        }

span#btn-save i.fa-exclamation-triangle {
    color: var(--color-icon-ko);
    font-size: 0.9rem;
}

span.save-disabled-msg {
    color: var(--color-icon-ko);
}


/*  ODM  */
.page-heading-odm div h1 {
    color: #22396E;
    font-size: 40px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
}


/*** LOGIN ************/
form.login-form .input-group input {
    padding-left: 8px;
}

.card {
    margin-top: 50px;
    margin-bottom: auto;
    width: 400px;
    background-color: #22396E20 !important;
}

.sponsor {
    width: 200px;
    height: 100%;
    margin: auto 0 auto 20px;
}

.input-group-prepend span {
    width: 30px;
    background-color: #22396E; /*#FFC312;*/
    color: white;
    border: 0 !important;
    margin: 0;
    padding: 0;
}

    .input-group-prepend span i {
        width: 100%;
    }

input:focus, select:focus {
    /*outline: 0 0 0 0 !important;*/
    outline: none !important;
    box-shadow: 0 .15rem .55rem rgba(24, 25, 29, 0.30) !important;
}

.remember {
    color: white;
}

    .remember input {
        width: 20px;
        height: 20px;
        margin-left: 15px;
        margin-right: 5px;
    }

.login_btn {
    color: white;
    background-color: #22396E;
    width: 100px;
}

    .login_btn:hover {
        color: white;
        background-color: #20376D;
    }

.links {
    color: white;
}

    .links a {
        margin-left: 4px;
    }

.data-grid {
    font-size: 14px;
    font-weight: normal;
    table-layout: fixed;
    border-collapse: separate;
}

    .data-grid th {
        background-color: #22396E;
        color: #ddd;
        border: solid 1px transparent;
        padding: 2px 4px;
    }

    .data-grid td {
        white-space: nowrap;
        padding: 2px 4px;
    }



/***  DYNAMIC FORMS  ***************************************/
div.form-header {
    position: relative;
    margin: 0 -15px;
    padding: 2px;
}

    div.form-header h2 {
        font-size: 32px;
        font-size: calc(8px + 1.5vw);
        padding-left: 10px;
    }

    div.form-header .btn-form-save {
        position: absolute;
        top: 55px;
        right: 15px;
        z-index: 100;
    }

        div.form-header .btn-form-save i {
            font-size: 18px;
        }

div.form-tabs {
    position: relative;
    padding: 0;
    margin: 0 -15px 10px -15px;
}

    div.form-tabs ul {
        /*display: inline-block;*/
        list-style: none;
        margin: 0;
        padding: 0;
    }

        div.form-tabs ul li {
            display: inline-block;
            margin-right: 10px;
            padding: 2px 5px;
            font-weight: 500;
            border-bottom: solid 4px transparent;
            cursor: default;
        }

            div.form-tabs ul li:hover {
                background-color: antiquewhite;
            }

            div.form-tabs ul li.selected {
                border-bottom: solid 4px #3b5897;
            }

div.scrollable-pnl {
    overflow: auto;
    margin: 0 -15px;
}

    div.scrollable-pnl div.hidden {
        display: none;
    }

    div.scrollable-pnl div.tab-content {
        font-size: 14px;
    }

        div.scrollable-pnl div.tab-content section {
            border: solid 1px #999;
            margin-bottom: 10px;
            min-height: 50px;
            padding: 5px;
        }

            div.scrollable-pnl div.tab-content section .title {
                font-size: 1.21429rem;
            }

            div.scrollable-pnl div.tab-content section .row {
                margin: 0;
            }

                div.scrollable-pnl div.tab-content section .row div.col-6:first-of-type {
                    padding-right: 40px;
                }

                div.scrollable-pnl div.tab-content section .row div.col-6:last-of-type {
                    padding-left: 40px;
                }

div.modal-content div.scrollable-pnl div.tab-content .property {
    min-height: 70px;
}

.modal-form div.scrollable-pnl div.tab-content .section-container .property .control input {
    max-width: 80%;
}

div.send-payment-form div.scrollable-pnl div.tab-content .property {
    min-height: auto;
}

div.modal-body #payment-link {
    border: solid 1px #888;
    font-size: 0.9rem;
    font-family: 'Courier New';
    padding: 4px;
    background-color: var(--color-highlight);
    position: relative;
}

    div.modal-body #payment-link span {
        overflow-wrap: break-word;
    }

    div.modal-body #payment-link i {
        position: absolute;
        top: 3px;
        right: 3px;
        padding: 5px;
        color: var(--color-primary-inverse);
    }

        div.modal-body #payment-link i:hover {
            background-color: var(--color-primary);
        }

div.scrollable-pnl div.property {
    min-height: 44px;
    border-bottom: solid 1px rgb(216, 216, 216);
    padding: 10px 0;
}

    div.scrollable-pnl div.property i.fa-check {
        display: inline-block;
        margin-left: 10px;
        color: var(--color-risposta-ok);
        position: absolute;
        top: 13px;
        font-size: 1.3rem;
    }

        div.scrollable-pnl div.property i.fa-check.hidden {
            display: none;
        }

    div.scrollable-pnl div.property .lbl {
        display: inline-block;
        min-width: 200px;
        vertical-align: top;
    }

    div.scrollable-pnl div.property span.textbox {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        font-weight: normal;
        display: inline-block;
        /*height: 28px;*/
        border: solid 1px #c7c7ce;
        border-radius: 5px;
        padding: 2px 3px;
        min-height: 28px;
    }

        div.scrollable-pnl div.property span.textbox.disabled {
            color: rgb(109, 109, 109) !important;
        }

}

div.scrollable-pnl div.property .subgrid .sub-buttons-pnl {
    background-color: var(--color-bg-form-button);
    padding: 4px 8px;
}

div#formModalBody div.scrollable-pnl div.property .lbl {
    width: 200px;
}

div#formModalBody #property_Correzione {
    min-height: 70px;
}

div#formModalBody #note {
    min-width: 300px;
}


div.control {
    display: inline-block;
    width: calc(100% - 210.5px);
    font-weight: bold;
}

    div.control div.entity-grid-container {
        font-weight: normal;
    }

    div.control span.active-control label {
        margin-right: 20px;
    }

    div.control.with-icon {
        padding-right: 28px;
    }

/* ALERTS */
.alert-danger {
    color: #721c24 !important;
    background-color: #ff808b !important;
    border-color: #dc6e77 !important;
}

.missing-field li {
    padding-right: 10px;
    cursor: default;
}

    .missing-field li:hover {
        background-color: #aa4747;
    }

/*COMMON CONTROL*/
.loading-cnt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(252, 252, 252, 0.5);
}

    .loading-cnt.fixed {
        position: fixed;
    }

.cgk-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.modal-dialog {
    width: auto;
    max-width: 90%;
}

    .modal-dialog.wider {
        width: auto;
        max-width: 900px;
    }

    .modal-dialog.ultrawide {
        width: auto;
        /*max-width: calc(100vw - 300px);*/
        max-width: 100%;
        margin-left: 15%;
        margin-right: 15%;
    }

    .modal-dialog.dettaglio-buche {
        width: auto;
        max-width: 100%;
        min-width: 1100px;
        margin-left: 5%;
        margin-right: 5%;
        left: 5%;
        top: 31%;
    }
/*    .modal-dialog.nexi {
        width: auto;
        max-height: 400px !important;
        height: 400px !important;
    }
    .modal-dialog.nexi .modal-content{
        height: 60% !important;
    }
        .modal-dialog.nexi .wrapper {
            height: 60% !important;
        }
*/

div.nexi-blocker {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

    div.nexi-blocker .msg-container {
        position: relative;
        background-color: #bbb;
        filter: alpha(opacity=100);
        opacity: 1;
        -moz-opacity: 1;
        margin: auto;
        margin-top: 200px;
        border: 3px solid #006;
        border-radius: 10px;
        width: 450px;
        height: 100px;
        padding: 10px;
    }

    div.nexi-blocker button {
        position: absolute;
        bottom: 5px;
        right: 5px;
    }

div.alpha-layer {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: Black;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity: 0.8;
}

#passaggio-ga .property {
    width: 100%;
}

    #passaggio-ga .property .control input#motivazione {
        width: 100%;
    }


.menu-active {
    background-color: #22396E;
    color: white !important;
}

.ui-widget.ui-widget-content {
    border-radius: 10px !important;
    border-color: transparent;
    padding: 0;
    box-shadow: 0 .25rem 2rem rgba(0, 0, 0, .5);
}

.ui-dialog .ui-dialog-titlebar {
    /* padding: .4em 1em; */
    position: relative;
    background-color: var(--color-primary);
    color: #fff;
    border: none;
}

.ui-dialog .ui-dialog-buttonpane {
    margin-top: .5em;
    padding: 0;
}

    .ui-dialog .ui-dialog-buttonpane button {
        margin: .5em .4em .5em 0;
        font-size: 10pt;
        text-transform: uppercase;
        padding-top: 2px;
        padding-bottom: 0;
        cursor: pointer;
    }

:focus {
    outline: none !important;
}

::-moz-focus-inner {
    border: 0 !important;
}

.center-div {
    width: 120px;
    height: 120px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -60px;
    margin-top: -60px;
}

.page-spinner {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.popup-page-spinner {
    position: absolute;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.loader {
    margin: auto;
    border: 16px solid #eee;
    border-radius: 50%;
    border-top: 16px solid #0E3381;
    border-bottom: 16px solid #0E3381;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.modal-content {
    width: 90%;
    left: initial;
}

.modal-content .loader {
    width: 60px;
    height: 60px;
    border-width: 10px;
}

.modal-content .center-div {
    width: 60px;
    height: 60px;
    margin-top: -40px;
}


.inner-div {
    background-color: white;
    border-radius: 32px;
    margin: auto;
    padding: 10%;
    display: inline-block;
}

.modal-content .inner-div {
    border-radius: 20px;
}


@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/** REPORT VIEWER*/

#report-viewer-container {
    background-color: #eee;
    border: solid 2px #ccc;
    height: calc(100vh - 145px);
    text-align: center;
    line-height: calc(100vh - 145px);
    font-size: 1.5rem;
}


.nexi-frame {
    width: 100%;
    height: calc(100vh - 100px);
}

.nexi-frame-modal {
    width: 100%;
    height: calc(100vh - 200px);
}

/** start stampa tessera */
div.stampa-tessera {
    background-image: url(images/sfondo-big.png);
    background-size: cover;
    border-radius: 24px;
    width: 506px;
    height: 319px;
    position: relative;
    /*font-family: "Helvetica Neue",sans-serif;*/
    /*font-family: "Ar",sans-serif;*/
}


    div.stampa-tessera p {
        font-family: "Tahoma", sans-serif;
        letter-spacing: 1.2px;
    }
.continer-for-tipo-tesserato-nome-tessera-hcp {
    position: relative;
    top: 179px;
    left: 0px;
    width: 304px;
    height: 76px;
}

    .continer-for-tipo-tesserato-nome-tessera-hcp > div {
        font-size: 11px;
        padding-left: 20px;
        height: 25px;
        width: 100%;
        line-height: 38px;
        font-weight: 600;
    }

.stampa-tessera-data {
    position: absolute;
    background: none;
    color: white;
    font-weight: 400;
    font-size: 11px;
}

.stampa-tessera-anno, .stampa-tessera-TimeStampPDF {
    display: -webkit-box;
    top: 20px;
    position: relative;
    color: white;
    font-size: 14px;
    font-weight: 600;
}

.stampa-tessera-nominativo {
    top:25px;
    font-size: 15px !important;
    
}
/*.stampa-tessera-tipo-tesserato {

}*/
.stampa-tessera-tessera-hcp {
    top: 50px;
    font-weight: 700;
}

.stampa-tessera-anno_dataPDF {
    display: flex;
    display: -webkit-box;
    padding-left: 20px;
    justify-content: space-between;
    -webkit-box-pack: justify;
    padding-right: 20px;
    height: 40px;
}

.stampa-tessera-Main-sponsor {
    /*    top: 200px;
    left: 382px;
    font-family: "Tahoma", sans-serif;
    font-weight: 100;
    width:250px;
    text-align:center;*/
    top: 200px;
    left: 322px;
    font-family: "Tahoma", sans-serif;
    font-weight: 100;
    width: 200px;
    text-align: center;
}
   

    #stampa-tessera-Logo_DS_Automobiles, #stampa-tessera-Logo_FIG {
        position: absolute;
        width: auto;
        height: auto;
    }

#stampa-tessera-Logo_DS_Automobiles {
    max-width: 100px;
    max-height: 95px;
    top: 229px;
    left: 374px;
    bottom: 0px;
    right: 0px;
}

#stampa-tessera-Logo_FIG {
    max-width: 200px;
    max-height: 95px;
    top: 40px;
    left: 153px;
}
/*end tessera*/

/** start stampa tesserapdf */

.continer-for-tipo-tesserato-nome-tessera-hcppdf {
    position: relative;
    top: 170px;
    left: 0px;
    width: 304px;
    height: 76px;
}

    .continer-for-tipo-tesserato-nome-tessera-hcppdf > div {
        font-size: 11px;
        padding-left: 20px;
        height: 25px;
        width: 100%;
        line-height: 38px;
        font-weight: 600;
    }


.stampa-tessera-annopdf, .stampa-tessera-TimeStampPDFpdf {
    display: -webkit-box;
    top: 10px;
    position: relative;
    color: white;
    font-size: 14px;
    font-weight: 600;
}

.stampa-tessera-nominativopdf {
    top: 20px;
    font-size: 15px !important;
}

.stampa-tessera-tessera-hcppdf {
    top: 50px;
    font-weight: 700;
}

/*end tessera*/



/*start stampa tessera d'elite*/
.stampa-tesseraDElite {
    background-image: url(images/Nuova-Tessera-Elite-solo-layout-OKK.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 502px;
    width: 326px;
    position: absolute;
    /*letter-spacing: -0.5px !important;*/
}

    .stampa-tesseraDElite > div {
        margin-bottom: 2px;
        padding: 0px !important;
        width: 100%;
        padding: 4px;
        color: white;
        background-image: none;
        height: 30px;
        font-family: 'HelveticaNeue-CondensedBold', sans-serif;
        font-weight: 700;
    }
.stampa-tesseraDElite > div > label {
    width: 100%;
    text-align: center;
    padding: 4px 15px 4px 15px ;
}

.stampa-tesseraDElite-anno {
    position: absolute;
    top: 420px;
    left: 36px;
    width: auto;
    font-size: 12px;
    font-size: 18px;
}

.stampa-tesseraDElite-nominativo {
    top: 168px;
    left: 0px;
    height: auto !important;
    text-align: center !important;
    font-size: 23px;
}

.stampa-tesseraDElite-cariche {
    height: auto;
    text-align: initial;
    top: 241px;
    font-size: 18px;
    height: 128px;
}

    .stampa-tesseraDElite-cariche > pre {
        padding: 0px 25px;
        color: white;
        font-family: 'HelveticaNeue-CondensedBold', sans-serif;
        font-size: 17px;
    }
    /*end tessera d'elite*/


    .pagamento-info-panel {
        position: fixed;
        bottom: 33px;
        background-color: var(--color-bg-message);
        border: solid 1px #aaa;
        font-size: .7rem;
        left: 0;
        width: 100%;
        padding: 5px;
    }

    .pagamento-info-panel p {
        margin-bottom: 0px;
    }


nav.navbar li.profile {
    position: absolute;
    right: 2px;
    bottom: 3px;
}

#dropdown-profile {
    position: absolute;
    top: 33px;
}

    #dropdown-profile a {
        display: block;
        padding: 0 5px;
        text-decoration: none;
        color: inherit;
    }

        #dropdown-profile a:visited, #dropdown-profile a:hover:visited {
            text-decoration: none;
            color: inherit;
        }

            #dropdown-profile a:hover, #dropdown-profile a:hover:visited:hover {
                text-decoration: none;
                background-color: var(--color-primary);
                color: var(--color-font-inverse);
                /*color: var(--color-font-inverse);*/
            }

#test-pages {
    position: absolute;
    top: 33px;
}

    #test-pages a {
        display: block;
        padding: 1px 4px 1px 4px;
        text-decoration: none;
        color: inherit;
    }

nav.navbar li.profile a.nav-link {
    width: auto;
    padding: 0 6px 0 6px;
    color: #555;
    background-color: white;
    font-size: 150%;
    border-radius: 3px;
}

span.edit-form-required {
    color: red;
}

span.hcp-info {
    position: absolute;
    /*bottom: -18px;*/
}

.displaynone {
    display: none;
}

/* To go over UI modals that by default have z-index: 1050 */
.ui-widget-overlay {
    z-index: 1100;
}

td.column-number {
    text-align: right;
}

table.odm-dilettanti i.fa-arrow-up {
    color: var(--color-icon-ok);
}

table.odm-dilettanti i.fa-arrow-down {
    color: var(--color-icon-ko);
}

table.brevetti-grid i.attivo {
    color: var(--color-icon-ok);
}

table.brevetti-grid i.revocato {
    color: var(--color-icon-ko);
}

table.brevetti-grid i.sospeso {
    color: var(--color-icon-waiting);
}

table.brevetti-grid i.non-attivo {
    color: var(--color-icon-ko);
}

.hide {
    display: none;
}


@media screen and (max-width: 773px) {
    #btn-menu-mobile {
        display: block;
        background-color: #bbb;
        top: 5px !important;
        left: 5px !important;
    }

        #btn-menu-mobile:hover {
            background-color: white;
        }

    img.page-logo {
        margin-left: 20px;
    }

    .navbar-header {
        padding-left: 8px;
    }

    td.main-col-right {
        padding-top: 25px;
    }
}

@media screen and (min-width: 773px) {
    #btn-menu-mobile {
        display: none;
    }
}