/* selectstyle.css - styles used for OpenDialogControl ("select") */
a
{
    text-decoration: none;
    cursor: pointer;
}
#ctl11_ctl82_ctl01{
   display: block;
   height: 100%;
   width: 100%;
}
/*
a:link
{
   text-decoration: none;
   color: #000000;
}

a:hover {
    background-color: rgba(0,0,0,0.1);
}
   
a:active
{
    color: #fff;
    border-color: #8d8d8d #7e7e7e #6c6c6c;
    background-color: #828282;
    background-image: url('WebResource.axd?d=wLocw2Pv_KKRQThtf1YhDONhY30KuH7qF7vGxI9tqsVpWgpNAVjsVn7k…l3j8nrik6uJf-ziEwEWaHbpjsjulsE3fvaGlnDkKAV23xOMvB_00&t=635095912640000000');
}

a:visited
{
   text-decoration: none;
   color: #000000;
}*/


/* Koppermann Tex Define Web Style Standard */
/* wok - 19.3.18 - selectstyle.css: Renamed .main to .MainBodyStyle to refect ist usage and to avoid ambiguity. */
.MainBodyStyle
{

    /* wok - 19.3.18 - selectstyle.css: removed default margin 5px of body, as forms are centered anyway, and open-dialog was "manually" set to 0px anyway.*/
   /*margin-top: 5px;*/
   /*margin-left: 5px;*/
   /*margin-right: 5px;*/
   /*margin-bottom: 5px;*/
   /*background-color: #CCCCCD;
   background-color: white;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;*/
   /*overflow: hidden;*/

   font-family: 'Open Sans', sans-serif;
   font-style: normal;
   font-size: 12px !important;
}

body
{
   background-color: #fff;
}


.treeheadernode
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #333;
}

.treeheadernode24
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #333;
}

.treesubnode
{
   font-family: Verdana, Arial, Helvetica, sans-serif !important;
   font-size: 12px !important;
   font-weight: normal !important;
}

.treesubnodeview
{
   font-family: Verdana, Arial, Helvetica, sans-serif !important;
   font-size: 12px !important;
   font-weight: normal !important;
   padding:1px 0px 1px !important;
}

span.treesubnodeview 
{
    border-style: none !important;
}

a.treesubnode {
    white-space:normal !important;
}

.treesubnode24
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: normal;
}

.treeversionnode
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: normal;
}

/*Menu styles*/
.MenuHeader
{
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 12px;
   font-weight: bold;
}

div.MenuHeader
{
   background-image: url(../../Resources/images/HeaderWhiteChrome.jpg);
   background-position: center;
   background-repeat: repeat-x;
   background-color: #fff;
   border-bottom: solid 1px #999;
   color: #333;
   border: 1px solid #999899;
   height: auto;
   width: 300px;
}

.eventsCalendar-currentTitle
{
   line-height: 25px;
   background-color: #138DA5;
   outline: 1px solid #138DA5;
   border: 1px solid #E3E3E3;
   border-width: 1px 0;
   background-image: url(../../Resources/images/HeaderWhiteChrome.jpg) !important;
   background-position: center;
   background-repeat: repeat-x;
}

/*Menu styles*/
.MenuHeaderWithGrid
{
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 12px;
}

div.MenuHeaderWithGrid
{
   background-image: url(../../Resources/images/HeaderWhiteChrome.jpg);
   background-position: center;
   background-repeat: repeat-x;
   background-color: #fff;
   border-bottom: solid 1px #999;
   color: #333;
   font-weight: bold;
   border-left-width: 1px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 0px;
   border-style: solid;
   border-color: #999899;
   height: auto;
}

.MenuContent
{
   font-family: Verdana, Arial, Sans-Serif !important;
}

.MenuContent span
{
   font-family: Verdana, Arial, Sans-Serif !important;
}

.MenuContent td
{
   font-family: Verdana, Arial, Sans-Serif !important;
   font-size: 12px !important;
   font-weight: bold;
}

#StatusBox_simpleContentDiv
{
   padding:5px;
   font-family: Verdana, Arial, Sans-Serif !important;
   font-size: 12px !important;
}

div.MessageContent 
{
   font-family: Verdana, Arial, Sans-Serif !important;
   font-size: 12px !important;
}

div.MenuContent
{
   background-image: url(../../Resources/images/HeaderWhiteChrome_1000pixel_hoch.jpg);
   background-position: top;
   background-repeat: repeat;
   background-color: #fff;
   border-bottom: solid 1px #999;
   border-width: 0px 1px 1px 1px;
   border-style: solid;
   border-color: #999899;
   width: 300px;
}

