* {
    margin: 0;
    padding: 0;
}

html,
body {
    background-color: #E6E6E6;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0 0 30px 0;
}

th,
td {
    font-size: 11px;
    padding: 1px 2px;
}

img {
    border: 0
}

ul {
    list-style-type: none;
}

ul,
ol {
    margin-bottom: 20px;
}

ol li {
    margin-left: 25px;
}

input[type=text],
input[type=password],
input[type=date],
input[type=number] {
    border: 1px solid #CCCCCC;
    padding: 1px
}

select {
    border: 1px solid #CCCCCC
}

option {
    padding: 1px 0 0 4px;
}

a {
    color: #005AB4;
    text-decoration: underline;
}

a:hover {
    color: #CC0000;
    text-decoration: underline;
}

fieldset {
    margin: 10px 0;
    border: 1px solid #DDDDDD;
    padding: 5px 8px;
}

fieldset legend {
    font-weight: bold;
    padding: 2px 3px;
}

fieldset p,
fieldset ul,
fieldset ol,
.grayTxt {
    color: #7C7C7C;
}

fieldset h5 {
    border-bottom: 1px solid #DDDDDD;
    margin-top: 20px;
    font-size: 10px;
}

fieldset.bladerunner {
    margin: 15px 0;
    background: #F7FFEB;
    border: 1px solid #E5F5CF;
}

fieldset.bladerunner legend {
    color: #cc0000
}

input.btn_save {
    font-weight: bold;
    color: black;
    padding: 2px 10px
}

input.btn_undo {
    padding: 2px 10px
}

input.btn_del {
    color: #CC0000;
    padding: 2px 10px
}

input.btn_edit,
button.btn_edit {
    font-weight: bold;
    padding: 2px 10px
}

input.btn_reset {
    color: #c00;
    padding: 2px 10px
}

.italic {
    font-style: italic
}

.clear {
    clear: both;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: 20px;
}

h1 {
    margin-top: 20px;
    border-bottom: 1px solid #D2D2D2;
    font-size: 16px;
    padding-left: 30px
}

h2 {
    margin-top: 15px;
    border-bottom: 1px solid #EFEFEF;
}

h3 {
    margin-top: 15px;
    border-bottom: 1px solid #EFEFEF;
}

#wrapper {
    margin: 0 10px 10px 10px;
}

/* messaggi all'utente */
.warning {
    background: #FFF6BF url('../img/ico/error.png') left no-repeat;
    background-position: 15px 50%;
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    margin-bottom: 15px;
    font-size: 13px;
}

.error {
    background: #FFE4E3 url('../img/ico/exclamation.png') left no-repeat;
    background-position: 15px 50%;
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #E47E7A;
    border-bottom: 2px solid #E47E7A;
    margin-bottom: 15px;
}

.info {
    background: #E3F1FE url('../img/ico/information.png') left no-repeat;
    background-position: 15px 50%;
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #7AA6D3;
    border-bottom: 2px solid #7AA6D3;
    margin-bottom: 15px;
}

.success {
    background: #c5e1a5 url('../img/ico/accept.png') left no-repeat;
    background-position: 15px 50%;
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #8bc34a;
    border-bottom: 2px solid #8bc34a;
    margin-bottom: 15px;
}

.notaUtente {
    color: #848484;
}

.notaUtente UL {
    list-style-type: square;
    margin: 4px;
    padding: 10px;
}

.grayBox {
    border: 1px solid #ccc;
    padding: 10px;
    background: #e5e5e5;
}

.grayBox UL {
    list-style-type: square;
    margin: 4px;
    padding: 10px;
}

.container {
    padding: 8px;
    background: #fff;
    border: 1px solid black;
    border-top: 1px solid #ccc;
}

.container.head {
    margin-bottom: 15px
}

.container div {
    margin-top: 7px
}

.cm-editor * {
    margin-top: 0px !important;
}

.mce-tinymce div {
    margin-top: auto
}


/* tabelle d'azione */
table.action {
    width: 100%;
    border: 1px solid #7AA6D3;
    clear: both;
    margin: 10px 0;
}

table.action tr:hover {
    background: #efefef
}

table.action td,
table.action th {
    padding: 5px 3px;
    border-bottom: 1px solid #efefef;
    vertical-align: top;
}

table.action th {
    background: #7AA6D3;
    color: #fff;
    text-align: left;
    vertical-align: middle;
}

