
/* custom css*/
/* emails style */
.mail-result{
    padding-left: 34px;
    font-weight: 600;
    font-size: 16px;
}
.mail-result ul{
    list-style: disc;
}
/* check if mobile menu class exist or no and hide text then */
/*body:not(.sidenav-toggled) .side-menu__label{*/
/*    display: none;*/
/*}*/
body.sidenav-toggled .side-menu__label{
    display: block;
}
@media (max-width: 991.98px){
    body:not(.sidenav-toggled) .side-menu__label{
        display: none;
    }
.horizontal .app-sidebar {
    width: 50%;
}
body:not(.sidenav-toggled) .app-sidebar{
    visibility: hidden;
}
body .app-sidebar{
    visibility: visible;
}
}
/* files carousel when there is no files */
.msg-no-items{
    position: absolute;
    align-items: center;
    justify-content: center;
    height: 74%;
    width: 100%;
    color: #1C274C;
    font-size: 16px;
    font-weight: 500;
    display: none;
}
/* tooltips */
.new-demande #wizard2 .isInJustice-block .toolt img{
    width: 7px !important;
    max-width: unset;
}
/* header */
.horizontal .side-menu .slide .sidemenu__item.active .side-menu__label{
    color: #ECA901 !important;
}
/* owl carousel */
.lois .owl-carousel .owl-dots.disabled,.lois .owl-carousel .owl-nav.disabled {
    display: block !important;
}
.lois .owl-carousel .owl-nav {
    display: block !important;
    position: relative;
    width: 9%;
    top: 3%;
    left: 4%;
    color: white;
}
.lois .owl-carousel .owl-nav button {
    display: none !important;
}
.lois .owl-carousel .owl-nav.disabled span{
    font-size: 32px;
    font-weight: 900;   
}
/* carousel files*/
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
    background-color: #e1e1e1 ;
    width: 52px !important;
    height: 50px !important;
    box-shadow: 0px -66.6882px 522.391px -177.835px rgb(0 0 0 / 35%) !important;
    border-radius: 27% !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    opacity: 0.5 !important;
}
.finish.card .pieces-joints .card-body {
    padding: 10px 0px !important;
}
.finish.card .pieces-joints .card-body .justify-content-between{
    padding: 15px 0px !important;
    margin: 0 !important;
}
.finish.card .pieces-joints .card-body .file-download{
    display: flex;
    justify-content: end;
}
/* loader */
.loader-img{
    top: 35% !important;
}
/* for header login page */
/* .login  .landing-top-header{
    background-color: yellow !important;
} */
 div.page-main div ~ .landing-top-header  {
    background-color: #154981 !important;
    border: none;
}
.login100-form-btn{
    background-color: #FFB703 !important;
}
.forgot-pass{
    color: #1B8CF6 !important;
    font-weight: 500;
}
/* scrollbar */
.carousel-inner {
    overflow: auto;
}
.landing-page-1 .lois .carousel-inner::-webkit-scrollbar-thumb{
    display: none !important;
}
/* modal */
.modal-open, .modal-backdrop.fade.show{
    z-index: 6 !important;
}
/* video yt modal */
.modal-dialog:has(#cartoonVideo){
    left: -109px !important;
}
#cartoonVideo{
    width: 700px;
    height: 501px;
}
.modal-content:has(#cartoonVideo) {
    background-color: unset !important;
    border: unset !important;
}
/* footer */
.top-footer .revealleft .img-ftr{
    text-align: left;
}
.demo-footer .top-footer img {
    width: 21px !important;
    max-width: 18px;
}

@media (min-width: 992px) and (max-width: 1275.98px) {
    .landing-page .demo-footer .container {
        max-width: 1177px !important;
    }
    .detail-demande .top-content .right-side .img {
        max-width: 147px !important;
        width: 75px !important;
        height: 75px !important;
    }
    .detail-demande .top-content .right-side .img img {
        width: 65px !important;
        max-width: 65px !important;
    }
}

@media (min-width: 1276px) {
    .landing-page .demo-footer .container {
        max-width: 1365px !important;
    }
}
/*landing page header*/
.hor-header .btn-connect{
    font-size: 14px !important;
}
.nav-link.icon i,.nav-link.icon span {
    font-size: 14px !important;
}
.nav-link.icon  {
    height: 38px !important;
}
.horizontal .side-menu>li>a{
    color: white !important;
}
.sidemenu__item:hover .side-menu__icon, .sidemenu__item:hover .side-menu__label, .sidemenu__item:focus .side-menu__icon, .sidemenu__item:focus .side-menu__label{
    color: #ECA901 !important;
}
a.icon:hover {
    color: #ECA901 !important;
}
.btn-check:checked+.btn-country, .btn-country.active, .btn-country:active {
    border: 1px solid #FFB703 !important;
}
.btn-country:hover {
    border: 1px solid #FFB703 !important;
}
/* .landing-page .modal-backdrop.show{
    opacity: 0 !important;
}  */
.btn-connect{
    background-color: #FFB703;
    color:white;
}
.logo-2{
    
    max-width: 259px !important;

}
.dropdown-languages{

}
/* .container{
    max-width: 90% !important;
} */

