body{
    background: #f4f5fb;
}

a{
    color: #01204e;
    text-decoration: none;
}

/*Admin*/
/*Header*/
.header-avatar{
    width: 30px;
    height: 30px;
    object-fit: cover;
    vertical-align: bottom;
}
.dropdown-sub:hover .dropdown-menu{
    display: block;
}

/*Content*/
@media(min-width:768px){
    #main-content, #main-header{
        margin-left:250px;
    }
}

/*Sidebar*/
#sidebar{
    z-index: 1050;
    max-width: 100%;
}
@media(max-width:767px){
    #sidebar{
        display: none;
    }
}
.sidebar-menu{
    height: calc(100vh + -160px);
}
.sidebar-logo, .invoice-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;
}

/*Content*/
.table-image{
    width: 50px;
    height: 50px;
    object-fit: cover;
}
td.no-border {
    border-width: 0;
}
.rounded-10{
    border-radius: 10px
}
.rounded-20{
    border-radius: 20px
}

/*Content admin*/

.animated-btn-text{
      width: 0%;
      transition: width 2s;
}
.animated-btn:hover .animated-btn-text{
    width: 100%;
}

/*Settings*/
.menu-page-side{
    max-width:300px;
    height: 300px;
    overflow: auto
}


.select2-container {
    max-width: 100% !important;
    min-width: 100px;
}

/*invoice*/
.invoice-product-purchasing{
    display: none;
}

.invoice-product-selector-pop{
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    display: none;
    transition: 1s
}
.invoice-product-selector:focus + .invoice-product-selector-pop, .invoice-product-selector-pop:active{
    display: block;
}
.multiselect-all, .multiselect{
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    margin-left: -24px
}
.rtl .multiselect-table .multiselect-all,.rtl  .multiselect-table .multiselect{
    margin-right: -24px
}

.multiselect-table:hover .multiselect-all , .multiselect-table:hover .multiselect{
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}
.multiselect-all:checked, .multiselect:checked{
    opacity: 1;
}
@media(max-width: 767px) {
    .multiselect-table .multiselect-all, .multiselect-table .multiselect{
        opacity: 1 !important;
    }
}

/*UI*/
.float-plus{
    font-size: 3rem
}
/* End admin */

/**/

.boxed-image{
    aspect-ratio: 1/1;
    object-fit: cover;
}

.pointer{
    cursor: pointer;
}

.last-child:last-child{
    display: none;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #d6d6d6;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #2d4095;
}