/* compiled by scssphp v0.6.6 on Sat, 12 Jul 2025 16:17:39 +0000 (0.0235s) */

.glyphicon-log-out:before {
  content: "\1F6AA"; }

.glyphicon-state:before {
  content: "\1F441"; }

.btn .glyphicon {
  margin: 0 0.5em -2em 0; }

.logo-button .glyphicon {
  margin: 0; }

.barSpinner {
  margin: 0 auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px; }

.barSpinner > div {
  background-color: #337ab7;
  height: 100%;
  width: 6px;
  display: inline-block;
  margin: 0 3px 0 0;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out; }

.barSpinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.barSpinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

.barSpinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.barSpinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4); }

  20% {
    -webkit-transform: scaleY(1); } }

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4); }

  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1); } }

.spinner {
  width: 40px;
  height: 40px;
  background-color: #333;
  margin: 0px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out; }

@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px); }

  50% {
    -webkit-transform: perspective(120px) rotateY(180deg); }

  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } }

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
/* Sticky footer styles
 -------------------------------------------------- */
/*
 html {
 position: relative;
 min-height: 100%;
 }
 body {
 /* Margin bottom by footer height *
 margin-bottom: 40px;
 }
 */
.transparent {
  opacity: 0.2; }

.login-panel {
  margin-top: 15%; }
  .login-panel .form-group {
    margin-right: 0;
    margin-left: 0; }
  .login-panel .alert {
    text-align: center; }
  /*
   #page-header {
   margin: 0 0 10px 0;
   position: relative;
   border-bottom: 1px solid #777;
   background-color: #f5f5f5;
   h1 {
   margin: 0;
   padding: 10px;
   }
   .button-logout {
   position: absolute;
   margin: 10px;
   right: 0;
   top: 0;
   }
   }
   */

#page-footer .container {
  text-align: center;
  padding: 13px; }

