diff --git a/Bootstrap_new/css/custom.css b/Bootstrap_new/css/custom.css index d7e8beba..3032fc29 100755 --- a/Bootstrap_new/css/custom.css +++ b/Bootstrap_new/css/custom.css @@ -1,27 +1,18 @@ .sidebar, .sidebar-nav .nav-link.collapsed{ background:#3473ac; - color:white + color:white; + width: 100%; } - /* .sidebar-nav .nav-content a{ - color:green - } */ - [aria-expanded="true"] { - /* Styles à appliquer lorsque aria-expanded="true" */ - /* Par exemple : */ - /* background-color: white !important; - font-weight: bold !important; - color:#286090 !important; */ - /* text-transform: uppercase; */ - } - .sidebar-nav .nav-content a { + + +.sidebar-nav .nav-content a { color:white } + .active-submenu{ color:black !important; - width:250px; + width:150px; font-weight: 700; - /* background:#857a7a */ - /* text-decoration: underline; */ } .active-submenu:hover{ @@ -33,9 +24,9 @@ color:white } .sidebar-nav .nav-content a:hover{ - color:grey !important + color:#cac2a4 !important; /* background:grey !important */ - + font-weight: bold !important; } .nav-item:hover .bi, .nav-item:hover .bx, .nav-item:hover .collapsed{ @@ -109,10 +100,6 @@ visibility:hidden margin-right:2px; } -.active-main{ -color: red; -} - /* style la barre de navigation horizontale */ div.scrollmenu { @@ -209,7 +196,7 @@ padding:5px } .sidebar-nav .nav-link{ -width:180px +width:190px } #main{ @@ -256,11 +243,3 @@ opacity: 1; .main-dashboard{ margin-top: 60px; } - - - - - - - - diff --git a/Bootstrap_new/css/simple-sidebar.css b/Bootstrap_new/css/simple-sidebar.css deleted file mode 100755 index 9fe527b1..00000000 --- a/Bootstrap_new/css/simple-sidebar.css +++ /dev/null @@ -1,127 +0,0 @@ -/*! - * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com) - * Code licensed under the Apache License v2.0. - * For details, see http://www.apache.org/licenses/LICENSE-2.0. - */ - -/* Toggle Styles */ - -#wrapper { - padding-left: 0; - -webkit-transition: all 0.5s ease; - -moz-transition: all 0.5s ease; - -o-transition: all 0.5s ease; - transition: all 0.5s ease; -} - -#wrapper.toggled { - padding-left: 250px; -} - -#sidebar-wrapper { - z-index: 1000; - position: fixed; - left: 250px; - width: 0; - height: 100%; - margin-left: -250px; - overflow-y: auto; - background: rgba(0, 0, 255,0.2); - -webkit-transition: all 0.5s ease; - -moz-transition: all 0.5s ease; - -o-transition: all 0.5s ease; - transition: all 0.5s ease; -} - -#wrapper.toggled #sidebar-wrapper { - width: 250px; -} - -#page-content-wrapper { - width: 100%; - position: absolute; - padding: 15px; -} - -#wrapper.toggled #page-content-wrapper { - position: absolute; - margin-right: -250px; -} - -/* Sidebar Styles */ - -.sidebar-nav { - position: fixed; - width: 16.5%; - margin: 0; - padding: 0; - list-style: none; - height: 100%; -} - -.sidebar-nav li { - text-indent: 20px; - /* - line-height: 40px; - */ - line-height: 25px;} - -.sidebar-nav li a { - display: block; - text-decoration: none; - color: #999999; -} - -.sidebar-nav li a:hover { - text-decoration: none; - color: #fff; - background: rgba(255,255,255,0.2); -} - -.sidebar-nav li a:active, -.sidebar-nav li a:focus { - text-decoration: none; -} - -.sidebar-nav > .sidebar-brand { - height: 55px; - font-size: 18px; - line-height: 50px; -} - -.sidebar-nav > .sidebar-brand a { - color: #999999; -} - -.sidebar-nav > .sidebar-brand a:hover { - color: #fff; - background: rgba(0, 0, 255,0.2); -} - -@media(min-width:768px) { - #wrapper { - padding-left: 250px; - } - - #wrapper.toggled { - padding-left: 0; - } - - #sidebar-wrapper { - width: 250px; - } - - #wrapper.toggled #sidebar-wrapper { - width: 0; - } - - #page-content-wrapper { - padding: 20px; - position: relative; - } - - #wrapper.toggled #page-content-wrapper { - position: relative; - margin-right: 0; - } -} diff --git a/Bootstrap_new/css/style - 19 01 05.css b/Bootstrap_new/css/style - 19 01 05.css deleted file mode 100755 index 9c6fc867..00000000 --- a/Bootstrap_new/css/style - 19 01 05.css +++ /dev/null @@ -1,184 +0,0 @@ -body { - /* padding-top: 65px; */ - /*padding-top: 55px;*/ - /* Modifié le 15/11/2018 après deplacement bouton mot de passe*/ - padding-top: 51px; -} - -.container-fluid { - position: relative; - padding-right: 0px; - padding-left: 0px; - margin-top: 8px; - margin-right: 0px; - margin-left: 0px; -} - -.navbar { - margin-bottom: 0; - border-radius: 0; -} - -.row.content {height: 100%} - -.sidenav { - padding-top: 0px; - padding-left: 0px; - background-color: rgb(40,96,144); - height: 100%; - margin-bottom: 0px; -} - -.navbar-inverse{ - background-color: rgba(0,0,255,0.2) - border-color:#080808 -} - -.sidebar-nav > li > a { - padding: 0px; - height: 100%; -} - -footer { - background-color: #555; - color: white; - padding: 15px; -} - -@media screen and (max-width: 767px) { - .sidenav { - height: auto; - padding-left: 15px; - padding-right: 0px; - } - .row.content {height:auto;} -} - -.table > thead > tr > th, -.table > tbody > tr > th, -.table > tfoot > tr > th, -.table > thead > tr > td, -.table > tbody > tr > td, -.table > tfoot > tr > td { - padding: 2px; - padding-left: 1px; - line-height: 1; - vertical-align: middle; - border-top: 1px solid #ddd; -} -.table-hover > tbody > tr:hover { - background-color: #FCD7D5; - font-style: italic; - cursor: pointer; -} -.table > thead, -.table > tfoot -{ - background-color: #4CAF50; - color: white; -} - -legend { - margin-bottom: 5px; -} - -.form-group { - margin-bottom: 2px; -} - - -.form-control { - height: 27px; - font-size: 10px; - line-height: 1; -} - -.table { - background-color:rgb(223,242,255); -} - -.table, -.table-striped, -.table-bordered, -.table-hover, -.table-condensed, -.table-responsive { - font-size: 8pt; -} - -.sidebar-nav li a:hover { - color: rgb(255,255,0); -} - -.navbar-nav li a:hover { - background-color: rgb(40,96,144); -} - -#barre_laterale_d { - position: fixed; - width: 8.25%; - right: 0; - padding: 0; - list-style: none; - height: 100%; -} - -.container { - padding-right: 0px; - padding-left: 0px; - margin-right: 0; - margin-left: 0; -} - -hr { - /* - margin-top:5px; - margin-bottom:5px; - */ - margin-top:2px; - margin-bottom:2px; - border:0; - border-top:1px solid #eee -} - -tfoot { - font-weight: bold; -} - -.table { - margin-bottom: 5px; -} - -.sidebar-nav { - width: 8.25%; - font-size: 11px; -} - -#div_pied_page -{ - position: fixed; - bottom: 0; - width: 91%; - clear:both; - background-color: #4CAF50; - color: white; -} - -#div_export -{ - padding-top:200px; -} - - -#reglement -{ - position: fixed; - width:83.25%; - background-color: rgba(0,0,255,1); - opacity: 1; -} - -#detail_reglement -{ - padding-top:159px; -} diff --git a/Bootstrap_new/css/style.css b/Bootstrap_new/css/style.css deleted file mode 100755 index 0326f5e8..00000000 --- a/Bootstrap_new/css/style.css +++ /dev/null @@ -1,819 +0,0 @@ -body { - /* padding-top: 65px; */ - /*padding-top: 55px;*/ - /* Modifié le 15/11/2018 après deplacement bouton mot de passe*/ - padding-top: 51px; -} - -.container-fluid { - position: relative; - padding-right: 0px; - padding-left: 0px; - margin-top: 8px; - margin-right: 0px; - margin-left: 0px; -} - -.navbar { - margin-bottom: 0; - border-radius: 0; -} - -.row.content {height: 100%} - -.sidenav { - padding-top: 0px; - padding-left: 0px; - background-color: rgb(41,97,146); - height: 100%; - margin-bottom: 0px; -} - -.navbar-inverse{ - border-color:#080808; -} - -/* -.sidebar-nav > li > a { - padding: 0px; - height: 100%; -} -*/ - -footer { - background-color: #555; - color: white; - padding: 15px; -} - -@media screen and (max-width: 767px) { - .sidenav { - height: auto; - padding-left: 15px; - padding-right: 0px; - } - .row.content {height:auto;} - - #div_btn_print{ - width: 27% !important; - position: absolute; - top: 58% !important; - left:15% !important; - transform: translate(-50%, -50%); - z-index: 1000; - } - - -} - - -@media screen and (max-width: 480px) { - /* Les règles CSS à l'intérieur de cette déclaration s'appliqueront pour les écrans de 480px ou moins */ - * { - font-size:6pt !important; - white-space:nowrap !important; - } - - .form-control{ - font-size:6pt !important; - overflow: auto !important; - white-space: nowrap !important; - } - /* Ajoutez d'autres règles CSS ici */ -} - -.table > thead > tr > th, -.table > tbody > tr > th, -.table > tfoot > tr > th, -.table > thead > tr > td, -.table > tbody > tr > td, -.table > tfoot > tr > td { - padding: 2px; - padding-left: 1px; - line-height: 1; - vertical-align: middle; - border-top: 1px solid #ddd; -} -.table-hover > tbody > tr:hover { - background-color: #FCD7D5; - font-style: italic; - cursor: pointer; -} -.table > thead, -.table > tfoot -{ - background-color: #4CAF50; - color: white; -} - -legend { - margin-bottom: 5px; - background-color: #4caf50; - color: #fff; - text-align:center; - padding: 3px 6px; - font-size:13pt; - font-weight: bold; - text-transform: uppercase; - display:block; - width: 100%; - white-space:nowrap; - overflow:auto; -} - -.sous-legend { - margin-bottom: 10px; - background-color: #a6a6a6; /*rgb(40,96,144);*/ - color: #fff; - padding: 3px 6px; - font-size:13pt; - font-weight: bold; - text-transform: uppercase; - display:block; - width: 100%; -} - -.form-group { - margin-bottom: 2px; -} - - -.form-control { - height: 27px; - font-size: 10px; - line-height: 1; -} - -.table { - background-color:rgb(223,242,255); -} - -.table, -.table-striped, -.table-bordered, -.table-hover, -.table-condensed, -.table-responsive { - font-size: 10pt; -} - -.sidebar-nav li a:hover { - color: rgb(255,255,0); -} - -.navbar-nav li a:hover { - /*background-color: rgb(41,97,146);*/ - background-color: #4caf50; -} - -#barre_laterale_d { - position: fixed; - width: 8.25%; - right: 0; - padding: 0; - list-style: none; - height: 100%; -} - -.container { - padding-right: 0px; - padding-left: 0px; - margin-right: 0; - margin-left: 0; -} - -hr { - /* - margin-top:5px; - margin-bottom:5px; - */ - margin-top:2px; - margin-bottom:2px; - border:0; - border-top:1px solid #eee -} - -tfoot { - font-weight: bold; -} - -.table { - margin-bottom: 5px; -} - -.sidebar-nav { - width: 10%; - font-size: 11px; -} - -#div_pied_page -{ - position: fixed; - bottom: 0; - width: 91%; - clear:both; - background-color: #4CAF50; - color: white; -} - -#div_export -{ - padding-top:200px; -} - - -#reglement -{ - /* - position: fixed; - width:83.25%; - */ - - - background-color: rgba(0,0,255,1); - opacity: 1; - -} - -#detail_reglement -{ - /*padding-top:159px;*/ -} - -input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button -{ - padding: 1px 1px; -} -/* -#div_entete_prime_a_facture -{ - position: fixed; - width:83.25%; - background-color: rgba(0,0,255,1); - opacity: 1; -} - -#div_detail_prime_a_facture -{ - padding-top:80px; -} -*/ -/* - 06/08/2020s -*/ -.modal-footer{ - text-align: center; -} - - -.majuscule{ - text-transform: uppercase; - } - -.firstLetter::first-letter{ - text-transform: capitalize; -} - -.contenant{ - position:absolute; - width:100%; - border-radius: 2px; -} - -.contenant-onglets{ - width: 100%; - margin-top : -5px; - display: flex; -} - -.onglets{ - width: 60%; - display: flex; - justify-content: center; - align-items: center; - font-weight:900; - cursor: pointer; - background: #dff2ff; - color:#000; - -} - - -.onglets::not(:nth-child(2)){ - border: 1px outset #e5e5e5; - -} - -.contenu{ - width: 100%; - position: absolute; - top:35px; - opacity:0; -} - -.active{ - transition: all 0.3s ease; - border: 1px outset #e5e5e5; - background: #dddddd; -} - -#div_liste h3, -#div_prestataire_1 h3, -#div_prestataire_2 h3, -#div_medecin_1 h3, -#div_medecin_2 h3, -#div_garantiesproductionlienparente_1 h3 -#div_garantiesproductionlienparente_2 h3, -.modal-header h3 -{ - margin:0px; - padding:0px; -} - -.modal-header h3{ - text-align:center; -} - -.activeContenu{ - animation: fade 0.5s forwards; - border: 1px outset #e5e5e5; - background: #dddddd; -} - -.activeContenu > table { - background: #dddddd; -} - -/* -.activeContenu > .table > thead > tr > th, -.activeContenu > .table > tbody > tr > th, -.activeContenu > .table > tfoot > tr > th, -.activeContenu > .table > thead > tr > td, -.activeContenu > .table > tbody > tr > td, -.activeContenu > .table > tfoot > tr > td { - padding: 2px; - padding-left: 1px; - vertical-align: middle; -} -*/ - -.activeContenu table { - border: none; - border-collapse: collapse; - border-spacing: 0px; -} - - -@keyframes fade{ - from{ - opacity: 0; - } - to{ - opacity: 1; - } -} - -#formData{ - border: 1px solid #dddddd; - margin: 5px; - padding: 5px; - background-color: #dff2ff; -} - -#titre_formData{ - text-align: center; - font-size: 13pt; - font-weight: bold; -} - -#btn-action, -#btn-fermer{ - position: relative; -} - -.btn{ - font-size: 12px; -} - -#btn-action{ - margin-left: 2px; -} - -.div_list_puce{ - margin-top:20px; -} - - -.div_list_puce li { - font-family: Arial, sans-serif; - font-size: 100%; - color: black; - display : list-item; - list-style-image : url("../images/folder.png"); - margin-left: 12px; -} - -.div_list_puce li a{ - margin-top: 0px; - display:block; - margin-bottom: 40px; -} - -input:required:focus, -select:required:focus, -textarea:required:focus{ - border: 1px solid red; -} - -#div_prestataire_1, -#div_prestataire_2, -#div_garantiesproductionlienparente_1, -#div_garantiesproductionlienparente_2, -#div_prime_categorie, -#div_garanties_status, -#div_non_exclus, -#div_exclus -{ - float:left; - border: solid 1px #dddddd; -} - -#div_particularite_status -{ - position: absolute; - top:510px; - left:5px; - width:55%; - margin-right:6px; -} - -#div_duppliquer_statut -{ - position: absolute; - top:635px; - left:5px; - width:55%; - margin-right:6px; -} - - -#div_prestataire_1, -#div_garantiesproductionlienparente_1, -#div_non_exclus -{ - width:53%; - margin-right:28px; - -} - -#div_garantiesproductionlienparente_2, -#div_prestataire_2, -#div_exclus -{ - width:44%; -} - -#div_prime_categorie -{ - width:100%; - margin-right:6px; - -} - - - -#div_garanties_status -{ - width:44%; -} - -#tab_prestataire_1, -#tab_prestataire_2, -#tab_ent_prestataire_1, -#tab_ent_prestataire_2, -#tab_garantiesproductionlienparente_1, -#tab_garantiesproductionlienparente_2, -#tab_ent_garantiesproductionlienparente_1, -#tab_ent_garantiesproductionlienparente_2, -#tab_prime_categorie -{ - width:100%; -} - - - -.required:after { - content:" *"; - color: red; - - } - -label.inline { - display:inline; - margin-right:70px; -} - -#tabfiltre{ - background-color:rgb(223,242,255); -} - -caption -{ - margin:0px; - padding:0px; - background-color:#ddd; - text-align:center -} - -.btn_click{ - background-color:purple; -} - -.btn_attente{ -font-weight: bold; -text-shadow: 0 1px 0 white; -border-radius: 3px; -padding: 5px 10px; -border: 1px solid #DDD; -box-shadow:0px 0px 10px #4183C4; --webkit-animation-name: clignote; //on affecte l'animation clignote à notre bouton --webkit-animation-duration: 1s; //on définit la durée de l'animation à 1s --webkit-animation-iteration-count:infinite; //on dit que l'animation se répétera à l'infini. -} - -@-webkit-keyframes clignote { -0%{box-shadow:0px 0px 10px #4183C4;} -50%{box-shadow:0px 0px 0px #4183C4;} -100%{box-shadow:0px 0px 10px #4183C4;} -} - -.btn-clignote { - animation-duration: .8s; - animation-name: clignoter; - animation-iteration-count: infinite; - transition: none; -} -@keyframes clignoter { - 0% { opacity:1; } - 40% {opacity:0; } - 100% { opacity:1; } -} - -.gras{ - font-weight:bold; - font-size:10pt; -} - -div_affichage_benef a:hover{ - background-color:#726a57; -} - -#onglets li a.active -{ - background-color: #4caf50; - color : #fff; - font-weight:bold; - -} - -/* - 20-04-2023 - - -* { - box-sizing: border-box; -} - - -body { - font-family: "Open Sans"; - background: #2c3e50; - color: #ecf0f1; - line-height: 1.618em; -} -*/ -.wrapper { - max-width: 100%; - width: 100%; - margin: 0 auto; -} - - -.tabs { - position: relative; - margin: 1rem 0; - /*background: #1abc9c;*/ - height: 14.75rem; - -} -.tabs::before, -.tabs::after { - content: ""; - display: table; - -} -.tabs::after { - clear: both; -} -.tab { - float: left; -} -.tab-switch { - display: none; -} -.tab-label { - position: relative; - display: block; - line-height: 2.75em; - height: 3em; - padding: 0 1.618em; - background: #d3d3d3; - color: #fff; - cursor: pointer; - top: 0; - transition: all 0.25s; - font-size:10pt; - font-weight: bold; - border-right: 2px solid #c0c0c0; - height: 14.75rem; - border-radius: 10px 10px; -} -.tab-label:hover { - top: -0.75rem; - transition: top 0.25s; -} -.tab-content { - position: absolute; - z-index: 1; - top: 2.75em; - left: 0; - padding: 1.618rem; - background: #dff2ff; - color: #2c3e50; - border-bottom: 0.25rem solid #bdc3c7; - opacity: 0; - transition: all 0.35s; - width: 100%; -} -.tab-switch:checked + .tab-label { - background: #dff2ff; - color: #2c3e50; - border-bottom: 0; - border-right: 0.125rem solid #fff; - transition: all 0.35s; - z-index: 1; - top: -0.0625rem; - height: 14.75rem; -} -.tab-switch:checked + label + .tab-content { - z-index: 2; - opacity: 1; - transition: all 0.35s; -} - - -.frmSearch { - width: 100%; - padding: 10px; - background: #baebe1; -} - -#element-list { - list-style-type: none; - margin: 0; - padding: 0; - width: 100%; -} - -#element-list li { - padding: 10px; - background: #FFF; - border-bottom: #F0F0F0 1px solid; -} - -#element-list li:hover { - background:#F0F0F0; - cursor: pointer; - cursor: hand; -} - -#searchInput, -#searchInputActe, -#searchInputLienparente { - padding: 10px; -} - -/* 15-05-2023*/ -.button span { - cursor: pointer; - display: inline-block; - position: relative; - transition: 0.5s; -} - -.button span:after { - content: '\00bb'; - position: absolute; - opacity: 0; - top: 0; - right: -20px; - transition: 0.5s; -} - -/* -.button:hover span { - padding-right: 25px; -} -*/ -.button:hover span:after { - opacity: 1; - right: 0; -} - -/*25-05-2023*/ -.div_selection_list{ - position:absolute; - z-index:999; - height:250px; - width:35%; - overflow: auto; -} - -#div_selection_acte, -#div_selection, -#div_selection_prestataire, -#div_selection_lienparente{ - position:absolute; - z-index:999; - height:250px; - overflow: auto; -} - -.span_link{ - color:#000; - background-color:#eeeeee; - border:1px solid #000; - border-radius:3px; - padding:2px; - display:block; - margin:auto; - text-align: center; - width:100%; -} - -.a_link{ - outline: none; - text-decoration: none; -} - -#chemin{ - font-size:11pt; - color: #fff; - background-color:#4caf50; - -} - -.scrollable-div { - /*width: 300px; Largeur de la div */ - height: 30vh; /* Hauteur de la div */ - overflow: auto; /* Ajoute une barre de défilement si nécessaire */ -} - -.scrollable-div-encaisse { - /*width: 300px; Largeur de la div */ - height: 43vh; /* Hauteur de la div */ - overflow: auto; /* Ajoute une barre de défilement si nécessaire */ -} - -#div_liste_facture_garant { - /*width: 600px; Largeur de la div */ - height: 42vh; /* Hauteur de la div */ - overflow: auto; /* Ajoute une barre de défilement si nécessaire */ -} - -#div_btn_print { - width: 52%; - position: absolute; - top: 58%; - left:53%; - transform: translate(-50%, -50%); - z-index: 1000; -} - -.vip{ - background-color:red; - font-size:14pt; - text-align:center; - color:#fff; - font-weight:bold; -} - -.tab-container { - width: 100%; - overflow: auto; -} - -.nav-item{ - border-right:1px solid #ddd; -} - diff --git a/Bootstrap_new/css/style_moderne.css b/Bootstrap_new/css/style_moderne.css deleted file mode 100644 index 1c63040f..00000000 --- a/Bootstrap_new/css/style_moderne.css +++ /dev/null @@ -1,1148 +0,0 @@ -/* ========================================================================== - STYLE MODERNE - PORTAL GESTIONNAIRE - Couleur thème: #0088cf - Couleur fond: #f6f9ff - ========================================================================== */ - -:root { - --primary-color: #0088cf; - --primary-dark: #0066a6; - --primary-light: #4da6e0; - --secondary-color: #6c757d; - --success-color: #28a745; - --danger-color: #dc3545; - --warning-color: #ffc107; - --info-color: #17a2b8; - --light-color: #f8f9fa; - --dark-color: #343a40; - --body-bg: #f6f9ff; - --sidebar-bg: #ffffff; - --header-bg: #ffffff; - --card-bg: #ffffff; - --border-color: #e0e6ef; - --shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); - --shadow-md: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); - --shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); - --border-radius: 0.375rem; - --border-radius-lg: 0.5rem; - --transition: all 0.3s ease; -} - -/* ========================================================================== - RESET & BASE - ========================================================================== */ - -* { - box-sizing: border-box; - margin: 0; - padding: 0; -} - -html, body { - height: 100%; -} - -body { - font-family: 'Segoe UI', 'Open Sans', sans-serif; - background-color: var(--body-bg); - color: #333; - font-size: 0.875rem; - line-height: 1.5; - overflow-x: hidden; - display: flex; - flex-direction: column; - min-height: 100vh; -} - -/* ========================================================================== - HEADER - ========================================================================== */ - -.header { - background: var(--header-bg) !important; - box-shadow: var(--shadow-sm); - border-bottom: 1px solid var(--border-color); - height: 60px; - padding: 0 1.5rem; - z-index: 1030; - position: fixed; - top: 0; - left: 0; - right: 0; -} - -.logo { - font-weight: 700; - font-size: 1.25rem; - color: var(--primary-color); - text-decoration: none; - display: flex; - align-items: center; -} - -.logo img { - height: 32px; - margin-right: 0.75rem; -} - -.logo span { - background: linear-gradient(90deg, var(--primary-color), var(--primary-light)); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - background-clip: text; -} - -/* ========================================================================== - NOTIFICATIONS - ========================================================================== */ - -.badge-number { - position: absolute; - top: -5px; - right: -5px; - min-width: 18px; - height: 18px; - font-size: 0.65rem; - padding: 0.15rem 0.35rem; - border-radius: 50%; - background: var(--danger-color) !important; - border: 2px solid white; -} - -/* ========================================================================== - SIDEBAR - ========================================================================== */ - -.sidebar { - background: var(--sidebar-bg); - box-shadow: var(--shadow-md); - width: 260px; - transition: var(--transition); - z-index: 1020; - position: fixed; - top: 60px; - left: 0; - bottom: 0; - overflow-y: auto; -} - -.sidebar-nav { - padding: 1rem 0; -} - -.nav-item { - margin-bottom: 0.25rem; -} - -.nav-link { - color: #495057; - padding: 0.75rem 1.5rem; - border-radius: 0; - border-left: 3px solid transparent; - transition: var(--transition); - font-weight: 500; - display: block; - text-decoration: none; -} - -.nav-link:hover { - background-color: rgba(0, 136, 207, 0.05); - color: var(--primary-color); - border-left-color: var(--primary-color); -} - -.nav-link.active-main, -.nav-link.active-submenu { - background-color: rgba(0, 136, 207, 0.1); - color: var(--primary-color); - border-left-color: var(--primary-color); - font-weight: 600; -} - -.nav-link i { - width: 20px; - text-align: center; - margin-right: 0.75rem; - color: var(--primary-color); -} - -.nav-content { - background-color: rgba(0, 136, 207, 0.03); - padding: 0.5rem 0; - border-left: 2px solid var(--border-color); - display: none; -} - -.nav-content.show { - display: block; -} - -.nav-content a { - padding-left: 3.5rem !important; - font-size: 0.8125rem; - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - -/* ========================================================================== - MAIN CONTENT - ========================================================================== */ - -.main { - padding: 1.5rem; - margin-left: 260px; - margin-top: 60px; - transition: var(--transition); - min-height: calc(100vh - 60px); - flex: 1; -} - -/* ========================================================================== - GABARIT SPECIFIC STYLES - ========================================================================== */ - -/* Main container */ -.main-container { - margin-top: 60px; -} - -/* Secondary navigation */ -.secondary-nav-container { - flex-wrap: nowrap; -} - -.nav-link-sub { - min-width: 150px; - white-space: nowrap; - border-right: 1px solid var(--border-color); - padding: 1rem 1.5rem; - text-decoration: none; - color: var(--dark-color); - text-align: center; - transition: all 0.3s ease; -} - -.nav-link-sub:hover { - background-color: rgba(0, 136, 207, 0.05); -} - -.nav-link-sub.active { - background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)); - color: white !important; - font-weight: 600; -} - -.nav-link-sub:last-child { - border-right: none; -} - -/* ========================================================================== - TABLES - ========================================================================== */ - -.table-modern { - background: white; - border-radius: var(--border-radius); - overflow: hidden; - box-shadow: var(--shadow-sm); - border: 1px solid var(--border-color); - width: 100%; - margin-bottom: 1rem; - border-collapse: collapse; -} - -.table-modern thead th { - background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)); - color: white; - border: none; - padding: 0.75rem 1rem; - font-weight: 600; - font-size: 0.8125rem; - text-transform: uppercase; - letter-spacing: 0.5px; - text-align: left; -} - -.table-modern tbody tr { - transition: var(--transition); - border-bottom: 1px solid var(--border-color); -} - -.table-modern tbody tr:last-child { - border-bottom: none; -} - -.table-modern tbody tr:hover { - background-color: rgba(0, 136, 207, 0.05); - transform: translateY(-1px); -} - -.table-modern tbody td { - padding: 0.75rem 1rem; - border-top: 1px solid var(--border-color); - vertical-align: middle; -} - -/* ========================================================================== - CARDS - ========================================================================== */ - -.card-modern { - border: none; - border-radius: var(--border-radius-lg); - box-shadow: var(--shadow-sm); - transition: var(--transition); - background: var(--card-bg); - overflow: hidden; - margin-bottom: 1.5rem; -} - -.card-modern:hover { - box-shadow: var(--shadow-md); - transform: translateY(-2px); -} - -.card-modern .card-header { - background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)); - color: white; - border: none; - padding: 1rem 1.25rem; - font-weight: 600; -} - -.card-modern .card-body { - padding: 1.25rem; -} - -/* ========================================================================== - BUTTONS - ========================================================================== */ - -.btn-modern { - border-radius: var(--border-radius); - padding: 0.5rem 1.25rem; - font-weight: 500; - transition: var(--transition); - border: none; - cursor: pointer; - display: inline-block; - text-align: center; - text-decoration: none; -} - -.btn-primary-modern { - background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)); - color: white; -} - -.btn-primary-modern:hover { - background: linear-gradient(135deg, var(--primary-dark), var(--primary-color)); - color: white; - transform: translateY(-1px); - box-shadow: var(--shadow-md); -} - -/* ========================================================================== - FORMS - ========================================================================== */ - -.form-control-modern { - border: 1px solid var(--border-color); - border-radius: var(--border-radius); - padding: 0.5rem 0.75rem; - transition: var(--transition); - font-size: 0.875rem; - width: 100%; - background-color: white; -} - -.form-control-modern:focus { - border-color: var(--primary-color); - box-shadow: 0 0 0 0.2rem rgba(0, 136, 207, 0.25); - outline: none; -} - -/* ========================================================================== - CONTEXT BAR (BARRE LATERALE D) - UNIFIED VERSION - ========================================================================== */ - -/* Context Panel */ -#barre_laterale_d { - background: white; - width: 300px; - border-left: 1px solid var(--border-color); - box-shadow: var(--shadow-md); - padding: 1.5rem; - overflow-y: auto; - position: fixed; - right: 0; - top: 60px; - height: calc(100vh - 60px); - z-index: 1010; - transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); - transform: translateX(100%); - display: flex; - flex-direction: column; -} - -#barre_laterale_d.active { - transform: translateX(0); -} - -/* Context toggle button */ -.btn-context-toggle { - position: fixed; - right: 0; - top: 50%; - transform: translateY(-50%); - z-index: 1005; - border-radius: 20px 0 0 20px; - padding: 12px 8px; - background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)); - color: white; - border: none; - cursor: pointer; - box-shadow: var(--shadow-md); - transition: all 0.3s ease; - display: flex; - align-items: center; - justify-content: center; -} - -.btn-context-toggle:hover { - right: 5px; - background: linear-gradient(135deg, var(--primary-dark), var(--primary-color)); -} - -.btn-context-toggle i { - font-size: 1.2rem; - margin: 0 2px; -} - -/* Hide context button when panel is active */ -#barre_laterale_d.active ~ .btn-context-toggle { - display: none; -} - -/* Context Panel internal structure */ -.context-panel { - display: flex; - flex-direction: column; - height: 100%; -} - -.context-header { - flex-shrink: 0; -} - -.context-body { - flex: 1; - overflow-y: auto; -} - -.context-footer { - flex-shrink: 0; -} - -.context-card { - margin-bottom: 1rem; -} - -.context-card .card-header { - padding: 0.5rem 1rem; -} - -.context-card .card-body { - padding: 1rem; -} - -/* Context Panel specific elements */ -.context-scrollable { - max-height: calc(100vh - 180px); - overflow-y: auto; -} - -.context-button { - transition: all 0.2s ease; -} - -.context-button:hover { - transform: translateY(-1px); - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); -} - -.context-text-truncate { - display: block; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - max-width: 100%; -} - -.context-text-truncate-long { - display: block; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - max-width: 100%; -} - -.context-photo { - width: 120px; - height: 120px; - object-fit: cover; - cursor: pointer; - transition: transform 0.3s ease; - border: 3px solid var(--primary-color); -} - -.context-photo:hover { - transform: scale(1.05); -} - -.context-stats-item { - min-height: 60px; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -} - -.context-list { - max-height: 200px; - overflow-y: auto; -} - -.context-list-item { - border-bottom: 1px solid var(--border-color) !important; -} - -.context-list-item:last-child { - border-bottom: none !important; -} - -.context-list-item:hover { - background-color: rgba(0, 136, 207, 0.05); -} - -.context-badge-index { - width: 24px; - height: 24px; - font-size: 0.7rem; -} - -.context-action-button { - min-height: 38px; - display: flex; - align-items: center; - justify-content: center; -} - -/* ========================================================================== - MODALS - ========================================================================== */ - -.modal.fade .modal-dialog { - transition: transform 0.3s ease-out; -} - -/* Modal specific styles */ -.modal-messages-content { - max-height: 400px; - overflow-y: auto; -} - -.modal-photo-image { - max-height: 80vh; - object-fit: contain; -} - -/* ========================================================================== - ANIMATIONS - ========================================================================== */ - -@keyframes fadeIn { - from { opacity: 0; transform: translateY(10px); } - to { opacity: 1; transform: translateY(0); } -} - -.fade-in { - animation: fadeIn 0.3s ease-out; -} - -@keyframes spin { - 0% { transform: rotate(0deg); } - 100% { transform: rotate(360deg); } -} - -@keyframes pulse { - 0% { - transform: scale(1); - box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7); - } - 70% { - transform: scale(1.05); - box-shadow: 0 0 0 10px rgba(220, 53, 69, 0); - } - 100% { - transform: scale(1); - box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); - } -} - -/* ========================================================================== - SCROLLBAR - ========================================================================== */ - -::-webkit-scrollbar { - width: 8px; - height: 8px; -} - -::-webkit-scrollbar-track { - background: #f1f1f1; - border-radius: 4px; -} - -::-webkit-scrollbar-thumb { - background: #c1c1c1; - border-radius: 4px; -} - -::-webkit-scrollbar-thumb:hover { - background: #a8a8a8; -} - -/* ========================================================================== - STATUS INDICATORS - ========================================================================== */ - -.status-active { - color: var(--success-color); - background-color: rgba(40, 167, 69, 0.1); - padding: 0.25rem 0.5rem; - border-radius: 50px; - font-size: 0.75rem; - font-weight: 500; - display: inline-block; -} - -.status-inactive { - color: var(--secondary-color); - background-color: rgba(108, 117, 125, 0.1); - padding: 0.25rem 0.5rem; - border-radius: 50px; - font-size: 0.75rem; - font-weight: 500; - display: inline-block; -} - -.status-warning { - color: var(--warning-color); - background-color: rgba(255, 193, 7, 0.1); - padding: 0.25rem 0.5rem; - border-radius: 50px; - font-size: 0.75rem; - font-weight: 500; - display: inline-block; -} - -/* ========================================================================== - LOADERS & OVERLAYS - ========================================================================== */ - -.global-loading-overlay { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(255, 255, 255, 0.75); - display: none; - align-items: center; - justify-content: center; - z-index: 9999; -} - -.global-loading-spinner { - width: 3rem; - height: 3rem; -} - -.loader-modern { - display: inline-block; - width: 20px; - height: 20px; - border: 3px solid #f3f3f3; - border-top: 3px solid var(--primary-color); - border-radius: 50%; - animation: spin 1s linear infinite; -} - -.is-loading { - position: relative; - pointer-events: none; - opacity: 0.7; -} - -.is-loading::after { - content: ""; - position: absolute; - top: 50%; - left: 50%; - width: 20px; - height: 20px; - margin: -10px 0 0 -10px; - border: 2px solid var(--primary-color); - border-top-color: transparent; - border-radius: 50%; - animation: spin 0.6s linear infinite; -} - -.badge-notification { - animation: pulse 2s infinite; -} - -/* ========================================================================== - ICONS - ========================================================================== */ - -.icon-circle { - width: 40px; - height: 40px; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - background: linear-gradient(135deg, var(--primary-color), var(--primary-light)); - color: white; - margin-right: 1rem; -} - -/* ========================================================================== - RESPONSIVE DESIGN - ========================================================================== */ - -@media (max-width: 1199px) { - .main { - margin-left: 0; - padding: 1rem; - } - - .sidebar { - transform: translateX(-100%); - } - - .sidebar.show { - transform: translateX(0); - } - - .toggle-sidebar .sidebar { - transform: translateX(0); - } - - .toggle-sidebar .main { - margin-left: 260px; - } -} - -@media (max-width: 768px) { - .header { - padding: 0 1rem; - } - - .main { - padding: 1rem; - } - - .main-container { - margin-top: 56px; - } - - .table-modern { - font-size: 0.8rem; - } - - #barre_laterale_d { - width: 280px; - } - - .nav-link-sub { - min-width: 120px; - padding: 0.75rem 1rem; - font-size: 0.875rem; - } - - .btn-context-toggle { - padding: 10px 6px; - } - - .context-scrollable { - max-height: calc(100vh - 160px); - } - - .context-photo { - width: 100px; - height: 100px; - } - - .context-stats-item { - min-height: 50px; - padding: 0.25rem; - } - - .context-text-truncate { - max-width: 180px; - } - - .context-text-truncate-long { - max-width: 200px; - } -} - -@media (max-width: 576px) { - .logo span { - display: none; - } - - .nav-link-sub { - min-width: 100px; - padding: 0.5rem 0.75rem; - font-size: 0.75rem; - } - - #barre_laterale_d { - width: 100%; - } - - .context-scrollable { - max-height: calc(100vh - 140px); - } - - .context-photo { - width: 80px; - height: 80px; - } - - .context-text-truncate { - max-width: 150px; - } - - .context-text-truncate-long { - max-width: 170px; - } -} - -/* ========================================================================== - UTILITY CLASSES - ========================================================================== */ - -.sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border: 0; -} - -.d-none { - display: none !important; -} - -.d-flex { - display: flex !important; -} - -.flex-column { - flex-direction: column !important; -} - -.flex-grow-1 { - flex-grow: 1 !important; -} - -.min-vh-100 { - min-height: 100vh !important; -} - -.mt-4 { - margin-top: 1.5rem !important; -} - -.mb-4 { - margin-bottom: 1.5rem !important; -} - -.p-0 { - padding: 0 !important; -} - -.p-3 { - padding: 1rem !important; -} - -.px-2 { - padding-left: 0.5rem !important; - padding-right: 0.5rem !important; -} - -.shadow-sm { - box-shadow: var(--shadow-sm) !important; -} - -.rounded-pill { - border-radius: 50rem !important; -} - -.bg-white { - background-color: white !important; -} - -.bg-light { - background-color: var(--light-color) !important; -} - -.text-primary { - color: var(--primary-color) !important; -} - -.text-muted { - color: var(--secondary-color) !important; -} - -.fw-bold { - font-weight: 700 !important; -} - -.fw-medium { - font-weight: 500 !important; -} - -.small { - font-size: 0.875rem !important; -} - -.text-uppercase { - text-transform: uppercase !important; -} - -.text-decoration-none { - text-decoration: none !important; -} - -.align-items-center { - align-items: center !important; -} - -.justify-content-between { - justify-content: space-between !important; -} - -.overflow-auto { - overflow: auto !important; -} - -.animate__animated { - animation-duration: 1s; - animation-fill-mode: both; -} - -.animate__fadeIn { - animation-name: fadeIn; -} - -.animate__fadeInDown { - animation-name: fadeInDown; -} - -.animate__bounceIn { - animation-name: bounceIn; -} - -/* Prévenir le FOUC (Flash of Unstyled Content) */ -.js-loading *, -.js-loading *:before, -.js-loading *:after { - animation-play-state: paused !important; -} - -/* ========================================================================== - BREADCRUMB MINIMAL - ========================================================================== */ - -/* Désactiver COMPLÈTEMENT le séparateur Bootstrap */ -.breadcrumb-item + .breadcrumb-item::before { - display: none !important; - content: none !important; -} - -/* Styles pour les chevrons de la sidebar */ -.sidebar-chevron { - transition: transform 0.3s ease; - font-size: 0.875rem; -} - -.sidebar-chevron-rotated { - transform: rotate(180deg); -} - -/* Bootstrap gère déjà l'état 'show' du collapse */ -.collapse.show + .sidebar-chevron-rotated, -[aria-expanded="true"] .sidebar-chevron { - transform: rotate(180deg); -} - -/* Correction pour l'affichage des icônes */ -.icon-wrapper { - min-width: 36px; - min-height: 36px; - flex-shrink: 0; /* Empêche le rétrécissement */ -} - -.icon-wrapper i { - font-size: 1rem; - line-height: 1; -} - -/* ========================================================================== - HEADER BREADCRUMB - ========================================================================== */ - -.header-breadcrumb { - max-width: 500px; -} - -.header-breadcrumb .breadcrumb { - background: transparent; - margin-bottom: 0; - padding: 0; -} - -.header-breadcrumb .breadcrumb-item + .breadcrumb-item::before { - display: none !important; - content: none !important; -} - -.header-breadcrumb .breadcrumb-item a { - color: #6c757d; - transition: var(--transition); - padding: 0.25rem 0.5rem; - border-radius: var(--border-radius); -} - -.header-breadcrumb .breadcrumb-item a:hover { - color: var(--primary-color); - background-color: rgba(0, 136, 207, 0.1); -} - -.header-breadcrumb .breadcrumb-item.active { - color: var(--primary-color); - font-weight: 600; -} - -/* ========================================================================== - SECONDARY NAV FIXED - ========================================================================== */ - -.secondary-nav-fixed-container { - position: fixed; - top: 60px; - left: 260px; - right: 0; - z-index: 1010; - background: white; - border-bottom: 1px solid var(--border-color); - transition: var(--transition); -} - -.secondary-nav-fixed { - background: white; - padding: 0 1.5rem; -} - -.secondary-nav-item { - min-width: 140px; - white-space: nowrap; - border-right: 1px solid var(--border-color); - padding: 1rem 1.5rem; - text-decoration: none; - color: var(--dark-color); - text-align: center; - transition: all 0.3s ease; - display: inline-flex; - align-items: center; - justify-content: center; -} - -.secondary-nav-item:hover { - background-color: rgba(0, 136, 207, 0.05); - color: var(--primary-color); -} - -.secondary-nav-item.active { - background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)); - color: white !important; - font-weight: 600; - position: relative; -} - -.secondary-nav-item.active::after { - content: ''; - position: absolute; - bottom: -1px; - left: 0; - right: 0; - height: 3px; - background: white; -} - -.secondary-nav-item:last-child { - border-right: none; -} - -/* Responsive adjustments */ -@media (max-width: 1199px) { - .secondary-nav-fixed-container { - left: 0; - } - - .toggle-sidebar .secondary-nav-fixed-container { - left: 260px; - } -} - -@media (max-width: 768px) { - .header-breadcrumb { - display: none; - } - - .secondary-nav-item { - min-width: 120px; - padding: 0.75rem 1rem; - font-size: 0.875rem; - } - - .secondary-nav-fixed { - padding: 0 1rem; - } -} - -@media (max-width: 576px) { - .secondary-nav-item { - min-width: 100px; - padding: 0.5rem 0.75rem; - font-size: 0.75rem; - } - - .secondary-nav-item i { - margin-right: 0.25rem !important; - } - - .secondary-nav-item span:not(.badge) { - display: none; - } -} \ No newline at end of file diff --git a/Bootstrap_new/css/style_test.css b/Bootstrap_new/css/style_test.css deleted file mode 100755 index 4b7b2760..00000000 --- a/Bootstrap_new/css/style_test.css +++ /dev/null @@ -1,747 +0,0 @@ -body { - - background:#eee; -} - -#side_nav{ - background:#000; -} - -.content{ - min-height:100vh; - width:100%; -} - -/* -.container-fluid { - position: relative; - padding-right: 0px; - padding-left: 0px; - margin-top: 8px; - margin-right: 0px; - margin-left: 0px; -} - -.navbar { - margin-bottom: 0; - border-radius: 0; -} - -.row.content {height: 100%} - -.sidenav { - padding-top: 0px; - padding-left: 0px; - background-color: rgb(41,97,146); - height: 100%; - margin-bottom: 0px; -} - -.navbar-inverse{ - border-color:#080808; -} - -.sidebar-nav > li > a { - padding: 0px; - height: 100%; -} - -footer { - background-color: #555; - color: white; - padding: 15px; -} - -@media screen and (max-width: 767px) { - .sidenav { - height: auto; - padding-left: 15px; - padding-right: 0px; - } - .row.content {height:auto;} -} -*/ - -.table > thead > tr > th, -.table > tbody > tr > th, -.table > tfoot > tr > th, -.table > thead > tr > td, -.table > tbody > tr > td, -.table > tfoot > tr > td { - padding: 2px; - padding-left: 1px; - line-height: 1; - vertical-align: middle; - border-top: 1px solid #ddd; -} -.table-hover > tbody > tr:hover { - background-color: #FCD7D5; - font-style: italic; - cursor: pointer; -} -.table > thead, -.table > tfoot -{ - background-color: #4CAF50; - color: white; -} - -legend { - margin-bottom: 5px; - background-color: #4caf50; - color: #fff; - text-align:center; - padding: 3px 6px; - font-size:13pt; - font-weight: bold; - text-transform: uppercase; - display:block; - width: 100%; -} - -.sous-legend { - margin-bottom: 10px; - background-color: #a6a6a6; /*rgb(40,96,144);*/ - color: #fff; - padding: 3px 6px; - font-size:13pt; - font-weight: bold; - text-transform: uppercase; - display:block; - width: 100%; -} - -.form-group { - margin-bottom: 2px; -} - - -.form-control { - height: 27px; - font-size: 10px; - line-height: 1; -} - -.table { - background-color:rgb(223,242,255); -} - -.table, -.table-striped, -.table-bordered, -.table-hover, -.table-condensed, -.table-responsive { - font-size: 10pt; -} - -.sidebar-nav li a:hover { - color: rgb(255,255,0); -} - -.navbar-nav li a:hover { - /*background-color: rgb(41,97,146);*/ - background-color: #4caf50; -} - -#barre_laterale_d { - position: fixed; - width: 8.25%; - right: 0; - padding: 0; - list-style: none; - height: 100%; -} - -.container { - padding-right: 0px; - padding-left: 0px; - margin-right: 0; - margin-left: 0; -} - -hr { - /* - margin-top:5px; - margin-bottom:5px; - */ - margin-top:2px; - margin-bottom:2px; - border:0; - border-top:1px solid #eee -} - -tfoot { - font-weight: bold; -} - -.table { - margin-bottom: 5px; -} - -.sidebar-nav { - width: 10%; - font-size: 11px; -} - -#div_pied_page -{ - position: fixed; - bottom: 0; - width: 91%; - clear:both; - background-color: #4CAF50; - color: white; -} - -#div_export -{ - padding-top:200px; -} - - -#reglement -{ - position: fixed; - width:83.25%; - background-color: rgba(0,0,255,1); - opacity: 1; -} - -#detail_reglement -{ - padding-top:159px; -} - -input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button -{ - padding: 1px 1px; -} -/* -#div_entete_prime_a_facture -{ - position: fixed; - width:83.25%; - background-color: rgba(0,0,255,1); - opacity: 1; -} - -#div_detail_prime_a_facture -{ - padding-top:80px; -} -*/ -/* - 06/08/2020s -*/ -.modal-footer{ - text-align: center; -} - - -.majuscule{ - text-transform: uppercase; - } - -.firstLetter::first-letter{ - text-transform: capitalize; -} - -.contenant{ - position:absolute; - width:100%; - border-radius: 2px; -} - -.contenant-onglets{ - width: 100%; - margin-top : -5px; - display: flex; -} - -.onglets{ - width: 60%; - display: flex; - justify-content: center; - align-items: center; - font-weight:900; - cursor: pointer; - background: #dff2ff; - color:#000; - -} - - -.onglets::not(:nth-child(2)){ - border: 1px outset #e5e5e5; - -} - -.contenu{ - width: 100%; - position: absolute; - top:35px; - opacity:0; -} - -.active{ - transition: all 0.3s ease; - border: 1px outset #e5e5e5; - background: #dddddd; -} - -#div_liste h3, -#div_prestataire_1 h3, -#div_prestataire_2 h3, -#div_medecin_1 h3, -#div_medecin_2 h3, -#div_garantiesproductionlienparente_1 h3 -#div_garantiesproductionlienparente_2 h3, -.modal-header h3 -{ - margin:0px; - padding:0px; -} - -.modal-header h3{ - text-align:center; -} - -.activeContenu{ - animation: fade 0.5s forwards; - border: 1px outset #e5e5e5; - background: #dddddd; -} - -.activeContenu > table { - background: #dddddd; -} - -/* -.activeContenu > .table > thead > tr > th, -.activeContenu > .table > tbody > tr > th, -.activeContenu > .table > tfoot > tr > th, -.activeContenu > .table > thead > tr > td, -.activeContenu > .table > tbody > tr > td, -.activeContenu > .table > tfoot > tr > td { - padding: 2px; - padding-left: 1px; - vertical-align: middle; -} -*/ - -.activeContenu table { - border: none; - border-collapse: collapse; - border-spacing: 0px; -} - - -@keyframes fade{ - from{ - opacity: 0; - } - to{ - opacity: 1; - } -} - -#formData{ - border: 1px solid #dddddd; - margin: 5px; - padding: 5px; - background-color: #dff2ff; -} - -#titre_formData{ - text-align: center; - font-size: 13pt; - font-weight: bold; -} - -#btn-action, -#btn-fermer{ - position: relative; -} - -.btn{ - font-size: 12px; -} - -#btn-action{ - margin-left: 2px; -} - -.div_list_puce{ - margin-top:20px; -} - - -.div_list_puce li { - font-family: Arial, sans-serif; - font-size: 100%; - color: black; - display : list-item; - list-style-image : url("../images/folder.png"); - margin-left: 12px; -} - -.div_list_puce li a{ - margin-top: 0px; - display:block; - margin-bottom: 40px; -} - -input:required:focus, -select:required:focus, -textarea:required:focus{ - border: 1px solid red; -} - -#div_prestataire_1, -#div_prestataire_2, -#div_garantiesproductionlienparente_1, -#div_garantiesproductionlienparente_2, -#div_prime_categorie, -#div_garanties_status, -#div_non_exclus, -#div_exclus -{ - float:left; - border: solid 1px #dddddd; -} - -#div_particularite_status -{ - position: absolute; - top:510px; - left:5px; - width:55%; - margin-right:6px; -} - -#div_duppliquer_statut -{ - position: absolute; - top:635px; - left:5px; - width:55%; - margin-right:6px; -} - -#div_recapituler{ - position: absolute; - top:570px; - width:100%; -} - -#div_prestataire_1, -#div_garantiesproductionlienparente_1, -#div_non_exclus -{ - width:53%; - margin-right:28px; - -} - -#div_garantiesproductionlienparente_2, -#div_prestataire_2, -#div_exclus -{ - width:44%; -} - -#div_prime_categorie -{ - width:100%; - margin-right:6px; - -} - - - -#div_garanties_status -{ - width:44%; -} - -#tab_prestataire_1, -#tab_prestataire_2, -#tab_ent_prestataire_1, -#tab_ent_prestataire_2, -#tab_garantiesproductionlienparente_1, -#tab_garantiesproductionlienparente_2, -#tab_ent_garantiesproductionlienparente_1, -#tab_ent_garantiesproductionlienparente_2, -#tab_prime_categorie -{ - width:100%; -} - - - -.required:after { - content:" *"; - color: red; - - } - -label.inline { - display:inline; - margin-right:70px; -} - -#tabfiltre{ - background-color:rgb(223,242,255); -} - -caption -{ - margin:0px; - padding:0px; - background-color:#ddd; - text-align:center -} - -.btn_click{ - background-color:purple; -} - -.btn_attente{ -font-weight: bold; -text-shadow: 0 1px 0 white; -border-radius: 3px; -padding: 5px 10px; -border: 1px solid #DDD; -box-shadow:0px 0px 10px #4183C4; --webkit-animation-name: clignote; //on affecte l'animation clignote à notre bouton --webkit-animation-duration: 1s; //on définit la durée de l'animation à 1s --webkit-animation-iteration-count:infinite; //on dit que l'animation se répétera à l'infini. -} - -@-webkit-keyframes clignote { -0%{box-shadow:0px 0px 10px #4183C4;} -50%{box-shadow:0px 0px 0px #4183C4;} -100%{box-shadow:0px 0px 10px #4183C4;} -} - -.btn-clignote { - animation-duration: .8s; - animation-name: clignoter; - animation-iteration-count: infinite; - transition: none; -} -@keyframes clignoter { - 0% { opacity:1; } - 40% {opacity:0; } - 100% { opacity:1; } -} - -.gras{ - font-weight:bold; - font-size:10pt; -} - -div_affichage_benef a:hover{ - background-color:#726a57; -} - -#onglets li a.active -{ - background-color: #4caf50; - color : #fff; - font-weight:bold; - -} - -/* - 20-04-2023 - - -* { - box-sizing: border-box; -} - - -body { - font-family: "Open Sans"; - background: #2c3e50; - color: #ecf0f1; - line-height: 1.618em; -} -*/ -.wrapper { - max-width: 100%; - width: 100%; - margin: 0 auto; -} - - -.tabs { - position: relative; - margin: 1rem 0; - background: #4caf50; /*#1abc9c;*/ - height: 14.75rem; - -} -.tabs::before, -.tabs::after { - content: ""; - display: table; - -} -.tabs::after { - clear: both; -} -.tab { - float: left; -} -.tab-switch { - display: none; -} -.tab-label { - position: relative; - display: block; - line-height: 2.75em; - height: 3em; - padding: 0 1.618em; - background: #4caf50; - color: #fff; - cursor: pointer; - top: 0; - transition: all 0.25s; - font-size:10pt; - font-weight: bold; -} -.tab-label:hover { - top: -0.75rem; - transition: top 0.25s; -} -.tab-content { - position: absolute; - z-index: 1; - top: 2.75em; - left: 0; - padding: 1.618rem; - background: #dff2ff; - color: #2c3e50; - border-bottom: 0.25rem solid #bdc3c7; - opacity: 0; - transition: all 0.35s; - width: 100%; -} -.tab-switch:checked + .tab-label { - background: #dff2ff; - color: #2c3e50; - border-bottom: 0; - border-right: 0.125rem solid #fff; - transition: all 0.35s; - z-index: 1; - top: -0.0625rem; -} -.tab-switch:checked + label + .tab-content { - z-index: 2; - opacity: 1; - transition: all 0.35s; -} - - -.frmSearch { - width: 100%; - padding: 10px; - background: #baebe1; -} - -#element-list { - list-style-type: none; - margin: 0; - padding: 0; - width: 100%; -} - -#element-list li { - padding: 10px; - background: #FFF; - border-bottom: #F0F0F0 1px solid; -} - -#element-list li:hover { - background:#F0F0F0; - cursor: pointer; - cursor: hand; -} - -#searchInput, -#searchInputActe, -#searchInputLienparente { - padding: 10px; -} - -/* 15-05-2023*/ -.button span { - cursor: pointer; - display: inline-block; - position: relative; - transition: 0.5s; -} - -.button span:after { - content: '\00bb'; - position: absolute; - opacity: 0; - top: 0; - right: -20px; - transition: 0.5s; -} - -/* -.button:hover span { - padding-right: 25px; -} -*/ -.button:hover span:after { - opacity: 1; - right: 0; -} - -/*25-05-2023*/ -.div_selection_list{ - position:absolute; - z-index:999; - height:250px; - width:35%; - overflow: auto; -} - -#div_selection_acte, -#div_selection, -#div_selection_prestataire{ - position:absolute; - z-index:999; - height:250px; - overflow: auto; -} - -.span_link{ - color:#000; - background-color:#eeeeee; - border:1px solid #000; - border-radius:3px; - padding:2px; - display:block; - margin:auto; - text-align: center; - width:100%; -} - -.a_link{ - outline: none; - text-decoration: none; -} - -#chemin{ - font-size:14pt; - color: white; - background-color:#4caf50; - font-weight:bold; -} \ No newline at end of file diff --git a/Bootstrap_new/css/theme-modern.css b/Bootstrap_new/css/theme-modern.css index 423303b4..e10bd582 100644 --- a/Bootstrap_new/css/theme-modern.css +++ b/Bootstrap_new/css/theme-modern.css @@ -301,7 +301,7 @@ h1, h2, h3, h4, h5, h6, .sidebar-nav > .nav-item > .nav-link { display: flex; align-items: center; - gap: 10px; + gap: 2px; padding: 9px 10px; border-radius: var(--radius-md); color: rgba(255,255,255,0.72);