/* Échec de l'agrandissement. Renvoi du contenu non agrandi.
(245,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(246,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(247,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(354,24): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(384,22): run-time error CSS1039: Token not allowed after unary operator: '-hover-background-color'
(385,24): run-time error CSS1039: Token not allowed after unary operator: '-hover-border-color'
(386,17): run-time error CSS1039: Token not allowed after unary operator: '-hover-text-color'
(390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(391,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(398,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(404,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(405,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(407,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(452,54): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(453,15): run-time error CSS1039: Token not allowed after unary operator: '-gap'
 */


/* ==== Datagrid Rechercher ==== */

.dx-datagrid > .dx-datagrid-header-panel > .dx-datagrid-search-panel .dx-texteditor-input {
    background: none !important;
}

.dx-datagrid > .dx-datagrid-header-panel > .dx-datagrid-search-panel {
    background-color: #fff;
    border: 1px solid #80808080;
    border-radius: 50px;
    margin: 0;
}



.dx-datagrid > .dx-datagrid-header-panel {
    border: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding-block: 10px;
}

.dx-datagrid .dx-texteditor-input, .dx-datagrid .dx-texteditor-buttons-container {
    border: none !important;
}
/* ==== Datagrid Container */
.datagrid-container > .dx-datagrid {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    padding: 19px 40px;
    border-radius: 20px;
}

#chiffreAffaire .datagrid-container > .dx-datagrid {
    box-shadow: none;
    border: 1px solid #ccc;
}


/* ==== Datagrid Headers ==== */
.datagrid-container > .dx-datagrid > .dx-datagrid-headers {
    background-color: #fff;
    outline: none;
    outline-color: transparent;
    width: 100%;
}

/* ==== Datagrid Content ==== */


.datagrid-container > .dx-datagrid .dx-column-lines > td {
    border: 1px solid #0c0c0c0c;
    color: #000;
}

.datagrid-container > .dx-datagrid .dx-datagrid-content {
}

.datagrid-container .dx-datebox-calendar .dx-texteditor-input {
    border: none !important;
}

.datagrid-container > .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content {
    padding: 0 !important;
}


.datagrid-container > .dx-datagrid .dx-datagrid-rowsview {
    background-color: #fff;
    border-top: none;
}


/* ==== Datagrid Footer ==== */

.dx-datagrid-total-footer .dx-datagrid-content {
    padding-top: 0 !important;
}

.dx-datagrid-total-footer {
    background-color: #fff;
    border-top: none;
}

/* ==== Datagrid Common ==== */

.dx-datagrid-focus-overlay {
    display: none !important;
}

.dx-datagrid-pager {
    border-top: none;
}

.dx-datagrid-nodata {
    transform: translate(-50%, -50%);
    margin: 0 !important;
}



/* ==== FILTRES ==== */


.dashboard_icon > img {
    height: 100px;
}

.bg_grey > img {
    background: #D8D8D8;
}

#bloc-filtres-periode {
    border: none;
    float: none;
}

#bloc-actions-vpc, #bloc-filtres-periode {
    background: none;
    padding: 0px;

}


    #bloc-actions-vpc .row {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        row-gap: 20px;
    }

        #bloc-actions-vpc > .row:before, #bloc-actions-vpc > .row:after, #bloc-actions-vpc.row:before, #bloc-actions-vpc.row:after{
            display: none;
        }

.filtres-container, #chiffreAffaire, .box-shadow, .shadow-container {
    border-radius: 20px;
    background-color: #fff;
    outline: none;
    outline-color: transparent;
    width: 100%;
    border: 0;
    margin-bottom: 12px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    padding: 20px;
    height: 100%;
}

.box-shadow {
    height: 240px;
}

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


.nav-tabs a {
    background: none;
    border-start-start-radius: 5px !important;
    border-start-end-radius: 5px !important;
}
.nav-tabs li {
    margin-bottom: -2px !important;
}

.nav-tabs {
    border-bottom: none !important;
}



.tab-content {
    border-top: 1px solid #ddd;
    border-radius: 5px !important;
}

#bloc-actions-vpc {
    border: 0;
}


    #bloc-actions-vpc .row * {
        width: auto;
        height: auto;
    }

    #bloc-actions-vpc .row .input-group {
        margin-bottom: 0;
    }

    #bloc-actions-vpc .btn-template-main {
        border-radius: 50px;
    }

.filtres-container .form-control, .filtres-container .btn-template-main {
    border-radius: 50px;
    padding-inline: 10px;
}

.dx-datebox-calendar, .dx-dropdowneditor-icon {
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}
    .dx-datebox-calendar dx-dropdowneditor-button {
        padding: 0;  
    }

.dx-datebox-calendar.dx-texteditor.dx-state-hover {
    border: none !important;
}

.dx-datagrid-export-button {
    display: none !important;
}


.input-icon input, .multiSelect button, .multiSelect button:hover, .multiSelect button {
    border-radius: 50px !important;
    border: 1px solid #ccc;
}

.input-icon textarea, .filtres-container textarea {
    border-radius: 10px;
}

#bloc-actions-vpc .input-group input[ng-model="date"], .dx-datebox-calendar .dx-texteditor-input {
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px;
    border: 1px solid #ccc;
}

    #bloc-actions-vpc .input-group-btn .btn, .dx-datebox-calendar .dx-texteditor-buttons-container, .dx-datebox-calendar .dx-texteditor-input {
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        border: 1px solid #ccc;
        box-shadow: none;
        --hover-background-color: #fff;
        --hover-text-color: #000;
        --hover-border-color: #619d28;
    }

