.dash-tiles .icon {
    font-size:50px;
}
.dash-tiles h3 {
    font-size:30px;
}

@media screen and (max-width: 1460px){
    .dash-tiles .icon {
        font-size:40px;
    }
    .dash-tiles h3 {
        font-size:24px;
    }
    .small-box .inner p {
        font-size:12px;
    }
    .small-box .small-box-footer {
        font-size:10px;
    }
}
@media screen and (max-width: 1270px){
    .dash-tiles .icon {
        font-size:30px;
    }
    .dash-tiles h3 {
        font-size:20px;
    }
    .small-box .inner p {
        font-size:12px;
    }
    .small-box .small-box-footer {
        font-size:10px;
    }
}
#jobs_wrapper > div:first-child,
#vehicles_wrapper > div:first-child,
#customers_wrapper > div:first-child,
#inventory_wrapper > div:first-child,
#tableTransactions_wrapper > div:first-child,
#shoppingcart_wrapper > div:first-child,
#transactions_wrapper > div:first-child,
#biccy_barrel_wrapper > div:first-child,
#timesheets_wrapper > div:first-child
{
    display: none !important;
}

.actions-row {
    margin-bottom: 10px;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 8px;
}

.label-lg {
    font-size: 20px;
}

.lm15 {
    margin-left: 15px;
}

.lm10 {
    margin-left: 10px;
}

.lm5 {
    margin-left: 5px;
}

.rm15 {
    margin-right: 15px;
}

.rm5 {
    margin-right: 5px;
}

.twitter-typeahead {
    width: 100%;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.text_filter {
    width: 100% !important;
    box-sizing: border-box;
}

.input-xs {
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5; /* If Placeholder of the input is moved up, rem/modify this. */
    border-radius: 3px;
}

/* Typeahead styling */

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-menu { /* used to be tt-dropdown-menu in older versions */
    width: 422px;
    margin-top: 4px;
    padding: 4px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-suggestion {
    padding: 3px 20px;
    line-height: 24px;
}

.tt-suggestion.tt-cursor, .tt-suggestion:hover {
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

span.twitter-typeahead span {
    display: none !important;
}
span.twitter-typeahead span:last-of-type {
    display: inline-block !important;
}

.item-block {
    padding-bottom: 10px;
}

.error-block {
    padding: 10px;
}

.model-history {
    max-height: 20em;
    overflow-y: scroll;
}

.model-history table tbody tr:hover{
    cursor: pointer;
}

.status-font {
    font-size: .9em!important;
}


.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    border: 1px solid #d2d6de;
    border-radius: 0;
    padding: 6px 12px;
    height: 34px;
}

.login-form-container {
    margin-left: 50%;
    padding-top:2em;
}

.login-form-container .card{
    margin-left: -50%;
}

.void-transaction {
    text-decoration: line-through;
    color: #9d9d9d;
}

.in-transaction {
    color: #008d4c;
}

.out-transaction {
    color: #e9605c;
}

.box-black {
    border-top-color: #333;
}
.box-purple {
    border-top-color: #605ca8;
}

.btn-black {
    border-color: #333;
    background-color: #333;
    color: #fff;
}
.btn-black:hover{
    border-color: #000;
    background-color: #000;
    color: #ccc !important;
}

.label-black {
    background-color: #333 !important;
}
.label-purple {
    background-color: #605ca8!important;
}
table .default td {
    font-weight: 700;
}

table .actioned td {
    color: #999;
}

#edit-timesheet .modal-content {
    width: 800px;
}

tbody td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tbody tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}
#subTable {
    border-color: #aaa;
}

.table .total td {
    font-weight: bold;
}

#waiting {
    margin-top: 10%;
    margin-left: 30%;
    position:fixed;
    z-index: 1300;
    width:120px;
}

#data .remove:hover {
    cursor: pointer;
}

.borders td.next {
    border-bottom: 1px solid #999 !important;
}

.equal, .equal > div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 0 auto;
}

.sendError:hover {
    cursor: pointer;
}

.returnInput {
    width:50px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
    margin-left: 0;
}

.invoice-info:hover {cursor: pointer}

.pointer-tr > tbody > tr:hover {cursor: pointer}

.approveBtn {margin-left: -15px;}
.status-link {
    color:#fff;
    font-weight: 700;
}

.bordered-head th{
    border: 1px solid #ccc!important;
}

#sendForm .modal, #approve .modal {
    z-index: 950;
}

.modal-dialog {
    margin-top: 100px;
}

.cartitem-q {
    width: 80px !important;
}
#cart .terms-select {
    width: 100%;
}


.tooltip-inner {
    background-color: white !important;
    color: #333 !important;

    -webkit-box-shadow: 0 0 15px 0 rgb(0 0 0 / 75%);
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 75%);
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #FFF;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #FFF;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #FFF;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #FFF;
}

.tooltip > .tooltip-inner {
    max-width: 300px;
    min-width: 250px;
}

@media (max-width: 730px) {
    .modal {
        overflow-y: auto;
    }
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 3rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.badge-danger {
    color: #fff;
    background-color: #e3342f;
}

a.badge-danger:hover,
a.badge-danger:focus {
    color: #fff;
    background-color: #c51f1a;
}

a.badge-danger:focus,
a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(227, 52, 47, 0.5);
}


table.dataTable tbody tr.selected {
    background-color: #b0bed9;
}

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
    background-color: #abb9d3;
}

table.dataTable.hover tbody tr:hover.selected,
table.dataTable.hover tbody tr.odd:hover.selected,
table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected,
table.dataTable.display tbody tr.odd:hover.selected,
table.dataTable.display tbody tr.even:hover.selected {
    background-color: #a9b7d1;
}

/* We use span instead of type="search" to keep same style on all devices and have max support with browser versions */
/*input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}*/

.search-clear {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 16px;
    cursor: pointer;
    color: #ccc;
}


@media (max-width: 991px) {
    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
        right: 1%;
    }
}

.navbar-nav>.user-menu>.dropdown-menu {
    width: 120px
}

.modal {
    overflow-y: auto;
}