body {
}
.toolbar {
  background-color:#fff;
  border-color: #9EBBE3;
}

.toolbar .breadcrumb {
  background:#fff;
  margin:0;
  padding:0;
}
.toolbar .breadcrumb>li+li:before {
  content: "\f105";
  font-family: FontAwesome;
}
.toolbar .breadcrumb a {
  color:rgba(237,133,45, 0.8);
}
.toolbar .breadcrumb > .active
{
  color:rgba(237,133,45, 1);
}

.toolbar .btn-primary {
  padding-left:20px;
  padding-right:20px;
}

.btn-primary {
  background-color: #F5841F;
  border-color: #EA7D1E;
}
.btn-primary:hover {
  background-color: #EA7D1E;
  border-color: #DA751D;
}

/* Toggle Styles */

#wrap, .toolbar {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrap.toggled {
  padding-left: 250px;
}

.toolbar {
  margin-left: 250px;
}
#wrap.toggled .toolbar {
  margin-left: 0;
}

#sidebar {
  z-index: 1000;
  position: fixed;
  left: 250px;
  width: 0;
  height: 100%;
  margin-left: -250px;
  overflow-y: auto;
  background: #9EBBE3;
  background: linear-gradient(to right, #9EBBE3 0, #C8DDFA 100%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#sidebar:after {
  background: linear-gradient(to bottom, #FFA534 0%, rgba(236, 22, 87, 0.7) 100%);
}

#wrap.toggled #sidebar {
  width: 250px;
}

#main {
  width: 100%;
  position: absolute;
  padding: 15px;
}

#wrap.toggled #main {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */
.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size:14px;
}

.sidebar-nav li a:hover {
  color: rgba(56,79,134,0.4);
}
.sidebar-nav li.active a {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav li a .fa {
  width:40px;
}

.sidebar-nav > .sidebar-brand {
  padding-top:16px;
  padding-bottom: 10px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

#sidebar-toggle {
  display: block;
  position:fixed;
  bottom:0;
  color:#777;
  padding:4px 10px;
}

@media(min-width:768px) {
  #wrap {
      padding-left: 250px;
  }

  #wrap.toggled {
      padding-left: 0;
  }

  #sidebar {
      width: 250px;
  }

  #wrap.toggled #sidebar {
      width: 0;
  }

  #main {
      padding: 20px;
      position: relative;
  }

  #wrap.toggled #main {
      position: relative;
      margin-right: 0;
  }

  .modal-xl {
    width:90%;
    max-width: 1170px;
  }
}

#modal {
  z-index: 1150;
}
#modal .modal-dialog {
  margin-top:60px;
}
.modal-backdrop + .modal-backdrop {
  z-index: 1140;
}

#itemModal {
  z-index: 1200;
}
#itemModal .modal-dialog {
  margin-top:120px;
}
.modal-backdrop + .modal-backdrop + .modal-backdrop {
  z-index: 1190;
}

.modal .toolbar {
  margin-left: 0;
  border-radius: 4px 4px 0 0;
  border-width: 0 0 1px 0;
  margin-bottom: 0;
}
#big-modal .modal-body {
  overflow: auto;
  margin-bottom: 5px;
}
.modal .close {
  position: absolute;
  top: -10px;
  right: -10px;
  border-radius: 50%;
  padding: 4px;
  width: 34px;
  font-size: 32px;
  line-height: 24px;
  opacity:1;
  background:#9EBBE3;
  color:#fff;

  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;

  -webkit-transition-property: -webkit-transform;
  transition-property: transform;

  overflow:hidden;
}
.modal .close:hover {
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -o-transform:rotate(360deg);
  transform:rotate(360deg);
}

textarea.form-control {
  height:120px;
}
textarea.tinymce {
  height:600px;
}
textarea.tinymce-mini {
}

.panel-title a {
  display: block;
}
.panel-title a:hover, .panel-title a:focus  {
  text-decoration: none;
}
.panel-title a .fa-caret-right {
  width:16px;
}
.panel-title a .fa-caret-right:before {
  content: '\f0d7';
}
.panel-title a.collapsed .fa-caret-right:before {
  content: '\f0da' !important;
}

.draggable {
  position:relative;
  padding-right:50px;
}
.draggable .handle {
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  width:40px;
  font:normal normal normal 14px/1 FontAwesome;
  text-align: center;
}
.draggable .handle:hover {
  background-color:#F5841F;
  background-image:none;
  color:#fff;
}
.draggable .handle:before,
.draggable .handle:after {
  content:"\f142";
  margin-left:-.2em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.draggable .handle:after {
  margin-left:.2em;
}

.list-btns {
  margin-top:-2px;
}
.panel-btns {
  margin-top:-6px;
}
.list-btns .btn,
.panel-btns .btn {
  padding:3px 8px;
}
.edit-icon {
  color:#F5841F;
  width:36px;
  text-align:center;
  font-size:18px;
}
.fa-handle:before,
.fa-handle:after {
  content:"\f142";
  margin-left:.1em;
  margin-right:.1em;
}

.gallery-thumbnail {
  background:no-repeat center;
  background-size:contain;
  height:150px;
}

.data-table .table-hover>tbody>tr:hover {
  background-color:#C7DCF9;
  color:#fff;
  cursor:pointer;
}