/**
******************************************************
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: 2px;
	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 {
	position: relative;
    top: 10px;
    float: left;
    max-height: 50px;
    max-width: 300px;
}

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;
}

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

.analytics-ctrl .right-block a:hover,  
.analytics-ctrl .right-block a:focus {
	color: #fff;
	background-color: #1b2e34;
	outline: 0;
	box-shadow: none;
}

.analytics-ctrl .right-block a {
	border-top: 9px solid transparent;
}

.analytics-ctrl .right-block a > i {
	float: right;
	font-size: 1rem;
	margin-top: 2px;
}

.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: 241px;
}

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

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

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: .7em;
}

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%);
}

/* 
******************************************************************************************
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 tbody tr td.description {
	min-width: 241px;
}

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;
}

/*  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;
}

.analytics-ctrl .right-block a.pref-link {
	padding: 0 1.2rem;
}

.analytics-ctrl .right-block a.pref-link > i {
	margin: 0;
	position: relative;
	top: 2px;
	margin-left: 6px;
}

.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;
        }
    }
}

/*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;
    }
}

/* 
******************************************************************************************
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;
    }

    .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;
    }

    .analytics-ctrl .right-block a {
        text-align: center;
        float: none;
        display: block;
        padding-bottom: 3rem;
        padding-top: 10px;
    }

    .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 a {
        text-align: right;
        float: right;
        margin-top: 0;
        margin-bottom: 15px;
    }

    .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 .6rem;
    }

    .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;
        }
    }
}

/*custom range*/
@media (min-width: 1200px) and (max-width:1599px) {
    /*firefox css hack*/
    @-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-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: 50%;
	display: block;
	float: left;
	position: relative;
}

.popup .popup-wrapper .popup-body .popup-content table.dataMatrix tr td > span.two-col.divider.highlighted {
	font-weight: bold;
	padding-right: 10px;
}

.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 > span {
	position: inherit;
	top: 0;
	transform: none;
	min-width: 68px;
}

.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.normal-font {
	font-weight: normal;
}

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

/*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 tr td.description {
	background-color: #e6e6e6 !important;
	box-shadow: 1px 0 0px #e6e6e6;
	z-index: 9;
}

.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;
}

.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;
	text-align: left !important;
}

.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.FYA-col:after, 
.popup .popup-wrapper .popup-body .popup-content table tr td.highlighted-bottom-line.FYE-col:after, 
.popup .popup-wrapper .popup-body .popup-content table tr td.highlighted-top-line.FYA-col:after, .popup .popup-wrapper .popup-body .popup-content table tr td.highlighted-top-line.FYE-col:after {
	border-bottom: 0;
	bottom: 0;
}

.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: 10px;
}

/*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;
	float: right;
	font-size: 1rem;
	margin-top: 2px;
	margin-left: 4px;
}

.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;
    }

    .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;
    }

    /*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;
    }

    .analytics-ctrl .right-block a {
        text-align: right;
        display: block;
        padding-bottom: 0;
        padding-top: 0;
        margin: 0 auto;
    }

    .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 div.dataTables_scrollHeadInner thead tr > th {
	display:none;
} */

#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 */

#custom_modal .modal-content .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_modal .modal-content .move-cell button.btn.move-left {
	padding: 4px 12px 4px 6px;
}

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

#custom_modal .modal-content .move-cell button.btn:focus {
	outline: 0;
	box-shadow: none;
}

#custom_modal .modal-content .move-cell button.btn > i {
	color: #fff;
}

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

#custom_modal .modal-content .move-cell {
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;
}

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

#custom_modal .modal-content .move-cell + .modal-footer button > span {
	margin-right: 4px;
}

#custom_modal .modal-content .move-cell + .modal-footer button#btnClose {
	background-color: #f44336;
	border: 1px solid #f44336;
	margin-right: 6px;
}

#custom_modal .modal-content .move-cell + .modal-footer button#btnClose:hover,  #custom_modal .modal-content .move-cell + .modal-footer button#btnClose:focus {
	background-color: #b72b20;
	border-color: transparent;
	color: #fff;
}

#custom_modal .modal-content .move-cell + .modal-footer button#btnLineitemsSave {
	background-color: #12a5f8;
	border: 1px solid #12a5f8;
}

#custom_modal .modal-content .move-cell + .modal-footer button#btnLineitemsSave:hover,  #custom_modal .modal-content .move-cell + .modal-footer button#btnLineitemsSave:focus {
	background-color: #679eae;
	border-color: transparent;
	color: #fff;
}

#custom_modal .modal-content .move-cell + .modal-footer button:focus {
	box-shadow: none;
}

