/* Feuilles de styles CSS créée le 14/10/2022 */

/****** SOMMAIRE *****/
/* _GLOBAL
/* _HEADER
/* _CARD
/* _COMPTE_CLIENT
/* _NAV_COMPTE_CLIENT
/* _SERVICES_CARTAPLAC


/****** _GLOBAL *****/
.row-body-cartaplac {
    margin-top:  40px;
}
.card {
    box-shadow: none !important;
    border: none;
}
.display-1, .display-2, .display-3 {
    font-weight: 100 !important;
    margin: 0;
}
h1.display-title-parcours-ahu {
    color: #1CA438;
}
h1.display-title-parcours-cg {
    color: #999;
}
.table-md {
    font-size: .9rem !important;
}
.table-md thead th {
    font-size: .9rem !important;
    font-weight: 100;
}
.dropdown-toggle:after {
    display: none;
}
.badge-permis{
    background: #E0959A;
}


/****** _HEADER *****/
.header-body-page {
    background: none;
    padding: 0;
}
.header-body-page h1 {
    font-weight: 100 !important;
    color: #0BABD4;
    margin-bottom: 0;
}
.header-body-page i.fa-header-page {
    font-size: 58px;
    float: left;
    margin: 5px 20px 0 0;
    color: #999;
}
.header-body-page p.text-subtitle {
    padding-left: 44px;
    border-bottom: 1px solid #EBEBEB;
    color: #ABABAB;
    padding: 6px 0 18px 3px;
}
.header-body-nav h1.header-title {
    position: relative;
}
.header-body-nav h1.header-title span.badge.badge-version-cc {
    display: block;
    position: absolute;
    top: 60px;
    right: 100px;
}


/****** _CARD *****/
.card {
    border: 0 !important;
    border-top-left-radius: 5px;
}
.card-aide-dossiers-ccv2 h2 {
    color: #0BABD4;
    font-size:  24px;
    margin:  0 0 15px 0;
    paddig:  0;
}
.card-aide-dossiers-ccv2 p {
    line-height: 1.5em;
    color: #999;
    font-size:  14px;
}
.card-aide-dossiers-ccv2 p a {
    text-decoration: underline;
    color:  #999;
}
.card-aide-dossiers-ccv2 p a:hover {
    text-decoration: none;
}


.search-client h2 {
    text-align: center;
    font-size:  26px;
    background: #EBEBEB;
    padding: 5px 0;
    margin:  20px 0 15px 0;
    border-radius: 5px;
}
a[data-target="#filters-search-personne-pysique"] label {
    cursor: pointer !important;
    border-bottom: 1px solid #EBEBEB;
    width: 100%;
    color:  #000 !important;
}
a[data-target="#filters-search-personne-pysique"] label i {
    color:  #000 !important;
}
#result_search_client table#table-search_client tbody tr td {
    vertical-align: middle !important;
}



