/**
 * Globals
 */
a {transition: 0.25s all;}
body.static-content { background: #444; }
body.static-content #content { background: #fff; padding: 15px; }
body.static-content.dologin #content,
body.static-content.login #content { max-width: 360px; }
label { font-weight: 500; white-space: nowrap; }

/**
 * Navigation menu
 */
a.navbar-brand {  font-weight: 800; transition: all 0.1s ease-in; }
.navbar-inverse .navbar-brand {color: #ffffff;}
.navbar { border-radius: 0px; border: 0px; margin-bottom: 0px; }
.navbar-brand > img { display: inline-block; height: 25px; margin-top: -4px; }

body.watch .watch-menu > a, body.watch .watch-menu > a:hover, body.watch .watch-menu > a:focus,
body.caliber .caliber-menu > a, body.caliber .caliber-menu > a:hover, body.caliber .caliber-menu > a:focus,
body.strap .strap-menu > a, body.strap .strap-menu > a:hover, body.strap .strap-menu > a:focus,
body.brand .brand-menu > a, body.brand .brand-menu > a:hover, body.brand .brand-menu > a:focus
{ color: #fff; background-color: #080808; }

/**
 * Table Overview
 */
h3 { margin-top: 15px; }
table { font-size: 14px; }
table thead { background: #eee; }
table thead th {  font-weight: 600; }
thead th .glyphicon { padding-left: 2px; font-size: 10px;}
tr.clone, tr.clone:hover { background: #fff7a8 !important; }

/*
 * Overviewpage
 */

.form-inline.form-group.text-center nav { display: inline-block; }
.main { padding-top: 54px; }
.main legend { margin-bottom: 10px; }
.main legend .pull-right,
.picklist legend .pull-right,
.country legend .pull-right { margin-top: -5px; }
.searchbox { height: 32px; width: 200px; display: inline-block; }
.batch-bar { padding: 5px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 10px; }
.main .alert { margin-bottom: 10px; }

/**
 * Watch,caliber,strap list table
 */
.picklist table,
.country table{ margin-bottom: 0; }
.picklist .table-heading h3,
.country .table-heading h3 { margin-top: 0; }
table.datatable { font-size: 13px; }
table.datatable thead th { padding: 0px; }
table.datatable thead th input { margin: 0 0 7px 0; }
table.datatable thead th a { display:block; margin: 0px; width: 100%; color: #000; text-align: left; padding: 5px 4px; text-decoration: none; }
table.datatable thead th a .glyphicon { margin-top: 4px; }
.list-right-top { margin-top: 10px; }

/*Pagination*/
.pagination { margin: 0px; }
.pagination > li > a { font-weight: bold; border: 1px solid #e5e5e5; }
.pagination > li > a:hover { background: #ddd; }
.pagination > li.disabled > span { background: #fafafa; color: #d3d3d3; }

/**
 * jQuery datatable
 */
#datatable-simple thead th span.sorting-indicator { margin-top: 4px; }
#datatable-simple thead th.sorting_asc span.sorting-indicator:before { content: "\e114"; }
#datatable-simple thead th.sorting_desc span.sorting-indicator:before { content: "\e113"; }
td a.delete { color: #d43f3a; font-size: 14px; transition: none;}
td a.delete:hover { color: darkred; }
#datatable-simple_filter { display: none; }

.btn { font-size: 13px; font-weight: 500; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid transparent; -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09); box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09); }
th .btn { box-shadow: none; }
.btn-default { background-color: #fafafa; color: #666; border-color: #ddd; }

/* Brand edit page */
.brand a.x-get-pricerange[disabled] { color: #000; background: #FFF; border: 2px solid #000; }
/* Family edit page */
#familycontainer { border-radius: 4px; }
#familycontainer .family-box { border-left: 5px solid #337AB7; margin-top: 4px; font-size: 16px; padding: 10px; background: #f5f5f5; border-bottom: 1px solid #eee; }
#familycontainer .family-box .family-name { line-height: 24px; }
#familycontainer .family-box .btn { padding: 4px 8px; }
#familycontainer .family-box.ui-sortable-placeholder { border-left: 5px solid #444; background: #f5f5f5; }

/**
 * Sidebar styling
 */
.sidebar {
  position: fixed;
  top: 50px;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: block;
  padding: 0px;
  overflow-y: auto;
  background-color: #f4f4f4;
  border-right: 1px solid #eee;
}

/*reset the panel style from bootstrap*/
.panel-group .panel+.panel { margin: 0px; }
.panel-group .panel { border-radius: 0px; background: none; }

#content .panel { margin-bottom: 10px; }

/* set sidebar */
.nav-sidebar > li { border:0; border-top: 1px solid #fff; border-bottom: 1px solid #dbdbdb; }
.nav-sidebar > li > a { padding: 6px 10px 6px 25px; }
.sidebar h3 { padding: 0px 10px 6px 15px; }

/* set brand item colors */
.nav-sidebar > li > a { color: #555; font-size:13px; }
.nav-sidebar > li > a > .chevron { color: #999; font-size: 10px; }
.nav-sidebar > li > a.collapsible { padding-left: 10px; }
.nav-sidebar > li span.badge { background: #aaa; }
.nav-sidebar > li span.edit-button { margin-top: 2px; margin-right: 5px; color: #357ebd; display: none; }

/* families submenu styling */
.nav-families { background: #ddd; }
.nav-families > li > a { color: #555; margin: 5px 5px 5px 20px; padding: 4px 4px 4px 15px; font-size: 13px; }

.nav-sidebar > li.active > a,
.nav-families > li.active > a { color: #ddd ;background: #333; border: 0; }
.nav-sidebar > li > a:hover > span.edit-button,
.nav-families > li > a:hover > span.edit-button { display: inline-block; }
.nav-sidebar > li.active > a > span.badge,
.nav-families > li.active > a > span.badge { color: #333; background: #ddd; }
.nav-sidebar > li.active > a > .chevron,
.nav-families > li.active > a > .chevron { color: #dbdbdb; }
.nav-sidebar > li.active > a > span.edit-button,
.nav-families > li.active > a > span.edit-button { color: #31b0d5; }

textarea.description { height: 150px; }
.ace-data { height: 150px; }

.caliber textarea.description { height: 175px; }

.bootbox-confirm .modal-dialog { width: 320px; }

/* Edit page */
hr { margin: 10px 0px; }
img.head-watch { max-width: 100%; }
.jcrop-holder { display: inline-block; border: 1px solid #dddddd; }
.jcrop-keymgr { left: -99999px !important; }
body.create .top-title h3,
body.edit .top-title h3 { margin-top: 0px; }
body.watch .pickdate { color: #428bca; }
.alert.alert-warning { margin-bottom: 0px; }

.image-crop-modal { text-align: center; }
.image-crop-modal .modal-dialog { display: inline-block; width: auto; max-width: 100%; }
.image-crop-modal .img-responsive { max-width: 100% !important; }

.input-year { width: 40%; display: inline-block; }
.input-month, .input-day { margin-left: -4px; width: 30%; display: inline-block; }

.pricelist > li, .straplist > li { transition: 0.25s background; padding: 7px 7px 7px 12px; border: 1px solid #ddd; margin: 5px 0; background: #eee; }
.pricelist > li:hover, .straplist > li:hover { background: #ddd; }
i[rel='tooltip'] { color: #aaa }

/**
 * Ace import
 */
#import-log { margin-bottom: 0px; max-height: 300px; overflow: scroll; }
#import-log > li.list-group-item { padding: 4px 10px; }

/**
 * Jquery UI sortable on Watch edit page
 */
body.watch .image-block,
body.caliber .image-block { float: left; margin: 10px; border: 1px solid #ddd; }
.ui-sortable-helper { box-shadow: 0 6px 12px #444; cursor: -moz-grabbing; cursor: -webkit-grabbing; cursor: grabbing; }
.ui-sortable-helper a { cursor: -moz-grabbing; cursor: -webkit-grabbing; cursor: grabbing; }
.ui-sortable-placeholder { background-color: #eee; border: 1px solid #ddd; visibility: visible !important; }

/**
  *
  */
.item-block {
  float: left;
  border: 1px solid #ddd;
  margin-right: 4px;
  margin-bottom: 4px;
  box-shadow: 0 1px 3px #ddd;
  width: 48%;
  height: auto;
  padding: 10px;
  text-align: center;
  transition: 0.25s all;
}
.item-block:hover {
  box-shadow: 0 6px 12px #ddd;
  border: 1px solid #982a2a;
}
.item-block .img-container {
  height: 120px;
  width: 120px;
  line-height: 120px;
  display: block;
  margin: 0 auto;
}
.item-block .img-container img {
  max-height: 100%;
  max-width: 100%;
}
.item-block hr.seperator {
  border-color: #ddd;
  width: 87%;
  margin: 6px auto;
  margin-bottom: 0;
}
.item-block a:hover {
  text-decoration: none;
}
.item-block .bottomtext {
  display: block;
  color: #131313;
  padding: 4px;
  font-size: 12px;
  overflow: hidden;
  text-align: center;
}
.watch-block .bottomtext {
  height: 58px;
}
.watch-block .bottomtext strong {
  display: block;
}
.watch-block.selected {
  background-color: #fff5db;
  border-color: #982a2a;
}
body.watch.can-select .watch-block {
  cursor: pointer;
}

@media (min-width: 370px) {
  /**
   * Blocks
   */
  .item-block {
    width: 165px;
  }
  .item-block .img-container {
    height: 140px;
    width: 140px;
    line-height: 140px;
  }
}
@media (min-width: 768px) {
  .item-block {
    width: 176px;
  }
  .item-block .img-container {
    height: 156px;
    width: 156px;
    line-height: 156px;
  }
}
@media (min-width: 992px) {
  .item-block {
    width: 184px;
  }
  .item-block .img-container {
    height: 164px;
    width: 164px;
    line-height: 164px;
  }
}
@media (min-width: 1200px) {
  .item-block {
    width: 186px;
  }
  .item-block .img-container {
    height: 166px;
    width: 166px;
    line-height: 166px;
  }
}