.cards {
    display: flex;
    flex-wrap: nowrap;
    margin-right: -15px;
    margin-left: -15px;
}

.shadow {
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
}

.shadow-sidebar {
    box-shadow: 0 0 0.375rem 0.25rem rgba(161, 172, 184, 0.15) !important
}

.center-body {
    align-items: center;
}

.bg-nav-icons {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px;
    border: 1px solid #efefef;
    background-color: #efefef;
    border-radius: 7px;
}

.w-10 {
    width: 10px !important;
}

.divcenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mh-550 {
    height: 550px;
    max-height: 550px;
}

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

.br-10 {
    border-radius: 10px !important;
}

.br-10-l {
    border-radius: 10px 0 0 10px !important;
}

.br-10-r {
    border-radius: 0 10px 10px 0 !important;
}

.br-20 {
    border-radius: 20px !important;
}

.lh-0 {
    line-height: 0 !important;
}

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

.min-h-300 {
    min-height: 300px !important;
}

.min-h-350 {
    min-height: 350px !important;
}

.mh-300 {
    max-height: 300px !important;
}

.bg-read {
    background-color: #f2f6fc !important;
}

.ff {
    font-family: Verdana, Geneva, Tahoma, sans-serif !important;
}

.fs-5-0 {
    font-size: 1.0rem !important;
}

.autogrow {
    overflow: scroll;
    min-height: 50px;
    max-height: 280px;
}

.hide-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow: scroll hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}

.h-px-290 {
    height: 290px !important;
}

.h-px-390 {
    height: 390px !important;
}

.pt-11 {
    padding-top: 11px !important;
}

.ml-min-5 {
    margin-left: -5px !important;
}

