@charset "UTF-8";

body.dashboard .owb-dashboard {
    font-family: "MarkOT" !important;
}

    body.dashboard .owb-dashboard .form-group label {
        text-transform: uppercase;
        font-weight: 600;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    body.dashboard .owb-dashboard .btn-primary.filter-btn {
        background-color: #07A9D8;
        padding: 5px 9px;
        margin-top: 10px;
        text-transform: uppercase;
    }

    body.dashboard .owb-dashboard .btn-default.filter-btn {
        padding: 5px 13px;
        margin-top: 10px;
        text-transform: uppercase;
    }

    body.dashboard .owb-dashboard .owb-track-page {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

        body.dashboard .owb-dashboard .owb-track-page .s-title {
            color: #4297ff !important;
        }

        body.dashboard .owb-dashboard .owb-track-page .s-success::before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f058";
            position: absolute;
            top: -10px;
            z-index: 9999;
            right: -8px;
            color: #6ECF6C;
            border-radius: 100%;
            font-size: 30px;
        }

        body.dashboard .owb-dashboard .owb-track-page .s-inprogress::before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f071";
            position: absolute;
            top: -10px;
            z-index: 9999;
            right: -8px;
            color: #FFE300;
            border-radius: 100%;
            font-size: 30px;
        }

        body.dashboard .owb-dashboard .owb-track-page .s-not-available::before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f057";
            position: absolute;
            top: -10px;
            z-index: 9999;
            right: -8px;
            color: #C90803;
            border-radius: 100%;
            font-size: 30px;
        }

        body.dashboard .owb-dashboard .owb-track-page .filter-btn {
            margin-top: 29px;
        }

        body.dashboard .owb-dashboard .owb-track-page .dash-count-card {
            margin-bottom: 5px;
        }

        body.dashboard .owb-dashboard .owb-track-page .owb-dashboard-area {
            width: 100%;
        }

            body.dashboard .owb-dashboard .owb-track-page .owb-dashboard-area nav > .nav.nav-tabs {
                border: none;
                color: #000000;
                background: #ffffff;
                border-radius: 0;
            }

            body.dashboard .owb-dashboard .owb-track-page .owb-dashboard-area nav > div a.nav-item.nav-link {
                border: none;
                padding: 10px 10px;
                color: #fff;
                background: #272e38;
                border-radius: 0;
            }

                body.dashboard .owb-dashboard .owb-track-page .owb-dashboard-area nav > div a.nav-item.nav-link.active {
                    background: #e6f1fd !important;
                    color: #000000 !important;
                }

                    body.dashboard .owb-dashboard .owb-track-page .owb-dashboard-area nav > div a.nav-item.nav-link.active:after {
                        content: "";
                        position: relative;
                        bottom: -45px;
                        left: -13%;
                        border: 15px solid transparent;
                        border-top-color: #17a2b8;
                    }

            body.dashboard .owb-dashboard .owb-track-page .owb-dashboard-area .tab-content {
                line-height: 25px;
                border-top: 2px solid #f2f2f2;
            }

            body.dashboard .owb-dashboard .owb-track-page .owb-dashboard-area nav > div a.nav-item.nav-link:hover,
            body.dashboard .owb-dashboard .owb-track-page .owb-dashboard-area nav > div a.nav-item.nav-link:focus {
                border: none;
                background: #e74c3c;
                color: #fff;
                border-radius: 0;
                -webkit-transition: background 0.20s linear;
                transition: background 0.20s linear;
            }

            body.dashboard .owb-dashboard .owb-track-page .owb-dashboard-area .box.arrow-top {
                margin-top: 40px;
            }

                body.dashboard .owb-dashboard .owb-track-page .owb-dashboard-area .box.arrow-top:after {
                    content: " ";
                    position: absolute;
                    right: 60px;
                    top: -30px;
                    border-top: none;
                    border-right: 30px solid transparent;
                    border-left: 30px solid transparent;
                    border-bottom: 30px solid white;
                }

            body.dashboard .owb-dashboard .owb-track-page .owb-dashboard-area #owb-chart-counts {
                margin-top: 20px;
            }

            body.dashboard .owb-dashboard .owb-track-page .owb-dashboard-area #owb-track-lists {
                margin-top: 40px;
            }

            body.dashboard .owb-dashboard .owb-track-page .owb-dashboard-area #owb-track-status {
                margin-top: 30px;
            }

            body.dashboard .owb-dashboard .owb-track-page .owb-dashboard-area .donut-widget {
                margin: 0 auto;
                text-align: center;
            }

        body.dashboard .owb-dashboard .owb-track-page .track-count-card:hover {
            background: white;
            border: 1.2px solid #4297ff;
        }

        body.dashboard .owb-dashboard .owb-track-page .track-count-card .track-list-count {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-line-pack: stretch;
            align-content: stretch;
        }

            body.dashboard .owb-dashboard .owb-track-page .track-count-card .track-list-count .t-name {
                font-size: 18px;
                color: #000;
            }

            body.dashboard .owb-dashboard .owb-track-page .track-count-card .track-list-count .t-count {
                font-size: 20px;
            }

        body.dashboard .owb-dashboard .owb-track-page .badge-primary {
            color: #fff;
            background-color: #4ca2ff;
        }

        body.dashboard .owb-dashboard .owb-track-page .k-card {
            padding: 10px;
            background: #f6f6f6;
            margin: 10px;
            border-radius: 4px;
        }

        body.dashboard .owb-dashboard .owb-track-page .owb-status-list-card {
            margin-bottom: 4px;
            min-height: 140px;
            margin-top: 15px;
        }

            body.dashboard .owb-dashboard .owb-track-page .owb-status-list-card:hover {
                background: white;
                border: 1px solid #eee;
            }

            body.dashboard .owb-dashboard .owb-track-page .owb-status-list-card .card-body {
                padding: 0.55rem 0.65rem;
            }

            body.dashboard .owb-dashboard .owb-track-page .owb-status-list-card .t-info {
                color: #000;
            }

                body.dashboard .owb-dashboard .owb-track-page .owb-status-list-card .t-info .i-id {
                    margin-bottom: 2px;
                }

                body.dashboard .owb-dashboard .owb-track-page .owb-status-list-card .t-info .i-date {
                    margin-bottom: 2px;
                    color: #b0b0b0;
                }

                    body.dashboard .owb-dashboard .owb-track-page .owb-status-list-card .t-info .i-date span {
                        color: #777575;
                        font-size: 14px;
                    }

                body.dashboard .owb-dashboard .owb-track-page .owb-status-list-card .t-info .i-desc {
                    font-size: 14px;
                    margin-bottom: 2px;
                }

                body.dashboard .owb-dashboard .owb-track-page .owb-status-list-card .t-info .i-status {
                    margin-top: 10px;
                }

                    body.dashboard .owb-dashboard .owb-track-page .owb-status-list-card .t-info .i-status .progress {
                        max-width: 130px;
                    }

                    body.dashboard .owb-dashboard .owb-track-page .owb-status-list-card .t-info .i-status .progress-bar {
                        background: #4297ff;
                    }

        body.dashboard .owb-dashboard .owb-track-page .owb-filter-area .card-header {
            padding: 0.55rem 0.95rem;
            margin-bottom: 0;
            background-color: rgba(0, 0, 0, 0);
            border-bottom: 1px solid rgba(0, 0, 0, 0.04);
        }

        body.dashboard .owb-dashboard .owb-track-page .owb-filter-area .card-body {
            -ms-flex: 1 1 auto;
            -webkit-box-flex: 1;
            flex: 1 1 auto;
            padding: 0.75rem 0.45rem;
        }

        body.dashboard .owb-dashboard .owb-track-page .owb-filter-area .card-footer {
            padding: 0.35rem 0.75rem;
            background-color: rgba(0, 0, 0, 0);
            border-top: 1px solid rgba(0, 0, 0, 0.03);
        }

        body.dashboard .owb-dashboard .owb-track-page .owb-filter-area .filter-header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-line-pack: stretch;
            align-content: stretch;
        }

            body.dashboard .owb-dashboard .owb-track-page .owb-filter-area .filter-header .title {
                color: #000;
                font-size: 14px;
            }

        body.dashboard .owb-dashboard .owb-track-page .add-active {
            border: 1.2px solid #4297ff;
        }

        body.dashboard .owb-dashboard .owb-track-page .box-header .box-title {
            font-size: 18px;
            color: black;
            font-weight: 600;
        }

    body.dashboard .owb-dashboard .timeline {
        position: relative;
    }

        body.dashboard .owb-dashboard .timeline:before {
            position: absolute;
            content: '';
            width: 2px;
            height: calc(100% + 10px);
            border-left: 1px dashed #07A9D8;
            left: 14px;
            top: 5px;
            border-radius: 4px;
        }

    body.dashboard .owb-dashboard .timeline-title {
        position: relative;
        padding: 4px 15px 4px 35px;
        background-color: #D1f5ff;
        display: inline-block;
        width: auto;
        color: #07A9D8;
        border-radius: 40px;
        font-size: 14px;
        text-transform: uppercase;
        border: 1px solid #CEDEF1;
        border-right-color: #CEDEF1;
        margin-bottom: 30px;
        font-weight: bold;
    }

        body.dashboard .owb-dashboard .timeline-title:before {
            position: absolute;
            content: '';
            width: 36px;
            height: 36px;
            background: #07A9D8;
            border-radius: 100%;
            border: 1px solid #07A9D8;
            left: -4px;
            top: -4px;
        }

        body.dashboard .owb-dashboard .timeline-title span {
            position: absolute;
            /* top: -1px; */
            top: 0px;
            left: 7px;
            font-size: 20px;
            color: #fff;
            /* z-index: -1; */
            white-space: nowrap;
            /* display: inline-block; */
            /* background-color: #111; */
            padding: 0px 10px 0px 2px;
            border-top-right-radius: 40px;
            border-bottom-right-radius: 40px;
            /* border: 1px solid black; */
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

    body.dashboard .owb-dashboard .timeline-section {
        padding-left: 35px;
        display: block;
        position: relative;
        margin-bottom: 15px;
    }

        body.dashboard .owb-dashboard .timeline-section:before {
            content: '';
            position: absolute;
            width: 30px;
            height: 1px;
            top: 12px;
            left: 20px;
        }

    body.dashboard .owb-dashboard .fw-600 {
        font-weight: 600;
        text-transform: uppercase;
    }

.giant.donut-widget span.donut-caption,
.giant.donut-widget span.donut-filling,
.jumbo.donut-widget span.donut-caption,
.jumbo.donut-widget span.donut-filling,
.large.donut-widget span.donut-caption,
.large.donut-widget span.donut-filling,
.normal.donut-widget span.donut-filling,
.small.donut-widget span.donut-caption,
.small.donut-widget span.donut-filling,
.tiny.donut-widget span.donut-caption,
.tiny.donut-widget span.donut-filling {
    display: block;
    text-align: center;
    font-family: "Open Sans";
    color: #616161;
    cursor: default;
}

.tiny.donut-widget {
    width: 60px;
    height: 60px;
    display: block;
    position: relative;
}

    .tiny.donut-widget div.donut-hole {
        height: 46.8px;
        width: 46.8px;
        background-color: #fff;
        z-index: 20;
        position: absolute;
        top: 6.6px;
        left: 6.6px;
        border-radius: 46.8px;
        line-height: 15px;
    }

    .tiny.donut-widget span.donut-filling {
        position: absolute;
        vertical-align: middle;
        font-weight: 300;
        font-size: 14.67px;
        top: 50%;
        margin-top: -7.5px;
        width: 46.8px;
        height: 15px;
        overflow: none;
    }

    .tiny.donut-widget div.donut-caption-wrapper {
        width: 60px;
        -ms-flex-line-pack: center;
        align-content: center;
        position: relative;
        top: 73.33px;
    }

    .tiny.donut-widget span.donut-caption {
        font-size: 5.78px;
        font-weight: 600;
        margin: 0 auto;
    }

    .tiny.donut-widget .donut-bite {
        position: absolute;
        width: 30px;
        height: 60px;
        overflow: hidden;
        top: 0;
        left: 30.5px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }

        .tiny.donut-widget .donut-bite.large {
            width: 60px;
            height: 60px;
            left: 0;
            -webkit-transform-origin: center center;
            transform-origin: center center;
        }

            .tiny.donut-widget .donut-bite.large:after,
            .tiny.donut-widget .donut-bite:before {
                content: "";
                position: absolute;
                width: 30px;
                height: 60px;
            }

        .tiny.donut-widget .donut-bite:before {
            top: 0;
            left: -30px;
            border-radius: 30px 0 0 30px;
            -webkit-transform-origin: right center;
            transform-origin: right center;
        }

        .tiny.donut-widget .donut-bite.large:before {
            left: 0;
        }

        .tiny.donut-widget .donut-bite.large:after {
            left: 30px;
            border-radius: 0 30px 30px 0;
        }

.small.donut-widget div[chart-type*="donut"] {
    width: 85px;
    height: 85px;
    display: block;
    position: relative;
}

.small.donut-widget div.donut-hole {
    height: 66.3px;
    width: 66.3px;
    background-color: #fff;
    z-index: 20;
    position: absolute;
    top: 9.35px;
    left: 9.35px;
    border-radius: 66.3px;
    line-height: 21.25px;
}

.small.donut-widget span.donut-filling {
    position: absolute;
    vertical-align: middle;
    font-weight: 300;
    font-size: 20.78px;
    top: 50%;
    margin-top: -10.63px;
    width: 66.3px;
    height: 21.25px;
    overflow: none;
}

.small.donut-widget div.donut-caption-wrapper {
    width: 85px;
    -ms-flex-line-pack: center;
    align-content: center;
    position: relative;
    top: 103.89px;
}

.small.donut-widget span.donut-caption {
    font-size: 8.19px;
    font-weight: 600;
    margin: 0 auto;
}

.small.donut-widget .donut-bite {
    position: absolute;
    width: 42.5px;
    height: 85px;
    overflow: hidden;
    top: 0;
    left: 43px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

    .small.donut-widget .donut-bite.large {
        width: 85px;
        height: 85px;
        left: 0;
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }

        .small.donut-widget .donut-bite.large:after,
        .small.donut-widget .donut-bite:before {
            content: "";
            position: absolute;
            width: 42.5px;
            height: 85px;
        }

    .small.donut-widget .donut-bite:before {
        top: 0;
        left: -42.5px;
        border-radius: 42.5px 0 0 42.5px;
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }

    .small.donut-widget .donut-bite.large:before {
        left: 0;
    }

    .small.donut-widget .donut-bite.large:after {
        left: 42.5px;
        border-radius: 0 42.5px 42.5px 0;
    }

.normal.donut-widget {
    width: 110px;
    height: 110px;
    display: block;
    position: relative;
}

    .normal.donut-widget div.donut-hole {
        height: 85.8px;
        width: 85.8px;
        background-color: #fff;
        z-index: 20;
        position: absolute;
        top: 12.1px;
        left: 12.1px;
        border-radius: 85.8px;
        line-height: 27.5px;
    }

    .normal.donut-widget span.donut-filling {
        position: absolute;
        vertical-align: middle;
        font-weight: 300;
        font-size: 26.89px;
        top: 50%;
        margin-top: -13.75px;
        width: 85.8px;
        height: 27.5px;
        overflow: none;
    }

    .normal.donut-widget div.donut-caption-wrapper {
        width: 110px;
        -ms-flex-line-pack: center;
        align-content: center;
        position: relative;
        top: 125px;
    }

    .normal.donut-widget span.donut-caption {
        display: block;
        text-align: center;
        color: #000000;
        font-size: 14px;
        font-weight: 600;
        cursor: inherit;
        margin: 0 auto;
    }

    .normal.donut-widget .donut-bite {
        position: absolute;
        width: 55px;
        height: 110px;
        overflow: hidden;
        top: 0;
        left: 55.5px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }

        .normal.donut-widget .donut-bite.large {
            width: 110px;
            height: 110px;
            left: 0;
            -webkit-transform-origin: center center;
            transform-origin: center center;
        }

        .normal.donut-widget .donut-bite:before {
            content: "";
            position: absolute;
            width: 55px;
            height: 110px;
            top: 0;
            left: -55px;
            border-radius: 55px 0 0 55px;
            -webkit-transform-origin: right center;
            transform-origin: right center;
        }

        .normal.donut-widget .donut-bite.large:before {
            left: 0;
        }

        .normal.donut-widget .donut-bite.large:after {
            content: "";
            position: absolute;
            width: 55px;
            height: 110px;
            left: 55px;
            border-radius: 0 55px 55px 0;
        }

.large.donut-widget {
    width: 135px;
    height: 135px;
    display: block;
    position: relative;
}

    .large.donut-widget div.donut-hole {
        height: 105.3px;
        width: 105.3px;
        background-color: #fff;
        z-index: 20;
        position: absolute;
        top: 14.85px;
        left: 14.85px;
        border-radius: 105.3px;
        line-height: 33.75px;
    }

    .large.donut-widget span.donut-filling {
        position: absolute;
        vertical-align: middle;
        font-weight: 300;
        font-size: 33px;
        top: 36%;
        margin-top: -9.88px;
        width: 105.3px;
        height: 33.75px;
        overflow: none;
    }

    .large.donut-widget div.donut-caption-wrapper {
        width: 135px;
        -ms-flex-line-pack: center;
        align-content: center;
        position: relative;
        top: 80px;
        z-index: 99999;
    }

    .large.donut-widget span.donut-caption {
        font-size: 12px;
        font-weight: 600;
        margin: 0 auto;
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
        color: #000;
    }

    .large.donut-widget .donut-bite {
        position: absolute;
        width: 67.5px;
        height: 135px;
        overflow: hidden;
        top: 0;
        left: 68px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }

        .large.donut-widget .donut-bite.large {
            width: 135px;
            height: 135px;
            left: 0;
            -webkit-transform-origin: center center;
            transform-origin: center center;
        }

            .large.donut-widget .donut-bite.large:after,
            .large.donut-widget .donut-bite:before {
                content: "";
                position: absolute;
                width: 67.5px;
                height: 135px;
            }

        .large.donut-widget .donut-bite:before {
            top: 0;
            left: -67.5px;
            border-radius: 67.5px 0 0 67.5px;
            -webkit-transform-origin: right center;
            transform-origin: right center;
        }

        .large.donut-widget .donut-bite.large:before {
            left: 0;
        }

        .large.donut-widget .donut-bite.large:after {
            left: 67.5px;
            border-radius: 0 67.5px 67.5px 0;
        }

.jumbo.donut-widget {
    width: 160px;
    height: 160px;
    display: block;
    position: relative;
}

    .jumbo.donut-widget div.donut-hole {
        height: 96px;
        width: 96px;
        background-color: #fff;
        z-index: 20;
        position: absolute;
        top: 32px;
        left: 32px;
        border-radius: 96px;
        line-height: 40px;
    }

    .jumbo.donut-widget span.donut-filling {
        position: absolute;
        vertical-align: middle;
        font-weight: 300;
        font-size: 39.11px;
        top: 50%;
        margin-top: -20px;
        width: 96px;
        height: 40px;
        overflow: none;
    }

    .jumbo.donut-widget div.donut-caption-wrapper {
        width: 160px;
        -ms-flex-line-pack: center;
        align-content: center;
        position: relative;
        top: 195.56px;
    }

    .jumbo.donut-widget span.donut-caption {
        font-size: 15.41px;
        font-weight: 600;
        margin: 0 auto;
    }

    .jumbo.donut-widget .donut-bite {
        position: absolute;
        width: 80px;
        height: 160px;
        overflow: hidden;
        top: 0;
        left: 80.5px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }

        .jumbo.donut-widget .donut-bite.large {
            width: 160px;
            height: 160px;
            left: 0;
            -webkit-transform-origin: center center;
            transform-origin: center center;
        }

            .jumbo.donut-widget .donut-bite.large:after,
            .jumbo.donut-widget .donut-bite:before {
                content: "";
                position: absolute;
                width: 80px;
                height: 160px;
            }

        .jumbo.donut-widget .donut-bite:before {
            top: 0;
            left: -80px;
            border-radius: 80px 0 0 80px;
            -webkit-transform-origin: right center;
            transform-origin: right center;
        }

        .jumbo.donut-widget .donut-bite.large:before {
            left: 0;
        }

        .jumbo.donut-widget .donut-bite.large:after {
            left: 80px;
            border-radius: 0 80px 80px 0;
        }

.giant.donut-widget {
    width: 350px;
    height: 350px;
    display: block;
    position: relative;
}

    .giant.donut-widget div.donut-hole {
        height: 140px;
        width: 140px;
        background-color: #fff;
        z-index: 20;
        position: absolute;
        top: 105px;
        left: 105px;
        border-radius: 140px;
        line-height: 87.5px;
    }

    .giant.donut-widget span.donut-filling {
        position: absolute;
        vertical-align: middle;
        font-weight: 300;
        font-size: 85.55px;
        top: 50%;
        margin-top: -43.75px;
        width: 140px;
        height: 87.5px;
        overflow: none;
    }

    .giant.donut-widget div.donut-caption-wrapper {
        width: 350px;
        -ms-flex-line-pack: center;
        align-content: center;
        position: relative;
        top: 427.78px;
    }

    .giant.donut-widget span.donut-caption {
        font-size: 33.7px;
        font-weight: 600;
        margin: 0 auto;
    }

    .giant.donut-widget .donut-bite {
        position: absolute;
        width: 175px;
        height: 350px;
        overflow: hidden;
        top: 0;
        left: 175.5px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }

        .giant.donut-widget .donut-bite.large {
            width: 350px;
            height: 350px;
            left: 0;
            -webkit-transform-origin: center center;
            transform-origin: center center;
        }

            .giant.donut-widget .donut-bite.large:after,
            .giant.donut-widget .donut-bite:before {
                content: "";
                position: absolute;
                width: 175px;
                height: 350px;
            }

        .giant.donut-widget .donut-bite:before {
            top: 0;
            left: -175px;
            border-radius: 175px 0 0 175px;
            -webkit-transform-origin: right center;
            transform-origin: right center;
        }

        .giant.donut-widget .donut-bite.large:before {
            left: 0;
        }

        .giant.donut-widget .donut-bite.large:after {
            left: 175px;
            border-radius: 0 175px 175px 0;
        }

.dashboard .box-shadow-0 .box {
    -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.15);
}

.dashboard .circle.svg-container {
    height: 250px !important;
    width: 250px !important;
    margin: 0 auto;
    font-size: 9px;
    text-transform: uppercase;
}

.dashboard .card-body {
    width: 100%;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.dashboard .contouring {
    position: absolute;
    top: 110px;
    left: 24px;
    cursor: pointer;
}

.dashboard .prescription {
    position: absolute;
    top: 110px;
    left: 35px;
    cursor: pointer;
}

.dashboard .plan {
    position: absolute;
    top: 110px;
    left: 35px;
    cursor: pointer;
}

.dashboard .contouring:hover {
    text-decoration: underline;
}

.dashboard .prescription:hover {
    text-decoration: underline;
}

.dashboard .plan:hover {
    text-decoration: underline;
}

.dashboard .numbering {
    color: #e53935;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    background-color: #ffe1e1;
    padding-top: 1px;
    padding-bottom: 2px;
    font-weight: 700;
}

.dashboard .head_content {
    font-size: 15px;
    color: #007bff;
    font-weight: 600;
    margin-right: 8px;
}

.dashboard .dot {
    height: 10px;
    width: 10px;
    background-color: #00acc1;
    border-radius: 50%;
    display: inline-block;
}

.dashboard .dot2 {
    height: 10px;
    width: 10px;
    background-color: #ccc;
    border-radius: 50%;
    display: inline-block;
}

.dashboard .text {
    font-size: 12px;
}

.dashboard .list-body:after {
    border-bottom: none;
}

.dashboard .data-hover:hover {
    /* transform: translateY(-10px);
        transition: all ease-in-out 0.8s; */
    -webkit-box-shadow: 0 0 0 0.2rem rgba(83, 166, 250, 0.25) !important;
    box-shadow: 0 0 0 0.2rem rgba(83, 166, 250, 0.25) !important;
}

.dashboard .small {
    font-size: 100% !important;
}

.dashboard .font-weight-bold {
    font-weight: 600 !important;
}

.dashboard .progress {
    height: 0.3rem;
}

.dashboard .icon-customize {
    font-size: 12px;
    background-color: #06a9d7;
    padding: 5px;
    color: #fff;
    border-radius: 50%;
    height: 24px;
    line-height: 15px;
}

.dashboard .triangle-up {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #00a9e0;
    position: absolute;
    top: -20px;
    left: 4%;
}

.dashboard .triangle-up2 {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #a6bbc3;
    position: absolute;
    top: -20px;
    left: 30%;
}

.dashboard .triangle-up3 {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #808080;
    position: absolute;
    top: -20px;
    left: 60%;
}

.dashboard .triangle-up4 {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #99a4ae;
    position: absolute;
    top: -20px;
    left: 90%;
}

.dashboard .custom_deck_1 {
    /*background: linear-gradient(60deg,#26c6da,#00acc1);*/
    background: #00A9E0;
    border-radius: 2px;
}

    .dashboard .custom_deck_1 .head_deck_content1 .head_deck_icon_circle .head_deck_icon1 {
        color: #ACBBC2;
    }

    .dashboard .custom_deck_1 .head_deck_text1 {
        color: #fff;
    }

    .dashboard .custom_deck_1 .data_value, .dashboard .custom_deck_1 .data_check {
        color: #fff;
    }

.dashboard .custom_deck_2 {
    /*background: linear-gradient(60deg,#ffa726,#fb8c00);*/
    background: #A7BBC4;
    border-radius: 2px;
}

    .dashboard .custom_deck_2 .head_deck_content1 .head_deck_icon_circle .head_deck_icon1 {
        color: #ACBBC2;
    }

    .dashboard .custom_deck_2 .head_deck_text1 {
        color: #fff !important;
    }

    .dashboard .custom_deck_2 .data_value, .dashboard .custom_deck_2 .data_check {
        color: #fff !important;
    }

.dashboard .head_deck_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 8px;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
}

.dashboard .head_deck_content1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 8px;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
}

.dashboard .head_deck_icon_circle {
    background-color: #fff;
    border-radius: 50%;
}

.dashboard .head_deck_icon_circle1 {
    background-color: #fff;
    border-radius: 50%;
}

.dashboard .head_deck_icon {
    color: #00acc1;
}

.dashboard .head_deck_icon1 {
    color: #A6BBC3;
}

.dashboard .head_deck_icon2 {
    color: #808080;
}

.dashboard .head_deck_text {
    font-size: 16px;
    margin-left: 15px;
    text-align: left;
}

.dashboard .head_deck_text1 {
    font-size: 16px;
    text-align: left;
    margin-left: 15px;
}

.dashboard .head_deck_text2 {
    font-size: 16px;
    margin-left: 15px;
    text-align: left;
}

.dashboard .head_deck_text3 {
    font-size: 16px;
    margin-left: 15px;
    color: #fff;
}

.dashboard .custom_deck_3 {
    background: #808080;
    border-radius: 2px;
}

    .dashboard .custom_deck_3 .head_deck_content1 .head_deck_icon_circle .head_deck_icon1 {
        color: #ACBBC2;
    }

    .dashboard .custom_deck_3 .head_deck_text1 {
        color: #fff !important;
    }

    .dashboard .custom_deck_3 .data_value, .dashboard .custom_deck_3 .data_check {
        color: #fff !important;
    }

.dashboard .custom_deck_4 {
    /*background: linear-gradient(60deg,#66bb6a,#43a047);*/
    background: #9AA4AE;
    border-radius: 2px;
}

    .dashboard .custom_deck_4 .head_deck_content1 .head_deck_icon_circle .head_deck_icon1 {
        color: #ACBBC2;
    }

    .dashboard .custom_deck_4 .head_deck_text1 {
        color: #fff !important;
    }

    .dashboard .custom_deck_4 .data_value, .dashboard .custom_deck_4 .data_check {
        color: #fff !important;
    }

.dashboard .head_deck_icon3 {
    color: #99a4ae;
}