table.action th a {
    color: #fff;
}

table.action .iconWidth {
    width: 1%
}

table.action.stats td,
table.action.stats th {
    text-align: right
}

/* righe totali */
table.action tr.totale td {
    border-top: 2px solid #ccc;
    font-weight: bold;
}

form.form {
    background: #E1D7CE;
    padding: 10px;
    border: 2px solid #E6E6E6
}

form.form div {
    margin: 15px 0;
}

ul.myList {
    list-style: none;
    padding: 0;
    margin: 0
}

ul.myList li {
    list-style-position: outside;
    background: url("../img/ico/bullet_black.png") 0 0px no-repeat;
    padding-left: 20px
}

.redTxt,
tr.redTxt td {
    color: red
}

.greenTxt,
tr.greenTxt td {
    color: green
}

.orangeTxt,
tr.orangeTxt td {
    color: orange
}

.blueTxt,
tr.blueTxt td {
    color: #0000CC
}

.boldTxt,
tr.boldTxt td {
    font-weight: bold
}

.readonly {
    background: #EFEFEF;
}

/* paginazione, usata da class_paging.php */
.listPagination li {
    display: inline;
}

.listPagination a {
    border: 1px solid #ccc;
    background: #fff;
    display: block;
    float: left;
    padding: 1px 4px;
    margin-right: 0.5em;
    text-decoration: none;
    font-weight: bold;
}

.listPagination a:hover,
.listPagination a.current {
    border: 1px solid #033476;
    font-weight: bold;
    background-color: #165582;
    color: #fff;
}

.listPagination span.more {
    background: transparent;
    color: #000;
    display: block;
    float: left;
    line-height: 1.3em;
    padding: 0.2em 0.5em;
    margin-right: 0.5em;
    text-decoration: none;
}

.listPagination ~ form[action="excel.php"] {
    margin-top: 40px !important;
}

.campo_edit {
    margin-bottom: 5px;
    margin-right: 10px;
    float: left;
}

.box_campi_edit {}


.bottone_export {
    color: #2C5D39;
    font-weight: bold;
    background-color: #D8D7BD;
    padding: 5px;
}

.titolo_export {
    color: #2C5D39;
    font-weight: bold;
}


/****************************
 * TOP
 ***************************/
#top {
    margin-bottom: 20px;
    text-align: center;
    background-color: #fff;
}

#top table {
    width: 98%;
    border-collapse: collapse;
}

#top table td {
    padding: 2px 0 2px 15px;
    font-size: 11px;
    text-align: left;
}

#top #action a {
    text-decoration: none;
}

#logo {
    white-space: nowrap;
}

#logo h1 {
    border: 0
}

#switcher {
    width: 1%;
    white-space: nowrap;
}

#action {
    width: 1%;
    white-space: nowrap;
}

#action a {
    padding: 0 2px;
}

#utente-info {
    width: 1%;
    white-space: nowrap;
}


/****************************
 * tabella nella home
 ***************************/
table.index td {
    border-bottom: 1px solid #efefef;
    width: 300px;
    padding: 4px
}

table.index td.hilite {
    background: #ffffcc
}

#wrapper-btn {
    background: #fff
}

table#wrapper-btn tr td {
    width: 100px
}

.home-widget .results-box {
    margin: 0rem 1rem 1rem 0rem;
    display: block;
    height: 160px;
    overflow-y: scroll;
    width: 300px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.home-widget h4 {
    height: 20px;
    margin-bottom: 0px;
}

.home-widget .loading-img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50%;
}

.home-widget .result {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*******************/
/* RIGHE EDITABILI */
/*******************/
tr.tr0 {
    background-color: #FFDD99;
}

tr.tr1 {
    background-color: #FFEEBB;
}


/* testo rosso */
/* ********** */
.avviso_rosso {
    font-size: 10px;
    color: #CC0000;
    font-weight: bold;
}

div.tabpanel {
    margin: 20px 0;
}

div.tabpanel div.tab {
    margin-top: 0;
    border: 1px solid #D7D7D7;
}

div.tabpanel div.tab {
    padding: 10px
}

.simple {
    width: auto;
    border-collapse: collapse
}

.simple td {
    padding: 5px 10px 5px 3px;
    border-bottom: 1px solid #ccc;
}

#frm_search input.text {
    width: 75%
}

