.center-grid-panel
{
    float: left;
    width: calc(100% - 25px);
    margin-left: 10px;
    border: 3px solid #fff;
}

.center-grid-panel.select-enabled .grid-row,
.center-grid-panel.select-enabled .grid-row-alternate {
    cursor: pointer;
}

.summary-panel .center-grid-panel {
    width: calc(100% - 40px);
}

.search-panel-content .center-grid-panel {
    margin-left: 0px;
}

.control-panel
{
    margin-top: 2px;
    margin-left: 2px;
    width: calc(100% - 2px);
    height: 28px;
    border-bottom: 2px solid grey;
}

/* Tabs */

.tabitem
{
    font-weight: bold;
    float: left;
    display: block;
    height: 100%;
    line-height: 25px;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    padding: 0px 20px 0px 20px;
    z-index: 3;
    min-width: 80px;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid grey;
    border-bottom: 0px;
    margin-left: 5px;
    background: #bababa; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JhYmFiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iIzkzOTM5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZjRmNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #bababa 0%, #939393 48%, #4f4f4f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(48%,#939393), color-stop(100%,#4f4f4f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bababa 0%,#939393 48%,#4f4f4f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bababa 0%,#939393 48%,#4f4f4f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #bababa 0%,#939393 48%,#4f4f4f 100%); /* IE10+ */
    background: linear-gradient(to bottom, #bababa 0%,#939393 48%,#4f4f4f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-8 */
}

.tabitem a
{
    color: black;
    font-weight: bold;
    display: block;
    height: 100%;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    padding: 0px 20px 0px 20px;
}

.tabitem:hover,
.tabitem:hover a
{
    text-decoration: none;
    color: White;
    background: #4cb6ea;
}

.tabitem.checked,
.tabitem.checked a
{
    background: #4cb6ea;
    color: White;
}

.tabcontainer
{
    padding: 10px;
}


/* LINK-Action-Buttons */


.link-action-button
{
    float: left;
    min-width: 150px;
    min-height: 120px;
    vertical-align: bottom;
    text-align: center;
    border: 1px solid black;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center 20px;
    margin-top: 25px;
    margin-left: 25px;
    background-size: 50px;
}

.link-action-button a
{
    text-decoration: none;
    display: block;
    color: Black;
    line-height: 200px;
    height: 70px;
    vertical-align: bottom;
}

.link-action-button[data-tag="management_groups"] { background-image: url("Img/group.png"); }
.link-action-button[data-tag="management_users"] { background-image: url("Img/action_user_edit.png"); }
.link-action-button[data-tag="management_privileges"] { background-image: url("Img/rechte.png"); }
.link-action-button[data-tag="todo"] { background-image: url("Img/close.gif"); }

/* Grid */

.grid td, .grid th
{
    white-space: nowrap;
	font-weight: bold;
}

.grid-row-selected
{
    background-color: #4cb6ea;
    color: White;
    cursor: pointer;
}

.grid-header
{
    height: 22px;
    font-weight: bold;
    color: #fff;
    background: #383838;
    background: -moz-linear-gradient(top, #383838 0%, #303030 50%, #272727 100%);
    background: -webkit-linear-gradient(top, #383838 0%,#303030 50%,#272727 100%);
    background: linear-gradient(to bottom, #383838 0%,#303030 50%,#272727 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#272727',GradientType=0 );
}
.grid-header th { padding: 0px; }

/* Grid-Header */

.grid-header th a
{
    color: White;
}

.grid-header-cell
{
    text-align: left;
    cursor: default;
}

.grid-header-cell > span, .grid-header-cell > a
{
    padding: 3px;
}

.grid-header-cell > a
{
    text-decoration: none;
    display: inline-block;
    min-width: calc(100% - 18px);
    padding-right: 15px;
}

.grid-header-cell > input
{
    width: calc(100% - 6px);
    margin-top: 5px;
    margin-bottom: 5px;
}

.grid-header-cell.asc
{
    background-image: url("Img/asc.png");
    background-repeat: no-repeat;
    background-position: right 3px;
}

.grid-header-cell.desc
{
    background-image: url("Img/desc.png");
    background-repeat: no-repeat;
    background-position: right 3px;
}

.grid-row
{
     background-color: #EEEEEE;
     color: Black;
}

.grid-row-alternate
{
     background-color: #bbb;
}

.grid-row td, .grid-row-alternate td, .grid-row-selected td
{
    padding: 3px;
}

.center-grid-panel tr td.resellerNames,
.currency-table tr td.resellerNames,
.server-table tr td.resellerNames {
    background: url('../Styles/Img/group.png') no-repeat;
    background-size: 26px;
    background-position: 4px center;
    padding-left: 34px;
    min-width: 262px;
}

.center-grid-panel tr td.shopNames,
.currency-table tr td.shopNames,
.server-table tr td.shopNames {
    background: url('../Styles/Img/shop.png') no-repeat;
    background-size: 26px;
    background-position: 4px center;
    padding-left: 34px;
    min-width: 262px;
}

.center-grid-panel tr td.shopNames.locked,
.currency-table tr td.shopNames.locked,
.server-table tr td.shopNames.locked {
    background: url('../Styles/Img/lock_full_red.png') no-repeat;
    background-size: 26px;
    background-position: 4px center;
}

.center-grid-panel tr td.shopNames.sublocked,
.currency-table tr td.shopNames.sublocked,
.server-table tr td.shopNames.sublocked,
.center-grid-panel tr td.resellerNames.sublocked,
.currency-table tr td.resellerNames.sublocked,
.server-table tr td.resellerNames.sublocked {
    background: url('../Styles/Img/lock_sub.png') no-repeat;
    background-size: 26px;
    background-position: 4px center;
}

.center-grid-panel tr td.resellerNames.locked,
.currency-table tr td.resellerNames.locked,
.server-table tr td.resellerNames.locked {
    background: url('../Styles/Img/lock_full.png') no-repeat;
    background-size: 26px;
    background-position: 4px center;
}


.grid-row[data-status="lapse"] > .grid-cell-detail,
.grid-row-selected[data-status="lapse"] > .grid-cell-detail,
.grid-row-alternate[data-status="lapse"] > .grid-cell-detail
{
    border-bottom: 1px solid transparent;
}

.grid-cell-detail a {
    width: 20px;
    height: 20px;
    background-image: url(Img/collapse.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
}
 .grid-cell-detail a.lapse {
     background-image: url(Img/lapse.png);
 }
.grid-cell-detail {
    width: 20px;
    height: 20px;
}

.text-nodata
{
    display: block;
    width: 50%;
    margin: 10px auto;
    font-size: 1.5em;
    color: #ffff00;
    font-weight: bold;
    text-align: center;
}

.text-archiviert {
    display: block;
    width: 50%;
    margin: 10px auto;
    font-size: 1.5em;
    color: #436786;
    font-weight: bold;
    text-align: center;
}

.grid-footer
{
    border-style: double solid;
    border-bottom: inherit;
    border-left: inherit;
    border-right: inherit;
}

/* Action-Buttons */

.action-bar
{
    float: left;
    width: calc(100% - 20px);
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 10px;
    background: #fff;
}

.action-control
{
    float: left;
    vertical-align: bottom;
    text-align: center;
    overflow: hidden;
    cursor: default;
    height: 94px;
    line-height: 22px;
}

.action-control
{
    border-right: 4px solid #436786;
}

.action-control-wrapper {
    float: left;
    width: 100%;
    display: flex;
}

.action-button
{
    float: left;
    min-width: 100px;
    vertical-align: bottom;
    text-align: center;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center 15px;
    flex-grow: 1;
}

.action-button.checked,
.action-button.checked:hover {
    background-color: #4cb6ea;
}

.action-button:hover{
    background-color: #ddd;
}

.action-button div a
{
    text-decoration: none;
    display: inline-block;
    color: Black;
    height: 16px;
    width: 16px;
    line-height: 16px;
}

.action-control div span
{
    margin-left: 5px;
    margin-right: 5px;
    color: #000;
    font-weight: bold;
}

.action-button:first-child
{
    border-left: 0px solid black;
}

.action-button a:first-child
{
    /* Wenn kein Remove-Filter-Element vorhanden -> Volle Größe */
    line-height: 120px;
}

.action-button a
{
    text-decoration: none;
    display: block;
    color: Black;
    line-height: 88px;
    height: 70px;
    vertical-align: bottom;
}

.action-button a:visited
{
    color: Black;
}

/* Filter */

.filter-panel, .sub-panel, .close-panel
{
    float: left;
    border: 3px solid #fff;
    background-color: #555;
    width: calc(100% - 25px);
    color: #fff;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 10px;
}

.popup-panel {
    float: left;
    border: 3px solid #fff;
    background-color: #555;
    color: #fff;
    padding: 15px;
}

.popup-panel .center-grid-panel,
div[data-action="popup"] .center-grid-panel {
    margin-left: 0px;
    width: calc(100% - 6px);
}

[data-postback="webpayout_edit"] {
    min-height: 400px;
    min-width: 600px;
    width: 600px;
}

[data-postback="webpayout_edit"] table {
    min-width: 100%;
}

[data-postback="webpayout_edit"] table tbody tr td:first-child,
[data-postback="webpayout_edit"] table tbody tr td:nth-child(3){
    font-weight: bold;
}

[data-postback="webpayout_edit"] table tbody tr td:nth-child(2){
    font-weight: normal;
}

[data-postback="webpayout_edit"] .reason-textbox {
    width: 461px !important;
}


.sub-panel.user-input-panel {
    width: calc(100% - 30px);
}


.background-panel {
  float: left;
  border-top: 5px solid #4cb6ea;
  border-bottom: 5px solid #4cb6ea;
  background-color: #EEEEEE;
  border-radius: 5px;
  width: 100%;
  margin-bottom: 5px;
}

.filter-wrapper
{
    float: left;
    width: 100%;
    border-bottom: 0px solid #4cb6ea;
}

.filter-choice-panel
{
    float: left;
    min-width: 161px;
    padding: 5px;
}

.filter-eingabe-master {
    float: left;
}

.filter-basis-eingabe {
    float: left;
    padding-top: 5px;
    padding-left: 20px;
    width: 100%;
}

.filter-eingabe-panel
{
    float: left;
    padding: 5px 20px 20px 20px;
}

.filter-eingabe-cell {
    float: left;
    padding-left: 10px;
    width: 250px;
}

.remove-filter-button
{
    float: right;
    width: 100px;
    height: 16px;
    background-image: url("Img/close.gif");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    background-position: center right;
    text-align: right;
}

.remove-filter-button a
{
    height: 16px;
}

.filter-choice-panel div:hover
{
    background-color: #4cb6ea;
}

.filter-bottom-panel
{
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
}


/* Grid-Paging */

.grid-paging td
{
    text-align: center;
}

.page-container
{
    margin: 0 auto;
    height: 20px;
    display: flex;
    justify-content: center;
}

.page-button
{
    float: left;
    border: 1px solid grey;
    margin-left: 1px;
    line-height: 18px;
    text-align: center;
}

.page-button.checked
{
    background-color: #000084;
}

.page-button.checked a
{
    color: White;
}

.page-button a
{
    cursor: pointer;
    display: block;
    height: 20px;
    min-width: 20px;
    text-decoration: none;
    color: Black;
}

.page-button.hide
{
    visibility: hidden;
}

.page-button[data-tag="-1"]
{
    background-color: transparent;
    background-image: url("Img/item_first.png");
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid transparent;
}

.page-button[data-tag="-2"]
{
    background-color: transparent;
    background-image: url("Img/item_prev.png");
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid transparent;
}

.page-button[data-tag="-3"]
{
    background-color: transparent;
    background-image: url("Img/item_next.png");
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid transparent;
}


/* SUB-PANEL */
.sub-panel > table
{
   margin-top: 10px;
   margin-left: 10px;
}

.close-panel > table {
    margin-top: -20px;
    margin-left: 10px;
}

.sub-panel input[type="submit"], .close-panel input[type="submit"]
{
  margin-right: 5px; margin-top: 5px; margin-bottom: 5px;
}

.sub-panel table input[type="submit"], .close-panel table input[type="submit"] {
    /*width: calc(100% - 5px);*/
}


/* KURS */

.kurs-input
{
    float: left;
}


.kurs-control.active {
    min-width: 90px;
}

.kurs-button
{
    float: left;
    margin-top: 2px;
    background-image: url(Img/item_edit.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.kurs-button.ok
{
    background-image: url(Img/item_ok.png);
}

.kurs-button a
{
    text-decoration: none;
    display: block;

    cursor: pointer;
    width: 25px;
    height: 27px;
}

.action-bar-info
{
    overflow: hidden;
    height: 79px;
    border-top: 5px solid #4cb6ea;
    border-bottom: 5px solid #4cb6ea;
    background-color: #555;
    color: White;
    padding-left: 10px;
    padding-top: 5px;
}


/* DateTime Picker */

.ui-datepicker-trigger
{
    background-color: white;
    background-image: url(Img/calendar.gif);
    background-repeat: no-repeat;
    background-size: contain;
    /* background-position-y: 5px; */
    height: 15px;
    width: 16px;
    border: 0px;
    margin-left: 2px;
}

.datetime-text-helper {
    float: left;
    line-height: 25px;
    margin-left: 5px;
    margin-right: 5px;
}

.datetime-content-helper {
    float: left;
}

.user-input-panel
{
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.user-input-panel input[type="text"]
{
    width: 125px;
}

.control-button
{
    float: left;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 2px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 5px;
}


.control-button:hover
{
    background-color: #4cb6ea;
    border: 1px solid grey;
}


.dropdown-control[data-typ="RoleTyp"] .dropdown-active span:not(.default),
.dropdown-control[data-typ="Role"] .dropdown-active span:not(.default) {
    width: calc(100% - 47px);
}

.dropdown-control[data-typ="RoleTyp"] span:not(.default),
.dropdown-control[data-typ="Role"] span:not(.default),
.grid-cell-role.reseller,
.grid-cell-role.shop,
.grid-cell-role.kassaplatz {
    background-size: 16px auto;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}


.dropdown-control[data-typ="RoleTyp"] span.reseller,
.dropdown-control[data-typ="Role"] span.reseller,
.grid-cell-role.reseller {
	background-image: url('../Styles/Img/group.png');
}

.dropdown-control[data-typ="RoleTyp"] span.kassaplatz,
.dropdown-control[data-typ="Role"] span.kassaplatz,
.grid-cell-role.kassaplatz  {
	background-image: url('../Styles/Img/kasa.png');
}

.dropdown-control[data-typ="RoleTyp"] span.shop,
.dropdown-control[data-typ="Role"] span.shop,
.grid-cell-role.shop  {
	background-image: url('../Styles/Img/shop.png');
}


/* User-Search Control*/
.search-button
{
    background-image: url(img/search.png);
    background-repeat: no-repeat;
    float: left;
    margin-left: 3px;
    margin-top: 8px;
}

.reload-button {
    background-image: url(img/reload.png);
    background-repeat: no-repeat;
    float: left;
    margin-left: 3px;
    margin-top: 3px;
}

.search-eingabe
{
    float: left;
    margin-top: 5px;
}

.search-button a { width: 25px; height: 27px; display: block;}
.reload-button a { width: 25px; height: 27px; display: block;}

.search-panel-main
{
    width: 800px;
    float: left;
    max-height: 500px;
}

.search-panel-top
{
    float: left;
    width: calc(100% - 20px);
    padding-top: 10px;
}

.search-panel-content
{
    float: left;
    width: 100%;
    min-height: 300px;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow-x: auto;
}

.search-panel-bottom
{
    float: left;
    width: calc(100% - 20px);
}

.search-panel-bottom input
{
    min-width: 120px;
    margin-right: 10px;
}

.dropdown-control[data-typ="DomainTyp"] {
    text-align: left;
    width: 120px;
}

.dropdown-control[data-typ="ActiveCurrency"],
.dropdown-control[data-typ="GroupServerSetting"],
.dropdown-control[data-typ="GroupServer"] {
    text-align: left;
    font-weight: normal;
}

.dropdown-control[data-typ="DomainTyp"] > .dropdown-choice {
    width: 116px;
}

.currency-table th:nth-child(1),
.server-table th:nth-child(1) {
    min-width: 262px;
}

.domain-table th {
    padding-bottom: 10px;
    padding-left: 2px;
    padding-right: 2px;
}

.domain-row td,
.currency-row td,
.server-row td {
    border-top: 1px solid white;
}

.domain-row td:nth-child(2),
.domain-row td:nth-child(3),
.currency-row td:nth-child(3),
.server-row td:nth-child(3) {
    text-align: center;
}

.question-text {
    white-space: pre;
}

.grid-cell-shop {
    width: 100px;
    white-space: nowrap;
    cursor: pointer;
}

.grid-cell-shop:hover {
    background-color: #d68c25 !important;
}

.shopparam-container table td input[type="text"] {
    /* max-width: 150px;*/
}

.tb-limit-einsatz td:first-child {
    width: 220px;
}

.tb-limit-einsatz td input[type="text"] {
    width: 60px;
}

.shopparam-container {
    font-size: 8pt;
}

.fs-limit-spiele {
    height: 212px;
}

.fs-limit-einsatz {
    height: 166px;
}

.fs-diverse td:first-child {
    width: 140px;
}

.fs-param-spiele {
    height: 118px;
}

.fs-param-risk {
    height: 82px;
}

.fs-param-livewetten td input[type="text"] {
    width: 150px;
}

.global-param {
    color: #d68c25;
    font-weight: bold;
}

.fs-antepay td input[type="text"] {
    width: calc(100% - 25px);
}