.dashboard .custom_deck_1:hover {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.dashboard .custom_deck_2:hover {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.dashboard .custom_deck_3:hover {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.dashboard .custom_deck_4:hover {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.dashboard .data_check {
    color: #efefef;
}

.dashboard .data_value {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}

.dashboard .rotate {
    right: -70.8px;
}

.dashboard .bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.dashboard .bar-color-1 {
    background-color: #00A9E0;
}

.dashboard .bar-color-2 {
    background-color: #808080;
}

.dashboard .bar-color-3 {
    background-color: #A6BBC3;
}

.dashboard .icon-show {
    color: #000;
    width: 20px;
    height: 20px;
    background-color: #fff;
    padding: 5px 8px;
    font-size: 15px;
    border-radius: 50%;
}

.dashboard .icon-show-alt {
    color: #000;
    width: 16px;
    height: 16px;
    background-color: #fff;
    padding: 0px 5px;
    font-size: 13px;
    border-radius: 50%;
}

.dashboard .arrow-animate {
    -webkit-animation: fade 5s linear infinite;
    animation: fade 5s linear infinite;
}

@-webkit-keyframes fade {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@-webkit-keyframes storage-full {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes storage-full {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.dashboard .bg-primary-dark {
    background-color: #2A5280;
}

.dashboard .criticality-group .btn-rounded.btn-green:last-child {
    border-right: none !important;
}

.dashboard .criticality-group1 .critical.active {
    background-color: #2A5280;
    color: #fff;
}

.dashboard .criticality-group1 .high.active {
    background-color: #3f7bbf;
    color: #fff;
}

.dashboard .criticality-group1 .optimal.active {
    background-color: #5da9ff;
    color: #fff;
}

.dashboard .criticality-group1 .medium.active {
    background-color: #a9d0f9;
    color: #fff;
}

.dashboard .criticality-group1 .ideal.active {
    background-color: #5894d8;
    color: #fff;
}

.dashboard .criticality-group1 .vlow.active {
    background-color: #5da9ff;
    color: #fff;
}

.dashboard .criticality-group2 .high.active {
    background-color: #3f7bbf;
    color: #fff;
}

.dashboard .criticality-group2 .ideal.active {
    background-color: #5894d8;
    color: #fff;
}

.dashboard .criticality-group2 .vlow.active {
    background-color: #5da9ff;
    color: #fff;
}

.dashboard .mt-30 {
    margin-bottom: 30px;
}

.dashboard .bg-soft-danger {
    background-color: rgba(248, 98, 98, 0.25) !important;
}

.dashboard .bg-soft-info {
    background-color: rgba(67, 190, 225, 0.25) !important;
}

.dashboard .bg-soft-warning {
    background-color: rgba(252, 192, 21, 0.25) !important;
}

.dashboard .bg-soft-dark {
    background-color: rgba(50, 58, 70, 0.25) !important;
}

.dashboard .bg-soft-success {
    background-color: rgba(90, 208, 146, 0.25) !important;
}

.dashboard .bg-soft-primary {
    background-color: rgba(40, 146, 253, 0.25) !important;
}

.dashboard h4.graph-timeline-heading {
    display: inline;
    margin-bottom: 10px;
    font-size: 16px;
    color: #847bff;
}

    .dashboard h4.graph-timeline-heading span {
        width: 30px;
        height: 30px;
        line-height: 32px;
        font-size: 15px;
        background: #3b6c98;
        color: #fff;
        display: inline-block;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        display: inline-block;
        text-align: center;
        margin-right: 15px;
    }

.dashboard .graph-area {
    padding-left: 15px;
    border-left: 2px dashed #e8e8e87a;
    margin-left: 13px;
    padding-bottom: 10px;
    padding-top: 20px;
}

.dashboard .text-blue {
    color: #2892fd !important;
}

.dashboard .avatar-sm {
    height: 2.25rem;
    width: 2.25rem;
}

.dashboard .avatar-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.dashboard .font-22 {
    font-size: 22px !important;
}

.dashboard .bg-primary-soft {
    background: #03C1F1;
}

.dashboard .bg-warning-soft {
    background: #F29C13;
}

.dashboard .bg-blue-soft {
    background-color: #3f7bbf;
}

.dashboard .text-blue-dark {
    color: #3f7bbf;
}

.dashboard .widget-box-1 {
    margin-top: 20px;
    text-align: right;
}

    .dashboard .widget-box-1:hover .box1-icon {
        top: -25px;
    }

    .dashboard .widget-box-1 .box1-icon {
        width: 60px;
        height: 60px;
        position: absolute;
        top: -15px;
        font-size: 35px;
        border-radius: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #fff;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .dashboard .widget-box-1 h4 {
        font-weight: 600;
        font-size: 30px;
        margin-top: 10px;
    }

    .dashboard .widget-box-1 .bg-color-11 {
        background: -webkit-gradient(linear, left top, right top, from(#808080), to(#808080));
        background: linear-gradient(to right, #808080, #808080);
    }

    .dashboard .widget-box-1 .bg-color-12 {
        background: -webkit-gradient(linear, left top, right top, from(#A6BBC3), to(#A6BBC3));
        background: linear-gradient(to right, #A6BBC3, #A6BBC3);
    }

    .dashboard .widget-box-1 .bg-color-13 {
        background: -webkit-gradient(linear, left top, right top, from(#00A9E0), to(#00A9E0));
        background: linear-gradient(to right, #00A9E0, #00A9E0);
    }

    .dashboard .widget-box-1 .bg-color-14 {
        background: -webkit-gradient(linear, left top, right top, from(#99A4AE), to(#99A4AE));
        background: linear-gradient(to right, #99A4AE, #99A4AE);
    }

    .dashboard .widget-box-1 .f-w-600 {
        font-weight: 600;
    }

    .dashboard .widget-box-1 .f-16 {
        font-size: 16px;
    }

    .dashboard .widget-box-1 .f-30 {
        font-size: 30px;
    }

    .dashboard .widget-box-1 .f-30 {
        font-size: 30px;
    }

    .dashboard .widget-box-1 .text-color-1 {
        color: #808080;
    }

    .dashboard .widget-box-1 .text-color-2 {
        color: #9aa0a2;
    }

    .dashboard .widget-box-1 .text-color-3 {
        color: #00A9E0;
    }

    .dashboard .widget-box-1 .text-color-4 {
        color: #99A4AE;
    }

.dashboard .progress-chart {
    text-align: center;
    color: #00A9E0;
    margin: 0 auto;
}

.dashboard .text-chart {
    position: absolute;
    font-size: 35px;
    text-align: center;
    color: #F44336;
    padding: 50px 65px;
}

.dashboard .text-chart-sub {
    font-size: 18px;
    text-align: center;
}

.dashboard .progressbar-title {
    font-size: 14px;
    color: #848484;
    text-transform: capitalize;
}

.dashboard .progress {
    height: 7px;
    overflow: visible;
    background: #ebebeb;
    margin-bottom: 40px;
}

    .dashboard .progress.custom-bar {
        width: 60%;
        margin-top: 25px;
        margin: 0 auto;
        margin-bottom: 40px !important;
    }

    .dashboard .progress .progress-bar {
        position: relative;
        -webkit-animation: animate-positive 5s;
        animation: animate-positive 5s;
    }

    .dashboard .progress .progress-icon {
        width: 30px;
        height: 30px;
        line-height: 25px;
        border-radius: 50%;
        font-size: 13px;
        position: absolute;
        top: -14px;
        right: 0;
        background: #fff;
        border-width: 3px;
        border-style: solid;
    }

.dashboard .progress-value {
    font-size: 13px;
    color: #848484;
    position: absolute;
    top: 30px;
    right: 0;
    left: 20px;
}

@-webkit-keyframes animate-positive {
    0% {
        width: 0%;
    }
}

@keyframes animate-positive {
    0% {
        width: 0%;
    }
}

.highcharts-text-outline {
    stroke-width: 0.1;
}

.fixed {
    position: fixed;
    top: 0;
    margin-right: 0px;
    z-index: 2;
}

.text-12 {
    font-size: 11px;
}

.text-16 {
    font-size: 16px;
}

.dashboard-content {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .dashboard-content .dashboard-content-overlay {
        background: rgba(0, 0, 0, 0.7);
        position: absolute;
        height: 99%;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 999;
        right: 0;
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
    }

    .dashboard-content:hover .dashboard-content-overlay {
        opacity: 1;
    }

.dashboard-content-image {
    width: 100%;
}

.dashboard-content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    z-index: 999;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.dashboard-content:hover .dashboard-content-details {
    top: 50%;
    left: 50%;
    opacity: 1;
}

.dashboard-content-details h3 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}

.dashboard-content-details p {
    color: #fff;
    font-size: 12px;
}

.dash-title > .title {
    font-size: 28px;
    color: #001234;
}

.border-bottom-1 {
    border-bottom: 1px solid #e7e7e7;
}

.bg-grey-alt {
    background: #99a4ae;
}

.text-dark-alt {
    color: #1E2835;
}

.bg-blue-alt {
    background: #3F7BBF;
}

.text-blue-alt {
    color: #3F7BBF !important;
}

.bg-soft-blue-alt {
    background: linear-gradient(110deg, #0cd0DF 0%, #0184EA 100%) !important;
}

    .bg-soft-blue-alt i {
        color: #005bea !important;
    }

.bg-soft-success-alt {
    background: linear-gradient(110deg, #59d99a 0%, #1ea362 100%) !important;
}

    .bg-soft-success-alt i {
        color: #029666 !important;
    }

.bg-soft-warning-alt {
    background-image: -webkit-gradient(linear, left top, right top, from(#f6bf56), to(#ff8c26)) !important;
    background-image: linear-gradient(to right, #f6bf56, #ff8c26) !important;
}

    .bg-soft-warning-alt i {
        color: #f76a2d !important;
    }

.bg-soft-purple-alt {
    background-image: -webkit-gradient(linear, left top, right top, from(#8953bb), to(#a365e6)) !important;
    background-image: linear-gradient(to right, #8953bb 0%, #a365e6 100%) !important;
}

    .bg-soft-purple-alt i {
        color: #884af1 !important;
    }

@media (max-width: 551px) {
    .highcharts-container {
        height: 600px;
    }
}

@media (min-width: 550px) {
    .highcharts-container {
        height: 600px;
    }
}

.btn-green {
    background-color: #D1F5FF;
    color: #07a9d8 !important;
    text-transform: uppercase;
    border-right: 2px solid #ddd !important;
}

    .btn-green.active {
        background-color: #07A9D8;
        color: #fff !important;
        text-transform: uppercase;
        border-right: 2px solid #ddd !important;
    }

.progress.custom-bar .progress-bar {
    background: #0698C3;
    -webkit-transition: width 1.5s ease-in-out;
    transition: width 1.5s ease-in-out;
}

.progress.custom-bar .cst-tooltip {
    position: relative;
    float: right;
}

    .progress.custom-bar .cst-tooltip.bs-tooltip-auto[x-placement^=top], .progress.custom-bar .cst-tooltip.bs-tooltip-top {
        padding: 0 !important;
        border: none !important;
    }

    .progress.custom-bar .cst-tooltip.arrow:before, .progress.custom-bar .cst-tooltip.arrow:after {
        display: none !important;
    }

    .progress.custom-bar .cst-tooltip .cst.tooltip-inner {
        max-width: 200px;
        padding: .25rem .5rem;
        color: #fff;
        text-align: center;
        background-color: #ddd !important;
        border-radius: .25rem;
    }

.dd1 {
    background: linear-gradient(300deg, #03c1f1 0%, #00A6D0 100%) !important;
}

.dd2 {
    background: linear-gradient(300deg, #3f7cBF 0%, #245E90 100%) !important;
}

.checkbox-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
}

    .checkbox-group .chk-delete {
        margin-left: 10px;
        margin-top: 5px;
    }

.radio-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
}

    .radio-group .radio-delete {
        margin-left: 10px;
        margin-top: 5px;
    }

.network-row .network-card {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #f0efef;
    padding: 14px;
    position: relative;
}

    .network-row .network-card .logo-holder {
        margin: 0 auto;
        text-align: center;
        margin-top: 16px;
    }

        .network-row .network-card .logo-holder img {
            width: 70px;
            height: 70px;
            border: 1px solid #ddd;
            border-radius: 7px;
        }

    .network-row .network-card .fav-icon {
        position: absolute;
        right: 10px;
        top: 10px;
    }

        .network-row .network-card .fav-icon i {
            color: #0d38bc;
            font-size: 16px;
            cursor: pointer;
        }

    .network-row .network-card .information {
        width: 100%;
        margin-top: 12px;
    }

        .network-row .network-card .information h6 {
            font-weight: 600;
            font-size: 20px;
            color: #232424;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .network-row .network-card .information .other-info .list-info .info-role {
            text-align: center;
            font-size: 14px;
            font-weight: 700;
            color: #42607a;
        }

        .network-row .network-card .information .other-info .list-info p {
            margin-bottom: 0;
            text-align: center;
        }

.network-row-mini .card-mini {
    margin-bottom: 10px;
}

    .network-row-mini .card-mini .logo-holder {
        margin-top: 0px;
    }

        .network-row-mini .card-mini .logo-holder img {
            width: 50px;
            height: 50px;
        }

    .network-row-mini .card-mini .information {
        margin-top: 0px;
    }

        .network-row-mini .card-mini .information h6 {
            font-size: 16px;
        }

.more-access-card {
    display: -ms-grid;
    display: grid;
    place-content: center;
    width: inherit;
    font-size: 30px;
    margin-top: 10px;
    cursor: pointer;
    color: #0e7ad9;
}

    .more-access-card:hover {
        color: #095291;
    }

.rotate-90 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 1s;
    transition: all 1s;
}

.caption-1 {
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
}

.my-org-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(280px, 1fr))[auto-fill];
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    grid-column-gap: 14px;
    grid-row-gap: 14px;
}

    .my-org-row .my-org-card {
        position: relative;
    }

        .my-org-row .my-org-card .dt-initial-landing {
            width: 60px;
            height: 60px;
            font-size: 18px;
        }

        .my-org-row .my-org-card .btn-light {
            background-color: #ffffff;
            border: 1px solid #f8f9fa;
        }

        .my-org-row .my-org-card .top-info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            margin-bottom: 10px;
        }

            .my-org-row .my-org-card .top-info img {
                width: 60px;
                height: 60px;
                -o-object-fit: cover;
                object-fit: cover;
                border-radius: 4px;
            }

            .my-org-row .my-org-card .top-info h6.title {
                font-size: 18px;
                font-weight: 600;
                color: #313539;
            }

        .my-org-row .my-org-card .bottom-info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .my-org-row .my-org-card .bottom-info .other-info {
                margin-right: 14px;
            }

            .my-org-row .my-org-card .bottom-info .list-info .info-role {
                font-size: 14px;
                font-weight: 700;
                color: #42607a;
            }

            .my-org-row .my-org-card .bottom-info .list-info p {
                margin-bottom: 0;
            }

            .my-org-row .my-org-card .bottom-info .fav-btn a {
                width: 30px;
                height: 30px;
                display: -ms-grid;
                display: grid;
                place-content: center;
                border-radius: 20px;
            }

                .my-org-row .my-org-card .bottom-info .fav-btn a:hover {
                    background: #e9e9e9;
                }

            .my-org-row .my-org-card .bottom-info .fav-btn .mark-fav {
                background: #f4f4f4;
                color: #007bff;
            }

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

    .ribbon 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: #79A70A;
        background: -webkit-gradient(linear, left top, left bottom, from(#9BC90D), to(#79A70A));
        background: linear-gradient(#9BC90D 0%, #79A70A 100%);
        -webkit-box-shadow: 0 3px 10px -5px black;
        box-shadow: 0 3px 10px -5px black;
        position: absolute;
        top: 19px;
        right: -21px;
    }

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

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

.other-organizations .dt-initial-landing {
    height: 30px;
    width: 30px;
    border-radius: 4px;
    margin: 10px;
}

.other-organizations thead td {
    color: #000;
    font-size: 14px;
    padding: 10px;
}

.other-organizations .other-org-img {
    height: 30px;
    width: 30px;
    border-radius: 4px;
    margin: 10px;
}

.other-organizations .td-wd-100p {
    width: 100px;
}

.other-organizations .td-wd-50p {
    width: 50px !important;
}

.fav-btn a {
    width: 30px;
    height: 30px;
    display: -ms-grid;
    display: grid;
    place-content: center;
    border-radius: 20px;
}

    .fav-btn a:hover {
        background: #e9e9e9;
    }

.fav-btn .mark-fav {
    background: #f4f4f4;
    color: #007bff;
}

.more-org-action {
    padding: 10px !important;
}

.more-org-action-row {
    background: transparent;
}

.show-more-data {
    display: none;
}

.display-data {
    display: block !important;
}

    .display-data tr td {
        width: 100%;
    }

.chk-align-center {
    place-content: center;
}

.enable-org-card {
    padding: 10px;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid rgba(120, 130, 140, 0.2);
    margin-top: 5px;
}

    .enable-org-card label {
        margin-bottom: 0;
    }

    .enable-org-card .info-text {
        font-weight: 400;
    }

.manage-organization-card {
    background: #fff;
    padding: 2px 18px;
    margin-bottom: 2px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

    .manage-organization-card .top-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .manage-organization-card .top-row .left {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .manage-organization-card .top-row .right {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .manage-organization-card .top-row .count {
            font-size: 14px;
            font-weight: 600;
            margin-right: 10px;
        }

        .manage-organization-card .top-row .org-name-alt {
            font-size: 14px;
        }

        .manage-organization-card .top-row .action-icon {
            width: 30px;
            height: 30px;
            display: -ms-grid;
            display: grid;
            place-content: center;
            background: white;
            border: 1px solid #ddd;
            border-radius: 30px;
            cursor: pointer;
        }

            .manage-organization-card .top-row .action-icon:hover {
                background: #ddd;
                color: #000;
            }

.users-list-selectable .control_indicator {
    top: -6px;
}

.users-list-selectable .control-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0px;
    margin-right: -10px;
}

.users-list-selectable th .control_indicator {
    top: -10px;
}

.enterprise-badge {
    margin-left: 10px;
    width: 28px;
    height: 28px;
    font-size: 14px;
    display: -ms-grid;
    display: grid;
    place-items: center;
    border-radius: 50px;
    color: #06a806;
}

    .enterprise-badge:hover {
        background: #fff;
    }

.td-org-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .td-org-list .assigned-orgs {
        background: #f1f8ff;
        margin-right: 5px;
        padding: 0px 8px 2px 8px;
        border: 1px solid #eeeeee;
        margin-top: 2px;
        margin-bottom: 2px;
        border-radius: 2px;
        color: #06a9d7;
    }

.td-enterprise-org {
    position: relative;
}

    .td-enterprise-org .enterprise-badge {
        position: absolute;
        top: 5px;
        right: 5px;
        border: 1px solid;
        font-size: 10px;
        width: 24px;
        height: 24px;
        background: #ffffff;
        color: #28a745;
    }

.show-more {
    cursor: pointer;
    color: #3f60c0;
}

@font-face {
    font-family: 'status-icons';
    src: url("../fonts/status-icons/status-icons.eot?d04sdw");
    src: url("../fonts/status-icons/status-icons.eot?d04sdw#iefix") format("embedded-opentype"), url("../fonts/status-icons/status-icons.ttf?d04sdw") format("truetype"), url("../fonts/status-icons/status-icons.woff?d04sdw") format("woff"), url("../fonts/status-icons/status-icons.svg?d04sdw#status-icons") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'status-icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-approved:before {
    content: "\e900";
    color: #4caf50;
}

.icon-available:before {
    content: "\e901";
    color: #ff691c;
}

.icon-cancelled:before {
    content: "\e902";
    color: #ce3a00;
}

.icon-completed-alt:before {
    content: "\e903";
    color: #00ce4a;
}

.icon-completed:before {
    content: "\e904";
    color: #00ce4a;
}

.icon-inprogress:before {
    content: "\e905";
    color: #2613ff;
}

.icon-not-available:before {
    content: "\e906";
}

.icon-not-available-alt:before {
    content: "\e907";
    color: #d2d2d2;
}

.icon-pending:before {
    content: "\e908";
    color: #d2d2d2;
}

.icon-pause:before {
    content: "\e909";
    color: #f2a825;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    #add-new-admin {
        margin-top: 20px;
    }

    .fm-details-page .fm-details-table .table td:first-child {
        width: 100% !important;
        display: block;
        margin-top: 2px;
    }

    .fm-details-page .fm-details-table .table td:last-child {
        width: 100% !important;
        display: block;
        margin-bottom: 6px;
        border-top: 0;
        margin-top: 0;
    }

    .fm-details-page .org-profile-card {
        padding: 10px !important;
    }

    .edit-icon-mob {
        display: block;
    }

    .edit-text {
        display: none;
    }

    .fm-details-page .org-logo {
        width: 100% !important;
        display: block !important;
    }

    .table .form-control {
        width: auto !important;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 480px) {
    .edit-text {
        display: block;
    }

    .edit-icon-mob {
        display: none;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (min-width: 320px) and (max-width: 480px) {
    .track-quick-view {
        width: 85% !important;
        left: 35px !important;
        top: 60px !important;
    }

        .track-quick-view .patient-header {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
        }

            .track-quick-view .patient-header .close-qv .page-link {
                position: absolute;
                top: 10px;
                right: 15px;
            }

            .track-quick-view .patient-header .org-name {
                margin-right: 25px !important;
                font-size: 12px;
            }

    .quick-link .light-bg {
        color: #f47602;
        font-size: 13px;
    }

    .title-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

        .title-container .page-title {
            -webkit-box-flex: 1 !important;
            -ms-flex: auto !important;
            flex: auto !important;
        }

        .title-container .page-actions {
            float: left;
            text-align: left;
        }

            .title-container .page-actions ul {
                padding-left: 0;
                margin-left: 0;
            }

                .title-container .page-actions ul li {
                    margin-left: 0 !important;
                    margin-right: 5px;
                    margin-bottom: 5px;
                }

    .right-sidenav-overlay.showsidenav {
        width: 80% !important;
    }

    .right-sidenav-overlay.showsidenav-alt {
        width: 80% !important;
    }

    .tbl-w-4 {
        width: 100% !important;
    }

    .form-builder-actions {
        width: 100% !important;
    }

    .table .form-control {
        width: auto !important;
    }

    .empty-section .ctsi-no-data .empty-img {
        width: 100% !important;
    }
}

@media only screen and (min-width: 481px) and (max-width: 990px) {
    .right-sidenav-overlay.showsidenav {
        width: 55% !important;
    }

    .right-sidenav-overlay.showsidenav-alt {
        width: 55% !important;
    }

    #EmailNotification .fw-130 {
        width: 97px !important;
    }

    .tbl-w-4 {
        width: 100% !important;
    }

    .quick-link .light-bg {
        color: #f47602;
        font-size: 13px;
    }

    .form-builder-actions {
        width: 100% !important;
    }

    .track-quick-view {
        width: 85% !important;
        left: 35px !important;
        top: 60px !important;
    }

        .track-quick-view .patient-header {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
        }

            .track-quick-view .patient-header .close-qv .page-link {
                position: absolute;
                top: 10px;
                right: 15px;
            }

            .track-quick-view .patient-header .org-name {
                margin-right: 25px !important;
                font-size: 12px;
            }

    .title-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

        .title-container .page-actions {
            float: left;
            text-align: left;
        }

            .title-container .page-actions ul {
                padding-left: 0;
                margin-left: 0;
            }

                .title-container .page-actions ul li {
                    padding-left: 2px;
                }

    .right-sidenav-overlay.showsidenav {
        width: 80% !important;
    }

    .right-sidenav-overlay.showsidenav-alt {
        width: 80% !important;
    }

    .table .form-control {
        width: auto !important;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1140px) {
    .right-sidenav-overlay.showsidenav {
        width: 40% !important;
    }

    .right-sidenav-overlay.showsidenav-alt {
        width: 40% !important;
    }

    .track-quick-view .patient-header .org-name {
        margin-right: 25px !important;
        font-size: 12px;
    }
}

@media only screen and (min-width: 1141px) {
    .right-sidenav-overlay.showsidenav {
        width: 30% !important;
    }

    .right-sidenav-overlay.showsidenav-alt {
        width: 70% !important;
    }
}

@media screen and (max-width: 800px) {
    .accordion-label {
        max-height: 102px;
    }

    .accordion-content {
        height: auto;
    }

        .accordion-content:before {
            display: none;
        }

        .accordion-content:after {
            top: 0;
        }
}

@font-face {
    font-family: "MarkOT";
    src: url("../fonts/MarkOT/MarkOT.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/MarkOT/MarkOT.eot") format("embedded-opentype"), url("../fonts/MarkOT/MarkOT.woff") format("woff"), url("../fonts/MarkOT/MarkOT.ttf") format("truetype"), url("../fonts/MarkOT/MarkOT.svg") format("svg");
    /* Legacy iOS */
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "MarkOT-Bold";
    src: url("../fonts/MarkOT/MarkOT-Bold.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/MarkOT/MarkOT-Bold.eot") format("embedded-opentype"), url("../fonts/MarkOT/MarkOT-Bold.woff") format("woff"), url("../fonts/MarkOT/MarkOT-Bold.ttf") format("truetype"), url("../fonts/MarkOT/MarkOT-Bold.svg") format("svg");
    /* Legacy iOS */
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: "MarkOT-Medium";
    src: url("../fonts/MarkOT/MarkOT-Bold.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/MarkOT/MarkOT-Bold.eot") format("embedded-opentype"), url("../fonts/MarkOT/MarkOT-Bold.woff") format("woff"), url("../fonts/MarkOT/MarkOT-Bold.ttf") format("truetype"), url("../fonts/MarkOT/MarkOT-Bold.svg") format("svg");
    /* Legacy iOS */
    font-style: normal;
    font-weight: 600;
}

::-webkit-scrollbar {
    width: 8px;
    height: 3px;
}

.tooltip {
    z-index: 9999;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #99A4AE;
}

.fixed-content .app-content .content-main,
.is-fullscreen .app-content .content-main {
    overflow-x: hidden;
    min-height: 93vh !important;
}

.ctsi-content-footer {
    padding: 1px !important;
    margin-bottom: 10px;
}

.ctsi {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f3f6f9 !important;
    overflow-x: hidden;
}

    .ctsi .spinner {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        vertical-align: text-bottom;
        border: 0.25em solid blue;
        border-right-color: transparent;
        border-radius: 50%;
        -webkit-animation: spinner-border 0.75s linear infinite;
        animation: spinner-border 0.75s linear infinite;
        position: absolute;
        top: 50%;
        left: 50%;
    }

    .ctsi span.self-user {
        color: #ee7f18;
    }

    .ctsi .list-item-edit-section {
        position: absolute;
        z-index: 999;
        display: block;
        background: #fff;
        width: 300px;
        left: -40px;
    }

    .ctsi .user-profile > p {
        margin-bottom: 0;
    }

    .ctsi .ctsi-sidebar {
        width: 18rem !important;
    }

    .ctsi .close-mobile-sidebar {
        position: fixed;
        background: #d6d6d6;
        width: 25px;
        height: 25px;
        line-height: 1;
        text-align: center;
        border-radius: 40px;
        z-index: 1;
        right: -18px;
        top: 5px;
    }

@media screen and (min-width: 769px) {
    .ctsi .close-mobile-sidebar {
        display: none;
    }
}

.ctsi .sidebar-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

    .ctsi .sidebar-container .mini-sidebar {
        width: 65px;
        padding: 8px;
        background: #047595;
        height: 100vh;
        position: fixed;
        left: 0;
        z-index: 3;
    }

        .ctsi .sidebar-container .mini-sidebar .app-module-icons ul > li {
            margin-bottom: 10px;
            list-style-type: none;
            text-align: center;
        }

            .ctsi .sidebar-container .mini-sidebar .app-module-icons ul > li .app-icon {
                font-size: 16px;
                text-align: center;
                width: 40px;
                height: 40px;
                color: #fff;
                background-color: #068bac;
                border: none;
                position: relative;
                line-height: 1;
                border-radius: 500px;
                white-space: nowrap;
                font-weight: 700;
                border-radius: 4px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin: 4px 2px;
            }

                .ctsi .sidebar-container .mini-sidebar .app-module-icons ul > li .app-icon:hover {
                    background: #eda664;
                    -webkit-transition: 0.3s;
                    transition: 0.3s;
                }

    .ctsi .sidebar-container .sidebar-main {
        background: #fff;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: -webkit-fill-available;
        padding-left: 4rem !important;
    }

        .ctsi .sidebar-container .sidebar-main .nav-text {
            color: inherit;
        }

.ctsi .layout-orgname {
    display: block;
    /*margin-left: 65px;*/
}

.ctsi .nav-fold {
    bottom: 0px;
    position: fixed;
    background: #001234;
    min-width: 223px;
    max-width: 223px;
}

.app-icon.active {
    background: #eda664 !important;
}

li.active > .app-icon {
    background: #eda664 !important;
}

.nav-list li.active:first-child > a {
    background: #fff !important;
}

.fm-app .modal-info-section .modal-info-icon {
    font-size: 40px;
    color: #0792aa;
}

.file-manager .file .file-name .name {
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

.file-manager .file .icon i {
    display: table-cell;
    font-size: 65px;
    vertical-align: middle;
    color: #777;
    line-height: 100px;
}

.ctsi-new .sidebar-logo {
    border-right: 1px solid #06a9d7;
    /* position:fixed; */
    z-index: 4;
}

.img-xss-3 {
    height: 30px;
}

.app-aside.folded .sidebar-main {
    width: 0rem !important;
    display: none;
}

@media (max-width: 768px) {
    .app-aside.folded .sidebar-main .sidebar-main {
        display: block;
        width: 18rem !important;
    }

    .app-aside.folded.show .sidebar-main {
        display: block;
        width: 18rem !important;
    }
}

.tooltip {
    pointer-events: none;
}

.mini-sb .sidebar-logo {
    background: #fff;
    text-align: center;
    border-right: 0px solid #1e28352e;
}

    .mini-sb .sidebar-logo img {
        margin: 0 20px !important;
        height: 40px !important;
        padding: 0 0px;
        width: auto !important;
    }

@media (min-width: 992px) {
    .app-aside.folded {
        width: 4rem !important;
    }
}

.ctsi .sidenav .nav-header > span {
    font-size: 13px;
    color: #2f2f2f !important;
    font-weight: 500;
}

.ctsi .app-notifications-badge {
    margin-right: 12px;
    margin-top: 4px;
    margin-left: 5px;
}

.user-avatar-initial {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #001234;
    color: #ff7b00;
}

.app-notifications-badge a {
    padding: 0 !important;
    /* margin-left: 5px;*/
}

.layout-user-menus {
    padding: 0 !important;
}

.user-action-area {
    position: fixed;
    bottom: 4px;
    margin-left: 2px;
}

.ctsi .sidenav .flex {
    background: #fff !important;
    margin-top: 0px;
}

.ctsi-sidebar .sidebar-container .mini-sidebar {
    width: 65px;
    padding: 8px;
    background: #06a9d7;
    height: 100vh;
    position: fixed;
    left: 0;
    z-index: 3;
    top: 0;
}

.added {
    margin-left: 2px !important;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ctsi .profile-name-sb {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
}

.mini-sidebar-control {
    border-radius: 30px !important;
    background: #ffffff !important;
    width: 30px !important;
    height: 30px !important;
    /* font-size: 11px; */
    left: 40px !important;
    color: #007bff !important;
    font-size: 13px !important;
    -webkit-box-shadow: 0px 0px 10px #3d3a3a14;
    box-shadow: 0px 0px 10px #3d3a3a14;
}

@media only screen and (max-width: 768px) {
    .mini-sidebar-control {
        display: none !important;
    }
}

/*.ctsi .sidebar-logo img {
    width: 175px;
    margin: 0 auto;
    margin-left: 15px;
  }
*/
.menus-tooltip {
    position: relative;
    display: inline-block;
}

    .menus-tooltip .tooltip-text {
        visibility: hidden;
        white-space: nowrap;
        background-color: #001234;
        color: #fff;
        text-align: left;
        font-weight: 400;
        border-radius: 3px;
        padding: 4px 13px;
        position: absolute;
        z-index: 99;
        top: 9px;
        left: 242%;
        margin-left: -60px;
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-animation: autohide 3s;
        animation: autohide 3s;
    }

@-webkit-keyframes autohide {
    0%, 75% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes autohide {
    0%, 75% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.menus-tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.btn-primary {
    color: #fff !important;
}

table {
    background: #fff;
}

    table ol,
    table li,
    table ul {
        -webkit-padding-start: 15px;
        padding-inline-start: 15px;
    }

.mini-sidebar-control {
    border: 1.8px solid #53a6fa !important;
}

.layout-orgname {
    background: #1b2e51 !important;
}

.layout-user-menus .full-name {
    margin-left: 5px;
    margin-right: 5px;
    color: #001234;
}

.avatar-circle {
    width: 70px;
    height: 70px;
    text-align: center;
    border-radius: 10%;
    background: #06a9d7;
    margin: 0 auto;
    -webkit-border-radius: 10%;
    -moz-border-radius: 10%;
}

.initials {
    position: relative;
    top: 16px;
    font-size: 25px;
    /* line-height: 65px; */
    color: #fff;
    font-weight: bold;
}

.app-notifications-badge {
    margin-right: 12px;
    margin-top: 4px;
}

    .app-notifications-badge .app-notification {
        width: 32px;
        height: 32px;
        font-size: 14px;
        background-color: #ffffff;
        color: 001234;
        -webkit-box-shadow: 0px 0px 1px #00000073;
        box-shadow: 0px 0px 1px #00000073;
        position: relative;
        line-height: 1;
        white-space: nowrap;
        font-weight: 700;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 100%;
    }

        .app-notifications-badge .app-notification i.if-notification {
            background-color: #fb6293;
        }

        .app-notifications-badge .app-notification .if-notification {
            position: absolute;
            left: 21px;
            top: 0px;
            width: 10px;
            height: 10px;
            margin: 1px;
            border-width: 2px;
            border-style: solid;
            border-radius: 100%;
            border-color: #fff;
            background-color: #fff;
        }

.layout-user-menus::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f107";
    color: #bdbdbd;
}

.tab-pane .title-container {
    margin-bottom: 0px;
}

.title-container {
    padding: 10px 20px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e7e7e7;
}

    .title-container .page-title {
        font-size: 15px;
        color: #001234;
    }

    .title-container .sub-title {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 15px;
        color: #001234;
    }

    .title-container .sub-title-new {
        font-size: 15px;
        color: #001234;
    }

    .title-container .page-actions {
        float: right;
        text-align: right;
    }

        .title-container .page-actions ul {
            margin-bottom: 0;
        }

    .title-container .sub-tab-actions {
        float: right;
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        text-align: right;
    }

        .title-container .sub-tab-actions ul {
            margin-bottom: 0;
        }

.form-control-label {
    color: #153156 !important;
    font-weight: 600;
    letter-spacing: 0.2px;
    font-size: 12.3px;
    word-break: break-all;
}

    .form-control-label label {
        word-break: break-all;
        color: #153156 !important;
    }

@media screen and (max-width: 768px) {
    .title-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .page-actions {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: right;
    }
}

.navbar-brand img,
.navbar-brand svg {
    max-height: 2rem;
    vertical-align: middle;
    font-weight: 600;
}

.sidenav .flex {
    margin-top: 0px;
}

.sidenav .nav-text {
    opacity: 1;
    color: #fff;
}

.sidenav .nav-icon {
    opacity: 1;
}

.nav-text {
    display: inline;
    line-height: 1.125rem;
    font-weight: 500;
    font-size: 14px;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
    padding: 0.5625rem 0;
}

.sidebar-logo {
    text-align: center;
    border-right: 0px solid #1e28352e;
    margin-left: 10px;
}

@media screen and (max-width: 768px) {
    .sidebar-logo {
        margin-left: -20px !important;
    }
}

.sidebar-logo img {
    max-height: 40px;
    max-width: 160px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto;
}

.app-aside.folded {
    width: 0rem;
}

.dark .dk,
.dark.dk {
    background-color: #001234;
}

.dark {
    color: rgba(160, 180, 200, 0.85);
    background-color: #fff;
}

.density-padding {
    padding: 0.55rem 0.75rem !important;
    -webkit-transition: padding 0.3s;
    transition: padding 0.3s;
}

.sidenav .nav-header > span {
    font-size: 13px;
    color: #34badf;
    font-weight: 600;
}

.fm-app .nav-active-theme .nav-link.active,
.fm-app .nav-active-theme .nav > li.active > a,
.fm-app .btn.theme,
.fm-app .btn.b-theme:hover,
.fm-app .btn.b-theme:focus,
.fm-app .pace .pace-progress,
.fm-app .theme {
    color: #2d9bf3;
    border-radius: 4px;
}

.btn-danger {
    color: #fff !important;
}

.btn-delete {
    color: #ef2323 !important;
    background: #ff99a3;
}

    .btn-delete:hover {
        background: #ef2323;
        color: #fff !important;
    }

.btn-edit {
    color: #0074ff;
    background: rgba(0, 88, 255, 0.17);
}

    .btn-edit:hover {
        background: #001234;
        color: #fff !important;
    }

.profile-name-sb {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    list-style: none;
    background-color: #f8fbff;
}

    .profile-name-sb span {
        color: #001234 !important;
    }

.fixed-content .app-content .content-footer,
.is-fullscreen .app-content .content-footer {
    display: block !important;
}

.more-apps-tx {
    line-height: 2.2;
    margin-left: 10px;
    color: #e2e2e2;
}

.apps-dropdown {
    width: 40px;
    height: 40px;
    border-radius: 20%;
    color: #1e2835;
    font-size: 14px;
    margin-right: 10px;
}

    .apps-dropdown:hover {
        background: #efefef;
    }

.ctsi-content-begin {
    padding: 0px 0px 15px 0px;
}

@media screen and (max-width: 768px) {
    .ctsi-content-begin {
        padding: 55px 0px 15px 0px;
    }
}

.user-landing-bg {
    background: #f0f2f5 !important;
}

.user-initial-landing {
    position: relative;
    line-height: 1;
    border-radius: 500px;
    white-space: nowrap;
    font-size: 35px;
    border-radius: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background: #001234;
    color: #4a7dba;
}

.module-card {
    min-height: 150px;
}

    .module-card .box-footer {
        padding: 0.3rem 1rem;
    }

    .module-card .dropdown .btn {
        border: none;
    }

    .module-card .dropdown-toggle::after {
        display: none;
    }

    .module-card .module-sort-name {
        font-size: 13px;
        font-weight: 700;
        clear: both;
        display: block;
    }

    .module-card .module-full-name {
        color: #001234;
        margin-top: 10px;
    }

    .module-card .module-icons {
        font-size: 20px;
        text-align: center;
        width: 40px;
        height: 40px;
        color: #2d9bf3;
        background-color: #001234;
        border: none;
        position: relative;
        line-height: 1;
        border-radius: 500px;
        white-space: nowrap;
        font-weight: 700;
        border-radius: 4px;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        margin: 4px auto;
        margin-top: 20px;
    }

    .module-card .module-notification-count {
        padding: 0.3rem;
        position: relative;
        top: -1.05rem;
        right: -0.85rem;
        margin-right: -1rem;
        border: 1px solid rgba(255, 255, 255, 0.75);
        text-align: center;
        background-clip: padding-box;
        min-width: 2rem;
        min-height: 2rem;
        border-radius: 18px;
        color: #001234;
        background-color: #2d9bf359;
        float: right;
    }

.dt-initial-landing {
    background-color: #2196f3;
    color: rgba(255, 255, 255, 0.85);
    width: 40px;
    height: 40px;
    position: relative;
    line-height: 1;
    border-radius: 500px;
    white-space: nowrap;
    font-weight: 700;
    border-radius: 4px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.inner-page-title {
    color: #2196f3;
    font-size: 15px;
    border-bottom: 1px solid #0012341f;
    margin-bottom: 6px;
    padding-bottom: 6px;
}

.permission-chk-align {
    margin-top: -15px;
}

.clinic-chk-align {
    margin-top: -8px;
}

.clinic-chk-align-alt {
    margin-top: -4px;
}

.re-chk-align {
    margin-top: -8px;
}

.activeclinicbg {
    border: 1px solid #c7deff;
}

.make-default-clinic {
    visibility: hidden;
}

.activeclinicbg:hover .make-default-clinic {
    visibility: visible;
    color: #000;
}

.bgactive {
    background: #c7deff;
}

.showdefault {
    visibility: visible;
    color: green !important;
}

.pre-chk-align {
    margin-top: -8px;
}

.chk-align {
    margin-top: -20px;
}

.mt--25 {
    margin-top: -25px;
}

.initiate-form-table-questions .cs-radio {
    padding-top: 10px;
    text-align: center;
}

.initiate-form-table-questions thead th {
    border-top: 1px solid transparent;
}

.reviewer-card .physician-card {
    background: #20a6a0ad;
    border: none;
    border-radius: 4px;
    color: #fff;
    padding: 10px 12px;
    margin-bottom: 5px;
}

.reviewer-card .physicist-card {
    background: #90dda9;
    border: none;
    border-radius: 4px;
    color: #fff;
    padding: 10px 12px;
    margin-bottom: 5px;
}

.reviewer-card .both-card {
    background: #b4d7a3;
    border: none;
    border-radius: 4px;
    color: #fff;
    padding: 10px 12px;
    width: 100%;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    margin-bottom: 5px;
}

.reviewer-card .ques-count {
    background: #ffffff57;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    margin-right: 13px;
    margin-left: 2px;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 0.25rem !important;
}

.reviewer-card .user-role {
    font-size: 15px;
    margin-bottom: 0px;
}

.modal-small-icon {
    font-size: 40px;
    margin-bottom: 30px;
    color: #003156;
}

.empty-section {
    margin: 40px;
}

    .empty-section .ctsi-no-data .empty-img {
        max-width: 25%;
        margin: 0 auto;
    }

@media screen and (max-width: 991px) {
    .empty-section .ctsi-no-data {
        margin: 0 auto;
        max-width: 100%;
    }
}

.alert-danger {
    color: #ff192f;
}

.delete-confimation-text {
    font-size: 16px;
    font-weight: 400;
    color: #2c2c2c;
}

.success-message-section {
    margin: 10px;
}

    .success-message-section img {
        width: 320px;
    }

.empty-message-section img {
    width: 100px;
}

.custom-control-label {
    line-height: 2;
}

.form-control-label h6 {
    font-size: 12px;
    font-weight: 600;
}

    .form-control-label h6 span {
        font-size: 18px;
    }

.fm-details-page .org-logo img {
    border-radius: 4px;
}

.fm-details-page .fm-sub-heading,
.fm-other-page .fm-sub-heading {
    color: #383838;
}

.fm-details-page .org-profile-card,
.fm-other-page .org-profile-card {
    border: 1px solid #f6f6f6;
    border-radius: 3px;
    padding: 10px 20px 10px 23px;
}

@media screen and (max-width: 450px) {
    .fm-details-page .org-profile-card {
        text-align: center;
    }

    .fm-details-page .d-flex {
        display: unset !important;
    }
}

.fm-details-page .org-profile-card p,
.fm-other-page .org-profile-card p {
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 14px;
}

.fm-details-page .org-name,
.fm-other-page .org-name {
    font-size: 12px;
    margin-top: 4px;
}

.fm-details-page .org-logo {
    margin: 0 auto;
    height: 150px;
    width: 150px;
    -o-object-fit: contain;
    object-fit: contain;
}

.fm-details-page .aside {
    z-index: 100;
}

.fm-details-page .org-logo img,
.fm-other-page .org-logo img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 140px;
    height: 140px;
}

.fm-details-page .fm-section-title,
.fm-other-page .fm-section-title {
    color: #ff7e00;
}

    .fm-details-page .fm-section-title .title-icon,
    .fm-other-page .fm-section-title .title-icon {
        background: #ff7e0029;
        color: #ff7e00;
        border-radius: 4px;
        font-size: 14px;
        text-align: center;
        width: 1rem;
        height: 1rem;
        top: 0;
        padding: 8px;
        margin-right: 7px;
    }

.fm-details-page .fm-details-table .table td,
.fm-other-page .fm-details-table .table td {
    border-top: 1px solid #dee2e638;
}

    .fm-details-page .fm-details-table .table td:first-child,
    .fm-other-page .fm-details-table .table td:first-child {
        width: 50%;
    }

    .fm-details-page .fm-details-table .table td:last-child,
    .fm-other-page .fm-details-table .table td:last-child {
        width: 50%;
    }

.fm-details-page .fm-details-table .fm-details-row,
.fm-other-page .fm-details-table .fm-details-row {
    border: none;
}

.fm-details-page .fm-details-table .fm-detail-label,
.fm-other-page .fm-details-table .fm-detail-label {
    color: #8e8e8e;
}

.fm-details-page .fm-details-table .fm-detail-value,
.fm-other-page .fm-details-table .fm-detail-value {
    font-weight: 600;
    font-size: 12px;
    color: #000;
    word-break: break-word;
}

.phy-survey-progress {
    width: 100px;
}

.phy-survey-lists .ques-count {
    background: #ffffffab;
    color: #000;
}

.phy-survey-lists .physician-card {
    background: #fdfdfd;
    color: #181818;
}

.phy-survey-lists .physicist-card {
    background: #fdfdfd;
    color: #181818;
}

.phy-survey-lists .both-card {
    background: #fdfdfd;
    color: #181818;
}

.phy-survey-lists .form-control:disabled,
.phy-survey-lists .form-control[readonly] {
    background-color: #fafafa;
}

.phy-survey-lists tr.unfilled {
    background: rgba(255, 0, 0, 0);
}

    .phy-survey-lists tr.unfilled .form-control {
        border: 1.2px solid #2196F3;
    }

.phy-survey-lists .progress-green {
    background: #cfffd1;
}

    .phy-survey-lists .progress-green .progress-bar {
        background: #52c257;
    }

.phy-survey-lists .progress-yellow {
    background: #0c9dde40;
}

    .phy-survey-lists .progress-yellow .progress-bar {
        background: #2390ea;
    }

.phy-survey-lists .stat-questions {
    margin-right: 10px;
    border: 1px solid #53535330;
    padding: 0px 6px;
    border-radius: 4px;
    color: #696969;
    line-height: 1.7;
    font-size: 12px;
    letter-spacing: 1px;
}

    .phy-survey-lists .stat-questions i {
        color: #696969;
    }

    .phy-survey-lists .stat-questions:hover {
        background: #2c2a2a;
        color: #fff;
    }

        .phy-survey-lists .stat-questions:hover i {
            color: #39e539;
        }

.survey-form-card .fm-detail-label {
    color: #8e8e8e;
    display: block;
}

.survey-form-card .fm-detail-value {
    font-weight: 600;
    font-size: 12px;
    color: #000;
    display: block;
}

.survey-form-card .survery-form {
    border-right: 2px dashed #ddd;
}

.survey-form-card .w-30 {
    width: 50%;
}

.survey-form-card .time-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 20px;
}

.survey-form-card .dash-stats-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 15px;
    padding-right: 15px;
}

    .survey-form-card .dash-stats-list + .dash-stats-list {
        border-left: 1px solid #e7e7e7;
    }

.file-item .list-body {
    display: inline;
}

.loader {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 9999;
}

    .loader img {
        margin: auto;
    }

    .loader .preloader::after {
        position: absolute;
        top: 0;
        bottom: 4%;
        right: 0;
        left: 0;
        content: " ";
        display: block;
        margin: auto;
        height: 64px;
        width: 64px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: solid;
        border-width: 4px;
        border-radius: 50%;
        border-top-color: #2196f3;
        border-bottom-color: #2196f3;
        border-right-color: #fff;
        border-left-color: #fff;
        -webkit-animation: rotating 0.9s linear infinite;
        animation: rotating 0.9s linear infinite;
    }

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.mtn15 {
    margin-top: -15px !important;
}

.mtn23 {
    margin-top: -23px !important;
}

.checkbox-center {
    margin-top: -14px !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mt-35px {
    margin-top: 35px !important;
}

#itemlist li.nav-item > a.nav-link.active {
    background-color: #2196f3 !important;
    color: #fff;
}

#itemlist li.nav-item > a.nav-link:before:hover {
    border-bottom-width: 0;
    right: auto;
    border-left: unset;
}

#user-nav::-webkit-scrollbar {
    width: 8px;
}

#user-nav::-webkit-scrollbar-track {
    background: transparent;
}

#user-nav::-webkit-scrollbar-thumb {
    background: #99A4AE;
}

.fx-width {
    width: 335px;
}

.reset-password-page .logo img {
    width: 150px;
}

.reset-password-page .page-caption {
    font-size: 18px;
    font-weight: 500;
    color: white;
    margin: 30px auto;
}

.reset-password-page .reset-div {
    margin: 150px auto;
}

.reset-password-page .generic-div {
    margin: 30px auto;
}

    .reset-password-page .generic-div .form-control {
        border: 1px solid #ced4da;
        border-color: rgba(120, 130, 140, 0.2);
    }

        .reset-password-page .generic-div .form-control:focus {
            border-color: rgba(120, 130, 140, 0.2);
            border: 1px solid #ced4da !important;
            -webkit-box-shadow: unset;
            box-shadow: unset;
        }

    .reset-password-page .generic-div .back-btn {
        border-radius: 10px;
    }

    .reset-password-page .generic-div .newcpbtn {
        border-radius: 10px;
    }

.reset-card-modal {
    display: none;
}

.notify-section .list-item {
    padding: 10px 0;
    border-bottom: rgba(255, 255, 255, 0.85);
    border: unset;
}

.delete-no-padding {
    padding: 0 !important;
}

.info-card .info-heading {
    padding: 30px;
}

.info-card .info-title {
    color: #06a9d7;
    font-size: 14px;
    margin-top: 14px;
}

.info-card .info-section {
    text-align: center;
    background: #fbfbfb;
}

.info-card .info-icon {
    color: #06a9d7;
    font-size: 15px;
}

.info-card .info-list {
    padding: 10px 10px;
}

    .info-card .info-list .caption {
        margin: 20px;
        color: #000;
    }

    .info-card .info-list ul li {
        list-style-type: square;
        font-weight: 500;
        font-size: 13px;
        color: #585858;
    }

.delete-card .delete-heading {
    padding: 30px;
}

.delete-card .delete-title {
    color: #ea4242;
    font-size: 14px;
    margin-top: 14px;
}

.delete-card .delete-section {
    text-align: center;
    background: #fbfbfb;
}

.delete-card .delete-icon {
    color: #ea4242;
    font-size: 15px;
}

.delete-card .deleting-list {
    padding: 10px 10px;
}

    .delete-card .deleting-list .caption {
        margin: 20px;
        color: #000;
    }

    .delete-card .deleting-list ul li {
        list-style-type: square;
        font-weight: 500;
        font-size: 13px;
        color: #585858;
    }

.delete-modal-text {
    font-size: 14px;
    font-weight: 500;
    margin: 25px;
}

.modal-info-section .modal-info-icon {
    font-size: 40px;
    color: #dc3545;
    margin: 12px 10px;
}

.modal-info-section .info-details-info {
    text-align: center;
}

.modal-info-section .info-caption {
    font-size: 16px;
    font-weight: 500;
    color: #001234;
    margin-bottom: 10px;
}

.modal-info-section .Deny-Delete-Edit-caption {
    font-size: 16px;
    font-weight: 500;
    color: #001234;
    margin-bottom: 10px;
    color: red;
}

.modal-info-section .info-instruction {
    font-size: 13px;
    margin-top: 8px;
    font-weight: 500;
}

.modal-info-section .info-badge {
    color: #ea2e49;
    background-color: #ff00183b;
}

.hr-text {
    width: 100%;
    text-align: center;
    border-bottom: 1px dashed #0098a9;
    line-height: 0.1em;
    margin: 10px 0 20px;
}

    .hr-text span {
        background: #fff;
        padding: 0 10px;
    }

.active-card .title {
    color: #000;
    margin: 20px 0px;
    font-size: 14px;
}

.activate-section {
    margin: 5px 0px;
    text-align: center;
    background: #ffffff;
    color: #000000;
    padding: 20px;
    border-radius: 3px;
    border: 1px dashed #007bff57;
}

    .activate-section .btn {
        margin: auto 10px;
    }

.content-tab .bg-bg {
    background: #f3f6f9;
}

.content-tab #content-body {
    margin-left: 10px;
}

.content-tab .tabs-items-list {
    margin: 5px 5px 5px 5px;
}

.content-tab .tabs-icon {
    float: left;
    margin-right: 1rem;
    margin-left: -0.25rem;
    font-size: 1rem;
    top: 0;
    width: 0.85rem;
    height: 2.25rem;
    text-align: center;
    -webkit-transition: font-color 0.15s ease-in-out;
    transition: font-color 0.15s ease-in-out;
}

label.error {
    color: red;
    font-size: 14px;
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
}

.form-control.error {
    border: 1px solid red;
}

.form-control.valid {
    color: #495057;
}

.slider-container .slider-result {
    font-size: 16px;
    color: #000;
    margin-left: 20px;
}

.slider-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 250px;
    height: 12px;
    background: #e8e8e8;
    outline: none;
    border-radius: 25px;
}

    .slider-input::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        background: #00adcb;
        cursor: pointer;
        border-radius: 50%;
    }

    .slider-input::-moz-range-thumb {
        -moz-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        background: #00adcb;
        cursor: pointer;
        border-radius: 50%;
    }

.cs-checkbox {
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    padding-top: 5px;
    cursor: pointer;
}

    .cs-checkbox input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.control_indicator {
    position: absolute;
    top: 5px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
    border: 1px solid #c9cbce;
}

.cs-checkbox:hover input ~ .control_indicator,
.cs-checkbox input:focus ~ .control_indicator {
    background: #fff;
}

.cs-checkbox input:checked ~ .control_indicator {
    background: #00adcb;
}

.cs-checkbox:hover input:not([disabled]):checked ~ .control_indicator,
.cs-checkbox input:checked:focus ~ .control_indicator {
    background: #00adcb;
}

.cs-checkbox input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control_indicator:after {
    content: "";
    position: absolute;
    display: none;
}

.cs-checkbox input:checked ~ .control_indicator:after {
    display: block;
}

.cs-checkbox .control_indicator:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cs-checkbox input:disabled ~ .control_indicator:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #00adcb;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cs-radio {
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    padding-top: 3px;
    cursor: pointer;
}

    .cs-radio input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.control_indicator {
    position: absolute;
    top: 5px;
    left: 0;
    height: 20px;
    border-radius: 2px;
    width: 20px;
    background: #fff;
}

.cs-radio .control_indicator {
    border-radius: 50%;
}

.cs-radio:hover input ~ .control_indicator,
.cs-radio input:focus ~ .control_indicator {
    background: #fff;
}

.cs-radio input:checked ~ .control_indicator {
    background: #00adcb;
}

.cs-radio:hover input:not([disabled]):checked ~ .control_indicator,
.cs-radio input:checked:focus ~ .control_indicator {
    background: #00adcb;
}

.cs-radio input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control_indicator:after {
    content: "";
    position: absolute;
    display: none;
}

.cs-radio input:checked ~ .control_indicator:after {
    display: block;
}

.cs-radio .control_indicator:after {
    left: 5px;
    top: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
}

.cs-radio input:disabled ~ .control_indicator:after {
    border-color: #7b7b7b;
    background-color: #00adcb;
    cursor: ban;
}

.cs-radio .control__indicator:after {
    left: 6px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cs-radio input:disabled ~ .control__indicator:after {
    left: 6px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #00adcb;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.upload-hint-card {
    margin-top: 5px;
    background: #f7f8fc;
    border: 1px dashed #dfdfdf;
    padding: 6px 9px;
    border-radius: 4px;
    color: #494949;
    font-size: 12px;
    font-weight: 400;
}

.hint-area {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #fff;
    color: #001234;
    font-size: 14px;
    margin-left: 0px;
    padding: 11px 11px 11px 50px;
    border-radius: 6px;
    margin-top: -12px;
}

#hint-btn {
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: #2196f3;
    color: white;
    width: 40px;
    padding: 10px 10px 10px 10px;
    height: 40px;
    border-radius: 30px;
}

.hint-action {
    margin-top: 10px;
    color: #000;
}

.hint-icons {
    width: 30px;
    height: 30px;
    border-radius: 20%;
    background: rgba(33, 150, 243, 0.18);
    color: #2196f3;
    position: relative;
    line-height: 1;
    border-radius: 500px;
    white-space: nowrap;
    font-weight: 700;
    border-radius: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.hint-caption {
    font-size: 14px;
    font-weight: bold;
}

.hint-hide-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    margin-top: 15px;
    border-top: 1px solid #f6f6f6;
    padding-top: 0px;
}

.sinlge-row-hint {
    display: none;
}

    .sinlge-row-hint ul {
        -webkit-padding-start: 0;
        padding-inline-start: 0;
        margin-bottom: 0;
    }

        .sinlge-row-hint ul li {
            margin-left: 10px;
            display: inline;
        }

        .sinlge-row-hint ul .hint-completed {
            color: #28a745;
        }

        .sinlge-row-hint ul .hint-inprogress {
            color: #be7f07;
        }

        .sinlge-row-hint ul .hint-pending {
            color: #2196f3;
        }

.alert-warning .hint-icons {
    background: #f348212e;
    color: #ff9b00;
}

.alert-danger .hint-icons {
    background: #f348212e;
    color: #ff1e00;
}

.layout-org-logo {
    margin-right: 10px;
    border-radius: 2px;
}

    .layout-org-logo img {
        background-size: cover;
        width: 75px;
        height: 75px;
        max-width: 80px;
        padding: 5px;
        border-radius: 8px;
    }

.layout-org-name {
    color: #001234;
    line-height: 1.4;
}

#layout-display-org-full {
    border-radius: 4px;
    border: solid 1px #53a6fa;
    background: #eaf4fe;
    margin: 10px 8px;
    bottom: 0px;
    position: absolute;
    padding: 9px 2px;
    margin-left: 70px;
    min-width: 208px;
    text-align: center;
}

.process-section {
    padding: 15px 15px 5px 15px;
    background-color: white;
    border-radius: 2px;
    margin-bottom: 10px;
}

    .process-section .title {
        font-size: 14px;
        margin-bottom: 12px;
        border-bottom: 1px solid #1e28350f;
        padding-bottom: 6px;
        color: black;
        font-weight: 400;
    }

    .process-section .process-section-list {
        border-left: 1.5px dashed #ddd;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
        color: #000;
        letter-spacing: 0.5px;
        position: relative;
        line-height: 1.4em;
        font-size: 1.03em;
        padding: 0px 0px 5px 15px;
        list-style: none;
        text-align: left;
        font-weight: 100;
    }

        .process-section .process-section-list li {
            border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
            padding-bottom: 15px;
            font-weight: 400;
            font-size: 13px;
            position: relative;
        }

            .process-section .process-section-list li:last-of-type {
                padding-bottom: 0;
                margin-bottom: 0;
                border: none;
            }

            .process-section .process-section-list li:before,
            .process-section .process-section-list li:after {
                position: absolute;
                display: block;
                top: 0;
            }

            .process-section .process-section-list li:after {
                left: -21px;
                background: #313534;
                border-radius: 50%;
                height: 11px;
                width: 11px;
                content: "";
                top: 5px;
            }

            .process-section .process-section-list li.completed {
                color: #007bff;
            }

                .process-section .process-section-list li.completed:after {
                    background: #007bff;
                }

            .process-section .process-section-list li.started {
                color: #525252;
            }

                .process-section .process-section-list li.started:after {
                    background: #525252;
                }

            .process-section .process-section-list li.not-started {
                color: #c1c1c1;
            }

                .process-section .process-section-list li.not-started:after {
                    background: #c1c1c1;
                }

.details-active {
    color: #06a806;
}

    .details-active::before {
        font-family: "Font Awesome 5 Free";
        content: "\f058";
    }

.details-inactive {
    background: #f32c2c;
    color: #fff;
    padding: 3px 8px 3px 8px;
    font-size: 12px;
    border-radius: 50px;
}

    .details-inactive::before {
        font-family: "Font Awesome 5 Free";
        content: "\f057";
    }

.box-header-table {
    border-bottom: none !important;
}

.box-header-inner {
    padding: 3px 0px !important;
    margin: 0px 0 !important;
}

    .box-header-inner .title-icon {
        width: 25px !important;
        height: 25px !important;
        font-size: 12px !important;
        background: #2196f308 !important;
    }

    .box-header-inner .box-title {
        font-size: 13px !important;
    }

.box-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #1e28350f;
    padding: 0.6rem 0.4rem;
}

    .box-header div:nth-child(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .box-header .title-icon {
        width: 30px;
        height: 30px;
        border-radius: 20%;
        background: rgba(33, 150, 243, 0.18);
        color: #2196f3;
        position: relative;
        line-height: 1;
        border-radius: 500px;
        white-space: nowrap;
        font-weight: 700;
        border-radius: 100%;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .box-header .box-title {
        margin-left: 8px;
        color: #007bff;
        font-size: 14px;
        margin-right: 8px;
    }

    .box-header .others {
        margin-right: 10px;
    }

.form-builder-actions {
    position: fixed;
    bottom: 0px;
    z-index: 999 !important;
    width: 80%;
    padding: 9px 10px;
    background: white;
    border-top: 1px solid #ddd;
}

    .form-builder-actions.fullwidth {
        width: 100%;
    }

    .form-builder-actions.halfwidth {
        width: 80%;
    }

.dd-form-builder ul.sections-list {
    -webkit-padding-start: 30px;
    padding-inline-start: 30px;
    list-style: none;
    float: left;
    margin: 0 20px 0 0;
    width: 100%;
}

    .dd-form-builder ul.sections-list li {
        background: #fff;
        border: solid 1px #c8c8c8;
        padding: 10px;
        margin-bottom: 10px;
        list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC/SURBVHgB7ZQ9CsIwGIbfiLaCSoXexU0H5zp5BnHp5Bl08wReQ2cHl4Jj7+FQq2JaMdbEgojtF0jHPhB4h5eHLz+EzZexQIU0UDG18D/e0JJLhyZVGA9a8EZKdooEgjCF0YS57DcXwXTeYdsSsLMVXegTIhtO9wl/esZsEkuxsZAnDOyTbQ0heSn3TLjZ9qT4nY2FK78D11GiGxdYrK+lfXLLuwP/yglVpycMwgfcvhLtjylVp4XQnCyn/m3MeQFnFDXc20CeHAAAAABJRU5ErkJggg==");
    }

.dd-form-builder ul.sub-sections-list {
    list-style: none;
    -webkit-padding-start: 30px;
    padding-inline-start: 30px;
}

    .dd-form-builder ul.sub-sections-list li {
        background: #fff;
        border: none;
        margin-bottom: 0;
        list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACzSURBVHgB7ZQxCsJAEEX/bDQWsbTXxsZLpLay8B6eyANYGEs9iQGxsxIsFcGFZA27gilC/kJSpMiHgV8Mjz/s7MjtbgxalELL6oHVSlJjy0cD1nC6GuzT3PpJpBBPpbafJkx+MOvPPKX47KHOXI1DUNGELw3sipSHS26hjYFh8PcfD6DXyE/twKMAVPSVN8cMj7fz0VCwXdUPRUdeL1TJg4omjGdSJHS7t5zzfyD9+eoe8AtUyzh1UYP/LgAAAABJRU5ErkJggg==");
    }

.dd-form-builder ul.question-lists {
    margin-top: 10px;
    -webkit-padding-start: 40px;
    padding-inline-start: 40px;
}

    .dd-form-builder ul.question-lists li {
        background: #f6f6f6;
        margin-bottom: 2px;
        list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC2SURBVHgB7VQxCsJAEJw7NCKxEXyLbUqx9h9+QvAVPsBCrQSjpU+xsBFsNIUn3qm5wKUI2U0uZQYW9mCYnd1bVpjrxaBBSDSMVrAY5rhNg4MOKXY+QMcbW304ghhH8HKoY+eM41Kw9vCtAPWLcEBS6RkmT+j9Gvq0s8LegkHgcvUi6byWk4cV7vZIKvnLn8UcuN9s9X4IuVyV8smW5WTmHvkcNR3+905kDmU0pejMGVZAe2388QWUFjf5AAXtYwAAAABJRU5ErkJggg==");
        border: 1px dashed #ddd;
    }

.dd-form-builder .dt-action-btn {
    padding: 0;
    border: none;
    max-width: 130px;
    min-width: 120px;
    border-radius: 4px !important;
}

.menu-box {
    border: 1.2px dashed #6b6b6b;
    margin: 0px;
    padding: 2px;
    margin-bottom: 20px;
}

    .menu-box ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .menu-box ul.menu-list li {
            display: block;
            margin-bottom: 5px;
            border: 1px solid #eee;
            background: #fff;
        }

        .menu-box ul.menu-list > li a {
            display: inline-block;
            font-size: 10px;
            color: #003f7e;
            text-decoration: none;
            padding: 10px 10px;
        }

            .menu-box ul.menu-list > li a:hover {
                cursor: -webkit-grab;
                cursor: grab;
            }

        .menu-box ul.menu-list ul {
            margin-left: 20px;
            margin-top: 5px;
        }

            .menu-box ul.menu-list ul li a {
                color: blue;
            }

    .menu-box li.menu-highlight {
        border: 1px dashed red !important;
        background: #f5f5f5;
    }

#editable-text,
#editable-subsection {
    font-size: 14px;
}

    #editable-text:hover,
    #editable-subsection:hover {
        background: #f2f6ff;
        border-radius: 5px;
        padding: 2px 4px;
    }

.section-row,
.subsection-row {
    margin: 10px;
}

.action-area .box {
    margin-bottom: 10px;
    border-radius: 3px;
    border: 2px solid white;
}

    .action-area .box:hover {
        border: 2px solid #06a9d7;
    }

.action-area .box-body {
    padding: 0.8rem 0.7rem;
}

.action-area .action-text {
    color: #000;
}

    .action-area .action-text:hover {
        color: #06a9d7;
    }

#sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    #sortable li {
        padding-left: 1.5em;
        font-size: 1.4em;
    }

        #sortable li span {
            position: absolute;
            margin-left: -1.3em;
        }

        #sortable li span {
            position: absolute;
            margin-top: 8px;
            margin-left: -1.2em;
        }

    #sortable li {
        font-size: 1.4em;
        background: #f8f8f8;
        padding: 6px 0px 6px 25px;
    }

#sortable1 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 60%;
}

    #sortable1 li {
        margin: 0 3px 3px 3px;
        font-size: 1.4em;
        padding: 6px 0px 6px 25px;
    }

        #sortable1 li span {
            position: absolute;
            margin-left: -1.3em;
        }

.add-section-right-card {
    text-align: center;
    background: #fff;
    padding: 2px 2px 2px 2px;
    border: 1px solid #fff;
    border-radius: 2px;
}

.fb-section-input {
    font-size: 16px;
    font-weight: 500;
    color: #001234 !important;
}

/* Datatable */
.action-list {
    display: none;
}

    .action-list ul {
        margin-bottom: 0;
    }

        .action-list ul li {
            margin-bottom: 0;
            display: inline-block;
            -webkit-padding-start: 0;
            padding-inline-start: 0 !important;
        }

.action-list-alt {
    display: block;
}

    .action-list-alt ul {
        margin-bottom: 0;
    }

        .action-list-alt ul li {
            margin-bottom: 0;
            display: inline-block;
            -webkit-padding-start: 0;
            padding-inline-start: 0 !important;
        }

.table td {
    padding: 0.35rem 0.75rem !important;
}

tr:hover > td > .action-list {
    display: inline-block;
    white-space: nowrap;
    z-index: 9 !important;
}

tr:hover > td > .td-text {
    display: none;
}

.dt-link {
    color: #06a9d7;
}

    .dt-link .edit-icon {
        display: none;
    }

        .dt-link .edit-icon::before {
            background: white;
            content: "\f0ca";
            font-family: "Font Awesome 5 Free";
            font-size: 9px;
            padding: 5px;
            border-radius: 4px;
            border: 1.2px solid #007bff;
        }

    .dt-link:hover .edit-icon {
        display: none;
        text-decoration: none;
    }

    .dt-link:hover {
        text-decoration: underline;
        color: #06a9d7;
    }

.dt-datetime {
    font-size: 10px;
}

.dt-action-btn {
    font-size: 10px;
    text-align: center;
    width: 24px;
    height: 24px;
    color: #00adcb;
    background-color: #fff;
    border: 1.5px solid #00adcb;
    position: relative;
    line-height: 1;
    border-radius: 500px;
    white-space: nowrap;
    font-weight: 700;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 4px 2px;
}

    .dt-action-btn:hover {
        background: #06a9d7;
        color: #fff !important;
    }

.dt-delete-btn {
    font-size: 10px;
    text-align: center;
    width: 24px;
    height: 24px;
    color: #ea2e49;
    background-color: #fff;
    border: 1.5px solid #ea2e49;
    position: relative;
    line-height: 1;
    border-radius: 500px;
    white-space: nowrap;
    font-weight: 700;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 4px 2px;
}

    .dt-delete-btn:hover {
        background: #ea2e49;
        color: #fff !important;
    }

.dt-info-btn {
    font-size: 10px;
    text-align: center;
    width: 24px;
    height: 24px;
    color: #8bc34a;
    background-color: #fff;
    border: 1.5px solid #8bc34a;
    position: relative;
    line-height: 1;
    border-radius: 500px;
    white-space: nowrap;
    font-weight: 700;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 4px 2px;
}

    .dt-info-btn:hover {
        background: #8bc34a;
        color: #fff !important;
    }

.dt-btn-disabled {
    font-size: 10px;
    text-align: center;
    width: 24px;
    height: 24px;
    color: #b7b7b7;
    background-color: #fff;
    border: 1.5px solid #b7b7b7;
    position: relative;
    line-height: 1;
    border-radius: 500px;
    white-space: nowrap;
    font-weight: 700;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 4px 2px;
}

    .dt-btn-disabled:hover {
        border: 1.5px solid #b7b7b7;
        background: #b7b7b7;
        color: #fff !important;
    }

.nav-icon-2 {
    float: right;
}

.dt-back-btn {
    color: #555555;
    /* border: 1.5px solid #555555; */
    height: 28px;
    width: 28px;
    border-radius: 30px;
    margin-top: -2px;
    background: #ffffff;
    padding: 0.175rem 0.45rem;
    margin-right: 5px;
}

    .dt-back-btn:hover {
        background: #000000;
        color: #fff !important;
    }

.dt-btn-disabled {
    color: #b7b7b7;
    border: 1.5px solid #b7b7b7;
    cursor: not-allowed;
}

    .dt-btn-disabled:hover {
        color: #fff;
        border: #b7b7b7;
        cursor: not-allowed;
    }

span.self-user {
    color: #ee7f18;
}

.img-xss {
    height: 16px;
}

.img-xss-2 {
    height: 11px;
}

.form-control.date-field[readonly] {
    background-color: #fff;
}

/* Survey - Patient Chart */
.slider-container {
    width: 300px;
}

    .slider-container .back-bar {
        height: 10px;
        position: relative;
    }

        .slider-container .back-bar .selected-bar {
            position: absolute;
            height: 100%;
        }

        .slider-container .back-bar .pointer {
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: red;
            cursor: col-resize;
            opacity: 1;
            z-index: 2;
        }

            .slider-container .back-bar .pointer.last-active {
                z-index: 3;
            }

        .slider-container .back-bar .pointer-label {
            position: absolute;
            top: -17px;
            font-size: 8px;
            background: white;
            white-space: nowrap;
            line-height: 1;
        }

        .slider-container .back-bar .focused {
            z-index: 10;
        }

    .slider-container .clickable-dummy {
        cursor: pointer;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .slider-container .scale {
        top: 2px;
        position: relative;
    }

        .slider-container .scale span {
            position: absolute;
            height: 5px;
            border-left: 1px solid #999;
            font-size: 0;
        }

        .slider-container .scale ins {
            font-size: 9px;
            text-decoration: none;
            position: absolute;
            left: 0;
            top: 5px;
            color: #999;
            line-height: 1;
        }

    .slider-container.slider-readonly .clickable-dummy,
    .slider-container.slider-readonly .pointer {
        cursor: auto;
    }

.theme-green .back-bar {
    height: 5px;
    border-radius: 2px;
    background-color: #eeeeee;
    background-color: #e7e7e7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
    background-repeat: repeat-x;
}

    .theme-green .back-bar .selected-bar {
        border-radius: 2px;
        background-color: #a1fad0;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#bdfade), to(#76fabc));
        background-image: linear-gradient(to bottom, #bdfade, #76fabc);
        background-repeat: repeat-x;
    }

    .theme-green .back-bar .pointer {
        width: 14px;
        height: 14px;
        top: -5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 10px;
        border: 1px solid #aaa;
        background-color: #e7e7e7;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
        background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
        background-repeat: repeat-x;
    }

    .theme-green .back-bar .pointer-label {
        color: #999;
    }

    .theme-green .back-bar .focused {
        color: #333;
    }

.theme-green .scale span {
    border-left: 1px solid #e5e5e5;
}

.theme-green .scale ins {
    color: #999;
}

/* Form elements */
.form-control-fixed {
    width: 100px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem 0 0 0.25rem;
    border-right: 0;
    padding: 0.375rem 0.75rem;
    color: #495057 !important;
    height: calc(1.5em + 0.75rem + 2px);
}

    .form-control-fixed.error {
        border: 1px solid red;
        font-weight: 300;
    }

    .form-control-fixed::-webkit-input-placeholder {
        color: #6c757d;
        opacity: 0.3;
    }

    .form-control-fixed:focus {
        color: #495057;
        background-color: #fff;
        border-color: #80bdff;
        outline: 0;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

/* Document Repository */
.files-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

    .files-list > li {
        border-radius: inherit;
        margin: 2px 0 0;
        padding: 10px;
    }

.files-cont {
    position: relative;
}

.file-type {
    height: 48px;
    position: absolute;
    width: 48px;
}

.files-icon {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    text-align: center;
    width: 38px;
}

    .files-icon i {
        color: #777;
        font-size: 20px;
    }

.files-info {
    padding: 0 30px 0 50px;
}

.text-ellipsis {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-name a {
    color: #333;
}

.file-author a {
    color: #00c5fb;
    font-size: 12px;
    text-decoration: underline;
}

.file-date {
    color: #888;
    font-size: 12px;
}

.file-size {
    color: #888;
}

.files-action {
    height: 30px;
    list-style: none;
    padding-left: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 10px;
    width: 30px;
}

.scrollable-list-items {
    max-height: 200px;
    overflow-y: auto;
    width: 100%;
    overflow-x: hidden;
}

    .scrollable-list-items ul li {
        list-style: none;
        padding-left: 5px;
        margin-bottom: 10px;
    }

        .scrollable-list-items ul li::marker {
            content: "\2022";
            color: #66b0ff;
            font-size: 18px;
            font-weight: bold;
        }

        .scrollable-list-items ul li::before {
            font-weight: bold;
            display: inline-block;
            width: 0.8em;
        }

.clinic-details-scroll-items {
    max-height: 150px;
    overflow-y: auto;
    list-style: none;
    padding-left: 0px;
}

    .clinic-details-scroll-items ul {
        padding-left: 7px;
    }

        .clinic-details-scroll-items ul li {
            list-style: none;
            margin-top: -10px;
            margin-bottom: 10px;
            padding-left: 5px;
        }

            .clinic-details-scroll-items ul li::marker {
                content: "\2022";
                color: #66b0ff;
                font-size: 18px;
                font-weight: bold;
            }

            .clinic-details-scroll-items ul li::before {
                font-weight: bold;
                display: inline-block;
                width: 0.7em;
                font-size: 21px;
                margin-left: 0em;
            }

table .clinic-details-scroll-items ul {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}

    table .clinic-details-scroll-items ul li {
        -webkit-padding-start: 0;
        padding-inline-start: 0;
    }

.clinic-details-scroll-items-alt {
    max-height: 150px;
    overflow-y: auto;
    list-style: none;
    padding-left: 0px;
    overflow-x: hidden;
}

    .clinic-details-scroll-items-alt li {
        list-style: disc;
        list-style-position: outside;
        margin-bottom: 10px;
        padding-left: 5px;
    }

        .clinic-details-scroll-items-alt li::marker {
            content: "\2022";
            color: #66b0ff;
            font-size: 18px;
            font-weight: bold;
        }

        .clinic-details-scroll-items-alt li::before {
            display: inline-block;
            width: 0.7em;
            font-size: 21px;
            margin-left: 0em;
        }

.inventory-list .list .list-item {
    padding: 5px;
}

    .inventory-list .list .list-item .list-body:after {
        border-bottom: none !important;
    }

.list-icon {
    font-size: 7px;
    color: rgba(0, 123, 255, 0.6);
    padding: 6px 8px;
    vertical-align: super;
}

.list-status-icon {
    font-size: 20px;
    vertical-align: middle;
}

.list-item .list-body a {
    vertical-align: top;
    margin-top: 3px;
}

.inventory-list hr {
    margin: 5px 0;
}

/* Helpers */
.fw-350 {
    width: 350px;
}

.fw-300 {
    width: 300px;
}

.fw-425 {
    width: 425px;
}

.fw-150 {
    width: 150px;
}

.fw-100 {
    width: 200px;
}

.fw-50 {
    width: 50px;
}

.fw-120 {
    width: 120px;
}

.f-c-180 {
    width: 180px !important;
    max-width: 180px !important;
    min-width: 180px !important;
}

.b-b-2px {
    border-bottom: 2px solid #efefef;
}

.text-dark-grey {
    color: #9e9e9e;
}

.dt-filter-section li {
    margin-left: 5px !important;
    float: left;
    list-style: none;
}

.modal-title {
    font-size: 15px;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    padding: 1rem;
    max-height: calc(100vh - (110px + 70px));
    overflow-y: auto;
    overflow: auto;
    overflow-x: hidden;
}

.modal-footer {
    padding: 0.4rem 0.6rem !important;
}

.forms-modal-body {
    padding: 0;
}

    .forms-modal-body .box {
        margin-bottom: 0;
    }

    .forms-modal-body .box-body {
        max-height: calc(100vh - (270px + 70px));
        overflow-y: hidden;
        overflow: scroll;
    }

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(8, 198, 255, 0.02);
    outline-style: auto;
    outline-color: #007bff36;
}

.table td {
    height: 32px;
    padding: 0.05rem 0.75rem !important;
    letter-spacing: 0.3px;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}

.close {
    float: right;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 2;
    color: #000;
    text-shadow: none;
    opacity: 10.5;
}

/* Document Repository */
.file-manager .file {
    position: relative;
    border-radius: 0.55rem;
    overflow: hidden;
}

    .file-manager .file .hover {
        position: absolute;
        right: 10px;
        top: 10px;
        display: none;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .file-manager .file .icon {
        padding: 15px 10px;
        display: table;
        width: 100%;
        text-align: center;
    }

    .file-manager .file .image,
    .file-manager .file .icon {
        max-height: 180px;
        overflow: hidden;
        background-size: cover;
        background-position: top;
    }

        .file-manager .file .icon i {
            display: table-cell;
            font-size: 40px;
            vertical-align: middle;
            color: #777;
            line-height: 50px;
        }

    .file-manager .file .file-name {
        padding: 10px;
        border-top: 1px solid #f7f7f7;
    }

        .file-manager .file .file-name .name {
            color: #000;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .file-manager .file .file-name .date {
            color: #000;
            opacity: 0.4;
        }

    .file-manager .file a:hover .hover {
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        display: block;
        color: #fff;
    }

    .file-manager .file > a:hover > .file-name .name.text-muted {
        color: #6c757d !important;
    }

    .file-manager .file > a:hover > .file-name .date.text-muted {
        color: #6c757d !important;
    }

ul.breadcrumb {
    padding: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    font-size: 13px;
    background: unset !important;
    border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}

    .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: 0.15em;
        color: #6c757d;
        cursor: default;
        font-family: "Font Awesome 5 Free";
        content: "\f105";
        font-weight: 600;
    }

.breadcrumb-item.active {
    color: #000;
    cursor: default;
}

.F_500 {
    white-space: nowrap;
}

.btn-dark {
    color: #fff !important;
}

.fw-5 {
    font-size: 12px;
}

.w {
    width: 190px;
}

.highlight {
    border-bottom: 1px dashed #ddd;
}

.valid {
    color: green;
}

.invalid {
    color: red;
}

#npswd_info {
    display: none;
}

#cpswd_info {
    display: none;
}

#pswd_info {
    display: none;
}

#opswd_info {
    display: none;
}

.max-height {
    height: calc(100vh - 305px);
    overflow: auto;
}

.ml--15 {
    margin-left: -15px;
}

.popover {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.popover-header {
    color: #23698c;
    font-weight: 600;
}

.highcharts-credits {
    display: none;
}

.dt-action-3 {
    width: 140px !important;
    text-align: center;
    max-width: 140px !important;
    min-width: 140px !important;
}

.pwdins {
    border: 1px solid #ddd;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    z-index: 999;
    background-color: #fff;
    width: 100%;
}

    .pwdins > ul {
        padding-left: 0px;
        white-space: nowrap;
    }

        .pwdins > ul > li:before {
            content: "\f111";
            font-family: "Font Awesome 5 Free";
            font-size: 9px;
            padding-right: 5px;
        }

.marginleft {
    margin-left: -125px;
}

.marginnone {
    display: none;
}

span.text-xsmall {
    font-size: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
}

.carousel-control.left,
.carousel-control.right {
    background: none;
    color: #000;
    border: none;
}

.carousel-control.left,
.carousel-control.right {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.carousel-control.left {
    left: -0.45rem;
}

.carousel-control.right {
    right: -0.45rem;
}

.carousel-control.left {
    font-size: 45px;
    color: black;
    float: left;
}

.carousel-control.right {
    font-size: 45px;
    color: black;
    float: right;
}

.selectalltext {
    font-size: 12px;
    vertical-align: middle;
    color: black;
    line-height: 1.75;
}

.bg-new {
    background: #b7b7b7;
}

/* .added
{
  margin-left:205px !important; 
} */
#wrapper {
    margin-left: 0;
    -webkit-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.mt-fixed {
    height: calc(100vh - 50px);
    overflow: auto;
}

    .mt-fixed:before {
        margin-top: 110px;
    }

/* Document Repository */
#nav li {
    /*color:#fff;*/
    cursor: pointer;
}

    #nav li.active {
        color: red;
    }

.sub-menu {
    display: none;
}

    .sub-menu.show > li.active a > .nav-text {
        display: block;
        color: #ddd;
    }

li.active .sub-menu {
    display: block;
}

.nav-item {
    position: relative;
    /* border-bottom: 1px solid rgba(183, 187, 195, 0.06); */
}

.fm-modal-title h5 {
    font-size: 16px;
    font-weight: 600;
}
.fm-modal-title span {
    color: #051326;
}
.user-profile-tiny {
    margin-left: 8px;
    margin-top: 8px;
}

    .user-profile-tiny .media-body {
        margin-left: 10px;
    }

    .user-profile-tiny .user-name {
        font-size: 14px;
        color: #013257;
    }

    .user-profile-tiny .user-profile {
        font-size: 11px;
        color: #ff7e00;
    }

.required {
    color: red;
    font-size: 16px;
    top: 2px;
}

#error-message {
    color: red;
}

.fm-details-page .fm-section-title .title-icon {
    padding: 8px;
    background: #ff7e0029;
    color: #ff7e00;
    border-radius: 4px;
    font-size: 14px;
}

.fm-details-page .fm-section-title {
    color: #ff7e00;
    font-size: 14px;
    letter-spacing: 0.4px;
}

.fm-details-page .fm-details-table .fm-detail-value {
    font-weight: 600;
    font-size: 12px;
    color: #000;
    word-wrap: break-word;
    padding: 0.75rem 0.75rem !important;
}

@media screen and (max-height: 450px) {
    .content-inscreen-section {
        padding-top: 15px;
    }
}

.right-sidebar-content-area {
    padding: 10px 10px 10px 15px;
    margin-bottom: 25px;
}

    .right-sidebar-content-area .right-sb-header {
        border-bottom: 1px solid #f7f7f7;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

        .right-sidebar-content-area .right-sb-header .title {
            color: #001234;
            font-weight: 600;
            font-size: 15px;
        }

    .right-sidebar-content-area .right-sb-content {
        margin-top: 10px;
    }

    .right-sidebar-content-area .details-section {
        margin-top: 10px;
    }

.right-sidebar-footer-overlay {
    bottom: 0;
    position: fixed;
    width: calc(100vw - 30%);
    padding: 15px;
    background: #fff;
    border-top: 1px solid #ddd;
}

.tooltip .arrow {
    display: none;
}

    .tooltip .arrow::before {
        display: none;
    }

.dt-action-1 {
    width: 60px !important;
    text-align: center;
}

.dt-action-2 {
    width: 100px !important;
    text-align: center;
    max-width: 100px !important;
    min-width: 100px !important;
}

.form-control-text {
    font-size: 12px;
}

.content-inscreen-section {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0px;
    right: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: #fff;
    overflow-x: hidden;
    border-left: 1px solid #cdcdcd;
}

    .content-inscreen-section .closebtn {
        position: absolute;
        float: right;
        right: 6px;
        top: 8px;
        font-size: 20px;
        margin-left: 10px;
        background: #d6d6d6;
        width: 25px;
        height: 25px;
        line-height: 1;
        text-align: center;
        border-radius: 40px;
    }

        .content-inscreen-section .closebtn:hover {
            background: #000;
            color: #fff !important;
        }

@media screen and (max-width: 991px) {
    .content-inscreen-section {
        top: 57px;
    }

    .content-tab .bg-bg {
        height: 100%;
    }
}

.modal-header {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 0.4rem 0.8rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.modal-wd-adjustable {
    max-width: -webkit-max-content !important;
    max-width: -moz-max-content !important;
    max-width: max-content !important;
}

.fm-modal-title h5 {
    color: #051326;
    margin-top: 8px;
}

.fm-content-title {
    font-size: 14px;
    color: #3d3d3d;
}

.fm-user-avatar {
    height: 35px;
    width: 35px;
    border-radius: 50px;
}

.org-name {
    word-break: break-all;
}

#loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #ffffffe3;
    z-index: 99999999999999999999;
}

    #loader .loading-img {
        margin: auto;
        text-align: center;
    }

        #loader .loading-img img {
            width: 100px;
            height: 100px;
        }

.spinner {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid blue;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border 0.75s linear infinite;
    animation: spinner-border 0.75s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
}

.modal-info-section .modal-info-icon {
    font-size: 40px;
    color: #0792aa;
}

.border-dashed {
    border: 1px dashed #ddd;
}

.border-right-dashed {
    border-right: 1px dashed #ddd !important;
}

.no-link {
    cursor: default !important;
}

.b-blue {
    border-color: #ddd;
}

.edit-profile-link {
    float: right;
}

.modal-delete-section .modal-delete-icon {
    font-size: 40px;
    color: #dc3545;
    margin: 12px 10px;
}

.modal-delete-section .delete-details-info {
    text-align: center;
}

.modal-delete-section .delete-caption {
    font-size: 16px;
    font-weight: 500;
    color: #001234;
    margin-bottom: 10px;
}

.modal-delete-section .delete-instruction {
    font-size: 13px;
    margin-top: 10px;
    font-weight: 500;
}

.modal-delete-section .delete-badge {
    color: #ea2e49;
    background-color: #fff2f3;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100px;
    display: inline-block;
    vertical-align: bottom;
}

.modal-delete-section .info-badge {
    color: #007bff;
    background-color: #e5f1ff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100px;
    display: inline-block;
    vertical-align: bottom;
}

.permission_tbl tbody tr td {
    padding: 10px;
}

    .permission_tbl tbody tr td.bg-light {
        background-color: #f8f9fa !important;
    }

        .permission_tbl tbody tr td.bg-light.text-warning {
            color: #007bff !important;
            font-weight: 700;
        }

.text-left {
    text-align: left;
}

.bg-header-new {
    background: #06a9d7;
}

.mobile-header .user-profile-tiny {
    margin-left: 7px;
    margin-top: 0px;
}

.mobile-header .navbar {
    background: #06a9d7 !important;
}

.mobile-header .user-profile {
    font-size: 11px;
    color: #525252;
}

.mobile-header .menu-icon-mobile {
    margin-top: 13px;
    color: #fff !important;
}

    .mobile-header .menu-icon-mobile i {
        margin-left: 0px;
        font-size: 11px;
        color: #2196f3;
    }

.ctsi-sidebar.folded .user-dropdown.show .dropdown-menu {
    left: 140px !important;
}

.sidebar-bt-icon-menus .title {
    text-align: center;
    color: #001234;
    margin-top: 10px;
    margin-bottom: 10px;
}

.sidebar-bt-icon-menus .dropdown-item {
    padding: 10px 20px;
}

.sidebar-bt-icon-menus .active-role {
    color: #009e24;
    font-size: 14px;
}

.sidebar-bt-icon-menus span.user-option-icon {
    font-size: 15px;
    color: #001234;
}

.sidebar-bt-icon-menus .user-avatar-initial {
    border-radius: 100%;
    width: 35px;
    height: 35px;
    margin-left: 5px;
    background: #ffffff;
    color: #001234;
}

    .sidebar-bt-icon-menus .user-avatar-initial img {
        width: 28px;
        height: 28px;
    }

    .sidebar-bt-icon-menus .user-avatar-initial:hover {
        background: #fff;
    }

.sidebar-bt-icon-menus .current-active-role {
    display: none;
}

.sidebar-bt-icon-menus .show-active-role:hover .current-active-role {
    display: block;
    margin-left: 5px;
    background: #eeeeee;
    padding: 0px 10px;
    border-radius: 4px;
    min-width: 190px;
    line-height: 1.85rem;
    -webkit-box-shadow: 0px 0px 2px #00000012;
    box-shadow: 0px 0px 2px #00000012;
    -webkit-transition: display 0.3s;
    transition: display 0.3s;
}

nav .nav-list-items li.active a {
    color: blue !important;
}

.fw-250 {
    width: 250px;
}

span.file-author {
    color: #000;
    font-size: 14px;
}

#accordion {
    /*.card-header {
    //padding: 0.25rem 0.55rem;
  }*/
}

    #accordion .card-link {
        font-size: 14px;
        vertical-align: middle;
    }

    #accordion .card {
        margin-bottom: 5px;
    }

.accr-header {
    background: #efe7fd;
    border-left: 4px solid #00bcd4;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #00bcd4 !important;
    text-align: left;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

    .accr-header .more-link {
        color: #9e9e9e;
        padding: 0 15px;
    }

a.accr-header:hover, a.accr-header:focus {
    color: #00bcd4 !important;
}

.accr-header-2 {
    background: #efe7fd;
    border-left: 4px solid #FF8C00;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #FF8C00 !important;
    text-align: left;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

a.accr-header-2:hover, a.accr-header-2:focus {
    color: #FF8C00 !important;
}

.survey-progress-timeline .progress-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
}

.survey-progress-timeline .progress-category-icon {
    width: 40px;
    height: 40px;
    background: rgba(33, 150, 243, 0.18);
    color: #2196f3;
    position: relative;
    line-height: 1;
    border-radius: 500px;
    white-space: nowrap;
    font-weight: 700;
    font-size: 14px;
    border-radius: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 50%;
    border: 1px dashed black;
    background: #fff;
    z-index: 1025 !important;
}

.survey-progress-timeline .progress-category-title {
    margin-top: 7px;
    color: #3f3f3f;
    font-size: 13px;
}

.survey-progress-timeline .timeline {
    white-space: nowrap;
    overflow-x: auto;
    padding: 30px 0 0 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

    .survey-progress-timeline .timeline .sr-status-completed::after {
        background: #28a745;
    }

    .survey-progress-timeline .timeline .sr-status-completed::before {
        background: #28a745;
    }

    .survey-progress-timeline .timeline .sr-status-completed .progress-category-icon {
        background: #b0e7bc;
        border: 1.2px solid;
        color: #28a745;
    }

        .survey-progress-timeline .timeline .sr-status-completed .progress-category-icon::before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f058";
            position: absolute;
            top: 2px;
            z-index: 9999;
            left: 30px;
            color: #28a745;
            background: #ffffff;
            border-radius: 100%;
            font-size: 13px;
        }

    .survey-progress-timeline .timeline .sr-status-inprogress::after {
        background: #ffa700;
    }

    .survey-progress-timeline .timeline .sr-status-inprogress::before {
        background: #ffa700;
    }

    .survey-progress-timeline .timeline .sr-status-inprogress .progress-category-icon {
        background: #ffd077;
        color: #be7f07;
    }

        .survey-progress-timeline .timeline .sr-status-inprogress .progress-category-icon::before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f2f2";
            position: absolute;
            top: 2px;
            z-index: 9999;
            left: 30px;
            color: #1e2835;
            background: #ffffff;
            border-radius: 100%;
            font-size: 13px;
        }

    .survey-progress-timeline .timeline .sr-status-pending .progress-category-icon::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f056";
        position: absolute;
        top: 2px;
        z-index: 9999;
        left: 30px;
        color: #1e2835;
        background: #ffffff;
        border-radius: 100%;
        font-size: 13px;
    }

    .survey-progress-timeline .timeline .sr-status-deferred .progress-category-icon {
        background: #f9d7ff;
        border: 1.2px solid #9C27B0;
        color: #9C27B0;
    }

        .survey-progress-timeline .timeline .sr-status-deferred .progress-category-icon::before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f783";
            position: absolute;
            top: 2px;
            z-index: 9999;
            left: 30px;
            color: #9C27B0;
            background: #ffffff;
            border-radius: 100%;
            font-size: 13px;
        }

    .survey-progress-timeline .timeline .sr-status-compliant .progress-category-icon {
        background: #fffad1;
        color: #FFC107;
        border: 1.2px solid #FFC107;
    }

        .survey-progress-timeline .timeline .sr-status-compliant .progress-category-icon::before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f071";
            position: absolute;
            top: 2px;
            z-index: 9999;
            left: 30px;
            color: #FFC107;
            background: #ffffff;
            border-radius: 100%;
            font-size: 13px;
        }

    .survey-progress-timeline .timeline .sr-status-canceled .progress-category-icon {
        background: #ffd6d3;
        color: #F44336;
        border: 1.2px solid #F44336;
    }

        .survey-progress-timeline .timeline .sr-status-canceled .progress-category-icon::before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f057";
            position: absolute;
            top: 2px;
            z-index: 9999;
            left: 30px;
            color: #F44336;
            background: #ffffff;
            border-radius: 100%;
            font-size: 13px;
        }

    .survey-progress-timeline .timeline .sr-status-approved .progress-category-icon {
        background: #d7f6ff;
        border: 1.2px solid #06a9d7;
        color: #06a9d7;
    }

        .survey-progress-timeline .timeline .sr-status-approved .progress-category-icon::before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f560";
            position: absolute;
            top: 2px;
            z-index: 9999;
            left: 30px;
            color: #06a9d7;
            background: #ffffff;
            border-radius: 100%;
            font-size: 13px;
        }

.survey-progress-timeline .progress-item {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    text-align: center;
    position: relative;
    min-width: 150px;
    max-width: 200px;
}

    .survey-progress-timeline .progress-item:after {
        content: "";
        display: block;
        background: #d0d0d0;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        position: absolute;
        left: 50%;
        top: -27px;
        margin-left: -6px;
    }

    .survey-progress-timeline .progress-item:before {
        content: "";
        display: block;
        background: #989898;
        width: 2.5px;
        height: 20px;
        position: absolute;
        left: 50%;
        top: -20px;
        margin-left: -2px;
    }

.survey-progress-timeline .bar {
    height: 2px;
    background: #dcdcdc;
    width: 100%;
    position: relative;
    top: 9px;
    left: 0;
}

.survey-progress-timeline .progress-done-by {
    color: #464646;
    border-width: thin;
}

.survey-progress-timeline .task-done-date {
    color: #767676;
    font-size: 11px;
}

.badge-cancelled {
    color: #ffffff;
    background: #ea2e49;
}

.badge-compliant {
    color: #fffad1;
    background: #FFC107;
}

.badge-deferred {
    color: #f9d7ff;
    background: #9C27B0;
}

.deferred {
    background-color: #9C27B0;
    color: #f9d7ff;
}

.complient {
    background: #FFC107;
    color: #fff;
}

.badge-approved {
    color: #ffffff;
    background: #14baa8;
}

.collapse-open-icon {
    color: #001234;
    margin-right: 10px;
    font-size: 16px;
}

.collapse-icon-rotate {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sidenav .sidebar-main ul.nav.nav-list-items li.menulist-active > a.menuactive {
    background: #eda664 !important;
    color: #ffffff !important;
}

.info-1 {
    color: #fff;
    background-color: #00899f;
}

.success-1 {
    color: #fff;
    background-color: #00c264;
}

.fm-detail-label {
    color: #8e8e8e;
}

.fm-detail-value {
    font-weight: 600;
    font-size: 12px;
    color: #000;
    word-break: break-word;
}

.required-text {
    color: #ea2e49;
    font-size: 13px;
}

table tr.fm-details-row td {
    padding: 12px !important;
}

th.sub-heading {
    color: #673ab7 !important;
    text-transform: uppercase;
}

.box-body > table {
    border: 1px solid #ddd;
    margin-bottom: 0px;
}

.sub-head {
    padding: 10px;
    color: #ff7e00;
    border: 1px solid #ddd;
    word-break: break-all;
}

.mt--40 {
    margin-top: -40px;
}

img.popup-img {
    width: 100px;
}

textarea.form-control::-webkit-scrollbar-thumb {
    cursor: auto;
}

.list-search-box {
    padding: 4px 16px;
}

    .list-search-box .input-group-text {
        color: #b8b8b8;
        background: none;
        border-left: none;
    }

.whats-new {
    margin-top: 10px;
}

    .whats-new .release-title {
        margin-left: 20px;
        margin-bottom: 5px;
        font-size: 16px;
        color: #001234;
    }

    .whats-new .release-date {
        color: #2196f3;
        font-size: 12px;
        margin-left: 2px;
    }

    .whats-new .new-item-list {
        margin-left: 20px;
    }

        .whats-new .new-item-list li {
            font-size: 13px;
            margin-bottom: 8px;
        }

.releases-timeline ul {
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
}

.badge-latest {
    border-radius: 30px;
    text-transform: uppercase;
    background: #e2195e;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
}

.box-success .title-icon {
    background: #1c965b;
    color: rgba(255, 255, 255, 0.85) !important;
}

.box-success .box-title {
    color: #1c965b;
}

.box-warning .title-icon {
    background: #ff9800;
    color: rgba(255, 255, 255, 0.85) !important;
}

.box-warning .box-title {
    color: #ff9800;
}

.box-purple .title-icon {
    background: #9c27b0;
    color: rgba(255, 255, 255, 0.85) !important;
}

.box-purple .box-title {
    color: #9c27b0;
}

.box-warn .title-icon {
    background: #907eec;
    color: rgba(255, 255, 255, 0.85) !important;
}

.box-warn .box-title {
    color: #907eec;
}

.version-badge {
    background: #ff9800;
    color: #fff;
}

.version-link {
    color: #6c757d !important;
    text-align: right;
    margin-right: 20px;
    opacity: 0.8;
    font-weight: 400;
    
}

.unread {
    background: #f7fbff;
}

.tag {
    clear: both;
}

.b-purple {
    border-color: #9c27b0;
    color: #9c27b0;
}

.b-warn {
    border-color: #907eec;
    color: #907eec;
}

#show-download-progress {
    background: #001234;
    color: #ddd;
    visibility: hidden;
    min-width: 100px;
    text-align: center;
    border-radius: 2px;
    padding: 10px 14px;
    position: fixed;
    z-index: 1;
    bottom: 30px;
    font-size: 14px;
}

    #show-download-progress.show {
        visibility: visible;
        -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
        animation: fadein 0.5s, fadeout 0.5s 2.5s;
    }

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

.download-close {
    font-size: 10px;
    text-align: center;
    width: 25px;
    padding-top: 3px;
    height: 25px;
    line-height: 3;
    color: #c5c5c5;
    background-color: #c1c1c13b;
    border-radius: 500px;
    white-space: nowrap;
    font-weight: 700;
    border-radius: 43px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -ms-inline-grid;
    display: inline-grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0px 2px 0px 20px;
    cursor: pointer;
}

.download-overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1030;
    top: 0;
    left: 0;
    color: #001234;
    background-color: #f3f6f9;
}

