.invisible {
    display: none;
}

/* impaginazione */
.navbar>.container-fluid {
    padding-left: 2em!important;
}


/* Table */

td p {
    margin-bottom: 0rem;
}

table.table.dataTable {
    border: 3px solid #48abf7;
    -webkit-box-shadow: 0px 0px 7px 2px rgb(72 171 247);
    box-shadow: 0px 0px 7px 2px rgb(72 171 247);
    /* border-radius: 1em; */
}


.table_image {
    width: 4em;
}
table#image img, .table_image img {
    max-width: 4em;
    max-height: 4em;
    height: auto;
    width: auto;
}

.cicon {
    position: sticky;
    display: ruby-text;
    /*justify-content: center;
    align-items: center;*/
    height: 1.1em;
    width: 1.1em!important;
    font-size: 2.7em;
    margin-right: 0.2em
  }
  
  .ciconup {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translateY(-70%) translateX(50%);
    color: slategrey;
    font-size: 0.25em;
  }
  
  .cicondown {
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translateY(100%) translateX(50%);
    color: slategrey;
    font-size: 0.18em;
  }
  

/* DAG Settings */

#adr_table_wrapper > div.dt-search{
    float: left;
    /*position: fixed;
    top: 10em;
    z-index: 99999;*/
    margin-bottom: 1em;
}

#adr_table_wrapper > div.dt-search input#dt-search-0 {
    border: 1px solid blue;
}

/*div.dag .page-header {
    width: -webkit-fill-available;
    padding-bottom: 4em;
    top: 85px;
    padding-top: 8px;
}*/

/*
table#adr_table thead tr th:first-child {
    visibility: hidden
}*/
table#adr_table {
    border-collapse: collapse!important;
}

table#adr_table thead tr th, 
table#adr_table tbody tr {
    text-align: center;
    align-content: end;
}
table#adr_table thead tr th.dt-type-numeric,
table#adr_table tbody tr td.dt-type-numeric{
    text-align: center!important;
    /*align-content: center;*/
}


table#adr_table th,
table#adr_table td
{
    border-left: 1px dotted grey!important;
}
table#adr_table thead tr th{
    border-bottom: 1px dotted grey!important;
}

table#adr_table thead {
    border-bottom: 3px solid #444444!important;
}


table#adr_table thead tr th:last-child,
table#adr_table tbody tr td:last-child {
    border-left: none;
}

table#adr_table thead{
    font-size: 0.7em;
    border-left: none;
    border-bottom: double 3px #0275d8!important;
}
table#adr_table thead tr:first-child th,
table#adr_table thead tr:nth-child(2) th{
    font-size: 1.4em;
}

table#adr_table thead tr:first-child th:nth-child(1),  
table#adr_table thead tr:first-child th:nth-child(3),
table#adr_table thead tr:first-child th:nth-child(4),
table#adr_table thead tr:first-child th:nth-child(5),
table#adr_table thead tr:first-child th:nth-child(6),
table#adr_table thead tr:first-child th:nth-child(7),
table#adr_table thead tr:first-child th:nth-child(8),
table#adr_table thead tr:first-child th:nth-child(9){
    writing-mode: vertical-rl   ; /* Scrive il testo verticalmente da sinistra a destra */
    transform: rotate(180deg);   
    width: 50px; /* Larghezza del testo ruotato */
    text-align: left;
    align-content: center;
}

table#adr_table tr th:nth-child(2),
table#adr_table tr td:nth-child(2){
    text-align: left;
}

table#adr_table > thead > tr:nth-child(2) > th:nth-child(3){
    text-align: center;
}

table#adr_table tr:first-child th:nth-child(8),
table#adr_table tr:first-child th:nth-child(10),
table#adr_table tr:nth-child(2) th:nth-child(1),
table#adr_table tr:nth-child(3) th:nth-child(8),
table#adr_table tr:nth-child(4) th:nth-child(8),
table#adr_table tr:nth-child(3) th:nth-child(10),
table#adr_table tr:nth-child(4) th:nth-child(10),
table#adr_table tr td:nth-child(8),
table#adr_table tr td:nth-child(10){
    border-left: solid 1px #069f31!important;
}

