﻿/*  TABLE  */
.idw-table {
    table-layout: fixed;
}

    .idw-table thead {
        font-size: 0.80em;
    }

        .idw-table thead tr {
            line-height: 22px;
        }

            .idw-table thead tr.b-bottom {
                border-bottom: 2px solid gray;
            }

            .idw-table thead tr.sm {
                line-height: 17px;
            }

        .idw-table thead.blue th {
            background-color: #6eaed3;
            color: #243b53;
        }

        .idw-table thead th:first-child {
            border-radius: 5px 0 0 5px;
        }

        .idw-table thead th:last-child {
            border-radius: 0 5px 5px 0;
        }

        .idw-table thead th.sort {
            cursor: pointer;
        }

            .idw-table thead th.sort:hover::after {
                content: ' ▼';
            }

    .idw-table tbody tr {
        cursor: default;
        line-height: 28px;
        font-size: 0.90em;
    }

        .idw-table tbody tr.separator-sm {
            background-color: white;
            color: white;
            line-height: 18px;
        }

        .idw-table tbody tr:not([group]):hover {
            background-color: rgb(0,0,0,0.1);
            border-radius: 5px;
            color: black;
        }

        .idw-table tbody tr.rselect:hover {
            background: rgb(97, 135, 168);
            color: white;
        }

    .idw-table.h-lines tbody tr {
        border-top: 1px solid #ccc6;
    }

        .idw-table.h-lines tbody tr:first-child {
            border-top: 0;
        }


    .idw-table.selectable tbody tr {
        cursor: pointer;
    }

    .idw-table tfoot {
        font-size: 0.80em;
        font-style: italic;
    }

    .idw-table .ellipsis {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        max-width: 0;
    }

.idw-table-row-line {
    height: 20px;
    color: darkgrey;
}

.rselect {
    background: rgb(97, 135, 168);
    color: white !important;
}

/*    .rselect:hover {
        background: rgb(123 169 209);
        color: white;
    }*/

/* MISCELANIOUS OBJECTS */
.idw-line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.idw-line-menu {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 0px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0px;
}

.idw-textbox {
    border-radius: 3px;
    border: 1px solid gray;
}

/* buttons info */
.idw-btn-info {
    background: #c1c1c1;
    outline: none !important;
    border: none;
}

    .idw-btn-info:hover, .idw-btn-info:focus {
        background: #a8a8a8;
    }

.idw-counter {
    border-radius: 50%;
    border: 1px solid rgb(0, 0, 0, 0.15);
    background: rgb(0, 0, 0, 0.70);
    padding-left: 5px;
    padding-right: 5px;
    color: white !important;
    font-size: 0.80em !important;
    font-style: italic;
}

/* lines */
.idw-ln-top {
    border-top: 1px solid #babbbd;
}

    .idw-ln-top.px2 {
        border-top: 2px solid #babbbd;
    }

    .idw-ln-top.dot {
        border-top-style: dotted;
    }

.idw-ln-right {
    border-right: 1px solid #babbbd;
}

    .idw-ln-right.dot {
        border-right-style: dotted;
    }

.idw-ln-bottom {
    border-bottom: 1px solid #babbbd;
}

    .idw-ln-bottom.px2 {
        border-bottom: 2px solid #babbbd;
    }

    .idw-ln-bottom.dot {
        border-bottom-style: dotted;
    }

/* layouts */
.idw-hidden {
    display: none !important;
}

.idw-disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: default;
}

.idw-readonly {
    pointer-events: none;
    opacity: 0.9;
    cursor: default;
}

.idw-d-grid {
    display: grid;
}

.idw-d-block {
    display: block;
}

.idw-d-flex {
    display: flex;
    align-items: center;
}

.idw-fr {
    float: right;
}

/* fonts */
.idw-f-120 {
    font-size: 1.20rem;
}

.idw-f-115 {
    font-size: 1.15rem;
}

.idw-f-110 {
    font-size: 1.10rem;
}

.idw-f-105 {
    font-size: 1.05rem;
}

.idw-f-95 {
    font-size: 0.95rem;
}

.idw-f-90 {
    font-size: 0.90rem;
}

.idw-f-85 {
    font-size: 0.85rem;
}

