O:41:"Symfony\Component\AssetMapper\MappedAsset":12:{s:10:"sourcePath";s:51:"C:\wamp64\www\gaec-leclere\assets\styles\admin.scss";s:10:"publicPath";s:57:"/assets/styles/admin-290b29d54eea4fc41a074a2adfc97e8e.css";s:23:"publicPathWithoutDigest";s:24:"/assets/styles/admin.css";s:15:"publicExtension";s:3:"css";s:7:"content";s:36651:"@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600&family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); *, ::after, ::before { box-sizing: border-box; } a { text-decoration: none; color: var(--black-main); } .container-fluid { width: 100%; margin-right: auto; margin-left: auto; } .main-wrapper { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; padding-left: 0; padding-right: 0; padding-top: 97px; } .content-wrapper { padding: 1.5rem 2.187rem 1.5rem 3.5rem; } .divider { width: 100%; height: 1px; background-color: #535353; border-radius: 2px; margin: 24px 0; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .row.align-center { align-items: center; } .row.align-start { align-items: flex-start; } .row.align-end { align-items: flex-end; } .row.justify-content-between { justify-content: space-between; } .row.justify-content-around { justify-content: space-around; } .row.justify-content-center { justify-content: center; } .row > div { padding-right: 15px; padding-left: 15px; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } @media (min-width: 768px) { .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 768px) { .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } } @media (min-width: 768px) { .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } } @media (min-width: 768px) { .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } } @media (min-width: 768px) { .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } } @media (min-width: 768px) { .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } } @media (min-width: 768px) { .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 768px) { .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } } @media (min-width: 768px) { .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } } @media (min-width: 768px) { .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media (min-width: 768px) { .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } } @media (min-width: 768px) { .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } } .mt-1 { margin-top: 1rem; } .mt-2 { margin-top: 2rem; } .mt-3 { margin-top: 3rem; } .mt-4 { margin-top: 4rem; } .mt-5 { margin-top: 5rem; } .mt-6 { margin-top: 6rem; } .mt-7 { margin-top: 7rem; } .mt-8 { margin-top: 8rem; } .mt-9 { margin-top: 9rem; } .mt-10 { margin-top: 10rem; } .mb-1 { margin-bottom: 1rem; } .mb-2 { margin-bottom: 2rem; } .mb-3 { margin-bottom: 3rem; } .mb-4 { margin-bottom: 4rem; } .mb-5 { margin-bottom: 5rem; } .mb-6 { margin-bottom: 6rem; } .mb-7 { margin-bottom: 7rem; } .mb-8 { margin-bottom: 8rem; } .mb-9 { margin-bottom: 9rem; } .mb-10 { margin-bottom: 10rem; } /* ---- Form ---- */ .form-check-input { width: 1em; height: 1em; margin-top: 0.25em; padding: 0 !important; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; font-size: inherit; } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; } .form-check label { display: inline-block; vertical-align: middle; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } .form-check .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd; } .form-check .form-check-input[type=radio] { border-radius: 50%; } .form-check .form-check-input[type=checkbox] { border-radius: 0.25em; } .btn { padding: 8px 20px; border-radius: 6px; font-weight: 700; font-size: 0.9rem; display: inline-block; transition: all 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95); border: none; cursor: pointer; background-color: var(--grey-main); font-family: "Red Hat Display", sans-serif; } .btn.btn-add, .btn.btn-action { background-color: var(--valid); color: var(--white-main); display: flex; flex-direction: row; column-gap: 5px; align-items: center; width: max-content; } .btn.btn-action { background-color: #4299e1; color: var(--white-main); } .btn.btn-delete { background-color: var(--delete); color: var(--white-main); display: flex; flex-direction: row; column-gap: 5px; align-items: center; width: max-content; } .alert { border-top: 4px solid; padding: 0.75rem 1rem; margin-bottom: 1rem; position: relative; } .alert p { color: #234e52 !important; margin: 0; } .alert .title { font-weight: 700; margin-bottom: 5px; } .alert .message { font-size: 0.875rem !important; } .alert.alert-success { border-color: #38b2ac !important; background-color: #e6fffa !important; } .form-error { padding: 10px 0; display: flex; align-items: center; flex-direction: row; column-gap: 5px; color: #c53030; } .form-error .type { font-size: 0.8rem; text-transform: uppercase; font-weight: 700; padding: 6px; border-radius: 3px; } .form-error .type.type-error { background-color: #c53030; color: var(--white-main); } .flex-row, .list__body .date { display: flex; flex-direction: row; } .flex-row.align-center, .list__body .align-center.date { align-items: center; } .flex-row.align-start, .list__body .align-start.date { align-items: start; } .flex-row.align-end, .list__body .align-end.date { align-items: end; } .flex-row.justify-between, .list__body .justify-between.date { justify-content: space-between; } .flex-row.justify-around, .list__body .justify-around.date { justify-content: space-around; } .flex-row.justify-evenly, .list__body .justify-evenly.date { justify-content: space-evenly; } .flex-row.justify-end, .list__body .justify-end.date { justify-content: end; } .flex-column { display: flex; flex-direction: column; } .flex-column.align-center { align-items: center; } .flex-column.align-start { align-items: start; } .flex-column.align-end { align-items: end; } .flex-column.justify-between { justify-content: space-between; } .flex-column.justify-around { justify-content: space-around; } .flex-column.justify-evenly { justify-content: space-evenly; } .list { border-radius: 6px; border: 1px solid var(--neutral-black-200); background: var(--white, #FFF); padding: 25px; grid-column: 5/12; grid-row: 3; } .list h2 { font-family: "IBM Plex Mono", monospace; font-weight: 600; font-size: 1.25rem; } .list__filter { margin-top: 20px; } .list__filter form { display: flex; column-gap: 20px; } .list__filter select { border-radius: 4px; background: var(--neutral-black-100); border: none; padding: 6px 10px; font-family: "Red Hat Display", sans-serif; font-size: 1rem; font-weight: 700; color: var(--neutral-black-700); margin-bottom: 0; } .list__filter .btn { background-color: var(--client-color); color: var(--white-main); } .list__head { display: flex; font-size: 0.9rem; margin-top: 40px; color: var(--neutral-black-600); } .list .separator { width: 100%; height: 2px; background-color: var(--neutral-black-200); margin: 12px 0 20px; } .list__body { display: flex; flex-direction: column; row-gap: 20px; } .list__body__item form .delete-icon { cursor: pointer; width: 20px; max-width: unset; } .list__body__item:not(:last-of-type) .border { border-bottom: 1px solid var(--neutral-black-200); margin-top: 20px; } .list__body__item .thumb-actuality { width: 100%; } .list__body__item .on { background-color: var(--valid); width: 15px; height: 15px; border-radius: 100%; } .list__body__item .off { background-color: var(--orange-main); width: 15px; height: 15px; border-radius: 100%; } .list__body .img-title { column-gap: 10px; } .list__body .img-title img { max-width: 100px; } .list__body .img-title span { font-weight: 700; } .list__body .logo-client { max-width: 70px; margin-right: 8px; } .list__body .tags { flex-wrap: wrap; gap: 4px; } .list__body .date { align-items: center; column-gap: 8px; } .list.form-edit { padding: 0; border: none; } form { /* Form error */ /* Multi select - Symfony UX Autocomplete */ } form h2 { font-weight: 700; font-size: 1.3rem; color: var(--client-color); margin-bottom: 2rem !important; } form .label-with-info { display: flex; flex-direction: column; row-gap: 8px; margin-bottom: 6px; } form .label-with-info label { margin-bottom: 0; } form .label-with-info .info { font-style: italic; font-size: 0.9rem; color: var(--info); } form .label-with-info .length.valid { color: var(--valid); } form .label-with-info .length.not-valid { color: var(--delete); } form .credits-photo { font-style: italic; font-size: 0.95rem; margin-bottom: 1rem; display: block; } form .credits-photo b { font-weight: 700; } form .group-form { margin-bottom: 35px; } form label { margin-bottom: 6px; display: block; font-weight: 700; } form input, form textarea, form select { width: 100%; background-color: var(--white-main); border: 2px solid #eee; border-radius: 8px; padding: 12px; font-family: "Red Hat Display", sans-serif; font-weight: 500; font-size: 0.9rem; } form input:focus, form textarea:focus, form select:focus { border-color: var(--blue-main); outline: none; } form textarea { resize: vertical; } form .color-project, form .font-project, form .media-project { margin-bottom: 5rem; } form .color-project .btn-delete, form .font-project .btn-delete, form .media-project .btn-delete { margin-top: 1.8rem; } form .color-project .bloc-color { width: 180px; height: 50px; } form .multilanguage__content { position: relative; } form .multilanguage__content .trad-fr, form .multilanguage__content .trad-en { opacity: 0; visibility: hidden; } form .multilanguage__content .trad-fr.active, form .multilanguage__content .trad-en.active { opacity: 1; visibility: visible; } form .multilanguage__content .trad-en { position: absolute; width: 100%; top: 0; left: 0; z-index: 10; } form .form-check label { margin-top: 0.25rem; } form .color-picker { min-height: 48px; } form #hexcolor { padding: 12px; background-color: #eaeaea; border-radius: 8px; margin-top: 25px; display: inline-block; } form .tox-tinymce { margin-bottom: 35px; } form .notActive { visibility: hidden; opacity: 0; display: none; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); } form .notActive.active { visibility: visible; opacity: 1; display: block; } form img { max-width: 50%; } form .product-picture { padding: 35px; border-radius: 20px; background-color: var(--grey-main); max-width: 30%; } form .product-picture img { max-width: 100%; margin-bottom: 15px; } form .product-picture .bar-title { width: 60%; background-color: var(--yellow-main); height: 8px; border-radius: 10px; margin-bottom: 15px; } form .product-picture .bar-text { width: 100%; background-color: #aeaeae; height: 6px; border-radius: 10px; } form .product-picture .bar-text:not(:last-of-type) { margin-bottom: 8px; } form .product-picture .bar-text.bt-3 { width: 60%; } form .button-bottom { position: sticky; bottom: 0; background: #fff; width: 100%; padding: 30px 0; left: 0; z-index: 999; } form .form-error { color: var(--alert-danger-500); } form .form-error__span { background-color: var(--alert-danger-500); padding: 2px 4px; border-radius: 4px; color: var(--white-main); font-weight: 700; font-size: 0.9rem; } form .focus .ts-control { box-shadow: none; } form .ts-control { background-color: var(--white-main); border: 2px solid #eee; border-radius: 8px; padding: 12px; font-family: "Red Hat Display", sans-serif; font-weight: 500; font-size: 0.95rem; box-shadow: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; display: flex; align-items: center; line-height: 1.5; } form .ts-wrapper.plugin-remove_button:not(.rtl) .item .remove { border-left: 1px solid #dee2e6; } form .dropdown-active .ts-control { border-radius: 8px; } form .ts-wrapper.multi .ts-control [data-value] { text-shadow: none; cursor: pointer; margin: 0 3px 3px 0; padding: 1px 5px 3px 5px; font-family: "IBM Plex Mono", monospace; background: #efefef; color: #343a40; border: 0 solid #dee2e6; border-radius: calc(0.375rem - 1px); box-shadow: none; white-space: nowrap; } form .ts-wrapper.multi .ts-control [data-value].active { background-color: var(--purple-main); background-image: none; } form .ts-wrapper.plugin-remove_button .item { display: inline-flex; align-items: center; padding-right: 0 !important; } form .ts-wrapper.multi.has-items .ts-control { padding-left: calc(0.35rem - 5px); --ts-pr-min: calc(0.35rem - 5px); } form .ts-wrapper.multi.has-items .ts-control { padding: calc(0.375rem - 1px - 0px) 0.75rem calc(0.375rem - 1px - 3px - 0px); } form .ts-dropdown, form .ts-dropdown.form-control, form .ts-dropdown.form-select { height: auto; padding: 0; z-index: 1000; background: #fff; border: 1px solid var(--bs-border-color-translucent); border-radius: 0.375rem; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); margin: 0; } form .ts-dropdown .ts-dropdown-content, form .ts-dropdown.form-control .ts-dropdown-content, form .ts-dropdown.form-select .ts-dropdown-content { padding: 5px 0; } form .ts-dropdown .option, form .ts-dropdown.form-control .option, form .ts-dropdown.form-select .option { padding: 3px 0.75rem; } form .ts-dropdown .option.active, form .ts-dropdown.form-control .option.active, form .ts-dropdown.form-select .option.active { background-color: var(--neutral-black-200); color: var(--neutral-black-full); } form .ts-dropdown [data-selectable].option, form .ts-dropdown.form-control [data-selectable].option, form .ts-dropdown.form-select [data-selectable].option { font-size: 0.9rem; } form .slide-brouillon { margin-left: 15px; width: 160px; height: 26px; background: var(--grey-main); position: relative; border-radius: 50px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); } form .slide-brouillon:after { content: "Brouillon"; color: var(--neutral-black-full); position: absolute; right: 10px; top: 0px; z-index: 0; font: 16px/26px Arial, sans-serif; font-weight: bold; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15); } form .slide-brouillon:before { content: "En ligne"; color: var(--neutral-black-full); position: absolute; left: 10px; z-index: 0; font: 16px/26px Arial, sans-serif; font-weight: bold; } form .slide-brouillon label { display: block; width: 70px; height: 20px; cursor: pointer; position: absolute; top: 2px; left: 3px; z-index: 1; background: var(--orange-main); background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); border-radius: 50px; transition: all 0.4s ease; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); } form .slide-brouillon input[type=checkbox] { visibility: hidden; } form .slide-brouillon input[type=checkbox]:checked + label { left: 75px; width: 80px; background: var(--valid); } form .slide-brouillon .form-group { margin-top: 0; } :root { --black-main: #000000; --white-main: #FFFFFF; --grey-main: #EBEAEA; --yellow-main: #F9B000; --orange-light-main: #F38B04; --brown-main: #472D24; --orange-main: #F8B255; --green-main: #194C3D; --black-opacity: #0000009F; --valid: #20ce7a; --edit: #e99120; --delete: #d53535; --action: #4299e1; --info: #17a2b8; --client-color: #F9B000; --client-color-second: #F38B04; --client-color-third: #EC6608; --neutral-500: #8B8B8B; --neutral-black-100: #F6F6F6; --neutral-black-200: #E8E8E8; --neutral-black-400: #A2A2A2; --neutral-black-600: #747474; --neutral-black-700: #5D5D5D; --neutral-black-full: #171717; --alert-success-100: #E0F2E6; --alert-success-500: #10B981; --alert-warning-100: #FFF6E5; --alert-warning-500: #F59E0B; --alert-danger-100: #FFEBEB; --alert-danger-500: #EF4444; --padding-main-block: 130px 0; --padding-first-block: 125px 0 85px; } * { padding: 0; margin: 0; } html { line-height: 1; } body { background: #F4F5F7; font-family: "Red Hat Display", sans-serif; -webkit-font-smoothing: antialiased; -moz-font-smoothing: unset; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; font-weight: 500; } h1 { font-size: 1.4rem; font-weight: 600; } ul { list-style: none; } .none { display: none; } /* Admin v2 */ .body { background: var(--white-main); } .container-admin { display: flex; flex-direction: row; } .container-admin .header { width: 415px; padding: 40px; } .container-admin .header nav { position: sticky; top: 40px; } .container-admin .header nav .logo { margin-top: 0; margin-bottom: 35px; min-height: 72px; } .container-admin .header nav .menu { border-radius: 6px; border: 2px solid var(--neutral-black-200, #E8E8E8); height: 80vh; padding: 25px; overflow: scroll; -ms-overflow-style: none; /* for Internet Explorer, Edge */ scrollbar-width: none; /* for Firefox */ } .container-admin .header nav .menu::-webkit-scrollbar { display: none; } .container-admin .header nav .menu ul { row-gap: 12px; padding: 0; } .container-admin .header nav .menu ul li { padding: 8px 10px; border-radius: 4px; transition: all 0.4s cubic-bezier(0, 0.78, 0.83, 0.67); } .container-admin .header nav .menu ul li a { color: var(--orange-main); align-items: center; display: flex; text-decoration: none; } .container-admin .header nav .menu ul li a svg { margin-right: 12px; width: 25px; height: 25px; } .container-admin .header nav .menu ul li a svg .fill { fill: var(--orange-main); } .container-admin .header nav .menu ul li a svg .stroke { stroke: var(--orange-main); } .container-admin .header nav .menu ul li .divider { width: 100%; height: 1px; display: block; background-color: var(--neutral-black-400); margin: 15px 0; } .container-admin .header nav .menu ul li ul { opacity: 0; max-height: 0; visibility: hidden; transition: all 0.4s cubic-bezier(0, 0.78, 0.83, 0.67); } .container-admin .header nav .menu ul li:hover { background: var(--orange-main); } .container-admin .header nav .menu ul li:hover a { color: var(--white-main); } .container-admin .header nav .menu ul li:hover a svg .fill { fill: var(--white-main); } .container-admin .header nav .menu ul li:hover a svg .stroke { stroke: var(--white-main); } .container-admin .header nav .menu ul li.dropdown { cursor: pointer; } .container-admin .header nav .menu ul li.active { background: var(--orange-main); } .container-admin .header nav .menu ul li.active a { color: var(--white-main); } .container-admin .header nav .menu ul li.active a svg .fill { fill: var(--white-main); } .container-admin .header nav .menu ul li.active a svg .stroke { stroke: var(--white-main); } .container-admin .header nav .menu ul li.open:hover { background: var(--white-main); } .container-admin .header nav .menu ul li.open:hover a { color: var(--orange-main); } .container-admin .header nav .menu ul li.open:hover a svg .fill { fill: var(--orange-main); } .container-admin .header nav .menu ul li.open:hover a svg .stroke { stroke: var(--orange-main); } .container-admin .header nav .menu ul li.open ul { padding: 25px 0; opacity: 1; max-height: 800px; visibility: visible; } .container-admin .header nav .menu ul li.open ul li:hover { background: var(--orange-main); } .container-admin .header nav .menu ul li.open ul li:hover a { color: var(--white-main); } .container-admin .header nav .menu ul li.open ul li:hover a svg .fill { fill: var(--white-main); } .container-admin .header nav .menu ul li.open ul li:hover a svg .stroke { stroke: var(--white-main); } .container-admin .header nav .menu .logout { margin: auto auto 0; position: relative; left: unset; bottom: unset; } .container-admin .header nav .menu .logout img { width: 35px; } .main-content { width: 100%; padding: 148px 45px 45px 10px; color: var(--neutral-full, #171717); /*---- List ----*/ /*---- Form ----*/ } .main-content .content-wrapper { padding: 0; } .main-content .content-wrapper .content-header { padding: 0; margin-bottom: 30px; } .main-content .content-wrapper .content-header .hello { font-size: 2.375rem; } .main-content .content-wrapper .content-header .hello .subtitle { font-size: 0.85rem; font-weight: 600; display: block; color: var(--neutral-500, #8B8B8B); margin-top: 20px; } .main-content .content-wrapper .content-header .search-and-profile { column-gap: 60px; } .main-content .content-wrapper .content-header .search-and-profile .profile-menu { padding: 10px; box-shadow: 7px 7px 18px 0 rgba(0, 0, 0, 0.06); border-radius: 20px; position: relative; } .main-content .content-wrapper .content-header .search-and-profile .profile-menu__profile { column-gap: 20px; } .main-content .content-wrapper .content-header .search-and-profile .profile-menu__profile .name-avatar { column-gap: 10px; } .main-content .content-wrapper .content-header .search-and-profile .profile-menu__profile .name-avatar .avatar { width: 30px; height: 30px; background: var(--orange-main); border-radius: 50%; } .main-content .content-wrapper .content-header .search-and-profile .profile-menu__profile img { transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .main-content .content-wrapper .content-header .search-and-profile .profile-menu__menu { max-height: 0; visibility: hidden; padding: 0; opacity: 0; position: absolute; width: 100%; z-index: 99; box-shadow: 7px 7px 18px 0 rgba(0, 0, 0, 0.06); background-color: white; left: 0; border-radius: 0 0 20px 20px; transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .main-content .content-wrapper .content-header .search-and-profile .profile-menu__menu ul { row-gap: 10px; } .main-content .content-wrapper .content-header .search-and-profile .profile-menu.open { border-radius: 20px 20px 0 0; } .main-content .content-wrapper .content-header .search-and-profile .profile-menu.open .profile-menu__profile .chevron { transform: rotate(180deg); } .main-content .content-wrapper .content-header .search-and-profile .profile-menu.open .profile-menu__menu { padding: 10px; max-height: 100px; visibility: visible; opacity: 1; } .main-content .tab-content { display: grid; column-gap: 50px; row-gap: 50px; grid-template-columns: repeat(11, 1fr); grid-template-rows: 145px 180px auto; } .main-content .tab-content .stats { grid-column: 1/9; } .main-content .tab-content .stats__item { padding: 25px; background-color: var(--white-main); box-shadow: 7px 7px 18px 0 rgba(0, 0, 0, 0.06); width: 30%; height: fit-content; } .main-content .tab-content .stats__item h4 { font-family: "IBM Plex Mono", monospace; font-weight: 600; font-size: 1.05rem; margin-bottom: 20px; } .main-content .tab-content .stats__item__number-stat { column-gap: 20px; } .main-content .tab-content .stats__item__number-stat .number { font-size: 4.375rem; line-height: 3.5rem; font-weight: 700; color: var(--orange-main); } .main-content .tab-content .calendar-wrapper { grid-column: 9/12; grid-row: 1/3; } .main-content .tab-content .pages-list { grid-column: 1/5; grid-row: 2/5; background-color: var(--orange-main); color: var(--white-main); padding: 25px; border-radius: 6px; } .main-content .tab-content .pages-list__header { margin-bottom: 40px; } .main-content .tab-content .pages-list__header h2 { font-family: "IBM Plex Mono", monospace; font-weight: 600; font-size: 1.25rem; } .main-content .tab-content .pages-list__body .head-list { padding-bottom: 10px; border-bottom: 2px solid rgba(255, 255, 255, 0.5); display: flex; column-gap: 15px; } .main-content .tab-content .pages-list__body .head-list .col-5, .main-content .tab-content .pages-list__body .head-list .col-2 { padding: 0; } .main-content .tab-content .pages-list__body__list { margin-top: 25px; display: flex; flex-direction: column; row-gap: 14px; } .main-content .tab-content .pages-list__body__list__item { display: flex; column-gap: 15px; padding-bottom: 14px; } .main-content .tab-content .pages-list__body__list__item:not(:last-of-type) { border-bottom: 2px solid rgba(255, 255, 255, 0.5); } .main-content .tab-content .pages-list__body__list__item .col-5, .main-content .tab-content .pages-list__body__list__item .col-2 { padding: 0; } .main-content .tab-content .pages-list__body__list__item .page-name { font-weight: 700; } .main-content .tab-content .last-video { grid-column: 5/7; grid-row: 2; background-color: rgba(249, 176, 0, 0.3); border-radius: 6px; padding: 20px; overflow: hidden; } .main-content .tab-content .last-video .title-action h2 { font-family: "IBM Plex Mono", monospace; font-weight: 600; font-size: 1rem; color: var(--orange-main); } .main-content .tab-content .last-video .title-action a { width: 30px; height: 30px; border-radius: 50%; background-color: var(--white-main); display: flex; align-items: center; justify-content: center; } .main-content .tab-content .last-video .title-action a svg rect { fill: var(--orange-main); } .main-content .tab-content .last-video .carousel-video { margin-top: auto; width: 200%; } .main-content .tab-content .last-video .carousel-video .video { width: 85%; } .main-content .tab-content .last-video .carousel-video .video iframe { width: 100%; height: auto; aspect-ratio: 16/9; } .main-content .tab-content .go-to-analytics { grid-column: 7/9; grid-row: 2; border-radius: 6px; border: 1px solid var(--neutral-black-200); background: var(--white-main, #FFF); padding: 20px; align-items: center; row-gap: 15px; } .main-content .tab-content .go-to-analytics .icon { width: 50px; height: 50px; margin: auto; border-radius: 50%; background-color: rgba(249, 176, 0, 0.15); display: flex; align-items: center; justify-content: center; } .main-content .tab-content .go-to-analytics .icon svg path { fill: var(--orange-main); stroke: var(--orange-main); } .main-content .tab-content .go-to-analytics h2 { font-family: "IBM Plex Mono", monospace; font-weight: 600; font-size: 1rem; text-align: center; } .main-content .tab-content .go-to-analytics a { margin-top: auto; display: flex; flex-direction: row; align-items: center; column-gap: 10px; color: var(--orange-main); } .main-content .tab-content .go-to-analytics a svg path { fill: var(--orange-main); stroke: var(--orange-main); } .main-content .list-content { padding: 40px; border: 2px solid var(--neutral-black-200, #E8E8E8); border-radius: 6px; background-color: var(--white-main); } .main-content .list-content__head .title h1 { font-size: 1.6rem; font-weight: 700; margin-bottom: 5px; } .main-content .list-content__head .title .subtitle { color: var(--neutral-black-700); font-size: 0.9rem; font-weight: 600; } .main-content .list-content h2 { font-family: "IBM Plex Mono", monospace; font-weight: 600; font-size: 1.4rem; margin-bottom: 5px; } .main-content .list-content .filter { margin-top: 25px; } .main-content .list-content .filter__content { column-gap: 25px; align-items: center; } .main-content .list-content .list { padding: 0; border: none; } .main-content .list-content .list form .delete-icon { width: 20px; max-width: unset; } .main-content .list-content .list #copyInput { opacity: 0; width: 0; visibility: hidden; height: 0; display: block; } .main-content .list-content .list .img { max-width: 100%; } .main-content .list-content .content .info-contact { font-size: 1.05rem; line-height: 1.2rem; } .main-content .list-content .content .info-contact b { color: var(--orange-main); } .main-content .list-content .content .message-contact { border: 2px solid var(--grey-main); border-radius: 6px; padding: 20px; font-size: 1.05rem; line-height: 1.2rem; } .main-content .form-content { padding: 40px; border: 2px solid var(--neutral-black-200, #E8E8E8); border-radius: 6px; background-color: var(--white-main); } .main-content .form-content__head .title h1 { font-size: 1.6rem; font-weight: 700; margin-bottom: 45px; } .main-content .form-content h2 { font-family: "IBM Plex Mono", monospace; font-weight: 600; font-size: 1.4rem; margin-bottom: 5px; } /* ---- Responsive ---- */ @media screen and (min-width: 2200px) { .main-content-v2 .tab-content { grid-template-rows: 145px 240px auto; } .main-content-v2 .tab-content .last-video .title-action h2 { font-size: 1.25rem; } .main-content-v2 .tab-content .go-to-analytics h2 { font-size: 1.25rem; } } /*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../assets/styles/admin.scss%22,%22../../assets/styles/_baseAdmin.scss%22,%22../../assets/styles/components/_btnAdmin.scss%22,%22../../assets/styles/components/_alert.scss%22,%22../../assets/styles/components/_flex.scss%22,%22../../assets/styles/components/_list.scss%22,%22../../assets/styles/components/_formAdmin.scss%22,%22../../assets/styles/_responsive-admin.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAOQ;ACPR;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;;;AAIA;EADJ;IAEQ;IACA;IACA;;;;AAKJ;EADJ;IAEQ;IACA;IACA;;;;AAKJ;EADJ;IAEQ;IACA;IACA;;;;AAKJ;EADJ;IAEQ;IACA;IACA;;;;AAKJ;EADJ;IAEQ;IACA;IACA;;;;AAKJ;EADJ;IAEQ;IACA;IACA;;;;AAKJ;EADJ;IAEQ;IACA;IACA;;;;AAKJ;EADJ;IAEQ;IACA;IACA;;;;AAKJ;EADJ;IAEQ;IACA;IACA;;;;AAKJ;EADJ;IAEQ;IACA;IACA;;;;AAKJ;EADJ;IAEQ;IACA;IACA;;;;AAKJ;EADJ;IAEQ;IACA;IACA;;;;AAKR;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAIJ;AAAA;AAAA;AAKA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;;AAEJ;EACI;;AAIR;EACI;;;AC7RR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EAEI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AChCR;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;;;AAKR;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;;ACtCZ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;;AAIR;EACI;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;;AC7CR;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;;AACA;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAGR;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAGQ;EACI;EACA;EACA;;AAIJ;EACI;EACA;;AAGR;EACI;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGR;EACI;;AACA;EACI;;AAEJ;EACI;;AAGR;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EAEI;EACA;;AAGR;EACI;EACA;;;ACzGR;AAqKI;AAYA;;AAhLA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;;AAGA;EACI;;AAEJ;EACI;;AAIZ;EACI;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAGR;EACI;;AAEJ;EACI;;AACA;EACI;;AAIJ;EACI;EACA;;AAIJ;EACI;;AACA;EACI;EACA;;AACA;EACI;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;;AAKR;EACI;;AAGR;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAGA;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAGR;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AACA;EACI;EACA;;AAGR;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAEA;EACI;EACA;EACA;;AAIR;EACI;;;ANlTZ;EACI;EACA;EACA;EACA;EACA;EACA;EACH;EACG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AACA;EACI;;;AAEJ;EACI;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAIZ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AACA;EACI;;AAEI;EACI;;AAEJ;EACI;;AAKhB;EACI;;AAEJ;EACI;;AACA;EACI;;AAEI;EACI;;AAEJ;EACI;;AAMZ;EACI;;AACA;EACI;;AAEI;EACI;;AAEJ;EACI;;AAKhB;EACI;EACA;EACA;EACA;;AAEI;EACI;;AACA;EACI;;AAEI;EACI;;AAEJ;EACI;;AAUpC;EACI;EACA;EACA;EACA;;AACA;EACI;;;AAQxB;EACI;EACA;EACA;AAqPA;AAuEA;;AA3TA;EACI;;AACA;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;;AAGR;EACI;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;;AAGR;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI;;AAEI;EACI;;AAGR;EACI;EACA;EACA;EACA;;AAOxB;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;;AAKhB;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;;AAIJ;EACI;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAMpB;EACI;EACA;EACA;EACA;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEI;EACI;;AAKhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;;AAKhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEI;EACI;EACA;;AAIZ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEI;EACI;EACA;;AAQpB;EACI;EACA;EACA;EACA;;AAGQ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAIZ;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AACA;EACI;EACA;;AAGR;EACI;EACA;;AAEI;EACI;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAIJ;EACI;EACA;;AACA;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;;AAMZ;EACI;EACA;EACA;EACA;;AAGQ;EACI;EACA;EACA;;AAIZ;EACI;EACA;EACA;EACA;;;AAIZ;AO5jBA;EAEQ;IACI;;EAGQ;IACI;;EAKR;IACI%22,%22file%22:%22admin.output.css%22%7D */ ";s:6:"digest";s:32:"290b29d54eea4fc41a074a2adfc97e8e";s:13:"isPredigested";b:0;s:8:"isVendor";b:0;s:55:"Symfony\Component\AssetMapper\MappedAssetdependencies";a:0:{}s:59:"Symfony\Component\AssetMapper\MappedAssetfileDependencies";a:1:{i:0;s:52:"C:\wamp64\www\gaec-leclere/var/sass/admin.output.css";}s:60:"Symfony\Component\AssetMapper\MappedAssetjavaScriptImports";a:0:{}s:11:"logicalPath";s:17:"styles/admin.scss";}