div.TemplateContent
{
   background-color: #fff;
   border: solid 1px #999;
   border-width: 0px 1px 1px 1px;
   border-style: solid;
   border-color: #999899;
}

.GridViewStyle
{
   font-family: 'Open Sans', sans-serif;
   table-layout: auto;
   font-size: 12px;
   border-collapse: collapse;
   border: #999999 1px solid;
}

/*Header and Pager styles*/
.HeaderStyle, .PagerStyle /*Common Styles*/
{
   background-image: none;
   background-color: white;
   border-bottom: none;
   text-align: left;
   font-weight: normal;
}

.HeaderStyle tr, th
{
   font-weight: normal !important;
   padding: 0;
   color: #333;
   vertical-align: top;
   font-size: 12px;
}

.HeaderStyle a
{
   text-decoration: none;
   color: #333;
   display: block;
   text-align: left;
   font-weight: normal;
}

.PagerStyle table
{
   text-align: center;
   margin: auto;
}

.PagerStyle table td
{
   border: 0px;
   padding: 5px;
}

.PagerStyle td
{
   border-top: #999999 1px solid;
}

.PagerStyle a
{
   color: #333;
   text-decoration: none;
   padding: 2px 10px 2px 10px;
   border-top: solid 1px #fff;
   border-right: solid 1px #999;
   border-bottom: solid 1px #999;
   border-left: solid 1px #fff;
}

.PagerStyle span
{
   font-weight: bold;
   color: #333;
   text-decoration: none;
   padding: 2px 10px 2px 10px;
}

 /* wok - 23.11.15 - css for touch: added ActionButtonStyle to allow to style open-dialog action-button for touch */
.ActionButtonStyle{
   height:3em;
}
/* tk - 27.03.17 - style for input action buttons */
input.ActionButtonStyle {
   background: white;
   border: 1px solid #999;
   border-radius: 4px;
   margin-left: 3px;
   cursor: pointer;
}
input.ActionButtonStyle:hover {
   background: rgba(249,206,87,.5);
}

/*RowStyles*/
/* rowstyle is used in open-dialog for all items*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/
{
   padding: 0;
   border-right: none;
}

.OpenDialogGrid .RowStyle td, .OpenDialogGrid .SelectedRowStyle td, .OpenDialogGrid .EditRowStyle td {
    /* cursor: default;*/
    transition: none;
}

/* TK - 22.3.16 - 03416 - Merge from v6.230 */
/* highlight-edit is used for the cell that will trigger edit-mode when selected*/
.OpenDialogGrid .RowStyle td.highlight-edit, .OpenDialogGrid .AltRowStyle td.highlight-edit {
   /* wok - 24.3.16 - show edit panel with some bluish #CFCFFF color*/
   background: url('../treeicons/icons/edit.png') no-repeat #CFCFFF right 5px center;
}

/* highlight is used for the cell when selected*/
.OpenDialogGrid .RowStyle td.highlight, .OpenDialogGrid .AltRowStyle td.highlight {
   background: #AFAFAF;
}

/* highlight is used for the cell when selected*/
.highlight {
   background: #AFAFAF !important;
   cursor: pointer;
}

.highlight tr>td {
    cursor: pointer 1important;
}

/* td.highlight-view is used for the cell that will trigger view-mode when selected*/
.OpenDialogGrid .RowStyle td.highlight-view, .OpenDialogGrid .AltRowStyle td.highlight-view {
   /* wok - 24.3.16 - removed "view-mode"-icon, nice, but not needed*/
   /* background: url('../treeicons/icons/view.png') no-repeat #AFAFAF right 5px center; */
   background: #AFAFAF right 5px center;
}

/* make room for the edit icon*/
/* wok - 19.7.16 -Tex-Define Web selectstyle.css: added missing .SelectedRowStyle */
.OpenDialogGrid .RowStyle .SelectedRowStyle td:first-child {
   padding-right: 25px;
}


/* TK - 22.3.16 - 03416 - added, click on table-cell changes class from RowStyle to SelectedRowStyle, in RowStyle font-size was changed */
.RowStyle td, .SelectedRowStyle td
{
   /*background-color: transparent;
    wok - 23.11.15 - css for touch: open-dialog list item height for touch*/
   /*height:1.5em;
   font-size:1.5em;*/
}

/* TK - 22.3.16 - 03416 - added, click on table-cell changes class from RowStyle to SelectedRowStyle, in RowStyle font-size was changed */
.SelectedRowStyle td {
   font-size: 1.5em;
}

