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


#grid-header {
    display: flex; /* establish flex container */
    flex-direction: row; /* default value; can be omitted */
    flex-wrap: nowrap; /* default value; can be omitted */
    justify-content: space-between; /* switched from default (flex-start, see below) */
    /*background-color: lightyellow;*/
}

#grid-header > div {
    height: 32px;
    /*border: 2px dashed red;*/
}


    div.smallerFont,
    div.smallerFont .k-filtercell * {
        font-size: 10px;
    }

        div.smallerFont.k-grid td {
            padding-top: 0px;
            padding-right: 5px;
            padding-bottom: 0px;
            padding-left: 3px;
        }

        div.smallerFont .k-dropdown.k-header.k-dropdown-operator {
            width: calc(8px + 2em) !important;
        }

        div.smallerFont .k-grid-edit-cell input {
            font-size: 15px;
        }

    .smallerFont th.k-header {
        padding: 2px;
    }

    div.smallerFont.k-grid .k-header .k-link, /* for sortable grid */
    div.smallerFont.k-grid .k-header {
        text-align: center;
        vertical-align: middle;
        /*font-weight: bold;*/
        font-size: 15px;
    }


    .highlightCellBackGroud {
        background-color: lightyellow;
    }

    .negativeValuesRowFormatting {
        color: red;
    }

    .positiveValuesRowFormatting {
        color: green;
    }



    .validation-message {
        width: 100%;
        margin-top: 0.25rem;
        font-size: 80%;
        color: #dc3545;
    }

    .invalid ~ .validation-message {
        display: block;
    }

    .form-control.invalid {
        border-color: #dc3545;
        padding-right: calc(1.5em + 0.75rem);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right calc(0.375em + 0.1875rem) center;
        background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    }

        .form-control.invalid:focus {
            border-color: #dc3545;
            box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
        }

    textarea.form-control.invalid {
        padding-right: calc(1.5em + 0.75rem);
        background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
    }

    .form-check-input.invalid ~ .form-check-label {
        color: #dc3545;
    }

    .form-check-input.invalid ~ .validation-message {
        display: block;
    }

    .k-grid-table td {
        padding: 0;
    }

        .k-grid-table td .cell-padding {
            height: 100%;
            padding: 5px;
        }

        .k-grid-table td .for-ground {
            font-weight: bold;
        }

        .k-grid-table td .for-ground-green {
            color: green;
            font-weight: bold;
        }

        .k-grid-table td .for-ground-red {
            font-weight: bold;
            color: red;
        }

    /*tabstrip*/
    .my-custom-tab li.k-item[role=tab] {
        padding-right: 2em;
    }

    .my-custom-tab .my-badge {
        position: absolute;
        right: 7px;
        top: 4px;
        z-index: 2;
        border-radius: 50%;
        color: black;
    }

    .tab-parent .k-tabstrip-items li {
        color: black;
        background-color: white;
    }

        .tab-parent .k-tabstrip-items li.k-state-active {
            color: black;
            background-color: #ebf1f8;
            font-weight: bold
        }

    .tab-parent .k-tabstrip > .k-content {
        padding: .5rem .5rem;
        border-width: 1px;
        border-style: solid;
        border-color: gainsboro;
        background-color: #ebf1f8;
        display: none;
        overflow: auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .tab-parent .k-tabstrip-top > .k-content {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-width: 0;
    }

    .tab-parent .k-tabstrip-top > .k-tabstrip-items .k-item {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.75rem;
        margin-bottom: -1px;
    }



    .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        width: 100%;
        /* padding-right: 15px; */
        /* padding-left: 15px; */
        margin-right: auto;
        margin-left: auto;
    }

    .border-clean {
        border-style: solid;
        border-width: 0px;
        background: white;
        width: 100%;
    }

    .rightAlign input {
        text-align: right;
    }

    .entryForm {
        height: calc(100vh - 245px);
        overflow-y: scroll;
    }

    .headerBar {
        /*background-color: #D6DBDF;#72b1ec*/
    }

    .b-bar-menu {
        background-color: #133556;
        color: #bec6cf;
    }

    .b-bar-vertical-inline:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu {
        position: relative !important;
        border: none;
        border-radius: 0;
        box-shadow: none;
        background: #11243d;
    }
}
.navbar.bg-light {
    background-color: #133556 !important;
    border: 1px solid rgba(0,0,0,.1);
}

.image-label {
    background-color: #eee;
    width: 5rem;
    height: 2.25rem;
    margin-top: 0.025rem;
    object-fit: contain;
    position: relative;
    display: block;
}
.text-button {
    background: none;
    border: none;
    padding: 0;
    color: var(--theme-color-dark);
    cursor: pointer;
    text-align :right;
}
#ExpiryReportDetail {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    height: calc(100vh - 279px);
    display: inline-block;
    overflow-y: scroll;
}

    #ExpiryReportDetail td, #ExpiryReportDetail th {
        border: 1px solid #1fa3cc;
        padding: 8px;
        white-space: nowrap;
    }

#ExpiryReportDetail th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #6A92BB;
    color: white;
}

.tdR {
    text-align: right;
    vertical-align: middle;
}

.tdC {
    text-align: center;
    vertical-align: middle;
}
input[type='file'] {
     color:transparent;
}
@media print {
    #printButton {
        display: none;

    }
    #cancelButton {
        display: none;
    }

    @media printDiv {
        @page {
            size: landscape ;
            margin-top: 0;
            margin-bottom: 0;
        }
        body {
            padding-top: 5rem;
            padding-bottom: 5rem;
        }
    }
}