/*
Template Name: Intuitive Dashboard
Template Version: 3.2.0
Author: Rogério César de Aquino
*/

.intuitive-cell-clicked {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

h4{
	margin:0;
	padding:0;
	margin-bottom:5px
}

.heatmap-data-min{
	float:left;
	font-size:9px;
}

.heatmap-data-max{
	float:right;
	font-size:9px;
}

.export-url-with-scroll {
    overflow-x: scroll !important;
}

div.dashboard-container td {
	vertical-align: middle;
}

div.dashboard-container td.chart-cell {
	overflow: visible;
}

div.dashboard-container td span.current-value {
	display: inline-block;
	position: relative;
}

.dx-datagrid .dx-row>td.inc,
.dx-datagrid .dx-row>td.dec,
.dx-datagrid .dx-row>td.warning {
    padding-right: 20px;
}

div.dashboard-container td span.diff {
	float: right;
}

div.dashboard-container td.inc span.diff {
	color: #2ab71b;
}

div.dashboard-container td.inc span.diff:before {
	content: '+';
}

div.dashboard-container td.dec span.diff:before {
	content: '-';
}

div.dashboard-container td.inc span.current-value:after,
div.dashboard-container td.dec span.current-value:after,
div.dashboard-container td.warning span.current-value:after {
	content: '';
	display: block;
	height: 10px;
	width: 10px;
	position: absolute;
	right: -12px;
	top: 5px;
	background-repeat: no-repeat;
    background-size: 10px 10px;
}


td.inc.green span.current-value:after {
	background-image: url("../img/arrowgreenup_16x16.png");
}

td.inc.red span.current-value:after {
	background-image: url("../img/arrowredup_16x16.png");
}

td.dec.green span.current-value:after {
	background-image: url("../img/arrowgreendown_16x16.png");
}

td.dec.red span.current-value:after {
	background-image: url("../img/arrowreddown_16x16.png");
}

td.warning.yellow span.current-value:after {
	background-image: url("../img/circleyellow_16x16.png");
}

td.warning.grey span.current-value:after {
	background-image: url("../img/circlegrey_16x16.png");
}


.margin-top-row-dashboard {
    margin-top: 70px;
}

.carriage-return {
    float: left;
}

.export-dashboard {
    background-image: url("../img/Export_32x32.png");
    background-repeat: no-repeat;
    width: 32px;
    height: 32px; 
    float: right;
    cursor: pointer;
}

.export-excel {
    background-image: url("../img/Export_16x16.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px; 
    float: left;
    cursor: pointer;
}


td .right {
    /* <http://www.w3.org/wiki/CSS/Properties/text-align>
     * left, right, center, justify, inherit
     */
    text-align: right !important;
    /* <http://www.w3.org/wiki/CSS/Properties/vertical-align>
     * baseline, sub, super, top, text-top, middle,
     * bottom, text-bottom, length, or a value in percentage
     */
    vertical-align: text-top;
}

/* Progress */
.progress-nothing .bar,
.progress .bar-nothing {
  background-color: #000000;
  background-image: -moz-linear-gradient(top, #000000, #000000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#000000));
  background-image: -webkit-linear-gradient(top, #000000, #000000);
  background-image: -o-linear-gradient(top, #000000, #000000);
  background-image: linear-gradient(to bottom, #000000, #000000);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

.progress-nothing.progress-striped .bar,
.progress-striped .bar-nothing {
  background-color: #000000;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/* Scroller */
.scroller { position:relative; margin:10px 10px; padding:10px 0px; width: auto; /*height: 300px;*/ overflow: hidden; }

/* Cartões */
.metro-overview-cards-cont {
    padding-top:0px;
    margin-bottom: 15px;
}
.metro-overview-cards .progress {
    height: 5px;
    margin-bottom:10px !important;
}

/* Cartões Positivos */

.metro-overview-cards-pos{
    clear: both;
    padding: 10px 10px 5px 10px;
    margin: 0px;
    margin-bottom: 5px;
    box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.5) inset;
    -webkit-box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.5) inset;
	cursor:pointer;
}

.metro-overview-cards-pos .display {
    margin-right: 5px;
    float: left;
    font-size: 40px;
    color: #228B22;
}

.metro-overview-cards-pos .percent {
    color: #228B22;
    font-size: 16px;
	font-weight: bold;
}

.metro-overview-cards-pos .details {
    color: #228B22;
    text-align:right;
}

.metro-overview-cards-pos .details .numbers {
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.metro-overview-cards-pos .details .target {
    color: #000;
    font-size: 16px;
    font-weight: normal;
}

.metro-overview-cards-pos .details .title i {
    color: #228B22;
    margin-right: 2px;
}
.metro-overview-cards-pos  .title {
    color: #000;
    font-size: 20px;
    margin-bottom: 5px;
	text-align: left;
}

/* Cartões Negativos */

.metro-overview-cards-neg{
    clear: both;
    padding: 10px 10px 5px 10px;
    margin: 0px;
    margin-bottom: 5px;
    box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.5) inset;
    -webkit-box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.5) inset;
	cursor:pointer;
}


.metro-overview-cards-neg .display {
    margin-right: 5px;
    float: left;
    font-size: 40px;
    color: #CE2029
}

.metro-overview-cards-neg .percent {
    color: #CE2029;
    font-size: 16px;
	font-weight: bold;
}

.metro-overview-cards-neg .details {
    color: #CE2029;
    text-align:right;
}

.metro-overview-cards-neg .details .numbers {
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.metro-overview-cards-neg .details .target {
    color: #000;
    font-size: 16px;
    font-weight: normal;
}

.metro-overview-cards-neg .details .title i {
    color: #CE2029;
    margin-right: 2px;
}
.metro-overview-cards-neg  .title {
    color: #000;
    font-size: 20px;
    margin-bottom: 5px;
	text-align: left;
}

/* Cartões Neutros */

.metro-overview-cards-neutro{
    clear: both;
    padding: 10px 10px 5px 10px;
    margin: 0px;
    margin-bottom: 5px;
    box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.5) inset;
    -webkit-box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.5) inset;
	cursor:pointer;
}

.metro-overview-cards-neutro .display {
    margin-right: 5px;
    float: left;
    font-size: 30px;
    color: #708090;
}

.metro-overview-cards-neutro .percent {
    color: rgb(112,128,144);
    font-size: 16px;
	font-weight: bold;
}

.metro-overview-cards-neutro .details {
    color:#000;
    text-align:right;
}

.metro-overview-cards-neutro .details .numbers {
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.metro-overview-cards-neutro .details .target {
    color: #000;
    font-size: 16px;
    font-weight: normal;
}

.metro-overview-cards-neutro .details .title i {
    color: #000;
    margin-right: 2px;
}
.metro-overview-cards-neutro  .title {
    color: #000;
    font-size: 20px;
    margin-bottom: 5px;
	text-align: left;
}

/* Cartões Aviso */

.metro-overview-cards-warning{
    clear: both;
    padding: 10px 10px 5px 10px;
    margin: 0px;
    margin-bottom: 5px;
    box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.5) inset;
    -webkit-box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.5) inset;
	cursor:pointer;
}

.metro-overview-cards-warning .display {
    margin-right: 5px;
    float: left;
    font-size: 30px;
    color: #FFD700;
}

.metro-overview-cards-warning .percent {
    color: #FFD700;
    font-size: 16px;
	font-weight: bold;
}

.metro-overview-cards-warning .details {
    color: #FFD700;
    text-align:right;
}

.metro-overview-cards-warning .details .numbers {
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.metro-overview-cards-warning .details .target {
    color: #000;
    font-size: 16px;
    font-weight: normal;
}

.metro-overview-cards-warning .details .title i {
    color: #FFD700;
    margin-right: 2px;
}
.metro-overview-cards-warning  .title {
    color: #000;
    font-size: 20px;
    margin-bottom: 5px;
	text-align: left;
}
.sort {
	cursor: pointer;
}

.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #CCC;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #6593cf;
    background: #c3daf9;
    padding:2px;
}
.loadmask-msg div {
    padding:5px 10px 5px 25px;
    background: #fbfbfb; /*url('../assets/pre-loader/Snakes chasing.gif') no-repeat 5px 5px;*/
    line-height: 16px;
	border:1px solid #a3bad9;
    color:#222;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}

img.ajax {
	height: 15px;
	width: 15px;
}

.dashboard-item {
	/*max-height: 300px;*/
}

.gauge {
	/*display: inline-block;*/
	/*max-height: 250px;*/
	cursor: pointer;
}

.gauge-value {
	position: relative; 
	/*top: 50%;
	left: 33%; */
	font-family: Verdana; 
	text-align: center; 
	font-size: 14px; 
	width: 90%;
	margin: 0 0;
	padding: 0 0;
	border: 0 0;
}

.transparent-line {
    background: transparent;
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#ffffff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    /*background-image: -linear-gradient(top, #ffffff 0%, #f2f2f2 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
    height: 36px;
    border-bottom: 1px solid #fff;
}

.iframetab {
    width:100%;
    height:auto;
    border:0px;
    margin:0px;
    position:relative;
    top:-13px;
}

.ui-tabs-panel {
    padding:5px !important;
}

.openout {
    float:right;
    position:relative;
    top:-28px;
    left:-5px;
}

#frame-content {
    box-shadow: 0 0 10px #757575;
    -moz-box-shadow: 0 0 10px #757575;
    -webkit-box-shadow:0 0 10px #757575;
	margin-top: 0px;
    margin-left: 0px;
    min-height: 1600px;
    background: #f7f7f7 url("../img/body-bg.png");
}

i.tab {
	cursor: pointer;
}

/*form */
textarea.invalid, input[type="text"].invalid, input[type="password"].invalid, input[type="datetime"].invalid, input[type="datetime-local"].invalid, input[type="date"]:invalid, input[type="month"]:invalid, input[type="time"]:invalid, input[type="week"]:invalid, input[type="number"]:invalid, input[type="email"]:invalid, input[type="url"]:invalid, input[type="search"]:invalid, input[type="tel"]:invalid, input[type="color"]:invalid, .uneditable-input:invalid {
    border-color: red;
}

textarea.ng-invalid, input[type="text"].ng-invalid, input[type="password"].ng-invalid, input[type="datetime"].ng-invalid, input[type="datetime-local"].ng-invalid, input[type="date"]:ng-invalid, input[type="month"]:ng-invalid, input[type="time"]:ng-invalid, input[type="week"]:ng-invalid, input[type="number"]:ng-invalid, input[type="email"]:ng-invalid, input[type="url"]:ng-invalid, input[type="search"]:ng-invalid, input[type="tel"]:ng-invalid, input[type="color"]:ng-invalid, .uneditable-input:ng-invalid {
    border-color: red;
}

body.login {
	background:#e3e3e3 url("../img/fd.jpg") repeat-x;
}

body.app {
	background-color: #f7f7f7  !important;
	background-image: url("../img/body-bg.png") !important;
	/*background-image: url("../img/logofundo.png");
	background-repeat: no-repeat;
	background-position: center;*/
}

.controller {
    padding: 70px 5px;
}

input[type="text"].intuitive-command {
	width: 100%;
}

.center {
	text-align: center;
}

.red {
	color: red;
}

/* CSS Document */

.loginbody {
	width: 100%;
	height: 100%;
	background:#e3e3e3 url("../img/fd.jpg") repeat-x;
}

#pai {
	margin:120px auto;
	width:660px;
	height:200px;
	position: absolute;
	top: 40%;
	left: 50%;
	margin-top: -100px;
	margin-left: -330px;
}

#creditos {
	width:100%;
	color: #667;
	text-align: center;
	float: left;
	margin-top: 30px;
}

#logo {
	margin:70px 20px 20px 0;
	width:286px;
	height:31px;
	background-image:url("../img/logo.png");
	float:left;	
	cursor: pointer;
}