.AltRowStyle td
{
  /* background-color: #fff;*/
}


/* SelectedRowStyle is set when the user has clicked an item in open-dialog */
.SelectedRowStyle td
{
   /* wok - 24.3.16 - selected item will fade to white for 3s while system is loading the object */
   transition: background 1s ease-in;
   /*background-color: #FFFFFF;*/
}

.divdropzone
{
   width: 120px;
   height: 28px;
   position: absolute;
   left: 5px;
   top: 3px;
   z-index: 1;
}

.logo
{
   width: 130px;
   height: 28px;
   position: absolute;
   left: 125px;
   top: 5px;
   z-index: 2;
}

.divtools
{
   height: 33px;
}

/* check if we still use below styles
TABLE
{
	border: 2px solid #C0C0C0;
    PADDING: 0px;
    border-spacing: 0px;
	border-collapse:collapse;
    width: 100%;    
}

TD
{
	border: 2px solid #C0C0C0;
    PADDING: 0px;
}

TD.Description
{
    FONT-WEIGHT: 800;
    COLOR: gray;
    BACKGROUND-COLOR: #FFFBF0;
}
TD.Value
{
    FONT-WEIGHT: bolder;
    BACKGROUND-COLOR: #FFFBF0;
}

TH
{
    BACKGROUND-COLOR: #FFFFFF;
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Garamond, System;
    FONT-SIZE: 14pt;
    FONT-STYLE: italic;
    FONT-WEIGHT: bolder;
    MARGIN: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    text-align: center;
}


SELECT
{
    BACKGROUND-COLOR: #FFFFFF;
    BORDER-BOTTOM: blue;
    BORDER-LEFT: blue;
    BORDER-RIGHT: blue;
    BORDER-TOP: blue;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 10pt;
    MARGIN: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: center;
    WIDTH: 100%;
}
OPTION
{
    TEXT-ALIGN: center;
}
H1
{
    BACKGROUND-COLOR: #FFFFFF;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 14pt;
    FONT-STYLE: italic;
    FONT-WEIGHT: bolder;
}

A
{
    BACKGROUND-COLOR: #FFFBF0;
    BORDER-BOTTOM: lightgrey;
    BORDER-LEFT: lightgrey;
    BORDER-RIGHT: lightgrey;
    BORDER-TOP: lightgrey;
    COLOR: lightslategray;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bolder;
    LETTER-SPACING: 2pt;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    WIDTH: 70%;
}

A:active
{
    BACKGROUND-COLOR:  #FFFFFF;
}

A:link
{
    TEXT-DECORATION: none;
}


TH.KeyHeader
{
    COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bolder;
}


INPUT
{
    BACKGROUND-COLOR: #FFFFFF;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 10pt;
    WIDTH: 100%;
}

P.Error
{
    BACKGROUND-COLOR: beige;
    BORDER-BOTTOM: red groove;
    BORDER-LEFT: red groove;
    BORDER-RIGHT: red groove;
    BORDER-TOP: red groove;
    COLOR: red;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bolder;
    TEXT-ALIGN: center;
}
A.RestartLink
{
    BACKGROUND-COLOR: #FFFFFF;
    COLOR: gainsboro;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 14pt;
    FONT-WEIGHT: bolder;
    LETTER-SPACING: 2pt;
    TEXT-DECORATION: underline;
}

A.RestartLink HOVER.RestartLink
{
    BACKGROUND-COLOR: lightslategray;
    COLOR: red;
}


.ueberschrift {
	background-image:url(../../Resources/images/bg02.jpg);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;	
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	border: 2px solid #C0C0C0;
    PADDING: 0px;
    border-spacing: 0px;
	border-collapse:collapse;
    width: 95%   		
}

.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
    WIDTH: 100%;
}
*/

#drop-area
{
   width: 110px;
   height: 33px;
   text-align: center;
}

#drop-area .drop-instructions
{
   display: block;
   width: 110px;
   height: 33px;
}

#drop-area .drop-over
{
   position: absolute;
   display: none;
   font-size: 15px;
   width: 110px;
   height: 15px;
   top: 9px;
}

#drop-area.over
{
   background: #fdd03d;
   border: 2px dashed #000;
}

#drop-area.over .drop-instructions
{
   display: none;
}

#drop-area.over .drop-over
{
   display: block;
}

#drop-area.over .drop-over
{
   display: block;
   font-size: 16px;
}

.PageLogo
{
   font-size: 22px;
   font-weight: bold;
}

.DashboardLastlogon
{
   font-size: 12px;
   font-weight: bold;
}

