@media print {
	.noprint, .noprint * {
	   display: none!important;
	}
	body {
		background-color:white!important;
	}
	#content {
		background-color:white!important;
	}
 }
 .test{
	color: #f6372d;
	}
body {
	margin:0;
	color: #606060;
	/*color:#212121;
	color:#666;*/ 
	background-color:#f4f4f4;
	/*font-family:ProximaNova,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;*/
	font-family:Roboto, Arial, Helvetica, 'sans-serif';
	font-size:17px;
	font-weight:400;
	margin:0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#abd0f4+4,f1f1f1+17,ccdcfc+33,ccdcfc+33,91c4f7+38,f1f1f1+49,88abfc+59,ccdcfc+83,f6f6f6+95 */
/*
background: #abd0f4;*/ /* Old browsers */
/* background: -moz-linear-gradient(35deg,  #ffffff 4%,#abd0f4 10%, #f1f1f1 17%, #ccdcfc 33%, #ccdcfc 33%, #91c4f7 38%, #f1f1f1 49%, #69aef4 59%, #ccdcfc 83%, #f6f6f6 95%);*/ /* FF3.6-15 */
/* background: -webkit-linear-gradient(35deg,  #abd0f4 4%,#f1f1f1 17%,#ccdcfc 33%,#ccdcfc 33%,#91c4f7 38%,#f1f1f1 49%,#69aef4 59%,#ccdcfc 83%,#f6f6f6 95%);*/ /* Chrome10-25,Safari5.1-6 */
/* background: linear-gradient(35deg,  #abd0f4 4%,#f1f1f1 17%,#ccdcfc 33%,#ccdcfc 33%,#91c4f7 38%,#f1f1f1 49%,#69aef4 59%,#ccdcfc 83%,#f6f6f6 95%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abd0f4', endColorstr='#f6f6f6',GradientType=1 );*/ /* IE6-9 fallback on horizontal gradient */
/* background-attachment: fixed;
*/
}
.page_header {
	display: flex; flex-direction: row;flex-wrap: wrap;
	background-color:#434D51;
	padding:4px 0 6px 10px;
	height:49px;
	border-bottom:1px solid black;
	box-shadow: 2px 2px 6px black;
	position:relative;
	z-index:12;
}
#pinwheel_wrapper{
	flex: 0 0 250px;
	color:white;
}
#pinwheel {
	
	background-image: url('/public/img/logos/pinwheel_48x48.png');
	background-repeat: no-repeat;
	width: 52px;
	height: 52px;
	background-color:white;
	background-position: center;
	background-size: 44px;
	margin: 1px 12px 0 5px;
	border-radius:50%;
	float:left;
	/*position:relative;*/
	z-index:99;
	cursor:pointer;
}
#spinner {
	/*vertical-align:middle;*/
	margin:-20px 40%;
	width:200px;
	position:absolute;
	z-index:1000;
	background-color:white;
	border:1px solid black;
	border-radius:6px;padding:10px;
	display:block;
	box-shadow: 10px 10px 20px #434D51;
}
#spinner img {
	vertical-align:middle;
	margin-left:25px;
	margin-right:10px;
}
#spinner::after{
	content:' loading...';
}
*:focus {
	outline: none;
}
h2, h5 {
	display:inline;
	font-weight:400;
	color:white;
}
.page_header h2 {
	color:#ffe900;
	font-size:24px;
	margin: 12px 0;
	/*display: inline-block;
	position:absolute;*/
	z-index:50;
	/*width:90%;
	min-width:200px;*/
	text-align:center;
	/*left:0;*/
	flex: 8 0 200px;
}
h3 {
	display:inline;
	color:#1B7BDB;
	font-size:20px;
	font-weight:500;
	margin-left:5px;
}
h4 {
	color:black;
	margin:8px 0 6px 0;
}
#panelhelpinner h4 {
	margin-bottom: 2px;
}
#panelhelpinner p {
	margin-top: 0;
}
/*
.page_header h4 {
	color:whitesmoke;
	font-weight:400;
	margin:0 10px 0 0;
	font-size:16px;
	line-height:16px;
}
*/
.date_cont {
	position:relative;
	white-space: nowrap; 
	background-color:#1D80E4;
	color:white;
	padding:5px;
	float:left;
	/*height:20px;
	border:1px solid #1E87F0;
	padding:5px 10px;
	background-color:#1E87F0;
	color:white;
	margin:0;
	float:left;*/
} 
.helpsection h3 {
	background-color:white;
	color:#434d51;
	margin-left:0;
	padding: 2px 5px;
}
#notification {
	color:#fff;
	float:right;
}
h5 {
margin-top:10px;
margin-top: 30px;
position: absolute;
margin-left: -150px;
}
h6 {
	display: inline;
	color: gray;
	font-size: 16px;
	font-weight: 500;
	margin-left: 5px;
}
a {
	text-decoration:none;
	color:blue;
}
.errorMessage, .successMessage, .warningMessage {
	padding:4px 10px;
	border:1px solid white;
	border-radius:4px;
	color:white;
	display: inline-block;
	margin-bottom:5px;
} 
/* Flash messages */
.errorMessage{
	background-color:red;
}
.successMessage{
	background-color:green;
}
.warningMessage{
	background-color:orange;
}
.std_form {
	width:800px!important;
	background-color:white;
	padding: 40px;
	border: 1px solid whitesmoke;
	box-shadow: 2px 2px 40px silver;
}
.label_basic, .label_wide, .label_medium {
	width:90px;
	text-align:right;
	display: inline-block;
	margin-right:4px;
	margin-bottom: 10px;
	vertical-align: middle;
}
.label_medium {
	width:180px;
}
.label_wide {
	width:270px;
}
.input_basic, .input_wide, .input_medium {
	width:200px;
	margin-bottom:10px;
	padding:4px;
	vertical-align:middle;
}
.input_medium {
	width:300px;
}
.input_wide {
	width:400px;
}
button, .lnkbutton {
	padding:6px 20px;
	text-align:center;
	background-color:#3764A8;
	color:white!important;
	border:0px;
	border-radius:2px;
	font-size:17px!important;
	vertical-align:bottom;
	display:inline-block;
	line-height:21px;
	margin:1px;
}
button:hover, .lnkbutton:hover {
	/*background-color:#4e8ce8;*/
	opacity:.75;
}
.btnwide {
	width:400px;
}
.btnmed {
	width:300px;
}
.btnsmall {
	width:150px;
}
button span {
	vertical-align: -2px;
	margin-right:4px;
}
.button_med {
	padding:6px 20px;
	font-size:17px;
	line-height:21px;
}
.button_med span {
	vertical-align: -2px!important;
}
.button_small {
	padding:3px 10px;
	font-size:15px;
	line-height:18px;
}
.button_small span {
	vertical-align: -2px!important;
}
.button_large {
	padding:8px 22px;
	font-size:20px;
	line-height:21px;
}
.button_large span {
	vertical-align: -2px!important;
}