.mw-20-ellipsis {
    max-width: 17rem !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.table-condensed{
    width: 100% !important;
}

.deliver-box-bg {
    color: #000000 !important;
    background-color: #ffe0db !important;
}
.email-box-bg {
    color: #000000 !important;
    background-color: #fff2d6 !important;
}

.opacity-8 {
    opacity: 0.8 !important;
}

.wrap-icon {
    line-height: 1.25rem !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
}

.pe-none {
    pointer-events: none;
}







.chat-box{
    overflow:auto
}
.chat-list{
    margin:0px;
    padding:0px
}
.chat-list .chat-item{
    list-style:none;
    margin-top:30px
}
.chat-list .chat-item .chat-img{
    display:inline-block;
    width:45px;
    vertical-align:top
}
.chat-list .chat-item .chat-img img{
    width:45px;
    height: 45px;
    border-radius:100%
}
.chat-list .chat-item .chat-content{
    width:calc(100% - 50px);
    display:inline-block;
    padding-left:15px
}
.chat-list .chat-item .chat-content .box{
    display:inline-block;
    padding:10px;
    margin-bottom:3px;
    color:#343a40;
    background:#edf1ff;
    max-width: 850px;
    min-width: 150px;
}
.chat-list .chat-item .chat-time{
    display:block;
    font-size:12px;
    color:#4f5467;
    margin:5px 0 15px 65px
}
.chat-list .chat-item.odd .chat-content{
    text-align:right;
    width:calc(100% - 60px)
}
.chat-list .chat-item .chat-img-odd{
    display:inline-block;
    width:45px;
    vertical-align:top;
}
.chat-list .chat-item .chat-img-odd img{
    width:45px;
    height: 45px;
    border-radius:100%
}
.chat-list .chat-item.odd .chat-time{
    text-align:right;
    margin:5px 50px 15px 0;
}
.chat-list .chat-item.odd .box{
    clear:both;
    color:#fff;
    background:#27a9e3;
    text-align: left;
    max-width: 850px;
    min-width: 150px;
}
.chat-list .chat-item.odd+.odd{
    margin-top:0px
}
.chat-list .chat-item.reverse{
    text-align:right
}
.chat-list .chat-item.reverse .chat-time{
    text-align:left
}
.chat-list .chat-item.reverse .chat-content{
    padding-left:0px;
    padding-right:15px;
}
.chat-br {
    border-radius: 15px 0 15px 15px;
}
.chat-br-from {
    border-radius: 0 15px 15px 15px;
}
.chat-bg-own{
    color:#fff !important;
    background:#27a9e3 !important;
}
.chat-bg-other{
    color:#000000 !important;
    background:#a5e2fd !important;
}






.btn-completed {
    color: #fff !important;
    background-color: #118D29 !important;
    border-color: #118D29 !important;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(113, 221, 55, 0.4) !important;
}
.btn-completed:hover {
    color: #fff !important;
    background-color: #66c732 !important;
    border-color: #66c732 !important;
    transform: translateY(-1px) !important;
}
.btn-check:focus + .btn-completed, .btn-completed:focus, .btn-completed.focus {
    color: #fff !important;
    background-color: #66c732 !important;
    border-color: #66c732 !important;
    transform: translateY(0) !important;
    box-shadow: none !important;
}
.btn-check:checked + .btn-completed, .btn-check:active + .btn-completed, .btn-completed:active, .btn-completed.active, .show > .btn-completed.dropdown-toggle {
    color: #fff !important;
    background-color: #60bc2f !important;
    border-color: #60bc2f !important;
}
.btn-check:checked + .btn-completed:focus, .btn-check:active + .btn-completed:focus, .btn-completed:active:focus, .btn-completed.active:focus, .show > .btn-completed.dropdown-toggle:focus {
    box-shadow: none !important;
}
.btn-completed.disabled, .btn-completed:disabled {
    box-shadow: none !important;
}


.btn-new {
    color: #fff !important;
    background-color: #2C6EDF !important;
    border-color: #2C6EDF !important;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(55, 132, 221, 0.4)
}
.btn-new:hover {
    color: #fff !important;
    background-color: #4887f3 !important;
    border-color: #4887f3 !important;
    transform: translateY(-1px) !important;
}
.btn-check:focus + .btn-new, .btn-new:focus, .btn-new.focus {
    color: #fff !important;
    background-color: #4887f3 !important;
    border-color: #4887f3 !important;
    transform: translateY(0) !important;
    box-shadow: none !important;
}
.btn-check:checked + .btn-new, .btn-check:active + .btn-new, .btn-new:active, .btn-new.active, .show > .btn-new.dropdown-toggle {
    color: #fff !important;
    background-color: #5f9aff !important;
    border-color: #5f9aff !important;
}
.btn-check:checked + .btn-new:focus, .btn-check:active + .btn-new:focus, .btn-new:active:focus, .btn-new.active:focus, .show > .btn-new.dropdown-toggle:focus {
    box-shadow: none !important;
}
.btn-new.disabled, .btn-new:disabled {
    box-shadow: none !important;
}




.btn-redapple {
    color: #fff !important;
    background-color: rgba(0, 0, 0, 1) !important;
    border-color: rgba(0, 0, 0, 1) !important;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.4) !important;
  }
.btn-redapple:hover {
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0.8) !important;
    border-color: rgba(0, 0, 0, 0.8) !important;
    transform: translateY(-1px) !important;
  }
.btn-check:focus + .btn-redapple, .btn-redapple:focus, .btn-redapple.focus {
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0.8) !important;
    border-color: rgba(0, 0, 0, 0.8) !important;
    transform: translateY(0) !important;
    box-shadow: none !important;
  }
.btn-check:checked + .btn-redapple, .btn-check:active + .btn-redapple, .btn-redapple:active, .btn-redapple.active, .show > .btn-redapple.dropdown-toggle {
    color: #fff !important;
    background-color: #bd6363 !important;
    border-color: #bd6363 !important;
  }
.btn-check:checked + .btn-redapple:focus, .btn-check:active + .btn-redapple:focus, .btn-redapple:active:focus, .btn-redapple.active:focus, .show > .btn-redapple.dropdown-toggle:focus {
    box-shadow: none !important;
  }
.btn-redapple.disabled, .btn-redapple:disabled {
    box-shadow: none !important;
  }
  
  
