/*
  This file is part of CPEE-WORKLIST.

  CPEE-WORKLIST is free software: you can redistribute it and/or modify it
  under the terms of the GNU General Public License as published by the Free
  Software Foundation, either version 3 of the License, or (at your option) any
  later version.

  CPEE-WORKLIST is distributed in the hope that it will be useful, but WITHOUT ANY
  WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
  PARTICULAR PURPOSE.  See the GNU General Public License for more details.

  You should have received a copy of the GNU General Public License along with
  CPEE-WORKLIST (file LICENSE in the main directory).  If not, see
  <http://www.gnu.org/licenses/>.
*/

body {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  font-family: sans-serif;
  font-size: 1em;
}

button {
  padding: .5em 2em .55em;
  border: 1px solid ButtonShadow;
  border-radius: 0.2em;
  padding: 0px;
  margin: 0;
  font-family: sans-serif;
  font-size: 0.9em;
  background: ButtonFace;
  background: -webkit-gradient(linear, left top, left bottom, from(ButtonHighlight), to(ButtonFace));
  background: -moz-linear-gradient(top, ButtonHighlight, ButtonFace);
}
input { font-family: sans-serif; font-size: 1em; }


#areaorganisation                       { height: 4em; }
#areaorganisation input                 {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#areaorganisation td:nth-child(1)       { width: 7em; padding-right: 1em; }
#areaorganisation td:nth-child(3)       { width: 16em; padding-left: 1em; }


#areaconfigure                       { height: 4em; }
#areaconfigure table                 { width: 100%; }
#areaconfigure td:nth-child(1)       { width: 7em; padding-right: 1em; }
#areaconfigure td:nth-child(3)       { width: 100%; padding-left: 1em; }
#areaconfigure input                 {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#areaconfigure button[name=base]     { width: 100%;  }
#areaconfigure button[name=instance] { width: 100%;  }

#arealogin                       { height: 4em; }
#arealogin td:nth-child(1)       { width: 7em; padding-right: 1em; }
#arealogin td:nth-child(2)       { width: 20em; }
#arealogin td:nth-child(3)       { width: 10em; padding-left: 1em; }
#arealogin form                  { border: 0 none; }
#arealogin input                 {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#arealogin button[name=getListBt]     { width: 100%;  }

div.tabbed table.tabbar td.tabbehind input {
  border: 0 none;
  text-align: right;
  width: 100%;
}

div.tabbed table.tabbar td.tabbehind button {
  margin-left: 0.5em;
}

button.highlight { background-color: #cc0000; }

#parameters .tabbelow { height: 9em; min-height: 1.7em; }

#dat_message {
  border:1em solid white;
}
#dat_tasks {
  border-collapse:collapse;
  border-spacing:0;
  border:1em solid white;
  margin:0;
  padding:0;
  width: 100%;
}
#dat_tasks button                  { border: 1pt solid buttonshadow; padding: 0.2em 0.4em; border-width: 0.2em; }
#dat_tasks td:nth-child(1)         { padding: 0.4em 0; }
#dat_tasks td:nth-child(1)         { min-width: 32ex; white-space: nowrap; padding: 0.4em 0; padding-left: 1em; padding-right: 1em; }
#dat_tasks td:nth-child(2)         { width: 1em; padding-right: 1em; }
#dat_tasks td:nth-child(3)         { white-space: nowrap; padding-right: 1em; }
#dat_tasks td:nth-child(4)         { width: 100%}
#dat_tasks tr:nth-child(odd)       { background-color: ButtonFace; color: ButtonText; }
#dat_tasks tr:nth-child(odd) input { background-color: ButtonFace; }

#areatasklist .dat_heading {
  border: 1em solid white;
  border-left: 0;
  border-bottom: 0;
  white-space: nowrap;
}
#areatasklist .dat_heading span {
  font-weight: bold;
  font-size: 1.2em;
}

.permahidden { display: none; }

span.active {
  font-weight: bold;
  color: #cc0000;
}
span.passive {
  font-weight: bold;
  color: #3465a4;
}
span.vote {
  font-weight: bold;
  color: #73d216;
}

.ui-resizable-handle {
  z-index: 99999;
  color: ButtonShadow;
  position: absolute;
  white-space:nowrap;
}
.ui-resizable-w {
  cursor: w-resize;
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: 0% 100%;
  -moz-transform: rotate(90deg);
  -moz-transform-origin: left bottom;
  margin-top: -1em;
  margin-left: 0.3em;
}
.ui-resizable-s {
  right:2em;
  cursor: s-resize;
  text-align: right;
  margin-top: 1.1em;
}
ui-area > form {
  border: 1em solid white;
}
#areaorganisation ul{
  margin: 0;
  padding: 0;
  padding-left: 1em;
}

.areataskitem iframe {
  width: 100%;
  border:0 none;
  height: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  display: block;
}

.dat_outer_table { margin-left: 1em; margin-top: 1em; margin-right: 1em; }

.dat_table { margin-left: 1em; margin-top: 1em; margin-right: 1em; }
.dat_table:last-child { margin-bottom: 1em; }
.dat_table tr { white-space: nowrap; }

thead td { margin: 0; padding: 0; }
tbody.dat_table.dat_tasks_priority_high tr td:first-child { border-left: 0em solid transparent; }
tbody.dat_table tr td:first-child { border-left: 1em solid transparent; }

.dat_indent_table { margin-left: 1.5em; margin-top: 0; }

.dat_table tr:nth-child(even)       { background-color: #dedddaff; color: ButtonText; }
.dat_table tr:nth-child(even) input { background-color: #dedddaff; }
.dat_table tr:nth-child(odd)        { background-color: #f6f5f4ff; color: ButtonText; }
.dat_table tr:nth-child(odd) input  { background-color: #f6f5f4ff; }

.dat_table tr.priority_1:nth-child(even)       { background-color: #dc8add30; color: ButtonText; }
.dat_table tr.priority_1:nth-child(even) input { background-color: #dc8add30; }
.dat_table tr.priority_1:nth-child(odd)        { background-color: #dc8add80; color: ButtonText; }
.dat_table tr.priority_1:nth-child(odd) input  { background-color: #dc8add80; }

.dat_table tr.priority_42:nth-child(even)       { background-color: #99c1f130; color: ButtonText; }
.dat_table tr.priority_42:nth-child(even) input { background-color: #99c1f130; }
.dat_table tr.priority_42:nth-child(odd)        { background-color: #99c1f180; color: ButtonText; }
.dat_table tr.priority_42:nth-child(odd) input  { background-color: #99c1f180; }

.dat_table tr td.buttons {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.dat_table tr td.name {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.pulseit{
	animation: pulse linear 2s 3;
}
@keyframes pulse {
	0%   { background-color: #ebdef0; }
	25%  { background-color: red; }
	50%  { background-color: #ebdef0; }
	75%  { background-color: red; }
	100%  { background-color: #ebdef0; }
}

ui-resizehandle {
  border-left: 1px solid var(--x-ui-border-color);
}
#detailcolumn {
  min-width: 2.5em;
  padding-left: 0.5em;
}
#detailcolumn iframe {
  width: 100%;
  height: 100%;
  border: 0 none;
  border-left: 1em solid white;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  display: block;
}

body.drag-in-progress #detailcolumn iframe {
  pointer-events: none;
}

.extension.clickable {
  cursor: pointer;
  color:var(--x-ui-link-color);
  text-decoration:none;
}
.extension.clickable:hover {
  color:var(--x-ui-light-text-color);
  text-decoration:underline;
}

.filler {
  width: 100%;
}