.w-m-c{
    width: max-content !important;
}
.horizontal .main-sidemenu {
    height: 90px;
}
    .demo-footer .top-footer .logo-2{
        width: 88% !important;
        max-width: 67% !important;
    }
    .top-footer .menu-icon::before{
        content: "";
        background-color: #FFB703;
        border-radius: 2px;
        height: 8px;
        position: absolute;
        width: 8px;
        margin-top: 11px;
        left: -2%;
    }
    .main-footer{
        background-color: #403E38 !important;
    }
    /* .top-footer{
        background-color: #FAE9C0 !important;
    } */
    .demo-footer {
        background-color: #FAE9C0;
 
    }
    .top-footer a {
        color: black !important;
    }
    .top-header-1{
       background-color:  #154981;
       padding-top: 100px;
       padding-bottom: 0px;
       border-radius: 0px 0px 0px 200px;
       position: relative;
       /* top: -128px; */
       top: -91px;
        }
     .top-header-1 .left-side{
        top: 28px;
     }
        .top-header-1 .container{
            max-width: 94.5% !important;
             }
        .top-header-1 .images{

        } 
        .horizontal .side-menu>li>a{
            color:white ;
        }
        .text-orange{
            color:#FFB703 !important;
        }
        .top-header-1 .text-orange{
            font-size: 44px;

        }
        .top-header-1 .border-start-orange{
            border-left: 3px solid #FFB703 ;
        }
        .top-header-1 .images img{
            max-width: 1000px !important;
    position: relative;
        }
        .top-header-1 .left-side .sub-title{
font-size: 31px;
        }
        .top-header-1 .left-side .desc{
            font-size: 26px;
            line-height: 41px;
            padding-top: 17px;
                    }
                    .top-header-1 .left-side .btn{
                        padding: 13px 23px;
                        color:white;
                        font-size: 17px;
                    }
        .top-header-1 .left-side .btn-send-rec{
            background-color: #0087D2;
        }
        .top-header-1 .left-side .btn-req{
            background-color: #ECA901;
        }
        .form-set-request .position-absolute{
            bottom: 353%;
            padding: 0;
            border-radius: 17px !important;
            box-shadow: 0px 25.5511px 104.426px -35.5493px rgba(0, 0, 0, 0.25);
        }
        .form-set-request .btn-search{
            height: 100px;
            width: 100px;
            background-color: #FFB703;
        }
        .form-set-request .btn-search{
            height: 90px;
            width: 90px;
            background-color: #FFB703;
        }
        .form-set-request .form-control{
      
            height: 46px;
        }
        body{
            font-family: 'Inter';
            }
        body:has(.landing-page-1){
        background-color:  #FFFDF8 !important;
        }
        .landing-page-1 .how-function .vid-circle{
            position: absolute;
            width: 150px;
            right: -53px;
            top: 104px;
        }
        .landing-page-1 .how-function .how-f{
            background-color: #ffffffa1;
            box-shadow: 0px 50.0162px 66.6882px -16.6721px rgba(0, 0, 0, 0.25);
            backdrop-filter: blur(8px);
            position: absolute;
            padding: 6px 17px;
            width: 52% !important;
            left: -33px;
            bottom: 5px;
            align-items: center;
            border-radius: 5px !important;
        }
        .landing-page-1 .how-function .how-f img{
            width: 60%;
        }
        .landing-page-1 .how-function .how-f .img{
            background-color: #FFB703;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 60px;
            height: 60px;
            padding-right: 0px;
            border-radius: 100px;
            border: 10px solid #FDEACD;
        }
        .landing-page-1 .how-function .how-f h5{
            margin: 0;
            color: #023047;
            font-weight: 700;
            text-transform: uppercase;
            padding-left: 12px;
        }
        .landing-page-1 .how-function .laptop{
            width: 808px;
            left: 0;
            bottom: 0;
        }
        .landing-page-1 .how-function{
            max-width: 834px;
        }
        .landing-page-1 .about-services .tabs .panel-tabs li{
            width: 50%;
        }
            /* .landing-page-1 .about-services .tab-content>.active {
                width: 107%;
            } */
        .landing-page-1 .about-services .tabs .panel-tabs li a{
            color: #154981 !important;
            font-size: 20px;
            font-weight: 700;
        }
        .landing-page-1 .about-services .tabs .panel-tabs li a.active{
            background-color: white;
        }
        .landing-page-1 .about-services .tabs .panel-tabs {
            width: 50%;
            background-color: rgb(255 255 255 / 29%);
            border-radius: 9px;
            padding: 7px 8px;
        }
        .landing-page-1 .about-services {
            margin-top: 100px;
background-color: #FFC534;
border-radius: 27px !important;
        }
         .form-set-request .eye{
            max-width: 35px;
        }
         .form-set-request .eye img{
            width: 35px;
        }
         .form-set-request .info-square img{
            width: 35px;

        }
         .form-set-request .txt{
            font-size: 17px;
        }
        .landing-page-1 .presentation h1{
            line-height: 47px;
            font-size: 26px;
        }
        .landing-page-1 .presentation p{
            line-height: 32px;
            font-size: 17px;
        }
        .landing-page-1 .about-services .tab-content .title{
            font-weight: 800;
            line-height: 47.77px;
            font-size: 28px;
            border-right: 2px solid;
            color: #023047;
        }
        .landing-page-1 .about-services .tab-content .desc{
            font-weight: 500;
            line-height: 27px;
            font-size: 16px;
            color: black;
            padding-right: 35px;
        }
        .landing-page-1 .about-services .tab-content .desc ul{
            list-style: disc;
        }
        .landing-page-1 .about-services .tab-content .desc ul li{
            font-weight: 600;
        }
        .landing-page-1 .about-services .tab-content .arrow-right img{
            width: 30px;
        }
        .landing-page-1 .about-services .tab-content .arrow-right .btn{
            background: rgba(255, 255, 255, 0.7);
            width: 61px;
            height: 96px;
            padding: 0;
        }
        .landing-page-1 .about-services .tab-content .steps .step{
background-repeat: no-repeat;
background-position: 217px 0px;
        }
        .landing-page-1 .about-services .tab-content .steps .step-1{
            background-image: url('../images/front/step 1.svg');
            background-size: 58px;
                    }
                    .landing-page-1 .about-services .tab-content .steps .step-2{
                        background-image: url('../images/front/step 2.svg');
                        background-size: 100px;
                                }
                                .landing-page-1 .about-services .tab-content .steps .step-3{
                                    background-image: url('../images/front/step 3.svg');
                                    background-size: 100px;
                                            }
        .landing-page-1 .about-services .tab-content .steps .icon img{
            width: 50px;
                    }
                    .landing-page-1 .about-services .tab-content .steps .icon {
                        background: #FFD261;
                        width: 70px;
                        border-radius: 18px;
                        padding: 10px 10px;
                                }
                    .landing-page-1 .about-services .tab-content .steps .ttl h5{
                        font-size:17px;
                        font-weight: 600;
                        color: black;
            
                    }
                    .landing-page-1 .about-services .tab-content .steps .dsc p{
                        font-size: 14px;
                        font-weight: 500;
                        line-height: 27px;
                        color: #515151;
                    }
                    @media (min-width: 768px) {
                        .landing-page-1 .lois .carousel-inner {
                          display: flex;
                        }
                        .landing-page-1 .lois  .carousel-item {
                          margin-right: 0;
                          flex: 0 0 33.333333%;
                          display: block;
                          max-width: 314px !important;
                        }
                      }
                      .landing-page-1 .lois .carousel-inner{
                        padding: 1em;
                    }
                    .landing-page-1 .lois .card{
                        z-index: 2;
                        margin: 0 0em;
                        border: none;
                        width: 245px ;
                        height: 328px !important;
                        border-radius: 23px !important;
                        background-color: #F6F6F6;
                        transition: all .5s ease;
                    }
                    .lois .card:hover .card-btn{
                        display: block !important;
                    }
                    /* .lois .card:hover .card-text{
                        visibility: hidden;
                    } */
                    .lois  .card:hover .card-title{
                        visibility: hidden;
                    }
                    .landing-page-1 .lois  .card:hover {
                       background-color: #FFC535;
                    }
                    .landing-page-1 .lois  .card:hover .card-icon img{
                        filter: brightness(24.5);
    width: 135px;

                    }
                    .landing-page-1 .lois .card-bg img{
opacity: 0.2 !important;
                    }
                    .landing-page-1 .lois  .card-bg {
                        z-index: -1;
                    }
                    .landing-page-1 .lois  .card-icon img{
                        width: 90px;

                    }
                    .landing-page-1 .lois  .card-icon {
                        max-height: 190px;
                        height: 157px;

                    }
                    .landing-page-1 .lois  .card-title {
                        font-size: 15px;
                        font-weight: 700;
                        line-height: 25px;
                        color:#154981;
                    }
                    .landing-page-1 .lois  .card-text {
                        font-size: 13px !important;
                        font-weight: 400 !important;
                        line-height: 19px !important;
                        text-align: center !important;
                    }
                    .landing-page-1 .lois  .card-btn {
                        width: 100%;
                        bottom: 63px;
                        left: 0px;
                    }
                    .landing-page-1 .lois  .card-btn .btn{
                        background-color: #FFE49F;
                        width: 90%;
                        padding: 10px 0px;
                        font-weight: 500;
                        font-size: 15px;
                        line-height: 19px;
                        color: #1E1E24;

                    }
                    .landing-page-1 .lois .carousel-control-prev{
                        margin-right: 12px;
                    }
                    .landing-page-1 .lois .carousel-control-prev, .lois .carousel-control-next{
                        position: unset !important;
                        background-color: #FFB702 !important;
                        width: 50px !important;
                        height: 50px !important;
                        top: unset !important;
                        bottom: unset !important;
                        border-radius: 15px !important;

                    }
                     .landing-page-1 .lois .card .img-wrapper {
                        max-width: 100%;
                        height: 13em;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                      }
                      .landing-page-1 .lois h4{
                        font-weight:700 ;
                        font-size: 26px;
                        
                      }
                      .landing-page-1 .lois h2{
                        font-weight:700 ;
                        font-size: 30px;
                        line-height: 45px;
                        color: #154981;
                        
                      }
                      .landing-page-1 .lois p{
                        font-weight:400 ;
                        font-size: 17px;
                        line-height: 26px;
                        text-align: justify;
                        color: #646464;
                        
                      }
                      .landing-page-1 .lois {
                       padding-top: 100px !important;
                       padding-bottom: 100px;
                        
                      }
                      @media (min-width: 992px) {
                        .top-header-1 .images img {
                            max-width: 550px !important;
                        }
                        .landing-page-1 .how-function .vid-circle {
                            position: absolute;
                            width: 150px;
                            right: -20px;
                            top: 160px;
                        }
                    }
                    @media (min-width: 2000px) {
                        .top-header-1 .left-side .btn {
                            width: 100%;
                        }
                        .landing-page-1 .presentation p {
                            line-height: 32px;
                            font-size: 16px;
                        }
                        .landing-page-1 .presentation h1 {
                            line-height: 39px;
                            font-size: 26px;
                        }
                        .landing-page-1 .how-function .vid-circle {
                            width: 135px;
                            right: -49px;
                            top: 124px;
                        }
                    }
                    @media (min-width: 1280px) {
                        .top-header-1 .images img {
                            max-width: 831px !important;
                        }
                        .form-set-request .container {
                            max-width: 1123px !important;
                        }
                    }
                    @media (min-width: 992px) and (max-width: 1280px) {
                        .new-demande #wizard2 .isInJustice-block .bg label {
                            font-size: 10px !important;
                        }
                        .new-demande #wizard2 .isInJustice-block .bg {
                            left: 0px !important;
                            max-width: 25% !important;
                            margin-right: 0px !important;
                            padding-right: 18px !important;
                        }
                    }
                    @media (min-width: 1400px) and (max-width: 2000px) {
                        .landing-page-1 .about-services.container {
                            max-width: 1550px !important;
                        }
                        .landing-page-1 .prs{
                            max-width: 1400px !important;
                        }
                        .landing-page-1 .lois h2 {
                            font-size: 28px;
                            line-height: 40px;
                        }
                        .landing-page-1 .about-services + .container {
                            max-width: 1395px !important;
                        }
                    }
                    @media (min-width: 1600px) and (max-width: 1800px) {
                        .top-header-1 .images img {
                            max-width: 668px !important;
                        }
                        .top-header-1 .left-side .btn {
                            font-size: 14px;
                        }
                        .landing-page-1 .carousel-inner{
                            width: 111% !important;
                        }
                        .landing-page-1 .card{
                            width: 227px !important;
                        }
                        .landing-page-1 .how-function .vid-circle {
                            width: 125px;
                            right: -61px;
                            top: 167px;
                        }
                        .landing-page-1 .top-header-1{
                            height: 620px;
                        }
                        .top-header-1 .left-side .btn {
                            padding: 13px 50px;
                        }
                        


                    }
                    @media (min-width: 1400px) and (max-width: 1600px) {
                        .top-header-1 .images img {
                            max-width: 629px !important;
                        }
                        .top-header-1 .left-side .sub-title {
                            font-size: 25px;
                        }
                        .top-header-1 .text-orange {
                            font-size: 45px;
                            line-height: 56px;
                        }
                        .top-header-1 .left-side .desc {
                            font-size: 21px;
                            line-height: 32px;
                        }
                        .top-header-1 .left-side .btn {
                            font-size: 17px;
                        }
                        .landing-page-1 .how-function .laptop {
                            width: 607px;
                        }
                        .landing-page-1 .how-function .vid-circle {
                            width: 131px;
                            right: -36px;
                            top: 131px;
                        }
                        .landing-page-1 .top-header-1 {
                            height: 600px;
                        }
                        .landing-page-1 .prs {
                            max-width: 1311px !important;
                        }
                        .form-set-request .position-absolute {
                            bottom: 235% !important;
                        }
                        .landing-page-1 .about-services.container {
                            max-width: 1336px !important;
                        }
                        .landing-page-1 .presentation h1 {
                            font-size: 30px;
                            line-height: 48px;
                        }
                        .landing-page-1 .lois h2 {
                            font-size: 28px;
                            line-height: 40px;
                        }
                        .top-header-1 .left-side .btn {
                            padding: 13px 15px;
                        }
                    }
                    @media (min-width: 1800px) and (max-width: 2000px) {
                        .top-header-1 .lois  .images img {
                            max-width: 1000px !important;
                        }
                        .landing-page-1 .lois  .carousel-inner{
                            width: 111% !important;
                        }

                        .top-header-1 .images img {
                            max-width: 697px !important;
                        }
                        .landing-page-1 .top-header-1{
                            height: 650px;
                        }
                        .top-header-1 .left-side .btn {
                            padding: 13px 50px;
                        }
                    }
                    @media (min-width: 2000px) {
                        .top-header-1 .images img {
                            max-width: 753px !important;
                        }
                        .landing-page-1 .top-header-1{
                            height: 687px;
                        }
                        .top-header-1 .left-side {
                            top: 47px;
                        }


                    }
                    .landing-page .top.sticky.stickyClass{
                        background-color: #154981;
                        border: none;
                    }
                    .landing-page .top.sticky.stickyClass .border-bottom{
                        border: none !important;
                    }
                    .landing-page-1 .paper-style img{
                        width: 150px;
                        height: 267px;
                    }
                    .landing-page-1 .paper-style {
                        bottom: 443px;
                        height: 0;
                       
                    }
                    .landing-page-1 .paper-style img{
                        z-index: 7;
                       
                    }
                    /* .landing-page-1 .lois {
                        z-index: 8;
                    } */
                    @media (min-width: 1200px) and (max-width: 1400px) {
                        .top-header-1 .left-side .sub-title {
                            font-size: 26px;
                        }
                        .top-header-1 .text-orange {
                            font-size: 36px;
    line-height: 50px;
                        }
                        .top-header-1 .left-side .desc {
                            font-size: 18px;
                            line-height: 31px;
                        }
                        .top-header-1 .left-side .btn {
                            padding: 13px 28px;
                            font-size: 12px;
                        }
                        .top-header-1 .images img {
                            max-width: 551px !important;
                        }
                        .landing-page-1 .presentation h1 {
                            line-height: 37px;
                            font-size: 21px;
                        }
                        .landing-page-1 .presentation p {
                            font-size: 12px;
                        }
                        .landing-page-1 .how-function .vid-circle {
                            width: 91px;
                            top: 108px;
                        }
                        .landing-page-1 .about-services .tab-content .title {
                            font-size: 27px;
                        }
                        .landing-page-1 .about-services .tab-content .desc {
                            line-height: 27px;
                            font-size: 13px;
                        }
                        .landing-page-1 .about-services .tab-content .steps .step-1 {
                            background-size: 64px !important;
                        }
                        .landing-page-1 .about-services .tab-content .steps .step-2 {
                            background-size: 110px;
                        }
                        .landing-page-1 .about-services .tab-content .steps .step-3 {
                            background-size: 110px;
                        }
                        .landing-page-1 .about-services .tab-content .steps .step {
                            background-position: 113px 0px;
                        }
                        .landing-page-1 .lois h2 {
                            font-size: 23px;
                            line-height: 39px;
                        }
                        .landing-page-1 .lois h4 {
                            font-size: 20px;
                        }
                        .landing-page-1 .lois p {
                            font-size: 16px;
                            line-height: 26px;
                        }
                        .landing-page-1 .lois .card-title {
                            font-size: 11px;
                            line-height: 20px;
                        }
                        .landing-page-1 .about-services.container{
                                max-width: 1218px !important;
                        }
                        .about-services + .container{
                            max-width: 1136px !important;
                        }
                    }
                    @media (min-width: 992px) and (max-width: 1200px) {
                        .top-header-1 .left-side .sub-title {
                            font-size: 22px;
                        }
                        .top-header-1 .text-orange {
                            font-size: 29px;
                            line-height: 41px;
                        }
                        .top-header-1 .left-side .desc {
                            font-size: 16px;
    line-height: 28px;
                        }
                        .top-header-1 .left-side .btn {
                            font-size: 12px;
                            padding: 13px 12px;
                        }
                        .top-header-1 .images img {
                            max-width: 510px !important;
                        }
                        .landing-page-1 .presentation h1 {
                            line-height: 30px;
                            font-size: 19px;
                        }
                        .landing-page-1 .presentation p {
                            font-size: 12px;
                        }
                        .landing-page-1 .how-function .vid-circle {
                            width: 91px;
                            top: 96px;
                        }
                        .landing-page-1 .about-services .tab-content .title {
                            font-size: 20px;
                            line-height: 29.77px;
                        }
                        .landing-page-1 .about-services .tab-content .desc {
                            line-height: 27px;
                            font-size: 13px;
                        }
                        .landing-page-1 .about-services .tab-content .steps .step-1 {
                            background-size: 54px !important;
                        }
                        .landing-page-1 .about-services .tab-content .steps .step-2 {
                            background-size: 100px;
                        }
                        .landing-page-1 .about-services .tab-content .steps .step-3 {
                            background-size: 100px;
                        }
                        .landing-page-1 .about-services .tab-content .steps .step {
                            background-position: 79px 0px;
                        }
                        .landing-page-1 .lois h2 {
                            font-size: 23px;
                            line-height: 39px;
                        }
                        .landing-page-1 .lois h4 {
                            font-size: 20px;
                        }
                        .landing-page-1 .lois p {
                            font-size: 16px;
                            line-height: 26px;
                        }
                        .landing-page-1 .about-services.container{
                                max-width: 950px !important;
                        }
                        .about-services + .container{
                            max-width: 1136px !important;
                        }
                        .container.prs{
                            width: 850px;
                        }
                    }
                    