#super-admin .tight {
  width: 20px;
  font-size: 24px; }
  #super-admin .progress {
    margin-bottom: 0;
    margin-top: 6px;
    margin-left: 10px; }
  #super-admin table.list {
    width: 100%;
    padding: 0;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
    /* disable border placeholder when dragging */
    /*
     tr:hover {
     background: #eeeeee;
     }
     */ }
    #super-admin table.list th {
      background: #444;
      color: white; }
    #super-admin table.list td, #super-admin table.list th {
      vertical-align: top; }
    #super-admin table.list .ui-sortable-placeholder td {
      border: 0; }
    #super-admin table.list .ui-sortable-helper td {
      background: white; }
    #super-admin table.list tr.dragging {
      background: #eee; }
    #super-admin table.list tr.dragging td {
      border-bottom: 1px transparent; }
    #super-admin table.list td[class*=list-button] {
      width: 1%;
      white-space: nowrap;
      padding: 4px 2px; }
    #super-admin table.list td[class*=list-button] a {
      text-decoration: none; }
    #super-admin table.list td.list-button-sort * {
      cursor: move; }
    #super-admin table.list td.list-button-state a:not(:first-child) {
      /* hide the button with css, show the correct button with javascript */
      display: none; }
  #super-admin .item-edit .field-type-image .input-content, #super-admin .item-edit .field-type-image .input-content {
    padding-top: 10px; }
    #super-admin .item-edit .field-type-image img, #super-admin .item-edit .field-type-image img {
      max-height: 500px;
      max-width: 500px;
      /*
       display: inline-block;
       padding: 3px;
       border: 1px solid #E3DFD4;
       box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.21);
       */ }
  #super-admin table.list .list-images .img-thumbnail, #super-admin .item-edit .list-images .img-thumbnail {
    width: 212px;
    margin: 0 5px 5px 0;
    text-align: center;
    overflow: hidden;
    word-break: break-all;
    position: relative; }
    #super-admin table.list .list-images .img-thumbnail .button-delete-file, #super-admin .item-edit .list-images .img-thumbnail .button-delete-file {
      position: absolute;
      top: 0;
      right: 0;
      margin: 2px;
      padding: 1px 5px;
      display: none; }
    #super-admin table.list .list-images .img-thumbnail:hover .button-delete-file, #super-admin .item-edit .list-images .img-thumbnail:hover .button-delete-file {
      display: block; }
    #super-admin table.list .list-files > div .button-delete-file, #super-admin .item-edit .list-files > div .button-delete-file {
      padding: 1px 5px;
      margin-left: 10px;
      display: none; }
    #super-admin table.list .list-files > div:hover .button-delete-file, #super-admin .item-edit .list-files > div:hover .button-delete-file {
      display: inline-block; }
  body.dragging .field-type-images, body.dragging .field-type-files {
    border: 1px dotted blue;
    padding: -1px;
    background: #f2fefe; }
    body.dragging .field-type-images > *, body.dragging .field-type-files > * {
      opacity: 0.4; }
    body.dragging .field-type-images.dragging, body.dragging .field-type-files.dragging {
      background: lightblue; }
/* === card component ====== 
 * Variation of the panel component
 * version 2018.10.30
 * https://codepen.io/jstneg/pen/EVKYZj
 */
.state0 {
  background-color: #dd4b39 !important;
  color: white; }

.state0 a {
  color: white !important; }

.state0 .card-header {
  background-color: #c44433 !important; }

.state1 {
  background-color: #ff851b !important;
  color: white; }

.state1 a {
  color: white !important; }

.state1 .card-header {
  background-color: #e57919 !important; }

.state2 {
  background-color: #00a65a !important;
  color: white; }

.state2 a {
  color: white !important; }

.state2 .card-header {
  background-color: #008c4c !important; }

.card-dark {
  background-color: #ffe398 !important; }

.card {
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 20px;
  font-size: 16px; }

.card-footer {
  font-size: 13px; }

.card > .card-link {
  color: #333; }

.card > .card-link:hover {
  text-decoration: none; }

.card .card-img {
  position: relative;
  padding: 0;
  display: table; }

.card .card-img .card-caption {
  position: absolute;
  right: 0;
  bottom: 16px;
  left: 0; }

.card .card-body {
  display: table;
  width: 100%;
  padding: 12px; }

.card .card-header {
  border-radius: 0px 0px 0 0;
  padding: 8px; }

.card .card-footer {
  border-radius: 0 0 6px 6px;
  padding: 8px; }

.card .card-left {
  position: relative;
  float: left;
  padding: 0 0 8px 0; }

.card .card-right {
  position: relative;
  float: left;
  padding: 8px 0 0 0; }

.card .card-body h1:first-child, .card .card-body h2:first-child, .card .card-body h3:first-child, .card .card-body h4:first-child, .card .card-body .h1, .card .card-body .h2, .card .card-body .h3, .card .card-body .h4 {
  margin-top: 0; }

.card .card-body .heading {
  display: block; }

.card .card-body .heading:last-child {
  margin-bottom: 0; }

.card .card-body .lead {
  text-align: center; }

@media (min-width: 768px) {
  .card .card-left {
    float: left;
    padding: 0 8px 0 0; }

  .card .card-right {
    float: left;
    padding: 0 0 0 8px; }

  .card .card-4-8 .card-left {
    width: 33.33333%; }

  .card .card-4-8 .card-right {
    width: 66.66667%; }

  .card .card-5-7 .card-left {
    width: 41.66667%; }

  .card .card-5-7 .card-right {
    width: 58.33333%; }

  .card .card-6-6 .card-left {
    width: 50%; }

  .card .card-6-6 .card-right {
    width: 50%; }

  .card .card-7-5 .card-left {
    width: 58.33333%; }

  .card .card-7-5 .card-right {
    width: 41.66667%; }

  .card .card-8-4 .card-left {
    width: 66.66667%; }

  .card .card-8-4 .card-right {
    width: 33.33333%; } }
/* -- default theme ------ */
.card-default {
  border-color: #ddd;
  background-color: #fff;
  margin-bottom: 24px; }

.card-default > .card-header, .card-default > .card-footer {
  color: #333;
  background-color: #ddd; }

.card-default > .card-header {
  border-bottom: 1px solid #ddd;
  padding: 8px; }

.card-default > .card-footer {
  border-top: 1px solid #ddd;
  padding: 8px; }

.card-default > .card-img:first-child img {
  border-radius: 0px 0px 0 0; }

.card-default > .card-left {
  padding-right: 4px; }

.card-default > .card-right {
  padding-left: 4px; }

.card-default p:last-child {
  margin-bottom: 0; }

.card-default .card-caption {
  color: #fff;
  text-align: center;
  text-transform: uppercase; }
/* -- price theme ------ */
.card-price {
  border-color: #999;
  background-color: #ededed;
  margin-bottom: 24px; }

.card-price > .card-heading, .card-price > .card-footer {
  color: #333;
  background-color: #fdfdfd; }

.card-price > .card-heading {
  border-bottom: 1px solid #ddd;
  padding: 8px; }

.card-price > .card-footer {
  border-top: 1px solid #ddd;
  padding: 8px; }

.card-price > .card-img:first-child img {
  border-radius: 3px 3px 0 0; }

.card-price > .card-left {
  padding-right: 4px; }

.card-price > .card-right {
  padding-left: 4px; }

.card-price .card-caption {
  color: #fff;
  text-align: center;
  text-transform: uppercase; }

.card-price p:last-child {
  margin-bottom: 0; }

.card-price .price {
  text-align: center;
  color: #337ab7;
  font-size: 3em;
  text-transform: uppercase;
  line-height: 0.7em;
  margin: 24px 0 16px; }

.card-price .price small {
  font-size: 0.4em;
  color: #66a5da; }

.card-price .details {
  list-style: none;
  margin-bottom: 24px;
  padding: 0 18px; }

.card-price .details li {
  text-align: center;
  margin-bottom: 8px; }

.card-price .buy-now {
  text-transform: uppercase; }

.card-price table .price {
  font-size: 1.2em;
  font-weight: 700;
  text-align: left; }

.card-price table .note {
  color: #666;
  font-size: 0.8em; }
/* compiled by scssphp v0.6.6 on Sat, 12 Jul 2025 16:17:39 +0000 (0.0014s) */

.btn-success {
  background-color: #e52d17 !important;
  color: white !important;
  border-color: #bc2814 !important; }

.btn-success:hover {
  background-color: #bc2814 !important; }

#page-content {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.card {
  font-size: 14px; }

.is-not-logged-in .sidebar-toggle {
  display: none; }
  .is-not-logged-in .content-wrapper {
    margin-left: 0 !important; }

@media (max-width: 767px) {
  .is-logged-in .main-header .logo {
    display: none; }

  .main-sidebar {
    padding-top: 45px; }

  .content {
    padding: 5px; } }

.table-hover > tbody > tr:hover {
  background: #ddd; }

input::placeholder {
  color: #ccc !important; }