/* Minification failed. Returning unminified contents.
(4221,2): run-time error CSS1031: Expected selector, found '/'
(4221,2): run-time error CSS1025: Expected comma or open brace, found '/'
(6635,41): run-time error CSS1046: Expect comma, found '0'
(6635,45): run-time error CSS1046: Expect comma, found '/'
 */
/**
******************************************************
File name: Analytics dashboard styling for CompSS
Project name: CompSS
Author: Pushpak Koyal, Sanjib Adhya
Date: 04/24/19
Vesion: 3.0
******************************************************
**/

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

    ul li {
        list-style: none;
        padding: 0;
    }

/* clearfix */
.clearfix::before, .clearfix::after {
    content: "";
    display: inline-block;
    clear: both;
    height: 0;
    width: 0;
}
/* 
******************************************************************************************
Anchor and Default Buttons
******************************************************************************************
*/

a, button {
    width: auto;
    border: none;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-transform: capitalize;
    text-decoration: none;
}

    a.small, button.small {
        padding: 6px 5px;
    }

    a i, button i {
        margin: 0 5px;
        color: white;
    }

    a.dark-blue, button.dark-blue {
        background-color: #164162;
    }

    a.light-blue, button.light-blue {
        background-color: #12a5f8;
    }

    a.steel-blue, button.steel-blue {
        background-color: #345c69;
    }

    a.dark-blue, a.light-blue, a.steel-blue, button.dark-blue, button.light-blue, button.steel-blue {
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        text-align: center;
        color: white;
    }

        a.dark-blue:link, a.dark-blue:visited, a.dark-blue:focus, a.light-blue:link, a.light-blue:visited, a.light-blue:focus, a.steel-blue:link, a.steel-blue:visited, a.steel-blue:focus, button.dark-blue:link, button.dark-blue:visited, button.dark-blue:focus, button.light-blue:link, button.light-blue:visited, button.light-blue:focus, button.steel-blue:link, button.steel-blue:visited, button.steel-blue:focus {
            color: #345c69;
            background-color: #fff;
            -webkit-transition: all ease 0.3s;
            -moz-transition: all ease 0.3s;
            -o-transition: all ease 0.3s;
            -ms-transition: all ease 0.3s;
            transition: all ease 0.3s;
        }

    a.disabled, button.disabled {
        pointer-events: none;
        cursor: not-allowed;
        opacity: 0.7 !important;
        background-color: lightgray;
    }

.button-wrapper input[type="checkbox"].disabled {
    opacity: 0.5;
}

a.disabled:hover, a.disabled:focus, button.disabled:hover, button.disabled:focus {
    background-color: lightgray;
}

a:hover, button:hover {
    text-decoration: none;
    color: #12a5f8;
    outline: 0 none;
}

a:focus, button:focus {
    outline: 0 none;
}

a:hover {
    text-decoration: none !important;
}
/* 
******************************************************************************************
All Input type & checkbox
******************************************************************************************
*/

label {
    float: left;
    width: 100%;
    position: relative;
    left: 0;
    top: 2px;
    vertical-align: baseline;
    font-size: 13px;
    font-weight: 600;
    text-align: right;
    text-transform: capitalize;
}

input[type=text], input[type=number] {
    float: left;
    border-radius: 3px;
    border: 1px solid #999;
    padding: 2px;
    position: relative;
    top: 3px;
    font-style: normal;
    color: #164162;
    text-align: left;
}

    input[type=text]:focus, input[type=number]:focus {
        outline: 0 none;
    }

input[type="checkbox"] {
    position: relative;
    border: 1px solid #164162;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    width: 14px;
    height: 14px;
}

    input[type="checkbox"]:before {
        content: '';
        border-radius: 0px;
        margin-right: 10px;
        border: 1px solid #164162;
        opacity: 0;
        vertical-align: text-top;
        width: 14px;
        height: 14px;
        top: -1px;
        left: -1px;
        position: absolute;
        background: #eee9e9;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
        -ms-transition: all linear 0.3s;
        transition: all linear 0.3s;
    }

    input[type="checkbox"]:after {
        content: '';
        position: absolute;
        left: 0px;
        top: 5px;
        background: transparent;
        width: 2px;
        height: 2px;
        box-shadow: 2px 0 0 #29394f, 4px 0 0 #29394f, 4px -2px 0 #29394f, 4px -4px 0 #29394f, 4px -6px 0 #29394f, 4px -8px 0 #29394f;
        -webkit-transform: scale(0, 0) rotate(40deg);
        -moz-transform: scale(0, 0) rotate(40deg);
        -o-transform: scale(0, 0) rotate(40deg);
        -ms-transform: scale(0, 0) rotate(40deg);
        transform: scale(0, 0) rotate(40deg);
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
        -ms-transition: all linear 0.3s;
        transition: all linear 0.3s;
    }

    input[type="checkbox"]:checked {
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
        -ms-transition: all linear 0.3s;
        transition: all linear 0.3s;
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -o-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
    }

        input[type="checkbox"]:checked:before {
            opacity: 1;
        }

        input[type="checkbox"]:checked:after {
            -webkit-transform: scale(1, 1) rotate(40deg);
            -moz-transform: scale(1, 1) rotate(40deg);
            -o-transform: scale(1, 1) rotate(40deg);
            -ms-transform: scale(1, 1) rotate(40deg);
            transform: scale(1, 1) rotate(40deg);
        }

    input[type="checkbox"]:focus {
        outline: none;
    }

.ctrl-dd select {
    outline: none;
    padding: .4rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-align: left;
    text-transform: capitalize;
    color: #fff;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: calc(2rem + 2px);
}

    .ctrl-dd select > option {
        line-height: 20px;
    }

    .ctrl-dd select.form-control:focus {
        color: #fff;
        background-color: #1b2e34;
        outline: 0;
        box-shadow: none;
    }

select::-ms-expand {
    display: none;
}

.analytics-ctrl .right-block .ctrl-dd:after {
    border: 0;
}

.ctrl-dd:after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 8px;
    top: 50%;
    margin-top: -3px;
    height: 0;
    width: 0;
    pointer-events: none;
}
/* tab buttons */
.switch-view {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 0;
}
/* 
******************************************************************************************
common classes & pseudo elements
******************************************************************************************
*/

.highlighted-text {
    color: #12a5f8;
}

.quick-link {
    color: #345c69;
}

:active, :visited, :focus {
    box-shadow: none;
    outline: 0 none;
    border: 0;
}

.switch-view .nav-item {
    margin-bottom: 0;
}

.switch-view a.nav-link {
    font-family: 'Open Sans', sans-serif;
    transition: all linear .3s;
}
/* tab content */
.tab-content table {
    width: 100%;
}
/* 
******************************************************************************************
data simplebar
******************************************************************************************
*/

div[data-simplebar] {
    max-width: 99.5%;
}

body {
    background-color: #fff !important;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    height: 100vh;
    padding-top: 0;
    padding-bottom: 0;
}

    body main.tunning-wrapper {
        padding-right: 0;
        padding-left: 0;
    }

        body main.tunning-wrapper header {
            background: #15282e;
        }

            body main.tunning-wrapper header > .row {
                width: 100%;
                margin: 0 auto;
            }

                body main.tunning-wrapper header > .row > div {
                    position: relative;
                }

                    body main.tunning-wrapper header > .row > div img.logo {
                        width: 100px;
                        position: relative;
                        top: 15px;
                    }

                    body main.tunning-wrapper header > .row > div ul.my-accout-bucket {
                        list-style: none;
                        margin: 0;
                        padding: 0;
                        position: absolute;
                        right: 0px;
                    }

                        body main.tunning-wrapper header > .row > div ul.my-accout-bucket li {
                            color: #fff;
                            float: left;
                            list-style: none;
                            font-size: 10pt;
                            margin: 20px 0;
                            padding: 0 15px;
                            text-align: right;
                            position: relative;
                        }

                            body main.tunning-wrapper header > .row > div ul.my-accout-bucket li:first-child i {
                                font-size: 11pt;
                            }

                            body main.tunning-wrapper header > .row > div ul.my-accout-bucket li:last-child {
                                padding-right: 0;
                                border-right: none;
                            }

                            body main.tunning-wrapper header > .row > div ul.my-accout-bucket li a {
                                color: #12a5f8;
                                position: relative;
                                transition: all linear 0.3s;
                            }

                                body main.tunning-wrapper header > .row > div ul.my-accout-bucket li a:hover {
                                    color: #fff;
                                    text-decoration: none;
                                }

                            body main.tunning-wrapper header > .row > div ul.my-accout-bucket li span {
                                color: #bfbfbf;
                                margin-left: 3px;
                            }

                            body main.tunning-wrapper header > .row > div ul.my-accout-bucket li.setting-tab a:before {
                                content: "\f085";
                                left: -20px;
                                top: 3px;
                            }

                            body main.tunning-wrapper header > .row > div ul.my-accout-bucket li.tools-tab {
                                padding: 0;
                                margin-right: 14px;
                            }

                                body main.tunning-wrapper header > .row > div ul.my-accout-bucket li.tools-tab:after {
                                    border-right: 0;
                                }

                            body main.tunning-wrapper header > .row > div ul.my-accout-bucket li.tools-tab {
                                margin-left: 14px;
                            }

                            body main.tunning-wrapper header > .row > div ul.my-accout-bucket li:after {
                                content: "";
                                width: 1px;
                                height: 14px;
                                display: block;
                                border-right: 1px solid white;
                                position: absolute;
                                right: 0;
                                top: 5px;
                            }

                            body main.tunning-wrapper header > .row > div ul.my-accout-bucket li:last-child:after {
                                border-right: 0;
                            }

        body main.tunning-wrapper nav button {
            position: absolute;
            right: 0;
            bottom: 0;
            background: none;
            border: none;
            font-size: 20pt;
            font-weight: bold;
            color: #949494;
            outline: 0 none;
        }


    /* 
******************************************************************************************
loader styles
******************************************************************************************
*/

    body .data-loading-wrapper:before {
        content: "";
        background: #fff;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        opacity: 0.8;
    }

    body .data-loading-wrapper svg.loader {
        stroke: #12a5f8;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9999;
    }

        body .data-loading-wrapper svg.loader .circle {
            transform-origin: 45px 45px;
            stroke-width: 2px;
            fill: none;
        }

        body .data-loading-wrapper svg.loader .circle--hidden {
            stroke-opacity: 0;
        }

        body .data-loading-wrapper svg.loader .circle--1 {
            animation: scaling 3s infinite linear 1.5s, visiility 3s infinite linear 1.5s, border 3s infinite linear 1.5s;
        }

        body .data-loading-wrapper svg.loader .circle--2 {
            animation: scaling 3s infinite linear 3s, visiility 3s infinite linear 3s, border 3s infinite linear 3s;
        }

        body .data-loading-wrapper svg.loader .circle--3 {
            animation: scaling-1 1.5s infinite linear;
        }

@keyframes scaling {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(3.5);
    }
}

@keyframes scaling-1 {
    0% {
        transform: scale(1);
    }

    15% {
        transform: scale(0.1);
    }

    30% {
        transform: scale(0.2);
    }

    45% {
        transform: scale(0.3);
    }

    60% {
        transform: scale(0.5);
    }

    75% {
        transform: scale(0.7);
    }

    90% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes visiility {
    0% {
        stroke-opacity: 0;
    }

    50% {
        stroke-opacity: 1;
    }

    100% {
        stroke-opacity: 0;
    }
}

@keyframes border {
    0% {
        stroke-width: 1;
    }

    50% {
        stroke-width: 3;
    }

    100% {
        stroke-width: 0;
    }
}
/* 
******************************************************************************************
footer styles
******************************************************************************************
*/


body footer {
    margin-top: 2em;
    margin-bottom: 2em;
}

    body footer.tuning-footer ul {
        margin-bottom: 1rem;
        position: absolute;
        bottom: 0;
    }

        body footer.tuning-footer ul li {
            display: inline-block;
            position: relative;
            font-size: 12px;
            color: #42555b;
        }

            body footer.tuning-footer ul li:first-child {
                margin-right: 30px;
            }

            body footer.tuning-footer ul li:nth-child(2):after {
                content: "";
                display: inline-block;
                width: 1px;
                height: 14px;
                position: relative;
                top: 4px;
                right: 0;
                background-color: #42555b;
            }

            body footer.tuning-footer ul li a {
                padding-left: .5rem;
                padding-right: .5rem;
                text-transform: none;
                color: #42555b;
                transition: all linear 0.3s;
            }

                body footer.tuning-footer ul li a:hover, body footer.tuning-footer ul li a:focus {
                    color: #12a5f8 !important;
                    text-decoration: none;
                }

body.no-scroll {
    overflow: hidden;
}
/* 
******************************************************************************************
Global styles
******************************************************************************************
*/

.container-fluid.tunning-wrapper {
    padding: 0 0 30px 0;
}

table tr th, table tr td {
    border: 1px solid #afafaf !important;
    padding: 20px 7px;
    font-size: 11px;
}

table tr th {
    padding: .4rem .2rem;
}

.modal-content {
    box-shadow: 0px 5px 8px #555;
}
/* header control containing table title, tab controls and action buttons */
.analytics-ctrl {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    text-transform: capitalize;
    color: #12a5f8;
}

    .analytics-ctrl h1 {
        font-size: 1.5rem;
        font-weight: 700;
        text-align: center;
    }

    .analytics-ctrl h2 {
        font-size: 1.5rem;
        font-weight: 700;
        color: #000;
    }

    .analytics-ctrl span {
        font-size: .9rem;
        font-weight: 400;
    }

    .analytics-ctrl .update_time {
        width: 100%;
        text-align: center;
    }

.ctrl-dd {
    width: auto;
    float: left;
    position: relative;
}

section.analytics-ctrl div.left-block fieldset, section.analytics-ctrl div.right-block fieldset {
    margin-top: 0;
    margin-bottom: 0;
}

.analytics-ctrl .left-block span.updated-text, .analytics-ctrl .right-block span.updated-text {
    display: block;
    color: #676767;
    font-weight: 600;
    font-size: .75rem;
    margin: 6px 0 20px;
}

    .analytics-ctrl .left-block span.updated-text i, .analytics-ctrl .right-block span.updated-text i {
        font-style: normal;
    }

.analytics-ctrl .middle-block h1 {
    margin-bottom: 2.6rem;
}

section.analytics-ctrl div.middle-block hgroup h1 span {
    font-size: 1.5rem;
    font-weight: 700;
}

.analytics-ctrl .right-block span.updated-text {
    margin: 12px 0 20px;
    text-align: right;
    margin-bottom: 1rem;
}

.analytics-ctrl .right-block fieldset {
    float: right;
}

.analytics-ctrl .right-block p {
    text-align: right;
    margin-top: 6px;
    margin-bottom: 0rem;
    font-weight: 600;
    font-size: .75rem;
}

    .analytics-ctrl .right-block p > span {
        font-weight: 600;
    }

.green-text {
    color: #008000 !important;
}

.blue-text {
    color: #12a5f8 !important;
}

.bold-text {
    font-weight: bold;
}
/* 
******************************************************************************************
Data Matrix table designed
******************************************************************************************
*/

table.dataMatrix tr th {
    font-weight: 600;
    text-align: right;
    font-size: 11px;
}

    table.dataMatrix tr th.description-cell-header {
        min-width: 310px;
    }

/* table.dataMatrix tr th.description-cell-header + .millions_cell-header + .actual-cell-header {
            min-width: 40px;
        }

    table.dataMatrix tr th.actual-cell-header {
        min-width: 114px;
    } */

.DTFC_LeftWrapper table.dataMatrix tr th.description-cell-header + .millions_cell-header + .actual-cell-header {
    /* min-width: 40px;
        width: 41px !important; */
}

table.dataMatrix tr th.data-cell-header {
    min-width: 80px;
}

table.dataMatrix tr th:first-of-type {
    min-width: 68px;
}

table.dataMatrix tr th:first-child,
table.dataMatrix tr th:nth-child(2) {
    text-align: left;
}

table.dataMatrix tr td {
    color: #000;
}

table.dataMatrix tbody tr td.FY-col {
    background: #eaeaea;
}

table.dataMatrix tr td a {
    color: #000;
}

table.dataMatrix tbody tr td.description {
    padding: .2rem;
    font-weight: 700;
    position: relative;
    font-size: .68em;
}

table.dataMatrix tbody tr td {
    padding: .4em .6em;
    line-height: 1.6em;
}

table.dataMatrix tr td:first-child, table.dataMatrix tr td:nth-child(2), table.dataMatrix tr td:nth-child(3) {
    text-align: left;
}

    table.dataMatrix tr td:nth-child(2) > a.my-lineitem {
        background: transparent;
        border: 0;
        color: #000;
    }

table.dataMatrix tr td.text-right > a.my-lineitem {
    font-weight: normal;
}

table.dataMatrix tr td.text-right > a:hover, table.dataMatrix tr td.description.merge-top > a:hover {
    color: #12a5f8;
}

table.dataMatrix tr td:nth-child(2) > a.my-lineitem.btn-secondary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

#view_tab__content div#annual.show, #view_tab__content div#quarter.show, #view_tab__content div#full_view.show, #view_tab__content div#original_models.show, #view_tab__content div#Custom_tab_panel.show {
    max-width: 100%;
    overflow: auto;
}

section.analytics-ctrl {
    margin-top: 1rem !important;
}

.analytics-ctrl ul.switch-view {
    margin-bottom: 1rem !important;
    margin-top: 2.32rem !important;
    padding: .1rem 0;
}

body main.tunning-wrapper .tuning-disclosure {
    width: 100%;
    padding: 15px 15px 0 15px;
    margin: 0 auto;
}

body footer {
    margin-top: .5em;
    margin-bottom: 0;
}

body main.tunning-wrapper .tuning-disclosure p {
    padding-top: 0;
}
/* disclosure modal */
.disclosure .modal-body {
    font-size: .8rem;
    line-height: 1.9;
}

.disclosure .modal-title {
    font-weight: bold;
}
/*tooltip*/
table.dataMatrix tbody tr td.text-right {
    position: relative;
}

table.dataMatrix tbody tr td.description > a {
    position: absolute;
    top: 16px;
    text-align: left;
}
/*messgae dialog box*/
div.no-data-msg {
    width: 40%;
    margin: 0 auto;
    position: relative;
    min-height: 300px;
}

    div.no-data-msg p {
        text-align: center;
    }

        div.no-data-msg p > i {
            color: #ffb300;
            font-size: 5em;
            margin-top: 2rem;
        }

        div.no-data-msg p:last-child {
            color: #676767;
            font-size: 2em;
            font-weight: 600;
            width: 35rem;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

/* Loader overlay styling prasanta */
/*#view_tab__content {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;*/
/*background-color: rgba(255, 255, 255, 0.8);*/
/*z-index: 9999;
	display: none;
}*/

/* Spinner style */
/*.col-lg-12 middle-block period-nav {
	border: 8px solid #f3f3f3;
	border-top: 8px solid #3498db;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: spin 1s linear infinite;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}*/

/* 
******************************************************************************************
Error page styles
******************************************************************************************
*/

.error-page-container {
    margin: 4rem auto;
    min-height: 60vh;
    position: relative;
}

    .error-page-container .inner-wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #efefef;
        border: 3px solid #ccc;
        padding: 3em;
        border-radius: 1em;
    }

    .error-page-container i {
        font-size: 6em;
        display: block;
        margin-bottom: 2rem;
        color: #bd2400;
    }

    .error-page-container i, .error-page-container h3 {
        text-align: center;
    }

    .error-page-container h3 {
        color: #676767;
        font-size: 3em;
        text-transform: capitalize;
        font-weight: 600;
    }

section.analytics-ctrl div.left-block fieldset.ctrl-dd:last-child {
    margin-right: 0 !important;
}

table.dataMatrix tbody tr td:first-child {
    min-width: 68px;
    position: relative;
}

    table.dataMatrix tbody tr td:first-child > span {
        position: absolute;
        top: 24px;
        transform: translate(-50%, -50%);
        min-width: 68px;
    }

table.dataMatrix thead tr th.description-cell-header,
table.dataMatrix tbody tr td.description {
    min-width: 310px;
}

    table.dataMatrix tbody tr td.description.merge-top.group_child {
        padding-left: 35px;
        background-color: transparent;
        font-weight: normal;
    }

    table.dataMatrix tbody tr td.description + td.millions-cell {
        min-width: 56px;
        width: 56px !important;
        text-align: center;
    }

        table.dataMatrix tbody tr td.description + td.millions-cell + td.actual-row {
            min-width: 42px;
            max-width: 42px;
            width: 42px !important;
        }

            table.dataMatrix tbody tr td.description + td.millions-cell + td.actual-row > a {
                display: block;
                text-align: center;
            }

table.dataMatrix tbody tr td.text-right {
    min-width: 73px;
}

table.dataMatrix tr td:nth-child(3) {
    min-width: 114px;
}

.DTFC_LeftBodyWrapper {
    background-color: #fff;
}

.merge-top {
    border-bottom: none !important;
}

.merge-buttom {
    border-top: none !important;
}

footer.tuning-footer {
    position: relative;
    min-height: 36px;
}

.foot-note {
    text-align: center;
    font-size: 12px;
    padding-top: 17px;
    color: black;
}
/* firefox hack */
@-moz-document url-prefix() {
    table.dataMatrix thead tr th.description-cell-header {
        min-width: auto;
    }
}
/*  estimates columns */
table.dataMatrix tr th.estimated-header {
    background-color: #12a5f8 !important;
    border-color: #12a5f8 !important;
}