#custom_modal .modal-content:active, #custom_modal .modal-content:visited, #custom_modal .modal-content:focus {
	box-shadow: 0px 5px 8px #555;
	outline: 0 none;
	border: 1px solid rgba(0, 0, 0, .2);
}

#custom_modal .modal-header {
	border-bottom: 0;
	padding-top: 10px;
	padding-bottom: 0;
}

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

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

#custom_modal .modal-dialog .modal-content .modal-body .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_modal .modal-dialog .modal-content .modal-body .list-group-item:first-child,  #custom_modal .modal-dialog .modal-content .modal-body .list-group-item:last-child {
	border-radius: 0;
}

#custom_modal .modal-dialog .modal-content .modal-body .list-group-item.active,  #custom_modal .modal-dialog .modal-content .modal-body .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: 400px;
}

#custom_modal .modal-dialog .modal-content .modal-body .dual-list {
	min-height: 365px;
}

#custom_modal .modal-dialog .modal-content .modal-body #TotalLineitem,  #custom_modal .modal-dialog .modal-content .modal-body #CustomTabedItem {
	border: 1px solid #ccc;
	max-height: 400px;
	border-radius: 4px;
	overflow-y: auto;
	border-radius: 0;
}

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

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

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

#custom_modal .modal-content .move-cell .moving_btns {
	width: 276px;
	margin: 0 auto;
}

#custom_modal .modal-content .move-cell .moving_btns button.btn {
	width: 130px;
}

#custom_modal .modal-content .move-cell .moving_btns button.btn.move-right {
	margin-right: 5px;
	margin-left: 6px;
}

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

#custom_modal .modal-content .move-cell .moving_btns button.btn:hover > i {
	color: #15282e;
}

#custom_modal .modal-content .move-cell .up_dwn_btns {
	position: absolute;
	right: 16px;
	top: 0;
}

#custom_modal .modal-content .move-cell .up_dwn_btns button.btn {
	width: 111px;
}

#custom_modal .modal-content .move-cell .up_dwn_btns button.btn:first-of-type {
	margin-right: 6px;
}

#custom_modal .modal-content .move-cell + .modal-footer button {
	width: 111px;
}

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

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

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

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

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

#custom_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_modal .modal-content .move-cell .list-arrows:first-of-type {
        float: left;
        width: 50%;
    }

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

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

    #custom_modal .modal-dialog .modal-content .modal-body .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: 150px;
        width: 150px;
        font-size: .8rem;
    }

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

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

 @media (min-width: 992px) and (max-width:1599px) {
    #custom_modal .modal-dialog .modal-content .modal-body #ALLItems,  #custom_modal .modal-dialog .modal-content .modal-body #SavedItems {
        max-height: 366px;
        overflow-x: hidden;
    }

    #custom_modal .modal-dialog .modal-content .modal-body .list-left #TotalLineitem,  #custom_modal .modal-dialog .modal-content .modal-body .list-right #CustomTabedItem {
        min-height: 365px;
    }
}
 @media (min-width:1600px) {
    #custom_modal .modal-dialog .modal-content .modal-body #ALLItems,  #custom_modal .modal-dialog .modal-content .modal-body #SavedItems {
        overflow: hidden;
    }
}

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

    #custom_modal .modal-dialog .modal-content .modal-body .list-left #TotalLineitem, #custom_modal .modal-dialog .modal-content .modal-body .list-right #CustomTabedItem {
        overflow: hidden;
    }

    /*media query*/
    @media(max-width: 1400px) {
        #custom_modal .modal-dialog .modal-content .modal-body .list-right #CustomTabedItem,  #custom_modal .modal-dialog .modal-content .modal-body .dual-list,  #custom_modal .modal-dialog .modal-content .modal-body .list-left #TotalLineitem {
            height: 344px;
            min-height: auto;
        }

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

    @media (min-width: 992px) and (max-width:1599px) {
        #custom_modal .modal-dialog .modal-content .modal-body #ALLItems,  #custom_modal .modal-dialog .modal-content .modal-body #SavedItems {
            overflow: hidden;
        }
    }

    @media(min-width: 1600px) {
        #custom_modal .modal-dialog .modal-content .modal-body .list-right #SavedItems,  #custom_modal .modal-dialog .modal-content .modal-body .list-left #ALLItems {
            min-height: 400px !important;
            max-height: 400px;
        }
    }
}

