@import url('https://fonts.googleapis.com/css?family=Roboto:400&subset=cyrillic,cyrillic-ext');

/*
    Colors:
    Zero:           #3fa0a5
    Primary:        #378c91
    Secondary:      #083d55
    Tertiary:       #e44b4e
    Text primary:   #225871
    Text secondary:   #FFFFFF
*/
html, body {
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
    color: #225871 !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 10pt;
    /*font-size: unset !important;*/
    /*overflow: auto;*/
}

a, a:before, a:visited {
    text-decoration: none !important;
    color: #225871;
}

    a:hover {
        text-decoration: underline !important;
    }

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

input {
    margin: 0;
    padding: 0;
}

    input[type="text"] {
        width: calc(100% - calc(1em * 0.8) - 2px);
        padding: 0.4em;
        border: 1px solid #3fa0a5;
    }

.v-container {
    padding: 0;
    margin: 0;
    background: #eaedf2;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100%;
}

    .v-container .vcontent {
        flex: 1;
        /*padding: 0 30px;*/
        display: flex;
        flex-direction: column;
    }

    .v-container .footer {
        background: #083d55;
        color: #ffffff;
        font-size: 0.8em;
        padding: 1em;
    }

        .v-container .footer .contacts li {
            padding: 0.2em;
        }

    .v-container .header {
        flex: none;
        display: flex;
        width: 100%;
        height: 100%;
        color: #ffffff;
        background: #1d6d7d;
        /*border-bottom: 3px #3fa0a5 solid;*/
        /*background-image: linear-gradient(to left bottom, #378c91, #2d828b, #257784, #1d6d7d, #176376);*/
        /*background-image: linear-gradient(to left bottom, #378c91, #2d828b, #257784, #1d6d7d, #176376);*/
        /*background-image: linear-gradient(to left bottom, #378c91, #30848c, #297c87, #237582, #1d6d7d);*/
    }

        .v-container .header a {
            color: #ffffff;
        }

        .v-container .header .logo {
            margin: auto;
            padding: 10px 10px 10px 10px
        }

        .v-container .header .logo .logo-img {
            background: url(logo-viortis.png) no-repeat;
            -ms-background-size: 250px;
            background-size: 250px;
            display: block;
            width: 250px;
            height: 80px;
        }

        .v-container .header .logo .logo-img-20 {
            background: url(logo-viortis-20.png) no-repeat;
            -ms-background-size: 250px;
            background-size: 250px;
            display: block;
            width: 250px;
            height: 80px;
        }

        .v-container .header .ah-container {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 10px
        }

        .v-container .header .ah-container img {
            height: 60px;
            width: 250px;
        }

        .v-container .header .navbar {
            width: 100%;
            padding: 10px 30px 0;
        }

            .v-container .header .navbar .support {
                display: flex;
                -o-justify-content: space-between;
                -webkit-justify-content: space-between;
                justify-content: space-between;
            }

.navbar {
    font-size: 12px;
}

ul.horizontal-ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul.horizontal-ul li {
        float: left;
        margin-right: 1em;
        padding: 0.3em;
    }

        ul.horizontal-ul li.active {
            background-color: #e44b4e;
        }

        ul.horizontal-ul li:last-child {
            margin: 0;
        }

    ul.horizontal-ul.navbar-menu li a {
        text-decoration: none !important;
    }

    ul.horizontal-ul.navbar-menu li {
        padding: 0.6em;
        /*-ms-border-radius: 0.4em;
        border-radius: 0.4em;*/
        /*border: 0.04em #fff solid;*/
        /*border: 1px #083d55 solid;*/
        /*background: #378c91;*/
        /*background-image: linear-gradient(to right top, #378c91, #3b8c91, #3f8c91, #438c91, #468c91);*/
    }

        ul.horizontal-ul.navbar-menu li:hover {
            /*-webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3);
            -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3);
            box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3);*/
            cursor: pointer;
            background: #378c91;
        }

.horizontal-ul.navbar-menu li.active {
    background: #e44b4e;
}

.horizontal-ul.navbar-menu li ul {
    visibility: hidden;
    opacity: 0;
    /*position: absolute;*/
    transition: all 0.5s ease;
    margin-top: 1rem;
    left: 0;
    display: none;
}

    .horizontal-ul.navbar-menu li:hover > ul,
    .horizontal-ul.navbar-menu li ul:hover {
        visibility: visible;
        opacity: 1;
        display: block;
    }

    .horizontal-ul.navbar-menu li ul li {
        clear: both;
        width: 100%;
    }

.vicon {
    width: 22px;
    height: 22px;
    display: inline-flex;
    vertical-align: middle;
}

    .vicon.i-phone {
        background: url(contacts.png) no-repeat;
        -ms-background-size: 18px;
        background-size: 18px;
    }

    .vicon.i-message {
        background: url(message.png) no-repeat;
        -ms-background-size: 20px;
        background-size: 20px;
    }

    .vicon.i-lang {
        background: url(reverse-2.png) no-repeat;
        -ms-background-size: 20px;
        background-size: 20px;
    }

.vbadge[data-badge] {
    display: inline-block;
}

    .vbadge[data-badge]:after {
        background: red;
        border-radius: 30px;
        color: #fff;
        content: attr(data-badge);
        font-size: 11px;
        margin-top: -20px;
        min-width: 20px;
        padding: 2px;
        position: absolute;
        text-align: center;
    }

.vbadge[data-badge^="-"]:after,
.vbadge[data-badge="0"]:after,
.vbadge[data-badge=""]:after {
    display: none;
}

.v-container .header .navbar .support .logout {
}

.v-container .header .navbar .menu {
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
}

.horizontal-ul.navbar-menu.v-settings li.active {
    background: #e44b4e;
}

/* Begin Report simple ------------------------------- */

.v-container .v-report {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    width: 100%;
    flex: 1;
}

.v-container .v-report {
    width: 100%;
}

    .v-container .v-report .content-top-menu {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        justify-content: center; 
        align-items: center;
        text-align: center;
        color: #ffffff;
        background: #3fa0a5;
    }

    .v-container .v-report .content-top-menu li a {
        color: inherit;
        text-decoration: none !important;
    }

    .v-container .v-report .content-top-menu li {
        width: 100%;
        padding: 0.4em;
        display: flex; 
        justify-content: center; 
        align-items: center; 
    }

    .v-container .v-report .content-top-menu li:hover {
        cursor: pointer;
        background: #083d55;
    }

    .v-container .v-report .content-top-menu li.active {
        background: #225872;
    }

    .v-container .v-report .v-constructor {
        display: flex;
        flex-direction: column;
    }

        .v-container .v-report .v-constructor .v-options-panel {
            display: flex;
            flex-direction: row;
        }

            .v-container .v-report .v-constructor .v-options-panel .toggle-constructor {
                background-color: #e44b4e;
                color: #ffffff;
                font-weight: 600;
                padding: 1em;
                cursor: pointer;
                display: flex;
                flex-direction: row;
            }

                .v-container .v-report .v-constructor .v-options-panel .toggle-constructor.disabled {
                    background-color: #ccc;
                    pointer-events: none;
                }

                .v-container .v-report .v-constructor .v-options-panel .toggle-constructor div:first-child {
                    display: flex;
                    flex-direction: column;
                    -o-justify-content: center;
                    -webkit-justify-content: center;
                    justify-content: center;
                    margin: 0 0.6em 0 0;
                }

                .v-container .v-report .v-constructor .v-options-panel .toggle-constructor .v-constructor-icon {
                    width: 2em;
                    height: 2em;
                }

                .v-container .v-report .v-constructor .v-options-panel .toggle-constructor.opened .v-constructor-icon {
                    background: url('designer-close.png')no-repeat;
                    background-size: 2em;
                    animation: anim-constructor-opened 1s;
                }

                .v-container .v-report .v-constructor .v-options-panel .toggle-constructor.closed .v-constructor-icon {
                    background: url('designer-close.png')no-repeat;
                    background-size: 2em;
                    animation: anim-constructor-closed 1s forwards;
                }

@keyframes anim-constructor-opened {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes anim-constructor-closed {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(180deg)
    }
}

