html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.reduced-75 {
    width: 75%;
}

.reduced-35 {
    width: 35%;
}

.reduced-40 {
    width: 40%;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-50 {
    margin-bottom: 50px;
}

.dx-header-row {
    background-color: #1d2934 !important;
}

    .dx-header-row .dx-checkbox {
        background-color: white !important;
    }

    .dx-header-row .dx-col-fixed {
        background-color: #1d2934 !important;
    }

.dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-datagrid-text-content {
    color: #0089a7 !important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort {
    color: white !important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort-indicator {
    color: white !important;
}

.dx-toolbar-button .dx-button-content {
    background-color: #f6f6f6 !important;
}

    .dx-toolbar-button .dx-button-content:hover {
        background-color: #0089a7 !important;
    }

        .dx-toolbar-button .dx-button-content:hover .dx-icon {
            color: white !important;
        }

        .dx-toolbar-button .dx-button-content:hover .dx-button-text {
            color: white !important;
        }

.dx-button {
    border-radius: 0px !important;
}

.dx-popup-wrapper > .dx-overlay-content {
    border-radius: 0px !important;
}

.breadcrumb {
    font-size: 16px !important;
}

.iwata-card-body {
    color: #0089a7 !important;
    font-size: 50px !important;
}

    .iwata-card-body:hover {
        background-color: #0089a7 !important;
        color: white !important;
    }

.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
    height: 13px !important;
}

.dx-scrollbar-horizontal .dx-scrollable-scroll {
    height: 13px !important;
}

.card-header {
    max-height: 60px !important;
    min-height: 60px !important;
    padding: 15px !important;
}

.pc-link:hover {
    text-decoration: underline !important;
}

.dx-dropdowneditor-button {
    box-shadow: 0 0px !important;
}

.dx-list-item-selected {
    background-color: #0089a7a3 !important
}

.big-bottom-margin {
    margin-bottom: 50px !important;
}

.dx-scrollable-container {
    max-height: 600px;
}

.import-card {
    border-top: 4px solid #1d2934 !important;
}

.dx-fileuploader-button .dx-button-content:hover {
    background-color: #0089a7 !important;
}

    .dx-fileuploader-button .dx-button-content:hover .dx-icon {
        color: white !important;
    }

    .dx-fileuploader-button .dx-button-content:hover .dx-button-text {
        color: white !important;
    }

.dx-fileuploader-content > .dx-fileuploader-upload-button {
    display: none !important;
}

.searchBoxClass {
    margin: 0px 20px 0px 0px !important;
    display: inline-block !important;
}

.searchButtonClass {
    box-shadow: 0px 0px 0px !important;
}

.globalSearchRedirectOuter {
    min-height: 50px;
    border: 2px solid #0089a7
}

.globalSearchRedirectInner {
    min-height: 50px;
    color: #0089a7;
    font-size: 18px;
    padding: 10px;
}

    .globalSearchRedirectInner:hover {
        color: white;
        background-color: #0089a7;
    }

.multiLineLabel {
    font-size: 14px !important;
    color: rgba(0,0,0,.6) !important;
    font-weight: 400 !important;
    font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif !important;
    line-height: 1.2857 !important;
    /*padding-top: 30px !important;*/
}

.multiLineValidationHidden {
    display: none;
}

.multiLineValidationError {
    color: #fff !important;
    background-color: #f44336 !important;
    border-radius: 4px !important;
    padding: 4px 16px !important;
    font-size: 12px !important;
    /*display: inline-block !important;*/
    border-width: 0 !important;
    word-wrap: break-word !important;
    font-weight: 400 !important;
    font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif !important;
    line-height: 1.2857 !important;
    position: absolute !important;
    margin: 16px 200px !important;
    /*top: 30% !important;
    left: 40% !important;*/
}

.multiLineValidationIcon {
    color: #fff;
    background-color: #f44336 !important;
    border-radius: 50% !important;
    font-size: 14px !important;
    /*display: inline-block !important;*/
    border-width: 0 !important;
    margin: 16px 170px !important;
    /*padding: 0px 6px !important;*/
    width: 22px !important;
    text-align: center !important;
    font-weight: 500 !important;
    line-height: 23px !important;
    position: absolute !important;
    /*top: 30% !important;*/
    /*left: 35% !important;*/
}

.dx-datagrid-rowsview .dx-row.redHighlight > td, .dx-datagrid-rowsview .dx-row.redHighlight > tr > td {
    background-color: #d51414a8 !important;
}

.dx-datagrid .dx-row-alt.redHighlight > td, .dx-datagrid .dx-row-alt.redHighlight > tr > td {
    background-color: #d51414a8 !important;
}