/* Global variables section */
:root {
  --system-font: 'Segoe UI', Tahoma, Verdana, Arial, sans-serif;
  
  --menu-backgound-color: #303135;
  
  --leftpane-width: 207px;
  --leftpane-background-color: #ffffff;
  --leftpane-image-url: url('../gfx/vasentausta.png');
  
  --workarea-text-color: #000000;
    
  --ajax-loader-image-url: url('./gfx/ajax-loader.gif');
  
  --topmenu-height: 89px;
  --topmenu-padding-top: 29px;
  --topmenu-padding-left: 210px;
  --topmenu-image-url: url('../gfx/yrityslogo.png');
    
}
/* Global variables end */

@page {
    size: landscape;
}
body {
    margin: 0;
    padding: 0;
    font-family:var(--system-font);
    font-size:9pt;
    vertical-align:top;
}

.ui-autocomplete-loading {
	background: var(--ajax-loader-image-url) right center no-repeat;


}
/* Navigation Bar styling begins */
#nav {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  padding: var(--topmenu-padding-top) 0 0 var(--topmenu-padding-left);
  list-style: none; 
}

#ylavalikko {
  z-index:10;
  width:100%;
  height: var(--topmenu-height);
  position:fixed; top:0px; left:0px;
  margin: 0 auto;
  padding: auto;
  background-color: var(--menu-backgound-color);
  background-image: var(--topmenu-image-url);
  background-repeat: no-repeat;
  background-position: left top;
  font-family: var(--system-font);
  font-size: 9pt;
}

#resultTable {
 width: 100%;
 color: var(--workarea-text-color); 
 border-spacing: 0px;
 margin: 0px; 
 border-collapse: collapse; 
 horizontal-align: left; 
 vertical-align: top; 
 font-family: var(--system-font);
 font-size: 9pt;
}
/* Navigation Bar styling ends */


.ylapalkki {
	float: left; 
	width:100%; 
	margin: 0 0 0 0; 
	padding: var(--topmenu-padding-top) 0 0 var(--topmenu-padding-left);
}

.tox-tinymce{z-index:8}

/* Space reserved for floating topmenu (other page elements can't mess with it) */
#varaus {
	position: static; 
	width: 100%; 
	height: var(--topmenu-height);
}

#tapauskelluvaotsikko {
	position: fixed; 
	top: 51px; 
	left: var(--leftpane-width); 
	width: 100%; 
	height: 50px; 
	z-index: 9;
}

#kelluvaotsikkotaulu {
	border-spacing: 0px;
	margin: 0px; 
	border-collapse: collapse; 
	horizontal-align: left; 
	vertical-align: top; 
	font-family: var(--system-font);
	font-size: 9pt;
}

/* Floating base for dropdown lists that pops open next to mouse cursor */
div.kelluvalista {
	position:absolute; 
	top:0px; 
	left:0px; 
	width:205px; 
	height:20px; 
	z-index:9; 
	visibility:hidden;
}

/* Floating base for small popups */
div.pienipopup {
	font-family: var(--system-font);
}

.clock-list-group-item {
	height: 25px;
    padding: 0px;
}

span.ohjekorostustapaushakuvalmis {
  background-color: #E8E8E8;
  border-color: #D8D8D8;
}

span.ohjekorostustapaushakueraantynyt {
  background-color: #FFC8C8;
  border-color: #FFB8B8;
}

span.ohjekorostustapaushakueisuorittajaa {
  background-color: #C8FFC8;
  border-color:#B8FFB8;
}

span.ohjekorostustapaushakusovittualoitus {
  background-color: #FFFF99;
  border-color: #FFFF89;
}

span.ohjekorostustapaushakusovittuvalmistumis {
  background-color: #FFC820;
  border-color: #FFB810;
}

td.kplotsikko {
   font-family:var(--system-font);
    font-size: 11.5pt;
}