#logoForgot {
	margin:70px 20px 20px 0;
	width:286px;
	height:31px;
	background-image:url("../img/logo.png");
	float:left;	
	cursor: pointer;
}


#form, #changePasswordForm {
	width:318px;
	height:330px;
	float:left;	
	line-height:9px;
}

#logo-rodape {
	margin:45px 10px 0 110px;
	width:122px;
	height:46px;
	float:left;
	background:url("../img/logo-riosoft.png");
}

#creditos-rodape {
	margin-top:50px;
	width:322px;
	height:28px;
	float:left;
}

.login-field {
	width: 261px;
}

#home {
	background-image: url("../img/logofundo.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	min-height: 600px;
}

.customCss .ui-funnel { 
    cursor:pointer;
    /*text-align:center;*/
	font-size: 11px;
 }
 
.about {
	background: #FFF url(../img/fd-sobre.jpg) repeat-x;
	/*width:540px;
	height:350px;	
	position:absolute;*/	
	top:50%;
	left:50%;
	/*margin-top:-175px;
	margin-left:-270px;*/
	border: 1px;
	border-color:#d4d4d4;
	border-style:solid;
}

.modalDialog {
    top: '100px';
    left: '30%';
    margin: '0 auto';
}

#logo-intuitive-sobre {
	background:url(../img/logo-intuitive-sobre.png);
	width:306px;
	height:61px;	
	margin:25px auto;
}

