/* Base styles (regardless of theme) */
.bs-callout {
  margin: 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}
.bs-callout h4 {
  margin-top: 0;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
  background-color: #fff;
}
 
/* Themes for different contexts */
.bs-callout-danger {
  background-color: #fcf2f2;
  border-color: #dFb5b4;
}
.bs-callout-warning {
  background-color: #fefbed;
  border-color: #f1e7bc;
}
.bs-callout-info {
  background-color: #f0f7fd;
  border-color: #d0e3f0;
}
.bs-callout-success {
background-color: #dff0d8;
border-color: #d6e9c6;
}

.bs-callout-danger h4 {
color: #B94A48;
}

.bs-callout-warning h4 {
color: #C09853;
}

.bs-callout-info h4 {
color: #3A87AD;
}


.login_container{
  margin-top: 100px;
}

.selected {
	background-color: #90bfe5 !important;
}

.clickable tr {
    cursor: pointer;
}

.clickable>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
  background-color: #3276b1;
  color:#eeeeee;
}

/*Fixes color of boostrap zebra stripes on tables
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: rgba(141,192,219,.25);
 }
*/

.nonempty {
  background-color: #3276b1;
}

.adduser{
  margin-top:10px;
}

#notify {
	position: fixed;
	top: 45px;
	text-align: center;
	width: 100%;
}

#notify > div {
	width: 550px;
	margin: 0 auto;

	transition: opacity 1s;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.x.axis path {
  display: none;
}

.line {
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px;
}


date-range {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

date-range i.fa {
  font-size: 20px;
  cursor: pointer;
}

date-range select.form-control {
  width: 120px;
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
}

.rf-date {
  position: relative;
}

.rf-date input.rf_datepicker {
  width: 110px;
  display: inline;
}

.rf-date input.rf_timepicker {
  width: 75px;
  display: inline;
}

.rf-date i.datepicker-icon {
  position: absolute;
  left: 85px;
  top: -2px;
  z-index; -1;
}

.rf-date i.timepicker-icon {
  position: absolute;
  left: 55px;
  top: 0;
  z-index; -1;
}

.rf-date .datepicker .btn-default, .rf-date .timepicker .btn-default {
  background-image: none;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.rf-date input[type=date], .rf-date input[type=time]{
  padding-left: 4px;
  position: relative;
  top: 10px;
  line-height: 1.42857143;
}

.datepicker.dropdown-menu {
  width: 250px;
  height: 250px;
  button {
    outline: none;
    border: 0px;
  }
  tbody {
    height: 180px;
  }
  tbody button {
    padding: 6px;
  }
  &.datepicker-mode-1, &.datepicker-mode-2 {
    tbody button {
      height: 65px;
    }
  }
}

.timepicker.dropdown-menu {
  padding: 0 4px;
  button {
    outline: none;
    border: 0px;
  }
  tbody button {
    padding: 6px;
  }
}

.chart-block{
  margin-top: 20px;
}

.panel-green {
border-color: #5cb85c;
}
.panel-yellow {
border-color: #f0ad4e;
}
.panel-red {
border-color: #d9534f;
}
.panel-green .panel-heading {
border-color: #5cb85c;
color: #fff;
background-color: #5cb85c;
}
.panel-yellow .panel-heading {
border-color: #f0ad4e;
color: #fff;
background-color: #f0ad4e;
}
.panel-red .panel-heading {
border-color: #d9534f;
color: #fff;
background-color: #d9534f;
}
.huge {
font-size: 40px;
}

canvas{
    width: 100% !important;
    max-width: 1100px;
    height: auto !important;
}

.center {
     float: none;
     margin-left: auto;
     margin-right: auto;
}


.font_blue{
  color:#3276b1;
}

.bar {
  transition: width 3.5s;
  -webkit-transition: width 3.5s;
}

#logo_container{
  position: absolute;
  margin-top: -150px;
  right:100px;
}