.fp-overlay-header {
    background: #001234;
}

.inventory-preview {
    background: #fff !important;
    border: 1px dashed #001234 !important;
}

    .inventory-preview .title {
        font-weight: 400;
        color: #2196f3;
    }

    .inventory-preview .preview-text {
        color: #001234;
    }

.download-overlay-content {
    position: relative;
    top: 0%;
    width: 100%;
    margin-top: 0px;
    height: 100vh;
    overflow-y: auto;
    padding-bottom: 100px;
    padding-top: 30px;
}

    .download-overlay-content .preview-image {
        text-align: center;
    }

        .download-overlay-content .preview-image img {
            max-height: 100%;
            max-width: 100%;
            -o-object-fit: contain;
            object-fit: contain;
            margin: 0 auto;
        }

.download-file-overlay .download-file-name {
    font-size: 16px;
    color: #000;
}

.download-file-overlay .download-btn {
    right: 70px;
    top: 12px;
    position: absolute;
}

.download-file-overlay .closebtn {
    font-size: 30px;
    top: 0px;
    position: absolute;
    right: 35px;
    color: #000;
}

.download-file-overlay .box-header .title-icon {
    color: #2196f3;
    font-size: 16px;
    background: #d7ecfd;
    z-index: 9999;
    border: 1px solid #319df4;
}

