@import url(https://fonts.googleapis.com/css?family=DM+Sans:200,300,400,700);

:root {
    --bs-font-sans-serif: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: "DM Sans", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 58%, rgba(81, 95, 96, 1) 100%);
    --color-primary: #371c4b;
    --link-color: #2a3156;
    --link-hover-color: #515f60;
    --button-primary-bg: #03ebfb;
    --button-primary-color: black;
    --table-selected-cell-bg: #d8eefc;
    --form-type-check-input-checked-bg: #515f60;
    --bs-primary-rgb: 0, 152, 241;
    --form-type-autocomplete-close-button-bg: transparent;
    --sidebar-menu-icon-color: white;
    --sidebar-menu-submenu-color: white;
    --sidebar-menu-color: #515f60;
    --sidebar-menu-active-item-bg: transparent;
    --form-switch-checked-bg: #515f60;
    --badge-dark-bg: #03ebfb;
    --badge-dark-color: dark;
    --badge-bg: #03ebfb;
    --badge-color: white;
    --bs-btn-box-shadow: none;
    --button-hover-shadow: none;
    --button-shadow: none;
    --button-warning-bg: #ff0000;
    --body-bg: #eaeaea;
    --sidebar-max-width: 250px;
    --table-cell-color: #000000;
    --form-input-border-color: #d4d4d4;
    --bs-danger-rgb: 255, 0, 0;
    --form-input-hover-border-color: transparent;
    --form-input-hover-shadow: none;
    --button-secondary-bg: #CCC;
    --badge-boolean-true-bg: #000000;
}

.ea-dark-scheme {
    --button-primary-bg: #03ebfb;
    --button-primary-color: black;
    --link-color: #03ebfb;
    --link-hover-color: #00bbc8;
    --pagination-active-bg: #00bbc8;
    --color-primary: #00bbc8;
    --button-warning-bg: #ff0000;
    --form-control-bg: white;
    --form-input-border-color: white;
    --form-input-text-color: black;
    
}

.ea-dark-scheme .sticky-top {
    background-color: #222 !important;
}

.ea-dark-scheme .sidebar {
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgb(255 255 255) 0%, rgb(255 255 255) 58%, rgb(239 239 239) 100%);
}

.ea-dark-scheme #main-menu .menu .menu-icon,
.ea-dark-scheme #main-menu .menu .menu-item-contents {
    color: black;
}

.form-control,
.form-select {
    --text-color-dark: gray;
}

.ea-dark-scheme .ts-control input,
.ea-dark-scheme .ts-control .item {
    color: gray;
}

.ea-dark-scheme .clear-button {
    color: white;
    background-color: transparent !important;
}

.ea-dark-scheme .table {
    --table-cell-color: white;
}

.sidebar-logo img {
    background: url("../img/logo/logo.png") 50%;
    width: 150px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    border: 0px none;
    height: 152px;
}

.ea-dark-scheme .sidebar-logo img {
    background-image: url("../img/logo/logo-front.png");
}


.btn {
}

* {
    font-family: var(--bs-font-sans-serif);
    font-size: medium;
}

.nav-pills {
    --bs-nav-pills-link-active-color: #ffffff;
    --bs-nav-pills-link-active-bg: #828282;
    /*linear-gradient(90deg, #515f60 0%, #828282 100%)*/
}

.btn {
    --bs-btn-padding-x: 12px;
    --bs-btn-padding-y: 6px;
}

.ea-dark-scheme .nav {
    --bs-nav-link-color: white;
}

.ea-dark-scheme .btn-link {
    --bs-link-color: #009aa5;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: linear-gradient(0deg, #371c4b, #371c4b, #3f2c8e) !important;
}

.job-sections .plugin-clear_button.ts-wrapper .clear-button,
.job-sections .plugin-clear_button.ts-wrapper.multi .clear-button {
    color: var(--link-color);
    top: 18px;
    right: 5px !important;
}

.plugin-clear_button.ts-wrapper .clear-button,
.plugin-clear_button.ts-wrapper.multi .clear-button {
    color: var(--link-color);
    top: 15px;
}

.plugin-clear_button.ts-wrapper .clear-button:hover,
.plugin-clear_button.ts-wrapper.multi .clear-button:hover {
    color: var(--link-hover-color);
    background-color: white !important;
}

.section-name select {
    width: 50%;
    color: rgb(255, 255, 255);
    font-weight: bold;
    background: #371c4b!important;
}

