BODY            { BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(../images/back-gradient.jpg); MARGIN: 0; COLOR: #ffffff; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #5e5e5e; TEXT-ALIGN: center; font-size: 13px;  }
*               { PADDING-RIGHT: 0; PADDING-LEFT: 0; PADDING-BOTTOM: 0; MARGIN: 0; PADDING-TOP: 0; FONT-FAMILY: Verdana, Helvetica, sans-serif; }
*:focus-visible {outline: none}
#container      { MARGIN: 0 auto; WIDTH: 975px; COLOR: #222; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left; }
#maincontent    { clear: left; border-top: 1px solid #eee; background: #fbfbfb;  position: relative; behavior: url(css/PIE.htc) }

#ctl00_topHeader {position: relative; height: 44px; line-height: 44px; color: #ffffff; width: 975px; margin: 0 auto 0 auto; text-align: right; color: #aaa; vertical-align: middle}
#ctl00_topHeader span {vertical-align: middle}
.icon-help {vertical-align: middle; margin: 0 5px 0 10px; opacity: 0.8; transition-duration: 0.2s; border: 0}
a:hover .icon-help {opacity: 1}
.head_menu { width: 41px; z-index: 998; display: inline-block; vertical-align: middle; position: relative; text-align: left; height: 28px; }
.head_menu_icon { cursor: pointer; opacity: 0.8; transition-duration: 0.2s }
.head_menu_icon:hover { opacity: 1 }
.head_menu_items.user_menu_show {display: none}
.head_menu_items.user_menu_hide { display: block}
.head_menu_items { position: absolute; right: 0; top: 34px; background: #fff; width: 250px; line-height: 20px; box-shadow: rgb(0 0 0 / 20%) 0 10px 10px; text-align: center; }
.head_menu_items a, .head_menu_items a:link, .head_menu_items span, .head_menu_items button { color: #666666; display: inline-block; box-sizing: border-box; width: 100%; padding: 10px 15px; -webkit-appearance: none; border: 0; background-color: transparent; border-bottom: 1px solid #ededed; transition-duration: 0.2s }
.head_menu_items span {color: #bbb}
.head_menu_items a:hover, .head_menu_items button:hover { text-decoration: none !important; background: #ededed }

#intro          { background: url(../images/topgrad.jpg) repeat-x; height: 100px; width: 973px;  border: 1px solid #ffffff; border-bottom: none; position:relative }
    #intro #rightHeader {position: absolute; right: 30px; top: 30px}
    #intro #rightHeader img { height: 40px}

#centerHeader   { margin: 36px auto auto 0; width: 973px; height: 25px; color: #666666; text-align: center}
#header         { width: 973px; height: 100px}
.header-app-name {display: inline-block; margin: 30px 0 0 30px; font-size: 30px; color: #3c3d42}

a, a:link, a:visited, a:active { text-decoration: none; color: #55b849; cursor: pointer }
a:hover         { text-decoration: underline; color: #55b849; }
a img {border: 0}

#nav            { WIDTH: 973px; float: left; box-sizing: border-box; padding-left: 30px}
    #nav ul     { float: left; }
#nav li         { FLOAT: left; WHITE-SPACE: nowrap; list-style-type: none; margin-right: 10px }
    #nav li a { cursor: pointer; display: inline-block; float: left; border: 0; background: #eee; color: #55b849; padding: 5px 10px 5px 10px; overflow: visible; line-height: 16px;  -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; position:relative; }
        #nav li a:hover { background: #55b849; color: #ffffff; text-decoration: none }
        #nav li a.active, #nav li a.active:hover:enabled, #nav li.nav-selected a, #nav li.nav-selected a:hover { background: #666666; color: #ffffff}

.footer { margin: 0 auto auto auto; width: 975px; text-align: center; color: #888 }
.footer a, .footer a:link, .footer a:visited, .footer a:hover { color: #aaa; }

#contentinner   { padding: 30px; min-height: 400px; box-sizing: border-box }
#contentinner > h2:nth-of-type(1), #contentinner > form > h2:nth-of-type(1),
#contentinner > form > text > div > h2:nth-of-type(1) { margin-top: 0 }

#fastdial { float: left; width: 560px; margin: 10px auto auto 20px; background: url(../images/back-fastdial.gif) repeat-x; border: 1px solid #e6e4e0; padding-bottom: 20px; display: inline; }

.item { float: left; width: 160px; margin: 20px auto auto 20px; display: inline; text-align: center; }

.item a img, .item a:link img, .item a:visited img { border: 1px solid #e6e4e0; height: 115px; }

.item a:hover img { border: 1px solid #127cc4; }

h1, h2 {font-weight: normal}
h2 { font-size: 20px; margin-top: 20px; padding: 0 0 15px 0; }
h4 { margin-left: 0; font-size: 18px; margin-top: 0; font-size: 11px; padding: 0; }


#content_main p { margin: 5px 20px 10px 0; line-height: 150%; }

#content_main h1 { font-size: 20px; font-weight: bold; margin: 10px 0 12px 0; /*background-color: #666699; /* bg menueheadline*/ /*border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;*/ }


#content_main h3, #content_main h4 { font-size: 11px; font-weight: bold; padding: 5px 20px 5px 5px; background-color: #F5F1EB; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


#content_main ul { margin: 5px 0 10px 0; padding-left: 16px; line-height: 17px; }
.vorlagen ul { margin-left: 6px; padding-left: 10px; }

#content_main li { line-height: 18px; margin-right: 20px; }

#content_main td { font-size: 13px; }

.antrag { width: 560px; }
.antrag td { padding-bottom: 15px; }
.antrag td.rutage { text-align: right; font-size: 11px !important; }
.antrag .resturlaubstage { font-size: 60px; }
.antrag .dropdown-vertret { border: 1px solid #ccc; color: #666; }
.antrag .textbox { border: 1px solid #ccc; }

.ma-verwalten { margin-top: 15px; }
.ma-verwalten select, .ma-verwalten input[type=text], textarea { border: 1px solid #ccc; }

.ul_arrow { list-style-image: url(../images/li_arrow.gif); }

.red { color: #FF0000; }

#main_image { width: 560px; overflow: hidden; padding-bottom: 10px; }

#filler { height: 120px; width: 175px; /*border-top:1px solid #fff;
	border-right:1px solid #fff;*/ background-color: #CCCCCC; /*background:url(../images/tagline.gif) no-repeat #FFF;*/ }

button.submit,  a.submit { background: #55b849; padding: 7px 40px 8px 40px; color: #fff !important; text-decoration: none ; border: 0; cursor: pointer; overflow: visible; line-height: 16px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position:relative;  }
button.submit:hover, a.submit:hover { background: #63db54; text-decoration: none; }

.submit_row { color: #ffffff; background: #55b849; border: 1px solid #55b849; padding: 1px 2px 1px 2px; font-size: 12px; cursor: pointer; outline: none; }
.submit_row:hover { background: #70c466; }
.small { font-size: 10px; }
.small select { font-size: 10px; }

a.submit_row, a.submit_row:link, a.submit_row:visited { color: #ffffff; }
a.submit_row:hover { color: #55b849; background: #ffffff; text-decoration: none; }




.secondary { color: #ffffff; background: #7f7f7f; border: 1px solid #7f7f7f; padding: 5px 10px 5px 10px; font-size: 13px; cursor: pointer; outline: none; border-radius: 3px }
.secondary:hover { background: #c0c0c0; border-color: #c0c0c0; color: #fff; text-decoration: none }
.secondary_row { color: #ffffff; background: #7f7f7f; border: 1px solid #7f7f7f; padding: 1px 2px 1px 2px; font-size: 12px; cursor: pointer; outline: none; }
.secondary_row:hover { background: #c0c0c0; }

a.secondary_row, a.secondary_row:link, a.secondary_row:visited { color: #ffffff; }
a.secondary_row:hover { color: #7f7f7f; background: #ffffff; text-decoration: none; }

.reporting { margin: 15px; }

#scheduler { background-color: #ffffff; width: 1260px; position: absolute; border-top: 1px solid #828282; float: left; }
#rblAntragTypSched { float: right; }
#scheduler_list { float: left; }
.reporting_table_head { background: url(../images/back_reporting_table_head.gif) repeat-x; height: 33px; font-weight: bold; line-height: 33px; vertical-align: middle; }
.tab { background: url(../images/Scheduler/back_reporting_tab.gif) no-repeat; float: left; width: 100px; height: 25px; text-align: center; line-height: 25px; vertical-align: middle; margin-right: 2px; margin-top: 2px; }

.checkBoxLabel label { position: relative; top: -2px; }
.DatePicker-today a { font-weight: bold !important; background: #eaeaea; }

.buttonNormal { background: #55b849; padding: 7px 40px 8px 40px; color: #fff !important; text-decoration: none; border: 0; cursor: pointer; overflow: visible; line-height: 16px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; behavior: url(css/PIE.htc); }
.buttonNormal:hover { background: #63db54; text-decoration: none; }

.login-outer {margin: 30px auto auto auto; box-sizing: border-box; width: 845px}
.login-box {box-sizing: border-box; display: inline-block; width: 400px; min-height: 240px; vertical-align: top; background-color: #ededed; text-align: center; margin: 0 10px 0 10px; padding-bottom: 20px}
.login-box-title {display: block; width: 100%; font-size: 20px; padding: 20px 0 20px 0}
.login-box table { border-collapse: collapse; margin: 0 auto 0 auto}
.loginForm td { padding-bottom: 5px; }
.loginForm input[type=text], .loginForm input[type=password] { padding: 4px 3px 5px 3px; }
.loginForm .buttonNormal { padding-left: 0 !important; padding-right: 0 !important; width: 218px; }
.login-box .causesValidation { display: inline-block; box-sizing: border-box; width: 100%; text-align: center }
a#btnPasswordVergessen { color: #999}
.password_steps {box-sizing: border-box; width: 100%; padding: 20px; background-color: #ededed; margin-top: 20px; border-radius: 3px}

input[type=checkbox], input[type=radio] { margin-right: 5px; }
input[type=text], input[type=password], textarea, select { border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; padding: 2px; }
input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover { border-color: #bbb; }


.loginrequesterror { color: red; font-weight: bold; font-size: 12px; }



.likeabutton { text-decoration: none; font: menu; display: inline-block; padding: 2px 8px; background: ButtonFace; color: ButtonText; border-style: solid; border-width: 2px; border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; }
.likeabutton:active { border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; }
.likeabutton { appearance: button; -moz-appearance: button; -webkit-appearance: button; text-decoration: none; font: menu; color: ButtonText; display: inline-block; padding: 2px 8px; }
.likeabuttonRed { background-color: #E9F1FC; }

.TableEditFormInnerRegions { padding: 10px; border-spacing: 10px; margin: 10px 0 10px 5px; width: 98%; background-color: #F5F5F5; }

TableEditFormInnerRegions.table, TableEditFormInnerRegions.td { border-spacing: 10px; }

/*Fieldset*/
fieldset { position: relative; box-sizing: border-box; background-color: #ededed; width: 100%; padding: 60px 20px 20px 20px; border: 0; border-radius: 3px; margin-bottom: 20px}
legend { position: absolute; top: 20px; font-size: 20px; font-weight: normal; float: left; width: 100%; padding-bottom: 20px; display: block}
legend:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }

/*End Fieldset*/


.rowBZ { margin-bottom: 2px; padding: 4px 10px 4px 0; width: 100%; }
div.inputcombo_large_content .rcbInputCell INPUT.rcbInput { background-color: white; }
div.inputcombo_content .rcbInputCell INPUT.rcbInput { background-color: white; }
.rowBZ select.inputcombo_content  {background-color: white}

.text_content {line-height: 24px; border: 1px solid #ccc }
.dummy123 .rowBZ .rcbInput { background-color: white !important; }
.rowBZ .label_name { display: -moz-inline-box; display: inline-block; width: 230px; height: 20px; font-size: 14px; vertical-align: top; }
.rowBZ .text_content { }
.rowBZ div.inputcombo_large_content {  }
.rowBZ .inputcombo_content { }
.rowBZ .numtext_content { width: 140px !important; }

.rgNoRecords div {box-sizing: border-box; padding: 10px}



.buttonleft { float: left; }


.TableEditFormInnerVorbeschaeftigung, .TableEditFormInnerTarif { padding: 10px; border-spacing: 10px; width: 100%; background-color: #F5F5F5; }
.likeabutton { }
.likeabutton { background: #bbb; padding: 7px 40px 8px 40px; color: #fff !important; text-decoration: none; border: 0; cursor: pointer; overflow: visible; line-height: 16px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; }
.likeabutton:hover { background: #ccc; text-decoration: none; }
.rowBZGrid .message { padding: 10px 7px; color: #f7c548; }
.rowBZGridEdit {}

TableEditFormInnerVorbeschaeftigung.table, TableEditFormInnerVorbeschaeftigung.td, TableEditFormInnerTarif.table, TableEditFormInnerTarif.td {
    border-spacing: 10px;
}

.rowErgBZ { background-color: #efefef; margin-bottom: 2px; padding: 3px 10px 3px 10px; height: 24px; width: 350px; }

.rowErgBZ .ergebnis_label { font-weight: bold; padding-top: 4px; width: 250px; display: inline-block; }

.rowErgBZ .ergebnis_content { padding-top: 4px; width: 50px; display: inline-block; }

.fldErgBZ { width: 360px; }


.rowBZ .required_sign { display: -moz-inline-box; display: inline-block; width: 10px; font-size: 12px; vertical-align: top; color: red; }


.PrjSel Div.rowA { line-height: 30px; height: 30px; }

.PrjSel .rowA .label_name { display: -moz-inline-box; display: inline-block; width: 70px; height: 20px; font-size: 14px; vertical-align: top; }

.PrjSel .rowA .required_sign { display: -moz-inline-box; display: inline-block; width: 10px; font-size: 12px; vertical-align: top; color: red; }


.PrjSel .rowA div.inputcombo_large_content { width: 450px !important; }

.PrjSel div.inputcombo_content .rcbInputCell INPUT.rcbInput { background-color: transparent; }
.RadComboBox_Default .rcbFocused .rcbReadOnly INPUT.rcbInput { color: black !important; }
.RadComboBox table td.rcbInputCell { padding: 0 1px 0 1px !important;}

Div.PrjSel { margin-top: 15px; margin-bottom: 15px; }


.alertTable { font-size: 10pt; background-color: #FFFFCE; color: Black; border: 0; margin: 0; padding: 0; margin-bottom: 20px; }


.rowBZWrap .label_name { float: left; width: 235px; }
.rowBZWrap .required_sign { float: left; width: 15px; }
.rowBZWrap .text_content { float: left; }

.pwd_button_container { margin-top: 10px; height: 60px; }
.password_title_container { text-align: left; margin-top: 3px; font-weight: bold; }
.password_desc { margin-top: 3px; margin-bottom: 5px; }
.label_name { display: -moz-inline-box; display: inline-block; width: 185px; height: 20px; font-size: 13px; vertical-align: top; }
.password_title_container { text-align: left; margin-top: 3px; }
.pwd_button_container { margin-top: 25px; }



.PrjSel Div.rowA { line-height: 30px; height: 30px; }

.rowSearchUser .label_name, .rowSearchVendor .label_name  { display: -moz-inline-box; display: inline-block; width: 60px; height: 20px; font-size: 14px; vertical-align: top; }

.rowSearchUser .required_sign, .rowSearchVendor .required_sign { display: -moz-inline-box; display: inline-block; width: 10px; font-size: 12px; vertical-align: top; color: red; }


.rowSearchUser .text_content, .rowSearchVendor .text_content { width: 300px !important; }



.rowEditUser .label_name, .rowEditVendor .label_name { display: -moz-inline-box; display: inline-block; width: 120px; height: 20px; font-size: 14px; vertical-align: top; }

.rowEditUser .required_sign, .rowEditVendor .required_sign { display: -moz-inline-box; display: inline-block; width: 10px; font-size: 12px; vertical-align: top; color: red; }


.rowEditUser .text_content, .rowEditVendor .text_content { width: 300px !important; }


.buttonMinor { background: #a1a1a1; }
.buttonMinor:hover { background: #bbbbbb; }

.causesValidation { display: inline-block; }

.TarifTabelleWrapper { overflow-x: scroll; width: 100%; height: 350px;  }
.TarifTabelle { table-layout: fixed; margin: 0 auto 0 auto; border-spacing: 0; border-collapse: collapse; }
.TarifTabelle td, .TarifTabelle th { border-collapse: collapse; border: 1px solid #ccc; }
.TarifTabelle th { padding: 15px 15px 15px 15px; font-size: 14px; color: #444; background: #c1c1c1; }
.TarifTabelle td { padding: 5px 10px; height: 35px; text-align: center; }
.TarifTabelle .rowB { background-color: #ededed; }

.TableEditFormInnerVorbeschaeftigung td.CellEditFormInnerVorbeschaeftigung { padding: 10px 0 10px 0 }
.TableEditFormInnerVorbeschaeftigung label  { margin-right: 10px;  }
.TableEditFormInnerVorbeschaeftigung td { padding: 2px }

.PasswordTable td { padding: 2px }
.PasswordTable td.colA { width: 170px  }
.PasswordTable td.colB { width: 10px }
.PasswordTable td.colC { width: 200px }
.PasswordTable .required_sign { color: red }


.search-suggest-box { width: 300px; text-align: left; position: absolute; z-index: 10; background-color: #fff; max-height: 250px; overflow-y: auto; -webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.3);box-shadow: 0 10px 10px 0 rgba(0,0,0,0.3);}
.search-suggest-list { padding-left: 0; margin: 0; }
.search-suggest-list ul { width: 100%; list-style: none; padding: 0; margin: 0;  }
.search-suggest-list li { display: block; border-bottom: 1px solid #ddd; padding: 2px; margin: 0; line-height: 1.4em; cursor: pointer; transition-duration: 200ms}
.search-suggest-list li:hover { background-color: #eee}
.search-suggest-list-item-less { color: #888}
.search-suggest-list .rowA {background-color: #fafafa }
.search-suggest-footer { text-align: center}


.FaktorTabelle { table-layout: fixed; background-color: white !important; border-spacing: 0; border-collapse: collapse; }
.FaktorTabelle td, .FaktorTabelle th { border-collapse: collapse; border: 1px solid #ccc; }
.FaktorTabelle th { padding: 15px 15px 15px 15px; font-size: 14px; color: #444; background: #c1c1c1; text-align: center }
.FaktorTabelle td { padding: 5px 10px; height: 35px; text-align: center; }
.FaktorTabelle .rowB { background-color: #ededed; }
.FaktorTabelle td, .FaktorTabelle th { font-size: 11px;  }
.TableFaktorSubFaktor { color: #888888}

.rowWechselEG .inputcombo_content { width: 60px !important;  }
.rowWechselEG .inputcombo_content { width: 65px !important;  }
.DivLavelEG3EG4 { display: -moz-inline-box; display: inline-block; width: 230px; height: 20px; font-size: 14px; vertical-align: top; }

.RadUetz {display: block !important; margin-top: 13px }
.RadUetz .rgNoRecords { display: none}
.TableEditFormInnerUetz td.CellEditFormInnerUetz { padding: 10px 0 10px 0 }
.TableEditFormInnerUetz label  { margin-right: 10px;  }
.TableEditFormInnerUetz td { padding: 2px }
.TableEditFormInnerUetz, .TableEditFormInnerTarif { padding: 10px; border-spacing: 10px; width: 100%; background-color: #F5F5F5; }
TableEditFormInnerUetz.table, TableEditFormInnerUetz.td, TableEditFormInnerUetz.table, TableEditFormInnerUetz.td { border-spacing: 10px; }

.inputTakeda .fldLieferant input, .inputTeva .fldLieferant input  { width: 210px !important}

.RadVergleichslohn {display: block !important; margin-top: 13px }
.RadVergleichslohn .rgNoRecords { display: none}
.TableEditFormInnerVergleichslohn td.CellEditFormInnerVergleichslohn { padding: 10px 0 10px 0 }
.TableEditFormInnerVergleichslohn label  { margin-right: 10px;  }
.TableEditFormInnerVergleichslohn td { padding: 2px }
.TableEditFormInnerVergleichslohn, .TableEditFormInnerTarif { padding: 10px; border-spacing: 10px; width: 100%; background-color: #F5F5F5; }
TableEditFormInnerVergleichslohn.table, TableEditFormInnerVergleichslohn.td, TableEditFormInnerVergleichslohn.table, TableEditFormInnerVergleichslohn.td { border-spacing: 10px; }
div.RadVergleichslohn {margin-bottom: 20px !important}

.InvalidCheckBoxItems { color: orange}
.legend_circle { background-color: #fff; height: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 10px; display: inline-block; margin-right: 5px }

.rowCollarType .scButton {margin-left: 25px}

.inputdate_content { }
.JQExcelExport { }

.rowBZ .text_content {}
.rowBZ .inputcombo_content {padding: 4px}
.rowBZ { margin-bottom: 6px;  }



#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.field-wrapper-input { display: inline-block; width: 300px;}
.field-wrapper-input input, .field-wrapper-input select { width: 100%; box-sizing: border-box }
.field-wrapper-input input[type=date] {width: 140px}
.field-wrapper-input > a {display: inline-block; margin-top: 10px}
.rowUETZ { height: auto; min-height: 24px }

.rowCollarType .scButton {margin-left: 25px}

.default-button-handler {width: 0;height: 0;padding: 0;border: 0;margin: 0;display: inline; font-size: 1px; color: #ededed}
.forgotpassword_info_header {  color: red;  margin-top: 10px;margin-left: 2px; font-weight: bold }
.forgotpassword_failure_step1 { display: inline; color: red; max-width: 500px !important; float: right; margin-left: 5px }
.forgotpassword_failure_step3 { margin-top: 10px; color: red; max-width: 530px !important;  }
.forgotpassword_info_step4 { color: green; font-weight: bold;  }
.login_err_sso { text-align: left; margin: 15px 10px 10px 20px; color: red}

.grid-page-size-box { font-size: 12px; color: #ccc; margin-top: 20px; right: 40px; text-align: right }
.grid-page-size-box label { margin-left: 10px }
.grid-page-size-box select { font-size: 12px; height: 24px !important; line-height: 24px !important; width: 60px; margin-bottom: 10px; padding-right: 20px !important; background-size: 20px 10px; background-position: right 6px; }
.grid-page-size-box br { display: none }

.GridSmartEdit .rgMasterTable, .GridSmartEdit .rgCommandRow table, .GridSmartEdit .rgEditForm table {font-family: "Segoe UI", Arial, Helvetica, sans-serif;font-size: 12px;line-height: 16px;}
.GridSmartEdit input {line-height: normal;}
.GridSmartEdit .rgSave, .GridSmartEdit .rgAdd, .GridSmartEdit .rgRefresh, .GridSmartEdit .rgEdit, .GridSmartEdit .rgDel, .GridSmartEdit .rgDrag, .GridSmartEdit .rgFilter, .GridSmartEdit .rgPagePrev, .GridSmartEdit .rgPageNext, .GridSmartEdit .rgPageFirst, .GridSmartEdit .rgPageLast, .GridSmartEdit .rgExpand, .GridSmartEdit .rgCollapse, .GridSmartEdit .rgSortAsc, .GridSmartEdit .rgSortDesc, .GridSmartEdit .rgUpdate, .GridSmartEdit .rgCancel, .GridSmartEdit .rgUngroup, .GridSmartEdit .rgExpXLS, .GridSmartEdit .rgExpDOC, .GridSmartEdit .rgExpPDF, .GridSmartEdit .rgExpCSV {width: 16px;height: 16px;border-top-width: 0;border-right-width: 0;border-bottom-width: 0;border-left-width: 0;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;background-color: transparent;background-repeat-x: no-repeat;background-repeat-y: no-repeat;vertical-align: middle;font-size: 1px;cursor: pointer;}
.GridSmartEdit .rgAdd, .GridSmartEdit .rgRefresh {width: 18px;height: 18px;vertical-align: bottom;}
.GridSmartEdit .rgSave, .GridSmartEdit .rgAdd, .GridSmartEdit .rgRefresh, .GridSmartEdit .rgEdit, .GridSmartEdit .rgDel, .GridSmartEdit .rgFilter, .GridSmartEdit .rgPagePrev, .GridSmartEdit .rgPageNext, .GridSmartEdit .rgPageFirst, .GridSmartEdit .rgPageLast, .GridSmartEdit .rgExpand, .GridSmartEdit .rgCollapse, .GridSmartEdit .rgSortAsc, .GridSmartEdit .rgSortDesc, .GridSmartEdit .rgUpdate, .GridSmartEdit .rgCancel, .GridSmartEdit .rgUngroup, .GridSmartEdit .rgExpXLS, .GridSmartEdit .rgExpDOC, .GridSmartEdit .rgExpPDF, .GridSmartEdit .rgExpCSV {background-image: url("../images/grid_add.gif");}
.GridSmartEdit .rgAdd {margin-right: 3px;background-position-x: 0px;background-position-y: -1650px;}
.GridSmartEdit a, .GridSmartEdit a:link, .GridSmartEdit a:visited, .GridSmartEdit a:active {text-decoration-line: none;color: rgb(85, 184, 73);}
.GridSmartEdit .rgGroupItem input, .GridSmartEdit .rgCommandRow img, .GridSmartEdit .rgCommandRow a, .GridSmartEdit .rgHeader input {vertical-align: middle;}
.GridSmartEdit .rgCommandRow a {color: rgb(0, 0, 0);text-decoration-line: none;}
.GridSmartEdit .rgEditForm:not(.rgEditPopup) {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: rgb(130, 130, 130);}
.GridSmartEdit .TableEditFormInnerVergleichslohn, .GridSmartEdit .TableEditFormInnerTarif {padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px;-webkit-border-horizontal-spacing: 10px;-webkit-border-vertical-spacing: 10px;width: 100%;background-color: rgb(245, 245, 245);}
.GridSmartEdit .TableEditFormInnerVergleichslohn td {padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;}
.GridSmartEdit .TableEditFormInnerVergleichslohn label {margin-right: 10px;}
.GridSmartEdit input[type="text"], .GridSmartEdit input[type="password"], .GridSmartEdit textarea, .GridSmartEdit select {border-left-width: 1px;border-left-style: solid;border-left-color: rgb(142, 142, 142);border-top-width: 1px;border-top-style: solid;border-top-color: rgb(142, 142, 142);border-right-width: 1px;border-right-style: solid;border-right-color: rgb(184, 184, 184);border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: rgb(184, 184, 184);border-top-left-radius: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;position: relative;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;}
.GridSmartEdit .rgFooter a, .GridSmartEdit .rgEditForm a {color: rgb(0, 0, 0);}
.GridSmartEdit .TableEditFormInnerVergleichslohn td.CellEditFormInnerVergleichslohn {padding-top: 10px;padding-right: 0px;padding-bottom: 10px;padding-left: 0px;}
.GridSmartEdit .buttonleft {float: left;}
.GridSmartEdit .rgRow, .GridSmartEdit .rgAltRow, .GridSmartEdit .rgHeader, .GridSmartEdit .rgResizeCol, .GridSmartEdit .rgGroupHeader {cursor: default;}
.GridSmartEdit .rgRow > td, .GridSmartEdit .rgAltRow > td, .GridSmartEdit .rgEditRow > td, .GridSmartEdit .rgFooter > td, .GridSmartEdit .rgFilterRow > td, .GridSmartEdit .rgHeader, .GridSmartEdit .rgResizeCol, .GridSmartEdit .rgGroupHeader td {padding-left: 7px;padding-right: 7px;}
.GridSmartEdit .rgRow > td, .GridSmartEdit .rgAltRow > td, .GridSmartEdit .rgEditRow > td, .GridSmartEdit .rgFooter > td {padding-top: 4px;padding-bottom: 3px;}
.GridSmartEdit input[type="image"] {cursor: pointer;}
.GridSmartEdit .rgAltRow {background-color: rgb(242, 242, 242);}
.GridSmartEdit .rgRow {background-color: rgb(255, 255, 255);}
.GridSmartEdit {border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;}
.GridSmartEdit {border-top-color: rgb(204, 204, 204);border-right-color: rgb(204, 204, 204);border-bottom-color: rgb(204, 204, 204);border-left-color: rgb(204, 204, 204);color: rgb(51, 51, 51);}
.GridSmartEdit .rgCommandRow {background: #c5c5c5 0 -2099px repeat-x url('../images/grid_add.gif');}
.GridSmartEdit .rgCommandCell {border: 1px solid;border-color: #999 #f2f2f2;border-top-width: 0;padding: 0;}
.GridSmartEdit .rgCommandTable {border-top: 1px solid #fdfdfd;border-bottom: 1px solid #e7e7e7;}
.GridSmartEdit table {border-spacing: 0px;border-collapse: separate;}
.GridSmartEdit .rgSave, .GridSmartEdit .rgAdd, .GridSmartEdit .rgRefresh, .GridSmartEdit .rgEdit, .GridSmartEdit .rgDel, .GridSmartEdit .rgFilter, .GridSmartEdit .rgPagePrev, .GridSmartEdit .rgPageNext, .GridSmartEdit .rgPageFirst, .GridSmartEdit .rgPageLast, .GridSmartEdit .rgExpand, .GridSmartEdit .rgCollapse, .GridSmartEdit .rgSortAsc, .GridSmartEdit .rgSortDesc, .GridSmartEdit .rgUpdate, .GridSmartEdit .rgCancel, .GridSmartEdit .rgUngroup, .GridSmartEdit .rgExpXLS, .GridSmartEdit .rgExpDOC, .GridSmartEdit .rgExpPDF, .GridSmartEdit .rgExpCSV {background-image: url('../images/grid_add.gif');}
.GridSmartEdit .rgCommandTable td { padding-left: 5px; padding-top: 2px; padding-bottom: 2px}        
.GridSmartEdit .rgHeader {	color: #333; background:#F7F7F7; 	padding-top: 5px;	padding-bottom: 4px;	text-align: left;	font-weight: normal;}
.GridSmartEdit .rgHeader {border: 0;border-bottom: 1px solid #828282;}
.GridSmartEdit .rgEditRow {background: rgba(204,204,204,0.75);color: #333;}
.GridSmartEdit .rgEditForm table {line-height: 16px;}
.GridSmartEdit .rgEditForm table {border-collapse: separate;border-spacing: 0;}
.GridSmartEdit .rgEditRow td {border-style: solid;border-width: 0 0 1px 0;border-top: 1px solid;}
.GridSmartEdit .k-input {height: inherit;}
.GridSmartEdit .validation_error { padding: 10px 7px; color: red; }

.rowVergleichslohn { height: auto}
.validation-message { color: red; margin-top: 2px; margin-left: 2px}
.SearchResultsCol2 table tr th:first-child + th, .SearchResultsCol2 table tr td:first-child + td {
    width: 40%;
}
.SearchResultsCol2 .k-command-cell { text-align: right }
.UserEditForm .validation-message { margin-left: 140px } 

button.submit:hover {	background: #63db54;	text-decoration: none;}
input.submit {	background: #55b849;	padding: 7px 40px 8px 40px;	color: #fff !important;	text-decoration: none;	border: 0;	cursor: pointer;	overflow: visible;	line-height: 16px;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;	position: relative;}
.login-box .causesValidation {	display: inline-block;	box-sizing: border-box;	width: 100%;	text-align: center;}
.loginForm input[type="text"], .loginForm input[type="password"] {	width: 210px}
.login-box td {vertical-align: top;}
.login-box .field-validation-error {color: red; display: block; margin-left: 6px; margin-bottom: 4px}
.login-box td {vertical-align: top;}
.login-box .label_form {margin-top: 5px; display: inline-block}

#intro .head-menu {	position: absolute;	right: 30px;	top: 80px;}
.head-mobile-nav, .head-menu, .head-apps-link {	width: 28px;	height: 28px;	z-index: 998;	display: block;	position: absolute;	text-align: left;}
.head-nav-icon, .head-menu-icon, .head-apps-link {	cursor: pointer;	opacity: 0.8;	transition-duration: 0.2s;}
.head-nav-items.head-nav-show, .head-menu-items.head-menu-show {	display: none;}
.head-nav-items, .head-menu-items {	position: absolute;	right: 0;	top: 38px;	background: #fff;	width: 320px;	line-height: 20px;	box-shadow: rgba(0,0,0,0.2) 0 10px 10px;	text-align: center;}
.head-nav-items, .head-menu-items {	z-index: 999;}
.head-nav-items input, .head-nav-items button, .head-nav-items a, .head-nav-items a:link, .head-nav-items a:visited, .head-menu-items a, .head-menu-items a:link, .head-menu-items a:visited, .head-menu-user-name, .head-menu-items button { color: #666666;	display: inline-block;	box-sizing: border-box;	width: 100%;	padding: 10px 15px;	background: transparent;	border: 0px;	border-bottom: 1px solid #ededed;	transition-duration: 0.2s;	cursor: pointer;}
.head-menu-items :first-child {   border-top: 1px solid #ededed;}
.head-menu-user-name {color: #bbbbbb;}

#nav-debug li {	FLOAT: left;	WHITE-SPACE: nowrap;	list-style-type: none;	margin-right: 5px;}
#nav-debug li a.active, #nav li a.active:hover:enabled, #nav li.nav-selected a, #nav li.nav-selected a:hover {	background: #666666;	color: #ffffff;}
#nav-debug li a {	cursor: pointer;	display: inline-block;	float: left;	border: 0;	background: #eee;	color: #55b849;	padding: 5px 3px 5px 3px;	overflow: visible;	line-height: 10px;	-moz-border-radius: 3px 3px 0 0;	-webkit-border-radius: 3px 3px 0 0;	border-radius: 3px 3px 0 0;	position: relative;  font-size: 10px}
#nav-debug {    position: fixed !important;    bottom: 0;    left: 0;    right: 0;    height: 25px;    background-color: gray;  z-index: 2;}

.ReportLocation .k-grid {font-size:12px;  }
.ReportLocation .k-grid th { padding: 10px 5px  }
.ReportLocation .k-grid td { padding: 10px 5px   }
.wrap-text-150 {max-width: 150px;word-wrap: break-word;}

.TopMessageLine {border: 0}
.clear {clear: both}
.RadVergleichslohn .rgMasterTable {border: 0}
/*Empty classes for debugging Start*/
.JQValSelect, ValidationGroup1, .JQValText, .JQTopMessageLine, .rowBZGrid, .JQPermChkBoxLst {}
.ValidationGroup1 { }
.JQValDate {}
/*Empty classes for debugging END*/

.user-edit-checkbox-list {
    background: #fff;
    padding: 20px;
    border: 1px solid #eeeeee;
    line-height: 20px
}
.user-edit-checkbox-list strong {display: inline-block; padding-bottom: 20px}
.k-multiselect .k-multiselect-wrap .k-button, .k-dropdowntree .k-multiselect-wrap .k-button, .k-list > .k-item { text-align: left }
.k-pager-numbers .k-link, .k-pager-numbers .k-link.k-state-selected { color: #55b849 }
.k-pager-numbers .k-link.k-state-selected, .k-pager-numbers .k-link.k-state-selected:hover { background-color: #ddd }
.k-pager-numbers .k-link:hover, .k-pager-numbers .k-link.k-state-hover, .k-pager-numbers .k-link:focus, .k-pager-numbers .k-link.k-state-focus { color: #55b849; background-color: transparent }

.k-multiselect .k-input {border: 0px}

.inputdate_content {width: 140px !important;}

.inputdate_content .k-input {font-size: 13px;text-transform: uppercase;}

.inputdate_content .k-picker-wrap, .inputdate_content .k-dateinput .k-dateinput-wrap {color: black;background-color: #ffffff;}

.inputdateB-wrapper { position: relative }
.inputdateB-wrapper input.inputdateB {width: 110px;height: calc(1.4285714286em + 8px);text-transform: uppercase;}
.inputdateB-wrapper .ui-datepicker-trigger {top: 4px;left: 6px;margin: 0px;position: relative}

.GridSmartEdit .inputdateB {height: inherit !important;}
.GridSmartEdit .inputdateB-wrapper {display: inline-block}
.GridSmartEdit .ui-datepicker-trigger {padding-right: 4px}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /*IE11-Hack*/
    .text_content {
        height: 24px;
    }
}
.testversion { display: inline; font-weight: bold; margin-left: 120px; font-size: 20px}

/*Empty tags for Resharper*/
.main-inner, .pnl-error, .main-content, .dialog_title_container, .password_steps_inner, .requiredEmailTextBox
.password_steps_inner, .requiredPasswordTextBox1, .requiredPasswordTextBox2, .smallarrow, .reload, .space,
.command_button_lessimp, .loginContainer {
}

.rowBZ .InputAddNoteA { width: auto  }
.rowBZ .InputAddNoteB { color: #808080; margin-left: 40px}
.rowBZ .InputAddNoteA .k-numerictextbox { float: left; display: flex}
.rowBZ .InputAddNoteA span.InputAddNoteB { float: left; white-space: normal; display: inline; width: 400px; }

.warning_parent { background-color: #ffffca; margin-bottom: 15px; position: relative; padding: 10px 20px 15px 10px; display: flex; }
.warning_parent .warning_icon {width: 50px; display: flex;justify-content: center;  align-items: center;}
.warning_parent .warning_text  { margin-left: 10px   }
.warning_parent .warning_icon img { width: 48px; height: 41px}

.rowBZInfo { margin-top: 20px}
.rowBZInfo .label_name { font-size: 12px; color: gray}

.rowBZ3rows { display: block; margin-bottom: 20px}

.rowUETZ .field-wrapper-input { width: 550px; }
.rowUETZ .uetz-chkbox { display: inline-block; margin-left: 10px; padding-top:2px; color: #808080}
.rowUETZ .uetz-chkbox input  {width: unset;  }
div.select_supplier_factor {margin-left: 250px}


.k-pager-numbers .k-button-text {color: green}
.k-pager-numbers .k-button {    color: #55b849;}
.k-dialog-wrapper .k-window-content  { width: 400px}
.k-form-field .k-form-label { width: 30%;float:left;  text-align: right; display: initial  }
.k-form-field .k-form-field-wrap { display: inline-block; width: 65%; float:right }
.k-actions { display: inline;  text-align: right }
.k-actions button:first-child {margin-right: 10px}
.k-list-content li.k-list-item { text-align: left; }
.k-list-content .k-list-item-text::before { content:normal;}
.k-multiselect input[type=text]  {border: 0px; }
 #tmsUserEditVendorList_taglist  .k-chip-label { white-space: normal; overflow: inherit }
.ReportLocation .k-table-md, .ReportLocation .k-button-md { font-size: inherit; }
.rowBZAgencyMonths .label_name {height:  auto }