.download-file-overlay .box-title {
    color: #fff;
}

/* Clearable text inputs */
.clearable {
    position: relative;
    display: block;
}

    .clearable input[type="text"]:-moz-read-only {
        padding-right: 24px;
        width: 100%;
        box-sizing: border-box;
        padding-left: 5px;
        background-color: #fff;
    }

    .clearable input[type="text"]:read-only {
        padding-right: 24px;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        background-color: #fff;
    }

.clear-input {
    display: none;
    position: absolute;
    right: 0;
    top: 5px;
    line-height: 2;
    padding: 0 8px;
    font-style: normal;
    font-size: 13px;
    cursor: pointer;
}

    .clear-input::before {
        content: "";
        font-family: "Font Awesome 5 Free";
        content: "\f057";
        font-weight: 900;
    }

.clearable input::-ms-clear {
    /* Remove IE default X */
    display: none;
}

.survey-patient-details-list {
    text-align: left !important;
}

    .survey-patient-details-list hr {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .survey-patient-details-list .row {
        padding: 0px 20px;
    }

.fullpage-overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    color: #001234;
    overflow: scroll;
    background-color: #fdfdfd;
}

    .fullpage-overlay .main-bh {
        background: #058cff14;
    }

.fullpage-overlay-content {
    position: relative;
    width: 100%;
    margin-top: 10px;
}

    .fullpage-overlay-content .fullpage-patient-list {
        margin-bottom: 12px;
    }

    .fullpage-overlay-content .patient-separate {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #000;
        line-height: 0.1em;
        margin: 10px 0 20px;
    }

        .fullpage-overlay-content .patient-separate span {
            background: #000;
            padding: 2px 10px 4px 12px;
            color: #ff0057;
            border-radius: 14px;
        }