/***** _COMPTE_CLIENT *****/
/***** _NAV_COMPTE_CLIENT *****/
#compte-client .alert.alert-consentement-rgpd {
    line-height: 1.5em;
    font-weight: 100;
    font-size: 16px !important;
}
#modal_rgpd_client ul li {
    padding: 8px 0;
    line-height: 1.5em
}
#compte-client .nav-tabs .nav-link {
    font-size: 14px;
    border-top: 1px solid #EBEBEB !important;
    border-left: 1px solid #EBEBEB !important;
    border-right: 1px solid #EBEBEB !important;
    border-bottom: 0;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    padding:  8px 12px !important;
    margin: 0 5px 0 0;
    transition: .5s;
    background: #EBEBEB;
    position: relative;
}
#compte-client .nav-tabs .nav-link:hover {
    background: #FFF;
}
#compte-client .nav-tabs .nav-item.nav-link.active {
    background: #FFF;
    border-bottom: 0;
    color: #000 !important;
}
#compte-client #tab-content-compte-client {
    padding:  15px;
}
#compte-client .badge.badge-cartaplac {
    background: #0babd4;
}
#compte-client .badge.badge-nb-commandes, #compte-client i.icon-warning {
    position: absolute;
    top: -6px;
    right:  -3px;
}
#compte-client .badge.badge-nb-commandes {
    font-size:  9px;
}
#compte-client i.icon-warning {
    font-size:  13px;
}
#compte-client .title_cmd_cpt_client {
    font-size: 20px;
    width: auto;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#compte-client .title_cmd_cpt_client span.badge {
    font-size: 14px;
    margin: 0 0 3px 10px;
}
#compte-client table tbody tr td p.comment_commande {
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 0;
}
#compte-client .btn.btn-compte-client {
    background: #0BABD4 !important;
    color: #FFF;
}
#compte-client .list-group-item.list-group-title-infos-client {
    font-size:  18px;
    font-weight: 300;
}
#compte-client .div-piece-compte-client {
    border: 1px solid #EBEBEB;
    margin-right: 10px;
}
#compte-client .div-piece-compte-client-expire {
    border: 2px solid red;
}
#compte-client .div-piece-compte-client iframe {
    height: 500px;
    width: 100%;
}
#compte-client .commentaires-client p {
    line-height: 1.5em;
}
#compte-client #nav-factures table tr.facture {
    border-top: 2px solid #d6d6d6;
}
#compte-client .badge.badge-impaye {
    background: red;
    font-size: 18px;
    margin-bottom: 7px;
}

.modal_facture_ccv1 table {
    font-size: 16px !important; 
    line-height: 1.5em;
}


/***** _SERVICES_CARTAPLAC *****/
#services-cartaplac .btn.btn-service {
    color:  #FFF;
    padding: 30px;
    font-size: 24px;
    transition: .5s;
}


#services-cartaplac .btn.btn-service:hover {
    /*box-shadow: none;*/
    padding-left:  50px;
}
#services-cartaplac .btn.btn-service i.fa, .round-icon-service {
    position: absolute;
    width: 90px;
    height:  90px;
    background: #FFF;
    border-radius: 50%;
    margin-top: -60px;
    padding-top: 11px;
    text-align: center;
    border: 2px solid #FFF;
}
#services-cartaplac .btn.btn-service i.fa, .round-icon-service.header-round-icon-service {
    width: 50px;
    height:  50px;
    margin-top: -25px;
    padding-top: 6px;
}
#services-cartaplac .btn.btn-service .round-icon-service.round-icon-service-cg,
#services-cartaplac .btn.btn-service.btn-service-cg,
#suivi_commande .round-icon-service.round-icon-service-cg,
#suivi_commande .card-header-service-cg,
#parcours_demarche .header-body-page2 .round-icon-service .round-icon-service-cg {
    background: #999;
}
#services-cartaplac .btn.btn-service .round-icon-service.round-icon-service-ahu,
#services-cartaplac .btn.btn-service.btn-service-ahu,
#suivi_commande .round-icon-service.round-icon-service-ahu,
#suivi_commande .card-header-service-ahu {
    background: #1CA438;
}
#suivi_commande .card-header.card-header-service-ahu h2 span.prefix_title_ahu {
    color: #a8dbb2;
}
#services-cartaplac .btn.btn-service .round-icon-service.round-icon-service-permis,
#services-cartaplac .btn.btn-service.btn-service-permis,
#suivi_commande .round-icon-service.round-icon-service-permis,
#suivi_commande .card-header-service-permis {
    background: #E0959A;
}
#services-cartaplac .btn.btn-service .round-icon-service.round-icon-service-accessoires,
#services-cartaplac .btn.btn-service.btn-service-accessoires,
#suivi_commande .round-icon-service.round-icon-service-accessoires,
#suivi_commande .card-header-service-accessoires {
    background: #E20E17;
}
#services-cartaplac .btn.btn-service .round-icon-service.round-icon-service-plaques,
#services-cartaplac .btn.btn-service.btn-service-plaques,
#suivi_commande .round-icon-service.round-icon-service-plaques,
#suivi_commande .card-header-service-plaques {
    background: #097DBD;
}
#services-cartaplac .btn.btn-service .round-icon-service.round-icon-service-critair,
#services-cartaplac .btn.btn-service.btn-service-critair,
#suivi_commande .round-icon-service.round-icon-service-critair,
#suivi_commande .card-header-service-critair {
    background: #885B9A;
}

