body {
	font-size: 0.8rem;
}

a {
    color: #343a40;
    text-decoration: none;
    background-color: transparent;
}

.content-wrapper {position: relative;}
.content-wrapper form label {
    font-size: 0.7rem;
}

.content-wrapper form input,.content-wrapper form select, .content-wrapper form textarea {
    font-size: 0.8rem;
}
.rate-select-layer {color: yellow;}
.rating-div {font-size: 18px;}

.badge{
    font-size: 100%;
}

.brand-text{
    color: #000;
}

.alert-success {
    color: #fff;
    background: #5abd70;
    border-color: #5abd70;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color: #4c4d4e;
    border-color: #4c4d4e;
}

.btn-primary:hover {
    background-color: #4c4d4e;
    border-color: #4c4d4e;
}

.nav-treeview .nav-item .nav-link {
    padding-left: 3.5rem;
}

.nav-treeview>.nav-item>.nav-link {
    color: #b3b8c1;
}

.brand-link {
    border-bottom:none;
    height: 3.5rem;
    pointer-events: none;
    color: rgba(255,255,255,.8);
    background: white;
}

.elevation-4 {box-shadow: 0 14px 2px rgba(0,0,0,.25),0 10px 0px rgba(0,0,0,.22)!important}

.nav-sidebar .nav-header {
    padding: .5rem !important;
    font-size: 0.7rem;
    text-transform: uppercase;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover{
    background-color: rgba(255, 255, 255, .1);
    color: white;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
	background-color: #58595a;
}

.card-primary:not(.card-outline)>.card-header {
	background-color: #343a40;
}

.page-item.active .page-link {
	background-color: #343a40;
    border-color: #343a40;
}

.btn-primary {
    background-color: #343a40;
    border-color: #343a40;
}

.show-table th{
    border-left: 1px solid #dee2e6;
    padding-left: 1%;
}

.profile-user-img {
    width: 150px;
    height: 150px;
}

.badge-orange {
    color: #fff;
    background-color: #fd7e14bd;
}

/* CHAT */
.direct-chat-messages { height: 400px; padding: 12px; }
.direct-chat-contacts { height: 400px; }
.scroll {
    max-height: 386px;
    min-height: 386px;
    overflow-y: auto;
}
.direct-chat-text {
    margin: 5px 0 0 0;
}
.right .direct-chat-text {
    margin-right: 0px;
}
.direct-chat-msg {
    margin-bottom: 1.5rem;
}
.direct-chat-primary .right>.direct-chat-text::after, .direct-chat-primary .right>.direct-chat-text::before{
    border-left-color: #4aad76;
}
.direct-chat-primary .right>.direct-chat-text {
    background: #4aad76;
    border-color: #4aad76;
    color: #fff;
}
/*chat scroll bar*/
.chat-scroll::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.chat-scroll::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

.chat-scroll::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
.chat-scroll-2::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.chat-scroll-2::-webkit-scrollbar
{
    width: 10px;
    background-color: #F5F5F5;
}

.chat-scroll-2::-webkit-scrollbar-thumb
{
    background-color: #555;
    border: 2px solid #555555;
}
/* CHAT */

/*TOAST ALERT*/
#toastsContainerTopRight {
    min-width: 22%;
    margin: 10px;
}
/*TOAST ALERT ENDS*/


/* IMAGE VIEWER */

.image-container .img-div {
    position: absolute;
    top: 20%;
    left: 20%;
}

.image-container .popup img{
    cursor: pointer;
}
.image-container .show{
    z-index: 999;
    display: none;
}
.image-container .show .overlay{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.66);
    position: absolute;
    top: 0;
    left: 0;
}

.image-container .img-div span{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99;
    cursor: pointer;
    color: #f1eeee;
    background: #232121;
    border-radius: 50%;
    width: 18px;
    font-weight: bold;
    text-align: center;
}

.brand-link .brand-image {
    float: none;
    line-height: .8;
    margin: auto;
    margin-top: -5px;
    max-height: 42px;
    width: 14rem;
}

/* IMAGE VIEWER END */

/* preloader */
.preloader {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 9999;
   background-color: #FFF;
   display: flex;
   justify-content: center;
   align-items: center;
}
.preloader img {
    left: 0;
    position: absolute;
    right: 0;
    margin: 0 auto;
    width: 12% !important;
}

/* preloader END */

/* ajaxLoader */
.ajaxLoader {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 9999;
   background-color: rgba(255,255,255,0.5);
}

.spinner-box {
  width: 100px;
  height: 100px;
  display: flex;
  align-self: center;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  left: 50%;
  top: 300px;
  position: absolute;
}

@keyframes spin {
  from {
    transform: rotate(0);
  }
  to{
    transform: rotate(359deg);
  }
}

.circle-border {
  width: 60px;
  height: 60px;
  padding: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: rgba(23,162,184);
  background: linear-gradient(0deg, rgba(23,162,184,0.1) 33%, rgba(23,162,184,1) 100%);
  animation: spin .8s linear 0s infinite;
}

.circle-core {
  width: 100%;
  height: 100%;
  background-color: rgb(255 255 255);
  border-radius: 50%;
}

/* ajaxLoader END */

/* login page */
.login-card {background-color: rgba(255,255,255,0.15); }
.login-card-body {background-color: rgba(255,255,255,0.15); }
.login-box-msg {color: #000;}
.login-card-body [class*=icheck-]>input:first-child+input[type=hidden]+label::before, [class*=icheck-]>input:first-child+label::before  {border: 1px solid #73706b;}
.login-card-body .input-group .input-group-text, .register-card-body .input-group .input-group-text {    background-color: #fff;}
/* login page END */

.show-images img { height: 150px; }
.show-images i.fa-check {
  font-size: 2rem;
  top: 50%;
  left: 50%;
  color: green;
  border-radius: 50%;
  background-color: white;
  position: absolute;
  transform: translate(-50%, -50%);
}

.order-live-card-body {
  min-height: 500px;
}
#LiveOrder ul#custom-tabs-one-tab li.nav-item{width: 25%;text-align: center;font-size: 20px}

/*.form-group img.img-thumbnail {
    background-color: black;
}*/

.gm-style .gm-style-iw-c,.gm-style .gm-style-iw-t::after {top: -20px;}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

.item-container::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.item-container::-webkit-scrollbar
{
    width: 8px;
    background-color: #F5F5F5;
}

.item-container::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #343a40;
}

.ribbon-wrapper .ribbon {
  left: -22px;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}
.ribbon-wrapper {left: -2px;}

.brand-link {
    padding: 0px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 115px !important;
}

img.brand-image {
    margin: 0px !important;
    height: 100% !important;
    width: 100% !important;
    max-height: 100% !important;
}

/* i.fas.fa-bars {
    display: none;
} */
ul.navbar-nav:first-child {display: none;}