/* for new-demande */
/*.new-demande #wizard2 .custom-checkbox .custom-control-label::before {*/
/*    border-radius: 15px;*/
/*    width: 25px;*/
/*    height: 25px;*/
/*    top: -2px;*/
/*    border: 2px solid #334353;*/
/*}*/
/*.custom-checkbox .custom-control-input:checked~.custom-control-label::after {*/
/*    display: none !important;*/
/*}*/
/*.new-demande #wizard2 .custom-checkbox .custom-control-input:checked~.custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before, .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {*/
/*    background-color: #334353;*/
/*    border: 2px solid #334353;*/
/*}*/
.new-demande .isMre .bg{
    background-color: #F5F5F5;
    border-radius: 5px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    margin-right: 5px;
}
.new-demande .isMre .bg label{
margin: 0;
}
@media (min-width: 992px){
    .new-demande #wizard2 .isInJustice-block .bg{
        height: 42px;
    }
    }
    .new-demande #demande_demandeInstitutions + .select2-container--default{
        width: 100% !important;
    }
.new-demande .custom-control-label::after {
    background-image: none !important;
}
.new-demande .form-control,.new-demande .select2-selection__rendered{
    color: black !important;
}
.new-demande .custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #1B8CF6 !important;
    border: none !important;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}