td.otsikko {
    padding-left: 0.2cm;
   font-family:var(--system-font);
    font-size: 9.5pt;
    color: white;
    background-color: #44821A;
}
div.otsikko
{
  font-family:var(--system-font);
  font-size:9.5pt;
  color:white;
  background-color:#44821A;
}
td.teksti {
   font-family:var(--system-font);
    font-size: 9pt;
    vertical-align: top;
}
/* hakutulossivu laatikkonäkymä: border-left border-top -border-right border-bottom määritykset. Kun niihin laittaa arvoksii none niin kehys häviää.
td.tapaushakurivi {
  vertical-align: top;
  padding-left: 2px;
  padding-right: 2px;
  border-left: 1px solid;
  border-top: 1px solid;
  border-right: none;
  border-bottom: 1px solid;
}
*/

a.tapaussarakeotsikko {
  font-family:var(--system-font);
  font-size:9.5pt;
  color:white;
  background-color:#44821A;
  font-weight:normal;
}

td.tapaushakurivi {
  vertical-align: top;
  padding-left: 2px;
  padding-right: 2px;
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: none;
}
td.tapaushakunormaali0 {
  border-color:#C8C8C8;
  
}

td.tapaushakunormaali1 {
  background-color: #E8E8E8;
  border-color: #D8D8D8;
}

td.tapaushakuvalmis0 {
 background-color: #E8E8E8;
  border-color: #D8D8D8;
}

td.tapaushakuvalmis1 {
  background-color: #d6d6d6;
  border-color:#d1d1d1;
}

td.tapaushakueisuorittajaa0 {
  background-color: #E0FFE0;
  border-color:#D0FFD0;
}

td.tapaushakueisuorittajaa1 {
  background-color: #C8FFC8;
  border-color:#B8FFB8;
}

td.tapaushakueraantynyt0 {
  background-color: #FFD8D8;
  border-color:#FFC8C8;
}

td.tapaushakueraantynyt1 {
  background-color: #FFC8C8;
  border-color: #FFB8B8;
}

td.tapaushakusovittualoitus0 {
  background-color: #FFFFCC;
  border-color: #FFFFBC;
}

td.tapaushakusovittualoitus1 {
  background-color: #FFFF99;
  border-color: #FFFF89;
}

td.tapaushakusovittuvalmistumis0 {
  background-color: #FFE020;
  border-color: #FFD010;
}

td.tapaushakusovittuvalmistumis1 {
  background-color: #FFC820;
  border-color: #FFB810;
}

td.tapaushakumuokkausvirhe0 {
  background-color: #FF0000;
  border-color: #EF0000;
}

td.tapaushakumuokkausvirhe1 {
  background-color: #FF0000;
  border-color: #EF0000;
}

td.vasenpalsta {
  width: var(--leftpane-width); 
  vertical-align: top;
  min-height:1000px;
  padding-left: 2px;
  padding-right: 1px;
  border-right: 0px;
  border-right-color:#000000;
  
  background-color: var(--leftpane-background-color);
  background-image: var(--leftpane-image-url);
  background-position: fixed; 
  background-repeat: no-repeat;
}

