@font-face {
		font-family:VarelaRound;
		src:url(../css/fonts/VarelaRoundRegular.ttf);
	}
	.ui-widget {
		font-size: 1em !important;
	}
	.ui-widget-overlay {
		background-color:white;
		opacity: .6;
		filter: Alpha(Opacity=80);
		background-image:none;
	}
	.ui-dialog {
		border-radius:6px;
		border:none;
	}
	.ui-dialog-titlebar {
		background-color:inherit;
		background-image:none;
		border:none;
		color:#FFFFFF;
		padding:0.2em 0.4em !important;
		font-size:1.1em;
	}
	.ui-dialog-buttonpane {
		background-color:inherit;
		border:none;
		padding:0 0.4em 0 0.4em !important;
		margin-top:0px !important;
		font-size:1.1em;
	}
	.ui-dialog-buttonpane button {
		margin: 0em 0.2em 0.4em 0em;
	}
	.ui-widget-content {
		background-image:none;
	}
	.ui-dialog-content > div:nth-of-type(1) {
		background-color:rgba(255,255,255,0.6);
		border-radius:4px;
		width:calc(100% - 20px);
		min-height:calc(100% - 24px);
		height:calc(100% - 24px);
		padding:10px;
		margin:0px;
		overflow-y:auto;
		padding:0.4em
	}
	#TopOfChart{
		height: auto;
		min-height:23px;
	}
	.ui-multiselect-checkboxes label {
		text-align:left;
		font-weight:normal;
		font-size:smaller;
	}
	button.ui-multiselect {
		width:200px !important;
	}
	.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
	.ui-timepicker-div dl { text-align: left; }
	.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
	.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
	.ui-timepicker-div td { font-size: 90%; }
	.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
	.ui-timepicker-rtl{ direction: rtl; }
	.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
	.ui-timepicker-rtl dl dt{ float: right; clear: right; }
	.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }
	.ui-autocomplete {
		max-width:400px;
		overflow:hidden;
		white-space: nowrap;
	}
	div.token-input-dropdown-facebook {
		max-height:400px;
		overflow-y:scroll;
		z-index:9999;
	}
	div.token-input-dropdown {
		z-index:9999;
	}
	html {
	    height: 100%;
	    overflow:hidden;
	}
	body {
		font-size:0.9em;
		overflow:hidden;
    	margin: 0;
    	padding: 0;
    	width: 100%;
    	display:block;
    	background-size: cover;
	}
	table {
		width:100%;
	}
	thead {
		font-size:.9em;
		text-align:left;
	}
	tbody {
		font-size:.8em;
		background-color:inherit;
	}
	.encBody tbody {
		font-size:1em;
	}
	th {
		padding:5px;
		color:#FFF;
	}
	td {
		padding:3px;
	}
	.altRows > tr:nth-of-type(odd) {
		background-color:rgba(0,0,0,0.1);
	}
	tbody > tr > td {
		border-bottom:1px solid rgba(0,0,0,0.2);
	}
	table.transparent tbody {
		background-color:inherit;
	}
	.ui-dialog-content label {
		width:7em;
		clear:left;
		float:left;
		text-align:right;
		margin-right:10px;
		font-weight:bold;
	}
	input:disabled,textarea:disabled {
		background-color:#e9e9e9 !important;
		color:#555 !important;
	}
	.button {
	   display: inline-block;
	   text-decoration: none;
	   line-height: 1;		
	   color: #fff;
	   background-color: #39c;
	   -moz-border-radius: 5px;
	   -webkit-border-radius: 5px;
	   -khtml-border-radius: 5px;
	   border-radius: 5px;		
		text-align:center;
	}
	.buttonDiv {
		display:inline-block;
		color:#fff;
		background-color: rgb(0, 102, 102);
		border-radius:8px;
		min-height:1.5em;
		min-width:6.5em;
		text-align:center;
		line-height:1.7em;
		border:1px solid #fff;
		font-size:0.9em;
		cursor:pointer;
		padding:2px;
	}
	.buttonDiv2 {
		display:inline-block;
		color:#000;
		background-color:rgba(0,0,0,0.2);
		border-radius:8px;
		min-height:1.5em;
		min-width:6.5em;
		text-align:center;
		line-height:1.7em;
		border:1px solid #000;
		font-size:1.0em;
		cursor:pointer;
		padding:6px 10px 6px 10px;
	}
	.buttonDiv2:hover {
		background-color:rgba(0,0,0,0.1);
	}
	.headerGroup > div {
		color:#FFFFFF;
	}
	.leftHeader {
		font-size:1.2em;
		font-weight:bold;
		margin:6px;
		padding-top:10px;
	}
	.loadingData {
		float:right;
		width:1.8em;
		height:1.8em;
		background-image:url(../css/images/loading_icon.gif);
		background-position:0 0;
		background-repeat:no-repeat;
		background-size:1.8em 1.8em;
	}
	#content {
		height:100%;
	}
	.linkButton:hover {
		color:#890202 !important;
	}
	.linkButton {
		text-decoration:underline;
		color:blue;
		cursor:pointer;
	}
	.linkButtonWhite {
		text-decoration:underline;
		color:white;
		cursor:pointer;
	}
	.linkButton2 {
		padding:3px;
		background-color:rgba(0,0,0,0.1);
		font-size:0.9em;
		border-radius:6px;
		margin:3px 0px;
	}
	.linkButton2:hover {
		background-color:rgba(255,255,255,0.3);
		color:#0e96d1 !important;
		cursor:pointer;
	}
	input,select,textarea {
		margin-bottom:2px;
	}
	input[type="text"],input[type="date"] {
   		-moz-box-sizing:border-box;
   		-webkit-box-sizing:border-box;
    	box-sizing:border-box;
	}
	input[type="checkbox"] {
		float:left;
		vertical-align: bottom;
	}
	.placeholder {
		outline: 1px dashed #4183C4;
	}
	.checkbox_label {
		clear:none !important;
		float:none !important;
		display:inline !important;
		width:intrinsic !important;
		margin-left:0 !important;
		padding-left:0 !important;
	}
	.noselect {
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	}
.segmentBox {
	display:inline-block;
	width:calc(50% - 10px);
	vertical-align: top;
	overflow:auto;
	min-width:220px;
}
.segmentBoxHeader {
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	border-bottom:0;
	font-size:1em;
	font-weight:normal;
	width:calc(100% - 22px);
	margin-bottom:0px;
	padding:10px;
	padding-bottom:0px;
	display:inline-block;
	color:white;
	background-color: rgba(255,255,255,0.2);
	cursor:pointer;
	overflow: hidden;
	overflow:hidden;
}
.segmentBoxBody {
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	height:200px;
	margin:0px;
	margin-top:0px;
	margin-bottom:12px;
	padding:6px;
	width:calc(100% - 14px);
	overflow-y:hidden;
	overflow-x:hidden;
	background-color: rgba(255,255,255,0.2);
}
.segmentBoxBodyWidget {
	border-bottom-left-radius:24px;
	border-bottom-right-radius:24px;
	height:auto;
	margin:0px;
	margin-top:0px;
	margin-bottom:12px;
	padding:10px;
	width:calc(100% - 22px);

	background-color: rgba(255,255,255,0.2);
}
.segmentBoxBodyInner {
	background-color:rgba(255,255,255,0.4);
	padding:6px;
	border-radius:4px;
	min-height:calc(100% - 18px);
	font-size:0.9em;
	color:black;
	overflow:auto;
}
.segmentBoxBodyInner.autoHeightLink {
	min-height:20px;
	height:auto;
	margin-bottom:8px;
}
.segmentBoxBodyInner.autoHeightLink:hover {
	background-color:rgba(0,0,0,0.1);
	cursor:pointer;
}
.addButton {
	background:url('../css/images/add.png') no-repeat;
	float:right;
	width:22px;
	height:22px;
	cursor:pointer;
}