.new-demande .custom-radio .custom-control-input~.custom-control-label::before {
    border: 2px solid #1B8CF6;
}
.new-demande #wizard2 input.form-control,.new-demande #wizard2 .select2-container--default .select2-selection--multiple,.new-demande #wizard2 .select2-container--default .select2-selection--single {
        border: 2px solid #9D9D9D !important;
        height: 42px !important;
}
.new-demande #wizard2 textarea.form-control{
    border: 2px solid #9D9D9D !important;
    height: 100px ;
}
.new-demande .agree-terms a{
    color: #1B8CF6 !important;
}
.new-demande #wizard2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    
    line-height: 37px !important;
}
.new-demande .top-header-1 .title{
    font-size: 35px;
    font-weight: 700;
    line-height: 47px;

}
.new-demande .top-header-1{
background-image: url("../images/front/bg top header.png") !important;
background-position: 0;
background-size: 100%;
background-repeat: no-repeat;
background-color: unset !important;
padding-top: 0px;
padding-bottom: 125px;
top: -6px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1B8CF6 !important;
}
.new-demande .select2-selection__choice {
    background-color: #1B8CF6 !important;
    border-color: #1B8CF6 !important;;
}
.new-demande .add-demande{
    position: relative;
    top: -124px;
}
.new-demande .add-demande .wizard {
    border: none !important;
}.new-demande .wizard>.steps>ul{
    justify-content: center;    
}
.new-demande .wizard>.steps .current a .number{
    border-radius: 8px !important;
    background-color: #1B8CF6 !important;
    border: 2px solid #1B8CF6 !important;
    color: white;
}
.new-demande .wizard>.steps .current a .title{
    color: #1B8CF6;
}
.new-demande .wizard>.steps a .number{
    border-radius: 8px !important;
    border: 2px solid #CCE6FD;
    color: #5C83A5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new-demande .wizard>.steps .done a .number,.new-demande .wizard>.steps .done a:hover .number,.new-demande .wizard>.steps .done a:active .number {
    border-radius: 8px !important;
    background-color: #1B8CF6 !important;
    border: 2px solid #1B8CF6 !important;
    color: white;
}
.new-demande .wizard>.steps .done{
    border-bottom: 5px solid #1B8CF6;
    width: 17%;
    display: flex;
    justify-content: center;
    padding-bottom: 10px!important;
}
.new-demande .wizard>.steps a .title{
    color: #5C83A5;
    text-transform: uppercase;
}
.new-demande .wizard>.steps .current{
    border-bottom: 5px solid #1B8CF6;
    padding-bottom: 10px!important;
}
.new-demande .wizard>.steps>ul>li{

    border-bottom: 5px solid #CCE6FD;
    width: 23%;
    display: flex;
    justify-content: center;
    padding-bottom: 10px!important;
}
.new-demande .wizard>.steps .done a .title {
    color: #1B8CF6;
}
.new-demande .wizard>.steps{
    padding-bottom: 0px !important;
}
.wizard>.content>.title.current {
    display: none;
}
.new-demande #wizard2 label {
    color: #154981;
    font-weight: 600;
}
.new-demande #wizard2 .tx-danger {
color: #AF2B2B;
}
.new-demande #wizard2 .isInJustice-block .bg{
    display: flex;
    align-items: center;
    background-color: #F5F5F5;
    left: 10px;
    border-radius: 5px;
    max-width: 23%;
    margin-right: 16px;
    /*padding-right: 24px;*/
}
.new-demande #wizard2 .isInJustice-block .bg label{
color: black;
font-size: 14px;
font-weight: 500;
padding-left: 22px;
display: flex;
align-items: center;
}
.new-demande #wizard2 .ff_fileupload_wrap .ff_fileupload_dropzone_wrap{
    background: rgba(210, 222, 232, 0.21);
    }
    .new-demande #wizard2 .ff_fileupload_wrap .ff_fileupload_dropzone:hover,.new-demande #wizard2 .ff_fileupload_wrap .ff_fileupload_dropzone{
      border: 2px dotted #ACB7BF!important;
      background-color: rgba(210, 222, 232, 0.21) !important;
      background-position: 50% 0%;
        }
        .new-demande #wizard2 .ff_fileupload_wrap .ff_fileupload_dropzone::after{
            content: "Glissez des fichiers ici ( ou cliquez pour sélection fichiers )";
            color: #999CA0;
            font-size: 15px;
            font-weight: 600;
            top: 27%;
            position: relative;
              }
        .new-demande .wizard>.content {
            border-bottom: unset !important;
        }
        .new-demande .wizard>.content #demande_msg{
            height: 110px;
        }
        .new-demande .add-demande .card-body{
            box-shadow: 0px 211.179px 355.671px -55.5735px rgba(0, 0, 0, 0.09);
        }
        .new-demande .panel-group1 .panel-body {
            border: 0px solid #e9edf4;
            background: #F6F6F6;
            margin-top: 19px;
            border-radius: 5px;
            padding: 32px 49px;
        }
        .finish.card.demande .panel-group1 .panel-body .img {
            border: 1px solid #A5A5A5;
            border-radius: 10px;
            max-width: 80px;
            width: 80px;
            height: 80px;
            display: flex;
        }
        .finish.card.demande #collapseDemande .panel-body img {
            width: 45px !important;
        }
        .finish.card.demande .panel-body .sub-ttl {
            color: #8C8C8C;
            font-size: 15px;
        }
        .finish.card.demande .panel-body .ttl {
            color: #1C274C;
            font-size: 18px;
            font-weight: 700;
        }
        .finish.card.demande .panel-heading1 a:before {
            display: none;
        }
        .finish.card.demande .panel-title1 a {
            background-color: #FFB703 !important;
            color: white !important;
            font-size: 18px !important;
            text-transform: uppercase !important;
            font-weight: 700 !important;
            padding: 19px 30px !important;
        }
        .finish.card.demande .wizard>.actions>ul>li:last-child a {
            background-color: #FFB703;
        }
        .finish.card.demande .wizard>.actions>ul>li {
            width: 20%;
            text-align: center;
        }
        .new-demande .wizard-form .wizard>.actions a {
            background-color: #FFB703;
        }
        .new-demande .wizard-form .wizard>.actions ul li {
            width: 20%;
            text-align: center;
        }
        .new-demande .wizard-form .wizard>.actions .prev a {
            background-color: #c6c6c6 !important;
            color: white;
        }
        .new-demande .wizard-form .wizard>.actions .prev + li a::after{
            content: "\279C";
            float: right;
        }
        .new-demande #demande_otherInstance .form-control:disabled{
            background-color: gainsboro !important;
        }
        .new-demande .custom-control-input:checked~.custom-control-label::before {
            border-radius: 3px;
            background-color: #1B8CF6 !important;
            color: #fff;
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
            background-repeat: no-repeat;
            background-position: center;
            top: 0.1rem;
        }
        .new-demande .custom-control-label::after {
            border-radius: 3px !important;
            border: 1px solid #1B8CF6 !important;
            background-image: none !important;
            top: 0.1rem;
        }
        .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
            width: 5px !important;
        }
        .select2-container--default .select2-results>.select2-results__options{
            max-height:227px ;
        }
        .select2-container--default .select2-results>.select2-results__options:hover::-webkit-scrollbar-thumb {
            background: #1B8CF6 !important;
        }
        .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
            background: #1B8CF6 !important;
        }
        /* detail-demande */
        .top-header-1 .title {
            font-size: 35px;
            font-weight: 700;
            line-height: 47px;
        }
        /* detail demande */
        .detail-demande .file-requirements.refusee {
            background: #ffd8d8 !important;
            border: 2px solid #D83838 !important;
            padding: 30px 28px !important;
            border-radius: 10px !important;
        }
        .detail-demande .file-requirements.refusee .title{
            color: #D83838 !important;
            font-size: 18px !important;
            font-weight: 600 !important;
            margin: 0 !important;
            }
        .detail-demande .file-requirements.cloture{
    background: #FBFFFA !important;
    border: 2px solid #71C969 !important;
    padding: 30px 28px !important;
    border-radius: 10px !important;
    }
    .detail-demande .file-requirements.cloture .title{
        color: #0A8700 !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        margin: 0 !important;
        }
        .detail-demande .top-content .right-side.statut{
            border: 1px solid #A5A5A5;
        }
        .detail-demande .heading h2{
            font-size: 35px;
            font-weight:700 ;
            color: #023047;
        }
        .detail-demande .top-content .left-side .img{
            border: 1px solid #A5A5A5;
            border-radius: 10px;
            max-width: 134px;
            height: 85px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .detail-demande .top-content .left-side .img img{
            width: 50px;
        }
        .detail-demande .top-content .left-side .sub-ttl{
            font-size: 13px;
            color: #8C8C8C;
        }
        .detail-demande .top-content .left-side .ttl{
            font-size: 17px;
            color: #1C274C;
            font-weight: 700;
        }   
        .detail-demande .top-content .left-side{
            border: 1px solid #A5A5A5;
            border-radius: 10px;
        }   
        .detail-demande .top-content .right-side{
            border-radius: 10px;
            left: 12px;
        }   
        .detail-demande .top-content .right-side.statut.cree{
            background-color: #EDFBFF;
            border: 1px solid #0353A4;
        } 
        .detail-demande .top-content .right-side.statut.en-cours{
            background: #EDFBFF;
            border: 1px solid #2E95B6;
        }    
        .detail-demande .top-content .right-side.statut.to-complete{
            background: #FFF8ED;
            border: 1px solid #FF9900;
        }  
        .detail-demande .top-content .right-side.statut.cloture{
            background: #edffe9;
            border: 1px solid #2A9134;
        }  
        .detail-demande .top-content .right-side.statut.refusee{
            background: #FFF1EF;
            border: 1px solid #D83838;
        }  
        .detail-demande .top-content .right-side.statut.cree .ttl {
            color: #0353A4;
        }
        .detail-demande .top-content .right-side.statut.en-cours .ttl {
            color: #2E95B6;
        }
        .detail-demande .top-content .right-side.statut.to-complete .ttl {
            color: #FF9900;
        }
        .detail-demande .top-content .right-side.statut.cloture .ttl {
            color: #39B62E;
        }
        .detail-demande .top-content .right-side.statut.refusee .ttl {
            color: #D83838;
        }
        .detail-demande .top-content .right-side.statut.cree .img img {
            filter: invert(20%) sepia(96%) saturate(2059%) hue-rotate(198deg) brightness(87%) contrast(98%);
        }
        .detail-demande .top-content .right-side.statut.en-cours .img img {
            filter: invert(46%) sepia(86%) saturate(400%) hue-rotate(148deg) brightness(94%) contrast(84%);
        }
        .detail-demande .top-content .right-side.statut.to-complete .img img {
            filter: invert(64%) sepia(59%) saturate(2813%) hue-rotate(359deg) brightness(102%) contrast(106%);
        }
        .detail-demande .top-content .right-side.statut.cloture .img img {
            filter: invert(40%) sepia(97%) saturate(349%) hue-rotate(76deg) brightness(94%) contrast(96%);
        }
        .detail-demande .top-content .right-side.statut.refusee .img img {
            filter: invert(31%) sepia(37%) saturate(4830%) hue-rotate(342deg) brightness(88%) contrast(91%);
        }
        .detail-demande .top-content .right-side .img{
            border: 1px solid #A5A5A5;
            border-radius: 10px;
            max-width: 147px;
            width: 94px;
            height: 70px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .detail-demande .top-content .right-side .img img{
            width: 70px;
        }
        .detail-demande .top-content .right-side .sub-ttl{
            font-size: 13px;
            color: #454545;
            font-weight: 600;
        }
        .detail-demande .top-content .right-side .ttl{
            font-size: 17px;
            font-weight: 700;
        }
        .detail-demande .top-content .right-side .dsc{
    left: 24px;
    width: 382px;
    border-radius: 8px;
        }
        .detail-demande .top-content .right-side .dsc .infos {
            border-radius: 8px !important;
        }
        .detail-demande .top-content .right-side.statut.cree .dsc{
            background: #BDD2E7;
        }
        .detail-demande .top-content .right-side.statut.cree .dsc .infos {
            background: #98B9DA;
        }
        .detail-demande .top-content .right-side.statut.cree .dsc .infos img {
            filter: invert(18%) sepia(51%) saturate(4070%) hue-rotate(198deg) brightness(98%) contrast(98%);
        }
        .detail-demande .top-content .right-side.statut.en-cours .dsc{
            background: #C7E7F0;
        }
        .detail-demande .top-content .right-side.statut.en-cours .dsc .infos {
            background: #A8D7E4;
        }
        .detail-demande .top-content .right-side.statut.en-cours .dsc .infos img {
            filter: invert(50%) sepia(70%) saturate(469%) hue-rotate(148deg) brightness(88%) contrast(86%);
        }
        .detail-demande .top-content .right-side.statut.to-complete .dsc{
            background: #FFE5BE;
        }
        .detail-demande .top-content .right-side.statut.to-complete .dsc .infos {
            background: #FFD698;
        }
        .detail-demande .top-content .right-side.statut.to-complete .dsc .infos img {
            filter: invert(61%) sepia(44%) saturate(2752%) hue-rotate(0deg) brightness(104%) contrast(105%);
        }
        .detail-demande .top-content .right-side.statut.cloture .dsc{
            background: #CCE9CF;
        }
        .detail-demande .top-content .right-side.statut.cloture .dsc .infos {
            background: #ACD7B0;
        }
        .detail-demande .top-content .right-side.statut.cloture .dsc .infos img {
            filter: invert(40%) sepia(99%) saturate(412%) hue-rotate(75deg) brightness(93%) contrast(83%);
        }
        .detail-demande .top-content .right-side.statut.refusee .dsc{
            background-color: #F7CCCA;
        }
        .detail-demande .top-content .right-side.statut.refusee .dsc .infos {
            background: #F1AEAD;
        }
        .detail-demande .top-content .right-side.statut.refusee .dsc .infos img {
            filter: invert(33%) sepia(50%) saturate(2076%) hue-rotate(331deg) brightness(87%) contrast(101%);
        }
        .detail-demande .top-content .right-side .dsc p{
            color: #1C274C;
            font-size: 10px;
            line-height: 20px;
            margin-left: 10px !important;
        }
        .detail-demande .top-content .right-side .dsc .infos img{
            width: 51px;
            max-width: 51px;

        }

        .detail-demande .finish.card {
            border: 1px solid #A5A5A5 !important;
            border-radius: 10px;
            width: 100%;
            max-width: 100%;
            left: -14px;
        }
        .detail-demande .finish.card .wizard {
            border: unset !important;
            background-color: unset !important;
        } 
        .detail-demande .panel-title1 a.collapsed {
            background: #DEEAEF !important;
            color: #59707A !important;
            font-size: 18px;
            text-transform: uppercase;
            font-weight: 700;
            padding: 19px 30px;
        }
        .detail-demande .panel-title1 a {
background-color: #FFB703 !important;
color: white !important;
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
padding: 19px 30px;
        }
        .detail-demande .panel-group .panel, .panel-group1 .panel {
            border-radius: 5px;
            box-shadow: none;
            border: none !important ;
            overflow: hidden;
        }
        .detail-demande .finish.card .wizard .panel-body {
            border: 0px solid #e9edf4;
            background: #F6F6F6;
            margin-top: 19px;
            border-radius: 5px;
            padding: 25px 49px;
        }
        .detail-demande .actions  {
            display: none;
        }
        .detail-demande .carousel-inner {
            padding: 1em;
          }
          .detail-demande .card {
            margin: 0 0.5em;
            border: 1px solid #7E9FB2 !important;
            width: 290px;
          }
          .detail-demande .carousel-control-prev,
          .detail-demande .carousel-control-next {
            background-color: #e1e1e1;
            width: 52px;
            height: 50px;
            box-shadow: 0px -66.6882px 522.391px -177.835px rgb(0 0 0 / 35%);
            border-radius: 27%;
            top: 50%;
            transform: translateY(-50%);
          }
          @media (min-width: 768px) {
            .detail-demande .carousel-item {
              margin-left: 0;
              flex: 0 0 33.333333%;
              display: block;
              max-width: 316px;
            }
            .detail-demande .carousel-inner {
              display: flex;
            }
          }
          .detail-demande .card .img-wrapper {
              max-width: 100%;
              height: 150px;
              display: flex;
              justify-content: center;
              align-items: center;
              border-bottom: 1px solid #7E9FB2;
          }
          .detail-demande .card img {
            width: 100px !important;
          }
          @media (max-width: 767px) {
            .detail-demande .card .img-wrapper {
              height: 17em;
            }
          }
          .detail-demande .pieces-joints {
            background: rgba(246, 246, 246, 0.79);
            margin-top: 26px;
            border-radius: 8px;
          }
          .detail-demande .pieces-joints .heading h4{
           color: #2C3538;
           font-size: 15px;
           font-weight: 700;
           text-transform: uppercase;
           
           
          }
          .detail-demande .pieces-joints .card-body{
            background: #F6F6F6;
          }
          .detail-demande .pieces-joints .card-body .file-download img{
            max-width: 100px !important;
            width: 31px !important;
          }
          .new-demande #wizard2 .error{
            color: red;
            font-weight: 400;
            font-size: 12px;
          } 
          .detail-demande .pieces-joints .card-body .card-title{
            font-size: 15px;
          }
          .detail-demande .finish.card #collapseDemande .panel-body .img{
            border: 1px solid #A5A5A5;
            border-radius: 10px;
            max-width: 74px;
            width: 98px;
            height: 70px;
            display: flex;
          }
          .detail-demande .finish.card #collapseDemande .panel-body .desc{
            /* width: 126%;
            max-width: 183%; */
          }
          .detail-demande .finish.card .panel-body .sub-ttl{
            color: #8C8C8C;
            font-size: 13px;
          }
          .detail-demande .finish.card .panel-body .ttl{
            color: #1C274C;
            font-size: 16px;
            font-weight: 700;

          }
          .detail-demande .finish.card #collapseDemande .panel-body img {
            width: 45px !important;
        }
        .detail-demande .finish.card .panel-heading1 a.collapsed .fa.fa-angle-right {
            position: absolute;
            top: 8px;
            transform: unset !important;
            right: 14px;
            color: #59707A;
        }
        .detail-demande .finish.card .fa.fa-angle-right {
            transform: rotate(90deg) !important;
            position: absolute;
            top: 8px;
            right: 14px;
            transition: 0.2s;
            color: #FFB703;
        }
        .detail-demande .finish.card .fa.fa-angle-right::after {
            right: 14px;
            top: 13px;
           
        }
        .detail-demande .finish.card .panel-heading1 a.collapsed:before {
            display: none;
        }
        .detail-demande .finish.card .panel-heading1 a:before {
            display: none;
        }
        .detail-demande .finish.card .panel-heading1 a i {
            background: rgba(255, 255, 255, 0.7);
            border-radius: 5px;
            width: 40px;
            height: 40px;
        }
        .mw-89{
            max-width: 89% !important;
        }
        .mw-11{
            max-width: 11% !important;
        }
