a {
    color: #C1A805;
}

a:hover {
    color: #897704;
}
.site{
    /*max-width:1500px;*/
    margin:10px auto;
    padding:10px;
}
.modal {
    -webkit-overflow-scrolling: touch;
}
.nav-item i{
    display:inline-block;
    width:20px;
    text-align:center;
}


.search {
    padding: 20px 5px;
}

.stats {
    border-left: 5px solid white;
    padding: 20px 5px 15px 5px;
}

.stats span{
    font-size:0.9em;
    line-height:1.4em;
}

.digits {
    padding: 20px 5px;
    margin-bottom: 5px;
}

.digits i{
    font-size:0.8em;
}

.left-brd {
    border-left: 5px solid white;
}

.k-textbox, .k-combobox, .k-dropdown, .k-editor, .k-numerictextbox, .k-autocomplete {
    width: 100% !important;
}

textarea .k-textbox {
    margin-bottom:5px !important;
}
.blank-product {
    width: 90% !important;
    float:right;
    margin-top:2px;
}

.k-radio, .k-radio-label{
    margin-top:8px;
}
.k-grid .k-dropdown {
    width:auto !important;
}
.bg-blue > div {
    margin-top: 5px;
}
.form-part > div {
    margin-top: 5px;
}
label, .pad{
    line-height:2em;
}

.datePicker, .k-datepicker {
    width: 100%;
    display:block;
}

.k-grid {
    font-size: 0.9em;
}

.k-grid td {
    line-height: 2em;
}

.grid-options {
    margin-top:5px;
    background-color: #FCDD06;
    padding:5px;
}
.grid-options-no-margin {
    background-color: #FCDD06;
    padding:5px;
}

.k-state-selected {
    background-color: #FCDD06 !important;
    border-color: #FCDD06 !important;
    color: black !important;
}
.k-grid .k-state-selected {
    background-color: #DBE8E6 !important;
    color: black !important;
}

.k-grid-pager .k-state-selected {
    background-color: #FCDD06 !important;
    border-color: #6E6E6E !important;
    color: #6E6E6E !important;
}

.k-pager-nav {
    color: #6E6E6E !important;
}

.k-link {
    border-right-color: #FCDD06 !important;
    color: #6E6E6E !important;
}

.k-pager-wrap .k-dropdown{

}