table#adr_table tr:first-child th:nth-child(11),
table#adr_table tr:first-child th:nth-child(12),
table#adr_table tr:nth-child(2) th:nth-child(4),
table#adr_table tr:nth-child(2) th:nth-child(6),
table#adr_table tr:nth-child(3) th:nth-child(13),
table#adr_table tr:nth-child(4) th:nth-child(13),
table#adr_table tr:nth-child(3) th:nth-child(15),
table#adr_table tr:nth-child(4) th:nth-child(15),
table#adr_table tr td:nth-child(13),
table#adr_table tr td:nth-child(15){
    border-left: solid 1px #2c87d7!important;
}

table#adr_table tr:first-child th:nth-child(15),
table#adr_table tr:first-child th:nth-child(16),
table#adr_table tr:nth-child(2) th:nth-child(8),
table#adr_table tr:nth-child(3) th:nth-child(19),
table#adr_table tr:nth-child(4) th:nth-child(19),
table#adr_table tr:nth-child(3) th:nth-child(23),
table#adr_table tr:nth-child(4) th:nth-child(23),
table#adr_table tr td:nth-child(19),
table#adr_table tr td:nth-child(23){
    border-left: solid 1px #d72c2c!important;
}

table#adr_table tr:first-child th:nth-child(17),
table#adr_table tr th:nth-child(24),
table#adr_table tr td:nth-child(24){
    text-align: left;
}

table#adr_table  > tbody > tr.child > td > table {
    width: 100%;
}


table#adr_table  > tbody > tr.child > td > table > tbody > tr > td:nth-child(1){
    text-align: right;
    font-size: 0.7em;
}
table#adr_table  > tbody > tr.child > td > table > tbody > tr > td:nth-child(2){
    text-align: left;
    font-size: 0.7em;
}


div#adr_table_wrapper {
    width: 100%;
    overflow-x: scroll;
}

.adr_instruction{
    border-collapse: separate;
}

/*
div#product_price_discount_calc {
    width: max-content;
}*/

tr.selected {
    background-color: cornflowerblue;
    color: whitesmoke;
}

.form-control{
    border-width: 3px!important;
}

table#adrform th,
table#adrform td
{
    border: 1px dotted #dee2e6!important;
}

table#adrform {
    border: 3px solid #6861ce!important; 
}


dl {
    /*margin: 1em 0em 1em 3em;*/
    padding: 0;
}
  
dt {
    font-weight: bold;
    margin-bottom: 0.5em;
    float: inline-start;
    clear: inline-start;
    widtH: 12em;
}

dd {
    margin-left: 2em!important;
    float: inline-start;
    width: inherit;
}

h4.adr_prod_desc {
    border-bottom: 1px solid;
}

/*.navbar-header{
    position: fixed;
    width: -webkit-fill-available;
}*/

/* Datatables inline edit */
#edit {
    cursor: pointer;
}

dl.editor-demo dt {
    margin-top: 1em;
}

dl.editor-demo dt:first-child {
    margin-top: 0;
}

dl.editor-demo dd {
    width: 25em;
    margin-left: 1em;
}

*[data-editor-field] {
    border: 1px dashed #ccc;
    padding: 0.5em;
    margin: 0.5em;
}

*[data-editor-field]:hover {
    border: 1px dashed #333;
}

html.dark *[data-editor-field] {
    border: 1px dashed rgba(255, 255, 255, 0.15);
}

html.dark *[data-editor-field]:hover {
    border: 1px dashed rgba(255, 255, 255, 0.25);
}

/* Menu */
.sidebar .nav>.nav-item a {
    padding: 0px 25px;
    margin-bottom: 5px;
    line-height: 1em;
}

.sidebar li.nav.nav-collapse{
    padding: 3px 25px !important;
    margin-bottom: 5px !important;
    line-height: 1em;
}

.sidebar .nav-collapse {
    padding-top: 0px; 
}

.nav-item svg {
    width: 2.5em;
}


button#dropdownLanguages {
    /* height: 1.6em; */
    vertical-align: center;
    padding: 0px 4px;
    margin-top: 0.4em;
}

/* Invoices */
table.invoices tr {
    border: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    /* border-radius: 1em; */
}
table.invoices tr {
    cursor: pointer;
}
table.invoices tr td{
    border-bottom: 2px solid #48abf7;
    padding: 3em 3px;
}
table.invoices tr td:last-child::after {
    content: " >";
    color: blue;
    font-size: 1.2em;
}