.estimated-header .badge.badge-light {
    background-color: #1b2e34;
    border-radius: 3px;
    position: relative;
    left: 2px;
    top: -1px;
    font-size: 8pt;
    color: #fff;
}
/* top view table wrapper */
.tunning-wrapper header + .container-fluid {
    padding-right: 0;
    padding-left: 0;
}
/* analytics control panel */
section.analytics-ctrl {
    width: 100%;
    margin: 0;
    margin-top: 0 !important;
    padding-bottom: 2rem;
    background: #F1F0F0;
    position: relative;
    min-height: 130px;
}

    section.analytics-ctrl div.left-block, section.analytics-ctrl div.middle-block, section.analytics-ctrl div.right-block {
        padding-top: .8rem;
        padding-bottom: .5rem;
    }

    section.analytics-ctrl div.middle-block {
        padding-bottom: 0;
    }

.ctrl-dd select {
    box-shadow: none;
    background-color: #ffffff;
    border-radius: 0;
    color: #676767;
    border: 1px solid #676767;
}

    .ctrl-dd select.form-control:focus {
        color: #676767;
        background-color: #fff;
        outline: 0;
        box-shadow: none;
    }

.ctrl-dd:after {
    border-top: 6px solid #676767;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}
/*export to excel button*/
/* .analytics-ctrl .right-block a {
	border-top: none;
}

.analytics-ctrl .right-block a {
	background: transparent;
	color: #12a5f8;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
    font-size: .9rem;
	float: right;
	box-shadow: none;
	border-radius: 0;
	max-width: none;
	width: auto;
	height: calc(2rem + 2px);
}

.analytics-ctrl .right-block a > i {
	color: #12a5f8;
}

.analytics-ctrl .right-block a:hover,  
.analytics-ctrl .right-block a:focus {
	color: #12a5f7;
	background-color: transparent;
} */

/* tab view */
.switch-view {
    background: none;
    border-radius: 0;
    box-shadow: none;
}

    .switch-view a.nav-link {
        box-sizing: border-box;
        border-color: transparent;
        border-bottom: none;
        font-size: .8rem;
        color: #95999A;
        font-weight: 600;
    }

        .switch-view a.nav-link:hover, .switch-view a.nav-link:focus {
            background: none;
            box-shadow: none;
            border-color: transparent;
            color: #12a5f8;
        }

        .switch-view a.nav-link.active {
            background: #fff;
            border-color: #95999A;
            border-radius: 0;
            color: #95999A;
        }

#view_tab__content div#annual.show, #view_tab__content div#quarter.show, #view_tab__content div#full_view.show, #view_tab__content div#original_models.show, #view_tab__content div#Custom_tab_panel.show {
    overflow-y: hidden;
}
/* top view table */
table.dataMatrix tr th {
    background-color: #fff;
    border: none !important;
    border-bottom: 1px solid #a6a9aa !important;
    border-top: 1px solid #a6a9aa !important;
    border-right: 1px solid #a6a9aa !important;
    color: #000;
}

    table.dataMatrix tr th.description-cell-header {
        border-right: none !important;
        border-left: 1px solid transparent !important;
        font-size: .7em;
        font-weight: 700;
        padding-left: 10px;
    }

table.dataMatrix tbody tr td.description > a {
    top: 4px;
    left: 10px;
}
/* table tr td.description.merge-top, table tr td.merge-buttom {
	border-right-color: transparent !important;
} */
table tr td.description.merge-top + td {
    border-bottom-color: transparent !important;
}
/*  estimated columns */
table.dataMatrix tr th.estimated-header {
    background-color: #F5F9FB !important;
    border-color: #afafaf !important;
    border-bottom-color: #12a5f8 !important;
    border-bottom-width: 1px !important;
}

table.dataMatrix tr td {
    background-clip: padding-box; /* for Firefox and IE */
}

    table.dataMatrix tr td.est-data {
        background-color: #F5F9FB;
    }

    table.dataMatrix tr th.left-cell-border, table.dataMatrix tr td.left-cell-border, table.dataMatrix tr td.FY-col.left-cell-border {
        border-right: 0 !important;
        border-left-width: 1px !important;
    }

    table.dataMatrix tr th.right-cell-border, table.dataMatrix tr td.right-cell-border, table.dataMatrix tr td.FY-col.right-cell-border {
        border-left: 0 !important;
        border-right-width: 1px !important;
    }

    table.dataMatrix tr th.no-cell-border, table.dataMatrix tr td.no-cell-border, table.dataMatrix tr td.FY-col.no-cell-border {
        border-left: 0 !important;
        border-right: 0 !important;
    }

    table.dataMatrix tr th.no-bottom-border, table.dataMatrix tr td.no-bottom-border, table.dataMatrix tr td.FY-col.no-bottom-border {
        border-bottom: 0 !important;
    }

    table.dataMatrix tr th.no-top-border, table.dataMatrix tr td.no-top-border, table.dataMatrix tr td.FY-col.no-top-border {
        border-top: 0 !important;
    }

.estimated-header .badge.badge-light {
    background-color: transparent;
    border-radius: 0;
    left: 0;
    top: 0;
    font-weight: normal;
    color: #000;
}

table.dataMatrix thead tr th.FYE-col, table.dataMatrix tbody tr td.FYE-col {
    background-color: #e6f0f3 !important;
}

table.dataMatrix thead tr th.FYA-col, table.dataMatrix tbody tr td.FYA-col {
    background-color: #eff0f0;
}

.DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner, .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner:focus {
    overflow-x: hidden !important;
}

.DTFC_LeftHeadWrapper table.dataMatrix.dataTable {
    background-color: #fff;
}

.tunning-modal div.modal-dialog .modal-content table.dataMatrix tbody tr td.FYA-col:after, .tunning-modal div.modal-dialog .modal-content table.dataMatrix tbody tr td.FYE-col:after {
    content: '';
    border-bottom: 1px solid #afafaf;
    display: block;
    width: 104%;
    position: absolute;
    left: -2px;
    bottom: -1px;
}
/*company name*/
.analytics-ctrl .left-block div.company-name span.updated-text {
    color: #676767;
    margin-bottom: 4px;
}

    .analytics-ctrl .left-block div.company-name span.updated-text > i {
        font-weight: bold;
        color: #000;
    }
/*time period*/
.analytics-ctrl .right-block fieldset h4.time-periods {
    color: #676767;
    margin-bottom: 2px;
    margin-top: 4px;
    font-weight: 300;
    text-align: right;
}

.analytics-ctrl .right-block span.updated-text {
    margin: 3px 0 8px;
    text-align: right;
    margin-bottom: 0;
}

    .analytics-ctrl .right-block span.updated-text i {
        color: #000;
        font-weight: bold;
    }
/*description cell*/
table.dataMatrix tbody tr td.description a.tootip-btn span.scall {
    font-weight: 300;
    color: #999;
}
/*fiscal year*/
.fiscal-year {
    color: #676767;
    font-size: .75rem;
    font-weight: 600;
    margin-bottom: 4px;
}

    .fiscal-year span {
        font-weight: bold;
        color: #000;
        font-size: .75rem;
    }
/*eps report*/
.eps-report {
    color: #676767;
    font-weight: 600;
}

    .eps-report i {
        font-weight: bold;
        color: #000;
    }

.analytics-ctrl .right-block p > span {
    font-weight: bold;
}
/*period nav*/
.tab-content {
    position: relative;
}

    .tab-content div.period-nav {
        position: absolute;
        top: -47px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 9;
    }

.hide_modal {
    display: none !important;
}
/*preference link removed*/
.analytics-ctrl .right-block a.pref-link.hide_link {
    visibility: hidden;
    float: left;
}

/* 
******************************************************************************************
CSS hack
******************************************************************************************
*/

/*firefox hack */
@-moz-document url-prefix() {
    table.dataMatrix > thead {
        display: table-header-group;
    }

    table.dataMatrix tr td.est-data {
        background-color: transparent;
        box-shadow: inset 0px 0px 100px #F5F9FB;
        position: relative;
    }

    table.dataMatrix tbody tr td.FYA-col::after, table.dataMatrix tbody tr td.FYE-col::after {
        bottom: 0px;
    }

    table.dataMatrix thead tr th.FYE-col, table.dataMatrix tbody tr td.FYE-col {
        background: transparent !important;
        box-shadow: inset 0px 0px 100px #e6f0f3;
    }

    table.dataMatrix thead tr th.FYA-col, table.dataMatrix tbody tr td.FYA-col {
        background: transparent;
        box-shadow: inset 0px 0px 100px #eff0f0;
    }

    .tunning-modal#BrokerModal .popup-body .popup-content table tr td.highlighted-top-line.description::after {
        top: 1px;
    }

    .tunning-modal#StatisticsModal .popup-body .popup-content table tr td.highlighted-bottom-line.description::after {
        bottom: -1px;
    }
    /*media query*/
    @media (min-width: 1680px) and (max-width: 1919px) {
        body {
            padding-top: 0;
            padding-bottom: 0;
        }
    }
}

/*Edge hack */
@supports (-ms-ime-align:auto) {
    table.dataMatrix tbody tr td.FYA-col:after, table.dataMatrix tbody tr td.FYE-col:after {
        content: '';
        border-bottom: 0;
        display: block;
        width: 0;
        position: initial;
        left: auto;
        bottom: auto;
    }

    table.dataMatrix thead tr th.FYE-col, table.dataMatrix tbody tr td.FYE-col {
        background: transparent !important;
        box-shadow: inset 0px 0px 100px #e6f0f3;
    }

    table.dataMatrix thead tr th.FYA-col, table.dataMatrix tbody tr td.FYA-col {
        background: transparent;
        box-shadow: inset 0px 0px 100px #eff0f0;
    }

    .tunning-modal .popup-body .popup-content table.dataMatrix tbody tr td.FYA-col::after, .tunning-modal .popup-body .popup-content table.dataMatrix tbody tr td.FYE-col::after {
        border-bottom: 0;
    }

    .tab-content .DTFC_LeftWrapper {
        position: inherit !important;
    }

    .popup .DTFC_LeftWrapper {
        display: none;
    }

    .tunning-modal#StatisticsModal .popup-body .popup-content table tr td.highlighted-bottom-line::after {
        bottom: auto;
        top: 24px;
    }

    .tunning-modal#StatisticsModal .popup-body .popup-content table tr td.highlighted-bottom-line.description:after {
        bottom: 0;
    }

    .tunning-modal#BrokerModal .popup-body .popup-content table tr td.highlighted-top-line.description::after {
        top: 1px !important;
    }
    /*media query*/
    @media(min-width: 1680px) {
        .tunning-modal#BrokerModal .popup-body .popup-content table tr td.highlighted-top-line.description::after {
            top: 0;
        }
    }

    @media(min-width:992px) {
        .tunning-modal .popup-content .DTFC_LeftBodyLiner {
            overflow-y: hidden !important;
        }
    }
    /*custom range*/
    @media (min-width: 1680px) and (max-width: 1919px) {
        body {
            padding-top: 0;
            padding-bottom: 0;
        }
    }
}

p.org-model-earning {
    width: 48%;
    margin: 0 auto 0;
    position: relative;
}

    p.org-model-earning span {
        position: absolute;
        left: 400px;
        top: 15px;
        font-size: .8rem;
        font-weight: 600;
        color: #000000;
        letter-spacing: 0px;
        z-index: 1;
    }



/*ie css hack*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .tab-content .DTFC_LeftWrapper {
        position: inherit !important;
    }

    .tunning-modal#StatisticsModal .popup-body .popup-content table tr td.highlighted-bottom-line::after {
        bottom: auto;
        top: 24px;
    }

    .tunning-modal#StatisticsModal .popup-body .popup-content table tr td.highlighted-bottom-line.description:after {
        bottom: 0;
    }

    .tunning-modal#BrokerModal .popup-body .popup-content table tr td.highlighted-top-line.description::after {
        top: 1px !important;
    }

    .popup .DTFC_LeftWrapper {
        display: none;
    }

    #dataOriginalModel_wrapper table#dataOriginalModel input[type='checkbox'] {
        top: 22px !important;
    }

    #dataOriginalModel_wrapper table#dataOriginalModel tbody tr td:first-child {
        display: table-cell !important;
    }

    .empty_models_wrapper#dataOriginalModel_wrapper table#dataOriginalModel tbody tr td {
        padding: 0 15px !important;
    }
}

/* 
******************************************************************************************
media query
******************************************************************************************
*/

@media (min-width: 1680px) and (max-width: 1919px) {
    body {
        padding-top: 0;
        padding-bottom: 0;
    }
}

/*for small devices*/
@media (min-width: 576px) {
    /* modal inside analytics dashboard */
    .tunning-modal .popup-wrapper {
        max-width: 90%;
    }
}

/*custom range*/
@media (max-width: 575.98px) {
    .analytics-ctrl h1, .analytics-ctrl h2 {
        font-size: 1.2rem;
    }

    .switch-view a.nav-link {
        font-size: .8rem;
    }

    a#ppt-tab {
        background-color: transparent !important;
    }

    .tab-content div.period-nav {
        top: -36px;
    }
}

@media(min-width:576px) and (max-width:767.98px) {
    .tab-content div.period-nav {
        top: -51px;
    }
}


/*for small devices*/
@media (max-width: 767.98px) {
    body main.tunning-wrapper header > .row .col-xs-12.col-md-2 {
        text-align: center;
        margin-top: 15px;
        margin-bottom: 2px;
    }

        body main.tunning-wrapper header > .row .col-xs-12.col-md-2 img {
            top: 0;
        }

    body main.tunning-wrapper header > .row .col-xs-12.col-md-10 ul.my-accout-bucket {
        width: 100%;
        position: relative;
        float: left;
        right: 0;
        margin-bottom: 15px;
    }

    body main.tunning-wrapper nav#navdatawrapper .row div.defaults-links {
        position: relative;
        right: 0;
        top: -7px;
    }

    .analytics-ctrl .right-block p {
        margin-top: .5rem;
    }

    .analytics-ctrl .right-block p, .analytics-ctrl .right-block span.updated-text {
        text-align: center !important;
    }

    /* .analytics-ctrl .right-block a {
        margin: 0 auto 1rem;
        display: block;
        float: none;
    } */

    section.analytics-ctrl div.left-block .ctrl-dd {
        width: 100%;
        margin-top: 10px;
    }

    #view_tab__content div#annual.show, #view_tab__content div#quarter.show, #view_tab__content div#full_view.show, #view_tab__content div#original_models.show, #view_tab__content div#Custom_tab_panel.show, #view_tab__content div.tab-pane.show {
        overflow-y: hidden;
    }

    .tab-content .DTFC_LeftWrapper {
        display: none;
    }

    section.analytics-ctrl div.left-block h2, section.analytics-ctrl div.left-block span.updated-text, section.analytics-ctrl div.left-block p.fiscal-year {
        text-align: center;
    }

    /*modal related*/
    .tunning-modal {
        padding-left: 0 !important;
    }

        .tunning-modal .popup-wrapper .popup-header {
            padding: 0;
            display: block;
        }

        .tunning-modal .popup-body .popup-content {
            margin-top: 40px;
        }

        .tunning-modal .popup-wrapper .popup-header div.company-header {
            padding-top: 0;
        }

            .tunning-modal .popup-wrapper .popup-header div.company-header, .tunning-modal .popup-wrapper .popup-header div.company-header + div {
                padding-left: 0;
                padding-right: 0;
            }

                .tunning-modal .popup-wrapper .popup-header div.company-header h2, .tunning-modal .popup-wrapper .popup-header div.company-header span.updated-text {
                    text-align: center;
                }

                .tunning-modal .popup-wrapper .popup-header div.company-header span.updated-text {
                    margin-top: 0;
                    margin-bottom: 10px;
                }

        .tunning-modal div.modal-dialog .modal-content .modal-body {
            padding: 0;
        }

        .tunning-modal .popup-wrapper .popup-header div.period-header {
            padding-left: 0;
            padding-right: 0;
        }

            .tunning-modal .popup-wrapper .popup-header div.period-header > div {
                float: none;
            }

            .tunning-modal .popup-wrapper .popup-header div.period-header div > p, .tunning-modal .popup-wrapper .popup-header div.period-header span.updated-text {
                text-align: center;
            }

        .tunning-modal .popup-wrapper .popup-header button.back_btn {
            right: 5px;
        }

        .tunning-modal#StatisticsModal .popup-wrapper .popup-header button.back_btn {
            right: -14px;
            top: -10px;
        }
}

/*upto iPad portrait*/
@media (max-width: 768px) {
    body main.tunning-wrapper header > .row .col-xs-12.col-md-2 {
        text-align: center;
        margin-top: 15px;
        margin-bottom: 2px;
    }

        body main.tunning-wrapper header > .row .col-xs-12.col-md-2 img {
            top: 0;
        }

    body main.tunning-wrapper header > .row .col-xs-12.col-md-10 ul {
        margin-top: 16px;
    }

        body main.tunning-wrapper header > .row .col-xs-12.col-md-10 ul.my-accout-bucket li {
            margin: 5px 0;
            padding: 0 5px;
        }

            body main.tunning-wrapper header > .row .col-xs-12.col-md-10 ul.my-accout-bucket li:first-child, body main.tunning-wrapper header > .row .col-xs-12.col-md-10 ul.my-accout-bucket li:last-child {
                width: auto;
            }

            body main.tunning-wrapper header > .row .col-xs-12.col-md-10 ul.my-accout-bucket li:first-child {
                padding-left: 0;
            }

            body main.tunning-wrapper header > .row .col-xs-12.col-md-10 ul.my-accout-bucket li a:before {
                content: "";
            }

            body main.tunning-wrapper header > .row .col-xs-12.col-md-10 ul.my-accout-bucket li.tools-tab {
                margin: 0;
                margin-top: 6px;
            }
}

/*form iPad portrait*/
@media (min-width: 768px) {
    body main.tunning-wrapper header > .row {
        height: 70px;
    }

        body main.tunning-wrapper header > .row .col-xs-6.col-md-4 {
            padding: 15px 0 15px 0;
        }

    div.modal-dialog {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }

    .tunning-modal div.modal-dialog .modal-content .modal-header h2 {
        margin-bottom: 6px !important;
    }
}

/*custom range*/
@media (min-width: 769px) {
    body main.tunning-wrapper header > .row .col-xs-12.col-md-10 ul {
        margin-top: 4px;
    }
}

/*for small device*/
@media (max-width: 991.98px) {
    section.analytics-ctrl div.left-block fieldset.ctrl-dd:first-of-type {
        margin-right: 10% !important;
    }

    section.analytics-ctrl div.left-block fieldset.ctrl-dd select {
        width: 100%;
        max-width: none;
    }

    section.analytics-ctrl div.middle-block h1 {
        margin-bottom: .5rem;
    }

    section.analytics-ctrl div.middle-block .switch-view {
        justify-content: space-between;
        margin-left: 0;
        margin-right: 0;
        max-width: none;
    }

        section.analytics-ctrl div.middle-block .switch-view li.nav-item {
            justify-content: space-between;
            margin-left: 0;
            margin-right: 0;
            max-width: none;
            width: 33.333%;
        }

    .analytics-ctrl .right-block fieldset {
        float: none;
    }

    footer.tuning-footer {
        padding: 0 15px;
        bottom: 0;
    }

    body footer.tuning-footer ul {
        margin: 0;
        position: relative;
        bottom: -10px;
        padding: 0;
    }

        body footer.tuning-footer ul li:first-child {
            text-align: center;
        }

    /*top section*/
    section.analytics-ctrl div.right-block {
        padding-top: 0;
    }

    .analytics-ctrl .right-block fieldset h4.time-periods {
        margin-top: 0;
    }

    section.analytics-ctrl div.middle-block {
        position: absolute;
        bottom: -24px;
    }

    .analytics-ctrl .right-block fieldset h4.time-periods {
        text-align: center;
    }

    .tunning-modal .popup-wrapper .popup-header .fiscal-year {
        text-align: center;
    }

    .tunning-modal .popup-wrapper .popup-header h1 {
        text-align: center;
        padding-top: 0;
    }

    .tunning-modal .popup-wrapper .poup-content .dataTables_scrollBody {
        height: auto !important;
    }

    .switch-view {
        margin-bottom: 0 !important;
    }
}

/*for ipad portrait mode*/
@media (min-width: 768px) and (max-width: 991.98px) {
    section.analytics-ctrl div.right-block {
        padding-top: 12px;
    }

    .analytics-ctrl .right-block fieldset > div {
        float: right;
        margin-top: .8rem;
        width: 100%;
    }

    /* .analytics-ctrl .right-block a {
        margin-top: 1rem;
    } */

    .analytics-ctrl .right-block fieldset h4.time-periods {
        text-align: right;
    }

    section.analytics-ctrl div.left-block .ctrl-dd {
        width: 45%;
    }

    .tab-content div.period-nav {
        top: -51px;
    }

    .container-fluid.tunning-wrapper {
        padding: 0 0 10px 0;
    }

    .tab-content .dataTables_scrollBody, .tab-content .DTFC_LeftBodyWrapper {
        max-height: 60vh !important;
        height: auto !important;
    }
    /*export to excel*/
    .analytics-ctrl .right-block fieldset > div {
        margin-top: 0;
        margin-bottom: 15px;
    }
}

/*for ipad portrait mode*/
@media (min-width: 768px) and (max-width: 991.98px) and (orientation: landscape) {
    /*iphonex landscape mode*/
    footer.tuning-footer {
        bottom: auto;
    }
}

/*for ipad portrait mode*/
@media (max-width: 1023px) {
    body {
        overflow-y: auto !important;
        height: 100vh;
    }
}

