/* Global Start */
:root{
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-primary: #3D5EE1;
    --color-success: #1ABE17;
    --color-warning: #EAB300;
    --color-danger: #e82646;
    --color-info: #0f65cd;
    --color-purple: #4a00e5;
    --color-teal: #02a8b5;
}
*{
    padding: 0;
    margin: 0;  
    box-sizing: border-box;
    font-family: 'iranyekan', sans-serif;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}
html{
    overflow-x: hidden;
}
body{
    overflow-x: hidden;
}
.bg-primary{
    background-color: #3D5EE1 !important;
}
.bg-success{
    background-color: #1ABE17 !important;
}
.bg-warning{
    background-color: #EAB300 !important;
}
.bg-danger{
    background-color: #e82646 !important;
}
.bg-info{
    background-color: #0f65cd !important;
}
.bg-purple{
    background-color: #4a00e5 !important;
}
.bg-teal{
    background-color: #02a8b5 !important;
}
.border-color-primary{
    border-color: #3D5EE1 !important;
}
.border-color-success{
    border-color: #1ABE17 !important;
}
.border-color-warning{
    border-color: #EAB300 !important;
}
.border-color-danger{
    border-color: #e82646 !important;
}
.border-color-info{
    border-color: #0f65cd !important;
}
.border-color-purple{
    border-color: #4a00e5 !important;
}
.border-color-teal{
    border-color: #02a8b5 !important;
}
.border-right-color-primary{
    border-right-color: #3D5EE1 !important;
}
.border-right-color-success{
    border-right-color: #1ABE17 !important;
}
.border-right-color-warning{
    border-right-color: #EAB300 !important;
}
.border-right-color-danger{
    border-right-color: #e82646 !important;
}
.border-right-color-info{
    border-right-color: #0f65cd !important;
}
.border-right-color-purple{
    border-right-color: #4a00e5 !important;
}
.border-right-color-teal{
    border-right-color: #02a8b5 !important;
}
.text-color-white{
    color: var(--color-white)
}
.justify-content-end{
    justify-content: flex-end;
}
.card{
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06);
    overflow: hidden;
    margin-bottom: 16px;
}
.card .card-header,
.card .card-footer{
    background-color: #E9EDF4;
    border: 1px solid #E9EDF4;
    display: flex;
    align-items: center;
    padding: 16px 20px 16px;
}
.card .card-header .icon{
    background-color: #FFFFFF;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    font-size: 12px;
}
.card .card-header .card-title{
    margin-right: 10px;
    font-size: 18px;
    font-weight: 600;
}
.card .card-body{
    padding: 18px;
}
.form-group{
    margin-bottom: 8px;
}
.form-group.allow-clear{
    position: relative;
}
.form-group label{
    font-size: 14px;
    font-weight: 500;
    color: #202C4B;
    margin-bottom: 8px;
    display: inline-block;
}
.form-group:has(input[type="checkbox"]) label{
    margin-bottom: 0;
    padding-right: 10px;
    cursor: pointer;
}
.form-group .form-control{
    display: block;
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #E9EDF4;
    color: #202C4B;
    background-color: #ffffff;
    border-radius: 5px;
    outline: 0;
}
.form-group:has(input[type="checkbox"]) .form-control{
    width: 20px;
    height: 20px;
    border: 1px solid #E9EDF4;
    cursor: pointer;
}
.form-group:has(input[type="checkbox"]){
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.form-group.allow-clear .clear{
    position: absolute;
    bottom: 2px;
    left: 5px;
    font-weight: bold;
    font-size: 30px;
    color: #E82646;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.btn{
    border-radius: 12px;
    padding: 10px 16px;
    font-weight: bold;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 6px 12px rgba(15, 23, 42, 0.08), 0 12px 24px rgba(15, 23, 42, 0.08);
    transition: all 0.3s ease;
    cursor: pointer;
    margin: 0 2px;
    color: #515B73;
    outline: 0;
    border: none;
    font-size: 14px;
    display: inline-block;
}
.btn-sm{
    padding: 8px 12px;
    font-size: 11px;
}
.btn:hover{
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, 0.25);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08), 0 12px 24px rgba(15, 23, 42, 0.12), 0 24px 40px rgba(15, 23, 42, 0.12);
}
.btn.btn-success{
    background-color: #1ABE17;
    color: #FFF;
}
.btn.btn-success:hover{
    background-color: rgb(29.1126760563, 212.7464788732, 25.7535211268);
}
.btn.btn-primary{
    background-color: #3D5EE0;
    color: #FFF;
}
.btn.btn-primary:hover{
    background-color: rgb(83.0848214286, 112.328125, 228.4151785714);
}
.btn.btn-danger{
    background-color: #E82646;
    color: #FFF;
}
.btn.btn-danger:hover{
    background-color: rgb(234.44375, 61.05625, 89.65625);
}
.btn.btn-warning{
    background-color: #EAB300;
    color: #FFF;
}
.btn.btn-warning:hover{
    background-color: #ffc405;
}
.btn.btn-info{
    color: #202C4B;
}
.upload-box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 80px;
    margin-bottom: 20px;
    margin-top: 16px;
    gap: 16px;
}
.upload-box input[type="file"]{
    display: none;
}
.upload-box .preview{
    width: 80px;
    height: 80px;
    border-radius: 5px;
    border: 1px dashed #E9EDF4;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.upload-box .preview img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.upload-box .actions{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
}
.upload-box .actions .info{
    font-size: 12px;
    color: #515B73;
}
/* Global End */
/* Select2 Start */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border: 1px solid #E9EDF4 !important;
    border-radius: 5px !important;
}
.select2-container .select2-selection--single{
    height: auto !important;
    padding: 5px 10px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 20px !important;
    padding-right: 10px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    left: 1px !important;
    right: unset !important;
    top: 7px !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear{
    margin-right: unset !important;
    margin-left: 15px !important;
    float: left !important;
}
.select2-container .select2-search--inline .select2-search__field{
    height: 24px !important;
    margin-top: 0 !important;
}
/* Select2 End */
/* Header Start */
.main-wrapper{
    overflow-x: hidden;
}
.main-wrapper .header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: all 0.3s ease;
    z-index: 1001;
}
html[data-theme="dark"] .main-wrapper .header{
    background: #141b2d;
}
.main-wrapper .header .logo{
    border-left: 1px solid #E9EDF4;
    width: 280px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #F8FAFC;
    font-size: 20px;
    padding-right: 10px;
    font-weight: bold;
}
html[data-theme="dark"] .main-wrapper .header .logo{
    background: #111827;
    border-color: #1B1632;
    color: var(--color-white);
}
.main-wrapper .header .logo img{
    width: 130px;
    object-fit: contain;
    height: 100%;
}
.main-wrapper .header .header-user{
    padding: 0 12px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-grow: 1;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 12px rgba(15, 23, 42, 0.05);
    background-color: #FFFFFF;
}
.main-wrapper .header .header-user .logo{
    display: none;
}
.main-wrapper .header .header-user .actions{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
}
.main-wrapper .header .dropdown{
    position: relative;
}
.main-wrapper .header .dropdown .dropdown-toggle,
.main-wrapper .header .header-user .toggle-menu{
    border: 2px solid #E9EDF4;
    border-radius: 8px;
    padding: 4px;
    width: 42px;
    height: 42px;
    display: flex;
    cursor: pointer;
    transition: all 0.3s ease;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}
