﻿/*.fixed_no_scroll {
    z-index: -1;
    position: fixed;
    top: 100;
    left: 100;
    / *height: 100%;
    width: 100%;
    background-size: 100%;
    background-image: url(../hg_img.jpg);
    background-repeat: no-repeat;* /
}*/

.rowWerkstoff label {  /* Mail 11.10.2016 08:22 */
    font-size: 16px;   /*vs 18px bei "normalem" Browser*/
    font-weight:bold;
    font-style: italic;
/*   color: red;*/
}
.certificate-material {
    /*blaue Bemerkung aus Mail 30.08.2016 um 16:41*/
    background-color: #33CCFF;
    /*font-size: 20px;*/
}

/*http://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance#make-the-grid-100-high-and-auto-resizable
#gridFiles .k-grid-header
{
   padding: 0 !important;
}

#gridFiles .k-grid-content
{
   overflow-y: visible;
}

#gridFiles .k-grid-content
{
    min-height: 100px;
    max-height: 400px;
}*/

.k-i-custom_AG {
    background: 50% 50% no-repeat url("../pictures/custom_AG.png");
}

.k-i-custom_DE {
    background: 50% 50% no-repeat url("../pictures/custom_DE.png");
}

.k-i-custom_EN {
    background: 50% 50% no-repeat url("../pictures/custom_EN.png");
}

.k-i-custom_NO {
    background: 50% 50% no-repeat url("../pictures/custom_NO.png");
}

.k-i-custom_HTML {
    background: 50% 50% no-repeat url("../pictures/custom_HTML.png");
}

.durchgestrichen { 
  text-decoration:line-through; 
}

.string-h3 {
    font-size: 18px;   /*vs 22px bei PDF*/
    /*color: red;*/
}

.string-h4 {
    font-size: 14px; /*vs 22px bei PDF*/
    /*color: red;*/
}

.certificate-rule-valid {
    background-color: wheat;
    font-family:Arial;
}

.edit-text {
    background-color: wheat;
    font-family: Arial;
}
.certificate-rule-invalid {
    /* mit Streifen im Hintergrund */
    background: url("../pictures/stripe_45.png");
    font-family:Arial;
}

.HasTooltip {
    /* dient nur als Markierung für Aufruf Tools.SetTooltipField */
}
/* weil Texte in Editor linksbündig gepflegt werden!*/
.k-tooltip {
    text-align: left;
}

.btnViewActiv {
    background-color: lightgray;
}

.AutoSaveButton {
    background-color: red;
}

#bg-Testversion-text {
    vertical-align: central;
    pointer-events: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 0);
    opacity: 0.3;
    overflow: hidden;
    position: absolute;
    color: red;
    z-index: 99;
    font-size: 220px;
    /*transform: rotate(345deg);
    -webkit-transform: rotate(345deg);*/
}

/* in bootstrap.css steht bold, ohne das wird "LabelFor" fett */
label {
    font-weight: normal;
}

.HideIfNotDeveloperJetztDoch {  /* MKIMKI */
    /*background-color: red;*/
    /*display: none;*/
}

.HideIfNotDeveloper2 {
    background-color: red;
    display: none;
}

.HideIfNotAdmin {
    display: none; /* Mail 22.01.2016 15:06 */
    /*display: table-row;*/
}

.HideEver {
    display: none;  
}

/* Breite des Kendo-Editors ist bei http://localhost:58919/Zulassungsprofil/Edit/1#tabstrip-06 (warum auch immer) per Coding nicht einstellbar */
/*table.k-editor {
    width: 800px;
}*/

/* Editor mit Resize */
/* http://dojo.telerik.com/@dimodi/Ehas */
.editor-wrap {
    position: relative;
}

.editor-wrap .k-overlay {
    position: absolute;
    opacity: 0;
    z-index: 1;
}

.editor-wrap .k-resize-se {
    position: absolute;
    z-index: 2;
    bottom: 6px;
    right: 6px;
}

.editor-wrap > .k-editor {
    height: 100%;
}

