.mdl-grid {
    
    width: 100%;
}

.mdl-fill-container {
    width: calc(100% - 16px);
    height: calc(100vh - 16px - 60px);
    overflow: auto;
}

.mdl-fill-container-form {
    width: 100%;
    height: 100%;
    overflow: auto;
    padding-right: 40px;
}

.clusterize-scroll {
    min-height: calc(100vh - 60px - 60px);
    overflow: auto;
    overflow-x: auto
}

/* .mdl-button-datatablerow {
    display: inline;
    width: 10px;
    height: 10px;
    min-width: initial;
    vertical-align: text-top;
} */

.mdl-button-datatablerow {
    flex: 0 0 100%;
    height: 22px;
    display: flex;
    margin: 0;
    padding: 0;
}

.page-content {

    height: 100%;
    width: 100%;
    overflow: hidden;
    &:after{
        content: "";
        height: 100vh;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
    }
}

.mdl-data-table{
    width:100%;
}
    .mdl-data-table .sa-datatable-cell-value {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mdl-data-table .sa-datatable-cell-value.sa-datatable-cell-value-editable {
        cursor: pointer;
    }
    .mdl-data-table .sa-datatable-cell-value.sa-datatable-cell-value-editable:hover {
        text-decoration: underline;
    }

        .mdl-data-table span.dbnull {
            color:rgba(99, 99, 99, 0.1);
        }

.mdl-data-table th {
    position: sticky !important;
    top: -1px;
    z-index: 111111;
    background-color: #494949;
    color: #fff;
    border-color: #505050;
}

    .mdl-data-table th a {
        color: #fff;
        text-decoration:none;
    }
    .mdl-data-table th a:hover {
        text-decoration:underline;
    }
 





    .mdl-data-table td, .mdl-data-table td .mdl-data-table__select {
        vertical-align: text-top;
    }

.hidden{
    display:none;
}

.highlight-0 {
    background-color: #fff34d;
}
.highlight-1 {
    background-color: #E6DA34;
}
.highlight-2 {
    background-color: #CCC01A;
}
.highlight-3 {
    background-color: #998D00;
}
.highlight-4 {
    background-color: #807400;
    color:#fff;
}


.mdl-card{
    width : 100%;
}

.mdl-data-table th {
    text-align: left;
    overflow: hidden;
}

.sit-pay__currency__unknown:after {
    content: ' (Währung in GUI nicht bekannt)';
}

.sit-pay__currency__EUR:after,
.sit-pay__currency__eur:after,
.sit-pay__currency__978:after
{
    content: ' €';
}

.sit-pay__currency__czk:after,
.sit-pay__currency__CZK:after
{
    content: ' Kč';
}

.sit-pay__currency__756:after,
.sit-pay__currency__CHF:after,
.sit-pay__currency__chf:after {
    content: ' CHF';
}


fieldset div span.lbl{
    display:inline-block;
    width : 20%;
    min-width: 100px;
    line-height:28px;
}

.date-text-input{
    width:90px;
}

input[type=date] {
      font-family: "Helvetica","Arial",sans-serif;
   
}


.demo-card-square{
    max-width:360px;
}

.mdl-navigation__link.current-active-page-url {
    color: rgb(231, 231, 231) !important;
    background-color: #3b3b3b !important;
    text-decoration: underline;
    border-style: inset;
    border: 0;
    
    border-style: solid ;
    border-top-width : 1px;
    border-bottom-width : 1px;
    border-color:#636363; 
}


.mdl-navigation__link.current-active-page-url:hover {
     
    background-color: #1A1A1A !important;
    text-decoration: none;
}



.mdl-menu__item.current-active-page-url {
    color: rgb(238, 238, 238) !important;
    background-color: #1E1E1E !important;
    text-decoration: underline;
    border-style: inset;
    border: 0;
    
    border-style: solid ;
    border-top-width : 1px;
    border-bottom-width : 1px;
    border-color:#BABABA; 
}


.mdl-menu__item.current-active-page-url:hover {
 
    background-color: #1E1E1E !important;
    text-decoration: none ;
    
}


.version-info-container{
     color:#747474;
     position:fixed;
     bottom:0;
     overflow:hidden;
     font-size:smaller;
}

.version-info-container-item{
    color:#747474;
    text-decoration: none;
    display:inline-block;
}

a.version-info-container-item:hover{
    text-decoration: underline;
}

.mdl-cell{
    overflow-x:auto !important;
    overflow-y:auto !important;
}

.mdl-action-command-button {
    position: fixed;
    bottom: 22px;
    right: 22px;
}

.text-marker, .text-marker > * {
    color: #000;
    font-weight:bold;
}

.text-marker-1{
    background-color:#a7f2a4;
}
.text-marker-2 {
    background-color: #eeb67e;
}
.text-marker-3 {
    background-color: #fff798;
}
.text-marker-4 {
    background-color: #a2caf2;
}
.text-marker-5 {
    background-color: #f2acac;
}




.details-form-divider, .details-form-divider hr{
    width: 100% !important;
}
.details-form-divider {
    cursor: pointer;
}

.details-form-title {
    color: rgb(0,188,212);
    font-weight: bold;
}

.details-form-title-description {
    color: rgba(0,0,0,.26);
    font-size: 12px;
    display:none;
    margin-left:6px;
}


.details-form-title-icon {
    color: rgb(0,188,212);
    display: inline-flex;
    vertical-align: middle;
}

.details-form-divider.frm-area-hidden .details-form-title, .details-form-divider.frm-area-hidden .details-form-title-icon {
    color: rgba(0,0,0,.87);
}
.details-form-divider > hr {
    height:2px;
    border-top:0;
}

.details-form-divider.frm-area-hidden:hover .details-form-title {
    color: rgb(0,188,212);
}

.details-form-divider.frm-area-hidden .details-form-title-description{
    display:inline-block;
}

    .details-form-divider.frm-area-hidden .details-form-title-description strong {
        color: rgba(0,0,0,.87);
    }

.mdl-textfield-icon {
    float: right;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 26px;
    right: 5px;
}



input[type=date].mdl-textfield__input {
    height:18px;
}

.mdl-textfield {
    width:100%;
}

.mdl-textfield  > select > option:disabled{
    color: rgb(211, 211, 211);
}

.mdl-textfield  > select > option[selected=selected]:disabled {
    background-color: black;
    color: #d50000;
}

.sit_mdl-layout__drawer-button {
    left: 60px;
    top: 10px;
    position: absolute;
    display: inline-block;
    height: 48px;
    width: 48px;
    z-index: 1000;
    cursor:pointer;
    line-height: 54px;
}

#main-create-new-button{
    position:absolute;
    bottom:30px;
    right:30px;
}

