/*
Template Name: Amezia - Responsive Bootstrap 4 Admin Dashboard
Author: Themesbrand
File: Main Css File
*/
/*
1. Google Font
2. General
3. Utilities
4. Topbar
5. Left-sidenav
6. Footer
7. Waves
8. Email
9. Form
10. Summernote
11. Buttons
12. Alerts
13. Card
14. Dropdown
15. Progress
16. Background-color
17. Bboeder-color
18. Text-color
19. Badge-color
20. Breadcrumb
21. Pagination
22. Tabs
23. Tooltip
24. Popover
25. List
26. Table
27. Rangeslider
28. Blockquote
29. Calendar
30. Sweet-alert
31. Nestable
32. Session-timeout
33. Form-advance
34. Form-validation
35. Form-wizard
36. Form-editor
37. Form-upload
38. Chart
39. demo-only
40. Tour
41. Treeview
42. Pricing
43. FAQ
44. Timeline
45. Print
46. Profile
47. Account-pages
48. Widgets
49. Dashboard
*/
/* ======
1. Google Font
   ====== */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");

/* ======
   2. General
      ====== */
html {
    position: relative;
    height: 100%;
}

body {
    font-family: 'Open Sans', sans-serif;
}

* {
    outline: none !important;
}

a:hover, a:active, a:focus {
    outline: 0;
    text-decoration: none;
}

.thumb-lg {
    height: 88px;
    width: 88px;
}

.thumb-xl {
    height: 120px;
    width: 120px;
}

.h-300 {
    height: 300px;
}

/* ======
   9. Form
      ====== */

dt {
    font-weight: 500;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #44a2d2;
}

.custom-control-label::before, .custom-control-label::after {
    top: 2px;
}

.form-control::-webkit-input-placeholder {
    color: #adb5bd;
}

.form-control:-ms-input-placeholder {
    color: #adb5bd;
}

.form-control::-ms-input-placeholder {
    color: #adb5bd;
}

.form-control::placeholder {
    color: #adb5bd;
}

/* ======
   13. Card
      ====== */
.card {
    margin-bottom: 30px;
    border: none;
    -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
    color: #343a40;
}

/* ======
   14. Dropdown
      ====== */
.dropdown-menu {
    background-color: #fff;
    border-radius: .25rem;
    border: 1px solid rgba(0,0,0,.15);
    font-size: 14px;
    margin: 0;
    position: absolute;
    z-index: 1000;
}

.dropdown-menu .dropdown-item {
    padding: 6px 24px;
}

.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
    color: #313a46;
    text-decoration: none;
    background-color: #f7f7f7;
}

/* ======
   25. List
      ====== */
.list-group-item.active, .list-group-item.active:focus,
.list-group-item.active:hover {
    background-color: #44a2d2;
    border-color: #44a2d2;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
    color: fade(#ffffff, 70%);
}

/* ======
   26. Table
      ====== */
th {
    font-weight: 500;
}

.table-bordered thead {
    background-color: #f8f9fa;
}

.table-bordered thead td,
.table-bordered thead th {
    font-weight: 500;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(248, 249, 250, 0.4);
}

.table thead tr th {
    font-weight: 500;
    font-size: 14px;
}

.table td {
    vertical-align: middle;
}

table.focus-on tbody tr.focused th, table.focus-on tfoot tr.focused th, table.focus-on tbody tr.focused td, table.focus-on tfoot tr.focused td {
    background-color: #44a2d2;
    color: #ffffff;
    border-color: #44a2d2;
}

/* ======
   29. Calendar
      ====== */
.calendar {
    float: left;
    margin-bottom: 0;
}

.fc-toolbar h2 {
    font-size: 16px;
    line-height: 40px;
    text-transform: uppercase;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar button:focus,
.fc-toolbar button:hover,
.fc-toolbar .ui-state-hover {
    z-index: 0;
}

.fc-header-toolbar {
    flex-direction: column;
}

@media (min-width: 768px) {
    .fc-header-toolbar {
        flex-direction: row;
    }
}

.fc-day {
    background: #ffffff;
}

.fc-widget-header {
    background-color: #44a2d2;
    color: #ffffff;
}

.fc-widget-content {
    border: 1px solid #ced4da;
}

.fc th.fc-widget-header {
    font-size: 15px;
    line-height: 20px;
    padding: 15px 4px;
    text-transform: uppercase;
    font-weight: 600;
}

.fc button {
    height: auto;
    padding: 6px 16px;
}

.fc-unthemed .fc-list-heading .fc-widget-header {
    background: #A0AEC0;
}

.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
    border-color: rgba(68, 162, 210, 0.15);
}

.fc-button {
    background: #ffffff;
    border: 1px solid #adb5bd;
    color: #6c757d;
    font-family: inherit;
    text-transform: capitalize;
}

.fc-state-active,
.fc-state-down {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #44a2d2;
    border-color: #44a2d2;
    color: #ffffff;
    text-shadow: none;
}

.fc-text-arrow {
    font-family: arial;
    font-size: 16px;
}

.fc-state-hover {
    background: #adb5bd;
}

.fc-state-highlight {
    background: #dee2e6;
}

.fc-cell-overlay {
    background: #dee2e6;
}

.fc-unthemed .fc-today {
    background: rgba(231, 239, 247, 0.18) !important;
}

.fc-event {
    border-radius: 2px;
    border: none;
    font-size: 13px;
    margin: 4px;
    padding: 2px;
    text-align: left;
    background-color: rgba(68, 162, 210, 0.18);
    color: #44a2d2;
}

.external-event {
    color: #ffffff;
    cursor: move;
    margin: 10px 0;
    padding: 6px 10px;
}

.fc-basic-view td.fc-week-number span {
    padding-right: 5px;
}

.fc-basic-view td.fc-day-number {
    padding-right: 5px;
}

.fc-list-empty-wrap2 {
    position: relative !important;
}

/* ======
   33. Form-advance
      ====== */
/* select */
.select2-dropdown {
    border: 1px solid #dee2e6;
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > td {
    padding: 5px;
}

/* ======
   34. Form-validation
      ====== */
.error {
    color: #f1556c;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-label {
    line-height: 26px;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label::after, .custom-file-label::after {
    line-height: 26px;
}

/* ======
   41. Treeview
      ====== */

.fa-folder:before {
    content: "\f07b";
}

/* ======
   45. Print
      ====== */
@media print {
    html, body {
        background:#fff !important;
    }

    .boutons {
        display: none !important;
        margin: 0;
        padding: 0;
    }
}

/*
CUSTOM
*/

.presences-progress-wrapper {
    position: relative;
}

/* Fix pour https://dendreo.slack.com/archives/C0248QDMZMX/p1670577375229689 */
.progress {
    line-height: 0.75rem !important;
}

.hidden-text-placeholder {
    background: #CBD5E0;
    border-radius: 12px;
    width: 96px;
    height: 10px;
    display: inline-block;
    margin-right: 10px;
}

.hidden-text-placeholder-xs {
    width: 56px;
}

#notifications {
    z-index: 1000000;
    position: fixed;
    bottom: 64px;
    right: 20px;
    max-height: calc(100vh - 40px); /* Solution temporaire pour quand il y a trop de notifications : on met un scroll */
}