html {
  font-size: 14px;
}

.active-click{
    opacity:0.5;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  /*margin-bottom: 60px;*/
}
.pagination {
    display: flex;
    padding-left: 1rem;
    list-style: none;
}
li.list-group-item-custom {
    margin-left: 30px;
}
.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(33,37,41,var(--bs-bg-opacity,1)) !important;
}
.form-spacing{
    
}
hr {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) !important;
    background-color: unset !important;
}
thead tr{
    white-space:nowrap
}
.fixwith {
    width: 1px;
    white-space: nowrap;
}
.wh110{
    width:110%
}
.active {
    background: orange
}
.card-user-avatar {
    width: 120px;
    border-radius: 50%;
    margin-top: 100px;
    z-index: 7;
    border: 2px solid #cccccc;
    position: relative;
}

.card ul {
    margin:0;
    padding:0;
    list-style: none;
}
.card ul li {
    padding: 5px;
    line-height:16px;
    
}
.card b {
    display: block;
    width: 100px;
}
/* SIDEBAR */
.sidebar {
    flex: 0 0 auto;
    width: 280px !important;
    transition: 0.2s;
}
#price {
    border: none;
    width: 30%;
    font-size: 35px;
    color: orange;
    border-bottom: 2px solid #ced4da
}
@media screen and (max-width: 768px) {
    .sidebar {
        position: fixed;
        height: 100vh;
        z-index: 999;
        left: -300px;
    }
    #price {
        border: none;
        width: 100%;
        font-size: 35px;
        color: orange;
        border-bottom: 2px solid #ced4da
    }
        .sidebar.open {
            left: 0;
        }
}

.btn-cam {
    background: #FF6D00;
    color:white !important;
}
.btn-xanh {
    background: #77be35;
    color:white !important;
}
.btn-primary-custom {
    background: #0d6efd;
    color: white !important;
}
.btn-do {
    background: #dc3545;
    color: white !important;
}

.text-xanh {
    color: #77be35;
    fill: #77be35;
}
.text-cam {
    color: #FF6D00;
}