:root {
    /* ==[THEME COLOR]== */
    --color-main: #134a8f;
    --color-main-v1:var(--color-main);
    --color-main-title-v1:var(--color-main);

    --color-main-text-v1:var(--bs-white);
    --color-bgmain-txtsub:var(--bs-white);

    --color-sub-v1: #134a8f;
    --bs-link-color:var(--color-sub-v1);
    --bs-nav-link-color:var(--color-sub-v1);
    --color-red:var(--color-sub-v1);
    --color-sub-point-v1:var(--color-main);
    --color-sub-title:var(--color-main);
    --color-sub-title-v1:var(--color-main);
    --color-sub-text-v1:var(--color-main);
}

/* ==[FONTS]== */
@font-face{font-family:"Allianz Neo";font-style:normal;font-weight:300;font-display:swap;src:url(/medias/images/leooallianz/font/AllianzNeoW04-Light.woff2) format("woff2"),url(/medias/images/leooallianz/font/AllianzNeoW04-Light.woff) format("woff")}
@font-face{font-family:"Allianz Neo";font-style:italic;font-weight:300;font-display:swap;src:url(/medias/images/leooallianz/font/AllianzNeoW04-LightItalic.woff2) format("woff2"),url(/medias/images/leooallianz/font/AllianzNeoW04-LightItalic.woff) format("woff")}
@font-face{font-family:"Allianz Neo";font-style:normal;font-weight:400;font-display:swap;src:url(/medias/images/leooallianz/font/AllianzNeoW04-Regular.woff2) format("woff2"),url(/medias/images/leooallianz/font/AllianzNeoW04-Regular.woff) format("woff")}
@font-face{font-family:"Allianz Neo";font-style:italic;font-weight:400;font-display:swap;src:url(/medias/images/leooallianz/font/AllianzNeoW04-Italic.woff2) format("woff2"),url(/medias/images/leooallianz/font/AllianzNeoW04-Italic.woff) format("woff")}
@font-face{font-family:"Allianz Neo";font-style:normal;font-weight:600;font-display:swap;src:url(/medias/images/leooallianz/font/AllianzNeoW04-SemiBold.woff2) format("woff2"),url(/medias/images/leooallianz/font/AllianzNeoW04-SemiBold.woff) format("woff")}
@font-face{font-family:"Allianz Neo";font-style:italic;font-weight:600;font-display:swap;src:url(/medias/images/leooallianz/font/AllianzNeoW04-SemiBoldIt.woff2) format("woff2"),url(/medias/images/leooallianz/font/AllianzNeoW04-SemiBoldIt.woff) format("woff")}
@font-face{font-family:"Allianz Neo";font-style:normal;font-weight:700;font-display:swap;src:url(/medias/images/leooallianz/font/AllianzNeoW04-Bold.woff2) format("woff2"),url(/medias/images/leooallianz/font/AllianzNeoW04-Bold.woff) format("woff")}
@font-face{font-family:"Allianz Neo";font-style:italic;font-weight:700;font-display:swap;src:url(/medias/images/leooallianz/font/AllianzNeoW04-BoldItalic.woff2) format("woff2"),url(/medias/images/leooallianz/font/AllianzNeoW04-BoldItalic.woff) format("woff")}
body {font-family:"Allianz Neo"!important; font-style:normal!important; font-weight:400!important; font-size: 1em!important}

