- needed to position the dropdown content */
.nav {
display: block;
text-align: center;
/* height: fit-content; */
/* float: right;
position: absolute;
display: inline-block;
right: 6%; */
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
right: 6%;
background-color: #f9f9f9;
min-width: -moz-max-content;
min-width: max-content;
text-align: left;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content ul{
margin: 0;
padding-left: 0;
}
.dropdown-content ul .indent{
margin-left:15px;
font-size: .6em;
}
.menu-item {
list-style-type: none;
padding-left: 10px;
padding-right: 30px;
font-size: .7em;
}
.menu-item a{
/* color: black; */
padding: 12px 16px;
text-decoration: none;
display: block;
font-weight: 400;
}
/* Change color of dropdown links on hover */
.dropdown-content li:hover {background-color: #f1f1f1}
/* Show the dropdown menu on hover */
.nav:hover .dropdown-content {
display: block;
}
/*------------------------------------*\
MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
font-size:68.5%;
height: 100%;
margin: 0;
}
body {
font:300 11px/1.4 'Dosis', 'Helvetica Neue', Helvetica, Arial, sans-serif;
color:#444;
height: 100%;
width: 100%;
margin: 0;
}
main{
/* display: flex; */
/* padding: 150px; */
flex: 1 0 auto; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
padding: 20px;
padding-bottom: 50px;
padding-top: 0px;
margin: auto 4%;
}
section{
position: relative;
width: -webkit-fill-available;
width: -moz-available;
}
section#admin{
margin-left: 2%;
}
.hidden{
display: none;
}
.indent{
padding-left: 1rem;
}
.font-1{
font-size: 1em;
}
/* clear */
.clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom;
}
a, p {
color:#172983;
text-decoration:none;
font-size: 1.5em;
}
.small-text{
font-size: 1em; /*Ne pas modifier pour les pages reset-password*/
margin : 0;
}
.medium-text{
font-size: 1.5em;
margin: 0;
}
.large-text{
font-size: 2em;
}
a:hover {
color:#84D0F0;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid #04A4CC;
}
td{
color:#172983;
text-decoration:none;
font-size: 1.5em;
}
h1{
font-size: 42px;
color:#172983;
}
h2{
font-size: 36px;
color:#172983;
margin-top: 10px;
}
h3{
font-size: 30px;
color:#172983;
}
table{
border-collapse: collapse;
border-spacing: 0px;
/* table-layout: auto; */
width: -webkit-fill-available;
/* word-break: break-all; */
}
.underline{
text-decoration: underline;
}
.gras{
font-weight: bold;
}
.italic{
font-style: italic;
}
.center{
text-align: center;
}
.margin_null{
margin: 0;
}
.mt-3{
margin-top: 1em;
}
.green{
color: #41a900 !important;
}
.blue{
color: #4f81bd !important;
}
.yellow{
color: #ffc000 !important;
}
.red{
color: #b23200 !important;
}
.orange{
/* color: #b95800; */
color: #f38203 !important;
}
.blanc{
color: white !important;
}
.gris{
color: grey !important;
}
.bg_green{
background-color: #41a900;
}
.bg_yellow{
background-color: yellow;
}
.bg_red{
background-color: #b23200;
}
.bg_orange{
background-color: #e29303;
}
.bg_gris{
background-color: grey;
}
.bg_italic{
background-color: grey;
}
.smaller{
font-size: smaller;
}
.medium{
font-size: medium;
}
.x-large{
font-size: x-large;
}
.xx-large{
font-size: xx-large;
}
.carre{
width: 70px;
height: 100%;
flex-shrink: 0;
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
}
.carre p{
margin: 0;
}
.details{
flex-shrink: 3;
margin-left: 7px;
margin-right: 7px;
margin-top: 1px;
margin-bottom: 1px;
}
.indent{
margin-left: 20px;
}
.no-style-btn{
border:none;
background-color: transparent;
}
.inaction_bttn{
color: darkgrey;
cursor: default;
}
.flexbox{
display: flex;
justify-content: space-between;
}
.verticalCenter{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.no-margin{
margin: 0;
}
.no-margin-top{
margin-top: 0;
}
.no-margin-bottom{
margin-bottom: 0;
}
.margin5{
margin: 5px;
}
.margin10{
margin: 10px;
}
.padding5{
padding: 5px;
}
.right{
margin-left: auto;
justify-content: flex-end;
}
.relative{
position: relative;
}
/*------------------------------------*\
STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper {
/* max-width:1280px; */
width:100%;
/* height: 100vh;
margin:0 auto; */
display: flex;
flex-direction: column;
min-height: 100%;
/* height: 100vh; /* Avoid the IE 10-11 `min-height` bug. */
height: auto;
}
/* header */
.header {
display: flex;
flex-flow: row;
align-items: center;
justify-content: space-between;
}
.logo-img {
height:60px;
}
/* footer */
.footer {
display: flex;
justify-content: space-between;
flex-shrink: 0; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
padding: 20px;
padding-bottom: 5px;
}
.copyright{
font-size: medium;
margin-bottom: 0;
}
.footer .version{
color: #AFAFAF;
}
/* .nopadding{
padding: 0;
} */
/*------------------------------------*\
Admin Side Menu
\*------------------------------------*/
/* .side-menu{
width: 15%;
border: 1px solid #000;
} */
.side-menu {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #F7F7F7;
overflow-y: hidden;
transition: 0.5s;
margin-top: 150px;
padding-top: 10px;
margin-right: 50px;
z-index: 43;
}
.side-menu a {
padding: 8px 8px 8px 4px;
text-decoration: none;
font-size: 24px;
color: #172983;
display: block;
transition: 0.3s;
}
.side-menu a:hover {
color: #84D0F0;
}
.side-menu .closebtn {
position: absolute;
top: 35vh;
right: -8px;
}
.openbtn {
position: absolute;
/* top: calc(50vh + 143px); */
top: 50vh;
left: 0;
z-index: 42;
position: fixed;
}
.main-admin {
transition: margin-left .5s;
padding: 16px;
padding-top: 0px;
}
@media screen and (max-height: 450px) {
.side-menu {padding-top: 15px;}
.side-menu a {font-size: 18px;}
}
/*------------------------------------*\
Page Login
\*------------------------------------*/
.main_login{
/* display: flex; */
/* padding: 150px; */
flex: 1 0 auto; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
padding: 0;
margin: 0;
}
.login{
display: flex;
}
.login .left_half{
height: 100vh;
background-color: white;
background-size: cover;
background-image: url('../../uploads/2018/01/small1-login.jpg');
background-repeat: no-repeat;
background-position: left top;
z-index: 1; /* to ensure the popin body will be over the .sp-back layer */
width: 50%; /* by default the width of the wider element inside */
min-width: 100px; /* standard width for xs smartphones (320px) minus 2*10px (.sp-cell margins) */
margin: 0 10px 0 0;
}
.login .right_half{
position:relative;
display:block;
height:100%;
width:66%;
margin:10px;
height: 100vh;
z-index: 1; /* to ensure the popin body will be over the .sp-back layer */
width: 50%; /* by default the width of the wider element inside */
min-width: 100px; /* standard width for xs smartphones (320px) minus 2*10px (.sp-cell margins) */
margin: 0 10px 0 0;
}
.right_half .footer{
position: absolute;
bottom: 0;
width: 100%
}
.loginform{
/* position: relative;
top: 50%;
height: 50%; */
text-align: left;
width: 50%;
margin: 17% auto;
}
#loginform{
text-align: left;
display: inline-block;
}
#loginform label{
font-size: 1em;
}
#loginform p{
margin-top: 10%;
}
.login-remember {
display:none;
}
.loginform .login-username, .login-password{
display: flex;
flex-flow: column;
}
.loginform .login-submit{
margin-left: auto;
margin-right: auto;
width: -moz-fit-content;
width: fit-content;
font-size: 1.2em;
}
.loginform input{
width: 250px;
}
.loginform .forgot-password{
display: block;
width: 250px;
}
.login .button-primary {
/* width: 120px;
float:right; */
background-color:#84D0F0 !important;
background: -webkit-gradient(linear, left top, left bottom, from(#84D0F0), to(#84D0F0));
background: -webkit-linear-gradient(top, #84D0F0, #84D0F0);
background: -moz-linear-gradient(top, #84D0F0, #84D0F0);
background: -ms-linear-gradient(top, #84D0F0, #84D0F0);
background: -o-linear-gradient(top, #84D0F0, #84D0F0);
background-image: -ms-linear-gradient(top, #84D0F0 0%, #84D0F0 100%);
color: #ffffff;
border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #84D0F0;
}
.login .button-primary:hover {
background-color:#17a8e3 !important;
background: -webkit-gradient(linear, left top, left bottom, from(#17a8e3), to(#0d9ed9 ));
background: -webkit-linear-gradient(top, #17a8e3, #0d9ed9 );
background: -moz-linear-gradient(top, #17a8e3, #0d9ed9 );
background: -ms-linear-gradient(top, #17a8e3, #0d9ed9 );
background: -o-linear-gradient(top, #17a8e3, #0d9ed9 );
background-image: -ms-linear-gradient(top, #0b436e 0%, #0d9ed9 100%);
color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #0d9ed9;
}
.login .button-primary:active {
background-color:#17a8e3 !important;
background: -webkit-gradient(linear, left top, left bottom, from(#0d9ed9), to(#17a8e3));
background: -webkit-linear-gradient(top, #0d9ed9, #17a8e3);
background: -moz-linear-gradient(top, #0d9ed9, #17a8e3);
background: -ms-linear-gradient(top, #0d9ed9, #17a8e3);
background: -o-linear-gradient(top, #0d9ed9, #17a8e3);
background-image: -ms-linear-gradient(top, #0d9ed9 0%, #17a8e3 100%);
color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #0d9ed9;
}
/*------------------------------------*\
Login Popin
\*------------------------------------*/
.smart-popin {
position: fixed;
left: 0; right: 0;
top: 0; bottom: 0;
overflow: auto; /* scrollbar will appear if the viewport is too tight to display all the popin content */
opacity: 0;
visibility: hidden;
/* design */
background-color: rgba(0,0,0,0.5);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.smart-popin:target {
opacity: 1;
visibility: visible;
z-index: 42;
}
.smart-popin .sp-table {
display: table;
height: 100%;
width: 100%;
}
.smart-popin .sp-cell {
display: table-cell;
vertical-align: middle;
padding: 10px; /* this space is important to let the box-shadow exceed around the popin - so it has to be at least equal to the shadow radius */
}
.smart-popin .sp-body {
position: relative; /* to allow absolute positionning inside */
z-index: 1; /* to ensure the popin body will be over the .sp-back layer */
width: auto; /* by default the width of the wider element inside */
min-width: 300px; /* standard width for xs smartphones (320px) minus 2*10px (.sp-cell margins) */
margin: 0 auto;
/* design */
background-color: #ffffff;
padding: 2% 3%;
-webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);
box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);
width: fit-content;
width: -moz-fit-content;
text-align: center;
border-radius: 10px;
}
.smart-popin .sp-body * {
max-width: 100%; /* this is a security to prevents wide elements such as img to stretch the popin beyond the viewport width */
/* margin: 6px 2px; */
}
.smart-popin .sp-login {
position: relative; /* to allow absolute positionning inside */
z-index: 1; /* to ensure the popin body will be over the .sp-back layer */
width: auto; /* by default the width of the wider element inside */
min-width: 300px; /* standard width for xs smartphones (320px) minus 2*10px (.sp-cell margins) */
margin: 0 auto;
/* design */
background-color: #ffffff;
padding: 0;
-webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);
box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);
width: 66.66%; /* 66.66 looks good :-) */;
display: flex;
}
.left_third{
position: relative; /* to allow absolute positionning inside */
z-index: 1; /* to ensure the popin body will be over the .sp-back layer */
width: 33%; /* by default the width of the wider element inside */
min-width: 100px; /* standard width for xs smartphones (320px) minus 2*10px (.sp-cell margins) */
margin: 0 10px 0 0;
}
.right_twoThird{
position: relative; /* to allow absolute positionning inside */
z-index: 1; /* to ensure the popin body will be over the .sp-back layer */
width: 66%; /* by default the width of the wider element inside */
min-width: 200px; /* standard width for xs smartphones (320px) minus 2*10px (.sp-cell margins) */
margin: 0 auto;
text-align: center;
text-align: -moz-center;
}
.smart-popin .sp-back { /* only used to get clicks out of the popin body */
position: fixed;
left: 0; right: 0;
top: 0; bottom: 0;
display: block;
}
.smart-popin .sp-close {
position: absolute;
top: -7px;
right: -35px;
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
font-size: 1.6em;
color: #fff;
/* font-weight: 900; */
text-decoration: none;
}
input[type="submit"] {
background-color: rgba(132, 208, 240, 0.9);
color: #fff;
width: auto;
/* width: 200px; /* width of image */
height: 50px; /* height of image */
border: 0;
font-size: 1.5em;
text-transform: uppercase;
letter-spacing: 1px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
padding-top: 3px;
border-radius: 5px;
}
input[type="submit"]:hover {
background-color: rgba(132, 208, 240, 1);
}
.editionMetier form{
margin: 5%;
}
.label-file {
cursor: pointer;
color: rgba(132, 208, 240, 0.6);
font-weight: bold;
}
.label-file:hover {
color: rgba(132, 208, 240, 1);
}
.input-file {
display: none;
}
/*------------------------------------*\
lostpassword
\*------------------------------------*/
#lostpasswordform label{
font-size: 1em;
}
#user_login{
width: 50%;
}
.login .lostpassword-button {
/* width: 120px;
float:right; */
background-color:#84D0F0 !important;
background: -webkit-gradient(linear, left top, left bottom, from(#84D0F0), to(#84D0F0));
background: -webkit-linear-gradient(top, #84D0F0, #84D0F0);
background: -moz-linear-gradient(top, #84D0F0, #84D0F0);
background: -ms-linear-gradient(top, #84D0F0, #84D0F0);
background: -o-linear-gradient(top, #84D0F0, #84D0F0);
background-image: -ms-linear-gradient(top, #84D0F0 0%, #84D0F0 100%);
color: #ffffff;
border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #84D0F0;
}
.login .lostpassword-button:hover {
background-color:#17a8e3 !important;
background: -webkit-gradient(linear, left top, left bottom, from(#17a8e3), to(#0d9ed9 ));
background: -webkit-linear-gradient(top, #17a8e3, #0d9ed9 );
background: -moz-linear-gradient(top, #17a8e3, #0d9ed9 );
background: -ms-linear-gradient(top, #17a8e3, #0d9ed9 );
background: -o-linear-gradient(top, #17a8e3, #0d9ed9 );
background-image: -ms-linear-gradient(top, #0b436e 0%, #0d9ed9 100%);
color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #0d9ed9;
}
.login .lostpassword-button:active {
background-color:#17a8e3 !important;
background: -webkit-gradient(linear, left top, left bottom, from(#0d9ed9), to(#17a8e3));
background: -webkit-linear-gradient(top, #0d9ed9, #17a8e3);
background: -moz-linear-gradient(top, #0d9ed9, #17a8e3);
background: -ms-linear-gradient(top, #0d9ed9, #17a8e3);
background: -o-linear-gradient(top, #0d9ed9, #17a8e3);
background-image: -ms-linear-gradient(top, #0d9ed9 0%, #17a8e3 100%);
color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #0d9ed9;
}
/*------------------------------------*\
reset-password
\*------------------------------------*/
#resetpassform label{
font-size: 1em;
}
/*------------------------------------*\
PAGES ADMIN
\*------------------------------------*/
.icons{
font-size: 1.2em;
color: #4d5789;
}
.icons:hover{
color: #0d9ed9;
}
.icon-left{
margin-right: 5px;
}
.txt_info_admin{
margin-bottom: 5%;
}
.small-table{
width: 50% !important;
margin-left: auto !important;
margin-right: auto;
}
/*------------------------------------*\
Page Admin Rapports
\*------------------------------------*/
.gestion_template{
display: flex;
justify-content: space-between;
}
.ajout_rapport input[type="file"] {
display: none !important;
}
.upld-tplt{
background-color: rgba(132, 208, 240, 0.9);
color: #fff;
width: auto;
/* width: 200px; /* width of image */
height: 50px; /* height of image */
border: 0;
text-transform: uppercase;
letter-spacing: 1px;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
font-weight: bolder;
}
.upld-tplt:hover {
background-color: rgba(132, 208, 240, 1);
color: #fff;
}
.rapports table{
border-spacing: 25px;
border-collapse: separate;
}
/*------------------------------------*\
Page Admin Entreprises
\*------------------------------------*/
#list_entreprises tr td:first-child{
background-color: white;
text-align: center;
}
#list_entreprises tr td{
text-align: center;
}
.headline{
font-weight: bold;
font-size: 1.5em;
}
#fileToUpload{
cursor: pointer;
}
/*------------------------------------*\
Page Admin crea-entreprise
\*------------------------------------*/
.logo_edit_comp{
max-width: 130px;
}
.elements_entreprise{
margin: 1% 5% 5%;
}
.edition_elements_entreprise{
display: flex;
text-align: center;
width: 270px;
}
.edition_elements_entreprise select{
width: 200px;
}
.add_metier_entreprise{
margin-left: 3%;
width: 60%;
}
.add_user_entreprise{
margin-left: 3%;
}
.add_audit{
margin-top: 30px;
margin-left: auto;
margin-right: auto;
}
/* Start by setting display:none to make this hidden.
Then we position it in relation to the viewport window
with position:fixed. Width, height, top and left speak
for themselves. Background we set to 80% white with
our animation centered, and no-repeating */
.modal {
display: none;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 )
url('../../uploads/2017/12/Infinity.gif')
50% 50%
no-repeat;
}
/* When the body has the loading class, we turn
the scrollbar off with overflow:hidden */
body.loading {
overflow: hidden;
}
/* Anytime the body has the loading class, our
modal element will be visible */
body.loading .modal {
display: block;
}
.audit_action{
width: 10%;
}
.archived_button{
color: #1ad150;
}
/* .creapath_ajout_user{
text-align: center;
} */
.crea_entreprise .error{
color: red;
}
.error{
color: red;
}
.edition_elements_entreprise table{
border-collapse: separate;
border-spacing: 10px;
}
.creapath_ajout_metier{
width: 100%;
/* margin-right: 10px; */
}
.aucune_donnee{
font-style: italic;
text-align: center;
}
/*------------------------------------*\
Popin editUser
\*------------------------------------*/
.inscriptionUser form{
margin: 5%;
}
.inscriptionUser .userType{
margin: 9%;
}
.inscriptionUser .userType p{
text-align:center;
background-color:darkred;
height:50px;
width:100%;
display:table;
margin: 9%;
}
.inscriptionUser .userType span{
/* display: table-cell; */
vertical-align: super;
padding: 2%;
}
/* The switch - the box around the slider */
.inscriptionUser .switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
/* Hide default HTML checkbox */
.inscriptionUser .switch input {display:none;}
/* The slider */
.inscriptionUser .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.inscriptionUser .slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
.inscriptionUser input:checked + .slider {
background-color: #2196F3;
}
.inscriptionUser input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
.inscriptionUser input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/*------------------------------------*\
Page Admin Utilisateurs
\*------------------------------------*/
.context{
display: flex;
flex-flow: row;
align-items: start;
justify-content: space-between;
margin-bottom: 25px;
}
a.bouton_ajout{
color: #172983;
text-decoration:none;
-webkit-transition:0.3s all ease;
transition:0.3s ease all;
}
a.bouton_ajout:hover {
color:#FFF;
}
a.bouton_ajout:focus {
color:#FFF;
}
.bouton_ajout {
font-size:17px;
/* letter-spacing:2px;
text-transform:uppercase;
text-align:center;
font-weight:bold; */
display:inline-block;
border-radius: 8px;
padding:14px 15px;
border:2px solid #172983;
/* border-radius:2px; */
position:relative;
box-shadow: 0 2px 10px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.1);
}
.bouton_ajout:before {
-webkit-transition:0.5s all ease;
transition:0.5s all ease;
position:absolute;
top:0;
left:50%;
right:50%;
bottom:0;
opacity:0;
content:'';
background-color:#172983;
z-index:-2;
}
.bouton_ajout:hover:before {
-webkit-transition:0.5s all ease;
transition:0.5s all ease;
left:0;
right:0;
opacity:1;
border-radius: 5px;
}
.bouton_ajout:hover:focus:before {
transition:0.5s all ease;
left:0;
right:0;
opacity:1;
}
/* border: 2px solid #172983;
padding: 10px 15px;
border-radius: 8px;
box-shadow: 5px 10px 18px #888888;
} */
/* .ajout_user:hover{
box-shadow: 5px 10px 18px #888888;
} */
.bouton_ajout>span{
font-weight: bold;
font-size: 2em;
line-height: 24px;
vertical-align: sub;
}
.btn_rs{
margin: 5px 10px 5px auto;
font-size: 1.5em;
}
.plus-img{
width: 20px;
vertical-align: baseline;
}
.addUser-form{
margin: 5px 0;
}
.striped{
margin-left: 10%;
width: 80%;
}
.striped tr:nth-child(odd) {
background:#E6F6FC;
padding:5px;
}
.striped tr:nth-child(even) {
background:#C1E7F7;
padding:5px;
}
.striped td {
padding:5px;
text-align: center;
}
.striped tr.headline {
background:#fff;
padding:5px;
}
.striped tr.headline td{
padding:5px;
}
/* .action_bttn{
height: 50px;
width: 50px;
-webkit-transition: all 200ms ease-in;
-webkit-transform: scale(1);
-ms-transition: all 200ms ease-in;
-ms-transform: scale(1);
-moz-transition: all 200ms ease-in;
-moz-transform: scale(1);
transition: all 200ms ease-in;
transform: scale(1);
}
.action_bttn:hover{
z-index: 2;
-webkit-transition: all 200ms ease-in;
-webkit-transform: scale(1.2);
-ms-transition: all 200ms ease-in;
-ms-transform: scale(1.2);
-moz-transition: all 200ms ease-in;
-moz-transform: scale(1.2);
transition: all 200ms ease-in;
transform: scale(1.2);
} */
/*------------------------------------*\
Page Admin Questionnaire rsk
\*------------------------------------*/
.questionnaire_table{
width: -webkit-fill-available;
width: -moz-available;
}
.questionnaire_table img{
width: 20px;
cursor: pointer;
transition:all 0.3s ease;
}
.questionnaire_table img:hover{
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.questionnaire_table tr{
line-height: 25px;
display: flex;
}
/* .questionnaire_table td{
width: 30%;
} */
.questionnaire_table .checkbox{
width: 3%;
}
.questionnaire_table .panel{
/* padding: 0 18px; */
/*display: none;*/
/* max-height: 0; */
overflow: hidden;
transition: max-height 0.2s ease-out;
/* padding-bottom: 5px; */
/* margin-bottom: 1em; */
margin: 15px auto;
}
.questionnaire_table .sub_panel{
padding: 0 18px;
/*display: none;*/
/* max-height: 0; */
overflow: hidden;
transition: max-height 0.2s ease-out;
padding-bottom: 5px;
}
.questionnaire_table .entry{
width: auto;
}
.questionnaire_table .action{
/* width: auto; crée un décalage dans les questionnaires de l'interface admin */
text-indent: 0;
}
.questionnaire_table .ajoutQuest{
cursor: pointer;
color: #84D0F0;
}
.questionnaire_table .ajoutQuest:hover{
color: #172983;
}
/* Style the buttons that are used to open and close the accordion panel */
.questionnaire_table .accordion {
background-color: #E1F6FF;
color: #172983;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
margin-top: 15px;
padding-right: 0;
}
.pag{
background-color: #172983 !important;
color: #fff !important;
}
.full-line{
width: 100% !important;
/* margin-right: auto; */
}
.edit{
text-align: right;
}
.questionnaire_table input {
width: -webkit-fill-available;
}
.questionnaire_table .rsk_type{
font-weight: 600;
}
.questionnaire_table .marge{
margin: 10px auto;
}
.questionnaire_table .marge td{
color: #afafaf;
}
.default-prop{
color: #afafaf;
}
.answered{
background-color: rgb(222, 255, 217) !important;
}
.qrs_question{
font-weight: bold;
}
.qrs_ss_titre{
font-weight: bolder;
text-indent: 10px;
}
.qrs_propositions{
text-indent: 20px;
}
.proposition_value_qrs{
/* display: inline-block */
width: 30%;
min-width: 245px;
text-align: center;
padding-top: 7px;
}
.propositions .comments{
width: 25%;
}
.toggle{
border-radius: 1em !important;
font-size: 1em !important;
height: 1.5em !important;
text-transform: lowercase !important;
}
.toggle.open{
background-color: burlywood !important;
}
.toggle.default{
background-color: aquamarine !important;
}
/*
.questionnaire_table input{
min-width: max-content;
min-width: -moz-max-content;
} */
/* .multiselect-wrapper {
width: 180px;
display: inline-block;
white-space: nowrap;
font-size: 12px;
font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
}
.multiselect-wrapper .multiselect-input {
width: 120px;
padding-right: 50px;
}
.multiselect-wrapper label {
display: block;
font-size: 12px;
font-weight : 600;
}
.multiselect-wrapper .multiselect-list {
z-index: 1;
position: absolute;
display: none;
background-color: white;
border: 1px solid grey;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
margin-top: -2px;
}
.multiselect-wrapper .multiselect-list.active {
display: block;
}
.multiselect-wrapper .multiselect-list > span {
font-weight: bold;
}
.multiselect-wrapper .multiselect-list .multiselect-checkbox {
margin-right: 2px;
}
.multiselect-wrapper .multiselect-list > span,
.multiselect-wrapper .multiselect-list li {
cursor: default;
}
.multiselect-wrapper .multiselect-list {
padding: 5px;
min-width: 200px;
}
.multiselect-wrapper ul {
list-style: none;
display: block;
position: relative;
padding: 0px;
margin: 0px;
max-height: 200px;
overflow-y: auto;
overflow-x: hidden;
}
.multiselect-wrapper ul li {
padding-right: 20px;
display: block;
}
.multiselect-wrapper ul li.active {
background-color: rgb(0, 102, 255);
color: white;
}
.multiselect-wrapper ul li:hover {
background-color: rgb(0, 102, 255);
color: white;
}
.multiselect-input-div {
height: 34px;
}
.multiselect-input-div input{
border: 1px solid #ababab;
background : #fff;
margin: 5px 0 6px 0;
padding: 5px;
vertical-align:middle;
}
.multiselect-count {
position: relative;
text-align: center;
border-radius: 2px;
behavior: url(/Content/Pie/pie.htc);
background-color: lightblue;
display: inline-block !important;
padding: 2px 7px;
left: -45px;
}
.multiselect-dropdown-arrow {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid black;
position: absolute;
line-height: 20px;
text-align: center;
display: inline-block !important;
margin-top: 17px;
margin-left: -42px;
} */
.ajout_rsk{
overflow: visible !important;
}
.chosen-container {
width: 100% !important;
}
/*------------------------------------*\
Chosen Plugin CSS
\*------------------------------------*/
/**
* okaidia theme for JavaScript, CSS and HTML
* Loosely based on Monokai textmate theme by http://www.monokai.nl/
* @author ocodia
*/
code[class*="language-"],
pre[class*="language-"] {
color: #f8f8f2;
text-shadow: 0 1px rgba(0,0,0,0.3);
font-family: Consolas, Monaco, 'Andale Mono', monospace;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
border-radius: 0.3em;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: #272822;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
padding: .1em;
border-radius: .3em;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #f8f8f2;
}
.namespace {
opacity: .7;
}
.token.property,
.token.tag {
color: #f92672;
}
.token.boolean,
.token.number{
color: #ae81ff;
}
.token.selector,
.token.attr-name,
.token.string {
color: #a6e22e;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #f8f8f2;
}
.token.atrule,
.token.attr-value
{
color: #e6db74;
}
.token.keyword{
color: #66d9ef;
}
.token.regex,
.token.important {
color: #fd971f;
}
.token.important {
font-weight: bold;
}
.token.entity {
cursor: help;
}
/*------------------------------------*\
Page Admin ISO
\*------------------------------------*/
#admin_iso{
margin-left: 0%;
}
.ajout_iso{
margin-bottom: 5%;
}
.ajout_iso input[type="text"]{
padding: 5px;
align-self: center;
width: 58px;
margin: auto;
}
.width-dynamic{
min-width: 280px;
}
.admin_iso_table{
/* width: -webkit-fill-available;
width: -moz-available; */
width : auto;
/* width: -moz-max-content;
width: max-content; */
}
.admin_iso_table td{
padding-left: 5px;
padding-right: 5px;
}
.iso_cat{
text-align: center;
}
.action_bttn{
display: inline-flex;
cursor: pointer;
}
.admin_iso_table .icons {
width: 20px;
cursor: pointer;
transition: all 0.3s ease;
width: max-content;
/* float: right; */
/* margin-right: 20%; */
}
.admin_iso_table .uncat{
background-color: #f5b70666;
}
.admin_iso_table tr.uncat>td {
padding-top: 1em;
}
.entete{
font-weight: bold;
text-align: center;
}
.sections{
background-color: #6495ed33;
font-weight: bold;
}
.questions{
background-color: #87ceeb66;
font-weight: bold;
/*text-indent: 3%;*/
}
.propositions{
/*text-indent: 6%;*/
background-color: #c0c09c1a;
}
.large_entry{
min-width: 400px;
}
.ajout_iso table{
width: auto;
}
.ajout_iso td{
font-size: 1em;
text-align: center;
text-align: -webkit-center;
}
/*------------------------------------*\
PAGES
\*------------------------------------*/
/*------------------------------------*\
Page Reporting
\*------------------------------------*/
.rapports-audit{
width: 80%;
}
.rapports-audit .session-audit{
margin-bottom: 60px;
}
/*------------------------------------*\
Page Cartographie
\*------------------------------------*/
#tableau_de_bord{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 5px auto 50px;
/* width: 80%; */
text-align: center;
/* border: 1px solid #AAA; */
/* border-radius: 10px; */
padding-bottom: 10px;
/* background-color: #FBFBFB; */
}
.sect_indicateurs{
margin: 25px auto 50px;
flex: 0 0 100%; /* Let it fill the entire space horizontally */
justify-content: space-evenly;
}
.indicateurs_generaux{
display: flex;
flex: 0 0 100%; /* Let it fill the entire space horizontally */
justify-content: space-evenly;
}
/* .indicateurs_generaux table{
margin: auto;
border-spacing: 10px;
border-collapse: separate;
} */
.indicateur{
background-color: #FAFAFA;
display: flex;
align-items: center;
height: 70px;
margin: 8px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 10px 20px 0 rgba(0, 0, 0, 0.19)
}
.risque{
display: flex;
align-items: center;
flex-grow: 1;
}
.nr-risque{
position: relative;
left: 5%;
border-radius: 50%;
width: 36px;
height: 36px;
padding: 8px;
background: #84D0F0;
/* border: 2px solid #172983; */
text-align: center;
color: white;
}
.carte-risque{
width: 80%;
text-align: center;
/* text-align: -moz-center; */
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
background-color: transparent;
padding: 0;
/* padding: 5px 3% 30px 3%; */
margin: 25px auto;
}
.risque-header{
width: 100%;
height: 100px;
/* padding: 0 2%;
margin: 2% 0; */
box-sizing: border-box;
display: flex;
cursor: pointer;
transition: 0.4s;
background-color: #FAFAFA;
/* background-color: grey; */
}
.risque-header p{
color: #172983;
}
.first-fifth{
width: 20%;
text-align: center;
}
.middle-three-fifth{
width: 60%;
text-align: center;
}
.last-fifth{
width: 20%;
text-align: center;
}
.risque-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
text-align: left;
/* padding-bottom: 30px; */
}
.line{
position: absolute;
max-height: 438px;
width: 80%;
}
.risque table{
width:100%;
}
.risque td{
font-size: 1em;
vertical-align: baseline;
width: 50%;
height: 180px;
/* padding-left: 7%; */
/* border: 2px solid #fafafa; */
/* border: 2px solid #d2d2d2; */
}
.risque-cellule{
padding-left: 7%;
border: 2px solid #d2d2d2;
}
.indicateurIV{
font-size: 5em;
margin: 0;
margin-left: 85px;
margin-bottom: 30px;
}
.highcharts-tooltip span {
/* max-width:400px !important;
overflow: visible;
/* white-space:normal !important; */
height:auto;
width:300px !important;
overflow:auto;
white-space:normal !important;
}
.rto-rpo{
position: absolute;
top: 0;
right: 2em;
}
/* .gauges{
display: flex;
flex-direction: row;
max-width: 100%;
}
.gauge{
width: 50%;
max-height: 15em;
display: block;
position: relative;
}
.gauge-element{
width: 100%;
height: 100%;
margin: 0 auto;
} */
.container-rpm{
width: 80%;
height: inherit;
display: flex;
align-items: center;
}
.highcharts-credits{
display: none;
}
.gauge .highcharts-yaxis-grid .highcharts-grid-line {
display: none;
}
.ms-options-wrap,
.ms-options-wrap * {
box-sizing: border-box;
}
.ms-options-wrap > button:focus,
.ms-options-wrap > button {
position: relative;
width: 20rem;
text-align: left;
border: 1px solid #aaa;
background-color: #fff;
padding: 5px 20px 5px 5px;
margin-top: 1px;
font-size: 13px;
color: #aaa;
outline-offset: -2px;
white-space: nowrap;
}
.ms-options-wrap > button > span {
display: inline-block;
}
.ms-options-wrap > button[disabled] {
background-color: #e5e9ed;
color: #808080;
opacity: 0.6;
}
.ms-options-wrap > button:after {
content: ' ';
height: 0;
position: absolute;
top: 50%;
right: 5px;
width: 0;
border: 6px solid rgba(0, 0, 0, 0);
border-top-color: #999;
margin-top: -3px;
}
.ms-options-wrap.ms-has-selections > button {
color: #333;
}
.ms-options-wrap > .ms-options {
position: absolute;
right: 0;
width: 20rem;
margin-top: 1px;
margin-bottom: 20px;
background: white;
z-index: 2000;
border: 1px solid #aaa;
overflow: auto;
visibility: hidden;
}
.ms-options-wrap.ms-active > .ms-options {
visibility: visible
}
.ms-options-wrap > .ms-options > .ms-search input {
width: 100%;
padding: 4px 5px;
border: none;
border-bottom: 1px groove;
outline: none;
}
.ms-options-wrap > .ms-options .ms-selectall {
display: inline-block;
font-size: .9em;
/* text-transform: lowercase; */
text-decoration: none;
text-transform: uppercase;
padding-left: 1.3em;
font-weight: bold;
}
.ms-options-wrap > .ms-options .ms-selectall:hover {
text-decoration: underline;
}
.ms-options-wrap > .ms-options > .ms-selectall.global {
margin: 4px 5px;
}
.ms-options-wrap > .ms-options > ul,
.ms-options-wrap > .ms-options > ul > li.optgroup ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.ms-options-wrap > .ms-options > ul li.ms-hidden {
display: none;
}
.ms-options-wrap > .ms-options > ul > li.optgroup {
padding: 5px;
}
.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
border-top: 1px solid #aaa;
}
.ms-options-wrap > .ms-options > ul > li.optgroup .label {
display: block;
padding: 5px 0 0 0;
font-weight: bold;
}
.ms-options-wrap > .ms-options > ul label {
position: relative;
display: inline-block;
width: 100%;
padding: 4px 4px 4px 20px;
margin: 1px 0;
border: 1px dotted transparent;
}
.ms-options-wrap > .ms-options.checkbox-autofit > ul label,
.ms-options-wrap > .ms-options.hide-checkbox > ul label {
padding: 4px;
}
.ms-options-wrap > .ms-options > ul label.focused,
.ms-options-wrap > .ms-options > ul label:hover {
background-color: #efefef;
border-color: #999;
}
.ms-options-wrap > .ms-options > ul li.selected label {
background-color: #efefef;
border-color: transparent;
}
.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
margin: 0 5px 0 0;
position: absolute;
left: 4px;
top: 7px;
}
.ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
.btn_export{
height: 2em;
background: unset;
border: unset;
font-size: 1.6em;
}
.risque-content img{
max-width: 10%;
}
#list-ress-specifiques{
margin-top: 50px;
}
#list-ress-specifiques table{
margin-top: 1em;
max-width: 660px;
margin: auto;
}
#list-ress-specifiques th{
font-size: 2em;
text-align: left;
}
#list-ress-specifiques tr:nth-child(2n){
background-color: #fbf9f9;
text-align: left;
}
#list-ress-specifiques tr:nth-child(2n+1){
background-color: #e6eefc;
text-align: left;
padding: 2px 5px;
}
#list-ress-specifiques td{
padding: 2px 5px;
}
/*------------------------------------*\
Page Plan d'Action - Dashboard
\*------------------------------------*/
.snip {
/* font-family: 'Raleway', Arial, sans-serif; */
padding-top: 3em;
position: relative;
color: #fff;
/* margin: 0px 15px 50px; */
margin-top: 50px;
margin-bottom: 50px;
/* max-width: 60px; */
width: auto;
text-align: center;
font-size: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.snip h1,
.snip h5 {
margin: 0;
text-transform: uppercase;
}
.snip h1 {
/* font-family: 'Fjalla One', Arial, sans-serif; */
font-size: 2em;
position: relative;
color: #fff;
}
.snip h5 {
font-size: 1em;
font-weight: 800;
padding-bottom: 10px;
position: relative;
max-width: 50%;
margin-left: auto;
margin-right: auto;
}
.snip_todo h1:before {
content: '';
position: absolute;
width: 110px;
height: 110px;
left: 50%;
top: 70%;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(45deg) translate(-50%, -50%);
transform: rotate(45deg) translate(-50%, -50%);
border-radius: 10%;
background-color: darkred;
z-index: -1;
}
.snip_glissement h1:before {
content: '';
position: absolute;
width: 110px;
height: 110px;
left: 50%;
top: 70%;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(45deg) translate(-50%, -50%);
transform: rotate(45deg) translate(-50%, -50%);
border-radius: 10%;
background-color: red;
z-index: -1;
}
.snip_differe h1:before {
content: '';
position: absolute;
width: 110px;
height: 110px;
left: 50%;
top: 70%;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(45deg) translate(-50%, -50%);
transform: rotate(45deg) translate(-50%, -50%);
border-radius: 10%;
background-color: orange;
z-index: -1;
}
.snip_ssstatus h1:before {
content: '';
position: absolute;
width: 110px;
height: 110px;
left: 50%;
top: 70%;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(45deg) translate(-50%, -50%);
transform: rotate(45deg) translate(-50%, -50%);
border-radius: 10%;
background-color: purple;
z-index: -1;
}
/* .snip1326 h5:after {
position: absolute;
content: '';
width: 135px;
height: 3px;
bottom: -15px;
background-color: #bdbdbd;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.snip1326 h1:after {
position: absolute;
content: '';
width: 144px;
height: 3px;
top: -35px;
background-color: #bdbdbd;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
} */
/*------------------------------------*\
Page Plan d'Action
\*------------------------------------*/
.maj-dashboard{
position: absolute;
right: -20%;
top: 44%;
}
.refresh{
background: none;
border: none;
font-size: 1.3em;
color: darkblue;
}
.plan_action{
/* pointer-events: none; */
position: relative;
}
.actions_responsable {
position: relative;
}
.actions_responsable .chosen-container{
height: auto;
position: absolute;
top: 0;
}
.actions_responsable .chosen-container .chosen-choices{
border: none;
background: none;
}
.actions_responsable .chosen-container .chosen-choices {
display: flex;
flex-direction: column;
}
.actions_responsable .chosen-container .chosen-choices .search-choice {
border: none;
background: none;
font-size: 1.3em;
}
.exp-gnl{
position: absolute;
top: 15px;
right: 20px;
font-size: 16px;
height: 2em;
background: unset;
border: unset;
font-size: 1.6em;
}
.exp-scnRsk{
display: block;
position: relative;
font-size: 16px;
}
.form_repondant{
display: flex;
/* justify-content: space-between; */
justify-content: flex-start;
}
.pa_metier{
padding-left: 1em;
}
#planaction .pag{
padding: 15px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 25px;
margin-top: 8px;
}
.plan_action h3{
margin-bottom: auto;
font-size: 25px;
}
.plan_action h4{
font-size: 20px;
color:#172983;
margin-left: 5px;
}
.plan_action hr{
border-color: #4a7dba;
margin-bottom: 2em;
display: block;
margin-top: 0.5em;
margin-left: auto;
margin-right: auto;
border-radius: 5px;
border-style: solid;
border-width: 2px;
}
.plan_action .hr-risk{
border-color: #4a7dba;
margin-bottom: 1em;
display: block;
margin-top: 0.5em;
margin-left: auto;
margin-right: auto;
border-radius: 5px;
border-style: solid;
border-width: 1px;
}
.plan_action_table .proposition{
width: 30%;
padding-left: 15px;
padding-right: 40px;
}
.plan_action_table .actions_resolution{
width: 30%;
height: 1em;
}
.quest_iso .actions_resolution{
width: 25%;
height: calc(400px - 15vw);
}
.quest_iso .actions_responsable{
width: 15%;
height: calc(400px - 15vw);
}
.quest_iso .actions_dueDate{
width: 10%;
height: calc(400px - 15vw);
}
.quest_iso .actions_qrs{
width: 15%;
/* height: 1em; */
}
.quest_iso .sct{
width: 3%;
text-align: center;
}
.invisible_textarea{
width: 100%;
height: 100%;
background-color: #f9f9f5;
border: none;
resize: none;
font-size: smaller;
}
.textarea_qrs{
width: 100%;
height: 100%;
background-color: #f9f9f5;
border: none;
resize: none;
font-size: smaller;
}
.float-right{
float: right;
margin-left: auto;
width: -moz-max-content;
width: max-content;
}
.plan_action_table .propositions td{
border-bottom: 1px solid #ddd;
}
.plan_action_table_qrs tbody td{
border-bottom: 1px solid #ddd;
}
.propositions .indice{
width: 5%;
text-align: center;
}
.cat_rsk{
/* width: 10%; */
text-align: center;
}
.niv_rsk {
text-align: center;
}
.niv_rsk p{
font-size: large;
}
.en_cours{
cursor: pointer;
}
.past_audit{
opacity: 0.8;
}
.critique{
background-color: #ec7777;
}
.critique p{
color: #a50505;
}
.insuffisant{
background-color: #ffc968;
}
.insuffisant p{
color: #b67900;
}
.satisfaisant{
background-color: #66b366;
}
.satisfaisant p{
color: #044e02;
}
.non_app{
background-color: #ceb59e;
}
.non_app p{
color: #fff;
}
.non_rep{
background-color: #fff;
}
.plan_action_table_qrs .proposition{
width: 25%;
padding-left: 15px;
padding-right: 40px;
}
.plan_action_table_qrs .niv_rsk{
width: 3%;
}
.suivi_action{
width: 9em;
}
/* Dropdown Button */
.dropbtn {
/* background-color: #3498DB; */
/* color: white; */
/* padding: 16px; */
/* font-size: 16px; */
/* border: none; */
cursor: pointer;
}
/* The container
- needed to position the dropdown content */
.dropdown {
position: relative;
display: block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content-pa {
display: none;
position: absolute;
background-color: #edede2;
/* background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
z-index: 1;
left: 0;
/* margin-top: 4em; */
}
/* Links inside the dropdown */
.dropdown p {
/* color: black;
padding: 12px 16px; */
/* color: #172983; */
text-decoration: none;
font-size: 1.5em;
text-decoration: none;
display: block;
cursor: pointer;
margin: 0;
padding: 10px 5px;
}
/* Change color of dropdown links on hover */
.dropdown-content-pa p:hover {
background-color: #f9f9f4;
}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}
#wrapper-par{
margin-top: 20px;
}
.nr-risque-planaction{
position: relative;
border-radius: 50%;
width: 36px;
height: 36px;
padding: 8px;
background: #84D0F0;
/* border: 2px solid #172983; */
text-align: center;
color: white;
}
.pa_metier img{
max-width: 30px;
}
.d-flex{
display: flex;
}
.align-items-center{
align-items: center;
}
.justify-content-between{
justify-content: space-between;
}
.col-05{
width: 5%;
}
.col-1{
width: 10%;
}
.col-2{
width: 20%;
}
.col-3{
width: 25%;
}
.col-4{
width: 33%;
}
.col-6{
width: 50%;
}
/*------------------------------------*\
Page scénarios de risque
\*------------------------------------*/
.scn_rsk .metiers{
display: flex;
flex-flow: row;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-around;
}
.scn_rsk .metier{
width: 35%;
text-align: center;
/* text-align: -moz-center; */
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
background-color: #84D0F033;
padding: 5px 3% 30px 3%;
margin: 25px auto;
}
.scn_rsk table{
margin-left: auto;
margin-right: auto;
}
.ajout_snc_rsk{
font-size:18px;
border: 1px solid #172983;
box-shadow: 0 1px 3px rgba(0,0,0,0.16), 0 0px 4px rgba(0,0,0,0.1);
}
.scn_rsk .ajout_user{
padding-top: 10%;
}
.scn_rsk tr>td {
padding-bottom: 0;
/* padding-bottom: 1em; */
padding-right: 10px;
}
.scn_rsk .icons{
font-size: 1em;
}
.specific{
min-width: 70%;
min-height: 3em;
}
.entete_entreprise{
/* text-align: right; */
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
}
.logo-entreprise{
text-align: center;
margin-left: auto;
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
}
.logo-entreprise-admin{
margin-right: auto;
margin-left: auto;
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
}
.intro-page{
width: 65%;
}
.duration-picker-container{
font-size: 14px;
}
.duration-picker-container select{
width: 45px;
display: inline-block;
height: 26px;
padding: 0;
box-sizing: content-box;
border-radius: 3px;
margin-left: 10px;
background: #fff;
border: 1px solid #e1e1e1;
font-size: 13px;
}
/*------------------------------------*\
Page questionnaire
\*------------------------------------*/
#quest-scn-rsk tr>td {
padding-bottom: 1em;
}
.questionnaire{
margin: auto;
}
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
background-color: #E1F6FF;
color: #172983;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
margin-top: 5px;
transition: all 400ms; /* Animation */
-webkit-transition: all 400ms;
}
button.accordion.active, button.accordion:hover {
/* background-color: #84D0F0; */
transform: scale(1.01, 1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
div.panel {
padding: 0 18px;
/*display: none;*/
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
/* padding-bottom: 5px; */
/* margin-bottom: 1em; */
margin: 15px auto;
}
div.sub_panel{
padding: 0 18px;
/*display: none;*/
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
padding-bottom: 5px;
}
.ress_tech{
margin-top: 15px;
}
label{
cursor: pointer;
}
.impact_tables{
/* display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; */
display: block;
/* justify-content: space-between; */
}
.range_table{
width: 40%;
border-spacing: 5px;
}
.impact_table .range{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
margin-left: 5%;
}
.impact_table span{
margin: 0 5px;
}
.rt_tables{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
}
.rt_table .range{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
margin-left: 5%;
}
.rt_table span{
margin: 0 5px;
}
/*body {
height: 100vh;
margin: 0;
display: flex;
}*/
input[type="range"] {
margin: auto;
-webkit-appearance: none;
position: relative;
overflow: hidden;
height: 40px;
width: 200px;
cursor: pointer;
border-radius: 0; /* iOS */
}
::-webkit-slider-runnable-track {
background: #ddd;
}
/*
* 1. Set to 0 height and width, and remove border for a slider without a thumb
*/
::-webkit-slider-thumb {
-webkit-appearance: none;
width: 20px; /* 1 */
height: 40px; /* 1 */
background: #fff;
box-shadow: -100vw 0 0 100vw dodgerblue;
border: 2px solid #999; /* 1 */
}
::-moz-range-track {
height: 40px;
background: #ddd;
}
::-moz-range-thumb {
background: #fff;
height: 40px;
width: 20px;
border: 3px solid #999;
border-radius: 0 !important;
box-shadow: -100vw 0 0 100vw dodgerblue;
box-sizing: border-box;
}
::-ms-fill-lower {
background: dodgerblue;
}
::-ms-thumb {
background: #fff;
border: 2px solid #999;
height: 40px;
width: 20px;
box-sizing: border-box;
}
::-ms-ticks-after {
display: none;
}
::-ms-ticks-before {
display: none;
}
::-ms-track {
background: #ddd;
color: transparent;
height: 40px;
border: none;
}
::-ms-tooltip {
display: none;
}
.impact-question{
margin-bottom: 35px;
}
#quest-scn-rsk .ressource_technique{
width: 40%;
}
/* td{width:1px;white-space:nowrap;} */
/* #traitement td:first-child{
width: 7em;
white-space:nowrap;
} */
.traitement{
width: 7em;
white-space:nowrap;
}
#traitement input{
width: 40em;
}
.ress_input{
width: 11em;
white-space:nowrap;
}
.de_type{
width: 6em;
white-space:nowrap;
}
.layout-columns{
display: table;
width: 68%;
padding: 0;
margin: 0;
margin-left: auto;
margin-right: auto;
table-layout: fixed;
}
.layout-columns>li {
display: table-cell;
width: 2%;
word-break: break-word;
}
.layout-columns input[type="radio"] {
display: none;
/* cursor: pointer; */
}
.choice-wrapper{
position: relative;
display: block;
padding: 20px 0;
border-style: solid;
border-width: 1px;
border-color: rgba(67,116,145,0.6);
border-right-style: none;
}
.choice-wrapper.v8{
border-right-style: solid;
}
.last-choice{
border-right-style: solid;
}
.choice-square {
text-align: center;
cursor: pointer;
}
.choice .v0:hover{
background-color: #00FF00;
}
.choice .v1:hover{
background-color: #65FF00;
}
.choice .v2:hover{
background-color: #99FF00;
}
.choice .v3:hover{
background-color: #CCFF00;
}
.choice .v4:hover{
background-color: #FFFF00;
}
.choice .v5:hover{
background-color: #FFCC00;
}
.choice .v6:hover{
background-color: #FF9900;
}
.choice .v7:hover{
background-color: #FF6600;
}
.choice .v8:hover{
background-color: #FF0000;
}
.layout-columns input[type="radio"]:checked + .v0{
background-color: #00FF00;
}
.layout-columns input[type="radio"]:checked + .v1{
background-color: #65FF00;
}
.layout-columns input[type="radio"]:checked + .v2{
background-color: #99FF00;
}
.layout-columns input[type="radio"]:checked + .v3{
background-color: #CCFF00;
}
.layout-columns input[type="radio"]:checked + .v4{
background-color: #FFFF00;
}
.layout-columns input[type="radio"]:checked + .v5{
background-color: #FFCC00;
}
.layout-columns input[type="radio"]:checked + .v6{
background-color: #FF9900;
}
.layout-columns input[type="radio"]:checked + .v7{
background-color: #FF6600;
}
.layout-columns input[type="radio"]:checked + .v8{
background-color: #FF0000;
}
/* .iso_table input[type="radio"]:checked + .v2 {
background-color: #fff300;
} */
.choice:checked {
background-color: #84D0F0;
}
.layout-three-columns>li {
text-align: center;
}
.layout-three-columns>li.first {
padding-right: 9%;
text-align: center;
/* padding-right: 10px;
text-align: left; */
}
.layout-three-columns>li.second {
padding-right: 5%;
}
.layout-three-columns>li.fourth {
padding-left: 5%;
}
.layout-three-columns>li.fifth {
padding-left: 9%;
text-align: center;
/* padding-left: 10px;
text-align: right; */
}
.layout-three-columns>li {
padding-top: 17px;
padding-bottom: 17px;
word-break: break-word;
width: 33%;
}
.submit_button{
margin: 5%;
padding: 1% 5%;
float: right;
background-color: #C3EDFF;
border-radius: 5px;
border: 0;
box-shadow: 0px 2px 5px grey;
}
.submit_button:hover{
background-color: #84D0F0;
}
.label_typederisque{
margin-top: 2%;
}
.typederisque{
color: #172983;
text-decoration: none;
font-size: 1.5em;
margin: 2%;
}
.qrs_table{
width: 100%;
}
/*------------------------------------*\
Page réponse ISO
\*------------------------------------*/
.quest_iso{
/* margin-top: 30px; */
margin-bottom: 18em;
display: flex;
flex-direction: column;
}
.iso_table td {
border-bottom: 1px solid #ddd;
}
.sections:hover {background-color: #6495ed80}
.questions:hover {background-color: #87ceeb99}
.propositions:hover {background-color: #c0c09c4d}
.table{
overflow-x: auto;
}
.proposition_indice_iso{
width : 5%;
}
.iso_proposition_clause{
width : 15%;
}
.iso_proposition_mesure{
width : 25%;
}
.iso_proposition_objectif{
width : 25%;
}
.proposition_value{
/* display: inline-block */
width: 22%;
text-align: center;
padding-top: 7px;
}
.proposition_value_archived{
width: -moz-min-content;
width: min-content;
text-align: center;
}
.iso_table input[type="radio"] {
display: none;
cursor: pointer;
}
.iso_table .box {
width: 30px;
height: 30px;
background-color: #fff;
transition: all 250ms ease;
will-change: transition;
display: inline-block;
text-align: center;
/* cursor: pointer; */
position: relative;
}
.iso_table .round{
border-radius: 15px;
}
.iso_table .box:active {
transform: translateY(10px);
}
.iso_table .box span {
position: absolute;
transform: translate(0, 4px);
left: 0;
right: 0;
transition: all 300ms ease;
font-size: 1em;
user-select: none;
color: #007e90;
}
.iso_table .box span:before {
font-size: 1.2em;
font-family: FontAwesome;
display: block;
transform: translateY(-20px);
opacity: 0;
transition: all 300ms ease-in-out;
font-weight: normal;
color: white;
}
.iso_table input[type="radio"] + .vNA {
margin-left: 0.6em;
}
.iso_table input[type="radio"]:checked + .v0 {
background-color: #f34d4d;
}
.iso_table input[type="radio"]:checked + .v1 {
background-color: #f3902f;
}
.iso_table input[type="radio"]:checked + .v2 {
background-color: #fff300;
}
.iso_table input[type="radio"]:checked + .v3 {
background-color: #e7ff00;
}
.iso_table input[type="radio"]:checked + .v4 {
background-color: #7be923;
}
.iso_table input[type="radio"]:checked + .vNA {
background-color: #6f3905;
}
.iso_table input[type="radio"]:checked + .box span:before {
transform: translateY(0px);
opacity: 1;
}
.iso_table input[type="radio"]:hover + .v0 {
background-color: #f34d4d;
}
.iso_table input[type="radio"]:hover + .v1 {
background-color: #f3902f;
}
.iso_table input[type="radio"]:hover + .v2 {
background-color: #fff300;
}
.iso_table input[type="radio"]:hover + .v3 {
background-color: #e7ff00;
}
.iso_table input[type="radio"]:hover + .v4 {
background-color: #7be923;
}
.iso_table input[type="radio"]:hover + .vNA {
background-color: #6f3905;
}
.iso_table .archived.v0 {
background-color: #f34d4d;
}
.iso_table .archived.v1 {
background-color: #f3902f;
}
.iso_table .archived.v2 {
background-color: #fff300;
}
.iso_table .archived.v3 {
background-color: #e7ff00;
}
.iso_table .archived.v4 {
background-color: #7be923;
}
.iso_table .archived.vNA {
background-color: #6f3905;
}
.to-top{
float: right;
margin-top: 30px;
/* margin-right: -30px; */
}
/*------------------------------------*\
Page entreprises
\*------------------------------------*/
.my_companies{
display: flex;
justify-content: space-around;
margin: 3% 0;
flex-wrap: wrap;
}
.comp_boxes{
flex: 1;
}
.my_company{
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 15px 50px 30px;
}
.my_company:hover{
box-shadow: 0 0 20px rgba(33,33,33,.4);
}
.companies_logo{
width: auto;
height: 150px;
}
.company-name{
margin: 0;
}
.background-primary{
background-color: #172983 !important;
color: #fff;
}
/*------------------------------------*\
IMAGES
\*------------------------------------*/
/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/
/* @font-face {
font-family: 'Dosis', sans-serif;
src: url('fonts/Dosis/Dosis-Medium.ttf') format('truetype');
/*font-family:'Font-Name';
src:url('fonts/font-name.eot');
src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
url('fonts/font-name.woff') format('woff'),
url('fonts/font-name.ttf') format('truetype'),
url('fonts/font-name.svg#font-name') format('svg');
font-weight:normal;
font-style:normal;
} */
/* dosis-300 - latin */
@font-face {
font-family: 'Dosis';
font-style: normal;
font-weight: 300;
src: url('./fonts/dosis-v7-latin-300.eot'); /* IE9 Compat Modes */
src: local('Dosis Light'), local('Dosis-Light'),
url('./fonts/dosis-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('./fonts/dosis-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('./fonts/dosis-v7-latin-300.woff') format('woff'), /* Modern Browsers */
url('./fonts/dosis-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('./fonts/dosis-v7-latin-300.svg#Dosis') format('svg'); /* Legacy iOS */
}
/* dosis-regular - latin */
@font-face {
font-family: 'Dosis';
font-style: normal;
font-weight: 400;
src: url('./fonts/dosis-v7-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Dosis Regular'), local('Dosis-Regular'),
url('./fonts/dosis-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('./fonts/dosis-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('./fonts/dosis-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
url('./fonts/dosis-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('./fonts/dosis-v7-latin-regular.svg#Dosis') format('svg'); /* Legacy iOS */
}
/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:320px) {
}
@media only screen and (min-width:480px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:1024px) {
}
@media only screen and (min-width:1140px) {
}
@media only screen and (min-width:1280px) {
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
}
/*------------------------------------*\
MISC
\*------------------------------------*/
::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/
.alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
/*------------------------------------*\
PRINT
\*------------------------------------*/
@media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}