:root {
    --yard-goods: #990033;
    --pd-services: #00873C;
}
* {
    font-family: 'Roboto';
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1190px;
    }
}
.h3, h3 {
    font-size: 1.7rem;
    font-weight: 700;
}
.tooltip {
  position: relative;
  display: inline-block;
  opacity: 1;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 105%;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.tbh-breadcrumb.breadcrumbs li.tbh-br-item {
    color: #282C3F;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    text-transform: capitalize;
}
.tbh-breadcrumb.breadcrumbs li.tbh-br-item a {
    text-decoration: none;
    color: #282C3F;
}
.tbh-breadcrumb ul.tbh-br-list li {
    padding-right: 5px;
}
.tbh-breadcrumb.breadcrumbs {
    margin-top: 20px;
    margin-bottom: 5px;
    margin-left: 5px;
}
li.tbh-br-item a:after {
    content: '/';
    padding-left: 5px;
}
.tbh-breadcrumb.breadcrumbs li.tbh-br-item a:hover {
    font-weight: bold;
}
li.tbh-br-item.tbh-end.current {
    font-weight: bold;
}
.sec_title {
    color: #000;
    font-family: 'Roboto';
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/*Popup Styling*/
.th-modal .modal-header {
    padding: 6px 10px;
    background-color: #FF6319;
}
.th-modal .modal-header button.close span {
    color: #FF6319;
    opacity: 1 !important;
    background-color: #FFF;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: block;
    font-size: 18px;
    padding-top: 3px;
}
.th-modal .modal-header button.close {
    opacity: 1;
}
.th-modal .modal-dialog {
    max-width: 75%;
    margin: 1.75rem auto;
}
.select-jso-popup .modal-dialog {
    max-width: 40%;
}
.select-jso-popup .form-buttons.col-md-12 {
    padding-left: 0px;
}
.job-location-popup-save-button {
    padding-left: 18px;
}
.select-jso-popup .form-buttons.col-md-12 button {
    margin-right: 15px;
    border-radius: 0px;
    background-color: #FF6319;
    border: none;
    font-size: 14px;
    padding: 8px 20px;
}
p.th-md-note {
    font-size: 14px;
    margin-top: 20px;
    color: #000;
}
.address-card {
    margin-top: 2.2em;
    /* height: 200px; */
}
.addr-card.add-address {
    margin-top: 35px;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.addr-card.add-address .card-content {
    text-align: center;
}
.addr-card.add-address .card-content span.plus-icon {
    color: #a6a4a4;
    font-size: 40px;
    font-weight: 400;
    line-height: 10px;
}
.addr-card.add-address .card-content p.plus-text {
    font-size: 16px;
    font-weight: 500;
    margin-top: 5px;
    color: #616265;
}
.addr-card.add-address.no-margin {
    margin-top: 0px;
}
.form-check-input:checked {
    background-color: #FF6319;
    border-color: #FF6319;
}
.btn.tbh-save {
    background-color: #ff7043 !important; /* Less intense orange */
    border-color: #ff7043 !important;
    color: #FFFFFF;
    border: none;
    border-radius: 4px;
    padding: 8px 48px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
    /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); */ /* Add text shadow */
    width: 16em;
}

btn.tbh-save:hover {
    background-color: #ff5c33; /* Slightly darker orange */
    color: #FFFFFF;
    text-decoration: none;
}
.btn.tbh-save:active {
    background-color: #e64a19; /* Even darker orange */
    /* transform: scale(0.95); */
}
.add-edit-address-form .form-buttons.col-md-12 {
    padding-left: 0px;
    margin-top: 12px;
}
.add-edit-address-form form {
    margin-top: 20px;
}
.add-edit-address-form .form-group.col-md-6:nth-child(odd) {
    padding-right: 25px;
}
select.form-control {
    -moz-appearance: initial;
    appearance: auto;
}
.modal.th-modal.edit-jobadd-modal .modal-dialog {
    max-width: 35%;
}
a.btn.btn-tbh {
    border-radius: 0px;
    border-radius: 1.685px;
    background: #FF6319 !important;
    box-shadow: 0px 3.371px 3.371px 0px rgba(0, 0, 0, 0.25);
    border-color: #FF6319 !important;
    font-weight: 500;
    padding: 9px 20px;
}
.myacc-jobno-rem {
    display: flex;
    align-items: center;
}
.myacc-jobno-rem a.btn.btn-primary.btn-tbh {
    margin-left: 40px;
}
span.form-small-label {
    display: block;
    font-size: 13px;
    color: #1983c0;
    margin-top: -6px;
    margin-bottom: 10px;
}
.form-row.inline-form-headers {
    background-color: #e6e6e6;
    border-bottom: 2px solid #7a7a7a;
    margin-bottom: 15px;
}

.form-row.inline-form-headers .form-group {
    margin-bottom: 0px;
    padding-top: 10px;
}

.form-row.inline-form-fields .form-group {
    padding-right: 20px;
}

a.addmore-fields {
    text-decoration: none;
    font-size: 14px;
    color: #0067A3;
}

a.addmore-fields i {
    margin-right: 10px;
}

.modal-body .card-bottom {
    z-index: 100;
}
.left-side-img {
    float: left;
}
.loginlogoutlink {
    margin-left: 15px;
}
input[type=date] {
    padding: 5px;
    max-width: 8em;
}

@media only screen and (max-width: 767px) {
    .modal.th-modal.edit-jobadd-modal .modal-dialog {
        max-width: 95%;
        margin-left: 1%;
        margin-right: auto;
    }
    div#addressModal {
        margin-left: 1%;
    }
    .modal-dialog {
        min-width: 95%;
    }
    .slide-content h2 {
        margin-top: 0;
        width: 10em;
    }
    .slick-initialized .slick-slide {
        display: block;
    }
    .slick-slide img {
        height: auto;
        width: 100%;
    }
    .slider.tb-hm-slider.slick-initialized.slick-slider {
        text-align: center;
        margin-left: 3.5em;
        margin-right: auto;
    }
    .slide-content button {
        width: 80%;
        float: left;
    }
    .slide-content a {
        width: auto;
        display: block;
        float: left;
        margin-top: 10px;
    }
    .slide-content {
        margin-left: -0.5em;
        margin-right: 0.5em;
    }
    .slide-content h2 {
        margin-left: 0em;
        margin-right: 0.5em;
        text-align: left;
    }
    nav.tb-top-header ul li {
        margin-right: 15px;
    }
    .th-main-nav .th-mm-nav ul {
        margin-top: 15px;
        margin-left: -3em;
    }
    .add-edit-address-form .form-group.col-md-6:nth-child(odd) {
        padding-right: 0px;
    }
    .edit-job-buttons-row {
        flex-direction: column;
        gap: 10px;
    }
    .slick-initialized .slick-slide {
        min-width: 13em;
    }
    #searchForm .search-page.search-box {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    #searchForm .form-buttons.search-botton {
        width: 100%;
        margin-top: 1rem;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 869px) {
    .slick-initialized .slick-slide {
        min-width: 9em;
    }
    #searchForm .form-buttons.search-botton {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .form-buttons.search-botton button {
        padding-top: 10px;
        padding-bottom: 12px;
    }
}