/* http://bootsnipp.com/snippets/featured/multi-level-dropdown-menu-bs3 */
/* http://jsfiddle.net/sarelvdwalt/A7s59/1/ */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.container {
    max-width: 2500px; /* Kiener 9.12.2013 sonst Grid auf Laptop zu wenig breit */
}

.input-verysmall { /* Eingabefelder sollen alle standardiesierte Größe haben */
    width: 60px;
}

.input-small { /* Eingabefelder sollen alle standardiesierte Größe haben */
    width: 120px;
}

.input-small2 { /* Eingabefelder sollen alle standardiesierte Größe haben */
    width: 160px;
}

.input-middle { /* Eingabefelder sollen alle standardiesierte Größe haben */
    width: 200px;
}

.input-big { /* Eingabefelder sollen alle standardiesierte Größe haben */
    width: 300px;
}

.input-verybig { /* Eingabefelder sollen alle standardiesierte Größe haben */
    width: 400px;
}

.input-verybig600 { /* Eingabefelder sollen alle standardiesierte Größe haben */
    width: 600px;
}

.input-verybig500 { /* Eingabefelder sollen alle standardiesierte Größe haben */
    width: 500px;
}

.input-verybig800 { /* Eingabefelder sollen alle standardiesierte Größe haben */
    width: 800px;
}

.input-verybig1000 { /* Eingabefelder sollen alle standardiesierte Größe haben */
    width: 1000px;
}

