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 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } 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; } /* noto-sans-regular - latin */ @font-face { font-family: 'Noto-Sans'; font-style: normal; font-weight: 400; src: url('../Fonts/noto-sans-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../Fonts/noto-sans-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../Fonts/noto-sans-v7-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../Fonts/noto-sans-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../Fonts/noto-sans-v7-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */ } @font-face { font-family: "Roboto-Light"; src: url("../Fonts/Roboto-Light.ttf"); } @font-face { font-family: "Roboto-Regular"; src: url("../Fonts/Roboto-Regular.ttf"); } :root { --border-lg: 2px; --border-md: 1px; --border-sm: 0.5px; --border-xs: 0.25px; --box-shadow-dark-focus: 0 0 10px 1px #283950; --box-shadow-dark-normal: 0 0 10px 1px transparent; --box-shadow-white-focus: 0 0 10px 1px #ffffff; --box-shadow-white-normal: 0 0 10px 1px transparent; --button-background: linear-gradient(#b5d070, #a7c755); --button-border-color-focus: #b5d070; --button-border-color: #98bb3e; --button-opacity-disabled: 0.3; --button-opacity-focus: 1; --button-opacity-normal: 1; --color-dark: #283950; --color-green-light: #b5d070; --color-green: #a7c755; --color-light: #bddfff; --color-primary: #50729f; --color-secondary: #7799c6; --color-white: #ffffff; --default-border-radius: 3px; --default-transition: all 0.25s ease; --input-background-color-disabled: rgba(255, 255, 255, 0.3); --input-background-color-focus: #ffffff; --input-background-color-normal: rgba(255, 255, 255, 0.7); --input-border-color-disabled: rgba(255, 255, 255, 0.3); --input-border-color-focus: #50729f; --input-border-color-normal: rgba(80, 114, 159, 0.7); --input-border-radius: 3px; --input-box-shadow-focus: 0 0 10px 1px #ffffff; --input-box-shadow-normal: 0 0 10px 1px transparent; --margin-lg: 2em; --margin-md: 1em; --margin-sm: 0.5em; --margin-xs: 0.25em; --padding-lg: 2em; --padding-md: 1em; --padding-sm: 0.5em; --padding-xs: 0.25em; } @-moz-keyframes animatedBg { from { background-position: left top; } to { background-position: left 70px; } } @-webkit-keyframes animatedBg { from { background-position: left top; } to { background-position: left 70px; } } @keyframes animatedBg { from { background-position: left top; } to { background-position: left 70px; } } @-moz-keyframes blinker { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes blinker { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes blinker { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes blinker { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .workInProgress { background: url("/Content/Images/ico/workInProgress.png") no-repeat scroll 6px 10px orange; border: 0.2em solid; border-radius: 2em; box-shadow: 0.2em 0.3em 0.8em rgba(255, 255, 255, 0.5); color: #FFFFFF; float: left; width: 16em; padding: 1em; } .workInProgress:before { content: "Work in progress !!!"; height: 3em; display: block; line-height: 2; font-size: 1.2em; font-weight: bold; padding-left: 40px; } .workInProgress.br { display: block; float: none; } a.todo-link { font-style: italic; } a.todo-link:before { content: "TODO: "; font-weight: bold; } html, body { height: 100%; font-family: Arial, sans-serif; } body { background-image: url("/Content/Images/bg/brick.png"); background-color: #94816B; } .App { width: 100%; height: 100%; position: relative; font-size: 11px; color: #333; background: #D9C6B0 url("/Content/Images/bg/brick.png") repeat fixed; } .Training { background: #9ef8aa url("/Content/Images/bg/brick.png") repeat fixed; } .Uat { background: #9ef8aa url("/Content/Images/bg/brick.png") repeat fixed; } .PProd { background: #ffcdb3 url("/Content/Images/bg/brick.png") repeat fixed; } .Debug { background: #c7ade6 url("/Content/Images/bg/brick.png") repeat fixed; } .Prod { background: #D9C6B0 url("/Content/Images/bg/brick.png") repeat fixed; } .Prod .dissatisfaction-survey { display: inline-block !important; } .App > .MainNavigation, .App > .StatusBar { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; } .App > .MainNavigation { height: 3.4em; background-color: #58595B; border-bottom: 1px solid #123461; } .PProd > .MainNavigation { background-color: #b14813; } .Uat > .MainNavigation { background-color: #186b23; } .Training > .MainNavigation { background-color: #0380fc; } .Debug > .MainNavigation { background-color: #5308ac; } .App .Screen { position: fixed; margin-top: 3.4em; top: 0; bottom: 0; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-x: auto; overflow-y: auto; padding: 1em 2em; } .App .Screen .ScreenBreadCrumb { margin: -1em -2em 1em; } .watermark { position: fixed; height: 100%; width: 100%; z-index: -1; } .Debug .watermark { background-image: url("data:image/svg+xml;utf8,DEBUG"); } .Debug .watermark.module { background-image: url("data:image/svg+xml;utf8,DEBUG"); } .PProd .watermark { background-image: url("data:image/svg+xml;utf8,PPROD"); } .PProd .watermark.module { background-image: url("data:image/svg+xml;utf8,PPROD"); } .Uat .watermark { background-image: url("data:image/svg+xml;utf8,UAT"); } .Uat .watermark.module { background-image: url("data:image/svg+xml;utf8,UAT"); } .Training .watermark { background-image: url("data:image/svg+xml;utf8,Training"); } .Training .watermark.module { background-image: url("data:image/svg+xml;utf8,Training"); } .App.withStatus .Screen { bottom: 2em; } .App > .StatusBar { position: fixed; bottom: 0; height: 2em; background-color: #FFF; background-image: url("/Content/Images/bg/diamond.png"); background-repeat: repeat; -moz-animation-name: animatedBg; -o-animation-name: animatedBg; -webkit-animation-name: animatedBg; animation-name: animatedBg; -moz-animation-duration: 1s; -o-animation-duration: 1s; -webkit-animation-duration: 1s; animation-duration: 1s; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .App > .StatusBar.sending { background-color: gray; } .App > .StatusBar.failed { background-color: red; } .App > .StatusBar.successed { background-color: lime; } .withBlinker { -moz-animation-name: blinker; -o-animation-name: blinker; -webkit-animation-name: blinker; animation-name: blinker; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @media screen and (min-width: 1100px) { .withAside .ScreenInner { margin-right: 27em; } .withAside .ScreenAside { max-height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; width: 25em; } .withAside .ScreenAside .block { width: 100%; } .withAside .ScreenAside .block.quickFilter { background: #a7c755; } } .popupWrapper .withAside { position: relative; padding-right: 21em; } .popupWrapper .withAside .PopupAside { position: absolute; top: 0; bottom: 0; right: 0; width: 19em; } /* Tree */ #modules-homepage #nodes-tree-container { background: white; height: 20em; overflow: auto; padding: 0; width: 98%; margin: 0.5em auto; } /* Search */ #choose-site-container .search-tool input { background-image: url("/Content/Images/ico/search.png"); background-repeat: no-repeat; background-color: #fff; background-position-y: top; width: 28.8em; display: inline-block; } /***************************************** MODULES *****************************************/ .loginPages#modules-homepage { background: url("/Content/Images/bg-homepage.jpg") no-repeat center fixed; background-color: #204173; -webkit-background-size: cover; /* pour anciens Chrome et Safari */ background-size: cover; /* version standardisée */ } #modules-homepage { background: url("/Content/Images/bg-noise-blue.jpg") no-repeat center fixed; background-color: #204173; -webkit-background-size: cover; /* pour anciens Chrome et Safari */ background-size: cover; /* version standardisée */ } #modules-homepage #ico-fr img, #modules-homepage #ico-en img { height: 2em; padding: 0.8em; } #modules-homepage .MainNavigation { height: 3.4em; border-bottom: 1px solid rgba(0, 0, 0, 0.09); background: transparent; } #modules-homepage .Screen { top: 3.4em; border-top: 1px solid rgba(255, 255, 255, 0.04); } #modules-homepage .Screen > #login-form-container > form, #modules-homepage .Screen > #choose-site-container { width: 36em; background: #004983; color: #FFF; font-size: 1.2em; margin: auto; padding: 1.3em; box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.2); border-radius: 0.5em; margin-top: 4em; } #modules-homepage .Screen > #login-form-container h2, #modules-homepage .Screen > #choose-site-container h2 { text-align: center; font-family: Noto-Sans, Arial, sans-serif; font-size: 1.6em; border-bottom: 1px dashed; border-bottom-color: rgba(0, 0, 0, 0.2); padding-bottom: 0.7em; margin-bottom: 0.7em; } #modules-homepage .Screen #login-form-container .error-contact { width: 25em; margin: 30px auto 10px; } #modules-homepage .validation-summary-errors { color: #FFF; background-image: url("/Content/Images/ico/error.png"); background-repeat: no-repeat; background-position: 1em 0.9em; background-color: #A00; border-color: #A00; border-style: solid; border-width: 0.1em; box-shadow: 0.2em 0.3em 0.6em rgba(0, 0, 0, 0.2); margin: 1em auto 2em; padding: 1em 1em 1em 4em; width: 70%; } #modules-homepage.Uat .MainNavigation { background-color: #186b23; } #modules-homepage.Innova .MainNavigation { background-color: #186b23; } #modules-homepage.Training .MainNavigation { background-color: #0380fc; } #modules-homepage.PProd .MainNavigation { background-color: #b14813; } #modules-homepage.Prod .MainNavigation { background-color: #58595b; } #modules-homepage.Debug .MainNavigation { background-color: #5308ac; } .loginPages .Screen { overflow: visible; } .loginPages #appLang { float: right; } .module-blocks { margin: auto; font-size: 1.2em; width: 88em; display: flex; flex-wrap: wrap; justify-content: center; } .module { float: left; height: 22em; margin: 2em; width: 18em; border-radius: 10px 10px 10px 10px; } .module-container { height: 100%; background-image: url("/Content/Images/bg-noise-medium.png"); background-color: #FBFBFB; border-radius: 10px; overflow: hidden; box-shadow: 0 0 3px 1px #9d9d9d; } .module-container:hover { box-shadow: 0 0 3px 1px #9CBC58; } .switcher a { position: absolute; background-repeat: no-repeat; right: 0.5em; top: 0.5em; height: 16px; width: 16px; } .switcher a.more { background-image: url("/Content/Images/ico/plus.png"); } .switcher a.less { background-image: url("/Content/Images/ico/minus.png"); } .switcher a:hover { opacity: 0.8; } .switcher { height: 1.5em; position: relative; } .module-content { width: 200%; height: 20.5em; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module.more-content .module-content { margin-left: -100%; } .module-content .main-links, .module-content .more-links { width: 50%; height: 100%; float: left; } .module-title { display: block; text-align: center; font-weight: bold; color: #0D0D0D; cursor: pointer; text-decoration: none; background-position: center top; background-repeat: no-repeat; height: 3.2em; line-height: 5.8em; opacity: 0.8; margin-top: 0.5em; } .module-title:hover { color: #a7c755; } .module-title.module-missions { background-image: url("/Content/Images/ModuleVisual/Missions.png"); background-size: 4.1em auto; } .module-title.module-staff { background-image: url("/Content/Images/ModuleVisual/Staffs.png"); background-size: 3.9em auto; } .module-title.module-repositories { background-image: url("/Content/Images/ModuleVisual/Repositories.png"); background-size: 2.7em auto; } .module-title.module-analysis { background-image: url("/Content/Images/ModuleVisual/Analysis.png"); background-size: 3.1em auto; } .module-title.module-settings { background-image: url("/Content/Images/ModuleVisual/Administration.png"); background-size: 2.7em auto; } .module-title.module-audit { background-image: url("/Content/Images/ModuleVisual/Audits.png"); background-size: 2em auto; } .module-title.module-operations { background-image: url("/Content/Images/ModuleVisual/Operations.png"); background-size: 3.1em auto; } .module-title.module-missionpartscategorization { background-image: url("/Content/Images/ModuleVisual/PartsCategorization.png"); background-size: 3.8em auto; } .module-operations-missiondeactivation { background-image: url("/Content/Images/ModuleVisual/MissionDeactivation.svg"); background-size: 2.9em auto !important; } .module-title.module-powerbi { background-image: url("/Content/Images/ModuleVisual/PowerBi.svg"); background-size: 2.5em auto; } .module-title, .secondary-links, .more-links > div { padding: 0.8em 1em; } .secondary-links a, .more-links a { background: #a7c755; border-radius: 2px; color: #3C3C3C; display: block; font-size: 0.75em; font-weight: bold; height: 1.1em; margin-top: 0.3em; padding: 0.5em; text-align: center; text-decoration: none; } .secondary-links a span { overflow: hidden; display: block; width: 100%; height: 100%; } .secondary-links a:hover, .more-links a:hover { background: #3C3C3C; color: #EEE; } .MainNavigation #trigo-logo { height: 2em; padding: 0.8em; } #appVersion { font-family: Noto-Sans, Arial, sans-serif; font-size: 1em; color: #cccccc; display: inline-block; margin-top: 1.3em; margin-left: 0.3em; vertical-align: top; } #appEnvironment { font-family: Noto-Sans, Arial, sans-serif; font-size: 2.1em; color: #FFF; display: inline-block; margin: 0.3em 1em 0.3em; vertical-align: top; } .NavModule { display: inline-block; vertical-align: top; position: relative; border-radius: 0.3em; text-align: center; width: 4em; z-index: 2; margin-left: 1em; } .NavModule .NavOtherModules { display: none; } .NavModule .ModuleLink { display: block; padding-top: 0.4em; } .NavModule .ModuleLink img { height: 2.55em; } .NavModule.active { background: #a7c755; } .NavModule.active .NavOtherModules { display: block; } .NavModule.active .ModuleLink { border-bottom: 1px solid rgba(0, 0, 0, 0.09); } .MainNavigation .main-menu { display: inline-block; vertical-align: top; } .MainNavigation .sub-menu a, .MainNavigation .main-menu > li > a { color: #E1E1E1; text-decoration: none; font-weight: bold; text-shadow: 0 1px 0 #4D4D4D; } .MainNavigation .sub-menu a { padding: 0.2em 0.3em 0.4em 1.5em; width: 90%; display: inline-block; } .MainNavigation .sub-menu a:hover, .MainNavigation .sub-menu a:focus { background-image: url("/Content/Images/trigo-item-list.png"); background-repeat: no-repeat; background-position: left top; background-color: rgba(0, 0, 0, 0.2); } .MainNavigation .main-menu > li { padding: 0.6em; margin: 0.7em 0.2em; display: inline-block; } .MainNavigation .main-menu > li.active, .MainNavigation .main-menu > li.active > .sub-menu-container { background-color: #435E8B; } .MainNavigation .main-menu > li.background-none { background-color: transparent; } .MainNavigation .sub-menu-container { display: none; } .MainNavigation .main-menu > li.active > .sub-menu-container { padding: 0.5em; border-radius: 0.3em; } .MainNavigation .main-menu > li.active { border-radius: 0.3em 0.3em 0 0; } .MainNavigation .main-menu .sub-menu-cell h2 { border-bottom: 0.1em dotted #A7A77B; border-color: #A7A77B; border-radius: 0; color: #C7DB95; font-weight: bold; padding: 0.3em 0.5em; } .MainNavigation .sub-menu { padding: 0.5em; } .MainNavigation .sub-menu li { margin: 0.1em 0; } .MainNavigation .sub-menu-row { display: table-row; } .MainNavigation .sub-menu-cell { display: table-cell; max-width: 20em; min-width: 12em; padding: 0.5em; } .headToolsContainer, .userMenuContainer { float: right; height: 3em; } .headToolsContainer > div { display: inline-block; } .headToolsContainer { padding: 0.5em 1em 0 0.5em; } /* User menu */ .userMenuContainer { margin-top: 0; } .userMenu { position: relative; max-width: 12em; min-width: 10em; padding: 0.3em 0.5em; border-bottom: 0.1em dotted #A7C480; } .userMenu:hover { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.25); } .userMenu .submenu { background: #fff; position: absolute; top: -6px; left: -12px; z-index: 2; width: 105%; display: none; margin-left: 1em; padding: 34px 0 5px; border-radius: 0.6em; box-shadow: 0 0.2em 0.8em rgba(0, 0, 0, 0.45); } .userMenu .root { list-style: none; padding-top: 0.4em; border-top: 1px solid #dedede; } .userMenuContainer .dropdown li { display: block; padding: 0.5em 0.9em; } .userMenuContainer .dropdown li, .userMenuContainer .dropdown li a { cursor: pointer; color: #555555; text-decoration: none; display: block; } .userMenuContainer .dropdown li:hover { background: #033D6D; } .userMenuContainer .dropdown li:hover, .userMenuContainer .dropdown li:hover a { color: #FFFFFF; } .userMenuContainer .selectedLang.menuLang { border: 1px solid; } .userMenuContainer .dropdown .menuLang { display: inline-block; padding: 0.1em 0.2em; } .userMenuContainer .dropdown .menuLang:hover { background: #A7C755; color: #000; } .userMenuContainer .dropdown-title { color: #A7C755; font-weight: bold; cursor: pointer; display: block; position: relative; z-index: 3; width: 90%; margin: auto; padding-right: 1em; } .userMenuContainer .dropdown-title .arrow-down { position: absolute; top: 0; right: 0; } /* current site */ .currentSite { background-color: #58595B; clear: both; max-width: 10em; padding-top: 0.2em; line-height: 1.3em; position: absolute; z-index: 1; } .currentSite a { color: #FFF; text-decoration: none; overflow: hidden; height: 1em; display: inline-block; } .currentSite a:hover, .currentSite a:focus { overflow: visible; } /* slider */ #slider-container .slider-frame { position: relative; display: block; padding: 0; margin: 0 auto; width: 50px; height: 15px; background-color: #404040; background-repeat: no-repeat; background-image: -webkit-gradient(linear, left top, left bottom, from(#2b2b2b), to(#404040)); background-image: -webkit-linear-gradient(#2b2b2b, #404040); background-image: -moz-linear-gradient(#2b2b2b, #404040); background-image: -o-linear-gradient(top, #2b2b2b, #404040); background-image: -khtml-gradient(linear, left top, left bottom, from(#2b2b2b), to(#404040)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#2b2b2b', EndColorStr='#404040', GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2b2b2b', EndColorStr='#404040', GradientType=0))"; border-top: 1px solid #333333; border-right: 1px solid #333333; border-bottom: 1px solid #666666; border-left: 1px solid #333333; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 1px 8px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 1px 8px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0px 1px 8px 0 rgba(0, 0, 0, 0.25); } #slider-container .slider-frame .slider-button { display: block; padding: 0; width: 26px; height: 13px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; } #slider-container .slider-frame .slider-button.readonly { margin: 0; background: #DC3430; border: 1px solid #70430e; } #slider-container .slider-frame .slider-button.edit { margin-left: 23px; background: #9BBD4F; border: 1px solid #0f3f74; } #slider-container .slider-frame .slider-button:before { position: absolute; display: block; margin: 0; padding: 0; width: 25px; height: 7px; background: rgba(255, 255, 255, 0.25); content: ''; -moz-border-radius: 15px; border-radius: 15px; } #slider-container .slider-text { color: #90B2DF; display: block; margin: 0.1em auto; text-align: center; text-transform: capitalize; } /* notifications */ #webjob-running, #webjob-success, #alerts-container, #emails-container, #search-container, #report-container, #engineer-workflow-validation-container, #raw-data-container { position: relative; } #engineer-workflow-validation-container img, #alerts-container img, #emails-container img, #report-container img { height: 2em; width: 2em; padding: 0.2em 0.2em 0.3em; } #search-container { vertical-align: top; } #search-container a:after { content: ""; } #search-container img { height: 2.8em; margin-top: -0.3em; } .notification-total { position: absolute; min-width: 1em; right: -0.3em; top: 0.1em; background: #DC3430; color: #FFFFFF; padding: 0.2em; border-radius: 0.2em; font-weight: bold; text-align: center; } #webjob-running .notification-total { top: -1.1em; } /***************************************************************************** * FILE: anytime.css - The Any+Time(TM) JavaScript Library (stylesheet) * * VERSION: 4.2013.03.15.a * * Copyright 2008-2013 Andrew M. Andrews III (www.AMA3.com). Some Rights * Reserved. This work licensed under the Creative Commons Attribution- * Noncommercial-Share Alike 3.0 Unported License except in jurisdicitons * for which the license has been ported by Creative Commons International, * where the work is licensed under the applicable ported license instead. * For a copy of the unported license, visit * http://creativecommons.org/licenses/by-nc-sa/3.0/ * or send a letter to Creative Commons, 171 Second Street, Suite 300, * San Francisco, California, 94105, USA. For ported versions of the * license, visit http://creativecommons.org/international/ * * Alternative licensing arrangements may be made by contacting the * author at http://www.AMA3.com/contact/ * * This file provides default styling for the Any+Time JavaScript Library's * calendar widget. The styles within can be overridden to customize the * picker's appearance for a particular platform. jQuery UI styles (such * as those created by jQuery ThemeRoller) will override the styles in this * stylesheet. * * These styles have been tested (but not extensively) on Windows Vista in * Internet Explorer 8.0, Firefox 3.0, Opera 10.10 and Safari 4.0. Minor * variations in IE older versions of IE are to be expected, due to its * broken box model. Please report any other problems to the author via * the URL above. * * Any+Time is a trademark of Andrew M. Andrews III. ****************************************************************************/ /* * The following styles ascertain that the types of elements used by * our picker have reasonable styles, especially font, font-size, * list-style-type, margin and padding. */ .AnyTime-pkr * { border: 0; font: inherit; font-size: x-small; font-style: normal; font-weight: normal; list-style-type: none; margin: 0; padding: 0; white-space: nowrap; } /* * .AnyTime-win simulates a "window" that might be a popup or inline. * Styles should include background-color and border. A window should * be sized according to its contents; therefore, width and height * should NOT be specified. */ div.AnyTime-win { background-color: #F0F0F1; border: 3px solid #C0C0C0; font: normal normal normal xx-small / normal sans-serif; padding-bottom: 0.2em; -moz-border-radius: 6px; -webkit-border-radius: 6px; z-index: 999999; } /* * .AnyTime-pkr is the Date/Time picker, inserted into the page immediately * after the input (text field) to which it corresponds. The picker * attempts to size itself automatically based on its format fields; * therefore, do NOT set width or height. This is empty by default, * because .AnyTime-win styles provide consistent window appearance. */ /* * .AnyTime-cloak covers an AnyTime-pkr whenever an AnyTime-yr-selector is placed over * it. The picker cannot be accessed until the AnyTime-yr-selector has been * dismissed (possibly by clicking the AnyTime-cloak). The style usually * includes a background-color and opacity (and filter for MSIE opacity). */ .AnyTime-pkr .AnyTime-cloak { background-color: #D7D7D7; opacity: 0.7; filter: alpha(opacity=70); } /* * .AnyTime-hdr is the title bar at the top of a "window." In addition to * the title label, the title bar for popup (non-inline) pickers also * contains .AnyTime-x-btn. */ .AnyTime-pkr .AnyTime-hdr { background-color: #D0D0D1; color: #D0D0D1; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; height: 1em; margin: 0; padding: 0 0 0.4em 0; text-align: center; -moz-border-radius: 2px; -webkit-border-radius: 2px; } /* * .AnyTime-x-btn is a pseudo-button that, when clicked, causes the entire * picker to disappear (the picker also disappears if the user clicks * almost anywhere off of it, or presses ESC). This is designed to have, * at minumum, a border and float:right. */ .AnyTime-pkr .AnyTime-x-btn { background-color: #FCFCFF; border: 1px solid #F99; color: #FF9F9F; cursor: default; float: right; margin: 0.3em; text-align: center; width: 1.5em; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em; } /* * .AnyTime-btn is a pseudo-button for selection of a format field value. * Both height and float:left should be specified, but width is usually * left for different variations to specify (see classes .AnyTime-***-btn). */ .AnyTime-pkr .AnyTime-btn { background-color: #FCFCFE; border: 1px solid #999; color: #606062; cursor: default; float: left; font-family: Arial, Helvetica, sans-serif; height: 1.5em; margin-bottom: 1px; margin-right: 1px; padding-top: 0.1em; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em; } /* * .AnyTime-body contains everything in thee picker except the title bar. * Because the picker attempts to size itself automatically based on * its format fields, do not width or height. */ .AnyTime-pkr .AnyTime-body { padding: 0.5em; } /* * .AnyTime-date contains all content (labels and pseudo-buttons) for selecting * a date (or part thereof). It is designed to be float:left and should * have a small amount of paddding. */ .AnyTime-pkr .AnyTime-date { float: left; padding: 0 0.5em; } /* * .AnyTime-lbl headings appear before each group of pseudo-buttons for a * particular format field. Each specific label has a class, also. * Styles clear:left and height should be specified here. */ .AnyTime-pkr .AnyTime-lbl { clear: left; color: #606063; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; font-style: normal; height: 1.3em; margin: 0; padding: 0; text-align: center; } /* * .AnyTime-yrs contains the year-selection pseudo-buttons. * A height and width should be specified. */ .AnyTime-pkr .AnyTime-yrs { height: 2.6em; text-align: center; width: 18.6em; } /* * Following are classes for the pseudo-buttons within .AnyTime-yrs * A width should be specified for each. */ .AnyTime-pkr .AnyTime-yrs-past-btn { width: 2.7em; } .AnyTime-pkr .AnyTime-yr-prior-btn, .AnyTime-pkr .AnyTime-yr-cur-btn, .AnyTime-pkr .AnyTime-yr-next-btn { width: 3.75em; } .AnyTime-pkr .AnyTime-yrs-ahead-btn { width: 2.7em; } /* * .AnyTime-mons * .AnyTime-mons contains the month-selection pseudo-buttons. * A height and width should be specified. */ .AnyTime-pkr .AnyTime-mons { height: 4.8em; text-align: center; width: 18.8em; } /* * .AnyTime-mon-btn is for the pseudo-buttons within .AnyTime-mons * A width should be specified. * Each pseudo-button also has a class of its own. */ .AnyTime-pkr .AnyTime-mon-btn { width: 2.75em; } .AnyTime-pkr .AnyTime-mon7-btn { clear: left; } /* * .AnyTime-dom-table is the table containing days-of-the-month. * .AnyTime-dom-head is the table heading, containing days-of-the-week labels. * tr.AnyTime-dow is the row in the heading. * td.AnyTime-dow is a column heading; each heading has its own class, also. * .AnyTime-dom-body is the table heading, containing days-of-the-week labels. * .AnyTime-wk is a table row, containing pseudo-buttons for days. * Each week has its own class (.AnyTime-wk***), also. */ .AnyTime-pkr .AnyTime-dom-table { background-color: #F0F0F1; border: 1px solid #E3E3E4; border-spacing: 1px; width: 18.6em; } .AnyTime-pkr th.AnyTime-dow { background-color: #C0C0C1; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 95%; font-weight: normal; font-style: normal; } /* * .AnyTime-dom-btn is a pseudo-button for a day-of-the-month. * Styles width, text-align:right and float:none should be specified. * .AnyTime-dom-btn-filled is a button containing a specific day-of-the-month. * .AnyTime-dom-btn-empty is a button for an empty cell (no day-of-the-month). * .AnyTime-dom-btn-empty-above-filled is an empty button above a filled button. * .AnyTime-dom-btn-empty-before-filled is empty, left of a filled button. * .AnyTime-dom-btn-empty-after-filled is empty, right of a filled button. * .AnyTime-dom-btn-empty-below-filled is empty, below a filled button. */ .AnyTime-pkr .AnyTime-dom-btn { float: none; height: 1.7em; text-align: right; padding: 0 0.5em 0 0; } .AnyTime-pkr .AnyTime-dom-btn-empty { background-color: #F3F3F4; border: 1px solid #C0C0c1; } /* * .AnyTime-time contains all content (labels and pseudo-buttons) for selecting * a time (or part thereof). It is designed to be float:left and should * have a small amount of paddding. */ .AnyTime-pkr .AnyTime-time { float: left; padding: 0 0 0 1em; text-align: center; } /* * .AnyTime-hrs contains two columns (.AnyTime-hrs-am and .AnyTime-hrs-pm) of * pseudo-buttons for selecting hours. It is designed to be float:left, have * a width and padding. The columns should each have width and float:left. */ .AnyTime-pkr .AnyTime-hrs { float: left; padding-left: 0.5em; padding-right: 0.5em; text-align: center; width: 7.2em; } .AnyTime-pkr .AnyTime-hrs-am, .AnyTime-pkr .AnyTime-hrs-pm { float: left; width: 3.6em; } /* * .AnyTime-hr-btn is a pseudo-button for selecting an hour. * Style should include width. * Each button also has a style of its own. */ .AnyTime-pkr .AnyTime-hr-btn { text-align: right; padding-right: 0.25em; width: 3em; } /* * .AnyTime-mins contains two columns (.AnyTime-mins-tens and .AnyTime-mins-ones) * of pseudo-buttons for selecting minutes. * It is designed to be float:left, have a width and padding. * The columns should each have width and float:left. */ .AnyTime-pkr .AnyTime-mins { float: left; padding-left: 0.5em; padding-right: 0.5em; text-align: center; width: 4.7em; } .AnyTime-pkr .AnyTime-mins-tens, .AnyTime-pkr .AnyTime-mins-ones { float: left; width: 2.3em; } /* * .AnyTime-min-ten-btn is a button in the .AnyTime-mins-tens column. * .AnyTime-min-one-btn is a button in the .AnyTime-ones-tens column. * A width should be specified. * Each button also has its own style. */ .AnyTime-pkr .AnyTime-min-ten-btn, .AnyTime-pkr .AnyTime-min-one-btn { float: left; text-align: center; width: 2em; } .AnyTime-pkr .AnyTime-min-ten-btn-empty, .AnyTime-pkr .AnyTime-min-one-btn-empty { background-color: #F3F3F4; border: 1px solid #C0C0c1; } /* * .AnyTime-secs contains two columns (.AnyTime-secs-tens and .AnyTime-secs-ones) * of pseudo-buttons for selecting seconds. * It is designed to be float:left, have a width and padding. * The columns should each have width and float:left. */ .AnyTime-pkr .AnyTime-secs { float: left; padding-left: 0.5em; padding-right: 0.5em; text-align: center; width: 4.7em; } .AnyTime-pkr .AnyTime-secs-tens, .AnyTime-pkr .AnyTime-secs-ones { float: left; width: 2.3em; } /* * .AnyTime-sec-ten-btn is a button in the .AnyTime-secs-tens column. * .AnyTime-sec-one-btn is a button in the .AnyTime-ones-tens column. * A width should be specified. * Each button also has its own style. */ .AnyTime-pkr .AnyTime-sec-ten-btn, .AnyTime-pkr .AnyTime-sec-one-btn { float: left; text-align: center; width: 2em; } .AnyTime-pkr .AnyTime-sec-ten-btn-empty, .AnyTime-pkr .AnyTime-sec-one-btn-empty { background-color: #F3F3F4; border: 1px solid #C0C0c1; } /* * .AnyTime-offs contains the UTC offset (timezone) selection pseudo-buttons. * The container is designed to have clear:left, float:left and padding. * The two buttons have their own styles, and .AnyTime-off-select-btn should * include a width. * The width of the container and the .AnyTime-off-cur-btn should not be * specified, as they are computed based on the width of the * .AnyTime-off-select-btn and the .AnyTime-time container. */ .AnyTime-pkr .AnyTime-offs { clear: left; float: left; padding-left: 0.5em; padding-top: 0.5em; text-align: center; } .AnyTime-pkr .AnyTime-off-select-btn { width: 1.5em; } /* * .AnyTime-yr-selector is an overlay (popup) for selecting a specific year. * The picker attempts to size the overlay automatically, based on * whether "era" buttons are displayed; therefore, do not set width. * AnyTime-hdr-yr-selector is its title bar. * AnyTime-body-yr-selector is its body. */ .AnyTime-pkr .AnyTime-body-yr-selector { padding: 1em; } /* * .AnyTime-yr-mil is the column of millenium-selector pseudo-buttons. * .AnyTime-yr-cent is the column of century-selector pseudo-buttons. * .AnyTime-yr-dec is the column of decade-selector pseudo-buttons. * .AnyTime-yr-yr is the column of year-selector pseudo-buttons. * A width and float:left should be specified for each. * * .AnyTime-mil-btn is a millenium-selector button. * .AnyTime-cent-btn is a century-selector button. * .AnyTime-dec-btn is a decade-selector button. * .AnyTime-yr-btn is a year-selector button. * Each button has its own class, also. */ .AnyTime-pkr .AnyTime-yr-mil, .AnyTime-pkr .AnyTime-yr-cent, .AnyTime-pkr .AnyTime-yr-dec, .AnyTime-pkr .AnyTime-yr-yr { float: left; width: 2.5em; } .AnyTime-pkr .AnyTime-mil-btn, .AnyTime-pkr .AnyTime-cent-btn, .AnyTime-pkr .AnyTime-dec-btn, .AnyTime-pkr .AnyTime-yr-btn { float: left; text-align: center; width: 2em; } /* * .AnyTime-yr-era contains the column of era-selection pseudo-buttons. * A width and float:left should be specified. * Each era button has class .AnyTime-era-btn (with width) as well as * its own class. */ .AnyTime-pkr .AnyTime-yr-era { float: left; padding-left: 1em; width: 4.1em; } .AnyTime-pkr .AnyTime-era-btn { text-align: center; width: 3em; } /* * .AnyTime-off-selector is an overlay (popup) for selecting a specific year. * The picker attempts to size the overlay automatically, based on * its contents; therefore, do not set width. * .AnyTime-hdr-off-selector is its title bar. * .AnyTime-body-off-selector is its body. * .AnyTime-off-off is the column of offset-selector pseudo-buttons. * .AnyTime-off-off-btn is an offset-selector pseudo-button. * .AnyTime-off-off-last-btn is the last offset-selector pseudo-button. */ .AnyTime-pkr .AnyTime-body-off-selector { margin: 0.5em; } .AnyTime-pkr .AnyTime-off-off-btn { clear: left; padding-left: 1em; padding-right: 1em; text-align: left; } /* * .AnyTime-cur-btn is applied to every pseudo-button that represents * a currently-selected value. They should stand out from the other * buttons, using a different background-color, border, color, font, * font-style and/or font-weight. Note that color alone is not * sufficient for color-blind users to differentiate the buttons. */ .AnyTime-pkr .AnyTime-cur-btn { border: 1px solid #333334; background-color: #C0C0C1; color: #FCFCFE; font-weight: bold; } /* * .AnyTime-out-btn is applied to every pseudo-button that represents * a value that should not be selected because it would make the value. * out-of-range. Typically, this is to give it a "grayed-out" appearance. * Note that color alone is not sufficient for color-blind users to * differentiate the buttons, but since there's no harm in pressing these * buttons, it's probably no big deal. */ .AnyTime-pkr .AnyTime-out-btn { background-color: #F0F0F1; border: 1px solid #C0C0c1; } /* * .AnyTime-focus-btn is applied to the single pseudo-button that appears to * have keyboard focus. It should stand out from all other buttons, * using a different background-color, border, color, font, font-style * and/or font-weight. Note that color alone is not sufficient for * color-blind users to differentiate the button. Because most UIs * represent focus using a dashed or dotted border, this is recommended. */ .AnyTime-pkr .AnyTime-focus-btn { border: 1px dashed black; } /* * END OF FILE */ .AnyTime-pkr.calendarView { display: inline-block; width: 208px !important; height: 242px !important; } .AnyTime-pkr.calendarView .AnyTime-body { width: 188px !important; height: 236px !important; } .AnyTime-pkr.calendarView .AnyTime-hdr, .AnyTime-pkr.calendarView .AnyTime-time { display: none; } .AnyTime-pkr.calendarView .AnyTime-yr-selector { height: 207px !important; width: 117px !important; } .AnyTime-pkr.calendarView .AnyTime-yr-selector .AnyTime-hdr { display: block; } .AnyTime-pkr.calendarNotDays .AnyTime-lbl-dom, .AnyTime-pkr.calendarNotDays .AnyTime-dom-table { display: none; } .AnyTime-pkr.calendarView.calendarNotDays { height: 95px !important; } .AnyTime-pkr.calendarView.calendarNotDays .AnyTime-body, .AnyTime-pkr.calendarView.calendarNotDays .AnyTime-date { height: 89px !important; } /* * Table */ table.dataTable { margin: 0 auto; clear: both; width: 100%; } table.dataTable thead th { font-weight: bold; cursor: pointer; *cursor: hand; height: 2em; vertical-align: middle; } table.dataTable tfoot th { border-top: 1px solid black; font-weight: bold; } table.dataTable td.center, table.dataTable td.dataTables_empty { text-align: center; } table.dataTable tr.odd, table.dataTable tr.odd td { background-color: #BDDFFF; } table.dataTable tr.even, table.dataTable tr.even td { background-color: #FFFFFF; } table.dataTable tr.selected, table.dataTable tr.selected td { background-color: #A8C855; } table.dataTable tr.odd td.sorting_1 { background-color: #A1C3F0; } table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; } table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; } table.dataTable tr.even td.sorting_1 { background-color: #DEDEDE; } table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; } table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; } table.dataTable td.sorting_1 { border-color: #AAA; } table.dataTable td a.link { text-decoration: none; display: block; border: none; white-space: nowrap; } /* * Table wrapper */ .dataTables_wrapper { position: relative; clear: both; *zoom: 1; } .dataTables_wrapper .dataTable-header { background: #48668f; } /* * Page length menu */ .dataTables_length, .dataTable-entries, .dataTable-export { float: left; margin-left: 1.2em; } /* * Filter */ .dataTables_filter, .dataTable-showFilters { text-align: right; margin-right: 1.2em; position: absolute; right: 5px; } .dataTables_filter .btn, .dataTable-showFilters .btn { -moz-box-shadow: inset 0px 1px 0px 0px #c9f272 !important; -webkit-box-shadow: inset 0px 1px 0px 0px #c9f272 !important; box-shadow: inset 0px 1px 0px 0px #c9f272 !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5c958), color-stop(1, #92ba3c)) !important; background: -moz-linear-gradient(top, #a5c958 5%, #92ba3c 100%) !important; background: -webkit-linear-gradient(top, #a5c958 5%, #92ba3c 100%) !important; background: -o-linear-gradient(top, #a5c958 5%, #92ba3c 100%) !important; background: -ms-linear-gradient(top, #a5c958 5%, #92ba3c 100%) !important; background: linear-gradient(to bottom, #a5c958 5%, #92ba3c 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5c958', endColorstr='#92ba3c', GradientType=0) !important; background-color: #a5c958 !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius: 3px !important; border: 1px solid #8bb531 !important; display: inline-block !important; color: #333333 !important; font-size: 1em !important; font-weight: normal !important; text-decoration: none !important; -webkit-text-shadow: 0px 1px 0px #ccc !important; -moz-text-shadow: 0px 1px 0px #ccc !important; -ms-text-shadow: 0px 1px 0px #ccc !important; -o-text-shadow: 0px 1px 0px #ccc !important; text-shadow: 0px 1px 0px #ccc !important; cursor: pointer !important; vertical-align: top !important; } .dataTables_filter .btn:hover, .dataTable-showFilters .btn:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #92ba3c), color-stop(1, #a5c958)) !important; background: -moz-linear-gradient(top, #92ba3c 5%, #a5c958 100%) !important; background: -webkit-linear-gradient(top, #92ba3c 5%, #a5c958 100%) !important; background: -o-linear-gradient(top, #92ba3c 5%, #a5c958 100%) !important; background: -ms-linear-gradient(top, #92ba3c 5%, #a5c958 100%) !important; background: linear-gradient(to bottom, #92ba3c 5%, #a5c958 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92ba3c', endColorstr='#a5c958', GradientType=0) !important; background-color: #92ba3c !important; color: inherit !important; } #sliderbar-container #thirdparty-tabs .dataTable-showFilters { margin-right: 0 !important; } .dataTable thead tr:first-child input { width: 80%; max-width: 20em; font-size: 0.85em; } .dataTable thead tr:first-child .date_range_filter { width: 5em; margin-top: 0.3em; } .dataTable .search_init { color: #888; font-style: italic; } .to-wrap { white-space: nowrap; } /* * Table information */ .dataTables_info { clear: both; float: left; } /* * Pagination */ .dataTables_paginate { float: right; text-align: right; } /* Two button pagination - previous / next */ .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { height: 19px; float: left; cursor: pointer; *cursor: hand; color: #111 !important; } .paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover { text-decoration: none !important; } .paginate_disabled_previous:active, .paginate_enabled_previous:active, .paginate_disabled_next:active, .paginate_enabled_next:active { outline: none; } .paginate_disabled_previous, .paginate_disabled_next { color: #666 !important; } .paginate_disabled_previous, .paginate_enabled_previous { padding-left: 23px; } .paginate_disabled_next, .paginate_enabled_next { padding-right: 23px; margin-left: 10px; } .paginate_enabled_previous { background: url('../Images/dataTables/back_enabled.png') no-repeat top left; } .paginate_enabled_previous:hover { background: url('../Images/dataTables/back_enabled_hover.png') no-repeat top left; } .paginate_disabled_previous { background: url('../Images/dataTables/back_disabled.png') no-repeat top left; } .paginate_enabled_next { background: url('../Images/dataTables/forward_enabled.png') no-repeat top right; } .paginate_enabled_next:hover { background: url('../Images/dataTables/forward_enabled_hover.png') no-repeat top right; } .paginate_disabled_next { background: url('../Images/dataTables/forward_disabled.png') no-repeat top right; } /* Full number pagination */ .paging_full_numbers { height: 22px; line-height: 22px; } .paging_full_numbers a:active { outline: none; } .paging_full_numbers a:hover { text-decoration: none; } .paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 4px 7px; margin: 0 3px; cursor: pointer; *cursor: hand; } .paging_full_numbers a.paginate_button { background-color: rgba(0, 0, 0, 0.4); color: #fff; } .paging_full_numbers a.paginate_button:hover { background-color: #ccc; color: #333; text-decoration: none !important; } .paging_full_numbers a.current { background-color: #a7c755; color: #333; text-decoration: none !important; } .paging_full_numbers a.paginate_active { background-color: #a7c755; } /* * Processing indicator */ .dataTables_processing { position: absolute; top: 0; right: 0; bottom: 0; width: 100%; padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #fff; font-size: 20px; background-color: #708090a8; z-index: 1000; } /* * Sorting */ .sorting { background-image: url("/Content/Images/dataTables/sort_both.png"); background-repeat: no-repeat; background-position: center right; } .sorting_asc { background-image: url("/Content/Images/dataTables/sort_asc.png"); background-repeat: no-repeat; background-position: center right; } .sorting_desc { background-image: url("/Content/Images/dataTables/sort_desc.png"); background-repeat: no-repeat; background-position: center right; } .sorting_asc_disabled { background-image: url("/Content/Images/dataTables/sort_asc_disabled.png"); background-repeat: no-repeat; background-position: center right; } .sorting_desc_disabled { background-image: url("/Content/Images/dataTables/sort_desc_disabled.png"); background-repeat: no-repeat; background-position: center right; } table.dataTable thead th:active, table.dataTable thead td:active { outline: none; } .sorting, .sorting_asc, .sorting_desc { padding-right: 20px; } /* * Scrolling */ .dataTables_scroll { clear: both; } .dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } /* * Container */ .dataTable-container { -moz-box-shadow: 0 0 1px 0 #E4E4E4; -webkit-box-shadow: 0 0 1px 0 #E4E4E4; box-shadow: 0 0 1px 0 #E4E4E4; overflow: auto; border-radius: 3px; margin: 1em 0; background: #50729F; } .dataTable-container .dataTable-header { padding: 0.8em; color: white; font-weight: bold; overflow: hidden; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; background: #50729F; } .dataTable-container .dataTable-footer { padding: 0.8em; color: white; font-weight: bold; overflow: hidden; background: #50729F; } .dataTable-light .dataTable-header { padding: 1.8em; } .dataTable-entries { background: rgba(0, 0, 0, 0.1); color: #a7c755; border-radius: 3px; padding: 0.5em; } .dataTable-export { margin: -0.1em 0em; } /* * Treetable style */ .treeTable-container .dataTable-header { background: #48668f; border-bottom: 1px solid #fff; font-size: 1.1em; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; } .treeTable-container .dataTable-header .dataTables_length { margin-left: 0; } .treeTable-container .dataTable-header .dataTable-entries { float: right; color: #fff; background: none; } .treeTable-container .dataTable-footer { background: #fff; border-top: 1px dashed #999; font-size: 1.1em; padding: 1.4em 0.8em; } .treeTable-container .dataTable-footer a.paginate_button { border-radius: 50px; background: #333; } .treeTable-container .dataTable-footer a.paginate_button.current { background: #888; } .treeTable-container table.dataTable { border: 0 !important; } .treeTable-container table.dataTable thead tr { border: 0 !important; } .treeTable-container table.dataTable thead tr th { padding-top: 10px; padding-bottom: 5px; text-align: left; border: 0 !important; color: #fff; background: #50729f; } .treeTable-container table.dataTable thead tr:first-child .search_init { border-radius: 3px; font-size: 1em; font-style: normal; padding: 6px; } .treeTable-container table.dataTable thead tr:nth-child(2) th { padding-left: 9px; font-size: 1.1em; } .treeTable-container table.dataTable tbody tr:first-child td { padding-top: 15px; } .treeTable-container table.dataTable tbody tr:last-child td { padding-bottom: 20px; } .treeTable-container table.dataTable td { vertical-align: middle; border: 0 !important; } .treeTable-container table.dataTable tr.odd, .treeTable-container table.dataTable tr.even { background: #FFFFFF; background-color: #FFFFFF; border: 0 !important; } .treeTable-container table.dataTable tr.odd td, .treeTable-container table.dataTable tr.even td, .treeTable-container table.dataTable tr.odd td.sorting_1, .treeTable-container table.dataTable tr.even td.sorting_1, .treeTable-container table.dataTable tr.odd td.sorting_2, .treeTable-container table.dataTable tr.even td.sorting_2, .treeTable-container table.dataTable tr.odd td.sorting_3, .treeTable-container table.dataTable tr.even td.sorting_3 { background: #FFFFFF; background-color: #FFFFFF; } .treeTable-container table.dataTable .treetable-leaf { color: #757575; } .treeTable-container table.dataTable .treetable-leaf .caret { width: 1em; } .treeTable-container table.dataTable .treetable-leaf .fa-stack { width: 1em; height: 1em; line-height: 1em; } .treeTable-container table.dataTable .treetable-leaf .leaf-container { display: table; width: 100%; } .treeTable-container table.dataTable .treetable-leaf .leaf-container .caret-container { display: table-cell; vertical-align: middle; text-align: center; cursor: pointer; width: 1em; } .treeTable-container table.dataTable .treetable-leaf .leaf-container .icon-container { display: table-cell; vertical-align: middle; text-align: center; width: 1em; padding-left: 0.5em; } .treeTable-container table.dataTable .treetable-leaf .leaf-container .icon-container .fa-stack { cursor: pointer; color: #033769; opacity: 0.7; } .treeTable-container table.dataTable .treetable-leaf .leaf-container .entity-container { display: table-cell; vertical-align: middle; padding-right: 0.5em; padding-left: 0.8em; } .treeTable-container table.dataTable .treetable-leaf .leaf-container .entity-container .entity { line-height: 1.5em; } .treeTable-container table.dataTable .treetable-leaf .leaf-container .entity-container .popupLink:hover { text-decoration: underline; } .treeTable-container table.dataTable .treetable-leaf .leaf-container .entity-container a { text-decoration: none; } .treeTable-container table.dataTable .treetable-leaf .leaf-container .links-container { display: table-cell; vertical-align: middle; text-align: right; padding-right: 0.3em; } .treeTable-container table.dataTable .treetable-leaf .leaf-container .links-container .sliderbarLink, .treeTable-container table.dataTable .treetable-leaf .leaf-container .links-container .popupLink { text-decoration: none; } .treeTable-container table.dataTable .treetable-leaf .leaf-container .links-container .sliderbarLink:hover, .treeTable-container table.dataTable .treetable-leaf .leaf-container .links-container .popupLink:hover { opacity: 0.5; } .treeTable-container table.dataTable .treetable-leaf.level-1 .caret-container { font-size: 1.5em; padding-left: 0em; } .treeTable-container table.dataTable .treetable-leaf.level-1 .entity { font-size: 1.1em; font-weight: 900; } .treeTable-container table.dataTable .treetable-leaf.level-1 td { border-bottom: 1px solid #D8D8D8 !important; } .treeTable-container table.dataTable .treetable-leaf.level-2 .caret-container { font-size: 1.4em; padding-left: 1em; } .treeTable-container table.dataTable .treetable-leaf.level-2 .entity { font-weight: 600; } .treeTable-container table.dataTable .treetable-leaf.level-2 td { border-bottom: 1px solid #DADADA !important; } .treeTable-container table.dataTable .treetable-leaf.level-3 .caret-container { font-size: 1.3em; padding-left: 2em; } .treeTable-container table.dataTable .treetable-leaf.level-3 td { border-bottom: 1px solid #DFDFDF !important; } .treeTable-container table.dataTable .treetable-leaf.level-4 .caret-container { font-size: 1.2em; padding-left: 3em; } .treeTable-container table.dataTable .treetable-leaf.level-4 .entity { font-size: 0.9em; } .treeTable-container table.dataTable .treetable-leaf.level-4 td { border-bottom: 1px solid #F0F0F0 !important; } .treeTable-container table.dataTable .treetable-leaf.no-children .entity { color: #666; } .treeTable-container table.dataTable .treetable-leaf.no-children .icon-container .fa-stack { cursor: pointer; color: #666; opacity: 0.7; } .treeTable-container table.dataTable .treetable-leaf.no-children .caret:before { content: "\a0"; } .gantt-view { padding: 0; position: relative; } .gantt-bg { height: 100%; width: 100%; } .gantt-data { bottom: 0; left: 0; right: -16px; /* leave place for scroll bar*/ overflow-y: auto; overflow-x: hidden; position: absolute; } .gantt-viewportDataLine, .gantt-viewportBg { position: relative; overflow: hidden; } .gantt-viewportInnerDataLine { height: 100%; } .gantt-viewportInnerDataLine, .gantt-viewportInnerBg { position: relative; overflow: visible; -moz-transition: margin-left 0.5s; -o-transition: margin-left 0.5s; -webkit-transition: margin-left 0.5s; transition: margin-left 0.5s; } .gantt-dataLine { padding: 2px 0; border-bottom: 1px dotted rgba(0, 0, 0, 0.2); position: absolute; left: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .gantt-headBg, .gantt-dataHead, .gantt-viewportBg, .gantt-viewportInnerBg, .gantt-viewportDataLine, .gantt-viewportInnerDataLine, .gantt-day, .gantt-bgHour { float: left; height: 100%; } .gantt-dataHead { background: #FFF; overflow: hidden; } .gantt-bgHour { width: 4.1666666%; /* 100 / 24 */ outline: 1px dotted #C7E1FC; } .gantt-bgHour.gantt-highlight { background: rgba(182, 255, 0, 0.1); } .gantt-day { width: 1em; outline: 1px solid #C7E1FC; position: absolute; top: 0; } .gantt-day > * { overflow: hidden; } .gantt-day.gantt-alternate-0 { background: #FAFAFA; } .gantt-day.gantt-alternate-1 { background: #FFF; } .gantt-label { padding: 0.3em 0; display: block; font-weight: bold; border-bottom: 1px solid; text-align: center; } .gantt-item.right-arrow { width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; background: transparent; pointer-events: none; } .gantt-risky-status { position: absolute; left: 0px; top: 50%; z-index: 1; margin-top: -8px; width: 16px; height: 16px; border-radius: 2px; border: 1px solid transparent; } .gantt-risky-approved-restrictions > i { color: #a8c855; font-size: 17px; } .gantt-risky-approved > i { color: #1f8970; font-size: 17px; } .gantt-risky-rejected > i { color: #ac272b; font-size: 17px; } .gantt-risky-pending > i { color: #fdc600; font-size: 17px; } .gantt-status { position: absolute; left: 136px; top: 50%; z-index: 1; margin-top: -8px; width: 16px; height: 16px; border-radius: 2px; border: 1px solid transparent; } .gantt-online > i { color: #33FF00; font-size: 17px; } .gantt-offline > i { color: red; font-size: 17px; } .gantt-logoff > i { color: #999; font-size: 17px; } .gantt-synced { position: absolute; left: 148px; top: 50%; z-index: 1; margin-top: -9px; width: 16px; height: 16px; border-radius: 2px; border: 1px solid transparent; } .gantt-synced > i { font-size: 18px; } .gantt-onmobile { position: absolute; left: 152px; top: 60%; z-index: 1; margin-top: -12px; width: 16px; height: 16px; border-radius: 2px; border: 1px solid transparent; } .gantt-dataInnerHead > span { width: 130px; line-height: 12px !important; } .gantt-onmobile > i { font-size: 17px; } .gantt-bgDay, .gantt-label, .gantt-innerItem, .gantt-dataInnerHead, .gantt-showZoom, .gantt-edit { font-size: 10px; text-transform: capitalize; } .gantt-showZoom { position: absolute; left: 210px; top: 50%; z-index: 1; margin-top: -8px; width: 16px; height: 16px; border-radius: 2px; border: 1px solid transparent; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERDA4OEYyRERFRjRERjExQkZDNUNBMDM0OEZDODQyMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5ODMwNzhCQzNFMzExMUUxOEY3OEJDNzFFQkE2OTI2NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5ODMwNzhCQjNFMzExMUUxOEY3OEJDNzFFQkE2OTI2NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M0IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MjY3RjBCOTAwRjhERjExQkE0RjlCNURFQ0Q1MkUwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERDA4OEYyRERFRjRERjExQkZDNUNBMDM0OEZDODQyMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtnT5xUAAAEsSURBVHjaYvz//z8DCISFhYkCqXYgDgRiISD+CMSbgLhy1apVTxlwAEaQAUDNTkD2CiAWxaIGZFAE0JAd2AxggtoM07weiPWAihlBNJTPD8RLgeoksBnAAsSNMM1AjUEwCSD7MpAKAmpcB/UWyHuJGC4AYj8oux6HN2HiHli9gOTvmzgMgIlLAF3DjM2A11C2Og4DYOKvgd76iy0MQFGVCcS9QOyGxYBGKL0V6ALMaAwNDQXF+VWQE4EYFFWtQHwNiLWAuBrq93dArA3EL/Clg41AzIPFBd9BsQH1igeU/R05DEBRtg8a79ORbAGFzVyoOEjzBKgBoGjlRHEBPgD1N0hzPpLwDphLmBiIAwVAPBGJD3cJsQbgNIQUA7AZsoOFgXRQAKUfgQwDCDAASUpXOnEtSbsAAAAASUVORK5CYII=); } .gantt-edit { position: absolute; left: 190px; top: 50%; z-index: 1; margin-top: -8px; width: 16px; height: 16px; border-radius: 2px; border: 1px solid transparent; background-repeat: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAlpJREFUeNqEk01IVFEUx//3fczHG7NxGmfCMQl1GkKrhblKglbVpnCbEBm1GFftChSESHDRpk0lobWR2rZpIYioGUNBQoiMBmIxUun4pnG+evPevNt5vrGxTOfC4XIv9/f/n3vOvYxzjmqDMYaJDjmqZPQeB8M52lqieNIZ54+YJWCq7w8U2Hp5fSyWQm/o8yYijRfAQs348moUqfXkHamauxDr6/e21vd21HYBbR9hxJchrXEcO+q3BKJ7BISntyuLM3I/BPcDtHTDr7TAcKr4kctBezuHptVvEBgiwr7WpyQbDneDe1rA1EnI2gpcfhmrDQFMBOpQMDH7f4F2gkVlFzwFZBaAUgb+72k0OTlYqw9KrWNsbw3aLGeCTxCslOH0PGBqwDJFHggHJTRo4nPPB+3FXxkI01EbjlwluBksNU0t+FSBc3SohpCCOeiRXDe3mR3YnIwOQ/TYsJV2ahbILlLaBYKLBNN78dDxvDmIlHn/j6muzmNlvG9Yklx3cfIKeI0Fz9iwkS07m4AiknNpAD8rsDWk+ZEbblF29kE8BO4+TvAcFWwHLtiwuwxv8aF/SyYVNO18qP2SI3E4gMbYKFDvBBw6PVaC85S200qb4OxeeFsgV9QuHgmflRWvDwnaaFwaJwE3OTKaYRVsgO4/tO9L1Ux+S/EGhVx8BK7sayQiPXQF6pXEkM/qDw+C7Rr86nSfXngDaXPV3EgWjKT6rDSzoRp1DvHxZV/gXtWfeq27y8irX3lQ3ljLafzdetqMTS0WY7oBKgK0XUG9hF6eS/SLDUvgtwADABpUBfyzD66iAAAAAElFTkSuQmCC'); } .gantt-copy { position: absolute; left: 170px; top: 50%; z-index: 1; margin-top: -8px; width: 16px; height: 16px; border-radius: 2px; border: 1px solid transparent; background-repeat: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJBSURBVHjalFNNaBNBGH072d0kjWlC05baYg8i6qHYHkQLRREEERTUq3jpQVFQvPXgQSyCikhv4kXx5yCtF0FNW1GxHoJUpCjUiwWLlbYJpiGbJptNdmfGmW2abCIR/JZvvmXgve+9mfmUc4/mOWcMblIKxuhGdZxqZVT8yypyYvSEAk+oEjh2ug+c45+hCNjw9ed/7atcIAUHPiQLsCyGt59+oZmiYFsMZ26/415FqouWHUQSAvyvIteCjANdIbdOJ2qKikJRzqTIrTvIi1qya6wjR7pEMyoJaD21R5HsQhpyM6RCJqypjLI6fKOixnCBIqlIeTZEIabYoB4C2tS3Fyz7ugR66wqWrR81BxVFSesnFvJfmoJZxQJhZRVvUuNIrL2CYWeqCvKOgZm1Z4ivPkTeNurAmyntqma6AwPRTiyUPmN2cRod/RFMJr/DdNYRDbYjVVrEk6UbGIqdws7QYA0sP6lALMZA5BC6fbvhcAf923tQIBkwvQyd6AhpYeiahvfpp3iZvIt0ecUF+xRUrpHSiLyuwbbj6AnswuO5CcS6M7Coia3hbUI2hWnnoSGI3uAetAeiiPoVzH1b2rAgD+LsrReVZ8lBtuzHlaGD+GokMJuNw6Yl7GjZh72RkwiQMCICvLz6GzfvxXOC4Kg6fvVY9XkYRe6/MPba0n1+tGox+JUQDncOozfQB4dJ4UChWEZ8Zl7Kvzz14NJHhXsefdbk5PydSSqHRW3JitkooZAK1Y12ZcBGp+5fvCYxfwQYAGzghEXEf+kyAAAAAElFTkSuQmCC'); } .gantt-showZoom:hover, .gantt-edit:hover, .gantt-copy:hover { border-color: #999; } .gantt-zoomList li { padding-left: 0.5em; border-left: 0.5em solid #999; margin: 0.5em; } .gantt-item { position: absolute; height: 100%; background-color: #023968; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAL1JREFUeNocjzEKg0AQRWd2ISyjuySBNLYieAcvIdjbCt7C2oPY2Fl4Bi1sFGw9gKUEF03MborfzJ95/w8AgIiiiF/XdTOicRzdLMseUkrCPM+Z53lfY0AYhjTPs7PvO67reoK96LoODYEhIsVx/CyK4jUMg7ImtW3rCCHILPxVVRXZOZumifd9T0mSCCJCpZQ+juO9bdvJyrLkWmv0fZ/XdQ3LsnyapoEgCE6wuDRN7yZDWpTtYHK5/eInwAAGllbR1OWSwQAAAABJRU5ErkJggg==); color: #FFF; border-radius: 4px; overflow: hidden; } .gantt-zoomListContent { min-height: 1em; min-width: 1em; position: static; overflow: auto; background-color: transparent; } .gantt-item a { color: inherit; } .gantt-item .Attendance a { color: inherit; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 6px; font-size: 16px; text-decoration: none; } .gantt-innerItem { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; display: table-cell; vertical-align: middle; } .gantt-nav { margin-top: 1em; } .gantt-nav > div, .gantt-nav > form { margin: 1em 0; text-align: center; display: block; } .gantt-dateLimits { margin: 0 0 0.5em; text-align: center; } .gantt-nav button { padding: 0; margin: 0.5em; background: none; text-shadow: none; box-shadow: none; border: solid; border-width: 0 0 1px; border-radius: 0; font-weight: bold; color: #999; } .gantt-nav button:hover, .gantt-nav button:focus { border: none; color: #000; } #MissionGantt .gantt-day { outline: 0px; border-right: 1px solid #C7E1FC; } #MissionGantt .gantt-day.gantt-alternate-1 { background-color: transparent; } #MissionGantt .gantt-day.gantt-alternate-0 { background-color: transparent; } #MissionGantt .gantt-dataLine:nth-child(odd) .gantt-viewportDataLine { background: rgba(230, 230, 230, 0.4); } #MissionGantt .gantt-dataLine:nth-child(even) .gantt-viewportDataLine { background: rgba(250, 250, 250, 0.4); } #MissionGantt .gantt-dataInnerHead span { line-height: 14px; } #MissionGantt .gantt-dataInnerHead span strong { font-weight: bold; } #MissionGantt .fullSite { position: fixed; font-weight: bold; padding-top: 4px; max-width: 200px; } /* POPUPS */ .popupOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 8; } .popupOverlay.confirmation-popup { z-index: 10; } .popupWrapper { position: fixed; -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.8); box-shadow: 0 0 1em rgba(0, 0, 0, 0.8); border-radius: 10px; top: 0; left: 0; z-index: 9; } .popupWrapper.confirmation-popup { z-index: 11; } .popupWrapper .closePopup { position: absolute; background: #A2A2A2; height: 2em; width: 2em; min-width: 2em; border-radius: 50%; top: 0.7em; right: 1.1em; z-index: 3; font-weight: bold; padding: 0; box-shadow: none; } .popupWrapper .closePopup:before { content: ''; } .popupWrapper .popupHeader, .popupWrapper .popupFooter { padding: 0 1em; } .popupWrapper .popupHeader { border-radius: 10px 10px 0 0; background: -o-linear-gradient(bottom, #F7F7F7 0%, #C6C6C6 100%); background: -moz-linear-gradient(bottom, #F7F7F7 0%, #C6C6C6 100%); background: -webkit-linear-gradient(bottom, #F7F7F7 0%, #C6C6C6 100%); background: -ms-linear-gradient(bottom, #F7F7F7 0%, #C6C6C6 100%); background: linear-gradient(to bottom, #F7F7F7 0%, #C6C6C6 100%) repeat scroll 0 0 transparent; background-color: #C6C6C6; border-bottom: 1px solid #A5A5A5; } .popupWrapper .popupFooter { border-radius: 0 0 10px 10px; background: #C3C3C3; text-align: center; border-top: 1px solid #D4D4D4; } .popupWrapper .popupFooter > * { margin: 0.4em 2em; } .popupWrapper .popupFooter.popupFooterWideMargin > * { margin: 0.4em 15%; } .popupWrapper .popupHeader h1, .popupWrapper .popupHeader h2, .popupWrapper .popupHeader h3, .popupWrapper .popupHeader h4, .popupWrapper .popupHeader h5, .popupWrapper .popupHeader h6 { margin: 0; padding: 0.6em 0; color: #757575; font-family: Noto-Sans, Arial, sans-serif; font-size: 1.5em; font-weight: normal; -webkit-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); -moz-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); -ms-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); -o-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); } .popupWrapper > div > div { padding: 0.4em 1em; border-top: 1px solid #FFFFFF; background: -o-linear-gradient(bottom, #E5E5E5 0%, #C3C3C3 100%); background: -moz-linear-gradient(bottom, #E5E5E5 0%, #C3C3C3 100%); background: -webkit-linear-gradient(bottom, #E5E5E5 0%, #C3C3C3 100%); background: -ms-linear-gradient(bottom, #E5E5E5 0%, #C3C3C3 100%); background: linear-gradient(to bottom, #E5E5E5 0%, #C3C3C3 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); } .custom-dialog { -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.8); box-shadow: 0 0 1em rgba(0, 0, 0, 0.8); border-radius: 10px; padding: 0; } .custom-dialog .ui-dialog-titlebar { border-radius: 10px 10px 0 0; background: -o-linear-gradient(bottom, #F7F7F7 0%, #C6C6C6 100%); background: -moz-linear-gradient(bottom, #F7F7F7 0%, #C6C6C6 100%); background: -webkit-linear-gradient(bottom, #F7F7F7 0%, #C6C6C6 100%); background: -ms-linear-gradient(bottom, #F7F7F7 0%, #C6C6C6 100%); background: linear-gradient(to bottom, #F7F7F7 0%, #C6C6C6 100%) repeat scroll 0 0 transparent; background-color: #C6C6C6; border: none; border-bottom: 1px solid #A5A5A5; } .custom-dialog .ui-dialog-titlebar .ui-dialog-title { margin: 0.1em; padding: 0.2em 0; color: #757575; font-family: Noto-Sans, Arial, sans-serif; font-size: 1.5em; font-weight: normal; -webkit-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); -moz-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); -ms-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); -o-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); } .custom-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { position: absolute; background: #A2A2A2; height: 2em; width: 2em; min-width: 2em; border-radius: 50%; top: 1.5em; right: 1.1em; z-index: 3; font-weight: bold; padding: 0; box-shadow: none; } .custom-dialog .ui-dialog-content { padding: 0.4em 1em; border-top: 1px solid #FFFFFF; background: -o-linear-gradient(bottom, #E5E5E5 0%, #C3C3C3 100%); background: -moz-linear-gradient(bottom, #E5E5E5 0%, #C3C3C3 100%); background: -webkit-linear-gradient(bottom, #E5E5E5 0%, #C3C3C3 100%); background: -ms-linear-gradient(bottom, #E5E5E5 0%, #C3C3C3 100%); background: linear-gradient(to bottom, #E5E5E5 0%, #C3C3C3 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); font-weight: bold; overflow: hidden; } .custom-dialog .ui-dialog-content .qm { font-family: Noto-Sans, Arial, sans-serif; font-size: 5em; display: block; margin-right: 0.3em; float: left; color: #B8B8B8; text-shadow: 1px 1px 1px #717171; } .custom-dialog .ui-dialog-content .conf-msg { display: block; color: #666666; font-size: 12px; padding-top: 0.7em; padding-left: 3.7em; } .custom-dialog .ui-dialog-buttonpane { border-radius: 0 0 10px 10px; background: #C3C3C3; text-align: center; border-top: 1px solid #D4D4D4; margin: 0; } .custom-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; width: 350px; margin: auto; } .custom-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button { margin: 0 3em; } /* Progress info */ .progressNotice { padding: 1em 0 1em 20px; font-weight: bold; font-style: italic; background-image: url("/Content/Images/mini-thorbber.gif"); background-color: transparent; background-position: left center; background-repeat: no-repeat; } /*! * qTip2 - Pretty powerful tooltips - * http://qtip2.com * * Copyright (c) 2013 Craig Michael Thompson * Released under the MIT, GPL licenses * http://jquery.org/license * * Date: Thu May 9 2013 04:46 UTC+0000 * Plugins: svg ajax tips modal viewport imagemap ie6 * Styles: basic css3 */ /* Core qTip styles */ .qtip, .qtip { position: absolute; left: -28000px; top: -28000px; display: none; max-width: 1280px; min-width: 50px; font-size: 10.5px; line-height: 12px; direction: ltr; } .qtip-content { position: relative; padding: 5px 9px; overflow: hidden; text-align: left; word-wrap: break-word; } .qtip-titlebar { position: relative; padding: 14px 35px 5px 10px; overflow: hidden; border-width: 0 0 1px; font-weight: bold; } .qtip-titlebar + .qtip-content { border-top-width: 0 !important; } /* Default close button class */ .qtip-close { position: absolute; right: -9px; top: -9px; cursor: pointer; outline: medium none; border-width: 1px; border-style: solid; border-color: transparent; } .qtip-titlebar .qtip-close { right: 4px; top: 50%; margin-top: -9px; } * html .qtip-titlebar .qtip-close { top: 16px; } /* IE fix */ .qtip-titlebar .ui-icon, .qtip-icon .ui-icon { display: block; text-indent: -1000em; direction: ltr; vertical-align: middle; } .qtip-icon, .qtip-icon .ui-icon { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; } .qtip-icon .ui-icon { width: 18px; height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma, sans-serif; color: inherit; background: transparent none no-repeat -100em -100em; } /* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */ /* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */ /* Default tooltip style */ .qtip-default { border-width: 1px; border-style: solid; border-color: #F1D031; background-color: #FFFFA3; color: #555; } .qtip-default .qtip-titlebar { background-color: #FFEF93; } .qtip-default .qtip-icon { border-color: #CCC; background: #F1F1F1; color: #777; } .qtip-default .qtip-titlebar .qtip-close { border-color: #AAA; color: #111; } /* Trigo tooltip style */ .qtip-trigo { border: 1px solid #B2BEC9; background-color: #CBD7E2; color: #555; } .qtip-trigo .qtip-titlebar { background-color: #435E8B; } .qtip-trigo .qtip-icon { border-color: #CCC; background: #F1F1F1; color: #777; } .qtip-trigo .qtip-titlebar .qtip-close { border-color: #AAA; color: #111; } /*! Light tooltip style */ .qtip-light { background-color: white; border-color: #E2E2E2; color: #454545; } .qtip-light .qtip-titlebar { background-color: #f1f1f1; } /*! Dark tooltip style */ .qtip-dark { background-color: #505050; border-color: #303030; color: #f3f3f3; } .qtip-dark .qtip-titlebar { background-color: #404040; } .qtip-dark .qtip-icon { border-color: #444; } .qtip-dark .qtip-titlebar .ui-state-hover { border-color: #303030; } /*! Cream tooltip style */ .qtip-cream { background-color: #FBF7AA; border-color: #F9E98E; color: #A27D35; } .qtip-cream .qtip-titlebar { background-color: #F0DE7D; } .qtip-cream .qtip-close .qtip-icon { background-position: -82px 0; } /*! Red tooltip style */ .qtip-red { background-color: #F78B83; border-color: #D95252; color: #912323; } .qtip-red .qtip-titlebar { background-color: #F06D65; } .qtip-red .qtip-close .qtip-icon { background-position: -102px 0; } .qtip-red .qtip-icon { border-color: #D95252; } .qtip-red .qtip-titlebar .ui-state-hover { border-color: #D95252; } /*! Green tooltip style */ .qtip-green { background-color: #CAED9E; border-color: #90D93F; color: #3F6219; } .qtip-green .qtip-titlebar { background-color: #B0DE78; } .qtip-green .qtip-close .qtip-icon { background-position: -42px 0; } /*! Blue tooltip style */ .qtip-blue { background-color: #E5F6FE; border-color: #ADD9ED; color: #5E99BD; } .qtip-blue .qtip-titlebar { background-color: #D0E9F5; } .qtip-blue .qtip-close .qtip-icon { background-position: -2px 0; } /* Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */ .qtip-shadow { -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); } /* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */ .qtip-rounded, .qtip-tipsy, .qtip-bootstrap { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* Youtube tooltip style */ .qtip-youtube { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 3px #333; -moz-box-shadow: 0 0 3px #333; box-shadow: 0 0 3px #333; color: white; border-width: 0; background: #4A4A4A; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A4A4A), color-stop(100%, black)); background-image: -webkit-linear-gradient(top, #4A4A4A 0, black 100%); background-image: -moz-linear-gradient(top, #4A4A4A 0, black 100%); background-image: -ms-linear-gradient(top, #4A4A4A 0, black 100%); background-image: -o-linear-gradient(top, #4A4A4A 0, black 100%); } .qtip-youtube .qtip-titlebar { background-color: #4A4A4A; background-color: rgba(0, 0, 0, 0); } .qtip-youtube .qtip-content { padding: 0.75em; font: 12px arial, sans-serif; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"; } .qtip-youtube .qtip-icon { border-color: #222; } .qtip-youtube .qtip-titlebar .ui-state-hover { border-color: #303030; } /* jQuery TOOLS Tooltip style */ .qtip-jtools { background: #232323; background: rgba(0, 0, 0, 0.7); background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323)); background-image: -moz-linear-gradient(top, #717171, #232323); background-image: -webkit-linear-gradient(top, #717171, #232323); background-image: -ms-linear-gradient(top, #717171, #232323); background-image: -o-linear-gradient(top, #717171, #232323); border: 2px solid #ddd; border: 2px solid #f1f1f1; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 12px #333; -moz-box-shadow: 0 0 12px #333; box-shadow: 0 0 12px #333; } /* IE Specific */ .qtip-jtools .qtip-titlebar { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"; } .qtip-jtools .qtip-content { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"; } .qtip-jtools .qtip-titlebar, .qtip-jtools .qtip-content { background: transparent; color: white; border: 0 dashed transparent; } .qtip-jtools .qtip-icon { border-color: #555; } .qtip-jtools .qtip-titlebar .ui-state-hover { border-color: #333; } /* Cluetip style */ .qtip-cluetip { -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); background-color: #D9D9C2; color: #111; border: 0 dashed transparent; } .qtip-cluetip .qtip-titlebar { background-color: #87876A; color: white; border: 0 dashed transparent; } .qtip-cluetip .qtip-icon { border-color: #808064; } .qtip-cluetip .qtip-titlebar .ui-state-hover { border-color: #696952; color: #696952; } /* Tipsy style */ .qtip-tipsy { background: black; background: rgba(0, 0, 0, 0.87); color: white; border: 0 solid transparent; font-size: 11px; font-family: 'Lucida Grande', sans-serif; font-weight: bold; line-height: 16px; text-shadow: 0 1px black; } .qtip-tipsy .qtip-titlebar { padding: 6px 35px 0 10; background-color: transparent; } .qtip-tipsy .qtip-content { padding: 6px 10; } .qtip-tipsy .qtip-icon { border-color: #222; text-shadow: none; } .qtip-tipsy .qtip-titlebar .ui-state-hover { border-color: #303030; } /* Tipped style */ .qtip-tipped { border: 3px solid #959FA9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F9F9F9; color: #454545; font-weight: normal; font-family: serif; } .qtip-tipped .qtip-titlebar { border-bottom-width: 0; color: white; background: #3A79B8; background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D)); background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D); background-image: -moz-linear-gradient(top, #3A79B8, #2E629D); background-image: -ms-linear-gradient(top, #3A79B8, #2E629D); background-image: -o-linear-gradient(top, #3A79B8, #2E629D); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"; } .qtip-tipped .qtip-icon { border: 2px solid #285589; background: #285589; } .qtip-tipped .qtip-icon .ui-icon { background-color: #FBFBFB; color: #555; } /** * Twitter Bootstrap style. * * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11. * Does not work with IE 7. */ .qtip-bootstrap { /** Taken from Bootstrap body */ font-size: 14px; line-height: 20px; color: #333333; /** Taken from Bootstrap .popover */ padding: 1px; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .qtip-bootstrap .qtip-titlebar { /** Taken from Bootstrap .popover-title */ padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .qtip-bootstrap .qtip-titlebar .qtip-close { /** * Overrides qTip2: * .qtip-titlebar .qtip-close{ * [...] * right: 4px; * top: 50%; * [...] * border-style: solid; * } */ right: 11px; top: 45%; border-style: none; } .qtip-bootstrap .qtip-content { /** Taken from Bootstrap .popover-content */ padding: 9px 14px; } .qtip-bootstrap .qtip-icon { /** * Overrides qTip2: * .qtip-default .qtip-icon { * border-color: #CCC; * background: #F1F1F1; * color: #777; * } */ background: transparent; } .qtip-bootstrap .qtip-icon .ui-icon { /** * Overrides qTip2: * .qtip-icon .ui-icon{ * width: 18px; * height: 14px; * } */ width: auto; height: auto; /* Taken from Bootstrap .close */ float: right; font-size: 20px; font-weight: bold; line-height: 18px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .qtip-bootstrap .qtip-icon .ui-icon:hover { /* Taken from Bootstrap .close:hover */ color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } /* IE9 fix - removes all filters */ .qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar { filter: none; -ms-filter: none; } /* Tips plugin */ .qtip .qtip-tip { margin: 0 auto; overflow: hidden; z-index: 10; } .qtip .qtip-tip, .qtip .qtip-tip .qtip-vml { position: absolute; color: #123456; background: transparent; border: 0 dashed transparent; } .qtip .qtip-tip canvas { top: 0; left: 0; } .qtip .qtip-tip .qtip-vml { behavior: url(#default#VML); display: inline-block; visibility: visible; } /* Modal plugin */ #qtip-overlay { position: fixed; left: -10000em; top: -10000em; } /* Applied to modals with show.modal.blur set to true */ #qtip-overlay.blurs { cursor: pointer; } /* Change opacity of overlay here */ #qtip-overlay div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: black; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .qtip.inpopup { z-index: 10 !important; } .tooltip-content { display: none; } /* IE6 Modal plugin fix */ .qtipmodal-ie6fix { position: absolute !important; } /*****************/ /* Queue Table */ /*****************/ .queue .ico-edit, .queue .ico-cancel, .queue .ico-remove, .queue .ico-delete, .queue .ico-error, .queue-area .ico-add { height: 16px; width: 16px; display: block; } .queue .ico-edit { background-image: url("/Content/Images/ico/edit.png"); background-repeat: no-repeat; background-color: transparent; } .queue .ico-cancel { background-image: url("/Content/Images/ico/cancel.png"); background-repeat: no-repeat; background-color: transparent; } .queue .ico-remove { background-image: url("/Content/Images/ico/trash.png"); background-repeat: no-repeat; background-color: transparent; } .queue .ico-delete { background-image: url("/Content/Images/ico/delete.png"); background-repeat: no-repeat; background-color: transparent; } .queue .ico-error { background-image: url("/Content/Images/ico/error.png"); background-repeat: no-repeat; background-color: transparent; display: block; margin: auto; } .queue-header .ico-add { background-image: url("/Content/Images/ico/add.png"); background-repeat: no-repeat; background-color: transparent; float: right; } .queue .ico-search { background-image: url("/Content/Images/ico/search.png"); background-repeat: no-repeat; background-color: transparent; } .queue .ico-search:hover { background-color: #eeeeee; box-shadow: 0 3px 0 #eeeeee; } .queue .ico-search:focus { background-color: transparent; box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.2); } .queue .ico-add-item { background-image: url("/Content/Images/ico/add-item.png"); background-repeat: no-repeat; background-color: transparent; height: 16px; width: 16px; display: block; } .queue .pushed { background-color: #eeeeee !important; box-shadow: 0 3px 0 #eeeeee !important; } .queue-header { clear: both; } .queue-header h2 { float: left; } .queue-area { margin: 1em 0; } .queue { width: 100%; background: #fff; } .queue th.col-state { width: 4em; } .queue th:last-child { width: 7em; } .queue th.obl { background-image: url("/Content/Images/ico/asterisk.png"); background-position: 2px center; background-repeat: no-repeat; } .queue .queue-during-edition[data-line-status='created'], .queue tr[data-line-status='created'] td:first-child { background: #668220 !important; } .queue .queue-during-edition[data-line-status='added'], .queue tr[data-line-status='added'] td:first-child { background: #C1D888 !important; } .queue tr[data-line-status='deleted'] td:first-child { background: #E7716E !important; } .queue tr[data-line-status='edited'] td:first-child { background: #FFD800 !important; } .queue tr[data-line-obsolete='true'] td { text-decoration: line-through; } .queue .queue-table-boolTrue { display: inline-block; margin: auto; height: 16px; width: 16px; text-indent: 16px; overflow: hidden; background-image: url("/Content/Images/ico/tick-green.png"); background-repeat: no-repeat; background-position: center center; } .queue .queue-table-boolFalse { display: none; } .queue .queue-during-edition { border-width: 2px 0; border-color: #333; border-style: dotted; background: #FFD800; } .spreadsheet { border-collapse: separate; border: none; border-left: 1px solid #666; /* tr { td:first-child, th:first-child { border-left: 1px solid; } }*/ } .spreadsheet td, .spreadsheet th { border: none; border-right: 1px solid #666; border-bottom: 1px solid #666; } .spreadsheet thead > tr:first-child td, .spreadsheet thead > tr:first-child th { border-top: 1px solid #666; } .spreadsheet tbody > tr:first-child .spreadsheet-actionCol { border-top: 1px solid #666; } .qtip-spreadsheet-toolContent { width: 18em; } .spreadsheet thead td, .spreadsheet thead th { background-repeat: repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAL1JREFUeNocjzEKg0AQRWd2ISyjuySBNLYieAcvIdjbCt7C2oPY2Fl4Bi1sFGw9gKUEF03MborfzJ95/w8AgIiiiF/XdTOicRzdLMseUkrCPM+Z53lfY0AYhjTPs7PvO67reoK96LoODYEhIsVx/CyK4jUMg7ImtW3rCCHILPxVVRXZOZumifd9T0mSCCJCpZQ+juO9bdvJyrLkWmv0fZ/XdQ3LsnyapoEgCE6wuDRN7yZDWpTtYHK5/eInwAAGllbR1OWSwQAAAABJRU5ErkJggg==); } /* depending on mode */ .spreadsheet .spreadsheet-mainToolLine, .spreadsheet .spreadsheet-colToolLine { display: none; } .spreadsheet[data-spreadsheet-mode=edit] .spreadsheet-mainToolLine, .spreadsheet[data-spreadsheet-mode=edit] .spreadsheet-colToolLine { display: table-row; background-color: transparent; } .spreadsheet thead, .spreadsheet tbody { background-color: transparent; } /* base style */ /* column */ .spreadsheet .spreadsheet-mainToolLine td, .spreadsheet .spreadsheet-colToolLine td { height: 1em; font-size: 1.5em; text-align: center; cursor: pointer; } .spreadsheet .spreadsheet-mainToolLine td span, .spreadsheet .spreadsheet-colToolLine td span { opacity: 0.1; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; } .spreadsheet .spreadsheet-mainToolLine td:hover span, .spreadsheet .spreadsheet-colToolLine td:hover span, .spreadsheet .spreadsheet-mainToolLine td.toolTipVisible span, .spreadsheet .spreadsheet-colToolLine td.toolTipVisible span { opacity: 1; } .spreadsheet-oneColToolLine { width: 10em; } .spreadsheet-actionCol { width: 3em; cursor: pointer; } .spreadsheet-actionCol * { vertical-align: middle; } thead .spreadsheet-actionCol, tfoot .spreadsheet-actionCol { background-color: #FFF !important; background-image: none !important; border-width: 0 0 0 0 !important; } tbody .spreadsheet-actionCol { background: #FFF; } tbody .spreadsheet-actionCol span { opacity: 0.3; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; } tbody .spreadsheet-actionCol:hover span, tbody .spreadsheet-actionCol.toolTipVisible span { opacity: 1; } /* buttons */ button[class^=spreadsheet] { padding: 0; margin: 0 0.2em; border-radius: 50%; width: 2em; height: 2em; min-width: 0; display: inline-block; } button[class^=spreadsheet] span { display: none; } .spreadsheet-moveColLeft::before { content: '◄'; } .spreadsheet-moveColRight::before { content: '►'; } .spreadsheet-editCol::before { content: '✎'; } .spreadsheet-addCol::before { content: '+'; font-size: 1.3em; } .spreadsheet-deleteCol::before, .spreadsheet-deleteLine::before { content: '✗'; } .spreadsheet-moveUpLine::before { content: '▲'; } .spreadsheet-moveDownLine::before { content: '▼'; } button[class^="spreadsheet"].spreadsheet-deleteLine { margin-left: 1em; } .spreadsheet tr:last-child button { display: none; } /* cells */ .spreadsheet tbody td, .spreadsheet tfoot td { padding: 0.3em; text-align: center; vertical-align: top; position: relative; } .spreadsheet tbody td textarea, .spreadsheet tfoot td textarea, .spreadsheet tbody td div, .spreadsheet tfoot td div { resize: none !important; width: 100%; line-height: 1; background: transparent; color: inherit; font: inherit; border: none; overflow: visible; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0; } .spreadsheet tbody td textarea:hover, .spreadsheet tbody td textarea:focus, .spreadsheet tbody td div:hover, .spreadsheet tbody td div:focus { box-shadow: none; } /* editable mark */ .spreadsheet tbody td.spreadsheet-editable:after { content: ''; width: 0; height: 0; border-right: 0.3em solid; border-top: 0.3em solid; border-bottom: 0.3em solid transparent; border-left: 0.3em solid transparent; margin: -0.3em -0.3em -0.6em -0.6em; float: right; position: absolute; top: 0.3em; right: 0.3em; } /* error mark */ .spreadsheet tbody td.error textarea { font-style: italic; text-decoration: underline; } .spreadsheet tbody td.spreadsheet-editable.error:before { content: ''; width: 0; height: 0; border-left: 0.3em solid red; border-top: 0.3em solid red; border-right: 0.3em solid transparent; border-bottom: 0.3em solid transparent; margin: -0.3em -0.6em -0.6em -0.3em; float: left; position: absolute; top: 0.3em; left: 0.3em; } .spreadsheet .spreadsheet-mask { /*60%*/ /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABpJREFUeNpiZGBgmPn//38GJhDByMjIABBgAEFkBpoBQozMAAAAAElFTkSuQmCC);*/ /*40%*/ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABpJREFUeNpiZGBgSPv//z8DE4hgZGRkAAgwAD6aBmcJrgKaAAAAAElFTkSuQmCC); background-repeat: repeat; } .spreadsheet [data-formula-for] td.spreadsheet-operator { min-width: 7em; } .spreadsheet [data-formula-for] td.spreadsheet-operator > div { position: relative; } .spreadsheet [data-formula-for] .spreadsheet-formula-cell { font-size: 2em; } .spreadsheet [data-formula-for] td { font-weight: bold; font-size: 1.5em; height: 2em; } .spreadsheet [data-formula-for] input { display: none; } .spreadsheet [data-formula-for] label { cursor: pointer; margin: 0.2em; width: 1em; display: inline-block; opacity: 0.6; border-radius: 0.6em; font-size: 1em; background: #FFF; border: 0.1em solid #999; color: #999; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; } .spreadsheet [data-formula-for] :checked + label { margin: 0.1em; opacity: 1; font-size: 1.8em; color: black; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5) outset; } .spreadsheet [data-value="0"] [value="0"] + label { display: none; } .spreadsheet [data-formula-for] [value="0"] + label { position: absolute; top: 50%; height: 1em; margin: -0.5em 0 0 0; right: 0; border: none; border-radius: 0; padding: 0.2em; opacity: 1; background: #A00; color: #FFF; } .spreadsheet [data-formula-for] [value="0"] + label:hover, .spreadsheet [data-formula-for] [value="0"] + label:focus { box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5); } .spreadsheet td:first-child .spreadsheet-formula-cell-left, .spreadsheet td:last-child .spreadsheet-formula-cell-right { display: none; } /* add line manually */ .spreadsheet-addLine { font-size: 2em; font-weight: bold; text-align: center; padding: 0.15em; background: #555; color: #FFF; cursor: pointer; } .spreadsheet-addLine:hover { color: #C5ED6F; } .spreadsheet-sumline td { background: #ffc000; color: #000; } /* simple column editor */ .spreadsheet-simpleColumnEditor { width: 30em; } .spreadsheet-simpleColumnEditor input { float: right; } .spreadsheet-simpleColumnEditor fieldset, .spreadsheet-simpleColumnEditor label { display: block; overflow: hidden; } .spreadsheet-simpleColumnEditor fieldset label { float: right; } .spreadsheet-simpleColumnEditor fieldset label input { float: none; } .counterPopup { width: 14em !important; } .sheetTable { position: relative; } .tablePopup { position: absolute; z-index: 100; overflow: hidden; margin: 0; border: 0; padding: 0; } .modulationsheet { border-collapse: separate; border: none; border-left: 1px solid #666; } .modulationsheet td, .modulationsheet th { border: none; border-right: 1px solid #666; border-bottom: 1px solid #666; } .modulationsheet thead > tr:first-child td, .modulationsheet thead > tr:first-child th { border-top: 1px solid #666; } .modulationsheet tbody > tr:first-child .modulationsheet-actionCol { border-top: 1px solid #666; } .qtip-modulationsheet-toolContent { width: 18em; } .modulationsheet thead td, .modulationsheet thead th { background-repeat: repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAL1JREFUeNocjzEKg0AQRWd2ISyjuySBNLYieAcvIdjbCt7C2oPY2Fl4Bi1sFGw9gKUEF03MborfzJ95/w8AgIiiiF/XdTOicRzdLMseUkrCPM+Z53lfY0AYhjTPs7PvO67reoK96LoODYEhIsVx/CyK4jUMg7ImtW3rCCHILPxVVRXZOZumifd9T0mSCCJCpZQ+juO9bdvJyrLkWmv0fZ/XdQ3LsnyapoEgCE6wuDRN7yZDWpTtYHK5/eInwAAGllbR1OWSwQAAAABJRU5ErkJggg==); } .modulationsheet .modulationsheet-mainToolLine, .modulationsheet .modulationsheet-colToolLine { display: none; } .modulationsheet[data-modulationsheet-mode=edit] .modulationsheet-mainToolLine, .modulationsheet[data-modulationsheet-mode=edit] .modulationsheet-colToolLine { display: table-row; background-color: transparent; } .modulationsheet thead, .modulationsheet tbody { background-color: transparent; } .modulationsheet .modulationsheet-mainToolLine td, .modulationsheet .modulationsheet-colToolLine td { height: 1em; font-size: 1.5em; text-align: center; cursor: pointer; } .modulationsheet .modulationsheet-mainToolLine td span, .modulationsheet .modulationsheet-colToolLine td span { opacity: 0.1; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; } .modulationsheet .modulationsheet-mainToolLine td:hover span, .modulationsheet .modulationsheet-colToolLine td:hover span, .modulationsheet .modulationsheet-mainToolLine td.toolTipVisible span, .modulationsheet .modulationsheet-colToolLine td.toolTipVisible span { opacity: 1; } .modulationsheet-oneColToolLine { width: 10em; } .modulationsheet-actionCol { width: 3em; cursor: pointer; } .modulationsheet-actionCol * { vertical-align: middle; } thead .modulationsheet-actionCol, tfoot .modulationsheet-actionCol { background-color: #FFF !important; background-image: none !important; border-width: 0 0 0 0 !important; } tbody .modulationsheet-actionCol { background: #FFF; } tbody .modulationsheet-actionCol span { opacity: 0.3; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; } tbody .modulationsheet-actionCol:hover span, tbody .modulationsheet-actionCol.toolTipVisible span { opacity: 1; } button[class^=modulationsheet] { padding: 0; margin: 0 0.2em; border-radius: 50%; width: 2em; height: 2em; min-width: 0; display: inline-block; } button[class^=modulationsheet] span { display: none; } .modulationsheet-moveColLeft::before { content: '◄'; } .modulationsheet-moveColRight::before { content: '►'; } .modulationsheet-editCol::before { content: '✎'; } .modulationsheet-addCol::before { content: '+'; font-size: 1.3em; } .modulationsheet-deleteCol::before, .modulationsheet-deleteLine::before { content: '✗'; } .modulationsheet-moveUpLine::before { content: '▲'; } .modulationsheet-moveDownLine::before { content: '▼'; } button[class^="modulationsheet"].modulationsheet-deleteLine { margin-left: 1em; } .modulationsheet tr:last-child button { display: none; } .modulationsheet tbody td, .modulationsheet tfoot td { padding: 0.3em; text-align: center; vertical-align: top; position: relative; } .modulationsheet tbody td textarea, .modulationsheet tfoot td textarea, .modulationsheet tbody td div, .modulationsheet tfoot td div { resize: none !important; width: 100%; line-height: 1; background: transparent; color: inherit; font: inherit; border: none; overflow: visible; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0; } .modulationsheet tbody td textarea:hover, .modulationsheet tbody td textarea:focus, .modulationsheet tbody td div:hover, .modulationsheet tbody td div:focus { box-shadow: none; } .modulationsheet tbody td.modulationsheet-editable:after { content: ''; width: 0; height: 0; border-right: 0.3em solid; border-top: 0.3em solid; border-bottom: 0.3em solid transparent; border-left: 0.3em solid transparent; margin: -0.3em -0.3em -0.6em -0.6em; float: right; position: absolute; top: 0.3em; right: 0.3em; } .modulationsheet tbody td.error textarea { font-style: italic; text-decoration: underline; } .modulationsheet tbody td.modulationsheet-editable.error:before { content: ''; width: 0; height: 0; border-left: 0.3em solid red; border-top: 0.3em solid red; border-right: 0.3em solid transparent; border-bottom: 0.3em solid transparent; margin: -0.3em -0.6em -0.6em -0.3em; float: left; position: absolute; top: 0.3em; left: 0.3em; } .modulationsheet .modulationsheet-mask { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABpJREFUeNpiZGBgSPv//z8DE4hgZGRkAAgwAD6aBmcJrgKaAAAAAElFTkSuQmCC); background-repeat: repeat; } .modulationsheet [data-formula-for] td.modulationsheet-operator { min-width: 7em; } .modulationsheet [data-formula-for] td.modulationsheet-operator > div { position: relative; } .modulationsheet [data-formula-for] .modulationsheet-formula-cell { font-size: 2em; } .modulationsheet [data-formula-for] td { font-weight: bold; font-size: 1.5em; height: 2em; } .modulationsheet [data-formula-for] input { display: none; } .modulationsheet [data-formula-for] label { cursor: pointer; margin: 0.2em; width: 1em; display: inline-block; opacity: 0.6; border-radius: 0.6em; font-size: 1em; background: #FFF; border: 0.1em solid #999; color: #999; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; } .modulationsheet [data-formula-for] :checked + label { margin: 0.1em; opacity: 1; font-size: 1.8em; color: black; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5) outset; } .modulationsheet [data-value="0"] [value="0"] + label { display: none; } .modulationsheet [data-formula-for] [value="0"] + label { position: absolute; top: 50%; height: 1em; margin: -0.5em 0 0 0; right: 0; border: none; border-radius: 0; padding: 0.2em; opacity: 1; background: #A00; color: #FFF; } .modulationsheet [data-formula-for] [value="0"] + label:hover, .modulationsheet [data-formula-for] [value="0"] + label:focus { box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5); } .modulationsheet td:first-child .modulationsheet-formula-cell-left, .modulationsheet td:last-child .modulationsheet-formula-cell-right { display: none; } .modulationsheet-addLine { font-size: 2em; font-weight: bold; text-align: center; padding: 0.15em; background: #555; color: #FFF; cursor: pointer; } .modulationsheet-addLine:hover { color: #C5ED6F; } .modulationsheet-sumline td { background: #ffc000; color: #000; } .modulationsheet-simpleColumnEditor { width: 30em; } .modulationsheet-simpleColumnEditor input { float: right; } .modulationsheet-simpleColumnEditor fieldset, .modulationsheet-simpleColumnEditor label { display: block; overflow: hidden; } .modulationsheet-simpleColumnEditor fieldset label { float: right; } .modulationsheet-simpleColumnEditor fieldset label input { float: none; } .counterPopup { width: 14em !important; } .sheetTable { position: relative; } .tablePopup { position: absolute; z-index: 100; overflow: hidden; margin: 0; border: 0; padding: 0; } .modulationsheet-increase-profile { font-weight: bold; color: #000000; } .modulationsheet tbody td.modulationsheet-editable.error:before, .modulationsheet tbody td.modulationsheet-editable:after { color: #000000; } .modulation-block .unlocked { background-image: url("/Content/Images/ico/att-unlocked.png"); background-repeat: no-repeat; background-color: transparent; background-size: 20px; border: 0; padding: 0px 0; width: 32px; height: 32px; display: block; position: absolute; right: -10px; top: 0px; cursor: pointer; } .modulation-block .unlocked:hover { opacity: 0.5; } .modulation-block .locked { background-image: url("/Content/Images/ico/att-locked.png"); background-repeat: no-repeat; background-color: transparent; background-size: 20px; border: 0; padding: 0px 0; width: 32px; height: 32px; display: block; position: absolute; right: -10px; top: 0px; cursor: pointer; } .modulation-block .locked:hover { opacity: 0.5; } .modulation-block .locked.disabled { cursor: default; pointer-events: none; opacity: 0.5; } .modulation-block .locked.disabled:hover { opacity: 0.5; } /* Disposition générale */ .tabs > div > ol { margin: 0; padding: 0; } /* Disposition générale - vertical */ .vtabs > div { display: table-cell; vertical-align: top; } .vtabs { display: table; width: 100%; } /* Disposition générale - horizontal */ .htabs > div { display: block; } /* Onglets */ .tabs > .tabs-nav > ol > li { cursor: pointer; padding: 0.8em; position: relative; line-height: 1.2em; transition: all 0.5s ease 0s; font-family: Noto-Sans, Arial, sans-serif; font-size: 1.25em; } .tabs > .tabs-nav > ol > li a { text-decoration: none; } .tabs > .tabs-nav > ol > li:focus, .tabs > .tabs-nav > ol > li:not([data-tab-disabled=disabled]):hover { box-shadow: inset 1px 1px 1px #AAAAAA; } .tabs > .tabs-nav > ol > li[data-tab-disabled=disabled], .tabs > .tabs-nav > ol > li[data-tab-disabled=disabled]:focus, .tabs > .tabs-nav > ol > li[data-tab-disabled=disabled]:hover { cursor: default; color: #999; text-shadow: 0 -1px #666, 0 1px #FFF; background: #EEE; right: 0; bottom: 0; text-decoration: none; } /* Onglets - vertical*/ .vtabs > .tabs-nav { width: 11.5em; } .vtabs > .tabs-nav > ol > li[data-tab-enabled=False] { background: rgba(0, 0, 0, 0.4) !important; color: #CFCFCF; } .vtabs > .tabs-nav > ol > li { margin: 0.5em 0.7em; box-shadow: 2px 1px 1px 0px #AAAAAA; background: #CFCFCF; right: -1px; border-radius: 0.3em; color: #5F5F5F; } .vtabs > .tabs-nav > ol > li.withError { color: #C80303; } .vtabs > .tabs-nav > ol > li[data-tab-selected=selected] { background-color: #FFFFFF; margin: 0.5em -1em 0.5em 0.7em; padding-right: 1.2em; color: #333; } .vtabs > .tabs-nav > ol > li[data-tab-selected=selected].withError { color: #C80303; } .vtabs > .tabs-nav > ol > li[data-tab-selected=selected] > a { color: #333; } /* Onglets - horizontal */ .htabs > .tabs-nav > ol > li { display: inline-block; box-shadow: 2px 1px 1px 0px #AAAAAA; background: #CFCFCF; margin: 0 0 0 0.5em; bottom: -1px; border-radius: 0.3em; } .htabs > .tabs-nav > ol > li[data-tab-selected=selected] { background-color: #FFFFFF; color: #333; } .htabs > .tabs-nav > ol > li[data-tab-selected=selected].withError { color: #C80303; } /* Corps */ .tabs > .tabs-body { padding: 1em; box-shadow: 7px 7px 3px -4px #AAAAAA; background-color: #FFFFFF; border-radius: 0.3em; position: relative; z-index: 1; } /* Sélection */ .tabs-body > ol > li { display: none; } .tabs-body [data-tab-selected=selected] { display: block; } /* errors*/ /* .tabs-nav .withError { position: relative; } .tabs-nav .withError:before{ position: absolute; content: ''; left: -10px; top: 50%; margin-top: -8px; background: url("../../Images/ico/error.png") center center no-repeat; height: 16px; width:16px; }*/ /* userMessage */ .message { width: 70%; margin: 1em auto 2em; padding: 1em 2em 1em 4em; box-shadow: 0.2em 0.3em 0.6em rgba(0, 0, 0, 0.2); background-position: 1em 0.75em; background-repeat: no-repeat; border-width: 0.1em; border-style: solid; position: relative; } .message.confirm { color: #FFF; background-image: url("/Content/Images/ico/tick-white.png"); background-color: #A8C855; border-color: #A8C855; } .message.hint { color: #A8C855; background-image: url("/Content/Images/ico/lightbulb.png"); background-color: #FFF; } .message.warning { color: #000; background-image: url("/Content/Images/ico/warning.png"); background-color: #ff9600; border-color: #ff9600; } .message.error { color: #FFF; background-image: url("/Content/Images/ico/error.png"); background-color: #A00; border-color: #A00; } .message.error .validation-summary-errors { color: #FFF; } .message.info { background-image: url("/Content/Images/ico/information.png"); color: #FFF; background-color: #014983; border-color: #014983; } .message.help { background-image: url("/Content/Images/ico/help.png"); color: #014983; background-color: #FFF; border-color: #014983; } .message.longextraction { background-image: url("/Content/Images/ico/information.png"); color: #FFF; background-color: #80C8FF; border-color: #80C8FF; } .closeMsg { border: 1px solid; padding: 2px; position: absolute; right: 5px; top: 8px; cursor: pointer; } .message .title { font-family: Noto-Sans, Arial, sans-serif; font-size: 1.5em; } .message .value { margin-top: 0.5em; } .dataCustom-paginate li, .dataCustom-perPage li { display: inline-block; } .dataCustom-sortables button.sortable, .dataCustom-sortables button.sortable.sortedAsc, .dataCustom-sortables button.sortable.sortedDesc, .dataCustom-paginate button, .dataCustom-paginate span, .dataCustom-perPage button, .dataCustom-perPage span { padding: 0; border-radius: 0.9em; line-height: 1.6em; min-width: 2em; border: 0.1em solid #DDD; background: transparent; display: inline-block; text-align: center; text-shadow: none; box-shadow: none; margin-right: 0.5em; } .dataCustom-sortables button.sortable:after { font-weight: bold; } .dataCustom-sortables button.sortable.sortedAsc:after { content: '▲'; } .dataCustom-sortables button.sortable.sortedDesc:after { content: '▼'; } .dataCustom-sortables button.sortable.sortedAsc, .dataCustom-sortables button.sortable.sortedDesc, .dataCustom-sortables button.sortable.sortedAsc:hover, .dataCustom-sortables button.sortable.sortedDesc:hover, .dataCustom-sortables button.sortable.sortedAsc:focus, .dataCustom-sortables button.sortable.sortedDesc:focus, .dataCustom-paginate span, .dataCustom-perPage span { background: #58595B; border-color: #58595B; color: #FFF; font-weight: bold; } .dataCustom-sortables button.sortable:hover, .dataCustom-sortables button.sortable:focus, .dataCustom-paginate button:hover, .dataCustom-paginate button:focus, .dataCustom-perPage button:hover, .dataCustom-perPage button:focus { border-color: #58595B; background: transparent; } .timeline { margin: 1em auto; display: inline-block; width: 100%; } .timeline-line { border-bottom-style: dotted; border-bottom-color: #CCC; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .timeline-mark { position: absolute; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #FFF; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); cursor: pointer; } .timeline-markCircle { border-radius: 50%; } .timeline-qtip .qtip-titlebar { height: 1em; padding: 0.5em; } .timeline-qtip .qtip-title { margin: auto; } .massSelectionHelper { display: inline-block; } .massSelectionHelper a { display: inline-block; padding: 0.2em 1em 0.3em; border-right: 0.2em ridge; } .massSelectionHelper span { display: inline-block; padding: 0.2em 1em 0.3em; font-weight: bold; } .selectionContainer { border-bottom: 1px solid #CCC; overflow: hidden; padding: 0.2em; } .selectionContainer .massSelection { display: inline-block; border-spacing: 0.3em; } .selectionContainer .massSelection .allSelection, .selectionContainer .massSelection .innerSelection { display: table-row; } .selectionContainer .massSelection .allSelection > a, .selectionContainer .massSelection .innerSelection > a { display: table-cell; text-decoration: none; text-align: center; background: #a7c755; color: #58595B; border-radius: 0.2em; font-weight: bold; padding: 0.4em; } .selectionContainer .massSelection .allSelection > a:hover, .selectionContainer .massSelection .innerSelection > a:hover { background: #204173; color: #A1C3F0; } .selectionContainer .selected { font-family: Noto-Sans, Arial, sans-serif; font-size: 1.4em; display: inline-block; background: #58595B; color: #A1C3F0; opacity: 0.6; padding: 0.9em; position: relative; top: 0.2em; vertical-align: top; border-radius: 0.2em; margin-left: 0.5em; } .selectionContainer .selected .counter { margin-left: 0.5em; color: #fff; } #sliderbar-container { top: 0; position: fixed; right: -100em; height: 100%; z-index: 5; -moz-transition: right 0.3s ease; -o-transition: right 0.3s ease; -webkit-transition: right 0.3s ease; transition: right 0.3s ease; } #sliderbar-container #sliderbar-body { width: 100em; height: 100%; overflow: auto; -moz-box-shadow: -1px 0 3px -1px #3b3b3b; -webkit-box-shadow: -1px 0 3px -1px #3b3b3b; box-shadow: -1px 0 3px -1px #3b3b3b; } #sliderbar-container #sliderbar-button { height: 6em; width: 4em; margin-left: -4em; -moz-border-radius: 0.5em 0 0 0.5em; -webkit-border-radius: 0.5em 0 0 0.5em; border-radius: 0.5em 0 0 0.5em; top: 30%; left: 0.5em; position: absolute; z-index: 99998; cursor: pointer; -moz-box-shadow: -3px 0 3px -3px #3b3b3b; -webkit-box-shadow: -3px 0 3px -3px #3b3b3b; box-shadow: -3px 0 3px -3px #3b3b3b; } #sliderbar-container[data-mode='loading'] { background: #000; } #sliderbar-container[data-mode='loading'] #sliderbar-button { background: #000 url("/Content/Images/preloader.gif") center center no-repeat; background-size: 24px; } #sliderbar-container[data-mode='add'] { background: #4d5e70; } #sliderbar-container[data-mode='add'] #sliderbar-button { background: #4d5e70 url("/Content/Images/ico/add-white.png") center center no-repeat; background-size: 24px; } #sliderbar-container[data-mode='edit'] { background: #738496; } #sliderbar-container[data-mode='edit'] #sliderbar-button { background: #738496 url("/Content/Images/ico/edit-white.png") center center no-repeat; background-size: 24px; } #sliderbar-container[data-mode='copy'] { background: #738496; } #sliderbar-container[data-mode='copy'] #sliderbar-button { background: #738496 url("/Content/Images/ico/copy-white.png") center center no-repeat; background-size: 24px; } html, body, #wrap { height: 100%; font-family: Noto-Sans, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif; font-size: 98%; } #wrap { min-width: 1000px; } p { margin: 0.5em 0; } #main-content-wp, #header-wp { max-width: 1280px; margin: auto; } h4 { font-size: 0.9em; font-weight: bold; } /***********/ /* Buttons */ /***********/ button, .btn { -moz-box-shadow: inset 0px 1px 0px 0px #c9f272; -webkit-box-shadow: inset 0px 1px 0px 0px #c9f272; box-shadow: inset 0px 1px 0px 0px #c9f272; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5c958), color-stop(1, #92ba3c)); background: -moz-linear-gradient(top, #a5c958 5%, #92ba3c 100%); background: -webkit-linear-gradient(top, #a5c958 5%, #92ba3c 100%); background: -o-linear-gradient(top, #a5c958 5%, #92ba3c 100%); background: -ms-linear-gradient(top, #a5c958 5%, #92ba3c 100%); background: linear-gradient(to bottom, #a5c958 5%, #92ba3c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5c958', endColorstr='#92ba3c', GradientType=0); background-color: #a5c958; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #8bb531; display: inline-block; color: #333333; font-size: 1em; min-width: 6em; font-weight: normal; text-decoration: none; -webkit-text-shadow: 0px 1px 0px #ccc; -moz-text-shadow: 0px 1px 0px #ccc; -ms-text-shadow: 0px 1px 0px #ccc; -o-text-shadow: 0px 1px 0px #ccc; text-shadow: 0px 1px 0px #ccc; cursor: pointer; vertical-align: top; } button:hover, .btn:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #92ba3c), color-stop(1, #a5c958)); background: -moz-linear-gradient(top, #92ba3c 5%, #a5c958 100%); background: -webkit-linear-gradient(top, #92ba3c 5%, #a5c958 100%); background: -o-linear-gradient(top, #92ba3c 5%, #a5c958 100%); background: -ms-linear-gradient(top, #92ba3c 5%, #a5c958 100%); background: linear-gradient(to bottom, #92ba3c 5%, #a5c958 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92ba3c', endColorstr='#a5c958', GradientType=0); background-color: #92ba3c; color: inherit; } button.active, .btn:active { position: relative; top: 1px; } button, input.btn { padding: 0.36em 3em; } a.btn { text-align: center; padding: 0.4em 1em 0.36em; } .controls { text-align: center; margin-top: 1em; padding-top: 1em; border-top: 1px dotted rgba(0, 0, 0, 0.4); } .btn.async { background-image: url("/Content/Images/ico/clock.png"); background-color: #a5c958; background-position: 30px center; background-repeat: no-repeat; border: 1px solid #8bb531; } .btn.async.async-small { background-position: 7px center; } .btn1 { display: inline-block; vertical-align: middle; text-decoration: none; border-radius: 1px; background: #204173; padding: 0.6em 1.7em; font-size: 1.2em; font-family: Noto-Sans, "Roboto-Light"; color: #fff; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .btn1:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #a7c755; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .btn1:hover:before, .btn1:focus:before, .btn1:active:before { -webkit-transform: scaleX(0); transform: scaleX(0); } /*****************************/ /* Next and Previous Buttons */ /*****************************/ .tabs .actions { margin-top: 1em; text-align: center; } .tabs .actions .nextStep { float: right; margin: 0 10% 0.5em 0; } .tabs .actions .prevStep { float: left; margin: 0 0 0.5em 10%; } /************/ /* Select */ /************/ .select1 { position: relative; } .select1:after { content: '>'; font: 16px Consolas, monospace; color: #444; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: 0px; top: -6px; border-bottom: 1px solid #aaa; position: absolute; pointer-events: none; width: 27px; padding: 0 0 5px 0; text-indent: 10px; } .select1 select { padding: 0.6em 3.7em 0.6em 1em; font-family: Noto-Sans, "Roboto-Light"; background: #f8f8f8; color: #444; border: 1px solid #aaa; border-radius: 0; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: none; } .select1 select option { padding: 6px; } .select1 select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #444; } .select1 select::-ms-expand { display: none; } /*************/ /* Read only */ /*************/ .readOnlyMode input:not(.dataTable-container input), .readOnlyMode select:not(.dataTable-container select) { background: #555; color: #ccc; border: 1px solid; } .readOnlyMode .popupLink.btn, .readOnlyMode .popupLink.btn:hover, .readOnlyMode .popupLink.btn:active, .readOnlyMode input[type="submit"].btn, .readOnlyMode input[type="submit"].btn:hover, .readOnlyMode input[type="submit"].btn:active { -moz-box-shadow: inset 0px 1px 0px 0px #f2f3f1; -webkit-box-shadow: inset 0px 1px 0px 0px #f2f3f1; box-shadow: inset 0px 1px 0px 0px #f2f3f1; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cecad7), color-stop(1, #bbbbbb)); background: -moz-linear-gradient(top, #cecad7 5%, #bbbbbb 100%); background: -webkit-linear-gradient(top, #cecad7 5%, #bbbbbb 100%); background: -o-linear-gradient(top, #cecad7 5%, #bbbbbb 100%); background: -ms-linear-gradient(top, #cecad7 5%, #bbbbbb 100%); background: linear-gradient(to bottom, #cecad7 5%, #bbbbbb 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cecad7', endColorstr='#bbbbbb', GradientType=0); background-color: #cecad7; color: #777; border: 1px solid #c2c0c6; position: relative; top: 0px; cursor: default; } .readOnlyMode .popupLink.ico, .readOnlyMode .confirm.ico { opacity: 0.3; } /*********/ /* Links */ /*********/ a { color: #033769; } a.white { color: white !important; } a[target="_blank"]:after { content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFlJREFUeNpi/P//PwM6YMy9giLIiE0RumJGhpzLKKr+T9ZhhCkAsUE0C7IEVJIfSD1EFmMAmQSyEmxtzmV+IP4A48PFkRWhSCCJMzEQAYhSxIItXNABQIABANzhTctpe89FAAAAAElFTkSuQmCC"); margin: 0 0 0 5px; } a.white[target="_blank"]:after { content: url("../Images/whiteExternalLink.png"); margin: 0 0 0 5px; } /* Without external image for icons */ a.ico[target="_blank"]:after { content: ""; margin: 0; } /***********************/ /* Champs obligatoires */ /***********************/ .obl-star { color: red; display: inline-block; margin: 0 0.3em; } /*********/ /* Error */ /*********/ .error-msg { border: 1px solid red; color: red; background-image: url("/Content/Images/ico/error.png"); background-repeat: no-repeat; background-position: 4px 3px; background-color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0.4em 0.6em 0.4em 1.9em; text-align: center; width: 75%; margin: 1em auto; } /**********/ /* Errors */ /**********/ .field-validation-error, label.error { margin-left: 0.5em; color: #FF2A00; } .validation-summary-errors { color: #FF2A00; } .validation-summary-errors ul li { margin: 0.2em 0; } input.field-validation-error { border: 1px solid #FF2A00; } input.input-validation-error { border: 1px solid #FF2A00; } /***********/ /* Warning */ /***********/ label.warning { margin-left: 1.5em; color: #DBAC00; } /*************/ /* collapser */ /*************/ .collapser { display: inline-block; height: 16px; width: 16px; float: left; } .collapser.opened { background-image: url("/Content/Images/minus.png"); background-repeat: no-repeat; background-color: transparent; background-position-x: left; } .collapser.closed { background-image: url("/Content/Images/plus.png"); background-repeat: no-repeat; background-color: transparent; background-position-x: left; } li.collapser-closed > ul { display: none; } li.collapser-opened > ul { display: block; } /****************/ /* Odd and Even */ /****************/ .odd { background: #EEEEEE; } .even { background: #FFFFFF; } /* ************ */ /* switch links */ /* ************ */ .switchLinks li > * { padding: 0.3em 0.5em; border: 1px solid transparent; border-radius: 0.8em; display: inline-block; } .switchLinks li > a:hover, .switchLinks li > a:focus { background: #D2E6F4; border-color: #D2E6F4; text-decoration: none; } .switchLinks li > span { background: #4F89B9; border-color: #023C6C; color: #FFF; font-weight: bold; } /*************************/ /* Element search result */ /*************************/ .elem-search-result, .odd.elem-search-result, .even.elem-search-result { background: #A8C855; color: black; font-style: italic; } /****************/ /* Main content */ /****************/ #main-content { padding: 1em 2em; font-size: 0.8em; } /**********/ /* Tables */ /**********/ table, table th, table tr, table td { border: 1px solid #CCC; background: #FFFFFF; } table th, table thead td { text-align: center; font-weight: bold; padding: 0.4em; } table tbody td { padding: 0.5em; } table.centered tbody td { text-align: center; } div .center { text-align: center; } table thead, table th { background: #7799C6; font-weight: bold; } ul.table-actions, ul.tree-actions { white-space: nowrap; } .tree-actions { float: right; } ul.tree-actions li { display: inline-block; width: 16px; height: 16px; margin: 0 0.5em; } ul.table-actions li { display: inline-block; width: 16px; margin: 0 0.5em; } ul.table-actions li .ico { margin: 0; } .col-actions, .col-downloadlinks { max-width: 15em; width: 5em; } .plainTable table { min-width: 50%; margin: auto; } /***************/ /* Recap block */ /***************/ .searchInput { background-image: url("/Content/Images/ico/search.png"); background-repeat: no-repeat; background-position: right 2px; background-color: #fff; } /**************/ /* Select Box */ /**************/ .selectbox:not([data-mode-option=reverse]) .selectbox-header, .selectbox:not([data-mode-option=reverse]) .selectbox-from { display: none; } .selectbox[data-mode-option=opened] .selectbox-header, .selectbox[data-mode-option=opened] .selectbox-from { display: block; } /* .selectbox[data-mode-option=reverse] { .selectbox-title { .fTitle(); margin-bottom: 1em; } }*/ .selectbox .selectbox-to { padding-top: 0.3em; } .selectbox[data-mode=chooseMany], .selectbox[data-mode=complete][data-mode-option=reverse], .queue-area { background-image: url("/Content/Images/bg/diamond.png"); background-color: rgba(36, 70, 115, 0.2); border-radius: 0.3em; padding: 1.4em; overflow: hidden; clear: both; } .queue-area { overflow: auto; } .selectbox[data-mode=chooseMany] .selectbox-trigger { margin-bottom: 0.5em; } .selectbox[data-mode=chooseOne] .selectbox-trigger { background-image: url("/Content/Images/ico/choose-blue-small.png"); padding: 0.1em 1em 0.1em 24px; margin-left: 0.3em; font-size: 1.3em; float: none; } .selectbox[data-mode=chooseOne] .selectbox-trigger .selectbox-title { display: inline-block; margin-left: 0.2em; } .selectbox-seperator { display: none; } .selectbox-trigger { background-image: url("/Content/Images/ico/choose-blue.png"); background-position: left center; background-repeat: no-repeat; background-color: #a7c755; float: right; border-radius: 0.3em; border: 0.1em solid #9ABA48; padding: 0.3em 1em 0.3em 33px; position: relative; line-height: 1.2em; min-width: 4.2em; text-decoration: none; font-family: Noto-Sans, Arial, sans-serif; font-size: 1.45em; } .selectbox-trigger:hover { background-color: #96b644; } .selectbox-actions { padding-left: 1em; text-align: right; } .selectbox[data-mode-option='reverse'][data-mode='complete'] .selectbox-actions { width: auto; text-align: right; float: none; } .selectbox .message.error { clear: both; } .selectbox .selectManyCount { font-family: Noto-Sans, Arial, sans-serif; font-size: 1.3em; display: inline-block; margin-top: 16px; } .selectbox.obl[data-mode='chooseMany'][data-mode-option='reverse']:before { content: ""; background-image: url("/Content/Images/ico/asterisk.png"); position: absolute; height: 10px; width: 10px; right: 20px; } .selectbox.obl[data-mode='chooseMany']:not([data-mode-option='reverse']):before { content: ""; background-image: url("/Content/Images/ico/asterisk.png"); position: absolute; height: 10px; width: 10px; } /**************/ /* Fieldset */ /**************/ fieldset { margin: 2em 0; padding: 1em; border: 1px solid #a7c755; border-radius: 3px 3px 3px 3px; } fieldset legend { font-size: 1.3em; padding: 0 0.3em; color: #a7c755; font-weight: bold; } .form-groupRow fieldset { margin-top: 0; border-color: #749422; } .form-groupRow fieldset legend { color: #749422; } /* Modules visual*/ .module-visual-menu { height: 2em; } .module-visual { width: 4em; float: left; margin-right: -4em; padding: 0.5em; } .module-visual > img { width: 100%; } .module-visual > span { display: block; float: right; font-size: 3em; line-height: 2; padding-right: 0.5em; -ms-transform: rotate(-90deg) translateX(0em) translateY(-1.7em); -ms-transform-origin: right top 0; -webkit-transform: rotate(-90deg) translateX(0em) translateY(-1.7em); -webkit-transform-origin: right top 0; transform: rotate(-90deg) translateX(0em) translateY(-1.7em); transform-origin: right top 0; } .index-link { float: left; margin: 1.3em -0.8em 0 0.8em; } /* Index page menu */ .index-page { margin-left: 5em; padding-left: 1em; border-left: 2px ridge rgba(0, 0, 0, 0.5); min-height: 30em; } .index-page .main-menu > li > a, .index-page .main-menu li a, .index-page .main-menu li { color: inherit; } .index-page .main-menu > li { padding: 0 1em; display: inline-block; vertical-align: top; } .index-page .main-menu div.sub-menu-container { display: block; background: inherit; } .index-page .main-menu > li > a { font-size: 1.2em; font-weight: bold; border-bottom: 0.1em solid; display: block; } .index-page .main-menu .sub-menu li, .index-page .main-menu .sub-menu { margin: 0; padding: 0; } .index-page .main-menu .sub-menu-cell h2:before { content: "▼ "; } .index-page .main-menu .sub-menu-cell h2 { font-weight: bold; border-bottom: 0.1em dotted #999; border-radius: 0; color: inherit; background: none; padding: 0.3em; font-size: 1em; } .index-page .main-menu div.sub-menu-container a { font-size: 1em; font-weight: bold; color: #666; padding: 0.3em 0.3em 0.3em 1.5em; display: block; text-decoration: none; } .index-page .main-menu div.sub-menu-container a:before { content: "► "; color: transparent; float: left; margin-left: -1.2em; text-decoration: none; } .index-page .main-menu div.sub-menu-container a:hover:before { color: inherit; } .index-page .main-menu div.sub-menu-container a:hover, .index-page .main-menu div.sub-menu-container a:focus { background: inherit; } .index-page .main-menu .sub-menu-row { display: table-row; } .index-page .main-menu .sub-menu-cell { display: table-cell; } .bloc.filter .progressNotice { float: right; margin-right: 30px; margin-top: -0.8em; } .ganttProgression { background: rgba(0, 0, 0, 0.2) url("/Content/Images/big-throbber.gif") center center no-repeat; position: absolute; text-align: center; top: 0; text-shadow: 0 0 1px rgba(0, 0, 0, 0.1); bottom: 0; right: 0; left: 0; padding: 10px; font-size: small; align-content: center; z-index: 999; } .ganttNavigation { overflow: hidden; } .ganttNavigation .gantt-stepNav button { padding: 0; margin: 0.1em; min-width: 0; } .ganttNavigation .gantt-stepNav > div { width: 21em; text-align: center; } .ganttNavigation .gantt-stepNav { float: left; margin-right: 1em; } .ganttNavigation .gantt-rangeSelector { float: left; } .ganttNavigation .gantt-setStep { width: 6em; } .ganttNavigation .gantt-rangeSelector label span { width: 5.5em; display: inline-block; text-align: right; margin-right: 0.5em; } .ganttNavigation .gantt-rangeSelector label { display: block; } .ganttNavigation .gantt-rangeSelector .datepicker { width: 6em; } .ganttNavigation .gantt-rangeSelector .gantt-zoomTo { margin-left: 6em; padding: 0.2em; } .gantt-dataInnerHead { display: block; padding-right: 20px; position: relative; line-height: 25px; } .gantt-dataInnerHead span { line-height: 25px; display: block; } .gantt-dataHead.headOverflow .gantt-dataInnerHead:after { position: absolute; right: 20px; top: 0; width: 19px; height: 30px; content: ""; background-image: url("/Content/Images/overflowIndicator.png"); } .gantt-dataHead.headOverflow { cursor: help; } .gantt-dataHead.headOverflow span { width: 300px; } .summaryToolTip { width: 200px; display: table; padding: 0.5em 0; } .summaryToolTip .filtrable, .summaryToolTip .filtrable .rangeBegin, .summaryToolTip .filtrable .rangeEnd { display: table-row; } .summaryToolTip .filtrable[data-type=range] { display: table-row-group; } .summaryToolTip .filtrable .key, .summaryToolTip .filtrable .value { display: table-cell; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 0.3em; } .summaryToolTip .filtrable .key { font-weight: bold; } .summaryToolTip .filtrable .value { padding-left: 1em; } .gantt-dataInnerHead .showSummary { background-image: url("/Content/Images/ico/arrow-down.png"); background-position: center center; background-repeat: no-repeat; background-color: #FFF; position: absolute; top: 0; right: 0; height: 30px; width: 20px; cursor: pointer; border-left: 0.2em ridge rgba(255, 255, 255, 0.2); } /* more about filters */ .filterBlock .reset button { background-image: url("/Content/Images/ico/reset.png"); background-repeat: no-repeat; padding: 0 0.1em; margin: -0.2em 0.5em; float: right; width: 1.6em; min-width: 0; text-indent: -1000em; } /* more styles KC*/ .tooltip-holder { cursor: pointer; } .qtip { z-index: 30 !important; } .qtip-selectbox { border: 1px solid #B2BEC9; background-image: url("/Content/Images/bg/diamond.png"); background-color: #c9e977; color: #555; border-radius: 0.3em; box-shadow: 0.7em 0.7em 0.3em -0.4em #AAA; } .qtip-selectbox .qtip-content { max-height: 42em; max-width: 90em; overflow: auto; } .qtip-selectbox .qtip-titlebar { background-color: #96b644; } .qtip-selectbox .qtip-icon { border-color: #CCC; background: #F1F1F1; color: #777; } .qtip-selectbox .qtip-titlebar .qtip-close { border-color: #AAA; color: #111; } .blue-icon { color: #58595B; } .red-hover:hover { color: #b00; } .light-blue-hover:hover { color: #90B2DF; } .big-icon { font-size: 2em !important; } /* .qtip-selectbox, .qtip-selectbox .qtip-tip, .qtip-selectbox .qtip-titlebar { @url: %("%s/bg/diamond.png", @imgPath); background-image: url(@url); background-repeat: repeat; background-color: @cBordPart; border-color: @cBordPart; } .qtip-selectbox { border-radius: @smallRadius; .shadow(); //min-width: 90em; } .qtip-selectbox .qtip-titlebar { border-bottom: @cDarkSeparator solid 1px; }*/ .qtip-widget, .qtip-widget .qtip-tip { border-radius: 0.3em; background-color: #f2f2f2; border: 1px solid #e6e6e6; box-shadow: 0.7em 0.7em 0.3em -0.4em #AAA; } .qtip-widget .qtip-titlebar { background-color: #f2f2f2; border-bottom: 1px solid #e6e6e6; } .qtip-highlight, .qtip-highlight .qtip-tip { background-color: #FFEF93; } .qtip-inlinehelp { max-width: 30em; color: #014983; border: 1px solid; } .qtip-inlinehelp .qtip-titlebar { background-image: url("/Content/Images/bg/diamond.png"); background-color: #82c7ff; } .qtip-inlinehelp h1 { font-weight: bold; font-style: italic; font-size: 110%; margin: 1.3em 0 0.2em; } #CreateEditColumn .lineTitle { font-weight: bold; margin-top: 0.4em; font-size: 1.4em; } .customList { margin-top: 1em; position: relative; } .customList .list { min-width: 10em; height: 10.5em; overflow: auto; border: 0.1em dotted #ddd; background-image: url("/Content/Images/bg/diamond.png"); background-repeat: repeat; } .customList .name { font-weight: bold; padding: 0.5em 0; margin-right: 2em; } .customList .search { position: absolute; top: 0; right: 0; padding-right: 1.8em; border-radius: 0.9em; background: #CCC url("/Content/Images/ico/search.png") right center no-repeat; width: 0; -moz-transition: all ease 0.1s; -o-transition: all ease 0.1s; -webkit-transition: all ease 0.1s; transition: all ease 0.1s; } .customList .search.visible { width: 5em; background-color: #FFF; } .customList li { padding: 0.5em 0 0.5em 2em; position: relative; border-top: 0.1em dotted #ddd; cursor: pointer; background: #FFF; } .customList li.selected { background-color: #eee; font-weight: bold; background-image: url("/Content/Images/bg/diamond.png"); background-repeat: repeat; } .customList li.nomatch { display: none; } .customList li .colorShow { position: absolute; top: 0.3em; bottom: 0.3em; left: 0.1em; width: 1.5em; border: 0.1em solid #FFF; } /* editable, error mark */ .spreadsheet tbody td.spreadsheet-editable.error:before, .spreadsheet tbody td.spreadsheet-editable:after, .modulationsheet tbody td.modulationsheet-editable.error:before, .modulationsheet tbody td.modulationsheet-editable:after { box-shadow: 0.7em 0.7em 0.3em -0.4em #AAA; } .switchLinks li { display: inline-block; } .dateTime { color: #831313; font-size: 1.1em; font-weight: bold; } .colorIcon { background-image: url("/Content/Images/ico/color.png"); background-repeat: no-repeat; background-position: right center; display: inline-block; height: 16px; width: 16px; margin-bottom: -5px; } #loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/Content/Images/loading.gif"); background-repeat: no-repeat; background-position: center center; background-size: 64px 66px; background-color: rgba(0, 0, 0, 0.7); z-index: 99999; } .selectable { display: inline-block; padding: 0.5em; margin: 0.5em; border: 1px solid #113c63; color: #113c63; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; } .selectable:hover { background-color: #113c63; color: #fff; -o-transition: 0.2s; -ms-transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; } .selectable.selected { background-color: #113c63; color: #fff; cursor: default; } .overflowHidden { overflow: hidden !important; } .formDebtRecoveryAgent .editor-field select { width: 206px; } .formDebtRecoveryAgent .editor-field input:not([type='checkbox']) { width: 200px; } .formDebtRecoveryAgent .editor-field input[type='checkbox'] { margin-left: 1.5em; } .formDebtRecoveryAgent .form-row { padding-top: 1em; white-space: nowrap; } .formDebtRecoveryAgent > .form-row > .editor-label { width: 18em !important; } .formDebtRecoveryAgent fieldset { border-color: grey; min-height: 16em; } .formDebtRecoveryAgent fieldset .form-row .editor-label { width: 6em !important; } .formDebtRecoveryAgent fieldset .form-row select { width: 170px; } .formDebtRecoveryAgent fieldset legend { color: black; } .formDebtRecoveryAgent #addAssignedCompany { margin-left: 3em; } .formDebtRecoveryAgent .ico-delete { margin-left: 3em; } .assignedCompanyLine { text-align: center; } .red-text { color: red; } fieldset.fieldset-grey { border-color: grey; } fieldset.fieldset-grey legend { color: #333333; } fieldset.fieldset-with-sublegend { padding-block-start: 2em; } fieldset.fieldset-with-sublegend .fieldset-sublegend { font-size: 0.8em; position: absolute; left: 28px; margin-top: -20px; } /**************/ /* BreadCrumb */ /**************/ #bread-crumb { margin: 2em auto 0; background-color: rgba(255, 255, 255, 0.5); } .breadcrumb { overflow: hidden; margin-top: 0.1em; } .breadcrumb li .screenTitle { float: left; padding: 0.5em 0 0.5em 5em; } .breadcrumb li a { font-family: Noto-Sans, Arial, sans-serif; font-size: 1.2em; color: #222222; text-decoration: none; padding: 0.5em 0 0.5em 5em; background: brown; /* fallback color */ background: hsl(79, 49%, 47%); position: relative; display: block; float: left; } .breadcrumb li a:after { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */ border-bottom: 50px solid transparent; border-left: 30px solid hsl(79, 49%, 47%); position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 1; } .breadcrumb li a:before { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid white; position: absolute; top: 50%; margin-top: -50px; margin-left: 1px; left: 100%; z-index: 1; } .breadcrumb li:first-child a { padding-left: 2em; } .breadcrumb li:nth-child(2) a { background: hsl(79, 50%, 54%); } .breadcrumb li:nth-child(2) a:after { border-left-color: hsl(79, 50%, 54%); } .breadcrumb li:nth-child(3) a { background: hsl(79, 64%, 64%); } .breadcrumb li:nth-child(3) a:after { border-left-color: hsl(79, 64%, 64%); } .breadcrumb li:nth-child(4) a { background: hsl(79, 84%, 73%); } .breadcrumb li:nth-child(4) a:after { border-left-color: hsl(79, 84%, 73%); } .breadcrumb li:nth-child(5) a { background: hsl(73, 96%, 79%); } .breadcrumb li:nth-child(5) a:after { border-left-color: hsl(73, 96%, 79%); } /* .breadcrumb li:last-child a { color: black; pointer-events: none; cursor: default; }*/ .breadcrumb li a:hover { cursor: default; } /*.breadcrumb li a:hover { background: hsla(207,43%,32%,1); } .breadcrumb li a:hover:after { border-left-color: hsla(207,43%,32%,1) !important; }*/ .collapsible-trigger { cursor: pointer; font-size: 1.1em; font-weight: bold; padding-top: 4px; padding-left: 32px; min-height: 16px; background-color: #B3C0D3; background-repeat: no-repeat; background-position: 5px center; color: #333; box-shadow: 0.1em 0.1em 0.3em -0.1em #363636; } .collapsible-content { display: none; padding-left: 32px; padding-top: 5px; } .collapsible.opened .collapsible-content { display: block; } .collapsible.closed .collapsible-content { display: none; } .collapsible.opened .collapsible-trigger { background-image: url("/Content/Images/minus.png"); } .collapsible.closed .collapsible-trigger { background-image: url("/Content/Images/plus.png"); } /*********/ /* Forms */ /*********/ form .editor-label, form .editor-field, form .label, form .value { display: inline-block; padding: 0.2em 0; vertical-align: top; } form .editor-on-line { display: inline-block; margin: 2px 5px; } form .editor-on-line .editor-field, form .editor-on-line .editor-label { display: block; } form .editor-on-line .editor-label { width: 15em !important; text-align: left; margin: 0px; padding: 0 0 3px 0; } form .editor-on-line .editor-field > select { width: 260px; } form .editor-field { vertical-align: bottom; } form .editor-field .choice { display: block; } form .editor-field .choice label.error { float: right; margin: 0.5em; } form .label, form .editor-label { font-weight: bold; text-align: right; width: 20em; padding-right: 24px; margin-top: 0.4em; } form .label:after, form label:after { content: ""; display: inline-block; width: 10px; height: 10px; margin: 0 -17px 0 7px; } form .label.obl:after, form label.obl:after, form .editor-label.obl label:after { background: transparent url("/Content/Images/ico/asterisk.png") center center no-repeat; } form .form-row { border-bottom: dotted 1px rgba(0, 0, 0, 0.09); min-height: 2.1em; } form .form-groupTitle, form .queue-header, form .selectbox[data-mode-option="reverse"] > .selectbox-body > .selectbox-from .selectbox-title { font-family: Noto-Sans, Arial, sans-serif; font-size: 1.5em; padding-bottom: 0.37em; margin: 0 0 0.37em; color: #58595B; display: inline-block; width: 100%; border-bottom: 0.1em dotted rgba(0, 0, 0, 0.4); } form .form-groupRow + hr { border: none; height: 0.3em; margin: 2em 0 1em; background-color: #eee; background-image: url("/Content/Images/bg/diamond.png"); background-repeat: repeat; } form .form-groupRow { background: rgba(0, 0, 0, 0.08); border: 0.1em solid rgba(0, 0, 0, 0.04); border-radius: 0.3em; margin: 1em 0; padding: 1.4em; } form .form-groupRow.validation-block { background: rgba(255, 255, 0, 0.3); background-image: url("/Content/Images/bg/diamond.png"); background-repeat: repeat; } form .editor-field .editor-label { width: auto; } .popupBody.standard form .label, .popupBody.standard form .editor-label { width: 9em; } .popupBody.standard form .label.longer, .popupBody.standard form .editor-label.longer { width: 15em; } .popupBody.standard form table { width: 100%; } .label, .editor-label { font-weight: bold; } .bodyTabWrapper .editor-label { width: 27em; } .PopupInnerAside .editor-label, .ScreenInnerAside .editor-label, .PopupInnerAside .editor-field, .ScreenInnerAside .editor-field, .PopupInnerAside p > .label, .ScreenInnerAside p > .label, .PopupInnerAside p > .value, .ScreenInnerAside p > .value { width: auto; display: table-cell; padding: 0.4em; vertical-align: middle; } .PopupInnerAside .form-row, .ScreenInnerAside .form-row, .PopupInnerAside p, .ScreenInnerAside p { display: table-row; } .tableLike > .form-row, .tableLike p { display: table-row; } .tableLike > .form-row > .editor-label, .tableLike p > .editor-label, .tableLike > .form-row > .editor-field, .tableLike p > .editor-field, .tableLike > .form-row > .label, .tableLike p > .label, .tableLike > .form-row > .value, .tableLike p > .value { display: table-cell; padding: 0.4em 1em; } input, select, textarea, button { font-family: Arial, sans-serif; font-size: 1em; border: 0.1em solid #CCC; padding: 0.2em; cursor: pointer; } input:hover, select:hover, textarea:hover, button:hover, input:focus, select:focus, textarea:focus, button:focus { border-color: #ddcd71; } input:focus, select:focus, textarea:focus, button:focus { outline: none; -moz-box-shadow: 0 0 0.5em #FFEF93; -webkit-box-shadow: 0 0 0.5em #FFEF93; box-shadow: 0 0 0.5em #FFEF93; } input.datepicker { background-image: url("/Content/Images/ico/calendar.png"); background-position: right center; background-repeat: no-repeat; padding-right: 20px; } .money ~ .field-validation-error { display: block; margin: 0.2em; } .money-amount input { text-align: right; width: 4.5em; } .money-converted { cursor: pointer; font-weight: bold; color: #014983; } .money-converted:hover { text-decoration: underline; } input.time-input { width: 3.5em; text-align: center; } .time-input-updown { display: inline-block; margin-bottom: -9px; } .time-input-updown .btn { width: auto; min-width: 0; float: left; clear: left; } input[hidden=true] { display: none; } .ui-front .ui-autocomplete { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #sliderbar-container .tab-filter .editor-label { font-weight: bold; font-size: 1.2em; color: white; text-align: left; padding-right: 18px; } #sliderbar-container .tab-filter .editor-field, #sliderbar-container .tab-filter .editor-label { display: inline-block; padding: 1.5em; vertical-align: top; } #sliderbar-container .tab-filter .editor-field input { background-color: transparent; color: white; border: none; border-bottom: 1px white solid; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #sliderbar-container form .editor-label, #sliderbar-container form .editor-field, #sliderbar-container form .label, #sliderbar-container form .value { display: inline-block; padding: 0.2em 0; vertical-align: top; } #sliderbar-container form .editor-field { vertical-align: bottom; } #sliderbar-container form .editor-field .choice { display: block; } #sliderbar-container form .editor-field .choice label.error { float: right; margin: 0.5em; } #sliderbar-container form .label, #sliderbar-container form .editor-label { font-weight: bold; color: white; text-align: right; width: 20em; padding-right: 24px; margin-top: 0.4em; } #sliderbar-container form .label:after, #sliderbar-container form label:after { content: ""; display: inline-block; width: 10px; height: 10px; margin: 0 -17px 0 7px; } #sliderbar-container form .label.obl:after, #sliderbar-container form label.obl:after, #sliderbar-container form .editor-label.obl label:after { background: transparent url("/Content/Images/ico/asterisk.png") center center no-repeat; } #sliderbar-container form .form-row { border-bottom: none; min-height: 2.1em; } #sliderbar-container form .form-groupTitle, #sliderbar-container form .queue-header, #sliderbar-container form .selectbox[data-mode-option="reverse"] > .selectbox-body > .selectbox-from .selectbox-title { font-family: Noto-Sans, Arial, sans-serif; font-size: 1.5em; padding-bottom: 0.37em; margin: 0 0 0.37em; color: #58595B; display: inline-block; width: 100%; border-bottom: 0.1em dotted rgba(0, 0, 0, 0.4); } #sliderbar-container form .form-groupRow + hr { border: none; height: 0.3em; margin: 2em 0 1em; background-color: #eee; background-image: url("/Content/Images/bg/diamond.png"); background-repeat: repeat; } #sliderbar-container form .form-groupRow { background: rgba(0, 0, 0, 0.08); border: 0.1em solid rgba(0, 0, 0, 0.04); border-radius: 0.3em; margin: 1em 0; padding: 1.4em; } #sliderbar-container form .form-groupRow.validation-block { background: rgba(255, 255, 0, 0.3); background-image: url("/Content/Images/bg/diamond.png"); background-repeat: repeat; } #sliderbar-container form .editor-field .editor-label { width: auto; } #sliderbar-container form input, #sliderbar-container form select { background-color: #dceeff; color: #000; border: none; border-bottom: 1px white solid; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #sliderbar-container form input[disabled="disabled"], #sliderbar-container form select[disabled="disabled"] { background: darkgrey; border-bottom: none; } #sliderbar-container form input:disabled, #sliderbar-container form select:disabled { background: darkgrey; border-bottom: none; } #sliderbar-container form .select2-container--disabled .select2-selection__rendered { background: darkgrey; } #sliderbar-container form select::-ms-expand { display: none; } #sliderbar-container form .controls { border: 0; } #sliderbar-container form .controls input.btn, #sliderbar-container form .controls .btn { text-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 0.5em; width: 10em; font-size: 1.9em; background: #113c63; border: none; color: white; line-height: normal; font-family: Noto-Sans, Arial, sans-serif; margin: 10px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #sliderbar-container form .controls input.btn:hover, #sliderbar-container form .controls .btn:hover { background: #dceeff; color: #204173; } #sliderbar-container form .controls input.btna:hover, #sliderbar-container form .controls .btna:hover { background: #738496; } .ico { height: 16px; width: 16px; display: inline-block; margin: 0 0.5em; background-color: #FFF; border-radius: 0.3em; border: 0.1em solid #CCC; box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.2); -moz-transition: background-color 0.25s; -o-transition: background-color 0.25s; -webkit-transition: background-color 0.25s; transition: background-color 0.25s; } .ico:hover, .ico:focus { background-color: #eeeeee; } .ico-word, .ico-excel { width: 24px; height: 24px; display: inline-block; } .ico-arrow-up { background: url("/Content/Images/ico/arrow-up.png") no-repeat transparent; } .ico-arrow-down { background: url("/Content/Images/ico/arrow-down.png") no-repeat transparent; } .ico-word { background: url("/Content/Images/ico/word.png") no-repeat transparent; } .ico-excel { background: url("/Content/Images/ico/excel.png") no-repeat transparent; } .ico-add { background: url("/Content/Images/ico/add.png") no-repeat transparent; } .ico-delete { background: url("/Content/Images/ico/delete.png") no-repeat transparent; } .ico-edit { background: url("/Content/Images/ico/edit.png") no-repeat transparent; } .ico-refresh, .ico.refresh { background: url("/Content/Images/ico/refresh.png") no-repeat; } .ico-choose { background: url("/Content/Images/ico/choose.png") no-repeat; } .ico-tick-true { display: inline-block; margin: auto; height: 16px; width: 16px; text-indent: 16px; overflow: hidden; background-image: url("/Content/Images/ico/tick-green.png"); background-repeat: no-repeat; background-position: center center; } .ico-tick-false { display: none; } .ico img { vertical-align: text-bottom; } .cartCountIco { width: 4.8em; height: 4.8em; display: inline-block; position: relative; margin-left: 2em; background: url("/Content/Images/Cart.png") center center no-repeat transparent; } .cartCountIco span { font-family: Noto-Sans, Arial, sans-serif; font-size: 1.5em; position: absolute; bottom: 0; left: -1em; width: 2.2em; height: 2.2em; border-radius: 1.2em; border: 0.1em solid; text-align: center; line-height: 2.2; font-weight: bold; background: #FFEF93; border-color: #ccbc60; } /************/ /* TreeView */ /************/ #tree-container, #nodes-tree-container { border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; padding: 1em; background: #fff; } #tree-container.scroll, #nodes-tree-container.scroll { max-height: 25em; overflow-y: auto; } ul.nodes-tree { min-width: 100%; width: auto; } ul.nodes-tree li { white-space: nowrap; } /* Pour ajouter des niveaux pour les node-container et les site-container ,chaque niveau doit augmenter de 15px */ ul.nodes-tree > li > div.node-container { padding-left: 15px; } ul.nodes-tree > li > ul > li > div.node-container { padding-left: 30px; } ul.nodes-tree > li > ul > li > ul > li > div.node-container { padding-left: 45px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > div.node-container { padding-left: 60px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > div.node-container { padding-left: 75px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.node-container { padding-left: 90px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.node-container { padding-left: 105px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.node-container { padding-left: 120px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.node-container { padding-left: 135px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.node-container { padding-left: 150px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.node-container { padding-left: 165px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.node-container { padding-left: 180px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.node-container { padding-left: 195px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.node-container { padding-left: 210px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.node-container { padding-left: 225px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.node-container { padding-left: 240px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.node-container { padding-left: 255px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.node-container { padding-left: 270px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.node-container { padding-left: 285px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.node-container { padding-left: 300px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.node-container { padding-left: 315px; } ul.nodes-tree > li > div.site-container { padding-left: 15px; } ul.nodes-tree > li > ul > li > div.site-container { padding-left: 30px; } ul.nodes-tree > li > ul > li > ul > li > div.site-container { padding-left: 45px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > div.site-container { padding-left: 60px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > div.site-container { padding-left: 75px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.site-container { padding-left: 90px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.site-container { padding-left: 105px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.site-container { padding-left: 120px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.site-container { padding-left: 135px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.site-container { padding-left: 150px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.site-container { padding-left: 165px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.site-container { padding-left: 180px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.site-container { padding-left: 195px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.site-container { padding-left: 210px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.site-container { padding-left: 225px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.site-container { padding-left: 240px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.site-container { padding-left: 255px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.site-container { padding-left: 270px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.site-container { padding-left: 285px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.site-container { padding-left: 300px; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.site-container { padding-left: 315px; } ul.nodes-tree .odd, ul.nodes-tree .odd:hover { background-color: transparent; } ul.nodes-tree .even, ul.nodes-tree .even:hover { background-color: transparent; } ul.nodes-tree > li, ul.nodes-tree > li > ul > li, ul.nodes-tree > li > ul > li > ul > li, ul.nodes-tree > li > ul > li > ul > li > ul > li, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li { background-image: url("/Content/Images/ico/branch-parent.png"); background-repeat: repeat-y; } ul.nodes-tree > li { background-position: -1px center; } ul.nodes-tree > li > ul > li { background-position: 14px center; } ul.nodes-tree > li > ul > li > ul > li { background-position: 29px center; } ul.nodes-tree > li > ul > li > ul > li > ul > li { background-position: 44px center; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li { background-position: 59px center; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li { background-position: 74px center; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li { background-position: 89px center; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li { background-position: 104px center; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li { background-position: 119px center; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li { background-position: 134px center; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li { background-position: 149px center; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li { background-position: 164px center; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li { background-position: 179px center; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li { background-position: 194px center; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li { background-position: 209px center; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li { background-position: 224px center; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li { background-position: 239px center; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li { background-position: 254px center; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li { background-position: 269px center; } ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li { background-position: 284px center; } ul.nodes-tree > li:last-child, ul.nodes-tree > li > ul > li:last-child, ul.nodes-tree > li > ul > li > ul > li:last-child, ul.nodes-tree > li > ul > li > ul > li > ul > li:last-child, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li:last-child, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li:last-child, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:last-child, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:last-child, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:last-child, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:last-child, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:last-child, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:last-child, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:last-child, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:last-child, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:last-child, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:last-child, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:last-child, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:last-child, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:last-child, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:last-child, ul.nodes-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:last-child { background: none; } /* For trees with two columns, two divs should be defined with the (left|right)-column class */ ul.nodes-tree.two-columns div.site-container div.left-column, ul.nodes-tree.two-columns div.node-container div.left-column { float: left; } ul.nodes-tree.two-columns div.site-container div.right-column, ul.nodes-tree.two-columns div.node-container div.right-column { float: right; width: 20em; /* so that the text remains left-align (margin-right ko) */ overflow: hidden; } .site-container, .node-container { height: 1.6em; padding-top: 0.5em; padding-right: 16px; background-image: url("/Content/Images/ico/branch.png"); background-repeat: no-repeat; border-top: 1px dotted rgba(0, 0, 0, 0.2); position: relative; } .site-container label, .node-container label { display: block; } .site-container input[type=checkbox], .node-container input[type=checkbox] { position: absolute; right: 0; top: 0.2em; } .nodes-tree > li:first-child > .site-container, .nodes-tree > li:first-child > .node-container { border-top: none; } li:last-child > .site-container, li:last-child > .node-container { background-image: url("/Content/Images/ico/branch-last.png"); } .site-container:hover, .node-container:hover { background-color: rgba(79, 137, 185, 0.2) !important; } .node-action { padding-left: 1.5em; vertical-align: top; } .site, .node { vertical-align: top; min-height: 1.6em; background-repeat: no-repeat; background-color: transparent; background-position-y: left; } #nodes-tree-container .site { background-image: url("/Content/Images/ico/site.png"); padding-left: 1.5em; } #nodes-tree-container .node { background-image: url("/Content/Images/ico/node.png"); padding-left: 1.5em; } #tree-container .node { font-weight: bold; font-size: 1.1em; } .site-container.nodeselected, .node-container.nodeselected { background-image: url("/Content/Images/bg/diamond.png") !important; background-repeat: repeat !important; background-color: #FFEF77 !important; } .search-tool { display: inline-block; } .search-target.searching li { display: none; } .search-target.searching .tree-actions li { display: block; float: left; } .search-target.searching li.parentMatch, .search-target.searching li.match { display: block; } .search-target.searching li.match > div { font-style: italic; background-color: rgba(130, 199, 255, 0.3); } /* Filters */ .filter .filter-line { margin: 0.5em 0; padding: 0.5em; background-image: url("/Content/Images/bg/diamond.png"); background-repeat: repeat; } .filter .filter-line label, .filter .filter-line .filter-label { font-weight: bold; display: inline-block; vertical-align: top; vertical-align: middle; } .filter .filter-line > label, .filter .filter-line > .filter-sorter { display: block; } .filter .filter-line .filter-fieldSelector { margin-right: 2em; margin-bottom: 0.5em; } .filter .filter-line .filter-fieldSelector select { width: 10em; margin-left: 1em; } .filter .filter-line .filter-valueSelector select, .filter .filter-line .filter-valueSelector input { margin-left: 1em; } .filter .filter-line .filter-sorter, .filter .filter-line .filter-valueHolder { display: none; } .filter .filter-line.filter-selected .filter-sorter, .filter .filter-line.filter-selected .filter-valueHolder { display: block; } .filter .reset button { padding: 0 0.1em; margin: -0.2em 0.5em; float: right; width: 1.6em; height: 1.6em; min-width: 0; text-indent: -1000em; background-image: url("/Content/Images/ico/reset.png"); background-repeat: no-repeat; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; min-width: 120px; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .fs-wrap { display: inline-block; cursor: pointer; line-height: 1; width: 200px; } .fs-label-wrap { position: relative; background-color: #fff; border: 1px solid #ddd; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fs-label-wrap .fs-label { padding: 6px 22px 6px 8px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .fs-dropdown { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; background-color: #fff; border: 1px solid #ddd; width: 200px; margin-top: 5px; z-index: 1000; } .fs-dropdown .fs-options { max-height: 200px; overflow: auto; } .fs-arrow { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; position: absolute; top: 0; right: 5px; bottom: 0; margin: auto; } .fs-search { padding: 6px 8px; border-bottom: 1px solid #eee; cursor: default; padding: 0 4px; } .fs-search input { border: none !important; box-shadow: none !important; outline: none; padding: 4px 0; width: 100%; } .fs-option { padding: 6px 8px; border-bottom: 1px solid #eee; cursor: default; cursor: pointer; } .fs-option:last-child { border-bottom: none; } .fs-optgroup-label { padding: 6px 8px; border-bottom: 1px solid #eee; cursor: default; font-weight: bold; text-align: center; } .fs-option.disabled { opacity: 0.4; cursor: default; } .fs-option.hl { background-color: #f5f5f5; } .fs-wrap.multiple .fs-option { position: relative; padding-left: 30px; } .fs-wrap.multiple .fs-option .fs-checkbox i { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 14px; height: 14px; border: 1px solid #aeaeae; border-radius: 2px; background-color: #fff; } .fs-wrap.multiple .fs-checkbox { position: absolute; display: block; width: 30px; top: 0; left: 0; bottom: 0; } .fs-wrap.multiple .fs-option.selected .fs-checkbox i { background-color: #11a911; border-color: transparent; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC'); background-repeat: no-repeat; background-position: center; } .hidden { display: none; } .block { background: #FFF; margin-bottom: 1em; padding: 1em; border-radius: 0.3em; border: 1px solid rgba(0, 0, 0, 0.2); width: 25em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; box-shadow: 0.7em 0.7em 0.3em -0.4em #AAA; display: inline-block; vertical-align: top; } .PopupAside .block { width: 19em; } .block.blockClosed { padding-bottom: 0.5em; } .block.blockClosed h2 { position: relative; } .block.blockClosed h2:after { content: "▼"; font-size: 0.5em; text-align: center; position: absolute; top: 100%; left: 0; right: 0; color: #999; } .block.blockClosed h2:hover:after { color: inherit; } .block h3 { font-weight: bold; font-style: italic; border-bottom: 0.1em solid rgba(0, 0, 0, 0.2); margin: 0.5em 0 1em; } .ScreenInner .block { display: block; width: auto; } .ScreenInner .block.ganttContainer { padding-right: 20px; overflow: visible; } .ScreenInner .subtitle { font-family: Noto-Sans, Arial, sans-serif; font-size: 1.5em; padding-bottom: 0.37em; margin: 0 0 0.37em; color: #58595B; display: inline-block; width: 100%; border-bottom: 0.1em dotted rgba(0, 0, 0, 0.4); } .block.recap { color: #FFF; background-color: #58595B; } .block.recap .label { color: #90B2DF; margin-top: 0; } .popupWrapper .block.recap { width: 100%; padding: 0; } .block.recap .value a { color: #6B9FD1; } .block.recap .value a[href=''] { color: #FFF; text-decoration: none; cursor: default; } .block.links .blockBody h2 { font-family: Noto-Sans, Arial, sans-serif; font-size: 1.3em; color: #58595B; margin-top: 1em; padding-left: 0.7em; } .block.links .blockBody ul { list-style: inside square; } .block.links .blockBody ul li { margin: 0.6em 0; } .block.links .blockBody ul li a:hover { color: #5387b9; } .block.links .blockBody ul li a.backAction { background-image: url("/Content/Images/ico/reset.png"); background-repeat: no-repeat; background-position: right top; background-size: 12px auto; padding-right: 17px; background-color: #82c7ff; } .block .title { border-bottom: 0.1em dotted; padding-bottom: 0.5em; padding-right: 20px; margin-bottom: 0.5em; background-repeat: no-repeat; background-position: right top; cursor: pointer; font-family: Noto-Sans, Arial, sans-serif; font-size: 1.5em; } .block .title .btn { display: block; margin: auto; margin-top: 0.3em; } .block.filter select { width: 10em; } .block.filter select.fullSelect { width: 99%; } .block.filterSorter .title, .block.filter .title { background-image: url("/Content/Images/ico/search.png"); } .block.navigation .title { background-image: url("/Content/Images/ico/move.png"); } .block.navigation select.fullSelect { width: 100%; } .block.actions .title { background-image: url("/Content/Images/ico/action.png"); } .block.links .title { background-image: url("/Content/Images/ico/links.png"); } .block.legend .title { background-image: url("/Content/Images/ico/legend.png"); } .block.highlighted { background-image: url("/Content/Images/bg/diamond.png"); background-repeat: repeat; background-color: #FFEF93; } .block.actions .blockBody ul li { margin-bottom: 0.3em; } .block.actions .blockBody ul li a.btn { display: block; } .block.actions .blockBody ul li input.btn, .block.actions .blockBody ul li button { width: 100%; white-space: normal; } .block.legend table { width: 100%; } table caption { font-family: Noto-Sans, Arial, sans-serif; font-size: 1.5em; font-weight: normal; text-align: left; margin-bottom: 0.5em; min-width: 12em; } .module .module-title { font-family: Noto-Sans, Arial, sans-serif; font-size: 1.5em; } .tooltip-menu.mission-menu { min-width: 60em; } .tooltip-menu.attendance-menu { min-width: 40em; } .tooltip-menu .recap-table { width: 100%; text-align: center; color: #EEEEEE; border: 1px solid #717171; } .tooltip-menu .recap-table th, .tooltip-menu .recap-table tr, .tooltip-menu .recap-table td { border: 1px solid #717171; } .tooltip-menu .recap-table td { background: #5A5A5A; } .tooltip-menu .recap-table th { background-image: url("/Content/Images/bg-noise-gray.png"); background-color: #2F2F2F; color: #eee; } .tooltip-menu .main-content { overflow: hidden; padding-top: 1em; } .mission-menu .main-content > div { overflow: hidden; } .mission-menu .main-content > div > div { padding: 0.5%; width: 49%; float: left; } .tooltip-menu .main-actions { display: table; width: 100%; height: 2em; margin-top: 0.1em; } .tooltip-menu .main-actions .total { font-weight: bold; color: #a7c755; } .tooltip-menu .main-actions ul { display: table-row; } .tooltip-menu .main-actions ul li { display: table-cell; height: 100%; } .tooltip-menu .main-actions ul li a { display: block; text-decoration: none; border: 1px solid #2B4C7C; background: linear-gradient(to bottom, #426393 15.3%, #173B6B 100%) repeat scroll 0 0 #183C6C; color: #eee; height: 100%; white-space: nowrap; line-height: 2em; padding-left: 3em; } .tooltip-menu .main-actions ul li a:hover { background: linear-gradient(to bottom, #284979 15.3%, #000838 100%) repeat scroll 0 0 #033D6D; } .tooltip-menu .main-actions ul li a.properties-btn { background: url("/Content/Images/ico/properties.png") 0.5em 0.1em no-repeat, linear-gradient(to bottom, #426393 15.3%, #173B6B 100%); } .tooltip-menu .main-actions ul li a.properties-btn:hover { background: url("/Content/Images/ico/properties.png") 0.5em 0.1em no-repeat, linear-gradient(to bottom, #284979 15.3%, #000838 100%); } .tooltip-menu .main-actions ul li a.employees-btn { background: url("/Content/Images/ico/employees.png") 0.5em 0.25em no-repeat, linear-gradient(to bottom, #426393 15.3%, #173B6B 100%); } .tooltip-menu .main-actions ul li a.employees-btn:hover { background: url("/Content/Images/ico/employees.png") 0.5em 0.25em no-repeat, linear-gradient(to bottom, #284979 15.3%, #000838 100%); } .tooltip-menu .main-actions ul li a.items-btn { background: url("/Content/Images/ico/items.png") 0.5em 0.1em no-repeat, linear-gradient(to bottom, #426393 15.3%, #173B6B 100%); } .tooltip-menu .main-actions ul li a.items-btn:hover { background: url("/Content/Images/ico/items.png") 0.5em 0.1em no-repeat, linear-gradient(to bottom, #284979 15.3%, #000838 100%); } .tooltip-menu .main-actions ul li a.costs-btn { background: url("/Content/Images/ico/costs.png") 0.5em 0.1em no-repeat, linear-gradient(to bottom, #426393 15.3%, #173B6B 100%); } .tooltip-menu .main-actions ul li a.costs-btn:hover { background: url("/Content/Images/ico/costs.png") 0.5em 0.1em no-repeat, linear-gradient(to bottom, #284979 15.3%, #000838 100%); } .tooltip-menu .main-actions ul li a.supplies-btn { background: url("/Content/Images/ico/supplies.png") 0.5em 0.1em no-repeat, linear-gradient(to bottom, #426393 15.3%, #173B6B 100%); } .tooltip-menu .main-actions ul li a.supplies-btn:hover { background: url("/Content/Images/ico/supplies.png") 0.5em 0.1em no-repeat, linear-gradient(to bottom, #284979 15.3%, #000838 100%); } .tooltip-menu .main-actions ul li a.remove-btn { background: url("/Content/Images/ico/remove.png") 0.5em 0.1em no-repeat, linear-gradient(to bottom, #426393 15.3%, #173B6B 100%); } .tooltip-menu .main-actions ul li a.remove-btn:hover { background: url("/Content/Images/ico/remove.png") 0.5em 0.1em no-repeat, linear-gradient(to bottom, #284979 15.3%, #000838 100%); } .tooltip-menu .main-actions ul li a.modify-btn { background: url("/Content/Images/ico/modify.png") 0.5em 0.1em no-repeat, linear-gradient(to bottom, #426393 15.3%, #173B6B 100%); } .tooltip-menu .main-actions ul li a.modify-btn:hover { background: url("/Content/Images/ico/modify.png") 0.5em 0.1em no-repeat, linear-gradient(to bottom, #284979 15.3%, #000838 100%); } .tooltip-menu .quick-actions { display: table; background-color: black; color: white; width: 100%; margin-top: 0.1em; text-align: center; min-height: 32px; } .tooltip-menu .quick-actions .quickactionlabel { vertical-align: middle; margin-left: 5px; margin-top: 10px; float: left; } .tooltip-menu .quick-actions .btn { margin: 5px; float: left; display: block; } .tooltip-menu .quick-actions .reactivateMission:hover, .tooltip-menu .quick-actions .deactivateMission:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #92ba3c), color-stop(1, #a5c958)); background: -moz-linear-gradient(top, #92ba3c 5%, #a5c958 100%); background: -webkit-linear-gradient(top, #92ba3c 5%, #a5c958 100%); background: -o-linear-gradient(top, #92ba3c 5%, #a5c958 100%); background: -ms-linear-gradient(top, #92ba3c 5%, #a5c958 100%); background: linear-gradient(to bottom, #92ba3c 5%, #a5c958 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92ba3c', endColorstr='#a5c958', GradientType=0); background-color: #92ba3c; color: black; } .tooltip-menu .quick-actions .activateOrReactivateMissionDisabled { height: 15px; cursor: help; } .tooltip-menu .quick-actions .activateOrReactivateMissionDisabled label { vertical-align: super; } .tooltip-menu .quick-actions .activateOrReactivateMissionDisabled .imgReactivatedLockedTooltip .imgReopenDaysLockedTooltip { width: 14px; cursor: help; } .tooltip-menu .aForm { width: 100%; } .tooltip-menu .date-recap { background: rgba(0, 0, 0, 0.1); display: table; width: 100%; margin-top: 0.5em; } .tooltip-menu .date-recap > div { display: table-cell; } .tooltip-menu .date-recap .editor-label, .tooltip-menu .date-recap .editor-field { padding: 0.5em; } .tooltip-menu .date-recap .editor-label { background: rgba(0, 0, 0, 0.1); color: #014983; } .tooltip-menu .date-recap .form-row:nth-child(3) .editor-field { font-weight: bold; font-size: 1.1em; color: #831313; } .tooltip-menu.mission-menu .collapsible-content li { padding: 0.3em 0; list-style: square outside none; } .lay-1col { width: auto; display: block; } .lay-2col { overflow: hidden; } .lay-2col > div { width: 50%; margin: 0; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.5em; } .lay-3col { overflow: hidden; } .lay-3col > div { width: 33%; margin: 0; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .lay-3col > div.col2 { width: 66%; } .lay-4col { overflow: hidden; } .lay-4col > div { width: 25%; margin: 0; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .lay-4col > div.col2 { width: 50%; } .lay-4col > div.col3 { width: 75%; } /************/ /* Sizing */ /************/ .full { width: 100%; } /****************/ /* Visibility */ /****************/ .hidden { display: none; } #login-form-container .label { width: 10em; } #login-form-container .label, #login-form-container .value { vertical-align: middle; } #search-block { box-shadow: 0.7em 0.7em 0.3em -0.4em #AAA; } #search-block.opened .collapsible-trigger:after { content: "▲"; float: right; margin-right: 1em; } #search-block.closed .collapsible-trigger:after { content: "▼"; float: right; margin-right: 1em; } #search-block #basic { overflow: hidden; clear: both; background: #7799C6; } #search-block #basic .collapsible-trigger { font-family: Noto-Sans, Arial, sans-serif; font-size: 1.5em; padding: 0.4em 0 0.4em 1em; background: #435E8B; color: #FFF; font-weight: normal; border-bottom: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 1px 0 0 1px rgba(255, 255, 255, 0.2); } #search-block #basic #basic-fields { width: 60em; float: left; padding: 1em 0; } #search-block #basic #search-btn { float: left; margin-top: 2.2em; } #search-block #advanced { padding: 1.2em; background: #BDDFFF; overflow: hidden; border-top: 1px solid rgba(255, 255, 255, 0.27); } #search-block #advanced #filters, #search-block #advanced #options { width: 50%; float: left; } #settings_hollidays_edit_screen #legend-div > div { float: right; } #settings_hollidays_edit_screen #holiday-table { width: 100%; } #settings_hollidays_edit_screen #holiday-data { margin-top: 1em; } #color-popup { width: 100%; } #MissionGantt .gantt-dataInnerHead span { cursor: pointer; } #MissionGantt .gantt-dataInnerHead span:hover:after { content: "►"; } #MissionGantt .gantt-dataHead:hover { background: #DDD; } .missionSticker-days { border-top: 1px dotted; margin: 0 -1em 0 -0.3em; } .missionSticker-days .gantt-day { display: inline-block; outline: none; height: 15px; line-height: 10px; position: static; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .missionSticker-days .gantt-day.closed > span:not(.missionName) { background-image: url("/Content/Images/bg/diamond.png"); background-repeat: repeat; background-color: rgba(255, 255, 255, 0.8); color: #000 !important; } .missionSticker-days .gantt-day.closing > span:not(.missionName) { background-image: url("/Content/Images/bg/diamond.png"); background-repeat: repeat; background-color: #f8f81e !important; color: #000 !important; } .missionSticker-days .gantt-day.cannotOpenClose > span:not(.missionName) { display: block; border-top: 2px solid #b00; margin-top: -2px; position: relative; overflow: visible; } .missionSticker-days .gantt-day.cannotOpenClose > span:not(.missionName):hover { border-top-width: 1px; margin-top: -1px; } .missionSticker-days .gantt-day.cannotOpenClose > span:not(.missionName):hover:before { position: absolute; left: 50%; margin-left: -14px; top: -12px; width: 28px; height: 12px; content: " "; background: #b00 url("/Content/Images/ico/lock-unlock.png") center center no-repeat; border-radius: 3px 3px 0 0; } .missionSticker-days .gantt-day > span { font-size: 12px; line-height: 1; height: 100%; display: block; border-right: 1px dotted; } .missionSticker-days .gantt-day:last-child > span:not(.missionName) { border-right: none; } .missionSticker-days .gantt-day > span a { display: block; height: 100%; line-height: 16px; text-decoration: none; overflow: hidden; } .missionSticker-days .gantt-day > span a:focus { background: rgba(255, 255, 255, 0.3); } .missionSticker-days .gantt-day > span.missionName { margin-left: 1em; margin-top: -26px; height: 10px; text-align: left; font-size: 10px; border-right: 0px; overflow: visible; text-decoration: underline; } .missionSticker-head { text-align: left; height: 10px; overflow: hidden; position: relative; } .missionSticker-head .overview { position: absolute; top: 0; left: 0; right: 0; height: 10px; } .missionSticker-head .projectName { float: left; margin: 0 1em; font-weight: bold; } .missionSticker-head .missionName { margin-left: 1em; } .missionSticker-closed { position: absolute; top: 0; bottom: 4px; left: 0; right: 0; color: #000; font-style: italic; background-color: #DDD; background-image: url("/Content/Images/bg/diamond.png"); background-repeat: repeat; } .missionSticker-closing { position: absolute; top: 0; bottom: 4px; left: 0; right: 0; color: #f1ff0b; font-style: italic; background-color: #DDD; background-image: url("/Content/Images/bg/diamond.png"); background-repeat: repeat; } #userAssignSites [type=reset] { float: right; } #userAssignSites #nodes-tree-container { clear: right; } #adminManageRights .fieldset { float: left; margin: 1em; } #adminManageRights .fieldset .editor-label { line-height: 1.4em; width: 18em; } #timeSlotView table { width: 100%; } #rateListSummary > div { width: 30%; } #rateListSummary > div + div { width: 69%; } #rateListSummary .weekdayTimeSlotTable { width: 100%; margin-top: 1em; } #rateListSummary .weekdayTimeSlotTable td { height: 60px; } #AttendancesGantt .gantt-item a { display: block; height: 100%; } .attendance-header { background-color: grey; color: white; } .attendance-employee { background-color: #ffd800; color: black; } .attendance-details div { display: table-row; } .attendance-details div div { display: inline; } .attendance-time div { display: inline-block; margin: 1px 5px; } .attendance-time div div { display: block; } #addStaffAttendance .label, #addStaffAttendance .editor-label { width: 9em; } #OverviewGantt .gantt-item a { height: 100%; display: block; } /* #OverviewGantt .employeeSummaryToolTip { display: none; } #OverviewGantt .gantt-dataInnerHead, #OverviewGantt .gantt-dataInnerHead .showSummary { height: 100%; } #OverviewGantt .gantt-dataInnerHead .showSummary { background: transparent url('../Images/ico/arrow-down.png') right center no-repeat; } // attendances Gantt #AttendancesGantt .attendanceSummaryToolTip { display: none; } #AttendancesGantt .gantt-dataInnerHead, #AttendancesGantt .gantt-dataInnerHead .showSummary { height: 100%; } #AttendancesGantt .gantt-dataInnerHead .showSummary { background: transparent url('../Images/ico/arrow-down.png') right center no-repeat; }*/ #editEmployeeTabs #generalWithHistory .editor-field, #editEmployeeTabs #siteRow .editor-field { width: 15em; } #editEmployeeTabs #SkillInfos_DegreeDetail, #editEmployeeTabs #SkillInfos_Others { width: 34em; height: 5em; } #documentTemplatesTabs .tabs-nav span { display: block; width: 20em; } #documentTemplatesTabs .tabs-body h2 { font-family: Noto-Sans, Arial, sans-serif; font-size: 1.5em; margin-bottom: 1em; } #documentTemplatesTabs .tabs-body .group { display: inline-table; margin-right: 3em; } #documentTemplatesTabs .tabs-body .group > .item { display: table-row; } #documentTemplatesTabs .tabs-body .group > .item > span { display: table-cell; border-bottom: 0.1em dotted #CCC; padding: 0.3em 0; } #documentTemplatesTabs .tabs-body .group > .item > span > * { vertical-align: middle; } #addEditTemplate .recap { float: right; } #addEditTemplate #Subject, #addEditTemplate #Email { width: 40em; } #addEditTemplate .editor-label { width: 5em; } #ajaxUploadForm .editor-label { width: 5em; } #traceabilityFirstRowScreen .action { text-align: center; } #form-saveReportingfrequencyProfile { margin-bottom: 1em; } #form-saveReportingfrequencyProfile #Label { width: 25em; margin-right: 1em; } #EmployeeGantt .gantt-innerItem > span { display: block; } .employeeSummaryToolTip + .ratePercentView { border: none; } .employeeSummaryToolTip + .ratePercentView td, .employeeSummaryToolTip + .ratePercentView tr { border: none; } .employeeSummaryToolTip + .ratePercentView .percentView { display: block; float: left; border-radius: 0.3em; overflow: hidden; text-align: center; font-weight: bold; height: 2.5em; line-height: 2.5em; cursor: help; background-image: url("/Content/Images/bg/diamond.png"); background-repeat: repeat; } .employeeSummaryToolTip + .ratePercentView .attendanceRatePercent { background-color: #508221; color: #FFF; } .employeeSummaryToolTip + .ratePercentView .absenceRatePercent { background-color: #CFCFCF; color: #555; } .employeeSummaryToolTip + .ratePercentView .totalPercent { cursor: default; background-color: #FFF; min-width: 4em; } .requestComment .comments > li { border: 0.1em solid #82c7ff; margin: 1em 0; } .requestComment .comments > li .head { background-color: #82c7ff; background-image: url("/Content/Images/bg/diamond.png"); background-repeat: repeat; padding: 0.5em; } .requestComment .comments > li .head .name { display: inline-block; width: 70%; font-family: Noto-Sans, Arial, sans-serif; font-size: 1.5em; } .requestComment .comments > li .head .time { margin-left: 3em; } .requestComment .comments > li .body { padding: 1em; } .suppliesPerPageBlock { margin-bottom: 1em; } .suppliesTotalItemsBlock { background: #FFEF93; background-image: url("/Content/Images/bg/diamond.png"); background-repeat: repeat; float: right; border: solid #FFF; border-width: 0 0 0.5em 0.5em; padding: 1em; } #suppliesCatalog .dataCustom-items > li { display: inline-block; margin: 1em 1em 0 0; vertical-align: top; } #suppliesCatalog .dataCustom-items .supplyCard { width: 20em; padding: 1em; border-radius: 0.3em; background: #FFF; border: 0.1em solid rgba(0, 0, 0, 0.2); } #suppliesCatalog .dataCustom-items .supplyCard .head { text-align: center; font-weight: bold; font-family: Noto-Sans, Arial, sans-serif; font-size: 1.5em; } #suppliesCatalog .dataCustom-items .supplyCard .head .pictureHolder { display: block; height: 10em; overflow: hidden; text-align: center; margin-bottom: 1em; background-image: url("/Content/Images/bg/diamond.png"); background-repeat: repeat; } #suppliesCatalog .dataCustom-items .supplyCard .head img { max-height: 100%; } #suppliesCatalog .dataCustom-items .supplyCard .meta, #suppliesCatalog .dataCustom-items .supplyCard .purchase { margin-top: 1em; border-top: 0.1em solid rgba(0, 0, 0, 0.2); overflow: hidden; padding: 0.5em 0; } #suppliesCatalog .dataCustom-items .supplyCard .purchase { margin-top: 0; } #suppliesCatalog .dataCustom-items .supplyCard .group, #suppliesCatalog .dataCustom-items .supplyCard .supplier, #suppliesCatalog .dataCustom-items .supplyCard .add { float: left; clear: left; } #suppliesCatalog .dataCustom-items .supplyCard .group { padding-top: 1em; } #suppliesCatalog .dataCustom-items .supplyCard .stock, #suppliesCatalog .dataCustom-items .supplyCard .saleprice { float: right; font-weight: bold; } #suppliesCatalog .dataCustom-items .supplyCard .stock { color: #FFF; text-align: center; width: 4em; padding: 1em; } #suppliesCatalog .dataCustom-items .supplyCard .stock.in { background: #0b0; } #suppliesCatalog .dataCustom-items .supplyCard .stock.out { background: #b00; } #suppliesCatalog .dataCustom-items .supplyCard .group, #suppliesCatalog .dataCustom-items .supplyCard .saleprice { font-weight: bold; } #suppliesCatalog .dataCustom-items .supplyCard .saleprice { font-family: Noto-Sans, Arial, sans-serif; font-size: 1.5em; color: #b00; } #statusDraftForm .recap .label { width: 10em; } #statusDraftForm table { min-width: 50%; } #choose-site-container .search-tool .label { width: auto; } .analysis #choose-site-container .search-tool .label { width: auto; } .analysis #choose-site-container .massSelectionHelper { vertical-align: sub; } .analysis .form-groupRow, .analysis .selectbox.obl[data-mode='chooseMany'] { margin-top: 0; position: relative; } .analysis .form-groupRow.obl:before, .analysis .selectbox.obl[data-mode='chooseMany'][data-mode-option='reverse']:before { content: ""; background-image: url("/Content/Images/ico/asterisk.png"); position: absolute; height: 10px; width: 10px; right: 20px; } .analysis .selectbox.obl[data-mode='chooseMany']:not([data-mode-option='reverse']):before { content: ""; background-image: url("/Content/Images/ico/asterisk.png"); position: absolute; height: 10px; width: 10px; left: 20px; } .analysis .selectbox { margin-bottom: 1em; clear: none; } .analysis .choice { display: block; } #mergeScreen .block.infoTransfer, #mergeScreen .block.agency { width: 30em; display: inline-block; vertical-align: top; margin-right: 1em; } #mergeScreen .block.subcontractor { width: 30em; display: inline-block; vertical-align: top; margin-right: 1em; } #mergeScreen .block.thirdparty { width: 30em; display: inline-block; vertical-align: top; margin-right: 1em; } #mergeScreen .temporaryAgency { background-color: #FFF177; } #mergeScreen .temporarySubcontractor { background-color: #FFF177; } #mergeScreen .temporaryThirdparty { background-color: #FFF177; } #transferScreen .block.infoTransfer, #transferScreen .block.customer { width: 30em; display: inline-block; vertical-align: top; margin-right: 1em; } #transferScreen .temporaryCustomer { background-color: #FFF177; } #transferScreen .badRating { background-color: #FF8077; line-height: 1.5em; margin-top: 0.5em; } #transferScreenimportantCheck { margin: 1em; padding: 1em; background-image: url("/Content/Images/bg/diamond.png"); background-repeat: repeat; box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.2); } .missionSummary { float: right; margin-top: 0.5em; } .form-import table { margin: auto; width: 60em; } #MissionDocuments-table { margin: auto; min-width: 60%; } .form-groupRow { background: rgba(0, 0, 0, 0.08); border: 0.1em solid rgba(0, 0, 0, 0.04); border-radius: 0.3em; margin: 1em 0; padding: 1.4em; } .form-groupTitle { font-family: Noto-Sans, Arial, sans-serif; font-size: 1.5em; padding-bottom: 0.37em; margin: 0 0 0.37em; color: #58595B; display: inline-block; width: 100%; border-bottom: 0.1em dotted rgba(0, 0, 0, 0.4); } .pairs { display: table; width: 100%; } .pairs .pairs-from, .pairs .pairs-actions, .pairs .pairs-to { display: table-cell; } .pairs .pairs-actions { text-align: center; } .pairs .pairs-to table { width: 100%; } .pairs .form-groupRow { background: rgba(0, 0, 0, 0.08); border: 0.1em solid rgba(0, 0, 0, 0.04); border-radius: 0.3em; margin: 1em 0; padding: 1.4em; } .pairs .form-groupTitle { font-family: Noto-Sans, Arial, sans-serif; font-size: 1.5em; padding-bottom: 0.37em; margin: 0 0 0.37em; color: #58595B; display: inline-block; width: 100%; border-bottom: 0.1em dotted rgba(0, 0, 0, 0.4); } #provision-block, #receiver-block { padding: 1em; } #showShift, #showShift-table { display: none; } #tableShifts { width: 100%; } #lackActionReasonsContainer fieldset { border: 1px solid #90987b; max-height: 80px; } #lackActionReasonsContainer fieldset legend { color: #4c4c4b; } #lackActionReasonsContainer fieldset #lackActionReason { overflow-y: auto; overflow-x: hidden; padding-top: 0.5em; padding-bottom: 0.5em; max-height: 58px; } #interventionReport-info .block.filter { width: 100% !important; } #interventionReport-info .block.filter select { width: 200px; } #interventionReport-info .block .title { border-bottom: 0.05em dotted; } #interventionReport-info .blueText { color: #3366FF; } #interventionReport-info .greenCell { background: #92D050; } #interventionReport-info .pinkCell { background: #efddef; } #interventionReport-info .lightYellowCell { background: #FFFF99; } #interventionReport-info .noTextBreak { white-space: nowrap; } #interventionReport-info .reworkedCol { background-color: #8DB4E3; } #interventionReport-info .rejectedCol { background-color: #FAC090; } #interventionReport-info .block.filter { width: auto; } #interventionReport-info .block.filter #MissionItemId { width: auto; } #interventionReport-info .subTotal { background-color: #A5A5A5; } #interventionReport-info .total { background-color: #7F7F7F; } #interventionReport-info .pad5px { padding: 5px; } #interventionReport-info .alnright { text-align: right; } #interventionReport-info .message { width: 95%; } #interventionReport-info a.viewButton, #interventionReport-info a.exportButton { padding: 0.4em 0.7em 0.36em; } #interventionReport-info-table .subTotal { background-color: #A5A5A5; } #interventionReport-info-table .total { background-color: #7F7F7F; } #interventionReport-info-table tr.totalByDay > td { background: #D1DECA; font-weight: bold; } #interventionReport-info-table tr.totalByShift > td { background: #d1e2f3; font-weight: bold; } #interventionReport-info-table tr.totalByEmployee > td { background: #FCD5B4; font-weight: bold; } #interventionReport-info-table tr.finalTotal > td { background: #7799C6; font-weight: bold; } #interventionReport-info-table tr.finalTotal > td:first-child { text-align: center; } #interventionReport-info-table .buttons-excel { display: none; } #interventionReport-info-table .message { width: 96.3%; } #supplierAndAdditionalCostFilterArea { position: relative; width: 100%; } #valuationNotUoW { position: relative; width: 100%; } #valuationFilterArea { position: relative; width: 100%; height: 131px; } #valuationFilterArea .filterComponents { border-bottom: 0.05em dotted; height: 50px; } #valuationFilterArea .filterDayBox .fs-label-wrap { top: 6px; } #valuationFilterArea .filterDayBox .fs-wrap { width: 134px; } #valuationFilterArea .filterDayBox .fs-wrap:focus { outline: none; } #valuationFilterArea .filterDayBox .fs-dropdown { width: 132px; } #valuationFilterArea .filterDayBox .fs-option-label { position: relative; } #valuationFilterArea .filterDayBox .fs-option-label > span { padding-left: 3px; position: absolute; top: 2px; } #valuationFilterArea .filterShiftBox .fs-label-wrap { top: 6px; } #valuationFilterArea .filterShiftBox .fs-wrap { width: 200px; } #valuationFilterArea .filterShiftBox .fs-wrap:focus { outline: none; } #valuationFilterArea .filterShiftBox .fs-dropdown { width: 254px; } #valuationFilterArea .filterShiftBox .fs-option-label { position: relative; } #valuationFilterArea .filterShiftBox .fs-option-label > span { padding-left: 3px; position: absolute; top: 2px; } #valuationFilterArea .viewButton { position: absolute; top: 113px; left: 50%; margin-left: -86px; transform: translate(-50%, -50%); } #valuationFilterArea .exportButton { position: absolute; top: 113px; left: 50%; margin-left: 20px; transform: translate(-50%, -50%); } #synthesisHourFilterArea { height: 150px; position: relative; width: 100%; } #synthesisHourFilterArea .filterComponents { border-bottom: 0.05em dotted; height: 70px; } #synthesisHourFilterArea .filterDayBox { left: 246px; position: absolute; top: 39px; } #synthesisHourFilterArea .filterDayBox .fs-label-wrap { top: 6px; } #synthesisHourFilterArea .filterDayBox .fs-wrap { width: 95px; } #synthesisHourFilterArea .filterDayBox .fs-wrap:focus { outline: none; } #synthesisHourFilterArea .filterDayBox .fs-dropdown { width: 132px; } #synthesisHourFilterArea .filterDayBox .fs-option-label { position: relative; } #synthesisHourFilterArea .filterDayBox .fs-option-label > span { padding-left: 3px; position: absolute; top: 2px; } #synthesisHourFilterArea .filterShiftBox { left: 445px; position: absolute; top: 39px; } #synthesisHourFilterArea .filterShiftBox .fs-label-wrap { top: 6px; } #synthesisHourFilterArea .filterShiftBox .fs-wrap { width: 95px; } #synthesisHourFilterArea .filterShiftBox .fs-wrap:focus { outline: none; } #synthesisHourFilterArea .filterShiftBox .fs-dropdown { width: 198px; } #synthesisHourFilterArea .filterShiftBox .fs-option-label { position: relative; } #synthesisHourFilterArea .filterShiftBox .fs-option-label > span { padding-left: 3px; position: absolute; top: 2px; } #synthesisHourFilterArea .filterEmployeesBox { left: 643px; position: absolute; top: 39px; } #synthesisHourFilterArea .filterEmployeesBox .fs-label-wrap { top: 6px; } #synthesisHourFilterArea .filterEmployeesBox .fs-wrap { width: 95px; } #synthesisHourFilterArea .filterEmployeesBox .fs-wrap:focus { outline: none; } #synthesisHourFilterArea .filterEmployeesBox .fs-dropdown { width: 198px; } #synthesisHourFilterArea .filterEmployeesBox .fs-option-label { position: relative; } #synthesisHourFilterArea .filterEmployeesBox .fs-option-label > span { padding-left: 3px; position: absolute; top: 2px; } #synthesisHourFilterArea .orderEmployeeBox { position: absolute; left: 858px; top: 45px; } #synthesisHourFilterArea .orderEmployeeBox select { width: 112px; } #synthesisHourFilterArea .showTotalPerDay { left: 405px; position: absolute; top: 83px; } #synthesisHourFilterArea .showTotalPerShift { left: 712px; position: absolute; top: 83px; } #synthesisHourFilterArea .billableFilter { left: 7px; position: absolute; top: 83px; } #synthesisHourFilterArea .viewButton { position: absolute; top: 130px; left: 50%; margin-left: -86px; transform: translate(-50%, -50%); } #synthesisHourFilterArea .exportButton { position: absolute; top: 130px; left: 50%; margin-left: 20px; transform: translate(-50%, -50%); } #traceabilitySheetFilterArea { height: 150px; position: relative; width: 100%; } #traceabilitySheetFilterArea .filterComponents { border-bottom: 0.05em dotted; height: 70px; } #traceabilitySheetFilterArea .filterReferenceBox { left: 12px; position: absolute; top: 84px; } #traceabilitySheetFilterArea .filterReferenceBox .fs-label-wrap { top: 6px; } #traceabilitySheetFilterArea .filterReferenceBox .fs-wrap { width: 222px; } #traceabilitySheetFilterArea .filterReferenceBox .fs-wrap:focus { outline: none; } #traceabilitySheetFilterArea .filterReferenceBox .fs-dropdown { width: 276px; } #traceabilitySheetFilterArea .filterReferenceBox .fs-option-label { position: relative; } #traceabilitySheetFilterArea .filterReferenceBox .fs-option-label > span { padding-left: 3px; position: absolute; top: 2px; } #traceabilitySheetFilterArea .filterReferenceBox select { max-width: 250px; } #traceabilitySheetFilterArea .filterDayBox { left: 246px; position: absolute; top: 39px; } #traceabilitySheetFilterArea .filterDayBox .fs-label-wrap { top: 6px; } #traceabilitySheetFilterArea .filterDayBox .fs-wrap { width: 95px; } #traceabilitySheetFilterArea .filterDayBox .fs-wrap:focus { outline: none; } #traceabilitySheetFilterArea .filterDayBox .fs-dropdown { width: 132px; } #traceabilitySheetFilterArea .filterDayBox .fs-option-label { position: relative; } #traceabilitySheetFilterArea .filterDayBox .fs-option-label > span { padding-left: 3px; position: absolute; top: 2px; } #traceabilitySheetFilterArea .filterShiftBox { left: 445px; position: absolute; top: 39px; } #traceabilitySheetFilterArea .filterShiftBox .fs-label-wrap { top: 6px; } #traceabilitySheetFilterArea .filterShiftBox .fs-wrap { width: 95px; } #traceabilitySheetFilterArea .filterShiftBox .fs-wrap:focus { outline: none; } #traceabilitySheetFilterArea .filterShiftBox .fs-dropdown { width: 198px; } #traceabilitySheetFilterArea .filterShiftBox .fs-option-label { position: relative; } #traceabilitySheetFilterArea .filterShiftBox .fs-option-label > span { padding-left: 3px; position: absolute; top: 2px; } #traceabilitySheetFilterArea .filterEmployeesBox { left: 643px; position: absolute; top: 39px; } #traceabilitySheetFilterArea .filterEmployeesBox .fs-label-wrap { top: 6px; } #traceabilitySheetFilterArea .filterEmployeesBox .fs-wrap { width: 95px; } #traceabilitySheetFilterArea .filterEmployeesBox .fs-wrap:focus { outline: none; } #traceabilitySheetFilterArea .filterEmployeesBox .fs-dropdown { width: 198px; } #traceabilitySheetFilterArea .filterEmployeesBox .fs-option-label { position: relative; } #traceabilitySheetFilterArea .filterEmployeesBox .fs-option-label > span { padding-left: 3px; position: absolute; top: 2px; } #traceabilitySheetFilterArea .filterEmployeesBoxSingle { left: 721px; position: absolute; top: 48px; } #traceabilitySheetFilterArea .orderEmployeeBox { position: absolute; left: 866px; top: 45px; } #traceabilitySheetFilterArea .orderEmployeeBox select { width: 112px; } #traceabilitySheetFilterArea .orderEmployeeBox option[value=ByVolumeOfHours] { display: none; } #traceabilitySheetFilterArea .showTotalPerDay { position: absolute; left: 636px; top: 83px; } #traceabilitySheetFilterArea .showTotalPerShift { position: absolute; left: 859px; top: 83px; } #traceabilitySheetFilterArea .showTotalPerEmployee { left: 382px; position: absolute; top: 83px; } #traceabilitySheetFilterArea .showHiddenColumnsFromCP { position: absolute; left: 1090px; top: 83px; } #traceabilitySheetFilterArea .billableFilter { left: 7px; position: absolute; top: 83px; } #traceabilitySheetFilterArea .viewButton { position: absolute; top: 130px; left: 50%; margin-left: -86px; transform: translate(-50%, -50%); } #traceabilitySheetFilterArea .exportButton { position: absolute; top: 130px; left: 50%; margin-left: 20px; transform: translate(-50%, -50%); } .traceabilitySheet table thead th { vertical-align: middle; } #paceFilterArea { border-top: 0px; border-top-left-radius: 0px; height: 170px; margin-top: -8px; position: relative; width: 100%; } #paceFilterArea .filterComponents { border-bottom: 0.05em dotted; height: 88px; } #paceFilterArea .filterComponents #PaceDisplayType { width: 200px; } #paceFilterArea .filterComponents #OrderEmployeeType { width: 100px; } #paceFilterArea .orderEmployeeBox { position: absolute; left: 960px; top: 45px; } #paceFilterArea .orderEmployeeBox select { width: 112px; } #paceFilterArea .filterReferenceBox { left: 237px; position: absolute; top: 39px; } #paceFilterArea .filterReferenceBox .fs-label-wrap { top: 6px; } #paceFilterArea .filterReferenceBox .fs-wrap { width: 75px; } #paceFilterArea .filterReferenceBox .fs-wrap:focus { outline: none; } #paceFilterArea .filterReferenceBox .fs-dropdown { width: 200px; } #paceFilterArea .filterReferenceBox .fs-option-label { position: relative; } #paceFilterArea .filterReferenceBox .fs-option-label > span { padding-left: 3px; position: absolute; top: 2px; } #paceFilterArea .filterDayBox { left: 427px; position: absolute; top: 39px; } #paceFilterArea .filterDayBox .fs-label-wrap { top: 6px; } #paceFilterArea .filterDayBox .fs-wrap { width: 75px; } #paceFilterArea .filterDayBox .fs-wrap:focus { outline: none; } #paceFilterArea .filterDayBox .fs-dropdown { width: 132px; } #paceFilterArea .filterDayBox .fs-option-label { position: relative; } #paceFilterArea .filterDayBox .fs-option-label > span { padding-left: 3px; position: absolute; top: 2px; } #paceFilterArea .filterShiftBox { left: 590px; position: absolute; top: 39px; } #paceFilterArea .filterShiftBox .fs-label-wrap { top: 6px; } #paceFilterArea .filterShiftBox .fs-wrap { width: 75px; } #paceFilterArea .filterShiftBox .fs-wrap:focus { outline: none; } #paceFilterArea .filterShiftBox .fs-dropdown { width: 198px; } #paceFilterArea .filterShiftBox .fs-option-label { position: relative; } #paceFilterArea .filterShiftBox .fs-option-label > span { padding-left: 3px; position: absolute; top: 2px; } #paceFilterArea .filterEmployeesBox { left: 766px; position: absolute; top: 39px; } #paceFilterArea .filterEmployeesBox .fs-label-wrap { top: 6px; } #paceFilterArea .filterEmployeesBox .fs-wrap { width: 75px; } #paceFilterArea .filterEmployeesBox .fs-wrap:focus { outline: none; } #paceFilterArea .filterEmployeesBox .fs-dropdown { width: 198px; } #paceFilterArea .filterEmployeesBox .fs-option-label { position: relative; } #paceFilterArea .filterEmployeesBox .fs-option-label > span { padding-left: 3px; position: absolute; top: 2px; } #paceFilterArea .showTotalPerDay { left: 20px; position: absolute; top: 74px; } #paceFilterArea .showTotalPerShift { left: 255px; position: absolute; top: 74px; } #paceFilterArea .showWishedPace { left: 20px; position: absolute; top: 101px; } #paceFilterArea .showAgreedPace { left: 270px; position: absolute; top: 101px; } #paceFilterArea .wishedPaceBox { font-weight: bold; left: 1002px; position: absolute; top: 82px; } #paceFilterArea .agreedPaceBox { font-weight: bold; left: 1002px; position: absolute; top: 106px; } #paceFilterArea .showReworkedRate { position: absolute; left: 505px; top: 74px; } #paceFilterArea .showRejecteddRate { position: absolute; left: 505px; top: 101px; } #paceFilterArea .rejectedUnitBox { position: absolute; left: 756px; top: 73px; } #paceFilterArea .paceOptionsBox { position: absolute; left: 756px; top: 92px; } #paceFilterArea .paceOptionsBox .fs-label-wrap { top: 6px; } #paceFilterArea .paceOptionsBox .fs-wrap { width: 140px; } #paceFilterArea .paceOptionsBox .fs-wrap:focus { outline: none; } #paceFilterArea .paceOptionsBox .fs-dropdown { width: 138px; } #paceFilterArea .paceOptionsBox .fs-option-label { position: relative; } #paceFilterArea .paceOptionsBox .fs-option-label > span { padding-left: 3px; position: absolute; top: 2px; } #paceFilterArea .viewButton { position: absolute; top: 150px; left: 50%; margin-left: -86px; transform: translate(-50%, -50%); } #paceFilterArea .exportButton { position: absolute; top: 150px; left: 50%; margin-left: 20px; transform: translate(-50%, -50%); } .paceSheet { overflow-x: auto; } #paceColorInforArea { background: #DDDDDD; border: none; border-bottom: 0px; box-shadow: none; height: 76px; padding: 0px; position: relative; width: 100%; } #paceColorInforArea .paceColorTitle span { font-size: 16px; font-weight: bold; left: 458px; position: absolute; top: 10px; } #paceColorInforArea .paceRedColor { font-size: 11px; font-weight: bold; left: 5px; position: absolute; top: 40px; } #paceColorInforArea .paceRedColor .paceColorBlock { background: red; } #paceColorInforArea .paceGreenColor { font-size: 11px; font-weight: bold; left: 335px; position: absolute; top: 40px; } #paceColorInforArea .paceGreenColor .paceColorBlock { background: green; } #paceColorInforArea .paceBlueColor { font-size: 11px; font-weight: bold; position: absolute; left: 724px; top: 40px; } #paceColorInforArea .paceBlueColor .paceColorBlock { background: #3366FF; } #paceColorInforArea > div > div { display: inline-block; } #paceColorInforArea > div > div:first-child { height: 18px; vertical-align: text-bottom; width: 40px; } .indicator { overflow: hidden; } .indicator ul.info, .indicator ul.more-info { float: left; } .indicator ul.info { width: 3.5em; } .indicator .idc-title { font-family: Noto-Sans, Arial, sans-serif; font-size: 1.1em; height: 2em; text-align: center; } .indicator .cursor { text-decoration: none; } .indicator .cursor:after { content: "["; font-size: 4.4em; line-height: 0.7em; } .indicator .cursor-indicator { background: #014983 none repeat scroll 0% 0%; color: #FFF; padding: 0.2em; position: relative; top: -0.7em; margin: 0em 0.1em 0em; padding: 0.2em 0 0.2em; font-weight: bold; } .indicator .idc-grid > div { height: 4em; background-image: url("/Content/Images/grid-part.png"); background-position: center center; text-align: center; } .indicator .idc-colors > div { display: table-row; height: 4em; } .indicator .idc-colors > div > div { display: table-cell; vertical-align: bottom; } .indicator .idc-colors .idc-color { width: 1em; } .indicator .idc-colors .idc-perc > span { bottom: -0.4em; position: relative; } .indicator .idc-colors .idc-info { vertical-align: middle; padding-left: 0.7em; } #languages-dic ul { overflow: hidden; } #languages-dic ul li { width: 20em; float: left; } #search ul { overflow: hidden; } #search ul li { float: left; } select#CountryId { max-width: 35em; } #sliderbar-container form input, #sliderbar-container form select { background-color: #EBEBE4; } #sliderbar-container form .label, #sliderbar-container form .editor-label { color: #000; } #sliderbar-container #thirdparty-tabs .tabs > .tabs-body { background-color: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #sliderbar-container .loading_indicator { background: url(../Images/throbber.gif) no-repeat center center; display: block; width: 100%; height: 100%; } #sliderbar-container #thirdparty-tabs .btn { text-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 0.5em; min-width: 10em; font-size: 1.2em; background: #435E8B; border: none; color: white; line-height: normal; font-family: Noto-Sans, Arial, sans-serif; margin: 10px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #sliderbar-container #thirdparty-tabs .btn:hover { background: #204173; } #sliderbar-container #thirdparty-tabs .btna:hover { background: #738496; } #thirdparty-tabs .htabs > .tabs-nav { border-bottom: 2px solid #CFCFCF; } #thirdparty-tabs .htabs > .tabs-nav > ol > li { padding: 0; margin: 2px 0 0 0; bottom: -4px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #thirdparty-tabs .htabs > .tabs-nav > ol > li:first-child { margin-left: 10px; } #thirdparty-tabs .htabs > .tabs-nav > ol > li.thirdPartyTabL1, #thirdparty-tabs .htabs > .tabs-nav > ol > li.localCustomerTab, #thirdparty-tabs .htabs > .tabs-nav > ol > li.agencyTab { position: relative; clear: both; } #thirdparty-tabs .htabs > .tabs-nav > ol > li.thirdPartyTabL1 .tab-box, #thirdparty-tabs .htabs > .tabs-nav > ol > li.localCustomerTab .tab-box, #thirdparty-tabs .htabs > .tabs-nav > ol > li.agencyTab .tab-box { width: 150px; height: 45px; background: #DEDEDE; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: solid 1px #cfcfcf; float: left; overflow: hidden; margin: 2px 5px 0; -webkit-transform: perspective(100px) rotateX(30deg); -moz-transform: perspective(100px) rotateX(30deg); -ms-transform: perspective(100px) rotateX(30deg); -o-transform: perspective(100px) rotateX(30deg); transform: perspective(100px) rotateX(30deg); } #thirdparty-tabs .htabs > .tabs-nav > ol > li.thirdPartyTabL1 .tab-item, #thirdparty-tabs .htabs > .tabs-nav > ol > li.localCustomerTab .tab-item, #thirdparty-tabs .htabs > .tabs-nav > ol > li.agencyTab .tab-item { width: 81%; height: 2em; padding: 1em 1em 0 1em; text-align: center; position: absolute; z-index: 10; vertical-align: middle; } #thirdparty-tabs .htabs > .tabs-nav > ol > li.localCustomerTab .tab-box { width: 180px; } #thirdparty-tabs .htabs > .tabs-nav > ol > li.selected { background-color: transparent; color: #fff; cursor: default; position: relative; padding-bottom: 0; z-index: 100; } #thirdparty-tabs .htabs > .tabs-nav > ol > li.selected .tab-box { background: #8db33d; border: 1px solid #CFCFCF; } #thirdparty-tabs .htabs > .tabs-body { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-left: 2px solid #CFCFCF; } .gantt-dataInnerHead > span > a.ico { vertical-align: middle; } .gantt-dataInnerHead > span > a.ico > img { vertical-align: top; } #editPopup .info-header, #viewPopup .info-header { margin-bottom: 1em; } #editPopup .info-header > a, #viewPopup .info-header > a { float: right; } #editPopup .mileage-pending, #viewPopup .mileage-pending { background-image: url("/Content/Images/ico/mileage-pending.png"); background-repeat: no-repeat; background-position: left 0px; padding-left: 25px; font-family: Noto-Sans, Arial, sans-serif; font-size: 1.2em; color: #CF701D; } #editPopup .mileage-validated, #viewPopup .mileage-validated { background-image: url("/Content/Images/ico/mileage-validated.png"); background-repeat: no-repeat; background-position: left 0px; padding-left: 25px; font-family: Noto-Sans, Arial, sans-serif; font-size: 1.2em; color: #139031; } #editPopup .block.highlighted, #viewPopup .block.highlighted { width: 100%; } #company-table img { max-width: 40em; } #ApplicableCounters-table thead tr:first-child .date_range_filter { width: 2.5em; display: block; } #form-createMissionItem #choose-actionReason-container input[data-col=ActionReason], #form-editMissionItem #choose-actionReason-container input[data-col=ActionReason], #form-createMissionItem #choose-actionReason-container input[data-col=Abbreviation], #form-editMissionItem #choose-actionReason-container input[data-col=Abbreviation] { width: 98%; } #form-createMissionItem .standard-form, #form-editMissionItem .standard-form { display: table; } #form-createMissionItem .standard-form > div, #form-editMissionItem .standard-form > div { display: table-cell; vertical-align: top; } #form-createMissionItem .selectbox-header, #form-editMissionItem .selectbox-header { width: 100%; padding-bottom: 14px; } #form-createMissionItem .selectbox-header .selectbox-title, #form-editMissionItem .selectbox-header .selectbox-title { font-family: Noto-Sans, Arial, sans-serif; font-size: 1.5em; color: #58595B; float: left; } #form-createMissionItem .selectbox-header .selectbox-actions, #form-editMissionItem .selectbox-header .selectbox-actions { float: right; } #form-createMissionItem .selectbox-body, #form-editMissionItem .selectbox-body { clear: both; } .slider-container .msg { background-image: url("/Content/Images/ico/message.png"); background-repeat: no-repeat; background-size: 22px; background-position: 40px center; background-color: #ccc; color: #333; margin: 5px 10px 10px; text-align: center; padding: 10px 90px; line-height: 20px; } #attendances-container { padding: 1.5em 2em; font-family: Noto-Sans, "Roboto-Light"; } #attendances-container .label, #attendances-container .editor-label { font-weight: normal; font-family: Noto-Sans, "Roboto-Regular"; } #attendances-container .label:after, #attendances-container label:after { content: ""; display: inline-block; width: 10px; height: 10px; margin: 0 -17px 0 7px; } #attendances-container .label.obl:after, #attendances-container label.obl:after, #attendances-container .editor-label.obl label:after { background: transparent url("/Content/Images/ico/asterisk.png") center center no-repeat; } #attendances-container .tabs-nav, #attendances-container .tabs-body, #attendances-container .tabs-nav > ol > li { box-shadow: none; } #attendances-container .tabs-body { margin-top: -4px; } #attendances-container #SiteFilter { margin: 12px 0; } #attendances-container .dataTable-container { overflow: visible; margin: 0; } #attendances-container .dataTable-container .dataTable { font-size: 1.1em; } #attendances-container .dataTable-container .dataTable thead, #attendances-container .dataTable-container .dataTable thead th { text-align: left; } #attendances-container .dataTable-container .dataTable td, #attendances-container .dataTable-container .dataTable th { padding: 0.1em 0.3em; } #attendances-container .dataTable-container .dataTable tr.even, #attendances-container .dataTable-container .dataTable tr.even td { background: none; } #attendances-container .dataTable-container .dataTable tr.odd, #attendances-container .dataTable-container .dataTable tr.odd td { background: rgba(0, 0, 0, 0.1); } #attendances-container .dataTable-container .dataTable tr.highlighted { background: #F1C40F; } #attendances-container .dataTable-container .dataTable-footer { padding: 0.6em 0.3em; } #attendances-container #select-employees { height: 300px; overflow: auto; } #attendances-container #selected-employees { color: #ddd; margin-top: 15px; border: 1px solid rgba(255, 255, 255, 0.1); margin: 10px 0; padding: 10px 10px 10px 75px; border-radius: 3px; background-image: url("/Content/Images/ico/user-flat.png"); background-repeat: no-repeat; background-position: 15px center; overflow: hidden; } #attendances-container #selected-employees #placeholder { font-size: 1.2em; font-style: italic; } #attendances-container #selected-employees .selected-employee { border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 5px; float: left; font-size: 1.1em; margin: 2px; display: table-row; } #attendances-container #selected-employees .selected-employee > * { display: table-cell; vertical-align: middle; padding: 5px; } #attendances-container #selected-employees .selected-employee .selected-employee-firstname { padding-right: 0; } #attendances-container #selected-employees .selected-employee .remove-employee { width: 16px; height: 16px; background-image: url("/Content/Images/ico/close-flat.png"); background-repeat: no-repeat; background-size: 16px auto; background-position: center center; cursor: pointer; } #attendances-container #selected-employees .selected-employee .remove-employee:hover { opacity: 0.5; } #attendances-container .msg { background-image: url("/Content/Images/ico/message.png"); background-repeat: no-repeat; background-size: 22px; background-position: 40px center; background-color: #ccc; color: #333; margin: 5px 10px 10px; text-align: center; padding: 10px 90px; line-height: 20px; } #attendances-container #main-form { background: #D9D9D9; border-radius: 3px; } #attendances-container #main-form .attendance-form { color: #000; } #attendances-container #main-form .attendance-form .delete-attendance { display: none; } #attendances-container #main-form .attendance-form .delete-attendance a { display: block; height: 24px; width: 24px; background-image: url("/Content/Images/ico/remove-icon-round.png"); background-repeat: no-repeat; background-position: center center; background-size: 24px; cursor: pointer; } #attendances-container #main-form .attendance-form .delete-attendance a:hover { opacity: 0.5; } #attendances-container #main-form .attendance-form.showDeleteBtns .delete-attendance { display: inline-block; float: right; margin-right: 3em; } #attendances-container #main-form .attendance-form.loading:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.5); background-image: url("/Content/Images/throbber.gif"); background-repeat: no-repeat; background-position: center center; } #attendances-container #main-form .attendance-header, #attendances-container #main-form .form-actions { background-color: rgba(0, 0, 0, 0.6); } #attendances-container .attendance-form { color: #fff; font-size: 1.1em; padding: 10px; } #attendances-container .attendance-form .attendance-header { background-color: rgba(0, 0, 0, 0.2); display: table; width: 100%; color: #fff; text-shadow: 2px 1px 1px #222; } #attendances-container .attendance-form .attendance-header > * { display: table-cell; width: 25%; } #attendances-container .attendance-form .attendance-header > * > * { display: inline-block; padding: 10px; } #attendances-container .attendance-form .editor-field.largerField { width: 185px; } #attendances-container .attendance-form .attendance-list .attendance:only-child .attendance-delete { display: none; } #attendances-container .attendance-form .attendance-list .attendance:last-child { border-bottom: 0; padding-bottom: 10px; } #attendances-container .attendance-form .attendance-list .attendance { position: relative; display: table; width: 100%; border-bottom: 1px dashed rgba(255, 255, 255, 0.3); } #attendances-container .attendance-form .attendance-list .attendance.highlighted { background-color: rgba(0, 0, 0, 0.4); background-image: url("/Content/Images/bg/diamond.png"); } #attendances-container .attendance-form .attendance-list .attendance .attendance-actions { position: absolute; top: 10px; right: 10px; } #attendances-container .attendance-form .attendance-list .attendance .editor-label { margin-bottom: 4px; } #attendances-container .attendance-form .attendance-list .attendance .selectbox-trigger { background-image: url("/Content/Images/ico/bullseye.png"); background-repeat: no-repeat; background-color: transparent; background-size: 20px; border: 0; padding: 0em 1em 0.1em 9px; } #attendances-container .attendance-form .attendance-list .attendance .selectbox-trigger:hover { opacity: 0.5; } #attendances-container .attendance-form .form-group { display: table; width: 100%; margin: 10px 0; } #attendances-container .attendance-form .form-group > * { display: table-cell; width: 25%; } #attendances-container .attendance-form .form-group > * > * { padding: 0 5px; } #attendances-container .attendance-form .attendance-delete { background-image: url("/Content/Images/ico/close-flat.png"); background-repeat: no-repeat; background-size: 16px; display: inline-block; height: 16px; width: 16px; cursor: pointer; } #attendances-container .attendance-form .attendance-delete:hover { opacity: 0.3; } #attendances-container .attendance-form input, #attendances-container .attendance-form select { font-family: Noto-Sans, "Roboto-Light"; background-color: #eee; padding: 4px 7px; border: 0; border-radius: 1px; color: #111; } #attendances-container .attendance-form input:hover, #attendances-container .attendance-form select:hover, #attendances-container .attendance-form input:focus, #attendances-container .attendance-form select:focus { border: none; } #attendances-container .attendance-form input.field-validation-error, #attendances-container .attendance-form select.field-validation-error { border: 1px solid #FF2A00; } #attendances-container .attendance-form [name='HourlyRateId'], #attendances-container .attendance-form [name='EquipmentHourlyRateId'], #attendances-container .attendance-form [name='MissionShiftId'] { width: 100%; max-width: 95%; } #attendances-container .attendance-form .form-actions { border-top: 1px solid rgba(255, 255, 255, 0.2); background-color: rgba(0, 0, 0, 0.2); position: relative; padding-left: 220px; } #attendances-container .attendance-form .form-actions .dateTime { position: absolute; top: 7px; left: 86px; } #attendances-container .attendance-form .attendance-add, #attendances-container .attendance-form .attendance-save, #attendances-container .attendance-form .attendance-reset { display: inline-block; height: 28px; width: 28px; border-radius: 30px; background-size: 20px; background-repeat: no-repeat; background-position: center center; cursor: pointer; padding: 2px; transition: 0.4s ease; margin: 0 15px; } #attendances-container .attendance-form .attendance-add:hover, #attendances-container .attendance-form .attendance-save:hover, #attendances-container .attendance-form .attendance-reset:hover { background-color: rgba(0, 0, 0, 0.3); } #attendances-container .attendance-form .attendance-add { background-image: url("/Content/Images/ico/add-flat.png"); float: right; } #attendances-container .attendance-form .attendance-reset { background-image: url("/Content/Images/ico/reset-flat.png"); } #attendances-container .attendance-form .attendance-save { background-image: url("/Content/Images/ico/save-flat.png"); } #attendances-container .attendance-form .attendance-period { background-image: url("/Content/Images/ico/clock-flat.png"); background-repeat: no-repeat; background-position: center center; background-size: 50px auto; height: 50px; width: 50px; left: 22px; top: 80px; position: absolute; opacity: 0.8; } #attendances-container .attendance-form .attendance-period .dateTime { left: 65px; position: absolute; top: 16px; color: #333; } #attendances-container .attendance-form .dateTime { color: #bbb; font-family: "Noto-Sans"; font-size: 1.7em; } #attendances-container .attendance-form .time-input-updown { margin-bottom: -7px; } #attendances-container .attendance-form .time-input-updown .btn { color: #545454; border: 0; box-shadow: none; background: none; } #attendances-container .attendance-form .attendance-lock { background-image: url("/Content/Images/ico/att-locked.png"); background-repeat: no-repeat; background-color: transparent; background-size: 20px; border: 0; padding: 0px 0; width: 32px; height: 32px; display: block; margin-top: 2px; position: absolute; right: -25px; top: 16px; cursor: pointer; } #attendances-container .attendance-form .attendance-lock:hover { opacity: 0.5; } #attendances-container .attendance-form .attendance-unlock { background-image: url("/Content/Images/ico/att-unlocked.png"); background-repeat: no-repeat; background-color: transparent; background-size: 20px; border: 0; padding: 0px 0; width: 32px; height: 32px; display: block; margin-top: 2px; position: absolute; right: -25px; top: 16px; cursor: pointer; } #attendances-container .attendance-form .attendance-unlock:hover { opacity: 0.5; } #attendances-container .attendance-form .shift-input-mode { position: absolute; left: 202px; top: 17px; display: block; padding: 0; margin: 0 auto; width: 45px; height: 20px; background-color: rgba(0, 0, 0, 0.6); background-repeat: no-repeat; background-image: -o-linear-gradient(top, #2b2b2b, #404040); background-image: -khtml-gradient(linear, left top, left bottom, from(#2b2b2b), to(#404040)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#2b2b2b', EndColorStr='#404040', GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2b2b2b', EndColorStr='#404040', GradientType=0))"; border-top: 1px solid #333333; border-right: 1px solid #333333; border-bottom: 1px solid #666666; border-left: 1px solid #333333; border-radius: 5px; box-shadow: inset 0px 1px 8px 0 rgba(0, 0, 0, 0.25); } #attendances-container .attendance-form .shift-input-mode .shift-input-mode-auto { display: block; padding: 0; width: 22px; height: 18px; border-radius: 5px; cursor: pointer; margin-left: 21px; background: #9BBD4F; border: 1px solid #0f3f74; } #attendances-container .attendance-form .shift-input-mode .shift-input-mode-manual { display: block; width: 22px; height: 18px; cursor: pointer; padding: 0px; border-radius: 5px; margin: 0px; background: #dc3430; border-width: 1px; border-style: solid; border-color: #70430e; border-image: initial; } #attendances-container .attendance-form .inlineHelpShiftMode { position: absolute; right: -26px; top: 19px; z-index: 9999; } #attendances-container #logs { margin-top: 20px; } #attendances-container #logs #seperator { background-image: url("/Content/Images/realtime.png"); background-repeat: no-repeat; background-position: center center; background-size: 40px; border-radius: 50px; box-shadow: 0 2px 2px #0b0b0b; margin: 20px auto; padding: 20px; height: 16px; width: 16px; } #attendances-container #logs .log-status { position: absolute; left: 80%; } #attendances-container #logs .accordion-hidden { display: none; } #attendances-container #logs #ongoing .log { background-color: #297FB8; } #attendances-container #logs #ongoing .log .header { background-image: url("/Content/Images/loader2.gif"); } #attendances-container #logs #ongoing .log .header .log-status:after { content: "Loading.."; } #attendances-container #logs #ongoing .log .remove-log, #attendances-container #logs #ongoing .log .form-actions, #attendances-container #logs #ongoing .log .attendance-delete { display: none; } #attendances-container #logs #done .log { background-color: #468966; } #attendances-container #logs #done .log .header { background-image: url("/Content/Images/ico/valid.png"); } #attendances-container #logs #done .log .header .log-status:after { content: "OK"; } #attendances-container #logs #error .log { background-color: #C1392B; } #attendances-container #logs #error .log .header { background-image: url("/Content/Images/ico/error-flat.png"); } #attendances-container #logs #error .log .header .log-status:after { content: "Error"; } #attendances-container #logs #warning .log { background-color: #F65C20; } #attendances-container #logs #warning .log .header { background-image: url("/Content/Images/ico/warning-flat.png"); } #attendances-container #logs #warning .log .header .log-status:after { content: "Warning"; } #attendances-container #logs #warning .log .form-actions, #attendances-container #logs #warning .log .attendance-delete { display: none; } #attendances-container #logs #confirmation .log { background-color: #F65C20; } #attendances-container #logs #confirmation .log .header { background-image: url("/Content/Images/ico/question.png"); } #attendances-container #logs #confirmation .log .header .log-status:after { content: "Confirmation"; } #attendances-container #logs .log { margin-bottom: 10px; border-radius: 3px; } #attendances-container #logs .log .header { padding: 14px; color: #fff; font-family: Noto-Sans, "Roboto-Regular"; font-size: 1.2em; font-weight: bold; border-bottom: 1px solid rgba(255, 255, 255, 0.2); background-position: right 240px center; background-repeat: no-repeat; background-size: 22px auto; position: relative; } #attendances-container #logs .log .header span { vertical-align: middle; } #attendances-container #logs .log .header .remove-log { float: right; } #attendances-container #logs .log .header .employee-id { display: inline-block; width: 120px; } #attendances-container #logs .log .header .employee-firstname { margin-left: 20px; } #attendances-container #logs .log .header .employee-lastname { margin-left: 8px; } #attendances-container #logs .log .header .remove-log { background-image: url("/Content/Images/ico/close-flat.png"); background-repeat: no-repeat; background-size: 16px; display: inline-block; height: 16px; width: 16px; cursor: pointer; float: right; } #attendances-container #logs .log .header .remove-log:hover { opacity: 0.5; } #attendances-container.staff-attendance #filter-employees { margin-bottom: 2px; margin-top: -10px; } #attendances-container.staff-attendance #filter-employees label { color: black; font-weight: bold; display: inline-block; margin: 0 0.3em; } #attendances-container.staff-attendance #select-employees .col-employeeid { width: 65px; } #attendances-container.staff-attendance #select-employees .col-actions { width: 30px; } #attendances-container.staff-attendance #select-employees .col-currentprofileincreaseprofiletitle { width: 180px; } #attendances-container.staff-attendance #selected-employees.hiddenRoles .selected-employee-role { display: none !important; } #attendances-container.staff-attendance #selected-employees .selected-employee-role { cursor: pointer; background-repeat: no-repeat; background-size: 22px; background-position: center center; height: 22px; width: 22px; } #attendances-container.staff-attendance #selected-employees .selected-employee-role:hover { opacity: 0.3; } #attendances-container.staff-attendance #selected-employees .selected-employee-role.driver { background-image: url("/Content/Images/ico/driver.png"); } #attendances-container.staff-attendance #selected-employees .selected-employee-role.passenger { background-image: url("/Content/Images/ico/passenger.png"); } #attendances-container.staff-attendance #selected-employees #selected-employees.hiddenRoles .selected-employee-role { display: none !important; } #attendances-container.staff-attendance #selected-employees #selected-employees .selected-employee-role { cursor: pointer; background-repeat: no-repeat; background-size: 22px; background-position: center center; height: 22px; width: 22px; } #attendances-container.staff-attendance #selected-employees #selected-employees .selected-employee-role:hover { opacity: 0.3; } #attendances-container.staff-attendance #selected-employees #selected-employees .selected-employee-role.driver { background-image: url("/Content/Images/ico/driver.png"); } #attendances-container.staff-attendance #selected-employees #selected-employees .selected-employee-role.passenger { background-image: url("/Content/Images/ico/passenger.png"); } #attendances-container.staff-attendance .attendance-form { font-size: 1.1em; position: relative; } #attendances-container.staff-attendance .attendance-form #RepeatAttendanceUnit { text-align: right; } #attendances-container.staff-attendance .attendance-form #RepeatAttendanceUnit .repeatUntilDate { width: 80px; } #attendances-container.staff-attendance .attendance-form #RepeatAttendanceUnit .repeatUntilDate:disabled { background-color: #c4c4c4 !important; color: #888 !important; } #attendances-container.staff-attendance .attendance-form .form-group > * { width: 20%; } #attendances-container.staff-attendance .attendance-form .form-group.col-2-3 > *:nth-child(1), #attendances-container.staff-attendance .attendance-form .form-group.col-2-3 > *:nth-child(2) { width: 20%; } #attendances-container.staff-attendance .attendance-form .form-group.col-2-3 > *:nth-child(3), #attendances-container.staff-attendance .attendance-form .form-group.col-2-3 > *:nth-child(4) { width: 30%; } #attendances-container.staff-attendance .attendance-form .form-group .form-row input.error, #attendances-container.staff-attendance .attendance-form .form-group .form-row select.error, #attendances-container.staff-attendance .attendance-form .form-group .form-row textarea.error { background-color: #F8725D !important; color: #fff; } #attendances-container.staff-attendance .attendance-form .form-group .form-row input.error.errorWithMsg, #attendances-container.staff-attendance .attendance-form .form-group .form-row select.error.errorWithMsg, #attendances-container.staff-attendance .attendance-form .form-group .form-row textarea.error.errorWithMsg { background-color: #a38923 !important; } #attendances-container.staff-attendance .attendance-form .form-group .form-row.checkbox-only { vertical-align: middle; } #attendances-container.staff-attendance .attendance-form .form-group .form-row.short-datepicker .datepicker { width: 6.4em; background-size: 14px; } #attendances-container.staff-attendance .attendance-form .form-group .form-row.short-datepicker .dateInput { width: 57px; } #attendances-container.staff-attendance .attendance-form .form-group .form-row.short-datepicker .time-input { width: 3em; padding-left: 0.3em; padding-right: 0.3em; } #attendances-container.staff-attendance .attendance-form .form-group .form-row.short-datepicker .time-input.validation-error { padding: 4px 6px; } #attendances-container.staff-attendance .attendance-form .form-group .form-row textarea { height: 18px; background: #eee; width: 100%; resize: vertical; } #attendances-container.staff-attendance .attendance-form .form-group .form-row .datepicker, #attendances-container.staff-attendance .attendance-form .form-group .form-row .dateInput { width: 10.2em; } #attendances-container.staff-attendance .attendance-form .form-group .form-row input:not(.error):disabled, #attendances-container.staff-attendance .attendance-form .form-group .form-row select:disabled { background-color: #c4c4c4 !important; color: #888 !important; } #attendances-container.staff-attendance .attendance-form .form-group .form-row .datepicker-erase { margin: 0; } #attendances-container.staff-attendance .attendance-form [name='ReasonId'], #attendances-container.staff-attendance .attendance-form [name='MissionId'], #attendances-container.staff-attendance .attendance-form [name='TransferedToSiteId'] { width: 100%; max-width: 95%; } #attendances-container.staff-attendance .attendance-form [name='SiteShortName'], #attendances-container.staff-attendance .attendance-form [name='ValidatorEmployeeFullName'] { width: 78px; } #attendances-container.staff-attendance .attendance-form .createMileageAllowance { font-weight: bold; font-size: 1em; padding-top: 5px; } #attendances-container.staff-attendance .attendance-form .checkbox-label input, #attendances-container.staff-attendance .attendance-form .radio-label input { margin: 0; position: relative; top: 3px; } #attendances-container.staff-attendance .attendance-form .attendance-period-container { position: relative; } #attendances-container.staff-attendance .attendance-form .attendance-period-container .attendance-period { top: -4px; left: 24px; background-size: 30px auto; } #attendances-container.staff-attendance .attendance-form .attendance-period-container .attendance-period .dateTime { font-size: 1.5em; } #attendances-container.staff-attendance .attendance-form .mileage-allowance { background-color: #a9a9a9; background-image: url("/Content/Images/bg/diamond.png"); border: 1px dashed #999; border-radius: 7px; margin-bottom: 17px; } #attendances-container.staff-attendance .attendance-form .mileage-allowance .form-groupTitle { padding: 7px 9px 5px; font-size: 1.2em; } #attendances-container.staff-attendance .attendance-form .mileage-allowance #Amount_Amount { width: 25px; } #attendances-container.staff-attendance .attendance-form .mileage-allowance #Amount_CurrencyId { width: 60px; } #attendances-container.staff-attendance .attendance-form .mileage-allowance .totalCost { font-family: Noto-Sans; font-size: 1.4em; color: #333; text-decoration: overline; } #attendances-container.staff-attendance .attendance-form .mileage-allowance .queue-area { background: none; display: none; padding: 0.4em; margin: 0.2em; } #attendances-container.staff-attendance .attendance-form .mileage-allowance .queue-area .queue-header { display: none; } #attendances-container.staff-attendance .attendance-form .mileage-allowance .queue-area .queue { border: none !important; } #attendances-container.staff-attendance .attendance-form .mileage-allowance .queue-area .queue th, #attendances-container.staff-attendance .attendance-form .mileage-allowance .queue-area .queue tr, #attendances-container.staff-attendance .attendance-form .mileage-allowance .queue-area .queue td { border: none !important; } #attendances-container.staff-attendance .attendance-form .mileage-allowance .queue-area .queue thead th { background: rgba(0, 0, 0, 0.5); } #attendances-container.staff-attendance .attendance-form .mileage-allowance .queue-area .queue tbody td { color: #333; } #attendances-container.staff-attendance .attendance-form .mileage-allowance .document-evidence-label { vertical-align: middle; border: 1px dashed #999; border-radius: 7px 0 0 7px; border-right: 0; font-size: 1.1em; font-weight: bold; } #attendances-container.staff-attendance .attendance-form .mileage-allowance .document-evidence-add { vertical-align: middle; border: 1px dashed #999; border-left: 0; border-right: 0; } #attendances-container.staff-attendance .attendance-form .mileage-allowance .document-evidence-add .ico-add { background-color: transparent; box-shadow: none; border: 0; } #attendances-container.staff-attendance .attendance-form .mileage-allowance .document-evidence-add .ico-add:hover { background-color: transparent; cursor: pointer; } #attendances-container.staff-attendance .log .staff-day { width: 72px; display: inline-block; } #attendances-container.staff-attendance .log .employee-id { width: 80px; padding-left: 40px; } #attendances-container.staff-attendance .log.hasMileageAllowance .employee-role { position: relative; } #attendances-container.staff-attendance .log.hasMileageAllowance .employee-role:after { content: ""; position: absolute; width: 22px; height: 22px; background-size: 22px; top: -3px; right: 4px; } #attendances-container.staff-attendance .log.hasMileageAllowance .employee-role.driver:after { background-image: url("/Content/Images/ico/driver.png"); } #attendances-container.staff-attendance .log.hasMileageAllowance .employee-role.passenger:after { background-image: url("/Content/Images/ico/passenger.png"); } .costPerKmTooltip { display: table; } .costPerKmTooltip h3 { font-family: Noto-Sans, Arial, sans-serif; font-size: 1.5em; margin-bottom: 10px; margin-top: 5px; } .costPerKmTooltip .rate { display: table-row; font-size: 1.2em; } .costPerKmTooltip .rate > * { display: table-cell; vertical-align: middle; padding: 3px; } .costPerKmTooltip .rate .rate-label { width: 150px; } .costPerKmTooltip .rate .rate-amount { text-align: right; width: 55px; } .costPerKmTooltip .rate .rate-currency { text-align: right; width: 45px; } .costPerKmTooltip .rate a.select { text-align: right; width: 50px; } .chooseDriverOrPassenger .driver, .chooseDriverOrPassenger .passenger { background-repeat: no-repeat; background-size: 22px; background-position: 4px center; font-weight: bold; padding: 8px 30px; cursor: pointer; margin: 5px 0; border-radius: 3px; } .chooseDriverOrPassenger .driver:hover, .chooseDriverOrPassenger .passenger:hover { background-color: rgba(0, 0, 0, 0.1); } .chooseDriverOrPassenger .driver { background-image: url("/Content/Images/ico/driver.png"); } .chooseDriverOrPassenger .passenger { background-image: url("/Content/Images/ico/passenger.png"); } .costPerKmLoading { display: none; } #ThirdPartyContainer #ThirdPartyActions { box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.12); } #ThirdPartyContainer #ThirdPartyActions.blockClosed h2.title { border-bottom: 0; padding-bottom: 0; } #ThirdPartyContainer #ThirdPartyActions h2.title { font-family: Noto-Sans, Roboto-Regular; font-weight: 600; border-color: #ccc; } #ThirdPartyContainer #ThirdPartyActions fieldset { border: 0; width: 47%; margin: 1em 0 0 0; font-family: Noto-Sans, Roboto-Regular; font-size: 1.2em; } #ThirdPartyContainer #ThirdPartyActions fieldset:nth-child(1) { float: left; } #ThirdPartyContainer #ThirdPartyActions fieldset:nth-child(2) { float: right; } #ThirdPartyContainer #ThirdPartyActions fieldset:nth-child(3) { float: right; } #ThirdPartyContainer #ThirdPartyActions2 #companyFilter { float: right; clear: both; } #ThirdPartyContainer #ThirdPartyActions2 #companyFilter .editor-label { font-family: "Roboto-Light"; font-size: 1.1em; padding-right: 9px; padding-top: 5px; } #ThirdPartyContainer #ThirdPartyActions2 #companyFilter .editor-label .fa { top: 1px; position: relative; left: -5px; } #ThirdPartyContainer .dataTable-container th.col-levellabel { min-width: 300px; } #ThirdPartyContainer .dataTable-container th.col-postalcode { min-width: 66px; } #ThirdPartyContainer .dataTable-container td:last-child { text-align: center; } #form-editMainPackage #PeriodOrderBegin { width: 94px; } #form-editMainPackage #PeriodOrderEnd { width: 94px; } #form-editMainPackage select, #form-editDeliverable select { width: 207px; } #form-editMainPackage input[type=text], #form-editDeliverable input[type=text] { width: 200px; } #form-editMainPackage input.datepicker, #form-editDeliverable input.datepicker { width: 75px; } #form-editMainPackage .money input[type=text], #form-editDeliverable .money input[type=text] { width: 112px; } #form-editMainPackage .money .conv-currency, #form-editDeliverable .money .conv-currency { width: 86px; } #form-editMainPackage .selectbox-trigger, #form-editDeliverable .selectbox-trigger { background-image: none; font-size: 1.3em; } #form-editMainPackage .selectbox-trigger selectbox-title, #form-editDeliverable .selectbox-trigger selectbox-title { display: inline-block; } .btn.input-disabled, .btn.input-disabled:hover { background-color: #EBEBE4; border: 1px solid #ABADB3; box-shadow: none; background: none; } #deliverableQueueTable .queue-header { display: none; } #deliverablesTable thead th { background-color: #8dd05063; } #deliverablesTable .row-col-Post { white-space: nowrap; } .input-disabled { background-color: #EBEBE4; border: 1px solid #ABADB3; padding: 2px 1px; background-image: none; } .flatFeeInfoSheet .deliverableHeader th { background-color: #D1DECA; } .flatFeeInfoSheet .deliverableHeader td { background-color: #D1DECA; } .flatFeeInfoSheet .total td { font-weight: bold; } .flatFeeInfoSheet td, .flatFeeInfoSheet th { text-align: center; vertical-align: middle; } div#deliverableQueueTable { background-color: ivory; } div#deliverableQueueTable td { background-color: ivory; } .noTextBreak { white-space: nowrap; } .readonly_overlay { background-color: #ebebe4; border: 1px solid #ABADB3; padding: 2px 1px; margin: 0pt !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.3; } #form-EditOrderNumberMaster .editor-field input[type=text], #form-editPostMaster .editor-field input[type=text] { width: 20em; } #form-EditOrderNumberMaster .editor-field #OrderedAmount_Amount, #form-editPostMaster .editor-field #OrderedAmount_Amount, #form-EditOrderNumberMaster .editor-field #TotalAmountToInvoice_Amount, #form-editPostMaster .editor-field #TotalAmountToInvoice_Amount, #form-EditOrderNumberMaster .editor-field #RemainToDelivery_Amount, #form-editPostMaster .editor-field #RemainToDelivery_Amount, #form-EditOrderNumberMaster .editor-field #UnitPrice_Amount, #form-editPostMaster .editor-field #UnitPrice_Amount, #form-EditOrderNumberMaster .editor-field #AmountToInvoice_Amount, #form-editPostMaster .editor-field #AmountToInvoice_Amount { width: 12em; } .riskyMissionPendingMsg { background-color: #fdc600; font-size: larger; } .riskyMissionRejectedMsg { background-color: #ac272b; font-size: larger; color: white; } .riskyMissionStatusExplain { border-color: #b7d676; border-width: 1.5px; margin-bottom: -10px; box-shadow: none; font-size: larger; } .StaffMission { margin-left: 14px; } .StaffMission label { padding-left: 5px; } .StaffMission input { vertical-align: bottom; } #form-RiskyCustomerSelection select { width: 382px; } #form-RiskyCustomerSelection textarea { resize: none; width: 300px; } #form-RiskyCustomerSelection input[type=text]:not([id=FirstDay]) { width: 300px; } #form-RiskyCustomerSelection fieldset { margin-top: 10px; } #form-RiskyCustomerSelection .form-groupRow { background-color: whitesmoke; } #form-RiskyCustomerSelection .form-groupRow h2 { text-align: center; } #form-RiskyCustomerSelection .editor-label { text-align: left; width: 25em; } #form-RiskyCustomerSelection .collectorInfor { font-weight: 600; } #form-RiskyCustomerSelection .collectorHeader { padding-left: 50px; width: 130px; } #form-RiskyCustomerSelection .riskyMissionInfor .chooseDecisionMakerButton { height: 56px; } #form-RiskyCustomerSelection .riskyMissionInfor .selectbox-to { position: relative; } #form-RiskyCustomerSelection .riskyMissionInfor .selectbox-trigger { position: absolute; font-size: small; left: 15px; } #form-RiskyCustomerSelection .riskyMissionInfor .queue-area { left: 165px; position: absolute; top: -22px; width: 67%; } #form-RiskyCustomerSelection .riskyMissionInfor .queue-header { display: none; } #form-RiskyCustomerSelection .riskyMissionInfor .queue th:last-child { width: 0px; } #form-RiskyCustomerSelection .riskyMissionInfor .queue th:first-child { width: 0px; } #form-RiskyCustomerSelection .riskyMissionInfor .selectManyCount { display: none; } #form-RiskyCustomerSelection input.error { background-color: red; } .riskyCustomerSelectionContainer { overflow-x: hidden !important; overflow-y: auto !important; } #ExpectedHoursPerMonths { width: 5em !important; } #ExpectedDurationInMonths { width: 5em !important; } .fixedBottomContact { top: 123px !important; } .requirementsCustomerTable .form-groupRow { background-color: whitesmoke; } .requirementsCustomerTable .form-groupRow h2 { text-align: center; } .requirementsCustomerTable .requirementEmailList { list-style-type: circle; } .requirementsCustomerTable .customerRequirementsList { list-style-type: square; } .requirementsCustomerTable table td { align-content: center; vertical-align: middle; padding-left: 2em; padding-bottom: 0.5em; line-height: 1.2em; } .dataTable .customerRating { align-items: center; bottom: 0; display: flex; left: 0; padding-left: 44%; position: absolute; right: 0; top: 0; } .history-link { display: inline-block; } /**********/ /* Header */ /**********/ #modules-page #header { height: 5em; background: linear-gradient(to bottom, #033D6D 5%, #011441 100%); background: -o-linear-gradient(bottom, #033D6D 5%, #011441 100%); background: -moz-linear-gradient(bottom, #033D6D 5%, #011441 100%); background: -webkit-linear-gradient(bottom, #033D6D 5%, #011441 100%); background: -ms-linear-gradient(bottom, #033D6D 5%, #011441 100%); background: linear-gradient(to bottom, #033D6D 5%, #011441 100%) repeat scroll 0 0 transparent; -moz-box-shadow: 0px 4px 3px #000000; -webkit-box-shadow: 0px 4px 3px #000000; box-shadow: 0px 4px 3px #000000; margin-bottom: 0.7em; } #module-logo-container, #main-menu-container { float: left; } #module-logo-container { padding-left: 0.5em; padding-top: 1.2em; } #module-logo-container #trigo-logo { height: 2.5em; } /* Default Confirmation message */ #confirmationForm { font-weight: bold; overflow: hidden; } #confirmationForm .qm { font-family: Noto-Sans, Arial, sans-serif; font-size: 5em; display: block; margin-right: 0.3em; float: left; color: #B8B8B8; text-shadow: 1px 1px 1px #717171; } #confirmationForm .conf-msg { display: block; color: #666666; font-size: 1.2em; padding-top: 0.7em; padding-left: 3.7em; padding-bottom: 0.2em; } /* Default Confirmation message */ #approvingConfirmationForm { font-weight: bold; overflow: hidden; } #approvingConfirmationForm .qm { font-family: Noto-Sans, Arial, sans-serif; font-size: 5em; display: block; margin-right: 0.3em; float: left; color: #B8B8B8; text-shadow: 1px 1px 1px #717171; } #approvingConfirmationForm .conf-msg { display: block; color: #666666; font-size: 1em; padding-top: 0.7em; padding-left: 3.7em; line-height: 1.1em; } #changeOfApproverConfirmationForm { font-weight: bold; overflow: hidden; } #changeOfApproverConfirmationForm .qm { font-family: Noto-Sans, Arial, sans-serif; font-size: 5em; display: block; margin-right: 0.3em; float: left; color: #B8B8B8; text-shadow: 1px 1px 1px #717171; } #changeOfApproverConfirmationForm .conf-msg { display: block; color: #666666; font-size: 1em; padding-top: 0.7em; padding-left: 3.7em; line-height: 1.1em; } #notApprovingConfirmationForm { font-weight: bold; overflow: hidden; } #notApprovingConfirmationForm .qm { font-family: Noto-Sans, Arial, sans-serif; font-size: 5em; display: block; margin-right: 0.3em; float: left; color: #B8B8B8; text-shadow: 1px 1px 1px #717171; } #notApprovingConfirmationForm .conf-msg { display: block; color: #666666; font-size: 1em; padding-top: 0.7em; line-height: 1.1em; } #notApprovingConfirmationForm textarea { width: 400px; height: 139px; } .popupList li { margin: 10px 0; } .validateUserEmail { max-width: 180px; } .validateUserEmail label.error { margin: 5px 0px 0px 0px; display: inline-block; } .flex-container { height: 100%; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } .bad-server { border: 4px solid rgba(0, 0, 0, 0.3); padding: 30px; border-radius: 6px; background-color: rgba(0, 0, 0, 0.1); font-size: 20px; } .bad-server h4 { font-size: 30px; color: #014983; } #IncomingAttendanceTable .col-endhour, #OutgoingAttendanceTable .col-endhour { min-width: 20px !important; width: 50px; } #IncomingAttendanceTable .col-beginhour, #OutgoingAttendanceTable .col-beginhour { min-width: 20px !important; width: 60px; } #IncomingAttendanceTable .col-duration, #OutgoingAttendanceTable .col-duration { min-width: 20px !important; width: 30px; } #form-StaffAttendanceViewModel #selectedEmployeesTable th.col-NodeId, #form-StaffAttendanceViewModel #selectedEmployeesTable th.col-employeeType, #form-StaffAttendanceViewModel #selectedEmployeesTable td.row-col-NodeId, #form-StaffAttendanceViewModel #selectedEmployeesTable td.row-col-employeeType { display: none; } .disabled-element { pointer-events: none; opacity: 0.4; } .editableBox { width: 80px; height: 20px; } .percentTextBox { width: 54px; margin-left: -80px; height: 10px; border: none; } .expand-field textarea { width: 320px !important; } .closeFilter { float: right; background: #c5c5c5; height: 2em; width: 2em; min-width: 2em; border-radius: 50%; top: 0.7em; right: 1.1em; z-index: 3; font-weight: bold; padding: 0; box-shadow: none; } .filter-template { display: none; } .partialColumn { background-color: #f0f0f0 !important; } #PenibilitiesTable tbody tr:nth-child(2n+1) td { background-color: #bddfff; } .hightlightColumn { background-color: #dc3430 !important; } .site-position input { width: 10em; } .form-row .editor-msg-error { display: inline-block; max-width: 500px; height: 22px; } .form-row .editor-msg-error span { display: inline-block; } .no-wrap { white-space: nowrap; } .attendance-menu a.disabled { pointer-events: none; } .fs-label-wrap { position: relative; background-color: #FFF; border: 1px solid #ddd; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fs-label-wrap .fs-label { padding: 6px 22px 6px 8px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .fs-dropdown { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; background-color: #FFF; border: 1px solid #ddd; width: 200px; margin-top: 5px; z-index: 1000; } .fs-dropdown .fs-options { max-height: 200px; overflow: auto; } .fs-arrow { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; position: absolute; top: 0; right: 5px; bottom: 0; margin: auto; } .fs-search { border-bottom: 1px solid #eee; cursor: default; padding: 0 4px; } .fs-search input { border: none !important; box-shadow: none !important; outline: none; padding: 4px 0; width: 100%; } .fs-option { padding: 6px 8px; border-bottom: 1px solid #eee; cursor: default; cursor: pointer; } .fs-option:last-child { border-bottom: none; } .fs-optgroup-label { padding: 6px 8px; border-bottom: 1px solid #eee; cursor: default; font-weight: bold; text-align: center; } .fs-option.disabled { opacity: 0.4; cursor: default; } .fs-option.hl { background-color: #f5f5f5; } .fs-wrap.multiple { width: 200px; } .fs-wrap.multiple .fs-option { position: relative; padding-left: 30px; } .fs-wrap.multiple .fs-option .fs-checkbox i { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 14px; height: 14px; border: 1px solid #aeaeae; border-radius: 2px; background-color: #FFF; } .fs-wrap.multiple .fs-checkbox { position: absolute; display: block; width: 30px; top: 0; left: 0; bottom: 0; } .fs-wrap.multiple .fs-option.selected .fs-checkbox i { background-color: #11a911; border-color: transparent; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC'); background-repeat: no-repeat; background-position: center; } .hidden { display: none; } .hiddenImportant { display: none !important; } #lackActionReason { padding: 1em; } .padding-bottom8 { padding-bottom: 8px; } #EmployeeGantt .gantt-showZoom { position: absolute; left: 210px; top: 50%; z-index: 1; margin-top: -8px; width: 16px; height: 16px; border: 1px solid transparent; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERDA4OEYyRERFRjRERjExQkZDNUNBMDM0OEZDODQyMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5ODMwNzhCQzNFMzExMUUxOEY3OEJDNzFFQkE2OTI2NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5ODMwNzhCQjNFMzExMUUxOEY3OEJDNzFFQkE2OTI2NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M0IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MjY3RjBCOTAwRjhERjExQkE0RjlCNURFQ0Q1MkUwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERDA4OEYyRERFRjRERjExQkZDNUNBMDM0OEZDODQyMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtnT5xUAAAEsSURBVHjaYvz//z8DCISFhYkCqXYgDgRiISD+CMSbgLhy1apVTxlwAEaQAUDNTkD2CiAWxaIGZFAE0JAd2AxggtoM07weiPWAihlBNJTPD8RLgeoksBnAAsSNMM1AjUEwCSD7MpAKAmpcB/UWyHuJGC4AYj8oux6HN2HiHli9gOTvmzgMgIlLAF3DjM2A11C2Og4DYOKvgd76iy0MQFGVCcS9QOyGxYBGKL0V6ALMaAwNDQXF+VWQE4EYFFWtQHwNiLWAuBrq93dArA3EL/Clg41AzIPFBd9BsQH1igeU/R05DEBRtg8a79ORbAGFzVyoOEjzBKgBoGjlRHEBPgD1N0hzPpLwDphLmBiIAwVAPBGJD3cJsQbgNIQUA7AZsoOFgXRQAKUfgQwDCDAASUpXOnEtSbsAAAAASUVORK5CYII=); } .gantt-dayClose { background-image: url(Images/ico/close.png); width: 16px; height: 16px; display: block; float: left; } .notification-messenger { position: absolute; top: 37px; right: 0; z-index: 1; width: 450px; height: auto; } .notification.warning.alert:hover { filter: alpha(opacity=5); opacity: 0.9; min-width: 20px !important; } .notification .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #fff; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); text-decoration: none; opacity: 0.2; margin-top: -4px; } .alert-dismissable { padding-right: 35px; } .notification .warning { font-family: Noto-Sans, "Roboto-Regular"; font-size: 1.2em; font-weight: bold; } .notification .warning span { color: #8a6d3b; background-color: #fcf8e3; } .notification .warning .btn-warning { display: inline-block; text-align: center; white-space: nowrap; cursor: pointer; border: 1px solid transparent; color: #fff; background-color: #f0ad4e; border-color: #eea236; padding: 1px 5px; line-height: 1.5; text-decoration: none; margin-top: -5px; } .notification .warning .btn-warning:hover { background-color: #eea236; } .pull-right { float: right; } .notification .warning .ok { color: green; } .notification .warning .error { color: red; } .dayopen { width: 16px; height: 14px; background: url("/Content/Images/ico/unlocked.png"); } .dayclose { background: url("/Content/Images/ico/lock.png"); width: 16px; height: 14px; } .notification-staff { left: 0; right: 0; margin-left: auto; margin-right: auto; z-index: 1; height: auto; width: 800px; } .notification-staff .notification { padding: 7px; } .notification-staff .notification .close { font-size: 17px; margin-top: -3px; } .notification { font-family: Noto-Sans, "Roboto-Regular"; font-size: 1.2em; padding: 15px; border: 1px solid transparent; } .notification.info.alert:hover { filter: alpha(opacity=5); opacity: 0.9; } .notification.info.alert { color: #FFF; background-color: #014983; border-color: #014983; } .notification.info a { color: #FFF; } .notification.error.alert:hover { filter: alpha(opacity=5); opacity: 0.9; } .notification.error.alert { color: #FFF; background-color: #A00; border-color: #A00; } .notification.error a { color: #FFF; } .form-groupRow.warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .notification.warning.alert { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .notification.warning a { color: #8a6d3b; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; padding: 4px 20px; font-size: 12px; line-height: 1.5; text-decoration: none; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .notification-close:hover, .notification-close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; } .alert-dismissable .notification-close, .alert-dismissible .notification-close { position: relative; top: -7px; color: inherit; } a.notification-close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; } .notification-close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); text-decoration: none; opacity: 0.2; } .notification-alert-group > .notification-alert:first-child:not(:last-child) { margin-bottom: 0; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-info { color: #FFF; background-color: #014983; border-color: #014983; } .alert-info a { color: #FFF; } .alert-error { color: #FFF; background-color: #A00; border-color: #A00; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .notification-alert { padding: 15px; border: 1px solid transparent; } .notification-alert-group { width: 450px; height: auto; } .notification-alert a { color: #FFF; } #IncomingAttendanceTable .col-endhour, #OutgoingAttendanceTable .col-endhour { min-width: 20px !important; width: 50px; } #IncomingAttendanceTable .col-beginhour, #OutgoingAttendanceTable .col-beginhour { min-width: 20px !important; width: 60px; } #IncomingAttendanceTable .col-duration, #OutgoingAttendanceTable .col-duration { min-width: 20px !important; width: 30px; } .notification-alert-group > .notification-alert:first-child:not(:last-child) { margin-bottom: 0; } .btn.disabled { background: gray; border: gray; box-shadow: unset; cursor: help; color: lightgray; } .delete-disabled { filter: grayscale(1); cursor: help; } .delete-disabled:active { pointer-events: none; } .AlphanumericalCharactersErrorMessage { max-width: 139px; display: inline-block; visibility: hidden; } a.no-tab-icon:after { content: "" !important; } .dissatisfaction-survey { display: none !important; } .orange-background { background: #F89406 !important; } .advancedFilter .title { background-image: url("/Content/Images/ico/filter.png"); } .greyed-out-readonly { color: gray; } #form-createMissionItem > .validation-summary-errors, #form-editMissionItem > .validation-summary-errors { display: none; } .popupWrapper:has(.edit-permission-group) { width: 700px !important; } .popupWrapper:has(.edit-user) { width: 590px !important; height: 565px !important; } #multilist-container { border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; padding: 1em; background: #fff; height: 300px; width: 300px; overflow: auto; } .multilist-items { margin-top: 5px; margin-bottom: 5px; } .multilist-item { border-bottom: 2px solid #eee; padding-bottom: 5px; } .multilist-buttons { display: flex; justify-content: flex-end; gap: 10px; } #multilist-container:has(+ .field-validation-error) { border: 1px solid #FF2A00; } .italic { font-style: italic; } .edit-permission-group { height: 410px; } .textarea-followup { width: 100%; min-width: 245px !important; min-height: 75px !important; resize: both; overflow-y: auto; box-sizing: border-box; appearance: auto; display: block; line-height: 1.5em; align-self: center; padding: 5px; } .internal-follow-up-section { margin-top: 20px; } .popup-disabled { position: relative; } .popup-disabled::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); z-index: 9999; pointer-events: all; } .popup-disabled button, .popup-disabled input, .popup-disabled select, .popup-disabled textarea, .popup-disabled a.btn { pointer-events: none; opacity: 0.6; cursor: not-allowed; } #IncidentTypeTable th.col-visibilitystatus select { margin: 0; } #IncidentTypeTable th:nth-child(1), #IncidentTypeTable td:nth-child(1) { width: 35px; text-align: center; } #IncidentTypeTable th:nth-child(2), #IncidentTypeTable td:nth-child(2) { width: 80px; text-align: center; } .pd-t-20 { padding-top: 20px; } #repositories-optimize-table th.col-visibilitystatus select { margin: 0; } #repositories-optimize-table th:nth-child(1), #repositories-optimize-table td:nth-child(1) { width: 35px; text-align: center; } #repositories-optimize-table th:nth-child(2), #repositories-optimize-table td:nth-child(2) { width: 80px; text-align: center; }