.fullpage-overlay-header .closebtn {
    font-size: 30px;
    top: -3px;
    position: absolute;
    right: 35px;
    color: #000;
}

.patinet-card .patient-list-card {
    background: #ffffff;
    border-radius: 4px;
    color: #070707;
    padding: 10px 12px;
    border: 1px solid #c2c2c2;
}

.patinet-card .user-intial {
    background: #00bcd440;
    color: #008eff;
    font-size: 18px;
    font-weight: 500;
    margin-right: 13px;
    margin-left: 2px;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 0.25rem !important;
}

    .patinet-card .user-intial img {
        border-radius: 0;
    }

.patinet-card .bg-none {
    background: none;
}

.patinet-card .user-id {
    font-size: 15px;
    margin-bottom: -7px;
}

.welcome-card {
    border-radius: 4px;
    padding: 10px 30px;
}

    .welcome-card img {
        margin-right: 50px !important;
        margin-left: 10px;
    }

    .welcome-card .close {
        font-weight: 100;
        font-size: 14px;
        margin-top: 0px;
    }

    .welcome-card .media-body {
        margin-right: 60px;
    }

    .welcome-card .media {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

.hightlight-card {
    background: #fbfeff;
    padding: 17px 20px 5px 20px;
    border-radius: 3px;
    border: 1px dashed #0090f6;
}

.info-icon {
    color: #000;
}

.fix-height {
    min-height: 182px;
}

.details-container {
    margin-top: 14px;
    margin-left: 10px;
}

    .details-container .details-value {
        color: #000;
    }

    .details-container .details-list {
        border-top: 1px solid;
        border-color: rgba(120, 130, 140, 0.065);
        padding: 10px 0px;
        /* border-bottom: 1px solid; */
        margin: 0px 0px;
    }

tr.unfilled {
    background: rgba(255, 0, 0, 0.05);
}

.survey-progress-percentage {
    margin-right: 30px;
}

    .survey-progress-percentage .progress {
        width: 130px;
        height: 20px;
    }

    .survey-progress-percentage .progress-bar {
        display: inline-block;
        height: 100%;
        border-radius: 0;
        text-align: center;
        font-size: 1em;
        -webkit-transition: width 0.6s ease;
        transition: width 0.6s ease;
    }

    .survey-progress-percentage .progress-green {
        background: #5bb85d !important;
    }

    .survey-progress-percentage .progress-blue {
        background: #347ab6 !important;
    }

    .survey-progress-percentage .progress-yellow {
        background: #2390ea !important;
    }

    .survey-progress-percentage .progress-red {
        background: #d9544f !important;
    }

.progress-not-filled .progress-bar {
    color: #0074d9 !important;
    font-size: 11px;
}

.organization-admin-approve-section {
    position: fixed;
    bottom: 30px;
    padding: 0px;
    right: 60px;
    z-index: 1040 !important;
    max-width: 400px;
}

    .organization-admin-approve-section .alert {
        padding: 0.65rem 1.05rem;
    }

    .organization-admin-approve-section .title {
        color: black;
        margin-bottom: 7px;
        font-size: 14px;
    }

    .organization-admin-approve-section .message {
        color: #9f9f9f;
    }

    .organization-admin-approve-section hr {
        margin-top: 0.2rem;
        margin-bottom: 0.5rem;
    }

    .organization-admin-approve-section .alert-primary {
        color: #000000;
        background-color: #ffffff;
        border: 1.5px solid #5b5b5b;
    }

    .organization-admin-approve-section .actions .btn-light {
        border: none;
    }

    .organization-admin-approve-section .collapse-open-icon {
        color: #001234;
        margin-right: 10px;
        font-size: 16px;
    }

    .organization-admin-approve-section .collapse-icon-rotate {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.font-14 {
    font-size: 14px;
}

.details-badge {
    color: #003cff;
    background-color: #003cff33;
}

.scheduled-survey-details-oa {
    padding: 0;
}

    .scheduled-survey-details-oa .table {
        border: none;
    }

        .scheduled-survey-details-oa .table .fm-detail-label {
            width: 45%;
        }

.schedule-hint-card {
    margin-top: 10px;
    background: #fdfdfd;
    border: 1px solid #bcbcbc5c;
    padding: 10px 15px;
    border-radius: 4px;
    color: #494949;
}

#uploadImg {
    height: 180px;
    width: 200px;
    background: #eaeaea;
    border-radius: 4px;
    margin: 10px auto 20px;
    -o-object-fit: contain;
    object-fit: contain;
}

.file-upload-container {
    width: 200px;
}

    .file-upload-container img {
        height: 180px;
        width: 200px;
        background: #eaeaea;
        border-radius: 4px;
        margin: 10px auto 20px;
        -o-object-fit: contain;
        object-fit: contain;
    }

.img-hidden,
#uploadImg:not(.img-hidden) + label {
    display: none;
}

#file-input-id {
    display: none;
    margin: 0 auto;
}

#upload {
    display: block;
    padding: 3px 5px;
    border: 0;
    font-size: 10px;
    bottom: 67px;
    left: 39%;
    position: absolute;
    cursor: pointer;
    background: #001234;
    color: #fff !important;
    outline: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

    #upload:hover, #upload:focus {
        background: #001234;
        color: #fff !important;
    }

    #upload:active {
        background: #001234;
        -webkit-transition: 0.1s ease-in-out;
        transition: 0.1s ease-in-out;
        color: #fff !important;
    }

.remove-image {
    display: none;
    position: absolute;
    border-radius: 10em;
    margin-left: -12px;
    padding: 3px 7px 3px;
    text-decoration: none;
    font: 600 14px sans-serif;
    background: #525252;
    color: #fff;
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
}

    .remove-image:hover {
        background: #000;
        padding: 3px 7px 3px;
        color: #fff !important;
        margin-right: -12px;
    }

    .remove-image:active {
        background: #000;
        color: #fff !important;
        margin-right: -12px;
    }

.selectSearch {
    width: 100% !important;
}

.dashboard-data-info {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .dashboard-data-info .box-body {
        background: #001234;
        border-radius: 4px !important;
        padding: 8px 30px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        position: fixed;
        top: 40px;
        margin: 0px;
        right: 15px;
        z-index: 99999;
        -webkit-animation: data-blink-1 1.5s ease-in-out infinite both;
        animation: data-blink-1 1.5s ease-in-out infinite both;
    }

@-webkit-keyframes data-blink-1 {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes data-blink-1 {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@media screen and (max-width: 768px) {
    .content-main {
        margin-right: 0px !important;
    }
}

@media screen and (min-width: 1024px) {
    .content-inscreen-section {
        position: fixed !important;
        margin-bottom: 25px;
    }

        .content-inscreen-section .closebtn {
            line-height: 1.1;
        }
}

.expand-btn .expand-text {
    -webkit-box-shadow: 0 0 10px #aeaeae8a;
    box-shadow: 0 0 10px #aeaeae8a;
    max-width: 0;
    -webkit-transition: max-width 0.5s;
    transition: max-width 0.5s;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
}

.expand-btn:hover .expand-text {
    max-width: 7rem;
}

.tmm-hint {
    width: inherit;
    margin-top: 10px;
    margin: auto;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

    .tmm-hint .link {
        font-weight: 500;
        color: #2196f3;
    }

.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: #fff;
    background: #06a9d7;
    border-radius: 2px;
    padding: 1px 2px;
    font-size: 13px;
    word-break: break-all;
}

.bootstrap-tagsinput {
    width: 100%;
}

.display-hidden-box {
    display: none;
}

.tmm-details-modal .list-item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    padding: 0.45rem 0.3rem;
    position: relative;
}

.download-overlay-content .tmm-config {
    overflow: hidden;
}

.tmm-configuration-main {
    height: calc(80vh - 70px);
    padding: 0px;
    overflow-y: scroll;
}

    .tmm-configuration-main .empty-img {
        width: 100px;
        margin-top: 20px;
    }

.tmm-configuration-section {
    -webkit-box-shadow: none;
    box-shadow: none;
    bottom: 0;
    right: 0;
    padding: 5px;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #ddd;
}

    .tmm-configuration-section .box {
        margin-bottom: 0;
        border: 1px solid #2196f3;
        border-radius: 5px;
    }

.tmm-row-data .tmm-table-td {
    height: inherit !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 8px;
}

.tmm-row-data .action-list {
    position: relative;
    float: right;
}

.tmm-config {
    padding-right: 10px;
    padding-left: 10px;
}

.fm-details-page table tbody tr td {
    word-break: inherit !important;
}

tr.bg-ga-highlight {
    background: #e8ffed !important;
}

/* Boostrap tag design custom */
.bootstrap-tagsinput .tmm-noneditable {
    background: #ddd !important;
    color: #848484 !important;
}

    .bootstrap-tagsinput .tmm-noneditable [data-role="remove"] {
        display: none !important;
    }

ul.inventory-list-opitons {
    padding-left: 20px;
}

ul.inventory-list-opitons-2 {
    padding-left: 20px;
}

.text-small {
    font-size: 40%;
    vertical-align: inherit;
}

.warning-section {
    margin: 5px 0px;
    text-align: center;
    color: #000000;
    padding: 10px;
    border-radius: 3px;
    border: 1px dashed #007bff57;
}

.option-configure-modal .options-list-table td {
    word-break: break-all !important;
}

    .option-configure-modal .options-list-table th,
    .option-configure-modal .options-list-table td:last-child {
        max-width: 200px;
        min-width: 150px;
    }

.option-configure-modal .options-list-table .btn {
    padding: 3px 6px !important;
}

.option-configure-modal .options-list-table .btn-outline-danger {
    color: #dc3545;
}

    .option-configure-modal .options-list-table .btn-outline-danger:hover {
        color: #fff;
    }

.option-configure-modal .alert-default {
    border: 1px solid #ededed;
    background: #fafafa;
}

.option-configure-modal i.ga-admin {
    color: #FF9800;
}

.option-configure-modal i.org-admin {
    color: #673AB7;
}

.option-configure-modal .create-by-admin {
    border-left: 3px solid #FF9800;
}

    .option-configure-modal .create-by-admin td {
        background: #fff9f030;
    }

.option-configure-modal .create-by-org-admin {
    border-left: 3px solid #673AB7;
}

    .option-configure-modal .create-by-org-admin td {
        background: #f3f0fa30;
    }

.grouped-list-items {
    margin-bottom: 7px;
    border: 1.7px solid #06a9d7 !important;
    border-radius: 5px;
    padding: 7px 0px 5px 7px;
    background: #fff;
}

    .grouped-list-items .group-name {
        color: #000000;
        margin-left: 6px;
        padding-bottom: 5px;
        cursor: pointer;
        margin-right: 10px;
    }

        .grouped-list-items .group-name #toggleIcon {
            color: #06a9d7;
            border-radius: 2px;
        }

        .grouped-list-items .group-name h5.group-item-link {
            text-overflow: ellipsis;
            /* text-align: left; */
            overflow: hidden;
            white-space: nowrap;
            width: 175px;
            font-size: 12px;
            line-height: 3;
            margin-bottom: 0;
        }

    .grouped-list-items a:hover {
        color: #007bff !important;
        font-weight: 500 !important;
    }

    .grouped-list-items a h5.group-item-link {
        text-overflow: ellipsis;
        /* text-align: left; */
        overflow: hidden;
        white-space: nowrap;
        width: 145px;
        float: left;
        font-size: 12px;
        line-height: 2;
        margin-bottom: 0;
    }

.empty-list-group-item {
    text-align: center;
    margin: 10px auto;
}

    .empty-list-group-item i {
        font-size: 18px;
    }

.ctsi-grouped {
    border-top: 1px solid #ebeaea;
    margin-right: 10px;
}

.group-active-tab .group-list-items {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}

    .group-active-tab .group-list-items li a {
        padding-left: 16px !important;
        margin-right: 6px;
        font-size: 12px;
        font-weight: 400;
    }

        .group-active-tab .group-list-items li a h5.group-item-link {
            text-overflow: ellipsis;
            /* text-align: left; */
            overflow: hidden;
            white-space: nowrap;
            width: 145px;
            float: left;
            font-size: 12px;
            line-height: 3;
        }

    .group-active-tab .group-list-items .group-item-tooltip {
        position: relative;
        display: inline-block;
    }

        .group-active-tab .group-list-items .group-item-tooltip .tooltip-text {
            visibility: hidden;
            white-space: nowrap;
            background-color: #001234;
            color: #fff;
            text-align: left;
            font-weight: 400;
            border-radius: 3px;
            padding: 4px 13px;
            position: absolute;
            z-index: 1;
            top: 9px;
            left: 242%;
            margin-left: -60px;
            opacity: 0;
            -webkit-transition: opacity 0.3s;
            transition: opacity 0.3s;
        }

@keyframes autohide {
    0%, 75% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.group-active-tab .group-list-items li.tab-active a {
    color: #007bff;
    font-weight: 500;
}

.list-item-hint {
    background-color: #f3f7fc;
    border-color: #f3f7fc;
    padding: 0.45rem 0.70rem;
}

    .list-item-hint .media-body {
        font-weight: 400;
    }

.group-inactive-tab {
    margin-bottom: 7px;
    border: 1.7px solid #e7e7e7 !important;
    border-radius: 5px;
    padding: 7px 0px 5px 7px;
    background: #fafafa;
}

    .group-inactive-tab .group-list-items {
        -webkit-padding-start: 0;
        padding-inline-start: 0;
    }

        .group-inactive-tab .group-list-items li a {
            padding-left: 16px !important;
            margin-right: 6px;
            font-size: 12px;
            font-weight: 400;
        }

.fixed-tbl {
    max-width: calc(100vw - 335px);
    min-width: 100%;
}

.tbl-w-1 {
    padding: 10px 3px !important;
}

.tbl-w-2 {
    width: 90px !important;
}

.tbl-w-3 {
    width: 135px !important;
}

.tbl-w-7 {
    width: 165px !important;
}

.list-icon-size-1 {
    font-size: 18px;
    height: 20px;
    width: 20px;
}

.track-timeline .progress-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.track-timeline .progress-category-icon {
    width: 40px;
    height: 40px;
    background: rgba(33, 150, 243, 0.18);
    color: #2196f3;
    position: relative;
    line-height: 1;
    border-radius: 500px;
    white-space: nowrap;
    font-weight: 700;
    font-size: 14px;
    border-radius: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #21a3f6;
    background: #fff;
    z-index: 1025 !important;
}

.track-timeline .progress-category-title {
    margin-top: 7px;
    color: #3f3f3f;
    font-size: 13px;
}

.track-timeline .timeline {
    white-space: nowrap;
    overflow-x: auto;
    padding: 0px 0 0 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

    .track-timeline .timeline .sr-status-completed::after {
        background: #28a745;
    }

    .track-timeline .timeline .sr-status-completed::before {
        background: #28a745;
    }

    .track-timeline .timeline .sr-status-completed .progress-category-icon {
        background: #b0e7bc;
        border: 1.2px solid;
        color: #28a745;
    }

        .track-timeline .timeline .sr-status-completed .progress-category-icon::before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f058";
            position: absolute;
            top: 2px;
            z-index: 9999;
            left: 30px;
            color: #28a745;
            background: #ffffff;
            border-radius: 100%;
            font-size: 13px;
        }

    .track-timeline .timeline .sr-status-inprogress::after {
        background: #ffa700;
    }

    .track-timeline .timeline .sr-status-inprogress::before {
        background: #ffa700;
    }

    .track-timeline .timeline .sr-status-inprogress .progress-category-icon {
        background: #ffd077;
        color: #be7f07;
    }

        .track-timeline .timeline .sr-status-inprogress .progress-category-icon::before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f2f2";
            position: absolute;
            top: 2px;
            z-index: 9999;
            left: 30px;
            color: #1e2835;
            background: #ffffff;
            border-radius: 100%;
            font-size: 13px;
        }

    .track-timeline .timeline .sr-status-pending .progress-category-icon::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f056";
        position: absolute;
        top: 2px;
        z-index: 9999;
        left: 30px;
        color: #1e2835;
        background: #ffffff;
        border-radius: 100%;
        font-size: 13px;
    }

.track-timeline .progress-item {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    text-align: center;
    position: relative;
    min-width: 100px;
    max-width: 200px;
}

    .track-timeline .progress-item:after {
        content: "";
        display: block;
        background: #d0d0d0;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        position: absolute;
        left: 50%;
        top: -27px;
        margin-left: -6px;
    }

    .track-timeline .progress-item:before {
        content: "";
        display: block;
        background: #989898;
        width: 2.5px;
        height: 20px;
        position: absolute;
        left: 50%;
        top: -20px;
        margin-left: -2px;
    }

.track-timeline .bar {
    height: 2px;
    background: #dcdcdc;
    width: 100%;
    position: relative;
    top: 22px;
    left: 0;
}

.track-timeline .progress-done-by {
    color: #464646;
    border-width: thin;
}

.track-timeline .task-done-date {
    color: #767676;
    font-size: 11px;
}

.tmmmodal {
    background: #0000004d;
}

.file-items .file-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
    border-radius: 4px;
    padding: .5rem 1rem;
    background-color: #f4f6fa;
}

    .file-items .file-item .file-name {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        font-size: .9rem;
        font-weight: 500;
        color: #595d6e;
        text-overflow: ellipsis;
        margin-right: .5rem;
        overflow: hidden;
        width: 100%;
        display: inline-block;
        margin-right: .5rem;
    }

    .file-items .file-item .file-action {
        margin-left: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

        .file-items .file-item .file-action .download-file {
            font-size: .8rem;
            color: #7d8efa;
        }

.ctsi-track-page .track-filters {
    margin-bottom: 20px;
}

    .ctsi-track-page .track-filters .filter-list .filter-btn .badge {
        padding: 0.15em 0.3em;
        border-radius: 2px !important;
        margin-right: 6px;
        font-size: 11px;
    }

    .ctsi-track-page .track-filters .filter-list .filtered {
        background: #004eff;
        color: #fff;
        padding: 5px 10px;
    }

        .ctsi-track-page .track-filters .filter-list .filtered:after {
            font-family: "Font Awesome 5 Free";
            content: "\f058";
            display: inline-block;
            vertical-align: middle;
            font-weight: 900;
            font-size: 11px;
            top: -10px;
            right: -11px;
            position: relative;
            color: #fff;
        }

    .ctsi-track-page .track-filters .status-filters .list-group-item {
        padding: 3px 6px;
    }

    .ctsi-track-page .track-filters .status-filters .control_indicator {
        height: 18px;
        width: 18px;
    }

    .ctsi-track-page .track-filters .status-filters .dropdown-menu {
        padding: 0px 0px;
    }

    .ctsi-track-page .track-filters .status-filters .cs-checkbox .control_indicator:after {
        left: 6px;
        top: 2px;
    }

    .ctsi-track-page .track-filters .status-filters span.badge-btn {
        padding: 0px 4px;
        border-radius: 3px;
        background: #004eff;
        color: #fff;
        font-size: 10px;
    }

.ctsi-track-page .track-quick-view {
    background: white;
    width: 60%;
    height: inherit;
    position: absolute;
    z-index: 99 !important;
    top: 50px;
    left: 25%;
    border-radius: 4px;
    border: 1.7px solid #b6b6b6bf;
    -webkit-box-shadow: 0px 2px 12px #0000000d;
    box-shadow: 0px 2px 12px #0000000d;
}

.ctsi-track-page .track-patient-details .patient-header {
    padding: 5px 25px;
    -webkit-box-shadow: 0 3px 6px -6px #777;
    box-shadow: 0 3px 6px -6px #777;
    border-bottom: 1px solid #f9fafa;
    background: #f3f9ff;
}

    .ctsi-track-page .track-patient-details .patient-header .org-name {
        background-color: #dbeaf9;
        padding: 5px 12px;
        border-radius: 4px;
        color: #0681fb;
    }

.ctsi-track-page .track-patient-details .info-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    padding: 10px 25px;
    border-bottom: 1px solid #f9fafa;
}

    .ctsi-track-page .track-patient-details .info-header .profile-sec {
        background-color: #eaefff;
        padding: 5px 10px;
        padding-left: 30px;
        margin-left: -25px;
        width: 175px;
        max-width: 220px;
        border-radius: 5px;
    }

        .ctsi-track-page .track-patient-details .info-header .profile-sec .right-sub-name {
            font-weight: 600;
            color: #17a2b8;
        }