#logo-riosoft-sobre {
	background:url(../img/logo-riosoft-sobre.png);
	width:163px;
	height:65px;	
	margin:85px 0 0 45px;
	float:left;	
}

#texto-sobre {
	width:263px;
	height:225px;	
	margin:30px 0 0 40px;
	float:left;
	font-size:12px;
	line-height:16px;
	color:#333;
}

#texto-sobre a {
	font-size:12px;
	line-height:16px;
	text-decoration:none;
	color:#333;	
}

#logo-intuitive-session-expired {
		background:url(../img/logo-intuitive-sobre-resp.png);
		width:200px;
		height:40px;	
		margin:10px auto;
}	
	
#clock-session-expired {
		background:url(../img/clock.png);
		width:64px;
		height:64px;	
		margin:20px 0 0 10px;
		float:left;	
}

#alert-session-expired {
		background:url(../img/alert-red.png);
		width:48px;
		height:48px;	
		margin:20px 0 0 10px;
		float:left;	
}
	
#texto-session-expired {
	width:400px;
	margin:20px 0 0 15px;
	float:left;
	font-size:12px;
	line-height:16px;
	color:#333;
	text-decoration:none;
}	


.intuitive-funnel, .intuitive-pivot {
	width: 80%;
}

.ui-igpivotgrid thead .ui-igpivotgrid-header, .ui-igpivotgrid tbody > tr > td {
	text-align: right;
}