#black_overlay {
    display: block;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #666666;
    z-index: -1;
    opacity: 0;
    transition: opacity 1.8s;
}

#black_overlay.show {
    opacity: .7;
    z-index: 99;
}

#black_overlay img {
    margin: 5% auto;
    left: 0;
    right: 0;
    position: fixed;
}


/* migrating to esuq nmEdit */

input.text {
    width: 100%
}

.head input.text {
    width: auto
}

.movimentazioni {
    padding: 10px;
    margin: 20px 0;
}

.movimentazioni>div {
    max-height: 200px;
    overflow-y: scroll;
    margin-bottom: 20px;
}

table.myTable {
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
}

table.myTable td,
table.myTable th {
    padding: .75rem;
    text-align: right;
}

table.myTable thead,
table.myTable tfoot {
    border-top: 1px solid #eceeef;
    border-bottom: 1px solid #eceeef;
    background: #ECEEEF;
}

table.myTable tbody tr:nth-child(even) {
    background: #F9F9F9;
}

table.myTable tbody tr:hover {
    background: #f5f5f5;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

abbr {
    cursor: help;
}

.movimentazioni input {
    margin-right: 20px;
}

.movimentazioni input[name="descrizione"] {
    width: 70%;
}

.movimentazioni input[name="data"] {
    width: 10%;
}

.movimentazioni input[name="valore"] {
    width: 5%;
}

.movimentazioni input[type="submit"] {
    margin: 0;
}

.dygraph-legend {
    background-color: #F0F0F0 !important;
    padding: 4px;
    border: 1px solid #000;
    border-radius: 3px;
    box-shadow: 4px 4px 4px #888;
    pointer-events: none;
}

.help {
    background: #5f89b9;
    color: #fff;
    width: 13px;
    line-height: 13px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    border: 1px solid #759FCF;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #efefef inset;
    cursor: default;
}

table.articolo-disponibilita {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

table.articolo-disponibilita tr:nth-child(n+3):hover td,
table.articolo-disponibilita tr:nth-child(n+3):hover th {
    border-bottom: 1px solid #000;
    cursor: default;
}

table.articolo-disponibilita th,
table.articolo-disponibilita td {
    border: 1px solid #ddd;
    text-align: right;
    padding: 7px;
}

table.articolo-disponibilita td.success {
    background: #dff0d8;
}

table.articolo-disponibilita td.danger {
    background: #f2dede;
}

table.articolo-disponibilita td:empty {
    background: #f9f9f9;
}

table.articolo-disponibilita td:nth-child(2) {
    border-left: 2px solid #aaa;
}


table.articolo-disponibilita th[colspan="2"] {
    border-left: 2px solid #aaa;
    border-right: 2px solid #aaa;
    text-align: center;
}

table.articolo-disponibilita td:nth-child(3),
table.articolo-disponibilita td:nth-child(5),
table.articolo-disponibilita td:nth-child(7),
table.articolo-disponibilita th:not([colspan]):nth-child(2),
table.articolo-disponibilita th:not([colspan]):nth-child(4),
table.articolo-disponibilita th:not([colspan]):nth-child(6) {
    border-right: 2px solid #aaa;
}


#sidebar {
    display: none;
}

@media only screen and (min-width: 1440px) {
    body.mobile-preview-mode #main {
        display: inline-block;
        width: calc(100% - 410px);
        overflow-x: auto;
    }

    body.mobile-preview-mode #sidebar {
        display: inline-block;
        width: 370px;
        position: fixed;
        padding: 20px;
        background: #fff;
        height: 100%;
    }

    body.mobile-preview-mode #mobile-preview-frame {
        width: 370px;
        height: 746px;
        background: url("../img/nexus5x-frame.png") no-repeat;
        position: relative;
    }

    body.mobile-preview-mode #mobile-preview-frame iframe {
        opacity: 0;
        border: 0;
        position: absolute;
        top: 99px;
        left: 17px;
        width: 348px;
        height: 525px;
        transition: all 0.3s ease-out;
    }

}

.container .CodeMirror,
.container .CodeMirror div {
    margin-top: 0;
}

.container .CodeMirror {
    border: 1px solid #efefef
}

.CodeMirror-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    z-index: 9;
}

.nm-grid {
    display: flex;
}

.nm-grid--padding .nm-col{
    padding: 0.5em;
}

.nm-col {
    flex: 1;
}

.nested_cat_hidden {
    color: #cc0000;
}