td.hakutulosrivi {
    padding-left: 0.2cm;
   font-family:var(--system-font);
    font-size: 9pt;
}
td.hakurivino0 {
    padding-left: 0.2cm;
   font-family:var(--system-font);
    font-size: 9pt;
    background-color: #F0F0F0;
}
td.hakurivino1 {
    padding-left: 0.2cm;
   font-family:var(--system-font);
    font-size: 9pt;
    background-color: #E8E8E8;
}
td.hakurivipu0 {
    padding-left: 0.2cm;
   font-family:var(--system-font);
    font-size: 9pt;
    background-color: #FFD8D8;
}
td.hakurivipu1 {
    padding-left: 0.2cm;
   font-family:var(--system-font);
    font-size: 9pt;
    background-color: #FFC8C8;
}
td.hakurivike0 {
    padding-left: 0.2cm;
   font-family:var(--system-font);
    font-size: 9pt;
    background-color: #FFFFCC;
}
td.hakurivike1 {
    padding-left: 0.2cm;
   font-family:var(--system-font);
    font-size: 9pt;
    background-color: #FFFF99;
}
td.hakurivivi0 {
    padding-left: 0.2cm;
   font-family:var(--system-font);
    font-size: 9pt;
    background-color: #E0FFE0;
}
td.hakurivivi1 {
    padding-left: 0.2cm;
   font-family:var(--system-font);
    font-size: 9pt;
    background-color: #C8FFC8;
}
td.vasenteksti {
   font-family:var(--system-font);
    font-size: 9pt;
    color: #ffffff;
}
td.korostettu {
   font-family:var(--system-font);
    font-size: 9pt;
    color: #808080;
}
td.eritelty {
   font-family:var(--system-font);
    font-size: 9pt;
    color: #8B8CA9;
}
td.iso-otsikko {
   font-family:var(--system-font);
    font-size: 11.5pt;
    font-weight: bold;
    color: white;
    background-color: #44821A;
}
td.valiotsikko {
   font-family:var(--system-font);
    font-size: 9pt;
    font-weight: bold;
    color: white;
    background-color: #44821A;
}

td.takaraja_valiotsikko
{
  font-size: 9.5pt;
  color: #000000;
  background-color:#EBEBEB;
  border-color:#000000;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

td.rekisterikortti_valiotsikko {
   font-family:var(--system-font);
    font-size: 9pt;
    font-weight: bold;
    color: black;
    background-color: #DEE7E1;
}

table.caltable {
  background-color:#FFFFFF;
}

a.otsikko {
   font-family:var(--system-font);
    font-size: 9.5pt;
    color: white;
    background-color: #44821A;
}

/* Otsikko, lisämääre lihavointi pois */
a.normalotsikko {
  font-weight:normal;
}

a.type1 {
  color:black;
}

a.type1:link {
    text-decoration: none;
}
a.type1:visited {
    text-decoration: none;
}
a.type1:active {
    text-decoration: none;
}
a.type1:hover {
    text-decoration: underline;
}
a.type2 {
   font-family:var(--system-font);
    font-size: 9pt;
    color: black;
    background-color: #FFE0E0;
}
a.type2:link {
    text-decoration: none;
}
a.type2:visited {
    text-decoration: none;
}
a.type2:active {
    text-decoration: none;
}
a.type2:hover {
    text-decoration: underline;
}
a.type3 {
   font-family:var(--system-font);
    font-size: 9pt;
    color: black;
}
input {
   font-family:var(--system-font);
    font-size: 9pt;
}
input.required {
   font-family:var(--system-font);
    font-size: 9pt;
    background-color: #ffffc0;
}
input.disabled {
   font-family:var(--system-font);
    font-size: 9pt;
    color: black;
    background-color: #f0f0f0;
}
textarea.disabled {
   font-family:var(--system-font);
    font-size: 9pt;
    color: black;
    background-color: #f0f0f0;
}
fileinput {
   font-family:var(--system-font);
    font-size: 18.5pt;
}
select {
   font-family:var(--system-font);
    font-size: 9pt;
}

select.standardilista {
  width:270px;
}

select.haku {
   font-family:var(--system-font);
    font-size: 9pt;
    width: 110px;
}
select.required {
   font-family:var(--system-font);
    font-size: 9pt;
    background-color: #ffffc0;
}
textarea {
   font-family:var(--system-font);
    font-size: 9pt;
    line-height: 10.5pt;
}
textarea.required {
   font-family:var(--system-font);
    font-size: 9pt;
    line-height: 10pt;
    background-color: #ffffc0;
}
.tekstiiso {
   font-family:var(--system-font);
    font-size: 10.5pt;
}
div.required {
   font-family:var(--system-font);
    font-size: 9.5pt;
    background-color: #ffffc0;
}
div.scrollmode
{
  overflow-y: scroll;
  /*resize: vertical;*/
  height:44px;
  min-height:44px;
  border:1px solid;
  border-color: #EFEFEF;
  padding:2px;
}

div.noscroll
{
  height:44px;
  min-height:44px;
  border:1px solid;
  border-color: #EFEFEF;
}
input.nimi {
    width: 400px;
   font-family:var(--system-font);
    font-size: 9pt;
}
.suggestion_list {
    background: white;
    border: 1px solid;
    padding: 4px;
}
.suggestion_list ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.suggestion_list a {
    text-decoration: none;
    color: black;
}
.suggestion_list .selected {
    background: gray;
    color: white;
}
.suggestion_list .selected a {
    color: white;
}
#autosuggest {
    display: none;
    margin: 0px;
   font-family:var(--system-font);
    font-size: 10pt;
}
td.linkkipalkkiotsikko {
    padding-bottom: 1px;
    padding-left: 4px;
    padding-right: 4px;
    border: solid 1px;
    border-color: black;
    border-top: 0px;
   font-family:var(--system-font);
    font-size: 9pt;
    font-weight: normal;
    color: black;
    background-color: #DCE6E1;
}
td.linkkipalkkiotsikko2 {
    padding-bottom: 1px;
    padding-left: 4px;
    padding-right: 4px;
    border: solid 1px;
    border-color: black;
    border-top: 0px;
   font-family:var(--system-font);
    font-size: 9pt;
    font-weight: normal;
    color: black;
    background-color: #FFFFFF;
}
/* td.loginotsikko {font-family: 'Segoe UI', Tahoma, Verdana, Arial, sans-serif; font-size: 9pt; font-weight: bold; color: white; background-color: #909090} */