.input-group-btn .btn {
    padding: 6px 12px !important;
    box-shadow: none !important;
    --hover-background-color: #fff;
    --hover-text-color: #000;
    --hover-border-color: #619d28;
}

.dx-datebox-calendar .dx-texteditor-input:hover, .dx-datebox-calendar .dx-texteditor-input:focus, .dx-datebox-calendar .dx-texteditor-buttons-container:hover, .dx-datebox-calendar .dx-texteditor-buttons-container:focus {
    border-color: #82BC00;
}


/* ==== Toggle ==== */

.dx-switch .dx-switch-on, .dx-switch .dx-switch-container, .dx-switch .dx-switch-off, .dx-switch .dx-switch-handle {
    display: none;
}

.dx-switch {
    min-width: 32px;
    width: 32px;
    height: 16px;
    margin: 1px 10px 0 0;
    padding: 0 0 0 16px;
    border-radius: 10px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #db6060;
    position: relative;
}

    .dx-switch:focus {
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16) !important;
    }

    .dx-switch::before {
        width: 16px;
        height: 16px;
        background-color: #A00000;
        border-radius: 50%;
        content: ' ';
        position: absolute;
        transform: translateX(-100%);
        transition: transform 0.2s linear;
    }


.dx-switch-on-value::before {
    background-color: #619d28;
    transform: translateX(0);
}


.dx-switch.dx-switch-on-value {
    background-color: #a8db77;
}


.liste-prospect, .liste-eleve {
    border-radius: 20px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: 0;
}

.navbar.navbar-light ul.nav > li.active > a, .navbar .btn-default:focus, .navbar .btn-default:hover, .navbar .dropdown-toggle, .login-franchiseagence {
    color: white !important;
}

.login-franchiseagence {
    border-color: white !important;
}

.navbar ul.nav > li > a {
    color: white;
}

.green {
    color: #619d28
}

.red {
    color: red;
}

.navbar .btn-user:hover {
    background: none;
    border:none;
}

.bloc-categorie .panel, .rounded-panel {
    margin-bottom: 12px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    padding: 20px;
    border-radius: 10px;
}



.filtres-container .btn {
    padding: 10px 20px 9px;
    border-radius: 18px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    outline: none;
    border: 1px solid;
    border-color: var(--border-color, #1681C360);
}

.filtres-container .button, .filtres-container .button:hover, .helperButton {
    border-radius: 18px !important;
}

.datetime-picker-dropdown .btn {
    border-radius: 0;
    box-shadow: none;
    padding: 6px 12px;
    --hover-background-color: #82bc00;
}

.checkboxLayer {
    border-radius: 20px !important;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16) !important;
    margin-top: 1px;
}

.btn {
    --hover-background-color: #1681C3;
    --hover-border-color: var(--hover-background-color, #1681C3);
    --hover-text-color: #fff;
}

.filtres-container .btn:hover,
.filtres-container .btn:focus,
.filtres-container .btn:active,
.filtres-container .btn.active {
    background: var(--hover-background-color);
    border-color: var(--hover-border-color);
    color: var(--hover-text-color);
}

.btn-gris {
    --hover-background-color: #555;
    --hover-border-color: #555;
    --hover-text-color: #fff;
}

.btn-rouge {
    --hover-background-color: #E21937;
    --hover-border-color: #E21937;
    --hover-text-color: #fff;
    --border-color: #E2193760;
}


.btn-vert, .btn-template-main {
    --hover-background-color: #82bc00;
    --hover-border-color: #82bc00;
    --hover-text-color: #fff;
    --border-color: #82bc0060;
}

.btn-default {
    --border-color: #ccc;
}

.btn-orange {
    --border-color: #EB812360;
    --hover-background-color: #EB8123;
}



.datagrid-container > .dx-datagrid .dx-column-lines > .couleur-rouge {
    color: red;
}

.ln-connection {
    flex-wrap: wrap;
}

.reglement-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.reglement-actions {
    gap: 15px;
    justify-content: flex-end;
    display: flex;
    flex-wrap: wrap;
}

#bloc-actions-vpc .btn {
    margin-right: 0;
}

.suivi-pedagogique-grid {
    display: grid;
    --gap: 15px;
    grid-template-columns: repeat(2, calc(50% - var(--gap, 15px) / 2));
    gap: var(--gap);
    row-gap: 0;
    padding-top: 18px;
}

.interrogationorale .input-group-addon {
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px;
}

.dx-group-panel-item {
    border-radius: 50px;
}


header {
	background-image: linear-gradient(92deg, #619d28 15%, #82bc30 94%);
}

.background {
	background-image: linear-gradient(91deg, #619d28 15%, #82bc30 99%);
}

.navbar-default {
	background: none;
}

.entete {
	background: none;
}

.foreground {
	padding-top: 20px;
	padding-left: 40px;
	min-height: 298px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.breadcrumb .link {
	display: inline-block;
}

.breadcrumb > li + li::before {
	color: white;
}

.breadcrumb .link.underlined, .link:hover {
	text-decoration: underline;
}

.breadcrumb .link {
	font-family: sans-serif;
	text-align: left;
	color: white;
	text-transform: capitalize;
	font-size: 12px;
}




.breadcrumb {
	text-align: left;
	margin: 0;
	display: block;
	padding: 15px 0;
}

.header-title {
	font-size: 30px;
	font-weight: bold !important;
	color: white;
	margin: 0;
}

.header-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.header-button {
	padding: 10px 20px 9px;
	border-radius: 18px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	background-color: #d03742;
	color: white;
	outline: none;
	border: none;
}

.header-button:hover {
	background-color: #d73D48;
}

.header-button:active {
	background-color: #c9303A;
}

.background-container {
	padding-inline: 15px;
	padding-bottom: 15px;
}