/* Styling for Navbar */
body {
    display: block;
    overflow-x: hidden;
}

nav {
    background-color: white;
}

.navbar-brand img {
    max-height: 50px;
}

.navbar-brand {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 900;
    color: #683aa4;
}

nav ul li a {
    color: #a9a9a9;
    font-size: 22px;
    margin: auto 10px; 
}

nav ul li a:hover {
    color: #683aa4;
}

table.tBorderless td,
table.tBorderless th {
    border: 0;
}

table#recipeList.dataTable tbody tr:hover {
    background-color: rgb(170, 221, 255);
}

.wrapIndent { text-indent: -1.5em; }

    /* Extend Bootstrap */

.ps-6 { padding-left: 4rem !important; }

.pointer-link { cursor: pointer; }

    /* sweetalert change */
.show-input input {
    width: 70%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

    /* Extend order categories from 5 to 30 */
    /* For Ingredients and Equipment lists - change 1 col to 2 cols at -md- width:
     *  <div class="row">
     *    <div class="col col-xs-12 col-md-6 border order-md-1"> Item 1 </div>
     *    <div class="col col-xs-12 col-md-6 border order-md-3"> Item 2 </div>
     *    <div class="col col-xs-12 col-md-6 border order-md-5"> Item 3 </div>
     *    <div class="col col-xs-12 col-md-6 border order-md-2"> Item 4 </div>
     *    <div class="col col-xs-12 col-md-6 border order-md-4"> Item 5 </div>
     *  </div>
     * Bootstrap handles min-widths: <576 -xs, 576 -sm, 768 -md, 992 -lg, 1200 -xl, 1400 -xxl
     */
@media (min-width: 768px) {
    .order-md-1  { order: 1  !important; }
    .order-md-2  { order: 2  !important; }
    .order-md-3  { order: 3  !important; }
    .order-md-4  { order: 4  !important; }
    .order-md-5  { order: 5  !important; }
    .order-md-6  { order: 6  !important; }
    .order-md-7  { order: 7  !important; }
    .order-md-8  { order: 8  !important; }
    .order-md-9  { order: 9  !important; }
    .order-md-10 { order: 10 !important; }
    .order-md-11 { order: 11 !important; }
    .order-md-12 { order: 12 !important; }
    .order-md-13 { order: 13 !important; }
    .order-md-14 { order: 14 !important; }
    .order-md-15 { order: 15 !important; }
    .order-md-16 { order: 16 !important; }
    .order-md-17 { order: 17 !important; }
    .order-md-18 { order: 18 !important; }
    .order-md-19 { order: 19 !important; }
    .order-md-20 { order: 20 !important; }
    .order-md-21 { order: 21 !important; }
    .order-md-22 { order: 22 !important; }
    .order-md-23 { order: 23 !important; }
    .order-md-24 { order: 24 !important; }
    .order-md-25 { order: 25 !important; }
    .order-md-26 { order: 26 !important; }
    .order-md-27 { order: 27 !important; }
    .order-md-28 { order: 28 !important; }
    .order-md-29 { order: 29 !important; }
    .order-md-30 { order: 30 !important; }
}


@media print {
    @page {
        margin-left: -1.5in;
    }
    html, body {
        background: #FFF;
        overflow: visible;
    }
    body {
        /* min-width: 10in !important; */
        margin-left: 0;
        margin-right: 0;
    }
    .col-md-1, .col-md-2, .col-md-3, .col-md-4,
    .col-md-5, .col-md-6, .col-md-7, .col-md-8, 
    .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-1 { width: 8.333%; }
    .col-md-2 { width: 16.666%; }
    .col-md-3 { width: 25%; }
    .col-md-4 { width: 33.333%; }
    .col-md-5 { width: 41.666%; }
    .col-md-6 { width: 50%; }
    .col-md-7 { width: 58.333%; }
    .col-md-8 { width: 66.666%; }
    .col-md-9 { width: 75%; }
    .col-md-10 { width: 83.333%; }
    .col-md-11 { width: 91.666%; }
    .col-md-12 { width: 100%; }
  }