td.paamenuotsikko
{
  padding-top:8px;
  padding-bottom:6px;
  padding-left:4px;
  padding-right:4px;
  border:none;
  border-top:0;
  display: table-cell;
  vertical-align: middle;
  font-family:var(--system-font);
  font-size:11pt;
  font-weight:normal;
  color:black;
  background-color:#DCE6E1;
}

td.paamenuotsikko2
{
  padding-top:8px;
  padding-bottom:6px;
  padding-left:4px;
  padding-right:4px;
  border:none;
  border-top:0;
  display: table-cell;
  vertical-align: middle;
  font-family:var(--system-font);
  font-size:11pt;
  font-weight:normal;
  color:black;
  background-color:#FFFFFF;
}

td.loginotsikko {
   font-family:var(--system-font);
    font-size: 9pt;
    font-weight: bold;
    color: white;
}
table.loginviivavari {
    border-color: #8CA59C;
}
td.loginkayttajatieto {
   font-family:var(--system-font);
    font-size: .75em;
    color: #000000;
}
td.loginversiotieto {
   font-family:var(--system-font);
    font-size: 8pt;
    color: #8CA59C;
    background-color: #FFFFFF;
}
a.loginversiotietolinkki {
   font-family:var(--system-font);
    font-size: 9pt;
    color: #8CA59C;
}
a.loginversiotietolinkki:link {
    text-decoration: none;
}
a.loginversiotietolinkki:visited {
    text-decoration: none;
}
a.loginversiotietolinkki:active {
    text-decoration: none;
}
a.loginversiotietolinkki:hover {
    text-decoration: underline;
}

#ilmoitustaulu {
	width: 100%;
	border: 1px solid;
	padding: 5px;
}

table.asiakas_lippusiima {
    width: 100%;
    height: 40px;
    padding: 0;
    margin: 0;
    border: 0;
}
.selectCI {
   font-family:var(--system-font);
    font-size: 14px;
}
.inputCI {
   font-family:var(--system-font);
    font-size: 14px;
}
.textareaCI {
   font-family:var(--system-font);
    font-size: 14px;
}
.popup {
    border: solid 1px #333;
   font-family:var(--system-font);
    font-size: 12px;
    display: none;
    position: absolute;
    width: 300px;
    z-index: 60;
}
.popuptitle {
    background: #44821A;
    color: white;
    font-weight: bold;
    height: 15px;
    padding: 5px;
}
.popupbody {
    background: #fff;
    padding: 5px;
    text-align: center;
}
#popup {
    top: 300px;
    left: 400px;
}

