/* Buttons */

button, .btn {
    font-size: 14px !important;
    color: white !important;
    font-weight: 700 !important; 
    border-radius: 12px !important;
    background-color: red !important;
    border: none !important;
    transition: background-color 0.3s ease, transform 0.3s ease !important;
}
button, .btn:hover {
    background-color: rgb(155, 0, 0) !important;
}

button, .btn:focus {
    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity)) !important;
}


.btn-danger {
    font-size: 14px !important;
    background-color: white !important;
    color: red !important;
}

.btn-danger:hover {
    background-color: white !important;
    color: rgb(155, 0, 0) !important;
}

.btn-success {
    font-size: 14px !important;
    border: 1px solid red !important;
    background-color: white !important;
    color: red !important;
}

.btn-success:hover {
    color: white !important;
    background-color: red !important;
    /* color: rgb(155, 0, 0) !important; */
}

#dropdownMenuButton,
.close {
    background-color: transparent !important;
    color: rgb(0, 0, 0) !important;
}

.login_btn {
    background-color: black !important;
}
.login_btn:hover {
    background-color: rgb(34, 34, 34) !important;
}


/* Links */

a:not(.nav-link):not(.dropdown-item) {
    text-decoration: none !important;
    color: #757575 !important;
    font-weight: bold !important;
    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity)) !important;
}

a:hover:not(.nav-link):not(.dropdown-item) {
    color: #000 !important;
    transition: color 0.3s ease, transform 0.3s ease !important;
}


/* Popups */

#dropdownMenuContent:not(.nav-link) {
    border: 0px solid rgb(221, 221, 221) !important;
    border-radius: 20px;
    padding: 6px 2px;
    overflow: hidden;
    box-shadow: 0px 3px 9px 5px #00000014 !important;
}

#dropdownMenuContent .dropdown-item:hover:not(.nav-link) {
    color: red;
    transition: color 0.3s ease, transform 0.3s ease !important;
}

.az-profile-menu.show .dropdown-menu {
    border-width: 0px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 1px 11px 20px 8px #00000014 !important;

}

.az-profile-menu > .az-img-user::before {
    border: 0px;
    border-radius: 50px;
}

.dx-popup-wrapper > .dx-overlay-content {
    border-radius: 20px !important;

}

/* .dx-scrollable-simulated .dx-scrollable-content {
    padding: 6px 2px;
    border-radius: 50px !important;
} */

.dx-list-item.dx-state-hover {
    background-color: transparent !important;
    color: red !important;
    transition: color 0.3s ease, transform 0.3s ease !important;

}

.dx-list-item.dx-state-hover.dx-icon.dx-icon-xlsxfile.dx-list-item-icon::before {
    background-color: transparent !important;
    color: red !important;
}

.dx-item .dx-list-item i {
    color: red !important;
}



/* alerts */


.alert {
    border-radius: 50px !important;
    font-weight: 700;
}

.alert-danger {
    border: 3px solid #ffacac;
    background-color: #f8d7da73;
    color: #a70010;
    box-shadow: 0px 0px 10px 0px #ff00004d !important;
}

.alert-succes {
    box-shadow: 0px 0px 10px 0px #a6ffa2a1 !important;
}



/* course cards */


.course_card {
    display: flex;
    justify-content: space-between;
    padding: 16px;
    border: 1px solid #cdcdcd;
    height: max-content;
    border-radius: 24px;
    gap: 20px;
    margin-bottom: 14px;
    transition: box-shadow 0.3s, border-color 0.3s, transform 0.3s ease;
}


.course_card:hover {
    box-shadow: 0px 5px 9px 6px #00000014;
    border-color: transparent;
}

.course_photo {
    overflow: hidden;
    width: 100%;
    max-width: 200px;
    height: auto;
    min-height: 150px;
    border-radius: 12px;
    background-color: #00000014;
}

.course_info {
    max-width: 700px;
}

