/*Write your custom css in this file.*/
    
     :root {
        --email-header-color: #56368b;
        --default-color: #2874a6
        /* email template */
    }
    
    .error {
        color: #ec5855;
    }
    
    .bg-gray {
        background: #edf0f8;
    }
    
    .card {
        border-radius: 0.8rem;
        border: 1px solid rgb(0 0 0 / 15%) !important;
    }
    
    .project_and_clock_status_widget {
        border-radius: 0.8rem;
        border: 1px solid rgb(0 0 0 / 15%) !important;
    }
    
    #clock-status-widget {
        border-bottom-left-radius: 0.8rem;
        border-bottom-right-radius: 0.8rem;
    }
    
    .nav-tabs {
        border-radius: 0.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: 0.8rem 0.8rem 0 0 !important;
    }
    
    .page-title {
        border-radius: 0.8rem 0.8rem 0 0 !important;
    }
    
    div.dataTables_wrapper div.dataTables_processing {
        background: transparent !important;
    }
    
    .kanban-filters-container,
    #kanban-wrapper {
        border-radius: 0.8rem 0.8rem 0 0;
    }
    
    #kanban-wrapper {
        border-radius: 0 0 0.8rem 0.8rem;
    }
    
    .settings .settings-anchor {
        margin: 15px 15px !important;
    }
    
    .card-footer:last-child {
        border-radius: 0 0 0.8rem 0.8rem !important;
    }
    
    .language-dropdown {
        height: auto !important;
    }
    
    .table-responsive {
        border-radius: 0.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: 0.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 0.8rem 0.8rem !important;
    }
    
    .dropdown-menu[data-bs-popper] {
        margin-top: 0.53rem !important;
        box-shadow: 0 5px 5px 0 rgb(0 0 0 / 10%);
    }
    
    .private-card {
        padding: 25px 20px 5px 20px;
        border-radius: 0.8rem;
        border: 1px solid rgb(0 0 0 / 15%);
        position: relative;
        margin-bottom: 2rem;
        background: #fff;
    }
    
    .private-card .private-title {
        position: absolute;
        top: -14px;
        left: 14px;
        right: unset;
        padding: 0 13px;
        background-color: #fff;
        font-size: 18px;
        font-weight: bold;
        border-radius: 0.8rem;
    }
    
    .badge {
        padding: .35em .65em !important;
    }
    
    .edit-image-file .delete-saved-file {
        top: 8px !important;
        left: 2px !important;
        padding: 3px 5px !important;
    }
    
    td.option a.view:hover,
    .dtr-details .view:not(.dropdown-item):hover {
        background: var(--bs-primary);
        color: #fff;
        border: 1px solid var(--bs-primary);
    }
    
    td.option a.print:hover,
    .dtr-details .print:not(.dropdown-item):hover {
        background: var(--bs-gray);
        color: #fff;
        border: 1px solid var(--bs-gray);
    }
    
    td.option a.download:hover,
    .dtr-details .download:not(.dropdown-item):hover {
        background: var(--bs-purple);
        color: #fff;
        border: 1px solid var(--bs-purple);
    }
    
    .dtr-details .view:not(.dropdown-item),
    .dtr-details .print:not(.dropdown-item),
    .dtr-details .download:not(.dropdown-item) {
        cursor: pointer;
        min-width: 28px;
        background: #fff;
        color: #a1a3a5;
        border-radius: 50%;
        display: inline-block;
        position: relative;
        vertical-align: central;
        text-align: center;
        margin: 0 5px;
        padding: 3px 0px;
        border: 1px solid #e2e7f1;
    }
    
    .sticky-note {
        height: 193px !important;
    }
    
    .preview {
        position: relative;
    }
    
    .post-dropzone .delete {
        height: 28px !important;
        position: absolute !important;
        top: 27px !important;
        right: 4px !important;
    }
    
    .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 print {
        .page-container,
        .modal-header,
        .modal-footer,
        .init-chat-icon,
        .print-hide {
            display: none !important;
        }
    }
    
    @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) {}