.km-ios .km-touch-scrollbar {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.form-part {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    background-color: #DBE8E6;
}
.form-part-no-margin {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #DBE8E6;
}

.bg-blue {
    background-color: #DBE8E6;
}

.line {
    width: 100%;
    height: 1px;
    background-color: black;
    margin-top: 10px;
    margin-bottom: 10px;
}

.linelight {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e9ecef;
    padding: 0 !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.k-disabled, input[type="text"]:disabled {
    background-color: #F5F5F5 !important;
}

.error {
    border-bottom: 1px solid #c3262d !important;
}
.errorlabel {
    color: #c3262d !important;
}

.errorbtn {
    background-color: #c3262d !important;
    border: 1px solid #c3262d !important;
}

.savebtn {
    background-color: darkgreen !important;
    border: 1px solid darkgreen !important;
}

.btn i {
    display: inline-block;
    margin-right: 10px;
    padding:0;
}

.btn-icon {
    margin-right: 0px !important;
}

.single-icon {
    margin: 7px 0 6px 0 !important;
    
}
.tiny-icon {
    padding: 0 !important;
    margin-right:10px;
}
.tiny-icon i{
    margin:0 5px !important;
}

.info-icon {
    padding: 0px 3px 4px 3px !important;
    font-size:1.1em;
    float:right;
}

.info-icon i {
    margin: 0 3px !important;
}

.pickup{
    color:green;
}

.delivery {
    color: blue;
}

.product {
    padding: 5px;
    border-bottom: 1px solid #DBE8E6;
}

.product span{
    font-size: 0.8em;
    display:inline-block;
    width:33%;
    font-weight:bold;
    line-height:1em;
}

.k-grid td {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.k-grid .btn {
    margin:0 2px
}
.k-grid .btn i{
    margin:0;
}

.option-menu {
    margin-top: 0px;
    position: absolute;
    background-color: black;
    border: 0px solid #dedede;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    min-width: 200px;
    z-index: 100;
    display:none;
}

.option-menu a {
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    line-height: 40px;
    display: block;
    text-align: left;
}

.option-menu div {
    display: inline-block;
    width: 25px;
}

.option-link {
    padding: 10px 5px 10px 5px;
}
.btn:focus, .btn:active {
    outline: none !important;
    box-shadow: none;
}

.alt-div > div {
    padding-top: 5px;
    padding-bottom: 6px;
    background-color: white;
    line-height: 2em;
    margin:0;

}

.alt {
    background-color: #F5F5F5 !important;
}

.alt-div label {
    margin-top: 7px;
    margin-bottom: 0px;
    line-height: 1.4em;
}

.hist-div > div {
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: white;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

.hist-div, .alt-div {
    border: 0 !important;
}

.hist-div label {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 5px;
    line-height: 1.4em;
    display:block;
}
.hist-div .paddeddate{
    padding-left:5px;
}

.histcontainer {
    margin-top:5px;
}
.lblLarge {
    font-size: 1.3em;
    font-weight: bold;

}
.txtLarge{
    margin-top:7px;
}

.fluidcolumns {
    column-count: 4;
    column-gap: 1em;
    border: 0;
}
.fluidcolumns-lg {
    column-count: 3 !important;
}
.fluidcolumns > div {
    background-color: #f1f1f1;
    display: inline-block;
    margin: 0;
    width: 100%;
    color: black;
    padding: 0;
    margin: 0 0 1em;
}

.column-body, .column-body > div, .column-body > div > div {
    padding: 0;
    margin: 0;
}
.column-body span{
    padding:5px 10px;
    display:block;
}
.column-body a{
    margin:5px 0;
}
.tilebtns {
    padding-left:5px !important;
}
.column-head {
    background-size: cover;
    background-position: 50%;
    min-height: 150px;
    position: relative;
}
.column-head h4{
    position: absolute;
    top: 50%; 
    left: 50%;
    transform: translate(-50%,-50%);
    display:block;
    width:100%;
    text-align:center;
    background-color:rgba(255,255,255,0.5);
    padding:5px;
}

.readonly {
    color: black !important;
    background-color: #dddddd !important;
}

.total span{
    font-weight:bold;
    float:right;
    font-size:1.2em;
}
.sticky-footer {
    /*position: fixed;
    bottom: 0;*/
    width: 100%;
}

.total-div {
    background-color: black;
    color: white;
    font-size:1.3em;
}

.k-tooltip-content {
    text-align: left;
    font-size:0.8em;
    max-width:500px;
    min-width:100%;

}

.hidden-span {
    display:none;
}

.btns a{
    margin-bottom:5px;
}

.green {
    color: #35a330;
}

.red {
    color: #da1010;
}

.text-lg{
    font-size:1.3em;
}

.padded-cnt {
    line-height: 2.38em;
    padding-top: 6px;
    padding-bottom: 6px;
}

.chart {
    border-collapse: collapse;
    width: 100%;
    margin: 0px auto;
    
}
.k-chart {
    height: 50px;
}

.modal-header i {
    font-size:0.8em;
}

.k-editor {
    margin-bottom: 8px;
    padding-bottom: 0 !important;
}
.k-editable-area {
    padding: 0 !important;
}
.k-editor .k-resize-handle {
    padding-right: 5px !important;
}
.k-button{
    color:black !important;
}


.intl-tel-input {
    width: 100%;
}
@media (max-width: 1300px) {
    .fluidcolumns {
        column-count: 3;
    }
    .fluidcolumns-lg {
        column-count: 2 !important;
    }

}

@media (max-width: 991px) {
    .fluidcolumns {
        column-count: 2;
    }
    .fluidcolumns-lg {
        column-count: 2 !important;
    }
    .navbar-nav>li>a>i{
        width:100%;
        display:block;
        text-align:center;
    }
}

@media (max-width: 768px) {
    .stats, .left-brd {
        border: 0;
    }
    .fluidcolumns-lg {
        column-count: 1 !important;
    }
}

@media (max-width: 480px) {
    .product span {
        display: block;
        font-weight: bold;
        line-height: 2em;
    }
    .fluidcolumns {
        column-count: 1;
    }

    .total span {
        font-weight: bold;
        float: none;
    }
}

.k-i-plus,
.k-add {
    background-position: -32px -64px;
    display: inline-block;
    position: relative;
    top: -3px;
}

.k-editor .k-icon:before {
    top: -4px;
}

.k-tiles-arrange {
    display: none;
}

.k-tile {
    height: 150px;
}

.k-tile img {
    width: 213px;
}

.k-tile .k-filesize, .k-tile strong {
    color: black !important;
    background-color: rgba(255,255,255,0.4) !important;
    text-align: center;
    display: inline-block;
    width: 100%;
    line-height: 1.4em;
    padding-right:5px !important;
}

.k-filebrowser-dialog .k-edit-label, .k-filebrowser-dialog .k-edit-field, .k-filebrowser-dialog .k-breadcrumbs {
    display: none;
}

.k-listview {
    margin:0;
}

.k-multiselect-wrap  {
    border-color: #cccccc !important;
}

.customPopup {
    position: relative;
    top: 2px;
}