.course_i-set {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
}

.course_i-set div {
    display: flex;
    gap: 4px;
}

.course_date-i {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.79581 4.6217C4.27102 4.27644 4.84394 4.09762 5.625 4.00501V4.65552C5.625 5.27684 6.12868 5.78052 6.75 5.78052C7.37132 5.78052 7.875 5.27684 7.875 4.65552V3.90762C8.22307 3.90552 8.59711 3.90552 9 3.90552C9.40289 3.90552 9.77693 3.90552 10.125 3.90762V4.65552C10.125 5.27684 10.6287 5.78052 11.25 5.78052C11.8713 5.78052 12.375 5.27684 12.375 4.65552V4.00501C13.1561 4.09762 13.729 4.27644 14.2042 4.6217C14.5225 4.853 14.8025 5.13297 15.0338 5.45132C15.4571 6.03389 15.6302 6.7633 15.701 7.84302H2.299C2.36981 6.7633 2.54292 6.03389 2.96619 5.45132C3.19748 5.13297 3.47745 4.853 3.79581 4.6217Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.25802 8.96785C2.25 9.46737 2.25 10.0262 2.25 10.6555C2.25 13.4678 2.25 14.874 2.96619 15.8597C3.19748 16.1781 3.47745 16.458 3.79581 16.6893C4.78155 17.4055 6.1877 17.4055 9 17.4055C9.62921 17.4055 10.188 17.4055 10.6875 17.3975L10.6875 17.3449C10.6874 16.7059 10.6874 16.3166 10.7406 15.9809C11.0329 14.1356 12.4801 12.6884 14.3254 12.3961C14.6611 12.3429 15.0504 12.343 15.6894 12.343L15.742 12.343C15.75 11.8435 15.75 11.2847 15.75 10.6555C15.75 10.0262 15.75 9.46736 15.742 8.96785L15.7282 8.96802H2.27161L2.25802 8.96785ZM6.75 10.843C6.43934 10.843 6.1875 11.0949 6.1875 11.4055C6.1875 11.7162 6.43934 11.968 6.75 11.968H11.25C11.5607 11.968 11.8125 11.7162 11.8125 11.4055C11.8125 11.0949 11.5607 10.843 11.25 10.843H6.75Z' fill='black'/%3E%3Cpath d='M14.2042 16.6893C13.6216 17.1126 12.8922 17.2857 11.8125 17.3565C11.8126 16.6738 11.8151 16.3882 11.8517 16.1569C12.0678 14.793 13.1375 13.7233 14.5014 13.5073C14.7327 13.4706 15.0182 13.4681 15.701 13.468C15.6302 14.5477 15.4571 15.2771 15.0338 15.8597C14.8025 16.1781 14.5225 16.458 14.2042 16.6893Z' fill='black'/%3E%3Cpath d='M7.3125 2.40552C7.3125 2.09486 7.06066 1.84302 6.75 1.84302C6.43934 1.84302 6.1875 2.09486 6.1875 2.40552V4.65552C6.1875 4.96618 6.43934 5.21802 6.75 5.21802C7.06066 5.21802 7.3125 4.96618 7.3125 4.65552V2.40552Z' fill='black'/%3E%3Cpath d='M11.8125 2.40552C11.8125 2.09486 11.5607 1.84302 11.25 1.84302C10.9393 1.84302 10.6875 2.09486 10.6875 2.40552V4.65552C10.6875 4.96618 10.9393 5.21802 11.25 5.21802C11.5607 5.21802 11.8125 4.96618 11.8125 4.65552V2.40552Z' fill='black'/%3E%3C/svg%3E%0A");
}