#service-compta-agence .btn.btn-module-compta-agence {
    font-size: 20px !important;
    color: #000;
}
#service-compta-agence .btn.btn-module-compta-agence h5 {
    font-size: 14px;
    color: #FFF;
    line-height: 1.5em;
}


.header-body-page2 .title-parcours-cg {
    color: #999 !important;
}
.header-body-page2 .title-parcours-permis {
    color: #E0969A !important;
}
.header-body-page2 .title-parcours-plaques {
    color: #097DBD !important;
}
.header-body-page2 .title-parcours-accessoires {
    color: #E20E17 !important;
}
.header-body-page2 .title-parcours-ahu {
    color: #1CA438 !important;
}
.header-body-page2 .i {
    font-size: 62px; 
    color: #ABABAB;
}

#services-cartaplac p.btn-service-intitule {
    font-weight: 100 !important;
    padding:  40px 0 0 0;
    margin:  0;
    width: 100%;
    font-size: 18px;
}
#services-cartaplac i.fa.border-icon-service-permis {
    border:  3px solid #e1969a;
}
#services-cartaplac .bg-service-permis { background: #e1969a; }
#services-cartaplac .text-service-permis { color: #e1969a; }
#services-cartaplac i.fa.border-icon-service-permis { border:  3px solid #e1969a; }
#services-cartaplac i.fa.border-icon-service-cg {
    border:  3px solid #6E84A3;
}
#services-cartaplac i.fa.border-icon-service-recyclimmat {
    border:  3px solid #00D97E;
}
#services-cartaplac i.fa.border-icon-service-accessoires {
    border:  3px solid #E63757;
}
#services-cartaplac i.fa.border-icon-service-plaques {
    border:  3px solid #39AFD1;
}

.card.commandes-contenu p {
    line-height: 1.5em;
    margin-bottom:  0;
}
.card.commandes-contenu  h2 {
    font-size: 18px;
    font-weight: 600;
/*    border-bottom: 2px dotted #ABABAB;*/
    padding:  5px 0;
}
.card-body-round {
    border-radius: 5px;
}
.card.commandes-contenu .details_cmd h2 {
    border-bottom: 0 !important;
    padding: 0;
}
.card.commandes-contenu  h2 small {
    color: #999;
}
.card.commandes-contenu p a {
}
.card.commandes-contenu ul li.list-group-item-permis {
    background: #e1969a;
    color:  #FFF;
}
.card.commandes-contenu ul li.list-group-item-cg {
    background: #999;
    color:  #FFF;
}
.card.commandes-contenu ul li.list-group-item-ahu {
    background: #1CA438;
    color:  #FFF;
}
.card.commandes-contenu ul li.list-group-item-plaques {
    background: #097DBD;
    color:  #FFF;
}
.card.commandes-contenu ul li.list-group-item-accessoires {
    background: #E20E17;
    color:  #FFF;
}
#memo_commande .btn-light:not(:disabled):not(.disabled).active, 
#memo_commande .btn-light:not(:disabled):not(.disabled):active, 
#memo_commande .show>.btn-light.dropdown-toggle,
#charte-recylimmat .btn-light:not(:disabled):not(.disabled).active, 
#charte-recylimmat .btn-light:not(:disabled):not(.disabled):active, 
#charte-recylimmat .show>.btn-light.dropdown-toggle, {
    background: #00D97E;
}

