body {
    font-family: 'Twemoji Country Flags', Inter, Helvetica, sans-serif;
}

.app-blank {
    background:url(../../images/admin/3d-background.jpg) no-repeat center;
    background-size:cover;
}

#login_form {
    background:#fff;
    border-radius:10px;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar {
    background-color:#fff;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .app-sidebar-logo a {
    color:#000;
    font-size:20px;
    font-weight:700;
}

#mobile_logo {
    display:none;
    color:#000;
}

/*------------------------ dashboard ------------------------------*/

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    background-color:var(--bs-primary);
    color: #fff;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) .menu-sub > .menu-link:not(.disabled):not(.active):not(.here), 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-sub .menu-link:hover:not(.disabled):not(.active):not(.here) {
    background-color:transparent;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    background-color:var(--bs-primary);
    color: #fff;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) .menu-sub > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-sub .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    background-color: rgba(0,158,247,0.3);
    color: var(--bs-primary);
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    background-color:var(--bs-primary);
    color: #fff;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
    background-color: #fff;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
    background-color: #fff;
   /*rtl:begin:remove*/
    background-color: #fff;
   /*rtl:end:remove*/
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) .menu-sub > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-sub .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
    background-color: var(--bs-primary);
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) .menu-sub > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-sub .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
    background-color: var(--bs-primary);
   /*rtl:begin:remove*/
    background-color: var(--bs-primary);
   /*rtl:end:remove*/
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link {
    background-color:var(--bs-primary);
    color: #fff;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-title {
    background-color:var(--bs-primary);
    color: #fff;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-icon, 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-icon .svg-icon, 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-icon i {
    background-color:var(--bs-primary);
    color: #fff;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-bullet .bullet {
    background-color: #fff;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-arrow:after {
    background-color: #fff;
   /*rtl:begin:remove*/
    background-color: #fff;
   /*rtl:end:remove*/
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link {
    background-color:var(--bs-primary);
    color: #fff;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-title {
    background-color:var(--bs-primary);
    color: #fff;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-icon, 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-icon .svg-icon, 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-icon i {
    background-color:var(--bs-primary);
    color: #fff;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-bullet .bullet {
    background-color: #fff;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-arrow:after {
    background-color: #fff;
   /*rtl:begin:remove*/
    background-color: #fff;
   /*rtl:end:remove*/
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover .menu-sub > .menu-link:not(.disabled):not(.active):not(.here), 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-sub .menu-link:hover:not(.disabled):not(.active):not(.here) {
    background-color:transparent;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover .menu-sub > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-sub .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    background-color: rgba(0,158,247,0.3);
    color: var(--bs-primary);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover .menu-sub > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-sub .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
    background-color: var(--bs-primary);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
    color: #fff;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title {
    background-color: rgba(0,158,247,0.3);
    color: var(--bs-primary);
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon, 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon .svg-icon, 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon i {
    color: #fff;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-bullet .bullet {
    background-color: var(--bs-primary);
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-arrow:after {
    background-color: var(--bs-primary);
   /*rtl:begin:remove*/
    background-color: var(--bs-primary);
   /*rtl:end:remove*/
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-sub .menu-link.hover .menu-title {
    background-color: rgba(0,158,247,0.3);
    color: var(--bs-primary);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link {
    color: #000;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title {
    color: #000;
    padding:5px 5px 5px 10px;
    border-radius:0.475rem;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
    color: #000;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-bullet .bullet {
    background-color: #000;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-arrow:after {
    background-color: #000;
    /*rtl:begin:remove*/
    background-color: #000;
    /*rtl:end:remove*/
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link.active {
    background-color: transparent;
}

/*------------------------ end dashboard ------------------------------*/

/*------------------------ datatable ------------------------------*/

.table:not(.table-bordered) {
    border-collapse:separate;
    border-spacing:0 10px;
}
.table:not(.table-bordered).table-row-dashed tr {
    border:none;
}
.table:not(.table-bordered) td, .table:not(.table-bordered) th {
    border-top:1px solid #000;
    border-bottom:1px solid #000;
}
.table:not(.table-bordered) tfoot tr:last-child td, .table:not(.table-bordered) tbody tr:last-child td,
.table:not(.table-bordered) tfoot tr:last-child th, .table:not(.table-bordered) tbody tr:last-child th {
    border-bottom:1px solid #000 !important;
}
.table:not(.table-bordered) td:first-child,
.table:not(.table-bordered) th:first-child {
    border-left:1px solid #000;
    padding-left:0.75rem;
    /* border-radius:10px 0 0 10px; */
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
}
.table:not(.table-bordered) td:last-child,
.table:not(.table-bordered) th:last-child {
    border-right:1px solid #000;
    padding-right:0.75rem;
    /* border-radius:0 10px 10px 0; */
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
}
.table:not(.table-bordered) th:first-child {
    padding-left:0.75rem;
}
.table:not(.table-bordered) th:last-child {
    padding-right:0.75rem;
}
.table:not(.table-bordered) > :not(:last-child) > :last-child > * {
    border-color:#000;
}

.table.gy-5 th, .table.gy-5 td {
    padding-top:0.75rem;
    padding-bottom:0.75rem;
}

/*------------------------ end datatable ------------------------------*/

@media (max-width: 1200px) {
	
}

@media (max-width: 1024px) {
	
}

@media (max-width: 991px) {
	#mobile_logo {
        display:block;
    }
}

@media (max-width: 768px) {
	
}

@media (max-width: 599px) {
	
}

@media (max-width: 480px) {
	
}

@media (max-width: 399px) {
	
}