html, body {
    height:100%;
}
span.brand{
    margin-right:15px;
}
span.brand > img.company-logo{
    height:30px;
    vertical-align: middle;
}

kendo-grid {
    height:100%;
    display:flex;
    flex-direction:column;
}
.k-grid.k-widget {
    height:100%;
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:stretch;
}
.k-grid-content {
    height:100% !important;
}

#listView {
    height:100%;
}

.stateTitle {
    font-size:13px;
    text-align:center;
}

input::-ms-clear {
    display: none;
}

.order-message {
    font-size:12px;
    color: rgb(255,87,34);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}

.syringes-message {
    font-size: 14px;
    font-weight: bold;
    color: rgb(255,87,34);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}

.hint {
    font-size: 11px;
    color: gray;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}

k-grid.td {
    line-height:normal;
}

.environment {
    color:rgb(255,87,34);
    margin-left:15px;
    font-size:16px;
}

/* start 'enter' transition */
.ng-enter {
    /* transition on enter for .5s */
    transition: .5s;

    /* start with opacity 0 (invisible) */
    opacity: 0;
}

/* end 'enter' transition */
.ng-enter-active {
    /* end with opacity 1 (fade in) */
    opacity: 1;
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

.no-grid-records {
    display:flex;
    flex-direction:column;
    align-items: center;
    width:100%;
    height:100%;
    justify-content:center;
}