.sidebar-commande {
    align-self: flex-start;
    z-index: 99;
}
#memo_commande .comments_commande {
    max-height: 200px;
    overflow: auto;
    padding-top: 8px;
    border: 1px solid #EBEBEB;
    border-radius: 5px;
    margin: 15px 12px 0 12px;
}
#memo_commande .comments_commande p {
    font-size: 14px !important;
    line-height: 1.5em;
    margin: 3px 0 8px 0;
}
#memo_commande .comments_commande h5 {
    color: #ABABAB;
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 0;
}
#memo_commande .comments_commande .comment {
    padding: 5px 0;
    border-bottom: 1px solid #EBEBEB
}
#memo_commande .comments_commande .comment .badge {
    color: #999 !important;
}

/***** _PARCOURS_COMMANDE *****/
#etape_demarche_filet .etape_demarche .card .card-header.card-header-permis {
    background: #E0959A !important; 
    color: #FFF;
}
#parcours_demarche #etape_demarche_filet {
    border:  1px solid #EBEBEB;
    border-radius: 8px;
    margin-bottom: 20px;
}
#parcours_demarche .etape_demarche {
    padding:  10px;
    border-radius: 8px;
    width: 100%;
    border:  5px solid #FFF;
    border-left: 5px solid #EBEBEB !important;
    transition: .5s;
}
#parcours_demarche .etape_demarche:hover {
    background: #f2f4f7;
    border: 5px solid #EBEBEB;
    color:  #000 !important;
}
#parcours_demarche h2 {
    font-size: 26px;
    font-weight: 100;
    padding-bottom: 8px;
    color: #6E84A3 !important;
}
#parcours_demarche span.etape_parcours {
    display: inline-block;
    float: left;
    /*background: #6E84A3;*/
    /*width:  25px;
    height:  25px;
    border-radius: 50%;
    color:  #FFF;*/
    text-align: center;
    margin:  5px 8px 0 0;
}
#parcours_demarche span.etape_parcours::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400; 
    content: "\f35a";
    font-size: 22px;
    color: #6E84A3;
}
#client_rattache_display {
    font-weight: 100;
}
#parcours_demarche .btn.btn-outline-price {
    color: #00d97e;
    border-color: #00d97e;
}

form#form_create_permis #demarches_permis_epreuves ul li  label {
    color: #666 !important;
}

#etape_demarche_filet .etape_demarche .card .card-header {
    background: transparent !important;
}
#pieces_demarche li a {
    font-size: 20px;
    padding-bottom: 5px;
}

#modal-form-vehicule form label {
    color:  #000 !important;
    margin-bottom:  0;
}
.btn-add-commande {
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.card.card-accessoire {
    border: 1px solid #EBEBEB !important;
}
.card.card-accessoire img {
    max-height: 200px;
}


/***** _SUIVI_COMMANDE *****/
#suivi_commande .card.dossiers_commande_cg {
    background: #6E84A3;
}
#header_suivi_commande .header-dossier {
     padding-top: 10px;
}
#header_suivi_commande .header-dossier a.badge-name-user {
    background: #FFF !important;
    color: #000 !important;
}
#header_suivi_commande .header-dossier .badge {
    font-size: 26px;
}
#header_suivi_commande .header-dossier .badge.badge-commande {
    background: #0BABD4 !important;
}
#suivi_commande .dossiers_commande .dossiers_commande_cg .card-header {
    position: relative;
}
#suivi_commande #collapse_dossier_accessoires h3.display-5,
#suivi_commande #collapse_dossier_plaques h3.display-5,
#suivi_commande #collapse_dossier_permis h3.display-5,
#suivi_commande #collapse_dossier_cg h3.display-5,
#suivi_commande #collapse_dossier_ahu h3.display-5 {
    font-size: 20px !important;
}
#suivi_commande .dossiers_commande .card-header i.border-icon-service-cg,
#suivi_commande .dossiers_commande .card-header i.border-icon-service-permis,
#suivi_commande .dossiers_commande .card-header i.border-icon-service-ahu,
#suivi_commande .dossiers_commande .card-header i.border-icon-service-plaques,
#suivi_commande .dossiers_commande .card-header i.border-icon-service-accessoires {
    position: absolute;
    width: 50px;
    height: 50px;
    border: 2px solid #6e84a3;
    border-radius: 50%;
    top: -20px;
    text-align: center;
