/*
 * pts4db 3.0
 * Copyright (c)2013 - Trinephi Services
 *
 * jquery sDashboard (2.0)
 * Copyright 2012, Model N, Inc
 * Distributed under MIT license.
 * https://github.com/ModelN/sDashboard
 */

@media only screen and (max-width: 360px) and (orientation:portrait) {
	/*.navbar-brand {background-color: #b65953;}*/
	.sDashboard-circle-plus-icon {
		display: none !important;
	}
	.sDashboard {
		width:360px;
	}
	@viewport {
		width: 360px;
		zoom: 1;
	}
}
@media screen and (max-width: 640px) and (orientation: landscape) {
	/*.navbar-brand {background-color: #26b647;}*/

	body {
		width:710px;
	}
	.sDashboard {
		width:710px;
	}
	.sDashboard-circle-plus-icon {
		display: none !important;
	}
	@viewport {
		width: 710px;
		zoom: 1;
	}
}
/*dashboard css*/
.sDashboard {
	list-style-type: none;
	margin: 0;
	padding-left: 5px;
	padding-top: 5px;
	width: 100%;
	height: 100%;
	font-family : Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size : 13px;
	min-height: 370px;
	/*overflow: auto;*/
}

/* @media screen and (orientation: landscape) {*/
.sDashboardSize_Normal {
	width: 352px; 
	height: 326px;
}
.sDashboardSize_DoubleWidth{
	width: 704px;
	height: 326px;
}
.sDashboardSize_DoubleHeight{
	width: 352px;
	height: 652px;
}
.sDashboardSize_Large {
	width: 704px;
	height: 652px;
}


/*jquery sortable placeholder styles */
.ui-sortable-placeholder {
	border: 1px dotted black;
	visibility: visible !important;
	height:322px !important;		/* orig: height: 225px !important; */
	width: 350px !important;		/* orig: width: 375px !important; */
	margin-top:2px !important;
	margin-right:2px !important;
	margin-bottom:2px !important;
}
.ui-sortable-placeholder_DoubleWidth {
	border: 1px dotted black;
	visibility: visible !important;
	height: 322px !important;
	width: 702px !important;
	margin-top:2px !important;
	margin-bottom:1px !important;
	margin-left:2px !important;
}
.ui-sortable-placeholder_DoubleHeight {
	border: 1px dotted black;
	visibility: visible !important;
	height: 652px !important;
	width: 350px !important;
}
.ui-sortable-placeholder_Large {
	border: 1px dotted black;
	visibility: visible !important;
	height: 652px !important;
	width: 700px !important;
}


.ui-sortable-placeholder *, .ui-sortable-placeholder_DoubleWidth *, .ui-sortable-placeholder_DoubleHeight *, .ui-sortable-placeholder_Large * {
	visibility: hidden;
}
li.ui-sortable-placeholder, li.ui-sortable-placeholder_DoubleWidth, li.ui-sortable-placeholder_DoubleHeight, li.ui-sortable-placeholder_Large {
	background-color: #FCEFA1;
}

.sDashboardWidgetContent_Normal, .sDashboardWidgetContent_DoubleWidth  {
	height: 284px;
}
.sDashboardWidgetContent_DoubleWidth  {
	width:685px;
}
.sDashboardChartSelectable {
	width: 100%;
	height: 95%;
	cursor: crosshair;
}
/*dashboard chart view css*/
.sDashboardChart {
	width: 330px;
	height: 280px;
}

/* Kendo charts */
.sDashboardChart.k-chart, .sDashboardChart.k-gauge, .sDashboardChart_DoubleWidth.k-chart, .sDashboardChart_DoubleWidth.k-gauge  {
	height:274px;
}
.sDashboardChart_DoubleHeight.k-chart, .sDashboardChart_DoubleHeight.k-gauge, .sDashboardChart_Large.k-gauge, .sDashboardChart_Large.k-chart {
	height:600px;
}
.sDashboardChartMaximized.k-chart, .sDashboardChartMaximized.k-gauge  {
	height: 600px;
	width: 951px;
}

/* Google charts */
.g-chart {
	text-align: -webkit-center;
}
.sDashboardChart.g-chart, .sDashboardChart_DoubleWidth.g-chart {
	height:272px;
}
.sDashboardChart_DoubleHeight.g-chart, .sDashboardChart_Large.g-chart {
	height:598px;
}