.rnd_icon_bg{
	border-radius: 50%;
	width: 23px;
	height:23px;
	background-color:gray;
	color:white;
	display: inline-block;
	text-align: center;
}
.rnd_icon_bg i {
	font-size:20px;
	line-height:1.1;
}
#toggleD {
	margin: 0 auto;
	display: block;
	width: 300px;
	background-image:url("../../ui/images/ruler-square.png");
	background-repeat:no-repeat;
	background-position:60px center;
}
/* Header, include CV branding */
#logo {
	width:138px;
	color:white;
	float:left;
	margin-top:2px;
	text-align:right;
	padding:0 12px 0 4px;
}
#txtpinwheel {
	font-size:42px;
	line-height:42px;
	font-weight:300;
	letter-spacing: 1.2px;
}
#txtbycv {
	font-size:11px;
	display:block;
	margin-top:-4px;
}
#userlink {
	flex-grow:0;
	flex-shrink:1;
	margin: 1px 6px 0 0;
	color:white;
	cursor:pointer;
	z-index:99;
	border:1px solid transparent;
	border-radius:2px;
	padding:3px 4px;
}
#userlink i {
	font-size:30px;
	margin-top:6px;
}
#userlink:hover {
	border-color:white;
}
#userinfo {
	display:block;
	width:270px;
	padding:10px;
	position:absolute;
	z-index:11;
	left:100%;
	margin-left:-295px;
	color:white;
	background-color:#434D51;
	top:-180px;
	border:1px solid black;
	opacity: .95;
	border-radius: 0 0 8px 8px;
}
#userinfo a {
    color:white;
    line-height:1.5;
    padding:2px 5px;
    width:90%;
    display:block;
}
#userinfo a:hover {
	background-color:#989999;
}
#splash_pinwheel{
	color:white;
	font-size:52px;
}

