/* Login screen */
html.bg-login {
    background: url(/assets/cms/img/backgrounds/doughnuts.jpg) no-repeat;
    background-size: cover;
}

body.bg-login {
    background: none;
}

/* Hide Datatables search box */

/* Transformation labels */
label.mode-crop {
    background: url(/assets/cms/img/transformations/crop.jpg) no-repeat;
    width: 115px;
    height: 5px;
    padding-top: 90px;
    padding-left: 30px;
    margin-right: 20px;
    cursor: pointer;
}

label.mode-fit {
    background: url(/assets/cms/img/transformations/fit.jpg) no-repeat;
    width: 115px;
    height: 5px;
    padding-top: 90px;
    padding-left: 40px;
    margin-right: 20px;
    cursor: pointer;
}

label.mode-stretch {
    background: url(/assets/cms/img/transformations/stretch.jpg) no-repeat;
    width: 125px;
    height: 5px;
    padding-top: 90px;
    padding-left: 25px;
    margin-right: 20px;
    cursor: pointer;
}

/* Ensure pop-up confirmations are wide enough */
.popover {
    min-width: 171px;
}

/* Breadcrumb for nav headers */
.nav.nav-pills.nav-stacked > li.breadcrumb-header > a
{
    text-transform: none;
    display: inline;
    padding: 0;
    color: #3c8dbc;
}

.nav>li.breadcrumb-header>a:hover, .nav>li.breadcrumb-header>a:focus
{
    background-color: transparent;
    text-decoration: underline;
}

.nav.nav-pills.nav-stacked > li > a.parent-folder {
    color: #aaa;
}

/* Datepicker in modals */
.datepicker {
    z-index:1151 !important;
}

/* Fine Uploader Button */
.qq-upload-button {
    background-color: #00a65a;
    border-color: #008d4c;
}

.qq-upload-button:hover {
    background-color: #008d4c;
}

/* Sortable images */
.edit-thumbnails {
    background: #d7eaff;
    border: 1px solid #aac8eb;
    margin-top: 10px;
}

.edit-thumbnails .sortable img {
    width: 148px;
    height: 148px;
    border: 1px solid #666;
    margin: 10px;
    cursor: move;
}

.edit-thumbnails .sortable .sortable-placeholder {
    width: 148px;
    margin: 10px;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    border: 1px dashed #666;
}

.edit-thumbnails .remove {
    display: none;
    position: absolute;
    width: 148px;
    height: 25px;
    background-color: #f56954;
    border-color: #f4543c;
    color: #fff;
    border: 0;
}

.edit-thumbnails .remove:hover {
    background-color: #f4543c;
}

/* Sortable files */
.edit-files {
    background: #d7eaff;
    border: 1px solid #aac8eb;
    margin-top: 10px;
}

.edit-files .sortable a {
    display: block;
    background: #fff;
    border: 1px solid #666;
    padding: 10px 20px;
    margin: 10px;
    cursor: move;
    height: 40px;
}

.edit-files .sortable .sortable-placeholder {
    width: 100%x;
    height: 40px;
    margin: 10px;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    border: 1px dashed #666;
}

.edit-files .remove {
    display: none;
    position: absolute;
    width: 80px;
    height: 38px;
    background-color: #f56954;
    border-color: #f4543c;
    color: #fff;
    border: 0;
}

.edit-files .remove:hover {
    background-color: #f4543c;
}

/* editing attribute groups */
.group-lnk .edit-btn {
    display: none;
}

.group-lnk:hover .edit-btn {
    display: block;
    float: right;
}


/* Rows within Table Responsive */

.table-responsive .row {
    margin-right: -10px;
}

/* Z-index'ing fixes */

body > .header {
    z-index: 1027;
}

.modal-backdrop {
    z-index: 1028;
}

.modal {
    z-index: 1029;
}

[data-action="collapse"] {
    display: none;
}

.wrapper { float: left; width:100%; }

#helpBox {
    float: left;
    position: relative;
    width: 0px;
    background: #f4f4f4;
    z-index: 99999;
    padding-top: 2em;
    overflow-x: hidden;
    overflow-y: scroll;
}

#helpBox .close {
    position: absolute;
    top: 2em;
    right: 2em;
}

