// 36c3
@import "cyborg_variables.less";

//== Colors

@gray-dark:              #282828;   // #333
@gray-light:             #888;   // #999
@gray-lighter:           #D0D0CE; // #eee
@black:                  #000;

@brand-primary:         #fe5000;
@brand-success:         #00bb31;
@brand-info:            #5bc0de;
@brand-warning:         #febb00;
@brand-danger:          #bb3100;

//== Scaffolding

@body-bg:               #000;
@text-color:            @gray-lighter;

//== Buttons

@btn-default-color:              @gray-lighter;
@btn-default-bg:                 lighten(@gray-dark, 10%);

@btn-primary-color:              @black;
@btn-primary-border:             darken(@btn-default-bg, 10%);

@btn-success-color:              @black;
@btn-success-border:             darken(@btn-default-bg, 10%);

@btn-info-color:                 @black;
@btn-info-border:                darken(@btn-default-bg, 10%);

@btn-warning-color:              @black;
@btn-warning-border:             darken(@btn-default-bg, 10%);

@btn-danger-border:              darken(@btn-default-bg, 10%);


//== Forms

@input-bg:                       @gray-darker;
@input-bg-disabled:              darken(@gray-dark, 10%);
@input-group-addon-bg:           @gray-lighter;

//== Pagination

@pagination-color:                     @black;
@pagination-hover-color:               @black;
@pagination-active-color:              @black;

//== Labels

@label-color:                 #000;
@label-link-hover-color:      @gray-dark;

//== Panels

@panel-primary-text:          #000;

//== Badges

@badge-color:                 @black;
@badge-link-hover-color:      @black;

//== Type

@headings-small-color:        @gray-light;

// Bootswatch
// -----------------------------------------------------
@import "cyborg_styles.less";
// Forms ======================================================================

.input-group-addon {
  background-color: @btn-default-bg;
}

// Containers =================================================================

// datetimepicker

.bootstrap-datetimepicker-widget {

  .timepicker-hour,
  .timepicker-minute,
  [data-action='selectHour'],
  [data-action='selectMinute'],
  [data-action='incrementHours'],
  [data-action='decrementHours'],
  [data-action='incrementMinutes'],
  [data-action='decrementMinutes'] {

    &:hover {

      color: @gray;
    }
  }
}

// code tag
code {
  background-color: @btn-default-bg;
  color: @input-color;
}