.btn-outline-redapple {
  color: rgba(0, 0, 0, 0.8) !important;
  border-color: rgba(0, 0, 0, 0.8) !important;
  background: transparent !important;
}
.btn-outline-redapple:hover {
  color: #fff !important;
  background-color: rgba(0, 0, 0, 0.8) !important;
  border-color: rgba(0, 0, 0, 0.8) !important;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.4) !important;
  transform: translateY(-1px) !important;
}
.btn-check:focus + .btn-outline-redapple, .btn-outline-redapple:focus {
  color: #fff !important;
  background-color: rgba(0, 0, 0, 0.8) !important;
  border-color: rgba(0, 0, 0, 0.8) !important;
  box-shadow: none !important;
  transform: translateY(0) !important;
}
.btn-check:checked + .btn-outline-redapple, .btn-check:active + .btn-outline-redapple, .btn-outline-redapple:active, .btn-outline-redapple.active, .btn-outline-redapple.dropdown-toggle.show {
  color: #fff !important;
  background-color: #60bc2f !important;
  border-color: #60bc2f !important;
}
.btn-check:checked + .btn-outline-redapple:focus, .btn-check:active + .btn-outline-redapple:focus, .btn-outline-redapple:active:focus, .btn-outline-redapple.active:focus, .btn-outline-redapple.dropdown-toggle.show:focus {
  box-shadow: none !important;
}
.btn-outline-redapple.disabled, .btn-outline-redapple:disabled {
  box-shadow: none !important;
}

  



  .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus {
    background-color: rgba(255, 38, 0, 1) !important;
    color: #fff !important;
    box-shadow: 0 2px 4px 0 rgba(255, 38, 0, 0.4) !important;
  }
  .nav-pills .nav-link.active:hover {
    color: #fff !important;
    background-color: rgba(255, 38, 0, 0.8) !important;
    border-color: 0 2px 4px 0 rgba(255, 38, 0, 0.4) !important;
    transform: translateY(-1px) !important;
  }
  .nav-pills .nav-link {
    background: none !important;
    border: 0 !important;
    border-radius: 0.375rem !important;
  }
  .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    color: #fff !important;
  }
  .nav-pills .nav-link:not(.active, .disabled) {
    color: #7f5656 !important;
  }
  .nav-pills .nav-item {
    margin-right: 1rem !important;
  }





.datepicker.datepicker-dropdown,
.datepicker.datepicker-inline {
    max-width: 275px !important;
}





.input-with-calendar {
    position: relative !important;
}
.input-with-calendar input[type="text"] {
    padding-right: 2.5rem !important;
}
.input-with-calendar i {
    position: absolute !important;
    right: 1.5rem !important;
    top: 1.6rem !important;
    pointer-events: none !important;
}

.input-with-calendar-tables {
    position: relative !important;
}
.input-with-calendar-tables input[type="text"] {
    padding-right: 2.5rem !important;
}
.input-with-calendar-tables i {
    position: absolute !important;
    right: 1.5rem !important;
    top: 0.3rem !important;
    pointer-events: none !important;
}






.sidebar .nav .nav-item.active > .nav-link {
  background: rgba(255, 38, 0, 1) !important;
  position: relative !important;
}

.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link, .sidebar .nav:not(.sub-menu) > .nav-item:hover[aria-expanded="true"] {
  background: rgba(255, 38, 0, 0.73) !important;
  color: #fff !important;
}


.sidebar .nav:not(.sub-menu) > .nav-item > .nav-link[aria-expanded="true"] {
  border-radius: 8px 8px 0 0 !important;
  background-color: rgba(255, 38, 0, 1) !important;
  color: #fff !important;
}

.sidebar .nav:not(.sub-menu) > .nav-item.active{
  background: rgba(255, 38, 0, 0.65) !important;
}

.sidebar .nav.sub-menu {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  list-style: none !important;
  padding: 0.25rem 0 0 3.07rem !important;
  background: rgba(255, 38, 0, 0.65) !important;
  padding-bottom: 12px !important;
}







.bg-redapple {
    --bs-bg-opacity: 1;
    background-color: #ff2600 !important;
  }