/* not online */
/******************************* addCss(main.css) START *******************************/
/* --------------------------------------------------------- */
/* -------------------- BASIC HTML TAGS -------------------- */
/* --------------------------------------------------------- */
body{
font-family: Arial;
font-size: 12px;
line-height: 1.2;
margin: 0 0 0 0px;
text-align: center;
}
*:focus { /* no focus border in chrome */
outline: 0;
}
h1, h2, h3, h4, h5{
color: #333333;
padding: 0px;
margin: 0 0 10px;
}
h1{
font-size: 1.5em;
}
h2{
font-size: 1.4em;
}
h3{
font-size: 1.3em;
}
h4{
font-size: 1.2em;
}
h5{
font-size: 1.1em;
}
h6{
/* INFO or Alert*/
margin-left: 5%;
margin-right: 5%;
width: calc(90% - 40px);
border: dotted #A20000 2px;
background: #ffffff url('./ico/pgm/achtung.png') no-repeat left top;
min-height: 35px;
padding-left: 38px;
padding-right: 2px;
font-size:12px;
color:#A20000;
}
h6.info{
/* INFO or Alert*/
margin-left: 5%;
margin-right: 5%;
width: calc(90% - 40px);
border: dotted #009da2 2px;
background: #ffffff url('./ico/pgm/info.png') no-repeat left top;
min-height: 35px;
padding-left: 38px;
padding-right: 2px;
font-size:12px;
color: #0061a2;
}
a{
color:#999999;
}
p {
margin-top: 0;
}
table {
border-collapse: collapse;
}
td {
padding: 1px;
}
button {
background-color:#ccc;
}
select{
background-color: #ffffff;
}
/* ???? */
body.bodywait *, body.bodywait {
cursor:progress !important;
}
input{
border: 1px solid #999999;
border-radius: 3px;
font-weight: normal;
margin: 1px;
}
hr{
border: 0px solid #999999;
border-bottom-width: 1px;
margin-bottom: 2px;
}
fieldset{
border: 1px solid #C3C3C3;
margin: 0px;
padding: 5px;
}
div.ui-tooltip{
display: inline-block;
max-width: 600px;
padding: 5px;
z-index: 1100;
}
/* --------------------------------------------------------- */
/* ------------------- BASIC CSS CLASSES ------------------- */
/* --------------------------------------------------------- */
#overDiv {
border: 1px solid darkgray;
}
/* ---------- GENERIC ---------- */
#hidden-iframe{
width: 0px;
height: 0px;
border-width: 0px;
}
.spinner{
background: url('./ico/pgm/load_small.gif') no-repeat right center;
}
.clear{
clear: both;
}
.hidden{
display:none;
}
.center{
text-align: center;
}
.right{
text-align: right;
}
.left{
text-align: left;
}
.bold{
font-weight: bold;
}
.private-bg-color{
background-color: #ffd5d5;
}
input[readonly],
select[disabled],
textarea[readonly],
.readonly{
background-color: #eeeeee;
}
input[readonly].date-pick{
background-color: #ffffff;
}
select.touchable {
height: 34px;
}
.changed{
background-color: #dc8c89;
}
.clickable{
cursor: pointer;
}
.pseudo-link{
cursor: pointer;
text-decoration: underline;
color: #000033;
}
.float-left{
float: left;
display: block;
}
.float-right{
float: right;
display: block;
}
.float-clear{
clear: both;
max-height: 0px;
height: 0px;
padding: 0px;
margin: 0px;
font-size: 0px;
border-width: 0px;
visibility: hidden;
display: block;
}
.text-ellipse{
overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select-opt-default{
background: #EAEAEA;
font-style: italic;
}
a.rightsTooltip{
color: #000000;
text-decoration: underline;
}
a.rightsTooltip:hover{
color: darkred;
}
table.table-fullsize{
border: 1px solid #c6c6c6;
width: 990px;
}
table.table-halfsize{
border: 1px solid #c6c6c6;
width: 360px;
}
table.table-halfsize td,
table.table-halfsize th,
table.table-fullsize td,
table.table-fullsize th {
border: 1px solid #c6c6c6;
padding: 2px;
}
table.table-halfsize th ,
table.table-fullsize th {
background-color: #606060;
border: 1px solid #c6c6c6;
color: #e6e6e6;
}
/* ---------- DIVs ---------- */
/* header block */
#header-block {
display: none;
overflow: hidden;
}
@media screen {
#header-block {
display: block;
height: 80px;
margin-bottom: 10px;
background-color: #ffffff;
}
}
#header-block #client-logo {
width: 180px;
height: 80px;
margin-left: -1655px;
text-align: left;
float: left;
overflow: hidden;
}
#header-block #banner {
height: 80px;
overflow: visible;
width: 1655px;
float: left;
text-align: left;
}
#header-block #rightTopSpinner {
width: 50px;
height: 50px;
float: right;
margin-top: 30px;
margin-right: 15px;
margin-left: -65px;
}
#sel-lang-div {
display: block;
width:95%;
overflow: hidden;
text-align: left;
}
/* menu block */
#menu_block{
display: none;
border-top: solid 4px #41424D;
}
@media screen {
#menu_block {
display: block;
width: 180px;
float: left;
margin-right: 15px;
}
}
#menu_preselection {
padding: 8px;
}
#menu_preselection h4{
padding-top: 8px;
margin-bottom: 5px;
}
#menu-img{
margin-bottom: 10px;
height: 63px;
width: 100%;
padding-left: 0px;
overflow: hidden;
}
.menu-item{
width: 100%;
min-height: 30px;
font-size: 11px;
color: #666666;
cursor: pointer;
background-color: #F3F3F7;
border: 0;
margin-bottom: 0;
text-align: left;
}
.menu-item.hover{
background-color: #B4CBE6;
cursor: pointer;
}
.menu-item.hover .menuComment{
}
.menu-item.level-0{
font-size: 13px;
font-weight: bold;
background: url('./ico/core/menu_button_0.jpg') center bottom no-repeat;
padding-left: 4px;
min-height: 45px;
}
.menu-item.level-0:first-child {
background-position: center bottom ;
min-height: 44px;
}
.menu-item.active-level-0{
background: url('./ico/core/menu_button_0_acive.jpg') center bottom no-repeat;
color: #1D1C24;
}
.menu-item.active-level-0 .menuComment{
}
.menu-item.level-1{
padding-left: 15px;
}
.menu-item.level-2{
padding-left: 25px;
}
.menu-item.level-3{
padding-left: 30px;
}
.menu-item.active-level-1,
.menu-item.active-level-2,
.menu-item.active-level-3{
color: #000000;
background-color: #ffffff;
}
.menuComment{
/*color: #888888;*/
font-size: 10px;
font-weight: normal;
}
#form_menuitem .menu-col-sub { width : 90px;}
#form_menuitem .menu-col-rank { width : 110px;}
#form_menuitem .menu-col-text { width : 230px;}
#form_menuitem .menu-col-type { width : 60px;}
#form_menuitem .menu-col-name { width : 150px;}
#form_menuitem .menu-col-news { width : 70px;}
#form_menuitem .menu-col-right{ width : 70px;}
#form_menuitem input{
background-color: white;
}
.clusterHouseSelectionMenu > label {
display: block;
width: 100%;
}
.clusterHouseSelectionMenu > label > select{
display: block;
width: 100%;
}
/* SITE STRUCTURE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#ALL{
text-align: center;
height: 100%;
overflow: visible;
margin-top: 10px;
margin-left: 5px;
margin-right: 0px;
}
@media screen and (min-width: 1470px) {
#ALL{
max-width: 1655px;
margin-right: 20px;
margin-left: 20px;
}
}
@media screen and (min-width: 1700px) {
#ALL{
max-width: 1655px;
margin-right: auto;
margin-left: auto;
}
}
#CONTENT{
float:left;
min-width: 1250px;
width: 100%;
position:relative;
background-color:#ffffff;
overflow-x: hidden;
overflow-y: hidden;
text-align: left;
}
#pdf_iframe{
width: 996px;
height: 990px;
}
#sidebar-right{
display: none;
float: right;
position: relative;
width: 0;
z-index: 100;
}
#icon-sidebar-right{
display: none;
float: right;
position: relative;
background-color: #ffffff;
width: 50px;
margin-right: 10px;
margin-left: -60px;
z-index: 100;
}
#icon-sidebar-right .toggle-button{
margin-left: -19px;
margin-bottom: -40px;
height: 40px;
width: 19px;
background: left bottom no-repeat url('./ico/core/menu_out.png?cu&');
}
#sidebar-right .toggle-button{
display: none;
position: relative;
top:-10px;
left:-5px;
float:right;
height: 40px;
width: 19px;
background: left bottom no-repeat url('./ico/core/menu_in.png?cu&');
}
#site_frame{
margin-left: 190px;
margin-right: 10px;
margin-top: 0px;
}
#site_content{
min-height: 200px;
overflow-x: hidden;
overflow-y: hidden;
width: 1000px;
background-color: #ffffff;
}
@media screen {
#site_frame {
margin-left: 190px;
margin-right: 50px;
}
#sidebar-right .toggle-button {
display: block;
}
#icon-sidebar-right {
display: block;
margin-right: 0px;
}
}
@media screen and (min-width: 1470px) {
#sidebar-right .toggle-button {
display: none;
}
#icon-sidebar-right {
display: none;
}
#sidebar-right {
display: block;
width: 225px; /*or 450px for 2 rows*/
}
#site_frame{
margin-right: 230px;
}
}
@media screen and (min-width: 1700px) {
#sidebar-right {
display: block;
width: 450px;
}#site_frame{
margin-right: 455px;
}
}
#admin-block ,
#news-block {
background-color: #EAEAF1;
width: 220px;
float: left;
text-align: left;
margin-bottom: 10px;
margin-left: 5px;
}
#admin-block .top,
#news-block .top{
height: 42px;
color: #ffffff;
padding-top: 8px;
padding-left: 2px;
padding-right: 2px;
text-align: center;
font-size: 20px;
border-top: solid 4px #A2BF02;
}
#admin-block .top{
background-color: #EC0016;
border-top: solid 4px #EC0016;
}
#news-block .top{
background-color: #167D86;
border-top: solid 4px #167D86;
}
#admin-block .elm,
#news-block .elm{
padding: 10px 0 10px 0;
border-bottom: solid 1px #9E9EAB;
}
#admin-block .elm > div,
#news-block .elm > div{
padding: 0 10px 0 10px;
}
#icon-admin-block {
background-color: #EAEAF1;
width: 100%;
text-align: left;
}
#icon-admin-block .top{
height: 35px;
color: #ffffff;
padding-top: 15px;
padding-left: 2px;
padding-right: 2px;
text-align: center;
font-size: 14px;
border-top: solid 4px #41424D;
background-color: #EC0016;
}
#icon-admin-block .elm {
padding: 10px 0 10px 0;
border-bottom: solid 1px #9E9EAB;
}
#icon-admin-block .elm > div{
padding: 0 5px 0 5px;
}
#icon-admin-block .elm .icon-button {
margin-bottom: 3px;
}
#icon_userString{
text-align: center;
}
#site_title_bar{
width: 1000px;
margin-left: 4px;
border-top: 4px solid #B8AB9A;
}
#site_title{
height: 70px;
width: 1000px;
margin-left: 4px;
}
#site_title1{
display: inline-block;
padding-left: 5px;
font-size: 1.5em;
font-weight: bold;
color: #333333;
padding-top: 8px;
padding-bottom: 2px;
height: 20px;
overflow: hidden;
}
#site_title2{
padding-left: 5px;
font-size: 1.1em;
padding-top: 8px;
padding-bottom: 8px;
color: #333333;
height: 20px;
overflow: hidden;
}
.title-edit label {
display: inline-block;
width: 200px;
margin-left: 5px;
}
.title-edit input[type=text] {
display: inline-block;
width: 400px;
}
.title-edit button {
display: inline-block;
margin-top: 5px;
/*margin-left: 445px;*/
}
.admbutton_div{
height:25px;
}
#spinnercontainer{
height: 25px;
width: 25px;
margin-right: 10px;
float:right;
}
#spinnit{
height: 25px;
width: 25px;
margin-right: 10px;
margin-left: 10px;
}
.combo_result{
position: absolute;
left: 0;
top: 0;
min-width: 100px;
min-height: 20px;
background-color: #fff;
border: 1px #888888 solid;
padding-top:5px;
padding-bottom:5px;
padding-left:3px;
padding-right:3px;
}
.combo_input{
font-size: 1em;
}
.combo_search{
background-color: yellow;
}
.combo_link{
display: block;
padding: 5px;
font-size: 1em;
width: 95%;
cursor: pointer;
}
.combo_link_new{
background: #fff url('./ico/pgm/add_10.png') no-repeat 0px center ;
padding-left: 20%;
width:75%
}
.combo_link_cancel{
background: #fff url('./ico/pgm/cancel_10.png') no-repeat 0px center ;
padding-left: 20%;
width:75%
}
.combo_link_hover{
color: #ffffff;
background-color: #2B6FB6;
}
/* MENU BLOCK ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.version_buttons {
display: inline-block;
}
.version_buttons button{
position: relative;
top:-3px;
}
/* Editor Menu */
.table_editmenu{
margin-left:10px;
table-layout: fixed;
border-collapse: collapse;
width:975px;
font-size: small;
}
.table_editmenu td{
overflow: hidden;
padding-left: 3px;
text-align: left;
}
.table_editmenu .but_activate{
width: 25px;
height: 25px;
}
.table_editmenu .but_deactivate{
width: 25px;
height: 25px;
}
.table_editmenu .but_edit{
width: 25px;
height: 25px;
}
.table_editmenu .icon-button .drop{
width: 25px;
height: 25px;
}
.table_editmenu input{
width: 100%;
}
.table_editmenu select{
width: 100%;
}
.table_editmenu .menurowSel{
background-color: #e9e9e9;
}
/* questioning */
.table_questioning{
border-collapse: collapse;width: 720px;table-layout: fixed;
}
.table_questioning td{
height: 40px;
}
.table_questioning td input{
background-color: #fff;
margin-top: 2px;
margin-bottom: 2px;
}
.table_questioning td .input_readonly{
background-color:#ccc;
color: #666;
}
.table_questioning td .selected{
border: #A20000 solid 2px;
}
.table_questioning td .notselected{
/*border: #FFFFFF solid 2px;*/
}
/* table compare */
.table_tablecompare{
margin-left:-190px;
table-layout: fixed;
width: 1191px;
border-collapse:collapse;
background-color:white;
font-size: x-small;
}
.table_tablecompare td{
font-size: x-small;
}
.tc_diff{
overflow:hidden;
background-color: #f99;
}
.tc_del{
overflow:hidden;
background-color: #f44;
}
.tc_match{
overflow:hidden;
background-color: palegreen;
}
.tc_new{
overflow:hidden;
background-color: orange;
}
/* Clientforms */
.client_logo_form,.client_backup_form,.client_mail_form,.client_base_form{
text-align:left;
margin-left: 40px;
}
.client_logo_form label, .client_backup_form label, .client_mail_form label, .client_base_form label{
display: inline-block;
width: 180px;
}
.client_base_form span.online{ background-color: green ; color: #fff; padding: 4px; }
.client_base_form span.offline{ background-color: red ; color: #fff; padding: 4px; }
.client_base_form span.maintainance{ background-color: orange ; color: #fff; padding: 4px; }
.client_base_form span.drop{ background-color: orange ; color: #fff; padding: 4px; }
.client_editor_descr{
font-size: 9px;
color: #505050;
}
.client_editor_domains{
width: 650px;
height: 50px;
}
.maintainance_message_block label{
}
#maintainance_message_input{
height: 50px;
width: 450px;
}
#maintainance_image{
height: 400px;
width: 750px;
background: #fff url('./ico/pgm/wartung.png') no-repeat left center;
}
#showhidden_block{
display: inline-block;
margin-left: 60px;
}
#showhidden_block input{
width: 30px;
}
.friendfinder_resrow label{
display: inline-block;
min-width: 200px;
margin-left:10px;
}
/* UPLOAD FORM */
#upload_form{
height:140px;width:100%;
}
#upload_form fieldset{
border:0;
}
#upload_progressbar{
width:100%;height:25px;float:left;
}
#ifr {
margin-left: 160px;
margin-right: 5px;
float: left;
border: 1px black solid;
width: 25px;
height: 25px;
}
#ifr1 {
width: 0px;
height: 0px;
border-width: 0px;
}
#ifr2 {
width: 1px;
height: 1px;
border-width: 1px;
}
#successroom{
float:left;margin-top:2px;margin-left:0px;width:398px;height:23px;border:0px;
}
#progress{
float:left;background-color:green;height:100%;width:0%;
}
#statusroom{
float:left;margin-left:-400px;width:400px;height:25px;border: 1px black solid;
}
/*
#status{
width:100%;height:100%;padding-top:5px;
}
*/
/* parttmpl*/
.editor_parttmpl{}
.editor_parttmpl fieldset{
border: 0;
}
.elmPT{
width:100%;min-height:80px;
}
#tmpl_part_top fieldset, #tmpl_part_bottom fieldset, #tmpl_part fieldset{
border:0;
}
.tmpl_edit_inlineinfo{
text-align: left;
margin-left: 20px;
}
#tooltip {
background-color: #EEEEEE;
border: 1px solid #111111;
opacity: 0.95;
padding: 5px;
position: absolute;
z-index: 3000;
}
.tooltip_noopacity{
opacity: 1 !important;
}
#tooltip h3{
font-size: 1.2em;
}
#tooltip h3, #tooltip div {
margin: 0;
text-align: left;
}
/* Notes */
#notesform{
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:120px;
background-color:white;
border: solid 2px black;
max-height: 400px;
overflow: auto;
}
#notesform img{
float:left;
margin: 25px;
}
#notesform fieldset{
border:0;
margin-left: 120px;
}
#notes_connector{
margin-top: 10px;
text-align: left;
}
#notes_connector label{
display: inline-block;
width: 160px;
}
#notes_buttons{
margin-top: 10px;
margin-left: 185px;
text-align: left;
}
.notes_intern{
margin-left: 120px;
}
.notes_intern_text{
color:red;
}
#notes_buttons .large-button save{
margin-left: 90px;
}
#tmce_notes{
height:120px;
width:560px;
}
#notes_details{
text-align: left;
}
#notes_details label{
display: inline-block;
width: 70px;
}
#notes_details input{
width: 110px;
margin-right: 28px;
}
#notes_details input[name=notedate]{
width: 70px;
margin-right: 3px;
margin-top: 5px;
margin-bottom: -10px;
}
#notes_details a{
margin-right: 23px;
}
#notes_details select{
width: 80px;
}
.pluginname{
display: inline-block;
width: 160px;
}
.plugintitle{
display: inline-block;
width: 100px;
}
.pluginIdSelector{
display: inline-block;
width: 170px;
}
.pluginIdSelector select{
width: 160px;
max-width: 160px;
}
.pluginselector{
width: 160px;
}
.notes_text_sized{
background-image: url('./ico/pgm/sorter_desc.png');
background-position: right bottom;
background-repeat: no-repeat;
cursor: pointer;
overflow: hidden;
height: 50px;
}
.notes_text_unsized{
overflow: auto;
height:auto;
min-height: 50px;
}
/*
.notesind{
height:22px;width:22px;
font-size: 0em;
background: #fff url('./ico/pgm/notes_16.png') no-repeat center center ;
}
*/
#notes .even{
background-color: #FFFFC9;
}
.notes_id{
cursor: pointer;
width:100%;
height:100%;
text-decoration: underline;
}
/* Notes END */
/* ----- TABS ----- */
.sitetabs_button_container {
text-align: left;
margin-top: 5px;
padding-left: 20px;
border-bottom: 4px #A2BF02 solid;
background: #FFFFFF;
}
.sitetabs_button_container.editor {
border-bottom: 4px #5a1718 solid;
}
.sitetabs_button_container > button, /* to be deleted */
.sitetabs_button_container > .tab_small{
vertical-align: top;
min-width: 70px;
max-width: 80px;
overflow: hidden;
height: 40px;
border: 1px #4B5C4C solid;
border-bottom: 0;
margin-right: 3px;
background: #EAEAF1;
}
.sitetabs_button_container > .tab_large{
vertical-align: top;
min-width: 110px;
max-width: 120px;
overflow: hidden;
height: 40px;
border: 1px #A2BF02 solid;
border-bottom: 0;
margin-bottom: -4px;
margin-right: 3px;
background: #EAEAF1;
}
.sitetabs_button_container > button.sitetabs_button_active{
border-bottom: 0;
height: 44px;
margin-bottom: -4px;
background: #FFFFFF;
}
.sitetabs_element{
margin-bottom: 30px;
display: none;
}
.sitetabs_element label{
padding-left: 5px;
}
/* ----- SEARCH ----- */
#tmplsearch_srch{
width: 300px;
}
#templatefinder_res p{
padding-left:20px;
}
#templatefinder_res .templatefinder_match_hover{
cursor: pointer;
background-color: #dc8c89;
}
.tmplsearchwidget{
padding-top:5px;
padding-left:15px;
height: 30px;
background-color: #E5E5E5;
margin-bottom: 20px;
}
.tmplsearchwidget button{
float:right;
}
.tmplsearch_hightlight{
background-color: yellow;
}
.table_tablecompare th{
overflow:hidden;
}
.srch-result{
color: #26366d;
}
/*translator*/
#editorTranslator .header{
margin-left: 10px;
padding-top: 5px;
height: 22px;
color: grey;;
}
#editorTranslator .edit-buttons{
margin-top: -3px;
float: right;
display: inline-block;
}
#editorTranslator #translatorTextContainer{
margin-left: 5px;
margin-top: 15px;
}
#editorTranslator .translator-text-element{
display: inline-block;
min-width: 465px;
max-width: 710px;
min-height: 40px;
background-color: #eeeeee;
margin-bottom: 5px;
margin-right: 5px;
padding: 3px;
border-style: solid;
border-color: #AAAAAA;
border-width: 1px;
}
#editorTranslator .translator-text-element label{
display: inline-block;
min-width: 70px;
color: #0c0c4f;
font-weight: bold;
margin: 0px;
}
#editorTranslator #translatorTitle{
display: inline-block;
min-width: 70px;
font-weight: bold;
margin: 0px;
color: #333333;
font-size: 16px;
}
#editorTranslator .translator-text-element .source{
display: inline-block;
color: grey;
font-size: 9px;
text-align: right;
margin-right: 7px;
margin-top: 2px;
width: 50px;
float: right;
overflow: hidden;
}
#editorTranslator .translator-text-element div{
}
#editorTranslator .translator-text-element textarea{
min-width: 335px;
max-width: 700px;
height: 22px;
}
#editorTranslator .translator-text-element .changes-buttons{
display: none;
width: 300px;
}
#editorTranslator .translator-text-element button{
margin-bottom: 3px;
margin-right: 7px;
}
/* logList */
#logList #log-datatable_wrapper{
padding: 5px;
}
#logList #log-datatable_wrapper div{
border-width: 0px;
}
#logList #log-datatable input{
/* was #table_ticketlist_wrapper */
width: 80%;
background: #ffffff;
}
#logList #log-datatable_info{
margin-left: 0px;
margin-bottom: 0px;
height: 25px;
}
#logList #log-datatable_paginate{
margin-right: 0px;
margin-bottom: 0px;
height: 25px;
}
.pdf-blocks-edit table {
background: #CCCCCC;
margin-left: 3px;
/*width: 100%;*/
border: solid 1px #666 ;
border-collapse: collapse;
}
.pdf-blocks-edit table th {
border: solid 1px #666 ;
background: #CCCCCC;
font-weight: normal;
height: 20px;
}
.pdf-blocks-edit table td {
border: solid 1px #666 ;
font-weight: normal;
padding: 3px;
background: #fff;
}
.pdf-blocks-edit table .td-odd {
background: #CCCCCC;
}
.pdf-blocks-edit table input{
width: 95%;
}
.pdf-blocks-edit table input[type=checkbox]{
width: auto;
}
.pdf-blocks-edit table select.alignselector{
width: 45px;
}
.pdf-blocks-edit table select.fontselector{
width: 60px;
}
#group-rights-table{
background: #CCCCCC;
margin-left: 0;
width: 100%;
border: solid 1px #666 ;
border-collapse: collapse;
}
#group-rights-table th{
border: solid 1px #666 ;
background: #CCCCCC;
font-weight: normal;
padding-left: 3px;
min-width: 40px;
max-width: 100px;
}
#group-rights-table td {
border: solid 1px #666 ;
font-weight: normal;
padding-left: 3px;
}
#group-rights-table .td-odd{
background: #CCCCCC;
}
#group-rights-table .td-even{
background: #FFFFFF;
}
#workplacesSelector .wpelement-1{
float: left;
width: 160px;
border: 1px solid #CCCCCC;
padding: 5px;
margin-right: 5px;
margin-bottom: 5px;
}
#workplacesSelector .wpelement-2-3{
border: 1px solid #CCCCCC;
padding: 5px;
margin-bottom: 5px;
}
#workplacesSelector .wpelement-4-5{
float: left;
width: 98px;
border: 0px solid #CCCCCC;
padding: 2px;
margin-right: 0px;
margin-bottom: 0px;
}
#workplacesSelector .wpelement-buttons {
float: left;
/*min-height: 40px;*/
border: 0px solid #CCCCCC;
padding: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#workplacesSelector .wpelement-4-5.not-default{
background: rgba(255, 105, 105, 0.278431);
}
#workplacesSelector .wpelement-4-5 legend{
/*margin-left: 3px;*/
}
#workplacesSelector .wpelement-4-5 select{
width: 98px;
height: 22px;
}
#workplacesSelector .wpelement-4-5 .icon-button{
}
#workplacesSelector .wpresult{
padding: 3px;
}
#workplacesSelector .wpresult.not-default{
/*background: #FFBD69;*/
color: #843534;
}
.sharedSelector .text-on{
background: #CECECE;
cursor: pointer;
}
.sharedSelector .text-on.over{
background: #F1F1F1;
cursor: pointer;
border-width: 2px;
}
.areyousure .large-button{
width: 150px;
}
#search-container{
width: 98%;
padding: 3px;
background-color: #F2F2F2;
border-color: #999999;
border-style: solid;
border-width: 1px;
}
#search-container .search-results-container{
width: 99%;
/*max-height: 200px;
overflow-y: scroll;*/
border-color: #999999;
border-width: 1px;
border-style: solid;
}
#search-container .search-results-container .odd{
height: 40px;
background-color: #E8E8FF;
}
#search-container .search-results-container .even{
height: 40px;
background-color: #FFFFFF;
}
#form_ulogin .title{
width: 200px;
}
#form_ulogin #identity,
#form_ulogin #complexity {
display: inline-block;
width: 220px;
}
#form_pwdlost .large-button,
#form_ulogin .large-button{
margin-top: 10px;
margin-right: -4px;
}
.option-template-get{
display: inline-block;
width: 544px;
}
.option-template-get select{
width: 330px;
}
.option-template-save{
display: inline-block;
width: 440px;
}
.option-template-save input[type=checkbox] {
width: 30px;
}
.option-template-save input[type=text] {
width: 215px;
}
.option-template-save button.save {
margin-left: 70px;
}
div.activeElement-groupAdm-result {
}
div.activeElement-groupAdm-result > div {
margin-left: 300px;
}
/* GENERIC LIST */
.generic-list{
border-top: 4px solid #41424D;
margin-top: 10px;
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 10px;
background: #F5F5F5
}
/* CNPLIST TOP FILTERS */
.cnpList-top-filters{
border-top: 4px solid #41424D;
margin-top: 10px;
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 10px;
background: #F5F5F5
}
.cnpList-top-filters .filter-row{
/* height: 25px; */
margin-bottom: 6px;
}
.cnpList-top-filters .filter-chk{
/* width: 30px; */
margin-right: 6px;
}
.cnpList-top-filters .filter-img{
/* width: 50px; */
margin-right: 6px;
}
.cnpList-top-filters .filter-descr{
/* width: 150px; */
margin-right: 6px;
}
.doc-preview-hover{
position: absolute;
top: 50px;
left: 700px;
height:800px;
min-width:300px;
background-color: white;
border: 2px grey solid;
z-index: 1000;
}
.doc-preview-hover > img {
height: 100%;
}
.multiUploader_files {
width: 195px;
}
/******************************* addCss(buttons.css) START *******************************/
/* ---------- BUTTONS ---------- */
/* collapse button */
.collapse-button{
vertical-align: top;
background-color: transparent;
margin-top: 0;
height: 16px;
width: 16px;
font-size: 0em;
color: transparent;
border: 0;
}
.collapse-button.left{
background: transparent url('./ico/pgm/collapse-l.png') no-repeat center center ;
}
.collapse-button.right{
background: transparent url('./ico/pgm/collapse-r.png') no-repeat center center ;
}
.collapse-button.bottom{
background: transparent url('./ico/pgm/collapse-b.png') no-repeat center center ;
}
.collapse-button.top{
background: transparent url('./ico/pgm/collapse-t.png') no-repeat center center ;
}
.admin-button{
vertical-align: top;
margin-top: 0;
margin-bottom: 5px;
border: 0;
height: 40px;
width: 40px;
margin-right: 3px;
font-size: 0em;
cursor: pointer;
}
.admin-button.edit-mode{ background: transparent url('./ico/core/admin_edit.png') no-repeat center center ;}
.admin-button.refresh-page{ background: transparent url('./ico/core/admin_refresh.png') no-repeat center center ;}
.admin-button.client-switch{ background: transparent url('./ico/core/admin_client_switch.png') no-repeat center center ;}
.admin-button.pid-edit{ background: transparent url('./ico/core/admin_password.png') no-repeat center center ;}
.admin-button.pid-switch{ background: transparent url('./ico/core/admin_simulate.png') no-repeat center center ;}
.admin-button.notes-view{ background: transparent url('./ico/core/admin_edit.png') no-repeat center center ;}
.admin-button.map{ background: transparent url('./ico/core/admin_map.png') no-repeat center center ; }
.admin-button.drop{ background: transparent url('./ico/core/admin_drop.png') no-repeat center center ; }
.icon-button { /* main class */
vertical-align: top;
margin-top: 0;
height: 30px;
width: 30px;
border: 0;
margin-right: 3px;
font-size: 0em;
cursor: pointer;
}
.icon-button.temporary,
.icon-button.view,
.icon-button.add,
.icon-button.ok
{
font-size: 16px;
color: transparent;
font-weight: bold;
text-align: center;
background: transparent url('./ico/core/temporary.png') no-repeat center center ;
}
.icon-button.temporary{
color: #d1d2dd;
}
/* #################### old buttons --> to be replaced ################ */
/* small buttons */
.icon-button.cancel{
background: transparent url('./ico/core/cancel.png') no-repeat center center ;
}
.icon-button.map{
background: #fff url('./ico/mapview/map_24.png') no-repeat center center ;
}
.icon-button.euro{
background: transparent url('./ico/buttons/euro_24.png') no-repeat center center ;
}
.icon-button.no-euro {
background: transparent url('./ico/buttons/no-euro_24.png') no-repeat center center;
}
.icon-button.toggle{
background: transparent url('./ico/core/toggle_open.png') no-repeat center center ;
}
.icon-button.toggle.close{
background: transparent url('./ico/core/toggle_close.png') no-repeat center center ;
}
.icon-button.edit{
background: transparent url('./ico/core/edit.png') no-repeat center center ;
}
.icon-button.list{
background: transparent url('./ico/core/list.png') no-repeat center center ;
}
.icon-button.copy{
background: transparent url('./ico/core/copy.png') no-repeat center center ;
}
.icon-button.download{
background: transparent url('./ico/core/download.png') no-repeat center center ;
}
.icon-button.drop{
background: transparent url('./ico/core/drop.png') no-repeat center center ;
}
.icon-button.reactivate{
background: transparent url('./ico/core/ok.png') no-repeat center center ;
}
.icon-button.back{
background: transparent url('./ico/core/back.png') no-repeat center center ;
}
.icon-button.update{
background: transparent url('./ico/core/update.png') no-repeat center center ;
}
.icon-button.search{
background: transparent url('./ico/core/search.png') no-repeat center center ;
}
.icon-button.save{
background: transparent url('./ico/core/save.png') no-repeat center center ;
}
.icon-button.activate,
.icon-button.inactive{
background: transparent url('./ico/core/invisible.png') no-repeat center center ;
}
.icon-button.deactivate,
.icon-button.active{
background: transparent url('./ico/core/visible.png') no-repeat center center ;
}
.icon-button.toggle{
background: transparent url('./ico/core/toggle_open.png') no-repeat center center ;
}
.icon-button.lock{
background: transparent url('./ico/main/lock-24px.svg') no-repeat center center ;
}
.icon-button.lock-open{
background: transparent url('./ico/main/lock_open-24px.svg') no-repeat center center ;
}
.icon-button.pid-switch{
background: #fff url('./ico/pgm/impers.png') no-repeat center center ;
}
.icon-button.pid-edit{
background: #fff url('./ico/pgm/key.png') no-repeat center center ;
}
.icon-button.client-switch{
background: #fff url('./ico/pgm/cuswitch.png') no-repeat center center ;
}
.icon-button.edit-mode{
background: #fff url('./ico/pgm/edit.png') no-repeat center center ;
}
.icon-button.refresh-page{
background: #fff url('./ico/pgm/refresh.png') no-repeat center center ;
}
.icon-button.notes-view{
background: #fff url('./ico/pgm/notes_16.png') no-repeat center center ;
}
.icon-button.site-mode{
background: #fff url('./ico/pgm/close.png') no-repeat center center ;
}
.icon-button.img-edit{
background: #fff url('./ico/pgm/imgEdit.png') no-repeat center center ;
}
.icon-button.section-sel{
background: #fff url('./ico/pgm/selField.png') no-repeat center center ;
}
.icon-button.edit.edit-close{
background: #fff url('./ico/pgm/close.png') no-repeat center center ;
}
.icon-button.info{
background: #fff url('./ico/pgm/info_16.png') no-repeat center center ;
}
.icon-button.send{
background: #fff url('./ico/pgm/send.png') no-repeat center center ;
}
.icon-button.hide-details{
background: #fff url('./ico/pgm/hidedetails_22.png') no-repeat center center ;
}
.icon-button.show-details{
background: #fff url('./ico/pgm/showdetails_22.png') no-repeat center center ;
}
.icon-button.check-checked{
background: transparent url('./ico/pgm/checkbox_checked_22.png') no-repeat center center ;
border-width: 0px;
}
.icon-button.check-unchecked{
background: transparent url('./ico/pgm/checkbox_unchecked_22.png') no-repeat center center ;
border-width: 0px;
}
.icon-button.pdf-yes{
background: transparent url('./ico/pgm/pdfyes_24.png') no-repeat center center ;
border-width: 0px;
}
.icon-button.pdf-all{
background: transparent url('./ico/pgm/pdfall_24.png') no-repeat center center ;
border-width: 0px;
}
.icon-button.pdf-reset{
background: transparent url('./ico/pgm/pdfreset_24.png') no-repeat center center ;
border-width: 0px;
}
.icon-button.pdf-no{
background: transparent url('./ico/pgm/pdfno_24.png') no-repeat center center ;
border-width: 0px;
}
.icon-button.rotate-l{
background: transparent url('./ico/core/rotate_left.png') no-repeat center center ;
}
.icon-button.rotate-r{
background: transparent url('./ico/core/rotate_right.png') no-repeat center center ;
}
.icon-button.usr-newpwd{
background: #fff url('./ico/pgm/sndpwd.png') no-repeat center center ;
}
.icon-button.log{
background: #fff url('./ico/pgm/log.png') no-repeat center center ;
}
.icon-button.news-activate{
background: #fff url('./ico/pgm/deactivate_news.png') no-repeat center center ;
}
.icon-button.news-deactivate{
background: #fff url('./ico/pgm/activate_news.png') no-repeat center center ;
}
.icon-button.puzzle-on{
background: #fff url('./ico/pgm/puzzleon_16.png') no-repeat 1px 1px ;
}
.icon-button.puzzle-off{
background: #fff url('./ico/pgm/puzzleoff_16.png') no-repeat 1px 1px ;
}
.icon-button.like{
background: #fff url('./ico/pgm/like_16.png') no-repeat center center ;
}
.icon-button.dislike{
background: #fff url('./ico/pgm/dislike_16.png') no-repeat center center ;
}
.icon-button.comment{
background: #fff url('./ico/pgm/comment_16.png') no-repeat center center ;
}
.icon-button.waiting{
background: #fff url('./ico/pgm/clock_16.png') no-repeat center center ;
}
.icon-button.published{
background: #fff url('./ico/pgm/world_16.png') no-repeat center center ;
}
.icon-button.online{
background: #fff url('./ico/pgm/world_16.png') no-repeat center center ;
}
.icon-button.online{
background: #fff url('./ico/pgm/world_16.png') no-repeat center center ;
}
.icon-button.offline{
background: #fff url('./ico/pgm/world_bw_16.png') no-repeat center center ;
}
.icon-button.rejected{
background: #fff url('./ico/pgm/block_16.png') no-repeat center center ;
}
.icon-button.datatables-filter-clear{
background: #fff url('./ico/pgm/drop.png') no-repeat center center ;
}
.icon-button.notes-ind{
background: #fff url('./ico/pgm/notes_16.png') no-repeat center center ;
}
.icon-button.submit{
background: #fff url('./ico/pgm/submit_16.png') no-repeat center center ;
overflow:hidden;
}
.icon-button.pointer{
background: #fff url('./ico/pgm/pointer_16.png') no-repeat center center ;
overflow:hidden;
}
.icon-button.attention{
background: #fff url('./ico/pgm/attention.png') no-repeat center center ;
overflow:hidden;
}
.icon-button.up{
background: #fff url('./ico/pgm/aup_16.png') no-repeat center center ;
}
.icon-button.dw{
background: #fff url('./ico/pgm/adw_16.png') no-repeat center center ;
}
.icon-button.map{
background: #fff url('./ico/mapview/map_24.png') no-repeat center center ;
}
.icon-button.un-happy-smiley{
border: none;
background: url('./ico/pgm/unHappySmiley_24.png') no-repeat center center ;
overflow:hidden;
}
.icon-button.happy-smiley{
border: none;
background: url('./ico/pgm/happySmiley_24.png') no-repeat center center ;
overflow:hidden;
}
.icon-button.super-happy-smiley{
border: none;
background: url('./ico/pgm/superHappySmiley_24.png') no-repeat center center ;
overflow:hidden;
}
.icon-button.un-happy-smiley.off{
border: none;
background: url('./ico/pgm/unHappySmileyOff_24.png') no-repeat center center ;
overflow:hidden;
}
.icon-button.happy-smiley.off{
border: none;
background: url('./ico/pgm/happySmileyOff_24.png') no-repeat center center ;
overflow:hidden;
}
.icon-button.super-happy-smiley.off{
border: none;
background: url('./ico/pgm/superHappySmileyOff_24.png') no-repeat center center ;
overflow:hidden;
}
.icon-button.prev{
background: #fff url('./ico/pgm/aleft_16.png') no-repeat center center ;
}
.icon-button.next{
background: #fff url('./ico/pgm/aright_16.png') no-repeat center center ;
}
.icon-button.pdf{
background: #fff url('./ico/pgm/apdf_16.png') no-repeat center center ;
}
.icon-button.zoom-in{
background: #fff url('./ico/pgm/zoomIn_16.png') no-repeat center center ;
}
.icon-button.zoom-out{
background: #fff url('./ico/pgm/zoomOut_16.png') no-repeat center center ;
}
.icon-button.zoom-fit{
background: #fff url('./ico/pgm/zoomFit_16.png') no-repeat center center ;
}
.icon-button.read{
background: #fff url('./ico/pgm/read.png') no-repeat center center ;
}
.icon-button.sign{
background: #fff url('./ico/core/keys.png') no-repeat center center ;
}
.icon-button.add{
background: transparent url('./ico/core/add.png') no-repeat center center ;
}
.small-icon-button { /* main class */
vertical-align: top;
margin-top: 0;
margin-right: 3px;
padding: 2px;
height: 21px;
width: 21px;
border: 0;
font-size: 0em;
cursor: pointer;
}
.small-icon-button.temporary,
.small-icon-button.view,
.small-icon-button.ok,
.small-icon-button.save,
.small-icon-button.back,
.small-icon-button.pointer
{
font-size: 12px;
color: #d1d2dd;
font-weight: bold;
text-align: center;
content: "";
background: transparent url('./ico/core/temporary_small.png') no-repeat center center ;
}
.small-icon-button.pdf{
background: transparent url('./ico/pgm/pdf.png') no-repeat center center ;
}
.small-icon-button.deactivate{
background: transparent url('./ico/pgm/deactivate.png') no-repeat center center ;
}
.small-icon-button.activate{
background: transparent url('./ico/pgm/activate.png') no-repeat center center ;
}
.small-icon-button.search{
background: transparent url('./ico/core/list_srch_small.png') no-repeat center center ;
}
.small-icon-button.send{
background: transparent url('./ico/pgm/send.png') no-repeat center center ;
}
.small-icon-button.cancel{
background: transparent url('./ico/core/cancel_small.png') no-repeat center center ;
}
.small-icon-button.add{
background: transparent url('./ico/core/plus_small.png') no-repeat center center ;
}
.small-icon-button.edit{
background: transparent url('./ico/core/edit_small.png') no-repeat center center ;
}
.small-icon-button.rename{
background: transparent url('./ico/core/rename_small.png') no-repeat center center ;
}
.small-icon-button.drop{
background: transparent url('./ico/core/drop_small.png') no-repeat center center ;
}
.small-icon-button.back{
background: transparent url('./ico/core/back_small.png') no-repeat center center ;
}
.small-icon-button.up{
background: transparent url('./ico/core/up_small.png') no-repeat center center ;
}
.small-icon-button.down{
background: transparent url('./ico/core/down_small.png') no-repeat center center ;
}
.small-icon-button.info{
background: transparent url('./ico/core/info_small.png') no-repeat center center ;
}
.small-icon-button.pointer{
background: transparent url('./ico/core/pointer_small.png') no-repeat center center ;
}
.small-icon-button.next{
background: transparent url('./ico/pgm/aright_16.png') no-repeat center center ;
}
.small-icon-button.alert{
background: transparent url('./ico/pgm/alert_20.png') no-repeat center center ;
}
.small-icon-button.rotate-l{
background: transparent url('./ico/core/rotate_left_small.png') no-repeat center center ;
}
.small-icon-button.rotate-r{
background: transparent url('./ico/core/rotate_right_small.png') no-repeat center center ;
}
.small-icon-button.toggle{
background: transparent url('./ico/core/toggle_open.png') no-repeat center center ;
background-size: contain;
}
.small-icon-button.toggle.close{
background: transparent url('./ico/core/toggle_close.png') no-repeat center center ;
background-size: contain;
}
.small-icon-button.save{
background: url('./ico/core/save.png') no-repeat center center ;
background-size: contain;
}
.small-icon-button.lock{
background: url('./ico/main/lock-24px.svg') no-repeat center center ;
background-size: contain;
}
.small-icon-button.open_lock{
background: url('./ico/main/lock_open-24px.svg') no-repeat center center ;
background-size: contain;
}
/* large buttons */
.large-button{
height: 44px;
width: 184px;
padding-left: 23px;
padding-right: 2px;
padding-bottom: 5px;
text-align: center;
cursor: pointer;
color: #333333;
font-size: 14px;
border-color: #999999;
border-width: 0px;
border-style: solid;
overflow: hidden;
}
.large-button.map{
background: url('./ico/buttons/LButtonMap.png') no-repeat;
}
.large-button.attention{
background: url('./ico/buttons/AButtonRed.png') no-repeat;
overflow: hidden;
}
.large-button.submit{
background: url('./ico/buttons/LButtonSubmit.png') no-repeat;
overflow: hidden;
}
.large-button.pointer{
background: url('./ico/buttons/AButtonYellow.png') no-repeat;
overflow: hidden;
}
.large-button.edit{
background: url('./ico/buttons/LButtonEdit.png') no-repeat;
overflow: hidden;
}
.large-button.download{
background: url('./ico/buttons/LButtonDownload.png') no-repeat;
}
.large-button.copy{
background: url('./ico/buttons/LButtonCopy.png') no-repeat;
}
.large-button.email{
background: url('./ico/buttons/AButtonGreen.png') no-repeat;
}
.large-button.cancel{
background: url('./ico/buttons/LButtonCancel.png') no-repeat;
}
.large-button.cancel.disabled{
background: url('./ico/buttons/LButtonCancel_disabled.png') no-repeat;
cursor: inherit;
}
.large-button.close{
background: url('./ico/buttons/LButtonClose.png') no-repeat;
}
.large-button.reopen{
background: url('./ico/buttons/AButtonYellow.png') no-repeat;
}
.large-button.back{
background: url('./ico/buttons/LButtonBack.png') no-repeat;
}
.large-button.modify{
background: url('./ico/buttons/AButtonYellow.png') no-repeat;
}
.large-button.active{
background: url('./ico/buttons/AButtonYellow.png') no-repeat;
}
.large-button.inactive{
background: url('./ico/buttons/AButtonYellow.png') no-repeat;
}
.large-button.save{
background: url('./ico/buttons/LButtonSave.png') no-repeat;
}
.large-button.save.disabled{
background: url('./ico/buttons/LButtonSave_disabled.png') no-repeat;
cursor: inherit;
}
.large-button.drop{
background: url('./ico/buttons/LButtonDrop.png') no-repeat;
}
.large-button.add{
background: url('./ico/buttons/LButtonAdd.png') no-repeat;
}
.large-button.remove{
background: url('./ico/buttons/LButtonRemove.png') no-repeat;
}
.large-button.notes{
background: url('./ico/buttons/AButtonYellow.png') no-repeat;
}
.large-button.info{
background: url('./ico/buttons/AButtonYellow.png') no-repeat;
}
.large-button.budget{
background: url('./ico/buttons/AButtonYellow.png') no-repeat;
}
.large-button.outlook{
background: url('./ico/buttons/AButtonYellow.png') no-repeat;
}
.large-button.search{
background: url('./ico/buttons/LButtonSearch.png') no-repeat;
}
.large-button.pdf{
background: url('./ico/buttons/LButtonPdf.png') no-repeat;
}
.large-button.excel{
background: url('./ico/buttons/AButtonGreen.png') no-repeat;
}
.large-button.send{
background: url('./ico/buttons/LButtonSend.png') no-repeat;
}
.large-button.ok{
background: url('./ico/buttons/LButtonOk.png') no-repeat;
}
.large-button.locked{
background: url('./ico/buttons/AButtonYellow.png') no-repeat;
}
.large-button.new{
background: url('./ico/buttons/LButtonNew.png') no-repeat;
}
.large-button.hide-show{
background: url('./ico/buttons/AButtonGreen.png') no-repeat;
}
.large-button.hide-show.activate{
background: url('./ico/buttons/AButtonYellow.png') no-repeat;
}
.large-button.person{
background: url('./ico/buttons/AButtonYellow.png') no-repeat;
}
.large-button.facility{
background: url('./ico/buttons/AButtonYellow.png') no-repeat;
}
.large-button.ticket{
background: url('./ico/buttons/AButtonYellow.png') no-repeat;
}
.large-button.furniture{
background: url('./ico/buttons/AButtonYellow.png') no-repeat;
}
.large-button.world{
background: url('./ico/buttons/AButtonYellow.png') no-repeat;
}
.large-button.pid-switch{
background: url('./ico/buttons/LButtonPidSwitch.png') no-repeat;
}
.large-button.comment{
background: url('./ico/buttons/LButtonComment.png') no-repeat;
}
.large-button.next{
background: url('./ico/buttons/LButtonNext.png') no-repeat;
}
.large-button.nextR{
background: url('./ico/buttons/LButtonNextR.png') no-repeat;
padding: 0px;
padding-right: 27px;
}
.large-button.prev{
background: url('./ico/buttons/LButtonPrev.png') no-repeat;
}
.large-button.online{
color: #333;
background: url('./ico/buttons/LButtonOnline.png') no-repeat;
}
.large-button.maintain{
color: #333;
background: url('./ico/buttons/LButtonOffline.png') no-repeat;
}
.large-button.offline{
color: #333;
background: url('./ico/buttons/LButtonOffline.png') no-repeat;
}
.large-button.like{
background: url('./ico/buttons/AButtonGreen.png') no-repeat;
}
.large-button.waiting{
background: url('./ico/buttons/LButtonWaiting.png') no-repeat;
}
.large-button.rejected{
background: url('./ico/buttons/AButtonRed.png') no-repeat;
}
.large-button.upload{
background: url('./ico/buttons/LButtonUpload.png') no-repeat;
}
.large-button.reset{
background: url('./ico/buttons/LButtonReset.png') no-repeat;
}
.large-button.goto{
background: url('./ico/buttons/LButtonGoto.png') no-repeat;
}
.large-button.csv{
background: url('./ico/buttons/LButtonCsv.png') no-repeat;
}
.large-button.hover{
cursor: pointer;
background-color: #ccc;
}
.large-button > div.button-checked,
.large-button > div.button-unchecked{
display: inline-block;
float: right;
height: 15px;
width: 16px;
margin-bottom: -4px;
}
.large-button > div.button-checked{
background: transparent url('./ico/pgm/checkbox_checked_15.png') no-repeat center center;
}
.large-button > div.button-unchecked{
background: transparent url('./ico/pgm/checkbox_unchecked_15.png') no-repeat center center;
}
.large-button .invoice{
height:26px;
width:140px;
padding-left: 40px;
text-align: left;
background: #fff url('./ico/pgm/invoice_16.png') no-repeat 3px center;
cursor:pointer;
}
.large-button .info{
height:26px;
width:140px;
padding-left: 40px;
text-align: left;
background: #fff url('./ico/pgm/info_16.png') no-repeat 3px center ;
cursor:pointer;
}
/* medium buttons */
.medium-button{
height: 36px;
width: 152px;
padding-left: 20px;
padding-right: 0px;
padding-bottom: 3px;
text-align: center;
cursor: pointer;
color: #333333;
font-size: 12px;
border-color: #999999;
border-width: 0px;
border-style: solid;
overflow: hidden;
}
.medium-button.submit{
background: url('./ico/buttons/MButtonSubmit.png') no-repeat;
overflow: hidden;
}
.medium-button.edit{
background: url('./ico/buttons/MButtonEdit.png') no-repeat;
overflow: hidden;
}
.medium-button.download{
background: url('./ico/buttons/MButtonDownload.png') no-repeat;
}
.medium-button.copy{
background: url('./ico/buttons/MButtonCopy.png') no-repeat;
}
.medium-button.cancel{
background: url('./ico/buttons/MButtonCancel.png') no-repeat;
}
.medium-button.close{
background: url('./ico/buttons/MButtonClose.png') no-repeat;
}
.medium-button.back{
background: url('./ico/buttons/MButtonBack.png') no-repeat;
}
.medium-button.save{
background: url('./ico/buttons/MButtonSave.png') no-repeat;
}
.medium-button.drop{
background: url('./ico/buttons/MButtonDrop.png') no-repeat;
}
.medium-button.add{
background: url('./ico/buttons/MButtonAdd.png') no-repeat;
}
.medium-button.search{
background: url('./ico/buttons/MButtonSearch.png') no-repeat;
}
.medium-button.pdf{
background: url('./ico/buttons/MButtonPdf.png') no-repeat;
}
.medium-button.send{
background: url('./ico/buttons/MButtonSend.png') no-repeat;
}
.medium-button.ok{
background: url('./ico/buttons/MButtonOk.png') no-repeat;
}
.medium-button.new{
background: url('./ico/buttons/MButtonNew.png') no-repeat;
}
.medium-button.pid-switch{
background: url('./ico/buttons/MButtonPidSwitch.png') no-repeat;
}
.medium-button.comment{
background: url('./ico/buttons/MButtonComment.png') no-repeat;
}
.medium-button.next{
background: url('./ico/buttons/MButtonNext.png') no-repeat;
}
.medium-button.nextR{
background: url('./ico/buttons/MButtonNextR.png') no-repeat;
padding: 0px;
padding-right: 23px;
}
.medium-button.prev{
background: url('./ico/buttons/MButtonPrev.png') no-repeat;
}
.medium-button.online{
background: url('./ico/buttons/MButtonOnline.png') no-repeat;
}
.medium-button.offline{
background: url('./ico/buttons/MButtonOffline.png') no-repeat;
}
.medium-button.waiting{
background: url('./ico/buttons/MButtonWaiting.png') no-repeat;
}
.medium-button.upload{
background: url('./ico/buttons/MButtonUpload.png') no-repeat;
}
.medium-button.reset{
background: url('./ico/buttons/MButtonReset.png') no-repeat;
}
.medium-button.goto{
background: url('./ico/buttons/MButtonGoto.png') no-repeat;
}
.medium-button.csv{
background: url('./ico/buttons/MButtonCsv.png') no-repeat;
}
/* small buttons */
.small-button{
height: 30px;
width: 122px;
padding-left: 15px;
padding-right: 1px;
padding-bottom: 3px;
text-align: center;
cursor: pointer;
color: #333333;
font-size: 11px;
border-color: #999999;
border-width: 0px;
border-style: solid;
overflow: hidden;
}
.small-button.submit{
background: url('./ico/buttons/SButtonSubmit.png') no-repeat;
overflow: hidden;
}
.small-button.edit{
background: url('./ico/buttons/SButtonEdit.png') no-repeat;
overflow: hidden;
}
.small-button.download{
background: url('./ico/buttons/SButtonDownload.png') no-repeat;
}
.small-button.copy{
background: url('./ico/buttons/SButtonCopy.png') no-repeat;
}
.small-button.cancel{
background: url('./ico/buttons/SButtonCancel.png') no-repeat;
}
.small-button.close{
background: url('./ico/buttons/SButtonClose.png') no-repeat;
}
.small-button.back{
background: url('./ico/buttons/SButtonBack.png') no-repeat;
}
.small-button.save{
background: url('./ico/buttons/SButtonSave.png') no-repeat;
}
.small-button.drop{
background: url('./ico/buttons/SButtonDrop.png') no-repeat;
}
.small-button.add{
background: url('./ico/buttons/SButtonAdd.png') no-repeat;
}
.small-button.search{
background: url('./ico/buttons/SButtonSearch.png') no-repeat;
}
.small-button.pdf{
background: url('./ico/buttons/SButtonPdf.png') no-repeat;
}
.small-button.send{
background: url('./ico/buttons/SButtonSend.png') no-repeat;
}
.small-button.ok{
background: url('./ico/buttons/SButtonOk.png') no-repeat;
}
.small-button.new{
background: url('./ico/buttons/SButtonNew.png') no-repeat;
}
.small-button.pid-switch{
background: url('./ico/buttons/SButtonPidSwitch.png') no-repeat;
}
.small-button.comment{
background: url('./ico/buttons/SButtonComment.png') no-repeat;
}
.small-button.next{
background: url('./ico/buttons/SButtonNext.png') no-repeat;
}
.small-button.nextR{
background: url('./ico/buttons/SButtonNextR.png') no-repeat;
padding: 0px;
padding-right: 20px;
}
.small-button.prev{
background: url('./ico/buttons/SButtonPrev.png') no-repeat;
}
.small-button.online{
background: url('./ico/buttons/SButtonOnline.png') no-repeat;
}
.small-button.offline{
background: url('./ico/buttons/SButtonOffline.png') no-repeat;
}
.small-button.waiting{
background: url('./ico/buttons/SButtonWaiting.png') no-repeat;
}
.small-button.upload{
background: url('./ico/buttons/SButtonUpload.png') no-repeat;
}
.small-button.reset{
background: url('./ico/buttons/SButtonReset.png') no-repeat;
}
.small-button.goto{
background: url('./ico/buttons/SButtonGoto.png') no-repeat;
}
.small-button.csv{
background: url('./ico/buttons/SButtonCsv.png') no-repeat;
}
/* status buttons */
.large-button.act,
.medium-button.act,
.small-button.act{
background-color: #EDEDF3;
color: #333333;
border-style: solid;
border-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-color: #AAC6E3;
border-top-color: #B1C7E4;
border-right-color: #428FC6;
border-bottom-color: #428FC6;
outline: #AAC6E3 solid 1px;
background-repeat: no-repeat;
background-position: 1px center;
cursor: pointer;
}
.large-button.sel,
.medium-button.sel,
.small-button.sel{
background-color: #B1CDDE;
color: #333333;
border-style: solid;
border-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-color: #AAC6E3;
border-top-color: #B1C7E4;
border-right-color: #428FC6;
border-bottom-color: #428FC6;
outline: #AAC6E3 solid 1px;
background-repeat: no-repeat;
background-position: 1px center;
cursor: default;
}
.large-button.dis,
.medium-button.dis,
.small-button.dis{
background-color: #D1D1D1;
color: #999999;
border-style: solid;
border-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-color: #AAC6E3;
border-top-color: #B1C7E4;
border-right-color: #428FC6;
border-bottom-color: #428FC6;
outline: #AAC6E3 solid 1px;
background-repeat: no-repeat;
background-position: 1px center;
cursor: default;
}
/*
border-style: solid;
border-width: 1px;
border-color: #AAC6E3;
border-top-color: #B1C7E4;
border-right-color: #B1C7E4;
border-bottom-color: #428FC6;
*/
/* particular buttons */
.impressum-btn{
padding: 0;
color: #999999;
border: 1px;
background: transparent;
text-decoration: underline;
cursor: pointer;
}
/* ---------- SELECTs ---------- */
/* languages select (#sel-lang-div) */
#sel-lang-div .sel-lang{
-webkit-appearance: none;
height:44px;
padding-left: 35px;
margin-bottom: 5px;
margin-top: 5px;
}
#sel-lang-div .sel-lang-opt{
-webkit-appearance: none;
width:40px;
padding-left: 25px;
}
#sel-lang-div .flag-ger{
background: url("./ico/core/lang_ger.png") no-repeat ;
}
#sel-lang-div .flag-eng{
background:url("./ico/core/lang_eng.png") no-repeat ;
}
#sel-lang-div .flag-fra{
background:url("./ico/core/lang_fra.png") no-repeat ;
}
#sel-lang-div .flag-ita{
background:url("./ico/core/lang_ita.png") no-repeat ;
}
#sel-lang-div .flag-rus{
background:url("./ico/core/lang_rus.png") no-repeat ;
}
#sel-lang-div .flag-bos{
background:url("./ico/core/lang_bos.png") no-repeat ;
}
#sel-lang-div .flag-hrv{
background:url("./ico/core/lang_hrv.png") no-repeat ;
}
#sel-lang-div .flag-geo{
background:url("./ico/core/lang_geo.png") no-repeat ;
}
#sel-lang-div .flag-tur{
background: url("./ico/core/lang_tur.png") no-repeat ;
}
#sel-lang-div .flag-bsn{
background: url("./ico/core/lang_bsn.png") no-repeat ;
}
#sel-lang-div .flag-bul{
background: url("./ico/core/lang_bul.png") no-repeat ;
}
#sel-lang-div .flag-cze{
background: url("./ico/core/lang_cze.png") no-repeat ;
}
#sel-lang-div .flag-esp{
background: url("./ico/core/lang_esp.png") no-repeat ;
}
#sel-lang-div .flag-gre{
background: url("./ico/core/lang_gre.png") no-repeat ;
}
#sel-lang-div .flag-hun{
background: url("./ico/core/lang_hun.png") no-repeat ;
}
#sel-lang-div .flag-mkd{
background: url("./ico/core/lang_mkd.png") no-repeat ;
}
#sel-lang-div .flag-mac{
background: url("./ico/core/lang_mac.png") no-repeat ;
}
#sel-lang-div .flag-rum{
background: url("./ico/core/lang_rum.png") no-repeat ;
}
#sel-lang-div .flag-slo{
background: url("./ico/core/lang_slo.png") no-repeat ;
}
#sel-lang-div .flag-svn{
background: url("./ico/core/lang_svn.png") no-repeat ;
}
#sel-lang-div .flag-srp{
background: url("./ico/core/lang_srp.png") no-repeat ;
}
#sel-lang-div .flag-ukr{
background: url("./ico/core/lang_ukr.png") no-repeat ;
}
#sel-lang-div .flag-pol{
background: url("./ico/core/lang_pol.png") no-repeat ;
}
#sel-lang-div .disabled {
filter: brightness(60%);
}
.tree-button{
height: 20px;
width: 20px;
border-width: 0;
cursor: pointer;
}
.tree-button.join-img{
background: transparent url('./ico/cnpTree/expanded.png') no-repeat 3px center;
}
.tree-button.join-img.collapsed{
background-image: url('./ico/cnpTree/collapsed.png');
}
.tree-button.join-img.none{
background: transparent none;
}
button.fieldset-toggler,
button.fieldset-toggler.plus{
display: inline-block;
vertical-align: top;
margin-right: 10px;
height: 15px;
width: 15px;
border-width: 0;
font-size: 0;
background: #FFFFFF url('./ico/pgm/plus.png') no-repeat center center;
}
button.fieldset-toggler.minus{
display: inline-block;
vertical-align: top;
margin-right: 10px;
height: 15px;
width: 15px;
border-width: 0;
font-size: 0;
background: #FFFFFF url('./ico/pgm/minus.png') no-repeat center center;
}
/******************************* addCss(overlay.css) START *******************************/
/* css file for cnpview3 overlays requires transparency IE7+ or FF */
.overlay{
position: absolute;
top:0px;
z-index:101;
display:none;
width:100%;
min-height:100%;
background:rgba(0, 0, 0, 0.5);
text-align:center;
}
.overlay_menu{
position: absolute;
top:0px;
z-index:101;
visibility:hidden;
width:100%;
height:100%;
background:rgba(1, 0, 0, 0.5);
text-align:center;
}
.overlayWindow{
margin-top: 200px;
margin-left: auto;
margin-right: auto;
width: 300px;
min-height: 100px;
background-color: #ffffff;
border: solid 1px;
z-index: 102;
}
.overlayWindowContent{
text-align:left;
height:75px;
}
.overlayInfo{
background-image:url('../img/overlay/info.png');
background-repeat:no-repeat;
background-position:5px 5px;
padding-top: 10px;
padding-left:50px;
}
.overlayError{
background-image:url('../img/overlay/achtung.png');
background-repeat:no-repeat;
background-position:5px 5px;
padding-top: 10px;
padding-left:50px;
}
#popupContainer {
}
.messages{
position:fixed !important ;
display:none;
top:0px;
width:100%;
height:100%;
z-index:105;
background:rgba(0, 0, 0, 0.5);
}
.backbutton{
float:right;
margin-bottom:5px;
margin-right:5px;
height:22px;
padding-left:10px;
background-color:#E5E5E5;
color:#666666;
border:0px solid #E5E5E5;
padding-bottom:3px;
}
.backbuttonhover{
float:right;
margin-bottom:5px;
margin-right:5px;
height:22px;
padding-left:10px;
background-color:#E5E5E5;
color:#666666;
border:0px solid #E5E5E5;
padding-bottom:3px;
}
.editor{
background-color:#fff;
z-index: 110;
position: relative;
z-index: 200;
}
.tmplinfo{
background-color:#F0F0EE;
border:0.3px #333;
margin:2px;
}
.editor_adminbuttons{
display: none;
position:absolute;
overflow: hidden;
background-color: #EAEAF1;
z-index:110;
border:1px solid #eeeeee;
}
#editor_menueIMG{
display: none;
position:absolute;
min-width: 160px;
min-height: 63px;
z-index:110;
}
#editor_menu{
display: none;
position:absolute;
z-index:110;
}
#editor_content{
display: none;
position:absolute;
z-index:110;
overflow:visible;
text-align: left;
border-top:4px solid #210002;
padding-top: 5px;
}
#editor_content .tab-content {
padding-top: 6px;
}
#editor_content .tab-content h1,
#editor_content .tab-content h2,
#editor_content .tab-content h3,
#editor_content .tab-content h4 {
margin-left: 4px;
}
.editor-form-block{
padding-left: 10px;
}
#editor_news{
display: none;
position:absolute;
overflow: hidden;
z-index:110;
}
.overlay-area{
cursor: pointer;
border:1px solid #eeeeee !important;
}
.overlay-area_hover{
border:1px solid red !important;
}
.pidswitch{
background-color: white;
width:500px;
margin: 200px auto 0 auto;
padding:30px;
}
.popup{
background-color: white;
width:500px;
margin: 200px auto 0 auto;
padding-left:30px;
padding-right:30px;
padding-bottom:30px;
text-align: left;
}
.areyousure{
background-color: white;
width:500px;
margin: 200px auto 0 auto;
padding:30px;
text-align: left;
border: blue solid 2px;
}
.areyousure img{
float:left;
margin-top:10px;
margin-left:10px;
}
.areyousure .messagetext {
display: inline-block;
float:right;
width: 350px;
margin-top:10px;
margin-right:10px;
font-size: 1.3em;
font-weight: bold;
}
.areyousure .cancel {
margin-left: 180px;
margin-top: 20px;
}
#areyousureword_confirmword{
float:right;
margin-right: 150px;
margin-top: 10px;
margin-bottom: 20px;
}
#areyousureword_explain{
display: inline-block;
float:right;
text-align: left;
margin-top:10px;
margin-right:20px;
width: 340px;
}
#explaintext{
display: inline-block;
float:right;
text-align: left;
margin-top:10px;
margin-right:20px;
width: 340px;
height:80px;
}
.errorbox ,
.errorBox {
background-color: white;
width:500px;
margin: 200px auto 0 auto;
padding:30px;
text-align: left;
border: #A40000 dashed 3px;
z-index: 200;
}
.errorBox img , .infoBox img,
.errorbox img , .infobox img{
float:left;
margin-top:10px;
margin-left:10px;
}
.infoBox,
.infobox{
background-color: white;
width:500px;
margin: 200px auto 0 auto;
padding:30px;
text-align: left;
border: #708BC2 solid 2px;
}
.infoBox .messagetext , .errorBox .messagetext ,
.infobox .messagetext , .errorbox .messagetext {
display: block;
float:right;
width: 350px;
margin-top:10px;
margin-right:10px;
font-size: 1.1em;
font-weight: bold;
max-height: 280px;
overflow-y: scroll;
}
/*
.infobox .large-button cancel , .errorbox .large-button cancel{
margin-left: 180px;
margin-top: 20px;
}
*/
#mailresult{
margin-left: -70px;
max-height: 250px;
overflow-y: scroll;
font-size: 0.8em;
font-weight: normal;
}
/* editor */
/* documentation */
#editorDocumentation .header{
margin-left: 10px;
padding-top: 5px;
height: 22px;
color: grey;
}
#editorDocumentation .version-buttons{
margin-top: -3px;
float: right;
display: inline-block;
}
#tmpl_part_placeholder{
width: 100%;
height:60px;
text-align: center;
padding-top: 40px;
background: #dfcfcf;
}
.pdf-blocks-table th{
min-width: 50px;
}
/******************************* addCss(cnpForm.css) START *******************************/
/* site-form */
.form-spacer{
height: 10px;
}
.inline-form{
display: inline-block;
}
.site-form{
border-top: 4px solid #B8AB9A;
background-color: #E1E1EB;
width: 1000px;
margin: 0px;
}
.site-form.editor{
border-top: 4px solid #00000C;
background-color: #EAEAF1; /* #EDF5F3 */
width: 1000px;
margin: 0px;
}
.site-form hr{
border: 0;
height: 1px;
background: #C3C3C3;
}
.site-form input[type=text],
.site-form input[type=email],
.site-form input[type=phone] {
border: 1px solid #999999;
border-radius: 0;
font-weight: normal;
margin: 1px;
vertical-align: top;
}
.site-form select{
margin: 1px;
vertical-align: top;
}
.site-form > fieldset {
border: 0;
padding: 5px;
}
.site-form fieldset {
margin-bottom: 5px;
}
.site-form fieldset.half {
display: inline-block;
width: 460px;
margin-right: 5px;
margin-bottom: 5px;
min-height: 40px;
vertical-align: top;
}
.site-form fieldset.left-half {
display: inline-block;
width: 460px;
margin-right: 5px;
margin-bottom: 5px;
min-height: 40px;
vertical-align: top;
}
.site-form fieldset.right-half {
display: inline-block;
width: 460px;
margin-bottom: 5px;
min-height: 40px;
vertical-align: top;
}
.site-form select.touchable{
width: 160px;
height: 37px;
background-color: #EDEDF3;
color: #333333;
border: 0 solid #428FC6;
border-top-color: #B1C7E4;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-color: #AAC6E3;
outline: #AAC6E3 solid 1px;
}
.site-form.editor > fieldset{
border: 0;
padding: 5px;
}
.site-form > fieldset > legend,
.site-form > fieldset > .legend {
font-size: 18px;
height: 25px;
width: 100%;
margin-left: -5px;
margin-top: -5px;
padding-top: 4px;
padding-left: 10px;
margin-bottom: 15px;
color: white;
background-color: darkgrey;
}
.site-form.editor > fieldset > legend,
.site-form.editor > fieldset > .legend {
font-size: 18px;
height: 25px;
width: 100%;
margin-left: -5px;
margin-top: -5px;
padding-top: 4px;
padding-left: 10px;
margin-bottom: 15px;
color: white;
background-color: #00000C; /* #adc1af */
font-weight: bold;
}
.site-form > fieldset > legend {
margin-right: 0px;
padding-right: 0px;
}
.site-form .input-block {
display: inline-block;
width: 450px;
margin-right: 20px;
margin-bottom: 8px;
}
.site-form .input-block > .input-wrapper{
display: inline-block;
vertical-align: top;
width: 180px;
margin: 0;
padding: 0;
}
.site-form .input-block > label{
display: inline-block;
width: 160px;
vertical-align: top;
margin-right: 10px;
}
.site-form .input-block > label.for-checkbox{
width: 370px;
}
.site-form .input-block > input[type=text],
.site-form .input-block > input[type=email],
.site-form .input-block > input[type=phone]{
vertical-align: top;
padding-left: 2px;
width: 288px;
}
.site-form .input-block > input[type=text].small,
.site-form .input-block > input[type=email].small,
.site-form .input-block > input[type=phone].small{
vertical-align: top;
padding-left: 2px;
margin-left: 0px;
width: 100px;
}
.site-form .input-block > input[type=text].xsmall,
.site-form .input-block > input[type=email].xsmall,
.site-form .input-block > input[type=phone].xsmall{
vertical-align: top;
padding-left: 2px;
margin-left: 0px;
width: 50px;
}
.site-form .input-block > .left-align {
margin-left: 0px !important;
}
.site-form .input-block > input[type=checkbox]{
vertical-align: top;
margin-left: 10px;
margin-right: 20px;
}
.site-form .input-block > select{
width: 294px;
height: 21px;
}
.site-form .input-block input[type=text].date-pick{
padding-left: 8px;
width: 142px;
}
.site-form .input-block > .date-container {
display: inline-block;
margin-left: 3px;
}
.site-form .input-block > label.date-label {
float: left;
}
.site-form .input-block.line ,
.site-form .input-block.full-line ,
.site-form .input-block.large {
display: inline-block;
width: 960px;
margin-right: 5px;
margin-bottom: 10px;
}
.site-form .input-block.large > label {
display: inline-block;
width: 160px;
}
.site-form .input-block.large > label > input[type=text],
.site-form .input-block.large > input[type=text]{
width: 780px;
}
.site-form .input-block.large > select{
width: 786px;
}
.site-form .input-block.large > select.address-book-select{
width: 601px;
}
.site-form select.address-book-select{
margin-right: 10px;
}
.site-form select.address-book-select > option .company{
color: darkgreen;
}
.site-form .input-block.small {
width: 230px;
margin-right: 10px;
}
.site-form .input-block.small > label {
width: 60px;
margin-right: 10px;
}
.site-form .input-block.small > input[type=checkbox]{
margin-left: 5px;
margin-right: 10px;
}
.site-form .input-block.small > select{
width: 60px;
}
.site-form .input-block.textarea {
width: inherit;
}
.site-form .input-block.textarea > label{
display: inline-block;
width: 160px;
}
.site-form .input-block > textarea{
display: inline-block;
vertical-align: text-top;
width: 461px;
height: 40px;
}
.site-form .input-block.large > textarea{
display: inline-block;
vertical-align: text-top;
width: 955px;
height: 40px;
}
.site-form .input-block > textarea.no-resize {
resize: none;
}
.site-form .input-block > textarea.inline {
width: 780px;
}
.site-form .input-block > textarea.medium-tall {
height: 100px;
}
.site-form .input-block > textarea.small-tall {
height: 50px;
}
.site-form .input-block > textarea.tall {
height: 200px;
}
.site-form .input-block > textarea.tinyMCE {
width: 785px;
height: 60px;
resize: none;
}
.site-form .input-block > .tinyMCE-container {
width: 785px;
display: inline-block;
}
.site-form .input-block.rights {
}
.site-form .input-block.rights > .rights_block{
margin-left: 163px;
}
.site-form .input-block.rights .rights_block > .group_row{
display: inline-block;
width: 276px;
border: 1px solid grey;
padding: 2px;
text-align: right;
margin-bottom: 3px;
}
.site-form .input-block.rights .rights_block > .group_row > label {
float: left;
}
.site-form .input-block.grouped {
margin-right: 14px;
}
.site-form .input-block.small > input[type=text],
.site-form .input-block.small > input[type=email],
.site-form .input-block.small > input[type=phone] {
width: 150px;
}
.site-form fieldset.left-half .input-block,
.site-form fieldset.right-half .input-block {
margin-right: 8px;
}
.site-form .input-block.large label.medium {
width: 160px;
margin-right: 10px;
}
.site-form .input-block.small label.medium {
width: 160px;
margin-right: 10px;
}
.site-form .input-block.line > label.header {
width: 290px;
}
.site-form .input-block.hidden {
display: none;
}
/* popup-form */
.popup {
border: darkgray solid 2px;
padding: 0;
}
.popup-form {
background: #EAEAF1;
max-height: 650px;
overflow-y: auto;
overflow-x: hidden;
width: 610px;
}
.popup-form .document_upload{
padding-top: 4px;
width: 560px;
}
.popup-form .document_upload .document_uploaddroparea{
width: 500px;
}
.popup-form > fieldset{
border: 0;
}
.popup-form.bForm > fieldset{
padding: 5px 5px 7px 5px;
border: 0 solid darkgrey;
border-top-width: 30px;
margin: 0;
}
.popup-form.bForm > fieldset.no-title{
border-top-width: 0;
}
.popup-form > fieldset > .legend,
.popup-form > fieldset > legend {
font-size: 18px;
text-align: center;
height: 30px;
width: 560px;
padding-top: 8px;
padding-left: 2px;
padding-right: 2px;
margin: 0px -5px 15px -5px;
color: white;
background-color: darkgrey;
}
.popup-form > fieldset.important-color > .legend,
.popup-form > fieldset.important-color > legend {
background-color: #995555;
}
.popup-form.setup-color > fieldset > .legend
.popup-form.setup-color > fieldset > legend {
background-color: #A2BF02;
}
.popup-form .input-block {
vertical-align: text-bottom;
}
.popup-form .input-block {
margin-left: 45px;
margin-bottom: 2px;
}
.popup-form .input-block > label{
display: inline-block;
width: 220px;
vertical-align: top;
}
.popup-form .input-block.small {
width: 275px;
float: left;
margin-left: 0;
}
.popup-form .input-block.small {
display: inline-block;
}
.popup-form .input-block.small > label{
display: inline-block;
width: 120px;
}
.popup-form .input-block.small input[type=text],
.popup-form .input-block.small input[type=email],
.popup-form .input-block.small input[type=phone]{
padding-left: 8px;
width: 120px;
}
.popup-form .input-block.small .input-wrapper{
display: inline-block;
vertical-align: text-bottom;
width: 140px;
margin: 0;
padding: 0;
}
.popup-form .input-block.small .input-wrapper input[type=text].date-pick {
padding-left: 8px;
width: 102px;
}
.popup-form .input-block > .input-wrapper{
display: inline-block;
vertical-align: text-bottom;
width: 180px;
margin: 0;
padding: 0;
}
.popup-form .input-block .input-wrapper input[type=text].date-pick {
padding-left: 8px;
width: 142px;
}
.popup-form .input-block.textarea{
margin-left: 45px;
margin-bottom: 2px;
}
.popup-form .input-block.textarea > label{
display: inline-block;
width: 100%;
}
.popup-form .input-block.textarea > textarea{
width: 445px;
height: 40px;
}
.popup-form .input-block > input[type=text],
.popup-form .input-block > input[type=email],
.popup-form .input-block > input[type=phone] {
width: 220px;
padding-left: 2px;
padding-right: 2px;
}
.popup-form .input-block > input[type=text].small,
.popup-form .input-block > input[type=email].small,
.popup-form .input-block > input[type=phone].small{
vertical-align: top;
padding-left: 2px;
margin-left: 190px;
width: 100px;
}
.popup-form .input-block > input[type=text].xsmall,
.popup-form .input-block > input[type=email].xsmall,
.popup-form .input-block > input[type=phone].xsmall{
vertical-align: top;
padding-left: 2px;
margin-left: 190px;
width: 50px;
}
.popup-form .input-block > select {
width: 225px;
padding-left: 2px;
padding-right: 2px;
}
.popup-form .input-block > select.small {
width: 110px;
padding-left: 2px;
padding-right: 2px;
}
.popup-form .input-block > select.xsmall {
width: 50px;
padding-left: 2px;
padding-right: 2px;
}
.popup-form .large-button.cancel{
margin-left: 25px;
}
.popup-form .input-block > textarea.no-resize {
resize: none;
}
.popup-form .input-block > textarea.inline {
width: 780px;
}
.popup-form .input-block > textarea.inline.medium {
width: 220px;
}
.popup-form .input-block > textarea.medium-tall {
height: 100px;
}
.popup-form .input-block > textarea.tall {
height: 200px;
}
.popup-form .input-block > textarea.small-tall {
height: 50px;
}
.popup-form .input-block > .left-align {
margin-left: 0px !important;
}
.popup-form .input-block > label.small {
display: inline-block;
width: 120px;
}
/******************************* addCss(cnpList.css) START *******************************/
/* datatable */
.cnp-list{
background-color: #F2F1F6;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 10px;
border-top: 4px solid #41424D;
}
.cnp-list thead{
background-color: #33333D;
color: #BCBCC8;
}
.cnp-list thead .dyn-titles{
height: 22px;
}
.cnp-list thead .dyn-titles th{
font-size: 11px;
}
.cnp-list thead .dyn-titles th > div{
overflow: hidden;
}
.cnp-list .inline-form{
display: inline-block;
}
.dataTables_wrapper{
margin-top: 5px;
margin-bottom: 5px;
}
table.dataTable > thead > tr > th{
border-right: 2px solid #F2F1F6;
padding: 3px;
}
table.dataTable > tbody > tr > td{
border-right: 2px solid #F2F1F6;
border-bottom: 2px solid #F2F1F6;
padding: 3px;
}
table.dataTable > tbody > tr > td > div{
overflow: hidden;
}
table.dataTable th:last-child,
table.dataTable td:last-child{
border-right: 0;
}
table.dataTable {
clear:both;
margin-left: 0;
table-layout: fixed;
border-collapse: collapse;
border: 0;
zoom: 1; /* Feeling sorry for IE */
}
.dataTables_length{
display: inline-block;
float:right;
margin-top: 4px;
width:300px;
height:25px;
}
.dataTables_filter{
margin-left: 20px;
margin-bottom: 10px;
text-align: left;
display: inline-block;
float: left;
width: 260px;
height: 28px;
}
.dataTables_filter > label {
display: block;
background: url('./ico/core/list_srch.png') left center no-repeat;
padding-left: 27px;
height: 28px;
}
.dataTables_filter > label > input{
margin-top: 4px;
margin-left: -2px;
padding-left: 6px;
background-color: transparent;
border-left-color: transparent ;
border-radius: 0 3px 3px 0;
height: 20px;
}
.dataTables_wrapper table tr.groups-filter-tr th{
padding: 1px 3px 1px 0;
}
.dataTables_wrapper .groups-filter-tr th input{
width: 100%;
}
.dataTables_wrapper input[type=text]{
width: 75%;
}
.dataTables_info{
display: inline-block;
padding-top: 10px;
margin-left: 20px;
width:300px;
}
.dataTable .form-control{
color: #999999;
width: 94%;
margin: 0;
}
.paging_two_button{
display: inline-block;
float:right;
padding-top: 5px;
height: 25px;
width:60px;
margin-right:40px;
}
.dataTables_paginate {
float: right;
margin-top: 2px;
margin-right: 200px;
}
.paginate_button{
margin-right: 4px;
margin-left: 4px;
color: transparent;
height: 28px;
width: 28px;
}
.paginate_button.first{
float:left;
background: url('./ico/core/pfeil2_l.png') no-repeat center center;
}
.paginate_button.first:hover{
background: url('./ico/core/pfeil2_l_h.png') no-repeat center center;
}
.paginate_button.first.disabled{
background: transparent;
}
.paginate_button.previous{
float:left;
background: url('./ico/core/pfeil_l.png') no-repeat center center;
}
.paginate_button.previous:hover{
background: url('./ico/core/pfeil_l_h.png') no-repeat center center;
}
.paginate_button.previous.disabled{
background: transparent;
}
.paginate_button.next{
float:right;
background: url('./ico/core/pfeil_r.png') no-repeat center center;
}
.paginate_button.next:hover{
background: url('./ico/core/pfeil_r_h.png') no-repeat center center;
}
.paginate_button.next.disabled{
background: transparent;
}
.paginate_button.last{
float:right;
background: url('./ico/core/pfeil2_r.png') no-repeat center center;
}
.paginate_button.last:hover{
background: url('./ico/core/pfeil2_r_h.png') no-repeat center center;
}
.paginate_button.last.disabled{
background: transparent;
}
.dataTables_wrapper .sorting_asc,
.dataTables_wrapper .sorting_desc,
.dataTables_wrapper .sorting{
padding: 3px;
cursor: pointer;
}
.dataTables_wrapper .sorting{
cursor: pointer;
background: transparent url('./ico/core/sorter_adesc.png') no-repeat 100% 10%;
}
.dataTables_wrapper .sorting_asc{
background: transparent url('./ico/core/sorter_asc.png') no-repeat 100% 10%;
}
.dataTables_wrapper .sorting_desc{
background: transparent url('./ico/core/sorter_desc.png') no-repeat 100% 10%;
}
.dataTables_info{
height: 30px;
}
.dataTables_wrapper .even{
background-color: #E1E1EB;
height: 50px;
}
.dataTables_wrapper .odd{
background-color: #F8F8FA;
height: 50px;
}
.dataTables_wrapper .selected{
background-color: #A0A0FA;
height: 50px;
}
.dataTables_wrapper .even.selected_row{
background-color: #FFBD69;
}
.dataTables_wrapper .odd.selected_row{
background-color: #FFBD69;
}
/* Labels */
.customlabelssyntax{
margin: 40px;
text-align: left;
}
.form_customlabels{
text-align: left;
margin: 40px;
}
.form_customlabels input{
width:100%;
}
.form_customlabels .inputF{
width:200px;
}
.form_customlabels select{
width:100px;
background-color: white;
}
.form_customlabels label{
display: inline-block;
width: 200px;
}
table.dataTable .doc-preview {
max-height: 80px;
}
table.dataTable .doc-preview > img{
max-height: 80px;
}
/******************************* addCss(clientedit.css) START *******************************/
/******************************* addCss(clientswitch.css) START *******************************/
#client-switch {
background-color: #F2F1F6;
margin-top: 10px;
margin-bottom: 10px;
margin-right: -20px;
padding-top: 10px;
border-top: 4px solid #41424D;
}
#client-switch .client-widget {
display: inline-block;
background-color: white;
border-top: 4px solid #41424D;
padding-top: 4px;
vertical-align: text-top;
width: 318px;
height: 90px;
margin-top: 8px;
margin-bottom: 8px;
margin-right: 19px;
}
#client-switch .client-widget:hover {
border-top-color: red;
}
#client-switch .logo {
display: inline-block;
vertical-align: text-top;
width: 140px;
overflow: hidden;
}
#client-switch .info {
display: inline-block;
vertical-align: text-top;
width: 165px;
overflow: hidden;
}
/******************************* addCss(news.css) START *******************************/
/* NEWS */
.newsPic {
float: right;
margin: 0;
position: relative;
top: 0;
width: 100%;
}
.newstitle {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
/*background-color: #E5E5E5;*/
/*border: 1px solid #E5E5E5;*/
border-bottom-color: #C3C3C3;
font-size: 12px;
height: 25px;
padding-left: 4px;
text-align: left;
width: 154px;
}
.newselement{
text-align: left;
padding-left: 4px;
}
.newselemtitle{
color:#999999;
text-align: left;
text-decoration: underline;
font-size: 1.2em;
}
.news_cont .news-block,
.news_cont .cnt-block,
.news_cont .pict-block,
.news_cont .wp-block{
font-family: Tahoma;
font-size: 10px;
line-height: 1.2;
}
#news img {
margin-top: 1px;
margin-bottom: 10px;
}
.newscountdown{
width:150px;
table-layout: fixed;
margin-left: 15px;
}
.newscountdown td{
font-size: 12px;
color:#000;
overflow: hidden;
}
#cd_monate,#cd_tage,#cd_stunden,#cd_minuten,#cd_sekunden,#cd_time{
width:32px;
height:22px;
font-size: 14px;
background-color:#666;
color:#fff;
border: 1px solid #999;
border-right-color: #666;
border-left-color: #666;
text-align: center;
}
#cd_time{
width:70px;
}
.newslink{
cursor:pointer;
}
.newslink:hover{
background-color: #E5E5E5;
}
.countdown-months { width: 50px;}
.countdown-days { width: 50px;}
.countdown-time { width: 100px;}
/******************************* addCss(datepicker.css) START *******************************/
table.jCalendar {
border: 1px solid #000;
background: #aaa;
border-collapse: separate;
border-spacing: 2px;
}
table.jCalendar th {
background: #333;
color: #fff;
font-weight: bold;
padding: 3px 5px;
}
table.jCalendar td {
background: #ccc;
color: #000;
padding: 3px 5px;
text-align: center;
}
table.jCalendar td.other-month {
background: #ddd;
color: #aaa;
}
table.jCalendar td.today {
background: #666;
color: #fff;
}
table.jCalendar td.selected {
background: #f66;
color: #fff;
}
table.jCalendar td.selected.dp-hover {
background: #f33;
color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
background: #fff;
color: #000;
}
table.jCalendar tr.selectedWeek td {
background: #f66;
color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
background: #bbb;
color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
background: #bbb;
color: #888;
}
/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup {
border: solid 1px #888;
position: relative;
background: #fff;
font-size: 10px;
font-family: arial, sans-serif;
padding: 3px;
width: 187px;
line-height: 1.2em;
}
div#dp-popup {
position: absolute;
z-index: 199;
}
div.dp-popup h2 {
font-size: 12px;
text-align: center;
margin: 2px 0;
padding: 0;
}
a#dp-close {
font-size: 11px;
padding: 4px 0;
text-align: center;
display: block;
}
a#dp-close:hover {
text-decoration: underline;
}
div.dp-popup a {
color: #000;
text-decoration: none;
padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
position: absolute;
top: 2px;
left: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-prev a {
float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
cursor: default;
}
div.dp-popup div.dp-nav-next {
position: absolute;
top: 2px;
right: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-next a {
float: right;
}
div.dp-popup a.disabled {
cursor: default;
color: #aaa;
}
div.dp-popup td {
cursor: pointer;
}
div.dp-popup td.disabled {
cursor: default;
}
a.dp-choose-date {
float: left;
width: 16px;
height: 16px;
padding: 0;
margin: 3px 3px 0;
display: block;
text-indent: -2000px;
overflow: hidden;
background: url('./ico/pgm/calendar.png') no-repeat;
}
a.dp-choose-date.dp-disabled {
background-position: 0 -20px;
cursor: default;
}
/* makes the input field shorter once the date picker code
* has run (to allow space for the calendar icon
*/
input.dp-applied {
width: 140px;
float: left;
}
/******************************* addCss(multiselect.css) START *******************************/
.ui-multiselect { font-size: 13px; font-weight:normal !important; display:-moz-inline-block; display:inline-block; cursor:default; text-decoration:none !important; padding:0 }
.ui-multiselect input { color: darkblue; font-size: 12px; float:left; /*padding:3px 0 3px 6px;*/ margin:0; border:none !important /* important fixes bug when inside ui-widget-content */; cursor:default; background:transparent }
.ui-multiselect span { /*float:right;*/ /*margin-top:-18px;*/}
.ui-multiselect-header { margin-bottom:3px; /*padding:3px 0 3px 6px;*/ background: #eaeaea; height: 20px; font-size: 13px;}
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; /*padding:0 10px 0 0*/ }
.ui-multiselect-header a { text-decoration:none; color: darkblue; }
.ui-multiselect-header a:hover { text-decoration:underline; color: darkred; }
.ui-multiselect-header .ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }
.ui-multiselect-options { display:none; /*padding:3px;*/ position:relative; z-index:10000; background: #eaeaea; font-size: 13px; }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { /*list-style-image: url('./ico/pgm/modify_16.png');*/ clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }
.ui-multiselect-close { /*list-style-image: url('./ico/pgm/cancel_16.png');*/ padding-right: 3px; }
/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }
/* shadow effect */
.ui-multiselect-shadow { box-shadow:0 0 10px #777; -moz-box-shadow:0 0 10px #777; -webkit-box-shadow:0 0 10px #777; -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#777777,direction=135,strength=3)"; filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#777777,direction=135,strength=3); }
/******************************* addCss(checklist.css) START *******************************/
#facilities.facilities-list > div.checklist-widget{
height: 40px;
margin-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
padding: 0;
width:765px;
border: 1px solid darkgrey;
background-color: #dddddd;
}
#facilities.facilities-list .checklist-widget label{
display: block;
color:grey;
font-size: 9px;
margin-bottom: 3px;
}
.checklist-widget .startDate-block,
.checklist-widget .warnDate-block,
.checklist-widget .dueDate-block,
.checklist-widget .name-block,
.checklist-widget .buttons-block,
.checklist-widget .status-block{
padding-top: 2px;
padding-left: 2px;
float: left;
color: darkgreen;
height: 38px;
width: 80px;
border-right: 1px solid darkgrey;
border-collapse: collapse;
}
.checklist-widget .name-block{
width: 250px;
}
.checklist-widget .buttons-block{
padding-top: 9px;
width: 120px;
border: 0;
}
.checklist-widget .status_problem{
background-color: red;
color: white;
}
.checklist-widget .status_ok{
background-color: darkgreen;
color: white;
}
/******************************* addCss(ad-gallery.css) START *******************************/
/* GalleryEdit */
#gallery .title-edit label{
display: inline-block;
width: 180px;
}
#gallery .title-edit input{
width: 400px;
}
/* Gallery */
.ad-gallery-container{
width:100%;
overflow: hidden;
}
.ad-gallery{
overflow: hidden;
}
.ad-gallery, .ad-gallery * {
margin: 0;
padding: 0;
}
.ad-gallery .ad-image-wrapper {
width: 1000px;
height: 424px;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.ad-gallery .ad-image-wrapper .ad-loader {
position: absolute;
z-index: 10;
top: 48%;
left: 48%;
border: 1px solid #CCC;
}
.ad-gallery .ad-image-wrapper .ad-next {
position: absolute;
right: 0;
top: 0;
width: 25%;
height: 100%;
cursor: pointer;
display: block;
z-index: 200;
}
.ad-gallery .ad-image-wrapper .ad-prev {
position: absolute;
left: 0;
top: 0;
width: 25%;
height: 100%;
cursor: pointer;
display: block;
z-index: 200;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
/* Or else IE will hide it */
background: url('ico/ad_gallery/non-existing.jpg')\9 ;
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
background: url('ico/ad_gallery/ad_prev.png');
width: 30px;
height: 30px;
display: none;
position: absolute;
top: 47%;
left: 0;
z-index: 101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
background: url('ico/ad_gallery/ad_next.png');
width: 30px;
height: 30px;
right: 0;
left: auto;
}
.ad-gallery .ad-image-wrapper .ad-image {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
z-index: 9;
}
.ad-gallery .ad-image-wrapper .ad-image a img {
border: 0;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
position: absolute;
bottom: 0px;
left: 0px;
padding: 7px;
text-align: left;
width: 100%;
z-index: 2;
background: url('ico/ad_gallery/opa75.png');
color: #000;
}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='ico/ad_gallery/opa75.png');
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
display: block;
}
.ad-gallery .ad-controls {
height: 20px;
}
.ad-gallery .ad-info {
float: left;
}
.ad-gallery .ad-slideshow-controls {
float: right;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
padding-left: 5px;
cursor: pointer;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
padding-left: 5px;
font-size: 0.9em;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
cursor: default;
font-style: italic;
}
.ad-gallery .ad-nav {
width: 100%;
position: relative;
}
.ad-gallery .ad-forward, .ad-gallery .ad-back {
position: absolute;
top: 0;
height: 100%;
z-index: 10;
}
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
height: 100px;
}
.ad-gallery .ad-back {
cursor: pointer;
left: -20px;
width: 13px;
display: block;
background: url('ico/ad_gallery/ad_scroll_back.png') 0px 22px no-repeat;
}
.ad-gallery .ad-forward {
cursor: pointer;
display: block;
right: -20px;
width: 13px;
background: url('ico/ad_gallery/ad_scroll_forward.png') 0px 22px no-repeat;
}
.ad-gallery .ad-nav .ad-thumbs {
overflow: hidden;
width: 100%;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
float: left;
width: 9000px;
list-style: none;
}
.ad-gallery .ad-thumbs li {
float: left;
padding-right: 5px;
}
.ad-gallery .ad-thumbs li a {
display: block;
}
.ad-gallery .ad-thumbs li a img {
border: 3px solid #CCC;
display: block;
}
.ad-gallery .ad-thumbs li a.ad-active img {
border: 3px solid #616161;
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
position: absolute;
left: -9000px;
top: -9000px;
}
.gallery_edit_titles{
margin-left:50px;border-collapse:collapse;table-layout: fixed; width:680px; border-bottom: 1px solid;
}
.gallery_edit_thumb{
width:100px;height:100px;overflow:hidden;padding: 5px;
}
.gallery_edit_info{
font-size: smaller;
}
.gallery_edit_list{
width:760px;height:590px;overflow:auto;
}
.gallery_edit_listtable{
margin-left:50px;border-collapse:collapse;table-layout: fixed; width:680px;
}
.gallery_edit_listtable input{
width: 90%;
}
.gallery_edit_listtable textarea{
margin-top: 5px;
width: 89%;
height: 50px;
}
#table_editgall_buttons button{
margin-left: 5px;
}
/******************************* addCss(documents.css) START *******************************/
.documents_grouprights_form{
margin: 30px;
}
.documents_grouprights_table{
border-collapse: collapse;
}
.documents_grouprights_table th{
font-size: 1.0em;
}
.documents_textarea{
width: 100%;
}
div.docTab{
background-color: red;
width:790px;/* important!*/
}
/* documents 2 */
#doc_tree_div a{
text-transform: none;
}
#doc_tree_div{
text-align: left;
position: relative;
width: 640px;
display: inline-block;
overflow-x: hidden;
min-height: 400px;
}
#documents_detailblock{
position: relative;
margin-right: 0;
float: right;
width: 342px;
}
#documents_detailblock.picturefriendly{
width: 270px;
}
.document_upload,
.document_info,
.document_modify_file,
.document_modify_picture,
.document_modify_folder,
.document_modify_type,
.document_modify_meta_data,
.document_rights,
.document_versions,
.document_logs{
text-align: left;
background-color: #E5E5E5;
border: solid #C3C3C3 1px ;
margin-bottom: 10px;
width: 340px;
overflow:hidden;
}
.document_upload > label{
padding-left: 5px;
display: block;
}
.document_uploaddroparea{
background-color: #ffffcd;
margin: 5px;
border: solid 2px #666;
width: 326px;
min-height: 50px;
overflow-x: hidden;
overflow-y: auto;
text-align: left;
}
.document_uploaddroparea.changed{
background-color: #dc8c89;
}
.document_uploaddroparea.dragover{
border: solid 2px yellow;
}
form[name=document_uploaddroparea_form].changed {
background-color: #dc8c89;
}
.document_label_block{
}
.document_label_block.right{
padding-right: 11px;
}
/*
.document_info .large-button download{
margin-top:-5px;
margin-left: -100px;
float: right;
}
*/
.document_block_title{
height: 22px;
padding-top: 5px;
padding-left: 3px;
background-color: #E5E5E5;
border-bottom: #999 solid 1px;
color: #222;
}
.document_label_block label{
display: inline-block;
padding-left: 2px;
padding-top: 2px;
margin-bottom: -6px;
font-size: 10px;
color: #444;
width: 150px;
height: 12px;
overflow: hidden;
vertical-align: top;
}
.document_label_block span{
display: inline-block;
text-align: right;
margin-left: 25px;
width: 280px;
}
.document_label_block span.hidden{
display: none;
}
.document_label_block input[type=text]{
margin-left: 25px;
padding-right: 4px;
width: 260px;
height:18px;
text-align: right;
}
.document_label_block input[type=button],
.document_label_block button{
display: inline-block;
margin-right: 3px;
}
.document_modify_picture .document_thumb{
width: 100%;
text-align: center;
}
.document_modify_picture img{
margin-top: 3px;
background-color: white;
border: 1px solid #000000;
}
.document_info{
}
.document_modify{
}
.document_rights{
}
.document_versions{
}
.document_logs{
}
.document_upload_result{
display: none;
text-align: center;
position: fixed;
top: 50px;
background-color: white;
width: 700px;
height: 150px;
border: 3px solid grey;
z-index: 200;
}
#document_upload_ifr{
width: 25px;
height: 25px;
margin-left:160px;margin-right:5px;float:left;border: 1px black solid;
}
#document_upload_ifr2{
border:0px solid #ffffff;
width: 80%;
height: 20px;
background-color: pink;
}
#document_upload_success{
float:left;
margin-top:0px;
margin-left:0px;
width:398px;
height:25px;
border:1px solid black;
background-color:white;
}
#document_upload_progress{
float:left;background-color:green;height:100%;width:0%;
}
#document_upload_status{
clear: both;
margin-top: 15px;
width: 100%;
}
.document_upload_old input[type=file]{
}
.document_versions ul{
padding-left: 5px;
}
.document_versions .vers_row{
margin-top: 5px;
}
.document_versions .vers_row_name{
width: 180px;
overflow: hidden;
text-align: left;
margin-left: 5px;
}
.document_versions .vers_row_date{
width: 100px;
overflow: hidden;
text-align: left;
margin-left: 60px;
font-size: 10px;
}
.document_versions .vers_row_size{
width: 50px;
overflow: hidden;
text-align: left;
margin-left: 5px;
font-size: 10px;
}
.document_versions .vers_row button{
margin-bottom: -4px;
}
.document_versions label{
width: 50px;
}
.jstree-0 li[data-rel="picture"] > a > .jstree-icon {
background-image: url('/css/ico/jstree/picture.png');
background-position: 0 0;
}
.document_logs_block{
max-height: 150px;
overflow-y: scroll;
}
.document_logs_block label{
width: 120px;
}
.log_row div{
display: inline-block;
width: 170px;
}
/******************************* addCss(workplaceWidgets.css) START *******************************/
/* documents 2 */
#tree_panel_div a{
text-transform: none;
}
#workplaces #tree_panel_div{
display: inline-block;
text-align: left;
position: relative;
width: 100%;
overflow-x: auto;
min-height: 400px;
vertical-align: top;
}
#places-detailblock{
display: inline-block;
top: 80px;
text-align: left;
width: 370px;
}
#places-detailblock textarea{
width: 350px;
}
#places-detailblock .places-tree-image{
display: inline-block;
background: pink;
width: 50px;
height: 50px;
padding: 10px 5px 10px 5px;
}
#places-detailblock .places-tree-image-block{
width: 99%;
}
#places-detailblock .places-tree-image.location{
background: url('./ico/workplace/location_48.png') no-repeat center transparent;
}
#places-detailblock .places-tree-image.cluster{
background: url('./ico/workplace/cluster_48.png') no-repeat center transparent;
}
#places-detailblock .places-tree-image.house{
background: url('./ico/workplace/house_48.png') no-repeat center transparent;
}
#places-detailblock .places-tree-image.wing{
background: url('./ico/workplace/wing_48.png') no-repeat center transparent;
}
#places-detailblock .places-tree-image.floor{
background: url('./ico/workplace/floor_48.png') no-repeat center transparent;
}
#places-detailblock .places-tree-image.floor_zone{
background: url('./ico/workplace/polygon_48.png') no-repeat center transparent;
}
#places-detailblock .places-tree-image.room{
background: url('./ico/workplace/room_48.png') no-repeat center transparent;
}
#places-detailblock .places-tree-image.place{
background: url('./ico/workplace/desk_black_48.png') no-repeat center transparent;
}
#places-detailblock .places-tree-image.person{
background: url('./ico/workplace/person_48.png') no-repeat center transparent;
}
#places-detailblock .places-tree-image.furniture{
background: url('./ico/workplace/chair_48.png') no-repeat center transparent;
}
#places-detailblock .places-tree-image.facility{
background: url('./ico/workplace/facility_48.png') no-repeat center transparent;
}
#places-detailblock .places-tree-image.ticket{
background: url('./ico/workplace/ticket_48.png') no-repeat center transparent;
}
#places-detailblock .places-tree-image-textblock{
display: inline-block;
vertical-align: top;
/*width: 290px;*/
/*height: 50px;*/
padding-top: 7px;
padding-left: 10px;
width: 250px;
}
#places-detailblock .places-tree-image-textdupl{
display: inline-block;
/*width: 250px;*/
margin-bottom: 5px;
}
#places-detailblock .places-tree-image-textdupl label{
display: inline-block;
width: 80px;
}
#places-detailblock .places-action-formdupl label{
display: inline-block;
width: 150px;
}
#places-detailblock .places-action-formdupl label.suffix{
width: 80px;
}
#places-detailblock .places-action-formdupl {
margin-bottom: 5px;
}
#places-detailblock .places-action-formdupl button
#places-detailblock .places-action-formdupl input{
vertical-align: top;
}
#places-detailblock .places-action-formdupl input.numeric{
width: 120px;
}
#places-detailblock .places-action-formdupl textarea{
width: 350px;
height: 40px;
}
#places-detailblock .places-info,
#places-detailblock .places-action{
background: #EAEAEA;
padding: 5px;
border-style: solid;
border-width: 1px;
border-color: #CCCCCC;
margin-bottom: 5px;
}
#places-detailblock .places-info .places-info-title,
#places-detailblock .places-action .places-actions-title{
width: 99%;
font-size: 16px;
margin-bottom: 5px;
}
/* Neu 2020 */
.coreWidget-PlaceSelector {
}
.coreWidget-PlaceSelector label{
display: inline-block;
padding-right: 10px;
}
.coreWidget-PlaceSelector select{
min-width: 140px;
max-width: 300px;
}
/******************************* addCss(jstree.css) START *******************************/
/* jsTree default theme */
.jstree-node,
.jstree-children,
.jstree-container-ul {
display: block;
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
.jstree-node {
white-space: nowrap;
}
.jstree-anchor {
display: inline-block;
color: black;
white-space: nowrap;
padding: 0 4px 0 1px;
margin: 0;
vertical-align: top;
}
.jstree-anchor:focus {
outline: 0;
}
.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
text-decoration: none;
color: inherit;
}
.jstree-icon {
display: inline-block;
text-decoration: none;
margin: 0;
padding: 0;
vertical-align: top;
text-align: center;
}
.jstree-icon:empty {
display: inline-block;
text-decoration: none;
margin: 0;
padding: 0;
vertical-align: top;
text-align: center;
}
.jstree-ocl {
cursor: pointer;
}
.jstree-leaf > .jstree-ocl {
cursor: default;
}
.jstree .jstree-open > .jstree-children {
display: block;
}
.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
display: none;
}
.jstree-anchor > .jstree-themeicon {
margin-right: 2px;
}
.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
display: none;
}
.jstree-hidden,
.jstree-node.jstree-hidden {
display: none;
}
.jstree-rtl .jstree-anchor {
padding: 0 1px 0 4px;
}
.jstree-rtl .jstree-anchor > .jstree-themeicon {
margin-left: 2px;
margin-right: 0;
}
.jstree-rtl .jstree-node {
margin-left: 0;
}
.jstree-rtl .jstree-container-ul > .jstree-node {
margin-right: 0;
}
.jstree-wholerow-ul {
position: relative;
display: inline-block;
min-width: 100%;
}
.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
cursor: pointer;
}
.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
position: relative;
}
.jstree-wholerow-ul .jstree-wholerow {
width: 100%;
cursor: pointer;
position: absolute;
left: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.jstree-contextmenu .jstree-anchor {
-webkit-user-select: none;
/* disable selection/Copy of UIWebView */
-webkit-touch-callout: none;
/* disable the IOS popup when long-press on a link */
}
.vakata-context {
display: none;
}
.vakata-context,
.vakata-context ul {
margin: 0;
padding: 2px;
position: absolute;
background: #f5f5f5;
border: 1px solid #979797;
box-shadow: 2px 2px 2px #999999;
}
.vakata-context ul {
list-style: none;
left: 100%;
margin-top: -2.7em;
margin-left: -4px;
}
.vakata-context .vakata-context-right ul {
left: auto;
right: 100%;
margin-left: auto;
margin-right: -4px;
}
.vakata-context li {
list-style: none;
}
.vakata-context li > a {
display: block;
padding: 0 2em 0 2em;
text-decoration: none;
width: auto;
color: black;
white-space: nowrap;
line-height: 2.4em;
text-shadow: 1px 1px 0 white;
border-radius: 1px;
}
.vakata-context li > a:hover {
position: relative;
background-color: #e8eff7;
box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context li > a.vakata-context-parent {
background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
background-position: right center;
background-repeat: no-repeat;
}
.vakata-context li > a:focus {
outline: 0;
}
.vakata-context .vakata-context-hover > a {
position: relative;
background-color: #e8eff7;
box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context .vakata-context-separator > a,
.vakata-context .vakata-context-separator > a:hover {
background: white;
border: 0;
border-top: 1px solid #e2e3e3;
height: 1px;
min-height: 1px;
max-height: 1px;
padding: 0;
margin: 0 0 0 2.4em;
border-left: 1px solid #e0e0e0;
text-shadow: 0 0 0 transparent;
box-shadow: 0 0 0 transparent;
border-radius: 0;
}
.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
color: silver;
background-color: transparent;
border: 0;
box-shadow: 0 0 0;
}
.vakata-context li > a > i {
text-decoration: none;
display: inline-block;
width: 2.4em;
height: 2.4em;
background: transparent;
margin: 0 0 0 -2em;
vertical-align: top;
text-align: center;
line-height: 2.4em;
}
.vakata-context li > a > i:empty {
width: 2.4em;
line-height: 2.4em;
}
.vakata-context li > a .vakata-contextmenu-sep {
display: inline-block;
width: 1px;
height: 2.4em;
background: white;
margin: 0 0.5em 0 0;
border-left: 1px solid #e2e3e3;
}
.vakata-context .vakata-contextmenu-shortcut {
font-size: 0.8em;
color: silver;
opacity: 0.5;
display: none;
}
.vakata-context-rtl ul {
left: auto;
right: 100%;
margin-left: auto;
margin-right: -4px;
}
.vakata-context-rtl li > a.vakata-context-parent {
background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
background-position: left center;
background-repeat: no-repeat;
}
.vakata-context-rtl .vakata-context-separator > a {
margin: 0 2.4em 0 0;
border-left: 0;
border-right: 1px solid #e2e3e3;
}
.vakata-context-rtl .vakata-context-left ul {
right: auto;
left: 100%;
margin-left: -4px;
margin-right: auto;
}
.vakata-context-rtl li > a > i {
margin: 0 -2em 0 0;
}
.vakata-context-rtl li > a .vakata-contextmenu-sep {
margin: 0 0 0 0.5em;
border-left-color: white;
background: #e2e3e3;
}
#jstree-marker {
position: absolute;
top: 0;
left: 0;
margin: -5px 0 0 0;
padding: 0;
border-right: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid;
width: 0;
height: 0;
font-size: 0;
line-height: 0;
}
#jstree-dnd {
line-height: 16px;
margin: 0;
padding: 4px;
}
#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
display: inline-block;
text-decoration: none;
margin: 0 2px 0 0;
padding: 0;
width: 16px;
height: 16px;
}
#jstree-dnd .jstree-ok {
background: green;
}
#jstree-dnd .jstree-er {
background: red;
}
#jstree-dnd .jstree-copy {
margin: 0 2px 0 2px;
}
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
background-repeat: no-repeat;
background-color: transparent;
}
.jstree-default .jstree-anchor,
.jstree-default .jstree-animated,
.jstree-default .jstree-wholerow {
transition: background-color 0.15s, box-shadow 0.15s;
}
.jstree-default .jstree-hovered {
background: #e7f4f9;
border-radius: 2px;
box-shadow: inset 0 0 1px #cccccc;
}
.jstree-default .jstree-context {
background: #e7f4f9;
border-radius: 2px;
box-shadow: inset 0 0 1px #cccccc;
}
.jstree-default .jstree-clicked {
background: #beebff;
border-radius: 2px;
box-shadow: inset 0 0 1px #999999;
}
.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
display: none;
}
.jstree-default .jstree-disabled {
background: transparent;
color: #666666;
}
.jstree-default .jstree-disabled.jstree-hovered {
background: transparent;
box-shadow: none;
}
.jstree-default .jstree-disabled.jstree-clicked {
background: #efefef;
}
.jstree-default .jstree-disabled > .jstree-icon {
opacity: 0.8;
filter: url("data:image/svg+xml;utf8,#jstree-grayscale");
/* Firefox 10+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
}
.jstree-default .jstree-search {
font-style: italic;
color: #8b0000;
font-weight: bold;
}
.jstree-default .jstree-no-checkboxes .jstree-checkbox {
display: none !important;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
background: transparent;
box-shadow: none;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
background: #e7f4f9;
}
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
background: transparent;
}
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
background: #e7f4f9;
}
.jstree-default > .jstree-striped {
min-width: 100%;
display: inline-block;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}
.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
background: transparent;
box-shadow: none;
border-radius: 0;
}
.jstree-default .jstree-wholerow {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.jstree-default .jstree-wholerow-hovered {
background: #e7f4f9;
}
.jstree-default .jstree-wholerow-clicked {
background: #beebff;
background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
}
.jstree-default .jstree-node {
min-height: 24px;
line-height: 24px;
margin-left: 24px;
min-width: 24px;
}
.jstree-default .jstree-anchor {
line-height: 24px;
height: 24px;
}
.jstree-default .jstree-icon {
width: 24px;
height: 24px;
line-height: 24px;
}
.jstree-default .jstree-icon:empty {
width: 24px;
height: 24px;
line-height: 24px;
}
.jstree-default.jstree-rtl .jstree-node {
margin-right: 24px;
}
.jstree-default .jstree-wholerow {
height: 24px;
}
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
background-image: url("ico/jstree/32px.png");
}
.jstree-default .jstree-node {
background-position: -292px -4px;
background-repeat: repeat-y;
}
.jstree-default .jstree-last {
background: transparent;
}
.jstree-default .jstree-open > .jstree-ocl {
background-position: -132px -4px;
}
.jstree-default .jstree-closed > .jstree-ocl {
background-position: -100px -4px;
}
.jstree-default .jstree-leaf > .jstree-ocl {
background-position: -68px -4px;
}
.jstree-default .jstree-themeicon {
background-position: -260px -4px;
}
.jstree-default > .jstree-no-dots .jstree-node,
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -36px -4px;
}
.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: -4px -4px;
}
.jstree-default .jstree-disabled {
background: transparent;
}
.jstree-default .jstree-disabled.jstree-hovered {
background: transparent;
}
.jstree-default .jstree-disabled.jstree-clicked {
background: #efefef;
}
.jstree-default .jstree-checkbox {
background-position: -164px -4px;
}
.jstree-default .jstree-checkbox:hover {
background-position: -164px -36px;
}
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default .jstree-checked > .jstree-checkbox {
background-position: -228px -4px;
}
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default .jstree-checked > .jstree-checkbox:hover {
background-position: -228px -36px;
}
.jstree-default .jstree-anchor > .jstree-undetermined {
background-position: -196px -4px;
}
.jstree-default .jstree-anchor > .jstree-undetermined:hover {
background-position: -196px -36px;
}
.jstree-default .jstree-checkbox-disabled {
opacity: 0.8;
filter: url("data:image/svg+xml;utf8,#jstree-grayscale");
/* Firefox 10+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
}
.jstree-default > .jstree-striped {
background-size: auto 48px;
}
.jstree-default.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
background-position: 100% 1px;
background-repeat: repeat-y;
}
.jstree-default.jstree-rtl .jstree-last {
background: transparent;
}
.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
background-position: -132px -36px;
}
.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
background-position: -100px -36px;
}
.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
background-position: -68px -36px;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -36px -36px;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: -4px -36px;
}
.jstree-default .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0;
}
.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
background: url("ico/jstree/throbber.gif") center center no-repeat;
}
.jstree-default .jstree-file {
background: url("ico/jstree/32px.png") -100px -68px no-repeat;
}
.jstree-default .jstree-folder {
background: url("ico/jstree/32px.png") -260px -4px no-repeat;
}
.jstree-default > .jstree-container-ul > .jstree-node {
margin-left: 0;
margin-right: 0;
}
#jstree-dnd.jstree-default {
line-height: 24px;
padding: 0 4px;
}
#jstree-dnd.jstree-default .jstree-ok,
#jstree-dnd.jstree-default .jstree-er {
background-image: url("ico/jstree/32px.png");
background-repeat: no-repeat;
background-color: transparent;
}
#jstree-dnd.jstree-default i {
background: transparent;
width: 24px;
height: 24px;
line-height: 24px;
}
#jstree-dnd.jstree-default .jstree-ok {
background-position: -4px -68px;
}
#jstree-dnd.jstree-default .jstree-er {
background-position: -36px -68px;
}
.jstree-default .jstree-ellipsis {
overflow: hidden;
}
.jstree-default .jstree-ellipsis .jstree-anchor {
width: calc(100% - 29px);
text-overflow: ellipsis;
overflow: hidden;
}
.jstree-default .jstree-ellipsis.jstree-no-icons .jstree-anchor {
width: calc(100% - 5px);
}
.jstree-default.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}
.jstree-default.jstree-rtl .jstree-last {
background: transparent;
}
.jstree-default-small .jstree-node {
min-height: 18px;
line-height: 18px;
margin-left: 18px;
min-width: 18px;
}
.jstree-default-small .jstree-anchor {
line-height: 18px;
height: 18px;
}
.jstree-default-small .jstree-icon {
width: 18px;
height: 18px;
line-height: 18px;
}
.jstree-default-small .jstree-icon:empty {
width: 18px;
height: 18px;
line-height: 18px;
}
.jstree-default-small.jstree-rtl .jstree-node {
margin-right: 18px;
}
.jstree-default-small .jstree-wholerow {
height: 18px;
}
.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
background-image: url("ico/jstree/32px.png");
}
.jstree-default-small .jstree-node {
background-position: -295px -7px;
background-repeat: repeat-y;
}
.jstree-default-small .jstree-last {
background: transparent;
}
.jstree-default-small .jstree-open > .jstree-ocl {
background-position: -135px -7px;
}
.jstree-default-small .jstree-closed > .jstree-ocl {
background-position: -103px -7px;
}
.jstree-default-small .jstree-leaf > .jstree-ocl {
background-position: -71px -7px;
}
.jstree-default-small .jstree-themeicon {
background-position: -263px -7px;
}
.jstree-default-small > .jstree-no-dots .jstree-node,
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -39px -7px;
}
.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: -7px -7px;
}
.jstree-default-small .jstree-disabled {
background: transparent;
}
.jstree-default-small .jstree-disabled.jstree-hovered {
background: transparent;
}
.jstree-default-small .jstree-disabled.jstree-clicked {
background: #efefef;
}
.jstree-default-small .jstree-checkbox {
background-position: -167px -7px;
}
.jstree-default-small .jstree-checkbox:hover {
background-position: -167px -39px;
}
.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-small .jstree-checked > .jstree-checkbox {
background-position: -231px -7px;
}
.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-small .jstree-checked > .jstree-checkbox:hover {
background-position: -231px -39px;
}
.jstree-default-small .jstree-anchor > .jstree-undetermined {
background-position: -199px -7px;
}
.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
background-position: -199px -39px;
}
.jstree-default-small .jstree-checkbox-disabled {
opacity: 0.8;
filter: url("data:image/svg+xml;utf8,#jstree-grayscale");
/* Firefox 10+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
}
.jstree-default-small > .jstree-striped {
background-size: auto 36px;
}
.jstree-default-small.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
background-position: 100% 1px;
background-repeat: repeat-y;
}
.jstree-default-small.jstree-rtl .jstree-last {
background: transparent;
}
.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
background-position: -135px -39px;
}
.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
background-position: -103px -39px;
}
.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
background-position: -71px -39px;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -39px -39px;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: -7px -39px;
}
.jstree-default-small .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0;
}
.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
background: url("ico/jstree/throbber.gif") center center no-repeat;
}
.jstree-default-small .jstree-file {
background: url("ico/jstree/32px.png") -103px -71px no-repeat;
}
.jstree-default-small .jstree-folder {
background: url("ico/jstree/32px.png") -263px -7px no-repeat;
}
.jstree-default-small > .jstree-container-ul > .jstree-node {
margin-left: 0;
margin-right: 0;
}
#jstree-dnd.jstree-default-small {
line-height: 18px;
padding: 0 4px;
}
#jstree-dnd.jstree-default-small .jstree-ok,
#jstree-dnd.jstree-default-small .jstree-er {
background-image: url("ico/jstree/32px.png");
background-repeat: no-repeat;
background-color: transparent;
}
#jstree-dnd.jstree-default-small i {
background: transparent;
width: 18px;
height: 18px;
line-height: 18px;
}
#jstree-dnd.jstree-default-small .jstree-ok {
background-position: -7px -71px;
}
#jstree-dnd.jstree-default-small .jstree-er {
background-position: -39px -71px;
}
.jstree-default-small .jstree-ellipsis {
overflow: hidden;
}
.jstree-default-small .jstree-ellipsis .jstree-anchor {
width: calc(100% - 23px);
text-overflow: ellipsis;
overflow: hidden;
}
.jstree-default-small .jstree-ellipsis.jstree-no-icons .jstree-anchor {
width: calc(100% - 5px);
}
.jstree-default-small.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}
.jstree-default-small.jstree-rtl .jstree-last {
background: transparent;
}
.jstree-default-large .jstree-node {
min-height: 32px;
line-height: 32px;
margin-left: 32px;
min-width: 32px;
}
.jstree-default-large .jstree-anchor {
line-height: 32px;
height: 32px;
}
.jstree-default-large .jstree-icon {
width: 32px;
height: 32px;
line-height: 32px;
}
.jstree-default-large .jstree-icon:empty {
width: 32px;
height: 32px;
line-height: 32px;
}
.jstree-default-large.jstree-rtl .jstree-node {
margin-right: 32px;
}
.jstree-default-large .jstree-wholerow {
height: 32px;
}
.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
background-image: url("ico/jstree/32px.png");
}
.jstree-default-large .jstree-node {
background-position: -288px 0px;
background-repeat: repeat-y;
}
.jstree-default-large .jstree-last {
background: transparent;
}
.jstree-default-large .jstree-open > .jstree-ocl {
background-position: -128px 0px;
}
.jstree-default-large .jstree-closed > .jstree-ocl {
background-position: -96px 0px;
}
.jstree-default-large .jstree-leaf > .jstree-ocl {
background-position: -64px 0px;
}
.jstree-default-large .jstree-themeicon {
background-position: -256px 0px;
}
.jstree-default-large > .jstree-no-dots .jstree-node,
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -32px 0px;
}
.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: 0px 0px;
}
.jstree-default-large .jstree-disabled {
background: transparent;
}
.jstree-default-large .jstree-disabled.jstree-hovered {
background: transparent;
}
.jstree-default-large .jstree-disabled.jstree-clicked {
background: #efefef;
}
.jstree-default-large .jstree-checkbox {
background-position: -160px 0px;
}
.jstree-default-large .jstree-checkbox:hover {
background-position: -160px -32px;
}
.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-large .jstree-checked > .jstree-checkbox {
background-position: -224px 0px;
}
.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-large .jstree-checked > .jstree-checkbox:hover {
background-position: -224px -32px;
}
.jstree-default-large .jstree-anchor > .jstree-undetermined {
background-position: -192px 0px;
}
.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
background-position: -192px -32px;
}
.jstree-default-large .jstree-checkbox-disabled {
opacity: 0.8;
filter: url("data:image/svg+xml;utf8,#jstree-grayscale");
/* Firefox 10+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
}
.jstree-default-large > .jstree-striped {
background-size: auto 64px;
}
.jstree-default-large.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
background-position: 100% 1px;
background-repeat: repeat-y;
}
.jstree-default-large.jstree-rtl .jstree-last {
background: transparent;
}
.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
background-position: -128px -32px;
}
.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
background-position: -96px -32px;
}
.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
background-position: -64px -32px;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -32px -32px;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: 0px -32px;
}
.jstree-default-large .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0;
}
.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
background: url("ico/jstree/throbber.gif") center center no-repeat;
}
.jstree-default-large .jstree-file {
background: url("ico/jstree/32px.png") -96px -64px no-repeat;
}
.jstree-default-large .jstree-folder {
background: url("ico/jstree/32px.png") -256px 0px no-repeat;
}
.jstree-default-large > .jstree-container-ul > .jstree-node {
margin-left: 0;
margin-right: 0;
}
#jstree-dnd.jstree-default-large {
line-height: 32px;
padding: 0 4px;
}
#jstree-dnd.jstree-default-large .jstree-ok,
#jstree-dnd.jstree-default-large .jstree-er {
background-image: url("ico/jstree/32px.png");
background-repeat: no-repeat;
background-color: transparent;
}
#jstree-dnd.jstree-default-large i {
background: transparent;
width: 32px;
height: 32px;
line-height: 32px;
}
#jstree-dnd.jstree-default-large .jstree-ok {
background-position: 0px -64px;
}
#jstree-dnd.jstree-default-large .jstree-er {
background-position: -32px -64px;
}
.jstree-default-large .jstree-ellipsis {
overflow: hidden;
}
.jstree-default-large .jstree-ellipsis .jstree-anchor {
width: calc(100% - 37px);
text-overflow: ellipsis;
overflow: hidden;
}
.jstree-default-large .jstree-ellipsis.jstree-no-icons .jstree-anchor {
width: calc(100% - 5px);
}
.jstree-default-large.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}
.jstree-default-large.jstree-rtl .jstree-last {
background: transparent;
}
@media (max-width: 768px) {
#jstree-dnd.jstree-dnd-responsive {
line-height: 40px;
font-weight: bold;
font-size: 1.1em;
text-shadow: 1px 1px white;
}
#jstree-dnd.jstree-dnd-responsive > i {
background: transparent;
width: 40px;
height: 40px;
}
#jstree-dnd.jstree-dnd-responsive > .jstree-ok {
background-image: url("40px.png");
background-position: 0 -200px;
background-size: 120px 240px;
}
#jstree-dnd.jstree-dnd-responsive > .jstree-er {
background-image: url("40px.png");
background-position: -40px -200px;
background-size: 120px 240px;
}
#jstree-marker.jstree-dnd-responsive {
border-left-width: 10px;
border-top-width: 10px;
border-bottom-width: 10px;
margin-top: -10px;
}
}
@media (max-width: 768px) {
.jstree-default-responsive {
/*
.jstree-open > .jstree-ocl,
.jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
*/
}
.jstree-default-responsive .jstree-icon {
background-image: url("40px.png");
}
.jstree-default-responsive .jstree-node,
.jstree-default-responsive .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-responsive .jstree-node {
min-height: 40px;
line-height: 40px;
margin-left: 40px;
min-width: 40px;
white-space: nowrap;
}
.jstree-default-responsive .jstree-anchor {
line-height: 40px;
height: 40px;
}
.jstree-default-responsive .jstree-icon,
.jstree-default-responsive .jstree-icon:empty {
width: 40px;
height: 40px;
line-height: 40px;
}
.jstree-default-responsive > .jstree-container-ul > .jstree-node {
margin-left: 0;
}
.jstree-default-responsive.jstree-rtl .jstree-node {
margin-left: 0;
margin-right: 40px;
background: transparent;
}
.jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
margin-right: 0;
}
.jstree-default-responsive .jstree-ocl,
.jstree-default-responsive .jstree-themeicon,
.jstree-default-responsive .jstree-checkbox {
background-size: 120px 240px;
}
.jstree-default-responsive .jstree-leaf > .jstree-ocl,
.jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-responsive .jstree-open > .jstree-ocl {
background-position: 0 0px !important;
}
.jstree-default-responsive .jstree-closed > .jstree-ocl {
background-position: 0 -40px !important;
}
.jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
background-position: -40px 0px !important;
}
.jstree-default-responsive .jstree-themeicon {
background-position: -40px -40px;
}
.jstree-default-responsive .jstree-checkbox,
.jstree-default-responsive .jstree-checkbox:hover {
background-position: -40px -80px;
}
.jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-responsive .jstree-checked > .jstree-checkbox,
.jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
background-position: 0 -80px;
}
.jstree-default-responsive .jstree-anchor > .jstree-undetermined,
.jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
background-position: 0 -120px;
}
.jstree-default-responsive .jstree-anchor {
font-weight: bold;
font-size: 1.1em;
text-shadow: 1px 1px white;
}
.jstree-default-responsive > .jstree-striped {
background: transparent;
}
.jstree-default-responsive .jstree-wholerow {
border-top: 1px solid rgba(255, 255, 255, 0.7);
border-bottom: 1px solid rgba(64, 64, 64, 0.2);
background: #ebebeb;
height: 40px;
}
.jstree-default-responsive .jstree-wholerow-hovered {
background: #e7f4f9;
}
.jstree-default-responsive .jstree-wholerow-clicked {
background: #beebff;
}
.jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
box-shadow: inset 0 -6px 3px -5px #666666;
}
.jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
box-shadow: inset 0 6px 3px -5px #666666;
border-top: 0;
}
.jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
box-shadow: none;
}
.jstree-default-responsive .jstree-node,
.jstree-default-responsive .jstree-icon,
.jstree-default-responsive .jstree-node > .jstree-ocl,
.jstree-default-responsive .jstree-themeicon,
.jstree-default-responsive .jstree-checkbox {
background-image: url("40px.png");
background-size: 120px 240px;
}
.jstree-default-responsive .jstree-node {
background-position: -80px 0;
background-repeat: repeat-y;
}
.jstree-default-responsive .jstree-last {
background: transparent;
}
.jstree-default-responsive .jstree-leaf > .jstree-ocl {
background-position: -40px -120px;
}
.jstree-default-responsive .jstree-last > .jstree-ocl {
background-position: -40px -160px;
}
.jstree-default-responsive .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0;
}
.jstree-default-responsive .jstree-file {
background: url("40px.png") 0 -160px no-repeat;
background-size: 120px 240px;
}
.jstree-default-responsive .jstree-folder {
background: url("40px.png") -40px -40px no-repeat;
background-size: 120px 240px;
}
.jstree-default-responsive > .jstree-container-ul > .jstree-node {
margin-left: 0;
margin-right: 0;
}
}
/******************************* addCss(gantt.css) START *******************************/
/*
jQuery.ganttView v.0.8.0
Copyright (c) 2010 JC Grubbs - jc.grubbs@devmynd.com
MIT License Applies
*/
div.ganttView{
overflow-x: hidden;
}
div.ganttview-hzheader-month,
div.ganttview-hzheader-day,
div.ganttview-0-header,
div.ganttview-0-header-item-name,
div.ganttview-0-header-series,
div.ganttview-grid,
div.ganttview-grid-row-cell{
float: left;
width: 100%;
}
div.ganttview-hzheader-days,
div.ganttview-hzheader-months{
height: 20px;
overflow: hidden;
}
div.ganttview-grid-row{
height: 32px;
overflow: hidden;
}
div.ganttview-hzheader-month,
div.ganttview-hzheader-day {
text-align: center;
height: 20px;
}
div.ganttview-grid-row-cell.last,
div.ganttview-hzheader-day.last,
div.ganttview-hzheader-month.last {
border-right: none;
}
div.ganttview {
border: 1px solid #999;
}
/* Horizontal Header */
div.ganttview-hzheader-month {
width: 60px;
height: 20px;
border-right: 1px solid #d0d0d0;
line-height: 20px;
overflow: hidden;
}
div.ganttview-hzheader-day {
width: 20px;
height: 20px;
border-right: 1px solid #f0f0f0;
border-top: 1px solid #d0d0d0;
line-height: 20px;
color: #777;
}
/* Vertical Header */
div.ganttview-0-header {
margin-top: 41px;
width: 125px;
overflow: hidden;
background-color: #fff;
}
div.ganttview-0-header-item {
overflow: hidden;
color: #444;
padding-left: 4px;
}
div.ganttview-0-header-item-name {
color: #ffffff;
background-color: #999;
width: 125px;
font-size: 9px;
font-weight: bolder;
margin-left: -125px;
padding-left: 2px;
line-height: 13px;
margin-right: -125px;
z-index: 500;
}
div.ganttview-0-header-series {
}
div.ganttview-0-header-series-name {
width: 100%;
height: 18px;
font-size: 10px;
line-height: 16px;
padding-top: 14px;
overflow: hidden;
white-space: nowrap;
}
div.ganttview-hzheader-children{
padding-left: 4px;
}
/* Slider */
div.ganttview-slide-container {
overflow: auto;
border-left: 1px solid #999;
}
/* Grid */
div.ganttview-grid-row-cell {
width: 20px;
height: 100%;
border-right: 1px solid #f0f0f0;
border-top: 1px solid #f0f0f0;
}
div.ganttview-grid-row-cell.ganttview-weekend {
background-color: #fafafa;
}
div.ganttview-grid-row-cell.ganttview-today {
background-color: #99c18c;
}
div.ganttview-hzheader-day.today{
background-color: #99c18c;
}
/* Blocks */
div.ganttview-blocks {
}
div.ganttview-block-container {
padding-top: 4px;
padding-bottom: 1px;
color: #444;
}
div.ganttview-block-container.normal{
height: 27px;
}
div.ganttview-block-container.small{
height: 17px;
}
div.ganttview-block {
position: relative;
height: 25px;
background-color: #E5ECF9;
border: 1px solid #c0c0c0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
div.ganttview-block.delay-block {
position: relative;
height: 25px;
background-image: url('./ico/projects/alert_texture_16_lighter.png?cu');
background-image: url('./ico/projects/alert_texture_16_light.png?cu');
background-repeat: repeat;
border: 1px solid #c0c0c0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
div.ganttview-block-text {
position: absolute;
height: 12px;
font-size: 0.8em;
padding: 8px 3px 0px;
overflow: hidden;
white-space: nowrap;
}
div.ganttview-block-text-small {
position: absolute;
height: 12px;
font-size: 0.8em;
padding: 2px 3px 0px;
overflow: hidden;
white-space: nowrap;
}
div.ganttview-block-rightText {
position: absolute;
right: 3px;
color: #c50000;
font-weight: bold;
height: 12px;
font-size: 0.8em;
padding: 8px 3px 0px;
overflow: hidden;
white-space: nowrap;
}
div.ganttview-block-rightText-small {
position: absolute;
right: 3px;
color: #c50000;
font-weight: bold;
height: 12px;
font-size: 0.8em;
padding: 2px 3px 0px;
overflow: hidden;
white-space: nowrap;
}
div.ganttview-block-rightText-small .tickets,
div.ganttview-block-rightText .tickets {
display: inline-block;
padding-left: 15px;
padding-right: 7px;
background: url('/css/ico/jstree/ticket.png?cu=DEMO&') no-repeat 0 0;
}
div.ganttview-block-instant-link {
position: relative;
z-index: 100;
top: -25px;
height: 2px;
margin-bottom: -2px;
background-color: red;
}
div.ganttview-block-instant {
position: relative;
z-index: 100;
top: -29px;
height: 6px;
margin-bottom: -10px;
background-color: #777777;
border: 2px solid #777777;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
div.ganttview-block-instant-link.ok,
div.ganttview-block-instant.ok {
background-color: green;
border-color: green;
}
div.ganttview-block-instant-link.nok,
div.ganttview-block-instant.nok {
background-color: red;
border-color: red;
}
div.ganttview-block-instant-link.delay,
div.ganttview-block-instant.delay {
background-color: green;
border-color: green;
}
div.ganttview-block-instant.hover {
border-color: #000;
z-index: 200;
}
div.ganttview-block-instant-link.hover{
background-color: #000;
z-index: 200;
}
/* Adjustments for jQuery UI Styling */
div.ganttview-block div.ui-resizable-handle.ui-resizable-s {
bottom: -0;
}
div.ganttview-block-instant-link.notStarted,
div.ganttview-block-instant.notStarted {
background-color: #444444;
border-color: #444444;
}
div.ganttview-block-instant-link.started,
div.ganttview-block-instant.started {
background-color: darkblue;
border-color: darkblue;
}
div.ganttview-block-instant-link.delivered,
div.ganttview-block-instant.delivered {
background-color: darkcyan;
border-color: darkcyan;
}
div.ganttview-block-instant-link.confirmed,
div.ganttview-block-instant.confirmed {
background-color: darkgreen;
border-color: darkgreen;
}
div.ganttview-block-instant-link.littleDelayed,
div.ganttview-block-instant.littleDelayed {
background-color: orangered;
border-color: orangered;
}
div.ganttview-block-instant-link.delayed,
div.ganttview-block-instant.delayed {
background-color: darkred;
border-color: darkred;
}
/******************************* addCss(jquery-ui.structure.css) START *******************************/
/*!
* jQuery UI CSS Framework 1.11.0
* http://jqueryui.com
*
* Copyright 2014 jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/category/theming/
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0);
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
/* cnp3 adaptations and theme */
.ui-widget-content{
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px #666 solid;
background-color: #eeeeee;
}
.ui-slider .ui-slider-handle{
-moz-border-radius: 3px;
border-radius: 3px;
top: -.2em;
width: 1.0em;
height: 1.0em;
border: 1px #222 solid;
background-color: #bb3333;
}
.ui-slider .ui-slider-range{
background-color: #aa9999;
}
/******************************* addCss(tmpleditor.css) NOT FOUND *******************************/
/******************************* addCss(bForms.css) START *******************************/
.bForm {
background-color: #f1f1f1;
font-size: 14px;
margin-block-end: 10px;
}
.bForm.fullsize {
width: 1000px;
}
.bForm.append {
margin-block-start: -10px;
}
.bForm hr {
border-color: darkgrey;
}
.bForm textarea {
font-family: inherit;
font-size: inherit;
}
.bForm span.explain {
font-size: 10px;
color: #4f4f4f;
}
.bForm fieldset {
border: solid darkgrey;
border-top-width: 30px;
border-radius:1px;
}
.bForm fieldset legend{
color: #fafafa;
font-size: 18px;
background-color: darkgrey;
height: 22px;
padding: 7px 10px 1px 10px;
overflow: hidden;
}
.bForm fieldset legend.toggleAble{
color: #fafafa;
width: 100%;
margin-left: -8px;
margin-top: -5px;
background-color: darkgrey;
height: 24px;
padding: 7px 10px 1px 10px;
overflow: hidden;
}
.bForm fieldset legend.toggleAble button.formtoggle{
margin-top: -6px;
margin-left: -3px;
}
.bForm.editor fieldset {
border: solid #5a1718;
border-left: 0;
border-right: 0;
border-top-width: 30px;
}
.bForm.editor fieldset legend{
color: white;
height: 20px;
font-size: 16px;
background-color: #5a1718;
border-top: solid 1px #5a1718;
border-bottom: solid 1px #5a1718;
}
.bForm .form-block > label {
flex-shrink: 0;
flex-grow: 0;
flex-basis: 208px;
overflow: hidden;
display: flex;
flex-direction: column;
margin-right: 10px;
}
.bForm div.form-block > label.resizeable {
flex-shrink: 1;
flex-grow: 0;
}
.bForm label.super-small { flex-basis: 59px; margin-right: 50px;}
.bForm label.small { flex-basis: 99px; }
.bForm label.long { flex-basis: 426px; }
.bForm label.very-long { flex-basis: 645px; }
.bForm label.very-very-long { flex-basis: 862px; }
.bForm div.placeholder {
display: inline-block;
flex-basis: 218px;
}
.bForm div.placeholder.super-small { flex-basis: 59px; margin-right: 50px;}
.bForm div.placeholder.small { flex-basis: 99px; }
.bForm div.placeholder.long { flex-basis: 437px; }
.bForm div.placeholder.very-long { flex-basis: 645px; }
.bForm div.placeholder.very-very-long { flex-basis: 862px; }
.bForm label.super {
flex-basis: 200px;
}
.bForm label.obligatory {
color: red;
font-weight: bold;
font-stretch: expanded;
}
.bForm label.blue {
color: blue;
}
.bForm button {
margin-bottom: 5px;
}
.bForm label > span {
flex: 1;
}
.bForm label > input,
.bForm label > div.group > input{
flex-grow: 0;
flex-shrink: 0;
flex-basis: 30px;
margin: 0 0 1em .2em;
padding: .3em .5em;
background-color: #fffbf0;
border: 1px solid #e7c157;
}
.bForm.editor label > input,
.bForm.editor label > div.group > input{
flex-basis: 20px;
margin: 0 0 .4em .2em;
}
.bForm label > input[type=number],
.bForm label > div.group > input[type=number] {
}
.bForm label > input[type=checkbox],
.bForm label > div.group > input[type=checkbox] {
display: inline-block;
width: 30px;
flex-basis: 12px;
}
.bForm label > textarea,
.bForm label > div.group > textarea {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 70px;
margin: 0 0 1em .2em;
padding: .3em .5em;
background-color: #fffbf0;
border: 1px solid #e7c157;
}
.bForm label > select ,
.bForm label > div.group > select {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 40px;
margin: 0 0 1em .2em;
padding: .3em .5em;
background-color: #fffbf0;
border: 1px solid #e7c157;
height: 25px;
}
.bForm label > button ,
.bForm label > div.group > button {
margin: 0 0 1em .2em;
padding: .3em .5em;
background-color: transparent;
border: 2px solid darkgrey;
border-radius: 4px;
height: 30px;
}
.bForm div.form-block button {
margin: 5px 0 0 10px;
}
.bForm div.form-block button.icon-button {
width: 50px;
border: none;
margin: 5px 0 0 10px;
}
.bForm.editor div.form-block button.icon-button {
margin: 0 0 0 10px;
}
.bForm div.form-block button.inline {
display: inline-block;
margin: 5px 0 0 10px;
}
.bForm div.form-block label > button.large-button ,
.bForm label > button.large-button,
.bForm div.form-block label > button.small-button ,
.bForm label > button.small-button,
.bForm div.form-block label > button.small-icon-button ,
.bForm label > button.small-icon-button
{
margin: 0 0 1em 0.2em;
padding: 0.3em 0.5em;
background-color: transparent;
border: none;
border-radius: 4px;
height: 44px;
}
.bForm label > button.large-button:hover {
background-color: transparent;
}
.bForm label > button.no-frame {
margin: 0 0 1em .2em;
padding: 0;
background-color: transparent;
border: none;
border-radius: 0;
height: 40px;
}
.bForm label > button:hover {
background-color: #f2908d;
}
.bForm label > button:hover.no-frame {
background-color: transparent;
}
.bForm div.left-half {
display: inline-block;
vertical-align: top;
width: calc(50% - 2px);
}
.bForm div.right-half {
vertical-align: top;
width: calc(50% - 2px);
}
.bForm div.form-block {
display: flex;
flex: auto;
flex-wrap: wrap;
flex-direction: row;
}
.bForm div.form-block fieldset {
width: 808px;
}
.bForm div.form-block textarea,
.bForm div.form-block select,
.bForm div.form-block input,
.bForm div.form-block a
{
display: block;
width: calc(100% - 18px);
margin-right: 5px;
}
.bForm div.form-block textarea.half,
.bForm div.form-block select.half,
.bForm div.form-block input.half,
.bForm div.form-block a.half
{
display: inline-block;
width: calc(50% - 6px);
margin-right: 5px;
}
.bForm div.form-block label input[type=checkbox] ,
.bForm div.form-block label input[type=radio] {
display: inline-block;
width: auto;
vertical-align: middle;
margin-left: 180px;
margin-bottom: 10px;
}
.bForm div.form-block select {
width: calc(100% - 3px);
border-radius: 3px;
height: 35px;
}
.bForm.editor div.form-block select {
flex-basis: 30px;
height: 20px;
}
.bForm div.form-block textarea {
width: calc(100% - 20px);
resize: vertical;
}
.bForm div.form-block a {
padding-top: 6px;
}
.bForm label.buttons > div {
width: 100%;
flex-basis: 30px;
}
.bForm label.buttons > div > .small-icon-button {
display: inline-block;
width: 30px;
margin: 3px;
}
.bForm span.obligatory {
color: red;
content: "!";
}
input[type="date"]{
font-family: Helvetica, sans-serif;
}
.bForm input[readonly],
.bForm input[disabled],
.bForm textarea[readonly],
.bForm textarea[disabled],
.bForm select[disabled]
{
background-color: #f1f1f1;
color: black;
border-color: #f1e4c2;
}
.tab-button-container {
display: flex;
flex-direction: row;
border-bottom: 2px solid #ae902e;
margin: 2px;
}
.tab-button-container > button {
flex-grow: 1;
border: 2px solid #ae902e;
margin-right:5px;
margin-left:5px;
margin-bottom: -2px;
height: 35px;
padding: 3px;
background-color: transparent;
cursor: pointer;
}
.tab-button-container > button:hover {
background-color: #e9e3bd;
}
.tab-button-container > button.selected {
border-bottom-color: #f1f1f1;
}
/* The switch - the box around the slider */
span.switch {
display: inline-block;
position: relative;
width: 35px;
height: 20px;
margin-left: 5px;
margin-bottom: -2px;
vertical-align: text-bottom;
}
.bForm label > span.switch {
flex:none;
margin-top: 8px;
margin-bottom: 14px;
}
/* Hide default HTML checkbox */
span.switch input[type=checkbox] {
display: block;
opacity: 0;
width: 0;
height: 21px;
}
.bForm label > span.switch > input[type=checkbox] {
display: none;
}
/* The slider */
span.switch span.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
span.switch span.slider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 0px;
bottom: 1px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
span.switch input:checked + .slider {
background-color: #2196F3;
}
span.switch input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
span.switch input:checked + .slider:before {
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(16px);
}
.bForm textarea.changed,
.bForm select.changed,
.bForm input.changed{
background-color: #dc8c89;
}
.bForm input[type=checkbox].changed{
filter: hue-rotate(130deg) brightness(2);
}
.bForm .bForm-changed {
background-color: #eca6a4;
}
.bForm input[type=checkbox].bForm-changed {
filter: hue-rotate(300deg) brightness(0.5);
}
.bForm input[type=checkbox].bForm-changed:checked {
filter: hue-rotate(137deg) brightness(2.5);
}
/* Checkboxes */
.bForm .checkbox-block {
display: flex;
flex: auto;
flex-wrap: wrap;
flex-direction: row;
margin: 2px;
}
.bForm .checkbox-block > label {
display: inline-block;
padding-left: 4px;
padding-right: 10px;
flex-basis: 208px;
min-height: 34px;
overflow-x: hidden;
white-space: nowrap;
}
.bForm .checkbox-block > label.small { flex-basis: 99px; }
.bForm .checkbox-block > label.long { flex-basis: 426px; }
.bForm .checkbox-block > label.very-long { flex-basis: 645px; }
.bForm .checkbox-block > label.very-very-long { flex-basis: 862px; }
.bForm .checkbox-block div.checkbox-option {
display: flex;
margin-top: 4px;
flex-basis: 208px;
flex-grow: 0;
flex-shrink: 1;
align-items: center;
}
.bForm .checkbox-block div.checkbox-option > label.option-name {
display: inline-block;
padding-left: 4px;
padding-right: 10px;
margin-right: 10px;
min-width: 140px;
min-height: 34px;
overflow-x: hidden;
white-space: nowrap;
}
.bForm .checkbox-block div.checkbox-option > label.option-name > span{
vertical-align: middle;
}
.bForm [type="checkbox"] {
transform: scale(1.5);
vertical-align: middle;
-webkit-appearance: caret;
margin:0;
}
/* Checkboxes END*/
/* Rounded sliders */
.bForm span.switch .slider.round {
border-radius: 26px;
}
.bForm span.switch .slider.round:before {
border-radius: 50%;
}
.bForm .hidden {
display: none !important;
}
.bForm .validator-block .form-validator-field-error {
color: darkred;
}
.bForm .validator-block .form-validator-field-info {
color: #18186e;
}
.bForm .dropzone {
border: 3px dotted #0057ec;
display: flex;
flex: auto;
flex-wrap: wrap;
flex-direction: row;
}
.bForm .dropzone .thumbnail{
border: 2px solid darkgrey;
border-radius: 10px;
flex-shrink: 0;
flex-grow: 0;
flex-basis: 204px;
margin: 10px 10px 0 4px;
background: #ebebeb;
}
.bForm .dropzone .thumbnail .info{
padding: 6px;
font-size: 10px;
}
.bForm .dropzone .thumbnail .doc-preview{
border-top-left-radius: 10px;
border-top-right-radius:10px;
overflow: hidden;
width: 210px;
height: 140px;
padding: 6px;
text-align: center;
align-content: center;
}
.bForm .dropzone .thumbnail .doc-preview > img{
max-width: 210px;
max-height: 140px;
object-fit: contain;
object-position: top center;
background-color: white;
}
.bForm .form-block label.image-preview {
height: 140px;
overflow: hidden;
}
.bForm .form-block label.image-preview img {
max-width: 200px;
max-height: 140px;
margin-left: 4px;
object-fit: contain;
object-position: top center;
background-color: white;
}
/* Popup */
.bPopup {
display: grid;
grid-template-columns: repeat(1, 100%);
grid-template-rows: 30px auto ;
justify-content: stretch;
justify-items: stretch;
background-color: white;
min-width: 300px;
width: fit-content;
max-width: 80vw;
max-height: 80vh;
margin: 10vh auto 10vh auto;
text-align: left;
border: 0;
}
.bPopup.scrollable {
height: 80vh;
}
.bPopup > .bPopup-header{
grid-column: 1;
grid-row: 1;
font-size: larger;
background-color: #333333;
color: white;
padding: 7px 0px 5px 25px;
height: 20px;
}
.bPopup > .bPopup-header button.bPopup-close{
float: right;
color: white;
padding: 0;
background: transparent;
font-size: larger;
font-weight: bolder;
border: 0;
width: 50px;
cursor: pointer;
}
.bPopup > .bPopup-content {
grid-column: 1;
grid-row: 2;
border: 2px solid #333333;
border-top: 0px;
}
.bPopup > .bPopup-content.padded{
padding: 5px 10px 5px 10px;
}
.bPopup.scrollable > .bPopup-content {
overflow-y: scroll;
}
.bPopup.scrollable > .bPopup-content .bForm fieldset {
margin: 0;
border-right: 0;
border-left: 0;
}
/******************************* addCss(dropzone.css) START *******************************/
/*
* The MIT License
* Copyright (c) 2012 Matias Meno
*/
@-webkit-keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30%, 70% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); }
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px); } }
@-moz-keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30%, 70% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); }
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px); } }
@keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30%, 70% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); }
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px); } }
@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); } }
@-moz-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); } }
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); } }
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); } }
@-moz-keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); } }
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); } }
.dropzone, .dropzone * {
box-sizing: border-box; }
.dropzone {
min-height: 150px;
border: 2px solid rgba(0, 0, 0, 0.3);
background: white;
padding: 20px 20px; }
.dropzone.dz-clickable {
cursor: pointer; }
.dropzone.dz-clickable * {
cursor: default; }
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
cursor: pointer; }
.dropzone.dz-started .dz-message {
display: none; }
.dropzone.dz-drag-hover {
border-style: solid; }
.dropzone.dz-drag-hover .dz-message {
opacity: 0.5; }
.dropzone .dz-message {
flex-basis: 500px;
min-width: 400px;
text-align: center;
margin: 2em 0; }
.dropzone .dz-preview {
position: relative;
display: inline-block;
vertical-align: top;
margin: 16px;
min-height: 100px; }
.dropzone .dz-preview:hover {
z-index: 1000; }
.dropzone .dz-preview:hover .dz-details {
opacity: 1; }
.dropzone .dz-preview.dz-file-preview .dz-image {
border-radius: 20px;
background: #999;
background: linear-gradient(to bottom, #eee, #ddd); }
.dropzone .dz-preview.dz-file-preview .dz-details {
opacity: 1; }
.dropzone .dz-preview.dz-image-preview {
background: white; }
.dropzone .dz-preview.dz-image-preview .dz-details {
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-ms-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear; }
.dropzone .dz-preview .dz-remove {
font-size: 14px;
text-align: center;
display: block;
cursor: pointer;
border: none; }
.dropzone .dz-preview .dz-remove:hover {
text-decoration: underline; }
.dropzone .dz-preview:hover .dz-details {
opacity: 1; }
.dropzone .dz-preview .dz-details {
z-index: 20;
position: absolute;
top: 0;
left: 0;
opacity: 0;
font-size: 13px;
min-width: 100%;
max-width: 100%;
padding: 2em 1em;
text-align: center;
color: rgba(0, 0, 0, 0.9);
line-height: 150%; }
.dropzone .dz-preview .dz-details .dz-size {
margin-bottom: 1em;
font-size: 16px; }
.dropzone .dz-preview .dz-details .dz-filename {
white-space: nowrap; }
.dropzone .dz-preview .dz-details .dz-filename:hover span {
border: 1px solid rgba(200, 200, 200, 0.8);
background-color: rgba(255, 255, 255, 0.8); }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
overflow: hidden;
text-overflow: ellipsis; }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
border: 1px solid transparent; }
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
background-color: rgba(255, 255, 255, 0.4);
padding: 0 0.4em;
border-radius: 3px; }
.dropzone .dz-preview:hover .dz-image img {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
-webkit-filter: blur(8px);
filter: blur(8px); }
.dropzone .dz-preview .dz-image {
overflow: hidden;
width: 210px;
height: 180px;
position: relative;
display: block;
z-index: 10; }
.dropzone .dz-preview .dz-image img {
display: block; }
.dropzone .dz-preview.dz-success .dz-success-mark {
-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview.dz-error .dz-error-mark {
opacity: 1;
-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
pointer-events: none;
opacity: 0;
z-index: 500;
position: absolute;
display: block;
top: 50%;
left: 50%;
margin-left: -27px;
margin-top: -27px; }
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
display: block;
width: 54px;
height: 54px; }
.dropzone .dz-preview.dz-processing .dz-progress {
opacity: 1;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear; }
.dropzone .dz-preview.dz-complete .dz-progress {
opacity: 0;
-webkit-transition: opacity 0.4s ease-in;
-moz-transition: opacity 0.4s ease-in;
-ms-transition: opacity 0.4s ease-in;
-o-transition: opacity 0.4s ease-in;
transition: opacity 0.4s ease-in; }
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
-webkit-animation: pulse 6s ease infinite;
-moz-animation: pulse 6s ease infinite;
-ms-animation: pulse 6s ease infinite;
-o-animation: pulse 6s ease infinite;
animation: pulse 6s ease infinite; }
.dropzone .dz-preview .dz-progress {
opacity: 1;
z-index: 1000;
pointer-events: none;
position: absolute;
height: 16px;
left: 50%;
top: 50%;
margin-top: -8px;
width: 80px;
margin-left: -40px;
background: rgba(255, 255, 255, 0.9);
-webkit-transform: scale(1);
border-radius: 8px;
overflow: hidden; }
.dropzone .dz-preview .dz-progress .dz-upload {
background: #333;
background: linear-gradient(to bottom, #666, #444);
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 0;
-webkit-transition: width 300ms ease-in-out;
-moz-transition: width 300ms ease-in-out;
-ms-transition: width 300ms ease-in-out;
-o-transition: width 300ms ease-in-out;
transition: width 300ms ease-in-out; }
.dropzone .dz-preview.dz-error .dz-error-message {
display: block; }
.dropzone .dz-preview.dz-error:hover .dz-error-message {
opacity: 1;
pointer-events: auto; }
.dropzone .dz-preview .dz-error-message {
pointer-events: none;
z-index: 1000;
position: absolute;
display: block;
display: none;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
border-radius: 8px;
font-size: 13px;
top: 130px;
left: -10px;
width: 140px;
background: #be2626;
background: linear-gradient(to bottom, #be2626, #a92222);
padding: 0.5em 1.2em;
color: white; }
.dropzone .dz-preview .dz-error-message:after {
content: '';
position: absolute;
top: -6px;
left: 64px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #be2626; }
/******************************* try addPluginCss(VerdictList) *******************************/
/******************************* addPluginCss(VerdictList) START *******************************/
#VerdictList .folderSelected{
width: 500px;
}
#VerdictList .document_upload{
width: 1000px;
padding-top: 2px;
border-left: none;
}
#VerdictList .document_uploaddroparea{
display: inline-block;
min-height: 50px;
margin-top: 1px;
margin-bottom: 1px;
width: 490px;
}
#VerdictList .document_upload form{
vertical-align: top;
display: inline-block;
width: 490px;
}
#VerdictList .input-block.line.calendar div ,
#VerdictList .input-block.medium.calendar div {
display: inline-block;
}
#VerdictList #preview-spacer {
clear: both;
display: block;
height: 300px;
}
/* ----- TABS ----- */
#VerdictList #tabs-button-container{
padding: 0px;
text-align: left;
margin-top: 3px;
padding-left: 20px;
border-bottom: 1px #999999 solid;
background: #FFFFFF;
}
#VerdictList #tabs-button-container > button{
cursor: pointer;
width: 19%;
height: 30px;
border: 1px #999999 solid;
margin: 0px;
margin-bottom: -1px;
background: #D9D9D9;
}
#VerdictList #tabs-button-container > button.tabs-button-active{
cursor: default;
border-bottom: 1px #FFFFFF solid;
background: #FFFFFF;
color: #333333;
}
#VerdictList .site-form .input-block.line {
width: 600px;
}
#VerdictList .form-document-preview{
float: right;
margin-right: 50px;
width: 200px;
height: 300px;
overflow: hidden;
display: inline-block;
}
#VerdictList .form-document-preview img {
max-height: 300px;
object-fit: contain;
}
#VerdictList .ticketdoc-container{
}
#VerdictList .ticketdoc-container div{
border-width: 1px;
padding: 3px;
padding-left: 6px;
}
#VerdictList .ticketdoc-container div img{
object-fit: contain;
height: 120px;
}
#VerdictList .ticketdoc-container .ticketdoc .prev{
display: inline-block;
width: 180px;
height: 130px;
overflow: hidden;
}
#VerdictList .ticketdoc-container .ticketdoc .info{
display: inline-block;
margin-right: 10px;
width: 110px;
height: 130px;
overflow: hidden;
}
#VerdictList .ticketdoc-container .ticketdoc{
display: inline-block;
width: 319px;
border: grey dotted 1px;
overflow: hidden;
}
#VerdictList .warning-red{
width: 80%;
background: #dc5050;
}
#VerdictList .document_upload.document_upload_ticketing {
width: 328px;
min-height: 145px;
margin: 0 3px 0 0;
border: grey dotted 1px;
background: #CCFFBB;
float: right;
}
#VerdictList .document_upload.document_upload_ticketing .document_uploadAssignDropArea{
display: inline-block;
}
#VerdictList .document_uploadAssignDropArea{
background: #CCFFBB;
border-width: 1px;
}
#VerdictList .document_uploadAssignDropArea div{
background: #CCFFBB;
border-width: 0;
padding: 0;
margin: 0;
}
#VerdictList .document_uploadAssignDropArea .multiUploader_progress{
background: #EAEAEA;
z-index: 1000;
}
#VerdictList .qr-capture {
display: inline-block;
float: right;
}
#VerdictList .qr-capture img{
height: 107px;
width: 107px;
}
#VerdictList table.verdictPointList td {
vertical-align: top;
}
#VerdictList .renewal-button{
background-color: #8ebd8e;
}
#VerdictList .renewal-button:disabled{
background-color: #a09fa0;
color: #6e6e6e;
}
/******************************* try addPluginCss(Contracts) *******************************/
/******************************* addPluginCss(Contracts) START *******************************/
#Contracts .folderSelected{
width: 500px;
}
#Contracts .document_upload{
width: 1000px;
padding-top: 2px;
border-left: none;
}
#Contracts .document_uploaddroparea{
display: inline-block;
min-height: 50px;
margin-top: 1px;
margin-bottom: 1px;
width: 490px;
}
#Contracts .document_upload form{
vertical-align: top;
display: inline-block;
width: 490px;
}
#Contracts .input-block.line.calendar div ,
#Contracts .input-block.medium.calendar div {
display: inline-block;
}
#Contracts #preview-spacer {
clear: both;
display: block;
height: 300px;
}
/* ----- TABS ----- */
#Contracts #tabs-button-container{
padding: 0px;
text-align: left;
margin-top: 3px;
padding-left: 20px;
border-bottom: 1px #999999 solid;
background: #FFFFFF;
}
#Contracts #tabs-button-container > button{
cursor: pointer;
width: 19%;
height: 30px;
border: 1px #999999 solid;
margin: 0px;
margin-bottom: -1px;
background: #D9D9D9;
}
#Contracts #tabs-button-container > button.tabs-button-active{
cursor: default;
border-bottom: 1px #FFFFFF solid;
background: #FFFFFF;
color: #333333;
}
#Contracts .site-form .input-block.line {
width: 600px;
}
#Contracts .form-document-preview{
float: right;
margin-right: 50px;
width: 200px;
height: 300px;
overflow: hidden;
display: inline-block;
}
#Contracts .form-document-preview img {
max-height: 300px;
object-fit: contain;
}
#Contracts .ticketdoc-container{
}
#Contracts .ticketdoc-container div{
border-width: 1px;
padding: 3px;
padding-left: 6px;
}
#Contracts .ticketdoc-container .ticketdoc .prev{
display: inline-block;
width: 180px;
height: 130px;
overflow: hidden;
}
#Contracts .ticketdoc-container .ticketdoc .info{
display: inline-block;
margin-right: 10px;
width: 110px;
height: 130px;
overflow: hidden;
}
#Contracts .ticketdoc-container .ticketdoc{
display: inline-block;
width: 319px;
border: grey dotted 1px;
overflow: hidden;
}
#Contracts .warning-red{
width: 80%;
background: #dc5050;
}
#Contracts .document_upload.document_upload_ticketing {
width: 319px;
min-height: 145px;
margin: 0 2px 0 0;
border: grey dotted 1px;
background: #CCFFBB;
float: right;
}
#Contracts .document_upload.document_upload_ticketing .document_uploadAssignDropArea{
display: inline-block;
}
#Contracts .document_uploadAssignDropArea{
background: #CCFFBB;
border-width: 1px;
}
#Contracts .document_uploadAssignDropArea div{
background: #CCFFBB;
border-width: 0;
padding: 0;
margin: 0;
}
#Contracts .document_uploadAssignDropArea .multiUploader_progress{
background: #EAEAEA;
z-index: 1000;
}
#Contracts .qr-capture {
display: inline-block;
float: right;
}
#Contracts .qr-capture img{
height: 107px;
width: 107px;
}
#Contracts .renewal-button{
background-color: #8ebd8e;
}
#Contracts .renewal-button:disabled{
background-color: #a09fa0;
color: #6e6e6e;
}
/******************************* try addPluginCss(MessagePrototypes\MessagePrototypes) *******************************/
/******************************* addPluginCss(MessagePrototypes\MessagePrototypes) START *******************************/
#prototypeEmail .mailBody {
width: calc(100% - 28px);
height: 500px;
resize: none;
background-color: #fffbf0;
border: 1px solid #e7c157;
}
#prototypeEmail .mailPreview {
background-color: #ffffff;
margin: 20px;
padding: 10px;
border: #e94f02 2px dotted;
width: 90%;
height: 500px;
}
#prototypeEmail textarea[name=body]{
width: 407px;
height: 518px;
}
#prototypeEmail .placeholderBlock{
}
#prototypeEmail .placeholderBlock .placeholder{
display: block;
}
/******************************* try addPluginCss(Translator) *******************************/
/******************************* addPluginCss(Translator) START *******************************/
/******************************* try addPluginCss(Faq) *******************************/
/******************************* addPluginCss(Faq) START *******************************/
/******************************* try addPluginCss(Tickets\Tickets) *******************************/
/******************************* addPluginCss(Tickets\Tickets) START *******************************/
/* ----------------------------------------------- */
/* ------------ DEFAULT TAGS SETTINGS ------------ */
/* ----------------------------------------------- */
#ticket-popup{
padding: 0;
width: 662px;
}
#tickets .ticketing-map-button-container{
display: inline-block;
float: right;
width: 50px;
height:45px;
margin-top: 0;
margin-bottom: -45px;
}
#tickets .history-div {
width: 982px;
}
#tickets .ticket-text{
margin-left: 20px;
color: white;
}
#tickets .ticket-text.private{
color: darkred;
}
#tickets .ticket-details{
padding: 3px;
font-size: 0.7em;
color: darkblue;
}
#tickets .ticket-details .doc-preview img{
max-height: 200px;
object-fit: contain;
}
#tickets .ticket-details.private{
color: darkred;
}
#tickets .ticket-info{
margin-top: 10px;
background-color: #022383;
font-size: 0.8em;
color: #ffffff;
padding: 5px 3px 3px 3px;
}
#tickets .ticket-info.private{
background-color: #a20c0c;
}
#tickets .ticket-details .emailLog{
width: 800px;
background: #e3eef6;
}
/******************************* try addPluginCss(MeterReport\MeterReport) *******************************/
/******************************* addPluginCss(MeterReport\MeterReport) START *******************************/
.form-block label{
overflow: visible;
}
#device_details_buttons {
display: flex;
width: 59vw;
justify-content: space-between;
padding: 3px;
}
#device_details_tabs{
display: flex;
width: 1000px;
margin: 5px;
justify-content: center;
}
#device_details_tabs > button {
flex-basis: 31%;
margin-right: 1px;
margin-left: 1px;
cursor: pointer;
border: 1px #999999 solid;
background: #D9D9D9;
font-size: 15px;
padding: 4px;
}
#device_details_tabs > button:disabled,
button[disabled]{
cursor: default;
}
#device_details_tabs > button.active{
cursor: default;
border-bottom: 1px #FFFFFF solid;
background: #FFFFFF;
color: #333333;
}
h4{
font-size: 16px;
}
/*Visualisation*/
#curveChart{
display: flex;
width: 980px;
min-height: 35vw;
margin-right: auto;
margin-left: auto;
overflow: hidden;
justify-content: center;
border: 4px darkgrey solid;
}
/******************************* try addPluginCss(WorkplacesTree) *******************************/
/******************************* WorkplacesTree::getCss NOT CALLABLE *******************************/
/******************************* try addPluginCss(WpSelector) *******************************/
/******************************* try addPluginCss(PersonsSelector) *******************************/
/******************************* PersonsSelector::getCss NOT CALLABLE *******************************/
/******************************* try addPluginCss(NormalPage) *******************************/
/******************************* NormalPage::getCss NOT CALLABLE *******************************/
/******************************* try addPluginCss(uploadprogress) *******************************/
/******************************* try addPluginCss(editor_img) *******************************/
/******************************* try addPluginCss(adm_database) *******************************/
/******************************* try addPluginCss(adm_image) *******************************/
/******************************* try addPluginCss(adm_documents) *******************************/
/******************************* try addPluginCss(combobox) *******************************/
/******************************* try addPluginCss(ActiveElements) *******************************/
/******************************* ActiveElements::getCss NOT CALLABLE *******************************/
/******************************* try addPluginCss(PluginSearch) *******************************/
/******************************* PluginSearch::getCss NOT CALLABLE *******************************/
/******************************* try addPluginCss(CnpTree) *******************************/
/******************************* CnpTree::getCss NOT CALLABLE *******************************/
/******************************* try addPluginCss(Userlist) *******************************/
/******************************* addPluginCss(Userlist) START *******************************/
#userlist #editFilterSetup_form .input-block.large.pre-filter label {
width: 160px;
}
#userlist #editFilterSetup_form .input-block.large.pre-filter select {
width: 294px;
}
#userlist #editFilterSetup_form .input-block.large.pre-filter input {
width: 250px;
}
#userlist textarea{
resize: none;
border: 1px solid #999999;
border-radius: 3px;
}
#userlist .preFilter-edit label {
width: 155px;
display: inline-block;
margin-left: 5px;
}
#userlist .dyn-block{
height: 25px;
}
#userlist .group-block .input-block.small{
width: 225px;
margin: 0 3px 0 3px;
}
#userlist .group-block label{
width: 90px;
margin-right: 2px;
overflow: hidden;
}
#userlist .group-block input[type=checkbox]{
margin: 0;
width: 40px;
overflow: hidden;
}
/******************************* try addPluginCss(UserEdit) *******************************/
/******************************* UserEdit::getCss NOT CALLABLE *******************************/
/******************************* try addPluginCss(Grouplist) *******************************/
/******************************* addPluginCss(Grouplist) START *******************************/
#grouplist .block-0{
display: inline-block;
width: 99%;
margin-right: 5px;
margin-bottom: 5px;
}
#grouplist .block-0 input{
width: 750px;
}
#grouplist .block-0 textarea{
width: 750px;
resize: none;
}
#grouplist .block-1{
display: inline-block;
width: 468px;
margin-right: 5px;
margin-bottom: 5px;
}
#grouplist .block-2{
display: inline-block;
width: 230px;
margin-right: 5px;
margin-bottom: 5px;
}
#grouplist .block-2 input{
width: 160px;
}
#grouplist .block-2 select{
width: 165px;
}
#grouplist .inex-group-div{
padding: 3px;
margin-bottom: 5px;
margin-right: 5px;
width: 400px;
background: #EAEAEA;
}
#grouplist .inex-group-name{
width: 150px;
padding-top: 5px;
}
/******************************* try addPluginCss(Documents) *******************************/
/******************************* addPluginCss(Documents) START *******************************/
/******************************* try addPluginCss(DocumentsList) *******************************/
/******************************* addPluginCss(DocumentsList) START *******************************/
#documentslist .folderSelected{
width: 500px;
}
#documentslist .document_upload{
width: 1000px;
padding-top: 2px;
border-left: none;
}
#documentslist .document_uploaddroparea{
display: inline-block;
min-height: 50px;
margin-top: 1px;
margin-bottom: 1px;
width: 490px;
}
#documentslist .document_upload form{
vertical-align: top;
display: inline-block;
width: 490px;
}
#documentslist .input-block.line.calendar div ,
#documentslist .input-block.medium.calendar div {
display: inline-block;
}
#documentslist #preview-spacer {
clear: both;
display: block;
height: 300px;
}
#documentslist .site-form .input-block.line {
width: 600px;
}
#documentslist .form-document-preview{
float: right;
margin-right: 50px;
width: 200px;
height: 300px;
overflow: hidden;
display: inline-block;
}
#documentslist .form-document-preview .doc-preview > img {
max-height: 300px;
object-fit: contain;
}
#documentslist .document_upload_ticketing {
width: 328px;
min-height: 145px;
margin: 0 3px 0 0;
border: grey dotted 1px;
background: #CCFFBB;
}
#documentslist .document_upload.document_upload_ticketing .document_uploadAssignDropArea{
display: inline-block;
}
#documentslist .document_uploadAssignDropArea{
background: #CCFFBB;
border-width: 1px;
}
#documentslist .document_uploadAssignDropArea div{
background: #CCFFBB;
border-width: 0;
padding: 0;
margin: 0;
}
#documentslist .document_uploadAssignDropArea .multiUploader_progress{
background: #EAEAEA;
z-index: 1000;
}
#documentslist .qr-capture {
display: inline-block;
float: right;
}
#documentslist .qr-capture img{
height: 107px;
width: 107px;
}
/******************************* try addPluginCss(gallery) *******************************/
/******************************* gallery::getCss NOT CALLABLE *******************************/
/******************************* try addPluginCss(firstlogin) *******************************/
/******************************* try addPluginCss(Furniture) *******************************/
/******************************* addPluginCss(Furniture) START *******************************/
#furniture.furniture-list{
background: #F9F9F9;
border-style: solid;
border-width: 1px;
border-color: #C3C3C3;
}
#furniture.furniture-list > div{
background: #F9F9F9;
border-style: solid;
border-width: 0px;
border-color: #999999;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 0px;
}
#furniture.furniture-edit div.furniture-type-form{
background: #FFFFFF;
border: solid 1px #999999;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 5px;
}
#furniture.furniture-list form,
#furniture.furniture-site > form{
background: #ECECEC;
border-style: solid;
border-width: 1px;
border-color: #C3C3C3;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 0px;
}
#furniture textarea{
width: 98%;
resize: none;
}
#furnitureassigntypes textarea{
margin: 5px;
}
#furniture a{
color: #333333;
}
#furniture a:hover{
color: #A20000;
}
#furniture .change-description,
#furniture #status-buttons-div,
#furniture #priority-buttons-div{
margin-bottom: 10px;
}
#furniture #status-buttons-div .large-button{
padding-left: 45px;
padding-bottom: 2px;
}
#furniture .furniture_text_info{
font-size: 0.8em;
color: #0A246A;
}
#furniture .furniture_text_new{
font-weight: bold;
color: firebrick;
}
#furniture .furnituredoc-container div{
border-width: 1px;
padding: 3px;
}
#furniture .sitetabs_element{
background: #FFFFFF;
padding: 0px;
border-width: 0px;
border-top-width: 1px;
margin: 0px;
}
#furniture #tab-div-1 div{
margin: 0px;
border-width: 0px;
}
#furniture #tab-div-2 div{
padding: 0px;
margin: 0px;
border-width: 0px;
}
#furniture #tab-div-2 table{
border-width: 0px;
border-spacing: 0px;
}
#furniture #furniture-properties-table{
border-width: 1px;
background: #FFFFFF;
border-spacing: 5px;
margin: 5px;
}
#furniture #priority-buttons-div .large-button{
padding: 0px;
text-align: center;
}
#furniture #status-buttons-div .large-button{
padding-top: 2px;
}
#furniture #comments-div{
margin-left: 0px;
height: 75px;
overflow-y: auto;
}
#furniture #furniture-general-table{
border-width: 0px;
}
#furniture #furniture-general-table tr{
height: 20px;
}
#furniture #furniture-general-table .td-1{
width: 75px;
}
#furniture #furniture-general-table .td-2{
width: 75px;
text-align: center;
}
#furniture #furniture-general-table .td-3{
width: 200px;
font-weight: bold;
}
#furniture .float-clear{
background: transparent;
border: 0;
padding: 0px;
margin: 0px;
}
#furniture .furniture-state{
display: inline-block;
width: 360px;
margin-bottom: 10px;
}
#furniture .furniture-settings{
display: inline-block;
width: 385px;
min-height: 70px;
}
#furniture .furniture-duedate,
#furniture .furniture-assign,
#furniture .furniture-type{
display: inline-block;
width: 170px;
height: 70px;
margin-right: 15px;
margin-bottom: 5px;
}
#furniture .furniture-duedate fieldset,
#furniture .furniture-assign fieldset,
#furniture .furniture-type fieldset{
display: inline-block;
width: 170px;
}
#furniture .furniture-text-public{
color: darkblue;
}
#furniture .furniture-text-private{
color: darkred;
}
#furniture .furniture-text-info{
font-size: 0.8em;
color: #0A246A;
}
#furniture .furniture-text-new{
font-weight: bold;
color: firebrick;
}
#furniture .comments{
width: 759px;
margin-bottom: 10px;
}
#furniture .add-comment,
#furniture .private-comment {
width: 369px;
border: 0;
margin: 0;
margin-bottom: 10px;
}
#furniture .add-comment{
margin-right: 22px;
}
#furniture .title-edit label {
display: inline-block;
width: 180px;
}
#furniture .title-edit button {
margin-top: 2px;
}
#furniture .large-button.prova{
background: #fff url('./ico/furniture/res/ico/ampel_grau_.gif') no-repeat 4px center ;
}
#furniture .date-pick-dis{
color: #999999;
width: 150px;
}
#furniture .furniture-type-form label{
display: inline-block;
width: 160px;
}
#furniture .furniture-type-form .externalPwd{
float: right;
margin-right: 40px;
}
/* ----- TABS ----- */
#furniture #tabs-button-container{
text-align: left;
margin-top: 3px;
padding: 0 0 0 20px;
border-bottom: 1px #999999 solid;
background: #FFFFFF;
}
#furniture #tabs-button-container > button{
cursor: pointer;
width: 300px;
height: 30px;
border: 1px #999999 solid;
margin: 0px 0px -1px;
background: #D9D9D9;
}
#furniture #tabs-button-container > button.tabs-button-active{
cursor: default;
border-bottom: 1px #FFFFFF solid;
background: #FFFFFF;
color: #333333;
}
.furniture-placetree-img{
display: inline-block;
float: left;
margin-right: 3px;
margin-bottom: 3px;
}
#furniture .filter-status{
margin-right: 5px;
height: 140px;
width: 450px;
}
#furniture .filter-condition{
margin-right: 5px;
height: 140px;
width: 225px;
}
#furniture .filter-workplace{
margin-top: 5px;
width: 692px;
}
#furniture .filter-chk{
width: 20px;
}
#furniture .filter-condition .filter-chk{
padding-top: 6px;
}
#furniture .filter-img{
width: 30px;
}
#furniture .filter-descr{
width: 150px;
}
#furniture .filter-condition .filter-descr{
padding-top: 6px;
}
#furniture .dyn-header{
margin-bottom: 5px;
}
/* ------- Tickets Table ----- */
#furniture table.tickets-table {
width: 100%;
margin-bottom: 10px;
}
#furniture table.tickets-table th {
font-weight: bold;
background: black;
color: white;
font-size: 16px;
}
#furniture table.tickets-table tbody tr {
background: #EAEAEA;
}
#furniture table.tickets-table tbody tr:nth-child(2) {
background: #A8A8A8;
}
#furniture-multiselect-popup.popup {
padding: 0;
width: 900px;
margin: 32px auto 0 auto;
}
#furniture-multiselect-popup > form {
max-height: 90vh;
overflow-y: auto;
}
#furniture-multiselect-popup > form input.empty{
background: darkred;
color: darkred;
}
#furniture .document_upload.document_upload_furniture{
width: 319px;
min-height: 145px;
margin: 0 2px 0 0;
border: grey dotted 1px;
background: #CCFFBB;
float: right;
}
#furniture .document_upload{
width: 322px;
}
#furniture .document_upload.document_upload_furniture .document_uploaddroparea{
display: inline-block;
}
#furniture .document_upload.document_upload_furniture .qr-capture{
float: right;
}
#furniture .document_upload.document_upload_furniture .qr-capture img{
height: 107px;
width: 107px;
}
#furniture .document_upload.document_upload_furniture #document_uploaddroparea_form{
}
#furniture .document_uploaddroparea{
background: #CCFFBB;
border-width: 1px;
}
#furniture .document_uploaddroparea div{
background: #CCFFBB;
border-width: 0px;
padding: 0px;
margin: 0px;
}
#furniture .document_uploaddroparea .multiUploader_progress{
background: #EAEAEA;
}
/******************************* try addPluginCss(Workplaces) *******************************/
/******************************* addPluginCss(Workplaces) START *******************************/
#workplaces .workplaces_dynfieldblock{
display: inline-block;
}
#workplaces .workplaces_dynfieldblock label{
display: inline-block;
padding-left: 20px;
width: 100px;
}
#workplaces .workplaces_dynfieldblock input{
display: inline-block;
width: 200px;
}
/* updloader / downloader */
#workplaces .workplaces-upload-resulttable{
border-collapse: collapse;
background-color: white;
border: 2px solid #999;
padding: 3px;
margin-bottom: 10px;
}
#workplaces .workplaces-upload-resulttable td {
border: 1px solid #999;
padding: 2px;
}
#workplaces .workplaces-upload-resulttable td.ok {
background-color: white;
}
#workplaces .workplaces-upload-resulttable td.error {
background-color: red;
}
#workplaces .workplaces-upload-resulttable td.new {
background-color: orange;
}
#workplaces .workplaces-upload-resulttable td.changed {
background-color: #0e0;
}
#workplaces .workplaces-upload-resulttable td.deleted {
background-color: #eee;
text-decoration: line-through;
}
#workplaces h6.critical{
border-style: solid;
}
#workplaces .large-button{
width: 160px;
}
#workplaces .source-selector {
width: 900px;
}
#workplaces .manage-types {
width: 900px;
}
#workplaces .manage-type {
display: inline-block;
width: 60px;
}
#workplaces .jstree-node > a.has-target {
color: blue;
}
#workplaces .jstree-node > a.move-target {
color: purple;
}
#workplaces .tree-filter {
padding: 5px;
background-color: grey;
}
#workplaces .tree-filter > label {
display: block;
margin-bottom: 4px;
color: white;
font-weight: bold;
font-size: 15px;
}
#workplaces .tree-filter > select {
min-width: 200px;
}
#workplaces .tree-search {
padding: 2px;
background-color: lightgrey;
}
#workplaces .tree-search > input {
min-width: 200px;
}
#workplaces #left-tree-container.border {
border: 1px solid grey;
margin-bottom: 5px;
}
#workplaces #right-tree-container.border {
border: 1px solid grey;
margin-bottom: 5px;
}
#workplaces #tree_panel_div {
margin-bottom: 10px;
}
/******************************* try addPluginCss(Cockpit) *******************************/
/******************************* try addPluginCss(Facilities) *******************************/
/******************************* addPluginCss(Facilities) START *******************************/
#facilities.facilities-list{
background: #F9F9F9;
border-style: solid;
border-width: 1px;
border-color: #C3C3C3;
}
#facilities.facilities-list > div{
background: #F9F9F9;
border-style: solid;
border-width: 0px;
border-color: #999999;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 0px;
}
#facilities.facilities-edit div.facilities-type-form{
background: #FFFFFF;
border: solid 1px #999999;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 5px;
}
#facilities.facilities-list form,
#facilities.facilities-site > form{
background: #ECECEC;
border-style: solid;
border-width: 1px;
border-color: #C3C3C3;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 0px;
}
#facilities textarea{
width: 98%;
resize: none;
}
#facilitiesassigntypes textarea{
margin: 5px;
}
#facilities a{
color: #333333;
}
#facilities a:hover{
color: #A20000;
}
#facilities .change-description,
#facilities #status-buttons-div,
#facilities #priority-buttons-div{
margin-bottom: 10px;
}
#facilities #status-buttons-div .large-button{
padding-left: 45px;
padding-bottom: 2px;
}
#facilities .facilities_text_info{
font-size: 0.8em;
color: #0A246A;
}
#facilities .facilities_text_new{
font-weight: bold;
color: firebrick;
}
#facilities .facilitiesdoc-container{
}
#facilities .facilitiesdoc-container .facilitiesdoc.private{
background-color: palevioletred;
}
#facilities .facilitiesdoc-container div{
border-width: 1px;
padding: 3px 3px 3px 6px;
}
#facilities .facilitiesdoc-container .facilitiesdoc .prev{
display: inline-block;
width: 180px;
height: 136px;
overflow: hidden;
}
#facilities .facilitiesdoc-container .facilitiesdoc .info{
display: inline-block;
margin-right: 10px;
width: 110px;
height: 130px;
overflow: hidden;
}
#facilities .facilitiesdoc-container .facilitiesdoc{
display: inline-block;
width: 319px;
border: grey dotted 1px;
overflow: hidden;
}
#facilities .sitetabs_element{
background: #FFFFFF;
padding: 0px;
border-width: 0px;
border-top-width: 1px;
margin: 0px;
}
#facilities #tab-div-1 div{
margin: 0px;
border-width: 0px;
}
#facilities #tab-div-2 div{
padding: 0px;
margin: 0px;
border-width: 0px;
}
#facilities #tab-div-2 table{
border-width: 0px;
border-spacing: 0px;
}
#facilities #facilities-properties-table{
border-width: 1px;
background: #FFFFFF;
border-spacing: 5px;
margin: 5px;
}
#facilities #priority-buttons-div .large-button{
padding: 0px;
text-align: center;
}
#facilities #status-buttons-div .large-button{
padding-top: 2px;
}
#facilities #comments-div{
margin-left: 0px;
height: 75px;
overflow-y: auto;
}
#facilities #facilities-general-table{
border-width: 0px;
}
#facilities #facilities-general-table tr{
height: 20px;
}
#facilities #facilities-general-table .td-1{
width: 75px;
}
#facilities #facilities-general-table .td-2{
width: 75px;
text-align: center;
}
#facilities #facilities-general-table .td-3{
width: 200px;
font-weight: bold;
}
#facilities .float-clear{
background: transparent;
border: 0;
padding: 0px;
margin: 0px;
}
#facilities .facilities-state{
display: inline-block;
width: 360px;
margin-bottom: 10px;
}
#facilities .facilities-settings{
display: inline-block;
width: 385px;
min-height: 70px;
}
#facilities .facilities-duedate,
#facilities .facilities-assign,
#facilities .facilities-type{
display: inline-block;
width: 170px;
height: 70px;
margin-right: 15px;
margin-bottom: 5px;
}
#facilities .facilities-duedate fieldset,
#facilities .facilities-assign fieldset,
#facilities .facilities-type fieldset{
display: inline-block;
width: 170px;
}
#facilities .facilities-text-public{
color: darkblue;
}
#facilities .facilities-text-private{
color: darkred;
}
#facilities .facilities-text-info{
font-size: 0.8em;
color: #0A246A;
}
#facilities .facilities-text-new{
font-weight: bold;
color: firebrick;
}
#facilities .comments{
width: 759px;
margin-bottom: 10px;
}
#facilities .add-comment,
#facilities .private-comment {
width: 369px;
border: 0;
margin: 0;
margin-bottom: 10px;
}
#facilities .add-comment{
margin-right: 22px;
}
#facilities .title-edit label {
display: inline-block;
width: 180px;
}
#facilities .title-edit button {
margin-top: 2px;
}
#facilities .title-edit .legend button {
margin-top: -1px;
}
#facilities .large-button.prova{
background: #fff url('./ico/facilities/res/ico/ampel_grau_.gif') no-repeat 4px center ;
}
#facilities .date-pick-dis{
color: #999999;
width: 150px;
}
#facilities .facilities-type-form label{
display: inline-block;
width: 160px;
}
#facilities .facilities-type-form .externalPwd{
float: right;
margin-right: 40px;
}
#facilities .document_upload.document_upload_facilities{
width: 319px;
min-height: 145px;
margin: 0 2px 0 0;
border: grey dotted 1px;
background: #CCFFBB;
float: right;
}
#facilities .document_upload{
width: 322px;
}
#facilities .document_upload.document_upload_facilities .document_uploaddroparea{
display: inline-block;
}
#facilities .document_upload.document_upload_facilities .qr-capture{
float: right;
}
#facilities .document_upload.document_upload_facilities .qr-capture img{
height: 107px;
width: 107px;
}
#facilities .document_upload.document_upload_facilities #document_uploaddroparea_form{
}
#facilities .document_uploaddroparea{
background: #CCFFBB;
border-width: 1px;
}
#facilities .document_uploaddroparea div{
background: #CCFFBB;
border-width: 0px;
padding: 0px;
margin: 0px;
}
#facilities .document_uploaddroparea .multiUploader_progress{
background: #EAEAEA;
}
/* ----- TABS ----- */
#facilities #tabs-button-container{
padding: 0px;
text-align: left;
margin-top: 3px;
padding-left: 20px;
border-bottom: 1px #999999 solid;
background: #FFFFFF;
}
#facilities #tabs-button-container > button{
cursor: pointer;
width: 19%;
height: 30px;
border: 1px #999999 solid;
margin: 0px;
margin-bottom: -1px;
background: #D9D9D9;
}
#facilities #tabs-button-container > button.tabs-button-active{
cursor: default;
border-bottom: 1px #FFFFFF solid;
background: #FFFFFF;
color: #333333;
}
#facilities #details-tabs-button-container{
padding: 0px;
text-align: left;
margin-top: 3px;
margin-bottom: 10px;
padding-left: 5px;
border-bottom: 1px #999999 solid;
background: #FFFFFF;
}
#facilities #details-tabs-button-container > button{
cursor: pointer;
width: 19%;
height: 30px;
border: 1px #999999 solid;
margin: -1px;
background: #D9D9D9;
}
#facilities #details-tabs-button-container > button.active{
cursor: default;
border-bottom: 1px #FFFFFF solid;
background: #FFFFFF;
color: #333333;
}
.facilities-placetree-img{
display: inline-block;
float: left;
margin-right: 3px;
margin-bottom: 3px;
}
#facilities .filter-status{
margin-right: 5px;
height: 90px;
width: 250px;
}
#facilities .filter-condition{
margin-right: 5px;
height: 90px;
width: 445px;
}
#facilities .filter-workplace{
margin-top: 5px;
margin-left: 5px;
width: 492px;
height: 50px;
}
#facilities .filter-type {
height: 50px;
width: 250px;
}
#facilities .filter-type > div > label{
display: block;
margin-bottom: 3px;
}
#facilities .filter-type > div > select {
margin-top: -1px;
height: 22px;
width: 250px;
}
#facilities .filter-chk{
width: 20px;
}
#facilities .filter-condition .filter-chk{
padding-top: 6px;
}
#facilities .filter-img{
width: 30px;
}
#facilities .filter-descr{
width: 150px;
}
#facilities .filter-condition .filter-descr{
padding-top: 6px;
}
#facilities .dyn-header{
margin-bottom: 5px;
}
/* ----------DETAILS BLOCK--------- */
#facilities fieldset.detail-block {
text-align: left;
background-color: #E5E5E5;
border: 0;
width: 340px;
overflow: hidden;
}
#facilities fieldset.detail-block legend {
font-size: 14px;
height: 20px;
width: 100%;
margin-left: -5px;
margin-top: -5px;
padding-top: 4px;
padding-left: 10px;
color: black;
background-color: #C3C3C3;
font-weight: bold;
}
#facilities fieldset.detail-block > .new-name-block > label {
display: block;
margin-top: 4px;
}
#facilities fieldset.detail-block > .new-name-block > input {
width: 80%;
}
#facilities fieldset.detail-block > .new-name-block > button {
float: right;
}
#facilities fieldset.detail-block > .info-line > label {
display: inline-block;
min-width: 100px;
margin-right: 10px;
margin-left: 10px;
}
#facilities fieldset.detail-block label {
display: inline-block;
width: 95px;
}
#facilities fieldset.detail-block .places-tree-input-dupl div {
display: inline-block;
width: 45%;
}
#facilities fieldset.detail-block > .info-line > span {
}
#facilities select[name=partOf].unimportant {
color:grey;
}
#facilities select[name=partOf] > option.unimportant {
color:grey;
}
/* ------- MAP --------- */
.facilities-map-button-container{
display: inline-block;
float: right;
width: 50px;
height:45px;
margin-top: 30px;
margin-bottom: -45px;
}
.mapView-site .facilities-map-button-container{
margin-top: 0px;
}
/* ------- Tickets Table ----- */
#facilities table.tickets-table {
width: 100%;
margin-bottom: 10px;
}
#facilities table.tickets-table th {
font-weight: bold;
background: black;
color: white;
font-size: 16px;
}
#facilities table.tickets-table tbody tr {
background: #EAEAEA;
}
#facilities table.tickets-table tbody tr:nth-child(2) {
background: #A8A8A8;
}
/* ------- Audits Table ----- */
#facilities table.audits-table {
width: 100%;
margin-bottom: 10px;
}
#facilities table.audits-table th {
font-weight: bold;
background: black;
color: white;
font-size: 16px;
}
#facilities table.audits-table tbody tr {
background: #EAEAEA;
}
#facilities table.audits-table tbody tr:nth-child(2) {
background: #d8d5d5;
}
/* ---- Workplaces ---- */
#facilities .side-container > .header {
padding: 5px;
background-color: grey;
min-height: 24px;
}
#facilities .side-container > .header > label {
display: block;
margin-bottom: 4px;
color: white;
font-weight: bold;
font-size: 15px;
}
#facilities .facTreeFilter > label {
display: inline-block;
color: white;
font-weight:bold;
width: 120px;
}
#facilities .facTreeFilter > select {
width: 280px;
margin-right: 10px;
margin-bottom: 2px;
}
#facilities .side-container > .header span {
display: block;
margin-bottom: 2px;
}
#facilities .side-container > .content {
padding: 5px;
}
#facilities .side-container {
min-height: 400px;
}
#facilities .tree-filter > select {
min-width: 200px;
}
#facilities .side-container > .subheader {
padding: 2px;
background-color: lightgrey;
min-height: 40px;
}
#facilities .tree-search > input {
min-width: 200px;
margin-top: 10px;
}
#facilities .tree-search > button {
margin-top: 5px;
}
#facilities .side-container.border {
border: 1px solid grey;
margin-bottom: 5px;
}
#facilities #tree_panel_div {
margin-bottom: 10px;
}
#facilities .leftContainer {
display: inline-block;
vertical-align: top;
overflow: hidden;
width: 600px;
margin-right: 20px;
padding-bottom: 10px;
}
#facilities .rightContainer {
display: inline-block;
vertical-align: top;
overflow: hidden;
width: 375px;
}
/* ------- Parents Table ----- */
#facilities table.parentsTable {
width: 100%;
margin-bottom: 10px;
}
#facilities table.parentsTable th {
font-weight: bold;
background: black;
color: white;
font-size: 16px;
}
#facilities table.parentsTable tbody tr {
background: #EAEAEA;
}
#facilities table.parentsTable tbody tr:nth-child(2) {
background: #A8A8A8;
}
#form_facilities-contacts .address-select-combo, #form_building-contacts-form .address-select-combo {
width: 600px;
}
#form_facilities-contacts .dyncontact-type, #form_building-contacts-form .dyncontact-type {
width: 220px;
margin-right: 10px;
}
.facilitiesdocIconPart{
width: 300px;
display: inline-block;
vertical-align: top;
}
.facilitiesDocForm{
display: inline-block;
width: 600px;
}
.facilitiesDocForm .view-block input{
width:220px;
}
#facilities .auditSetupRow{
border-top: 1px solid darkgrey;
border-bottom: 1px solid darkgrey;
}
#facilities .auditSetupRow > div {
height: 70px;
display: inline-block;
vertical-align: top;
min-height: 60px;
border-right: 1px solid darkgrey;
border-collapse: collapse;
margin: 0px;
}
#facilities .auditSetupRow > div > div {
width: 80px;
padding: 4px;
overflow: hidden;
}
#facilities .auditSetupRow > div > div.milestone-shorter-div1 {
width: 50px;
}
#facilities .auditSetupRow div.description{
height: 36px;
width: 320px;
overflow: hidden;
word-wrap:break-word;
}
#facilities .auditSetupRow div.interval{
height: 36px;
width: 320px;
overflow: hidden;
}
#facilities .auditSetupRow div.questions{
height: 36px;
width: 320px;
overflow: hidden;
border-right:none;
}
#facilities div.audit-status {
height: 100%;
}
#facilities div.audit-status.audit-ok {
background-color: lightgreen;
}
#facilities div.audit-status.audit-missing {
background-color: #ffa67f;
}
/* ------- Sensor Table ----- */
#facilities table.sensor-table {
width: 100%;
margin-bottom: 10px;
}
#facilities table.sensor-table th {
font-weight: bold;
background: black;
color: white;
font-size: 16px;
}
#facilities table.sensor-table tbody tr {
background: #EAEAEA;
}
#facilities table.sensor-table tbody tr:nth-child(2) {
background: #A8A8A8;
}
#facilities table.audits-table.request-list thead tr th{
background-color: #420101;
}
#facilities table.audits-table.request-list tr.isNotAssigned{
color: #2f2e2f;
}
#facilities table.audits-table.request-list tr.isAssigned{
color: #420101;
}
#facilities div.coreWidget-PlaceSelector {
display: inline-block;
width: 460px;
}
#facilities .coreWidget-PlaceSelector label {
display: inline-block;
width: auto;
}
#facilities .coreWidget-PlaceSelector select {
margin-top: 2px;
height: 22px;
min-width: 70px;
max-width: 260px;
}
#auditReport-popup {
padding: 0;
}
#facilities .document_thumb .doc-preview > img {
max-height: 80px;
object-fit: contain;
}
#facilities .facilitiesdoc-container .document_thumb .doc-preview > img {
max-height: 130px;
object-fit: contain;
}
#facilities .doc-preview-hover {
height: 500px;
min-width: 300px;
}
#facilities-copy-popup {
padding: 0;
}
/******************************* try addPluginCss(Checklist) *******************************/
/******************************* Checklist::getCss NOT CALLABLE *******************************/
/******************************* try addPluginCss(Voting) *******************************/
/******************************* addPluginCss(Voting) START *******************************/
#voting .voting-block{
padding: 5px;
background-color: #eee;
height: 25px;
margin-bottom: 5px;
}
#voting .voting-text{
width: 70%;
font-size: 18px;
display: inline-block;
}
#voting .voting-buttons{
display: inline-block;
}
#voting .voting-buttons button{
padding-top: 13px;
margin-right: 40px;
}
#voting .voting-buttons button.drop{
margin-right: 5px;
}
#voting .voting-result{
display: inline-block;
width: 155px;
}
#voting .voting-result button{
cursor: default;
}
#voting .voting-result .filling-box{
background-color: white;
border: 1px solid #000;
height: 10px;
margin-top: 5px;
margin-left: 25px;
width: 100px;
margin-bottom: -17px;
}
#voting .voting-result .filling{
background-color: yellow;
height:100%;
}
#voting .voting-result button.un-happy-smiley{
float: left;
}
#voting .voting-result button.super-happy-smiley{
float: right;
}
/******************************* try addPluginCss(Projects) *******************************/
/******************************* addPluginCss(Projects) START *******************************/
#editFilterSetup_form .input-block.large.pre-filter label {
width: 160px;
}
#editFilterSetup_form .input-block.large.pre-filter select {
width:294px;
}
#editFilterSetup_form .input-block.large.pre-filter input {
width:250px;
}
#userlist textarea{
resize: none;
border: 1px solid #999999;
border-radius: 3px;
}
.preFilter-edit label {
width: 155px;
display: inline-block;
margin-left: 5px;
}
/******************************* try addPluginCss(furnChoice) *******************************/
/******************************* try addPluginCss(Article2) *******************************/
/******************************* addPluginCss(Article2) START *******************************/
#article2{
/* margin-right: -10px; */
}
#article2 .modeBtn > input{
margin-bottom: 1px; margin-right: 15px; float: right; margin-top: 4px;
}
#article2 .modeBtn > input.new {
float: left;
}
#article2 h3{
margin-left: 0px;
}
#article2 .single-article{
border-top: 4px solid #B8AB9A;
}
#article2 .input-large{
width: 600px;
}
#article2 .textarea-large{
width: 800px;
height: 450px;
resize: none;
}
#article2 .textarea-short{
height: 60px;
width: 600px;
resize: none;
}
#article2 .document_upload.document_upload_article2{
width: 670px;
}
#article2 .document_upload.document_upload_article2 .document_uploaddroparea{
display: inline-block;
}
#article2 .document_upload.document_upload_article2 #document_uploaddroparea_form{
}
#article2 .document_uploaddroparea{
background: #CCFFBB;
border-width: 1px;
}
#article2 .document_uploaddroparea div{
background: #CCFFBB;
border-width: 0px;
padding: 0px;
margin: 0px;
}
#article2 .document_uploaddroparea .multiUploader_progress{
background: #EAEAEA;
}
#article2 select{
border-style: groove;
border-radius: 3px;
border-color: #999999;
border-width: 1px;
margin-left: 1px;
}
#article2 .div-hidden{
display: none;
}
#article2 .div-shown{
display: block;
}
#article2 a{
color: darkblue;
}
#article2 a:hover{
color: darkred;
}
/* FULL TYPE */
#article2 .full-title{
margin: 4px;
font-size: 18px;
font-weight: bold;
float: left;
width: 98%;
}
#article2 .full-short{
margin: 4px;
font-size: 16px;
font-style: italic;
}
#article2 .full-details{
margin: 4px;
font-size: 14px;
}
#article2 .full-comment{
}
#article2 .full-comment textarea{
width: 85%;
height: 60px;
resize: none;
}
/* TILE TYPE */
#article2 .tile-container{
border: 1px solid #444444;
float: left;
margin-right: 10px;
margin-bottom: 10px;
background-color: #EAEAEA;
}
#article2 .tile-container.large{
width: 491px;
height: 360px;
}
#article2 .tile-container.medium{
width: 321px;
height: 280px;
}
#article2 .tile-container.small{
width: 236px;
height: 250px;
}
#article2 .tile-container.large.div-hovered{
border-color: darkred;
}
#article2 .tile-container.medium.div-hovered{
border-color: darkred;
}
#article2 .tile-container.small.div-hovered{
border-color: darkred;
}
#article2 .tile-title{
width: 100%;
background-color: #444;
color: #EEE;
font-weight: bold;
}
#article2 .tile-title > span{
display: block;
padding: 2px;
}
#article2 .tile-title.large{
font-size: 14px;
height: 36px;
}
#article2 .tile-title.medium{
font-size: 14px;
height: 36px;
}
#article2 .tile-title.small{
font-size: 13px;
height: 38px;
}
#article2 .tile-title.large.div-hovered{
background-color: #F7ECB6;
color: #843534;
}
#article2 .tile-title.medium.div-hovered{
background-color: #F7ECB6;
color: #843534;
}
#article2 .tile-title.small.div-hovered{
background-color: #F7ECB6;
color: #843534;
}
#article2 .tile-main{
width: 100%;
background-color: #f9f9f9;
/*background:rgba(0, 0, 0, 0.5);*/
}
#article2 .tile-main.large{
height: 324px;/* was 280px */
}
#article2 .tile-main.medium{
height: 243px; /* was 160px */
}
#article2 .tile-main.small{
height: 212px;
}
#article2 .tile-footer{
width: 100%;
/*background-color: #FFFFFF;*/
font-size: 10px;
color: #EAEAEA;
background: rgba(0, 0, 0, 0.4);
height: 21px;
}
#article2 .tile-footer.large{
margin-top: 282px;
/*height: 40px;*/
}
#article2 .tile-footer.medium{
margin-top: 202px;
/*height: 21px;*/
}
#article2 .tile-footer.small{
margin-top: 170px;
/*height: 40px;*/
}
#article2 .tile-td{
vertical-align: top;
}
#article2 .tile-td.large{
width: 363px;
}
#article2 .tile-td.medium{
width: 243px;
}
#article2 .tile-td.small{
width: 183px;
}
#article2 .tile-menu{
height: 28px;
font-size: 14px;
font-weight: bold;
margin-bottom: 8px;
background-color: #444444;
color: #EEEEEE;
padding-top: 10px;
border-style: solid;
border-width: 1px;
border-color: #444444;
}
#article2 .tile-menu.large{
width: 360px;
}
#article2 .tile-menu.medium{
width: 321px;
}
#article2 .tile-menu.small{
width: 180px;
}
#article2 .tile-short{
/*height: 220px;*/
font-size: 12px;
color: #EAEAEA;
background:rgba(0, 0, 0, 0.4);
}
#article2 .tile-details{
height: 21px;
font-size: 10px;
color: #EAEAEA;
background:rgba(0, 0, 0, 0.4);
/*padding-bottom: 3px;
padding-top: 3px;*/
}
/* NEWS TYPE */
#article2 .news-container,
#news_cont .news-container{
height: 300px;
border-style: solid;
border-color: #999999;
border-width: 1px;
float: left;
background-color: #E4E4E4;
}
#article2 .news-container{
width: 200px;
margin-right: 10px;
margin-bottom: 10px;
}
#news_cont .news-container{
width: 99%;
margin-right: 0px;
margin-bottom: 0px;
}
#article2 .news-title,
#news_cont .news-title{
width: 100%;
height: 44px;
background-color: #E4E4E4;
font-size: 12px;
font-weight: bold;
color: #333333;
border-style: solid;
border-color: #999999;
border-width: 0px;
border-bottom-width: 1px;
}
#article2 .tile-like-block{
padding: 2px;
color: #333333;
background: #FFFFFF;
margin-top: 0px;
}
#article2 .news-main,
#news_cont .news-main{
width: 100%;
height: 210px;
background-color: #E4E4E4;
/*background:rgba(0, 0, 0, 0.5);*/
}
#article2 .news-image,
#news_cont .news-image{
width: 100%;
height: 100px;
background-color: #E4E4E4;
}
#article2 .news-short,
#news_cont .news-short{
width: 100%;
height: 110px;
font-size: 12px;
color: #333333;
background-color: #E4E4E4;
overflow: hidden;
}
#article2 .news-short.no-picture,
#news_cont .news-short.no-picture{
height: 210px;
}
#article2 .news-footer,
#news_cont .news-footer{
width: 100%;
height: 34px;
background-color: #E4E4E4;
font-size: 12px;
color: #333333;
border: 0px solid #999999;
border-top-width: 1px;
padding-top: 10px;
}
/* ----- TABS ----- */
#article2 .tabs-button-container{
text-align: left;
margin-top: 6px;
padding-left: 20px;
border-bottom: 1px grey solid;
background: #FFFFFF;
}
#article2 .tabs-button-container > button.tabs-button-active{
width: 100px;
height: 30px;
background-color: #FFFFFF;
border: 1px grey solid;
margin-bottom: -1px;
border-bottom-color: #FFFFFF;
}
#article2 .tabs-button-container > button.tabs-button-inactive{
width: 100px;
height: 30px;
background-color: #EAEAEA;
border: 1px grey solid;
margin-bottom: -1px;
}
#article2 .version-manager-div{
padding: 3px;
background-color: #F9F9F9;
border: 1px solid #999999;
}
#article2 .compose-mode{
margin-right: 100px;
color: #FF0000;
font-weight: bold;
}
#article2 .sel-lang{
-webkit-appearance: none;
height:22px;
padding-left: 25px;
width:70px;
}
#article2 .sel-lang-opt{
-webkit-appearance: none;
width:40px;
padding-left: 25px;
}
#article2 .flag-ger{
background: url("./ico/flags/ger.gif") 5px no-repeat #ffffff;
}
#article2 .flag-eng{
background:url("./ico/flags/eng.gif") 5px no-repeat #ffffff;
}
#article2 .flag-fra{
background:url("./ico/flags/fra.gif") 5px no-repeat #ffffff;
}
#article2 .flag-ita{
background:url("./ico/flags/ita.gif") 5px no-repeat #ffffff;
}
#article2 .flag-rus{
background:url("./ico/flags/rus.gif") 5px no-repeat #ffffff;
}
#article2 .flag-tur{
background: url("./ico/flags/tur.gif") 5px no-repeat #ffffff;
}
#article2 .sel-act{
-webkit-appearance: none;
height:22px;
padding-left: 25px;
width:70px;
}
#article2 .sel-act-opt{
-webkit-appearance: none;
width:40px;
padding-left: 25px;
}
#article2 .status-act-1{
background: url("./ico/pgm/ok_16.png") 5px no-repeat #ffffff;
}
#article2 .status-act-0{
background:url("./ico/pgm/drop.png") 5px no-repeat #ffffff;
}
#article2 .sel-status{
-webkit-appearance: none;
height:22px;
padding-left: 25px;
width:70px;
}
#article2 .sel-status-opt{
-webkit-appearance: none;
width:40px;
padding-left: 25px;
}
#article2 .status-1{
background: url("./ico/pgm/pencilgreen_16.png") 5px no-repeat #ffffff;
}
#article2 .status-2{
background: url("./ico/pgm/clock_16.png") 5px no-repeat #ffffff;
}
#article2 .status-3{
background: url("./ico/pgm/world_16.png") 5px no-repeat #ffffff;
}
#article2 .status-4{
background: url("./ico/pgm/world_bw_16.png") 5px no-repeat #ffffff;
}
/*
#article2 .search-results-container{
width: 99%;
border-color: #999999;
border-width: 1px;
border-style: solid;
}
#article2 .search-results-container .odd{
height: 40px;
background-color: #E8E8FF;
}
#article2 .search-results-container .even{
height: 40px;
background-color: #FFFFFF;
}
*/
/******************************* try addPluginCss(ausweis) *******************************/
/******************************* try addPluginCss(Wpselect) *******************************/
/******************************* addPluginCss(Wpselect) START *******************************/
#wpselect_base{
width:997px;
height: 600px;
margin-top: 30px;
text-align: center;
overflow: hidden;
background-color: #e2e2e2;
border: 1px solid #b2b2b2;
}
#wpselect_base section{
width: 997px;
height: 600px;
}
#wpselect_baseimage,
#wpselect_edit_baseimage{
background-color: white;
background-repeat: no-repeat;
background-position: top left;
text-align: left;
z-index: 0;
min-width:1000px;
min-height:600px;
margin-top: 25px;
background-size: contain;
}
#wpselect_controls{
height: 28px;
margin-bottom: 2px;
float: right;
text-align: right;
}
#wpselect_controls button{
vertical-align:top;
}
#wpselect_controls input[type=range]{
background-color: white;
}
#wpselect_coordinates{
display: block;
table-layout: fixed;
border-collapse: collapse;
border: 1px #555;
}
.wpselect_icon{
top:50px;
left:120px;
width: 16px;
height: 16px;
border: 2px solid #606060;
margin-bottom: -16px;
margin-right: -16px;
vertical-align: middle;
text-align: center;
position: relative;
overflow: hidden;
box-sizing: border-box;
cursor: pointer;
z-index:600;
}
/*---*/
.wpselect_icon.xx-large-desk{
background: url('./ico/workplace/desk_black_48.png') no-repeat center;
width: 56px;
height: 56px;
font-size: 12px;
font-weight: bold;
margin-bottom: -56px;
margin-right: -56px;
border: 4px solid transparent;
color: #222;
}
.wpselect_icon.xx-large-desk.empty{
background: url('./ico/workplace/desk_green_48.png') no-repeat center;
color: darkgreen;
}
.wpselect_icon.xx-large-desk.multi{
background: url('./ico/workplace/desk_red_48.png') no-repeat center;
color: darkred;
}/*---*/
.wpselect_icon.x-large-desk{
background: url('./ico/workplace/desk_black_32.png') no-repeat center;
width: 40px;
height: 40px;
font-size: 10px;
font-weight: bold;
margin-bottom: -40px;
margin-right: -40px;
border: 4px solid transparent;
color: #222;
}
.wpselect_icon.x-large-desk.empty{
background: url('./ico/workplace/desk_green_32.png') no-repeat center;
color: darkgreen;
}
.wpselect_icon.x-large-desk.multi{
background: url('./ico/workplace/desk_red_32.png') no-repeat center ;
color: darkred;
}
/*---*/
.wpselect_icon.large-desk{
background: url('./ico/workplace/desk_black_24.png') no-repeat center;
width: 30px;
height: 30px;
font-size: 9px;
font-weight: bold;
margin-bottom: -30px;
margin-right: -30px;
border: 3px solid transparent;
color: #222;
}
.wpselect_icon.large-desk.empty{
background: url('./ico/workplace/desk_green_24.png') no-repeat center ;
color: darkgreen;
}
.wpselect_icon.large-desk.multi{
background: url('./ico/workplace/desk_red_24.png') no-repeat center ;
color: darkred;
}
/*---*/
.wpselect_icon.normal-desk{
background: url('./ico/workplace/desk_black_20.png') no-repeat center;
width: 26px;
height: 26px;
font-size: 8px;
font-weight: bold;
margin-bottom: -26px;
margin-right: -26px;
border:3px solid transparent;
color: #606060;
}
.wpselect_icon.normal-desk.empty{
background: url('./ico/workplace/desk_green_20.png') no-repeat center;
color: darkgreen;
}
.wpselect_icon.normal-desk.multi{
background: url('./ico/workplace/desk_red_20.png') no-repeat center ;
color: darkred;
}
/*---*/
.wpselect_icon.medium-desk{
background: url('./ico/workplace/desk_black_16.png') no-repeat center;
width: 22px;
height: 22px;
font-size: 8px;
font-weight: bold;
margin-bottom: -22px;
margin-right: -22px;
border:2px solid transparent;
color: #222;
}
.wpselect_icon.medium-desk.empty{
background: url('./ico/workplace/desk_green_16.png') no-repeat center;
color: darkgreen;
}
.wpselect_icon.medium-desk.multi{
background: url('./ico/workplace/desk_red_16.png') no-repeat center ;
color: darkred;
}
.wpselect_icon.small-desk{
background: url('./ico/workplace/desk_black_12.png') no-repeat center;
width: 16px;
height: 16px;
font-size: 6px;
font-weight: bold;
margin-bottom: -16px;
margin-right: -16px;
border:2px solid transparent;
color: #222;
}
.wpselect_icon.small-desk.empty{
background: url('./ico/workplace/desk_green_12.png') no-repeat center;
color: darkgreen;
}
.wpselect_icon.small-desk.multi{
background: url('./ico/workplace/desk_red_12.png') no-repeat center ;
color: darkred;
}
.wpselect_icon.notassignable{
opacity: 0.6;
}
#wpselect_baseimage.setIcon{
cursor: crosshair !important;
}
#wpselect_baseimage.xx-large-desk.setIcon{
cursor: url('./ico/workplace/desk_transp_24.png') 10 10, crosshair !important;
}
#wpselect_baseimage.x-large-desk.setIcon{
cursor: url('./ico/workplace/desk_transp_24.png') 10 10, crosshair !important;
}
#wpselect_baseimage.large-desk.setIcon{
cursor: url('./ico/workplace/desk_transp_24.png') 10 10, crosshair !important;
}
#wpselect_baseimage.normal-desk.setIcon{
cursor: url('./ico/workplace/desk_transp_20.png') 8 8, crosshair !important;
}
#wpselect_baseimage.medium-desk.setIcon{
cursor: url('./ico/workplace/desk_transp_16.png') 6 6, crosshair !important;
}
#wpselect_baseimage.small-desk.setIcon{
cursor: url('./ico/workplace/desk_transp_12.png') 8 8, crosshair !important;
}
.wpselect_icon.selected{
border-color: tomato;
}
#wpselect_edit_icons{
text-align: left;
}
.wpselect_edit_inputblock{
display: inline-block;
}
.wpselect_edit_inputblock label{
display: inline-block;
text-align: right;
width: 250px;
}
.wpselect_edit_inputblock input[name=iconLabel]{
width: 400px;
}
.wpselect_edit_inputblock input[name=labelFormatPers]{
width: 400px;
}
.wpselect_edit_inputblockL label{
display: inline-block;
width: 250px;
}
#wpselect_edit_icons .large-button save{
width:180px;
}
#wpselect_icon_type{
width: 80px;
}
#wpselect_icon_typeshow{
width:25px;
height:25px;
display: inline-block;
}
#wpselect_icon_typeshow .wpselect_icon{
display: inline-block;
top:-8px;
left:40px;
margin-bottom: -10px;
margin-top: -10px;
}
#wpselect_icon_text{
width: 650px;
}
#wpselect_icon_color,
#wpselect_icon_xpos,
#wpselect_icon_ypos{
width: 55px;
}
#wpselect_icon_backgr_select{
margin-left: 5px;
width: 350px;
height: 25px;
}
#wpselect_icon_backgr_select options{
height: 50px;
}
#wpselect_edit_icons .but_pick{
height: 22px;
width: 22px;
font-size: 0em;
background: white url('./ico/pgm/pointer_16.png') no-repeat center center;
cursor: pointer;
}
#wpselect_edit_icons .but_pickH{
background-color: blue;
}
#wpselect_icon_comments{
width: 600px;
height: 30px;
}
#wpselect_icon_newplace{
margin-left: 50px;
width: 50px;
}
#wpselect_icon_select{
height: 22px;
width: 220px;
}
#wpselect_edit_icons .workplacetext{
width: 500px;
}
#wpselect_edit_icons .workplaceowner{
width: 200px;
}
#wpselect_groupmember{
border: 1px solid;
border-collapse: collapse;
border-spacing: 2px;
}
#wpselect_groupmember th{
background-color: #ccc;
padding: 3px;
font-size: 14px;
}
#wpselect_groupmember td{
padding: 3px;
font-size: 14px;
}
#wpselect_assign_popup{
text-align: left;
position: fixed;
top: 70px;
left: 250px;
background-color: white;
border: 1px solid black;
padding-left: 30px;
width: 700px;
min-height: 150px;
border: 3px solid grey;
z-index: 200;
}
#wpselect_assign_popup .place{
height:30px;
}
#wpselect_assign_popup .but_add{
background-color: #fff;
width: 24px;
}
#wpselectmap #wp_select_workplace_popup .large-button.save {
margin-left: 200px;
}
.wpselect_groupmember_row_selected{
background-color: tomato;
}
#wpselect_user_select{
font-size: 14px;
width: 370px;
}
#wpselect_user_select option span{
display: inline-block;
width: 200px;
}
.pdfSettings{
text-align: center;
}
.pdfSettings table{
margin-left: 240px;
}
#wpSelector{
width: 680px;
display: inline-block;
}
#wpSelectorAddPlace input{
width: 50px;
}
#wpSelectorAddPlace{
width: 80px;
vertical-align: top;
display: inline-block;
}
/******************************* try addPluginCss(video) *******************************/
/******************************* video::getCss NOT CALLABLE *******************************/
/******************************* try addPluginCss(Labels) *******************************/
/******************************* addPluginCss(Labels) START *******************************/
#labels.labels-edit div.label-type-form{
background: #FFFFFF;
border: solid 1px #999999;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 5px;
}
#labels .filter-status{
margin-right: 5px;
}
#labels.labels-list form,
#labels.labels-site > form{
background: #ECECEC;
border: 0px solid #C3C3C3;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 5px 3px;
}
#labels table#labels-datatable{
background: #ECECEC;
width: 100%;
border: 0px solid #999999;
font-size: 12px;
color: #333333;
margin: 0px;
border-spacing: 1px;
}
#labels.labels-list label,
#labels.labels-site label{
font-size: 12px;
color: #333333;
font-weight: normal;
}
#labels #labels-datatable div.create-time{
font-size: 0.75em;
padding-left: 2px;
margin-bottom: 3px;
}
#labels button{
/*margin: 2px;*/
}
#labels select{
border: 1px solid #999999;
border-radius: 3px;
height: 23px;
}
#labels select.shared-selector-labels{
width:154px;
}
#labels textarea{
width: 98%;
resize: none;
border: 1px solid #999999;
border-radius: 3px;
}
#labelassigntypes textarea{
margin: 5px;
}
#labels a{
color: #333333;
}
#labels a:hover{
color: #A20000;
}
/*
#labels #labels-datatable_wrapper{
width: 100%;
padding: 0px 0px 0px 0;
margin-left: 0;
}
#labels #labels-datatable_wrapper div{
border-width: 0px;
}
#labels #labels-datatable_info{
margin-left: 0px;
margin-bottom: 0px;
height: 25px;
}
#labels #labels-datatable_paginate{
margin-right: 0px;
margin-bottom: 0px;
height: 25px;
}
#labels #labels-datatable .even{
height: 80px;
}
#labels #labels-datatable .odd{
height: 80px;
}
*/
#labels .change-description,
#labels #status-buttons-div,
#labels #priority-buttons-div{
margin-bottom: 10px;
}
#labels #status-buttons-div .large-button{
padding-left: 45px;
padding-bottom: 2px;
}
#labels .label_text_info{
font-size: 0.8em;
color: #0A246A;
}
#labels .label_text_new{
font-weight: bold;
color: firebrick;
}
#labels .document_upload.document_upload_labels{
width: 770px;
}
#labels .document_upload.document_upload_labels .document_uploaddroparea{
display: inline-block;
}
#labels .document_upload.document_upload_labels #document_uploaddroparea_form{
}
#labels .document_uploaddroparea{
background: #CCFFBB;
border-width: 1px;
}
#labels .document_uploaddroparea div{
background: #CCFFBB;
border-width: 0px;
padding: 0px;
margin: 0px;
}
#labels .document_uploaddroparea .multiUploader_progress{
background: #EAEAEA;
}
#labels #label-text-div{
border-width: 1px;
}
#labels .labeldoc-container div{
border-width: 1px;
padding: 3px;
}
#labels .sitetabs_element{
background: #FFFFFF;
padding: 0px;
border-width: 0px;
border-top-width: 1px;
margin: 0px;
}
#labels #tab-div-1 div{
margin: 0px;
border-width: 0px;
}
#labels #tab-div-2 div{
padding: 0px;
margin: 0px;
border-width: 0px;
}
#labels #tab-div-2 table{
border-width: 0px;
border-spacing: 0px;
}
#labels #labels-properties-table{
border-width: 1px;
background: #FFFFFF;
border-spacing: 5px;
margin: 5px;
}
#labels #priority-buttons-div .large-button{
padding: 0px;
text-align: center;
}
#labels #status-buttons-div .large-button{
padding-top: 2px;
}
#labels #comments-div{
margin-left: 0px;
height: 75px;
overflow-y: auto;
}
#labels #label-general-table{
border-width: 0px;
}
#labels #label-general-table tr{
height: 20px;
}
#labels #label-general-table .td-1{
width: 75px;
}
#labels #label-general-table .td-2{
width: 75px;
text-align: center;
}
#labels #label-general-table .td-3{
width: 200px;
font-weight: bold;
}
#labels .float-clear{
background: transparent;
border: 0;
padding: 0px;
margin: 0px;
}
#labels .label-state{
display: inline-block;
width: 360px;
margin-bottom: 10px;
}
#labels .labels-settings{
display: inline-block;
width: 385px;
min-height: 70px;
margin-bottom: 10px;
}
#labels .block-0{
display: inline-block;
width: 944px;
margin-right: 5px;
margin-bottom: 5px;
}
#labels .block-0 input{
}
#labels .block-0 textarea{
width: 99%;
}
#labels .block-1{
display: inline-block;
width: 468px;
margin-right: 5px;
margin-bottom: 5px;
}
#labels .block-1 input{
}
#labels .block-1 textarea{
}
#labels .block-2{
display: inline-block;
width: 230px;
margin-right: 5px;
margin-bottom: 5px;
}
#labels .block-2 input{
width: 160px;
}
#labels .block-2 select{
width: 165px;
}
#labels .block-2 textarea{
}
#labels .comments{
width: 944px;
margin-bottom: 10px;
}
#labels .add-comment {
width: 944px;
border: 0;
margin: 0;
margin-bottom: 10px;
}
#labels .add-comment{
margin-right: 22px;
}
#labels .next-status-button ,
#labels .last-status-button {
margin-bottom: 2px;
margin-right: 3px;
padding-top: 2px;
width: 28px;
border: 1px solid #999999;
}
#labels .last-status-button img ,
#labels .next-status-button img {
display: inline-block;
}
#labels img.next-status-direction{
margin-left: -14px;
width: 14px;
height: 14px;
}
#labels .filter-chk{
width: 25px;
padding-top: 5px;
}
#labels .filter-img{
width: 30px;
}
#labels .filter-descr{
width: 100px;
margin-right: 20px;
padding-top: 5px;
}
#labels .coreWidget-PlaceSelector form {
text-align: left;
}
/******************************* try addPluginCss(WpLabels) *******************************/
/******************************* addPluginCss(WpLabels) START *******************************/
#wpLabels table {
background: #ECECEC;
font-size: 10px;
color: #333333;
margin: 0px;
border-spacing: 1px;
}
#wpLabels #form_customlabels {
margin: 0;
}
#wpLabels #form_customlabels div,
#wpLabels #form_customlabels label{
margin-left : 20px;
}
#wpLabels select.dyn-selector {
width:250px;
margin-right:35px;
}
#wpLabels input.dyn-field {
width:250px;
margin-right:35px;
}
#workplacesMultiSelector select {
width:250px;
margin-right:35px;
}
/******************************* try addPluginCss(furnChoice) *******************************/
/******************************* try addPluginCss(MapSetup) *******************************/
/******************************* addPluginCss(MapSetup) START *******************************/
#mapsetup {
width: 997px;
margin-top: 5px;
overflow: hidden;
border: 1px solid transparent;
}
#mapview_base{
width: 997px;
height: 600px;
margin-top: 5px;
text-align: center;
overflow: hidden;
background-color: #e2e2e2;
border: 1px solid #b2b2b2;
}
#mapview_base section{
width: 997px;
height: 600px;
}
#mapview-details{
display: inline-block;
float: left;
height: 20px;
width: 450px;
text-align: left;
vertical-align: middle;
color: #000033;
padding-left: 30px;
padding-top: 8px;
}
#mapview_baseimage,
#mapview_edit_baseimage{
background: white no-repeat top left;
text-align: left;
z-index: 0;
margin-top: 25px;
background-size: contain;
cursor: move;
}
#mapview_baseimage #points > image:hover {
cursor: pointer;
}
#mapview_controls{
height: 28px;
margin-bottom: 2px;
text-align: right;
}
#mapview_controls button{
vertical-align:top;
}
#mapview_controls input[type=range]{
background-color: white;
}
#mapview_controls > span{
display: inline-block;
vertical-align: top;
padding-top: 8px;
}
#map-x, #map-y{
vertical-align: top;
text-align: right;
width: 80px;
}
#map-x{
margin-right: 10px;
}
.mapview-table {
width: 997px;
}
.mapview-table > thead {
background-color: #41424D;
color: #ffffff;
}
.mapview-table > thead > tr > th{
height: 30px;
padding: 3px;
}
.mapview-table > tbody > tr > td {
border-bottom: 1px solid #41424D;
}
#mapview_base .mapview-selected-rect{
width: 110px;
height: 110px;
fill: transparent;
}
#mapview_base .mapview-selected-rect[selected]{
fill: #94081b;
}
#mapview_base image[selected] {
}
.site-form .input-block.line.point-coordinate > input[type=text] {
vertical-align: top;
width: 80px;
}
#mapsetup .wp-selector option.not-set{
color: darkgray;
}
.site-form .input-block > input[name=mapColor] ,
.site-form .input-block > select[name=mapColorChooser] {
width: 140px;
}
.site-form .input-block.large label {
width: 400px;
}
#polygon-fields input{
width: 805px;
}
/******************************* try addPluginCss(MapViewer) *******************************/
/******************************* addPluginCss(MapViewer) START *******************************/
#wp_select_workplace_popup{
text-align: left;
position: fixed;
top: 70px;
left: 250px;
z-index: 200;
}
#wp_select_workplace_popup .place{
height:30px;
}
#wp_select_workplace_popup .but_add{
background-color: #fff;
width: 24px;
}
#wp_select_workplace_popup .large-button.save{
margin-left: 400px;
}
#wpselectmap #wp_select_workplace_popup #form_userassign .large-button.save.save-max-persons{
margin-left: 368px;
}
#form_userassign input[name=maxPersons] {
margin-left: 70px;
width: 50px;
}
#form_userassign textarea[name=maxPersonsComments] {
width: 543px;
}
#wpselectmap textarea[name=iconLabel]{
width:900px;
height:40px;
}
/******************************* try addPluginCss(WpSelectMap) *******************************/
/******************************* addPluginCss(WpSelectMap) START *******************************/
#wp_select_workplace_popup{
text-align: left;
position: fixed;
top: 70px;
left: 250px;
z-index: 200;
}
#wp_select_workplace_popup .place{
height:30px;
}
#wp_select_workplace_popup .but_add{
background-color: #fff;
width: 24px;
}
#wp_select_workplace_popup .large-button.save{
margin-left: 400px;
}
#wpselectmap #wp_select_workplace_popup #form_userassign .large-button.save.save-max-persons{
margin-left: 368px;
}
#form_userassign input[name=maxPersons] {
margin-left: 70px;
width: 50px;
}
#form_userassign textarea[name=maxPersonsComments] {
width: 543px;
}
#form_userassign .place button{
margin-top: 7px;
}
#form_userassign .wpselect_user_select{
width: 230px;
height: 25px;
padding-left: 10px;
margin-left: 10px;
margin-top: 5px;
}
#wpselectmap textarea[name=iconLabel]{
width:900px;
height:40px;
}
/******************************* try addPluginCss(Audit) *******************************/
/******************************* addPluginCss(Audit) START *******************************/
/* ----------------------------------------------- */
/* --------------- OBJECTS SETTINGS -------------- */
/* ----------------------------------------------- */
/* ----- TABS ----- */
#audit #tabs-button-container{
text-align: left;
margin-top: 3px;
padding: 0px 0px 0px 20px;
border-bottom: 1px #999999 solid;
background: #FFFFFF;
}
#audit #tabs-button-container > button{
cursor: pointer;
width: 19%;
height: 45px;
border: 1px #999999 solid;
margin: 0 0 -1px 0;
background: #D9D9D9;
vertical-align: bottom;
}
#audit #tabs-button-container > button.tabs-button-active{
cursor: default;
border-bottom: 1px #FFFFFF solid;
background: #FFFFFF;
color: #333333;
}
#audit #facilityRows {
width: 983px;
font-size: 11px;
}
#questionsForm div.audit-question-edit-short {
vertical-align: middle;
min-height: 40px;
padding: 5px;
}
#questionsForm div.audit-question-edit-short > div {
display: inline-block;
}
#questionsForm div.audit-question-edit-short > div.question-question {
width: 500px;
}
#questionsForm div.audit-question-edit-short > div.question-type {
width: 120px;
}
#questionsForm div.audit-question-edit-short > div.question-buttons {
width: 120px;
}
#questionsForm div.audit-question form.site-form {
width: 989px;
}
#questionsForm div.audit-question div.question-buttons {
display: inline-block;
float: right;
padding-right: 50px;
}
#audit div.audit-valid {
color: darkgreen;
}
#audit div.audit-invalid {
color: darkred;
}
#audit div.audit-workInProgress {
color: darkred;
}
#audit table.bordered td,
#audit table.bordered th
{
border-collapse: collapse;
border: 2px grey solid;
}
/* form */
#audit #questionsForm {
margin-left: 15px;
width: 950px;
border: 1px solid darkgray;
padding-bottom: 50px;
margin-bottom: 10px;
}
#audit #questionsForm > h3{
background-color: darkgrey;
color: white;
margin-left: -10px;
padding: 5px;
padding-left: 20px;
}
#audit #questionsForm .form-block h3 {
background-color: #d0cccc;
padding: 5px;
padding-left: 20px;
}
#audit #questionsForm .form-block {
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px dotted darkgray;
}
#audit #questionsForm .form-block label{
display: inline-block;
vertical-align: top;
width: 350px;
}
#audit #questionsForm .form-block textarea{
width: 600px;
min-height: 60px;
}
#audit #questionsForm .form-block input[type=text],
#audit #questionsForm .form-block input[type=number]{
width: 198px;
}
#audit #questionsForm .form-block .answer-block,
#audit #questionsForm .form-block select{
display: inline-block;
width: 200px;
}
#audit #questionsForm .form-block .checkbox-block{
margin-left: 356px;
}
#audit #questionsForm .form-block .checkbox-block span{
display: inline-block;
width: 180px;
}
#audit #questionsForm .form-block .photo-part{
}
#audit #questionsForm .form-block .photo-part input[type=file] {
border: none;
}
#audit #questionsForm .form-block .photo-part input[type=submit] ,
#audit #questionsForm .form-block .photo-part input[type=reset] {
display: inline-block;
width: 32px; height: 32px;
}
#audit #questionsForm .require-photo-block{
display: inline-block;
width: 220px;
height: 160px;
overflow: hidden;
}
#audit #questionsForm .require-photo-block > div{
display: inline-block;
width: 150px;
height: 150px;
}
#audit #questionsForm .require-photo-block > div.buttons{
vertical-align: top;
height: 150px;
width: 80px;
}
#audit #questionsForm .require-photo-block > div.buttons button{
display: inline-block;
vertical-align: top;
width: 24px;
}
#audit #questionsForm .require-photo-block a.document_thumb{
display: inline-block;
padding: 0;
width: 120px;
}
#audit #questionsForm .require-photo-block a.document_thumb img{
max-width: 120px;
}
#audit .ticketing-widget div {
display: inline-block;
}
#audit .ticketing-widget {
border-bottom: 1px dotted darkgrey;
}
#AuditCheckPopup-popup {
padding: 0;
width: 900px;
}
#AuditCheckPopup-popup .questions textarea,
#AuditCheckPopup-popup .questions select,
#AuditCheckPopup-popup .questions input,
#AuditCheckPopup-popup .questions a
{
display: inline-block;
flex-basis: 420px;
}
#AuditCheckPopup-popup .questions input[type=file]{
width: 235px;
}
#AuditCheckPopup-popup .questions input[type=reset],
#AuditCheckPopup-popup .questions input[type=submit],
#AuditCheckPopup-popup .questions input[type=button]{
width: 60px;
}
#AuditCheckPopup-popup .questions input[type=radio],
#AuditCheckPopup-popup .questions input[type=checkbox]{
width: 20px;
}
#AuditCheckPopup-popup .questions div.form-block {
padding-bottom: 3px;
border-bottom: 1px dotted darkgray;
}
#AuditCheckPopup-popup .questions label {
flex-basis: 360px;
}
#AuditCheckPopup-popup-form {
max-height:500px;
overflow-y: scroll;
}
#AuditCheckPopup-popup-form .questions .form-block {
display: block;
}
#AuditCheckPopup-popup-form .questions .form-block > div {
display: inline-block;
max-width: 600px;
}
#AuditCheckPopup-popup-form label.done {
color: #0b670b;
}
#AuditCheckPopup-popup-form label.not-done {
color: #ed151f;
}
#questionsForm .form-block > label {
}
#questionsForm .form-block > label {
flex-basis: 360px;
}
#audit .bForm div.form-block textarea {
display: block;
width: calc(100% - 18px);
margin-right: 5px;
height: 150px;
flex-basis: 150px;
}
#audit #auditQuestions.bForm div.form-block textarea {
display: block;
width: calc(100% - 18px);
margin-right: 5px;
height: 60px;
flex-basis: calc(100% - 455px);
}
#audit label.done {
color: #0b670b;
}
#audit label.not-done {
color: #ed151f;
}
#audit .filling.warn {
padding:4px;
border: dotted #ed151f 2px;
margin: 0 5% 0 5%; min-height: 26px;
background: repeating-linear-gradient(
45deg,
#ffffff,
#ffffff 10px,
#e7cfcf 10px,
#E7CFCFFF 20px
);
}
#audit .filling.nok {
padding:4px;
border: dotted #ed151f 2px;
margin: 0 5% 0 5%; min-height: 26px;
background: #e7cfcf ;
}
#audit .filling.ok {
padding:4px;
border: dotted #16A200 2px;
margin: 0 5% 0 5%; min-height: 26px;
background-color: white;
}
#audit .large-button.save[disabled] {
background: dimgrey;
}
#audit table th input[type=checkbox] ,
#audit table td input[type=checkbox] {
margin: 7px;
}
/******************************* try addPluginCss(AuditPrototype) *******************************/
/******************************* addPluginCss(AuditPrototype) START *******************************/
/* ----- TABS ----- */
#auditPrototype #tabs-button-container{
text-align: left;
margin-top: 3px;
padding: 0px 0px 0px 20px;
border-bottom: 1px #999999 solid;
background: #FFFFFF;
}
#auditPrototype #tabs-button-container > button{
cursor: pointer;
width: 19%;
height: 30px;
border: 1px #999999 solid;
margin: 0px 0px -1px;
background: #D9D9D9;
}
#auditPrototype #tabs-button-container > button.tabs-button-active{
cursor: default;
border-bottom: 1px #FFFFFF solid;
background: #FFFFFF;
color: #333333;
}
#auditPrototype .coreWidget-PlaceSelector {
display: inline-flex;
}
#auditPrototype #fatList input[type=checkbox] ,
#auditPrototype #fatCheckList input[type=checkbox] {
margin: 7px;
}
#auditPrototype table.bordered td,
#auditPrototype table.bordered th
{
border-collapse: collapse;
border: 2px grey solid;
}
#auditPrototype .bForm fieldset legend {
width: 74%;
}
#auditPrototype .bForm div.form-block textarea {
display: block;
width: calc(100% - 18px);
margin-right: 5px;
height: 150px;
flex-basis: 150px;
}
/******************************* try addPluginCss(AuditCheckPrototype) *******************************/
/******************************* addPluginCss(AuditCheckPrototype) START *******************************/
/* ----- TABS ----- */
#AuditCheckPrototype #tabs-button-container {
text-align: left;
margin-top: 3px;
padding: 0px 0px 0px 20px;
border-bottom: 1px #999999 solid;
background: #FFFFFF;
}
#AuditCheckPrototype #tabs-button-container > button {
cursor: pointer;
width: 19%;
height: 30px;
border: 1px #999999 solid;
margin: 0px 0px -1px;
background: #D9D9D9;
}
#AuditCheckPrototype #tabs-button-container > button.tabs-button-active {
cursor: default;
border-bottom: 1px #FFFFFF solid;
background: #FFFFFF;
color: #333333;
}
#AuditCheckPrototype table.bordered td,
#AuditCheckPrototype table.bordered th {
border-collapse: collapse;
border: 2px grey solid;
}
#AuditCheckPrototype .coreWidget-PlaceSelector {
display: inline-flex;
}
#AuditCheckPrototype #fatList input[type=checkbox] {
margin: 7px;
}
#AuditCheckPrototype .bForm fieldset legend {
width: 712px;
}
#AuditCheckPrototype .bForm div.form-block textarea {
display: block;
width: calc(100% - 18px);
margin-right: 5px;
height: 150px;
flex-basis: 150px;
}
/******************************* try addPluginCss(AuditCheck) *******************************/
/******************************* addPluginCss(AuditCheck) START *******************************/
/******************************* try addPluginCss(Sensoric) *******************************/
/******************************* addPluginCss(Sensoric) START *******************************/
/* ----- TABS ----- */
#sensoric #tabs-button-container{
padding: 0px;
text-align: left;
margin-top: 3px;
padding-left: 20px;
border-bottom: 1px #999999 solid;
background: #FFFFFF;
}
#sensoric #tabs-button-container > button{
cursor: pointer;
width: 400px;
height: 30px;
border: 1px #999999 solid;
margin: 0px;
margin-bottom: -1px;
background: #D9D9D9;
}
#sensoric #tabs-button-container > button.tabs-button-active{
cursor: default;
border-bottom: 1px #FFFFFF solid;
background: #FFFFFF;
color: #333333;
}
/******************************* try addPluginCss(AdvNewsLetter) *******************************/
/******************************* addPluginCss(AdvNewsLetter) START *******************************/
#newsletter-header {
background-color: #ffe7e7;
border-top: 4px solid #6f0505;
}
#newsletter-header legend {
background-color: #af2d2d;
}
/* ----- TABS ----- */
#advnewsletter #topFilter .input-block.grouped{
display: inline-block;
}
#advnewsletter #topFilter label{
display: inline-block;
width: 160px;
}
#advnewsletter #tabs-button-container > button{
cursor: pointer;
width: 19%;
height: 30px;
border: 1px #999999 solid;
margin: 0px 0px -1px;
background: #D9D9D9;
}
#advnewsletter #tabs-button-container > button.tabs-button-active{
cursor: default;
border-bottom: 1px #FFFFFF solid;
background: #FFFFFF;
color: #333333;
}
#advnewsletter legend .buttons {
float: right;
margin-top: -6px;
}
#advnewsletter .article-block{
background: #E1E1EB;
}
#advnewsletter #details-tabs-button-container{
text-align: left;
margin-top: 3px;
margin-bottom: 10px;
padding: 0px 0px 0px 5px;
border-bottom: 1px #999999 solid;
background: #FFFFFF;
}
#advnewsletter #details-tabs-button-container > button{
cursor: pointer;
width: 19%;
height: 30px;
border: 1px #999999 solid;
margin: -1px;
background: #D9D9D9;
}
#advnewsletter #details-tabs-button-container > button.active{
cursor: default;
border-bottom: 1px #FFFFFF solid;
background: #FFFFFF;
color: #333333;
}
#advnewsletter #preview_block {
background: #E1E1EB;
width:100%;
min-height: 400px;
}
/******************************* try addPluginCss(WorkplaceCheckTree) *******************************/
/******************************* addPluginCss(WorkplaceCheckTree) START *******************************/
#dashboard .dashboard-module {
border: solid 1px #0A246A;
margin-bottom: 5px;
}
.placeTypes-edit-icon{
margin-right: 15px;
}
.placeTypes-edit-block{
padding-left: 40px;
}
.types-edit-block{
border: 1px solid #006293;
margin-bottom: 10px;
}
.types-edit-block > .type-header {
height: 40px;
background-color: #006293;
}
.types-edit-block > .type-header > div {
display: inline-block;
}
.types-edit-block > .type-header > button {
margin-left: 5px;
}
.types-edit-block > .type-header > div.name {
color: white;
font-size: 20px;
padding-top: 9px;
padding-left: 10px;
}
.types-edit-block > .type-header > .buttons {
float: right;
}
.types-edit-block .modules{
padding-left: 20px;
padding-right: 5px;
}
.module-edit-block{
border: 1px solid #009378;
margin-bottom: 10px;
}
.module-edit-block > .module-header {
height: 40px;
background-color: #009378;
}
.module-edit-block > .module-header > div {
display: inline-block;
}
.module-edit-block > .module-header > button {
margin-left: 5px;
}
.module-edit-block > .module-header > div.name {
color: white;
font-size: 20px;
padding-top: 9px;
padding-left: 10px;
}
.module-edit-block > .module-header > .buttons {
float: right;
}
.modulesBlock{
padding-left: 20px;
}
.moduleBlock-edit-block{
border: 1px solid #00b3b8;
margin-bottom: 10px;
}
.moduleBlock-edit-block > .moduleBlock-header {
height: 40px;
background-color: #00b3b8;
}
.moduleBlock-edit-block > .moduleBlock-header > div {
display: inline-block;
}
.moduleBlock-edit-block > .moduleBlock-header > button {
margin-left: 5px;
}
.moduleBlock-edit-block > .moduleBlock-header > div.name {
color: white;
font-size: 20px;
padding-top: 9px;
padding-left: 10px;
}
.moduleBlock-edit-block > .moduleBlock-header > .buttons {
float: right;
}
#workplaceCheckTree .treeContainer {
display: inline-block;
vertical-align: top;
overflow: hidden;
border-top: 4px solid #41424D ;
background-color: #fafafa;
width: 480px;
margin-right: 40px;
padding-bottom: 10px;
}
#workplaceCheckTree .infoContainer {
display: inline-block;
vertical-align: top;
overflow: hidden;
border-top: 4px solid #41424D ;
width: 460px;
}
#workplaceCheckTree table.workplaceCheckTree {
width: 480px;
table-layout: fixed;
border-collapse: collapse;
}
#workplaceCheckTree table.workplaceCheckTree td,
#workplaceCheckTree table.workplaceCheckTree th{
padding: 2px;
}
#workplaceCheckTree table.workplaceCheckTree td:not([colspan]),
#workplaceCheckTree table.workplaceCheckTree th:not([colspan]){
width: 28px;
overflow: hidden;
}
#workplaceCheckTree table.workplaceCheckTree .tree-type-icon{
height: 16px;
width: 16px;
}
#workplaceCheckTree table.workplaceCheckTree .tree-type-icon.location{
background-image: url('ico/jstree/location.png');
}
#workplaceCheckTree table.workplaceCheckTree .tree-type-icon.house{
background-image: url('ico/jstree/house.png');
}
#workplaceCheckTree table.workplaceCheckTree .tree-type-icon.floor{
background-image: url('ico/jstree/floor.png');
}
#workplaceCheckTree table.workplaceCheckTree .tree-type-icon.floor-zone{
background-image: url('ico/jstree/floorZone.png');
}
#workplaceCheckTree table.workplaceCheckTree .tree-type-icon.room{
background-image: url('ico/jstree/room.png');
}
#workplaceCheckTree table.workplaceCheckTree .tree-type-icon.place{
background-image: url('ico/jstree/desk.png');
}
#workplaceCheckTree table.workplaceCheckTree .rest {
cursor: pointer;
}
.types-block{
border: 1px solid #006293;
margin-bottom: 10px;
}
.types-block .modules{
padding-top: 5px;
padding-left: 20px;
}
.types-block > .type-header {
height: 30px;
background-color: #930000;
}
.types-block > .type-header.done {
background-color: #186105;
}
.types-block > .type-header > div {
display: inline-block;
}
.types-block > .type-header > button {
margin-left: 5px;
}
.types-block > .type-header > div.name {
color: white;
font-size: 20px;
padding-top: 3px;
padding-left: 10px;
}
.types-block > .type-header > .buttons {
float: right;
}
#workplaceCheckTree .infoContainer .form-block label{
display: block;
width: 100%;
margin-top: 5px;
padding: 2px;
background-color: #930000;
margin-left: -10px;
font-size: 16px;
color: white;
}
#workplaceCheckTree .infoContainer .form-block label.done{
background-color: #186105;
}
#workplaceCheckTree .infoContainer .form-block {
padding-left: 10px;
}
#workplaceCheckTree input[type=file]{
width: 232px;
}
#workplaceCheckTree .document_uploaddroparea{
width: 300px;
}
#workplaceCheckTree .require-photo-block{
display: inline-block;
width: 150px;
height: 160px;
overflow: hidden;
}
#workplaceCheckTree .require-photo-block > div{
background-color: #e8e8e8;
width: 150px;
height: 150px;
}
#workplaceCheckTree .require-photo-block a.document_thumb{
padding: 0;
}
#workplaceCheckTree .require-photo-block > div.buttons{
text-align: right;
margin-top: -21px;
height: 21px;
}
#workplaceCheckTree textarea{
width: 410px;
}
#workplaceCheckTree table.workplaceCheckTree td:not([colspan]).action {
width: 120px;
}
/******************************* try addPluginCss(UserBookingMap) *******************************/
/******************************* addPluginCss(UserBookingMap) START *******************************/
/******************************* try addPluginCss(Ticketing) *******************************/
/******************************* addPluginCss(Ticketing) START *******************************/
/* ----------------------------------------------- */
/* ------------ DEFAULT TAGS SETTINGS ------------ */
/* ----------------------------------------------- */
#ticket-popup{
padding: 0;
width: 662px;
}
#ticketing .ticketing-map-button-container{
display: inline-block;
float: right;
width: 50px;
height:45px;
margin-top: 30px;
margin-bottom: -45px;
}
#ticketing .ticketing-map-button-container{
height: 40px;
margin-bottom: -40px;
float: right;
}
#ticketing .form_details_controls {
padding-right: 100px;
}
#ticketing #TicketCnpList-details{
margin-top: 18px;
}
#ticketing.ticketing-list{
background: #ECECEC;
border: 1px solid #C3C3C3;
}
#ticketing.ticketing-list > div{
border: 0 solid #999999;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 0;
}
#ticketing.ticketing-site > div{
/*background: #ECECEC;*/
border-top: none;
margin: 0;
}
#ticketing.ticketing-list form,
#ticketing.ticketing-site > form{
background: #ECECEC;
border: 1px solid #C3C3C3;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 0;
}
#ticketing table#tickets-datatable{
background: #ECECEC;
border: 1px solid #999999;
font-size: 12px;
color: #333333;
margin: 0;
border-spacing: 1px;
table-layout: fixed;
width: 100%;
}
#ticketing.ticketing-list label,
#ticketing.ticketing-site label{
font-size: 12px;
color: #333333;
font-weight: normal;
}
#ticketing #tickets-datatable div.create-time{
font-size: 0.75em;
padding-left: 2px;
margin-bottom: 3px;
}
#ticketing button{
/*margin: 2px;*/
}
#ticketing textarea{
width: 98%;
resize: none;
}
#ticketassigntypes textarea{
margin: 5px;
}
#ticketing #description,
#ticketing #measure {
height: 80px;
width: 600px;
}
#ticketing a{
color: #333333;
}
#ticketing a:hover{
color: #A20000;
}
/* ----------------------------------------------- */
/* --------------- OBJECTS SETTINGS -------------- */
/* ----------------------------------------------- */
/* ----- TABS ----- */
#ticketing #tickets-datatable_wrapper{
padding: 5px 5px 5px 0;
margin-left: 0;
}
#ticketing #tickets-datatable_wrapper div{
border-width: 0;
}
/*
#ticketing #tickets-datatable input{
width: 80%;
background: #ffffff;
}
*/
#ticketing #tickets-datatable_info{
margin-left: 0;
margin-bottom: 0;
height: 25px;
}
#ticketing #tickets-datatable_paginate{
margin-right: 0;
margin-bottom: 0;
height: 25px;
}
#ticketing #tickets-datatable .even,
#ticketing #tickets-datatable .odd{
min-height: 80px;
}
#ticketing #tickets-datatable .odd{
}
#ticketing #site-div{
background: lightblue;
}
#ticketing #edit-div{
background: lightgrey;
}
#ticketing #status-buttons-div,
#ticketing #priority-buttons-div{
margin-bottom: 10px;
display: inline-block;
}
#ticketing #status-buttons-div select.touchable {
width: 241px;
}
#ticketing #priority-buttons-div select.touchable {
width: 150px;
}
#ticketing .ticket_text_info{
font-size: 0.8em;
color: #0A246A;
}
#ticketing .ticket_text_new{
font-weight: bold;
color: firebrick;
}
#ticketing .document_upload.document_upload_ticketing {
width: 319px;
min-height: 145px;
margin: 0 2px 0 0;
border: grey dotted 1px;
background: #CCFFBB;
float: right;
}
#ticketing .document_upload.document_upload_ticketing .document_uploadAssignDropArea{
display: inline-block;
}
#ticketing .document_uploadAssignDropArea{
background: #CCFFBB;
border-width: 1px;
}
#ticketing .document_uploadAssignDropArea div{
background: #CCFFBB;
border-width: 0;
padding: 0;
margin: 0;
}
#ticketing .document_uploadAssignDropArea .multiUploader_progress{
background: #EAEAEA;
z-index: 1000;
}
#ticketing #ticket-text-div{
border-width: 1px;
}
#ticketing .ticketdoc-container{
}
#ticketing .ticketdoc-container div {
border-width: 1px;
padding: 3px;
padding-left: 6px;
}
#ticketing .ticketdoc-container .ticketdoc .prev{
display: inline-block;
width: 180px;
height: 130px;
overflow: hidden;
}
#ticketing .ticketdoc-container .ticketdoc .info{
display: inline-block;
margin-right: 10px;
width: 110px;
height: 130px;
overflow: hidden;
}
#ticketing .ticketdoc-container .ticketdoc{
display: inline-block;
width: 319px;
border: grey dotted 1px;
overflow: hidden;
}
#ticketing .ticketdoc-container .ticketdoc.private{
background-color: palevioletred;
}
#ticketing .sitetabs_element{
background: #FFFFFF;
padding: 0;
border-width: 0;
border-top-width: 1px;
margin: 0;
}
#ticketing #ticketing-properties-table{
border-width: 1px;
background: #FFFFFF;
border-spacing: 5px;
margin: 5px;
}
#ticketing #priority-buttons-div .large-button{
padding: 0;
text-align: center;
}
#ticketing #status-buttons-div .large-button{
padding-top: 2px;
}
#ticketing #comments-div{
margin-left: 0;
height: 125px;
overflow-y: auto;
}
#ticketing #ticket-general-table{
border-width: 0;
}
#ticketing #ticket-general-table tr{
height: 25px;
}
#ticketing #ticket-general-table .tdhead{
background-color: #F1F1F1;
}
#ticketing #ticket-general-table .td-1{
width: 125px;
}
#ticketing #ticket-general-table .td-2{
width: 75px;
text-align: center;
}
#ticketing #ticket-general-table .td-3{
width: 300px;
font-weight: bold;
padding: 2px;
}
#ticketing .float-clear{
background: transparent;
border: 0;
padding: 0;
margin: 0;
}
#ticketing .ticket-state{
display: inline-block;
width: 990px;
margin-bottom: 10px;
}
#ticketing .ticket-state .overview-left {
display: inline-block;
width: 460px;
vertical-align: top;
}
#ticketing .ticket-state .overview-right {
display: inline-block;
width: 400px;
vertical-align: top;
padding-left: 40px;
}
#ticketing .ticket-state .overview-right td {
height: 25px;
}
#ticketing .ticket-state .overview-left .description {
width: 450px;
height: 55px;
overflow: hidden;
color: darkblue;
}
#ticketing .ticket-state .overview-right .td-1 {
width: 200px;
}
#ticketing .ticketing-settings{
display: inline-block;
width: 460px;
min-height: 70px;
}
#ticketing .site-form option {
zoom: 1.1; line-height: 1.6;
}
#ticketing .ticket-instance,
#ticketing .ticket-duedate,
#ticketing .ticket-assign,
#ticketing .ticket-prototype,
#ticketing .ticket-type,
#ticketing .ticket-qr{
display: inline-block;
vertical-align: top;
margin-right: 15px;
margin-bottom: 5px;
height: 45px;
}
#ticketing .ticket-duedate label,
#ticketing .ticket-instance label,
#ticketing .ticket-assign label,
#ticketing .ticket-prototype label,
#ticketing .ticket-type label{
display: inline-block;
vertical-align: top;
width: 185px;
}
#ticketing .ticket-duedate fieldset,
#ticketing .ticket-assign fieldset,
#ticketing .ticket-type fieldset,
#ticketing .ticket-qr fieldset {
display: inline-block;
text-align: center;
width: 200px;
}
#ticketing .ticket-assign,
#ticketing .ticket-type,
#ticketing .ticket-prototype,
#ticketing .ticket-duedate,
#ticketing .ticket-instance{
width: 600px;
height: 45px;
}
#ticketing .ticket-duedate{
width: 523px;
}
#ticketing .ticket-assign .view-div,
#ticketing .ticket-type .view-div,
#ticketing .ticket-instance .view-div{
display: inline-block;
height: 36px;
width: 185px;
margin-right: 5px;
}
#ticketing .ticket-instance select,
#ticketing .ticket-assign select,
#ticketing .ticket-type select{
width: 180px;
margin-right: 5px;
}
#ticketing .ticket-duedate .input-wrapper{
display: inline-block;
width: 200px;
height: 39px;
}
#ticketing .ticket-duedate input.date-pick{
width: 160px;
padding-left: 5px;
}
#ticketing .change-title input{
padding-left: 3px;
height: 30px;
width: 460px;
}
#ticketing .ticket-text-public{
color: darkblue;
}
#ticketing .ticket-text-private{
color: darkred;
}
#ticketing .ticket-text-info{
font-size: 0.8em;
color: #0A246A;
}
#ticketing .ticket-text-new{
font-weight: bold;
color: firebrick;
}
#ticketing .comments{
width: 982px;
margin-bottom: 10px;
}
#ticketing .add-comment,
#ticketing .private-comment {
width: 480px;
border: 0;
margin: 0 0 10px;
}
#ticketing .add-comment{
margin-right: 22px;
}
#ticketing .add-comment textarea,
#ticketing .private-comment textarea{
width: 450px;
}
#ticketing .title-edit label {
display: inline-block;
width: 180px;
}
#ticketing .title-edit input[type=text] {
width: 500px;
}
#ticketing .title-edit input[type=checkbox] {
width: 50px;
}
#ticketing .large-button.prova{
background: #fff url('./ico/ticketing/res/ico/ampel_grau_.gif') no-repeat 4px center ;
}
#ticketing .date-pick-dis{
color: #999999;
width: 150px;
}
#ticketing .ticket-type-form {
vertical-align: bottom;
padding: 2px;
}
#ticketing .ticket-type-form label{
display: inline-block;
width: 220px;
padding-top: 5px;
min-height: 25px;
}
#ticketing .ticket-type-form select[name=typeAssignGroup] {
vertical-align: baseline;
width: 250px;
}
#ticketing .ticket-type-form input[name=typeAssignPID] {
width: 60px;
}
#ticketing .ticket-type-form input[name=subTypes] {
width: 500px;
}
#ticketing .ticket-type-form .externalPwd{
margin-left: 60px;
}
#ticketing .qr-capture{
display: inline-block;
float: right;
}
#ticketing .qr-capture img{
height: 107px;
width: 107px;
}
#ticketing .datatables_filter_input{
width: 80%;
}
#ticketing .overview-fieldset{
padding: 1px;
}
#ticketing .descr-view{
padding: 3px;
}
#ticketing .resource-fieldset{
margin-bottom: 4px;
}
#ticketing #resource-selector-new{
margin: 4px;
}
#ticketing .newResource{
width: 200px;
margin-right: 5px;
}
#ticketing .new-type{
margin-bottom: 5px;
}
#ticketing .new-type select{
width: 200px;
}
#ticketing .body-elem-div{
min-width: 300px;
}
#ticketing .filter-status,
#ticketing .filter-priority,
#ticketing .filter-dueDate{
width: 250px;
margin-right: 5px;
}
#ticketing .address-select-combo {
width: 400px;
vertical-align: top;
}
#ticketing .ticketing-map-button-container > button {
position: relative;
top: -20px;
}
#ticketing #resource-selector-new select ,
#ticketing #resource-selector-facilityUuid select ,
#ticketing #resource-selector-facilityTypeUuid select ,
#ticketing #resource-selector-workplace select {
height: 37px;
background-color: #EDEDF3;
color: #333333;
border: 0 solid #428FC6;
border-top-color: #B1C7E4;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-color: #AAC6E3;
outline: #AAC6E3 solid 1px;
}
#ticketing .additive-block {
height: 30px;
}
#ticketing .additive-block select.touchable {
height: 33px;
}
#ticketing .address-select-combo {
height: 30px;
}
#ticketing .additive-block .small-icon-button {
margin-top: 5px;
}
#ticketing .coreWidget-PlaceSelector select{
min-width: 60px;
max-width: 170px;
height: 26px;
}
#ticketing .admin-button {
}
#ticketing .doc-preview-hover {
height: 500px;
min-width: 300px;
}
#ticketing .doc-preview > img {
max-height: 130px;
object-fit: contain;
}
#ticketing form.bForm label > input {
flex-basis: 20px;
}
#ticketing .wpSelectorContainer label {
width: auto;
}
/******************************* try addPluginCss(Toolbox) *******************************/
/******************************* addPluginCss(Toolbox) START *******************************/
/* ----------------------------------------------- */
/* ------------ DEFAULT TAGS SETTINGS ------------ */
/* ----------------------------------------------- */
#toolbox.toolbox-list{
background: #ECECEC;
border-style: solid;
border-width: 1px;
border-color: #C3C3C3;
}
#toolbox.toolbox-list > div{
background: #ECECEC;
border-style: solid;
border-width: 0px;
border-color: #999999;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 0px;
}
#toolbox.toolbox-site > div{
background: #ECECEC;
border: 1px solid #c3c3c3;
border-top: none;
padding: 5px;
margin: 0;
}
#toolbox.toolbox-edit div.toolbox-type-form{
background: #FFFFFF;
border: solid 1px #999999;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 5px;
}
#toolbox .filter-status{
margin-left: 10px;
}
#toolbox.toolbox-list form,
#toolbox.toolbox-site > form{
background: #ECECEC;
border-style: solid;
border-width: 1px;
border-color: #C3C3C3;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 0px;
}
#toolbox table#toolbox-datatable{
background: #ECECEC;
border-style: solid;
border-width: 1px;
border-color: #999999;
font-size: 12px;
color: #333333;
margin: 0px;
border-spacing: 1px;
table-layout: fixed;
}
#toolbox.toolbox-list label,
#toolbox.toolbox-site label{
font-size: 12px;
color: #333333;
font-weight: normal;
}
#toolbox #toolbox-datatable div.create-time{
font-size: 0.75em;
padding-left: 2px;
margin-bottom: 3px;
}
#toolbox button{
/*margin: 2px;*/
}
#toolbox textarea{
height: 200px;
width: 98%;
resize: none;
}
#toolboxassigntypes textarea{
margin: 5px;
}
#toolbox a{
color: #333333;
}
#toolbox a:hover{
color: #A20000;
}
/* ----------------------------------------------- */
/* --------------- OBJECTS SETTINGS -------------- */
/* ----------------------------------------------- */
/* ----- TABS ----- */
#toolbox #toolbox-datatable_wrapper{
padding: 5px;
padding-left: 0;
margin-left: 0;
}
#toolbox #toolbox-datatable_wrapper div{
border-width: 0px;
}
/*
#toolbox #toolbox-datatable input{
width: 80%;
background: #ffffff;
}
*/
#toolbox #toolbox-datatable_info{
margin-left: 0px;
margin-bottom: 0px;
height: 25px;
}
#toolbox #toolbox-datatable_paginate{
margin-right: 0px;
margin-bottom: 0px;
height: 25px;
}
#toolbox #toolbox-datatable .even{
/*background-color: #E8E8FF;*/
/*height: 100px;*/
}
#toolbox #toolbox-datatable .odd{
/*background-color: white;*/
/*height: 100px;*/
}
#toolbox #site-div{
background: lightblue;
}
#toolbox #edit-div{
background: lightgrey;
}
#toolbox .change-description,
#toolbox #status-buttons-div,
#toolbox #priority-buttons-div{
margin-bottom: 10px;
}
#toolbox #status-buttons-div .large-button{
padding-left: 45px;
padding-bottom: 2px;
}
#toolbox .large-button.act{
}
#toolbox .large-button.sel{
cursor: auto;
}
#toolbox .large-button.dis{
color: #999999;
cursor: auto;
}
#toolbox .toolbox_text_info{
font-size: 0.8em;
color: #0A246A;
}
#toolbox .toolbox_text_new{
font-weight: bold;
color: firebrick;
}
#toolbox .document_upload.document_upload_toolbox{
width: 770px;
}
#toolbox .document_upload.document_upload_toolbox .document_uploaddroparea{
display: inline-block;
}
#toolbox .document_upload.document_upload_toolbox #document_uploaddroparea_form{
}
#toolbox .document_uploaddroparea{
background: #CCFFBB;
border-width: 1px;
}
#toolbox .document_uploaddroparea div{
background: #CCFFBB;
border-width: 0px;
padding: 0px;
margin: 0px;
}
#toolbox .document_uploaddroparea .multiUploader_progress{
background: #EAEAEA;
}
#toolbox #toolbox-text-div{
border-width: 1px;
}
#toolbox .toolboxdoc-container div{
border-width: 1px;
padding: 3px;
}
#toolbox .sitetabs_element{
background: #FFFFFF;
padding: 0px;
border-width: 0px;
border-top-width: 1px;
margin: 0px;
}
#toolbox #tab-div-1 div{
margin: 0px;
border-width: 0px;
}
#toolbox #tab-div-2 div{
padding: 0px;
margin: 0px;
border-width: 0px;
}
#toolbox #tab-div-2 table{
border-width: 0px;
border-spacing: 0px;
}
#toolbox #toolbox-properties-table{
border-width: 1px;
background: #FFFFFF;
border-spacing: 5px;
margin: 5px;
}
#toolbox #priority-buttons-div .large-button{
padding: 0px;
text-align: center;
}
#toolbox #status-buttons-div .large-button{
padding-top: 2px;
}
#toolbox #comments-div{
margin-left: 0px;
height: 75px;
overflow-y: auto;
}
#toolbox #toolbox-general-table{
border-width: 0px;
}
#toolbox #toolbox-general-table tr{
height: 20px;
}
#toolbox #toolbox-general-table .td-1{
width: 75px;
}
#toolbox #toolbox-general-table .td-2{
width: 75px;
text-align: center;
}
#toolbox #toolbox-general-table .td-3{
width: 200px;
font-weight: bold;
}
#toolbox .float-clear{
background: transparent;
border: 0;
padding: 0px;
margin: 0px;
}
#toolbox .toolbox-state{
display: inline-block;
width: 360px;
margin-bottom: 10px;
}
/*
#toolbox .toolbox-goto{
display: inline-block;
width: 370px;
margin-bottom: 5px;
}
*/
#toolbox .toolbox-settings{
display: inline-block;
width: 385px;
min-height: 70px;
}
#toolbox .toolbox-duedate,
#toolbox .toolbox-assign,
#toolbox .toolbox-type{
display: inline-block;
width: 170px;
height: 70px;
margin-right: 15px;
margin-bottom: 5px;
}
#toolbox .toolbox-duedate fieldset,
#toolbox .toolbox-assign fieldset,
#toolbox .toolbox-type fieldset{
display: inline-block;
width: 170px;
}
#toolbox .toolbox-text-public{
color: darkblue;
}
#toolbox .toolbox-text-private{
color: darkred;
}
#toolbox .toolbox-text-info{
font-size: 0.8em;
color: #0A246A;
}
#toolbox .toolbox-text-new{
font-weight: bold;
color: firebrick;
}
#toolbox .comments{
width: 759px;
margin-bottom: 10px;
}
#toolbox .add-comment,
#toolbox .private-comment {
width: 369px;
border: 0;
margin: 0;
margin-bottom: 10px;
}
#toolbox .add-comment{
margin-right: 22px;
}
#toolbox .title-edit label {
display: inline-block;
width: 180px;
}
#toolbox .title-edit input {
width: 400px;
}
#toolbox .large-button.prova{
background: #fff url('./ico/toolbox/res/ico/ampel_grau_.gif') no-repeat 4px center ;
}
#toolbox .date-pick-dis{
color: #999999;
width: 150px;
}
#toolbox .toolbox-type-form label{
display: inline-block;
width: 160px;
}
#toolbox .toolbox-type-form .externalPwd{
float: right;
margin-right: 40px;
}
#toolbox .select-1{
width: 230px;
border-color: #999999;
border-radius: 3px;
border-style: solid;
border-width: 1px;
font-weight: normal;
margin: 1px;
}
/******************************* try addPluginCss(Planview) *******************************/
/******************************* addPluginCss(Planview) START *******************************/
#planview_base{
width:780px;
text-align: center;
}
#planview_baseimage,
#planview_edit_baseimage{
display: inline-block;
max-width: 780px;
background-color: yellowgreen;
text-align: left;
}
#planview_coordinates{
display: block;
table-layout: fixed;
border-collapse: collapse;
border: 1px #555;
}
.planview_icon{
top:50px;
left:120px;
position: relative;
background-color: transparent;
width: 24px;
height: 24px;
margin-bottom: -24px;
margin-right: -24px;
}
.planview_icon_arrow{
background: url('./ico/pgm/pointer_24.png') no-repeat center transparent;
}
.planview_icon_plus{
background: url('./ico/pgm/add_24.png') no-repeat center transparent;
}
.planview_icon_info{
background: url('./ico/pgm/info_24.png') no-repeat center transparent;
}
.planview_icon_point{
background: url('./ico/pgm/point_24.png') no-repeat center transparent;
}
.planview_icon_foto{
background: url('./ico/pgm/foto_24.png') no-repeat center transparent;
}
.planview_icon_camera{
background: url('./ico/pgm/camera_24.png') no-repeat center transparent;
}
.planview_icon_locked{
background: url('./ico/pgm/locked_24.png') no-repeat center transparent;
}
.planview_icon_new{
background: url('./ico/pgm/new_24.png') no-repeat center transparent;
}
.planview_icon_denied{
background: url('./ico/pgm/cancel_24.png') no-repeat center transparent;
}
.planview_icon_persons{
background: url('./ico/pgm/impers.png') no-repeat center transparent;
}
.planview_icon_search{
background: url('./ico/pgm/search_24.png') no-repeat center transparent;
}
.planview_icon_number{
background: url('./ico/pgm/table-edit.png') no-repeat center transparent;
}
.planview_icon_ring{
background: url('./ico/pgm/ring_24.png') no-repeat center transparent;
}
/*
.planview_icon_number{
font-size: 16px;
font-weight: bolder;
padding-top: 2px;
text-align: center;
margin-bottom: -26px;
}
.planview_icon_ring{
background: url('./ico/pgm/ring_24.png') no-repeat center transparent;
font-size: 14px;
font-weight: bold;
padding-top: 7px;
text-align: center;
margin-bottom: -31px;
}
*/
#planview_edit_icons{
text-align: left;
}
.planview_edit_inputblock{
display: inline-block;
width: 180px;
}
.planview_edit_inputblockL label{
display: inline-block;
width: 250px;
}
#planview_icon_type{
width: 80px;
}
#planview_icon_typeshow{
width:25px;
height:25px;
display: inline-block;
}
#planview_icon_typeshow .planview_icon{
display: inline-block;
top:-2px;
left:7px;
margin-bottom: -10px;
margin-top: -10px;
}
#planview_icon_text{
width: 650px;
}
#planview_icon_color,
#planview_icon_xpos,
#planview_icon_ypos{
width: 55px;
}
#planview_icon_backgr_select{
width: 200px;
height: 25px;
}
#planview_icon_backgr_select options{
height: 50px;
}
#planview_edit_icons .but_pick{
height: 22px;
width: 22px;
font-size: 0em;
background: white url('./ico/pgm/pointer_16.png') no-repeat center center;
cursor: pointer;
}
#planview_edit_icons .but_pickH{
background-color: blue;
}
/******************************* try addPluginCss(Apkonzept) *******************************/
/******************************* try addPluginCss(Poller) *******************************/
/******************************* addPluginCss(Poller) START *******************************/
#poller div.defBlock {
background: #ECECEC;
border-style: solid;
border-width: 0px;
border-color: #999999;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 0px;
}
#poller.poller-site form{
background: #ECECEC;
border-style: solid;
border-width: 1px;
border-color: #C3C3C3;
font-size: 12px;
color: #333333;
min-height: 30px;
padding: 5px;
margin: 0px;
}
#poller #form_newQuestionaire{
margin-top: 10px;
}
#poller.poller-site label{
font-size: 12px;
color: #333333;
font-weight: normal;
}
#poller.poller-site label.medium-label{
display: inline-block;
width: 100px;
}
#poller > button {
margin-top: 5px;
margin-bottom: 5px;
}
#poller.poller-edit .question-container{
height: 80px;
}
#poller.poller-edit textarea{
width: 500px;
resize: none;
height: 60px;
border-style: solid;
border-color: #999999;
border-width: 1px;
border-radius: 3px;
}
#poller.poller-site textarea{
width: 98%;
resize: none;
border-style: solid;
border-color: #999999;
border-width: 1px;
border-radius: 3px;
}
#poller select{
border-style: groove;
border-radius: 3px;
border-color: #999999;
border-width: 1px;
margin-left: 1px;
}
#poller legend{
font-size: 14px;
font-weight: bold;
}
#poller .questions-block{
margin-bottom: 20px;
}
#poller .question-block{
margin-bottom: 20px;
}
#poller #form_editQuestion{
padding-left: 5px;
}
#poller .question-edit-describe-div{
height: 30px;
border-style: solid;
border-width: 1px;
border-color: #999999;
padding: 5px;
padding-bottom: 0px;
margin-top: 5px;
background: #EAEAEA;
}
#poller .question-edit-describe-div button{
float: right;
}
#poller .question-edit-details-div{
border-style: solid;
border-color: #999999;
border-width: 1px;
border-top-width: 0px;
padding: 5px;
padding-bottom: 0px;
min-height: 240px;
}
#poller .question-block select[disabled],
#poller .question-block textarea[disabled],
#poller .question-block input[disabled]{
background-color: #fcfcfc;
}
#poller .question-block input[disabled].read-field{
border-color: #ddd;
background-color: #ECECEC;
}
#poller.poller-site .quest-label-div{
width: 385px;
min-height: 20px;
float: left;
display: block;
font-weight: bold;
}
#poller.poller-site .quest-label-div-big{
width: 95%;
display: block;
font-weight: bold;
}
#poller.poller-site .quest-answer-div{
float: left;
display: block;
}
#poller.poller-site .quest-answer-div-big{
display: block;
margin-bottom: 5px;
}
#poller.poller-edit .label-div{
width: 150px;
float: left;
font-weight: bold;
padding-top: 5px;
}
#poller.poller-edit .label-groups-div{
width: 150px;
display: block;
font-weight: bold;
padding-top: 5px;
}
#poller.poller-edit .label-div-big{
width: 95%;
display: block;
font-weight: bold;
}
#poller.poller-edit .answer-div .group-right{
display: inline-block;
}
#poller.poller-edit .answer-div{
min-height: 50px;
padding-left: 160px;
margin-bottom: 10px;
}
#poller.poller-edit .answer-groups-div{
width: 700px;
display: block;
}
#poller.poller-edit .answer-div-big{
display: block;
}
/*
#poller.poller-edit .answer-div textarea{
width: 500px;
min-height:30px;
}
*/
#poller .icon-button.info{
background-color: transparent;
border: none;
}
#poller .text-large{
width: 198px;
}
#poller .text-medium{
width: 148px;
}
#poller .text-small{
width: 98px;
}
#poller .select-large{
width: 200px;
}
#poller .select-medium{
width: 150px;
}
#poller .select-small{
width: 100px;
}
#poller .multi-check-block{
padding-left: 10px;
padding-top: 5px;
height: 15px;
}
#poller .multi-check-label{
display: inline-block;
width: 375px;
overflow: hidden;
}
#poller.poller-site .small-form{
display: inline-block;
width: 225px;
margin-right: 10px;
margin-top: 10px;
float: left;
}
/* question slider */
#poller .slider-case{
display: inline-block;
width: 200px;
}
#poller .overview-poller{
background: #ECECEC;
border-style: solid;
border-width: 1px;
border-color: #C3C3C3;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 0px;
width: 100%;
}
#poller .overview-poller .overview-title{
font-weight: bold;
}
#poller .overview-elm{
height: 23px;
padding-top: 2px;
border-bottom: 1px dotted #666;
}
#poller .overview-elm label{
display: inline-block;
padding-top: 5px;
width: 400px;
overflow: hidden;
height: 15px
}
#poller .overview-buttons{
width: 30px;
}
#poller .overview-buttons button{
}
#poller .overview-state{
width: 250px;
}
#poller .overview-state span{
display: inline-block;
min-width: 60px;
padding-top: 5px;
margin-bottom: -13px;
margin-right: 15px;
height:8px;
}
#poller .overview-state span.started{
color: orange;
}
#poller .overview-state span.saved{
font-weight: bold;
color: green;
}
#poller.poller-site .quest-answer-div .chkBox{
padding-left: 50px;
}
#poller.poller-site .quest-answer-div .list-checkbox-vertical{
}
#poller.poller-site .quest-answer-div .list-checkbox-horizontal{
width: 180px;
overflow: hidden;
float: left;
margin-bottom: 10px;
display: inline-block;
}
#poller.poller-site .quest-answer-div .list-checkbox-horizontal input{
float: left;
margin-top: 5px;
}
#poller.poller-site .quest-answer-div .list-checkbox-horizontal span{
display: block;
padding-left: 40px;
}
#poller select[name=questionaireSelect]{
width: 200px;
}
/******************************* try addPluginCss(Volume) *******************************/
/******************************* addPluginCss(Volume) START *******************************/
#volume div.defBlock {
background: #ECECEC;
border-style: solid;
border-width: 0px;
border-color: #999999;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 0px;
}
#volume.volume-site form{
background: #FFFFFF;
border-style: solid;
border-width: 1px;
border-color: #C3C3C3;
font-size: 12px;
color: #333333;
min-height: 30px;
padding: 5px;
margin: 0px;
}
#volume #form_newQuestionaire{
margin-top: 10px;
}
#volume.volume-site label{
font-size: 12px;
color: #333333;
font-weight: normal;
}
#volume.volume-site label.medium-label{
display: inline-block;
width: 100px;
}
#volume > button {
margin-top: 5px;
margin-bottom: 5px;
}
#volume textarea{
width: 98%;
resize: none;
border-style: solid;
border-color: #999999;
border-width: 1px;
border-radius: 3px;
}
#volume select{
border-style: groove;
border-radius: 3px;
border-color: #999999;
border-width: 1px;
margin-left: 1px;
}
#volume legend{
font-size: 14px;
font-weight: bold;
}
#volume .questions-block{
margin-bottom: 20px;
}
#volume .question-block{
margin-bottom: 10px;
}
#volume .question-block .row-block{
margin-bottom: 5px;
}
#volume #form_editQuestion{
padding-left: 5px;
}
#volume .question-edit-describe-div{
height: 30px;
border-style: solid;
border-width: 1px;
border-color: #999999;
padding: 5px;
padding-bottom: 0px;
margin-top: 5px;
background: #EAEAEA;
}
#volume .question-edit-describe-div button{
float: right;
}
#volume .question-edit-details-div{
border-style: solid;
border-color: #999999;
border-width: 1px;
border-top-width: 0px;
padding: 5px;
padding-bottom: 0px;
}
#volume .question-block select[disabled],
#volume .question-block textarea[disabled],
#volume .question-block input[disabled]{
background-color: #fcfcfc;
}
#volume .question-block input[disabled].read-field{
border-color: #ddd;
background-color: #ECECEC;
}
#volume.volume-site .quest-label-div{
width: 150px;
min-height: 20px;
float: left;
display: block;
font-weight: bold;
}
#volume.volume-site .title-large-div{
background: #CCCCCC;
width: 99%;
min-height: 28px;
display: block;
font-weight: bold;
font-size: 20px;
padding-top: 3px;
padding-left: 3px;
margin-bottom: 15px;
}
#volume.volume-site .title-medium-div{
background: #CCCCCC;
width: 99%;
min-height: 22px;
display: block;
font-weight: bold;
font-size: 18px;
padding-top: 1px;
padding-left: 3px;
margin-bottom: 15px;
}
#volume.volume-site .title-small-div{
background: #CCCCCC;
width: 99%;
min-height: 20px;
display: block;
font-weight: bold;
font-size: 16px;
padding-top: 1px;
padding-left: 3px;
margin-bottom: 15px;
}
#volume.volume-site .quest-label-div-big{
width: 95%;
display: block;
font-weight: bold;
}
#volume.volume-site .quest-answer-div{
float: left;
display: block;
}
#volume.volume-site .quest-answer-div-big{
display: block;
margin-bottom: 5px;
}
#volume.volume-site .quest-answer-div .div-50{
display: block;
float: left;
width: 50px;
padding: 0px;
margin-left: 2px;
margin-right: 5px;
margin-bottom: 5px;
min-height: 25px;
}
#volume.volume-site .quest-answer-div .div-rid{
display: block;
float: left;
width: 360px;
padding: 0px;
margin-left: 0px;
margin-right: 5px;
margin-bottom: 5px;
min-height: 25px;
}
#volume.volume-site .quest-answer-div .div-rid .text-def{
width: 346px;
}
#volume.volume-site .quest-answer-div .div-100{
display: block;
float: left;
width: 100px;
padding: 0px;
margin-left: 2px;
margin-right: 5px;
margin-bottom: 5px;
min-height: 25px;
}
#volume.volume-site .quest-answer-div .div-100 .text-def{
width: 88px;
}
#volume.volume-edit .label-div{
width: 150px;
float: left;
display: block;
font-weight: bold;
height: 50px;
padding-top: 5px;
}
#volume.volume-edit .label-div-big{
width: 95%;
display: block;
font-weight: bold;
}
#volume.volume-edit .answer-div{
width: 700px;
display: block;
height: 50px;
}
#volume.volume-edit .answer-div-big{
display: block;
}
#volume.volume-edit .answer-div textarea{
width: 500px;
min-height: 30px;
}
#volume .icon-button.info{
background-color: transparent;
border: none;
}
#volume .text-large{
width: 348px;
}
#volume .text-medium{
width: 198px;
}
#volume .text-small{
width: 98px;
}
#volume .select-large{
width: 350px;
}
#volume .select-medium{
width: 200px;
}
#volume .select-small{
width: 100px;
}
#volume .multi-check-block{
padding-top: 5px;
height: 15px;
}
#volume .multi-check-label{
display: inline-block;
width: 385px;
overflow: hidden;
}
#volume .yes-no{
width: 35px;
margin-right: 15px;
}
#volume .yes-no-small{
width: 20px;
margin-right: 0px;
}
#volume .rbutt-horiz{
width: 35px;
margin-right: 15px;
}
#volume .rbutt-vert{
width: 20px;
margin-right: 15px;
}
#volume .yes-no-text{
width: 186px;
margin-top: 5px;
margin-left: 5px;
}
#volume.volume-site .small-form{
display: inline-block;
width: 225px;
margin-right: 10px;
margin-top: 10px;
float: left;
}
/* question slider */
#volume .slider-case{
display: inline-block;
width: 200px;
}
#volume .overview-volume{
background: #ECECEC;
border-style: solid;
border-width: 1px;
border-color: #C3C3C3;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 0px;
width: 100%;
}
#volume .overview-volume .overview-title{
font-weight: bold;
}
#volume .overview-elm{
height: 23px;
padding-top: 2px;
border-bottom: 1px dotted #666;
}
#volume .overview-elm label{
display: inline-block;
padding-top: 5px;
width: 400px;
overflow: hidden;
height: 15px
}
#volume .overview-buttons{
width: 30px;
}
#volume .overview-buttons button{
}
#volume .overview-state{
width: 250px;
}
#volume .overview-state span{
display: inline-block;
min-width: 60px;
padding-top: 5px;
margin-bottom: -13px;
margin-right: 15px;
height:8px;
}
#volume .overview-state span.started{
color: orange;
}
#volume .overview-state span.saved{
font-weight: bold;
color: green;
}
/******************************* try addPluginCss(Projects2) *******************************/
/******************************* addPluginCss(Projects2) START *******************************/
#projects2.projects2-edit div.project2-type-form{
background: #FFFFFF;
border: solid 1px #999999;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 5px;
}
#projects2.projects2-list form,
#projects2.projects2-site > form{
background: #ECECEC;
border-style: solid;
border-width: 0px;
border-color: #C3C3C3;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 3px;
margin-top: 5px;
margin-bottom: 5px;
}
#projects2 table#projects2-datatable{
background: #ECECEC;
width: 100%;
border-style: solid;
border-width: 0px;
border-color: #999999;
font-size: 12px;
color: #333333;
margin: 0px;
border-spacing: 1px;
}
#projects2.projects2-list label,
#projects2.projects2-site label{
font-size: 12px;
color: #333333;
font-weight: normal;
}
#projects2 #projects2-datatable div.create-time{
font-size: 0.75em;
padding-left: 2px;
margin-bottom: 3px;
}
#projects2 button{
/*margin: 2px;*/
}
#projects2 select{
border-style: solid;
border-width: 1px;
border-color: #999999;
border-radius: 3px;
height: 23px;
}
/*
#projects2 textarea{
width: 98%;
resize: none;
border-style: solid;
border-width: 1px;
border-color: #999999;
border-radius: 3px;
}
*/
#project2assigntypes textarea{
margin: 5px;
}
#projects2 a{
color: #333333;
}
#projects2 a:hover{
color: #A20000;
}
#projects2 fieldset{
min-height: 36px;
}
#projects2 #projects2-datatable_wrapper{
width: 100%;
padding: 0px;
padding-left: 0;
margin-left: 0;
}
#projects2 #projects2-datatable_wrapper div{
border-width: 0px;
}
#projects2 #projects2-datatable_info{
margin-left: 0px;
margin-bottom: 0px;
height: 25px;
}
#projects2 #projects2-datatable_paginate{
margin-right: 0px;
margin-bottom: 0px;
height: 25px;
}
#projects2 #projects2-datatable .even{
/*background-color: #E8E8FF;*/
height: 80px;
}
#projects2 #projects2-datatable .odd{
/*background-color: white;*/
height: 80px;
}
#projects2 #site-div{
background: lightblue;
}
#projects2 #edit-div{
background: lightgrey;
}
#projects2 .project2_text_info{
font-size: 0.8em;
color: #0A246A;
}
#projects2 .project2_text_new{
font-weight: bold;
color: firebrick;
}
#projects2 .document_upload.document_upload_projects2{
width: 770px;
}
#projects2 .document_upload.document_upload_projects2 .document_uploaddroparea{
display: inline-block;
}
#projects2 .document_upload.document_upload_projects2 #document_uploaddroparea_form{
}
#projects2 .document_uploaddroparea{
background: #CCFFBB;
border-width: 1px;
}
#projects2 .document_uploaddroparea div{
background: #CCFFBB;
border-width: 0px;
padding: 0px;
margin: 0px;
}
#projects2 .document_uploaddroparea .multiUploader_progress{
background: #EAEAEA;
}
#projects2 #project2-text-div{
border-width: 1px;
}
#projects2 .project2doc-container div{
border-width: 1px;
padding: 3px;
}
#projects2 .sitetabs_element{
background: #FFFFFF;
padding: 0px;
border-width: 0px;
border-top-width: 1px;
margin: 0px;
}
#projects2 #tab-div-1 div{
margin: 0px;
border-width: 0px;
}
#projects2 #tab-div-2 div{
padding: 0px;
margin: 0px;
border-width: 0px;
}
#projects2 #tab-div-2 table{
border-width: 0px;
border-spacing: 0px;
}
#projects2 #projects2-properties-table{
border-width: 1px;
background: #FFFFFF;
border-spacing: 5px;
margin: 5px;
}
#projects2 #priority-buttons-div .large-button{
padding: 0px;
text-align: center;
}
#projects2 #status-buttons-div .large-button{
padding-top: 2px;
}
#projects2 #comments-div{
margin-left: 0px;
height: 75px;
overflow-y: auto;
background-color: #FFFFFF;
}
#projects2 #project2-general-table{
border-width: 0px;
}
#projects2 #project2-general-table tr{
height: 20px;
}
#projects2 #project2-general-table .td-1{
width: 75px;
}
#projects2 #project2-general-table .td-2{
width: 75px;
text-align: center;
}
#projects2 #project2-general-table .td-3{
width: 200px;
font-weight: bold;
}
#projects2 .float-clear{
background: transparent;
border: 0;
padding: 0px;
margin: 0px;
}
#projects2 .project2-state{
display: inline-block;
width: 360px;
margin-bottom: 10px;
}
#projects2 .projects2-settings{
display: inline-block;
width: 385px;
min-height: 70px;
margin-bottom: 10px;
}
#projects2 .block-0{
display: inline-block;
width: 944px;
margin-right: 5px;
margin-bottom: 5px;
}
#projects2 .block-0 textarea{
width: 99%;
}
#projects2 .block-1{
display: inline-block;
width: 468px;
margin-right: 5px;
margin-bottom: 5px;
}
#projects2 .block-2{
display: inline-block;
width: 230px;
margin-right: 5px;
margin-bottom: 5px;
}
#projects2 .block-2 input{
width: 160px;
}
#projects2 .block-2 select{
width: 165px;
}
#projects2 .comments{
width: 944px;
margin-bottom: 10px;
}
#projects2 .add-comment {
width: 944px;
border: 0;
margin: 0;
margin-bottom: 10px;
}
#projects2 .add-comment{
margin-right: 22px;
}
#projects2 .filter-status,
#projects2 .filter-priority,
#projects2 .filter-active{
width: 250px;
margin-right: 5px;
}
#projects2 .overview-fieldset,
#projects2 .versions-fieldset{
height: 100px;
}
#projects2 .data-fieldset{
height: 42px;
}
#projects2 .overview-icon{
width: 50px;
}
#projects2 .overview-btn{
width: 200px;
}
#projects2 .type-descr{
width: 150px;
}
#projects2 .addressbookType{
width: 150px;
margin-right: 5px;
}
#projects2 .addressbookContact{
width: 300px;
margin-right: 5px;
}
#projects2 #tickets-container{
border-style: solid;
border-color: #999999;
border-width: 1px;
border-spacing: 2px;
}
#projects2 #tickets-container tr{
height: 30px;
}
#projects2 #tickets-container .ticket-id{
width: 50px;
}
#projects2 #tickets-container .ticket-descr{
width: 600px;
}
#projects2 #tickets-container .ticket-status,
#projects2 #tickets-container .ticket-priority {
width: 125px;
}
#projects2 #tickets-container .ticket-actions{
width: 50px;
}
/******************************* try addPluginCss(AddressBook) *******************************/
/******************************* addPluginCss(AddressBook) START *******************************/
#addressbook #topFilter .input-block.grouped{
display: inline-block;
}
#addressbook #topFilter legend{
vertical-align: top;
padding-top: 3px;
}
#addressbook #topFilter label{
display: inline-block;
width: 160px;
}
#addressbook .field-div{
display: block;
float: left;
height: 30px;
margin-top: 4px;
margin-right: 10px;
}
#addressbook .field-div .input-medium{
width: 200px;
}
#addressbook .field-div .input-large{
width: 516px;
}
#addressbook .text-div{
display: block;
float: left;
margin-top: 6px;
}
#addressbook .text-div.medium{
width: 100px;
}
#addressbook .relation-div1{
width: 100px;
}
#addressbook .relation-div2{
width: 300px;
}
#addressbook ul.relation {
list-style-type: none;
padding: 0;
}
#addressbook ul.relation li {
border: 1px solid #B8AB9A;
padding: 10px;
}
.popup.contact-popup {
width: 697px;
background: white;
padding: 3px 3px 3px 3px;
}
.popup.contact-popup h3{
background: darkgrey;
color: white;
margin-left: 0px;
padding: 10px 20px 10px 30px;
}
#contact-popup-form, #contact-popup-new-form{
width: 697px;
margin-top: 10px;
}
/******************************* try addPluginCss(Maps) *******************************/
/******************************* addPluginCss(Maps) START *******************************/
/******************************* try addPluginCss(BuildingRecord) *******************************/
/******************************* addPluginCss(BuildingRecord) START *******************************/
/* tabs */
.tabs-button-container {
text-align: left;
margin-top: 5px;
padding-left: 20px;
border-bottom: 4px #4B5C4C solid;
background: #FFFFFF;
}
.tabs-button-container > button {
vertical-align: top;
min-width: 70px;
max-width: 120px;
overflow: hidden;
height: 44px;
border: 1px #4B5C4C solid;
border-bottom: 4px #4B5C4C solid;
margin-bottom: -4px;
margin-right: 3px;
background: #EAEAF1;
}
.tabs-button-container > button.tabs-button-active {
border-bottom: 4px #ffffff solid;
background: transparent;
}
.tabs-button-container .spacer {
display: inline-block;
width: 50px;
height: 20px;
}
/* start */
.meta-block-list > .legend,
.meta-block-list > legend {
font-size: 18px;
height: 25px;
width: 990px;
padding-top: 4px;
padding-left: 10px;
color: white;
background-color: darkgrey;
}
.meta-block-row {
border-top: 1px solid #808080;
border-right: 1px solid #808080;
border-left: 1px solid #808080;
height: 50px;
overflow: hidden;
}
.meta-block-row > div {
display: inline-block;
border-left: 1px solid #808080;
border-collapse: collapse;
height: 50px;
overflow: hidden;
}
.meta-block-row > div > div {
width: 260px;
font-size: 11px;
padding: 0px 0px 5px;
}
.meta-block-row > div > div.small {
width: 80px;
}
.meta-block-row > div > div.medium {
width: 160px;
}
.meta-block-row > div.actions-meta-elm {
float: right;
padding-top: 5px;
height: 35px;
}
.meta-block-row > div > div.labeldiv {
font-size: 10px;
color: #666666;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 0;
height: 18px;
}
.meta-block-row.edit > div > div.labeldiv {
height: 12px;
}
.meta-block-row.edit > div > input[type=text] {
width: 259px;
margin-left: 5px;
margin-bottom: 5px;
}
.meta-block-row.edit > div > input[type=text].small {
width: 79px;
}
.meta-block-row.edit > div > input[type=text].medium {
width: 159px;
}
#buildingrecord .bForm {
border-color:#287E8E;
}
#buildingrecord .bForm legend{
background-color:#287E8E;
}
#buildingrecord .bForm fieldset{
border-color:#287E8E;
background-color: white;
}
#form_building-form {
border-color:#287E8E;
}
#form_building-form fieldset{
border-color:#287E8E;
}
#form_building-form textarea[name=description]{
height: 85px;
}
#form_building-form .image-map-block{
vertical-align: top;
float: right;
display: inline-block;
width: 500px;
}
#form_building-form .image-map-block .image-holder{
float: right;
height: 200px;
max-width: 280px;
width: 280px;
overflow: hidden;
}
#form_building-form .image-map-block .map{
float: right;
margin-right: 10px;
height: 200px;
width: 200px;
}
#form_building-owner-form ,
#form_building-contacts-form ,
#form_building-renter-form ,
#form_building-owner-form > fieldset,
#form_building-contacts-form > fieldset{
border-color:#287E8E;
}
#form_building-form > fieldset > legend,
#form_building-form > fieldset > .legend,
#form_building-owner-form > fieldset > .legend,
#form_building-owner-form > fieldset > legend,
#form_building-renter-form > fieldset > .legend,
#form_building-renter-form > fieldset > legend,
#form_building-contacts-form > fieldset > legend,
#form_building-contacts-form > fieldset > .legend {
border-color:#287E8E;
background-color:#287E8E;
}
#buildingrecord .dyncontact-type,
#form_building-owner-form .dyncontact-type,
#form_building-renter-form .dyncontact-type,
#form_building-contacts-form .dyncontact-type{
width: 220px;
margin-right: 10px;
}
.meta-block-upload-row .document_upload{
width: 1000px;
padding-top: 2px;
}
.meta-block-upload-row .document_uploaddroparea{
display: inline-block;
min-height: 30px;
margin-top: 1px;
margin-bottom: 1px;
width: 490px;
}
.meta-block-upload-row form{
vertical-align: top;
display: inline-block;
width: 490px;
}
.popup-form .input-block.calendar > div,
.popup-form .input-block.interval > div {
display: inline-block;
width: 220px;
height: 22px;
}
.popup-form .input-block.calendar > div > input,
.popup-form .input-block.interval > div > input{
width: 120px;
}
.popup-form .input-block.period select{
width: 227px;
}
.popup-form .input-block.period input{
text-align: center;
}
#buildingrecord #form_mod_tree #form_mod_tree .group_row{
}
#buildingrecord .bForm #form_mod_tree .document_label_block .info{
font-size: 9px;
}
#buildingrecord .bForm #form_mod_tree .document_label_block label{
display: inline-block;
}
#buildingrecord #places-detailblock .places-tree-image-textdupl > label{
display: inline-block;
min-width: 95px;
}
#buildingrecord #places-detailblock .places-tree-image-textdupl > div{
display: inline-block;
min-width: 218px;
color: darkblue;
}
#buildingrecord #places-detailblock .places-tree-input-dupl {
}
#buildingrecord #places-detailblock .places-tree-input-dupl label{
display: inline-block;
width: 95px;
}
#buildingrecord #places-detailblock .places-tree-input-dupl input[type=text]{
display: inline-block;
height: 28px;
width: 218px;
}
#buildingrecord #places-detailblock .places-tree-input-dupl input[type=number]{
display: inline-block;
height: 28px;
width: 133px;
}
#buildingrecord #places-detailblock .places-tree-input-dupl select{
display: inline-block;
height: 28px;
width: 218px;
}
#buildingrecord #places-detailblock .places-tree-input-dupl textarea{
display: inline-block;
height: 40px;
width: 317px;
resize: vertical;
}
#buildingrecord #places-detailblock .places-tree-input-dupl .small-icon-button{
display: inline-block;
width: 22px; height: 22px;
vertical-align: middle;
margin: 0;
padding: 0;
}
#buildingrecord-new-popup {
padding-bottom: 0;
width: 500px;
}
#buildingrecord-new-popup > form.bForm{
width: 675px;
}
#buildingrecord-new-popup > fieldset{
margin: 0;
padding: 0;
}
/******************************* try addPluginCss(ResManager) *******************************/
/******************************* addPluginCss(ResManager) START *******************************/
/* ----------------------------------------------- */
/* ------------ DEFAULT TAGS SETTINGS ------------ */
/* ----------------------------------------------- */
#resManager.resManager-site > div{
border-style: solid;
border-color: #999999;
border-width: 0px;
padding: 4px;
margin: 0px;
}
/******************************* try addPluginCss(CheckTree) *******************************/
/******************************* addPluginCss(CheckTree) START *******************************/
/* ----------------------------------------------- */
/* ------------ DEFAULT TAGS SETTINGS ------------ */
/* ----------------------------------------------- */
#checkTree.checkTree-site > div{
border-style: solid;
border-color: #999999;
border-width: 0px;
padding: 4px;
margin: 0px;
}
#checkTree-detailblock {
display: inline-block;
top: 80px;
text-align: left;
width: 370px;
}
/******************************* try addPluginCss(B1300Tree) *******************************/
/******************************* try addPluginCss(BuildingDashboard) *******************************/
/******************************* try addPluginCss(CalendarEvents) *******************************/
/******************************* addPluginCss(CalendarEvents) START *******************************/
/* ----------------------------------------------- */
/* --------------- OBJECTS SETTINGS -------------- */
/* ----------------------------------------------- */
#calendarevent textarea{
width: 450px;
resize: none;
}
#calendarevent #group-form label{
display: inline-block;
width: 100px;
}
#calendarevent #inex-groups-form div{
}
#calendarevent .inexistent-group-elem{
display: inline-block;
width: 370px;
background-color: #eeeeee;
margin-bottom: 5px;
margin-right: 5px;
}
#calendarevent .inexistent-group-elem > div.title{
padding-top: 4px;
padding-left: 6px;
}
#calendarevent #new-group-form{
margin-left: 5px;
}
#calendarevent #groups-datatable input{
width: 80%;
}
/* Calendar View */
#calendar-wrapper{
display: flex;
flex-direction: column;
max-width: 58vw;
/*border: 4px #6f0505 solid;*/
background-color: #F2F1F6;
margin-bottom: 10px;
border-top: 4px solid #41424D;
font-family: Arial;
text-align: center;
}
#calendar-wrapper div{
/*border: 3px #00ee00 solid;*/
}
#date-row{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
overflow: hidden;
flex-wrap: wrap;
padding-top: 3px;
padding-bottom: 3px;
}
#date-row > .buttons{
flex-basis: 268px;
display: flex;
margin-right: auto;
margin-left: auto;
}
.buttons > .button{
padding: 2px;
margin-top: 5px;
}
#date-row > #date{
flex: 10;
margin-right: auto;
margin-left: auto;
font-size: 28px;
letter-spacing: 1px;
text-align: center;
color: #0f0f0f;
}
.week{
display: flex;
flex-direction: row;
justify-content: center;
text-align: left;
border-bottom: #F2F1F6 2px solid;
}
.week:last-child{
border-bottom: none;
}
.day{
position: relative;
flex-basis: 300px;
overflow: hidden;
display: flex;
flex-direction: column;
border-right: 2px solid #F2F1F6;
margin: 0;
}
.day-othermonth{
opacity: 0.6;
}
.day:last-child{
border: none;
}
.day > .weekday{
background-color: #33333D;
font-size: 14px;
color: #BCBCC8;
padding: 3px;
}
.day > .weekday h1{
font-size: 20px;
font-weight: bold;
color: #BCBCC8;
padding: 1px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.day > .events{
display: flex;
flex-direction: column;
max-height: 616px;
overflow-y: scroll;
overflow-x: hidden;
scrollbar-width: none;
}
.day > .month_events{
max-height: 154px;
}
.day > .cal_overlay{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 16px;
background-color: #111;
font-size: 12px;
margin: auto;
color: white;
text-align: center;
opacity: 0;
}
.day:hover > .cal_overlay{
opacity: 0.6;
}
.event{
min-height: 146px;
max-height: 146px;
overflow: hidden;
font-size: 12px;
padding: 4px;
background-color: #f9f9f9;
}
.event h1{
font-size: 13px;
margin-bottom: 3px;
}
.event-odd{
background-color: #E1E1EB;
}
#calendar-footer{
font-size: 12px;
padding: 10px;
padding-left: 20px;
text-align: left;
border-top: solid black 2px;
}
/* Auxilliary */
.cal_button{
/* Additional class for calendar buttons */
width: 130px;
padding-left: 30px;
font-size: 13px;
}
.events::-webkit-scrollbar {
width: 0;
}
@media (max-width: 1300px){
.week{
flex-wrap: wrap;
border-bottom: #f0ad4e 3px solid;
}
.week:last-child{
border-bottom: none ;
}
.week > .day{
border-bottom: #F2F1F6 2px solid;
}
.week > .day:last-child {
border-bottom: none;
}
}
@media (max-width: 1040px){
.week{
flex-direction: column;
}
.week > .day{
flex-basis: auto;
border-right: none;
margin-right: 0;
}
.buttons{
}
}
/******************************* try addPluginCss(Planlog) *******************************/
/******************************* addPluginCss(Planlog) START *******************************/
/* ----------------------------------------------- */
/* ------------ DEFAULT TAGS SETTINGS ------------ */
/* ----------------------------------------------- */
#planlog .form_details_controls{
margin-bottom: 5px;
}
#planlog.planlog-list > div{
font-size: 12px;
color: #333333;
padding: 5px;
margin: 0px;
}
#planlog.planlog-site > div{
margin: 0px;
padding: 2px;
}
#planlog.planlog-edit div.planlog-type-form{
background: #FFFFFF;
border: solid 1px #999999;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 5px;
}
#planlog .filter-status{
margin-left: 10px;
}
#planlog.planlog-list form,
#planlog.planlog-site > form{
background: #ECECEC;
border-style: solid;
border-width: 0px;
border-color: #C3C3C3;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 3px;
margin-top: 5px;
margin-bottom: 5px;
}
#planlog table#planlog-datatable{
background: #ECECEC;
width: 100%;
border-style: solid;
border-width: 0px;
border-color: #999999;
font-size: 12px;
color: #333333;
margin: 0px;
border-spacing: 1px;
}
#planlog.planlog-list label,
#planlog.planlog-site label{
font-size: 12px;
color: #333333;
font-weight: normal;
}
#planlog #planlog-datatable div.create-time{
font-size: 0.75em;
padding-left: 2px;
margin-bottom: 3px;
}
#planlog button{
/*margin: 2px;*/
}
#planlog select{
border-style: solid;
border-width: 1px;
border-color: #999999;
border-radius: 3px;
height: 23px;
}
#planlog textarea{
resize: none;
border-style: solid;
border-width: 1px;
border-color: #999999;
border-radius: 3px;
width: 98%;
height: 75px;
}
#planlogassigntypes textarea{
margin: 5px;
}
#planlog a{
color: #333333;
}
#planlog a:hover{
color: #A20000;
}
#planlog fieldset{
min-height: 36px;
}
/* ----------------------------------------------- */
/* --------------- OBJECTS SETTINGS -------------- */
/* ----------------------------------------------- */
/* ----- TABS ----- */
#planlog #planlog-datatable_wrapper{
width: 100%;
padding: 0px;
padding-left: 0;
margin-left: 0;
}
#planlog #planlog-datatable_wrapper div{
border-width: 0px;
}
/*
#planlog #planlog-datatable input{
width: 80%;
background: #ffffff;
}
*/
#planlog #planlog-datatable_info{
margin-left: 0px;
margin-bottom: 0px;
height: 25px;
}
#planlog #planlog-datatable_paginate{
margin-right: 0px;
margin-bottom: 0px;
height: 25px;
}
#planlog #planlog-datatable .even{
/*background-color: #E8E8FF;*/
height: 80px;
}
#planlog #planlog-datatable .odd{
/*background-color: white;*/
height: 80px;
}
#planlog #site-div{
background: lightblue;
}
#planlog #edit-div{
background: lightgrey;
}
#planlog .change-description,
#planlog #status-buttons-div,
#planlog #priority-buttons-div{
margin-bottom: 10px;
}
#planlog #status-buttons-div{
text-align: center;
}
#planlog #status-buttons-div .large-button{
padding-left: 45px;
padding-bottom: 2px;
height: 37px;
margin-bottom: 5px;
background-position: 1px center;
background-repeat: no-repeat;
}
#planlog #comments-div{
background-color: white;
}
#planlog .large-button.act{
}
#planlog .large-button.sel{
cursor: auto;
}
#planlog .large-button.dis{
color: #999999;
cursor: auto;
}
#planlog .planlog_text_info{
font-size: 0.8em;
color: #0A246A;
}
#planlog .planlog_text_new{
font-weight: bold;
color: firebrick;
}
#planlog .document_upload.document_upload_planlog{
width: 99%;
}
#planlog .document_upload.document_upload_planlog .document_uploaddroparea{
display: inline-block;
}
#planlog .document_upload.document_upload_planlog #document_uploaddroparea_form{
}
#planlog .document_uploaddroparea{
background: #CCFFBB;
border-width: 1px;
}
#planlog .document_uploaddroparea div{
background: #CCFFBB;
border-width: 0px;
padding: 0px;
margin: 0px;
}
#planlog .document_uploaddroparea .multiUploader_progress{
background: #EAEAEA;
}
#planlog #planlog-text-div{
border-width: 1px;
}
#planlog .planlogdoc-container div{
border-width: 1px;
padding: 3px;
}
#planlog .sitetabs_element{
background: #FFFFFF;
padding: 0px;
border-width: 0px;
border-top-width: 1px;
margin: 0px;
}
#planlog #tab-div-1 div{
margin: 0px;
border-width: 0px;
}
#planlog #tab-div-2 div{
padding: 0px;
margin: 0px;
border-width: 0px;
}
#planlog #tab-div-2 table{
border-width: 0px;
border-spacing: 0px;
}
#planlog #planlog-properties-table{
border-width: 1px;
background: #FFFFFF;
border-spacing: 5px;
margin: 5px;
}
#planlog #priority-buttons-div .large-button{
padding: 0px;
text-align: center;
}
#planlog #status-buttons-div .large-button{
padding-top: 2px;
}
#planlog #comments-div{
margin-left: 0px;
height: 200px;
overflow-y: auto;
}
#planlog #planlog-general-table{
border-width: 0px;
}
#planlog #planlog-general-table tr{
height: 20px;
}
#planlog #planlog-general-table .td-1{
width: 75px;
}
#planlog #planlog-general-table .td-2{
width: 75px;
text-align: center;
}
#planlog #planlog-general-table .td-3{
width: 200px;
font-weight: bold;
}
#planlog .float-clear{
background: transparent;
border: 0;
padding: 0px;
margin: 0px;
}
#planlog .planlog-state{
display: inline-block;
width: 360px;
margin-bottom: 10px;
}
#planlog .planlog-settings{
display: inline-block;
width: 385px;
min-height: 70px;
margin-bottom: 10px;
}
#planlog .block-0{
display: inline-block;
width: 944px;
margin-right: 5px;
margin-bottom: 5px;
}
#planlog .block-0 input{
}
#planlog .block-0 textarea{
width: 99%;
}
#planlog .block-1{
display: inline-block;
width: 468px;
margin-right: 5px;
margin-bottom: 5px;
}
#planlog .block-1 input{
}
#planlog .block-1 textarea{
}
#planlog .block-2{
display: inline-block;
width: 230px;
margin-right: 5px;
margin-bottom: 5px;
}
#planlog .block-2 input{
width: 160px;
}
#planlog .block-2 select{
width: 165px;
}
#planlog .block-2 textarea{
}
#planlog .comments{
width: 944px;
margin-bottom: 10px;
}
#planlog .add-comment {
width: 944px;
border: 0;
margin: 0;
margin-bottom: 10px;
}
#planlog .add-comment{
margin-right: 22px;
}
#planlog .qr-capture{
float: right;
margin-right: 15px;
margin-top: -110px;
}
#planlog .qr-capture img{
height: 107px;
width: 107px;
}
/******************************* try addPluginCss(Newsletter) *******************************/
/******************************* addPluginCss(Newsletter) START *******************************/
/* ----------------------------------------------- */
/* ------------ DEFAULT TAGS SETTINGS ------------ */
/* ----------------------------------------------- */
#newsletter.newsletter-edit div.newsletter-type-form{
background: #FFFFFF;
border: solid 1px #999999;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 5px;
}
#newsletter .filter-status{
margin-left: 10px;
}
#newsletter.newsletter-list form,
#newsletter.newsletter-site > form{
background: #ECECEC;
border-style: solid;
border-width: 0px;
border-color: #C3C3C3;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 3px;
margin-top: 5px;
margin-bottom: 5px;
}
#newsletter table#newsletter-datatable{
background: #ECECEC;
width: 100%;
border-style: solid;
border-width: 0px;
border-color: #999999;
font-size: 12px;
color: #333333;
margin: 0px;
border-spacing: 1px;
}
#newsletter.newsletter-list label,
#newsletter.newsletter-site label{
font-size: 12px;
color: #333333;
font-weight: normal;
}
#newsletter #newsletter-datatable div.create-time{
font-size: 0.75em;
padding-left: 2px;
margin-bottom: 3px;
}
#newsletter button{
/*margin: 2px;*/
}
#newsletter select{
border-style: solid;
border-width: 1px;
border-color: #999999;
border-radius: 3px;
height: 23px;
}
#newsletter textarea{
width: 98%;
resize: none;
border-style: solid;
border-width: 1px;
border-color: #999999;
border-radius: 3px;
}
#newsletterassigntypes textarea{
margin: 5px;
}
#newsletter a{
color: #333333;
}
#newsletter a:hover{
color: #A20000;
}
#newsletter fieldset{
min-height: 36px;
}
/* ----------------------------------------------- */
/* --------------- OBJECTS SETTINGS -------------- */
/* ----------------------------------------------- */
/* ----- TABS ----- */
#newsletter #newsletter-datatable_wrapper{
width: 100%;
padding: 0px;
padding-left: 0;
margin-left: 0;
}
#newsletter #newsletter-datatable_wrapper div{
border-width: 0px;
}
/*
#newsletter #newsletter-datatable input{
width: 80%;
background: #ffffff;
}
*/
#newsletter #newsletter-datatable_info{
margin-left: 0px;
margin-bottom: 0px;
height: 25px;
}
#newsletter #newsletter-datatable_paginate{
margin-right: 0px;
margin-bottom: 0px;
height: 25px;
}
#newsletter #newsletter-datatable .even{
/*background-color: #E8E8FF;*/
height: 80px;
}
#newsletter #newsletter-datatable .odd{
/*background-color: white;*/
height: 80px;
}
#newsletter #site-div{
background: lightblue;
}
#newsletter #edit-div{
background: lightgrey;
}
#newsletter .change-description,
#newsletter #status-buttons-div,
#newsletter #priority-buttons-div{
margin-bottom: 10px;
}
#newsletter #status-buttons-div .large-button{
padding-left: 45px;
padding-bottom: 2px;
}
#newsletter .large-button.act{
}
#newsletter .large-button.sel{
cursor: auto;
}
#newsletter .large-button.dis{
color: #999999;
cursor: auto;
}
#newsletter .newsletter_text_info{
font-size: 0.8em;
color: #0A246A;
}
#newsletter .newsletter_text_new{
font-weight: bold;
color: firebrick;
}
#newsletter .document_upload.document_upload_newsletter{
width: 99%;
}
#newsletter .document_upload.document_upload_newsletter .document_uploaddroparea{
display: inline-block;
}
#newsletter .document_upload.document_upload_newsletter #document_uploaddroparea_form{
}
#newsletter .document_uploaddroparea{
background: #CCFFBB;
border-width: 1px;
}
#newsletter .document_uploaddroparea div{
background: #CCFFBB;
border-width: 0px;
padding: 0px;
margin: 0px;
}
#newsletter .document_uploaddroparea .multiUploader_progress{
background: #EAEAEA;
}
#newsletter #newsletter-text-div{
border-width: 1px;
}
#newsletter .newsletterdoc-container div{
border-width: 1px;
padding: 3px;
}
#newsletter .sitetabs_element{
background: #FFFFFF;
padding: 0px;
border-width: 0px;
border-top-width: 1px;
margin: 0px;
}
#newsletter #tab-div-1 div{
margin: 0px;
border-width: 0px;
}
#newsletter #tab-div-2 div{
padding: 0px;
margin: 0px;
border-width: 0px;
}
#newsletter #tab-div-2 table{
border-width: 0px;
border-spacing: 0px;
}
#newsletter #newsletter-properties-table{
border-width: 1px;
background: #FFFFFF;
border-spacing: 5px;
margin: 5px;
}
#newsletter #priority-buttons-div .large-button{
padding: 0px;
text-align: center;
}
#newsletter #status-buttons-div .large-button{
padding-top: 2px;
}
#newsletter #comments-div{
margin-left: 0px;
height: 75px;
overflow-y: auto;
}
#newsletter #newsletter-general-table{
border-width: 0px;
}
#newsletter #newsletter-general-table tr{
height: 20px;
}
#newsletter #newsletter-general-table .td-1{
width: 75px;
}
#newsletter #newsletter-general-table .td-2{
width: 75px;
text-align: center;
}
#newsletter #newsletter-general-table .td-3{
width: 200px;
font-weight: bold;
}
#newsletter .float-clear{
background: transparent;
border: 0;
padding: 0px;
margin: 0px;
}
#newsletter .newsletter-state{
display: inline-block;
width: 360px;
margin-bottom: 10px;
}
#newsletter .newsletter-settings{
display: inline-block;
width: 385px;
min-height: 70px;
margin-bottom: 10px;
}
#newsletter .block-0{
display: inline-block;
width: 944px;
margin-right: 5px;
margin-bottom: 5px;
}
#newsletter .block-0 input{
}
#newsletter .block-0 textarea{
width: 99%;
}
#newsletter .block-1{
display: inline-block;
width: 468px;
margin-right: 5px;
margin-bottom: 5px;
}
#newsletter .block-1 input{
}
#newsletter .block-1 textarea{
}
#newsletter .block-2{
display: inline-block;
width: 230px;
margin-right: 5px;
margin-bottom: 5px;
}
#newsletter .block-2 input{
width: 160px;
}
#newsletter .block-2 select{
width: 165px;
}
#newsletter .block-2 textarea{
}
#newsletter .comments{
width: 944px;
margin-bottom: 10px;
}
#newsletter .add-comment {
width: 944px;
border: 0;
margin: 0;
margin-bottom: 10px;
}
#newsletter .add-comment{
margin-right: 22px;
}
#newsletter .qr-capture{
float: right;
margin-right: 15px;
margin-top: -110px;
}
#newsletter .qr-capture img{
height: 107px;
width: 107px;
}
#newsletter #cnplist-datatable .other-lang{
color: #955;
}
/******************************* try addPluginCss(Dashboard) *******************************/
/******************************* addPluginCss(Dashboard) START *******************************/
#dashboard .dashboard-module {
border: solid 1px #0A246A;
margin-bottom: 5px;
}
#dashboard .dashboard-module .header {
background-color: #0A246A;
color: white;
padding-top: 5px;
padding-left: 15px;
font-size: 22px;
height: 30px;
}
#dashboard .dashboard-module .header .icon-button.toggle{
display: inline-block;
}
#dashboard .dashboard-module .header .title{
display: inline-block;
}
#dashboard .dashboard-module .header .counter{
display: inline-block;
}
#dashboard .module-edit-block {
border: solid 1px #0A246A;
margin-bottom: 5px;
}
#dashboard .module-header {
background-color: #0A246A;
color: white;
height: 38px;
padding-left: 5px;
}
#dashboard .module-header .type {
display: inline-block;
padding-top: 15px;
width: 200px;
}
#dashboard .module-header .name {
display: inline-block;
padding-top: 15px;
width: 500px;
height: 20px;
overflow: hidden;
}
#dashboard .module-header .buttons {
display: inline-block;
vertical-align: top;
}
#dashboard .module-header .buttons button{
margin-right: 12px;
}
#dashboard .dashboard-block-title {
width: 988px;
height: 24px;
font-size: 16px;
font-weight: bolder;
padding-left: 5px;
padding-top: 5px;
background-color: #005F99;
color: white;
}
#dashboard .dashboard-block {
border: 1px #005F99 solid;
width: 991px;
margin-top: 0px;
margin-bottom: 20px;
}
#dashboard .document-changes-row {
margin: 4px;
border-top: 1px solid darkgrey;
border-bottom: 1px solid darkgrey;
}
#dashboard .document-changes-row > div {
display: inline-block;
vertical-align: top;
min-height: 60px;
border-right: 0px solid darkgrey;
margin: 0px;
}
#dashboard .mail-preview{
border: double #000000 2px;
margin-left: 150px;
width: 700px;
}
#dashboard .milestone-widget > div {
height: 70px;
display: inline-block;
vertical-align: top;
min-height: 60px;
border-right: 1px solid darkgrey;
border-collapse: collapse;
margin: 0px;
}
#dashboard .milestone-widget > div > div {
width: 80px;
padding: 4px;
overflow: hidden;
}
#dashboard .milestone-widget > div > div.milestone-shorter-div1 {
width: 50px;
}
#dashboard .milestone-widget div.task-name{
height: 36px;
overflow: hidden;
word-wrap:break-word;
}
#dashboard .milestone-widget > div > div.name {
width: 320px;
height: 36px;
overflow: hidden;
word-wrap:break-word;
}
#dashboard .ticket-title ,
#dashboard .ticket-widget {
display: inline-block;
vertical-align: top;
border-bottom: 1px solid darkgray;
border-collapse: collapse;
}
#dashboard .ticket-title > div {
display: inline-block;
vertical-align: top;
border-right: 1px solid darkgrey;
border-collapse: collapse;
margin: 0px;
}
#dashboard .ticket-widget > div {
height: 80px;
display: inline-block;
vertical-align: top;
border-right: 1px solid darkgrey;
border-collapse: collapse;
margin: 0px;
}
#dashboard .ticket-widget > div > div {
width: 80px;
padding: 4px;
overflow: hidden;
}
#dashboard .ticket-widget > div > div.ticket-shorter-div1 {
width: 50px;
}
#dashboard .ticket-widget div.task-name{
height: 36px;
overflow: hidden;
word-wrap:break-word;
}
#dashboard .ticket-widget > div > div.name {
width: 320px;
height: 36px;
overflow: hidden;
word-wrap:break-word;
}
#dashboard .ticket-change-widget {
display: inline-block;
vertical-align: top;
border-bottom: 1px solid darkgray;
border-collapse: collapse;
}
#dashboard .ticket-change-widget > div {
height: 60px;
display: inline-block;
vertical-align: top;
border-right: 1px solid darkgrey;
border-collapse: collapse;
margin: 0px;
}
#dashboard .ticket-change-widget > div > div.ticket-shorter-div1 {
width: 50px;
}
#dashboard .ticket-change-widget > div > div.name {
width: 320px;
height: 36px;
overflow: hidden;
word-wrap:break-word;
}
#dashboard .document-changes-row {
height: 70px;
overflow: hidden;
}
#dashboard .document-changes-row > div {
border-right: 1px solid darkgrey;
height: 100%;
}
#dashboard .document-changes-row > div.last {
border-right: none;
}
#dashboard .document-changes-row .uploaded {
width: 180px;
padding-top: 6px;
}
#dashboard .document-changes-row .path {
width: 450px;
padding-top: 6px;
word-wrap:break-word;
}
#dashboard .document-changes-row .file {
width: 300px;
}
#dashboard .filename {
text-decoration: underline;
padding-top: 6px;
cursor: pointer;
word-wrap:break-word;
}
#dashboard .event-row {
margin: 4px;
border-top: 1px solid darkgrey;
border-bottom: 1px solid darkgrey;
}
#dashboard .event-row > div{
display: inline-block;
vertical-align: top;
min-height: 60px;
border-right: 1px solid darkgrey;
margin: 0px;
}
#dashboard .ticket-overview-header > div,
#dashboard .ticket-overview-widget > div {
height: 50px;
display: inline-block;
vertical-align: top;
min-height: 20px;
border-right: 1px solid darkgrey;
border-collapse: collapse;
margin: 0px;
}
#dashboard .ticket-overview-header > div {
height: 10px;
}
#dashboard .ticket-overview-header > div > div,
#dashboard .ticket-overview-widget > div > div {
padding: 4px;
overflow: hidden;
}
#dashboard .ticket-overview-header > div > div.milestone-shorter-div1,
#dashboard .ticket-overview-widget > div > div.milestone-shorter-div1 {
width: 50px;
}
#dashboard .ticket-overview-header div.task-name,
#dashboard .ticket-overview-widget div.task-name {
height: 36px;
overflow: hidden;
word-wrap:break-word;
}
#dashboard .ticket-overview-header > div > div.name,
#dashboard .ticket-overview-widget > div > div.name {
width: 320px;
height: 36px;
overflow: hidden;
word-wrap:break-word;
}
#dashboard .ticket-title2 ,
#dashboard .ticket-widget2 {
display: inline-block;
vertical-align: top;
border-bottom: 2px solid #f2f1f6;
margin: 0;
}
#dashboard .ticket-title2 > div {
display: inline-block;
vertical-align: top;
border-right: 2px solid #f2f1f6;
padding: 4px;
margin: 0;
height: 25px;
}
#dashboard .ticket-widget2 > div {
height: 80px;
background-color: #f8f8fa;
display: inline-block;
vertical-align: top;
border-right: 2px solid #f2f1f6;
margin: 0 0 0 -3px;
padding: 2px;
}
#dashboard .ticket-widget2.even > div{
background-color: #e1e1eb;
}
#dashboard .ticket-widget2 > div > div {
width: 80px;
padding: 4px;
overflow: hidden;
}
#dashboard .ticket-widget2 > div > div.ticket-shorter-div1 {
width: 50px;
}
#dashboard .ticket-widget2 div.task-name{
height: 36px;
overflow: hidden;
word-wrap:break-word;
}
#dashboard .ticket-widget2 > div > div.name {
width: 320px;
height: 36px;
overflow: hidden;
word-wrap:break-word;
}
#dashboard #calendar-wrapper {
border-top: none;
}
#dashboard #calendar-wrapper .day.today .weekday{
background-color: #2e5272;
}
#dashboard #calendar-wrapper .event{
min-height: 40px;
}
/******************************* try addPluginCss(Timerecording) *******************************/
/******************************* addPluginCss(Timerecording) START *******************************/
#timerecording.furniture-list{
background: #F9F9F9;
border-style: solid;
border-width: 1px;
border-color: #C3C3C3;
}
#timerecording.furniture-list > div{
background: #F9F9F9;
border-style: solid;
border-width: 0px;
border-color: #999999;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 0px;
}
#timerecording.furniture-edit div.furniture-type-form{
background: #FFFFFF;
border: solid 1px #999999;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 5px;
}
#timerecording.furniture-list form,
#timerecording.furniture-site > form{
background: #ECECEC;
border-style: solid;
border-width: 1px;
border-color: #C3C3C3;
font-size: 12px;
color: #333333;
padding: 5px;
margin: 0px;
}
#timerecording textarea{
width: 98%;
resize: none;
}
#timerecordingassigntypes textarea{
margin: 5px;
}
#timerecording a{
color: #333333;
}
#timerecording a:hover{
color: #A20000;
}
#timerecording .change-description,
#timerecording #status-buttons-div,
#timerecording #priority-buttons-div{
margin-bottom: 10px;
}
#timerecording #status-buttons-div .large-button{
padding-left: 45px;
padding-bottom: 2px;
}
#timerecording .furniture_text_info{
font-size: 0.8em;
color: #0A246A;
}
#timerecording .furniture_text_new{
font-weight: bold;
color: firebrick;
}
#timerecording .furnituredoc-container div{
border-width: 1px;
padding: 3px;
}
#timerecording .sitetabs_element{
background: #FFFFFF;
padding: 0px;
border-width: 0px;
border-top-width: 1px;
margin: 0px;
}
#timerecording #tab-div-1 div{
margin: 0px;
border-width: 0px;
}
#timerecording #tab-div-2 div{
padding: 0px;
margin: 0px;
border-width: 0px;
}
#timerecording #tab-div-2 table{
border-width: 0px;
border-spacing: 0px;
}
#timerecording #timerecording-properties-table{
border-width: 1px;
background: #FFFFFF;
border-spacing: 5px;
margin: 5px;
}
#timerecording #priority-buttons-div .large-button{
padding: 0px;
text-align: center;
}
#timerecording #status-buttons-div .large-button{
padding-top: 2px;
}
#timerecording #comments-div{
margin-left: 0px;
height: 75px;
overflow-y: auto;
}
#timerecording #timerecording-general-table{
border-width: 0px;
}
#timerecording #timerecording-general-table tr{
height: 20px;
}
#timerecording #timerecording-general-table .td-1{
width: 75px;
}
#timerecording #timerecording-general-table .td-2{
width: 75px;
text-align: center;
}
#timerecording #timerecording-general-table .td-3{
width: 200px;
font-weight: bold;
}
#timerecording .float-clear{
background: transparent;
border: 0;
padding: 0px;
margin: 0px;
}
#timerecording .furniture-state{
display: inline-block;
width: 360px;
margin-bottom: 10px;
}
#timerecording .furniture-settings{
display: inline-block;
width: 385px;
min-height: 70px;
}
#timerecording .furniture-duedate,
#timerecording .furniture-assign,
#timerecording .furniture-type{
display: inline-block;
width: 170px;
height: 70px;
margin-right: 15px;
margin-bottom: 5px;
}
#timerecording .furniture-duedate fieldset,
#timerecording .furniture-assign fieldset,
#timerecording .furniture-type fieldset{
display: inline-block;
width: 170px;
}
#timerecording .furniture-text-public{
color: darkblue;
}
#timerecording .furniture-text-private{
color: darkred;
}
#timerecording .furniture-text-info{
font-size: 0.8em;
color: #0A246A;
}
#timerecording .furniture-text-new{
font-weight: bold;
color: firebrick;
}
#timerecording .comments{
width: 759px;
margin-bottom: 10px;
}
#timerecording .add-comment,
#timerecording .private-comment {
width: 369px;
border: 0;
margin: 0;
margin-bottom: 10px;
}
#timerecording .add-comment{
margin-right: 22px;
}
#timerecording .title-edit label {
display: inline-block;
width: 180px;
}
#timerecording .title-edit button {
margin-top: 2px;
}
#timerecording .large-button.prova{
background: #fff url('./ico/furniture/res/ico/ampel_grau_.gif') no-repeat 4px center ;
}
#timerecording .date-pick-dis{
color: #999999;
width: 150px;
}
#timerecording .furniture-type-form label{
display: inline-block;
width: 160px;
}
#timerecording .furniture-type-form .externalPwd{
float: right;
margin-right: 40px;
}
#timerecording .document_upload.document_upload_furniture{
width: 988px;
border-top: 4px solid #B8AB9A;
padding: 5px;
}
#timerecording .document_upload.document_upload_furniture .document_uploaddroparea{
display: inline-block;
}
#timerecording .document_upload.document_upload_furniture #document_uploaddroparea_form{
}
#timerecording .document_uploaddroparea{
background: #CCFFBB;
border-width: 1px;
}
#timerecording .document_uploaddroparea div{
background: #CCFFBB;
border-width: 0px;
padding: 0px;
margin: 0px;
}
#timerecording .document_uploaddroparea .multiUploader_progress{
background: #EAEAEA;
}
/* ----- TABS ----- */
#timerecording #tabs-button-container{
padding: 0px;
text-align: left;
margin-top: 3px;
padding-left: 20px;
border-bottom: 1px #999999 solid;
background: #FFFFFF;
}
#timerecording #tabs-button-container > button{
cursor: pointer;
width: 400px;
height: 30px;
border: 1px #999999 solid;
margin: 0px;
margin-bottom: -1px;
background: #D9D9D9;
}
#timerecording #tabs-button-container > button.tabs-button-active{
cursor: default;
border-bottom: 1px #FFFFFF solid;
background: #FFFFFF;
color: #333333;
}
.furniture-placetree-img{
display: inline-block;
float: left;
margin-right: 3px;
margin-bottom: 3px;
}
#timerecording .filter-status{
margin-right: 5px;
height: 140px;
width: 450px;
}
#timerecording .filter-condition{
margin-right: 5px;
height: 140px;
width: 225px;
}
#timerecording .filter-workplace{
margin-top: 5px;
width: 692px;
}
#timerecording .filter-chk{
width: 20px;
}
#timerecording .filter-condition .filter-chk{
padding-top: 6px;
}
#timerecording .filter-img{
width: 30px;
}
#timerecording .filter-descr{
width: 150px;
}
#timerecording .filter-condition .filter-descr{
padding-top: 6px;
}
#timerecording .dyn-header{
margin-bottom: 5px;
}
/* ------- Tickets Table ----- */
#timerecording table.tickets-table {
width: 100%;
margin-bottom: 10px;
}
#timerecording table.tickets-table th {
font-weight: bold;
background: black;
color: white;
font-size: 16px;
}
#timerecording table.tickets-table tbody tr {
background: #EAEAEA;
}
#timerecording table.tickets-table tbody tr:nth-child(2) {
background: #A8A8A8;
}
/******************************* try addPluginCss(Projectmanager) *******************************/
/******************************* addPluginCss(Projectmanager) START *******************************/
.ganttViewContainer {
width: 99%;
}
.ganttView.zoomed---test {
position: absolute;
background: white;
left: 0px;
top: 0px;
width: 975px;
z-index: 50;
}
.ganttViewContainer button.zoom-in{
float:right;
margin-bottom: -24px;
}
.projectmanager-overview-title{
width: 988px;
height: 24px;
font-size: 16px;
font-weight: bolder;
padding-left:5px;
padding-top:5px;
background-color: #A2BF02;
color: white;
}
.projectmanager-overview-block{
width: 987px;
padding-left: 4px;
padding-top: 4px;
border: 1px #A2BF02 solid;
margin-bottom: 20px;
}
.projectmanager-events-title{
width: 988px;
height: 24px;
font-size: 16px;
font-weight: bolder;
padding-left:5px;
padding-top:5px;
background-color: #6792BD;
color: white;
}
.projectmanager-events-block{
width: 987px;
padding-left: 4px;
padding-top: 4px;
border: 1px #6792BD solid;
margin-bottom: 20px;
}
.projectmanager-overview-block .gauge{
display: inline-block;
}
.projectmanager-lastchanged{
border: 1px #99806E solid;
width: 991px;
margin-top: 0px;
margin-bottom: 20px;
}
.projectmanager-lastchanged-title{
width: 988px;
height: 24px;
font-size: 16px;
font-weight: bolder;
padding-left:5px;
padding-top:5px;
background-color: #99806E;
color: white;
}
.projectmanager-deliveries .medium-button{
width: 150px;
}
.projectmanager-deliveries{
border: 1px #005F99 solid;
width: 991px;
margin-top: 0px;
margin-bottom: 20px;
}
.projectmanager-deliveries-title{
width: 988px;
height: 24px;
font-size: 16px;
font-weight: bolder;
padding-left:5px;
padding-top:5px;
background-color: #005F99;
color: white;
}
/*
.table_tasklist .description,
.table_milestonelist .description{
max-height: 40px;
overflow: hidden;
}
*/
.task-form .history{
width: 776px;
}
.projectmanager-overview-widget {
margin: 4px;
border-top: 1px solid darkgrey;
border-bottom: 1px solid darkgrey;
}
.projectmanager-overview-widget .overview-row{
display: inline-block;
vertical-align: top;
min-height: 36px;
border-right-style: solid;
border-right-width: 1px;
border-right-color: darkgrey;
margin: 0px;
}
.projectmanager-overview-widget .action{
border-right: 0px;
}
.projectmanager-overview-widget .labeldiv{
font-size: 9px;
padding-top: 2px;
height: 20px;
}
.projectmanager-overview-widget .small{
width: 30px;
font-size: 14px;
}
.projectmanager-overview-widget .overview-descr{
width: 76px;
padding: 0px;
}
.projectmanager-overview-widget .overview-name{
width: 300px;
}
/*
.projectmanager-overview-widget > div > button{
margin: 4px;
margin-top: 6px;
}
*/
.milestone-widget {
margin: 4px;
border-top: 1px solid darkgrey;
border-bottom: 1px solid darkgrey;
}
.milestone-widget .milestone-row{
display: inline-block;
vertical-align: top;
border-right-style: solid;
border-right-width: 0px;
border-right-color: darkgrey;
margin: 0px;
min-height: 65px;
padding: 1px;
}
.milestone-widget .action{
border-right: 0;
}
.milestone-widget .milestone-row .milestone-name{
width: 350px;
}
.milestone-widget a{
color: #444444;
}
.milestone-widget .milestone-label{
height: 20px;
font-size: 12px;
margin-top: 2px;
}
.milestone-widget .milestone-short{
width: 80px;
}
.milestone-widget .milestone-btn{
}
.lastchanged-widget {
margin: 0px;
border-top: 0px solid darkgrey;
border-bottom: 0px solid darkgrey;
min-height: 40px;
}
.lastchanged-widget.odd{
background-color: #FFFFFF;
}
.lastchanged-widget.even{
background-color: #EAEAEA;
}
.lastchanged-widget .changed-date{
width: 125px;
}
.lastchanged-widget .changed-by{
width: 125px;
}
.lastchanged-widget .changed-type{
width: 125px;
}
.lastchanged-widget .changed-name a{
color: #444444;
}
.projectmanager-edit .lv-select{
display: inline-block;
width: 40px;
}
#projectmanager .milestone-short-div1{
width: 125px;
}
#projectmanager .task-details .input-block-rights{
border-style: solid;
border-color: #999999;
border-width: 0px;
padding: 2px;
}
#projectmanager .site-form .form-row .chk-right{
width: 100px;
}
#task-popup-form .popup-ticket-row{
margin-bottom: 2px;
min-height: 30px;
}
#task-popup-form .popup-ticket-row .ticket-status{
width: 50px;
}
#task-popup-form .popup-ticket-row .ticket-priority{
width: 50px;
}
#task-popup-form .popup-ticket-row .ticket-dueDate{
width: 100px;
}
#task-popup-form .popup-ticket-row .ticket-descr{
width: 300px;
}
#task-popup-form .popup-ticket-row .ticket-dueDate{
width: 100px;
}
/******************************* addCss(customer.css) START *******************************/
#news-block .top {
background-color: #6aade3;
border-top: solid 4px #6aade3;
}
#admin-block .top {
background-color: #6aade3;
border-top: solid 4px #6aade3;
}
/******************************* addCss(movecon.css) START *******************************/
.menu-item.level-1 {
font-weight: 900;
}
/******************************* addCss(demo.css) NOT FOUND *******************************/
/******************************* FINISHED *******************************/