/* overrides to default admin and bootstrap styles */

body {
    padding-top: 60px;
    padding-bottom: 40px;
}
a:active,
a:focus {
    outline: none;
}
.sidebar-nav {
    padding: 9px 0;
}
.controls > p {
    padding-top: 5px;
}
.controls > ul,
.controls .related-widget-wrapper > ul {
    list-style-type: none;
    padding-left: 0px;
}
.controls > ul label,
.controls .related-widget-wrapper > ul label {
    font-size: 14px;
}
.controls > ul .form-control,
.controls .related-widget-wrapper > ul .form-control {
    height: auto;
    margin: 9px 0;
}
.controls .related-widget-wrapper {
    float: none;
}
.controls .related-widget-wrapper-link {
    display: inline-block;
    margin: 7px 7px 3px 7px;
}

/* SELECTOR (FILTER INTERFACE) */
.selector .selector-filter {
    border: 0px solid #ccc;
    border-width: 0 0px;
    padding: 4px 0px 4px 0px;
}
.selector .selector-filter label {
    display: none;
}
.selector select {
    height: 17.2em;
    width: 100%; /* fix offscreen scroll-bar on selector-chosen */
    border: 1px #ccc solid;
}
.selector .selector-chosen select {
    border-top: 0;
}
/* fix offscreen scroll-bar on selector-chosen */
.selector-available, .selector-chosen {
    width: 47%;
}
/* selector object list */
.selector > .selector-available > select, .selector > .selector-chosen > select {
    font-size: 12px;
    color: #666;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px 0px 4px 4px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
/* selector object list items */
.selector > .selector-available > select > option, .selector > .selector-chosen > select > option {
    padding: 6px;
    border-bottom-width: 1px;
    border-bottom-color: rgba(211, 211, 211, 0.35);
    border-bottom-style: solid
}
/* selector field title */
.selector > .selector-available > h2, .selector > .selector-chosen > h2 {
    text-align: left;
    background: rgba(211, 211, 211, 0.2);
    color: #777;
    border: 1px solid #ccc;
    border-bottom: none;
    font-size: 100%;
    font-weight: 600;
    margin: 0px;
    padding: 10px 0px 6px 10px;
    height: 36px;
    border-radius: 4px 4px 0px 0px;
}
/* selector filter box bootstrapping */
.selector .selector-available input {
    width: 80%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #777;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.selector .selector-available p {
    background: rgba(211, 211, 211, 0.2);
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 0px 0px 7px 6px;
}
/* selector chooseall and clearall button spacing */
a.selector-chooseall {
    padding: 0px 20px 3px 0;
}
a.selector-clearall {
    padding: 0px 0 3px 20px;
}

.checkbox{
    padding-bottom: 5px;
}
.checkbox label {
    margin-bottom: -20px;
}
.checkbox .help-block {
    margin-top: 0;
}

fieldset.collapse {
    height: inherit;
}
.add-row {
    margin-bottom: 20px;
}
legend a:hover {
    text-decoration: none;
}

.wide label {
    width: auto !important;
}


/* change_list actions */
.actions {
    display: inline-block;
}
.actions select {
    margin-top: 5px;
    display: inherit;
    width: inherit;
}
.action-counter {
    margin-left: 5px;
    vertical-align: sub;
}

/* change_list table display */
th.action-checkbox-column {
    width: 1.5em;
    text-align:center;
}

td.action-checkbox {
    text-align:center;
}

.tooltip.in {opacity: 1} /* Hard to see against black text otherwise */

#_changelist {clear: both;}

.scrollable-dropdown-menu {
    overflow-x: hidden;
    max-height: 322px;
}

.scrollable-dropdown-menu li form a {
    clear: both;
    color: #333;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}

#content-main {
    clear: both;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: left;
    display: table;
  }
}
@media (min-width: 970px) {
  .form-horizontal .control-label {
    text-align: right;
    display: table;
  }
}

/* bootstrap 3.2 change */
.checkbox input[type="checkbox"] {
    position: static;
    float: left;
    margin-left: 0px;
    margin-right: 5px;
}