table#invoicetable{
  border: 1px solid #1C6EA4;
  width: 100%;
  text-align: left;
  font-size: 1em;
}

table#invoicetable thead th{
    font-size: 1em;
    border-bottom: 1px solid #1C6EA4;
}

table#invoicetable thead tr {
    border-bottom:  1px solid #1C6EA4;
}

table#invoicetable tbody td {
    font-size: 0.7em;
    white-space: pre-wrap;
}

table#invoicetable tbody tr {
    border-bottom:  1px dashed #1C6EA4;
}

table#invoicetable thead {
    border-bottom: 2px #1C6EA4;
}



table#invoicetable  td, table#invoicetable  th {
    padding: 8px 8px;
}

table#invoicetable tfoot td{
    font-size: 0.9em;
    /* border-left: 1px solid #1C6EA4; */
    padding: 3px 8px;
}

table.dataTable {
    border: 3px solid #48abf7;
    -webkit-box-shadow: 0px 0px 7px 2px rgb(72 171 247);
    box-shadow: 0px 0px 7px 2px rgb(72 171 247);
    /* border-radius: 1em; */
}

table.dataTable thead th  {
    background-color: #cfe8fb!important;
    border-bottom: 2px solid rgb(72 171 247)!important;
}

table.dataTable td{
   font-size: 0.85em;
}

td.description > img {
    height: 2em;
}

.navbar-header {
    padding: 0px 0px;
}

table#shippingaddr {
    font-size: 1.2em;
    border-spacing: 0;
}

table#shippingaddr tr td {
    padding: 1em 0.2em 1em 0.7em !important;
    border-bottom: 1px solid black;
}

table {
    border-spacing: 0;
}










.steps .step {
    display: block;
    width: 100%;
    margin-bottom: 35px;
    text-align: center
}

.steps .step .step-icon-wrap {
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
    text-align: center
}

.steps .step .step-icon-wrap::before,
.steps .step .step-icon-wrap::after {
    display: block;
    position: absolute;
    top: 50%;
    width: 50%;
    height: 3px;
    margin-top: -1px;
    background-color: #e1e7ec;
    content: '';
    z-index: 1
}

.steps .step .step-icon-wrap::before {
    left: 0
}

.steps .step .step-icon-wrap::after {
    right: 0
}

.steps .step .step-icon {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    border: 1px solid #e1e7ec;
    border-radius: 50%;
    background-color: #f5f5f5;
    color: #374250;
    font-size: 19px;
    line-height: 41px;
    z-index: 5
}

.steps .step .step-title {
    margin-top: 16px;
    margin-bottom: 0;
    color: #606975;
    font-size: 14px;
    font-weight: 500
}

.steps .step:first-child .step-icon-wrap::before {
    display: none
}

.steps .step:last-child .step-icon-wrap::after {
    display: none
}

.steps .step.completed .step-icon-wrap::before,
.steps .step.completed .step-icon-wrap::after {
    background-color: #0da9ef
}

.steps .step.completed .step-icon {
    border-color: #0da9ef;
    background-color: #0da9ef;
    color: #fff
}

@media (max-width: 576px) {
    .flex-sm-nowrap .step .step-icon-wrap::before,
    .flex-sm-nowrap .step .step-icon-wrap::after {
        display: none
    }
    .steps .step{
        width:fit-content!important;
    }
    .steps .step .step-title{
        display:none!important;
    }
}

@media (max-width: 768px) {
    .flex-md-nowrap .step .step-icon-wrap::before,
    .flex-md-nowrap .step .step-icon-wrap::after {
        display: none
    }
}

@media (max-width: 991px) {
    .flex-lg-nowrap .step .step-icon-wrap::before,
    .flex-lg-nowrap .step .step-icon-wrap::after {
        display: none
    }
}

@media (max-width: 1200px) {
    .flex-xl-nowrap .step .step-icon-wrap::before,
    .flex-xl-nowrap .step .step-icon-wrap::after {
        display: none
    }
}

.bg-faded, .bg-secondary {
    background-color: #f5f5f5 !important;
}


.step.link{
    cursor: pointer;
}

ul.navbar-nav.topbar-nav {
    width: max-content;
    margin-right: 1em;
}

.col.description img {
    max-width: 2em;
    max-height: 2em;
    height: auto;
    width: auto;
}