.main-wrapper .header .header-user .toggle-menu{
    font-size: 24px;
    display: none;
}
.main-wrapper .header .dropdown .dropdown-toggle{
    align-items: normal;
}
html[data-theme="dark"] .main-wrapper .header .dropdown .dropdown-toggle{
    color: #FFFFFF;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.main-wrapper .header .dropdown.profile .dropdown-toggle:hover{
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
    border-color: rgba(61, 94, 225, 0.35);
    transform: none;
}
.main-wrapper .header .dropdown .dropdown-toggle:hover{
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.06), 0 8px 18px rgba(61, 94, 225, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(61, 94, 225, 0.35);
    transform: translateY(-2px);
}
.main-wrapper .header .dropdown .dropdown-toggle span{
    position: relative;
}
.main-wrapper .header .dropdown.profile .dropdown-toggle span::before{
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    bottom: 0;
    left: 0;
    border: 2px solid #FFFFFF;
    border-radius: 8px;
    background-color: #1ABE17;
}
.main-wrapper .header .dropdown .dropdown-toggle img{
    height: 100%;
    width: 100%;
    object-fit: contain;
    border-radius: 6px;
}
.main-wrapper .header .dropdown .dropdown-menu{
    position: absolute;
    content: '';
    background-color: #FFFFFF;
    box-shadow: 0 0.75rem 2rem rgba(17, 24, 39, 0.12);
    width: 288px;
    border-radius: 14px;
    overflow: hidden;
}
.main-wrapper .header .dropdown:not(.open) .dropdown-menu{
    opacity: 0;
}
.main-wrapper .header .dropdown.open .dropdown-menu{
    inset: 0px auto auto 0px;
    transform: translate3d(0px, 44px, 0px);
    animation: drop-in 0.18s ease;
}
.main-wrapper .header .dropdown.profile .dropdown-menu .head{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 16px;
    gap: 8px;
    justify-content: space-between;
    background: linear-gradient(135deg, rgba(61, 94, 225, 0.12), rgba(61, 94, 225, 0.03));
}
.main-wrapper .header .dropdown.profile .dropdown-menu .head .avatar{
    height: 32px;
    width: 32px;
    overflow: hidden;
}
.main-wrapper .header .dropdown.profile .dropdown-menu .head .avatar span{
    position: relative;
}
.main-wrapper .header .dropdown.profile .dropdown-menu .head .avatar span::before{
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    bottom: 8px;
    left: 0;
    border: 2px solid #FFFFFF;
    border-radius: 8px;
    background-color: #1ABE17;
}
.main-wrapper .header .dropdown.profile .dropdown-menu .head .avatar img{
    height: 100%;
    width: 100%;
    border-radius: 50%;
    object-fit: contain;
}
.main-wrapper .header .dropdown.profile .dropdown-menu .head .id{
    flex-grow: 1;
}
.main-wrapper .header .dropdown.profile .dropdown-menu .head .id .name{
    font-size: 14px;
    font-weight: 600;
    color: #202C4B;
}
.main-wrapper .header .dropdown.profile .dropdown-menu .head .id .mail{
    display: block;
    font-size: 12px;
    color: #838A9B;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main-wrapper .header .dropdown.profile .dropdown-menu .head .role{
    flex-shrink: 0;
    align-self: flex-start;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: #3D5EE1;
    background: rgba(61, 94, 225, 0.12);
    padding: 3px 8px;
    border-radius: 20px;
}
.main-wrapper .header .dropdown.profile .dropdown-menu .body,
.main-wrapper .sidebar .sidebar-footer .dropdown .dropdown-menu .body{
    padding: 8px;
}
.main-wrapper .header .dropdown.profile .dropdown-menu .body ul:not(:last-child),
.main-wrapper .sidebar .sidebar-footer .dropdown .dropdown-menu .body ul:not(:last-child){
    border-bottom: 1px solid #E9EDF4;
    padding-bottom: 10px;
}
.main-wrapper .header .dropdown.profile .dropdown-menu .body ul:last-child,
.main-wrapper .sidebar .sidebar-footer .dropdown .dropdown-menu .body ul:last-child{
    padding-top: 10px;
}
.main-wrapper .header .dropdown.profile .dropdown-menu .body ul li,
.main-wrapper .sidebar .sidebar-footer .dropdown .dropdown-menu .body ul li{
    border-radius: 8px;
    display: block;
    color: #515B73;
    transition: all 0.3s ease;
}
.main-wrapper .header .dropdown.profile .dropdown-menu .body ul li .bi,
.main-wrapper .sidebar .sidebar-footer .dropdown .dropdown-menu .body ul li .bi{
    font-size: 16px;
    transition: all 0.3s ease;
}
.main-wrapper .header .dropdown.profile .dropdown-menu .body ul li a,
.main-wrapper .sidebar .sidebar-footer .dropdown .dropdown-menu .body ul li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 9px 10px;
    color: inherit;
    transition: all 0.3s ease;
}
.main-wrapper .header .dropdown.profile .dropdown-menu .body ul li p,
.main-wrapper .sidebar .sidebar-footer .dropdown .dropdown-menu .body ul li p{
    flex-grow: 1;
    font-size: 14px;
}
.main-wrapper .header .dropdown.profile .dropdown-menu .body ul li:hover,
.main-wrapper .sidebar .sidebar-footer .dropdown .dropdown-menu .body ul li:hover{
    background: #F4F6FA;
}
.main-wrapper .header .dropdown.profile .dropdown-menu .body ul li:hover .bi,
.main-wrapper .sidebar .sidebar-footer .dropdown .dropdown-menu .body ul li:hover .bi{
    color: #3D5EE1;
}
.main-wrapper .header .dropdown.profile .dropdown-menu .body ul li.danger p,
.main-wrapper .sidebar .sidebar-footer .dropdown .dropdown-menu .body ul li.danger p{
    color: #E82646;
}
.main-wrapper .header .dropdown.profile .dropdown-menu .body ul li.danger:hover .bi,
.main-wrapper .sidebar .sidebar-footer .dropdown .dropdown-menu .body ul li.danger:hover .bi{
    color: #E82646;
}
.main-wrapper .header .dropdown.profile .dropdown-menu .body ul li.danger:hover,
.main-wrapper .sidebar .sidebar-footer .dropdown .dropdown-menu .body ul li.danger:hover{
    background: rgba(232, 38, 70, 0.08);
}
/* Header End */
/* Sidebar Start */
.main-wrapper .sidebar{
    position: fixed;
    top: 60px;
    right: 0;
    width: 280px;
    height: calc(100% - 60px);
    border-left: 1px solid #E9EDF4;
    background: #F8FAFC;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}
.main-wrapper .sidebar .sidebar-menu{
    padding: 12px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    overflow-y: auto;
}
.main-wrapper .sidebar .sidebar-menu::-webkit-scrollbar {
  width: 4px;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.main-wrapper .sidebar .sidebar-menu::-webkit-scrollbar-thumb {
  background: rgba(61, 94, 225, 0.25);
  border-radius: 6px;
}
.main-wrapper .sidebar .sidebar-menu::-webkit-scrollbar-thumb:hover {
  background: rgba(61, 94, 225, 0.45);
}
.main-wrapper .sidebar .sidebar-menu nav.main ul li .submenu-header{
    color: #9CA1AF;
    padding: 8px 12px 4px;
    margin-top: 12px;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: 700;
}
.main-wrapper .sidebar .sidebar-menu nav.main ul ul{
    padding: 0;
    margin: 2px 0 6px;
}
.main-wrapper .sidebar .sidebar-menu nav.main ul ul li{
    margin-bottom: 2px;
}
.main-wrapper .sidebar .sidebar-menu nav.main ul ul li a{
    padding: 7px;
    margin: 1px 0;
    font-size: 15px;
    color: #838A9B;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0;
    transition: all 0.3s ease;
}
.main-wrapper .sidebar .sidebar-menu nav.main ul ul li a .icon{
    background: rgba(17, 24, 39, 0.055);
    margin-right: 10px;
    border-radius: 10px;
    color: #838A9B;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    transition: all 0.3s ease;
}
.main-wrapper .sidebar .sidebar-menu nav.main ul ul li a .arrow{
    width: 18px;
    height: 18px;
    margin-left: unset;
    margin-right: auto;
    font-size: 17px;
    display: flex;
    align-items: center;
    color: #838A9B;
}
.main-wrapper .sidebar .sidebar-menu nav.main ul ul li a:hover{
    background: rgba(17, 24, 39, 0.055);
    color: #202C4B;
}
.main-wrapper .sidebar .sidebar-menu nav.main ul ul li a:hover .icon,
.main-wrapper .sidebar .sidebar-menu nav.main ul ul li.submenu.active .icon,
.main-wrapper .sidebar .sidebar-menu nav.main ul ul li.submenu:has(ul li a.active) .icon,
.main-wrapper .sidebar .sidebar-menu nav.main ul ul li.submenu ul li a.active{
    background: rgba(61, 94, 225, 0.14);
    color: #3D5EE1;
}
.main-wrapper .sidebar .sidebar-menu nav.main ul ul li.submenu ul{
    display: none;
    transition: all 0.3s ease;
}
.main-wrapper .sidebar .sidebar-menu nav.main ul ul li.submenu.open ul{
    display: block;
    transition: all 0.3s ease;
}
.main-wrapper .sidebar .sidebar-menu nav.main ul ul li.submenu ul li a{
    padding: 5px;
}
.main-wrapper .sidebar .sidebar-menu nav.main ul ul li.submenu ul li a.active{
    border-top: 2px solid #FFFFFF;
}
.main-wrapper .sidebar .sidebar-menu nav.main ul ul li.submenu.active > a,
.main-wrapper .sidebar .sidebar-menu nav.main ul ul li.submenu:has(ul li a.active) > a{
    background: #FFFFFF;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 2px rgba(15, 23, 42, 0.09), 0 4px 9px rgba(15, 23, 42, 0.08);
}
.main-wrapper .sidebar .sidebar-menu nav.main ul ul li.submenu.active .arrow,
.main-wrapper .sidebar .sidebar-menu nav.main ul ul li.submenu:has(ul li a.active) .arrow{
    color: #3D5EE1;
}
.main-wrapper .sidebar .sidebar-footer{
    flex-shrink: 0;
    border-top: 1px solid #E9EDF4;
    padding: 12px;
}
.main-wrapper .sidebar .sidebar-footer .dropdown{
    position: relative;
}
.main-wrapper .sidebar .sidebar-footer .dropdown .dropdown-toggle{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 11px;
    width: 100%;
    padding: 9px 10px;
    border-radius: 12px;
    text-align: right;
    background: #FFF;
    border: 1px solid #E9EDF4;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    transition: all 0.3s ease;
    cursor: pointer;
}
.main-wrapper .sidebar .sidebar-footer .dropdown .dropdown-toggle:hover{
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
    border-color: rgba(61, 94, 225, 0.35);
}
.main-wrapper .sidebar .sidebar-footer .dropdown .dropdown-toggle img{
    width: 38px;
    height: 38px;
    border-radius: 8px;
}
.main-wrapper .sidebar .sidebar-footer .dropdown .dropdown-toggle .id{
    flex-grow: 1;
    font-size: 12px;
}
.main-wrapper .sidebar .sidebar-footer .dropdown .dropdown-toggle .id .name{
    font-weight: bold;
}
.main-wrapper .sidebar .sidebar-footer .dropdown .dropdown-toggle .id .role{
    color: #838A9B;
}
.main-wrapper .sidebar .sidebar-footer .dropdown .dropdown-toggle .icon{
    font-size: 10px;
    color: #838A9B;
}
.main-wrapper .sidebar .sidebar-footer .dropdown .dropdown-menu{
    position: absolute;
    content: '';
    background-color: #FFFFFF;
    box-shadow: 0px 4px 13px -2px rgba(19, 16, 34, 0.06);
    width: 200px;
    border-radius: 14px;
    overflow: hidden;
}
.main-wrapper .sidebar .sidebar-footer .dropdown:not(.open) .dropdown-menu{
    opacity: 0;
}
.main-wrapper .sidebar .sidebar-footer .dropdown.open .dropdown-menu{
    inset: auto auto 0px 0px;
    transform: translate3d(0px, -66px, 0px);
    animation: drop-in 0.18s ease;
}
/* Sidebar End */
/* Page Start */
.main-wrapper .page-wrapper{
    margin-top: 60px;
    margin-right: 280px;
    padding: 24px;
    transition: all 0.3s ease;
}
.main-wrapper .page-wrapper .page-header{
    margin-bottom: 16px;
}
.main-wrapper .page-wrapper .page-header .page-title{
    color: #202C4B;
    font-size: 20px;
    font-weight: 600;
}
.main-wrapper .page-wrapper .page-header ol.breadcrumb{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow-y: auto;
}
.main-wrapper .page-wrapper .page-header ol.breadcrumb li{
    color: #6A7287;
    font-size: 14px;
}
.main-wrapper .page-wrapper .page-header ol.breadcrumb li a{
    cursor: pointer;
    color: inherit;
    transition: all 0.3s ease;
}
.main-wrapper .page-wrapper .page-header ol.breadcrumb li:hover a{
    color: #3D5EE1;
}
.main-wrapper .page-wrapper .page-header ol.breadcrumb li:not(:first-child){
    position: relative;
    padding-right: 20px;
}
.main-wrapper .page-wrapper .page-header ol.breadcrumb li:not(:first-child)::before{
    position: absolute;
    content: '/';
    right: 8px;
}
.main-wrapper .page-wrapper .list:has(.no-result){
    grid-template-columns: repeat(1, 1fr);
}
.main-wrapper .page-wrapper .no-result{
    font-size: 20px;
    color: #677788;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 10px;
    text-align: center;
}
/* Page End */
/* Animation Start */
@keyframes drop-in {
    0% {
        opacity: 0;
        translate: 0 8px;
    }
    100% {
        opacity: 1;
        translate: 0 0;
    }
}
/* Animation Edn */
/* Responsive Start */
@media screen and (max-width: 991.98px) {
    .main-wrapper .header > .logo{
        display: none;
    }
    .main-wrapper .header .header-user{
        justify-content: space-between;
    }
    .main-wrapper .header .header-user .logo{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-grow: 1;
        width: auto;
        background: transparent;
    }
    .main-wrapper .header .header-user .toggle-menu{
        display: flex;
    }
    .main-wrapper .sidebar{
        right: -280px;
        z-index: 2000;
    }
    .main-wrapper .sidebar.open{
        right: 0;
    }
    .main-wrapper .page-wrapper{
        margin-right: 0;
    }
}
/* Responsive End */