.section-name .ts-wrapper .ts-control {
    line-height: 1.5 !important;
    padding: .375rem .75rem !important;
    padding-right: 0px !important;
}

.section-name .ts-control .item {
    font-size: .875rem;
    color: white;
    font-weight: bold;
}

.dropdown-user-details .user-label {
    display: none !important;
}

.user-menu-wrapper .dropdown-menu .dropdown-user-details img.user-avatar {
    height: 17px !important;
    margin-top: 4px;
    max-width: 26px;
    width: auto;
    margin-left: 5px;
    border-radius: 0px;
}

.flag {
    width: 27px;
    height: 17px;
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: cover;
}

.fr-flag {
    background-image: url(../../bundles/easyadmin/images/flags/FR.svg);
}

.it-flag {
    background-image: url(../../bundles/easyadmin/images/flags/IT.svg);
}

.us-flag {
    background-image: url(../../bundles/easyadmin/images/flags/US.svg);
}

.logo {
    padding: 25px !important;
}

.responsive-header {
    background: linear-gradient(90deg, #371c4b, #371c4b, #3f2c8e);
}

#main-menu {
    margin-top: 20px;
}

.main-header .navbar {
    padding: 0px !important;
}

.sidebar {
    padding: 0px !important;
    background: #371c4b;
    /*
    background: linear-gradient(90deg, #371c4b, #371c4b, #3f2c8e);
    */
}

#main-menu .menu .menu-item-contents {
    color: #ffffff;
}

#main-menu .menu .badge {
    background: aqua !important;
    border-radius: 3px !important;
    font-size: 11px !important;
    padding: 0px 5px !important;
    min-width: 0px !important;
    top: 4px !important;
    color: #000000 !important;
}

#main-menu .menu .menu-icon {
    color: #ffffff;

}

#main-menu .menu .menu-header {
    color: #ffffff;
}


#main-menu .menu .menu-item.active:not(.expanded) .menu-icon,
#main-menu .menu .menu-item.active:not(.expanded) a {
    color: white;
}

#main-menu .menu .menu-item {
    border-radius: 0px;
}

.menu-icon.menu-separator {
    margin-right: 31px !important;
}



.page-item.active .page-link,
.form-check-input:checked {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

#main-menu .menu .menu-item-contents {
    padding: 10px 0;
}

.field-date input[type="date"].form-control,
.field-datetime input[type="datetime-local"].form-control,
.field-time input[type="time"].form-control {
    width: 100%;
}


td[data-column="marginHt"] b {
    white-space: nowrap;
}

td[data-label="Tél"] span {
    white-space: nowrap;
}

 
td[data-column="customer"] {
    font-weight: bold;
    text-align: center;
}

td[data-column="creator"],td[data-column="manager"],td[data-column="job.manager"] {
    width: 120px!important;
    min-width: 120px!important;
}

.datagrid td:not(.actions):hover {
    cursor: pointer;
}

.job-sections {}

.job-sections td {}

.job-sections td.error input {
    background-color: rgb(255, 245, 245);
}

.job-sections td .euro {
    background: url('../img/euro.png') no-repeat;
    width: 7px;
    height: 7px;
    overflow: hidden;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 1;
    background-size: cover;
    opacity: 0.8;
}

.job-sections td .percent {
    background: url('../img/percent.png') no-repeat;
    width: 7px;
    height: 7px;
    overflow: hidden;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 1;
    background-size: cover;
    opacity: 0.8;
}

.table.datagrid thead th {
    text-align: center !important;
}

.table.datagrid td.field-money {
    text-align: center !important;
}

.main-header #header-logo a.logo {
    display: none !important;
}

.ts-dropdown {
    z-index: 800 !important;
}

.dropdown-settings {
    margin-right: 15px;
}

.has-error .CodeMirror,
.has-error .btn.input-file-container,
.has-error .ea-fileupload .input-group,
.has-error .ea-text-editor-wrapper,
.has-error .form-widget .form-select,
.has-error .form-widget input.form-control,
.has-error .form-widget textarea.form-control {
    box-shadow: var(--form-input-error-shadow);
    border: 1px solid red;
}

.address-feedback {
    height: 150px;
    overflow-y: auto;
    display: none;
    padding: 15px !important;
    border-radius: 30px !important;
}

.main-header #header-logo a {
    padding: 10px 0px !important;
}

.main-header #header-logo {
    /*
    border-bottom: 2px solid white!important;
    padding-bottom: 9px!important;
    */
}

