/* -----------------------------------------
   Custom.css - put your own changes here 
----------------------------------------- */
* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}
.tipLS {
	background: #F1CECE;
	border: 1px solid #FF0000;
	color : #FF0000;
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	position: relative;
	width: 200px;
	text-align:center;
}
.tipChart {
	background: #79859b;
	color : #FFFFFF;
	width:60px;
	text-align:center
}

.tipLineChart {
	background: #FFFFFF;
    color: #000000;
	width: 180px;
	text-align: left;
    padding: 10px;
    border-color: #D2D0D1;
    border-style: solid;
    border-width: 1px;
}

  .tooltip.customClass .tooltip-inner {
               width:450px;
			   text-align:left;
			   z-index:10000;
			   position:absolute;
            }
            
.tipChartMedium {
	background: #79859b;
	color : #FFFFFF;
	width:180px;
	text-align:center;
}
.tipChartSmallText {
	background: #79859b;
	color : #FFFFFF;
	width:180px;
	text-align:center;
    font-size: 10px;
}
.bigTxt{
	font-weight:bolder;
	font-size:large;
}

.lgNb{
	font-weight:bolder;
	font-size:large;
	text-align:right;
	width: 70px;
}
.txtR {
	text-align: right;
}
.nbCol{
	text-align:right;
	width: 60px;
}
.prgLen{
	width: 70px;
}
.nav > li > a {
  display: block;
}
.padPrgTxt {
	padding-top:5px;
}
.padPrgTxt10 {
	padding-top:10px;
}

.progress-bar {
    z-index: 1;
    position: absolute;
}

.progress span {
    position: absolute;
    top: 0;
    z-index: 2;
    color: black; 
    text-align: center;
    width: 100%;
}

.st-sort-ascent, .st-sort-descent {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.st-sort-ascent:before{
    content: '\25B2';
}

.st-sort-descent:before{
    content: '\25BC';
}

/* jquery datatables selected */
table.dataTable tbody tr.selected {
  background-color: #B0BED9;
}
table.dataTable tbody tr.group.selected {
  background-color: #B0BED9 !important;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #abb9d3;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #a9b7d1;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
    background-color: #acbad4;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: #a6b3cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
    background-color: #a7b5ce;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
    background-color: #a9b6d0;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #acbad4;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
    background-color: #adbbd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
    background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
    background-color: #a1aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
    background-color: #a2afc8;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
    background-color: #a4b2cb;
}

 .custom-footer th {
  background: #f3f5f6;
}

.custom-scroll-body {
    position: absolute;
    top: 0px;
    bottom: 30px;
    overflow: auto;
    width: 100%;
}
.custom-scroll-footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.tick-column-text {
    font-weight: bold;
}

tbody .highlight-column, thead .highlight-column {
    color: #FF6600;
}

#field {
    width:300px;
    height:300px;
    border:1px solid;
}
.cursor {
    cursor:url('http://placehold.it/16x16'), auto;
}

.icheckbox {
    display:inline-block;
    width:20px;
    height:20px;
    background:#eee;
}

.icheckbox.checked {
    background:#aaa;
}

/* dropdown scrollable menu */
.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.dropdown-menu ul {
  padding-left: 20px;
  padding-right: 20px;
  list-style-type: none;
}

.bg-grey-round-border {
	background: #FFFFFF;
	border: 1px solid #a4b2cb;
	border-radius: 8px;
	width:auto;
	height:auto;
	display:inline;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
}
.btn-grey-round-border {
	background: #FFFFFF;
	border: 1px solid #a4b2cb;
	border-radius: 8px;
	width:auto;
	height:auto;
	text-align:center;
	display:inline;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
}
.left-div {
    float: left;
}

.no-border {
    border: none !important;
}

.border-white {
    border-color: #ffffff !important;
}

.modal-dash-open-details {
	min-width:500px; 
	min-height:500px; 
	max-height:600px;
}

.list-stats-campaigns {
    margin-bottom: 0;
    -webkit-transition: max-height 0.2s ease-out;
    -moz-transition: max-height 0.2s ease-out;
    -o-transition: max-height 0.2s ease-out;
    -ms-transition: max-height 0.2s ease-out;
    transition: max-height 0.2s ease-out;
    height:400px;
    overflow:auto;
    max-height: 200px;
}

.list-stats-campaigns.augmented {
    max-height: 400px;
}

.list-stats-campaigns a {
    min-height: 40px;
}

.list-stats-campaigns a.active {
    min-height: 110px;
}

.progress-slim {
    height:15px;
    /*margin-bottom:unset;
    margin-top:unset;*/
}

.col-table-label {
    max-width: 300px;
}

.col-table-number {
    max-width: 100px;
}
.col-table-index {
    max-width: 60px;
}
.col-table-color {
    max-width: 40px;
}

table.dataTable tr.group, tr.group:hover, tr.group:before {
    background-color: #ddd !important;
}

.panel-heading.white-bg.min {
    border-bottom: 1px solid #e4e9eb !important;
}

.vertical-align > * { 
    display: inline-block; 
    vertical-align: middle;
}