#content {
	width:92%;
	position:relative;
	margin:20px 0 0 75px;
}
#loadingDiv, .loadingDiv2 {
	position:absolute;
	color:gray;
	top:240px;
	left:50%;
	margin:-90px;
	width:140px;
	height:55px;
	background-image: url("../../ui/images/loading.gif");
	background-repeat: no-repeat;
	background-position: 12px center;
	text-align: right;
	padding: 29px 10px 0 0;
	background-color: white;
	box-shadow: 4px 4px 10px;
	border-radius:5px;
	z-index:1000;
	display:none;
}
.helpD, .helpD2 {
	background-color: #6abb69;
}
.helpD:hover, .helpD2:hover {
	background-color: #309b2e;
}
/*
@keyframes sidemenuin {
    from {left: -145px;}
    to {left: 0;}
}
@keyframes sidemenuout {
    from {left: 0;}
    to {left: -145px;}
}
*/
#sidemenu {
	height:100%;
	width:60px;
	overflow:hidden;
	/*
	width:200px;
	left:-145px;
	*/
	left:0;
	position:fixed;
	top:0;
	padding-top:70px;
	/*background-color:#3764a8;*/
	background-color:#1e87f0;
	z-index:10;
	/*
	animation-name: sidemenuout;
	animation-delay: 0;
    animation-duration: .4s;
	animation-iteration-count: 1;
	animation-timing-function:ease-out;
	animation-fill-mode: forwards;
	*/
}
/*
#sidemenu:hover {
	
	animation-name: sidemenuin;
	animation-delay: 0;
    animation-duration: .4s;
	animation-iteration-count: 1;
	animation-timing-function:ease-out;
	animation-fill-mode: forwards;
	
}

#sidemenu .item {
	display: block;
	max-width:45px;
	overflow:hidden;
	background-position:10px;
	text-align:left;
	padding: 10px 0 0 60px;
}
*/

.item {
	display:block;
	min-width:155px;
	cursor: pointer;
	/*background-color:#3764a8;*/
	background-color:#1e87f0;
	color:white;
	height:40px;
	background-position:15px center;
	background-repeat:no-repeat;
	text-align:left;
	padding:18px 0 0 60px;
	text-decoration:none;
	padding-left:20px!important;
	white-space: nowrap;
}
.item i {
	margin-right:20px;
}
#msg{
	color:#FFF434;
	padding:6px 3px 0px 3px;
	text-align:center;
}