/* Large desktop & notebooks */
 @media (min-width: 980px) { 
	
}

/* General styles for phones and tablets */
@media (max-width:979px) { 

}

@media (min-width: 768px) and (max-width: 1280px) {

} 
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

} 

@media screen and (max-width:768px) {

	#login-copyright {
		text-align: center;
		width: 90%;
		/*position: absolute;*/
		margin: 0 auto;
		padding: 10px 10px 0 10px;
		color: #999;
		font-size: 11px;
		bottom: 0;
	}

	#pai {
		width:320px;
		height:400px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -200px;
		margin-left: -160px;
	}	
	
	#logo {
		margin:20px 40px 20px 55px;
		width:170px;
	    height: 8px;
		background-image:url(../img/logo.png);
		background-size: 200px;
		float:left;	
	}	
	#creditos-rodape {
		margin-top:10px;
		width:322px;
		height:28px;
		float:left;
	}
	
	.login-field {
		width: 278px !important;
	}
	
	#home {
		background-image: url("../img/logofundomenor.png");
		background-repeat: no-repeat;
		background-position: center;
		width: 100%;
		min-height: 600px;
	}
	
	.about {
		background: #FFF url(../img/fd-sobre-resp.jpg) repeat-x;
		/*width:300px;
		height:360px;	
		position:absolute;*/	
		top:50%;
		left:50%;
		/*margin-top:-180px;
		margin-left:-150px;*/
		border: 1px;
		border-color:#d4d4d4;
		border-style:solid;
	}

	.modalDialog {
		top: '100px';
		left: '0';
		margin: '0 auto';
	}
	
	#logo-intuitive-sobre {
		background:url(../img/logo-intuitive-sobre-resp.png);
		width:200px;
		height:40px;	
		margin:20px auto;
	}	
	#logo-riosoft-sobre {
		background:url(../img/logo-riosoft-sobre-resp.png);
		width:120px;
		height:45px;	
		margin:20px 0 0 90px;
	}
	
	#texto-sobre {
		width:263px;
		height:225px;	
		margin:15px 0 0 30px;
		font-size:12px;
		line-height:16px;
	}	

}
 