/* suivi demande page */
.table-demande table{
    border-collapse: separate;
    border-spacing: 0 15px;
}
.table-demande table tr:first-child{
    background-color: #BDDDFB;

}
.table-demande table tr:first-child th{
    padding: 15px 12px;
    font-weight: 600;
    font-size: 15px;
}
.table-demande table tr:first-child th:first-child{
    border-radius: 10px 0px 0px 0px;
}
.table-demande table tr:first-child th:last-child{
    border-radius: 0px 10px 0px 0px;
}
.table-demande table .data{
    background-color: #F4F4F4;
}
.table-demande table .data td{
    padding: 28px 12px;
}
.suivi-demande .file-requirements.a-completer{
background: rgba(255, 213, 131, 0.62);
border: 2.53632px solid #AAAAAA;
}
.table-demande{
    border: 2px solid #074EE8;
    }
.suivi-demande .to-complete{
        border: 2px solid #C7C7C7;
        padding: 27px 44px;
        }
        .suivi-demande .to-complete .title{
            color: #454545;
            font-size: 20px;
            }
            .suivi-demande .to-complete .file-upload{
                height: 74px !important ;
                }
                .suivi-demande .to-complete .dropify-wrappers{
                    height: 74px !important;
                    }
                    .suivi-demande .to-complete .dropify-wrapper input {
                        top: 45% !important;
                        left: 1.5% !important;
                        height: 100% !important;
                        width: 97% !important;
                    }
            .suivi-demande .to-complete .sub-title{
                color: #767676;
                font-size: 14px;
                }
                .suivi-demande .title.text-center {
                    margin-bottom: 0px;
                    margin-top: 0px;
                }