.course_location-i {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0856 15.6809C12.8179 13.4718 15 10.2625 15 8.11204C15 4.5462 12.3137 1.65552 9 1.65552C5.68629 1.65552 3 4.5462 3 8.11204C3 10.2625 5.18209 13.4718 6.91441 15.6809C7.81818 16.8334 8.27007 17.4096 9 17.4096C9.72993 17.4096 10.1818 16.8334 11.0856 15.6809ZM9 10.6555C7.75736 10.6555 6.75 9.64816 6.75 8.40552C6.75 7.16288 7.75736 6.15552 9 6.15552C10.2426 6.15552 11.25 7.16288 11.25 8.40552C11.25 9.64816 10.2426 10.6555 9 10.6555Z' fill='black'/%3E%3C/svg%3E%0A");
}

.course_kind-i {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_600_1164)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.1232 4.11221C11.1401 1.08662 6.85967 1.08662 5.8766 4.11221C5.58756 5.00177 4.7586 5.60405 3.82326 5.60405C0.641967 5.60405 -0.680752 9.67496 1.89297 11.5449C2.64968 12.0947 2.96631 13.0692 2.67728 13.9587C1.6942 16.9843 5.15712 19.5003 7.73084 17.6304C8.48755 17.0806 9.51221 17.0806 10.2689 17.6304C12.8426 19.5003 16.3056 16.9843 15.3225 13.9587C15.0334 13.0692 15.3501 12.0947 16.1068 11.5449C18.6805 9.67496 17.3578 5.60405 14.1765 5.60405C13.2412 5.60405 12.4122 5.00177 12.1232 4.11221ZM6.94654 4.45986C7.59284 2.47074 10.4069 2.47074 11.0532 4.45986C11.4929 5.81294 12.7538 6.72905 14.1765 6.72905C16.268 6.72905 17.1376 9.40539 15.4455 10.6347C14.2945 11.471 13.8129 12.9533 14.2525 14.3064C14.8988 16.2955 12.6222 17.9496 10.9302 16.7202C9.77917 15.884 8.22059 15.884 7.06959 16.7202C5.37754 17.9496 3.10091 16.2955 3.74721 14.3064C4.18686 12.9533 3.70523 11.471 2.55423 10.6347C0.862185 9.40539 1.73178 6.72905 3.82326 6.72905C5.24598 6.72905 6.5069 5.81294 6.94654 4.45986Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_600_1164'%3E%3Crect width='18' height='18' fill='white' transform='translate(0 0.905518)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.course_prise-i {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.9375 3.34302V4.70552C9.9375 5.01618 10.1893 5.26802 10.5 5.26802C10.8107 5.26802 11.0625 5.01618 11.0625 4.70552V3.34302H13.1667C15.3183 3.34302 17.0625 5.08724 17.0625 7.23885C17.0625 7.86265 16.7048 8.43117 16.1424 8.70111L15.7769 8.87656C14.9136 9.29093 14.9136 10.5201 15.7769 10.9345L16.1424 11.1099C16.7048 11.3799 17.0625 11.9484 17.0625 12.5722C17.0625 14.7238 15.3183 16.468 13.1667 16.468H11.0625V15.1055C11.0625 14.7949 10.8107 14.543 10.5 14.543C10.1893 14.543 9.9375 14.7949 9.9375 15.1055V16.468H4.83333C2.68172 16.468 0.9375 14.7238 0.9375 12.5722C0.9375 11.9484 1.29524 11.3799 1.8576 11.1099L2.22313 10.9345C3.0864 10.5201 3.0864 9.29093 2.22313 8.87656L1.8576 8.70111C1.29524 8.43117 0.9375 7.86265 0.9375 7.23885C0.9375 5.08724 2.68172 3.34302 4.83333 3.34302H9.9375ZM10.5 6.54302C10.8107 6.54302 11.0625 6.79486 11.0625 7.10552V8.70552C11.0625 9.01618 10.8107 9.26802 10.5 9.26802C10.1893 9.26802 9.9375 9.01618 9.9375 8.70552V7.10552C9.9375 6.79486 10.1893 6.54302 10.5 6.54302ZM11.0625 11.1055C11.0625 10.7949 10.8107 10.543 10.5 10.543C10.1893 10.543 9.9375 10.7949 9.9375 11.1055V12.7055C9.9375 13.0162 10.1893 13.268 10.5 13.268C10.8107 13.268 11.0625 13.0162 11.0625 12.7055V11.1055Z' fill='black'/%3E%3C/svg%3E%0A");
}