/* Landscape phones and down */
@media (min-width: 491px) and (max-width: 767px) { 
	#logo-intuitive-session-expired {
		background:url(../img/logo-intuitive-sobre-resp.png);
		width:200px;
		height:40px;	
		margin:10px auto;
	}	
	
	#clock-session-expired {
		background:url(../img/clock.png);
		width:64px;
		height:64px;	
		margin:20px 0 0 10px;
	}
	
	#texto-session-expired {
		width:300px;
		margin:20px 0 0 15px;
		font-size:12px;
		line-height:16px;
	}	


}

/* Landscape phones and down */
@media (max-width: 491px) { 
	#logo-intuitive-session-expired {
		background:url(../img/logo-intuitive-sobre-resp.png);
		width:200px;
		height:40px;	
		margin:10px auto;
	}	
	
	#clock-session-expired {
		background:url(../img/clock.png);
		width:64px;
		height:64px;	
		margin:20px 0 0 10px;
	}
	
	#texto-session-expired {
		width:200px;
		margin:20px 0 0 15px;
		font-size:12px;
		line-height:16px;
	}	

}

@media (max-width:460px) {
	
	.customCss .ui-funnel { 
		cursor:pointer;
		/*text-align:center;*/
		font-size: 9px !important;
	}

}

/* Landscape phones and down */
@media (max-width: 430px) { 

}

/* Landscape phones and down */
@media (max-width: 385px) {

} 

/* Landscape phones and down */
@media (max-width: 320px) {

	#texto-session-expired {
		width:150px;
		margin:20px 0 0 15px;
		font-size:12px;
		line-height:16px;
	}	


}


[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

html,body,#loadingImage {
    height:100%;
}
#loadingImage {
    width:100%;
    position:relative;
}
#loadingImage > img {
    width:100%;
    max-width:42px; /* real image width */
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    margin:auto;
}

#cube-loading {
	margin-top: -28px;
	width: 42px;
	height: 42px;
	float: left;
}

.btn-login {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #4b4b4d;
  /*background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;*/
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-login:hover,
.btn-login:focus,
.btn-login:active,
.btn-login.active,
.btn-login.disabled,
.btn-login[disabled] {
  color: #ffffff;
  background-color: #848688;
  /*background-color: #003bb3;*/
}

.btn-login:active,
.btn-login.active {
  background-color: #848688;
}

.cursor-click {
	margin-bottom: 20px;
    margin-top: 0;
	cursor: pointer;
}