.v-container .v-report .v-constructor .v-options-panel div.v-option {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    -o-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

    .v-container .v-report .v-constructor .v-options-panel div.v-option.disabled {
        -moz-filter: brightness(0);
        -webkit-filter: brightness(0);
        filter: brightness(0);
        pointer-events: none;
        opacity: 0.1;
    }

    .v-container .v-report .v-constructor .v-options-panel div.v-option .name {
        color: #225871;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 9pt;
        white-space: nowrap;
    }

    .v-container .v-report .v-constructor .v-options-panel div.v-option .v-currency,
    .v-container .v-report .v-constructor .v-options-panel div.v-option .v-table-type,
    .v-container .v-report .v-constructor .v-options-panel div.v-option .v-save {
        display: flex;
        flex-direction: row;
        -webkit-justify-content: center;
        justify-content: center;
    }

        .v-container .v-report .v-constructor .v-options-panel div.v-option .v-currency a,
        .v-container .v-report .v-constructor .v-options-panel div.v-option .v-table-type a,
        .v-container .v-report .v-constructor .v-options-panel div.v-option .v-save a {
            width: 2em;
            height: 2em;
            margin: auto 0.6em;
            cursor: pointer;
        }

        .v-container .v-report .v-constructor .v-options-panel div.v-option .v-table-type .table {
            background: url('type-tabl-2.png') no-repeat;
            background-size: 1.5em;
        }

            .v-container .v-report .v-constructor .v-options-panel div.v-option .v-table-type .table.active {
                background: url('type-tabl-1.png') no-repeat;
                background-size: 1.5em;
            }

        .v-container .v-report .v-constructor .v-options-panel div.v-option .v-table-type .chart {
            background: url('type-graf-2.png') no-repeat;
            background-size: 1.5em;
        }

            .v-container .v-report .v-constructor .v-options-panel div.v-option .v-table-type .chart.active {
                background: url('type-graf-1.png') no-repeat;
                background-size: 1.5em;
            }

        .v-container .v-report .v-constructor .v-options-panel div.v-option .v-currency .kzt {
            background: url('currency-tenge-2.png') no-repeat;
            -ms-background-size: 1.5em;
            background-size: 1.5em;
        }

        .v-container .v-report .v-constructor .v-options-panel div.v-option .v-currency .kzt.active {
            background: url('currency-tenge-1.png') no-repeat;
            -ms-background-size: 1.5em;
            background-size: 1.5em;
        }

        .v-container .v-report .v-constructor .v-options-panel div.v-option .v-currency .uzs {
            background: url('currency-uzs-2.png') no-repeat;
            -ms-background-size: 2em;
            background-size: 2em;
        }

        .v-container .v-report .v-constructor .v-options-panel div.v-option .v-currency .uzs.active {
            background: url('currency-uzs-1.png') no-repeat;
            -ms-background-size: 2em;
            background-size: 2em;
        }

        .v-container .v-report .v-constructor .v-options-panel div.v-option .v-currency .usd {
            background: url('currency-dollar-2.png') no-repeat;
            -ms-background-size: 1.5em;
            background-size: 1.5em;
        }

            .v-container .v-report .v-constructor .v-options-panel div.v-option .v-currency .usd.active {
                background: url('currency-dollar-1.png') no-repeat;
                -ms-background-size: 1.5em;
                background-size: 1.5em;
            }

        .v-container .v-report .v-constructor .v-options-panel div.v-option .v-currency .gbp {
            background: url('currency-gbp-2.png') no-repeat;
            -ms-background-size: 1.5em;
            background-size: 1.5em;
        }

            .v-container .v-report .v-constructor .v-options-panel div.v-option .v-currency .gbp.active {
                background: url('currency-gbp-1.png') no-repeat;
                -ms-background-size: 1.5em;
                background-size: 1.5em;
            }

        .v-container .v-report .v-constructor .v-options-panel div.v-option .v-currency .eur {
            background: url('currency-euro-2.png') no-repeat;
            -ms-background-size: 1.5em;
            background-size: 1.5em;
        }

            .v-container .v-report .v-constructor .v-options-panel div.v-option .v-currency .eur.active {
                background: url('currency-euro-1.png') no-repeat;
                -ms-background-size: 1.5em;
                background-size: 1.5em;
            }

        .v-container .v-report .v-constructor .v-options-panel div.v-option .v-currency .rub {
            background: url('currency-ruble-2.png') no-repeat;
            -ms-background-size: 1.5em;
            background-size: 1.5em;
        }

            .v-container .v-report .v-constructor .v-options-panel div.v-option .v-currency .rub.active {
                background: url('currency-ruble-1.png') no-repeat;
                -ms-background-size: 1.5em;
                background-size: 1.5em;
            }

        .v-container .v-report .v-constructor .v-options-panel div.v-option .v-save a {
            width: 3em;
            height: 3em;
        }

            .v-container .v-report .v-constructor .v-options-panel div.v-option .v-save a:hover {
                opacity: 0.7;
            }

        .v-container .v-report .v-constructor .v-options-panel div.v-option .v-save .sys {
            background: url('download.png') no-repeat;
            background-size: 2.8em;
        }

        .v-container .v-report .v-constructor .v-options-panel div.v-option .v-save .screenshot {
            background: url('screen.png') no-repeat;
            background-size: 3em;
        }

        .v-container .v-report .v-constructor .v-options-panel div.v-option .v-save .excel {
            background: url('excel.png') no-repeat;
            background-size: 2.8em;
        }

        .v-container .v-report .v-constructor .v-options-panel div.v-option .v-save .excel-group {
            background: url('Excel-plus.png') no-repeat;
            background-size: 3.1em;
        }

    .v-container .v-report .v-constructor .v-options-panel div.v-option select {
        background: none;
        padding: 0.2em;
        color: #225871;
        border-color: #cccccc;
    }

.v-container .v-report .v-constructor .v-parameters {
    padding: 0;
    display: flex;
    flex-direction: column;
}

    .v-container .v-report .v-constructor .v-parameters ul {
        display: block;
        /*width: 100%;*/
    }

    .v-container .v-report .v-constructor .v-parameters .v-add-sortable {
        float: left;
    }

    .v-container .v-report .v-constructor .v-parameters li {
        display: none !important;
    }

        .v-container .v-report .v-constructor .v-parameters li.visible {
            display: flex !important;
        }

            .v-container .v-report .v-constructor .v-parameters li.visible.selected {
                display: flex !important;
                background: #e44b4e;
                background-image: linear-gradient(to right top, #e44b4e, #e44f52, #e55256, #e55659, #e5595d);
                border-color: #E44B4E;
            }

        .v-container .v-report .v-constructor .v-parameters li select {
            width: fit-content;
            background: none;
            border: none;
            color: #ffffff;
        }

            .v-container .v-report .v-constructor .v-parameters li select option {
                color: #225871;
            }

    .v-container .v-report .v-constructor .v-parameters .v-prams-selector,
    .v-container .v-report .v-constructor .v-parameters li {
        color: #ffffff;
        background: #378c91;
        background-image: linear-gradient(to right top, #378c91, #399196, #3b969b, #3d9ba0, #3fa0a5);
        border: 1px solid #083d55;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        user-select: none;
        float: left;
        margin: 0.4em;
        font-size: 0.8em;
        display: flex;
        white-space: pre-line;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        transition: all 0.3s cubic-bezier(.25,.8,.25,1);
        word-break: break-word;
    }

        .v-container .v-report .v-constructor .v-parameters .v-prams-selector:hover,
        .v-container .v-report .v-constructor .v-parameters li:hover {
            opacity: 0.7;
            box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
        }

    .v-container .v-report .v-constructor .v-parameters .v-prams-selector {
        font-size: 3em;
        margin: 0.09em;
    }

.v-parameters-selector-dialog {
    display: none;
    user-select: none;
}

    .v-parameters-selector-dialog .title {
        padding: 0.4em;
        margin: 0 0 0.5em 0;
        font-weight: 600;
        width: 100%;
        background-color: #378c91;
        color: #ffffff;
    }

    .v-parameters-selector-dialog ul {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

        .v-parameters-selector-dialog ul:not(:last-child) {
            margin-bottom: 2em;
        }

        .v-parameters-selector-dialog ul li {
            padding: 0.2em;
            margin: 0.2em;
            /*display: flex;
            flex-direction: row;*/
        }

            .v-parameters-selector-dialog ul li,
            .v-parameters-selector-dialog ul li * {
                cursor: pointer;
            }

                .v-parameters-selector-dialog ul li:hover {
                    background-color: #3fa0a5;
                    color: #ffffff;
                }

                .v-parameters-selector-dialog ul li.selected {
                    background: #e44b4e;
                    color: #ffffff;
                }

                .v-parameters-selector-dialog ul li .checkbox {
                    width: 1em;
                    content: "-";
                }

    .v-container .v-report .v-prints {
        margin: 1em 0 0;
        display: flex;
        flex-direction: row;
        -o-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        text-transform: uppercase;
        text-align: center;
        font-weight: 600;
        color: #ffffff;
        background: #3fa0a5;
        font-size: 0.8em;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }

    .v-container .v-report .v-prints > div {
        padding: 1em 0;
        width: 100%;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        -o-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

        .v-container .v-report .v-prints > div:hover {
            background-color: #378c91;
        }

.v-container .v-report .v-filter-settings {
    display: flex;
    flex-direction: row;
    text-align: center;
}

    .v-container .v-report .v-filter-settings > div {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        padding: 0.5em 0;
        margin: 0 0 0 1em;
        align-items: center;
    }

    .v-container .v-report .v-prints div > div {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

        .v-container .v-report .v-prints div > div > span {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

    .v-container .v-report .v-prints .img {
        width: 2.5em;
        height: 2.5em;
    }

    .v-container .v-report .v-prints .i-view .img {
        background: url('r-file-view.png') no-repeat;
        background-size: 2.5em;
    }

    .v-container .v-report .v-prints .i-viewGroup .img {
        background: url('r-file-view.png') 10% 50% no-repeat;
        background-size: 2.5em;
    }

    .v-container .v-report .v-prints .i-viewConsolidated .img {
        background: url('r-table.png') 10% 50% no-repeat;
        background-size: 2.5em;
    }

    .v-container .v-report .v-prints .i-csv .img {
        background: url('r-csv.png') 10% 50% no-repeat;
        background-size: 2.5em;
    }

    .v-container .v-report .v-prints .i-excel .img {
        background: url('r-excel.png') 10% 50% no-repeat;
        background-size: 2.5em;
    }

    .v-container .v-report .v-prints .i-excelGroup .img {
        background: url('r-excel-group.png') 10% 50% no-repeat;
        background-size: 2.5em;
    }

    .v-container .v-report .v-prints .i-excelConsolidated .img {
        background: url('r-excel.png') 10% 50% no-repeat;
        background-size: 2.5em;
    }

    .v-container .v-report .v-prints .i-excelFormula .img {
        background: url('r-excel-formula.png') 10% 50% no-repeat;
        background-size: 2.5em;
    }
.v-container .v-report .v-prints .i-forecast .img {
    background: url('r-logo-forecast-white.png') 10% 50% no-repeat;
    background-size: 2.5em;
}

#dialogFore .centered-Fore .img {
    background: url('r-logo-forecast-words.png') 10% 50% no-repeat;
    display: inline-block; /* Или block */
    width: 100%;
    min-height: 15em;
}

    .v-container .v-report .v-prints .i-save .img {
        background: url('r-save.png') 10% 50% no-repeat;
        background-size: 2.5em;
    }

    .v-container .v-report .v-prints .i-screenshot .img {
        background: url('screen.png') 10% 50% no-repeat;
        background-size: 2.5em;
    }

.v-container .v-report .v-geo-info {
    display: flex;
    flex-direction: row;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    position: relative;
}

    .v-container .v-report .v-geo-info > div {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .v-container .v-report .v-geo-info .sum,
    .v-container .v-report .v-geo-info .packing,
    .v-container .v-report .v-geo-info .pharmsDiv,
    .v-container .v-report .v-geo-info .medpRepresDiv,
    .v-container .v-report .v-geo-info .medNoDuplDiv,
    .v-container .v-report .v-geo-info .showMapDiv,
    .v-container .v-report .v-geo-info .showResultsDiv {
        display: flex;
        justify-content: center;
        align-items: stretch;
    }

    .v-container .v-report .v-geo-info .sum > div:first-child,
    .v-container .v-report .v-geo-info .packing > div:first-child,
    .v-container .v-report .v-geo-info .pharmsDiv > div:first-child,
    .v-container .v-report .v-geo-info .medpRepresDiv > div:first-child,
    .v-container .v-report .v-geo-info .medNoDuplDiv > div:first-child,
    .v-container .v-report .v-geo-info .showMapDiv > div:first-child,
    .v-container .v-report .v-geo-info .showResultsDiv > div:first-child {
        padding: 0.6em;
    }

    .v-container .v-report .v-geo-info .sum > div:last-child,
    .v-container .v-report .v-geo-info .packing > div:last-child,
    .v-container .v-report .v-geo-info .pharmsDiv > div:last-child,
    .v-container .v-report .v-geo-info .medpRepresDiv > div:last-child,
    .v-container .v-report .v-geo-info .medNoDuplDiv > div:last-child,
    .v-container .v-report .v-geo-info .showMapDiv > div:last-child,
    .v-container .v-report .v-geo-info .showResultsDiv > div:last-child {
        border: 1px solid #3fa0a5;
        padding: 0.3em 1em;
        font-size: 12px;
        font-weight: normal;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .v-container .v-report .v-geo-info .filter {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        color: #ffffff;
    }

        .v-container .v-report .v-geo-info .filter .title {
            user-select: none;
            cursor: pointer;
            background: #225871;
            padding: 0.6em;
            width: calc(17em - 1px);
        }

            .v-container .v-report .v-geo-info .filter .title.disabled {
                background: #ccc;
                pointer-events: none;
            }

            .v-container .v-report .v-geo-info .filter .title.closed:before {
                content: "▼";
                float: right;
                margin-left: 0.4em;
            }

            .v-container .v-report .v-geo-info .filter .title.opened:before {
                content: "▲";
                float: right;
                margin-left: 0.4em;
            }

        .v-container .v-report .v-geo-info .filter .v-filter-content {
            position: absolute;
            width: 18em;
            right: 0;
            z-index: 1;
            background: #eaedf2;
            right: 2px;
        }

            .v-container .v-report .v-geo-info .filter .v-filter-content .content {
                background: #3fa0a5;
                border: 1px solid #225871;
            }

                .v-container .v-report .v-geo-info .filter .v-filter-content .content .v-clear-filter {
                    display: flex;
                    flex-direction: row;
                }

                    .v-container .v-report .v-geo-info .filter .v-filter-content .content .v-clear-filter div {
                        width: 100%;
                        text-align: center;
                        cursor: pointer;
                        user-select: none;
                        padding: 0.3em;
                    }

                        .v-container .v-report .v-geo-info .filter .v-filter-content .content .v-clear-filter div:hover {
                            background: #e44b4e;
                        }

                .v-container .v-report .v-geo-info .filter .v-filter-content .content .v-filter-list select {
                    width: 100%;
                    background: #eaedf2;
                    border: none;
                    color: #225871;
                    height: 25em;
                }

                    .v-container .v-report .v-geo-info .filter .v-filter-content .content .v-filter-list select option:hover {
                        color: #ffffff;
                        background-color: #e44b4e;
                        cursor: pointer;
                    }

            .v-container .v-report .v-geo-info .filter .v-filter-content .v-geo-diagram-settings .v-cont {
                display: flex;
                flex-direction: column;
                color: #225871;
                border: 1px solid #225871;
            }

                .v-container .v-report .v-geo-info .filter .v-filter-content .v-geo-diagram-settings .v-cont > div {
                    padding: 0.2em 0;
                }

                .v-container .v-report .v-geo-info .filter .v-filter-content .v-geo-diagram-settings .v-cont .v-diag-types {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                }

                    .v-container .v-report .v-geo-info .filter .v-filter-content .v-geo-diagram-settings .v-cont .v-diag-types .diagram_selector {
                        background-color: #3fa0a5 !important;
                        width: 4em;
                        height: 4em;
                    }

                        .v-container .v-report .v-geo-info .filter .v-filter-content .v-geo-diagram-settings .v-cont .v-diag-types .diagram_selector.sel {
                            background-color: #e44b4e !important;
                        }

                        .v-container .v-report .v-geo-info .filter .v-filter-content .v-geo-diagram-settings .v-cont .v-diag-types .diagram_selector:hover {
                            opacity: 0.7;
                            cursor: pointer;
                        }

                        .v-container .v-report .v-geo-info .filter .v-filter-content .v-geo-diagram-settings .v-cont .v-diag-types .diagram_selector.diagram_type1 {
                            background: url('chart-pie.png') 50% 50% no-repeat;
                            background-size: 3.5em;
                        }

                        .v-container .v-report .v-geo-info .filter .v-filter-content .v-geo-diagram-settings .v-cont .v-diag-types .diagram_selector.diagram_type2 {
                            background: url('chart-bar.png') 50% 50% no-repeat;
                            background-size: 3.5em;
                        }

                        .v-container .v-report .v-geo-info .filter .v-filter-content .v-geo-diagram-settings .v-cont .v-diag-types .diagram_selector.diagram_type3 {
                            background: url('chart-line.png') 50% 50% no-repeat;
                            background-size: 3.5em;
                        }

                        .v-container .v-report .v-geo-info .filter .v-filter-content .v-geo-diagram-settings .v-cont .v-diag-types .diagram_selector.diagram_type4 {
                            background: url('chart-all.png') 50% 50% no-repeat;
                            background-size: 3.5em;
                        }

    /*-----*/

    .v-container .v-report .v-geo-info .v-filter-menu {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        color: #ffffff;
    }

        .v-container .v-report .v-geo-info .v-filter-menu .title {
            user-select: none;
            cursor: pointer;
            background: #225871;
            padding: 0.6em;
            width: calc(17em - 1px);
        }

            .v-container .v-report .v-geo-info .v-filter-menu .title.disabled {
                background: #ccc;
                pointer-events: none;
            }

            .v-container .v-report .v-geo-info .v-filter-menu .title.closed:before {
                content: "▼";
                float: right;
                margin-left: 0.4em;
            }

            .v-container .v-report .v-geo-info .v-filter-menu .title.opened:before {
                content: "▲";
                float: right;
                margin-left: 0.4em;
            }

        .v-container .v-report .v-geo-info .v-filter-menu .content {
            background: #eaedf2;
            position: absolute;
            width: 18em;
            border: 1px solid #225871;
            left: 0;
            z-index: 1;
        }

            .v-container .v-report .v-geo-info .v-filter-menu .content .v-filter-menu-params {
                display: flex;
                flex-direction: column;
                justify-content: center;
                font-weight: normal;
                cursor: pointer;
                text-align: left;
            }

                .v-container .v-report .v-geo-info .v-filter-menu .content .v-filter-menu-params .TreeMenu {
                    padding: 0.3em 1em;
                    margin-bottom: 0.2em;
                    background: #3fa0a5;
                }

                    .v-container .v-report .v-geo-info .v-filter-menu .content .v-filter-menu-params .TreeMenu.last {
                        margin: 0;
                    }

                    .v-container .v-report .v-geo-info .v-filter-menu .content .v-filter-menu-params .TreeMenu:hover {
                        opacity: 0.7;
                    }

                    .v-container .v-report .v-geo-info .v-filter-menu .content .v-filter-menu-params .TreeMenu.selected {
                        background: #e44b4e;
                    }

                .v-container .v-report .v-geo-info .v-filter-menu .content .v-filter-menu-params .filter-menu div {
                    color: #225871;
                    padding: 0.2em 2em;
                    text-transform: none;
                }

                    .v-container .v-report .v-geo-info .v-filter-menu .content .v-filter-menu-params .filter-menu div:hover,
                    .v-container .v-report .v-geo-info .v-filter-menu .content .v-filter-menu-params .filter-menu div.select {
                        color: #ffffff;
                        background: #e44b4e;
                    }

        .v-container .v-report .v-geo-info .v-filter-menu .v-pharms-toggler {
            display: flex;
            flex-direction: column;
            justify-content: center;
            /*background: #225871;
            padding: 0 1em;*/
        }

            .v-container .v-report .v-geo-info .v-filter-menu .v-pharms-toggler > div {
                display: flex;
                flex-direction: row;
                color: #225871;
            }

                .v-container .v-report .v-geo-info .v-filter-menu .v-pharms-toggler > div > label {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    margin: 0 0 0 0.4em;
                    white-space: nowrap;
                }
/*-----*/

/*begin map*/
.v-container .v-report .v-map {
    /*border: 1px solid;
    margin: 1em;*/
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 768px;
}

    .v-container .v-report .v-map .v-ya-map {
        flex: 1;
    }

.v-map .v-legend-hint {
    position: absolute;
    height: 300px;
    /*width: 560px;*/
    background-color: #378c91;
    display: none;
    z-index: 9999;
    border: 1px solid #378c91;
    padding: 2px;
    /*overflow-x: auto;
    overflow-y: hidden !important;*/
}

    .v-map .v-legend-hint .v-title {
        float: left;
        color: white;
        font-weight: bold;
    }

    .v-map .v-legend-hint .tableReport {
        background-color: white;
    }

        .v-map .v-legend-hint .tableReport tbody,
        .v-map .v-legend-hint .tableReport thead {
            display: block;
        }

        .v-map .v-legend-hint .tableReport td {
            border: 1px solid #225871;
            min-width: 8em;
            max-width: 8em;
            padding: 0 0.3em;
            word-break: break-word;
        }

        .v-map .v-legend-hint .tableReport thead td[rowspan="2"]:first-child,
        .v-map .v-legend-hint .tableReport tbody td:first-child {
            min-width: 14em;
            max-width: 14em;
        }

        .v-map .v-legend-hint .tableReport thead td {
            background-color: rgba(55, 140, 145, 0.4);
            color: #225871;
            font-weight: 600;
            text-align: center;
        }

            .v-map .v-legend-hint .tableReport thead td.tdHeadTotalSum {
                background-color: rgba(55, 140, 145, 0.7019607843137254);
                color: #ffffff;
            }

                .v-map .v-legend-hint .tableReport thead td.tdHeadTotalSum:first-child {
                    text-align: right;
                }

        .v-map .v-legend-hint .tableReport tbody {
            max-height: 14em;
            overflow-y: auto;
        }
/*end map*/
.v-container .v-report .v-filter,
.v-dialog-container .v-filter {
    display: flex;
    flex-direction: row;
    margin: 1em;
}

    .v-container .v-report .v-filter > div,
    .v-dialog-container .v-filter > div {
        width: 100%;
    }

    .v-container .v-report .v-filter .v-params,
    .v-container .v-report .v-filter .v-params-sub,
    .v-dialog-container .v-filter .v-params,
    .v-dialog-container .v-filter .v-params-sum {
        width: auto;
        margin: 0 1em 0 0;
    }

    .v-container .v-report .v-filter .v-params-move-controls {
        width: 10%;
    }

    .v-container .v-report .v-filter .v-params-sub ul li,
    .v-container .v-report .v-filter .v-params-sub ul div {
        width: 100%;
    }

    .v-container .v-report .v-filter .v-params > div,
    .v-container .v-report .v-filter .v-params-sub div ul li,
    .v-dialog-container .v-filter .v-params > div,
    .v-dialog-container .v-filter .v-params-sub div ul li {
        background: #3fa0a5;
        margin: 0 0 0.4em;
        color: #ffffff;
        padding: 0.4em;
    }

    .v-container .v-report .v-filter .v-params-sub div ul div,
    .v-dialog-container .v-filter .v-params-sub div ul div {
        background: #083d55;
        color: #ffffff;
        padding: 0.4em;
        margin: 0 0 0.4em;
    }

    .v-container .v-report .v-filter .v-params > div:last-child,
    .v-container .v-report .v-filter .v-params-sub div ul li:last-child,
    .v-dialog-container .v-filter .v-params > div:last-child,
    .v-dialog-container .v-filter .v-params-sub div ul li:last-child {
        margin: 0;
    }

    .v-container .v-report .v-filter .v-params > div:hover,
    .v-container .v-report .v-filter .v-params-sub div ul li:hover,
    .v-dialog-container .v-filter .v-params > div:hover,
    .v-dialog-container .v-filter .v-params-sub div ul li:hover {
        background-color: #378c91;
        cursor: pointer;
    }

    .v-container .v-report .v-filter .v-params > div.select,
    .v-container .v-report .v-filter .v-params-sub div ul li.active,
    .v-container .v-report .v-filter .v-params-sub div ul li.select,
    .v-dialog-container .v-filter .v-params > div.select,
    .v-dialog-container .v-filter .v-params-sub div ul li.active,
    .v-dialog-container .v-filter .v-params-sub div ul li.select {
        background-color: #e44b4e;
    }

    .v-container .v-report .v-params-list .v-list{
        border: 2px solid #3fa0a5;
        display: flex;
        flex-direction: column;
        height: 95%;
    }

    .v-dialog-container .v-params-list .v-list {
        border: 2px solid #3fa0a5;
        display: flex;
        flex-direction: column;
    }

    .v-container .v-report .v-params-list .v-list .v-title,
    .v-dialog-container .v-params-list .v-list .v-title {
        background: #3fa0a5;
        color: #ffffff;
        padding: 0.4em;
    }

    .v-diag-shares .v-filter-text,
    .v-container .v-report .v-params-list .v-list .v-filter-text,
    .v-dialog-container .v-params-list .v-list .v-filter-text {
        display: flex;
        flex-direction: row;
        padding: 0.4em;
        background-size: 1em;
    }

        .v-diag-shares .v-filter-text .v-search-icon,
        .v-container .v-report .v-params-list .v-list .v-filter-text .v-search-icon,
        .v-dialog-container .v-params-list .v-list .v-filter-text .v-search-icon {
            background: url('search-2.png') 50% 50% no-repeat #3fa0a5;
            background-size: 1em;
            padding: 0.4em 1em;
        }

    .v-container .v-report .v-params-list .v-list .v-reverse-list,
    .v-dialog-container .v-params-list .v-list .v-reverse-list {
        width: fit-content;
        color: #ffffff;
        padding: 0.4em 1em 0.4em 3em;
        text-transform: uppercase;
        margin: 0.4em 0;
        background: url('turn-over.png') 0.5em 50% no-repeat #3fa0a5;
        background-size: 24px;
        cursor: pointer;
        float: left;
    }

        .v-container .v-report .v-params-list .v-list .v-reverse-list:hover,
        .v-dialog-container .v-params-list .v-list .v-reverse-list:hover {
            background-color: #378c91;
        }


    .v-container .v-report .v-params-list .v-list .v-params-list-values {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .v-container .v-report .v-params-list .v-list .v-params-list-values select {
        width: 100%;
        flex: 1;
        background: none;
        border: none;
    }

    .v-dialog-container .v-params-list .v-list .v-params-list-values select {
        width: 100%;
        height: 39em;
        background: none;
        border: none;
    }


        .v-container .v-report .v-params-list .v-list .v-params-list-values select option,
        .v-dialog-container .v-params-list .v-list .v-params-list-values select option {
            padding: 0.4em;
            color: #225871;
        }

            .v-container .v-report .v-params-list .v-list .v-params-list-values select option:hover,
            .v-dialog-container .v-params-list .v-list .v-params-list-values select option:hover {
                color: #ffffff;
                background-color: #e44b4e;
                cursor: pointer;
            }

            .v-container .v-report .v-params-list .v-list .v-params-list-values select option[disabled],
            .v-dialog-container .v-params-list .v-list .v-params-list-values select option[disabled] {
                color: #cccccc;
            }

        .v-container .v-report .v-params-list .v-list .v-params-list-values select optgroup:before,
        .v-dialog-container .v-params-list .v-list .v-params-list-values select optgroup:before {
            content: attr(label);
            display: block;
            color: #ffffff;
            padding: 0.4em;
            text-transform: uppercase;
            margin: 0.4em 0;
            background: #3fa0a5;
            cursor: pointer;
        }

        .v-container .v-report .v-params-list .v-list .v-params-list-values select optgroup[label],
        .v-dialog-container .v-params-list .v-list .v-params-list-values select optgroup[label] {
            color: transparent;
        }

            .v-container .v-report .v-params-list .v-list .v-params-list-values select optgroup[label]::selection,
            .v-dialog-container .v-params-list .v-list .v-params-list-values select optgroup[label]::selection {
                color: transparent;
            }

        .v-container .v-report .v-params-list .v-list .v-params-list-values select optgroup option:first-child,
        .v-dialog-container .v-params-list .v-list .v-params-list-values select optgroup option:first-child {
            margin-top: -1.7em;
        }

.v-container .v-report .v-params-list .v-list-count,
.v-dialog-container .v-params-list .v-list-count {
    background: #e44b4e;
    color: #ffffff;
    padding: 0.4em;
    margin: 0.4em 0 0;
    float: right;
}

.v-container .v-report .v-params-list .v-select-list-count,
.v-dialog-container .v-params-list .v-select-list-count {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .v-container .v-report .v-params-list .v-select-list-count .v-list-clear,
    .v-dialog-container .v-params-list .v-select-list-count .v-list-clear {
        background: #3fa0a5;
        color: #ffffff;
        padding: 0.4em;
        margin: 0.4em 0 0;
        cursor: pointer;
    }

.v-dialog-container {
    display: flex;
    flex-direction: column;
    font-size: 0.8em;
}

    .v-dialog-container .v-diag-selection {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 0.5em;
    }

        .v-dialog-container .v-diag-selection .v-button {
            padding: 0.4em 2em;
            background: #3fa0a5;
            text-transform: uppercase;
            color: #ffffff;
        }

            .v-dialog-container .v-diag-selection .v-button:hover {
                opacity: 0.7;
                cursor: pointer;
            }

.v-container .v-report .v-params-move-controls {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .v-container .v-report .v-params-move-controls div {
        padding: 3em;
        margin: 1em;
        cursor: pointer;
    }

        .v-container .v-report .v-params-move-controls div:hover {
            opacity: 0.7;
        }

    .v-container .v-report .v-params-move-controls .v-param-move-right {
        background: url('r-arrow-right.png') 50% 50% no-repeat;
    }

    .v-container .v-report .v-params-move-controls .v-param-move-excl {
        background: url('r-arrow-excl.png') 50% 50% no-repeat;
    }

    .v-container .v-report .v-params-move-controls .v-param-move-left {
        background: url('r-arrow-left.png') 50% 50% no-repeat;
    }

    .v-container .v-report .v-params-move-controls .v-params-move-right {
        background: url('r-arrow-massive-right.png') 50% 50% no-repeat;
    }


.v-container .v-my-report {
    display: flex;
    flex-direction: row;
    background: none;
}

    .v-container .v-my-report .v-folders .rm {
        width: 20em;
    }

        .v-container .v-my-report .v-folders .rm li {
            width: 100%;
            cursor: pointer;
            color: #ffffff;
            background-color: #378c91 !important;
            font-size: 0.9em;
        }

            .v-container .v-my-report .v-folders .rm li.template {
                opacity: 0.85;
            }

            .v-container .v-my-report .v-folders .rm li .v-li-container {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                padding: 1em;
            }

                .v-container .v-my-report .v-folders .rm li .v-li-container .text {
                    padding: 0 2em 0 1em;
                }

            .v-container .v-my-report .v-folders .rm li.v-create .v-li-container .img {
                background: url('r-folder-create.png') no-repeat transparent;
                background-size: 2.5em;
            }

            .v-container .v-my-report .v-folders .rm li .v-li-container .img {
                background: url('r-folder-closed.png') no-repeat transparent;
                background-size: 2.5em;
            }

            .v-container .v-my-report .v-folders .rm li.template .v-li-container .img {
                background: url('r-folder-template.png') no-repeat transparent;
                background-size: 2.5em;
            }

            .v-container .v-my-report .v-folders .rm li.selected {
                background-color: #e44b4e !important;
            }

                .v-container .v-my-report .v-folders .rm li.selected .v-li-container .img {
                    background: url('r-folder-opened.png') no-repeat transparent;
                    background-size: 2.5em;
                }

            .v-container .v-my-report .v-folders .rm li:hover {
                opacity: 0.7;
                cursor: pointer;
            }

            .v-container .v-my-report .v-folders .rm li .v-li-container > div,
            .v-container .v-my-report .v-my-report-list .v-list li .v-li-container > div {
                display: flex;
                flex-direction: row;
                justify-content: space-evenly;
            }

                .v-container .v-my-report .v-folders .rm li .v-li-container > div > div,
                .v-container .v-my-report .v-my-report-list .v-list li .v-li-container > div > div {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                }

            .v-container .v-my-report .v-folders .rm li .v-li-container .img {
                width: 2.5em;
                height: 2.5em;
                /*margin: 0 1em;*/
            }

            .v-container .v-my-report .v-folders .rm li .v-li-container .v-modify {
                visibility: hidden;
            }

            .v-container .v-my-report .v-folders .rm li:hover .v-li-container .v-modify {
                display: flex;
                flex-direction: row;
                justify-content: flex-end;
                visibility: visible;
            }

            .v-container .v-my-report .v-folders .rm li .v-li-container .v-modify > div {
                width: 2em;
                height: 2em;
                padding: 0.5em;
            }

                .v-container .v-my-report .v-folders .rm li .v-li-container .v-modify > div:hover {
                    opacity: 0.7;
                    background-color: #083d55;
                }

            .v-container .v-my-report .v-folders .rm li .v-li-container .v-modify .v-edit {
                background: url('r-edit.png') 50% 50% no-repeat transparent;
                background-size: 2em;
            }

            .v-container .v-my-report .v-folders .rm li .v-li-container .v-modify .v-delete {
                background: url('r-remove.png') 50% 50% no-repeat transparent;
                background-size: 2em;
            }


    .v-container .v-my-report .v-my-report-list {
        width: 100%;
        margin: 0 0 0 0.2em;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        border-right: 2px solid #3fa0a5;
    }

        .v-container .v-my-report .v-my-report-list .v-list li {
            background: #eaedf2;
        }

            .v-container .v-my-report .v-my-report-list .v-list li.hovered {
                position: relative;
                width: calc(100% + 2px);
            }

            .v-container .v-my-report .v-my-report-list .v-list li .v-li-container {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                border-bottom: 2px solid #378c91;
            }

                .v-container .v-my-report .v-my-report-list .v-list li .v-li-container:hover {
                    cursor: pointer;
                    border-bottom: 0.2em solid #e44b4e;
                }

                    .v-container .v-my-report .v-my-report-list .v-list li .v-li-container:hover .v-image {
                        background-color: #e44b4e !important;
                    }

                .v-container .v-my-report .v-my-report-list .v-list li .v-li-container .v-image {
                    background-color: #378c91 !important;
                    padding: 1em;
                    margin: 0.2em 0 0 !important;
                }

                .v-container .v-my-report .v-my-report-list .v-list li .v-li-container .text {
                    padding: 0 2em 0 1em;
                }

                .v-container .v-my-report .v-my-report-list .v-list li .v-li-container .img {
                    width: 2.5em;
                    height: 2.5em;
                }

                .v-container .v-my-report .v-my-report-list .v-list li .v-li-container .img {
                    background: url('r-file.png') no-repeat transparent;
                    background-size: 2.5em;
                }

        .v-container .v-my-report .v-my-report-list .v-list.create li .v-li-container .v-image {
            margin: 0 !important;
        }

        .v-container .v-my-report .v-my-report-list .v-list.create li .v-li-container .img {
            background: url('r-file-add.png') no-repeat transparent;
            background-size: 2.5em;
        }

        .v-container .v-my-report .v-my-report-list .v-list.create li .v-li-container .text {
            font-weight: 600;
        }

    .v-container .v-my-report .v-my-report-info {
        width: 100%;
    }

        .v-container .v-my-report .v-my-report-info .v-r-panel .rp {
            background-color: #eaedf2;
            min-width: 240px;
            padding: 22px 16px 10px 31px;
            position: absolute;
            visibility: hidden;
            z-index: 2;
        }

            .v-container .v-my-report .v-my-report-info .v-r-panel .rp .head {
                background: #378c91;
                padding: 0.4em;
                margin: 0.4em 0;
                color: #ffffff;
            }

            .v-container .v-my-report .v-my-report-info .v-r-panel .rp .table-column {
                margin: 1em 1em 1em 0;
            }

                .v-container .v-my-report .v-my-report-info .v-r-panel .rp .table-column b {
                    border: 1px solid red;
                    padding: 0.5em;
                    margin: 0 0.5em 0 0;
                    display: inline-block;
                }

            .v-container .v-my-report .v-my-report-info .v-r-panel .rp .v-r-operations ul {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
            }

            .v-container .v-my-report .v-my-report-info .v-r-panel .rp .v-r-operations li {
                width: 100%;
                cursor: pointer;
                /*background-color: #378c91 !important;*/
                font-size: 0.9em;
                flex: 1 0;
                min-width: fit-content;
            }

                .v-container .v-my-report .v-my-report-info .v-r-panel .rp .v-r-operations li .v-li-container {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    border-bottom: 2px solid #378c91;
                }

                    .v-container .v-my-report .v-my-report-info .v-r-panel .rp .v-r-operations li .v-li-container:hover {
                        text-decoration: none !important;
                    }

                    .v-container .v-my-report .v-my-report-info .v-r-panel .rp .v-r-operations li .v-li-container .v-image {
                        background-color: #378c91 !important;
                        padding: 1em;
                        margin: 0.2em 0 0 !important;
                    }

                    .v-container .v-my-report .v-my-report-info .v-r-panel .rp .v-r-operations li .v-li-container .text {
                        padding: 0 2em 0 1em;
                    }

                    .v-container .v-my-report .v-my-report-info .v-r-panel .rp .v-r-operations li .v-li-container .img {
                        width: 2.5em;
                        height: 2.5em;
                    }

                        .v-container .v-my-report .v-my-report-info .v-r-panel .rp .v-r-operations li .v-li-container .img.v-ricon-view,
                        .v-container .v-my-report .v-my-report-info .v-r-panel .rp .v-r-operations li .v-li-container .img.v-ricon-view-group {
                            background: url('r-file-view.png') no-repeat transparent;
                            background-size: 2.5em;
                        }

                        .v-container .v-my-report .v-my-report-info .v-r-panel .rp .v-r-operations li .v-li-container .img.v-ricon-excel,
                        .v-container .v-my-report .v-my-report-info .v-r-panel .rp .v-r-operations li .v-li-container .img.v-ricon-excel-group {
                            background: url('r-excel.png') no-repeat transparent;
                            background-size: 2.5em;
                        }

                        .v-container .v-my-report .v-my-report-info .v-r-panel .rp .v-r-operations li .v-li-container .img.v-ricon-edit {
                            background: url('r-file-edit.png') no-repeat transparent;
                            background-size: 2.5em;
                        }

                        .v-container .v-my-report .v-my-report-info .v-r-panel .rp .v-r-operations li .v-li-container .img.v-ricon-remove {
                            background: url('r-file-remove.png') no-repeat transparent;
                            background-size: 2.5em;
                        }

                .v-container .v-my-report .v-my-report-info .v-r-panel .rp .v-r-operations li:hover {
                    opacity: 0.7;
                    cursor: pointer;
                }

                .v-container .v-my-report .v-my-report-info .v-r-panel .rp .v-r-operations li .v-li-container > div {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-evenly;
                }

                    .v-container .v-my-report .v-my-report-info .v-r-panel .rp .v-r-operations li .v-li-container > div > div {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                    }


/* End Report simple ------------------------------- */

/* Begin Shares dialog ---------------------- */
.v-diag-shares {
    padding: 0 !important;
}

    .v-diag-shares .tabs {
        width: 100%;
        height: 30px;
        font-size: 14px;
        border-bottom: 3px solid #3fa0a5;
        margin-bottom: 3px;
        opacity: 0.9;
    }


        .v-diag-shares .tabs .sh_tab {
            float: left;
            background-color: #3fa0a5;
            color: white;
            margin-left: 3px;
            height: 30px;
            cursor: pointer;
            padding-left: 3px;
            padding-right: 3px;
            line-height: 30px;
        }

            .v-diag-shares .tabs .sh_tab:hover {
                background-color: #378c91 !important;
            }

            .v-diag-shares .tabs .sh_tab.active {
                background-color: #fff !important;
                color: #000;
            }

    .v-diag-shares .tabs-content {
        display: flex;
        flex-direction: column;
        padding: 1em;
    }

    .v-diag-shares .tabs-content {
        display: flex;
        flex-direction: column;
    }

        .v-diag-shares .tabs-content .result-period {
            font-weight: 600;
            text-align: center;
            display: block;
            margin: 10px 0;
        }

        .v-diag-shares .tabs-content .result-table-simple td,
        .v-diag-shares .tabs-content .result-table-detailed td {
            padding: 0.4em 0;
        }

            .v-diag-shares .tabs-content .result-table-simple td:hover,
            .v-diag-shares .tabs-content .result-table-detailed tr:hover {
                background: #3fa0a5;
                color: #ffffff;
                cursor: default;
            }

        .v-diag-shares .tabs-content .result-table-simple tr .shares_btn,
        .v-diag-shares .tabs-content .result-table-detailed tr .shares_btn {
            background: #225871;
            color: #ffffff;
            cursor: pointer;
            padding: 0.4em;
        }

        .v-diag-shares .tabs-content .params,
        .v-diag-shares .tabs-content .params .param {
            display: flex;
            flex-direction: row;
        }

            .v-diag-shares .tabs-content .params:not(:first-child) {
                margin: 0.4em 0 0;
            }

            .v-diag-shares .tabs-content .params .param:not(:first-child) {
                margin: 0 0 0 2em;
            }


            .v-diag-shares .tabs-content .params.search > div {
                width: 100%;
            }

            .v-diag-shares .tabs-content .params.search input[type="text"] {
                width: 55em;
            }

            .v-diag-shares .tabs-content .params.search .param .button {
                color: #ffffff;
                background: #3fa0a5;
                display: flex;
                flex-direction: column;
                justify-content: center;
                padding: 0 0.4em;
                width: 6em;
            }

                .v-diag-shares .tabs-content .params.search .param .button:hover {
                    opacity: 0.7;
                    cursor: pointer;
                }


            .v-diag-shares .tabs-content .params .param .market-vals li {
                float: left;
                padding: 0 2em;
                margin: 0 2em;
            }

                .v-diag-shares .tabs-content .params .param .market-vals li:hover {
                    opacity: 0.7;
                    background: #e44b4e;
                    color: #ffffff;
                    cursor: pointer;
                }

                .v-diag-shares .tabs-content .params .param .market-vals li.active {
                    background: #083d55;
                    color: #ffffff;
                }

/* End Shares dialog -------------------------*/


/* Begin Switch control -------------------------*/
.switch {
    position: relative;
    display: inline-block;
    width: 3.06em;
    height: 1.7em;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cccccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 1.4em;
        width: 1.4em;
        left: 0.2em;
        bottom: 0.15em;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #e44b4e;
}

input:focus + .slider {
    box-shadow: 0 0 1px #e44b4e;
}

input:checked + .slider:before {
    -webkit-transform: translateX(1.3em);
    -ms-transform: translateX(1.3em);
    transform: translateX(1.3em);
}

/* Rounded sliders */
.slider.round {
    border-radius: 1.4em;
}

    .slider.round:before {
        border-radius: 50%;
    }
/* End Switch control -------------------------*/


/* Begin dropdown list---------------------*/
.dropdown-check-list {
    display: inline-block;
}

    .dropdown-check-list .anchor {
        position: relative;
        cursor: pointer;
        display: inline-block;
        padding: 0.3em 2.5em 0.3em 0.3em;
        border: 1px solid #cccccc;
        white-space: nowrap;
    }

        .dropdown-check-list .anchor:after {
            position: absolute;
            content: "";
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid black;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
        }

        .dropdown-check-list .anchor:active:after {
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
        }

    .dropdown-check-list ul {
        background: #eaedf2;
        padding: 2px;
        display: none;
        margin: 0;
        border: 1px solid #cccccc;
        border-top: none;
        position: absolute;
        visibility: hidden;
        column-count: 1;
    }

        .dropdown-check-list ul.show {
            visibility: visible;
            display: block;
        }

        .dropdown-check-list ul li {
            text-align: left;
            padding: 0.3em;
        }

            .dropdown-check-list ul li input {
                margin-right: 1em;
            }
/* End dropdown list ----------------------*/


/* jQuery dialog ------------------------------- */
.ui-dialog.ui-widget {
    border: none;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3);
    padding: 0;
}

.ui-dialog .ui-dialog-titlebar {
    border: none;
    border-radius: 0;
    /*background: #378c91;
    color: #ffffff;*/
    margin: 0;
    padding: 0;
}

    /*.ui-dialog .ui-dialog-titlebar .ui-icon {
        background-color: #ffffff;
    }*/

.v-container .vcontent .v-dialog-container {
    display: flex;
    flex-direction: column;
}
/* End jQuery dialog ------------------------------- */

.h1 {
    padding: 5px;
    vertical-align: middle;
    text-align: center;
    background-color: #378c91;
    padding: 5px;
    vertical-align: middle;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    color: #ffffff;
}

.hC {
    font-family: Arial;
    font-size: 10px;
    color: #ffffff;
    background-color: #378c91;
    padding: 3px;
    border: 1px #ffffff solid;
    height: 20px;
}

.l1 {
    font-size: 10pt;
    text-align: center;
    vertical-align: middle;
}

.l10 {
    padding: 5px;
    font-family: Arial;
    font-size: 10pt;
    text-align: center;
}

.l2 {
    padding: 5px;
    font-family: Arial;
    font-size: 10pt;
    background-color: #e2f4fd;
    text-align: center;
}

.l20 {
    padding: 5px;
    font-family: Arial;
    font-size: 10pt;
    background-color: #e2f4fd;
    text-align: center;
}

.tit {
    padding: 5px;
    text-align: left;
}

.hN {
    text-align: center;
    font-size: 15px;
    padding: 5px;
}

.prev {
    position: absolute;
    z-index: 1000;
    cursor: pointer;
    left: 10px;
    top: 48%;
    width: 12px;
    height: 20px;
    background: url(/Content/images/carusel-lr-arrow.png) no-repeat left center;
}

.next {
    position: absolute;
    z-index: 1000;
    cursor: pointer;
    right: 10px;
    top: 48%;
    width: 12px;
    height: 20px;
    background: url(/Content/images/carusel-lr-arrow.png) no-repeat right center;
}

#TopList li {
    height: 330px;
}
/* End Main Carusel top list*/

/* select control*/
/*select {
    border: 1px #083d55 solid !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
}
select> option {

}*/
/* End select control*/

.fixed_headers thead,
.fixed_headers2 thead {
    display: table-caption !important;
}

.fixed_headers tbody {
    display: block;
    background: none;
    overflow-y: scroll;
    width: 100%;
    height: 160px !important;
}

.fixed_headers2 tbody {
    display: block;
    background: none;
    overflow-y: scroll;
    width: 100%;
}

.amcharts-main-div,
#LegendHintshareDiagramViewBody {
    background-color: #FFFFFF;
}

/* Messages */
.messages th {
    background-color: #378c91;
    color: #FFFFFF;
    padding: 0.5em 0;
}

.message-loader {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(51, 51, 51, 0.30);
    z-index: 9999;
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    pointer-events: none;
}

.lds-roller {
    display: inline-block;
    position: relative;
    height: 64px;
    margin: 0 auto;
}

    .lds-roller div {
        animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        transform-origin: 32px 32px;
    }

        .lds-roller div:after {
            content: " ";
            display: block;
            position: absolute;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #fff;
            margin: -3px 0 0 -3px;
        }

        .lds-roller div:nth-child(1) {
            animation-delay: -0.036s;
        }

            .lds-roller div:nth-child(1):after {
                top: 50px;
                left: 50px;
            }

        .lds-roller div:nth-child(2) {
            animation-delay: -0.072s;
        }

            .lds-roller div:nth-child(2):after {
                top: 54px;
                left: 45px;
            }

        .lds-roller div:nth-child(3) {
            animation-delay: -0.108s;
        }

            .lds-roller div:nth-child(3):after {
                top: 57px;
                left: 39px;
            }

        .lds-roller div:nth-child(4) {
            animation-delay: -0.144s;
        }

            .lds-roller div:nth-child(4):after {
                top: 58px;
                left: 32px;
            }

        .lds-roller div:nth-child(5) {
            animation-delay: -0.18s;
        }

            .lds-roller div:nth-child(5):after {
                top: 57px;
                left: 25px;
            }

        .lds-roller div:nth-child(6) {
            animation-delay: -0.216s;
        }

            .lds-roller div:nth-child(6):after {
                top: 54px;
                left: 19px;
            }

        .lds-roller div:nth-child(7) {
            animation-delay: -0.252s;
        }

            .lds-roller div:nth-child(7):after {
                top: 50px;
                left: 14px;
            }

        .lds-roller div:nth-child(8) {
            animation-delay: -0.288s;
        }

            .lds-roller div:nth-child(8):after {
                top: 45px;
                left: 10px;
            }

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/*<!-- Chat -->*/

.chatbox {
    position: fixed;
    bottom: 0;
    right: 30px;
    width: 300px;
    height: 400px;
    background-color: #fff;
    font-family: 'Lato', sans-serif;
    -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
    z-index: 999;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.chatbox--tray {
    bottom: -350px;
}

.chatbox--closed {
    bottom: -400px;
}

.chatbox .form-control:focus {
    border-color: #1f2836;
}

.chatbox__title,
.chatbox__body {
    border-bottom: none;
}

.chatbox__title {
    min-height: 50px;
    padding-right: 10px;
    background-color: #378c91;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    color: #FFFFFF;
}

    .chatbox__title h5 {
        height: 50px;
        margin: 0 0 0 15px;
        line-height: 50px;
        position: relative;
        padding-left: 20px;
        -webkit-flex-grow: 1;
        flex-grow: 1;
    }

        .chatbox__title h5 a {
            color: #fff;
            max-width: 195px;
            display: inline-block;
            text-decoration: none;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .chatbox__title h5:before {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            left: 0;
            width: 12px;
            height: 12px;
            background: #4CAF50;
            border-radius: 6px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

.chatbox__title__tray,
.chatbox__title__close {
    width: 24px;
    height: 24px;
    outline: 0;
    border: none;
    background-color: transparent;
    opacity: 0.5;
    cursor: pointer;
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
}

    .chatbox__title__tray:hover,
    .chatbox__title__close:hover {
        opacity: 1;
    }

    .chatbox__title__tray span {
        width: 12px;
        height: 12px;
        display: inline-block;
        border-bottom: 2px solid #fff
    }

    .chatbox__title__close svg {
        vertical-align: middle;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.2px;
    }

.chatbox__body,
.chatbox__credentials {
    padding: 15px;
    border-top: 0;
    background-color: #eaedf2;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.chatbox__credentials {
    display: none;
}

    .chatbox__credentials .form-control {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.chatbox__body {
    overflow-y: auto;
    border-left: 1px #378c91 solid;
    border-right: 1px #378c91 solid;
}

.chatbox__body__message {
    position: relative;
}

    .chatbox__body__message p {
        padding: 15px;
        border-radius: 4px;
        font-size: 14px;
        background-color: #fff;
        -webkit-box-shadow: 1px 1px rgba(100, 100, 100, 0.1);
        box-shadow: 1px 1px rgba(100, 100, 100, 0.1);
    }

    .chatbox__body__message > img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 2px solid #fcfcfc;
        position: absolute;
        top: 15px;
    }

    .chatbox__body__message > span.avatar {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 2px solid #fcfcfc;
        background-color: #eaedf2;
        position: absolute;
        top: 15px;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1.2em;
        font-weight: 600;
        cursor: default;
    }

.chatbox__body__message--left > span.avatar {
    left: -5px;
}

.chatbox__body__message--right > span.avatar {
    right: -5px;
}

.chatbox__body__message--left p {
    margin-left: 15px;
    padding-left: 30px;
    text-align: left;
    padding-top: 25px;
}

.chatbox__body__message--left > img {
    left: -5px;
}

.chatbox__body__message--right p {
    margin-right: 15px;
    padding-right: 30px;
    text-align: right;
}

.chatbox__body__message--right > img {
    right: -5px;
}

.chatbox__message {
    padding: 15px;
    min-height: 50px;
    outline: 0;
    resize: none;
    border: none;
    font-size: 12px;
    border: 1px solid #ddd;
    border-bottom: none;
    background-color: #fefefe;
}

.chatbox--empty {
    height: 262px;
}

    .chatbox--empty.chatbox--tray {
        bottom: -212px;
    }

    .chatbox--empty.chatbox--closed {
        bottom: -262px;
    }

    .chatbox--empty .chatbox__body,
    .chatbox--empty .chatbox__message {
        display: none;
    }

    .chatbox--empty .chatbox__credentials {
        display: block;
    }

.chatbox_timing {
    position: absolute;
    right: 10px;
    font-size: 12px;
    top: 2px;
}

    .chatbox_timing ul {
        padding: 0;
        margin: 0
    }

        .chatbox_timing ul li {
            list-style: none;
            display: inline-block;
            margin-left: 3px;
            margin-right: 3px;
        }

            .chatbox_timing ul li a {
                display: block;
                color: #747474
            }

.ul_msg {
    padding: 10px !important;
}

.chatbox__body__message--right .ul_section_full {
    margin-right: 15px;
    padding-right: 15px;
    text-align: right;
    border-radius: 4px;
    font-size: 14px;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px rgba(100, 100, 100, 0.1);
    box-shadow: 1px 1px rgba(100, 100, 100, 0.1);
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-top: 15px;
}

.chatbox__body__message--left .ul_section_full {
    margin-left: 15px;
    padding-left: 15px;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-radius: 4px;
    font-size: 14px;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px rgba(100, 100, 100, 0.1);
    box-shadow: 1px 1px rgba(100, 100, 100, 0.1);
}

.ul_msg {
    padding: 0;
    margin: 0px
}

    .ul_msg li {
        list-style: none;
        display: block;
        word-wrap: break-word;
    }

        .ul_msg li img {
            width: 100%;
            height: 100%;
            display: block;
        }

.ul_msg2 {
    padding: 0;
    margin: 0px;
    text-align: right;
}

    .ul_msg2 li {
        list-style: none;
        display: inline-block;
        margin-right: 15px;
    }

.chatbox__body__message--right .chatbox_timing {
    position: absolute;
    left: 10px;
    font-size: 12px;
    top: 2px;
}

.chatbox__body__message--right .ul_msg2 {
    text-align: left
}

    .chatbox__body__message--right .ul_msg2 li {
        list-style: none;
        display: inline-block;
        margin-left: 15px;
        margin-right: 0px
    }

.chat_set_height {
    height: 30px;
}

.chatbox22 .form-control:focus {
    border-color: #DCDCDC;
}

.width50 {
    width: 50%;
    float: left;
    background: #ECECEC;
}

.chatbox .input-group input[type="text"] {
    float: left;
    width: 232px;
    height: 28px;
    margin: 0;
    padding: 0 0 0 4px;
    border-color: #378c91;
}

.chatbox .input-group input[type="file"] {
    display: none;
}

.chatbox .input-group i.btn {
    float: left;
    width: 30px;
    height: 30px;
    background: #378c91 url(send.png) no-repeat 50% 50%;
    background-size: 20px;
    border: none;
}

    .chatbox .input-group i.btn.file {
        float: left;
        width: 30px;
        height: 30px;
        background: #378c91 url(image-file.png) no-repeat 50% 50%;
        background-size: 20px;
        border: none;
        margin-left: 2px
    }

    .chatbox .input-group i.btn:hover {
        opacity: 0.7;
        cursor: pointer;
    }

    .chatbox .input-group i.btn:active {
        background-color: #e44b4e;
        cursor: pointer;
    }

.chatbox .loader {
    border: 3px solid #f3f3f3;
    border-top: 3px solid #378c91;
    /*border-bottom: 3px solid #e44b4e;*/
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: chatbox-spin 2s linear infinite;
    margin: 0 auto;
}

@keyframes chatbox-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*======================Chat Box Ends=====================================================*/
/*======================Message=====================================================*/
.message_check {
    padding-top: 10px;
}

.messsade_date {
    text-align: left;
    padding-top: 9px;
}

    .messsade_date a {
        color: #000;
    }

.padleftright0 {
    padding-left: 0px;
    padding-right: 0px;
}

.message_box_area {
    color: #000;
    cursor: pointer;
}

.create_m {
    border: 1px solid #ccc !important;
}

.fileinput-button {
    float: left;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
}

.fileinput-button {
    background: none repeat scroll 0 0 #eeeeee;
    border: 1px solid #e6e6e6;
    margin-top: 15px;
}

.fileinput-button {
    float: left;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
}

    .fileinput-button input {
        cursor: pointer;
        direction: ltr;
        font-size: 23px;
        margin: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: translate(-300px, 0px) scale(4);
    }

.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
    margin-bottom: 5px;
}

.create_m:focus {
    border-color: #66afe9 !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
}

.col-lg-3.control-label {
    text-align: left;
}

/*<!-- /Chat -->*/

/*======================Navbar menu=====================================================*/
@media (max-width: 1024px) {
    .navbar {
        font-size: 12px;
    }
    .v-container .v-report .v-prints {
        margin: 1em 0 0;
        display: flex;
        flex-direction: row;
        -o-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        text-transform: uppercase;
        text-align: center;
        font-weight: 600;
        color: #ffffff;
        background: #3fa0a5;
        font-size: 0.6em;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }
}

@media (max-width: 768px) {
    .navbar {
        font-size: 10px;
    }
    .v-container .v-report .v-prints {
        margin: 1em 0 0;
        display: flex;
        flex-direction: row;
        -o-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        text-transform: uppercase;
        text-align: center;
        font-weight: 600;
        color: #ffffff;
        background: #3fa0a5;
        font-size: 0.5em;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }
}
/*======================Navbar menu end =====================================================*/