.datagrid td {
    text-align: center;
}

.dropdown-settings .fas.fa-gear:before,
.dropdown-settings .far.fa-sun:before,
.dropdown-settings .far.fa-moon:before {
    content: "\f0c8" !important;
    color: black;
}

.ea-dark-scheme .dropdown-settings .fas.fa-gear:before,
.ea-dark-scheme .dropdown-settings .far.fa-sun:before,
.ea-dark-scheme .dropdown-settings .far.fa-moon:before {
    content: "\f0c8" !important;
    color: white !important;
}

.dropdown-settings .dropdown-menu .far,
.dropdown-settings .dropdown-menu .fas {
    display: none;
}

.action-delete .action-label {
    font-weight: no;
}


.datagrid-filters, .action-filters {
    display: none;
}

.dropdown-menu {
    max-height: 280px;
    overflow-y: auto;
}

.datagrid.table .actions {
    white-space: nowrap;
}

input.price {
    text-align: right !important;
    padding-right: 3px;
}

input.rate {
    text-align: center !important;
}

.field-country .country-flag {
    display: none !important;
}

.user-menu-wrapper .dropdown-user-details .user-name {
    font-weight: bold !important;
}

.user-menu-wrapper img {
    display: none !important;
}

.ea-new .content-search,
.ea-edit .content-search {
    visibility: hidden;
}

.btn.btn-pdf .icon {
    font-size: 25px !important;
    color: red;
}

.btn.btn-black .icon {
    font-size: 25px !important;
    color: var(--color-primary);
}

.form-switch {
    padding-left: 0px;
}

.table.datagrid tr:hover .btn-warning {
    background-color: var(--button-warning-bg);
}

.table.datagrid tr:hover .btn-success {
    background-color: var(--color-success);
}

select[readonly] option:not(selected),
select[readonly] optgroup {
    display: none;
}

label[for=Job_endAt] {
    visibility: hidden;
}

div.growl {
    text-align: center;
}


.tooltip-inner {
    background-color: white !important;
    color: #000000;
    font-weight: bold !important;
    border: 1px solid black !important;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-bottom-color: white !important;
}

.invoice_modal .modal-dialog {
    max-width: 600px;
}


body.page-login {
    background: url('../img/body-bg.jpg') no-repeat;
    background-size: cover;
}

.login-wrapper {
    margin-top: 20px !important;
}

.login-wrapper .content {
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
    padding: 0px;
    border: 1px solid #ffffff;
    box-shadow: rgb(0, 0, 0) 0px 2px 8px 0px;
    display: flex;
}

.login-wrapper form {
    width: 316px;
    margin: 0 auto;
    padding: 12px;
}

.login-wrapper form input {
    border: 0px none;
    border-radius: 0px;
    padding: 20px 16px;
    color: #000000;
    text-align: center;
}

.login-wrapper form input::placeholder {
    color: #525252;
}


.login-wrapper form button {
    border-radius: 0px 0px 5px 5px;
    padding: 18px 8px;
    font-size: 15px;
    color: #9f9f9f;
}

.login-wrapper input:nth-child(1) {
    border-radius: 5px 5px 0px 0px !important;
}

.login-wrapper form {
    padding: 0px;
}

section.content-header {
    top: 0px !important;
    margin: 0px -35px;
    padding: 18px;
    box-shadow: 0px 15px 10px -15px #371c4b30;
    background-color: white;
    position: sticky;
    z-index: 1020;
}

.ea-edit-Job section.content-header,
.ea-new-Job section.content-header {
    top: 80px !important;
}


#job-menu-top {
    margin: 1px -36px;
    padding: 20px 0px;
    background: #dfdfdf !important;
    z-index: 1000 !important;
}

#navigation-toggler {
    color: white;
}

@media (max-width: 992px) {
    .content-top {
        padding: 0px;
    }

    .content-top.ea-search-disabled .dropdown-settings-button,
    .content-top.ea-search-enabled .dropdown-settings-button {
        display: none;
    }
}

.responsive-header .user-menu-wrapper,
.navbar-custom-menu {
    display: none !important;
}

.responsive-header #responsive-header-logo {
    margin: 0 auto !important;
}

.navbar-custom-menu .dropdown-menu,
.dropdown-settings .dropdown-menu {
    z-index: 1220;
}

.btn-orange {
    background-color: orange;
}

