$purple: #4E2E74;
$green:  #8EA43C;
$light-green: #A5AB91;
$orange: #F1592A;
$yellow: #E0B403;
$red: #d9534f;
$light-blue: #5bc0de;
$pale-blue: #d9edf7;

$light-green: #dff0d8;
$light-yellow: #fcf8e3;
$light-red : #f2dede;
$light-purple : #f2edf8;
$light-orange :#fdece7;


$brand-primary:         $purple;
$brand-success:         $green;
$brand-info:            $light-blue;
$brand-warning:         $orange;
$brand-danger:          $red;

//$navbar-height: 60px;
//$navbar-padding-vertical:10px;



$navbar-default-color:             #777 ;
//$navbar-default-bg:              #f8f8f8 !default;
$navbar-default-bg:                #FFFFFF;
$navbar-default-border:            darken($navbar-default-bg, 6.5%) !default;

// Navbar links
$navbar-default-link-color:                $green;
$navbar-default-link-hover-color:          #333 !default;
$navbar-default-link-hover-bg:             transparent !default;
$navbar-default-link-active-color:         #FFFFFF;
$navbar-default-link-active-bg:            $green;
$navbar-default-link-disabled-color:       #ccc !default;
$navbar-default-link-disabled-bg:          transparent !default;

.text-highlight-primary {
                padding:3px;
                background-color: $light-purple;
}

.text-highlight-success {
                padding:3px;
                background-color: $light-green;
}

.text-highlight-warning {
                padding:3px;
                background-color: $light-orange;
}

.text-highlight-danger {
                padding:3px;
                background-color: $light-red;
}

.text-highlight-info {
                padding:3px;
                background-color: $pale-blue;
}

.text-highlight-amber {
                padding:3px;
                background-color: $light-yellow;
}

.text-highlight-primary-dark {
                padding:3px;
                background-color: $purple;
                color : white;
}

.text-highlight-success-dark {
                padding:3px;
                background-color: $green;
                color : white;
}


hr.dashed {
                border: none;
                border-top: 1px dashed silver
}


.tooltip.top .tooltip-inner {
    background-color:$purple;
}

.tooltip.top .tooltip-arrow {
      border-top-color: $purple !important;
}

.tooltip.left .tooltip-inner {
    background-color:$purple;
}
.tooltip.left .tooltip-arrow {
      border-left-color: $purple !important;
}

.tooltip.bottom .tooltip-inner {
    background-color:$purple;
}

.tooltip.bottom .tooltip-arrow {
      border-bottom-color: $purple !important;
}

.tooltip.right .tooltip-inner {
    background-color:$purple;
}

.tooltip.right .tooltip-arrow {
      border-right-color: $purple !important;
}


.modal-dialog-xlg {
  position: relative;
  width: auto;
  margin: 10px;
  overflow-x: auto}

@media (min-width: 1200px) {
  .modal-xlg {
    width: 1180px;
  }

  .modal-dialog-xlg {
    width: 1160px;
    margin: 20px auto; }
}

@media (min-width: 1600px) {
  .modal-xlg {
    width: 1580px;
  }

  .modal-dialog-xlg {
    width: 1520px;
    margin: 20px auto; }
}


.modal.fade .modal-dialog-xlg {
    transform: translate(0, -25%);
    transition: transform 0.3s ease-out; }
.modal.in .modal-dialog-xlg {
    transform: translate(0, 0); }



//== Form states and alerts
//
//## Define colors for form feedback states and, by default, alerts.

//$state-success-text:                $green;
//$state-success-bg:                  $light-green;
// $state-success-border:           darken(adjust-hue($state-success-bg, -10), 5%)

// $state-info-text:                #31708f
// $state-info-bg:                  #d9edf7
// $state-info-border:              darken(adjust-hue($state-info-bg, -10), 7%)

// $state-warning-text:             #8a6d3b
// $state-warning-bg:               #fcf8e3
// $state-warning-border:           darken(adjust-hue($state-warning-bg, -10), 5%)

// $state-danger-text:              #a94442
// $state-danger-bg:                #f2dede
// $state-danger-border:            darken(adjust-hue($state-danger-bg, -10), 5%)


// Tables
//$table-bg-active:                   #A5AB91;


@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

body { padding-top: 70px;}

#loading-indicator {
  position: absolute;
  left: 50%;
  top:50%;
  z-index:1000;
  display:none;
}

.td-date-picker {
 position:relative;
}