/* admin/css/forms.css makes labels too small */
.control-label label {
    font-size: 14px;
}

@media (min-width: 768px) {
    .navbar-nav.navbar-right:last-child {
        margin-right: 0px;
    }
}

#content-navbar-collapse .btn-primary {
    color: #fff;
    padding: 6px 12px;
    margin-top: 8px;
}

#content-navbar-collapse .btn-primary:hover,
#content-navbar-collapse .btn-primary:focus {
    background-color: #265a88;
}

.form-control-inline {
    width: auto;
    display: inline;
}

.spacer {
    margin-bottom: 20px;
    clear: both;
}

/* FILE UPLOAD WIDGET*/
p.file-upload {
    line-height: 29px;
    margin: 1;
    padding: 2px 0px 10px 0px;
    color: #666;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
}
p.file-upload > input[type="file"] {
    display: inline;
    margin-left: 5px;
}

.pagination .this-page {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.hijacked-warning {
  background-size: 50px 50px;
  background-color: #ffe761;
  color: #000;
  background-image: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, .04) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .04) 50%, rgba(0, 0, 0, .04) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(0, 0, 0, .04) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .04) 50%, rgba(0, 0, 0, .04) 75%, transparent 75%, transparent);
  background-image: linear-gradient(135deg, rgba(0, 0, 0, .04) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .04) 50%, rgba(0, 0, 0, .04) 75%, transparent 75%, transparent);
}

.hijacked-warning-default {
  z-index: 1000000;
  font-weight: 600;
  text-align: center;
  position:fixed;
  min-height: 50px;
  height: auto;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 5px 7px;
  border-bottom: 2px solid #ae9e49;
  font-size: 12px;
  font-family: sans-serif;
}
#hijacked-warning-wrapper::after {
    height: 50px;
    content: "";
    display: block;
}

.hijacked-warning-bootstrap {
  margin-bottom:0;
}

.django-hijack-button-default {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding:3px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.django-hijack-button-default:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.django-hijack-button-default:active {
	position:relative;
	top:1px;
}

.hijacked-warning-controls-pull-right {
	float: right;
	margin-right: 15px;
}

.hijacked-warning-controls,
.hijacked-warning-controls form {
	display: inline;
}


body {
    padding-top: 0px !important;
    font-family: 'Open Sans', sans-serif !important;
}

.sidebar {
    width: 200px;
    overflow: hidden;
    transition: left .2s ease-out;
    position: fixed;
    left: -200px;
    top: 51px;
    bottom: 0px;
    z-index: 9999;
    border: none;
    border-radius: 0px;
    border-right: 1px solid lightgrey;
}

.sidebar.open {
    box-shadow: 3px 0px 11px 0px rgba(113, 113, 113, 0.81);
    background-color: white;
    left: 0px;
}

.sidebar-inner {
    height: 100%;
    overflow-y: auto;
}

.sidebar-inner div {
    border-bottom: 1px solid lightgrey;
}

.sidebar-inner div.section {
    position: relative;
    background-color: white;
}

.sidebar-inner div.section > div,
.sidebar-inner div.section > a {
    padding-left: 70px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.sidebar-inner div.section > div.title {
    padding-top: 15px;
    padding-bottom: 15px;
}

.sidebar-inner div.section > .link {
    display: block;
    background-color: #EDEDED;
    cursor: pointer;
}

.sidebar-inner div.section > .link:hover,
.sidebar-inner div.section > .link.active {
    background-color: #E0E0E0;
    padding-right: 15px;
}

.sidebar-inner div.section > .link:hover::after,
.sidebar-inner div.section > .link.active::after {
    position: absolute;
    right: 10px;
    font-weight: 400;
    content: ">";
    color: mediumpurple;
}

.sidebar-inner div.section > div.title > img {
    position: absolute;
    left: 10px;
    top: 4px;
    border: 2px solid lightgrey;
    border-radius: 30px;
    padding: 3px;
}

.sidebar-inner div.section:hover > div.title > img,
.sidebar-inner div.section > div.title.active > img {
    border: 2px solid mediumpurple;
}

li span.this-page {
    background-color: rgb(248,248,248);
    font-weight: bold;
}


.list-group-item-squat {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.collapse-div {
    border-radius: 4px;
    padding:7px;
    border:1px solid #317ABA;
    bg-color: #e5e5e5;
    color: #00001a;
    font-weight: 700;
}

.collapse-div:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: grey;
}

.collapse-div.collapsed:after {
    content: "\e080";
}

span.large-glyphicon {
    font-size: 1.5em;
}

/*overrides default bootstrap tooltip*/
.tooltip-on-top { }
.tooltip-inner {
    min-width: 80px;
}

.fixed-panel {
      min-height: 350px;
      max-height: 350px;
      overflow-y: scroll;
}

/* Time picker is too wide by default config. Fix: */
.ui-datepicker th {
    text-align: center;
    max-width: 36px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    padding: 0.04em;
    max-width: 36px;
}

#email_template_help div {
    margin: 10px 20px;
}

#email_template_help table td {
    border: 1px solid;
    padding: 5px 10px;
}

