/* ==========================================================================
   $BASE-TIME-PICKER
   ========================================================================== */
/* ==========================================================================
   $VARIABLES
   ========================================================================== */
/**
 * Base colors
 */
/**
 * Backgrounds
 */
/**
 * Borders
 */
/**
 * Buttons
 */
/**
 * Picker base
 */
/**
 * Date picker options
 */
/**
 * Theme configurations
 */
/* ==========================================================================
   $MIXINS
   ========================================================================== */
/**
 * Common picker item states
 */
/**
 * Opacity
 */
/**
 * Vendor prefixes
 */
/**
 * The list of times.
 */
.picker__list {
  list-style: none;
  padding: 0.75em 0 4.2em;
  margin: 0;
}
/**
 * The times on the clock.
 */
.picker__list-item {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-bottom: -1px;
  position: relative;
  background: #ffffff;
  padding: .75em 1.25em;
}
@media (min-height: 46.75em) {
  .picker__list-item {
    padding: .5em 1em;
  }
}
/* Hovered time */
.picker__list-item:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-color: #0089ec;
  z-index: 10;
}
/* Selected time */
.picker__list-item--selected,
.picker__list-item--selected:hover {
  border-color: #0089ec;
  z-index: 10;
}
/* Highlighted time */
.picker__list-item--highlighted {
  background: #b1dcfb;
}
/* Highlighted and hovered/focused time */
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  background: #0089ec;
  color: #ffffff;
}
/* Disabled time */
.picker__list-item--disabled,
.picker__list-item--disabled:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
  border-color: #dddddd;
  z-index: auto;
}
/**
 * The clear button
 */
.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: .67em;
  text-align: center;
  text-transform: uppercase;
  color: #666;
}
.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  color: #000000;
  background: #b1dcfb;
  background: #ee2200;
  border-color: #ee2200;
  cursor: pointer;
  color: #ffffff;
  outline: none;
}
.picker--time .picker__button--clear:before {
  top: -0.25em;
  color: #666;
  font-size: 1.25em;
  font-weight: bold;
}
.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
  color: #ffffff;
}

/* ==========================================================================
   $CLASSIC-TIME-PICKER
   ========================================================================== */
/* ==========================================================================
   $VARIABLES
   ========================================================================== */
/**
 * Base colors
 */
/**
 * Backgrounds
 */
/**
 * Borders
 */
/**
 * Buttons
 */
/**
 * Picker base
 */
/**
 * Date picker options
 */
/**
 * Theme configurations
 */
/* ==========================================================================
   $MIXINS
   ========================================================================== */
/**
 * Common picker item states
 */
/**
 * Opacity
 */
/**
 * Vendor prefixes
 */
/**
 * Note: the root picker element should __NOT__ be styled
 * more than what’s here. Style the `.picker__holder` instead.
 */
.picker--time {
  min-width: 256px;
  max-width: 320px;
}
/**
 * The holder is the base of the picker.
 */
.picker--time .picker__holder {
  background: #f2f2f2;
}
@media (min-height: 40.125em) {
  .picker--time .picker__holder {
    font-size: .875em;
  }
}
/**
 * The box contains the list of times.
 */
.picker--time .picker__box {
  padding: 0;
}



.col-xs-10.col-sm-8.sideContainer.animated.bounceInUp {
    float: right;
    position: absolute;
}

#rightSidebar {
   padding-bottom: 0;  
   margin-bottom: 0;
   position: relative;
   left: 0;
}

#sidebar {
    position: absolute;
    padding-bottom: 99999px;  margin-bottom: -99999px;
    
}
@media (max-width:767px){
#sidebar {
    position: absolute;
    overflow-y: scroll;
 }
}

#content {
}

.sidr h2 {
    padding-left: 30px;  background: url(img/icoPanel.png) no-repeat 0;  margin-left: 21%;  color: rgb(101,120,140);  font-weight: 400;  margin-bottom: 20px;
}

.breadcrumbs .active {}

.wizard a:hover {
    color: rgb(243,173,0);
}

.pt20 {
    padding-top: 20px;
}

.btn_orange:hover {
    color: white;
}