a.type1:link,a.type1:visited,a.type1:active,a.type2:link,a.type2:visited,a.type2:active,a.loginversiotietolinkki:link,a.loginversiotietolinkki:visited,a.loginversiotietolinkki:active
{
  text-decoration:none;
}

a.type1:hover,a.type2:hover,a.loginversiotietolinkki:hover
{
  text-decoration:underline;
}

input,select
{
  font-family:var(--system-font);
  font-size:9pt;
}

input.required,select.required
{
  font-family:var(--system-font);
  font-size:9pt;
  background-color:#ffffc0;
}

input.disabled,textarea.disabled
{
  font-family:var(--system-font);
  font-size:9pt;
  color:black;
  background-color:#f0f0f0;
}

.selectCI,.inputCI,.textareaCI
{
  font-family:var(--system-font);
  font-size:14px;
}

/* db = dashboardin määrityksiä */
table.dashboard
{
  width: 500px;
  margin:5;
  padding:5;
  font-family:var(--system-font);
  font-size:9pt;
  vertical-align:top;
  float:center;
}

th.dbotsikko
{
  height: 80px;
  width: 20%;
  font-weight:normal;
  text-align:left;
  vertical-align:top;
}

td.db
{
  width: 20%;
  vertical-align:top;
  border-right-style: solid;
  border-bottom-style: solid;
  border-width: 1px;
}

td.dbActive
{
  width: 20%;
  vertical-align:top;
  border-right-style: solid;
  border-bottom-style: solid;
  border-width: 1px;
  background-color:#e0e0e0;
}

td.dboikea
{
  width: 20%;
  vertical-align:top;
  border-bottom-style: solid;
  border-width: 1px;
}

td.dboikeaActive
{
  width: 20%;
  vertical-align:top;
  border-bottom-style: solid;
  border-width: 1px;
  background-color:#e0e0e0;
}

td.dbala
{
  width: 20%;
  vertical-align:top;
  border-right-style: solid;
  border-width: 1px;
}

td.dbalaActive
{
  width: 20%;
  vertical-align:top;
  border-right-style: solid;
  border-width: 1px;
  background-color:#e0e0e0;
}


td.dboikeaala
{
  width: 20%;
  vertical-align:top;
}

a.dba
{
    display:block; 
    text-decoration:none;
    color: black;
}

div.dbarvo
{
  height: 50px;
  text-align:center;
  vertical-align:top;
  font-size:30pt;
}

div.dbnimi
{
  text-align:left;
}

/* Pikahakujen hakumäärälistan määrityksiä */
.statcount
{
  font-size: 100%;
  color: #217765;
}

/* vasemman palstan hakujen lukumääräpallero */
.searchitemcount {
  font-size:7.5pt;
  font-weight: normal;
  color: white;
  background-color: #7CA48C;
}

/*Asetusnäyttöjen bootstrap tab kontrollit */
.tabs-custom {}
.tab-content-custom {}
.tab-custom-pane {}

/*käsittelytietojen määrittely */
/* Yksittäisen tapahtuman otsikkopalkki */
.navbar-custom-event-title {
  padding-left:.2cm;
  padding-top:1px;
  padding-bottom:1px;
  font-family:var(--system-font);
  font-size:9.5pt;
  color:white;
  background-color:#1D1D1D;
}

/* Otsikkopalkin virheellisen kentän korostus */
.navbar-custom-event-error {
  color:orange;
}

.navbar-custom-event-danger {
  color:red;
}
/* kustomoidun bootstrap-valikon määrittelyt alkaa */