@keyframes item {
    from {background-color:#3764a8;}
    to {background-color:#20262B;}
}
#sidemenu .item:hover {
	animation-name: item;
    animation-duration: .3s;
	animation-fill-mode: forwards;
}
/* Sidebar nav icons */
/*
#itm_ultra, .icon_ultra {
	background-image:url('../../public/img/globe.png');
}
#itm_mainmenu, .icon_mainmenu {
	background-image:url('../../public/img/menu.png');
}
#itm_home {
	background-image:url('../../public/img/home.png');
}
#itm_help, .icon_help {
	background-image:url('../../public/img/learn.png');
}
#itm_saved, .icon_saved {
	background-image:url('../../public/img/saved.png');
}
#itm_logout, .icon_logout {
	background-image:url('../../public/img/logout.png');
}
*/
#sidepanel {
	position: fixed;
	max-width:80%;
	min-width:1070px;
	top:61px;
	left:-2000px;
	min-height:250px;
	max-height:90%;
	background-color:#EEEEEE;
	box-shadow: 3px 4px 8px gray;
	padding:12px 10px 10px 20px;
	z-index:9;
	overflow:auto;
}
#sidepanel legend {
	font-size:15px;
	font-style:italic;
	color:#212121;
	padding:0 6px;
	background-color:transparent;
	font-weight:500;
}
#sidepanel fieldset {
	background-color:transparent;
	border:0;
}
#panelheader, #panelfooter {
	background-color:whitesmoke;
	left:0;
	height:21px;
	width:100%;
	padding:4px 0px 2px 0px;
	color:blue;
	cursor:pointer;
	font-size:14px;
}
#panelheader{
	top:0;
	position:absolute;
}
#panelheader:hover {
	background-color:#5a5b5b;
	color:white;
}
#panelfooter{
	bottom:0;
	position:relative;
}
#panelheader span, #panelfooter span{
	margin-left:30px;
}
#panelultra {
	margin:25px 0;
}
#panelhelp, #panelsaved {
	margin:25px 0;
	min-width:700px;
	min-height:300px;
	max-width:1200px;
}
#panelhelpinner {
	padding-top:10px;
}
fieldset {
	background-color:white; 
	border:1px solid silver; 
	border-radius:2px;
	margin-bottom:10px;
}
legend {
	background-color: white;
    color: blue;
    font-size: 18px;
    padding: 2px 10px;
}
.subitem {
	background-color: #434D51;
    background-position: center 42px;
    background-repeat: no-repeat;
    color: white;
    cursor: pointer;
    float: left;
    font-size: 16px;
    font-weight:400;
    height: 68px;
    line-height: 17px;
    margin: 3px;
    padding: 3px 6px 1px;
    position: relative;
    text-align: center;
    width: 130px;
    text-decoration:none;
    border-top:4px solid gray;
}
.subitemicon {
	color:#ececec;
	position:absolute;
	bottom: 10px;
	margin-left:-10px;
	font-size: 22px;
}
.section {
	width:145px;
	height:52px;
	background-position: center 25px;
}
.sel {
	background-color:#A9A9A9!important;
}
.sel2 {
	background-color:#309B2E !important; 
}
/* Ultra menu buttons */
.bl, .sectionbl {
	border-color:blue;
}
.or, .sectionor {
	border-color:#FF4C00;
}
.pl, .sectionpl {
	border-color:#9700A5;
}
.gr, .sectiongr {
	border-color:#55D600;
}
.rd, .sectionrd {
	border-color:#B50303;
}
.yl, .sectionyl {
	border-color:#FCDA00;
}
.tq, .sectiontq {
	border-color:#00B596;
}
.am, .sectionam {
	border-color:#FFAF02;
}
.bl:hover {
	background-color:blue;
}
.or:hover {
	background-color:#FF4C00;
}
.pl:hover {
	background-color:#9700A5;
}
.gr:hover {
	background-color:#55D600;
}
.rd:hover {
	background-color:#B50303;
}
.yl:hover {
	background-color:#FCDA00;
}
.tq:hover {
	background-color:#00B596;
}
.am:hover {
	background-color:#FFAF02;
}
/* Background colors, any element */
.bgred {
	background-color:red;
}
.bgltbl {
	background-color:#1D80E4!important;
}
.bgbl {
	background-color:blue;
}
.bgor {
	background-color:#FF4C00;
}
.bgpl {
	background-color:#9700A5;
}
.bggr {
	background-color:#55D600;
}
.bgdkgr {
	background-color:#009600;
}
.bgrd {
	background-color:#B50303;
}
.bgyl {
	background-color:#FCDA00;
}
.bgtq {
	background-color:#00B596;
}
.bgam {
	background-color:#FFAF02;
}
.bggry {
	background-color:gray;
}
.bgdkbl {
	background-color:#3764A8;
	color:white;
}
/* Standard, basic text colors */
.txtred, .txtnegative{
	color:red;
}
.txtyellow{
	color:#ffc700;
}
.txtgold {
	color:#ffae00;
}
.txtgreen, .txtpositive{
	color:green;
}
.txtltgreen {
	color:rgb(144, 250, 144);
}
.txtblue, .txtneutral{
	color:blue;
}
.txtgray{
	color:gray;
}
.txtltblue{
	color:#1E87F0;
}
.txtsilver {
	color:silver;
}
.txtwhite {
	color:white!important;
}
.txtdkgray {
	color:#606060;
}
.txtblack {
	color:black;
}
.help_icon {
	float:left;
	width:32px;
	height:24px;
	vertical-align:middle;
	margin-right:5px;
	background-color:#3764a8;
	background-repeat:no-repeat;
	background-position:center;
}
.icon{
	background-repeat: no-repeat;
	background-position:10px center;
	padding-left: 50px;
	text-align:left;
}