.btn-crp {
    background: linear-gradient(0deg, #371c4b, #371c4b, #371c4b) !important;
    color: white !important;
}

.login-wrapper .logo-login {
    width: 182px;
    height: 182px;
    overflow: hidden;
    background: url("../img/logo/logo-header.png") 50% no-repeat;
    background-size: 80%;
}

.copyright {
    position: absolute;
    bottom: 0px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    background: #0000007a;
    width: 261px;
    padding: 8px;
    border-radius: 5px;
}

#logo-top {
    width: 109px;
    height: 109px;
    overflow: hidden;
    background: url("../img/logo/logo-header.png") 50% no-repeat;
    background-size: 92%;
    margin-right: 10px;
}

#logo-top-left {
    width: 150px;
    height: 182px;
    overflow: hidden;
    background: url("../img/logo/logo.png") 50% no-repeat;
    background-size: 100%;

    position: absolute;
    left: 40px;
    top: 40px;
}

.login-wrapper .form-control:focus {
    border-color: transparent !important;
    box-shadow: none !important;
    background-color: white !important;
}

@media (min-width: 992px) {
    .content-top {
        height: 126px;
    }
}


.btn-orange {
    background-color: orange;
}

.action-delete {
    font-weight: bold !important;
}

.tox-menubar {
    display: none!important;
}

.btn-monday {
    background: url("../img/monday.png") 50%;
    background-size: 86%;
    width: 44px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 26px;
    overflow: hidden;
    padding: 19px !important;
}

.btn-monday:hover {
    border: 1px solid;
}

table.dataTable.no-footer {
    border-bottom: 0px solid rgba(0, 0, 0, 0.3);
}

.ea-sidebar-width-compact li:hover, .ea-sidebar-width-compact li:hover a, .ea-sidebar-width-compact li:hover a .menu-icon{
    color: var(--color-primary)!important;
}

.ea-sidebar-width-compact .compact-name {
    display: block!important;
}

.ea-sidebar-width-compact .full-name {
    display: none!important;
}

body.ea-sidebar-hidden .wrapper{
    grid-template-columns: 0px auto!important;

}

body.ea-sidebar-hidden .sidebar {
    visibility: hidden;
}

body.ea-sidebar-hidden .sidebar-logo img {
    background: url("../img/logo/logo-front.png") 50%;
    width: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    border: 0px none;
    height: 36px;
    margin-top: -8px;
  }

.ea-sidebar-width-compact .main-header #header-logo a {
    padding: 10px 6px !important;
} 



/* assets/css/admin.css */
body.ea-sidebar-hidden .menu {list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    background-color: #eee;
    text-align: center;
    margin: 0px -35px;
    justify-content: center;
}

body.ea-sidebar-hidden .menu-item {
    margin: 0;
}

body.ea-sidebar-hidden .menu-item a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: var(--color-primary); /* Set your desired text color */
    text-align: center;
}

body.ea-sidebar-hidden .menu-item a:hover {
    background-color: var(--color-primary); /* Set your desired hover background color */
    color: white;
}

body.ea-sidebar-hidden .menu-icon {
    font-size: 30px;
}

body.ea-sidebar-hidden .menu-item-label {
    position: relative;
    font-size: 10px;
    display: none;
}

body.ea-sidebar-hidden .menu-item-badge {
    position: absolute;
    bottom: 5px;
    background-color: #ff0000; /* Set your desired badge background color */
    color: #fff; /* Set your desired badge text color */
}

/* Responsive styles */
@media (max-width: 768px) {
    body.ea-sidebar-hidden .menu {
        flex-direction: column;
    }
}
/*
.content-wrapper .content {
    overflow: scroll;
}

section.content-header {
    margin: 0px;
    border-radius: 6px;
}
content-top ea-search-enabled {
    position: fixed;
  width: 100%;
  right: 0px;
}
*/

@media (min-width: 992px) {
    .content-top {
        position: fixed;
        top: 0px;
        width: 100%;
        padding-right: var(--sidebar-max-width);
    }

    .ea-sidebar-width-compact .content-top {
        padding-right: 50px;
    }

    .ea-sidebar-hidden .content-top {
        padding-right: 0px;
    }

    .dropdown-settings-button {
        margin-right: 30px;
    }

    .content-wrapper {
        margin-top: 123px;
    }

    .sidebar {
        width: 100%;
        top: 0px;
        left: 0px;
    }
}

#flash-messages {
    z-index: 2020;
    position: absolute;
    width: 100%;
    }