footer {
    background-color: #222222;
    padding: 25px 0;
    color: rgba(255, 255, 255, 0.3);
    text-align: center;
}
footer p {
    font-size: 12px;
    margin: 0;
}
footer ul {
    margin-bottom: 0;
}
footer ul li a {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.3);
}
ul li a:hover,
ul li a:focus,
ul li a:active,
ul li a.active{
    text-decoration: none;
}
a:hover, a:focus {
    color: #fcbd20;
}
a {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    color: #435d97;
}

.navbar-default {
    background-color: white;
    border-color: rgba(34, 34, 34, 0.05);
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
    font-weight: 200;
    letter-spacing: 1px;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
    color: #fcbd20;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover, 
.navbar-default .nav > li > .btn-group > a:hover, 
.navbar-default .nav > li > .btn-group > a:focus:hover {
    color: #fcbd20;
    text-decoration: none;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover, 
.navbar-default .nav > li > .btn-group > a:hover, 
.navbar-default .nav > li > .btn-group > a:focus:hover {
    background-color: transparent;
}

.select2 {
    width:100%!important;
}
.select2-selection {
    height:34px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 3px;
    padding-left: 13px !important;
    padding-right: 10px;
}

#bgimg{
    background: url(/public/images/products/nutrition/organicSpelt_A1.jpg) center bottom no-repeat;
    background-size: cover;
    margin-bottom: 20px;
}
.group{
    background-color: #ddd !important;
}
#theimg{
    max-height: 300px;
    visibility: hidden;
    width: 100%;
}

.daysHeader {
    font-style: italic;
    color:#c8c8c8;
    font-weight:bold;
    cursor:pointer;
}

.daysHeaderInput {
    display:none;
    font-size:12px;
    text-align:center;
    border-radius:3px;
    margin-right:5px;
}

.font-12 {
   font-size: 12px; 
}
.font-14 {
   font-size: 14px; 
}
.font-16 {
   font-size: 16px; 
}
.font-18 {
   font-size: 18px; 
}
.font-20 {
   font-size: 20px; 
}
.font-24 {
   font-size: 24px; 
}

.link-icon {
    top: 5px;
    position: relative;
}

.padding-tight-r {
    padding-right:3px;
}
.padding-tight-l {
    padding-left:3px;
}
.padding-0 {
    padding:0px;
}
.padding-5 {
    padding:5px;
}
.padding-20 {
    padding:20px;
}
.padding-25 {
    padding:25px;
}
.padding-30 {
    padding:30px;
}
.gray {
    color: #C8C8C8;
}
.darkgray {
    color: darkgray;
}
.darkdarkgray {
    color: #646161;
}
.bluegray {
    color: #B8D5DB;
}

.question-icon {
    color: #428bdd;
    cursor: pointer;
}

.red {
    color: red;
}
.blue {
    color: #337ab7;
}
.danger {
    color: #d9534f;
}
.blue-zimbra {
    color: #0087c3;
}
.green {
    color:green;
}
.warning {
    color: #fcbd20;
}
.black {
    color: black;
}
.tomato {
    color: tomato;
}
.strikethrough {
    text-decoration: line-through;
}
.no-decoration {
    text-decoration: none !important;
}

.bold {
    font-weight: bold;
}
.italic {
    font-style: italic;
}

.link {
    cursor: pointer;
}
.linkblue {
    cursor: pointer;
    color:#337ab7;
}
.bottom-right {
    text-align: right;
    vertical-align: bottom;
    display: inline-block;
}

.padding-top-5 {
    padding-top:5px;
}
.padding-top-10 {
    padding-top:10px;
}
.padding-top-14 {
    padding-top:14px;
}
.padding-top-20 {
    padding-top:20px;
}
.padding-top-25 {
    padding-top:25px;
}
.padding-top-30 {
    padding-top: 30px;
}
.padding-bottom-5 {
    padding-bottom:5px;
}
.padding-bottom-10 {
    padding-bottom:10px;
}
.padding-right-5 {
    padding-right:5px;
}
.padding-left-5 {
    padding-left:5px;
}

