html {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    min-height: 100%;
    margin: 0;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.93);
}

.navbar {
    border-radius: 0 !important;
    background-color: #dfdfdf;
}

.logo {
    margin-left: -95px;
    max-width:100%;
    max-height:100%;
}

.btn-sign-in {
    /*background-color: #05f05c;*/
    width: 70%;
    height: 40px;
}
.login-box-bottom{
    margin-top: 30px;
    border-bottom: 1px solid #c5c5c5;
}

.new-table-hover>tbody>tr:hover{
    background-color: #fdde8b;
}

.table-row {
    min-height: 30px;
}

.has-error {
    color: #ff0500 !important;
    border-color: #ff0500 !important;
}

.bk-color-white {
    background-color: white;
}

.bk-color-grey {
    background-color: grey;
}
.bk-color-light-grey {
    background-color: lightgray;
}

input.datepicker {
    border: 1px solid #DCDCDC;
    padding: 2px;
    line-height: 12px;
}


.calendar-day{
    /*border: 1px solid #DDDDDD;*/
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.calendar-day-container{
    width: 14.28%;
    height: 30px;
    float: left;
    position: relative;
}
.calendar-day:hover {
    background-color: #F5871F;
    height: 99%;
}

.calendar-month-container{
    width: 33%;
    float: left;
    min-height: 250px;
    padding-left: 20px;
    padding-right: 20px;
}
.calendar-day-weekend{
    background-color: #cbcbcb;
}
.calendar-year-container. {
    font-size: xx-small;
}

.today {
    border: 1px solid #3000ff;
}

.day-of-week-letter {
    border-bottom: 1px solid #F5871F;
}
.comp-h {
    background-color: #a4a4a4;
}
.user-h {
    background-color: #93d6f8;
}
.user-ha {
    background-color: #639ebf;
}
.user-sl {
    background-color: #ffc1be;
}
.user-sla {
    background-color: #b48686;
}

.calendar-day-detail-container {
    width: 100%;
    min-height: 400px;
    border: 1px solid #F0F0F0;
}
.work-info{
    width: 10px;
    height: 10px;
    position: absolute;
    top: -6px;
    left: 84%;
    -webkit-transform: rotate(-45deg); /* Safari and Chrome */
    -moz-transform: rotate(-45deg);   /* Firefox */
    -ms-transform: rotate(-45deg);   /* IE 9 */
    -o-transform: rotate(-45deg);   /* Opera */
    transform: rotate(-45deg);

}
.work-normal {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid green;

}
.work-low {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ff4536;

}
.work-high {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #75b3d5;
}
.btn-close {
    margin-left: 30px;
}
.dropdown-menu li:hover {
    background-color: #ffc1be;
    color: #1c94c4;
}

.floating-alert {
    z-index: 99999;
    position: absolute;
    bottom: 20px;
    left: 30px;
}
.mt-3 {
    margin-top: 3px;;
}
.hoverTable{
    width:100%;
    border-collapse:collapse;
}
/* Define the hover highlight color for the table row */
.hoverTable tr:hover {
    background-color: #ffc68e;
}

.row-border-bottom {
    border-bottom: 1px solid #ccccc4;
}
.row-border-top {
    border-top: 1px solid #ccccc4;
}
.border-all {
    border: 1px solid #ccccc4;
}
.background-danger {
    background-color: #a90003;
    color: white;
}
.background-danger:hover {
    background-color: #ce0003 !important;
}

.table-checkbox-no-label {
    width: 30px;
    height: 25px;
    padding: 0;
    margin: 0;
}
.table-checkbox-center {
    margin: auto !important;
}
.order-checkbox {
    /*margin-left: 10px !important;*/
    margin: auto !important;
    display: inline-block;
    transform: scale(1.5);
    /*zoom: 150%;*/
}
.order-row {
    margin: auto !important;
    padding: 0;
}

.order-row td {
    padding: 0;
}

.order-row .form-control {
    /*height: 40px !important;*/
    padding: 0 !important;
    margin: 0 !important;
    border-collapse: collapse;
    /*border: 0 solid #ccc;*/
    height: 24px;
    font-size: 12px;
    /*font-weight: 400;*/
    background-color: transparent;
}
.order-cell {
    padding: 1px !important;
}

.np {
    padding: 2px !important;
}

.order-product-number input{
    text-align: right;
    padding-left: 1px;
}
.order-products-col-tl {
    max-width: 60px;
    min-width: 30px;
}
.order-products .form-group {
    margin-bottom: 6px !important;
    border: 0 solid #909090;
    border-collapse: collapse;
}

.vag {
    position: relative;
    bottom: 0;
}

.flex-fw-150 {
    flex: 0 0 150px;
}
.flex-fw-50 {
    flex: 0 0 50px;
}

.col-chkbox {
    width: 20px;
    padding: 2px !important;
    text-align: center;
}
.col-label {
    padding: 2px !important;
    text-align: center;
}

.table-order-products-colw-150 {
    width: 150px;
    padding: 2px !important;
    text-align: center;
}.table-order-products-colw-250 {
     width: 250px;
     padding: 2px !important;
     text-align: center;
 }
.table-order-products-colw-75 {
    width: 75px;
    padding: 2px !important;
}
.table-order-products-colw-100 {
    width: 100px;
    padding: 2px !important;
}
.table-order-products-colw-75 input {
    text-align: right !important;
    padding-left: 2px !important;
}
.table-order-products-colw-50 {
    width: 50px;
    padding: 2px !important;
}
.table-order-products-colw-50 input {
    text-align: right !important;
    padding-left: 2px !important;
}

.table-order-products {
    font-family: Arial;
    font-size: medium;
    background-color: #fff1e0;
}
.table-order-products .form-control {
    /*margin-left: -5px !important;*/
    /*margin-right: -5px !important;*/
    padding-left: 5px !important;
    padding-right: 5px !important;
    border: none !important;

}
.btn-product-search {
    width: 30px;
    text-align: center;
    cursor: pointer;
}

.order-car-selector {
    /*position: relative;*/
    /*min-width: 100%;*/
    /*margin-left: 30px;*/
}
.ui-menu {
    background-color: #9acfea;
    z-index: 99999;
}
.order-input {
    height: 25px;
    font-size: medium;
    font-weight: 600;
}
.order-label {
    font-size: medium;
    margin-bottom: 0;
    margin-left: 10px;
}
.form-group label {
    margin-bottom: 0;
    margin-left: 10px;
}
.form-group {
    margin-bottom: 0.5rem;
}
.order-input:focus {
    background-color: yellow;
}
.upper-case {
    text-transform: uppercase;
}
i {
    margin-left: 5px;
    margin-right: 5px;
}
.client-name {

}
.order-icon {
    padding-top: 2px;
    font-size: large;
}
.form-control {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}
.select2 {
    width: 100%;
    /*margin-left: 25px;*/
    /*display: flex !important;*/
}
.car-detail-label {
    /*width: 45px;*/
    margin-right: 5px;
}
.order-card .card-header {
    padding-top: 5px;
    padding-bottom: 5px;
}
.order-car-selector {
    width: calc(100% - 30px) !important;
    z-index: 100;
}
.order-price-bgn {
    background-color: #ccfac5;
}
.hidden-price {
    display: none;
}
.table-order-labors {
    background-color: #e0f2ff;
    font-family: Arial;
    font-size: medium;

}
.table-order-labors .form-control {
    /*margin-left: -5px !important;*/
    /*margin-right: -5px !important;*/
    padding-left: 5px !important;
    padding-right: 5px !important;
    border: none !important;

}

.order-btn {
    height: 25px;
    font-size: medium;
    font-weight: 600;
}
.labor-price {
    text-align: right;
}

.text-red {
    color: #ff1818;
}

.text-green {
    color: #047d06;
}
.table-order-products .a {
    background-color: #ffd8a9;
}
.table-order-labors .a {
    background-color: #d2e5ff;
}
.product-row {
    background-color: #fff5e6;
}
.labor-row {
    background-color: #d2e5ff;
}

.table-colw-75 {
    width: 75px;
    padding: 2px !important;
}
.table-colw-100 {
    width: 100px;
    padding: 2px !important;
}.table-colw-150 {
     width: 150px;
     padding: 2px !important;
 }.table-colw-175 {
      width: 175px;
      padding: 2px !important;
  }.table-colw-250 {
       width: 250px;
       padding: 2px !important;
   }
.no-padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.no-margin {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.current-event-edit {
    position: absolute;
    left: 0;
    right: 0;
    top: 1px;
    bottom: 1px;
    background: repeating-linear-gradient(
            -45deg,
            rgba(233, 255, 233, 0.5),
            rgba(233, 255, 233, 0.5) 10px,
            rgba(233, 255, 233, 0.2) 10px,
            rgba(233, 255, 233, 0.2) 20px
    );
}

.order-img-preview {
    height: 200px !important;
    border: none;
    /*margin: 10px;*/
    /*position: relative;*/
    /*top: 45%; left: 50%;*/
    /*transform: translate(-50%,-55%);*/
}
.attachment-container {
    /*position: relative;*/
    /*height: 260px !important;*/
    /*width: 20%;*/
    margin: 15px;
    /*padding: 0 15px;*/
    box-shadow: 10px 10px 10px 10px rgba(50, 50, 50, 0.5);
}
.attachment-button-container {
    height: 40px;
    /*bottom: 10px;*/
    /*position: absolute;*/
}
.img-fit {
    max-width:100%;
    max-height:100%;
    display: block;
}
.align-content-bottom {
    margin-block-start: auto;
}
.a {
    background-color: #FFFFEA;
}
.b {
    background-color: #fff7e1;
}
.c {
    background-color: #efe0b3;
}
@media screen and (max-width: 600px) {
    .mobile-font-smaller {
        font-size: smaller;
    }

}
.image-caption {
    font-size: xx-large;
    background-color: black;
}
.btn-default-warning:hover {
    background-color: #f87c2a;
}
.row-light-green {
    background-color: #cfffcf;
}

.row-light-red {
    background-color: #ffdfdf;
}
.row-light-blue {
    background-color: #86cef5;
}
.row-light-orange {
    background-color: #f5d286;
}
.row-light-yellow {
    background-color: #f9ffd0;
}
.row-brown {
    background-color: #a69252;
}
.row-purple {
    background-color: #ca93ec;
}
.order-service-information {

    border: 1px solid lightgrey;
    background-color: #efefef;
}
.btn-modal-close-no-refresh:hover {
    border: 1px solid grey;
    background-color: hsla(0, 4%, 73%, 0.3);
}
.menu-separator {
    height: 1px;
    background-color: #dbdbdb;
    margin-top: 5px;
    margin-bottom: 5px;
}
.message-box-close {
    width: 60px;
}
.calendar-event:hover {
    background-color: #a43b03;
    color: #ffffff;
    z-index: 10;
}
.calendar-event {
    background-color: #d9d9d9;
    position: absolute;
    top: 200px;
    width: 60%;
    border-bottom: 1px solid #9fb5ff;
    border-top: 1px solid #9fb5ff;
    font-size: smaller;
    /*font-weight: bolder;*/
    line-height: 14px;
}
.service-view-date-selector {
    font-size: xx-large;
}
.modal-width-80 {
    width: 80%;
    max-width: 100%;
}
.modal-width-60 {
    width: 60%;
    max-width: 100%;
}
.modal-width-40 {
    width: 40%;
    max-width: 100%;
}
.spacer-10 {
    height: 10px;
}
.calendar-event-bg-r {
    background-color: lightcoral;
}
.calendar-event-bg-yellow {
    background-color: #f0e180;
}
.calendar-event-bg-orange {
    background-color: #f0b480;
}
.calendar-event-bg-green {
    background-color: #a7f080;
}
.calendar-event-bg-blue {
    background-color: #80dff0;
}
form {
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
}
.hour-mark {
    background-color: red;
    height: 2px;
    width: 95%;
    position: absolute;
    left: 50px;
    top: 125px;
}
.service-box-selector {
    display: flex;
}
.active {
    background-color: #1c94c4;
}
.tab-active {
    background-color: #727272;
    color: whitesmoke;
}
.legacy-search-nav {
    font-size: x-large;
    font-weight: bolder;
}
.select2-selection--multiple {
    max-height: initial !important;
}

.vertical-center {
    /*margin: 0;*/
    /*position: absolute;*/
    /*top: 50%;*/
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

.floating-btn {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 50%;
    color: white;
    font-size: 40px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    position: fixed;
    right: 20px;
    bottom: 20px;
    transition: background 0.25s;

    /* <button> */
    outline: none !important;
    border: none;
    cursor: pointer;
}
/*.floating-btn:active {*/
/*    background-color: #085a0c;*/
/*}*/
.floating-btn:hover {
    transition: 0.5s;
}
.mb-2 {
    bottom: 80px !important;
}
.mb-3 {
    bottom: 140px !important;
}
form {
    margin-left: 0;
    /*padding-right: 10px;*/
}

.contact-background {
    background-color: #d8f1fd;
}

/*.d-none {*/
/*    display: none !important;*/
/*}*/
.wpx-100 {
    width: 100px;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-1 {
    margin-top: 1px !important;
}

.mt-3 {
    margin-top: 3px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-menu {
    margin-top: 10px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.alert-text-container {
    padding-right: 20px;
}
.checkbox-sm {
    height: 20px;
    width: 20px !important;
}
.bg-inchis {
    background-color: #88C9DD;
}
.bg-cerere {
    background-color: #FFFFFF;
}
.bg-comanda {
    background-color: #FFFFEA;
}
.bg-livrare {
    background-color: #85CC88;
}

.bg-catalog-group {
    background-color: #fff0c7;
}
.bg-catalog {
    height: 30px;
    font-size: large;
    line-height: 30px;
    color: black;
    background-color: #9acfea;
}
.bg-catalog:hover {
    background-color: #7bc8ea;
}
.div-hover-light-blue:hover {
    background-color: #769bf8;
}
.div-hover-super-light-gray:hover {
    background-color: #dcdcdc;
}
.border-right-left {
    border-left : 1px solid #d5d5d5;
    border-right : 1px solid #d5d5d5;
}
.pad-left-right-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.m-lr-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.checkboxy {
    float: left;
}
.display-table-columns {
    border-left: #0d5aa7;
}
.btn-refresh {
    background: transparent;
    border: none;
}
.no-border {
    border: none !important;
}

.order-status-service-location {
    color: #761c19 !important;
}

.order-status-blue {
    background-color: #88C9DD;
}

.order-status-green {
    background-color: #85CC88;
}

.order-status-odd {
    background-color: #FFFFEA;
}

.order-status-even {
    background-color: #E7E7E7;
}

.modal-nav {
    background: #efefef !important;
    color: black;
}
.modal-nav-active {
    background: #a8c6ff !important;
    color: black;
}
.order-input-error {
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 0;
}
.list-unstyled {
    margin-bottom: 0 !important;
}
.listing-detail-row {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 13px;
    margin-right: 13px;
    border-bottom: 1px solid #d5d5d5;
}

.pt-10 {
    padding-top: 10px;
}
.pb-10 {
    padding-bottom: 10px;
}


@media screen and (max-width: 900px) {
    .modal-width-80 {
        width: 98%;
        max-width: 100%;
    }
    .modal-width-40 {
        width: 98%;
        max-width: 100%;
    }
    form {
        margin-left: 0;
        /*padding-right: 10px;*/
    }
    .mt-menu {
        margin-top: 70px !important;
    }

}