.ctsi-track-page .track-patient-details .info-body {
    padding: 10px 25px;
    height: inherit;
    max-height: 65vh;
    overflow: scroll;
}

.ctsi-track-page .track-patient-details .info-footer {
    padding: 10px 25px;
    -webkit-box-shadow: 0 3px 6px -6px #777;
    box-shadow: 0 3px 6px -6px #777;
    border-top: 3px solid #f9fafa;
}

.ctsi-track-page .track-patient-details .p-info .p-id {
    font-size: 14px;
    color: #2d9bf3;
}

.ctsi-track-page .track-patient-details .navigate-user .pagination-sm {
    margin-top: 0;
    margin-bottom: 0;
}

.ctsi-track-page .track-patient-details .navigate-user .page-link {
    padding: 0;
    font-size: .875rem;
    border-radius: 30px !important;
    margin: 2px 4px;
    width: 35px;
    height: 35px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .ctsi-track-page .track-patient-details .navigate-user .page-link.first-link, .ctsi-track-page .track-patient-details .navigate-user .page-link.last-link {
        cursor: auto;
        background-color: #f3f0f0 !important;
    }

.ctsi-track-page .track-patient-details .navigate-user .close-qv .page-link {
    background: #fafafa !important;
    color: black !important;
}

    .ctsi-track-page .track-patient-details .navigate-user .close-qv .page-link:hover {
        color: red !important;
    }

.ctsi-track-page .track-patient-details .detail-icon {
    padding: 5px;
}

.ctsi-track-page .track-patient-details .tx-deadline {
    background: #fcfcfc;
    padding: 0px 0px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

    .ctsi-track-page .track-patient-details .tx-deadline .tx-date-info {
        margin-left: 10px;
        font-size: 14px;
    }

        .ctsi-track-page .track-patient-details .tx-deadline .tx-date-info i {
            font-size: 18px;
            margin-right: 6px;
        }

    .ctsi-track-page .track-patient-details .tx-deadline .tx-label {
        font-weight: normal;
    }

    .ctsi-track-page .track-patient-details .tx-deadline .tx-date {
        font-weight: 600;
        color: #627384;
    }

    .ctsi-track-page .track-patient-details .tx-deadline .counts {
        text-align: center;
        background: #ededed;
        padding: 6px 10px;
        border-radius: 0px 3px 3px 0px;
    }

        .ctsi-track-page .track-patient-details .tx-deadline .counts .number {
            font-size: 16px;
            font-weight: 600;
            color: #000;
        }

        .ctsi-track-page .track-patient-details .tx-deadline .counts .ct-label {
            font-size: 10px;
        }

.ctsi-track-page .track-patient-details .info-body .operator-info {
    border: 1px solid #f6f6f6;
    padding: 3px 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .ctsi-track-page .track-patient-details .info-body .operator-info .square-icon {
        background: #fafafa;
        padding: 3px 6px;
        color: #008399;
        font-size: 18px;
        border-radius: 4px;
    }

        .ctsi-track-page .track-patient-details .info-body .operator-info .square-icon .status-icon {
            width: 20px;
            height: 20px;
            margin-top: -4px;
        }

    .ctsi-track-page .track-patient-details .info-body .operator-info .phy-info {
        margin-left: 10px;
        display: block;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

        .ctsi-track-page .track-patient-details .info-body .operator-info .phy-info .info-label {
            font-size: 12px;
            font-weight: 400;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

    .ctsi-track-page .track-patient-details .info-body .operator-info .phy-name {
        color: black;
        margin-top: -2px;
        text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.ctsi-track-page .track-collapse-icon {
    background: #d7d7d7;
    padding: 0px 4px;
    margin-left: 5px;
    border: 10px;
    color: #747474;
    margin-top: -6px;
}

.ctsi-track-page .rotate-icon-90 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ctsi-track-page .track-completed-tasks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    background: #fafafa;
    border-radius: 3px;
    padding: 4px 8px;
    margin-bottom: 10px;
}

    .ctsi-track-page .track-completed-tasks[aria-expanded="true"] {
        background: #d4e9fe;
    }

.ctsi-track-page .track-uncompleted-tasks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    background: #fafafa;
    border-radius: 3px;
    padding: 4px 8px;
    margin-bottom: 10px;
}

    .ctsi-track-page .track-uncompleted-tasks[aria-expanded="true"] {
        background: #d4e9fe;
    }

.ctsi-track-page .track-upcoming-tasks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    background: #fafafa;
    border-radius: 3px;
    padding: 4px 8px;
    margin-bottom: 10px;
}

    .ctsi-track-page .track-upcoming-tasks[aria-expanded="true"] {
        background: #d4e9fe;
    }

.ctsi-main-dashboard .info-chart-card {
    background: #f1f3f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    padding: 12px 20px;
}

    .ctsi-main-dashboard .info-chart-card .info-icon {
        color: #183c67;
        font-size: 20px;
        margin-right: 15px;
    }

    .ctsi-main-dashboard .info-chart-card .info-text {
        color: #183c67;
    }

    .ctsi-main-dashboard .info-chart-card .info-action {
        margin-left: 10px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

        .ctsi-main-dashboard .info-chart-card .info-action .btn-primary {
            background: #183c67;
            border: none;
        }

.ctsi-main-dashboard .stat-card {
    margin-bottom: 10px;
}

    .ctsi-main-dashboard .stat-card .card-body {
        padding: 14px 20px;
    }

    .ctsi-main-dashboard .stat-card .stat-card-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    .ctsi-main-dashboard .stat-card .title {
        font-size: 12px;
        font-weight: 400;
    }

    .ctsi-main-dashboard .stat-card .dash-counts {
        font-size: 26px;
        color: #000;
    }

    .ctsi-main-dashboard .stat-card .up-down-status {
        font-size: 10px;
    }

.ctsi-main-dashboard .add-stat-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background: none;
    border: 1px dashed #bababa;
    min-height: 100px;
}

    .ctsi-main-dashboard .add-stat-card:hover {
        background: #fff;
        border: 1px solid #06a9d7;
    }

.ctsi-main-dashboard .stat-nav-card {
    margin-bottom: 20px;
}

    .ctsi-main-dashboard .stat-nav-card .card-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

        .ctsi-main-dashboard .stat-nav-card .card-body .right-content {
            /*margin-right: 10px;*/
            text-align: right;
        }

    .ctsi-main-dashboard .stat-nav-card .stat-nav-icon {
        position: relative;
        line-height: 1;
        white-space: nowrap;
        font-weight: 700;
        border-radius: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 500px;
        width: 40px;
        height: 40px;
        background-color: #e91e63;
        color: rgba(255, 255, 255, 0.85);
    }

        .ctsi-main-dashboard .stat-nav-card .stat-nav-icon.bg-blue-grey {
            background-color: #607d8b;
            color: rgba(255, 255, 255, 0.85);
        }

    .ctsi-main-dashboard .stat-nav-card .stat-counts {
        font-size: 17px;
        font-weight: 700;
        color: #000;
    }

    .ctsi-main-dashboard .stat-nav-card .stat-caption {
        font-size: 13px;
        color: #a7a7a7;
    }

    .ctsi-main-dashboard .stat-nav-card:hover {
        border: 1.2px solid #2d9bf3;
        -webkit-box-shadow: 0px 2px 7px #00000008;
        box-shadow: 0px 2px 7px #00000008;
    }

.ctsi-main-dashboard .main-chart-card {
    margin-bottom: 20px;
}

    .ctsi-main-dashboard .main-chart-card .card-title {
        font-size: 15px;
        color: #000;
        margin-bottom: 20px;
    }

.operational-dashboard .stat-nav-card .chart-area {
    max-width: 180px;
    overflow: hidden;
}

.operational-dashboard .stat-nav-card .right-content .caption {
    color: #000;
    font-size: 16px;
}

.modal-full {
    min-width: 100%;
    margin: 0;
}

.card-table {
    overflow: hidden;
    overflow-x: scroll;
}

.ctsi-full-page-modal {
    padding: 0px !important;
    overflow-y: inherit !important;
}

    .ctsi-full-page-modal .close-btn {
        font-size: 26px;
        position: absolute;
        right: 20px;
        top: 20px;
        color: #6f6f6f;
        z-index: 999999999 !important;
    }

    .ctsi-full-page-modal .modal-content {
        border-radius: 0 !important;
    }

    .ctsi-full-page-modal .modal-body {
        min-height: 100vh;
    }

.popup-statistcis .card-header {
    padding: 0.65rem 1rem;
    margin-bottom: 0;
    color: #3c3c3c;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.popup-statistcis .tiny-count-card {
    margin-bottom: 10px;
}

    .popup-statistcis .tiny-count-card .caption {
        font-size: 12px;
    }

    .popup-statistcis .tiny-count-card .counts {
        font-size: 16px;
        color: #000;
    }

    .popup-statistcis .tiny-count-card .up-down-status {
        font-size: 10px;
        margin-top: 2px;
    }

.popup-statistcis #container001 {
    height: 300px;
}

.full-stat-modal .stat-lists .list-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.full-stat-modal .stat-lists .dash-counts-modal {
    font-size: 14px;
    font-weight: 700;
    color: black;
}

.full-stat-modal .stat-lists .up-down-status {
    font-size: 10px;
}

.full-stat-modal .stat-lists .stat-info {
    margin-left: 15px;
}

.full-stat-modal .stat-lists .stat-action {
    margin-left: auto;
}

table.dataTable thead > tr > th.sorting {
    padding: .75rem !important;
}

.right-menu {
    float: right;
    padding: 0;
    width: 650px;
    -webkit-box-shadow: 0 6px 10px #dee3e8;
    box-shadow: 0 6px 10px #dee3e8;
}

    .right-menu .list-item {
        padding: 0;
    }

    .right-menu .box {
        margin-bottom: 0;
    }

.own-name {
    font-size: 12px;
    font-weight: 400;
}

.filter-group .badge {
    top: -1.75rem;
}

.dt-custom tbody tr td span {
    word-break: break-word;
}

.clinic-name {
    word-break: break-word;
}

.dash-activity {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .dash-activity .dash-activity-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 5px 0 10px;
        position: relative;
        min-height: 70px;
    }

        .dash-activity .dash-activity-item:before {
            content: '';
            position: absolute;
            top: 50px;
            bottom: 0;
            left: 20px;
            border-left: 2px dotted #c0ccda;
        }

        .dash-activity .dash-activity-item .dash-activity-icon {
            width: 40px;
            height: 40px;
            background-color: #e5e9f2;
            border-radius: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            color: #8392a5;
        }

            .dash-activity .dash-activity-item .dash-activity-icon.bg-success-light {
                background-color: rgba(16, 183, 89, 0.18);
            }

            .dash-activity .dash-activity-item .dash-activity-icon.bg-indigo-light {
                background-color: rgba(91, 71, 251, 0.18);
            }

            .dash-activity .dash-activity-item .dash-activity-icon.bg-warning-light {
                background-color: rgba(253, 126, 20, 0.18);
            }

            .dash-activity .dash-activity-item .dash-activity-icon.bg-success-light {
                background-color: rgba(16, 183, 89, 0.18);
            }

            .dash-activity .dash-activity-item .dash-activity-icon.bg-primary-light {
                background-color: rgba(1, 104, 250, 0.15);
            }

            .dash-activity .dash-activity-item .dash-activity-icon.bg-pink-light {
                background-color: rgba(241, 0, 117, 0.18);
            }

            .dash-activity .dash-activity-item .dash-activity-icon.tx-pink {
                color: #f10075;
            }

            .dash-activity .dash-activity-item .dash-activity-icon.tx-orange {
                color: #fd7e14;
            }

            .dash-activity .dash-activity-item .dash-activity-icon.tx-success {
                color: #10b759;
            }

            .dash-activity .dash-activity-item .dash-activity-icon.tx-primary {
                color: #0168fa;
            }

        .dash-activity .dash-activity-item .dash-activity-body {
            margin-left: 15px;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            color: #5c6c7f;
        }

            .dash-activity .dash-activity-item .dash-activity-body small {
                font-size: 11px;
            }

/*.highcharts-color-0
{
  fill: #97e3cf;
  stroke: #97e3cf;
}
 .highcharts-color-1  
{
  fill: #90ed7d;
  stroke: #90ed7d;
}
 
.highcharts-color-2
{
  fill: #5cacf8;
  stroke: #5cacf8;
}
 
.highcharts-color-3
{
  fill: #eeb2b2;
  stroke: #eeb2b2;
}
.highcharts-color-4
{
  fill: #058DC7;
  stroke: #058DC7;
}
.highcharts-color-5
{
  fill: #a5aad9;
  stroke: #a5aad9;
}
.highcharts-color-6
{
  fill: #9b59b6;
  stroke: #9b59b6;
}

.highcharts-color-7
{
  fill: #9b59b6;
  stroke: #9b59b6;
}
.highcharts-color-8
{
  fill: #9b59b6;
  stroke: #9b59b6;
}
.highcharts-legend  text
{
  font-weight: 100!important;
  fill: transparent!important;
  font-size: 12px!important;
  box-shadow: none!important;
  text-shadow: none!important;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif!important;  
}
*/
.main-chart-card.bg-1 {
    border: 1.5px dotted #fff;
    -webkit-box-shadow: 0 3px 12px -6px rgba(0, 0, 0, 0.54);
    box-shadow: 0 3px 12px -6px rgba(0, 0, 0, 0.54);
}

.main-chart-card:hover {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
    box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
    border: 1.5px solid #2d9bf3;
}

.main-chart-card:before {
    content: "";
    position: absolute;
    z-index: -1;
    height: 32px;
    width: 32px;
    border-radius: 32px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 0.15s ease-out;
    transition: -webkit-transform 0.15s ease-out;
    transition: transform 0.15s ease-out;
    transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
}

.main-chart-card:hover:before {
    -webkit-transform: scale(2);
    transform: scale(2);
}

.contactrow .list-item {
    border-bottom: 1px dotted #ddd;
}

.contactrow::last-child {
    border-bottom: none !important;
}

.img-contact {
    border-radius: 50%;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px, rgba(0, 0, 0, 0.19) 0px 3px 7px 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px, rgba(0, 0, 0, 0.19) 0px 3px 7px 0px;
    float: left;
    margin-right: 10px;
    margin-top: 0px;
    overflow: hidden;
    width: 64px;
    height: 64px;
}

.img-circle-contact {
    max-width: 64px;
    min-width: 50px;
}

#divNetworkContacts {
    height: 385px;
    overflow: scroll;
}

.opacity-1 {
    opacity: 0.2;
}

.pwd {
    -webkit-text-security: disc;
}

#toTop {
    padding: 5px 3px;
    color: #fff;
    position: fixed;
    bottom: 0px;
    right: 10px;
    display: none;
    cursor: pointer;
    z-index: 99999;
}

    #toTop img {
        width: 35px;
        height: 35px;
    }

.right-sidenav-overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1040;
    top: 0;
    right: 0;
    background-color: #fdfdfd;
    overflow-x: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    /*padding-top: 60px;*/
    text-align: left;
    -webkit-box-shadow: #c5c5c5 0 0 8px;
    box-shadow: #c5c5c5 0 0 8px;
}

    .right-sidenav-overlay .right-sidebar-overlay-content {
        margin-bottom: 25px;
    }

        .right-sidenav-overlay .right-sidebar-overlay-content .right-sidebar-header-overlay {
            border-bottom: 1px solid #f7f7f7;
            padding: 10px;
        }

            .right-sidenav-overlay .right-sidebar-overlay-content .right-sidebar-header-overlay .title {
                color: #001234;
                font-weight: 600;
                font-size: 15px;
            }

            .right-sidenav-overlay .right-sidebar-overlay-content .right-sidebar-header-overlay .closebtn {
                position: absolute;
                float: right;
                right: 6px;
                top: 8px;
                font-size: 20px;
                margin-left: 10px;
                background: #d6d6d6;
                width: 25px;
                height: 25px;
                line-height: 1;
                text-align: center;
                border-radius: 40px;
            }

.fp-actions {
    margin: 0 4px;
    float: left;
}

#fptable td {
    padding: 5px 0.75rem;
}

.fptable thead th.tblw-60,
.fptable tbody td.tblw-60 {
    width: 60px;
}

.fptable thead th.tblw-135,
.fptable tbody td.tblw-135 {
    width: 135px;
}

.fptable thead th.tblw-75,
.fptable tbody td.tblw-75 {
    width: 75px;
}

.fptable thead.text-primary tr th {
    color: #53a6fa !important;
    font-weight: 600;
}

.rotate-1 {
    -webkit-transform: rotate(320deg);
    transform: rotate(320deg);
}

.bb-1 {
    border-bottom: 1px solid #ddd;
    padding-top: 5px;
}

.track-status .sl-task {
    font-size: 13px;
    font-weight: 600;
    color: #001234;
}

    .track-status .sl-task .aria-label {
        font-size: 13px;
        color: #8970ef;
    }

        .track-status .sl-task .aria-label i {
            font-size: 6px;
            vertical-align: middle;
        }

.track-status .list-item {
    padding: 5px;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
}

.track-status .old-badge {
    background: #ececec;
    color: #818a94;
    font-size: 10px;
    font-weight: 600;
    border-radius: 5px;
}

.track-status .new-badge {
    background: #e4ffea;
    color: #05cf20;
    font-size: 10px;
    font-weight: 600;
    border-radius: 5px;
}

.quick-link .dropdown-menu.dropdown-menu-xl {
    min-width: 30em;
}

.quick-link .btn-icon-vertical {
    padding: 1rem 0;
}

    .quick-link .btn-icon-vertical .btn-icon-wrapper {
        display: block;
        font-size: 200%;
        margin: 5px 0;
        opacity: .6;
    }

    .quick-link .btn-icon-vertical .btn-icon-wrapper {
        display: block;
        font-size: 200%;
        margin: 5px 0;
        opacity: .6;
    }

.quick-link .btn-transition.btn-outline-link {
    border-color: transparent;
    background-color: transparent;
}

    .quick-link .btn-transition.btn-outline-link .btn-icon-wrapper {
        color: #efefef;
    }