.idw-f-75 {
    font-size: 0.75rem;
}

.idw-f-20p {
    font-size: 20px;
}

.idw-f-bold {
    font-weight: bold !important;
}

.idw-c-red {
    color: red !important;
}

.idw-c-green {
    color: green !important;
}

.idw-c-orange {
    color: orange !important;
}

.idw-c-gray {
    color: gray !important;
}

.idw-c-blue {
    color: blue !important;
}

.idw-bc-darkgray {
    background-color: rgb(191, 191, 191);
}

.idw-bc-lightgray {
    background-color: rgb(228, 228, 228);
}

/* sizes */
.idw-w-450 {
    width: 450px;
}

.idw-w-420 {
    width: 420px;
}

.idw-w-400 {
    width: 400px;
}

.idw-w-350 {
    width: 350px;
}

.idw-w-320 {
    width: 320px;
}

.idw-w-300 {
    width: 300px;
}

.idw-w-250 {
    width: 250px;
}

.idw-w-220 {
    width: 220px;
}

.idw-w-200 {
    width: 200px;
}

.idw-w-180 {
    width: 180px;
}

.idw-w-160 {
    width: 160px;
}

.idw-w-140 {
    width: 140px;
}

.idw-w-120 {
    width: 120px;
}

.idw-w-100 {
    width: 100px;
}

.idw-w-90 {
    width: 90px;
}

.idw-w-80 {
    width: 80px;
}

.idw-w-70 {
    width: 70px;
}

.idw-w-60 {
    width: 60px;
}

.idw-w-50 {
    width: 50px;
}

.idw-w-45 {
    width: 45px;
}

.idw-w-40 {
    width: 40px;
}

.idw-w-35 {
    width: 35px;
}

.idw-w-30 {
    width: 30px;
}

.idw-w-25 {
    width: 25px;
}

.idw-w-20 {
    width: 20px;
}

.idw-w-0 {
    width: 0px;
}

.idw-w-95p {
    width: 95%;
}

.idw-w-75p {
    width: 75%;
}

.idw-w-65p {
    width: 65%;
}

.idw-w-60p {
    width: 60%;
}

.idw-w-55p {
    width: 55%;
}

.idw-w-45p {
    width: 45%;
}

.idw-w-40p {
    width: 40%;
}

.idw-w-35p {
    width: 35%;
}

.idw-w-25p {
    width: 25%;
}

.idw-w-15p {
    width: 15%;
}

.idw-w-10p {
    width: 10%;
}

.idw-w-5p {
    width: 5%;
}

.idw-w-fxc {
    width: fit-content;
}

.idw-wmax-cnt {
    width: max-content;
}

.idw-wmax-400 {
    max-width: 400px;
}

.idw-h-30 {
    height: 30px;
}

.idw-h-40 {
    height: 40px;
}

.idw-h-50 {
    height: 50px;
}

.idw-minh-350 {
    min-height: 350px;
}

.idw-minh-250 {
    min-height: 250px;
}

.idw-minh-200 {
    min-height: 200px;
}

.idw-mb-8 {
    margin-bottom: 8px;
}

.idw-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.idw-scroll-all {
    overflow-y: auto !important;
    overflow-x: auto !important;
}

.idw-scroller {
    overflow-y: auto;
    overflow-x: hidden;
}

.idw-no-scroller {
    overflow-y: hidden;
    overflow-x: hidden;
}

.idw-cell-center {
    text-align: center;
    vertical-align: middle !important;
}

.idw-tbl-ly-auto {
    table-layout: auto;
}

.idw-tbl-ly-fix {
    table-layout: fixed;
}

.idw-tbl-w-fit {
    width: fit-content;
    width: -moz-fit-content;
}

.idw-tbl-w-max {
    width: max-content;
}

.idw-highligh {
    border-radius: 5px;
    background: #ffff006e;
}

.idw-text-truncate {
    text-overflow: ellipsis;
    /* Required for text-overflow to do anything */
    white-space: nowrap;
    overflow: hidden;
}

.idw-input-alert {
    border: 1px solid red;
}

.idw-badge {
    background: dimgray !important;
    color: white;
}

.idw-not-visible {
    visibility: collapse;
}