.table-demande .data .statut{
    font-weight: 700;
    font-size: 18px;
}
.table-demande .data .statut.a-completer{
    color: #FF9900;
}
.table-demande .to-complete .btn-add-file{
    background-color: #7dc0ff;
    color: white;
    font-weight: 600;
    font-size: 18px;
}
.table-demande .to-complete .btn-send{
    background-color: #FFB703;
    color: white;
    font-weight: 600;
    font-size: 18px;
}
.table-demande .data .statut.cloture {
    color: #39B62E;
}
.suivi-demande .file-requirements.cloture{
    background: #FBFFFA;
    border: 2px solid #71C969;
    padding: 30px 28px !important;
    }
    .suivi-demande .file-requirements.cloture .title{
        color: #0A8700;
        font-size: 18px;
        font-weight: 600;
        margin: 0;
        }
        .table-demande .data .statut.refusee {
            color: #D83838;
        }

        .suivi-demande .file-requirements.refusee {
            background: #FF8989;           
            border: 2px solid #AAAAAA;
        }
        .suivi-demande .file-requirements ul{
            list-style: disc;
        }
        .suivi-demande .file-requirements h6, .suivi-demande .file-requirements ul  {
            font-weight: 600 !important;
        }
        /* for demand added page */
        .demande-added .parent {
            border: 2px solid gainsboro;
        }
                .demande-added .code-suivi {
            border: 2px solid #ffd671;
        }
        .demande-added .code-suivi span{
            color: #FFB703;
        }
        .demande-added .code-suivi h5{
            font-weight: 700 !important;
        }
        .demande-added .back-home
        {
            background-color: #FFB703;
            color: white !important;
            font-weight: 600;
        }
        .demande-added .back-home a
        {
            color: white !important;
        }
        .demande-added button:hover {
            background-color: #d69900 !important;
            color: white;
        }
        /* suivi demande */
        .btn-affect{
            background-color: #8dd1ed;;
            color: white; 
            font-weight: 600;
        }
        .btn-reject{
            background-color: #d17777;
            color: white; 
            font-weight: 600;
        }
        .btn-edit{
            color: white; 
            font-weight: 600;
            background-color: #d9a649;
        }
        /* traitement deamande */
        .traitement-demande{
            border: 2px solid #787878;
        }
        .traitement-demande .result {
            background-color:#EDEDED ;
        }
