body{
background-color: #eee;
background-color: #ddd;
background-color: slategray;
font-family: "arial";
overflow-y: scroll;
margin:0;
}
input[type="image"]{
cursor:pointer;
}
a.disconnect-btn{
display:inline-block;
border-radius:5px;
padding:2px 5px;
font-size:16px;
font-weight:bold;
background-color:#F00;
color:#fff;
}
.action-link{
cursor:pointer;
}
.validate-btn{
cursor:pointer;
display:block;
padding:3px 2px;
margin:0 5px;
background-color: #3f5588;
color:#fff;
text-align:center;
vertical-align:middle;
border:3px double #fff;
}
.beta-btn{
display:inline-block;
padding:6px 10px 6px 40px;
border-radius:0 10px 10px 0;
line-height:20px;
background-color:#FFD800;
color:#000;
background-image: url('../images/beta-green-pix_32x32.png');
background-repeat: no-repeat;
background-position : center left;
border:2px inset #8ABE68;
font-weight:bold;
}
.resizable{
resize: both;
max-width: 90%;
max-height: 90%;
min-width: 5%;
min-height: 5%;
}
img#show-debug-info{
cursor:pointer;
position:fixed;
bottom:2px;
right:2px;
}
div#hrzn-debug-frame{
position:fixed;
display:none;
width:80%;
margin:20px auto;
padding:20px;
height:50%;
top:20px;
bottom:20px;
right:0;
left:0;
overflow: auto;
background-color:#fff;
color:#000;
border:2px solid #222;
border-radius:2px;
box-shadow:0 0 20px #222;
-webkit-user-drag: element;
}
#video-screen{
position:fixed;
top:-465px;
left:-1px;
width:820px;
height:454px;
background-color: #777;
border:1px solid #222;
padding:5px;
z-index:100000;
border-radius:0 0 20px 0;
}
#video-screen>video{
margin:auto;
}
#video-screen>p#slide-help{
background-color:#fff;
position:absolute;
bottom:-40px;
left:20px;
border:1px solid #222;
border-radius:0 0 5px 5px;
cursor:pointer;
padding:3px 5px;
width:64px;
height:32px;
}
#video-screen>p.slide-down-help{
background: url(../img/slide-down-button-help.png) center center #fff no-repeat;
}
#video-screen>p.slide-up-help{
background: url(../img/slide-up-button-help.png) center center #fff no-repeat;
}
#video-screen.show{
top:-1px;
box-shadow:20px 20px 10px #000;
}
#video-screen.show>p#slide-help{
border-top-color:#fff;
box-shadow:20px 20px 10px #000;
}
.highlight{
background-color: #FABA00 !important;
color:#fff !important;
}
.loading-in-progress{
background-image: linear-gradient(to right, red, red 50%, white 50%);
}
.blinking-highlight{
background-color: #FABA00;
color: #000;
position: relative;
-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
-webkit-animation-delay: 0s; /* Safari 4.0 - 8.0 */
animation-name: example;
animation-duration: 1s;
animation-delay: 0s;
animation-iteration-count: infinite;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
0% {background-color:#000;color:#fff;}
50% {background-color:#fff;color:#000;}
100% {background-color:#000;color:#fff;}
}
/* Standard syntax */
@keyframes example {
0% {background-color:#000;color:#fff;}
50% {background-color:#fff;color:#000;}
100% {background-color:#000;color:#fff;}
}
.no-border{
border:none !important;
}
h1{
background-color: #948375;
/*margin: 20px -23px;*/
margin: 20px -10px 5px;
padding: 5px 20px;
color: #fff;
/*border-radius: 4px;*/
/*box-shadow: 0 -6px 10px #000;*/
}
div.logged-out h1{
background-color: #3f5588;
margin: 20px -20px;
padding: 5px 20px;
color: #fff;
border-radius: 0;
box-shadow:none;
}
p{
margin:2px 0;
}
a{
font-size:12px;
text-decoration: none;
color:#000;
}
a.classic-link{
font-size:inherit;
text-decoration: underline;
color:slateblue;
}
.lineThrough{
text-decoration: line-through grey;
}
a:hover{
/*text-decoration: underline;*/
}
a.backward-link{
/*color:#6699CC;*/
color:#03597f;
display:inline-block;
font-size:14px;
height:24px;
line-height:24px;
background-image: url(../images/previous-page_24x24.png);
background-repeat: no-repeat;
background-position: center left;
padding:0 0 0 30px;
margin:5px 0;
text-decoration: underline;
}
a.back-button{
display: block;
width: fit-content;
padding: 0 10px;
margin:10px 0 20px;
line-height: 26px;
font-size: 14px;
font-weight: 900;
font-family: helvetica, sans-serif;
color: #fff;
text-decoration: none;
text-align: center;
border-radius: 4px;
background-color: rgba(239,239,239,1);
background-image: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
box-shadow: 0 1px 3px #cfcfcf;
border: 1px solid #bcbcbc;
/*border-left: 0;*/
color: #888;
text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
single-transition: color,0.1s,linear,0;
&:before {
float: left;
margin-top: 1px;
margin-left: -4px;
display: block;
height: 12px;
width: 15px;
content: ' ';
skew: -35deg,0;
background-color: rgba(239,239,239,1);
background-image: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
border-left: 1px solid #aaa;
}
&:after {
position: relative;
margin-top: -13px;
margin-bottom: 1px;
margin-left: -4px;
margin-right: auto;
display: block;
height: 12px;
width: 15px;
content: ' ';
skew: 35deg,0;
background-color: rgba(239,239,239,1);
background-image: linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
border-left: 1px solid #aaa;
box-shadow: -2px 1px 2px rgba(100,100,100,0.1);
}
}
a.back-button:hover {
color: hsl(210, 100%, 40%);
}
fieldset{
border-radius:10px;
border:1px solid #6699CC;
background-color: #eee;
font-size:12px;
padding:0 10px 10px 10px;
}
legend{
font-size:14px;
border-radius:3px;
background-color: #6699CC;
color:#fff;
border:1px solid #6699CC;
padding:2px 15px;
}
label{
cursor:pointer;
}
.float-left{
float:left;
}
.inline{
display:inline-block;
}
.test-stripe-height{
position:fixed;
display:none;
width:20px;
left:100px;
top:5px;
border:1px solid #000;
background-color: #fff;
z-index:100000;
padding:5px;
}
.test-stripe-width{
position:fixed;
display:none;
height:20px;
top:100px;
left:5px;
border:1px solid #000;
background-color: #fff;
z-index:100000;
padding:5px;
}
/*
ul,li{
list-style: none;
margin: 0;
padding: 0;
text-indent: 0;
}
*/
h2,h3,h4{
margin-bottom:5px;
}
#loader-frame{
display:none;
position:fixed;
z-index:20000;
height:180px;
width:180px;
background-color: #AAC;
border:1px solid #000;
border-radius:10px;
box-shadow:5px 5px 5px #000;
padding:20px;
}
.loader {
margin:auto;
/*border: 16px solid #f3f3f3;*/
border: 16px solid #fff;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 40px;
height: 40px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
div.new{
margin:0;
border:1px solid #ccc;
border-radius:3px;
padding:0;
background-color:#ee4433;
background-color:antiquewhite;
color:#FFF;
font-size:15px;
line-height: 18px;
position:relative;
}
.danger{
background-image: url(../images/danger_32x32.png);
background-position: 3px;
background-repeat: no-repeat;
}
.closable,.hidable,
.closableWithConfirmation,.closable-with-message-read-confirmation,
th.sortable p.closable,th.sortable p.hidable{
background-image: url(../images/close_24x24.png);
background-position-x: 3px;
background-repeat: no-repeat;
height:28px;
width:28px;
padding:0; margin:0;
position:absolute;
top:6px;right:6px;
border:none;
cursor:pointer;
}
.closable2::before{
content:'
';
}
div.new p{
margin:10px;
font-size:15px;
color:#000;
line-height: 18px;
}
div.new span.title{
display:block;
font-weight:bold;
padding:5px 5px 5px 40px;
margin:0;
background-color:#ee4433;
text-align:left;
font-size:18px;
}
p.info, div.info{
margin:10px 0;
border:1px solid #ccc;
border-radius:15px 5px 5px 5px;
padding:5px 10px 5px 40px;
background-color:#DDF1FF;
color:#222;
background-image: url(../images/icon_info.png);
background-position: 3px 3px;
background-repeat: no-repeat;
font-size:15px;
line-height: 20px;
font-style:italic;
}
.info a{
font-size:inherit;
text-decoration: underline;
font-style:none;
}
.error{
margin-top:0px;
/*text-indent: 30px;
font-weight:bold;*/
color:red;
}
p.warning{
background-image: url(../images/warning_48x48.png);
background-repeat: no-repeat;
background-position: left 10px top 10px;
padding: 20px 20px 20px 70px;
border: 1px solid #333;
background-color: gold;
margin: 0px 0px;
border-radius: 5px;
}
tr.error-removed td{
margin-top:0px;
/*text-indent: 30px;
font-weight:bold;*/
color:grey;
text-decoration: line-through grey;
}
img.switch-toggle-feature{
cursor:pointer;
}
.success{
margin-top:0px;
/*text-indent: 30px;
font-weight:bold;*/
color:green;
}
#error-info-frame{
position: fixed;
top:2px;
left:2px;
background-color:#fff;
color:#000;
padding:10px;
max-height:600px;
max-width:600px;
border:1px solid #222;
box-shadow:10px 10px 10px #000;
margin:0;
display:none;
z-index:20000;
overflow: auto;
}
.exergue{
font-weight:bold !important;
}
.hidden{
display:none;
}
.visible{
display:block;
}
.popin{
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
margin:auto;
z-index:1000;
border-radius:10px;
background-color: #ddd;
border:2px solid #222;
box-shadow: 0 0 10px 10px #333;
}
.popin h3{
font-size:16px;
background-color: #3f5588;
color: #FFF;
text-align: center;
line-height: 24px;
border-radius:7px 7px 0 0;
margin:0;
}
.popin>div{
margin:10px;
}
.medium-size-popin{
width:50%;
height:50%;
}
form.load-selection-file{
text-align: center;
width:400px;
height:170px;
padding:10px;
border:1px solid #222;
background-color: #eee;
box-shadow:0 0 10px #000;
border-radius:5px;
}
#main-container{
margin:0 auto;
width:1000px;
background-color: #fff;
}
header{
position:relative;
height:126px;
margin:0;
padding: 0;
}
header #userInfoFrame{
float:right;
margin: 2px 60px auto auto;
max-width: 240px;
border-left:1px solid #3f5588;
padding-left:20px;
}
img#logo-test{
position: absolute;
/* left: 0; */
right: 20px;
top: 130px;
margin: auto;
width: 80px;
z-index: 1;
}
header #selection-on-frame{
display:none;
position:fixed;
top:0;
left:400px;
width:200px;
text-align:center;
padding:5px;
border-radius:0 0 20px 20px;
background-color: #FABA00;
border:2px solid #000;
border-top:none;
box-shadow: 0px 0 10px #000;
background: radial-gradient(circle, yellow, #FABA00);
z-index:2;
}
#user-info{
position:relative;
float:right;
margin:8px;
padding:2px 10px;
background-color: #5884C3;
border:1px solid #aaa;
width:320px;
height:100px;
border-radius:5px;
color:#fff;
}
#user-info p{
height:12px;
line-height: 10px;
padding:0;margin:4px;
font-size:13px;
}
#user-info a{
color:#5884C3;
background-color:#fff;
border:1px solid #fff;
border-radius:3px;
padding:3px 5px;
display:inline-block;
margin:10px;
background-color: #2D519E;
color:#fff;
border:none;
border-radius:0;
padding:0 5px;
display:block;
margin:0 2px;
}
#user-info a:hover{
color:#fff;
background-color:#5884C3;
background-color: #fff;
color:#2D519E;
}
#user-info #user-name{
display:inline-block;
height:20px;
line-height:20px;
padding:0 0 0 5px;margin:0;
background-color: #2D519E;
color:#fff;
height:auto;
}
#user-info #user-name img#more-parameters{
margin-left: 10px;
margin:0;
padding:0;
border:none;
float:right;
margin-left:5px;
cursor:pointer;
}
div#nav-parameter{
height:0;width:0;
margin: 0;padding:0;border:none;
box-shadow: none;
line-height:0;
position:relative;
}
div#nav-parameter>ul{
display: none;
position:absolute;
top: 0;
left:0;
line-height:14px;
background-color: #2D519E;
width:140px;
padding-bottom:10px;
border-radius:0 0 10px 0;
box-shadow: 0 10px 10px #000;
z-index:1;
}
div#nav-parameter>ul>li{
margin:0;
height:26px;
line-height:26px;
}
form#logout{
position:absolute;
bottom:-10px;
right:8px;
}
form#logout input[type=image]{
cursor:pointer;
}
nav{
height:30px;
background-color:#008;
color:#fff;
margin:0 -4px;
border-radius:5px;
box-shadow:0 0 3px #000;
padding:0;
height:40px;
background-color:#3f5588;
color:#fff;
margin:0;
border-radius:0;
box-shadow:none;
padding:0;
}
nav>ul{
padding:0;
margin:0 0 0 50px;
}
nav>ul>li{
position:relative;
margin:-3px 0;
padding: 0;
border:3px solid #fff;
border-radius:3px;
display:inline-block;
box-shadow: 0 0 4px #333;
height:30px;
line-height:30px;
position:relative;
margin:0;
padding: 0;
border:none;
border-radius:0;
/*display:inline-block;*/
float:left;
box-shadow:none;
height:40px;
line-height:40px;
}
nav>ul>li{
border-right:1px solid #fff;
}
nav>ul>li:first-child{
border-left:1px solid #fff;
}
nav>ul>li>a,
nav>ul>li>span{
padding: 0 10px;
text-align:center;
color:#fff;
text-decoration: none;
font-weight:bold;
font-size:16px;
display: block;
}
nav>ul>li:hover>ul{
display: block;
}
nav>ul>li ul{
position:absolute;
left:0;
top:40px;
background-color:#3f5588;
color:#fff;
margin:0;padding:0;
z-index:1000;
display:none;
border:none;
border-radius:0;
min-width:100px;
}
nav>ul>li ul>li{
margin:0;
list-style: none;
padding:0;
}
nav>ul>li ul>li{
border-bottom:1px solid #fff;
}
nav>ul>li ul>li:first-child{
border-top:1px solid #fff;
}
nav>ul>li ul>li>a{
display:block;
padding: 0 10px;
color:#fff;
text-decoration: none;
font-weight:bold;
font-size:14px;
border:1px solid #3f5588;
}
nav>ul>li>a:hover{
background-color:#3d6bac;
border-bottom:0 solid #3d6bac;
border-top:0 solid #3d6bac;
border-left:0 solid transparent;
border-right:0 solid transparent;
color:#fff;
}
nav>ul>li ul>li>a:hover{
background-color:#3d6bac;
border-bottom:1px solid transparent;
border-top:1px solid transparent;
border-left:1px solid #3d6bac;
border-right:1px solid #3d6bac;
color:#3f5588;
color:#fff;
}
div.subnav{
width:100%;
height:40px;
margin:20px 0 0 0;
}
div.subnav ul li{
display:inline-block;
}
div.subnav ul li a {
background-color: #3f5588;
color: #fff;
border-radius: 10px;
font-size: 12px;
padding: 4px 17px;
font-weight: normal;
margin: 0 3px;
}
#main-content{
padding:0 20px 20px;
padding:0 10px 20px;
min-height: 400px;
position:relative;
}
#bottom{
/*background-color:#3f5588;*/
background-color:#948375;
padding:10px;
}
#bottom a{
color:#fff;
text-decoration:none;
font-weight:bold;
font-size:12px;
}
form#branch-selection{
border:1px solid #ddd;
border-radius:5px;
background-color: #fff;
padding: 2px 10px;
width:400px;
position:relative;
margin:0;
}
form#branch-selection>input[type="checkbox"]{
margin-right:5px;
cursor:pointer;
}
form#branch-selection>input[type="checkbox"]+label{
margin-right:30px;
font-size:13px;
font-weight:bold;
cursor:pointer;
}
form#branch-selection>input[type="submit"]{
position:absolute;
top:0;right:0;
height:24px;
width:100px;
border:none;
background-color: #6699CC;
color:#fff;
padding:2px 5px;
font-size:14px;
border-radius:0 5px 5px 0;
cursor:pointer;
}
ul#fabdis-tab{
position:relative;
z-index:10;
list-style: none;
width:640px;
margin:0 0 0 40px;
}
ul#fabdis-tab li{
position:relative;
display: inline-block;
border: 1px solid #222;
border-bottom: none;
border-radius:4px 15px 0 0;
background-color: #5bc0de;
background-color: #6699CC;
color:#000;
font-size:14px;
padding:0;
margin:0 -5px;
/*box-shadow: -5px 0 5px 0 #333;*/
z-index:9;
}
ul#fabdis-tab.removed-article li{
border: #FF0000 solid 2px;
border-bottom:none;
background-color: #FF0000;
}
ul#fabdis-tab.removed-article li:hover a{
background-color: #FF6884;
}
ul#fabdis-tab.end-of-life-article li{
border: #faba00 solid 2px;
border-bottom:none;
background-color: #faba00;
}
ul#fabdis-tab.end-of-life-article li:hover a{
background-color: #FFE65E;
}
ul#fabdis-tab li:hover,ul#fabdis-tab li:hover a{
border-radius:4px 15px 0 0;
background-color: #CDF0FD;
color: #000;
}
ul#fabdis-tab li.on{
background-color:lavender;
background-color:#6699CC;
background-color:#f4f4f4;
border-bottom: 1px solid #f4f4f4;
color:#000;
z-index:10;
}
ul#fabdis-tab li a{
text-decoration: none;
font-weight:bold;
color:#fff;
display:block;
padding:5px 20px 5px 10px;
}
ul#fabdis-tab li.on a{
color:#000;
}
div#fabdis-content{
position:relative;
z-index:1;
background-color: lavender;
background-color: #f4f4f4;
border:1px solid #000;
border-top:1px #000 dotted;
padding: 0 10px 20px;
margin-top:-2px;
}
div#fabdis-content .hidden{
position:absolute;
top:0;
left:0;
}
div#fabdis-content table#manufacturers{
margin:0;
}
div#requestAnswerManagement{
}
div#requestAnswerManagement table td{
vertical-align: top;
}
table>thead{
/*
position:sticky;
top:0;
*/
}
table.alterne{
border-collapse:separate;
font-size:8px;
}
table.alterne thead>tr,table.alterne tbody>tr{
border-collapse:separate;
}
table.alterne tbody>tr:nth-child(2n+1){
background-color:#CDF0FD;
}
table.alterne tbody>tr:nth-child(2n){
background-color:#5bc0de;
}
table.alterne tbody>tr:nth-child(2n+1)>td.algotarif{
background-color:#FFEAAA;
}
table.alterne tbody>tr:nth-child(2n)>td.algotarif{
background-color:#FFD800;
}
table.alterne tbody>tr:nth-child(2n+1)>td.fabdis{
background-color:#CDF0FD;
}
table.alterne tbody>tr:nth-child(2n)>td.fabdis{
background-color:appworkspace;
}
table.alterne tbody>tr:nth-child(2n+1)>td.proprietaire{
background-color:#EBEBEB;
}
table.alterne tbody>tr:nth-child(2n)>td.proprietaire{
background-color:#CCCCFF;
}
table.alterne tbody>tr:nth-child(2n+1)>td.avis-de-hausse{
background-color:#C1FFD6;
}
table.alterne tbody>tr:nth-child(2n)>td.avis-de-hausse{
background-color:#7CFF96;
}
.right-border-thick{
border-width:1px thick 1px 1px;
}
.left-border-thick{
border-width:1px 1px 1px thick;
}
.info-complementaire{
font-size:10px;
}
div#first-filter-frame{
background-color: #eee;
border-radius: 0 0 8px 8px;
margin-top:-20px;
padding:0;
font-size: 13px;
width: 820px;
margin: -20px auto 0;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999
}
table.first-filter{
width:100%;
}
table.first-filter td{
padding:0;
vertical-align:top;
}
form#nbPageSelector,p#nb-total-products,p#nb-total-manufacturer,p#nb-total-retailer{
font-size:13px;
display:inline-block;
margin:2px 0;
padding:0;
}
ul#perimetres{
margin-left:75px;
}
ul#perimetres li{
/*display:inline-block;*/
float:left;
margin:4px 3px;
}
ul#perimetres li>input[type=checkbox]{
display:none;
}
ul#perimetres li>input[type=checkbox]+label{
font-size:13px;
background-color: #ccc;
border-radius:4px;
color:#fff;
padding:2px 6px;
}
ul#perimetres li>input[type=checkbox]:checked+label{
background-color: #5884C3;
}
table#display-mode{
border-top:1px solid #000;
border-collapse:collapse;
border-radius:10px;
}
table#display-mode th{
margin: 0;
background-color: #5884C3;
color: #fff;
font-size: 16px;
border-radius: 0 0 0 10px;
}
table#display-mode td{
background-color: transparent;
margin:0;
padding:0;
border:none;
}
table#display-mode td>input[type=checkbox]{
display:none;
}
table#display-mode td>input[type=checkbox]+label{
font-size:12px;
background-color: #ccc;
border-radius:4px;
color:#fff;
padding:2px;
display: block;
margin: 5px 49px
}
table#display-mode td>input[type=checkbox]:checked+label{
background-color: #5884C3;
}
form#search-form{
width:330px;
font-size:13px;
margin:20px auto;
padding:0;
display:block;
}
div#manufacturer-action a,div#manufacturer-action span{
display:block;
height:21px;
line-height:21px;
text-align: center;
padding:3px 11px;
margin:0 3px;
border:1px solid #ddd;
background-color: #6699CC;
border-radius:5px;
color:#fff;
float:left;
}
div#manufacturer-action a>img,div#manufacturer-action span>img{
display:inline-block;
vertical-align: middle;
}
div#manufacturer-action span.not-loaded{
opacity:0.9;
}
table#manufacturers{
width:100%;
border:none;
border-collapse: separate;
font-size:11px;
margin:20px 0;
}
table#manufacturers.specifique-careso{
width:100% !important;
font-size:14px !important;
}
table#manufacturers.specifique-careso th{
width:25% !important;
text-align: left;
}
table#manufacturers>tbody>tr:hover>td{
color:#000;
background-color:#CDF0FD;
}
table#manufacturers>tbody>tr:hover>td.green{
color:#fff;
background-color:teal;
}
table#manufacturers tbody tr:hover td.prod2080{
background-color:limegreen !important;
color:white !important;
}
table#manufacturers td:first-child{
width:55%;
}
table#manufacturers td{
padding:5px 10px;
border:none;
vertical-align:top;
position:relative;
}
table#manufacturers td a{
text-decoration: none;
font-weight:normal;
color:#6666AA;
word-break: break-all;
}
table#manufacturers td a:hover{
text-decoration: underline;
color:#008;
}
table th,
table td.header{
background-color: #6699CC;
font-weight:bold;
border:none;
padding:5px;
color:#fff;
}
table th:last-child{
border-right:1px solid #6699CC;
}
table#manufacturers>tbody tr:nth-child(2n){
background-color: #ddd;
}
table#manufacturers>tbody tr:nth-child(2n+1){
background-color: #eee;
}
table#manufacturers tfoot tr td{
background-color:#6699CC;
padding:10px 0;
text-align:center;
}
table#loginData tr td,
table#loginData tr th{
vertical-align: top;
padding-bottom: 20px;
}
form#login{
background-color: #6699CC;
width:320px;
padding:0 0 10px 0;
margin:70px auto;
border-radius:10px;
border:1px solid #6699CC;
}
form#login h2{
border-radius:10px 10px 0 0;
background-color:#fff;
color:#3f5588;
color:#6699CC;
text-align:center;
margin:0;padding:2px 0;
}
table#login{
background-color: #6699CC;
margin:10px auto;
border:none;
color:#fff;
}
table#login td{
padding:10px 10px 0;
font-size:14px;
}
table#login td input[type=submit]{
float: right;
background-color: #3f5588;
border:none;
color:#fff;
padding: 8px 15px;
height:26px;
line-height: 10px;
font-size:14px;
cursor:pointer;
border-radius:4px;
}
table.commerce-data{
border:1px solid #333;
border-collapse: collapse;
font-size:14px;
margin-bottom:10px;
}
table.commerce-data th{
/*background-color: #6699CC;*/
background-color: #03597f;
color:#fff;
font-weight: bold;
font-size:12px;
}
div#fabdis-content.removed-article{
border:solid 2px #ff0000;
}
div#fabdis-content.end-of-life-article{
border:solid 2px #faba00;
}
table.commerce-data th,table.commerce-data td{
vertical-align: top;
padding:5px 8px;
border:1px solid #000;
}
table.commerce-data td{
background-color: #fff;
}
.center{
text-align: center !important;
}
.right{
text-align: right !important;
}
.left{
text-align: left !important;
}
.float-right{
float:right;
}
.float-left{
float:left;
}
#overlay, #overlay-not-closable-on-click{
position:fixed;
top:0;left:0;right:0;bottom:0;
width:100%;
height:100%;
margin:0;padding:0;
opacity: 0.4;
background-color: #000;
z-index:9;
display: none;
cursor:pointer;
background-attachment: url("../images/close.png");
background-position: top right;
}
.overlay-with-content{
position:fixed;
top:5px;left:5px;right:5px;bottom:5px;
/*width:100%;
height:100%;*/
margin:0;padding:0;
opacity: 1;
border: 5px solid #333;
box-shadow: 0 0 10px #000;
background-color: #fff;
z-index:10000;
background-attachment: url("../images/loader_20x20.gif");
background-position: center center;
overflow:auto;
}
#idle-overlay{
position:fixed;
top:0;left:0;right:0;bottom:0;
width:100%;
height:100%;
margin:0;padding:0;
opacity: 0.4;
background-color: #000;
z-index:10000;
display: block;
cursor:pointer;
background-image: url("../images/loading.gif");
background-position: center center;
background-repeat: no-repeat;
}
#overlay img{
position:absolute;
background-color: #fff;
margin:20px auto;
}
#overlay2{
position:fixed;
top:0;left:0;right:0;bottom:0;
width:100%;
height:100%;
margin:0;padding:0;
opacity: 0.4;
background-color: #000;
z-index:10;
display: none;
cursor:pointer;
}
#overlay-loading{
position:fixed;
top:0;left:0;right:0;bottom:0;
width:100%;
height:100%;
margin:0;padding:0;
opacity: 0.4;
background-color: #000;
z-index:1;
/*display:none;*/
/*cursor:pointer;*/
background-image: url("../images/loader_20x20.gif");
background-position: center center;
background-repeat: no-repeat;
background-size: 50px 50px;
}
#btn-close{
position:absolute;
top:-15px;
right:-15px;
cursor:pointer;
}
.sub-block{
background-color: #EEE;
margin:0 0 40px;
border:1px #333 solid;
}
.sub-block h3{
background-color:#5bc0de;
background-color: #6699CC;
padding:5px 0 5px 10px;
margin:0;
text-transform:uppercase;
color:#fff;
}
form#switch-manufacturer-loaded{
margin:0;
}
p.nomenclature-links{
font-size:14px;
margin:2px 0;
}
p.nomenclature-links a{
font-size:14px;
color:#6699CC;
}
div#categoriesTreeFrame{
position:relative;
min-height:300px;
background-color: #9be;
background-color: #ddd;
border:1px solid #999;
border-top:none;
padding:20px 5px;
}
div#categoriesTreeFrame>div{
position:static;
top :0;
left:0;
padding:0;
margin:0;
border:none;
}
div#categoriesTreeFrame ul.category,div#manufacturer-tree ul.category ul{
display:none;
}
/*
.show{
display:block !important;
position:static !important;
}
*/
div.mapping-tree{
width: 49%;
background-color: #ddd;
border: solid #ccc 1px;
min-height:400px;
/*display:inline-table;*/
margin:0;
position:relative;
}
form#reset-form{
position:absolute;
top:0;
right:0;
}
div.mapping-tree>ul>li ul{
display:none;
}
div.mapping-tree li{
list-style: none;
}
img.expand-tree, img.reduce-tree{
/*position: absolute;
left:-15px;*/
margin:auto 0px -5px -5px;
}
img.expand-tree{
cursor: zoom-in;
}
img.reduce-tree{
cursor:zoom-out;
}
.alphabetical-links a{
display:inline-block;
min-width:15px;
text-align: center;
background-color: #fff;
color:#6699CC;
border-radius:5px;
box-shadow:0 0 2px #222;
margin:4px;
padding:4px 4px 2px;
text-decoration: none;
line-height: 15px;
height:15px;
border:1px solid #6699CC;
}
.alphabetical-links a.selected{
box-shadow:none;
background-color: #6699CC;
color:#fff;
}
.alphabetical-links a:hover{
box-shadow:none;
background-color: #6699CC;
color:#fff;
background-color:#CDF0FD;
color:#000;
}
p.pagination-links{
text-align:center;
}
p.pagination-links a{
display:inline-block;
min-width:15px;
text-align: center;
background-color: #fff;
background-color: #999;
color:#999;
color:#fff;
margin:4px;
padding:4px 4px 2px;
text-decoration: none;
line-height: 12px;
font-size:12px;
height:12px;
border:1px solid #999;
border-right:none;
border-top:none;
border-left:none;
border-radius:5px;
}
p.pagination-links a:hover{
background-color: #ccc;
color:#fff;
}
p.pagination-links a.selected{
background-color: #999 !important;
color:#fff !important;
background-color: #fff !important;
color:#000 !important;
font-weight:bold !important;
}
ul#pagination-links{
text-align:center;
}
ul#pagination-links li{
display:inline-block;
width:30px;
background-color: #3f5588;
color:#fff;
margin:4px;
padding:0;
height:20px;
border:1px solid #999;
border-right:none;
border-top:none;
border-left:none;
border-radius:5px;
}
ul#pagination-links li a{
display:block;
text-align: center;
background-color: #3f5588;
color:#fff;
padding:2px;
text-decoration: none;
line-height: 16px;
font-size:12px;
height:16px;
border-radius:5px;
pointer:cursor;
}
ul#pagination-links li a:hover{
background-color: #72ACE5;
color:#fff;
}
ul#pagination-links li a.selected{
background-color: #72ACE5 !important;
color:#fff !important;
font-weight:bold !important;
}
div#header-space{
width:675px;
display:inline-block;
}
form#search-form, form#search-in-algotree-form{
position:relative;
}
form#search-in-algotree-form{
margin-left:100px;
width:220px;
float:left;
text-align:center;
padding-top:60px;
}
form#search-form p.search-result-details{
display:none;
position:absolute;
left:260px;
top:10px;
z-index:20000;
min-width:250px;
max-width:500px;
/* border:1px solid #333;*/
background-color: #CDF0FD;
padding:5px 5px 5px 10px;
box-shadow:3px 3px 3px #000;
border-radius:10px;
min-height: 150px;
height: auto;
}
input#search,input#header-search{
position:relative;
width:330px;
height:25px;
background-color: #eee;
border-radius:4px;
border:1px solid #6699CC;
padding:2px 4px;
display:block;
margin:0 auto;
}
input#search.loading,input#header-search.loading{
background-image: url(../images/loader_20x20.gif);
background-position-x: right;
background-position-y: center;
background-repeat: no-repeat;
}
input#search::placeholder,input#header-search::placeholder{
color:#bbb;
font-weight:normal;
}
input#search+div,input#header-search+div{
text-align:left;
position:absolute;
background-color:#eee;
width:330px;
border:1px solid #333;
padding-top:5px;
max-height: 180px;
overflow: auto;
z-index:10;
}
input#search+div>ul>li>a,input#header-search+div>ul>li>a{
border-top:1px solid #eee;
border-bottom:1px solid #eee;
display: block;
padding: 2px;
text-decoration: none;
color: #000;
font-size:13px;
padding:3px;
margin:1px 0;
/* border:1px solid transparent;
border-right:none;*/
}
input#search+div>ul>li{
/* position:relative;*/
}
input#search+div>ul>li>a:hover,input#header-search+div>ul>li>a:hover{
background-color: #CDF0FD;
/*border:1px solid #333;
border-right:none;*/
color:#000;
z-index:3000000;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
/*box-shadow:3px 3px 5px #000;*/
}
span.not-loaded>img{
opacity:0.4;
}
.center-in-frame{
margin:auto !important;
}
.center-in-frame-2{
top: 20%;
margin: auto;
width:80%;
left:10%;
right:10%;
}
.padding-vert-1{padding-top:1px; padding-bottom:1px; display: inline-block;}
.padding-vert-2{padding-top:2px; padding-bottom:2px; display: inline-block;}
.padding-vert-3{padding-top:3px; padding-bottom:3px; display: inline-block;}
.padding-vert-4{padding-top:4px; padding-bottom:4px; display: inline-block;}
.padding-vert-5{padding-top:5px; padding-bottom:5px; display: inline-block;}
.padding-vert-6{padding-top:6px; padding-bottom:6px; display: inline-block;}
.padding-vert-7{padding-top:7px; padding-bottom:7px; display: inline-block;}
.padding-vert-8{padding-top:8px; padding-bottom:8px; display: inline-block;}
.padding-vert-9{padding-top:9px; padding-bottom:9px; display: inline-block;}
.padding-vert-10{padding-top:10px; padding-bottom:10px; display: inline-block;}
.padding-horiz-1{padding-left:1px; padding-right:1px; display: inline-block;}
.padding-horiz-2{padding-left:2px; padding-right:2px; display: inline-block;}
.padding-horiz-3{padding-left:3px; padding-right:3px; display: inline-block;}
.padding-horiz-4{padding-left:4px; padding-right:4px; display: inline-block;}
.padding-horiz-5{padding-left:5px; padding-right:5px; display: inline-block;}
.padding-horiz-6{padding-left:6px; padding-right:6px; display: inline-block;}
.padding-horiz-7{padding-left:7px; padding-right:7px; display: inline-block;}
.padding-horiz-8{padding-left:8px; padding-right:8px; display: inline-block;}
.padding-horiz-9{padding-left:9px; padding-right:9px; display: inline-block;}
.padding-horiz-10{padding-left:10px; padding-right:10px; display: inline-block;}
.bg-green{background-color:green;color:white;}
.bg-lightgreen{background-color:lightgreen;color:black;}
.bg-red{background-color:red;color:white;}
.bg-grey{background-color:grey;color:white;}
.bg-lightyellow{background-color:#FFEAAA;color:#333;}
.fontColor-green{color:green;}
.fontColor-orange{color:orange;}
.fontColor-red{color:red;}
.fontColor-grey{color:grey;}
tr.activeline-green td{background-color:lightgreen;color:black;}
.retailer-details{
width:100%;
border:1px solid #333;
border-collapse: separate;
font-size:11px;
width:400px;
}
table.retailer-details th{
background-color: #6699CC;
font-weight:bold;
border-right:1px solid #fff;
border-left:1px solid #6699CC;
border-top:1px solid #6699CC;
border-bottom:1px solid #6699CC;
padding:5px;
color:#fff;
width:20%;
}
table.retailer-details td{
padding:5px 10px;
border:1px solid transparent;
background-color:#eee;
}
table#product-filters{
width:100%;
border:1px solid #ccc;
border-collapse: separate;
background-color: #eee;
margin-bottom:10px;
border-radius:0 10px 10px 10px;
}
table#product-filters td{
border:1px solid transparent;
width:50%;
text-align: left;
padding:5px;
vertical-align:top;
}
table#product-filters td:first-child{
text-align: left;
border-right:1px solid #ccc;
}
table#product-filters td p{
padding:5px 0 0 0;
margin:0;
font-size:13px;
}
table#product-filters td p a{
color:#6699CC;
font-weight:bold;
}
table#product-filters td p.display-tree-browser{
cursor:pointer;
display:inline-block;
background-color: #6699CC;
color:#fff;
border-radius:0 0 8px 0;
padding:2px 15px 2px 10px;
margin:-8px 0 0 -9px;
font-size:12px;
}
div#messageBox{
position:fixed;
z-index:20000;
border-radius:10px;
padding:0;
border:1px solid #000;
box-shadow:0 0 10px #fff;
background-color: #fff;
overflow: auto;
}
div#messageBox>div{
margin:0;
width:100%;
}
div#messageBox h4{
background-color: #6699CC;
color:#fff;
text-align:center;
font-size:14px;
padding:10px;
margin:0 0 10px 0;
}
div#messageBox .mapping-tree{
width:100%;
min-width:470px;
min-height: 600px;
padding:0;
background-color: transparent;
border:none;
}
div#messageBox .mapping-tree #branch-tabs{
padding:0;
margin:0;
}
div#messageBox .mapping-tree #branch-tabs a.branch-link{
display:inline-block;
color:#fff;
padding:2px 3px;
text-decoration:none;
padding: 3px 5px;
background-color: #0B3382;
background-color: #6699CC;
border: 1px #fff solid;
border-bottom:none;
border-bottom:none;
border-radius: 6px 10px 0 0;
color: #fff;
margin: 0px -7px 0 0;
font-size: 11px;
}
div#messageBox .mapping-tree #branch-tabs a.branch-link.branch-link.on{
background-color:#9be;
color:#0B3382;
border:1px solid #333;
border-bottom: none;
background-color:#ddd;
color:#000;
font-weight:bold;
}
div#list-in-tree{
padding:0;
background-color: #fff;
}
div#list-in-tree>div{
margin:0;
width:100%;
}
div#list-in-tree .mapping-tree{
width:100%;
min-width:470px;
min-height: 600px;
padding:0;
background-color: transparent;
border:none;
}
div#list-in-tree .mapping-tree #branch-tabs{
padding:0;
margin:0;
}
div#list-in-tree .mapping-tree #branch-tabs a.branch-link{
display:inline-block;
text-decoration:none;
padding: 3px 5px;
background-color: #6699CC;
border: 1px #fff solid;
border-bottom:none;
border-radius: 6px 10px 0 0;
color: #fff;
margin: 0px -7px 0 0;
font-size: 11px;
}
div#list-in-tree .mapping-tree #branch-tabs a.branch-link.branch-link.on{
border:1px solid #333;
border-bottom: none;
background-color:#ddd;
color:#000;
font-weight:bold;
}
div.mapping-tree p.tree-node{
padding:0 !important;
border:none !important;
display:inline-block;
color:#FFF;
background-color: #6699CC;
font-size:12px;
}
div.mapping-tree p.tree-node a,div.mapping-tree p.tree-node span{
display:block;
border:1px solid #333;
padding:3px 5px;
margin:0;
background-color: #6699CC;
color:#fff;
text-decoration: none;
font-size:12px;
}
div.mapping-tree p.tree-node a:hover{
background-color: #fff;
color:#000;
}
div.mapping-tree p.tree-node+ul li{
display:block;
padding:0;
margin:2px 0;
background-color: transparent;
border:none;
}
div.mapping-tree p.tree-node+ul li>a{
display:inline-block;
padding:5px 10px;
margin:0;
background-color: #CDF0FD;
color:#000;
border:1px solid #333;
border-radius:5px;
font-size:10px;
}
.filter-btn{
display: inline-block;
margin:10px;
padding:5px 10px 5px 30px;
border:1px solid #999;
border-radius:5px;
background-color:#6699CC;
background-image: url(../images/filtre_24x24.png);
background-position: left center;
background-repeat: no-repeat;
cursor:pointer;
color:#fff;
font-size:14px;
font-weight:bold;
text-align:center;
}
div#cartouche{
position:fixed;
top:0;
right:0;
width:300px;
height:32px;
background-color: #333;
border:1px solid #333;
border-radius:5px;
padding:17px 0;
margin:0;
z-index:20000;
}
div#cartouche p.loading-products{
width:90%;
height:16px;
border:none;
border-radius:3px;
padding:0;
line-height:16px;
margin:0 auto;
font-size:12px;
font-weight:normal;
text-align:center;
color:#fff;
}
div#cartouche div#jauge{
width:90%;
height:16px;
background-color: #f00;
border:none;
border-radius:10px;
padding:0;
line-height:16px;
margin:0 auto;
font-size:14px;
font-weight:bold;
text-align:center;
color:#000;
}
div#cartouche p.loading{
width:90%;
height:32px;
background-color: #fff;
background-image: url(../images/loader_20x20.gif);
background-repeat:no-repeat;
background-position-x: 5px;
background-position-y: center;
border:none;
border-radius:3px;
padding:0;
line-height:16px;
margin:0 auto;
font-size:12px;
font-weight:bold;
text-align:center;
color:#000;
}
p#load-products{
display:inline-block;
padding:5px 10px;
border:1px solid #999;
border-radius:5px;
background-color:#6699CC;
color:#fff;
cursor:pointer;
margin:10px 0;
}
p#load-products:hover{
box-shadow: 0 0 4px #ccc;
}
div#details-header{
}
table.media-data-error{
table-layout: fixed;
width:100%;
}
table.media-data th{
font-size:10px;
white-space:nowrap;
}
table.media-data-error>tbody>tr:nth-child(2n+1){
background-color:#DDF1FF;
}
table.media-data-error>tbody>tr:nth-child(2n){
background-color:#a6c9e2;
}
table.media-data-error td{
padding:0 6px;
}
table.media-data-error td,
table.media-data-error td a{
overflow-wrap: anywhere;
}
table.media-data-error td a{
display:inline-block;
text-decoration:underline;
}
table.media-data-error th:nth-child(1),
table.media-data-error td:nth-child(1){
width:10%;
}
table.media-data-error th:nth-child(2),
table.media-data-error th:nth-child(3),
table.media-data-error th:nth-child(4),
table.media-data-error td:nth-child(2),
table.media-data-error td:nth-child(3),
table.media-data-error td:nth-child(4){
width:25%;
}
table.media-data-error th:nth-child(5),
table.media-data-error td:nth-child(5){
width:15%;
}
.nowrap{
white-space:nowrap !important;
overflow-wrap: anywhere;
}
p#media-stat-btn,p#reglementaire-stat-btn,p#logistique-stat-btn{
display:inline-block;
cursor:pointer;
background-color: #6699CC;
color:#fff;
font-size:11px;
padding:3px 10px 3px 30px;
border:1px solid #999;
border-radius:5px;
background-image:url(../images/media-stats_white_20x20.png);
background-position-x: 4px;
background-position-y: center;
background-repeat: no-repeat;
}
p#media-stat-btn.sharp-bottom-corner,p#reglementaire-stat-btn.sharp-bottom-corner,p#logistique-stat-btn.sharp-bottom-corner{
border-radius:5px 5px 0 0;
box-shadow:-2px 10px 20px #000;
}
div#media-stat,div#reglementaire-stat,div#logistique-stat{
position:relative;
margin-left:-2px;
}
div#media-stat>div,div#reglementaire-stat>div,div#logistique-stat>div{
display: none;
position:absolute;
top:-3px;
z-index:1000;
padding:0;
border:1px solid #ccc;
/*border-top:none;*/
background-color: #fff;
box-shadow: 0 10px 10px #000;
margin-bottom:50px;
}
div#media-stat>div table tr:last-child td,
div#reglementaire-stat>div table tr:first-child td,
div#logistique-stat>div table tr:first-child td{
font-weight:bold;
background-color:#aaa;
}
div#media-stat>div table td,
div#reglementaire-stat>div table td,
div#logistique-stat>div table td{
color:#000;
font-size:12px;
padding:2px 5px;
}
div#media-stat>div table td:last-child,
div#reglementaire-stat>div table td:last-child,
div#logistique-stat>div table td:last-child{
text-align: center;
}
div#media-stat>div table tr:nth-child(2n),
div#reglementaire-stat>div table tr:nth-child(2n),
div#logistique-stat>div table tr:nth-child(2n){
background-color: #ddd;
}
div#media-stat>div table tr:nth-child(2n+1),
div#reglementaire-stat>div table tr:nth-child(2n+1),
div#logistique-stat>div table tr:nth-child(2n+1){
background-color: #eee;
}
div#media-stat>div table tr:hover td,
div#reglementaire-stat>div table tr:hover td,
div#logistique-stat>div table tr:hover td{
color:#000 !important;
background-color:#CDF0FD;
}
div#media-gallery{
position:relative;
display:block;
text-align: center;
min-height:500px;
margin:20px;
background-color:#ddd;
border:1px solid #333;
background-color:transparent;
border:1px solid transparent;
}
div#media-gallery div#left-arrow,div#media-gallery div#right-arrow{
position:absolute;
top:0;
margin:0;
padding:0;
min-height:500px;
width:48px;
background-position: center center;
background-repeat: no-repeat;
opacity:0.2;
cursor: pointer;
}
div#media-gallery div#left-arrow:hover,div#media-gallery div#right-arrow:hover{
opacity:0.8;
}
div#media-gallery div#left-arrow{
background-image:url(../images/left-arrow_48x500.png);
left:0;
top:0;
}
div#media-gallery div#right-arrow{
background-image:url(../images/right-arrow_48x500.png);
right:0;
top:0;
}
div#media-gallery a,div#media-gallery a img{
display:block;
padding:0;
margin:0;
}
div#media-gallery a p{
font-size : 14px;
color:#666;
text-align: center;
padding:5px 0 0;
}
div#media-gallery a::selection,div#media-gallery a img::selection{
background: transparent;
}
td.copying-arrow{
background: url('../images/loading-arrow-cropped.gif') no-repeat;
background-size:20px 50px;
color : #000;
}
div#details-header h2{
margin:2px 0;
font-size:18px;
}
div#details-header h3{
margin:2px 0;
font-size:14px;
font-weight:normal;
}
div#details-header div.labels{
max-width: 60%;
margin:0;
padding:0;
font-size:12px;
}
div#details-header div.labels>p{
text-indent:10px;
margin:0 0 5px 0;
}
div#main-product-info{
position:relative;
margin:0;
padding:5px 0;
font-size:12px;
/*border-top:1px solid #6699CC;
border-bottom:1px solid #6699CC;
border-bottom:1px solid #ccc;*/
border-top:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:none;
background-color: #f4f4f4;
}
div#main-product-info div.labels{
float:left;
}
div#main-product-info table#product-references{
max-width: 40%;
float:right;
}
p.cloud-media-transfer{
cursor:pointer;
}
div#thumbs{
width:100%;
padding:0 17px;
}
div#thumbs div{
display:inline-table;
width:40px;
height:40px;
padding:0;
}
div#thumbs p{
/*float:left;
display: inline-block;*/
position:relative;
width:40px;
height:40px;
line-height:40px;
margin:0;
padding:0;
border:1px solid #ccc;
cursor:pointer;
opacity:0.6;
text-align:center;
vertical-align:bottom;
}
div#thumbs p:hover{
opacity:1;
border:1px solid #3f5588;
border:1px solid #6699cc;
}
div#thumbs p img{
position:absolute;
max-width:100%;
max-height: 100%;
height:auto;
width:auto;
margin:auto;
top:0;bottom:0;
left:0;right:0;
vertical-align:middle;
}
.clear{
clear:both !important;
height:0 !important;
width:0 !important;
padding:0 !important;
margin:0 !important;
border:none !important;
border-radius:0 !important;
box-shadow: none !important;
}
table#selections{
width:100%;
}
table#selections th.date{
width:10%;
}
table#selections th.action,table#selections td.action{
width:1%;
padding:5px;
}
table#selections tr.updating td{
background-color: #F5DEB3;
}
.min-size{
width:1% !important;
}
.max-size{
width:100%;
}
img.play,img.pause,img.reinit{
cursor:pointer;
}
.link-break{
margin:0;padding:0;border:none;border-radius:0;
width:16px;height:16px;
cursor:pointer;
background: url(../images/link_24x24.png) no-repeat center center;
}
.link-break:hover{
background: url(../images/link_break_24x24.png) no-repeat center center;
}
.prod2080{
background-color:limegreen;
color:white;
background-color:lightgreen !important;
color:#6666AA !important;
}
.prod2080 a{
color:white !important;
color:#6666AA !important;
}
.prod2080:hover{
background-color:lightgreen !important;
color:#6666AA !important;
background-color:limegreen;
color:white;
}
.prod2080:hover a{
color:#6666AA !important;
}
.switch_2080_on,.switch_2080_off{
width:48px;
height:18px;
background-color: transparent;
background-image: url(../images/switch.png);
background-repeat: no-repeat;
background-position-x: center;
padding:0;
margin:0;
border:none;
border-radius:0;
cursor:pointer;
}
.switch_2080_off{
background-position-y: bottom;
}
.switch_2080_on{
background-position-y: top;
}
#form-nav2080{
display: inline-block;
margin: 0 0 0 10px;
text-align: center;
font-size: 12px;
font-weight: bold;
border: 1px solid #ddd;
background-color: #6699CC;
padding: 3px;
border-radius: 8px;
color: #fff;
float:right;
}
table.info-secondaire{
border-collapse:collapse;
border:none;
box-shadow: 0 0 5px #000;
}
table.info-secondaire thead th{
background-color:#ccc;
color:#000;
padding:1px;
font-size:9px !important;
}
table.info-secondaire tbody td{
background-color:#fff;
color:#6699cc;
padding:1px;
font-size:9px;
}
#switch-visibility{
cursor:pointer;
}
.dl-nomenclature{
background: url(../images/download-excel-file_32x32.png) 2px center no-repeat #fff;
border:1px solid #2D9365;
border-radius:3px;
padding:5px 8px 5px 40px;
margin:-2px;
color: #2D9365;
font-weight:bold;
height:32px;
line-height:16px;
font-size:10px;
text-transform: uppercase;
}
.dl-nomenclature:hover{
border:1px solid #2D9365;
background-color:#2D9365;
color:#fff;
}
.nb-media-unique{
font-size:11px;
}
.nb-concerned-products{
font-size:10px;
font-style:italic;
}
div.product-with-media{
width:90%;
margin-left:10px;
min-height:100px;
background-image: url(../images/loader_20x20.gif);
background-position:center center;
background-repeat: no-repeat;
}
.product-list{
display:none;
}
.clickable{
cursor: pointer;
}
.dynamic-content{
width:100%;
min-height:200px;
}
.center-in-overlay{
width: 60px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: block;
position: fixed;
}
.center-in-page{
background-color:#fff;
border: 3px solid #288AD2;
border-radius:15px;
box-shadow:0 0 100px #000;
width: 500px;
height:200px;
text-align:center;
color:#288AD2;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding:10px;
margin: auto;
display: block;
position: fixed;
z-index:100000;
}
#error-box{
position:fixed;
width:300px;
z-index:100000;
top:0;
left:0;
right:0;
background-color: #fff;
color:#000;
border-radius:0 0 20px 20px;
box-shadow: 0 0 10px #000;
padding:10px 20px;
margin: 0 auto;
}
#error-box p{
font-weight:bold;
}
.close-extra-content{
position:absolute;
top:0;
right:0;
cursor:pointer;
}
ol.legend{
border:1px solid #333;
border-radius:5px;
background-color: #eee;
color:#222;
font-size:11px;
padding:10px;
margin:10px 0;
list-style-type:decimal;
}
ol.legend li{
padding:2px 0;
margin: 2px 0;
}
.legend img{
width:18px;
height:18px;
vertical-align:middle;
}
.legend span{
display:inline-block;
margin:2px 10px;
line-height: 12px;
font-size:12px;
}
.legend a{
color:#3498db;
text-decoration: underline;
}
img.close-btn{
position:absolute;
top:0;
right:0;
cursor:pointer;
}
.corner-ribbon {
width: 400px;
background: #e43;
position: fixed;
text-align: left;
line-height: 50px;
letter-spacing: 1px;
color: #f0f0f0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
box-shadow: 0 0 30px #000;
top: 84px;
right: -185px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.corner-ribbon a {
display:block;
font-size:12px;
color:#fff;
background-image: url(../images/selection-pix.png);
background-repeat: no-repeat;
background-position: left;
padding: 0 0 0 50px;
margin: 5px auto;
line-height: 22px;
text-align: left;
font-weight: bold;
width: 225px;
}
td.action img{
border:solid 3px transparent;
}
td.action img:hover{
border:solid 3px #FABA00;
}
div#mes-selections-help-doc-frame{
float: right;
margin: -22px -10px -5px;
}
div#mes-selections-help-doc-frame a{
display: inline-block;
border: 0px solid #333;
border-bottom: 1px solid #ccc;
border-radius: 0 10px 0px 0;
background-color: #fff;
padding: 5px;
border-left: 1px solid #ccc;
color: #66CC;
color:#288AD2;
}
div#mes-selections-help-doc-frame a:hover{
color:#fff;
background-color: #288AD2;
}
div#mes-selections-help-doc-frame a:hover img{
box-shadow:0 0 15px #FFF;
width:34px;
height:34px;
}
div#mes-selections-help-doc-frame a>img{
vertical-align: middle;
}
div#mes-selections-help-doc-frame a>span{
font-size: 12px;
font-weight: bold;
}
/*
.blink {
color:red;
background-color:pink;
animation: allblink 2s infinite;
}
@keyframes allblink {
0% { }
50% { color:green; background-color:lightgreen; }
}
*/
.media-type-filter{
border-radius:10px;
border:1px solid #222;
background-color:#ddd;
color:#111;
}
.media-type-filter p{
border-radius:4px;
border:1px solid #222;
background-color:#69A3CD;
color:#fff;
padding:2px 5px;
line-height:20px;
margin:2px 5px;
cursor:pointer;
}
table#scoring{
background-color:#000;
width:100%;
border:none;
border-collapse: separate;
font-size:10px;
margin:0;
padding:0;
}
table#scoring tbody tr:hover td{
color:#000;
background-color:#69A3CD;
color:#fff;
}
table#scoring td{
text-align:center;
padding:2px;
vertical-align:top;
}
table#scoring>tbody tr:nth-child(2n){
background-color: #ddd;
}
table#scoring>tbody tr:nth-child(2n+1){
background-color: #eee;
}
table#manufacturers tfoot tr td{
background-color:#6699CC;
padding:10px 0;
text-align:center;
}
.fullscreen{
position:fixed !important;
top:0 !important;
left:0 !important;
bottom:0 !important;
right:0 !important;
height:90% !important;
width:90% !important;
margin:5%;
overflow:scroll !important;
}
.green{
background-color:green;
}
.lightgreen{
background-color:lightgreen;
}
.pink{
background-color:pink;
}
.navajowhite{
background-color:navajowhite;
}
.yellowgreen{
background-color:yellowgreen;
}
tr.green td{
background-color:green;
}
.red{
background-color:red;
color:#fff;
padding:0 5px;
}
.orange{
background-color:orange;
}
.font-white{
color:#FFF;
}
#nb-matching-tarifs{
text-align: center;
background-color: #3498db;
color:#fff;
font-weight:bold;
border:1px #666 solid;
box-shadow:0px 5px 18px #111;
margin:10px 0 15px;
padding:10px;
border-radius:5px;
}
.table-column{
background-repeat:no-repeat;
background-position: center right;
cursor:pointer;
padding-right:10px;
}
.table-column.unsorted{
background-image: url(../images/unsorted.png);
}
.table-column.sorted-asc{
background-image: url(../images/sorted-asc.png);
}
.table-column.sorted-desc{
background-image: url(../images/sorted-desc.png);
}
input#validate-filter{
width: 220px;
height: 30px;
background-color: #3f5588;
color: #fff;
font-size: 16px;
font-weight: bold;
border-radius: 10px;
letter-spacing: 4px;
border: 1px solid #ddd;
padding: 0px;
line-height: 30px;
margin: 10px auto 0;
box-shadow:none;
cursor: pointer;
}
input#validate-filter:hover{
box-shadow: 0 0 6px #222;
}
table.tarifs{
text-align:center;
border-collapse: collapse;
font-size:11px;
border:1px solid #333;
margin:0 auto;
}
table.tarifs>tbody tr>td{
vertical-align: center;
border-right: 1px solid #999;
padding:0 5px;
height:45px;
}
table.tarifs>tbody tr:nth-child(2n){
background-color: #ddd;
}
table.tarifs>tbody tr:nth-child(2n+1){
background-color: #eee;
}
table.tarifs>tbody tr:hover{
background-color:#5bc0de;
color:#fff;
}
table.blank, table.blank tr, table.blank tr td {
background-color: #fff !important;
color:#000 !important;
}
.left-border-thick{
border-left:2px solid #000 !important;
}
.right-border-thick{
border-right:2px solid #000 !important;
}
.expanded-product-lists, .expanded-download, .expanded-admin{
z-index:2;
display: none;
position: absolute;
top: 46px;
left:4px;
left:-20px;
background-color: #fff;
border:1px solid #000;
border-radius:5px;
padding:3px 0 0;
min-width:100px;
}
.expanded-algotarif-download{
z-index:2;
display: none;
/*display: block;*/
position: absolute;
top: 46px;
left:4px;
left:-74px;
/*background-color: #fff;
border:1px solid #000;*/
border-radius:5px;
/*padding:3px 0 0;*/
padding:0;
min-width:100px;
}
p.view-products-pix, p.view-downloads-pix, p.view-algotarif-downloads-pix, p.view-admin-pix{
display: inline-block;
margin:0 2px;
}
.all-type-list-product, .all-type-downloads, .all-type-algotarif-downloads, .all-admin-func{
position:relative;
display:block;
cursor:pointer;
margin:auto;
}
p.filter-supplier{
text-align: center;
width: fit-content;
margin: 0 auto 0px;
border: 1px solid #000;
padding: 5px 40px;
border-bottom: none;
border-radius: 10px 10px 0 0;
background-color: #6699CC;
color: #fff;
}
p span{
font-size:12px;
font-weight:bold;
}
#filter-by-supplier-name{
border-radius:5px;
background-color: #eee;
display: inline-block;
margin-left: 8px;
}
.tooltip-arrow{
position: absolute;
top:-10px;
border-style:solid;
border-color:#000 transparent;
border-width:0 10px 10px 10px;
}
div.expanded-algotarif-download div.tooltip-arrow{
left:94px;
}
div.expanded-product-lists div.tooltip-arrow, div.expanded-download div.tooltip-arrow, div.expanded-admin div.tooltip-arrow{
left:40px;
}
table.algotarif-table{
border-collapse:separate;
border-spacing:1px;
/*border:1px solid #3f5588 !important;*/
background-color:#3f5588;
box-shadow:0px 15px 25px #000;
}
table.algotarif-table th{
/*background-color:#fff;
color:#000;*/
background-color:#FABA00;
color:#000;
font-size:11px;
font-weight:normal;
min-width:33px !important;
padding:2px 0;
}
table.algotarif-table>tbody>tr>td{
background-color:#fff;
color:#000;
/*border:1px solid #3f5588;*/
text-align:center;
min-width:50px !important;
padding:4px 0 !important;
}
table.algotarif-table>tbody>tr:hover>td{
background-color:#fff !important;
}
table.algotarif-table td img{
width:24px;
height:24px;
}
table.algotarif-table td img:hover{
box-shadow:0 0 10px #000;
}
table.synthese-fichiers-tarifs{
background-color:#999;
border:1px #ccc solid;
border-collapse: separate;
border-collapse: collapse;
text-align:center;
color:#222;
margin:auto;
}
table.synthese-fichiers-tarifs>thead>tr>th{
font-size:12px;
padding: 2px 10px;
vertical-align: top;
}
table.synthese-fichiers-tarifs>thead>tr>th.neutral-header{
background-color: #CCC;
color:#000;
padding:5px !important;
border:1px #ccc solid !important;
}
table.synthese-fichiers-tarifs>thead>tr>th.blank-header{
background-color: #fff;
color:#000;
padding:5px !important;
border:1px #ccc solid !important;
}
table.synthese-fichiers-tarifs tr:nth-child(2n){
background-color: #EBEBEB;
}
table.synthese-fichiers-tarifs tr:nth-child(2n+1){
background-color: #fff;
}
table.synthese-fichiers-tarifs>tbody>tr>th,table.synthese-fichiers-tarifs>tbody>tr>td{
padding:5px !important;
border:1px #ccc solid !important;
}
.center-in-page-75-prct{
background-color:#fff;
border: 3px solid #288AD2;
border-radius:0px;
box-shadow:0 0 100px #000;
/*max-width: 75%;*/
width:fit-content;
width:-moz-fit-content;
width:max-content;
/*max-height:75%;*/
height:fit-content;
max-height:90%;
text-align:center;
color:#288AD2;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding:0;
margin: auto;
display: block;
position: fixed;
z-index:100000;
overflow:auto;
resize:both;
}
table.synthese-fichiers-tarifs tr.current-date-line>td{
background-color: #CAE410 !important;
}
table.tableau-lien-entite-fabricant{
border-collapse:collapse !important;
margin:0 !important;
border:none;
}
table#manufacturers.tableau-lien-entite-fabricant>tbody>tr:nth-child(2n+1)>td:nth-child(1){
border-collapse: collapse !important;
}
table.tableau-lien-entite-fabricant>tbody>tr:nth-child(2n+1)>td:nth-child(1){
background-color:#F1F4FA;
color:#000;
}
table.tableau-lien-entite-fabricant>tbody>tr:nth-child(2n+1)>td:nth-child(1){
background-color:#DAE1F1;
color:#000;
}
table.tableau-lien-entite-fabricant>tbody>tr>td{
border:1px solid #999 !important;
}
div.relative-block{
margin: 0;
position:relative;
border:1px solid #222;
border:none;
min-height:300px;
}
p.tab{
display:inline-block;
padding:2px 10px;
border:1px solid #999;
border-bottom:1px solid #6699CC;
border-bottom:none;
border-radius:5px 5px 0 0;
background-color: #fff;
color:#999;
margin:20px 0 -1px;
cursor:pointer;
}
div.tab-section{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
min-height:200px;
background-color: #fff;
display:none;
/*border:1px solid #222;*/
}
td.dark-grey{
background-color: #ddd !important;
}
td.light-grey{
background-color: #eee !important;
}
td.dark-blue{
background-color: #DAE1F1 !important;
}
td.light-blue{
background-color: #F1F4FA !important;
}
table#manufacturers>tbody tr>td.top-border{
border-top:2px solid #000 !important;
}
.download-button{
display:inline-block;
border:1px solid #333;
border-radius:5px;
padding:2px 10px 2px 30px;
line-height:20px;
height:20px;
background-color: #3f5588;
color:#fff;
margin:5px 0;
background-image: url(../images/extract_24x24.png);
background-repeat: no-repeat;
background-position-y: center;
background-position-x: 2px;
}
.download-button:hover{
box-shadow:0 0 6px #000;
}
.ressource-not-available{
cursor:pointer;
}
table#manufacturers td.scoring-cell{
padding:0;
}
table.scoring-table{
margin:0;
border:none;
border-collapse:separate;
background-color:#fff;
}
table#manufacturers td.scoring-cell table.scoring-table td{
padding:2px !important;
width:20%;
}
table.scoring-table th{
font-size:10px;
background-color:#3f5588;
color:#fff;
}
table.scoring-table p{
display:inline-block;
height:4px;
width:11px;
padding:0;
margin:0;
margin-right:-3;
border-radius:0;
border:none;
}
table.scoring-table p.V{
background-color:green;
}
table.scoring-table p.J{
background-color:orange;
}
table.scoring-table p.R{
background-color:red;
}
table.scoring-table p.G{
background-color:grey;
}
table.scoring-details td,table.scoring-details th {
font-size:11px;
}
.arrow{
cursor:pointer;
display:inline-block;
width:24px;height:24px;
padding:0; margin:0 1px 0 0;
border:none;
background:no-repeat center center;
}
.unfold{
background-image:url(../images/unfold-arrow.png);
}
.fold{
background-image:url(../images/fold-arrow.png);
}
p.tab.activ-tab{
border:1px solid #6699CC;
background-color:#6699CC;
color: #fff;
font-weight:bold;
}
ul.marque-list{
margin: 2px 0;
background-color:#fff;
border:1px solid #ccc;
padding:2px 0;
}
ul.marque-list li{
text-indent: 10px;
list-style-type: square;
list-style-position: inside;
margin:1px 0;
padding:1px 0;
}
table.compact,
table.compact tr th,
table.compact tr,
table.compact tr td{
font-size:10px;
color:#fff;
font-weight:bold;
text-align:center;
margin:0;
padding:0;
border:none;
}
.neutral-button{
border:3px double #fff;
background-color:#5884C3;
color:#fff;
font-weight:bold;
font-size:12px;
padding:4px 8px;
border-radius:7px;
cursor:pointer;
}
.excel-button{
background-image:url(../images/logo-excel-2_20x20.png);
background-repeat: no-repeat;
background-position-x: 98%;
background-position-y: center;
padding-right:27px;
}
.neutral-button:hover{
box-shadow:0 0 4px #333;
}
ul.pix-list li{
margin:4px 2px 2px;
border:1px solid #aaa;
background-color:#BBB;
/*display:inline-block;*/
/*display:table-cell;*/
float:left;
height:120px;
width:100px;
text-align:center;
}
ul.pix-list li table tr:nth-child(1) td{
padding:0;
text-align:center;
vertical-align:middle;
}
ul.pix-list li table tr:nth-child(2) td{
padding:0;
text-align:left;
vertical-align:middle;
}
.slidedown-screen{
position:fixed;
top:0;
width:1000px;
margin-right:auto;
margin-left:auto;
height:150px;
border:2px solid #333;
border-top:none;
background-color:#fff;
border-radius: 0 0 10px 10px;
display:none;
padding:5px 10px;
resize:both;
overflow:auto;
}
.slidedown-screen table{
width:100%;
height:140px;
overflow:auto;
}
.slidedown-screen table td{
width:33%;
vertical-align:top;
overflow:auto;
height:120px;
}
p.center-h-v{
width: 80px;
height: 80px;
border: 1px #aaa solid;
text-align: center;
/*display: table-cell;*/
display:inline-block;
vertical-align: middle;
padding:0;
}
table.resizable{
table-layout: fixed;
td, th{
overflow: hidden;
white-space: nowrap;
-moz-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
}
#carrelage-fournisseur-gamme{
display:block;
margin:0;
width:100%;
border-collapse:collapse;
}
#carrelage-fournisseur-gamme th{
text-align:right;
background-color:#3498db;
padding:5px 10px;
color:#fff;
font-size:14px;
font-weight:bold;
border:1px solid #aaa;
width:180px;
text-transform: uppercase;
}
#carrelage-fournisseur-gamme td{
background-color:#fff;
padding:5px 10px;
color:#000;
font-size:14px;
font-weight:normal;
border:1px solid #aaa;
width:100%;
}
ul.windows-tree-style{
text-align:left;
background-color : #fff;
font-size:12px;
color:#000;
margin-left:10px;
}
ul.windows-tree-style li{
text-align:left;
}
ul.windows-tree-style li.dir{
list-style-type: disc;
list-style-image: url('../images/unfold-arrow_16x16.png');
list-style-position: inside;
padding:0;
line-height:20px;
}
.windows-tree-style li.dir span{
cursor:pointer;
background-color:#F8D775;
line-height:20px;
height:20px;
display:inline-block;
border:1px solid #999;
margin:1px 0;
border-radius:4px;
padding:0 5px;
}
.windows-tree-style li.file{
cursor:pointer;
position:relative;
list-style-type: none;
text-indent:10px;
margin: 0;padding:0;
/*height:16px; */
line-height:16px;
display:none;
border:1px solid transparent;
}
.windows-tree-style li.file.block{
position:relative;
margin: 0 3px 3px 0;padding:0;
text-indent:0;
line-height:0;
height:100px; width:100px;
display:inline-block;
border:1px solid #aaa;
float:left;
}
/*
.windows-tree-style li.file.block::after{
content: "";
display: block;
clear: both;
}*/
.windows-tree-style li.file.selected{
border:1px solid green;
}
.windows-tree-style li.file:last-child(){
margin-bottom: 4px;
}
.windows-tree-style li.file.block img.pix-thumbnail{
position:absolute;
max-width:100px;
max-height:100px;
top:0;bottom:0;left:0;right:0;
margin: auto;
}
.windows-tree-style li.file img.yes-picto{
display:none;
position:absolute;
bottom:-4px;right:-4px;
}
.windows-tree-style li.file.selected img.yes-picto{
display:block;
}
.windows-tree-style li.file span{
background-color : #fff;
text-decoration:none;
padding : 0;
border:none;
display:inline-block;
height:14px;
line-height:14px;
}
img.ticked-all{
cursor:pointer;
}
div#suggestion-tool ul.pix-list{
width:100%;
border-width: 0;
}
div#suggestion-tool ul.pix-list li{
display:inline-block;
width:100px;height:100px;
padding:0;margin:2px;
border:1px solid #aaa;
background-color:#fff;
position:relative;
cursor:pointer;
}
div#suggestion-tool ul.pix-list li img.ticked{
display:none;
bottom:0;
right:0;
}
div#suggestion-tool ul.pix-list li.selected img.ticked{
display:block !important;
}
p.pix-name{
cursor:pointer;
}
td.matching-fields-criteria table{
border-collapse: collapse;
border-width:none;
}
td.matching-fields-criteria table tr th{
text-align:left;
background-color:#6699CC;
font-size:10px;
color:#fff;
text-transform:lowercase;
font-weight:normal;
border:1px solid #aaa;
border-collapse: collapse;
}
td.matching-fields-criteria table tr td{
text-align:left;
font-size:10px;
color:#000;
border:1px solid #aaa;
border-collapse: collapse;
}
td.matching-fields-criteria table tr:nth-child(2n) td{
background-color:#ddd;
}
td.matching-fields-criteria table tr:nth-child(2n+1) td{
background-color:#eee;
}
td.matching-fields-criteria table.selected tr:nth-child(2n) td{
background-color:#00DD7A;
}
td.matching-fields-criteria table.selected tr:nth-child(2n+1) td{
background-color:#82FFC6;
}
span#view-all-files{
cursor:pointer;
}
div#all-files-div{
position:absolute;
left:1px;
z-index:300000;
}
div#all-files-div div.sticky{
position:-webkit-sticky;
position:sticky;
top:0;
background-color:#fff;
padding:0;margin:0;
border:none;
font-size:20px;
overflow:auto;
}
div#type-affichage{
border:0px solid #aaa;
border-radius:8px;
background-color:#fff;
color:#fff;
padding:2px 10px;
margin:5px 0;
font-size:13px;
font-weight:normal;
text-align:left;
}
div#type-affichage>span{
color:#000;
display:inline-block;
padding: 4px 8px;margin:2px;
font-size:14px;
font-weight:bold;
text-transform: uppercase;
}
div#type-affichage>span.view-type{
cursor:pointer;
color:#fff;
background-color:#2F4CB5;
padding: 4px 8px;margin:2px;
border-radius:5px;
}
div#filename-bubble{
position:fixed;
display:none;
top:0;left:0;right:0;
margin:0 auto;
width:30%;
background-color:#fff;
color:#000;
text-align:center;
font-size:14px;
border:2px solid #999;
border-top:none;
box-shadow:0 5px 10px #333;
padding:10px;
border-radius:0 0 10px 10px;
z-index:3000000;
word-break:break-all;
}
span.suggest-tool{
cursor: pointer;
display: inline-block;
background-color: #529BD3;
color: #fff;
border-radius: 5px;
font-size: 11px;
padding: 2px 6px;
font-weight: bold;
font-style: italic;
margin :0 1px;
}
span.suggest-tool:hover{
box-shadow:0 0 2px #222;
background-color: #5DB0F3;
}
div.entity-media-source-archives>ul.windows-tree-style>li{
display:block;
}
div.entity-media-source-archives>ul.windows-tree-style>li ul.windows-tree-style>li{
display:none;
}
#media-carrelage-parametre-retouche{
border:1px solid #000;
padding:10px;
margin:10px auto;
width: 300px;
}
#media-carrelage-parametre-retouche input[type=text]{
width: 50px;
text-align:center;
}
ul#preconfigured-dimensions li{
padding:2px 0;
font-size:14px;
cursor:pointer;
color:#333;
display:inline-block;
}
ul#preconfigured-dimensions li:hover{
color:#000;
text-decoration:underline;
}
table#manufacturers>tbody>tr.product-removed>td{
background-color: #f00 !important;
}
table#manufacturers>tbody>tr.product-removed:hover>td{
background-color: #FF6884 !important;
}
table#manufacturers>tbody>tr.product-end-of-life>td{
background-color: #faba00 !important;
}
table#manufacturers>tbody>tr.product-end-of-life:hover>td{
background-color: #FFE65E !important;
}
h4.article-statut{
display:inline-block;
padding: 4px 10px;
margin:8px 0 -20px;
text-align:center;
border-radius:5px 5px 0 0;
}
h4.article-statut.removed{
background-color:#FF0000;
color:#FFFFFF;
}
h4.article-statut.end-of-life{
background-color:#faba00;
color:#FFFFFF;
}
div.dashboard-panel{
float:left;
width:46%;
margin:19px;
}
div.dashboard-panel h3 {
display: inline-block;
border-radius: 10px 10px 0 0;
margin: 0;
padding: 5px 15px;
background-color: #3f5588;
font-size: 15px;
font-weight: bold;
color: #fff;
text-align: left;
}
div.dashboard-panel div{
border:1px solid #3f5588;
border:1px solid #ccc;
background-color:#fafafa;
height:400px;
overflow:auto;
}
div.dashboard-panel>div>ul>li>p{
display: block;
background-color: #6699CC;
color: #FFF;
font-size: 11px;
padding: 2px 10px;
margin: 0;
border-bottom: 1px solid #ddd;
border-bottom: 1px solid #3f5588;
box-shadow: -3px -3px 3px #333;
border-radius: 0 8px 0 0;
border-radius: 0;
margin-bottom: 0;
cursor: pointer;
height: 20px;
line-height: 20px;
font-weight:bold;
}
div.dashboard-panel>div>ul>li:first-child>p+table{
display:block;
}
div.dashboard-panel>div>ul>li>p+table{
display:none;
width:100%;
}
td.mapping-progression{
color: #fff;
font-weight: bold;
font-size: 16px;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.date-filter p{
font-size: 13px;
}
.date-filter p>input[type=text]{
width: 75px;
font-size: 12px;
font-weight: bold;
color: #3f5588;
height: 16px;
border-radius: 3px;
border: 1px solid #999;
text-align: center;
padding: 2px;
}
.rotate-0{
transform: rotate(0deg);
}
.rotate-90{
transform: rotate(90deg);
}
.rotate-180{
transform: rotate(180deg);
}
.rotate-270{
transform: rotate(270deg);
}
table.product-media{
border:1px solid #000;
border-collapse: collapse;
font-size:12px;
}
table.product-media th,table.product-media td{
vertical-align:top;
border:1px solid #333;
}
table.product-media td:first-child{
background-color: #6699CC;
color:#fff;
text-align:center;
border:1px solid #fff;
}
table.default{
border:1px solid #000;
border-collapse: collapse;
font-size:12px;
}
table.default th,table.default td{
vertical-align:top;
border:1px solid #333;
}
table.notification-message-list{
border-collapse:collapse;
font-size:12px;
}
table.notification-message-list td{
vertical-align:top;
border:1px solid #333;
padding:2px;
}
div#notification-popin{
position:fixed;
bottom:0;
right:0;
border-radius : 5px 5px 0 0;
width:180px;
/*max-height: 400px;*/
background-color: #222;
opacity:0.7;
color:#FFF;
padding:5px 5px 0 5px;
z-index:100002;
}
div#notification-popin div{
font-size:15px
}
div#notification-popin h3{
margin:0;
padding:1px;
font-size:18px;
height:24px;
line-height:28px;
margin-bottom:10px;
}
div#notification-popin h3 img{
cursor:pointer;
}
div#notification-popin ul{
/*display:none;*/
}
div#notification-popin ul>li{
border-bottom:2px solid #FFF;
padding-bottom:10px;
padding-top:10px;
}
div.notification-zone-opened{
width:300px !important;
padding:10px 10px 0 10px !important;
}
div.notification-zone-poppedup{
top:-150px;bottom:0;left:0;right:0;
margin:auto;
width:500px !important;
/*height:40%;*/
height:400px;
padding:15px 15px 0 15px !important;
overflow:auto;
border-radius : 10px 10px 10px 10px !important;
background-color: #fff !important;
color:#000 !important;
box-shadow:0 40px 50px #000 !important;
opacity:1 !important;
font-size:18px !important;
/*border:4px solid #3f5588;*/
border:6px solid #fff;
}
div.notification-zone-poppedup h3{
/*color:#F00 !important;
font-size:20px !important;
margin-bottom:-20px 0 10px -20px !important;*/
background-color: #3f5588 !important;
margin: -20px -15px 0 !important;
padding: 12px !important;
color: #FFF !important;
font-size: 24px !important;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
div.notification-zone-poppedup h4{
color:#F00 !important;
font-size:18px !important;
/*margin-bottom:10px !important;*/
margin:5px 0 20px 0 !important;
}
tr.bg-green td{
background-color:#00FF33 !important;
}
tr.green-border td:first-child{
border-left:4px #00FF33 solid !important;
}
tr.green-border td:last-child{
border-right:4px #00FF33 solid !important;
}
a.mailto-link{
font-size:inherit;
color:#3f5588;
text-decoration:underline;
}
ul#faq-list{
margin:20px;
}
ul#faq-list li{
margin:5px auto;
border-top: 1px #ddd solid;
padding : 0 0 10px 0;
}
ul#faq-list li h2{
font-size:18px;
color:#3f5588;
margin:2px 0;
padding:1px 0;
/*text-decoration: underline;*/
}
ul#faq-list li p,ul#faq-list li div{
font-size:14px;
color:#333;
margin: 2px 0;
padding:1px 0;
}
ul#faq-list li a{
font-size:14px;
color:#3f5588;
text-decoration:underline;
font-weight:bold;
}
.button-link {
background-color: #588416;
padding: 4px 15px;
border-radius: 5px;
color: #fff;
font-size: 14px;
font-weight: bold;
border:2px double #000;
}
.button-link:hover {
border:2px double #fff;
box-shadow:0 0 8px #000;
}
ul#ETIMClassSuggestion>li,
div#guestPage ul#ETIMClassSuggestion>li>a{
margin:4px 0;
color:#999;
text-decoration: none;
font-size:12px;
font-weight: normal;
}
ul#ETIMClassSuggestion>li>strong,
ul#ETIMClassSuggestion>li>a>strong{
color:#000;
font-weight: bold;
}
ul#ETIMClassSuggestion>li:hover,ul#ETIMClassSuggestion>li:hover>strong,
div#guestPage ul#ETIMClassSuggestion>li:hover>a,div#guestPage ul#ETIMClassSuggestion>li:hover>a>strong{
background-color:#0000FF;
color:#fff;
cursor:pointer;
text-decoration: none;
font-size:12px;
font-weight: normal;
}
ul#ETIMClassSuggestion>li:hover>strong,
div#guestPage ul#ETIMClassSuggestion>li:hover>a>strong{
font-weight: bold;
}
span.bestFit{
display:inline-box;
padding:2px;
margin:0 2px;
background-color: green;
color:white;
font-weight: bold;
}
span.notBestFit{
display:inline-box;
padding:2px;
margin:0 2px;
background-color: grey;
color:white;
font-weight: normal;
}
ul#ETIMClassSuggestion>li span.isSynonyme{
display: inline-block;
padding:2px 4px;
background-color: yellow;
color:black;
font-weight:bold;
font-size:12px;
text-transform: uppercase;
}
div#ETIMClassSearchBlock{
padding:0;
border-bottom:none;
width:90%;
display:inline-block;
position:relative;
margin:0 20px 0 0;
}
input#ETIMclassName{
/*width:600px;*/
width:90%;
padding:0 4px;
height:20px;
line-height:16px;
font-size:11px;
border:1px solid #000;
border-radius:3px;
}
input#ETIMclassName:focus{
/*border:1px solid #66afe9;*/
border:none !important;
border-width:0px !important;
box-shadow: 0 0 4px 2px #66afe9;
outline:none;
}
span#nbClassFound{
display:none;
}
div#ETIMClassnameResults{
display:none;
position:absolute;
top:20px;
left:0;
width:90%;
/*min-height:100px;*/
/*max-height:400px;*/
background-color: #eaeaea;
border:1px solid #000;
border-top:dashed 1px #ccc;
box-shadow:4px 4px 10px #000;
overflow-y:auto;
z-index:10;
resize:vertical;
}
div#classSuggestionFrame{
text-align:center;
font-size:12px;
}
/*div#classSuggestionFrame a#classSynonymeEntite{
text-decoration:underline;
font-style: italic;
color:blue;
font-size:12px;
}
*/
/*div#classSuggestionFrame */
div#classSuggestionFormDiv{
display:none;
/*background-color: yellow;*/
background-color: gold;
background-color: skyblue;
background-color: lightcoral;
background: linear-gradient(180deg, crimson, lightcoral);
padding:5px 10px;
border:1px solid #666;
border-top:1px solid crimson;
border-radius: 5px;
}
div#classSuggestionFormDiv ol li{
display: inline-block;
vertical-align:top;
width: 40%;
margin:0 15px;
border:1px solid #999;
box-shadow: 0 0 2px #999;
padding: 8px 10px;
/*padding: 8px 10px 8px 40px;*/
background-color: #fee;
/*background: url('../images/browseETIM.png') -5px center no-repeat #fee;*/
border-radius:8px;
/*margin: -2px auto;*/
}
div#classSuggestionForm{
/*display:none;*/
position:fixed;
/*background-color: yellow;*/
background-color: gold;
padding:5px 10px;
border:1px solid #666;
border-radius: 5px;
}
a#getETIMBrowserLink{
/*border:1px solid #999;
box-shadow: 0 0 2px #999;
padding: 8px 10px;*/
/*/*padding: 8px 10px 8px 40px;*/
/*background-color: #fee;*/
/*/*background: url('../images/browseETIM.png') -5px center no-repeat #fee;*/
/*border-radius:8px;
margin: -2px auto;
display: inline-block;*/
}
form#classSuggestionForm{
/*display:none;*/
text-align:center;
}
form#classSuggestionForm label{
text-align:center;
margin:5px auto;
font-weight:bold;
}
form#classSuggestionForm input[type="text"]#classnameSuggestion{
width:500px;
font-size:14px;
}
form#classSuggestionForm input[type="text"]#classnameSuggestion:disabled{
background-color: #ccc;
color:#000;
font-style: italic;
}
form#classSuggestionForm input[type="submit"]{
display:block;
margin:10px auto;
background-color:#2D519E;
color:#fff;
padding:5px 10px;
border-radius:4px;
border:1px solid #fff;
font-size:14px;
font-weight:bold;
cursor: pointer;
}
form#classSuggestionForm input[type="submit"]:hover{
box-shadow:0 0 4px 2px #999;
}
form#classSuggestionForm table#classnameSuggestionDetails{
width:100%;
border:none;
border-collapse: collapse;
}
form#classSuggestionForm table#classnameSuggestionDetails th{
width:50%;
background-color: transparent;
padding: 0 30px;
}
form#classSuggestionForm table#classnameSuggestionDetails th label{
color:#111;
font-weight: normal;
font-size: 10px;
}
form#classSuggestionForm table#classnameSuggestionDetails td{
width:50%;
background-color: transparent;
color:#000;
padding:0 30px;
}
form#classSuggestionForm table#classnameSuggestionDetails td textarea{
margin: 0 auto;
width:100%;
background-color: #fff;
color:#000;
font-family: sans-serif;
font-size: 14px;
border:1px solid #999;
border-radius: 2px;
/*height:300px;*/
resize:vertical;
min-height: 140px;
}
form#classSuggestionForm table#classnameSuggestionDetails td textarea:disabled{
background-color: #ccc;
color:#000;
font-style: italic;
}
div#pseudoClass{
background-color: yellow;
margin:2px 0;
font-size:14px;
color:#000;
font-weight: bold;
}
ul#pseudoClassList{
margin:5px 0;
font-size:14px;
color:#000;
font-weight: normal;
}
ul#pseudoClassList>li{
margin:4px 0 4px 10px;;
font-size:14px;
color:#000;
font-weight: normal;
list-style: inside;
text-indent: 0;
}
fieldset#features{
display:none;
margin-top:20px;
position:relative;
padding-top:12px;
}
fieldset#features>legend{
font-size:14px;
font-weight:bold;
color:#fff;
}
form#replicationSpecificFeatures>input[type="button"],
fieldset#features input[type="button"]{
display:inline-block;
margin:0 0 12px;
padding:6px 12px;
background-color: #1190FF;
color:#fff;
font-weight:bold;
border-radius:10px;
border:3px double #fff;
font-size:14px;
cursor:pointer;
}
a.homepage-link{
display:inline-block;
margin:10px;
padding:6px 20px;
background-color: #1190FF;
color:#fff;
font-weight:bold;
border-radius:15px;
border:5px double #fff;
font-size:18px;
cursor:pointer;
}
a.homepage-link:hover{
box-shadow:0 0 3px 3px #ccc;
}
fieldset#features form#remove-ETIM-data{
position:absolute;
top:-21px;
right:-10px;
}
fieldset#features form#remove-ETIM-data>input[type="submit"]{
display:inline-block;
margin:10px;
padding:6px 12px 6px 32px;
/*background-color:#FF6884;*/
background: url(../images/reset-icon-white_24x24.png) no-repeat 5px center #FF6884 ;
color:#fff;
font-weight:bold;
border-radius:10px;
border:3px double #fff;
font-size:14px;
cursor:pointer;
}
form#replicationSpecificFeatures>input[type="button"]#submit_features,
form#replicationSpecificFeatures>input[type="submit"]#record_features,
fieldset#features form>input[type="button"]#submit_features,
fieldset#features form>input[type="submit"]#record_features{
display:block;
margin:10px auto;
padding:6px 12px;
background-color:mediumseagreen;
color:#fff;
font-weight:bold;
border-radius:10px;
border:3px double #fff;
font-size:14px;
cursor:pointer;
}
form#replicationSpecificFeatures>input[type="submit"]#record_features,
fieldset#features form>input[type="submit"]#record_features{
position:fixed;
top:210px;
right:15px;
/*box-shadow:-5px 5px 10px 10px #333;*/
box-shadow: 0 0 5px 1px #333;
}
form#replicationSpecificFeatures>input[type="button"]#validate_features,
fieldset#features form>input[type="button"]#validate_features {
position: fixed;
top: 260px;
right: 10px;
box-shadow: 0 0 5px 1px #333;
}
fieldset#features input[type="button"]:hover,
fieldset#features input[type="submit"]:hover{
box-shadow:0 0 4px 4px #aaa;
}
table#buttonsTable{
width:100%;
}
table#buttonsTable td{
text-align: center;
width:33%;
}
table#featuresTable{
border: 1px solid #333;
width:100%;
}
table#featuresTable>thead>tr>th.featureNumber{width:1%;}
/*
table#featuresTable>thead>tr>th.featureName{width:38%;}
table#featuresTable>thead>tr>th.featureValue{width:38%;}
*/
table#featuresTable>thead>tr>th.featureError{width:1%;}
table#featuresTable>thead>tr>th.featureSelectMain{width:1%;}
table#featuresTable>thead>tr>th.suggestToETIMGuest{width:10%;}
table#featuresTable>thead>tr>th.suggestToETIM{width:10%;display:none;}
table#featuresTable tr:nth-child(2n+1){
background-color:#d9d9d9;
}
table#featuresTable tr:nth-child(2n){
background-color:#DDD;
}
table#featuresTable tr:hover{
background-color:#5bc0de;
}
table#featuresTable td{
vertical-align: top;
text-align: left;
padding:5px 5px;
}
table#featuresTable p.resetRadioSelection{
position:absolute;
display:block;
top:2px;
right:2px;
display:block;
font-size:10px;
border:1px solid #111;
background-color: orange;
color:#fff;
padding:2px;
border-radius:8px;
cursor:pointer;
}
table#featuresTable p.resetRadioSelection:hover{
box-shadow:0 0 2px 2px #ccc;
}
.feature_type_logical{
margin:0 10px 0 0;
}
td.filledFeatureState{
width: 16px;
height: 28px;
text-align: center !important;
font-size:14px;
}
td.filledFeatureState.featureOK{
background-color:mediumseagreen !important;
}
td.filledFeatureState.featureError{
background-color:red;
}
td.filledFeatureState.featureOK,
td.filledFeatureState.featureError.featureOK{
background-color:mediumseagreen !important;
}
td.ETIMFeatureDesc{
width: 250px;
font-size:14px;
}
.do-not-display{
display:none;
}
table#groupAndClassResult{
margin: 20px 0 5px;
border-collapse:collapse;
font-size:12px;
}
table#groupAndClassResult th{
border:none;
/*background-color: #0082ba;*/
background-color: #03597f;
color:#fff;
text-align: left;
}
table#groupAndClassResult th.no-border{
/*border:none !important;*/
}
table#groupAndClassResult td{
border:1px solid #333;
background-color: #fff;
color:#000;
text-align: left;
padding: 2px 5px;
}
div#resultsForClassAndFeatures{
/*padding:20px;*/
padding:0;
}
div#resultsForClassAndFeatures.opacify{
border:3px solid #333;
border-radius:10px;
opacity:0.4;
background-color: #000;
}
td.featureValues{
width:250px;
padding-right:20px !important;
position: relative;
}
td.featureValues>img.multichoice{
cursor:pointer;
}
td.featureValues>div{
display:block;
}
td.featureValues>div.hidden{
display:none;
}
td.featureValues>div+p{
display:none;
font-weight : bold;
cursor:pointer
}
td.featureValues>div+p.visible{
display:block;
}
/* PROVIDERS TABLE */
table#providers,
table#retailers{
/*padding:20px;*/
width:100%;
border-collapse: collapse;
}
table#providers>thead>tr,
table#retailers>thead>tr{
background-color: #fff;
color:#333;
}
table#providers>thead>tr>th,
table#retailers>thead>tr>th{
text-align:center;
font-size:14px;
}
table#providers>thead>tr>th:nth-child(1),
table#retailers>thead>tr>th:nth-child(1){
width:64%;
}
table#providers>thead>tr>th+th,
table#retailers>tbody>tr>td+td{
width:9%;
text-align:center !important;
padding:2px 3px;
}
table#providers>thead>tr>th+th:nth-child(2n),
table#retailers>thead>tr>th+th:nth-child(2n){
background-color: #72ACE5;
}
table#providers>thead>tr>th+th:nth-child(2n+1),
table#retailers>thead>tr>th+th:nth-child(2n+1){
background-color: #6CA4D8;
}
table#providers>tbody>tr.providerList:nth-child(2n+1)>td,
table#retailers>tbody>tr.retailerList:nth-child(2n+1)>td{
/* height:5px;
font-size:1px;
background-color: #fff;*/
}
table#providers>tbody>tr.providerList:nth-child(2n)>td,
table#retailers>tbody>tr.retailerList:nth-child(2n)>td{
background-color: #ccc;
}
table#providers>tbody>tr.providerList:nth-child(4n)>td,
table#retailers>tbody>tr.retailerList:nth-child(4n)>td{
background-color: #eee;
}
/*table#providers>tbody>tr.providerList:nth-child(2n)>td:first-child,
table#providers>tbody>tr.providerList:nth-child(4n)>td:first-child{*/
table#providers>tbody>tr.providerList>td:first-child,
table#retailers>tbody>tr.retailerList>td:first-child{
border-radius:8px 0 0 8px;
font-size:20px;
font-weight: bold;
}
table#providers>tbody>tr.providerList:nth-child(2n)>td:last-child,
table#providers>tbody>tr.providerList:nth-child(4n)>td:last-child,
table#retailers>tbody>tr.retailerList:nth-child(2n)>td:last-child,
table#retailers>tbody>tr.retailerList:nth-child(4n)>td:last-child{
border-radius:0 8px 8px 0;
}
table#providers>tbody>tr.providerList:hover>td,
table#retailers>tbody>tr.retailerList:hover>td{
background-color: #1190ff !important;
color:#fff !important;
}
table#providers>tbody>tr.providerList>td:nth-child(1),
table#retailers>tbody>tr.retailerList>td:nth-child(1){
text-align: left;
}
table#providers>tbody>tr.providerList,
table#retailers>tbody>tr.retailerList{
text-indent:10px;
margin: 1px 0;
padding:2px;
color:#333;
border:1px solid transparent;
}
ul#providers>li.providerList:nth-child(2n),
ul#retailers>li.retailerList:nth-child(2n){
background-color: #ccc;
}
ul#providers>li.providerList:nth-child(2n+1),
ul#retailers>li.retailerList:nth-child(2n+1){
background-color: #ddd;
}
ul#providers>li.providerList:hover,
ul#retailers>li.retailerList:hover{
background-color: #fff;
background-color: #d2f0f5;
background-color: #1190ff;
border:1px solid #eb563e;
}
/* PRODUCTS TABLE */
table#products{
/*padding:20px;*/
width:100%;
border-collapse: collapse;
}
table#products>thead>tr{
background-color: #fff;
color:#333;
}
table#products>thead>tr>th{
text-align:center;
font-size:14px;
}
table#products>thead>tr>th:nth-child(1){
width:1%;
}
table#products>thead>tr>th:nth-child(2){
width:63%;
}
/*
table#products>thead>tr>th+th,
table#products>tbody>tr>td+td
*/
table#products>tbody>tr>th:nth-child(4),
table#products>tbody>tr>td:nth-child(4){
width:9%;
text-align:center !important;
}
table#products>thead>tr>th+th:nth-child(2n){
background-color: #72ACE5;
}
table#products>thead>tr>th+th:nth-child(2n+1){
background-color: #6CA4D8;
}
table#products>tbody>tr.productList:nth-child(2n)>td{
height:5px;
font-size:10px;
background-color: #fff;
}
table#products>tbody>tr.productList>td{
text-align:center;
}
table#products>tbody>tr.productList>td:nth-child(2){
/*text-align:center;*/
}
table#products>tbody>tr.productList:nth-child(2n+1)>td{
background-color: #ccc;
}
table#products>tbody>tr.productList:nth-child(4n+1)>td{
background-color: #eee;
}
table#products>tbody>tr.productList:nth-child(2n+1)>td:first-child,
table#products>tbody>tr.productList:nth-child(4n+1)>td:first-child{
border-radius:8px 0 0 8px;
font-size:20px;
font-weight: bold;
}
table#products>tbody>tr.productList:nth-child(2n+1)>td:last-child,
table#products>tbody>tr.productList:nth-child(4n+1)>td:last-child{
border-radius:0 8px 8px 0;
}
table#products>tbody>tr.productList:nth-child(2n+1):hover>td{
background-color: #1190ff !important;
}
table#products>tbody>tr.productList:nth-child(2n+1):hover>td{
color:#fff !important;
}
table#products>tbody>tr.productList>td{
text-align: center;
}
table#products>tbody>tr.productList>td:nth-child(3){
text-align: left;
}
table#products>tbody>tr.productList{
text-indent:10px;
margin: 1px 0;
padding:2px;
color:#333;
border:1px solid transparent;
}
ul#products>li.productList:nth-child(2n){
background-color: #ccc;
}
ul#products>li.productList:nth-child(2n+1){
background-color: #ddd;
}
ul#products>li.productList:hover{
background-color: #fff;
background-color: #d2f0f5;
background-color: #1190ff;
border:1px solid #eb563e;
}
div#view_etim-content{
display:block;
}
div#edit_etim-content h2{
text-align: center;
}
fieldset#login-frame{
margin:50px auto;
/*width:450px;*/
width:fit-content;
padding:20px;
border:1px solid #948375;
font-size:14px;
background-color: #f9f9f9;
}
fieldset#login-frame>legend{
text-transform:uppercase;
font-size:bold;
font-size:18px;
text-align: center;
background-color: #948375;
}
fieldset#login-frame table{
margin:0 auto;
}
fieldset#login-frame table th{
background-color: transparent;
color:#333;
text-align: right;
font-weight: normal;
}
fieldset#login-frame table td{
padding:5px;
}
fieldset#login-frame p{
margin:15px;
}
fieldset#login-frame input{
height:18px;
width: 240px;
}
fieldset#login-frame table td#submit-button input[type='submit']{
height:22px;
width:100px;
background-color:#ddd;
border-radius:5px;
text-transform: uppercase;
font-weight: bold;
cursor:pointer;
}
span.ETIMCode{
display: none;
color:mediumblue;
}
span.featureName{
font-size:18px;
}
table#products-stats{
width:100%;
margin:0 auto;
font-size:14px;
}
table#products-stats th{
vertical-align: middle;
}
table#products-stats th a,
table#products-stats th p,
table#products th a,
table#products th p,
th.sortable a,
th.sortable p{
display:inline-block;
padding:0;
margin:0;
border:none;
/*height:10px;*/
height:fit-content;
line-height:18px;
}
table#products-stats>tbody>tr:nth-child(2n){
background-color: #D1D1D1;
}
table#products-stats>tbody>tr:nth-child(2n+1){
background-color: #EFEFEF;
}
table#products-stats>tbody>tr>td{
padding:2px 8px;
text-align:center;
}
table#products-stats>tbody>tr>td:first-child{
text-align:center;
font-size:20px;
}
table#products-stats>tbody>tr>td:nth-child(2){
text-align:left;
font-size:20px;
}
table#products-stats>tbody>tr>td:first-child>a{
font-size:16px !important;
}
table#products-stats>tbody>tr>td>a{
font-size:14px !important;
}
table#products-stats>tfoot>tr>td{
font-size:16px !important;
background-color: #CDF0FD;
color:#000;
height:30px;
font-weight:bold;
text-align: center;
}
table#products-stats>tfoot>tr>td:first-child{
text-align: left;
}
ul#entityList{
}
ul#entityList>li>a{
display:inline-block;
min-width:300px;
/*background: url(../images/company-icon_32x31.png) no-repeat 10px center #1A73E8;*/
background-color: #1A73E8;
color:#fff;
font-weight:bold;
padding:12px 24px;
margin:10px;
border-radius:8px;
border:2px solid #1D7DF9;
font-size: 22px;
}
ul#entityList>li>a:hover{
box-shadow:0 0 3px 2px #aaa;
}
h1#dashboard-title{
background: url(../images/dashboard-icon_60x47.png) no-repeat 20px center #948375;
background-color: #3f5588;
text-indent: 66px;
height: 60px !important;
line-height: 60px !important;
}
h1#entity-list-title{
background: url(../images/company-icon_44x41.png) no-repeat 20px center #948375;
background-color: #3f5588;
text-indent: 66px;
height: 60px !important;
line-height: 60px !important;
}
h1#provider-list-title,
h1#retailer-list-title{
background-color: #3f5588;
text-indent: 66px;
height: 60px !important;
line-height: 60px !important;
}
h1#provider-list-title{
background: url(../images/factory-white-icon_44x44.png) no-repeat 20px center #948375;
}
h1#retailer-list-title{
background: url(../images/shop-white-icon_44x44.png) no-repeat 20px center #948375;
}
h1#user-list-title{
background: url(../images/user-white-icon_44x44.png) no-repeat 20px center #948375;
background-color: #3f5588;
text-indent: 66px;
height: 60px !important;
line-height: 60px !important;
}
div.default{
margin:10px 20px;
}
div.default p{
text-indent: 30px;
font-size:18px;
line-height: 20px;
}
/*
table#provider{
border-collapse:collapse !important;
width:100%;
}
table#provider,
table#provider tr,
table#provider td,table#provider th{
border-collpase:collapse !important;
}
table#provider>thead>tr>th{
background-color:#5884C3;
color:#fff;
font-weight:bold;
font-size:14px;
width:66%;
}
table#provider>thead>tr>th+th{
width:6%;
text-align:center;
}
table#provider>thead>tr>th+th:nth-child(2n+1){
background-color:#9be;
}
table#provider>thead>tr>th+th:nth-child(2n){
background-color:#a6c9e2;
}
table#provider>tbody>tr>td{
background-color:#aaa;
color:#000;
font-weight:bold;
font-size:16px;
text-align: left;
padding:5px 10px;
}
table#provider>tbody>tr>td+td:nth-child(2n){
background-color:#cacaca;
text-align: center;
font-size:14px;
font-weight:normal;
}
table#provider>tbody>tr>td+td:nth-child(2n+1){
background-color:#dadada;
text-align: center;
font-weight:normal;
}
*/
p.addFile,p.addEntity,p.addUser{
background:url(../images/add-icon_32x32.png) no-repeat 5px center #5884C3;
border:2px solid #aaa;
padding:10px 10px 10px 45px;
color:#eee;
border-radius:12px;
display:inline-block;
font-weight:bold;
cursor:pointer;
margin:0 0 10px 0;
}
p.addFile:hover{
box-shadow: 0 0 10px 6px #ccc;
}
div#addFileFrame,
div#passwordUpdateRequestFrame{
position:absolute;
left:0;right:0;
top:0;bottom:0;
z-index:10000000;
margin:auto;
background-color: #eee;
padding:25px;
width:400px;
height:200px;
border-radius:4px 4px 20px 20px;
border:2px solid #aaa;
box-shadow: 0 0 10px 8px #444;
}
div#addFileFrame h3{
padding:5px;
margin:-25px -25px 10px -25px;
height:32px;
background-color: #3f5588;
color:#fff;
font-size:26px;
font-weight:bold;
text-align: center;
}
div#passwordUpdateRequestFrame h3{
padding:5px;
margin:-25px -25px 10px -25px;
height:52px;
background-color: #3f5588;
color:#fff;
font-size:24px;
font-weight:bold;
text-align: center;
}
img.closePopup{
position:absolute;
right:10px;
top:10px;
cursor:pointer;
}
ul#dashboard-components{
margin: 30px auto;
}
ul#dashboard-components>li{
margin: 20px 58px;
padding: 0;
background: no-repeat 20px center #6699CC;
width:350px;
height:200px;
/*line-height: 140px;*/
display:inline-block;
/*float:left;*/
border-radius: 20px;
}
ul#dashboard-components>li>a{
/*display:block;*/
display:table-cell;
vertical-align: middle;
padding: 20px 20px 20px 140px;
color:#fff;
font-weight:bold;
/*font-size:34px;*/
font-size:28px;
height: 140px;
text-align: center;
}
ul#dashboard-components>li#company{
background: url(../images/company-icon-white_80x75.png) no-repeat 20px center #6699CC;
}
ul#dashboard-components>li#request{
background: url(../images/customer-requests-white_80.png) no-repeat 20px center #6699CC;
}
ul#dashboard-components>li#user{
background: url(../images/users-icon-white_80x75.png) no-repeat 20px center #6699CC;
}
table#adminEntityList,
table#adminProviderList,
table#adminUserList{
margin:0;
width:100%;
}
table#adminEntityList th,
table#adminProviderList th,
table#adminUserList th{
width:90%;
}
table#adminEntityList th+th,
table#adminProviderList th+th,
table#adminUserList th+th{
width:5%;
}
table#adminEntityList>tbody>tr>td,
table#adminProviderList>tbody>tr>td,
table#adminUserList>tbody>tr>td{
padding:10px 20px;
font-weight:bold;
vertical-align: top;
}
table#adminEntityList>tbody>tr:nth-child(2n)>td,
table#adminProviderList>tbody>tr:nth-child(2n)>td,
table#adminUserList>tbody>tr:nth-child(2n)>td {
background-color: #ccc;
}
table#adminEntityList>tbody>tr:nth-child(2n+1)>td,
table#adminProviderList>tbody>tr:nth-child(2n+1)>td,
table#adminUserList>tbody>tr:nth-child(2n+1)>td {
background-color: #ddd;
}
table#adminEntityList>tbody>tr>td>a,
table#adminProviderList>tbody>tr>td>a,
table#adminUserList>tbody>tr>td>a{
font-size:18px;
font-weight:bold;
}
img.imgAdminEditEntity,
img.imgAdminEditProvider,
img.imgAdminEditRetailer,
img.imgAdminEditUsers{
cursor:pointer;
}
input[type=text].providerName{
width: 400px;
}
form.updateProviderName span,
form.updateRetailerName span{
color: black;
font-size:13px;
font-weight:bold;
}
table#adminUserList>tbody>tr>td form{
padding:15px;
background-color: #eee;
border:1px solid #aaa;
}
table#adminUserList>tbody>tr>td>a form table td{
padding:10px;
}
td.ETIMRequestFieldGuest,
div.ETIMClassRequestGuest{
/*display:block;*/
}
td.ETIMRequestField
/*,div.ETIMClassRequest*/{
display:none;
}
td.ETIMRequestField textarea,
div.ETIMClassRequest textarea{
width:100%;
height:100px;
/*background-color: yellow;*/
background-color:#FFFFE7;
color:#000;
}
td.ETIMRequestField.requestHighlight textarea,
div.ETIMClassRequest.requestHighlight textarea{
background-color: yellow;
}
td.ETIMRequestField textarea::placeholder
div.ETIMClassRequest textarea::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #aaa;
opacity: 1; /* Firefox */
}
td.ETIMRequestField textarea:-ms-input-placeholder,
div.ETIMClassRequest textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */
color: #aaa;
}
td.ETIMRequestField textarea::-ms-input-placeholder,
div.ETIMClassRequest textarea::-ms-input-placeholder{ /* Microsoft Edge */
color: #aaa;
}
div#browsingOptions{
float: right;
/*margin:-13px -3px 18px;*/
margin:15px -3px 20px;
background-color: #eee;
box-shadow: -1px 1px 8px -1px #333;
border-radius:7px;
}
select[name="browsingTypeSelect"]{
display: block;
margin:5px auto;
}
form#searchProductForm{
margin:0 auto 5px;
text-align:center;
display:flex;
width:310px;
}
form#nbProductPerPageForm{
display:block;
margin:5px auto 0;
text-align:center;
}
form#nbProductPerPageForm label,
form#nbProductPerPageForm select{
font-size: 12px;
}
div#productBrowsingTypeComponent{
display:inline-block;
text-align: center;
width:400px;
margin:10px 0;
}
div#replicationPopin{
position: fixed;
margin:0 auto;
top:-2px;left:0;right:0;
border: 2px solid #fff;
border-radius:0 0 6px 6px;
background-color:#FECA40;
text-align:center;
padding:5px 15px;
font-size:14px;
color:sienna;
box-shadow:0 0 15px 3px #000;
width:300px;
z-index:10;
}
div#replicationPopin p#recapReplication,
div#replicationPopin p#fillSpecificFeatures{
margin: 4px auto 0;
background-color: forestgreen;
border: 1px solid #fff;
border-radius: 5px;
text-align: center;
padding: 4px 10px;
font-size: 13px;
color: #fff;
width: 280px;
cursor: pointer;
}
div#replicationPopin p#recapReplication:hover{
box-shadow:0 0 5px 2px #999;
}
div#popupReplicationData{
position: fixed;
margin:0 auto;
top:130px;left:0;right:0;bottom:10px;
border: 2px solid #333;
border-radius:6px;
background-color:#ddd;
background-color:lavender;
padding:5px;
font-size:14px;
color:#000;
box-shadow:0 0 15px 3px #000;
width:1000px;
min-width:50%;
max-width:95%;
min-height:60%;
max-height:70%;
/*
max-height:75%;
height:300px;
*/
overflow:hidden;
z-index:10;
resize: both;
display:flex;
flex-direction:column;
height: fit-content;
overflow:scroll;
}
div#popupReplicationData h3{
width:100%;
background-color: transparent;
border:1 solid #333;
color:#000;
font-size:18px;
font-weight:bold;
margin:2px 0;
}
a#applyOnlySelectedForReplicationFeatures,
a#applyOnlySetReplicantFeatures{
display:inline-block;
padding:4px 10px;
margin:0 20px;
background-color:#6699CC;
color:#fff;
border-radius:6px;
font-size:10px;
}
a#applyOnlySelectedForReplicationFeatures:hover,
a#applyOnlySetReplicantFeatures:hover{
box-shadow:0 0 2px 2px #ccc;
}
div#popupReplicationData table{
width:100%;
}
div#popupReplicationData table tr td.picto,
div#popupReplicationData table tr td.RefCiale,
div#popupReplicationData table tr td.status{
text-align:center;
}
ul#statusDotLegend{
border: 1px solid #ccc;
border-radius:4px;
background: url(../images/icon_info.png) no-repeat top right #ddd;
padding:5px 10px;
margin:5px 0;
color:#333;
}
ul#statusDotLegend>li{
font-size: 12px;
line-height: 16px;
}
ul#statusDotLegend>li>span{
display:inline-block;
margin:0 0 0 5px;
}
input[type="button"]#submitRecapReplication {
display: inline-block;
margin: 0 auto;
/* margin: 0 auto -21px;
position: absolute;
bottom: 51px;
right: 0;
left: 0;
width: 270px;*/
padding: 5px 10px;
background-color:#6699CC;
background-color:#00AF11;
color:#fff;
border-radius: 5px;
cursor:pointer;
border:1px solid midnightblue;
font-weight:bold;
}
div#replicatedIconOnViewETIMPage{
position:absolute;
top:5px;right:5px;
display:inline-block;
width:64px; height:64px;
line-height: 64px;
padding:4px;
border:1px solid #bbb;
border-radius:5px;
background-color: #ddd;
box-shadow: 0px 2px 8px 3px #777;
}
div#replicatedIconOnViewETIMPage>p.closable{
right:-6px;
top:-6px;
}
div#replicatedIconOnViewETIMPage>img{
margin:auto;
}
div#breakReplicationDiv{
display:none;
position:fixed;
top:0;bottom:0;
right:0;left:0;
width:400px;height:100px;
margin: auto;
padding:10px 15px;
z-index: 11;
background-color: #ddd;
border:1px solid #333;
border-radius:5px;
box-shadow:0 0 15px 3px #000;
}
table.orderArrows{
width:1%;
display:inline-block;
background-color: transparent;
border:none;
}
table.orderArrows tr,
table.orderArrows td{
background-color: transparent;
border:none;
}
table.orderArrows td:nth-child(1){
width:98%;
text-align: right;
white-space: nowrap;
}
table.orderArrows td:nth-child(2),
table.orderArrows td:nth-child(3){
width:1%;
text-align: center;
}
table.orderArrows a{
display:block;
}
p.headerLabel{
display:inline-block;
height:20px;
}
tr.unclassifiedHighlight{
/*background-color:gold !important;*/
/*background-color:orange !important;*/
background-color:tomato !important;
/*background-color:yellow !important;*/
}
tr.proprietaryClassHighlight{
background-color:orange !important;
}
.fadingHighlight{
background-color: #46a546 !important;
color: #fff !important;
animation: blinkingBackground 3s 3 !important;
}
@keyframes blinkingBackground{
0% { background-color: #46a546; color:#fff;}
50% { background-color: transparent;}
100% { background-color: #46a546; color:#fff;}
}
@keyframes blinkingBackground_BAK{
0% { background-color: #10c018;}
25% { background-color: #1056c0;}
50% { background-color: #ef0a1a;}
75% { background-color: #254878;}
100% { background-color: #04a1d5;}
}
#toggler-featuresForReplication{
cursor:pointer;
font-style: italic;
font-weight:normal;
margin:0 0 0 10px;
display: inline-block;
padding: 2px 15px 3px;
}
.folded{
background : url('../images/unfold-arrow_12x12.png') 2px center no-repeat;
padding-left:6px;
}
.unfolded{
background : url('../images/fold-arrow_12x12.png') 2px center no-repeat;
padding-left:6px;
background-color: #eee;
border: 1px solid #999;
border-radius: 5px 5px 0 0;
z-index: 1000
}
div#customFeatureBlock{
width:100%;
}
div#customFeatureBlock>p{
display:inline-block;
margin: 0 50px 0 0;
}
form#featuresForReplication{
display:none;
margin:0;
border:1px solid #999;
border-radius:3px;
background-color: #eee;
font-size:11px;
}
form#featuresForReplication p#selectionShortcutLinks{
margin:4px auto -7px;
text-align: center;
}
form#featuresForReplication table>thead>tr>th{
background-color:steelblue;
font-size:1épx;
text-transform: uppercase;
font-weight:bold;
}
form#featuresForReplication table>tbody>tr>td{
padding:2px 4px;
font-size:12px;
}
tr.featureSetInReplicant,
tr.featureSetInReplicant td{
background-color:#CAE410;
margin:2px 0;
}
input[type="submit"]#featuresForReplicationValidation{
display:none;
}
#featuresForReplication{
position:absolute;
top: 20px;
left: 0;
display: block;
width: 95%;
/*max-height: 380px;*/
height: 380px;
overflow: auto;
border: 1px solid #999;
box-shadow: -15px 15px 30px #000;
z-index:10;
resize:vertical;
}
#featuresForReplication table{
padding:10px;
}
div#ETIMBrowser{
position:fixed;
display: none;
margin:0 auto;
top:80px;left:0;right:0;/*bottom:30px;*/
border: 2px solid #333;
border-radius:6px;
background-color:lavender;
padding:10px 20px 10px;
font-size:14px;
color:#000;
box-shadow:0 0 15px 3px #000;
width:1000px;
min-width:50%;
max-width:95%;
min-height:50%;
/*
max-height:85%;
height:350px;
*/
overflow:hidden;
z-index:10;
resize: both;
}
div#ETIMBrowser>div{
display:flex;
flex-direction: column;
}
div#ETIMBrowser h2{
text-align: left;
background-color: #6699CC;
color: #fff;
margin: -10px -20px 5px;
padding: 8px;
font-size: 24px;
text-indent: 20px;
}
div#searchGroupOrClassBlock,
div#versionSelectionBlock{
display:table-cell;
margin:0 20px;
padding:0 75px;
}
div#ETIMBrowser table#ETIMModel{
border-collapse: collapse;
flex:1;
}
div#ETIMBrowser table#ETIMModel td{
width:33%;
height:100%;
}
div#ETIMBrowser table#ETIMModel td div{
margin:5px;
border:1px solid #ccc;
background-color:#fff;
padding:2px;
max-height: 500px;
height: 400px;
overflow: auto;
}
div#ETIMBrowser table#ETIMModel td div ul>li{
margin:2px 0;
/* border-bottom:1px dashed #ccc;*/
padding:1px;
cursor:pointer;
}
div#ETIMBrowser table#ETIMModel td div ul>li:nth-child(2n){
background-color:#fff;
}
div#ETIMBrowser table#ETIMModel td div ul>li:nth-child(2n+1){
background-color:#eee;
}
.ETIMBrowsingHighlight{
background-color:#008000 !important;
color:#fff !important;
}
/*** DASHBOARD STYLE ***/
ul.dashboardModuleList{
margin:0 1px 0 1px;
display:inline-block;
float:left;
width:45%;
height:320px;
border:1px solid #288AD2;
background-color: #eee;
border-radius: 5px 5px 15px 15px;
padding:0;
margin:20px;
transition:ease-in all 1s;
overflow:auto;
}
ul.dashboardModuleList>li{
position:relative;
/*display:inline-block;
float:left;
width:45%;
height:320px;
border:1px solid #288AD2;
background-color: #eee;
border-radius: 5px 5px 15px 15px;
padding:0;
margin:20px;
transition:ease-in all 1s;*/
}
img.dashboardModule{
position:absolute;
right:2px;
top:2px;
cursor: pointer;
}
ul.dashboardModuleList.expanded{
width:95%;
height:500px;
}
ul.dashboardModuleList>li>h3{
margin: 0;
background-color:#72ACE5;
background-color:#5676C4;
color:#fff;
border-radius: 5px 5px 0 0;
padding:5px;
font-size:16px;
position: sticky;
top:0;
}
ul.dashboardModuleList>li>h3>a{
color:#fff;
font-size:16px;
text-transform:capitalize;
font-weight:bold;
}
ul.dashboardModuleList>li>h3+div{
margin: 0;
/*width: 100%;*/
/*height:100%;*/
background-color:#eee;
color:#000;
padding:0;
font-size:12px;
overflow:auto;
height:86%;
border-radius: 0 0 15px 1px;
}
ul.dashboardModuleList>li>h3+div>p{
margin: 20px;
color:#000;
font-size:14px;
overflow:auto;
}
/*** DASHBOARD STYLE : MODULE REQUEST TO ETIM ***/
ul#userRequest{
margin:0;
padding:0;
}
/*ul#userRequest>li:first-child{*/
ul#userRequest>li.classLabel{
margin:0;
padding:5px 5px 5px 10px;
background-color: #81A3A7;
color:#fff;
font-weight:bold;
font-size: 14px;
list-style:url("../images/letter-c_16x16.png") inside;
cursor:pointer;
}
ul#userRequest>li.featureRequest{
display:none;
}
ul#userRequest>li{
margin:0;
padding:0;
}
ul#userRequest>li.featureRequest>ul.featureList{
margin:0;
padding:0;
}
.request-header{
}
/*
td.request-ETIMClass{
list-style:url("../images/letter-f-disc_18x18.png") inside;
margin:0;
padding:6px 6px 6px 6px;
text-indent: 8px;
color:#444;
font-weight:bold;
font-size: 13px;
background-image: url(../images/letter-c_24x24.png);
background-repeat: no-repeat;
background-position: left 10px center;
}*/
td.request-ETIMClass p{
padding: 0 15px;
/*padding: 0 35px;
background-image: url(../images/letter-c_16x16.png);
background-repeat: no-repeat;
background-position: left 10px center;*/
text-indent: 0px;
font-size: 16px;
font-weight: normal;
}
td.request-ETIMFeature p.withFeature{
padding : 0 15px;
/*padding: 0 35px;
background-image: url(../images/letter-f-disc_16x16.png);
background-repeat: no-repeat;
background-position: left 10px center;*/
text-indent: 0px;
font-size: 16px;
font-weight: normal;
}
/*
td.request-ETIMFeature{
background-image: url(../images/letter-f-disc_20x20.png);
background-repeat: no-repeat;
background-position: left 10px center;
}
*/
ul#userRequest>li.featureRequest>ul.featureList>li.featureLabel{
/* list-style:disc inside; */
list-style:url("../images/letter-f-disc_18x18.png") inside;
margin:0;
padding:6px 6px 6px 6px;
text-indent: 8px;
background-color: #C2D3DA;
color:#444;
font-weight:bold;
font-size: 13px;
}
ul#userRequest>li.featureRequest>ul.featureList>li{
margin:0;
padding:3px 3px 3px 10px;
text-indent: 8px;
background-color: #ffe;
/*list-style: inside; */
list-style-image: url('../images/exchange_18x18.png');
list-style-position:inside;
color:#666;
font-size: 12px;
cursor: pointer;
}
/*** DASHBOARD STYLE : MODULE REPLICANT/REPLICATED ARTICLES***/
ul#replicantList{
margin:0;
padding:0;
}
ul#replicantList>li.replicantLabel{
margin:0;
padding:6px 6px 6px 6px;
text-indent: 8px;
background-color: #C2D3DA;
color:#444;
font-weight:bold;
font-size: 13px;
list-style: url("../images/replicant-on-icon_16x16.png") inside;
border-bottom:1px solid #dde;
cursor:pointer;
}
ul.replicatedList{
display:none;
}
ul#replicantList>li>ul.replicatedList>li.replicatedLabel{
margin:0;
padding:3px 3px 3px 10px;
text-indent: 8px;
background-color: #ffe;
list-style: url("../images/replicated-on-icon_16x16.png") inside;
color:#666;
font-size: 12px;
border-bottom:1px solid #eee;
}
div#genericPopup{
position: fixed;
margin:0 auto;
top:130px;left:0;right:0;bottom:10px;
border: 2px solid #333;
border-radius:6px;
background-color:#ddd;
background-color:lavender;
padding:5px 2px;
font-size:14px;
color:#000;
box-shadow:0 0 15px 3px #000;
width:1000px;
min-width:50%;
max-width:95%;
min-height:50%;
max-height:75%;
/*
height:300px;
*/
overflow:hidden;
z-index:10;
resize: both;
display:flex;
flex-direction:column;
flex-flow: column;
height: fit-content;
}
div#requestAnswerManagement{
padding:0;
margin: 0;
overflow: auto;
}
div.request-sumup{
border: 1px solid #ff0;
background-color: gold;
border-radius: 0 0 3px 3px;
padding: 5px 10px;
margin: -4px 0px 0px -3px;
border-color: #6699CC;
}
div#requestAnswerManagement h3{
margin:0;
padding:10px 20px;
background-color: #6699CC;
font-size:16px;
color:#fff;
}
div#requestAnswerManagement textarea{
margin:0;
background-color: #fff;
width:100%;
height:300px;
}
div#requestAnswerManagement textarea{
margin:0;
background-color: #fff;
width: -webkit-fill-available !important;
width: -moz-available !important;
height:300px;
font-size:16px;
}
div#requestAnswerManagement input[type="submit"]{
padding: 5px 10px;
background-color:#6699CC;
color:#fff;
border-radius: 5px;
cursor:pointer;
border:1px solid midnightblue;
font-weight:bold;
margin: 10px 2px 10px;
font-size: 16px;
}
div#requestAnswerManagement div#messageList p#no-message{
margin-top: 20px;
font-size:18px;
font-weight: bold;
text-align: center;
color:slategrey;
}
form#remove-provider-data-form{
text-align: center;
}
form#remove-provider-data-form input[type="submit"]{
margin:20px auto 0;
background-color: red;
color:white;
border-radius:5px;
padding:8px;
border:1px solid #ccc;
cursor: pointer;
box-shadow:0px 0px 1px 1px #000;
}
form#remove-provider-data-form input[type="submit"]:hover{
box-shadow:0px 0px 5px 1px #000;
}
ul#screencastList li{
padding:0;
margin:2px;
}
ul#screencastList li h2{
color:#fff;
font-size:22px;
background-color:#6699CC;
border-radius:0 10px 10px 0;
margin: 0;
padding:5px 20px;
cursor:pointer;
}
ul#screencastList li div{
display: none;
margin:10px 0 40px;
}
.color-blue{
color:#3f5588;
}
.msg-notification{
color:#6699CC;
}
.block{
display:block;
}
table.request-list{
width:100%;
vertical-align: top;
}
table.request-list td{
vertical-align: top;
}
table#request-list th.sortable p.headerLabel,
p.headerLabel{
line-height: 18px;
height: auto;
}
p.ETIMUserName{
cursor: pointer;
}
div.detail-ETIMUser{
display:none;
margin: 10px 0 20px 0;
}
div.detail-ETIMUser p,
div.detail-ETIMUser span{
font-weight: normal;
font-size:14px;
}
table#request-list{
border-collapse: collapse;
width:100%;
vertical-align: top;
}
table#request-list th{
font-weight: bold !important;
color:#fff;
padding:0 10px;
border-right:1px solid #fff;
}
table#request-list th#filterOnClass,
table#request-list th#filterOnProvider,
table#request-list th#filterOnStatut{
position:relative;
}
div.dataToFilter{
background-color: inherit;
position:absolute;
top: 36px;
left:0;
padding:0 10px 15px;
font-size:13px;
box-shadow: 0px 8px 12px 2px #999;
border-top: 1px solid;
border-top-color: steelblue;
border-radius: 0 0 10px 10px;
width:max-content;
}
div.dataToFilter ul.filterElements{
text-align: left;
margin: 5px 25px 15px 0px;
z-index:1;
}
img#deleteRequestFilter{
cursor:pointer;
}
table#request-list td{
vertical-align: top;
}
tr.request-header{
/* cursor: pointer;*/
}
tr.request-header td{
padding:10px 0;
}
tr.request-header td:nth-child(1){
border-left:1px solid #000;
}
tr.request-header td:last-child{
border-right:1px solid #000;
}
tr.request-header:nth-child(2n+1){
background-color: #DDF1FF;
}
tr.request-header:nth-child(2n){
background-color:#a6c9e2;
}
tr.request-header td.request-ETIMClassCode,
tr.request-header td.request-ETIMFeatureCode{
font-size:12px;
text-align: center;
}
tr.request-header td.providerColumn{
font-size:12px;
text-align: center;
}
tr.request-content{
/*display: none;*/
}
tr.request-content td{
padding: 0 0 40px 0;
padding: 0 0 2px 0;
}
tr.request-content.open td{
padding: 0 0 40px 0;
}
tr.request-content td div{
display: none;
background-color: cornsilk;
background-color: oldlace;
background-color: beige;
border-radius: 0 0 10px 10px;
padding: 15px 20px;
border: 1px solid #000;
margin: -1px -1px 0 -1px;
border-top: none;
}
tr.request-content.open td div{
background-color: beige;
}
table#ETIMClassRequestList{
font-size:16px;
width: 100%;
}
table#ETIMClassRequestList tr:nth-child(2n+1){
background-color: #eee;
}
table#ETIMClassRequestList tr:nth-child(2n){
background-color:#DDF1FF;
}
table#ETIMClassRequestList td.ETIMRequestText{
padding:0 2px 10px 2px
}
table#ETIMClassRequestList td.ETIMRequestText{
width:70%;
}
table#ETIMClassRequestList td.ETIMRequestDate{
width:15%;
}
table#ETIMClassRequestList td.ETIMRequestStatut{
width:15%;
}
div.infoFrame{
/*
background-image: url(../images/icon_info.png);
background-position: right 1px top 1px;
background-repeat:no-repeat;
background-color: #c4d7e6;
border:1px solid #111;
border-radius:12px;
*/
padding:0 20px;
font-size:14px;
color:#111;
margin:0;
width:fit-content;
box-sizing: border-box;
line-height: 22px;
}
div.infoFrame a{
color:#66CC;
font-size:14px;
font-weight:bold;
text-decoration: underline;
font-family: "arial";
}
div.infoFrame ul{
margin:5px 0 20px ;
}
div.infoFrame ul li{
list-style-position:inside;
list-style-type: disc;
margin:2px 0;
padding:2px 0;
line-height:18px;
}
div#guestPage a{
color:#66CC;
font-size:14px;
font-weight:bold;
text-decoration: underline;
font-family: "arial";
}
div.ETIMClassRequest,
div.ETIMFeatureRequest{
width: fit-content;
margin: 0 auto;
text-align: center;
}
div.ETIMFeatureRequest .AddETIMFeatureRequest,div.ETIMFeatureRequest .ViewETIMFeatureRequest,
div.ETIMClassRequest .AddETIMClassRequest, div.ETIMClassRequest .ViewETIMClassRequest{
cursor: pointer;
}
span.nbRequestOnFeature,
span.nbRequestOnClass{
display: inline-block;
background-image: url('../images/request-to-ETIM_32x31.png');
/*background-size:cover;*/
background-repeat: no-repeat;
padding:8px 4px;
font-size:18px;
font-weight:bold;
height:16px;
min-width:24px;
line-height:12px;
text-align: center;
}
a.newRequestToETIM{
display: inline-block;
/*background-image: url('../images/send-to-ETIM_2_48x48.png');*/
background-repeat: no-repeat;
background-position: left 10px center;
padding:12px 15px 12px 50px;
background-color: #0082BA;
font-size:16px;
color:#fff;
font-weight:bold;
height:20px;
min-width:24px;
line-height:16px;
text-align: center;
border-radius: 8px;
margin:-6px;
margin:-6px 70px;
border:2px solid #fff;
}
a.newRequestToETIM:hover{
box-shadow:0 0 1px 2px #bbb;
}
a.newRequestToETIM img{
position:absolute;
top:2px;
left:2px;
width:40px;
}
.back-button-link{
}
td.ETIMClassnameInGuestTable{
text-align: center !important;
font-weight:bold;
font-size:20px;
vertical-align: middle !important;
background-color:lightsteelblue;
}
td.ETIMRequestFieldGuest.ETIMClassname,
td.ETIMRequestField.ETIMClassname{
background-color:lightsteelblue;
}
table#featuresTable.guestFeaturesTable td.featureValues{
}
table#featuresTable.guestFeaturesTable td.featureValues span.typeValueList{
font-size: 14px;
/*font-weight: bold;*/
color: white;
display: inline-block;
padding: 2px 8px;
border-radius: 4px;
background-color: lightslategray;
letter-spacing: 1px;
margin: 0 0 4px 0;
width: fit-content;
}
table#featuresTable.guestFeaturesTable td.featureValues ul li{
font-size:18px;
list-style: disc inside;
}
table#guestAccountCreationForm{
vertical-align: top;
}
table#guestAccountCreationForm td{
vertical-align: top;
padding : 0 0 50px 0;
}
div#passwordTips{
margin:10px 0;
font-size:12px;
padding:0;
}
div#passwordTips p{
margin:0;
padding:0;
text-indent:0;
}
div#passwordTips ul{
list-style: disc inside;
}
div#passwordTips ul li{
list-style: disc inside;
}
img.mainFeature{
cursor:pointer;
}
select#ETIMRequestStatutId{
font-size:12px;
width:120px;
margin:0 auto;
}
textarea.ETIMRequestMessage{
max-width:400px;
max-height:300px;
overflow: auto;
width: 98%;
width: -webkit-fill-available !important;
width: -moz-fill-available !important;
}
div#requestData{
border:1px solid #333;
border:none;
border-radius:4px;
background-color: #eee;
background-color: transparent;
font-size: 14px;
width:auto;
max-height:200px;
height:fit-content;
padding:5px 0;
margin:0 0;
line-height: inherit;
}
li.isETIM{
background-image: url(../images/logo-etim-france-carre_32x32.png);
background-repeat: no-repeat;
background-position: left top;
background-color:#DDF1FF;
padding:5px 10px 15px 40px;
border-bottom:1px solid #999;
margin-bottom: 0;
}
li.isProvider{
background-image: url(../images/picto-fabricant_32x22.png);
background-repeat: no-repeat;
background-position: left top;
background-color:beige;
padding:5px 10px 15px 40px;
border-bottom:1px solid #999;
margin-bottom: 0;
}
p.requestConcernType{
display:inline-block;
margin:0 10px 0 0;
}
p.switchDivVisibility{
display:inline-block;
padding:5px 10px 5px 45px;
margin:0;
border-radius:8px 8px 0 0;
cursor: pointer;
background-color: #6699CC;
background-position: left 10px center;
background-repeat: no-repeat;
color:white;
font-size:14px;
font-weight:bold;
font-family: helvetica, sans-serif;
}
p.switchDivVisibility.show{
border-radius:8px;
background-image:url(../images/show-white_24x23.png);
}
p.switchDivVisibility.hide{
background-image:url(../images/hide-white_24x23.png);
}
div#guestIntro{
background-color:aliceblue;
border: 1px solid #6699CC;
padding: 5px;
}
table#adminProviderList tr.ProviderUser:nth-child(2n+1) td{
background-color:#CDF0FD;
}
table#adminProviderList tr.ProviderUser:nth-child(2n) td{
background-color:#DDF1FF;
}
table#adminProviderList tr.ProviderUser ul>li{
font-weight: normal;
font-size:14px;
}
label.btnUploadFile{
display: inline-block;
background-color: orange;
color: #fff;
font-weight: bold;
line-height: 18px;
font-size: 14px;
border-radius: 8px;
border: 1px #aaa solid;
padding: 8px;
box-shadow: 0 0 5px 1px #bbb;
}
label.btnUploadFile.disabledStyle, p.disabledStyle{
background-color: #ccc !important;
color: #333 !important;
font-style: italic !important;
}
label.btnUploadFile:hover{
box-shadow: 0 0 5px 2px #bbb;
}
table#request-list td.request-type{
padding:0;
}
p.requestTypeLabel{
color:#FFF;
font-weight: bold;
font-size:20px;
text-align: center;
margin: 0 1px;
padding: 1px 5px;
border-radius: 0 0 0px 0px;
}
table#requestTableActionFilters p.requestTypeLabel{
cursor:pointer;
}
table#requestTableActionFilters td{
vertical-align: top;
}
p.newClassRequestLabel{
background-color: #FFD800;
}
p.featureRequestLabel{
background-color: #FF6219;
color:#FFF;
}
p.classRequestLabel{
background-color: #3737C8;
color:#FFF;
}
ul.filterElements span.newClassRequestLabel{
background-color: #FFD800;
color:#FFF;
display: inline-block;
padding: 0 3px;
line-height: 15px;
}
a.info-btn {
display: inline-block;
padding: 6px 12px 6px 46px;
border: 1px solid #777;
box-shadow: 0 0 0px 0px #888;
/*background-image: url(../images/icon-info_16x16.png);*/
background-image: url(../images/td-bear-help_40x40.png);
background-position: 4px -3px;
background-repeat: no-repeat;
background-color: crimson;
color: snow;
font-weight: bold;
border-radius: 6px;
font-size: 10px;
text-decoration: none !important;
}
img.statutSelect{
cursor:pointer;
}
/* Infobulles personnalisée */
/*
.infobulle{
position: absolute;
right:-5px;
top:5px;
border: 1px solid #333;
border-radius:5px;
background-color:#FFEAAA;
color: #000;
font-style: italic;
font-size:12px;
}
*/
.tooltipable{
position:relative;
}
.tooltip{
display:none;
position:absolute;
background-color:gold;
font-size:12px;
font-style: italic;
border:1px solid #333;
border-radius:5px;
padding:5px 10px;
}
.prct-1{width:1% !important;}
.prct-5{width:5% !important;}
.prct-10{width:10% !important;}
.prct-25{width:25% !important;}
.prct-33{width:33% !important;}
.prct-40{width:40% !important;}
.prct-50{width:50% !important;}
.prct-66{width:66% !important;}
.prct-75{width:75% !important;}
.prct-90{width:90% !important;}
.prct-100{width:100% !important;}
.size-10{font-size:10px !important;}
.size-11{font-size:11px !important;}
.size-12{font-size:12px !important;}
.size-13{font-size:13px !important;}
.size-14{font-size:14px !important;}
.size-15{font-size:15px !important;}
.size-16{font-size:16px !important;}
.size-17{font-size:17px !important;}
.size-18{font-size:18px !important;}
.size-19{font-size:19px !important;}
.size-20{font-size:20px !important;}
.italic{
font-style: italic !important;
}
.weight-bold, .bold{
font-weight: bold !important;
}
.weight-normal, .normal{
font-weight: normal !important;
}
img.addSuccessorRule, img.removeSuccessorRule{
cursor:pointer;
}
div.loading{
opacity: 0.1;
background-color: #000;
z-index:1;
/*display:none;*/
/*cursor:pointer;*/
background-image: url("../images/loader_20x20.gif");
background-position: center center;
background-repeat: no-repeat;
background-size: 30px 30px;
}
/*
a.migration-ViewNewFeature{
display: inline-block;
text-align: center;
background-color: royalblue;
color: white;
font-size: 14px;
font-weight: bold;
margin: 6px auto;
padding: 4px 10px;
border: 1px solid white;
border-radius: 5px;
}*/
a.migration-ViewNewFeature {
/* display: inline-block; */
/* text-align: center; */
/* background-color: royalblue; */
color: royalblue;
font-size: 14px;
font-weight: normal;
margin: 6px auto;
/* padding: 4px 10px; */
/* border: 1px solid white; */
/* border-radius: 5px; */
text-decoration: underline;
}
td.migrationNbArtConcerned{
text-align:center;
padding:4px 10px;
background-color:gold;
}
td.migrationNbArtConcerned.noCurrentFeature{
background: red !important;
background: linear-gradient(90deg, red 0%, grey 100%) !important;
}
td.migrationNbArtConcerned.noNextFeature{
background: grey !important;
background: linear-gradient(90deg, grey 0%, green 100%) !important;
}
input[type="button"]#viewAll.off{
background-color: lightgrey;
color:#000;
}
input[type="button"]#viewAll.on{
background-color: green;
color:#fff;
}
input[type="button"]#toggleUsedETIMData{
color: #000;
padding: 4px 14px;
border: 1px solid grey;
border-radius: 5px;
font-weight: bold;
margin: 4px 0;
cursor: pointer;
}
input[type="button"]#toggleUsedETIMData.off,
th.nbConcernedArticleHeader.off{
background-color: #FFEAAA;
color:#000;
}
input[type="button"]#toggleUsedETIMData.on,
th.nbConcernedArticleHeader.on{
background-color: green;
color:#fff;
}
input[type="button"]#toggleRemovedData.off{
background-color: lightgrey;
color:#000;
}
input[type="button"]#toggleRemovedData.on{
background-color: green;
color:#fff;
}
input[type="button"]#toggleNewData.off{
background-color: lightgrey;
color:#000;
}
input[type="button"]#toggleNewData.on{
background-color: green;
color:#fff;
}
td.newData span, td.removedData span,
td.successorNotValidated span, td.successorValidated span{
font-weight:bold;
display: inline-block;
padding:2px 5px;
color:#fff;
border-radius:4px;
}
td.newData span{
background-color: #5cb85c;
}
td.removedData span{
background-color: #d9534f;
}
td.successorValidated span{
background-color:#6699CC;
}
td.successorNotValidated span{
background-color:orange;
}
table.migrationTable tbody>tr>td{
padding:3px 5px;
vertical-align:top;
}
table.migrationTable tbody>tr:hover>td{
background-color:#C2D3DA;
}
/*input[type=button].addSuccessorRule, input[type=button].removeSuccessorRule{
cursor:pointer;
font-size: 11px;
font-weight: bold;
background-color: #6699CC;
color: #fff;
margin: 4px auto 0;
border-radius: 4px;
border: 0px solid #fff;
border-color: bisque;
box-shadow: 0 0 5px 0px #444;
}*/
input[type=button].addSuccessorRule, input[type=button].removeSuccessorRule {
cursor: pointer;
font-size: 11px;
/* font-weight: bold; */
background-color: gold;
/* color: #fff; */
margin: 4px auto 0;
border-radius: 4px;
border: 1px solid #fff;
border-color: #333;
box-shadow: 0 0 0px 0px #444;
}
input[type=button].addSuccessorRule:hover, input[type=button].removeSuccessorRule:hover {
box-shadow: 0 0 4px 0px #444;
}
p.successorFlag{
display: inline-block;
padding: 1px 6px;
background-color: #FFD800;
background-color: gold;
color: #333;
text-align: center;
border-radius: 13px;
font-weight: bold;
font-size: 20px;
}
img.viewMigrationDetails,
img.hideMigrationDetails{
cursor:pointer;
}
.nbArticlesImpactedByMigration{
background-color: #5cb85c;
display: inline-block;
padding: 2px 5px;
border-radius: 5px;
font-size: 11px;
color: white;
font-weight: bold;
min-width: 59px;
}
table.migrationOverviewTable{
width:100%;
}
table.migrationOverviewTable>tbody>tr:nth-child(4n+1)>td{
background-color: #eee;
}
table.migrationOverviewTable>tbody>tr:nth-child(4n+2)>td{
background-color: #ddd;
}
table.migrationOverviewTable>tbody>tr:nth-child(2n+1):hover>td{
background-color:#CDF0FD;
}
div.popupMigrationNewFeatures{
display:none;
position: fixed;
margin:0 auto;
top:130px;left:0;right:0;bottom:10px;
border: 2px solid #333;
border-radius:6px;
background-color:#ddd;
background-color:lavender;
padding:5px;
font-size:14px;
color:#000;
box-shadow:0 0 15px 3px #000;
width:1000px;
min-width:50%;
max-width:95%;
min-height:60%;
max-height:70%;
overflow:hidden;
z-index:10;
resize: both;
/*display:flex;*/
flex-direction:column;
height: fit-content;
overflow:scroll;
}
div.popupMigrationNewFeatures h4{
text-align: center;
padding: 8px 0;
color: #FFF;
background-color: steelblue;
margin: 0;
}
table.newFeatureInRelease{
border-collapse:collapse;
width:100%;
vertical-align: top;
margin-top:0px;
}
table.newFeatureInRelease>thead>tr>th{
border:1px solid #FFF;
background-color:#9be;
font-size: 16px;
text-align:center;
}
table.newFeatureInRelease>tbody>tr>td{
vertical-align: top;
padding:4px;
}
table.newFeatureInRelease>tbody>tr>td ul>li{
padding:4px;
}
table.newFeatureInRelease>tbody>tr:nth-child(2n+1){
background-color: #eee;
}
table.newFeatureInRelease>tbody>tr:nth-child(2n){
background-color: #ddd;
}
table.newFeatureInRelease>tbody>tr:hover{
background-color: #CDF0FD;
}
input#runBasicMigration,
p#runBasicMigration{
background-color: dodgerblue;
color: #fff;
padding: 6px 15px;
font-weight: bold;
border: 1px solid #fff;
border-radius: 12px;
border-color: darkgrey;
cursor: pointer;
font-size: 20px;
margin: 8px auto;
width: 180px;
text-align: center;
}
p#runBasicMigration span{
font-size: inherit;
cursor: inherit;
}
p#runBasicMigration span#step{
font-size: 18px;
color:yellow;
}
p.infoMainMigration.info{
text-align:center;
font-style: italic;
color: #777;
line-height: 1.5em;
font-size: 0.95em;
letter-spacing: 0.015em;
}
input#cancelBasicMigration{
background-color: crimson;
background-color: firebrick;
color: #fff;
padding: 5px 16px;
font-weight: bold;
border: 1px solid #fff;
border-radius: 5px;
border-color: darkgrey;
cursor: pointer;
}
input#cancelBasicMigration.off{
background-color: grey;
cursor:auto;
}
input#infoDetailMigration{
background-color: steelblue;
color: white;
padding: 5px 16px;
font-weight: bold;
border: 1px solid #fff;
border-radius: 5px;
border-color: darkgrey;
cursor: pointer;
}
input#runBasicMigration:hover,
p#runBasicMigration:hover,
input#cancelBasicMigration:hover,
input#infoDetailMigration:hover{
box-shadow: 0 0 2px 1px #ccc;
}
input#cancelBasicMigration.off:hover{
box-shadow: none;
}
input.toggleNotImpactedMigrationRows{
display:inline-block;
padding:5px 10px 5px 45px;
margin:0;
border-radius:6px;
cursor: pointer;
background-color: #6699CC;
background-position: left 10px center;
background-repeat: no-repeat;
color:white;
font-size:14px;
font-weight:bold;
font-family: helvetica, sans-serif;
border:none;
}
input.toggleNotImpactedMigrationRows.show{
border-radius:8px;
background-image:url(../images/show-white_24x23.png);
}
input.toggleNotImpactedMigrationRows.hide{
background-image:url(../images/hide-white_24x23.png);
}
span.migrationDataIndicator{
display:inline-block;
color: #fff;
border-radius:6px;
font-style:normal;
font-weight:bold;
}
span.migrationDataIndicator.removed{
background-color: #d9534f;
cursor:help;
}
span.migrationDataIndicator.unchanged{
background-color: #5cb85c;
}
span.migrationDataIndicator.big{
padding:4px 10px;
font-size: 15px;
}
span.migrationDataIndicator.small{
padding:2px 5px;
font-size: 10px;
}
div#migrationDetailedTable{
/*display:none;*/
/*display:block;*/
border-top: 2px solid #000;
border-color: grey;
margin-top: 15px;
}
div#explicationMigration>h4{
text-decoration: none;
background-color: darkcyan;
font-size: 19px;
margin:20px 0 0;
padding:5px 10px;
border-radius:5px 5px 0 0;
color:#fff;
font-weight:bold;
text-align:center;
}
div#explicationMigration>h4+div{
background-color: mintcream;
padding: 15px 20px;
border: 1px solid darkcyan;
margin: 0 0 10px;
}
div#migrationDetailExplanation{
border:1px solid blue;
background-color:#DAE1F1;
padding: 10px 20px;
font-size:12px;
margin:10px 0;
border-radius:6px;
}
input[type="button"]#infoDetailMigration{
background-repeat: no-repeat;
background-position: 10px center;
padding-left:32px;
}
input[type="button"]#infoDetailMigration.show{
background-image: url(../images/plusWhite_16x16.png);
}
input[type="button"]#infoDetailMigration.hide{
background-image: url(../images/minusWhite_16x16.png);
}
img.migrationStepValidation{
margin:0 0 -6px 2px;
}
div#migrationSteps{
width:100%;
display: grid;
display: none;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(1, 1fr);
gap: 0.2rem;
border: none;
padding: 5px;
}
div#migrationSteps>div{
/*
display:flex;
flex-wrap: nowrap;
flex-direction: column;
align-items: flex-start;
gap:1em;
*/
height: 21px;
background-color: lavender;
font-size: 18px;
font-weight: bold;
text-align: center;
color: #FFF;
border-radius: 10px;
border-radius: 0;
}
div#migrationSteps>div:first-child{
border-radius: 10px 0 0 10px;
}
div#migrationSteps>div:last-child{
border-radius: 0 10px 10px 0;
}
div#migrationSteps>div.on{
background-color: dodgerblue;
background-color: #67C100;
}
ol.migrationStepsDesc,
ol.migrationStepsDesc>li{
margin: 2px 0;
/*display:block;*/
list-style:upper-roman !important;
list-style-type:upper-roman !important;
}
ol.migrationStepsDesc>li>ol,
ol.migrationStepsDesc>li>ol>li{
/*display:block;*/
list-style:lower-alpha !important;
list-style-type:lower-alpha !important;
}
table#migrationStepsTable{
margin:15px 0;
width:100%;
border-collapse: collapse;
}
table#migrationStepsTable>thead>tr>th{
font-size: 16px;
}
table#migrationStepsTable>thead>tr>th.nbETIMLines{
font-size: 12px;
}
table#migrationStepsTable>tbody>tr>td{
padding: 5px 8px;
font-size: 14px;
}
/*table#migrationStepsTable>tbody>tr:nth-child(2n)>td{
background-color:#DDF1FF;
}*/
table#migrationStepsTable>tbody>tr:nth-child(2n+1)>td{
background-color:white;
}
table#migrationStepsTable>tbody>tr:nth-child(2n)>td{
background-color:lavender !important;
}
table#migrationStepsTable>tbody>tr>td:nth-child(2){
text-align: center;
}
table#migrationStepsTable p.stepLabel{
display: inline-block;
/* border: 2px solid black; */
/*border-color: darkturquoise;*/
padding: 1px 10px;
border-radius: 5px;
margin-left: -10px;
}
table#migrationStepsTable p.stepLabel.current{
/*background-color: dodgerblue;*/
background-color: deeppink;
color: white;
}
p#migrationCompleted{
text-align: center;
margin:20px auto;
}
p#migrationCompleted span{
display:inline-block;
padding:5px 20px;
border-radius: 5px;
text-align: center;
font-size:20px;
background-color: #67C100;
color:#fff;
}
div#migrationSuccessorSteps{
margin: 20px 0;
padding: 10px 12px;
border: 1px solid grey;
border-color: lightgrey;
background-color: aliceblue;
}
div#migrationSuccessorSteps h4{
margin: 0;
display: inline-block;
padding: 2px 14px 2px 0;
border-radius: 0 8px 0 0;
font-weight: bold;
font-size: 16px;
}
div#migrationSuccessorSteps>p:first-child{
font-size: 14px;
margin:10px 0;
}
table#successorSuggestionTable{
border-collapse:collapse;
border:1px solid grey;
}
table#successorSuggestionTable>tbody>tr>td{
font-size:13px;
}
table#successorSuggestionTable>tbody>tr:nth-child(2n)>td{
background-color:lavender;
}
table#successorSuggestionTable>tbody>tr:nth-child(2n+1)>td{
background-color:beige;
}
div#fileDataLoadingSteps{
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
border: 1px solid #ccc;
background-color: #69A3CD;
background-color: lavender;
background-color: ivory;
padding: 6px 20px;
font-size: 14px;
color: #3f5588;
width: 330px;
height: 280px;
margin: 0 auto;
border-radius: 0 0 20px 20px;
box-shadow: 0 0 13px 2px #333;
border-top: none;
overflow: auto;
}
div#fileDataLoadingSteps table{
font-size:12px;
}
div#fileDataLoadingSteps table tr>td{
padding:0;
}
div#fileDataLoadingSteps table tr>td:nth-child(2){
padding-left:15px;
}
table#rangeAlertTreatment{
width:100%;
}
table#rangeAlertTreatment tr.classnameHeader>th{
background-color:#6699CC;
color:#fff;
cursor:pointer;
}
table#rangeAlertTreatment tr.featurenameHeader,
table#rangeAlertTreatment tr.productLine{
display:none;
}
table#rangeAlertTreatment tr.featurenameHeader>th:nth-child(1) {
text-indent:20px;
cursor:pointer;
}
table#rangeAlertTreatment tr.productLine>td:nth-child(1) {
text-indent:40px;
}
table#rangeAlertTreatment tr.productLine:hover{
background-color:#eee;
}
table#rangeAlertTreatment tr.featurenameHeader>th{
background-color:#B8C2F4;
color:#fff;
}
table#rangeAlertTreatment tr.productLine input[type=text]{
width:35px;
text-align: right;
}
table#products-stats tr.statsByClass td.ETIMClassDesc{
cursor:pointer;
}
table#products-stats tr.oddLine>td{
background-color:#9be;
}
table#products-stats tr.evenLine>td{
background-color:#CDF0FD;
}
tr[class^="article-of-class-"]{
display:none;
}
tr[class^="article-of-class-"]:nth-child(2n)>td{
background-color:#F3C8AC;
}
tr[class^="article-of-class-"]:nth-child(2n+1)>td{
background-color:#c1c1c1;
}
div#featureListPanel{
}
div#featureListPanel p#featureToggleView{
display: inline-block;
/*border: 1px #999 solid;*/
border: none;
border-radius:5px 5px 0 0;
background-color: #6699CC;
color: #fff;
padding: 6px 20px;
font-size: 14px;
cursor: pointer;
margin:10px 0 0;
}
div#featureListPanel p#featureToggleView.open{
border-radius:5px 5px 0 0;
}
div#featureListPanel p#featureToggleView.closed{
border-radius:5px;
}
div#featureListPanel ul#featureList{
/*border:1px solid #CCC;*/
border:none;
border-radius:0 5px 5px 5px;
background-color:#6699CC;
padding: 10px;
margin:0;
}
div#featureListPanel ul#featureList li{
display: inline-block;
width:22%;
vertical-align: top;
/*border: 1px solid #333; */
border: none;
background-color:#DDD;
color:#000;
padding: 4px 8px;
font-size:14px;
min-height: 40px;
line-height: 16px;
margin:2px;
border-radius:5px;
}
td.featureValueList ul,
td.featureValueList ul li{
list-style: none;
text-indent: 0;
padding: 0;
margin: 0;
}
.radio-container {
display: flex; /* Permet d'aligner le radio et le label sans saut de ligne */
align-items: center; /* Centre verticalement */
white-space: nowrap; /* Empêche le passage à la ligne */
margin-right: 8px; /* Espacement entre chaque option */
}
.radio-container input {
margin-right: 5px; /* Espacement entre le bouton et le texte */
}
div.scroll-container{
width: 100%;
/*max-height: 600px;*/ /* Hauteur max pour activer le scroll */
/*max-height:1000px;*/
/*overflow: auto;*/
/*position: relative;*/
border-collapse: collapse;
}
table.replicationTable {
width: 100%;
border-collapse: collapse;
}
table.replicationTable th,
table.replicationTable td{
border: 1px solid black;
padding: 8px;
text-align: left;
word-wrap: break-word; /* Non fonctionnel sur , voir 'word-break' */
}
table.replicationTable td {
vertical-align: top;
}
/* Première colonne avec une largeur fixe */
table.replicationTable th:first-child,
table.replicationTable td:first-child {
width: 150px; /* Largeur fixe */
min-width: 150px;
max-width: 150px;
position: sticky; /* 🔹 Première colonne fixée */
left: 0; /* 🔹 Première colonne fixée */
/*background: white;*//* 🔹 Première colonne fixée */
z-index: 2; /* Pour rester au-dessus des autres cellules */}
/* Colonnes suivantes avec largeur flexible et maximum */
table.replicationTable th:not(:first-child),
table.replicationTable td:not(:first-child) {
min-width: 180px; /* Largeur min */
max-width: 300px; /* Largeur max */
white-space: normal; /* Permet de passer à la ligne */
word-break: break-word; /* Coupe les mots si nécessaire */
}
/* 🔹 Fixe la première ligne en haut de la page */
div.scroll-container thead {
position: sticky;
top: 0;
background: white;
z-index: 10; /* Doit être au-dessus des autres cellules */
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Effet visuel pour séparer du contenu */
}
p.selectionShortcut{
display: inline-block;
margin: 0 5px;
border:1px solid #000;
border-radius: 5px;
background-color:#CDF0FD;
color:#000;
padding:4px 10px;
font-size: 12px;
text-align: center;
cursor:pointer;
} |