#savedreports tr:nth-child(2n) {
	background: #F6F6F6;
  }
#savedlist {
	margin-left:50px;
}
#savedlist td {
	padding:6px 20px;
	background-color:silver;
}
.savedlist_icon{
	background-color:#3764a8!important;
	background-position:center;
	display:inline-block;
	background-repeat:no-repeat;
	width:25px;
	height:20px;
}
/* Main Menu icons */
/*
#itm_admindb, .icon_admindb {
	background-image:url('../../public/img/menu/dashboard.png');
}
#itm_response, .icon_response {
	background-image:url('../../public/img/menu/list.png');
}
#itm_dashboard, .icon_dashboard {
	background-image:url('../../public/img/menu/home.png');
}
#itm_bigpic, #itm_bigpic2, .icon_bigpic {
	background-image:url('../../public/img/menu/bigpic.png');
}
#itm_spin, .icon_spin {
	background-image:url('../../public/img/menu/spin.png');
}
#itm_benchmark, #itm_benchmark2, .icon_benchmark, .icon_benchmark2 {
	background-image:url('../../public/img/menu/benchmark.png');
}
#itm_freqdist, .icon_freqdist {
	background-image:url('../../public/img/menu/barchart.png');
}
#itm_comment, .icon_comment {
	background-image:url('../../public/img/menu/comments.png');
}
#itm_zipcode, .icon_zipcode {
	background-image:url('../../public/img/menu/mappin.png');
}
#itm_snapshot, .icon_snapshot {
	background-image:url('../../public/img/menu/map.png');
}
#itm_recovery, .icon_recovery {
	background-image:url('../../public/img/menu/alert.png');
}
#itm_recovery, .icon_recovery {
	background-image:url('../../public/img/menu/alert.png');
}
#itm_fullhelp, .icon_fullhelp {
	background-image:url('../../public/img/menu/help.png');
}
#itm_contact, .icon_contact {
	background-image:url('../../public/img/menu/headset.png');
}
#itm_password, .icon_password {
	background-image:url('../../public/img/menu/password.png');
}
#itm_email, .icon_email {
	background-image:url('../../public/img/menu/mail.png');
}
#itm_settings, .icon_settings {
	background-image:url('../../public/img/menu/settings.png');
}
#itm_survey, .icon_survey {
	background-image:url('../../public/img/menu/report.png');
}
#itm_logins, .icon_logins {
	background-image:url('../../public/img/menu/list.png');
}
#itm_reward, .icon_reward {
	background-image:url('../../public/img/menu/gift.png');
}
#itm_srsetup, .icon_srsetup {
	background-image:url('../../public/img/menu/alert_setup.png');
}
#itm_crosstab, .icon_crosstab {
	background-image:url('../../public/img/menu/crosstab.png');
}
#itm_snapshot, .icon_snapshot {
	background-image:url('../../public/img/menu/iris.png');
}
#itm_trend, .icon_trend {
	background-image:url('../../public/img/menu/trend.png');
}
*/
/* Benchmark1 */
.bmk_panel {
	border:1px solid gray;
	border-radius:4px;
	margin:4px;
	background-color: white;
	width:900px;
	min-height:100px;
	float:left;
}
.checkedbtn {
	border-radius:50%;
	position:absolute;
	margin:18px 0 0 125px;
	/*background-color:transparent;*/
	background-image:url("../../ui/images/check12.png");
	background-position: center;
	width:14px;
	height:14px;
}
.qtip_my_qtip {
	border:2px solid black!important;
	border-radius:3px!important;
	color:black!important;
	box-shadow: 3px 4px 16px black!important;
	background-color: #F5F5F5!important;
	max-width:400px!important;
	opacity:.89!important;
	font-weight:500!important;
}		
.qtip_my_qtip .qtip-content {
	font-size:15px!important;
	max-width:400px!important;
}
.ttip {
	background-color:white!important;
	position:relative;
	z-index:25;
	border:2px solid gray;
	padding:3px 6px;
	border-radius:4px;
}
#tools {
	background-image:url('../../ui/images/wrench24.png');
	background-position: center 25px;
    background-repeat: no-repeat;
	border-top:4px solid #262626;
	height:52px;
	width:66px;
}
#tools:hover {
	background-color:#808080;
}
.closeX {
	right: -11px;
	position: relative;
	top: -11px;
}
.sm_save_btn {
	margin:5px;
	padding:8px 12px;
}
.tip, .note {
	color:#434D51;
	font-style: italic;
}
.top {
	color:blue;
}
.top_bg {
	background-color:blue;
}
.med {
	color:green;
}
.med_bg {
	background-color:green;
}
.low {
	color:#f2c100;
}
.low_bg {
	background-color:#FFD000;
}
.bot {
	color:red;
}
.bot_bg {
	background-color:red;
}
.btn {
	border:0px solid silver;
	height:38px;
	width:50px;
	float:right;
	background-color:whitesmoke;
	background-repeat: no-repeat;
	background-position: center;
	margin-left:5px;
}
.btn:hover {
	background-color:#DBDBDB;
}
.export_cont {
	float:right;
}
.btn_export {
	position:relative;
	background-color:whitesmoke;
	cursor:pointer;
	width:30px;
	float:left;
	text-align:center;
	padding:5px 10px;
	border-left:1px solid white;
	/*float: left;
	padding: 5px 10px;
	cursor:pointer;*/
}
.btn_export:hover {
	background-color:#1D80E4;
	color:white;
}
.html_btn {
	background-image:url('../images/printer_blk_24.png');
}
.pdf_btn {
	background-image:url('../images/pdf24_red.png');
}
.excel_btn {
	background-image:url('../images/excel24_grn.png');
}
.tabinfo {
	display:none;
	background-color: white;
	position:absolute;
	height:340px;
	width:980px;
	z-index:15;
	padding-right:10px;
}
.tabcontent{
	width: 450px;
	float: left;
}