#nav {
  color: #fff;
}
/* navbar */
.navbar-custom-topmenu {
    background-color: #FFFFFF;
    border-color: #8EA698;
    font-size: 14px;
}
/* title */
.navbar-custom-topmenu .navbar-brand {
    color: #020202;
}
.navbar-custom-topmenu .navbar-brand:hover,
.navbar-custom-topmenu .navbar-brand:focus {
    color: #2E5E2E;
}
/* menu */
.navbar-custom-topmenu .navbar-nav .open .dropdown-menu {
    background-color: #fff;
    color:#ffffff;
}
/* link */
.navbar-custom-topmenu .navbar-nav > li > a {
    color: #020202;
}
.navbar-custom-topmenu .navbar-nav > li > a:hover,
.navbar-custom-topmenu .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #7CA48C;    
}
.navbar-custom-topmenu .navbar-nav > .active > a, 
.navbar-custom-topmenu .navbar-nav > .active > a:hover, 
.navbar-custom-topmenu .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #7CA48C;
}
.navbar-custom-topmenu .navbar-nav > .open > a, 
.navbar-custom-topmenu .navbar-nav > .open > a:hover, 
.navbar-custom-topmenu .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #7CA48C;
}
/* Alivalikon tekstin väri  
.navbar-custom-topmenu .navbar-nav .open .dropdown-menu > li > a {
  color: #fff;

}
*/
/* Aktiivinen valinta */
.navbar-custom-topmenu .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-custom-topmenu .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #7CA48C;
}

/* caret */
.navbar-custom-topmenu .navbar-nav > .dropdown > a .caret {
    border-top-color: #020202;
    border-bottom-color: #020202;
}
.navbar-custom-topmenu .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom-topmenu .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-custom-topmenu .navbar-nav > .open > a .caret, 
.navbar-custom-topmenu .navbar-nav > .open > a:hover .caret, 
.navbar-custom-topmenu .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-custom-topmenu .navbar-toggle {
    border-color: #DDD;
}
.navbar-custom-topmenu .navbar-toggle:hover,
.navbar-custom-topmenu .navbar-toggle:focus {
    background-color: #7CA48C;
    color: fff;
}
.navbar-custom-topmenu .navbar-toggle .icon-bar {
    background-color: #45C545;
}
@media (max-width: 767px) {
    .navbar-custom-topmenu .navbar-nav .open .dropdown-menu > li > a {
        color: #020202;
    }
    .navbar-custom-topmenu .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-custom-topmenu .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    list-style: none;
    font-size: 8pt;
    padding: 0;
    margin-left: 1em;
    width: 270px;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 100px;
  }
  
  #templateelementnormal {
     width:300px;
     height:100px;
     float:left;
   }
   #templateelementwide {
     width:750px;
     height:200px;
     float:left;
   }
   
 .checkCol {
    width: 20px;
    padding-left: 3px;
    padding-right: 3px;
    border-left: none;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
  }
  
  .idCol   { width: 70px; padding-left: 3px; padding-right: 3px } 
  .nameCol { width: 400px; padding-left: 3px; padding-right: 3px }
  .descCol { width: 600px; padding-left: 3px; padding-right: 3px }
  .dateCol { width: 100px; padding-left: 3px; padding-right: 3px }
  .personCol { width: 120px; padding-left: 3px; padding-right: 3px }
  .locationCol { width: 150px; padding-left: 3px; padding-right: 3px }
  .dropdownCol { width: 120px; padding-left: 3px; padding-right: 3px }
  .propertyCol { width: 150px; padding-left: 3px; padding-right: 3px }
  .lineEnd {padding-left: 3px; padding-right: 3px }
  
  .dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    display:none;
    margin-top: -1px;

  }
  
  .dropdown-menuleft .sub-menuleft {
    left: -95%;
    position: absolute;
    top: 0;
    display:none;
    margin-top: -1px;

  }
  
  .right-caret:after {
    content:"";
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    display: inline-block;
    height: 0;
    opacity: 0.8;
    vertical-align: middle;
    width: 0;
    margin-left:5px;
  }
  
  .left-caret:after {  
    content:"";
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    display: inline-block;
    height: 0;
    opacity: 0.8;
    vertical-align: middle;
    width: 0;
    margin-left:5px;
  }
  