.simpleView {
	display:block;
}
.tableView {
	display:none;
}
.simpleView {
	display:block;
}
div.nifty_big{
	margin:auto;
	margin-bottom: 25px;
	padding:5px;
	border-radius: 12px;
}
div.nifty_normal {
	background-color:rgba(255,255,255,0.5);
	border-radius:5px;
	padding:5px;
}
#icomPane {
	position:absolute;
	top:95px;
	right:0;
	width:30px;
	height:calc(100% - 70px);
	overflow:hidden;
}
#icomHandle {
	background-color:#D19365;
	position:relative;
	top:30px;
	width:10px;
	height:90px;
	text-align:center;
	color:#E6F4DE;
	padding:10px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	cursor:pointer;
	display:inline-block;
	float:left;
}
#icomFrame {
	position:absolute;
	top:0px;
	left:28;
	height:100%;
	width:247px;
	border:none;
	padding-left:12px;
	border-radius:6px;
	background-color:#D19365;
}
#top_of_chart{
	width:100%;
}

::-webkit-scrollbar {
    height: 10px;
    width: 10px;
    overflow: hidden;
    border-radius:6px;
}
::-webkit-scrollbar-corner {
    display: none;
    background: transparent;
}
::-webkit-scrollbar-button {
    display: none;
    height:0;
    width: 0;
}

::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment             {
    display: block;
}

::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}

::-webkit-scrollbar-track {
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: padding-box;
    background-color: rgba(0,0,0,0.09);
    border-radius:6px;
}

::-webkit-scrollbar-track:vertical, ::-webkit-scrollbar-track:horizontal {
    border-left-width: 0;
    border-right-width: 0;
}

::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {
    border-style: solid;
    border-color: transparent;
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    background-clip: padding-box;
    background-color: rgba(0,0,0,.2);
    min-height: 28px;
    padding-top: 100px;
    border-radius:6px;
}

::-webkit-scrollbar-thumb:hover {
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
    background-color: rgba(0,0,0,.4);
}

::-webkit-scrollbar-thumb:active {
    -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.35);
    background-color: rgba(0,0,0,.5);
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
    border-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}