@font-face { font-family: 'Dosis'; font-style: normal; font-weight: 700; src: local('Dosis Regular'), local('Dosis-Regular'), url(../fonts/dosis700.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url(../fonts/OS400.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url(../fonts/OS600.woff) format('woff'); } @font-face { font-family: 'Aguafina'; src: url('../fonts/others/aguafina-script-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Armata'; src: url('../fonts/others/armata-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Audiowide'; src: url('../fonts/others/audiowide-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BadScript'; src: url('../fonts/others/bad-script-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Kelly'; src: url('../fonts/others/kelly-slab-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato'; src: url('../fonts/others/lato-100.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Pt-sans'; src: url('../fonts/others/pt-sans-narrow-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('../fonts/others/roboto-slab-300.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceCode'; src: url('../fonts/others/source-code-pro-300.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Ubuntu'; src: url('../fonts/others/ubuntu-condensed-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Varela'; src: url('../fonts/others/varela-round-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, #footer, header, hgroup, menu, #nav, output, ruby, section, summary, time, mark, audio, video, button, input, select { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; text-decoration: none; } html, input, textarea, select, button { padding: 0px; margin: 0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; -webkit-text-size-adjust: 100%; } html { font-size: 100%; } html, body { min-height: 100%; position: relative; height: 100%; } body { outline: 0; vertical-align: baseline; height: 100%; padding: 0px; margin: 0px; border: none; overflow-y: scroll; cursor: default; font-style: normal; font-weight: 500; font-size: 14px; -o-backface-visibility: hidden; backface-visibility: hidden; -moz-backface-visibility: visible; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Segoe UI", Montserrat, helvetica,arial,sans serif, oswald,roboto,Open Sans,Dosis,Trebuchet MS; min-height: 100%; position: relative; height: 100%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 1; background-size: 100% 100%; background-repeat: no-repeat; } body.hideScroll { overflow: hidden; } a { outline: 0; } a { z-index: 500; } a :focus { text-decoration: underline; } a { text-decoration: none; } a:hover { text-decoration: none !important; } article, aside, details, figcaption, figure, #footer, header, hgroup, menu, #nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } h1, h2, h3 { font-family: inherit; letter-spacing: 1px; text-transform: uppercase; } h1 { font-size: 30px; padding: 10px 0; } h2 { font-size: 24px; padding: 10px 0; } h3 { font-size: 18px; padding: 10px 0; } hr { margin: 0; border: none; } sup { font-size: xx-small; vertical-align: super; margin: 0; padding: 0; border: 0; text-decoration: none; } p, li { font-size: 1em; line-height: 1em; font-weight: normal; font-style: normal; } p { word-break: break-word; padding-top: 10px; } form { display: inline-block; width: 100%; } select { width: inherit; } input { width: 160px; padding-left: 5px; margin-right: 10px; text-align: left; letter-spacing: 1px; } input, textarea, keygen, select, button { color: initial; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start; } input:focus::-webkit-input-placeholder { color: transparent; } ::placeholder { font-weight: 500; } img { padding-top: 5px; border: none; } .bold { font-weight: bold; } span img { width: auto !important; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .panel:not(.C_basic) { z-index: 1000; position: fixed; font-size: 1em; font-weight: 500; transition: left 0.5s, top 0.5s, right 0.5s, bottom 0.5s; -moz-transition: left 0.5s, top 0.5s, right 0.5s, bottom 0.5s; -webkit-transition: left 0.5s, top 0.5s, right 0.5s, bottom 0.5s; -o-transition: left 0.5s, top 0.5s, right 0.5s, bottom 0.5s; } #top_info.CLOSE { left: -300px !important; top: -90px !important; } body[data-action=other] #left_action { display: none; } .caret { border: 0; width: 30px; height: 20px; background-size: 25px 12px; background-repeat: no-repeat; background-position: 5px 4px; } .caret:hover { cursor: pointer; } .sims-button { cursor: pointer; -webkit-appearance: button; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; vertical-align: middle; border-radius: 0; font-weight: normal !important; cursor: pointer; outline: 0; -webkit-font-smoothing: antialiased; transition: all 0.2s ease-in-out; margin-left: 5px; } .sims-button.ml { margin-left: 15px; } .sims-button.mr { margin-right: 15px; } .sims-button.m { margin: 15px; } .sims-button.nosave { display: none; } .sims-button.danger { border: 0; } .sims-button.unable { cursor: default !important; } .sims-button:not(.disabled).valid:hover, .sims-button:not(.disabled).cancel:hover { opacity: 1 !important; } .sims-button.disabled.valid:hover, .sims-button.disabled.cancel:hover { cursor: default !important; } .sims-button span { font-size: 14px; font-weight: 600; text-transform: uppercase !important; } .btnClose { height: 29px; width: 20px; font-size: 16px; cursor: pointer; text-align: center; line-height: 17px; top: 52px; right: 11px; padding-left: 1px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; transition: top 0.2s, right 0.2s, font-size 0.2s; font-weight: 700; } .btnClose:hover { font-size: 24px; top: 4px !important; right: 4px !important; } .externalPop .btnClose:hover { font-size: 24px; top: 8px !important; right: 4px !important; } .btnClose.G:hover { font-size: 24px; top: 4px !important; right: 4px !important; } .externalPopCX .close.btnClose:hover { top: 9px !important; right: -1px !important; font-size: 24px; } .btn-gray { transition: background-color 0.2s; font-family: inherit; font-size: 12px !important; font-weight: normal !important; border-radius: 0; -moz-border-radius: 0; text-align: center !important; cursor: pointer !important; height: 26px; padding-left: 8px; padding-right: 8px; text-transform: uppercase; padding-top: 1px; } .dropdown-menu { background-color: transparent; border-radius: 1px; margin-top: 0px; border-top-width: 0; } .navbar { box-shadow: none; font-size: 12px; } .navbar-collapse.in { overflow-y: auto; margin-top: 37px; } .shadow line { stroke-width: 2; z-index: 20000; } .bigContainer .containerDIV b div.desi { text-shadow: none; padding-top: 0px; } .bigContainer .containerDIV.first b[data-type] div.desi .contentMenu a { font-weight: 100; text-shadow: none; } .hideback { position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; } .donemessage, .waitmessage { position: absolute; display: none; z-index: 65000; background-repeat: no-repeat; height: 40px; width: 40px; background-size: 40px 40px; } .waitmessage { animation: rotateSpinner 2s linear infinite; } .message#notif_message_script, .message#notif_message_Script, .message#notif_message_Database { position: relative; font-size: 15px; font-weight: 600; margin: 7px auto 7px auto; padding: 11px; width: calc(100% - 12px); text-align: center; height: auto; line-height: 21px; margin-left: 0px; border-radius: 5px; } .message#notif_message_script.done, .message#notif_message_Script.done, .bottomAlert { transition: bottom 0.5s linear; position: fixed; font-size: 15px; margin: 7px auto 7px auto; padding: 11px; width: calc(100% + 2px); text-align: center; height: auto; line-height: 21px; margin-left: 0px; left: -1px; bottom: -70px; z-index: 65000; font-weight: 500; font-size: 15px; background-repeat: no-repeat; background-size: 45px 35px; background-position: 0px 3px; } .bottomAlert { max-height: 300px; overflow-y: auto; bottom: -350px; width: calc(100% - 100px); left: 50px; border-radius: 24px; } .bottomAlert.up { bottom: 50px } .bigcheck a { text-transform: none; text-decoration: underline; } .bigcheck { margin-top: 13px; font-weight: 100; } .bigcheck label { font-weight: inherit; font-size: inherit; line-height: 21px; font-size: 13px; font-weight: 600; } .bigcheck [type="checkbox"]:not(:checked), .bigcheck [type="checkbox"]:checked { position: absolute; left: -9999px; } .bigcheck [type="checkbox"]:not(:checked) + label, .bigcheck [type="checkbox"]:checked + label { position: relative; padding-left: 2.2em; cursor: pointer; } .bigcheck [type="checkbox"]:not(:checked) + label, .bigcheck [type="checkbox"]:checked + label { padding-top: 2px; } .bigcheck [type="checkbox"]:not(:checked) + label:before, .bigcheck [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0; width: 23px; height: 23px; border-radius: 4px; } .bigcheck [type='checkbox']:not(:checked) + label::after, .bigcheck [type='checkbox']:checked + label::after { content: ""; position: absolute; top: 4px; left: 4px; width: 15px; height: 15px; transition: all .2s; border-radius: 2px; } .bigcheck [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .bigcheck [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } .bigradio { margin-top: 5px; margin-bottom: 5px; float: left; min-width: 11em; } .typeRequest .bigradio { margin-top: -2px; } .bigradio label { font-size: 14px; font-weight: 200; } .bigradio [type="radio"]:checked, .bigradio [type="radio"]:not(:checked) { position: absolute; left: -9999px; } .bigradio [type='radio']:checked + label, .bigradio [type='radio']:not(:checked) + label { position: relative; padding-left: 30px; cursor: pointer; line-height: 23px; display: inline-block; } .bigradio [type='radio']:checked + label { font-weight: 600; } .bigradio [type='radio']:not(:checked) + label { font-weight: 600; } .bigradio [type='radio']:checked + label::before, .bigradio [type='radio']:not(:checked) + label::before { content: ""; position: absolute; left: 0px; top: 0px; width: 23px; height: 23px; border-radius: 100%; } .bigradio [type='radio']:checked + label::after, .bigradio [type='radio']:not(:checked) + label::after { content: ""; width: 13px; height: 13px; position: absolute; top: 5px; left: 5px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .bigradio [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .bigradio [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .popup#popupcontact, .popup#popupFAQ, .popup#popupReport { right: -30px; position: fixed; top: 39px; z-index: 3000; box-sizing: border-box; padding: 3px; width: 490px; padding: 0px; height: 533px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; transition: right 0.3s ease-in; padding-top: 5px; border-radius: 0px; margin-bottom: 5px; } .popup#popupReport { top: 68px; height: 587px; right: 101px; width: 445px; outline: 0px; } #popupcontact .mainaccount, #popupFAQ .mainaccount, .popup#popupReport .mainaccount { display: block; width: 470px; border-bottom-left-radius: 0px; height: 503px; margin-top: -38px; } .popup#popupReport .mainaccount { width: 439px; background-color: transparent; } #popupcontact.popup.CLOSE, #popupFAQ.popup.CLOSE, #popupReport.popup.CLOSE { right: -510px; } .popup#popupcontact #cancelContact, .popup#popupReport #cancelContact { margin-right: 220px; border: 0px; background: none; } .popup#popupcontact #cancelContact:hover, .popup#popupReport #cancelContact:hover { background: transparent !important; box-shadow: none !important; } #popupcontact .icon-alert, #popupFAQ .icon-alert { display: block; position: absolute; top: 0px; left: 8px; position: relative; display: block; text-indent: -9999px; width: 146px; height: 77px; background-image: url("../img/home/escript.png"); background-size: 146px 77px; } #popupReport .icon-alert { display: block; position: absolute; top: -4px; left: -1px; position: relative; display: block; text-indent: -9999px; width: 100%; height: 71px; background-image: url(../img/eScript_X/back_logo3.png); background-size: 89px 71px; background-repeat: no-repeat; } #popupReport .size-account .email { font-size: 17px; line-height: 21px; width: 100%; display: block; margin-bottom: 12px; } #popupReport .size-account { margin-top: -35px; } #popupcontact #contactUs, #popupReport #ReportUs { display: inline-block; position: relative; ruby-overhang: auto; height: auto; width: 430px; padding: 20px; padding-top: 0px; padding-bottom: 0px; } #popupcontact .big-text { font-weight: normal; font-size: 32px; display: block; text-align: right; line-height: 40px; margin-bottom: 10px; margin-right: 22px; } #popupReport .big-text { font-weight: normal; font-size: 22px; display: block; text-align: right; line-height: 102px; margin-bottom: -24px; margin-right: 22px; } #popupcontact .mb5, #popupReport .mb5 { margin-bottom: 5px !important; } #popupcontact .mail.large, #popupReport .mail.large { background: #fff url(../img/ico-mail.png) 8px 11px no-repeat; padding-left: 30px; min-width: 369px; } #popupcontact .large, #popupReport .large { min-width: 393px; } #popupcontact .input-classic { padding: 1px 2px 0px 5px; height: 30px; line-height: 30px; font-size: 21px; font-weight: 500; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; } #popupReport .input-classic { padding: 1px 2px 2px 5px; height: 24px; line-height: 15px; font-size: 18px; font-weight: 500; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; font-family: inherit; } #popupReport .input-classic.combo { height: 31px; font-size: 15px; width: calc(100% - 99px); } #popupReport .input-classic.combo { background: none; padding: 0; border-radius: 0px; box-shadow: none; } #popupReport textarea.input-classic { height: 150px !important; font-size: 13px; width: calc(100% - 99px); } #popupReport #cancelReport, #popupReport #sendReport { float: right; width: 200px; transition: box-shadow 0.2s linear; font-weight: 600 !important; width: auto; height: 42px; font-size: 14px !important; line-height: 28px; border: 0; padding: 0; text-transform: uppercase; padding: 5px 16px; } #popupReport #cancelReport { float: left; margin-left: 32px; } #popupcontact #Contact-Question, #popupReport #Contact-Question { font-size: 13px; height: 65px; padding: 0; padding-left: 5px; line-height: 17px; } #popupcontact .label-account, #popupReport .label-account { font-size: 0.8em; font-weight: 600; width: 204px; display: inline-block; padding-right: 7px; font-family: inherit; } #popupcontact .mb0, #popupReport .mb0 { margin-bottom: 0px !important; } #popupcontact .pb0, #popupReport .pb0 { padding-bottom: 0px !important; } #popupcontact .size-end-account, #popupReport .size-end-account { width: 432px; } #popupReport .size-end-account, #popupReport .menu-main { width: 100%; } #popupcontact .size-end-account .waitingemail, #popupReport .size-end-account .waitingemail { display: none; width: 100%; text-align: center; } #popupcontact .menu-main, #popupReport .menu-main { position: relative; display: block; text-align: center; float: right; margin-right: 31px; } #popupReport .menu-main { width: 100%; margin: 0; } #popupcontact .small-text, #popupReport .small-text { padding-left: 5px; font-weight: normal; font-size: 13px; display: block; padding-bottom: 10px; } #popupcontact .size-account, #popupReport .size-account { width: 500px; margin-left: auto; margin-right: auto; } #popupcontact .message, #popupReport .message { position: relative; font-size: 14px; margin: 0px 0px 15px 0px; padding: 15px; border-radius: 0; width: 370px; } #popupReport .message { margin: 0px 0px 41px 0px; } #popupFAQ.popup { top: 19px; } .popup#popupFAQ { height: 100%; } #popupFAQ .cancelContact { margin-right: 220px; border: 0px; background: none; } #popupFAQ .cancelContact :hover { background: transparent !important; text-decoration: underline; } #popupFAQ .icon-alert { top: 10px; } #popupFAQ .text { font-size: 1em; font-weight: 500; line-height: 20px; height: calc(100% - 84px); margin: 0; padding: 0; overflow-y: auto; overflow-x: hidden; } #popupFAQ iframe { border: 0px; width: 462px; height: calc(100% - 4px); margin: 0; padding: 0; } #FAQ { height: 100%; } #popupFAQ .mainaccount { height: calc(100% - 24px); } #popupFAQ .big-text { font-weight: normal; font-size: 32px; display: block; text-align: right; line-height: 40px; margin-right: 37px; } .WaitingBar { width: 25%; height: auto; position: absolute; top: 50%; top: calc(50% - 38px); border-radius: 0; box-sizing: border-box; z-index: 5000; display: none; left: 40%; } .WaitingBar.WIDE { width: 100% !important; left: 0px; top: 0px; height: 100% !important; } .WaitingBar.ULTRAWIDE { width: 80%; left: 10%; } .WaitingBar.SHOW { display: block !important; } .WaitingBar .messageBar { text-align: left; position: absolute !important; display: inline-block !important; top: 14px; font-size: 19px; } .WaitingBar.WIDE .messageBar { top: 22px; font-size: 30px; } .WaitingBar.ULTRAWIDE .messageBar { top: 36px; font-size: 30px; } .WaitingBar.WIDE .bar { height: 32px; width: 430px; padding: 3px; border-radius: 32px; transform: rotate(45deg); left: calc(50% - 533px); top: calc(50% - 19px); } .WaitingBar.ULTRAWIDE .bar { height: 84px; width: calc( 100% - 42px); padding: 11px; border-radius: 0; } .WaitingBar .bar span { display: inline-block; height: 100%; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-image: linear-gradient( -45deg, #225d5f 25%, transparent 25%, transparent 50%, #225d5f 50%, #225d5f 75%, transparent 75%, transparent ); -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; -ms-background-size: 50px 50px; background-size: 50px 50px; -webkit-animation: move 2s linear infinite; -moz-animation: move 2s linear infinite; -ms-animation: move 2s linear infinite; animation: move 2s linear infinite; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 19px; overflow: hidden; } .WaitingBar.bar > span:after { display: none; } @-webkit-keyframes move { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } } @-moz-keyframes move { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } } @-ms-keyframes move { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } } @keyframes move { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } } .WaitingBar .hover_bg { bottom: 0px; height: 100%; left: 0px; position: fixed; right: 0px; top: 0px; width: 100%; z-index: 2500; opacity: 1; } .WaitingBar .hover_bg span { position: fixed; } .WaitingBar .copyright { font-size: 14px; font-weight: 700; bottom: 6px; top: auto !important; left: auto !important; right: 50px; } .copyrightD { position: fixed; font-size: 12px; bottom: 0px; left: 4px !important; width: 100%; z-index: 5000; } .copyrightE { position: fixed; font-size: 12px; bottom: 53px; left: 5px !important; } .copyrightA { position: fixed; font-size: 12px; bottom: 20px; left: 215px !important; } .copyrightDB { position: fixed; font-size: 12px; bottom: 1px; left: 7px !important; } .WaitingBar .messageBar { top: 18px; z-index: 3001; } .WaitingBar .bar { z-index: 3000; position: relative; } .WaitingBar.WIDE .messageBar { top: calc(50% - 168px); font-size: 27px; font-family: inherit; left: calc(50% - 189px); width: 663px; } .WaitingBar.WIDE .version { top: calc(50% + 120px); left: calc(50% + 16px); font-size: 16px; z-index: 3021; display: block; } .WaitingBar.ULTRAWIDE .messageBar { top: 39px; font-size: 36px; } .WaitingBar .ic-BigSims { position: fixed; top: calc(50% - 166px); left: calc(50% - 480px); background: url("../img/WaitScreen/escript.png") no-repeat transparent; display: block; width: 655px; height: 333px; } .ACTIONSBar { width: 100%; height: 30px; position: absolute; box-sizing: border-box; z-index: 500; display: none; top: 43px; left: 0px; text-align: right; } .CXBar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-image: -webkit-linear-gradient( -45deg, #225d5f 25%, transparent 25%, transparent 50%, #225d5f 50%, #225d5f 75%, transparent 75%, transparent ); background-image: -moz-linear-gradient( -45deg, #225d5f 25%, transparent 25%, transparent 50%, #225d5f 50%, #225d5f 75%, transparent 75%, transparent ); background-image: -ms-linear-gradient( -45deg, #225d5f 25%, transparent 25%, transparent 50%, #225d5f 50%, #225d5f 75%, transparent 75%, transparent ); background-image: linear-gradient( -45deg, #225d5f 25%, transparent 25%, transparent 50%, #225d5f 50%, #225d5f 75%, transparent 75%, transparent ); -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; -ms-background-size: 50px 50px; background-size: 50px 50px; -webkit-animation: move 2s linear infinite; -moz-animation: move 2s linear infinite; -ms-animation: move 2s linear infinite; animation: move 2s linear infinite; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0px; overflow: hidden; } .CXBar { width: 100%; height: 33px; position: absolute; box-sizing: border-box; z-index: 200; display: none; top: 48px; left: 0px; text-align: right; } .CXBar.SHOW, .ACTIONSBar.SHOW { display: block !important; } .CXBar .back, .ACTIONSBar .back { font-size: 13px; text-align: right; width: 100%; height: 30px; } .CXBar .messageBar, .ACTIONSBar .messageBar { z-index: 3001; position: relative; text-align: right; line-height: 30px; padding-right: 350px; } .CXBar .messageBar { z-index: 3001; position: relative; text-align: right; line-height: 30px; padding-right: 350px; font-weight: 700; } .anotherUser { width: 425px; min-width: 425px; height: 108px; position: fixed; border-radius: 0; box-sizing: border-box; z-index: 5000; display: block; top: -6px; padding: 10px; visibility: visible; opacity: 1; transition: top ease-in-out 0.5s; right: 240px; } .anotherUser.validated { top: -74px; } .anotherUser .title { font-size: 12px; line-height: 15px; } .anotherUser .btnPlace { position: absolute; right: 5px; bottom: 5px; } .anotherUser .L1 { width: 40%; text-align: right; font-weight: 700; display: inline-block; } .anotherUser .L2 { width: 40%; text-align: left; font-weight: 500; display: inline-block; } .anotherUser .L3 { width: 100%; text-align: left; font-weight: 700; display: inline-block; margin-top: -5px; } .anotherUser .L3 img { padding: 5px; } .alertInPlace:not(.back) { min-width: 400px; max-width: 500px; height: auto; position: absolute; box-sizing: border-box; z-index: 5000; display: block; left: 250px; top: 250px; padding: 10px; border-radius: 5px; visibility: visible; opacity: 1; background-size: 40px 40px; background-repeat: no-repeat; background-position: 5px 5px; } :not(.back).jsInPlace { min-width: 400px; max-width: 500px; height: auto; position: absolute; border-radius: 0; box-sizing: border-box; z-index: 5000; display: block; left: 250px; top: 250px; visibility: visible; opacity: 1; } .alertInPlace.SHOW, .jsInPlace.SHOW { display: block !important; } .alertInPlace img, .jsInPlace img { padding-right: 10px; } .alertInPlace .message, .jsInPlace .message { text-align: center; width: 100%; position: absolute !important; display: inline-block !important; top: 14px; font-size: 20px; } .alertInPlace .title { cursor: move; font-size: 14px; font-weight: 500; display: inline-block; min-width: 335px; max-width: 460px; padding-top: 8px; padding-left: 42px; line-height: 20px; } .jsInPlace .title { cursor: move; font-size: 13px; font-weight: 700; display: inline-block; min-width: 335px; height: 26px; padding-left: 12px; padding-top: 5px; width: 100%; } .CodeMirror pre { font-size: 13px !important; } .alertInPlace .title.Q, .jsInPlace .title.Q { position: relative; top: 5px; font-size: 13px; } .alertInPlace .title.Q { position: relative; top: 14px; font-size: 12px; font-weight: 200; left: 14px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .alertInPlace .btnPlace, .jsInPlace .btnPlace { width: 100%; position: relative; margin-top: 10px; margin-left: auto; margin-right: auto; text-align: right; z-index: 5000; } .alertInPlace.back, .jsInPlace.back { bottom: 0px; height: 100%; left: 0px; position: fixed; right: 0px; top: 0px; width: 100%; z-index: 2500; opacity: 1; } .alertInPlace .sims-button.small, .jsInPlace .sims-button.small { font-size: 15px !important; font-weight: 500 !important; padding: 4px 12px 6px 12px !important; margin-left: 10px; } .alertInPlace .sims-button.small, .jsInPlace .sims-button.small { margin-right: 10px; } .alertInPlace input, .jsInPlace input { z-index: 5000; font-family: inherit; box-sizing: border-box; display: block; width: 333px; padding: 3px 0px 4px 0.4em; font-size: 1em; background-image: none; border-radius: 0; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; position: relative; margin: 15px; } .alertInPlace input[type=text]:focus, .alertInPlace input[type=email]:focus, .alertInPlace textarea:focus, .jsInPlace input[type=text]:focus, .jsInPlace input[type=email]:focus, .jsInPlace textarea:focus { outline: 0 !important; } .alertInPlace .inputParam, .jsInPlace .inputParam { width: 137px; margin: 5px; float: left; padding: 0px 0px 2px 0.3em; font-size: 0.8em; } .alertInPlace .inputValue, .jsInPlace .inputValue { width: 310px; margin: 5px; float: right; padding: 0px 0px 2px 0.3em; font-size: 0.8em; } .externalPop, .externalPopCX { min-width: 500px; position: absolute; border-radius: 0; box-sizing: border-box; z-index: 5000; display: block; visibility: visible; opacity: 1; left: 50%; left: calc(50% - 250px); top: 65px; width: 521px; height: 340px; height: calc(100% - 123px); overflow: hidden; } .externalPop .title { font-weight: 700; font-family: inherit; padding: 5px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 0; border-top-right-radius: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: move; margin-top: -1px; margin-left: -1px; width: 100%; display: inline-block; } .externalPopCX .title { font-weight: 700; font-family: inherit; padding: 5px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 0; border-top-right-radius: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: move; margin-top: -1px; margin-left: -1px; width: 100%; display: inline-block; } .externalPop a, .externalPopCX a { position: absolute; top: -7px; right: 4px; width: 15px; cursor: pointer; font-size: 25px; font-weight: 600; } .externalPop iframe { border: 0px; width: 540px; height: 100%; } .externalPopCX iframe { border: 0px; width: 100%; height: 100%; } .external.SHOW { display: block !important; } .external.back { background-color: transparent; bottom: 0px; height: 100%; left: 0px; position: fixed; right: 0px; top: 0px; width: 100%; z-index: 2500; opacity: 1; } .placeScript { position: relative; margin-top: 106px; width: 58%; display: inline-block; font-size: 13px; margin-bottom: 50px; } .placeScript ul { list-style: none; } .placeScript ul.first { margin: 10px; padding: 20px; margin-top: 50px; } .placeScript ul li { border-radius: 0; padding: 10px; width: 290px; display: inline-block; height: 190px; position: relative; float: left; margin: 10px; cursor: pointer; margin-left: auto; } .placeScript ul li.first { border: 0; width: 100%; float: none; display: block; height: 50px; font-size: 1.5em; border: 0px; margin: 0; padding: 0; cursor: default; margin-top: 38px; margin-bottom: 30px; } .placeScript ul.first span.less { font-size: 0.7em; font-weight: 500; margin-bottom: 20px; } .placeScript ul.first .content { width: 100%; text-align: center; padding-top: 65px; position: relative; padding-bottom: 61px; border-radius: 5px; } .placeScript ul.first .content span { font-size: 1em; font-weight: 500; position: relative; top: -2px; } .placeScript ul li.recent, .placeScript ul li.older { float: none; display: inline; height: 30px; font-size: 1.5em; border: 0px; margin: 0; padding: 0; width: 100%; margin-top: 33px; } .placeScript ul li.recent div.add { float: right; background-image: url(../img/plus-24-000000.png); background-repeat: no-repeat; height: 24px; border-radius: 50%; width: 26px; height: 26px; background-position: 1px; transition: transform 0.2s; } .placeScript ul li.recent div.add.OPEN { transform: rotate(45deg); } .placeScript ul li.recent .add:hover { background-image: url(../img/plus-24-000000Over.png); } .placeScript ul li.recent div.scriptinfo { display: flex; height: 45px; max-height: 0px; opacity: 0; transition: all 0.2s ease-in-out; padding-right: 9px; padding-top: 9px; } .placeScript ul li.recent div.scriptinfo.OPEN { max-height: 45px; opacity: 1; margin-top: 16px; margin-bottom: 10px; } .placeScript ul li.recent div.scriptinfo span { width: 50%; text-align: right; font-size: 18px; padding-right: 10px; padding-top: 4px; } .placeScript ul li.recent div.scriptinfo button { width: 130px; height: 34px; font-size: 13px !important; } .placeScript ul li.recent div.scriptinfo input { width: 50%; text-align: left; padding: 1px 1px 1px 6px; height: 30px; line-height: 30px; font-size: 21px; font-weight: 500; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; margin-right: 5px; } .placeScript ul li.recent:hover, .placeScript ul li.older:hover { border: 0; background-color: transparent; } .placeScript ul li.short:hover > .content .delete { display: block; } .placeScript ul li.short { height: 83px; } .placeScript ul li.older { display: -ms-flexbox; display: flex; display: flexbox; width: 100%; } .placeScript ul li span { float: left; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .placeScript ul li .dateC, .placeScript ul li .dateM { font-size: 0.8em; } .placeScript ul li .dateC { margin-top: 5px; } .placeScript ul li .grp { float: right; font-size: 0.8em; width: auto; padding-right: 10px; } .placeScript ul li .comment { margin-top: 9px; font-size: 0.8em; display: inline-block; float: left; width: 97%; height: 102px; overflow-y: auto; } .placeScript ul li.short .comment { display: none; } .placeScript ul li [data-act=edit] { position: absolute; bottom: 5px; right: 5px; z-index: 200; } .placeScript ul li [data-act=view] { position: absolute; bottom: 5px; right: 75px; z-index: 200; } .placeScript ul li [data-act=view].sims-button.small { margin-right: 12px; } .placeScript ul li .preview { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0; overflow: hidden; opacity: 0.2; } .placeScript ul li .preview .short { display: none !important; } .placeScript ul li .preview iframe { height: calc(190px * 4); width: calc(290px * 3); overflow: hidden; border: 0; transform: scale(0.33); transform-origin: 0px 0px; margin-top: -3px; margin-left: -3px; } .placeScript ul li .content { position: absolute; left: 5px; top: 0px; width: 100%; height: 100%; z-index: 10; } .placeScript ul li .delete { float: right; display: none; background-image: url(../img/close.png); background-repeat: no-repeat; height: 16px; width: 16px; height: 16px; right: -4px; position: absolute; top: -8px; } .newplaceScript.SCRIPT, .newplaceScript.INTERFACE, .newplaceScript.DATABASE, .newplaceScript.MONITORING, .newplaceScript.STATISTICS, .newplaceScript.ACCOUNT, .newplaceScript.MEDIAS { display: none; position: relative; margin-top: 17px; width: 59%; min-width: 930px; font-size: 13px; margin-bottom: 50px; vertical-align: top; z-index: 0; font-weight: 100; } .newplaceScript.DATABASE, .newplaceScript.SCRIPT, .newplaceScript.INTERFACE, .newplaceScript.MONITORING, .newplaceScript.STATISTICS, .newplaceScript.ACCOUNT, .newplaceScript.MEDIAS { margin-top: 0px; } .newplaceScript.MONITORING, .newplaceScript.STATISTICS, .newplaceScript.ACCOUNT, .newplaceScript.MEDIAS { margin-bottom: 0px; } .newplaceScript.MEDIAS { height: 100%; } #iframeMonitoring { width: 100%; height: 100%; margin-top: 0px; background-color: transparent; } #iframeMedias { width: 100%; height: 100%; margin-top: 0px; background-color: transparent; display:none;} .newplaceScript.SCRIPT ul.first { margin: 10px; padding: 20px; } .newplaceScript.SCRIPT ul li.first { border: 0; width: 100%; float: none; display: block; height: 60px; font-size: 23px; border: 0px; margin: 0; padding: 0; cursor: default; margin-top: 38px; text-align: left; font-weight: 400; } .newplaceScript.SCRIPT ul.first span.less { font-weight: 200; padding-top: 28px; line-height: 73px; display: inline-block; font-size: 20px; } .newplaceScript.SCRIPT ul.first .content { width: 100%; text-align: center; margin-top: 81px; } .newplaceScript.SCRIPT ul.first .content span { font-size: 1em; font-weight: 500; position: relative; top: -2px; } .newplaceScript .new-grpscript, .newplaceScript .new-database, .newplaceScript .new-interface { width: 710px; display: block; float: none; height: 54px; margin-left: 0px; transition: all 0.2s linear; padding-top: 5px; overflow: hidden; position: relative; margin-bottom: 11px; border-radius: 5px; border: 1px solid transparent; padding: 5px; margin-top: -20px; visibility: visible; } .newplaceScript .new-grpscript, .newplaceScript .new-interface { margin-bottom: 0px; margin-top: 10px; } .newplaceScript .new-grpscript.hid, .newplaceScript .new-database.hid, .newplaceScript .new-interface.hid, .newplaceScript .new-searchscript.hid { visibility: hidden; height: 0px; margin: 0; padding: 0; } .newplaceScript .new-grpscript div.add, .newplaceScript .new-database div.add, .newplaceScript .new-interface div.add { cursor: pointer; position: relative; top: -6px; float: left; height: 40px; height: 40px; padding-left: 44px; font-size: 15px; font-weight: 100; line-height: 34px; } .newplaceScript .new-grpscript:not(.OPEN) div.add:hover > span, .newplaceScript .new-database:not(.OPEN) div.add:hover > span, .newplaceScript .new-interface:not(.OPEN) div.add:hover > span { opacity: 1; } .newplaceScript .new-grpscript.OPEN div.add span, .newplaceScript .new-database.OPEN div.add span, .newplaceScript .new-interface.OPEN div.add span { display: none; } .newplaceScript .new-grpscript div.scriptinfo, .newplaceScript .new-database div.scriptinfo, .newplaceScript .new-interface div.interfaceinfo { position: absolute; width: auto; left: 45px; height: 32px; transition: opacity 0.2s linear; opacity: 0; } .newplaceScript .new-grpscript div.scriptinfo.OPEN, .newplaceScript .new-database div.scriptinfo.OPEN, .newplaceScript .new-interface div.interfaceinfo.OPEN { opacity: 1; } .newplaceScript .new-grpscript.OPEN div.add, .newplaceScript .new-database.OPEN div.add, .newplaceScript .new-interface.OPEN div.add { transition: opacity 0.2s linear; background-repeat: no-repeat; height: 29px; width: 28px; margin-left: 2px; top: 3px; background-position: 0 0; opacity: 0.9; background-size: 30px 30px; } .newplaceScript .new-grpscript.OPEN div.add:hover, .newplaceScript .new-database.OPEN div.add:hover, .newplaceScript .new-interface.OPEN div.add:hover { opacity: 1; } .newplaceScript .new-grpscript div.scriptinfo span, .newplaceScript .new-database div.scriptinfo span, .newplaceScript .new-interface div.interfaceinfo span { text-align: right; font-size: 16px; padding-right: 10px; width: auto; display: inline-block; text-overflow: ellipsis; white-space: nowrap; height: 32px; line-height: 28px; text-transform: none; font-weight: 500; } .newplaceScript .new-grpscript div.scriptinfo span, .newplaceScript .new-interface div.interfaceinfo span{ position:relative;top:-4px;} .newplaceScript .new-grpscript div.scriptinfo button, .newplaceScript .new-database div.scriptinfo button, .newplaceScript .new-interface div.interfaceinfo button { padding-top: 0px; position: relative; top: 0px; padding: 0; margin-left: -3px; float: right; margin-right: 44px; min-width: 100px; } .newplaceScript .new-grpscript div.scriptinfo input, .newplaceScript .new-database div.scriptinfo input, .newplaceScript .new-interface div.interfaceinfo input { width: auto; min-width: 376px; text-align: left; padding: 1px 1px 1px 6px; height: 32px !important; line-height: 29px; font-size: 15px; font-weight: 500; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0px; background-clip: padding-box; margin-right: 7px; position: relative; top: 0; display: inline-block; } .newplaceScript .new-grpscript.OPEN, .newplaceScript .new-database.OPEN, .newplaceScript .new-interface.OPEN { width: calc(100% - 136px); } .newplaceScript .new-grpscript div.add span, .newplaceScript .new-database div.add span, .newplaceScript .new-interface div.add span { display: block; width: 250px; transition: opacity 0.2s linear; opacity: 0; text-align: left; padding-left: 6px; line-height: 40px; } .button-icon.ic-grpadd { background-repeat: no-repeat; height: 40px; width: 40px; background-size: 40px 40px; } .newplaceScript .new-interface .button-icon.ic-grpadd { background-repeat: no-repeat; height: 40px; width: 40px; background-size: 40px 40px; } .newplaceScript .new-database .button-icon.ic-grpadd { background-repeat: no-repeat; height: 40px; width: 40px; background-size: 40px 40px; } .newplaceScript .new-searchscript { width: 710px; display: block; float: none; height: 45px; margin-left: 7px; transition: all 0.2s linear; padding-top: 5px; overflow: hidden; position: relative; margin-bottom: 4px; border-radius: 5px; border: 1px solid transparent; padding: 5px; margin-top: 10px; visibility: visible; } .newplaceScript .new-searchscript div.add { cursor: pointer; position: relative; top: -6px; float: left; height: 40px; padding-left: 0px; font-size: 15px; font-weight: 100; line-height: 34px; } .newplaceScript .new-searchscript:not(.OPEN) div.add:hover > span { opacity: 1; } .newplaceScript .new-searchscript.OPEN div.add span { display: none; } .newplaceScript .new-searchscript div.scriptsearch { width: 100%; height: 32px; opacity: 0; text-align: left; } .newplaceScript .new-searchscript div.scriptsearch.OPEN { opacity: 1; } .newplaceScript .new-searchscript.OPEN div.add { transition: opacity 0.2s linear; background-repeat: no-repeat; height: 31px; width: 30px; margin-left: 0px; top: 0px; background-position: -4px 0; opacity: 0.8; background-size: 30px 30px; } .newplaceScript .new-searchscript.OPEN div.add:hover { opacity: 1; } .newplaceScript .new-searchscript div.scriptsearch span { text-align: right; font-size: 21px; padding-right: 10px; width: calc(100% - 436px); display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 32px; line-height: 24px; text-transform: none; } .newplaceScript .new-searchscript div.scriptsearch button { font-weight: 100 !important; text-transform: none; padding-top: 0px; width: 130px; height: 44px; font-size: 16px !important; line-height: 27px; position: relative; top: -6px; border: 0; padding: 0; margin-left: -3px; text-transform: uppercase; float: right; margin-right: 44px; } .newplaceScript .new-searchscript div.scriptsearch input { width: calc(50% + 22px); text-align: left; padding: 0px 1px 2px 4px; line-height: 21px; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0px; background-clip: padding-box; margin-right: 0px; position: relative; top: -5px; display: inline-block; left: 0; margin: 0; } .newplaceScript .new-searchscript.OPEN { width: calc(100% - 160px); } .newplaceScript .new-searchscript div.add span { display: block; width: 250px; transition: opacity 0.2s linear; opacity: 0; text-align: left; padding-left: 6px; line-height: 40px; } .button-icon.ic-search { background-repeat: no-repeat; height: 40px; width: 40px; background-size: 40px 40px; } .grp-container { position: relative; z-index: 1999; overflow-y: auto; width: calc(100% - 12px); height: calc(100% + 45px); display: block; } .newplaceScript.MONITORING, .newplaceScript.MONITORING .grp-container, .newplaceScript.MEDIAS .grp-container { height: 100% } .grp-container .buttons { overflow: hidden; height: 100%; } .grp-container .buttons-inner { overflow: hidden; transition: all linear .5s; position: relative; left: -1px; top: 0px; height: 100%; } /*.grp-container .grp-object { border-radius: 5px; overflow: hidden; vertical-align: middle; width: 140px; height: 100px; float: left; display: block; margin: 5px 0 0 5px; position: relative; transition: border 0.3s linear, background-color 0.2s linear; border: 1px solid transparent; } */ .grp-container .grp-object { border-radius: 0; overflow: hidden; vertical-align: middle; width: 140px; height: 100px; float: left; display: block; margin: 8px 0 0px 30px; position: relative; transition: border 0.3s linear, background-color 0.2s linear; border: 1px solid transparent; } .ic-movescript { background-repeat: no-repeat; background-size: 24px 24px; border: 0; background-color: transparent; display: inline-block; width: 30px !important; height: 24px !important; } /*.grp-container .grp-object.OPEN { border: 0; width: 100%; overflow-y: hidden; border-radius: 5px; height: calc(100% - 9px); background-color: transparent; padding: 0px; margin: 0px 6px 0px 6px; padding-top: 7px; } */ .grp-container .grp-object.OPEN { width: 100%; overflow-y: hidden; border-radius: 0px; height: calc(100% - 9px); min-height: 190px;background-color: transparent; padding: 0px; margin: 9px 0px 0px 1px; padding-top: 7px; border: 1px solid; } .grp-container .grp-object.OPEN.SEARCH { box-shadow: none; } newplaceScript.INTERFACE .grp-container .grp-object.OPEN { width: 50%; } .newplaceScript.SCRIPT .grp-container .grp-object.OPEN { width: calc(50% - 17px); } .newplaceScript.INTERFACE .grp-container .grp-object.OPEN { width: 100%; } .newplaceScript.INTERFACE .grp-container .grp-object.OPEN, .newplaceScript.DATABASE .grp-container .grp-object.OPEN, .newplaceScript.ACCOUNT .grp-container .grp-object.OPEN, .newplaceScript.STATISTICS .grp-container .grp-object.OPEN, .newplaceScript.MONITORING .grp-container .grp-object.OPEN, .newplaceScript.MEDIAS .grp-container .grp-object.OPEN { width: calc(100% - 10px); transition: width 0.2s linear; } .newplaceScript.INTERFACE .grp-container .grp-object.OPEN .INTERFACE, .newplaceScript.DATABASE .grp-container .grp-object.OPEN .DATABASE, .newplaceScript.ACCOUNT .grp-container .grp-object.OPEN .ACCOUNT, .newplaceScript.STATISTICS .grp-container .grp-object.OPEN .STATISTICS, .newplaceScript.MONITORING .grp-container .grp-object.OPEN .MONITORING, .newplaceScript.MEDIAS .grp-container .grp-object.OPEN .MEDIAS { width: calc(100% + 19px); transition: width 0.2s linear; } .newplaceScript.INTERFACE .grp-container .grp-object.OPEN.EDITION .INTERFACE, .newplaceScript.DATABASE .grp-container .grp-object.OPEN.EDITION .DATABASE, .newplaceScript.ACCOUNT .grp-container .grp-object.OPEN.EDITION .ACCOUNT, .newplaceScript.STATISTICS .grp-container .grp-object.OPEN.EDITION .STATISTICS, .newplaceScript.MONITORING .grp-container .grp-object.OPEN.EDITION .MONITORING, .newplaceScript.MEDIAS .grp-container .grp-object.OPEN.EDITION .MEDIAS { width: 30%; float: left; } .newplaceScript.INTERFACE .grp-container .grp-object.OPEN .INTERFACEEDITION, .newplaceScript.DATABASE .grp-container .grp-object.OPEN .DATABASEEDITION { width: 0%; transition: width 0.2s linear; } .newplaceScript.INTERFACE .grp-container .grp-object.OPEN .INTERFACEEDITION { height: 0px; } .newplaceScript.INTERFACE .grp-container .grp-object.OPEN.EDITION .INTERFACEEDITION, .newplaceScript.DATABASE .grp-container .grp-object.OPEN.EDITION .DATABASEEDITION { width: calc(70% - 6px); float: left; margin-top: 35px; height: calc(100% - 20px); } .dropCDE { cursor: move; display: block; border-radius: 0; font-size: 14px; text-align: center; line-height: 1em; padding: 8px; height: 46px; font-weight: 600; padding-left: 7px; min-width: 200px; text-align: left; border-radius: 2px; padding-right: 19px; } .dropCDE div.moveto { position: absolute; top: 1px; right: 10px; font-size: 10px; white-space: nowrap; font-weight: 100; } .grp-container .grp-object.OPEN a .tooltip-wrapper { height: 36px; width: calc(100% + 38px); text-align: center; border-radius: 0px; margin-left: 0px; } .grp-container .grp-object.OPEN[data-type="database"] a .tooltip-wrapper { width: calc(100% + 80px); } .grp-container .grp-object.OPEN[data-type="adddatabase"] a .tooltip-wrapper { width: calc(100% + 76px); } .grp-container .grp-object.OPEN[data-type="editordatabase"] a .tooltip-wrapper { width: calc(100% + 100px); margin-left: 0px; } .grp-container .grp-object.OPEN[data-type="requestdatabase"] a .tooltip-wrapper { width: calc(100% + 91px); margin-left: 16px; } .INTERFACE .grp-container .grp-object.OPEN a .tooltip-wrapper { margin-left: 0px; } .INTERFACE .grp-container .grp-object.OPEN a.ic-grprecent .tooltip-wrapper { width: calc(106px + 100%); } .grp-container .grp-object.OPEN .button-text-wrapper span { font-size: 16px; text-transform: uppercase; font-weight: 600; webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* vertical-align: top; */ padding-top: 3px; padding: 0px 0px; } .grp-container .grp-object.OPEN a.ic-grprecent .tooltip-wrapper { width: calc(100% + 77px); } .grp-container .grp-object.OPEN .button-icon:not(.ic-edit) { display: none; } .grp-container .grp-object .quick-action-animate { position: absolute; width: calc(100% - 118px); height: 42px; z-index: 5000; } .grp-container .grp-object .quick-action-relative { position: relative; } .grp-object a { width: 140px; height: 100px; display: block; position: relative; text-decoration: none !important; cursor: default; } .newplaceScript.SCRIPT .grp-object a, .newplaceScript.INTERFACE .grp-object a { cursor: pointer; } .grp-object.OPEN a { width: 100%; } .grp-object a .tooltip-wrapper { position: relative; height: 96px; padding-top: 0px; } .grp-object a .button-icon { background-position: center center; background-repeat: no-repeat; margin-left: 52px; margin-top: 20px; transition: margin 0.3s linear; } .button-icon { background-image: url(../img/objects-sprite_x.png?v=X.0); background-repeat: no-repeat; height: 36px; width: 36px; } .grp-object a .button-text-wrapper { width: 100%; height: 45px; position: absolute; top: 36px; display: table; transition: all 0.2s linear; } .grp-object a .button-nb-wrapper { height: 28px; position: absolute; top: 8px; display: block; font-size: 14px; left: 19px; font-weight: 200; border: 0; border-radius: 50%; width: 28px; } .grp-object .quick-action .button-nb-wrapper span { width: 100%; text-align: center; display: block; vertical-align: middle; line-height: 26px; font-size: 13px; height: 24px; overflow: hidden; text-overflow: ellipsis; } .grp-object.OPEN a .button-nb-wrapper { display: none; } .grp-object a .button-delete-wrapper { cursor: pointer; position: absolute; top: -16px; float: right; right: 4px; display: none; background-repeat: no-repeat; height: 24px; width: 24px; background-size: 24px 24px; opacity: 0.5; } .grp-object a .button-delete-wrapper:hover { opacity: 1; } .grp-object .quick-action span { width: 90%; text-align: center; display: table-cell; vertical-align: middle; line-height: 1em; font-size: 13px; height: 50px; overflow: hidden; text-overflow: ellipsis; font-weight: 400; } .grp-object.OPEN .quick-action span { text-align: left; } .grp-object.OPEN .button-text-wrapper { top: -7px; left: 5px; text-align: left; font-weight: 700; width: calc(-86px + 100%); } .grp-object.OPEN .button-text-wrapper span { font-weight: 600 !important } div.INTERFACE .grp-object.OPEN .button-text-wrapper, div.SCRIPT .grp-object.OPEN .button-text-wrapper { left: 5px; } .grp-object a.ic-grprecent .button-icon, .grp-object a.ic-grp .button-icon, .grp-object a.ic-grpopen .button-icon { background-repeat: no-repeat; height: 40px; width: 40px; background-size: 40px 40px; } .INTERFACE .grp-object a.ic-grprecent .button-icon { background-image: none; } .DATABASE .grp-object a .button-icon { background-image: none; } .CTI .grp-object a .button-icon { background-image: none; } .grp-object a.ic-grprecent .button-nb-wrapper { display: none; } :not(.OPEN).grp-object:hover { background-color: transparent; } .grp-object:not(.OPEN):hover .quick-action span { font-weight: 500; } .grp-object:not(.OPEN):hover a .button-delete-wrapper { display: block; } .grp-object[data-guid-grpscript=recent] a .button-delete-wrapper { display: none !important; } .grp-object[data-guid-grpscript="1"] a .button-delete-wrapper { display: none !important; } .grp-container .grp-object div.recent { float: none; display: none; height: 43px; font-size: 1.5em; border: 0px; margin: 0; padding: 0; width: 100%; margin-top: 0px; position: absolute; top: 0px; left: 0; } .grp-container .grp-object.OPEN div.recent { display: inline; } .grp-container .grp-object.OPEN div.recent.OPEN { z-index: 5100; height: 50px; width: 100%; } .grp-container .grp-object.OPEN div.recent div.add { cursor: pointer; position: absolute; background-repeat: no-repeat; height: 24px; border: 0; border-radius: 0; width: 30px; height: 30px; background-size: 30px 30px; top: 5px; background-color: transparent; opacity: 1; right: 30px; display: block; z-index: 2000; } .grp-container .grp-object.OPEN div.recent div.add:hover { opacity: 1; } .grp-container .grp-object.OPEN div.recent div.add.OPEN { position: absolute; top: 24px; right: 33px; background-size: 30px 30px; } .grp-container .grp-object.OPEN div.recent div.scriptinfo { display: block; height: 35px; transition: opacity 0.2s ease-in-out; padding-right: 0px; padding-top: 0px; width: calc(-74px + 100%); position: absolute; top: 43px; left: 2px; opacity: 0; border-radius: 5px; } .grp-container .grp-object.OPEN div.recent div.scriptinfo.OPEN { opacity: 1; } .grp-container .grp-object.OPEN div.recent div.scriptinfo span { display: none; } .grp-container .grp-object.OPEN div.recent div.scriptinfo input { width: calc(-340px + 100%); text-align: left; padding: 1px 1px 1px 6px; height: 34px !important; line-height: 34px; font-size: 15px; font-weight: 500; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0px; background-clip: padding-box; margin-right: 8px; position: relative; top: 0px; display: inline-block; font-weight: 500; outline: none; float: left; left: 8px; } .grp-container .grp-object.OPEN div.recent div.scriptinfo .addNewScript { width: auto; padding-left: 10px; padding-right: 10px; } .grp-container .grp-object.OPEN div.recent div.scriptinfo input:-ms-input-placeholder { font-weight: 500; } .grp-container .grp-object.OPEN div.recent div.scriptinfo input::-moz-placeholder { font-weight: 100; } .grp-container .grp-object.OPEN div.recent div.scriptinfo input:-moz-placeholder { font-weight: 100; } .grp-container .grp-object.OPEN div.recent div.scriptinfo button { font-weight: 600 !important; text-transform: none; padding-top: 0px; width: 86px; height: 28px; font-size: 12px !important; line-height: 29px; position: relative; top: 0px; border: 0; padding: 0; margin-left: 6px; text-transform: uppercase; float: left; margin-right: 0px; display: block; border-radius: 0px; } .grp-container .grp-object .ScriptInGrp { position: relative; margin-top: 102px; width: calc(100% - 21px); display: inline-block; font-size: 14px; margin-bottom: 10px; overflow-y: auto; height: calc(100% - 60px); z-index: 5000; overflow-x: hidden; } .grp-container .grp-object .ScriptInGrp::-webkit-scrollbar, .PlaceForIframe .windowsContent ul::-webkit-scrollbar { width: 15px; } .grp-container .grp-object .ScriptInGrp::-webkit-scrollbar-thumb, .PlaceForIframe .windowsContent ul::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; border-radius: 0px; } .grp-container .grp-object .ScriptInGrp.EDITORDATABASE { width: calc(-9px + 100%); left: -12px; } .grp-container .grp-object.OPEN .ScriptInGrp { margin-top: 36px; } .grp-container .grp-object.OPEN .ScriptInGrp.SCRIPT.OPEN { margin-top: 84px; } .ScriptInGrp ul { list-style: none; } .ScriptInGrp ul.first { margin: 10px; padding: 20px; } .ScriptInGrp ul li { border-radius: 0px; padding: 0px; width: 100%; display: block; height: 190px; position: relative; margin-left: auto; transition: background-color linear 0.2s; overflow: hidden; } .ScriptInGrp ul li.first { border: 0; width: 100%; float: none; display: block; height: 50px; font-size: 1.5em; border: 0px; margin: 0; padding: 0; cursor: default; margin-top: 38px; } .ScriptInGrp ul.first span.less { font-size: 0.7em; font-weight: 500; margin-bottom: 20px; } .ScriptInGrp ul.first .content { width: 100%; text-align: center; } .ScriptInGrp ul.first .content span { font-size: 1em; font-weight: 500; position: relative; top: -2px; } .ScriptInGrp ul li:not(.first):not(.recent).CLICK { height: auto; cursor: default; } .ScriptInGrp.INTERFACE ul li:not(.first):not(.recent).CLICK { height: auto; cursor: default; width: calc(100% - 20px); margin-left: 11px; } .ScriptInGrp ul li.CLICK div .name { margin-left: 0px; margin-top: -12px; font-size: 13px; line-height: 28px; width: calc(-103px + 100%); padding-left: 20px; opacity: 1; transition: opacity 0.2s linear; font-weight: 600 !important; } .ScriptInGrp.INTERFACE ul li.CLICK div .name, .ScriptInGrp.SCRIPT ul li.CLICK div .name, .ScriptInGrp.DATABASE ul li.CLICK div .name { cursor: pointer; background-repeat: no-repeat; background-size: 28px 25px; background-position: -4px 4px; } .ScriptInGrp ul li.CLICK div.content { position: relative; } .ScriptInGrp ul li { height: 32px; margin-right: -0.5px; } .ScriptInGrp ul li.noscript { height: 15px; margin-top: 20px; font-size: 15px; font-weight: 700; } .ScriptInGrp.DATABASE ul li[data-type="database"] { height: 38px; margin-left: 40px; width: calc(100% - 43px); border: 1px solid transparent; transition: border 0.2s linear; } .ScriptInGrp ul li[data-type="database"] { cursor: pointer; } .ScriptInGrp ul li[data-type="script"], #listExistingCX li[data-type="CX"], #listExistingTABLE [data-type="BASE TABLE"] { cursor: pointer; } /*[data-furnisher="plugincustomer"] [data-act="edit"] { display: none !important; } */ .ScriptInGrp ul li span:not(.H1) { float: left; width: calc(100% - 201px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-transform: none; line-height: 21px; } .ScriptInGrp ul li span:not(.H1):not(.dateM):not(.dateC) b { line-height: 23px; padding-left: 5px; font-weight: 700; font-size: 1em; padding-left: 16px; } .ScriptInGrp ul li span:not(.H1).name b .CXERROR { padding-left: 26px; } .ScriptInGrp ul li b .CXERROR { background-repeat: no-repeat; background-size: 15px 15px; background-position: 9px 0px; } .ScriptInGrp ul li.CLICK span:not(.H1) b { font-weight: 600; font-size: 17px; } .ScriptInGrp ul li.OPEN span:not(.H1) b { line-height: 32px; } .ScriptInGrp ul li .dateC, .ScriptInGrp ul li .dateM { margin-top: -1px; float: right !important; width: 159px !important; right: 10px; position: relative; font-size: 10px; text-align: right; } .ScriptInGrp ul li.CLICK .dateC, .ScriptInGrp ul li.CLICK .dateM { display: none; } .ScriptInGrp ul li .dateC b, .ScriptInGrp ul li .dateM b { font-weight: 500; } .ScriptInGrp ul li .dateC { margin-top: -7px; } .ScriptInGrp ul li .name { padding-top: 5px; padding-left: -2px; font-size: 13px; text-align: left; font-weight: 600 !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 19px; } .ScriptInGrp ul li .name u { font-weight: 700; } .ScriptInGrp ul li .grp { float: right; font-size: 0.8em; width: auto; padding-right: 10px; } .ScriptInGrp ul li .comment { opacity: 1; display: inline-block; margin-top: 14px; font-size: 0.8em; float: left; width: 100%; overflow-y: auto; margin-left: 0px; border-radius: 5px; padding: 3px; padding-top: 14px; padding-left: 4px; height: auto; margin-left: -9px; } .ScriptInGrp ul li[data-furnisher="seeasoftware"] .comment{min-height:120px} .ScriptInGrp.INTERFACE ul li .comment { display: none; margin-top: 0px; padding: 3px; padding-top: 0px; } .ScriptInGrp.SCRIPT li.CLICK .comment { display: none; margin-top: -4px; } .ScriptInGrp.SCRIPT ul li.CLICK .comment, .ScriptInGrp.INTERFACE ul li.CLICK .comment { display: block; padding-bottom: 7px; } .ScriptInGrp.DATABASE ul li .comment { margin-top: 9px; } .ScriptInGrp.DATABASE ul li.CLICK .comment { margin-top: -13px; } .ScriptInGrp ul li .comment .wait { display: inline-block; width: 100px; height: 100px; top: 75px; left: calc(50% - 185px); position: relative; margin: 0; padding: 0; } .ScriptInGrp ul li .comment .wait .movewait { background-size: 50px 50px; width: 50px !important; height: 50px; display: block; top: -11px; left: 20px; } .ScriptInGrp ul li .comment .wait .time { font-size: 10px; } .ScriptInGrp ul li .comment .scriptInformations, .ScriptInGrp ul li .comment .interfaceInformations, .ScriptInGrp ul li .comment .databaseInformations, .ScriptInGrp ul li .comment .databaseTablesInformations, .ScriptInGrp.ADDDATABASE { padding-top: 5px; font-size: 1.1em; font-weight: 100; } .ScriptInGrp.ADDDATABASE .info_TitleCategorie { font-size: 1em; font-weight: 100; } .ScriptInGrp.ADDDATABASE li { height: auto !important; border: none !important; background-color: transparent !important; box-shadow: none !important; } .ScriptInGrp.ADDDATABASE li:hover { border: none !important; background-color: transparent !important; box-shadow: none !important; } .ScriptInGrp.REQUESTDATABASE li:not(.listdatabases) { border: 0; box-shadow: none !important; } .ScriptInGrp.REQUESTDATABASE li:not(.listdatabases):hover { box-shadow: none !important; } .ScriptInGrp ul li .comment .scriptInformations .InfoCategorie, .ScriptInGrp ul li .comment .interfaceInformations .InfoCategorie, .ScriptInGrp ul li .comment .databaseInformations .InfoCategorie, .ScriptInGrp ul li .comment .databaseTablesInformations .InfoCategorie, .ScriptInGrp.ADDDATABASE .InfoCategorie, .ScriptInGrp.EDITORDATABASE .InfoCategorie, .ScriptInGrp.REQUESTDATABASE .InfoCategorie { width: calc(100% - 8px); float: left; margin-left: 6px; margin-top: 2px; border-radius: 0; min-height: 33px; position: relative; padding-bottom: 0px; } .ScriptInGrp ul li .comment .scriptInformations .InfoCategorie { margin-top: 5px; cursor: pointer } .ScriptInGrp ul li .comment .scriptInformations .InfoCategorie iframe{display:none;} .ScriptInGrp ul li .comment .scriptInformations .InfoCategorie:not(.noview) .info_Title, .ScriptInGrp ul li .comment .scriptInformations .InfoCategorie:not(.noview) .info_Value { display: none; } .ScriptInGrp ul li .comment .scriptInformations .InfoCategorie.view:not(.noview) .info_Title, .ScriptInGrp ul li .comment .scriptInformations .InfoCategorie.view:not(.noview) .info_Value { display: block; } .ScriptInGrp.REQUESTDATABASE .InfoCategorie { background-repeat: no-repeat; background-size: 25px 25px; background-position: -2px 2px; padding-left: 20px; } .ScriptInGrp.EDITORDATABASE .InfoCategorie, .ScriptInGrp.REQUESTDATABASE .InfoCategorie { padding-bottom: 1px; } .ScriptInGrp ul li .comment .scriptInformations .info_TitleCategorie, .ScriptInGrp ul li .comment .interfaceInformations .info_TitleCategorie, .ScriptInGrp ul li .comment .databaseInformations .info_TitleCategorie, .ScriptInGrp ul li .comment .databaseTablesInformations .info_TitleCategorie, .ScriptInGrp.ADDDATABASE .info_TitleCategorie, .ScriptInGrp.REQUESTDATABASE .info_TitleCategorie, .ScriptInGrp.EDITORDATABASE .info_TitleCategorie { margin-bottom: 0px; width: 100% !important; text-align: left; padding: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; font-size: 14px; font-weight: 600 } .ScriptInGrp.EDITORDATABASE .info_TitleCategorie, .ScriptInGrp.REQUESTDATABASE .info_TitleCategorie { float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 0px; margin-top: -1px; font-size: 1.2em; font-weight: 600; padding: 11px; } .ScriptInGrp ul li .comment .scriptInformations .info_Title, .ScriptInGrp ul li .comment .interfaceInformations .info_Title, .ScriptInGrp ul li .comment .databaseTablesInformations .info_Title { width: 25% !important; text-align: right; text-transform: none; line-height: 19px; float: left; margin-left: 0px; border-width: 0px !important; border-style: solid; padding-left: 0px; margin-top: 2px; } .ScriptInGrp ul li .comment .scriptInformations .info_Title.spec, .ScriptInGrp ul li .comment .interfaceInformations .info_Title.spec, .ScriptInGrp ul li .comment .databaseInformations .info_Title.spec { width: calc(100% - 26px) !important; float: left; margin-bottom: 3px; border-right: 0px; border-style: solid; } .ScriptInGrp ul li .comment .scriptInformations .info_Title a, .ScriptInGrp ul li .comment .interfaceInformations .info_Title a, .ScriptInGrp ul li .comment .databaseInformations .info_Title a { text-transform: none; padding: 6px 5px; height: auto; width: calc(100% - 10px); overflow: hidden; text-overflow: ellipsis; text-decoration: underline !important; } .ScriptInGrp ul li .comment .scriptInformations .info_Title input, .ScriptInGrp ul li .comment .interfaceInformations .info_Title input, .ScriptInGrp.ADDDATABASE .info_Title input { outline: none; width: 100%; font-size: 11px; border: 0; padding: 2px 8px; height: 3em; } .ScriptInGrp ul li .comment .scriptInformations .info_Title input, .ScriptInGrp ul li .comment .interfaceInformations .info_Title input, .ScriptInGrp.ADDDATABASE .info_Title.b.spec input { outline: none; width: 100%; background-color: transparent; font-size: 11px; border: 0; padding: 0px 4px; text-align: left; height: 24px } .ScriptInGrp ul li .comment .scriptInformations .info_Title.spec input{ font-size:15px !important} .ScriptInGrp ul li .comment .scriptInformations .info_Title input::selection, .ScriptInGrp ul li .comment .interfaceInformations .info_Title input::selection, .ScriptInGrp.ADDDATABASE .info_Title input::selection { background: transparent; } .urlscript { background-color: transparent !important } .ScriptInGrp ul li .comment .scriptInformations .info_Title input::-moz-selection, .ScriptInGrp ul li .comment .interfaceInformations .info_Title input::-moz-selection, .ScriptInGrp ul li .comment .databaseInformations .info_Title input::-moz-selection { background: transparent; /* Gecko Browsers */; } .ScriptInGrp ul li .comment .scriptInformations .info_Title input::-ms-clear, .ScriptInGrp ul li .comment .interfaceInformations .info_Title input::-ms-clear, .ScriptInGrp ul li .comment .databaseInformations .info_Title input::-ms-clear { display: none; width: 0; height: 0; } .ScriptInGrp ul li .comment .scriptInformations .info_Title input::-ms-reveal, .ScriptInGrp ul li .comment .interfaceInformations .info_Title input::-ms-reveal, .ScriptInGrp ul li .comment .databaseInformations .info_Title input::-ms-reveal { display: none; width: 0; height: 0; } .ScriptInGrp ul li .comment .scriptInformations .InfoCategorie button.btncopy, .ScriptInGrp ul li .comment .interfaceInformations .InfoCategorie button.btncopy { background-size: 20px 24px; border: 0; background-color: transparent !important; border-radius: 0; width: 20px; height: 20px; text-align: center; background-position: 0; opacity: 1; transition: opacity 0.2s linear; margin-top: 14px; } .ScriptInGrp ul li .comment .scriptInformations img.info_Title { max-width: 89px; max-height: 90px; width: 89px !important; margin: 5px; border-radius: 0; border: 0; background-color: transparent; padding: 4px; border-radius: 4px; } .ScriptInGrp ul li .comment .scriptInformations .info_Value, .ScriptInGrp ul li .comment .interfaceInformations .info_Value, .ScriptInGrp ul li .comment .databaseTablesInformations .info_Value { width: 25% !important; text-align: left; text-transform: none; padding-left: 2px; float: left; line-height: 19px; font-size: 12px; padding-right: 2px; border-width: 0px; margin-right: 0px; border-style: solid; margin-top: 2px; font-weight: 600; } .ScriptInGrp ul li .comment .scriptInformations .info_comment, .ScriptInGrp ul li .comment .interfaceInformations .info_comment { padding-bottom: 5px; width: 100%; text-align: left; font-size: 13px; font-weight: 100; text-transform: none; padding-left: 10px; line-height: 17px; } .ScriptInGrp ul li .comment .scriptInformations .info_Value{width:75% !important} .ScriptInGrp ul li [data-act=edit] { display: none; } .ScriptInGrp ul li.CLICK [data-act=edit] { position: absolute; top: 6px; right: 35px; z-index: 200; display: block; cursor: pointer; display: block; left: auto; } .ScriptInGrp ul li .content { position: absolute; left: 0px; top: 0px; width: 100%; height: 32px; z-index: 10; } .ScriptInGrp ul li[data-type="database"] .content { overflow: hidden; } .ScriptInGrp ul li.CLICK[data-type="database"] .content { overflow: initial; } .ScriptInGrp ul li.CLICK { box-shadow: none !important; background-color: transparent !important; } .ScriptInGrp ul li.CLICK { border-top: 2px solid; margin-top: 5px; padding-top: 7px; margin-bottom: 15px; } .ScriptInGrp ul li.CLICK .content { height: 102px; } .ScriptInGrp ul li .delete { display: none; cursor: pointer; background-repeat: no-repeat; width: 28px; height: 28px; background-size: 19px 19px; position: absolute; top: 5px; float: right; right: 13px; opacity: 1; background-position-x: right; } .ScriptInGrp ul li .close { display: none; cursor: pointer; background-repeat: no-repeat; width: 28px; height: 28px; background-size: 28px 28px; position: absolute; top: -3px; float: right; left: 0px; opacity: 1; background-position-x: left; } .ScriptInGrp ul li.CLICK .delete, .ScriptInGrp ul li.CLICK .close { display: block; width: 33px; } .ScriptInGrp ul { padding: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: 20px; } .ScriptInGrp ul li button.ic-edit { background-size: 19px 19px; border: 0; background-color: transparent !important; border-radius: 0; width: 25px; height: 35px; text-align: center; background-position: 0px 0px; opacity: 1; transition: opacity 0.2s linear; } .ScriptInGrp ul li button.ic-info { background-size: 20px 20px; border: 0; background-color: transparent !important; border-radius: 5px; width: 35px; height: 35px; text-align: center; background-position: 4px 4px; opacity: 1; transition: opacity 0.2s linear; } .ScriptInGrp ul li button.ic-preview { background-position: 0 -2410px; border: 0; background-color: transparent; } .ScriptInGrp ul li button.ic-preview:hover { background-position: 0 -2446px; } .grp-container .grp-object.OPEN button:focus { outline: 0 !important; } .ScriptInGrp.REQUESTDATABASE ul.typeRequest { margin-right: 0; } .ScriptInGrp.REQUESTDATABASE ul.typeRequest li:not([data-type]) { padding: 0px 0px; margin-left: -1px; width: 100%; margin-bottom: 0px; margin-top: 12px; height: auto; } .ScriptInGrp.REQUESTDATABASE ul.typeRequest li:not([data-type]):first-child { height: 75px; } ul.checkColumn.column li, ul.checkColumn.from li { height: 24px !important; } ul.first .message#notif_message_script { position: absolute; top: 8px; width: calc(100% - 21px); margin-left: 0px; } #Create_Launch { position: relative; left: 15px; top: -5px; height: 45px !important; font-size: 14px !important; border-radius: 0; padding-top: 0px !important; font-weight: 600 !important; } #Create_Launch:hover { box-shadow: 6px 6px 9px -1px rgba(0,0,0,0.2) !important; } #FirstScriptName { padding: 0px 0px 4px 4px; height: 45px !important; line-height: 29px; font-size: 21px !important; font-weight: 200; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; width: 380px; } #_P_main_Save { font-size: 13px !important; } .contextMenu { width: 162px; max-width: 500px; height: auto; position: absolute; border-radius: 0; box-sizing: border-box; z-index: 5000; display: none; padding: 5px; overflow: hidden; padding-right: 0px; transition: width linear 0.2s; cursor: pointer; visibility: visible; opacity: 1; } .contextMenu.SHOW { display: block; } .contextMenu.OPEN { width: 400px !important; } .contextMenu span { text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 12px; line-height: 24px; width: 100%; display: block; padding-left: 2px; } .contextMenu span.line { width: 150px; display: block; } .contextMenu span.prop > .contextMenu { width: 400px; } .contextMenu div { width: 150px; padding: 3px; padding-left: 0px; } .contextMenu div.group { padding: 3px; padding-left: 0px; font-size: 15px; } .contextMenu div.ungroup { font-size: 12px; text-align: center; font-weight: bolder; } .contextMenu div.group input { border-radius: 0; padding: 0 0 2px 5px; height: 17px; font-size: 0.8em; line-height: 1em; font-family: inherit; margin-left: 4px; } .contextMenu div.group button { border-radius: 0; height: 22px; position: relative; top: 1px; width: 144px; font-size: 0.8em; line-height: 1em; font-family: inherit; margin-left: 4px; } .contextMenu .properties { position: absolute; left: 160px; top: 0px; width: 237px; min-height: 100%; border-radius: 0; border-top-left-radius: 0px; border-bottom-left-radius: 0px; overflow-y: scroll; height: 100%; padding: 0px; } .contextMenu .properties span { line-height: 14px; font-size: 12px; } .contextMenu .SCss { width: 120px; text-align: right; padding: 2px; display: block; float: left; } .contextMenu .SValue { width: auto; text-align: left; padding: 2px; display: block; } .contextMenu div.align { margin-top: -3px; padding-top: 0px; } .contextMenu div.align div { float: left; margin-top: 2px; background-image: url("../img/iconMenuBlack.png"); width: 13px; height: 9px; display: inline-block; margin-left: 9px; margin-bottom: 8px; } .contextMenu div.align div.left { background-position: 0px -304px; } .contextMenu div.align div.right { background-position: 0px -320px; } .contextMenu div.align div.top { background-position: 0px -352px; } .contextMenu div.align div.bottom { background-position: 0px -336px; } .contextMenu div.align div.reduceH { background-position: 0px -368px; } .contextMenu div.align div.increaseH { background-position: 0px -384px; } .contextMenu div.align div.left:hover { background-position: 0px -400px; } .contextMenu div.align div.right:hover { background-position: 0px -416px; } .contextMenu div.align div.top:hover { background-position: 0px -448px; } .contextMenu div.align div.bottom:hover { background-position: 0px -432px; } .contextMenu div.align div.reduceH:hover { background-position: 0px -464px; } .contextMenu div.align div.increaseH:hover { background-position: 0px -480px; } .contextMenu div.align div.reduceV { background-position: 0px -496px; } .contextMenu div.align div.increaseV { background-position: 0px -512px; } .contextMenu div.align div.reduceV:hover { background-position: 0px -528px; } .contextMenu div.align div.increaseV:hover { background-position: 0px -544px; } .page .draggable.S.Trans { transition: left 0.1s ease-in-out, top 0.1s ease-in-out, width 0.1s ease-in-out, height 0.1s ease-in-out; } .upDateVersion { position: fixed; top: calc(50% - 200px); left: calc(50% - 300px); display: none; width: 600px; height: 400px; transition: bottom 0.3s ease-in-out; z-index: 5000; border: 1px solid; } .upDateVersion .header { cursor: move; position: absolute; height: 35px; width: 100%; line-height: 32px; top: 0px; left: 0px; font-size: 15px; font-weight: 500; } .upDateVersion .header img { float: left; } .upDateVersion .content { font-size: 13px; position: absolute; top: 34px; overflow-y: auto; height: calc(100% - 84px); width: 100%; line-height: 19px; font-weight: 200; } .upDateVersion .version { padding: 5px; font-size: 14px; font-weight: 700; margin-top: 7px; margin-bottom: 4px; padding-top: 6px; position: static !important; display: block !important; } .upDateVersion .version:first-child { margin-top: 0px; } .upDateVersion .f, .upDateVersion .t { padding-left: 23px; } .upDateVersion .t b, .upDateVersion .f b { margin-left: -17px; font-weight: 700 } .IN.alertInPlace .listRestore { max-height: 600px; overflow-y: auto; margin: 0; padding: 0; width: 100%; overflow-x: hidden; margin-top: 5px; width: 600px; } .upDateVersion .footer { position: absolute; height: 50px; width: 100%; bottom: 0px; left: 0px; font-size: 13px; font-weight: 200; padding: 7px } .upDateVersion .footer div { line-height: 39px; } .upDateVersion .footer input { float: left; margin-top: 10px; margin-left: 5px; border: 0px; margin-right: 5px; width: 20px; height: 20px !important; } .upDateVersion .footer button { float: right; margin-top: 1px; } .upDateVersionRunner { position: fixed; bottom: 33px; right: 20px; display: none; width: 580px; background-color: rgb(255, 255, 255); color: rgb(255, 255, 255); height: 103px; z-index: 5000; border: 1px solid rgba(239, 47, 74, 1); box-shadow: 8px 10px 19px -2px rgba(0,0,0,0.3); } .upDateVersionRunner .header { cursor: move; position: absolute; height: 24px; background-color: rgba(239, 47, 74, 1); color: rgb(255, 255, 255); width: 100%; line-height: 21px; top: 0px; left: 0px; font-size: 16px !important; font-weight: 600 !important; } .upDateVersionRunner .header img { margin-top: -2px; margin-left: 5px; } .upDateVersion .header span { float: right; padding-top: 1px; padding-left: 6px; display: block; width: 100%; font-weight: 600; } .upDateVersionRunner .content { font-size: 14px; color: rgb(80, 80, 80); position: absolute; top: 26px; overflow-y: hidden; height: auto; width: 100%; line-height: 24px; font-weight: 400; margin-left: 10px; } .upDateVersionRunner .content i{ font-weight: 600;color:black; } .upDateVersionRunner button { color: white !important; background-color: transparent !important; border: 0 !important; float: right !important; opacity: 0.8; margin-top: -5px; } .upDateVersionRunner button:hover { box-shadow: none !important; opacity: 1; } .IN.alertInPlace .listRestore li { list-style: none; display: table; width: calc(100% - 9px); font-size: 12px; margin: 2px; margin-bottom: 4px; border-radius: 4px; padding: 2px; } .IN.alertInPlace .listRestore li:hover { font-weight: 700; } .IN.alertInPlace .listRestore li .N, .IN.alertInPlace .listRestore li .D, .IN.alertInPlace .listRestore li .V { padding-top: 0px; text-align: left; padding-left: 2px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 22px; width: 340px; float: left; } .IN.alertInPlace .listRestore li .V { width: 80px; } .IN.alertInPlace .listRestore li .D { width: 140px; } .IN.alertInPlace .listRestore li span a { padding-top: 0px; text-align: left; padding-left: 2px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 22px; } .ListCXImported .alertInPlace img { padding-right: 10px; position: relative; top: 0px; display: block; } .ListCXImported .alertInPlace .title { cursor: move; font-size: 13px; font-weight: 700; display: block; min-width: 335px; max-width: 460px; position: relative; top: -20px; left: 30px; } ul.ListCXImported { list-style: none; padding-left: 0px; display: inline-block; margin-top: 0px; } ul.ListCXImported li { padding: 5px; display: table; } ul.ListCXImported .titleDBStruct { font-size: 13px; font-weight: 700; } ul.ListCXImported li div.src, ul.ListCXImported li div.dest, ul.ListCXImported li div.textSrcDest { display: block; float: left; } ul.ListCXImported li div.textSrcDest { font-size: 13px; padding-top: 1px; padding-right: 5px; } ul.ListCXImported li div.src span { font-size: 12px; padding-right: 9px; } ul.ListCXImported li div.src span u { font-size: 13px; font-weight: 700; text-decoration: none; min-width: 80px; display: inline-block; } ul.ListCXImported select { padding: 3px; height: 28px; border-radius: 0; background-clip: padding-box; text-decoration: none; white-space: nowrap; font-size: 0.8em; font-family: inherit; margin-left: 8px; padding-top: 2px; margin-top: 0px; z-index: 110; position: relative; width: auto; letter-spacing: 0px; padding-bottom: 3px; top: -2px; min-width: 150px; max-width: 350px; } ul.ListCXImported .titleDBStruct span { max-width: 890px; display: block; font-size: 12px; overflow: hidden; } .PlaceForIframe { overflow: hidden; display: block; border-radius: 0; width: calc(100% - 4px); padding: 10px; z-index: 100; height: 100%; padding-right: 6px; border-width: 1px; border-style: solid; } .ScriptInGrp.INTERFACEEDITION .PlaceForIframe { margin-top: 6px; } .PlaceForIframe .windowsContent { display: block; height: 100%; width: 100%; z-index: 100; overflow-x: hidden; } .PlaceForIframe .windowsContent .model { display: none; } .PlaceForIframe .windowsContent .addI .title { float: left; width: 50%; text-align: right; font-size: 18px; padding-top: 0px; padding-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 37px; font-weight: 600; } .PlaceForIframe .windowsContent .addI input { width: calc(50% - 47px); text-align: left; padding: 0px 0px 3px 7px; height: 27px; line-height: 15px; font-size: 17px; font-weight: 500; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0px; background-clip: padding-box; margin-right: 0px; position: relative; display: inline-block; font-weight: 100; } .PlaceForIframe .windowsContent .addI button { opacity: 1; float: right; margin-left: 0px; width: 80px; display: block; background-color: transparent !important; margin-top: 8px; background-repeat: no-repeat; height: 30px; width: 28px; background-size: 23px 23px; border: 0; } .PlaceForIframe .windowsContent .addI button:hover { background-color: transparent !important; box-shadow: none !important } .PlaceForIframe .windowsContent button[data-act="previewWindows"], .PlaceForIframe .windowsContent button[data-act="previewProdWindows"] { float: left; } .PlaceForIframe .windowsContent button[data-act="saveWindows"].waitbtn, .PlaceForIframe .windowsContent button[data-act="saveProdWindows"].waitbtn, .PlaceForIframe .windowsContent button[data-act="previewWindows"].waitbtn, .PlaceForIframe .windowsContent button[data-act="previewProdWindows"].waitbtn { animation: rotateSpinner 2s linear infinite; opacity: 1; width: 30px; padding: 0; /*margin-right: 120px*/; min-width: 30px; } .PlaceForIframe .windowsContent button[data-act="saveWindows"].waitbtn span, .PlaceForIframe .windowsContent button[data-act="saveProdWindows"].waitbtn span, .PlaceForIframe .windowsContent button[data-act="previewWindows"].waitbtn span, .PlaceForIframe .windowsContent button[data-act="previewProdWindows"].waitbtn span { display: none; } @keyframes rotateSpinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .PlaceForIframe .windowsContent ul { margin: 0; padding: 0; list-style: none; height: calc(100% - 78px); overflow-y: auto; width: 100%; overflow-x: hidden; padding-right: 5px; margin-top: 3px; margin-bottom: 10px; } .PlaceForIframe .windowsContent ul li { margin-top: 3px; width: 100%; margin-bottom: 5px; height: auto; padding: 2px; background-color: transparent; } .PlaceForIframe .windowsContent ul li:first-child { margin-top: 11px; } .PlaceForIframe .windowsContent ul li .simple { width: 100%; font-size: 13px; position: relative; margin: 0px 0px -7px 0px; display: inline-block; } .PlaceForIframe .windowsContent ul li .simple .I, .PlaceForIframe .windowsContent ul li .simple .N, .PlaceForIframe .windowsContent ul li .simple .U, .PlaceForIframe .windowsContent ul li .simple .Ii, .PlaceForIframe .windowsContent ul li .simple .Nn, .PlaceForIframe .windowsContent ul li .simple .Uu { padding: 5px; float: left; position: relative; display: inline-block; font-weight: 200; margin-bottom: -6px; } .PlaceForIframe .windowsContent ul li .simple .Ii, .PlaceForIframe .windowsContent ul li .simple .Nn, .PlaceForIframe .windowsContent ul li .simple .Uu { padding-top: 0px; } .PlaceForIframe .windowsContent ul li .simple .Ii { font-weight: 700; font-size: 14px; text-align: center; padding-top: 44px; } .PlaceForIframe .windowsContent ul li .simple .Nn { padding-top: 5px; } .PlaceForIframe .windowsContent ul li .simple .I, .PlaceForIframe .windowsContent ul li .simple .Ii { width: 29px; } .PlaceForIframe .windowsContent ul li .simple .Ii { height: 25px; display: block; font-size: 14px; font-weight: 200; border: 0; border-radius: 50%; width: 25px; line-height: 24px; padding: 0; margin-top: 9px; margin-left: 3px; /* float: left; */ position: absolute; top: 22px; } .PlaceForIframe .windowsContent ul li .simple .N { width: calc(50% - 35px); text-align: left; } .PlaceForIframe .windowsContent ul li .simple .Nn { width: calc(50% - 35px); margin-left: 27px; } .PlaceForIframe .windowsContent ul li .simple .U, .PlaceForIframe .windowsContent ul li .simple .Uu { width: 50%; text-align: left; } .PlaceForIframe .windowsContent ul li .simple .Uu { width: calc(50% - 25px); } .PlaceForIframe .windowsContent ul li .simple .Uu { text-align: left; } .PlaceForIframe .windowsContent ul li .simple .Uu.t { margin-top: -8px; width: calc(100% - 2px); } .PlaceForIframe .windowsContent ul li .simple .Uu { margin-bottom: 6px; } .PlaceForIframe .windowsContent ul li .simple input, .PlaceForIframe .windowsContent ul li .simple textarea { font-family: inherit; box-sizing: border-box; display: block; width: 100%; padding: 1px 0px 4px 0.4em; font-size: 13px; border-radius: 0; position: relative; height: 29px !important; font-weight: 100; line-height: 17px; } .PlaceForIframe .windowsContent ul li .simple textarea { width: 100%; height: 42px; font-size: 1em; overflow-x: hidden; overflow-y: hidden; } .PlaceForIframe .windowsContent ul li .simple textarea.OPEN { width: 100%; height: 49px; font-size: 1em; overflow-x: auto; overflow-y: auto; line-height: 20px; white-space: normal; } .PlaceForIframe .windowsContent ul li .simple .listScript, #ColumnType, #listExistingFILECOLUMNS li .Descr_ColumnType select, #filterScriptObject { border-radius: 0; text-decoration: none; white-space: nowrap; margin-left: 0px; margin-top: 0px; z-index: 110; width: calc(100% - 30px); letter-spacing: 0px; margin-bottom: 3px; } .PlaceForIframe .windowsContent ul li .simple .listScript { height: 29px; margin-top: 5px; margin-bottom: 3px; border: 0 !important; } .PlaceForIframe .windowsContent ul li .simple .open { cursor: pointer; position: absolute; right: 31px; top: 35px; background-repeat: no-repeat; width: 20px; height: 20px; background-position: 0px 0px; background-size: 20px 20px; opacity: 1; } .PlaceForIframe .windowsContent ul li .simple .delete { cursor: pointer; position: absolute; right: 0px; top: 34px; background-repeat: no-repeat; width: 19px; height: 19px; background-size: 19px 19px; display: block; } .PlaceForIframe .windowsContent ul li .simple .params { margin: 5px; margin-top: 0px; display: inline-block; width: 100%; padding: 5px; display: none; } .PlaceForIframe .windowsContent ul li .simple .params.OPEN { display: inline-block; } .PlaceForIframe .windowsContent ul li .simple .params span { font-size: 13px; font-weight: 100; width: auto; } .PlaceForIframe .windowsContent ul li .simple .params select { padding: 3px; height: 21px; border-radius: 0; text-decoration: none; white-space: nowrap; font-size: 14px; margin-left: 0px; padding-top: 0px; margin-top: 0px; z-index: 110; width: 167px; letter-spacing: 0px; padding-bottom: 0px; bottom: 8px; font-family: inherit; float: left; font-weight: 100; } .PlaceForIframe .windowsContent ul li .simple .params select option { font-weight: 100; } .PlaceForIframe .windowsContent ul li .simple .params .WT, .PlaceForIframe .windowsContent ul li .simple .params .IV, .PlaceForIframe .windowsContent ul li .simple .params .top, .PlaceForIframe .windowsContent ul li .simple .params .left, .PlaceForIframe .windowsContent ul li .simple .params .width, .PlaceForIframe .windowsContent ul li .simple .params .height { width: 152px; float: left; text-align: right; padding-right: 5px; line-height: 20px; } .PlaceForIframe .windowsContent ul li .simple .params .clear { height: 0px; display: block; margin-top: 23px; width: 100%; } .PlaceForIframe .windowsContent ul li .simple .params .InputTop, .PlaceForIframe .windowsContent ul li .simple .params .InputLeft, .PlaceForIframe .windowsContent ul li .simple .params .InputWidth, .PlaceForIframe .windowsContent ul li .simple .params .InputHeight { width: 168px; float: left; } .PlaceForIframe .windowsContent ul li .simple .params .top, .PlaceForIframe .windowsContent ul li .simple .params .left, .PlaceForIframe .windowsContent ul li .simple .params .width, .PlaceForIframe .windowsContent ul li .simple .params .height, .PlaceForIframe .windowsContent ul li .simple .params .InputTop, .PlaceForIframe .windowsContent ul li .simple .params .InputLeft, .PlaceForIframe .windowsContent ul li .simple .params .InputWidth, .PlaceForIframe .windowsContent ul li .simple .params .InputHeight { margin-top: 5px; } .PlaceForIframe .windowsContent ul li .simple .params .InputTop textarea, .PlaceForIframe .windowsContent ul li .simple .params .InputLeft textarea, .PlaceForIframe .windowsContent ul li .simple .params .InputWidth textarea, .PlaceForIframe .windowsContent ul li .simple .params .InputHeight textarea { width: 167px; padding: 1px 0px 2px 0.4em; font-size: 12px; margin-left: 1px; } .PlaceForIframe .windowsContent ul li .simple .params .left, .PlaceForIframe .windowsContent ul li .simple .params .top, .PlaceForIframe .windowsContent ul li .simple .params .width, .PlaceForIframe .windowsContent ul li .simple .params .height, .PlaceForIframe .windowsContent ul li .simple .params .WT, .PlaceForIframe .windowsContent ul li .simple .params .IV, .PlaceForIframe .windowsContent ul li .simple .params .InputLeft, .PlaceForIframe .windowsContent ul li .simple .params .InputTop, .PlaceForIframe .windowsContent ul li .simple .params .InputWidth, .PlaceForIframe .windowsContent ul li .simple .params .InputHeight, .PlaceForIframe .windowsContent ul li .simple .params .SelectWT, .PlaceForIframe .windowsContent ul li .simple .params .SelectIV { width: 25% } .PlaceForIframe .windowsContent ul li .simple .params .InputLeft, .PlaceForIframe .windowsContent ul li .simple .params .InputTop, .PlaceForIframe .windowsContent ul li .simple .params .InputWidth, .PlaceForIframe .windowsContent ul li .simple .params .InputHeight { margin-top: 2px } .grp-container .grp-object .ScriptInGrp.DATABASE li[data-type='type'] { border: 0; height: 34px; text-align: left; text-transform: none; padding: 0; line-height: 23px; /* padding-top: 3px; */ padding: 6px; margin-bottom: 5px; margin-top: 5px; background-repeat: no-repeat; background-size: 25px 25px; background-position: -2px 6px; padding-left: 5px; } .grp-container .grp-object .ScriptInGrp.DATABASE li[data-type='type'] span { font-size: 15px; font-weight: 600; line-height: 23px; margin-top: 0px; } .ScriptInGrp ul li.CLICK[data-type="database"] [data-act=edit] { position: absolute; top: 1px; left: 3px; z-index: 200; display: block; cursor: pointer; display: block; } .ScriptInGrp ul li[data-type='database'].CLICK [data-act=edit].ic-info { position: absolute; top: 8px; right: 38px; z-index: 200; display: block; cursor: pointer; display: block; left: auto; } .ScriptInGrp ul li[data-type='database'].CLICK [data-act=edit].ic-info:hover { background-color: transparent !important; box-shadow: none !important } .ScriptInGrp.DATABASE { font-size: 13px; font-weight: 100; } .ScriptInGrp ul li .comment .databaseInformations .info_Title input, .ScriptInGrp.ADDDATABASE .info_Title input { width: calc(100% - 267px); text-align: left; padding: 0px 0px 1px 7px; height: 27px; line-height: 15px; font-size: 13px; font-weight: 500; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0px; background-clip: padding-box; margin-right: 0px; position: relative; display: inline-block; } .ScriptInGrp ul li .comment .databaseInformations .info_Title, .ScriptInGrp.ADDDATABASE .info_Title { width: calc(100% - 82px) !important; text-align: right; text-transform: none; line-height: 23px; float: left; padding: 2px; font-size: 13px; font-weight: 600 } .ScriptInGrp ul li[data-furnisher="seeasoftware"] .comment .databaseInformations .info_Title input { border: 0; } .ScriptInGrp ul li .comment .databaseInformations .InfoCategorie .bigcheck, .ScriptInGrp.ADDDATABASE .InfoCategorie .bigcheck { float: right; margin-top: 6px; margin-right: 10px; } .ScriptInGrp ul li .content u.MYSQL, .ScriptInGrp ul li .content u.SQL, .ScriptInGrp ul li .content u.Nixxis, .ScriptInGrp ul li .content u.collab, .ScriptInGrp ul li .content u.nixxis, .ScriptInGrp ul li .content u.ICR, .ScriptInGrp ul li .content u.icr { background-repeat: no-repeat; height: 38px; width: 84px; margin-left: 2px; background-position: 10px 2px; background-size: 55px 30px; position: absolute; top: 0px; right: 0px; border-radius: 4px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .ScriptInGrp ul li .content u.collab { background-size: 71px 25px; background-position: 4px 6px; } .ScriptInGrp ul li .content u.Nixxis { background-size: 65px 25px; background-position: 4px 5px; } .ScriptInGrp ul li .content u.icr, .ScriptInGrp ul li .content u.ICR { background-size: 28px 28px; background-position: 25px 4px; } .ScriptInGrp ul li .content u.SQL { background-size: 52px 34px; background-position: 8px -2px; } .ScriptInGrp ul li.CLICK .content u.MYSQL, .ScriptInGrp ul li.CLICK .content u.SQL, .ScriptInGrp ul li.CLICK .content u.Nixxis, .ScriptInGrp ul li.CLICK .content u.collab { background-repeat: no-repeat; height: 60px; width: 60px; margin-left: 2px; top: 2px; background-position: 3px 3px; background-size: 55px 47px; position: absolute; top: -8px; right: 24px; border-radius: 8px; } .ScriptInGrp ul li.CLICK.EDITION .content u.MYSQL, .ScriptInGrp ul li.CLICK.EDITION .content u.SQL, .ScriptInGrp ul li.CLICK.EDITION .content u.Nixxis, .ScriptInGrp ul li.CLICK.EDITION .content u.collab { display: none; } .ScriptInGrp ul li.CLICK .content u.SQL { top: 116px; left: 60px; width: 70px; height: 70px; background-size: 70px 50px; } .ScriptInGrp ul li.CLICK .content u.MYSQL { background-size: 65px 38px; top: 128px; left: 61px; width: 70px; height: 50px; } .ScriptInGrp ul li.CLICK[data-furnisher="seeasoftware"] .content u.MYSQL { background-size: 69px 33px; top: 70px; left: 52px; width: 70px; height: 50px; } .ScriptInGrp ul li.CLICK .content u.Collab, .ScriptInGrp ul li.CLICK .content u.collab { height: 50px; width: 90px; background-position: 3px 7px; background-size: 85px 29px; top: 112px; left: 55px; } .ScriptInGrp ul li.CLICK .content u.Nixxis, .ScriptInGrp ul li.CLICK .content u.nixxis { height: 40px; width: 87px; background-position: 0px 7px; background-size: 85px 29px; top: 110px; left: 50px; } .ScriptInGrp ul li.CLICK .content u.icr, .ScriptInGrp ul li.CLICK .content u.icr, .ScriptInGrp ul li.CLICK .content u.ICR, .ScriptInGrp ul li.CLICK .content u.ICR { height: 100px; width: 100px; background-position: 0; background-size: 100px 100px; top: 74px; left: 55px; } .ScriptInGrp ul li .content u.MYSQL, .typeCXtoAdd .logo.MYSQL { background-position: 13px 2px; } .ScriptInGrp ul li .content u.SQL, .typeCXtoAdd .logo.SQLSERVER { background-position: 11px -1px; } .ScriptInGrp ul li .content u.collab, .typeCXtoAdd .logo.collab, .ScriptInGrp ul li .content u.collab, .typeCXtoAdd .logo.COLLAB, .typeCXtoAdd .logo.ICR, .typeCXtoAdd .logo.icr { background-position: 7px 6px; } .ScriptInGrp ul li .content u.Nixxis, .typeCXtoAdd .logo.NIXXIS, .ScriptInGrp ul li .content u.nixxis { background-position: 10px 5px; background-size: 66px 29px; } button[data-act='saveCXClient'], button[data-act='saveCXAPI'], button[data-create-cx='SQLSERVER'], button[data-create-cx='MYSQL'], button[data-create-cx='COLLAB'], button[data-create-cx='NIXXIS'], button[data-create-cx='ICR'], button[data-create-cx='icr'] { opacity: 1; float: right; margin-left: 6px; display: block; margin-top: 0px; background-repeat: no-repeat; height: 32px; width: 230px; background-size: 22px 22px; border: 0; padding-left: 37px; background-position: 5px 5px; text-align: left; text-transform: uppercase; font-size: 13px !important; font-weight: 200 !important; margin-top: 8px; border: 0 !important; margin-bottom: 8px; } button[data-act='saveCXClient'] span, button[data-act='saveCXAPI'] span, button[data-create-cx='SQLSERVER'] span, button[data-create-cx='MYSQL'] span, button[data-create-cx='COLLAB'] span, button[data-create-cx='NIXXIS'] span, button[data-create-cx='ICR'] span, button[data-create-cx='icr'] span { width: 100% !important; padding-left: 20px; } .ScriptInGrp ul li .check { display: none; cursor: pointer; background-repeat: no-repeat; width: 24px; height: 24px; background-size: 24px 24px; position: absolute; top: 2px; float: right; right: 33px; opacity: 0.7; transition: opacity 0.2s linear; } .ScriptInGrp ul li.CLICK .check { display: block; } .ScriptInGrp ul li .check:hover { opacity: 1; } .CXERROR { float: none !important; width: auto !important; padding-left: 10px; font-size: 11px; } .ScriptInGrp.DATABASE ul li.CLICK .databaseTablesInformations { display: none; float: left; } .ScriptInGrp.DATABASE ul li.CLICK.EDITION .databaseInformations { width: 50%; float: left; } .ScriptInGrp.DATABASE ul li.CLICK.EDITION .databaseTablesInformations { display: block; width: 50%; float: left; } .ScriptInGrp.DATABASE ul li.CLICK.EDITION .databaseInformations .InfoCategorie .info_Title b { display: none; } .ScriptInGrp.DATABASE ul li.CLICK.EDITION .databaseInformations .InfoCategorie .info_Title input { width: calc(-5px + 100%); } .ScriptInGrp.DATABASE ul li.CLICK.EDITION .databaseTablesInformations .InfoCategorie { width: calc(100% - 11px) !important; margin-left: 13px; } .ScriptInGrp ul li .comment .databaseTablesInformations .info_Title { width: 50% !important; padding-top: 0px !important; } ul li.CLICK .comment .wait { display: none; width: 100%; height: 100%; top: calc(50% - 40px); left: 0px; position: absolute; margin: 0; padding: 0; } ul li.CLICK .comment .wait .movewait { background-size: 70px 70px; width: 70px !important; height: 70px; display: inline-block; top: calc(50% - 30px); left: 20px; position: absolute; float: none; } ul li.CLICK .comment .wait .time { font-size: 14px; } .typeCXtoAdd .logo { background-repeat: no-repeat; height: 40px; width: 40px; background-position: 3px 3px; background-size: 35px 35px; position: absolute; top: 30px; left: 20px; border-radius: 8px; } .typeCXtoAdd .logo.MYSQL { height: 58px; width: 85px; background-position: 0px 0px; background-size: 70px 43px; top: 94px; left: 76px; } .typeCXtoAdd .logo.SQLSERVER { height: 71px; width: 90px; background-position: 8px 3px; background-size: 75px 67px; top: 79px; left: 67px; } .typeCXtoAdd .logo.COLLAB { height: 44px; width: 110px; background-position: 1px 7px; background-size: 95px 38px; top: 106px; left: 51px; }.typeCXtoAdd .logo.NIXXIS { height: 44px; width: 120px; background-position: 7px 0px; background-size: 100px 35px; top: 77px; left: 53px; } .typeCXtoAdd .logo.ICR, .typeCXtoAdd .logo.icr { height: 100px; width: 100px; background-position: 0px 0px; background-size: 100px 100px; top: 50px; left: 53px; } .ScriptInGrp.EDITORDATABASE .InfoCategorie { margin-bottom: 5px; width: calc(100% - 9px); left: 2px; overflow-x: hidden } .ScriptInGrp.EDITORDATABASE table, .placeForListScriptInfoScript.SELECTED .object .placeforsetup table { margin: 0px 3px 8px 8px; padding: 0; font-size: 12px; font-weight: 100; } .ScriptInGrp.EDITORDATABASE .title { width: 100%; font-weight: 700; height: 27px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 5px; display: block; border-radius: 5px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .ScriptInGrp.EDITORDATABASE .mainTable { width: 100%; max-width: 100%; background-color: transparent; border-collapse: collapse; -webkit-border-radius: 4px; -moz-border-radius: 4px; table-layout: fixed; margin-left: 4px; } .ScriptInGrp.EDITORDATABASE .mainTable th { vertical-align: middle !important; font-weight: 100; text-align: left; font-size: 1em; } .ScriptInGrp.EDITORDATABASE .mainTable th, .ScriptInGrp.EDITORDATABASE .mainTable td { display: table-cell; height: 20px; max-width: 250px; padding: 2px 5px; overflow: hidden; line-height: 20px; text-align: left; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .ScriptInGrp.EDITORDATABASE .mainTable td { padding-left: 15px; font-size: 1.1em; } .PlaceForIframe .windowsContent button[data-act='saveWindows'], .PlaceForIframe .windowsContent button[data-act="saveProdWindows"], .PlaceForIframe .windowsContent button[data-act="previewWindows"], .PlaceForIframe .windowsContent button[data-act="previewProdWindows"], #ShowAddTABLE, #DelTABLE, #AddTABLE, #ApplyColumnsUpdate, #UpdateColumn, #CreateTableFromCSV, #ImportDataInTABLE, #ExportDataInTABLE, #CreateTableFromScript, #CreateInsertData, #InsertData, #AddTABLEFromScript { opacity: 1; margin-left: 0px; display: inline-block; margin-top: 0px; background-repeat: no-repeat; height: 32px; width: auto; background-size: 22px 22px; padding-left: 11px !important; background-position: 4px 4px; text-align: left; text-transform: uppercase; margin-top: 8px; margin-top: 0px; padding-top: 2px; white-space: nowrap; float: right; margin: 0px 0px 0px 6px; } .PlaceForIframe .windowsContent button[data-act='saveWindows'], .PlaceForIframe .windowsContent button[data-act='saveProdWindows'], .PlaceForIframe .windowsContent button[data-act='previewWindows'], .PlaceForIframe .windowsContent button[data-act='previewProdWindows'] { margin-left: 20px; min-width: 170px; margin-bottom: 5px; } .PlaceForIframe .windowsContent button[data-act='saveWindows'] span, .PlaceForIframe .windowsContent button[data-act="saveProdWindows"] span, .PlaceForIframe .windowsContent button[data-act="previewWindows"] span, .PlaceForIframe .windowsContent button[data-act="previewProdWindows"] span, #ShowAddTABLE span, #DelTABLE span, #AddTABLE span, #ApplyColumnsUpdate span, #UpdateColumn span, #CreateTableFromCSV span, #ImportDataInTABLE span, #ExportDataInTABLE span, #CreateTableFromScript span, #CreateInsertData span, #InsertData span, #AddTABLEFromScript span { width: 100% !important; padding-left: 0px; float: left; white-space: nowrap; vertical-align: middle; height: 29px; line-height: 2.6em; display: block; font-weight: 600; padding-left: 28px;font-size:0.8em } #CreateInsertData span, #InsertData span { margin-top: 1px; } #AddTABLE, #CreateInsertData, #InsertData { margin-left: 10px; min-width: 250px; padding-top: 0px; } #InsertData { margin-top: 10px; } #ApplyColumnsUpdate { margin-left: 10px; } #ImportDataInTABLE,#ExportDataInTABLE { background-position: 5px 2px; background-size: 26px 26px; } #DelTABLE.disabled, #ImportDataInTABLE.disabled, #ExportDataInTABLE.disabled { opacity: 0.2; } #listExistingTABLE, #listExistingTABLEForRequest { overflow-y: auto; float: left; } #listExistingCXForRequest li[data-cxplugin], #listExistingCX li[data-cxplugin], #listExistingTABLE li, #listExistingTABLEForRequest li[data-table] { background-repeat: no-repeat; height: 38px; width: calc(100% - 8px); top: 0px; background-position: 5px 1px; background-size: 29px 30px; border-radius: 0px; float: left; margin: 5px; position: relative; min-width: 120px; margin-bottom: 1px; padding: 0; cursor: pointer; margin: 5px 0px; border: 1px solid transparent; transition: border 0.2s linear; } /*#listExistingCXForRequest li[data-cxplugin].SELECTED, #listExistingCX li[data-cxplugin].SELECTED, #listExistingTABLE li.SELECTED, #listExistingTABLEForRequest li[data-table].SELECTED { background-position: 5px 1px; }*/ #listExistingTABLE li[data-table], #listExistingTABLEForRequest li[data-table], #selTable { font-size: 15px; background-size: 29px 30px; background-position: 4px 2px; background-repeat: no-repeat; padding-top: 0px; /* height: 22px; */ height: 37px; -height: 17px; margin: 6px 3px; padding: 1px 6px; width: auto; padding-left: 20px; padding-top: 10px; } #selTable { padding-left: 37px; background-position: 2px -2px; height: 28px; padding-top: 0; display: block; margin: 0; line-height: 25px; } #listExistingCX li[data-cxplugin='SQL'], #listExistingCXForRequest li[data-cxplugin='SQL'] { background-size: 40px 28px; } #listExistingCX li[data-cxplugin="collab"], #listExistingCXForRequest li[data-cxplugin="collab"] { background-size: 94px 34px; background-position: 4px 7px; } #listExistingCX li[data-cxplugin="Nixxis"], #listExistingCXForRequest li[data-cxplugin="Nixxis"] { background-size: 90px 30px; background-position: 10px 8px; } #listExistingCXForRequest li[data-cxplugin] .cxtable, #listExistingCX li[data-cxplugin] .cxtable, #listExistingTABLE li span.cxtable, #listExistingTABLEForRequest li span.cxtable { width: auto !important; font-size: 0.7em; position: absolute; right: 14px; top: -3px; font-weight: 100; } #listExistingTABLE li span.cxtable, #listExistingTABLEForRequest li span.cxtable { top: -4px; } #listExistingCX li[data-cxplugin] .cxview, #listExistingCXForRequest li[data-cxplugin] .cxview { width: auto !important; font-size: 0.7em; position: absolute; right: 14px; top: 15px; font-weight: 100; } #listExistingCXForRequest li[data-cxplugin] .cxdesi, #listExistingCX li[data-cxplugin] .cxdesi, #listExistingTABLE li span.cxdesi, #listExistingTABLEForRequest li span.cxdesi { width: 100%; text-align: left; padding-top: 6px; font-weight: 600; line-height: 23px; padding-left: 40px; } #listExistingTABLE li span.cxdesi, #listExistingTABLEForRequest li span.cxdesi { padding-top: 0px; padding-left: 18px; text-align: left; width: auto; line-height: 17px; margin-top: -1px; } #listExistingCX li[data-cxplugin] .cxerror, #listExistingCXForRequest li[data-cxplugin] .cxerror { width: 126px; white-space: normal; position: absolute; right: -17px; font-size: 10px; line-height: 11px; height: 56px; overflow-y: auto; padding-right: 22px; text-align: left; top: 0px; } .btnArea.listtables { padding-bottom: 5px; display: inline-block; text-align: right; padding-top: 5px; width: 100%; } .ShowAddTABLE { display: block; margin-top: 0px; margin-left: 10px; margin-right: 10px; position: relative; margin-bottom: 5px; border-radius: 5px; } .ShowAddTABLE table { padding-top: 17px !important; display: inline-block; width: 100%; } .ShowAddTABLE table td { display: inline-block; vertical-align: middle; padding-left: 5px; } .ShowAddTABLE table select, #NewTableNameFromScriptType { border-radius: 0; margin-left: 0px; z-index: 110; width: calc(-30px + 100%); margin-bottom: 3px; } #NewTableNameFromScriptType { margin-top: 2px; } #AddTABLEFromScript { margin-top: -2px; margin-right: 5px; } .ShowAddTABLE table select { width: 260px; } #NewTableName { margin-top: -3px; } .ShowAddTABLE table input, #ColumnName, #ColumnSize, #ColumnDefault, #TableNameToCreate, #listExistingFILECOLUMNS li .ColumnSize, #listExistingFILECOLUMNS li .ColumnDefault, #NewTableNameFromScript, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .ColumnSize, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .ColumnDefault { box-shadow: none; font-family: inherit; box-sizing: border-box; display: block; width: 200px; padding: 0px 0px 4px 4px; font-size: 15px; border-radius: 0; position: relative; height: 31px !important; font-weight: 100; line-height: 18px; } .bigContainer .containerDIV.first b[data-type] i { display: block; position: absolute; top: 65px; right: 43px; font-size: 2em; font-weight: 500; opacity: 0.5; transition: opacity 0.2s linear; background-repeat: no-repeat; height: 20px; width: 20px; background-size: 20px 20px; } .ShowAddTABLE .close, .listcolumns .close, .createtablefromcsv .close, .createtablefromscript .close { display: inline-block; position: absolute; top: 4px; right: 5px; font-size: 2em; font-weight: 500; opacity: 0.5; transition: opacity 0.2s linear; background-repeat: no-repeat; height: 20px; width: 20px; background-size: 20px 20px; } .ShowAddTABLE .close:hover, .listcolumns .close:hover, .createtablefromcsv .close:hover, .createtablefromscript .close:hover { opacity: 1 } #listExistingCOLUMNS, #listExistingFILECOLUMNS, #listExistingTABLECOLUMNS { list-style: none; width: 100%; height: 100%; margin: 0; padding: 0; } #listExistingTABLECOLUMNS { margin-left: 10px; } #listExistingCOLUMNS li, #listExistingFILECOLUMNS li, #listExistingTABLECOLUMNS li { background-color: transparent !important } #listExistingTABLECOLUMNS { width: calc(100% - 20px); } #listExistingCOLUMNS li, #listExistingFILECOLUMNS li, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li, #listExistingTABLECOLUMNS li { display: block; height: 25px; text-align: left; font-size: 0.8em; font-weight: 500; width: 100%; font-weight: 100; padding-left: 0px; background: transparent; border: 0; padding: 0; border-radius: 0; margin-left: 0; font-size: 13px; transition: background-color 0.5s linear; } #listExistingTABLECOLUMNS li:hover, #listExistingFILECOLUMNS li:hover { background: none !important; box-shadow: none !important; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup li { display: inline-block; } #listExistingCOLUMNS li.PRIMARY::before, #listExistingTABLECOLUMNS li.PRIMARY::before { position: absolute; top: 7px; left: 0px; width: 9px; height: 9px; border-width: 1px 0 3px 3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; float: left; margin: 3px 5px 0px 6px; border-style: solid; } #listExistingCOLUMNS li.PRIMARY .H1, #listExistingTABLECOLUMNS li.PRIMARY .H1 { padding-left: 20px; } #listExistingCOLUMNS li:not(.header):hover { cursor: pointer; } #listExistingCOLUMNS li:hover > .H5 a, #listExistingFILECOLUMNS li:hover > .H5 a { visibility: visible; color: white; cursor: pointer; } #listExistingCOLUMNS li span, #listExistingTABLECOLUMNS li span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float: left; padding-top: 5px !important; } #listExistingCOLUMNS li.header, #listExistingFILECOLUMNS li.headercreate, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li.headercreate { font-weight: 500; margin: 0; padding: 0; } #listExistingCOLUMNS li.header .H1 { width: 50%; } #listExistingFILECOLUMNS .H1, #listExistingTABLECOLUMNS .H1 { font-size: 1.2em; font-weight: 600; } #listExistingCOLUMNS .H1, #listExistingCOLUMNS .H2, #listExistingCOLUMNS .H3, #listExistingCOLUMNS .H4, #listExistingCOLUMNS .H5, #listExistingTABLECOLUMNS .H1, #listExistingFILECOLUMNS .H1, #listExistingTABLECOLUMNS .H2 { display: block; padding: 2px; } #listExistingCOLUMNS .H1, #listExistingTABLECOLUMNS .H1, #listExistingFILECOLUMNS .H1 { width: 50%; text-align: left; padding-left: 10px; } #listExistingFILECOLUMNS .H1 { height: 35px; padding-left: 35px; margin: 0; line-height: 8px; padding-top: 15px; width: auto; float: left;} .toScrollBody.columns u { font-size: 1.2em; font-weight: 600; height: 20px; display: block; text-align: left; padding-left: 9px; margin: 10px; } #listExistingTABLECOLUMNS .H1 { width: 190px; font-weight: 500; cursor: ns-resize; padding-top: 7px !important; line-height: 22px; } #listExistingCOLUMNS .H2 { width: 12%; padding-top: 1px !important; } #listExistingTABLECOLUMNS .H2 { width: auto; padding-top: 3px !important; line-height: 29px; } #listExistingCOLUMNS .H3, #listExistingCOLUMNS .H4 { width: 12%; padding-top: 1px !important; } #listExistingCOLUMNS .H5 { float: right; width: 15%; text-align: right; padding-top: 2px !important; } #listExistingCOLUMNS .H5 a { visibility: hidden; position: relative; width: auto; top: -1px; padding-right: 10px; display: inline-block; text-transform: uppercase; } #listExistingCOLUMNS .H5 a:hover { font-weight: 700; text-decoration: underline; } #listExistingTABLECOLUMNS li, #listExistingFILECOLUMNS li { height: 38px; } #listExistingFILECOLUMNS li { padding-left: 20px; } #listExistingFILECOLUMNS li .bigcheck { margin-top: -3px; display: block; float: left; position: absolute; } #listExistingFILECOLUMNS li.padleft .bigcheck {position: static; } .ColumnsInformation .customParamTitle { position: relative; border-radius: 0px; padding: 5px; display: block; } .ColumnsInformation .input-classic { padding: 0px 2px 0px 5px; height: 23px; line-height: 16px; font-size: 0.8em; font-weight: 700; -webkit-border-radius: 3px; -webkit-background-clip: padding-box; -moz-border-radius: 3px; -moz-background-clip: padding; border-radius: 3px; background-clip: padding-box; font-family: inherit; } .ColumnsInformation .input-classic[readonly=""] { box-shadow: none; border: 0px; } .ColumnsInformation .input-classic[readonly=""]:focus { box-shadow: none; border: 0px; } .ColumnsInformation .small-text { padding-left: 1px; font-weight: 100; font-size: 1em; display: block; padding-bottom: 0px; padding-top: 1px; text-transform: none; margin-top: -2px; } .ColumnsInformation .close { height: 20px; width: 20px; border-radius: 50%; font-size: -12px; cursor: pointer; position: absolute; text-align: center; line-height: 12px; top: 14px; right: 5px; padding-left: 0px; font-weight: 600; } .ColumnsInformation { position: relative; margin-left: 5px; margin-right: 5px; margin-bottom: 1px; margin-top: 7px; display: none; } .ColumnsInformation table { padding: 0px; margin: 0px; width: 100%; height: 39px; display: block; } .ColumnsInformation table td { white-space: nowrap; } .ColumnsInformation table td input[type=text] { width: 100%; } .ColumnsInformation table td button { position: relative; top: -8px; min-width: 77px !important; } .ColumnsInformation table td:last-child { text-align: right; padding-right: 0px; padding-top: 3px; } .ColumnsInformation table td:first-child { width: 100%; padding-right: 20px; } .ColumnsInformation .sims-button.small { min-width: 180px; font-weight: normal !important; padding: 1px 12px 3px 12px; font-family: inherit; margin-top: 11px; } .InfoCategorie.listcolumns .btnArea { margin-top: 5px; margin-bottom: 5px; display: inline-block; text-align: right; width: 100%; } .InfoCategorie:not(.createtablefromcsv) .toScrollBody.columns { display: inline-block; width: 100%; height: auto; overflow: auto; } #ColumnName { width: 100%; } #ColumnSize { width: 99px; margin: 0; } #ColumnType { box-shadow: none; width: 100%; margin-bottom: 0px; font-weight: 100; } #UpdateColumn { margin-top: 10px; padding-left: 27px; margin-left: -9px; background-size: 21px 20px; margin-top: 12px; padding-left: 27px; display: inline-block; float:; float: left; max-width: 100%; background-position: 9px; } #UpdateColumn span { min-width: 150px; } #listExistingFILECOLUMNS li .check { width: 16px; float: left; margin-top: 7px; } #listExistingFILECOLUMNS li.header .H1 { width: 45%; } #listExistingFILECOLUMNS li .input-classic, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .input-classic { padding: 0px 2px 0px 5px; height: 24px; line-height: 16px; font-size: 0.8em; font-weight: 700; -webkit-border-radius: 3px; -webkit-background-clip: padding-box; -moz-border-radius: 3px; -moz-background-clip: padding; border-radius: 3px; background-clip: padding-box; font-family: inherit; margin-top: 7px; } #listExistingFILECOLUMNS li.headercreate .COL1, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li.headercreate .COL1 { width: 242px; text-align: left; padding-left: 28px; } #listExistingFILECOLUMNS li.padleft { padding-left: 5px; padding-top:6px; } #listExistingFILECOLUMNS .COL1N, .placeForListScriptInfoScript.SELECTED .object .placeforsetup .COL1N { float: left; width: 224px; text-align: left; padding-left: 10px; font-weight: 500; line-height: 29px; margin-top: -3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #listExistingFILECOLUMNS li.headercreate .COL2, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li.headercreate .COL2 { width: 142px; text-align: left; } #listExistingFILECOLUMNS li .Descr_ColumnType, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .Descr_ColumnType { float: left; width: 140px; text-align: left; line-height: 29px; position: relative; margin-top: -3px; } #listExistingFILECOLUMNS li .Descr_ColumnType select, .placeForListScriptInfoScript.SELECTED .object .placeforsetup.Descr_ColumnType select { position: absolute; top: 5px; left: -8px; height: 25px; z-index: 65000; font-weight: 100; font-size: 15px; padding-top: 0px; } #listExistingFILECOLUMNS li .Descr_ColumnType span, .placeForListScriptInfoScript.SELECTED .object .placeforsetup .Descr_ColumnType span { padding-top: 0px !important; line-height: 28px; width: auto; } #listExistingFILECOLUMNS li.headercreate .COL3, .placeForListScriptInfoScript.SELECTED .object .placeforsetup .headercreate .COL3 { width: 103px; text-align: left; } #listExistingFILECOLUMNS li .ColumnSize, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .ColumnSize { float: left; width: 100px; text-align: left; margin-top: 1px; } #listExistingFILECOLUMNS li .ColumnSize, #listExistingFILECOLUMNS li .ColumnDefault { margin-top: -2px !important; } #listExistingFILECOLUMNS li.headercreate .COL4, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li.headercreate .COL4 { width: 87px; text-align: left; } #listExistingFILECOLUMNS li .DivColumnNull, #listExistingFILECOLUMNS li .DivPrimaryKey, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .DivColumnNull, .placeForListScriptInfoScript.SELECTED .object .placeforsetup .DivPrimaryKey { float: left; margin-left: 34px; margin-top: 6px; margin-right: 43px; } #listExistingFILECOLUMNS li.headercreate .COL5, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li.headercreate .COL5 { width: 168px; text-align: left; } #listExistingFILECOLUMNS li .ColumnDefault, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .ColumnDefault, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .ColumnName { float: left; width: 160px !important; margin-top: 1px; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup li.headercreate .COL1, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li.headercreate .COL2, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li.headercreate .COL3, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li.headercreate .COL4, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li.headercreate .COL5 { display: block; float: left; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup li.headercreate .COL1 { width: 182px; padding-left: 13px; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup li.headercreate .COL2 { width: 99px; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup .headercreate .COL3 { width: 70px; text-align: center; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup li.headercreate .COL4 { width: 55px; text-align: center; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup li.headercreate .COL5 { width: 160px; text-align: center; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .Descr_ColumnType { width: 90px; display: block; padding-left: 6px; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .colname { display: block; float: left; width: 182px; line-height: 19px; padding-left: 11px; font-weight: 200; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .ColumnSize { width: 70px !important; text-align: left; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .DivColumnNull { margin-left: 17px; margin-top: -9px !important; margin-right: 0px; width: 55px !important; } .placeForUploadFile { display: block; height: auto; } .paragraph.short { height: auto; } .paragraph { width: 100%; } .paragraph.col { display: none; } .P3 .toScrollBody.columns.NoRtl { display: none; } .P3 .toScrollBody.columns.file.NoRtl { display: block; direction: ltr; overflow-y: auto; margin-bottom: 5px; margin-top: 5px; } #TableNameToCreate { -webkit-background-clip: padding-box; -moz-background-clip: padding; display: inline-block; width: 310px; position: relative; top: 0px; } .placeForUploadFile .titleUpload { text-align: left; width: 100%; display: block; } .uploader #upload_form { width: calc(100% - 10px); position: relative; display: inline-block; height: auto; transition: all 0.4s; border: 1px solid green; margin: 4px; } .uploader #upload_form .upload-place { display: block; width: 100%; height: 57px; text-align: center; } .uploader #upload_form .nameinfo { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float: right; width: 50%; text-align: left; margin-top: -43px; margin-left: 0px; text-align: right; padding-right: 10px; font-size: 19px; font-weight: 600; } .uploader #upload_form #filesize { text-align: left; float: right; font-size: 1.2em; width: 50%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: -43px; font-weight: 600; } .uploader #upload_form #filetype { width: 200px; float: left; } .uploader #upload_form .input-upload { width: auto !important; margin-top: 10px !important; margin-left: 10px; font-size: 1.1em !important; -moz-border-radius: 20px; -webkit-appearance: button; height: 42px; border: 0; float: left; padding-left: 41px; background-size: 30px 30px; background-repeat: no-repeat; background-position: 5px 5px; font-weight: 600 !important; border-radius: 5px; padding-right: 10px } .uploader #upload_form .refresh { position: absolute; top: 22px; right: 15px; display: block; float: right; } .uploader #upload_form #filedrag { display: inline-block; width: 32%; text-align: center; height: 45px; position: relative; top: 5px; line-height: 38px; float: right; margin-top: -48px; } .uploader #upload_form .btn-upload { float: right; border-radius: 50%; -moz-border-radius: 50%; border: 0; cursor: pointer; display: inline-block; width: 48px; height: 48px; margin-top: 1px; margin-right: 6px; padding-top: 6px; padding-left: 6px; opacity: 1; } .uploader #upload_form .img-btn-upload { width: 32px; height: 36px; display: block; margin: -2px 2px; background-color: transparent; background-repeat: no-repeat; background-size: 30px 30px; background-position: 2px 4px; } .uploader #upload_form .Selectfile { opacity: 0 !important; width: 50% !important; height: 18px !important; margin-top: 7px !important; margin-left: 12px; height: 42px !important; position: relative; top: 0px; cursor: pointer; margin-right: auto; display: block; direction: rtl; float: left; } .uploader #upload_form .infoStart { width: 100%; height: 62px; display: block; position: relative; margin: auto; text-align: center; left: 0px; min-width: 800px; } .uploader #upload_form #fileinfo { position: relative; display: block; width: 100%; padding: 4px; font-size: 1em; margin-top: -4px; } .uploader #upload_form #error, #error2, #abort, #warnsize { font-style: italic; font-size: 15px; position: relative; top: 72px; width: 100%; text-align: center; position: absolute; display: none; } .uploader #upload_form #progress_info { font-size: 11px; width: 100%; line-height: 12px; text-align: center; height: 55px; display: none; margin-top: -50px; } .uploader #upload_form #progress_info .backProgress { margin-left: auto; margin-right: auto; width: 95%; display: block; padding: 3px; border-radius: 18px; height: 24px; padding-top: 3px; } .uploader #upload_form #progress_info #speed { float: left; width: 20%; text-align: left; } .uploader #upload_form #progress_info #remaining { float: left; width: 60%; text-align: center; } .uploader #upload_form #progress_info #b_transfered { float: left; width: 20%; text-align: right; } .uploader #upload_form #upload_response { overflow: hidden; display: none; position: relative; width: 370px; left: 0px; top: -52px; height: 61px; text-align: center; width: 60%; margin: auto; vertical-align: middle; padding-top: 24px; border-radius: 28px; font-size: 1.2em; } .uploader #upload_form #progress { display: inline-block; float: left; height: 16px; border-radius: 6px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; -ms-background-size: 50px 50px; background-size: 50px 50px; -webkit-animation: move 2s linear infinite; -moz-animation: move 2s linear infinite; -ms-animation: move 2s linear infinite; animation: move 2s linear infinite; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; overflow: hidden; } .uploader #upload_form #progress_percent { float: right; } .pBtn { margin-top: 17px; } .ExplainMySQL{display:none; text-align: left; margin: 5px; margin-left: 20px; } .uploader #result { display: block; text-align: center; width: 100%; font-size: 15px; height: 89px; text-align: right; padding-right: 19px; text-transform: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: -44px; line-height: 33px; } .uploader #upload_form .col-lg { float: right; display: block; width: 20%; visibility: hidden; padding-top: 0px; } .uploader #upload_form .col-lg label { font-size: 14px; padding-top: 2px; font-weight: 200; } .uploader #upload_form .col-lg #headerB { width: 19px; position: relative; top: 4px; height: 19px; } .uploader #upload_form .col-lg #Separator { width: 51px; text-align: center; border-radius: 4px; font-size: 14px !important; height: 32px !important; font-weight: 700 !important; line-height: 15px; padding-top: 0px !important; margin-top: 2px; } .InfoCategorie.createtablefromscript .placeForListScript { width: 100%; } .InfoCategorie.createtablefromscript .placeForListScript.SELECTED { width: 30%; float: left; } .InfoCategorie.createtablefromscript .placeForListScript ul { margin: 0; padding: 0; width: calc(100% - 8px); height: 100%; } .InfoCategorie.createtablefromscript .placeForListScript ul li, .placeForListScriptInfoScript.SELECTED ul li, .InfoCategorie.createtablefromscript .placeForListScript ul li.grpname { transition: opacity 0.2s linear, border 0.2s linear; background-repeat: no-repeat !important; background-size: 30px 30px !important; font-size: 12px; font-weight: 600; text-align: left; opacity: 1; padding-left: 45px; height: 40px; padding-top: 12px; float: left; width: auto; margin: 5px; cursor: pointer; padding-top: 12px; background-position: 4px 2px; height: 39px; padding-left: 40px; padding-right: 5px; } .InfoCategorie.createtablefromscript .placeForListScript ul li[data-type='script'], .placeForListScriptInfoScript.SELECTED .scriptName { min-width: 225px; display: none; background-repeat: no-repeat !important; width: auto !important; height: 24px; background-size: 22px 42px !important; background-position: 3px -9px !important; font-size: 14px; font-weight: 600; text-transform: none; text-align: left; padding-left: 29px; float: left; margin-left: 13px; margin-top: 0px; border-radius: 0px !important; padding-top: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: background 0.4s linear, color 0.4s linear } .InfoCategorie.createtablefromscript .placeForListScript ul.open li { display: block; } .InfoCategorie.createtablefromscript .placeForListScript ul.open li.grpname { opacity: 1; width: 100%; height: 40px; font-weight: 600; background-position-x: 5px; padding-left: 42px; border-radius: 5px !important; } .InfoCategorie.createtablefromscript .placeForListScript ul li.wrap { display: none; background: none !important; width: 100%; height: 5px !important; margin: 0; padding: 0; } .InfoCategorie.createtablefromscript .placeForListScript ul.open li.wrap { display: block; } .InfoCategorie.createtablefromscript .placeForListScript ul li:hover { box-shadow: none !important; } .InfoCategorie.createtablefromscript .placeForListScript ul li[data-type='script'].SELECTED { width: calc(100% - 64px) !important; } .InfoCategorie.createtablefromscript .placeForListScriptInfoScript { width: 100%; display: none; padding-bottom: 10px; } .InfoCategorie.createtablefromscript .placeForListScriptInfoScript.SELECTED { width: calc(70% - 17px); display: block; float: left; } .InfoCategorie.createtablefromscript .placeForListScript.SELECTED li { width: calc(100% - 34px) !important; } .placeForListScriptInfoScript.SELECTED .scriptName { font-size: 14px; font-weight: 600; width: 100%; padding: 0 !important; display: block; height: 40px; line-height: 31px; margin-top: 8px; margin-left: 9px; text-transform: none; } .placeForListScriptInfoScript.SELECTED .scriptName { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-right-width: 0px !important; padding-top: 4px !important; background-position: 6px 4px !important; width: 60% !important; } .placeForListScriptInfoScript.SELECTED .iconfilter { background-position: 5px 8px; background-repeat: no-repeat; background-size: 25px 25px; display: inline-block; width: calc(40% - 9px); height: 40px; margin-top: 8px; background-color: transparent } .placeForListScriptInfoScript.SELECTED .pagename { height: 30px; text-align: left; padding: 0; padding-left: 9px; margin: 0; margin-left: 20px; width: calc(100% - 20px); background-image: none !important; margin-bottom: 5px; margin-top: 5px; } .placeForListScriptInfoScript.SELECTED .pagename span { line-height: 29px; } .placeForListScriptInfoScript.SELECTED .object { font-weight: 100; margin: 0; padding: 0; text-align: left; margin-left: 32px; height: auto; width: auto; float: left; min-width: 28%; height: 25px; cursor: default; background: none !important; border: none !important; } .placeForListScriptInfoScript.SELECTED .object .bigcheck { margin-top: -8px; float: left; margin-bottom: 0px; } .placeForListScriptInfoScript.SELECTED .object u { background-image: url(../img/objects-sprite_x.png?v=5.54.0) !important; background-repeat: no-repeat !important; height: 36px !important; width: 36px !important; float: left !important; margin: -6px 2px 2px -10px; transform: scale(0.5); } .placeForListScriptInfoScript.SELECTED .object span { width: auto; line-height: 21px; font-weight: 600; } .placeForListScriptInfoScript.SELECTED .object u[data-type="label"] { background-position: 0 0; } .placeForListScriptInfoScript.SELECTED .object u[data-type="input"] { background-position: 0 -72px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="inputwlabel"] { background-position: 0 -144px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="textarea"] { background-position: 0 -216px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="datalist"] { background-position: 0 -288px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="combobox"] { background-position: 0 -360px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="listbox"] { background-position: 0 -432px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="checkbox"] { background-position: 0 -502px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="radiobox"] { background-position: 0 -574px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="button"] { background-position: 0 -648px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="switch"] { background-position: 0 -720px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="iframe"] { background-position: 0 -792px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="img"] { background-position: 0 -864px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="link"] { background-position: 0 -936px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="objection"] { background-position: 0 -1008px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="navbar"] { background-position: 0 -1080px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="html"] { background-position: 0 -1152px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="slider"] { background-position: 0 -1224px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="date"] { background-position: 0 -1296px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="time"] { background-position: 0 -1368px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="datetime"] { background-position: 0 -2517px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="datagrid"] { background-position: 0 -1440px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="creditcard"] { background-position: 0 -1512px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="panel"] { background-position: 0 -1584px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="email"] { background-position: 0 -1835px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="simplecheckbox"] { background-position: 0 -1906px; } .placeForListScriptInfoScript.SELECTED .object u[data-type="inputwlabelC"] { background-position: 0 -1978px; } #filterScriptObject { float: right; width: calc(100% - 37px); margin-top: 8px; height: 32px; margin-bottom: 0px; border: 0; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .placeForListScriptInfoScript li.hide { display: none; } .placeForListScriptInfoScript.SELECTED .object.large { width: 100%; height: 63px; padding: 2px 2px 0px 5px; margin-bottom: 4px; } .placeForListScriptInfoScript.SELECTED .object.large .bigcheck { padding-top: 3px; } .placeForListScriptInfoScript.SELECTED .object.large u { margin-top: -2px; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup { display: none; } .placeForListScriptInfoScript.SELECTED .object.large span.id { display: none; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup { overflow: hidden; height: auto; margin: 0; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup li { transition: none !important; } .placeForListScriptInfoScript.SELECTED .input-classic { margin-left: 10px; float: left; width: 233px !important; height: 30px !important; } .placeForListScriptInfoScript.SELECTED .nameTableAndCreate { height: 44px; border-radius: 0; padding-top: 6px; margin-left: 9px; margin-top: 5px; border: 1px solid; } .placeForListScriptInfoScript.SELECTED .nameTableAndCreate select { float: left !important; width: 250px !important; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup .padleft { margin-top: 0px; height: 58px; margin-bottom: 0px; background: none !important; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup .padleft .headersimple { width: 100%; display: inline-block; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup .padleft .headersimple .COL1 { width: 166px; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup .padleft .headersimple .COL2 { width: 93px; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup .padleft .headersimple .COL3 { width: 90px; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup .padleft .headersimple .COL4 { width: 73px; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup .padleft .headersimple .COL1, .placeForListScriptInfoScript.SELECTED .object .placeforsetup .padleft .headersimple .COL2, .placeForListScriptInfoScript.SELECTED .object .placeforsetup .padleft .headersimple .COL3, .placeForListScriptInfoScript.SELECTED .object .placeforsetup .padleft .headersimple .COL4, .placeForListScriptInfoScript.SELECTED .object .placeforsetup .padleft .headersimple .COL5 { font-weight: 200 !important; font-size: 12px !important } .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .ColumnName { font-size: 14px; padding-top: 0px; height: 33px; margin-top: 0px; margin-left: 0px; margin-right: 0px; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .ColumnSize, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .DivColumnNull, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .ColumnDefault { margin-top: -1px; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .Descr_ColumnType { margin-top: -2px; } .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .Descr_ColumnType #ColumnType { position: absolute; left: 4px; top: 2px; width: 92px !important; height: 24px; } .typeRequest, .TypeRequest.UPDATE_select, .TypeRequest.INSERT_select, .TypeRequest.DELETE_select, .TypeRequest.CUSTOM_select { display: none; } .TypeRequest.REQUEST_select .Title, .TypeRequest.UPDATE_select .Title, .TypeRequest.INSERT_select .Title, .TypeRequest.DELETE_select .Title, .TypeRequest.CUSTOM_select .Title { float: left; width: auto; padding-left: 5px; font-weight: 600; } .TypeRequest.REQUEST_select .checkColumn, .TypeRequest.UPDATE_select .checkColumn, .TypeRequest.INSERT_select .checkColumn, .TypeRequest.DELETE_select .checkColumn, .TypeRequest.CUSTOM_select .checkColumn { min-width: 100%; display: inline-block; } .TypeRequest.REQUEST_select .checkColumn li, .TypeRequest.UPDATE_select .checkColumn li, .TypeRequest.INSERT_select .checkColumn li, .TypeRequest.DELETE_select .checkColumn li, .TypeRequest.CUSTOM_select .checkColumn li { font-size: 14px; width: auto !important; float: left; padding: 2px 3px !important; line-height: 22px; margin: 2px 0px 5px 6px !important; cursor: pointer } .TypeRequest .checkColumn.column li.SELECTED, .TypeRequest .checkColumn.from li.SELECTED, .TypeRequest .checkColumn.where { margin: 3px 2px -1px 1px; width: calc(100% - 53px); min-width: auto; background-color: transparent; border-radius: 0px; /* font-size: 13px; */ padding: 5px; line-height: 20px; outline: none; box-shadow: none !important; margin-bottom: 10px; height: 50px !important; margin-left: 6px; float: left; } .TypeRequest .checkColumn.column li.SELECTED, .TypeRequest .checkColumn.from li.SELECTED { margin: 3px 2px -1px 1px; width: calc(100% - 14px); min-width: auto; background-color: transparent; /* border-radius: 5px; */ font-size: 14px; padding: 5px; line-height: 20px; outline: none; box-shadow: none !important; margin-bottom: 10px; height: 25px !important; padding: 2px 5px !important; border: 1px solid transparent; } .TypeRequest .checkColumn.from li.SELECTED { font-size: 15px; font-weight: 500; text-transform: uppercase; } .TypeRequest .checkColumn.columnupdate li input { display: none !important } .TypeRequest .checkColumn.columnupdate li.SELECTED input { display: inline-block !important; height: 28px !important; } .TypeRequest .checkColumn.columninsert li input { display: none !important } .TypeRequest .checkColumn.columninsert li.SELECTED input { display: inline-block !important; height: 28px !important; } .TypeRequest .checkColumn.columnupdate input, .TypeRequest .checkColumn.columninsert input { width: 150px; text-align: left; padding: 0px 0px 1px 4px !important; font-size: 16px !important; -webkit-background-clip: padding-box; -moz-background-clip: padding; border-radius: 0px; background-clip: padding-box; margin-right: 0px; position: relative; display: inline-block; box-shadow: none; height: 28px !important; } button[data-act="ExecRequest"] { float: right; margin-left: 1px; display: block; margin-top: 0px; background-repeat: no-repeat; height: 32px; width: 170px; background-size: 28px 26px; border: 0; padding-left: 37px; background-position: 1px 3px; text-align: left; text-transform: uppercase; /* font-size: 13px !important; */ /* font-weight: 200 !important; */ margin-top: 25px; border: 0 !important; margin-bottom: 8px; } button[data-act="ExecRequest"] span { width: 100% !important; padding-left: 20px; } #DATAGRID .message { position: relative; font-size: 16px; margin: 0px 0px 15px 0px; padding: 4px 10px 3px 10px; border-radius: 3px; line-height: 22px; font-weight: 100; } #DATAGRID .message span { font-weight: 500; font-size: 17px; position: absolute; right: 3px; top: -5px; cursor: pointer; opacity: 0.5; transition: opacity 0.2s; } #DATAGRID .message span:hover { opacity: 1; } #DATAGRID .modal-body { margin: 50px auto; height: calc(100% - 60px); min-width: 450px; margin-top: 0px; width: auto !important; padding: 0px; margin-bottom: 0px; } #DATAGRID .modal-dialog { width: auto !important; margin: 0; margin-left: auto; margin-right: auto; } #DATAGRID .modal-header { padding: 7px; } #DATAGRID .modal-content { border-radius: 0px; margin: 8px; } #DATAGRID .bigcheck a { text-transform: none; text-decoration: underline; } #DATAGRID .bigcheck { margin-top: 13px; font-weight: 100; } #DATAGRID .bigcheck label { font-weight: 500; font-size: inherit; line-height: 21px; } #DATAGRID .bigcheck [type="checkbox"]:not(:checked), #DATAGRID .bigcheck [type="checkbox"]:checked { position: absolute; left: -9999px; } #DATAGRID .bigcheck [type="checkbox"]:not(:checked) + label, #DATAGRID .bigcheck [type="checkbox"]:checked + label { position: relative; padding-left: 2.2em; cursor: pointer; } #DATAGRID .bigcheck [type="checkbox"]:not(:checked) + label, #DATAGRID .bigcheck [type="checkbox"]:checked + label { padding-top: 2px; } #DATAGRID .bigcheck [type="checkbox"]:not(:checked) + label:before, #DATAGRID .bigcheck [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0; width: 23px; height: 23px; border-radius: 4px; } #DATAGRID .bigcheck [type='checkbox']:not(:checked) + label::after, #DATAGRID .bigcheck [type='checkbox']:checked + label::after { content: ""; position: absolute; top: 4px; left: 4px; width: 15px; height: 15px; transition: all .2s; border-radius: 2px; } #DATAGRID .bigcheck [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } #DATAGRID .bigcheck [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } #DATAGRID .bigcheck [type="checkbox"]:not(:checked) + label:after, #DATAGRID .btn-login.bigbutton{ transition: box-shadow 0.2s linear; font-weight: 600 !important; padding-top: 0px; width: auto; height: 42px; font-size: 14px !important; line-height: 28px; position: relative; border: 0; padding: 0; text-transform: uppercase; float: right; margin-right: 0; padding: 5px 16px; } #DATAGRID .modal-footer .btn-default, #DATAGRID input[type=button].white { font-weight: 600 !important; text-transform: none; padding-top: 0px; width: auto; height: 29px; font-size: 14px !important; line-height: 21px; position: relative; border: 0; padding: 0; text-transform: uppercase; float: right; margin-right: 0; padding: 5px 16px; border-radius: 0; } #DATAGRID .modal-footer .btn-default { float: left; } #DATAGRID input[type=button].white { margin-left: 10px; margin-top: 7px; } #DATAGRID .modal-header .fs22 { font-size: 14px; font-weight: 500; text-transform: uppercase; } #DATAGRID .requestResult { display: inline-table; width: 100%; font-size: 12px; } #POPUPGRAPH .graphResult { display: inline-table; width: 100%; font-size: 12px; background-color: white; height: 100%; } #DATAGRID .datagrid .loader { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 200; background-image: url('../../img/objects/wait.gif'); background-position: center center; background-repeat: no-repeat; } #DATAGRID .datagrid .error { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 200; } #DATAGRID .datagrid span { position: relative; text-align: center; top: 50%; display: block; font-size: 1.5em; } #DATAGRID .datagrid { width: 100%; height: auto; min-height: 190px; overflow-y: hidden; overflow-x: hidden; z-index: 100; position: relative; display: block; box-sizing: border-box; margin-top: -1px; } #DATAGRID .datagrid .info { position: relative; height: 42px; width: 100%; margin: 0px !important; float: left; } #DATAGRID .datagrid .titleDG { display: none; } #DATAGRID .datagrid .btnArea { float: left; } #DATAGRID .datagrid .grid { overflow-y: scroll; height: calc(100% - 84px); overflow-x: hidden; width: 100%; } #DATAGRID .datagrid .paginator { height: 42px; background-image: url("../img/objects/resize.png"); background-repeat: no-repeat; background-position: bottom right; } #DATAGRID .datagrid .grid th a:hover, [skin=default].page .datagrid .grid td a:hover { text-decoration: underline !important; } #DATAGRID .datagrid .backgrid th, .backgrid td { height: 21px !important; line-height: 20px; } #DATAGRID .datagrid .backgrid thead th { vertical-align: middle !important; } #DATAGRID .datagrid .backgrid td.editor input[type=text] { box-sizing: border-box; display: block; width: 100%; padding: 7px 0px 6px 0.4em; font-size: 1em; background-image: none; border-radius: 1px; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } #DATAGRID .datagrid .backgrid td.editor input[type=text]:focus { outline: 0 !important; } #DATAGRID .datagrid .backgrid-filter.form-search { position: absolute; width: 278px; height: 30px; margin: 6px !important; right: -4px; top: -1px; } #DATAGRID .datagrid .backgrid-filter .search::after { position: absolute; top: 50%; left: 10px; width: 3px; height: 7px; margin-top: 2px; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #DATAGRID .datagrid .backgrid-filter .search::before { position: absolute; top: 50%; left: 0px; width: 6px; height: 6px; margin-top: -6px; background: transparent; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; content: ""; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #DATAGRID .datagrid .backgrid-filter .search { position: absolute; top: 50%; left: 6px; z-index: 1000; width: 10px; height: 20px; margin-top: -10px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #DATAGRID .datagrid .backgrid-filter input { margin: 0; font-family: inherit; font-size: 100%; line-height: normal; } #DATAGRID .datagrid input[type='search'] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } #DATAGRID .datagrid .backgrid-filter input[type='search'] { position: absolute; display: inline-block; width: 250px; height: 28px !important; font-weight: normal; line-height: 9px; font-size: 14px !important; padding-top: 0 !important; } #DATAGRID .datagrid .backgrid-filter .clear { position: absolute; top: 50%; right: 11px; z-index: 1000; width: 10px; height: 20px; margin-top: -10px; font-size: 20px; font-weight: bold; line-height: 20px; text-decoration: none; } #DATAGRID .datagrid .backgrid-filter input[type='search'] { padding-right: 0px; padding-left: 22px; } #DATAGRID .rc-handle-container { position: relative; } #DATAGRID .rc-handle { position: absolute; width: 7px; cursor: ew-resize; margin-left: -3px; z-index: 2; } #DATAGRID table.rc-table-resizing { cursor: ew-resize; } #DATAGRID table.rc-table-resizing thead, #DATAGRID table.rc-table-resizing thead > th, #DATAGRID table.rc-table-resizing thead > th > a { cursor: ew-resize; } #POPUPGRAPH .modal-body { margin: 50px auto; height: 500px; min-width: 450px; margin-top: 0px; width: auto !important; padding: 0px; margin-bottom: 0px; } #POPUPGRAPH .modal-dialog { width: auto !important; margin: 0; margin-left: auto; margin-right: auto; } #POPUPGRAPH .modal-header { padding: 7px; border-bottom-width: 0; } #POPUPGRAPH .modal-content { border-radius: 0px; margin: 8px; } .placeForResultRequest .ifSELECT { display: block; width: 100%; overflow: auto; } .placeForResultRequest .ifNotSELECT { display: block; padding-left: 5px; overflow: auto; width: calc(100% - 243px); margin-left: 7px; border-radius: 0px; font-size: 12px; line-height: 18px; text-align: left; padding: 1px 4px; margin-bottom: 10px; } .placeForResultRequest .ifNotSELECT p { padding: 2px 1px; line-height: 1.3em; font-weight: 600; display: inline-block } .placeForResultRequest .ifNotSELECT textarea { width: 100%; height: auto !important; padding: 4px; border: 0 !important; font-size: 14px !important; min-height: 130px; } .ifNotSELECT { width: calc(100% - 243px); margin-left: 7px; height: 80px; border-radius: 5px; font-size: 12px; line-height: 18px; text-align: left; padding: 1px 4px; } #exportCSVResults { opacity: 0.7; float: left; margin-left: 10px; display: inline-block; margin-top: 0px; background-repeat: no-repeat; height: 32px !important; width: auto; background-size: 30px 31px; padding-left: 40px; background-position: 0px 0px; text-align: left; /* font-size: 13px !important; */ /* font-weight: 200 !important; */ margin-top: 8px; border: 0 !important; background-color: transparent !important; margin-top: 0px; padding-top: 15px; } #exportCSVResults { background-position: 0px 3px; background-image: url(../img/SVG/Export_W.svg?v=X.0); margin-right: 0px; padding-right: 0px; background-size: 35px; } #exportCSVResults:hover { box-shadow: none !important } #exportCSVResults u { width: 100% !important; padding-left: 36px; float: left; white-space: normal; vertical-align: middle; height: 30px; line-height: 14px; display: block; font-weight: 600; top: -2px !important; font-size: 12px !important; text-align: left !important; position: relative; } #DATAGRID button.close, #POPUPGRAPH button.close { display: block; position: absolute; top: 12px; right: 9px; font-size: 2em; font-weight: 500; opacity: 0.7; transition: opacity 0.2s linear; background-repeat: no-repeat; height: 20px !important; width: 20px; background-size: 15px 15px; height: 20px; } #DATAGRID button.close:hover, #POPUPGRAPH button.close:hover { opacity: 1; background-color: transparent !important; } #DATAGRID .datagrid .backgrid .sort-caret { margin-left: 0.5em; } #DATAGRID .backgrid-paginator ul > .active > a, #DATAGRID .backgrid-paginator ul > .active > span { cursor: default; } #DATAGRID .datagrid .backgrid tbody tr.SELECTED { font-weight: 600; height: 3.2em; } #DATAGRID .datagrid .backgrid tbody tr { transition: background-color 0.2s linear; } #DATAGRID .datagrid .backgrid.backgrid th, #DATAGRID .datagrid .backgrid.backgrid td { line-height: 16px; font-size: 0.9em; text-overflow: ellipsis; white-space: nowrap; } #datagridResult.datagrid .backgrid th, #datagridResult.datagrid .backgrid td { font-size: 1.2em !important; font-weight: 500 !important; } #datagridResult.datagrid .backgrid-paginator ul > li { font-size: 17px !important; } #DATAGRID .datagrid .backgrid.backgrid tr.SELECTED td { text-overflow: ellipsis; white-space: normal; } .mainaccount { display: block; margin-left: auto; margin-right: auto; width: 470px; } .size-account { width: 470px; margin-left: auto; margin-right: auto; } #Create-Account, #Login-Account { display: inline-block; position: relative; ruby-overhang: auto; height: auto; width: 430px; padding: 20px; padding-top: 0px; padding-bottom: 0px; } #Create-Account .createtitle { margin-top: 0px; display: block; font-size: 10pt; padding: 0px; width: 473px; text-align: left; -webkit-transition: color 0.2s ease-in; height: 37px; padding-top: 5px; padding-left: 5px; margin-bottom: 5px; margin-left: 15px; } #loginIN { background-size: 60%; background-repeat: no-repeat; background-position: top left; background-blend-mode: luminosity; } #loginIN .HideAccount { display: none; position: absolute; width: 100%; height: calc(100% - 20px); z-index: 65000; font-size: 21px; font-weight: 500; text-align: center; vertical-align: middle; top: 14px; left: 0px; } #loginIN .message { position: relative; font-size: 16px; margin: 0px 0px 15px 0px; padding: 4px 10px 3px 10px; border-radius: 3px; line-height: 22px; font-weight: 100; } #loginIN .message span { font-weight: 500; font-size: 17px; position: absolute; right: 3px; top: -5px; cursor: pointer; opacity: 0.5; transition: opacity 0.2s; } #loginIN .message span.access { font-weight: 200; font-size: 15px; position: static; right: 3px; top: -5px; cursor: pointer; opacity: 1; transition: opacity 0.2s; padding-right: 10px; } #loginIN .message span.access b { color: red; font-weight: 700; } #loginIN .message span:hover { opacity: 1; } #loginIN #Login-Account, #loginIN #Create-Account { display: inline-block; position: relative; ruby-overhang: auto; height: auto; width: 100%; padding: 0px; padding-top: 0px; padding-bottom: 0px; } #loginIN .input-classic { text-align: left; padding: 0px 0px 0px 7px; height: 35px; line-height: 17px; font-size: 22px; font-weight: 500; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0px; background-clip: padding-box; margin-right: 0px; position: relative; display: inline-block; } #loginIN .mail.large, #loginIN .large.password { border-radius: 0; margin-top: 5px; padding-left: 41px; min-width: 393px; width: 100%; background-repeat: no-repeat; background-size: 25px 25px; background-position: 6px 5px; outline: 0; box-shadow: none !important; font-weight: 400 !important; padding-top: 0px !important; height: 41px !important; font-size: 20px !important; font-family: "Segoe UI"; line-height: 4px !important; } #loginIN .large.password { background-image: none; } #loginIN .small-text { padding-left: 8px; font-weight: 500; font-size: 14px; display: block; padding-bottom: 0px; line-height: 19px; font-weight: 400; } #loginIN .large.password { background-image: none; margin-top: 16px; padding-left: 0; text-align: center; font-size: 51px; } body[data-browser=edge] #loginIN .large.password { padding-bottom: 4px; font-size: 37px; } #loginIN .modal-body { margin: 50px auto; height: calc(100% - 60px); min-width: 450px; margin-top: 0px; max-width: 1200px; width: auto !important; padding: 0px; padding-top: 14px; margin-bottom: 0px; } #loginIN .modal-dialog { width: 520px !important; margin: 0; margin-left: auto; margin-right: auto; top: calc(50% - 180px); } #loginIN.modal { top: 0px; } #loginIN .icon-alert { display: block; position: absolute; top: 0px; right: -241px; display: block; width: 212px; height: 151px; background-image: url(../img/escript_x/full_logo3.png?v=10); background-size: 212px 151px; z-index: 5000; } #loginIN .dropdown-menu li a { width: 100%; height: auto; font-weight: 100; } #loginIN .dropdown-menu li a:hover { text-decoration: underline; } #loginIN ul.dropdown-menu { width: 100%; border-top-width: 0px !important; } #loginIN .dropdown .caret { float: right; margin-top: 6px; border: 0; } #loginIN .dropdown .btn { width: 100%; text-align: left; border-radius: 0; font-size: 18px; font-weight: 100; } #loginIN .dropdown.multi-Company { display: none; margin-top: 20px; } #loginIN .HideAccount .d1 { filter: alpha(opacity=70); opacity: 0.85; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; } #loginIN .HideAccount .d2 { padding: 10px; font-size: 21px; position: absolute; display: block; top: calc(50% - 103px); left: 0px; width: 100%; height: 100%; font-weight: 500; text-align: center; } #loginIN #loginCompany { position: relative; right: 0px; float: right; height: 32px; width: 60px; margin-top: 8px; font-size: 22px !important; padding: 0; line-height: 21px !important; display: none; } #loginIN .modal-header { padding: 7px; border-bottom: 0 } #loginIN .modal-content { border-radius: 0px; margin: 8px; } #loginIN #enter_login, #loginIN #forgot_login { width: 100%; } #loginIN #forgot_login .size-end-account { margin-top: 10px; margin-bottom: 10px; display: inline-block; width: 100%; } #loginIN .movewait { background-size: 90px 90px; width: 90px; height: 90px; top: calc(50% - 45px); left: calc(50% - 45px); } #loginIN .modal-header .fs22,#INFO_CHILDRENS .modal-header .fs22 { font-size: 20px; font-weight: 500; text-transform: uppercase; color: #FFFFFF } #loginIN #Create-Account .form-group label { display: inline-block; max-width: 100%; margin-bottom: -1px; font-weight: 200; } #loginIN #Create-Account .form-control { height: 26px !important; padding: 2px 4px !important; -webkit-box-shadow: none; -webkit-transition: none; box-shadow: none; font-weight: 500; font-size: 14px; font-family: inherit; } #loginIN .pilotlog { padding-bottom: 10px; padding-top: 10px; } #loginIN .myemail { line-height: 48px; font-size: 15px; font-weight: 500 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #loginIN .otherinfo { font-weight: 500 !important; margin-top: 19px; font-size: 14px; } #loginIN .shortlink { font-size: 11px; font-weight: 500; } #loginIN #panelChangePassword { display: none; } #loginIN #panelChangePassword.SHOW { display: block; } #loginIN #changeMyPassword { font-size: 10px; } #loginIN .bigcheck a { text-transform: none; text-decoration: underline; } #loginIN .bigcheck { margin-top: 20px; font-weight: 100; } #loginIN .bigcheck label { font-weight: 500; font-size: inherit; line-height: 17px; font-size: 14px; } #loginIN .bigcheck [type="checkbox"]:not(:checked), #loginIN .bigcheck [type="checkbox"]:checked { position: absolute; left: -9999px; } #loginIN .bigcheck [type="checkbox"]:not(:checked) + label, #loginIN .bigcheck [type="checkbox"]:checked + label { position: relative; padding-left: 2.2em; cursor: pointer; } #loginIN .bigcheck [type="checkbox"]:not(:checked) + label, #loginIN .bigcheck [type="checkbox"]:checked + label { padding-top: 2px; } #loginIN .bigcheck [type="checkbox"]:not(:checked) + label:before, #loginIN .bigcheck [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0; width: 23px; height: 23px; border-radius: 2px; border: 1px solid; } #loginIN .bigcheck [type='checkbox']:not(:checked) + label::after, #loginIN .bigcheck [type='checkbox']:checked + label::after { content: ""; position: absolute; top: 4px; left: 4px; width: 15px; height: 15px; transition: all .2s; border-radius: 2px; } #loginIN .bigcheck [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } #loginIN .bigcheck [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } #loginIN .menu-main { position: relative; display: block; text-align: center; margin: 20px 0px; width: 100%; float: right; } #loginIN .btn-login.bigbutton,#InfoChildren { transition: box-shadow 0.2s linear; font-weight: 600 !important; padding-top: 0px; width: auto; height: 42px; font-size: 14px !important; line-height: 28px; position: relative; border: 0; padding: 0; text-transform: uppercase; float: right; margin-right: 0; padding: 5px 16px; } #InfoChildren { top: 0; position: absolute; right: 0px; font-size: 10px !important; } #INFO_CHILDRENS .modal-header i { display: block; position: absolute; top: -22px; right: -4px; font-size: 2em; font-weight: 500; opacity: 1; background-repeat: no-repeat; height: 20px; width: 20px; background-size: 15px 15px;cursor:pointer } #INFO_CHILDRENS select:focus-visible{border:0; box-shadow:none} #INFO_CHILDRENS .modal-content { height: calc(100% - 40px); } #INFO_CHILDRENS .modal-body { padding-top: 0; padding: 2px; height: calc(100% - 70px); /* overflow-y: auto; */ /* overflow-x: hidden; */ /* min-height: 100%; */ } #INFO_CHILDRENS .modal-dialog { width: calc(100% - 20px); height: calc(100% - 60px); } #INFO_CHILDRENS ul li{ display: inline-block; } #INFO_CHILDRENS .C1 { width: 100%; display: block; font-size: 16px; font-weight: 600; height: 26px; margin-top: -1px; background-color: green; color: white; line-height: 24px; padding-left: 5px; margin-bottom: 3px; } #INFO_CHILDRENS .C2 { display: block; width: 100%; font-size: 14px; margin-left: 5px; height: 17px; } #INFO_CHILDRENS .C2 b,#INFO_CHILDRENS .C3 b { font-weight: 600; } #INFO_CHILDRENS .C3 { width: calc(50% - 5px); display: inline-block; height: 17px; margin-left: 5px; font-size: 14px; } #INFO_CHILDRENS .idrepartagent li .nb span { position: absolute; bottom: 0px; width: 50%; max-height: 410px; display: none; } #INFO_CHILDRENS .idrepartagent li .nb span.CC { position: absolute; bottom: 0px; left: 0px; width: 100%; max-height: 410px; display: block; } #INFO_CHILDRENS .idrepartagent { width: 100%; display: block; margin: 0; height: 120px; padding: 0; margin-left: auto; margin-right: auto; margin-top: 0px; } #INFO_CHILDRENS .idrepartagent li, .newplaceScript.STATISTICS .mainCat #RepartScript li { list-style: none; float: left; width: calc(100% / 31.5); position: relative; display: block; height: 480px; border: 1px solid; border-left-width: 0px; transition: width 0.2s ease-in-out; } #INFO_CHILDRENS .idrepartagent li:first-child { border-left-width: 1px; border-style: solid; } #INFO_CHILDRENS .idrepartagent li .nb { position: absolute; top: 0px; width: 100%; height: 462px; } #INFO_CHILDRENS .idrepartagent li .nb span{ position: absolute; bottom: 0px; width: 100%; max-height: 464px; left: 0px } #INFO_CHILDRENS .idrepartagent li .j { position: absolute; left: 0; bottom: 0px; width: 100%; height: 15px; font-size: 9px; text-align: center; padding-top: 1px; border-top: 1px; border-style: solid; } #INFO_CHILDRENS .RepartAgent { padding: 0; padding-left: 5px; margin-bottom: 9px; } #INFO_CHILDRENS .RepartAgent .titleList:not(.maxValue) { line-height: 24px; width: 100%; border-radius: 0px; font-weight: 500; font-size: 14px; text-align: left; border: 0; padding-left: 0px; } #INFO_CHILDRENS .idrepartagent li .indic.CC{color:lightgray} #Renew-Password .createtitle, #Create-Account .createtitle, #Login-Account .createtitle { margin-top: 0px; display: inline-block; font-size: 15px; padding: 0px; width: 100%; text-align: left; height: 37px; font-weight: 500; } #Login-Account .createtitle { margin-top: 0px; display: inline-block; font-size: 15px; padding: 0px; width: 100%; text-align: left; height: 37px; font-weight: 500; } #Create-Account .createtitle { margin-top: 0px; display: block; font-size: 10pt; padding: 0px; width: 471px; text-align: left; -webkit-transition: color 0.2s ease-in; height: 37px; padding-top: 5px; padding-left: 5px; margin-bottom: 5px; margin-left: 15px; font-weight: 500; } #Renew-Password .createtitle { margin-top: 0px; display: block; font-size: 10pt; padding: 0px; width: 471px; text-align: left; -webkit-transition: color 0.2s ease-in; height: 37px; padding-top: 5px; padding-left: 5px; margin-bottom: 5px; font-weight: 500; } #Renew-Password .createtitle a, #Create-Account .createtitle a, #Login-Account .createtitle a { text-decoration: none; cursor: pointer; width: 49%; display: inline-block; text-align: center; text-transform: none; line-height: 19px; font-weight: 100; text-decoration: underline; } #Renew-Password .createtitle a:hover, #Create-Account .createtitle a:hover, #Login-Account .createtitle a:hover { text-decoration: none; } #loginIN .modal-footer .btn-default, #loginIN #forgot_login input[type=button].white { text-transform: none; padding-top: 0px; width: auto; position: relative; border: 0; padding: 0; text-transform: uppercase; float: right; margin-right: 0px; border-radius: 0; } #loginIN .modal-footer .btn-default.disconnect { float: left; } #loginIN #forgot_login input[type=button].white { margin-left: 10px; margin-top: 7px; } #loginIN .modal-footer { border: 0; } #loginIN .dropdown-menu li a { width: 100%; height: auto; } #loginIN ul.dropdown-menu { width: 100%; } #loginIN .dropdown .caret { float: right; margin-top: 5px; } #loginIN .dropdown .btn { width: 100%; text-align: left; } #loginIN .dropdown.multi-Company button { width: 300px; font-family: 'Open Sans'; font-size: 14px !important; font-weight: 400 !important; line-height: 29px !important; height: 42px !important; border: 1px !important; border-radius:2px !important } #loginIN .dropdown-menu li a { width: 100%; height: auto; font-weight: 100; height: 31px; line-height: 27px; text-decoration: none !important } #loginIN ul.dropdown-menu { position: static; top: 100%; left: 0; z-index: 1000; /* display: none; */ float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; /* border: 1px solid #ccc; */ /* border: 1px solid rgba(0,0,0,.15); */ /* border-radius: 4px; */ /* -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%); */ /* box-shadow: 0 6px 12px rgb(0 0 0 / 18%); */ max-height: 280px; overflow-y: auto; width: 300px; } #loginIN .InfoCategorie div { width: 50px; text-align: center; float: left; padding: 5px; } #loginIN .InfoCategorie #LNG_FR, #loginIN .InfoCategorie #LNG_EN, #loginIN .InfoCategorie #LNG_DE, #loginIN .InfoCategorie #LNG_ES { width: 40px; height: 30px; background-size: 40px 30px; background-repeat: no-repeat; opacity: 0.3; } #loginIN .InfoCategorie #LNG_FR { background-image: url('../Translations/flags/fr.svg'); } #loginIN .InfoCategorie #LNG_EN { background-image: url('../Translations/flags/us.svg'); } #loginIN .InfoCategorie #LNG_ES { background-image: url('../Translations/flags/es.svg'); } #loginIN .InfoCategorie #LNG_DE { background-image: url('../Translations/flags/de.svg'); } body[data-lng="en-US"] #loginIN .InfoCategorie #LNG_EN { opacity: 1; } body[data-lng="fr-FR"] #loginIN .InfoCategorie #LNG_FR { opacity: 1; } body[data-lng="es"] #loginIN .InfoCategorie #LNG_ES { opacity: 1; } body[data-lng="de"] #loginIN .InfoCategorie #LNG_DE { opacity: 1; } #myNavbar .dropdown-menu { padding-top: 0; } body[data-lng="en-US"] #myNavbar .EN, body[data-lng="fr-FR"] #myNavbar .FR, body[data-lng="es"] #myNavbar .ES, body[data-lng="de"] #myNavbar .DE { font-weight: 600; text-transform: uppercase; } .form-control { box-shadow: none; transition: none; margin-top: 5px; border-radius: 0px } .form-control:focus { box-shadow: none !important; outline: none !important } .newplaceScript.ACCOUNT .mainCat .row { margin-right: 0px; margin-left: 0px; margin-top: 0px; } .newplaceScript.ACCOUNT .mainCat label { font-weight: 600; margin-bottom: 0px; font-size: 15px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .newplaceScript.ACCOUNT .mainCat .form-control { height: 25px; padding: 0px 8px; padding-right: 0px; -webkit-box-shadow: none; box-shadow: none; margin-top: 5px; } .newplaceScript.ACCOUNT .mainCat .form-control { padding: 1px 0px 4px 0.4em; font-size: 14px; border-radius: 0; height: 31px !important; font-weight: 500; line-height: 28px; } .newplaceScript.ACCOUNT .mainCat .btn.action { margin-left: auto; margin-right: auto; margin-bottom: 12px; position: relative; display: block; } .newplaceScript.ACCOUNT .mainCat .btn.action, .newplaceScript.ACCOUNT .btn.btn-primary { transition: box-shadow 0.2s linear; padding-top: 0px; position: relative; border: 0; text-transform: uppercase; float: right; margin-right: 0px; } .newplaceScript.ACCOUNT .mainCat .btn-group, .newplaceScript.ACCOUNT .mainCat .btn-group-vertical { margin-top: 22px; } .newplaceScript.ACCOUNT .mainCat .btn.btn-primary.short { height: 25px; padding-top: 2px; margin-top: 4px; } .newplaceScript.ACCOUNT .mainCat .input-group { margin-bottom: 14px; } .newplaceScript.ACCOUNT .mainCat .form-group.shortM { margin-bottom: 3px; } .newplaceScript.ACCOUNT .mainCat .desi.shortP { padding-top: 3px; } .newplaceScript.ACCOUNT .mainCat .btnList { margin-bottom: 0px; margin-top: 22px; margin-right: 5px; float: right; padding-top: 0px !important; min-width: 150px; text-align: center; } .newplaceScript.ACCOUNT .mainCat .btnList.btn-danger { background-color: #d9534f !important; border-color: #d9534f !important } .newplaceScript.ACCOUNT .mainCat .btnList.btn-success { background-color: #5cb85c !important; border-color: #5cb85c !important } .newplaceScript.ACCOUNT .mainCat .btnList:focus { outline: 0 } .newplaceScript.ACCOUNT .mainCat .form-group { margin-bottom: 0px; margin-top: 7px; text-align: left; padding-right: 0; } .newplaceScript.ACCOUNT .mainCat #EMAIL_Ssl, .newplaceScript.ACCOUNT .mainCat #NEW_SMTP_Ssl { background-color: transparent; width: 31px; border: 0; margin-left: 40px; -webkit-appearance: none; background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 9px; border-radius: 3px; display: inline-block; position: relative; transition: border-radius 0.2s linear; cursor: pointer; } .newplaceScript.ACCOUNT .mainCat #EMAIL_Ssl:checked, .newplaceScript.ACCOUNT .mainCat #NEW_SMTP_Ssl:checked { border: 1px solid #adb8c0; border-radius: 24px; } div.first b[data-type="ACCOUNT"] div.desi { padding-bottom: 50px !important; } .newplaceScript.ACCOUNT .mainCat #CAT_EMAIL .row { margin-bottom: 13px; } .newplaceScript.ACCOUNT .mainCat div.title { margin-top: 10px; font-size: 21px; font-weight: 500; z-index: 0; position: absolute; top: 0px; left: 15px; } .newplaceScript.ACCOUNT .mainCat div.titleText { position: absolute; right: 23px; top: 89px; font-size: 20px; } .newplaceScript.ACCOUNT .mainCat div.title span { margin-left: 10px; } .newplaceScript.ACCOUNT .mainCat .titleList { width: calc(100% - 5px); padding: 10px; font-size: 17px; font-weight: 600; text-align: left; } .newplaceScript.ACCOUNT .mainCat .userList { overflow-y: auto; margin-top: 2px; } .newplaceScript.ACCOUNT .mainCat .cxList { height: auto; margin-top: 2px; margin-bottom: 11px; } .newplaceScript.ACCOUNT .mainCat .wait { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; text-align: center; opacity: 1; z-index: 10; } .newplaceScript.ACCOUNT .mainCat .wait span { top: calc(50% - 29px); position: absolute; left: calc(50% - 72px); } .newplaceScript.ACCOUNT .mainCat .wait span img { padding: 20px; } .newplaceScript.ACCOUNT .mainCat .wait.CLOSE { opacity: 0; display: none; } /*.newplaceScript.ACCOUNT .mainCat .error { position: absolute; top: 0px; left: 1px; width: calc(100% - 1px); height: 70px; text-align: center; opacity: 0; display: none; z-index: 10; background-color: black; border: 3px solid lightgray; border-radius: 124px; } .newplaceScript.ACCOUNT .mainCat .error span { margin-left: auto; margin-right: auto; } .newplaceScript.ACCOUNT .mainCat .error span img { top: -3px; padding: 20px; position: relative; left: -3px; } .newplaceScript.ACCOUNT .mainCat .error span.txt { position: absolute; top: 21px; left: 80px; font-size: 15px; width: calc(100% - 90px); text-align: left; height: 38px; line-height: 20px; } */ .newplaceScript.ACCOUNT .mainCat .error.OPEN { opacity: 1; display: block; } .newplaceScript.ACCOUNT .mainCat .header span.info { font-size: 15px; height: 36px; padding-top: 7px; padding-left: 7px; padding-right: 7px; z-index:10000;display: block; width: 190px; text-align: center; transition: left 0.2s ease-in-out; line-height: 22px; font-weight: 600; left: 11px; top: 106px; opacity: 0 } .newplaceScript.ACCOUNT .mainCat .header span.locerror, .newplaceScript.ACCOUNT .mainCat .error { line-height: 35px; font-size: 15px; height: auto; padding-top: 0; padding-left: 7px; padding-right: 7px; display: block; left: 0px; top: 106px; width: 100%; text-align: center; transition: right 0.2s ease-in-out; z-index: 5000; font-weight: 600; text-align: left; border-radius: 0px; opacity: 0; transition: opacity 0.2s linear; } .newplaceScript.ACCOUNT .mainCat .header span.info.VIEW, .newplaceScript.ACCOUNT .mainCat .header span.locerror.VIEW { opacity: 1; } .newplaceScript.ACCOUNT .mainCat .scriptList li { border-radius: 5px; margin: 5px; padding: 5px; cursor: default; } .newplaceScript.ACCOUNT .mainCat .scriptList li .name { width: 100%; display: block; font-weight: 500; font-size: 15px; } .newplaceScript.ACCOUNT .mainCat .scriptList li .url, .newplaceScript.ACCOUNT .mainCat .scriptList li .urlprod { width: 100%; display: block; margin-left: 56px; } .newplaceScript.ACCOUNT .mainCat .copyrightE { position: fixed; font-size: 12px; bottom: 126px; left: -115px !important; transform: rotate(-90deg); } .newplaceScript.ACCOUNT .mainCat .infostat { height: 27px; line-height: 20px; padding: 3px; margin-top: 6px; padding-left: 12px; font-size: 14px; margin-left: 1px; width: 100%; } .newplaceScript.ACCOUNT .mainCat .separator { list-style: none; height: 16px; background-color: transparent; margin-bottom: 8px; } .newplaceScript.ACCOUNT .mainCat .question { border-radius: 5px; padding: 11px; margin-right: 15px; margin-left: 15px; } .newplaceScript.STATISTICS .row.question.BB { border: 1px solid; margin: 11px 10px 11px 10px !important; padding: 12px 10px !important; width: calc(100% - 11px) !important; } .mainCat #CAT_STATSCRIPT .titleList, .mainCat #CAT_STAT .titleList { width: 100%; padding: 6px; font-size: 17px; font-weight: 500; background-color: transparent; text-align: center; } .newplaceScript.STATISTICS .mainCat .ViewedPages { position: relative; left: 3px; height: 530px; } .newplaceScript.STATISTICS .mainCat #ViewedPages { width: 100%; display: block; margin: 0; height: auto; padding: 0; margin-left: auto; margin-right: auto; } .newplaceScript.STATISTICS .mainCat #ViewedPages li { list-style: none; float: left; width: 100%; position: relative; display: block; height: 28px; border-left-width: 0px; line-height: 27px; padding: 6px; padding-left: 0; } .newplaceScript.STATISTICS .mainCat #ViewedPages li .pageName { width: calc(100% - 480px); float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 700; text-align: right; padding-right: 6px; border-bottom-width: 0px; } .newplaceScript.STATISTICS .mainCat #ViewedPages li:last-child .pageName { border-bottom-width: 1px; } .newplaceScript.STATISTICS .mainCat #ViewedPages li .pageName.START::after, .newplaceScript.STATISTICS .mainCat #ViewedPages li .pageName span.START::after { position: absolute; top: 16px; width: 8px; height: 8px; border-width: 1px 0 3px 3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; float: left; margin: 1px 2px 0px 0px; left: 9px; } .newplaceScript.STATISTICS .mainCat #ViewedPages li .maxTime, .newplaceScript.STATISTICS .mainCat #ViewedPages li .meanTime, .newplaceScript.STATISTICS .mainCat #ViewedPages li .minTime, .newplaceScript.STATISTICS .mainCat #ViewedPages li .nbLoad { width: 120px; float: left; text-align: center; border-left-width: 0px; border-bottom-width: 0px; position: relative; } .newplaceScript.STATISTICS .mainCat #ViewedPages li .maxTime span.b, .newplaceScript.STATISTICS .mainCat #ViewedPages li .meanTime span.b, .newplaceScript.STATISTICS .mainCat #ViewedPages li .minTime span.b, .newplaceScript.STATISTICS .mainCat #ViewedPages li .nbLoad span.b { position: absolute; top: 0px; left: 0px; width: 0px; height: 20px; margin: 3px; } .newplaceScript.STATISTICS .mainCat #ViewedPages li .maxTime span.a, .newplaceScript.STATISTICS .mainCat #ViewedPages li .meanTime span.a, .newplaceScript.STATISTICS .mainCat #ViewedPages li .minTime span.a, .newplaceScript.STATISTICS .mainCat #ViewedPages li .nbLoad span.a { position: relative; width: 100%; } .newplaceScript.STATISTICS .mainCat #ViewedPages li:last-child .maxTime, .newplaceScript.STATISTICS .mainCat #ViewedPages li:last-child .meanTime, .newplaceScript.STATISTICS .mainCat #ViewedPages li:last-child .minTime, .newplaceScript.STATISTICS .mainCat #ViewedPages li:last-child .nbLoad { border-bottom-width: 1px; } .newplaceScript.STATISTICS .mainCat #ViewedPages li:last-child { margin-bottom: 20px; } .newplaceScript.STATISTICS .mainCat #ViewedPages li.headerTime div, .newplaceScript.STATISTICS .mainCat #ViewedPages li.headerTime span { font-weight: 500; font-size: 15px; } .newplaceScript.STATISTICS .mainCat #NavigatedPagesHorizontal ul { display: block; margin: 0; padding: 0; list-style: none; width: 100%; height: auto; position: relative; margin-bottom: 25px; } .newplaceScript.STATISTICS .mainCat #NavigatedPagesHorizontal ul li { position: relative; height: 24px; width: 100%; text-align: right; line-height: 24px; height: 24px; width: 100%; overflow: hidden; } .newplaceScript.STATISTICS .mainCat #NavigatedPagesHorizontal ul li div.pageName { position: relative; z-index: 100; padding-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 500; height: 23px; width: 225px; } .newplaceScript.STATISTICS .mainCat #NavigatedPagesHorizontal ul li:first-child { height: 28px; line-height: 27px; text-align: center; width: 100%; } .newplaceScript.STATISTICS .mainCat #NavigatedPagesHorizontal ul li:first-child div.pageName { border: 0; width: 100%; font-size: 15px; line-height: 28px; font-weight: 300; } .newplaceScript.STATISTICS .mainCat #NavigatedPagesHorizontal ul li .pageName.START::after { position: absolute; top: 7px; width: 8px; height: 8px; border-width: 1px 0 3px 3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; float: left; margin: 1px 2px 0px 0px; left: 6px; } .newplaceScript.STATISTICS .mainCat #NavigatedPagesHorizontal ul li .area { transition: left 0.1s ease-in-out; z-index: 10; overflow: hidden; display: block; position: absolute; width: 10000px; height: 23px; top: 0px; left: 225px; } .newplaceScript.STATISTICS .mainCat #NavigatedPagesHorizontal ul li .area span { display: block; float: left; position: absolute; height: 23px; width: 40px; top: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 10px; text-align: center; transition: width 0.3s ease-in-out, left 0.3s ease-in-out; } .newplaceScript.STATISTICS .mainCat .NavigatedPagesHorizontal .MM, .newplaceScript.STATISTICS .mainCat .NavigatedPagesHorizontal .PP { float: right; margin-left: 10px; font-size: 22px; font-weight: 500; cursor: pointer; } .newplaceScript.STATISTICS .mainCat .NavigatedPagesHorizontal .MM { background-position: -183px -174px; width: 24px !important; height: 24px; } .newplaceScript.STATISTICS .mainCat .NavigatedPagesHorizontal .PP { background-position: -156px -174px; width: 24px !important; height: 24px; } .newplaceScript.STATISTICS .mainCat #NavigatedPagesHorizontal ul li:first-child div.pageName .ntype { float: left; padding-left: 10px; font-weight: 500; } .newplaceScript.STATISTICS .mainCat #NavigatedPagesHorizontal ul li:first-child div.pageName .ttype, .newplaceScript.STATISTICS .mainCat #NavigatedPagesHorizontal ul li:first-child div.pageName .rtype { float: right; margin-left: 10px; } .newplaceScript.STATISTICS .mainCat #NavigatedPagesHorizontal ul li:first-child div.pageName .rtype b, .newplaceScript.STATISTICS .mainCat #NavigatedPagesHorizontal ul li:first-child div.pageName .ntype b { font-weight: 500; } .newplaceScript.STATISTICS .mainCat #NavigatedPagesHorizontal ul li:first-child div.pageName .deltaT { position: absolute; left: 205px; font-size: 11px; top: 5px; font-weight: 200; } .newplaceScript.STATISTICS .mainCat .NavigatedPagesHorizontal { top: -1px; position: relative; } .newplaceScript.STATISTICS .mainCat #NavigatedPagesHorizontal ul li:last-child { height: 23px; } .newplaceScript.STATISTICS .mainCat #CAT_STATSCRIPT { position: relative; top: 8px; } .newplaceScript.STATISTICS .mainCat .NavigatedPagesHorizontal .VV { float: right; margin-left: 10px; line-height: 25px; width: 16px; text-align: center; font-weight: 500 } #CAT_STATSCRIPT #_sp_1 { left: 11px; top: 0px; width: calc(100% - 29px); height: auto; position: absolute; } .newplaceScript.STATISTICS .mainCat .datagrid { width: 100%; height: auto; overflow-y: hidden; overflow-x: hidden; z-index: 100; position: relative; display: block; box-sizing: border-box; border-radius: 0px; } .newplaceScript.STATISTICS .mainCat .datagrid .info { position: relative; width: 100%; margin: 0px !important; float: left; } .newplaceScript.STATISTICS .mainCat .datagrid .title { position: relative; height: 19px; margin: 8px !important; float: left; line-height: 18px; font-weight: 600; padding-left: 7px; } .newplaceScript.STATISTICS .mainCat .datagrid .grid { overflow-y: auto; height: calc(100% - 84px); overflow-x: hidden; width: 100%; } .newplaceScript.STATISTICS .mainCat .datagrid .paginator { height: 42px; background-image: url("../img/objects/resize.png"); background-repeat: no-repeat; background-position: bottom right; } .newplaceScript.STATISTICS .mainCat .datagrid .grid th a:hover, .newplaceScript.STATISTICS .mainCat .datagrid .grid td a:hover { text-decoration: underline; } .newplaceScript.STATISTICS .mainCat .datagrid .backgrid th, .newplaceScript.STATISTICS .mainCat .backgrid td { height: 1em !important; } .newplaceScript.STATISTICS .mainCat .datagrid .backgrid th:last-child, .newplaceScript.STATISTICS .mainCat .backgrid td:last-child { border-right-width: 0px; } .newplaceScript.STATISTICS .mainCat .datagrid .backgrid thead th { vertical-align: middle !important; } .newplaceScript.STATISTICS .mainCat .datagrid .backgrid td.editor input[type=text] { box-sizing: border-box; display: block; width: 100%; padding: 7px 0px 6px 0.4em; font-size: 1em; background-image: none; border-radius: 1px; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .newplaceScript.STATISTICS .mainCat .datagrid .backgrid td.editor input[type=text]:focus { outline: 0 !important; } .newplaceScript.STATISTICS .mainCat .datagrid .backgrid-filter.form-search { position: absolute; width: 248px; height: 30px; margin: 6px !important; right: -5px; display: none } .newplaceScript.STATISTICS .mainCat .datagrid .backgrid-filter .search::after { position: absolute; top: 50%; left: 10px; width: 3px; height: 7px; margin-top: 2px; content: ""; transform: rotate(-45deg); box-sizing: content-box; } .newplaceScript.STATISTICS .mainCat .datagrid .backgrid-filter .search::before { position: absolute; top: 50%; left: 0px; width: 6px; height: 6px; margin-top: -6px; background: transparent; border-radius: 12px; content: ""; box-sizing: content-box; } .newplaceScript.STATISTICS .mainCat .datagrid .backgrid-filter .search { position: absolute; top: 50%; left: 6px; z-index: 1000; width: 10px; height: 20px; margin-top: -10px; box-sizing: content-box; } .newplaceScript.STATISTICS .mainCat .datagrid .backgrid-filter input[type='search'] { outline: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: none; } .newplaceScript.STATISTICS .mainCat .datagrid .backgrid-filter input[type='search'] { position: absolute; display: inline-block; width: 220px; height: 20px; padding: 4px 6px; font-weight: normal; vertical-align: middle; border-radius: 4px; transition: border linear 0.2s, box-shadow linear 0.2s; line-height: 1.6em; } .newplaceScript.STATISTICS .mainCat .datagrid .backgrid-filter input { margin: 0; font-family: inherit; font-size: 100%; line-height: normal; } .newplaceScript.STATISTICS .mainCat .datagrid input[type='search'] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .newplaceScript.STATISTICS .mainCat .datagrid .backgrid-filter .clear { position: absolute; top: 50%; right: 11px; z-index: 1000; width: 10px; height: 20px; margin-top: -10px; font-size: 20px; font-weight: bold; line-height: 20px; text-decoration: none; } .newplaceScript.STATISTICS .mainCat .datagrid .backgrid-filter input[type='search'] { padding-right: 0px; padding-left: 22px; } .newplaceScript.STATISTICS .mainCat .rc-handle-container { position: relative; } .newplaceScript.STATISTICS .mainCat .rc-handle { position: absolute; width: 7px; cursor: ew-resize; margin-left: -3px; z-index: 2; } .newplaceScript.STATISTICS .mainCat .chosen-container { display: block; width: 280px !important; margin-top: 5px; margin-left: -9px; font-size: 13px; } .newplaceScript.STATISTICS .mainCat .chosen-container-single .chosen-single div b { background: url('../../img/chosen-sprite.png') no-repeat 0px 0px; } .newplaceScript.STATISTICS .mainCat .chosen-container .chosen-results li { width: 100%; cursor: pointer !important; } .newplaceScript.STATISTICS .mainCat .chosen-container .chosen-results li.group-result { width: 100%; } .newplaceScript.STATISTICS .mainCat .chosen-container .chosen-results li.group-option { max-width: none !important; min-width: 0px; width: auto; } .newplaceScript.STATISTICS .mainCat .chosen-container-single .chosen-single { font-size: 14px; } .newplaceScript.ACCOUNT #CAT_COMPANY, .newplaceScript.ACCOUNT #CAT_EMAIL, .newplaceScript.ACCOUNT #CAT_SMS { margin-top: 21px; } .newplaceScript.ACCOUNT .navbar-text { margin-top: 2px; margin-bottom: 2px; margin-left: 15px; float: none; display: block; text-align: left; margin-left: 0px; font-weight: 700; font-size: 15px; } data-l[C81] { margin-top: 15px; } .maxValue { font-size: 14px; } .indic { position: absolute; bottom: auto; top: 10px; z-index: 1000; width: 50%; text-align: right; font-size: 12px; line-height: 15px; height: 15px; transform: rotate(-90deg); display: none; } .indic.max { font-weight: 700; } .indic.CC { position: absolute; bottom: auto; top: 7px; left: 0px; z-index: 1000; width: 100%; text-align: center; font-size: 14px; line-height: 15px; height: 15px; transform: none; display: block; font-weight: 700 } .indic.CC.maxCC { background-color: transparent; font-weight: 700; font-size: 16px; } .newplaceScript.STATISTICS .mainCat #RepartAgent li .nb span { position: absolute; bottom: 0px; width: 50%; max-height: 410px; display: none; } .newplaceScript.STATISTICS .mainCat #RepartAgent li .nb span.CC { position: absolute; bottom: 0px; left: 0px; width: 100%; max-height: 410px; display: block; } .newplaceScript.STATISTICS .mainCat #RepartAgent, .newplaceScript.STATISTICS .mainCat #RepartScript { width: 100%; display: block; margin: 0; height: 120px; padding: 0; margin-left: auto; margin-right: auto; margin-top: 0px; } .newplaceScript.STATISTICS .mainCat #RepartAgent li, .newplaceScript.STATISTICS .mainCat #RepartScript li { list-style: none; float: left; width: calc(100% / 31.5); position: relative; display: block; height: 480px; border: 1px solid; border-left-width: 0px; transition: width 0.2s ease-in-out; } .newplaceScript.STATISTICS .mainCat #RepartAgent li:first-child, .newplaceScript.STATISTICS .mainCat #RepartScript li:first-child .newplaceScript.STATISTICS .mainCat #RepartAgent li:first-child, .newplaceScript.STATISTICS .mainCat #RepartScript li:first-child { border-left-width: 1px; border-style: solid; } .newplaceScript.STATISTICS .mainCat #RepartAgent li .nb, .newplaceScript.STATISTICS .mainCat #RepartScript li .nb { position: absolute; top: 0px; width: 100%; height: 462px; } .newplaceScript.STATISTICS .mainCat #RepartAgent li .nb span, .newplaceScript.STATISTICS .mainCat #RepartScript li .nb span { position: absolute; bottom: 0px; width: 100%; max-height: 464px; left: 0px } .newplaceScript.STATISTICS .mainCat #RepartAgent li .j, .newplaceScript.STATISTICS .mainCat #RepartScript li .j { position: absolute; left: 0; bottom: 0px; width: 100%; height: 15px; font-size: 9px; text-align: center; padding-top: 1px; border-top: 1px; border-style: solid; } .newplaceScript.STATISTICS .mainCat .SLrepart { display: none; } .newplaceScript.STATISTICS .mainCat #RepartScript li.DAY { width: 386px !important; border-width: 1px 0px 0px 0px } .newplaceScript.STATISTICS .mainCat #RepartScript.OPENH li:not(.DAY) { width: calc((100% - 345px) /31.5) !important; } .newplaceScript.STATISTICS .mainCat #RepartScript.OPENH { width: calc(100% + 13px); } .newplaceScript.STATISTICS .mainCat #RepartScript.OPENH .nb ul li { width: calc(100% / 24) !important } .newplaceScript.STATISTICS .mainCat #RepartScript li.DAY .nb ul { width: 386px; height: 183px; margin: 0; padding: 0; position: absolute; } .newplaceScript.STATISTICS .mainCat #RepartScript li.DAY .nb ul li { height: 100%; width: 16px; border-top-width: 0px; } .newplaceScript.STATISTICS .mainCat #RepartScript li.DAY .nb ul li { border-left-width: 0px; } .newplaceScript.STATISTICS .mainCat #RepartScript li.DAY .nb ul li:last-child { border-right-width: 0px; } .newplaceScript.STATISTICS .mainCat #RepartScript li.DAY ul li .j { position: absolute; bottom: 0px; width: 100%; height: 15px; font-size: 9px; text-align: center; padding-top: 1px; } .newplaceScript.STATISTICS .mainCat #RepartScript li.DAY ul li .nbh { position: absolute; top: -20px; width: 100%; height: 188px; } .newplaceScript.STATISTICS .mainCat #RepartScript li.DAY ul li .nbh span { position: absolute; bottom: 0px; width: 100%; max-height: 446px; } .newplaceScript.STATISTICS .mainCat .RepartAgent .titleList:not(.maxValue), .newplaceScript.STATISTICS .mainCat .RepartScript .titleList:not(.maxValue) { line-height: 36px; width: 100%; border-radius: 0px; font-weight: 500; font-size: 16px; text-align: left; border: 0; padding-left: 3px; } .newplaceScript.STATISTICS .mainCat .error { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; text-align: center; opacity: 0; display: none; z-index: 10; } .newplaceScript.STATISTICS .mainCat .error span { margin-left: auto; margin-right: auto; } .newplaceScript.STATISTICS .mainCat .error span img { padding: 20px; } .newplaceScript.STATISTICS .mainCat .error.OPEN { opacity: 1; display: block; } .STATISTICS select { font-weight: 600 !important; border: none; height: 32px !important; font-size: 15px !important; } .STATISTICS .question .form-group { text-align: left; font-size: 15px; font-weight: 600; line-height: 16px; margin-bottom: 0px; } #loginIN .backround { display: block; position: absolute; top: 0px; right: -187px; display: block; width: 144px; height: 145px; z-index: 5000; border-radius: 50%; } #NbLoadOnPeriod, #MorePageViewOnPeriod, #LessPageViewOnPeriod { font-size: 15px; line-height: 22px; font-weight: 500; } .newplaceScript.STATISTICS #_sp_1 .backgrid thead th a { font-weight: 500; text-shadow: none; font-size: 14px; height: 20px; line-height: 20px; } .newplaceScript.STATISTICS #_sp_1 .backgrid tbody td { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; border-left: 0 } .newplaceScript.STATISTICS #_sp_1 .backgrid thead th.Max, .newplaceScript.STATISTICS #_sp_1 .backgrid thead th.Mean, .newplaceScript.STATISTICS #_sp_1 .backgrid thead th.Min, .newplaceScript.STATISTICS #_sp_1 .backgrid thead th.Count { width: 10% !important } .newplaceScript.STATISTICS #_sp_1 .backgrid thead th.Page { width: 60% !important } /* /* IMG FIXE .PNG #EC2B66 */ .navbar-nav > li .login .key { background-image: url("../img/eScript_X/key.png?v=2"); } .navbar-collapse.in, .navbar-inverse, .dropdown-menu { background-color: rgba(0, 0, 0, 0.8) !important; } .bigContainer .containerDIV b[data-type].selected div { border: 1px solid #FFFFFF !important; } .dropdown-menu { border: 1px solid #bbb !important } #loginIN .input-classic { border: 1px solid; } #loginIN .btn-login.bigbutton,#InfoChildren { color: white; } #loginIN .bigcheck [type="checkbox"]:not(:checked) + label { color: #BBBBBB !important; } #loginIN .modal-content { box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.1) !important; } #loginIN .btn-login.bigbutton:hover { box-shadow: inset 1px 1px 7px 2px rgba(255, 255, 255, 0.5) !important } .backround { background-color: transparent; animation: gradient 4s ease infinite; box-shadow: inset 1px 3px 51px 0px rgba(255,255,255,1) } #loginIN .modal-footer .btn-default { background-color: #BBBBBB !important; } /*@keyframes gradient { 0% { box-shadow: none } 50% { box-shadow: inset 1px 3px 51px 28px rgba(255,255,255,1) } 100% { box-shadow: none; } }*/ hr, .uploader #upload_form #progress_info .backProgress { border-top: 1px dotted; } #DATAGRID .datagrid .backgrid .ascending .sort-caret { border-top: 4px solid; } .newplaceScript .new-grpscript div.scriptinfo input, .newplaceScript .new-database div.scriptinfo input { border: 2px solid; } .ShowAddTABLE table input, #ColumnName, #ColumnSize, #ColumnDefault, #listExistingFILECOLUMNS li .ColumnSize, #listExistingFILECOLUMNS li .ColumnDefault, #NewTableNameFromScript, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .ColumnSize, #listExistingCOLUMNS li.PRIMARY:hover::before, #listExistingCOLUMNS li.PRIMARY.SELECTED::before, #listExistingTABLECOLUMNS.PRIMARY::before { border-color: #FFFFFF; } .link:after { border-left: 4px solid; } .grp-container .grp-object:not(.OPEN).DROP { border: 1px dotted; } .grp-container .grp-object:not(.OPEN).SELECTED, .dropCDE { border: 1px solid; } input, .bigradio.blue [type='radio']:checked + label::after, .bigradio.blue [type='radio']:not(:checked) + label::after, .newplaceScript .new-grpscript div.scriptinfo input, .newplaceScript .new-database div.scriptinfo input, .newplaceScript .new-interface div.interfaceinfo input, .newplaceScript .new-searchscript div.scriptsearch input, .grp-container .grp-object.OPEN div.recent div.scriptinfo input, .PlaceForIframe .windowsContent .addI input, .PlaceForIframe .windowsContent ul li .simple input, .PlaceForIframe .windowsContent ul li .simple textarea, .PlaceForIframe .windowsContent ul li .simple .listScript, #ColumnType, #listExistingFILECOLUMNS li .Descr_ColumnType select, #filterScriptObject, .PlaceForIframe .windowsContent ul li .simple .params select, .ScriptInGrp ul li .comment .databaseInformations .info_Title input, .ScriptInGrp.ADDDATABASE .info_Title input, .ShowAddTABLE table input, #ColumnName, #ColumnSize, #ColumnDefault, #listExistingFILECOLUMNS li .ColumnSize, #listExistingFILECOLUMNS li .ColumnDefault, #NewTableNameFromScript, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .ColumnSize, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .ColumnDefault, .ColumnsInformation .customParamTitle, .TypeRequest .checkColumn.columnupdate input, .TypeRequest .checkColumn.columninsert input, .newplaceScript.ACCOUNT .mainCat .form-control, .ShowAddTABLE table input, #ColumnName, #ColumnSize, #ColumnDefault, #listExistingFILECOLUMNS li .ColumnSize, #listExistingFILECOLUMNS li .ColumnDefault, #NewTableNameFromScript, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .ColumnSize, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .ColumnDefault, .ifNotSELECT, .sims-button, .placeScript ul li.recent div.add, .newplaceScript .new-searchscript div.scriptsearch input, .PlaceForIframe .windowsContent .addI input, #DATAGRID .datagrid .backgrid th, .backgrid td, .newplaceScript.STATISTICS .mainCat .datagrid, .newplaceScript.STATISTICS .mainCat .datagrid .backgrid th, .newplaceScript.STATISTICS .mainCat .backgrid td, .newplaceScript.STATISTICS .mainCat .datagrid .backgrid td.editor input[type=text], .btn-gray, .select-fade-gray, #popupcontact .input-classic, #popupReport .input-classic, .alertInPlace input, .jsInPlace input, .placeScript ul li.recent div.scriptinfo, .placeScript ul li.recent div.scriptinfo input, #FirstScriptName, .IN.alertInPlace .listRestore li, .ColumnsInformation .input-classic, .newplaceScript.STATISTICS .mainCat .datagrid .backgrid-filter input[type='search'], #DATAGRID .datagrid .backgrid td.editor input[type=text], #DATAGRID .sims-button.white, .newplaceScript.ACCOUNT .mainCat .question, #listExistingFILECOLUMNS li .input-classic, .placeForListScriptInfoScript.SELECTED .object .placeforsetup li .input-classic, .subcatMenu, #loginIN ul.dropdown-menu, #loginIN .dropdown .btn, #popupReport .input-classic.combo, :not(.OPEN).grp-object:hover, .alertInPlace:not(.back), .ScriptInGrp ul li .comment .scriptInformations img.info_Title, .TypeRequest .checkColumn.where, .ScriptInGrp ul li .comment .scriptInformations .InfoCategorie { border: 1px solid } #listExistingTABLE li:hover, #listExistingTABLEForRequest li[data-table]:hover, #DATAGRID .modal-footer, #DATAGRID .modal-footer { border-top: 1px solid } .InfoCategorie.createtablefromscript .placeForListScript ul li[data-type="script"]:hover { border: 0 !important } .subcatMenu { border: 1px solid #555 } /*body::-webkit-scrollbar-thumb, body div::-webkit-scrollbar-thumb, body ul::-webkit-scrollbar-thumb { border: 0} */ #listExistingTABLEForRequest li[data-table].SELECTED, #listExistingCX li[data-cxplugin].SELECTED, #listExistingTABLE li.SELECTED, #listExistingTABLE li.SELECTED, #listExistingCXForRequest li.SELECTED, .ScriptInGrp ul li.CLICK { border: 1px solid; } #listExistingCXForRequest li.SELECTED, .ScriptInGrp ul li.CLICK { padding-left: 9px; } .badBrowser { margin: 5px; font-size: 12px; border: 3px double; padding: 5px; margin-bottom: -8px; line-height: 20px; font-weight: 600; text-align: center; } input:focus { outline: none } /* ENLARGE DATA GRID */ #DATAGRID, #POPUPGRAPH { padding-right: 0px !important } .enlarged.requestResult, .enlarged.graphResult { display: block !important; } .enlarged .ifSELECT { height: 100%; } .enlarged .datagrid .grid { overflow-y: hidden !important; overflow-x: scroll !important; } .enlarged .datagrid .backgrid thead th a { overflow: visible !important; } .enlarged .backgrid { width: auto !important; max-width: none !important; } .enlarged .datagrid { width: 100% !important; height: 100% !important; } #POPUPGRAPH .PlaceForParam { width: 250px; font-size: 14px; padding-left: 20px; float: left; height: 100%; display: block; } #POPUPGRAPH .PlaceForParam .Params { width: 237px; height: calc(100% - 61px) !important; overflow: auto; display: block; } #POPUPGRAPH .PlaceForParam select { box-shadow: none; transition: none; margin-top: 5px; border-radius: 0px; height: 36px !important; font-size: 15px !important; font-weight: 600 !important; width: 231px !important; } #POPUPGRAPH .PlaceForParam .form-group { margin-bottom: 0px; } #POPUPGRAPH .PlaceForParam ul li { float: left; width: 100%; line-height: 2em; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #POPUPGRAPH .PlaceForParam ul li input { float: right; height: 20px !important; width: 20px !important; position: relative; right: 5px; } #POPUPGRAPH .PlaceForParam span.action { padding-left: 43px; position: relative; opacity: 1; transition: padding-top 0.3s; font-size: 16px; width: calc(50% - 4px); display: block; height: 40px; padding-top: 12px; margin-left: 0px; cursor: pointer; float: left } #POPUPGRAPH .PlaceForParam span.action:before { transition: left 0.2s; font-family: "Glyphicons Halflings" !important; font-style: normal !important; font-weight: 200 !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; justify-content: center; align-items: center; font-size: 29px; position: absolute; left: 7px; top: 7px; } #POPUPGRAPH .PlaceForParam span.action.reload { margin-right: 5px } #POPUPGRAPH .PlaceForParam span.action.reload:before { content: "\e030"; } #POPUPGRAPH .PlaceForParam span.action.copy:before { content: "\e205"; top: 5px; } #POPUPGRAPH .PlaceForParam span.action.reload:hover:before, #POPUPGRAPH .PlaceForParam span.action.copy:hover:before { left: 50px } #POPUPGRAPH .PlaceForParam span.action:hover { padding-top: 40px; overflow: hidden } #POPUPGRAPH .PlaceForParam span.action.checkall, #POPUPGRAPH .PlaceForParam span.action.uncheck { padding-left: 6px; font-size: 12px; min-width: 113px; display: block; height: 2em; padding-top: 11px; margin-left: 0px; cursor: pointer; float: left; margin-bottom: 10px; } #POPUPGRAPH .PlaceForParam span.action.checkall:before, #POPUPGRAPH .PlaceForParam span.action.uncheck:before { font-size: 1em; left: 2px; top: -2px; } #POPUPGRAPH .PlaceForParam span.action.uncheck { margin-left: 7px; } #POPUPGRAPH .PlaceForParam span.action.checkall:before { content: "\e013"; } #POPUPGRAPH .PlaceForParam span.action.uncheck:before { content: "\e014"; } #POPUPGRAPH .PlaceForParam input[type=radio] { height: 20px !important; width: 20px !important; position: relative; top: 5px; margin-right: 3px; margin-top: 2px; } #POPUPGRAPH .graphArea { height: 100%; width: calc(100% - 370px); float: left; margin-left: 37px; } /* 0 GRAPHE */ #POPUPGRAPH .graphArea[data-nbgraph="0"] #PlaceGraph1, #POPUPGRAPH .graphArea[data-nbgraph="0"] #PlaceGraph2, #POPUPGRAPH .graphArea[data-nbgraph="0"] #PlaceGraph3, #POPUPGRAPH .graphArea[data-nbgraph="0"] #PlaceGraph4, #POPUPGRAPH .graphArea[data-nbgraph="0"] #PlaceGraph5, #POPUPGRAPH .graphArea[data-nbgraph="0"] #PlaceGraph6, #POPUPGRAPH .graphArea[data-nbgraph="0"] #PlaceGraph7, #POPUPGRAPH .graphArea[data-nbgraph="0"] #PlaceGraph8, #POPUPGRAPH .graphArea[data-nbgraph="0"] #PlaceGraph9 { display: none; } #POPUPGRAPH .graphArea[data-nbgraph="0"] svg { display: block; } /* 1 GRAPHE */ #POPUPGRAPH .graphArea[data-nbgraph="1"] #PlaceGraph1 { width: 100%; height: 100%; float: left; display: block; } #POPUPGRAPH .graphArea[data-nbgraph="1"] #PlaceGraph2, #POPUPGRAPH .graphArea[data-nbgraph="1"] #PlaceGraph3, #POPUPGRAPH .graphArea[data-nbgraph="1"] #PlaceGraph4, #POPUPGRAPH .graphArea[data-nbgraph="1"] #PlaceGraph5, #POPUPGRAPH .graphArea[data-nbgraph="1"] #PlaceGraph6, #POPUPGRAPH .graphArea[data-nbgraph="1"] #PlaceGraph7, #POPUPGRAPH .graphArea[data-nbgraph="1"] #PlaceGraph8, #POPUPGRAPH .graphArea[data-nbgraph="1"] #PlaceGraph9, #POPUPGRAPH .graphArea[data-nbgraph="1"] svg { display: none; } /* 2 GRAPHES */ #POPUPGRAPH .graphArea[data-nbgraph="2"] #PlaceGraph1, #POPUPGRAPH .graphArea[data-nbgraph="2"] #PlaceGraph2 { width: 100%; height: 50%; float: left; display: block; } #POPUPGRAPH .graphArea[data-nbgraph="2"] #PlaceGraph3, #POPUPGRAPH .graphArea[data-nbgraph="2"] #PlaceGraph4, #POPUPGRAPH .graphArea[data-nbgraph="2"] #PlaceGraph5, #POPUPGRAPH .graphArea[data-nbgraph="2"] #PlaceGraph6, #POPUPGRAPH .graphArea[data-nbgraph="2"] #PlaceGraph7, #POPUPGRAPH .graphArea[data-nbgraph="2"] #PlaceGraph8, #POPUPGRAPH .graphArea[data-nbgraph="2"] #PlaceGraph9, #POPUPGRAPH .graphArea[data-nbgraph="2"] svg { display: none; } /* 3 GRAPHES */ #POPUPGRAPH .graphArea[data-nbgraph="3"] #PlaceGraph1, #POPUPGRAPH .graphArea[data-nbgraph="3"] #PlaceGraph2, #POPUPGRAPH .graphArea[data-nbgraph="3"] #PlaceGraph3 { width: 100%; height: 33%; float: left; display: block; } #POPUPGRAPH .graphArea[data-nbgraph="3"] #PlaceGraph4, #POPUPGRAPH .graphArea[data-nbgraph="3"] #PlaceGraph5, #POPUPGRAPH .graphArea[data-nbgraph="3"] #PlaceGraph6, #POPUPGRAPH .graphArea[data-nbgraph="3"] #PlaceGraph7, #POPUPGRAPH .graphArea[data-nbgraph="3"] #PlaceGraph8, #POPUPGRAPH .graphArea[data-nbgraph="3"] #PlaceGraph9, #POPUPGRAPH .graphArea[data-nbgraph="3"] svg { display: none; } /* 4 GRAPHES */ #POPUPGRAPH .graphArea[data-nbgraph="4"] #PlaceGraph1, #POPUPGRAPH .graphArea[data-nbgraph="4"] #PlaceGraph2, #POPUPGRAPH .graphArea[data-nbgraph="4"] #PlaceGraph3, #POPUPGRAPH .graphArea[data-nbgraph="4"] #PlaceGraph4 { width: 50%; height: 50%; float: left; display: block; } #POPUPGRAPH .graphArea[data-nbgraph="4"] #PlaceGraph5, #POPUPGRAPH .graphArea[data-nbgraph="4"] #PlaceGraph6, #POPUPGRAPH .graphArea[data-nbgraph="4"] #PlaceGraph7, #POPUPGRAPH .graphArea[data-nbgraph="4"] #PlaceGraph8, #POPUPGRAPH .graphArea[data-nbgraph="4"] #PlaceGraph9, #POPUPGRAPH .graphArea[data-nbgraph="4"] svg { display: none; } /* 5 GRAPHES */ #POPUPGRAPH .graphArea[data-nbgraph="5"] #PlaceGraph1, #POPUPGRAPH .graphArea[data-nbgraph="5"] #PlaceGraph2, #POPUPGRAPH .graphArea[data-nbgraph="5"] #PlaceGraph3, #POPUPGRAPH .graphArea[data-nbgraph="5"] #PlaceGraph4, #POPUPGRAPH .graphArea[data-nbgraph="5"] #PlaceGraph5 { width: 50%; height: 33%; float: left; display: block; } #POPUPGRAPH .graphArea[data-nbgraph="5"] #PlaceGraph6, #POPUPGRAPH .graphArea[data-nbgraph="5"] #PlaceGraph7, #POPUPGRAPH .graphArea[data-nbgraph="5"] #PlaceGraph8, #POPUPGRAPH .graphArea[data-nbgraph="5"] #PlaceGraph9, #POPUPGRAPH .graphArea[data-nbgraph="5"] svg { display: none; } /* 6 GRAPHES */ #POPUPGRAPH .graphArea[data-nbgraph="6"] #PlaceGraph1, #POPUPGRAPH .graphArea[data-nbgraph="6"] #PlaceGraph2, #POPUPGRAPH .graphArea[data-nbgraph="6"] #PlaceGraph3, #POPUPGRAPH .graphArea[data-nbgraph="6"] #PlaceGraph4, #POPUPGRAPH .graphArea[data-nbgraph="6"] #PlaceGraph5, #POPUPGRAPH .graphArea[data-nbgraph="6"] #PlaceGraph6 { width: 33%; height: 50%; float: left; display: block; } #POPUPGRAPH .graphArea[data-nbgraph="6"] #PlaceGraph7, #POPUPGRAPH .graphArea[data-nbgraph="6"] #PlaceGraph8, #POPUPGRAPH .graphArea[data-nbgraph="6"] #PlaceGraph9, #POPUPGRAPH .graphArea[data-nbgraph="6"] svg { display: none; } /* 7 GRAPHES */ #POPUPGRAPH .graphArea[data-nbgraph="7"] #PlaceGraph1, #POPUPGRAPH .graphArea[data-nbgraph="7"] #PlaceGraph2, #POPUPGRAPH .graphArea[data-nbgraph="7"] #PlaceGraph3, #POPUPGRAPH .graphArea[data-nbgraph="7"] #PlaceGraph4, #POPUPGRAPH .graphArea[data-nbgraph="7"] #PlaceGraph5, #POPUPGRAPH .graphArea[data-nbgraph="7"] #PlaceGraph6, #POPUPGRAPH .graphArea[data-nbgraph="7"] #PlaceGraph7 { width: 33%; height: 33%; float: left; display: block; } #POPUPGRAPH .graphArea[data-nbgraph="7"] #PlaceGraph8, #POPUPGRAPH .graphArea[data-nbgraph="7"] #PlaceGraph9, #POPUPGRAPH .graphArea[data-nbgraph="7"] svg { display: none; } /* 8 GRAPHES */ #POPUPGRAPH .graphArea[data-nbgraph="8"] #PlaceGraph1, #POPUPGRAPH .graphArea[data-nbgraph="8"] #PlaceGraph2, #POPUPGRAPH .graphArea[data-nbgraph="8"] #PlaceGraph3, #POPUPGRAPH .graphArea[data-nbgraph="8"] #PlaceGraph4, #POPUPGRAPH .graphArea[data-nbgraph="8"] #PlaceGraph5, #POPUPGRAPH .graphArea[data-nbgraph="8"] #PlaceGraph6, #POPUPGRAPH .graphArea[data-nbgraph="8"] #PlaceGraph7, #POPUPGRAPH .graphArea[data-nbgraph="8"] #PlaceGraph8 { width: 33%; height: 33%; float: left; display: block; } #POPUPGRAPH .graphArea[data-nbgraph="8"] #PlaceGraph9, #POPUPGRAPH .graphArea[data-nbgraph="8"] svg { display: none; } /* 9 GRAPHES */ #POPUPGRAPH .graphArea[data-nbgraph="9"] #PlaceGraph1, #POPUPGRAPH .graphArea[data-nbgraph="9"] #PlaceGraph2, #POPUPGRAPH .graphArea[data-nbgraph="9"] #PlaceGraph3, #POPUPGRAPH .graphArea[data-nbgraph="9"] #PlaceGraph4, #POPUPGRAPH .graphArea[data-nbgraph="9"] #PlaceGraph5, #POPUPGRAPH .graphArea[data-nbgraph="9"] #PlaceGraph6, #POPUPGRAPH .graphArea[data-nbgraph="9"] #PlaceGraph7, #POPUPGRAPH .graphArea[data-nbgraph="9"] #PlaceGraph8, #POPUPGRAPH .graphArea[data-nbgraph="9"] #PlaceGraph9 { width: 33%; height: 33%; float: left; display: block; } #POPUPGRAPH .graphArea[data-nbgraph="9"] svg { display: none; } #POPUPGRAPH .modal-footer { padding: 10px 15px; height: 150px; } #POPUPGRAPH .modal-footer .info table { width: 100%; text-align: left; line-height: 2em; table-layout: fixed; } #POPUPGRAPH .modal-footer .info table th, #POPUPGRAPH .modal-footer .info ul li span { width: 150px; font-weight: 200 } #POPUPGRAPH .modal-footer .info ul li span { font-weight: 400 } #POPUPGRAPH .modal-footer .info ul li span { float: left; } #POPUPGRAPH .modal-footer .info table td { height: 100px; display: table-caption; width: 100%; overflow-y: auto; max-height: 100px; min-width: 100%; } #POPUPGRAPH .modal-footer .info table th:last-child { width: 100%; } #POPUPGRAPH .modal-footer .info ul li span:last-child { width: calc(100% - 305px); float: left; } #POPUPGRAPH .modal-footer .info ul li { height: 25px; line-height: 18px; padding: 3px; margin-bottom: 3px; } #POPUPGRAPH .modal-footer .info ul li:hover { background-color: #efefef; } #POPUPGRAPH .modal-footer .info ul li span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: 400; display: inline-block; } /* CHOSEN */ .STATISTICS .chosen-container { display: block; width: 465px !important; margin-top: 5px; margin-left: -9px; font-size: 13px !important; position: absolute; z-index: 5000; } .STATISTICS .chosen-container .chosen-results li { width: 100%; } .STATISTICS .chosen-container-single .chosen-drop { margin-top: -3px; } .STATISTICS ul.chosen-results { width: 100%; max-height: 353px !important; min-height: 353px !important; } .STATISTICS .chosen-container-single .chosen-drop { border-radius: 0px !important } .STATISTICS .chosen-container .chosen-results li.group-result { text-align: left; } .STATISTICS .chosen-container .chosen-results li { height: 27px; } .STATISTICS .chosen-container-single .chosen-drop { border-radius: 0px; } .STATISTICS .chosen-container-single .chosen-single { height: 30px; line-height: 26px; box-shadow: none; border: 1px solid rgba(6, 121, 125, 0.2); background: none; } .STATISTICS .chosen-container-single .chosen-single div b { background: none; transition: opacity 0.2s } .STATISTICS .chosen-container-single .chosen-single div b::before { position: absolute; top: 4px; left: -2px; width: 8px; height: 8px; margin-top: 0px; border-radius: 0; content: ""; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border-width: 0px 3px 3px 0px !important; transform: rotate(45deg); opacity: 0.7; } .STATISTICS .chosen-container-single .chosen-single div b:hover::before { opacity: 1 } .STATISTICS .chosen-container-single .chosen-search input[type=text]:focus { box-shadow: none; } .STATISTICS .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; border: 1px solid; border-top: 0; box-shadow: none; font-size: 1em; height: 396px; } .STATISTICS .chosen-container .chosen-results li.group-result { display: list-item; font-weight: 400; cursor: default; border: 0; background-repeat: no-repeat; height: 40px; background-position: 5px 1px; padding-left: 47px; padding-top: 12px; font-size: 13px; background-size: 35px 37px; font-size: 13px; font-weight: 600; } .STATISTICS .chosen-container .chosen-results li.group-option { min-width: 197px; max-width: 197px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 3px; box-shadow: none; /* border: 1px solid; */ font-weight: 600; text-transform: uppercase; } .STATISTICS .chosen-container .chosen-results li.highlighted, .STATISTICS .chosen-container .chosen-results li.result-selected { border: 1px solid; } .STATISTICS .chosen-container-active.chosen-with-drop .chosen-single { background: transparent; border: 1px solid; box-shadow: none; } .STATISTICS .chosen-container .chosen-results li.group-result { background-size: 30px 30px !important; background-repeat: no-repeat !important; width: 30px !important; height: 30px !important; background-position: 10px -3px !important; border: none; font-weight: 600 !important; } .STATISTICS .chosen-container-single .chosen-single { border-radius: 0 !important; border: 0 !important; height: 32px !important; } .STATISTICS .chosen-container-single .chosen-single div b::before { top: 3px !important; left: 0px !important; opacity: 1 !important; background-image: none !important; border: solid 3px; } .STATISTICS .chosen-container .chosen-results li.group-result { width: 100% !important; padding-top: 7px !important; font-weight: 600; } .STATISTICS .chosen-container .chosen-results li.group-option { width: calc(100% - 47px) !important; max-width: none !important; text-align: left !important; margin-left: 45px !important; } .STATISTICS .chosen-container-single .chosen-single { line-height: 31px !important; font-size: 14px !important; font-weight: 600 !important; } .STATISTICS .chosen-container-single .chosen-search input[type='text'] { margin: 4px 0; padding: 4px 20px 4px 5px; width: 100%; height: 28px !important; font-size: 0.8em; } .chosen-container .chosen-results li.group-result:hover { font-weight: 700 !important; cursor: pointer; } .STATISTICS #scriptRepart_chosen .chosen-drop { height: 248px; } .STATISTICS #scriptRepart_chosen ul.chosen-results { max-height: 205px !important; min-height: 205px !important; }