@media (min-width:992px) {
    .tunning-wrapper .table-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    /*cell fixation*/
    #view_tab__content div#annual.show, #view_tab__content div#quarter.show, #view_tab__content div#full_view.show, #view_tab__content div#original_models.show, #view_tab__content div#Custom_tab_panel.show {
        border-bottom: 2px solid #afafaf;
        position: relative;
    }

        #view_tab__content div#annual.show:after, #view_tab__content div#quarter.show:after, #view_tab__content div#full_view.show:after, #view_tab__content div#original_models.show:after, #view_tab__content div#Custom_tab_panel.show:after, #view_tab__content div.tab-pane.show:after {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            background: #afafaf;
            position: absolute;
            top: 0;
            left: 0;
        }

    .switch-view a.nav-link.active {
        position: relative;
    }

        .switch-view a.nav-link.active:before {
            content: "";
            display: block;
            background: #fff;
            height: 2px;
            width: 100%;
            position: absolute;
            bottom: -1px;
            left: 0;
        }

    /*end cell fixation*/
    .analytics-ctrl ul.switch-view {
        margin-bottom: 0rem !important;
        margin-top: 0px !important;
        min-height: 34px;
        max-width: 254px;
    }

    .analytics-ctrl .left-block div.company-name h2 {
        max-height: 4rem;
        overflow: hidden;
        padding-top: 0 !important;
        font-size: 1rem;
    }

    .analytics-ctrl .middle-block h1 {
        font-size: 1rem;
        margin-bottom: 0;
    }

    section.analytics-ctrl div.middle-block hgroup h1 span {
        font-size: 1rem;
    }

    section.analytics-ctrl + div.tab-content {
        margin-top: 1.4rem;
    }

    .switch-view .nav-item {
        padding: .1rem .2rem;
    }

    .analytics-ctrl ul.switch-view {
        padding: 0;
    }

    .ctrl-dd select {
        width: 148px;
        max-width: 148px;
        font-size: .65rem;
    }

    .tab-content .dataTables_scrollBody, .tab-content .DTFC_LeftBodyWrapper {
        max-height: 600px !important;
    }

    .tab-content .DTFC_LeftBodyLiner {
        height: 100% !important;
        max-height: 100% !important;
    }

    body footer.tuning-footer ul {
        position: fixed;
        bottom: -5px;
        width: 100%;
        background-color: #fff;
        border-top: 1px solid gray;
        padding: .2rem 0;
    }

    .DTFC_LeftBodyLiner:after {
        content: "";
        display: block;
        height: 100%;
        width: 0px;
        background: #afafaf;
        position: absolute;
        right: 0;
    }

    .analytics-ctrl .left-block div.company-name span.updated-text {
        float: left;
        margin-right: 20px;
    }

    .fiscal-year {
        margin-top: 4px;
    }

    section.analytics-ctrl + div.tab-content {
        margin-top: 0;
    }

    .analytics-ctrl ul.switch-view {
        position: relative;
        z-index: 5;
        left: 0;
        top: 71px;
        padding: 0;
        max-width: 350px;
        min-height: 38px;
    }

    .switch-view .nav-item {
        padding: .1rem .2rem;
    }

    .switch-view a.nav-link {
        padding: .3rem .4rem;
    }

        .switch-view a.nav-link.active {
            border-bottom: none;
        }

    .analytics-ctrl .right-block fieldset {
        position: relative;
        top: 8px;
    }

    /*peer button*/
    #Peer-btn.ctrl-dd select {
        max-width: 150px;
        width: 150px;
    }

    /* footer */
    body footer.tuning-footer {
        min-height: 20px;
    }

        body footer.tuning-footer ul {
            width: 100%;
            bottom: 0;
            left: 0;
            padding: 0 15px;
        }

    /*period nav*/
    .switch-view {
        max-width: none;
        min-height: auto;
        margin-bottom: 0 !important;
    }

    .tab-content div.period-nav {
        top: -45px;
        z-index: 99;
    }

    section.analytics-ctrl div.left-block, section.analytics-ctrl div.right-block {
        z-index: 99;
    }
}