#navbarHeader img {width: 100% !important;height: auto;}
#loginLeft{background-size:cover!important;background-color:var(--bs-white);background-position: top center;}
.text-light{color:var(--bs-white)!important;}
header .nav-link {border: 1px solid #ffffff; border-radius:30px}
header .nav-link:hover {background: none !important; border: 1px solid #9ad3ee;}
header .nav-link svg {margin-top: 3px}
header .nav-link span svg {width: 16px !important; margin-right: 3px}
header .navbar-collapse.show .nav-link .ms-2 {padding: 0 !important; margin-left: 0 !important}
header .navbar-collapse.show .nav-link span {font-size: 1.5em !important;}

footer {color:var(--bs-white); overflow: hidden; margin-top: 6em !important}
footer .link-main {text-decoration: none}
footer .border-top {border-top: 0 none !important}
#login-login footer{margin-top: 0!important;}
#bandeauHaut{background-size:cover!important;background:url('/medias/images/leooallianz/header.jpg');background-position: bottom center;max-height: 300px; height: 100%;padding-top: 50px;}
.bg-gradient {background:none !important}

.bg-main {background: #007ab3 !important}

.container-fluid {max-width: 1500px}

/* ==[PAGE HOME]== */
.rounded-circle {width: 150px;height: 150px;font-size: 15px;border: 7px solid white;border-radius: 50px; display: inline-block;font-weight: bolder; text-align: center;vertical-align: middle; margin: 20px 20px; }
.rounded-circle span.kpi-number {font-size: 3em!important; display: inline-block; margin: 0.5em auto 0}
.rounded-circle span.kpi-text {font-size: 0.875em!important; display: block; position: relative; margin-top: -0.5em}
.rounded-color-0{background-color:#003260;color:#ffffff;}
.rounded-color-1{color: #007ab2; background-color: #fdfdfd;}
.rounded-color-2{color: #fbfdfd; background-color: #70bee3;}
.rounded-color-3{color: #fcfcfd; background-color: #0079b2;}
 .carte-merci {max-width: 100%}

/* ==[COMPOSANTS]== */
.getTotal{
    text-decoration: underline;
}
.card,
.card-header {background-color: #e1eddf !important; border-bottom: 0 !important;}
.card .card-header {color: #212529 !important; padding: 1.5em 1.55em 1em !important;}
.card .row {margin-left: 0.5em}
.card table {background: white; width: 98.5% !important;}
.card thead th {font-size: 0.813em}
#index-index h6,
#index-index h6 strong {margin: 10px 0 50px; font-size: 1.5em !important; font-weight: 300 !important}
#index-index h6 strong {color: #007ab3; font-weight: 400 !important; font-size: 1em !important;}
.card thead th {background: #007ab3}
.card tbody td {font-size: 0.83em}
.card .btn {background: #ffffff !important; border: 1px solid #007ab3 !important; color: #007ab3 !important}
.card .form-control-sm {border: 1px solid #007ab3 !important; }
#cardThanksTable_filter label {color: #e0ecde}
.card #cardThanksTable_filter label:before {background:url('/medias/images/leooallianz/icon-search.png'); content:""; display: inline-block; width: 25px; height: 25px; position: absolute; margin-left: -125px; bottom: 7px}
.card .pagination {float: right}
.card .pagination li {padding: 0 5px}
.card .page-item .page-link {border-radius: 5px}
.card .page-item.active .page-link {background: #007ab3 !important;}

.table-container {overflow-x: auto; margin: 0; padding: 0; width: 100%}
.table-container table {margin-bottom: 0; width: 100%;}

#cardThanksTable_wrapper .row {margin-right: 0 !important; margin-left: 0 !important}
#cardThanksTable_wrapper > div.row:first-child {position: relative}
#cardThanksTable_wrapper .row-header {margin-bottom: 0; position: absolute !important; top: 0; right: 0}
#cardThanksTable_wrapper .row-header .col-sm-6 {width: auto !important}
#cardThanksTable_wrapper .row-footer {margin-top: 20px; }

/* ==[PAGE CLIENT]== */
#index-client h5 {background: #c9e4c4 !important; margin-bottom: 30px !important;  font-weight: 300 !important}
#index-client h5 span,
#index-client h5 strong {font-size: 1em !important;}
#index-client h5 strong {font-weight: 600 !important}
#index-client h5 span img {padding-right: 10px; display: inline-block}
#index-client .card .card-header {padding: 1em 1em 0.91em 1em !important;}
#index-client .card .card-header .btn {margin-top: 7px}
#index-client .dataTables_filter {top: -10px; position: relative}


/* ==[PAGE EXPORTS CLIENTS]== */
#index-listclient .table-container table.dataTable {width: 2020px !important}
#index-listclient .table-container thead th,
#index-listclient .table-container tbody td {width: 120px !important}
#index-listclient .table-container th:nth-child(1),
#index-listclient .table-container td:nth-child(1) {
    /*  position: sticky;
      left: 0;
      z-index: 10;
      width: 120px !important;*/
}
#index-listclient .table-container td:nth-child(1) {
    /*background: #caeeff;*/
}
#index-listclient .table-container th:nth-child(2),
#index-listclient .table-container td:nth-child(2) {
   /* position: sticky;
    z-index: 10;
    width: 80px !important;*/
}
#index-listclient .table-container td:nth-child(2) {
    /*background: #caeeff;*/
}
#index-listclient .table-container th:nth-child(5),
#index-listclient .table-container td:nth-child(5) {
   /* width: 100px !important;*/
}

/* ==[PAGE FACTURATION]== */
#index-facturation .table-container td {}


/* ==[PAGE SUPPORT]== */
#support-index .nav-tabs .nav-link {background: #007ab3; color: white}
#support-index .nav-tabs .nav-link.active {background: white; color: #007ab3}
#support-index .nav-tabs {--bs-nav-tabs-border-color: #007ab3 !important;}
#support-index h3 {margin-top: 40px !important}
#support-index .card,
#support-index .card-header {background: #F1F9FA !important}

/* ==[PAGE MON COMPTE]== */
#client-index h3 {margin-top: 40px !important}
#client-index .bg-light {background: #F1F9FA !important}

/* ==[SMALL SIZE]== */
@media screen and (min-width: 576px) {}
/* ==[MEDIUM SIZE]== */
@media screen and (min-width: 768px) {
    #loginHeader{background-size: cover;}
    .dataTables_wrapper .dt-buttons {width: 70%; float: left}
    .dataTables_wrapper .dt-buttons + .row {width: 30%; float: left}
    .dataTables_wrapper .dt-buttons + .row div.col-sm-6:first-child {display: none !important}
    .dataTables_wrapper .dt-buttons + .row div {width: 100%; position: relative; top: -12px;}
    .dataTables_wrapper .form-control-sm {height: 35px}
    .dataTable {clear: both}
}

/* ==[LARGE SIZE]== */
@media screen and (min-width: 992px) {
    header ul {width: 100%;}
    header ul li {width: auto; padding: 20px 30px}
    header ul li:first-child {width: 12% !important; margin-left: 18% !important;}
    header ul li:not(:first-child) {width: 13% !important;}
    header ul li:nth-last-child(2) {margin-left: 1% !important;}
    header ul li:nth-last-child(1) {width: 3% !important;}
    header ul span {font-size: 1em !important;}
    header svg {max-width: 18px !important}
    #navbarHeader .flex-lg-column {}
    #bandeauHaut .container-fluid {left:-30px; position: relative;}
}
/* ==[EXTRA LARGE SIZE]== */

@media screen and (max-width: 767px) {
    .dataTables_wrapper .row .col-sm-6 {width: 100% !important}
    .dataTables_wrapper .row .col-sm-6.text-end {margin: 1em 0}
    .dataTables_wrapper .row .col-sm-6.text-end label {display: flex}
    .dataTables_wrapper .row .col-sm-6.text-end input {width: 100%; display: flex; margin-left: 10px}
   #cardThanksTable_filter label {color: inherit;}
    .card .btn {margin-bottom: 5px}
    #cardThanksTable_wrapper .row-header {position: relative !important}
    #cardThanksTable_wrapper .row-header .col-sm-6 {width: 100% !important}
    #cardThanksTable_wrapper .row-footer,
    #cardThanksTable_wrapper .row-footer a {font-size: 0.83em !important}
    .page-link {padding: 3px !important}
    .card .pagination {float: none !important}
    .row .col-12.mt-1 {margin-left: 0; padding-left: 0}
}
@media screen and (max-width: 1024px) {
    .rounded-circle {margin: 5px 1.5%; width: 120px; height: 120px}
    .rounded-circle span.kpi-number {font-size: 2em !important; margin: 0.85em auto 0 !important;}
    .rounded-circle span.kpi-text {font-size: 0.75em !important;}
    #bandeauHaut {max-height: 225px; background-position: bottom center; padding-top: 40px}
    #bandeauHaut .container-fluid {display: table; margin: 0 !important; text-align: center}
}
@media screen and (max-width: 1109px) {
    #index-index .zone-table{width: 100% !important;}
    #index-index .zone-img{
        width: 100% !important;
        position: relative;
        bottom: 20px;
        margin: 0 auto;
    }
    #index-index .zone-img .carte-merci{
        text-align: center;
        max-width: 30%;
        margin: 2em 35% 0 35%;
    }
}
@media screen and (min-width: 993px) and (max-width: 1109px) {
    .container-fluid {
        max-width: 880px;
    }
}
@media screen and (min-width: 1110px) and (max-width: 1199px) {
    .container-fluid {
        max-width: 1000px;
    }
}
@media screen and (min-width: 1110px) and (max-width: 1349px) {
    #index-index .zone-table{
        width: 85% !important;
    }
    #index-index .zone-img{
        width: 15% !important;
    }
}
@media screen and (min-width: 1200px) {}
@media screen and (min-width: 1200px) and (max-width: 1349px) {
    .container-fluid {
        max-width: 1100px;
    }
}
@media screen and (min-width: 1350px) and (max-width: 1449px) {
    .container-fluid {
        max-width: 1250px;
    }
}
@media screen and (min-width: 1450px) and (max-width: 1680px) {
    .container-fluid {
        max-width: 1350px;
    }
}
@media screen and (max-width: 640px) {
    #bandeauHaut {max-height: 300px; background-position: bottom center; padding-top: 20px}
}

/* ==[DOUBLE EXTRA LARGE SIZE]== */
@media screen and (min-width: 1680px) {
    #bandeauHaut {max-height: 370px; padding-top: 60px;padding-left: 60px;}
    .rounded-circle {width: 200px;height: 200px;}
    .rounded-circle span.kpi-number {font-size: 4em!important; margin: 0.5em auto 0}
    .rounded-circle span.kpi-text {font-size: 1.25em!important; margin-top: -0.5em}
}
#login-login .container-fluid{
    max-width:100% !important;
}