/* Doku016 */ 
td {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.gridCellRedOld {
    /* http://css3gen.com/gradient-generator/ */
    background: rgb(252, 145, 125);
    background: -moz-linear-gradient(90deg, rgb(252, 145, 125) 12%, rgb(232, 60, 52) 76%);
    background: -webkit-linear-gradient(90deg, rgb(252, 145, 125) 12%, rgb(232, 60, 52) 76%);
    background: -o-linear-gradient(90deg, rgb(252, 145, 125) 12%, rgb(232, 60, 52) 76%);
    background: -ms-linear-gradient(90deg, rgb(252, 145, 125) 12%, rgb(232, 60, 52) 76%);
    background: linear-gradient(180deg, rgb(252, 145, 125) 12%, rgb(232, 60, 52) 76%);
}

.gridCellYellowOld {
    background: rgb(255, 253, 174);
    background: -moz-linear-gradient(90deg, rgb(255, 253, 174) 12%, rgb(255, 224, 43) 76%);
    background: -webkit-linear-gradient(90deg, rgb(255, 253, 174) 12%, rgb(255, 224, 43) 76%);
    background: -o-linear-gradient(90deg, rgb(255, 253, 174) 12%, rgb(255, 224, 43) 76%);
    background: -ms-linear-gradient(90deg, rgb(255, 253, 174) 12%, rgb(255, 224, 43) 76%);
    background: linear-gradient(180deg, rgb(255, 253, 174) 12%, rgb(255, 224, 43) 76%);
}

.gridCellOrangeOld {
    background: rgb(255, 221, 0);
    background: -moz-linear-gradient(90deg, rgb(255, 221, 0) 41%, rgb(255, 172, 0) 70%);
    background: -webkit-linear-gradient(90deg, rgb(255, 221, 0) 41%, rgb(255, 172, 0) 70%);
    background: -o-linear-gradient(90deg, rgb(255, 221, 0) 41%, rgb(255, 172, 0) 70%);
    background: -ms-linear-gradient(90deg, rgb(255, 221, 0) 41%, rgb(255, 172, 0) 70%);
    background: linear-gradient(180deg, rgb(255, 221, 0) 41%, rgb(255, 172, 0) 70%);
}
.gridCellGreenOld {
    background: rgb(164, 222, 106);
    background: -moz-linear-gradient(90deg, rgb(164, 222, 106) 12%, rgb(93, 189, 46) 76%);
    background: -webkit-linear-gradient(90deg, rgb(164, 222, 106) 12%, rgb(93, 189, 46) 76%);
    background: -o-linear-gradient(90deg, rgb(164, 222, 106) 12%, rgb(93, 189, 46) 76%);
    background: -ms-linear-gradient(90deg, rgb(164, 222, 106) 12%, rgb(93, 189, 46) 76%);
    background: linear-gradient(180deg, rgb(164, 222, 106) 12%, rgb(93, 189, 46) 76%);
}

.gridCellRed {
    background: rgb(250, 76, 76);
}
.gridCellOrange {
    background: rgb(255, 192, 0);
}
.gridCellYellow {
    background: rgb(255, 255, 0);
}
.gridCellGreen {
    background: rgb(152, 231, 57);
}
.k-tooltip {
    background: rgb(229, 245, 250) !important; /* specify tooltip's color */
    color: #000000 !important;
   /* width: 300px; specify tooltip's width */
   /* height: 300px; specify tooltip's height */
}

.readonly {
    background-color: #D3D3D3;
}

.k-input[readonly] {
    /* SummePraemieAn, NumericTextBoxFor */ 
    background-color: #D3D3D3;
    color: #000000;
}

.k-edit-form-container {
    /*width: 800px;*/
    width: 100%; /* Save / Cancel Button immer rechts an Breite des Windows orientieren */
}

/* https://docs.telerik.com/kendo-ui/styles-and-layout/icons-web#list-of-font-icons */
/* Doku098 */
.icon-edit:before {
    content: "\e10b"; /* Adds a glyph using the Unicode character number */
}

.icon-copy:before {
    content: "\e65d"; /* Adds a glyph using the Unicode character number */
}

.icon-delete:before {
    content: "\e10c"; /* Adds a glyph using the Unicode character number */
}

.icon-new:before {
    content: "\e11f"; /* Adds a glyph using the Unicode character number */
}

/* command.Custom("Password") führt automatisch dazu dass dem Button eine Klasse "k-grid-Password" zugeordnet ist!!! */
.k-grid-Password span {
    /* background-image: url("../pictures/Del.png");*/
    background-repeat: no-repeat;
    width: 3px;
    height: 14px;
    line-height: 14px;
    display: inline-block;
}

/*.k-grid-New span {
    background-image: url("../Content/kendo/2019.3.1023/Bootstrap/sprite.png");
    border-color: rgba(0, 0, 0, 0);
    background-position: -48px -64px; /* aus k-add * /
    / *background-image: url("~/pictures/Copy.png");* /
    / *background-image: <%= ResolveUrl("~/pictures/Copy.png") %>;* /
    / *background-image: url("<%=Session("RootPath")%>/pictures/Copy.png");* /
    / *background-image: url("../pictures/Copy.png");* /
    / *background-image: url('@Url.Content("~/pictures/Copy.png")');* /
    background-repeat: no-repeat;
    line-height: 14px;
    display: inline-block;
    margin-right: 2px;
    margin-left: -2px;
    vertical-align: middle;
    font-size: 0;
    height: 16px;
    line-height: 0;
    overflow: hidden;
    text-align: center;
    width: 16px;
}*/

/* Menü anpassen => wirkt sich aber auch bei Window-Header aus...*/
/*
.k-header {
    color: #FF0000;
}
*/

/* Menü soll bei hover aufklappen (nicht erst bei Klick) */
ul.nav li.dropdown:hover {
    background-color: #EBEBEB;
    border-color: #ADADAD;
    color: #333333;
}

ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
    margin-top: 0px;
}

/* File-Upload: Farben für "success" so anpassen wie in der Kendo-Demo*/
/* (ohne Anpassung wird Klasse durch Bootstrap überschrieben) */
.k-file-success .k-progress {
    background-color: #DDFFD0;
}

.k-file-success {
    color: #000000;
}

/* // Doku049 */
/* Grids sollen IMMER eine fixe Höhe bekommen */
/* http://www.telerik.com/forums/grid-fixed-row-height-(-no-word-wrap-no-multi-line-)  */
.k-grid table {
    table-layout: fixed;
}

/* // Doku049 */
.k-grid tbody tr {
    height: 50px;
}
/* // Doku049 */
.k-grid td {
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* // Doku049 */
/* einzeiligen Inhalt erzwingen */
/* (geht nur im Zusammenhang mit Template) */
.gridNoWrap {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
