/* CKE FIX */ .cke_editable {background:#2b2b2b;} .cke_panel_list {background:#2b2b2b;color:#ff8800;margin:0;} /* APP INIT */ * {padding:0;margin:0;border:0;outline:0;} html {width:100%;height:100%;} body {width:100%;height:100%;font-family:"Trebuchet MS";font-weight:normal;font-size:12px;color:#999999;background:#171717;scrollbar-face-color:rgba(75,75,75,0.8);scrollbar-shadow-color:rgba(75,75,75,0.8);scrollbar-track-color:rgba(50,50,50,0.8);scrollbar-arrow-color:#999999;} img {vertical-align: bottom;} ul,ol {list-style:none;} .clear {display:block;float:none;clear:both;height:0px;font-size:0px;text-indent:-99999px;margin:0px;} div.clear {display:block;float:none;clear:both;height:0px;font-size:0px;text-indent:-99999px;margin:0px;padding:0;} a {text-decoration:none;color:#FFFFFF;} a:hover {color:#C6FF00;} fieldset {border:solid 1px #666666;margin:0 8px 8px 8px;padding:8px;} legend {padding:4px;margin-left:16px;font-style:italic;font-size:18px;color:#FFFFFF;} hr {height:0px;margin:6px 0;padding:0;font-size:0;border-bottom:dashed 1px #666666;} label {cursor:pointer;} h1 {font-size:24px;color:#FFFFFF;font-style:italic;text-align:left;background:url(/system_images/line.png) no-repeat left bottom;background-size:100% 1px;padding-bottom:3px;margin-bottom:8px;} h2 {font-size:20px;color:#FFFFFF;font-style:italic;text-align:left;background:url(/system_images/line.png) no-repeat left bottom;background-size:100% 1px;padding-bottom:3px;margin-bottom:8px;} h3 {font-size:16px;color:#FFFFFF;} input,textarea,select {padding:1px 3px;background:rgba(50,50,50,0.8);color:#FFFFFF;border:solid 1px #666666;border-radius:4px;} button {cursor:pointer;} /* COMMON */ .adminpage {min-width:1400px;/*padding:4px;*/text-align:center;} .adminpage.WithNav {min-width:700px;} .Button {float:right;font-size:15px;padding:6px 24px;border:solid 1px #C6FF00;text-transform:uppercase;margin:10px 16px 0 16px;color:#FFFFFF;background:rgba(50,50,50,0.8);} .Button:hover {background:rgba(75,75,75,0.8);} .Button.Inline {float:none;display:inline-block;} .AlertImage {width:16px;} .Wait {clear:both;float:none;display:none;text-align:center;padding:64px 0;} .Wait img {width:64px;} .RemoveAttr {border:0 !important;padding:0 !important;padding:0 !important;} .AdminPageContent h2 {margin-top:32px;} .bigselect {font-size:19px;font-weight:normal;background:rgba(50,50,50,0.8);color:#999999;border:solid 1px #666666;padding:8px;color:#FFFFFF;} .PageHeader {margin-bottom:8px;padding-bottom:8px;border-bottom:dotted 1px #cad9eb;} .PageHeader.Small {margin-bottom:0;padding-bottom:0;} .PageHeader h1 {background:none;text-transform:uppercase;margin:0;padding:6px 0 2px 0;} .PageHeader .PageHeaderPicto {float:left;padding:2px 8px 0 0;} .PageHeader .PageHeaderContent {float:left;padding:2px 0 0 0;text-align:left;} .PageHeader .PageHeaderContent.Long {width:90%;} .PageHeader .PageHeaderContent h3 {font-weight:normal;color:#777;font-size:14px;} .PageHeader .PageHeaderInfo {float:right;padding:4px 0 0 0;} .Line {clear:both;background:url(/system_images/line.png) no-repeat bottom center;background-size:100% 1px;height:1px;} .Addbutton {background:#171717;color:#C6FF00;border:solid 1px #C6FF00;border-radius:32px;font-size:20px;line-height:26px;padding:0 7px;height:26px;display:inline-block;} .Addbutton:hover {background:#C6FF00;color:#171717;} .Addbutton.Float {float:left;margin-left:8px;} /* LOGIN */ #LoginPage {position:absolute;top:0;left:0;width:100%;text-align:center;} .LoginPanel {width:30%;display:inline-block;text-align:center;background:rgba(128,128,128,0.1);padding:10px;border-top-left-radius:20px;border-bottom-right-radius:20px;border:solid 1px rgba(255,255,255,0.1);} .LoginPanel legend {font-size:2vw;font-family:"Trebuchet MS";} .ErrorText {color:red;font-size:1vw;text-align:center;} #LoginForm .LoginContent {float:left;width:100%;margin:8px 0;box-sizing:border-box;} #LoginForm .LoginContent input {width:60%;margin-bottom:5px;font-size:1vw;box-sizing:border-box;font-family:"Trebuchet MS";background:rgba(128,128,128,0.1);border:solid 1px rgba(255,255,255,0.1);} #LoginForm .LoginContent input:focus {transition:background 100ms;border:solid 1px rgba(255,0,0,0.3);} #LoginForm button {width:60%;padding:5px;font-size:1.5vw;color:#FFFFFF;border:solid 1px #666666;background:rgba(128,128,128,0.1);transition:background 1s;font-family:"Trebuchet MS";} #LoginForm button:hover {background:rgba(75,75,75,0.8);transition:background 100ms;} .pt_controls {position:absolute;bottom:3px;right:3px;z-index:900;text-align:right;} @keyframes PlayAnim {0% {color: white;} 25% {color: red;} 50% {color: white;} 75% {color:#C6FF00;} 100% {color: white;}} .pt_controls a:nth-of-type(1) {animation-name: PlayAnim;animation-duration: 2s;animation-iteration-count: infinite;} .pt_controls .pt_title {font-size:9px;} .pt_controls .pt_title select {font-size:9px;background:none;border:none;} .pt_controls .pt_progress div {width:100%;min-width:1%;background:#C6FF00;font-size:1px;margin:2px 0;transition:width 1s;} .pt_controls .pt_samples {float:right;} .pt_controls .pt_samples div {width:5px;height:5px;border-radius:10px;background:#222;margin:3px 1px 0 1px;float:left;transition:background 0.6s;} .pt_controls .pt_samples div.active {background:#C6FF00;transition:background 0s;} .pt_controls.Amiga {position:absolute;width:100%;top:30%;left:0;z-index:900;text-align:center;} .pt_controls.Amiga a {font-size:2vw;} .pt_controls.Amiga .pt_title {font-size:1vw;padding:0.3vh 0;} .pt_controls.Amiga .pt_title select {font-size:1vw;} .pt_controls.Amiga .pt_progress {float:none;width:25%;display:inline-block;} .pt_controls.Amiga .pt_progress div {width:100%;min-width:1%;background:#C6FF00;font-size:2px;margin:2px 0;transition:width 1s;} .pt_controls.Amiga .pt_samples {float:none;display:inline-block;} .pt_controls.Amiga .pt_samples div {width:2.6vw;height:2.6vw;border-radius:2.6vw;background:#111;margin:3px 1px 0 1px;float:left;transition:background 0.6s;border:solid 1px #333;} .pt_controls.Amiga .pt_samples div.active {background:#C6FF00;transition:background 0s;} /* MENUBAR */ #AdminMenuBar {height:25px;min-width:996px;} #AdminMenuBar li {float:left;} #AdminMenuBar li a {display:block;padding:5px 24px 0 24px;margin-top:1px;height:19px;font-size:12px;font-weight:bold;color:#FFFFFF;transition:background 1s,color 1s;} #AdminMenuBar li a:hover {background:rgba(75,75,75,0.8);color:#C6FF00;transition:background 100ms,color 100ms;} #AdminMenuBar li.current a {background:rgba(50,50,50,0.8);color:#C6FF00} #AdminMenuBar li.current a:hover {color:#FFFFFF;} #AdminMenuBar li a.Logo {background:#C6FF00;border-radius:32px;display:block;width:23px;height:23px;padding:0;margin:0 4px;transition:background 4s;} #AdminMenuBar li a.Logo:hover {background:white;transition:background 4s;} #AdminSubMenuBar {height:90px;min-width:996px;background:rgba(50,50,50,0.8);overflow:hidden;border-bottom:solid 1px #C6FF00;} #AdminSubMenuItem {min-width:1280px;background:rgba(50,50,50,0.8);overflow:hidden;} #AdminSubMenuItem li {float:left;width:84px;text-align:center;border-right:dashed 1px rgba(75,75,75,0.8);} #AdminSubMenuItem li img {width:48px;height:48px;} #AdminSubMenuItem li a {display:block;width:100%;height:91px;text-align:center;font-size:10px;color:#FFFFFF;padding-top:16px;box-sizing:border-box;} #AdminSubMenuItem li a:hover {color:#C6FF00;background:rgba(75,75,75,0.8);} #AdminSubMenuItem li.MenuSepar {border-right:dashed 1px #666666;height:78px;margin:6px 8px;width:0;} #AdminSubMenuItem li label {width:30%;float:left;box-sizing:border-box;display:block;padding-top:3px;white-space:nowrap;overflow:hidden;font-size:9px;} #AdminSubMenuItem li select,#AdminSubMenuItem li input[type=text] {width:70%;float:left;box-sizing:border-box;margin:1px 0;font-size:9px;padding:1px;letter-spacing:1px;} #AdminSubMenuItem li.VeryLong {width:560px;box-sizing:border-box;padding:2px 8px;text-align:left;} #AdminSubMenuItem li.VeryLong label {width:15%;float:left;box-sizing:border-box;display:block;padding-top:6px;white-space:nowrap;overflow:hidden;font-size:12px;} #AdminSubMenuItem li.VeryLong select {width:84%;float:left;box-sizing:border-box;margin:1px 0;font-size:12px;font-family:"Trebuchet MS";padding:2px 4px;} #AdminSubMenuItem li.VeryLong input[type=text] {width:84%;float:left;box-sizing:border-box;margin:1px 0;font-size:12px;font-family:"Trebuchet MS";padding:2px 4px;} #AdminSubMenuItem li.VeryLong select.Short,#AdminSubMenuItem li.VeryLong input[type=text].Short {width:33.5%;margin-right:6px;} #AdminSubMenuItem li.Long {width:220px;box-sizing:border-box;padding:2px 8px;text-align:left;} #AdminSubMenuItem li.Medium {width:130px;box-sizing:border-box;padding:4px 8px;text-align:left;} #AdminSubMenuItem li.Medium select {width:100%;} #AdminSubMenuItem li.Medium input[type=checkbox] {float:left;clear:both;} #AdminSubMenuItem li.Medium label {width:auto;padding:0 0 0 5px;} #AdminSubMenuItem li.Filter label {width:50%;padding:0;} #AdminSubMenuItem li span.Filter2 {display:block;float:left;width:33%;overflow:hidden;font-size:0;height:11px;} #AdminSubMenuItem li span.Filter2 input {display:block;float:left;margin:0 3px 0 0;cursor:pointer;width:15%;} #AdminSubMenuItem li span.Filter2 label {display:block;float:left;width:68%;margin-right:3px;line-height:10px;} #AdminSubMenuItem h1 {background:none;padding:0;margin:0;font-size:10px;border-bottom:dashed 1px #666666;margin-bottom:1px;} #AdminSubMenuItem h1 a {display:inline;padding:0;margin:0;} #AdminSubMenuItem button {display:block;float:right;padding:2px 4px;font-size:11px;color:black;background:#C6FF00;margin:1px 0 0 1px;} #AdminSubMenuItem .AdminSubMenuTitle {font-size:46px;color:#C6FF00;display:block;padding-top:10px;} #AdminSubMenuItem #AdminSubMenuRecap {width:400px;padding:8px;border:solid 1px #666666;display:inline-block;background:rgba(75,75,75,0.8);margin-top:8px;border-top-left-radius:20px;border-bottom-right-radius:20px;} #AdminSubMenuItem #AdminSubMenuRecap li {width:49%;float:left;padding:0;margin:0;box-sizing:border-box;text-align:left;} #AdminSubMenuItem li .ProjetSearchOption {float:left;padding-top:2px;} #AdminSubMenuItem li .ProjetSearchOption label {width:auto;padding:0 16px 0 5px;} #AdminSubMenuItem li .ProjetSearchOption input[type=checkbox] {clear:none;float:left;} #AdminSubMenuItem li #ProjetOption input[type=checkbox] {clear:none;margin-left:8px;float:left;} #AdminSubMenuItem li #ProjetOption label.Options {width:auto;padding:0 8px 0 5px;} #AdminSubMenuItem li.Visibility {width:230px;box-sizing:border-box;padding:4px 8px;text-align:left;} #AdminSubMenuItem .ProjetVisibilityWrapperSwitch {display:inline-block;font-size:22px;color:white;cursor:pointer;} #AdminSubMenuItem .ProjetVisibilityWrapper {width:100%;padding:0;margin:0;font-size:0;display:none;} #AdminSubMenuItem .ProjetVisibilityList {float:left;width:50%;text-align:left;padding:0;margin:0;font-size:9px;} #AdminSubMenuItem .ProjetVisibilityList img {float:left;border-radius:5px;width:40px;height:40px;margin:0 0 5px 0;} #AdminSubMenuItem .ProjetVisibilityList span {float:left;display:block;padding:9px 0 0 5px;color:white;} .AdminMenuWait {padding-top:10px;} #AdminSubMenuItem.Recap li {width:160px;text-align:center;height:91px;} #AdminSubMenuItem .filter-section { display: block; float: left; width: 50%; border-right: 1px dashed #666; box-sizing: border-box; padding: 5px; } #AdminSubMenuItem .filter-option>label { width: calc(100% - 20px); float: right; } /* CLIENTS */ .ClientRecap {float:left;padding:8px;margin:6px;width:200px;height:80px;border:#666666;background:rgba(50,50,50,0.8);text-align:left;color:#999999;} .ClientRecap .ClientRecapName {font-size:13px;color:#e09400;} .ClientBloc {width:50%;float:left;position:relative;} .ClientList {display:block;width:100%;} .ClientList.Small {width:900px;} .ClientList.Small span.invalid {color:red;padding-left:8px;} .ClientList li {clear:both;float:left;width:25%;text-align:right;padding:5px 0;margin:0;box-sizing:border-box;} .ClientList li.Alert {color:#af1e39;font-weight:bold;} .ClientList li:nth-of-type(even) {clear:none;float:left;width:73%;text-align:left;padding:0;margin:0;} .ClientList.Extend {width:100%;} .ClientList.Extend li {width:12%;} .ClientList.Extend li:nth-of-type(even) {width:85%;} .ClientList.Extend li div {display:block;float:left;width:16%;white-space: nowrap;overflow:hidden;} hr.ClientListHR {clear:both;display:block;width:100%;height:1px;background: url(/system_images/line.png) no-repeat left bottom;background-size: 100% 1px;border:0;margin:4px 0 8px 0;padding:4px 0;} .ClientList input[type=text],.ClientList .EmptyLine,.ClientList textarea,.ClientList select,.ClientList input[type=number] {display:block;width:98%;padding:2px 6px;margin:3px 0 0 5px;overflow:hidden;font-family:"Trebuchet MS";font-weight:normal;font-size: 12px;} .ClientList select {width:100%;} .ClientList input[type=number] {width:25%;} .ClientList input.SmallDate {width:32px;float:left;} .ClientList .EmptyLine {display:block;width:98%;padding:2px 6px;margin:3px 0 0 5px;overflow:hidden;font-family:"Trebuchet MS";font-weight:normal;font-size: 12px;background:rgba(50,50,50,0.8);color:#FFFFFF;border:solid 1px #666666;} .ClientList input[type=file] {display:none;} .ClientList input[type=file].stdFile { display: block; width: 98%; padding: 2px 6px; margin: 3px 0 0 5px; overflow: hidden; } .ClientList textarea {margin-bottom:3px;} .ClientList input[type=checkbox],.ClientList input[type=radio] {margin:6px 8px;cursor:pointer;} .ClientList .Important {color:#C6FF00;font-weight:bold;} .ClientHostList li {float:left;padding:2px 0;width:25%;text-align:left;} .ClientHostList li a {font-weight:normal;color:grey !important;} .ClientHostList li:nth-of-type(3n+1) {clear:both;color:#C6FF00;font-weight:bold;width:45%;margin-left:5%;} .ClientHostList li:nth-of-type(3n+1) a {color:#C6FF00;font-weight:bold;} .ClientBloc hr.ClientHostListSepar {width:100%;padding:4px 0;} .ClientBloc .ClientHostListTotal {background:rgba(50,50,50,0.8);color:white;font-size:13px;text-align:left;padding:5px;} .ClientSmile {color:rgba(50,50,50,0.8);font-size:400px;font-family:arial;text-align:left;} .ClientTitleLink {font-size:12px;color:#C6FF00;} .clientFileInput span {display: block;width: 98%;padding: 2px 6px;margin: 3px 0 0 5px;overflow: hidden;font-family: "Trebuchet MS";font-weight: normal;font-size: 12px;background: rgba(50,50,50,0.8);color: #FFFFFF; border: solid 1px #666666;} .clientFileInput input[type=file] {display:block;width:98%;} .ClientList .emptyFile { padding: 2px 6px; margin: 3px 0 0 5px; display: inline-block; } .ClientList.Demi li {clear:both;float:left;width:12.5%;text-align:right;padding:5px 0;margin:0;box-sizing:border-box;} .ClientList.Demi li:nth-of-type(even) {clear:none;float:left;width:87%;text-align:left;padding:0;margin:0;} .ClientList.Demi select {width:250px;} .ClientList.Demi input[type=number] {width:150px;} /* CLIENTS NAV */ .ClientSearch {width:90%;font-size:19px;font-weight:normal;margin:8px;color:#FFFFFF;padding:4px;text-transform:uppercase;} .ClientSelect {width:90%;font-size:19px;font-weight:normal;margin:8px;color:#FFFFFF;padding:4px;} .ClientFilter {padding:10px 0 0 0;} .ClientFilter li {float:left;padding:0 4px 10px 4px;} .ClientFilter li input[type=radio] {float:left;cursor:pointer;} .ClientFilter li label {float:left;color:#FFFFFF;padding:0 0 0 3px;} .ClientFilter #type1 {background:#800;} .ClientFilter #type2 {background:#800;} .ClientFilter #type3 {background:#C6FF00;} .ClientFilter #type4 {background:#66ff00;} .ClientFilter #type5 {background:#4477ee;} .ClientListNav {padding-top:8px;} .ClientListNav li {cursor:pointer;font-size:12px;color:#999999;margin:3px 0;padding:0;border-left:solid 8px #D20;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;} .ClientListNav li:hover {background:rgba(50,50,50,0.8);} .ClientListNav li.current {background:rgba(75,75,75,0.8);color:#C6FF00;} .ClientListNav li.Alert {color:#e09400;} .ClientListNav li.Inactive {color:#383838;padding-left:15px;} .ClientListNav li.Volumic {border-color:#C6FF00;} .ClientListNav li.Revendeur {border-color:#AAA;} .ClientListNav li.Fournisseur {border-color:#4477ee;} .ClientListNav li.Alert2 {border-color:blue;} .clientexport {padding:0;margin:0;display:inline;} .clientexport button {background:white;padding:1px 4px;margin:0;display:inline;color:black;font-size:9px;} /* ECHEANCIER */ .EcheancierHeader {float:left;padding-bottom:4px;width:326px;text-align:left;position:relative;z-index:10;} .EcheancierHeader h2 {border:none;padding:3px 8px;margin:0;background:rgba(50,50,50,0.8);float:left;} .EcheancierHeader .EcheancierHeaderDetail {clear:both;float:left;background:rgba(50,50,50,0.8);} .EcheancierHeader .EcheancierHeaderDetail li {float:left;box-sizing:border-box;white-space:nowrap;padding:3px 10px;font-size:16px;width:144px;} .EcheancierHeader .EcheancierHeaderDetail li:nth-of-type(3) {width:32px;} .EcheancierHeader .EcheancierHeaderDetail.Second {display:none;margin-top:1px;position:absolute;top:51px;left:0;box-shadow:1px 1px 3px black;border:solid 1px #666666;width:320px;background:#2d2d2d} .EcheancierHeader .EcheancierHeaderDetail.Second li {width:160px;font-size:12px;text-align:right;} .EcheancierHeader .EcheancierHeaderDetail input[type=text] {width:60px;text-align:right;font-size:12px;padding:1px 3px;} .EcheancierHeader .EcheancierHeaderDetail span {display:inline-block;padding:0 6px;display:none;} .EcheancierHeader .EcheancierHeaderDetail button {background:#C6FF00;color:#171717;font-size:11px;font-weight:bold;padding:1px 4px;margin:0 4px;} .EcheancierHeader.Alert h2 {background:#af1e39;} .EcheancierHeader.Alert .EcheancierHeaderDetail {background:#af1e39;} .EcheancierLine {clear:both;border-bottom:solid 2px #666;margin:0;} .EcheancierMonth li {float:left;width:7%;background:rgba(50,50,50,0.8);border:dotted 1px #666666;box-sizing:border-box;border-bottom:none;margin:0 0.25%;} .EcheancierMonth li:nth-of-type(13) {width:9.5%;background:#e09400;} .EcheancierMonth li a {display:block;padding:5px 0;font-weight:bold;color:#bbb;} .EcheancierMonth li:hover {background:rgba(75,75,75,0.8);} .EcheancierMonth li.current {background:#666666;} .EcheancierMonth li.current a {color:#C6FF00;} .EcheancierMonth .EcheancierdateSelection {background:none;border:none;padding:4px 0;margin:0;font-family:"Trebuchet MS";font-weight:bold;font-size:12px;color:#171717;width:98%;text-align:center;} .EcheancierTitle {float:left;width:49.75%;background:#666666;color:#FFFFFF;font-size:15px;line-height:26px;text-align:center;margin-right:0.25%;padding:5px 0;} .EcheancierTitle2 {float:left;width:49.75%;background:#666666;color:#FFFFFF;font-size:15px;line-height:26px;text-align:center;margin-left:0.25%;padding:5px 0;} .Echeancier {float:left;font-size:11px;border:solid 1px #666666;box-sizing:border-box;} .Echeancier.In {width:49.75%;margin-right:0.25%;} .Echeancier.Out {width:49.75%;margin-left:0.25%;} .Echeancier .EcheancierHead {background:rgba(75,75,75,0.8);color:#FFFFFF;} .Echeancier .EcheancierHead a {color:#C6FF00;font-weight:bold;} .Echeancier li {float:left;width:12.5%;box-sizing:border-box;white-space:nowrap;padding:5px 3px;border-right:solid 1px #171717;border-bottom:solid 1px #171717;text-align:left;height:21px;overflow:hidden;background:#2e472b;color:#DDD;} .Echeancier li:nth-of-type(n9+1) {font-weight:bold;} .Echeancier li a {color:white;} .Echeancier li.Alert,.Echeancier {background:#3f1a1a;} .Echeancier li.Alert2,.Echeancier {background:#6e4900;} .Echeancier li.Alert3,.Echeancier {background:#626200;} .Echeancier li.ok,.Echeancier li.ok a {background:#0c7200;} .Echeancier li.Warning {background:#4b4000;} .Echeancier.In li:nth-of-type(7n+1) {clear:both;width:11%;} .Echeancier.In li:nth-of-type(7n+2) {width:22%;} .Echeancier.In li:nth-of-type(7n+3) {width:15%;} .Echeancier.In li:nth-of-type(7n+4) {width:13%;} .Echeancier.In li:nth-of-type(7n+5) {width:13%;} .Echeancier.In li:nth-of-type(7n+6) {width:13%;} .Echeancier.In li:nth-of-type(7n+7) {width:13%;border-right:none;} .Echeancier.Out li:nth-of-type(8n+1) {clear:both;width:15%;} .Echeancier.Out li:nth-of-type(8n+2) {width:16%;cursor: grab;} .Echeancier.Out li:nth-of-type(8n+3) {width:10%;} .Echeancier.Out li:nth-of-type(8n+4) {width:10%;} .Echeancier.Out li:nth-of-type(8n+5) {width:13%;} .Echeancier.Out li:nth-of-type(8n+6) {width:13%;} .Echeancier.Out li:nth-of-type(8n+7) {width:13%;} .Echeancier.Out li:nth-of-type(8n+8) {width:10%;border-right:none;} .Echeancier.Impaye {width:100%;min-width:996px;} .Echeancier.Impaye li:nth-of-type(11n+1) {width:3.4%;text-align:center;clear:both;} .Echeancier.Impaye li:nth-of-type(11n+2) {width:4%;} .Echeancier.Impaye li:nth-of-type(11n+3) {width:30%;} .Echeancier.Impaye li:nth-of-type(11n+4) {width:8%;} .Echeancier.Impaye li:nth-of-type(11n+5) {width:20%;} .Echeancier.Impaye li:nth-of-type(11n+6) {width:7%;} .Echeancier.Impaye li:nth-of-type(11n+7) {width:7%;} .Echeancier.Impaye li:nth-of-type(11n+8) {width:10%;} .Echeancier.Impaye li:nth-of-type(11n+9) {width:3%;} .Echeancier.Impaye li:nth-of-type(11n+10) {width:5%;} .Echeancier.Impaye li:nth-of-type(11n+11) {width:2.5%;text-align:center;} /*.Echeancier.Impaye li:nth-of-type(13n+12) {width:5%;} .Echeancier.Impaye li:nth-of-type(13n+13) {width:1.4%;text-align:center;}*/ .Echeancier.Impaye .EcheancierShadow {opacity:0.1;} .Echeancier.Impaye input:disabled {opacity:0.1;} .Echeancier.Impaye .Warning {color:#0ff;} .Echeancier.Impayef {width:100%;min-width:996px;} .Echeancier.Impayef li:nth-of-type(9n+1) {width:6%;clear:both;} .Echeancier.Impayef li:nth-of-type(9n+2) {width:17%;} .Echeancier.Impayef li:nth-of-type(9n+3) {width:15%;} .Echeancier.Impayef li:nth-of-type(9n+4) {width:10%;} .Echeancier.Impayef li:nth-of-type(9n+5) {width:10%;} .Echeancier.Impayef li:nth-of-type(9n+5) span {color:red;font-weight:bold;} .Echeancier.Impayef li:nth-of-type(9n+6) {width:10%;} .Echeancier.Impayef li:nth-of-type(9n+7) {width:10%;} .Echeancier.Impayef li:nth-of-type(9n+8) {width:10%;} .Echeancier.Impayef li:nth-of-type(9n+9) {width:12%;} .Echeancier.Impayef li:nth-of-type(1) {padding-top:1px;} .Echeancier.Impayef li input[type=checkbox] {display:inline-block;float:left;} .EcheancierSearch {text-align:left;} .EcheancierSearch li {float:left;height:40px;padding:0 6px;border-left:solid 3px #666666;} .EcheancierSearch li label {display:inline-block;width:62px;padding-left:3px;white-space: nowrap;overflow:hidden;} .EcheancierSearch input[type=text] {padding:3px 4px;font-size:14px;color:#999999;width:90px;} .EcheancierSearch select {width:120px;padding:2px 4px;font-size:14px;color:#999999;} .EcheancierSearch button {padding:3px 10px;margin-top:7px;border:solid 1px #C6FF00;background:rgba(50,50,50,0.8);font-size:14px;color:#FFFFFF;cursor:pointer;} .EcheancierSearch input[type=radio],.EcheancierSearch input[type=checkbox] {margin-top:3px;} .RelanceList li {width:50%;box-sizing:border-box;white-space:nowrap;overflow:hidden;float:left;font-size:13px;padding:1px 0;} .RelanceList li span {font-size:9px;color:#c00;} .RelanceList li.NotValid a {text-decoration:line-through;color:#c00;} .RelanceLegend {width:50%;float:left;font-size:12px;} .RelanceDebug {padding:8px;border:solid 1px #C6FF00;} .RelanceRecap {font-size:13px;} .RelanceRecap.Alert {color:#c00;} /* ACOMPTE/CHEQUE/CAISSE */ .GestionColumn {width:33%;float:left;padding:0 0.5%;box-sizing:border-box;} .GestionColumn .ExportButton {float:right;font-size:12px;color:white;padding-top:8px;} .GestionList li {width:20%;float:left;box-sizing:border-box;white-space:nowrap;padding:5px 3px;border-right:solid 1px #171717;border-bottom:solid 1px #171717;text-align:left;height:21px;overflow:hidden;background:rgba(50,50,50,0.8);} .GestionList li:nth-of-type(4n+4) {width:40%;} .GestionList li.GestionListHead {background:#666666;color:#FFFFFF;} .GestionList li.Alert {color:#af1e39;} .GestionList li.Facture {color:rgba(75,75,75,0.8);} .GestionList li.Facture a {color:rgba(75,75,75,0.8);} .GestionList li input[type=checkbox] {float:left;margin-right:4px;cursor:pointer;} .GestionList li.Facture input[type=checkbox] {opacity:0.2;} .GestionList li.GestionListSepar {font-size:0;padding:0;border:none;border-bottom:solid 1px #C6FF00;height:0;} #GestionMenuCheqacomcais {min-width: 996px;background: rgba(50,50,50,0.8);overflow: hidden;border-top:1px dashed rgba(75,75,75,0.8);margin-bottom: 15px;} #GestionMenuCheqacomcais li {float: left;width:84px;text-align: center;border-right: dashed 1px rgba(75,75,75,0.8);} #GestionMenuCheqacomcais li a {display: block;width: 100%;text-align: center;font-size: 12px;color: #FFFFFF;padding:16px;box-sizing: border-box;text-transform: capitalize;} #GestionMenuCheqacomcais li.current a {color:#C6FF00} .GestionColumn {width:100%;} /* Situation */ .SituYearBloc span {display:block;background:#ffb300;color:black;text-align:center;font-size:26px;margin-top:4px;white-space: nowrap;} .SituYearBloc li {float:left;width:16.66%;text-align:center;font-size:20px;color:white;padding:4px 0;border:solid 1px #ffb300;box-sizing:border-box;white-space: nowrap;} .SituMonthlyBloc {float:left;box-sizing:border-box;width:8.33%;border:solid 1px #C6FF00;} .SituMonthlyBloc.Selected {border:solid 1px #00e3ff;} .SituMonthlyBloc a {background:#C6FF00;color:black;display:block;text-align:center;font-size:17px;white-space: nowrap;} .SituMonthlyBloc.Selected a {background:#00e3ff;} .SituMonthlyBloc a:hover {color:red;} .SituMonthly {width:100%;} .SituMonthly td {text-align:right;width:50%;color:white;white-space: nowrap;} .SituListBloc {float:left;width:33.3%;} .SituTable {font-size:15px;color:white;border:solid 1px #00e3ff;width:100%;} .SituTable td {background:#222;text-align:right;padding:2px 3px;border-bottom:solid 1px black;} .SituTable td span {color:#444;} .SituTableTitle td {background:#00e3ff;color:black;font-size:24px;text-align:center;} .SituTableFooter td {background:#00e3ff;color:red;font-size:20px;text-align:right;} .ComTitle {background:#00e3ff;color:black;font-size:24px;text-align:center;margin-bottom:8px;} .CommissionBloc {float:left;border:solid 1px #85ff00;box-sizing:border-box;} .CommissionTable {font-size:13px;color:white;border:solid 1px #85ff00;width:100%;} .CommissionTable td {background:#222;text-align:right;padding:0 3px;overflow:hidden;} .CommissionTable td:nth-of-type(4n+1) {width:55%;} .CommissionTable td:nth-of-type(4n+2) {width:19%;color:#AAA;} .CommissionTable td:nth-of-type(4n+3) {width:13%;} .CommissionTable td:nth-of-type(4n+4) {width:13%;} .CommissionTableTitle td {background:#85ff00;color:black;font-size:22px;text-align:center;} .CommissionTableFooter td {background:#85ff00;color:red;font-size:18px;text-align:right;} .CommissionTableFooter td:nth-of-type(4n+2) {color:red;} .CommissionPot {text-align:center;font-size:28px;color:white;padding:10px;background:#85ff00;color:black;} .CommissionDetail {text-align:right;padding:4px;} .CommissionBloc.GEMEA {border:solid 1px #C6FF00;} .CommissionBloc.GEMEA .CommissionTable {border:solid 1px #C6FF00;} .CommissionBloc.GEMEA .CommissionTableTitle td {background:#C6FF00;} .CommissionBloc.GEMEA .CommissionTableFooter td {background:#C6FF00;} .CommissionBloc.PC .CommissionTableFooter td {color:blue;} .CommissionBloc.Total {border:solid 1px #ff6100;} .CommissionBloc.Total .CommissionTable {border:solid 1px #ff6100;} .CommissionBloc.Total .CommissionTableTitle td {background:#ff6100;} .ComMonth li {float:left;width:7.69%;text-align:center;} .ComMonth li a {display:block;color:black;font-size:16px;padding:4px 0;box-sizing:border-box;border:solid 1px black;background:#C6FF00;} .ComMonth li.current a {background:#00e3ff;border-bottom:solid 1px #00e3ff;} .ComMonth li select {display:block;width:100%;color:black;font-size:16px;padding:4px 0;box-sizing:border-box;border:solid 1px black;background:#00e3ff;} /* PROJET */ .PageHeaderProjet1 {float:left;width:240px;} .PageHeaderProjet1 h1 {padding-top:0;} .ProjetMode {float:left;width:140px;color:#FFFFFF;background:rgba(50,50,50,0.8);padding:6px 8px;margin-right:8px;} #ProjetMode input[type=radio] {float:left;clear:both;} .FactuMonthWrapper select {width:50% !important;} .PageHeaderProjetLegend {float:left;width:145px;} .PageHeaderProjetLegend .Legend {float:left;width:80px;text-align:center;margin:1px 1px;font-size:10px;background:rgba(75,75,75,0.8);border:solid 1px #666666;padding:3px 0;border-top-right-radius:8px;color:#FFFFFF;} .PageHeaderProjetLegend .Legend.Volumic {background:#C6FF00;} .PageHeaderProjetLegend .Legend.Priorite {background:#e09400;} .PageHeaderProjetLegend .Legend.PrioriteRetard {background:#af1e39;} .ProjetSearch {float:left;font-size:10px;} .ProjetSearch label {width:60px;display:inline-block;} .ProjetSearch input,.ProjetSearch select {font-size:14px;font-size:10px;margin-bottom:1px;width:120px;} .ProjetSearch select {padding:0 4px;width:130px;} .ProjetSearch .SearchReset {width:16px;padding-left:2px;} .ProjetUser {float:left;width:240px;color:#FFFFFF;background:rgba(50,50,50,0.8);padding:4px 8px;} .ProjetUser li {float:left;width:120px;} .ProjetUser li:nth-of-type(1) {width:240px;padding-bottom:4px;} .ReadOnlyAlert {display:block;border:solid 1px #888;background:#f7f085;font-size:17px;color:black;text-align:center;padding:20px 0;margin-bottom:8px;line-height:10px;} /* PROJET CALENDAR */ .ProjetCalendar {float:left;width:120px;text-align:left;margin-right:4px;background:rgba(50,50,50,0.8);border:solid 1px #666666;padding:0 4px;} .ProjetCalendarTitle {text-align:center;color:#FFFFFF;font-weight:bold;padding:5px 0;} .ProjetCalendarTitle span {color:#af1e39;} .ProjetCalendarContent {display:block;border:solid 1px #666666;background:rgba(75,75,75,0.8);padding:3px;margin-bottom:3px;} .ProjetCalendarContent.Recapitulatif {text-align:left;box-sizing:border-box;width:200px;float:left;margin:0 3px 3px 0;} .ProjetCalendarContent.Nodate {border:solid 1px rgba(75,75,75,0.8);} .ProjetCalendarContent.Today {background:#4fca04;} .ProjetCalendarContent.Current {} .ProjetCalendarContent.Priorite {background:#e09400;} .ProjetCalendarContent.PrioriteRetard {background:#af1e39;} .ProjetCalendarContent.Bloqued {background:#af1e39;} .ProjetCalendarContent.Legend {float:left;width:60px;text-align:center;margin:1px 1px;font-size:10px;} .ProjetCalendarContent .ProjetCalendarName {font-size:11px;font-weight:bold;display:block;overflow:hidden;height:11px;white-space:nowrap;color:#FFFFFF;margin:1px 0;} .ProjetCalendarContent.Other .ProjetCalendarName {font-size:9px;font-weight:normal;height:9px;color:#999999;} .ProjetCalendarContent .ProjetCalendarFacture {background:red;color:white;border-radius:4px;font-weight:normal;font-size:9px;float:right;} .ProjetCalendarContent .ProjetCalendarStage {font-size:9px;color:#888;overflow:hidden;height:10px;white-space:nowrap;} .ProjetCalendarContent .ProjetCalendarWorker {font-size:9px;display:inline-block;padding:1px 3px;transition:background 0.75s,color 0.75s;} .ProjetOutlook .ProjetOutlookDate li div.Relicat {position: absolute;bottom:1px;right: 3px;opacity: 0.8;width: 40px;height: 20px;border-radius: 32px;color: white;font-size: 9px;line-height: 10px;font-weight: bold;text-align: center;padding-top: 4px;box-sizing: border-box;border: solid 1px black;background: #DB9753;} .ProjetOutlook .ProjetOutlookDate li div.Urgent {position: absolute;bottom:21px;right: 3px;opacity: 0.8;width: 40px;height: 20px;border-radius: 32px;color: white;font-size: 9px;line-height: 10px;font-weight: bold;text-align: center;padding-top: 4px;box-sizing: border-box;border: solid 1px black;background: red;} /* PROJET FACTU */ .ProjetFactu {clear:both;text-align:left;color:white;background:rgba(75,75,75,0.8);position:relative;margin-bottom:1px;} .ProjetFactu li {float:left;box-sizing:border-box;border-right:solid 1px black;padding:4px;height:38px;font-size:13px;overflow:hidden;} .ProjetFactu li span {font-size:9px;font-weight:normal;} .ProjetFactu li:nth-of-type(9n+1) {font-size:1px;width:2%;} .ProjetFactu li:nth-of-type(9n+2) {font-size:15px;width:15%;background:#2d2d2d;} .ProjetFactu li:nth-of-type(9n+3) {font-weight:bold;width:15%;overflow:hidden;background:#2d2d2d;} .ProjetFactu li:nth-of-type(9n+4) {width:5%;text-align:right;background:#2d2d2d;} .ProjetFactu li:nth-of-type(9n+5) {width:9%;text-align:right;background:#2d2d2d;} .ProjetFactu li:nth-of-type(9n+6) {width:9%;text-align:right;background:#2d2d2d;} .ProjetFactu li:nth-of-type(9n+7) {width:10%;text-align:right;background:#2d2d2d;} .ProjetFactu li:nth-of-type(9n+8) {width:5%;text-align:center;background:#2d2d2d;} .ProjetFactu li:nth-of-type(9n+9) {background:#2d2d2d;width:30%;} .ProjetFactu li:nth-of-type(9n+9) a {display:inline-block;background:#C6FF00;color:black;font-size:13px;font-weight:bold;padding:4px 7px;border-radius:4px;margin:4px 2px 0 2px;transition:background 0.3s,color 0.3s;} .ProjetFactu li:nth-of-type(9n+9) a:hover {background:black;color:#C6FF00;transition:background 0.3s,color 0.3s;} .ProjetFactu.type10.Special li:nth-of-type(9n+6) {width:24%;text-align:left;} .ProjetFactu.type10.Special li:nth-of-type(9n+7) {background:#2d2d2d;width:30%;text-align:left;} .ProjetFactu.type10.Special li:nth-of-type(9n+7) a {display:inline-block;background:#C6FF00;color:black;font-size:13px;font-weight:bold;padding:4px 7px;border-radius:4px;margin:4px 2px 0 2px;transition:background 0.3s,color 0.3s;} .ProjetFactu.type10.Special li:nth-of-type(9n+7) a:hover {background:black;color:#C6FF00;transition:background 0.3s,color 0.3s;} .ProjetFactu.Fini li {background:#364936;} .ProjetFactu.type10.Special.Fini li {background:#364936;} .ProjetFactu.Fini li:nth-of-type(9n+1) {background:green;} .ProjetFactu.type10.Special.Fini li:nth-of-type(9n+1) {background:green;} /*.ProjetFactuIndice {font-size:15px;}*/ .ProjetFactu .ProjetFactuOK {position:absolute;top:-5px;right:-5px;} .ProjetFactu .ProjetNoDevis {position:absolute;top:30px;right:-5px;width:32px;height:32px;background:#e09400;border-radius:32px;} .ProjetFactu.Header li {text-align:center;cursor:pointer;} li.ProjetFactuTitle,li.ProjetFactuTitle span {font-size:26px;} h2.ProjetFactuTitle {background:#C6FF00;padding:6px 8px;color:black;margin:0;} /* PROJET RELIQUAT */ .ProjetRelic {clear:both;text-align:left;color:white;background:rgba(75,75,75,0.8);margin-bottom:1px;} .ProjetRelic li {float:left;box-sizing:border-box;border-right:solid 1px black;padding:4px;height:38px;font-size:13px;position:relative;} .ProjetRelic li .RelicWarning {position:absolute;height:38px;top:0;right:20px;} .ProjetRelic li span {font-size:9px;font-weight:normal;color:#C6FF00} .ProjetRelic li:nth-of-type(9n+1) {font-size:11px;width:2%;text-align:center;} .ProjetRelic li:nth-of-type(9n+2) {font-size:15px;width:15%;background:#2d2d2d;} .ProjetRelic li:nth-of-type(9n+3) {font-weight:bold;width:10%;overflow:hidden;background:#2d2d2d;} .ProjetRelic li:nth-of-type(9n+4) {width:10%;text-align:center;font-size:23px;background:#2d2d2d;} .ProjetRelic li:nth-of-type(9n+5) {width:10%;text-align:left;font-size:11px;line-height:16px;background:#2d2d2d;} .ProjetRelic li:nth-of-type(9n+6) {width:18%;text-align:left;background:#2d2d2d;} .ProjetRelic li:nth-of-type(9n+7) {width:10%;text-align:left;background:#2d2d2d;} .ProjetRelic li:nth-of-type(9n+8) {width:15%;text-align:center;background:#2d2d2d;} .ProjetRelic li:nth-of-type(9n+9) {width:10%;background:#2d2d2d;} .ProjetRelic li:nth-of-type(9n+9) a {display:inline-block;background:#C6FF00;color:black;font-size:13px;font-weight:bold;padding:4px 7px;border-radius:4px;margin:4px 2px 0 2px;transition:background 0.3s,color 0.3s;} .ProjetRelic li:nth-of-type(9n+9) a:hover {background:black;color:#C6FF00;transition:background 0.3s,color 0.3s;} /* PROJET MODE TRAITEMENT */ .ProjetModeTraitement {min-width:1024px;} .ProjetModeTraitement .ProjetModeTraitementLink {float:left;width:19.6%;box-sizing:border-box;display:block;padding:5px;border-radius:6px;border:solid 1px #C6FF00;margin:0.2%;height:74px;} .ProjetModeTraitement .ProjetModeTraitementLink span {display:block;overflow:hidden;font-size:15px;padding:2px 0;white-space: nowrap;font-weight:bold;} .ProjetModeTraitement .ProjetModeTraitementLink span em {color:black;font-style:normal;} .ProjetModeTraitement .ProjetModeTraitementLink span:nth-of-type(3) {text-transform: capitalize;font-size:13;font-weight:normal;} .ProjetModeTraitement .Urgent {position:absolute;top:3px;right:3px;opacity:0.8;width:50px;height:50px;border-radius:25px;background:red;color:white;font-size:12px;font-weight:bold;text-align:center;padding-top:17px;box-sizing:border-box;border:solid 1px black;} .ProjetModeTraitement .Relicat {position:absolute;top:3px;right:3px;opacity:0.8;width:50px;height:50px;border-radius:25px;background:#DB9753;color:white;font-size:12px;font-weight:bold;text-align:center;padding-top:17px;box-sizing:border-box;border:solid 1px black;} .ProjetModeTraitement .labelTransport {position:absolute;bottom:3px;right:3px;border:solid 1px #000;padding:4px;background-color:rgba(0,0,0,0.4);} .ProjetModeExpeBar {padding:8px;} .ProjetModeExpeBar a {font-size:32px;font-weight:bold;padding-right:30px;} .ProjetModeExpeBar .ExpeBarButton {display:block;float:left;font-size:19px;background:black;padding:12px 0;border:solid 2px #C6FF00;border-radius:8px;width:20%;text-align:center;box-sizing:border-box;} .ProjetModeExpeBar div {float:left;box-sizing:border-box;width:59%;text-align:center;color:black;font-size:50px;font-weight:bold;-webkit-text-stroke: 2px white;} .ProjetMagasin {float:left;width:20%;padding:4px;box-sizing:border-box;} .ProjetMagasin h1 {font-size:1.4vw;} .ProjetMagasin a {display:block;border-radius:6px;width:100%;margin:2px;border:solid 1px grey;box-sizing:border-box;position:relative;} .ProjetMagasin a span {display:block;overflow:hidden;white-space:nowrap;} .ProjetMagasin a span:nth-of-type(1) {font-size:18px;} .ProjetMagasin a span:nth-of-type(1) em {color:#F80;font-style:bold;} .ProjetMagasin a span:nth-of-type(2) {font-size:15px;} .ProjetMagasin a span:nth-of-type(3) {font-size:13px;} .ProjetMagasin a div.Urgent {position:absolute;top:2px;right:3px;opacity:0.8;width:80px;border-radius:6px;color:white;font-size:11px;font-weight:bold;text-align:center;box-sizing:border-box;border:solid 1px black;padding:5px 0;background:red;} .ProjetMagasin a div.Relicat {position:absolute;top:35px;right:3px;opacity:0.8;width:80px;border-radius:6px;color:white;font-size:11px;font-weight:bold;text-align:center;box-sizing:border-box;border:solid 1px black;padding:5px 0;background:orange;} .ProjetMagasin a div.Fab {position:absolute;bottom:3px;right:3px;opacity:0.8;width:80px;height:30px;border-radius:6px;color:white;font-size:11px;font-weight:bold;text-align:center;box-sizing:border-box;border:solid 1px black;background:#0c7eff;} /* PROJET EXPE TACTILE */ .ProjetExpeCollection {width:20%;float:left;box-sizing:border-box;padding:0 4px;border-right:solid 3px #c4ff00;border-bottom:solid 3px #c4ff00;min-height:100vh;} .ProjetExpeCollection h1 {border-bottom:solid 1px #c4ff00;text-align:center;} .ProjetExpe {position:relative;box-sizing:border-box;font-family:arial;width:99%;display:block;box-sizing:border-box;float:left;border-radius:8px;padding:8px;font-size:20px;margin:0.5%;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .ProjetExpe span {display:block;overflow:hidden;white-space:nowrap;} .ProjetExpe span:nth-of-type(1) {font-weight:bold;font-size:22px;} .ProjetExpe span:nth-of-type(1).Small {font-size:16px;} .ProjetExpe span:nth-of-type(1) em {color:#F80;font-style:normal;-webkit-text-stroke: 1px black;} .ProjetExpe span:nth-of-type(2) {font-size:12px;padding-left:10px;} .ProjetExpe span:nth-of-type(3) {font-size:15px;color:yellow;} .ProjetExpe div.Urgent {position:absolute;top:1px;right:3px;opacity:0.8;width:60px;border-radius:6px;color:white;font-size:10px;text-align:center;box-sizing:border-box;border:solid 1px black;padding:3px 0;background:red;} .ProjetExpe div.Relicat {position:absolute;top:23px;right:3px;opacity:0.8;width:60px;border-radius:6px;color:white;font-size:10px;text-align:center;box-sizing:border-box;border:solid 1px black;padding:3px 0;background:orange;} .ProjetExpe div.Fab {position:absolute;top:45px;right:3px;opacity:0.8;width:60px;border-radius:6px;color:white;font-size:10px;text-align:center;box-sizing:border-box;border:solid 1px black;background:#0c7eff;} .ProjetExpe i {display:inline-block;background:#C6FF00;width:8px;height:8px;margin-bottom:1px;} .ProjetExpe i.ired {background:red;} .ProjetExpe i.iblue {background:#0c7eff;} .ProjetExpeTopbar {font-family:arial;background-image: linear-gradient(to top, #C6FF00 0%, #669000 100%);margin-bottom:0.5%; padding: 8px 2%; font-size:2.5rem; } .ProjetExpe_navdate {width:35%;-webkit-user-select:none;-moz-user-select: none; -ms-user-select: none; user-select: none;} .ProjetExpe_navdate a {background:#000;padding:6px 24px;display:inline-block;border:solid 2px #C6FF00;border-radius:8px;box-shadow:2px 2px 6px rgba(0,0,0,0.4);margin-top:11px;width:50%;text-align:center;} .ProjetExpe_navdate.next {text-align: right;} .ProjetExpe_currdate {text-align: center; color:black;font-size:68px;font-weight:bold;justify-content: center!important; align-items: center;-webkit-text-stroke: 2px white;font-family:arial;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .ProjetExpe_currdate > a > img { width: 70px; height: auto; } .ProjetExpe_buttonlink {display:block;background:#C6FF00;padding:10px 32px;margin:10px auto;width:50%;color:black;font-size:40px;text-align:center;border-radius:6px;} #scancode {display:inline-block;width:120px;font-size:0;-webkit-text-stroke:0;padding-left:8px;} #scancode input {font-size:27px;display:block;float:left;width:70px;text-shadow:none;border:solid 1px #C4FF00;} #scancode button {padding:0;margin:0;display:block;float:left;font-size:22px;border:solid 1px #C4FF00;background:rgba(50,50,50,0.8);color:white;padding:4px;} .ProjetExpe_produits { padding:0; box-sizing: border-box;font-family:arial;} .ProjetExpe_projet {border:dotted 1px #666666;background:rgba(50,50,50,0.8);padding:1%;box-sizing:border-box;margin-top:24px;font-family:arial;} .ProjetExpe_projet { width: 33%; text-align: left; color: #FFF; font-size: 30px; } .ProjetExpe_produits { width: 66.6%; } .ProjetExpe_projet_body > div { margin-bottom: 12px; } .ProjetExpeTopbar2 {font-family:arial;padding: 8px 2% 8px; background: #c4ff00; margin:0; } .ProjetExpeTopbar2 #codebar {width: 50%;font-size:2.5rem;font-family:arial;background:black;background-image:linear-gradient(to right, #444 0%, #000 100%);border-radius:14px;padding:2px 8px;color:white;opacity:1;} .ProjetExpeTopbar2 .Button {font-size:2.5rem;background:#000;padding:6px 24px;display:inline-block;border:solid 2px #C6FF00;border-radius:8px;box-shadow:2px 2px 6px rgba(0,0,0,0.4);margin-top:0;width:17%;text-align:center;} .ProjetExpeTopbar2 .OKbutton {font-size:2.9rem;background:#C6FF00;padding:8px;border:solid 2px black;border-radius:10px;margin:0 0 0 6px;text-align:center;color:black;} .ProjetExpeTopbar2 .PTitle {width:50%;font-family:arial;color:black;font-size:30px;font-weight:bold;} .ProjetExpe_label {text-transform:uppercase;color:#888;font-size:18px;font-family:arial;} .ProjetExpe_produits .BLEdit select, .BLEdit input[type=text] {font-size: 24px!important;font-family:arial;} .ProjetExpe_produits .BCref {font-family:'Libre Barcode 128 Text',cursive;font-size:38px;} .ProjetExpe_produits .BLlineBarcode a { color:#000; } .ProjetExpe_produits tr.shipped td { padding: 0 2px!important;font-family:arial;height:32px;} .ProjetExpe_produits tr.shipped td .BCref {font-family:'Libre Barcode 128 Text',cursive;font-size:22px;} .ProjetExpe_BLink {background:#C6FF00;border-radius:4px;padding:10px 6px;color:black;display:block;margin:2px 0;font-family:arial;} .ProjetExpe_BLink:hover {color:white;} .ProjetExpe_BLink.Blue {background:#00a3ff;} .ProjetExpe_BLinkRed {background:red;border-radius:4px;padding:10px 6px;color:black;display:block;margin:2px 0;font-family:arial;text-align:center;} .ProjetExpeTopbar3 {font-family:arial;background: #c4ff00;} .ProjetExpeTopbar3 a {display:block;float:left;padding:4px 40px;} .ProjetExpeTopbar3 span {display:block;float:left;padding:0 32px;font-size:60px;color:black;} .ProjetExpeTopbar3 #scancode {display:block;float:right;width:40%;text-align:right;} .ProjetExpeTopbar3 #scancodebar {font-size:50px;margin:3px;width:70%;display:block;float:right;} .ProjetExpeTopbar3 #scancode button {font-size:45px;margin:3px;width:100px;display:block;float:right;} .ExpeEditCat {font-size:11px;} #popWeight { width: 100%; margin-top: 20px; padding: 30px 15px; background: rgba(0,0,0,0.3); display: none; } #popWeight > div { justify-content: center; } #popWeight h1, #blweight { font-size: 4rem; max-width: 20vw; text-align:right; } .weightButton { font-size: 4rem; padding: 0 2rem; margin: 0 0.2rem; min-width: 7rem; } .ProjetExpeContainer * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @keyframes Codedisplay { 0% {background: ##F00;} 100% {background: ##c4ff00;} } .DisplayCodebar {animation-name: Codedisplay;animation-duration: 4s;animation-iteration-count:1;} .BLline {background:#c4ff00;color:black;border-bottom:solid 1px #c0c0c0;border-right:solid 1px #c0c0c0;padding:10px 2px;font-size:25px;position:relative;} .BLline.Warn {background:#f0f0f0;} .BLlineOK { background: #c4ff00!important;font-family:arial;} .BLlineSTD { background: #f0f0f0!important;font-family:arial;} .BLlineWARN { background: orange!important;font-family:arial;} .BLlineBarcode a:hover { color: rgba(0,0,0,0.5);} .ProjetExpe_produits .BLEdit select, .BLEdit input[type=text] {font-size: 30px!important;font-family:arial;} #popWeight { width: 100%; margin-top: 20px; padding: 30px 15px; background: rgba(0,0,0,0.3); display: none; } #popWeight > div { justify-content: center; } #popWeight h1, #blweight { font-size: 4rem; max-width: 20vw; text-align:right; } .weightButton { font-size: 4rem; padding: 0 2rem; margin: 0 0.2rem; min-width: 7rem; } .gm-flex-spacebetween {justify-content: space-between;} #popWeight { height: calc(100vh - 200px); } .popWeight-inner { height: 100%; align-items: center; } .popWeight-btntray .weightButton:nth-child(2) { margin-top: 20px; margin-bottom: 20px; } .weightButton { font-size: 6rem; } #blweight { font-size: 10rem; max-width: 40vw;} /* PROJET OUTLOOK */ .PageHeader.type3 {margin-bottom:0;padding-bottom:0;border:none;} .ProjetOutlook {border:dotted 1px #666666;border-top:none;position:relative;z-index:1;} .ProjetOutlook .ProjetOutlookDate.Header {position:absolute;top:0;z-index:15;} .ProjetOutlook .ProjetOutlookDate li {float:left;border-right:dotted 1px #666666;} .ProjetOutlook .ProjetOutlookDate li div {background:#C6FF00;color:#171717;padding:3px 0;font-weight:bold;font-size:9px;} .ProjetOutlook .ProjetOutlookDate li.Weekend {background:rgba(50,50,50,0.8);} .ProjetOutlook .ProjetOutlookDate li.Today {background:rgba(79,202,4,0.2);} .ProjetOutlook .ProjetOutlookDate li.Toplan {background:rgba(255,255,255,0.1);opacity:0.5;} .ProjetOutlook .ProjetOutlookBloc {display:block;position:absolute;z-index:3;width:64px;border-top-right-radius:20px;color:#999999;text-align:left;white-space:nowrap;overflow:hidden;border:solid 1px #666666;font-size:9px;background:rgba(75,75,75,0.8);padding:1px;margin-bottom:1px;box-sizing:border-box;} .ProjetOutlook .ProjetOutlookBloc.Big {height:56px;font-size:10px;} .ProjetOutlook .ProjetOutlookBloc.Search {height:70px;width:16%;margin:0.33%;} .ProjetOutlook .ProjetOutlookNote {display:block;position:absolute;z-index:3;width:64px;text-align:left;white-space:nowrap;overflow:hidden;font-size:9px;padding:1px;margin-bottom:1px;box-sizing:border-box;} .ProjetOutlook .ProjetOutlookNoteContent {position:relative;z-index:9;font-family: "Trebuchet MS", arial, helvetica, sans-serif;border: 1px solid #666;border-radius:8px;text-align:left;padding:3px;float:left;margin:2px;font-size:12px;font-weight:bold;color:#666;width:99%;box-sizing:border-box;height:60vh;overflow:hidden;background-image: linear-gradient(to bottom, #f7f085 0%, #d7d065 100%);} .ProjetOutlook .ProjetOutlookNoteFlag {position:relative;z-index:10;width:32px;height:6px;margin:0;padding:0;border:solid 1px #666666;border-radius:2px;background:#0f0;} .ProjetOutlookBloc.type1,.type1 {background:#685673;} /* site */ .ProjetOutlookBloc.type4,.type4 {background:#685673;} /* modif */ .ProjetOutlookBloc.type5,.type5 {background:#685673;} /* dev */ .ProjetOutlookBloc.type9,.type9 {background:#685673;} /* adwords */ .ProjetOutlookBloc.type10,.type10 {background:#685673;} /* domaine */ .ProjetOutlookBloc.type12,.type12 {background:#685673;} /* add langue */ .ProjetOutlookBloc.type7,.type7 {background:#685673;} /* suivi */ .ProjetOutlookBloc.type6,.type6 {background:#2b4542;} /* pao */ .ProjetOutlookBloc.type2,.type2 {background:#794808;} /* pers */ .ProjetOutlookBloc.type3,.type3 {background:#794808;} /* anim */ .ProjetOutlookBloc.type14,.type14 {background:#8ab500;} /* prod VS20MK2 */ .ProjetOutlookBloc.type21,.type21 {background:#8ab500;} /* prod VS20DUAL */ .ProjetOutlookBloc.type22,.type22,.ProjetOutlookBloc.type57,.type57 {background:#8ab500;} /* prod VS30MK2 */ .ProjetOutlookBloc.type23,.type23 {background:#8ab500;} /* prod VS30DUAL */ .ProjetOutlookBloc.type30,.type30 {background:#8ab500;} /* prod VS30U background-image: linear-gradient(to right, #ace102 0%,#ace102 80%, #FFF 100%); */ .ProjetOutlookBloc.type41,.type41,.ProjetOutlookBloc.type56,.type56 {background:#8ab500;} /* prod VS30USC background-image: linear-gradient(to right, #ace102 0%,#ace102 80%, #08F 100%);*/ .ProjetOutlookBloc.type52,.type52,.type63,.type69,.type64,.type70,.type75 {background:#8ab500;} /* prod EXO42 background-image: linear-gradient(to right, #ace102 0%,#ace102 80%, #F00 100%);*/ .ProjetOutlookBloc.type53,.type53,.type65,.type71 {background:#8ab500;} /* prod SH65 background-image: linear-gradient(to right, #ace102 0%,#ace102 80%, #F80 100%);*/ .ProjetOutlookBloc.type61,.type61 {background:#C6FF00;} /* prod CUSTOM BUILD */ .ProjetOutlookBloc.type60,.type60 {background:#8ab500;} /* prod reprise */ .ProjetOutlookBloc.type62,.type62 {background:#8ab500;} /* prod occasion */ .ProjetOutlookBloc.type29,.type29 {background:#e1c502;} /* prod stock VS20MK2 */ .ProjetOutlookBloc.type32,.type32 {background:#e1c502;} /* prod stock VS20DUAL */ .ProjetOutlookBloc.type33,.type33,.ProjetOutlookBloc.type59,.type59 {background:#dee102 !important;} /* prod stock VS30MK2 */ .ProjetOutlookBloc.type34,.type34 {background:#dee102;} /* prod stock VS30DUAL */ .ProjetOutlookBloc.type31,.type31 {background:#ace102;} /* prod stock VS30U background-image: linear-gradient(to right, #02e152 0%,#02e152 80%, #FFF 100%);*/ .ProjetOutlookBloc.type42,.type42,.ProjetOutlookBloc.type58,.type58 {background:#ace102;} /* prod stock VS30USC background-image: linear-gradient(to right, #7be102 0%,#7be102 80%, #08F 100%);*/ .ProjetOutlookBloc.type54,.type54 {background:#ace102;} /* prod stock EXO42 background-image: linear-gradient(to right, #02e152 0%,#02e152 80%, #F00 100%);*/ .ProjetOutlookBloc.type55,.type55 {background:#ace102;} /* prod stock SH65 background-image: linear-gradient(to right, #7be102 0%,#7be102 80%, #F80 100%);*/ .ProjetOutlookBloc.type28,.type28 {background:#b7b556;} /* pret/test */ .ProjetOutlookBloc.type16,.type16 {background:#5d4f8e;} /* conso */ .ProjetOutlookBloc.type13,.type13 {background:#399a37;} /* print */ .ProjetOutlookBloc.type19,.type19 {background:#399a37;} /* test print */ .ProjetOutlookBloc.type20,.type20 {background:#2cb2b7;} /* sav */ .ProjetOutlookBloc.type26,.type26 {background:#2cb2b7;} /* sav */ .ProjetOutlookBloc.type11,.type11 {background:#699fa7;} /* divers */ .ProjetOutlookBloc.type15,.type15 {background:#699fa7;} /* tache */ .ProjetOutlookBloc.type37,.type37 {background:#699fa7;} /* tache */ .ProjetOutlookBloc.type47,.type47 {background:#e79029;} /* process */ .ProjetOutlookBloc.type48,.type48 {background:#e79029;} .ProjetOutlookBloc.type49,.type49 {background:#e79029;} .ProjetOutlookBloc.type8,.type8 {background:#527da9;} /* info */ .ProjetOutlookBloc.type27,.type27 {background:#778283;} /* fourni */ .ProjetOutlookBloc.type17,.type17 {background:#7f603b;} /* renvendeur */ .ProjetOutlookBloc.type18,.type18 {background:#7f603b;} /* client */ .ProjetOutlookBloc.type39,.type39 {background:#0207b2;} /* compta */ .ProdRed {background-image: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 80%, rgba(255,0,0,1) 81%, rgba(255,0,0,1) 100%) !important;} .ProdBlue {background-image: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 80%, rgba(0,0,255,1) 81%, rgba(0,0,255,1) 100%) !important;} .ProdYellow {background-image: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 80%, rgba(255,255,0,1) 81%, rgba(255,255,0,1) 100%) !important;} .ProdGreen {background-image: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 80%, rgba(0,255,0,1) 81%, rgba(0,255,0,1) 100%) !important;} @keyframes AlertAnim { 0% {border-color: orange;} 50% {border-color: #442200;} 100% {border-color: orange;} } @keyframes LateAnim { 0% {border-color: #af1e39;} 50% {border-color: #570010;} 100% {border-color: #af1e39;} } @keyframes TimeAlert { 0% {background-image: linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%);} 100% {background-image: linear-gradient(to right,rgba(255,0,0,1) 0%,rgba(255,255,255,0) 70%);} } @keyframes SuperAlertAnim { 0% {border-color: red;} 50% {border-color: #660000;} 100% {border-color: red;} } .ProjetOutlook .ProjetOutlookBloc.Priorite {border:solid 1px #af1e39;border-left:solid 16px orange;animation-name: AlertAnim;animation-duration: 2.5s;animation-iteration-count: infinite;} .ProjetOutlook .ProjetOutlookBloc .Done {position:absolute;bottom:0;right:0;display:inline-block;width:auto;height:auto;background:none;padding:0;margin:0;cursor:pointer;} .ProjetOutlook .ProjetOutlookBloc .Edit {position:absolute;bottom:0;right:23px;display:inline-block;width:auto;height:auto;background:none;padding:0;margin:0;cursor:pointer;} .ProjetOutlook .ProjetOutlookBloc.NotMe {opacity:0.5;} .ProjetOutlook .ProjetOutlookBloc.Fini {background:grey;opacity:0.4;} .ProjetOutlook .ProjetOutlookBloc.Retard {border:solid 1px #af1e39;border-left:solid 14px #af1e39;animation-name: LateAnim;animation-duration: 3s;animation-iteration-count: infinite;} .ProjetOutlook .ProjetOutlookBloc.Selected {border-color:#C6FF00;box-shadow:0 0 20px #C6FF00;} .ProjetOutlook .ProjetOutlookBloc.Toplan {opacity:0.5;} .ProjetOutlook .ProjetOutlookBloc.Important {border:solid 1px #af1e39;border-left:solid 8px #af1e39;} .ProjetOutlook .ProjetOutlookBloc.Bloqued {opacity:0.1;} .ProjetOutlook .ProjetOutlookBloc.Permanent {opacity:1;border:solid 1px #96FF00;border-left:solid 16px #96FF00;color:#FFFFFF;} .ProjetOutlook .ProjetOutlookBloc .Title {font-weight:bold;color:#FFFFFF;position:relative;} .ProjetOutlook .ProjetOutlookBloc .Stage {font-size:8px;text-transform:capitalize;color:#E0E0E0;} .ProjetOutlook .ProjetOutlookBloc .Facture {background:#af1e39;color:#FFFFFF;border-radius:20px;font-weight:normal;font-size:9px;position:absolute;top:5px;right:3px;padding:1px;} .ProjetOutlook .ProjetOutlookBloc .Worker {transition:background 0.75s,color 0.75s;display:inline-block;padding:0 3px;color:#C6FF00;} .ProjetOutlook .ProjetOutlookBloc.Big .Title {color:black;letter-spacing:1px;background-image: linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%);display:block;padding-left:2px;} .ProjetOutlook .ProjetOutlookBloc.Big.Alert {border-left:solid 16px red;animation-name: SuperAlertAnim;animation-duration: 2s;animation-iteration-count: infinite;} .ProjetOutlook .ProjetOutlookBloc.Big.SuperAlert {border-left:solid 32px red;animation-name: SuperAlertAnim;animation-duration: 1s;animation-iteration-count: infinite;} .ProjetOutlook .ProjetOutlookBloc.Big .Projline {color:white;padding:2px 0 1px 4px;display:inline-block;} .ProjetOutlook .ProjetOutlookBloc.Big .Projline.Soft {opacity:0.5;color:black} .ProjetOutlook .ProjetOutlookBloc.Big .Projline.Urgent {color:#AA0000;font-weight:bold;} .ProjetOutlook .ProjetOutlookBloc.Big .InfosTitle {color:white;opacity:0.4;width:40px;display:inline-block;padding-left:4px;padding-bottom:2px;} .ProjetOutlook .ProjetOutlookBloc.Big .InfosTitle.Alert {display:block;text-align:center;font-weight:bold;font-size:13px;width:96%;color:black;} .ProjetOutlook .ProjetOutlookBloc.Big .InfosTitle.AlertSoft {display:block;width:62%;text-align:center;margin:0 auto;font-weight:bold;font-size:13px;color:black;background:white;border-radius:4px;} .ProjetOutlook .ProjetOutlookBloc.Big .Infos {color:white;padding:1px 5px;border-top-left-radius:6px;border-bottom-right-radius:6px;font-weight:bold;width:115px;display:inline-block;} .ProjetOutlook .ProjetOutlookBloc.Big .Infos.Client {opacity:0.5;} .ProjetOutlook .ProjetOutlookBloc.Big .Infos.Work {color:white;} .ProjetOutlook .ProjetOutlookDeadline {display:block;position:absolute;z-index:2;background:rgba(255,0,0,0.05);height:25px;border-right:solid 3px red;} .ProjetOutlook .ProjetOutlookDeadline.Big {height:56px;} .ProjetPlanner {width:1px;height:1px;position:relative;z-index:10;} .Projet2Plan {width:220px;text-align:left;background:rgba(50,50,50,0.8);border:dotted 1px #666666;border-top-right-radius:8px;padding:6px;position:absolute;top:-15px;left:0;z-index:11;display:none;box-shadow:1px 1px 12px rgba(0,0,0,0.4);} .Projet2Plan .ProjetOutlook2Plan {display:block;border-top-right-radius:8px;white-space:nowrap;overflow:hidden;font-size:12px;border:solid 1px #666666;font-size:9px;background:rgba(75,75,75,0.8);padding:3px;margin-bottom:3px;} .Projet2Plan .ProjetOutlook2Plan:hover {background:#666666;} .Projet2Plan .ProjetOutlook2Plan .Title {font-weight:bold;color:#C6FF00;} .Projet2Plan .ProjetOutlook2Plan .Facture {background:#af1e39;color:#FFFFFF;border-radius:4px;font-weight:normal;font-size:9px;float:right;} .Projet2PlanButton {position:absolute;top:-79px;padding-top:18px;left:0;font-size:10px;z-index:12;box-sizing:border-box;width:64px;height:64px;transition:background 0.75s;cursor:pointer;border:solid 3px #C6FF00;border-radius:6px;color:#FFFFFF;background:#af1e39;} .DevisAlert {width:10px;height:10px;background:#ff8000;border-radius:20px;position:absolute;top:0;right:0;} .StockPanel {text-align:left;padding:3px;width:97%;overflow:hidden;} .StockPanel li {width:48%;cursor:pointer;border-radius:5px;border:solid 1px #C6FF00;padding:4px;margin:1px;background:black;float:left;overflow:hidden;font-size:12px;box-sizing:border-box;color:white;font-weight:bold;} .StockPanel li span {color:#AAA;font-weight:normal;font-size:9px;display:block;} .Projettoday {width:32.9%;height:260px;overflow:hidden;float:left;margin:0.2%;box-sizing:border-box;border:solid 1px #96FF00;border-radius:6px;padding:3px 5px;font-size:14px;position:relative;} .Projettoday hr {font-size:0;height:1px;margin:3px 0;padding:0;border:0;border-bottom: dotted 1px #96FF00;} .Projettoday .Urgent {font-weight:bold;padding:3px;background:#A00;border-radius:4px;color:white;display:inline;position:absolute;top:1px;right:1px;} /* PROJET EDIT */ .PageHeader h1 a {color:#C6FF00;text-decoration:underline;} .PageHeader h1 a:hover {text-decoration:none;} .ProjetTitle {border:solid 1px #666666;background:none;font-size:24px;color:#FFFFFF;width:auto;text-transform:uppercase;} .ProjetBloc {float:left;width:70%;box-sizing:border-box;padding:0 4px;} .ProjetBloc2 {float:left;width:29%;box-sizing:border-box;padding:0 4px;} .ProjetCommentSave {font-size:10px;width:100%;padding:1px 8px;background:#af1e39;color:#FFFFFF;float:right;cursor:pointer;display:none;} .ProjetOption {width:40%;height:140px;box-sizing:border-box;float:left;border:dotted 1px #666666;background:rgba(50,50,50,0.8);text-align:left;padding:4px 8px;} .ProjetOption label {float:left;width:45%;clear:both;display:block;padding-top:6px;} .ProjetOption input[type=text],.ProjetOption select {float:left;display:block;font-size:14px;font-family:"Trebuchet MS";width:50%;margin:2px 0;padding:0 5px;} .ProjetOption select {width:54%;} .ProjetOption input.Alert {background:#af1e39;} .ProjetOption input.Warning {background:#e09400;} .ProjetOption input.Lead {background:#C6FF00;color:black;} .ProjetOption2 {width:20%;box-sizing:border-box;height:140px;float:left;border:dotted 1px #666666;background:rgba(50,50,50,0.8);text-align:left;padding:4px 8px;} .ProjetOption2 label {float:left;width:80%;clear:both;display:block;padding:6px 0 0 0;} .ProjetOption2 label.red {color:red;font-weight:bold;} .ProjetOption2 label.orange {color:orange;font-weight:bold;} .ProjetOption2 span {font-size:0;float:left;display:block;border:solid 1px #666666;padding:3px;margin:2px 0;} .ProjetOption2 span.Alert {background:#af1e39;} .ProjetOption2 input:disabled {opacity:0.1;} .ProjetOption3 {width:40%;height:140px;box-sizing:border-box;float:left;border:dotted 1px #666666;background:rgba(50,50,50,0.8);text-align:left;padding:4px 0 4px 8px;} .ProjetOption3 label {float:left;width:30%;clear:both;display:block;padding-top:6px;} .ProjetOption3 span {width:65%;float:left;display:block;background:rgba(75,75,75,0.8);border:solid 1px #666666;padding:3px;margin:2px 0;white-space:nowrap;overflow:hidden;} .ProjetOption3 span.Alert {background:#af1e39;} .ProjetOption3 input[type=file] {display:none;} .ProjetOption4 {width:20%;height:167px;box-sizing:border-box;float:left;font-size:11px;border:dotted 1px #666666;background:rgba(50,50,50,0.8);text-align:left;padding:5px;} .ProjetOption4 label {width:160px;padding:0 0 3px 0;margin:0;} .Body_creerunprojet .ProjetOption, .Body_creerunprojet .ProjetOption2, .Body_creerunprojet .ProjetOption3 { height: 160px; } .ProjetLines {border:dotted 1px #666666;background:rgba(50,50,50,0.8);text-align:left;padding:8px;margin:10px 0;width:100%;box-sizing:border-box;} .ProjetLines li {background-color:rgba(75,75,75,0.8);font-size:12px;transition:background-color 1s;margin-bottom:1px;} .ProjetLines li div {float:left;color:#C6FF00;} .ProjetLines li div select {background:none;border:none;font-size:12px;font-family:"Trebuchet MS";width:98%;padding:1px 3px;color:black;} .ProjetLines li div:nth-of-type(1) {width:20%;padding:3px 0 0 3px;overflow:hidden;white-space:nowrap;} .ProjetLines li div:nth-of-type(2) {width:1%;padding-top:3px;} .ProjetLines li div:nth-of-type(3) {width:12%;} .ProjetLines li div:nth-of-type(4) {width:66%;color:#C6FF00;overflow:hidden;} .ProjetLines li div:nth-of-type(4) input {background:none;border:none;font-size:12px;font-family:"Trebuchet MS";width:580px;padding:2px 3px;color:#C6FF00;} .ProjetLines li.Finished {background:rgba(75,75,75,0.8);} .ProjetLines li.Finished div {color:#bbb;} .ProjetLines li.Finished div:nth-of-type(2) input {opacity:0.5;filter:alpha(opacity=50);} .ProjetLines li.Finished div:nth-of-type(3) select {color:#bbb;} .ProjetLines li.Finished div:nth-of-type(4) input {color:#bbb;} .ProjetLines li.Current {background:#C6FF00;} .ProjetLines li.Current div {color:#171717;} .ProjetLines li.Current div:nth-of-type(3) select {color:#171717;} .ProjetLines li.Current div:nth-of-type(4) input {color:#171717;} .ProjetLines li:hover {background-color:#666666;transition:background-color 30ms;} .ProjetLines li textarea {display:bloc;overflow:hidden;height:120px;width:100%;border:none;font-family:"Trebuchet MS";font-weight:normal;font-size:13px;} .ProjetLines li div.projetLineSAV input {width:50%;display:block;float:left;box-sizing:border-box;} .ProjetLines li div.projetLineSAV div {width:50%;display:block;float:left;text-align:right;border-left:solid 2px #2d2d2d;height:19px;box-sizing:border-box;} .ProjetLines li div.projetLineSAV a {color:black;font-weight:bold;background:#00a3ff;padding:2px 4px;border-radius:5px;} .ProjetLines li div.projetLineSAV a:hover {color:white;} .ProjetLines li div.projetLineExped {width:100%;} .ProjetLines li div.projetLineExped .expedfield {width:49.8%;float:left;box-sizing:border-box;border:1px solid #666;border-bottom:none;padding:2px;} .ProjetLines li div.projetLineExped .expedfield label {width:25%;display:block;float:left;padding-top:2px;color:#AAA;} .ProjetLines li div.projetLineExped .expedfield input,.ProjetLines li div.projetLineExped .expedfield select {width:69%;display:block;float:left;background:rgba(75,75,75,0.8);color:white;} .ProjetLines input[type=file] {display: none!important;} .ProjetLines input[type=checkbox]:disabled {opacity:0.1;} .projetLineExped input { text-transform: uppercase; } .ProjetLines.Demi {width:50%;display:block;float:left;} .ProjetLines.Nopad.Demi.ReliCheck {min-height:233px;} .ProjetLines.Nopad.Demi.ReliCheck li {cursor:pointer;} .ProjetLines.ReliCheck a {font-weight:bold;color:black;} .ProjetLines.Nopad {margin-top:0} .ProjetLines.Nopad li {padding:1px 12px;color:white;} .ProjetLines.Nopad li span.OK {color:#4fca04;} .ProjetLines.Nopad li span.SemiAlert {color:#FF8800;} .ProjetLines.Nopad li span.Alert {color:red;} .ProjetLines.Addr {float:right;margin:0;} .ProjetLines.Addr li {color:white;} .ProjetLines.Addr li:nth-child(1) {background:red;color:white;font-size:18px;} .ProjetLines.Addr li label {width:19%;display:inline-block;white-space: nowrap;} .ProjetLines.Addr li input[type=text],.ProjetLines.Addr li select {width:78.5%;display:inline-block;} .ProjetLines.Addr li textarea {width:78.5%;display:inline-block;color:#999;height:90px;} .ProjetLines.Addr textarea.FactComment {font-size:20px;height:700px;width:100%;} .ProjetLines.ReliCheck li {clear:both;height:17px;} .ProjetLines.ReliCheck li span:nth-of-type(1) {display:inline-block;float:left;width:70%;white-space: nowrap;overflow:hidden;} .ProjetLines.ReliCheck li span:nth-of-type(2) {display:inline-block;float:left;width:30%;text-align:right;white-space: nowrap;} .ReliCheckTitle {display:block;float:left;width:100%;background:#C6FF00;} .ReliCheckTitle a {display:inline-block;color:black;padding:4px;background:#00a3ff;border-radius:5px;font-size:15px;margin:3px 8px;} .ReliCheckTitle a:hover {color:white;} @keyframes LeadAnim {0% {color:#C6FF00;} 50% {color:#444;} 100% {color:#C6FF00;}} .LeadFlash {animation-name: LeadAnim;animation-duration: 1.5s;animation-iteration-count: infinite;font-weight:bold;} .ProjetSelect {border:dotted 1px #666666;background:rgba(50,50,50,0.8);text-align:left;margin:8px 0;padding:8px;width:100%;box-sizing:border-box;} .ProjetSelect .ProjetSelectCol {float:left;width:25%;} .ProjetSelect .ProjetSelectCol li {background:rgba(75,75,75,0.8);border:solid 1px #666666;padding:3px;margin:2px 4px;} .ProjetSelect .ProjetSelectCol li:nth-of-type(1) {text-align:center;font-size:15px;font-weight:bold;color:#C6FF00;} .ProjetSelect .ProjetSelectCol li:hover {background:#666666;} .ProjetSelect .ProjetSelectCol input[type=radio] {margin:2px 5px 0 0;float:left;} .ProjetSelect .ProjetSelectCol label {margin:2px 5px 0 0;float:left;width:83%;} table.ui-datepicker-calendar .ferie a {background:#228E22 !important;} table.ui-datepicker-calendar .occuped a {background:#228E22 !important;} /* SERIAL GEN */ .Serial {display:inline-block;width:40%;background:rgba(50,50,50,0.8);border:solid 1px #666666;} .Serial h1 {clear:left;background:none;float:left;width:30%;padding:5px;font-size:13px;font-weight:normal;font-style:normal;text-align:right;} .Serial select {float:left;width:65%;margin-top:5px;} .Serial input[type=text] {float:left;width:60%;margin-top:5px;} .Serial textarea {float:left;width:60%;margin-top:5px;overflow:hidden;height:160px;} .Serial button {margin:0;} .Serial input[type=checkbox] {float:left;margin-top:16px;cursor:pointer;} .Serial hr {border-bottom:solid 3px #9faec2;margin-bottom:8px;padding-bottom:8px;} .Serial2 {display:inline-block;width:800px;} .Serial2 h1 {clear:left;background:none;text-align:center;padding:5px;font-size:48px;color:#c4ff00;text-shadow:1px 1px 4px black;} .SerialGenList {background:rgba(50,50,50,0.8);margin-bottom:1px;text-align:left;} .SerialGenList:hover {background:#666666;} .SerialGenList li {float:left;padding:6px 4px;font-size:13px;height:40px;box-sizing:border-box;border-right:solid 1px #171717;white-space:nowrap;overflow:hidden;} .SerialGenList li:nth-of-type(1) {width:5%;font-weight:bold;} .SerialGenList li:nth-of-type(2) {width:8%;text-align:left;} .SerialGenList li:nth-of-type(3) {width:18%;min-width:211px;padding:4px 4px;} .SerialGenList li:nth-of-type(4) {width:12%;} .SerialGenList li:nth-of-type(5) {width:20%;} .SerialGenList li:nth-of-type(6) {width:20%;color:#af1e39;} .SerialGenList li:nth-of-type(7) {width:3%;text-align:center;font-size:20px;color:black;} .SerialGenList li:nth-of-type(8) {width:7%;text-align:center;} .SerialGenList li:nth-of-type(9) {width:7%;text-align:center;} .SerialGenList.Header li {background:#666666;font-size:14px;font-weight:bold;color:#171717;padding:1px 1px;} .SerialGenList li span a {color:#C6FF00;} .SerialGenList li .Alert {color:#af1e39;} .SAVList {clear:both;} .SAVList li {width:100%;float:left;font-size:15px;padding:3px 5px;margin:1px;background:rgba(75,75,75,0.8);box-sizing:border-box;} .SAVList li.LineTitle {background:#C6FF00;color:black;font-weight:bold;} .SAVList li em {color:white;} .SAVempty {text-align:center;font-size:24px;font-style:italic;color:white;padding:40px 0;} #AdminSubMenuItem li.VeryLong label.ProductionResult {padding-left:150px;color:white;width:75%;text-align:center;font-weight:bold;} /* NOTES */ .Note {padding:0px;margin:0px;float:left;position: relative;} .NoteContent {font-family: "Trebuchet MS", arial, helvetica, sans-serif;border: 1px solid #666;border-radius:8px;box-shadow:2px 2px 5px black;text-align:left;padding:3px;float:left;margin:4px;font-size:12px;line-height:14px;color:#666;width:296px;height:400px;overflow:hidden;background:#f7f085;background-image: linear-gradient(to bottom, #f7f085 0%, #d7d065 100%);} .NoteDelete {position: absolute; top: 4px; right: 4px; width: 16px; height:16px; padding: 0px;} .NoteFlag {width:16px;height:16px;margin:0;padding:0;border:solid 1px #666666;border-radius:2px;background:#0f0;} /* RECAP GENERAL */ .RecapColumn {float:left;width:14%;padding:0 1%;} .RecapColumn h1 {font-size:1.4vw;} .RecapVisibility {width:50%;box-sizing:border-box;text-align:center;float:left;background:rgba(50,50,50,0.8);padding:8px 0;} .RecapVisibility li:nth-child(1) {color:#FFFFFF;font-size:1vw;padding-bottom:6px;} .RecapVisibility li:nth-child(2) img {width:3vw;} .RecapVisibility li:nth-child(3) {font-size:0.6vw;margin-top:10px;} .RecapVisibility li:nth-child(4) {font-size:1vw;color:#C6FF00;} .RecapProjet {background:rgba(50,50,50,0.8);padding:4px;text-align:center;display:block;font-size:0.6vw;color:#999999;margin-bottom:1px;} .RecapProjet .RecapProjetName {color:#C6FF00;font-size:0.85vw;} .NoteSmall {border-radius:5px;box-shadow:4px 4px 12px black;text-align:left;padding:6px;margin-bottom:6px;font-size:9px;color:#555;line-height:12px;display:block;height:10vw;overflow:hidden;background:#f7f085;background-image: linear-gradient(to bottom, #f7f085 0%, #d7d065 100%);border:solid 1px #666666;} /* HOST */ .Host {width:220px;display:block;position:relative;font-size:11px;float:left;background:#045858;padding:8px;text-align:left;margin:4px;} .Host.nd {background:#5f9169;} .Host.Warning {border:solid 1px #e09400;} .Host.Alert {border:solid 1px #af1e39;} .HostName {font-weight:bold;color:#FFFFFF;} .HostStatus.Warning {color:#e09400;} .HostStatus.Alert {color:#af1e39;} .HostDelete {position:absolute;top:3px;right:3px;display:block;font-size:10px;padding:3px 6px;cursor:pointer;border-radius:20px;background:#666666;color:#171717;} .HostDelete:hover {background:#af1e39;} .Button.Hosting {float:none;display:inline-block;} .Button.Hosting.Cancel {border-color:#af1e39;} .Button.Hosting.Renew {border-color:#e09400;} .DomaineList li {background:rgba(50,50,50,0.8);padding:4px 8px;float:left;margin:3px 0;} .DomaineList li:nth-of-type(3n+1) {border-left:solid 3px #C6FF00;} .DomaineList li:nth-of-type(3n+3) {margin-right:16px;} .HostEdit {width:46%;float:left;min-height:160px;} .ImportDomaineList li {float:left;width:230px;padding:4px;border:solid 1px #ccc;margin:2px;} .ImportDomaineList li:hover {background:#dfe9f5;} .ImportDomaineWait {display:none;text-align:center;font-size:20px;padding:96px 0;} .Monitor {float:left;background:rgba(50,50,50,0.8);padding:0;margin:8px;color:#FFFFFF;width:15%;box-sizing:border-box;border:solid 1px #C6FF00;} .MonitorStats {color:#FFFFFF;} .MonitorStats td {padding:1px 3px;} /* IMPRESSION 3D */ .PrintForm {margin:32px;text-align:center;} .PrintForm label {display:inline-block;width:280px;font-size:15px;color:#FFFFFF;text-align:right;margin-bottom:16px;} .PrintForm select {display:inline-block;width:180px;font-size:15px;} .PrintForm button {display:inline-block;font-size:15px;cursor:pointer;} .PrintForm button:hover {background:#bac9db;} .PrintResult {display:inline-block;border:solid 1px #666666;color:#C6FF00;margin:16px;padding:20px;font-size:28px;width:50%;background:rgba(50,50,50,0.8);} /* AFFICHAGE PRODUCTION */ @keyframes OpaAnim {0% {opacity:0;} 50% {opacity:1;} 100% {opacity:0;} } @keyframes Alert1background {0% {background:rgba(255,255,255,0.2);} 25% {background:rgba(255,128,0,0.8);} 100% {background:rgba(255,255,255,0.2)} } @keyframes Alert2background {0% {background:rgba(255,255,255,0.2);} 25% {background:rgba(255,0,0,0.8);} 100% {background:rgba(255,255,255,0.2)} } body.Body_affichageproduction {background:#171717;color:rgba(255,255,255,0.8);cursor:none;font-size:0.8vw;width:1920px;height:1080px;overflow:hidden;font-family:arial;} .ProductionDSPBackground {width:180%;height:180%;opacity:1;overflow:hidden;position:absolute;top:-40%;left:-40%;} .ProductionDSP {font-family:arial;width:38%;float:left;border-right:solid 1px #c6ff00;border-left:solid 1px #c6ff00;box-sizing:border-box;height:1079px;overflow:hidden;background-image: linear-gradient(to bottom, rgba(196,255,0,0.7) 0%, rgba(196,255,0,0) 100%);color:white;} .ProductionDSP.Second {background-image: linear-gradient(to bottom, rgba(60,167,25,0.8) 0%, rgba(60,167,25,0) 100%);} .ProductionDSP.Third {width:24%;background-image: linear-gradient(to bottom, rgba(60,167,25,0.8) 0%, rgba(60,167,25,0) 100%);} .ProductionDSP li.Title {background:rgba(0,0,0,0.3);color:white;box-sizing:border-box;margin:0;text-align:center;border-bottom:solid 1px #c6ff00;position:relative;font-weight:bold;font-size:3vw;text-shadow:1px 1px 3px black;} .ProductionDSP li.Subtitle {background:none;color:white;box-sizing:border-box;margin:0;padding:0.1vw 1vw;text-align:left;font-weight:bold;font-size:2.2vw;font-style:italic;text-shadow:1px 1px 3px black;} .ProductionDSP .Prod {float:left;width:98%;background:rgba(255,255,255,0.2);overflow:hidden;box-sizing:border-box;margin:0.3vw;padding:0.3vw;text-align:center;border-radius:0.5vw;border:solid 1px rgba(0,0,0,0.2);position:relative;} .ProductionDSP .Prod.Today {background:rgba(255,128,0,0.4);animation-name:Alert1background;animation-duration:3s;animation-iteration-count:infinite;} .ProductionDSP .Prod.Late {background:rgba(255,0,0,0.4);animation-name:Alert2background;animation-duration:2s;animation-iteration-count:infinite;} .ProductionDSP .ProductionLeftContainer {float:left;width:12%;} .ProductionDSP .ProductionLeftContainer.Long {width:15%;} .ProductionDSP .ProductionDate {background:rgba(255,255,255,0.4);display:block;box-sizing:border-box;padding:3px 4px;border-radius:0.3vw;overflow:hidden;text-shadow:1px 1px 3px black;} .ProductionDSP .ProductionDate.Dead {background:rgba(255,0,0,0.6);} .ProductionDSP .ProductionDate span:nth-of-type(1) {font-size:0.6vw;display:block;} .ProductionDSP .ProductionDate span:nth-of-type(2) {font-size:2.4vw;display:block;line-height:1.8vw;} .ProductionDSP .ProductionDate span:nth-of-type(3) {font-size:0.5vw;display:block;} .ProductionDSP .ProductionDateSepar {display:block;box-sizing:border-box;float:left;font-size:1.5vw;padding-top:0.8vw;} .ProductionDSP .ProductionSerial {margin:0.4vw 0;background:rgba(255,255,255,0.2);display:block;box-sizing:border-box;padding:3px 4px;border-radius:0.3vw;overflow:hidden;font-size:1vw;text-shadow:1px 1px 3px black;} .ProductionDSP .ProductionContent {display:block;padding:3px 8px;float:left;border-radius:0.2vw;width:79%;box-sizing:border-box;text-align:left;} .ProductionDSP .ProductionContent.Long {width:85%;} .ProductionDSP .ProductionContent .ProductionName {font-size:1.7vw;color:white;text-shadow:1px 1px 3px black;} .ProductionDSP .ProductionContent.Long .ProductionName {font-size:1.4vw;} .ProductionDSP .ProductionContent .ProductionName .Alu {font-size:1.2vw;position:absolute;top:8px;right:8px;background:grey;color:black;width:80px;height:24px;padding:28px 0;border-radius:8px;text-align:center;display:inline-block;} .ProductionDSP .ProductionContent .ProductionName .Noir {font-size:1.2vw;position:absolute;top:8px;right:8px;background:black;color:white;width:80px;height:24px;padding:28px 0;border-radius:8px;text-align:center;display:inline-block;} .ProductionDSP .ProductionContent .ProductionClient {font-size:1vw;color:#c6ff00;text-shadow:none;} .ProductionDSP .ProductionContent .Productionproject {font-size:1vw;color:white;text-shadow:none;} .ProductionDSP .ProductionContent .ProductionList {text-align:left;display:block;font-size:0.7vw;color:#C6FF00;} .ProductionDSP .ProductionContent.Long2 .ProductionName {font-size:0.8vw;} .ProductionDSP .ProductionContent.Long2 .ProductionClient {font-size:0.6vw;} .ProductionDSP .ProductionContent.Long2 .Productionproject {font-size:0.6vw;} .ProductionDSP .ProductionContent2 {display:block;padding:3px 8px;float:left;border-radius:0.2vw;width:31%;box-sizing:border-box;text-align:left;font-size:0.7vw;} .ProductionDSP .ProductionContent2 span {font-weight:bold;text-decoration:underline;} .ProductionDSP .ProductionContent2 ol {list-style:disc;padding-left:10px;} .ProductionDSP .ProductionWarning {display:block;position:absolute;padding:3px 8px;float:left;border-radius:0.2vw;width:95px;box-sizing:border-box;right:0;top:50px;} .ProductionDSP .ProductionWarning img {width:100%;animation-name:OpaAnim;animation-duration:1.5s;animation-iteration-count:infinite;} .ProductionDSP .ProductionWarning2 {display:block;position:absolute;padding:1px;width:95px;box-sizing:border-box;right:0;bottom:0;background:red;font-size:1vw;text-shadow:1px 1px 3px black;font-weight:bold;border-top-left-radius:0.5vw;border-bottom-right-radius:0.5vw;} .ProductionDSP .ProductionWarning2.Yel {background:#868102;} .ProductionDSP .ProductionButtons {position:absolute;top:0;right:0;display:none;} .ProductionDSP .ProductionButtons button {background:rgba(0,0,0,0.7);border:solid 1px #c6ff00;font-size:1.8vw;padding:0.3vw 1.4vw;color:#c6ff00;border-radius:0.5vw;box-shadow:0 0 25px 7px black;} .ProductionDSPClick {display:none;width:100%;height:100%;position:absolute;top:0;left:0;} #Refresh {position:absolute;display:block;padding:0.2vw 1.6vw;font-size:1.7vw;background:rgba(0,0,0,0.6);left:0;top:0;border:solid 1px #c6ff00;z-index:20;border-bottom-right-radius:4vw;} .ProductionWrapper {width:48.5%;margin:0 0.5%;float:left;} .ProductionWrapper h1 {display:block;background:#C6FF00;color:black;padding:6px 16px;cursor:pointer;margin:0;} .ProductionWrapper h1 button {font-size:12px;font-weight:bold;padding:6px 12px;margin:0;} .ProdProcessLine {border-bottom:dotted 1px #666666;} .ProdProcessLine div {box-sizing:border-box;} .ProdProcessLine div:nth-of-type(1) {width:22%;float:left;border-right:dotted 1px #666666;min-height:45px;padding:2px 3px;} .ProdProcessLine div:nth-of-type(2) {width:20%;float:left;font-size:11px;border-right:dotted 1px #666666;min-height:45px;padding:2px 3px;} .ProdProcessLine div:nth-of-type(3) {width:33%;float:left;font-size:13px;border-right:dotted 1px #666666;min-height:45px;padding:2px 3px;} .ProdProcessLine div:nth-of-type(4) {width:25%;float:left;min-height:45px;padding:2px 0 2px 6px;border-left:solid 16px red;} .ProdProcessLine div.active {border-left:solid 16px #00FF00;} .ProdProcessLine.Title div {border:none;font-weight:bold;color:white;background:none;min-height:0;} .ProdProcessLine.Title div:nth-of-type(2) {font-size:16px;} .ProductionDline {padding:4px;border-bottom:dotted 1px #666666;margin:4px 0;} .ProductionDline label {float:left;width:25%;padding:3px;text-align:right;box-sizing:border-box;} .ProductionDline input {float:left;width:60%;padding:3px;box-sizing:border-box;} .ProductionDline select {float:left;width:60%;padding:3px;box-sizing:border-box;} .ProductionDline textarea {float:left;width:60%;height:120px;padding:3px;box-sizing:border-box;} .ProductionDline input[type=checkbox] {float:left;width:auto;margin-top:4px;} .ProductionDline em {float:left;width:14%;display:block;color:red;wont-weight:bold;animation-name: OpaAnim;animation-duration: 1.5s;animation-iteration-count: infinite;} .Button.Forclose {float:right;font-size:20px;padding:8px 48px;} .ProdProcessLine.version2 div:nth-of-type(1) {width:15%;float:left;font-size:11px;padding:2px 0 2px 6px;min-height:0;white-space:nowrap;overflow:hidden;} .ProdProcessLine.version2 div:nth-of-type(2) {width:15%;float:left;font-size:11px;border-right:dotted 1px #666666;padding:2px 3px;min-height:0;white-space:nowrap;overflow:hidden;} .ProdProcessLine.version2 div:nth-of-type(3) {width:60%;float:left;font-size:11px;border-right:dotted 1px #666666;padding:2px 3px;min-height:0;white-space:nowrap;overflow:hidden;} .ProdProcessLine.version2 div:nth-of-type(4) {width:10%;float:left;font-size:11px;border-right:dotted 1px #666666;padding:2px 3px;min-height:0;border-left:0;text-align:center;white-space:nowrap;overflow:hidden;} .ProdProcessLineStats1 {text-align:center;font-size:38px;font-weight:bold;padding:8px;color:red;} .ProdProcessLineStats1.Finished {color:green;} .ProdProcessLineStats2 {font-size:28px;padding:8px;} .savDSP {font-family:arial;background-image: linear-gradient(to bottom, rgba(0,196,255,0.7) 0%, rgba(0,0,0,0) 100%);height:1079px;overflow:hidden;color:white;} .savDSP li {background:rgba(255,255,255,0.3);box-sizing:border-box;margin:0.5vw;padding:0.3vw;text-align:center;border:solid 1px rgba(0,0,0,0.2);transition: border 1s,background 1s;border-radius:0.5vw;position:relative;} .savDSP li.Title {background:rgba(0,0,0,0.3);color:white;box-sizing:border-box;margin:0;text-align:center;border-bottom:solid 1px #c6ff00;position:relative;font-weight:bold;font-size:3vw;border-radius:0;text-shadow:1px 1px 3px black;} .savDSP li.Late {animation-name:Alert2background;animation-duration:1.5s;animation-iteration-count:infinite;} .savDSP li.Subtitle {background:none;text-align:left;font-size:2.2vw;border:none;padding:0;margin:0 1vw;text-shadow:1px 1px 3px black;} .savDSP .savDate {background:rgba(255,255,255,0.4);display:block;box-sizing:border-box;padding:3px 8px;border-radius:0.3vw;width:10%;margin-bottom:8px;} .savDSP .savDate span:nth-of-type(1) {font-size:1vw;display:block;} .savDSP .savDate span:nth-of-type(2) {font-size:2.5vw;display:block;line-height:1.9vw;} .savDSP .savDate span:nth-of-type(3) {font-size:1vw;display:block;} .savDSP .savDateSepar {display:block;box-sizing:border-box;float:left;font-size:1.5vw;padding-top:0.15vw;} .savDSP .savContent {display:block;padding:3px 8px;float:right;border-radius:0.2vw;width:90%;box-sizing:border-box;text-align:left;} .savDSP .savContent .savClient {font-size:1.8vw;text-shadow:1px 1px 3px black;} .savDSP .savContent .savName {font-size:1.2vw;color:#C6FF00;} .savDSP .savContent .savList {display:block;font-size:1.4vw;color:white;text-shadow:1px 1px 3px black;} .savDSP .savWarning {display:block;padding:3px 8px;float:right;border-radius:0.2vw;width:12%;box-sizing:border-box;} .savDSP .savWarning img {width:100%;} .savDSP .savButtons {position:absolute;top:0;right:0;display:none;} .savDSP .savButtons button {background:rgba(0,0,0,0.7);border:solid 1px #c6ff00;font-size:1.8vw;padding:0.3vw 1.4vw;color:#c6ff00;border-radius:0.5vw;box-shadow:0 0 25px 7px black;} .savDSPClick {display:none;width:100%;height:100%;position:absolute;top:0;left:0;} .ProductionFooter {width:100%;position:absolute;top:849px;right:0;height:230px;overflow:hidden;border-top:solid 1px #c6ff00;background-image: linear-gradient(to top, rgba(192,255,0,0.2) 0%, rgba(0,0,0,0.2) 100%);} #FooterClock {float:left;width:30%;text-align:center;padding-top:16px;border-right:solid 1px #c6ff00;height:230px;} #FooterClock #FooterDate {font-size:40px;} #FooterClock #clocktext {font-size:130px;-webkit-text-stroke: 3px black;} #FooterStock {padding:0.6vw;width:68.6%;float:left;} .StockDSP li {background:rgba(0,0,0,0.65);box-sizing:border-box;margin:0.2vw;padding:0.2vw 0.5vw;text-align:left;border:solid 1px #c6ff00;border-radius:0.5vw;float:left;width:32.5%;} .StockDSP li span:nth-of-type(1) {font-size:13px;color:#C6FF00;display:block;} .StockDSP li span:nth-of-type(2) {font-size:25px;color:white;} .StockDSP li span:nth-of-type(3) {font-size:20px;color:#888;} .PreprodTitle {padding:6px;font-family:arial;font-size:54px;font-weight:bold;background:#666;color:white;text-shadow:1px 1px 8px rgba(0,0,0,0.7);} .PreprodTitle select {font-size:40px;background:black;color:white;width:25%;display:block;float:right;border:solid 1px #C6FF00;} .PreprodTitle button {font-size:40px;background:black;color:white;display:block;float:right;padding:2px;border:solid 1px #C6FF00;} .PreprodDSP {background:black;font-family:arial;} .PreprodDSP li {border-left:solid 64px #c6ff00;float:left;width:99%;margin:0.25% 0.5%;font-size:20px;color:white;background-image:linear-gradient(to right,rgba(255,255,255,0.3) 0%, rgba(0,196,255,0.2) 100%);border-radius:8px;padding:8px;box-sizing:border-box;} .PreprodDSP li h1 {font-size:30px;font-weight:bold;background:none;padding:0;margin:0;color:#c6ff00;} .PreprodDSP li h2 {font-size:20px;font-weight:normal;background:none;padding:0;margin:0;} .PreprodDSP li h2 span {font-size:15px;} .PreprodDSP li h3 {font-size:20px;font-weight:normal;background:none;padding:0;margin:0;} .PreprodDSP .Hurry {border-left:solid 64px #FF0;} .PreprodDSP .Urgent {border-left:solid 64px #F80;} .PreprodDSP .Alert {border-left:solid 64px #F00;} .PreprodDSP li div:nth-of-type(1) {float:left;width:56%;overflow:hidden;} .PreprodDSP li div:nth-of-type(2) {float:left;width:20%;text-align:center;overflow:hidden;font-size:30px;line-height:36px;} .PreprodDSP li div:nth-of-type(3) {float:left;width:24%;text-align:right;} .PreprodDSP li div:nth-of-type(3) a {display:block;font-size:40px;padding:16px 0;background:rgba(255,255,255,0.3);border-radius:14px;margin:1%;box-sizing:border-box;width:48%;overflow:hidden;float:right;text-align:center;} /* STOCK */ .StockList {text-align:left;width:100%;min-width:1400px;} .StockList:hover {background:rgba(75,75,75,0.8);} .StockList li {float:left;width:5%;padding:2px 4px;font-size:12px;height:30px;text-align:left;box-sizing:border-box;margin:1px 1px 0 0;background:rgba(50,50,50,0.8);white-space:nowrap;overflow:hidden;} .StockList li.SubAlert {background:#FF8800;color:black;} .StockList li .Vignette {position:absolute;right:0;top:4px} .StockList li .Vignette em {display:inline-block;background:#BBB;border-radius:16px;padding:3px 5px;color:black;margin:0 2px 1px 0;width:20px;height:20px;box-sizing:border-box;text-align:center;} .StockList li:nth-of-type(9n+1) {clear:both;width:10%;padding:7px 4px 0 4px;} .StockList li:nth-of-type(9n+1) span {font-weight:bold;color:red;} .StockList li:nth-of-type(9n+2) {width:23%;padding:7px 4px 0 4px;} .StockList li:nth-of-type(9n+2) span {background:red;padding:8px;border-radius:8px;font-size:0;margin:0 0 0 8px;display:inline-block;} .StockList li:nth-of-type(9n+3) {width:6%;padding:0 4px;font-family: 'Libre Barcode 128 Text', cursive;font-size:26px;text-align:left;} .StockList li:nth-of-type(9n+3) span {font-family:arial;font-size:10px;float:right;padding-top:8px} .StockList li:nth-of-type(9n+3) a {color:white;} .StockList li:nth-of-type(9n+3) a:hover {text-decoration:none;color:#C6FF00;} .StockList li:nth-of-type(9n+4) {width:30%;padding:4px 4px 0 4px;text-align:center;color:#777;font-size:16px;} .StockList li:nth-of-type(9n+4) input[type=text] {color:white;width:16%;float:left;font-weight:bold;font-size:14px;border-right:solid 1px black;} .StockList.Header li:nth-of-type(9n+4) input[type=text] {color:black;font-weight:bold;font-size:18px;font-family:"Trebuchet MS";} .StockList li:nth-of-type(9n+4) .AddSub {width:7%;float:left;box-sizing:border-box;background:#C6FF00;color:black;margin:0 3px 0 0;font-size:18px;padding:1px 0;} .StockList li:nth-of-type(9n+4) .AddSub:hover {background:black;color:#C6FF00;} .StockList li:nth-of-type(9n+4) input.AddStockQ {color:white;width:15%;height:20px;border:solid 1px #C6FF00;background:#171717;font-weight:normal;} .StockList li:nth-of-type(9n+4) button.AddStock {width:13%;background:#C6FF00;border-top-right-radius:6px;border-bottom-right-radius:6px;font-size:19px;} .StockList li:nth-of-type(9n+4) button.AddStock:hover {background:black;color:#C6FF00;} .StockList li:nth-of-type(9n+5) {width:3%;text-align:center;padding:7px 4px 0 4px;} .StockList li:nth-of-type(9n+6) {width:3%;text-align:center;padding:7px 4px 0 4px;} .StockList li:nth-of-type(9n+7) {width:8%;text-align:left;padding:7px 4px 0 4px;} .StockList li:nth-of-type(9n+7) span {background:#0c7eff;border-radius:4px;padding:2px;color:white;margin-left:6px;} .StockList li:nth-of-type(9n+8) {width:8%;text-align:left;padding:7px 4px 0 4px;cursor:pointer;} .StockList li:nth-of-type(9n+9) {width:8%;text-align:center;} .StockList li:nth-of-type(9n+9) a {text-align:center;color:white;background:#014592;border-radius:4px;padding:2px 3px;margin:0 1px;display:inline-block;font-size:10px;} .StockList li:nth-of-type(9n+9) a em {font-style:normal;display:inline-block;color:black;background:white;padding:0 2px;border-radius:3px;margin-left:2px;} .StockList li:nth-of-type(9n+9) span {text-align:center;color:white;background:#0c7eff;border-radius:4px;padding:2px 3px;margin:0 1px;display:inline-block;font-size:10px;margin-top:3px;} .StockList li.Alert {background:#af1e39;} .StockList li.Alert2 {background:#FF8800;} .StockList li.Composed {background:#444;color:#CCC;} .StockList li a {color:#C6FF00;} .StockList li a:hover {text-decoration:underline;} .StockList li input[type=text] {border:none;padding:none;margin:none;background:none;font-size:12px;text-align:center;width:100%;color:#888;} .StockList.Header li {background:#C6FF00 !important;color:#171717;padding:3px 4px;font-size:10px;} .StockList.Header li a {color:black;font-weight:bold;font-size:18px;font-family:"Trebuchet MS";background:none;} #StockForm {min-width:1400px;} .StockSearch li {background:#00a3ff;float:left;height:40px;padding:6px 10px;font-size:14px;font-weight:bold;text-align:left;box-sizing:border-box;margin:1px 1px 0 0;color:black;} .StockSearch li:nth-of-type(6n+1) {width:23%;} .StockSearch li:nth-of-type(6n+2) {width:22%;} .StockSearch li:nth-of-type(6n+3) {width:22%;} .StockSearch li:nth-of-type(6n+4) {width:8%;} .StockSearch li:nth-of-type(6n+5) {width:8%;} .StockSearch li:nth-of-type(6n+6) {width:8%;} .StockSearch li:nth-of-type(6n+7) {width:8%;} .StockSearch li select,.StockSearch li input[type=text] {width:100%;font-size:16px;color:white;background:black;padding:3px;display:block;} .StockSearch li button {background:black;color:white;padding:4px 12px;display:block;width:98%;font-size:16px;} .StockSearch li button.Half {padding:1px 10px;display:block;width:98%;font-size:9px;margin-bottom:1px;} .StockSearch li input[type=checkbox] {margin:6px 4px 0 0;} .StockSearch li.stocksearch_filter {padding:1px 10px;font-size:8px;} .StockSearch li.stocksearch_filter>div{margin:3px 0;} .StockSearch li.stocksearch_filter input[type=checkbox] {margin-top:0;} #StockLabel h2 {width:auto;background:#C6FF00;padding:4px 4px;text-shadow:1px 1px 2px black;} #StockLabel input {margin:24px auto;font-size:22px;text-align:center;width:160px;display:block;} #StockLabel button {margin:24px auto;padding:8px;font-size:22px;text-align:center;width:160px;display:block;border:solid 1px #C6FF00;background:black;color:white;} #StockLabel * {box-sizing:border-box;} #StockLabel {height: calc(100% - 18px);} #StockLabel button, #StockLabel input {width:33.33%;} .buttonDropdown { position: relative; float: right; } .buttonDropdown * { float: none; } .buttonDropdown-menu { display:none; position: absolute; margin: -1px 0 0; top: 100%; left: 0; z-index: 1000; width: 290px;text-align:left; padding: 6px 0; border: solid 1px #C6FF00; box-sizing: border-box; background: rgba(50,50,50,1); font-size: 13px;} .buttonDropdown-menu a { display: block; padding: 3px 10px; cursor: pointer; } .buttonDropdown-menu a:focus, .buttonDropdown-menu a:hover { background-color: rgba(75,75,75,0.8); } .buttonDropdown:hover .buttonDropdown-menu { display:block; } /* DEVIS */ /* RECAP */ .DevisLIst {text-align:left;} .DevisLIst li:hover {background:rgba(75,75,75,0.8);} .DevisLIst li.Selected {border:solid 1px #C6FF00;background:rgba(75,75,75,0.8);} .DevisLIst li.Alert {background:#af1e39;} .DevisLIst li.BDC {background:#468;} .DevisLIst li .DevisLIstAlert {height:22px;float:left;} .DevisLIst li div {float:left;line-height:22px;width:5%;padding:4px;box-sizing:border-box;white-space:nowrap;overflow:hidden;background:rgba(50,50,50,0.8);border-right:solid 1px #171717;border-bottom:solid 1px #171717;} .DevisLIst li:nth-of-type(1) div {background:#C6FF00;color:black;font-weight:bold;} .DevisLIst li div:nth-of-type(1) {width:7%;} .DevisLIst li div:nth-of-type(2) {width:25%;} .DevisLIst li div:nth-of-type(3) {width:7%;text-align:right;} .DevisLIst li div:nth-of-type(4) {width:13%;text-align:center;} .DevisLIst li div:nth-of-type(5) {width:10%;} .DevisLIst li div:nth-of-type(6) {width:15%;} .DevisLIst li div:nth-of-type(7) {width:23%;} .DevisLIst li div:nth-of-type(7) a {display:inline-block;padding:0 6px;color:white;background:rgba(75,75,75,0.8);margin:0 2px;border-radius:4px;} /* STEPS*/ .DevisWrapper {width:996px;margin:0 auto;} .DevisBloc .DevisSelectBig {width:100%;font-size:17px;} .DevisBloc h1 {display:block;background:#C6FF00;color:black;padding:6px 16px;cursor:pointer;margin:0;border-bottom:solid 1px black;} .DevisBloc h1 input[type=checkbox] {margin:0 10px 5px 0;} .DevisBloc input,.DevisBloc.Pliable select {font-size:16px;} .DevisBloc #ProjetName {width:99%;text-transform:uppercase;text-align:center;font-size:32px;} .DevisBloc .DevisSelect.Long input {width:99%;} .DevisBloc .DevisSelect {font-size:16px;text-align:center;border:dotted 1px #666666;background:rgba(50,50,50,0.8);text-align:left;padding:8px;box-sizing:border-box;} .DevisBloc .DevisSelect .DevisSelectLine {display:block;padding:8px 0;border-bottom:solid 1px rgba(75,75,75,0.8);} .DevisBloc .DevisSelect .DevisSelectLine label {display:block;color:white;font-size:15px;font-weight:normal;width:20%;float:left;} .DevisBloc .DevisSelect .DevisSelectLine input {display:block;font-size:15px;font-weight:normal;width:75%;float:left;} .DevisBloc .DevisSelect .DevisSelectLine select {display:block;font-size:15px;font-weight:normal;width:75%;float:left;} .DevisBloc .DevisSelect .DevisSelectLine textarea {display:block;font-size:15px;font-weight:normal;width:75%;height:150px;float:left;font-family:"Trebuchet MS";} .DevisBloc .DevisSelect .DevisSelectCol {float:left;width:20%;text-align:left;font-size:13px;} .DevisBloc .DevisSelect .DevisSelectCol li {background:rgba(75,75,75,0.8);border:solid 1px #666666;padding:3px;margin:2px 4px;} .DevisBloc .DevisSelect .DevisSelectCol li.Selectd {border-top:solid 4px red;border-bottom:solid 4px red;border-left:solid 2px red;border-right:solid 2px red;} .DevisBloc .DevisSelect .DevisSelectCol li:nth-of-type(1) {text-align:center;font-size:15px;font-weight:bold;color:#C6FF00;} .DevisBloc .DevisSelect .DevisSelectCol li:hover {background:#666666;} .DevisBloc .DevisSelect .DevisSelectCol input[type=radio] {margin:2px 5px 0 0;float:left;} .DevisBloc .DevisSelect .DevisSelectCol input[type=checkbox] {margin:2px 5px 0 0;float:left;} .DevisBloc .DevisSelect .DevisSelectCol label {margin:2px 5px 0 0;float:left;width:190px;color:white;font-size:14px;} .DevisBloc .DevisSelect .DevisSelectCol.Large {width:33%;} .DevisBloc .DevisSelect .DevisSelectCol.Large label {margin:2px 5px 0 0;float:left;width:90%;} .DevisBloc .DevisSelect.Factu .SendFactuOption {display:block;padding:1px 0;} .DevisBloc .DevisSelect.Factu .SendFactuOption label {width:110px;display:inline-block;} .DevisBloc .DevisSelect.Factu input[type=text] {width:840px;} .posRelativ { position: relative; } .DevisSelectPrivate { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 18px; } .DevisNewLink {display:inline-block;float:right;padding:3px;background:#C6FF00;color:black;font-weight:bold;} /* MENU PRODUITS */ .DevisObject {float:left;width:650px;text-align:left;margin-right:8px;box-sizing:border-box;font-size:19px;} .DevisObject h1 {background:none;color:rgba(50,50,50,0.8);padding:8px 0 0 0;margin:0;font-size:28px;line-height:20px;padding-left:8px;} .DevisObjectWrapper {background:rgba(50,50,50,0.8);padding:8px;} .DevisObjectWrapper a {font-size:13px;} .DevisObjectWrapper h2 {background:none;padding:2px 0 2px 2px;margin:0;color:#c4ff00;font-size:15px;cursor:pointer;font-weight:normal;} .DevisObjectWrapper h2:hover {background:rgba(255,255,255,0.05);} .DevisObjectList {display:none;} .DevisObjectList.Open {display:block;} .DevisObjectList li {padding:1px 0 1px 8px;cursor:pointer;font-size:13px;white-space:nowrap;overflow:hidden;color:#bbb;} .DevisObjectList li img {width:16px;padding-right:4px;} .DevisObjectList li:hover {background:#666666;color:white;border-top-right-radius:8px;} .DevisObjectList li span {color:#555;font-size:12px;} .DevisObjectList li span span {color:#c00;} .DevisObjectList li div {float:left;overflow:hidden;box-sizing:border-box;padding:0 3px;border-right:solid 2px black;} .DevisObjectList li div:nth-of-type(1) {width:30%;} .DevisObjectList li div:nth-of-type(2) {width:50%;} .DevisObjectList li div:nth-of-type(3) {width:10%;text-align:right;} .DevisObjectList li div:nth-of-type(4) {width:10%;border:none;text-align:right;} .DevisObjectList li .DevisObjectListQuantity {font-size:10px;margin:0;padding:1px 0;width:40px;text-align:center;} .autocompletewrapper {position:relative;height:32px;} #autocomplete {font-size:24px;overflow:hidden !important;position:relative;} .autocomplete-suggestions {color:white;font-size:13px;top:115px;position:absolute;} .autocomplete-suggestions div {clear:both;padding:4px;background:black;cursor:pointer;border:solid 1px grey;overflow:hidden;white-space: nowrap;width:600px;} .autocomplete-suggestions div:hover {color:#c6ff00;} /* DSP DEVIS */ .Devis {float:left;width:640px;background:white;font:normal 13px 'Arial';color:black;text-align:left;padding:32px 32px 10px 32px;box-sizing:border-box;} .Devis a {font:normal 13px 'Arial';color:black;} .Devis a:hover {color:#C6FF00;} .Devis .DevisHeader div {float:left;padding:2px 6px;box-sizing:border-box;border:solid 1px black;margin:0.2% 0.2%;} .Devis .DevisHeader .DevisImage {border:0;padding-bottom:16px;} .Devis .DevisHeader .DevisNumber {width:29.6%;} .Devis .DevisHeader .DevisNumber span {font-weight:bold;} .Devis .DevisHeader .DevisDate {width:69.4%;border:solid 1px transparent;text-align:right;} .Devis .DevisHeader .DevisClientLabel {clear:both;width:29.6%;text-align:right;} .Devis .DevisHeader .DevisClientvalue, .Devis .DevisHeader .DevisAddressValue {width:69.6%;text-align:right;position:relative;} .Devis .DevisHeader .DevisClientFunction {position:absolute;top:1px;right:-180px;width:180px;border:solid 1px rgba(192,255,0,0.7);box-sizing:border-box;color:white;border-radius:6px;padding:1px 8px;background:rgba(0,0,0,0.5);text-align:left;} .Devis .DevisHeader .DevisClientFunction a {color:white;} .Devis .DevisHeader .DevisClientFunction a:hover, .Devis .DevisHeader .DevisClientFunction.devisAddressChange:hover, .Devis .DevisHeader .DevisClientFunction.devisAddressUpdate:hover {color:#C6FF00;} .Devis .DevisHeader .DevisClientFunction.devisAddressChange, .Devis .DevisHeader .DevisClientFunction.devisAddressUpdate {cursor: pointer;} .Devis .DevisHeader .DevisAddressLabel {clear:both;width:29.6%;min-height:66px;text-align:right;} .Devis .DevisHeader .DevisAddressValue {width:69.6%;text-align:right;min-height:66px;} .Devis .DevisHeader .DevisClientRef {clear:both;width:29.6%;text-align:right;} .Devis .DevisHeader .DevisClientRefvalue {width:69.6%;text-align:right;background:none;padding:2px 6px;box-sizing:border-box;border:solid 1px black;margin:0.2% 0.2%;color:black;} .DevisHeader.Factu .DevisNumber,.DevisHeader.Factu .DevisClientLabel,.DevisHeader.Factu .DevisAddressLabel,.DevisHeader.Factu .DevisClientRef {width:34.6%;} .DevisHeader.Factu .DevisDate,.DevisHeader.Factu .DevisClientvalue,.DevisHeader.Factu .DevisAddressValue,.DevisHeader.Factu .DevisClientRefvalue {width:64.6%;} .Devis .DevisHeader .DevisTitle1.Desc {width:54.8%;margin-right:0;} .Devis .DevisHeader .DevisTitle1.Price {width:15%;margin:0.3% 0;border-left:0;} .Devis .DevisHeader .DevisTitle1.Quantity {width:15%;margin:0.3% 0;border-left:0;} .Devis .DevisHeader .DevisTitle1.Totalprice {width:14.8%;margin-left:0;border-left:0;} .Devis.Revendeur .DevisHeader .DevisTitle1.Desc {width:51.8%;margin-right:0;} .Devis.Revendeur .DevisHeader .DevisTitle1.Price {width:13%;margin:0.3% 0;border-left:0;} .Devis.Revendeur .DevisHeader .DevisTitle1.Quantity {width:11%;margin:0.3% 0;border-left:0;} .Devis.Revendeur .DevisHeader .DevisTitle1.Remise {width:10%;margin:0.3% 0;border-left:0;} .Devis.Revendeur .DevisHeader .DevisTitle1.Totalprice {width:13.8%;margin-left:0;border-left:0;} .Devis .DevisContent {border:solid 1px black;margin:0.3% 0.2%;min-height:50px;} .Devis .DevisContent .DevisContentBloc {clear:both;position:relative;} .Devis .DevisContent .DevisContentBloc .DevisContentBlocFunction {position:absolute;text-align:left;top:-2px;right:-180px;width:180px;font-size:10px;color:white;border:solid 1px rgba(192,255,0,0.7);border-radius:6px;padding:1px 2px;background:rgba(0,0,0,0.5);} .Devis .DevisContent .DevisContentBloc .DevisContentBlocFunction {right: -3px; transform: translateX(100%);} .DevisContentCdeCmpt { color: #FFF; font-size: 12px; white-space: nowrap; } .Devis .DevisContent .DevisContentBloc .DevisContentBlocFunction li {float:left;padding:1px;width:16px;} .Devis .DevisContent .DevisContentBloc .DevisContentBlocFunction li.Lng {width:80px;font-size:12px;} /*.Devis .DevisContent .DevisContentBloc .DevisContentBlocFunction li { float: none; width: auto; }*/ .Devis .DevisContent .DevisContentBloc .DevisContentBlocFunction li input {margin-top:1px;cursor:pointer;} .Devis .DevisContent .DevisContentTitle {background:#e4f1ce;float:left;padding:2px 6px;box-sizing:border-box;border:0;border-bottom:solid 1px #c0c0c0;border-right:solid 1px #c0c0c0;color:black;} .Devis .DevisContent input.DevisContentTitle {font:normal 11px 'Arial';} .Devis .DevisContent input[readonly].DevisContentTitle.Quantity {color:#888;} .Devis .DevisContent .DevisContentTitle.Desc {width:55%;} .Devis .DevisContent .DevisContentTitle.Price {width:15%;text-align:right;} .Devis .DevisContent .DevisContentTitle.Quantity {width:15%;text-align:right;} .Devis .DevisContent .DevisContentTitle.Totalprice {width:15%;background:#f0f0f0;text-align:right;border-right:0;} .Devis .DevisContent .DevisContentLine {clear:both;float:left;display:block;font-size:10px;color:#404040;background:none;width:85%;overflow:hidden;box-sizing:border-box;margin:0;border:0;border-bottom:solid 1px #c0c0c0;border-right:solid 1px #c0c0c0;} .Devis .DevisContent .DevisContentLine.Option {clear:none;color:#404040;width:15%;font-style:italic;border-right:0;} .Devis.Revendeur .DevisContent .DevisContentTitle.Desc {width:52%;} .Devis.Revendeur .DevisContent .DevisContentTitle.Price {width:13%;} .Devis.Revendeur .DevisContent .DevisContentTitle.Quantity {width:11%;} .Devis.Revendeur .DevisContent .DevisContentTitle.Remise {width:10%;text-align:right;} .Devis.Revendeur .DevisContent .DevisContentTitle.Totalprice {width:14%;} .Devis.Revendeur .DevisContent .DevisContentLine {width:86%;} .Devis.Revendeur .DevisContent .DevisContentLine.Option {width:14%;} .Devis .DevisContent .devislinedescWrapper {position:relative;} .Devis .DevisContent .devislinedescWrapper a {display:block;position:absolute;top:2px;right:-16px;background:rgba(0,0,0,0.2);text-align:center;color:white;font-size:9px;border-radius:32px;width:10px;height:10px;} .Devis .DevisContent .DevisContentBlocEnd {font:0;clear:both;float:none;border:0;padding:3px 0;border-bottom:solid 1px #c0c0c0;} .Devis .DevisShip {display:inline-block;padding:2px 8px;border:solid 2px #C6FF00;border-radius:6px;color:white;background:black;float:right;clear:both;} .Devis .DevisFooter {position:relative;} .Devis .DevisFooter div,.Devis .DevisFooter input,.Devis .DevisFooter select {float:right;text-align:right;width:15%;padding:2px 6px;box-sizing:border-box;border:solid 1px #c4ff00;margin:0.2%;background:none;font:normal 14px 'Arial';color:black;} .Devis .DevisFooter .DevisFooterFunction {color:white;position:absolute;top:-1px;right:-187px;width:180px;border:solid 1px rgba(192,255,0,0.7);border-radius:6px;padding:1px 2px;background:rgba(0,0,0,0.5);text-align:left;} .Devis .DevisFooter .DevisFooterFunction input {float:left;margin:2px;} .Devis .DevisFooter .DevisFooterFunction label {display:block;padding:2px 0 0 6px;} .Devis .DevisFooter .DevisFooterHide {display:block;} .Devis .DevisFooter .DevisFooterFunction.tvacheckbox label {display:inline-block;} .Devis .DevisFooter select {padding:1px 6px;} .Devis .DevisFooter .DevisTVAValue {clear:both;} .Devis .DevisFooter .DevisAcompteValue {clear:both;} .Devis .DevisFooter .DevisTotalTTCValue {clear:both;border:solid 3px #93c83d;font-weight:bold;} .Devis .DevisFooter .DevisTotalTTCLabel {border:solid 3px #93c83d;font-weight:bold;} .Devis .DevisFooter .DevisSoldeValue {clear:both;border:solid 3px #93c83d;font-weight:bold;} .Devis .DevisFooter .DevisSoldeLabel {border:solid 3px #93c83d;font-weight:bold;} .Devis .DevisFooter .BaseLine {clear:both;display:block;font-size:8px;text-align:center;padding-top:16px;} .Devis .DevisFooter .BaseLine.Factu {text-align:left;} .Devis .DevisFooter .BaseLine2 {clear:both;display:block;text-align:right;padding:10px 0;} .Devis .DevisFooter .BaseLine2 input {border:none;display:inline;font:normal 13px 'Arial';color:black;padding:0;margin:0;width:120px;text-align:left;} .Devis .DevisFooter #Reglement #clientinfo {width:100%;box-sizing:border-box;margin-top:16px;background:transparent;color:inherit;} .Devis #Reglement #condreglement { width: 98.5%; margin-top: 10px; font-size: 12px; resize: none; } .Devis #Reglement #clientinfo { resize: none; } #DevisWarning {border:solid 3px #f00;text-align:center;font-size:13px;} #ProjetWarning {border:solid 2px #f00;padding:0 6px;} .BLEdit td {position:relative;} .BLEdit .BLEditLine {position:absolute;top:0;right:-80px;border:solid 1px rgba(192,255,0,0.7);border-radius:6px;padding:1px 6px;background:rgba(0,0,0,0.5);color:white;} .BLEdit select,.BLEdit input[type=text] {background:none;border:none;color:black;font-size:24px;padding:0;margin:0;width:100%;text-align:center;} .BLEdit .Small {text-align:left;} .BLEdit .Small input[type=text] {width:70%;} .Devis .AlertImage {display:none;} /* SKIN GEMEA */ .Devis.GEMEA a:hover {color:#c00000;} .Devis.GEMEA .DevisContent .DevisContentTitle {background:#363636;color:white;} .Devis.GEMEA .DevisContent .DevisContentTitle.Totalprice {background:#c0c0c0;color:black;} .Devis.GEMEA .DevisFooter div,.Devis.GEMEA .DevisFooter input,.Devis.GEMEA .DevisFooter select {border:solid 1px #c00000;} .Devis.GEMEA .DevisFooter .DevisTotalTTCValue {border:solid 3px #c00000;} .Devis.GEMEA .DevisFooter .DevisTotalTTCLabel {border:solid 3px #c00000;} .Devis.GEMEA .DevisFooter .DevisSoldeValue {border:solid 3px #c00000;} .Devis.GEMEA .DevisFooter .DevisSoldeLabel {border:solid 3px #c00000;} .Devis.GEMEA .DevisFooter .BaseLine2 input {border:none;} .Devis.GEMEA .DevisFooter .DevisFooterFunction,.Devis.GEMEA .DevisShip,.Devis.GEMEA .DevisClientFunction {border:solid 1px #c00000;} .Devis.GEMEA .DevisContent .DevisContentBloc .DevisContentBlocFunction {border:solid 1px #c00000;} /* SKIN 3DMP */ .Devis.DMP a:hover {color:#ef7158;} .Devis.DMP .DevisContent .DevisContentTitle {background:#363636;color:white;} .Devis.DMP .DevisContent .DevisContentTitle.Totalprice {background:#c0c0c0;color:black;} .Devis.DMP .DevisFooter div,.Devis.DMP .DevisFooter input,.Devis.DMP .DevisFooter select {border:solid 1px #ef7158;} .Devis.DMP .DevisFooter .DevisTotalTTCValue {border:solid 3px #ef7158;} .Devis.DMP .DevisFooter .DevisTotalTTCLabel {border:solid 3px #ef7158;} .Devis.DMP .DevisFooter .DevisSoldeValue {border:solid 3px #ef7158;} .Devis.DMP .DevisFooter .DevisSoldeLabel {border:solid 3px #ef7158;} .Devis.DMP .DevisFooter .BaseLine2 input {border:none;} .Devis.DMP .DevisFooter .DevisFooterFunction,.Devis.DMP .DevisShip,.Devis.DMP .DevisClientFunction {border:solid 1px #ef7158;} .Devis.DMP .DevisContent .DevisContentBloc .DevisContentBlocFunction {border:solid 1px #ef7158;} /* PAGINATION */ .DevisPagtination {display:block;font-size:0;margin-bottom:4px;} .DevisPagtination.ipad {margin:12px 0;} .DevisPagtination li {display:inline-block;margin:0 3px;} .DevisPagtination li a {display:inline-block;font-size:20px;background:#C6FF00;padding:4px 11px;color:black;border:solid 1px #C6FF00;} .DevisPagtination.ipad li a {font-size:40px;} .DevisPagtination li a:hover {background:black;color:#C6FF00;} .DevisPagtination li a.current {background:rgba(75,75,75,0.8);color:white;} /* ACCEPTER */ .DevisHeaderAlert { background-color: #dc0b32; } .DevisHeaderAlert .PageHeaderPicto > img { max-width: 80px; height: auto; } .DevisHeaderAlert h1 { text-align: center; } /* MAILING */ .MailingEmpty {text-align:center;font-size:16px;font-style:italic;padding:48px 0;} .DevisSelect.Gabarit li {display:block;padding:1px 0;} .DevisSelect.Gabarit li input[type=radio] {margin-right:6px;} .MailingNav {padding-top:8px;} .MailingNav li {cursor:pointer;font-size:13px;color:#999999;margin:3px 0;padding:1px 3px;white-space:nowrap;position:relative;border-left:solid 3px #C6FF00;} .MailingNav li:hover {background:rgba(50,50,50,0.8);} .MailingNav li.current {background:rgba(75,75,75,0.8);color:#C6FF00;} .MailingNav li em {display:block;position:absolute;right:0;top:0;;height:20px;width:32px;background-image: linear-gradient(to right, rgba(23,23,23,0) 0%, rgba(23,23,23,1) 100%);} .MailingHeader {float:left;width:25%;padding-right:32px;text-align:left;} .MailingHeader.Hidden {display:none;} .MailingHeader label {float:left;font-size:15px;color:white;padding:4px 0;} .MailingHeader input {width:96%;padding:4px;} .MailingHeader #MailingFile {width:32px;height:32px;overflow:hidden;position:relative;} .MailingHeader #MailingFile img {width:100%;height:auto;} .MailingHeader #MailingFile input {font-size:100px;position:absolute;top:0;left:0;opacity:0;cursor:pointer;} .MailingHeader.ForFile {width:50%;} .MailingHeader.ForFileWait {display:none;} .MailingHeader .FileList {font-size:10px;} .MailingHeader .MailingColor {float:left;} .MailingHeader #fileerror {display:none;} .MailingHeader .ForColor {padding-top:9px;} h1.TitleBar {display:block;background:#C6FF00;color:black;padding:6px 16px;cursor:pointer;margin:0;} h1.TitleBar a {float:right;font-size:13px;font-weight:bold;color:black;display:block;padding:4px;} #MailingPreview {padding:0;margin:0;width:1024px;text-align:left;} .MailingSearch {background:rgba(50,50,50,0.8);text-align:left;padding:20px 4px; display: flex; align-items: center; justify-content: space-between;} .MailingSearch li {float:left;/*width:16.5%;*/box-sizing:border-box;} .MailingSearch li input[type=checkbox] {margin-right:4px;} .MailingClients {background:rgba(50,50,50,0.8);text-align:left;padding:10px 4px;} .MailingClientsList li {width:25%;float:left;overflow:hidden;padding:1px 0;} .MailingClientsList li input[type=checkbox] {margin-right:4px;} .MailingMenu li {float:left;padding:0 16px 32px 0;box-sizing:border-box;} .MailingMenu li:nth-of-type(1) {width:6%;} .MailingMenu li:nth-of-type(2) {width:6%;} .MailingMenu li:nth-of-type(3) {width:88%;} .MailingMenu li ul li {display:block;float:left;border:solid 1px rgba(75,75,75,0.8);padding:3px 3px;text-align:left;width:5%;margin:2px 1px;} .MailingMenu li ul li:nth-of-type(even) {width:94%;} .MailingMenu li ul li:nth-of-type(odd) {width:5%;} .MailingMenu li ul li:nth-of-type(odd):hover {border:solid 1px #666666;cursor:pointer;} .MailingMenu li a img {opacity:0.4;transition:opacity 1s;} .MailingMenu li a img:hover {opacity:1;transition:opacity 100ms;} .MailingActions {background:rgba(50,50,50,0.8);text-align:center;padding:10px;} .MailingAction {display:inline-block;padding:4px 32px;margin:0 64px;background:#171717;border:solid 1px #C6FF00;font-size:18px;color:white;cursor:pointer;} .MailingAction:hover {background:rgba(50,50,50,0.8);} .MailingRecapList li {float:left;text-align:left;margin:0 1px 1px 0;padding:8px 3px;background:rgba(50,50,50,0.8);box-sizing:border-box;} .MailingRecapList li:nth-of-type(5n+1) {clear:both;width:15%;} .MailingRecapList li:nth-of-type(5n+2) {width:43%;} .MailingRecapList li:nth-of-type(5n+3) {width:15%;} .MailingRecapList li:nth-of-type(5n+4) {width:15%;} .MailingRecapList li:nth-of-type(5n+5) {width:10%;} .MailingRecapList li.Header {background:#C6FF00;color:black;} .mailingManlist {width:100%; background: rgba(50,50,50,0.8); text-align: left; padding: 10px 4px 20px 4px;} /* COMMANDE */ .CommandeList {text-align:left;border:solid 1px rgba(75,75,75,0.8);width:100%;max-width:1280px;} .CommandeList li {float:left;white-space:nowrap;background:rgba(50,50,50,0.8);padding:2px 3px;height:18px;margin:0 1px 1px 0;box-sizing:border-box;color:#4fca04;} .CommandeList li:nth-of-type(6n+1) {clear:both;width:7%;color:white;} .CommandeList li:nth-of-type(6n+2) {width:30%;} .CommandeList li:nth-of-type(6n+3) {width:12%;color:white;font-weight:bold;} .CommandeList li:nth-of-type(6n+3) span {color:#999;} .CommandeList li:nth-of-type(6n+3) span.NoStock {color:#F50;} .CommandeList li:nth-of-type(6n+4) {width:26%;} .CommandeList li:nth-of-type(6n+5) {width:17%;} .CommandeList li:nth-of-type(6n+6) {width:7%;} .CommandeList li.Alert {color:#af1e39;} .CommandeList li.Warning {color:#e09400;} .CommandeList li.CommandeListHeader {color:black;background:#C6FF00;font-weight:bold;} .CommandeList li.Instock {opacity:0.5;color:#666;} .CommandeList li a {color:black;} /* PRODUCTION BOARD */ .ProdBoardButton {float:right;font-size:2.5vw;font-size:bold;padding:1vw 3vw;border:solid 1px red;text-transform:uppercase;margin:0.7vw 1.5vw 0 0;color:#FFFFFF;background:rgba(50,50,50,0.8);box-shadow: 3px 3px 7px rgba(0,0,0,0.7);} .ProdBoardButton.BigButton {float:none;font-size:5vw;font-size:bold;padding:2vw 5vw;border:solid 1px #C6FF00;text-transform:uppercase;margin:10vw 0 5vw 34vw;color:#FFFFFF;background:rgba(50,50,50,0.8);box-shadow: 0px 0px 6vw rgba(192,255,0,0.7);border-top-left-radius:3vw;border-bottom-right-radius:3vw;} .ProdBoardBloc {width:100%;margin 0 auto;padding:0;box-sizing:border-box;} .ProdBoardBloc h1 {background:#C6FF00;width:100%;padding:0.5vw;margin:0;font-size:4.5vw;font-weight:bold;text-align:left;color:black;box-sizing:border-box;text-shadow:0.2vw 0.2vw 0.2vw #FFF;} .ProdBoardBloc h1 span {font-size:2.5vw;} .ProdBoardBloc h1 #image43 {height:7vw;width:auto;} .ProdBoardBloc h2 {background:#171717;background-image: linear-gradient(to left, #171717 60%, #414141 100%);width:100%;padding:0.5vw 1vw;margin:0;font-size:2.5vw;font-weight:bold;text-align:left;color:white;box-sizing:border-box;text-style:italic;letter-spacing:5px;} .ProdBoardList {position:relative;z-index:10;box-sizing:border-box;display:block;border:dotted 1px #666666;margin:2vw 0;padding:2vw 0;background:rgba(50,50,50,0.8);cursor:pointer;background-image: linear-gradient(to left, #475025 0%, #2d2d2d 100%);} .ProdBoardList.Upgrade {background-image: linear-gradient(to left, #254c50 0%, #2d2d2d 100%);} .ProdBoardList.SAV {background-image: linear-gradient(to left, #4f3725 0%, #2d2d2d 100%);} .ProdBoardList.Header {border:none;background:rgba(75,75,75,0.8);color:white;font-weight:bold;cursor:default;font-size:2vw;margin:1.8vw 0 1vw 0;padding:0;} .ProdBoardList.Header li {padding:0;margin:0;padding:1px 2vw;} .ProdBoardList #image53 {position:absolute;z-index:20;width:3vw;height:auto;top:0;right:0;} .ProdBoardList li {float:left;padding:0 0.3vw;box-sizing:border-box;text-align:left;overflow:hidden;font-size:2vw;} .ProdBoardList li:nth-of-type(4n+1) {width:30%;text-align:center;font-size:16px;} .ProdBoardList li:nth-of-type(4n+2) {width:25%;text-transform:uppercase;text-align:center;} .ProdBoardList li:nth-of-type(4n+3) {width:28%;font-size:1.5vw;} .ProdBoardList li:nth-of-type(4n+4) {width:15%;text-align:center;} .ProdBoardList li:nth-of-type(4n+4) img {width:30%;height:auto;} .ProdBoardLink {display:block;border:dotted 1px #666666;box-sizing:border-box;text-align:center;border-radius:1vw;margin:1%;text-decoration:none;padding:2%;font-size:4vw;color:white;background:rgba(50,50,50,0.8);cursor:pointer;} .ProdBoardLink2 {display:block;float:left;width:31.3%;box-sizing:border-box;text-align:center;border-radius:1vw;border:dotted 1px #666666;margin:1%;text-decoration:none;padding:2vw;font-size:1.5vw;color:white;background:rgba(50,50,50,0.8);cursor:pointer;} .ProdBoardLink2 span {font-size:3vw;} .ProdBoardFullSelect {display:inline-block;width:100%;padding:1vw;overflow:hidden;background:rgba(50,50,50,0.8);border:dotted 1px #666666;color:white;font-size:3vw;} .ProdBoardBloc > select > option {padding:1.3vw 0.3vw;} .ProdBoardListProject {display:block;border:dotted 1px #666666;margin:2.5vw 0;padding:1vw 0;background:rgba(50,50,50,0.8);cursor:pointer;background-image: linear-gradient(to left, #475025 0%, #2d2d2d 100%);} .ProdBoardListProject li {padding:0 0.3vw;box-sizing:border-box;text-align:left;overflow:hidden;font-size:2vw;} .ProdBoardListProject li:nth-of-type(2n+1) {float:left;width:40%;padding-top:1vw;font-size:3.5vw;color:white;} .ProdBoardListProject li:nth-of-type(2n+2) {width:60%;} .ProdBoardListProject li span {display:block;font-size:2.2vw;} .ProdBoardListProject li span.Select {color:#0f0;} .ProdBoardListProject li span:nth-of-type(2n+1) {color:white;font-weight:bold;font-size:3vw;} .ProdBoardListProject li span em {color:#FFAA00;} .ProdBoardHeader {display:block;border:dotted 1px #666666;margin:1vw 0;padding:1vw 1vw;background:rgba(50,50,50,0.8);background-image: linear-gradient(to left, #7d9500 0%, #2d2d2d 100%);font-size:3.5vw;color:#BBB;} .ProdBoardHeader span {color:#2cb2b7;} .ProdBoardHeader em {color:red;} .ProdBoardLine {position:relative;box-sizing:border-box;clear:both;display:block;border:dotted 1px #666666;margin:2vw 0;padding:0.2vw;background:rgba(50,50,50,0.8);background-image: linear-gradient(to left, #475025 0%, #2d2d2d 100%);cursor:pointer;} .ProdBoardLine.Header {box-sizing:border-box;border:dotted 1px #666666;margin:1vw 0;padding:0.2vw;background:#C6FF00;color:black;font-size:2.3vw;font-weight:bold;} .ProdBoardLine span {box-sizing:border-box;display:block;float:left;width:55%;font-size:4vw;color:white;font-weight:bold;padding:0 0.5vw;} .ProdBoardLine span em {box-sizing:border-box;display:block;font-size:2vw;color:#F80;font-weight:normal;} .ProdBoardLine textarea {box-sizing:border-box;display:block;float:left;width:45%;background:rgba(0,0,0,0.4);border:dotted 1px #666666;overflow:hidden;height:15vw;font-family:"Trebuchet MS";font-size:1.8vw;} .ProdBoardLine input[type=text] {box-sizing:border-box;float:right;width:15%;background:rgba(0,0,0,0.4);border:dotted 1px #666666;color:white;font-size:2.5vw;height:4vw;} .ProdBoardLine select {box-sizing:border-box;float:right;width:15%;background:rgba(100,0,0,0.4);border:dotted 1px #666666;color:white;font-size:2.5vw;height:4vw;} .ProdBoardLine.Finished {background-image: linear-gradient(to left, #047110 0%, #2d2d2d 100%);opacity:0.6} .ProdBoardLine.Finished span {font-size:2.5vw;} .ProdBoardLine.Finished span em {color:#AAA;font-size:1.5vw;} .ProdBoardLine.Finished textarea {height:5vw;font-size:1.5vw;} .ProdBoardLine textarea#private_comment, .ProdBoardLine textarea#CTRLQ_comment, .ProdBoardLine textarea#QCCTRLQ_comment { width: 100%; } .ProdBoardLineModify img {position:absolute;right:0;top:0;width:3vw;height:auto;} .ProdBoardListMachine {display:block;float:left;box-sizing:border-box;width:32%;border:dotted 1px #666666;margin:0.4vw;padding:0.7vw;cursor:pointer;} .ProdBoardListMachine span:nth-of-type(1) {display:block;text-align:center;color:white;font-weight:bold;font-size:2.5vw;white-space: nowrap;} .ProdBoardListMachine span:nth-of-type(2) {display:block;text-align:center;font-size:1.8vw;} #ProdBoardSearch {display:block;background:rgba(75,75,75,0.8);padding:1.5vw 1vw;} #ProdBoardSearch label {display:block;float:left;width:15%;box-sizing:border-box;text-align:right;color:white;font-size:2.7vw;padding-top:0.4vw;} #ProdBoardSearch select {display:block;float:left;width:35%;box-sizing:border-box;font-size:2.7vw;} #ProdBoardSearch input[type=text] {display:block;float:left;width:28%;box-sizing:border-box;font-size:2.7vw;} #ProdBoardSearch button {font-size:2.7vw;color:black;background:#C6FF00;padding:0.2vw 0.8vw;} .ProdBoardFoot {box-sizing:border-box;width:80%;display:none;font-size:2.5vw;font-size:bold;padding:2vw 3vw;border:solid 1px red;text-transform:uppercase;margin:3vw auto;color:#FFFFFF;background:rgba(50,50,50,0.8);box-shadow: 3px 3px 7px rgba(0,0,0,0.7);} .ProdBoardBlocEmpty {font-size:4vw;font-style:italic;color:white;text-align:center;padding:5vw 0;} #LoginPageMobile {width:100%;text-align:center;} #LoginPageMobile #image43 {height:35vw;width:auto;} #LoginPageMobile .LoginPanel {width:70%;background:rgba(50,50,50,0.8);padding:10px;border-radius:4vw;} #LoginPageMobile .ErrorText {font-size:2.5vw;text-align:center;} #LoginPageMobile legend {font-size:2vw;} #LoginPageMobile #LoginForm .LoginContent {width:50%;box-sizing:border-box;float:left;} #LoginPageMobile #LoginForm .LoginContent label {display:block;width:100%;font-size:2.5vw;text-align:left;padding:0 1.2vw;} #LoginPageMobile #LoginForm .LoginContent input {display:block;width:90%;font-size:2.5vw;margin-left:1.2vw;} #LoginPageMobile #LoginForm .LoginContent input:focus {background:rgba(75,75,75,0.8);} #LoginPageMobile #LoginForm button {display:block;width:96%;font-size:3.5vw;margin:1.4vw;color:#FFFFFF;border:solid 1px #666666;background:rgba(75,75,75,0.8);} .Quitbutton {display:block;text-align:center;} .Quitbutton img {width:8vw;height:auto;} .Body_modifieruneproduction .ui-button-text-only .ui-button-text { padding: 0.5em 1.5em; font-size: 1.3rem; } /* PRODUCTION BOARD V2 */ body.Body_productionv2modify {background:#202020;background-image:linear-gradient(to bottom,#606060 0%,#202020 90%,#000000 100%);} .ProdBoardv2 {width:100%;margin 0 auto;padding:0;box-sizing:border-box;} .ProdBoardv2Wrapper {background:#74310e;} .ProdBoardv2Wrapper.sav {background:rgba(0,176,255,0.4);} .ProdBoardv2Wrapper.Upgrade {background:rgba(2,229,3,0.4);} .ProdBoardv2Wrapper.Preprod {background:rgba(231,219,2,0.4);} .ProdBoardv2 h1 {background:#C6FF00;width:100%;padding:0.2vw 0.5vw;margin:0;font-size:4vw;font-weight:bold;text-align:left;color:white;box-sizing:border-box;text-shadow:0.2vw 0.2vw 0.2vw rgba(0,0,0,0.6);} .ProdBoardv2 h1 span {font-size:2.5vw;} .ProdBoardv2 h1 span img {width:2vw;height:auto;} .ProdBoardv2 h1 img {height:5vw;width:auto;} .ProdBoardv2 h2 {background:none;background-image:linear-gradient(to bottom,rgba(255,88,0,1) 0%,rgba(255,88,0,0.4) 100%);width:100%;padding:0.1vw 0.5vw;margin:0;font-size:2vw;font-weight:bold;text-align:left;color:white;box-sizing:border-box;border-top:solid 4px white;} .ProdBoardv2 h2.sav {background:none;background-image:linear-gradient(to bottom,rgba(0,176,255,1) 0%,rgba(0,176,255,0.4) 100%);} .ProdBoardv2 h2.Upgrade {background:none;background-image:linear-gradient(to bottom,rgba(2,229,3,1) 0%,rgba(2,229,3,0.4) 100%);} .ProdBoardv2 h2.Preprod {background:none;background-image:linear-gradient(to bottom,rgba(231,219,2,1) 0%,rgba(231,219,2,0.4) 100%);} .ProdBoardv2Button {float:right;font-size:2vw;font-size:bold;padding:0.5vw 3vw;border:solid 1px red;text-transform:uppercase;margin:0.7vw 1.5vw 0 0;color:#FFFFFF;background:rgba(50,50,50,0.8);box-shadow: 3px 3px 7px rgba(0,0,0,0.7);} .ProdBoardv2List {cursor:pointer;float:left;display:block;position:relative;width:32%;height:10vw;box-sizing:border-box;margin:0.5%;padding:0.3%;border:solid 1px #ff5800;border-radius:1vw;font-size:1vw;text-align:center;overflow:hidden;background-image: linear-gradient(to bottom, #333 0%, #000 100%);} .ProdBoardv2List.sav {border:solid 1px #00b0ff;} .ProdBoardv2List.Upgrade {border:solid 1px #02e503;} .ProdBoardv2List.Preprod {border:solid 1px #e7db02;} .ProdBoardv2List li:nth-of-type(1) {text-align:center;font-size:3vw;color:white;line-height:2.5vw;position:relative;} .ProdBoardv2List li:nth-of-type(1) a:nth-of-type(1) {position:absolute;top:0;right:0;display:block;width:9%;} .ProdBoardv2List li:nth-of-type(1) a:nth-of-type(2) {position:absolute;top:0;right:9%;display:block;width:9%;} .ProdBoardv2List li:nth-of-type(1) a:nth-of-type(3) {position:absolute;top:0;right:18%;display:block;width:9%;} .ProdBoardv2List li:nth-of-type(2) {text-align:center;font-size:0.75vw;} .ProdBoardv2List li:nth-of-type(4) {font-size:1.7vw;color:white;height:1.7vw;overflow:hidden;text-overflow: ellipsis;} .ProdBoardv2List li:nth-of-type(4) em {color:orange;font-size:1.2vw} .ProdBoardv2List li:nth-of-type(4) i {color:yellow;font-size:1.2vw} .ProcessTitleWrapper {position:absolute;bottom:0;left:0;z-index:10;width:100%;} .ProcessTitleWrapper a:hover {color:#00a3ff;} .ProcessTitleBar {display:block;position:absolute;bottom:0;left:0;width:76%;color:black;font-size:1.5vw;text-align:center;z-index:11;padding:8px 12%;background-image: linear-gradient(to right,rgba(196,255,0,1) 20%,rgba(196,255,0,0.3) 50%,rgba(196,255,0,1) 80%);} .ProcessNextButton {display:block;position:absolute;bottom:0;right:0;width:12%;height:10vw;padding:0;margin:0;font-size:8vw;text-align:center;color:black;background:#C6FF00;z-index:12;border-top-left-radius:2vw;} .ProcessPreviousButton {display:block;position:absolute;bottom:0;left:0;width:12%;height:10vw;font-size:8vw;text-align:center;color:black;background:#C6FF00;z-index:12;border-top-right-radius:2vw;} .ProcessTitleBar .Section {float:left;display:inline-block;width:40%;text-align:left;text-transform:uppercase;} .ProcessTitleBar .Etape {float:right;display:inline-block;width:40%;text-align:right;text-transform:uppercase;} .Processbutton {position:absolute;bottom:11vw;right:1%;width:10%;z-index:13;cursor:pointer;} .Processnote {resize:none;display:none;position:absolute;top:24vh;left:10%;width:80%;z-index:12;background:rgba(196,255,0,0.6);border:solid 2px grey;box-shadow:3px 3px 16px rgba(0,0,0,0.5);box-sizing:border-box;} .Processnote #Processnotetext {resize:none;width:98%;height:40vh;background:rgba(60,60,60,0.85);border:solid 1px grey;box-sizing:border-box;padding:1%;border-radius:0.7vw;margin:1%;font-family:"Trebuchet MS";font-weight:normal;font-size:2vw;} .Processnote button {font-size:3vw;color:white;padding:0.6vw 2vw;margin:0 1vw 1vw 1vw;background:red;border-radius:1vw;width:24%;box-sizing:border-box;} .Processnote .Tipsnote {display:inline-block;font-size:2.8vw;color:black;width:42%;text-align:center;} .Processnote button.Save {background:green;float:right;} .ProcessGeneralnote {resize:none;display:none;position:absolute;top:24vh;left:10%;width:80%;z-index:12;background:rgba(255,196,0,0.6);border:solid 2px grey;box-shadow:3px 3px 16px rgba(0,0,0,0.5);box-sizing:border-box;} .ProcessGeneralnote #ProcessGeneralnotetext {resize:none;width:98%;height:40vh;background:rgba(60,60,60,0.85);border:solid 1px grey;box-sizing:border-box;padding:1%;border-radius:0.7vw;margin:1%;font-family:"Trebuchet MS";font-weight:normal;font-size:2vw;} .ProcessGeneralnote button {font-size:3vw;color:white;padding:0.6vw 2vw;margin:0 1vw 1vw 1vw;background:red;border-radius:1vw;width:24%;box-sizing:border-box;} .ProcessGeneralnote .Tipsnote {display:inline-block;font-size:2.8vw;color:black;width:42%;text-align:center;} .ProcessGeneralnote button.Save {background:green;float:right;width:25%;} .ProcessFullButton {position:absolute;top:5.5vw;left:0;width:100%;height:70%;z-index:9;} .ProcessEndButton {position:absolute;background:none;color:white;font-size:1.7vw;padding:2.5vh 0.5vh;text-shadow:1px 1px 5px rgba(0,0,0,0.7);border-bottom:solid 1px grey;border-left:solid 1px grey;width:22%;right:0;text-align:center;} .ProcessMachine {position:absolute;background:none;color:white;font-size:1.7vw;text-align:center;padding:1vh 0.5vh;text-shadow:1px 1px 5px rgba(0,0,0,0.7);border-bottom:solid 1px grey;border-right:solid 1px grey;width:22%;} .ProcessSectionTitle {position:absolute;background:none;color:white;font-size:2vw;padding:4px 9px;text-shadow:1px 1px 5px rgba(0,0,0,0.7);width:46%;left:27%;text-align:center;background:rgba(255,255,255,0.1);border:solid 1px grey;border-top:none;text-transform:uppercase;} .ProcessSectionTitle b {color:#FF8800;} .ProcessSectionTitle #GalCom {position:absolute;top:-7%;right:0;width:12%;cursor:pointer;} .ProcessSelectionButton {position:absolute;top:0;right:0;width:30%;font-size:1.6vw;padding:8px;background:#FFFFFF;color:black;z-index:12;} .ProcessSelectionButton .SelectionSection {font-weight:bold;} .ProcessSelectionButton .SelectionSubSection {margin-left:10px;} .ProcessContent {width:100vw;height:83vh;display:table-cell;vertical-align:middle;text-align:center;font-size:2vw;} .ProcessContent .ProcessText {font-size:3.8vw;color:#C6FF00;padding:0 0.5vw;text-align:center;text-shadow:1px 1px 5px rgba(0,0,0,0.7);float:left;width:75%;box-sizing:border-box;} .ProcessContent .ProcessTextFull {font-size:3.8vw;color:#C6FF00;padding:0 0.5vw;text-align:center;text-shadow:1px 1px 5px rgba(0,0,0,0.7);float:left;width:100%;box-sizing:border-box;} .ProcessContent .ProcessImage {font-size:0;padding:0 32px 0 0;text-align:center;float:left;width:25%;box-sizing:border-box;} .ProcessProgessbar {font-size:0;padding:0;margin:0;position:relative;} .ProcessProgessbar .Ppb {border-right:solid 1px grey;height:2vh;float:left;width:1%;box-sizing:border-box;} .ProcessCurrentbar {position:absolute;top:0.5vh;font-size:6px;padding:0;margin:0;background:red;border:solid 1px black;} .AdminBloc {border:dotted 1px #666666;background:rgba(50,50,50,0.8);text-align:left;padding:8px;box-sizing:border-box;margin:0 0.5%;} .AdminBloc.Demi {width:49%;min-width:800px;float:left;} .AdminBloc h1 {display:block;background:#C6FF00;color:black;padding:6px 16px;cursor:pointer;margin:0;} #ProdCanalDesc {width:100%;box-sizing:border-box;font-family:Arial;font-weight:normal;font-size:18px;padding:8px;} .ProdCanalList {font-size:11px;} .ProdCanalList.Empty {font-size:24px;font-style:italic;color:white;text-align:center;} .ProdCanalList span {font-weight:bold;color:white;} .ProdCanalPanel {position:relative;z-index:9;font-family: "Trebuchet MS", arial, helvetica, sans-serif;border: 1px solid #666;border-radius:8px;text-align:left;padding:3px;float:left;margin:2px;font-size:11px;color:#333;width:99%;box-sizing:border-box;background:#f7f085;background-image: linear-gradient(to bottom, #f6a184 0%, #d88366 100%);} .ProdCanalPanel span {font-weight:bold;display:block;text-align:right;} .ProdCanalPanel li {border-bottom:dotted 1px #666666;} .BroadCanal { font-size: 13px; background-image: linear-gradient(to bottom, #efe8e8 0%, #c0c0c0 100%); } .BroadCanal li { padding-bottom: 7px; } .BroadCanal .BroadCanal-header { font-weight: 600; background-image: linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0.2) 80%); margin: 0 -3px; padding: 4px; } .BroadCanal .BroadCanal-header>small { font-style: italic; } .BroadCanal-body { white-space: normal; text-align: justify; padding: 7px; box-sizing: border-box; } .broadcanal-title { cursor: default; } .broadcanal-title small { float: right; font-size: 12px; font-style: italic; line-height: 29px; } .broadcanal-title small span { cursor: pointer; } .vol-btn { display: inline-block; border: 1px solid #ccc; padding: 4px 10px; margin-top: 7px; font-size: 12px; font-weight: 400; color: #333; text-align: center; white-space: nowrap; vertical-align: middle; background-color: rgba(255,255,255,0.7); } .vol-btn:hover { background-color: #C6FF00; color:#000; } .StatsBloc {width:24%;box-sizing:border-box;margin:0 0.5%;border:dotted 1px #666666;background:rgba(50,50,50,0.8);float:left;} .StatsBloc h1 {display:block;background:#C6FF00;color:black;padding:6px 16px;margin:0;font-size:14px;} .StatsBloc li {text-align:left;font-size:13px;color:white;padding:5px;float:left;box-sizing:border-box;} .StatsBloc li:nth-of-type(3n+1) {width:65%;white-space:nowrap;overflow:hidden;clear:both;} .StatsBloc li:nth-of-type(3n+2) {width:15%;white-space:nowrap;overflow:hidden;text-align:right;} .StatsBloc li:nth-of-type(3n+3) {width:20%;white-space:nowrap;overflow:hidden;text-align:right;} .StatsHeader li {float:left;text-align:right;font-size:16px;font-weight:bold;color:white;margin:0 3px;} .StatsHeader li label {display:inline-block;} .StatsHeader li select {font-size:16px;color:white;width:98%;} .StatsHeader li.Link {width:130px;align:left;padding:0;margin:0;font-size:12px;} .StatsBloc2 {width:50%;box-sizing:border-box;margin:0 0.5%;border:dotted 1px #666666;background:rgba(50,50,50,0.8);float:left;} .StatsBloc2 h1 {display:block;background:#C6FF00;color:black;padding:6px 16px;margin:0;font-size:14px;} .StatsBloc2 li {text-align:left;font-size:13px;color:white;padding:5px;float:left;box-sizing:border-box;} .StatsBloc2 li:nth-of-type(12n+1) {width:10%;white-space:nowrap;overflow:hidden;clear:both;} .StatsBloc2 li:nth-of-type(12n+2) {width:10%;white-space:nowrap;overflow:hidden;} .StatsBloc2 li:nth-of-type(12n+3) {width:15%;white-space:nowrap;overflow:hidden;} .StatsBloc2 li:nth-of-type(12n+4) {width:45%;white-space:nowrap;overflow:hidden;} .StatsBloc2 li:nth-of-type(12n+5) {width:10%;white-space:nowrap;overflow:hidden;text-align:right;} .StatsBloc2 li:nth-of-type(12n+6) {width:10%;white-space:nowrap;overflow:hidden;text-align:right;} .StatsBloc2 li:nth-of-type(12n+7) {width:10%;white-space:nowrap;overflow:hidden;clear:both;background:#444;} .StatsBloc2 li:nth-of-type(12n+8) {width:10%;white-space:nowrap;overflow:hidden;background:#444;} .StatsBloc2 li:nth-of-type(12n+9) {width:15%;white-space:nowrap;overflow:hidden;background:#444;} .StatsBloc2 li:nth-of-type(12n+10) {width:45%;white-space:nowrap;overflow:hidden;background:#444;} .StatsBloc2 li:nth-of-type(12n+11) {width:10%;white-space:nowrap;overflow:hidden;text-align:right;background:#444;} .StatsBloc2 li:nth-of-type(12n+12) {width:10%;white-space:nowrap;overflow:hidden;text-align:right;background:#444;} /* CANAL INFO GEN */ .gm-flex-row {display:flex!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;} .gm-flex-col {display:flex!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;flex-direction:column;} .gm-flex-fill {flex:1;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;} .gm-flex-col-center {justify-content: center;align-items: center;} .gm-flex-center {align-items: center;} .broadcanal-recipientlist { padding: 8px; border: solid 1px #666666; } .broadcanal-recipientlist li { width: 33%; padding: 4px; box-sizing: border-box; font-size:20px; } /* LABEL LISTER */ .LabelLister a {float:left;display:block;padding:8px;background:#C6FF00;border:solid 1px black;border-radius:6px;font-size:14px;color:black;width:24.5%;margin:0.25%;box-sizing:border-box;} .LabelLister a:hover {background:black;border:solid 1px #C6FF00;color:white;} /* PROCESS PLAYER */ .ProcessLibrary {height:100%;background-image: linear-gradient(to bottom, #000 0%, #456 100%);font-family:arial,trebuchet;} .ProcessLibrary h1 {display:block;background:#C6FF00;color:black;font-size:2.6vw;text-align:center;padding:0.3vw;} .ProcessLibrary a {display:block;float:left;border:solid 1px #C6FF00;margin:0.4vw;padding:2.8vw 0.2vw;font-size:1.8vw;width:24%;box-sizing:border-box;text-align:center;background:rgba(255,255,255,0.2);border-top-left-radius:2vw;border-bottom-right-radius:2vw;} /* F.A.Q */ .FAQSearch h1 {background:#C6FF00;color:black;padding:8px;} .FAQSearch input {font-size:18px;height:30px;color:white;border:solid 1px #C6FF00;padding:2px;width:80%;display:block;box-sizing:border-box;float:left;} .FAQSearch button {font-size:20px;height:30px;color:black;background:#C6FF00;padding:2px;width:19%;display:block;box-sizing:border-box;float:left;} .FAQList li {padding:1px 2px;font-size:14px;background:none;color:white;cursor:pointer;} .FAQList li:hover {background:#C6FF00;color:black;} .FAQList .Selected {background:#C6FF00;color:red;} .FAQDetail h1 {padding:8px;font-size:32px;color:white;background:linear-gradient(to right, #C6FF00 0%, #000000 100%);} .FAQDetail {font-size:24px;color:white;padding:8px;} /* PROJET CHRONO */ .ExpeChronoBloc {float:left;width:19.6%;box-sizing:border-box;display:block;padding:5px;border-radius:6px;border:solid 1px #C6FF00;margin:0.2%;height:74px;background:black;} .ExpeChronoBloc.SelectError {Background:red;} .ExpeChronoBloc a {font-size:18px;} .ExpeChronoBloc a em {color:#FF8800;} .ExpeChronoBloc input[type=checkbox] {float:right;display:hidden;margin:3px;} .ExpeChronoError {clear:both;display:block;width:100%;padding:16px;text-align:center;color:red;font-size:28px;} .ExpeChronoButton {display:inline-block;width:380px;padding:8px;transition:color 1s;border-radius:8px;background:#C6FF00;font-size:36px;color:black;text-align:center;border:solid 1px black;box-shadow:3px 3px 5px black;margin:0 5px;} .ExpeChronoButton:hover {color:white;transition:color 0.2s;} .ExpeChronoTable {width:100%;font-size:15px;} .ExpeChronoTable .Header td {border:solid 1px grey;padding:2px;background:grey;color:white;} .ExpeChronoTable td {border:solid 1px grey;padding:2px;color:white;} .ExpeChronoTable td.Alert {background:red;color:white;} .ExpeChronoTable td.Alert2 {background:#453312;color:white;} .ExpeChronoButton2 {display:inline-block;width:560px;padding:8px 16px;transition:color 1s;border-radius:8px;background:#C6FF00;font-size:36px;color:black;text-align:center;border:solid 1px black;box-shadow:3px 3px 5px black;margin:0 5px;} .ExpeChronoButton2:hover {color:white;transition:color 0.2s;} .ExpeMessage1 {display:block;width:50%;margin:0 auto;padding:20px 0;font-size:24px;color:white;line-height:40px;white-space: nowrap;} .ExpeChronoForm {display:block;width:70%;margin:0 auto;border:solid 1px #C6FF00;padding:1px;font-size:24px;color:white;line-height:40px;white-space: nowrap;} .ExpeChronoTitle {padding:4px 8px;font-size:24px;color:black;background:#C6FF00;} .ExpeChronoText {padding:4px 8px;font-size:19px;color:white;line-height:40px;} .Checkcontainer {float:right;display: block;position: relative;padding-left: 46px;margin-bottom: 12px;cursor: pointer;font-size: 42px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .Checkcontainer input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;} .Checkmark {position: absolute;top: 0;left: 0;height: 48px;width: 48px;background-color: #eee;border-radius:6px;} .Checkcontainer input ~ .Checkmark {background-color: #ccc;} .Checkcontainer input:checked ~ .Checkmark {background-color: #2196F3;} .Checkmark:after {content: "";position: absolute;display: none;} .Checkcontainer input:checked ~ .Checkmark:after {display: block;} .Checkcontainer .Checkmark:after {left: 15px;top: 0px;width: 16px;height: 36px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} /* LOADER */ .lds-roller {display: inline-block;position: relative;width: 80px;height: 80px;} .lds-roller div {animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin: 40px 40px;} .lds-roller div:after {content: " ";display: block;position: absolute;width: 7px;height: 7px;border-radius: 50%;background: #fff;margin: -4px 0 0 -4px;} .lds-roller div:nth-child(1) {animation-delay: -0.036s;} .lds-roller div:nth-child(1):after {top: 63px;left: 63px;} .lds-roller div:nth-child(2) {animation-delay: -0.072s;} .lds-roller div:nth-child(2):after {top: 68px;left: 56px;} .lds-roller div:nth-child(3) {animation-delay: -0.108s;} .lds-roller div:nth-child(3):after {top: 71px;left: 48px;} .lds-roller div:nth-child(4) {animation-delay: -0.144s;} .lds-roller div:nth-child(4):after {top: 72px;left: 40px;} .lds-roller div:nth-child(5) {animation-delay: -0.18s;} .lds-roller div:nth-child(5):after {top: 71px;left: 32px;} .lds-roller div:nth-child(6) {animation-delay: -0.216s;} .lds-roller div:nth-child(6):after {top: 68px;left: 24px;} .lds-roller div:nth-child(7) {animation-delay: -0.252s;} .lds-roller div:nth-child(7):after {top: 63px;left: 17px;} .lds-roller div:nth-child(8) {animation-delay: -0.288s;} .lds-roller div:nth-child(8):after {top: 56px;left: 12px;} @keyframes lds-roller {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}