/*
Type: Cascading Style Sheet
Author: Alex van Oostrum
Note: To view the tabs correctly use tab spacing 4 and indent size 4 for tabulation
*/
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
html {
height: 100%;
margin: 0px;
padding: 0px;
}
body {
padding: 0px;
margin: 0px;
height: 100%;
font-family: Verdana, Tahoma, Arial;
font-size: 11px;
background-color: #eeeeee;
}
a:link,a:visited,a:active {
text-decoration: none;
color: #ff6600;
}
a:hover {
text-decoration: underline;
color: #ee4400;
}
.colA a.low_profile {
color: #ffc9a5;
}
.colA a.low_profile:hover {
color: #ee4400;
}
.colB a.low_profile {
color: #ffba8c;
}
.colB a.low_profile:hover {
color: #ee4400;
}
table {
border: 0px;
}
/* for IE6 */
th, td, div, span {
font-size: 11px;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #999999;
}
fieldset {
margin: 3px;
margin-bottom: 10px;
padding: 3px;
}
legend {
font-weight: bold;
}
form {
margin-top: 3px;
margin-bottom: 3px;
}
h1 {
font-size: 16px;
font-family: Arial;
font-weight: bold;
margin: 5px;
}
h1.header, h2.header, h3.header, h4.header, .header a.header {
border-bottom: 2px solid #999999;
color: #333333;
font-family: Verdana,Arial;
font-weight: bold;
padding-right: 10px;
padding-left: 10px;
}
a.header:hover {
color: #ff8800;
}
h1.header, h2.header, h3.header, h4.header {
display: block;
}
h1.header {
text-align: right;
font-size: 18px;
}
h2.header {
font-size: 16px;
margin-bottom: 0px;
}
h3.header {
font-size: 14px;
}
h4.header {
font-size: 12px;
}
.header .links {
font-weight: normal;
font-size: 8pt;
}
.header .links a {
color: #ff7700;
}
.header .links a:hover {
}
/* */
p {
margin: 10px;
}
#container {
position: relative;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
background-color: #eeeeee;
color: #000000;
}
/**
Main page header
**/
#page_header {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 62px;
margin: 0px;
padding: 0px;
border: 0px;
background-color: #fcfefd;
}
#page_header_menu {
position: absolute;
left: 0px;
top: 46px;
border: 0px;
padding: 0px 0px;
background-color: #fcfefd;
}
#page_header_menu div {
font-size: 12px;
font-weight: bold;
float: left;
height: 16px;
padding: 0px 0px;
}
#page_header_menu div.separator {
padding: 0px;
}
#page_header_menu div a {
color: #407489;
}
#page_header_menu div a:hover {
color: #2A4E5C;
color: #ff8800;
text-decoration: none;
}
#page_header_menu div.menu_selected_left {
width: 9px;
height: 16px;
background-image: url('../images/default/main_section_tab_left.png');
background-position-x: right;
background-repeat: no-repeat;
}
#page_header_menu div.menu_selected_right {
width: 9px;
height: 16px;
background-image: url('../images/default/main_section_tab_right.png');
background-position-x: left;
background-repeat: no-repeat;
}
#page_header_menu div.menu_selected {
background-color: #336b82;
background-image: url('../images/default/main_section_tab_middle.png');
}
#page_header_menu div.menu_selected a {
color: #fcfefd;
}
/* for IE6 */
#page_header_menu div.menu_selected a:hover {
color: #cccccc;
}
#page_header.test-environment + #user_box_container #user_box, #page_header.acting-as + #user_box_container #user_box {
background: #fffde6;
border-color: #ff6600;
position: relative;
}
#page_header.test-environment + #user_box_container #user_box {
height: 38px;
}
#page_header.test-environment + #user_box_container #user_box::after {
content: 'TEST ENVIRONMENT';
position: absolute;
width: 100%;
top: 100%;
left: 50%;
transform: translate(-50%, -100%);
font-size: 16px;
text-align: center;
white-space: nowrap;
}
/*
#page_header.test-environment::before {
right: 12.5%;
}
#page_header.test-environment::after {
left: 12.5%;
}*/
.page_header_logo {
float: right;
margin-right: 20px;
}
.user_profile {
float: right;
cursor: default;
position: relative;
z-index: 5;
}
.user_profile .user_profile_icon {
display: inline-block;
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid #336B82;
background-color: white;
margin: 6px;
line-height: 48px;
color: #336B82;
font-size: 24px;
text-align: center;
}
#page_header.acting-as .user_profile .user_profile_icon {
border-color: #ff6600;
color: #ff6600;
background-color: #fffde6;
}
.user_profile:hover .user_profile_icon {
}
.user_profile .user_profile_menu {
display: none;
position: absolute;
top: 61px;
right: 0px;
width: 320px;
padding: 10px;
background-color: white;
box-shadow: 0 24px 54px rgba(0,0,0,.15),0 4.5px 13.5px rgba(0,0,0,.08)
}
.user_profile:hover .user_profile_menu {
display: block;
}
.user_profile .user_profile_menu .user_profile_menu_header {
display: inline-block;
background: url(../images/default/imec_logo_150x50.png);
background-position: top left;
background-size: 75px 25px;
background-repeat: no-repeat;
height: 50px;
width: 100%;
}
.user_profile .user_profile_menu .user_profile_menu_header a {
float: right;
clear: both;
margin-bottom: 0.5em;
}
.user_profile .user_profile_menu .user_profile_menu_body {
display: inline-block;
width: 100%;
background-color: white;
text-align: left;
line-height: 18px;
font-size: 18px;
}
.user_profile .user_profile_menu .user_profile_menu_body .user_profile_icon {
width: 100px;
height: 100px;
margin: 0;
line-height: 92px;
font-size: 48px;
vertical-align: top;
}
.user_profile .user_profile_menu .user_profile_menu_body .user_profile_info {
display: inline-block;
position: relative;
width: 200px;
min-height: 100px;
line-height: 20px;
padding: 0px 0px 20px 10px;
}
.user_profile .user_profile_menu .user_profile_menu_body .user_profile_info .site_version {
position: absolute;
bottom: -5px;
right: 0;
text-align: right;
color: grey;
}
.system_role_switch_bar {
position: absolute;
top: 0px;
left: 3px;
}
.system_role_switch_bar a img {
border: 0px;
}
#user_count_box {
position: absolute;
left: 3px;
top: 20px;
color: #000000;
}
#user_count_box a {
color: #000000;
}
#user_count_box a:hover {
color: #ff8800;
}
/**
User box top of the page
**/
#user_box_container {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
text-align: center; /* centreren IE 6 */
}
#user_box {
background-color: #b6cad3;
background-image: url('../images/default/user_box_background.gif');
border: 1px solid #456471;
border-top: 0px solid black;
width: 500px;
height: 17px;
padding: 0px;
margin: 0px;
margin: 0 auto; /* centreren voor FF etc. */
text-align: center;
}
#user_box.large {
height: 38px;
}
#user_box a.logout {
vertical-align: middle;
background: transparent url('../images/default/button_logoff_normal.gif') no-repeat top left;
padding-left: 18px;
height: 16px;
display: block;
}
#user_box a.logout:hover {
background-image: url('../images/default/button_logoff_hover.gif');
}
#user_button {
float: right;
padding: 0px;
padding-right: 5px;
}
/**
Navigation panel & bar
**/
#navigation_container {
background-color: #fcfefd;
background-image: url(../images/default/navigation_hide_message.gif);
background-repeat: no-repeat;
background-position: bottom right;
margin: 0px;
padding: 0px;
width: 207px;
height: 100%;
vertical-align: top;
position: relative;
overflow-x: hidden;
transition: width 0.4s linear;
}
#navigation_visibility_button {
width: 5px;
background-color: #336B82;
vertical-align: middle;
}
#navigation_visibility_button:hover {
background-color: #6699cc;
cursor: pointer;
}
#navigation_visibility_button div {
position: fixed;
left: 207px;
bottom: 0;
z-index: 1000;
margin: 5px;
width: 25px;
height: 25px;
color: #336b82;
transition: left 0.4s linear;
}
#navigation_visibility_button div i {
position: absolute;
width: 25px;
text-align: center;
font-size: 25px;
}
#navigation_visibility_button div i:first-child {
color: #bfd0d8;
}
#navigation_visibility_button div i:first-child:before {
content: "\f111";
}
#navigation_visibility_button div i:last-child:before {
content: "\f137";
}
#navigation_visibility_button:hover div i:last-child {
color: #6699cc;
}
#navigation_block {
position: absolute;
left: 0px;
top: 55px;
width: 207px;
background-color: #336b82;
z-index: 0;
border-bottom: 2px solid #336B82;
transition: width 0.4s linear;
}
/* Places the navigation content on the right location (e.g. not behind the top horizontal bar) */
#navigation_top {
padding-top: 57px;
}
/* Navigation panel content within the navigation container */
#navigation_content {
position: relative;
left: 0px;
padding: 0px;
width: 207px;
transition: left 0.4s linear;
}
/* Hidden navigation panel */
#navigation_container.hidden {
width: 0px;
}
#navigation_container.hidden #navigation_block {
width: 0px;
}
#navigation_container.hidden + #navigation_visibility_button div {
left: 0px;
}
#navigation_container.hidden + #navigation_visibility_button div i:last-child:before {
content: "\f138";
}
#navigation_container.hidden #navigation_content {
left: -207px;
}
/* function disabled text */
#navigation_content .disabled {
font-style: italic;
color: #999999;
}
#navigation_content div.title_container {
height: 18px;
margin-top: 30px;
padding: 0px;
line-height: 18px;
}
/* for IE6 */
#navigation_content div.title_container img {
margin-left: -3px;
margin-bottom: -2px;
}
#navigation_content div.title {
float: left;
margin: 0px;
padding-left: 12px;
padding-right: 15px;
font-weight: bold;
height: 18px;
color: #000000;
background-color: #999999;
}
#navigation_content div.subtitle {
margin: 0px;
padding-left: 8px;
/*padding-top: 10px;*/
padding-bottom: 2px;
font-weight: bold;
height: 21px;
color: #336B82;
background-image: url(../images/default/nav_tree_subtitle.gif);
background-repeat: no-repeat;
}
#navigation_content div.section {
background: #F2F2F2 none;
padding: 0px;
margin: 0px;
width: 207px;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
overflow: hidden;
line-height: 21px;
}
#navigation_content div.normal {
overflow: hidden;
white-space: nowrap;
padding-left: 8px;
}
#navigation_content div.external {
overflow: hidden;
white-space: nowrap;
padding: 0px;
}
#navigation_content div.normal_hover {
overflow: hidden;
white-space: nowrap;
background-image: url(../images/default/nav_hover.gif);
cursor: pointer;
padding-left: 8px;
}
#navigation_content div.active {
overflow: hidden;
white-space: nowrap;
background-image: url(../images/default/nav_section_active_background_white.gif);
font-weight: bold;
color: #fcfefd;
padding-left: 8px;
margin: 0px;
}
#navigation_content div.active_hover {
overflow: hidden;
white-space: nowrap;
background-image: url(../images/default/nav_section_active_background_white.gif);
font-weight: bold;
color: #fcfefd;
cursor: pointer;
padding-left: 8px;
}
#navigation_content div.tree_with_sib {
float: left;
width: 11px;
height: 21px;
background-image: url(../images/default/nav_tree_with_sib.gif);
background-repeat: no-repeat;
padding: 0px;
margin-right: 3px;
}
#navigation_content div.tree_without_sib {
float: left;
width: 11px;
height: 21px;
background-image: url(../images/default/nav_tree_without_sib.gif);
background-repeat: no-repeat;
padding: 0px;
margin-right: 3px;
}
#navigation_content div.tree_empty {
position: absolute;
top: 0px;
width: 11px;
height: 21px;
background-image: url(../images/default/nav_tree_empty.gif);
background-repeat: no-repeat;
}
#navigation_content div.tree_empty_title {
position: absolute;
top: 0px;
width: 11px;
height: 22px;
background-image: url(../images/default/nav_tree_subtitle.gif);
background-repeat: no-repeat;
padding-top: 10px;
}
#navigation_message {
text-align: center;
margin-top: 20px;
margin-right: 30px;
}
#navigation_bar {
margin: 0px;
background-color: #336b82;
border-bottom: 2px solid #666666;
padding: 3px;
font-size: 12px;
font-weight: bold;
font-family: Tahoma, Verdana, Arial;
color: #fcfefd;
}
#navigation_bar a {
color: #fcfefd;
}
#navigation_bar a:hover {
color: #ff8800;
}
/*
Main content
*/
#content_container {
margin: 0px;
padding: 62px 0px;
height: 100%;
vertical-align: top;
}
#content_page {
padding: 0px;
margin: 0px;
position: relative;
}
/*
Email verification
*/
#email_verification_container {
margin: 0px;
margin-top: 70px;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 10px;
padding-right: 200px;
background-color: #fcfefd;
background-image: url(../images/default/login_icon.gif);
background-repeat: no-repeat;
background-position: bottom right;
}
#email_verification_box {
margin: 20px;
border: 2px solid #336B82;
width: 320px;
}
#email_verification_box_header {
padding: 10px 25px;
width: 100%;
background-color: #336B82;
color: #fff;
font-size: 14px;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
}
#email_verification_box_verification_code {
padding: 10px 25px;
}
#email_verification_box_error {
padding: 10px 25px 0px 25px;
color: red;
}
.email_verification_box_notification {
margin: 10px;
border: 0px;
background-color: #edebe5;
border: 0px;
height: 56px;
}
.email_verification_box_notification > .warning_icon {
color: #edebe5;
float: left;
background-color: #d8d7d1;
font-size: 30px;
padding: 10px;
height: 56px;
}
.email_verification_box_notification > p {
padding: 12px 12px 10px 58px;
line-height: 1.5;
}
#email_verification_box .email_verification_input {
background-color: #edebe5;
border: 1px solid #d8d7d1;
width: 36px;
padding: 10px 10px 10px 10px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000000;
text-align: center;
}
.green_button {
background-color: #336B82;
border: 1px solid #336B82;
padding: 8px 16px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #fff;
cursor: pointer;
}
.green_button:hover {
background-color: #6699CC;
border: 1px solid #6699CC;
padding: 8px 16px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #fff;
}
.green_button:disabled {
background-color: grey;
cursor: default;
}
/**
Privacy statement
**/
.privacy_statement_container {
background: #fff;
border: 1px solid #ccc;
padding: 20px;
position: relative;
max-width: 1200px;
min-width: 800px;
}
.privacy_statement_container .title {
padding-top: 20px;
padding-bottom: 20px;
font-size: 22px;
text-align: left;
color: #333;
}
#privacy_statement_text {
margin: 0px;
margin-top: 10px;
border: 1px solid #ccc;
padding: 15px;
padding-right: 150px;
background-color: #fcfefd;
background-image: url(../images/default/login_icon.gif);
background-repeat: no-repeat;
background-position: bottom right;
height: 400px;
overflow-y: scroll;
}
.privacy_statement_checkbox_container {
margin: 0px;
padding: 15px;
text-align: center;
font-weight: bold;
}
/**
Change log containers
*/
.changelog_container {
background: #fff;
border: 1px solid #ccc;
padding: 10px;
}
/**
Form panels
**/
#form_panel_login {
margin: 0px;
margin-top: 70px;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 10px;
padding-right: 200px;
background-color: #fcfefd;
background-image: url(../images/default/login_icon.gif);
background-repeat: no-repeat;
background-position: bottom right;
}
#form_panel_login span.error_field {
color: #ff0000;
font-weight: bold;
}
/* login text field */
#form_panel_login input {
width: 300px;
}
#form_panel_login input.button {
width: auto;
padding: 0px 10px;
background-color: #eeeeee;
}
#login_text_info {
font-family: Tahoma,Arial, Verdana, Tahoma;
float: right;
color: #666666;
padding: 5px;
text-align: right;
}
#login_bottom_text {
position: absolute;
bottom: 5px;
padding: 10px;
}
/**
Tabs for main content
**/
.tab_container {
/* border-bottom: 2px solid #FF8800; */
border-bottom: 2px solid #336B82;
padding: 3px;
padding-top: 20px;
}
.tab_container .tab_active {
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
font-weight: bold;
border: 0px;
padding: 4px;
padding-left: 15px;
padding-right: 15px;
margin: 0px;
margin-left: 1px;
/* background-color: #FF8800; */
background-color: #336B82;
color: #fcfefd;
}
.tab_container .tab_active:hover {
text-decoration: underline;
cursor: pointer;
}
.tab_container .tab_normal {
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
font-weight: bold;
border: 0px;
background-color: #bfd0d8;
padding: 4px;
padding-bottom: 2px;
padding-left: 15px;
padding-right: 15px;
margin: 0px;
margin-left: 1px;
color: #fcfefd;
}
.tab_container .tab_normal:hover {
background-color: #a2bcc7;
cursor: pointer;
}
.tab_container .tab_active i, .tab_container .tab_normal i {
vertical-align: middle;
margin: -2px 0px 0px 15px;
font-size: 15px;
}
/**
Form elements
**/
form {
margin: 0px;
}
input.text {
border: 1px solid #666666;
font-family: Verdana, Tahoma, Arial;
font-size: 11px;
padding: 1px;
padding-right: 1px;
font-weight: normal;
margin: 0px;
height: 19px;
}
textarea {
border: 1px solid #666666;
font-family: Verdana, Tahoma, Arial;
font-size: 11px;
padding: 1px;
}
input.button::-moz-focus-inner /* Remove button padding in FF */
{
border: 0;
padding: 0;
}
input.button, button.button {
border: 1px solid #666666;
font-family: Verdana, Tahoma, Arial;
font-size: 11px;
padding: 0px 10px;
margin: 0px;
height: 18px;
background-image: url("../images/default/button_background_normal.png");
background-repeat: repeat-x;
background-position: left top;
border-color: #c8c8c8 #8c8c8c #8c8c8c #c8c8c8;
vertical-align: top;
}
input.button:hover, button.button:hover {
background-image: url("../images/default/button_background_hover.png");
border-color: #aaaaaa #6e6e6e #6e6e6e #aaaaaa;
}
input.button:active, button.button:active {
background-image: url("../images/default/button_background_pressed.png");
border-color: #d8b184 #977c5d #977c5d #d8b184;
}
button.btn-details, input.btn-details {
display: inline-block;
background-color: #33a9dc;
color: white;
border-radius: 5px;
padding: 10px 20px;
font-size: 16px;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
border: none;
cursor: pointer;
}
select {
border: 1px solid #666666;
font-family: Verdana, Tahoma, Arial;
font-size: 11px;
padding: 1px;
}
/**
Tablehandler elements
**/
/* Lable for lists */
.tablehandler_list {
margin: 0px;
border: 0px;
width: 100%;
border-bottom: 1px solid #666666;
}
.tablehandler_list th {
height: 18px;
border-bottom: 1px solid #333333;
padding-left: 5px;
padding-right: 5px;
font-weight: bold;
white-space: nowrap;
}
.tablehandler_list th.colA {
background-color: #c5e4d5;
background-image: url(../images/default/tablehandler_th_colA.gif);
}
.tablehandler_list tr.highlighted th.colA {
}
.tablehandler_list th.colB {
background-color: #b0d4f5;
background-image: url(../images/default/tablehandler_th_colB.gif);
}
.tablehandler_list th.colA:hover {
background-image: url(../images/default/tablehandler_th_colA_hover.gif);
}
.tablehandler_list th.colB:hover {
background-image: url(../images/default/tablehandler_th_colB_hover.gif);
}
.tablehandler_list th img {
margin: 0px;
padding: 0px;
}
.tablehandler_list td {
padding: 0px;
padding-left: 0px;
padding-right: 0px;
height: 21px;
}
.tablehandler_list td .label {
float: right;
font-size: 80%;
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
.label-default
{
background-color: #777;
}
.label-danger
{
background-color: darkred;
}
.label-primary
{
background-color: #336b82;
}
/*
2008-03-13 Alex
Helper div for nice wrapping method
*/
.tablehandler_list_wrapping_div {
overflow: hidden;
overflow-x: hidden;
padding-left: 3px;
padding-right: 3px;
}
.tablehandler_list_wrapping_div span.file_counter {
display: inline-block;
position: absolute;
height: 16px;
width: 16px;
background-image: url(../images/default/filebrowser_zip.png);
background-size: contain;
}
.tablehandler_list .fold_cell {
text-align: center;
vertical-align: middle;
padding: 0px;
margin: 0px;
}
.tablehandler_list .fold_cell_expand {
background-image: url(../images/default/tree_expand_normal.gif);
width: 11px;
height: 11px;
margin: auto;
}
.tablehandler_list .fold_cell_expand:hover {
background-image: url(../images/default/tree_expand_highlight.gif);
cursor: pointer;
}
.tablehandler_list .fold_cell_expand_disabled {
background-image: url(../images/default/tree_expand_disabled.gif);
width: 11px;
height: 11px;
margin: auto;
}
.tablehandler_list .fold_cell_collapse {
background-image: url(../images/default/tree_collapse_normal.gif);
width: 11px;
height: 11px;
margin: auto;
}
.tablehandler_list .fold_cell_collapse:hover {
background-image: url(../images/default/tree_collapse_highlight.gif);
cursor: pointer;
}
.tablehandler_list .fold_cell_child {
background-image: url(../images/default/nav_tree_with_sib.gif);
width: 11px;
height: 21px;
margin: auto;
}
.tablehandler_list .fold_cell_last_child {
background-image: url(../images/default/nav_tree_without_sib.gif);
width: 11px;
height: 21px;
margin: auto;
}
.tablehandler_list .low_profile_data {
color: #aaaaaa;
}
/*
Standard row cells
*/
.tablehandler_list td.colA {
background-color: #fafcff;
}
.tablehandler_list td.colB {
background-color: #eaecf0;
}
/*
Selected row cells
*/
.tablehandler_list td.colA_selected {
background-color: #cfe3ed;
}
.tablehandler_list td.colB_selected {
background-color: #c1dbe8;
}
/*
Project contact list
*/
.tablehandler_list.combilist td {
padding: 5px;
vertical-align: top;
}
.tablehandler_list.combilist ul.implicit {
list-style: none inside none;
margin: 0px;
padding: 0px;
}
.tablehandler_list.combilist ul.implicit li {
margin: 0px 0px 2px 0px;
}
.tablehandler_list.combilist td .ok a {
color: #00aa00;
}
.tablehandler_list.combilist td .attention a {
color: #ff0000;
}
table.legend {
}
table.legend .color {
width: 16px;
height: 16px;
text-align: center;
}
table.legend .color.ok {
background-color: #00aa00;
}
table.legend .color.warning {
background-color: #ff952e;
}
table.legend .color.attention {
background-color: #ff0000;
}
.tablehandler_list td.colA_hover, .tablebandler_list tr.hover td.colA {
background-color: #fcfefd;
background-image: url(../images/default/tablehandler_td_colA_hover.gif);
background-repeat: repeat-x;
}
.tablehandler_list td.colB_hover, .tablebandler_list tr.hover td.colB {
background-color: #f0f0f0;
background-image: url(../images/default/tablehandler_td_colB_hover.gif);
background-repeat: repeat-x;
}
.tablehandler_list td.colA_hover_selected {
background-color: #fcfefd;
background-image: url(../images/default/tablehandler_td_colA_hover_selected.gif);
background-repeat: repeat-x;
}
.tablehandler_list td.colB_hover_selected {
background-color: #f0f0f0;
background-image: url(../images/default/tablehandler_td_colB_hover_selected.gif);
background-repeat: repeat-x;
}
/*
Color OK row cells
*/
.tablehandler_list td.colA_ok {
background-color: #ccffcc;
}
.tablehandler_list td.colB_ok {
background-color: #bbffbb;
}
.tablehandler_list td.colA_hover_ok {
background-color: #ccffcc;
background-image: url(../images/default/tablehandler_td_colA_ok_hover.gif);
}
.tablehandler_list td.colB_hover_ok {
background-color: #bbffbb;
background-image: url(../images/default/tablehandler_td_colB_ok_hover.gif);
}
/*
Color NEUTRAL row cells
*/
.tablehandler_list td.colA_neutral {
background-color: #ffffdd;
}
.tablehandler_list td.colB_neutral {
background-color: #ffffcc;
}
.tablehandler_list td.colA_hover_neutral {
background-color: #ffffdd;
background-image: url(../images/default/tablehandler_td_colA_neutral_hover.gif);
}
.tablehandler_list td.colB_hover_neutral {
background-color: #ffffcc;
background-image: url(../images/default/tablehandler_td_colB_neutral_hover.gif);
}
/*
Color WARNING row cells
*/
.tablehandler_list td.colA_warning {
background-color: #ffcccc;
}
.tablehandler_list td.colB_warning {
background-color: #ffbbbb;
}
.tablehandler_list td.colA_hover_warning {
background-color: #ffcccc;
background-image: url(../images/default/tablehandler_td_colA_warning_hover.gif);
}
.tablehandler_list td.colB_hover_warning {
background-color: #ffbbbb;
background-image: url(../images/default/tablehandler_td_colB_warning_hover.gif);
}
/* Color GREEN row cells */
.tablehandler_list td.colA_green { background-color: #ccffcc; }
.tablehandler_list td.colB_green { background-color: #bbffbb; }
.tablehandler_list td.colA_hover_green { background-image: url(../images/default/tablehandler_td_colA_green.gif); }
.tablehandler_list td.colB_hover_green { background-image: url(../images/default/tablehandler_td_colB_green.gif); }
/* Color GRAY row cells */
.tablehandler_list td.colA_gray { background-color: #e6e6e6; }
.tablehandler_list td.colB_gray { background-color: #dddddd; }
.tablehandler_list td.colA_hover_gray { background-image: url(../images/default/tablehandler_td_colA_gray.gif); }
.tablehandler_list td.colB_hover_gray { background-image: url(../images/default/tablehandler_td_colB_gray.gif); }
/* Color YELLOW row cells */
.tablehandler_list td.colA_yellow { background-color: #fffbcc; }
.tablehandler_list td.colB_yellow { background-color: #fffabb; }
.tablehandler_list td.colA_hover_yellow { background-image: url(../images/default/tablehandler_td_colA_yellow.gif); }
.tablehandler_list td.colB_hover_yellow { background-image: url(../images/default/tablehandler_td_colB_yellow.gif); }
/* Color ORANGE row cells */
.tablehandler_list td.colA_orange { background-color: #ffddcc; }
.tablehandler_list td.colB_orange { background-color: #ffd2bb; }
.tablehandler_list td.colA_hover_orange { background-image: url(../images/default/tablehandler_td_colA_orange.gif); }
.tablehandler_list td.colB_hover_orange { background-image: url(../images/default/tablehandler_td_colB_orange.gif); }
/* Color PINK row cells */
.tablehandler_list td.colA_pink { background-color: #ffccff; }
.tablehandler_list td.colB_pink { background-color: #ffbbff; }
.tablehandler_list td.colA_hover_pink { background-image: url(../images/default/tablehandler_td_colA_pink.gif); }
.tablehandler_list td.colB_hover_pink { background-image: url(../images/default/tablehandler_td_colB_pink.gif); }
/* Color RED row cells */
.tablehandler_list td.colA_red { background-color: #ffccd5; }
.tablehandler_list td.colB_red { background-color: #ffbbc7; }
.tablehandler_list td.colA_hover_red { background-image: url(../images/default/tablehandler_td_colA_red.gif); }
.tablehandler_list td.colB_hover_red { background-image: url(../images/default/tablehandler_td_colB_red.gif); }
/* Color PURPLE row cells */
.tablehandler_list td.colA_purple { background-color: #d5ccff; }
.tablehandler_list td.colB_purple { background-color: #c7bbff; }
.tablehandler_list td.colA_hover_purple { background-image: url(../images/default/tablehandler_td_colA_purple.gif); }
.tablehandler_list td.colB_hover_purple { background-image: url(../images/default/tablehandler_td_colB_purple.gif); }
/* Color BLUE row cells */
.tablehandler_list td.colA_blue { background-color: #ccddff; }
.tablehandler_list td.colB_blue { background-color: #bbd2ff; }
.tablehandler_list td.colA_hover_blue { background-image: url(../images/default/tablehandler_td_colA_blue.gif); }
.tablehandler_list td.colB_hover_blue { background-image: url(../images/default/tablehandler_td_colB_blue.gif); }
/* Color CYAN row cells */
.tablehandler_list td.colA_cyan { background-color: #cceeff; }
.tablehandler_list td.colB_cyan { background-color: #bbe9ff; }
.tablehandler_list td.colA_hover_cyan { background-image: url(../images/default/tablehandler_td_colA_cyan.gif); }
.tablehandler_list td.colB_hover_cyan { background-image: url(../images/default/tablehandler_td_colB_cyan.gif); }
/*
Table for viewing values and the form to edit/submit values
*/
.tablehandler_table {
width: 550px;
border: 0px;
}
.tablehandler_table th {
text-align: left;
padding: 0px;
padding-left: 10px;
line-height: 19px;
height: 20px;
background-image: url(../images/default/tablehandler_th_colA.gif);
border: 1px solid #999999;
border-left: 0px;
border-top: 0px;
}
.tablehandler_table th div {
height: 20px;
}
.tablehandler_table th input {
margin-top: 1px;
margin-right: 2px;
}
.tablehandler_table th i {
font-size: 16px;
margin: 2px 2px 2px 5px;
color: #888888;
cursor: pointer;
}
.tablehandler_table th i:hover {
color: #444444;
}
.tablehandler_table tr:hover {
background-color: #f9f9f9;
}
.tablehandler_table td {
vertical-align: top;
padding: 5px;
border-bottom: 1px solid #cccccc;
}
.tablehandler_table td.colX {
background-color: #fcfefd;
}
.tablehandler_table td.colA {
background-color: #fcfefd;
width: 200px;
}
.tablehandler_table tr:hover td.colA, .tablehandler_table tr:hover td.colB {
background-color: #f9f9f9;
}
.tablehandler_table td.colB {
background-color: #fcfefd;
width: 350px;
}
.tablehandler_table td.colA_hover {
background-color: #f9f9f9;
width: 200px;
}
.tablehandler_table td.colB_hover {
background-color: #f9f9f9;
width: 350px;
}
/* Form elements */
.tablehandler_table input.text {
width: 100%;
}
.tablehandler_table input.button {
width: auto;
margin-top: 1px;
margin-bottom: 0px;
height: 18px;
}
.tablehandler_table textarea {
width: 100%;
}
.tablehandler_table select {
width: 100%;
}
.tablehandler_table span.error_msg {
color: #ff0000;
font-weight: bold;
}
.tablehandler_table span.color_preview {
border: 1px solid black;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 6px;
padding-right: 6px;
text-align: center;
}
.tablehandler_table td div.notice {
padding: 5px;
margin: 0px;
font-weight: bold;
}
.tablehandler_table td div.warning {
padding: 5px;
margin: 0px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
background-color: #ffff00;
background-image: url('../images/default/tablehandler_warning_div.png');
}
.tablehandler_table table.nda_contact_list {
}
.tablehandler_table table.nda_contact_list th {
padding-left: 3px;
padding-right: 3px;
}
.tablehandler_table table.nda_contact_list td {
}
/**
Message panels
**/
.no_privileges_message {
margin: 0px;
margin-top: 50px;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 10px;
padding-right: 200px;
background-color: #fcfefd;
background-image: url(../images/default/login_icon.gif);
background-repeat: no-repeat;
background-position: bottom right;
}
.no_privileges_message span.required_msg {
font-style: italic;
color: #999999;
}
.confirm_dialog {
margin: 0px;
margin-top: 50px;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 10px;
padding-right: 200px;
background-color: #fcfefd;
background-image: url(../images/default/warning.gif);
background-repeat: no-repeat;
background-position: bottom right;
}
.notice_message {
margin: 0px;
margin-top: 50px;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 10px;
padding-right: 200px;
color: #000000;
background-color: #fcfefd;
background-image: url(../images/default/warning.gif);
background-repeat: no-repeat;
background-position: bottom right;
}
/*
Tablehandler AJAX
*/
.ajax_dhtml_header {
border: 1px solid #fcfefd;
border-bottom: 0px;
background-color: #cccccc;
padding-top: 2px;
padding-bottom: 2px;
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #666666;
width: 345px;
height: 15px;
}
.ajax_dhtml_content {
border: 1px solid #fcfefd;
border-top: 0px;
background-color: #eeeeee;
padding: 0px;
margin-bottom: 3px;
overflow-y: auto;
overflow-x: hidden;
width: 345px;
height: 100px;
}
.ajax_no_results {
color: #bbbbbb;
float: right;
font-weight: bold;
padding: 5px;
}
.ajax_multi_link_content {
border: 1px solid #666666;
background-color: #fcfefd;
color: #333333;
overflow-y: auto;
overflow-x: hidden;
width: 345px;
height: 100px;
}
.multi_link_list_item {
background-color: #fafafa;
padding-left: 3px;
padding-right: 3px;
margin-left: 1px;
margin-right: 1px;
border-bottom: 1px solid #fcfefd;
line-height: 21px;
}
.multi_link_list_item:hover {
background-color: #eeeeee;
background-image: url(../images/default/tablehandler_td_colA_hover.gif);
cursor: pointer;
}
/**
* Sections for containing messages and/or buttons
**/
/* default */
div.section_default {
margin: 5px;
padding: 0px;
margin-bottom: 10px;
background-color: transparent;
}
div.section_default .title {
font-family: Arial,Verdana;
font-size: 11px;
padding: 3px;
padding-top: 3px;
color: #fcfefd;
font-weight: bold;
background-color: #407489;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
}
div.section_default .content {
padding: 3px;
background-color: #fcfefd;
border-left: 1px solid #999999;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
}
div.section_default .footer {
border-top: 1px solid #e5e5e5;
padding: 5px;
}
/* notice */
.section_notice_title {
font-size: 12px;
padding: 3px;
color: #000066;
font-weight: bold;
}
.section_notice {
padding: 3px;
margin-left: 5px;
margin-bottom: 10px;
overflow-x: hidden;
background-color: #ffffcc;
}
.inner_section_notice {
padding: 6px;
margin: 6px;
background-color: #ffffcc;
font-weight: bold;
border-left: 5px solid #666666;
border-right: 5px solid #666666;
}
div.inner_section_vertical_separator {
margin: 3px 0px 3px 0px;
border-bottom: 1px dotted #bbbbbb;
}
/**
* Personal page (My page)
**/
div.header_container {
padding-left: 3px;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
background-image: url(../images/default/tablehandler_th_colA.gif);
}
div.header_container span.header {
font-size: 14px;
font-weight: bold;
font-family: Arial, Verdana, Tahoma;
padding-right: 10px;
color: #000066;
}
div.header_container div.info {
float: right;
}
div.event_content {
/* background-image: url(../images/default/mypage_events_bk.gif);
background-repeat: repeat-x;
background-color: #d7d7d7;
*/
background-color: #fcfefd;
padding: 10px;
padding-top: 5px;
border-bottom: 1px solid #666666;
margin: 0px;
margin-bottom: 20px;
}
span.remark {
font-family: Tahoma, Arial, Verdana;
font-size: 10px;
font-weight: bold;
color: #999999;
}
div.memo_content {
background-image: url(../images/default/mypage_memo_bk.gif);
background-repeat: repeat-x;
background-color: #fef6ca;
padding: 10px;
padding-top: 5px;
border-bottom: 1px solid #666666;
margin: 0px;
margin-bottom: 20px;
}
table.subproject_table {
border: 0px;
width: 100%;
}
table.subproject_table th {
text-align: left;
color: #cccccc;
border-bottom: 2px solid #cccccc;
}
table.subproject_table td {
border-bottom: 1px solid #cccccc;
color: #666666;
font-weight: bold;
}
table.subproject_table tr.tr_header {
background-color: #fcfefd;
}
table.subproject_table tr {
background-color: #f5f5f5;
}
table.subproject_table tr.tr_hover {
background-color: #eeeeee;
}
table.subproject_table td.step_cell {
padding: 0px;
padding-left: 30px;
padding-right: 30px;
background-color: #fcfefd;
}
table.subproject_table td.step_cell div {
padding: 3px;
}
table.step_table {
border: 0px;
width: 100%;
}
table.step_table tr.tr_header {
background-color: #fcfefd;
}
table.step_table td {
border: 0px;
background-color: #fcfefd;
font-weight: normal;
}
table.step_table td.mark {
background-image: url(../images/pixel_yellow_blinking.gif);
font-weight: bold;
}
table.step_table th {
text-align: left;
color: #cccccc;
border-bottom: 1px solid #cccccc;
font-weight: normal;
}
/**
* Date selection calendar
**/
table.calendar {
width: 100%;
}
table.calendar td {
text-align: center;
font-size: 12px;
}
table.calendar td a {
display: block;
font-size: 12px;
}
table.calendar td a:hover {
background-color: #CCFFCC;
}
table.calendar th {
background-color: #D3DCE3;
text-align: center;
}
table.calendar td.selected {
background-color: #FFCC99;
}
img.calendar {
border: none;
}
form.clock {
text-align: center;
}
/**
* Various styles
**/
span.notice {
font-style: italic;
color: #666666;
}
.progress_bar_container {
background-color: #fcfefd;
width: 100%;
padding: 0px;
border: 1px solid #999999;
}
.progress_bar {
background-image: url(../images/default/progress_bar_bk.gif);
background-color: #33ff66;
line-height: 18px;
text-align: center;
font-family: Arial, Tahoma, Verdana;
font-size: 10px;
font-weight: bold;
}
div.process_list {
background-color: #fcfefd;
border-spacing: 0px;
border-collapse: collapse;
width: 850px;
border: 1px;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
padding-bottom: 5px;
}
table.process_list {
border-spacing: 0px;
border-collapse: collapse;
width: 850px;
table-layout: fixed;
}
.process_list tr {
cursor: pointer;
padding: 0px;
}
.process_list th {
text-align: left;
}
.process_list th, .process_list td {
/* border: 1px solid black; */
}
.process_list tr.highlightable:hover {
background-color: #fcfefd;
background-image: url(../images/default/tablehandler_td_colA_hover.gif);
background-repeat: repeat-x;
}
.process_list tr.highlight {
background-color: #fcfefd;
background-image: url(../images/default/tablehandler_td_colA_hover.gif);
background-repeat: repeat-x;
}
.process_list tr.removed {
color: #A5A5A5;
}
.process_list tr.removed img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.process_list td {
padding: 0px;
}
.process_list td.process_name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.process_list td.no_processes {
text-align: center;
font-style: italic;
}
.process_list select {
font-size: 10px;
}
.process_list div {
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
top: 0px;
}
.process_list div.arrow {
float: left;
}
.process_list div.buttons {
float: right;
padding-right: 40px;
}
.process_list td.warning {
background-image: url('../images/default/status_notice.png');
background-position: center left;
background-repeat: no-repeat;
}
.general_section_table th {
text-align: left;
}
.file_explorer span.directory:hover {
text-decoration: underline;
}
.file_explorer a {
color: #000000;
}
.file_explorer a.utility {
color: #999999;
}
.file_explorer a:hover {
text-decoration: underline;
}
.volume_description_header {
width: 100%;
color: #ffffff;
background-color: #336b82;
font-weight: bold;
border: 0px;
padding: 0px;
}
.volume_description_header .left {
background-color: #336b82;
padding: 3px 10px 3px 10px;
width: 300px;
vertical-align: top;
}
.volume_description_header .middle {
vertical-align: top;
background-color: #7394a1;
padding: 3px 0px 3px 5px;
width: 155px;
}
.volume_description_header .right {
vertical-align: top;
background-color: #7394a1;
padding: 3px 0px 3px 3px;
}
.volume_description_header .left-warning {
background-color: #e20000 ;
}
.volume_description_header .middle-warning {
background-color: #ffbbbb;
}
.volume_description_header .right-warning {
background-color: #ffbbbb;
}
div.volume_subbar {
background-color: #BFD0D8;
color: #ffffff;
text-align: right;
color:#000;
padding-right:10px;
padding-bottom:2px;
}
.volume_subbar a {
color:#000;
}
.toolstrip {
background-color: #cccccc;
color: #000000;
padding: 2px 10px 2px 10px;
}
.toolstrip.white {
background-color: #fcfefd;
color: #000000;
}
.toolstrip a {
margin: 0px 0px 0px 0px;
color: #000066;
}
.toolstrip.white a {
color: #0000ff;
}
.toolstrip .label {
font-weight: bolder;
margin: 0px 0px 0px 0px;
}
.toolbar .label {
color: #fcfefd;
}
.toolbar a, .toolbar .tooltip_link {
color: #FF9823;
}
.toolbar a:hover {
color: #FF8800;
}
.subbar a {
color: #fcfefd;
}
.subbar a:hover {
color: #ffaf52;
}
table.template_table {
border-collapse: collapse;
empty-cells: show;
}
.template_table td.hr {
height: 1px;
border-bottom: 1px solid #666666;
}
.mailbox {
}
.mailbox .field {
background-color: #f0f0f2;
border: 1px solid #999999;
padding: 3px;
margin: 2px;
}
.mailbox .text {
}
.breadcrumb_separator {
color: #C3CED8;
/* font-size: 7pt; */
font-weight: bold;
padding: 0px;
margin: 0px 3px;
line-height: 0pt;
}
#WzBoDyI table th, #WzBoDyI table td {
text-align: left;
vertical-align: top;
}
#WzBoDyI table table td, #WzBoDyI table table th {
border-bottom: 1px solid #999999;
}
div.site_notice {
color: #ffffff;
background-color: #ffa845;
background-image: url('../images/default/site_notice_icon.gif');
background-repeat: no-repeat;
background-position: 1px 1px;
border-bottom: 1px solid #ff8800;
height: 20px;
line-height: 20px;
font-weight: bold;
text-align: center;
}
div.site_notice_expand {
color: #ffffff;
background-color: #ffa845;
background-image: url('../images/default/site_notice_icon.gif');
background-repeat: no-repeat;
background-position: 1px 5px;
border-bottom: 1px solid #ff8800;
font-weight: bold;
padding: 5px 5px 5px 25px;
}
.script, .script .script_output .selectable {
font-family: 'Courier new',courier,monospace;
font-size: 9pt;
}
.script .script_output {
vertical-align: top;
}
.script .script_output.meta {
font-size: larger;
font-weight: bolder;
font-style: italic;
color: #3333aa;
}
.script .script_output.warning {
color: #ff8800;
}
.script .script_output.code {
color: #333333;
}
.script .script_output.label_a {
color: #0000ff;
}
.script .script_output.label_b {
color: #0088ff;
}
.script .script_output.label_c {
color: #00ff88;
}
.script .script_output.label_d {
color: #ff00ff;
}
.script .script_output.label_e {
color: #8800ff;
}
.script .script_output.succes {
color: #10aa10;
}
.script .script_output.failure {
color: #ff0000;
}
.script .script_output .selectable {
cursor: default;
background: transparent;
border: 0px none;
font-style: italic;
margin: 0px 5px;
color: #0000ff;
}
.script .script_step {
padding-left: 15px;
}
.script .script_step .step_number {
margin: 5px;
font-size: larger;
}
.script .script_step .step_title {
margin-left: -15px;
font-weight: bold;
}
.icon_td {
width: 16px;
height: 16px;
border: 0px none;
/*display: block;
clear: none;*/
background: transparent url('../images/default/filebrowser_unknown.png') top center no-repeat;
}
.icon_td.txt, .icon_td.csv {
background-image: url('../images/default/filebrowser_txt.png');
}
.icon_td.doc, .icon_td.docx {
background-image: url('../images/default/filebrowser_doc.png');
}
.icon_td.xls, .icon_td.xlsx {
background-image: url('../images/default/filebrowser_spreadsheet.png');
}
.icon_td.png, .icon_td.jpg,.icon_td.gif,.icon_td.bmp {
background-image: url('../images/default/filebrowser_image.png');
}
.icon_td.pdf {
background-image: url('../images/default/filebrowser_pdf.png');
}
.icon_td.zip {
background-image: url('../images/default/filebrowser_zip.png');
}
.icon_td.ppt, .icon_td.pptx {
background-image: url('../images/default/filebrowser_presentation.png');
}
img.link_img {
cursor: pointer;
}
div.volume_filter_bar {
background-color: #BFD0D8;
border: 1px;
border-bottom: 1px solid #999999;
height: 21px;
line-height: 16px;
}
select.columnlist {
width: 300px;
height: 300px;
}
div.list {
background-color: #fcfefd;
border-spacing: 0px;
border-collapse: collapse;
width: 700px;
border: 1px;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
}
table.invisible_table {
display: inline;
border: 0px none;
}
.manage_splitlots_container {
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
background-color: #ffffff;
float: left;
padding-bottom: 2px;
}
table.manage_splitlots {
}
table.manage_splitlots td.item_column {
background-color: #f0f0f0;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
}
table.manage_splitlots td.no_splitlots {
text-align: center;
font-style: italic;
width: 638px;
}
input.compact_checkbox {
margin: 0px;
padding: 0px;
}
/***************************************/
/****** ITEM SELECTION FORM STYLES *****/
/***************************************/
table.item_selection_form {
background-color: #f8f8f8;
border: 1px solid #999999;
}
table.item_selection_form th {
background-image: url('../images/default/tablehandler_th_colA.gif');
line-height: 20px;
font-weight: bold;
color: #000000;
}
table.item_selection_form th.title {
text-align: center;
border-bottom: 1px solid #999999;
}
table.item_selection_form th.bottom {
border-top: 1px solid #999999;
height: 21px;
}
table.item_selection_form th.bottom div.button_panel {
text-align: right;
padding-right: 2px;
}
table.item_selection_form td {
padding: 2px;
}
table.item_selection_form td select {
width: 300px;
height: 300px;
border: 1px solid #999999;
}
/* */
div.wip_import_status {
text_align: left;
}
div.wip_import_status table td {
color: #3f5b67;
font-size: 9px;
font-style: italic;
text-align: left;
padding: 0px 5px 0px 5px;
}
/***************************************/
/****** COST OVERVIEW TABLE STYLES *****/
/***************************************/
table.cost_overview_table th {
padding-left: 5px;
padding-right: 5px;
}
table.cost_overview_table td {
padding-left: 5px;
padding-right: 5px;
}
table.cost_overview_table tr.header th {
text-align: right;
background-image: url(../images/default/tablehandler_th_colA.gif);
height: 18px;
line-height: 18px;
font-weight: bold;
white-space: nowrap;
border-bottom: 1px solid #333333;
}
table.cost_overview_table tr.header td {
background-image: url(../images/default/tablehandler_th_colB.gif);
border-bottom: 1px solid #333333;
}
table.cost_overview_table tr.cost_group th {
text-align: left;
height: 16px;
line-height: 16px;
background-color: #f0f0f0;
}
table.cost_overview_table tr.cost_group td {
text-align: right;
height: 16px;
line-height: 16px;
}
table.cost_overview_table tr.total th {
border-top: 1px solid #aaaaaa;
border-bottom: 1px solid #333333;
background-image: url(../images/default/tablehandler_th_colB.gif);
text-align: left;
height: 18px;
line-height: 18px;
}
table.cost_overview_table tr.total td {
border-top: 1px solid #aaaaaa;
border-bottom: 1px solid #333333;
background-image: url(../images/default/tablehandler_th_colA.gif);
text-align: right;
height: 18px;
line-height: 18px;
font-weight: bold;
}
/*********************************/
/****** Report settings form *****/
/*********************************/
div.report_settings_form table tr th {
vertical-align: top;
text-align: left;
}
div.report_settings_form table tr td {
vertical-align: top;
text-align: left;
}
div.report_settings_form div.filter_header {
font-weight: bold;
}
div.report_settings_form table tr td.filter_column_separator {
background-image: url(../images/default/dot_separator.gif);
background-repeat: repeat-y;
background-position: center top;
padding: 0px;
width: 6px;
overflow: hidden;
}
div.report_settings_form table tr td.filter_column_dependency {
font-weight: bold;
vertical-align: middle;
}
div.report_settings_form input.search_bar {
border: 1px solid #666666;
border-bottom: 0px;
font-family: Verdana, Tahoma, Arial;
font-size: 11px;
padding: 1px;
padding-right: 1px;
font-weight: normal;
margin: 0px;
}
div.report_settings_form input.empty_search {
font-style: italic;
color: #999999;
}
label.disabled {
color: #bbbbbb;
}
div.report_settings_form div.help_text {
font-style: italic;
color: #333333;
}
table td.vertical_separator_line {
background-image: url("../images/default/dot_separator.gif");
background-repeat: repeat-x;
background-position: center center;
}
/***************************/
/****** Content panels *****/
/***************************/
div.content_panel_header {
height: 19px;
line-height: 19px;
margin: 10px 0px 0px 0px;
padding-left: 5px;
color: #ffffff;
background-color: #336b82;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
font-weight: bold;
font-size: 11px;
}
div.content_panel_header.bordered {
border: 1px solid #999999;
margin: 10px 10px 0px 10px;
}
div.content_panel {
margin: 0px 0px 0px 0px;
padding: 10px;
background-color: #ffffff;
border-bottom: 1px solid #999999;
}
div.content_panel.bordered {
border-left: 1px solid #999999;
border-right: 1px solid #999999;
margin: 0px 10px 0px 10px;
}
div.content_panel_separator {
margin: 0px 0px 9px 0px;
padding: 0px;
height: 1px;
}
/*************************/
/****** Fold buttons *****/
/*************************/
div.fold_button_container {
text-align: center;
vertical-align: middle;
padding: 0px;
margin: 0px;
}
div.fold_button_expand {
background-image: url(../images/default/tree_expand_normal.gif);
width: 11px;
height: 11px;
margin: auto;
}
div.fold_button_expand:hover {
background-image: url(../images/default/tree_expand_highlight.gif);
cursor: pointer;
}
div.fold_button_collapse {
background-image: url(../images/default/tree_collapse_normal.gif);
width: 11px;
height: 11px;
margin: auto;
}
div.fold_button_collapse:hover {
background-image: url(../images/default/tree_collapse_highlight.gif);
cursor: pointer;
}
/****************************/
/****** Entity manager ******/
/****************************/
table.entity_manager {
border-collapse: collapse;
border: 0px;
background: none;
width: 100%;
}
table.entity_manager td.entity_title {
line-height: 19px;
margin: 10px 0px 0px 0px;
padding-left: 5px;
color: #ffffff;
background-color: #336b82;
border: 1px solid #999999;
font-weight: bold;
font-size: 11px;
}
table.entity_manager td.blank {
padding-left: 10px;
padding-top: 10px;
background-color: #eeeeee;
}
table.entity_manager td.entity_selector {
border: 0px;
background-color: #eeeeee;
width: 23px;
text-align: center;
}
table.entity_manager td.entity_container {
border: 1px solid #999999;
margin: 0px 10px 0px 10px;
background-color: #ffffff;
padding: 10px;
}
table.entity_manager td.submit_container {
background-color: #ffffff;
border: 1px solid #999999;
padding: 5px;
}
/********************************/
/****** Simple entity form ******/
/********************************/
table.simple_entity_form td.field_title {
font-weight: bold;
vertical-align: top;
padding: 2px;
min-width: 240px;
}
table.simple_entity_form td.field_container {
margin: 0px;
padding: 2px;
}
table.simple_entity_form td input.single_line_text {
width: 296px;
}
table.simple_entity_form td textarea.multi_line_text {
width: 296px;
}
table.simple_entity_form td input.number_input {
width: 60px;
text-align: center;
}
table.simple_entity_form td input.small_button {
width: 30px;
}
table.simple_entity_form td input.calendar_button {
background-image: url(../images/default/calendar_icon.gif);
width: 18px;
height: 14px;
border: 0px solid #000000;
cursor: pointer;
}
table.simple_entity_form td input.clear_date_button {
background-image: url(../images/default/calendar_erase.gif);
width: 18px;
height: 14px;
border: 0px solid #000000;
cursor: pointer;
}
table.simple_entity_form td select.link_field {
width: 300px;
}
table.simple_entity_form table.multi_field_table td.separator {
width: 5px;
height: 2px;
}
table.simple_entity_form table.field_table td {
margin: 0px;
padding: 0px;
}
table.simple_entity_form table.field_table tr {
margin: 0px;
padding: 0px;
}
table.simple_entity_form table.field_table td {
margin: 0px;
padding: 0px;
}
table.simple_entity_form table.field_table td.error {
color: #ff0000;
font-weight: bold;
padding-bottom: 2px;
}
table.simple_entity_form td .multi_link_field_titles {
float: left;
}
table.simple_entity_form td .multi_link_field_select_container {
clear: left;
float: left;
width: 600px;
}
table.simple_entity_form td .multi_link_field_left_title {
position: relative;
/* float: left; */
/* width: 298px; */
}
table.simple_entity_form td .multi_link_field_right_title {
position: relative;
/* float: left; */
width: 298px;
margin-left: 4px;
}
table.simple_entity_form td select.multi_link_field_left {
width: 298px;
}
table.simple_entity_form td select.multi_link_field_right {
width: 298px;
margin-left: 4px;
}
/******************************************/
/****** Outgoing order item overview ******/
/******************************************/
div#incoming_order_items, div#outgoing_order_items {
background-color: white;
margin-bottom: 10px;
padding: 10px;
}
table.incoming_order_item_overview thead td, table.outgoing_order_item_overview thead td, table.outgoing_order_item_overview tbody tr.info_separator td {
font-style: italic;
color: #666;
font-size: 13px;
}
table.incoming_order_item_overview thead tr:first-child td, table.outgoing_order_item_overview thead tr:first-child td {
text-align: center;
}
table.incoming_order_item_overview tr.item_header, table.outgoing_order_item_overview tr.item_header {
/*background-color: #dddddd;*/
/*font-weight: bold;*/
}
table.incoming_order_item_overview tr.item_header td, table.outgoing_order_item_overview tr.item_header td {
border-top: 1px solid #ccc;
/*padding-top: 15px;*/
}
table.incoming_order_item_overview tbody tr:last-child td, table.outgoing_order_item_overview tbody tr:last-child td {
border-bottom: 1px solid #ccc;
}
table.incoming_order_item_overview tr td, table.outgoing_order_item_overview tr td {
font-size: 13px;
}
table.incoming_order_item_overview tbody td:nth-child(7), table.outgoing_order_item_overview tbody td:nth-child(6) {
border-left: 1px solid #ccc;
}
table.incoming_order_item_overview th, table.outgoing_order_item_overview th {
text-align: left;
vertical-align: top;
padding: 6px;
}
table.incoming_order_item_overview td, table.outgoing_order_item_overview td {
padding: 6px;
}
table.incoming_order_item_overview tbody tr:not(.item_header) td:not(:empty), table.outgoing_order_item_overview tbody tr:not(.item_header) td:not(:empty) {
/*padding-top: 0px;*/
border-top: 1px solid #eee;
}
table.incoming_order_item_overview td.notice, table.outgoing_order_item_overview td.notice {
font-style: italic;
}
table.incoming_order_item_overview td div.info_separator, table.outgoing_order_item_overview td div.info_separator {
height: 1px;
border-bottom: 1px dashed #000000;
}
table.outgoing_order_item_overview tr.info_separator:not(.item_header) td:nth-child(n + 6) {
border-top: 1px dashed #ccc;
}
/**************************/
/****** Date filters ******/
/**************************/
div.date_filter_container {
display: inline-block;
margin: 0px 10px 0px 0px;
padding: 0px;
}
div.date_filter_container div.header {
background-color: #cccccc;
padding: 2px;
text-align: center;
font-weight: bold;
}
div.date_filter_container div.filter {
background-color: #eeeeee;
padding: 2px;
display: inline-block;
}
/*******************************/
/****** Order issue table ******/
/*******************************/
table.order_issue th {
background-image: url('../images/default/tablehandler_th_colA.gif');
border-color: #999999;
border-style: solid;
border-width: 1px 1px 1px 0px;
height: 20px;
}
table.order_issue td {
background-color: #ffffff;
border-color: #999999;
border-style: solid;
border-width: 0px 1px 1px 0px;
padding: 5px;
}
table.order_issue td.item_header {
background-color: #eeeeee;
font-weight: bold;
border-right: 0px;
text-align: center;
}
table.order_issue td ul {
margin: 0px;
padding-left: 20px;
}
/********************************/
/****** Generic button bar ******/
/********************************/
div.button_bar {
height: 20px;
background-image: url('../images/default/tablehandler_th_colA.gif');
border-bottom: 1px solid #666666;
}
div.button_bar table td {
padding: 1px;
}
div.button_bar table td.separator {
background-image: url('../images/default/button_bar_separator.png');
background-repeat: no-repeat;
background-position: center center;
width: 7px;
overflow: hidden;
}
/*******************************/
/****** Low profile table ******/
/*******************************/
table.low_profile, table.generic_table table.low_profile {
border-spacing: 0px;
border-collapse: collapse;
margin: 0px;
border-width: 0px;
}
table.low_profile th, table.generic_table table.low_profile th {
margin: 0px;
padding: 0px;
border-width: 0px;
text-align: left;
}
table.low_profile th.padded, table.generic_table table.low_profile th.padded {
padding: 1px 2px 1px 2px;
}
table.low_profile td, table.generic_table table.low_profile td {
margin: 0px;
padding: 0px;
border-width: 0px;
}
table.low_profile td.padded, table.generic_table table.low_profile td.padded {
padding: 1px 2px 1px 2px;
}
table.low_profile td img {
vertical-align: bottom;
}
/***************************/
/****** Generic table ******/
/***************************/
table.generic_table {
border-spacing: 0px;
border-collapse: collapse;
}
table.generic_table tr.multi_line_header_row th {
height: 20px;
background-image: url('../images/default/tablehandler_th_colA.gif');
background-position: top;
background-repeat: repeat-x;
background-color: #abc2cc;
padding-top: 0px;
padding-bottom: 0px;
border-bottom-color: #999999;
}
table.generic_table tr.multi_line_header_row th.grayed_out {
background-image: url('../images/default/tablehandler_th_colA_gray.gif');
background-color: #bcbcbc;
color: #666666;
}
table.generic_table tr.multi_line_header_row th.grayed_out a {
color: #666666;
}
table.generic_table tr.header_row th {
height: 20px;
background-image: url('../images/default/tablehandler_th_colA.gif');
padding-top: 0px;
padding-bottom: 0px;
border-bottom-color: #999999;
vertical-align: middle;
}
table.generic_table tr.header_row th.hidden {
background-image: none;
background-color: transparent;
border-bottom-width: 0px;
}
table.generic_table th {
padding: 3px 5px 3px 5px;
text-align: left;
background-color: #ffffff;
border-bottom: 1px solid #cccccc;
vertical-align: top;
}
table.generic_table th.right_separator {
border-right: 1px solid #bbbbbb;
}
table.generic_table th.left_border {
border-left: 1px solid #999999;
}
table.generic_table th.right_border {
border-right: 1px solid #999999;
}
table.generic_table th.top_border {
border-top: 1px solid #999999;
}
table.generic_table th.bottom_border {
border-bottom: 1px solid #999999 !important;
}
table.generic_table td {
padding: 3px 5px 3px 5px;
background-color: #ffffff;
border-bottom: 1px solid #cccccc;
}
table.generic_table td.right_separator {
border-right: 1px solid #cccccc;
}
table.generic_table td.left_border {
border-left: 1px solid #999999;
}
table.generic_table td.right_border {
border-right: 1px solid #999999;
}
table.generic_table td.bottom_border {
border-bottom: 1px solid #999999;
}
table.generic_table tr.thick_bottom_separator th {
border-bottom: 1px solid #999999;
}
table.generic_table tr.thick_bottom_separator td {
border-bottom: 1px solid #999999;
}
table.generic_table td.sign_cell_status_ok {
background-image: url('../images/default/status_ok.png');
background-position: center center;
background-repeat: no-repeat;
background-color: #b4dfac;
}
table.generic_table td.sign_cell_status_notice {
background-image: url('../images/default/status_notice.png');
background-position: center center;
background-repeat: no-repeat;
background-color: #f9df84;
}
table.generic_table td.sign_cell_status_not_ok {
background-image: url('../images/default/status_removed.png');
background-position: center center;
background-repeat: no-repeat;
background-color: #f8c3be;
}
table.generic_table td.removed_entry {
color: #888888;
font-style: italic;
}
table.generic_table td.highlighted_entry {
font-weight: bold;
}
table.generic_table td.notice_text {
color: #444444;
font-style: italic;
}
table.generic_table th img {
vertical-align: bottom;
padding: 0px;
margin: 0px;
border-width: 0px;
}
table.generic_table td img {
vertical-align: bottom;
padding: 0px;
margin: 0px;
border-width: 0px;
}
table.generic_table input.text {
border: 1px solid #666666;
font-family: Verdana, Tahoma, Arial;
font-size: 11px;
padding: 1px;
padding-right: 1px;
font-weight: normal;
margin: 0px;
height: 19px;
}
table.generic_table select {
font-size: 11px;
padding: 1px;
margin: 0px;
height: 18px;
}
div.section_header {
font-size: 16px;
font-family: Arial;
font-weight: bold;
padding: 1px 5px;
margin: 5px 0px 5px 0px;
border-bottom: 2px solid #336b82;
}
/***********************************/
/****** Tree viewer component ******/
/***********************************/
table.tree_viewer {
border-spacing: 0px;
border-collapse: collapse;
width: 100%;
}
table.tree_viewer th {
height: 20px;
line-height: 20px;
text-align: left;
background-repeat: repeat-x;
color: #ffffff;
padding: 0px 5px 0px 5px;
}
table.tree_viewer th.column_a {
background-image: url('../images/default/tree_viewer_header_column_a.png');
}
table.tree_viewer th.column_b {
background-image: url('../images/default/tree_viewer_header_column_b.png');
}
table.tree_viewer td {
height: 20px;
line-height: 20px;
text-align: left;
background-repeat: repeat-x;
padding: 0px 5px 0px 5px;
}
table.tree_viewer tr td.column_a {
background-image: url('../images/default/tree_viewer_node_column_a.png');
}
table.tree_viewer tr td.column_b {
background-image: url('../images/default/tree_viewer_node_column_b.png');
}
table.tree_viewer tr:hover td.column_a {
background-image: url('../images/default/tree_viewer_node_column_a_highlighted.png');
}
table.tree_viewer tr:hover td.column_b {
background-image: url('../images/default/tree_viewer_node_column_b_highlighted.png');
}
table.tree_viewer tr.marked td.column_a {
background-image: url('../images/default/tree_viewer_node_column_a_marked.png');
}
table.tree_viewer tr.marked td.column_b {
background-image: url('../images/default/tree_viewer_node_column_b_marked.png');
}
table.tree_viewer tr.marked:hover td.column_a {
background-image: url('../images/default/tree_viewer_node_column_a_marked_hover.png');
}
table.tree_viewer tr.marked:hover td.column_b {
background-image: url('../images/default/tree_viewer_node_column_b_marked_hover.png');
}
table.tree_viewer tr.selected td.column_a {
background-image: url('../images/default/tree_viewer_node_column_a_selected.png');
}
table.tree_viewer tr.selected td.column_b {
background-image: url('../images/default/tree_viewer_node_column_b_selected.png');
}
table.tree_view_cell_contents {
border-spacing: 0px;
border-collapse: collapse;
height: auto;
}
table.tree_view_cell_contents td {
padding: 0px;
}
table.tree_view_cell_contents td.separator {
width: 5px;
}
table.tree_view_cell_contents td.tree_edge {
width: 19px;
background-repeat: no-repeat;
background-position: right center;
}
table.tree_view_cell_contents td.child_node {
background-image: url('../images/default/tree_edge_child_node.png');
}
table.tree_view_cell_contents td.next_child_node {
background-image: url('../images/default/tree_edge_next_child_node.png');
}
table.tree_view_cell_contents td.last_child_node {
background-image: url('../images/default/tree_edge_last_child_node.png');
}
table.tree_view_cell_contents td.no_child_node {
}
div.tree_view_loading_indicator {
background-image: url(../images/default/tree_viewer_loading_small.gif);
width: 16px;
height: 16px;
margin: auto;
}
table.tree_view_cell_contents td.new_indicator {
background-image: url(../images/default/file_new_indicator.png);
background-position: 7px 8px;
background-repeat: no-repeat;
width: 26px;
}
table.tree_view_cell_contents td.modified_indicator {
background-image: url(../images/default/file_updated_indicator.png);
background-position: 7px 8px;
background-repeat: no-repeat;
width: 48px;
}
/*************************************************/
/****** File browser tree viewer extensions ******/
/*************************************************/
div.file_browser_icon {
width: 16px;
height: 16px;
border: 0px none;
background-image: url('../images/default/icons/page_white.png');
background-repeat: no-repeat;
background-position: center center;
}
div.file_browser_icon.directory {
background-image: url('../images/default/icons/folder.png');
}
div.file_browser_icon.directory_with_error {
background-image: url('../images/default/icons/folder_error.png');
}
div.file_browser_icon.pdf {
background-image: url('../images/default/icons/page_white_acrobat.png');
}
div.file_browser_icon.xml {
background-image: url('../images/default/icons/page_white_code.png');
}
div.file_browser_icon.xls , div.file_browser_icon.xlsx {
background-image: url('../images/default/icons/page_white_excel.png');
}
div.file_browser_icon.ini , div.file_browser_icon.conf {
background-image: url('../images/default/icons/page_white_gear.png');
}
div.file_browser_icon.gif , div.file_browser_icon.png , div.file_browser_icon.bmp {
background-image: url('../images/default/icons/page_white_picture.png');
}
div.file_browser_icon.jpg, div.file_browser_icon.jpeg {
background-image: url('../images/default/icons/page_white_camera.png');
}
div.file_browser_icon.ppt , div.file_browser_icon.pptx {
background-image: url('../images/default/icons/page_white_powerpoint.png');
}
div.file_browser_icon.txt , div.file_browser_icon.log {
background-image: url('../images/default/icons/page_white_text.png');
}
div.file_browser_icon.doc , div.file_browser_icon.docx {
background-image: url('../images/default/icons/page_white_word.png');
}
div.file_browser_icon.html , div.file_browser_icon.html {
background-image: url('../images/default/icons/page_white_world.png');
}
div.file_browser_icon.zip , div.file_browser_icon.gz , div.file_browser_icon.gzip , div.file_browser_icon.rar {
background-image: url('../images/default/icons/page_white_zip.png');
}
div.file_browser_icon.exe {
background-image: url('../images/default/icons/application.png');
}
div.file_browser_action_button {
width: 16px;
height: 16px;
border: 0px none;
background-repeat: no-repeat;
background-position: center center;
float: right;
cursor: pointer;
margin: 0px 2px 0px 2px;
}
div.file_browser_action_button.refresh {
background-image: url('../images/default/icons/reload.png');
}
div.file_browser_action_button.download {
background-image: url('../images/default/icons/drive_down.png');
}
div.file_browser_action_button.download_disabled {
background-image: url('../images/default/icons/drive_down_gray.png');
cursor: default;
}
div.file_browser_action_button.viewer {
background-image: url('../images/default/magnifier.png');
}
div.file_browser_action_button.info {
background-image: url('../images/default/icons/information.png');
}
div.file_browser_action_button.downloads {
background-image: url('../images/default/icons/link_go.png');
}
div.file_browser_action_button.remove {
background-image: url('../images/default/window_close_button.png');
}
/*********************************/
/****** Popup window system ******/
/*********************************/
div.popup_window_background_overlay {
background-color: #000000;
filter: alpha(opacity=60);
opacity: 0.6;
position: fixed;
z-index: 9998;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
div.popup_window_container {
z-index: 9999;
}
div.popup_window {
background-color: #ffffff;
z-index: 9999;
position: absolute;
}
table.simple_popup_window {
border-spacing: 0px;
border-collapse: collapse;
}
table.simple_popup_window th.title_bar {
height: 30px;
background-image: url('../images/default/window_title_bar_background.png');
background-repeat: repeat-x;
color: #ffffff;
padding: 0px 7px 0px 10px;
cursor: default;
line-height: 30px;
text-align: left;
vertical-align: middle;
}
table.simple_popup_window td.window_contents_cell {
background-color: #eeeeee;
padding: 10px;
}
table.simple_popup_window th.title_bar div.title_label {
white-space: nowrap;
float: left;
}
table.simple_popup_window th.title_bar div.close_button {
width: 16px;
height: 16px;
float: right;
background-image: url('../images/default/window_close_button.png');
margin-left: 20px;
margin-top: 7px;
cursor: pointer;
}
table.simple_popup_window th.title_bar div.close_button:hover {
background-image: url('../images/default/window_close_button_highlighted.png');
}
/****************************************************/
/****** NDA technology file information dialog ******/
/****************************************************/
div.nda_technology_file_description_container {
width: 400px;
border-color: #aaaaaa;
border-style: solid;
border-width: 0px;
}
div.nda_technology_file_info_horizontal_seperator {
margin: 10px 0px 10px 0px;
border-top: 1px solid #bbbbbb;
border-bottom: 1px solid #ffffff;
}
div.nda_technology_file_info_button_container {
text-align: right;
}
div.nda_technology_file_info_download_disabled_message_container {
font-style: italic;
color: #666666;
}
/****************************************************/
.icon_delete {
width:22px;
height:14px;
background-image:url(../images/default/delete_button.png);
}
.icon_question_mark {
background-image:url(../images/default/question_mark_icon.gif);
width:15px;
height:15px;
}
/****************************************************/
/****** Complete from dialog ******/
/****************************************************/
.complete_from_volume_link:hover {
cursor: pointer;
text-decoration: underline;
}
.complete_from_volume_dialog_header {
width: 100%;
padding-top: 10px;
padding-bottom: 25px;
border-bottom: 1px solid #d1d1d1;
}
.complete_from_volume_dialog_container {
width: 100%;
overflow: auto;
margin: 0px;
}
.complete_from_volume_dialog_footer {
width: 300px;
margin-left: auto;
margin-right: auto;
padding: 2px;
text-align: right;
/*border: 1px solid #d1d1d1;*/
border-radius: 5px;
}
.complete_from_volume_dialog_footer table {
width: 300px;
padding: 0px;
text-align: center;
}
.complete_from_volume_dialog_volumes {
width: 250px;
float: left;
border-right: 1px solid #d1d1d1;
height: 100%;
padding: 10px 5px 10px 0px;
overflow: auto;
}
.complete_from_volume_dialog_processes {
width: 550px;
float: left;
padding: 10px 0px 10px 5px;
height: 100%;
}
.complete_from_volume_dialog_header span {
padding: 10px 0px;
width: 300px;
font-weight: normal;
color: #686868;
}
.tablehandler_list.complete_from_volume {
border-spacing: 0px;
border-collapse: collapse;
border-bottom: 0px;
}
#complete_from_volume_dialog_processes_table td.loading {
width: 540px;
}
table.complete_from_volume td.loading {
text-align: center;
}
table.complete_from_volume thead,
table.complete_from_volume tbody {
display: block;
box-sizing: border-box;
}
table.complete_from_volume tbody {
height: 300px;
overflow-y: scroll;
}
table.complete_from_volume td {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
table.complete_from_volume th.volume_name {
width: 150px;
}
table.complete_from_volume td.volume_name {
width: 150px;
min-width: 150px;
max-width: 150px;
}
table.complete_from_volume td.start_date {
width: 80px;
min-width: 80px;
max-width: 80px;
text-align: center;
}
table.complete_from_volume th.start_date {
width: 80px;
min-width: 80px;
max-width: 80px;
}
table.complete_from_volume td.process_name {
width: 200px;
min-width: 200px;
max-width: 200px;
}
table.complete_from_volume th.process_name {
width: 200px;
min-width: 200px;
max-width: 200px;
}
table.complete_from_volume td.subcontractor {
width: 100px;
min-width: 100px;
max-width: 100px;
text-align: center;
}
table.complete_from_volume th.subcontractor {
width: 100px;
min-width: 100px;
max-width: 100px;
}
table.complete_from_volume td.scheduled_start_out {
width: 120px;
min-width: 120px;
max-width: 120px;
text-align: center;
}
table.complete_from_volume th.scheduled_start_out {
width: 120px;
min-width: 120px;
max-width: 120px;
}
table.complete_from_volume td.delta {
width: 100px;
min-width: 100px;
max-width: 100px;
text-align: center;
}
table.complete_from_volume th.delta {
width: 100px;
min-width: 100px;
max-width: 100px;
}
table.complete_from_volume tbody tr:hover {
cursor: pointer;
}
table.complete_from_volume tbody tr:hover td {
background-color: #fcfefd;
background-image: url(../images/default/tablehandler_td_colA_hover.gif);
background-repeat: repeat-x;
}
table.complete_from_volume tbody tr.selected td {
background-color: #fcfefd;
background-image: url(../images/default/tablehandler_td_colA_hover_selected.gif);
background-repeat: repeat-x;
}
table.complete_from_volume tbody tr.new_process td {
background-color: #CAE0EC;
border-bottom: 1px solid #97C3D9;
border-top: 1px solid #97C3D9;
}
table.complete_from_volume td.scheduled_start_out.updated_date {
background-color: #FFFF99;
}
div.callout {
margin: 5px;
padding: 10px;
font-family: Verdana, Tahoma, Arial;
border: 1px solid #cacaca;
background-color: #f9f9f9;
color: #0a0a0a;
}
div.callout h5 {
font-size: 13px;
margin: 5px 0px 10px 0px;
}
div.callout p {
font-size: 11px;
margin: 5px 0px;
}
div.callout.success {
background: #dff0d8;
border-color: #d0e9c6;
}
div.callout.white {
background: #fcfefd;
border-color: #999999;
}
/** Custom buttons **/
.button-cs_container {
display: flex;
flex-wrap: wrap;
justify-content: left;
}
.button-cs_container > .button-cs {
border: 1px solid #999999;
background: #eee;
width: 100px;
height: 40px;
margin: 5px;
padding: 5px;
cursor: pointer;
}
.button-cs_container > .button-cs:hover {
background: #ddd;
}
.button-cs > .button-cs_title {
color: black;
width: 100%;
text-align: center;
font-size: 12px;
font-weight: 700;
}
.button-cs > .button-cs_subtitle {
color: black;
width: 100%;
padding-top:2px;
text-align: center;
font-size: 11px;
}
/**
* Dashboard
* Flexible dashboard using CSS grid
*
* 2018-03-02 Sjoerd T3616. Initial creation.
* 2019-01-10 Paul T4035. Added support for IE11.
**/
.dashboard {
padding: 5px;
height: 100%;
width: 100%;
display: -ms-grid;
display: grid;
}
.dashboard.animated {
-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 1s; /* Firefox < 16 */
-ms-animation: fadein 1s; /* Internet Explorer */
-o-animation: fadein 1s; /* Opera < 12.1 */
animation: fadein 1s;
transition: 0.8s;
}
.dashboard.animated .panel {
transition:ease-in-out 1s;
}
.dashboard.default_dashboard {
/* Align grid container */
justify-content: center;
align-content: start;
grid-column-gap: 10px;
grid-row-gap: 10px;
/* Grid columns / row sizes */
-ms-grid-columns: (100px)[10];
grid-template-columns: repeat(8, 100px);
grid-auto-rows: 100px;
grid-auto-flow: row dense;
/* Align items */
justify-items: stretch;
align-items: stretch;
}
@media (min-width: 1100px) {
.dashboard.default_dashboard {
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS */
.dashboard > .panel {
margin-left: 10px;
margin-bottom: 10px;
}
}
.dashboard .panel {
}
/**
* Default panel styling
**/
.dashboard .panel.default_panel {
background: #fff;
position: relative;
display: flex;
flex-direction: column;
border: 1px solid #336B82;
}
.dashboard .panel.default_panel .header {
background-color: #336b82;
max-height: 50px;
z-index: 3;
}
.dashboard .panel.default_panel.warning .header {
/*background-color: #ee8000;*/
}
.dashboard .panel.default_panel .header .title {
color: white;
font-weight: 800;
font-size: 15px;
padding-top: 8px;
padding-bottom: 4px;
padding-right: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dashboard .panel.default_panel .header .subtitle {
color: white;
font-size: 11px;
padding-bottom: 7px;
padding-right: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dashboard .panel.default_panel .header .icon {
float: left;
padding: 12px 14px;
font-size: 25px;
color: white;
}
.dashboard .panel.default_panel .body {
flex-grow: 1;
padding: 15px;
overflow-y: auto;
}
.dashboard .panel.default_panel.form .body {
z-index: 1;
}
.dashboard .panel.default_panel .footer {
/*border-top: 1px solid #999999;*/
z-index: 1;
min-height: 20px;
padding: 15px;
}
.dashboard .panel.default_panel .info_message {
z-index: 2;
background: white;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
padding: 100px 10px 100px 10px;
}
.dashboard .panel .container{
display: flex;
flex-direction: row;
}
.dashboard .panel .container-body {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
vertical-align: middle;
}
.dashboard .panel .container-right, .dashboard .panel .container-left {
vertical-align: middle;
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
}
.dashboard .panel.flat_panel {
background: #fff;
border: 1px solid #ccc;
padding: 15px;
position: relative;
}
.dashboard .panel.flat_panel.clickable {
transition:ease-in-out 0.1s;
}
.dashboard .panel.flat_panel.clickable:hover {
cursor: pointer;
border-color: #aaa;
background: #f9f9f9;
}
.dashboard .panel.flat_panel.clickable:hover .title {
}
.dashboard .panel.flat_panel .title {
padding: 5px;
font-size: 16px;
text-align: left;
color: #333;
}
.dashboard .panel.flat_panel .value {
font-size: 25px;
color: #8c8c8c;
padding-top: 2px;
padding-left: 5px;
}
.dashboard .panel.flat_panel .icon {
font-size: 50px;
vertical-align: middle;
color: darkred;
position: absolute;
bottom: 15px;
right: 15px;
}
.dashboard .panel.data_panel {
background: #fff;
border: 1px solid #ccc;
padding: 15px;
position: relative;
}
.dashboard .panel.data_panel .title {
padding: 5px;
font-size: 16px;
text-align: left;
color: #333;
}
.dashboard .panel.data_panel .right {
padding-top: 5px;
font-size: 12px;
display:block;
}
.dashboard .panel.data_panel .body {
padding-top: 10px;
}
.dashboard .panel.data_panel .body .tablehandler_list {
border-bottom: none;
word-break: break-all;
width:100%;
}
.dashboard .panel.data_panel .body .tablehandler_list td,
.dashboard .panel.data_panel .body .tablehandler_list th {
overflow:hidden;
}
.vertical_form label {
display: inline-block;
margin-bottom: 5px;
font-weight: bold;
font-size: 11px;
}
.vertical_form select, .vertical_form input, .vertical_form .select2-container {
display: block;
width: 100%;
padding: 2px;
margin-bottom: 10px;
color: #464a4c;
background-color: #fff;
background-image: none;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.ajax_notification {
width: 100%;
text-align: center;
}
.ajax_notification .title {
margin-top: 15px;
font-size:13px;
}
.ajax_notification .notification_icon {
display:inline;
vertical-align:middle;
stroke-dasharray: 166;
stroke-dashoffset: 166;
stroke-width: 4;
stroke-miterlimit: 10;
stroke: #fff;
fill: none;
animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.ajax_notification .notification_icon .circle {
width: 56px;
height: 56px;
border-radius: 50%;
display: block;
stroke-width: 2;
stroke: #336b82;
stroke-miterlimit: 10;
margin: 10% auto;
fill: none;
}
.ajax_notification .notification_icon .inner_circle {
animation: fadein 0.4s ease-in-out 0.4s forwards;
fill: #336b82;
opacity: 0;
}
.ajax_notification.error .circle {
stroke: darkred;
}
.ajax_notification.error .inner_circle {
fill: darkred;
}
.ajax_notification .checkmark, .ajax_notification .cross {
transform-origin: 50% 50%;
stroke-dasharray: 48;
stroke-dashoffset: 48;
animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
/** Select2 style **/
[class^='select2'] {
border-radius: 0px !important;
}
.select2-container--default .select2-selection--single {
border: 1px solid #464a4c !important;
height: 22px !important;
}
.select2-selection__rendered {
color: black !important;
line-height: 20px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 5px !important;
}
.select2_item {
white-space: nowrap;
display: -moz-flex;
display: flex;
padding-right: 5px;
}
.select2_item_left {
white-space: nowrap;
overflow: hidden;
flex-grow: 1;
flex-shrink: 0;
padding-right: 5px;
}
.select2_item_right {
flex-grow: 1.5;
flex-shrink: 1;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-align: right;
display: -moz-flex-inline-block;
display: flex-inline-block;
font-style: italic;
}
/** Align styles */
.right {
float:right;
}
.left {
float:left;
}
/** CSS effects **/
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes stroke {
100% {
stroke-dashoffset: 0;
}
}
table#system_monitor th {
text-align: center;
}
table#system_monitor th, table#system_monitor td {
border-right: 1px solid #cccccc;
white-space: nowrap;
}
table#system_monitor td.status {
width: 100px;
background-position: center center;
background-repeat: no-repeat;
color: white;
font-weight: bold;
text-align: center;
}
table#system_monitor td.status.success {
background-color: #b4dfac;
background-image: url(../images/default/status_ok.png);
}
table#system_monitor td.status.notice {
background-color: rgba(82, 203, 231, 1);
}
table#system_monitor td.status.notice:after {
content: "Notice";
}
table#system_monitor td.status.warning {
background-color: #ffaa00;
}
table#system_monitor td.status.warning:after {
content: "Warning";
}
table#system_monitor td.status.critical, table#system_monitor td.status.error {
background-color: red;
}
table#system_monitor td.status.critical:after {
content: "Critical";
}
table#system_monitor td.status.error:after {
content: "Error";
}
table#system_monitor td.status.in_progress {
background-image: linear-gradient( -45deg, rgba(82, 203, 231, 1) 25%, rgba(52, 194, 227, 1) 25%, rgba(52, 194, 227, 1) 50%, rgba(82, 203, 231, 1) 50%, rgba(82, 203, 231, 1) 75%, rgba(52, 194, 227, 1) 75%, rgba(52, 194, 227, 1) );
background-size: 40px 40px;
background-repeat: repeat;
box-shadow: inset 0 10px 0 rgba(255,255,255,.2);
animation: move 2s linear infinite;
}
table#system_monitor td.status.in_progress:after {
content: "In progress";
}
table#system_monitor td.status.warning.in_progress {
background-image: linear-gradient( -45deg, rgba(255, 154, 26, 1) 25%, transparent 25%, transparent 50%, rgba(255, 154, 26, 1) 50%, rgba(255, 154, 26, 1) 75%, transparent 75%, transparent );
}
table#system_monitor td.issue {
white-space: normal;
}
@-webkit-keyframes move{
0% { background-position: 0 0; }
100% { background-position: 40px 40px; }
}
@-moz-keyframes move{
0% { background-position: 0 0; }
100% { background-position: 40px 40px; }
}
@-ms-keyframes move{
0% { background-position: 0 0; }
100% { background-position: 40px 40px; }
}
@keyframes move{
0% { background-position: 0 0; }
100% { background-position: 40px 40px; }
}
div.volume_div:target {
box-shadow: 0px 0px 12px 3px #1655e4;
}
option.hover {
background-color: #cdcdcd;
}
.protip-skin-default--scheme-pro.protip-container {
background: #ffffcc !important;;
}
.protip-skin-default--scheme-pro[data-pt-position="right-top"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="right"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="right-bottom"] .protip-arrow {
border-right-color: #ffffcc !important;;
}
li.select2-results__option:empty {
display: none;
}
.hide_me {
display: none;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
display: none;
}
/*
Manage processs styling
*/
#volume_templates #volume_template_process_list:empty:before {
content: "No volume template selected.";
}
#manage_processes #process_templates, #volume_templates, #settings {
display: inline-block;
vertical-align: top;
padding: 10px;
}
#manage_processes #process_templates {
width: 500px;
}
#manage_processes #volume_templates {
width: 600px;
}
#manage_processes #settings {
width: 350px;
}
#manage_processes #process_templates #process_template_shortcuts, #volume_templates #volume_template_list {
margin: 0px 0px 10px 0px;
}
#manage_processes #process_templates #process_template_shortcuts li a {
color: blue;
text-decoration: underline;
cursor: pointer;
}
#manage_processes #process_templates #template_select {
width: 100%;
}
#manage_processes table.tablehandler_list thead th {
background-size: contain;
}
#manage_processes table.tablehandler_list thead tr:first-child th:not([rowspan]).colA {
border-bottom: 1px solid #c5e4d5;
}
#manage_processes table.tablehandler_list thead tr:first-child th:not([rowspan]).colB {
border-bottom: 1px solid #b0d4f5;
}
#manage_processes table.tablehandler_list tbody td {
padding: 0px 5px;
white-space: nowrap;
}
#manage_processes table.tablehandler_list tbody tr:hover td {
background-repeat: repeat-x;
}
#manage_processes table.tablehandler_list tbody tr.new:not(.disabled) td.colA {
background-color: #ffffcc;
}
#manage_processes table.tablehandler_list tbody tr.new:not(.disabled) td.colB {
background-color: #ffffaa;
}
#manage_processes table.tablehandler_list tbody td input[type=text], #manage_processes table.tablehandler_list thead th input[type=text] {
width: 100%;
height: 100%;
border: 0;
background-color: rgba(0, 0, 0, 0);
font-family: inherit;
font-size: inherit;
transition: box-shadow .3s ease-in-out;
}
#manage_processes table.tablehandler_list tbody td input.adjusted {
box-shadow: inset 0 0 5px 0 red;
}
#manage_processes .fa.fa-grip:before {
content: "\f142 \f142";
letter-spacing: 0.1em;
cursor: move;
}
#manage_processes #process_list tbody tr td i.subprocess_icon {
background-image: url(../images/default/nav_tree_with_sib.gif);
margin-left: 2px;
width: 11px;
height: 21px;
}
#manage_processes #process_list tbody tr:last-child td i.subprocess_icon {
background-image: url(../images/default/nav_tree_without_sib.gif);
}
#manage_processes #process_list tbody td i.remove_process_icon, i.remove_bom_item_icon {
font-size: 18px;
color: red;
cursor: pointer;
}
#manage_processes #process_list tbody td i.remove_process_icon.on {
color: blue;
}
#manage_processes #process_list tbody td i.add_subprocess_icon, i.add_bom_item_icon {
font-size: 18px;
color: green;
cursor: pointer;
}
#manage_processes #process_list tbody td i.remove_process_icon.disabled, #manage_processes #process_list tbody td i.add_subprocess_icon.disabled {
color: grey;
cursor: default;
}
#manage_processes #process_list tbody td .bom_icon {
display: inline-block;
height: 20px;
width: 15px;
/*background-image: url('data:image/svg+xml;charset=UTF-8,');*/
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
#manage_processes #process_list tbody td .bom_icon .bom_counter {
position: absolute;
right: 4px;
bottom: 0px;
width: 15px;
height: 15px;
border-radius: 50%;
font-weight: bold;
color: white;
line-height: 15px;
background-color: grey;
}
#manage_processes #process_list tbody td .bom_icon .bom_counter.changed {
background-color: blue;
}
#manage_processes #process_list tbody td .bom_icon .bom_counter.unsaved {
background-color: red;
}
#manage_processes #process_list tbody td .bom_popup {
/*display: none;*/
visibility: hidden;
position: absolute;
}
div#popup_overlay_div {
width: 100%;
height: 100%;
z-index: 99999;
opacity: 0.5;
position: fixed;
top: 0;
left: 0;
background-color: black;
}
/*Styling for javascript year selection*/
.ns-year-navigation-module {
width: 100%;
margin: .25rem;
text-align: center;
}
.ns-year-navigation-module>* {
display: inline-block;
user-select: none;
color: #888;
}
.ns-year-navigation-module>*:not(.disabled) {
cursor: pointer;
}
.ns-year-navigation-module *.disabled {
color: #ccc;
}
.ns-year-navigation-module>div.navigation_years>* {
display: inline-block;
}
.ns-year-navigation-module>div.navigation_years>*.current {
color:black;
}
div.high-priority-icon {
display: inline-block;
width: 200px;
margin-top: 1em;
padding: 0px 5px;
border: 5px solid #CD2C30;
background: white;
text-align: center;
}
div.high-priority-icon:before {
font-size: 18px;
font-weight: bold;
color: #CD2C30;
content: "HIGH PRIORITY";
}
div.high-priority-icon.small {
width: unset;
margin-top: 0px;
border-width: 2px;
line-height: 11px;
}
div.high-priority-icon.small:before {
font-size: 10px;
}
div.high-priority-icon.inactive {
border-color: grey;
background-color: transparent;
}
div.high-priority-icon.inactive:before {
color: grey;
}
.page_general_container {
display: flex;
justify-content: space-between;
background-color: white;
margin: 20px;
border-radius: 7px; /* Increased border-radius for more circular corners */
}
.page_general_container_contents {
width: 100%;
/* TODO: make */
}
/* Full screen overlay */
#loading-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
display: none; /* hidden by default */
justify-content: center;
align-items: center;
z-index: 10; /* only above content inside this container */
}
/* Spinner animation */
.spinner-loading-overlay {
border: 6px solid #f3f3f3; /* light gray */
border-top: 6px solid #3498db; /* blue color */
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 1s linear infinite;
}