/*For desktop*/
@media (min-width:1200px) {
    .ctrl-dd select {
        max-width: 182px;
        width: 182px;
        font-size: .8rem;
    }

    .analytics-ctrl .left-block div.company-name h2, section.analytics-ctrl div.middle-block hgroup h1, section.analytics-ctrl div.middle-block hgroup h1 span {
        font-size: 1.5rem;
    }

    .tab-content .DTFC_LeftBodyLiner {
        overflow-x: hidden !important;
        overflow-y: auto !important;
        border-right: 1px solid #afafaf;
        height: auto !important;
    }

    div.custom_dataTables_wrapper table.dataMatrix tr th.data-cell-header {
        min-width: 8vw;
    }

    #Peer-btn .ctrl-dd select {
        width: 120px;
    }

    .switch-view .nav-item {
        padding: .1rem .8rem;
    }

    /*edge css hack*/
    @supports (-ms-ime-align:auto) {
        .tab-content .DTFC_LeftBodyWrapper {
            max-height: 100% !important;
        }
    }

    /*ie css hack*/
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .tab-content .DTFC_LeftBodyWrapper {
            max-height: 100% !important;
        }
    }

    /*firefox css hack*/
    /* @-moz-document url-prefix() {
 .tab-content .DTFC_LeftBodyLiner {
 width: 356px !important;
}
}
}

@media (min-width: 1200px) and (max-width:1599px) {
    @-moz-document url-prefix() {
 .tab-content .DTFC_LeftBodyLiner {
 width: 373px !important;
}
}
} */

    /*For HD screen*/
    @media (min-width:1600px) {
        .ctrl-dd select {
            max-width: 210px;
            width: 210px;
            font-size: .9rem;
        }

        body footer.tuning-footer ul {
            bottom: 0px;
        }

        .tunning-modal#BrokerModal .popup-body .popup-content table tr td.highlighted-top-line.description::after {
            top: 1px;
        }

        /*edge css hack*/
        @supports (-ms-ime-align:auto) {
            .tab-content .DTFC_LeftBodyWrapper {
                max-height: 100% !important;
            }
        }

        /*ie css hack*/
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
            .tab-content .DTFC_LeftBodyWrapper {
                max-height: 100% !important;
            }
        }

        /*firefox css hack*/
        @-moz-document url-prefix() {
            .tab-content .DTFC_LeftBodyLiner {
                width: 375px !important;
            }

            .tunning-modal#BrokerModal .popup-body .popup-content table tr td.highlighted-top-line.description::after {
                top: 1px;
            }
        }
    }

    /*For HD screen*/
    @media (min-width: 1680px) {
        /*edge css hack*/
        @supports (-ms-ime-align:auto) {
            .tab-content .DTFC_LeftBodyWrapper {
                max-height: 100% !important;
            }
        }

        /*ie css hack*/
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
            .tab-content .DTFC_LeftBodyWrapper {
                max-height: 100% !important;
            }
        }
    }

    @media (min-width: 1680px) and (max-width: 1919px) {
        @-moz-document url-prefix() {
            .tab-content .DTFC_LeftBodyLiner {
                width: 375px !important;
            }
        }
    }

    /*For Full HD screen*/
    @media (min-width: 1920px) {
        .tab-content .dataTables_scrollBody, .tab-content .DTFC_LeftBodyWrapper {
            max-height: 742px !important;
        }

        /*edge css hack*/
        @supports (-ms-ime-align:auto) {
            .tab-content .DTFC_LeftBodyWrapper {
                max-height: 100% !important;
            }
        }

        /*ie css hack*/
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
            .tab-content .DTFC_LeftBodyWrapper {
                max-height: 100% !important;
            }
        }

        /*firefox css hack*/
        @-moz-document url-prefix() {
            .tab-content .DTFC_LeftBodyLiner {
                width: 372px !important;
            }
        }
    }
    /*Updated Design*/

    /* 
******************************************************************************************
high-low value
******************************************************************************************
*/

    td.high-value {
        background-color: #5cd2e0 !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    td.low-value {
        background-color: #f08267 !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .tunning-modal table.dataMatrix tbody tr td.FYE-col.high-value, .tunning-modal table.dataMatrix tbody tr td.FYA-col.high-value {
        background-color: #5cd2e0 !important;
        border-left: 1px solid #afafaf !important;
    }

    .tunning-modal table.dataMatrix tbody tr td.FYE-col.low-value, .tunning-modal table.dataMatrix tbody tr td.FYA-col.low-value {
        background-color: #f08267 !important;
        border-left: 1px solid #afafaf !important;
    }

        .tunning-modal table.dataMatrix tbody tr td.FYE-col.high-value:last-child, .tunning-modal table.dataMatrix tbody tr td.FYE-col.low-value:last-child, .tunning-modal table.dataMatrix tbody tr td.FYA-col.high-value:last-child, .tunning-modal table.dataMatrix tbody tr td.FYA-col.low-value:last-child {
            border-right: 2px solid #afafaf !important;
        }

    .tunning-modal .company-header div.value-flag {
        float: right;
    }

        .tunning-modal .company-header div.value-flag strong {
            font-size: .85rem;
        }

        .tunning-modal .company-header div.value-flag span {
            font-size: .7rem;
            padding: .3rem 1.6rem;
            background-color: #ccc;
            margin-left: 6px;
        }

            .tunning-modal .company-header div.value-flag span.high-flag {
                background-color: #5cd2e0;
                color: #fff;
            }

            .tunning-modal .company-header div.value-flag span.low-flag {
                background-color: #f08267;
                color: #fff;
            }

    .tunning-modal .fixed-table-body-columns {
        z-index: 99;
    }

    .tunning-modal .table-hover tbody tr:hover {
        background-color: transparent;
    }

    .tunning-modal div.modal-dialog .modal-content .modal-body {
        padding: 10px 15px 0 15px;
    }

    .tunning-modal .bootstrap-table.bootstrap4 + .clearfix {
        display: none;
    }

    .tunning-modal#BrokerModal div.modal-dialog .modal-content .modal-body table tr td.highlighted-top-line.description::after {
        top: 1px !important;
    }

    .tunning-modal .fixed-table-toolbar {
        display: none;
    }

    .tunning-modal .bootstrap-table .fixed-table-container.fixed-height:not(.has-footer) {
        border-bottom: 0;
    }

    .tunning-modal .bootstrap-table .fixed-table-container .table thead th .th-inner {
        padding: .4rem .8rem;
    }

    .tunning-modal .bootstrap-table .fixed-table-container.fixed-height .table thead th {
        min-width: 90px;
    }
    /*all modal's style*/
    .popup {
        position: absolute;
        z-index: 10000;
        top: 0;
        left: 0;
        visibility: hidden;
        width: 100%;
        height: 100%;
    }

        .popup.is-visible {
            visibility: visible;
        }

    .popup-overlay {
        position: fixed;
        z-index: 10;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: hsla(0, 0%, 0%, 0.5);
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s linear 0.3s, opacity 0.3s;
    }

    .popup.is-visible .popup-overlay {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
    }

    .popup-wrapper {
        position: absolute;
        z-index: 9999;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: auto;
        background-color: #fff;
        box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
        padding: 15px;
        max-width: 90%;
    }

    .popup-transition {
        transition: all 0.3s 0.12s;
        opacity: 0;
    }

    .popup.is-visible .popup-transition {
        opacity: 1;
    }

    .popup-header, .popup-content {
        padding: 1em;
    }

    .popup-wrapper .DTFC_LeftBodyWrapper {
        z-index: 9;
    }

    .popup-header {
        position: relative;
        background-color: #fff;
        padding-top: 0;
    }

    .popup-close {
        border: 0;
        cursor: pointer;
    }

        .popup-close:focus {
            outline: 0 none;
        }

        .popup-close:hover {
            opacity: 0.3;
        }

    .popup-heading {
        font-size: 1.125em;
        margin: 0;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .popup-content {
        overflow: auto;
    }

        .popup-content > *:first-child {
            margin-top: 0;
        }

        .popup-content > *:last-child {
            margin-bottom: 0;
        }

    .popup .popup-wrapper .popup-header h2 {
        font-size: 1.4rem;
        text-align: left;
        font-weight: 600;
    }

        .popup .popup-wrapper .popup-header h2 + span {
            color: #12a5f8;
            font-size: .9rem;
            font-weight: 400;
            text-align: left;
        }

        .popup .popup-wrapper .popup-header h2 .switch-view {
            margin-bottom: 0 !important;
        }

    .popup .popup-wrapper .popup-header div.company-header {
        padding-left: 0;
        position: relative;
    }

    .popup .popup-wrapper .popup-header div.period-header {
        padding-left: 0;
        padding-right: 0;
    }

        .popup .popup-wrapper .popup-header div.period-header > h2 {
            color: #1b2e34;
            margin-top: 66px;
        }

    .tunning-modal .popup-wrapper .popup-header button.back_btn {
        background: transparent;
        position: absolute;
        top: -10px;
        right: -26px;
        padding: 0;
    }

        .tunning-modal .popup-wrapper .popup-header button.back_btn > i {
            font-size: 14pt;
            color: #777;
        }

        .tunning-modal .popup-wrapper .popup-header button.back_btn:hover i {
            color: #555;
        }

        .tunning-modal .popup-wrapper .popup-header button.back_btn > i + span {
            font-size: 12pt;
            position: relative;
            top: -4px;
            padding-right: 4px;
        }

    .popup .popup-wrapper .popup-header div.company-header span.updated-text, .popup .popup-wrapper .popup-header div.period-header span.updated-text {
        display: block;
        color: #15282e;
        font-weight: 600;
        font-size: .9rem;
        margin: 0px 0 20px;
    }

        .popup .popup-wrapper .popup-header div.company-header span.updated-text > i, .popup .popup-wrapper .popup-header span.updated-text > i {
            font-style: normal;
        }

    .popup .popup-wrapper .popup-header span.updated-text {
        margin: 6px 0 0;
        text-align: right;
    }

    .popup .popup-wrapper .popup-header div.period-header > div {
        float: right;
    }

    .popup .popup-wrapper .popup-header div.period-header div > p {
        text-align: right;
        margin-top: 0rem;
        margin-bottom: 0rem;
        font-weight: 600;
        font-size: .9rem;
        text-transform: capitalize;
        color: #12a5f8;
    }

    .popup .popup-wrapper .popup-body .popup-content table.dataMatrix {
        width: 100%;
    }

        .popup .popup-wrapper .popup-body .popup-content table.dataMatrix tr th:nth-child(3) {
            text-align: right;
        }

        .popup .popup-wrapper .popup-body .popup-content table.dataMatrix tr td > span.two-col {
            width: 30%;
            display: block;
            float: left;
            position: relative;
            transform: translate(0, 0);
            top: 0;
        }

            .popup .popup-wrapper .popup-body .popup-content table.dataMatrix tr td > span.two-col.divider.highlighted {
                font-weight: bold;
                /* padding-right: 10px; */
                padding-left: 1px;
                width: 70%;
            }

        .popup .popup-wrapper .popup-body .popup-content table.dataMatrix tr td.no-padding {
            padding-top: 0;
            padding-bottom: 0;
            overflow: hidden;
        }

        .popup .popup-wrapper .popup-body .popup-content table.dataMatrix tbody tr td:first-child {
            position: relative;
            font-weight: normal;
            border-top: 1px solid #e6e6e6 !important;
            border-bottom: 1px solid #e6e6e6 !important;
        }

        .popup .popup-wrapper .popup-body .popup-content table.dataMatrix tbody tr td.description {
            padding: .4em .6em;
            padding-right: 1.3rem;
        }

            .popup .popup-wrapper .popup-body .popup-content table.dataMatrix tbody tr td.description.first-cell {
                font-weight: 700 !important;
            }

            .popup .popup-wrapper .popup-body .popup-content table.dataMatrix tbody tr td.description.highlighted-top-line {
                border-bottom: 1px solid #e6e6e6 !important;
            }

            .popup .popup-wrapper .popup-body .popup-content table.dataMatrix tbody tr td.description.first-cell.note {
                font-weight: normal !important;
            }

            .popup .popup-wrapper .popup-body .popup-content table.dataMatrix tbody tr td.description.normal-font {
                font-weight: normal;
            }

    .popover {
        z-index: 9 !important;
    }

    .popup .popup-wrapper .popup-body .popup-content table.dataMatrix tbody tr td.description.note:after {
        left: -1px;
    }

    .popup .popup-wrapper .popup-body .popup-content table.dataMatrix tbody tr td.description.note:hover {
        color: #12a5f8;
    }
    /*for broker and statistics in popup*/
    .tunning-modal table.dataMatrix tbody tr td.description-col {
        padding-right: 1.5rem;
        /* background-color: #e6e6e6 !important; */
        /* z-index: 9; */
        box-shadow: 1px 0 0px #e6e6e6;
        border-bottom: 0 !important;
        border-top: 0 !important;
    }

    .tunning-modal table.dataMatrix tr th.description-cell-header {
        background-color: #ccc;
        box-shadow: 1px 0 0px #ccc;
        z-index: 9;
    }

    .tunning-modal table.dataMatrix tbody tr td.note.description > .hover-note {
        width: 96%;
    }

    .tunning-modal table.dataMatrix tr td.description {
        /* background-color: #e6e6e6 !important; */
        box-shadow: 1px 0 0px #e6e6e6; /* z-index: 9; */
    }

    .tunning-modal table.dataMatrix tbody tr.row-bg {
        background-color: #e6e6e6;
    }

    .popup .popup-wrapper .popup-body .popup-content table.dataMatrix tr td > span.two-col + span.two-col {
        text-align: left;
        padding-left: 17px;
    }

        .popup .popup-wrapper .popup-body .popup-content table.dataMatrix tr td > span.two-col + span.two-col.left-padding {
            padding-right: .9rem;
            padding-left: 0;
        }

    .popup .popup-wrapper .popup-header {
        padding-bottom: 0;
        float: left;
        width: 100%;
    }

        .popup .popup-wrapper .popup-header h2 {
            color: #1f373f;
            margin-right: 10px;
            padding-top: 0 !important;
            float: left;
        }

        .popup .popup-wrapper .popup-header div.company-header span.updated-text {
            font-weight: 600;
            margin-top: 8px;
            float: left;
            margin-bottom: 0;
        }

            .popup .popup-wrapper .popup-header div.company-header span.updated-text > i, .popup .popup-wrapper .popup-header div.period-header span.updated-text > i {
                font-style: normal;
                font-weight: bold;
                color: #000;
            }

        .popup .popup-wrapper .popup-header div.period-header div > p {
            text-align: right;
            font-weight: 600;
            font-size: .75rem;
            color: #676767;
        }

        .popup .popup-wrapper .popup-header h1 {
            color: #676767;
            font-weight: normal;
            font-size: 1rem;
            text-align: right;
            padding-top: 10px;
            position: relative;
            top: 17px;
        }

    .popup .popup-wrapper .popup-body .popup-content table.dataMatrix tr td > span.two-col + span.two-col.left-padding b {
        font-weight: normal;
        padding-left: 30px;
    }

    .popup .popup-wrapper .popup-body .popup-content table.dataMatrix tbody tr td.description {
        font-size: 11px;
    }

    .popup .popup-wrapper .popup-body .popup-content table.dataMatrix tr td > span.two-col + span.two-col.left-padding {
        padding-left: 10px;
        text-align: left !important;
    }

    .popup .popup-wrapper .popup-body .popup-content table.dataMatrix tbody tr td.description.normal-font {
        /* padding-left: 124px; */
        padding-left: 202px;
        text-align: right !important;
        padding-right: 8px;
    }

    .popup .popup-wrapper .popup-header div.company-header span.updated-text, .popup .popup-wrapper .popup-header div.period-header span.updated-text {
        color: #676767;
        font-size: .75rem;
    }

    .popup .popup-wrapper .popup-body .popup-content table.dataMatrix tr th.description-cell-header {
        padding-left: .4rem;
        border: 1px solid #afafaf !important;
    }

    .popup .popup-wrapper .popup-header .fiscal-year {
        margin-bottom: 1px;
        margin-top: 0px;
        text-align: right;
    }

    .popup .popup-wrapper .popup-body .popup-content table.dataMatrix tr td > span.two-col + span.two-col.broker-consensus {
        padding-left: 11px;
        font-weight: normal;
    }

    .DTFC_LeftBodyWrapper {
        border-right: 1px solid #afafaf;
    }

    .popup .popup-wrapper .popup-body .popup-content table tr td.highlighted-bottom-line {
        position: relative;
    }

        .popup .popup-wrapper .popup-body .popup-content table tr td.highlighted-bottom-line:after {
            content: "";
            display: block;
            border-bottom: 2px solid #000 !important;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            z-index: 9;
        }

    .popup .popup-wrapper .popup-body .popup-content table tr td.highlighted-top-line:after {
        content: "";
        display: block;
        border-top: 2px solid #000 !important;
        position: absolute;
        left: 0;
        top: 0px;
        width: 102%;
        z-index: 9;
    }

    .popup .popup-wrapper .popup-body .popup-content table tr td.highlighted-bottom-line.description:after {
        border-bottom: 2px solid #000 !important;
        bottom: 0px;
    }

    .popup .popup-wrapper .popup-body .popup-content table tr td.highlighted-top-line.description:after {
        border-top: 2px solid #000 !important;
    }

    .popup table.dataMatrix tbody tr td.description-col:last-child {
        border-bottom: 0 !important;
    }

    .popup .popup-wrapper .popup-body .popup-content table tr td.highlighted-top-line.description:after {
        border-bottom: 0 !important;
    }

    .popup + .data-loading-wrapper:before, .popup + .data-loading-wrapper svg.loader {
        z-index: 99999;
    }
    /* toggle switch => for fiscal year control */
    .switch {
        float: right;
        padding-right: 1.5rem;
    }

        .switch p {
            font-family: 'Open Sans', sans-serif;
            font-size: .9rem !important;
            font-weight: normal !important;
            text-align: left;
            color: #12a5f8;
            width: auto;
            float: left;
            position: relative;
            top: -5px;
            padding-right: .5rem;
        }

    .toggle-option {
        float: left;
        position: relative;
        top: -4px;
        display: inline-block;
        width: 45px;
        height: 26px;
    }

        .toggle-option input[type=checkbox] {
            opacity: 0;
            width: 0;
            height: 0;
        }

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

            .toggle-option .slider:before {
                position: absolute;
                content: '';
                width: 18px;
                height: 18px;
                left: 4px;
                bottom: 4px;
                background-color: #fff;
                -webkit-transition: .4s;
                transition: .4s;
            }

        .toggle-option input[type=checkbox]:checked + .slider {
            background-color: #2196F3;
        }

        .toggle-option input[type=checkbox]:focus + .slider {
            box-shadow: 0 0 1px #2196F3;
        }

        .toggle-option input[type=checkbox]:checked + .slider:before {
            -webkit-transform: translateX(18px);
            -ms-transform: translateX(18px);
            transform: translateX(18px);
        }
    /* fiscal year attributes */
    .fiscal-year {
        display: inline-block;
    }

        .fiscal-year.hide {
            display: none;
        }

    .dropdow_container {
        /*display: block;*/
        /*width: 100%;*/
        margin-top: 30px;
    }
    /*export to excel loader*/
    span#downoad_text {
        display: none;
        color: #15282e;
        padding: 0;
        font-family: 'Open Sans', sans-serif;
        font-size: .9rem;
        float: right;
        box-shadow: none;
        border-radius: 0;
        max-width: none;
        width: auto;
        height: calc(2rem + 2px);
        position: absolute;
        left: 13px;
    }

        span#downoad_text > i {
            color: #15282e;
            font-size: 1rem;
            margin-top: 2px;
            margin-left: 3px;
            margin-right: 4px;
            position: relative;
            top: 2px;
        }

    .light {
        opacity: 0;
    }

    /* 
******************************************************************************************
css hack for updated design
******************************************************************************************
*/
    /*ie css hack*/
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .tunning-modal .popup-wrapper .popup-content table.dataMatrix tbody tr td.FYA-col:after, .tunning-modal .popup-wrapper .popup-content table.dataMatrix tbody tr td.FYE-col:after {
            content: initial;
            border-bottom: 0;
            display: block;
            width: 104%;
            position: absolute;
            left: -2px;
            bottom: -1px;
        }

        .popup-wrapper .popup-content {
            max-height: 365px;
        }

        .tunning-modal table.dataMatrix tr td.description {
            background: #e6e6e6 !important;
        }
    }

    /*firefox css hack*/
    @-moz-document url-prefix() {
        .tunning-modal .popup-wrapper .popup-content table tr td.highlighted-bottom-line.description:after {
            bottom: -1px;
        }
    }

    /*edge css hack*/
    @supports (-ms-ime-align:auto) {
        .tunning-modal table.dataMatrix tbody tr td.FYE-col.high-value, .tunning-modal table.dataMatrix tbody tr td.FYE-col.low-value, .tunning-modal table.dataMatrix tbody tr td.FYA-col.high-value, .tunning-modal table.dataMatrix tbody tr td.FYA-col.low-value {
            box-shadow: none;
        }

        .tunning-modal table.dataMatrix.table-bordered th, .table-bordered td, .tunning-modal table.dataMatrix.table-bordered th, .table-bordered td:hover {
            border-top: 1px solid #dee2e6 !important;
        }

        .tunning-modal table.dataMatrix tr td.description {
            background: #e6e6e6 !important;
        }
    }

    /*firefox hack */
    @-moz-document url-prefix() {
        .tunning-modal#BrokerModal table.dataMatrix tbody tr td {
            line-height: initial;
        }

        .tunning-modal .dataTables_scrollHeadInner {
            position: relative;
        }

            .tunning-modal .dataTables_scrollHeadInner::after {
                content: "";
                position: absolute;
                width: 17px;
                height: 36px;
                background: #fff;
                right: 0;
                top: 0;
            }

        .tunning-modal table.dataMatrix tr td.description {
            background: #e6e6e6 !important;
        }
    }

    /* 
******************************************************************************************
media query for updated design
******************************************************************************************
*/
    @media(min-width: 992px) {
        /*maintain single row*/
        .tab-content div.period-nav {
            top: -46px;
        }

        section.analytics-ctrl div.left-block > .clearfix.row {
            margin-left: 0;
        }

        section.analytics-ctrl div.left-block .company-name {
            margin-right: 15px;
            width: 100%
        }

        .analytics-ctrl .right-block p.fiscal-year, .analytics-ctrl .right-block span.updated-text {
            float: right;
        }

        .analytics-ctrl .right-block p.fiscal-year {
            position: relative;
            margin: 2px 0 0 20px;
        }

            .analytics-ctrl .right-block p.fiscal-year:before {
                content: "|";
                display: block;
                position: absolute;
                left: -12px;
                top: -1px;
            }

        .analytics-ctrl .right-block fieldset {
            top: 18px;
        }

        section.analytics-ctrl {
            /*min-height: 96px;*/
            min-height: 150px;
            max-height: 150px;
        }

        /*edge css hack*/
        @supports (-ms-ime-align:auto) {
            .tab-content div.period-nav {
                top: -47px;
            }
        }

        /*ie css hack*/
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
            .tab-content div.period-nav {
                top: -47px;
            }
        }
    }

    @media(max-width: 991px) {
        .tunning-modal .company-header div.value-flag {
            width: 225px;
            float: right;
            margin-right: 0;
        }

        .table-wrapper {
            padding-left: 0;
            padding-right: 0;
        }
    }

    @media (min-width: 768px) {
        .tunning-modal .popup-wrapper {
            max-height: none;
        }
    }

    @media (min-width: 992px) {
        .analytics-ctrl .right-block span.updated-text.eps-report {
            position: relative;
            margin-right: 20px;
        }

            .analytics-ctrl .right-block span.updated-text.eps-report:after {
                content: "|";
                display: block;
                position: absolute;
                right: -12px;
                top: -1px;
            }

        .tab-content .dataTables_scrollBody, .tab-content .DTFC_LeftBodyWrapper {
            max-height: 65vh !important;
        }
    }

    /*resolving scrollbar issue*/
    @media (min-width: 1200px) {
        .tab-content .dataTables_scrollBody, .tab-content .DTFC_LeftBodyWrapper {
            max-height: 70vh !important;
        }
    }

    @media (min-width: 1920px) {
        .tab-content .dataTables_scrollBody, .tab-content .DTFC_LeftBodyWrapper {
            max-height: 80vh !important;
        }
    }

    @media (min-width: 1024px) and (max-height:470px) {
        .tab-content .dataTables_scrollBody, .tab-content .DTFC_LeftBodyWrapper {
            max-height: 50vh !important;
        }
    }

    @media (min-width: 1024px) and (max-height:280px) {
        .tab-content .dataTables_scrollBody, .tab-content .DTFC_LeftBodyWrapper {
            max-height: 40vh !important;
        }
    }

    @media (min-width: 1024px) and (max-height:200px) {
        .tab-content .dataTables_scrollBody, .tab-content .DTFC_LeftBodyWrapper {
            max-height: 15vh !important;
        }
    }

    /*modal realted*/
    @media (max-width: 767px) and (max-height:567px) {
        .tunning-modal .popup-wrapper {
            max-height: none;
        }

            .tunning-modal .popup-wrapper .dataTables_scrollBody, .tunning-modal .popup-wrapper .DTFC_LeftBodyWrapper {
                max-height: none !important;
            }

            .tunning-modal .popup-wrapper .DTFC_LeftBodyLiner {
                height: auto !important;
            }
    }

    @media (min-width: 768px) and (max-height:480px) {
        .tunning-modal .popup-wrapper {
            max-height: 98vh;
        }

            .tunning-modal .popup-wrapper .dataTables_scrollBody, .tunning-modal .popup-wrapper .DTFC_LeftBodyWrapper {
                max-height: 40vh !important;
            }

            .tunning-modal .popup-wrapper .DTFC_LeftBodyLiner {
                height: 40vh !important;
            }
    }

    @media (max-width: 767px) and (max-height:567px) {
        .tunning-modal .popup-wrapper .dataTables_scrollBody, .tunning-modal .popup-wrapper .DTFC_LeftBodyWrapper {
            max-height: 40vh !important;
        }
    }

    @media(max-width:767px) {
        .tunning-modal .popup-wrapper .popup-header button.back_btn {
            right: -10px;
        }

        .popup-wrapper {
            max-width: 95%;
        }

        .analytics-ctrl .right-block p {
            margin-top: 0;
        }

        .analytics-ctrl .right-block fieldset {
            float: none;
            width: 140px;
            margin: 0 auto;
            display: block;
        }

        .tunning-modal#StatisticsModal .popup-wrapper .popup-header button.back_btn {
            right: -14px;
            top: 0;
        }
    }

    @media (max-width: 991px) and (min-width: 768px) {
        section.analytics-ctrl div.right-block {
            float: left;
        }

        .analytics-ctrl .right-block fieldset {
            float: left;
        }

        section.analytics-ctrl div.right-block > .clearfix {
            float: right;
        }

        .analytics-ctrl .right-block p.fiscal-year {
            margin-top: 0 !important;
        }
    }

    @media (max-width: 991px) {
        .tunning-modal .company-header div.value-flag {
            width: auto;
        }

        .tunning-modal .popup-body .popup-content {
            padding-left: 0;
        }

        section.analytics-ctrl .dropdow_container {
            padding-left: 15px;
            padding-right: 15px;
        }

        section.analytics-ctrl div.left-block h2 {
            padding-left: 15px;
        }

        .fiscal-year {
            display: block;
        }
    }

    @media (max-width:1023px) {
        .popup .popup-wrapper .popup-header h2 {
            font-size: 1rem;
        }

        .popup .popup-wrapper .popup-header div.company-header span.updated-text {
            margin-top: 2px;
        }

        .tunning-modal .company-header div.value-flag strong {
            font-size: .7rem;
        }

        .tunning-modal .company-header div.value-flag span {
            font-size: .6rem;
            padding: .1rem .2rem;
        }

        .popup {
            position: fixed;
        }
    }
    /* 
******************************************************************************************
Original models
******************************************************************************************
*/
    /**/
    #dataOriginalModel_wrapper {
        width: 48%;
        margin: 0 auto;
    }

        #dataOriginalModel_wrapper .dataTables_scroll {
            border-top: 1px solid #a7a7a7;
            margin-top: 26px;
        }

        #dataOriginalModel_wrapper .dataTables_length {
            position: relative;
            padding: 0 0 10px 0;
        }

            #dataOriginalModel_wrapper .dataTables_length select {
                box-shadow: none;
                background-color: #ffffff;
                border-radius: 0;
                color: #676767;
                border: 1px solid #676767;
                position: relative;
                outline: none;
                padding: .2rem .4rem;
                width: 70px;
            }

        #dataOriginalModel_wrapper table#dataOriginalModel {
            border-collapse: collapse;
            border-width: 0;
        }

            #dataOriginalModel_wrapper table#dataOriginalModel tbody tr td {
                color: #95999a;
                font-weight: 600;
                font-size: .75rem;
            }

                #dataOriginalModel_wrapper table#dataOriginalModel tbody tr td.sorting_1 {
                    background-color: transparent;
                }

                #dataOriginalModel_wrapper table#dataOriginalModel tbody tr td:first-child > strong {
                    background-color: transparent;
                    margin-left: 21px;
                    font-weight: 600;
                    color: #95999a;
                }

            #dataOriginalModel_wrapper table#dataOriginalModel input[type="checkbox"] {
                top: 4px;
            }

        #dataOriginalModel_wrapper.empty_models_wrapper table#dataOriginalModel tbody tr td {
            border-left: 0 !important;
            padding: 8px 15px;
        }

        #dataOriginalModel_wrapper.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th {
            border: 1px solid transparent !important;
        }

        #dataOriginalModel_wrapper div.dataTables_scrollHeadInner thead th.sorting_desc, #dataOriginalModel_wrapper div.dataTables_scrollHeadInner thead th.sorting_asc {
            background-image: none;
            position: relative;
        }

            #dataOriginalModel_wrapper div.dataTables_scrollHeadInner thead th.sorting_desc:after {
                content: "";
                display: block;
                position: absolute;
                right: 5px;
                top: 13px;
                border-top: 8px solid #828282;
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
            }

            #dataOriginalModel_wrapper div.dataTables_scrollHeadInner thead th.sorting_asc:after {
                content: "";
                display: block;
                position: absolute;
                right: 5px;
                top: 13px;
                border-bottom: 8px solid #828282;
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
            }

        #dataOriginalModel_wrapper div.dataTables_scrollHeadInner table.dataTable thead .sorting {
            background-image: url(../img/sort_both.png);
        }

        #dataOriginalModel_wrapper div.dataTables_scrollHeadInner table.dataTable thead tr > th:nth-child(2) > span {
            position: absolute;
            top: 9px;
            right: 29px;
            font-size: .7rem;
            color: #5f5f5f;
            font-weight: 500;
        }

        #dataOriginalModel_wrapper div.dataTables_scrollHeadInner table {
            border-collapse: collapse;
            border: 0;
        }

    table#dataOriginalModel tbody td {
        padding: 6px 15px;
    }

    table#dataOriginalModel tbody tr td {
        font-size: .7em;
    }

    table#dataOriginalModel tr td {
        border: 1px solid transparent !important;
    }

        table#dataOriginalModel tr td:nth-child(2) {
            padding-left: 42px;
        }

    table#dataOriginalModel tbody tr.odd, table#dataOriginalModel.display tbody tr.odd {
        background-color: transparent;
    }

    table#dataOriginalModel tbody td a:hover, table#dataOriginalModel tbody td a:focus {
        color: #12a5f8;
    }

    #dataOriginalModel_wrapper .dataTables_info {
        font-size: .8em;
        padding-left: 0;
    }

    #dataOriginalModel_wrapper .dataTables_paginate {
        padding-right: 0;
        padding-top: 0.755em;
        font-size: 0.8em;
    }

        #dataOriginalModel_wrapper .dataTables_paginate .paginate_button.current, #dataOriginalModel_wrapper .dataTables_paginate .paginate_button.current:hover {
            color: #fff !important;
            border: 1px solid #15282e;
            background-color: transparent;
            background: #15282e !important;
        }

        #dataOriginalModel_wrapper .dataTables_paginate .paginate_button:hover {
            color: #15282e !important;
            border: 1px solid #15282e;
            background-color: transparent;
            background: transparent;
        }

        #dataOriginalModel_wrapper .dataTables_paginate .paginate_button:active {
            background: transparent !important;
            box-shadow: none;
        }

        #dataOriginalModel_wrapper .dataTables_paginate .paginate_button {
            padding: 0;
        }

        #dataOriginalModel_wrapper .dataTables_paginate .paginate_button {
            padding: 0 6px;
        }

    table#dataOriginalModel tr td:first-child > input[type="checkbox"] {
        border-radius: 3px;
    }

    table#dataOriginalModel tr td a {
        width: 100%;
        position: relative;
        text-align: left;
        color: #15282e;
        font-weight: 600;
        font-size: .8rem;
    }

        table#dataOriginalModel tr td a > i {
            color: #7d7d7d;
            position: absolute;
            right: 20px;
        }

        table#dataOriginalModel tr td a:hover > i {
            color: #12a5f8;
        }

    #dataOriginalModel_wrapper table#dataOriginalModel tbody tr td.dataTables_empty {
        font-size: .9rem;
        text-align: center;
        color: red;
        display: block !important;
        float: left;
        width: 100%;
        padding: 8px 0;
    }

    #dataOriginalModel_wrapper table th.download_all {
        width: 120px !important;
    }

    #dataOriginalModel_wrapper .button-wrapper {
        float: left;
        margin-left: 15px;
        position: relative;
        top: 10px;
    }

        #dataOriginalModel_wrapper .button-wrapper + .bottom {
            float: left;
            margin-left: 24px;
            position: relative;
            top: 10px;
        }

            #dataOriginalModel_wrapper .button-wrapper + .bottom .dataTables_info {
                font-size: .8rem;
                font-weight: 600;
                color: #a0a0a0;
                padding-top: 5px;
            }

        #dataOriginalModel_wrapper .button-wrapper button.download_btn {
            background: transparent;
            border: 0;
            background-color: #15282e;
            border: 1px solid #15282e;
            color: #fff;
            border-radius: 4px;
            padding: 4px 6px;
            font-size: .8rem;
            position: relative;
            border-radius: 0;
        }

            #dataOriginalModel_wrapper .button-wrapper button.download_btn > i {
                padding-left: 20px;
                font-size: 1rem;
                position: relative;
                top: 2px;
            }

        #dataOriginalModel_wrapper .button-wrapper #checkall {
            position: relative;
            top: 3px;
            margin-right: 20px;
            border-radius: 3px;
        }

        #dataOriginalModel_wrapper .button-wrapper button.download_btn:hover {
            background-color: transparent;
            color: #15282e;
            transition: all linear 0.3s;
        }

            #dataOriginalModel_wrapper .button-wrapper button.download_btn:hover > i {
                color: #15282e;
            }

    #dataOriginalModel_wrapper table th.download_modelfiles {
        text-align: left;
    }

    #dataOriginalModel_filter {
        padding: 0 0 10px 0;
        position: absolute;
        top: 11px;
        right: 0;
    }

        #dataOriginalModel_filter label {
            font: normal normal normal 14px/1 FontAwesome;
            position: relative;
        }

            #dataOriginalModel_filter label:after {
                content: "\f002";
                display: block;
                position: absolute;
                right: 5px;
                top: 5px;
                color: #15282e;
            }

            #dataOriginalModel_filter label > input[type="search"] {
                border: 1px solid #afafaf;
                padding: .2rem .4rem;
                border-radius: 3px;
                font-family: 'Open Sans', sans-serif;
                font-size: .8rem;
            }

    #dataOriginalModel_wrapper .dataTables_scrollBody {
        border-bottom: 0;
    }

    #dataOriginalModel_wrapper table#dataOriginalModel tbody tr td:first-child {
        display: flex;
    }

    #dataOriginalModel_wrapper.empty_models_wrapper table#dataOriginalModel tbody tr td:first-child {
        border-left: 0 !important;
    }

    /* 
******************************************************************************************
css Hack for original models
******************************************************************************************
*/
    /*css firefox hack*/
    @-moz-document url-prefix() {
        table#dataOriginalModel tr td:nth-child(2) {
            padding-left: 50px;
        }
    }

    /* 
******************************************************************************************
media query for original models
******************************************************************************************
*/
    /* for small devices*/
    @media (max-width: 575.98px) {
        .switch-view a.nav-link {
            font-size: .5rem;
            padding: 4px;
        }

        #dataOriginalModel_wrapper .dataTables_length label {
            float: left;
            width: 100%;
            text-align: left;
        }

        #dataOriginalModel_filter label {
            text-align: left;
            padding-left: 19px;
            margin: 6px 0;
            float: none;
        }
    }

    @media(max-width:767px) {
        #dataOriginalModel_wrapper .button-wrapper {
            float: none;
        }
    }

    @media(max-width:1023px) {
        #dataOriginalModel_wrapper {
            width: 98%;
        }
    }

    /* for large desktop */
    @media (min-width: 1200px) {
        #dataOriginalModel_wrapper .dataTables_scrollBody {
            max-height: 62vh !important;
            overflow-x: hidden !important;
        }
    }

    @media(max-width: 1366px) {
        #dataOriginalModel_wrapper div.dataTables_scrollHeadInner thead tr > th.download_brokers:before {
            left: 0;
            z-index: 9;
        }

        #dataOriginalModel_wrapper div.dataTables_scrollHeadInner thead tr > th.download_modelfiles:before {
            left: 1px;
            right: auto;
        }

        #dataOriginalModel_wrapper div.dataTables_scrollHeadInner thead tr > th:last-child:before {
            left: 1px;
            z-index: 9;
        }

        #dataOriginalModel_wrapper table th.download_all #checkall {
            right: 0;
        }
    }

    /* for HD */
    @media(min-width: 1600px) {
        #dataOriginalModel_wrapper div.dataTables_scrollHeadInner thead tr > th.download_brokers:before {
            left: 2px;
            z-index: 9;
        }

        #dataOriginalModel_wrapper div.dataTables_scrollHeadInner thead tr > th.download_modelfiles:before {
            left: 2px;
            right: auto;
        }

        #dataOriginalModel_wrapper div.dataTables_scrollHeadInner thead tr > th:last-child:before {
            left: 2px;
            z-index: 9;
        }

        #dataOriginalModel_wrapper div.dataTables_scrollHeadInner thead tr > th:first-child {
            padding-right: 19px;
        }

        #dataOriginalModel_wrapper div.dataTables_scrollHeadInner thead tr > th:nth-child(3) {
            padding-right: 17px;
        }

        #dataOriginalModel_wrapper .dataTables_scrollBody {
            max-height: 65vh !important;
        }
    }

    @media(min-width:1920px) {
        #dataOriginalModel_wrapper .dataTables_scrollBody {
            max-height: 70vh !important;
        }
    }
    /* 
******************************************************************************************
custom tab properties
******************************************************************************************
*/
    .hide-dropdowns > fieldset {
        display: none;
    }

    .dropdow_container.hide-dropdowns > button {
        box-shadow: none;
        background-color: #15282e;
        border-radius: 0;
        color: #fff;
        border: 1px solid #15282e;
        position: relative;
        text-align: left;
    }

        .dropdow_container.hide-dropdowns > button > i {
            color: #fff;
            position: absolute;
            right: 0;
            top: 10px;
        }

        .dropdow_container.hide-dropdowns > button:hover {
            background-color: transparent;
            color: #15282e;
            border: 1px solid #15282e;
        }

            .dropdow_container.hide-dropdowns > button:hover > i {
                color: #15282e;
            }
    /* modal */
    /* period selection */
    .custom_drop #period_accordion {
        margin-bottom: 40px;
    }

        .custom_drop #period_accordion .card {
            border: 0;
        }

        .custom_drop #period_accordion .card-header {
            padding: 0;
            border-bottom: 0;
            background: transparent;
        }

            .custom_drop #period_accordion .card-header button {
                padding-left: 0;
                padding-right: 0;
                box-shadow: none;
                text-decoration: none !important;
                border: 0;
                border-radius: 0;
                border-bottom: 1px solid #ccc;
                transition: all linear 0.25s;
            }

                .custom_drop #period_accordion .card-header button[aria-expanded="false"] {
                    color: #7e7e7e;
                }

                .custom_drop #period_accordion .card-header button:hover, .custom_drop #period_accordion .card-header button[aria-expanded="true"] {
                    color: #15282e;
                    border-bottom: 1px solid #15282e;
                    text-decoration: none;
                }

                .custom_drop #period_accordion .card-header button i {
                    position: absolute;
                    top: 10px;
                    right: 0;
                    color: #7e7e7e;
                }

                .custom_drop #period_accordion .card-header button:hover i, #custom_drop #period_accordion .card-header button[aria-expanded="true"] i {
                    color: #15282e;
                }

                .custom_drop #period_accordion .card-header button[aria-expanded="true"] i {
                    transform: rotate(180deg);
                }

    .custom_drop #collapse_period {
        transition: all linear 0.25s;
    }

        .custom_drop #collapse_period .card-body {
            padding-left: 0;
            padding-right: 0;
            padding-bottom: 0;
        }

        .custom_drop #collapse_period ul input[type="checkbox"] {
            float: left;
            margin-top: 5px;
        }

        .custom_drop #collapse_period ul label {
            float: left;
            width: 80%;
            text-align: left;
            margin-left: 10px;
        }

    .custom_drop .move-cell button.btn {
        background: transparent;
        border: 0;
        background-color: #15282e;
        border: 1px solid #15282e;
        color: #fff;
        border-radius: 0;
        padding: 4px 6px 4px 12px;
        font-size: .8rem;
        position: relative;
    }

        .custom_drop .move-cell button.btn.move-left {
            padding: 4px 12px 4px 6px;
        }

        .custom_drop .move-cell button.btn:hover {
            background-color: transparent;
            color: #15282e;
            transition: all linear .3s;
        }

        .custom_drop .move-cell button.btn:focus {
            outline: 0;
            box-shadow: none;
        }

        .custom_drop .move-cell button.btn > i {
            color: #fff;
        }

        .custom_drop .move-cell button.btn:hover > i {
            color: #15282e;
        }

    .custom_drop .move-cell {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 15px;
    }

    .list_modal .modal-content .modal-footer button:first-of-type, .list_modal .modal-content .modal-footer button:last-of-type {
        padding: 5px 10px 5px 10px;
        margin-right: 0;
        color: #fff;
        border-radius: 0;
        font-size: .8rem;
    }

    .list_modal .modal-content .modal-footer button > span {
        margin-right: 4px;
    }

    .list_modal .modal-content .modal-footer button.cancel_btn {
        background-color: #f44336;
        border: 1px solid #f44336;
        margin-right: 6px;
    }

        .list_modal .modal-content .modal-footer button.cancel_btn:hover, .list_modal.modal-content .modal-footer button.cancel_btn:focus {
            background-color: #b72b20;
            border-color: transparent;
            color: #fff;
        }

    .list_modal .modal-content .modal-footer button.save_btn {
        background-color: #12a5f8;
        border: 1px solid #12a5f8;
    }

        .list_modal .modal-content .modal-footer button.save_btn:hover, .list_modal .modal-content .modal-footer button.save_btn:focus {
            background-color: #679eae;
            border-color: transparent;
            color: #fff;
        }

    .list_modal .modal-content .modal-footer button:focus {
        box-shadow: none;
    }

    .list_modal .modal-content {
        border-radius: 0;
        border: 0;
    }

        .list_modal .modal-content:active, .list_modal .modal-content:visited, .custom_drop .modal-content:focus {
            box-shadow: 0px 5px 8px #555;
            outline: 0 none;
            border: 0;
        }

    .list_modal .modal-header {
        border-bottom: 0;
        padding-top: 10px;
        padding-bottom: 0;
        background: #e3e3e3;
        border: 0;
        border-radius: 0;
        margin-bottom: 10px;
    }

    .list_modal .modal-footer {
        border-top: 1px solid #e9ecef;
    }

    .list_modal .modal-dialog .modal-content .modal-body {
        max-height: 68vh;
        overflow: hidden;
        padding-top: 0;
    }

    .custom_drop .list-group-item {
        padding: .3rem 1.25rem;
        cursor: move;
        transition: none;
        width: 518px;
        border: 0;
        height: 32px;
        font-size: 13px;
        position: initial;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently*/
    }

        .custom_drop .list-group-item:first-child, .custom_drop .list-group-item:last-child {
            border-radius: 0;
        }

        .custom_drop .list-group-item.active, .custom_drop .list-group-item.activeleft {
            background-color: #12a5f8;
            border-color: #12a5f8;
            color: #fff;
        }

    #custom_modal .modal-dialog .modal-content .modal-body .list-left #TotalLineitem, #custom_modal .modal-dialog .modal-content .modal-body .list-right #CustomTabedItem {
        /* min-height: 367px; */
    }

    .custom_drop .dual-list {
        /*min-height: 367px;*/
    }

    .custom_drop .move_block {
        border: 1px solid #ccc;
        max-height: 367px;
        border-radius: 4px;
        border-radius: 0;
        overflow-y: auto;
        overflow-x: hidden;
    }

        .custom_drop .move_block div[data-simplebar] {
            max-width: 100%;
        }

    .custom_drop .list-right #SavedItems, .custom_drop .list-left #ALLItems {
        min-height: auto !important; /*overflow-x: hidden;*/
    }

    #custom_modal .modal-dialog .modal-content .modal-body .list-right #SavedItems, #custom_modal .modal-dialog .modal-content .modal-body .list-left #ALLItems {
        min-height: 360px !important; /*overflow-x: hidden;*/
        /* max-height: none; */
        max-height: 360px;
    }
    /* when accordion open */
    #custom_modal.accordion_open .modal-dialog .modal-content .modal-body #TotalLineitem, #custom_modal.accordion_open .modal-dialog .modal-content .modal-body #CustomTabedItem {
        max-height: 218px;
        overflow-y: hidden;
    }

    #custom_modal.accordion_open .modal-dialog .modal-content .modal-body .list-left #TotalLineitem, #custom_modal.accordion_open .modal-dialog .modal-content .modal-body .list-right #CustomTabedItem {
        min-height: 218px;
    }

    #custom_modal.accordion_open .modal-dialog .modal-content .modal-body #ALLItems, #custom_modal.accordion_open .modal-dialog .modal-content .modal-body #SavedItems {
        max-height: 218px;
        min-height: 218px !important;
        /* max-height: none; */
        overflow-y: auto;
        overflow-x: hidden;
    }

    .hide-manage-button {
        display: none;
    }

    #Custom_tab_panel.show div.no-data-msg {
        width: 80% !important;
    }

    .custom_drop .move-cell .moving_btns {
        /*width: 276px;*/
        width: 291px;
        margin: 0 auto;
    }

        .custom_drop .move-cell .moving_btns button.btn {
            width: 136px;
        }

            .custom_drop .move-cell .moving_btns button.btn.move-right {
                margin-right: 5px;
                margin-left: 6px;
            }

            .custom_drop .move-cell .moving_btns button.btn > i {
                color: #fff;
                font-size: 1rem;
                position: relative;
                top: 1px;
            }

            .custom_drop .move-cell .moving_btns button.btn:hover > i {
                color: #15282e;
            }
    /*.custom_drop .move-cell .up_dwn_btns {
        position: absolute;
        right: 16px;
        top: 0;
    }*/

    .custom_drop .move-cell .up_dwn_btns {
        float: right;
    }

        .custom_drop .move-cell .up_dwn_btns button.btn {
            width: 111px;
        }

            .custom_drop .move-cell .up_dwn_btns button.btn:first-of-type {
                margin-right: 6px;
            }

    .custom_drop .move-cell + .modal-footer button {
        width: 111px;
    }

    .custom_drop .move-cell .up_dwn_btns button.btn {
        width: 111px;
        background-color: transparent;
        color: #15282e;
    }

        .custom_drop .move-cell .up_dwn_btns button.btn > i {
            color: #15282e;
        }

        .custom_drop .move-cell .up_dwn_btns button.btn:hover {
            background-color: #15282e;
            color: #fff;
        }

            .custom_drop .move-cell .up_dwn_btns button.btn:hover > i {
                color: #fff;
            }

    .list_modal .modal-dialog .modal-content .modal-header h5 {
        float: left;
    }

    .list_modal .modal-dialog .modal-content .modal-header span.instruction {
        float: left;
        font-size: 13px;
        font-weight: 600;
        color: #7b7b7b;
        margin: 4px 0 0 20px;
    }

    /* 
******************************************************************************************
media query for custom tab
******************************************************************************************
*/

    /*for small devices*/
    @media (max-width:767px) {
        .custom_drop .move-cell .list-arrows:first-of-type {
            float: left;
            width: 50%;
        }

        .custom_drop .move-cell .list-arrows:last-of-type {
            float: right;
            width: 50%;
        }
    }
    /*for ipad porttrait*/
    @media(min-width: 768px) {
        .list_modal .modal-dialog {
            position: relative;
            width: auto;
            margin: .5rem;
            pointer-events: none;
        }

        #broker_list_modal.list_modal .modal-dialog {
            width: 70vw;
        }
    }

    @media (max-width:991px) {
        .list_modal .modal-dialog .modal-content .modal-body {
            max-height: none;
        }

        #broker_list_modal.list_modal .modal-dialog {
            width: 95vw;
        }

        .custom_drop .list-right #SavedItems {
            margin-top: 20px;
        }

        #Custom_tab_panel.show div.no-data-msg p:last-child {
            font-size: 1.5em !important;
        }

        .dropdow_container.hide-dropdowns > button {
            width: 180px;
        }
    }

    /* for desktop */
    @media (min-width: 992px) {
        .dropdow_container.hide-dropdowns > button {
            max-width: 176px;
            width: 176px;
            /*max-width: 150px;
        width: 150px;*/
            font-size: .8rem;
        }

        #view_tab__content div#original_models.show {
            padding-bottom: 10px;
        }

        #broker_list_modal.list_modal .modal-dialog {
            width: 60vw;
        }

        /* period selection */
        .custom_drop #collapse_period [data-simplebar] {
            height: 100px;
            max-width: 100%;
        }

        #custom_drop #collapse_period .simplebar-track.horizontal {
            display: none;
        }
    }

    /* for large desktop*/
    @media (min-width: 1200px) {
        .list_modal .modal-dialog {
            max-width: 1140px;
            width: 1104px;
        }

        #broker_list_modal.list_modal .modal-dialog {
            width: 45vw;
        }
    }

    @media (min-width: 992px) and (max-width:1599px) {
        .custom_drop #ALLItems, .custom_drop #SavedItems {
            /* max-height: 366px; */
            overflow-x: hidden;
        }

        .custom_drop .move_block {
            min-height: 365px;
        }

        #custom_modal .modal-dialog .modal-content .modal-body .list-left #TotalLineitem, #custom_modal .modal-dialog .modal-content .modal-body .list-right #CustomTabedItem {
            min-height: 220px;
        }

        /*#custom_modal .modal-dialog .modal-content .modal-body .list-right #SavedItems,
    #custom_modal .modal-dialog .modal-content .modal-body .list-left #ALLItems {
        min-height: 220px !important;
        max-height: 220px;
    }*/

        #custom_modal .modal-dialog .modal-content .modal-body .list-right #SavedItems, #custom_modal .modal-dialog .modal-content .modal-body .list-left #ALLItems {
            min-height: 268px !important;
            max-height: 268px;
        }

        #custom_modal.accordion_open .modal-dialog .modal-content .modal-body #TotalLineitem, #custom_modal.accordion_open .modal-dialog .modal-content .modal-body #CustomTabedItem {
            max-height: 120px;
        }

        #custom_modal.accordion_open .modal-dialog .modal-content .modal-body .list-left #TotalLineitem, #custom_modal.accordion_open .modal-dialog .modal-content .modal-body .list-right #CustomTabedItem {
            min-height: 120px;
        }

        #custom_modal.accordion_open .modal-dialog .modal-content .modal-body #ALLItems, #custom_modal.accordion_open .modal-dialog .modal-content .modal-body #SavedItems {
            max-height: 120px;
            min-height: 120px !important;
        }
    }

    @media (min-width:1600px) {
        /*.custom_drop #ALLItems,
    .custom_drop #SavedItems {
        overflow: hidden;
    }*/
    }

    /* 
******************************************************************************************
css hack for custom tab
******************************************************************************************
*/
    /*firefox hack */
    /*@-moz-document url-prefix() {
    .custom_drop .list-right #SavedItems,
    .custom_drop .list-left #ALLItems {
        overflow: hidden;
        overflow-y: auto;
    }

    /*media query*/
    @media(max-width: 1400px) {
        /*.custom_drop .move_block,
    .custom_drop .dual-list {
        height: 344px;
        min-height: auto;
    }*/
        .custom_drop .move_block, .custom_drop .dual-list {
            height: 270px;
            min-height: auto;
        }

        .custom_drop .list-right #SavedItems, .custom_drop .list-left #ALLItems {
            min-height: 340px !important;
            max-height: 344px;
            overflow: hidden;
        }
    }

    @media (min-width: 992px) and (max-width:1599px) {
        .custom_drop .modal-body #ALLItems, .custom_drop #SavedItems {
            /*overflow: hidden;*/
            overflow-x: hidden;
            overflow-y: auto;
        }
    }

    @media(min-width: 1600px) {
        .custom_drop .list-right #SavedItems, .custom_drop .list-left #ALLItems {
            min-height: 400px !important;
        }
    }
}