.quick-link .bg-night-fade {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#3C8BEB), to(#55B6EF)) !important;
    background-image: linear-gradient(to top, #3C8BEB 0%, #55B6EF 100%) !important;
}

.quick-link .icon-gradient {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.quick-link .btn-transition.btn-outline-link:hover {
    color: #fd9723;
    background: #f8f9fa;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-box-shadow: inset 0 -10rem 0 rgba(232, 232, 232, 0.2) !important;
    box-shadow: inset 0 -10rem 0 rgba(232, 232, 232, 0.2) !important;
    opacity: 1;
}

    .quick-link .btn-transition.btn-outline-link:hover .bg-night-fade {
        background-image: -webkit-gradient(linear, left bottom, left top, from(#FF8303), to(#FFAF42)) !important;
        background-image: linear-gradient(to top, #FF8303 0%, #FFAF42 100%) !important;
    }

    .quick-link .btn-transition.btn-outline-link:hover .icon-gradient {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.quick-link .btn-square {
    border-radius: 0 !important;
}

.quick-link .dropdown .dropdown-menu.dropdown-menu-xl {
    padding: 0 !important;
    -webkit-box-shadow: 2px 7px 7px rgba(119, 119, 119, 0.36);
    box-shadow: 2px 7px 7px rgba(119, 119, 119, 0.36);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.quick-link .btn-transition {
    color: #6c757d;
    border-color: #e9ecef;
    background-color: none;
    font-size: 12px;
}

.quick-link .grid-menu [class*="col-"] {
    border-right: #dee2e6 solid 0;
    border-bottom: #dee2e6 solid 1px;
}

    .quick-link .grid-menu [class*="col-"]:hover {
        z-index: 5;
    }

@media (min-width: 576px) {
    .grid-menu [class*="col-"]:nth-last-child(-n+2) {
        border-bottom-width: 0;
    }

    .grid-menu [class*="col-"]:nth-child(1n) {
        border-right-width: 1px;
    }

    .grid-menu [class*="col-"]:nth-child(2n) {
        border-right-width: 0;
    }
}

.grid-menu [class*="col-"]:nth-last-child(-n+1) {
    border-bottom-width: 0;
}

@media (min-width: 1200px) {
    .grid-menu.grid-menu-3col [class*="col-"]:nth-child(2n) {
        border-right-width: 1px;
    }
}

.grid-menu .btn {
    display: block;
    border: 0;
    min-width: 100%;
}

.dt-green .dt-success {
    background-color: #e5ffeb;
    padding: 5px;
    border-radius: 5px;
    margin: 0;
}

    .dt-green .dt-success .green-timer {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        position: relative;
        background-color: transparent;
        -webkit-box-shadow: inset 0px 0px 0px 2px rgba(40, 167, 69, 0.6);
        box-shadow: inset 0px 0px 0px 2px rgba(40, 167, 69, 0.6);
    }

        .dt-green .dt-success .green-timer:after, .dt-green .dt-success .green-timer:before {
            position: absolute;
            content: "";
            background-color: rgba(40, 167, 69, 0.6);
        }

        .dt-green .dt-success .green-timer:after {
            width: 8px;
            height: 2px;
            top: 9px;
            left: 9px;
            -webkit-transform-origin: 1px 1px;
            transform-origin: 1px 1px;
            -webkit-animation: minhand 2s linear infinite;
            animation: minhand 2s linear infinite;
        }

        .dt-green .dt-success .green-timer:before {
            width: 6px;
            height: 2px;
            top: 9px;
            left: 9px;
            -webkit-transform-origin: 1px 1px;
            transform-origin: 1px 1px;
            -webkit-animation: hrhand 8s linear infinite;
            animation: hrhand 8s linear infinite;
        }

@-webkit-keyframes minhand {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes minhand {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes hrhand {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes hrhand {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.dt-green .dt-success .green-timer-alt {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: relative;
    background-color: transparent;
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(40, 167, 69, 0.6);
    box-shadow: inset 0px 0px 0px 2px rgba(40, 167, 69, 0.6);
}

    .dt-green .dt-success .green-timer-alt:after, .dt-green .dt-success .green-timer-alt:before {
        position: absolute;
        content: "";
        background-color: rgba(40, 167, 69, 0.6);
    }

    .dt-green .dt-success .green-timer-alt:after {
        width: 8px;
        height: 2px;
        top: 9px;
        left: 9px;
        -webkit-transform-origin: 1px 1px;
        transform-origin: 1px 1px;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-90deg);
    }

    .dt-green .dt-success .green-timer-alt:before {
        width: 6px;
        height: 2px;
        top: 9px;
        left: 9px;
        -webkit-transform-origin: 1px 1px;
        transform-origin: 1px 1px;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

.dt-green .dt-label {
    color: green;
    background-color: #e5ffeb;
    padding: 5px;
    border-radius: 5px;
    margin: 0;
}

.dt-red .dt-danger {
    background-color: #fbdfe2;
    padding: 5px;
    border-radius: 5px;
    margin: 0;
}

    .dt-red .dt-danger .red-timer {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        position: relative;
        background-color: transparent;
        -webkit-box-shadow: inset 0px 0px 0px 2px rgba(220, 53, 69, 0.6);
        box-shadow: inset 0px 0px 0px 2px rgba(220, 53, 69, 0.6);
    }

        .dt-red .dt-danger .red-timer:after, .dt-red .dt-danger .red-timer:before {
            position: absolute;
            content: "";
            background-color: rgba(220, 53, 69, 0.6);
        }

        .dt-red .dt-danger .red-timer:after {
            width: 8px;
            height: 2px;
            top: 9px;
            left: 9px;
            -webkit-transform-origin: 1px 1px;
            transform-origin: 1px 1px;
            -webkit-animation: minhand 2s linear infinite;
            animation: minhand 2s linear infinite;
        }

        .dt-red .dt-danger .red-timer:before {
            width: 6px;
            height: 2px;
            top: 9px;
            left: 9px;
            -webkit-transform-origin: 1px 1px;
            transform-origin: 1px 1px;
            -webkit-animation: hrhand 8s linear infinite;
            animation: hrhand 8s linear infinite;
        }

@-webkit-keyframes minhand {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes minhand {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes hrhand {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes hrhand {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.dt-red .dt-danger .red-timer-alt {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: relative;
    background-color: transparent;
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(220, 53, 69, 0.6);
    box-shadow: inset 0px 0px 0px 2px rgba(220, 53, 69, 0.6);
}

    .dt-red .dt-danger .red-timer-alt:after, .dt-red .dt-danger .red-timer-alt:before {
        position: absolute;
        content: "";
        background-color: rgba(220, 53, 69, 0.6);
    }

    .dt-red .dt-danger .red-timer-alt:after {
        width: 8px;
        height: 2px;
        top: 9px;
        left: 9px;
        -webkit-transform-origin: 1px 1px;
        transform-origin: 1px 1px;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-90deg);
    }

    .dt-red .dt-danger .red-timer-alt:before {
        width: 6px;
        height: 2px;
        top: 9px;
        left: 9px;
        -webkit-transform-origin: 1px 1px;
        transform-origin: 1px 1px;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

.dt-red .dt-label {
    color: #dc3545;
    background-color: #fbdfe2;
    padding: 5px;
    border-radius: 5px;
    margin: 0;
}

.dt-gray .dt-default {
    background-color: #e0e0e0;
    padding: 5px;
    border-radius: 5px;
    margin: 0;
}

    .dt-gray .dt-default .gray-timer-alt {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        position: relative;
        background-color: transparent;
        -webkit-box-shadow: inset 0px 0px 0px 2px rgba(52, 58, 64, 0.6);
        box-shadow: inset 0px 0px 0px 2px rgba(52, 58, 64, 0.6);
    }

        .dt-gray .dt-default .gray-timer-alt:after, .dt-gray .dt-default .gray-timer-alt:before {
            position: absolute;
            content: "";
            background-color: rgba(52, 58, 64, 0.6);
        }

        .dt-gray .dt-default .gray-timer-alt:after {
            width: 8px;
            height: 2px;
            top: 9px;
            left: 9px;
            -webkit-transform-origin: 1px 1px;
            transform-origin: 1px 1px;
            -webkit-transform: rotate(-180deg);
            transform: rotate(-90deg);
        }

        .dt-gray .dt-default .gray-timer-alt:before {
            width: 6px;
            height: 2px;
            top: 9px;
            left: 9px;
            -webkit-transform-origin: 1px 1px;
            transform-origin: 1px 1px;
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

.dt-gray .dt-label {
    color: #343a40;
    background-color: #e0e0e0;
    padding: 5px;
    border-radius: 5px;
    margin: 0;
}

.patient-list .list-item {
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}

    .patient-list .list-item:hover {
        -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.75);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.75);
        background-color: #c8e1fd;
    }

        .patient-list .list-item:hover .list-body .right-sub-name {
            color: #2d9bf3;
        }

.patient-list .media-body .right-sub-name {
    color: #2d9bf3;
}

#filterdiv button {
    border: 1.25px solid #ddd;
}

#filterdiv .filteredbtn {
    color: #06a9d7;
    background-color: #d9edf7;
    border: 1.25px solid #06a9d7;
    font-weight: 600;
}

#filterdiv .btn:not([disabled]):focus {
    -webkit-box-shadow: inset 0 -10rem 0 rgba(255, 255, 255, 0);
    box-shadow: inset 0 -10rem 0 rgba(255, 255, 255, 0);
}

#filterdiv button:hover {
    color: #06a9d7;
    border: 1.25px solid #06a9d7;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
}

#advfilter.adv-active {
    color: #EDA664;
    background-color: #fff;
}

#advfilter.btn:not([disabled]):focus {
    -webkit-box-shadow: inset 0 -10rem 0 rgba(255, 255, 255, 0) !important;
    box-shadow: inset 0 -10rem 0 rgba(255, 255, 255, 0) !important;
}

#advfilter.btn:not([disabled]):hover {
    -webkit-box-shadow: inset 0 -10rem 0 rgba(255, 255, 255, 0) !important;
    box-shadow: inset 0 -10rem 0 rgba(255, 255, 255, 0) !important;
}

.resetfilter {
    color: blue;
}

    .resetfilter:hover, .resetfilter:focus {
        text-decoration: underline;
        color: blue;
    }

.filter-set-group .btn-filter-set.active {
    background-color: #3f7bbf;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .filter-set-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
}

.filtersec {
    color: #000;
    clear: both;
    background-color: #d9edf7;
    border-color: #bce8f1;
    font-weight: 600;
    margin-bottom: 5px;
    padding: 6px 10px;
    border-radius: 3px;
    margin-top: 0 !important;
}

    .filtersec i {
        font-size: 10px;
    }

    .filtersec span {
        background: #a9d1ff;
        border-radius: 20px;
        padding: 3px 5px;
        font-size: 11px;
        line-height: 0.25;
    }

        .filtersec span.cstm-label {
            background: none !important;
        }

.quick-link-drag .btn-icon-wrapper {
    display: block;
    font-size: 200%;
    margin: 5px 0;
    color: #016ada !important;
}

.quick-link-drag .dt-drag-link {
    font-size: 13px;
    display: block;
    color: #000;
}

    .quick-link-drag .dt-drag-link:hover {
        text-decoration: none;
    }

.quick-link-drag .empty-link {
    cursor: auto;
}

.aria-td {
    border-left: 4px solid #ec8526;
}

    .aria-td .aria-link {
        color: #ec8526;
    }

.sub-instance-td {
    border-left: 4px solid #5cd961;
}

    .sub-instance-td .sub-link {
        color: #5cd961;
    }

.opacity {
    opacity: 1;
}

.tablesorter-header {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: normal;
    padding: 4px 20px 4px 4px;
}

    .tablesorter-header.headerAsc {
        background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
    }

    .tablesorter-header.headerDesc {
        background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
    }

.rotate-sub-icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#collapseOne .nav-sub {
    background: #f4f1f1;
    overflow: visible;
    max-height: initial;
}

    #collapseOne .nav-sub li a {
        padding-left: 20px;
        color: #696b70;
    }

.workflow-timeline {
    padding: 0 10px;
}

    .workflow-timeline .bar {
        height: 2px;
        background: #dcdcdc;
        width: 100%;
        position: relative;
        top: 30px;
        left: 0;
    }

    .workflow-timeline .timeline {
        white-space: nowrap;
        overflow-x: auto;
        padding: 10px 0px;
        margin-bottom: 10px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

        .workflow-timeline .timeline .flow-item .flow-item-name {
            padding: 6px 12px;
            background: #fff;
            border-radius: 5px;
            border: 1px solid #f5f5f5;
        }

            .workflow-timeline .timeline .flow-item .flow-item-name.dt-success {
                background-color: #e5ffeb;
            }

            .workflow-timeline .timeline .flow-item .flow-item-name.dt-done {
                background-color: #57de91;
                color: #fff;
            }

            .workflow-timeline .timeline .flow-item .flow-item-name.dt-delay {
                background-color: #ef7a87;
                color: #fff;
            }

            .workflow-timeline .timeline .flow-item .flow-item-name.dt-danger {
                background-color: #fbdfe2;
            }

            .workflow-timeline .timeline .flow-item .flow-item-name:before {
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "\f0da";
                position: absolute;
                margin-left: -17px;
                color: #ddd;
                margin-top: 2px;
            }

        .workflow-timeline .timeline .flow-item:first-child {
            content: "";
        }

.checklisttbl thead tr th:first-child {
    width: 50%;
}

@media screen and (max-width: 767px) {
    .show-column {
        visibility: hidden;
        display: none;
    }

    .hide-column {
        visibility: visible;
    }
}

@media screen and (min-width: 768px) {
    .show-column {
        visibility: visible;
    }

    .hide-column {
        visibility: hidden;
        display: none;
    }
}

.accordion-content-task .accordion-content {
    margin: 0px 0 0;
}

    .accordion-content-task .accordion-content * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.accordion-content-task .accordion-tab {
    position: relative;
    width: 100%;
    margin: 0 auto 10px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #ececec;
    box-shadow: 0 0 0 1px #ececec;
    opacity: 1;
    -webkit-transition: opacity .4s, -webkit-box-shadow .2s;
    transition: opacity .4s, -webkit-box-shadow .2s;
    transition: box-shadow .2s, opacity .4s;
    transition: box-shadow .2s, opacity .4s, -webkit-box-shadow .2s;
}

    .accordion-content-task .accordion-tab:hover {
        -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.11);
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.11);
    }

.accordion-content-task .accordion-label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    z-index: 1;
    cursor: pointer;
}

    .accordion-content-task .accordion-label:hover ~ .accordion-content:after {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM1NTZBRUEiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=");
    }

.accordion-content-task .content-wrapper small.d-block.text-xs i {
    font-weight: 600;
}

.accordion-content-task .accordion-content {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 57px 0 0px;
    font-size: 0;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

    .accordion-content-task .accordion-content.bg-color-1 {
        background-color: #f5cb305e;
    }

        .accordion-content-task .accordion-content.bg-color-1 .accordion-name {
            color: orange;
        }

        .accordion-content-task .accordion-content.bg-color-1 .all-opinions {
            color: #fbecb3;
            text-align: left;
            display: inline;
            padding: 0px 4px;
            background: #ffa511;
            border-radius: 4px;
        }

    .accordion-content-task .accordion-content.bg-color-2 {
        background-color: #E0E0E0;
    }

        .accordion-content-task .accordion-content.bg-color-2 .accordion-name {
            color: #6c757d;
        }

        .accordion-content-task .accordion-content.bg-color-2 .all-opinions {
            color: #6c7590;
            text-align: left;
            display: inline;
            padding: 0px 4px;
            background: #bec7d0;
            border-radius: 4px;
        }

    .accordion-content-task .accordion-content.bg-color-3 {
        background-color: #b7fdc7;
    }

        .accordion-content-task .accordion-content.bg-color-3 .accordion-name {
            color: #28a745;
        }

        .accordion-content-task .accordion-content.bg-color-3 .all-opinions {
            color: #b7fdc7;
            text-align: left;
            display: inline;
            padding: 0px 4px;
            background: #28a745;
            border-radius: 4px;
        }

    .accordion-content-task .accordion-content.bg-color-4 {
        background-color: #eaf4fe;
    }

        .accordion-content-task .accordion-content.bg-color-4 .accordion-name {
            color: #06a9d7;
        }

        .accordion-content-task .accordion-content.bg-color-4 .all-opinions {
            color: #eaf4fe;
            text-align: left;
            display: inline;
            padding: 0px 4px;
            background: #06a9d7;
            border-radius: 4px;
        }

    .accordion-content-task .accordion-content:before,
    .accordion-content-task .accordion-content:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
    }

    .accordion-content-task .accordion-content:before {
        height: 100%;
    }

    .accordion-content-task .accordion-content:after {
        position: absolute;
        width: 24px;
        height: 100%;
        right: 10px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUFDQUYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=");
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.accordion-content-task .accordion-name {
    display: inline-block;
    width: 75%;
    margin-left: 16px;
    font-weight: 500;
    color: #242a32;
    white-space: normal;
    text-align: left;
    text-transform: capitalize;
    vertical-align: middle;
}

.accordion-content-task .title-icon {
    border-radius: 20%;
    background: rgba(33, 150, 243, 0.18);
    color: #2196f3;
    position: relative;
    line-height: 1;
    border-radius: 500px;
    margin: 8px 5px;
    white-space: nowrap;
    font-weight: 700;
    border-radius: 100%;
    width: 25px !important;
    height: 25px !important;
    font-size: 12px !important;
    background: #2196f308 !important;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    float: left;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.accordion-content-task .accordion-stat {
    width: 40%;
    text-align: right;
}

.accordion-content-task .all-opinions,
.accordion-content-task .accordion-name {
    font-size: 14px;
    line-height: 22px;
}

.accordion-content-task .accordion-content + .accordion-tab-content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .3s;
    transition: max-height .3s;
}

.accordion-content-task .accordion-content > div,
.accordion-content-task .accordion-stat > div {
    display: inline-block;
}

.accordion-content-task .accordion-content > div {
    vertical-align: middle;
}

.accordion-content-task .accordion-info {
    width: 60%;
    white-space: nowrap;
    font-size: 0;
}

    .accordion-content-task .accordion-info:before {
        content: '';
        display: inline-block;
        height: 44px;
        vertical-align: middle;
    }

.accordion-content-task .accordion-tab-content {
    background-color: #fbfbfb;
    font-size: 0;
    text-align: justify;
}

.accordion-content-task .content-wrapper {
    padding: 24px 30px 30px;
}

.accordion-content-task .content-wrapper {
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ececec;
    text-align: left;
}

    .accordion-content-task .content-wrapper ._500 {
        margin-bottom: 0;
    }

    .accordion-content-task .content-wrapper .style-1 {
        border-bottom: 1px dashed #fdfdfd;
        margin-top: 1em;
        margin-bottom: 1em;
    }

@media screen and (max-width: 750px) {
    .accordion-content-task .content-wrapper > div {
        display: block;
        width: 100%;
        max-width: 100%;
    }

        .accordion-content-task .content-wrapper > div:not(:first-child) {
            margin-top: 10px;
        }
}

@media screen and (max-width: 500px) {
    .accordion-content-task .accordion-label {
        max-height: 140px;
    }

    .accordion-content-task .accordion-stat > div {
        display: block;
        width: 100%;
    }

    .accordion-content-task .all-opinions {
        margin-bottom: 10px;
    }

        .accordion-content-task .all-opinions + div > span:first-child {
            margin: 0;
        }
}

.prescriptiontbl thead tr th {
    font-weight: 600;
    color: #068bac;
    vertical-align: bottom;
}

.prescriptiontbl tbody tr td {
    padding: 10px;
}

.prescriptiontbl .action-btn {
    list-style: none;
    margin: 0 auto;
    text-align: center;
}

    .prescriptiontbl .action-btn li {
        padding-left: 0;
        float: left;
    }

.fw-10 {
    width: 10px !important;
}

.fw-20 {
    width: 20px !important;
}

.fw-30 {
    width: 30px !important;
}

.fw-40 {
    width: 40px !important;
}

.fw-130 {
    width: 130px !important;
}

.fw-95 {
    width: 95px !important;
}

.fw-200 {
    width: 200px !important;
}

.fw-150 {
    width: 150px !important;
}

.fw-175 {
    width: 175px !important;
}

.fw-80 {
    width: 80px !important;
}

.nowrap {
    white-space: nowrap;
}

.dosetbl thead tr th {
    vertical-align: middle;
    font-weight: 600;
    color: #068bac;
    font-size: 14px;
}

.dosetbl tbody tr td {
    padding: 4px 10px;
}

.dosetbl tfoot tr td {
    padding: 4px 10px;
}

.organtbl thead tr th {
    vertical-align: middle;
    font-weight: 600;
    color: #068bac;
    font-size: 14px;
}

.organtbl tbody tr td {
    padding: 4px 10px;
}

.organtbl tfoot tr td {
    padding: 4px 10px;
}

.prescriptiontbl thead tr th {
    vertical-align: middle;
    font-weight: 600;
    color: #068bac;
    font-size: 14px;
}

.prescriptiontbl tbody tr td {
    padding: 4px 10px;
}

.prescriptiontbl tfoot tr td {
    padding: 4px 10px;
}

.fusiontbl thead tr th {
    vertical-align: middle;
    font-weight: 600;
    color: #068bac;
    font-size: 14px;
    padding: 5px 10px;
}

.fusiontbl tbody tr td {
    padding: 4px 10px;
}

.fusiontbl tfoot tr td {
    padding: 4px 10px;
}

.list-item .b-b-0:after {
    border-bottom: none;
}

.br-1 {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.label-tbl {
    border-bottom: 0;
    line-height: 3;
}

._600 {
    font-weight: 600;
}

.checklist-accordion .accordion-item {
    margin: 10px 0;
}

.checklist-accordion a.text-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 12px;
    color: #7288a2;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #e5e5e5;
}

    .checklist-accordion a.text-list:hover,
    .checklist-accordion a.text-list:hover::after {
        cursor: pointer;
        color: #03b5d2;
    }

        .checklist-accordion a.text-list:hover::after {
            border: 1px solid #03b5d2;
        }

    .checklist-accordion a.text-list.active {
        color: #03b5d2 !important;
        padding: 12px;
        background: #e9f5ff;
        border-bottom: 1px solid #03b5d2;
    }

    .checklist-accordion a.text-list::after {
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        content: '\f078';
        position: absolute;
        float: right;
        right: 1rem;
        font-size: 10px;
        color: #7288a2;
        padding: 1px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #7288a2;
        text-align: center;
    }

    .checklist-accordion a.text-list.active::after {
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        content: '\f077';
        color: #03b5d2;
        border: 1px solid #03b5d2;
    }

.checklist-accordion .content {
    opacity: 0;
    padding: 0 1rem;
    max-height: 0;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    clear: both;
    -webkit-transition: all 0.2s ease 0.15s;
    transition: all 0.2s ease 0.15s;
}

    .checklist-accordion .content p {
        font-size: 1rem;
        font-weight: 300;
    }

    .checklist-accordion .content.active {
        opacity: 1;
        padding: 1em;
        max-height: 100%;
        -webkit-transition: all 0.35s ease 0.15s;
        transition: all 0.35s ease 0.15s;
        background: #fbfbfb;
    }

.unfilled-other > td > textarea.form-control {
    border: 1.2px solid #dc3545;
}

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

.show-section {
    display: none;
}

.ft-12 {
    font-size: 15px;
}

.checkbox-switch input[type="checkbox"] {
    width: 0;
    height: 0;
    position: absolute;
    top: -9999px;
    right: -9999px;
    overflow: hidden;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.checkbox-switch {
    margin: 0;
    padding: 0;
    border: 0;
}

    .checkbox-switch:after {
        content: "";
        display: table;
        clear: both;
    }

    .checkbox-switch .checkbox-right {
        float: right;
    }

    .checkbox-switch legend {
        margin: 0;
        padding: 0;
        display: block;
        font-weight: 600;
        font-size: 1.2rem;
        line-height: 1.3rem;
        margin-bottom: 1.618rem;
    }

        .checkbox-switch legend.legend-left {
            margin: 0 1.618rem 0 0;
            float: left;
        }

    .checkbox-switch input[type="checkbox"] + label {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        line-height: 1.3rem;
        margin-bottom: 0;
    }

        .checkbox-switch input[type="checkbox"] + label:before {
            width: 2.3rem;
            height: 1.3rem;
            font-family: Arial, sans-serif;
            display: inline-block;
            content: '•';
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
            text-align: left;
            font-size: 2.25rem;
            line-height: 1rem;
            overflow: hidden;
            color: black;
            border: 0.1949902505rem solid black;
            border-radius: 0.65rem;
            margin: auto 0;
        }

@media screen and (min-width: 25rem) {
    .checkbox-switch input[type="checkbox"] + label:before {
        margin-right: 0.5rem;
    }
}

.checkbox-switch input[type="checkbox"] + label:after {
    display: none;
}

@media screen and (min-width: 25rem) {
    .checkbox-switch input[type="checkbox"] + label:after {
        content: "Off";
        width: 1.75rem;
        display: inline-block;
    }
}

.checkbox-switch input[type="checkbox"]:checked + label:before {
    border-color: #00AC64;
    background: #00AC64;
    text-align: right;
    color: white;
}

.checkbox-switch input[type="checkbox"]:checked + label:after {
    content: "On";
}

.checkbox-switch input[type="checkbox"] + label:active:before,
.checkbox-switch input[type="checkbox"]:checked + label:active:before {
    border-color: #808B8D;
    background: #808B8D;
    color: white;
}

#archivetbl tr > td {
    padding: 5px 10px;
}

#archivetbl .action-btn {
    float: left;
    list-style: none;
    margin-left: 0;
    padding: 5px 0;
    margin-bottom: 0;
}

    #archivetbl .action-btn li {
        padding-left: 0;
        float: left;
    }

#fptable tr > td {
    padding: 5px 10px;
}

#fptable .action-btn {
    list-style: none;
    margin: 0 auto;
    text-align: center;
}

    #fptable .action-btn li {
        padding-left: 0;
        float: left;
    }

.chat-contents {
    display: table-row;
    height: 100%;
}

.chat-content-wrap {
    height: calc(100vh - 210px);
    position: relative;
    width: 100%;
}

.chat-wrap-inner {
    bottom: 0;
    left: 0;
    overflow: auto;
    height: calc(100vh - 150px);
    overflow-y: scroll;
    right: 0;
    top: 0;
}

.chats {
    padding: 10px 15px;
}

    .chats .chat-content {
        display: inline-block;
    }

.chat-body {
    display: block;
    margin: 10px 0 0;
    overflow: hidden;
}

    .chat-body:first-child {
        margin-top: 0;
    }

.chat-right .chat-content {
    background-color: #f9f9f9;
    border: 1px solid #e3e3e3;
    border-radius: 20px 2px 2px 20px;
    clear: both;
    color: #727272;
    display: block;
    float: right;
    margin: 0;
    max-width: 80%;
    padding: 8px 15px;
    position: relative;
    display: block;
}

.chat-full-width {
    min-width: 80% !important;
}

.chat-left .chat-body .chat-bubble .chat-content .form-control,
.chat-right .chat-body .chat-bubble .chat-content .form-control {
    width: 100%;
    min-height: 100px;
    border: 1px solid #FFAF42;
    color: #fff;
}

    .chat-left .chat-body .chat-bubble .chat-content .form-control:focus,
    .chat-right .chat-body .chat-bubble .chat-content .form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.chat-right .chat-body {
    padding-left: 48px;
    padding-right: 10px;
}

.chat-bubble {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

    .chat-bubble:hover .chat-action-btns {
        display: block;
        float: left;
    }

.chat-right .chat-bubble:hover .chat-action-btns {
    float: right;
    display: block;
}

.chat-content > p {
    margin-bottom: 0;
}

.chat-time {
    color: rgba(0, 0, 0, 0.5);
    display: block;
    font-size: 11px;
    opacity: 0.5;
}

.chat-bubble .chat-action-btns {
    display: none;
}

.chat-action-btns {
    float: right;
}

    .chat-action-btns ul {
        list-style: none;
        padding: 0;
        margin: 15px 15px 0 15px;
    }

        .chat-action-btns ul > li {
            display: inline-block;
            margin-left: 5px;
            font-size: 18px;
        }

.chat-right .chat-action-btns {
    float: left;
}

.chat-line {
    border-bottom: 1px solid #eaeaea;
    height: 12px;
    margin: 7px 0 20px;
    position: relative;
    text-align: center;
}

.chat-date {
    background-color: #f9f9f9;
    color: #727272;
    font-size: 12px;
    padding: 4px 11px;
    display: inline;
}

.chat-avatar {
    float: right;
    text-align: center;
}

    .chat-avatar .avatar {
        line-height: 30px;
        height: 30px;
        width: 30px;
    }

.chat-left .chat-avatar {
    float: left;
}

.chat-left .chat-body {
    margin-right: 0;
    margin-left: 50px;
    padding-right: 20px;
}

.chat-left .chat-content {
    background-color: #fff;
    border: 1px solid #eaeaea;
    color: #888;
    float: left;
    position: relative;
    padding: 8px 15px;
    border-radius: 2px 20px 20px 2px;
    max-width: 80%;
}

.chat-action-btns .edit-msg {
    color: #4bccdd;
    font-size: 12px;
}

.chat-action-btns .del-msg {
    color: #f44336;
    font-size: 12px;
}

.chat-action-btns .save-msg {
    color: #2d9bf3;
    font-size: 12px;
}

.chat-action-btns .cancel-msg {
    color: grey;
    font-size: 12px;
}

.organtbl tbody tr td {
    padding: 10px;
}

.tx-11 {
    font-size: 11px;
}

.chat-left .chat-time {
    color: #a9a9a9;
}

.attach-list {
    color: #a3a3a3;
    padding: 5px 0 0;
    line-height: 24px;
    margin: 0;
    list-style: none;
}

    .attach-list i {
        margin-right: 3px;
        font-size: 16px;
    }

.chat-footer {
    background-color: #fff;
    border-top: 1px solid #eaeaea;
    padding: 15px;
}

.dosetbl .action-btn {
    float: left;
    list-style: none;
    margin-left: 0;
    padding: 5px 0;
    margin-bottom: 0;
}

    .dosetbl .action-btn li {
        padding-left: 0;
        float: left;
    }

.organtbl .action-btn {
    float: left;
    list-style: none;
    margin-left: 0;
    padding: 5px 0;
    margin-bottom: 0;
}

    .organtbl .action-btn li {
        padding-left: 0;
        float: left;
    }

.fusiontbl .action-btn {
    float: left;
    list-style: none;
    margin-left: 0;
    padding: 5px 0;
    margin-bottom: 0;
}

    .fusiontbl .action-btn li {
        padding-left: 0;
        float: left;
    }

.max-hgt {
    max-height: 450px;
    overflow-y: scroll;
}

.flowpathtbl thead tr th {
    font-weight: 600;
    color: #068bac;
    vertical-align: bottom;
}

.bx-hgt {
    min-height: 480px;
}

.border-radius {
    border-radius: 20px;
}

.light-bg {
    background-color: #DADFE1;
    color: #f47602;
    font-size: 16px;
}

.width-100 {
    width: 100px;
}

.width-::-webkit-input-placeholder {
    font-family: 'Font Awesome 5 Free';
    font-weight: normal;
}

.width-:-ms-input-placeholder {
    font-family: 'Font Awesome 5 Free';
    font-weight: normal;
}

.width-::-ms-input-placeholder {
    font-family: 'Font Awesome 5 Free';
    font-weight: normal;
}

.width-::placeholder {
    font-family: 'Font Awesome 5 Free';
    font-weight: normal;
}

.dash-shadow {
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.11) !important;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.11) !important;
}

.info-row {
    -webkit-box-shadow: 0 10px 20px 0 rgba(116, 103, 91, 0.059);
    box-shadow: 0 10px 20px 0 rgba(116, 103, 91, 0.059);
    border: 1px solid #eee;
    border-radius: 5px;
    margin: 0 0 10px;
}

    .info-row .info-main-title {
        cursor: pointer;
    }

    .info-row .info-title {
        padding: 15px;
        margin: 0;
        font-size: 16px;
        position: relative;
        font-weight: 600;
        cursor: pointer;
    }

        .info-row .info-title.collapsed .no {
            background: #fff;
        }

        .info-row .info-title .no {
            position: absolute;
            left: 16px;
            top: 17px;
            width: 30px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            color: #000;
            font-weight: 400;
            font-size: 12px;
            background: #fff;
        }

    .info-row .info-body {
        border-top: 1px solid #ddd;
    }

        .info-row .info-body p:last-child {
            margin-bottom: 0;
        }

table.text-middle > thead > tr > th {
    vertical-align: middle !important;
}

.sorting-card .list-item {
    /*border: 1px solid #ddd; */
    background: #fff;
    border: solid 1px #f1f1f1;
    padding: 10px;
    margin: 10px;
}

.sorting-card .ui-state-disabled {
    opacity: 0.8;
}

.sorting-card .drag-item {
    background-color: #E2E8FF;
    padding: 5px 8px;
    color: #3B94FC;
}

.sorting-card .drag-item-default {
    background-color: #FFE6E2;
    padding: 5px 8px;
    color: #FC573B;
}

.sorting-card .drag-item-independenttask {
    color: #ffa511;
}

.sorting-card .empty-grid {
    border: 1px dashed #ddd;
    margin: 10px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .sorting-card .empty-grid p {
        margin-bottom: 0;
    }

.track-edit .tx-deadline {
    background: #fcfcfc;
    padding: 0px 0px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

    .track-edit .tx-deadline .tx-date-info {
        margin-left: 10px;
        font-size: 14px;
    }

        .track-edit .tx-deadline .tx-date-info i {
            font-size: 18px;
            margin-right: 6px;
        }

    .track-edit .tx-deadline .tx-label {
        font-weight: normal;
    }

    .track-edit .tx-deadline .tx-date {
        font-weight: 600;
        color: #627384;
    }

    .track-edit .tx-deadline .counts {
        text-align: center;
        background: #ededed;
        padding: 6px 10px;
        border-radius: 0px 3px 3px 0px;
    }

        .track-edit .tx-deadline .counts .number {
            font-size: 16px;
            font-weight: 600;
            color: #000;
        }

        .track-edit .tx-deadline .counts .ct-label {
            font-size: 10px;
        }

.track-edit .circle.svg-container {
    height: 250px !important;
    width: 250px !important;
    margin: 0 auto;
    font-size: 9px;
}

.track-edit .box-shadow-1 {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.02);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.02);
}

.nav-line {
    border-bottom: 1px solid #ddd;
}

    .nav-line .nav-item {
        border: none;
    }

.alert-list-icon {
    color: red;
}

.avatar-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

    .avatar-icon i {
        color: red;
    }

    .avatar-icon.border-grey {
        border: 1px solid #ddd;
        background-color: #fcfcff;
    }

.w-30 {
    width: 30px;
    height: 30px;
    font-size: 1em;
    line-height: .6;
}

.border-right-none {
    border-right: none;
}

.border-left-none {
    border-left: none;
}

.empty-chat-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20% 0;
}

.text-24 {
    font-size: 34px;
}

.tbl-w-4 {
    width: 200px;
}

.tbl-w-5 {
    width: 50px;
}

.tbl-w-6 {
    width: 120px;
}

.text-gray {
    color: #ddd;
}

.text-violet {
    color: #9c27b0 !important;
}

.bg-progress-1 {
    background-color: #3f7bbf;
}

.bg-progress-2 {
    background-color: #09cdff;
}