/* 
******************************************************************************************
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 {
	position: relative;
}

table.dataMatrix tbody tr td.note:after {
	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 {
	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 {
	border-right: 8px solid #34b7e1;
}

table.dataMatrix tbody tr td.note:hover .hover-note {
	display: block;
} 

/* 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;
}

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

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; 
}

/* .buid-chart-modal .popup-wrapper .popup-header{
	background-color: #15282e;
    padding: 0 15px;
    color: #fff;
}

.buid-chart-modal .popup-wrapper .popup-header .company-header{
	padding: 0;
    float: left;
    width: 100%;
    height: 30px;
}

.buid-chart-modal .popup-wrapper .popup-header .company-header > h1{
	text-align: left;
    color: #fff;
	font-weight: 700;
	font-size: 15px;
    margin: 0;
    padding: 0;
    top: 7px;
}

.buid-chart-modal .popup-wrapper .popup-header i{
	color: #fff;
    float: right;
    position: relative;
    top: -9px;
    font-size: .8rem;
} */

/*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;
	/* margin-top:-26px; */
}

/* .buid-chart-modal .popup-wrapper .build-chart-content .tab-pane ul.custom-filter{
	margin-bottom: 1rem;
} */

.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 {
    /* min-width: 4rem;
    width: 4rem;
	margin-left: 0; */
	
	margin-left: 0;
    /* margin-right: 6px; */
}

/* .buid-chart-modal .popup-wrapper .build-chart-content .tab-pane ul li:before {
    content: "";
    display: block;
    width: 125px;
    height: 1px;
    background-color: #d2efff;
    position: absolute;
    left: -3px;
    bottom: 0;
} */

/* .buid-chart-modal .popup-wrapper .build-chart-content .tab-pane ul li.divider {
	position: relative;
}

.buid-chart-modal .popup-wrapper .build-chart-content .tab-pane ul li.divider:before {
    content: "";
    display: none;
}

.buid-chart-modal .popup-wrapper .build-chart-content .tab-pane ul li.divider:after {
    content: "";
    display: block;
    height: 14px;
    width: 1px;
    background-color: #287a8f;
    position: absolute;
    top: 9px;
    left: 61px;
}

.buid-chart-modal .popup-wrapper .build-chart-content .tab-pane .all-filter li.divider:after {
    left: 51px;
} */

.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;
}

/* .buid-chart-modal .popup-wrapper .build-chart-content .graph-plot-block .segments-section h3.header > span{
	color: #3da0b9;
    font-size: .65rem;
    font-weight: normal;
    margin-left: .6rem;
    position: relative;
	top: -1px;
} */

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

/*.buid-chart-modal .popup-wrapper .build-chart-content .graph-plot-block .segments-section ul > li a{
    display: block;
    line-height: 2rem;
	color: #a5a5a5;
	padding-left: .5rem;
	font-size: .9rem;
	text-align: left;
}

.buid-chart-modal .popup-wrapper .build-chart-content .graph-plot-block .segments-section ul > li a.active, 
.buid-chart-modal .popup-wrapper .build-chart-content .graph-plot-block .segments-section ul > li a:hover{
	background-color: #f7f7f7;
    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 {
    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: 362px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #eaeaea;
}

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

.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;
	/* font-weight: 900; */
}

/* .buid-chart-modal .popup-wrapper .build-chart-content .graph-plot-block .custom-section .choose-chart li div.dropdown i{
	font-weight: 700;
} */

.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;
    /* margin-left: 6px; */
    padding: 0;
	box-shadow: 0px 0px 7px #ccc;
	/* top: -18px !important; */
    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: #7facb9;
    color: #fff;
    border: 1px solid #7facb9;
    border-radius: .25rem;
    width: 4rem;
    padding-right: 0;
    position: relative;
    top: -2px;
    font-size: .9rem;
	padding-bottom: 2px; */
	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;
}

/* for showing and hiding single slot*/
/* .buid-chart-modal .popup-wrapper .build-chart-content .graph-plot-block ul.chart-boxes .single-slot{ display: none; }
.buid-chart-modal .popup-wrapper .build-chart-content .graph-plot-block ul.chart-boxes .single-slot.active{ display: block; } */

/*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;
}

/*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*/

.buid-chart-modal .popup-wrapper.expand{
	width: 96vw;
	height:95vh;;
    max-width: none;
}

.buid-chart-modal .popup-wrapper.expand .chart-wrapper img, 
.buid-chart-modal .popup-wrapper.expand .chart-wrapper canvas {
    /* position: absolute;
    top: 50%;
	transform: translate(0, -50%); */
	height: 42vh;
}

.buid-chart-modal .popup-wrapper .chart-wrapper{
	display:none;
}

.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;
}