*/ /* 
******************************************************************************************
For Chart styles
******************************************************************************************
*/
/* bar chart icon */
table tr td.description.merge-top + td a {
    float: right;
    cursor: pointer;
    display: block;
    position: relative;
    top: -3px; /*display: none !important;*/
}

table tr td.description.merge-top + td a > img {
    width: 16px;
}
/* modal start */
.graph-modal {
    top: 50%;
    left: 51%;
    transform: translate(-50%, -50%);
    height: auto;
    width: auto;
}

    .graph-modal .popup-wrapper {
        min-width: 450px;
        padding: 0;
    }

    .graph-modal .popup-content {
        padding: 0 2px;
    }

    .graph-modal .popup-body {
        border: 2px solid #d0d0d0;
        box-shadow: 3px 3px 14px;
    }
    /* header section of modal */
    /* close button */
    .graph-modal .popup-wrapper .popup-header button.back_btn {
        background: #000;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        border: 2px solid #fff;
        box-shadow: 1px 2px 14px #d0d0d0;
    }

    .graph-modal .popup-wrapper .popup-header .popup-close:hover, .graph-modal .popup-wrapper .popup-header .popup-close:hover i {
        opacity: 1;
        color: #fff !important;
    }

    .graph-modal .popup-wrapper .popup-footer {
        height: 30px;
    }

    .graph-modal .popup-wrapper .popup-header button.back_btn > i {
        color: #fff;
        font-size: 12px;
        position: relative;
        top: -3px;
        left: 0;
    }
    /* footer section of modal */
    /* button styles */
    .graph-modal .popup-wrapper .popup-footer button {
        height: 24px;
        width: 78px;
        margin: 3px;
        cursor: pointer;
        box-shadow: 0px -11px 11px #d0d0d0 inset;
        border: 1px solid #d0d0d0;
        color: #555555;
        font-size: 12px;
        position: relative;
        padding: 0;
    }

        .graph-modal .popup-wrapper .popup-footer button:hover {
            box-shadow: 0px -11px 11px #b3b3b3 inset;
            border: 1px solid #b3b3b3;
            transition: all linear 0.3s;
        }

        .graph-modal .popup-wrapper .popup-footer button i {
            color: #ababab;
            position: absolute;
            top: 6px;
            left: -2px;
        }

        .graph-modal .popup-wrapper .popup-footer button#btnPrev {
            padding-left: 10px;
        }

        .graph-modal .popup-wrapper .popup-footer button#btnNext {
            float: right;
        }

            .graph-modal .popup-wrapper .popup-footer button#btnNext > i {
                right: -2px;
                left: auto;
            }

.custom-Graph-icon {
    left: -14px;
}
/* 
******************************************************************************************
Tooltip styles
******************************************************************************************
*/
table.dataMatrix tbody tr td.note, table.dataMatrix tbody tr td.actual-note {
    position: relative;
}

    table.dataMatrix tbody tr td.note:after, table.dataMatrix tbody tr td.actual-note:before {
        content: "";
        position: absolute;
        top: -1px;
        right: 0px;
        width: 0px;
        height: 0px;
        border-top: 0px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid #14272d;
    }

table.dataMatrix tbody tr td.description.note:after {
    left: 8px;
    right: auto;
    transform: rotate(-90deg);
}

table.dataMatrix tbody tr td.note > .hover-note, table.dataMatrix tbody tr td.actual-note > .hover-note {
    position: absolute;
    left: 71px;
    top: 0;
    background-color: #34b7e1;
    width: 134px;
    padding: 4px 10px;
    z-index: 999;
    border-radius: 4px;
    color: #fff;
    text-align: left;
    font-size: 12px;
    box-shadow: 3px 4px 4px #ababab;
    display: none;
}

table.dataMatrix tbody tr td.note:hover:after, table.dataMatrix tbody tr td.actual-note:hover:before {
    border-right: 8px solid #34b7e1;
}

table.dataMatrix tbody tr td.note:hover .hover-note, table.dataMatrix tbody tr td.actual-note:hover .hover-note {
    display: block;
}
/* single line */
table.dataMatrix tbody tr td.note > .hover-note.single-line {
    min-width: 40vw;
    max-width: 50vw;
}
/* for line items */

table.dataMatrix tbody tr td.note.description > .hover-note {
    transform: none;
    left: 1px;
    top: 25px;
    width: 100%;
    font-weight: normal;
}

    table.dataMatrix tbody tr td.note.description > .hover-note:before {
        content: "";
        height: 0;
        width: 0;
        border-top: 10px solid transparent;
        border-bottom: 0px solid transparent;
        border-right: 10px solid #34b7e1;
        transform: rotate(-135deg);
        position: absolute;
        top: -4px;
        left: 4px;
    }
/* for position change of tooltips or last three rows */
table.dataMatrix tbody tr td.note > .hover-note.bottom-note {
    top: auto;
    bottom: 17px;
}

table.dataMatrix tbody tr td.note.description.top-direction > .hover-note {
    top: auto;
    bottom: 35px;
}

    table.dataMatrix tbody tr td.note.description.top-direction > .hover-note:before {
        top: auto;
        bottom: -5px;
        border-bottom: 10px solid transparent;
        border-top: 0 solid transparent;
        border-left: 10px solid #34b7e1;
        border-right: 0;
    }

table.dataMatrix tbody tr td.description > a {
    width: 100%;
}
/* border showing for actual row */
table tr td.description.merge-top + td.actual-row {
    border-bottom-color: #afafaf !important;
}
/* 
******************************************************************************************
Build a Chart
******************************************************************************************
*/