/*    padding-top: 7px;*/
    background: #FFF;
}
#suivi_commande .dossiers_commande .card-header i.border-icon-service-permis {
    background: #FFF;
    color: #e1969a !important;
    border: 2px solid #e1969a;
    font-size: 26px;
    padding-top: 9px;
}
#suivi_commande .dossiers_commande .card-header i.border-icon-service-ahu {
    background: #FFF;
    color: #00D97E !important;
    border: 2px solid #00D97E;
    font-size: 26px;
    padding-top: 9px;
}
#suivi_commande .dossiers_commande .card-header i.border-icon-service-plaques {
    background: #FFF;
    color: #0BABD4 !important;
    border: 2px solid #0BABD4;
    font-size: 26px;
    padding-top: 9px;
}
#suivi_commande .dossiers_commande .card-header i.border-icon-service-accessoires {
    background: #FFF;
    color: #E63757 !important;
    border: 2px solid #E63757;
    font-size: 26px;
    padding-top: 9px;
}
#suivi_commande .dossiers_commande .card-header.bg-permis, 
#suivi_commande .dossiers_commande .dropdown .btn.btn-permis,
#suivi_commande #collapse_dossier_permis ul.list-group-flush li .btn.btn-permis {
    background: #e1969a !important;
    border: 0;
}
#suivi_commande .dossiers_commande .card-header.bg-plaques {
    background: #0BABD4 !important;
}
#suivi_commande .dossiers_commande .card-header.bg-ahu, 
#suivi_commande .dossiers_commande .dropdown .btn.btn-ahu,
#suivi_commande #collapse_dossier_ahu ul.list-group-flush li .btn.btn-ahu {
    background: #00d97e !important;
    border: 0;
}
#suivi_commande p.date-enlevement {
    font-size: 14px;
}
#suivi_commande ul.enlevement-ahu {
    position: relative;
    border-radius: 5px
}
#suivi_commande ul.enlevement-ahu #fleche-block-date-enlevement {
    position: absolute;
    left: -28px;
    top: 25px;
    color: #EDF2F9;
}
#suivi_commande .badge.badge-traitement-cg {
    font-size: 12px;
}
#content-suivi-commande ul.nav-tabs {
    border-bottom: 3px solid #FFF !important;
}
#content-suivi-commande ul.nav-tabs li.nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}
#content-suivi-commande .nav-tabs .nav-link:not(.active) {
    /*color: #798fad !important*/
}
#content-suivi-commande .nav-tabs .nav-item.show .nav-link, 
#content-suivi-commande .nav-tabs .nav-link.active {
    color: #6E9EC8 !important;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 0;
