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{ 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 #fff; } .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: #1e90ff; /*#337ab7;*/ 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(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: 9.5%; font-size: 11px; font-weight: bold; } #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; } #div_periode { position: fixed; width:83.25%; background-color: rgba(0,0,255,1); opacity: 1; } #detail_reglement { /*padding-top:159px;*/ padding-top:155px; } #detail_reglement_optique { padding-top:92px; } 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: 50%; 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: -20px; 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:500px; 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:680px; width:99%; } #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:55%; 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; } /* Autocomplete 12-11-2021 */ .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 { padding: 10px; } /* */ checkbox { display: inline-block; cursor: pointer; font-size: 13px; margin-right:10px; line-height:18px; } .frmSearch input[type=checkbox] { display:none; } .checkbox:before { content: ""; display: inline-block; width: 18px; height: 18px; vertical-align:middle; background-color: #0088cc; color: #f3f3f3; text-align: center; box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8); border-radius: 3px; } input[type=checkbox]:checked + .checkbox:before { content: "\2713"; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); font-size: 15px; } /* @import url('https://fonts.googleapis.com/css?family=Lato:400,500,600,700&display=swap'); *{ margin: 0; padding: 0; box-sizing: border-box; font-family: 'Lato', sans-serif; } html,body{ display: grid; height: 100%; place-items: center; background: #0069d9; font-family: 'Lato', sans-serif; } */ .wrapper{ display: inline-flex; background: #fff; height: 75%; width: 100%; align-items: center; justify-content: space-evenly; border-radius: 5px; padding: 20px 15px; box-shadow: 5px 5px 30px rgba(0,0,0,0.2); } .wrapper .option{ background: #fff; height: 50%; width: 50%; display: flex; align-items: center; justify-content: space-evenly; margin: 0 10px; border-radius: 5px; cursor: pointer; padding: 0 10px; border: 2px solid lightgrey; transition: all 0.3s ease; } .wrapper .option .dot{ height: 20px; width: 20px; background: #d9d9d9; border-radius: 50%; position: relative; } .wrapper .option .dot::before{ position: absolute; content: ""; top: 4px; left: 4px; width: 12px; height: 12px; background: #0069d9; border-radius: 50%; opacity: 0; transform: scale(1.5); transition: all 0.3s ease; } input[type="radio"]{ display: none; } #option-1:checked:checked ~ .option-1, #option-2:checked:checked ~ .option-2, #option-3:checked:checked ~ .option-3, #option-4:checked:checked ~ .option-4{ border-color: #0069d9; background: #0069d9; } #option-1:checked:checked ~ .option-1 .dot, #option-2:checked:checked ~ .option-2 .dot, #option-3:checked:checked ~ .option-3 .dot, #option-4:checked:checked ~ .option-4 .dot{ background: #fff; } #option-1:checked:checked ~ .option-1 .dot::before, #option-2:checked:checked ~ .option-2 .dot::before, #option-3:checked:checked ~ .option-3 .dot::before, #option-4:checked:checked ~ .option-4 .dot::before{ opacity: 1; transform: scale(1); } .wrapper .option span{ font-size: 15px; color: #808080; } #option-1:checked:checked ~ .option-1 span, #option-2:checked:checked ~ .option-2 span, #option-3:checked:checked ~ .option-3 span, #option-4:checked:checked ~ .option-4 span{ color: #fff; } /* */ #verres table { border-collapse:collapse; width:100%; } #verres thead { background-color:#D0E3FA; background-image:url(sky.jpg); border:1px solid #a8a8a8; } #verres tbody { background-color:#FFFFFF; border:1px solid #a8a8a8; } #verres th { border:1px solid #a8a8a8; padding:5px; background-color:#4caf50; width:15%; text-align:center; color: #fff; } #verres td { font-size:80%; border:1px solid #a8a8a8; padding:5px; text-align:left; background-color:#dff2ff } #div_verres td, #div_verres th{ border:1px solid #a8a8a8; } /*28-05-2023*/ #div_selection{ position:absolute; z-index:999; height:309px; width:98%; overflow: auto; /*border: 1px dashed red;*/ } /**/ .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; }