.sDashboardChartMaximized.g-chart {
	height: 600px;
	padding-bottom:5px;
}

/* Flotr2 charts */
.sDashboardChart.f-chart, .sDashboardChart_DoubleWidth.f-chart {
	height:272px;
}
.sDashboardChart_DoubleHeight.f-chart, .sDashboardChart_Large.f-chart {
	height:600px;
}

.sDashboardChartMaximized.f-chart {
	height:600px;
}
/* All charts */
.sDashboardChartMaximized {
	width: 945px;
	height: 610px;
}
.sDashboardChart_DoubleWidth {
	width: 680px;
}
.sDashboardChart_DoubleHeight {
	width: 330px;
	height: 610px;
}

.sDashboardChart_Large {
	width: 680px;
	height: 610px;
}
.sDashboardWidgetContent_DoubleHeight, .sDashboardWidgetContent_Large {
	height: 610px;
}

.debugArea_Normal {
	width: 680px;
	height: 605px;
	display:block;
}
.debugArea_Maximized{
	width: 950px;
	height: 600px;
	display:block;
}

/** FullScreen - FullPage Settings **/
.sDashboardChart_FullScreen.g-chart, .sDashboardChart_FullPage.g-chart  {
	height:840px;
}
.sDashboardChart_FullScreen.k-chart, .sDashboardChart_FullScreen.k-gauge, .sDashboardChart_FullPage.k-chart, .sDashboardChart_FullPage.k-gauge  {
	height:274px;
}
.ui-sortable-placeholder_FullScreen *, .ui-sortable-placeholder_FullPage * {
	visibility: hidden;
}
li.ui-sortable-placeholder_FullScreen, li.ui-sortable-placeholder_FullPage {
	background-color: #FCEFA1;
}
.ui-sortable-placeholder_FullScreen, .ui-sortable-placeholder_FullPage {
	border: 1px dotted black;
	visibility: visible !important;
	height: 900px !important;
	width: 99.5% !important;
}
.sDashboardSize_FullScreen, .sDashboardSize_FullPage  {
	width: 99.5%;
	height: 900px;
}
.sDashboardChart_FullScreen.f-chart, .sDashboardChart_FullPage.f-chart {
	height:900px;
}
.sDashboardChart_FullScreen, .sDashboardChart_FullPage {
	width: 100%;
	height: 858px;
}
.sDashboardWidgetContent_FullScreen, .sDashboardWidgetContent_FullPage {
	height: 858px;
}
/*}*/
/*
@media screen  and (orientation: portrait) {
	.sDashboardSize_Normal {
		width: 962px;
		height: 657px;
	}
	.sDashboardWidgetContent_Normal {
		height: 610px;
		width: 962px;
	}
	.sDashboardChartSelectable {
		width: 95%;
		height: 95%;
		cursor: crosshair;
	}
	.sDashboardChart {
		width: 945px;
		height: 610px;
	}
}
*/
.sDashboardWidgetContentMaximized {
	margin: 0.3em;
	padding: 0.4em;
	height:610px;
	width:958px;
}

/*for centering trick see  : http://css-tricks.com/quick-css-trick-how-to-center-an-object-exactly-in-the-center/*/
.sDashboardWidgetContainerMaximized {
	z-index: 9999;
	position: fixed;
	left: 50%;
	top: 50%;
	/*
	width: 800px;
	height: 450px;
	margin-top: -225px;
	margin-left: -400px;
	*/
	width: 970px;
	height: 660px;
	margin-top: -330px;
	margin-left: -480px;
}


.sDashboard li {
	/*margin: 2px 3px 2px 0;*/
	padding: 1px;
	float: left;
}

/*dashboard widget css*/
.sDashboardWidget {
	/*margin: 0 1em 1em 0;*/
	border: 1px solid #CBCBCB;
	background-color: #fff;
	-webkit-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	transition: border-color 0.3s;
}
.sDashboardWidget:hover {
	border: 1px solid #AFAFAF;
	-webkit-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	transition: border-color 0.3s;
}

/*dashboard widget header css*/
.sDashboardWidgetHeader {
	margin: 0.3em;
	padding: 2px 0.2em 2px 1em;
	cursor: move;
	border: 0;
	border-bottom: 1px solid #CBCBCB;
	color: #000;
	font-weight: bold;
	background: #0298d736;
}
.sDashboardWidgetTitle {
	margin-top: 3px;
	max-height:18px;
}
/*dashboard widget content css*/
.sDashboardWidgetContent {
	margin: 0.3em;
	padding: 0.4em;
	overflow-x: hidden;
	overflow-y: hidden;
}

