﻿/* Sticky footer styles
-------------------------------------------------- */
/*@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: local('Oxygen'), local('Oxygen-Regular'), url('../fonts/oxygen.woff') format('woff');
}*/

.ng-invalid.ng-dirty{
	border-color: #FF0000;
}
.ng-valid.ng-dirty{
	border-color: #00FF00;
}
.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }
@font-face {
  font-family: 'MyFont';
  font-style: normal;
  font-weight: 400;
  src: local('MyFont'), url('../fonts/ubuntu.woff') format('woff');
}
.up{
    color:green !important;
}
html,
body {
	/*height: 100%;
	margin: 0px;
	padding: 0px;*/
	/* The html and body elements cannot have any padding or margin. */
}

body {
	/*background-color: #5c5c5c;*/
	background-color: #2B2B2B;
	font-family: 'MyFont', sans-serif;
}

/* Wrapper for page content to push down footer */
#wrap {
	/*min-height: 100%;
	height: auto;*/
	/* Negative indent footer by its height */
}


/* Custom page CSS
-------------------------------------------------- */
sup{color:#A0A0A0;}
sub{color:#FF3300;display:block;font-weight:normal;font-size:x-small}
.version{font-size:x-small}
.label-lite{font-weight:normal;}
.modal-body{
	overflow:auto;max-height:600px;
}
.columnInfoDiv{
    margin-top: 10px; max-height: 100px; overflow-y: auto; 
}
.table-smallfont{
	font-size: 70%;
}
.setlabel{
    margin-left:2px;
}

.funnel{
    height:230px;
	overflow:hidden;
}

.trend{
    height:230px;
}
.marka{
    min-height:150px;
}
.imaj{
    min-height:150px;
}
.grid{
    min-height:150px;
}
.analiz{
    min-height:150px;
}

.container .credit {
	margin: 20px 0;
}

code {
	font-size: 80%;
}

#calendar {
	width: 100%;
	margin: 0 auto;
}

.hoverDiv {
	cursor: pointer;
	opacity: 0.3;
}

	.hoverDiv:hover {
		background: #f5f5f5;
		opacity: 1;
	}

.ghostbutton {
	opacity: 0.5;
}

	.ghostbutton:hover {
		opacity: 1;
	}

.hovercell {
	cursor: pointer;
}

	.hovercell:hover {
		background: #FFCC00 !important;
	}

.table-responsive {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}

.mypanel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	background-color: #98D0F0;
}



.mymodal-header {
	/*min-height: 16.428571429px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  background-color:#428BCA;*/
	padding: 9px 15px;
	border-bottom: 1px solid #eee;
	/*background-color: #428BCA;*/
	background-color: #F8F8F8;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

/*.mymodal-header > h4 {
		color: #FFFFFF;
	}*/

.roundedContainer {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}


h1,h2,h3 {
	font-family: 'MyFont', sans-serif;
}

.modal-title {
	font-family: 'MyFont', sans-serif;
}

.wideModal .modal-dialog {
	max-width:90%;
	width:inherit;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover,.nav > li > a { 
outline: 0;
}

.gridStyle {
    /*border: 1px solid rgb(212,212,212);
    width: 400px;*/ 
    height: 400px
}

.sortHeader {
cursor:pointer;
}

.table-hover tr{cursor:pointer;}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  color:#FF0000;
}

.fade.in {
  display: block;
}
.fade {
  opacity: 0;
  -webkit-transition: none;
          transition: none;
}
/************ pass complexity *************/
input.ng-pristine + ul#strength {
    display:none;
}
ul#strength {
    display:inline;
    list-style:none;
    margin:0;
    margin-left:15px;
    padding:0;
    vertical-align:2px;
}
.point:last {
    margin:0 !important;
}
.point {
    background:#DDD;
    border-radius:2px;
    display:inline-block;
    height:5px;
    margin-right:1px;
    width:20px;
}
.pointer{
	cursor:pointer;
}

/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}


.dashNav {
	z-index:999999;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.dashNav:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.norm2minus{
	background-color:#F4B084;
}
.norm1minus{
	background-color:#FCE4D6;
}
.norm0{
	background-color:#FFFFFF;
}
.norm1{
	background-color:#DBDBDB;
}
.norm2{
	background-color:#00B050;
}
.green {
/*	background-color: rgb(146,208,80);*/
	background-color: rgb(198,224,180);
}
.red {
	/*	background-color: rgb(255,51,0);*/
	background-color: rgb(244,176,132);
}
.grey {
	background-color: rgb(175,175,175);
}
.white {
	background-color: rgb(255,255,255);
}