.LockOff
{
   display: none;
   visibility: hidden;
}

.LockOn
{
   display: block;
   visibility: visible;
   position: absolute;
   z-index: 999;
   top: 0px;
   left: 0px;
   width: 105%;
   height: 105%;
   background-color: #ccc;
   text-align: center;
   padding-top: 20%;
   filter: alpha(opacity=75);
   opacity: 0.75;
}
.RadGrid_Metro .rgMasterTable, .RadGrid_Metro .rgDetailTable, .RadGrid_Metro .rgGroupPanel table, .RadGrid_Metro .rgCommandRow table, .RadGrid_Metro .rgEditForm table, .RadGrid_Metro .rgPager table
{
   font-family: Verdana, Arial, Helvetica, sans-serif !important;
   font-size: 12px !important;
   font-weight: normal !important;
}

table.GridViewStyle, table.GridViewStyle td, th{
   border: none;
}

.red
{
   height: 30px;
   margin: 10px;
   background-color: #EF0000;
   border-radius: 6px;
}
.green
{
   height: 30px;
   margin: 10px;
   background-color: #89B814;
   border-radius: 6px;
}
.yellow
{
   height: 30px;
   margin: 10px;
   background-color: #E7FF12;
   border-radius: 6px;
}
.grey
{
   height: 30px;
   margin: 10px;
   background-color: #798085;
   border-radius: 6px;
}
div.RadGrid .rgPager .rgAdvPart
{
   display: none;
}
.rpRootGroup
{
   border-width: 0px !important;
   padding-bottom: 0px !important;
}

.txt-fld
{
   position: relative;
   padding: 14px 20px;
   border-bottom: 1px solid #EEE; /* text-align: right;*/
}
.txt-fld label
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   display: block;
   margin-bottom: 3px;
}
.txt-fld input
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   width: 230px;
   padding: 8px;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   color: #222;
   background: #F7F7F7;
   outline: none;
   border-top: 1px solid #CCC;
   border-left: 1px solid #CCC;
   border-right: 1px solid #E7E6E6;
   border-bottom: 1px solid #E7E6E6;
}
.cb-fld td
{
   position: relative;
   padding-right: 80px;
   border-bottom: 1px solid #EEE; /* text-align: right;*/
}

.taskFilterToday
{
   width: auto;
   height: 20px;
   border-width: 1px;
   border-color: Gray;
   border-style: solid;
}
.taskFilterWeek
{
   width: auto;
   height: 20px;
   border-width: 1px;
   border-color: Gray;
   border-style: solid;
}
.taskFilterProgressCheck
{
   width: auto;
   height: 20px;
   border-width: 1px;
   border-color: Gray;
   border-style: solid;
}
.gridStyle {
   overflow: hidden;
}

.gridStyle .rgDataDiv
{
   width: auto !important;
   position: relative !important;
}
.RadWindow_Silk a.rwIcon
{
   background-image: none !important;
   overflow: hidden;
}
.SpImage
{
   float: left;
   border: 1px solid grey;
   margin: 3px;
   padding: 2px;
   border-radius: 4px;
}

.RadSplitter_Default
{
   font-family: Verdana, Arial, Helvetica, sans-serif !important;
   font-size: 12px !important;
   font-weight: normal !important;
}
.reContentCell iframe
{
   height: 100% !important;
}
.reContentCell body
{
}
.reLayoutWrapper
{
   height: 100% !important;
}
.displaySettingsListBox
{
   width: 100% !important;
}
.zero
{
   height: auto !important;
}
.zero input
{
   width: 230px;
   padding: 4px;
   border-radius: 4px;
   color: #222;
   background: #F7F7F7;
   outline: none;
   border-top: 1px solid #CCC;
   border-left: 1px solid #CCC;
   border-right: 1px solid #E7E6E6;
   border-bottom: 1px solid #E7E6E6;
}
.zero label
{
   font-size: 12px;
   margin-right: 30px;
}
.zero input
{
   font-size: 12px;
}
.ui-front 
{
    z-index:1000 !important;
}

#cRunQueryText {
   text-decoration: underline !important;
   cursor:pointer;
}

#cShowAllText {
   text-decoration: underline !important;
   cursor:pointer;
}

span.obj-action-edit {
   background: url('../images/2017/appbar/4lightbg/appbar.edit.png') no-repeat center center;
   background-size: 24px 24px;
}

span.obj-action-view {
   background: url('../images/2017/appbar/4lightbg/appbar.page.text.png') no-repeat center center;
   background-size: 24px 24px;
}