/*dashboard table widget css*/
.sDashboardTableView {
	width: 100%;
	height: 95%;
	overflow: auto;
}

.sDashboardTableView tbody tr:nth-child(odd)		{ background-color:#F5F5F5; }
.sDashboardTableView tbody tr:nth-child(even)		{ background-color:#FFFFFF; }

.sDashboardTableView tbody tr:nth-child(odd):hover,
.sDashboardTableView tbody tr:nth-child(even):hover
{
	background-color: #FCEFA1;
	cursor: pointer;
}

.dataTables_length,
.dataTables_info{
	float:left;
}

.dataTables_filter,
.dataTables_paginate{
	float:right;
}



.sDashboardChartClickable {
	cursor: pointer;
}


/*icons*/

.sDashboard-drill-up {
	margin: 0 5px 0 5px;	
	
	width: 20px;
	height: 20px;
	position:relative;
	top:-277px;
	left:-10px;
	cursor:pointer;
}

.sDashboard-icon {
	margin: 0 5px 0 5px;
	float: right;
	background: url('../phiCharts-images/icon-sprite.PNG') no-repeat;
	width: 20px;
	height: 20px;
}

.sDashboard-icon:hover {
	cursor: pointer;
}

.sDashboard-icon.sDashboard-circle-plus-icon {
	background-position: -2px -3px;
}
.sDashboard-icon.sDashboard-circle-minus-icon {
	background-position: -2px -29px;
}
.sDashboard-icon.sDashboard-circle-remove-icon {
	background-position: -2px -55px;
}

.sDashboard-icon.sDashboard-plus-icon {
	background-position: -3px -83px;
}
.sDashboard-icon.sDashboard-minus-icon {
	background-position: -2px -109px;
}
.sDashboard-icon.sDashboard-remove-icon {
	background-position: -3px -135px;
}
.sDashboard-icon.sDashboard-trash-icon {
	background-position: -4px -159px;
}
.sDashboard-icon.sDashboard-refresh-icon {
	background-position: -3px -186px;
}
.sDashboard-icon.sDashboard-maximize-icon {
	background-position: -2px -212px;
}
.sDashboard-icon.sDashboard-minimize-icon {
	background-position: -2px -236px;
}
.sDashboard-icon.sDashboard-undock-icon {
	background-position: -2px -258px;
}

/*clear fix*/

.sDashboard-clearfix:before, .sDashboard-clearfix:after {
	content: "";
	display: table;
}
.sDashboard-clearfix:after {
	clear: both;
}
.sDashboard-clearfix {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/*overlay*/

.sDashboard-overlay {
	opacity: 0.5;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	width: 100%;
	z-index: 9998;/*z-index one less than window maximized css*/
}
.table-title {background-color: #c7fbdb; }
.rowColor { background-color: #E6F5FA; }
.amount { text-align:right; }
/*
.modal {
	display:    none;
	position:   fixed;
	z-index:    1000;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba( 255, 255, 255, .8 )
	url('https://i.stack.imgur.com/FhHRx.gif')
	50% 50%
	no-repeat;
}*/

/* When the body has the loading class, we turn the scrollbar off with overflow:hidden */
body.loading {
	overflow: hidden;
}

/* Anytime the body has the loading class, our modal element will be visible */
body.loading .modal {
	display: block;
}

/*.k-chart, .k-stockchart {
	height: 100% !important;
}*/

.google-visualization-table-table tr {
	font-size: .94em !important;
}
.marginBottom-0 {margin-bottom:0;}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.jsoneditor-contextmenu {
	background-color:gainsboro;
}
.debugWidget {
	overflow : visible;
}
.jsoneditor-menu>button.jsoneditor-phiCharts-save {
	background: transparent url('../phiCharts-images/menulogo.png');
	background-size: contain;
	background-position: 4px 0;
	background-repeat: no-repeat;
}

.nav-link:hover {
	background-color: #F5F5F5;
}
.navbar-right .dropdown-menu {
	right:0;
	left: auto;
	position:absolute;
}

.dropdown-menu .dropdown-item {
	padding: .25rem 1.5rem !important;
}