.tabcontenthelp {
	width:450px;
	float:right;
	border-left: 1px solid silver;
	height: 250px;
	padding: 20px
}
.tabbuttonbar {
	width:98%;
	float:left;
	height:35px;
	margin-top:10px;
	text-align:center;
}

.prev-tab, .next-tab {
	bottom:4px;
	padding: 6px 10px;
}
.introshell {
	width:900px;
}
@media screen and (max-width: 575px) { 
    #logo {
        display: none;
	}
	/*
	header h2 {
		display:inline-block;
		margin:0 5px;
	}
	*/
	#userlink {
		width:30px;
		height:30px;
	}
	#userid {
		display:none;
	}
	#userinfo {
		max-width:255px;
		font-size:12px;
	}
	#sidepanel {
		padding:2px;
	}
}
@media screen and (max-width: 375px) { 
	header h2 {
		font-size:17px;
		width:99%;
	}
}
#splash {
	display:none;
	border-radius:5px;
	box-shadow: 4px 4px 12px black;
	/*height:500px;*/
	width:650px; 
	background-color:white;
	position:absolute;
	z-index:1010;
}
#splash_inner {
	border-radius:5px 5px 0 0;
	height:380px;
}
#splashfooter {
	border-radius:0 0 4px 4px;
	height:110px;
	background-color:#a09d9d;
}
#splashfooter #titlediv {
	margin:22px 0 0 155px;
	position:absolute;
	color:white;
	font-weight:300;
}
#splashfooter #imgdiv {
	width:145px;
	height:145px;
	position:absolute;
	background-image:url('../../public/img/logos/pinwheel_130x130.png');
	background-repeat:no-repeat;
	background-position:center;
	bottom:-20px;
	right:30px;
	display:block;
	padding:5px;
	background-color:white;
	border-radius:50%;
}
#splashfooter a {
	background-image:url('../../ui/images/close.png');
	background-repeat:no-repeat;
	height:25px;
	width:25px;
	position:absolute;
	bottom:1px;
	left:2px;
}
button.dt-button {
	background-image:none!important;
	background-color:#3764A8!important;
	color:white!important;
}
.cbmenu {
	background-image:url('../../ui/images/menu-sm-gry.png');
	background-repeat:no-repeat;
	background-position: center;
	background-color: transparent;
	width:26px;
	height:21px;
	padding:0;
} 

