@CHARSET "UTF-8";
.nophone {display:none;}

body {
    font-size:12px;
}
#Logo {
    zoom:0.5;
}
#User {
    right:10px;
    top:10px;
}
#Time {
    display:none;
}
#header {
    height:37px;
}
#footer {
    height:50px;
}
.title {
    font-size:18px;
}
.subtitle {
    font-size:14px;
}
#content {
    height:calc(100% - 50px);
}
input[type="number"],input[type="password"],input[type="text"],input[type="date"],select {
    width: 200px;
    border-radius: 4px;
}
input,select:not([size]) {
    height:35px;
}
input,select {
    font-size: 18px;
}

button,input[type="submit"],input[type="button"] {
    font-size: 12px;
    margin:3px 0;
    padding:4px 2px;
    width: 200px;
    height:35px;
}
input[type="file"] {
    font-size:12px !important;
    width:220px;
}

input[type="checkbox"],input[type="radio"] {
    height: 20px;
    width: 20px;
    margin: 8px 5px 8px 5px;
}
#ScreenMenu button {
    font-size:14px;
    line-height:10px;
    font-weight:500;
    height:30%;
}
#ScreenMenu button img {
    max-width: 75px;
    max-height: 75px;
    margin-top: -15px;
    margin-bottom: auto;
}
#Login {
    top:37px;
}
#Login>div {
    right:0px;
    top:37px;
}
.overlay {
    top:37px;
    bottom:50px;
}
.innerOverlay {
    top:37px;
    left:10px;
    right:10px;
    min-height:400px;
    left:10px;
    right:10px;
    border:4px solid white;
}
.overlayClose {
    zoom:0.8;
    top:-20px;
}
div.menu {
    font-size:12px;
    width:55px;
    height:50px;
    overflow:hidden;
}
div.menu > div {
    width:20px;
    height:20px;
    border-radius:10px;
    border:1px solid #00354b;
    left:14px;
}
div[ShowContent] > div {
    background-position: -6px -6px;
    background-size: 30px;
}
#left {
    height:50px;
    width:calc(100% - 58px);
}
#right {
    height:50px;
    border-left:1px solid #00354b;
}
.verticalBar {
    display:none;
}
#StatusText {
    top:11px;
    left:6px;
    font-size:16px;
}
#content {
    padding-top:37px;
}

.regionBoxInfo .subtitle {
    font-size:14px;
}
.regionBox .regionBoxEdit {
    padding-left:10px;
    margin:30px 8px 0px 8px;
}
.regionBox .regionBoxInfo {
    margin:8px 8px 0px 8px;
}
.regionBox .regionBoxInfo:last-of-type,
.regionBox .regionBoxEdit:last-of-type{
    margin-bottom:20px;
}
.Help {
    top:41px;
    right:0px;
    background-size:20px 20px;
    width:20px;
    height:20px;
}
.regionBox {
    flex-direction:row;
    align-content: stretch;
}

[content="CARRIERDistrictGroup"] button {
    width:78px;
}
[content="Tariff"] .regionBoxEdit {
    overflow:auto;
    height: calc(100vh - 122px);
}
[content="Tariff"] button {
    width:105px;
}
[content="CARRIERSortPlan"] .regionBox {
    height: calc(100vh - 122px) !important;
}
[content="CARRIERSortPlan"] .regionBoxEdit {
    height:50% !important;
    width:100% !important;
    margin-bottom:10px !important;
}
[content="CARRIERSortPlan"] #SortPlanSelection button {
    width:62px;
}
[content="CARRIERCustomer"] .BoxList td:nth-child(4),[content="CARRIERCustomer"] .BoxList th:nth-child(4),
[content="CARRIERCustomer"] .BoxList td:nth-child(5),[content="CARRIERCustomer"] .BoxList th:nth-child(5),
[content="CARRIERCustomer"] .BoxList td:nth-child(6),[content="CARRIERCustomer"] .BoxList th:nth-child(6),
[content="CARRIERCustomer"] .BoxList td:nth-child(7),[content="CARRIERCustomer"] .BoxList th:nth-child(7){
    display:none;
}
[content="CARRIERCustomer"] button {
    width:100px;
}
[content="Product"] button {
    width:100px;
}
[content="SeparationCard"] #CustomerSelection,
[content="SeparationCard"] #ProductSelection {
    height:30%;
}
[content="InvoiceArticleGroup"] button {
    width:100px;
}
[content="InvoiceArticle"] .regionBoxEdit {
    overflow:auto;
}
[content="InvoiceArticle"] button {
    width:100px;
}
[content="CalculationMethod"] button {
    width:100px;
}
[content="Regional"] #RegionalSetSelection {
    height:50%;
}
[content="Regional"] button {
    width:100px;
}
[content="CustomerRegional"] #CustomerRegionalSelection {
    height:50%;
}
[content="SynchronisationState"] .VersionList td:nth-child(1),[content="SynchronisationState"] .VersionList th:nth-child(1),
[content="SynchronisationState"] .VersionList td:nth-child(5),[content="SynchronisationState"] .VersionList th:nth-child(5){
    display:none;
}
[content="SynchronisationState"] .VersionList tr th,
[content="SynchronisationState"] .VersionList tr td{
    font-size:10px;
    padding:0px;
    text-wrap:none;
    width:25%;
}
[content="MailData"] button {
    width:80px;
}
[content="MailData"] .TableOverflow{
    height:calc(100% - 90px);
}
[content="Userlist"] button {
    width:63px;
}
[content="Userlist"] #Userlist .TableOverflow{
    height:calc(100% - 80px);
}
[content="UserRoles"] button {
    width:100px;
}
[content="UserRoles"] #RoleList .TableOverflow{
    height:calc(100% - 80px);
}
.WaitOverlay button {
    margin-top:10px;
}
/* Sortplan Editor */
.DistrictMenu input,.DistrictMenu button,.DistrictMenu select {
    width:95px;
}
.DistrictMenu input[type="number"]{
    width:60px !important;
}

.DistrictMenu {
    width:110px;
    height:calc(100% - 145px);
}
.DistrictMenu .binContentElement {
    width:100px;
    height:calc(100% - 208px);
}
.DistrictMenu .binContentElement li {
    width:90px;
}
.GeneralMenu {
    width:120px;
    height:90px;
    left:0px;
    bottom:0px;
    right:auto;
    padding:5px;
}
.GeneralMenu button {
    width:110px;
    height:20px;

}
.SortplanMenu {
    left:auto;
    right:0px;
    width:205px;
    padding:0px;
}
#tableField {
    padding:0px;
}
.binContentElement {
    width:100px;
}
.binContentElement li {
    width:90px;
}
.sortplanBorder {
    margin-left:125px;
}
#binContent td p {
    display:none;
}
#binContent .ListSearch input {
    width:100px;
}
.Line td input {
    width:100px;
}
.subsortplan button {
    width:100px;
    height:20px;
}
.subsortplan select {
    width:100px;
    height:20px;
}
.subsortplan div {
    width:100px;
}
#ScreenConfig {
    right:125px;
    top:10px;
    width:24px;
    height:24px;
    background-size:19px;
}