

a{
    color: #587cf6;
    text-decoration: none;
}

/*Admin*/
/*Header*/
.header-avatar{
    width: 30px;
    height: 30px;
    object-fit: cover;
    vertical-align: bottom;
}

/*Content*/
@media(min-width:768px){
    #main-content, #main-header{
        margin-left:250px;
    }
}

/*Service*/
.service-swiper img{
    aspect-ratio: 1/1;
    object-fit: cover;
}

/*Sidebar*/
#sidebar{
    z-index: 10;
    max-width: 100%;
    width: 250px;
}
@media(max-width:767px){
    #sidebar{
        display: none;
    }
}
.sidebar-menu{
    height: calc(100vh + -160px);
}
.sidebar-logo{
    width: 70px
}
.sidebar-group a{
    text-decoration: none;
    display: block;
}
.sidebar-title a{
    color: black;
}
.sidebar-title.active a{
    color: white;
}

/*Side sub*/
.sidebar-title.has-sub{
    cursor: pointer
}
.sidebar-sub-group{
    display: none;
}
.sidebar-group.active .sidebar-sub-group{
    display: block;
}

.rounded-10{
    border-radius: 10px
}
.rounded-20{
    border-radius: 20px
}

/*Content admin*/
.quick-link-form{
    display: none;
}

/*Settings*/
.menu-page-side{
    max-width:300px;
    height: 300px;
    overflow: auto
}

/*Dashboard*/
.dashboard-avatar{
    width: 150px;
    height: 150px;
    object-fit: cover
}
.dashboard-badge:hover{
    color: white;
}
.dashboard-badge div{
    transition: 0.1s;
}
.dashboard-badge:hover div{
    color: #f4f5fb;
    transition: 0.3s;
    text-shadow: 0 2px 1px rgb(0 0 0 / 33%);
}
.card-image{
    aspect-ratio: 1/1;
    object-fit: cover;
    object-align: center;
}

/*Order*/
.order-avatar{
    width: 100px;
    height: 100px;
    object-fit: cover;
}

/*Tables*/
.table-responsive .main-th{
    min-width: 150px;
}


/*Comment*/
.comment-avatar{
    width: 50px;
    height: 50px;
    object-fit: cover;
}

/*cards*/
.user-card-image{
}

/* End admin */

/**/
.pointer{
    cursor: pointer;
}

.last-child:last-child{
    display: none;
}

iframe, video{
    max-width: 100%;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #587cf6;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #2d4095;
}