@media only screen and (min-width: 870px) and (max-width: 1024px) {
    .slick-initialized .slick-slide {
        min-width: 11em;
    }
}
@media only screen and (min-width: 1025px) {
    .slick-initialized .slick-slide {
        min-width: 15em;
    }
}

@media only screen and (min-width: 768px) {
    .search-page.search-box {
        margin-left: -2em;
    }
}

/* ************* Legend CSS ************* */
.legend {
    display: flex;
    gap: 8px;
    margin-bottom: 1rem;
    flex-direction: row;
}

.legend-item {
    display: flex;
    align-items: center;
    margin-left: 15px;
}

.legend-title {
    align-items: center;
    font-weight: 700;
}

.circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block;
}

.pink {
    background-color: #F2CEEF;
    border: 1px solid #C5C5C5;
    border-radius: 50%;
}

.yellow {
    background-color: #FFFF99;
    border: 1px solid #C5C5C5;
    border-radius: 50%;
}

.green {
    background-color: #B5E6A2;
    border: 1px solid #C5C5C5;
    border-radius: 50%;
}

.grey {
    background-color: #D9D9D9;
    border: 1px solid #C5C5C5;
    border-radius: 50%;
}

.white {
    background-color: #FFFFFF;
    border: 1px solid #C5C5C5;
    border-radius: 50%;
}