/* Export buttons */
.export_wrapper {
	border:1px solid #1D80E4;
	display:inline-block;
	position:relative;
	background-color:white;
	margin-bottom: 4px;
	/*background-color:white;
	border: 0;
	display: inline-block;
	margin-bottom: 4px;*/
}
#exporttools {
	float:left;
	/*float:left;
	border:1px solid #1D80E4;
	margin-left:-2px;*/
}
.btn_excel, .btn_csv, .btn_print, .btn_pdf {
	background-repeat:no-repeat;
	background-position:center;
}
.btn_excel {
	background-image:url(../../ui/images/excel-wh-24.png);
}
.btn_csv {
	background-image:url(../../ui/images/csv-wh-24.png);
}
.btn_print {
	background-image:url(../../ui/images/print-wh-24.png);
}
.btn_pdf {
	background-image:url(../../ui/images/pdf-wh-24.png);
}
/* jquery overrides */
.ui-icon {
    background-image: unset; /*url("images/ui-icons_888888_256x240.png")!important;*/
	margin-right: 5px;
	margin-left: 5px;
}
.ui-dialog {
	z-index: 10000;
}
.ui-draggable .ui-dialog-titlebar {
	/*background-color:#1E87F0;
	color:white;*/
	color: #1A73CD;
	height:30px;
	background-color:#edeeef;
	font-weight:500;
	border-radius:3px 3px 0 0;
	border: 0;
}
.ui-widget-header{
	background-image:unset!important;
	font-weight:normal;
	z-index:10;
}
.ui-dialog .ui-dialog-title {
	top: 50%;
	position: absolute;
	margin-top: -8px;
	font-size:18px;
}
.ui-dialog .ui-dialog-content {
	box-shadow:10px 10px 40px #6d6d6d!important;
}
.ui-widget-content {
    padding: 0;
	color:inherit;
}
.ui-widget {
	font-family:inherit;
	font-size:inherit;
	color:inherit;
}
.ui-tabs {
	padding: 4px !important;
}
.ui-dialog .ui-dialog-buttonpane {
	background-color:whitesmoke;
}
/* tooltip overrides */
.ui-tooltip, .arrow:after {
	background: #434D51;
	border: unset;
	opacity:.9;
}
.ui-tooltip {
	padding: 8px 16px;
	color: white;
	border-radius: 6px;
	font: normal 14px "roboto", Helvetica, Sans-Serif;
	box-shadow:unset;
	border:0!important;
}
.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.arrow.top:after {
	bottom: -20px;
	top: auto;
}
.highlight {
	background-color:red!important;
	color:white;
}
/* Apply custom-dialog class to a dialog box create translucent effect */
.custom-dialog {
	background-color: transparent;
}
.custom-dialog .ui-dialog-titlebar {
	background-color:#434D51;
	color:white;
	opacity:.9;
}
.custom-dialog .ui-dialog-content {
	background-color:#434D51;
	opacity:.9;
	color:white;
}
/* Datatables overrides */
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
	background-color: #eee!important;
  }
 .std_form .dataTables_length, .std_form .dataTables_filter {
	margin-bottom:10px;
 }
 .std_form th {
	background-color:#f9fafa;
	text-align:left;
}
#shortcuts {
	border-radius:3px;
	right:0;
	max-width:200px;
	margin:6px 20px 6px 0;
	padding:4px 10px;
	background-color:white;
	z-index:5000;
	cursor:move;
	position:absolute;
	box-shadow:4px 4px 8px #424b4e;
	display:none;
	overflow:auto;
}	
#shortcuts i {
	margin:0 5px;
}
.moditem {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width:250px;
	display:inline-block;
	margin-left:10px;
}
/*
#savedreports {
	border:1px solid silver;
}
#savedreports th {
	background-color:#f9fafa;
	text-align:left;
}
*/