/*@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}*/

a, .btn-link {
    color: #f07d00 !important;
    text-decoration:none;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}


.content {
    padding-top: 1.1rem;
}


.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: white;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 10001;
    border:1px solid red;
    color:black;
}

/*#blazor-error-ui {
    display: none !important;
}*/

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

@media (min-width: 768px) {
    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .sidebar .collapse {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}

.command-column td:last-child, .command-column th:last-child {
    padding: 10px 0px;
}

.k-grid-content-sticky, .k-grid-header-sticky {
    border-left: 0 !important;
    border-right: 0 !important;
    /*line-height: 21px;*/
}

.k-grid-content-sticky-middle td:not(.k-grid-content-sticky):not(.k-drag-cell), .k-grid-content-sticky-middle th:not(.k-grid-header-sticky):not(.k-drag-cell) {
    background-color: lightgray;
}

.cfg-overview .k-grid-content-sticky-middle td:nth-child(2), .cfg-overview .k-grid-content-sticky-middle th:nth-child(2) {
    padding-right: 0;
}
.cfg-overview .k-grid-content-sticky-middle td:nth-child(3) {
    padding: 0 0;
}

.cfg-overview .k-grid-content-sticky-middle td:nth-child(8), .cfg-overview .k-grid-content-sticky-middle th:nth-child(8),
.cfg-overview .k-grid-content-sticky-middle td:nth-last-child(2), .cfg-overview .k-grid-content-sticky-middle th:nth-last-child(2) {
    background-color: lightgray !important;
    padding: 10px 0px;
}

.cfg-last-configurations .k-grid-content-sticky-middle td:nth-child(3), .cfg-last-configurations .k-grid-content-sticky-middle th:nth-child(3),
.cfg-last-configurations .k-grid-content-sticky-middle td:nth-last-child(3), .cfg-last-configurations .k-grid-content-sticky-middle th:nth-last-child(3) {
    background-color: lightgray !important;
    padding: 10px 0px;
}

.cfg-overview .k-grid-content-sticky-middle {
    max-height:calc(100vh - 155px);
}

.intermedTextWindow {
    width: 100%;
    max-width: 800px;
}
.intermedTextWindow2 {
    width: 100%;
    max-width: 450px;
}

.no-content .k-grid-header, .no-content .k-grid-content {
    display: none;
}
.no-content .k-grid-toolbar {
    border-color: #dee2e6;
}
.k-listview div {
    font-size:16px;
}
.k-listview-row:hover {
    background-color: #00000012;
    cursor: pointer;
}

.cfg-overview .k-grid .k-master-row {
    position: relative; /* for top and bottom:0 absolute positioned divs inside tr */
    transform: scale(1); /* hack as position: relative is ignored in <tr> for Chrome */
}
.cfg-overview .k-drag-cell, .cfg-overview .k-grid-content-sticky-middle td:nth-child(2), .cfg-overview .k-grid-content-sticky-middle td:nth-child(3) {
    position: sticky;
    /*background-color: transparent !important;*/
}
.cfg-overview .k-drag-cell {
    left:0px;
    /*background-color:white;*/
}
.cfg-overview .k-grid-content-sticky-middle td:nth-child(2) {
    /*left: 30px !important;*/
}

/*.cfg-overview .ButtonsGroup {
    position: absolute;
    left: 45px;
    top: 32px;
    background-color: white;
}*/

.cfg-overview .no-drag {
    position: absolute;
    left: 0px;
    top: 0;
    background-color: white;
    width:50px;
    height:70px;
}

.cfg-overview .k-grid tbody tr:hover .no-drag {
    background-color: #eeeeee;
}


.cfg-overview .k-grid tbody tr .ButtonsGroup {
    display: none;    
}

.cfg-overview .k-grid tbody tr:hover .ButtonsGroup {
    display: block;
}
/*.cfg-overview .k-grid-header {
    position: sticky;
    top:155px;
    z-index:9;
}*/

/*.grid-no-scroll .k-grid-content {
    overflow-y: auto;
}

.grid-no-scroll .k-grid-header,
.grid-no-scroll .k-grid-footer {
    padding-right: 0;*/ /* version 2.26 and older requires !important here */
/*}

.grid-no-scroll .k-grid-header-wrap,
.grid-no-scroll .k-grid-footer-wrap {
    border-right-width: 0;
}*/


/*
.k-grid-content-sticky-middle .k-grid-content, .k-grid-content-sticky-middle .k-grid-content > div {
    transform: rotateX(180deg) !important;
            
}.k-grid-content-sticky-middle .k-grid-content {
    padding-top:12px;
}*/

.h-300 {
    max-height: 300px;
    overflow-y: auto;
}

.bucher-tooltip .k-tooltip {
    background: blue;
    /* color: yellow; */
}

.bucher-tooltip .k-tooltip .k-callout {
    /* same as tooltip background */
    color: blue;
}

.btn {
    box-shadow: none !important; /* remove button glow */
}
.btn-lpb:hover {
    background-color: #f8f9fa !important;
}

.loading-section1 {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 20002;
    background-color: black;
    opacity: 0.4;
}

.loading-sub-section1 {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 170px;
    z-index: 20002;
}

.loading-section {
    text-align: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 170px;
    bottom: 170px;
    margin-top: 45px;
    z-index: 20003;
}

.loading-section.ico img {
    background-color: white;
    padding: 20px 40px;
    border-radius: 10px;
    height: 200px;
    width: 240px;

}

.ico {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 21px;
}

.c-pointer {
    cursor: pointer;
}

#components-reconnect-modal {
    display: none;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1000;
    overflow: hidden;
    background-color: rgb(255, 255, 255);
    opacity: 0.8;
    text-align: center;
    font-weight: bold;
}

#components-reconnect-modal.components-reconnect-show {
    display: block;
}

#components-reconnect-modal.components-reconnect-show div.reconnecting {
    display: block;
}

div.reconnecting {
    display: none;
}

#components-reconnect-modal.components-reconnect-failed {
    display: block;
}

#components-reconnect-modal.components-reconnect-failed div.failedToConnect {
    display: block;
}

div.failedToConnect {
    display: none;
}

#components-reconnect-modal.components-reconnect-rejected {
    display: block;
}

#components-reconnect-modal.components-reconnect-rejected div.connectionRejected {
    display: block;
}

div.connectionRejected {
    display: none;
}

#components-reconnect-modal.components-reconnect-hide {
    display: none;
}


.form-label-small {
    font-size: 12px;
    margin-bottom: .25rem !important;
}