/*
* custom.css
* File include item demo only specific css only
******************************************************************************/

.light-style .menu .app-brand.demo {
  height: 64px;
}

.dark-style .menu .app-brand.demo {
  height: 64px;
}

.app-brand-logo.login-logo {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    width: 250px;
    height: auto;
}

.app-brand-text.demo {
  font-size: 1.375rem;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 72px !important;
}
/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

.lead-phone-email-truncate{
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 254px;
    position: relative;
  }
  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}


.toast-container {
    position: fixed;
    z-index: 9999;
}
.top-left {
    top: 1rem;
    left: 1rem;
}
.top-center {
    top: 1rem;
    right: 50rem;
}
.bottom-left {
    bottom: 1rem;
    left: 1rem;
}
.bottom-right {
    bottom: 1rem;
    right: 1rem;
}
.toast-success {
    background-color: #d4edda !important;
    color: #155724 !important;
}
.toast-error {
    background-color: #f8d7da !important;
    color: #721c24 !important;
}
.toast-error-1 {
    background-color: #f12939d1 !important;
    color: #ffffff !important;
}
.toast-info {
    background-color: #cce5ff !important;
    color: #004085 !important;
}
.toast-warning {
    background-color: #fff3cd !important;
    color: #856404 !important;
}

.layout-navbar-fixed .layout-page:before{
    backdrop-filter:none !important;
    background:none !important;
}

.toast-container {
    position: fixed !important;
    --bs-toast-zindex: 99999 !important;
}


.ml-1{margin-left: 1px !important;}
.ml-2{margin-left: 2px !important;}
.ml-3{margin-left: 3px !important;}
.ml-4{margin-left: 4px !important;}
.ml-5{margin-left: 5px !important;}
.ml-8{margin-left: 8px !important;}
.ml-10{margin-left: 10px !important;}
.ml-15{margin-left: 15px !important;}
.ml-20{margin-left: 20px !important;}
.ml-25{margin-left: 25px !important;}

.avatar-xl-custom{height:9rem !important;width: 9rem !important;}

.avatar-lg-custom{height:6rem !important;width: 6rem !important;}


#category_icon_image, #profile_image {
    opacity: 0;
    position: absolute;
    z-index: 9;
    float: left;
    left: 13px;
    line-height:30px;
    cursor: pointer;
}

#category_icon_image:after, #profile_image:after {
    content: ' ';
    position: absolute;
    z-index: -1;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.profile-image-sec:hover .btn{
    cursor:pointer !important;
    background-color: #f4f3fe;
    color:#111c2d;
}


.text-decoration-underline{text-decoration: underline;}


.fs-10{font-size:10px!important}.fs-11{font-size:11px!important}.fs-12{font-size:12px!important}.fs-13{font-size:13px!important}.fs-14{font-size:14px!important}.fs-15{font-size:15px!important}.fs-16{font-size:16px!important}.fs-17{font-size:17px!important}.fs-18{font-size:18px!important}.fs-19{font-size:19px!important}.fs-20{font-size:20px!important}.fs-21{font-size:21px!important}.fs-22{font-size:22px!important}.fs-23{font-size:23px!important}.fs-24{font-size:24px!important}.fs-26{font-size:26px!important}.fs-28{font-size:28px!important}.fs-30{font-size:30px!important}.fs-32{font-size:32px!important}.fs-36{font-size:36px!important}.fs-48{font-size:48px!important}

.jstree-default > .jstree-container-ul > .jstree-node {line-height: 30px !important;}
.jstree-default > .jstree-container-ul > .jstree-node > .jstree-children > li {line-height: 30px !important;}

.no-shadow{}

.bar-header-card .card-header h4{margin-bottom: 0px !important;line-height: 1em !important;}
.bar-header-card .card-header .breadcrumb{margin-bottom: 0px !important;}

.breadcrumb-item, .breadcrumb-item a{color: #111c2d !important;}

/*.authentication-inner::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background: black;
    z-index: 1;
    border-radius: 20px;
    box-shadow: 0 0px 90px 200px #ffffff87;
}*/

.login-app-brand {z-index: 2 !important;}

.hidden{display:none !important;}

.category-content-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    background-color: #97959e;
}