.indicate {
    font-style: italic;
    font-weight: bold;
    color: #3c8dbc;
    cursor: pointer;
}

.box .box-header a.btn-success {
    color: #fff;
}

/* Preview Pane CSS */

#previewPane .banner {
  position: relative;
  overflow: auto;
}
#previewPane .banner .cycle-slideshow {
  background: url(../img/banner/bg.jpg) no-repeat;
  height: 400px;
}
#previewPane .banner .cycle-slideshow .slide {
  padding: 40px 20px;
  width: 100%;
}
#previewPane .banner .cycle-slideshow .slide .img {
  width: 45%;
  text-align: right;
  float: left;
}
#previewPane .banner .cycle-slideshow .slide .txt {
  float: right;
  width: 45%;
}
#previewPane .banner .cycle-slideshow .slide .txt .title {
  color: white;
  text-transform: uppecase;
  display: block;
  margin-bottom: 20px;
  font-size: 1.6em;
  line-height: 1.2em;
  margin-top: 40px;
}
#previewPane .banner .pager {
  position: absolute;
  height: 30px;
  width: 200px;
  text-align: center;
  bottom: 0;
  left: 50%;
  margin-left: -100px;
  z-index: 99;
}
#previewPane .banner .pager span {
  display: inline-block;
  margin: 0 10px;
  cursor: pointer;
  color: white;
  font-size: 30px;
}
#previewPane .banner .pager span:hover,
#previewPane .banner .pager span:active,
#previewPane .banner .pager span.cycle-pager-active {
  color: #009f8e;
}

/* Banner Area CMS */

.banner-item hr {
  margin-top: 20px;
  margin-bottom: 10px;
}

.banner-item .well {
  margin-bottom: 0;
}

#new-banner-wrapper .checkbox, #banners-list .checkbox {
  margin-top: 0;
  margin-right: 15px;
}

#new-banner-wrapper .checkbox label, #banners-list .checkbox label {
  font-weight: 700;
}

#new-banner-wrapper .checkbox input[type=checkbox], #banners-list .checkbox input[type=checkbox] {
  right: 0;
}

#new-banner-wrapper .banner-active , #banners-list .banner-active {
  display: block;
  width: auto;
  height: 20px;
}

#new-banner-wrapper .margin , #banners-list .margin {
  margin-right: 0;
}

#new-banner-wrapper .banner-holder .btn-position , #banners-list  .banner-holder .btn-position {
  display: block;
  margin-top: 15px;
  text-align: right;
}

#new-banner-wrapper .banner-holder .btn-position div, #banners-list  .banner-holder .btn-position div {
  display: inline-block;
}

#new-banner-wrapper .banner-holder img, #banners-list  .banner-holder img {
  width: 100% !important;
}

#new-banner-wrapper .banner-holder img {
  height: 250px !important;
}

.well {
  border: 1px solid #e3e3e3;
  border-radius: 0px;
}

.alert {
  border-radius: 0;
  margin-left: 0;
}

.btn-white {
  color: #fff !important;
}

/* Category Tree */

span.fancytree-node span.fancytree-title em {
  color: #666;
  font-size: 85%;
}

span.fancytree-node span.fancytree-title button,
span.fancytree-node span.fancytree-title a {
  display: none;
}

span.fancytree-node:hover span.fancytree-title button,
span.fancytree-node:hover span.fancytree-title a {
  display: inline-block;
}

.fancytree-node.fancytree-inactive {
  background: #f7f7f7;
}

.fancytree-node.fancytree-inactive span.fancytree-icon {
  background-position: -16px -16px;
}

.fancytree-node.fancytree-inactive .tree-node-title {
  color: #999;
}

.fancytree-node.fancytree-inactive .fancytree-title em {
  color: #888;
}

ul.fancytree-container {
  padding: 10px;
  border: 0;
  outline: 0;
}

.fancytree-node .fancytree-title {
  padding: 3px 6px;
  line-height: 22px;
}

.fancytree-node .fancytree-title .btn {
  margin-left: 10px;
}

.fancytree-node .fancytree-icon, .fancytree-node .fancytree-expander {
  margin-top: 7px;
}

#permissionsContainer .permission-inputs label {
  display:block;
}