.sit-i18n-error{
    color: #d50000!important;
}

.alert.alert-error{
    color:#d50000;
}

.text-danger {
    color: #d50000;
  }
  a.text-danger:hover,
  a.text-danger:focus {
    color: #c20000;
  }

  .text-warning {
    color: #8a6d3b;
  }
  a.text-warning:hover,
  a.text-warning:focus {
    color: #66512c;
  }

.mdl-menu__item .material-icons {
    position: relative;
    top: 8px;
    left: -7px;
}


.mdl-layout__drawer {
    border-right: 0;
}

.mdl-navigation__link {
    background-color: #333333;
}  

.mdl-color--blue-grey-900 {
    background-color: #3a3a3a !important;
}

.mdl-layout__header{
    background-color: #f3f3f2 !important ;
}


.mdl-card  {
    color:#9A9A9A;
/*     background-color: rgb(243,243,242, 0.45) !important; */
}

.mdl-layout__drawer-button, .mdl-card__supporting-text {
    color:#9A9A9A; 
}

.mdl-card__title  {
    color:#fff;
    /* background-color: rgba(64, 64, 65, 0.45)  !important; */
    background-color: #404041!important;
}

.mdl-card__actions  {
    /* background-color: rgba(64, 64, 65, 0.45)  !important; */
    color:#fff;
    background-color: #404041!important;
}

html, body{
    color: #000;
}

.mdl-layout__drawer-button {
    color: #000 !important;
}
    .mdl-layout__drawer-button:focus {
        border: 0;
        user-select: none !important;
        outline: none !important;
    }

    .mdl-layout__drawer-button:hover {
        color: #333333;
    } 


    
fieldset[disabled] .mdl-textfield .mdl-textfield__input, .mdl-textfield.is-disabled .mdl-textfield__input {
    background-color: white;
}
fieldset[disabled] .mdl-textfield .mdl-textfield__label, .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
    color: unset;
}

.datagrid-form-input-container {
    margin: 0;
    padding: 0;
}

.clusterize-actions{
    display:flex;
    flex-wrap: nowrap;
}

.clusterize-action-control-container{
    white-space: nowrap;
    margin-right: 11px;
    display: inline-flex;
    align-items: baseline; 
}

.clusterize-action-control-container.need-upgrade{
    display: none; 
}

.clusterize-action-control-label{
    white-space: nowrap;
    display: inline-block;
    margin-right: 5px;
    font-size: 16px; 
}
.clusterize-action-control{
    white-space: nowrap;
    display: inline-block;
}

.clusterize-action-control:focus{
    outline: none;
}

.clusterize-actions .tagify{
    width:100%;
}

.clusterize-actions .main-action-menu {
    margin-left: 11px !important;
    margin-right: 11px !important;
}

.clusterize-actions .mdl-menu__container.is-upgraded.is-visible {
    z-index: 111112 !important;
}


.datagrid-form-input-container > .mdl-cell {
    overflow: hidden !important;
}

.mdl-data-table th{
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 2px;
    padding-bottom: 2px;
}

.sa-data-grid-row-clickable{
    cursor: pointer;
}

tr.sa-data-grid-row-clickable.selected{
    background-color: rgb(246, 129, 33)!important;
}

.toolbar-navigation-link{
    color: rgb(246, 129, 33)!important;
}

tr.sa-data-grid-row-clickable.selected:hover{
    background-color: rgb(255, 176, 152)!important;
}

.main-mdl-grid-page-header-title{
    font-size: 16px;
    font-weight: bold;
}