/***** Media Print *****/
@media print {
    th, tfoot td, #totalBody td {
        font-weight: bold;
        color: #000000;
    }
    tbody, td {
        font-weight: normal;
        color: #000000;
    }
    td {
        padding: .3rem .75rem !important;
    }
    #billContent {
        color: #000000;
        font-weight: 300;
    }
}

/***** General *****/
.h6, h6 {
    font-size: 1.15rem;
}
.sidebar .sidebar-brand {
    padding: 0;
}
.sidebar .sidebar-brand img {
    max-width: 100%;
}
.form-tooltip {
    float: right;
    font-size: 1.3em;
}

#wrapper #content-wrapper {
    background-color: #f8f9fc9c;
}
#accordionSidebar{
    background-color: #040d27;
    background-image: linear-gradient(180deg,#1b306f 10%,#040d27 100%);
    background-size: cover;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover, .sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
    background-color: #263f88;
}
.sidebar .nav-item .nav-link {
    width: auto;
}
.card-header {
    background-color: #f8f9fc57;
}
.btn-group-sm>.btn, .btn-sm {
    padding: 0;
    line-height: 35px;
    text-align: center;
    font-size: 17px;
    min-width: 35px;
    min-height: 35px;
}

.card-body .card-header .card-title {
    float: left;
    margin-bottom: 0;
}
.card-body .card-header .fas{
    float: right;
    font-size: 24px;
    line-height: 26px;
    padding-right: 10px;
}
.card-body .card .card-header[data-toggle=collapse]::after {
    line-height: 61px;
    font-size: 26px;
}
/**** Login ****/
form.user .form-control-user {
    font-size: 16px;
}

form.user .btn-user {
    font-size: 16px;
}
/**** Client colors ***/
.bg-client {
    background-color: #3f51b5 !important;
}
a.bg-client:hover, a.bg-client:focus, a.btn-client:hover, a.btn-client:focus,
button.bg-client:hover, button.bg-client:focus,
button.btn-client:hover, button.btn-client:focus{
    background-color: #37479e !important;
    color: #ffffff;
}
.border-left-client {
    border-left: .25rem solid #3f51b5 !important;
}
.border-bottom-client {
    border-bottom: .25rem solid #3f51b5 !important;
}
.text-client {
    color: #37479e;
}
.btn-client {
    background-color: #37479e;
    color: #ffffff;
}
/****** Car colors ****/
.bg-car {
    background-color: #2196F3 !important;
}

a.bg-car:hover, a.bg-car:focus, a.btn-car:hover, a.btn-car:focus,
button.bg-car:hover, button.bg-car:focus,
button.btn-car:hover, button.btn-car:focus{
    background-color: #1975bd !important;
    color: #ffffff;
}
.border-left-car {
    border-left: .25rem solid #2196F3 !important;
}
.border-bottom-car {
    border-bottom: .25rem solid #2196F3 !important;
}
.text-car {
    color: #2196F3;
}
.btn-car {
    background-color: #2196F3;
    color: #ffffff;
}
/****** Budget colors ****/
.bg-budget {
    background-color: #673AB7 !important;
}

a.bg-budget:hover, a.bg-budget:focus, a.btn-budget:hover, a.btn-budget:focus,
button.bg-budget:hover, button.bg-budget:focus,
button.btn-budget:hover, button.btn-budget:focus{
    background-color: #44257b !important;
    color: #ffffff;
}
.border-left-budget {
    border-left: .25rem solid #673AB7 !important;
}
.border-bottom-budget {
    border-bottom: .25rem solid #673AB7 !important;
}
.text-budget {
    color: #673AB7;
}
.btn-budget {
    background-color: #673AB7;
    color: #ffffff;
}
/****** bill colors ******/
.bg-bill {
    background-color: #E91E63 !important;
}

a.bg-bill:hover, a.bg-bill:focus, a.btn-bill:hover, a.btn-bill:focus,
button.bg-bill:hover, button.bg-bill:focus,
button.btn-bill:hover, button.btn-bill:focus{
    background-color: #ca1955 !important;
    color: #ffffff;
}

.border-left-bill {
    border-left: .25rem solid #E91E63 !important;
}
.border-bottom-bill {
    border-bottom: .25rem solid #E91E63 !important;
}
.text-bill {
    color: #E91E63;
}
.btn-bill {
    background-color: #E91E63;
    color: #ffffff;
}

#wrapper {
    height: 100%;
    overflow-y: hidden;
    position: fixed;
    width: 100%;
}

/***** branch colors *****/
.bg-branch {
    background-color: #4caf50 !important;
}

a.bg-branch:hover, a.bg-branch:focus, a.btn-branch:hover, a.btn-branch:focus,
button.bg-branch:hover, button.bg-branch:focus,
button.btn-branch:hover, button.btn-branch:focus{
    background-color: #2f6f32 !important;
    color: #ffffff;
}

.border-left-branch {
    border-left: .25rem solid #4caf50 !important;
}
.border-bottom-branch {
    border-bottom: .25rem solid #4caf50 !important;
}
.text-branch {
    color: #4caf50;
}
.btn-branch {
    background-color: #4caf50;
    color: #ffffff;
}

