body {
    background-color: #fefefd;
}

#brand {
    float: left;
}

#menu {
    padding-left: 180px;
    padding-right: 200px;
    padding-top: 10px;
}

    #menu > div {
    }

/*in chrome with different zoom levels borders can dissapear. changing 1px to thin solves it*/
.k-widget, k-autocomplete, .k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap, .k-textbox {    
    border-width: thin !important;
}

div.k-treeview {
    border-width: 0 !important;
}
/* end correcting chrome different zoom level bug*/

ul.k-menu,
ul.k-menu > li {
    border: 0 !important;
}

#user {
    /*width: 140px;*/
    padding-top: 10px;
    float: right;
}

h1 > span {
    color:#23527c;
    font-weight:bold;
}

h3 > span,
h4 > span {
    font-weight:bold;
    font-size:20px;
    color:#23527c;
}

h3 > span {
    font-size: 26px;
}

.invalid {
    color: red;
}

.valid {
    color: green;
}

.k-grid .k-grid-header {
    padding: 0 !important;
}

.k-grid .k-grid-content {
    overflow-y: visible;
}

.k-grid .k-grid-content {
    min-height: 100px;
}

.k-grid tbody tr td {
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

label:after, label:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
/*li.k-item,
*/
.pp-nowrap .k-dropdown .k-input {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pp-url {
    cursor: pointer;
}

.pp-not-url {
    cursor: default;
}

.pp-form-icon-button {
    padding-top: 0.32em !important;
    padding-bottom: 0.33em !important;
    box-sizing: content-box !important;
}

    .pp-form-icon-button > .k-icon {
        border: 1px solid transparent;
        box-sizing: content-box;
    }

.pp-header-row {
    margin-bottom: 20px;
}

    .pp-header-row label,
    .pp-header-row button {
        margin-top: 20px;
    }

.panel-heading.accordion-toggle h4:after {
    font-family: WebComponentsIcons;
    content: "\e013";
    float: right;
    color: #157299;
}

.panel-heading.accordion-toggle.collapsed h4:after {
    content: "\e015";
}

.panel-body {
    padding: 10px !important;
}

.panel-heading {
    cursor: pointer;
    background-image: url(textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.45)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
    background-color: #d9ecf5;
    background-color: #d9ecf5 !important;
}

.panel.panel-default {
    border-color: #a3d0e4;
}

.pp-details-link {
    float:right;
    font-weight: 700;
}

.pp-file-url {
    overflow: hidden;
    text-wrap: none;
    text-overflow: ellipsis;
}

.pp-inline-url {
    display: inline-block;
    font-weight: 700;
    padding-top: 7px;
    cursor: pointer;
}


.pp-login-panel {
    margin-top: 150px;
}

.pp-red,
.pp-red > .k-link {
    color: red !important;
}
/*.pp-antibody-label {
    position:relative;
    border: 1px solid black;
    border-radius: 4px;
    box-sizing: border-box;
    width: 50mm;
    height: 20mm;
    
}*/

#barcodeprint {
    margin-top: 2mm;
}

.k-confirm {
    border: 2px solid red !important;
}

.k-command-cell > a.pp-url {
    margin-left: 7px;
}

.pp-titer-right {
    width: 2em;
}

.pp-titer-left {
    width: 20px;
}

/* sub panels*/
.form-horizontal .pp-sub-panel .form-group,
.form-horizontal .pp-sub-panel .form-group {
    margin-left: -3px;
    margin-right: -3px;
}

.panel-group .panel.panel-default.pp-sub-panel {
    margin-bottom: 3px;
}

.pp-sub-panel .panel-heading {
    padding: 5px 10px;
}

    .pp-sub-panel .panel-heading .form-group {
        margin-bottom: 0;
    }

    .pp-sub-panel .panel-heading .panel-title {
        padding-top: 5px;
    }

.pp-sub-panel .col-sm-2,
.pp-sub-panel .col-sm-1,
.pp-sub-panel .col-sm-3,
.pp-sub-panel .col-sm-4,
.pp-sub-panel .col-sm-5,
.pp-sub-panel .col-sm-6,
.pp-sub-panel .col-sm-7,
.pp-sub-panel .col-sm-8,
.pp-sub-panel .col-sm-9,
.pp-sub-panel .col-sm-10,
.pp-sub-panel .col-sm-11,
.pp-sub-panel .col-sm-12 {
    padding-left: 3px;
    padding-right: 3px;
}

.pp-text-left {
    text-align: left !important;
}


/*.k-confirm .k-button{
    background-color: lightcoral !important;
}

.k-confirm .k-primary{
    background-color: red !important;
}*/


/*#barcodeprint div,
#barcodeprint svg{
    width: 30mm !important;
    height: 18mm !important;
}*/

/*.k-upload .k-upload-action {
    display: none;
}*/

.pp-rack-table {
    background-color: #DFDFDF;
    table-layout: fixed;
    width: 100%;
}

    .pp-rack-table td {
        border: 4px solid #1e6f91;
        height: 55px;
        vertical-align: middle;
        text-align: center;
    }

body.pp-dragging {
    cursor: no-drop !important;
}

.pp-rack-data,
:not(.pp-drop-target).pp-lysate-source-table tr {
    cursor: -webkit-grab; 
    cursor: pointer;
    cursor: grab;
}

:not(.pp-drop-target).pp-lysate-source-table tr.pp-selected {
    cursor: not-allowed;
}

.pp-lysate-source-table.pp-drop-target,
.pp-drop-target .pp-rack-cell {
    cursor: crosshair !important;
}


.pp-rack-cell {
    position: relative;
    height: 100%;
    width: 100%;    
    text-align: center;
}

.pp-rack-data {
    color: #7f7f7f;
    font-size: 18px;
    padding-top: 18px;
    font-weight: 600;
    padding-bottom: 10px;
}

.pp-rack-index {
    color: #1e6f91;
    font-size: 18px;
    font-weight: 600;
    position: absolute;
    text-align: left;
    top: 0;
    left: 2px;
}

.pp-hint {
    padding: 2px 4px;
}

.pp-selected {
    color: #dedede;
}

.pp-window-content .container, 
.pp-window-content .row,
.pp-window-content .col-sm-1,
.pp-window-content .col-sm-2,
.pp-window-content .col-sm-3,
.pp-window-content .col-sm-4,
.pp-window-content .col-sm-5,
.pp-window-content .col-sm-6,
.pp-window-content .col-sm-7,
.pp-window-content .col-sm-8,
.pp-window-content .col-sm-9,
.pp-window-content .col-sm-10,
.pp-window-content .col-sm-11,
.pp-window-content .col-sm-12 {
    box-sizing: border-box;
}

.pp-well-table-container {
    width: 100%;
    position:relative;
}

.pp-well-table-scroll-container {
    overflow-x:auto;
    margin-left: 20px;
    margin-right: 20px;    
}

.pp-well-table {
    table-layout:fixed;
    border-collapse: separate;
    min-width: 100%;
}

.frozen-left,
.frozen-right {
    /*border-top-width:1px;*/
    position: absolute;
    width: 20px;
    height: 42px;
    /*margin-top: -1px;*/
}

.pp-well-table tr:first-child td,
.pp-well-table tr:last-child td {
    height: 20px;
}

.pp-well-table tr:first-child td.frozen-left,
.pp-well-table tr:last-child td.frozen-left,
.pp-well-table tr:first-child td.frozen-right,
.pp-well-table tr:last-child td.frozen-right {
    height: 25px;
    
}

.frozen-left {
    left:0;
}
.frozen-right {
    right:1px;
}

.pp-well-table td {
    border: 1px solid #1e6f91;
    text-align:center;
    vertical-align:middle;    
}

    .pp-well-table tr:first-of-type td {
        border-top: 0;
    }

    .pp-well-table tr:last-of-type td {
        border-bottom: 0;
    }

    .pp-well-table tr td:first-of-type {
        border-left: 0;
    }

    .pp-well-table tr td:last-of-type {
        border-right: 0;
    }

.pp-well-table .pp-well-cell {
    height: 40px;
    min-width: 160px;
}

.pp-well-table-label{
    color: #1e6f91;
    font-weight:600;
    padding: 2px 6px;
}

    .pp-well-table-label.frozen-left,
    .pp-well-table-label.frozen-right {        
        padding:10px 2px;
    }

.pp-well-table-buffer {
    padding-top: 10px;
}

.pp-block-table {    
    width: 100%;
}

    .pp-block-table th {
        text-align: center;        
    }

    .pp-block-table td {
        text-align: center;
    }
    
    .pp-block-table tr {        
        border-top: 1px solid #bbdceb;                
    }

    .pp-block-table tr:first-child {                
        border-top: 0;        
    }