/* EASY PIE CHART*/
.easy-pie-chart {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

    .easy-pie-chart .percent {
        color: #444;
        display: block;
        font-size: 12px;
        font-weight: 700;
        margin-top: -20px;
        position: absolute;
        top: 50%;
        width: 100%;
        text-align: center;
    }

        .easy-pie-chart .percent .fa {
            display: none;
        }

.dragable_modal {
    position: relative;
}

    .dragable_modal .modal-dialog {
        position: fixed;
        max-width: 100%;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
        background: var(--white);
        /* width:500px; */
        margin: 0;
        /* padding: 20px; */
        /* overflow: hidden; */
        /* resize: both; */
    }

    .dragable_modal .modal-content {
        resize: both;
    }

    .dragable_modal .modal-body {
        height: relative;
        overflow-x: hidden;
        overflow-y: auto;
    }



div.tableize {
    position: relative;
    box-sizing: border-box;
    height: 610px;
    overflow: auto;
    overflow-y: hidden;
    overflow-x: hidden;
    margin: 1px;
    padding: 4px;
    border: 1px solid #bebebe;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 0 #fff,inset 0 2px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 0 #fff,inset 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 1px 0 #fff,inset 0 2px 10px rgba(0,0,0,.2)
}

    div.tableize em.tableize {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        text-align: center;
        font-weight: 700;
        font-size: 20px;
        font-style: normal;
        line-height: 270px;
        color: #666;
        -moz-text-shadow: 0 -1px 0 #fff;
        -webkit-text-shadow: 0 -1px 0 #fff;
        text-shadow: 0 -1px 0 #fff;
        opacity: 0
    }

    div.tableize table.tableize {
        overflow: auto;
        text-align: left;
        white-space: nowrap;
        width: 100%;
        color: #000;
        border-collapse: collapse
    }

        div.tableize table.tableize tr {
            margin: 0 0 2px 0;
            border-bottom: 1px solid #ddd
        }

        div.tableize table.tableize td, div.tableize table.tableize th {
            font-size: 13px;
            padding: 4px;
            max-width: 270px;
            overflow: hidden;
            text-overflow: ellipsis
        }

        div.tableize table.tableize th {
            font-weight: 700;
            border-bottom: 1px solid #13b495
        }

        div.tableize table.tableize td {
            border-right: 1px solid #aaa
        }

            div.tableize table.tableize td:last-child {
                border-right-width: 0
            }

    div.tableize textarea {
        color: #000
    }

div.tableize-example table.tableize {
    opacity: .3
}

div.tableize-drag, div.tableize-drop, div.tableize:hover {
    margin: 0;
    border: 2px solid #13b495
}

    div.tableize-drag em.tableize, div.tableize-drop em.tableize, div.tableize:hover em.tableize {
        opacity: 1
    }

    div.tableize-drag table.tableize, div.tableize-drop table.tableize, div.tableize:hover table.tableize {
        opacity: .2
    }

div.tableize-unhover {
    margin: 1px !important;
    border: 1px solid #bebebe !important
}

    div.tableize-unhover em.tableize {
        display: none !important
    }

    div.tableize-unhover table.tableize {
        opacity: 1 !important
    }

.xs-gutter {
    margin-left: -5px;
    margin-right: -5px;
}

    .xs-gutter [class*='col-']:not(:first-child),
    .xs-gutter [class*='col-']:not(:last-child) {
        padding-right: 5px;
        padding-left: 5px;
    }


.RadGrid {
    border: none;
    overflow: hidden;
}

    .RadGrid th.rgHeader,
    div.RadGrid th.rgSorted {
        border: none;
        background-color: #fff;
        border-color: #fff;
        font-weight: bold;
        color: White;
    }

div.RadGrid_ .rgRow td,
div.RadGrid.rgAltRow td,
div.RadGrid .rgHeader,
div.RadGrid th.rgResizeCol,
div.RadGrid .rgFilterRow td {
    border: none;
}

.RadGrid .rgHeaderWrapper {
    background-color: #fff;
    border: none;
    border-color: #fff;
    border-bottom: 3px solid black;
}

    .RadGrid .rgHeaderWrapper .rgHeaderDiv {
        padding-bottom: 5px;
    }

.rgHeaderDiv {
    background-color: #fff;
}

    .rgHeaderDiv colGroup {
        background-color: #fff;
    }


    .rgHeaderDiv thead tr {
        background-color: #fff;
        border-color: #fff;
    }

div.RadGrid .rgHeader {
    color: #000;
    font-size: 12px;
    font-weight: bolder;
}

.RadGrid .rgDataDiv {
    border: none;
}

.RadGrid .rgRow td {
    border-left: none;
    border-right: none;
    border-top: none;
    cursor: pointer;
    border-bottom: 1px solid #f0f3f8;
}

.RadGrid .rgAltRow td {
    border-left: none;
    border-right: none;
    border-top: none;
    cursor: pointer;
    border-bottom: 1px solid #f0f3f8;
    background-color: #f9fafc;
}

.RadGrid .rgPager .rgPagerCell {
    padding: 5px;
    background-color: #fff;
}

.month-item {
    font-size: 13px;
}

.btn-nexasem {
    color: #fff;
    background-color: #28b568;
    border-color: #28b568;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(55, 60, 67, 0.075);
}

    .btn-nexasem:hover {
        color: #fff;
        background-color: #23a15c;
        border-color: #28b568;
    }

    .btn-check:focus + .btn-nexasem, .btn-nexasem:focus {
        color: #fff;
        background-color: #23a15c;
        border-color: #23a15c;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(55, 60, 67, 0.075), 0 0 0 0.15rem rgba(41, 182, 246, 0.5);
    }

    .btn-check:checked + .btn-nexasem,
    .btn-check:active + .btn-nexasem, .btn-nexasem:active, .btn-nexasem.active,
    .show > .btn-nexasem.dropdown-toggle {
        color: #fff;
        background-color: #28b568;
        border-color: #28b568;
    }

        .btn-check:checked + .btn-nexasem:focus,
        .btn-check:active + .btn-nexasem:focus, .btn-nexasem:active:focus, .btn-nexasem.active:focus,
        .show > .btn-nexasem.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125), 0 0 0 0.15rem rgba(41, 182, 246, 0.5);
        }

    .btn-nexasem:disabled, .btn-nexasem.disabled {
        color: #fff;
        background-color: #28b568;
        border-color: #28b568;
    }

