/* =============================================================================
   InvoicePlane
   Custom Stylesheet

   All changes made in this file will override the default styles.
   ========================================================================== */

.d-none {
   display: none;
}

#quote_form #item_table tbody.item.ui-sortable-handle:nth-child(odd) {
   background-color: #f0f0f0;
}
#quote_form #item_table tbody.item.ui-sortable-handle:nth-child(even) {
   background-color: #fefefe;
}

.label.invoiced {
  background-color: #e73562;
}

/* =============================================================================
   Livewire List Views Font Size Resets (Force 12px)
   ========================================================================== */
.table-content table, 
.table-content thead th, 
.table-content tbody td, 
.table-content span, 
.table-content a,
.table-content button {
    font-size: 12px !important;
}

.headerbar-title {
    /*font-size: 20px !important;*/
}

#headerbar input, 
#headerbar button, 
#headerbar a, 
#headerbar span {
    font-size: 12px !important;
}

/* =============================================================================
   Bootstrap 3 Navbar Defense from Tailwind Preflight Overrides
   ========================================================================== */
.navbar-collapse.collapse {
    display: none !important;
    visibility: visible !important; /* Tailwindの visibility: collapse を打ち消す */
}
.navbar-collapse.collapse.in {
    display: block !important;
    visibility: visible !important;
}
.navbar-nav {
    display: block !important;
    float: left !important;
    margin: 0 !important;
}
.navbar-nav > li {
    float: left !important;
}
.navbar-nav > li > a {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

@media (max-width: 767px) {
    .navbar-collapse.collapse {
        display: none !important;
        visibility: visible !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
        visibility: visible !important;
    }
    .navbar-nav {
        float: none !important;
    }
    .navbar-nav > li {
        float: none !important;
    }
}
@media (min-width: 768px) {
    .navbar-collapse.collapse {
        display: block !important;
        visibility: visible !important; /* 絶対に表示させる */
        height: auto !important;
        padding-bottom: 0 !important;
        overflow: visible !important;
    }
}