/* custom.css  edited*/
.wrapper {
	padding:0 15px 0px 10px;
	min-height: calc(100% - 30px)
}
.page-title > h1 {
	padding: 5px 15px 9px;
}

.charts {
height: 250px;
margin: 10px 0 0px 0;
padding: 60px 20px 0;
overflow: hidden;
float: left;
width:100%;
	
}
.dashboard-stat2 .progress-info {
	margin: 48px 0 0 -10px;
	width: calc(100% + 20px);
}
/* bootstrap override*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left: 5px;
	padding-right: 5px;

}
.common-height{
    height: 403px;
    }

.common-height-right-Div {
    height: 416px;
}
#travellerRating\{
    padding-top: 10px;
    }

.row2 {

    width: 50%;
    padding-left: 5px;

}
.container-fluid-width .row-wrapper{
    width: 33.33%;
    float: left;
}
 .left-Div {

    padding-left: 5px
    }


    
/***.tree-chart .cell{
padding:0px ;
    font-size: 12px;
    font-family: arial;
}
****/
.container-fluid-width > div{
	float:left;
	width:33.33%;
}	
.container-fluid-width > div:last-child{
	padding-right:0;
}
.container-fluid-width .charts{
	height:417px;
}
.left-side .resize-icn,
.right-side .resize-icn{
	float:right;
}
.treemap .upborder.chart{
	display:none;
}

.container-fluid-width{
width: 100%;
padding: 0 5px;
overflow: hidden;
margin-bottom:15px;
}
.multibar.charts.common-height {
    margin-top: 0px;
}

@media (max-width: 1200px) {
	.row.margin-top-10 > div {
		margin: 20px 0 0px;
	}
}
.upborder {
	border: 1px solid #CDCDCD;
	border-radius: 2px;
	cursor: pointer;
	float: left;
	height: 21px;
	margin-left: 13px;
	padding: 3px;
	position: relative;
	width: 36px;
}
.chart-types-container.input.editor-type:after {
 	border: 1px solid #FFFFFF;
    content: " ";
    left: 97px;
    position: absolute;
    top: 0;
    width: 34px;
}
.widget-types-container:after {
	border: 1px solid #FFFFFF;
	content: " ";
	right: 1px;
	position: absolute;
	top: 0;
	width: 34px;
}
.graphSet {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CDCDCD;
	box-shadow: 2px 2px 2px #C5C5C5;
	float: left;
	padding: 3px 19px 0 0;
}
.upborder.widget .graphSet {
box-shadow: -2px 2px 2px #C5C5C5;
}
.chart-types-container.input.editor-type {
	border-radius: 5px;
    display: none;
    left: -97px;
    position: absolute;
    top: 19px;
    width: 231px;
}

.upborder:hover {
	border-bottom: 0px;
	background: #fff;
}
.upborder:hover .widget-types-container, .upborder:hover .chart-types-container.editor-type {
	display: block;
}
.upborder.widget {
	position: absolute;
	right: 5px;
	top: -23px;
}
.upborder.widget:hover {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CDCDCD;
	border-bottom: 0px;
}
.widget .updown {
	background-image: url("../images/widget_icon_arrow.png");
	height: 9px;
	margin-left: 1px;
	margin-top: 3px;
	width: 27px;
}
.upborder.widget .widget-types-container {
	right: -1px;
	top: 18px;
	width: 185px;
}
.frontface {

}
.center {
	margin-top: 0px;
}
.center > .display {
	margin-top: 24px;
}
.front-divs .refresh-icn {
	position: absolute;
	right: 35px;
	top: -23px;
}
	#segmentRevenue .chart-types-container.input.editor-type {
	    left: -33px;
	}
	#segmentRevenue .chart-types-container.input.editor-type:after {
	    left: 33px;
	}