td.calmuted {
    color:#808080;
    background-color:#ffffff;
    cursor: pointer;
}

td.calhover:hover {
    background-color: rgba(0,0,0,.075);
    cursor: pointer;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden;  cursor: pointer;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
/* bootstrap-valikon värimäärittelyt päättyy */

/* tapauskäsittelyn palkin määrittelyt alkaa */
.btn-group-custom-ticket,
.btn-toolbar-custom-ticket {
    background-color: transparent;
    border-color: #CCCCCC;
}

.btn-group-custom-ticket .btn,
.btn-toolbar-custom-ticket .btn {
    background-color: #ffffff;
    color: #020202;
    border-color: #CCCCCC;
}

.btn-group-custom-ticket .btn.active, 
.btn-group-custom-ticket .btn:active,
.btn-group-custom-ticket .btn-primary:hover,
.btn-group-custom-ticket .btn-primary:focus,
.btn-toolbar-custom-ticket .btn.active, 
.btn-toolbar-custom-ticket .btn:active,
.btn-toolbar-custom-ticket .btn-primary:hover,
.btn-toolbar-custom-ticket .btn-primary:focus {
    color: #020202;
    background-color: #E7E7E7;
}

.open.btn-group .dropdown-toggle{
    color: #020202;
    background-color: #E7E7E7;
}

/* dropdown */
.btn-group-custom-ticket .dropdown-menu {
    color: #020202;
    background-color: #fff;
}

.btn-group-custom-ticket .dropdown-menu  > li > a:hover,
.btn-group-custom-ticket .dropdown-menu  > li > a:focus {
    color: #fff;
    background-color: #7CA48C;
}
 
/* tapauskäsittelyn palkin määrittelyt päättyy */

.darkgray
{
  color: white;
  font-size:20px;
  padding:2px;
}

.standardlink 
{
  color: black;
}

.alerteffect {
  background-color: #FFF266;
}

.sijaintiteksti {
  display: none;
}

a {
  color: black;
}


a:hover, a:focus {
  color: black;
}

.asetuslinkki {
	color: black;
	text-decoration: underline;
}

.asetusotsikko {
	font-weight: bold;
}

.asetus-checkbox {
	padding-right: 0.5em;
	font-weight: normal;
}

.linkkiyllapitovasen {
}


div.eventtext {
  width:100%;
  height:100px;
  max-width:1500px;
}

.panel-eventattachment {
  border-color: #eeeeee;
  background-color: #eeeeee;
}

.link-eventattachmentremove {
  color: #aaaaaa;
}

.row-eventattachment {
  margin-bottom: 10px;
  
}

option.itemremoved {
  background: #ff9090;
}

table.colorhelp {
 background: "";
 cellspacing: 0px;
 cellpadding: 0px;
 border: 0px;
}

/* STA 2025-11-24: muuta tapauksen toiminnot-napin oikea reuna vastaamaan tallenna-napin reunaa */
#palkkitoiminnot {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}


/* STA 2025-11-24: irrota tapauksen prioriteettivalinnan label inputista */
#prioriteetti {
  margin-left: 3px;
}

/* STA 2025-11-24: irrota tapauksen palvelutasovalinnan label inputista */
#sla {
  margin-left: 3px;
}

/* STA 2025-11-24: piilota tapauksen prioriteetin wiki-linkki */
a > img[name="info_takaraja"] {
  display: none;
}

/* STA 2025-11-24: irrota tapauksen takarajamuutosvalinnan label inputista */
#takarajatiedote {
  margin-right: 3px;
}

/* STA 2025-11-24: irrota tapauksen suorittajatiedotevalinnan label inputista */
#suorittajatiedote {
  margin-right: 3px;
}

/* STA 2025-11-24: irrota tapauksen statustiedotevalinnan label inputista */
#statustiedote {
  margin-right: 3px;
}


/* Customer specific settings in external style_custom.css file */
@import "style_custom.css";