.unread-feedback{background: #2f2b3d0f;}
.read-feedback{font-weight: 500;}
.important-feedback{color:#ff9f43}
.swal2-backdrop-show{z-index: 9999 !important;}

.additional-feature-category .list-group-item {cursor: move !important;}
.operational-hour-row{grid-template-columns: 1fr 1fr 1fr 1fr 1fr; border:1px solid #e0e0e0; background:#f4f4f4; border-radius: 30px;}
.operational-hour-row{cursor: pointer;}
.text-right{text-align:right;}
.text-left{text-align:left;}
.edit-service{cursor: pointer;}

.image-action-wrapper{position: absolute;bottom: 5px;}
.image-action-wrapper .image-actions{background-color: #fff;padding: 2px 13px;font-size: 12px;color: #000;border-radius: 2px;cursor: pointer;}
.edit-business-about-content {cursor: pointer;}

.business-address-info-section .form-control{min-height: 40px;}
.business-contact-info-section .edit-contact-detail{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;height: 40px;}

.thumbnail-medium-images-box {display: inline-block;vertical-align: top;margin: 5px;}
.thumbnail-medium-images-box .thumbnail-medium-images {display: inline-block;overflow: hidden;}
.add-media {background: #ffffff;border: 1px solid #ddd;height: 155px;width: 100%;display: block;line-height: unset !important;color: #dfdfdf;cursor: pointer;}

.thumbnail-medium-images-box .thumbnail-medium-images input[type=file] {opacity: 0;position: absolute;z-index: 9;float: left;left: 13px;line-height: 190px;cursor: pointer;top: 0px;}

.business-images .image-sortable-list .image-container{position: relative;background: #f1f1f1;padding: 5px;height:130px;}

.business-logo-list-preview{height: 40px; width: 40px;}
.business-logo-detail-preview{height: 126px; width: 126px;}
.border-radius-12{border-radius: 12px;}
.border-radius-30{border-radius: 30px;}

.pac-container {z-index: 9999 !important;}

.text-list-heading{color: #000000 !important;font-weight: bold;}

.select2-container--default .select2-results__option--highlighted:not([aria-selected=true]) {
    background-color: rgba(216, 229, 131) !important;
    color: #000 !important;
}

.light-style .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: rgba(216, 229, 131) !important;
    color: #000 !important;
}


.chosen-container .chosen-results li.highlighted {
    background-color: #cdde60 !important;
    color: #fff;
}

.light-style .datepicker table tr td.day:hover, .light-style .datepicker table tr td.focused{
    background: #cdde60 !important;
}

.daterangepicker td.active:not(.off){
    background: #cdde60 !important;
}

.datepicker td.active:not(.off){
    background: #cdde60 !important;
}

.daterangepicker .start-date:not(.end-date):not(.off), .daterangepicker .end-date:not(.start-date):not(.off){
    background: #cdde60 !important;
}

.nav-pills .nav-item .nav-link:not(.active):hover{background-color: #cdde6073 !important;}

/*#add_lead_form_canvas .select2-container--default, #add_lead_form_canvas .select2-container--default *{
    z-index:9999 !important;
}*/

#lead_tag{z-index: 100 !important;}

.entity-bg-label-warning{
    background-color: #fff0e1bf !important;
    color: #ff9f43  !important;
}

.entity-bg-label-success{
    background-color: #ccdbd24a !important;
    color: #28c76f  !important;
}

.entity-bg-label-info{
    background-color: #acc78f1f !important;
    color: #00bad1 !important;
}

a {color: #000000}



@media (min-width: 1024px){
    .lg\:text-center {
        text-align: center;
    }
}
@media (max-width: 575px) {
    .dash-commission-sales.card-body {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
    }
    .dash-commission-sales .badge{
        flex-shrink: 0;
        margin-bottom: 0 !important;
        margin-right: 12px;
    }
    .dash-commission-sales .text-heading {
        margin-bottom: 0 !important;
    }

}
@media (max-width: 480px) {

    .proposal-detail .left-section .linked-entity .text-limited{text-overflow: ellipsis;overflow: hidden;width: 170px;white-space: nowrap;}
    .invoice-detail .left-section .linked-entity .text-limited{text-overflow: ellipsis;overflow: hidden;width: 170px;white-space: nowrap;}

    .text-truncate {
        width: 130px;
        display: block !important;
    }
    .datatables-products .text-truncate {
        width: 45vw !important;
    }
    .lead-list-table .text-truncate {
        width: 30vw !important;
        display: flex !important;
    }
    .lead-list-table .text-truncate *:not(.avatar-wrapper) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .lead-modal .text-truncate {
        width: 100% !important;
        display: flex !important;
        text-wrap: auto;
    }
    .product-modal .text-truncate {
        width: 100% !important;
        text-wrap: auto;

    }
    .proposal-list-table .text-truncate{
        width: 45vw !important;
    }
    .proposal-modal .text-truncate {
        width: 100% !important;
        text-wrap: auto;
    }
    .notification-modal .text-truncate {
        width: 100% !important;
        text-wrap: auto;
    }
    .datatables-lead-contacts .text-truncate {
        width: 60vw !important;
    }
    .contact-modal .text-truncate {
        width: 100% !important;
        text-wrap: auto;
    }
    .invoice-list-table .text-truncate {
        width: 60vw !important;
    }
    .invoice-modal .text-truncate {
        width: 100% !important;
    }
    .customer-list-table .text-truncate {
        width: 35vw !important;
    }
    .customer-modal .text-truncate {
        width: 100% !important;
    }
    /*.customer-list-table .user-name {*/
    /*    flex-direction: column;*/
    /*    align-items: flex-start !important;*/
    /*}*/
}

@media (max-width: 400px) {
    .text-truncate {
        width: 80px;
        display: block !important;
    }
}


@media (max-width: 360px) {
    .text-truncate {
        width: 50px;
        display: block !important;
    }
}

@media (max-width: 330px) {
    .text-truncate {
        width: 35px;
        display: block !important;
    }
}

@media(min-width: 1400px) {
    .container-xxxl {
        max-width: 94.799vw !important;
    }
}

.tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap{width:30px !important; height: 30px !important;}

.bg-label-dummy-value {background-color: #fefcf4 !important; color: #3aa4b1 !important; padding: 2px;}

.lead-detail .remove-lead-tag .ti-x:hover{color:red;}
.badge-outline-warning{color:#f7b84b;border:1px solid #f7b84b;background-color:transparent}

.bg-discount-summary{background-color: #fffaf3 !important;border-color: #c5c5c5 !important;}
.bg-commission-summary{background-color: #f9f0e5 !important;border-color: #c5c5c5 !important;}

.payments-page td{
    border-color: #cdde60;
}

@media (max-width: 767px){
    .invoice-calculations {
        width: 100% !important;
    }
}

/*Custom hover effect*/
.custom-hover {
    transition: all 0.3s ease-in-out;
}
.custom-hover:hover {
    border-radius: 6px;
    transform: scale(1.05);
    /*box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;*/
    /*box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;*/
}

.custom-hover:hover.custom-bg-white {
    background-color: #fff;
}

.custom-hover:hover.custom-bg-grey {
    background-color: #f7f7f7;
}

.wizard-steps .step.active i {
    color: #929e44 !important;
}

.bg-menu-theme {
    background-color: #000 !important;
    color: #FFF !important;
}


.layout-navbar .search-input-wrapper .twitter-typeahead {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.layout-navbar .search-input-wrapper .search-input {
    height: 100%;
    box-shadow: none;
}

.bg-navbar-theme .search-input-wrapper .search-input, .bg-navbar-theme .search-input-wrapper .search-toggler {
    background-color: #fff !important;
    color: #000;
}

.layout-navbar .navbar-search-wrapper .navbar-search-suggestion {
    max-height: 28rem;
    border-radius: 0.375rem;
}
.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion {
    color: #6d6b77;
}
.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion:hover, .layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion.active {
    background: rgba(47, 43, 61, 0.06);
    color: #6d6b77;
}
.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestions-header {
    font-weight: 500;
}

.layout-navbar .search-input-wrapper .navbar-search-suggestion {
    width: 100%;
}

.nav-link:hover, .nav-link:focus{color:#555555 !important;}

.card-header {cursor: pointer;}

.card-header .card-collapsible i {cursor: pointer;}