/* for mobile responsive */
@media (max-width: 992px) {
    /* footer */
.top-footer .revealleft .img-ftr{
    text-align: center;
}
/*  */
/* header */

.hor-header .btn-connect {
    font-size: 22px !important;
}
    .top-header-1 .images img {
        max-width: 829px !important;
        top: 68px;
        left: 33px;
    }
.header.hor-header {
    border-bottom: none !important;
    background: #154981 !important;
    padding-top: 25px !important;
}
.landing-page-1 .top-header-1 {
    padding-top: 200px;

}
.container {
    max-width: 90% !important;
}
.header.hor-header .header-brand-img.light-logo1 {
    width: 30% !important;
}
.app-sidebar__toggle {
   width: auto !important;
   justify-content: start;
}
.new-demande #wizard2 textarea.form-control{
    font-size: 19px;
}
.finish.card.demande .panel-body .ttl {
    font-size: 23px;
}
.finish.card.demande .panel-body .sub-ttl {
    font-size: 20px;
}
.detail-demande .pieces-joints .heading h4 {
    font-size: 22px;
}
.msg-no-items {
    font-size: 25px;
}
.new-demande .wizard-form .wizard>.actions ul li {
    width: 45%;
}
.finish.card.demande .wizard>.actions>ul>li {
    width: 45%;
}
.finish.card.demande .wizard>.actions>ul>li a{
    font-size: 30px;
}
.new-demande .wizard-form .wizard>.actions a {
    font-size: 30px;
}
.demande-added .parent h4{
    font-size: 37px;
    line-height: 54px;
    padding: 10px 54px;
}
.demande-added .parent > div > img{
    width: 20% !important;
}
.demande-added .top-header-1 {
    padding-top: 70px;
    padding-bottom: 0px;
    top: -12px;
}
.demande-added .code-suivi h5 {
    font-size: 35px;
}
.demande-added .back-home {
    font-size: 45px;
}
.new-demande #wizard2 .ff_fileupload_wrap .ff_fileupload_dropzone::after {
    font-size: 23px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    font-size: 23px;
    padding: 14px 33px;
}
.new-demande #wizard2 .error {
    font-size: 20px;
}
.sweet-alert button {
    font-size: 24px;
}
.sweet-alert p {
    font-size: 23px;
    padding-top: 21px;
}
.sweet-alert h2 {
    font-size: 40px;
}
.sweet-alert {
    width: 700px;
    left: 40%;
}
.tooltip-inner {
    font-size: 30px;
}
.detail-demande .top-content .left-side .img img {
    width: 120px;
}
.detail-demande .top-content .left-side .img {
    max-width: 185px;
    height: 161px;
}
.detail-demande .top-content .left-side .sub-ttl {
    font-size: 25px;
}
.detail-demande .top-content .left-side .ttl {
    font-size: 30px;
}
.detail-demande .top-content .right-side .img {
    width: 142px;
    height: 142px;
}
.detail-demande .top-content .right-side .sub-ttl {
    font-size: 30px;
}
.detail-demande .top-content .right-side .ttl {
    font-size: 25px;
}
.detail-demande .panel-title1 a.collapsed {
    font-size: 30px;
    padding: 25px 30px;
}
.detail-demande .panel-title1 a {
    font-size: 30px;
    padding: 25px 30px;
}

.detail-demande .finish.card .panel-heading1 a.collapsed .fa.fa-angle-right {
    top: 19%;
    right: 14px;
    width: 50px;
    height: 50px;
}
.detail-demande .finish.card .fa.fa-angle-right::after {
    right: 20px;
    top: 19px;
}
.detail-demande .finish.card .panel-heading1 a i {
    top: 19%;
    right: 14px;
    width: 50px;
    height: 50px;
}
.detail-demande .finish.card .panel-body .ttl {
    font-size: 20px;
}
.detail-demande .finish.card .panel-body .sub-ttl {
    font-size: 22px;
}
.select2-results__option {
    font-size: 23px;
    padding: 14px 33px;
}
.header-right-icons{
    width: 35% !important;
    justify-content: end;
}
.logo-horizontal{
    width: 40% !important;
    position: unset !important;
    right: unset !important;
    left: unset !important;
}
.header.hor-header .header-brand-img.light-logo1 {
    width: 125% !important;
    max-width: 150% !important;
    padding-left: 0px;
}
.header .header-right-icons .nav-link.icon {
    padding: 29px 29px !important;
    justify-content: center;
    height: 24px !important;
    width: 8.3px !important;
}
.horizontal.app .app-sidebar {
    top: 124px !important;
    background-color: #154981 !important;
}
.horizontal .main-sidemenu {
    border-bottom: none !important;
}
.top-header-1 .border-start-orange {
    border-left: none !important;
    text-align: center;
    font-size: 107px;
}
.top-header-1 .left-side .desc {
    text-align: center;
    font-size: 39px;
    line-height: 55px;
    padding: 17px 10px;
}
.top-header-1 .left-side .btn-send-rec {
    float: right;
}
.form-set-request .position-absolute {
    padding-right: 23px !important;
}
.landing-page-1 .presentation h1 {
    line-height: 73px;
    font-size: 41px;
}
.landing-page-1 .presentation p {
    font-size: 26px;
}
.landing-page-1 .how-function .vid-circle {
    top: 36%;
}
.landing-page-1 .about-services .tabs .panel-tabs {
    width: 100%;
    border-radius: 15px;
}
.landing-page-1 .about-services .tabs .panel-tabs li a {
    padding: 20px 26px;
    border-radius: 15px;
    font-size: 33px;
}
.landing-page-1 .about-services .tab-content .title {
text-align: center !important;
    font-size: 44px;
    border-right:none;
}
.landing-page-1 .about-services .tab-content .desc ul li {
    font-weight: 600;
    font-size: 27px;
    line-height: 39px;
}
.landing-page-1 .about-services .tab-content .arrow-right  {
justify-content: center !important;
}
.landing-page-1 .about-services .tab-content .arrow-right span {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 800;
    padding-right: 32px;
}
.landing-page-1 .about-services .tab-content .arrow-right .btn {
    width: 83% !important;
    height: unset !important;
    padding: 17px 10px;
    border-radius: 15px;
    margin-top: 35px;
}
.landing-page-1 .about-services .tab-content .steps .step {
    background-repeat: no-repeat;
    background-position: right top;
}
.landing-page-1 .about-services .tab-content .steps .icon {
    margin-bottom: 10px !important;
    width: 120px;
    height: 120px;
}
.landing-page-1 .lois .carousel-control-prev, .lois .carousel-control-next {
    width: 100px !important;
    height: 100px !important;
}
.landing-page-1 .carousel-control-prev-icon,.landing-page-1 .carousel-control-next-icon {
    width: 35px;
    height: 35px;
}
.landing-page-1 .owl-theme .owl-dots .owl-dot {
    zoom: 2;
}
.landing-page-1 .lois .card-title {
    font-size: 27px;
    line-height: 47px;
}
.landing-page-1 .lois .card {
    width: 375px;
    height: 529px !important;
}
.landing-page-1 .lois .card-btn .btn {
    padding: 27px 0px;
    font-weight: 500;
    font-size: 27px;
}
.landing-page-1 .lois .carousel-item {
    max-width: 400px !important;
}
.landing-page-1 .lois .card:hover .card-icon img {
    width: 147px;
    border: none;
}
.landing-page-1 .lois .card-icon img {
    width: 111px;
    border: none;
}
.landing-page-1 .about-services .tab-content .steps .step {
    margin: 62px 0px !important;
}
.landing-page-1 .about-services .tab-content .steps .icon img {
    width: 97px;
}
.landing-page-1 .about-services .tab-content .steps .ttl h5 {
    font-size: 40px;
}
.landing-page-1 .about-services .tab-content .steps .dsc p {
    font-size: 30px;
    line-height: 50px;
}
.landing-page-1 .lois h4 {
text-align: center !important;
font-size: 46px;
}
.landing-page-1 .lois h2 {
    font-size: 98px;
    padding: 10px 18px;
    text-align: center;
    margin-bottom: 20px;
    line-height: 118px;
}
.landing-page-1 .lois p {
    font-size: 38px;
    line-height: 57px;
    text-align: center;
    padding: 10px 10px;
    margin-bottom: 15px;
}
.d-flex:has(.carousel-control-prev){
    justify-content: center !important;
    margin-bottom: 15px;
}
.landing-page-1 .paper-style {
    bottom: 130px;
    height: 0;
}
.app-sidebar__toggle:before {
    font-size: 58px;
    color: white;
}
.header-right-icons a {
    font-size: 19px;
    font-weight: 600;
}
.fe-globe:before {
    font-size: 55px;
    color: #154981 !important;
}
.fe-globe:before:hover {
    color: #ECA901 !important;
}
.top-header-1 .left-side .btn {
    font-size: 26px;
    width: 100% !important;
}
.form-set-request .form-control {
    height: 70px;
    border: 2px solid #BABFD1;
    padding-left: 45px;
    font-size: 20px;
}
.form-set-request .info-square img {
    width: 54px;
}
input#search_form_trackingCode::placeholder {
   font-size: 20px;
}
.form-set-request .txt {
    font-size: 26px;
}
.form-set-request .eye img {
    width: 50px;
    max-width: 65px;
}
.form-set-request .btn-search {
    height: 70px;
    width: 100%; 
    display: flex;
    justify-content: center;
    align-items: center;       
}
.form-set-request .btn-search span{
    color: white;
    font-weight: 500;
    font-size: 25px;  
    padding-right: 15px;   
}
.form-set-request .btn-search img{
    width: 5% !important;      
}
.mw-res-100{
    max-width: 100% !important;
}
.about-services .ttl-parent{
    font-size: 41px;
}
.landing-page-1 .about-services .tab-content .steps .step-1 {
    background-size: 17%;
}
.landing-page-1 .about-services .tab-content .steps .step-2 {
    background-size: 30%;
}
.landing-page-1 .about-services .tab-content .steps .step-3 {
    background-size: 30%;
}
.landing-page-1 .lois .card-title {
    font-size: 25px;
    line-height: 37px;
}