.course_cta {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}

.course_cta span:not(button span) {
    font-size: 28px !important;
    font-weight: 900;
}

button {
    padding: 10px 16px !important;
    background-color: red !important;
}

button:hover {
    background-color: rgb(151, 0, 0) !important;
}





@media (max-width: 600px) {
    
    .course_card {
        flex-direction: column;
    }

    .course_card > div:first-of-type {
        flex-direction: column;
    }

    .course_photo {
        max-width: none;
        max-height: 150px;
    }

    .course_cta {
        flex-direction: row-reverse;
    }



}

.horizontal_layout {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: stretch;
}

@media (max-width: 1199px) {
    .horizontal_layout {
        flex-direction: column;
    }
    .course_card {
        max-width: none !important;
    }
}

.horizontal_layout .course_card {
    flex: 1 1 calc(33.333% = 20px);
    max-width: calc(33.333% = 20px);
}

.employee-1 {
    background-color: rgba(227, 227, 227, 0.1) !important;
}

.employee-weekend-1 {
    background-color: transparent !important;
    font-weight: 500;
    color: #adadad;
}

.calendar_custom {
    border-radius: 12px !important;
}

.dx-scheduler-date-table-other-month.dx-scheduler-date-table-cell {
    border-color: #f3f3f3;
}


/* ---------------------------------------Table */


.dx-datagrid {
    border: none !important;
    box-shadow: none !important;
}

.dx-datagrid-headers,
.dx-datagrid-rowsview {
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    padding: 16px 0 !important;
}

.dx-datagrid-rowsview .dx-datagrid-table {
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
}

.dx-scrollable-container,
.dx-scrollable-wrapper,
.overflow-hidden {
    overflow: visible !important;
}

.dx-datagrid .dx-row > td {
    background-color: white !important;
    border: none !important;
    padding: 12px;
    box-shadow: none !important;
}

.dx-row.dx-data-row {
    border-radius: 12px !important;
    overflow: hidden !important;
    background-color: white !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.dx-row.dx-data-row:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
    cursor: pointer;
    background-color: white;
}

.dx-datagrid-filter-row input,
.dx-datagrid-filter-row .dx-datebox {
    height: 36px !important;
    line-height: 36px !important;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    background-color: #fdfdfd !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 6px 8px;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.dx-datagrid-filter-row input:focus,
.dx-datagrid-filter-row .dx-datebox.dx-state-focused {
    background-color: #eaeaea !important;
}

.dx-datagrid-filter-row .dx-datebox {
    padding: 4px 6px;
}

.dx-datagrid-filter-row .dx-datebox input {
    height: 100% !important;
    line-height: normal !important;
    padding: 6px 8px !important;
}

.dx-datagrid-filter-row .dx-editor-cell {
    padding-right: 6px !important;
}

.dx-datagrid-filter-row .dx-row > td:last-child .dx-editor-cell {
    padding-right: 0 !important;
}

.dx-datagrid .dx-header-filter-empty {
    color: #e1e1e1 !important;
    opacity: 0.7;
    transition: color 0.2s ease;
}

.dx-datagrid .dx-header-filter-empty:hover {
    color: #bdbdbd !important;

}

.dx-icon-search:hover,
.dx-icon-calendar:hover,
.dx-icon-filter:hover {
    color: #000 !important;
    opacity: 1;
}

.styled-datagrid-container {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    padding: 16px;
    overflow: hidden;

/*
\resources\views\org_kurse.blade.php
resources\views\ui\datatable3.blade.php
*/

}


/* ---------------------------------------Table */