.workflow-nonseq-timeline .timeline {
    margin-top: 20px;
    position: relative;
}

    .workflow-nonseq-timeline .timeline:before {
        position: absolute;
        content: '';
        /* margin: 2px; */
        width: 2px;
        height: calc(100% - 50px);
        background: #8a9196;
        background: -webkit-gradient(linear, left top, right top, from(#8a9196), color-stop(60%, #7a8288), to(#62696d));
        background: #ddd;
        left: 15px;
        top: 5px;
        border-radius: 4px;
    }

.workflow-nonseq-timeline .timeline-month {
    position: relative;
    padding: 4px 15px 4px 35px;
    /* background-color: #444950; */
    display: inline-block;
    width: auto;
    border-radius: 40px;
    border: 1px solid #06a9d7;
    border-right-color: #06a9d7;
    margin-bottom: 10px;
    color: #06a9d7;
}

    .workflow-nonseq-timeline .timeline-month:last-child {
        position: relative;
        padding: 4px 15px 4px 35px;
        /* background-color: #444950; */
        display: inline-block;
        width: auto;
        border-radius: 40px;
        border: 1px solid #e8e8e8;
        border-right-color: #e8e8e8;
        margin-bottom: 30px;
        color: #aaaeaf;
    }

    .workflow-nonseq-timeline .timeline-month span {
        position: absolute;
        top: -1px;
        left: calc(100% - 10px);
        z-index: -1;
        white-space: nowrap;
        display: inline-block;
        background-color: #111;
        padding: 4px 10px 4px 20px;
        border-top-right-radius: 40px;
        border-bottom-right-radius: 40px;
        border: 1px solid black;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .workflow-nonseq-timeline .timeline-month:before {
        position: absolute;
        content: '';
        width: 20px;
        height: 20px;
        background: #06a9d7;
        border-radius: 100%;
        border: 1px solid #06a9d7;
        left: 5px;
    }

    .workflow-nonseq-timeline .timeline-month:last-child:before {
        position: absolute;
        content: '';
        width: 20px;
        height: 20px;
        background: #f2f2f2;
        border-radius: 100%;
        border: 1px solid #f2f2f2;
        left: 5px;
    }

.workflow-nonseq-timeline .timeline-section {
    display: block;
    position: relative;
}

.workflow-nonseq-timeline .timeline-sub {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 15px;
}

.workflow-nonseq-timeline .li {
    -webkit-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    text-align: center;
    /* width: 150px; */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.workflow-nonseq-timeline .status {
    padding: 15px 15px 0 20px;
    border-top: 2px solid #D6DCE0;
    position: relative;
    -webkit-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

    .workflow-nonseq-timeline .status h4 {
        font-weight: 600;
        font-size: 13px;
        text-align: center;
    }

    .workflow-nonseq-timeline .status:before {
        content: "";
        width: 20px;
        height: 20px;
        background-color: white;
        border-radius: 25px;
        border: 1px solid #ddd;
        position: absolute;
        top: -12px;
        left: 42%;
        -webkit-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
    }

.workflow-nonseq-timeline .li.complete .status {
    border-top: 2px solid #66DC71;
}

    .workflow-nonseq-timeline .li.complete .status:before {
        background-color: #66DC71;
        border: none;
        -webkit-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
    }

    .workflow-nonseq-timeline .li.complete .status h4 {
        color: #66DC71;
    }

@media (min-device-width: 320px) and (max-device-width: 700px) {
    .workflow-nonseq-timeline .timeline-sub {
        list-style-type: none;
        display: block;
    }

    .workflow-nonseq-timeline .li {
        -webkit-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: inherit;
    }

    .workflow-nonseq-timeline .timestamp {
        width: 100px;
    }

    .workflow-nonseq-timeline .status:before {
        left: -8%;
        top: 30%;
        -webkit-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
    }
}

.help-tip {
    position: absolute;
    right: 18px;
    text-align: center;
    background-color: #cdcfde;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 22px;
    cursor: pointer;
}

    .help-tip:before {
        content: '?';
        font-weight: bold;
        color: #fff;
    }

    .help-tip:hover p {
        display: block;
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        -webkit-animation: fadeIn 0.3s ease-in-out;
        animation: fadeIn 0.3s ease-in-out;
    }

    .help-tip p {
        /* The tooltip */
        display: none;
        text-align: left;
        z-index: 9999;
        background-color: #1E2021;
        padding: 20px;
        width: 300px;
        position: absolute;
        border-radius: 3px;
        -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        right: -4px;
        color: #FFF;
        font-size: 13px;
        line-height: 1.4;
    }

        .help-tip p:before {
            /* The pointer of the tooltip */
            position: absolute;
            content: '';
            width: 0;
            height: 0;
            border: 6px solid transparent;
            border-bottom-color: #1E2021;
            right: 10px;
            top: -12px;
        }

        .help-tip p:after {
            /* Prevents the tooltip from being hidden */
            width: 100%;
            height: 40px;
            content: '';
            position: absolute;
            top: -40px;
            left: 0;
        }

.configuration-list .alert-default {
    border: 1px solid #ededed;
    background: #fafafa;
}

.configuration-list i.ga-admin {
    color: #FF9800;
}

.configuration-list i.org-admin {
    color: #673AB7;
}

.configuration-list i.ca-admin {
    color: green;
}

.configuration-list .create-by-admin {
    border-left: 3px solid #FF9800;
}

    .configuration-list .create-by-admin td {
        background: #fff9f030;
    }

.configuration-list .create-by-org-admin {
    border-left: 3px solid #673AB7;
}

    .configuration-list .create-by-org-admin td {
        background: #f3f0fa30;
    }

.configuration-list .create-by-ca-admin {
    border-left: 3px solid green;
}

    .configuration-list .create-by-ca-admin td {
        background: #b4f9d930;
    }

.text-bold {
    font-weight: bold;
}

.help-tip-list {
    padding-left: 10px;
    margin-bottom: 0;
}

    .help-tip-list li {
        content: "\f00c";
    }

.w-20 {
    width: 20px;
    height: 20px;
    font-size: 10px;
}

.circle {
    border-radius: 500px;
}

.bg-soft-success {
    background-color: #e2ffeb;
    color: #2cc310;
}

.f-10 {
    font-size: 10px;
}

.w-98 {
    width: 98%;
}

.help-hint-list .alert-default {
    border: 1px solid #ededed;
    background: #fafafa;
}

.help-hint-list .ori-item {
    background-color: #E2E8FF;
    padding: 5px 8px;
    color: #3B94FC;
}

.help-hint-list .cust-item {
    background-color: #FFE6E2;
    padding: 5px 8px;
    color: #FC573B;
}

.help-hint-list .idependenttask {
    background-color: #FFE6E2;
    padding: 5px 8px;
    color: #ffa511;
}

.action-items {
    float: right;
    white-space: nowrap;
}

    .action-items span i {
        font-size: 13px;
        vertical-align: text-bottom;
        padding: 0 5px;
    }

.role-list {
    max-height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.ind-task-class {
    border-left: 3px solid #4CAF50;
}

.bg-create {
    color: white;
    background-color: #eda664;
    padding: 5px;
    border-radius: 5px;
    margin: 0;
}

.hint-sec h6 {
    font-size: 14px;
    color: #53a6fa;
}

.hint-sec ul {
    font-size: 13px;
    font-weight: 600;
}

.btn-gradient-link {
    padding: 15px 0;
}

.font-icon-wrapper {
    text-align: center;
    border: #e9ecef solid 1px;
    border-radius: .25rem;
    margin: 0 0 10px;
    padding: 5px;
}

    .font-icon-wrapper.font-icon-lg {
        float: left;
        padding: 10px;
        text-align: center;
        margin-right: 10px;
        width: 60px;
        height: 60px;
        background: #fff;
        line-height: 3.5;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 10px;
    }

        .font-icon-wrapper.font-icon-lg i {
            font-size: 1.5rem;
            opacity: .6;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .font-icon-wrapper.font-icon-lg.red-chat i {
            font-size: 1.5rem;
            opacity: .6;
            -webkit-background-clip: text;
            -webkit-text-fill-color: red;
            background-clip: text;
        }

        .font-icon-wrapper.font-icon-lg.pos i {
            font-size: 1.5rem;
            opacity: .8;
            -webkit-background-clip: text;
            -webkit-text-fill-color: #28a745;
            background-clip: text;
        }

    .font-icon-wrapper .btn-gradient-link:hover .bg-night-fade {
        background-image: -webkit-gradient(linear, left bottom, left top, from(#FF8303), to(#FFAF42)) !important;
        background-image: linear-gradient(to top, #FF8303 0%, #FFAF42 100%) !important;
    }

    .font-icon-wrapper:hover {
        background: #f1f1f1;
    }

        .font-icon-wrapper:hover.font-icon-lg i {
            font-size: 1.5rem;
            opacity: 1;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

.landing-card .triangle-up-1 {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fff;
    position: absolute;
    top: -20px;
    left: 4%;
}

.landing-card .triangle-up-2 {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fff;
    position: absolute;
    top: -20px;
    left: 30%;
}

.landing-card .triangle-up-3 {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fff;
    position: absolute;
    top: -20px;
    left: 60%;
}

.vt-top {
    vertical-align: super;
    padding-top: 10px;
}

.chart-group .chart-btn {
    height: 30px;
    width: 30px;
    background: #ececec;
    text-align: center;
    border-radius: 50%;
    color: #3c739e !important;
    margin-left: 4px;
    line-height: 30px;
    padding: 0px 8px;
    display: inline-block;
}

    .chart-group .chart-btn.active {
        background: #ffa448;
        color: #fff !important;
    }

.font-16 {
    font-size: 16px;
}

.font-11 {
    font-size: 11px !important;
}

.text-muted-alt {
    font-weight: 400;
}

.text-muted-alt-2 {
    color: #c3c3c3 !important;
}

.btn-dark {
    color: #23272b;
    background-color: #d4d4d4;
    border-color: #cfcfcf;
}

    .btn-dark:hover {
        color: #a5a5a5;
        background-color: #d4d4d4;
        border-color: #cfcfcf;
    }

    .btn-dark.focus,
    .btn-dark:focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
    }

    .btn-dark.disabled,
    .btn-dark:disabled {
        color: #343a40 !important;
        background-color: #d6d6d6;
        border-color: #d6d6d6;
    }

    .btn-dark:not(:disabled):not(.disabled).active,
    .btn-dark:not(:disabled):not(.disabled):active,
    .show > .btn-dark.dropdown-toggle {
        color: #343a40 !important;
        background-color: #d6d6d6;
        border-color: #d6d6d6;
    }

        .btn-dark:not(:disabled):not(.disabled).active:focus,
        .btn-dark:not(:disabled):not(.disabled):active:focus,
        .show > .btn-dark.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
        }

.textarea-container {
    position: relative;
    display: inline-block;
}

.btn-send {
    bottom: 0em;
    background: #06a9d7;
    border-radius: 5px;
    padding: 5px 15px;
    z-index: 10001;
    color: #fff;
    margin: 15px 0 0;
}

    .btn-send:hover {
        color: #fff !important;
        background-color: #0062cc;
        border: #005cbf;
    }

.chat-content-wrap span.note-type {
    color: #529efd !important;
}

.chat-content-wrap span.user-name {
    color: #ff9800 !important;
}

.due-color {
    color: #ffc107;
}

.custom-arrow {
    font-size: 16px;
    color: #ffc107;
}

.custom-arrow-alt {
    font-size: 16px;
    color: #ff0000;
    -webkit-animation: mymove infinite;
    animation: mymove infinite;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    position: relative;
}

@-webkit-keyframes mymove {
    from {
        left: 0px;
    }

    to {
        left: 8px;
    }
}

@keyframes mymove {
    from {
        left: 0px;
    }

    to {
        left: 8px;
    }
}

.activity {
    padding: 10px;
    list-style: none;
}

.activity-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0 10px;
    position: relative;
    min-height: 70px;
}

    .activity-item::before {
        content: '';
        position: absolute;
        top: 50px;
        bottom: 0;
        left: 16px;
        border-left: 2px dotted #c0ccda;
    }

    .activity-item:last-child {
        padding-bottom: 0;
        min-height: inherit;
    }

.activity-icon {
    width: 36px;
    height: 36px;
    background-color: #fefeff;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #f5f5f5;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #8392a5;
}

    .activity-icon svg {
        width: 20px;
        height: 20px;
    }

.activity-body {
    margin-left: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #5c6c7f;
}

    .activity-body strong {
        color: #1b2e4b;
        font-weight: 500;
    }

    .activity-body small {
        font-size: 11px;
    }

.status-icon-bg {
    height: 24px;
    width: 24px;
    background: #fbfbfb;
    text-align: center;
    border-radius: 50%;
    margin: 0 5px;
    line-height: 24px;
    padding: 0px;
    display: inline-block;
}

    .status-icon-bg i {
        font-size: 12px;
    }

.tx-deadline {
    background: #fcfcfc;
    padding: 0px 0px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

    .tx-deadline .tx-date-info {
        margin-left: 10px;
        font-size: 14px;
    }

        .tx-deadline .tx-date-info i {
            font-size: 18px;
            margin-right: 6px;
        }

    .tx-deadline .tx-label {
        font-weight: normal;
    }

    .tx-deadline .tx-date {
        font-weight: 600;
        color: #627384;
    }

    .tx-deadline .counts {
        text-align: center;
        background: #ededed;
        padding: 6px 10px;
        border-radius: 0px 3px 3px 0px;
    }

        .tx-deadline .counts .number {
            font-size: 16px;
            font-weight: 600;
            color: #000;
        }

        .tx-deadline .counts .ct-label {
            font-size: 10px;
        }

.dashboard-tile .list-item {
    padding: 15px 0px 15px 1px;
}

.seperator {
    display: inline;
    border-left: 2px dotted #06a9d7;
    margin: 0px 10px;
}

.form-label-text {
    color: #4a7dfd !important;
    font-weight: 600;
    letter-spacing: 0.2px;
    font-size: 14px;
    word-break: break-all;
    display: inline;
}

.bg-soft-primary {
    border: 1px solid aliceblue;
    background: aliceblue;
}

.ctsi-report select.formselected {
    border: 2px solid #FF5621 !important;
}

.ctsi-report .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wd-100p {
    width: 100%;
}

.span-clinic-name {
    background-color: #dbeaf9;
    padding: 5px 12px;
    border-radius: 4px;
    color: #0681fb;
}

.btn-custom-filter {
    border: 1px solid #f1f1f1;
    white-space: nowrap;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-align: left;
}

    .btn-custom-filter:hover {
        background: #eef8fd;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        color: #03A9F4 !important;
    }

    .btn-custom-filter:focus {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

.filter-icon {
    width: 15px;
    margin-right: 5px;
}

.w-md-2 {
    width: 315px;
}

.task-filter .filter-add {
    background: #fffbf6;
    color: #FF9800 !important;
    border: 1px dotted #FF9800;
}

    .task-filter .filter-add i {
        color: #FF9800 !important;
    }

.task-filter .filtered:after {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    font-size: 11px;
    line-height: 1.75;
    position: relative;
    color: #004eff;
}

.day-filter .filter-add {
    background: #fffbf6;
    color: #FF9800 !important;
    border: 1px dotted #FF9800;
}

    .day-filter .filter-add i {
        color: #FF9800 !important;
    }

.day-filter .filtered:after {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    font-size: 11px;
    line-height: 1.75;
    position: relative;
    color: #004eff;
}

.status-filter .filter-add {
    background: #fffbf6;
    color: #FF9800 !important;
    border: 1px dotted #FF9800;
}

    .status-filter .filter-add i {
        color: #FF9800 !important;
    }

.status-filter .filtered:after {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    font-size: 11px;
    line-height: 1.75;
    position: relative;
    color: #004eff;
}

.view-pt-filter .filter-add {
    background: #fffbf6;
    color: #FF9800 !important;
    border: 1px dotted #FF9800;
}

    .view-pt-filter .filter-add i {
        color: #FF9800 !important;
    }

.view-pt-filter .filtered:after {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    font-size: 11px;
    line-height: 1.75;
    position: relative;
    color: #004eff;
}

.expand-filter {
    position: absolute;
    z-index: 999;
    right: 0;
    width: 250px;
}

.date-filter-items .filter-btn {
    text-align: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #f9f9f9;
}

    .date-filter-items .filter-btn:hover, .date-filter-items .filter-btn:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #f5fbfd;
        color: #03A9F4 !important;
    }

    .date-filter-items .filter-btn:last-child {
        border-bottom: none;
    }

    .date-filter-items .filter-btn.filtered:after {
        font-family: "Font Awesome 5 Free";
        content: "\f00c";
        vertical-align: middle;
        font-weight: 900;
        font-size: 11px;
        float: right;
        position: relative;
        color: #004eff;
    }

.date-filter-items .btn-block + .btn-block {
    margin-top: 0;
}

.day-filter-items .filter-btn {
    text-align: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #f9f9f9;
}

    .day-filter-items .filter-btn:hover, .day-filter-items .filter-btn:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #f5fbfd;
        color: #03A9F4 !important;
    }

    .day-filter-items .filter-btn:last-child {
        border-bottom: none;
    }

    .day-filter-items .filter-btn.filtered:after {
        font-family: "Font Awesome 5 Free";
        content: "\f00c";
        vertical-align: middle;
        font-weight: 900;
        font-size: 11px;
        float: right;
        position: relative;
        color: #004eff;
    }

.day-filter-items .btn-block + .btn-block {
    margin-top: 0;
}

.task-filter-items .filter-btn {
    text-align: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #f9f9f9;
}

    .task-filter-items .filter-btn:hover, .task-filter-items .filter-btn:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #f5fbfd;
        color: #03A9F4 !important;
    }

    .task-filter-items .filter-btn:last-child {
        border-bottom: none;
    }

    .task-filter-items .filter-btn.filtered:after {
        font-family: "Font Awesome 5 Free";
        content: "\f00c";
        vertical-align: middle;
        font-weight: 900;
        font-size: 11px;
        float: right;
        position: relative;
        color: #004eff;
    }

.task-filter-items .btn-block + .btn-block {
    margin-top: 0;
}

.status-filter-items .filter-btn {
    text-align: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #f9f9f9;
}

    .status-filter-items .filter-btn:hover, .status-filter-items .filter-btn:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #f5fbfd;
        color: #03A9F4 !important;
    }

    .status-filter-items .filter-btn:last-child {
        border-bottom: none;
    }

    .status-filter-items .filter-btn.filtered:after {
        font-family: "Font Awesome 5 Free";
        content: "\f00c";
        vertical-align: middle;
        font-weight: 900;
        font-size: 11px;
        float: right;
        position: relative;
        color: #004eff;
    }

.status-filter-items .btn-block + .btn-block {
    margin-top: 0;
}

.view-filter-items .filter-btn {
    text-align: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #f9f9f9;
}

    .view-filter-items .filter-btn:hover, .view-filter-items .filter-btn:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #f5fbfd;
        color: #03A9F4 !important;
    }

    .view-filter-items .filter-btn:last-child {
        border-bottom: none;
    }

    .view-filter-items .filter-btn.filtered:after {
        font-family: "Font Awesome 5 Free";
        content: "\f00c";
        vertical-align: middle;
        font-weight: 900;
        font-size: 11px;
        float: right;
        position: relative;
        color: #004eff;
    }

.view-filter-items .btn-block + .btn-block {
    margin-top: 0;
}

.max-filter-hgt {
    max-height: calc(100vh - 210px);
    overflow-x: scroll;
}

.filter-head-sec {
    background-color: #F3F2F1;
    margin-top: 2px;
    font-size: 13px;
    font-weight: bold;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 5px;
}

    .filter-head-sec:hover {
        background-color: #F3F2F1;
        color: #205EEC !important;
        margin-top: 2px;
        font-size: 13px;
        font-weight: bold;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

        .filter-head-sec:hover:first-child {
            border-top: none;
        }

    .filter-head-sec:first-child {
        border-top: none;
    }

    .filter-head-sec:focus {
        background-color: #F3F2F1;
        color: #205EEC !important;
        margin-top: 2px;
        font-size: 13px;
        font-weight: bold;
        border: 1px solid #fdfdfd;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

        .filter-head-sec:focus:first-child {
            border-top: none;
        }

.custom-filter:hover {
    background-color: #f8fdff;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #857384 !important;
    border: 1px solid rgba(120, 130, 140, 0.2);
}

    .custom-filter:hover i {
        color: #53a6fa !important;
    }

.help-filter {
    font-size: 12px;
}

    .help-filter.dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        display: none;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

.custom-filter-sec .filter-add {
    background: #fffbf6;
    color: #FF9800 !important;
    border: 1px dotted #FF9800;
}

.ln-01 a {
    line-height: 10px;
}

.border-warning-alt {
    border-top: 2px solid #fdab29;
}

.border-success-alt {
    border-top: 2px solid #22b66e;
}

.bg-soft-warning {
    border: 1px solid orange;
    background: #fff9ed;
    color: orange;
}

.bg-soft-primary-alt {
    border: 1px solid #86c7ff;
    background: #f2f9ff;
    color: #2196F3;
}

.chk-log {
    position: relative;
    border-color: rgba(120, 130, 140, 0.13);
}

    .chk-log ::after {
        display: block;
        clear: both;
        content: "";
    }

    .chk-log .chk-icon:before,
    .chk-log .chk-item:before {
        content: '';
        position: absolute;
        border-color: inherit;
        border-width: 3px;
        border-style: solid;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        top: 6px;
    }

.chk-icon {
    position: absolute;
    left: -5px;
    z-index: 2;
    border: inherit;
    border-width: 0;
}

    .chk-icon > i {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 14px;
        text-align: center;
        border-radius: 10px;
        color: #fff;
        position: relative;
    }

.chk-log .chk-icon:before {
    width: 20px;
    height: 20px;
    border-width: 10px;
    margin: 0 !important;
    top: 0 !important;
    left: 0;
}

.chk-item {
    border-color: rgba(120, 130, 140, 0.13);
    position: relative;
    padding-bottom: 16px;
    clear: left;
}

    .chk-item:after {
        content: "";
        top: 18px;
        bottom: -4px;
        left: 4px;
        position: absolute;
        z-index: 1;
        border-color: inherit;
        border-left-width: 2px;
        border-right-width: 0;
        border-style: solid;
    }

.chk-log -dotted .chk-item:after {
    border-style: dotted;
}

.chk-item:last-child:after {
    display: none;
}

.chk-item.active {
    background-color: rgba(120, 130, 140, 0.13);
}

.chk-left {
    float: left;
    position: relative;
    z-index: 1;
    margin-left: -7px;
}

    .chk-left img {
        max-width: 24px;
    }

    .chk-left + .chk-content {
        margin-left: 30px;
    }

.chk-content {
    margin-left: 24px;
}

    .chk-content p:last-child {
        margin-bottom: 0;
    }

.chk-author {
    margin-bottom: 10px;
}

.chk-date {
    font-size: .85em;
}

.chk-footer {
    margin-bottom: 10px;
}

.chk-log -xs .chk-item:before {
    width: 7px;
    height: 7px;
    border-width: 2px;
    top: 7px;
}

.chk-log -xs .chk-item:after {
    left: 3px;
    border-left-width: 1px;
}

.b-success {
    border-color: #22b66e !important;
}

.b-primary {
    border-color: #53a6fa;
}

.org-card .list-item {
    /*border: 1px solid #ddd; */
    background: #fff;
    border: solid 1px #f1f1f1;
    padding: 10px;
}

.highlight-value {
    font-weight: 500;
    color: #53a6fa !important;
}
.highlight-button {
    background: #ff9800;
    color: white;
    font-weight: bold;
}
.close-button
    {
    position:absolute;
    padding-left: 230px;
}
.w-70px {
    width: 65px;
}

.bg-highlight {
    background-color: #dce7ff5e;
    border: 1px solid #007bff;
}

.bg-planner {
    background-color: #f9f9f9;
}

.badge-stage-1 {
    background: #deffe1;
    border: 1.2px solid #28a745;
    color: #28a745;
}

.badge-stage-2 {
    background: #f3f3f3;
    border: 1.2px solid #9c27b0;
    color: #9c27b0;
}

.badge-stage-3 {
    background: #fde8e6;
    border: 1.2px solid #F44336;
    color: #F44336;
}

.badge-stage-4 {
    background: #fffdf8;
    border: 1.2px solid #007bff;
    color: #007bff;
}

.badge-stage-addt-1 {
    color: #656565;
    padding: 0;
    font-weight: 400 !important;
    font-size: 11px !important;
}

.more-dt .dropdown-toggle::after {
    border: none;
    content: none;
}

.more-dt .dropdown-menu-lg {
    width: 210px;
    padding-bottom: 0 !important;
    margin-left: 10px;
    max-height: 260px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .more-dt .dropdown-menu-lg .app-icon {
        margin: 0 auto !important;
        text-align: center;
    }

    .more-dt .dropdown-menu-lg a.active .app-icon {
        margin: 0 auto !important;
        text-align: center;
        background-color: #eda664 !important;
    }

textarea.form-control {
    min-height: 33px !important;
    margin-top: 2px;
    cursor: auto;
}

.select2-container--default.error {
    border: 1px solid red !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
}

.custom-dd-alt {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='chevron-down' class='svg-inline--fa fa-chevron-down fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px;
    background-color: #fff;
    width: 60px;
}

.wd-300 {
    width: 300px;
}

.ml-15 {
    margin-left: 15px;
}

.tbl-w-16 {
    width: 16% !important;
}

.table-cont {
    /**make table can scroll**/
    max-height: 300px;
    border: 1px solid #ddd;
}

    .table-cont thead tr th {
        background: #f5f5f5;
        z-index: 999;
        border-right: none;
        border-left: none;
    }

    .table-cont tbody tr th {
        font-weight: 400;
        border-right: none;
    }

    .table-cont tbody tr td {
        border-right: none;
        border-left: none;
    }

    .table-cont thead {
        background-color: #f5f5f5;
        z-index: 99;
    }

.tableFixHead {
    overflow-y: auto;
    height: 400px;
    z-index: 999;
}

    .tableFixHead thead th {
        position: -webkit-sticky;
        position: sticky;
        top: -1px;
        z-index: 999;
    }

    .tableFixHead table {
        border-collapse: collapse;
        width: 100%;
    }

    .tableFixHead th,
    .tableFixHead td {
        padding: 8px 16px;
        border: 1px solid #ccc;
    }

    .tableFixHead th {
        background: #eee;
    }

.table-fixed {
    overflow-y: auto;
    max-height: 325px;
    z-index: 999;
}

    .table-fixed thead th {
        position: -webkit-sticky;
        position: sticky;
        top: -1px;
        z-index: 999;
    }

    .table-fixed table {
        border-collapse: collapse;
        width: 100%;
    }

    .table-fixed th,
    .table-fixed td {
        padding: 8px;
        border: 1px solid #ccc;
    }

    .table-fixed th {
        background: #fff;
    }

.sub-title {
    font-size: 13px;
}

.hint-sec-alt ._400 {
    font-weight: 400;
}

.autocomplete-suggestions {
    min-width: 25%;
    border: 1px solid #e4e6e8;
    background: #fff;
    cursor: default;
    -webkit-box-shadow: -1px 2px 10px #eaeaea;
    box-shadow: -1px 2px 10px #eaeaea;
    overflow: auto;
    text-overflow: ellipsis;
}

.autocomplete-suggestion {
    padding: 5px 5px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    max-height: 150px !important;
}

.autocomplete-selected {
    background: #f0f0f0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399ff;
}

.tbl-multiselect .fs-wrap {
    width: 13%;
}

    .tbl-multiselect .fs-wrap .fs-label-wrap {
        width: 85% !important;
    }

.mt--15 {
    margin-top: -15px;
}

.mt--10 {
    margin-top: -10px;
}

@media (max-width: 475px) {
    .tbl-multiselect .fs-wrap {
        width: 80%;
    }

        .tbl-multiselect .fs-wrap .fs-label-wrap {
            width: 90% !important;
        }
}

.connectedSortable .list-item .list-body span {
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
}

.app-list .avatar.avatar-100 {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.app-list .avatar i {
    font-size: 18px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    height: auto;
    width: auto;
    border: none;
    background-color: transparent;
}

.app-list .bg-primary {
    background-color: #bce3f57a !important;
    color: #00BCD4;
}

.app-list .bg-soft-primary {
    border: 1px solid #00BCD4;
    color: #00bcd4;
}

.app-list .bg-warning {
    background-color: #ffe8c7 !important;
    color: #FF5722;
}

.app-list .bg-soft-warning {
    border: 1px solid orange;
    color: #ff5722;
}

.app-list .bg-success {
    background-color: #d2fbd3 !important;
    color: #4CAF50;
}

.app-list .bg-soft-success {
    border: 1px solid #61B15A;
    background-color: #e2ffdf4d;
    color: #61B15A;
}

.app-list .bg-error {
    background-color: #ff91a37d !important;
    color: #ff5f7a;
}

.app-list .bg-soft-error {
    border: 1px solid #FF5F7A;
    background-color: #ffd5dc69;
    color: #ff5f7a;
}

.app-list .bg-teal {
    background-color: #f1b2ef70 !important;
    color: #b14aaf;
}

.app-list .bg-soft-teal {
    border: 1px solid #D576D3;
    background-color: #ffe1fe;
    color: #b14aaf;
}

.box-shadow-2.hover-effect:hover {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3) !important;
}

.grey-scale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
    opacity: 0.3;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

.tmm-table-td {
    position: relative;
}

    .tmm-table-td .action-items {
        display: none;
    }

    .tmm-table-td:hover .action-items {
        position: absolute;
        top: 0;
        padding-right: 10px;
        padding-left: 10px;
        right: 0px;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-image: linear-gradient(89.2deg, #ffffff66 0%, #ffffff66 80%);
    }

/** 19-02-2021 Fixes **/
.badge {
    font-size: 100%;
    font-weight: 600;
}

.progress {
    border-radius: .25rem;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.05);
}

    .progress .progress-bar {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        overflow: visible;
        padding-left: 0px;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        background-color: #007bff;
        -webkit-transition: width .6s ease;
        transition: width .6s ease;
    }

.btn-primary {
    color: #fff;
    background-color: #06A9D7;
    border-color: #06A9D7;
}

.badge-pill {
    border-radius: .25rem;
}

.dropify-wrapper .dropify-message p {
    margin: 5px 0 0 0;
    font-size: small;
}

.form-control.date-pick-dd[readonly] {
    background-color: #fafafa;
}

.center-align {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100vh;
}

/*Import Processed CSS Start*/
.sub-list {
    padding-left: 20px;
}

.inner-list {
    list-style: disc;
    margin-left: 35px;
    color: lightgray;
    border-radius: 0.25rem;
}

.inner-list-values {
    padding-left: 0px !important;
}

.sub-arrow {
    padding-right: 28px;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    height: 34px;
    font-size: 13px;
    border-radius: 0 5px 5px 0;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.btn-info {
    background-color: #06A9D7 !important;
    border-color: #06A9D7 !important;
    color: #fff !important;
}

.inner-list-values.active {
    color: rgba(255, 255, 255, 0.85) !important;
    background-color: #53a6fa !important;
}

#toast-container > div {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    opacity: 1;
}

#toast-container > :hover {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    opacity: 1;
}

.toast {
    background-color: #64b0f2;
}

.toast-success {
    background-color: #1bb99a;
    border: 2px solid #1bb99a;
}

.toast-error {
    background-color: #ff5d48;
    border: 2px solid #ff5d48;
}

.toast-info {
    background-color: #3db9dc;
    border: 2px solid #3db9dc;
}

.toast-warning {
    background-color: #f1b53d;
    border: 2px solid #f1b53d;
}

.importProcessDropdown {
    /* border-color: #06a9d7 !important;*/
    background-color: white !important;
    color: black !important;
}

/**/
.rcs-dropdown-menu {
    max-height: 146px !important;
    overflow: scroll !important;
    overflow-x: hidden !important;
    margin-top: 0px !important;
}

.bootstrap-select > select.rcs-dropdown-menu {
    max-height: 146px !important;
    overflow: scroll !important;
    overflow-x: hidden !important;
    margin-top: 0px !important;
}

.caret {
    float: right;
    margin-top: 5%;
}

.customFont {
    font-size: 14px !important;
    color: black;
}

#selectProtocol {
    width: 322px;
    text-align: left;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/*Import Processed CSS End*/
td.details-control {
    text-align: center;
    color: #06a9d7;
    cursor: pointer;
}

tr.shown td.details-control {
    text-align: center;
    color: #06a9d7;
}

.episodicSubTable {
    margin-left: -12px;
    margin-top: -1px;
    width: 102.6%;
}

.analytics {
    color: black;
    border: 1px solid #dee2e6;
    padding: 10px 10px 10px 60px;
}

    .analytics span {
        color: #06A9D7 !important;
    }

.mt--2 {
    margin-top: -2px;
}

.abt {
    text-decoration: underline;
    color: #ec8526;
}

#mainMenuToggle {
    font-size: 20px;
    text-align: center;
    width: 40px;
    height: 40px;
    color: #fff;
    font-weight: 700;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 4px 2px;
}

.dt-link-alt {
    text-decoration: underline;
    color: #eda664;
}

    .dt-link-alt:hover {
        text-decoration: underline;
    }

.plan-tabs {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    /*border: 1px solid rgba(0, 0, 0, .125);*/
    border-radius: .25rem;
}

    .plan-tabs .nav-tab-list .nav-link {
        color: black;
        padding: .5rem 0.8em;
        background-color: white;
        font-size: 14px;
        border-radius: unset !important;
        font-weight: 400;
        border-right: none !important;
    }

        .plan-tabs .nav-tab-list .nav-link .tab-icon i {
            font-size: 18px;
            vertical-align: text-top;
        }

        .plan-tabs .nav-tab-list .nav-link.active {
            border-bottom: 2px solid #068bac;
            color: #068bac;
            background-color: white;
            font-weight: 600;
            font-size: 14px;
        }

        .plan-tabs .nav-tab-list .nav-link:hover {
            color: #068bac;
        }

.text-icon-alt {
    color: violet;
}

.text-icons-alt {
    color: #09cdff;
}

.bg-planner .title-sec {
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
}

    .bg-planner .title-sec:hover {
        cursor: pointer;
    }

.bg-planner .card-header {
    color: #17a2b8 !important;
}

    .bg-planner .card-header.collapsed .title-sec {
        color: #000;
    }

    .bg-planner .card-header[aria-expanded="true"]::after {
        font-weight: 900;
        content: "\f077";
        font-family: 'Font Awesome 5 Free';
        float: right;
        color: #17a2b8;
    }

    .bg-planner .card-header[aria-expanded="false"]::after {
        font-weight: 900;
        content: "\f078";
        font-family: 'Font Awesome 5 Free';
        float: right;
        color: #000;
    }

    .bg-planner .card-header.collapsed[aria-expanded="false"]::after {
        font-weight: 900;
        content: "\f078";
        font-family: 'Font Awesome 5 Free';
        float: right;
        color: #000;
    }

.remove-check.cs-checkbox input:disabled ~ .control_indicator:after {
    left: 3px;
    top: -6px;
    font-weight: 600;
    color: #ff0000;
    -webkit-transform: none;
    transform: none;
    font-size: 18px;
    content: "\00d7";
    border: none !important;
}

.p-left {
    padding-left: 10%;
}
.dropdown-ht {
    height: 274px;
    overflow-y: scroll;
}

.dose-template {
    color: #068bac;
    font-size: 12px;
    margin: 0.25rem;
}

    .dose-template span {
        color: #656565;
        margin-left: 0.25rem;
        font-size: 12.3px;
    }

.dose-box-body{
    padding: 0rem 1rem 1rem 1rem;
}

.dose-box-body table{
    width: 100%;
}

.delete-badge-custom {
    max-width: none !important;
    white-space: normal !important;
    display: inline !important;
    line-height: 1.5 !important;
}
/*# sourceMappingURL=ctsi-style.css.map */