.landing-top-header .modal-dialog{
    width: 100% !important;
}
/* video yt modal */
.modal-dialog:has(#cartoonVideo){
    left: -162px !important;

}
#cartoonVideo{
    width: 823px;
    height: 501px;
}
.modal-content:has(#cartoonVideo) {
    background-color: unset !important;
    border: unset !important;
}
/* footer */
.top-footer a {
    font-size: 20px !important;
    font-weight: 500;
}
.w-res-50{
    width: 50% !important;
}
.reveal.revealleft {
    transform: unset !important;
    opacity: 1;
    transition: unset !important;
}
/* header container */
.hor-header .container {
    max-width: 96% !important;
}
.landing-page .sidemenu__item {
    font-size: 27px !important;
}
/* new demande */
.isInJustice-block{
    justify-content: space-between !important;
}
.new-demande #wizard2 .isInJustice-block .bg {
    max-width: unset !important;
    margin-right: 0px !important;
    left: unset !important;
    padding: 25px 10px;
}
/* detail demande */
.detail-demande .file-requirements.cloture{
margin-bottom: 10px;
    }
    .detail-demande .top-content + .pr{
        margin-left: 0 !important;
            }
.detail-demande .top-content .right-side {
    left: unset!important;
    top: 15px;
}
.detail-demande .finish.card {
    left: unset;
    margin: 0 !important;
}
.detail-demande .top-content{
    margin: 0 !important;
    padding-left: 0;
    padding-right: 0;
    justify-content: center !important;
    margin-bottom: 25px !important;
}
.detail-demande .form-set-request .position-absolute {
    bottom: 86px;
    position: relative !important;
}
 .detail-demande .top-header-1{
    position: unset;
    padding-top: 100px !important;
}
.container-login100{
    margin-top: 19%;
}
.new-demande .top-header-1 {
    padding-bottom: 108px;
    top: 42px;
}
.new-demande .add-demande .card-body {

}
.new-demande .wizard>.steps .current {
width: 70% !important;
}
    .new-demande .wizard>.steps .disabled {
        width: 15% !important;
        }
        .wizard>.steps a .number, .wizard>.steps a:hover .number, .wizard>.steps a:active .number {
            font-size: 30px;
            width: 60px;
            height: 60px;
        }
        .new-demande .wizard>.steps .current a .title {
            font-size: 40px;
        }
        .new-demande #wizard2 label {
            font-size: 30px;
            margin: 0;
            margin-bottom: 11px;
            margin-top: 13px;
        }
        .new-demande #wizard2 .tx-danger {
            font-size: 30px;
        }
        .new-demande #wizard2 input.form-control, .new-demande #wizard2 .select2-container--default .select2-selection--multiple, .new-demande #wizard2 .select2-container--default .select2-selection--single {
            height: 67px !important;
            font-size: 19px;
            padding-left: 30px !important;
            display: flex;
            align-items: center;
        }
        .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
            height: 67px !important;
        }
        .new-demande .agree-terms::after {
            left: -0.4rem;
            width: 1.5rem;
            height: 1.5rem;
            top: 1.2rem;
        }
        .new-demande .agree-terms::before {
            left: -0.4rem;
            width: 1.5rem;
            height: 1.5rem;
            top: 1.2rem;
        }
        .new-demande #wizard2:has(.agree-terms) {
            padding-left: 25px;
        }
        .new-demande #wizard2 .isInJustice-block .bg label {
            font-size: 22px;
            padding-left: 22px !important;
            display: flex;
            align-items: center;
            margin: 0;
        }
        .new-demande .custom-control-label::after {
            left: -0.4rem;
            width: 1.5rem;
            height: 1.5rem;
            top: 0.2rem;
        }
        .new-demande .custom-control-label::before {
            left: -0.4rem;
            width: 1.5rem;
            height: 1.5rem;
            top: 0.2rem;
        }
        .new-demande #wizard2 .isInJustice-block .toolt img {
            width: 15px !important;
        }
}

.detail-demande .finish.card .fa.fa-angle-right::before{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
/* conditions general d'utilisation */
.cgu {
padding-bottom: 50px;
}
.cgu .ttl{
    color: #154981 !important;
    font-weight: 700;
    line-height: 50px;
}
.cgu .content h4{
    color: #FFB703 !important;
    font-weight: 700;
    margin-top: 50px;
    margin-bottom: 20px;
}
.cgu .content p{
    font-weight: 500;
    padding-left: 20px;
}
.cgu .content ul li{
    font-weight: 600;
    padding-left: 10px;
    line-height: 32px;
    
}
.cgu .content ul {
    padding: unset !important;
    list-style: disc;
    margin: 20px 60px;
    
}
/*Politique de confidentialité  */
.privacyPolicy {
    padding-bottom: 50px;
    }
    .privacyPolicy .ttl{
        color: #154981 !important;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        margin-top: 20px;
    }
    .privacyPolicy .content{
        margin-top: 70px;
    }
    .privacyPolicy .content ul li{
        font-weight: 600;
        padding-left: 10px;
        line-height: 32px;    
    }
    .privacyPolicy .content ul {
        padding: unset !important;
        list-style: disc;
        margin: 20px 60px;    
    }