/*
* custom.css
* File include item demo only specific css only
******************************************************************************/
body {
    background: #f8faf5 !important;
}

/*Login page*/
.authentication-wrapper.authentication-basic .authentication-inner:before{
    background-image: url("data:image/svg+xml,%3Csvg width='239' height='234' viewBox='0 0 239 234' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='88.5605' y='0.700195' width='149' height='149' rx='19.5' stroke='%23cdde60' stroke-opacity='0.5'/%3E%3Crect x='0.621094' y='33.761' width='200' height='200' rx='10' fill='%23cdde60' fill-opacity='0.3'/%3E%3C/svg%3E%0A") !important;
}
.authentication-wrapper.authentication-basic .authentication-inner:after{
    background-image: url("data:image/svg+xml,%3Csvg width='181' height='181' viewBox='0 0 181 181' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.30469' y='1.44312' width='178' height='178' rx='19' stroke='%23cdde60' stroke-opacity='0.5' stroke-width='2' stroke-dasharray='8 8'/%3E%3Crect x='22.8047' y='22.9431' width='135' height='135' rx='10' fill='%23cdde60' fill-opacity='0.3'/%3E%3C/svg%3E%0A") !important;
}

.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;
}

/* 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-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: #929e44a1 !important;
}

.daterangepicker 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_product_canvas .select2-container--default, .select2-container--default *{
    z-index:9999 !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}

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

@media (max-width: 480px) {
    .text-truncate {
        width: 150px;
    }
    .report-modal .text-truncate {
        width: 100% !important;
    }
}

@media(min-width: 1400px) {
    .container-xxxl {
        max-width: 94.799vw !important;
    }
}
.ranges li.active {
    color: #929e44 !important;
    background-color: #e9f1cc !important;
}
.btn-label-primary {
    background: #e9f1cc !important;
}
.btn-label-primary:hover {
    border-color: transparent !important;
    background: #dce8b4 !important;
    color: #929e44 !important;
}