/*Write your custom css in this file.*/

:root {
    --email-header-color: #56368b;
    /* email template */
}

.card {
    border-radius: .8rem;
    border: 1px solid rgb(0 0 0 / 15%) !important;
}

.project_and_clock_status_widget {
    border-radius: .8rem;
    border: 1px solid rgb(0 0 0 / 15%) !important;
}

#clock-status-widget {
    border-bottom-left-radius: .8rem;
    border-bottom-right-radius: .8rem;
}

.nav-tabs {
    border-radius: .8rem !important;
    border: 1px solid rgb(0 0 0/ 15%) !important;
    margin-bottom: 15px;
    padding-right: 15px !important;
}

.card .card-header:first-child {
    border-radius: .8rem .8rem 0 0 !important;
}

.page-title {
    border-radius: .8rem .8rem 0 0 !important;
}

.kanban-filters-container,
#kanban-wrapper {
    border-radius: .8rem .8rem 0 0;
}

#kanban-wrapper {
    border-radius: 0 0 .8rem .8rem;
}

.settings .settings-anchor {
    margin: 15px 15px !important;
}

.card-footer:last-child {
    border-radius: 0 0 .8rem .8rem !important;
}

.language-dropdown {
    height: auto !important;
}

.table-responsive {
    border-radius: .8rem !important;
}

.app-alert-message a {
    border: 1px solid white !important;
    padding: 1px 5px !important;
    border-radius: 4px !important;
    background: white !important;
}

.sidebar-brand {
    padding: .9rem !important;
}

.sidebar-menu li.active>a {
    background-color: #56368b;
}

.sidebar-menu li a:active,
.sidebar-menu li a:hover,
.sidebar-menu li a:focus {
    z-index: 0;
}

.sidebar-menu li {
    z-index: 0;
}

.btn-primary {
    border-color: #56368b;
    background-color: #56368b;
}

.sidebar-brand.brand-logo-mini {
    text-align: center !important;
}

.dataTables_processing {
    border: none !important;
}

.svg-icon-white {
    fill: white;
    stroke: white;
}

svg.icon {
    stroke-width: 1px !important;
}

.icon-adrian-logo {
    fill: none !important;
    stroke: none !important;
}

.no-radius {
    border-radius: 0 !important;
}

.no-border {
    border: none !important;
}

.dropdown-menu {
    border-radius: 0 0 .8rem .8rem !important;
}

.dropdown-menu[data-bs-popper] {
    margin-top: .53rem !important;
    box-shadow: 0 5px 5px 0 rgb(0 0 0 / 10%);
}

.rounded-top {
    border-top-left-radius: 0.8rem !important;
    border-top-right-radius: 0.8rem !important;
}

.rounded-end {
    border-top-right-radius: 0.8rem !important;
    border-bottom-right-radius: 0.8rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.8rem !important;
    border-bottom-left-radius: 0.8rem !important;
}

.rounded-start {
    border-bottom-left-radius: 0.8rem !important;
    border-top-left-radius: 0.8rem !important;
}


/* .shadow-top {
  box-shadow: 0 -5px 5px -5px rgb(0 0 0 / 10%);
}

.shadow-right {
  box-shadow: 5px 0 5px -5px rgb(0 0 0 / 10%);
}

.shadow-bottom {
  box-shadow: 0 5px 5px -5px rgb(0 0 0 / 10%);
}

.shadow-left {
  box-shadow: -5px 0 5px -5px rgb(0 0 0 / 10%);
} */

@media (max-width: 375px) {}

@media (max-width: 576px) {
    .div-signin_link {
        flex-direction: column;
    }
    .div-signin_link div:last-child {
        margin-top: 15px;
    }
    .div-signin_link span {
        display: none;
    }
}

@media (max-width: 768px) {}

@media (max-width: 992px) {}

@media (max-width: 1200px) {}

@media (max-width: 1400px) {}

/* Adrian */
@media print {
    .sidebar,
    .page-container,
    .modal-header,
    .modal-footer,
    .init-chat-icon,
    .print-hide {
        display: none !important;
    }
    .invoice-logo {
        width: 130px !important;
    }
}