.display-none {
    display: none;
}

.nm-edit-plugin-upload-image {
    max-width: 500px;
}


code {
    margin: 0 2px;
    padding: 0px 5px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    border-radius: 3px;
    white-space: nowrap;
}

/* [NTS#18768] Ristrutturazione della categorizzazione del sito secondo il Nested Set Model (step 2) */
.articolo-nested-cat-selects select {
    display: block;
    margin-bottom: 8px;
}

.articolo-nested-cat-selects select:first-of-type {}

/*[NTS#28031] Rilevare le ricerche senza risultati dovute ai down di solr e permettere di filtrarle nelle statistiche di ricerca.*/
tr.random_error {
    background-color: #F9E79F;
}

tr.systematic_error,
tr.systematic_error td {
    background-color: red !important;
    color: white !important;
    font-weight: bold !important;
}

.mceEditor {
    width: 100% !important;
}

.context-box {
    background: #efefef;
}

.context-box legend {
    font-size: 20px
}

.context-box textarea {
    width: 95%;
    height: 70px;
    padding: 10px
}

.context-box li a.delete {
    font-size: 18px;
    text-decoration: none;
    vertical-align: middle
}

.context-current-associations {
    max-height: 200px;
    overflow-y: auto;
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
    margin-bottom: 1em;
}

.substituted_article {
    background-color: #ffa726 !important;
}

.js-textarea-1000 textarea {
    width: 90%;
    height: 300px
}

.js-textarea-1000-counter {
    height: 15px;
}

.sortable-handler {
    cursor: move;
    visibility: hidden;
}

#content-box-actions .sortable-handler {
    visibility: visible;
}

.mobile-viewport {
    width: 412px;
    height: 732px;
}

.desktop-viewport {
    width: 1280px;
    height: 732px;
}

/* Tippy.js */
.tippy-content {
    border: 1px solid #ffa853;
    background-color: #fff1de;
    padding: 5px;
    font-size: 0.9em;
}


.content.cart-live,
.sidebar.cart-live {
    float: left;
    margin: 0 10px;
}

.content.cart-live {
    width: 65%
}

.sidebar.cart-live {
    width: 30%;
}

.sidebar.cart-live input[type=text] {
    width: 95%
}

.heartbeat-enter-active {
    animation-name: hb;
    animation-duration: 1.3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
}

@keyframes hb {
    0% {
        transform: scale(1);
    }

    14% {
        transform: scale(1.3);
    }

    28% {
        transform: scale(1);
    }

    42% {
        transform: scale(1.3);
    }

    70% {
        transform: scale(1);
    }
}

.transition-block {
    display: inline-block;
}

a.no-underline {
    text-decoration: none;
}

a.no-underline:hover {
    text-decoration: none;
}

.emoji {
    font-size: 16px;
}

button.load-default {
    padding: 0.3em 0.5em 0.3em 0.5em;
}

button.load-default img {
    vertical-align: bottom;
}

table.vendita-soglie input {
    width: 4em;
}

/* Badge */
.badge {
    background-color: #eeeeee;
    padding: 4px 8px;
    border-radius: 4px;
    display: inline-block;
    font-weight: bold;
}
.badge-success {
    background-color: #5cb85c;
    color: #ffffff;
}
.badge-info {
    background-color: #5bc0de;
    color: #ffffff;
}
.badge-warning {
    background-color: #f0ad4e;
    color: #422700;
}
.badge-danger {
    background-color: #d9534f;
    color: #ffffff;
}

#failed_payments_table th, #failed_payments_table td {
    text-align: center;
}

#failed_payments_table td {
    font-family: 'Courier New', Courier, monospace;
}

#failed_payments_table tr:hover {
    background-color: #f5f5f5;
}

#failed_payments_table tr:nth-child(even) {
    background-color: #f2f2f2;
}
.failed_payment_row {
    background-color: #e5e5e5;
    font-family: 'Courier New', Courier, monospace;
}

.failed_payment_row div {
    display: flex;
}

.failed_payment_row div span {
    flex: initial;

    /* Impostando 'initial' verrà portato all'inizio
        * 'auto' verrà centrato
        * '1' centrerà i puntini
    */
}

.failed_payment_row  div span:first-of-type {
    text-align: right;
}

.failed_payment_row  div span:last-of-type {
    text-align: left;
    padding-left: 5px;
}