.ribbon-success {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

    .ribbon-success span {
        font-size: 10px;
        font-weight: bold;
        color: #FFF;
        text-transform: uppercase;
        text-align: center;
        line-height: 20px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        width: 100px;
        display: block;
        background: #9FCC2E;
        box-shadow: 0 3px 10px -5px black;
        position: absolute;
        top: 19px;
        right: -21px;
    }

        .ribbon-success span:before {
            content: "";
            position: absolute;
            left: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid #9FCC2E;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #9FCC2E;
        }

        .ribbon-success span:after {
            content: "";
            position: absolute;
            right: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid transparent;
            border-right: 3px solid #9FCC2E;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #9FCC2E;
        }

.floating {
    position: absolute;
    display: table;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

    .floating p {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }



@media (min-width: 1980px) {
    .col-xxxl {
        flex: 1 0 0%;
    }

    .row-cols-xxxl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xxxl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xxxl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xxxl-3 > * {
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .row-cols-xxxl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xxxl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xxxl-6 > * {
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .col-xxxl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xxxl-1 {
        flex: 0 0 auto;
        width: 8.33333%;
    }

    .col-xxxl-2 {
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .col-xxxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xxxl-4 {
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .col-xxxl-5 {
        flex: 0 0 auto;
        width: 41.66667%;
    }

    .col-xxxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xxxl-7 {
        flex: 0 0 auto;
        width: 58.33333%;
    }

    .col-xxxl-8 {
        flex: 0 0 auto;
        width: 66.66667%;
    }

    .col-xxxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xxxl-10 {
        flex: 0 0 auto;
        width: 83.33333%;
    }

    .col-xxxl-11 {
        flex: 0 0 auto;
        width: 91.66667%;
    }

    .col-xxxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xxxl-0 {
        margin-left: 0;
    }

    .offset-xxxl-1 {
        margin-left: 8.33333%;
    }

    .offset-xxxl-2 {
        margin-left: 16.66667%;
    }

    .offset-xxxl-3 {
        margin-left: 25%;
    }

    .offset-xxxl-4 {
        margin-left: 33.33333%;
    }

    .offset-xxxl-5 {
        margin-left: 41.66667%;
    }

    .offset-xxxl-6 {
        margin-left: 50%;
    }

    .offset-xxxl-7 {
        margin-left: 58.33333%;
    }

    .offset-xxxl-8 {
        margin-left: 66.66667%;
    }

    .offset-xxxl-9 {
        margin-left: 75%;
    }

    .offset-xxxl-10 {
        margin-left: 83.33333%;
    }

    .offset-xxxl-11 {
        margin-left: 91.66667%;
    }

    .g-xxxl-0,
    .gx-xxxl-0 {
        --bs-gutter-x: 0;
    }

    .g-xxxl-0,
    .gy-xxxl-0 {
        --bs-gutter-y: 0;
    }

    .g-xxxl-1,
    .gx-xxxl-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-xxxl-1,
    .gy-xxxl-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-xxxl-2,
    .gx-xxxl-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-xxxl-2,
    .gy-xxxl-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-xxxl-3,
    .gx-xxxl-3 {
        --bs-gutter-x: 1rem;
    }

    .g-xxxl-3,
    .gy-xxxl-3 {
        --bs-gutter-y: 1rem;
    }

    .g-xxxl-4,
    .gx-xxxl-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-xxxl-4,
    .gy-xxxl-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-xxxl-5,
    .gx-xxxl-5 {
        --bs-gutter-x: 3rem;
    }

    .g-xxxl-5,
    .gy-xxxl-5 {
        --bs-gutter-y: 3rem;
    }
}