/*Block=10,BlockOrderID=10*/
.ImageUploadDialog .uploadBTN{
    justify-content: center;
    width: 25%;
    border: 1px gray solid;
    padding-top: 3px;
    height: 17px;
    margin-top: 2px;
    min-width:40px;
}

.ImageUploadDialog .InputTBK{
    width: 70%;
    margin: 2px;
    min-width:100px;
}

.ImageUploadDialog .LogoBRD{
    justify-content:center;
}

.ImageUploadDialog .iudPosStack {
    margin: 4px;
}

.ImageUploadDialog .iudPosStack > .textBlock {
    margin-right: 4px;
    align-self: center;
}

.ImageUploadDialog .iudPosStack > .combobox {
    width: 100px;
}

.ImageUploadDialog .iudInfoStack {
    margin: 11px 4px 4px 4px;
}

.ImageUploadDialog .iudInfoStack > .textBlock {
    margin-left: 4px;
    align-self: center;
}

.SettingsListAdministrationDialog .leftSTKPNL {
    min-width: 200px;
    margin-right: 10px;
}

    .SettingsListAdministrationDialog .leftSTKPNL .ContentSTKPNL {
        border: 1px solid gray;
    }

    .SettingsListAdministrationDialog .leftSTKPNL .ButtonBarSTKPNL {
        margin-top: 5px;
        align-self: flex-end;
    }

.SettingsListAdministrationDialog .leftSTKPNL .ButtonBarSTKPNL .button{
    border:none;
}

    .SettingsListAdministrationDialog .leftSTKPNL .ButtonBarSTKPNL .button.disabled {
        background: white;
    }

    .SettingsListAdministrationDialog .leftSTKPNL .ButtonBarSTKPNL .button.disabled > .ResourceIconImage {
        opacity: 0.5;
    }

.SettingsListAdministrationDialog .SettingsSTKPNL{
    border:1px solid gray;
    padding:5px;
    width:55%;
}

.SettingsListAdministrationDialog .SettingsSTKPNL .TaskSettingsHeaderStyle{
    align-self:baseline;
    font-size:16px;
    font-family:sans-serif;
    margin-left:13px;
}

.SettingsListAdministrationDialog .SettingsSTKPNL .TaskSettingsDescriptionStyle{
    font-size:14px;
    font-family:sans-serif;
    width:150px;
    margin-top:10px;
    text-align:left;
}

.SettingsListAdministrationDialog .SettingsSTKPNL .TaskSettingsHeaderCheckBoxStyle{
    margin-top:10px;
}

.SettingsListAdministrationDialog .SettingsSTKPNL .TaskSettingsMoreStyle{
    align-self:baseline;
    font-size:15px;
    font-family:sans-serif;
    margin-left:10px;
    margin-top:10px;
}

.SettingsListAdministrationDialog .SettingsSTKPNL .TaskSettingsComboBoxStyle{
    height:30px;
}

.SettingsListAdministrationDialog .SettingsSTKPNL .TaskSettingsComboBoxStyle .order0{
    margin-top:5px;
}

.SettingsListAdministrationDialog .SettingsSTKPNL .TaskSettingsComboBoxStyle .order2{
    margin-top:5px;
}

.SettingsListAdministrationDialog .droppableListItem  > .textIconButton {
    margin: 5px;
    justify-content: flex-start;
}
/*Block=10,BlockOrderID=11*/

.CBXSelectedClientItem{
    min-width:170px;
}

.AxisSettingsDropDown {
    margin: 2px;
}

.AxisSettingsDropDown .axisCaptionTB {
    width: 160px;
}

.AxisSettingsPanel > *{
    flex: 1 0 auto;
    margin-right:20px;
}

.AxisSettingsPanel .ribbonDropDownButton{
    width: 109px;
    border: 1px black solid;
    height: 18px;
}

.AxisSettingsPanel .TranslationTextBox{
    margin-bottom:2px;
}

.AxisSettingsPanel .GetTextAndFwElement .combobox{
    flex: 1 1 auto;
    height:18px;
}

.AxisSettingsPanel .numfield{
    width:70px;
    margin-left:15px;
}

.AxisSettingsPanel .GetTextAndFwElement .textBlock {
    width: 165px;
    text-align: left;
}

.AxisFormattingPanel .GetTextAndFwElement .textBlock {
    width: 95px;
    text-align: left;
}

.CommonSettingsPanel .textBlock{
    width:150px;
    margin-bottom: 7px;
}

.CommonSettingsPanel .ribbonDropDownButton{
    width: 100px;
    border: 1px black solid;
    height: 18px;
}

.CommonSettingsPanel .cbEnum{
    width:100px;
    height:18px;
}

.CommonSettingsPanel .numfield {
    width:102px;
    height:20px;
}


.LabelSettingsPanel  .textBlock{
    width:95px;
    margin-bottom:7px;
}

.LabelSettingsPanel .combobox {
    width:100px;
    height:18px;
}

.LabelSettingsPanel .ribbonDropDownButton {
    width: 100px;
    border: 1px black solid;
    height: 18px;
}

.LabelSettingsPanel .DDCLayer{
     min-width: 175px;
}

.LabelSettingsPanel .DDCLayer .textBlock{
    width:auto !important;
}

.LabelSettingsPanel .DDCLayer .chbwrap{
    margin: 2px;
}

.BarSettingsPanel  .textBlock{
    width:180px;
    margin-bottom:7px;
}

.BarSettingsPanel .UpDownSlider .numfield, .LineSettingsPanel .UpDownSlider .numfield {
    width: 60px;
    height: 20px;
    margin-left: 5px;
    flex-shrink: 0;
}

.BarSettingsPanel .UpDownSlider, .LineSettingsPanel .UpDownSlider {
    width: 200px;
    flex-wrap: nowrap;
}

.ChartAreaBackgroundPanel .GetTextAndFwElement, .ChartGridLinesPanel .GetTextAndFwElement, .AxisFormattingPanel .GetTextAndFwElement, .AxisAreaPanel .GetTextAndFwElement {
    margin: 2px;
}

.ChartAreaBackgroundPanel .textBlock{
    width: 120px;
    text-align: left;
}


.ChartAreaBackgroundPanel .ribbonDropDownButton{
    width: 100px;
    border: 1px black solid;
    height: 18px;
}

.ChartGridLinesPanel .textBlock {
    width: 160px;
    text-align: left;
}

.ChartGridLinesPanel .combobox{
    width:100px;
    height:18px;
}

.ChartGridLinesPanel .ribbonDropDownButton{
    width: 100px;
    border: 1px black solid;
    height: 18px;
}

.LegendPanel > .GetTextAndFwElement {
    margin-top: 4px;
}

    .LegendPanel > .GetTextAndFwElement > .textBlock {
        width: 120px;
        text-align: left;
    }

.LegendPanel .TranslationTextBox {
    margin-bottom: 2px;
}

.LegendPanel .TranslationTextBox .textbox{
    width: 90px;
}

.LegendPanel .combobox {
    width: 109px;
    height: 18px;
}

.LegendPanel .numfield {
    width: 111px;
    height: 20px;
}

.LegendPanel .ribbonDropDownButton{
    width: 109px;
    border: 1px black solid;
    height: 18px;
}

.LineSettingsPanel .GetTextAndFwElement .textBlock, 
.PointSettingsPanel .GetTextAndFwElement .textBlock{
    text-align: left;
    width: 80px;
}

.PlusMinusSettingsPanel .GetTextAndFwElement .textBlock {
    text-align: left;
    width: 196px;
}

.PlusMinusSettingsPanel .GetTextAndFwElement .numfield, 
.BoxSettingsPanel .GetTextAndFwElement .numfield {
    width: 60px;
}

.BoxSettingsPanel .GetTextAndFwElement .textBlock {
    text-align: left;
    width: 120px;
}

.LineSettingsPanel .GetTextAndFwElement .combobox {
    width: 198px;
}

.LineSettingsPanel .GetTextAndFwElement > .numfield {
    width: 200px;
}

.PointSettingsPanel .GetTextAndFwElement .combobox {
    width: 98px;
}

.PointSettingsPanel .GetTextAndFwElement > .numfield {
    width: 100px;
}

.AxisSettingsPanel .GetTextAndFwElement{
    margin:2px;
}

.BaseChartTaskDropDownTypeDDB.DDCLayer {
    width: auto !important;
    overflow: auto !important;
    right: auto !important;
}

    .BaseChartTaskDropDownTypeDDB.DDCLayer .border {
        height: 22px;
        width: 100%;
        margin-top: 10px;
        line-height: 18px;
        padding-left: 3px;
    }
    

.BaseChartTaskDropDownTypeDDB.DDCLayer .panel .ResourceIconImage{
    align-self:center;
}

    .BaseChartTaskDropDownTypeDDB.DDCLayer .ChartTypeDropDownPanel {
        margin: 0px 10px;
    }

.BaseChartTaskDropDownTypeDDB.DDCLayer .ChartTypeDropDownPanel .border .textBlock{
    justify-content:center;
    width:auto !important;
    margin-left:0px !important;
}

.AxisAreaPanel .GetTextAndFwElement .textBlock{
    width:35px;
    text-align:left;
}

.AxisAreaPanel .GetTextAndFwElement .panel .chbwrap{
    align-self:center;
    margin-left:5px;
}

.AxisAreaPanel:not(.extendedAreaSetting) > .extendedAreaStack {
    display: none;
}

.AxisAreaPanel.extendedAreaSetting .GetTextAndFwElement .textBlock {
    width: 160px;
}

.WaterfallPanel{
    margin: -10px 20px 0px 20px
}

  .WaterfallPanel .GetTextAndFwElement .UpDownSlider{
      flex-wrap:nowrap;
  }

  .WaterfallPanel .GetTextAndFwElement .textBlock{
     text-align: left;
     width: 125px;
  }

  .WaterfallPanel .GetTextAndFwElement .slider{
      margin-right:10px;
  }

  .WaterfallPanel .GetTextAndFwElement .tbWrap {
      width:50px;
  }

.WaterfallTotalPanel{
    margin: -10px 20px 0px 20px;
}

  .WaterfallTotalPanel .GetTextAndFwElement .textBlock{
     text-align: left;
     width: 80px;
  }

  .WaterfallTotalPanel .GetTextAndFwElement .TranslationTextBox{
      max-width:200px;
  }

.WaterfallLinePanel{
    margin: -10px 20px 0px 20px;
}

 .WaterfallLinePanel .GetTextAndFwElement .textBlock{
    width: 90px;
    text-align: left;
 }

 .WaterfallLinePanel .GetTextAndFwElement .UpDownSlider{
     flex-wrap:nowrap;
 }

 .WaterfallLinePanel .GetTextAndFwElement .slider{
      margin-right:10px;
  }

  .WaterfallLinePanel .GetTextAndFwElement .tbWrap {
      width:50px;
  }

  .WaterfallLinePanel .GetTextAndFwElement .cbEnum{
      width:160px;
  }

  .WaterfallLinePanel .GetTextAndFwElement .ribbonDropDownButton{
      border:1px solid gray;
      width:90px;
      height:20px;
  }

.WaterfallSubTotalPanel{

}

  .WaterfallSubTotalPanel .BaseTreeView{
      height:150px;
  }

  .WaterfallSubTotalPanel .button {
      align-self: flex-start;
      padding: 0px;
      margin: 0px 4px;
      width: 23px;
      height: 23px;
  }

  .WaterfallSubTotalPanel .button .ResourceIconImage {
      margin: auto;
  }

.PiePanel{
    margin: -10px 20px 0px 20px;
}

  .PiePanel .GetTextAndFwElement .textBlock{
      width:140px;
      text-align:left;
  }

  .PiePanel .GetTextAndFwElement .tbWrap{
      width:80px;
  }

  .PiePanel .GetTextAndFwElement .ribbonDropDownButton{
      border:1px solid gray;
      width:79px;
      height:20px;
  }
  
  .BubbleSettingsPanel .GetTextAndFwElement {
      margin: 2px;
  }

  .BubbleSettingsPanel .GetTextAndFwElement .textBlock{
      text-align:left;
      width:125px;
  }

  .BubbleSettingsPanel .GetTextAndFwElement .tbWrap{
      width:80px;
  }

  .BubbleSettingsPanel .GetTextAndFwElement .TranslationTextBox .tbWrap .textbox{
      width:80px;
  }

.chartTypeDropDownPanelHeader {
    background: rgb(240, 242, 245);
    font-weight: bold;
    padding: 2px;
}

.ChartTypeSelectionItem {
    width: 100px;
}

    .ChartTypeSelectionItem > .ResourceIconImage {
        align-self: center;
        margin: 5px;
    }

    .ChartTypeSelectionItem > .textBlock {
        align-self: center;
        margin: 3px;
    }

.browserIE .ChartTypeSelectionItem > .textBlock {
    width: 94px; /*100px - margin*/
}

.ChartTypeSelectionItem.selected {
    background-color: rgb(254, 230, 161);
}

.ChartTypeSelectionItem:hover {
    background-color: rgb(254, 244, 216);
}
/*Block=10,BlockOrderID=318*/
.LicenseBackstagePanel{

}

  .LicenseBackstagePanel .butLink{
      width:140px;
  }

  .LicenseBackstagePanel .border,
  .LicenseBackstagePanel .rightPnl .stackPanel >*{
      width:100px;
      margin-right:5px !important;
  }

    .LicenseBackstagePanel .GetTextAndFwElement .textBlock{
        margin:0 10px 5px 0;
        width:100px;
    }


    .LicenseBackstagePanel .GetTextAndFwElement .tbWrap,
    .LicenseBackstagePanel .usedPnl .tbWrap,
    .LicenseBackstagePanel .availablePnl .tbWrap{
        margin:0 0 5px 0;
    }

    .LicenseBackstagePanel .scorePnl >*{
        margin:0 20px 10px 0;
        width:100px;
        text-align:left;
    }

    .LicenseBackstagePanel .scorePnl .userScoreTBK,
    .LicenseBackstagePanel .usedPnl .tbWrap,
    .LicenseBackstagePanel .availablePnl .tbWrap{
        width:80px;
    }

    .LicenseBackstagePanel .totalPnl .textBlock{
        margin:0 5px 8px 0;
    }

    .LicenseBackstagePanel .totalPnl .tbWrap{
        margin:0 0 8px 0;
        width:80px;
    }

    .LicenseBackstagePanel .usedPnl .textBlock,
    .LicenseBackstagePanel .availablePnl .textBlock{
        margin:0 5px 5px 0;
    }

    .LicenseBackstagePanel .rightPnl .stackPanel .textBlock{
        align-self:center;
    }

      .LicenseBackstagePanel .secondPnl .rightPnl > .stackPanel{
          height:30px;
      }

            .LicenseBackstagePanel .BaseTreeView .TreeViewList .order0 .ColumnHeaderSurface .tvc .hw100{
                text-align:center;

            }

        .browserIE .LicenseBackstagePanel .totalPnl .tbWrap .textbox ,
        .browserIE .LicenseBackstagePanel .usedPnl .tbWrap .textbox,
        .browserIE .LicenseBackstagePanel .availablePnl .tbWrap .textbox{
            width:80px;
        }

.LicensePanel {
    margin: 5px;
}

.LicensePanel > .textBlock {
    font-weight: bold;
    text-align: left;
    height: 15px;
}

    .LicensePanel > .lpButtonStack > .button {
        width: 100px;
        margin-right: 4px;
    }
/*Block=10,BlockOrderID=534*/
@charset "utf-8";

@font-face {
    font-family: 'Segoe UI';
    src: url('Fonts/segoeui.eot');
    src: url('Fonts/segoeui.eot?#iefix') format('embedded-opentype'), 
        url('Fonts/segoeui.ttf') format('truetype'), 
        url('Fonts/segoeui.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI Light';
    src: url('Fonts/segoeuil.eot');
    src: url('Fonts/segoeui.eot?#iefix') format('embedded-opentype'), 
        url('Fonts/segoeuil.ttf') format('truetype'), 
        url('Fonts/segoeui.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('Fonts/segoeuib.eot');
    src: url('Fonts/segoeuib.eot?#iefix') format('embedded-opentype'), 
        url('Fonts/segoeuib.ttf') format('truetype'), 
        url('Fonts/segoeuib.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('Fonts/segoeuiz.eot');
    src: url('Fonts/segoeuiz.eot?#iefix') format('embedded-opentype'), 
        url('Fonts/segoeuiz.ttf') format('truetype'), 
        url('Fonts/segoeuiz.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('Fonts/segoeuii.eot');
    src: url('Fonts/segoeuii.eot?#iefix') format('embedded-opentype'), 
        url('Fonts/segoeuii.ttf') format('truetype'), 
        url('Fonts/segoeuii.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
/*Block=10,BlockOrderID=600*/

.checkOutMessagePanel {
	align-self: stretch;
	flex: 1 1 auto;
	flex-wrap: nowrap;
}

.checkOutMessagePanel .textBlockLabel{
	font-size: 14px;
	margin: 2px;
	width: 120px;
	text-align: left;
}

.checkOutMessagePanel .textBlockContent{
	font-size: 14px;
	margin: 2px;
}

.checkOutMessagePanel .stackPanelMessage{
	flex: 1 1 auto;
}

.checkOutMessagePanel .textBoxMessage{
	flex-direction: column;
	flex: 1 1 auto;
}

.checkOutMessagePanel .textBoxMessage textarea{
	font-size: 14px;
	margin: 2px;
	border: 0px;
	overflow-x: hidden;
	box-sizing: border-box;
	resize: none;
	flex: 1 1 auto;
	background-color: white;
	overflow-y: auto;
}

.checkOutMessagePanel .textBoxMessage.tbWrap.disabled input, .checkOutMessagePanel .textBoxMessage.tbWrap.disabled{
	background: transparent;
	border: 0px;
}

.checkOutMessagePanel .stackPanelSpezific{
	margin: 2px;
	flex: 1 1;
}

.checkOutMessagePanel .coMessagePanellinkTextBlock{
	margin-right: 5px;
	font-size: 14px;
}
/*Block=10,BlockOrderID=900*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: GamePitchFont;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*Block=10,BlockOrderID=1000*/
@charset "utf-8";

html, body {
    height: 100%;
    overflow: hidden;
    font-size: 11px;
}

body.applemobile{
  position: fixed;
}

body.touchWithoutMobile{
	touch-action: none;
	-ms-touch-action: none;
}

a{
    text-decoration:none;
    color:inherit;
    cursor:pointer;
}

body 
{
    text-align:center;
    overflow:hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;   
     width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
	-ms-content-zooming: none; /* Im Edge verhindern, dass kompletter Body gezoomed wird */
}

*[contenteditable] {
    -webkit-user-select: text;
    user-select: text;
}

.mainWindow {
    background:white;
}

@media all and (min-width: 400px) {
    body.login {
        background-position: top left, bottom left, top right, bottom left, left top, left top;
        background-repeat: no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x;
    }
}

div, label,p{
       border-color:inherit;
}

embed[hidden=true] 
{
    display:none;
}

.wrapper	{	
	/*background:#DEEBF7;*/
	margin: 0 auto;	
	padding:0px 0px 0px 0px;
}

button, input[type=text], input[type=password], .combobox, .listbox, textarea, .scrollViewer{
    border-color:inherit;
    border-radius:0px;
    font-size:1rem;
    -webkit-appearance: none;
    color: inherit;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
}
input[type=text], input[type=password]{
    border:0px;
}

button, .combobox, .listbox, textarea, .scrollViewer, .tbWrap{
     border: 1px solid;  
     border-color:gray;
}

/*.browserSafari button, .browserSafari .combobox, .browserSafari .listbox, .browserSafari textarea, .browserSafari .scrollViewer, .browserSafari .tbWrap{
      border:0.084rem solid;  
      border-color:inherit;
}*/

input:-ms-input-placeholder { 
	  font-size:1rem;
      font-weight:normal;
      color:#999999;  
}
input::-webkit-input-placeholder {
	 font-size:1rem;
      font-weight:normal;
      color:#999999;
}
input::-moz-placeholder {
	 font-size:1rem;
      font-weight:normal;
      color:#999999;
}
input:-moz-placeholder {   /* Older versions of Firefox */
	 font-size:1rem;
      font-weight:normal;
      color:#999999;
}


input[type=text], input[type=password], .combobox, .listbox, textarea{
    padding: 2px 3px;
    margin:0px;
    font-size:1rem;
}

input[type=text]:not(.cbText):focus, input[type=password]:focus, textarea:focus , div:focus, div:active, ul:focus, ul:active, button:focus, input[type=range]:focus{
    outline: none;
}

input::-ms-clear, input[type=range]::-ms-tooltip {
    display: none;
}

input::-webkit-input-placeholder {font-style:normal;}
input::-moz-placeholder {font-style:normal;}
input:-moz-placeholder { font-style:normal;}
input:-ms-input-placeholder { font-style:normal;}


.validateText {
    color:red;
    background:transparent url(Images/error.png) left center no-repeat;
    padding-left:18px;
    display:inline-block;
}

.flex{
     display: -webkit-box;
    display: -moz-box;
    display: -ms-flexBox;
    display: -webkit-flex;
    display: flex;
}

.flexBox{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexBox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;

    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;

    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;

}

.nowrap{
     -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.stretch{
     -webkit-align-self: stretch;
     -ms-flex-item-align: stretch;
     align-self: stretch;
}


.flexBox.horizontal, .flexBox.hor {
     -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flexBox.vertical, .flexBox.ver {
     -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .flexBox.vCenter {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;

    }
    .flexBox.top {
         -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;

    }
    .flexBox.bottom {
         -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;

    }

    .flexBox > * {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;

        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }

    .flexauto, .flexBox > .row>* {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .flex0auto{
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

     .flex10auto{
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }

    .flex1auto{
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .flex1_100px{
          -webkit-flex: 1 1 100px;
        -ms-flex: 1 1 100px;
        flex: 1 1 100px;
    }

    .flex1_100percent{
          -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }


    .flexBox.hCenter > *, .flexBox>.center, .flexcenter { 
       -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;

    }
    .flexBox.left > *, .flexBox>.left  { 
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;

    }
    .flexBox.right > *, .flexBox>.right  { 
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;

    }
    .flexBox.stretch > *, .flexBox>.stretch  { 
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }

.order0{-webkit-order: 0;-ms-flex-order: 0;order: 0;}
.order1{-webkit-order: 1;-ms-flex-order: 1;order: 1;}
.order2{-webkit-order: 2;-ms-flex-order: 2;order: 2;}
.order3{-webkit-order: 3;-ms-flex-order: 3;order: 3;}
.order4{-webkit-order: 4;-ms-flex-order: 4;order: 4;}
.order5{-webkit-order: 5;-ms-flex-order: 5;order: 5;}
.order6{-webkit-order: 6;-ms-flex-order: 6;order: 6;}
.order7{-webkit-order: 7;-ms-flex-order: 7;order: 7;}
.order8{-webkit-order: 8;-ms-flex-order: 8;order: 8;}
.order9{-webkit-order: 9;-ms-flex-order: 9;order: 9;}
.order10{-webkit-order: 10;-ms-flex-order: 10;order: 10;}
.order11{-webkit-order: 11;-ms-flex-order: 11;order: 11;}
.order12{-webkit-order: 12;-ms-flex-order: 12;order: 12;}
.order13{-webkit-order: 13;-ms-flex-order: 13;order: 13;}
.order14{-webkit-order: 14;-ms-flex-order: 14;order: 14;}
.order15{-webkit-order: 15;-ms-flex-order: 15;order: 15;}
.order16{-webkit-order: 16;-ms-flex-order: 16;order: 16;}
.order17{-webkit-order: 17;-ms-flex-order: 17;order: 17;}
.order18{-webkit-order: 18;-ms-flex-order: 18;order: 18;}
.order19{-webkit-order: 19;-ms-flex-order: 19;order: 19;}
.order20{-webkit-order: 20;-ms-flex-order: 20;order: 20;}

.underline {text-decoration:underline;}
.bold {font-weight:bold;}
.normal {font-weight:normal;}

.fontsize11 {font-size: 11px;}
.fontsize15 {font-size: 15px;}

.padding1{padding:1px;}
.padding2{padding:2px;}
.padding3{padding:3px;}
.padding4{padding:4px;}
.padding5{padding:5px;}
.padding6{padding:6px;}
.padding7{padding:7px;}
.paddingL1{padding-left:1px;}
.paddingL2{padding-left:2px;}
.paddingL3{padding-left:3px;}
.paddingL4{padding-left:4px;}
.paddingR1{padding-right:1px;}
.paddingR2{padding-right:2px;}
.paddingR3{padding-right:3px;}
.paddingR4{padding-right:4px;}
.paddingB1{padding-bottom:1px;}
.paddingB2{padding-bottom:2px;}
.paddingB3{padding-bottom:3px;}
.paddingB4{padding-bottom:4px;}
.paddingT1{padding-top:1px;}
.paddingT2{padding-top:2px;}
.paddingT3{padding-top:3px;}
.paddingT4{padding-top:4px;}
.paddingT15{padding-top:15px;}

.margin1{margin:1px;}
.margin2{margin:2px;}
.margin3{margin:3px;}
.margin4{margin:4px;}
.margin5{margin:5px;}
.margin6{margin:6px;}
.margin7{margin:7px;}
.margin10{margin:10px;}
.margin11{margin:11px;}

.marginL1{margin-left:1px;}
.marginL2{margin-left:2px;}
.marginL3{margin-left:3px;}
.marginL4{margin-left:4px;}
.marginL7{margin-left:7px;}
.marginL10{margin-left:10px;}
.marginL11{margin-left:11px;}
.marginR1{margin-right:1px;}
.marginR2{margin-right:2px;}
.marginR3{margin-right:3px;}
.marginR4{margin-right:4px;}
.marginR5{margin-right:5px;}
.marginR7{margin-right:7px;}
.marginR10{margin-right:10px;}
.marginR11{margin-right:11px;}
.marginR22{margin-right:22px;}
.marginB1{margin-bottom:1px;}
.marginB2{margin-bottom:2px;}
.marginB3{margin-bottom:3px;}
.marginB4{margin-bottom:4px;}
.marginB5{margin-bottom:5px;}
.marginB6{margin-bottom:6px;}
.marginB7{margin-bottom:7px;}
.marginB10{margin-bottom:10px;}
.marginB11{margin-bottom:11px;}
.marginT1{margin-top:1px;}
.marginT2{margin-top:2px;}
.marginT3{margin-top:3px;}
.marginT4{margin-top:4px;}
.marginT7{margin-top:7px;}
.marginT10{margin-top:10px;}
.marginT11{margin-top:11px;}
.marginT15{margin-top:15px;}

.margin54 {margin:5px 4px;}
.margin50 {margin:5px 0px;}
.margin011 {margin:0px 11px;}
.margin42 {margin:4px 4px 4px 0px!important;}
.marginAuto{margin:auto;}

.noBorder {border:0px!important;}

.addSP:after {content: ":";}

.floatRight {float:right;}
.floatLeft {float:left;}
.flip{
    transform: scaleX(-1); /* Or also:   rotateY(180deg) */
    -ms-filter: fliph;
    filter: fliph;
    display:inline-block;
}

.zIndex1 {z-index:1;}
.zIndex11 {z-index:11;}
.zIndex101 {z-index:101;}
.zIndex201 {z-index:201;}
.zIndex301 {z-index:301;}
.zIndex1001 {z-index:1001;}

.he100 {height:100%;}
.wi100 {width:100%;}
.hw100 {height:100%;width:100%;}
.width100 { width: 100px;}
.width150 { width: 150px;}

.NoTextWrap {white-space: nowrap;}
.textWrap {white-space: normal;}

.Green{background-color:green!important;}
.Red{background-color:red!important;}
.Transparent{background-color:transparent;}

.b-box, border-box{
       -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.autoScroll {overflow:auto;}
.noScroll {overflow:hidden;}

.relative{position:relative;}

.textalignC{
     text-align:center;
}
.textalingL{
    text-align: left;
}

.waiting{cursor:wait;}

.mobile .autoScroll::-webkit-scrollbar{
    -webkit-appearance: none;
    width: 3px;
    height: 3px;
}

.mobile .autoScroll::-webkit-scrollbar-thumb {

    border-radius: 4px;
    background-color: rgba(70,70,70,.5); 
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}


.getTextWidth {
    position: absolute;
    top: -10000px;
    left: -10000px;
    white-space: pre;
    padding: 0px;
    visibility: hidden;
    line-height: 1.5;
}

.resizer.n{ width: 100%; height: 10px; position:absolute; left: 0px; top: 0px; cursor: ns-resize; }

.resizer.n:before{
	content: ""; width: 10px; height: 10px; position:absolute; left: 50%; top: 0px; transform: translateX(-5px);
    background-image: url(images/ui-icons_222222_256x240.png); background-position: -51px -228px;
}

.resizer.ne{ 
	width: 10px; height: 10px; position:absolute; right: 0px; top: 0px; cursor: ne-resize; 
    background-image: url(images/ui-icons_222222_256x240.png); background-position: -66px -226px;
	transform: rotate(-90deg); z-index: 1;
}

.resizer.e{ width: 10px; height: 100%; position:absolute; right: 0px; bottom: 0px; cursor: ew-resize; }

.resizer.e:before{
	content: ""; width: 10px; height: 10px; position:absolute; right: 0px; top: 50%; transform: translateY(-5px);
    background-image: url(images/ui-icons_222222_256x240.png); background-position: -35px -227px;
}

.resizer.se{ 
	width: 10px; height: 10px; position:absolute; right: 0px; bottom: 0px; cursor: se-resize; 
    background-image: url(images/ui-icons_222222_256x240.png); background-position: -66px -226px; z-index: 1;
}

.resizer.s{ width: 100%; height: 10px; position:absolute; left: 0px; bottom: 0px; cursor: ns-resize; }

.resizer.s:before{
	content: ""; width: 10px; height: 10px; position:absolute; left: 50%; bottom: 0px; transform: translateX(-5px);
    background-image: url(images/ui-icons_222222_256x240.png); background-position: -51px -227px;
}

.resizer.sw{ 
	width: 10px; height: 10px; position:absolute; left: 0px; bottom: 0px; cursor: sw-resize; 
    background-image: url(images/ui-icons_222222_256x240.png); background-position: -66px -226px;
	transform: rotate(90deg); z-index: 1;
}

.resizer.w{ width: 10px; height: 100%; position:absolute; left: 0px; top: 0px; cursor: ew-resize; }

.resizer.w:before{
	content: ""; width: 10px; height: 10px; position:absolute; left: 0px; top: 50%; transform: translateY(-5px);
    background-image: url(images/ui-icons_222222_256x240.png); background-position: -36px -227px;
}

.resizer.nw{ 
	width: 10px; height: 10px; position:absolute; left: 0px; top: 0px; cursor: nw-resize; 
    background-image: url(images/ui-icons_222222_256x240.png); background-position: -66px -226px;
	transform: rotate(180deg); z-index: 1;
}

.copyToClipboard{
    height:0px;
    width:0px;
    background:transparent;
    color:transparent;
    position:absolute;
    right:0px;
    bottom:0px;
    display:none;
    font-size:1px;
    /*border:0px;
    box-sizing:border-box;
    margin:0px;
    padding:0px;*/
}
.animated{
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    /*animation-duration: .5s;*/
    animation-name: hingeright;
    /*position: absolute;*/
    animation-delay: 2s;
    z-index:1000;
}
.hingeright {
     animation-name: hingeright;
}
.hinge {
     animation-name: hinge;
}
.bounceOutDown {
     animation-name: bounceOutDown;
}

.delay2 {animation-delay: 2s;}
.delay3 {animation-delay: 2s;}
.delay5 {animation-delay: 5s;}
.delay4 {animation-delay: 4s;}
.delay05 {animation-delay: .5s;}
.delay02 {animation-delay: .2s;}
.delay07 {animation-delay: .7s;}
.delay1 {animation-delay: 1s;}

@-webkit-keyframes dangle{0%{-webkit-transform:rotate(0deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}10%{-webkit-transform:rotate(10deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%{-webkit-transform:rotate(0deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}30%{-webkit-transform:rotate(10deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(0deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}50%{-webkit-transform:rotate(10deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}60%{-webkit-transform:rotate(0deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}70%{-webkit-transform:rotate(10deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(0deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}90%{-webkit-transform:rotate(10deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:rotate(0deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}}
@-webkit-keyframes hingeright{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top right;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(-80deg);-webkit-transform-origin:top right;-webkit-animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(-60deg);-webkit-transform-origin:top right;-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(-60deg) translateY(0);opacity:1;-webkit-transform-origin:top right;-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);opacity:0}}
@-webkit-keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}100%{transform:translateY(700px);opacity:0}}
@-webkit-keyframes crookedright{0%{transform:rotate(0);transform-origin:top right;animation-timing-function:ease-in-out}20%,60%{transform:rotate(-80deg);transform-origin:top right;animation-timing-function:ease-in-out}40%{transform:rotate(-60deg);transform-origin:top right;animation-timing-function:ease-in-out}100%{transform:rotate(-60deg) translateY(0);opacity:1;transform-origin:top right;animation-timing-function:ease-in-out}}
@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}
@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}

.imageFill{
	background-repeat: no-repeat;
	background-size: 100% 100%;	
}

.imageUniform{
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.imageUniformToFill{
	background-repeat: no-repeat;
	background-size: cover;
}
/*Block=10,BlockOrderID=1001*/

/*///////////////////////////////////////////////////*/
/*//////////     PrintTemplateSettings     //////////*/
/*///////////////////////////////////////////////////*/


.PrintTemplateSettings{

}

  .PrintTemplateSettings .CmdSetStandard{

  }

.PrintingBackstagePanel{
    flex-wrap: nowrap;
}

  .PrintingBackstagePanel .leftPnl {
      width:170px;
      border-right:3px solid lightgray;
      margin-right:20px;
      flex-shrink: 0;
  }

    .PrintingBackstagePanel .leftPnl > *{
        width:130px;
        align-self:center;
    }

    .PrintingBackstagePanel .leftPnl .PrintBTN{
        width:75px;
        height:75px;
        margin-top:15px;
    }

      .PrintingBackstagePanel .leftPnl .PrintBTN .ResourceIconImage{
          align-self:center;
      }

    .PrintingBackstagePanel .leftPnl .DefaultGroupHeader{
        width:150px;
    }

    .PrintingBackstagePanel .leftPnl .model{
        margin-top:30px;
    }

    .PrintingBackstagePanel .leftPnl .button.disabled {
        opacity: 0.5;
    }

    .PrintingBackstagePanel .rightPnl {
        margin: 5px 10px;
    }

        .PrintingBackstagePanel .rightPnl .noPrintInfo {
            align-self: center;
            font-size: 14px;
        }

.PreviewPanel{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

    .PreviewPanel .buttonsPnl {
        flex-shrink: 0;
        margin-top: 4px;
    }

    .PreviewPanel .buttonsPnl .button {
        width: 23px;
        height: 23px;
        align-self: center;
        padding: 0px;
    }

      .PreviewPanel .buttonsPnl .PageInfoPnl .textBlock{
          align-self:center;
          margin:0 5px;
          font-size:13px;
      }

      .PreviewPanel .buttonsPnl .PageInfoPnl .button > .canvas {
          margin: 4px 5px;
      }


    .PreviewPanel .viewPnl {
        overflow: auto;
    }

    .PreviewPanel .viewPnl:not(.isView) {
        display: block;
    }

    .PreviewPanel .viewPnl > .printImage {
        margin: auto;
    }

        .PreviewPanel .viewPnl.isView > .printImage {
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center center;
            width: inherit!important;
            height: inherit!important;
            margin: inherit!important;
        }

.PrintTemplateNewDialog{
    margin:0 50px;
}

  .PrintTemplateNewDialog .textBlock{
      width:130px;
      font-size:13px;
      text-align:right;
      margin-right:10px;
  }

.PrintSettingsDialog,
.PrintSettingsDialog > .tabControl,
.browserFirefox .PrintSettingsDialog > .tabControl > .panel,
.browserIE .PrintSettingsDialog > .tabControl > .panel,
.browserEdge .PrintSettingsDialog > .tabControl > .panel {
    overflow: hidden;
}

.browserFirefox .PrintSettingsDialog, .browserFirefox .PrintSettingsDialog > .tabControl, 
.browserIE .PrintSettingsDialog, .browserIE .PrintSettingsDialog > .tabControl,
.browserEdge .PrintSettingsDialog, .browserEdge .PrintSettingsDialog > .tabControl,
.browserFirefox .PrintSettingsDialog > .tabControl .AdditionalPrintSettingsPanel,
.browserIE .PrintSettingsDialog > .tabControl .AdditionalPrintSettingsPanel,
.browserEdge .PrintSettingsDialog > .tabControl .AdditionalPrintSettingsPanel {
    height: 100%;
}

.browserSafari .PrintSettingsDialog > .tabControl > .panel {
    overflow: auto;
    height: 100%;
}

.PrintSettingsDialog > .tabControl .AdditionalPrintSettingsPanel {
    overflow: auto;
}

.browserSafari .PrintSettingsDialog > .tabControl .AdditionalPrintSettingsPanel {
    overflow: initial;
}

  .PrintSettingsDialog .BaseSettingsPanel{
      flex: 1 auto;
      padding:10px 0 0 10px;
      overflow-x: auto;
  }

    .PrintSettingsDialog .BaseSettingsPanel .textBlock{
        text-align:left;
    }

    .PrintSettingsDialog .BaseSettingsPanel .DashboardPrintSettingsPanel{
        margin-left:30px;
    }

      .PrintSettingsDialog .BaseSettingsPanel .DashboardPrintSettingsPanel .textBlock{
          margin-right:10px;
      }

.AdditionalPrintSettingsPanel {
    overflow-y: auto;
}

    .AdditionalPrintSettingsPanel .panelPnl, .AdditionalPrintSettingsPanel .panelPnl > .horizontalTreePanel {
        margin-right: 11px;
    }        

    .AdditionalPrintSettingsPanel .panelPnl > .horizontalTreePanel > .BaseTreeView {
        width: 150px;
    }

    .AdditionalPrintSettingsPanel .dgh{
        margin:5px 0 0 0 !important;
        min-height:11px;
    }

    .AdditionalPrintSettingsPanel .panelPnl .BaseTreeView {
        min-height: 300px;
        min-width: 150px;
    }

    .AdditionalPrintSettingsPanel .panelPnl .chbwrap {
        margin: 2px;
    }

    .AdditionalPrintSettingsPanel .panelPnl .chbwrap label::before{
        margin: 2px;
    }

    .AdditionalPrintSettingsPanel .panelPnl .addImagePnl .button {
        width: 20px;
        height: 20px;
        padding: 2px;
    }

    .AdditionalPrintSettingsPanel .panelPnl .addImagePnl .textBlock {
        align-self: center;
        margin-left: 3px;
    }

.HeaderFooterSettingsPanel > * {
    margin: 5px 10px 0 10px;
    flex-shrink: 0;
}

  .HeaderFooterSettingsPanel .splitPnl .textBlock{
      width:140px;
      text-align:left;
  }

    .HeaderFooterSettingsPanel .splitPnl .rbWrap{
        margin-right:7px;
    }

    .HeaderFooterSettingsPanel .richTitel{
        text-align:left;
    }

    .HeaderFooterSettingsPanel > .headerRichTextBoxesPnl,
    .HeaderFooterSettingsPanel > .footerRichTextBoxesPnl {
        height: 200px;
        flex-wrap: nowrap;
    }

    .HeaderFooterSettingsPanel > .headerRichTextBoxesPnl.third > .RichTextBoxControl,
        .HeaderFooterSettingsPanel > .footerRichTextBoxesPnl.third > .RichTextBoxControl {
            flex: 1 0 33%;
        }

    .HeaderFooterSettingsPanel > .headerRichTextBoxesPnl.half > .RichTextBoxControl,
        .HeaderFooterSettingsPanel > .footerRichTextBoxesPnl.half > .RichTextBoxControl {
            flex: 1 0 50%;
        }

    .browserIE .HeaderFooterSettingsPanel > .headerRichTextBoxesPnl.third > .RichTextBoxControl,
    .browserIE .HeaderFooterSettingsPanel > .footerRichTextBoxesPnl.third > .RichTextBoxControl {
            flex: 1 0 32%;
        }

    .browserIE .HeaderFooterSettingsPanel > .headerRichTextBoxesPnl.half > .RichTextBoxControl,
    .browserIE .HeaderFooterSettingsPanel > .footerRichTextBoxesPnl.half > .RichTextBoxControl {
            flex: 1 0 49%;
        }

        .HeaderFooterSettingsPanel > .headerRichTextBoxesPnl > .RichTextBoxControl,
        .HeaderFooterSettingsPanel > .footerRichTextBoxesPnl > .RichTextBoxControl {
            flex: 1 1 auto;
            border: 1px solid lightgray;
            box-sizing: border-box;
            overflow-y: auto;
            overflow-x: hidden;
        }

            .HeaderFooterSettingsPanel > .headerRichTextBoxesPnl > .RichTextBoxControl.selected,
            .HeaderFooterSettingsPanel > .footerRichTextBoxesPnl > .RichTextBoxControl.selected {
                border: 2px solid gray;
            }

        .HeaderFooterSettingsPanel > .headerRichTextBoxesPnl > .RichTextBoxControl:not(:first-child),
        .HeaderFooterSettingsPanel > .footerRichTextBoxesPnl > .RichTextBoxControl:not(:first-child) {
            margin-left: 7px;
        }

.TextBoxFormatPanel >*{
    margin-top:5px;
}

  .TextBoxFormatPanel .combobox{
      width:130px;
      min-height:25px;
  }

  .TextBoxFormatPanel .boldItalicUnderlinePnl{
      min-height:25px;
  }

    .TextBoxFormatPanel .boldItalicUnderlinePnl .button{
        margin-right:3px;
    }

  .TextBoxFormatPanel .ribbonDropDownButton{
      height:20px;
  }

    .TextBoxFormatPanel .ribbonDropDownButton .RibbonBrushPickerButtonContentStack {
        flex-wrap: nowrap;
        flex: 1 1 auto;
    }

        .TextBoxFormatPanel .ribbonDropDownButton .RibbonBrushPickerButtonContentStack .aBrushPickerButtonBorder {
            align-self: center;
            height: 20px;
            width: 20px;
        }

        .TextBoxFormatPanel .ribbonDropDownButton .RibbonBrushPickerButtonContentStack .aBrushPickerButtonText {
            align-self: center;
            margin-left: 4px;
        }

.CoverPanel {
    flex-wrap: nowrap;
}

    .CoverPanel > * {
        margin: 0 10px;
        flex-shrink: 0;
    }

.CoverPanel .GetTextAndFwElement {
    margin-top: 4px;
}

    .CoverPanel .GetTextAndFwElement .textBlock {
        width: 160px;
        text-align: left;
    }

    .CoverPanel .GetTextAndFwElement .combobox {
        height: 23px;
        width: 168px;
    }

      .CoverPanel .GetTextAndFwElement .combobox .cbShowField{
          height:100%;
      }

    .CoverPanel .GetTextAndFwElement .tbWrap {
        height: 25px;
        width: 170px;
    }

    .CoverPanel .GetTextAndFwElement .chbwrap {
        align-self: center;
    }

    .CoverPanel .RichTextBoxControl {
        border: 1px solid black;
        box-sizing: border-box;
        align-self: center;
        margin-top: 7px;
    }

.ObjectPrintSettingsPanel {
    flex-shrink: 0;
}

    .ObjectPrintSettingsPanel > .listbox {
        width: 150px;
        margin: 7px 2px 2px 2px;
    }

        .ObjectPrintSettingsPanel > .listbox > .opspInactive {
            opacity: 0.5;
        }

    .ObjectPrintSettingsPanel > .opspRightCol {
        margin: 0px 11px 2px 11px;
    }

        .ObjectPrintSettingsPanel > .opspRightCol > .GetTextAndFwElement {
            margin-top: 5px;
        }

            .ObjectPrintSettingsPanel > .opspRightCol > .GetTextAndFwElement > .textBlock,
            .ObjectHeaderTextBox > .GetTextAndFwElement > .textBlock {
                text-align: left;
                width: 170px;
            }

            .ObjectPrintSettingsPanel > .opspRightCol > .GetTextAndFwElement > .combobox {
                width: 198px;
            }

            .ObjectPrintSettingsPanel > .opspRightCol > .GetTextAndFwElement > .numfield {
                width: 200px;
            }

.ObjectHeaderTextBox > .GetTextAndFwElement {
    margin-top: 5px;
}

.PrintSettingsDialog .NoSettingsPanel {
    flex: 1 1 auto;
    justify-content: center;
}

.PrintSettingsDialog .NoSettingsPanel > .textBlock {
    align-self: center;
}

.HeaderFooterTabContent > .hftcFormatStack {
    width: 200px;
    flex-wrap: nowrap;
    margin: 7px 11px 0px 11px;
}

    .HeaderFooterTabContent > .hftcFormatStack > *:not(.listbox) {
        flex-shrink: 0;
    }

.browserEdge .HeaderFooterTabContent > .hftcFormatStack > .listbox {
    flex: 1 1 0px;
}

.HeaderFooterGrid {
    margin: 7px 11px 11px 11px;
}

    .HeaderFooterGrid > .hfgContentStack {
        flex-wrap: nowrap;
    }

        .HeaderFooterGrid > .hfgContentStack > .stackPanel {
            flex: 1 1 33%;
        }

            .HeaderFooterGrid > .hfgContentStack > .stackPanel > .textBlock:not(:first-of-type) {
                text-align: left;
            }

            .HeaderFooterGrid > .hfgContentStack > .stackPanel:not(:first-of-type) > .textBlock:not(:first-of-type) {
                color: transparent;
            }

    .HeaderFooterGrid .MyRichTextBox {
        border: 1px solid gray;
    }

    .PrintTemplateSettings > .ptsLeftStack {
        margin-right: 10px;
    }

.PrintTemplateSettings > .ptsLeftStack .button {
    margin: 2px;
}

.PrintTemplateSettings > .ptsLeftStack > .listbox {
    width: 200px;
    margin: 0px 2px;
}

.PrintTemplateSettings .PrintTemplatePanel > * {
    flex-shrink: 0;
}

.PrintTemplateSettings .PrintTemplatePanel > .textBlockDocumentHeaderControl {
    margin-bottom: 9px;
}

.PrintTemplateSettings .PrintTemplatePanel > .ptpSettingsStack > .textBlock {
    align-self: center;
    width: 80px;
}

.PrintTemplateSettings .PrintTemplatePanel > .ptpSettingsStack > .TranslationTextBox{
    width: 400px;
    margin: 2px 0px;
    flex: 0 1 auto;
}

.PrintTemplateSettings .PrintTemplatePanel > .ptpSettingsStack > .combobox {
    width: 398px;
    margin: 2px 0px;
}

.PrintTemplateSettings .PrintTemplatePanel > .defaultGroupHeader {
    margin-bottom: 7px;
}

.PrintTemplateSettings .PrintTemplatePanel > .ptsButtonStackPanel {
    align-self: flex-end;
}

    .PrintTemplateSettings .PrintTemplatePanel > .ptsButtonStackPanel > .button {
        width: 100px;
        margin: 4px;
    }
/*Block=10,BlockOrderID=1110*/

.loadingPanel{
    position:absolute;
    z-index:10;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    cursor: wait;
}

.loadingPanel .evi{
    position: absolute;
    left: 0px;
    right: 0px;
	width: 100%;
	height: 100%;
    background: url(../../../Resources/Png_9658B7B7-2626-4D69-9162-6EC1EA582A58_DummyIcon$32x32.png) no-repeat center center;
}

.sk-cube-grid {
  width: 40px;
  height: 40px;
 position: relative;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #97BF0D;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}
/*Block=10,BlockOrderID=1240*/
.SelectBatchJobPanel > * {
    text-align: left;
    margin: 5px;
}
/*Block=10,BlockOrderID=1699*/
input[type="checkbox"].checkbox {
    opacity: 0;
    width: 0px;
    margin: 0px;
    border-color: rgb(169,169,169);
}

    input[type="checkbox"].checkbox + label {
        display: inline-block;
        margin: 0px;
        vertical-align: middle;
        cursor: pointer;
        border-color: rgb(169,169,169);
    }

        input[type="checkbox"].checkbox + label span {
            vertical-align: middle;
            margin-left: 2px;
        }

        input[type="checkbox"].checkbox + label:before {
            width: 1.083rem;
            height: 1.083rem;
            display: inline-block;
            content: "";
            border: 1px solid;
            border-color: rgb(169,169,169);
            background: white;
            vertical-align: middle;
            background-position: -163px 0px;
             background-image: url(../../../Base/Base_TS/CSS/images/ui-icons_222222_256x240.png);
        }

.browserIE11 input[type="checkbox"].checkbox + label:before {
    line-height: 1.167em;
}

.applemobile input[type="checkbox"].checkbox + label:before {
    font-size: 0.750em;
}

input[type="checkbox"].checkbox:checked + label:before {
    background-position: -66px -146px;
}

input[type="checkbox"].checkbox.indeterminate + label:before {
    background-position:-50px -130px;
}

/*Block=10,BlockOrderID=1700*/
.scrollViewer {
    overflow: auto;
    text-align: left;
}


/*Block=10,BlockOrderID=1701*/
.scrollStackPanel{
    flex-wrap:nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
}
/*Block=10,BlockOrderID=1707*/

.mainscrollbarWrapper {
    /*position: absolute;*/
    /*width:100%;
    height:100%;*/
    position:relative;
    z-index: 1;
}

.scrollbar-external {
    height:100%;
    width:100%;
    /*overflow: auto;*/
    overflow:hidden;
   
}

.ExternalContent {
    display: inline-block;
    height:100%;
    width:100%;
    position:absolute;
    top:0px;
    left:0px;
    visibility: hidden;
}

.mainscrollbarWrapper.scey {
    /*height:100%!important;*/
    width:20px!important;
}
.mainscrollbarWrapper.scex {
    /*width:100%!important;*/
    height:20px!important;
}

.scrollbar-external.scey {
    overflow-x:hidden;
}
.scrollbar-external.scex {
    overflow-y:hidden;
}

.scrollbar-track {
    position: absolute;
    background-color: #F1F1F1;
    overflow: hidden;
    will-change: transform;
}

.mainscrollbarWrapper.scex .scrollbar-track {
    top: 0px;
    right: 17px;
    bottom: 0px;
    left: 17px;
    height: 17px;
}

.mainscrollbarWrapper.scey .scrollbar-track {
    top: 17px;
    right: 0;
    bottom: 17px;
    left: 0px;
    width: 17px;
}


.scrollbar-thumb {
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 11px;
    height: 30px;
    background-color: #BCBCBC;
    border: 1px solid #A8A8A8;
    will-change: transform;
    box-sizing: border-box;
}
.scrollbar-thumb:hover{
    background-color: #A9A9AA;
}

.mainscrollbarWrapper .active{
    background-color:#8D8D8E;
}

.mainscrollbarWrapper.scey .scrollbar-thumb {
    width: 15px;
    height: 30px;
    margin-left: 1px;
    margin-right: 1px;
    min-height: 5px;
}
.mainscrollbarWrapper.scex .scrollbar-thumb {
    height: 15px;
    width: 30px;
    margin-top: 1px;
    margin-bottom: 1px;
    min-width: 5px;
}

.scrollbar-arrow {
   height:17px;
   width:17px;
   position: absolute;
   background-color:#F1F1F1;
}

    .scrollbar-arrow:hover {
          background-color:#BCBCBC;
    }
     .scrollbar-arrow.max:hover {
          background-color:#F1F1F1;
    }

.scrollbar-arrow .scrollbar-arrow-inner {
     height:0px;
    width:0px;
    border:5px solid transparent;    
    display: inline-block;
}

    .scrollbar-arrow.up {
        top:0px;
    }
      .scrollbar-arrow.down {
        bottom:0px;
    }
        .scrollbar-arrow.left {
        left:0px;
    }
          .scrollbar-arrow.right {
        right:0px;
    }
    .scrollbar-arrow.up, .scrollbar-arrow.down {
         text-align:center;
    }
    .scrollbar-arrow.left .scrollbar-arrow-inner, .scrollbar-arrow.right .scrollbar-arrow-inner{
         vertical-align:top;
         margin-top:3px;
    }
    .scrollbar-arrow.up .scrollbar-arrow-inner{
        border-bottom-color:#505050;
         vertical-align:bottom;
         margin-bottom:4px;
    }
    .scrollbar-arrow.down .scrollbar-arrow-inner{
        border-top-color:#505050;
        vertical-align: top;
        margin-top:4px;
    }
     .scrollbar-arrow.left .scrollbar-arrow-inner{
        border-right-color:#505050;
        text-align:right;
        margin-right:4px;
    }
    .scrollbar-arrow.right .scrollbar-arrow-inner{
        border-left-color:#505050;
           text-align:left;
        margin-left:4px;
    }

    .scrollbar-arrow.up.max .scrollbar-arrow-inner{
        border-bottom-color:#A3A3A3;
    }
    .scrollbar-arrow.down.max .scrollbar-arrow-inner{
        border-top-color:#A3A3A3;
    }
     .scrollbar-arrow.left.max .scrollbar-arrow-inner{
        border-right-color:#A3A3A3;
    }
    .scrollbar-arrow.right.max .scrollbar-arrow-inner{
        border-left-color:#A3A3A3;
    }

   /* --- mobile Touch----*/

.mobilebrowser .mainscrollbarWrapper .scrollbar-track {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mobilebrowser .mainscrollbarWrapper.scex .scrollbar-track {
    height: 7px;
}

.mobilebrowser .mainscrollbarWrapper.scey .scrollbar-track {
    width:7px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mobilebrowser .scrollbar-arrow {
    display: none;
}

.mobilebrowser .mainscrollbarWrapper .scrollbar-thumb {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mobilebrowser .mainscrollbarWrapper.scey .scrollbar-thumb {
    width:4px;
     
}
.mobilebrowser .mainscrollbarWrapper.scex .scrollbar-thumb {
    height:4px;
}

.mobilebrowser .mainscrollbarWrapper.scey {
    height:100%!important;
    width:8px!important;
}
.mobilebrowser .mainscrollbarWrapper.scex {
    width:100%!important;
    height:8px!important;
}

    /* --- mobile NoTouch----*/
.notouch.mobilebrowser .mainscrollbarWrapper.scex .scrollbar-track {
    top:0px;
    right:22px;
    bottom:0px;
    left:22px;
    height:21px;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.notouch.mobilebrowser .mainscrollbarWrapper.scey .scrollbar-track {
    top:22px;
    right:0;
    bottom:22px;
    left:0px;
    width:21px;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.notouch.mobilebrowser .scrollbar-arrow {
   height:22px;
   width:22px;
  display:block;
}

.notouch.mobilebrowser .mainscrollbarWrapper .scrollbar-thumb {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius:0px;
    border-bottom-left-radius: 0px;
}

.notouch.mobilebrowser .mainscrollbarWrapper.scey .scrollbar-thumb {
    width:19px;
}
.notouch.mobilebrowser .mainscrollbarWrapper.scex .scrollbar-thumb {
    height:19px;
}


 
/*Block=10,BlockOrderID=1708*/

.RichTextBoxControl {    
    text-align: left;
    font-size: 13.33px;
    line-height: 1.5;
}

.RichTextBoxControl > .page {
    flex: 1 1 auto;
}

.RichTextBoxControl strong, .RichTextBoxControl b {
    font-weight: bold;
}

.RichTextBoxControl em, .RichTextBoxControl i {
    font-style: italic;
}

.RichTextBoxControl .ol.b.numbered {
    list-style-type: lower-alpha;
}

.RichTextBoxControl .ol.c.numbered {
    list-style-type: lower-roman;
}
/*Block=10,BlockOrderID=1717*/
    .slider > .vtext {
        font-size: 1em;
        margin-left: 5px;
        min-width:40px;
        text-align:right;
    }

    .slider > .min {
        margin-top: -1px;
    }

    .slider > .max {
        margin-top: 2px;
    }

        .slider > .max:before {
            content: "\2b";
            font-size: 17px;
        }
        .slider > .min:before {
            content: "\2212";
            font-size: 17px;
        }


input[type=range] {
    /*removes default webkit styles*/
    -webkit-appearance: none;
    /*fix for FF unable to apply focus style bug */
    border: 1px solid white;
    /*required for proper track sizing in FF*/
    padding:0px;
}

.browserIE11 input[type=range]{
    margin-bottom:-3px;
}

    input[type=range]::-webkit-slider-runnable-track {
        height: 2px;
        background: #ddd;
        border-width: 0px;
        border-radius: 3px;
    }

    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        border-width: 0px;
        height: 16px;
        width: 16px;
        border-radius: 4px;
        background: #4D90FE;
        margin-top: -7px;
        cursor: pointer;
    }

        input[type=range]::-webkit-slider-thumb:active {
            background: #3665b3;
        }

    input[type=range]:disabled::-webkit-slider-thumb {
        background: #F4F4F4;
    }

        input[type=range]:focus::-webkit-slider-runnable-track {
            background: #ccc;
        }

    input[type=range]::-moz-range-track {
        height: 2px;
        background: #ddd;
        border-width: 0px;
        border-radius: 3px;
    }

    input[type=range]::-moz-range-thumb {
        border-width: 0px;
        height: 16px;
        width: 16px;
        border-radius: 4px;
        background: #4D90FE;
    }

        input[type=range]::-moz-range-thumb:active {
            background: #3665b3;
        }

    input[type=range]:disabled::-moz-range-thumb {
        background: #F4F4F4;
    }

    /*hide the outline behind the border*/
    input[type=range]:-moz-focusring {
        outline: 1px solid white;
        outline-offset: -1px;
    }

    input[type=range]::-ms-fill-lower, input[type=range]::-ms-fill-upper{
        background: #ddd;
    }

    input[type=range]::-ms-track {
        height: 2px;
        /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
        background: transparent;
        /*leave room for the larger thumb to overflow with a transparent border */
        border-color: transparent;
        border-width: 0px;
        /*remove default tick marks*/
        color: transparent;
    }

    input[type=range]::-ms-thumb {
        border-width: 0px;
        height: 16px;
        width: 16px;
        border-radius: 4px;
        background: #4D90FE;
    }

        input[type=range]::-ms-thumb:active {
            background: #3665b3;
        }

    input[type=range]:disabled::-ms-thumb {
        background: #F4F4F4;
    }

.multiThumbSlider .repeatButton{
	align-self: center;
	width: 100%;
	height: 1px;
}

.multiThumbSlider {
	position: relative;
}

.multiThumbSlider .aButtonThumb{
	position: absolute;
	top: 50%;
	margin-left: -4.5px;
}
/*Block=10,BlockOrderID=1800*/

.searchPanelText{
    margin-right: 2px;
    align-self: center;
}


.outerCheckBoxStack{
    margin: 2px 2px 0px 10px;
}

.searchPanelCheckBox{
    margin: 2px;
    height: 15px;
}

.searchPanelComboBox{
    margin: 2px;
    width: 165px;
}

.FileBrowserLocalOrServerDialog {
    align-self: center;
    justify-content: space-around;
}

.IconButtonPanel .header{
    color:#003399;
    font-size:15px;
    text-align: left;
}

.IconButtonPanel{
    background-color:transparent;
    border:1px solid transparent;
}

.IconButtonPanel.selected{
    border-color:black;
}

.IconButtonPanel:hover{
    background-color:rgb(255, 240, 200);
}
/*Block=10,BlockOrderID=1861*/
.CockpitLayoutPanel{
    padding:5px;
}

.CockpitBarSettingsPanel{
    padding:5px;
}

.CockpitAreaControl{
    margin-bottom:5px;
    justify-content:flex-end;
    flex-wrap:nowrap;
}

  .CockpitAreaControl .button{
      width:27px;
      height:23px;
      margin-right:14px;
  }

  .CockpitAreaControl .tbWrap{
      margin-right:5px;
      width:90px;
  }

  .CockpitAreaControl .ribbonDropDownButton{
      border:1px solid gray;
      margin-right:5px;
      width:90px;
  }
/*Block=10,BlockOrderID=1901*/
.MasterChildDialogPnl .MasterChildTree{
    border:2px solid lightgray;
    padding:4px;
}

.MasterChildDialogPnl .MasterChildObjectsTree{
    border:2px solid lightgray;
    padding:4px;
    width:250px;
}
/*Block=10,BlockOrderID=1941*/
.DynamicRowPanel .CollapseHeaderOpenRightPanel .panelHeaderSTKPNL {
    overflow-y:auto;
    flex-wrap:nowrap;
    margin-bottom:4px;
}

.DynamicRowPanel .CollapseHeaderOpenRightPanel .panelHeaderSTKPNL .CollapseableHeaderOpenRight {
    min-height:20px;
}

.DynamicRowPanel .CollapseHeaderOpenRightPanel{
    height:220px;
}

.DynamicRowPanel .button {
    width: 23px;
    height: 23px;
}

.DynamicRowPanel .CollapseHeaderOpenRightPanel .DynamicRowElementPanel .GetTextAndFwElement {
    margin-top: 5px;
}

    .DynamicRowPanel .CollapseHeaderOpenRightPanel .DynamicRowElementPanel .GetTextAndFwElement > .textBlock {
        width: 130px;
        text-align: left;
    }

    .DynamicRowPanel .CollapseHeaderOpenRightPanel .DynamicRowElementPanel .drepFormulaText {
        text-align: left;
    }
/*Block=10,BlockOrderID=1945*/
.tree1945{
    flex:10 auto;
}

.button1945{
    width:50px;
    height:50px;
    border:none;
}

.tempTBK1945{
    font-size:16px;
}

.FormulaEditorPanel .upperSTKPNL {
    flex: 1 0;
    height: 320px;
    margin-bottom: 10px;
}

.FormulaEditorPanel .variableSTKPNL {
    flex: 1 0;
    margin-right:15px;
}

.FormulaEditorPanel .upperSTKPNL .variableSTKPNL .border{
    border:1px solid gray;
    flex:1 auto;
}

.FormulaEditorPanel .upperSTKPNL .variableSTKPNL .textBlock{
    margin-bottom:5px;
    text-align:left;
    font-size:15px;
}

.FormulaEditorPanel .upperSTKPNL .operandSTKPNL .textBlock{
    margin-bottom:5px;
    text-align:left;
    font-size:15px;
}

.FormulaEditorPanel .upperSTKPNL .operandSTKPNL .stackPanel{
    border: 1px solid gray;
    max-width: 200px;
}

.buttonPanCol1945{
    margin-top:21px;
}

.buttonPanVis1945{
    margin-top:5px;
}

.FormulaEditorPanel .upperSTKPNL .operandSTKPNL  .border{
    flex:1 0 auto;
    border:1px solid gray;
    margin-top:15px;
}

.FormulaEditorPanel .upperSTKPNL .operandSTKPNL .panel .button .textBlock{
    text-align:center;
}

.FormulaEditorPanel .inputSTKPNL{
    margin-top:5px;
}

.FormulaEditorPanel .inputSTKPNL .textBlock{
    align-self:center;
    font-size:16px;
    margin-right:5px;
}

.FormulaEditorPanel .InputTBK{
    text-align:left;
    font-size:15px;
    margin-bottom:3px;
}

.FormulaEditorPanel .border .BaseTreeView{
    flex:1 auto;
}

.FormulaEditorPanel .FormulaTBK{
    text-align:left;
    font-size:15px;
    margin-bottom:5px;
}

.FormulaEditorPanel .FormulaBRD{
    border:1px solid gray;
    height:110px;
    margin-bottom:5px;
}

  .FormulaEditorPanelBaseDialog .baseDialogContentStack{
      width:700px !important;
      height:560px !important;
  }
/*Block=10,BlockOrderID=1972*/
.MeasureReferencingDlg{
    overflow-x:hidden;
}

.MeasureReferencingDlg > .tabControl,
.MeasureReferencingDlg .DynamicTimeReferencing,
.MeasureReferencingDlg .DynamicTimeReferencing .DynamicTimeSettings3 {
    overflow: hidden;
}

.MeasureReferencingDlg .DynamicTimeReferencing .dtrChContentStack {
    overflow: auto;
}

.MeasureReferencingDlg .ElementReferencing .CollapseHeaderOpenRightPanel .StackPanelHeader .button{
    height: 25px;
    margin-left: 5px;
    margin-top:3px;
}

    .MeasureReferencingDlg .ParentReferencing .GetTextAndFwElement {
        margin: 0px 0px 5px 0px;
    }

    .MeasureReferencingDlg .ParentReferencing .GetTextAndFwElement > .textBlock {
        width: 115px;
        text-align: left;
    }

    .MeasureReferencingDlg .ParentReferencing .GetTextAndFwElement > .numfield {
        height: 25px;
        width: 120px;
    }

        .MeasureReferencingDlg .ParentReferencing .GetTextAndFwElement.aDc > .textBlock {
            align-self: flex-start;
            margin-top: 8px;
        }

.MeasureReferencingDlg .ParentReferencing{
    margin-top:15px;
}

.DynamicTimeReferencing .HeaderTBK{
    width: 608px;
    text-align: left;
    margin: 5px;
}

.DynamicTimeReferencing > .chbwrap {
    margin: 10px;
    flex-shrink: 0;
}

.DynamicTimeReferencing .tbkCMBSTKPNL .stackPanel {
    width: 250px;
    margin-left: 20px;
    margin-bottom:10px;
}

.DynamicTimeReferencing .tbkCMBSTKPNL .stackPanel .textBlock{
    margin-bottom:5px;
}

.DynamicTimeReferencing .CollapseableHeader{
    margin-bottom:10px;
}

.DynamicTimeReferencing .DynamicTimeSettings3 {
    border:1px solid lightgray;
    padding:3px;
    margin-left:7px;
}

.DynamicTimeReferencing .listCubeSTKPNL .listbox{
    width:115%;
}

.DynamicTimeReferencing .listCubeSTKPNL .textBlock{
    text-align:left;
    margin-left:5px;
    margin-bottom:5px;
}

.TimeSumReferencing  .GetTextAndFwElement .textBlock{
    width:120px;
    text-align:left;
    margin-left:20px;
}

.TimeSumReferencing .GetTextAndFwElement .combobox {
    width: 138px;
}

.TimeSumReferencing .GetTextAndFwElement .numfield {
    width: 140px;
}

.ElementReferencing .tBk1972{
    background-color:gray;
}

.ElementReferencing .stackPanelContent .StackPanelHeader{
    height:30px;
}

.ElementReferencing .stackPanelContent .StackPanelHeader .stackPanel{
    flex:1 auto;
    justify-content:flex-end;
    margin-right:10px;
}

.ElementReferencing .stackPanelContent .StackPanelHeader .textBlock{
    margin-left:10px;
}
/*Block=10,BlockOrderID=1980*/
.ViewConfigPanel .legendSTKPNL .legendeTBK{
    text-align:left;
    font-size:16px;
    font-weight:700;
    font-family:inherit;
}

.ViewConfigPanel .legendSTKPNL .GetTextAndFwElement{
    margin-top:2px;
}

.ViewConfigPanel .tabBarFlex{
    margin-bottom:5px;
}

.ViewConfigPanel .buttonBarSTKPNL{
    margin-left:5px;
    margin-bottom:5px;
}

.ViewConfigPanel .buttonBarSTKPNL .button{
    margin-right:3px;
}

.measureGroupingControlCBX {
    height: 23px;
    width: 176px;
    align-self: flex-start;
    margin: 2px 0px;
}
/*Block=10,BlockOrderID=1992*/
.BaseFormatPanel .Header{
    margin-right:5px;
    margin-bottom:11px!important;
    margin-top:11px!important;
}

.BaseFormatPanel .Header .textBlock{
    font-size:12px !important;
    font-weight:bold;
}

.BaseFormatPanel .resetBTN{
    border:none;
}

.BaseFormatPanel .GradientColorPanel .ButtonBackgroundColor{
    border: 0.5px gray solid;
    width: 35px;
    margin-left: 10px;
    margin-right: 5px;
}

.BaseFormatPanel .arrowBorder > canvas {
    width: 16px;
    height: 16px;
    align-self: center;
}

.BaseFormatPanel .DropDownBorder {
    width: 50px;
    border: 1px solid gray;
    padding: 2px;
}

.GradientColorPanelDropDownBorderLayer .layoutRootSTKPNL{
    margin:5px;
}

.GradientColorPanelDropDownBorderLayer .cbLayer{
    min-width:230px;
}

.GradientColorPanelDropDownBorderLayer .layoutRootSTKPNL > .stackPanel > .textBlock{
    margin-top: 7px;
    width: 93px;
    text-align: left;
}

.GradientColorPanelDropDownBorderLayer .layoutRootSTKPNL > .stackPanel {
    margin: 2px;
}

.GradientColorPanelDropDownBorderLayer .Thickness {
    width: 102px;
    height: 25px;
}

.GradientColorPanelDropDownBorderLayer .Brush{
    border: 1px gray solid;
    width: 100px;
    height: 25px;
}

    .GradientColorPanelDropDownBorderLayer .Brush > * {
        height: 100%;
    }

.GradientColorPanelDropDownBorderLayer .LineTypes {
    height: 25px;
    width: 100px;
}

.GradientColorPanelDropDownBorderLayer .gcpButtonStackPanel .button {
    height: 22px;
    width: 22px;
    padding: 0px;
}

    .GradientColorPanelDropDownBorderLayer .gcpButtonStackPanel .button > .ResourceIconImage {
        margin: auto;
    }

.GradientColorPanelDropDownBorderLayer .NoBorder{
    margin-left: 93px;
    margin-right: 4px;
}

.GradientColorPanelDropDownBorderLayer .leftSTKPNL{
    margin-left: 67px;
    margin-top: 4px;
}

.GradientColorPanelDropDownBorderLayer .BorderTop {
    margin-bottom: 4px;
}

.GradientColorPanelDropDownBorderLayer .Example{
    width: 48px;
    height: 48px;
    margin: 4px;
    justify-content: center;
}

.GradientColorPanelDropDownBorderLayer .Example > .textBlock {
    align-self: center;
}

.BaseFormatPanel .FontFormatPanel{
    margin-left:5px;
}

.BaseFormatPanel .FontFormatPanel .FontFamily{
    width: 100px;
    margin-bottom: 10px;
    margin-right: 3px;
}

.BaseFormatPanel .FontFormatPanel .FontSize{
    width:55px;
    margin-right:3px;
}

.BaseFormatPanel .FontFormatPanel .firstRowSTKPNL .button{
    height:22px;
    margin-right:3px;
}

.BaseFormatPanel .FontFormatPanel .secondRowSTKPNL .butToggle{
    margin-right:3px;
}

.BaseFormatPanel .FontFormatPanel .secondRowSTKPNL .ribbonDropDownButton{
    width: 50px;
    border: 1px gray solid;
    margin-right: 3px;
}

.BaseFormatPanel .FontFormatPanel .secondRowSTKPNL .combobox{
    width:40px;
    height:21px;
    margin-right:3px;
}

.BaseFormatPanel .FontFormatPanel .secondRowSTKPNL .combobox .cbLayer {
    width:100px;
}

.BaseFormatPanel .FontFormatPanel .firstRowSTKPNL .combobox .cbLayer{
    width:100px;
}

.BaseFormatPanel .NumberFormatPanel{
    margin-left:5px;
}

.BaseFormatPanel .NumberFormatPanel .button{
    margin-right:3px;
}

.BaseFormatPanel .NumberFormatPanel .combobox{
    width:75px;
    height:21px;
}

.BaseFormatPanel .NumberFormatPanel .ribbonDropDownButton{
    border:1px solid gray;
    width:30px;
    padding:2px;
}

.NumberFormatPaneladvancedSTKPNL {
    padding: 0px 5px 5px 5px;
}

.NumberFormatPaneladvancedSTKPNL .GetTextAndFwElement {
    flex-wrap: nowrap;
}

    .NumberFormatPaneladvancedSTKPNL .GetTextAndFwElement .textBlock {
        width: 130px;
        text-align: left;
    }

    .NumberFormatPaneladvancedSTKPNL .GetTextAndFwElement .tbWrap {
        width: 150px;
    }

    .NumberFormatPaneladvancedSTKPNL .GetTextAndFwElement .combobox {
        width: 148px;
    }

.BaseFormatPanel .CodeDescriptionPanel{
    margin-left:5px;
    width:350px;
}

.BaseFormatPanel .CodeDescriptionPanel{
    margin-bottom:10px;
}

.BaseFormatPanel .CodeDescriptionPanel .rbWrap{
    margin-right:10px;
}

.CorporateDesignTabContent{

}

    .CorporateDesignTabContent .GetTextAndFwElement >*{
        margin:2px;
    }

    .CorporateDesignTabContent .GetTextAndFwElement .textBlock{
        width:138px;
    }

  .CorporateDesignTabContent .workPnl{
      margin-bottom:2px;
  }

    .CorporateDesignTabContent .workPnl .listbox{
        margin:2px;
        border:0px solid silver;
        border-right-width:1px;
        min-width:122px;
        width:33%;
    }

  .CorporateDesignTabContent .colorsButtonsPnl{
      min-height:26px;
      margin: 2px 0px;
  }

    .CorporateDesignTabContent .colorsButtonsPnl .button{
        margin-right: 2px;
    }

  .CorporateDesignTabContent .GetTextAndFwElement{
      min-height: 25px;
      margin: 2px;
  }

.colorListBoxItem > div {
    height: 16px;
    width: 16px;
}

.colorListBoxItem > .textBlock {
    margin-left: 4px;
    align-self: center;
}

.BaseFormatPanel .ConditionPanel > .stackPanel > * {
    margin: 2px;
}

.BaseFormatPanel .ConditionPanel .textBlock {
    align-self: center;
    text-align: left;
    width: 80px;
}

.BaseFormatPanel .ConditionPanel > .stackPanel > .combobox, 
.BaseFormatPanel .ConditionPanel > .stackPanel > .tbWrap, 
.BaseFormatPanel .ConditionPanel > .stackPanel > .tbWrap > input {
    width: 100px;
}

.BaseFormatPanel .ConditionPanel > .stackPanel > .TranslationTextBox {
    width: 102px;
}

.BaseFormatPanel .ConditionPanel > .stackPanel > .TranslationTextBox input {
    width: 80px;
}

.BaseFormatPanel .ConditionPanel > .stackPanel > .button {
    width: 22px;
    height: 22px;
    padding: 0px;
}

.BaseFormatPanel .ConditionPanel > .stackPanel > .button > .ResourceIconImage {
    margin: auto;
}

.BaseFormatPanel .ConditionPanel > .stackPanel > .tbWrap {
    box-sizing: content-box;
}

.ConditionPanelLevelMemberTree {
    width: 200px;
    height: 200px;
}

.DateFormatPanel .GetTextAndFwElement {
    margin-top: 0px;
}

.DateFormatPanel .GetTextAndFwElement > .textBlock {
    margin-right: 10px;
}

    .DateFormatPanel .GetTextAndFwElement > .combobox {
        width: 104px;
    }

.SmallPreviewGrid {
    margin: 4px;
}

.SmallPreviewGrid p {
    margin: 2px;
}
/*Block=10,BlockOrderID=1994*/
.ContentStackPanel{
    height:300px;
    width:300px;
}

.ContentStackPanel .cbm{
    height:10px;
    margin: 25px 0 0 50px;
}

.ContentStackPanel .SaveAtSL{
    height:23px;
    width:75px;
    margin:30px 0 0 50px;
}
/*Block=10,BlockOrderID=1995*/

/*///////////////////////////////////////////////*/
/*//////////     AlertAdminSetting     //////////*/
/*///////////////////////////////////////////////*/

.AlertAdminSetting{
    height: 100%;
}

.AlertAdminSetting .searchTextBoxSTBX{
    border-color:gray;
    border-width:1px;
    margin:20px 15px;
    width: 50%;
}

.AlertAdminSetting .workAreaSTKPN{
    margin-left: 25px;
}

.AlertAdminSetting .leftSTKPNL{
    margin-right: 10px;
}

.AlertAdminSetting .workAreaSTKPN .leftSTKPNL > .stackPanel > .button {
    margin: 5px 5px 5px 0px;
    width: 90px;
    min-height:24px;
}

.AlertAdminSetting .workAreaSTKPN .leftSTKPNL > .panel{
    margin-bottom:5px;
}

.AlertAdminSetting .listBoxAlerts{
    border-width: 0px;
    border-right-width: 1px;
    border-color: rgb(183, 183, 183);
    font-size: 11px;
    height:600px;
}

.AlertAdminSetting .saveBTN{
    margin-right:5px;
}

.AlertAdminSetting .checkBoxActiveCBX{
    color: gray;
    margin-bottom: 5px;
}

.AlertAdminSetting .linkButtonAdd{
    font-size: 11px;
    margin-left: -5px;
    margin-bottom: 5px;
    text-align: left;
}

.AlertAdminSetting .baseTreeViewMembers{
    width:670px;
    text-align: center;
}

/*///////////////////////////////////////////////*/
/*////////// CleanUpToolSettingsPanel  //////////*/
/*///////////////////////////////////////////////*/

.CleanUpToolSettingsPanel{
    flex-wrap: nowrap;
}

.CleanUpToolSettingsPanel .ContentCleanUp > .stackPanel{
    margin: 2px;
}

.CleanUpToolSettingsPanel .cleanUpBTN {
    align-self: flex-start;
}

.CleanUpToolSettingsPanel .CheckBoxUse{
    width: 250px;
    margin-top: 5px;
    margin-bottom:15px;
}

.CleanUpToolSettingsPanel .RadioButtonAll{
    width: 140px;
    margin-top: 5px;
}

.CleanUpToolSettingsPanel .RadioButtonDate{
    width: 220px;
    margin-top: 5px;
}

.CleanUpToolSettingsPanel .NumericUpDownDate{
    width: 100px;
    height: 25px;
}

.CleanUpToolSettingsPanel .textBlockMonth{
    margin-left: 5px;
    margin-top: 5px;
}

.CleanUpToolSettingsPanel .ButtonSchedulerTaskExecute{
    margin-top:10px;
}

    .CleanUpToolSettingsPanel > p {
        line-height: 1.5;
    }

/*///////////////////////////////////////////////*/
/*//////////    LogoSettingsPanel     ///////////*/
/*///////////////////////////////////////////////*/

.LogoSettingsPanel{

}

    .LogoSettingsPanel .borderLogoBRD {
        border: 1px solid gray;
        margin: 10px 10px 10px 0px;
        padding: 5px;
        justify-content: center;
    }

        .LogoSettingsPanel .borderLogoBRD img {
            align-self: center;
        }

    .LogoSettingsPanel .logoButtonStack > .button {
        margin: 0px 2px 10px 2px;
        width: 90px;
    }

/*///////////////////////////////////////////////*/
/*//////////   DynamicTimeSettings2    //////////*/
/*///////////////////////////////////////////////*/

.DynamicTimeSettings2{
   padding-top: 11px;
}

.DynamicTimeSettings2 .leftSTKPNL{
    width: 300px;
    margin-right: 10px;
}

.DynamicTimeSettings2 .buttonStack .button{
    margin: 2px 4px 2px 0px;
    width: 75px;
}

.DynamicTimeSettings2 .Settings{
    border: 1px solid gray;
    width: 400px;
}

/*///////////////////////////////////////////////*/
/*////// DynamicTimeReferenceDialogPanel ////////*/
/*///////////////////////////////////////////////*/

.DynamicTimeReferenceDialogPanel .Tree{
    margin-top: 10px;
    min-height: 150px;
}

.DynamicTimeReferenceDialogPanel .deleteBTN{
    width: 180px;
    margin-left: 60%;
}

.DynamicTimeReferenceDialogPanel .pickerSTKPNL .datePicker{
    height: 26px;
    margin-right: 30px;
    margin-left: 7px;
}

.DynamicTimeReferenceDialogPanel .pickerSTKPNL .textBlock{
    margin-top:5px;
}

.DynamicTimeReferenceDialogPanel .pickerSTKPNL .button{
    height: 26px;
    width: 150px;
}

/*///////////////////////////////////////////////*/
/*//////////   GeneralFormatSettings   //////////*/
/*///////////////////////////////////////////////*/

.GeneralFormatSettings{
    margin-top: 25px;
    margin-left: 80px;
}
.GeneralFormatSettings .leftSTKPNL{
    width: 300px;
    border-right: 1px #818181 solid;
    margin-right: 15px;
}

.GeneralFormatSettings .rightSTKPNL{
    min-height:600px;
}

/*///////////////////////////////////////////////*/
/*//////////GraphicCatalogSettingsPanel//////////*/
/*///////////////////////////////////////////////*/

.GraphicCatalogSettingsPanel{
    padding:10px;
}

.GraphicCatalogSettingsPanel .listbox{
    min-width:250px;
    min-height:400px;
}

.GraphicCatalogSettingsPanel .buttonSTKPNL{
    margin-top:5px;
}

.GraphicCatalogSettingsPanel .buttonSTKPNL .button{
    margin-right:10px;
    min-height:25px;
    width:100px;
}

.GraphicCatalogSettingsPanel .panel .textBlock{
    margin-top: 5px;
    margin-right: 10px;
    margin-left:10px;
}

.GraphicCatalogSettingsPanel .TranslationTextBox .tbWrap{
    width:80%;
}

.GraphicCatalogSettingsPanel .border{
    border: 1px gray solid;
    margin-left: 10px;
    margin-top: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

.GraphicCatalogSettingsPanel .UploadBTN{
    justify-content: center;
    border: 1px gray solid;
    width: 100px;
    min-height:25px;
}
.GraphicCatalogSettingsPanel .CCBXItem .border{
    border:none;
}

.ItemWrapPnl{
    align-content:flex-start;
}

.NewItemControl{
    width:225px;
    height:210px;
    justify-content:center;
}

  .NewItemControl .resizeImgBRD{
      width:195px;
      height:150px;
      align-self:center;
      border:1px solid rgba(210,210,210,1);
      justify-content:center;
      position: relative;
      overflow: hidden;
  }

    .NewItemControl .resizeImgBRD .ResourceIconImage{
        align-self:center;
    }

    .NewItemControl .resizeImgBRD > img {
        position: absolute;
        top: 5px;
        left: 5px;
        transform-origin: 0px 0px;
        transform: scale(0.4);
    }

  .NewItemControl > .textBlock{
      color:rgba(112,112,112,1);
      font-size:14px;
      margin:1px 0 0 16px;
      text-align:left;
  }

.NewItemControlMouseEnter{
    background-color:rgba(220,231,248,1);
}

.NewBackstagePanel{

}

    .NewBackstagePanel .tabContentPnl .tabBarFlex{
        width:240px;
        border-right:1.5px solid rgba(210,210,210,1); 
        margin-right:10px;
    }

  .NewBackstagePanel > .tbWaterM{
      width:55%;
  }

    .NewBackstagePanel > .textBlock {
        text-align: left;
        margin: 10px 0 20px 0;
        cursor: default;
        width: 81px;
    }

.recycleBinSettingsPanel > .recycleBinButtonStack > .button {
    margin: 2px;
    width: 100px;
    height: 23px;
    font-size: 11px;
}
/*Block=10,BlockOrderID=1996*/
.contentStackPanel > *:not(.button) {
    width: 400px;
}

.contentStackPanel .FullScreen{
    margin:40px 20px 25px 10px;
}

.contentStackPanel .Transfer{
    margin: 20px 0 5px 10px;
}

.contentStackPanel .EmailtextesTextBlock{
    margin:25px 4px 2px 10px;
}

.contentStackPanel .EmailLanguageCmb{
    margin:20px 4px 2px 22px;
    width: 150px;
}

.contentStackPanel .ForMouseTimeLineStackPanel{
    margin:2px;
}
.contentStackPanel .settingsGroupHeader{
    
}

.contentStackPanel .SpeedSlider{
    margin: 2px;
    min-width:280px;
}

.contentStackPanel .fastTbk{
    margin-top:2px;
    text-align:left;
    width: 33.33333333333333%;
}

.contentStackPanel .middleTbk{
    margin-top:2px;
    text-align:center;
    width: 33.33333333333333%;
}

.contentStackPanel .slowTbk{
    margin-top: 2px;
    text-align:right;
    width: 33.33333333333333%;
}

.contentStackPanel .saveButton{
    height:23px;
    width:75px;
    margin:20px 0 70px 0;
}



/*Block=10,BlockOrderID=1997*/

/*//////////////////////////////////////////////////////////////*/
/*////////// Property to MessageCenterSettingsControl //////////*/
/*//////////////////////////////////////////////////////////////*/
.contentSTKPNLMCC{
    width:360px;
    height:300px;
    margin-left:10px;
    margin-top:5px;
}

.contentSTKPNLMCC .cbxPropertyMCC{
    margin:3px;
}

/*//////////////////////////////////////////////////////*/
/*////////// Property to ReportPreviewControl //////////*/
/*//////////////////////////////////////////////////////*/
.contentSTKPNL{
    width:600px;
    margin-top: 25px;
    margin-left: 40px;
}

.contentSTKPNL .reportPreviewSGH{
    margin:0 11px 0 7px;
}

.contentSTKPNL .SliderSLD{
    max-width: 350px;
    margin-top: 30px;
    margin-left: 30px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
}

.contentSTKPNL .textUnderSliderSTKPNL{
    max-width: 387px;
    margin-left: 20px;
    margin-top: 5px;
}

.contentSTKPNL .keinBildTBK{
    text-align:left;
    width: 32%;
}

.contentSTKPNL .geringeAufloesungTBK{
    text-align:center;
    width: 28%;
}

.contentSTKPNL .hoheAufloesungTBK{
    text-align:right;
    width: 36%;
}

.contentSTKPNL .objectCreatorSettingsSGH{
    margin:0 11px 0 7px;
}

.contentSTKPNL .CbObjectcreatorCBX{
    margin-left: 30px;
    margin-top: 20px;
}

.contentSTKPNL .developerSettingsSGH{
    margin:0 11px 0 7px;
}

.contentSTKPNL .ShowDebugTabCBX{
    margin-left: 30px;
    margin-top: 20px;
}

/*/////////////////////////////////////////////////////////*/
/*////////// Property to LanguageSettingsControl //////////*/
/*/////////////////////////////////////////////////////////*/


.LanguageSettingsControlcontentSTKPNL .allCaptionTBK, .LanguageSettingsControlcontentSTKPNL .usedCaptionTBK {
    margin-bottom: 5px;
}

.LanguageSettingsControlcontentSTKPNL .allLanguagesLBX, .LanguageSettingsControlcontentSTKPNL .usedLangugagesLBX {
    height: 200px;
    width: 330px;
}

.LanguageSettingsControlcontentSTKPNL .toUsedFromUsedSTKPNL{
    margin: 2px;
    justify-content:center;
    text-align:center;
}

    .LanguageSettingsControlcontentSTKPNL .toUsedFromUsedSTKPNL > .button {
        margin: 2px;
        height: 23px;
        width: 23px;
    }

.LanguageSettingsControlcontentSTKPNL .saveRejectSTLPNL > .button {
    margin: 5px 5px 5px 0px;
    height: 23px;
    width: 90px;
}

/*/////////////////////////////////////////////////////////*/
/*//////////            HolidayCalendar          //////////*/
/*/////////////////////////////////////////////////////////*/

.HolidayCalendarcontentSTKPNL{
    margin-left: 20px;
    margin-top: 20px;
	margin-bottom: 20px;
    width: 900px;
}

.HolidayCalendarcontentSTKPNL .dbCaptionTBK{
    margin-top:15px;
    width: 15%;
}

.HolidayCalendarcontentSTKPNL .dataBaseCMB{
    margin-top:10px;
    width:234px;
    margin-bottom: 10px;
}

.HolidayCalendarcontentSTKPNL .bapiOrTableNameTBK{
    width: 15%;
    margin-top: 5px;

}

.HolidayCalendarcontentSTKPNL .txtBAPIOrTableNameTBX{
    height:21px;
    width:236px;
}

.HolidayCalendarcontentSTKPNL .regionChoiceTBK{
    width:15%;
}

.HolidayCalendarcontentSTKPNL .regionTreeBTV{
    width: 596px;
    margin: 2px;
}

.HolidayCalendarcontentSTKPNL .buttonsTreeViewSTKPNL{
    justify-content: flex-end;
}

.HolidayCalendarcontentSTKPNL .btnAddRowBTN{
    margin-top:5px;
    margin-right:5px;
}

.HolidayCalendarcontentSTKPNL .btnDeleteRowBTN{
    margin-top:5px;
    margin-right:40px;
}

.HolidayCalendarcontentSTKPNL .timeChoiceTBK{
    width:15%;
    margin-top:5px;  
    margin-bottom:20px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
}

.HolidayCalendarcontentSTKPNL .numFormNUD{
    height:21px;
}

.HolidayCalendarcontentSTKPNL .textTBK{
    width: 30px;
    text-align: center;
    font-size: 20px;
}

.HolidayCalendarcontentSTKPNL .numToNUD{
    height:21px;
}

.HolidayCalendarcontentSTKPNL .colorChoiceTBK{
    width: 20%;
    margin-top:5px;
    margin-bottom:20px;
}

.HolidayCalendarcontentSTKPNL .refreshHolidaysBTN{
    margin-right:10px;
}

    .HolidayCalendarcontentSTKPNL .stackPanel .ribbonDropDownButton{
        width:200px;
    }

      .HolidayCalendarcontentSTKPNL .stackPanel .ribbonDropDownButton .arrowRight{
          margin-left:-55px;
      }

.calendarWeekSettingsPanel{
	margin-left: 20px;
    margin-top: 20px;
}

.calendarWeekSettingsPanel .textBlock{
	width: 180px;
	margin: 2px;
	vertical-align: center;
}

.calendarWeekSettingsPanel .combobox{
	width: 200px;
	margin: 2px;
}

.calendarWeekSettingsPanel .button{
	margin: 2px;
}

/*//////////////////////////////////////////////////////*/
/*//////////     PlaningKeySettingsControl    //////////*/
/*//////////////////////////////////////////////////////*/


.PlaningKeySettingsControl .textblock{
    margin-top:9px;
    width:50px;
}

.PlaningKeySettingsControl .comboBox {
    margin: 5px;
    width: 120px;
}

/*/////////////////////////////////////////////////////////*/
/*//////////       GlobalMultiPanelSettings      //////////*/
/*/////////////////////////////////////////////////////////*/


.GlobalMultiPanelSettings .isTabNaviActiveCBX{
    margin-top: 10px;
    margin-left: 30px;
    margin-bottom: 10px;
}

.GlobalMultiPanelSettings .underFastNaviSTKPNL{
    margin-top: 10px;
    margin-left: 25px;
    margin-bottom: 10px;
}

.GlobalMultiPanelSettings .capEinstiegTBK{
    margin-top:4px;
    margin-right: 10px;
}

.GlobalMultiPanelSettings .folderDDBTN{
    width: 250px;
    margin-right: 10px;
}

.GlobalMultiPanelSettings .treeTV{
    min-height:200px;
}

.GlobalMultiPanelSettings .showFavouritesCBX{
    margin-top: 10px;
    margin-left: 30px;
    margin-bottom: 10px;
}

.GlobalMultiPanelSettings .inheritFilterCBX{
    margin-left: 30px;
    margin-bottom: 10px;
}

.GlobalMultiPanelSettings .inheritMultiPanelLayoutCBX{
    margin-left: 30px;
    margin-bottom: 10px;
}

/*/////////////////////////////////////////////////////////*/
/*//////////    GeneralSettingTableGroupControl  //////////*/
/*/////////////////////////////////////////////////////////*/


.FormatSettinsBRD  .tableSTKPNL{
    margin:5px;
}

.FormatSettinsBRD .headFormattingTBK{
    margin-right:5px;
    margin-top: 1px;
}

.FormatSettinsBRD{
    min-height:731px;
}

.GeneralFormatSettings  .buttonsSTKPNL{
    justify-content:flex-end;
}

.GeneralFormatSettings .buttonsSTKPNL .button{
    margin-right:10px;
    min-height:23px;
}

.FormatPreviewPanel .LevelBRD{
    margin:10px 50px 25px 70px;
}

.FormatPreviewPanel .MeasureBRD{
    margin-top:10px 
}

/*/////////////////////////////////////////////////////////*/
/*//////////       TableFormatTemplatePanel      //////////*/
/*/////////////////////////////////////////////////////////*/

.TableFormatTemplatePanel{
    padding:15px;
}

.TableFormatTemplatePanel .leftSTKPNL{
    width:280px;
    margin-right:5px;
}

.TableFormatTemplatePanel .leftSTKPNL > .panel{
    margin-top:10px;
    height:25px;
}

.TableFormatTemplatePanel .leftSTKPNL .listbox{
    min-height:400px;
}

.TableFormatTemplatePanel .leftSTKPNL .panel .button{
    margin-left:10px;
    width:30px;
}

.TableFormatTemplatePanel .saveCancelSTKPNL{
    margin-top:12px;
}

.TableFormatTemplatePanel .saveCancelSTKPNL .button{
    width: 80px;
    margin-left: 15px;
    min-height:23px;
}

.TableFormatTemplatePanel .rightSTKPNL .textBlock{
    margin-top: 5px;
    margin-right: 30px;
}

.TableFormatTemplatePanel .rightSTKPNL .TranslationTextBox .tbWrap{
    width:80%;
}

.TableFormatTemplatePanel .rightSTKPNL .formatSTKPNL{
    width:150px;
    height: 300px;
    margin-top: 14px;
}

.TableFormatTemplatePanel .rightSTKPNL .ScrollSTKPNL{
    margin-left:15px;
}

.TableFormatTemplatePanel .rightSTKPNL .levelButtonSTKPNL{
    margin-top:5px;
}

.TableFormatTemplatePanel .rightSTKPNL .levelButtonSTKPNL .button{
    width:25px;
    height:25px;
    margin-left:3px;
}

.TableFormatTemplatePanel .DefaultPreviewCell{
   min-width:110px;
}

.TableFormatTemplatePanel .PreviewSTKPNL{
    margin-left:130px;
    align-self: flex-start;
}

.TableFormatTemplatePanel .ScrollSTKPNL .BaseFormatPanel {
    margin-left: 10px;
}
/*Block=10,BlockOrderID=1998*/

/*////////////////////////////////////////*/
/*//////////  DBUserVerwaltung  //////////*/
/*////////////////////////////////////////*/

.DBUserVerwaltung{
    margin-top: 10px;
    margin-left: 10px;
}

.DBUserVerwaltung .Tree{
    font-size: 11px;
    text-align: center;
}

.DBUserVerwaltung .buttonsProperty{
    margin-left: 8px;
    margin-bottom: 10px;
}

/*////////////////////////////////////////*/
/*//////////     NewUserPnl     //////////*/
/*////////////////////////////////////////*/

.NewUserPnl .textBlockProperty {
    text-align: left;
    width: 140px;
    margin-top: 5px;
    font-size: 12px;
}

.NewUserPnl .textBoxProperty {
    margin-bottom: 5px;
    flex: 1 1 auto;
    height: 25px;
}

.NewUserPnl .textBlockWarn {
    color: red;
    font-size: 12px;
    text-align: left;
    margin-top: 5px;
}

/*////////////////////////////////////////*/
/*///////// ChangePasswordDialog /////////*/
/*////////////////////////////////////////*/

.ChangePasswordDialog .oldPWTB {
    align-self: center;
}

.ChangePasswordDialog > .CheckupTextBox {
    margin-top: 10px;
}

.ChangePasswordDialog > .textBlock {
    font-size: 11px;
    margin: 5px 0px 0px 110px;
}

.ChangePasswordDialog  .oldPWTB,
.ChangePasswordDialog > .CheckupTextBox .CTBCaption {
    width: 110px;
}
/*Block=10,BlockOrderID=1999*/
.TabNavigationPanel > .stackPanel {
    justify-content: flex-end;
}

    .TabNavigationPanel > .stackPanel > .textBlock {
        align-self: center;
    }

    .TabNavigationPanel > .stackPanel > .button {
        margin: 5px;
        padding: 0px;
        height: 23px;
        width: 23px;
    }

        .TabNavigationPanel > .stackPanel > .button > .ResourceIconImage {
            margin: auto;
        }
/*Block=10,BlockOrderID=2000*/

.LoginDlg{
    background-color:rgba(64,64,64,.8);
}

.LoginDlg.temp{
    align-self:stretch;
    flex:1 1 auto;
}

.LoginDlg .panel>.tbWrap{
    margin:2px 0px;
    height:23px;
}

.LoginDlg .tbWrap>.icon>img{
    margin-top:1px;
}

.LoginDlg>.panel{
    background-color:white;
    border-radius:7px;
    
}

.browserSafari .LoginDlg>.panel{
    max-width: 385px;
}

.loginInfoPanel{
   padding: 0px 2.500em 2.500em 2.500em;
}
    .LoginDlg .mPanel {
        padding: 1.250em 2.500em 2.500em 2.500em;
        border-radius: 0px 0px 6px 0px;
        flex-wrap:nowrap;
          background-color:#969696;
    }

    .LoginDlg .mPanel>.panel{
        margin-top:4px;
    }

.LoginDlg>.panel>.panel>.border{
    background-image: url(../../../../Resources/Png_de578ffa-9ff2-4c3c-ad5e-bc173ed77c0e_evimac_logo_800px_20160324.png);
    width: auto;
    height: 70px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 1em 1.333em 1.417em 18px;
    max-width: 256px;
    min-height:42px;
}

.LoginDlg .imgB{
    min-width:100px;
    border-radius: 6px 0px 0px 6px;
      background:#BBC233 url(../../../../Resources/Png_2ee8662f-2995-4483-8981-320dad9a06f1_LoginLogo$32x32.png) center 95px no-repeat;
    background-size:88px;
}

.LoginDlg.refresh .imgB {
    background:#BBC233;
}

.LoginDlg .chbwrap{
     align-self: center;
}

.LoginDlg .loginBut{
    height:21px;
    Width:84px;
    background-color:#BBC233;
    color:white;
    border-color:#BBC233;
    align-self: flex-end;
    padding: 0px 5px 0px 5px;
}

.LoginDlg .loginButReconnect{
	z-index: 101;
	width: auto;
}

.LoginDlg .marginB6{
    margin-bottom:0px;

}

.LoginDlg .refreshStack{
	padding-top: 15px;
	justify-content: flex-end;
}

.loginInfoPanel>.textBlock{
    text-align: left;
    max-width: 220px;
    margin-bottom: 16px;

}

.loginDomains{
    border:0px;
}

@media all and (max-width: 480px), all and (orientation: landscape) and (max-height:370px) {
    .LoginDlg > .panel {
        align-self:stretch;
        flex-wrap:nowrap;
        border-radius:0px;
        flex:1 1 auto;
         max-width:initial;
    }
    .loginInfoPanel, .LoginDlg > .panel>.panel {
        flex: 1 1 auto;
        flex-wrap:nowrap;
    }
    .LoginDlg .imgB, .LoginDlg .mPanel {
        border-radius:0px;
    } 
}

@media all and (max-width: 420px) {
    .LoginDlg .marginB6{margin-bottom:6px;}
}
@media all and (max-width: 334px) {
    .LoginDlg .imgB {
        background: #BBC233;
        background-image:initial;
        width: 50%;
        min-width:initial;
    }
    .LoginDlg > .panel > .panel > .border {
        margin-bottom: 0px;
    }
}

@media all and (max-height: 333px) {
    .LoginDlg .mPanel {
        padding: 1.250em 1.250em 1.250em 1.250em;
    }

    .loginInfoPanel{
   padding: 0px 1.250em 1.250em 1.250em;
}

    .LoginDlg > .panel > .panel > .border {
        margin: 0.667em 1.333em 1.417em 3px;
    }
}

@media all and (max-height: 305px) {
     .LoginDlg > .panel > .panel > .border {
        margin: 0.667em 1.333em 0.5em 3px;
    }
}
/*Block=10,BlockOrderID=2001*/

.infoCreator .tbWrap, .infoCreator p{
	font-size: 12px;
	margin: 10px 0px;
}

.infoCreator .tbWrap.readOnly, .infoCreator .tbWrap.readOnly input {
    background: white!important;
}

.infoCreator img{
	align-self: flex-start;
}

.mobile .InfoBackstagePanel .alternativeSettingsCreator{
    display:none;
}

.mobile .InfoBackstagePanel .alternativeSettingsCreatorContentDIVMargin{
    margin:0px;
}
/*Block=10,BlockOrderID=2002*/
.ReportFilterMultiPanel {
    flex-wrap: nowrap;
}

.FilterPanel {
    min-width: 120px;
}

.FilterGroup {
    padding: 0px 6px 6px 6px;
    flex-wrap: nowrap;
    flex-shrink: 0;
}

    .FilterGroup .CollapseableHeader {
        flex-wrap: nowrap;
    }

        .FilterGroup .CollapseableHeader .textBlock {
            overflow: hidden;
            height: 20px;
            white-space: nowrap;
        }

        .FilterGroup .CollapseableHeader .ResourceIconImage {
            flex-shrink: 0;
        }

.FilterObjects {
    flex-wrap: nowrap;
    overflow: auto;
    flex: 0 0 100%;
}

.mobile .FilterObjects {
    flex-wrap: nowrap;
    overflow: auto;
    flex: 1 1 auto;
}

.browserEdge .FilterObjects, .browserFirefox .FilterObjects {
    width: 100%;
}


.FilterGroup .timeStack {
    margin: 3px 0px 3px 3px;
}

.FilterGroup > .hierarchies > .button {
    align-self: flex-end;
}

.FilterGroup .FilterBox {
    margin: 3px;
    text-align: left;
}

    .FilterGroup .FilterBox > * {
        border-right: 0px;
    }

.ReportFilterMultiPanel .FilterGroup .FilterBox > .lastChild {
    border-right: 1px solid gray;
}

.FilterGroup .FilterBox > button.small {
    width: 10px;
    padding-left: 0px;
}

.FilterGroup .FilterBox > .DropDownButton {
    flex: 1 1 20px;
    height: 21px;
}

.FilterGroup .FilterBox input[type=text] {
    width: 20px;
}

.filterboxLayer.DDCLayer .BaseTreeView {
    width: 100%;
    height: 100%;
    min-height: 150px;
}

.browserIE .filterboxLayer.DDCLayer .BaseTreeView .TreeViewList {
    /*height: 100%;*/
}

.FilterGroup .FilterBox > .textBlock {
    flex: 1 1 100%;
    margin-bottom: 3px;
}


.filterboxLayer.DDCLayer .listbox {
    border: 0px;
    height: 100%;
    min-height: 150px;
}

.FilterGroup .FilterBox > .DropDownButton input {
    flex: 1 1 10px;
}

.FilterSelectionDlgPanel {
    text-align: left;
    width: 100%;
}

.mobile .FilterGroup, .mobile .SelectsControl .FilterBox {
    flex: 0 0 auto;
    flex-wrap: wrap;
    width: 150px;
    height: 143px;
    margin: 5px;
    background: rgb(229, 232, 232);
    padding: 0px;
    box-sizing: border-box;
    background: rgb(177, 179, 179);
}

    .mobile .FilterGroup.full, .mobile .FilterGroup.full .FilterBox, .mobile .SelectsControl .FilterBox.full {
        flex: 1 1 auto;
        height: initial;
        max-width: 500px;
    }

        .mobile .FilterGroup.full .FilterBox .BaseTreeView {
            width: 100%;
        }


    .mobile .FilterBox .header, .mobile .FilterGroup .header {
        margin: 0px;
        padding: 5px;
        color: white;
        min-height: 30px;
        font-weight: bold;
        text-align: left;
    }

    .mobile .FilterGroup.full .header, .mobile .FilterBox.full .header {
        min-height: initial;
        align-self: center;
    }

.mobile .FilterObjects {
    flex-wrap: wrap;
    padding: 0px 9px;
}

.mobile .FilterBox {
    margin: 0px;
    text-align: left;
    flex: 1 1 46%;
    box-sizing: border-box;
    align-self: stretch;
}

.mobile .FilterGroup.multi:not(.hidden) .FilterBox {
    border-top: 2px solid white;
}

.mobile .FilterGroup.multi:not(.hidden):not(.full) .FilterBox:not(:first-child) {
    border-left: 2px solid white;
}

.mobile .FilterBox.hidden, .mobile .FilterGroup.hidden {
    display: none;
}

.mobile .FilterGroup .FilterBox > .listbox {
    flex: 1 1 10px;
}

.mobile .FilterGroup.full .FilterBox, .mobile .FilterBox.full {
    padding: 10px;
}

.mobile .FilterGroup .FilterBox > .stackPanel > button {
    padding: 5px 7px 5px 7px;
}

.mobile .FilterBox .swingOutTreeViewList > .stackPanel:first-child {
    background: white;
}

.mobile .FilterGroup .FilterBox .tbWrap {
    background: white;
}

.mobile .hierarchies {
    flex: 1 1 10px;
    overflow: auto;
}

.mobile .FilterBox > .textBlock:not(.txtHier) {
    padding: 5px;
    overflow: auto;
    flex: 1 1 auto;
}

.mobile .txtHier {
    margin: 0px;
    padding: 5px;
    text-align: center;
    color: white;
    flex: 0 0 auto !important;
}

/*.FilterGroup .FilterBox>.textBlock{
        flex: 1 1 100%;
        margin-bottom:3px;
}*/


.mobile .FilterGroup .FilterBox > .textBlock.empty {
    background-image: url("../../../../Resources/Png_99f68ea0-99d6-4962-b3d2-68c1922827a8_Filter$32x32.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.mobile .FilterGroup.AlwaysHidden {
    display: none !important;
}

.rangeControl > .stackPanel > .stackPanel, .rangeControl > .stackPanel > .stackPanel > .stackPanel, .rangeControl > .stackPanel > .stackPanel > .stackPanel > input,
.ReportAreaFilterMultiPanel .BaseTreeView, .ReportAreaFilterMultiPanel > .border > .stackPanel,
.SelectionConfigDlg > .BaseTreeView, .templateObject .textBlock, .FilterSelectionDlgPanel > .BaseTreeView, .ReportFilterMultiPanel > .border > .stackPanel,
.SelectionConfigDlg > .border {
    flex: 1 1 auto;
}


.mobile .ReportFilterMultiPanel:not(.designModus) .FilterGroup .FilterBox .buttonClear {
    border-right: 1px solid gray;
}

.FilterTemplatePanel, .FilterTemplatePanel > .stackPanel, .FilterTemplatePanel .stackPanel > .tbWrap, .FilterTemplatePanel .stackPanel .combobox:first-child {
    text-align: left;
    flex: 1 1 auto;
}

.FilterTemplatePanel {
    padding-top: 15px;
}

    .FilterTemplatePanel > .stackPanel {
        flex-wrap: nowrap;
    }

        .FilterTemplatePanel > .stackPanel > .stackPanel:last-child {
            justify-content: flex-end;
            margin: 5px 0px;
        }

    .FilterTemplatePanel > .loadingPanel > .sk-cube-grid {
        margin: initial;
    }

    .FilterTemplatePanel > .stackPanel > .textBlock {
        /*margin:10px 0px;*/
        margin: 6px 0px;
    }

    .FilterTemplatePanel .DropDownButton {
        height: 21px;
        border-right: 0px;
    }

    .FilterTemplatePanel .tbWrap {
        border-right: 0px;
    }

.templateObject {
    padding: 2px;
    cursor: pointer;
}



    .templateObject .ResourceIconImage:hover {
        background-color: rgb(146,192,224);
    }

.SelectionConfigDlg {
    text-align: left;
}

    .SelectionConfigDlg .stack1 > *, .SelectionConfigDlg .stack2 > * {
        flex: 1 1 45%;
        align-self: center;
        margin: 4px 5px 4px 0px;
    }

    .SelectionConfigDlg .stack1, .SelectionConfigDlg .stack2, .SelectionConfigDlg .ExpandableContainerText {
        /*margin-bottom:10px;*/
    }

    .SelectionConfigDlg .ExpandableContainerText {
        margin: 10px 0px;
    }

    .SelectionConfigDlg .ExpandableContainerText {
        text-decoration: underline;
        cursor: pointer;
    }



    .SelectionConfigDlg.filterConfig > .textBlock {
        margin: 10px 0px;
    }

    .SelectionConfigDlg.filterConfig .BaseTreeView {
        min-height: 150px;
    }

.rangeControl {
    text-align: left;
    margin: 0px 3px 3px 7px;
}

    .rangeControl > .stackPanel {
        align-self: flex-start;
    }

        .rangeControl > .stackPanel > p {
            width: 40px;
            align-self: center;
        }

        .rangeControl > .stackPanel > input, .rangeControl .chbwrap {
            margin: 2px 0px;
        }

    .rangeControl > .textBlock {
        margin: 5px 0px;
    }

    .rangeControl .DatePicker {
        margin: 2px;
    }

.HeterogenAreaFilterControl .hafcFilterBox {
    width: 178px;
}

    .HeterogenAreaFilterControl .hafcFilterBox > .DropDownButton {
        align-self: center;
    }

    .HeterogenAreaFilterControl .hafcFilterBox > .button {
        margin: 2px 0px 2px 2px;
        padding: 2px;
    }

    .mobile .HeterogenAreaFilterControl .hafcFilterBox > .DropDownButton span.arrow {
        margin-left: 20px;
    }

    .mobile .HeterogenAreaFilterControl .hafcFilterBox > .DropDownButton span.arrow::after{
        height: 20px;
        width: 20px;
        top: 0px;
        transform: initial;
        background-position: -62px -13px;
    }

.browserIE .hafcDropDownLayer {
    height: 150px;
    width: 150px;
}

.hafcDropDownLayer .BaseTreeView, .hafcDropDownLayer .listbox {
    min-height: 150px;
    width: 100%;
    height: 100%;
}

.hafcDropDownLayer .hafcDDInfoText {
    font-size: 14px;
}

.mobile .FilterBox .buttonSearch {
    display: none;
}

.FilterBox .buttonCD {
    min-width: 27px;
    font-weight: bold;
}

.AreaFilterConfigPanel .chbwrap, .AreaFilterConfigPanel .combobox, .AreaFilterConfigPanel .afcpRadioStack {
    margin: 4px 0px 4px 6px;
}

.browserIE .afcpDropDownLayer {
    height: 250px;
}

.afcpDropDownLayer .BaseTreeView {
    min-height: 250px;
    width: 100%;
    height: 100%;
}

.AreaFilterConfigPanel .afcpRadioStack > .rbWrap {
    margin-right: 7px;
}

.FilterConfigPanel {
}

    .FilterConfigPanel .panel .chbwrap,
    .FilterConfigPanel > .chbwrap {
        margin: 4px 0px 4px 6px;
    }

    .FilterConfigPanel .panel .column1,
    .FilterConfigPanel > .chbwrap {
        width: 50%;
    }

    .FilterConfigPanel .row {
        height: 24px;
    }

    .FilterConfigPanel .row1Pnl .column1 {
        margin: 8px 0 4px 6px;
    }

    .FilterConfigPanel .row2Pnl .DropDownButton {
        /*min-width:150px;*/
        width: 47%;
    }

    .FilterConfigPanel .row3Pnl .or {
        margin: 0px 0px 4px 0px;
        align-self: center;
    }

    .FilterConfigPanel .row3Pnl .and {
        margin: 0px 0px 4px 7px;
        align-self: center;
    }

    .FilterConfigPanel .row2Pnl .DropDownButton .BaseTreeView {
        min-height: 250px;
    }

.browserIE .FilterConfigPanel .row2Pnl .DropDownButton .BaseTreeView {
    min-height: 100%;
    height: 100%;
}

.browserIE .FilterConfigPanel .row2Pnl .DropDownButton .DDCLayer {
    height: 250px;
}

.FilterConfigObject {
    margin: 5px;
}

    .FilterConfigObject .radioButtonPnl {
        margin: 0 0 0 5px;
        background-color: lightgray;
        height: 30px;
    }

        .FilterConfigObject .radioButtonPnl > * {
            margin: 0 0 0 5px;
            align-self: center;
        }

    .FilterConfigObject .BaseTreeView {
        margin: 0 0 0 5px;
    }

/*Block=10,BlockOrderID=2003*/
.BaseReportSelectMultiPanel{

}
.BaseReportSelectMultiPanel .GroupOverviewPanelBar, .FilterSelectSearchDialog, .FilterSelectSearchDialog>*, 
.FilterSelectSearchDialog>.stackPanel>.row1 .tbWrap {
    flex: 1 1 auto;
}
    .FilterSelectSearchDialog .row4 {
        flex: 1 1 200px;
    }
    .BaseReportSelectMultiPanel .GroupOverviewPanelBar {
        will-change: transform;
            padding: 0px 9px;
    }

    .BaseReportSelectMultiPanel .SelectsControl {
        width: 100%;
    }

.FilterSelectSearchDialog>.stackPanel>.row1 .tbWrap{
    border-right:0px;
}

.FilterSelectSearchDialog>.stackPanel{
    flex-wrap:nowrap;
}

.GroupOverviewPanelBar>*{
      flex: 0 1 auto;
}

.GroupOverviewPanelBar>.expanded, body:not(.mobile) .GroupOverviewPanelBar>.stackPanel>.stackPanel:not(.CollapseableHeader), .SelectsControl {
      flex: 1 1 auto;
}

.SelectsTemplatePanel {
    margin: 10px;
}

    .SelectsTemplatePanel > .textBlock {
        margin: 5px;
        text-align: left;
    }

.BaseReportSelectMultiPanel .GroupOverviewPanelBar .BaseTreeView {
    flex:1 1 auto;
}

 body:not(.mobile) .BaseReportSelectMultiPanel .GroupOverviewPanelBar .BaseTreeView {
      flex: 1 1 auto;
      height: 100%;
    width: 100%;
    position: absolute;
}

.mobile .SelectsControl .FilterBox .hierarchies>.BaseTreeView{
    display:none;
}

.mobile .SelectsControl .FilterBox .hierarchies>.textBlock{
    display:block;
        padding: 5px;
    overflow: auto;
    flex: 1 1 auto;
}

.mobile .SelectsControl .FilterBox.full .hierarchies>.textBlock{
    display:none;
}

.mobile .SelectsControl .FilterBox.full .hierarchies>.BaseTreeView{
   display: -webkit-box;
    display: -moz-box;
    display: -ms-flexBox;
    display: -webkit-flex;
    display: flex;
}

.mobile .SelectsControl .FilterBox.empty{
    background-image: url("../../../../Resources/Png_542803de-f32b-48c3-b998-ec584f7b0a9a_ReportSelects$32x32.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.GroupOverviewPanelBar .placeHolder{
    position:relative;
     will-change: transform;
}

.BaseReportSelectMultiPanel .CollapseableHeader > .ResourceIconImage:first-child {
    align-self: center;
    margin: 0 2px;
}

.BaseReportSelectMultiPanel .CollapseableHeader > .textBlock {
    font-weight: bold;
}

.FilterSelectSearchDialog{
    text-align:left;
    overflow: hidden;
}

.FilterSelectSearchDialog>.stackPanel>.stackPanel>*:nth-child(1), .FilterSelectSearchDialog>.stackPanel>.stackPanel>*:nth-child(3){
    flex:1 1 45%;
    overflow: hidden;
}

.FilterSelectSearchDialog>.stackPanel>.row1>*:nth-child(1){
        align-self: flex-start;
}

.FilterSelectSearchDialog>.stackPanel>.row4>*:nth-child(2){
         align-self: center;
    margin: 0 5px;
}

.FilterSelectSearchDialog>.stackPanel>.row0>*:nth-child(2), .FilterSelectSearchDialog>.stackPanel>.row1>*:nth-child(2), .FilterSelectSearchDialog>.stackPanel>.row3>*:nth-child(2){
    width:30px;
}

.FilterSelectSearchDialog>.stackPanel>.stackPanel>.textBlock{
   font-weight:bold;
   line-height: 1.4;
}

.FilterSelectSearchDialog>.stackPanel>.row4 .button:first-child,.FilterSelectSearchDialog>.stackPanel>.row0{
    margin-bottom:5px;
}

.FilterSelectSearchDialog>.stackPanel>.row4{
    position:relative;
}
.FilterSelectSearchDialog .BaseTreeView{
     min-height:150px;
}
    .FilterSelectSearchDialog > .stackPanel > .row3 {
        margin: 5px 0px;
    }
/*Block=10,BlockOrderID=2004*/

/*/////////////////////////////////////////////////*/
/*//////////      QuicklinkSettings      //////////*/
/*/////////////////////////////////////////////////*/

.QuicklinkSettings {
}

    .QuicklinkSettings .leftSTKPNL {
        width: 320px;
        margin-top: 20px;
        margin-left: 10px;
    }


    .QuicklinkSettings .rightSTKPNL {
        margin-top: 20px;
        margin-left: 10px;
        border: 1px solid gray;
        width: 400px;
    }

        .QuicklinkSettings .rightSTKPNL > * {
            flex-shrink: 0;
        }

    .QuicklinkSettings .textBlockProperty {
        align-self: center;
        width: 100px;
        margin-left: 6px;
    }

    .QuicklinkSettings .DialogHelperHeaderProperty {
        margin: 6px !important;
    }

    .QuicklinkSettings .comboBoxProperty {
        width: 280px;
    }

    .QuicklinkSettings .databankSTKPNL {
        margin-bottom: 8px;
    }

    .QuicklinkSettings .qlDBListBox {
        border-width: 0px;
    }

    .QuicklinkSettings .checkBox {
        margin-left: 7px;
        margin-bottom: 3px;
    }

    .QuicklinkSettings .leftListBoxProperty {
        margin: 6px;
        min-height: 100px;
    }

    .QuicklinkSettings .buttonsSTKPNL {
        margin-top: 10px;
        margin-right: 10px;
    }

    .QuicklinkSettings .qlButtonStack {
        margin-left: 4px;
    }

    .QuicklinkSettings .qlSaveButton {
        align-self: flex-end;
    }

    .QuicklinkSettings .rightButtonsProperty {
        margin: 2px;
        min-width: 75px;
    }

    .QuicklinkSettings .dbSelectionTree {
        width: 100%;
        height: 100%;
        min-height: 150px;
    }

.browserIE .QuicklinkSettings .dbSelectionTreeLayer {
    height: 150px;
}
/*/////////////////////////////////////////////////*/
/*//////////   HyperlinkSettingsDialog   //////////*/
/*/////////////////////////////////////////////////*/

.HyperlinkSettingsDialog {
}

    .HyperlinkSettingsDialog .UrlTBX {
        flex-direction: column;
    }

        .HyperlinkSettingsDialog .UrlTBX textarea {
            border: 0px;
            overflow-x: hidden;
            box-sizing: border-box;
            resize: none;
            flex: 1 1 auto;
            background-color: white;
            overflow-y: auto;
        }

.reportQuicklinkAdministrationDialog > .qlTreeStack {
    width: 300px;
}

    .reportQuicklinkAdministrationDialog > .qlTreeStack > .qlAdminButtonStack > .button {
        width: 75px;
        margin: 2px;
    }

.reportQuicklinkAdministrationDialog > .reportQuicklinkDefinitionControl > .nameStack > .textBlock {
    margin: 2px;
    align-self: center;
    width: 80px;
}

.reportQuicklinkAdministrationDialog > .reportQuicklinkDefinitionControl > .nameStack > .TranslationTextBox,
.reportQuicklinkAdministrationDialog > .reportQuicklinkDefinitionControl > .nameStack > .combobox,
.reportQuicklinkAdministrationDialog > .reportQuicklinkDefinitionControl > .cbStack .chbwrap {
    margin: 2px;
}

button.alcButton {
    width: 20px;
    height: 20px;
    padding: 0px;
    margin: 0px -2px 4px 0px;
}

.reportQuicklinkAdministrationDialog > .reportQuicklinkDefinitionControl .aLineControl {
    height: 70px;
}

    .reportQuicklinkAdministrationDialog > .reportQuicklinkDefinitionControl .aLineControl.headerLineControl > .hlcAddButton {
        margin: 14px 10px 10px 10px;
        width: 20px;
        height: 20px;
        padding: 0px;
    }

        .reportQuicklinkAdministrationDialog > .reportQuicklinkDefinitionControl .aLineControl.headerLineControl > .hlcAddButton > .ResourceIconImage {
            margin: auto;
        }

    .reportQuicklinkAdministrationDialog > .reportQuicklinkDefinitionControl .aLineControl.headerLineControl > .hlcLevelStack > .stackPanel > .tbWrap {
        align-self: flex-start;
        margin: 10px 2px;
    }

    .reportQuicklinkAdministrationDialog > .reportQuicklinkDefinitionControl .aLineControl .alcButton {
        width: 20px;
        height: 20px;
        padding: 0px;
        margin: 10px;
    }

    .reportQuicklinkAdministrationDialog > .reportQuicklinkDefinitionControl .aLineControl .hlcLevelStack .alcButton {
        margin: 10px 0px;
    }

    .reportQuicklinkAdministrationDialog > .reportQuicklinkDefinitionControl .aLineControl.headerLineControl > .alcButton {
        margin: 3px 8px 4px 4px;
    }

    .reportQuicklinkAdministrationDialog > .reportQuicklinkDefinitionControl .aLineControl.memberLineControl > .mlcButtonStack {
        margin: 3px 10px 0px 4px;
    }

    .reportQuicklinkAdministrationDialog > .reportQuicklinkDefinitionControl .aLineControl.memberLineControl:nth-child(even) {
        background: lightgray;
    }

    .reportQuicklinkAdministrationDialog > .reportQuicklinkDefinitionControl .aLineControlStack,
    .reportQuicklinkAdministrationDialog > .reportQuicklinkDefinitionControl .aLineControl.headerLineControl > .hlcLevelStack > .stackPanel {
        margin: 3px 10px;
    }

        .reportQuicklinkAdministrationDialog > .reportQuicklinkDefinitionControl .aLineControlStack .button {
            width: 20px;
            height: 20px;
            margin: 0px 0px 2px 2px;
            padding: 0px;
        }

    button.alcButton > .ResourceIconImage, .reportQuicklinkAdministrationDialog > .reportQuicklinkDefinitionControl .aLineControl .button > .ResourceIconImage {
        margin: auto;
    }

.reportQuicklinkAdministrationDialog > .reportQuicklinkDefinitionControl .aLineControlStack.w250 {
    width: 350px;
}

.reportQuicklinkAdministrationDialog > .reportQuicklinkDefinitionControl > .buttonSave {
    width: 75px;
    margin: 2px;
    align-self: flex-end;
}

.reportQuicklinkAdministrationDialog > .reportQuicklinkDefinitionControl .HeaderTextControl > :first-child {
    width: 50px;
}

.reportQuicklinkAdministrationDialog > .reportQuicklinkDefinitionControl .HeaderTextControl > :last-child {
    width: 350px;
}

.reportQuicklinkDefinitionControl .qlDeletableListItem {
    flex-wrap: nowrap;
}

    .reportQuicklinkDefinitionControl .qlDeletableListItem > .textBlock {
        overflow: hidden;
        align-self: center;
        margin-right: 4px;
    }

    .reportQuicklinkDefinitionControl .qlDeletableListItem > .ResourceIconImage {
        flex-shrink: 0;
    }

.ReportSelectionDialog {
    margin: 11px;
}

.ReportSelectionDialogText {
    margin: 4px;
}

.ReportSelectionDialogList {
    margin-top: 11px;
}

/*Block=10,BlockOrderID=2005*/

.reportTimeSlider{
	flex: 1 1 100%;
}

.startEndDatePickerControl{
	flex-wrap: nowrap;
	flex: 1 1 auto;
}

.startEndDatePickerControl .labelDatePicker{
	width: 50px;
	text-align: left;
	margin-bottom: 4px;
}

.startEndDatePickerControl .valueDatePicker{
	height: 23px;
	margin-left: 4px;
	margin-bottom: 4px;
}

.MeasureReferenceSettings > * {
    flex-shrink: 0;
}

.MeasureReferenceSettings > .textBlock,
.MeasureCubeDimensionSelect > .stackPanel > .textBlock {
    text-align: left;
    margin-bottom: 4px;
}

.MeasureReferenceSettings > .TranslationTextBox,
.MeasureReferenceSettings > .mrsHierStack,
.MeasureReferenceSettings > .combobox,
.MeasureReferenceSettings > .brushPickerButton {
    margin-bottom: 7px;
}

    .MeasureReferenceSettings > .mrsHierStack > .button {
        height: 22px;
        width: 22px;
        padding: 0px;
        margin-right: 2px;
    }

        .MeasureReferenceSettings > .mrsHierStack > .button > .ResourceIconImage {
            margin: auto;
        }

.MeasureReferenceSettings > .brushPickerButton {
    height: 21px;
    border: 1px solid black;
}
 
.MeasureReferenceSettings > .brushPickerButton .aBrushPickerButtonBorder {
    width: 98%;
}

.MeasureCubeDimensionSelect {
    margin-bottom: 4px;
    flex-shrink: 0;
}

    .MeasureCubeDimensionSelect > .chbwrap {
        white-space: nowrap;
    }

    .MeasureCubeDimensionSelect > .stackPanel {
        margin: 4px 0px 0px 11px;
        border-bottom: 1px solid silver;
    }
/*Block=10,BlockOrderID=2006*/
/*/////////////////////////////////////////*/
/*//////////      RoleAdmin      //////////*/
/*/////////////////////////////////////////*/

.RoleAdmin{

}

.RoleAdmin .DBSelectionCBX{
    width:300px;
    margin-left: 20px;
    margin-right: 10px;
    height: 21px;
}

.RoleAdmin .FilterTextTBK{
    margin-left:20px;
    width:300px;
    border:1px solid black;
    line-height: 23px;
}

.RoleAdmin .clearFilterBTN{
    margin-right:10px;
}


/*/////////////////////////////////////////*/
/*//////////     MultiDBRoles    //////////*/
/*/////////////////////////////////////////*/


.MultiDBRoles{
    flex: 1 1 100%;
}

.MultiDBRoles .RolesLBX{
    margin:8px;
}

.MultiDBRoles .datenSTKPNL{
    margin-right: 30px;
    width: 300px;
}

    .MultiDBRoles .listboxSTKPNL {
        margin-left: 20px;
        flex-wrap: nowrap;
    }

    .MultiDBRoles .buttonsSTKPNL {
        margin-left: 20px;
        margin-top: 5px;
        margin-bottom: 15px;
        flex-shrink: 0;
    }

.MultiDBRoles .buttonsSTKPNL .button{
    margin-right:10px;
    width:100px;
}

.MultiDBRoles .MemberProperties{
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 40px;
}

/*/////////////////////////////////////////*/
/*//////////   MemberProperties  //////////*/
/*/////////////////////////////////////////*/

.MemberProperties{
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 40px;
}

.MemberProperties .MembersLBX{
    margin-bottom:5px;
}

.MemberProperties .buttonsSTKPNL{
    justify-content: flex-end;
}

.MultiDBRoles .buttonsSTKPNL .button.delBTN{
    margin-right:0px;
}

/*/////////////////////////////////////////*/
/*//////////  DatabaseProperties //////////*/
/*/////////////////////////////////////////*/

.DatabaseProperties{
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 40px;
}

.DatabaseProperties .nameSTKPNL{
    margin-bottom:10px;
}

.DatabaseProperties .textBlockProperty{
    width: 100px;
    margin: 5px;
}

.DatabaseProperties .checkBoxProperty{
    margin-left: 115px;
    margin-top: 15px;
}

/*/////////////////////////////////////////*/
/*//////////    CubeProperties   //////////*/
/*/////////////////////////////////////////*/

.CubeProperties{
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 40px;
}

/*/////////////////////////////////////////*/
/*////////// DimensionProperties //////////*/
/*/////////////////////////////////////////*/

.DimensionProperties{
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 40px;
}


/*/////////////////////////////////////////*/
/*////////// AttributeProperties //////////*/
/*/////////////////////////////////////////*/

.AttributeProperties{
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 40px;
}

.AttributeProperties .leftSTKPNL{
    min-width:250px;
}

.AttributeProperties .rightSTKPNL{
    margin-left:10px;
}

.AttributeProperties .radioBTNProperty{
    margin-right: 10px;
    margin-bottom: 20px;
    margin-top: 5px;
}

.AttributeProperties .blockSortTBK{
    margin-top: 7px;
    margin-left: 20px;
    margin-right: 5px;
}

.AttributeProperties .ComboBoxSort{
    margin-top: 2px;
    width: 100px;
}

.AttributeProperties .KeysBorder{
    border: 1px solid gray;
    padding: 5px;
}

.AttributeProperties .stack{
    margin:10px;
}

.AttributeProperties .stackElementProperty{
    margin-right:10px;
}

.AttributeProperties .allowedTBK{
    margin-bottom: 5px;
    margin-left: 10px;
}

.AttributeProperties .deniedTBK {
    margin: 10px;
    margin-bottom: 5px;
}

.browserIE .AttributeProperties .AttributeDropDownLayer {
    height: 150px;
}

.AttributeProperties .AttributeDropDownLayer .BaseTreeView {
    min-height: 150px;
    width: 100%;
    height: 100%;
}

.AttributeProperties .AllowedContent  textarea, .AttributeProperties .DeniedContent  textarea {
    height: auto;
    resize: none;
    background: transparent;
    border-width: 0px;
    overflow: auto;
}
/*Block=10,BlockOrderID=2007*/

.showVersionsDialog .textBlockDocumentHeaderControl {
    margin-bottom: 5px;
}

.showVersionsDialog .svdButtonPanel {
    background: rgb(240, 240, 240);
}

.showVersionsDialog .svdButtonPanel .button {
    margin: 11px 0px 11px 7px;
    height: 23px;
    min-width: 75px;
}

.showVersionsDialog .svdButtonPanel > .button {
    margin-right: 7px;
}
/*Block=10,BlockOrderID=2016*/
.GetTextAndFwElement {
    margin-top: 10px;
    flex-wrap:nowrap;
}

.GetTextAndFwElement .textBlock{
    align-self:center;
}

.textBlockDocumentHeaderControl{
	text-align: left;
}

.textBlockDocumentHeaderControl .spaceIcon > *{
	margin: 4px 7px 0px 0px;
}

.textBlockDocumentHeaderControl .tbdHeader{
	font-size: 15px;
	color: #003399;
	line-height: 1.5;
}

.textBlockDocumentHeaderControl .subText{
	font-size: 11px;
}

.defaultGroupHeader {
    margin: 11px 0px 4px 0px;
}

.defaultGroupHeader > .textBlock{
    margin-right: 5px;
    font-size: 11px;
}

.defaultGroupHeader > .border{
    border-top: 1px solid silver;
    flex: 1 1 auto;
    align-self: center;
}

.CBXImageItem{
    height:20px;
}

  .CBXImageItem >*{
      align-self:center;
  }

  .CBXImageItem .ResourceIconImage{
      margin:0 3px;
  }

.ColorListBoxItem{

}

  .ColorListBoxItem .canvas{
      margin-right:5px;
  }
/*Block=10,BlockOrderID=2017*/

.databaseSelectionDialog > .textBlock {
    margin: 2px;
    text-align: left;
}

.databaseSelectionDialog > .stackPanel > * {
    margin: 2px;
    align-self: center;
}

.DataSelectVariableConfigurationDialog {
}

    .DataSelectVariableConfigurationDialog .InputCaption {
        margin: 2px;
        align-self: center;
        width: 100px;
        text-align: left;
    }

.DataSelectVariableConfigurationDialogInputTree {
    min-height: 200px;
    height: 100%;
    width: 100%;
}

.browserIE .DropDownButtonSelectsLayer {
    height: 200px;
    width: 150px;
}

.TemplatePreviewDialog > .RichTextBoxControl {
    width: 285px;
    margin-left: 25px;
}
/*Block=10,BlockOrderID=2200*/

.tagPopupContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

    .tagPopupContainer > .tagPopupList {
        position: absolute;
        box-sizing: border-box;
    }
/*Block=10,BlockOrderID=2305*/
.RestoreWizard {
    margin: 10px;
}

.RestoreWizard .WizardDialogContentStack {
    height: 100%;
    width: 100%;
}

.ConfigDialog {
}

    .ConfigDialog .TextBlockInfo {
        margin: 2px;
        color: blue;
        width: 230px;
    }

    .ConfigDialog .ListBoxConfigs {
        width: 230px;
    }

    .ConfigDialog .ConfigButton {
        margin: 2px;
        height: 22px;
        width: 22px;
        padding: 2px;
    }

    .ConfigDialog .ConfigTextBlock {
        margin: 2px;
        text-align: center;
        align-self: center;
    }

    .ConfigDialog .ConfigTextBox {
        margin: 2px;
    }

    .ConfigDialog .StackPanelHeight30 {
        height: 30px;
    }

.TemplatePageContent {
    margin: 4px;
}

.TemplatePageInfoText {
    margin: 10px;
    font-weight: bold;
    font-size: 18px;
    white-space: pre;
    text-align: left;
}

.TemplatePageDBText {
    margin: 4px;
    font-weight: bold;
}

.TemplatePageNavigationBorder {
    margin: 4px;
    background-color: rgba(192, 192, 192, 104);
}

.TemplatePageRenameStack {
    border-left: solid 1px black;
}

/*Block=10,BlockOrderID=2420*/

.GroupOverview .titlePnl {
    height: 18px;
    background-color: lightgray;
    flex-wrap: nowrap;
}

    .GroupOverview .titlePnl .textBlock {
        font-weight: bold;
        align-self: center;
        margin-left: 5px;
        text-align: left;
        flex: 1 1 auto;
    }

    .GroupOverview .titlePnl .border {
        align-self: center;
    }
/*Block=10,BlockOrderID=2501*/

.expandableContainer{
	position: relative;
}

.expandableContainer.hor{
	min-width: 10px;
}

.expandableContainer.ver{
	min-height: 10px;
}

.defaultExpander {
	background-image: url(../../../Base/Base_TS/CSS/images/ui-icons_222222_256x240.png);
	height: 10px;
	width: 10px;
	position: absolute;
}

.defaultExpander:hover{
	opacity: 0.5;
}

.defaultExpander.right{
	right: 0px;
}

.defaultExpander.left{
	left: 0px;
}

.defaultExpander.right, .defaultExpander.left{
	top: 50%;
	transform: translateY(-5px);
}

.defaultExpander.left.expanded, .defaultExpander.right{
    background-position: -35px -18px;
}
.defaultExpander.left, .defaultExpander.right.expanded{
    background-position: -99px -18px;
}

.defaultExpander.up{
	top: 0px;
}

.defaultExpander.down{
	bottom: 0px;
}

.defaultExpander.up, .defaultExpander.down{
	left: 50%;
	transform: translateX(-5px);
}

.defaultExpander.up.expanded, .defaultExpander.down{
    background-position: -67px -18px;
}

.defaultExpander.up, .defaultExpander.down.expanded{
    background-position: -3px -18px;
}
/*Block=10,BlockOrderID=2699*/

.CollapseableHeader {
    /*border: 0px solid #C4C4C4 !important;*/
    border-bottom-width: 1px !important;
    background: #E2E2E2 !important;
    height: 20px !important;
    cursor: pointer;
    flex-wrap: nowrap;
}

    .CollapseableHeader .textBlock {
        margin: 4px 4px 4px 3px;
        flex: 1 1 auto;
        white-space: nowrap;
        overflow: hidden;
    }

    .CollapseableHeader .ResourceIconImage {
        margin: auto;
        flex-shrink: 0;
    }

    .CollapseableHeader.hide .CollapseImg, .CollapseableHeader.show .ExpandImg {
        display: block;
    }

    .CollapseableHeader.show .CollapseImg, .CollapseableHeader.hide .ExpandImg {
        display: none;
    }

.CollapseHeaderOpenRightPanel {
    background: white;
}

    .CollapseHeaderOpenRightPanel .StackPanelHeader {
        height: 20px;
        border-color: #C4C4C4;
        background: #E2E2E2;
        margin: 4px;
        margin-top: 2px;
    }

    .CollapseHeaderOpenRightPanel .CollapseableHeaderOpenRight {
        margin: 2px;
        min-width: 200px;
        min-height: 20px;
    }

    .CollapseHeaderOpenRightPanel .stackPanelDisplayContent {
        margin: 0px 4px;
    }

.CollapseableHeaderOpenRight {
    border-bottom: 1px;
    border-color: #C4C4C4;
    background: #E2E2E2;
    height: 20px;
    justify-content: center;
}

    .CollapseableHeaderOpenRight .textBlock {
        margin: 4px;
        text-align: left;
    }

.CollapseHeaderOpenRightPanel .stackPanelContent {
    border-left: 2px solid #C4C4C4;
    padding-top: 4px;
}

.CollapseHeaderOpenRightPanel .panelHeaderSTKPNL {
    padding-top: 4px;
    overflow-y: auto;
    overflow-x: hidden;
    flex-wrap: nowrap;
}


.itemBCKGTrue296 {
    border-bottom: 1px;
    border-color: #C4C4C4;
    background: #E2E2E2;
}

.senderBCKHT296 {
    background-color: rgb(252, 226, 137);
}

.CollapseHeaderOpenRightPanel .StackPanelHeader .textBlock {
    align-self: center;
    text-align: left;
}

/*Block=10,BlockOrderID=2999*/

    .DDCLayer > ul {
        height: 100% !important;
        display: block !important;
        /*margin: 2px !important;*/
        position: relative;
    }

.DDCLayer {
    overflow: inherit !important;
}

    .DDCLayer > ul > li {
        padding: 0px !important;
    }

/*Block=10,BlockOrderID=3000*/
.MonitoringReport {
    text-align: left;
}

    .MonitoringReport.PlanLog, .MonitoringReport.Statistic, .MonitoringReport.AlertSlide {
        padding: 15px;
    }

    .MonitoringReport .searchHeader {
        font-size: 18px;
        font-weight: bold;
        color: #003399;
        width: 100px;
    }

    .MonitoringReport .fc, .MonitoringReport .p5 {
        margin-bottom: 5px;
    }

        .MonitoringReport .fc > * {
            align-self: center;
        }

    .MonitoringReport.Statistic .dateTimePicker {
        margin-right: 5px;
    }

.DetailPanelCaption {
    margin: 2px;
    width: 100px;
    text-align: left;
    line-height: 1.4;
}

.DetailPanelContent {
    margin: 2px;
    white-space: pre-wrap;
    line-height: 1.4;
    text-align: left;
}

.DropDownBaseTreeViewControl{

}

  .DropDownBaseTreeViewControl .BaseTreeView{
      min-height:200px;
      min-width:200px;
      margin:2px;
  }

.DetailInfoControl > .stackPanel {
    flex-shrink: 0;
}
/*Block=10,BlockOrderID=3001*/

.GeneralSettingsPage > *, .SourceSettingsPage > *, .TargetSettingsPage > * {
    margin-left: 15px;
}

.GeneralSettingsPage, .SourceSettingsPage, .TargetSettingsPage {
    overflow-y: auto;
}

    .GeneralSettingsPage .infoControl, .SourceSettingsPage .infoControl, .TargetSettingsPage .infoControl {
        min-height: 22px;
        margin-left: 0px;
    }

.GeneralSettingsPage {
    overflow-y: auto;
}

    .GeneralSettingsPage .GetTextAndFwElement .textBlock {
        width: 200px;
        text-align: left;
        font-size: 13px;
    }

    .GeneralSettingsPage .GetTextAndFwElement .TranslationTextBox {
        max-width: 300px;
    }

    .GeneralSettingsPage .GetTextAndFwElement .combobox {
        width: 299px;
    }

    .GeneralSettingsPage .InteractiveMeasurePercent {
        align-self: flex-end;
        margin-bottom: 10px;
    }

    .GeneralSettingsPage .BaseTreeView .TextGrid {
        font-weight: bold;
        color: black;
    }

    .GeneralSettingsPage .InteractiveMeasurePercent .textBlock {
        width: 260px;
    }

    .GeneralSettingsPage .InteractiveMeasurePercent .chbwrap {
        margin-right: 30px;
    }

.SourceSettingsPage .dgh, .TargetSettingsPage .dgh {
    min-height: 11px;
    margin-bottom: 20px !important;
}

.SourceSettingsPage {
    overflow-y: auto;
}

    .SourceSettingsPage .dgh {
        min-height: 11px;
        margin-bottom: 30px;
    }

.TargetSettingsPage {
    overflow-y: auto;
}

    .TargetSettingsPage .ContainerGroupingPnl {
        min-height: 44px;
    }

        .TargetSettingsPage .ContainerGroupingPnl .textBlock {
            text-align: left;
            margin-bottom: 10px;
        }

    .TargetSettingsPage .timeSchiftPnl {
        min-height: 100px;
    }

        .TargetSettingsPage .timeSchiftPnl .textBlock {
            margin-bottom: 5px;
            text-align: left;
            font-size: 13px;
            min-height: 15px;
        }

        .TargetSettingsPage .timeSchiftPnl .chbwrap {
            min-height: 18px;
            margin-bottom: 10px;
        }

    .TargetSettingsPage .YearsPnl .nudPnl .textBlock {
        align-self: center;
        margin-right: 3px;
    }

    .TargetSettingsPage .YearsPnl .nudPnl .numfield {
        width: 60px;
        height: 30px;
        margin-right: 10px;
    }

.AMappingRowControl {
    height: 50px;
}

    .AMappingRowControl .sourceButtonsPnl {
        border-right: 1px solid;
        width: 100%;
    }

        .AMappingRowControl .sourceButtonsPnl .buttonSourPnl {
            width: 50px;
            justify-content: center;
        }

            .AMappingRowControl .sourceButtonsPnl .buttonSourPnl .button {
                align-self: center;
            }

        .AMappingRowControl .sourceButtonsPnl .SourcePnl {
            justify-content: center;
        }

            .AMappingRowControl .sourceButtonsPnl .SourcePnl .subPnl {
                width: 100%;
                margin-right: 10px;
                height: 90%;
                min-height: 30px;
                align-self: center;
            }

                .AMappingRowControl .sourceButtonsPnl .SourcePnl .subPnl .listbox {
                    margin-right: 2px;
                }

                .AMappingRowControl .sourceButtonsPnl .SourcePnl .subPnl .button {
                    height: 18px;
                    padding: 0px;
                }

            .AMappingRowControl .sourceButtonsPnl .SourcePnl .createTBX {
                margin-right: 10px;
                height: 30px;
                align-self: center;
                width: 100%;
            }

                .AMappingRowControl .sourceButtonsPnl .SourcePnl .createTBX .textbox {
                    text-align: center;
                }

    .AMappingRowControl .buttonsTargetPnl {
        width: 100%;
    }

        .AMappingRowControl .buttonsTargetPnl .TargetPnl {
            width: 100%;
            justify-content: center;
            padding-left: 10px;
        }

            .AMappingRowControl .buttonsTargetPnl .TargetPnl .subPnl {
                width: 100%;
                margin-right: 10px;
                height: 90%;
                min-height: 30px;
                align-self: center;
            }

                .AMappingRowControl .buttonsTargetPnl .TargetPnl .subPnl .listbox {
                    margin-right: 2px;
                }

                .AMappingRowControl .buttonsTargetPnl .TargetPnl .subPnl .button {
                    height: 18px;
                    padding: 0px;
                }

            .AMappingRowControl .buttonsTargetPnl .TargetPnl .createTBX {
                margin-right: 10px;
                height: 30px;
                align-self: center;
                width: 100%;
            }

                .AMappingRowControl .buttonsTargetPnl .TargetPnl .createTBX .textbox {
                    text-align: center;
                }



        .AMappingRowControl .buttonsTargetPnl .buttonsTargPnl {
            min-width: 170px;
        }

            .AMappingRowControl .buttonsTargetPnl .buttonsTargPnl > * {
                align-self: center;
            }

            .AMappingRowControl .buttonsTargetPnl .buttonsTargPnl .tbWrap {
                height: 28px;
                align-self: center;
                width: 60px;
            }

            .AMappingRowControl .buttonsTargetPnl .buttonsTargPnl .textBlock {
                font-weight: bold;
                margin-right: 10px;
            }

            .AMappingRowControl .buttonsTargetPnl .buttonsTargPnl .ButtonBarPnl {
                align-self: flex-start;
                margin: 4px 0 0 4px;
            }

                .AMappingRowControl .buttonsTargetPnl .buttonsTargPnl .ButtonBarPnl .button {
                    padding: 0px;
                    width: 18px;
                    margin-bottom: 5px;
                }

    .AMappingRowControl .listbox .panel .textBlock {
        width: 95%;
        align-self: center;
    }

    .AMappingRowControl .listbox .panel .button {
        border: none;
    }

.AMappingRowControlBRD {
    border-bottom: 1px solid;
}

.TreeDropDownButton {
}

    .TreeDropDownButton .chbwrap {
        align-self: center;
    }

    .TreeDropDownButton .textBlock {
        width: 330px;
        margin-bottom: 0px !important;
        align-self: center;
        text-align: left;
    }

    .TreeDropDownButton .DropDownButton {
        width: 220px;
        height: 21px;
    }

        .TreeDropDownButton .DropDownButton .DDCLayer {
            height: 130px;
        }

        .TreeDropDownButton .DropDownButton .DDCLayer .BaseTreeView {
            min-height: 100px;
            height: 100%;
            width: 100%;
        }

.CopyBetweenCubesWithMappingSlide {
    overflow-y: auto;
}

    .CopyBetweenCubesWithMappingSlide .buttonsBRD {
        border-top: 1px solid;
        min-height: 50px;
        background-color: aliceblue;
        justify-content: flex-end;
    }

        .CopyBetweenCubesWithMappingSlide .buttonsBRD .button {
            height: 40px;
            align-self: center;
            margin-right: 10px;
        }

.TransitionControl {
    min-height: 500px;
}

.MappingSelectionHierarchyDialog {
}

    .MappingSelectionHierarchyDialog .AllOtherUsed {
        margin-bottom: 10px;
        font-weight: bold;
        color: rgb(62, 120, 179);
    }


.CopyBetweenCubesWithMappingSlide .TargetSettingsPage > * {
    flex-shrink: 0;
}

.CopyBetweenCubesWithMappingSlide .TargetSettingsPage > .textBlock {
    text-align: left;
}

/*Block=10,BlockOrderID=3010*/
.combobox {
    position: relative;
    padding: 0px;
    background: white;
    height:20px;
}

.cbLayer {
    position: absolute;
    background: #fff;
    border: 1px solid;
    max-height: 300px;
    overflow: auto;
    z-index: 100002;
    /*display: none;*/
    left: -1px;
    right: -1px;
    transform-origin: 0% 0%;
     will-change: transform;
}

.browserEdge .cbLayer{
    right: 0px;
}

    .cbLayer > ul > li {
        cursor: pointer;
        padding: 5px;
        text-align: left;
    }

    .cbLayer > li img {
        display: inline-block;
        float: left;
        margin-right: 4px;
    }

    .cbLayer > ul > li > span {
        vertical-align: middle;
    }

.cbBigLayer {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 100001;
     will-change: transform;
}

    .cbShowField.imageActive img {
        display: inline-block;
        margin-top: 2px;
        margin-left: 2px;
    }

    .cbShowField.imageActive input {
        margin-left: 20px;
        padding-right: 20px;
    }

    .cbShowField span.arrow:after {
        content: "";
        background-position: -67px -18px;
        background-image: url(../../../Base/Base_TS/CSS/images/ui-icons_222222_256x240.png);
		height: 10px;
		width: 10px;
		position: absolute;
		right: 0px;
		top: 50%;
		transform: translateY(-5px);
    }

.combobox input, .combobox .tbWrap{
    background:transparent!important;
    flex-wrap: nowrap;
}
.combobox .tbWrap .clear{
margin-right: 12px;
    margin-top: 2px;
    }

.combobox .tbWrap{
    flex-basis:20px;
}

.combobox input:disabled{
    cursor:default;
}
.combobox input {
    padding: 0px 3px;
	width: 100%;
}

.combobox.clientImageComboBox .cbShowField {
    height: 100%;
    justify-content: flex-end;
}

.ClientImageComboBoxItem {
    display: flex;
    justify-content: center;
}

.bici{
    text-align:left;
    padding: 2px;
    cursor: pointer;
}

 /*ANIMATIONS*/

 .showElement, .hideElement {
    animation-duration: 0.1s;-o-animation-duration: 0.1s;-ms-animation-duration: 0.1s;-moz-animation-duration: 0.1s;-webkit-animation-duration: 0.1s;
    animation-name: aniShow;-o-animation-name: aniShow;-ms-animation-name: aniShow;-moz-animation-name: aniShow;-webkit-animation-name: aniShow;
}

 .hideElement {
    animation-name: aniHide; -o-animation-name: aniHide;-ms-animation-name: aniHide;-moz-animation-name: aniHide;-webkit-animation-name: aniHide;
}

@keyframes aniShow {from {transform: scaleY(0);}to {transform:scaleY(1);}}
@-moz-keyframes aniShow {from {transform: scaleY(0);}to {transform:scaleY(1);}}
@-webkit-keyframes aniShow {from {transform: scaleY(0);}to {transform:scaleY(1);}}
@-ms-keyframes aniShow {from {transform: scaleY(0);}to {transform:scaleY(1);}}
@-o-keyframes aniShow {from {transform: scaleY(0);}to {transform:scaleY(1);}}

@keyframes aniHide {from {transform: scaleY(1);}to {transform:scaleY(0);}}
@-moz-keyframes aniHide {from {transform: scaleY(1);}to {transform:scaleY(0);}}
@-webkit-keyframes aniHide {from {transform: scaleY(1);}to {transform:scaleY(0);}}
@-ms-keyframes aniHide {from {transform: scaleY(1);}to {transform:scaleY(0);}}
@-o-keyframes aniHide {from {transform: scaleY(1);}to {transform:scaleY(0);}}


.showElement2 {
    transition: transform 0.1s ease-in;
    -o-transition: transform 0.1s ease-in;
    -ms-transition: transform 0.1s ease-in;
    -moz-transition: transform 0.1s ease-in;
    -webkit-transition: transform 0.1s ease-in;
}
/*Block=10,BlockOrderID=3011*/
.ribbonDropDownLayer{
    position: absolute;
    background: #fff;
    border: 1px solid;
    border-color: inherit;
    z-index: 100002;
    left: -1px;
    transform-origin: 0% 0%;
    border: 1px solid rgb(210,210,210);
     will-change: transform;
}

.ribbonDropDownLoadingBorder{
    height: 100px;
    width: 100px;
    background: white;
}

.ribbonAdvancedSearchControl{
    height: 18px;
}

.ribbonAdvancedSearchDisplayItem{
    /*height: 18px;*/
    padding:3px 2px 3px 2px;
    border-left:2px solid transparent;
    flex-wrap: nowrap;
    overflow: hidden;
}

.ribbonAdvancedSearchDisplayItem img, .ribbonAdvancedSearchDisplayItem .ResourceIconImage{
    margin-right: 4px;
    flex-shrink: 0;
}

.ribbonAdvancedSearchDisplayItem p{
    margin: auto 2px;
    white-space: nowrap;
    align-self: center;
    text-align: left;
}

.ribbonAdvancedSearchControl .EditableDropDownlayer {
    margin-top: 5px;
}

.ribbonDropDownButton span.arrow:after {
        content: "";
        background-position: -67px -18px;
        background-image: url(../../../Base/Base_TS/CSS/images/ui-icons_222222_256x240.png);
		height: 10px;
		width: 10px;
		position: absolute;
}

.ribbonDropDownButton span.arrow.arrowBottom:after{
	left: 50%;
	transform: translateX(-5px);
	bottom: 0px;
}

.ribbonDropDownButton span.arrow.arrowRight:after{
	top: 50%;
	transform: translateY(-5px);
	right: 0px;
}

.ribbonDropDownButton span.arrow.openToRight:after{
	background-position: -35px -18px;
}


/*Block=10,BlockOrderID=3012*/

.advancedInfoButton{
	margin: 1px;
}

.advancedInfoButtonTextStack{
	margin: 5px;
}

.advancedInfoButtonText{
	font-weight: bold;
	align-self: flex-start!important;
}

.advancedInfoButtonImageBorder{
	margin: 2px;
}
/*Block=10,BlockOrderID=3013*/

.aBrushPickerButtonBorder {
    margin: 1px;
    padding: 0px;
    border: 1px solid rgb(192, 192, 192) !important;
    border-radius: 2px;
    width: 80%;
    height: 80%;
    align-self: center;
}

.paletteGrid > .stackPanel{
	border: 1px solid black;
}

.paletteGrid > .chbwrap{
	margin: 2px;
}

.smallColorListBoxItem{
	padding: 6px;
	border-radius: 2px;
	border: 1px solid transparent;
}

.smallColorListBoxItem.selected{
	background: -moz-linear-gradient(top,  rgb(253, 236, 169) 23.2%, rgb(253, 228, 138) 62.3%, rgb(253, 253, 235) 91.4%);
	background: -webkit-linear-gradient(top,  rgb(253, 236, 169) 23.2%, rgb(253, 228, 138) 62.3%, rgb(253, 253, 235) 91.4%);
	background: -o-linear-gradient(top,  rgb(253, 236, 169) 23.2%, rgb(253, 228, 138) 62.3%, rgb(253, 253, 235) 91.4%);
	background: linear-gradient(to bottom, rgb(253, 236, 169) 23.2%, rgb(253, 228, 138) 62.3%, rgb(253, 253, 235) 91.4%);
	border-color: rgb(241, 202, 88);
}

.smallColorListBoxItem:not(.selected):hover{
	background: rgba(241, 202, 88, 0.35);
	border-color: rgba(241, 202, 88, 0.35);
}

.smallColorListBoxItem > .border{
	border: 0.5px solid black!important;
	padding: 0px;
	margin: opx;
	width: 16px;
	height: 16px;
}

.smallColorListBoxItem > p{
	align-self: center;
	margin: 2px;
}

.brushPicker .brushPickerButtonStack > button, .brushPicker .gradientGrid > button{
	margin: 2px;
	padding: 2px;
}

.brushPicker .selectedBrush{
	height: 22px;
	width: 22px;
	margin: 3px 2px;
}

.brushPickerButton > *{
    height:100%;
}

.rgbColorChooser {
	position: relative;
	height: 120px;
	width: 120px;
	margin: 2px;
}

.rgbColorChooser > canvas{
	width: 120px;
	height: 120px;
	position: absolute;
}

.colorPicker .ribbonDropDownButton{
	margin: 2px;
	width: 120px;
    border: 1px solid gray;
}

.colorPicker .ribbonDropDownButton .tbWrap {
    margin: 1px 20px 1px 5px;
}

.colorPicker .ribbonDropDownButton .textbox{
	width: 100%;
}

.colorPicker .ribbonDropDownButton .arrowRight:after{
	right: 5px;
}

.brushPicker .gradientGrid .multiThumbSlider{
	margin: 0px 20px;
}

.definedColorControl > div{
	height: 16px;
	width: 16px;
}

.definedColorControl > p{
	margin: 2px 5px 2px 2px;
}

.brushPicker .rgbColorPicker{
	margin: 0px 2px;
}

.rgbColorPicker .textBlock{
	width: 50px;
	align-self: center;
	text-align: left;
}

.rgbColorPicker .numfield{
	margin: 2px 2px 2px 5px;
}

.rgbColorPicker .numfield .textbox{
	width: 30px;
}

.rgbColorPicker .numfield .up, .rgbColorPicker .numfield .down{
	display:none!important;
}

.rgbColorPicker .multiThumbSlider{
	margin: 2px 0px;
	min-width: 102px;
	flex: 1 1 auto;
}

.brushPicker .multiThumbSlider .repeatButton{
	height: 9px;
}

.brushPickerButton .imageBrushPicker {
    width: auto;
    margin: 2px 5px;
    border-width: 0px!important;
}
/*Block=10,BlockOrderID=3017*/
.border, .Border {
    box-sizing: border-box;
    border-width: 1px;
    border-style: inherit;
}

/*Block=10,BlockOrderID=3020*/

.listbox {
    overflow: auto;
    padding: 0px;
    background: white;
}

    .listbox > * {
        padding: 5px;
        text-align: left;
        cursor: pointer;
        border: 1px solid transparent;
        white-space: nowrap;
    }

.mobile .listbox > * {
    padding: 10px 5px;
}

/*Block=10,BlockOrderID=3040*/
.button {
    padding: 3px 5px 2px 5px;
    margin: 0px;
    cursor: pointer;
    background: white;
}

.activeLinkButton{
	color: black!important;
}

.textIconButton {
    height:27px;
    margin-top:6px;
    margin-left:10px;
    margin-right:10px;
    justify-content:center;
}

    .textIconButton.ver {
        height: auto;
    }

    .textIconButton:hover {
        color: blue;
    }

    .textIconButton .ResourceIconImage {
        align-self: center;
    }

.textIconHoverSelectButton:hover{
    background-color: aliceblue;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    transition:0.3s;
}

.tblSet3040{
    color:blue;
}

.tblRem3040{
    color:black;
}

.bckSet3040{
    background-color:lightskyblue;
}
.bckRem3040{
    background-color:transparent;
}

.mcbElementsPnl {
    position: absolute;
    border: 1px solid darkgray;
    background: white;
}

.mcbElementsPnl > .textIconButton {
    height: 23px;
    margin: 2px;
    align-self: flex-start;
}
/*Block=10,BlockOrderID=3050*/
.MoveListBoxList {
    border-color: rgb(191, 203, 216);
    border-width: 1px;
}

.MoveListBoxButton {
    color: gray;
    font-size: 15px;
    font-family: Webdings;
    padding: 0px;
    background-color: transparent;
    width: 18px !important;
    height: 18px !important;
    border: 0px;
}

.MoveListBoxButtonRotate {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*Block=10,BlockOrderID=3083*/
    .TreeViewList .ColumnHeaderControl .tvcc /* Column Cell Header text*/ {
        white-space: nowrap;
        flex: 1 1 auto;
    }

    .TreeViewList .ColumnHeaderControl .tvc /* Column Cell */ {
        overflow: hidden;
        white-space: nowrap;
        position: absolute;
        color: rgba(89, 89, 89, 1);
        background-color: rgba(242, 242, 242, 1);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexBox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

.TreeViewList .gridcolumncanvas {
    display: inherit;
}

.TreeViewList .gridcolumn {
    position: inherit;
}


.TreeViewList .CellSurface, .TreeViewList .ColumnHeaderSurface {
    position: relative;
    overflow: hidden;
}

    .TreeViewList .CellSurface .cell {
        white-space: nowrap;
        overflow: hidden;
        position: absolute;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
    }

.TreeViewList.ShowTreeLines .CellSurface .cell:not(.flexBox):not(.IndicatorCell) {
    border-color: rgba(214, 230, 247, 1);
    border-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
}

.tvbody .tvex, .tvcx {
    width: 10px;
    height: 10px;
    background: url(/Base/Base_TS/CSS/Images/grid_arrow_not_expanded.png) no-repeat center center;
    text-indent: -50000px;
    display: block;
    position: absolute;
    left: 0px;
    cursor: pointer;
    font-size: 10px;
}

.TreeViewList .tvcx.expanded {
    background: url(/Base/Base_TS/CSS/Images/grid_arrow_expanded.png) no-repeat center center;
}
.TreeViewList .tvcx.expandedReverse {
    background: url(/Base/Base_TS/CSS/Images/grid_arrow_expandedReverse.png) no-repeat center center;
}


.TreeViewList .ColumnHeaderControl .tvc .tvcx /* Column CellExpander */ {
    position: absolute;
    top: 4px;
    border: 0px solid white !important;
    /*left:3px;*/
    width: 10px;
    height: 10px;
    z-index: 150;
}

.mobile .TreeViewList .ColumnHeaderControl .tvc .tvcx /* Column CellExpander */ {
	top: 0px;
	width: 20px;
	height: 100%;
}

.automaticWordWrapAndBreak{
	white-space: pre-wrap;
	line-height: 1.4;
	margin: auto 0px;
	width: 100%;
    word-break: break-word;
}


.TreeViewList .scrollbar-external.scex {
    float: right;
}

.TreeViewList .scrollbar-external.scey {
    bottom: 0px;
    position: absolute;
}

.TreeViewList .IndicatorCell {
    border-style: solid;
    border-color: rgb(210, 210,210);
    border-left-width: 1px;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    background-color: rgba(242, 242, 242, 1);
}

    .TreeViewList .IndicatorCell.full {
        border-top-width: 1px;
    }


.TreeViewList .cell {
    font-weight: normal;
    font-family: "Segoe UI";
    font-style: normal;
    font-size: 11px;
    text-decoration: none;
    /*color: rgba(0, 0, 0, 1);*/
    text-align: Left;
    vertical-align: middle;
    padding: 1px;
}

    .TreeViewList .cell.selected {
        background-color: rgba(180, 219,234,251) !important;
    }

    .TreeViewList .cell.highlight {
        background-color: rgba(128, 202, 224, 245);
    }

.MovementThumb {
    position: absolute;
    left: 0px;
    z-index: 100;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 0px;
    height: 0px;
    outline-style: none;
}

.MovementThumb.noZindex{
     z-index: inherit;
}

.TreeViewList .cell.notdisplayed {
    border-style: hidden !important;
    padding: 0px !important;
    background-color: transparent;
}

.TreeViewList .ColumnHeaderSurface, .TreeViewList .CellSurface, .TreeViewList .CellSurface .panel {
     will-change: transform;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.TreeViewList .mainscrollbarWrapper.scey {
    position: absolute;
    display: inherit;
    flex: 0 0 auto;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.TreeViewList .mainscrollbarWrapper.scey.scrollHV {
    bottom: 20px;
}

.TreeViewList .mainscrollbarWrapper.scex {
    flex-basis: 20px !important;
}

.browserIE .TreeViewList .mainscrollbarWrapper.scey, .browserIE .TreeViewList .mainscrollbarWrapper.scex {
    z-index: 101; /*ScrollViewer vor MovementThumb*/
}

.TreeViewList .ColumnHeaderControl .resizer, .TreeViewList .ColumnHeaderControl .resizer:before{
    width: 2px;
    height: 100%;
    background-size: 0px 0px;
}

.TreeViewList .ColumnHeaderSurface.order1, .TreeViewList .row.order1 .CellSurface.order1 {
    flex: 0 0 auto;
}

.TreeViewList .FirstCell {
    min-width: 30px;
    box-sizing: border-box;
}

.swingOutTreeViewList{
	position: relative;
	flex-wrap: nowrap;
	overflow: auto;
}

.swingOutTreeViewList>.stackPanel:last-child{
	flex: 1 1 1px;
	border-style: none;
}

.nodeListBoxItem{
	flex-wrap:nowrap;
    border:1px solid transparent;
}

.nodeListBoxItem:hover .expander, .nodeListBoxItem:hover .visibleIconBorder{
	border-color: transparent;
}

.nodeListBoxItem .expander{
	width: 30px;
	height: 20px;
	flex-shrink: 0;
	align-self: center;
}

.nodeListBoxItem .expander .tvcx{
	position: relative;
	margin: auto;
}

.visibleIconBorder{
	flex-shrink: 0;
}

.nodeListBoxItem .visibleIcon{
	align-self: center;
    margin-right: 10px;
}

.nodeListBoxItem .valueTextBlock{
	font-size: 16px;
    align-self: center;
	flex: 1 1 auto;
	flex-shrink: 0;
}

.swingOutTreeViewList .listBoxWidth{
	/*width: 100px;*/
	flex: 0 1 auto;
	border-right-style: solid;
	border-right-width: 4px;
}

.swingOutTreeViewList .listBoxArea{
	/*width: 100px;*/
	flex: 1 1 auto;
      border: 0px;
}

.swingOutTreeViewList.moreitems .listBoxArea{
    display:none;
}
/*.swingOutTreeViewList.moreitems .listBoxArea:nth-last-child(2),*/
 .swingOutTreeViewList.moreitems .listBoxArea:nth-last-child(1) {
    display:block;
}

.swingOutTreeViewList>.stackPanel>button{
    border:0px;
    background-color:transparent;
    display:none;
}

.swingOutTreeViewList.moreitems>.stackPanel:first-child>button{
    display:block;
   
}
.swingOutTreeViewList.moreitems > .stackPanel:first-child {
    flex: 0 0 20px;
    padding: 5px;
}

.breadcrumb:not(:last-child):after{
    content:">";
    margin-right:5px;
    margin-left:5px;
     text-decoration:none!important;
}
.breadcrumb {
    margin-top: 4px;
    cursor:pointer;
}

.breadcrumb:hover{
    text-decoration:underline;
    
}

.swingOutListBoxStackPanel{
	flex: 1 1 1px;
	flex-wrap: nowrap;
	overflow-y: auto;
}

.TreeViewList .gridLinesVisible{
	border-right: 1px lightgray solid;
	border-bottom: 1px lightgray solid;
}

.TreeViewList .forceBottomGridLine{
	border-bottom: 1px lightgray solid;
}

.TreeViewList .cell .toolTipCellElement {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}
/*Block=10,BlockOrderID=3110*/
.BaseTreeView {
    position: relative;
}

.tvtable .tvtci.cf .ResourceIconImage {
    float: left;
    margin: 0px 4px 0px -8px !important;
}

.BaseTreeView .TreeViewList .CellSurface .CellSPanel > * {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    float: none;
    overflow: hidden;
}

.BaseTreeView .TreeViewList .CellSurface .CellSPanel {
    display: flex;
    height: 100%;
    width: 100%;
}

    .BaseTreeView .TreeViewList .CellSurface .CellSPanel > .ResourceIconImage {
        flex-shrink: 0;
    }

    .BaseTreeView .TreeViewList .CellSurface .CellSPanel > .textBlock {
        align-self: center;
        height: 100%;
        width: 100%;
    }

.BaseTreeView .cell {
    cursor: default;
}

    .BaseTreeView .cell .ResourceIconImage {
        margin: 0px auto;
        align-self: center;
    }

.BaseTreeView .treeViewClientImageWithText > .ResourceIconImage {
    margin: 4px;
}

.BaseTreeView .TreeViewList .ColumnHeaderControl .tvc /* Column Cell */ {
    border: 1px solid rgb(210, 210,210);
    border-left: solid 1px transparent;
}

    .BaseTreeView .TreeViewList .ColumnHeaderControl .tvc:first-child {
        border-left: solid 1px rgb(210, 210,210);
    }

.TreeViewCheckBox {
    z-index: 101;
    position: relative;
    min-width: 30px;
    text-align: center;
}

.TreeViewClientImage {
    z-index: 101;
    width: 100%;
    height: 100%;
}

    .TreeViewClientImage .ResourceIconImage {
        margin: auto !important;
    }

.FilterButtonCellControl {
    position: initial;
    top: 0px;
    right: 0px;
    z-index: 1001;
    display: inline;
}

    .FilterButtonCellControl img {
        position: absolute;
        top: 2px;
        right: 20px;
    }

.mobile .FilterButtonCellControl span.arrow::after {
    transform: translateY(-10px);
    width: 20px;
    height: 20px;
    background-position: -62px -13px;
}


.ColumnHeaderControl .ribbonDropDownButton {
    margin-right: 3px;
    order: 1;
}

    .ColumnHeaderControl .ribbonDropDownButton .ddc {
        width: 16px;
        height: 16px;
        background-position: -62px -16px;
        background-image: url(../../../Base/Base_TS/CSS/images/ui-icons_222222_256x240.png);
    }


    .ColumnHeaderControl .ribbonDropDownButton .ResourceIconImage {
        width: 16px !important;
        height: 16px !important;
        margin-right: 10px;
    }

.TreeViewFilterPanel {
    padding: 0px 5px;
    max-width: 300px;
    height: 300px;
}

    .TreeViewFilterPanel > *:not(.listbox) {
        flex-shrink: 0;
    }

    .TreeViewFilterPanel .GetTextAndFwElement {
        margin-top: 5px;
    }

        .TreeViewFilterPanel .GetTextAndFwElement .textBlock {
            width: 90px;
            text-align: left;
        }

        .TreeViewFilterPanel .GetTextAndFwElement .combobox {
            width: 148px;
        }

        .TreeViewFilterPanel .GetTextAndFwElement > .tbWrap > .textbox {
            width: 128px;
        }

    .TreeViewFilterPanel .listbox {
        margin: 4px 0px;
    }

    .TreeViewFilterPanel .UserspecificFilterDialog {
        margin-left: 90px;
    }

        .TreeViewFilterPanel .UserspecificFilterDialog .combobox {
            width: 100px;
            margin: 2px 6px 2px 2px;
        }

        .TreeViewFilterPanel .UserspecificFilterDialog > .stackPanel > .tbWrap {
            width: 70px;
            margin: 2px 2px 2px 6px;
            height: 22px;
            flex-wrap: nowrap;
        }

            .TreeViewFilterPanel .UserspecificFilterDialog > .stackPanel > .tbWrap > .textbox {
                width: 70px;
            }


.TreeViewLoadByOpenBaseTreeView .LogicTextBox {
    position: absolute;
}

.TreeViewLoadByOpenBaseTreeViewDropDownContent {
    min-height: 200px;
    width: 100%;
    height: 100%;
    min-width: 200px;
}

.numericTreeViewTextBox .up, .numericTreeViewTextBox .down {
    display: none !important;
}

.treeViewTextBox > .textbox {
    width: 100%;
}

.TreeViewSelectComboBoxItem {
    padding: 2px;
}

.SearchTextBoxDropDownStack {
    max-height: inherit;
    flex-wrap: nowrap;
}

.SearchTextBoxDropDownLayer > ul {
    max-height: inherit;
}

.SearchTextBoxDropDownList {
    max-height: inherit;
    display: block;
}

.Flex11000Percent {
    flex: 1 1 0%;
}

/*Block=10,BlockOrderID=3111*/

.TranslationTextBox > .tbWrap{
	border: 1px solid black;
}

.translationDialogPanel .newDefStack{
	border: 1px solid rgb(192,192,192);
}

.translationDialogPanel .newDefStack .combobox{
	margin: 5px 0px 5px 5px;
	height: 23px;
}

.translationDialogPanel .newDefTextBox{
	margin: 5px 0px;
}

.translationDialogPanel .newDefStack .button{
	width: 35px;
	margin: 5px 5px 5px 0px;
}

.translationDialogPanel .nameStack p{
	margin: 0px 10px 7px 0px;
	line-height: 23px;
	height: 23px;
	text-align: left;
}

.translationDialogPanel .textStack .tbWrap{
	margin-bottom: 7px;
	height: 23px;
}

.translationDialogPanel .textStack .button{
	margin: 0px 0px 7px 5px;
	width: 24px;
	padding: 0px;
}

.TitleDescriptionDialog > .textBlock {
    text-align: left;
    font-weight: bold;
    font-size: 12px;
}

.TitleDescriptionDialog > .TranslationTextBox {
    margin: 10px 20px;
}
/*Block=10,BlockOrderID=3112*/

.RTBTextDialog > .RichTextBoxControl {
    border: 1px solid rgb(177, 179, 179);
}

.RTBFormatControl {
    background-color: rgb(223, 233, 245);
}

    .RTBFormatControl > .stackPanel {
        padding: 2px;
    }

    .RTBFormatControl > .rtbfcFirstStack,
    .RTBFormatControl > .rtbfcSecondStack,
    .RTBFormatControl > .rtbfcThirdStack,
    .RTBFormatControl > .rtbfcSixthStack,
    .RTBFormatControl.showBorderOnFourthStack > .rtbfcFourthStack {
        border-right: 1px solid #91C3FF;
    }

    .RTBFormatControl > .rtbfcSixthStack {
        padding-left: 0px;
        justify-content: center;
    }

    .RTBFormatControl > .rtbfcFifthStack {
        padding-right: 0px;
        justify-content: center;
    }

    .RTBFormatControl > .rtbfcFirstStack,
    .RTBFormatControl > .rtbfcSecondStack,
    .RTBFormatControl > .rtbfcThirdStack,
    .RTBFormatControl > .rtbfcFourthStack {
        justify-content: space-around;
    }

    .RTBFormatControl .button {
        margin: 2px;
        height: 23px;
        width: 23px;
        padding: 0px;
    }

        .RTBFormatControl .button > .ResourceIconImage {
            margin: auto;
        }

    .RTBFormatControl .brushPickerButton {
        background-color: white;
        border: 1px solid gray;
    }

        .RTBFormatControl .GetTextAndFwElement {
            margin: 0px;
        }

            .RTBFormatControl > .rtbfcFirstStack > .GetTextAndFwElement > .textBlock,
            .RTBFormatControl > .rtbfcSecondStack > .GetTextAndFwElement > .textBlock,
            .RTBFormatControl > .rtbfcFourthStack > .GetTextAndFwElement > .textBlock {
                width: 80px;
                text-align: left;
            }
            
            .RTBFormatControl > .rtbfcThirdStack > .GetTextAndFwElement > .textBlock {
                width: 100px;
                text-align: left;
            }

            .RTBFormatControl > .rtbfcSecondStack > .GetTextAndFwElement > :last-child,            
            .RTBFormatControl > .rtbfcThirdStack > .GetTextAndFwElement > :last-child,            
            .RTBFormatControl > .rtbfcFourthStack > .GetTextAndFwElement > :last-child {
                width: 100px;
                height: 23px;
            }

            .RTBFormatControl > .rtbfcFourthStack > .GetTextAndFwElement > .numfield {
                box-sizing: content-box;
            }

            .RTBFormatControl > .rtbfcSixthStack > .textBlock {
                line-height: 15px;
                box-sizing: border-box;
                margin: 2px;
            }

            RTBFormatControl > .rtbfcSeventhStack > :first-child {
                margin-bottom: 5px;
            }

            .RTBFormatControl > .rtbfcSeventhStack > .GetTextAndFwElement > .textBlock {
                width: 120px;
                text-align: left;
            }

            .RTBFormatControl > .rtbfcSeventhStack > .GetTextAndFwElement > .combobox {
                width: 100px;
                height: 23px;
                margin-bottom: 5px;
            }

            .RTBFormatControl > .rtbfcSeventhStack > .GetTextAndFwElement > .button {
                margin: 0px;
            }
/*Block=10,BlockOrderID=3301*/
 .HideAdvancedSettings3301 .baseDialogContentStack{
    height:650px !important;
}

 .SaveReportDialog .TopPnl .GetTextAndFwElement .textBlock{
     width:95px;
     text-align:left;
     font-family:sans-serif;
     font-weight:600;
     font-size:12px;
 }

 .SaveReportDialog .TopPnl .GetTextAndFwElement .DropDownButton{
     width:80%;
 }

 .SaveReportDialog .TopPnl .GetTextAndFwElement .TranslationTextBox {
     max-width:80.4%;
 }

 .SaveReportDialog .ExpandTBK{
     text-align:left;
     margin-top:10px;
     margin-left:10px;
     font-family:sans-serif;
     font-weight:800;
 }

 .SaveReportDialog .SettingTC{
     margin-top:5px;
     margin-left:5px;
 }

 .SaveReportDialog .SettingTC .t1Pnl .RecursiveCBX{
     margin:10px 0 10px 10px;
 }

 .SaveReportDialog .SettingTC .t1Pnl .masterPnl{
     height:80%;
 }

 .SaveReportDialog .SettingTC .t1Pnl .masterPnl .leftMasterPnl{
     width:35%;
     margin-right:10px;
 }

 .SaveReportDialog .SettingTC .t1Pnl .masterPnl  .titelTBK{
     font-family:sans-serif;
     font-weight:700;
     font-size:13px;
     margin:5px 0 10px 0;
 }

 .SaveReportDialog .SettingTC .t1Pnl .buttonsPnl{
     margin-top: 5px;
 }

 .SaveReportDialog .SettingTC .t1Pnl .buttonsPnl .button{
     margin-right: 5px;
 }

 .SaveReportDialog .SettingTC .tInfoPnl .titelTBK{
    margin: 10px 0px 10px 5px;
    text-align: left;
    font-family: sans-serif;
    font-weight: 700;
    font-size: 12px;
 }

  .SaveReportDialog .SettingTC .tInfoPnl .ImageBRD{
      align-self: flex-start;
  }

 .SaveReportDialog .SettingTC .tInfoPnl .shortenedBRD{
     margin-left:20px;
 }

 .SaveReportDialog .SettingTC .tInfoPnl .imageButtonsPnl {
     margin-top: 5px;
 }

 .SaveReportDialog .SettingTC .tInfoPnl .imageButtonsPnl .button{
     margin-right:5px;
 }

 .SaveReportDialog .SettingTC .tInfoPnl .srdFontFormatPanel > *,
 .SaveReportDialog .SettingTC .tInfoPnl .colorPnl > * {
     margin: 2px;
 }

    .SaveReportDialog .SettingTC .tInfoPnl .srdFontFormatPanel > .srdTFF {
        width: 100px;
    }

    .SaveReportDialog .SettingTC .tInfoPnl .srdFontFormatPanel > .srdTFS {
        width: 50px;
    }

    .SaveReportDialog .SettingTC .tInfoPnl .srdFontFormatPanel > .button {
        height: 22px;
        margin: 2px;
        padding: 2px;
    }

    .SaveReportDialog .SettingTC .tInfoPnl .colorPnl > .button {
        padding: 2px;
    }

    .SaveReportDialog .SettingTC .tInfoPnl .colorPnl .ribbonDropDownButton {
        border: 1px solid gray;
    }

    .SaveReportDialog .SettingTC .tInfoPnl .colorPnl > .srdFCP {
        width: 48px;
    }

    .SaveReportDialog .SettingTC .tInfoPnl .colorPnl > .srdCP {
        width: 50px;
    }

 .SaveReportDialog .SettingTC .tInfoPnl .colorPnl .ribbonDropDownButton .border{
     margin-right:3px;
 }

 .SaveReportDialog .SettingTC .tInfoPnl .authorityPnl{
     margin-bottom:10px;
 }

 .SaveReportDialog .SettingTC .tInfoPnl .authorityPnl .button{
     margin-left:5px;
 }

 .SaveReportDialog .SettingTC .tInfoPnl .authorityPnl .textBlock{
     margin-left:5px;
     align-self:center;
 }
 
 .SaveReportDialog .SettingTC .t1Pnl .masterPnl .rigthsMasterPnl .tabControl {
     flex-wrap:nowrap;
 }

 .SaveReportLayer.DDCLayer {
    min-height: 200px;
    min-width: 300px;
 }

.SaveReportDialogTree {
    min-height: 200px;
    min-width: 300px;
    height: 100%;
    width: 100%;
}

 .SaveReportDialog .SettingTC .tInfoPnl .TranslationTextBox {
     max-height:23px;
 }

 .browserIE .SaveReportDialogTree.layerSizeChanged {
     height: 200px;
 }
/*Block=10,BlockOrderID=3700*/

.timeSlider, .stackPanelLayer{
	flex: 1 1 auto;
	height: 34px;
	position: relative;
}

.timeSlider .timeSliderCanvasHolder{
	flex: 1 1 100%;
}

.timeSlider .timeSliderCanvas{
	flex: 1 1 auto;
}

.timeSlider .timeSliderLayer{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.timeSlider .controlButton{
	width: 20px;
	padding: 0px;
}

.timeSlider.splitterHover {
    cursor: ew-resize;
}

    .timeSlider.rangeHover {
        cursor: pointer;
    }
/*Block=10,BlockOrderID=4040*/

.datePicker .buttonSelectionType{
	width: 20px;
	height: 20px;
	margin: 2px;
}

.datePicker .listBoxSelectionType{
	min-width: 100px;
}

.datePicker .smallTextBlock{
	font-size: 8px;
	text-align: center;
}

.Calendar {
    width: 180px;
    height: 160px;
    margin: 5px;
}

.ABaseCalendarPage .calendarTextBlock {
    justify-content: center;
}

.ABaseCalendarPage .calendarTextBlock > .textBlock {
    font-size: 10px;
    align-self: center;
}

.ABaseCalendarPage .calendarTextBlock:not(.selected):hover {
    background: rgb(219, 237, 243);
}

.ABaseCalendarPage .calendarTextBlock.selected {
    background: rgb(193, 225, 235);
    border: 1px solid rgb(109, 189, 209);
}

.CalendarDayPage > .cdpWeekStack .textBlock {
    font-weight: bold;
    font-size: 10px;
    align-self: center;
    width: 20px;
}

.CalendarDayPage > .cdpDayStack .calendarTextBlock {
    width: 20px;
}

.CalendarDayPage > .cdpDayStack .calendarTextBlock.holiday:not(.selected):hover{
    background: rgb(219, 237, 243)!important;
}

.CalendarDayPage > .cdpDayStack .calendarTextBlock.holiday.selected {
    background: rgb(193, 225, 235)!important;
}

.CalendarDayPage > .cdpDayStack .calendarTextBlock.otherMonth, .CalendarYearPage .calendarTextBlock.outOfDecade {
    opacity: 0.5;
}

.CalendarDayPage > .cdpDayStack > .stackPanel > .calendarTextBlock:first-child {
    font-weight: bold;
    width: 35px;
    justify-content: flex-start;
}

.CalendarDayPage > .cdpWeekStack {
    margin-left: 35px;
    height: 15px;
}

.CalendarNavigationBar {
    margin: 2px;
    background: rgb(210, 221, 231);
    height: 20px;
    position: relative;
    justify-content: center;
}

    .CalendarNavigationBar > .cnbGoLeft, .CalendarNavigationBar > .cnbGoRight {
        width: 16px;
        height: 16px;
        align-self: center;
        background-image: url(../../../../Base/Base_TS/CSS/images/ui-icons_222222_256x240.png);
        position: absolute;
    }

    .CalendarNavigationBar > .cnbGoLeft:hover, .CalendarNavigationBar > .cnbGoRight:hover{
        opacity: 0.5;
    }

    .CalendarNavigationBar > .cnbGoLeft {
        background-position: -96px -16px;
        left: 0px;
    }

    .CalendarNavigationBar > .cnbGoRight {
        background-position: -32px -16px;
        right: 0px;
    }

    .CalendarNavigationBar > * {
        align-self: center;
    }

    .CalendarNavigationBar > .textBlock {
        font-size: 11px;
        font-weight: bold;
        margin-right: 7px;
        cursor: default;
    }

    .CalendarNavigationBar > .textBlock:hover {
        color: rgb(157, 192, 222);
    }

    .CalendarNavigationBarTypeDD {
        min-width: 100px;
    }

.DatePicker > .tbWrap, .browserIE .DatePicker > .tbWrap > .textbox {
    width: 80px;
}

.DatePicker > .kwStack {
    margin: 0px 2px;
    font-size: 8px;
    align-self: center;
}

.DatePicker > .ribbonDropDownButton {
    margin: 0px 4px;
    align-self: center;
}
/*Block=10,BlockOrderID=4050*/

.openFileDialog{
	position: relative;
    overflow: hidden;
}

.openFileDialog > .textBlock {
    align-self: center;
}

.openFileDialog input.fileDialog{
	position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.UploadControl .header{
    background:rgb(240, 242, 245);
    border-bottom:1px solid rgb(226, 228, 231);
    color:rgb(59, 59, 59);
    text-align:left;
     padding: 4px 4px 4px 10px;
     margin-bottom:11px;
}

/*.UploadControl .info{
    margin-top:11px;
}*/

.UploadControl .button{
    border: 1px solid;
    border-color: gray;
    box-sizing: border-box;
    margin-top: 2px;
    text-align:center;
}

.CopyToClipboardDialog {
    overflow: hidden;
    flex-wrap: nowrap;
}

.CopyToClipboardDialog > .textBlock {
    margin: 4px 0px;
    text-align: left;
}

.CopyToClipboardDialog > .tbWrap {
    flex-direction: column;
}

    .CopyToClipboardDialog > .tbWrap > textarea {
        flex: 1 1 auto;
        border-width: 0px;
        resize: none;
        box-sizing: border-box;
    }
/*Block=10,BlockOrderID=4067*/
.ObjectCreatorSourcePanel, .ObjectCreatorSourcePanel .placeHolder>*{
    flex-wrap: nowrap;
        flex: 1 1 auto;
    align-self: flex-start;
}

.ObjectCreatorSourcePanel .placeHolder>*{
    flex: 1 1 auto;
}

.ObjectCreatorSourceMultiPanel .multiPanelContentBorder{
    overflow:auto;
}

.ObjectCreatorSourcePanel>* {/*}, .ObjectCreatorSourcePanel .CollapseableHeader{*/
    flex: 0 0 auto!important;
    flex-wrap:nowrap;
}

    .ObjectCreatorSourcePanel .CollapseableHeader {
        flex: 0 0 auto;
        flex-wrap:nowrap;
    }

        .ObjectCreatorSourcePanel .CollapseableHeader > .textBlock {
            font-weight: bold;
        }

.ObjectCreatorSourcePanel .BaseTreeView {
    min-height:150px;
   flex: 0 0 auto;
    align-self: stretch;
    height:initial!important;
}

.ObjectCreatorSourcePanel .BaseTreeView .TreeViewList{
/*height:initial!important;*/
width:initial!important;
min-width:50px;
}

.ObjectCreatorSourcePanel .levelsSearch {
    margin: 5px;
}

.ObjectCreatorSourcePanel .levelsSearch>button{
    margin-right:5px;
}
.CollapseableHeader > .ResourceIconImage:first-child {
    margin: 2px;
}

.ObjectCreatorSourcePanel .GroupOverviewPanelBar .placeHolder {
    flex: 0 0 auto!important;
}

.ObjectCreatorSourcePanel .placeHolder > .stackPanel {
    position: relative;
}

    .ObjectCreatorSourcePanel .placeHolder > .stackPanel > p.noCubes {
        position: absolute;
        margin: 4px;
        font-size: 10px;
        color: gray;
    }

.levelMeasureCtrl {
    background: rgba(255, 255, 255, 0.9);
    position: relative;
}

    .levelMeasureCtrl.datLevel {
        margin-left: 4px;
    }


        .levelMeasureCtrl.datLevel > .lmcConnectDIV {
            position: absolute;
            left: -3px;
            top: -2px;
            bottom: -2px;
            background-color: black;
            width: 2px;
            display: none;
        }

        .levelMeasureCtrl.datLevel.connected > .lmcConnectDIV {
            display: inherit;
        }

    .levelMeasureCtrl.datMeasure {
        max-width: 100px;
        min-width: 100px;
        max-height: 30px;
        min-height: 30px;
    }

        .levelMeasureCtrl.datMeasure .levelMeasureCaption {
            /*word-ellipsis, vertical alignment top???*/
            width: 80px;
        }

.levelMeasureCtrl.levelMeasureCtrlHidden, .levelMeasureCtrl .measureInvisible {
    opacity: 0.5;
}

.levelMeasureCtrl .levelMeasureCaption {
    margin-right: 2px;
    align-self: center;
    font-size: 11px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
}

.levelMeasureCtrl .levelMeasureInfo {
    margin-right: 2px;
    height: 16px;
    font-weight: bold;
}

.levelMeasureCtrl.levelMeasureCtrlHidden .levelMeasureCaption {
    font-style: italic;
}

.levelMeasureCtrl > .stackPanel {
    flex-wrap: nowrap;
}

.levelMeasureCtrl > .stackPanel > * {
    flex-shrink: 0;
}

    .levelMeasureCtrl .levelMeasureTaskIcon {
        transform: scale(0.75);
        margin: -2px;
    }

.objectCreatorMainCtrl .axisCaption {
    font-size: 18px;
    color: rgb(128, 128, 128);
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin: 3px 10px 3px 3px;
}

.objectCreatorMainCtrl .objectCreatorMainCtrlContentPanel .measureArea,
.objectCreatorMainCtrl .objectCreatorMainCtrlContentPanel .yAxisPanel,
.objectCreatorMainCtrl .objectCreatorMainCtrlContentPanel .xAxisPanel,  
.objectCreatorMainChartCtrl .panelXAxis {
    border: 1px solid rgb(191, 191, 191);
    background: rgba(242, 242, 242, 0.5);
    box-sizing: border-box;
}

.objectCreatorMainCtrl .objectCreatorMainCtrlContentPanel .measureArea,
.objectCreatorMainCtrl .objectCreatorMainCtrlContentPanel .yAxisPanel,
.objectCreatorMainCtrl .objectCreatorMainCtrlContentPanel .xAxisPanel {
    position: relative;
}

.objectCreatorMainChartCtrl .panelXAxis, .objectCreatorMainChartCtrl .iconWrap {
    position: absolute;
}

    .objectCreatorMainChartCtrl .iconWrap > * {
        margin: 1px;
    }

.objectCreatorMainCtrl .objectCreatorMainCtrlContentPanel .measureArea {
    order: 1;
}

.objectCreatorMainCtrl .objectCreatorMainCtrlContentPanel .yAxisPanel {
    order: 0;
    width: 200px;
    flex-shrink: 0;
}

.objectCreatorMainCtrl .objectCreatorMainCtrlContentPanel .iconWrap {
    width: 200px;
    justify-content: flex-end;
    padding-right: 4px;
    box-sizing: border-box;
    flex-shrink: 0;
}

    .objectCreatorMainCtrl .objectCreatorMainCtrlContentPanel .iconWrap > * {
        align-self: flex-end;
        margin: 1px;
    }

.objectCreatorMainCtrl .objectCreatorMainCtrlContentPanel .xAxisPanel.measureAxisTop {
    border-bottom-width: 0px;
}

.objectCreatorMainCtrl .objectCreatorMainCtrlContentPanel .iconWrap.measureAxisTop {
    margin-right: 7px;
    padding: 0px 0px 4px 0px;
}

.objectCreatorMainCtrl .objectCreatorMainCtrlContentPanel .measureArea.measureAxisTop {
    margin-left: 7px;
}

.objectCreatorMainCtrl .objectCreatorMainCtrlContentPanel .measureAxisLeft {
    margin-top: 7px;
}

.objectCreatorMainCtrl .objectCreatorMainCtrlContentPanel .yAxisPanel.measureAxisLeft {
    border-right-width: 0px;
}

.heterogenSubAreaCtrl.hasWarningColor{
    background: rgb(254, 158, 26);
}

.heterogenSubAreaCtrl .droppableListItem {
    padding-right: 5px;
}

.heterogenSubAreaCtrl .heterogenSubAreaDroppableList .droppableList{
    position: relative;
}

.heterogenSubAreaCtrl .heterogenSubAreaDroppableList .droppableList.highlighted {
    background: rgba(204, 225, 87, 0.395);
}

.heterogenSubAreaCtrl .heterogenSubAreaDroppableList .droppableList > .ResourceIconImage {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px;
}

.heterogenSubAreaCtrl .heterogenSubAreaDroppableList .droppableList.hasItems > .ResourceIconImage {
    display: none;
}

.objectCreatorMainChartCtrl.xAxisTop .panelXAxis {
    left: 80px;
    top: 0px;
    right: 0px;
    height: 33%;
    overflow-y: auto;
}

.objectCreatorMainChartCtrl.xAxisLeft .panelXAxis {
    left: 0px;
    top: 30px;
    bottom: 0px;
    width: 200px;
}

.objectCreatorMainChartCtrl.xAxisRight .panelXAxis {
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 200px;
}

.objectCreatorMainChartCtrl.xAxisBottom .panelXAxis {
    right: 0px;
    left: 0px;
    bottom: 0px;
    height: 33%;
    overflow-y: auto;
}

.objectCreatorMainChartCtrl.xAxisTop .panelSeries {
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 67%;
}

.objectCreatorMainChartCtrl.xAxisLeft .panelSeries {
    left: 200px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}

.objectCreatorMainChartCtrl.xAxisRight .panelSeries {
    left: 0px;
    top: 30px;
    bottom: 0px;
    right: 200px;
}

.objectCreatorMainChartCtrl.xAxisBottom .panelSeries {
    top: 0px;
    left: 0px;
    right: 0px;
    height: 67%;
}

.objectCreatorMainChartCtrl.xAxisTop .iconWrap {
    left: 4px;
    top: 30px;
    width: 56px;
    bottom: 0px;
}

.objectCreatorMainChartCtrl.xAxisBottom .iconWrap {
    left: 4px;
    top: 30px;
    width: 56px;
    height: 67%;
}

.objectCreatorMainChartCtrl.xAxisLeft .iconWrap {
    left: 80px;
    height: 26px;
    top: 4px;
    width: 120px;
}

.objectCreatorMainChartCtrl.xAxisRight .iconWrap {
    left: 80px;
    right: 200px;
    height: 26px;
    top: 4px;
}

.objectCreatorMainChartCtrl .iconWrap {
    align-content: flex-start;
}

.objectCreatorMainChartCtrl .panelSeries {
    position: absolute;
    justify-content: center;
}

    .objectCreatorMainChartCtrl .panelSeries > .stackPanel, .objectCreatorMainChartCtrl .panelSeries > .heterogenSubAreaCtrl {
        align-self: center;
        border: 1px solid rgb(191, 191, 191);
        background: rgba(242, 242, 242, 0.5);
        box-sizing: border-box;
    }

    .objectCreatorMainChartCtrl .panelSeries > .stackPanel {
        width: 80%;
        flex-wrap: nowrap;
        overflow: hidden;
    }

    .objectCreatorMainChartCtrl.xAxisLeft .panelXAxis > .stackPanel, .objectCreatorMainChartCtrl.xAxisRight .panelXAxis > .stackPanel{
        flex-wrap: nowrap;
        overflow: hidden;
    }

        .objectCreatorMainChartCtrl .panelSeries > .stackPanel > .heterogenSubAreaCtrl, 
        .objectCreatorMainChartCtrl.xAxisLeft .panelXAxis > .stackPanel > .heterogenSubAreaCtrl,
        .objectCreatorMainChartCtrl.xAxisRight .panelXAxis > .stackPanel > .heterogenSubAreaCtrl {
            width: 50%;
        }

    .objectCreatorMainChartCtrl .panelSeries > .heterogenSubAreaCtrl {
        flex: 0 1 auto;
    }

.objectCreatorMainChartCtrl .panelSeries > :not(:first-child) {
    border-top-width: 0px;
}

    .objectCreatorMainChartCtrl .panelSeries > .stackPanel > .heterogenSubAreaCtrl:first-child,
    .objectCreatorMainChartCtrl.xAxisLeft .panelXAxis > .stackPanel > .heterogenSubAreaCtrl:first-child,
    .objectCreatorMainChartCtrl.xAxisRight .panelXAxis > .stackPanel > .heterogenSubAreaCtrl:first-child,
    .objectCreatorMainChartCtrl.xAxisTop .panelXAxis > .heterogenSubAreaCtrl:not(:last-child),
    .objectCreatorMainChartCtrl.xAxisBottom .panelXAxis > .heterogenSubAreaCtrl:not(:last-child) {
        border-right: 1px solid rgb(191, 191, 191);
    }   

.objectCreatorMainChartCtrl .axisCaptionElement {
    position: relative;
}

.objectCreatorMainChartCtrl .axisCaptionElement:after{
    content: attr(axisCaption);
    position: absolute;
    right: 3px;
    bottom: 3px;
    color: rgb(184, 184, 184);
    font-size: 18px;
}   

.objectCreatorMainChartCtrl.xAxisTop .panelXAxis > .stackPanel, .objectCreatorMainChartCtrl.xAxisBottom .panelXAxis > .stackPanel {
    flex: 1 1 auto;
    flex-wrap: nowrap;
    flex-direction: column;
    height: 100%;
}

.objectCreatorMainChartCtrl .panelSeries > .heterogenSubAreaCtrl:only-of-type {
    min-width: 33%;
    min-height: 33%;
}

.objectCreatorMainChartCtrl.xAxisTop .panelXAxis > .stackPanel > .heterogenSubAreaCtrl, .objectCreatorMainChartCtrl.xAxisBottom .panelXAxis > .stackPanel > .heterogenSubAreaCtrl {
    height: 50%;
}

    .objectCreatorMainChartCtrl.xAxisTop .panelXAxis > .stackPanel > .heterogenSubAreaCtrl:first-child,
    .objectCreatorMainChartCtrl.xAxisBottom .panelXAxis > .stackPanel > .heterogenSubAreaCtrl:first-child,
    .objectCreatorMainChartCtrl.xAxisLeft .panelXAxis > .heterogenSubAreaCtrl:not(:last-child),
    .objectCreatorMainChartCtrl.xAxisTop .panelXAxis > .heterogenSubAreaCtrl:not(:last-child) {
        border-bottom: 1px solid rgb(191, 191, 191);
    }


.renameMeasureInfoDialog > .textBlock {
    font-weight: bold;
    text-align: left;
}

.renameMeasureInfoDialog > .stackPanel {
    margin: 10px 20px;
}

.renameMeasureInfoDialog > .chbwrap {
    margin: 4px 0px 0px 20px;
}

.switchOCElementSourcePanel {
    overflow: hidden;
}

.switchOCElementSourcePanel .ObjectCreatorSourcePanel {
    align-self: stretch;
    overflow: auto;
    border: 1px solid black;
    padding: 3px;
}

    .switchOCElementSourcePanel .selectionStack {
        flex-shrink: 0;
        margin: 4px;
    }

    .switchOCElementSourcePanel .selectionStack .tbSelection {
        color: red;
    }

    .haEmptyElementsDialog > .textBlockDocumentHeaderControl {
        margin-bottom: 10px;
    }

    .haEmptyElementsDialog > .stackPanel > .textBlock {
        align-self: center;
        margin-right: 5px;
    }

    .haEmptyElementsDialog > .stackPanel > .numfield {
        width: 50px;
    }

.heterogenSubAreaCtrl {
    position: relative;
    box-sizing: border-box;
}

    .heterogenSubAreaCtrl > .heterogenSubAreaCtrlBorder {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        border-color: rgb(191, 191, 191);
        border-style: solid;
        border-width: 0px;
        pointer-events: none;
    }

.objectCreatorMainCtrl .objectCreatorMainCtrlContentPanel .measureArea.measureAxisTop .heterogenSubAreaCtrl:not(:last-child) > .heterogenSubAreaCtrlBorder,
.objectCreatorMainCtrl .objectCreatorMainCtrlContentPanel .xAxisPanel .heterogenSubAreaCtrl:not(:last-child) > .heterogenSubAreaCtrlBorder {
    top: 5px;
    bottom: 5px;
    border-right-width: 1px;
}

.objectCreatorMainCtrl .objectCreatorMainCtrlContentPanel .measureArea.measureAxisLeft .heterogenSubAreaCtrl:not(:last-child) > .heterogenSubAreaCtrlBorder,
.objectCreatorMainCtrl .objectCreatorMainCtrlContentPanel .yAxisPanel .heterogenSubAreaCtrl:not(:last-child) > .heterogenSubAreaCtrlBorder {
    left: 5px;
    right: 5px;
    border-bottom-width: 1px;
}

.ObjectCreatorCellValueCtrl .ObjectCreatorCellValueCtrlPanel > .levelArea,
.ObjectCreatorCellValueCtrl .ObjectCreatorCellValueCtrlPanel > .measureArea {
    border: 1px solid rgb(191, 191, 191);
    background: rgba(242, 242, 242, 0.5);
    box-sizing: border-box;
}

.ObjectCreatorCellValueCtrl .ObjectCreatorCellValueCtrlPanel > .measureArea {
    order: 1;
    border-left-width: 0px;
}

.ObjectCreatorCellValueCtrl .iconWrap {
    height: 26px;
    margin: 4px 0px 0px 80px;
}

    .ObjectCreatorCellValueCtrl .iconWrap > * {
        margin: 1px;
    }
/*Block=10,BlockOrderID=4172*/

.mainWindow {
    flex-wrap: nowrap;
}

    .mainWindow .qat {
        height: 30px;
    }

.mobile .mainWindow .qat:first-child {
    position: absolute;
    left: 60px;
    background: transparent;
    z-index: 1;
}

.mainWindow .collaboration {
    z-index: 405;
    margin-right: 15px;
}

.mainWindow .ribbonBar {
    height: 30px;
    flex-wrap: nowrap;
}

    .mainWindow .ribbonBar .tabBarContentStack, .mainWindow .ribbonBar .tabBarContentStack .scrollStackPanel {
        width: 100%;
    }

.mobile .mainWindow .ribbonBar, .mobile .mainWindow .qat:not(.lastRowStack) {
    height: 40px;
}

.mainWindow .menu {
    background: #BAC500;
    color: white;
    width: 60px;
    font-size: 14px;
    flex: 1 0 60px;
    padding: 0px;
}

.mainWindow .mainContent {
    height: auto;
    overflow: hidden;
}

.mainWindow .ribbonBorder {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    height: 90px;
    flex-shrink: 0;
}

.mainWindow .ThemeHeaderTextBlock {
    position: absolute;
    align-self: center;
    margin-top: 8px;
    top: 0px;
    left: 50%;
}

.statusRow {
    width: 50%;
}

.plusPanelParent {
    flex-wrap: nowrap;
}

.plusPanel {
    position: relative;
    flex-shrink: 0;
}

.plusContent {
    position: absolute;
    background: white;
    border: 1px solid darkgray;
    bottom: 28px;
    left: 0px;
}

.switchToNormalView {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0px;
    right: 0px;
}

/*.testPage{
    /*background-image: url(js-Report.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    position:relative;
}

.testPage p{
    position: absolute;
    right: 0px;
    bottom: 0px;
}*/

.snakePosition {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.snake {
    color: lightgray;
    text-align: left;
    background: transparent;
}

    .snake .gameOver {
        font-size: 40px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -20px;
        margin-left: -105px;
        background: white;
    }

.snakePoint {
    width: 12px;
    height: 12px;
    border: 1px solid lightgray;
    background-Image: url(../../../../../Resources/Png_9658B7B7-2626-4D69-9162-6EC1EA582A58_DummyIcon$16x16.png);
    background-size: 100% 100%;
}

@media all and (max-width: 420px) {
    .mainWindow .ribbonBar > .button.menu {
        width: 30px;
        font-size: 0px;
    }

        .mainWindow .ribbonBar > .button.menu:after {
            content: ".";
            background-Image: url(../../../../../Base/Base_TS/CSS/Images/menu.png);
            background-repeat: no-repeat;
            width: 20px;
            height: 20px;
            position: absolute;
            top: 8px;
            left: 6px;
        }

    .mobile .mainWindow .qat:first-child {
        left: 30px;
        display: none;
    }

    .mainWindow .collaboration {
        z-index: 105;
    }
}

/*Block=10,BlockOrderID=4173*/

.backStage, .mainWindow {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: white;
}

.backStage {
    z-index: 400;
}

.backStageButton p {
    margin: auto 0px auto 15px;
    width: 105px;
    text-align: left;
    align-self: center;
}

.backStagePanel {
    margin-left: 30px;
    height: 100%;
    width: 100%;
}

.backStagePanelCaption {
    margin: 65px 0px 15px 0px;
    text-align: left;
    font-size: 36px;
    font-family: "Segoe UI light";
    color: gray;
}

.backstageContentBorder {
    position: absolute;
    left: 120px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.browserSafari .backstageBar {
    width: 120px;
}

.backstageBar > * {
    cursor: pointer;
}

@media all and (max-width: 640px), all and (orientation: landscape) and (max-height:370px) {
    .backStagePanelCaption {
        margin: 22px 0px 15px 0px;
        font-size: 30px;
    }
}

@media all and (max-width: 420px) {
    .backStagePanel {
        margin-left: 15px;
    }

    .backStageButton p {
        width: initial;
    }

    .backstageBar > canvas {
        /*width: 100%;*/
        height: 60px;
        margin-top: 8px;
    }

    .browserSafari .backstageBar {
        flex: 1 0 auto;
    }
}

/*Block=10,BlockOrderID=4175*/

.backstagePanelContentStack {
    margin-top: 10px;
    position: relative;
    flex: 1 1 100%;
    flex-direction: column;
}

.backstagePanelSearchTextBox {
    border: 1px solid gray;
    height: 25px;
    margin: 2px;
    flex: 0 1 50%;
}

.backstagePanelToggleButton {
    height: 25px;
    width: 25px;
    margin: 0px 5px 0px 2px;
    padding: 0px;
    border: 0px;
}

    .backstagePanelToggleButton > .ResourceIconImage {
        margin: auto;
    }

    .backstagePanelToggleButton.active {
        border: 0px !important;
        background: white !important;
    }

        .backstagePanelToggleButton.active:hover, .nbpRefreshStack .combobox:hover {
            background-color: rgb(205,230,247) !important;
        }

.nbpRefreshStack .combobox {
    height: 25px;
    width: 25px;
    border-width: 0px;
    margin-right: 5px;
    justify-content: center;
}

    .nbpRefreshStack .combobox > .cbShowField > .ResourceIconImage {
        align-self: center;
    }

    .nbpRefreshStack .combobox > .cbLayer {
        width: 100px;
    }

.backstagePanelSearchButton {
    height: 25px;
    width: 25px;
    margin: auto 0px auto 2px;
    border: 0px;
}

.browserSafari .backstagePanelSearchButton {
    border: 0px;
}

.backstagePanelSearchBorder {
    border: 1px solid rgb(210,210,210);
    background: white;
    width: 550px;
    height: 240px;
    pointer-events: auto;
    box-shadow: grey 3px 3px 10px;
}

.backstagePanelSearchGrid {
    margin: 15px 15px 15px 15px;
    display: initial;
    text-align: right;
}

.backstagePanelAdvancedText {
    font-size: 26px;
    font-family: "Segoe UI light";
    color: gray;
    margin-left: 10px;
}

.backstagePanelSearchBorderButton {
    margin-bottom: 30px;
    justify-content: flex-end;
}

.backstageInternalSearchBorder {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    pointer-events: none;
    z-index: 150;
}

.backstagePanelRefresh {
    margin: 5px 2px;
    font-size: 12px;
    font-weight: bold;
    color: rgb(18,130,178);
    text-align: left;
}

    .backstagePanelRefresh.viewToggle {
        flex: 0 1 50%;
    }

    .backstagePanelRefresh:hover {
        text-decoration: underline;
    }

.backstagePanelSearchBox {
    margin: 10px;
}

.backstagePanelSearchBoxFirstRow {
    text-align: left;
}

.NavigationDetailItemLine {
    margin-left: 20px;
    margin-top: 5px;
    color: #696969;
    flex-wrap: nowrap;
}

    .NavigationDetailItemLine:last-child {
        flex: 1 1 auto;
    }

    .NavigationDetailItemLine.imgLine {
        max-height: 250px;
    }

        .NavigationDetailItemLine.imgLine > img {
            max-width: 100%;
            max-height: 100%;
            margin: 10px;
        }

.naviDetailPanel > * {
    flex-shrink: 0;
}

.naviDetailPanel > .splitterContent {
    flex-wrap: nowrap;
}

.naviDetailPanel > .NavigationDetailItemLine:last-child > div {
    max-height: 250px;
    margin: 10px 10px 10px 10px;
}

    .naviDetailPanel > .NavigationDetailItemLine:last-child > div:not(.ResourceIconImage), .NavigationDetailItemLine.imgLine > img {
        box-shadow: 3px 3px 10px rgb(204, 204, 204), -3px -3px 10px rgb(204, 204, 204), -3px 3px 10px rgb(204, 204, 204), 3px -3px 10px rgb(204, 204, 204);
        background-repeat: no-repeat;
        background-size: contain;
        min-height: 100px;
        align-self: flex-start;
    }

.naviDetailPanel .NavigationDetailItemLine .GroupOverview .govText {
    margin: 2px;
    background: #F4F4F4;
    height: 17px;
    line-height: 17px;
    padding: 2px;
    user-select: text;
}

.NavigationDetailCaption {
    margin-left: 5px;
    margin-top: 5px;
    min-width: 280px;
}

.NavigationDetailSpliter {
    padding-top: 15px;
    margin-left: 20px;
}

.NavigationDetailValue {
    margin-top: 5px;
}

.naviReportPrev {
    padding-top: 20px;
    width: 320px;
    height: 240px;
    margin-left: 20px;
}

.NaviExpand {
    color: blue;
}

.NavRName {
    color: black;
    font-size: 14px;
}

.naviModuleTab {
    flex-wrap: nowrap;
}

.naviDetailPanel {
    flex: 1 1 50%;
}

.naviTree {
    flex: 1 1 50%;
    min-width: 250px;
}

.aExtendedInfoPanel {
    flex: 1 1 50%;
    margin-right: 10px;
    max-width: 50%;
}

.aExtendedInfoPanelList {
    border: 0px;
    overflow: hidden;
}

    .aExtendedInfoPanelList > * {
        flex-wrap: nowrap;
    }

    .aExtendedInfoPanelList:hover {
        overflow: auto;
    }

.aExtendedInfoPanelListItemIcon {
    margin: auto 15px auto 0px;
    flex: 0 0 auto;
}

.aExtendedInfoPanelListItemHeader {
    font-size: 14px;
}

.aExtendedInfoLoadingPanel {
    background: white;
}

/*.naviDetailDisplayImage{
	margin: 10px 0px 0px 10px;
	transform-origin: left top;
    box-shadow: 3px 3px 10px rgb(204, 204, 204), -3px -3px 10px rgb(204, 204, 204), -3px 3px 10px rgb(204, 204, 204), 3px -3px 10px rgb(204, 204, 204);
}*/

.splitterContent > .NavigationDetailItemLine > p:last-child:not(.NavigationDetailValue) {
    cursor: pointer;
}

    .splitterContent > .NavigationDetailItemLine > p:last-child:not(.NavigationDetailValue):hover {
        text-decoration: underline;
    }

.CheckOutUser {
    color: red;
}

@media all and (max-width: 420px) {
    .backstagePanelSearchTextBox {
        margin: 2px 17px 0px 0px;
    }
}

.navigationTileItemIconBorder {
    border-width: 0px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.mobile .naviBackstageTileControl {
    flex-direction: column;
}

    .mobile .naviBackstageTileControl .navigationTileControlContentPanel {
        flex: 1 1 1px;
    }

.navigationTileItemText {
    word-break: break-word;
}

.NewFolderPanel > .ResourceIconImage {
    margin: 0px 10px 10px 0px;
}

.NewFolderPanel .textBlock {
    font-weight: bold;
    text-align: left;
}

.NewFolderPanel .TranslationTextBox {
    height: 25px;
    margin: 10px 20px 0px 20px;
}

.naviLinkPanel {
    width: 50%;
}

    .naviLinkPanel > .stackPanel {
        height: 30px;
    }

        .naviLinkPanel > .stackPanel > * {
            align-self: center;
        }

    .naviLinkPanel > .listbox {
        border: 0px;
    }

    .naviLinkPanel .nlpAddButton {
        color: rgb(19, 121, 167);
        margin-left: 5px;
        cursor: default;
    }

        .naviLinkPanel .nlpAddButton:hover {
            color: rgb(77, 77, 77);
        }

    .naviLinkPanel .naviLinkInfoItemControl > p {
        margin: 0px 5px;
        align-self: center;
    }

    .naviLinkPanel .naviLinkInfoItemControl > :last-child {
        visibility: hidden;
    }

    .naviLinkPanel .naviLinkInfoItemControl:hover > :last-child {
        visibility: visible;
    }

.NaviSettingsCreator .alternativeSettingsCreatorTabRendererImgBorder {
    flex-shrink: 0;
}

.NaviSettingsCreator .alternativeSettingsCreatorTabRenderer .textBlock {
    text-align: left;
    overflow: hidden;
    max-height: 100%;
}

.NaviLinkViewModeTextBlock {
    margin: 2px;
    vertical-align: middle;
}

.NaviLinkViewModeCombo {
    margin: 2px;
    width: 150px;
}

/*Block=10,BlockOrderID=4176*/

.sessionSettings{
    margin: 10px 0px;
}

.sessionSettingsInnerStack{
    margin-bottom: 10px;
}

.sessionSettings button{
    margin-right: 7px;
}

/*Block=10,BlockOrderID=4177*/

.reportTabPage {
    margin-right: 5px;
    max-width: 165px;
    background: rgb(128, 128, 128);
    border-bottom: 2px solid white;
    color: white;
    cursor: pointer;
	flex-wrap: nowrap;
}

.reportTabPageText {
    font-size: 12px;
    margin: auto 11px;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
    max-width: 130px;
    overflow: hidden;
    line-height: 150%;
    align-self: center;
}

.mobile .reportTabPageText{
	max-width: 122px;
}

.reportTabPage:not(.reportTabPageSelected):hover {
    background: rgb(183, 183, 183);
}

    .reportTabPage:not(.reportTabPageSelected):hover .closeBut {
        display: inherit !important;
    }

.reportTabPageSelected {
    background: white;
    color: black;
    border-bottom: 2px solid rgb(128, 128, 128);
}

.reportTabPageCloseImage{
	width: 30px;
	border-width: 0px;
}

.plusPanel, .backstagePanelRefresh, .tabBarContentStack > .canvas, .tabBarContentStack > .border > p {
    cursor: pointer;
}

.mobile .tabBarContentStack > .canvas {
    margin: 0px 5px 0px 0px;
}

/*.mobile  .reportTabPage .closeBut{
    margin: 0 10px 0 0px;
}*/

/*Block=10,BlockOrderID=4178*/

.globalMultiPanelContent{
    width: 240px;
    z-index:20;
}

.globalMultiPanelContent>canvas{
    position:relative;
}

.globalMultiPanelContentHeader{
    margin: 0px!important;
}

.globalMultiPanelNaviHeader{
	position: relative;
}

.globalMultiPanelClosePanel{
    position:fixed;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
}

.reportTypeItem{
    height: 24px;
    border-left: 2px solid transparent;
    position:relative;
}

.reportTypeItem p{
    margin: auto 0px;
    font-size: 11px;
}

.reportTypeItem .ResourceIconImage{
    margin: auto 7px;
}

.globalMultiPanelContentReloadImage{
    position: absolute;
    right: 5px;
	top: 2px;
}

.globalMultiPanelContent .BaseTreeView{
    min-height: 80px;
    max-height: 350px;
    overflow:auto;
    
}
    .globalMultiPanelContent .BaseTreeView > .TreeViewList {
        margin-bottom: -17px;
    }

/*Block=10,BlockOrderID=4179*/

.multiPanelControl {
    position: relative;
    margin-bottom: 1px;
    margin-top: 1px;
    flex-wrap: nowrap;
}

.multiPanelStack {
    position: absolute;
    height: 100%;
    z-index: 100;
    background: rgb(229, 232, 232);
    width: 30px;
    overflow: hidden;
}

.leftMultiPanelStack {
    left: 0px;
}

.rightMultiPanelStack {
    right: 0px;
    direction: rtl;
}

.multiPanelStackOpenOnClick {
    transition: width 0.25s ease-in;
    -o-transition: width 0.25s ease-in;
    -ms-transition: width 0.25s ease-in;
    -moz-transition: width 0.25s ease-in;
    -webkit-transition: width 0.25s ease-in;
}

.multiPanelPaddingLeftOpenOnClick {
    transition: padding-left 0.25s ease-in;
    -o-transition: padding-left 0.25s ease-in;
    -ms-transition: padding-left 0.25s ease-in;
    -moz-transition: padding-left 0.25s ease-in;
    -webkit-transition: padding-left 0.25s ease-in;
}

.multiPanelPaddingRightOpenOnClick {
    transition: padding-right 0.25s ease-in;
    -o-transition: padding-right 0.25s ease-in;
    -ms-transition: padding-right 0.25s ease-in;
    -moz-transition: padding-right 0.25s ease-in;
    -webkit-transition: padding-right 0.25s ease-in;
}

.multiPanelStackCloseOnClick {
    transition: width 0.07s ease-in;
    -o-transition: width 0.07s ease-in;
    -ms-transition: width 0.07s ease-in;
    -moz-transition: width 0.07s ease-in;
    -webkit-transition: width 0.07s ease-in;
}

.multiPanelPaddingLeftCloseOnClick {
    transition: padding-left 0.07s ease-in;
    -o-transition: padding-left 0.07s ease-in;
    -ms-transition: padding-left 0.07s ease-in;
    -moz-transition: padding-left 0.07s ease-in;
    -webkit-transition: padding-left 0.07s ease-in;
}

.multiPanelPaddingRightCloseOnClick {
    transition: padding-right 0.07s ease-in;
    -o-transition: padding-right 0.07s ease-in;
    -ms-transition: padding-right 0.07s ease-in;
    -moz-transition: padding-right 0.07s ease-in;
    -webkit-transition: padding-right 0.07s ease-in;
}

.multiPanelStackExpanded {
    width: 100px;
}

.multiPanelStackMouseEnter {
    transition: width 0.25s ease-in 0.6s;
    -o-transition: width 0.25s ease-in 0.6s;
    -ms-transition: width 0.25s ease-in 0.6s;
    -moz-transition: width 0.25s ease-in 0.6s;
    -webkit-transition: width 0.25s ease-in 0.6s;
}

.multiPanelStackMouseLeave {
    transition: width 0.07s ease-in 0.6s;
    -o-transition: width 0.07s ease-in 0.6s;
    -ms-transition: width 0.07s ease-in 0.6s;
    -moz-transition: width 0.07s ease-in 0.6s;
    -webkit-transition: width 0.07s ease-in 0.6s;
}

.multiPanelControlContentWrapper {
    position: relative;
	flex-wrap: nowrap;
}

.multiPanelContentPanel {
    width: 226px;
    will-change: transform;
    flex-wrap: nowrap;
    z-index: 101;
    pointer-events: none;
    position: relative;
}

    .multiPanelContentPanel > .stackPanel {
        will-change: transform;
        flex-wrap: nowrap;
        background: white;
        border-bottom: 1px solid rgb(229, 232, 232);
        width: 100%;
        pointer-events: initial;
    }
    
    .multiPanelContentPanel > .resizer, .multiPanelContentPanel > .resizer:before {
        z-index: 1;
        background: none;
        pointer-events: initial;
        width: 3px;
    }

.browserIE .multiPanelContentPanel > .stackPanel, .browserIE .multiPanelContentPanel > .resizer, .browserIE .multiPanelContentPanel > .resizer:before {
    pointer-events: visiblePainted;
}

.mobile .multiPanelControl:not(.noLeftFullWidth):not(.noRightFullWidth) .multiPanelContentPanel, .mobile .multiPanelControl:not(.noLeftFullWidth):not(.noRightFullWidth) .multiPanelMainContentPanel {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.mobile .mobileMultiPanelContentNoFullWidth {
    flex: 0 1 auto;
}

.leftMultiPanelContentPanel > * {
    border-right: 1px solid rgb(229, 232, 232);
}

.rightMultiPanelContentPanel > * {
    border-left: 1px solid rgb(229, 232, 232);
}

.multiPanelCanvas {
    align-self: flex-start;
    margin-top: 9px;
}

.expandedMultiPanelCanvas {
    align-self: flex-end;
}

.multiPanelTabRenderer {
    height: 30px;
    color: rgb(112, 112, 112);
    flex-wrap: nowrap;
}

    .multiPanelTabRenderer:not(.multiPanelTabRendererSelected):hover {
        background: rgb(128, 128, 128);
        color: white;
    }

.multiPanelTabRendererSelected {
    background: white;
}

.multiPanelTabRenderer p {
    margin: auto 20px auto 5px;
    white-space: nowrap;
    align-self: center;
}

.multiPanelImageBorder {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}

.mobile .multiPanelImageBorder{
    width: 40px;
	height: 40px;
}

.mobile .multiPanelStack{
	width: 40px;
}

.mobile .multiPanelTabRenderer{
	height: 40px;
}


/*Block=10,BlockOrderID=4180*/

.multiPanelContentBorder {
    flex-wrap: nowrap;
    overflow: hidden;
    border-width: 0px;
}

.miniButtonBarControl {
    flex: 0 0 auto;
    flex-wrap: nowrap;
}

.miniButtonBar {
    margin: 5px 5px 5px 5px;
}

.miniButtonBarControl > p {
    font-family: "Segoe UI light";
    font-size: 19px;
    color: rgb(177, 179, 179);
    padding-left: 5px;
    padding-top: 5px;
    text-align: left;
    height: 22px;
}
.mobile .miniButtonBarControl > p {
    padding-left:12px;
}

.miniButtonBarButton {
    width: 20px;
    height: 20px;
    padding: 0px;
    margin-right: 4px;
    margin-bottom: 4px;
    border-color: transparent;
}

.mobile .miniButtonBarButton {
    width: 32px;
    height: 32px;
}

/*Block=10,BlockOrderID=4181*/

.broMainContentPanel {
    position: relative;
    overflow: hidden;
    flex: 1 1 1px;
}

.broLeftButtonStack {
    position: absolute;
    left: 0px;
    top: 0px;
}

.broLeftButtonStackButton {
    margin-left: 4px;
    padding: 0px;
    opacity: 0.5;
    width: 25px;
    height: 25px;
    z-index: 100;
}

.mobile .broLeftButtonStackButton, .mobile .broRightButtonStackButton {
    width: 40px;
    height: 40px;
}

.broRightButtonStack {
    position: absolute;
    right: 0px;
    top: 0px;
    left: 0px;
    z-index: 100;
    justify-content: flex-end;
    pointer-events: none;
}

    .broRightButtonStack > * {
        pointer-events: auto;
    }

.broRightButtonStackButton {
    margin-right: 14px;
    padding: 0px;
    opacity: 0.5;
    width: 25px;
    height: 25px;
}



.broRightButtonStackImage {
    margin-right: 4px;
    width: 25px;
    height: 25px;
}

.broMainContentBorder {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    border-width: 0px;
}

.broObjectDrillDown {
    background: white;
}

.broLayerText {
    background: white;
    margin: auto;
    align-self: center;
}

    .broLayerText p {
        text-wrap: normal;
    }

.broOCButtonPinned {
    opacity: 1;
}

.broOCVisible {
    opacity: 0.2;
}

.broOCVisible2 {
    opacity: 0;
}

.headerBaseReport {
    padding: 0px 2px;
    box-sizing: border-box;
    overflow: hidden;
}

.baseSlide {
    position: relative;
    background: white;
    flex-wrap: nowrap;
}

.baseSlideContentBorder {
    position: relative;
}

.ReportParameterPanel, .ReportParameterPanel > .stackPanel:nth-child(2), .ReportParameterPanel .BaseTreeView {
    flex: 1 1 auto;
}

    .ReportParameterPanel .BaseTreeView {
        border: 1px solid gray;
    }

        .ReportParameterPanel .BaseTreeView:first-child {
            border-right: 0px;
        }


.ReportParameterPanel, .ReportLoadCheckPanel {
    margin: 5px 0px;
    text-align: left;
}

    .ReportParameterPanel > .stackPanel > .textBlock {
        align-self: center;
    }

.zoomLevelControl .button {
    height: 23px;
    width: 23px;
    margin-right: 4px;
    padding: 0px;
}

.zoomLevelControl .textBlock {
    align-self: center;
}

.zoomLevelControlYStack {
    margin-bottom: 4px;
}

.preFilterPanel > .textBlockDocumentHeader {
    margin: 4px 4px 0px 4px;
}

.preFilterPanel > button {
    margin: 7px;
    align-self: flex-end;
    padding: 3px;
}

.InitialConfigDialog, .NewReportObjectInitialConfigDialog {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    justify-content: center;
    z-index: 1;
}

    .InitialConfigDialog .icContentStack {
        align-self: center;
        width: 400px;
        border: 1px solid #A5AEC6;
        border-radius: 3px;
        padding: 10px;
    }

    .InitialConfigDialog .textBlockDocumentHeaderControl {
        margin-bottom: 7px;
    }

    .InitialConfigDialog .textIconButton {
        height: auto;
        align-self: flex-end;
        margin-right: 0px;
    }

    .InitialConfigDialog .GetTextAndFwElement {
        margin: 2px;
    }

        .InitialConfigDialog .GetTextAndFwElement .textBlock {
            width: 90px;
            text-align: left;
        }

.NewReportObjectInitialConfigDialogStack {
    border: 1px solid rgb(165,174,198);
    background: white;
    width: 450px;
    height: 150px;
    padding: 10px;
    align-self: center;
    border-radius: 5px;
}

.NewReportObjectInitialConfigDialog .ButtonsPnl > .textIconButton {
    height: 75px;
}

.NewReportObjectInitialConfigDialog .ButtonsPnl .textIconButton .ResourceIconImage {
    align-self: center;
}

.NewReportObjectInitialConfigDialog .ButtonsPnl .textIconButton .textBlock {
    text-align: center;
}

.NewReportObjectInitialConfigDialog .ButtonsPnl .textIconButton .popupWindowControl {
    padding: 0px;
    height: auto;
    width: auto;
}

    .NewReportObjectInitialConfigDialog .ButtonsPnl .textIconButton .popupWindowControl .textIconButton {
        height: auto;
        justify-content: flex-start;
    }

/*Block=10,BlockOrderID=4182*/

.statusBar {
	flex-wrap: nowrap;
    justify-content: flex-end;
}

    .statusBar p {
        align-self: center;
        margin-right: 5px;
        color: white;
        cursor: pointer;
    }

    .mobile .statusBar p {
        margin-top: -3px;
    }

     .mobile .statusBar p:first-of-type {
           margin-left: 15px;
    }

.sumTextBlock {
    margin-right: 15px;
    margin-left: 4px;
}

.zoomCanvas:hover {
    background: rgb(209, 209, 209);
}

.zoomTextBlock {
    margin-right: 0px !important;
}

.zoomValueTextBlock {
    margin-right: 15px !important;
    text-align: right;
    width: 45px;
}

.mobile .zoomValueTextBlock {
    width:initial;
}

.statusBar input[type=range] {
    -webkit-appearance: none;
    margin: 0px 7px;
    width: 100%;
    background: transparent;
    border: 0px;
    align-self: center;
}

.browserIE .statusBar input[type=range] {
    height: 100%;
}

.mobile .statusBar input[type=range] {
      margin: 0px;
}

    .statusBar input[type=range]::-webkit-slider-runnable-track {
        width: 100%;
        height: 2px;
        cursor: pointer;
        background: white;
    }

    .statusBar input[type=range]::-webkit-slider-thumb {
        height: 13px;
        width: 9px;
        background: white;
        cursor: pointer;
        -webkit-appearance: none;
        border-radius: 0px;
        margin-top: -6px;
    }

    .statusBar input[type=range]::-moz-range-track {
        width: 100%;
        height: 2px;
        cursor: pointer;
        background: white;
    }

    .statusBar input[type=range]::-moz-range-thumb {
        height: 13px;
        width: 9px;
        background: white;
        cursor: pointer;
        border-radius: 0px;
        margin-top: -6px;
    }

    .statusBar input[type=range]::-ms-track {
        width: 100%;
        height: 2px;
        cursor: pointer;
        background: white;
    }

    .statusBar input[type=range]::-ms-thumb {
        height: 13px;
        width: 9px;
        background: white;
        cursor: pointer;
        border-radius: 0px;
    }

.mobile .statusDataVolume{
	display: none;
}

.mobile  .statusBar .zoomCanvas{
    margin: 0px 2.5px;
}

@media all and (max-width: 420px) {
    .sumTextBlock, .statusBar .slider, .statusDataVolume {
        display: none;
    }
}

/*Block=10,BlockOrderID=4183*/

.alternativeSettingsCreatorHorizontalStack {
    position: relative;
    flex-wrap: nowrap;
    flex: 1 1 100px;
}

.alternativeSettingsCreator {
    flex: 1 1 240px !important;
    border-right: 1px solid rgb(210, 210,210);
}

.alternativeSettingsCreatorTabRenderer {
    height: 45px;
    font-size: 14px;
    cursor: pointer;
    flex-wrap: nowrap;
}

    .alternativeSettingsCreatorTabRenderer p {
        margin: auto 15px auto 5px;
        align-self: center;
    }

.alternativeSettingsCreatorTabRendererImgBorder {
    width: 45px;
    height: 45px;
}

.alternativeSettingsCreatorTabRendererImg {
    margin: auto;
}

.alternativeSettingsCreatorTabRenderer:not(.alternativeSettingsCreatorTabRendererSelected):hover {
    background: rgb(209,209,209);
}

.alternativeSettingsCreatorTabRendererSelected {
    background: rgb(183, 183, 183);
}

.settingsCreatorPanelHeader {
    margin: 50px 0px 0px 60px;
    font-family: GamePitchFont, "Segoe UI light";
    font-size: 36px;
    color: white;
    text-align: left;
}

.settingsCreatorPanelDescription {
    margin: 10px 0px 0px 60px;
    font-size: 11px;
    text-align: left;
}

.settingsCreatorPanelContentMargin {
    margin: 11px 0px 0px 60px;
    flex: 1 1 auto;
}

.alternativeSettingsCreatorPanelHeader {
    font-size: 14px;
    margin: 0px 0px 0px 0px;
}

.alternativeSettingsCreatorPanelDescription {
    margin: 0px 0px 0px 0px;
}

.alternativeSettingsCreatorContentDIVMargin {
    margin: 0px 0px 0px 30px;
    flex-basis: 100%;
}

.alternativeSettingsCreatorContent {
    flex: 1 1 100%;
}

.settingsCreator {
    padding-left: 60px;
}

.settingsCreatorStack {
    position: absolute;
    left: 0px;
    height: 100%;
    overflow: hidden;
    z-index: 2;
    flex-wrap: nowrap;
}

.settingsCreatorContentPanel {
    z-index: 1;
}

.settingsCreatorHeaderBorder {
    height: 50px;
    flex-shrink: 0;
}

    .settingsCreatorHeaderBorder > p {
        color: white;
        font-size: 16px;
        text-align: left;
        margin: auto 15px;
        line-height: 150%;
        overflow-x: hidden;
        align-self: center;
    }

.settingsCreatorTabRenderer {
    height: 52px;
    flex-wrap: nowrap;
}

    .settingsCreatorTabRenderer p {
        margin: auto 15px auto 5px;
        white-space: nowrap;
        color: white;
        font-size: 14px;
        align-self: center;
    }

.settingsCreatorTabRendererImgBorder {
    height: 52px;
    width: 60px;
}

.settingsCreatorTabRenderer.settingsCreatorDepth0:not(.settingsCreatorTabSelected):hover {
    background: rgb(128, 128, 128);
}

.settingsCreatorStack.settingsCreatorDepth0, .settingsCreatorTabRenderer.settingsCreatorDepth1:not(.settingsCreatorTabSelected):hover, .settingsCreatorDepth0.backStageButtonSelected {
    background: #4d4d4d;
}

.settingsCreatorTabSelected.settingsCreatorDepth0, .settingsCreatorStack.settingsCreatorDepth1 {
    background: #808080;
}

.settingsCreatorTabSelected.settingsCreatorDepth1, .settingsCreatorTabSelected.settingsCreatorDepth1 p {
    background: #333;
    color: white;
}

.settingsCreatorDepth0.backStageButtonSelected {
    color: white;
}

/*Block=10,BlockOrderID=4184*/

.reportParameterPanel .rppCaption {
    margin-left: 5px;
}

.reportParameterPanel .rppTreeGrid {
    margin-top: 5px;
}

.reportParameterPanel .rppInfoText {
    margin: 4px;
}

.reportParameterPanel .butToggle {
    width: 20px;
    height: 20px;
    padding: 0px;
    margin: 4px;
}

.ReportParameterSettingsPanel .ActionButton {
    height: 23px;
    width: 100px;
    margin: 7px 4px 7px 4px;
}

/*Block=10,BlockOrderID=4185*/

.NewVersionDialog > .stackPanel > * {
    margin: 2px;
    align-self: center;
}

.NewVersionDialog > .textBlock {
    border: 1px solid silver;
    background-color: #FDE38A;
    padding: 10px;
    font-weight: bold;
    max-width: 500px;
    text-align: left;
    line-height: 1.5;
    font-size: 12px;
}
/*Block=10,BlockOrderID=4190*/

.batchTabPage{
	flex: 1 1 auto;
	border: 0px;
	padding: 0px;
	margin: 0px;
	overflow: auto;
	flex-wrap: nowrap;
	display: block;
}

.generalSettings .textBlockInput{
	margin: 0px 11px 0px 2px;
}

.generalSettings .textBlockLabel{
	width: 150px;
	text-align: left;
	align-self: center;
}

.generalSettings .valueContent{
	margin: 2px;
	flex: 1 1 auto;
}

.generalSettings .labelPlaceholder{
	margin-left: 152px;
	width: 75px;
}

.generalSettings .placeholder{
	margin: 2px;
	max-width: 480px;
	text-align: left;
}

.kombinatorik .radioButtons{
	margin: 7px;
}

.kombinatorik .buttons{
	width: 75px;
	height: 23px;
	margin-right: 4px;
}

.kombinatorik .buttonCodeDescription{
	width: 35px;
	height: 2px;
	margin: 4px;
	height: 23px;
}

.kombinatorik .dropDownButtonFilterCube{
	width: 300px;
	margin: 2px;
	align-self: center;
}

.kombinatorik .textBlockCount{
	margin-left: 10px;
	margin-right: 4px;
	align-self: center;
}

.kombinatorik .numericUpDownCount{
	align-self: center;
	height: 23px;
}

.kombinatorik .stackPanelLiscence{
	margin: 11px;
}

    .kombinatorik .stackPanelLiscence > * {
        align-self: center;
    }

.kombinatorik .fileCountTextBlock{
	margin-left: 4px;
	margin-right: 10px;
}

.kombinatorik .buttonReloadLiscence{
	height: 23px;
	width: 23px;
    padding: 2px;
    margin-right: 4px;
}

.kombinatorik .kombiStackPanelFilterDim {
    overflow: auto;
    flex-wrap: nowrap;
}

.dimensionBox{
	min-width: 125px;
	margin-right: 7px;
}

.dimensionBox .dbStackPanelFilter > *{
    flex-shrink: 0;
}

.dimensionBox .dimensionBoxValueContent{
	margin: 4px;
	align-self:  center;
}

.dimensionBox .buttonMailMapping{
	margin: 4px;
	align-self:  center;
	height: 23px;
	width: 23px;
}

.dimensionBox .comboBoxEmailMapping{
	margin: 4px;
	width: 150px;
}

.dimensionBox .checkBoxUseTime{
	margin: 11px 4px 0px 4px;
}

.dynamicTimeSettings{
	margin-right: 4px;
}

.dynamicTimeSettings .labelTitleMain{
	padding-left: 4px;
	width: 120px;
	text-align: left;
	align-self: auto;
    margin: 5px 0px;
}

.dynamicTimeSettings .labelTitle{
	padding-left: 4px;
	width: 120px;
	text-align: left;
	align-self: center;
}

.dynamicTimeSettings .comboBoxTitle{
	margin-bottom: 3px;    
    width: 80px;
}

.dtsCBLayer {
    min-width: 150px;
}

.hierarchyTreeBox {
	width: 200px;
}

.hierarchyTreeBox .textBlockHierarchy{
	padding: 4px;
	text-align: left;
}

.hierarchyTreeBox .stackPanelSelection{
	position: relative;
	height: 23px;
}

.hierarchyTreeBox .dropDownButtonSelection{
	height: 21px;
	width: 173px;
	left: 0px;
	position: absolute;
	margin-top: 4px;
	margin-bottom: 4px;
}

.browserIE .dropDownButtonSelectionLayer {
    height: 150px;
}

.dropDownButtonSelectionLayer .BaseTreeView {
    min-height: 150px;
    width: 100%;
    height: 100%;
}

.hierarchyTreeBox .textBoxSelection{
	height: 23px;
	width: 148px;
	left: 0px;
	position: absolute;
	margin-top: 4px;
	margin-bottom: 4px;
}

.hierarchyTreeBox .buttonSearch{
	height: 23px;
	width: 23px;
	margin: 4px;
	margin-left: 177px;
	position: absolute;
    padding: 2px;
}

.hierarchyTreeBox .baseTreeViewFilter{	
	min-height: 150px;
}

.output{
	display: flex;
}

.output .stackPanelOutputType{	
	width: 125px;
	margin-right: 7px;
}

.output .stackPanelConfig{	
	flex: 1 1 auto;
    display: block;
}

.output .defaultHeaderOutputType{	
	margin: 2px 7px 2px 2px;
	width: 125px;
}

.output .listBoxPluginNavigation{	
	width: 125px;
	margin-right: 7px;
	flex: 1 1 auto;
	border: 0px;
}

.output .defaultHeaderConfig{	
	margin: 2px 2px 0px 0px;
}

.output .checkBoxIsActive{	
	margin: 7px 0px;
}

.naviItem{
	margin-right: 4px;
}

.naviItem .borderImage{
	margin: 4px;
	padding: 0px;
	height: 16px;
	width: 16px;
}

.naviItem .textBlockName{
	margin: 4px;
	width: 50px;
}

.naviItem .borderImageIsActive{
		background-image: url(../../../../../../../../Resources/Png_01c6820d-da78-414e-b8d6-66e841a65a9b_Allowed$16x16.png);
}

.filePnl{
	margin: 2px;
	flex-direction: column;
}

.filePnl .stackPanelRow{
	margin-top: 7px;
}

.filePnl .textBlockLabel{
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 7px;
}

.filePnl .valueCheckBox{
	width: 200px;
}

.filePnl .textBoxPath{
	width: 177px;
	heigth: 23px;
}

.filePnl .buttonDirectoryBrowser{
	width: 23px;
	heigth: 23px;
}

.emailPnl{
	margin: 2px;
	flex-direction: column;
	flex: 1 1 auto;
    display: block;
}

.emailPnl .baseTreeViewDimensionMailing{
	margin: 10px;
	min-height: 100px;
}

.browserIE .emailPnl .baseTreeViewDimensionMailing {
    height: 100px;
}

.emailPnl .stackPanelSubject{
	margin-bottom: 11px;
}

.emailPnl .textBlockMainLabel{
	width: 75px;
	margin-right: 2px;
}

.emailPnl .stackPanelBody{
	min-height: 80px;
}

.emailPnl .checkBoxValue{
	margin-top: 5px;
	margin-left: 77px;
}

.emailPnl .textBoxSubject{
	flex: 1 1 auto;	
}

.emailPnl .textBoxBody{
	min-height: 80px;
	flex: 1 1 auto;	
}

.emailPnl .textBoxBody>.NoScroll{
	min-height: 80px;
	flex: 1 1 auto;
	height: initial;
    width: initial;
}
/*Block=10,BlockOrderID=4201*/

.adHocPanel {
    margin: 5px;
    background: white;
    min-height: 300px;
    /*min-width: 300px;*/
    position: relative;
    flex: 1 1 auto;
}

    .adHocPanel > .stackPanel {
        margin-bottom: 7px;
    }

        .adHocPanel > .stackPanel > .textBlock {
            align-self: center;
        }

        .adHocPanel > .stackPanel > .chbwrap {
            margin-left: 7px;
        }

    .adHocPanel .textBoxSubject {
        margin-left: 2px;
        flex: 1 1 auto;
    }

    .adHocPanel .stackPanelReceiver {
        flex-wrap: nowrap;
    }

    .adHocPanel .textBlockUsers {
        color: gray;
		flex: 1 1 auto;
		text-align: left;
		margin-left: 3px;
    }

    .adHocPanel .textBlockMessage {
        text-align: left;
		margin-bottom: 5px;
    }

    .adHocPanel .textBoxMessage {
        min-height: 150px;
        flex: 1 1 auto;
        margin-bottom: 30px;
    }

        .adHocPanel .textBoxMessage > .NoScroll {
            min-height: 150px;
            flex: 1 1 auto;
            height: initial;
            width: initial;
        }

    .adHocPanel .buttonSend {
        width: 110px;
        position: absolute;
        right: 0px;
        bottom: 0px;
    }

    .adHocPanel .buttonOpenPeoplePicker {
        height: 20px;
        width: 20px;
    }

/*Block=10,BlockOrderID=4202*/

.messageCenterDialog .stackPanelMessagesNavigation {
    width: 300px;
    flex-wrap: nowrap;
	flex-shrink: 0;
}

.messageCenterDialog.small .stackPanelMessagesNavigation {
    width: initial;
    flex: 1 1 auto;
}

.messageCenterDialog .stackPanelFilter {
    position: relative;
    height: 30px;
	flex-wrap: nowrap;
}

.messageCenterDialog .textBlockAll {
    margin: 6px 2px 2px 0px;
    font-size: 18px;
    font-family: 'Segoe UI Light';
}

    .messageCenterDialog .textBlockAll:hover {
        color: #3E78B3;
        cursor: pointer;
    }

.messageCenterDialog .comboBoxMessageType {
    margin: 3px 2px 2px 0px;
    min-width: 100px;
}

    .messageCenterDialog .comboBoxMessageType, .messageCenterDialog .comboBoxMessageType .textbox {
        font-size: 18px;
        font-family: 'Segoe UI Light';
    }

        .messageCenterDialog .comboBoxMessageType:hover {
            color: #3E78B3;
            cursor: pointer;
        }

.messageCenterDialog .textBlockClear {
    margin: 6px 15px 2px 2px;
    font-size: 18px;
    font-family: 'Segoe UI Light';
}

    .messageCenterDialog .textBlockClear:hover {
        color: #CC4A31;
        cursor: pointer;
    }

.messageCenterDialog .listBoxMessages {
    flex: 1 1 10px;
    border: 1px;
    margin: 2px 15px 2px 0px;
    padding: 0px;
    width: 285px;
    overflow-x: hidden;
}

.messageCenterDialog.small .listBoxMessages {
    width: initial;
}

.messageCenterDialog .borderSplitter {
    width: 1px;
    background: #D2D2D2;
}

.messageCenterDialog.small .borderSplitter {
    display: none;
}

.messageCenterDialog .stackPanelDetail {
    flex: 1 1 auto;
    margin-left: 15px;
    /*width: 435px;*/
    flex-wrap: nowrap;
}

.messageCenterDialog.small .stackPanelDetail {
    margin-left: 0px;
}

.messageCenterDialog .stackPanelDetailHeader {
    height: 30px;
    margin-top: 2px;
    margin-bottom: 2px;
    background: transparent;
    position: relative;
}

.messageCenterDialog .borderIconInfo {
    margin: 2px 2px 0px 5px;
    align-self: center;
}

.messageCenterDialog .textBlockMessageHeader {
    margin: 2px;
    font-size: 14px;
    align-self: center;
    text-align: left;
    flex: 1 1 auto;
}

.messageCenterDialog .borderIconCopy {
    margin-right: 5px;
    background: transparent;
    width: 16px;
    height: 16px;
    background-image: url(../../../../../../../Resources/Png_b1dfa038-e0aa-46a1-a41e-db94a691068f_CopyGray$16x16.png);
    align-self: center;
}

    .messageCenterDialog .borderIconCopy:hover {
        background-image: url(../../../../../../../Resources/Png_bba87933-ec3e-4136-a590-b8c017d76b1a_Copy$16x16.png);
    }

.messageCenterDialog .contentControlMessageContent {
    margin-top: 2px;
    margin-bottom: 2px;
    flex: 1 1 auto;
    flex-wrap: nowrap;
}

.messageCenterDialog .blueColor {
    color: #3E78B3;
}

.templateObjectMessageCenterDialog {
    height: 42px;
    background: transparent;
    flex: 0 1 auto;
    max-width: 285px;
}

.messageCenterDialog.small .templateObjectMessageCenterDialog {
    max-width: initial;
}

.messageCenterDialog.small .backbutton {
    position: absolute;
    bottom: 30px;
    border: 0px;
}

.templateObjectMessageCenterDialog .borderFirstChar {
    border: 1px solid transparent;
    border-radius: 20px;
    width: 32px;
    height: 32px;
    margin: 2px;
}

.templateObjectMessageCenterDialog .textBlockFirstChar {
    flex: 1 1 auto;
    color: white;
    font-size: 14px;
    align-self: center;
    text-align: center;
}

.templateObjectMessageCenterDialog .textBlockDisplayName {
    font-size: 14px;
    margin: 2px;
    white-space: normal;
    flex: 1 1 20px;
}

.templateObjectMessageCenterDialog .textBlockTime {
    margin: 2px;
    font-size: 8px;
}

.templateObjectMessageCenterDialog .textBlockDeleteMessage {
    margin: 2px;
    font-size: 17px;
    /*font-family: cursive;*/
    align-self: flex-end;
    display: none;
}

    .templateObjectMessageCenterDialog .textBlockDeleteMessage:hover {
        color: #CC4A31;
        cursor: pointer;
    }

.templateObjectMessageCenterDialog:hover .textBlockDeleteMessage {
    display: block;
}

/*Block=10,BlockOrderID=4203*/

.defaultMessagePanel {
    align-self: stretch;
    flex: 1 1 auto;
    flex-wrap: nowrap;
}

    .defaultMessagePanel .textBlockLabel {
        font-size: 14px;
        margin: 2px;
        width: 120px;
        text-align: left;
    }

    .defaultMessagePanel .textBlockContent {
        font-size: 14px;
        margin: 2px;
    }

    .defaultMessagePanel > * {
        flex: 0 0 auto;
    }

    .defaultMessagePanel .stackPanelMessage {
        flex: 1 1 auto;
    }

    .defaultMessagePanel .textBoxMessage {
        flex-direction: column;
        flex: 1 1 auto;
        background: none!important;
        border: 0px;
    }

        .defaultMessagePanel .textBoxMessage textarea {
            font-size: 14px;
            margin: 2px;
            border: 0px;
            overflow-x: hidden;
            box-sizing: border-box;
            resize: none;
            flex: 1 1 auto;
            background-color: white;
            overflow-y: auto;
            height: initial;
            width: initial;
        }

        .defaultMessagePanel .textBoxMessage.tbWrap.disabled input, .defaultMessagePanel .textBoxMessage.tbWrap.disabled {
            background: transparent;
            border: 0px;
        }

    .defaultMessagePanel .textBlockCode {
        overflow-x: hidden;
        overflow-y: auto;
        flex: 1 1 auto;
        text-align: left;
        margin: 0px;
    }

/*Block=10,BlockOrderID=4204*/

.reportAlertMessagePanel {
	align-self: stretch;
	flex: 1 1 auto;
	/*flex-wrap: nowrap;*/
}

.reportAlertMessagePanel .textBlockLabel{
	font-size: 14px;
	margin: 2px;
	width: 120px;
	text-align: left;
}

.reportAlertMessagePanel .textBlockContent{
	font-size: 14px;
	margin: 2px;
}

.reportAlertMessagePanel .stackPanelMessage{
	flex: 1 1 auto;
}

.reportAlertMessagePanel .textBoxMessage{
	flex-direction: column;
	flex: 1 1 auto;
}

.reportAlertMessagePanel .textBoxMessage textarea{
	font-size: 14px;
	margin: 2px;
	border: 0px;
	overflow-x: hidden;
	box-sizing: border-box;
	resize: none;
	flex: 1 1 auto;
	background-color: white;
	overflow-y: auto;
}

.reportAlertMessagePanel .textBoxMessage.tbWrap.disabled input, .reportAlertMessagePanel .textBoxMessage.tbWrap.disabled{
	background: transparent;
	border: 0px;
}

.reportAlertMessagePanel .stackPanelSpezific{
	margin: 2px;
	flex: 1 1;
}

.reportAlertMessagePanel .actionButton{
	margin: 2px;
	width: 150px;
}
/*Block=10,BlockOrderID=4205*/

.peoplePickerDialog{
	margin: 5px;
	flex: 1 1 auto;
}

.peoplePickerDialog .ppdcontent{
	flex: 1 1 45%;
	flex-wrap: nowrap;
}

.peoplePickerDialog .ppdbold{
	font-weight: bold;
	text-align: left;
}

.peoplePickerDialog .marginRight5{
	margin-right: 5px;
}

.peoplePickerDialog .marginTop5{
	margin-top: 5px;
}

.peoplePickerDialog .resultList{
	flex:1 1 auto;
	}

.peoplePickerDialog .selectedList{
	flex:1 1 auto;
	}

.peoplePickerDialog .stackPanelSearch{
	position: relative;
}

.peoplePickerDialog .searchTextBox{
	height: 23px;
	margin: 5px 28px 5px 0px;
	flex: 1 1 auto;
}

.peoplePickerDialog .searchButton{
	height: 23px;
	width: 23px;
	right: 0px;
	position: absolute;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

.peoplePickerDialog .searchType{
	height: 23px;	
	margin: 5px 0px 5px 0px;
}

.peoplePickerDialog .addEmail{
	height: 23px;
	width: 120px;
}

.peoplePickerDialog .buttonStack{
	align-self: center;
	width: 33px;
}

.peoplePickerDialog .addButton{
	height: 23px;	
	width: 23px;
	margin: 0px 5px 5px 5px;
}

.peoplePickerDialog .removeButton{
	height: 23px;	
	width: 23px;
	margin: 0px 5px 0px 5px;
}

.peoplePickerDialog .resultMessage{
    position: absolute;
    top: 250px;
    left: 20px;
    right: 20px;
}
/*Block=10,BlockOrderID=4208*/

.reminderPanel {
	flex: 1 1 auto;
	position: relative;
}

.reminderPanel .stackPanelReciver{
	flex-wrap: nowrap;
}

.reminderPanel .stackPanelReciver > .textBlock{
    align-self: center;
}

.reminderPanel .textBlockUsers{
	color: gray;
	flex: 1 1 auto;	
    text-align: left;
	margin-left: 2px;
}

.reminderPanel .buttonPeoplePicker{
	height: 20px;
	width: 20px;
}

.reminderPanel .startDate{
	margin: 2px;
}

.reminderPanel .textBlockMessage{
	align-self: auto;
	margin-bottom: 5px;
}

.reminderPanel .textBoxMessage{
	min-height:150px;
}

.reminderPanel .textBoxMessage>.NoScroll{
	min-height: 150px;
}

.reminderPanel .textBlockWarning{
	margin: 2px;
	color: red;
}
/*Block=10,BlockOrderID=4212*/

.personalBatchJobPanel .batchJobListBox{
	min-height: 200px;
}

.personalBatchJobPanel .actionButtons{
	margin: 4px;
	height: 34px;
	width: 34px;
	padding: 0px;
}
/*Block=10,BlockOrderID=4213*/

.userInfopanel {
	width: 300px;
}

.userInfopanel .stackPanelUpload {
	width: 80px;
	height: 80px;
	position: relative;
	margin: 8px 0.5px 0.5px 1px;
}

.userInfopanel .borderUserImage {
	width: 80px;
	height: 80px;
}

.userInfopanel .profilePic {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.userInfopanel .textBlockUserImageUpload{
	font-size: 12px;
	position: absolute;
	bottom: 0px;
	background: lightgray;
	width: 100%;
}

.userInfopanel .textBlockUserImageUpload > p{
    margin: auto;
	line-height: 1.5;
}

.userInfopanel .noUser{
    margin: auto;
}

.userInfopanel .displayLargeTextBlock{
	font-size: 26px;
	color: gray;
	font-family: 'Segoe UI Light';
	margin-right: 5px;
    text-align:left;
}

.userInfopanel .displaySmallTextBlock{
	font-size: 12px;
	color: gray;
	margin-right: 5px;
    text-align:left;
}

.userInfopanel .linkButton{
	font-size: 14px;
	padding-right: 5px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 7px;
}

.userInfopanel .borderSeperator{
	border-top: 1px solid gray;
	padding-top: 10px;
}

.userInfopanel .btnLangTbk{
    font-size: 14px;
	margin-left: 5px;
	text-align: left;
	margin-top: 9px;
    color: rgb(146,192,224);
}

.userInfopanel .btnLangCmb{
    margin-left: 10px;
    width: 170px;
    margin-top: 5px;
}

    .userInfopanel .btnLangBtn {
        height: 22px;
        width: 22px;
        margin: 5px 0px 0px 3px;
        padding: 0px;
    }

    .userInfopanel .btnLangBtn > .ResourceIconImage {
        margin: auto;
    }
/*Block=10,BlockOrderID=4214*/

.imageExportPanel{
	flex: 1 1 auto;
	position:relative;
}

.imageExportPanel .comboBoxObjects{
	width: 200px;
	margin: 7px;
}

.imageExportPanel .textBlockCaption{
	width: 170px;
	margin: 2px;
	text-align: left;
    align-self: center;
}

.imageExportPanel .valueContent{
	width: 100px;
	margin: 2px;
	text-align: left;
}

.imageExportPanel .loadingPanel{
	position: absolute;
	top: 0px;
	background: white;
}

.imageExportPanel .noExport{
	position: absolute;
	top: 0px;
	background: white;
}

.categoryContainerRealControl{
	margin-left: 15px;
}

.categoryItem{
	margin: 1px;
	cursor: pointer;
}
/*Block=10,BlockOrderID=4215*/

.browserDialog {
    flex: 1 1 auto;
}

    .browserDialog .baseTreeViewDirectory {
        flex: 1 1 auto;
    }

    .browserDialog .marginFromTwo {
        margin: 2px;
    }

    .browserDialog .alignselfcenter {
        align-self: center;
    }

/*Block=10,BlockOrderID=4216*/

.reportCyclePanel{
	flex: 1 1 auto;
	position: relative;
}

.reportCyclePanel .stackPanelReciver{
	flex-wrap: nowrap;
}

.reportCyclePanel .stackPanelReciver > .textBlock{
    align-self: center;
}

.reportCyclePanel .textBlockUsers{
	color: gray;
	flex: 1 1 auto;
    text-align: left;
	margin-left: 3px;
}

.reportCyclePanel .buttonPeoplePicker{
	height: 20px;
	width: 20px;
}

.reportCyclePanel .startDate{
	margin: 2px;
}

.reportCyclePanel .textBlockMessage{
	align-self: auto;
	margin-bottom: 5px;
}

.reportCyclePanel .textBoxMessage{
	min-height:150px;
}

.reportCyclePanel .textBoxMessage>.NoScroll{
	min-height: 150px;
}

.reportCyclePanel .textBlockWarning{
	margin: 2px;
	color: red;
}
/*Block=10,BlockOrderID=4218*/

.batchPnl {
    flex: 1 1 auto;
    flex-wrap: nowrap;
    overflow: hidden;
}

.browserEdge .batchPnl, .browserFirefox .batchPnl {
    height: 100%;
}

    .batchPnl .textBlockHeader {
        color: #003399;
        font-size: 15px;
        text-align: left;
        line-height: 1.5;
    }

    .batchPnl .textBlockSubHeader {
        font-size: 11px;
        text-align: left;
        line-height: 1.5;
    }

.batchPnl .tabControl {
	overflow: hidden;
	flex-wrap: nowrap;
}

.batchPnl .tabControl .tabControlContentPanelBorder{
	flex: 1 1 auto;
	overflow: hidden;
	flex-wrap: nowrap;
}

/*Block=10,BlockOrderID=4223*/

.ExecutedBatchesSlide .ebsMainContent {
    margin: 10px;
}

.ExecutedBatchesSlide .ebsMainContent .TreeViewList {
    margin-top: 10px;
}
/*Block=10,BlockOrderID=4228*/

.RunningBatchesSlide .rbsMainContent {
    margin: 10px;
}

.RunningBatchesSlide .rbsMainContent .TreeViewList {
    margin-top: 10px;
}
/*Block=10,BlockOrderID=4229*/

/*.IntegrationBoardSlide .ModelTree{
    width: 1300px;
    height: 580px;
}*/

/*Block=10,BlockOrderID=4500*/

.ribbonControlText{
    margin: 2px 3px 0px 3px;
    text-align: center;
    word-wrap: break-word;
    font-size: 11px;
	align-self: center;
}
.ribbonControlImg{
    margin:auto;
}
.ribbonControlImageBorder{
	margin: 2px;
}

.collaboration{
	flex: 1 0 auto;
}

.collaboration .ribbonControlImg {
    /*-webkit-filter: brightness(0.3) grayscale(100%);*/
}

.collaboration > .stackPanel{
	flex-wrap: nowrap;
}

.collaboration > .stackPanel > *{
	flex-shrink: 0;
}

.qatControl{
    height: 28px;
    width: 28px;
    margin: 0px!important;
    cursor:pointer;
}

.mobile .qatControl{
    height: 40px;
    width: 40px;
    box-sizing: border-box;
}

.ribbonAdvancedSearch{
	margin: 0px!important;
	cursor: pointer;
}

.ribbonAdvancedSearchIcon{
    width: 28px;
    margin: auto;
}

.ribbonAdvancedSearchDropDown{
    margin: 1px 0px 0px 8px;
    border:0px;
	width: 150px;
}

.ribbonAdvancedSearchOpen:hover{
    background:white!important;
}

.ribbonAdvancedSearchOpen{
    margin: 2px 0px!important;
    border: 1px solid gray!important;
    border-radius: 10px;
    background: white; 
    transform-origin: right center;
    animation-duration: 0.3s;-o-animation-duration: 0.3s;-ms-animation-duration:0.3s;-moz-animation-duration: 0.3s;-webkit-animation-duration:0.3s;
    animation-name: aniShowWi;-o-animation-name: aniShowWi;-ms-animation-name: aniShowWi;-moz-animation-name: aniShowWi;-webkit-animation-name: aniShowWi;
}

.mobile .ribbonAdvancedSearchOpen{
      margin: 7px 0px;
}

@keyframes aniShowWi {from {transform: scaleX(0);}to {transform:scaleX(1);}}
@-moz-keyframes aniShowWi {from {transform: scaleX(0);}to {transform:scaleX(1);}}
@-webkit-keyframes aniShowWi {from {transform: scaleX(0);}to {transform:scaleX(1);}}
@-ms-keyframes aniShowWi {from {transform: scaleX(0);}to {transform:scaleX(1);}}
@-o-keyframes aniShowWi {from {transform: scaleX(0);}to {transform:scaleX(1);}}

.ribbonDropDownAlwaysVisibleGroupContainer{
    width: 60px;
}

.ribbonDropDownContainerGroupMargin > *:not(.ribbonDropDownContainerGroup):not(.ribbonDropDownContainerGroupMargin){
	margin-top: 4px!important;
	margin-bottom: 4px!important;
}

.ribbonDropDownContainerGroup{
    border-bottom: 1px solid rgb(210,210,210);
}

.ribbonNumericUpDown .ribbonNumericUpDownControl {
    width: 50px;
}

.ribbonDropDownContainerGroupUpperBorder{
    border-top: 1px solid rgb(210,210,210);
}

.ribbonDropDownAlwaysVisibleContainerGroup{
    height: 88px;
}

.browserIE .ribbonDropDownAlwaysVisibleContainerGroup > .stackPanel{
    flex-wrap: nowrap;
}

.ribbonDropDownContainerAlwaysVisibleButton{
    width:60px;
}

.ribbonDropDownContainerAlwaysVisibleButton .ribbonControlText{
    width:60px;
}

.mainWindow .menu {
    border: 0px; 
}

.rootRibbonTabRenderer p{
	margin: auto 15px;
	font-size: 14px;
	color: rgb(112, 112, 112);
    align-self: center;
}

.rootRibbonTabRenderer.ribbonTabSelected {
	background: white;
}

.ribbonTabGroupCaption{
	font-size: 10px;
	margin: 0px 3px 3px 3px;
    text-align: center;
}

.ribbonTabGroupStack{
	margin-left: 5px;
	flex-wrap: nowrap;
}

.ribbonTabGroupMoreStack{
	margin-right: 5px;
	flex-wrap: nowrap;
}

.ribbonTabGroup:after{
	content: "";
	border-right: 1px solid rgb(210, 210, 210);
	height: 78px;
	margin: 6px 0px;
}

.browserIE .ribbonTabGroup:after {
    position: absolute;
}

.ribbonButtonSmall{
	align-self: flex-start;
}

.ribbonButtonMiddle{
	align-self: flex-start;
}

.ribbonButtonMiddle .ribbonControlImg{
	margin: auto 2px;
}

.ribbonDropDownContainerButton .ribbonControlText, .ribbonDropDownContainerDropDownButton .ribbonControlText {
	align-self: center;
	text-align: left;
}

.ribbonDropDownContainerButton > .stackPanel{
	flex-wrap: nowrap;
}

.aRibbonOrderedWrapPanelContentStack {	
	height: 78px;
	width: 100%;
	align-content: flex-start;
}

.aRibbonOrderedWrapPanelColumnStack{
	overflow: hidden;
}

.aRibbonOrderedWrapPanelColumnStack>*{
	white-space: nowrap;
}

.ribbonFixedHorizontalOrderedWrapPanel{
	width: 220px;
}

.ribbonFixedHorizontalOrderedWrapPanel .stackPanel{
	align-content: flex-start;
}

.ribbonCheckBox{
	align-self: flex-start;
}

.ribbonCheckBox .ribbonControlText{
	align-self: center;
}

.ribbonCheckBox .stackPanel.ver .chbwrap{
	margin: 2px auto;
}

.ribbonCheckBoxMaxWidth{
	max-width: 200px;
}

.ribbonDropDownMoreContainer{
	height: 20px;
}

.ribbonDropDownMoreContainerContentStack > p{
	text-align: left;
	align-self: center;
}

.ribbonDropDownMoreContainerContentStack .ribbonControlImg{
	margin: auto 2px;
}

.ribbonComboBox{
	height: 38px;
}

.ribbonComboBox .combobox{
	height: 23px;
	min-width: 100px;
}

.smallFixedRibbonComboBox .combobox{
	min-width: 64px;
	width: 64px;
}

.middleFixedRibbonComboBox .combobox{
	min-width: 100px;
	width: 100px;
}

.ribbonComboBoxSmall{
	height: 30px;
}

.ribbonNumericUpDown .stackPanel > *, .ribbonComboBox .stackPanel > *{
	align-self: center;
}

.ribbonNumericUpDown .chbwrap{
	margin: 2px;
}

.ribbonNumericUpDownControl {
	height: 23px;
	min-width: 40px;
	margin: 0px 2px;
}

.ytdRibbonBorder{
	width: 60px;
	line-height: 18px;
}

.ppRibbonLevelCB{
	margin-left: 2px;
	width: 75px;
	height: 21px;
}

.ppRibbonNumeric{
	height: 23px;
	width: 45px;
}

.ribbonDropDownButtonMiddle .ribbonControlText{
	text-align: left;
}

.ribbonTranslationTextBox{
	align-self: flex-start;
}

.ribbonTranslationTextBox input{
	width: 100%;
}

.ribbonMultiLineListBox{
	height: 60px;
}

.ribbonMultiLineListBoxItemStack{
	width: 380px;
	flex-wrap: wrap;
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.ribbonMultiLineListBox > .stackPanel{
	overflow: hidden;
    height: 100%;
}

.ribbonMultiLineListBoxItem{
	width: 120px;
	height: 50px;
	padding: 5px 0px;
}

.ribbonMultiLineListBoxItem:not(.selected):hover{
	background: rgb(239, 244, 249);
}

.ribbonMultiLineListBoxItem.selected{
	background: rgb(105, 150, 196);
}

.ribbonMultiLineListBoxItemImage{
	width: 120px;
	height: 100%
}

.ribbonMultiLineListBoxButton{
	padding: 1px;
}

.ribbonBrushPicker.ribbonBrushPickerSmall .aBrushPickerButtonBorder, .ribbonBrushPicker.ribbonBrushPickerMiddle .aBrushPickerButtonBorder{
	width: 20px;
	height: 20px;
}

.ribbonBrushPicker.ribbonBrushPickerSmall .aBrushPickerButtonText{
	display: none;
}
/*Block=10,BlockOrderID=4501*/

.displayControl{
    width: 60px;
}

.displayControl:disabled{
    opacity: 0.5;
}

.displayControlUser > .displayControlImage:not(.ResourceIconImage){
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.displayControlImage{
    height: 48px;
    width: 48px;
    margin: 2px auto;
    border-radius: 24px;
}

.displayControlText{
    margin: 2px auto;
    word-break: break-word;
    font-size: 10px;
}

/*Block=10,BlockOrderID=4502*/

.messageButtonStack {
    position: relative;
}

.messageButtonCanvas {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.messageButtonPopup {
    width: 300px;
    flex-wrap: nowrap;
    will-change: transform;
    color: black;
}

.messageButtonPopupImageBorder {
    height: 32px;
    width: 32px;
    margin: 2px;
}

.messageButtonPopupHeader {
    margin: auto 2px;
    font-size: 14px;
}

.messageButtonPopupMessageText {
    margin: 2px;
    height: 50px;
    background: white;
    font-size: 12px;
    word-wrap: normal;
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: left;
}

    .messageButtonPopupMessageText:hover {
        overflow-y: auto;
    }

.messageCenterManagementMessageStack {
    will-change: transform;
    position: absolute;
    top: 60px;
    right: 0px;
    z-index: 205;
    width: 0px;
    overflow: hidden;
    transition: width 0.7s ease-in;
    -o-transition: width 0.7s ease-in;
    -ms-transition: width 0.7s ease-in;
    -moz-transition: width 0.7s ease-in;
    -webkit-transition: width 0.7s ease-in;
}

/*Block=10,BlockOrderID=5000*/
.DrillDownDialogPanel .DrillDownSettingsDlgPanel .choicePreviewSTKPNL .choiceSTKPNL {
    min-width:230px;
    margin-right:20px;
}

.DrillDownDialogPanel .DrillDownSettingsDlgPanel .choicePreviewSTKPNL .PreviewSTKPNL{
    min-width:480px;
}

.DrillDownDialogPanel .DrillDownSettingsDlgPanel .choicePreviewSTKPNL .PreviewSTKPNL .DropSTKPNL .textBlock{
    color:lightgray;
    width:390px;
}

.DrillDownDialogPanel .DrillDownSettingsDlgPanel > .textBlockDocumentHeaderControl .subText {
    white-space: pre-wrap;
    line-height: 1.5;
}

.DrillDownDialogPanel .DrillDownSettingsDlgPanel .button{
    width:30px;
    height:30px;
    margin-top:5px;
    margin-left:5px;
}

.DrillDownDialogPanel .DrillDownSettingsDlgPanel .chbwrap{
    margin-top:5px;
    margin-left:5px;
}

.DrillDownDialogPanel .DrillDownSettingsDlgPanel .PreviewSTKPNL .DropSTKPNL{
    justify-content:center;
}

.DrillDownDialogPanel .DrillDownTreeSettingsDialogPanel  .chbwrap{
    margin-top:5px;
    margin-left:5px;
}

.DrillDownDialogPanel .DrillDownTreeSettingsDialogPanel .button{
    width:30px;
    height:30px;
    margin-top:5px;
    margin-left:5px;
}

.DrillDownDialogPanel .DrillDownTreeSettingsDialogPanel .choicePreviewSTKPNL .choiceSTKPNL {
    min-width:230px;
    margin-right:20px;
}

.DrillDownDialogPanel .DrillDownTreeSettingsDialogPanel .choicePreviewSTKPNL .previewSTKPNL{
    min-width:480px;
}
/*Block=10,BlockOrderID=5001*/
.DefaultChartSettingsDropdown .BaseChartTaskDropDown .panelStack .BaseFormatPanel .GetTextAndFwElement .textBlock{
    width:130px;
    margin-left:7px;
    text-align:left;
}

.BaseMeasureChartPanel .BaseChartTaskDropDown .panelStack .BaseFormatPanel .GetTextAndFwElement .GradientColorPanel{
    margin-left:5px;
}

.BaseChartTaskDropDown > .GetTextAndFwElement > .textBlock, .DefaultChartSettingsDropdown .LevelCMB .textBlock {
    margin: 4px 5px;
    font-size: 14px;
    color: black;
    text-align: left;
}

.BaseConditionalChartTaskDropDown > .button {
    align-self: flex-start;
}

.BaseChartLevelMemberPanel > .bclmpLevel {
    margin-right: 22px;
}

.BaseChartLevelMemberPanel > .bclmpLevelMemberStack > .button {
    width: 22px;
    height: 22px;
    padding: 0px;
}

    .BaseChartLevelMemberPanel > .bclmpLevelMemberStack > .button > .ResourceIconImage {
        margin: auto;
    }

.DefaultChartSettingsDropdown .LevelCMB .textBlock {
    width: 100px;
    margin-left: 7px;
}

.DefaultChartSettingsDropdown .LevelCMB .combobox {
    margin-right: 7px;
    flex: 1 1 auto;
}

    .DefaultChartSettingsDropdown .BaseChartTaskDropDown .TypeSTKPNL.GetTextAndFwElement .textBlock {
        width: 100px;
        margin-left: 7px;
        text-align: left;
    }

    .DefaultChartSettingsDropdown .BaseChartTaskDropDown .TypeSTKPNL.GetTextAndFwElement .combobox {
        margin-right: 7px;
    }

.SettingsSTKPNL .DefaultChartSettingsDropdown .BaseChartTaskDropDown .TypeSTKPNL {
    flex-direction: row;
    margin-bottom:15px;
}

.SettingsSTKPNL .DefaultChartSettingsDropdown .BaseChartTaskDropDown .panelStack {
    overflow-y:auto;
    margin-top:10px;
}

.SettingsSTKPNL .DefaultChartSettingsDropdown{
    flex-wrap:nowrap;
}

.ChartColorSchemeDropDown{
    width:auto !important;
}

.ChartSettingsDropDown{
    padding:10px;
}

.AxisSettingsDropDown .AxisSettingsDropDownVer{
    margin-bottom:10px;
}

.AxisSettingsDropDown .buttonSTKPNL .button{
    margin-left: 5px;
    margin-bottom: 5px;
}

.AxisSettingsDropDown .settingsStackPanel > * {
    flex-shrink: 0;
}

.AxisSettingsDropDown .asddAdjustPanel {
    margin: 4px 5px;
}

    .AxisSettingsDropDown .asddAdjustPanel > .textBlock {
        width: 160px;
        align-self: center;
        text-align: left;
        margin-right: 5px;
    }


.LegendSettingsDropDown > .SettingsSTKPNL{
    margin: 0px 4px 4px 4px;
}

.GlobalScaleDialog .headerTBK{
    text-align:left;
}

.GlobalScaleDialog .leftSTKPNL{
    width:27%;
    margin-right:2%;
}

.GlobalScaleDialog .rightSTKPNL{
    width:65%;
}

.GlobalScaleDialog .leftSTKPNL .listbox{
    flex:1 auto;
    margin:0px 6px 3px 6px 
}

.GlobalScaleDialog .leftSTKPNL .buttonsSTKPNL{
    justify-content: flex-end;
    margin: 0px 6px;
}

    .GlobalScaleDialog .leftSTKPNL .buttonsSTKPNL .button {
        width: 82px;
    }

.GlobalScaleDialog .leftSTKPNL .buttonsSTKPNL .addBTN{
    margin-right:5px;
}

.GlobalScaleDialog .rightSTKPNL .GlobalScalePanel .listbox{
    height:160px;
    margin-top:5px;
}

.WaterfallSettingsDropDown {
    padding:5px;
}

.PieSettingsDropDown {
    padding:5px;
}

.BubbleSettingsDropDown{
    padding:5px;
}
/*Block=10,BlockOrderID=5002*/

.DataFlowWizardPanel {
    border: 1px solid rgb(165, 174, 198);
    border-radius: 3px;
    padding: 10px;
}

.browserIE .DataFlowWizardPanel, .browserIE .DataFlowWizardPanel .ScreenShotInfoPanel {
    overflow: hidden;
}

    .DataFlowWizardPanel > .textBlockDocumentHeaderControl {
        margin-bottom: 7px;
    }

    .DataFlowWizardPanel .textIconButton {
        width: 250px;
        height: auto;
        margin: auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    
        .DataFlowWizardPanel .textIconButton.selected {
            background-color: rgba(62, 120, 179, 0.16);
        }

        .DataFlowWizardPanel .textIconButton .ResourceIconImage {
            flex-shrink: 0;
        }

        .DataFlowWizardPanel .textBlock {
            text-align: left;
        }

        .DataFlowWizardPanel .ScreenShotInfoPanel > .infoText {
            line-height: 1.4;
        }

/*Block=10,BlockOrderID=5010*/

/*///////////////////////////////////////////////*/
/*////////// ChartFormatTemplatePanel  //////////*/
/*///////////////////////////////////////////////*/

.ChartFormatTemplatePanel{
    padding:11px;
}

.ChartFormatTemplatePanel .leftSTKPNL{
    width: 200px;
    margin-right: 5px;
}

    .ChartFormatTemplatePanel .saveCancelSTKPNL {
        margin-top: 5px;
    }

        .ChartFormatTemplatePanel .saveCancelSTKPNL .button {
            width: 100px;
            height: 23px;
        }

        .ChartFormatTemplatePanel .saveCancelSTKPNL .button:not(:first-of-type) {
            margin-left: 5px;
        }
        
.ChartFormatTemplatePanel .plusMinusESTKPNL{
    margin-top:5px;
}

.ChartFormatTemplatePanel .plusMinusESTKPNL .button:not(:first-of-type) {
    margin-left:5px;
}

.ChartFormatTemplatePanel .rightSTKPNL .panel .textBlock{
    margin-top: 4px;
    margin-right: 5px;
}

.ChartFormatTemplatePanel .rightSTKPNL .TranslationTextBox .tbWrap {
    width:70%;
}

    .ChartFormatTemplatePanel .rightSTKPNL .listBoxAndScrolSTKPNL {
        margin-top: 5px;
        position: relative;
    }

    .ChartFormatTemplatePanel .rightSTKPNL .listBoxAndScrolSTKPNL > .formatStack {
        position: absolute;
        left: 110px;
        top: 0px;
        right: 0px;
    }

    .ChartFormatTemplatePanel .rightSTKPNL .listBoxAndScrolSTKPNL .scrollDIV {
        min-height: 300px;
        width: 100%;
    }

.ChartFormatTemplatePanel .rightSTKPNL .DrawCNS{
    position:relative;
    margin-top:30px;
    margin-left:100px;
}

.BaseChartTaskDropDown .panelStack{
    flex-wrap: nowrap;
}

.BaseChartTaskDropDown .panelStack > *{
    flex: 1 0 auto;
    margin-right:20px;
}

.BaseChartTaskDropDown .FontFormatPanel .cbLayer{
    height:200px;
}

.ChartFormatTemplatePanel .rightSTKPNL .FormatsLBX{
    margin-right:10px;
    width: 100px;
    height: 300px;
    flex-shrink: 0;
}

.ChartFormatTemplatePanel .settingsSTKPNL > *{
    flex: 1 0 auto;
    margin-right:20px;
}

.ChartFormatTemplatePanel .LegendSettingsDropDown .SettingsSTKPNL > * {
    flex-shrink: 0;
    margin-right: 7px;
}

.ChartFormatTemplatePanel  .BaseChartTaskDropDown .NumberFormatPanel .DDCLayer{
    left:-196px;
}

.ChartFormatTemplatePanel .BaseChartTaskDropDown .TypeSTKPNL .combobox {
    width: 200px;
    margin-right: 5px;
}

.ChartFormatTemplatePanel .scrollDIV {
    overflow-x: auto;
    overflow-y: hidden;
}
/*Block=10,BlockOrderID=5060*/
.ColorSchemeInfoControl .border {
    width: 16px;
    height: 16px;
    margin-right: 7px;
}

.iccpOuterPanel {
    flex: 1 1 1px;
    overflow: auto;
}

.InitialChartConfigPanel {
    border: 1px solid rgba(165,174,198,1);
    padding: 15px 30px 30px 30px;
    border-radius: 3px;
    background-color: white;
    margin: auto;
}

    .InitialChartConfigPanel > * {
        flex-shrink: 0;
    }

    .InitialChartConfigPanel > .textBlockDocumentHeaderControl {
        margin: 0 0 7px 0;
    }

    .InitialChartConfigPanel .ChartTypePnl {
        margin: 5px 0;
        width: 320px;
        align-self: center;
    }

        .InitialChartConfigPanel .ChartTypePnl > * {
            margin: 5px;
        }

            .InitialChartConfigPanel .ChartTypePnl > *:not(.active):hover,
            .InitialChartConfigPanel .ColorPnl > *:not(.active):hover {
                background-color: rgb(197,231,255);
            }

        .InitialChartConfigPanel .ChartTypePnl .ribbonDropDownButton {
            width: 64px;
            height: 64px;
        }

            .InitialChartConfigPanel .ChartTypePnl .ribbonDropDownButton .border {
                justify-content: center;
            }

            .InitialChartConfigPanel .ChartTypePnl .ribbonDropDownButton .morePnl {
                height: 64px;
                justify-content: center;
            }

                .InitialChartConfigPanel .ChartTypePnl .ribbonDropDownButton .morePnl img {
                    align-self: center;
                }

    .InitialChartConfigPanel > .textBlock {
        text-align: left;
        margin: 5px 0;
        font-size: 11px;
    }

    .InitialChartConfigPanel .ColorPnl {
        margin-bottom: 10px;
        height: 20px;
        flex-wrap: nowrap;
    }

        .InitialChartConfigPanel .ColorPnl > * {
            padding-left: 7px;
            margin-right: 3px;
            flex-wrap: nowrap;
        }

        .InitialChartConfigPanel .ColorPnl .ColorSchemeInfoControl > * {
            align-self: center;
        }

    .InitialChartConfigPanel .baseDialogActionButton {
        align-self: flex-end;
        font-size: 16px;
    }

    .InitialChartConfigPanel .active {
        background-color: rgb(146,192,224);
    }
/*Block=10,BlockOrderID=5100*/

.commentsDialogPanel {
    flex: 1 1 auto;
    overflow: auto;
}

    .commentsDialogPanel > .pnlEdit {
        flex: 1 1 auto;
    }

    .commentsDialogPanel > .cmdNew {
        margin: 11px, 4px, 11px, 4px;
        padding: 0px;
        align-self: flex-start;
    }

.CommentCubeMeasureTaskPanel {
}

    .CommentCubeMeasureTaskPanel .CheckBox {
        margin: 2px 5px 2px 5px;
        font-size: 12px;
    }

    .CommentCubeMeasureTaskPanel .TextBlock {
        margin: 2px 5px 2px 35px;
        font-size: 12px;
        align-self: center;
    }

    .CommentCubeMeasureTaskPanel .ComboBox {
        margin: 2px 5px 2px 0px;
        width: 150px;
    }

    .CommentCubeMeasureTaskPanel .GroupHeader {
        margin-left: 2px;
    }

.CommentFilePanel {
    height: 32px;
    width: 32px;
    margin-left: 2px;
    margin-right: 2px;
    position: relative;
}

    .CommentFilePanel .BorderClose {
        height: 8px;
        width: 8px;
        position: absolute;
        right: 0px;
    }

    .CommentFilePanel .TextBlockClose {
        color: red;
        font-size: 8px;
        font-weight: bold;
    }

    .CommentFilePanel .Icon {
        height: 32px;
        width: 32px;
    }

.CommentLinePanel {
    flex-wrap: nowrap;
}

    .CommentLinePanel .RichTextBoxControl {
        flex: 1 1 auto;
        margin: 2px 2px 0px 2px;
        border: 1px solid gray;
        height: 76px;
    }

        .CommentLinePanel .RichTextBoxControl[contenteditable="false"] {
            background-color: rgba(201,201,201,94);
        }

    .CommentLinePanel .StackPanelUpload {
        margin: 0px, 2px, 2px, 2px;
        height: 34px;
    }

    .CommentLinePanel .ActionButton {
        margin: 2px;
        height: 25px;
        width: 25px;
    }

    .CommentLinePanel .textBlockInfo {
        margin-left: 2px;
    }

    .CommentLinePanel .textBlockInfo2 {
        margin-left: 6px;
    }

    .CommentLinePanel .textBlockInfoUnder {
        text-decoration: underline;
    }

.ButtonAddLine {
    margin: 4px, 2px, 4px, 0px;
    height: 41px;
    width: 41px;
}

.CommentDefinitionDialog .button {
    padding: 0px;
}

    .CommentDefinitionDialog .button > .ResourceIconImage {
        margin: auto;
    }

.CommentDefinitionDialog .Lines {
    overflow-x: hidden;
    overflow-y: auto;
    display: initial;
}

.CommentFilterPanel > .cfpHeader {
    margin: 4px 5px;
    font-size: 14px;
    color: darkblue;
    text-align: left;
}

.CommentFilterPanel > .stackPanel {
    margin-top: 5px;
}

    .CommentFilterPanel > .stackPanel > .textBlock {
        align-self: center;
        text-align: left;
        width: 80px;
        font-size: 12px;
        margin: 2px 5px;
    }

    .CommentFilterPanel > .stackPanel > .combobox {
        width: 150px;
    }

.CommentChangeUserAlertDialog {
    flex: 1 1 auto;
    position: relative;
}

    .CommentChangeUserAlertDialog .textBlockUsers {
        color: gray;
        flex: 1 1 auto;
        text-align: left;
        margin-left: 2px;
    }

    .CommentChangeUserAlertDialog .buttonPeoplePicker {
        height: 20px;
        width: 20px;
    }

    .CommentChangeUserAlertDialog .textBlockMessage {
        align-self: auto;
        margin-bottom: 5px;
    }

    .CommentChangeUserAlertDialog .textBoxMessage {
        min-height: 150px;
    }

        .CommentChangeUserAlertDialog .textBoxMessage > .NoScroll {
            min-height: 150px;
        }

    .CommentChangeUserAlertDialog .textBlockWarning {
        margin: 2px;
        color: red;
    }

/*Block=10,BlockOrderID=5101*/

.commentsControllItem {
   
}

    .commentsControllItem  .cmdEdit {
        /*Width="Auto" Height="Auto" Name="_CmdEdit" Margin="4"*/ 
        margin :4px;
    }

    .commentsControllItem  .cmdDel {
        margin-top: 0px;
          margin-bottom: 0px;
          margin-left : 4px; 
          margin-right: 4px;
    }
    .commentsControllItem > .txtCommment {
       flex: 1 1 auto;
    }

    .commentsControllItem > .pnlEdit {
       
       
    }


    .commentsControllItem > .pnlText {
       
        flex: 1 1 auto;
        margin-top: 4px;
    }
    .commentsControllItem > tbChange {
       flex-direction: column;
       flex: 1 1 auto;
       align-self: flex-start;

    }

    .commentsControllItem textarea{
        resize: none;
    }
    

.CommentMeasurePanel{
    margin:7px;
}

  .CommentMeasurePanel >.textBlock{
      text-align:left;
      font-size:13px;
  }

    .CommentMeasurePanel .GetTextAndFwElement > .textBlock {
        width: 148px;
        text-align: left;
    }

    .CommentMeasurePanel .GetTextAndFwElement > .combobox {
        width: 123px;
    }

  .CommentMeasurePanel > .chbwrap{
      margin:5px 0;
  }
/*Block=10,BlockOrderID=5200*/

.infoContent .tbWrap{
	flex-direction: column;
}

.infoContent textarea{
	border: 0px;
	overflow-x: hidden;
	box-sizing: border-box;
	resize: none;
	flex: 1 1 auto;
	background-color: white;
	overflow-y: auto;
}
/*Block=10,BlockOrderID=5371*/
    input[type="radio"].rb + label {
        display: inline-block;
        margin: 0px;
        vertical-align: middle;
        cursor: pointer;
        border-color: rgb(169,169,169);
    }

        input[type="radio"].rb + label span {
            vertical-align: middle;
            margin-left: 2px;
        }

        input[type="radio"].rb + label:before {
            vertical-align: bottom;
            width:  0.95rem;
            height: 0.9rem;
            display: inline-block;
            content: "";
            border: 1px solid;
            border-color: rgb(169,169,169);
            border-radius: 0.833rem;
			 background: white;
             background-position: -82px -147px;
            /*background-image: url(../../../Base/Base_TS/CSS/images/ui-icons_222222_256x240.png);*/
        }

input[type="radio"].rb:checked + label:before {
     background-image: url(../../../Base/Base_TS/CSS/images/ui-icons_222222_256x240.png);
    background-position: -82px -147px;
}



/*Block=10,BlockOrderID=5390*/

.tbWrap.disabled input, .tbWrap.readOnly input {
    background: #F4F4F4;
}

.tbWrap {
    position: relative;
    min-height: 21px;
    box-sizing: border-box;
}

    .tbWrap input {
        box-sizing: border-box;
        position: relative;
        outline: none;
        background: white;
    }


    /*Numeric updown*/
    .tbWrap.numfield {
        min-height: initial;
    }

        .tbWrap.numfield input {
            text-align: right;
            -webkit-order: 0;
            -ms-flex-order: 0;
            order: 0;
            border-right: 0px;
            width: 100%;
        }


.applemobile .tbWrap.numfield > .flexBox {
    overflow: hidden;
}

.tbWrap.numfield .up, .tbWrap.numfield .down {
    -webkit-flex: 1 0 9px;
    -ms-flex: 1 0 9px;
    flex: 1 0 9px;
    width: 13px;
    cursor: pointer;
    background-position: 0px -20px;
    background-image: url(../../../Base/Base_TS/CSS/images/ui-icons_222222_256x240.png);
}

.browserIE .tbWrap.numfield .upPnl, 
.browserIE .tbWrap.numfield .downPnl,
.browserEdge .tbWrap.numfield .upPnl, 
.browserEdge .tbWrap.numfield .downPnl  {
    width: 13px;
}

.tbWrap.numfield .down {
      background-position: -65px -20px;
}

.tbWrap.numfield:hover .up, .tbWrap.numfield:hover .down {
    display: block;
}

.applemobile .tbWrap.numfield .up, .applemobile .tbWrap.numfield .down {
    text-align: left;
    padding-left: 3px;
}

.tbWrap.numfield:not(.disabled) .upPnl:hover, .tbWrap.numfield:not(.disabled) .downPnl:hover{
    background-color: rgb(160,160,160);
}

.tbWrap.numfield > .flexBox > div {
    border-top: 1px solid white;
}

.tbWrap.numfield .down {
    border-bottom: 1px solid white;
}

.numfield.selected input, .numfield.selected > .flexBox {
    border-color: #4D90FE;
}

.tbWrap > span {
    vertical-align: middle;
    text-align: center;
        
    /*margin-left: -1.750em;*/
    z-index: 100;
  
    /*display: none;*/
}

.tbWrap:not(.disabled) > span:not(.icon):hover {
    color: red;
}

.tbWrap .clear{
        padding: 0px;
        padding-right: 4px;
        width:16px;height:16px;
        background-position: -78px -129px;
        background-image: url(../../../Base/Base_TS/CSS/Images/ui-icons_222222_256x240.png);
}

    .tbWrap .clear:hover {
          background-image: url(../../../Base/Base_TS/CSS/Images/ui-icons_222222_256x240_red.png);
    }

.tbWrap > span.icon {
    padding-right: 4px;
    z-index: 99;
    /*display: none;*/
    align-self: center;
}

/*Labeled TextBox*/
.tbLabel .tbWrap {
    width: auto;
}

.tbLabel > .stackPanel > .Label {
    margin-right: 2px;
}

.numfield .flexBox >.panel{
    flex: 1 auto;
    background: rgb(230,230,230);
    border-right:1px solid white;
}

.numfield .flexBox .panel >*{
    min-height:9px;
    max-height:9px;
    align-self:center;
}

.numfield .flexBox .panel .down{
    border-bottom:none;
}


.CheckupTextBox .CTBCaption {
    line-height: 20px;
    flex-shrink: 0;
}

.CheckupTextBox .CTBRealText input {
    background: transparent !important;
}

.CheckupTextBox .CTBInfoText {
    display: none;
    font-size: 11px;
    line-height: 15px;
    color: #D56161;
}

.CheckupTextBox.invalid .CTBInfoText {
    display: initial;
}

.CheckupTextBox.invalid .CTBRealText {
    background: rgba(255,8,8,.2) !important;
    border-color: #a90329 !important;
}

.CheckupTextBox.valid .CTBRealText {
    background: rgba(98,248,98,.2) !important;
    border-color: #7dc27d !important;
}
/*Block=10,BlockOrderID=5391*/

.settingsGroupHeader{
    margin-top: 11px;
    margin-bottom: 7px;
    border-bottom: 1px solid #E2E4E7;
    background: #F0F2F5;
    padding: 4px;
    font-weight: bold;
    text-align: left;
    font-size: 11px;
}


/*Block=10,BlockOrderID=5392*/
@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
}

.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-info {
    background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-warning {
    background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-danger {
    background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

/*Block=10,BlockOrderID=5393*/
    .PreviewControl .PreviewControlList li img {
        height: 60px;
        border: 1px solid black;
        box-shadow: 2px 3px 9px 2px #BCBCBC;
        -moz-box-shadow: 2px 3px 9px 2px #BCBCBC;
        -webkit-box-shadow: 2px 3px 9px 2px #BCBCBC;
    }

    .PreviewControl .PreviewControlList li {
        text-align: center;
    }

        .PreviewControl .PreviewControlList li span {
            font-weight: bold;
            display: block;
            margin-bottom: 6px;
        }


.PreviewItem {
    height: 100px;
    margin: 10px;
}

.PreviewItemTextBlock {
    font-weight: bold;
    text-align: center;
    margin: 3px;
    height: 15px;
    overflow: hidden;
}

.browserEdge .PreviewItemTextBlock, .browserSafari .PreviewItemTextBlock  {
    max-width: 98%;
}

.PreviewItemImage {
    height: 60px;
}

/*Block=10,BlockOrderID=5394*/

.tabPage{
    background-color:transparent;
    border-style:solid;
    border-width:0px 0px 1px 1px;
    border-color:lightgray;
}

    .tabPage .closeBut{
        margin:5px 5px 2px 0px;
    }

    .tabPage image{
        margin:5px 0px 2px 2px;
        width:16px;
        height:16px;
        display:none;
    }
    .tabPage .textBlock{
       margin:5px 15px 2px 10px;
    }

.tabPage.bottom{
    border-width:1px 0px 0px 1px;
}

    .tabPage.bottom .closeBut{
        margin:2px 5px 5px 0px;
    }

    .tabPage.bottom image{
        margin:2px 0px 5px 2px;
    }

    .tabPage.bottom .textBlock{
        margin-bottom:5px;
        margin-top:2px;
    }

	.tabPage.bottom.selected{
		border-bottom-width: 1px;
		border-top-width: 0px;
	}

.tabPage.selected{
    background-color:white;
    font-weight:bold;
    border-top-width:1px;
	border-bottom-width: 0px;
}

.tabPage:not(.selected):hover{
    background-color:rgb(231, 239, 248);
}

.tabBarContentStack>*{
	flex-shrink: 0;
}

.tabBarContentStack > .canvas{
	align-self: center;
}

.tabBarContentStack > .border > p {
    align-self: center;
}

.tabBar{
    overflow: hidden;
    will-change: transform;
    /*flex-direction: column;*/
}

.tabBarFlex{
	flex: 0 0 auto;
}

.tabBarContentStack{
	flex-wrap: nowrap;
}

.tabBar .scrollStackPanel{
      will-change: transform;
	  flex-shrink: 1;
}

.tabPageControl{
	flex-shrink: 0;
	cursor: pointer;
}

.mobile .multiPanelStack .tabPageControl{
    margin: 3px 0px;
}


.tabControl, .tabControl .tabBar{
	background: white;
}

.tabControlContentPanelBorder{
	border-width: 0px 1px 1px 1px;
	border-color: lightgray;
	border-style: solid;
}

.tabControlContentPanelBorderBottom{
	border-width: 1px 1px 0px 1px;
	border-color: lightgray;
	border-style: solid;
}
/*Block=10,BlockOrderID=5400*/

.baseDialog{
	position: absolute;
	left: 0px;
	top: 0px;
	background: rgba(64, 64, 64, 0.8);
	z-index: 300;
     will-change: transform;
}

.baseDialogContentStack .dragThumb {
    flex-shrink: 0;
}

.baseDialogContentStack{
	position: relative;
	border-radius: 2px;
	background: white;
	margin: auto;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2), -3px -3px 10px rgba(0, 0, 0, 0.2), -3px 3px 10px rgba(0, 0, 0, 0.2), 3px -3px 10px rgba(0, 0, 0, 0.2);
	flex-wrap: nowrap;
     will-change: transform;
}

.mobile .baseDialogContentStack{
	width: 100%;
	height: 100%;
}

.baseDialogHeaderImage {
    margin: 0px 10px 0px 20px;
}

.baseDialogHeaderImage > .ResourceIconImage {
    align-self: center;
}

.baseDialogHeader{
	font-size: 26px;
	font-family: "Segoe UI light";
	color: gray;
	text-align: left;
	margin: 20px 0px 0px 0px;
}

.baseDialogContentBorder{
	margin: 10px 30px 11px 30px;
	padding: 5px;
}

.baseDialogButtonStack{
	justify-content: flex-end;
	margin: 0px 30px 30px 30px;
	flex-shrink: 0;
}

.baseDialogActionButton{
	font-size: 14px;
	min-width: 75px;
	margin-left: 7px;
}

.baseDialogActionButton *{
	margin: 2px;
}

.baseDialogActionButton p{
	align-self: center;
	cursor: pointer;
}

.baseDialogCloseButton{
	position: absolute;
	right: 5px;
	top: 11px;
	margin: 1px;
}

.baseDialogResizeButton{
	position: absolute;
	right: 29px;
	top: 11px;
	margin: 1px;
	width: 24px;
	height: 24px;
	padding: 0px;
    border: none;
    background: transparent;
}

    .baseDialogResizeButton.noCloseButton {
        right: 15px;
    }

.baseDialogResizeButtonPanel div{
	border: 1px solid white;
	border-top-width: 4px;
	position: absolute;
}

.baseDialogMaximizeBorder{
	width: 14px;
	height: 12px;
	left: 5px;
	top: 6px;
}

.baseDialogMinimizeBorder1{
    border-top-width: 3px!important;
	width: 12px;
	height: 10px;
	left: 7px;
	top: 5px;
    display: none;
}

.baseDialogMinimizeBorder2{
    border-top-width: 3px!important;
	width: 12px;
	height: 9px;
	left: 4px;
	top: 10px;
	background: white;
    display: none;
}

.baseDialogMaxSize .baseDialogMinimizeBorder1, .baseDialogMaxSize .baseDialogMinimizeBorder2 {
    display: initial;
}

.baseDialogMaxSize .baseDialogMaximizeBorder {
    display: none;
}

.baseDialogResizeButtonPanel:hover div{
	border-color: black;
}

.baseDialogMaxSize{
	left: 0px!important;
	top: 0px!important;
	width: 100%!important;
	height: 100%!important;
	margin: 1px;
}

.browserEdge .messageBoxDialog {
    height: 100%;
}

.messageBoxDialog > .border {
    flex-shrink: 0;
}

.messageBoxDialogText{
	margin: 11px;
	text-align: left;
	overflow-x: hidden;
	overflow-y: auto;
	white-space: pre-wrap;
}

.messageBoxDialogImage{
	margin: 10px 0px 10px 10px;
}

.applemobile .messageBoxBaseDialog .baseDialogContentBorder {
    flex-direction: column;
}

.applemobile .messageBoxDialogText {
    -webkit-overflow-scrolling: touch;
}
/*Block=10,BlockOrderID=5432*/

.toolTipContainer {
    position: absolute;
    z-index: 2000;
    pointer-events: none;
    background: rgb(247, 248, 250);
    border: 1px solid gray;
    padding: 5px;
    border-radius: 1px;
}

.toolTipControl {
    max-width: 300px;
    will-change: transform;
}

    .toolTipControl > p {
        margin: 3px 1px 3px 5px;
        text-align: left;
        white-space: pre-wrap;
    }

.toolTipControlHeader {
    margin-bottom: 1px;
    font-weight: bold;
}
/*Block=10,BlockOrderID=5500*/
.transitionUpperStack{
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: rgb(212, 210, 210);
	flex-wrap: nowrap;
}

.transitionArrowCanvas{
	width: 32px;
	height: 32px;
	margin: 8px;
}

.transitionTabList{
	display: inline-flex;
	border: 0px;
}

.transitionTabList>*:hover, .transitionTabList>*.active:hover, .transitionTabList>*.active{
	background-color: transparent!important;
	border-color: transparent!important;	
}

.transitionTabListItem {
    flex-shrink: 0;
}

.transitionPanelItemPosition{
	height: 32px;
	width: 32px;
	border-radius: 32px;
	border: 2px solid rgb(144, 144, 144);
	color: rgb(144, 144, 144);
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
}

.active .transitionPanelItemPosition{
	border-color: transparent;
	background: rgb(206, 211, 0);
	color: white;
}

.transitionPanelItemText{
	font-size: 13.333px;
	margin: auto 3px;
	color: rgb(144, 144, 144);	
}

.active .transitionPanelItemText{
	color: rgb(206, 211, 0);
}

.browserIE .transitionContentPanel{
    overflow: hidden;
}

.transitionPanelContent{
	position: absolute;
	top: 0px;
	left: 0px;
    animation-duration: 1.5s;-o-animation-duration: 1.5s;-ms-animation-duration: 1.5s;-moz-animation-duration: 1.5s;-webkit-animation-duration: 1.5s;
}



.transitionPanelSlideInFromLeft {
    animation-name: transitionInFromLeft;-o-animation-name: transitionInFromLeft;-ms-animation-name: transitionInFromLeft;-moz-animation-name: transitionInFromLeft;-webkit-animation-name: transitionInFromLeft;
}

.transitionPanelSlideInFromRight{
    animation-name: transitionInFromRight;-o-animation-name: transitionInFromRight;-ms-animation-name: transitionInFromRight;-moz-animation-name: transitionInFromRight;-webkit-animation-name: transitionInFromRight;
}

.transitionPanelSlideOutToLeft {
    animation-name: transitionOutToLeft;-o-animation-name: transitionOutToLeft;-ms-animation-name: transitionOutToLeft;-moz-animation-name: transitionOutToLeft;-webkit-animation-name: transitionOutToLeft;
}

.transitionPanelSlideOutToRight{
    animation-name: transitionOutToRight;-o-animation-name: transitionOutToRight;-ms-animation-name: transitionOutToRight;-moz-animation-name: transitionOutToRight;-webkit-animation-name: transitionOutToRight;
}

@keyframes transitionInFromLeft {
	0% {transform: scale(0.8) translateX(-10000px);}
	80% {transform: scale(0.8) translateX(0px);}
	100% {transform: scale(1) translateX(0px);}
}
@-moz-keyframes transitionInFromLeft {
	0% {transform: scale(0.8) translateX(-10000px);}
	80% {transform: scale(0.8) translateX(0px);}
	100% {transform: scale(1) translateX(0px);}
}
@-webkit-keyframes transitionInFromLeft {
	0% {transform: scale(0.8) translateX(-10000px);}
	80% {transform: scale(0.8) translateX(0px);}
	100% {transform: scale(1) translateX(0px);}
}
@-ms-keyframes transitionInFromLeft {
	0% {transform: scale(0.8) translateX(-10000px);}
	80% {transform: scale(0.8) translateX(0px);}
	100% {transform: scale(1) translateX(0px);}
}
@-o-keyframes transitionInFromLeft {
	0% {transform: scale(0.8) translateX(-10000px);}
	80% {transform: scale(0.8) translateX(0px);}
	100% {transform: scale(1) translateX(0px);}
}

@keyframes transitionInFromRight {
	0% {transform: scale(0.8) translateX(10000px);}
	80% {transform: scale(0.8) translateX(0px);}
	100% {transform: scale(1) translateX(0px);}
}
@-moz-keyframes transitionInFromRight {
	0% {transform: scale(0.8) translateX(10000px);}
	80% {transform: scale(0.8) translateX(0px);}
	100% {transform: scale(1) translateX(0px);}
}
@-webkit-keyframes transitionInFromRight {
	0% {transform: scale(0.8) translateX(10000px);}
	80% {transform: scale(0.8) translateX(0px);}
	100% {transform: scale(1) translateX(0px);}
}
@-ms-keyframes transitionInFromRight {
	0% {transform: scale(0.8) translateX(10000px);}
	80% {transform: scale(0.8) translateX(0px);}
	100% {transform: scale(1) translateX(0px);}
}
@-o-keyframes transitionInFromRight {
	0% {transform: scale(0.8) translateX(10000px);}
	80% {transform: scale(0.8) translateX(0px);}
	100% {transform: scale(1) translateX(0px);}
}

@keyframes transitionOutToLeft {
	0% {transform: scale(1) translateX(0px);}
	20% {transform: scale(0.8) translateX(0px);}
	100% {transform: scale(0.8) translateX(-10000px);}
}
@-moz-keyframes transitionOutToLeft {
	0% {transform: scale(1) translateX(0px);}
	20% {transform: scale(0.8) translateX(0px);}
	100% {transform: scale(0.8) translateX(-10000px);}
}
@-webkit-keyframes transitionOutToLeft {
	0% {transform: scale(1) translateX(0px);}
	20% {transform: scale(0.8) translateX(0px);}
	100% {transform: scale(0.8) translateX(-10000px);}
}
@-ms-keyframes transitionOutToLeft {
	0% {transform: scale(1) translateX(0px);}
	20% {transform: scale(0.8) translateX(0px);}
	100% {transform: scale(0.8) translateX(-10000px);}
}
@-o-keyframes transitionOutToLeft {
	0% {transform: scale(1) translateX(0px);}
	20% {transform: scale(0.8) translateX(0px);}
	100% {transform: scale(0.8) translateX(-10000px);}
}

@keyframes transitionOutToRight {
	0% {transform: scale(1) translateX(0px);}
	20% {transform: scale(0.8) translateX(0px);}
	100% {transform: scale(0.8) translateX(10000px);}
}
@-moz-keyframes transitionOutToRight {
	0% {transform: scale(1) translateX(0px);}
	20% {transform: scale(0.8) translateX(0px);}
	100% {transform: scale(0.8) translateX(10000px);}
}
@-webkit-keyframes transitionOutToRight {
	0% {transform: scale(1) translateX(0px);}
	20% {transform: scale(0.8) translateX(0px);}
	100% {transform: scale(0.8) translateX(10000px);}
}
@-ms-keyframes transitionOutToRight {
	0% {transform: scale(1) translateX(0px);}
	20% {transform: scale(0.8) translateX(0px);}
	100% {transform: scale(0.8) translateX(10000px);}
}
@-o-keyframes transitionOutToRight {
	0% {transform: scale(1) translateX(0px);}
	20% {transform: scale(0.8) translateX(0px);}
	100% {transform: scale(0.8) translateX(10000px);}
}
/*Block=10,BlockOrderID=5600*/

.tileControlContentPanel{
	position: relative;
}

.tileItem {
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid transparent;
    padding: 5px;
    background: rgb(177, 179, 179);
    z-index: 2;
}

.editTileControl .tileItem {
    pointer-events: none;
}

.tileControlContentPanel .shadowBorder {
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    opacity: 0.3;
}

.tileControlContentPanel .shadowBorder > .dragThumb {    
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
}

    .tileControlContentPanel .shadowBorder .resizer, .tileControlContentPanel .shadowBorder .resizer:before {
        background: none;
    }

    .tileControlContentPanel .shadowBorder.dragging {
        background: gray;
    }

    .tileControlContentPanel .shadowBorder.dragging.collision {
        background: red;
    }

.navigationTileControl{
	position: relative;
	flex-wrap: nowrap;
	flex: 1 1 1px;
}

.navigationTileControlContentPanel{
	overflow-x: hidden;
	overflow-y: auto;
	align-content: flex-start;
}

.browserEdge .navigationTileControl {
    flex-direction: column;
}

.browserEdge .navigationTileControlContentPanel, .browserIE .navigationTileControlContentPanel {
    flex: 1 1 0px;
}

.navigationTileItem{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	border: 2px solid transparent;
	padding: 5px;
	background: rgb(177, 179, 179);
}

.navigationTileItem:hover{
	border-color: gray;
}

.navigationBackTileBorder, .navigationTileLoadingPanel{
	position: absolute;
	top: 0px;
	left: 0px;	
	background: white;
}

.navigationTileLoadingPanel{
	bottom: 0px;
	right: 0px;
}

@media all and (max-width: 640px), all and (orientation: landscape) and (max-height:370px) {
    .navigationTileItem {
       width:120px!important;
        height:120px!important;
    }

    .navigationTileControlContentPanel, .navigationBackTileBorder {
        margin-left: -13px;
    }
}

@media all and (max-width: 380px){
     .navigationTileItem {
       width:100px!important;
      height:100px!important;
    }

}

.navigationTilePathItemArrow{
	margin: 0px 5px;
	line-height: 1.5;
}

.navigationTilePathItemCaption{
	line-height: 1.5;
	cursor: pointer;
}

.navigationTilePathItemCaption:hover{
	text-decoration: underline;
}
/*Block=10,BlockOrderID=5650*/

.contextMenuContainer {
    position: absolute;
    z-index: 2000;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    will-change: transform;
}

.contextMenu {
    position: absolute;
}

    /* Muss important gesetzt werden, um die Einstellung aus .contextMenuPanel zu ?berschreiben. */
    .contextMenu > .contextMenuPanel {
        position: relative !important;
    }

/* Muss important gesetzt werden, da durch das hinzuf?gen des LoadingPanels ein "position:relative" auf das Panel gesetzt wird. */
.contextMenuPanel {
    position: absolute !important;
    border: 1px solid rgb(192, 192, 192);
    border-radius: 3px;
    background: white;
    will-change: transform;
}

.contextMenuPanelHidden {
    transform: translate(-10000px, -10000px);
}

.contextMenuPanelSeparator {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 25px;
    height: 100%;
    border-width: 0px 1px 0px 0px;
    pointer-events: none;
}

.contextMenuPanelLoadingPanel {
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: white;
}

.contextMenuItem {
    height: 20px;
    margin-right: 8px;
    /*border-radius: 3px;*/
    border: 1px solid transparent;
    cursor: pointer;
}

.contextMenuItem > .canvas {
    align-self: center;
}

.contextMenuItemIconBorder {
    height: 20px;
    width: 24px;
    border-width: 0px;
}

.contextMenuItemContentBorder {
    margin: 0px 8px;
    border-width: 0px;
}

.contextMenuSeparator {
    height: 0px;
    margin: 1px 0px 0px 24px;
    border-top: 1px solid rgb(192, 192, 192);
}

.contextMenuItem.disabled, .tContextMenu .hold.disabled {
    opacity: 0.5;
}

.contextMenuItem .textBlock {
    align-self: center;
}

/*Touch Context Menu*/

.tContextMenu, .tContextMenu .tBackground, .tContextMenu .wrap {
    height: 100px;
    position: absolute;
    width: 100px;
}

    .tContextMenu .wrap {
        will-change: transform;
    }

    .tContextMenu.items0, .tContextMenu:not(.showText) .tText,  .tContextMenu .hidden {
        display: none;
    }


.tContextMenu {
    height: 130px;
    width: 130px;
}

    .tContextMenu .tText {
        position: absolute;
        width: 80px;
        word-break: break-word;
        background: rgba(255,255,255,0.7);
        padding: 4px;
        border-radius: 20px;
        text-align: left;
        z-index: 201;
        height: 26px;
        margin-top: -3px;
        margin-left: -3px;
        cursor: pointer;
    }

    .tContextMenu .tBackground {
        border: 3px solid rgba(211, 211, 211, 1);
        border-radius: 50px;
    }

    .tContextMenu .hold {
        width: 40px;
        height: 40px;
        border-radius: 20px;
        background-color: rgb(229, 232, 232);
        background-color: white;
        box-sizing: border-box;
        border: 3px solid rgba(211, 211, 211, 1);
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -20px;
        animation-timing-function: linear;
        animation-duration: 0.3s;
        animation-delay: 0.1s;
        animation-fill-mode: forwards;
    }

        .tContextMenu .hold .tText {
            border: 3px solid rgba(211, 211, 211, 1);
        }

        .tContextMenu .hold.submenu, .tContextMenu .hold.submenu .tText /*:not(.extra)*/ {
            border: 3px solid #eab766;
        }

            .tContextMenu .hold.submenu::after {
                content: "...";
                top: 15px;
                position: absolute;
                left: 11px;
                font-size: 19px;
                line-height: 7px;
            }

        .tContextMenu .hold .tItem, .tContextMenu .overlay {
            flex: 1 1 10px;
            align-self: center;
            text-align: center;
        }

        .tContextMenu .hold .tItem {
            width: 28px;
            height: 28px;
            border-radius: 14px;
            border: 2px solid rgba(211, 211, 211, 1);
            box-sizing: border-box;
            margin: auto;
            margin-top: 3px;
            background-color: white;
            background-color: rgb(229, 232, 232);
        }

            .tContextMenu .hold .tItem .ResourceIconImage {
                margin-top: 4px;
            }

        .tContextMenu .hold.submenu .ResourceIconImage {
            margin-top: 2px;
        }

    .tContextMenu .checkable .ResourceIconImage {
        opacity: 0.5;
    }

    .tContextMenu .checkable.ischecked .ResourceIconImage {
        opacity: 1;
    }

    .tContextMenu .overlay {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -31px;
        height: 32px;
        width: 32px;
        border: 2px solid rgba(211, 211, 211, 1);
        border-radius: 16px;
        box-sizing: border-box;
        background-color: rgb(229, 232, 232);
    }

        .tContextMenu .overlay .ResourceIconImage {
            margin-top: 6px;
            border-radius: 8px;
        }

    .tContextMenu .ResourceIconImage {
        display: inline-block;
    }


    .tContextMenu .hold:hover, .tContextMenu:hover .tBackground, .tContextMenu .overlay:hover {
        border-color: rgba(161, 161, 161, 1);
    }

    .tContextMenu .hold:active, .tContextMenu:active .tBackground, .tContextMenu .hold:active .tItem, .tContextMenu .overlay:active {
        border-color: rgb(146,192,224);
    }

/*1 items*/
@keyframes rot11 { from { transform: rotate(0deg) translate(0px) rotate(0deg); } to { transform: rotate(360deg) translate(50px) rotate(-360deg); }}
.tContextMenu.items1 > .wrap > .hold:nth-of-type(1) { animation-name: rot11;}

/*2 items*/
@keyframes rot22 { from { transform: rotate(0deg) translate(0px) rotate(0deg); } to { transform: rotate(0deg) translate(50px) rotate(0deg); }}
@keyframes rot21 { from { transform: rotate(0deg) translate(0px) rotate(0deg); } to { transform: rotate(-180deg) translate(50px) rotate(180deg); }}
.tContextMenu.items2 > .wrap > .hold:nth-of-type(1) { animation-name: rot21;}
.tContextMenu.items2 > .wrap > .hold:nth-of-type(2) { animation-name: rot22;}
.tContextMenu.items2 > .wrap > .hold:nth-of-type(2) .tText { right: -3px; }

/*3 items*/
@keyframes rot33 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(120deg) translate(50px) rotate(-120deg);}}
@keyframes rot32 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(0deg) translate(50px) rotate(0deg);}}
@keyframes rot31 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(-120deg) translate(50px) rotate(120deg);}}
.tContextMenu.items3 > .wrap > .hold:nth-of-type(1) { animation-name: rot31;}
.tContextMenu.items3 > .wrap > .hold:nth-of-type(2) { animation-name: rot32;}
.tContextMenu.items3 > .wrap > .hold:nth-of-type(3) { animation-name: rot33;}
/*4 items*/
@keyframes rot44 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(180deg) translate(50px) rotate(-180deg);}}
@keyframes rot43 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(90deg) translate(50px) rotate(-90deg);}}
@keyframes rot42 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(0deg) translate(50px) rotate(0deg);}}
@keyframes rot41 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(-90deg) translate(50px) rotate(90deg);}}
.tContextMenu.items4 > .wrap > .hold:nth-of-type(1) { animation-name: rot41;}
.tContextMenu.items4 > .wrap > .hold:nth-of-type(2) { animation-name: rot42;}
.tContextMenu.items4 > .wrap > .hold:nth-of-type(3) { animation-name: rot43;}
.tContextMenu.items4 > .wrap > .hold:nth-of-type(3) .tText, .tContextMenu.items4 > .wrap > .hold:nth-of-type(1) .tText { right: -27px; }
.tContextMenu.items4 > .wrap > .hold:nth-of-type(4) { animation-name: rot44;}
.tContextMenu.items4 > .wrap > .hold:nth-of-type(4) .tText { right: -3px; }

/*5 items*/
@keyframes rot55 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(216deg) translate(50px) rotate(-216deg);}}
@keyframes rot54 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(144deg) translate(50px) rotate(-144deg);}}
@keyframes rot53 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(72deg) translate(50px) rotate(-72deg);}}
@keyframes rot52 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(0deg) translate(50px) rotate(0deg);}}
@keyframes rot51 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(-72deg) translate(50px) rotate(72deg);}}
.tContextMenu.items5 > .wrap > .hold:nth-of-type(1) { animation-name: rot51;}
.tContextMenu.items5 > .wrap > .hold:nth-of-type(2) { animation-name: rot52;}
.tContextMenu.items5 > .wrap > .hold:nth-of-type(3) { animation-name: rot53;}
.tContextMenu.items5 > .wrap > .hold:nth-of-type(4) { animation-name: rot54;}
.tContextMenu.items5 > .wrap > .hold:nth-of-type(5) { animation-name: rot55;}
.tContextMenu.items5 > .wrap > .hold:nth-of-type(1n+4) .tText { right: -3px;}

/*6 items*/
@keyframes rot66 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(240deg) translate(50px) rotate(-240deg);}}
@keyframes rot65 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(180deg) translate(50px) rotate(-180deg);}}
@keyframes rot64 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(120deg) translate(50px) rotate(-120deg);}}
@keyframes rot63 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(60deg) translate(50px) rotate(-60deg);}}
@keyframes rot62 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(0deg) translate(50px) rotate(0deg);}}
@keyframes rot61 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(-60deg) translate(50px) rotate(60deg);}}
.tContextMenu.items6 > .wrap > .hold:nth-of-type(1) { animation-name: rot61;}
.tContextMenu.items6 > .wrap > .hold:nth-of-type(2) { animation-name: rot62;}
.tContextMenu.items6 > .wrap > .hold:nth-of-type(3) { animation-name: rot63;}
.tContextMenu.items6 > .wrap > .hold:nth-of-type(4) { animation-name: rot64;}
.tContextMenu.items6 > .wrap > .hold:nth-of-type(5) { animation-name: rot65;}
.tContextMenu.items6 > .wrap > .hold:nth-of-type(6) { animation-name: rot66;}
.tContextMenu.items6 > .wrap > .hold:nth-of-type(1n+4) .tText { right: -3px;}

/*7 items*/
@keyframes rot77 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(255deg) translate(50px) rotate(-255deg);}}
@keyframes rot76 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(204deg) translate(50px) rotate(-204deg);}}
@keyframes rot75 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(153deg) translate(50px) rotate(-153deg);}}
@keyframes rot74 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(102deg) translate(50px) rotate(-102deg);}}
@keyframes rot73 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(51deg) translate(50px) rotate(-51deg);}}
@keyframes rot72 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(0deg) translate(50px) rotate(0deg);}}
@keyframes rot71 {from {transform: rotate(0deg) translate(0px) rotate(0deg);}to {transform: rotate(-51deg) translate(50px) rotate(51deg);}}

.tContextMenu.items7 > .wrap > .hold:nth-of-type(1), .tContextMenu.items8 > .wrap > .hold:nth-of-type(1) { animation-name: rot71;}
.tContextMenu.items7 > .wrap > .hold:nth-of-type(1) .tText, .tContextMenu.items8 > .wrap > .hold:nth-of-type(1) .tText {
transform: rotate(-45deg);
transform-origin: top left;
top: 20px;
right: -42px;
}

.tContextMenu.items7 > .wrap > .hold:nth-of-type(2), .tContextMenu.items8 > .wrap > .hold:nth-of-type(2) { animation-name: rot72;}

.tContextMenu.items7 > .wrap > .hold:nth-of-type(3), .tContextMenu.items8 > .wrap > .hold:nth-of-type(3) { animation-name: rot73;}
.tContextMenu.items7 > .wrap > .hold:nth-of-type(3) .tText, .tContextMenu.items8 > .wrap > .hold:nth-of-type(3) .tText {
transform: rotate(45deg);
transform-origin: top left;
left: 20px;
top: -8px;
}

.tContextMenu.items7 > .wrap > .hold:nth-of-type(4), .tContextMenu.items8 > .wrap > .hold:nth-of-type(4) { animation-name: rot74;}
.tContextMenu.items7 > .wrap > .hold:nth-of-type(4) .tText, .tContextMenu.items8 > .wrap > .hold:nth-of-type(4) .tText {
transform: rotate(-90deg);
transform-origin: top right;
right: 37px;
}

.tContextMenu.items7 > .wrap > .hold:nth-of-type(5), .tContextMenu.items8 > .wrap > .hold:nth-of-type(5) { animation-name: rot75;}
.tContextMenu.items7 > .wrap > .hold:nth-of-type(5) .tText, .tContextMenu.items8 > .wrap > .hold:nth-of-type(5) .tText {
transform: rotate(-45deg);
transform-origin: top left;
top: 54px;
right: -9px;
}

.tContextMenu.items7 > .wrap > .hold:nth-of-type(6), .tContextMenu.items8 > .wrap > .hold:nth-of-type(6) { animation-name: rot76;}
.tContextMenu.items7 > .wrap > .hold:nth-of-type(6) .tText, .tContextMenu.items8 > .wrap > .hold:nth-of-type(6) .tText {
transform: rotate(45deg);
transform-origin: top right;
top: 20px;
right: -12px;
}

.tContextMenu.items7 > .wrap > .hold:nth-of-type(7), .tContextMenu.items8 > .wrap > .hold:nth-of-type(7) { animation-name: rot77;}
.tContextMenu.items7 > .wrap > .hold:nth-of-type(7) .tText, .tContextMenu.items8 > .wrap > .hold:nth-of-type(7) .tText {
transform: rotate(90deg);
transform-origin: bottom right;
right: 36px;
}

/*8 and more Only 7 Fit*/
.tContextMenu.items8 > .wrap > .hold:nth-of-type(1n+8) {
    display: none;
}

/*Block=10,BlockOrderID=5700*/

.popupWindowControl{
	position: absolute;
	border: 1px solid darkgray;
	background: white;
	padding: 5px;
	height: 250px;
	width: 150px;
    flex-wrap: nowrap;
}

.popupWindowHeaderBorder{
	height: 34px;
	width: 100%;
	border-width: 0px;
    flex-shrink: 0;
}

    .popupWindowHeaderBorder > p {
        text-align: left;
        align-self: center;
        font-size: 26px;
        color: gray;
        white-space: nowrap;
        overflow: hidden;
    }

.popupWindowControl .popupWindowContentBorder {
    overflow: auto;
}

.popupWindowCloseButton {
    position: absolute;
    top: 5px;
    right: 5px;
}

.popupWindowControl .resizer, .popupWindowControl .resizer:before {
    background-size: 0px 0px;
}
/*Block=10,BlockOrderID=7000*/

.AddConditionButton {
    font-size: 14px;
    margin: 2px;
    padding: 0px;
}

.tbddtcButtonPanel {
    position: relative;
    min-height: 25px;
}

.CloseAndReloadButton {
    width: 20px;
    height: 20px;
    margin: 2px 12px 2px 2px;
    padding: 0px;
    border-color: transparent;
    position: absolute;
    right: 0px;
}

.TaskSettingsHeaderStyle {
    margin: 4px 5px;
    font-size: 14px;
    color: black;
    text-align: left;
}

.TaskSettingsComboBoxStyle {
    width: 150px;
    margin-left: 0px;
    margin-top: 2px;
    margin-right: 5px;
    margin-bottom: 2px;
}

.TaskSettingsHeaderCheckBoxStyle {
    margin-left: 0px;
    margin-top: 2px;
    margin-right: 5px;
    margin-bottom: 2px;
    align-self: center;
}

.TaskSettingsHeaderNumericUpDownStyle {
    width: 150px;
    margin-left: 0px;
    margin-top: 2px;
    margin-right: 5px;
    margin-bottom: 2px;
}

.TaskSettingsDescriptionStyle {
    margin: 2px 5px;
    font-size: 12px;
    text-align: left;
    align-self: center;
    line-height: 26px;
    min-width: 100px;
}

.ButtonSize {
    height: 23px;
    width: 23px;
}

.TaskSettingsToggleButtonStyle {
    width: 150px;
    margin-left: 0px;
    margin-top: 2px;
    margin-right: 5px;
    margin-bottom: 2px;
}

.TaskSettingsMoreStyle {
    margin: 2px 5px;
    font-size: 12px;
    color: black;
    text-align: left;
}

.RelationalAttributeTree {
    min-height: 350px;
    min-width: 400px;
    margin-top: 10px;
}

.FormulaEditorPanel {
    min-height: 415px;
    min-width: 415px;
}

.TaskSettingsColumn {
    flex-wrap: nowrap;
}

    .TaskSettingsColumn > * {
        height: 26px;
    }

.ConditionSettingsPanelNumeric {
    width: 130px;
    margin: 2px;
}

    .ConditionSettingsPanelNumeric .up, .ConditionSettingsPanelNumeric .down {
        display: none;
    }

.cfspButton {
    padding: 0px;
}

    .cfspButton > .ResourceIconImage {
        margin: auto;
    }

.SparkSettingsPanel > .GetTextAndFwElement {
    margin: 0px 0px 5px 3px;
}

    .SparkSettingsPanel > .GetTextAndFwElement > .textBlock {
        width: 150px;
        text-align: left;
    }

.SparkSettingsPanel > .sspButtonBar > .button {
    width: 22px;
    height: 22px;
    margin: 4px;
    padding: 0px;
}

    .SparkSettingsPanel > .sspButtonBar > .button > .ResourceIconImage {
        margin: auto;
    }


.SparkSettingsPanel .MainSparkPanel > .GetTextAndFwElement > .textBlock {
    margin-right: 7px;
}

.SparkSettingsPanel .MainSparkPanel > .StandardSparkPanel .GetTextAndFwElement,
.SparkSettingsPanel .MainSparkPanel > .advancedPlaceHolder .GetTextAndFwElement {
    margin-top: 5px;
}

    .SparkSettingsPanel .MainSparkPanel > .StandardSparkPanel .GetTextAndFwElement > .textBlock,
    .SparkSettingsPanel .MainSparkPanel > .advancedPlaceHolder .GetTextAndFwElement > .textBlock {
        width: 105px;
        text-align: left;
    }

.SparkSettingsPanel .MainSparkPanel > .advancedPlaceHolder > .WaterfallSparkPanel .GetTextAndFwElement > .textBlock {
    width: 120px;
    text-align: left;
}

.SparkSettingsPanel .MainSparkPanel > .StandardSparkPanel .GetTextAndFwElement > .numfield,
.SparkSettingsPanel .MainSparkPanel > .advancedPlaceHolder .GetTextAndFwElement > .numfield {
    width: 150px;
}

.SparkSettingsPanel > .GetTextAndFwElement > .combobox,
.SparkSettingsPanel .MainSparkPanel > .GetTextAndFwElement > .combobox,
.SparkSettingsPanel .MainSparkPanel > .StandardSparkPanel .GetTextAndFwElement > .combobox,
.SparkSettingsPanel .MainSparkPanel > .advancedPlaceHolder .GetTextAndFwElement > .combobox {
    width: 148px;
}

.SparkSettingsPanel .MainSparkPanel > .StandardSparkPanel .GetTextAndFwElement > .brushPickerButton,
.SparkSettingsPanel .MainSparkPanel > .advancedPlaceHolder .GetTextAndFwElement > .brushPickerButton {
    width: 148px;
    height: 23px;
    border: 1px solid gray;
}

.PreviousLevelPanel .panel > .textBlock {
    width: 38px;
}

.CodeAndDescriptionSettingsPanel .TaskSettingsDescriptionStyle {
    min-width: inherit;
}

.ConditionalPanel {
    flex-wrap: nowrap;
}

    .ConditionalPanel > * {
        flex-shrink: 0;
    }

.ConditionalFormattingObjectPanel .TaskSettingsHeaderStyle {
    margin-left: 0px;
}
/*Block=10,BlockOrderID=8001*/

.groupAdministrationBackstagePanel {
    font-size: 11px;
}

.groupAdministrationBackstagePanel .groupAdministrationSearchTextBox {
    width: 50%;
    margin: 15px 2px;
}

.groupAdministrationBackstagePanel .listStack{
    border-right: 1px solid #D2D2D2;
}

.groupAdministrationBackstagePanel .addGroupButton {
    color: rgb(19, 121, 167);
    margin: 5px 0px;
    cursor: pointer;
}

.groupAdministrationBackstagePanel .addGroupButton:hover {
    color: rgb(77,77,77);
}

.groupAdministrationBackstagePanel .allGroups{
    width: 200px;
    border-width: 0px;
}

.groupAdministrationBackstagePanel .gaButtonStack {
    margin: 5px 0px;
    flex-shrink: 0;
}

    .groupAdministrationBackstagePanel .gaButtonStack > .button {
        width: 90px;
        margin-right: 5px;
    }

    .groupAdministrationBackstagePanel .aDeletableListItem {
        height: 20px;
    }

        .groupAdministrationBackstagePanel .aDeletableListItem .textBlock {
            align-self: center;
            font-size: 11px;
        }

        .groupAdministrationBackstagePanel .aDeletableListItem .ResourceIconImage {
            display: none;
            align-self: center;
            margin-left: 5px;
        }

        .groupAdministrationBackstagePanel .aDeletableListItem:hover .ResourceIconImage {
            display: inherit;
        }

.pnlMain > * {
    margin: 2px;
}

.pnlMain .textBlock {
    align-self: center;
    width: 130px;
    font-weight: bold;
    text-align: left;
}
/*Block=10,BlockOrderID=8002*/
.ACheckTreeScreenShotPanel {
    margin: 10px;
}
.ACheckTreeScreenShotPanel .BaseTreeView{
    width: 500px;
    flex-shrink: 0;
}
.browserIE .ACheckTreeScreenShotPanel {
    flex: 1 1 0px;
}
.ACheckTreeScreenShotPanel > .tbWrap {
    margin-bottom: 4px;
}
/*Block=10,BlockOrderID=8003*/
.ScreenShotInfoPanel {
    margin: 10px;
}

.browserIE .ACheckTreeScreenShotPanel .ScreenShotInfoPanel {
    flex: 1 1 0px;
}

.ScreenShotInfoPanel > .infoCaption {
    margin-top: 5px;
    font-size: 13px;
    font-weight: bold;
}

.ScreenShotInfoPanel > .infoText {
    margin: 5px 0px;
    font-size: 13px;
    white-space: pre-wrap;
}

.ScreenShotInfoPanel > .imgDIV {
    margin-top: 15px;
    overflow: auto;
    position: relative;
}

    .ScreenShotInfoPanel > .imgDIV > img {
        align-self: flex-start;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.CheckStateContextMenuItemText {
    margin-right: 2px;
    text-align: center;
}

.CheckStateContextMenuItemContent {
       align-self: center;
}

/*Block=10,BlockOrderID=8004*/
.PnlDomaene {
    margin: 10px;
}

.PnlDomaene .listbox {
    border-width: 0px;
}
/*Block=10,BlockOrderID=8005*/
.PnlProcesses {
    margin: 10px;
}
.PnlProcesses > .tbWrap {
    margin-bottom: 4px;
}
/*Block=10,BlockOrderID=8006*/
.StartPagePanel {
    margin: 10px;
}
    .StartPagePanel .StartPageStackPanel, .StartPagePanel > chbwrap {
        margin: 5px 0px;
    }

    .StartPagePanel .StartPageStackPanel > * {
        margin: 2px 0px;
    }

    .StartPagePanel .HomeReportList {
        border-width: 0px;
    }
/*Block=10,BlockOrderID=9002*/

/*.TreeViewList{
    min-height:100px;
}*/

.TreeViewList .cell .Image {
    height: 100%;
    width: 100%;
}

.TreeViewList .cell .comm {
    line-height: initial;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.TreeViewList .cell .marker {
    position: absolute;
    right: 0px;
    top: 0px;
    left: 0px;
    bottom: 0px;
}

    .TreeViewList .cell .marker:after {
        content: '';
        background-image: url(../../../../Base/Base_TS/CSS/images/ui-icons_ffffff_256x240.png);
        background-position: -86px -21px;
        background-color: red;
        position: absolute;
        width: 5px;
        height: 5px;
        right: 0px;
        top: 0px;
    }

.TreeViewList .cell .qlImage {
    /*margin: 0px 4px 0px 4px;*/
    margin: 0 auto; /*Gadgets*/
}

.TreeViewList .cell .subImage {
    margin: auto 2px;
    min-width: 16px;
    min-height: 16px;
}

.TreeViewList .cell .automaticWordWrap {
    white-space: pre-wrap;
    line-height: normal;
    align-self: center;
    width: 100%;
}


.TreeViewList .ColumnHeaderSurface .ColumnHeaderControl .tvc.last {
    border-bottom: 2px solid rgb(127, 127, 127) !important;
}

/*.TreeViewList .ColumnHeaderSurface.order1 .ColumnHeaderControl .tvc {
    height:inherit!important;
}*/

.AnalyseGridPrintSettingsPanel .GetTextAndFwElement {
    margin-top: 5px;
}

    .AnalyseGridPrintSettingsPanel .GetTextAndFwElement > .textBlock {
        text-align: left;
        width: 250px;
    }

    .AnalyseGridPrintSettingsPanel .GetTextAndFwElement > .combobox {
        width: 198px;
    }
/*Block=10,BlockOrderID=10003*/

.aBasicSettingsPanel .buttonStack{
    flex-shrink: 0;
}

.aBasicSettingsPanel .buttonStack .button{
    margin: 3px 5px 10px 5px;
}

.configServiceSettingsPanel .tabControl > .panel > *{
    margin: 5px;
}

.configServiceSettingsPanel .commonPage{
    flex-wrap: nowrap;
    overflow: auto;
}

.configServiceSettingsPanel .commonPage > .stackPanel{
    margin-bottom: 5px;
    flex-shrink: 0;
    height: 24px;
}

    .configServiceSettingsPanel .commonPage > .stackPanel:not(.defaultGroupHeader) > * {
        align-self: center;
    }

.configServiceSettingsPanel .commonPage > .defaultGroupHeader{
    margin-top: 18px;
    margin-bottom: 8px;
    height: auto;
}

.configServiceSettingsPanel .infoTB{
    width: 120px;
}

.configServiceSettingsPanel .infoTB.innerTB{
    text-align: center;
}

.configServiceSettingsPanel .portNum{
    width: 65px;
}

.configServiceSettingsPanel .connectionTypeCB{
    margin-right: 10px;
}

.configServiceSettingsPanel .commonTB, .configServiceSettingsPanel .commonCombo{
    width: 250px;
}

.configServiceSettingsPanel .webServerButton{
    height: 22px;
}
/*Block=10,BlockOrderID=10004*/

.MMC .tbWrap.numfield input{
    text-align: left;
}

.MMC .settingsCreatorStack {
    position: initial;
    width: initial!important;
    height: initial!important;
    max-width: 225px;
}

    .MMC .settingsCreatorStack .settingsCreatorHeaderBorder > p {
        width: initial!important;
    }

    .MMC .settingsCreatorTabRendererImgBorder {
        flex-shrink: 0;
    }

    .MMC .settingsCreatorTabRenderer > .stackPanel {
        overflow: hidden;
    }

        .MMC .settingsCreatorTabRenderer > .stackPanel > .textBlock {
            white-space: initial;
            word-break: break-all;
        }

.MMC .settingsCreator {
    padding-left: 0px;
    flex-wrap: nowrap;
}

.dynamicSettingsControl{
    margin: 5px;
    flex-wrap: nowrap;
    overflow: auto;
}

.dynamicSettingsControl > *{
    flex-shrink: 0;
}

.dynamicSettingsControl .dynamicSettingsInnerStack{
    margin-left: 5px;
    flex-wrap: nowrap;
}

.dynamicSettingsControl .dynamicSubObjectControl .clientImageButton{
    padding: 1px;
    margin: 2px;
}

.dynamicSettingsControl .dynamicSubObjectControl .clientImageButton .ResourceIconImage{
    margin: auto;
}

.aDynamicControl{
    margin-bottom: 8px;
    flex-shrink: 0;
    min-height: 24px;
}

.aDynamicControl > .textBlock{
    width: 285px;
    margin-right: 10px;
}

.aDynamicControl > *{
    align-self: center;
}
/*Block=10,BlockOrderID=10005*/

.newDatabasePanel > .stackPanel > .textBlock {
    width: 50px;
    text-align: left;
    align-self: center;
}

.newDatabasePanel > .stackPanel > .combobox, .newDatabasePanel > .stackPanel > .tbWrap {
    width: 200px;
    margin: 4px;
}

.newLanguagePanel{
    align-self: flex-start;
}

.newLanguagePanel > .textBlock{
    width: 80px;
    text-align: left;
    align-self: center;
}

.newLanguagePanel > .combobox{
    width: 200px;
    margin: 4px;
}
/*Block=10,BlockOrderID=10006*/

.configServiceSecuritySettingsPanel .contentStack{
    margin: 5px;
}

.configServiceSecuritySettingsPanel .listbox {
    margin-top: 2px;
    margin-right: 3px;
    width: 300px;
    height: 300px;
}

.configServiceSecuritySettingsPanel .clientImageButton{
    padding: 1px;
    margin: 2px;
}

.configServiceSecuritySettingsPanel .clientImageButton .ResourceIconImage{
    margin: auto;
}
/*Block=10,BlockOrderID=10007*/

.mdTranslationSettingsPanel .firstRowStack {
    margin: 5px 5px 0px 5px;
}

.mdTranslationSettingsPanel .secondRowStack {
    margin: 0px 5px 5px 5px;
}

.mdTranslationSettingsPanel .firstRowStack .textBlock{
    align-self: center;
    margin-right: 10px;
}

.mdTranslationSettingsPanel .firstRowStack .combobox{
    width: 200px;
}

.mdTranslationSettingsPanel .firstRowStack .buttonStack{
    justify-content: flex-end;
}

.mdTranslationSettingsPanel .firstRowStack .buttonStack .button{
    margin: 0px 2px;
}

.mdTranslationSettingsPanel .secondRowStack .BaseTreeView{
    flex: 1 1 auto;
    margin-top: 5px;
}

.mdTranslationSettingsPanel .secondRowStack .elementTree{
    border: 1px solid black;
    margin-right: 10px; 
}
/*Block=10,BlockOrderID=10008*/

.dataAreaSettingsPanel .selectionStack, .dataAreaSettingsPanel .detailStack{
    margin: 5px;
    flex-wrap: nowrap;
    flex-shrink: 0;
}

.dataAreaSettingsPanel .selectionStack .combobox{
    width: 350px;
    margin: 10px;
}

.dataAreaSettingsPanel .selectionStack .button{
    width: 70px;
    margin: 10px;
}

.dataAreaSettingsPanel .detailStack{
    overflow: auto;
    flex: 1 1 100%;
}

.dataAreaSettingsPanel .detailStack > .stackPanel{
    margin: 5px;
    flex-shrink: 0;
}

.dataAreaSettingsPanel .detailStack .textBlock{
    width: 130px;
    line-height: 22px;
}

.dataAreaSettingsPanel .detailStack .tbWrap{
    width: 302px;
}

.dataAreaSettingsPanel .detailStack .listbox{
    width: 300px;
    height: 250px;
}

.dataAreaSettingsPanel .detailStack .button{
    padding: 1px;
    margin-left: 10px;
    margin-bottom: 5px;
}

.dataAreaSettingsPanel .detailStack .button .ResourceIconImage{
    margin: auto;
}
/*Block=10,BlockOrderID=10009*/

.domainPreselectionSettingsPanel .contentStack{
    margin: 5px;
}

.domainPreselectionSettingsPanel .chbwrap{
    margin: 5px 0px 10px 0px;
}

.domainPreselectionSettingsPanel .listbox {
    margin-top: 2px;
    margin-right: 3px;
    width: 300px;
    height: 300px;
}

.domainPreselectionSettingsPanel .clientImageButton{
    padding: 1px;
    margin: 2px;
}

.domainPreselectionSettingsPanel .clientImageButton .ResourceIconImage{
    margin: auto;
}
/*Block=10,BlockOrderID=10010*/

.newDomainPanel > .stackPanel{
    margin: 5px;
}

.newDomainPanel .textBlock{
    width: 100px;
    align-self: center;
    text-align: left;
}

.newDomainPanel .combobox, .newDomainPanel .tbWrap{
    width: 200px;
}

/*Block=10,BlockOrderID=10076*/

.dateTimePicker .comboBoxTime{
	margin: 2px;
	width: 75px;
}

.dateTimePicker .comboBoxDate{
	margin: 2px;
	min-width: 200px;
}


.dateTimePicker .calendarDate{
	margin: 2px;
}

 .controlStyleAlignCenter{
	margin: 2px;
	align-self: center;
}

.controlStyleAlignLeft{
	margin: 2px;
	align-self: left;
	margin-right: 25px;
}

.controlStyleComboBox{
	margin: 2px;
	align-self: left;
	width: 70px;
}
.controlStyleNumericUpDown{
	margin: 2px;
	align-self: center;
	width: 70px;
}

.rangeSettingControl .noEndDate{
	margin: 2px;
	align-self: auto;
}

.recurrenceSettingControl .stackPanelOptions{
	margin-right: 25px;	
	border-right: 1px solid gray;
}

.recurrenceSettingControl .optionSettings{
	flex: 1 1;
}
/*Block=10,BlockOrderID=10120*/
.NonSelectableImageTextItemsPanel{
    height:auto;
    min-width:280px;
    width:auto;
}

.NonSelectableImageTextItemsPanel .listbox{
    border:none;
}

.NonSelectableImageTextItemsPanel .ImageTextItemControl .panel{
    justify-content:center;
}

.NonSelectableImageTextItemsPanel .ImageTextItemControl .ResourceIconImage{
    margin-right:10px;
}

.SliderPanel > .slider {
    width: 200px;
}

.SliderPanel > .tbWrap {
    width: 50px;
    height: 25px;
}
/*Block=10,BlockOrderID=10129*/
.toolTipCntrl {
    max-width: 300px;
}

    .toolTipCntrl > * {
        display: none;
        white-space: normal;
        margin: 3px 1px 3px 5px;
    }

    .toolTipCntrl:first-child {
        margin-bottom: 1px;
    }

/*Block=10,BlockOrderID=11001*/
.splitGrid{
    flex-wrap: nowrap;
}

.splitGrid.ver > :first-child{
    padding-bottom: 5px;
}

.splitGrid.hor > :first-child{
    padding-right: 5px;
}

.splitHost {
    position: relative;
}

.splitGrid > .splitHost > .resizer {
    z-index: 101;
}

    .splitGrid > .splitHost > .resizer.e {
        width: 5px;
    }
    .splitGrid > .splitHost > .resizer.e:before {
        width: 5px;
        background-position-x: -36px;
    }

    .splitGrid > .splitHost > .resizer.s {
        height: 5px;
    }
    .splitGrid > .splitHost > .resizer.s:before {
        height: 5px;
        background-position-y: -228px;        
    }

.splitRoot:not(.splittersEnabled) .splitGrid > .splitHost > .resizer {
    display: none;
}

.splitObject {
    position: relative;
}

.splitObject.selected {
    border: 2px solid lightgray;
}

.splitObject.selected.designMode {
    border-color: rgb(29, 78, 145);
}

.splitObject > * {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.SplitObjectPanel{
    flex-wrap: nowrap;
}

    .SplitObjectPanel > .textBlock {
        text-align: left;
        line-height: 1.3;
    }

    .browserIE11 .SplitObjectPanel > .textBlock {
        width: 300px;
    }

.SplitObjectPanel .ItemSTKPNL {
    justify-content: center;
    margin-top: 9px;
}

  .SplitObjectPanel .ItemSTKPNL .textIconButton .ResourceIconImage {
      flex-shrink: 0;
  }

.AnalysePrintSettingsPanel {
    margin: 11px;
}

.AnalysePrintSettingsPanel > .GetTextAndFwElement {
    margin-top: 5px;
}

    .AnalysePrintSettingsPanel > .GetTextAndFwElement > .textBlock {
        width: 170px;
        text-align: left;
    }

    .AnalysePrintSettingsPanel > .GetTextAndFwElement > .combobox {
        width: 198px;
    }

    .AnalysePrintSettingsPanel > .GetTextAndFwElement > .numfield {
        width: 200px;
    }
/*Block=10,BlockOrderID=11023*/

.TemplateManagerSettingsPanel .FirstRow {
    flex-shrink: 0;
}

.TemplateManagerSettingsPanel .ButtonBorder {
    color: rgb(19, 121, 167);
    width: 250px;
    text-align: left;
}

    .TemplateManagerSettingsPanel .ButtonBorder:hover {
        color: rgb(77, 77, 77);
    }

.TemplateManagerSettingsPanel .LeftCol {
    width: 250px;
    border-width: 0px 1px 0px 0px;
    margin: 2px 10px 0px 0px;
    flex-shrink: 0;
}

.TemplateManagerSettingsPanel .CategoryWrap, .TemplateManagerSettingsPanel .ButtonBorder {
    margin: 10px 5px 25px 5px;
}

.TemplateManagerSettingsPanel .CategoryWrap > .textBlock {
    font-size: 12px;
    color: rgb(112, 112, 112);
}

.TemplateManagerSettingsPanel .CategoryWrap > :not(.category),
.TemplateManagerSettingsPanel .CategoryWrap > .category.selected {
    font-weight: bold;
}

    .TemplateManagerSettingsPanel .CategoryWrap > .category {
        margin-left: 5px;
    }

    .TemplateManagerSettingsPanel .CategoryWrap > .category:hover {
        text-decoration: underline;
    }

.TemplateManagerSettingsPanel .TemplateDetailPanel .tdpSaveButton {
    margin-right: 10px;
}

.TemplateManagerSettingsPanel .tmspRightCol {
    position: relative;
}

.TemplateManagerSettingsPanel .tmspRightCol > * {
    position: absolute;
    top: 0px;
    bottom: 0px;
}

.TemplateManagerSettingsPanel .ListBoxTemplates {
    overflow-x: hidden;
    overflow-y: auto;
    left: 0px;
    right: 50%;
}

.TemplateManagerSettingsPanel .TemplateDetailPanel {
    margin: 5px;
    left: 50%;
    right: 0px;
}

/*Block=10,BlockOrderID=11024*/

.TemplateDetailPanel  {
  flex: 1 1 auto;
}

.TemplateDetailPanel .LeftCol{
    width: 100px;
    align-self: center;
}

.TemplateDetailPanel .ToColRowDetails{
    padding-bottom:5px;
}

    .TemplateDetailPanel .TranslationTextBox {
        width: 320px;
    }
.TemplateDetailPanel .ScreenshotChangeButton{
    width:120px;
}
.TemplateDetailPanel .ScreenshotImage{
    margin: 10px;
}
.TemplateDetailPanel .ScreenshotImage img{
    height: 256px;
    margin: 10px;
    margin-left: -10px;
}
.TemplateDetailPanel .Header {
       font-size: 14px;
    margin-bottom: 20px;
}
.ContextMenue{
    padding-left:30px;
        width: 85px;
}


.TemplateSelectionDialog{
    position: relative;
}

  .TemplateSelectionDialog .tbWaterM {
      height:25px;
      margin-bottom:15px;
  }

    .TemplateSelectionDialog .CategoriesLBX {
        padding-right: 2px;
        width: 270px;
        border: none;
        border-right: 2px solid rgb(123,156,179);
        flex-shrink: 0;
    }

  .TemplateSelectionDialog .TemplatesLBX {
      margin-left: 10px;
      position: absolute;
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: 270px;
      overflow-y: auto;
  }

  .TemplateSelectionDialog .PopoutBRD {
      position: absolute;
      background: white;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 100; /*Wegen SearchImage (99)*/
      border: 1px solid gray;
  }

    .TemplateSelectionDialog .PopoutBRD .tsdScreenshot {
        background-repeat: no-repeat;
    }

  .TemplateSelectionDialog .PopoutBRD > .tsdRTB {
      width: 285px!important;
      margin: 5px 5px 5px 0px;
  }

    .TemplateSelectionDialog .PopoutBRD > .button {
        position: absolute;
        right: 5px;
        top: 5px;
        height: 23px;
        width: 23px;
        padding: 0px;
        margin: 2px;
    }

    .TemplateSelectionDialog .PopoutBRD > .button > .ResourceIconImage {
        margin: auto;
    }

  .CategoryControl {
      width: 240px;
  }

.CategoryControl .textBlock {
    font-size: 14px;
    align-self: center;
    margin: 0px 15px 0px 5px;
}

.TemplateControl {
    width: 225px;
    height: 210px;
}

    .TemplateControl.selected {
        background: rgb(146,192,224);
    }

    .TemplateControl:not(.selected):hover {
        background: rgb(205,230,247);
    }

.TemplateControl > .stackPanel {
    margin: 15px;
}

.TemplateControl .tcContentPanel {
    border: 1px solid rgb(210, 210, 210);
    overflow: hidden;
    position: relative;
    width: 195px;
    height: 150px;
    box-sizing: border-box;
}

    .TemplateControl .tcContentPanel > .tcBackground {
        margin: 5px;
        transform: scale(0.4);
        transform-origin: 0px 0px;
        align-self: flex-start;
    }

.browserFirefox .TemplateControl .tcContentPanel > .tcBackground {
    position: absolute;
}

    .TemplateControl .tcContentPanel > .tcTypeImg {
        position: absolute;
        left: 5px;
        bottom: 5px;
    }

.TemplateControl .textBlock {
    font-size: 14px;
    color: rgb(112, 112, 112);
    text-align: left;
}

.CategorySelectionDialog > .stackPanel > * {
    margin: 2px;
}

.CategorySelectionDialog > .stackPanel > .textBlock {
    width: 90px;
    text-align: left;
    align-self: center;
}
/*Block=10,BlockOrderID=11030*/
.CoporateDesignSettings{

}

/*Block=10,BlockOrderID=11031*/
.CorporateDesignTabControlPanel{

}

  .CorporateDesignTabControlPanel .buttonsPnl{
      margin-bottom:3px;
      min-height:22px;
  }

    .CorporateDesignTabControlPanel .buttonsPnl .button{
        margin-right:2px;
    }
/*Block=10,BlockOrderID=12000*/

.DashboardReport .baseSlideContentBorder {
    overflow: auto;
}

.zoomedDashboardObject {
    width: 100% !important;
    height: 100% !important;
    left: 0px !important;
    top: 0px !important;
    transform: rotate(0deg) !important;
}

    .zoomedDashboardObject .broMainContentBorder {
        transform-origin: left top;
    }

.paletteDropDown {
    width: 400px;
}

    .paletteDropDown .panel {
        padding: 3px;
    }

        .paletteDropDown .panel:hover {
            background: rgb(239, 244, 249);
        }

.dashBoardShapeTextDiv {
    position: absolute;
    overflow: hidden;
}

.browserFirefox .dashboardShapeControl, .browserEdge .dashboardShapeControl {
    transform-origin: left top;
}

.browserIE .dashboardShapeControl {
    transform: scale(1);
}

.dashboardShapeControl > * {
    position: absolute;
}

.dashboardShapeControl > .renderDIV {
    z-index: 1;
}

.dashboardShapeControl.objectZoom > .renderDIV, .dashboardShapeControl.objectZoom > .renderDIV > .dashboardShapeDIV {
    position: static;
    width: auto!important;
    height: auto!important;
}

    .dashboardShapeControl.objectZoom .dashboardShapeDIV > *:not(.zoomedDashboardObject) {
        display: none;
    }

.dashboardShapeControl > .selectionDIV {
    border: 1px dashed red;
}

.dashboardShapeControl .dashboardShapeDIV {
    position: absolute;
}

    .dashboardShapeControl .dashboardShapeDIV > * {
        position: absolute;
    }

    .dashboardShapeControl .dashboardShapeDIV > canvas {
        left: 0px;
        top: 0px;
    }

    .dashboardShapeControl .dashboardShapeDIV > .selector {
        top: 5px;
        right: 5px;
        left: auto;
        z-index: 100;
    }

    .dashboardShapeControl .dashboardShapeDIV > .rotator {
        top: 50%;
        margin-top: -5px;
        right: -35px;
        height: 10px;
        width: 10px;
        border-radius: 5px;
        z-index: 100;
        cursor: pointer;
    }

    .dashboardShapeControl .dashboardShapeDIV > .shapeObjectTextBox {
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        resize: none;
        box-sizing: border-box;
        font-family: Verdana;
        font-size: 11px;
    }

    .dashboardShapeControl .dashboardShapeDIV > .resizer {
        background: rgba(0,0,255,0.5);
        z-index: 100; /*da sonst ?berlappung mit Scrollbar im Grid*/
    }

        .dashboardShapeControl .dashboardShapeDIV > .resizer.e, .dashboardShapeControl .dashboardShapeDIV > .resizer.w {
            width: 3px;
        }

        .dashboardShapeControl .dashboardShapeDIV > .resizer.n, .dashboardShapeControl .dashboardShapeDIV > .resizer.s {
            height: 3px;
        }

            .dashboardShapeControl .dashboardShapeDIV > .resizer.e:before, .dashboardShapeControl .dashboardShapeDIV > .resizer.w:before,
            .dashboardShapeControl .dashboardShapeDIV > .resizer.n:before, .dashboardShapeControl .dashboardShapeDIV > .resizer.s:before {
                content: none;
            }

        .dashboardShapeControl .dashboardShapeDIV > .resizer.ne, .dashboardShapeControl .dashboardShapeDIV > .resizer.se,
        .dashboardShapeControl .dashboardShapeDIV > .resizer.nw, .dashboardShapeControl .dashboardShapeDIV > .resizer.sw {
            height: 6px;
            width: 6px;
        }

        .dashboardShapeControl .dashboardShapeDIV > .resizer.nw {
            left: -3px;
            top: -3px;
        }

        .dashboardShapeControl .dashboardShapeDIV > .resizer.ne {
            right: -3px;
            top: -3px;
        }

        .dashboardShapeControl .dashboardShapeDIV > .resizer.se {
            right: -3px;
            bottom: -3px;
        }

        .dashboardShapeControl .dashboardShapeDIV > .resizer.sw {
            left: -3px;
            bottom: -3px;
        }

@keyframes shapeAni {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(45deg);
    }

    50% {
        transform: rotate(0deg);
    }

    75% {
        transform: rotate(-45deg);
    }
}

@keyframes shapeAniWaltz {
    0% {
        transform: translate(0px, 0px);
    }

    25% {
        transform: translate(50px, 0px);
    }

    50% {
        transform: translate(50px, -20px);
    }

    75% {
        transform: translate(0px, -20px);
    }
}

.dashboardShapeControl .dashboardShapeDIV.dance {
    animation-name: shapeAni;
    animation-duration: 400ms;
    animation-iteration-count: infinite;
}

.dashboardShapeControl .dashboardShapeDIV.waltz {
    animation-name: shapeAniWaltz;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

.DashboardMasterSelectionPanel .DashboardMasterPanel {
    position: relative;
    overflow: auto;
}

.DashboardMasterSelectionPanel {
    flex-wrap: nowrap;
}

.DashboardMasterSelectionPanel > .listbox {
    width: 200px;
}

.DashboardMasterSelectionPanel > .stackPanel {
    position: absolute;
    left: 210px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.DashboardMasterSelectionPanel .descTB {
    width: 100px;
    margin: 5px 5px 5px 0px;
    text-align: left;
}

.DashboardMasterSelectionPanel .descTextBox {
    margin: 5px 0px;
}

.DashboardMasterSelectionPanel .dmpScrollDiv {
    overflow: auto;
}

.DashboardMasterBackstagePanel .dmbpButtonStack, .DashboardMasterSelectionPanel .dmsptitleStack {
    flex-shrink: 0;
}

.DashboardMasterBackstagePanel .dmbpButtonStack > .button {
    margin: 4px 4px 4px 0px;
}

.ObjectOverviewMultiPanel .PreviewControl {
    overflow: hidden;
}

.ObjectOverviewMultiPanel .PreviewControlList {
    border-width: 0px;
}
/*Block=10,BlockOrderID=12001*/

.MTMainWindow {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    flex-wrap: nowrap;
}

    .MTMainWindow .MTRibbonStack {
        height: 50px;
        background: #1a1a1a;
        color: white;
        z-index: 9;
    }

        .MTMainWindow .MTRibbonStack > img {
            width: 170px;
            align-self: center;
            margin: 8px 10px 7px;
        }

        .MTMainWindow .MTRibbonStack > .collaboration {
            align-self: center;
        }

        .MTMainWindow .MTRibbonStack .MTrootRibbonTabRenderer.ribbonTabSelected {
            background: #4d4d4d;
        }

        .MTMainWindow .MTRibbonStack .MTrootRibbonTabRenderer .textBlock {
            font-size: 14px;
            margin: 0px 15px;
        }

    .MTMainWindow .MTRibbonBorder {
        height: 90px;
        background: #4d4d4d;
        color: white;
        flex: 0 0 auto;
    }
    /*.MTMainWindow .ribbonAdvancedSearch .ribbonAdvancedSearchControl .EditableDropDownlayer {
        height: 300px;
        width: 235px;
        max-height: unset;
    }*/

    .MTMainWindow .ribbonAdvancedSearch .ribbonAdvancedSearchControl .EditableDropDownlayer {
        min-height: 600px;
        width: 400px;
        max-height: 800px;
        height: 100%;
        left: -100px;
    }

        .MTMainWindow .ribbonAdvancedSearch .ribbonAdvancedSearchControl .EditableDropDownlayer > ul {
            overflow: auto;
        }

        .MTMainWindow .ribbonAdvancedSearch .ribbonAdvancedSearchControl .EditableDropDownlayer .ribbonAdvancedSearchDisplayItem.active {
            background: white;
            border-color: transparent;
        }

    .MTMainWindow .MenuControl {
        position: relative;
        flex-shrink: 0;
    }

        .MTMainWindow .MenuControl .settingsCreatorTabRenderer.settingsCreatorDepth1.settingsCreatorTabSelected.groupTab,
        .MTMainWindow .MenuControl .settingsCreatorTabRenderer.settingsCreatorDepth1.settingsCreatorTabSelected.groupTab p,
        .MTMainWindow .MenuControl .settingsCreatorStack.settingsCreatorDepth2 {
            background: #1a1a1a;
            color: white;
        }

        .MTMainWindow .MenuControl .settingsCreatorDepth2.settingsCreatorTabSelected {
            background: white;
        }

            .MTMainWindow .MenuControl .settingsCreatorDepth2.settingsCreatorTabSelected p {
                color: black;
            }

        .MTMainWindow .MenuControl .settingsCreatorStack .settingsCreatorTabRendererImgBorder {
            width: 45px;
        }

        .MTMainWindow .MenuControl .settingsCreatorStack .settingsCreatorHeaderBorder {
            /*height: 141px; Ribbon-Tabs: 50 + 1 px Border, Ribbon-Content: 90px*/
        }

    .MTMainWindow > .MTStatusBar {
        height: 25px;
        /*border-top: 1px solid rgb(184, 184, 184);*/
        background: #4d4d4d; /* rgb(171, 171, 171);*/
        padding: 0px 20px;
        color: white;
    }

        .MTMainWindow > .MTStatusBar > .stackPanel {
            align-self: center;
        }

            .MTMainWindow > .MTStatusBar > .stackPanel > .textBlock {
                white-space: pre-wrap;
            }

.UserDropDownPanel > .UDDPInfoStack {
    border-bottom: 1px solid gray;
}

    .UserDropDownPanel > .UDDPInfoStack > .noUser {
        margin: 16px;
    }

    .UserDropDownPanel > .UDDPInfoStack > .textBlock {
        font-size: 26px;
        color: gray;
        align-self: center;
        margin-left: 5px;
    }

.UserDropDownPanel > .GetTextAndFwElement.seasonStack {
    border-bottom: 1px solid gray;
    padding-bottom: 10px;
}

.UserDropDownPanel > .GetTextAndFwElement > .textBlock, .UserDropDownPanel > .textBlock {
    color: rgb(19,121,167);
    font-size: 14px;
    cursor: default;
    width: 85px;
    margin: 0px 5px;
}

.UserDropDownPanel > .textBlock {
    margin-top: 10px;
}

.UserDropDownPanel > .GetTextAndFwElement > .combobox {
    width: 150px;
    margin-right: 5px;
}

.UserDropDownPanel > .textBlock.logOffText {
    margin-bottom: 10px;
}

.UserDropDownPanel > .textBlock:hover {
    text-decoration: underline;
}

.InfoDropDownPanel {
    padding: 5px 7px 10px 7px;
}

    .InfoDropDownPanel > .defaultGroupHeader {
        margin-bottom: 7px;
    }

    .InfoDropDownPanel > .textBlock {
        white-space: nowrap;
    }

.UserSettingsDialog > .GetTextAndFwElement {
    margin-top: 5px !important;
}

    .UserSettingsDialog > .GetTextAndFwElement > .textBlock {
        width: 120px;
        text-align: left;
    }

    .UserSettingsDialog > .GetTextAndFwElement > .tbWrap,
    .UserSettingsDialog > .GetTextAndFwElement > .combobox {
        width: 150px;
    }

.UserSettingsDialog > .mtusdButtonStack {
    margin: 10px 0px 0px 120px;
}

    .UserSettingsDialog > .mtusdButtonStack > .button {
        width: 120px;
        margin-right: 7px;
        color: black;
    }

.ChangeMailDialog > .CheckupTextBox .CTBCaption {
    width: 140px;
}

.ChangeMailDialog > .CheckupTextBox {
    margin-top: 10px;
}


.InviteUserDialog > .textBlock {
    margin-bottom: 10px;
}


.MTMainWindow .MenuControl > .menuCanvas {
    position: absolute;
    background: #1a1a1a;
    left: 0px;
    top: 0px;
    z-index: 10;
    animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-name: aniHideMenuPanel;
    -o-animation-name: aniHideMenuPanel;
    -ms-animation-name: aniHideMenuPanel;
    -moz-animation-name: aniHideMenuPanel;
    -webkit-animation-name: aniHideMenuPanel;
}

.MTMainWindow .MenuControl > .menuPanel {
    position: absolute;
    left: 45px;
    top: 0px;
    z-index: 101;
    width: 0px;
    height: 100%;
    background-color: #808080;
    transition: width 0.3s ease-in;
    -o-transition: width 0.3s ease-in;
    -ms-transition: width 0.3s ease-in;
    -moz-transition: width 0.3s ease-in;
    -webkit-transition: width 0.3s ease-in;
    overflow: hidden;
    display: block;
}

.settingsCreatorPanelContentMargin .ResourceIconImage {
    margin:5px auto 0;
}

.MTMainWindow .MenuControl > .menuPanel > .panel > .ModulItemControl > .ResourceIconImage {
    display: none !important;
}

.MTMainWindow .MenuControl > .menuPanel > .panel > .BasedataGroup > .ModulItemControl > .ResourceIconImage {
    display: none !important;
}

.MTMainWindow .MenuControl > .menuPanel > .panel > .PersonGroup > .ModulItemControl > .ResourceIconImage {
    display: none !important;
}

.MTMainWindow .MenuControl > .menuPanel > .panel > .GameOperationGroup > .ModulItemControl > .ResourceIconImage {
    display: none !important;
}

.MTMainWindow .MenuControl > .menuPanel > .panel > .AccountingGroup > .ModulItemControl > .ResourceIconImage {
    display: none !important;
}

.MTMainWindow .MenuControl > .menuPanel > .panel > .ReportingGroup > .ModulItemControl > .ResourceIconImage {
    display: none !important;
}

.MTMainWindow .MenuControl > .menuPanel > .panel > .AdministrationGroup > .ModulItemControl > .ResourceIconImage {
    display: none !important;
}

.MTMainWindow .MenuControl > .menuPanel > .panel > .DefaultGroup > .ModulItemControl > .ResourceIconImage {
    display: none !important;
}

.MTMainWindow .MenuControl > .menuPanel > .panel > .BasedataGroup > .ModulItemControl {
    height: auto;
    padding: 10px;
}

.MTMainWindow .MenuControl > .menuPanel > .panel > .PersonGroup > .ModulItemControl {
    height: auto;
    padding: 10px;
}

.MTMainWindow .MenuControl > .menuPanel > .panel > .GameOperationGroup > .ModulItemControl {
    height: auto;
    padding: 10px;
}

.MTMainWindow .MenuControl > .menuPanel > .panel > .AccountingGroup > .ModulItemControl {
    height: auto;
    padding: 10px;
}

.MTMainWindow .MenuControl > .menuPanel > .panel > .ReportingGroup > .ModulItemControl {
    height: auto;
    padding: 10px;
}

.MTMainWindow .MenuControl > .menuPanel > .panel > .AdministrationGroup > .ModulItemControl {
    height: auto;
    padding: 10px;
}

.MTMainWindow .MenuControl > .menuPanel > .panel > .DefaultGroup > .ModulItemControl {
    height: auto;
    padding: 10px;
    background: #c0c0c0;
    margin-top: 5px;
}

.MTMainWindow .MenuControl > .menuClosePanel {
    position: absolute;
    left: 245px;
    top: 0px;
    bottom: 0px;
    width: 10000px;
    z-index: 1000;
}

.MTMainWindow .MenuControl > .menuCanvas.opened {
    transform: rotate(90deg);
    animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-name: aniShowMenuPanel;
    -o-animation-name: aniShowMenuPanel;
    -ms-animation-name: aniShowMenuPanel;
    -moz-animation-name: aniShowMenuPanel;
    -webkit-animation-name: aniShowMenuPanel;
}

.MTMainWindow .MenuControl > .menuPanel {
    /*justify-content: space-around; WIRD VLL NOCH GEBRAUCHT */
}

.ModulItemControl {
    height: 95px;
    width: 180px;
    border-radius:10px;
    border: none;
    background: rgb(140, 140, 140);
    cursor: pointer;
    color: white;
    margin: 0 10px 10px;
    word-wrap: break-word;
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 3px;
    float: left;
    text-align: center;
}

.menuPanel .ModulItemControl {
    width:210px;
}

    .ModulItemControl.emptyModul {
        display: none;
    }

.BasedataGroup > .ModulItemControl {
    background: rgb(69, 112, 180);
}

.PersonGroup > .ModulItemControl{
    background: rgb(162, 192, 55);
}

.GameOperationGroup > .ModulItemControl{
    background: rgb(231, 177, 66);
}

.AccountingGroup > .ModulItemControl{
    background: rgb(203, 79, 36);
}

.ReportingGroup > .ModulItemControl {
    background: rgb(86, 160, 153);
}

.AdministrationGroup > .ModulItemControl{
    background: rgb(139, 31, 90);
}


.MTMainWindow .ClubMenuPanel .ModulItemControl,
.MTMainWindow .FederationMenuPanel .ModulItemControl {
    margin-left: 5px;
}

    .MTMainWindow .MenuControl > .menuPanel > .ModulItemControl > p.textBlock,
    .MTMainWindow .ClubMenuPanel .ModulItemControl > p.textBlock,
    .MTMainWindow .FederationMenuPanel .ModulItemControl > p.textBlock {
        /*word-break: break-all;        */
        font-size: 13px;
    }


.ModulItemControl:hover {
    background: rgb(165, 165, 165) !important;
    /*border: 1px solid rgb(165, 165, 165) !important;*/
}
/*
.ModulItemControl:nth-child(8n+1) {
    background: #018bd2;
    border: 1px solid #018bd2;
}

.ModulItemControl:nth-child(8n+2) {
    background: #633dbd;
    border: 1px solid #633dbd;
}

.ModulItemControl:nth-child(8n+3) {
    background: #0095a9;
    border: 1px solid #0095a9;
}

.ModulItemControl:nth-child(8n+4) {
    background: 
    ;
    border: 1px solid #e42413;
}

.ModulItemControl:nth-child(8n+5) {
    background: #00a102;
    border: 1px solid #00a102;
}

.ModulItemControl:nth-child(8n+6) {
    background: #da542d;
    border: 1px solid #da542d;
}

.ModulItemControl:nth-child(8n+7) {
    background: #01bff2;
    border: 1px solid #01bff2;
}

.ModulItemControl:nth-child(8n+8) {
    background: #f99334;
    border: 1px solid #f99334;
} */

@keyframes aniShowMenuPanel {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(90deg);
    }
}

@-moz-keyframes aniShowMenuPanel {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(90deg);
    }
}

@-webkit-keyframes aniShowMenuPanel {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(90deg);
    }
}

@-ms-keyframes aniShowMenuPanel {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(90deg);
    }
}

@-o-keyframes aniShowMenuPanel {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(90deg);
    }
}

@keyframes aniHideMenuPanel {
    from {
        transform: rotate(90deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@-moz-keyframes aniHideMenuPanel {
    from {
        transform: rotate(90deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes aniHideMenuPanel {
    from {
        transform: rotate(90deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@-ms-keyframes aniHideMenuPanel {
    from {
        transform: rotate(90deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@-o-keyframes aniHideMenuPanel {
    from {
        transform: rotate(90deg);
    }

    to {
        transform: rotate(0deg);
    }
}


.FieldDefDialog > .stackPanel {
    margin-bottom: 10px;
}

    .FieldDefDialog > .stackPanel > .textBlock {
        align-self: center;
        width: 100px;
    }

    .FieldDefDialog > .stackPanel > .stackPanel > .textBlock {
        align-self: center;
        width: 100px;
    }

    .FieldDefDialog > .stackPanel > :last-child {
        width: 250px;
    }

    .FieldDefDialog > .stackPanel > .combobox {
        width: 248px;
    }

.BaseTreeView .TreeViewList .ColumnHeaderControl .ColumnRowControl .tvc {
    border: 1px solid #ddd;
    /* padding: 8px; */
}

.BaseTreeView .TreeViewList .ColumnHeaderControl .tvc {
    /*padding-top: 12px;
        padding-bottom: 12px;*/
    text-align: left;
    /*background-color: #4CAF50;*/
    height: 30px;
}

.MemberManagement > .stackPanel,
.ClubManagement > .stackPanel {
    margin-bottom: 10px;
}

    .MemberManagement > .stackPanel > .stackPanel > .stackPanel > .textBlock,
    .MemberManagement .BaseFormatPanel .mmdContactStack .textBlock,
    .MemberManagementDetail > .stackPanel > .stackPanel > .textBlock,
    .ClubManagement > .stackPanel > .stackPanel > .textBlock,
    .Addressformular, .Accountformular {
        align-self: center;
        width: 200px;
        text-align: right;
        margin-right: 10px;
    }

.ManagementControl .HockeyClubMemberManagementControl, .HockeyFederationMemberManagementControl, .HockeyClubManagementControl, .HockeyLeagueManagementControl, .HockeyFederationManagementControl, .HockeySeasonManagementControl, .HockeyRosterManagementControl, .HockeyCoachManagementControl, .HockeyRefereeManagementControl, .HockeyEventManagementControl {
    height: 100%;
}

.ContactStack > .panel > .bacNameTB {
    display:none;
}

.AddressformularBorder,
.AccountformularBorder {
   /* border-left: 1px solid #ddd;
    background: rgb(232, 232, 232);*/
}

    .AddressformularBorder > .stackPanel > .tbWrap,
    .AccountformularBorder > .stackPanel > .tbWrap {
        flex: 1 1 auto;
    }

.imagePlace {
    height: 150px;
    width: 150px;
    /*border: 1px solid #ddd;*/
}

.MemberManagement .BaseFormatPanel .resetBTN,
.ClubManagement .BaseFormatPanel .resetBTN,
.FederationsManagement .BaseFormatPanel .resetBTN {
    display: none;
}

.bacNameTB {
    display: block;
    min-width: 200px;
    max-width: 200px;
}

.MSSInputControl {
    width: 250px;
}

.OverviewStack .MSSInputControl {
    width: 130px;
}

.FieldDefDialogAddBox {
    float: left;
    display: block;
    width: 100%;
}

.DialoButtonName {
    opacity: 0;
    position: relative;
    z-index: 9999;
    transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    font-size: 20px;
    font-weight: 900;
}

.DialogImageButton {
    width: 150px !important;
    height: 150px;
    position: relative;
    opacity: 0.0;
    z-index: 9999;
    transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    margin-top: -150px;
}

.DialogImageButtonTop {
    height: 75px;
}

.DialogImageButtonBottom {
    height: 75px;
    margin-top: -75px;
}

.DialogImageButton:not(.disabled):hover {
    opacity: 0.7;
    color: Black;
    font-weight: 900;
    z-index: 9999;
    font-size: 18px;
}

    .DialogImageButton:not(.disabled):hover .DialoButtonName {
        opacity: 1;
        z-index: 99999;
        position: relative;
    }

.DialogImageContainer {
    width: 150px;
    height: 150px;
    position: relative;
    object-fit: contain;
}

.MainContent {
    background: #333;
}

body {
    font-family: GamePitchFont, 'Segoe UI', Arial, sans-serif, Verdana, Helvetica !important; /*All Texts*/
    border-color: rgb(169,169,169) !important; /*All Borders*/
    color: white !important; /*All Text colors*/
}

.MenuControl .tabPageControl {
    height: 52px;
}

.TreeViewList .cell .gridLinesVisible {
    color: white;
}
/*
@font-face {
    font-family: 'GamePitchFont';
    src: url('http://fonts.googleapis.com/css?family=Fira+Sans') format('truetype');
}
*/


.SwitchTypeButton {
    margin: 2px;
    min-width: 50px;
    color: black;
}

.MarginTop51 {
    margin-top: 51px !important;
}

.UploadControl .header {
    background: none;
    border-bottom: none;
    color: white;
    text-align: left;
    margin-bottom: 4px;
}

.UploadControl .button {
    border: 1px solid;
    border-color: #018bd3;
    background: #018bd3;
}

    .UploadControl .button:hover {
        background: rgb(71,188,236);
    }

.openFileDialog > .textBlock {
    align-self: none;
}

.LDLoginStack {
    padding: 0px;
}

    .LDLoginStack .LDLoginText {
        color: white !important;
        background: #1a1a1a;
        width: 93%;
        text-align: center;
        font-size: 22px !important;
        font-weight: 600 !important;
    }

    .LDLoginStack > .LDLoginBox {
        background: #ccc !important;
    }

.BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .LDButtonBorder {
    background: #b3b3b3 !important;
}

.MSSLabel {
    color: #8c8c8c;
    margin-top: 10px;
    margin-left: 14px;
    margin-bottom: 10px;
    font-weight: 600;
}

.LoginLabelHelpText {
    color: #8c8c8c;
    margin-left: 14px;
    margin-bottom: 10px;
    margin-right: 14px;
    font-size: 14px;
}

.CTBRealText {
    background-color: white !important;
}

.BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .tbWaterM, .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .CheckupTextBox {
    margin-top: 0px !important;
}

    .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .tbWaterM input, .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .CheckupTextBox .CTBRealText input {
        background: white !important;
    }

.listBoxMessages, .defaultMessagePanel textarea {
    color: #666;
}

.messageCenterDialog .stackPanelFilter {
    height: auto;
}

.StackPanelFilterAllClear .textBlock {
    margin-right: 10px;
    margin-bottom: 5px;
}

.messageCenterDialog .comboBoxMessageType .textbox {
    font-size: 16px;
    font-family: 'Segoe UI Light';
    font-weight: 600;
    margin-right: 15px;
}

.stackPanelFilter .partialTextSelection {
    margin-right: 15px;
}

.settingsCreatorPanelHeader, .settingsCreatorPanelDescription {
    font-weight: 600;
}

.settingsCreatorPanelHeader {
    margin-top: 20px !important;
}

.MssTreeViewHeader {
    margin: 0px;
}

    .MssTreeViewHeader .border {
        border: none;
    }

    .MssTreeViewHeader .textBlock {
        font-size: 16px;
        font-weight: 600;
        padding: 10px;
        background: #e42413;
        background: #e42413;
        margin-top: 2px;
    }

.MssButtonBar {
    padding: 10px;
    background: black;
    margin-top: 0px !important;
}

.MSSTreeView {
    border: 10px solid #808080;
}

    .MSSTreeView .ColumnHeaderControl {
        background-color: #808080;
    }

    .MSSTreeView .TreeViewList .IndicatorCell, .MSSTreeView .TreeViewList .ColumnHeaderControl .tvc:first-child, .MSSTreeView .TreeViewList .ColumnHeaderControl .tvc, .MSSTreeView .TreeViewList .ColumnHeaderControl .resizer, .TreeViewList .ColumnHeaderControl .resizer:before {
        border-color: #808080;
        background-color: #808080;
    }

    .MSSTreeView .TreeViewList .ColumnHeaderControl .tvc {
        color: white;
        background: #808080 !important;
        flex-wrap: nowrap;
    }

        .MSSTreeView .TreeViewList .ColumnHeaderControl .tvc > .TextGrid {
            height: 100%;
        }

    .MSSTreeView .cell {
        background-color: white;
        border-bottom: 1px solid #f2f2f2;
    }

        .MSSTreeView .cell div {
            color: black !important;
            font-weight: 400;
        }

    .MSSTreeView .gridLinesVisible {
        border: none;
        border-bottom: #f2f2f2;
    }

    .MSSTreeView .TreeViewList .FirstCell {
        min-width: 10px;
    }

    .MSSTreeView .ColumnHeaderControl .ribbonDropDownButton {
        margin-right: 15px;
    }

.ribbonDropDownButton span.arrow:after {
    content: "";
    background-position: 0px 9px;
    background-image: url(../../../Resources/Png_1f32b229-b02d-4aa1-b78c-c1f5c9633a6a_GP_ArrowDown$16x16.png) !important;
    height: 7px;
    width: 16px;
    position: absolute;
}

.BlackColor {
    color: black;
}

.toggleswitch {
    position: relative;
    display: block;
    width: 40px;
    height: 22px;
}

    .toggleswitch input {
        display: none;
    }

.toggleslider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 22px;
}

    .toggleslider:before {
        position: absolute;
        content: "";
        height: 14px;
        width: 14px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 50%;
    }

.toggleswitch input:checked + .toggleslider {
    background-color: #2196F3;
}

.toggleswitch input:focus + .toggleslider {
    box-shadow: 0 0 1px #2196F3;
}

.toggleswitch input:checked + .toggleslider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}

.toggleHeader {
    align-self: center;
    margin-right: 5px;
}

.SearchModuleResultDisplayItem {
    color: black;
}

.SearchModuleResultDisplayItem > .textBlock {
    white-space: pre-wrap;
} 

.SearchResultImage {
    height: 32px;
    width: 32px;
}

.DivisionFunctionsTree {
    height: 200px;
    margin-top: 10px;
}

.Top10 {
    margin-top: 10px;
}

.ShortTree {
    height: 100px;
}

.DivisionFunctionsButton {
    width: 23px;
    height: 23px;
    margin-bottom: 10px;
    padding: 2px;
}


.BillDialogTextBox {
    width: 250px;
    margin-top: 4px;
}

.SubHeader > .textBlock {
    font-size: 100%;
}

.FeeTree {
    max-height: 250px;
}

.smallTextBox {
    min-width: 60px;
    max-width: 60px;
}

.verysmallTextBox {
    min-width: 10px !important;
    max-width: 10px !important;
}

.smallMarginRight{
    margin-right: 5px;
}

/* Custom Styles */

/*,
.MSSDialog.DynamicFormDialog .BaseAttributeControl p.bacNameTB*/

/*.MSSDialog.DynamicFormDialog .BaseAttributeControl p.textBlock.bacNameTB.MSSStackPanel,*/
.FederationsManagement.MSSAlignSelfStart p.textBlock.bacNameTB.MSSStackPanel,
.baseDialogContentStack  p.textBlock.bacNameTB.MSSStackPanel {
    background: rgba(203,79,36,1);
    margin: 20px 0 0 0;
    width: 100%;
    max-width: none;
    text-align: left;
    padding: 8px;
    font-size:1.2em;
}

    
.MSSFlexFlowColWrap .MSSStackPanel p.textBlock.bacNameTB,
label.Label.Addressformular,
label.Label.Accountformular {
    width: 250px;
}



.MSSDialog.DynamicFormDialog .BaseAttributeControl .IPrimitiveTypeControl p.textBlock.bacNameTB.MSSStackPanel,
.MSSDialog.DynamicFormDialog.RosterManagementService p.textBlock.bacNameTB.MSSStackPanel,
.MSSDialog.DynamicFormDialog .BaseAttributeControl div p.textBlock.bacNameTB.MSSStackPanel,
.baseDialogContentStack div.IPrimitiveTypeControl p.textBlock.bacNameTB.MSSStackPanel  {
    background: none;
    max-width: 300px;
    text-align: right;
    min-width: 300px;
    padding: 0 10px;
    margin: 0;
}

.MemberManagement.MSSDialog .BaseAttributeControl p.textBlock.bacNameTB.MSSStackPanel {
    background: none;
    max-width: 220px;
    text-align: right;
    min-width: 200px;
    padding: 0 10px 0 0;
    margin: 0;
    width: auto;
}

.MSSDialog.DynamicFormDialog p.textBlock.bacNameTB.MSSStackPanel {
    background: none;
    max-width: 280px;
    text-align: right;
    min-width: 250px;
    padding: 0 10px 0 0;
    margin: 0;
    width: auto;
}
 

.LeagueManagement .MSSStackPanel p.textBlock,
.baseDialogContentStack .LeagueManagement .BaseAttributeControl p.textBlock,
.MSSFlexFlowColWrap .LeagueManagement .MSSStackPanel p.textBlock.bacNameTB,
.IceHockeySeasonLeagueSettingsTreeLogic .MSSStackPanel p.textBlock,
.baseDialogContentStack .IceHockeySeasonLeagueSettingsTreeLogic .BaseAttributeControl p.textBlock,
.MSSFlexFlowColWrap .IceHockeySeasonLeagueSettingsTreeLogic .MSSStackPanel p.textBlock.bacNameTB,
.ClubManagement .MSSStackPanel p.textBlock,
.baseDialogContentStack .ClubManagement .BaseAttributeControl p.textBlock,
.MSSFlexFlowColWrap .ClubManagement .MSSStackPanel p.textBlock.bacNameTB {
    background: none;
    max-width: 250px;
    text-align: right;
    width: 250px;
    padding: 0 10px 0 0;
    margin: 0;
}

.Referee .leftStackPanel .functionStack .functionLeftStack, 
.Referee .leftStackPanel .functionStack .functionRightStack {
    width:47%;
}

.Referee .leftStackPanel .functionStack .functionRightStack {
    margin-left:6%;
}

.Player > .MSSTabControl{
    width: 70%;
}

.longTextBox {
    width: 700px;
}

.MemberManagementTabContent .leftStackPanel .TreeViewList .cell {
    font-size:15px !important;
}

.MemberManagementTabContent .leftStackPanel button {
    font-size:1.4rem !important;

}

.TabableContent input:focus,
.TabableContent > .cbShowField:focus {
     /* border: 2px solid #1d5cf0; */
    background: #ffe;
    border: 1px solid #29B0D9;
}


.TreeHeaderLabel {
    margin-left: 60px;
    margin-right: 5px;
    font-size: 20px;
}
/*Block=10,BlockOrderID=12002*/

.ClubTransfersMenuPanel > .stackPanel > .button {
    color: black;
    border-color: #CCFFFF;
    background: #3399FF;
}

.FieldDefMenuPanel {
    color: black;
}

    .FieldDefMenuPanel > .ul, .listBox, .ColumnHeaderControl {
        background: lightgray;
    }

.MSSNoMargin, .MSSNoMargin .textBlock {
    margin: 0;
}

.MSSHeaderButtonBorder {
    padding: 2px;
    background: #bd1e4a;
}

.MssTreeViewHeader .textBlock {
    color: white;
}

    .MSSImportFileDialog .button {
        color: black;
        margin-left: 10px;
        margin-right: 10px;
    }

    .MSSImportFileDialog > .stackPanel {
        margin-top: 10px;
    }

    .MSSImportFileDialog > .stackPanel > .textBlock {
        align-self: center;
    }

.ModulOverviewPanel {
    align-content: flex-start;
}
/*Block=10,BlockOrderID=12003*/

.SelectionAndRibbonStack {
    flex-wrap: nowrap;
    max-height: fit-content;
    flex-shrink: 0;
    background: #4d4d4d;
    overflow: hidden;
}

.pitchTabControl .tabControlContent {
    width: 100%;
}

.PitchItem {
    width: 124px;
    word-wrap: break-word;
    padding: 5px 0px;
    height: 75px;
    overflow: hidden;
    transition: width 0.3s ease-in;
    -o-transition: width 0.3s ease-in;
    -ms-transition: width 0.3s ease-in;
    -moz-transition: width 0.3s ease-in;
    -webkit-transition: width 0.3s ease-in;
}

.PitchItem:hover {
    background: #333;
    color: white;
    min-height: 75px;
}

    .PitchItem img {
        width: 48px;
        height: 48px;
        margin: auto;
        align-self: center;
        object-fit: contain;
    }

    .PitchItem .ResourceIconImage {
        margin: auto;
    }

    .PitchItem .textBlock {
        margin: auto;
        min-height: fit-content;
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 114px;
        padding: 0px 5px;
        line-height: 1.4;
    }

.SelectionStack, .SelectionAndRibbonStack .tabBar, .SelectionStack .tabPageControl, .SelectionStack .tabBarContentStack {
    background: #4d4d4d;
    color: white;
}

.SelectionAndRibbonStack .MTRibbonBorder {
    height: 104px;
}

.SelectionStack > .panel {
    overflow: auto;
}

/*.SelectionStack .tabPageControl .selected {
    background: #4d4d4d;
}*/

.SelectionStack .tabPageControl {
    background: #333;
    font-size:15px; padding:5px 0;
}

.SelectionStack .tabPageControl:nth-child(2n+1),
.SelectionStack .tabPageControl:nth-child(2n+1) .tabPage.selected {
    background: rgb(139,31,90);
}

.SelectionStack .tabPageControl:nth-child(2n+2),
.SelectionStack .tabPageControl:nth-child(2n+2) .tabPage.selected {
    background: rgb(203,79,36);
}

.SelectionStack .PitchTab {
    /*/background: #4d4d4d;*/
    flex-wrap: nowrap;
}

.SelectionStack .PitchTab .PitchItem.pitchItemSelected {
    color: white;
    background: #333;
    min-height: 75px;
}

.SelectionStack.anyPitchItemSelected:not(:hover) .PitchTab .PitchItem:not(.pitchItemSelected) {
    width: 0px;
}

.SelectionStack.anyPitchItemSelected:not(:hover) .tabBar .tabPage:not(.selected) {
    display: none;
}

.ContentMainPage {
    padding: 50px 0px 0px 60px;
    overflow: auto;
}
.ContentMainPage .Header {
    font-family: "Segoe UI light";
    font-size: 36px;
    color: gray;
    text-align: left;
}
.ContentMainPage .subHeader {
    font-family: "Segoe UI light";
    font-size: 26px;
    color: gray;
    text-align: left;
    margin-left: 15px;
}
.ContentMainPage .Text {
    font-size: 16px;
    margin-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.ContentMainPage .Text:after {
    display:inline-block;
    width:100%;
    height:10px;
}

.ContentMainPageBeforLogin {
    padding: 50px 60px 50px 60px;
    overflow: auto;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid white;
}

.ContentMainPageBeforLogin .Header {
    font-family: "Segoe UI light";
    font-size: 36px;
    color: gray;
    text-align: left;
}

.ContentMainPageBeforLogin .subHeader {
    font-family: "Segoe UI light";
    font-size: 26px;
    color: gray;
    text-align: left;
    margin-left: 15px;
}

.ContentMainPageBeforLogin .Text {
    font-size: 16px;
    margin-left: 30px;
    padding-top: 5px;
    color: black;
    padding-bottom: 5px;
}

.ContentMainPageBeforLogin .Text:after {
    display: inline-block;
    width: 100%;
    height: 10px;
}
.LDLoginStack {
    height: auto;
}
.BLCContent {
    flex: 1 1 auto;
    height: 100%;
    width: 100%;
}
.LDContentStack {
    flex: 1 1 auto;
    width: 100%;
}
.BFLInfoStack {
    width: 100%;
}

.AddImageContainer {
    margin-top:0px !important;
}
.AddImageContainer .imagePlace {
    margin-top: 0px !important;
}

.MemberManagement {
    flex-direction:row !important;
}
.MemberManagement .HeaderStack, .MemberManagement .BaseFormatPanel {
    width: 100%;
}
.tabPage.selected, .tabPage {
    border: none;
}
.tabPage:not(.selected):hover {
    background: none; /*#333*/
    color: white;
}
.tabPage:not(.selected):hover .textBlock {
    color: white;
}

.ribbonControl:not(.disabled):not(.noRibbonHover):hover{
    background:#333 !important;
}
.ribbonTabGroup:after{
    border:none !important;
}
/*Block=10,BlockOrderID=12004*/

.AgeGroupManagementDialog > .button {
    margin-bottom: 5px;
    align-self: flex-start;
}

.AgeGroupDefinitionDialog > .GetTextAndFwElement, .AgeGroupDefinitionDialog > .ageGroupStack {
    margin-top: 5px;
}

    .AgeGroupDefinitionDialog > .GetTextAndFwElement > .textBlock,
    .AgeGroupDefinitionDialog > .ageGroupStack > .textBlock.ageGroupStackHeader {
        width: 130px;
        text-align: left;
    }

    .AgeGroupDefinitionDialog > .ageGroupStack > .textBlock {
        width: 30px;
        text-align: left;
        align-self: center;
    }

    .AgeGroupDefinitionDialog > .ageGroupStack > .numfield {
        width: 50px;
        margin-right: 10px;
    }

.GameRulesetDefinitionDialog .textBlock, .PenaltyRulesetDefinitionDialog .textBlock, .TableRulesetDefinitionDialog .textBlock, .EncounterRulesetDefinitionDialog .textBlock {
    display: block;
    min-width: 200px;
    max-width: 250px;
}

.GameRulesetDefinitionDialog .textBlock, .PenaltyRulesetDefinitionDialog .textBlock, .TableRulesetDefinitionDialog .textBlock, .EncounterRulesetDefinitionDialog .textBlock {
    min-height: 22px !important;
}

.numfield {
    /* min-width: 230px !important;*/
    background: white !important;
}

.MSSDialog .textBlock {
   /* min-height: 22px !important;*/
    display: block;
    max-width: 250px;
    min-width: 200px;
}

.MSSDialog .tbWrap {
    border-bottom: 1px solid gray;
    border-left: none;
    border-right: none;
    border-top: none;
    font-size:12pt;
    color: black;
}

.MSSDialog .GetTextAndFwElement, .MSSDialog .stackPanel .upPnl, .MSSDialog .stackPanel .downPnl, .MSSDialog .ageGroupStack .stackPanel, .kwStack, .BaseAttributeControl, .mmdContactStack .BaseFormatPanel {
    margin-top: 0px;
}

.MSSDialog .MSSStackPanel {
    margin-top: 10px;
}

.kwStack .textBlock {
    /*min-height: 0px !important;*/
}

.kwStack .textBlock {
    min-width: 0px ;
}

.MSSDialog .imagePlace button {
    width: 100%;
    background: white;
}

.FormMappingDialog {
    overflow: hidden;
    flex-wrap: nowrap;
}

    .FormMappingDialog > .stackPanel {
        flex: 1 1 50%;
        overflow: hidden;
        flex-wrap: nowrap;
    }

        .FormMappingDialog > .stackPanel > * {
            margin-left: 2px;
            margin-right: 2px;
        }

            .FormMappingDialog > .stackPanel > *:not(.fmdPageStack):not(.listbox) {
                flex-shrink: 0;
            }

    .FormMappingDialog .fmdPageStack {
        overflow: auto;
    }

        .FormMappingDialog .fmdPageStack > img {
            zoom: 0.4;
            align-self: flex-start;
        }

    .FormMappingDialog .defaultGroupHeader {
        flex-shrink: 0;
    }

    .FormMappingDialog .GetTextAndFwElement .textBlock:not(.fmdPdfName) {
        width: 100px;
        text-align: left;
        flex-shrink: 0;
    }

    .FormMappingDialog .fmdPdfName {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 1.5;
    }

    .FormMappingDialog .ribbonDropDownButton {
        height: 20px;
        border: 1px solid gray;
    }

    .FormMappingDialog > .loadingPanel {
        background: white;
    }

    .FormMappingDialog .fmdClearButton {
        height: 22px;
        width: 22px;
        margin-left: 4px;
        padding: 0px;
    }

    .FormMappingDialog .fmdClearButton > .ResourceIconImage {
        margin: auto;
    }

.fmdDBTree {
    width: 300px;
    height: 300px;
}

.MinutesSelectionControlButton {
    height: 22px;
    width: 22px;
}

.GameRulesetNumeric {
    margin-right: 10px;
}

.StackNoTopMargin {
    margin-top: 0px !important;
}

.baseDialogContentStack {
    background: #333;
}
.baseDialogContentStack .dragThumb, .baseDialogMinimizeBorder2 {
    background: #1a1a1a;
}
.baseDialogContentStack .baseDialogHeader {
    color: white;
    margin: 10px 20px 10px 0px;
}
.cbLayer li{
    color: black;
}
.DatePicker {
    /*flex: auto;
    height: 22px;
    margin-top: 0px !important;*/
}
.DatePicker .kwStack {
    margin-top: 0px;
    margin-left: 10px;
}
.DatePicker .kwStack p {
    text-align: right;
}
.DatePicker .ribbonDropDownButton .stackPanel{
    margin-top: 0px;
}
.TreviewHeaderButton {
    margin-top: 10px;
    color: black;
    margin-bottom: 10px;
}
.MinutesSelectionControlButton{
    color: black;
}
.TranslationTextBox  button{
    color:black;
}
.FromToStackMale .textBlock, .FromToStackFemale .textBlock {
    min-width: 0px;
    max-width: none;
}
.FromToStackMale .FromTB, .FromToStackFemale .FromTB {
    margin-right: 5px;
}
.FromToStackMale .ToTB, .FromToStackFemale .ToTB {
    margin-left: 5px;
    margin-right: 5px;
}

.DocumentAttributeTypeControl .stackPanel {
    margin: 0px;
}

.DocumentAttributeTypeControl .datcAddButton {
    align-self: flex-start;
}

.DocumentAttributeTypeControl .button {
    width: 22px;
    height: 22px;
    padding: 0px;
}

    .DocumentAttributeTypeControl .button > .ResourceIconImage {
        margin: auto;
    }

.DocumentAttributeTypeControl .DocumentItemControl {
    margin-bottom: 5px;
}

.DocumentAttributeTypeControl .DocumentItemCaption {
align-self: center;
}

.DocumentAttributeTypeControl .DocumentItemControl > .button {
    margin-left: 4px;
    color: black;
}
.MSSTabControl {
    background: #333;
     /* border: 6px solid #4D4D4D; */
    padding-bottom: 20px;
    /* margin-top:10px; */
    flex-wrap: nowrap;
}
.MSSTabControl .tabBar{
    background:#777777;
}
.MSSTabControl .tabPageControl{
    /*border-bottom: 1px solid #f3f3f3;*/
}
.MSSTabControl .tabPage {
    padding:3px 0;
}
.MSSTabControl .tabPage.selected {
    background-color: #999;
    /*padding:3px;*/
}

.MSSTabControl > .panel {
    overflow: auto;
}

.GroupConfigDialog .listbox {
    width: 150px;
}

.GroupConfigDialog .gcdButtonStack {
    justify-content: flex-end;
}

.GroupConfigDialog .GroupConfigPanel > .GetTextAndFwElement > .textBlock {
    width: 100px;
}
.BaseAttributeControl, .MSSDialogFullWidth {
    width: 100%;
}
.MSSDialogVertical {
    flex-direction: column !important;
}

.MSSDialogHorizontal {
    flex-direction: row !important;
}
/*ScrollBar Start*/
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #e6e6e6;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #b3b3b3;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #b3b3b3;
    }

::-webkit-scrollbar-button {
    background: #e6e6e6;
    height:5px;
}
/*ScrollBar End*/

.MSSTab{

}
.MSSExpander .expControlExpander {
    margin-top: -2px;
    margin-right: 10px;
}
.MSSExpander .defaultGroupHeader{
    margin-top:initial;
}

.MSSDialog .bacNameTB {
    text-align: right;
    margin-right: 10px;
    align-self: center;
}

.MSSDialog .MSSTabControl .BaseAttributeControl .AddressformularBorder .stackPanel, .MSSDialog .MSSTabControl .BaseAttributeControl .AccountformularBorder .stackPanel {
    margin-right: 15px;
}

.MSSFlexFlowColWrap {
    flex-flow: column wrap !important;
}
.MSSFlexFlowRowWrap {
    flex-flow: row wrap !important;
}
.MSSAlignSelfStart {
    align-self: start;
}

.MemberManagement .MemberManagementTabContent .MemberManagementTabControl {
    padding-bottom: 0px;
}

.MemberManagement .MemberManagementTabContent .MemberManagementTabControl .ListTypeControl > .bacNameTB {
    display: none;
}

.MSSDocumentChooser > .BaseTreeView {
    background: white;
    margin-top: 10px;
}

.MSSDocumentListChooser > .listbox {
    margin-top: 10px;
}

.SeasonalAgeGroupsDialog > .textBlock {
    margin-bottom: 4px;
}

.SeasonLeagueDialog .BaseTreeView {
    height: 90px;
}

.SeasonLeagueDialog .sldAddButton {
    height: 22px;
    width: 22px;
    padding: 0px;
    align-self: flex-start;
    margin-top: 4px;
}

    .SeasonLeagueDialog .sldAddButton > .ResourceIconImage {
        margin: auto;
    }

.ClubStatisticsDialog > * {
    flex-shrink: 0;
}

.ClubStatisticsDialog .clubStatButStack {
    justify-content: flex-end;
}

.ClubStatisticsDialog .clubStatButStack > .button{
    margin: 4px 0px 4px 4px;
    color: black;
}

.ClubStatisticsDialog .BaseTreeView {
    min-height: 200px;
}

.ClubStatisticsDialog .ClubStatisticsControl {
    flex-shrink: 0;
}

.SelectedCBXItemListBox {
    color: black;
}

.panel.flexBox.stackPanel.hor.MSSDialog.MSSAlignSelfStart.ContactStackTop {
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    margin: 20px 0 0;
    padding: 10px 0 20px 0;
}

.panel.flexBox.stackPanel.hor.MSSDialog.MSSAlignSelfStart.ContactAddressStack .panel label {
    width: 200px;
}

.panel.flexBox.stackPanel.hor.MSSDialog.MSSAlignSelfStart.ContactAddressStack .tbWrap {
    margin-right:35px;
}

.panel.flexBox.stackPanel.hor.MSSDialog.MSSAlignSelfStart.ContactAddressStack .tbWrap input {
    width: 250px;
}

.ContactStack .panel.flexBox.stackPanel.hor.MSSDialog.MSSAlignSelfStart.ContactAddressStack p.textBlock.bacNameTB.MSSStackPanel {
    display: none;
}

.panel.flexBox.stackPanel.hor.MSSDialog.MSSAlignSelfStart.PersonDetailStack {
    width: 100%; 
    position:relative;
}

.StackPanelImage {
    position: absolute; 
    right:0;
    width: 28.5%;
    top: 10px;
}

.OverviewStackPlaceHolder, .OverviewStackCopy {
    margin-left: 20px;
}

.OverviewStackPlaceHolder .panel.StackPanelOverviewPlayer:before,
.OverviewStackCopy .panel.StackPanelOverviewPlayer:before {
    content: 'Spielerdetails';
}

.OverviewStackPlaceHolder .panel.StackPanelOverviewReferee:before,
.OverviewStackCopy .panel.StackPanelOverviewReferee:before {
    content: 'Schiedsrichterdetails';
}

.OverviewStackPlaceHolder .panel.StackPanelOverviewCoach:before,
.OverviewStackCopy .panel.StackPanelOverviewCoach:before {
    content: 'Trainerdetails';
}


.OverviewStackPlaceHolder .panel.StackPanelOverviewPlayer:before, .OverviewStackCopy .panel.StackPanelOverviewPlayer:before,
.OverviewStackPlaceHolder .panel.StackPanelOverviewReferee:before, .OverviewStackCopy .panel.StackPanelOverviewReferee:before,
.OverviewStackPlaceHolder .panel.StackPanelOverviewCoach:before, .OverviewStackCopy .panel.StackPanelOverviewCoach:before {
    display: block;
    background: rgba(162,192,55,1);
    width: 100%;
    padding: 7px 10px;
    margin-top: 10px;
    color:#333;
    font-weight: bold;
}

.MSSDialogFullWidth {
        padding-top:20px;
}

.StackPanelPerson, .MSSDialogFullWidth {
    position: relative;
}

@media only screen and (min-width:1680px) {
    .OverviewStackPlaceHolder,
    .panel.flexBox.stackPanel.ver.rightStackPanel {
        position: absolute;
        right: 30px;
        /* max-width: 460px; */
        width: 25%;
    }

    .MemberManagementTabContent .leftStackPanel { width:70%; }
}

.StackPanelPerson .leftStackPanel  { display:none; }

.StackPanelOverviewCoach p,
.StackPanelOverviewReferee p,
.StackPanelOverviewPlayer p {
    background: #444;
    padding: 5px;
}

.StackPanelOverviewPlayer .tbWrap.disabled input.textbox.flex1auto.stretch.order0.minwidth0,
.StackPanelOverviewPlayer .tbWrap.readOnly input.textbox.flex1auto.stretch.order0.minwidth0 {
    color:#fff !important;
}

.StackPanelOverviewCoach .tbWrap.disabled,
.StackPanelOverviewReferee .tbWrap.disabled,
.StackPanelOverviewPlayer .tbWrap.disabled {
    background: #333;
    border: none;
    margin-right:0;
}

.StackPanelOverviewCoach .tbWrap.disabled input,
.StackPanelOverviewReferee .tbWrap.disabled input,
.StackPanelOverviewPlayer .tbWrap.disabled input {
    color: #fff !important;
}

.StackPanelOverviewCoach .tbWrap.disabled input, .StackPanelOverviewCoach .tbWrap.readOnly input,
.StackPanelOverviewReferee .tbWrap.disabled input, .StackPanelOverviewReferee .tbWrap.readOnly input,
.StackPanelOverviewPlayer .tbWrap.disabled input, .StackPanelOverviewPlayer .tbWrap.readOnly input {
    background:none;
}

input[type=text], input[type=password], .combobox, .listbox, textarea {
    font-size: 1em;
}

.combobox input[type=text] {
    font-size: 18px;
}

.ribbonAdvancedSearchDropDown {
    width: 250px;
    margin: 0 0 0 10px;
}

.ribbonAdvancedSearchControl {
    height:27px;
    padding-top:3px;
}

.baseDialogButtonStack .baseDialogActionButton {
    font-size:15px;
}

/* , .ListTypeControl:first-of-type */
.VerticalFunctionStack, .licenseStack, .bottomStack, .noteStack, .mainFedStack {
    border-bottom: 1px solid #444;
    margin-bottom: 10px;
    padding-bottom: 15px;
}

.bottomLeftStack > .ListTypeControl:first-of-type {
    border-bottom: 1px solid #444;
    margin-bottom: 10px;
    padding-bottom: 15px;
}

.panel.flexBox.stackPanel.ver.bottomLeftStack {
    width: 100%;
}

.panel.stackPanel.Functionary .leftStackPanel .flex1auto.MSSStackPanel {
    width: 690px;
}

.MSSDialog.DynamicFormDialog p.textBlock.bacNameTB.MSSStackPanel {
    min-width:250px;
}

.MSSDialog.DynamicFormDialog.IceHockeySeasonLeagueSettingsTreeLogic p.textBlock.bacNameTB.MSSStackPanel {
    min-width:40%;
}

.tbWrap.numfield input {
    text-align: left;
}
/*Block=10,BlockOrderID=12005*/

.MyTeamClient {
    font-size: 15px;
    text-align: left;
}

    .MyTeamClient > .toolTipContainer, .MyTeamClient > .ribbonDropDownLayer {
        color: black;
    }

    .MyTeamClient .linkText:hover {
        color: #018bd3;
    }

    .MyTeamClient .LoginDlg > .panel {
        background: rgba(0, 0, 0, .43);
        border-radius: 0px;
    }

    .MyTeamClient .LoginDlg .loginInfoPanel {
        color: white;
    }

    .MyTeamClient .LoginDlg .imgB {
        display: none;
    }

    .MyTeamClient .LoginDlg > .panel > .panel > .border {
        background-image: url(../../../Resources/morawa_digital.png);
    }

    .MyTeamClient .LoginDlg .loginBut {
        background: rgba(71,188,236,.83) !important;
        border-color: rgba(117,205,241,.83);
        border-radius: 2px;
    }

    .MyTeamClient .loadingPanel .evi {
        background: url(../../../Resources/GP_Logo.png) no-repeat center;
        background-size: auto 40px;
    }

    .MyTeamClient .loadingPanel .sk-cube-grid .sk-cube {
        background-color: white;
    }

    .MyTeamClient .listbox {
        color: black;
    }

    .BaseLoginControl, .MyTeamClient .LoginDlg {
        background: url(https://deb-online-live-bucket.s3.eu-central-1.amazonaws.com/wp-content/uploads/2023/11/27154458/gplive_back.png) no-repeat center top fixed;
        background-size: cover;
    }

        .BaseLoginControl .BLCHeader {
            padding: 0px 30px;
            background: rgba(0,0,0,.43) !important;
            height: 71px;
            position: absolute;
            width: 100%;
        }

            .BaseLoginControl .BLCHeader > img {
                width: 137px;
                align-self: center;
            }

        .BaseLoginControl.LoginDialog > .BLCContent {
            color: white;
            margin: 0;
            width: 100%;
            margin-top: 75px;
            overflow: auto;
        }

            .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack {
                padding-top: 30px;
                padding-bottom: 52px;
                margin: auto;
                justify-content: center;
            }

                .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > * {
                    padding: 0px 13px;
                }

                .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDInfoStack {
                    width: 780px;
                }

                    .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDInfoStack > img {
                        border-radius: 50% 0;
                        margin-bottom: 30px;
                        align-self: center;
                    }

                    .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDInfoStack > .LDInfoHeader {
                        font-size: 15px;
                        font-weight: 700;
                        line-height: 24px;
                        margin-bottom: 5px;
                    }

                    .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDInfoStack > .textBlock:not(.LDInfoHeader) {
                        margin-bottom: 9px;
                        line-height: 1.4;
                    }

                .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox {
                    background: rgba(255,255,255,.85);
                    width: 340px;
                    margin-bottom: 20px;
                }

                    .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .LDLoginText {
                        font-size: 16px;
                        font-weight: 300;
                        padding: 13px;
                        color: black;
                        border-bottom: 1px solid rgba(0,0,0,0.1);
                    }

                    .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .tbWaterM,
                    .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .CheckupTextBox {
                        margin: 30px 14px 0px 14px;
                    }

                        .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .tbWaterM,
                        .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .CheckupTextBox .CTBRealText {
                            height: 32px;
                            background: rgb(255,255,255);
                            border-color: rgba(255,255,255,.4);
                            color: white;
                        }

                            .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .tbWaterM input,
                            .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .CheckupTextBox .CTBRealText input {
                                background: white !important;
                            }

                    .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .textBlock:not(.LDLoginText) {
                        padding: 7px 14px 0px 14px;
                        color: #018bd3;
                    }

                    .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .textBlock.bfpwInfoText {
                        padding: 14px 14px 0px 14px;
                        color: white;
                    }

                    .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .LDButtonBorder.bfpwButtonBorder {
                        height: 20px;
                    }

                    .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .textBlock:not(.LDLoginText):hover {
                        color: rgb(71,188,236);
                    }

                    .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .LDButtonBorder {
                        padding: 5px 0px 5px 5px;
                        background: #b3b3b3;
                        justify-content: flex-end;
                        margin: 1px;
                    }

                        .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .LDButtonBorder > .button {
                            background: #018bd3;
                            border-color: #018bd3;
                            font-size: 16px;
                            font-weight: 300;
                            color: white;
                            padding: 0px 22px;
                            border-radius: 2px;
                            height: 31px;
                            align-self: flex-end;
                        }

                            .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .LDButtonBorder > .button:hover {
                                background: rgb(71,188,236);
                            }

                    .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .button {
                        background: #018bd3;
                        border-color: #018bd3;
                        font-size: 16px;
                        font-weight: 300;
                        color: white;
                        padding: 0px 22px;
                        border-radius: 2px;
                        height: 31px;
                        align-self: center;
                        margin: 20px;
                    }

                        .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .button:hover {
                            background: rgb(71,188,236);
                        }

                    .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .LDButtonBorder > .LDLoginFailed {
                        line-height: 1.4;
                        margin: 10px 0px 0px 0px;
                        background-color: rgba(194, 101, 101, 0.7);
                        padding: 7px;
                        border-left: 5px solid #953b39;
                    }

                    .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .LDButtonBorder > .LDImprintStack {
                        margin: 0px 0px 0px 0px;
                    }

                        .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .LDButtonBorder > .LDImprintStack > .textBlock {
                            line-height: 1.4;
                        }

                            .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .LDButtonBorder > .LDImprintStack > .textBlock.privacyTB {
                                width: 50%;
                                height: 20px;
                                text-align: center;
                            }

                            .BaseLoginControl.LoginDialog > .BLCContent > .LDContentStack > .LDLoginStack > .LDLoginBox > .LDButtonBorder > .LDImprintStack > .textBlock.imprintTB {
                                width: 50%;
                                text-align: center;
                            }

input {
    color: black !important;
}

/*Block=10,BlockOrderID=12006*/

.WorkflowEditDialog > .GetTextAndFwElement > .textBlock {
    margin-right: 7px;
}

.WorkflowEditDialog > .WorkflowDefinitionControl {
    border: 1px solid black;
    margin: 5px 0px;
}

.WorkflowEditDialog > .button {
    align-self: flex-end;
    color: black;
}

.SearchResultText {
    align-self: center;
    margin-left: 2px;
    font-weight: bold;
}

.SearchResultTextMainText {
    align-self: flex-start!important;
    margin-left: 2px;
    font-weight: bold;
    font-size: 1.3em;
}

.SearchResultTextSubText {
    align-self: flex-start!important;
    margin-left: 2px;
    color: #222;
    font-size: 1.15em;
}
/*Block=10,BlockOrderID=12007*/

.BaseAttributeControl.ListTypeControl .BaseTreeView {
    height: 90px;
}

.BaseAttributeControl.ListTypeControl .ltcButStack {    
    margin-top: 4px;
}

    .BaseAttributeControl.ListTypeControl .ltcButStack > .button {
        margin-right: 4px;
        color: black;
    }

.BaseAttributeControl.ListTypeControl .lctImageButton {
    height: 23px;
    width: 23px;
    padding: 0px;
}

.BaseAttributeControl.ListTypeControl .lctImageButton > .ResourceIconImage {
    margin: auto;
}

.BaseAttributeControl.TextAreaAttributeTypeControl .tbWrap {
    border-bottom-width: 0px;
    color: black;
}

.BaseAttributeControl.TextAreaAttributeTypeControl textarea {
    resize: none;
    color: black;
    height: 50px;
}
/*Block=10,BlockOrderID=12008*/

.WorkflowModulSettingDialog .ChargeFeeSettingsPanel > .GetTextAndFwElement {
    flex: 1 1 auto;
    align-self: flex-start;
}

    .WorkflowModulSettingDialog .ChargeFeeSettingsPanel > .GetTextAndFwElement > .textBlock {
        width: 55px;
    }
/*Block=10,BlockOrderID=12009*/
.ImageEditor {
    position: relative;
}

    .ImageEditor .EditorBorder {
        border: black solid 3px;
        width: 306px;
        height: 306px;
    }
    
    .ImageEditor .StyleButton {
        color: black;
        height: 23px;
        width: 100px;
        margin: 2px;
    }

.PickerDialogResultControl .pdrcButtonStack {
    justify-content: center;
    margin: 0px 5px;
}

    .PickerDialogResultControl .pdrcButtonStack > .button {
        height: 23px;
        width: 23px;
        color: black;
    }

    .PickerDialogResultControl .pdrcButtonStack > :last-child {
        margin-top: 5px;
    }

.PickerDialogResultControl .pdrcCaption {
    font-weight: bold;
}

/*Block=10,BlockOrderID=13000*/

.browserEdge .ListReportSlide .ListReportSlideContentPanel,
.browserIE .ListReportSlide .ListReportSlideContentPanel,
.browserFirefox .ListReportSlide .ListReportSlideContentPanel {
    flex-direction: column;
}

.ListReportSlide .ListReportPanel {
    margin-left: 10px;
    flex-wrap: nowrap;
    overflow: auto;
}

.ListReportSlide .ListReportLayoutPanel {
    position: relative;
    margin-bottom: 500px;
    flex: 1 0 100%;
}

.ListReportSlide .ListReportLayoutPanel > .canvas {
    position: absolute;
}


.ListReportSlide .listReportContentPanel{
	overflow: auto;
    flex: 1 1 1px;
}

.ListReportMultiPanel .multiPanelContentBorder {
    justify-content: center;
}

.ReportStructureVisualizer {
    position: relative;
    overflow: auto;
    align-self: center;
}

    .ReportStructureVisualizer > .VisualizerControl {
        position: absolute;
    }

    .ReportStructureVisualizer > .VisualizerControl > .MidleBRD {
        flex: 1 1 auto;
        border: 1px solid black;
        box-sizing: border-box;
        width: 14px;
        margin: 1px 0px;
    }

    .ReportStructureVisualizer > .VisualizerControl.selected > .MidleBRD {
        background-color: rgba(0, 25, 93, 0.2)
    }

.ContentLayoutControl {
    position: absolute;
}

    .ContentLayoutControl > .CLCContentPanel {
        position: relative;
        width: 100%;
        height: 100%;
        border: 1px solid black;
        box-sizing: border-box;
        flex-wrap: nowrap;
        flex-shrink: 0;
    }

        .ContentLayoutControl > .CLCContentPanel > .CLCHeaderArea,
        .ContentLayoutControl > .CLCContentPanel > .CLCRepeatableArea,
        .ContentLayoutControl > .CLCContentPanel > .CLCFooterArea {
            position: relative;
            flex-shrink: 0;
        }

        .ContentLayoutControl > .CLCContentPanel > .CLCHeaderArea,
        .ContentLayoutControl > .CLCContentPanel > .CLCRepeatableArea {
            border-bottom: 1px solid black;
        }

    .ContentLayoutControl.selected > .CLCContentPanel > .CLCHeaderArea,
    .ContentLayoutControl.selected > .CLCContentPanel > .CLCFooterArea {
        background-color: rgba(0, 15, 33, 0.2);
    }

    .ContentLayoutControl > .CLCContentPanel > .CLCHeaderArea:not(.expanded) > .resizer,
    .ContentLayoutControl > .CLCContentPanel > .CLCFooterArea:not(.expanded) > .resizer {
        display: none;
    }

    .ContentLayoutControl.selected > .CLCContentPanel > .CLCRepeatableArea {
        background-color: rgba(0, 25, 93, 0.2);
    }

        .ContentLayoutControl > .CLCContentPanel > .CLCDragGrid, 
        .BaseListReportItem > .BaseListReportItemContentPanel > .CLCDragGrid {
            position: absolute;
            background-color: lightgray;
            border: 1px solid black;
            width: 10px;
            height: 10px;
            left: -7.5px;
            top: -7.5px;
            box-sizing: border-box;
        }

        .ContentLayoutControl.selected > .CLCContentPanel > .CLCDragGrid,
        .BaseListReportItem.selected > .BaseListReportItemContentPanel > .CLCDragGrid,
        .ListReportLineControl.selected > .resizer {
            background-color: brown;
        }

.ContentLayoutControl .resizer:before,
.BaseListReportItem .resizer,
.BaseListReportItem .resizer:before {
    background-image: none;
}

.BaseListReportItem .resizer.e, .BaseListReportItem .resizer.w {
    width: 5px;
}

.BaseListReportItem .resizer.s, .BaseListReportItem .resizer.n {
    height: 5px;
}

    .BaseListReportItem .resizer.e:before, .BaseListReportItem .resizer.w:before,
    .BaseListReportItem .resizer.s:before, .BaseListReportItem .resizer.n:before,
    .BaseListReportItem .resizer.se, .BaseListReportItem .resizer.sw,
    .BaseListReportItem .resizer.ne, .BaseListReportItem .resizer.nw {
        width: 5px;
        height: 5px;
    }


.ReferenceComponentsControl {
    height: 70px;
    flex-shrink: 0;
}

    .ReferenceComponentsControl > .textBlock {
        margin: 7px 7px 3px 7px;
        text-align: left;
    }

    .ReferenceComponentsControl > .stackPanel {
        margin-bottom: 7px;
        border: 1px solid black;
    }

        .ReferenceComponentsControl > .stackPanel > .ListReportBaseStructureItem {
            margin: 7px;
            width: 100px;
            height: 15px;
            border: none;
            position: relative;
            align-self: center;
        }

        .ReferenceComponentsControl > .stackPanel > .ListReportBaseStructureItem .resizer {
            display: none;
        }

        .ReferenceComponentsControl > .stackPanel > .ListReportBaseStructureItem .CLCDragGrid {
            pointer-events: none;
        }

.BaseListReportItem {
    position: absolute;
    border: 1px dashed rgb(66, 116, 176);
}

    .BaseListReportItem > .BaseListReportItemContentPanel {
        position: relative;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border-style: solid;
    }

        .BaseListReportItem > .BaseListReportItemContentPanel > .tbWrap {
            position: absolute;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        .BaseListReportItem > .BaseListReportItemContentPanel > .tbWrap > textarea {
            resize: none;
        }


        .BaseListReportItem.ListReportLabelControl .textBlock{
            white-space: pre;
            overflow: hidden;
            text-overflow: ellipsis;
            align-self: center;
            line-height: normal;
            text-align: left;
        }

.BaseListReportItem.ListReportLabelControl.selected.canBeChanged .tbWrap {
    display: initial!important;
}

.ListReportLineControl {
    position: absolute;
}

.ListReportLineControl > .LRLCContentPanel {
    background-color: black;
    position: relative;
    align-self: center;
}

.ListReportLineControl.ListReportPageBreakControl > .LRLCContentPanel {
    background: repeating-linear-gradient(to right, black, black 4px, transparent 4px, transparent 8px);
}

    .ListReportLineControl > .resizer {
        background-color: lightgray;
        border: 1px solid black;
        box-sizing: border-box;
    }

    .ListReportLineControl > .resizer.e {
        right: -7.5px;
        height: 10px;
        top: -5px;
    }

    .ListReportLineControl > .resizer.w {
        left: -7.5px;
        height: 10px;
        top: -5px;
    }

    .ListReportLineControl > .resizer.n {
        top: -7.5px;
        width: 10px;
        left: -5px;
    }

    .ListReportLineControl > .resizer.s {
        bottom: -7.5px;
        width: 10px;
        left: -5px;
    }

    .ListReportLineControl:not(.horizontal) > .LRLCContentPanel > .dragThumb {
        position: absolute;
        top: 2.5px;
        bottom: 2.5px;
        width: 10px;
        left: -5px;
    }

    .ListReportLineControl.horizontal > .LRLCContentPanel > .dragThumb {
        position: absolute;
        left: 2.5px;
        right: 2.5px;
        height: 10px;
        top: -5px;
    }

    .ListReportLineControl.ListReportPageBreakControl > .LRLCContentPanel > .textBlock {
        position: absolute;
        left: 6px;
        top: -10px;
        font-size: 10px;
    }

    .ListReportLineControl:not(.horizontal) > .LRLCContentPanel {
        height: 100%;
        width: 1px;
    }

    .ListReportLineControl.horizontal > .LRLCContentPanel {
        width: 100%;
        height: 1px;
    }

    .AreaBackgroundPanel > .GetTextAndFwElement {
        margin: 3px 0px;
    }

        .AreaBackgroundPanel > .GetTextAndFwElement > .textBlock {
            width: 200px;
            text-align: left;
            margin: 2px;
        }

        .AreaBackgroundPanel > .GetTextAndFwElement > .brushPickerButton {
            width: 100px;
            height: 18px;
            border: 1px solid gray;
        }
/*Block=10,BlockOrderID=14000*/

.slidePreviewMultiPanelList{
	border-width: 0px;
}

.slidePreviewMultiPanelItem{
	margin: 10px;
	background: white!important;
	height: 100px;
}

.slidePreviewMultiPanelItem:not(.active):hover{
	background: rgba(62, 120, 179, 0.24)!important;
	border: 1px solid transparent!important;
}

.slidePreviewMultiPanelItem.active{
	background: rgba(62, 120, 179, 0.4)!important;
	border: 1px solid rgb(62, 120, 179)!important;
}

.slidePreviewMultiPanelItem p{
	margin: 3px;
	font-weight: bolder;
	text-align: center;
    overflow: hidden;
    height: 15px;
}

.browserEdge .slidePreviewMultiPanelItem p, 
.browserSafari .slidePreviewMultiPanelItem p,
.browserFirefox .slidePreviewMultiPanelItem p {
    max-width: 98%;
}

.slidePreviewMultiPanelItem>.border{
	margin: 3px 3px 3px 0px;
	border: 1px solid gray;	
    box-shadow: grey 3px 3px 10px;
	background-color: white;
}

.storyBook .transitionUpperStack {
    height: 65px;
    position: relative;
}

.storyBook .transitionUpperStack > *{
    position: absolute;
}

.storyBook .transitionArrowCanvas {
    top: 8px;
}

.storyBook .transitionArrowCanvas:last-child{
    right: 0px;
}

.storyBook .transitionTabBorder{
    left: 48px;
    right: 48px;
    align-self: center;
}
/*Block=10,BlockOrderID=15394*/
.butLink:not(.activeLinkButton):hover, .TreeViewList .CellSurface .cell > a {
    text-decoration: underline;
}

.cbShowField span.arrow, .TreeViewList .ColumnHeaderControl, .TreeViewList .CellSurface > .panel, .ribbonDropDownButton, .tooltip, .transitionContentPanel, .baseDialogResizeButtonPanel {
    position: relative;
}

.DropDownButton, .tbWrap .clear, .tbWrap.p .icon, .cbShowField, .textIconButton p, .butLink {
    cursor: pointer;
}

.CollapseableHeader {
    text-align: left;
}

.searchPanelTextBox, .textIconButton * {
    margin: 2px;
}

.scrollViewerNoBorder, .browserSafari .scrollViewerNoBorder, .combobox.cbEnum.partialText, .popupWindowContentBorder, .transitionTabBorder, .butLink {
    border: 0px;
}

.cbShowField .comboimg, input[type="radio"].rb {
    display: none;
}

.cbShowField, .tabBarContentStack, .transitionTabListItem, .messageBoxDialog {
    flex-wrap: nowrap;
}

.baseDialogResizeButtonPanel, .baseDialog, .transitionPanelContent, .tbWrap textarea {
    width: 100%;
    height: 100%;
}

.browserFirefox .tbWrap textarea {
    height: auto;
}

.textIconButton p {
    align-self: center;
}

.butLink {
    background: transparent;
    color: rgb(19,121,167);
}

.hitTestDisabled {
    pointer-events: none;
}

.CCBXItem .border {
    margin: 0px 4px;
    height: 25px;
    width: 25px;
}

.infoControl {
    background-color: #EFEFF7;
    color: #003399;
    text-align: left;
}

.SelectedCBXItemListBoxCheckBoxRight > .textBlock {
    align-self: center;
    min-width: 0px !important;
}

.deletableCBXItem.onlyMouseOver > .CCBXItem > .border > * {
    display: none;
}

.deletableCBXItem.onlyMouseOver:hover > .CCBXItem > .border > * {
    display: initial;
}

.deleteListBoxItem > .textBlock {
    align-self: center;
    text-align: left;
}

.deleteListBoxItem > .button {
    border-width: 0px;
}

.CBXImageClientItem > .stackPanel > .textBlock {
    align-self: center;
    margin-left: 7px;
}

.minwidth0 {
    min-width: 0px;
}

/*Block=10,BlockOrderID=20000*/

.WorkflowDefinitionControl {
    position: relative;
    overflow: auto;
}

    .WorkflowDefinitionControl > canvas {
        position: absolute;
        z-index: 1;
        pointer-events: none;
    }

    .WorkflowDefinitionControl > div {
        position: absolute;
    }

.WorkflowDefinitionControl .WorkflowModulControl {
    position: absolute;
}

.WorkflowDefinitionControl .WorkflowModulControl > canvas {
    position: absolute;
}

.WorkflowDefinitionControl .WorkflowModulControl > div {
    position: relative;
}

.WorkflowDefinitionControl .WorkflowModulControl .EntryPoint,
.WorkflowDefinitionControl .WorkflowModulControl .ExitPoint {
    position: absolute;
    background: gray;
    border-radius: 5px;
    height: 10px;
    width: 10px;
}

.WorkflowDefinitionControl .WorkflowModulControl .EntryPoint {
    top: -4px;
}

    .WorkflowDefinitionControl .WorkflowModulControl .ExitPoint {
        bottom: -4px;
    }

    .WorkflowDefinitionControl .WorkflowModulControl .ExitPoint.Error {
        bottom: 50%;
        margin-bottom: -5px;
    }

        .WorkflowDefinitionControl .WorkflowModulControl .EntryPoint.selected,
        .WorkflowDefinitionControl .WorkflowModulControl .ExitPoint.selected {
            background: red;
        }

.WorkflowDefinitionControl .WorkflowModulControl .wmcEditButton {
    position: absolute;
    width: 22px;
    height: 22px;
    padding: 0px;
    right: 1px;
    top: 1px;
}

    .WorkflowDefinitionControl .WorkflowModulControl .wmcEditButton > .ResourceIconImage {
        margin: auto;
    }

    .WorkflowDefinitionControl .WorkflowModulControl .wmcCaptionTB {
        align-self: center;
        text-align: center;
        color: black;
    }
/*Block=10,BlockOrderID=20001*/

.WorkflowModulSettingDialog .ConditionModulSettingsPanel > .GetTextAndFwElement > .textBlock {
    width: 100px;
    line-height: 22px;
    align-self: flex-start;
}

.WorkflowModulSettingDialog .ConditionModulSettingsPanel .DateTypeSettingsPanel > .GetTextAndFwElement,
.WorkflowModulSettingDialog .ConditionModulSettingsPanel .NumericTypeSettingsPanel > .GetTextAndFwElement,
.WorkflowModulSettingDialog .ConditionModulSettingsPanel .TextTypeSettingsPanel > .GetTextAndFwElement {
    margin-bottom: 10px;
    margin-top: 0px;
}


.WorkflowModulSettingDialog .ConditionModulSettingsPanel .BoolTypeSettingsPanel .rbWrap {
    margin-bottom: 5px;
}

.WorkflowModulSettingDialog .ConditionModulSettingsPanel .TextTypeSettingsPanel > .GetTextAndFwElement > .textBlock {
    width: 200px;
}

.WorkflowModulSettingDialog .ConditionModulSettingsPanel .DateTypeSettingsPanel > .GetTextAndFwElement > .textBlock,
.WorkflowModulSettingDialog .ConditionModulSettingsPanel .NumericTypeSettingsPanel > .GetTextAndFwElement > .textBlock {
    width: 70px;
}

.WorkflowModulSettingDialog .EnumModulSettingsPanel {
    align-self: flex-start;
}

    .WorkflowModulSettingDialog .EnumModulSettingsPanel > .GetTextAndFwElement > .textBlock {
        width: 80px;
    }

.WorkflowModulSettingDialog .ObjectAttributeModulSettingsPanel > .GetTextAndFwElement > .textBlock {
    width: 60px;
}

.tbhInOut {
    width: 100px;
    align-self: center;
}

/*Block=10,BlockOrderID=20123*/
.UserSpecificViewDialog {
    overflow: hidden;
}

    .UserSpecificViewDialog .TextBlockInfo {
        margin: 2px;
        color: blue;
    }

    .UserSpecificViewDialog .ButtonBarButton {
        margin: 2px;
        height: 23px;
        width: 23px;
        padding: 0px;
    }

        .UserSpecificViewDialog .ButtonBarButton > .ResourceIconImage {
            margin: auto;
        }

    .UserSpecificViewDialog .ConfigTextBlock {
        margin: 2px;
        text-align: center;
        align-self: center;
    }

    .UserSpecificViewDialog .ConfigTextBox {
        margin: 2px;
    }

    .UserSpecificViewDialog .StackPanelHeight30 {
        height: 30px;
    }

/*Block=10,BlockOrderID=30000*/
.GUIOverviewDataTreeGrid .zoomButton {
    position: absolute;
    top: 0px;
    right: 21px;
    padding: 0px;
    text-align: center;
}

.GridModuleMask .fullscreen {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.GUIReportSelection .stackPanel.autoScroll > * {
    float: left;
}

.GUIReportSelection .stackPanel.autoScroll > .textBlock {
    clear: both;
    margin-top: 4px;
}

.GridModuleMask .button23 {
    margin: 2px;
    height: 23px;
    width: 23px;
}

.AttachmentDialog .itemsStack {
    margin: 5px 0px;
}

    .AttachmentDialog .itemsStack .textBlock {
        overflow: hidden;
        white-space: nowrap;
        margin-right: 5px;
        text-align: left;
    }

.GridModuleMask .DataTreeGrid .cell > div {
    height: 100%;
}


.RelationalFilterMultiPanel .FilterGroup .FilterBox > button:last-child {
    border-right: 1px solid gray !important;
}

.AttachmentCellControl .AttachmentButton {
    height: 20px;
    width: 20px;
    padding: 0px;
    margin: 2px;
}

.CopyUniqueIDButton {
}

    .CopyUniqueIDButton .button {
        padding: 0 2px;
    }

    .CopyUniqueIDButton .tbWrap > input {
        width: 100%;
    }

}

.AttachmentControl > .textBlock {
    margin: 2px;
    flex: 1 1 auto;
    align-self: center;
    text-align: left;
}

.AttachmentControl > .button {
    padding: 0px;
    margin: 2px;
    width: 23px;
    height: 23px;
}

    .AttachmentControl > .button > .ResourceIconImage {
        margin: auto;
    }

.GUIAttachment .AttachmentStack {
    overflow: auto;
    flex-wrap: nowrap;
}

    .GUIAttachment .AttachmentStack > * {
        flex-shrink: 0;
    }

.DateCellControl {
    line-height: initial;
}

    .DateCellControl .DatePicker > .tbWrap, .browserIE .DateCellControl .DatePicker > .tbWrap > .textbox {
        width: 40px;
    }

    .DateCellControl .dateTimePicker {
        flex: 1 auto;
        height: 23px;
    }

        .DateCellControl .dateTimePicker .DatePicker {
            flex: 1 auto;
        }

.ProcessUpdateMDTablePanel {
}

    .ProcessUpdateMDTablePanel .Caption {
        width: 60px;
        margin: 2px;
        text-align: left;
    }

    .ProcessUpdateMDTablePanel .Controls {
        margin: 2px;
    }

/*Block=10,BlockOrderID=30001*/

.mobilePlaningMain{
	flex-wrap: nowrap;
	flex: 1 1 auto;
}

.mobilePlaningMultiPanelStackPanel:hover{
	background-color: rgb(205,230,247);
}

.mobilePlaningMultiPanelImage{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 4px;
	margin-left: 4px;
}

.mobilePlaningMultiPanelTextBlock{
	margin-top: 10px;
	margin-bottom: 10px;
	align-self: center;
}

.createSnapShotDialog {
	flex: 1 1 auto;
}

.createSnapShotDialog .textBlockCaption{
	width: 150px;
	margin: 2px;
	text-align: left;
}

.createSnapShotDialog .textBoxName{
	flex: 1 1 auto;
	margin: 2px;
}

.createSnapShotDialog .textBoxComment{
	flex: 1 1 auto;
	margin: 2px;
}

.createSnapShotDialog .textBoxComment > .NoScroll {
            flex: 1 1 auto;
            height: initial;
            width: initial;
        }

		.createSnapShotDialog .textBoxComment > textarea {
            flex: 1 1 auto;
            height: initial;
            width: initial;
        }

.planGridLock {
    flex-shrink: 0;
}

.planGridLockBorder{
    width: 10px;
    height: 10px;
    background: yellow;
    margin-right: 2px;
}

.ProcessesTreePanel > .BaseTreeView {
    height: 300px;
    width: 200px;
}

.BlockSettingsPanel > .combobox {
    width: 200px;
}

.ModuleDesignerJumpDialog > .chbwrap {
    margin: 3px;
}

.ModuleDesignerJumpDialog > .textBlock {
    margin: 5px 3px;
    text-align: left;
}

.ModuleDesignerJumpDialog > .button {
    width: 200px;
    margin-left: 3px;
}
/*Block=10,BlockOrderID=30002*/
.PreFillISTSlide .MainContent{
    width: 100%;
}

.GeneralSettingsPageIst .BaseTreeView {
    height: 85px;
    width:100%;
}
.PreFillISTSlide .TextBlockLeft{
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 16px;
    padding-right: 150px;
}

.PreFillISTSlide .InputRight{
    margin-bottom: 2px;
    margin-top: 3px;
    padding: 3px;
}
.PreFillISTSlide .AlignLeft{
    text-align:left;
}
.PreFillISTSlide .RightStackPanel{
    text-align:right;
}

.PreFillISTSlide .textIconButton{
    margin-left: 0px;
}

.PreFillISTSlide .shortHeader{
    width:100%;
    padding:5px;
    text-align:left;
}
.PreFillISTSlide .tmpText{
    width:100%;
    padding:5px;
    padding-top:10px;
    text-align:left;
}
.PreFillISTSlide .Description{
    background-color:lightblue;
    color: darkblue;
    text-align:left;
    padding: 10px;
    width: 100%;
}

.PreFillISTSlide .AlignRight{
    padding-top: 10px;
    padding-bottom: 10px;
}

.PreFillISTSlide .GeneralSettingsPageIst .MainContent{
    width: 100%;
}
.PreFillISTSlide .GeneralSettingsPageIst .AlignRight p{
    width: 97%;
    text-align: right;
    padding-right:3px;
}

.PreFillISTSlide .GeneralSettingsPageIst .AlignLeft{
    float: left;
    width: 100%;
}
.PreFillISTSlide .GeneralSettingsPageIst .Content{
    width:100%;
}
.PreFillISTSlide .buttonStack{
    border-top: 1px solid Black;
    display: block;
    background: #F0F0F0;
    width: 100%;
    margin-left: -1px;
    margin-right: 1px;
}

.PreFillISTSlide .TargetSettingsPage .LayoutRoot{
    margin: 10px;
}
.PreFillISTSlide .TargetSettingsPage {
    overflow:auto;
}
/*Block=10,BlockOrderID=30003*/
.PreFillPLANTimeSlide{

}

  .PreFillPLANTimeSlide  .buttonsBRD{  
    border-top:1px solid;
    height:50px;
    background-color:aliceblue;
    justify-content:flex-end;
  }

    .PreFillPLANTimeSlide .buttonsBRD .button{
        height:40px;
        align-self:center;
        margin-right:10px;
    }
/*Block=10,BlockOrderID=30004*/

.preFillIstSourceSettingsPage > .defaultGroupHeader, 
.preFillIstSourceSettingsPage > .InteractiveFilterSetting,
.preFillIstSourceSettingsPage > .LegendControl {
    margin: 11px;
}
/*Block=10,BlockOrderID=30005*/
.InteractiveFilterSetting {
    min-height: 320px;
    margin-bottom: 10px;
}

    .InteractiveFilterSetting .header {
        text-align: left;
    }

    .InteractiveFilterSetting .buttonsPnl {
        margin-bottom: 5px;
    }

        .InteractiveFilterSetting .buttonsPnl .combobox {
            align-self: flex-end;
        }

        .InteractiveFilterSetting .buttonsPnl .textIconButton {
            min-width: 85px;
        }

        .InteractiveFilterSetting .buttonsPnl .tbWrap {
            align-self: flex-end;
        }

        .InteractiveFilterSetting .buttonsPnl .rightsButtonsPnl {
            justify-content: flex-end;
        }

            .InteractiveFilterSetting .buttonsPnl .rightsButtonsPnl .tbWrap {
                margin-left: 5px;
            }

    .InteractiveFilterSetting .lbxTreePnl {
    }

        .InteractiveFilterSetting .lbxTreePnl .listbox {
            width: 300px;
            margin-right: 11px;
        }

        .InteractiveFilterSetting .lbxTreePnl .listbox .FilterListItem {
            height: 22px;
        }

            .InteractiveFilterSetting .lbxTreePnl .listbox .FilterListItem > * {
                align-self: center;
            }

            .InteractiveFilterSetting .lbxTreePnl .listbox .FilterListItem > .button {
                height: 22px;
                width: 22px;
                padding: 2px;
            }

            .InteractiveFilterSetting .lbxTreePnl .listbox .FilterListItem:not(:hover) > .button {
                display: none;
            }

            .InteractiveFilterSetting .lbxTreePnl .listbox .FilterListItem .textBlock {
                font-size: 13px;
                margin-left: 3px;
                width: 240px;
            }

        .InteractiveFilterSetting .lbxTreePnl .TreeBRD {
            border: 1px solid gray;
        }

            .InteractiveFilterSetting .lbxTreePnl .TreeBRD .DummyTBK {
                align-self: center;
                font-size: 13px;
            }

.LegendControl > * {
    align-self: center;
}

.LegendControl > .Legende {
    margin-right: 4px;
    font-size: 13px;
    font-weight: bold;
}

.LegendControl > .ResourceIconImage {
    margin-right: 4px;
    margin-left: 7px;
}
/*Block=10,BlockOrderID=30006*/
.StatusSlide {
    background-color: #EDEDED;
}

.StatusTree {
    margin: 5px 10px;
    background-color: white;
    box-shadow: 10px 10px 3px grey;
    width: 100%;
    height: 100%;
}

.WorkflowTree {
    margin: 5px 10px;
    width: 50%;
    background-color: white;
    box-shadow: 10px 10px 3px grey;
}

.WorkflowEngineSlide {
    background-color: #EDEDED;
}

    .WorkflowEngineSlide .WorkflowTreeStack {
        flex: 1 1 auto;
        width: 100%;
        flex-wrap: nowrap;
    }

    .WorkflowEngineSlide .WorkflowTreeDetails {
        width: 50%;
    }

    .WorkflowEngineSlide .WorkflowTextBlock {
        margin: 5px 5px 5px 10px;
        text-align: center;
        color: gray;
        text-decoration: underline;
    }

    .WorkflowEngineSlide .CheckBoxActiveDeputy {
        margin: 5px 5px 10px 5px;
    }

    .WorkflowEngineSlide .TransTextBoxEmployeeName {
        margin: 5px 5px 5px 10px;
        flex: 0 1 auto;
    }

    .WorkflowEngineSlide .WorkflowButton {
        margin: 5px 5px 10px 5px;
        height: 22px;
        width: 22px;
    }

    .WorkflowEngineSlide .TextEmployees {
        margin: 0px 0px 5px 30px;
        text-align: left;
    }

    .WorkflowEngineSlide .stackPanelDisplay {
        margin: 0px 0px 5px 30px;
    }

    .WorkflowEngineSlide .DimensionObjects {
        margin: 5px 10px;
        flex: 1 1 auto;
    }

    .WorkflowEngineSlide .ButtonCheck {
        margin: 10px;
        align-self: auto;
    }

.WorkflowRadioButton {
    margin-right: 2px;
}

.TextBlockNodePath {
    font-size: 14px;
    margin: 10px 0px 5px 10px;
    padding-bottom: 7px;
    text-align: left;
    position: relative;
}

    .TextBlockNodePath:after {
        content: '';
        position: absolute;
        left: 0px;
        bottom: -2px;
        height: 2px;
        width: 100%;
        background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#808080), to(transparent));
        background-image: -webkit-linear-gradient(left, #808080, transparent);
        background-image: -moz-linear-gradient(left, #808080, transparent);
        background-image: -o-linear-gradient(left, #808080, transparent);
    }

.WorkflowNodeDetailPanel {
    color: dimgray;
    margin: 5px 10px;
}

    .WorkflowNodeDetailPanel .TextBlockName {
        margin: 0px 0px 5px 10px;
        text-decoration: underline;
        text-align: left;
    }

    .WorkflowNodeDetailPanel .ListBoxReports {
        margin-left: 30px;
        margin-bottom: 5px;
        min-width: 200px;
        max-width: 250px;
    }

    .WorkflowNodeDetailPanel .ButtonShowReports {
        margin-left: 5px;
        margin-bottom: 5px;
    }

    .WorkflowNodeDetailPanel .ValueInput {
        margin-left: 30px;
        margin-bottom: 5px;
        flex: 0 1 auto;
        align-self: auto;
        white-space: pre-wrap;
        text-align: left;
    }

    .WorkflowNodeDetailPanel .ButtonInput {
        margin-left: 5px;
        margin-bottom: 5px;
        align-self: flex-start;
    }

.ImportHierarchyValue {
    margin-top: 4px;
    margin-bottom: 10px;
}

.ImportHierarchyValueStack {
    margin-top: 4px;
    margin-left: 10px;
}

.DeleteLayer {
    background-color: rgba(255, 255,255, 0.4);
    position: absolute;
    flex: 1 1 auto;
    height: 100%;
}

.DeleteLayerContent {
    position: relative;
    align-self: center;
}

.SaveEmployeeStructurePanel {
}

    .SaveEmployeeStructurePanel .InfoText {
        margin: 2px 2px 8px 2px;
    }

.StatusReportDetailPanel {
    margin: 5px 10px;
    text-align: left;
}

    .StatusReportDetailPanel .TextBlockName {
        text-decoration: underline;
        margin: 0px 0px 10px 15px;
    }

    .StatusReportDetailPanel .TextBlockDetail {
        margin-left: 20px;
    }

.messageAdministrationDialog > .stackPanel > .textBlock {
    text-align: left;
    align-self: center;
}

.messageAdministrationDialog > .textBlock {
    text-align: left;
}

    .messageAdministrationDialog .textBlockUsers {
        color: gray;
        flex: 1 1 auto;
        text-align: left;
    }

    .messageAdministrationDialog .buttonPeopleSearch {
        height: 20px;
        width: 20px;
        margin: 2px;
    }

    .messageAdministrationDialog .textBlockWarning {
        margin: 2px;
        color: red;
    }

.HierarchySelectPanel > .stackPanel > .textBlock {
    align-self: center;
}

.HierarchySelectPanel > .textBlock {
    align-self: flex-start;
}
/*Block=10,BlockOrderID=30007*/

.LockingDialog > .LockingDialogLeftColumn {
    width: 200px;
    margin-right: 7px;
    flex-shrink: 0;
}

    .LockingDialog > .LockingDialogLeftColumn > .listbox {
        border-width: 0px;
        overflow-x: hidden;
    }

    .LockingDialog > .LockingDialogLeftColumn .ribbonDropDownButton {
        border: 1px solid gray;
        margin-right: 4px;
    }

        .LockingDialog > .LockingDialogLeftColumn .ribbonDropDownButton > .stackPanel {
            justify-content: center;
        }

            .LockingDialog > .LockingDialogLeftColumn .ribbonDropDownButton > .stackPanel > .border {
                align-self: center;
                flex: 0 1 auto!important;
            }

.LockingDialog > .LockingDialogRightColumn > .ldContentGrid {
    overflow-x: hidden;
    overflow-y: auto;
}

.LockingDialog > .LockingDialogRightColumn > .ldContentGrid > .textBlock {
    align-self: center;
    width: 100%;
    color: #6c6c6c;
}

.LockingDialogListBoxItem .ldlbiHeader {
    margin: 5px;
}

.LockingDialogListBoxItem .ldlbiDescription {
    margin: 0px 5px 5px 5px;
    color: #6c6c6c;
}

.DynamicTimeMeasureLockingEntryControl .dtmlecInfoTB,
.MeasureLockingEntryControl .mlecInfoTB,
.LevelLockingEntryControl .llecInfoTB {
    color: #003399;
    margin-bottom: 7px;
    align-self: flex-start;
    text-align: left;
    line-height: 1.4;
}

.DynamicTimeMeasureLockingEntryControl > * {
    flex-shrink: 0;
}

.DynamicTimeMeasureLockingEntryControl > .GetTextAndFwElement {
    margin-top: 5px;
}

    .DynamicTimeMeasureLockingEntryControl > .GetTextAndFwElement > .textBlock,
    .MeasureLockingEntryControl > .GetTextAndFwElement > .textBlock,
    .LevelLockingEntryControl > .GetTextAndFwElement > .textBlock {
        width: 150px;
        text-align: left;
    }

    .DynamicTimeMeasureLockingEntryControl > .GetTextAndFwElement.dtmlecPreviewLocking > .textBlock {
        width: 100px;
    }

    .DynamicTimeMeasureLockingEntryControl > .GetTextAndFwElement > .chbwrap,
    .DynamicTimeMeasureLockingEntryControl > .GetTextAndFwElement > .rbWrap {
        align-self: center;
        margin-right: 4px;
    }

    .DynamicTimeMeasureLockingEntryControl > .GetTextAndFwElement > .numfield {
        width: 70px;
        margin-right: 5px;
    }

.DynamicTimeMeasureLockingEntryControl > .dtmlecMeasureStack > .combobox,
.MeasureLockingEntryControl > .combobox,
.LevelLockingEntryControl > .combobox {
    width: 144px;
    margin-right: 4px;
}

.DynamicTimeMeasureLockingEntryControl > .dtmlecMeasureStack > .brushPickerButton {
    width: 75px;
    border: 1px solid gray;
}

.DynamicTimeMeasureLockingEntryControl .BaseFormatPanel,
.MeasureLockingEntryControl .BaseFormatPanel,
.LevelLockingEntryControl .BaseFormatPanel {
    margin-right: 4px;
}
/*Block=10,BlockOrderID=30300*/
.ContentBRD {
    background-color: rgba(230,230,230,1);
    flex: 1 1 auto;
}

.SelectedContentBRD {
    background-color: rgba(255,240,200,1);
}

.ContentBRD .textBlock {
    margin: 2px;
}

.GUIMaskTab {
    /*overflow: auto;*/
}


    .GUIMaskTab .border {
        border-style: none;
        border-width: 0px;
    }

    .GUIMaskTab .DesignMaskPnl .lineRow {
        border-bottom: 2px dashed rgba(192,192,192,1);
        pointer-events: none;
    }

    .GUIMaskTab .DesignMaskPnl .lineColumn {
        border-right: 2px dashed rgba(192,192,192,1);
        pointer-events: none;
    }

    .GUIMaskTab .DesignMaskPnlParent {
        position: relative;
    }

    .GUIMaskTab .DesignMaskPnl {
        margin: 2px 0 0 2px;
        display: grid;
        display: -ms-grid;
        overflow: auto;
        position: absolute;
    }

.browserIE11 .GUIMaskTab .DesignMaskPnl {
    flex: 1 1 1px;
}

.GUIMaskTab .AddColumnRows {
    min-height: 23px;
    height: 23px;
    margin: 5px 2px 2px 2px;
    padding: 2px;
    min-width: 22px;
    width: 22px;
}

.GUIMaskTab .DesignMaskPnl .lastRowPnl {
    max-height: 100%;
    border-bottom: none !important;
}

.GUIMaskTab .DesignMaskPnl .rowPnl .columnBRD {
    border-left: 2px dashed rgba(192,192,192,1);
}

.GUIMaskTab .DesignMaskPnl .SelectedContent {
    background-color: rgba(255,240,200,1);
}

.GUIMaskTab .DesignMaskPnl .rowPnl > .hor {
    min-width: 25px;
    border-bottom: 2px dashed rgba(192,192,192,1);
}

.leftMultiPanelContentPanel {
    min-width: 226px;
}

.GUIMask .tabBarFlex .TranslationTextBox .textbox {
    width: 30px;
}

.selectionMaskDesignerColumn > * {
    background-color: rgba(255,240,200,1);
}

.ModuleDesignerGrid {
    display: -ms-grid;
    display: grid;
}

/*Block=10,BlockOrderID=34099*/

.Grid:not(.flexBox) {
    display: table;
    width: 100%;
}

    .Grid:not(.flexBox) > div.row {
        display: table-row;
    }

        .Grid:not(.flexBox) > div.row > * {
            display: table-cell !important;
            white-space: nowrap;
        }

.Grid.flexBox {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

    .Grid.flexBox > div.row {
        overflow: hidden;
        display: -webkit-box !important;
        display: -moz-box !important;
        display: -ms-flexBox !important;
        display: -webkit-flex !important;
        display: flex !important;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

@keyframes nodeInserted {
    from {
        opacity: 0.99;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes nodeInserted {
    from {
        opacity: 0.99;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes nodeInserted {
    from {
        opacity: 0.99;
    }

    to {
        opacity: 1;
    }
}

@-ms-keyframes nodeInserted {
    from {
        opacity: 0.99;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes nodeInserted {
    from {
        opacity: 0.99;
    }

    to {
        opacity: 1;
    }
}



.Grid > div.row > .nodeInserted {
    animation-duration: 0.001s;
    -o-animation-duration: 0.001s;
    -ms-animation-duration: 0.001s;
    -moz-animation-duration: 0.001s;
    -webkit-animation-duration: 0.001s;
    animation-name: nodeInserted;
    -o-animation-name: nodeInserted;
    -ms-animation-name: nodeInserted;
    -moz-animation-name: nodeInserted;
    -webkit-animation-name: nodeInserted;
    white-space: nowrap;
}

/*Block=10,BlockOrderID=35000*/

.svgContentPanel{
    position: relative;
}

    .svgContentPanel > .svgContentDIV {
        position: relative;
    }

.svgRendererPanel {
    transform-origin: left top;
    text-align: left;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}

.LegendVisibilityPanel .lvpHeader {
    margin: 4px 5px;
    font-size: 14px;
    color: rgb(0, 0, 139);
    text-align: left;
}

.LegendVisibilityPanel .lvpInfo {
    margin: 4px 5px;
    font-size: 11px;
    text-align: left;
}

.LegendVisibilityPanel .chbwrap {
    margin: 2px;
}

.ElementMappingPanel > * {
    flex-shrink: 0;
}

.ElementMappingPanel > .empHeaderStack > .textBlock {
    margin: 5px 0px;
    width: 250px;
    text-align: left;
    font-weight: bold;
}

.ElementMappingPanel .empGroupIDTB {
    width: 200px;
    align-self: center;
    text-align: left;
}

.ElementMappingPanel .empArrowTB {
    width: 50px;
    align-self: center;
}

.ElementMappingPanel .EditableDropDown {
    width: 198px;
    height: 23px;
}

.browserIE .ElementMappingPanelLayer {
    height: 150px;
}

.ElementMappingPanelLayer .BaseTreeView {
    min-height: 150px;
    width: 100%;
    height: 100%;
}

.ElementMappingPanel .empCDButton {
    width: 30px;
    height: 25px;
    margin-left: 5px;
    padding: 0px;
}

.ElementMappingPanel > .empVGDiv {
    position: relative;
}

.ShowMatrixPanel > .smpRBStack {
    margin: 6px 0px;
}

    .ShowMatrixPanel > .smpRBStack > .rbWrap {
        margin-right: 4px;
    }
/*Block=10,BlockOrderID=36000*/

.analyseButtonStack {
    position: relative;
    flex-wrap: nowrap;
}

.processButton {
    margin: 2px;
    padding: 3px;
    position: relative;
    flex: 1 1 auto;
    border: 1px solid gray;
    overflow: hidden;
}

    .processButton:hover {
        background: rgb(174,199,224);
    }

.processButtonImageBorder{
	position: absolute;
	left: 2px;
    top: 2px;
    right: 2px;
    bottom: 2px;
    border-width: 0px;	
}

.processButtonMaxSize{
	width: 100%;
	height: 100%;		
	object-fit: contain;
}

.processButtonNonMaxSize{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.processButtonTextBlock{
	position: relative;
	word-wrap: normal;
	font-size: 14px;
    word-break: break-word;
    white-space: pre-wrap;
}

.processButtonClickText{
	position: absolute;
	top: 0px;
	right: 0px;
	font-weight: bold;
}

.processButtonTransparent{
	border-color: transparent!important;
	background: transparent!important;
}

.analyseButtonTileDefinitionPanel > .stackPanel > .textBlock {
    width: 80px;
    align-self: center;
    text-align: left;
}

.analyseButtonTileDefinitionPanel > .stackPanel > .textBlock.settingsTB {
    align-self: flex-start;
}

.analyseButtonTileDefinitionPanel .combobox {
    width: 200px;
    height: 23px;
    margin: 7px 0px;
}

.analyseButtonTileDefinitionPanel .border {
    border: 1px solid gray;
}

.newReportSettingsPanel > .textBlock {
    text-align: left;
}

.newReportSettingsPanel > .combobox {
    width: 200px;
    height: 23px;
    align-self: center;
    margin-top: 7px;
}

.AnalyseTextPrintSettingsPanel .GetTextAndFwElement {
    margin-top: 5px;
}

    .AnalyseTextPrintSettingsPanel .GetTextAndFwElement > .textBlock {
        width: 170px;
    }

.AnalyseText .RichTextBoxControl {
    padding: 0px 2px;
}

.browserEdge .AnalyseText .RichTextBoxControl {
    height: 100%;
}
/*Block=10,BlockOrderID=36001*/

.changeableTaskSettingsPanel .tabControl{
	flex-wrap: nowrap;
	height: 100%;
}

.ExecuteTaskModulConfigDialog {

}

  .ExecuteTaskModulConfigDialog .tbkCbxPnl{
      margin:5px;
  }

    .ExecuteTaskModulConfigDialog .tbkCbxPnl .textBlock{
      width:48%;
      margin-right:10px;
      text-align:left;
      align-self:flex-end;
    }

    .ExecuteTaskModulConfigDialog .tbkCbxPnl .stackPanel .rbWrap{
        margin-bottom:5px;
    }

  .ExecuteTaskModulConfigDialog .treeLbxPnl{

  }

    .ExecuteTaskModulConfigDialog .treeLbxPnl .BaseTreeView {
        border:1px solid gray;
        width:40%;
        margin-right:10px;
    }

    .ExecuteTaskModulConfigDialog .treeLbxPnl .buttonsPnl{
        justify-content:center;
    }

      .ExecuteTaskModulConfigDialog .treeLbxPnl .buttonsPnl .button{
          width:23px;
          height:23px;
          font-weight:bold;
          margin-top:5px;
      }

    .ExecuteTaskModulConfigDialog .treeLbxPnl .listbox {
        width:40%;
        margin-left:10px;
    }
/*Block=10,BlockOrderID=37000*/

.templateControlHelpText{
	margin: 4px;
	color: gray;
	text-align: left;
}

.groupTemplateControl{
	margin: 4px;
	max-width: 225px;
	background: white;
	flex-shrink: 0;
	flex-wrap: nowrap;
}

.templateControlGroupStack{
	flex-wrap: nowrap;
	overflow: auto;
}

.groupTemplateControlAddProcessTB{
	color: rgb(18, 130, 178);
}

.groupTemplateControlAddProcessTB:hover{
	text-decoration: underline;
}

.processTemplateControl{
	margin: 2px 0px;
	background: rgb(177, 179, 179);
	color: white;
	padding: 3px;
}

.mobile .processTemplateControl{
	line-height: 30px;
	margin: 4px 0px;
}

.processTemplateControlClicked{
	font-weight: bold;
}

.processTemplateControlDisabled{
	color: gray;
	background: lightgray;
	border-color: rgb(177, 179, 179);
}

.processTemplateControl:not(.processTemplateControlDisabled):not(.processTemplateControlDesignMode):hover{
	background: rgb(205, 230, 247);
	color: gray;
}
/*Block=10,BlockOrderID=38000*/

.structureTreePanel{
	overflow: auto;
}

.structureTileLevelImage{
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.structureTileItemWidth{
	width: 100%;
}

.structureTileItemMeasureStack{
	flex-wrap: nowrap;
	position: relative;
	flex-shrink: 0;
}

.structureTileItemMeasureStack > p{
	line-height: normal;
}

.structureTileItemMeasureCaption{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.structureTileItemMeasureAbsolute{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.structureTileItemMeasureLeft{
	text-align: left;
}

.structureTileItemMeasureRight{
	text-align: right;
}

.structureTileItemFlex50{
	flex: 0 1 50%;
}
.structureTileItemFlexAuto{
	flex: 0 1 auto;
}
/*Block=10,BlockOrderID=40000*/

.aBaseTileItem{
	color: white;
	font-size: 13px;
    width: 100%;
}

.iconTextPanel {
    width: 100%;
}

.iconTextPanel p{
    word-break: break-word;
}

.browserIE .iconTextPanel p{
    word-break: break-all;
}

.roleTileControl:not(.editTileControl)>*:hover{
	border-color: gray;
}

.roleTileControl .tileItem.disabled {
    opacity: 0.5;
}

.roleTileItem{
	background: rgb(177, 179, 179);
}

.roleTileItem.selectedTile{
	background: rgb(229, 232, 232)!important;
}

.favoriteTileContentStack{
	flex: 1 1 auto;
	flex-wrap: nowrap;
    width: 100%
}

.favoritesTileCaption{
	font-size: 16px;
	text-align: left;
	margin-bottom: 5px;
}

.favoritesTileStack{
	margin-left: 15px;
	border-width: 0px;
	background: transparent;
	flex: 1 1 1px;
    overflow-x: hidden;
}

.imageTile{
	background-repeat: no-repeat;
}

.kpiTile{
	position: relative;
}

.kpiTileReloadImageBorder{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 16px;
	height: 16px;
}

.kpiTileReloadImageBorder:hover > .kpiTileReloadImage {
	background: rgb(128,128,128);
	display: inherit;
}

.kpiTileReloadImage{	
	display: none;
}

.newsTileHeader{
	font-size: 16px;
	text-align: left;
}

.newsTileContentStack{
	position: relative;
	flex-wrap: nowrap;
}

.newsTileButtonStack{
	position: relative;
}

.newsTileButtonStack>*{
	align-self: center;
	margin: 3px;
}

.newsTileButtonStack>.button{
	padding: 2px;
}

.newsTileButtonStack>.chbwrap{
	position: absolute;
	right: 7px;
	top: 3px;
}

.browserIE .newsTileContentStack {
    flex: 1 1 0px;
}

.newsTileContentStack>.loadingPanel{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}

.newsDetailStack p, .newsDetailStack .chbwrap{
	margin: 5px;
	text-align: left;
}

.newsDetailStack .button{
	margin: 2px;
}

.newsTileNewsStack{
	overflow-y: auto;
	flex-wrap: nowrap;
	flex: 1 1 1px;
}

.newsDetailPanel{
	background: white;
	color: black;
	margin: 5px;
}

.newsDetailHeaderStack{
	text-align: left;
	height: 36px;
	flex-wrap: nowrap;
}

.newsDetailHeaderStack>*{
	margin: 2px 5px;
	align-self: center;
}

.newsDetailHeaderStack>*:not(p){
	flex-shrink: 0;
}

.newsDetailStackCaption{
	font-weight: bold;
	min-width: 120px;
	text-align: left;
}

.newsDetailStackText {
    flex: 1 1 auto;
    word-break: break-all;
}

.newsDetailPanelHeader {
    overflow: hidden;
    white-space: nowrap;
    line-height: 1.5;
    width: 1px; /*keine Ahnung warum, aber sonst zu breit*/
}

.newsDetailPanelHeaderNotRead{
	font-weight: bold;
}

.newsDetailButtonStack{
	margin-left: 120px;
}

.startBackstagePanelContentStack{
	overflow-x: hidden;
	overflow-y: auto;
    position: relative;
}

    .startBackstagePanelContentStack > .startBackstagePanelImageBorder {
        position: absolute;
        right: 5px;
        top: 5px;
        height: 30px;
        width: 30px;
    }

        .startBackstagePanelContentStack > .startBackstagePanelImageBorder:hover {
            background: rgb(229, 232, 232);
        }

        .startBackstagePanelContentStack > .startBackstagePanelImageBorder > .ResourceIconImage {
            margin: auto;
        }

        .startBackstagePanelContentStack > .startBackstagePanelImageBorder:not(:hover) > .ResourceIconImage {
            display: none;
        }

.browserEdge .startBackstagePanelContentStack{
	flex: 1 1 100px;
}

.browserIE .startPageDefinitionSlide .spContentStack {
    flex: 1 1 0px;
}

.startPageDefinitionSlide .textBlockDocumentHeaderControl {
    margin: 10px;
}

.startPageDefinitionSlide .textBlockDocumentHeaderControl .tbdHeader {
    color: gray;
}

.startPageDefinitionSlide .spContentStack > .stackPanel {
    flex-shrink: 0;
}

.startPageDefinitionSlide .spBackButton {
    margin: 5px;
}

.startPageDefinitionSlide .spNameTB {
    margin: 0px 10px;
    align-self: center;
}

.startPageDefinitionSlide .spTranslation {
    width: 300px;
}

.startPageDefinitionSlide .editTileControl {
    overflow: auto;
    margin: 5px;
}

.browserEdge .startPageDefinitionSlide .editTileControl, .browserIE .startPageDefinitionSlide .editTileControl {
    flex: 1 1 0px; /*Da sonst kein ScrollViewer sichtbar*/
}

.editHyperlinkTilePanel > .listbox, .editHyperlinkTilePanel > .stackPanel > * {
    margin: 2px;
}

.editReportTilePanel > .chbwrap {
    margin-bottom: 4px;
}

.editTextTilePanel {
    flex-wrap: nowrap;
    overflow: hidden;
}

    .editTextTilePanel > .textBlock {
        text-align: left;
        margin-bottom: 4px;
    }

.browserIE .reportTile .baseSlide .baseReportObject {
    flex: 1 1 1px;
}

.textTile > .RichTextBoxControl {    
    padding: 3px 3px 0px 3px;
    box-sizing: border-box;
    overflow: auto;
}

.reportTile > .stackPanel {
    position: relative;
}

.reportTile > .stackPanel > .button {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 16px;
    height: 16px;
    padding: 0px;
    z-index: 1;
}
/*Block=10,BlockOrderID=40001*/

.drillThroughResultPanel > p {
    align-self: center;
    text-align: center;
}

.drillThroughResultPanel > .loadingPanel {
    background: white;
}

.dtEmptyText {
    font-size: 13px;
    color: red;
}

.DrillThroughDlgPanel > .dockFakeStack {
    width: 20px;
    background-color: rgb(230, 238, 246);
}

    .DrillThroughDlgPanel > .dockFakeStack > div {
        width: 16px;
        height: 16px;
        margin: 2px 2px 5px 2px;
        background-image: url(../../../../../Base/Base_TS/CSS/images/ui-icons_222222_256x240.png);
        background-position-x: -32px;
    }

    .DrillThroughDlgPanel > .dockFakeStack.expanded > div {
        background-position-x: -96px;
    }

    .DrillThroughDlgPanel > .dockFakeStack > p {
        transform: rotate(-90deg);
        transform-origin: top right;
        align-self: flex-end;
        margin-right: 18px;
        border-width: 1px;
        border-left-color: rgb(191, 203, 216);
        border-right-color: rgb(191, 203, 216);
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        padding: 3px;
        border-style: solid;
    }

    .browserEdge .DrillThroughDlgPanel > .dockFakeStack > p {
        transform: rotate(-90deg) translateY(-50px);        
    }

    .DrillThroughDlgPanel > .dockFakeStack:not(.expanded) > p:hover {
        border-left-color: rgb(144, 197, 251);
        border-right-color: rgb(144, 197, 251);
        border-top-color: rgb(144, 197, 251);
    }

    .DrillThroughDlgPanel > .dockFakeStack.expanded > p {
        border-left-color: rgb(191, 203, 216);
        border-right-color: rgb(191, 203, 216);
        border-top-color: rgb(191, 203, 216);
        background-color: white;
    }

    .DrillThroughDlgPanel > .templateStack {
        width: 200px;
    }

        .DrillThroughDlgPanel > .templateStack > p {
            text-align: left;
            line-height: 1.3;
        }

        .DrillThroughDlgPanel > .templateStack > .dtpTemplateTitle {
            padding: 1px 0px 0px 5px;
            background-color: rgb(231, 227, 231);
        }

        .DrillThroughDlgPanel > .templateStack > .listbox {
            min-height: 200px;
        }

        .DrillThroughDlgPanel > .templateStack > .dtpButtonStackPanel {
            justify-content: flex-end;
            margin: 5px 0px 15px 0px
        }

            .DrillThroughDlgPanel > .templateStack > .dtpButtonStackPanel > * {
                align-self: center;
            }

            .DrillThroughDlgPanel > .templateStack > .dtpButtonStackPanel > .button {
                margin-left: 2px;
                padding: 3px;
                width: 23px;
                height: 23px;
            }

    .DrillThroughDlgPanel > .dtpBorderDIV {
        width: 1px;
        background-image: -moz-linear-gradient(top, rgb(191, 203, 216) 58%, transparent 100%);
        background-image: -webkit-linear-gradient(top, rgb(191, 203, 216) 58%, transparent 100%);
        background-image: -ms-linear-gradient(top, rgb(191, 203, 216) 58%, transparent 100%);
        background-image: linear-gradient(top, rgb(191, 203, 216) 58%, transparent 100%);
    }

.DrillThroughDlgPanel > .dtpMainContent > .chbwrap {
    margin: 2px;
}

.DrillThroughDlgPanel > .dtpMainContent > .dtpLineControl {
    height: 1px;
    background-color: silver;
    margin: 5px 0px;
}

.DrillThroughDlgPanel > .dtpMainContent > .button {
    margin: 11px 2px 0px 2px;
    height: 23px;
    width: 23px;
    padding: 3px;
}

.ShowLinkIconPanel .GetTextAndFwElement {
    margin-top: 5px;
}

.ShowLinkIconPanel .GetTextAndFwElement > .textBlock {
    width: 120px;
    text-align: left;
}
/*Block=10,BlockOrderID=40010*/

.drillDownDlgPanelFirstRowStack .button, .drillDownDlgButtonRow > .button{
	width: 23px;
	height: 23px;
	padding: 0px;
}

.drillDownDlgReloadButton{
	margin: auto 4px auto 0px;
}

.drillDownDlgButtonRow .drillDownDlgButtonCD {
    font-weight: bold;
    overflow: hidden;
}

.drillDownDlgButtonRow > .button {
    margin: 2px;
}

.naviCenterStackPanel{
	overflow-x: auto;
}

.drillDownBtnShowAttributes{
	width: 22px;
	height: 22px;
	margin: 2px;
	padding: 0px;
}

.drillDownDlgButtonRow {
    flex-wrap: nowrap;
    margin: 15px 0px;
}

.drillDownDlgPanelButtonStack>.button{
	margin: 2px 5px 2px 2px;
	align-self: flex-start;
}

.drillDownDlgPanelButtonStack>.button:first-child{
    margin: 2px 5px 2px 0px;
}

.drillDownLevelText{
	align-self: center;
}

.drillDownReportFilterBorder{
position: absolute;
    background: white;
    /*border: 1px solid gray;*/
    z-index: 101;
    margin: 0px;
    top:0px;
    bottom:0px;
    left: 30px;
    right: 0px;
}

.tabc{
    background: rgb(229, 232, 232);
    width:30px;
        margin-right: 5px;
}

.tabc button{
    border:0px;
    background:transparent;
    width: 30px;
    height: 30px;
    margin-top: 30px;
}
    .tabc button:hover {
        background: rgb(128, 128, 128)!important;
    }

.tabc button.selected{
    background:white;
}
    .tabc button > .ResourceIconImage {
        margin: auto;
    }
/*Block=10,BlockOrderID=99000*/
body {
    font-family: 'Segoe UI', Arial, sans-serif, Verdana, Helvetica; /*All Texts*/
    border-color: rgb(169,169,169); /*All Borders*/
    color: black; /*All Text colors*/
}

/*Standard border*/
.cbLayer {
    border-color: rgb(169,169,169); /*All Borders*/
}

/*All Disabled controls*/
button:disabled, .tbWrap.disabled, .tbWrap.readOnly, input[type=password]:disabled, .combobox.disabled, .combobox.disabled .cbShowField span,
.listbox.disabled, textarea:disabled, .textarea.readOnly, input[type="checkbox"].checkbox:disabled + label:before, input[type="radio"].rb:disabled + label:before {
    background-color: #F4F4F4;
}

/*Shadow for focused Textboxes*/
.tbWrap.selected:not(.noBorder), input[type=password]:focus, textarea:focus {
    -webkit-box-shadow: 0px 0px 3px rgb(146,192,224);
    box-shadow: 0px 0px 3px rgb(146,192,224);
}

/*All Mouse Overs*/
/*Borders*/
.butToggle.active, .button:not(.menu):hover:enabled:not(:active), .tbWrap:not(.disabled):hover, input[type=password]:enabled:hover,
.listbox:not(.disabled):hover, textarea:enabled:hover, .combobox:not(.disabled):hover, .tbWrap.selected,
input[type=password]:focus, textarea:focus, input[type="radio"].rb:enabled + label:hover:before, input[type="checkbox"].checkbox:enabled + label:hover:before,
.listbox:not(.disabled) > *:hover, .listbox:not(.disabled) > *.active:hover, .combobox:focus, .listbox:focus, .contextMenuItem:not(.contextMenuSeparator):not(.disabled):hover {
    border-color: rgb(146,192,224);
    /*border-color:rgb(210, 210,210);*/
}
/*Backgrounds*/
.button:not(.menu):hover:enabled:not(:active), input[type="radio"].rb:enabled + label:hover:before, input[type="checkbox"].checkbox:enabled + label:hover:before,
.cbLayer:not(.DDCLayer) > ul > li.active, .listbox:not(.disabled) > *:hover, .listbox:not(.disabled) > *.active:hover, .ribbonAdvancedSearchDisplayItem.active, .reportTypeItem:hover, .bici:hover,
.contextMenuItem:not(.contextMenuSeparator):not(.disabled):hover {
    background-color: rgb(205,230,247);
    /*background-color: rgb(223, 223, 223);*/
}

/*Active and Selected Controls*/
.butToggle.active, .button:not(.menu):active, .listbox:not(.disabled) > *.active {
    background-color: rgb(146,192,224);
}

.ribbonAdvancedSearchDisplayItem.active, .reportTypeItem:hover {
    border-left: 2px solid rgb(0, 103, 176);
}

input[type="checkbox"].checkbox:focus + label:before {
    -webkit-box-shadow: 0px 0px 3px 1px rgb(146,192,224);
    box-shadow: 0px 0px 3px 1px rgb(146,192,224);
}

/*.butLink, .textIconButton:hover p { /*Link Button*/
/*  color: rgb(146,192,224);*/
/*}*/
.cbLayer:not(.DDCLayer) > ul > li:hover, .listbox:not(.disabled) > *:hover {
    background-color: rgb(236, 236, 236);
}

.qat {
    background: rgb(128, 128, 128);
}

.ribbonBar {
    background: rgb(229, 232, 232);
}

.ribbonBorder {
    border-color: rgb(210,210,210);
}

.backstageBar {
    background: rgb(128, 128, 128);
    font-size: 14px;
    color: white;
}

.backStageButton {
    height: 45px;
    background: rgb(128, 128, 128);
    font-size: 14px;
    color: white;
}

@media all and (max-width: 420px) {
    .backStageButton {
        font-size: 12px;
    }
}

.backStageButton:not(.backStageButtonSelected):hover {
    background: rgb(165, 165, 165);
}

.backStageButtonSelected {
    background: white;
    color: black;
}

.ribbonControl {
    font-size: 12px;
    border: 1px solid transparent;
    margin: 1px 0px 1px 1px;
    cursor: default;
}

    .ribbonControl.disabled {
        opacity: 0.5;
        pointer-events: none;
    }

    .ribbonControl:not(.disabled):not(.noRibbonHover):hover {
        background: rgb(209, 209, 209);
    }

.ribbonControlSelected {
    background: rgb(183, 183, 183);
}

    .ribbonControlSelected:not(.disabled):not(.noRibbonHover):hover {
        background: rgb(209, 209, 209);
        border-color: rgb(183, 183, 183);
    }

.textBlockDocumentHeader {
    color: #003399;
    margin-bottom: 5px;
    font-size: 15px;
}

/*Block=10,BlockOrderID=101000*/
.MandatoryField {
    border: 1px solid red;
}

.GUITranslatedTextBox {
    height: 23px;
}

    .GUITranslatedTextBox > .textBlock {
        text-decoration: underline;
        align-self: center;
        margin-right: 3px;
        text-align: left;
    }

.GUIPreviewTableControl {
    -webkit-overflow-scrolling: auto;
}

    .GUIPreviewTableControl .tabControl .panel .layoutPnl .rowPnl {
        margin: 2px;
        margin-left: 20px;
    }

.GUIBaseControl {
    padding: 1px 2px;
    margin: 2px;
}

    .GUIBaseControl > .textBlock {
        white-space: nowrap;
    }

    .GUIBaseControl > .textBlock {
        text-decoration: underline;
        align-self: flex-start;
        margin-right: 3px;
        text-align: left;
    }

    .GUIBaseControl .layoutPnl .rowPnl .columnBRD {
        margin-right: 10px;
    }

    .GUIBaseControl .layoutPnl .columnBRD > * {
        flex-wrap: nowrap;
    }

.GUIInfoTextControl {
}

    .GUIInfoTextControl .page {
        width: 100% !important;
    }


.GUIDatePicker {
    height: 23px;
}

.GUICheckBox {
}

    .GUICheckBox .chbwrap,
    .GUINumeric .tbWrap,
    .GUITextBoxControl .tbWrap,
    .GUIDimensionDropDownTree .DropDownButton,
    .GUIBaseValueControl > .chbwrap {
        align-self: center;
    }

.GUIBaseValueControl .Caption {
    align-self: center;
    flex-shrink: 0;
}

.GUINumeric {
}

    .GUINumeric .numfield,
    .GUITextBoxControl .tbWrap {
        height: 100%;
        width: 100%;
    }

.GUIDatePicker .dateTimePicker {
    flex: 1 auto;
}

    .GUIDatePicker .dateTimePicker .DatePicker {
        flex: 1 auto;
    }


.GUIListBox .AddButton {
    margin: 2px;
    align-self: center;
}

/*Block=10,BlockOrderID=110110*/
.AllowedDeniedCheckGrid{
    border:1px solid lightgray;
    border-top:none;
}

    .AllowedDeniedCheckGrid .allowText{
    text-align:right;
    margin:3.5px 0;
    margin-right:30px;
    font-family: sans-serif;
    font-weight: 700;
    }

    .AllowedDeniedCheckGrid .threeStateImage .textBlock {
     width:83%;
     text-align:left;
     margin-left:5%;
    }
/*Block=10,BlockOrderID=124012*/
.OpenReportModulConfigDialog{

}

  .OpenReportModulConfigDialog .tbkCbxPnl{
      height:auto;
      margin:0 0 10px 10px;
  }

    .OpenReportModulConfigDialog .tbkCbxPnl .infoTreeViewTBK {
        font-size: 13px;
        font-family: serif;
        align-self: flex-end;
        width: 40%;
        text-align: left;
    }

    .OpenReportModulConfigDialog .tbkCbxPnl .checkBoxenPnl .chbwrap{
        margin-top:7px;
        font-family:serif;
        font-size:13px;
    }

    .OpenReportModulConfigDialog .tbkCbxPnl .checkBoxenPnl .tempPnl{
        height:30px;
    }

    .OpenReportModulConfigDialog .tbkCbxPnl .checkBoxenPnl .tempPnl .button{
        height:23px;
        width:25px;
        align-self:center;
        margin-left:5px;
    }

    .OpenReportModulConfigDialog .tbkCbxPnl .checkBoxenPnl .combobox{
        width:90px;
        margin:5px 0 0 27px;
    }

  .OpenReportModulConfigDialog .lbxTreePnl{

  }

    .OpenReportModulConfigDialog .lbxTreePnl .BaseTreeView{
        border:1px solid gray;
        max-width:40%;
        margin-right:10px;
    }

    .OpenReportModulConfigDialog .lbxTreePnl .buttonsPnl{
        margin-right:10px;
        justify-content:center;
    }

    .OpenReportModulConfigDialog .lbxTreePnl .buttonsPnl .button{
        margin-bottom:10px;
        width:23px;
        height:23px;
        font-weight:bold;
    }

.FixedFilterDialog {

}

  .FixedFilterDialog .DimensionSelectTree{
      max-width:220px;
  }
/*Block=10,BlockOrderID=124020*/

.ProcessCubeSettingsDialog .GetTextAndFwElement {
    margin-bottom: 10px;
    flex-shrink: 0;
}

    .ProcessCubeSettingsDialog .GetTextAndFwElement .textBlock {
        width: 70px;
        text-align: left;
    }

    .ProcessCubeSettingsDialog .GetTextAndFwElement .combobox {
        width: 200px;
    }

.ProcessCubeSettingsDialog .listBoxPnl .textBlock {
    width: 70px;
    text-align: left;
}
/*Block=10,BlockOrderID=124030*/
.ProcessDimensionSettingsDialog {
    flex-wrap: nowrap;
}
    .ProcessDimensionSettingsDialog .GetTextAndFwElement {
        margin: 0px 0px 5px 0px;
        flex-shrink: 0;
    }

        .ProcessDimensionSettingsDialog .GetTextAndFwElement .textBlock {
            width: 130px;
            text-align: left;
        }

        .ProcessDimensionSettingsDialog .GetTextAndFwElement .combobox {
            width: 200px;
        }

    .ProcessDimensionSettingsDialog .listBoxPnl .textBlock {
        width: 130px;
        text-align: left;
    }
/*Block=10,BlockOrderID=124060*/
.PreFillPLANTypeModulConfigDialog {

}

  .PreFillPLANTypeModulConfigDialog .stackPanel .textBlock{
      font-size:13px;
      margin:0 0 5px 5px;
      text-align:left;
  }

  .PreFillPLANTypeModulConfigDialog .captionPnl {
      margin-right:10px;
  }

  .PreFillPLANTypeModulConfigDialog .selectedPnl{
      margin-left:10px
  }
/*Block=10,BlockOrderID=124070*/
.PreFillPLANTimeModulConfigDialog {

}

  .PreFillPLANTimeModulConfigDialog .stackPanel .textBlock{
      font-size:13px;
      margin:0 0 5px 5px;
      text-align:left;
  }

  .PreFillPLANTimeModulConfigDialog .captionPnl {
      margin-right:10px;
  }

  .PreFillPLANTimeModulConfigDialog .selectedPnl{
      margin-left:10px
  }
/*Block=10,BlockOrderID=124080*/
.PreFillISTModulConfigDialog {

}

  .PreFillISTModulConfigDialog .stackPanel .textBlock{
      font-size:13px;
      margin:0 0 5px 5px;
      text-align:left;
  }

  .PreFillISTModulConfigDialog .captionPnl {
      margin-right:10px;
  }

  .PreFillISTModulConfigDialog .selectedPnl{
      margin-left:10px
  }
/*Block=10,BlockOrderID=124090*/
.CopyBetweenCubesWithMappingModulConfigDialog {
}

    .CopyBetweenCubesWithMappingModulConfigDialog .stackPanel .textBlock {
        font-size: 13px;
        margin: 0 0 5px 5px;
        text-align: left;
    }

    .CopyBetweenCubesWithMappingModulConfigDialog .captionPnl {
        margin-right: 10px;
    }

    .CopyBetweenCubesWithMappingModulConfigDialog .selectedPnl {
        margin-left: 10px;
    }

.InteractiveNumericUpDown {
    width: 50px;
    margin-top: 7px;
    margin-bottom: 7px;
}

.InteractiveCalculatedInfo {
    border-top: 1px solid gray;
    margin: 11px;
    font-size: 12px;
    white-space: pre-line;
}

.InteractiveMeasureTree {
    min-height: 100px;
    max-height: 600px;
}
/*Block=10,BlockOrderID=199231*/
.CockpitLegendSettingsPanel{
    margin-top:-5px;
    padding-left:10px;
}

  .CockpitLegendSettingsPanel .GetTextAndFwElement .textBlock{
      width:120px;
      text-align:left;
  }

.CockpitBorderPanel{
    margin-top:-5px;
    padding-left:10px;
    padding-right:20px;
}

  .CockpitBorderPanel .GetTextAndFwElement .textBlock{
      width:192px;
      text-align:left;
  }

  .CockpitBorderPanel .GetTextAndFwElement .ribbonDropDownButton{
      border:1px solid gray;
      width:161px;
      height:22px;
  }

.CockpitLegendPanel{
    margin-top:-5px;
    padding-left:10px;
    padding-right:20px;
}

  .CockpitLegendPanel .GetTextAndFwElement .textBlock{
      width:150px;
      text-align:left;
  }

  .CockpitLegendPanel .GetTextAndFwElement .ribbonDropDownButton{
      height:20px;
      width:160px;
      border:1px solid gray;
  }

.CockpitBarPanel{
    margin-top:-5px;
    padding-left:10px;
    padding-right:20px;
}

  .CockpitBarPanel .GetTextAndFwElement .textBlock{
      width:110px;
      text-align:left;
  }

  .CockpitBarPanel .GetTextAndFwElement .ribbonDropDownButton{
      border:1px solid gray;
      height:20px;
      width:80px;
  }

  .CockpitBarPanel .GetTextAndFwElement .tbWrap{
      width:82px;
  }

  .CockpitBarPanel .GetTextAndFwElement .combobox{
      width:80px;
  }

.CockpitNeedlePanel{
    margin-top:-5px;
    padding-left:10px;
    padding-right:20px;
}

  .CockpitNeedlePanel .GetTextAndFwElement .textBlock{
      width:110px;
      text-align:left;
  }

  .CockpitNeedlePanel .GetTextAndFwElement .ribbonDropDownButton{
      border:1px solid gray;
      height:20px;
      width:80px;
  }

.CockpitAreaPanel{
    margin-top:-15px;
    padding-left:15px;
    padding-right:20px;
}

  .CockpitAreaPanel .GetTextAndFwElement{
      margin-bottom:5px;
      justify-content:center;
  }

  .CockpitAreaPanel .GetTextAndFwElement .textBlock{
      width:170px;
      text-align:left;

  }

  .CockpitAreaPanel .addBTN{
      width:27px;
      height:23px;
      align-self:flex-end;
      margin-right:14px;
      margin-bottom:5px;
  }

.CockpitScalaPanel{
    margin-top:-15px;
    padding-left:15px;
    padding-right:20px;
    margin-bottom:10px;
}

  .CockpitScalaPanel .GetTextAndFwElement .textBlock{
      width:130px;
      text-align:left;
  }

  .CockpitScalaPanel .GetTextAndFwElement .tbWrap{
      width:90px;
  }

  .CockpitScalaPanel .GetTextAndFwElement .ribbonDropDownButton{
      width:90px;
      height:20px;
      border:1px solid gray;
  }
/*Block=10,BlockOrderID=199424*/
.DynamicTimeSettings3 {
    overflow: auto;
    padding: 4px;
    font-size: 11px;
}

.DynamicTimeSettings3 > *{
    flex-shrink: 0;
}

.DynamicTimeSettings3 .NameDesc .textBlock{
    width: 161px;
    text-align: left;
    align-self: center;
}

.DynamicTimeSettings3 .NameDesc .TranslationTextBox {
    margin: 4px 4px 0px 0px;
}

.DynamicTimeSettings3 .databaseSTKPNL > *{
    margin: 4px 4px 2px 0px;
}

.DynamicTimeSettings3 .databaseSTKPNL .DatabaseCMB{
    width: 155px;
    flex-shrink: 0;
}

.DynamicTimeSettings3 .databaseSTKPNL .DropDownButton{
    width: 100%;
}

.browserIE .DynamicTimeSettings3DropDownLayerStartSize {
    height: 200px;
}

.DynamicTimeSettings3TreeView {
    min-height: 200px;
    height: 100%;
    width: 100%;
}

.DynamicTimeSettings3 .timePunkt .rbWrap{
    align-self:center;
    width:150px;
}

.DynamicTimeSettings3 .dbSelectTB > input {
    width: 100%;
}

.DynamicTimeSettings3 .timePunkt, .DynamicTimeSettings3 .orientierung, .DynamicTimeSettings3 .shiftTimePunkt{
    margin:3px;
    text-align: left;
}

    .DynamicTimeSettings3 .timePunkt > .combobox, .DynamicTimeSettings3 .orientierung > .combobox {
        width: 138px;
    }

    .DynamicTimeSettings3 .timePunkt > :last-child:not(.combobox), .DynamicTimeSettings3 .rbtComboBoxProperty {
        width: 140px;
    }

.DynamicTimeSettings3 .shiftTimePunkt .textBlock{
    width:60px;
    align-self:center;
}

.DynamicTimeSettings3 .shiftTimePunkt .tbWrap{
    width:80px;
    margin-right:5px;
}

.DynamicTimeSettings3 .manTimePunkTBK{
    margin:3px;
}

.DynamicTimeSettings3 .manTimePunkTBK .textBlock{
    align-self: center;
    margin-right: 4px;
}

.DynamicTimeSettings3 .rLevelSTLPNL .textBlock{
    text-align: left;
}

.DynamicTimeSettings3 .refLevelTBK {
    text-align:left;
}

.DynamicTimeSettings3 .pathSTKPNL .canvas{
    align-self: flex-end;
    margin: 0px 2px;
}

.DynamicTimeSettings3 .pathSTKPNL .panel {
    justify-content: flex-end;
}

    .DynamicTimeSettings3 .pathSTKPNL .panel .tbWrap .textbox {
        width: 100px;
    }

.DynamicTimeSettings3 .pathSTKPNL .panel .textBlock{
    margin-bottom:4px;
    text-align:center;
}

.DynamicTimeSettings3 .pathSTKPNL {
    margin-top:14px;
    justify-content: center;
}

.DynamicTimeSettings3 .orientierung .textBlock{
    align-self:center;
    width:135px;
    margin-left: 15px;
}

.DynamicTimeSettings3 .AdditionalSettings .textBlock{
    margin: 2px 4px 2px 40px;
    width: 75px;
    align-self: center;
}

.DynamicTimeSettings3 .AdditionalSettings .numfield{
    width: 70px;
    margin: 2px 0px;
}

.DynamicTimeSettings3 .saveBtn{
    min-width: 80px;
    margin-top: 20px;
    align-self: flex-end;
}

.DynamicTimeSettings3 .sundayValueStack {
    margin: 3px;
}

    .DynamicTimeSettings3 .sundayValueStack > .textBlock {
        align-self: center;
        margin-right: 4px;
        text-align: left;
    }

    .DynamicTimeSettings3 .sundayValueStack > .numfield {
        width: 70px;
    }
/*Block=10,BlockOrderID=199430*/
.PreFillPLANTypeSlide{

}

  .PreFillPLANTypeSlide  .ButtonBRD{  
    border-top:1px solid;
    height:50px;
    background-color:aliceblue;
    justify-content:flex-end;
  }

    .PreFillPLANTypeSlide .ButtonBRD .button{
        height:40px;
        align-self:center;
        margin-right:10px;
    }
/*Block=10,BlockOrderID=199432*/
.PLANTypeGeneralPage >*, .PLANTypeAdditionalPage >*{
    margin-left:15px;
}

  .PLANTypeGeneralPage .infoControl, .PLANTypeAdditionalPage .infoControl{
      min-height:22px;
      margin-left:0px;
  }

.PLANTypeGeneralPage{
    overflow-y:auto;
}

    .PLANTypeGeneralPage .GetTextAndFwElement .textBlock{
      width:200px;
      text-align:left;
      font-size:13px;
    }

    .PLANTypeGeneralPage .GetTextAndFwElement .TranslationTextBox{
      max-width:300px;
    }

    .PLANTypeGeneralPage .GetTextAndFwElement .combobox{
        width:299px;
    }

  .PLANTypeGeneralPage .InteractiveMeasurePercent{
      justify-content:flex-end;
      margin-bottom:10px;
  }

    .PLANTypeGeneralPage .InteractiveMeasurePercent .textBlock{
        width:auto;
    }

    .PLANTypeGeneralPage .InteractiveMeasurePercent .chbwrap{
        margin:0 10px 0 5px;
    }

    .PLANTypeGeneralPage .BaseTreeView .TextGrid{
        font-size:13px;
        color:black;
        font-weight:bold;
    }

.PLANTypeAdditionalPage {
    overflow-y:auto;
}

  .PLANTypeAdditionalPage .dgh {
      min-height: 11px;
      margin-bottom: 20px !important;
  }

  .PLANTypeAdditionalPage .LegendControl{
      margin-bottom:10px;
  }
/*Block=10,BlockOrderID=199471*/
.InitializeConfigPanel{
    border:1px solid rgba(165,174,198,1);
    border-radius:3px;
    margin:15% 38% 0 38%;
    padding:10px;
    min-height:98px;
}

  .InitializeConfigPanel .buttonsPnl{
      justify-content:flex-end;
  }

    .InitializeConfigPanel .buttonsPnl .ResourceIconImage{
        align-self:center;
    }

    .InitializeConfigPanel .GetTextAndFwElement .combobox{
        width:100%;
        margin-left:5px;
    }

    .InitializeConfigPanel .GetTextAndFwElement .textBlock{
        font-size:13px;
    }

/*Block=10,BlockOrderID=199483*/
.DesignerSlide .opacityLower{
    opacity:0.3;
}

.button16x16{
    width: 20px;
    height: 20px;
    padding: 0px;
    padding-left: 1px;
}

.SettingPagePanel{
    margin-left:5px;
    min-height:500px;
}

 .SettingPagePanel .AttributesTBK,
 .ContainerViewPanel .AttributesTBK,
 .ContainerDimensionPanel .AttributesTBK,
 .ContainerEnumPanel .fieldDefinitionTBK{
      margin:7px 0 5px 0;
      text-align: left;
 }

.DataSourcePanel{
    margin:10px 0 0 15px;
}

  .DataSourcePanel >*{
      margin-bottom:5px;
  }

  .DataSourcePanel .chbwrap {
      margin-left:40px;
      font-size:13px;
  }

    .DataSourcePanel .stackPanel .textBlock{
        font-size:11px !important;
    }

.BaseElementSettingControl{
    margin-top:3px;
}

  .BaseElementSettingControl .namePnl,
   .BaseElementSettingControl .captionPnl{
      margin-bottom:5px;
      height:23px;
  }

.SQLServerDataSourcePanel {

}

  .SQLServerDataSourcePanel .GetTextAndFwElement{
      margin-top:3px;
  }

    .AnalysisServicesDataSourcePanel .GetTextAndFwElement .textBlock,
     .SQLServerDataSourcePanel .GetTextAndFwElement .textBlock{
        width:185px;
        text-align:left;
        font-size:13px;
    }

    .SQLServerDataSourcePanel .GetTextAndFwElement .tbWrap{
        width:96%;
        margin-right:5px;
    }

.ContainerTablePanel{
    padding-left:10px;
}

    .ContainerTablePanel .GetTextAndFwElement .textBlock{
        width:50px;
        text-align:left;
        font-size:13px;
    }

    .ContainerTablePanel .GetTextAndFwElement .TranslationTextBox,
    .BaseElementSettingControl .captionPnl .TranslationTextBox{
        max-width:300px;
    }

    .ContainerTablePanel .ver .textBlock{
        margin-bottom:7px;
        align-self:flex-start;
        font-size:13px;
    }

.ETLNavigationPanel{

}

  .ETLNavigationPanel .buttonsPnl{
      height:21px;
      padding-left:10px;
      margin-top:10px;
  }

    .ETLNavigationPanel .buttonsPnl .button{
        width:22px;
        margin-right:5px;
        padding:2px;
    }

.TableEditorPanel {
    padding:5px 0 0 5px;
}

.BunttonsBarPnl{
    height:auto;
    padding-left:10px;
    margin-top:5px;
}

  .BunttonsBarPnl .button{
    width: 21px;
    margin-right: 3px;
    height: 21px;
    padding: 0px;
    padding-left: 1px;
  }

    .RelationalEditorPanel .leftPnl {
        margin: 5px;
        width: 150px;
    }

    .RelationalEditorPanel .leftPnl .GetTextAndFwElement{
        margin-bottom: 3px;
        justify-content: space-between;
    }

        .RelationalEditorPanel .leftPnl .GetTextAndFwElement .textBlock {
            text-align: left;
            font-size: 11px;
        }

.ContainerCubePanel{
    padding:10px 0 0 10px;
}

    .ContainerCubePanel .GetTextAndFwElement .textBlock,
    .BaseElementSettingControl .namePnl .textBlock,
     .BaseElementSettingControl .captionPnl .textBlock,
     .DataSourcePanel .TypePnl .textBlock,
     .DataSourcePanel .AgentPnl .textBlock{
        width:40px;
        text-align:left;
        align-self:center;
        font-size:13px;
    }

.ContainerMeasureGroupsPanel{
    padding:10px 0 0 10px;
}

  .ContainerMeasureGroupsPanel >*{
      max-width:400px;
  }

  .ContainerMeasureGroupsPanel .measuregroupsPnl{
      margin-right:20px;
  }

    .ContainerMeasureGroupsPanel .measuregroupsPnl .textBlock,
     .ContainerMeasureGroupsPanel .cubeMeasurePnl .textBlock{
        text-align:left;
        margin:0 0 5px 5px;
    }

.ContainerDisplayFolderPanel{
    padding:10px 0 0 10px;
}

  .ContainerDisplayFolderPanel .SourceMeasureTree{
      max-width:250px;
      margin-right:5px;
  }

  .ContainerDisplayFolderPanel .DisplayFolderTree{
      max-width:500px;
  }

.ContainerHierachiesPanel {
    padding:10px 0 0 10px;
}
  .ContainerHierachiesPanel >*, 
  .ContainerDisplayFolderPanel .BaseTreeView{
      border:1px solid gray;
      padding:5px 0 0 5px;
      border-radius:10px;
  }

  .ContainerHierachiesPanel .BaseTreeView{
      max-width:300px;
      margin-right:5px;
  }
  
  .ContainerHierachiesPanel .HierarchyPnl{
      max-width:500px;
  }

.ContainerDimensionPanel{
    padding:10px 0 0 10px;
}

    .ContainerDimensionPanel .namePnl .textBlock,
    .ContainerDimensionPanel .captionPnl .textBlock, 
    .ContainerDimensionPanel .GetTextAndFwElement .textBlock{
      font-size:13px;
      width:70px;
      text-align:left;
    }

  .ContainerDimensionPanel .GetTextAndFwElement{
      margin-top:0px;
  }

.ContainerPlanCubePanel, .ContainerCubeVersionPanel{
    padding:10px 0 0 10px;
}

.ContainerViewPanel{
    width:98%;
}

    .ContainerViewPanel .GetTextAndFwElement .textBlock{
        font-size:13px;
        width:50px;
        text-align:left;
    }

    .ContainerViewPanel .GetTextAndFwElement .combobox, 
    .ContainerCubePanel .GetTextAndFwElement .tbWrap,
    .ContainerTablePanel .GetTextAndFwElement .combobox,
    .BaseElementSettingControl .namePnl .tbWrap,
    .DataSourcePanel .TypePnl .combobox,
    .DataSourcePanel .AgentPnl .combobox,
    .AnalysisServicesDataSourcePanel .GetTextAndFwElement .tbWrap,
    .SQLServerDataSourcePanel .GetTextAndFwElement .combobox,
    .ContainerDimensionPanel .GetTextAndFwElement .tbWrap {
        width: 300px;
    }

    .ContainerViewPanel .GetTextAndFwElement .TranslationTextBox {
        max-width:302px;
    }

  .ContainerViewPanel .sqlPnl{
      margin-top:10px;
  }

    .ContainerViewPanel .sqlPnl .textBlock{
        align-self:center;
        width:85px;
        text-align:left;
    }

    .ContainerViewPanel .sqlPnl .button{
        margin-left:10px;
        width:70px;
    }

.ContainerVirtualDimensionPanel{

}

  .ContainerVirtualDimensionPanel >*{
      margin-top:3px;
      margin-bottom:0px!important;
  }

    .ContainerVirtualDimensionPanel .panel .textBlock{
        text-align:left;
        font-size:12px;
        width: 60px;
    }

    .ContainerVirtualDimensionPanel .GetTextAndFwElement .tbWrap{
        width:300px;
    }

  .ContainerVirtualDimensionPanel .treesPnl{
      margin-top:10px;
  }

    .ContainerVirtualDimensionPanel .treesPnl .stackPanel{
        border:1px solid gray;
        margin:0 5px;
        padding:3px;
    }

    .ContainerVirtualDimensionPanel .treesPnl .sourcePnl{
        max-width:40%;
    }

.ContainerEnumPanel{

}

  .ContainerEnumPanel .button{
      width:28px;
  }

.EditDataModelPanel{
    width:auto !important;
}

.EditDataModelPanel .tabControl > .panel > .stackPanel{
    margin:3px;
    flex:1 auto;
}

.DataModelGeneralPanel{

}

    .DataModelGeneralPanel .GetTextAndFwElement .textBlock{
        width:134px;
        text-align:left;
        font-size:11px;
    }

.EvidanzaDBDataSourcePanel {

}

    .EvidanzaDBDataSourcePanel > .GetTextAndFwElement > .textBlock{
        font-size:11px;
        width:130px;
        text-align:left;
    }

.HourMinuteSecondDetailControl {

}

  .HourMinuteSecondDetailControl .textBlock{
      margin-right:3px;
      font-size:11px;
  }

  .HourMinuteSecondDetailControl .tbWrap{
      margin-right:10px;
  }

    .HourMinuteSecondDetailControl .tbWrap .textbox{
        width:30px;
    }

.FilePathDataSourcePanel {

}

    .FilePathDataSourcePanel .databasePnl .textBlock{
        margin-right:10px;
        align-self:center;
    }

    .FilePathDataSourcePanel .databasePnl .tbWrap{
        flex:1 auto;
        margin-right:3px;
    }

.AdditionalElementPanel{

}

  .AdditionalElementPanel .BaseTreeView{
      min-height:100px;
  }

.DataModelTargetDatabasePanel{

}
    /*.DataModelTargetDatabasePanel .DataSourcePanel .captionPnl .button{
        height:21px;
        margin-left:3px;
    }*/

.DroppableHierarchyBox{

}

  .DroppableHierarchyBox .TranslationTextBox{
      max-height:22px;
      margin:3px;
  }

.RelationalDimensionControl, .RelationalDimensionControl .GetTextAndFwElement,
.RelationalCubeEditorPanel, .RelationalCubeEditorPanel .GetTextAndFwElement {
    margin: 2px;
}

.RelationalDimensionControl .GetTextAndFwElement > .textBlock {
    width: 80px;
    text-align: left;
}

.RelationalDimensionControl .GetTextAndFwElement > .TranslationTextBox,
.RelationalDimensionControl > .GetTextAndFwElement > .combobox,
.RelationalCubeEditorPanel .GetTextAndFwElement > .TranslationTextBox {
    width: 200px;
}

.RelationalDimensionControl > .GetTextAndFwElement > .button {
    margin-right: 5px;
}

.RelationalDimensionControl .button,
.RelationalCubeEditorPanel .button {
    width: 23px;
    height: 23px;
    padding: 0px;
}

    .RelationalDimensionControl .button > .ResourceIconImage,
    .RelationalCubeEditorPanel .button > .ResourceIconImage {
        margin: auto;
    } 

.RelationalDimensionControl .rdcHierList {
    width: 200px;
    margin-right: 5px;
}

.RelationalDimensionControl .hierButStack {
    margin: 2px 0px;
    align-self: flex-end;
}

.RelationalDimensionControl .hierButStack > .button {
    margin-left: 5px;
}

.RelationalCubeEditorPanel .GetTextAndFwElement > .textBlock {
    width: 110px;
    text-align: left;
}

    .RelationalCubeEditorPanel .GetTextAndFwElement > .chbwrap {
        align-self: center;
    }

.RelationalCubeEditorPanel .rcepProcessCube {
    width: 100px;
    height: 23px;
    margin-left: 4px;
}

.RelDBElementChooser > .textBlock {
    margin-bottom: 5px;
    text-align: left;
}
/*Block=10,BlockOrderID=210600*/
.UserSpecificSortSettingsPanel{

}

.UserSpecificSortSettingsPanel .ActionButton{
    margin-left: 4px;
    margin-top: 2px;
}

.UserSpecificSortSettingsPanel .SortButton{
    height:23px;
    width:23px;
    margin: 2px;
}

.UserSpecificSortSettingsPanel .ListHeader{
    margin: 4px;
}

.UserSpecificSortSettingsPanel .ListUsed{
    border: 1px solid darkgray;
    margin: 4px;
}

.UserSpecificSortSettingsPanel .SourceList{
    margin-bottom: 33px;
        overflow-y: auto;
    flex-wrap: nowrap;
    display: inline;
}

.UserSpecificSortSettingsPanel .TargetList{
    margin-top: 31px;
}

.UserSpecificSortSettingsPanel .DBTree{
   border-right: 1px solid darkgray;
   margin-top: 15px;
   min-width:300px;
}

.ShareUserDeleteListBoxItemTextBlock {
    align-self:center;
}

.ShareUserDeleteListBoxItemButton {
    border: 0px;
}
/*Block=10,BlockOrderID=300032*/
.PLANTGeneralPage >*, .PLANTAdditionalPage >*{
     margin-left: 15px;
}

.PLANTGeneralPage, .PLANTAdditionalPage{
    overflow-y:auto;
}

.PLANTGeneralPage .infoControl, .PLANTAdditionalPage .infoControl{
    min-height:22px;
    margin-left:0px;
}

    .PLANTGeneralPage .GetTextAndFwElement .textBlock{
      width:200px;
      text-align:left;
      font-size:13px;
    }

    .PLANTGeneralPage .GetTextAndFwElement .TranslationTextBox{
        max-width:300px;
    }

    .PLANTGeneralPage .GetTextAndFwElement .combobox{
        width:299px;
    }

  .PLANTGeneralPage .InteractiveMeasurePercent{
      justify-content:flex-end;
      margin-bottom:10px;
  }

    .PLANTGeneralPage .InteractiveMeasurePercent .textBlock{
        width:auto;
    }

    .PLANTGeneralPage .InteractiveMeasurePercent .chbwrap {
        margin:0 10px 0 5px;
    }

     .PLANTGeneralPage .BaseTreeView .TextGrid{
        font-size:13px;
        color:black;
        font-weight:bold;
    }

.PLANTAdditionalPage{

}

  .PLANTAdditionalPage  .dgh{
    min-height:11px;
    margin-bottom:20px !important;
  }

  .PLANTAdditionalPage .shift{
      text-align:left;
      margin-bottom:10px;
  }

  .PLANTAdditionalPage > .chbwrap{
      min-height:30px;
  }

  .PLANTAdditionalPage .yearsPnl{
      margin-bottom:10px;
      min-height:20px;
  }

    .PLANTAdditionalPage .yearsPnl .textBlock{
        align-self:center;
        margin-right:3px;
    }

    .PLANTAdditionalPage .yearsPnl .tbWrap{
        width:50px;
        margin-right:10px;
    }
/*Block=10,BlockOrderID=1240100*/
.OpenCostAllocationConfigDialog {

}

  .OpenCostAllocationConfigDialog .stackPanel .textBlock{
      font-size:13px;
      margin:0 0 5px 5px;
      text-align:left;
  }

  .OpenCostAllocationConfigDialog .captionPnl {
      margin-right:10px;
  }

  .OpenCostAllocationConfigDialog .selectedPnl{
      margin-left:10px
  }
/*Block=10,BlockOrderID=1240110*/
    .ObjectVisibilitySettingsDialog .firstTBK {
        text-align: left;
        margin: 5px;
        font-size: 12px;
        line-height: 1.5;
    }

  .ObjectVisibilitySettingsDialog .lbxPnl{
      margin-bottom:5px;
  }

    .ObjectVisibilitySettingsDialog .lbxPnl .allObjectsPnl{
        margin-right:10px;
    }

        .ObjectVisibilitySettingsDialog .lbxPnl .allObjectsPnl li.disabled {
            opacity: 0.5;
            pointer-events: none;
        }

    .ObjectVisibilitySettingsDialog .lbxPnl .selectedObjectsPnl{
        margin-left:10px;
    }

    .ObjectVisibilitySettingsDialog .lbxPnl .lbxTtl {
        text-align: left;
        margin: 5px;
        font-size: 13px;
    }

    .ObjectVisibilitySettingsDialog .lbxPnl .buttonsPnl{
        align-self:center;
    }
      
      .ObjectVisibilitySettingsDialog .lbxPnl .buttonsPnl .button{
          margin-bottom:5px;
          width:23px;
          height:23px;
          font-weight:bold;
      }
/*Block=10,BlockOrderID=1240120*/
.SetReportSelectSettingsPanel {

}

.SetReportSelectSettingsPanel .combobox {
    width: 200px;
}

  .SetReportSelectSettingsPanel .combobox .textbox{
        text-align:center;
    }

  .SetReportSelectSettingsPanel .srsspRadioStack {
      align-self: center;
  }

  .SetReportSelectSettingsPanel .radioPnl{
      justify-content:center;
      margin-bottom:5px;
  }

    .SetReportSelectSettingsPanel .radioPnl .rbWrap {
      margin-right:10px;
      font-size:13px;
    }

  .SetReportSelectSettingsPanel .ReportSelectPnl{
      margin-bottom:15px;
  }

    .SetReportSelectSettingsPanel .ReportSelectPnl .textBlock{
        font-size:13px;
        margin-bottom:5px;
    }

    .SetReportSelectSettingsPanel .ReportSelectPnl .combobox{
        width:180px;
        align-self:center;
    }

  .SetReportSelectSettingsPanel .ObjectSelectPnl {
      margin-bottom:15px;
  }

    .SetReportSelectSettingsPanel .ObjectSelectPnl .headerObjTBK{
        margin-bottom:5px;
        font-size:13px;
    }

    .SetReportSelectSettingsPanel .ObjectSelectPnl .GetTextAndFwElement {
        justify-content:center;
        margin-bottom:5px;
    }

      .SetReportSelectSettingsPanel .ObjectSelectPnl .GetTextAndFwElement .textBlock{
          font-size:13px;
          margin-right:5px;
      }

  .SetReportSelectSettingsPanel .textBlockDocumentHeaderControl{
      margin-bottom:10px;
  }
/*Block=10,BlockOrderID=1240130*/

.SetViewSettingsPanel > .textBlock {
    text-align: left;
    margin-bottom: 0px;
}

.SetViewSettingsPanel > .GetTextAndFwElement {
    margin-top: 4px;
}

.SetViewSettingsPanel > .GetTextAndFwElement > .textBlock {
    width: 200px;
    text-align: left;
    margin-right: 5px;
}

.SetViewSettingsPanel > .GetTextAndFwElement > .combobox {
    width: 200px;
}
/*Block=10,BlockOrderID=1240140*/

.ExecuteSSISSettingsDialog .GetTextAndFwElement .textBlock {
    width: 70px;
    text-align: left;
}

.ExecuteSSISSettingsDialog .GetTextAndFwElement .combobox {
    width: 200px;
}

.ExecuteSSISSettingsDialog .PacketLBX .textBlock {
    align-self: flex-start;
    margin-top: 5px;
}
/*Block=10,BlockOrderID=1240150*/
.StoredProcedureSettingsPanel{

}

  .StoredProcedureSettingsPanel .GetTextAndFwElement .textBlock{
      width:110px;
      text-align:left;
      font-size:13px;
  }

  .StoredProcedureSettingsPanel .procedurePnl  .textBlock{
      align-self:flex-start;
      margin-top:5px;
  }

.StoredProcedureParameterPanel{
    margin: 0 10px 7px 7px;
}

  .StoredProcedureParameterPanel .textBlockDocumentHeaderControl{
      margin:7px 7px 11px 7px;
  }

    .StoredProcedureParameterPanel .textBlockDocumentHeaderControl .subText{
        font-size:12px;
    }

    .StoredProcedureParameterPanel .requiredPnl .textBlock{
        align-self:flex-end;
    }

.ParameterObject{
    margin:0px 10px 7px 7px;
}

  .ParameterObject >.textBlock{
      width:150px;
      align-self:center;
      text-align:left;
  }
/*Block=10,BlockOrderID=1240160*/
.ExecuteGeneralSettingModulConfigDialog {

}

  .ExecuteGeneralSettingModulConfigDialog .tbkCbxPnl{
      margin:5px;
  }

    .ExecuteGeneralSettingModulConfigDialog .tbkCbxPnl .textBlock{
      width:48%;
      margin-right:10px;
      text-align:left;
    }

  .ExecuteGeneralSettingModulConfigDialog .treeLbxPnl{

  }

    .ExecuteGeneralSettingModulConfigDialog .treeLbxPnl .BaseTreeView{
        border:1px solid gray;
        width:40%;
        margin-right:5px;
    }

    .ExecuteGeneralSettingModulConfigDialog .treeLbxPnl .listbox{
        width:40%;
        margin-left:5px;
    }

  .ExecuteGeneralSettingModulConfigDialog .buttonsPnl{
      justify-content:center;
  }

    .ExecuteGeneralSettingModulConfigDialog .buttonsPnl .button{
        width:23px;
        height:23px;
        font-weight:bold;
        margin-top:7px;
    }
/*Block=10,BlockOrderID=1994113*/
.WizardDialog {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    justify-content: center;
    z-index: 1;
}

.WizardDialogContentStack {
    border: 1px solid rgb(165,174,198);
    border-radius: 3px;
    min-width: 650px;
    min-height: 480px;
    align-self: center;
    background-color: white;
}


.browserIE .WizardDialog .transitionContentPanel {
    min-height: 385px;
}

  .WizardDialog .transitionPanelContent{
      width:98%;
      padding:5px 5px 0 5px;
      height:98%;
  }

    .WizardDialog .transitionPanelContent .stackPanel{
        max-height:98%;
    }

  .WizardDialog .buttonsPnl{
      height:25px;
      background-color:rgb(240,240,240);
      justify-content:flex-end;
      padding:10px;
  }

    .WizardDialog .buttonsPnl .button{
        height:25px;
        align-self:center;
        width:100px;
        margin-left:3px;
    }
/*Block=10,BlockOrderID=1994115*/
  .DataSourceSelectionPage .GetTextAndFwElement{
      width:99%;
  }

    .DataSourceSelectionPage .combobox{
      margin-left:5px;
    }

    .DataSourceSelectionPage .settingsGroupHeader{
      width:98%;
    }

    .DataSourceSelectionPage .GetTextAndFwElement .DataSourcePanel .combobox{
        margin-left:0;
    }

.CSVSourceSettingsPage{

}

  .CSVSourceSettingsPage >*{
      margin-top:10px;
  }

    .CSVSourceSettingsPage .stackPanel .textBlock{
        width:87px;
        text-align:left;
    }

    .CSVSourceSettingsPage .stackPanel .combobox{
        width:300px;
        margin-right:3px;
    }

    .CSVSourceSettingsPage .stackPanel .tbWrap{
        width:302px;
    }

    .CSVSourceSettingsPage .filePnl .button{
        height:22px;
        width:21px;
    }

  .CSVSourceSettingsPage .chbwrap{
      margin-left:87px;
  }

  .CSVSourceSettingsPage .button{
      width:66px;
  }
/*Block=10,BlockOrderID=1994121*/

.ExcelBasicSettingPage{

}

  .ExcelBasicSettingPage .GetTextAndFwElement{
      margin-top:0px;
  }

  .ExcelBasicSettingPage >*{
      margin-bottom:5px;
  }

  .ExcelBasicSettingPage .filePnl .textBlock{
      width:63px;
      align-self:center;
      text-align:left;
  }

  .ExcelBasicSettingPage .GetTextAndFwElement .textBlock,
  .ExcelBasicSettingPage .rangePnl .textBlock{
      align-self:center;
      width:65px;
      text-align:left;
  }

    .ExcelBasicSettingPage .filePnl .button{
        height:22px;
        width:23px;
    }

    .ExcelBasicSettingPage .rangePnl .tbWrap{
        margin-right:1px;
    }

    .ExcelBasicSettingPage .button{
        width:80px;
    }
    
    .ExcelTargetSettingPage .GetTextAndFwElement .tbWrap,
    .ExcelBasicSettingPage .filePnl .combobox,
    .ExcelBasicSettingPage .GetTextAndFwElement .combobox{
        width:365px;
    }

    .ExcelTargetSettingPage .GetTextAndFwElement .combobox{
        width:363px;
    }

    .ExcelTargetSettingPage .BaseTreeView{
        margin-top:5px;
    }

    .ExcelTargetSettingPage .GetTextAndFwElement .textBlock{
        width: 50px;
        text-align: left;
    }


.ExcelWizard{
    align-self: auto;
    margin: 0 34%;
    margin-top: 3%;
}

.ExcelDetailSettingPage{

}

    .ExcelDetailSettingPage .GetTextAndFwElement >*{
        margin:2px;
    }

    .ExcelDetailSettingPage .GetTextAndFwElement .combobox,
    .ExcelDetailSettingPage .GetTextAndFwElement .tbWrap{
        width:350px;
    }

  .ExcelDetailSettingPage .BaseTreeView{
      margin:11px 2px 2px 2px;
  }
/*Block=10,BlockOrderID=1994129*/
.GeneralCubePage >*{
    margin-top:5px;
    width:600px;
}

    .GeneralCubePage .panel .textBlock{
        width:250px;
        font-size:13px;
        text-align:left;
    }

  .PLANCubeDimensionPage .buttonsPnl1994125{
      margin-bottom:3px;
  }

    .PLANCubeFunctionPage .ButtonsPnl .button{
        width:150px;
        margin:10px;
    }

  .PLANCubeFunctionPage .Measures{
      border-radius:5px;
      border:1px solid rgb(100,100,100);
      flex-wrap:nowrap;
      overflow-y:auto;
  }
    
    .PLANCubeFunctionPage .Measures .Measureblock{
        min-height:74px;
    }

    .PLANCubeFunctionPage .Measures .Funktionsblock{
        min-height:122px;
    }

    .PLANCubeFunctionPage .Measures .Kalkulationsschema{
        min-height:70px;
    }  

      .browserIE11 .PLANCubeFunctionPage .Measures .Measureblock{
          height:74px;
      }

      .browserIE11 .PLANCubeFunctionPage .Measures .Funktionsblock{
          height:122px;
      }

      .browserIE11 .PLANCubeFunctionPage .Measures .Kalkulationsschema{
          height:70px;
      }

.MeasureControl{
    border:1px solid silver;
    padding:2px;
    margin:5px 5px 0 5px;
}

  .MeasureControl .border{
      border:none;
      width:16px;
  }

    .MeasureControl .textBlock{
        font-weight:bolder;
    }

.MeasuresPnl{
    margin-left:10px;
}

  .MeasuresPnl .stackPanel{
      margin-right:5px;
  }

    .MeasuresPnl > .stackPanel >*{
        height:27px;
        align-self:center;
    }

    .MeasuresPnl .textBlock{
        margin-bottom:3px;
        height:auto !important;
    }

    .MeasuresPnl .stackPanel .chbwrap label{
        align-self:center;
    }

    .MeasuresPnl .stackPanel .FormulaPnl .button{
        height:25px;
        align-self:center;
    }

  .MeasuresPnl .tbWrap{
      height:25px;
      width:102px;
      margin-bottom:2px;
  }

    .MeasuresPnl .tbWrap .textbox{
        max-width:100px;
    }

    .browserIE .MeasuresPnl > .stackPanel, .browserEdge .MeasuresPnl > .stackPanel, .browserFirefox .MeasuresPnl > .stackPanel {
        flex-wrap: nowrap;
    }

    .browserIE .MeasuresPnl .tbWrap .textbox {
        width: 100px;
    }

  .MeasuresPnl .stackPanel{
      max-height:none;
  }


  .MeasuresPnl .TargetPnlIncrease{
      height:75px;
      width:230px;
  }

      .MeasuresPnl .TargetPnlIncrease .TargetPnl .AddTarget {
          align-self: flex-start;
          margin-top: 3px;
          width:32px;
      }

      .MeasuresPnl .TargetPnlIncrease .TargetPnl{
          align-self:inherit;
      }

        .MeasuresPnl .TargetPnlIncrease .TargetPnl .horPnl >*{
            align-self:center;
            margin-right:3px;
        }

          .MeasuresPnl .TargetPnlIncrease .TargetPnl .horPnl .button{
              height:22px;
          }

          /*.MeasuresPnl .TargetPnlIncrease .TargetPnl .horPnl .combobox{
              width:140px;
          }*/

          .MeasuresPnl .TargetPnlIncrease .TargetPnl .horPnl .textBlock{
              width:30px;
          }

          .MeasuresPnl .TargetPnlIncrease .TargetPnl .horPnl .TargetFormulaBTN{
              padding:0px 2px;
              height:16px;
              align-self:flex-end;
          }

    .MeasuresPnl .NamePnl .combobox{
        height:21px;
        margin:2px 0 2px 0;
    }

      .MeasuresPnl .FormulaPnl .FormulaTBK{
          font-weight:normal;
          align-self:center;
          margin-right:5px;
      }

.IventoryDefinitionPage .combobox {
    width: 350px;
}

    .IventoryDefinitionPage > .GetTextAndFwElement > .textBlock{
        width:151px;
        text-align:left;
    }

.browserIE .DimensionSelectionDialog {
    flex: 1 1 0px; /*Da sonst Text rausragt*/
}

.DimensionSelectionDialog > .textBlock {
    text-align: left;
    margin: 4px;
}

.CubeOverviewPage > .infoPnl > .textBlock {
    align-self: center;
    margin-left: 5px;
}
/*Block=10,BlockOrderID=1994130*/
.CommentSettingsPanel {
    font-size: 11px;
}

    .CommentSettingsPanel .StackPanelMain {
        flex-direction: column;
        height: 100%;
        flex-wrap: nowrap;
    }

    .CommentSettingsPanel .StackPanelArea {
        height: 100%;
        flex-wrap: nowrap;
    }

    .CommentSettingsPanel .Button {
        width: 75px;
        margin-left: 0px;
        margin-top: 2px;
        margin-right: 4px;
        margin-bottom: 2px;
    }

    .CommentSettingsPanel .TreeOverview {
        margin-top: 11px;
        width: 300px;
    }

    .CommentSettingsPanel .BorderContent {
        border-left: 1px solid gray;
        padding-left: 5px;
    }

    .CommentSettingsPanel .TreeLog {
        flex: 1 1 auto;
        margin-left: 5px;
        margin-top: 2px;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .CommentSettingsPanel .LogButtonBarButton {
        height: 23px;
        margin: 5px 2px 5px 2px;
    }

    .CommentSettingsPanel .ButtonCodeDesc {
        height: 23px;
        width: 23px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .CommentSettingsPanel .ButtonSave {
        align-self: flex-end;
    }

.ContainerCommentCubePanel.BaseElementSettingControl {
    margin-left: 10px;
}

    .ContainerCommentCubePanel.BaseElementSettingControl > .stackPanel > p {
        width: 120px;
        font-size: 11px;
        text-align: left;
    }

    .ContainerCommentCubePanel.BaseElementSettingControl > p {
        text-align: left;
        margin: 0px 0px 5px 0px;
        font-size: 11px;
    }

    .ContainerCommentCubePanel.BaseElementSettingControl > .GetTextAndFwElement {
        margin: 0px 0px 5px 0px;
    }

.CommentCubeSettingsControl {
}

    .CommentCubeSettingsControl .Header {
        margin: 2px;
    }

    .CommentCubeSettingsControl .DefaultMemberCaption {
        width: 150px;
        margin: 2px;
        font-weight: bold;
        text-align: center;
    }

    .CommentCubeSettingsControl .DefaultMemberDropDown {
        margin: 2px;
    }

    .CommentCubeSettingsControl .DefaultMemberDropDownContent {
        min-height: 350px;
    }

    .CommentCubeSettingsControl .DefaultMemberComboBox {
        margin: 2px;
        width: 100px;
    }

    .CommentCubeSettingsControl .DefaultMemberSearchText {
        margin: 2px;
        width: 150px;
        flex-basis: auto;
    }

    .CommentCubeSettingsControl .DefaultMemberDropDown .DDCLayer {
        min-height: 350px;
    }

/*Block=10,BlockOrderID=1994170*/
.RBMBasicSettingPage {

}

    .RBMBasicSettingPage .GetTextAndFwElement .textBlock{
        width:45%;
        text-align:left;
    }

    .RBMBasicSettingPage .GetTextAndFwElement .chbwrap{
        align-self:center;
    }

.ContainerRBMPanel{

}

  .ContainerRBMPanel .GetTextAndFwElement{
      width:500px;
  }

    .ContainerRBMPanel .GetTextAndFwElement .textBlock{
        width:110px;
        text-align:left;
    }

  .ContainerRBMPanel .fieldDefinitionTBK{
      text-align:left;
      margin:7px 0;
  }

.RBMBuilderSourcePanel{
    max-width:300px;
    margin-right:5px;
}

  .RBMBuilderSourcePanel .radioButtonsPnl{
      margin:5px 0;
  }

    .RBMBuilderSourcePanel .radioButtonsPnl .treeFilterRB{
        margin-left:120px;
    }

    .RBMBuilderSourcePanel .searchPnl >*{
        margin-right:3px;
    }

    .RBMBuilderSourcePanel .searchPnl .tbWrap{
        width:170px;
    }

  .RBMBuilderSourcePanel .buttonBarPnl{
      margin-top:5px;
  }

    .RBMBuilderSourcePanel .buttonBarPnl >*{
        margin-right:3px;
    }

  .RBMBuilderSourcePanel .listbox{
      margin:10px 10px 0 0;
  }

.rbmBasicSettingsDimCombo .CBXImageItem {
    flex-wrap: nowrap;
}

.rbmBasicSettingsDimCombo .CBXImageItem > .ResourceIconImage {
    flex-shrink: 0;
}

.rbmBasicSettingsDimCombo .CBXImageItem > .textBlock {
    white-space: nowrap;
}
/*Block=10,BlockOrderID=1994190*/
.ContainerModuleDesignerTablePanel {
}

    .ContainerModuleDesignerTablePanel .namePnl .textBlock,
    .ContainerModuleDesignerTablePanel .captionPnl .textBlock,
    .ContainerModuleDesignerTablePanel .GetTextAndFwElement .textBlock {
        font-size: 11px;
        text-align: left;
        width: 205px;
    }

    .ContainerModuleDesignerTablePanel .GetTextAndFwElement .button,
    .ContainerModuleDesignerTablePanel .GetTextAndFwElement .tbWrap {
        width: 300px;
    }

    .ContainerModuleDesignerTablePanel .GetTextAndFwElement .DropDownButton {
        width: 298px;
    }

    .ContainerModuleDesignerTablePanel > * {
        margin-top: 3px;
        margin-bottom: 0px;
    }

    .ContainerModuleDesignerTablePanel .fieldDefinitionTBK {
        text-align: left;
        margin: 10px 0;
    }

    .ContainerModuleDesignerTablePanel .fieldPnl .BaseTreeView {
        margin-right: 10px;
        min-width: 50%;
    }

    .ContainerModuleDesignerTablePanel .fieldPnl .border {
        border-top: 1px solid lightgray;
        border-left: 1px solid lightgray;
        margin-top: 1px;
    }

    .ContainerModuleDesignerTablePanel .GetTextAndFwElement .DropDownButton .BaseTreeView {
        min-height: 200px;
    }

.browserIE .ContainerModuleDesignerTablePanel .GetTextAndFwElement .DropDownButton .DDCLayer {
    height: 200px;
}

.browserIE .ContainerModuleDesignerTablePanel .GetTextAndFwElement .DropDownButton .BaseTreeView {
    min-height: 200px;
    height: 200px;
}

.AlertDialog {
}

    .AlertDialog .ItemsPnl {
        height: 85%;
    }

        .AlertDialog .ItemsPnl .AlertControl > * {
            margin: 5px 5px 0 0;
        }

        .AlertDialog .ItemsPnl .textBlock {
            align-self: center;
            width: 110px;
            text-align: left;
            margin-left: 5px;
        }

        .AlertDialog .ItemsPnl .button {
            height: 27px;
        }

    .AlertDialog .button {
        width: 28px;
    }

.DesignerSlide .border .tabControl {
    flex-wrap: nowrap;
}

.AFieldModuleDesignerPanel {
    margin: 5px 0 0 5px;
}

    .AFieldModuleDesignerPanel .panel {
        margin-top: 2px;
        margin-bottom: 0px;
    }

        .AFieldModuleDesignerPanel .panel .textBlock {
            width: 205px;
        }

.ParentFilterDialogButton {
    height: 23px;
    width: 23px;
    margin: 2px;
}

.ParentFilterControlComboBox {
    margin: 2px;
    width: 150px;
}

.DependentAttributeControlTextBlock {
    margin: 2px;
    flex: 1 1 auto;
    text-align: left;
    align-self: center;
}


.MinHeightTree300 {
    min-height: 300px;
}

.browserIE .MinHeightTree300 {
    min-height: 300px;
     min-width: 300px;
}

.Width300 {
    width: 300px;
}

.FieldDetailBRD {
    overflow-x: auto;
}

/*Block=10,BlockOrderID=1994310*/
.TableSelectionPanel {
    border: 1px solid rgba(165,174,198,1);
    border-radius: 3px;
    margin: auto;
    padding: 10px;
    max-height: 500px;
    width: 400px;
}

.browserIE .TableSelectionPanel {
    height: 500px;
}

  .TableSelectionPanel .LargeHeader{
      margin:2px;
  }

  .TableSelectionPanel > .textBlock{
      margin:2px;
  }
  
  .TableSelectionPanel .textIconButton{
      margin:10px;
      align-self:flex-end;
  }

.IsNotEnabled{
    opacity:0.3;
}
/*Block=10,BlockOrderID=1994350*/
.ETLSchedulerTimeSettingsPanel{
    padding:0 10px;
}

    .ETLSchedulerTimeSettingsPanel > .stackPanel > .textBlock{
        width:65px;
        text-align:left;
    }

  .ETLSchedulerTimeSettingsPanel .dateTimePicker{
      margin:2px;
  }

  .ETLSchedulerTimeSettingsPanel .recurrenceSettingControl{
      margin:2px;
      align-self:center;
  }

    .ETLSchedulerTimeSettingsPanel .defaultGroupHeader .textBlock{
        width:auto;
    }

  .ETLSchedulerTimeSettingsPanel .rangeSettingControl{
      align-self:center;
  }

.ETLSchedulerScriptSettingsPanel{
    padding:0 10px;
}

  .ETLSchedulerScriptSettingsPanel .button{
      margin:2px;
      width:70px;
  }

  .ETLSchedulerScriptSettingsPanel > .border{
      border:1px solid gray;
      height:150px;
      padding:3px;
  }

    .ETLSchedulerScriptSettingsPanel .border > div{
        text-align:left;
    }
/*Block=10,BlockOrderID=1994360*/
.ScriptEditorDialog {
}

    .ScriptEditorDialog .secondPnl {
        width: 70%;
    }

    .ScriptEditorDialog .buttonsPnl .button {
        margin: 2px;
    }

    .ScriptEditorDialog .mainPnl .secondPnl .ListBoxWithHeaderControl {
        max-height: 30%;
    }

    .ScriptEditorDialog .thirdPnl .static {
        max-height: 20%;
    }

      .ScriptEditorDialog .mainPnl .BaseTreeViewWithHeaderControls > .tbWrap{
          border:none;
          margin:3px 1px;
      }

.AWithHeaderControl {
}

    .AWithHeaderControl .border {
        background: rgba(128,128,128,1);
        height: 25px;
    }

        .AWithHeaderControl .border .textBlock {
            margin: 2px;
            color: white;
            font-size: 12px;
            align-self: center;
        }

.ScriptTextBox {
    border: 1px solid rgba(128,128,128,1);
    position: relative;
    text-align: left;
}

    .ScriptTextBox .tbWrap textarea {
        resize: none;
    }

    .ScriptTextBox > * {
        position: absolute;
        top: 3px;
        right: 0px;
        bottom: 0px;
        left: 3px;
    }

.ScriptDefinitionPanel {
}

    .ScriptDefinitionPanel .HeaderForm {
        font-size: 14px;
        margin: 4px;
        text-align: center;
    }

    .ScriptDefinitionPanel .StackPanelForm {
        height: 140px;
        margin: 4px;
    }

    .ScriptDefinitionPanel .ButtonForm {
        height: 23px;
        width: 23px;
        padding: 0px;
        margin: 4px;
    }

    .ScriptDefinitionPanel .ButtonBar {
        margin: 4px;
        align-self: flex-end;
    }

.SDPBottomBorder {
    border-bottom: 1px solid rgb(210, 210, 210);
}


.SDPRightBorder {
    border-right: 1px solid rgb(210, 210, 210);
}

.SDPButton {
    height: 23px;
    width: 23px;
    padding: 0px;
    margin: 2px;
}

.SDPCenterText {
   align-self:center;
}

/*Block=10,BlockOrderID=1994400*/
.DragDropPopup{
    width:100% !important;
    height:100% !important;
    background-color:transparent;
}

.DragVisual {
    position: absolute;
    opacity: 0.7;
    border: 1px solid black;
    background-color: white;
}

.DragCueObject{

}

  .DragCueObject >*{
      margin:2px 3px;
      text-align: left;
  }

    .DragCueObject .firstPnl .ResourceIconImage{
        margin-right:10px;
    }

  .DragCueObject .lineBRD{
      border:1px solid gray;
  }

  .droppableList .droppableListList > * {
      padding: 1px;
      margin: 1px;
  }

  .droppableList .droppableListList > *:hover {
      background-color: rgb(236, 236, 236);
  }

.droppableList .droppableListList > *.active {
    background-color: rgb(146, 192, 224);
}

  .droppableList .droppableListList.hor .droppableListItem {
      align-self: flex-start;
  }

    .droppableList .droppableListList .droppableListItem .emptyDroppableListItem {
        min-width: 16px;
        min-height: 16px;
    }

.droppableList.showCanDropBorder .droppableListItem.droppable {
    border: 0px solid black;
}

.droppableList.showCanDropBorder .droppableListList.ver .droppableListItem.droppable:not(.mouseInFirstHalf) {
    border-bottom-width: 2px;
}

    .droppableList.showCanDropBorder .droppableListList.ver .droppableListItem.droppable.mouseInFirstHalf {
        border-top-width: 2px;
    }

    .droppableList.showCanDropBorder .droppableListList.hor .droppableListItem.droppable:not(.mouseInFirstHalf) {
    border-right-width: 2px;
}

    .droppableList.showCanDropBorder .droppableListList.hor .droppableListItem.droppable.mouseInFirstHalf {
        border-left-width: 2px;
    }
/*Block=10,BlockOrderID=1994420*/
.MassOperationDeleteInfoPage{

}

  .MassOperationDeleteInfoPage .textBlock,
  .AMassOperationInfoPage .textBlock{
      text-align:left;
      align-self:flex-start;
      font-size:14px;
      color:rgba(62,120,179,1);
      margin:20px;
  }

.GUIMaskWizardPage{
    margin:0% 32%;
}
/*Block=10,BlockOrderID=1994460*/
.ContainerRBMVariablePanel {
}

    .ContainerRBMVariablePanel .GetTextAndFwElement .textBlock {
        text-align: left;
        width: 110px;
    }

    .ContainerRBMVariablePanel .GetTextAndFwElement .TranslationTextBox,
    .ContainerRBMVariablePanel .GetTextAndFwElement .tbWrap {
        width: 350px;
    }

    .ContainerRBMVariablePanel .GetTextAndFwElement .TranslationTextBox {
        max-width: 350px;
    }

    .ContainerRBMVariablePanel .GetTextAndFwElement > * {
        margin: 2px;
    }

.RBMVariableBuilderSourcePanel {
    width: 300px;
    min-height: 100%;
}

.ContainerRBMVariableBuilderPanel {
    margin-top: 11px;
}

.RTBIModellColumnSettingsPanel {
    max-height: 200px;
}

.RTBIModelCubeSelectPanel {
    overflow: hidden;
}

.RTBIModelCubeSelectPanel > .textBlockDocumentHeaderControl > .stackPanel {
    overflow: hidden;
}

.RTBTreeViewDelayedTranslationTextBox > .TranslationTextBox input, .RTBIModelTreeViewTextBox input {
    width: 100%;
}

.RTBTreeViewDelayedTranslationTextBox > .TranslationTextBox .button {
    flex-shrink: 0;
}
/*Block=10,BlockOrderID=1994470*/
.PropertyContentGrid{
    padding:3px;
    width:97%;
}

    .PropertyContentGrid .GetTextAndFwElement .textBlock{
        min-width:90px;
        text-align:left;
    }

  .PropertyContentGrid .DisplayedItemsMLBX{
      width:132px;
  }

    .PropertyContentGrid .DisplayedItemsMLBX .stackPanel{
        flex-wrap:nowrap;
    }

        .PropertyContentGrid .DisplayedItemsMLBX .stackPanel .listbox .SelectedCBXItemListBoxCheckBoxRight{
            flex-wrap:nowrap;
        }
/*Block=10,BlockOrderID=13062017*/
.ExcelExportDialog {
}

    .ExcelExportDialog .StackWidth33 {
        flex: 1 1 30%;
        max-width: 33%;
        margin-right: 4px;
        overflow: hidden;
    }

    .ExcelExportDialog .MoveStack {
        align-self: center;
    }

    .ExcelExportDialog .MoveButton {
        width: 23px;
        height: 23px;
        margin: 5px;
    }

    .ExcelExportDialog .GroupHeader {
        background-color: #E2E2E2 !important;
        font-weight: bold;
        width: 100%;
        text-align: left;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .ExcelExportDialog .SourceList {
        height: 50%;
    }

    .browserEdge .ExcelExportDialog ul {
        flex: 1 1 0px;
    }

    .ExcelExportDialog ul {
        overflow-x: hidden;
    }

    .ExcelExportDialog ul > * {
        flex-wrap: nowrap;
    }

    .ExcelExportDialog ul .ResourceIconImage {
        flex-shrink: 0;
    }

        .ExcelExportDialog ul p {
            align-self: center;
        }

    .ExcelExportDialog .placeHolder > .stackPanel{
        overflow: hidden;
    }

    .ExcelExportDialog .excelExportROGOList {
        border-width: 0px;
    }

.TemplateDialog {
}

    .TemplateDialog .TextBlockInfo {
        color: blue;
        margin: 2px;
    }

    .TemplateDialog .ActionButton {
        height: 23px;
        width: 23px;
        margin: 2px;
        padding: 0px;
    }

    .TemplateDialog .TextBlockName {
        text-align: left;
        align-self: center;
        margin: 2px;
    }

.OverviewEmptyText {
    color: gray;
}

.OverviewCaption {
    width: 155px;
    text-align: left;
    align-self: center;
}

.OverviewCaption2 {
    text-align: left;
    align-self: center;
}

.CaptionAnchorCell {
    flex: 1 1 0px;
}

    .CaptionAnchorCell > .textbox {
        width: 100%;
    }
/*Block=10,BlockOrderID=30001502*/
.GUIOverviewDataTreeGridControl {
    min-height: 30px;
}

.browserSafari.mobile .GUIOverviewDataTreeGridControl {
    min-width: 0;
}

.browserSafari.mobile .GUIOverviewDataTreeGridControl > .MainPnl,
.browserSafari.mobile .GUIOverviewDataTreeGridControl > .MainPnl > .DataTreeGrid {
    overflow: hidden;
}

    .GUIOverviewDataTreeGridControl > .MainPnl {
        position: relative;
    }

    .GUIOverviewDataTreeGridControl > .MainPnl > .button {
        width: 22px;
        height: 22px;
        padding: 0px;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .GUIOverviewDataTreeGridControl > .MainPnl > .button > .ResourceIconImage {
        margin: auto;
    }


.AGUIProcessButtonControl {
    margin: 3px 0;
}

    .AGUIProcessButtonControl .ProcessButton {
        min-height: 16px;
    }

.Grid100Area {
    -ms-grid-rows: 1fr !important;
    -ms-grid-columns: 1fr !important;
    grid-template-rows: 1fr !important;
    grid-template-columns: 1fr !important;
}

.Table100Area {
    grid-area: 1 / 1 / 1 / 1 !important;
    -ms-grid-row: 1 !important;
    -ms-grid-row-span: 1 !important;
    -ms-grid-column: 1 !important;
    -ms-grid-column-span: 1 !important;
}