.margin-top-3 {
    margin-top: 3rem;
}
.margin-top-n-5 {
    margin-top: -8px;
}
.margin-top-5 {
    margin-top: 5px;
}
.margin-top-6 {
    margin-top: 6px !important;
}
.margin-top-8 {
    margin-top: 8px;
}
.margin-top-11 {
    margin-top: 11px;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-top-15 {
    margin-top: 15px;
}
.margin-top-18 {
    margin-top: 18px;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-top-25 {
    margin-top: 25px;
}
.margin-top-30 {
    margin-top: 30px;
}

.margin-right-5 {
    margin-right: 5px;
}
.margin-right-15 {
    margin-right: 15px;
}
.margin-right-10 {
    margin-right: 10px;
}
.margin-right-3 {
    margin-right: 3px;
}

.margin-left-3 {
    margin-left: 3px;
}
.margin-left-5 {
    margin-left: 5px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.group-margin {
    margin-left: 15px;
}

.base-margin {
    margin-left: 22px;
}

.margin-zero {
    margin-top: 0px;
    margin-bottom: 0px;
}
.body-0 {
   margin-top: 0px; 
}
@media only screen {
    .printOnly {
        display: none !important;
    }
    .printOnly * {
        display: none !important;
    }
}

.hr-tight {
    padding-top:2px;
    padding-bottom:2px;
}
.hr-zero {
    padding-top:0px;
    padding-bottom:0px;
    margin-top:0px;
    margin-bottom:0px;
}
.br-tight {
    padding-top:2px;
    padding-bottom:2px;
}

.border {
    border-style:solid;
    border-width:1px;
    border-color:black;
}
.border-top {
    border-top-style:solid;
    border-top-width:1px;
    border-top-color:black;
}
.border-bottom {
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:black;
}
.border-bottom-gray {
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:gray;
}
.borderDotted {
    border-style: dotted;
}
.borderGray {
    border-color:gray;
}

.dotted {
    border:none;
    border-top:1px dotted gray;
    color:#fff;
    background-color:#fff;
    height:1px;
}

.text-small {
    font-size:10px;
}
.fa-_7x {
    font-size: .7em;
}
.fa-_8x {
    font-size: .8em;
}
.fa-1-1x {
    font-size: 1.1em;
}
.fa-1-3x {
    font-size: 1.3em;
}
.fa-1-5x {
    font-size: 1.5em;
}
.popover{
    z-index:100000000;
}

.emptyCell{
    border-bottom: 1px dashed gray !important;
    color:gray;
}

.incompleteCell {
    color:red;
}

.underline {
    text-decoration: underline;
}

.noBorder {
    border:none !important;
}

.barcode39 {
    font-family: 'Libre Barcode 39';
    font-size: 22px;
}
.barcode128 {
    font-family: 'Libre Barcode 128', cursive;
    font-size: 22px;
}

.invoiceSKUBtn {
    margin-top:3px;
}

.invoice_lines {
    font-size:12px;
}

.invoice_lines_input {
    font-size:12px;
    padding:0px;
    margin:0px;
}

.full-width {
    width: 100% !important;
}

.icon-size {
    font-size: 3em;
}

.title {
    font-size: 35px;
}

.description {
    font-size: 26px;
}

@media screen and (max-width: 576px) {  
    .title {
        font-size: 30px;
    }
    
    .description {
        font-size: 21px;
    }
    
    .icon-size {
        font-size: 2.3em;
    }
}

.bluebadge {
    background-color:#337ab7;
}

.full-width {
    width: 100% !important;
}

.select2-container .select2-results__option.optInvisible {
    display: none;
}

.displayFlex {
    display: flex;
}

.justify-content-end {
    justify-content: flex-end;
}

div.dataTables_processing { z-index: 1; }

#orderChartTable td {
    vertical-align: middle;
}

.share-icon {
    font-size: 20px; 
    position: relative; 
    bottom: 8px;
}

.qty-width {
    width: 65px;
}

.th-width {
    width: 10%;
}

.checkbox-size {
    width:30px; 
    height:30px;
}

.all-scroll {
    cursor: all-scroll;
}

/*
.print-invoice {
    display: none;
}
*/

.w-100 {
    width: 100% !important;
}

@media screen and (min-width: 767px) {  
    .nav-text-pull {
        float: right!important;
    }
}

@media screen and (max-width: 767px) {  
    .nav-text-pull {
        float: left!important;
    }
    
    .print-invoice {
        display: block;
    }
}

.border-left {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: slategray;
}

.border-right {
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: slategray;
}

.position-sticky {
    position: sticky;
}

.alert-primary {
    color: #101aa7;
    background-color: #d5e8ff;
    border-color: #628cff;
}