/*    border-bottom: 3px solid #0BABD4 !important;*/
}
#content-suivi-commande .nav-tabs .nav-link.active.bg-danger,
#content-suivi-commande .nav-tabs .nav-link.active.bg-warning,
#content-suivi-commande .nav-tabs .nav-link.active.bg-success {
    color: #FFF !important;
}
#content-suivi-commande .nav-tabs .nav-link.bg-danger:not(.active),
#content-suivi-commande .nav-tabs .nav-link.bg-warning:not(.active),
#content-suivi-commande .nav-tabs .nav-link.bg-success:not(.active){
    color: #FFF !important;
}
#content-suivi-commande .nav-tabs li.nav-item {
    margin-bottom: -2px;
}
#content-suivi-commande .badge.badge-cartaplac {
    background: #0babd4;
    margin-top: -4px;
}
#content-suivi-commande .nav-tabs .nav-item a.navigation-tab-dossiers-ahu {
    color: #00D97E !important;
}
#content-suivi-commande #form-permis label {
    color: #000 !important;
    font-size: 20px;
}
#content-suivi-commande #form-permis label.mt-4::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f061";
    margin-right: 5px;
    color: #E3E3E3;
}
#content-suivi-commande #form-permis label.form-check-label {
    font-size: 16px;
    
}
#content-suivi-commande #form-permis ul {
    padding: 0;
}
#content-suivi-commande #form-permis ul li {
    font-size: 16px;
    line-height: 1.5em;
}
#content-suivi-commande #form-permis .subtitle-form {
    background: #E1969A;
    padding: 10px;
    color: #FFF !important;
    font-size: 22px;
    margin: 30px 0 0 0;
    border-radius: 5px;
    font-weight: 100;
}
#content-suivi-commande .comments p, #content-suivi-commande .comments p span.important {
    font-size: 16px;
    line-height: 1.5em !imortant;
    padding: 10px 0;
}
#content-suivi-commande .comments .commentaire_suivi_commande {
    
}
#content-suivi-commande .comments .commentaire_suivi_commande .date_commentaire_suivi_commande {
    font-style: italic;
    padding-bottom: 0;
    font-weight: 100 !important;
}

#modal_paiement_agence #accordion ul li h2 {
    margin-bottom: 0;
}
#modal_paiement_agence span.modal_paiement_agence_paiement_remboursement {
    text-transform: uppercase;
}
#modal_paiement_agence .modal-header, .modal .modal-header {
    display: block;
}
#modal_paiement_agence .modal-header h1 {
    width: 100% !important;
}
#modal_paiement_agence .mode_paiement span {
    color: #6E84A3;
}
.modal-body.modal-details-outitel {
    overflow: auto;
    height: 600px;
}

#modal_retour_tests input, #modal_retour_tests textarea {
    font-size: 18px !important;
}

#listing-encaissements-agence span.badge.badge-show-hide {
    position: absolute;
    top: 0;
    right: 10px;
}


/****** _OUTILTEL *****/
form#form_outiltel .listing-demandes-outiltel {
    height: 550px;
    overflow: auto;
    /*border: 1px solid #EBEBEB;
    border-radius: 5px;
    padding: 10px 0 10px 10px;*/
}
#outiltel .card .card-header {
    background: #EBEBEB;
    margin-bottom: 1px;
}
#outiltel .card .card-header button {
    color: #000;
    font-size: 18px;
}
#outiltel .card .collapse {
    border-bottom: 2px solid #e3ebf6 !important;
}
#outiltel .card label {
    color: #999;
}
#outiltel ul#liste-partenaires li p {
    line-height: 1.5em;
}
#outiltel ul.list-group-partenaires {
    overflow: auto;
    height: 250px;
}
#outiltel #historique_demandes .module-historique-demande {
    padding: 10px;
}
#outiltel #historique_demandes .card .card-body {
    max-height: 250px;
    overflow: auto;
}
form#form_outiltel h3, 
form#form_outiltel label, 
form#form_outiltel form label, 
form#form_ahu label, 
form#form_plaques_accessoires label, 
form#form_partenariat label,
form#form_commentaire label {
    font-size: 16px !important;
    font-weight: 100 !important;
}
#form_outiltel #partenaires select.form-control {
    color: #B1C2D9 !important;
}
#form_outiltel #partenaires ul#partenaires_assurimmat, #form_outiltel #partenaires ul#partenaires_proimmat {
    height: 250px;
    overflow: auto;
}

@media print {
    #header-nav, #footer, .header-body-page2, #search-saisies-cert, a.btn {
        display: none;
    }
}