@media screen and (min-width: 1200px) and (max-width: 1400px) {
	.chart-types-container.input.editor-type {
	    left: -196px;
	}
	.chart-types-container.input.editor-type:after {
	    left: 196px;
	}
	#segmentRevenue .chart-types-container.input.editor-type {
	    left: -70px;
	}
	#segmentRevenue .chart-types-container.input.editor-type:after {
	    left: 70px;
	}
}
.dashboard-stat2 .center .display .number small.compare {
    position: static;
    width: auto;
}
.dashboard-stat2 .display .number small.compare {
    display: block;
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    width: 200px;
}
.dashboard-stat2 .display{
	overflow:visible;
}
.dashboard-stat2 .display:after{
	content: " ";
	display:block;
	clear:both;
		
}
.dashboard-stat2 .progress-info .status .status-number{
	font-weight: normal;
	color: #439DD7;
}
.percent,
.front-divs svg .label {
    fill: #439DD7;
}
.needle,
.needle-center{
	    fill: #999;
}
text.chartLabel
	{
		font-size:20px;
		font-weight:bold;
	}
	text.chartDataLabel
	{
		font-size:16px;
		font-weight:bold;
	}
@media (max-width: 1199px) {
	/***.left-side {
	    float: none;
	    width: 100%;
	}
	.right-side {
	    float: left;
	    width: 100%;
	}****/
	.left-side > .row > div {
	    padding: 0 5px;
	}
	
	.right-side > .row > div {
	    padding: 0px;
	}
	.wrapper {
	    padding: 0 10px;
	}
}
@media (min-width: 992px) {
.container-fluid-width .portlet-title{
	
}
	.container-fluid-width .caption-subject{
		padding-right:135px;
	}
	.container-fluid-width .icon-container,
	.container-fluid-width  .upborder.chart{
		    position: absolute;
		margin-right:0;
		top:5px;
    right: 0;

	}
.container-fluid-width  .upborder.chart{
    right: 95px;

	}

}
@media (max-width: 991px) {

	.left-side {
		width: 100%;
		margin-top: 10px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.right-side {
	    width: 100%;
	}

	.charts {
		height: 300px;
		padding: 70px 10px 0;
	}
	
	.portlet-title
	{
	width:96%;
	}
	.dashboard-stat2 .display
        {
      right:42px;
	 }
	 .showLegend
	 {
	 right:0;
	 }

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding: 0;
	}
	.wrapper {
		padding: 0 0px 20px;
	}
	.row.margin-top-10 > div {
		margin: 10px 0 0;
	}
	.refresh-icn, .resize-icn {
		width: 20px;
		height: 20px;
	}
	.swap-icn {
		display: none;
	}
	.front-divs .refresh-icn {
		position: absolute;
		right: 76px;
		top: -31px;
	}
	.chart-types-container.input.editor-type {
		left: auto;
		right: -33px;
	}
	.chart-types-container.input.editor-type:after {
		left: auto;
		right: 5px;
	}
	.icon-container {
		height: 22px;
		width: 22px;
	}
	.upborder.widget {
		height: 33px;
		position: absolute;
		right: 7px;
		top: -18px;
		width: 52px;
	}
	.widget .updown {
		height: 16px;
		width: 43px;
	}
	.widget-types-container:after {
		width: 50px;
	}
	.upborder.widget .widget-types-container {
		top: 30px;
	}
	.portlet-title {
		min-height: 62px;
	}
	.page-title {
		padding: 0;
	}
	.page-title > h1 {
		padding: 7px 15px;
	}
	.refresh-icn {
		display: none !important;
	}
	.hover .portlet-title {
		border: 0 none;
		margin: 0;
		min-height: 20px;
		right: 15px;
		top: -43px;
		width: 100%;
	}
	.nv-controlsWrap {
		display: none;
	}
	.updown {
		background-size: 100% 100%;
		height: 25px;
		width: 25px;
	}
	.upborder {
		height: 35px;
		margin: -11px 2px 0 13px;
		width: 35px;
	}
	.resize-icn {
		height: 15px;
		width: 15px;
	}
	.caption-subject {
		float: left;
		font-size: 16px;
	}
	.icon-container {
		height: 22px;
		margin: -5px 0 0;
		width: 22px;
	}
	.backface .icon-container {
		margin: -5px 0 0;
	}
	.graphSet {
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #CDCDCD;
		box-shadow: -1px 1px 1px #C5C5C5;
		float: left;
		padding: 3px 0 0;
	}
	.graphIcons {
		float: left;
		margin: 0 0 5px;
	}
	.tiledGraph {
		margin: 0 8px -2px;
	}
	#grossRevenue .chart-types-container.input.editor-type, 
	#travellerRating .chart-types-container.input.editor-type, 
	#anualGrowthRate .chart-types-container.input.editor-type, 
	#returningGuests .chart-types-container.input.editor-type {
		width: 247px;
	}
	.chart-types-container.input.editor-type:after {
		left: auto;
		right: 32px;
	}
	
	#travellerRating .chart-types-container.input.editor-type, 
	#returningGuests .chart-types-container.input.editor-type {
		right: -88px;
	}
	#travellerRating .chart-types-container.input.editor-type:after,
	#returningGuests .chart-types-container.input.editor-type:after {
	    left: auto;
	    right: 88px;
	}
	.chart-types-container.input.editor-type {
		top: 31px;
	}
	.header-text {
		font-size: 13px;
		margin-top: 13px;
		padding-left: 5px;
		 line-height: 15px;
	}
	.header-text .second {
		padding-left: 3px;
	}

	.header > a {
		float: left;
		position: relative;
	}
	.header > a > i {
		left: 5px;
		margin: 0;
		position: absolute;
		top: 12px;
		width: 100px;
	}
	#paniLogo {
		height: 11px;
		left: 69px;
		margin: 0;
		position: absolute;
		top: 12px;
		width: 41px;
	}
	.navigation-block {
		margin: 8px 0 0;
	}
	.navigation-block .arrow, .navigation-block .grid, .themesDiv {
		float: left;
		padding: 1px 10px 0;
	}
	.navigation-block .grid div.dashListMenu {
		height: 20px;
		width: 20px;
	}
	.changeTheme {
		height: 22px;
		margin: 2px 0 0;
		width: 22px;
	}
	.themeColors {
		box-shadow: 2px 2px 2px #DEDEDE;
		right: 10px;
		top: 33px;
		width: 138px;
		z-index: 1001;
	}
	.theme {
		border-radius: 20px;
		height: 20px;
		margin: 8px 12px;
		width: 20px;
	}
	.upborder.widget .widget-types-container {
		width: 210px;
	}
	.upborder.widget {
		border: 1px solid #DEDEDE;
		height: 35px;
		position: absolute;
		right: 9px;
		top: -18px;
		width: 35px;
	}
	.widget .updown {
		height: 8px;
		margin: 9px 0 0;
		width: 24px;
	}
	.upborder.widget {
		z-index: 999;
		top: 19px;
	}
	.upborder.widget:hover {
		z-index: 1000;
	}
	.dashboard-stat2 .display .number h3 {
		font-size: 18px;
	}
	.front-divs .upborder.chart {
		position: absolute;
		right: 56px;
		top: 19px;
		z-index: 999;
	}
	.dashboard-stat2, .frontface {
		height: 205px !important;
	}
	.backface .portlet-title {
		border-bottom: 0px solid #EEEEEE;
	}
	.backface .charts {
	}
	#grossWidget .guage, #yoyWidget .guage, #growthWidget .guage {
		margin: 14px -63px 0 0;
	}
	#grossWidget .radial-svg, #growthWidget .radial-svg, #yoyWidget .radial-svg {
		top: 32px;
		right: -76px;
	}
	.front-divs .upborder.chart {
		display: block;
	}
	.front-divs  .chart-types-container.input.editor-type {
		right: -31px;
		top: 31px;
		width: 130px;
	}
	.front-divs  .chart-types-container.input.editor-type:after {
		left: auto;
		right: 31px;
		width: 33px;
	}
	.widget-types-container:after {
		width: 33px;
	}
	.center > .display {
		margin-top: 60px;
	}
	#yoyGrowth .chart-types-container.input.editor-type, #salesGrowth .chart-types-container.input.editor-type {
		width: 81px;
	}
	#region .display {
		margin: 40px 0 0;
	}
	#regionWidget .radial-svg {
		left: 50%;
		margin: -65px 0 0 -20px;
		position: absolute;
		top: 55px;
		width: 95px;
	}
	#regionWidget {
		height: 74px;
		margin: 25px 0 0;
	}
	#regionWidget > div {
		height: 99px;
		position: relative;
	}
	#region .number {
		text-align: center;
	}
	#regionWidget .guage {
		font-size: 8px;
		left: 50%;
		margin: -17px 0 0 -42px;
		position: absolute;
		width: 400px;
	}
	#regionWidget > div.chart-gauge2, #regionWidget > div.chart-gauge1, #regionWidget > div.chart-gauge0 {
		height: 320px;
		position: relative;
	}
	#region .center .display {
		margin: 64px 0 0;
	}
	.dashboard-stat2 .progress-info > div.progress, .dashboard-stat2 .progress-info > div {
		margin: 0 18px;
	}
	.dashboard-stat2 .progress-info {
		float: none;
		margin: 64px auto 0;
		width: calc(100%);
	}
	#regionWidget .progress-info {
		float: left;
	}
	.left-side > .row > div {
	    padding: 0px;
	}
    .backface .portlet-title {
	    border: 0 none;
	    min-height: 0;
	    top: 10px;
	    width: calc(100% - 10px) ;
	    left: 10px;
	}
	.caption-subject {
	    float: left;
	    font-size: 12px;
	}
   .showLegend {
		right: 0;
		display: NONE;
	}

}
@media (min-width: 768px) and (max-width: 991px) {
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding: 0 6px;
	}
	.left-side > .row > div {
	    padding: 0 6px;
	}

	.portlet-title > .caption{
		    position: relative;
    padding-right: 69px;
    /* overflow: hidden; */
    float: left;
    width: 100%;
	}
	.portlet-title > .caption .upborder{
		position: absolute;
		right: 30px;
	}
	.portlet-title > .caption .icon-container{
		position: absolute;
		right: 0;
	}
}
@media (max-width: 768px) {
	.footer .contact-menu {
	    padding: 5px 8px;
	}
	.footer ul li {
	    float: left;
	    padding: 5px 10px 5px 20px;
	}
	.footer ul li.first-leaf {
	    padding-left: 0;
	}
	.footer {
	    position:static;
	}
	.wrapper {
    	margin-bottom: 0px;
    }
	text.chartLabel
	{
		font-size:12px;
		font-weight:bold;
	}
	text.chartDataLabel
	{
		font-size:10px;
		font-weight:bold;
		transform: translate(0,15px) !important
	}
	.container-fluid-width > div {

     width: 100%;
    
    }
.container-fluid-width .charts {
    height: 417px;
    padding-bottom: 20px;
}
	.right-side{
		    padding-left: 5px;
    padding-right: 5px;
	}
	.right-side .charts{
	
	}
	.right-side .swapDiv:last-child  .charts{
		margin-bottom:0;
	}
	.bottem-text {
    height: 160px;
	
	}
	.sub-heading {

   
    font-size: 11px;
	}
	
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 
	{
    padding: 0 2px;
	}
	.left-side > .row > div {
    padding: 0 3px;
    }
	
	.upborder {
    margin: -12px 2px 0 5px;
   
    width: 31px;
	
	}

	
	
	}

@media (max-width: 319px) {
	.header > a {
	    display: none;
	}
	.upborder {
    height: 35px;
    margin: -11px 2px 0 13px;
    width: 31px;
    }

    
}
@media (max-width: 390) and (min-width: 310) {

	
}