.orange {
    background-color: #F7C7AC;
    border: 1px solid #C5C5C5;
    border-radius: 50%;
}
.legend-type-of-order {
    margin-left: 4rem;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: flex-start; 
}
.legend-goods-order {
    color: #990033;
    margin-right: 0.85rem;
    padding: 0px;
    font-weight: 700;
    font-size: 25px;
}
.legend-service-order {
    color: #00873C;
    margin-right: 0.85rem;
    padding: 0px;
    font-weight: 700;
    font-size: 25px;
}
.legend-rentals-order {
    color: #0067A3;
    margin-right: 0.85rem;
    padding: 0px;
    font-weight: 700;
    font-size: 25px;
}     
/* ************* ********** ************* */
.col-width-15 {
    width: 15%;
}

.col-width-14 {
    width: 14%;
}

.col-width-24 {
    width: 24%;
}

.col-width-17 {
    width: 17%;
}

.col-width-10 {
    width: 10%;
}

.col-width-5 {
    width: 5%;
}

.edit-job-dept-contact .form-check .form-check-input {
    margin-left: -1rem;
}

.edit-job-dept-contact .form-group .cart-remove-item-link.removeBtn.delete-contact i.fa.fa-trash.cart-remove-item-icon {
    margin-left: 1rem;
}
    
.wt-main-menu {
    min-width: 80% !important;
    max-width: 80% !important;
    margin-left: 10% !important;
    border: 1px solid #ddd;
    border-radius: 0px 0px 5px 5px;
    border-top: none;
    height: 75vh !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    background-color: #fff !important;
    font-weight: normal !important;
    font-family: 'Roboto';
    margin-top: 2px;
}

.wt-menu-list {
    position: relative;
    min-height: 75vh;
    max-height: 75vh;
    overflow-y: auto;
    overflow-x: hidden !important;
    padding-right: 0px !important;
    background-color: #fff !important;
}

.wt-menu-icon {
    position: absolute;
    right: 15px;
    margin-left: 10px;
    -webkit-text-stroke: 1px;
    color: #FF6319;
}

.wt-menu-top-icon {
    position: relative;
    left: 0.5em;
    top: 2px;
    color: #fff;
}

.wt-icon-rotate {
    transform: rotate(180deg);
    display: inline-block;
}

.wt-submenu-item-link{
    cursor: pointer !important;
}

.wt-font-zzl {
    font-size: 34px !important;
}

.wt-font-zxl {
    font-size: 24px !important;
}

.wt-font-zl {
    font-size: 22px !important;
}

.wt-font-xxl {
    font-size: 20px !important;
}

.wt-font-xl {
    font-size: 18px !important;
}

.wt-font-lg {
    font-size: 16px !important;
}

.wt-font-mdl {
    font-size: 15px !important;
}

.wt-font-md {
    font-size: 14px !important;
}

.wt-font-smd {
    font-size: 13px !important;
}

.wt-font-sm {
    font-size: 12px !important;
}

.wt-font-xs {
    font-size: 10px !important;
}

.wt-input-highlight{
    background-color: cornsilk !important;
    border: 1px solid #ff6319 !important;
}

.wt-w-100 {
    width: 100px !important;
    min-width: 100px !important;
}