.build_wrapper {
    /*height: 25rem;*/
    width: 43rem;
    padding: 0;
}
    /*tabs*/

    .build_wrapper .build-chart-content ul.nav-tabs {
        border-bottom: 0;
    }

        .build_wrapper .build-chart-content ul.nav-tabs .nav-item {
            margin-bottom: -1px;
            margin-left: 5px;
        }

            .build_wrapper .build-chart-content ul.nav-tabs .nav-item a {
                padding: .25rem 1rem;
                background-color: #aaabad;
                color: #fff;
                border: 0;
                border-radius: .25rem;
                font-size: 13px;
                transition: all linear 0.3s;
            }

                .build_wrapper .build-chart-content ul.nav-tabs .nav-item a:hover {
                    background-color: #287a8f;
                }

    .build_wrapper .build-chart-content ul > li:first-child {
        margin-left: 0;
    }

        .build_wrapper .build-chart-content ul > li:first-child > p {
            color: #287a8f;
            font-weight: 700;
            margin: 2px 0 0 0;
            font-size: .85rem;
        }

    .build_wrapper .build-chart-content ul.nav-tabs .nav-item a.active {
        padding: .25rem 1rem .6rem 1rem;
    }

    .build_wrapper .build-chart-content ul.nav-tabs .nav-item:nth-child(2) {
        margin-left: 30px;
    }

    .build_wrapper .build-chart-content ul.nav-tabs .nav-item a.active {
        background-color: #287a8f;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    /*tab content*/

    .build_wrapper .build-chart-content div.tab-content .checkbox-section {
        border: 2px solid #287a8f;
        border-radius: .25rem;
        padding: .4rem 0 0 .4rem;
        margin-top: 3px; /* max-height: 10rem;
    overflow: auto; */
    }

    .build_wrapper .build-chart-content div.tab-content div[data-simplebar] {
        height: 6.5rem;
        overflow-y: auto;
        overflow-x: hidden;
        max-width: 100%;
    }
    /*tab pane*/

    .build_wrapper .build-chart-content .tab-pane {
        margin-top: -1.7rem;
    }

        .build_wrapper .build-chart-content .tab-pane h2 {
            color: #287a8f;
            font-size: 1rem;
            font-weight: 400;
        }

        .build_wrapper .build-chart-content .tab-pane .checkbox-section ul li {
            display: inline-block;
            min-width: 5rem;
            width: 5rem;
            padding: .3rem 0 0;
            position: relative;
            margin-right: 10px;
        }

        .build_wrapper .build-chart-content .tab-pane ul.all-filter li {
            margin-left: 0;
        }

        .build_wrapper .build-chart-content .tab-pane ul li input[type="checkbox"] {
            border-radius: .2rem;
            border: 1px solid #287a8f;
        }

            .build_wrapper .build-chart-content .tab-pane ul li input[type="checkbox"]:before {
                border: 1px solid #287a8f;
            }

            .build_wrapper .build-chart-content .tab-pane ul li input[type="checkbox"]:after {
                box-shadow: 2px 0 0 #287a8f, 4px 0 0 #287a8f, 4px -2px 0 #287a8f, 4px -4px 0 #287a8f, 4px -6px 0 #287a8f, 4px -8px 0 #287a8f;
            }

        .build_wrapper .build-chart-content .tab-pane ul li.active, .build_wrapper .build-chart-content .tab-pane ul li:hover {
            color: #12a5f8;
        }

            .build_wrapper .build-chart-content .tab-pane ul li.active input[type="checkbox"] {
                border: 1px solid #12a5f8;
            }

                .build_wrapper .build-chart-content .tab-pane ul li.active input[type="checkbox"]:before {
                    border: 1px solid #12a5f8;
                }

                .build_wrapper .build-chart-content .tab-pane ul li.active input[type="checkbox"]:after {
                    box-shadow: 2px 0 0 #12a5f8, 4px 0 0 #12a5f8, 4px -2px 0 #12a5f8, 4px -4px 0 #12a5f8, 4px -6px 0 #12a5f8, 4px -8px 0 #12a5f8;
                }

        .build_wrapper .build-chart-content .tab-pane .checkbox-section ul li label {
            float: none;
            width: auto;
            top: -2px;
            margin-left: 4px;
            margin-bottom: 0;
            font-weight: 400;
        }

        .build_wrapper .build-chart-content .tab-pane .button_grp {
            float: right;
        }

            .build_wrapper .build-chart-content .tab-pane .button_grp button.apply {
                background-color: #287a8f;
                color: #fff;
                font-weight: 700;
                font-size: .8rem;
                padding: .4rem;
                border-radius: .25rem;
                width: 7rem;
                border: 1px solid #287a8f;
            }

                .build_wrapper .build-chart-content .tab-pane .button_grp button.apply:hover {
                    background-color: transparent;
                    color: #287a8f;
                    transition: all linear 0.3s;
                }

            .build_wrapper .build-chart-content .tab-pane .button_grp button.cancel {
                background: transparent;
                color: #287a8f;
                font-size: .8rem;
                font-weight: 700;
                margin-left: 1rem;
                transition: all linear 0.3s;
            }

                .build_wrapper .build-chart-content .tab-pane .button_grp button.cancel:hover {
                    color: #f44336;
                }
    /*chart plot block*/
    .build_wrapper .build-chart-content .graph-plot-block .segments-section {
        padding-right: 0;
        padding-left: 0;
    }

    .build_wrapper .build-chart-content .graph-plot-block h3.header {
        color: #15282e;
        font-size: .85rem;
        font-weight: 700;
        padding-bottom: .5rem;
        border-bottom: .01rem solid #15282e;
        margin-bottom: 6px;
    }

    .build_wrapper .build-chart-content .graph-plot-block .segments-section h3.header {
        margin-right: 1.5rem;
    }

    .build_wrapper .build-chart-content .graph-plot-block .custom-section h3.header {
        margin-left: 15px;
    }

    .build_wrapper .build-chart-content .graph-plot-block .segments-section ul > li {
        display: block;
        line-height: 2rem;
        color: #a5a5a5;
        cursor: default;
    }

    .build_wrapper .build-chart-content .graph-plot-block .segments-section ul > li {
        display: block;
        line-height: 2.3rem;
        color: #a5a5a5;
        padding-left: .5rem;
        font-size: .8rem;
        text-align: left;
        font-weight: 300;
    }

        .build_wrapper .build-chart-content .graph-plot-block .segments-section ul > li.active, .build_wrapper .build-chart-content .graph-plot-block .segments-section ul > li:hover {
            background-color: #eaeaea;
            border-bottom-left-radius: .3rem;
            border-top-left-radius: .3rem;
            color: #15282e;
            transition: all linear 0.3s;
        }

        .build_wrapper .build-chart-content .graph-plot-block .segments-section ul > li.active {
            font-weight: 700;
        }

        .build_wrapper .build-chart-content .graph-plot-block .segments-section ul > li:before {
            display: none;
        }

    .build_wrapper .build-chart-content .graph-plot-block .custom-section {
        padding-left: 0;
        padding-right: 0;
    }

        .build_wrapper .build-chart-content .graph-plot-block .custom-section h3.header > span {
            float: right;
        }

            .build_wrapper .build-chart-content .graph-plot-block .custom-section h3.header > span > a {
                color: #15282e;
                font-weight: 500;
                transition: all linear 0.3s;
            }

                .build_wrapper .build-chart-content .graph-plot-block .custom-section h3.header > span > a:hover, .build_wrapper .build-chart-content .graph-plot-block .custom-section h3.header > span > a:focus {
                    color: #12a5f8;
                    font-weight: 500;
                }

                .build_wrapper .build-chart-content .graph-plot-block .custom-section h3.header > span > a.prev {
                    margin-right: .5rem;
                }

                .build_wrapper .build-chart-content .graph-plot-block .custom-section h3.header > span > a > i {
                    color: #15282e;
                    font-weight: 500;
                    font-size: 1.2rem;
                    position: relative;
                    top: 2px;
                    transition: all linear 0.3s;
                }

                .build_wrapper .build-chart-content .graph-plot-block .custom-section h3.header > span > a:hover > i, .build_wrapper .build-chart-content .graph-plot-block .custom-section h3.header > span > a:focus > i {
                    color: #12a5f8;
                }

        .build_wrapper .build-chart-content .graph-plot-block .custom-section div[data-simplebar] {
            height: 300px;
            overflow-x: hidden;
            overflow-y: auto;
            background-color: #eaeaea;
        }

        .build_wrapper .build-chart-content .graph-plot-block .custom-section.reduced div[data-simplebar] {
            height: 254px;
        }

        .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart {
            background-color: #eaeaea;
            padding: 0 15px;
        }

            .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li {
                display: block;
                padding: .4rem 0;
            }

                .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li.single-slot {
                    padding: 0;
                }

                .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li:before {
                    display: none;
                }

                .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li span {
                    display: table-cell;
                    width: 60%;
                    float: left;
                    margin-top: 2px;
                }

                    .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li span label {
                        font-size: .8rem;
                        margin-left: 6px;
                        position: relative;
                        top: -1px;
                        width: 92%;
                        max-width: 92%;
                        text-align: left;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        margin-bottom: 0;
                        margin-top: -2px;
                        font-weight: 400;
                    }

                    .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li span input[type="checkbox"] {
                        border: 1px solid #15282e;
                        float: left;
                        border-radius: .25rem;
                    }

                        .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li span input[type="checkbox"]:checked {
                            border-radius: .25rem;
                        }

                        .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li span input[type="checkbox"]:before {
                            border: 1px solid #15282e;
                            border-radius: .25rem;
                        }

                        .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li span input[type="checkbox"]:after {
                            box-shadow: 2px 0 0 #15282e, 4px 0 0 #15282e, 4px -2px 0 #15282e, 4px -4px 0 #15282e, 4px -6px 0 #15282e, 4px -8px 0 #15282e;
                        }

                .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown {
                    display: table-cell;
                    width: 30%;
                    float: left;
                }

                    .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown a, .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown i {
                        color: #15282e;
                    }

                    .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown button.dropdown-toggle {
                        background: transparent;
                        border: 0;
                        color: #888;
                        position: relative;
                        top: -2px;
                    }

                        .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown button.dropdown-toggle:after {
                            transform: rotate(270deg);
                        }

                    .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown .dropdown-menu.show {
                        display: block;
                        background: #ffffff;
                        width: 6.2rem;
                        min-width: 6.2rem;
                        margin-top: -4px;
                        padding: 0;
                        box-shadow: 0px 0px 7px #ccc;
                        left: 33px !important;
                    }

                        .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown .dropdown-menu.show .dropdown-item, .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown .dropdown-menu.show .select-axis {
                            display: block;
                            background: transparent;
                            width: 100%;
                            border: 0;
                            padding: 6px 8px;
                            color: #15282e;
                            font-size: .75rem;
                            transition: all linear .3s;
                            border-bottom: 1px solid rgba(0, 0, 0, .15);
                            font-weight: 600;
                        }

                            .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown .dropdown-menu.show .dropdown-item.stack-chart-btn {
                                border-bottom: 0;
                            }

                                .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown .dropdown-menu.show .dropdown-item.stack-chart-btn > img {
                                    width: 13px;
                                    margin-right: 2px;
                                    ;
                                }

                            .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown .dropdown-menu.show .dropdown-item:hover {
                                color: #12a5f8;
                                ;
                            }

                                .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown .dropdown-menu.show .dropdown-item:hover i {
                                    color: #287a8f;
                                }

                    .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown button.upper-toggle + .dropdown-menu.show {
                        bottom: 9px;
                        left: 84px !important;
                        top: auto !important;
                        transform: none !important;
                    }

                    .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown .dropdown-menu.show .dropdown-item i {
                        color: #287a8f;
                        margin-left: 0;
                        margin-right: 2px;
                    }

                .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li button.edit {
                    display: table-cell;
                    float: right;
                    background-color: #14272d;
                    color: #fff;
                    border: 1px solid #14272d;
                    border-radius: .25rem;
                    position: relative;
                    top: -2px;
                    font-size: .9rem;
                    padding: 0 10px 2px;
                }

                    .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li button.edit.disabled {
                        opacity: 0.2 !important; /*need to remove on next phase*/
                    }

                    .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li button.edit > i {
                        font-size: .8rem;
                        margin-right: 0;
                        margin-left: 0; /* margin-left: 10px; */
                    }

                    .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li button.edit:hover {
                        transition: all linear 0.3s;
                        background-color: transparent;
                        color: #7facb9;
                    }

                        .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li button.edit:hover i {
                            color: #7facb9;
                        }
    /*footer section*/
    .build_wrapper .footer {
        padding: 20px 0 0 0;
    }

        .build_wrapper .footer > div {
            margin-top: -40px;
        }

            .build_wrapper .footer > div button {
                font-weight: 700;
                font-size: 12px;
                padding: .2rem .7rem;
                border-radius: .25rem;
                width: auto;
                transition: all linear .3s;
                margin-right: .35rem;
            }

                .build_wrapper .footer > div button#btn_Plot {
                    background-color: #287a8f;
                    border: 1px solid #287a8f;
                    color: #fff;
                }

                    .build_wrapper .footer > div button#btn_Plot:hover, .build_wrapper .footer > div button#btn_Plot:focus {
                        background-color: transparent;
                        color: #287a8f;
                    }

                .build_wrapper .footer > div button#btnClearChart {
                    background-color: #7e7e7e;
                    border: 1px solid #7e7e7e;
                    color: #fff;
                    margin-right: 0;
                }

                    .build_wrapper .footer > div button#btnClearChart:hover, .build_wrapper .footer > div button#btnClearChart:focus {
                        background-color: transparent;
                        color: #7e7e7e;
                    }

                .build_wrapper .footer > div button#btnCancel {
                    background: transparent;
                    color: #287a8f;
                    margin-right: 0;
                    width: auto;
                    transition: all linear .3s;
                    padding-left: .35rem;
                    padding-right: 3px;
                }

                    .build_wrapper .footer > div button#btnCancel:hover, .build_wrapper .footer > div button#btnCancel:focus {
                        color: #f44336;
                    }

    .build_wrapper .build-chart-content .graph-plot-block {
        margin-top: -14px;
        padding: 0;
        margin: 0;
    }

    .build_wrapper .section-wrapper {
        padding: 0;
        margin: 0;
    }

    .build_wrapper .tab-view {
        padding: 0;
    }

    .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown .yaxis-dropdown {
        float: left;
    }

    .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown .type-chart {
        float: left;
        margin-left: 15px;
    }

    .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown button.dropdown-toggle[aria-expanded="true"] > i, .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown button.dropdown-toggle[aria-expanded="true"] > .text {
        color: #12a5f8;
    }

    .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown button.dropdown-toggle.axis-drop {
        font-size: 14px;
        margin-left: 3px;
    }

    .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown button.dropdown-toggle.axis-btn > span {
        color: #287a8f;
        font-weight: 600;
        font-size: 14px;
    }

    .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown button.dropdown-toggle.axis-btn:after {
        border-top: 5px solid;
        border-right: 5px solid transparent;
        border-bottom: 0;
        border-left: 5px solid transparent;
        left: 22px;
    }

    .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown button.dropdown-toggle:after {
        position: absolute;
        top: 11px;
        left: 30px;
    }

    .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown .yaxis-dropdown .dropdown-menu.show {
        left: 28px !important;
        min-width: 4rem;
        width: 4rem;
    }

        .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown .yaxis-dropdown .dropdown-menu.show .dropdown-item span {
            display: inline;
            width: auto;
            float: none;
        }

    .build_wrapper .popup-content .graph-plot-block .custom-section .choose-chart li div.dropdown .dropdown-menu.show .dropdown-item.stack-chart-btn img {
        width: 12px;
        margin-right: 2px;
        margin-top: -2px;
    }

    .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown button.dropdown-toggle.stack-img {
        position: relative;
    }

        .build_wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown button.dropdown-toggle.stack-img:before {
            content: "";
            display: block;
            background-image: url('/img/dark-stack_icon.png');
            width: 16px;
            height: 16px;
            background-size: 100%;
            background-repeat: no-repeat;
            position: absolute;
            top: 5px;
            left: 12px;
        }

/* media query for custom chart's periodical accordion */

@media (max-width:1366px) {
    .build_wrapper .build-chart-content .graph-plot-block .custom-section.reduced div[data-simplebar] {
        height: 142px;
    }

    .build_wrapper .build-chart-content .graph-plot-block .custom-section div[data-simplebar] {
        height: 220px;
    }

    .build_wrapper .footer {
        padding: 14px 0 0 0;
    }
}
/*description graph*/
table tr td.description.merge-top + td a {
    float: right;
    cursor: pointer;
    display: block;
    position: relative;
    top: -3px;
    right: 18px;
    left: auto;
}

    table tr td.description.merge-top + td a.custom-graph-icon {
        right: 1px;
    }

a.custom-Graph-icon {
    margin-left: 5px;
}

a.line-graph-icon {
    margin-left: 0;
    margin-right: 5px;
}

    a.line-graph-icon img {
        width: 16px;
        height: 13px;
    }
/* expanded modal styles*/

.build_wrapper .build-chart-content .graph-plot-block {
    margin-top: -14px;
    padding: 0;
    margin: 0;
}

.build_wrapper .build-chart-content .section-wrapper {
    padding: 0;
    margin: 0;
}

.build_wrapper .build-chart-content .tab-view {
    padding: 0;
}

.build_wrapper .build-chart-content .popup-content .tab-pane ul.all-filter li:hover {
    color: #164162;
}

.build_wrapper .build-chart-content ul.nav-tabs .nav-item a.current {
    background-color: #287a8f;
}
/*chart related*/

#myMixedChart {
    Width: 1090px;
    height: 460px;
}

.MixedGraphChart-modal .popup-wrapper {
    padding: 0;
}

.MixedGraphChart-modal .popup-header {
    padding: 0;
    background-color: #15282e;
}

.MixedGraphChart-modal .popup-wrapper .popup-header h2 {
    color: #fff;
    padding: 8px 15px !important;
    font-weight: 700;
    font-size: 1rem;
}

.MixedGraphChart-modal .popup-wrapper .popup-header button.back_btn {
    top: 5px;
    right: 5px;
}

    .MixedGraphChart-modal .popup-wrapper .popup-header button.back_btn i {
        color: #fff;
    }

    .MixedGraphChart-modal .popup-wrapper .popup-header button.back_btn:hover i {
        color: #fff;
    }

.analytics-ctrl .right-block a#BuildChart {
    padding-left: 1.2rem;
}
/* scroll bar styles */
.simplebar-scrollbar {
    width: 10px !important;
}

    .simplebar-scrollbar:before {
        background: #666 !important;
        opacity: .5 !important;
    }
/* 
******************************************************************************************
For For Key charts tab
******************************************************************************************
*/

/*need to remove*/
.mock-msg {
    text-align: center;
    font-size: 1rem;
    padding-top: 50px;
}
/*menu*/
.key-wrapper .key-menus {
    border-bottom: 0;
    padding-right: 0;
    flex: 13% 0 0;
    max-width: 202px;
    margin-right: 2.6667%;
    display: block;
    height: 76vh;
    background-color: #e3e3e3;
}

.key-wrapper .tab-content.offset-2 {
    margin-right: 16.666667%;
    margin-left: auto;
}

.key-wrapper .key-menus li.header {
    display: block;
    width: 100%;
    padding: 10px 0 10px 33px;
    line-height: initial;
    color: #287a8f;
    font-size: .85rem;
    font-weight: 700;
    background-color: #fff;
    margin-bottom: 0;
}

.key-wrapper .key-menus li {
    width: 100%;
    background-color: #e3e3e3;
    padding-left: 25px;
    line-height: 2.5rem;
    padding-bottom: 5px;
}

    .key-wrapper .key-menus li:nth-child(2) {
        padding-top: 13px;
    }

    .key-wrapper .key-menus li:last-child {
        padding-bottom: 8px;
    }

    .key-wrapper .key-menus li a {
        padding-left: 8px;
        text-align: left;
        font-size: .8rem;
        font-weight: 400;
        color: #15282e;
        transition: all linear 0.3s;
        border: 0;
        padding: .2rem .4rem;
        line-height: 2rem;
    }

        .key-wrapper .key-menus li:hover a, .key-wrapper .key-menus li a.active {
            background-color: #fff;
            border: 0;
            border-bottom-left-radius: .25rem;
            border-top-left-radius: .25rem;
            border-top-right-radius: 0;
        }

            .key-wrapper .key-menus li:hover a.disabled {
                background-color: transparent;
            }

.key-wrapper .build_wrapper #chartTabContent.hide {
    display: none;
}
/* export buttons in key chart */
.export-btn-grp {
    float: right;
    margin-top: 20px;
    margin-right: 10px;
}

    .export-btn-grp > a, button#chart-settings, .analytics-ctrl .right-block a.pref-link {
        font-size: 13.5px;
        font-family: calibri, Arial, sans-serif;
        padding: .05rem .4rem;
        width: auto;
        transition: all linear .3s;
        margin-right: .35rem;
        line-height: 17px;
        font-weight: bolder;
        text-transform: capitalize;
    }

        .export-btn-grp > a > i, .analytics-ctrl .right-block a.pref-link i {
            margin-left: 0;
            margin-right: 6px;
            font-size: .8rem;
        }

.analytics-ctrl .right-block a.pref-link {
    background: transparent;
    color: #007bff;
    border: 1px solid #007bff;
    float: left;
    margin-right: -12px;
    padding: .06rem .4rem;
    position: relative;
    top: 47px;
}

    .analytics-ctrl .right-block a.pref-link i {
        margin-right: 1px;
        color: #007bff;
    }

    .analytics-ctrl .right-block a.pref-link:hover, .analytics-ctrl .right-block a.pref-link:focus, .analytics-ctrl .right-block a.pref-link.active {
        background-color: #007bff;
        color: #fff !important;
    }

        .analytics-ctrl .right-block a.pref-link:hover i, .analytics-ctrl .right-block a.pref-link:focus i, .analytics-ctrl .right-block a.pref-link.active i {
            color: #fff !important;
        }

button#chart-settings {
    background: transparent;
    color: #184d5b;
    border: 1px solid #184d5b;
}

    button#chart-settings i {
        color: #184d5b;
    }

    button#chart-settings:hover, button#chart-settings:focus, button#chart-settings.active {
        background-color: #184d5b;
        color: #fff !important;
    }

        button#chart-settings:hover i button#chart-settings:focus i, button#chart-settings.active i {
            color: #fff !important;
        }

.export-btn-grp > a.export-chart-btn {
    background-color: transparent;
    border: 1px solid #1d54a7;
    color: #1d54a7 !important;
}

    .export-btn-grp > a.export-chart-btn:hover, .export-btn-grp > a.export-chart-btn:focus, .export-btn-grp > a.export-chart-btn.active {
        background-color: #1d54a7;
        color: #fff !important;
    }

    .export-btn-grp > a.export-chart-btn i {
        color: #1d54a7;
    }

    .export-btn-grp > a.export-chart-btn:hover i, .export-btn-grp > a.export-chart-btn:focus i, .export-btn-grp > a.export-chart-btn:active i {
        color: #fff;
    }