/***** product colors *****/
.bg-product {
    background-color: #ff5722 !important;
}

a.bg-product:hover, a.bg-product:focus, a.btn-product:hover, a.btn-product:focus,
button.bg-product:hover, button.bg-product:focus,
button.btn-product:hover, button.btn-product:focus{
    background-color: #d03707 !important;
    color: #ffffff;
}

.border-left-product {
    border-left: .25rem solid #ff5722 !important;
}
.border-bottom-product {
    border-bottom: .25rem solid #ff5722 !important;
}
.text-product {
    color: #ff5722;
}
.btn-product {
    background-color: #ff5722;
    color: #ffffff;
}
/***** suppliers colors *****/
.bg-supplier {
    background-color: #f29000 !important;
}

a.bg-supplier:hover, a.bg-supplier:focus, a.btn-supplier:hover, a.btn-supplier:focus,
button.bg-supplier:hover, button.bg-supplier:focus,
button.btn-supplier:hover, button.btn-supplier:focus{
    background-color: #dc8300 !important;
    color: #ffffff;
}

.border-left-supplier {
    border-left: .25rem solid #f29000 !important;
}
.border-bottom-supplier {
    border-bottom: .25rem solid #f29000 !important;
}
.text-supplier {
    color: #f29000;
}
.btn-supplier {
    background-color: #f29000;
    color: #ffffff;
}
/***** representative colors *****/
 .bg-representative {
     background-color: #9c27b0 !important;
 }

a.bg-representative:hover, a.bg-representative:focus, a.btn-representative:hover, a.btn-representative:focus,
button.bg-representative:hover, button.bg-representative:focus,
button.btn-representative:hover, button.btn-representative:focus{
    background-color: #671a74 !important;
    color: #ffffff;
}

.border-left-representative {
    border-left: .25rem solid #9c27b0 !important;
}
.border-bottom-representative {
    border-bottom: .25rem solid #9c27b0 !important;
}
.text-representative {
    color: #9c27b0;
}
.btn-representative {
    background-color: #9c27b0;
    color: #ffffff;
}
/***** order colors *****/
.bg-order {
    background-color: #009688 !important;
}

a.bg-order:hover, a.bg-order:focus, a.btn-order:hover, a.btn-order:focus,
button.bg-order:hover, button.bg-order:focus,
button.btn-order:hover, button.btn-order:focus{
    background-color: #028175 !important;
    color: #ffffff;
}

.border-left-order {
    border-left: .25rem solid #009688 !important;
}
.border-bottom-order {
    border-bottom: .25rem solid #009688 !important;
}
.text-order {
    color: #009688;
}
.btn-order {
    background-color: #009688;
    color: #ffffff;
}
/***** inWorkshop colors *****/
.bg-inWorkshop {
    background-color: #f5b905 !important;
}

a.bg-inWorkshop:hover, a.bg-inWorkshop:focus, a.btn-inWorkshop:hover, a.btn-inWorkshop:focus,
button.bg-inWorkshop:hover, button.bg-inWorkshop:focus,
button.btn-inWorkshop:hover, button.btn-inWorkshop:focus{
    background-color: #d8a200 !important;
    color: #ffffff;
}

.border-left-inWorkshop {
    border-left: .25rem solid #f5b905 !important;
}
.border-bottom-inWorkshop {
    border-bottom: .25rem solid #f5b905 !important;
}
.text-inWorkshop {
    color: #f5b905;
}
.btn-inWorkshop {
    background-color: #f5b905;
    color: #ffffff;
}
/******* Unpaid colors ******/
.bg-unpaid {
    background-color: #F44336 !important;
}

a.bg-unpaid:hover, a.bg-unpaid:focus, a.btn-unpaid:hover, a.btn-unpaid:focus,
button.bg-unpaid:hover, button.bg-unpaid:focus,
button.btn-unpaid:hover, button.btn-unpaid:focus{
    background-color: #957100 !important;
    color: #ffffff;
}

.border-left-unpaid {
    border-left: .25rem solid #F44336 !important;
}
.border-bottom-unpaid {
    border-bottom: .25rem solid #F44336 !important;
}
.text-unpaid {
    color: #c19306;
}
.btn-unpaid {
    background-color: #c19306;
    color: #ffffff;
}

/****** forms ***/
form.was-validated .is-valid{
    border-color: #1cc88a !important;
}

form.was-validated .is-invalid{
    border-color: #e74a3b !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23e74a3b' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23e74a3b' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
}

input[type="checkbox"] {
    width: auto;
    float: left;
    height: 25px;
    margin-right: 10px;
}
textarea#additionalInformation{
    width: 100%;
    height: 80px;
}
/***** tables ****/
.editing td{
    color: #e74a3b!important;
}

.table-hover tbody tr:hover {
    color: #4e73df;
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.table-hover tbody tr.selected {
    color: #4e73df;
    background-color: rgba(0, 0, 0, 0.2);
}

/***** print ****/

.legal {
    font-size: 13px;
    line-height: 14px;
}

/******** work order *********/
.checkboxes p {
    margin-bottom: 1px;
}

.fullTextArea {
    width: 100%;
    height: 120px;
}

.order-car {
    max-width: 320px;
    width:100%;
}

.order-input {
    width: 120px;
}