.model-thumbnail,
.sku-thumbnail {
    max-width: 125px;
    max-height: 125px
}

body.caravans-browse-models table.panel-body td {
    padding: 5px;
}


body.caravans-skuimport table tbody tr:hover {
    background-color: #F0F0F0;
}

body.caravans-skuimport div.import-log {
    padding: 5px;
    margin: 20px 0px;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #F0F0F0;
}

body.caravans-skuimport tr.new td {
    background-color: #DDFFDD;
}

body.caravans-skuimport tr.updated td {
    background-color: #DDF2FF;
}

body.caravans-skuimport span.legend {
    font-size: .8em;
}

body.caravans-skuimport div.key-new {
    display: inline-block;
    background-color: #DDFFDD;
    height: 20px;
    width: 20px;
    vertical-align: bottom;
    margin-left: 10px;
}

body.caravans-skuimport div.key-updated {
    display: inline-block;
    background-color: #DDF2FF;
    height: 20px;
    width: 20px;
    vertical-align: bottom;
    margin-left: 10px;
}

body.caravans-skuimport th.currency,
body.caravans-skuimport td.currency {
    text-align: right;
}

body.newage-home img.item-thumbnail {
    width: 40px;
}

#todo-items th {
    border-bottom: 1px solid lightgrey;
}

#todo-items tr.even {
    background-color: #eeeeee;
}

/* TODO: Can this be used for panel-group generally? */
.newage-generic-filter .panel-group {
    border-radius: 4px;
    border: 1px solid #ccc;
    padding:7px;
    margin-bottom: 1em;
}

.newage-generic-filter .panel-heading a {
    border-radius: 4px;
    border: 1px solid #ccc;
    padding:7px;
    background-color: #eee;
    color: #00001a;
    font-weight: 700;
    display: block;
    /*text-decoration: none;*/
}

.newage-generic-filter .panel-heading a:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: grey;
}

.newage-generic-filter .panel-heading a.collapsed:after {
    content: "\e080";
}


span.required {
    color: red;
}

span.record-count {
    margin-right: 20px;
}

div.panel-primary {
    border: none;
}

div.collapse-div {
    border: 1px solid lightgrey;
}

button.btn-newage, a.btn-newage {
    color: white;
    background-color: red;
}

div.top-margin-10 {
    margin-top: 10px;
}

a.record-link {
    color: cornflowerblue;
}

div.crm-tabs {
    margin-top: 2px;
    padding-left: 20px;
}

.img-thumbnail-manager {
    max-height: 124px !important;
    margin-bottom: 0px;
    cursor: pointer;
    line-height:110px !important;
}

.img-thumbnail-manager img {
    max-height:112px;
    min-width:150px;
    max-width:150px;
}

.photo-section-heading:before {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: left;
    color: grey;
    padding-right: 4px;
}

.photo-section-heading.collapsed:before {
    content: "\e080";
}