.export-btn-grp > a.export-data-btn {
    background-color: transparent;
    border: 1px solid #257e4f;
    color: #257e4f !important;
}

    .export-btn-grp > a.export-data-btn:hover, .export-btn-grp > a.export-data-btn:focus, .export-btn-grp > a.export-data-btn.active {
        background-color: #257e4f;
        color: #fff !important;
    }

    .export-btn-grp > a.export-data-btn i {
        color: #257e4f;
    }

    .export-btn-grp > a.export-data-btn:hover i, .export-btn-grp > a.export-data-btn:focus i, .export-btn-grp > a.export-data-btn:active i {
        color: #fff;
    }

.key-chart-area {
    float: left;
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
}

    .key-chart-area > img, .key-chart-area canvas#myMixedChart {
        width: 74vw !important;
        height: 65vh !important;
    }
/* for IR visualizer */
table.dataMatrix.visualizer_table tbody tr td {
    line-height: 2.5em;
}

table.dataMatrix.visualizer_table tr th {
    font-size: 13px;
    line-height: 2em;
    font-weight: 400;
}

    table.dataMatrix.visualizer_table tr th.left-cell-border, table.dataMatrix.visualizer_table tr td.left-cell-border, table.table.dataMatrix.visualizer_table tr td.FY-col.left-cell-border {
        border-left-width: 1px !important;
    }

    table.dataMatrix.visualizer_table tr th.right-cell-border, table.dataMatrix.visualizer_table td.right-cell-border, table.dataMatrix.visualizer_table tr td.FY-col.right-cell-border {
        border-right-width: 1px !important;
    }

table.dataMatrix.visualizer_table tbody tr td > strong {
    font-weight: 400;
    font-size: 12px;
}

table.dataMatrix.visualizer_table tr th.description-cell-header {
    font-weight: bold;
}

#dataMatrixQuarter_wrapper.visualizer_left_wrapper .DTFC_LeftBodyWrapper {
    border-right: 1px solid #afafaf;
}

table.dataMatrix.visualizer_table tr th.actual-cell-header {
    border-right: 1px solid #a6a9aa !important;
}

table.dataMatrix.visualizer_table tbody tr td.description {
    padding-left: 10px;
}

button#chart-settings {
    margin-right: 0;
    margin-top: 20px;
}

    button#chart-settings > i {
        font-size: .8rem;
        margin-left: 0;
        margin-right: 10px;
        position: relative;
        top: 1px;
    }

    button#chart-settings:hover i, button#chart-settings:focus i, button#chart-settings.active i {
        color: #fff;
    }
/* for custom chart hide unhide*/
#chartArea.inactive, #exportToExcel.inactive, #chartSettings.inactive {
    display: none;
}
/* for the external page */
div#key-one object {
    width: 100%;
    height: 69.9vh !important;
    margin-top: 38px;
}

div#key_performanceChart object, div#key_fundamentalChart object, div#key_PriceChart object {
    width: 100%;
    margin: 20px 0px 0;
    /* padding: 10px 0; */
    height: 75vh;
    border: 0;
}

div#key_instititutional_holdings iframe {
    width: 100%;
    margin: 20px 0px 0;
    /* padding: 10px 0; */
    height: 73vh;
    border: 0;
}

div#key_performanceChart > .col-12, div#key_fundamentalChart > .col-12, div#key_PriceChart > .col-12, div#key_instititutional_holdings > .col-12 {
    padding: 0;
}

.tab-pane table.dataMatrix tbody tr:last-of-type td, table.dataMatrix tbody tr:last-of-type td.actual-row {
    border-bottom: 1px solid transparent !important;
}

.tab-content .dataTables_scrollBody table#dataMatrixQuarter tr td.text-right {
    border-left: 0 !important;
}

.Myinactive {
    display: none;
}
/* scrollbar hide, show */
body {
    overflow: hidden !important;
}

    body.show-scroll {
        overflow-y: auto !important;
    }
/* custom chart table show */
.custom-chart-table {
    width: 74vw;
    overflow-x: auto;
}

    .custom-chart-table table.dataMatrix tr td:nth-child(2) {
        max-width: 20vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .custom-chart-table table.dataMatrix tr td:nth-child(3) {
        min-width: auto;
        text-align: right;
    }

    .custom-chart-table table.dataMatrix tbody tr:last-of-type td {
        border-bottom: 1px solid #afafaf !important;
    }

    .custom-chart-table table tr th, .custom-chart-table table tr td {
        border: 1px solid #afafaf !important;
        padding: .4em .6em;
        font-size: 11px;
        text-align: right;
    }

        .custom-chart-table table tr th:first-child, .custom-chart-table table tr td:first-child {
            text-align: center;
        }

    .custom-chart-table table tr th {
        font-weight: 700;
    }
/* temporary chart image */

div[aria-labelledby="key1-tab"] img, div[aria-labelledby="key2-tab"] img, div[aria-labelledby="key3-tab"] img, div[aria-labelledby="key4-tab"] img, div[aria-labelledby="key5-tab"] img {
    max-width: 100%;
}

.export-btn-grp.default-data {
    display: block !important;
}

.export-btn-grp.hide-buttons {
    display: none !important;
}
/* button designed */

.analytics-ctrl .right-block a.pref-link {
    top: 50px;
}

section.analytics-ctrl div.right-block fieldset .export-btn-grp {
    position: relative;
    right: -17px;
    top: 50px;
    margin-top: 0;
    float: left;
}

    section.analytics-ctrl div.right-block fieldset .export-btn-grp a {
        width: 100px;
    }

        section.analytics-ctrl div.right-block fieldset .export-btn-grp a.export-chart-btn {
            width: 110px;
        }

    section.analytics-ctrl div.right-block fieldset .export-btn-grp#chartbtngrp {
        width: 226px;
        /* top: 22px; */
        margin-right: 0;
    }

section.analytics-ctrl div.right-block {
    z-index: 9999;
}

    section.analytics-ctrl div.right-block fieldset span#downoad_text {
        position: absolute;
        top: 51px;
        left: 112px;
        font-size: .8rem;
    }
    /* for irvisualizer */

    section.analytics-ctrl div.right-block fieldset div.customize-btns + #chartbtngrp.active-custom + span#downoad_text, section.analytics-ctrl div.right-block fieldset div.customize-btns + #chartbtngrp + span#downoad_text {
        left: 134px; /*top: 21px;*/
    }

    section.analytics-ctrl div.right-block fieldset div.customize-btns + div.holdings-btn + span#downoad_text {
        /*top: 21px !important;*/
        left: 134px !important;
    }

.tab-pane#key_instititutional_holdings .nav-tabs {
    border-bottom: 0;
    padding-top: 15px;
    width: 98%;
    margin: 0 auto;
    border-bottom: 1px solid #dadada;
}

.tab-pane#key_instititutional_holdings ul.nav-tabs .nav-item a {
    padding: .25rem 1rem;
    background-color: #aaabad;
    color: #fff;
    border: 0;
    border-radius: .25rem;
    font-size: 13px;
    transition: all linear .3s;
    margin-right: 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
}

.tab-pane#key_instititutional_holdings ul.nav-tabs .nav-item:first-child a:after {
    content: "";
    display: block;
    width: 15px;
    height: 3px;
    background: #fff;
    position: absolute;
    right: -15px;
    bottom: 0;
}

.tab-pane#key_instititutional_holdings ul.nav-tabs li:last-child .nav-item a {
    margin-right: 0;
}

.tab-pane#key_instititutional_holdings ul.nav-tabs .nav-item a:hover, .tab-pane#key_instititutional_holdings ul.nav-tabs .nav-item a.active {
    background-color: #287a8f;
}

.tab-pane#key_instititutional_holdings div.tab-pane.show:after {
    content: inherit;
    height: 0;
    background: transparent;
}

section.analytics-ctrl div.right-block fieldset .export-btn-grp.holdings-btn a.export-chart-btn {
    display: none;
}

section.analytics-ctrl div.right-block fieldset .export-btn-grp a {
    float: right;
}

/* media query for chart */

@media (max-width:1400px) {
    section.analytics-ctrl div.right-block fieldset .export-btn-grp {
        top: 0;
    }

    .analytics-ctrl .right-block a.pref-link {
        top: 0;
    }

    /* section.analytics-ctrl div.right-block fieldset .export-btn-grp#chartbtngrp {
        top: 18px;
    } */

    div#key_instititutional_holdings iframe {
        height: 71vh;
    }

    section.analytics-ctrl div.right-block fieldset span#downoad_text {
        top: 45px;
        left: 110px;
    }

    section.analytics-ctrl div.right-block fieldset div.customize-btns + #chartbtngrp.active-custom + span#downoad_text {
        top: 17px;
    }

    section.analytics-ctrl div.right-block fieldset div.customize-btns + div.holdings-btn + span#downoad_text {
        top: 17px !important;
    }
}

@media (min-width:1920px) {
    div#key_performanceChart object, div#key_fundamentalChart object, div#key_PriceChart object, div#key_instititutional_holdings iframe {
        height: 79vh !important;
    }
}
/* 
******************************************************************************************
For select broker modal
******************************************************************************************
*/

/* moadal overlapping */
.modal {
    z-index: 99999;
}

.list_modal .modal-dialog .modal-content #selectbrokermodal.modal-body {
    padding-bottom: 0;
}

#broker_list_modal {
    z-index: 99999;
}

#selectbrokermodal .select_broker_wrapper {
    border: 0;
}

#selectbrokermodal .table_header {
    height: 31px;
    padding: 0 .2rem;
    border-bottom: 1px solid #a7a7a7;
}

    #selectbrokermodal .table_header label {
        position: relative;
        top: 3px;
        width: auto;
    }

    #selectbrokermodal .table_header i.fa {
        margin-right: 6px;
        position: relative;
        top: 3px;
        font-size: 20px;
        float: left;
        color: #164162;
    }

    #selectbrokermodal .table_header span.ticker-name {
        position: relative;
        top: -2px;
        font-size: 11px;
        font-weight: 600;
    }

    #selectbrokermodal .table_header .card-header-title {
        float: right;
    }

    #selectbrokermodal .table_header div.detail-estimate {
        float: left;
        margin-right: -10px;
    }

    #selectbrokermodal .table_header input[type="checkbox"] {
        margin-top: 1px;
        background: #164162;
        z-index: 9;
    }

        #selectbrokermodal .table_header input[type="checkbox"]:before {
            background: #164162;
        }

        #selectbrokermodal .table_header input[type="checkbox"]::after {
            box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
        }

#selectbrokermodal .select_broker_wrapper div[data-simplebar] {
    height: 52vh;
    max-width: none;
    overflow-x: hidden;
    overflow-y: auto;
}

    #selectbrokermodal .select_broker_wrapper div[data-simplebar] .simplebar-mask {
        right: 2px !important;
    }

#selectbrokermodal input[type="checkbox"]:first-child {
    float: left;
    position: relative;
    top: 5px;
    margin-right: 20px;
    margin-bottom: 8px;
}

#selectbrokermodal input[type="checkbox"] + label {
    float: left;
    width: auto;
    margin-bottom: 0px;
    text-align: left;
    padding-right: 6px;
    z-index: 9;
    font-weight: normal;
    font-size: 13px;
}

#selectbrokermodal label#BrokerCount {
    display: block;
    width: auto;
    position: absolute;
    top: 3px;
    left: 126px;
    background-color: #12a5f8;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    padding: 1px 6px;
    border-radius: 3px;
}

#selectbrokermodal div.simplebar-content {
    padding-right: 0 !important;
}

.results-field {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    padding: 0 2px 0 5px;
}

#selectbrokermodal .msgbroker {
    text-align: center;
    margin-bottom: 0;
    position: absolute;
    top: 3px;
    left: 126px;
    font-weight: 400;
    font-size: 12px;
    color: #f44336;
    padding: 2px 6px;
    border-radius: 3px;
    line-height: 1;
    box-sizing: border-box;
}

.msgbroker.alert.alert-danger.fade.show {
    opacity: 1;
    transition: initial;
}

.hide_peers {
    display: none;
}

#selectbrokermodal table#tblBroker {
    width: 100% !important;
}

    #selectbrokermodal table#tblBroker tr > th, #selectbrokermodal table#tblBroker tr > td {
        padding: 5px 2px;
        border: 0 !important;
    }

#selectbrokermodal .simplebar-track.vertical {
    top: 26px;
}

#broker_list_modal.list_modal .modal-footer {
    width: 95%;
    margin: 0 auto;
    padding: 10px 0;
    margin-top: 15px;
}

#selectbrokermodal .dataTables_scrollHead {
    display: none;
}

#selectbrokermodal .dataTables_wrapper #tblBroker_filter {
    padding: 0;
    position: fixed;
    top: 40px;
    right: 17px;
}

    #selectbrokermodal .dataTables_wrapper #tblBroker_filter label > input[type="search"] {
        border: 1px solid #afafaf;
        padding: .2rem .4rem;
        border-radius: 3px;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        background: transparent;
    }

    #selectbrokermodal .dataTables_wrapper #tblBroker_filter label {
        font: normal normal normal 14px/1 FontAwesome;
        position: relative;
    }

        #selectbrokermodal .dataTables_wrapper #tblBroker_filter label:after {
            content: "\f002";
            display: block;
            position: absolute;
            right: 5px;
            top: 5px;
            color: #15282e;
            cursor: pointer;
        }

div#tblBroker_info {
    display: none;
}

table#tblBroker .dataTables_empty {
    text-align: center;
    width: 100%;
    display: block;
    color: #d60505;
    font-weight: 400;
    font-size: .8rem;
    margin-top: 1rem;
}

.modal {
    z-index: 99999;
}

.highlight_blue {
    /*color: #1d52a6 !important;    #007bff*/
    color: #007bff !important;
}

.highlight_black {
    /*color: #1d52a6 !important;    #007bff*/
    color: #000000 !important;
}

a.highlight_black {
    color: #000000 !important;
    transition: color .2s;
}

    a.highlight_black:hover {
        color: #C0C0C0 !important;
        text-decoration: none;
    }

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}
/* chartsave popup */

.ClChartSave.popup .popup-wrapper {
    width: 600px;
    position: fixed;
}

.ClChartSave.popup .popup-header {
    padding-left: 0;
    padding-bottom: 1em;
}

    .ClChartSave.popup .popup-header .button.back_btn {
        transition: all linear 0.25s;
    }

    .ClChartSave.popup .popup-header h2 {
        font-size: 1.2rem;
    }

.ClChartSave.popup .popup-body form input[type=text] {
    border-radius: 0;
    padding: 5px;
    border-color: #c8c8c8;
}

.ClChartSave.popup .popup-footer {
    margin-top: 1em;
}

    .ClChartSave.popup .popup-footer button {
        float: right;
        border: 1px solid #c8c8c8;
        background: transparent;
        border-radius: 0;
        padding: 5px 20px;
        color: #333;
        font-size: 14px;
        transition: all linear 0.25s;
    }

        .ClChartSave.popup .popup-footer button:hover, .ClChartSave.popup .popup-footer button:focus {
            background: #e3e3e3;
        }
/* dropdown in custom chart for saving data */

.cls-action-custom .dropdown.action-set-dropdown {
    position: absolute;
    top: 12px;
    left: 10px;
}

    .cls-action-custom .dropdown.action-set-dropdown button.dropdown-toggle {
        width: 150px;
        text-align: left;
        background: #e3e3e3;
        border: 1px solid #ccc;
        border-radius: 0;
        color: #000;
        font-size: 14px;
    }

        .cls-action-custom .dropdown.action-set-dropdown button.dropdown-toggle::after {
            display: none;
        }

        .cls-action-custom .dropdown.action-set-dropdown button.dropdown-toggle svg {
            position: absolute;
            top: 7px;
            right: 10px;
            width: 11px;
        }

    .cls-action-custom .dropdown.action-set-dropdown .dropdown-menu {
        min-width: 12rem;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 0;
        box-shadow: 0px 4px 9px #888;
    }

        .cls-action-custom .dropdown.action-set-dropdown .dropdown-menu .dropdown-item {
            font-size: 14px;
        }

            .cls-action-custom .dropdown.action-set-dropdown .dropdown-menu .dropdown-item:nth-child(2) {
                border-top: 1px solid #e3e3e3;
            }

            .cls-action-custom .dropdown.action-set-dropdown .dropdown-menu .dropdown-item.active, .cls-action-custom .dropdown.action-set-dropdown .dropdown-menu .dropdown-item:active, .cls-action-custom .dropdown.action-set-dropdown .dropdown-menu .dropdown-item:hover, .cls-action-custom .dropdown.action-set-dropdown .dropdown-menu .dropdown-item:focus {
                text-decoration: none;
                background-color: #e3e3e3;
                color: #000;
            }

.key-wrapper.cls-action-custom .key-menus {
    margin-top: 47px;
    /* margin-top: 20px; */
}

    .key-wrapper.cls-action-custom .key-menus li.header {
        padding-top: 0;
    }

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus, .btn.focus, .btn:focus, .form-control:focus {
    box-shadow: none;
}

#dvPPtPresentation {
    padding-left: 0;
}

    #dvPPtPresentation h3 {
        margin-top: 10px;
    }

#myDropdown select {
    border: 1px solid #ced4da !important;
}

/*------------------------------------------*/


/* scrollbar fixation for double header in IR visualizer */
@media (min-width: 992px) {
    .tab-content .double_header .dataTables_scrollBody {
        max-height: 60vh !important;
    }

    .tab-content .double_header .DTFC_LeftBodyWrapper {
        max-height: 53vh !important;
    }
}

@media (min-width: 1200px) {
    .tab-content .double_header .dataTables_scrollBody {
        max-height: 65vh !important;
    }

    .tab-content .double_header .DTFC_LeftBodyWrapper {
        max-height: 63vh !important;
    }
}

@media (min-width: 1920px) {
    .tab-content .double_header .dataTables_scrollBody {
        max-height: 75vh !important;
    }

    .tab-content .double_header .DTFC_LeftBodyWrapper {
        max-height: 73vh !important;
    }
}

/*firefox hack */
@-moz-document url-prefix() {
    @media (min-width: 1200px) {
        .tab-content .double_header .dataTables_scrollBody {
            max-height: 64vh !important;
        }

        .tab-content .double_header .DTFC_LeftBodyWrapper {
            max-height: 63vh !important;
        }
    }

    @media (min-width: 1920px) {
        .tab-content .double_header .dataTables_scrollBody {
            max-height: 75vh !important;
        }

        .tab-content .double_header .DTFC_LeftBodyWrapper {
            max-height: 73vh !important;
        }
    }
}
/* back button */
#key_charts #btnBack {
    color: #287a8f;
    background: transparent;
    border: 1px solid #287a8f;
    border-radius: 4px;
    position: absolute;
    top: 14px;
    left: -207px;
    width: 150px;
    font-size: 13px;
    padding: .25rem 1rem;
    transition: all linear .3s;
}

    #key_charts #btnBack i {
        color: #287a8f;
        font-size: 30px;
        position: absolute;
        left: 0;
        top: -1px;
    }

    #key_charts #btnBack span {
        padding-left: 30px;
    }

    #key_charts #btnBack:hover {
        color: #7e7e7e;
        border: 1px solid #7e7e7e;
    }

    #key_charts #btnBack i {
        color: #287a8f;
        font-size: 30px;
        position: absolute;
        left: 0;
        top: -1px;
    }

    #key_charts #btnBack:hover i {
        color: #7e7e7e;
        transition: all linear 0.3s;
    }

    #key_charts #btnBack span {
        padding-left: 30px;
    }

@media(max-width: 1366px) {
    #key_charts #btnBack {
        left: -186px;
    }
}
/* ppt block */
#ppt-block {
    padding-top: 50px;
}

    #ppt-block .custom_drop .dual-list {
        /* min-height: 500px; */
    }

        #ppt-block .custom_drop .dual-list h2 {
            font-size: 1rem;
            color: #15282e;
            padding: 2px;
            text-transform: capitalize;
        }

            #ppt-block .custom_drop .dual-list h2 span:last-child {
                font-size: .75rem;
                margin-left: 10px;
                color: #287a8f;
            }

    #ppt-block .move_block {
        margin-bottom: 15px;
    }

    #ppt-block .custom_drop .move_block div[data-simplebar] {
        max-width: 100%;
        min-height: 480px;
    }

    #ppt-block .custom_drop .list-group-item.active, #ppt-block .custom_drop .list-group-item.activeleft {
        width: 100%;
    }

    #ppt-block .dual-list ul li {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        min-height: 80px;
        margin-bottom: 5px;
        border-bottom: 1px solid #eee;
    }

        #ppt-block .dual-list ul li span {
            display: block;
        }

        #ppt-block .dual-list ul li label {
            text-align: left;
            text-transform: initial;
            padding-left: 1.25rem;
            padding-right: 1.25rem;
            float: left;
            width: 77%;
            top: 6px;
            margin-bottom: 0;
        }

        #ppt-block .dual-list ul li i {
            color: #000;
        }

        #ppt-block .dual-list ul li a {
            font-size: 18px;
            float: left;
            display: inline-block;
            margin-left: 10px;
            width: 110px;
        }

        #ppt-block .dual-list ul li img {
            width: 100%;
            height: 60px;
            margin-top: -18px;
            /*width: 77%;
            margin-top: -21px;*/
            border: 1px solid #ddd;
            box-shadow: 1px 2px 3px #a3a1a1;
        }

        #ppt-block .dual-list ul li.activeleft i {
            color: #fff;
        }