/*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.pref-link {
    padding: 0 0 0 1.2rem;
}

.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 IR Visualizer*/
/*need to remove*/
.mock-msg{
	text-align: center;
    font-size: 1rem;
    padding-top: 50px;
}
/*need to remove*/

/* For Key charts tab */

/*menu*/
.key-wrapper .key-menus{
    border-bottom: 0;
    padding-right: 0;
    flex: 13% 0 0;
    max-width: 13%;
    margin-right: 3.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 div.tab-pane[aria-labelledby="custom-tab"]{
    padding-left: 6.7rem;
} */

.key-wrapper .build_wrapper #chartTabContent.hide{
    display: none;
}

/* export buttons in key chart */
.export-btn-grp{
    float: right;
    margin-top: 20px;
}

.export-btn-grp > a, 
button#chart-settings {
    font-weight: 400;
    font-size: .8rem;
    padding: .4rem .7rem;
    border-radius: .25rem;
    width: auto;
    transition: all linear .3s;
    margin-right: .35rem;
    background-color: #184d5b;
    border: 1px solid #184d5b;
    color: #fff !important;
    text-transform: capitalize;
}

.export-btn-grp > a:hover, 
.export-btn-grp > a:focus, 
.export-btn-grp > a.active, 
button#chart-settings:hover, 
button#chart-settings:focus, 
button#chart-settings.active {
    background-color: transparent;
    border: 1px solid #184d5b;
    color: #184d5b !important;
}

.export-btn-grp > a:hover i, 
.export-btn-grp > a:focus i, 
.export-btn-grp > a.active i {
    color: #184d5b;
}

.export-btn-grp > a > i {
    margin-right: 0;
    margin-left: 10px;
    font-size: 1rem;
    position: relative;
    top: 1px;
}

.key-chart-area{
    float: left;
    width: 100%;
    margin-top: 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 tbody tr td.description.merge-top+td a {
    right: 14px;
}*/

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: 17px;
    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: #184d5b;
}

/* 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;
    /* margin-left: -2.666667%;
    padding: 10px 0 0;
    border: 1px solid #e6e6e6;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    background: rgba(243, 243, 243, 0.2); */
}

div#key_PriceChart object, 
div#key_instititutional_holdings iframe{
    width: 100%;
    margin: 20px 0px 0;
    /* padding: 10px 0; */
    height: 75vh;
    border: 0;
}

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;
}

/* styles for iframe */

.iframe_wrapper iframe{
    width: 100%;
    height: 258px;
    margin: 0px;
    border: 0px;
    z-index: -1;
}

.iframe_wrapper > a{
    position: absolute;
    top: 23px;
    right: 15px;
    color: #fff;
    transition: all linear 0.3s;
}

.iframe_wrapper > a:hover{
    color: #12a5f8;
}

.tunning-wrapper .container .setting-wrapper{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    padding: 20px;
    box-shadow: 0 -2px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    width: 32rem;
}

.tunning-wrapper .container .setting-wrapper .ticker-name {
    padding: 20px;
    background: #f3f3f3;
    border: 1px solid #e9e9e9;
}
    
.tunning-wrapper .container .setting-wrapper .ticker-name img {
    width: 120px;
    margin: 0 auto;
    display: block;
}

.tunning-wrapper .container .setting-wrapper .form-ticker label {
    color: #164162;
    font-weight: 600;
    font-size: 1.4rem;
    text-transform: capitalize;
    margin: 0;
    padding-top: 2rem;
    padding-bottom: .5rem;
    position: relative;
    font-family: 'Raleway', sans-serif;
    float: none;
    width: 100%;
    text-align: left;
}

.tunning-wrapper .container .setting-wrapper .form-ticker input[type="text"] {
    display: block;
    width: 100%;
    border: 1px solid #164162;
    margin-bottom: 10px;
    float: none;
    position: relative;
    padding: 6px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
}

.tunning-wrapper .container .setting-wrapper .form-ticker input[type="text"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999;
  opacity: 0.6; /* Firefox */
  font-size: 1.2rem;
}

.tunning-wrapper .container .setting-wrapper .form-ticker input[type="submit"] {
    -webkit-appearance: none;
    border: 1px solid #164162;
    padding: 4px 32px;
    color: #fff;
    background: #164162;
    margin-top: .5rem;
    transition: all linear 0.3s;
    width: 100%;
}

.tunning-wrapper .container .setting-wrapper .form-ticker input[type="submit"]:hover {
    border: 1px solid #12a5f8;
    background: #12a5f8;
}

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

body footer.tuning-footer ul {
    padding: 3px 15px;
    margin-bottom: 0;
}

body footer.tuning-footer ul li:first-child a > img {
    width: 46px;
    margin-left: 4px;
}