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

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    display: flex;
    flex-direction: column;
}

html, body {
    height: 100%;
    overflow: hidden;
}

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

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    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: 1000;
}

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

.page-box {
    margin-top:3px;
    border: 1px solid rgba(255, 0, 0, 0.123);
    border-radius: 3px;
    box-shadow: 1px 1px 2px 2px rgb(178, 204, 213);
    padding: 1px;
}

.icon-box {
    border: 1px solid rgba(255, 0, 0, 0.123);
    border-radius: 8px;
    box-shadow: 2px 2px 3px 3px rgb(192, 195, 196);
}

    .icon-box:hover {
        background-color: antiquewhite;
        box-shadow: 3px 3px 5px 5px lightblue;
    }

    .icon-box:active {
        background-color: rgb(199, 141, 64);
    }

    .icon-box h3 {
        font-size: 26px;
    }

    .icon-box i {
        color: #fc997c;
    }

.my-h-200 {
    height: 200px;
}
.my-h-250 {
    height: 250px;
}
.my-h-300 {
    height: 300px;
}
.my-h-350 {
    height: 350px;
}

.my-h-400 {
    height: 400px;
}

.my-h-450 {
    height: 450px;
}

.my-h-480 {
    height: 480px;
}

.my-h-500 {
    height: 500px;
}
.my-h-525 {
    height: 525px;
}

.my-h-550 {
    height: 550px;
}
.my-h-575 {
    height: 575px;
}

.my-h-600 {
    height: 600px;
}
.my-h-625 {
    height: 625px;
}
.my-h-650 {
    height: 650px;
}
.my-h-675{
    height: 675px;
}

.my-h-700 {
    height: 700px;
}

.my-h-750 {
    height: 750px;
}

.my-w-500 {
    width: 500px;
}

.my-w-600 {
    width: 600px;
}

.my-w-700 {
    width: 700px;
}

.my-w-750 {
    width: 750px;
}

.my-w-800 {
    width: 800px;
}

.my-w-900 {
    width: 800px;
}

.my-w-1000 {
    width: 1000px;
}

.my-w-1100 {
    width: 1100px;
}

.my-w-1200 {
    width: 1200px;
}
.my-80v {
    width: 80%;
}
.my-90v {
    width: 90%;
}
.my-100v {
    width: 100%;
}
/*.dxbl-grid > .dxbl-grid-toolbar-panel {
    min-height: 34px;
    padding: 3px;
}*/
.dxbl-grid > .dxbl-grid-toolbar-container {
    height: 30px;
    padding: 3px;
    min-height:30px;
}
 
.grid-container {
    display: contents;
}

.grid-toolbar-icon {
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    /* background-color: currentColor;*/
    height: 16px;
    width: 16px;
    opacity: 0.7;
}

.grid-toolbar-export-ornek {
    -webkit-mask-image: url("../images/icons/format3.svg");
    mask-image: url("../images/icons/format3.svg");
}

.search-icon {
    background-color: currentColor;
    width: 16px;
    height: 16px;
    mask-image: url("../images/icons/Filter.svg");
    -webkit-mask-image: url("../images/icons/Filter.svg");
    opacity: 0.6;
}

.search-item {
    width: 10rem;
}