.ppt-footer button {
    padding: 5px 10px 5px 10px;
    margin-right: 0;
    color: #fff;
    border-radius: 0;
    font-size: .8rem;
    height: 30px;
}

.ppt-footer {
    padding: 12px 0 8px 0;
    border-top: 1px solid #e9ecef;
}

    .ppt-footer > div {
        float: right;
    }

    .ppt-footer button > span {
        margin-right: 4px;
    }

    .ppt-footer button {
        transition: all linear 0.3s;
    }

        .ppt-footer button i {
            margin-left: 5px;
            margin-right: 0;
        }

        .ppt-footer button.cancel_btn {
            background-color: #f44336;
            border: 1px solid #f44336;
        }

            .ppt-footer button.cancel_btn:hover, .ppt-footer button.cancel_btn:focus {
                background-color: #b72b20;
                border-color: #b72b20;
                color: #fff;
            }

        .ppt-footer button.save_btn {
            background-color: #12a5f8;
            border: 1px solid #12a5f8;
        }

            .ppt-footer button.save_btn:hover, .ppt-footer button.save_btn:focus {
                background-color: #0786ce;
                border-color: #0786ce;
                color: #fff;
            }

        .ppt-footer button.save_gnrt_btn {
            background-color: #679eae;
            border: 1px solid #679eae;
        }

            .ppt-footer button.save_gnrt_btn:hover, .ppt-footer button.save_gnrt_btn:focus {
                background-color: #287a8f;
                border-color: #287a8f;
            }

#ppt-tab {
    clear: both;
}

#ppt-tab, #custom-tab {
    position: relative;
}

    #ppt-tab i:first-child, #custom-tab i:first-child {
        position: relative;
        left: 0;
        top: 1px;
        font-size: 14px;
        color: #287a8f;
    }

    #ppt-tab i:last-child, #custom-tab i:last-child {
        position: relative;
        top: 4px;
        right: -10px;
        color: #15282e;
        font-size: 20px;
    }

    #ppt-tab i:last-child {
        right: -12px;
    }

    #ppt-tab.clicked i:last-child, #custom-tab.clicked i:last-child {
        transform: rotate(90deg);
    }

#ppt-options, #custom-options {
    /*display: none;*/
    padding-top: 4px;
    /*margin-left: 35px;*/
}

#custom-options {
    margin-left: 8px;
}

    #ppt-options.show, #custom-options.show {
        display: block;
    }

    #ppt-options li, #custom-options li {
        line-height: initial;
        padding: 0;
        text-align: left;
        width: auto;
        background: transparent;
    }

        #ppt-options li a,
        #custom-options li a {
            font-size: .75rem;
        }

        #ppt-options li a, #custom-options li a {
            padding: 0;
            background: transparent;
            line-height: 1.7rem;
        }

            #ppt-options li a i, #custom-options li a i {
                color: #15282e;
                font-size: 7px;
                vertical-align: middle;
            }

            /*#ppt-options li a:hover, #ppt-options li a:focus, #custom-options li a:hover, #custom-options li a:focus {
                text-decoration: underline !important;
            }*/

        #custom-options li input#xlsxFile {
            width: 94%;
            font-size: 0.8rem;
        }

        #custom-options li button {
            margin: 10px 0 0 0;
            border: 1px solid #000;
            background: #efefef;
            font-size: 0.8rem;
            padding: 0.3rem 0.5rem;
            border-radius: 3px;
        }

            #custom-options li button:hover {
                background: #000;
                color: #fff;
            }

input[type='file'] {
    color: transparent; /*Makes the text invisible but button remains */
}

#ppt-block .custom_drop .move-cell .up_dwn_btns {
    right: 0;
}

#ppt-block .custom_drop .move-cell .moving_btns {
    width: 280px;
}

#open-list.dropdown-toggle::after {
    display: none;
}

#ppt-options li a#open-list i {
    font-size: 14px;
}

#ppt-options li a#open-list[aria-expanded="true"] i {
    transform: rotate(90deg);
}

#ppt-options li a#open-list + .dropdown-menu {
    background: transparent;
    border: 0;
    padding: 0;
    margin-left: 12px;
}

    #ppt-options li a#open-list + .dropdown-menu li {
        line-height: 1.5rem;
    }

        #ppt-options li a#open-list + .dropdown-menu li a {
            color: #15282e;
            font-size: 12px;
        }

#ppt-tab .fa-file-powerpoint-o {
    margin-right: 9px;
}

#ppt-options li a#open-list + .dropdown-menu li a i {
    font-size: 5px;
    margin-right: 4px;
    margin-left: 0;
    position: relative;
    top: -1px;
}
/* #ppt-options li{
    height: 26px;
} */


/* modal */

.ppt-modal.graph-modal {
    left: 48%;
}

    .ppt-modal.graph-modal .popup-body {
        border: 0;
        box-shadow: none;
    }

.ppt-modal .popup-wrapper {
    min-width: 78vw;
    /* height: 56.45vh; */
    padding: 0;
}

    .ppt-modal .popup-wrapper .popup-header h1 {
        text-align: center;
        padding-bottom: 10px;
        padding-top: 0;
        color: #7e7e7e;
        font-size: 1rem;
        font-weight: 600;
    }

    .ppt-modal .popup-wrapper .popup-body {
        /* height: 403px; */
        width: 78vw;
    }

    .ppt-modal .popup-wrapper .popup-content > img {
        width: 100%;
        height: 55vh;
        padding: 15px;
        border-bottom: 1px solid #dee2e6;
        padding-bottom: 10px;
    }

    .ppt-modal .popup-wrapper .popup-header button.back_btn {
        box-shadow: none;
        background: transparent;
        width: auto;
        height: auto;
        border-radius: 0;
        border: 0;
        top: -6px;
        right: -14px;
    }

        .ppt-modal .popup-wrapper .popup-header button.back_btn:hover, .ppt-modal .popup-wrapper .popup-header button.back_btn:hover i {
            transition: all linear 0.3s;
        }

        .ppt-modal .popup-wrapper .popup-header button.back_btn i {
            color: #555;
            font-size: 18px;
            position: relative;
            top: 12px;
            right: 12px;
            opacity: 1;
        }

        .ppt-modal .popup-wrapper .popup-header button.back_btn:hover i, .ppt-modal .popup-wrapper .popup-header button.back_btn:focus i {
            opacity: .3 !important;
            color: #555 !important;
        }

#ppt-overlay.show {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
    z-index: 100;
}

.ppt-modal .popup-content button {
    display: none;
    background: #257e4f;
    border: 1px solid #257e4f;
    color: #fff;
    font-size: 13px;
    float: right;
    margin-top: -10px;
    transition: all linear 0.3s;
    text-transform: initial;
    padding: 6px;
    position: relative;
    top: -3px;
    right: 5px;
}

    .ppt-modal .popup-content button:hover, .ppt-modal .popup-content button:focus, .ppt-modal .popup-content button:hover i, .ppt-modal .popup-content button:focus i {
        background: transparent;
        color: #257e4f;
    }

    .ppt-modal .popup-content button.show {
        display: block;
    }

.ppt-modal .popup-content .buttons-wrapper {
    padding-top: 10px;
    margin-top: 11px;
    height: 39px;
}

#ppt-block .custom_drop .dual-list {
    height: auto;
}

#ppt-block .custom_drop .list-right #SavedItems, #ppt-block .custom_drop .list-left #ALLItems {
    min-height: auto !important;
}

/* media query for ppt block */

/* @media(max-width: 1399.98px){
    #ppt-block{
        padding-top: 10px;
    }

    .ppt-footer {
        padding: 5px 0 8px 0;
    }

    .ppt-footer{
        bottom: 22px;
    }
} */

@media(min-width: 1400px) {
    #ppt-block {
        /*padding-top: 60px;*/
        padding-top: 25px;
    }

        #ppt-block .move_block {
            min-height: 400px;
        }

        #ppt-block .custom_drop .list-right #SavedItems, #ppt-block .custom_drop .list-left #ALLItems {
            min-height: 396px !important;
        }
}
/* chart save modal */

.save_confirmation .popup-wrapper {
    width: 340px !important;
}

#chartSave-modal .popup-body {
    width: 100%;
    display: inline-block;
}

    #chartSave-modal .popup-body p {
        /*margin-bottom: 0;*/
        margin-bottom: 15px;
        font-size: 14px; /*text-align: center;*/
    }

#chartSave-modal .input-group-btn {
    float: right;
}
/*#chartSave-modal .popup-footer #btnConfirm_No, 
#chartSave-modal .popup-footer #btnDelConfirm_Yes {
	background-color: #287a8f;
	border: 1px solid #287a8f;
	color: #fff;
}
#chartSave-modal .popup-footer #btnConfirm_Yes, 
#chartSave-modal .popup-footer #btnDelConfirm_No {
	float: left;
	margin-right: 15px;
}
#chartSave-modal .popup-footer #btnConfirm_No:hover, 
#chartSave-modal .popup-footer #btnConfirm_No:focus, 
#chartSave-modal .popup-footer #btnDelConfirm_Yes:hover,
#chartSave-modal .popup-footer #btnDelConfirm_Yes:focus {
	background-color: transparent;
	color: #287a8f;
}*/
#chartSave-modal .popup-footer .confirm_yes {
    background-color: #287a8f;
    border: 1px solid #287a8f;
    color: #fff;
}

#chartSave-modal .popup-footer .confirm_no {
    float: left;
    margin-right: 15px;
}

#chartSave-modal .popup-footer .confirm_yes:hover,
#chartSave-modal .popup-footer .confirm_yes:focus {
    background-color: transparent;
    color: #287a8f;
}
/* search field in modal */

input.search_field {
    position: absolute;
    top: -33px;
    right: 15px;
    width: 200px;
    font-size: 12px;
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgb(0 0 0 / 7%);
    outline: none;
    padding: 3px 8px;
    transition: .18s ease-out;
}

    input.search_field:hover {
        box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
    }

    input.search_field:focus {
        color: #4b515d;
        border: 1px solid #B8B6B6;
        box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
    }

    input.search_field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #7e7e7e;
        opacity: 1; /* Firefox */
    }

    input.search_field :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #7e7e7e;
    }

    input.search_field::-ms-input-placeholder { /* Microsoft Edge */
        color: #7e7e7e;
    }

#ppt-block input.search_field {
    position: absolute;
    top: -2px;
}

#custom_modal #collapse_period.show {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
/* listing modal */
.popup.search_listing_modal .popup-wrapper {
    width: 600px;
    padding: 0;
}

.popup.search_listing_modal .popup-header, .popup.search_listing_modal .popup-body, .popup.search_listing_modal .popup-footer {
    padding: 15px;
}

.popup.search_listing_modal .popup-header {
    border-bottom: 0;
    padding-top: 10px;
    padding-bottom: 0;
    background: #e3e3e3;
    border: 0;
    border-radius: 0;
    margin-bottom: 10px;
}

    .popup.search_listing_modal .popup-header .close {
        margin-top: 3px;
    }

    .popup.search_listing_modal .popup-header h2 {
        margin-bottom: .5rem !important;
    }

    .popup.search_listing_modal .popup-header label {
        font-size: 1.25rem !important;
    }
/* .ClChartSave.popup.search_listing_modal .popup-header {
    margin-bottom: 2em;
}

.ClChartSave.popup.search_listing_modal .popup-header h2 {
    width: 100%;
}

.ClChartSave.popup.search_listing_modal .popup-header label {
    text-align: left;
} */

.search_listing_modal .popup-body {
    position: relative;
}

.search_listing_modal .listing-modal {
    border: 1px solid #ccc;
    height: 50vh;
}

    .search_listing_modal .listing-modal ul, .search_listing_modal .listing-modal ul li {
        border: 0;
    }

        .search_listing_modal .listing-modal ul li {
            border-radius: 0;
        }

            .search_listing_modal .listing-modal ul li:last-child {
                border-bottom: 0;
            }

            .search_listing_modal .listing-modal ul li:hover, .search_listing_modal .listing-modal ul li.active {
                background-color: #12a5f8;
                border: 0;
            }

        .search_listing_modal .listing-modal ul li {
            text-align: left;
            margin-bottom: 0;
            font-weight: normal;
            line-height: 0;
        }

            .search_listing_modal .listing-modal ul li a {
                padding: .2rem 1.25rem .3rem 1.25rem;
                line-height: 13px;
                vertical-align: middle;
                font-size: 13px;
                color: #000 !important;
                font-weight: normal;
                display: block;
                cursor: pointer;
            }

                .search_listing_modal .listing-modal ul li a label {
                    float: none;
                    text-align: left;
                    margin-bottom: 0;
                    font-weight: normal;
                    display: inline-block;
                    cursor: pointer;
                }

            .search_listing_modal .listing-modal ul li:hover a,
            .search_listing_modal .listing-modal ul li.active a {
                background-color: #12a5f8;
                color: #fff !important;
                border: 0;
            }

        .search_listing_modal .listing-modal ul#ul-SavedPPTdup li {
            margin-bottom: 0;
            line-height: 0;
            cursor: pointer;
        }

            .search_listing_modal .listing-modal ul#ul-SavedPPTdup li label {
                font-weight: normal;
                text-align: left;
                cursor: pointer;
            }

            .search_listing_modal .listing-modal ul#ul-SavedPPTdup li:hover label {
                background-color: #12a5f8;
                color: #fff !important;
                border: 0;
            }

.popup.search_listing_modal .popup-footer {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
}

    .popup.search_listing_modal .popup-footer button {
        margin-bottom: 15px;
    }
/* search at listing modal */
.popup.search_listing_modal .popup-body form input.search_field {
    border-radius: 4px;
    padding: 3px 8px;
    border-color: #d1d1d1;
    top: -47px;
    /* left: 288px; */
    right: 50px;
}
/* save ppt modal*/
.save_ppt_modal input.ClsPPTfilename {
    position: initial;
    padding-left: 12px !important;
    font-size: 13px;
    color: #000;
}

.save_ppt_modal #ppt-search-modal {
    margin-top: 20px;
}

.save_ppt_modal .popup-body {
    padding-top: 0 !important;
}

.save_ppt_modal label {
    float: none;
    text-align: left;
    font-weight: 600;
}

.save_ppt_modal .saved_ppt {
    font-weight: 600;
    font-size: 13px !important;
    clear: both;
    position: relative;
    top: 10px;
}
/* chart delete buttron */
#ppt-block .custom_drop .move-cell .list-arrows {
    padding-left: 0;
    padding-right: 0;
}

#ppt-block .custom_drop .move-cell .delete-chart-btn {
    float: left;
}

#ppt-block .custom_drop .move-cell #id-delete-chart-btn {
    background-color: transparent;
    border: 1px solid #f44336;
    color: #f44336;
}

    #ppt-block .custom_drop .move-cell #id-delete-chart-btn i {
        color: #f44336;
    }

    #ppt-block .custom_drop .move-cell #id-delete-chart-btn:hover, #ppt-block .custom_drop .move-cell #id-delete-chart-btn:focus {
        background-color: #b72b20;
        border-color: #b72b20;
        color: #fff;
    }

        #ppt-block .custom_drop .move-cell #id-delete-chart-btn:hover i, #ppt-block .custom_drop .move-cell #id-delete-chart-btn:focus i {
            color: #fff;
        }

/* zacks created report */

.key-wrapper .key-menus li.zacks_created_nav {
    margin-top: 20px;
}

    .key-wrapper .key-menus li.zacks_created_nav a.active {
        text-decoration: underline;
    }

    .key-wrapper .key-menus li.zacks_created_nav #custom-options li:first-child {
        margin-bottom: 8px;
    }

div#div-ZacksCreatedHeadlines {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

.zacks_report_table [data-simplebar] {
    height: 75vh;
    margin-top: 46px;
}

.zacks_report_table table {
    width: 99%;
}

    .zacks_report_table table thead th {
        border-top: 0;
        font-weight: 400;
        background: #8d8d8d;
        color: #fff;
    }

    .zacks_report_table table thead th,
    .zacks_report_table table tbody td,
    .zacks_report_table table tbody th {
        padding: 4px 10px;
        font-size: .85rem;
        font-weight: 400;
        border: 0 !important;
        text-align: center;
    }

    .zacks_report_table table tbody tr {
        border-bottom: 1px solid #afafaf;
    }

    .zacks_report_table table tbody th {
        border-right: 1px solid #afafaf !important;
        border-left: 2px solid #afafaf !important;
    }

    .zacks_report_table table tbody td {
        border-right: 1px solid #afafaf !important;
        border-left: 2px solid #afafaf !important;
    }

    .zacks_report_table table thead th.name,
    .zacks_report_table table thead th.date {
        width: 15%;
    }

    .zacks_report_table table thead th.file {
        width: 55%;
    }

    .zacks_report_table table thead th.format,
    .zacks_report_table table thead th.edit {
        width: 10%;
    }

    .zacks_report_table table tbody td.format i {
        font-size: 1.2rem;
    }

        .zacks_report_table table tbody td.format i.fa-file-excel-o {
            color: #0a9512;
        }

        .zacks_report_table table tbody td.format i.fa-file-powerpoint-o {
            color: #d57200;
        }
/* only for gviz*/
.group_table .DTFC_LeftBodyLiner,
.group_table .DTFC_LeftBodyWrapper {
    /* border-right: 0 !important; */
    border-left: 0;
}

.group_table td.description.merge-top.group_child {
    padding-left: 35px;
    background-color: transparent;
    font-weight: normal;
}

table.dataMatrix tbody tr td.group_child.description > .hover-note {
    left: 22px;
}

.group_table .DTFC_LeftBodyWrapper {
    /* border-right: 1px solid #fff !important; */
    border-left: 0;
}

.group_table .DTFC_LeftBodyLiner table tbody td.description + td.group-head {
    position: relative;
}

.group_table .group_head {
    border-right: 1px solid #fff !important;
}

.group_table .DTFC_LeftBodyWrapper {
    /*border-right: 1px solid #afafaf!important;*/
    border-left: 0;
}

.group_table table.dataMatrix tbody tr td.description {
    min-width: 310px;
    max-width: 310px;
    padding-left: 10px;
}

.group_table table.dataMatrix thead tr th:last-child,
.group_table table.dataMatrix tbody tr td:last-child {
    border-right: 1px solid #afafaf !important;
}

/*prasanta*/
#custom-options li.active a,
#custom-options li.active a:focus {
    background-color: #287a8f;
    color: #fff !important;
}

#custom-options li a:hover {
    background-color: #ccc;
    color: #fff !important;
}

#ppt-options li.active a,
#ppt-options li.active a:focus {
    background-color: #287a8f;
    color: #fff !important;
}

#ppt-options li a:hover {
    background-color: #ccc;
    color: #fff !important;
}

#custom-tab, #ppt-tab {
    display: none;
}

#ppt-options li > a, #custom-options li > a {
    width: 140px;
    padding: 0 0 0 10px;
    text-align: left;
    border-radius: 0;
    text-decoration: none;
}
/*prasanta*/

@media (min-width: 1200px) {
    .tab-content .double_header .DTFC_LeftBodyWrapper {
        max-height: 65vh !important;
    }
}

@media (min-width: 1920px) {
    .tab-content .double_header .DTFC_LeftBodyWrapper {
        max-height: 73vh !important;
    }
}

/*firefox css hack*/
@-moz-document url-prefix() {
    /* .group_table table.dataMatrix tbody tr td.description{
        min-width: 320px;
        max-width: 320px;
    } */
}

/* millions cell added */
/* .group_table .DTFC_LeftWrapper th.description-cell-header, 
.group_table .DTFC_LeftWrapper td.description{
    border-right: 1px solid #afafaf !important;
} */

.group_table .DTFC_LeftWrapper th.millions_cell-header {
    min-width: 60px;
    width: 60px !important;
    border-right: 0 !important
}

.group_table .DTFC_LeftWrapper td.millions-cell {
    min-width: 50px;
    width: 50px !important;
    text-align: center;
}

.group_table .DTFC_LeftWrapper td.group-head {
    min-width: 43px;
}

.group_table .DTFC_LeftWrapper td.millions-cell + td.actual-row {
    min-width: 42px !important;
    width: 42px !important;
}

    .group_table .DTFC_LeftWrapper td.millions-cell + td.actual-row > a {
        display: block;
        text-align: center;
    }

.group_table .DTFC_LeftWrapper td.description.no-border {
    border-right: 0 !important;
}

.tab-content .group_table .DTFC_LeftWrapper .DTFC_LeftBodyLiner {
    border-right: 0;
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

.simplebar-content {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
    width: auto;
    visibility: visible;
    overflow: scroll; /* Scroll on this element otherwise element can't have a padding applied properly */
    max-width: 100%; /* Not required for horizontal scroll to trigger */
    max-height: 100%; /* Needed for vertical scroll to trigger */
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: inherit;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0;
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.simplebar-scrollbar {
    position: absolute;
    right: 2px;
    width: 7px;
    min-height: 10px;
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: black;
    border-radius: 7px;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.2s linear;
}

.simplebar-track .simplebar-scrollbar.visible:before {
    /* When hovered, remove all transitions from drag handle */
    opacity: 0.5;
    transition: opacity 0 linear;
}

.simplebar-track.vertical {
    top: 0;
    width: 11px;
}

.simplebar-track.vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
}

.simplebar-track.horizontal {
    left: 0;
    height: 11px;
}

.simplebar-track.horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px;
}

.horizontal.simplebar-track .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto;
}

/* Rtl support */
[data-simplebar-direction="rtl"] .simplebar-track.vertical {
    right: auto;
    left: 0;
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
}