@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

:root {
  --blackOwn2: #1d222d;
  --blackOwn: #212737;
  --greylightOwn2: #f5f7fa;
  --greylightOwn: #F9FAFC;

  --primarylight3: #f8fdff;
  --primarylight2: #f0faff;
  --primarylight: #9ae6ff;
  --primarymed: #47d1ff;
  --primary: #00b5ef;
  --primary2: #0297c7;
  --primarydark: #037ab1;
  --primarygrad: linear-gradient(90deg, var(--primary) 40%, var(--primarylight) 140%);
  --primarygradInv: linear-gradient(30deg, var(--primary) 40%, var(--primarylight2) 140%);
  --secondarylight3: #ffeef1;
  --secondarylight2: #ffccd5;
  --secondarylight: #fc6f86;
  --secondarysoft: #ff617a;
  --secondary: #e6405d;
  --secondarydark: #d82241;
  --secondarygrad: linear-gradient(45deg, var(--secondary) 20%, var(--secondarylight) 110%);
  --yellowlight: #fff7d1;
  --yellow2: #ffeba7;
  --yellow: #ffe078;
  --yellowdark: #ffd64d;
  --yellowdark2: #ecb600;
  --yellowgrad: linear-gradient(90deg, var(--yellow) 0%, var(--yellowlight) 30%);
  --yellowgradInv: linear-gradient(90deg, #FFFBE8 20%, hsl(46deg 100% 84%) 100%);
  --yellowgradInvLight: linear-gradient(90deg, #FFFBE8 20%, hsl(46deg 100% 91%) 100%);
  --yellowgradTop: linear-gradient(180deg, #fffae0 20%, hsl(46deg 100% 84%) 100%);
  --yellowgradMini: linear-gradient(45deg, var(--yellow2) 0%, #fff 40%);

  --error: #ea3434;
  --errorlight: #fd7474;
  --errorlight3: #fff4f4;

  --light: #fafafa;
  --greylight: #f1f1f1;
  --greylight2: #e6e6e6;
  --greylight2-5: #cacaca;
  --greylight3: #9c9c9c;
  --greymedium: #8c8c8c;
  --grey: #777777;
  --greymedium2: #646464;
  --greydark: #4b4b4b;
  --dark: #313131;
  --dark2: #212121;
  --dark3: #121212;
  --green: #39c680;
  --greendark: hsla(150, 45%, 45%, 1);
  --greengrad: linear-gradient(45deg, #f4ffe8 0%, #d3ffd3 90%);
  --greengrad2: linear-gradient(45deg, #f1ffdb 0%, #e5fde5 90%);
  /* --bodyf: 'Open Sans', Roboto, Helvetica, Arial, sans-serif; */
  /* --titlef: misfont, Roboto, Helvetica, Arial, sans-serif; */
  --br1: 6px;
  --br2: 10px;
  --br3: 14px;
  --br4: 20px;
  --brfull: 150px;
  --cp: 0 50px; /* content main padding */
  --cpM: 5vw; /* MOBILE content main padding */
  --link: #2559c3;
}




body {
  background-color:#F2F2F2;
  font-family: 'Open Sans', "Roboto", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  min-height: 100vh;
}

.celit-home-nice { font-size: 21px; font-style: italic }

.h4, h4 { font-size: 16px; }
.btn { border-radius: 4px; font-size: 14px }
.btn-primary {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary2);
}
.btn-login {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondarydark);
}
.btn-login:hover {
  color: #fff;
  background-color: var(--secondarydark);
}

.btn-logout {
  font-size: 10px;
}

a { color: var(--link) }

.form-control { font-size: 14px; height:auto; }
.form-group { margin-bottom:8px;position:relative; }
.table-ultra-condensed > thead > tr > th > .th-inner,
.table-ultra-condensed > thead > tr > th,
.table-ultra-condensed > tbody > tr > th,
.table-ultra-condensed > tfoot > tr > th,
.table-ultra-condensed > thead > tr > td,
.table-ultra-condensed > tbody > tr > td,
.table-ultra-condensed > tfoot > tr > td { padding: 2px 5px !important; }
.table>tbody>tr>td:not([valign]), .table>tbody>tr>th:not([valign]), .table>tfoot>tr>td:not([valign]), .table>tfoot>tr>th:not([valign]), .table>thead>tr>td:not([valign]), .table>thead>tr>th:not([valign]) { vertical-align: middle; }

.table>tbody>tr.translucent>td, .table>tbody>tr.translucent>th, .table>tbody>tr>td.translucent, .table>tbody>tr>th.translucent, .table>tfoot>tr.translucent>td, .table>tfoot>tr.translucent>th, .table>tfoot>tr>td.translucent, .table>tfoot>tr>th.translucent, .table>thead>tr.translucent>td, .table>thead>tr.translucent>th, .table>thead>tr>td.translucent, .table>thead>tr>th.translucent {
  background-color:#bbbbbb;opacity:0.5;
}

.form-group > textarea + .glyphicon { position:absolute;right:1rem;top:calc(95% - 2rem);font-size:2rem; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance:textfield;
}
textarea { resize: vertical; border-radius: 6px }

.input-group-btn:first-child > .selectpicker + .bootstrap-select>.dropdown-toggle { border-top-left-radius:4px;border-bottom-left-radius:4px; }
.collapsing.width {
  height: auto;
  -webkit-transition-property: width,visibility;
  -o-transition-property: width,visibility;
  transition-property: width,visibility;
}
.collapsing .fixed-table-body { overflow-x: hidden; }
.table-auto-width .fixed-table-container { border: none !important; }
.table-auto-width .fixed-table-body table { width:auto; }
.bootstrap-select.btn-group .bs-searchbox ~ .dropdown-menu.inner { padding-bottom:20px; }
.form-horizontal .control-select { height:31px; line-height:1.2; padding-top:0 }
.control-dates { display:flex;justify-content:space-between; }
.control-dates > div { width:48%; }
.control-dates input { padding-left: 7px; padding-right: 0 }
.control-label.control-label { text-align: left; padding-right: 0 }
.control-label.col-sm-2 { flex: 0 0 16.666667% }

body:is(.canvas-slid) :is(.celit-nav, .celit-content) { filter: blur(4px) saturate(.5) }

/*
 * Global add-ons
 */
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
.modal .pagination {
  margin: 5px 0;
}
.popover-content { float:left; }
.btn-goals {
  background: var(--blackOwn);
  border-color: var(--blackOwn2);
  order: -1;
  border-radius: var(--br1);
  margin-right: 8px;
}

.search-ean--wrapper {
  flex: 1 1 auto !important;
  width: auto !important;
}

.search-ean--input__wrapper {
  position: relative;
  width: 20%;
  min-width: 180px;
  max-width: 300px;
  height: 34px;
  margin-right: 15px;
}
.search-ean--input__wrapper__mobile {
  position: relative;
  width: 60%;
  min-width: 45%;
  max-width: 300px;
  height: 46px;
  margin-right: 5px;
}
.search-ean--input {
  position: relative;
  width: 100%;
  height: 34px;
  font-size: 14px;
  font-weight: 600;
  background: var(--primarylight2);
  border: 1px solid var(--primarylight);
  border-radius: var(--br1);
  padding-bottom: 1px;
}
.search-ean--input__mobile {
  height: 100%;
  font-size: 13px;
  padding-bottom: 0;
}


.search-ean--input::placeholder {
  color: var(--greydark);
  font-weight: 600;
}
.search-ean--input:hover {
  border-color: var(--primary);
}
.search-ean--input__wrapper__mobile:has(.search-ean--input:focus) {
  width: 100%;
}
.search-ean--input:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 1px var(--primary);
  outline: none;
  background: #fff;
}
.search-ean--input:focus::placeholder {
  color: var(--greylight2);
}

body.search-ean-active .hidden-target { display:none }
body.search-ean-active .search-ean--wrapper__mobile { flex: 1 1 auto !important; width: 100% !important }
body.search-ean-active .search-ean--input__mobile { flex: 1 1 auto !important; width: 100% !important }

input.input-filled ~ .clear-input-results { display: flex }
input ~ .clear-input-results {
  display: flex;
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 7px;
  height: calc(100% - 8px);
  width: auto;
  aspect-ratio: 1/1;
  background: rgb(255 255 255 / 70%);
  border-radius: var(--brfull);
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 1;
}
.is-mobile input ~ .clear-input-results { right: 1px }
input ~ .clear-input-results > svg { width: 12px; height: 12px }


.select--retail-shop__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  padding: 0 2px 0 4px;
  border-radius: var(--br2);
  height: 42px;
  width: 44%;
}
.select--retail-shop__wrapper__desktop {
  width: auto;
  max-width: 150px;
}
.select--retail-shop__wrapper:active {
  background: var(--greylight);
}
.select--retail-shop__wrapper select {
  position: relative;
  padding: 0;
  border: none;
  font-size: 8.5px;
  line-height: 1;
  max-width: 95%;
  text-wrap: balance;
  min-width: 70px;
  width: 100%;
  max-height: 38px;
  outline: none;
  border-radius: var(--br2);
  background: transparent;
}
select.select--retail-shop__desktop {
  font-size: 11px;
  font-weight: 600;
  max-height: 42px;
  min-width: 150px;
  width: 100%;
  & option {
    font-size: 16px;
  }
}

.select--retail-shop__wrapper svg {
  flex: 0 0 18px;
}


/*
 * Top navigation
 * Hide default border to remove 1px line.
 * z-index lower than bootstrap dropdown-menu
 */
.navbar-fixed-top {
  border: 0;
  left:-1px;
  z-index: 999;
  display: flex;
  align-items: center;
}

.navbar {
  background-color:#fff;
  box-shadow: 0 1px 16px -2px rgba(0,0,0,0.1);
  max-width: 100vw;
}

.celit-navbar--container { width: 100%; padding: 0 26px }
.celit-navbar--content { position: relative; display: flex !important; align-items: center; justify-content: space-between }

.navbar-username .btn-logout { padding: 6px 10px; font-size: 12px; width: 100% !important; max-width: unset !important }
.navbar-username { position: relative; display: flex; margin: 0; padding: 5px 6px 5px 12px; font-size: 14px; font-weight: 500; color: var(--primary2); user-select: none; line-height: 1; flex: 0 1 auto; border-radius: var(--br2) }
.navbar-username__mobile { margin-right: 5px; }
.navbar-username__desktop { /*height: 51px*/ }
.navbar-username__desktop:hover { background: var(--greylight) }
.navbar-username:active { background: var(--greylight2) }

.user-icon {
  width: 35px;
  height: auto;
}

.float-menu.is-active { display: flex !important }
.float-menu {
  display: none !important;
  flex-direction: column;
  position: absolute;
  align-items: center;
  justify-content: flex-end;
  background: #fff;
  box-shadow: inset 0 0 0 1px var(--greylight2), 0 5px 10px -2px rgba(0,0,0,0.15);
  top: 100%;
  padding: 12px;
  border-radius: var(--br2);
  min-width: 210px;
  right: 0;
}
.float-menu::before {
  /*content: "";*/
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%) rotateZ(-45deg);
  border-style: solid;
  border-width: 6px 6px 6px 6px;
  border-color: white white transparent transparent;
  z-index: 1;
  pointer-events: none;
  box-shadow: .6px -.6px 0 0 #dddddd, 3px -3px 7px -4px grey;
}
.float-menu-right { right: 0 }
.float-menu-right::before { left: unset; right: 10px; }
.float-menu-left { left: 0 }
.float-menu-left::before { left: 10px; right: unset; }

.menu--fullname {
  position: relative;
  color: var(--primary);
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
  padding: 2px 0;
}
.menu--fullname-small { font-size: 1em }
.menu--username {
  color: var(--greymedium);
  font-size: .67rem;
  padding: 1px 0;
}

.navbar-brand {position: relative;display:flex;align-items: flex-start;justify-content: flex-end;color:#9d9d9d;line-height: 1;width: calc(100% + 40px);left: -20px; height: 50px;user-select: none;padding: 9px 18px;}
.navbar-brand:hover { color:#9d9d9d !important; }
.navbar-brand > .celit-name { font-size: 34px; font-weight: 100; color: #adadad; margin: 0; font-style: italic }
.navbar-brand > .celit-name span {font-weight: 200;font-size: 18px;position: relative;color: var(--primary2);}
.navbar-brand > .buddy-logo {width: 39px;fill: #767676;padding-top: 5px;margin-right: 2px;margin-left: 2px;}

.navbar-admin {background-color:#999;color:#fff;padding:8px;margin: 0 10px 0;font-weight:bold;border-radius: 4px;}
.navbar-admin > a,
.navbar-admin > a:link,
.navbar-admin > a:visited { color:#fff; }

.navbar-alert { color:#a94442;background-color:#f2dede;border:1px solid #ebccd1;border-radius:4px;padding:10px;margin:5px; }
.navbar-alert > a { color:#843534; }

.nav-search input { width:300px !important; }
.nav-search .glyphicon { color:#878787;text-decoration:none; }
.nav-search .input-group-addon { cursor:pointer; }

.navbar-toggle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 0 0 55px;
  width: 55px;
  height: 60px;
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  border: none;
  border-radius: 0;
  float: none;
}

.navbar-toggle .icon-bar {background-color: #6e6e6e;flex: 0 1 2px;width: 26px;border-radius: 0;pointer-events: none;margin: 4px;}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
  background: var(--blackOwn2);
  color: #fff;
}
.celit-navmenu {
  max-width: 80vw;
  scrollbar-width: thin;
}

.navbar-toggle-bar {
  display:none;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  width:12px;
  height:100%;
  background-color:rgba(187,187,187,0.3);
  opacity:0;
  cursor:pointer;
  z-index:1050;
  transition: transform 200ms ease-in-out, opacity 300ms ease-in-out;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 0 20px 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    border-right: 1px solid #eee;
  }

  .expanded-site .sidebar { display:none; }
  .expanded-site .main, .expanded-site .navbar {
    width:100%;
    margin-left:0;
  }
  .expanded-site .main { padding:20px; }

  .navbar-toggle-bar { display:block; }
  .navbar-toggle-bar:hover { opacity:1; }
  .navbar-toggle-bar button { position:relative;top:calc(50% - 18px);left:0;height:36px;width:100%;background:none;border:none;color:transparent;margin:0;padding:0; }
  .navbar-toggle-bar button:before, .navbar-toggle-bar button:after {content:'';background-color:#031F32;width:2px;border-radius:16px;height:8px;position:absolute;left: calc(50% - 3px);opacity:0;transform:rotate(0deg);}
  .navbar-toggle-bar button:before, .navbar-toggle-bar button:after { opacity: 1 }
  .navbar-toggle-bar button:before { top:11px;transform:rotate(40deg); }
  .navbar-toggle-bar button:after { top:16px;transform:rotate(-40deg); }

  .expanded-site .navbar-toggle-bar { left:0; }
  .expanded-site .navbar-toggle-bar button:before { top:11px;transform:rotate(-40deg); }
  .expanded-site .navbar-toggle-bar button:after { top:16px;transform:rotate(40deg); }
}
@media (min-width: 857px) {
  .sidebar { width:21%; }
  .main, .navbar { width:79%; margin-left:21%; }
  .navbar-toggle-bar { left:21%; }
}
@media (min-width: 900px) {
  .sidebar { width:20%; }
  .main, .navbar { width:80%; margin-left:20%; }
  .navbar-toggle-bar { left:20%; }
}
@media (min-width: 950px) {
  .sidebar { width:19%; }
  .main, .navbar { width:81%; margin-left:19%; }
  .navbar-toggle-bar { left:19%; }
}
@media (min-width: 1000px) {
  .sidebar { width:18%; }
  .main, .navbar { width:82%; margin-left:18%; }
  .navbar-toggle-bar { left:18%; }
}
@media (min-width: 1058px) {
  .sidebar { width:17%; }
  .main, .navbar { width:83%; margin-left:17%; }
  .navbar-toggle-bar { left:17%; }
}
@media (min-width: 1125px) {
  .sidebar { width:16%; }
  .main, .navbar { width:84%; margin-left:16%; }
  .navbar-toggle-bar { left:16%; }
}
@media (min-width: 1200px) {
  .sidebar { width:15%; }
  .main, .navbar { width:85%; margin-left:15%; }
  .navbar-toggle-bar { left:15%; }
}
@media (min-width: 1285px) {
  .sidebar { width:14%; }
  .main, .navbar { width:86%; margin-left:14%; }
  .navbar-toggle-bar { left:14%; }
}
@media (min-width: 1384px) {
  .sidebar { width:13%; }
  .main, .navbar { width:87%; margin-left:13%; }
  .navbar-toggle-bar { left:13%; }
}
@media (min-width: 1500px) {
  .sidebar { width:12%; }
  .main, .navbar { width:88%; margin-left:12%; }
  .navbar-toggle-bar { left:12%; }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
  margin-top: 60px;
  user-select: none;
}
.nav-sidebar > li.title {
  font-weight: 500;
  font-size: 14px;
  padding: 8px 5px;
  cursor:pointer;
}

.nav-sidebar > li.title:first-child {
  margin-top: 0;
  border: 0;
}
.nav-sidebar > li.title > .glyphicon {
  font-size:8px;
  top:-1px;
  margin-right:8px;
  cursor:pointer;
  margin-left: 10px;
}
.nav-sidebar > li.title.reports {
  color:#9bf99b;
}

.nav-sidebar > li.section {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400;
  color: var(--primarymed);
  padding-left: 15px;
  cursor: default;
  padding-top: 10px;
  padding-bottom: 2px;
}
.nav-sidebar > li > a { padding:5px 6px }
.nav-sidebar > li:hover > a,
.nav-sidebar > li:focus > a,
.nav-sidebar > li.title:hover:not(.section),
.nav-sidebar > li > a:hover,
.nav-sidebar > li > a:focus { background-color: var(--primarydark3) }
.nav-sidebar > .pestOn > a { border-left: 4px solid var(--primary); background-color: #2b3245; padding-left: 25px !important }
.nav-sidebar > li > a,
.nav-sidebar > li > a:link
.nav-sidebar > li > a:visited { font-size: 16px; color: #fff }
.nav-sidebar > li:active > a { background: var(--primary2) }
.nav-sidebar > li:not(.title) { display: none }
.nav-sidebar > li:not(.title) > a {
  padding: 8px 4px 8px 30px;
  font-size: 13px;
  font-weight: 200;
  line-height: 1.2;
  color: var(--greylight2);
}
.nav-sidebar > li:not(.title) > a:hover { background-color: var(--blackOwn) }

/* Mobile sidebar */
@media (max-width: 768px) {
  .navbar { height: 60px }
  .navbar-username {
    position: relative;
    font-size: 12px;
    line-height: 1;
    display: flex;
    text-align: right;
    align-items: center;
    max-width: 38vw;
    min-height: 46px;
    padding: 5px 6px;
  }
  .celit-navbar--container .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 7px 4px;
    border-radius: var(--br1);
    flex: 1 1 20%;
    max-width: 100px;
    min-height: 46px;
    font-size: 12px;
  }
  .navbar-header {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100vw;
  }
  .navbar-brand {
    position: relative;
    flex: 0 1 auto;
    margin: 0;
    left: unset;
    background: none;
    padding: 9px 5px 9px 0;
    width: 100%;
  }
  .navbar-brand.nologged {
    width: auto;
    padding: 10px
  }

  .sidebar {
    display:none;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    z-index:1000;
    padding:0 20px 20px;
    overflow-x:hidden;
    overflow-y:auto; /* Scrollable contents if viewport is shorter than content. */
    border-right:1px solid #eee;
  }
  .sidebar.in {
    display:block;
  }

  .celit-navbar--container { width: 100%; padding: 0 0 }
  .celit-navbar--container > .celit-navbar--content { display: none !important }
}

/*
 * Main content
 */

.main { padding: 10px; margin-top: 58px; min-height: 90vh }
@media (min-width: 768px) {
  .main { padding-right: 40px; padding-left: 40px }
  .main .page-header { font-size: 18px }
}
.main h3.page-header { font-size: 2.4em; color: var(--blackOwn); margin-bottom: 1em }
.main .page-header { margin: 0 0 10px 0; color: var(--primary); font-size: 23px }
.page-header .help-block { font-size:12px; margin:5px 0 }

.nomargin { margin:0 !important; }
.nopadding { padding:0 !important; }
.noborder { border:0 !important;border-radius:0; }
.pos-absolute { position:absolute; }
.pos-absolute.pull-right { right:0; }
.pos-absolute.pull-left { left:0; }
.font-bold { font-weight:bold; }

.seemore.collapsed .glyphicon:before { content:"\e114"; }
.seemore .glyphicon:before { content:"\e113"; }

input[type="text"]+.glyphicon { position:absolute;right:20px;top:10px; }
.panel-body .glyphicon-refresh { font-size:5vw;text-align:center;width:100%; }

.glyphicon-refresh.glyphicon-refresh-animate {
  animation: spin .7s infinite linear;
  -moz-animation: spin .7s infinite linear;
  -webkit-animation: spin .7s infinite linear;
}

@keyframes spin { from { transform: scale(1) rotate(0deg);} to { transform: scale(1) rotate(360deg);} }
@-moz-keyframes spin { from { transform: scale(1) rotate(0deg);} to { transform: scale(1) rotate(360deg);} }
@-webkit-keyframes spin { from { transform: scale(1) rotate(0deg);} to { transform: scale(1) rotate(360deg);} }

.highlight-fade {
  animation: highlight-fade 2s 1;
}

@keyframes highlight-fade { 0% { background-color: #FCF940; } 100% { background-color: rgba(0,0,0,0); } }
@-moz-keyframes highlight-fade { 0% { background-color: #FCF940; } 100% { background-color: rgba(0,0,0,0); } }
@-webkit-keyframes highlight-fade { 0% { background-color: #FCF940; } 100% { background-color: rgba(0,0,0,0); } }

.pointer { cursor:pointer; }
.remove-button { cursor:pointer; }
.remove-button span { color:red;text-decoration:none; }

.loading_128 {
  background:transparent url('/imgs/loading_128.gif') left center no-repeat;
  height:128px;
  display:table-cell;
  padding-left:148px;
  color:#fff;
  font-size:50px;
  vertical-align: middle;
}
@media (max-width: 400px) {
  .loading_128 { background-size:80px 80px;font-size:20px;padding-left:90px; }
}

button.download_128, button.download_128:active {
  background:#fff url('/imgs/cloud-download_128.png') center 80px no-repeat;
  height:300px;
  width:350px;
  padding-top:150px;
}

button.tick_128, button.tick_128:active {
  background:#fff url('/imgs/tick_128.png') center 80px no-repeat;
  height:300px;
  width:350px;
  padding-top:150px;
}

.drag-files { color:#a5a5a5; border:2px dashed #ccc; border-radius:10px; width: calc(100% - 15px); height:100px; display:flex; justify-content:center; align-items: center; padding:10px; background-color: #f7f7f7; font-size: 1em; user-select: none; cursor:pointer; margin-top: 2em}
.drag-files:hover { background-color: #daedff }
.drag-files.dz-drag-hover { color:#3399FF; border-color:#3399FF; background-color: #ffffff; box-shadow: 0 0 80px 5px #7bbdff4a }
.drag-files a { cursor:pointer }
.drag-files p { margin: 0; pointer-events:none }
.drag-files-video { height: 100px }
.drag-files-preview-video .dz-thumbnail-progress { background-color: white; display: flex; align-items: center; justify-content: center; height: 100px; border-radius: 4px; border: 1px solid #dbdbdb; margin-bottom: 10px }

/** CSS for Admin editor + backoffice_pages **/
.backoffice-pages .permissions .panel-heading { pading: 10px; }
.backoffice-pages .permissions .list-group-item { border-radius:0px;border-right:0px;border-left:0px;padding:10px; }
.backoffice-pages .permissions .panel-collapse { padding-left:10px; }
.backoffice-pages .permissions .collapsable { display:block;text-decoration:none; }
.backoffice-pages .permissions .collapsable:after { font-family:'Glyphicons Halflings';content:"\e113";float:right; }
.backoffice-pages .permissions .collapsable.collapsed:after { content:"\e114"; }
.backoffice-pages .permissions .panel-collapse label { display:block;cursor:pointer; }
.backoffice-pages .permissions .panel-title, .backoffice-pages .permissions .list-group-item { display:flex;align-items:center; }
.backoffice-pages .permissions .collapsable { flex:1; }
.backoffice-pages .permissions a.collapsable:link, .backoffice-pages .permissions a.collapsable:visited { text-decoration:none;color:#333; }
.backoffice-pages .permissions input[type="checkbox"] { margin-right:10px; width: 20px; height: 20px }
.backoffice-pages.form-horizontal .customer-care label, .backoffice-pages.form-horizontal .customer-care input {display: inline-block}
.backoffice-pages.form-horizontal .customer-care input {margin-left: 15px; margin-top: 10px}
.backoffice-pages.form-horizontal .customer-care input {width: auto}

/*END*/

/** CSS for Admin group editor **/
.admin-group.right-container {position: absolute; left: 500px; top: 75px;}
.admin-group.right-pos { position: relative; left: 308px; }
.admin-group.not-null { color:red;position:absolute;top:90px;left:60px; }
.admin-group.already-exists { color:red;position:absolute;top:90px;left:130px; }
.admin-group.admin-textarea { width: 270px }
.admin-group.max-width { width: 100% }
.admin-group.right { position: relative; left: 260px; }
.admin-gestionar-new-admin { width: 890px; }
/*END*/

/** CSS for Merchant manager**/
.merchant-manager.move-select-centre { position: absolute; left: 350px; }
.merchant-manager.move-button-centre { position: absolute; left: 577px; }
.merchant-manage-inline-select { position: absolute; left: 360px; top: 113px; }
.merchant-manage-inline-button { position: absolute; left: 563px; top: 113px; }
.merchant-manage-add-ean { position: absolute; width: 270px; left: 595px; top: 127px; resize: none; border: 1.4px solid #cccccc; padding: 5px; border-radius: 6px; }
.merchant-manage-ean-button { position: absolute; left: 869px; top: 135px; }
.merchant-manage-ean-failed { color: red; }
.merchant-manage-ean-success { color: green; }
.merchant-manage-lang {background-color:#e2e2e2; padding:10px; position: absolute; left: 500px; top: 185px; width: 422px; display:block; border-radius: 15px;}
.merchant-manage-add-prep { width: 400px;  border: 1.4px solid #cccccc; padding: 5px; border-radius: 6px; }
.underline { text-decoration: underline; }
.new-preposition-messages { position: absolute; left: 510px; top: 520px; }
.label-info { background-color: #4c70ba;}
.main .bootstrap-tagsinput .tag { margin-right:5px;margin-bottom:5px;background-color:#a2a2a2;padding:4px 6px 5px;font-weight:normal;line-height:normal;display:inline-block; }
.main .bootstrap-tagsinput .tag [data-role="remove"] { color: #d9534f; }
.readonly .bootstrap-tagsinput .tag [data-role="remove"] { display:none; }
.readonly .bootstrap-tagsinput .tag input { display:none; }
.label { font-size: 12px; line-height: 2.1; }

/* Lateral canvas for filters form */
.lateral-canvas {
  background-color:#e2e2e2;
  position:absolute;
  padding:10px;
  width:300px;
  transform:translate(-300px, 0);
  display:block;
  z-index:10;
}
.lateral-canvas .toggle-canvas {
  position:absolute;
  top:0;
  display:block;
  height:100%;
  width:0;
  cursor:pointer;
  border-right:10px solid transparent;
  border-radius:5px;
}
.lateral-canvas .toggle-canvas-right {
  right:0;
  display:block;
}
.lateral-canvas .toggle-canvas-left {
  left:0;
  display:none;
}
.lateral-canvas.in .toggle-canvas-right {
  display:none;
}
.lateral-canvas.in .toggle-canvas-left {
  display:block;
}
.lateral-canvas .toggle-canvas .arrow {
  position:absolute;
  top:50%;
  margin-top:-10px;
  width:20px;
  height:20px;
  overflow:hidden;
}
.lateral-canvas .toggle-canvas-right .arrow {
  right:-30px;
}
.lateral-canvas .toggle-canvas-left .arrow {
  left:-20px;
}
.lateral-canvas .toggle-canvas .arrow:after {
  content:"";
  position:absolute;
  width:10px;
  height:10px;
  background-color:#e2e2e2;
  transform:rotate(45deg);
  top:5px;
}
.lateral-canvas .toggle-canvas-right .arrow:after {
  right:15px;
}
.lateral-canvas .toggle-canvas-left .arrow:after {
  left:15px;
}
.lateral-canvas .toggle-canvas-right:hover {
  box-shadow:         3px 0 3px -1px rgba(50, 50, 50, 0.75);
}
.lateral-canvas .toggle-canvas-right:hover .arrow:after {
  box-shadow:         2px -2px 2px 0 rgba(50, 50, 50, 0.75);
}
.lateral-canvas .toggle-canvas-left:hover {
  box-shadow:         -3px 0 3px -1px rgba(50, 50, 50, 0.75);
}
.lateral-canvas .toggle-canvas-left:hover .arrow:after {
  box-shadow:         -2px 2px 2px 0 rgba(50, 50, 50, 0.75);
}
/* End lateral canvas */


/* Combined charts */
.combined-chart { position:relative; }
.combined-chart .dropdown { position:absolute;top:15px;left:30px; }
.combined-chart .options-right { position:absolute;top:15px;right:30px; }
/* End Combined charts */

#popUp table > thead > tr > th { text-align:center;vertical-align:middle; }


.countries_ul, .samplings_ul {float:left;width:100%;}
.countries_ul li, .samplings_ul li {
  float: left;
  margin: 0px 10px;
  width: 150px;
  list-style: none;
}
.inputNumber{
  font-family: 'Open Sans';font-size: 16px;
}

.import-results .result {
  width:100%;
  padding:20px 30px;
  font-size:16px;
  font-weight:bold;
  margin-bottom: 30px;
  text-transform:uppercase;
}
.import-results .result.error {
  border:3px solid red;
  color:red;
  background-color:#FFDBDB;
}
.import-results .result.success {
  border:3px solid green;
  color:green;
  background-color:#DAFFDE;
}
.import-results .result.warning {
  border:3px solid #8a6d3b;
  color:red;
  background-color:#fcf8e3;
}
.import-results h5 {
  font-weight:bold;
}
.import-results table thead {
  background-color:#aaa;
  color:#efefef;
}

.row-pointer > tbody > tr, tr.row-pointer { cursor:pointer; }
.reporte-completado-vendidos-year tr td, .reporte-completado-vendidos-year tr th, .reporte-completado-vendidos-year tr th .th-inner {
  width:55px;
}
.reporte-completado-vendidos-year tr td:first-child, .reporte-completado-vendidos-year tr th:first-child, .reporte-completado-vendidos-year tr th:first-child .th-inner {
  width:100px;
}

.resumeStatusProducts td { padding: 5px }
.resumeStatusProducts .result{
  background-color: #E26B0A !important;
  color: #FFF !important;
}

#import-info .popover { width:250px; }
#import-info .popover-content { width:100%; }

.purchase-forecast .collapsing {
  -webkit-transition-duration: .15s;
  -o-transition-duration: .15s;
  transition-duration: .15s;
}

.purchase-forecast-provider .add-new-product .alert,
.purchase-note .add-new-product .alert,
.purchase-order-autocomplete .add-new-product .alert {
  display:inline-block;
  padding:5px;
}

.purchase-forecast-provider #table-prods td span.palet_units{ cursor: pointer; cursor: hand; }
.purchase-forecast-provider .add-new-product .alert .close,
.purchase-note .add-new-product .alert .close,
.purchase-order-autocomplete .add-new-product .alert .close {
  font-size:inherit;
  line-height:inherit;
  margin-left:10px;
}

.purchase-note form { width:200px; }
.purchase-note .popover input[type="text"] { width:146px; }
.purchase-note .popover input[type="number"] { width:50px; }
.purchase-note .popover [type="submit"] { margin-top:5px; }
.purchase-note .popover .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.purchase-note .popover .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.purchase-note .editable-error-block { font-size:12px; }
.purchase-note .fixed-table-loading { background-color:rgba(255, 255, 255, 0.5); }
.purchase-note .fixed-table-loading span { font-size:40px;position:absolute;top:20%;left:50%;margin-top:-20px;margin-left:-20px; }
.purchase-note #note-validate-form { margin-left:10px; }
.purchase-note #note-validate-form .checkbox { display:inline; }
.purchase-note #note-validate-form .checkbox label { font-weight: 800; }

@media (min-width: 992px) {
  .purchase-bill-list .new-bill-form { float:right; }
}

.purchase-note-photos-list { text-align:center; }
.purchase-note-photos-list .list-photos { list-style:none;width:100%;display:inline-block;padding:0; }
.purchase-note-photos-list .list-photos li { display:inline-block;width:50px;height:50px;margin-right:10px;vertical-align:middle;position:relative; }
.purchase-note-photos-list .list-photos li .glyphicon-refresh { margin-top:20px; }
.purchase-note-photos-list .container-fluid > div { margin-bottom:10px; }
.purchase-note-photos-list .list-photos .delete-overlay { width:100%;height:100%;display:table-cell;background-color:rgba(255,255,255,0.5);position:absolute;top:0;left:0; }
.purchase-note-photos-list .list-photos .delete-overlay .glyphicon { font-size:24px;margin-top:13px;color:#777; }
.purchase-note-photos-list .progress { min-width:1%; }

.purchase-order-autocomplete #toolbar .alert { line-height:normal;display:block;width:308px;margin-top:5px !important; }

.category-list table tr.level-1,
.category-list table tr.level-2,
.category-list table tr.level-3,
.category-list table tr.level-4,
.category-list table tr.level-5,
.category-list table tr.level-6 { display:none; }
.category-list table tr.level-0 td:first-child { padding-left:28px; }
.category-list table tr.level-1 td:first-child { padding-left:48px; }
.category-list table tr.level-2 td:first-child { padding-left:68px; }
.category-list table tr.level-3 td:first-child { padding-left:88px; }
.category-list table tr.level-4 td:first-child { padding-left:108px; }
.category-list table tr.level-5 td:first-child { padding-left:128px; }
.category-list table tr.level-6 td:first-child { padding-left:148px; }
.category-list .name-category { position:relative; }
.category-list a.show-more { position:absolute;left:-15px; }

.reporte-marcas { white-space: nowrap; }
.reporte-marcas .line, .reporte-marcas .subline { float:right;clear:both;width:100%; }
.reporte-marcas .subline span { text-align:right;font-size:10px;font-style:italic;color:#888; }
.reporte-marcas .th-inner { line-height:1.42857143 !important; }
.reporte-gamas {width: 75%;}

.compras-sincros { position:relative; }
.compras-sincros-table { margin-top:50px; }
.compras-sincros-total { position:absolute;top:0px;max-height:40px;overflow:hidden; }

.retail-oc { display:flex;flex-direction:column; }
.retail-oc .retail-oc-info { order:0; }
.retail-oc .retail-oc-table { order:1; }


/** STANDARD COLORS GRID**/
.strong-blue { background-color: #455368; color: #ffffff; }
.soft-blue { background-color: #d9e1f1; }
.strong-red { background-color: #e55050; }
.soft-red { background-color: #e57272; }
.strong-green { background-color: #7bbb83; }
.soft-green { background-color: #e0f0e5; }

/** STANDARD LEGEND **/
.grey-blue { background-color: #677d9e; color: #ffffff; }
.grey { color: #737373; }
.legend-title { min-width: 100px; text-align: center;}


/** COUNTRIES FLAGS **/
.flag {background-image: url(/imgs/sprite-flags_v3.png); width: 24px; height: 15px; display: inline-block; background-repeat: no-repeat;}
.fl-AD { background-position: -216px 0px; }
.fl-AE { background-position: -144px -255px; }
.fl-AF { background-position: -288px 0px; }
.fl-AG { background-position: -144px 0px; }
.fl-AI { background-position: -72px -15px; }
.fl-AL { background-position: -264px 0px; }
.fl-AM { background-position: -96px 0px; }
.fl-AN { background-position: -24px -180px; }
.fl-AO { background-position: -192px 0px; }
.fl-AQ { background-position: -168px 0px; }
.fl-AR { background-position: -120px 0px; }
.fl-AS { background-position: -360px 0px; }
.fl-AT { background-position: -24px 0px; }
.fl-AU { background-position: -48px 0px; }
.fl-AW { background-position: -72px 0px; }
.fl-AX { background-position: -48px -15px; }
.fl-AZ { background-position: 0px 0px; }
.fl-BA { background-position: -264px -15px; }
.fl-BB { background-position: -48px -30px; }
.fl-BD { background-position: -72px -30px; }
.fl-BE { background-position: 0px -30px; }
.fl-BF { background-position: -144px -15px; }
.fl-BG { background-position: -168px -15px; }
.fl-BH { background-position: -96px -30px; }
.fl-BI { background-position: -120px -15px; }
.fl-BJ { background-position: -336px -15px; }
.fl-BM { background-position: -312px -30px; }
.fl-BN { background-position: -192px -15px; }
.fl-BO { background-position: -288px -15px; }
.fl-BR { background-position: -216px -15px; }
.fl-BS { background-position: -120px -30px; }
.fl-BT { background-position: -312px -15px; }
.fl-BV { background-position: -96px -165px; }
.fl-BW { background-position: -240px -15px; }
.fl-BY { background-position: -24px -30px; }
.fl-BZ { background-position: -360px -15px; }
.fl-CA { background-position: -360px -45px; }
.fl-CD { background-position: -144px -45px; }
.fl-CF { background-position: -288px -45px; }
.fl-CG { background-position: -120px -45px; }
.fl-CH { background-position: -144px -195px; }
.fl-CI { background-position: -96px -45px; }
.fl-CK { background-position: -48px -60px; }
.fl-CL { background-position: -240px -45px; }
.fl-CM { background-position: 0px -60px; }
.fl-CN { background-position: -216px -45px; }
.fl-CO { background-position: -192px -45px; }
.fl-CR { background-position: -72px -45px; }
.fl-CU { background-position: -24px -45px; }
.fl-CV { background-position: -336px -45px; }
.fl-CX { background-position: -144px -60px; }
.fl-CY { background-position: 0px -45px; }
.fl-CZ { background-position: -360px -30px; }
.fl-DE { background-position: -192px -90px; }
.fl-DJ { background-position: -240px -60px; }
.fl-DK { background-position: -264px -60px; }
.fl-DM { background-position: -216px -60px; }
.fl-DO { background-position: -192px -60px; }
.fl-DZ { background-position: -240px 0px; }
.fl-EC { background-position: -120px -75px; }
.fl-EE { background-position: -360px -60px; }
.fl-EG { background-position: -96px -75px; }
.fl-EH { background-position: 0px -270px; }
.fl-ER { background-position: 0px -75px; }
.fl-ES { background-position: -288px -195px; }
.fl-ET { background-position: -336px -60px; }
.fl-FI { background-position: -216px -75px; }
.fl-FJ { background-position: -240px -75px; }
.fl-FK { background-position: -288px -75px; }
.fl-FM { background-position: -120px -150px; }
.fl-FO { background-position: -264px -75px; }
.fl-FR { background-position: -192px -75px; }
.fl-GA { background-position: -240px -90px; }
.fl-GB { background-position: -120px -255px; }
.fl-GD { background-position: -72px -90px; }
.fl-GE { background-position: -216px -90px; }
.fl-GF { background-position: -192px -75px; }
.fl-GG { background-position: -312px -90px; }
.fl-GH { background-position: -168px -90px; }
.fl-GI { background-position: -144px -90px; }
.fl-GL { background-position: -96px -90px; }
.fl-GM { background-position: -264px -90px; }
.fl-GN { background-position: -24px -90px; }
.fl-GP { background-position: -192px -75px; }
.fl-GQ { background-position: -24px -75px; }
.fl-GR { background-position: -120px -90px; }
.fl-GS { background-position: -24px -225px; }
.fl-GT { background-position: -48px -90px; }
.fl-GW { background-position: 0px -90px; }
.fl-GY { background-position: -360px -75px; }
.fl-HK { background-position: -360px -90px; }
.fl-HN { background-position: -48px -105px; }
.fl-HR { background-position: -48px -45px; }
.fl-HT { background-position: -24px -105px; }
.fl-HU { background-position: 0px -105px; }
.fl-ID { background-position: -192px -105px; }
.fl-IE { background-position: -120px -105px; }
.fl-IL { background-position: -96px -105px; }
.fl-IM { background-position: -288px -105px; }
.fl-IN { background-position: -216px -105px; }
.fl-IO { background-position: -144px -30px; }
.fl-IQ { background-position: -144px -105px; }
.fl-IR { background-position: -168px -105px; }
.fl-IS { background-position: -240px -105px; }
.fl-IT { background-position: -72px -105px; }
.fl-JE { background-position: 0px -120px; }
.fl-JM { background-position: -360px -105px; }
.fl-JO { background-position: -312px -105px; }
.fl-JP { background-position: -336px -105px; }
.fl-KE { background-position: -168px -120px; }
.fl-KG { background-position: -24px -120px; }
.fl-KH { background-position: -24px -60px; }
.fl-KI { background-position: -120px -120px; }
.fl-KM { background-position: -168px -45px; }
.fl-KN { background-position: -312px -210px; }
.fl-KP { background-position: -96px -120px; }
.fl-KR { background-position: -72px -120px; }
.fl-KW { background-position: -48px -120px; }
.fl-KY { background-position: -120px -60px; }
.fl-KZ { background-position: -144px -120px; }
.fl-LA { background-position: -216px -135px; }
.fl-LB { background-position: -168px -135px; }
.fl-LC { background-position: -336px -210px; }
.fl-LI { background-position: -72px -135px; }
.fl-LK { background-position: -264px -195px; }
.fl-LR { background-position: -120px -135px; }
.fl-LS { background-position: -144px -135px; }
.fl-LT { background-position: -48px -135px; }
.fl-LU { background-position: -120px -165px; }
.fl-LV { background-position: -192px -135px; }
.fl-LY { background-position: -96px -135px; }
.fl-MA { background-position: -336px -135px; }
.fl-MC { background-position: -24px -150px; }
.fl-MD { background-position: -48px -150px; }
.fl-MG { background-position: -312px -150px; }
.fl-MH { background-position: -144px -150px; }
.fl-MK { background-position: -72px -150px; }
.fl-ML { background-position: -240px -150px; }
.fl-MM { background-position: -288px -135px; }
.fl-MN { background-position: 0px -150px; }
.fl-MO { background-position: -96px -150px; }
.fl-MP { background-position: -336px -165px; }
.fl-MQ { background-position: -192px -75px; }
.fl-MR { background-position: -216px -150px; }
.fl-MS { background-position: -24px -165px; }
.fl-MT { background-position: -360px -150px; }
.fl-MU { background-position: -192px -150px; }
.fl-MV { background-position: -336px -150px; }
.fl-MW { background-position: -264px -150px; }
.fl-MX { background-position: -168px -150px; }
.fl-MY { background-position: -288px -150px; }
.fl-MZ { background-position: -312px -135px; }
.fl-NA { background-position: -168px -165px; }
.fl-NC { background-position: -192px -75px; }
.fl-NE { background-position: -240px -165px; }
.fl-NF { background-position: -48px -180px; }
.fl-NG { background-position: -144px -165px; }
.fl-NI { background-position: -192px -165px; }
.fl-NL { background-position: -24px -135px; }
.fl-NO { background-position: -96px -165px; }
.fl-NP { background-position: -216px -165px; }
.fl-NR { background-position: -288px -165px; }
.fl-NU { background-position: -360px -165px; }
.fl-NZ { background-position: -264px -165px; }
.fl-OM { background-position: -72px -180px; }
.fl-PA { background-position: -120px -270px; }
.fl-PE { background-position: -192px -180px; }
.fl-PF { background-position: -336px -75px; }
.fl-PG { background-position: -216px -180px; }
.fl-PH { background-position: -168px -180px; }
.fl-PK { background-position: -312px -180px; }
.fl-PL { background-position: -336px -180px; }
.fl-PN { background-position: -360px -180px; }
.fl-PR { background-position: -96px -180px; }
.fl-PS { background-position: -264px -180px; }
.fl-PT { background-position: -120px -180px; }
.fl-PW { background-position: -288px -180px; }
.fl-PY { background-position: -240px -180px; }
.fl-QA { background-position: 0px -195px; }
.fl-RE { background-position:  -192px -75px; }
.fl-RO { background-position: -72px -195px; }
.fl-RU { background-position: -24px -195px; }
.fl-RW { background-position: -48px -195px; }
.fl-SA { background-position: -192px -210px; }
.fl-SB { background-position: -360px -195px; }
.fl-SC { background-position: -96px -210px; }
.fl-SD { background-position: -240px -195px; }
.fl-SE { background-position: -168px -195px; }
.fl-SG { background-position: -72px -210px; }
.fl-SI { background-position: 0px -210px; }
.fl-SJ { background-position: -96px -165px; }
.fl-SK { background-position: -48px -210px; }
.fl-SL { background-position: -24px -210px; }
.fl-SM { background-position: -240px -210px; }
.fl-SN { background-position: -144px -210px; }
.fl-SO { background-position: -336px -195px; }
.fl-SR { background-position: -216px -195px; }
.fl-ST { background-position: -216px -210px; }
.fl-SV { background-position: -72px -75px; }
.fl-SX { background-position: -360px -210px; }
.fl-SY { background-position: -120px -195px; }
.fl-SZ { background-position: -192px -195px; }
.fl-TC { background-position: -144px -225px; }
.fl-TD { background-position: -264px -45px; }
.fl-TF { background-position: -312px -75px; }
.fl-TG { background-position: -72px -240px; }
.fl-TH { background-position: -120px -240px; }
.fl-TJ { background-position: -168px -240px; }
.fl-TK { background-position: -336px -240px; }
.fl-TL { background-position: -96px -240px; }
.fl-TM { background-position: -336px -225px; }
.fl-TN { background-position: 0px -240px; }
.fl-TO { background-position: -48px -240px; }
.fl-TR { background-position: -360px -225px; }
.fl-TT { background-position: -24px -240px; }
.fl-TV { background-position: -312px -225px; }
.fl-TW { background-position: -216px -240px; }
.fl-TZ { background-position: -144px -240px; }
.fl-UG { background-position: -192px -255px; }
.fl-UM { background-position: -96px -255px; }
.fl-US { background-position: -96px -255px; }
.fl-UY { background-position: -72px -255px; }
.fl-UZ { background-position: -48px -255px; }
.fl-VA { background-position: -312px -255px; }
.fl-VC { background-position: -288px -210px; }
.fl-VE { background-position: -288px -255px; }
.fl-VG { background-position: -336px -255px; }
.fl-VI { background-position: -360px -255px; }
.fl-VN { background-position: -240px -255px; }
.fl-VU { background-position: -264px -255px; }
.fl-WF { background-position:  -192px -75px; }
.fl-WS { background-position: -264px -210px; }
.fl-YE { background-position: -48px -270px; }
.fl-YT { background-position: -192px -75px; }
.fl-ZA { background-position: -312px -195px; }
.fl-ZM { background-position: -96px -270px; }
.fl-ZW { background-position: -72px -270px; }


/** REPORT COMMON CLASSES **/
.col-separator { min-width: 40px; }
.table.table-borderless tr th, .table.table-borderless tr td { border: 0; }


.table .table-report-header th{
  background-color: #455368;
  color: #fff;
  font-size:1.2em;
  border-bottom: none;!important;
  border-top: none;!important;
  text-align: center;
}

.table .table-row-level{
  background-color: #d9e1f1;
  color: #000000;
  text-align: center;!important;
}
.table .main-category td{
  color: #000000;
  font-size:1.2em;
  text-align: center;
  border-bottom: 1px solid;!important;
  border-top: 1px solid;!important;
}

.table .subcategory td{
  text-align:left;
  color: #000000;
  font-size:1.0em;
  border-bottom: none;!important;
  border-top: none;!important;
}

.table .level1{
  padding-left:2%;
}
.table .level2{
  padding-left:3%;
}

.table .level3{
  padding-left:4%;
}
.table .level4{
  padding-left:5%;
}
.table .level5{
  padding-left:6%;
}
.table  .level6{
  padding-left:7%;
}


table.report-shop-countries { width:auto;white-space:nowrap; }

table.report-shop-countries tr.level-1 td:first-child { padding-left:20px; }
table.report-shop-countries tr.level-2 td:first-child { padding-left:40px; }
table.report-shop-countries tr.level-3 td:first-child { padding-left:60px; }
table.report-shop-countries tr.level-4 td:first-child { padding-left:80px; }
table.report-shop-countries tr.level-5 td:first-child { padding-left:100px; }

table.report-shop-countries.collapsable tr.level-0 td:first-child { padding-left:28px; }
table.report-shop-countries.collapsable tr.level-1 td:first-child { padding-left:48px; }
table.report-shop-countries.collapsable tr.level-2 td:first-child { padding-left:68px; }
table.report-shop-countries.collapsable tr.level-3 td:first-child { padding-left:88px; }
table.report-shop-countries.collapsable tr.level-4 td:first-child { padding-left:108px; }
table.report-shop-countries.collapsable tr.level-5 td:first-child { padding-left:128px; }
table.report-shop-countries.collapsable tr > td > .name { position:relative;width:100%;float:left; }
table.report-shop-countries.collapsable tr > td > .name > a.show-more { position:absolute;left:-15px; }

table.report-shop-countries.collapse-Q .Q { display:none; }
table.report-shop-countries.collapse-Q.show-Q1 .Q1 { display:table-cell; }
table.report-shop-countries.collapse-Q.show-Q2 .Q2 { display:table-cell; }
table.report-shop-countries.collapse-Q.show-Q3 .Q3 { display:table-cell; }
table.report-shop-countries.collapse-Q.show-Q4 .Q4 { display:table-cell; }

table.report-shop-countries span.perc { width:50px;display:inline-block; }


table.report-pricing-connections td {white-space:nowrap;}



.pricing-mp .input-group-sm input[type="text"] { min-width:55px; }


.product-dimensions .prod-categories ul { list-style:none;display:inline-block;width:100%;padding-left:0px; }
.product-dimensions .prod-categories ul li { float:left;margin-right:10px;line-height:25px; }
.product-dimensions .prod-categories ul li.breadcrum::after { font-family:'Glyphicons Halflings';content: "\e080";display:inline-block;position:relative;top:2px;margin-left:10px; }
.product-dimensions .prod-categories ul li:not(.breadcrum) { line-height:29px; }
.product-dimensions .form-inline .form-control, .product-dimensions .form-inline .form-group { width:auto !important; display:inline-block; }
.product-dimensions .img_product_dim{max-height:200px;max-width:200px;}

.backoffice-pages .level0 { font-size:14px;font-weight:bold; }
.backoffice-pages tr.level1 > td:first-child { text-indent:20px; }
.backoffice-pages tr.level2 > td:first-child { text-indent:40px; }
.backoffice-pages tr.level3 > td:first-child { text-indent:60px; }
.backoffice-pages tr.level4 > td:first-child { text-indent:80px; }
.backoffice-pages tr.level5 > td:first-child { text-indent:100px; }

.pricing-rules table { white-space:nowrap;width: auto; }
.pricing-rules table .bootstrap-select { width: 170px !important; }
.pricing-rules .table-brands { position:relative;display:inline-block; }
.pricing-rules .table-overlay { display:block;position:absolute;z-index:5;height:100%;width:100%;background:#fff;top:0px;left:0px;text-align:center;opacity:0.8; }
.pricing-rules .table-overlay > span { background:transparent url('/imgs/loading_128.gif') center center no-repeat;background-size:80px 80px;width:100%;height:100%;display:block; }

.form-group .subform{
  padding-left: 20px;
  margin:10px 0;
}
.cm_status_left{
  width: 40px;
  display: inline-block;
  margin-right: 10px;
}
.cm_status_right{
  width: 140px;
  display: inline-block;
}
.complaint_images{
  max-width: 50px;
  max-height: 50px;
  display: inline-block;
}
.clearfix{
  width: 100%;
  clear: both;
  display: block;
}
.claim_files{margin-right: 20px;}
.sliderClaims{display: none;}
.sliderClaims > div{
  display: none;
  border: 5px solid #CCC;
  padding: 10px;
}
.complaint_photos {    width: 100%;
  clear: both;
  float: left;}
.complaint_photos li {
  float: left;
  margin-right: 15px;
}

.provider-update-stock .nav-tabs { margin-bottom:15px; }
.provider-update-stock .nav-tabs>li.active>a { background-color:#F2F2F2; }


table.ocminpurchase tr .sended{background-color: #62ED62 !important;}
table.ocminpurchase tr .pending{background-color: yellow !important;}
table.ocminpurchase tr .done{background-color: #9FD5FD !important;}

.note-files{
  width: 100%;
  clear: both;
  float: left;

}
.note-files li{
  float: left;
  margin-right: 15px;
  width: 100%;
}
.note-files li .delete-overlay{
  display: inline;
  margin-left: 5px;
}

.pestsOptions{ border-bottom: 1px solid #e5e5e5; margin: 10px 0 15px 0; height: 32px; display: flex }
.pestsOptions .pest { display: flex; align-items: center; justify-content: center; line-height: 1.2; text-align: center; font-weight: bold; font-size: 14px; margin-right: 10px }
.pestsOptions .pest a { width: 100%; color: #999; font-weight: 400; text-decoration: none; letter-spacing: .04em; display: flex; align-items: center; justify-content: center; text-transform: uppercase; padding: 5px 12px; }
.pestsOptions .pest:not(.selected):hover a { color: var(--blackOwn) }
.pestsOptions .pest.selected { border-bottom: 2px solid var(--primarymed) }
.pestsOptions .pest.selected a { font-weight: 700; color: var(--blackOwn) }
.pestContent{ padding: 0 10px }

.table-restrictions .bootstrap-tagsinput { background:none;padding:5px 10px;cursor:default;border:0; box-shadow: none;}
.table-restrictions .bootstrap-tagsinput input[type="text"] { display:none; }

.table .subtable_ticket_sac_report{
  margin-bottom: 0px !important;
  background-color: transparent !important;
  padding: 0px !important;
  margin: 0px !important;
  border-top: 0px !important;
}
.table .subtable_ticket_sac_report td{
  margin-bottom: 0px !important;
  background-color: transparent !important;
  padding: 0px !important;
  margin: 0px !important;
  border-top: 0px !important;
  width:50% !important;
}
.table-ticket-sac-report .padding-left-20{
  padding-left:20px !important;
}
.table-ticket-sac-report .padding-left-40{
  padding-left:40px !important;
}


@media (min-width: 992px) {
  .control-estados-row { width:2050px; }
  .control-estados-col { width:500px;margin-right:10px;display:inline-block;vertical-align:top; }
}

table.report-pricing-updates { width:auto;white-space:nowrap; }

table.report-pricing-updates tr.level-1 td:first-child { padding-left:20px; }
table.report-pricing-updates tr.level-2 td:first-child { padding-left:40px; }
table.report-pricing-updates tr.level-3 td:first-child { padding-left:60px; }
table.report-pricing-updates tr.level-4 td:first-child { padding-left:80px; }
table.report-pricing-updates tr.level-5 td:first-child { padding-left:100px; }

table.report-pricing-updates tr.level-0 td:first-child { padding-left:28px; }
table.report-pricing-updates.collapsable tr.level-1 td:first-child { padding-left:48px; }
table.report-pricing-updates.collapsable tr.level-2 td:first-child { padding-left:68px; }
table.report-pricing-updates.collapsable tr.level-3 td:first-child { padding-left:88px; }
table.report-pricing-updates.collapsable tr.level-4 td:first-child { padding-left:108px; }
table.report-pricing-updates.collapsable tr.level-5 td:first-child { padding-left:128px; }
table.report-pricing-updates.collapsable tr > td > .name { position:relative;width:100%;float:left; }
table.report-pricing-updates tr > td > .name > a.show-more { position:absolute;left:-15px; }


.reclamations-devo-content table input + .help-block { position:absolute;margin-top:0px; }


/** CSS for Category Management **/
#pg_category_management .row{ padding-bottom: 25px; }
#pg_category_management td > .btn, #pg_category_management td > .btn-group {margin:0 2px;}
#pg_category_management td > .btn { line-height: .9; min-height: 32px }
#pg_category_management .btn.toggle { min-height: 32px }
#pg_category_management .checkbox_feat label{ font-weight: normal; }
#pg_category_management .checkbox_feat_parents label{ font-weight: normal; }
#pg_category_management .checkbox_feat input[type=checkbox]{ margin-right: 4px; }
#pg_category_management .checkbox_feat_parents input[type=checkbox]{ margin-right: 4px; }
#pg_category_management .arrange_div .checkbox_feat { margin-right: 5px; }
#pg_category_management .collapsed{ margin-top: -2px; margin-right: 8px; }
#pg_category_management #print_box{ position:relative; z-index: 1; width: 100%; }
#pg_category_management #sortable{ position:absolute; z-index: 2; width: 97%; }
#pg_category_management .position_order{ padding:11px; margin:10px 5px; background-color:#FFFFFF; }
#pg_category_management .arrange_div{ border:1px solid; padding:10px 0 10px 30px; margin:10px 0 10px 5px; cursor: grabbing; }
#pg_category_management .subcategory tr td{ padding:6px 0 6px 25px !important; border:none !important; }
#pg_category_management .collapse_button, #pg_category_management .collapse_button:hover, #pg_category_management .collapse_button:checked, #pg_category_management .collapse_button:focus{ text-decoration: none; color:#000000; }
#pg_category_management .tr_hover{ background-color: #E2E2E2 !important; }
#pg_category_management .checkbox_text{ display:block; padding:4px 0 0; }
#pg_category_management .label_feature{ margin: 5px 0; font-weight: bold; display:block; padding:4px 0 0; float: left; width: 120px;}
#pg_category_management .div_feature_value{ display:block; padding:5px 10px; width: 100%;}
#pg_category_management #frm_wp_caregory label{ font-size: 12px; }
#pg_category_management #frm_wp_caregory .input-group{ margin: 7px 0; }
#pg_category_management #frm_wp_caregory .input-group .input-group-addon,
#pg_category_management #frm_wp_caregory .input-group input{ background-color: #FFFFFF; cursor: pointer; }
#pg_category_management #frm_wp_caregory .input-group input{ border-left: 0px }
#pg_category_management #frm_wp_caregory .input-group .input-group-addon{ border-right: 0px }


/** CSS for Admin Pages Management **/
#pg_admin_pages .row{ padding-bottom: 25px; }
#pg_admin_pages tr a{ padding:6px 25px 6px 25px !important; border:none !important; pointer-events: none; cursor: default; float: left;}
#pg_admin_pages tr td input{float: right;}
#pg_admin_pages tr a .glyphicon, #pg_admin_pages tr a .glyphicon-plus{pointer-events: auto; cursor: pointer;}
#pg_admin_pages .subpages tr td{ padding:6px 0 6px 25px !important; border:none !important; }
#pg_admin_pages .collapse_button, #pg_admin_pages .collapse_button:hover, #pg_admin_pages .collapse_button:checked, #pg_admin_pages .collapse_button:focus{ text-decoration: none; color:#000000;}
#pg_admin_pages .position_order{ padding:11px; margin:10px 5px; background-color:#FFFFFF; }
#pg_admin_pages .tr_hover{ background-color: #E2E2E2 !important; }


/** CSS for KPI Dashboard OCs **/
#pg_kpi_dashboard_ocs .tableStats tbody tr:hover{ cursor:pointer; cursor: hand; }
#pg_kpi_dashboard_ocs .tableStats .borderKpi,
#pg_kpi_dashboard_ocs .tableOcsStats .borderKpi{ text-align: center; vertical-align: middle; border: 1px solid #DDDDDD; }
#pg_kpi_dashboard_ocs .tableStats .brightKpi,
#pg_kpi_dashboard_ocs .tableOcsStats .brightKpi{ border-right: 1px solid #DDDDDD; }
#pg_kpi_dashboard_ocs .tableStats .bleftKpi,
#pg_kpi_dashboard_ocs .tableOcsStats .bleftKpi{ border-left: 1px solid #DDDDDD; }
#pg_kpi_dashboard_ocs .tableStats,
#pg_kpi_dashboard_ocs .tableOcsStats{ margin-top:10px; border-bottom: 1px solid #DDDDDD; }

/** CSS for Compras sincro **/
#table-format .downloadCsvProduct{ text-decoration: underline; }
#table-format .downloadCsvProduct:hover{ cursor:pointer; cursor: hand; }

/** CSS for QA Shop Marketplace Restriction **/
#qashop-marketplace .bootstrap-tagsinput .label { display: inline-block; padding:0 5px; margin-right: 3px; margin-bottom: 2px; margin-top: 2px; }
#qashop-marketplace .table .bootstrap-tagsinput { background-color: transparent; border: none; box-shadow: none; padding: 5px; }

/** CSS for Brand Cohorts **/
@media (min-width: 768px) {
  #CohortGraficBrand .modal-xl {
    width: 90%;
    max-width:1200px;
  }
}
/** END Category Management **/

/** Gestión de Categorías **/
#feature_modal span.glyphicon-info-sign{ cursor: pointer; }
/** END Gestión de Categorías **/

/* NEW Previsiones de compra */
#total-prev, #total-volumen{
  font-size: 18px;
  font-weight: bold;
}
.btn-cb-active{
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-cb-active:hover{
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-cb-active.active{
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.prov_letter{
  border: 1px solid #ddd;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px;
  background: white;
}
@media (min-width:992px) {
  .prov_letter.col-lg-4 { width: calc(33.33333333% - 10px); }
}

.prov_letter .prov_name{
  width: 100%;
  text-align: center;
  float: left;
  font-size: 14px;
  font-weight: bold;
}

.prov_letter .prov_sub{
  width: 100%;
  text-align: center;
  float: left;
}

.prov_letter .totals_info{
  width: 100%;
  float: left;
  margin-top: 10px;
  font-size: 16px;
}

.prov_letter .totals_info .prov_prev{
  width: 48%;
  float: left;
  text-align: center;
  padding: 4px;
  box-sizing: border-box;
  background: #d3d3d3;
  font-size: 14px;
}

.prov_letter .totals_info .prov_refs{
  width: 48%;
  float: right;
  text-align: center;
  padding: 4px;
  box-sizing: border-box;
  background: #d3d3d3;
  font-size: 14px;
}

.prov_letter .ranges_info{
  float: left;
  width: 100%;
  margin-top: 10px;
}

.prov_letter .prov_rr{
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: bold;
}
.total-prev-footer{
  display: inline-block;
  margin-right: 10px;
}
/* END NEW Previsiones de compra */
/* START Seo Manager*/
#tab-edit{
  display: none;
}
/* END Seo Manager*/
.list-countries .bootstrap-tagsinput .tag { width:45px;display:inline-block;height:25px;line-height:25px;padding:0px 5px;margin-bottom:5px; }
.list-countries .bootstrap-tagsinput .tag [data-role="remove"] { float:right;margin:0px; }


.marketing-investments-products .current-m1::after { content:'*';position:absolute; }


.marketing-investments-dashboard ul.list-revenues { list-style:none;padding:10px 5px 0px;float:left;width:100%;position:absolute;top:20px; }
.marketing-investments-dashboard ul.list-revenues > li { text-align:right; }
.marketing-investments-dashboard ul.list-revenues > li > span { float:left;margin-right:5px; }
.marketing-investments-dashboard span[data-cal-date] { margin-top: 5px; margin-right: 5px; }
.marketing-investments-dashboard .cal-year-box [class*="span"], .cal-month-box [class*="cal-cell"] { min-height:80px; }
.marketing-investments-dashboard .cal-month-day { height: auto; }
.marketing-investments-dashboard .cal-day-outmonth .upload-btn { display:none; }
.marketing-investments-dashboard .cal-day-inmonth .upload-btn { display:none; }
.marketing-investments-dashboard .cal-day-inmonth.no-events .upload-btn,
.marketing-investments-dashboard .cal-cell:hover .cal-day-inmonth .upload-btn { display:block; }
.marketing-investments-dashboard .cal-cell:hover .cal-day-inmonth ul.list-revenues { display:none; }
.marketing-investments-dashboard .upload-btn > form {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;

  align-items: center;

  width: 100%;
}
.marketing-investments-dashboard .upload-btn > form > button { margin:auto; }


.modal-ikc-features .modal-body { min-height:130px; }
.modal-ikc-features .modal-loading { position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:10;font-size:27px;text-align:center;vertical-align:middle;opacity:0.8; }

#dropzone {  position: relative;
  border: 4px dotted #000;
  border-radius: 20px;
  color: black;
  font: bold 14px arial;
  height: 140px;
  margin: 10px auto;
  text-align: center;
  width: 140px;
}

#dropzone.hover {
  border: 10px solid #FE5;
  color: #FE5;
}

#dropzone.dropped {
  background: #222;
  border: 10px solid #444;
}

#dropzone .dropInfo{
  display: block;
  margin: 5px;
  border-radius: 13px;
  overflow: hidden;
}

#dropzone #textUpload{
  position: absolute;
  display: block;
  z-index: 1;
  top: 50px;
  text-align: center;
  width: 100%;
}

#dropzone canvas {
  vertical-align: middle;
}

#dropzone img {
  vertical-align: middle;
  width: 140px;
}

#dropzone [type="file"] {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/** CSS for Email Marketing **/

#tienda, #tipoMail, #countries { width: auto; }
#countries { height: 200px; margin-bottom: 5px; }
.form-group .mail-marketing.botones { margin-bottom: 7px; }
#tipoMail input, #consejos label { margin-right: 5px; }
.tableStructure { margin-top: -40px; }
div.optPromo { padding-top: 7px;display: none; }
div.optPromo > label { padding-right: 6px; }
div.optPromo input { text-align: center; }
div.optPromo input.optPromoPrecio { width: 60px; }
div.optPromo input.optPromoFecha { width: 100px;line-height: 1.42857143;width: 100%; }
label.lblPromo { margin: 2px 0 0;padding-right: 10px; }
input[name="rb_promo"] {vertical-align: middle;margin:-1px 0 0;}
div#estructuraModulos div.opt{ margin-bottom: 0; }
div.ui-helper-hidden-accessible { display: none; }
div#estructuraModulos .validate { display: inline-block; }
div#estructuraModulos .validate img{ display: none;width: 25px; }
div#estructuraModulos .optCell span { margin-right: 10px; }
div#estructuraModulos .optProd,
div#estructuraModulos .optCons { text-align: left !important; }
div#estructuraModulos .optProd input,
div#estructuraModulos .optCons input,
div#estructuraModulos .optGen input { border-radius: 3px;height: 30px; }
div#estructuraModulos .optProd input { width: 90%;display: inline-block; }
div#estructuraModulos .optCons input,
div#estructuraModulos .optGen input { width: 250px; }
div#estructuraModulos .optCell { width: 300px; }
div#estructuraModulos div.cb_optCat { text-align: left !important;padding: 4px 0; }
div#estructuraModulos div.cb_optCat > label.checkbox-inline { width: auto;font-size: .87em; min-height: 40px;
  display: inline-grid;
  align-content: center; }
div#estructuraModulos div.cb_optCat input[type=checkbox] { margin: 0 -17px 0 !important; }
div#estructuraModulos div.cb_optCat select { padding: 2px 12px;border-radius: 15px; }
div#estructuraModulos span.btn-browse,
div#estructuraModulos label.lblBrowse { margin-top: 5px; }
div#estructuraModulos { overflow: hidden;}
div#estructuraModulos .Fila { width: 100%;overflow: hidden;display: table;padding-top:2px; }
div#estructuraModulos .Fila .unaCelda{ width: 100%; }
div#estructuraModulos .Fila .dosCeldas{ width: 50%; }
div#estructuraModulos .Fila .tresCeldas{ width: calc(100% / 3); }
div#estructuraModulos .Fila .cuatroCeldas{ width: 25%; }
div#estructuraModulos .Fila .cincoCeldas { width: 20%; }
div#estructuraModulos .Fila .unaCelda,
div#estructuraModulos .Fila .dosCeldas,
div#estructuraModulos .Fila .tresCeldas,
div#estructuraModulos .Fila .cuatroCeldas, div#estructuraModulos .Fila .cincoCeldas{ border: 2px solid grey; display: table-cell;padding: 10px;border-radius: 6px; }
div#estructuraModulos .Fila select,
div#estructuraModulos .Fila div { width: 250px;margin: 0 auto !important;text-align: center;/*height: 30px;*/ }
div#estructuraModulos .Fila div .validate { height: auto; }
div#estructuraModulos .Fila .optCell .uploadImg { width: 250px;margin: 0 auto !important; }
div#estructuraModulos .Fila span.removeRow { cursor: pointer; }
div#estructuraModulos .validate { width: 20px !important; }
/* div#estructuraModulos canvas{ display: block;margin: 7px auto; }*/
/** END Email Marketing **/

/*** Controlling tables ***/
.controlling-table { margin-bottom:20px; }
.controlling-table table { font-family:Calibri;font-size:14px; }
.controlling-table table.results-m3 { pointer-events:none; }
.controlling-table table thead > tr > th, .controlling-table table tr > td { border:0px solid #000; }
.controlling-table table thead > tr > th { background-color:#A3C1E2;font-weight:bold; }
.controlling-table table tr.subtotal > td { background-color:#DFEAF5;font-weight:bold; }
.controlling-table table tr.breakdown > td { font-style:italic;font-size:12px;line-height:1;color:#696969; }
.controlling-table table tr.breakdown > td.table-fixed { text-indent:30px; }
.controlling-table table tr > .table-fixed { min-width:180px;border-right-width:1px; }
.controlling-table table tr > .table-value { min-width:100px; }
.controlling-table table thead > tr > th.table-value { text-align:right; }
.controlling-table table td.table-value { text-align:right; }
.controlling-table table td.table-value .input-sm { padding-top:1px;padding-bottom:1px;max-width:90px;margin-top:-2px;text-align:right; }
.controlling-table table td.table-perc { text-align:right; }
.controlling-table table tr.level-1 > td:first-child { padding-left:20px; background-color: #fff;}
.controlling-table tfoot > tr > td { font-weight:bold; }


/* New Banner Management 2024 */

.banner-management {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1.2em;
  margin-top: 1em;
}

.banner-list--wrapper {
  border: 1px solid var(--greylight2);
  border-radius: var(--br2);
  background-color: var(--light);
  box-shadow: 0 0.1em 3px lch(0 0 0 / .1);
  transition: box-shadow .6s ease-out, border-color .12s ease-out;

  &:is(:hover, [open]) {
    background-color: #fff;
    box-shadow: 0 0.2em 20px lch(0 0 0 / .15);

    & .banner-list--summary::marker {
      color: var(--primary);
    }

    & .banner-list--title {
      color: var(--blackOwn2);
    }
  }

  &[open] {
    border-color: var(--primarymed);
    box-shadow: inset 0 0 0 1px var(--primarymed);
    transition: box-shadow .12s ease-out, border-color .12s ease-out;

    &:hover {
      border-color: var(--primarymed);
      box-shadow: inset 0 0 0 1px var(--primarymed);
    }

    & > .banner-list--summary .banner-list--title {
      font-weight: 700;
      pointer-events: none;
    }

    & .badge--mini {
      color: #fff;
      background-color: var(--primary);
      box-shadow: 0 0 0 1px var(--primarymed);
    }
  }

  &:last-child {
    margin-bottom: 0;
  }
}

.banner-list--summary {
  padding: 1em;
  user-select: none;

  &::marker {
    color: var(--grey);
  }
}

.banner-list--title {
  color: var(--greydark);
  font-size: 1.3em;
  font-weight: 500
}

.banner-cat--title {
  font-size: 1.1em;
}

.badge--mini {
  display: inline-flex;
  padding: 2px 6px;
  font-size: .8em;
  font-weight: 600;
  line-height: 1.1;
  color: var(--greymedium);
  border-radius: var(--brfull);
  background-color: #fff;
  box-shadow: 0 0 0 1px var(--greylight2);
}

.banner-list--content {
  padding: 1em;
}

.banner-list--description {
  font-size: .86em;
  color: var(--grey);
  margin: -1em 0 1em;
}

.banner-list--content--inner {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: .8em;
  & .banner-list--wrapper {
    box-shadow: none;
  }
}

.list-banners {
  width: 100%;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.list-banners.dragging .banner-img ~ * {
  pointer-events: none;
  opacity: 0;
}

.banner-el {width: 100%;padding: 6px;border: 1px solid var(--greylight2);border-radius: var(--br2);margin-bottom: .7em;background-color: #f1f1f1;transition: background-color .12s ease-out;display: grid;}
.banner-el:hover { background-color: #f5f5f5 }
.banner-el > form {width:100%;display:flex;flex-wrap: wrap;align-content: stretch;}
.banner-el > form > .banner-img {display: flex;align-items: stretch;justify-content: center;align-content: center;flex:1 1 18%;flex-wrap: wrap;margin-right:10px;align-self:center;text-align:center; cursor:grab; min-width: 160px;padding: .5em 0;height: 100%;}
.banner-el > form > .banner-img:active { cursor: grabbing }
.banner-el > form > .banner-img img {
  max-height: 140px;
  max-width: min(400px, 100%);
  width: auto;
  height: auto;
  min-width: 80%;
  min-height: 100%;
  object-fit: contain;
  aspect-ratio: auto;
}
.banner-el > form > .banner-img video { max-width: calc(75% - 10px); max-height: 170px; height: auto; margin-right: 10px }
.banner-el > form > .banner-img .video-poster { width: 25% !important }
.banner-el .btn--img-lightbox { position: absolute; top: 10px; right: 10px; opacity: 0; transition: opacity .3s ease-in }
.banner-el .banner-img:hover .btn--img-lightbox { opacity: 1 }
.banner-el > form > .banner-info { flex:0 1 35%; margin-right:20px; align-self:center }
.banner-el > form.form-horizontal .form-group > .control-label+.control-text{ padding-top: 2px; margin-bottom:0 }
.banner-el .form-group { display: flex; margin-bottom: .6em }
.banner-el .form-group > * { margin: 0 0 0 20px }
.banner-el :where(.form-control, .btn, input, select, .input-group-addon ) { padding: 6px; font-size: 13px; height: unset }
.banner-el :is(input:not(:where([type="checkbox"], [type="radio"])), select, .btn-group, .bootstrap-tagsinput) { border: none; box-shadow: 0 0 0 1px var(--greylight2); transition: box-shadow .12s ease-in }
.banner-el :is(input:not(:is([type="checkbox"], [type="radio"])), select, .btn-group, .bootstrap-tagsinput):hover { box-shadow: 0 0 0 1px var(--greylight2-5) }
.banner-el :is(input:not(:is([type="checkbox"], [type="radio"])), select, .btn-group, .bootstrap-tagsinput):is(:focus, :active) { border: none; box-shadow: inset 0 0 0 1px var(--primarymed), 0 0 0 1px var(--primarymed) }

.banner-countries { flex: 1 1 190px;margin-left:10px;max-width: min(20%, 290px) }
.banner-countries > .bootstrap-tagsinput { max-height: 140px;overflow-y:auto;width:100%;min-height:100%;display: flex;flex-wrap: wrap;align-items: baseline;align-content: flex-start; gap: 4px }
.banner-countries > .bootstrap-tagsinput .tag { margin: 0; padding: 3px 4px; font-size: 10px; border: 1px solid var(--greylight2); color: var(--grey); background: var(--greylight) }
.banner-countries > .bootstrap-tagsinput input { border: none; box-shadow: none; outline: none; padding: 0 6px; margin: 0; width: auto; max-width: inherit; height: 27px; background: whitesmoke; border-bottom: 1px solid #BDBDBD; border-radius: 4px; flex: 1 1 100%; opacity: 0 }
.banner-countries > .bootstrap-tagsinput input:focus { opacity: 1 }

.list-banners .control-label {
  font-size: .86em;
  line-height: 1.1;
  text-align: right;
  min-width: 90px;
  padding-top: 4px;
}
.list-banners .device-buttons__wrapper {
  flex-grow: 0;
  display: flex;
  margin: 0 0 18px;
}
.list-banners .show-device-btn { display: flex; position: relative; align-items: center; justify-content: center; height: 36px; width: 36px; padding: 0.1em; margin: 4px 0; background: #fff; border-radius: var(--br1); cursor: default }
.list-banners .show-device-btn:hover { background: var(--light); border-color: var(--greylight2-5);}
.list-banners .show-device-btn:active { background: var(--greylight); transform: translateY(1px); border-color: var(--greylight3) }
.list-banners .device-icon {
  flex: 0 0 20px; width: 20px; height: auto; pointer-events: none;
  & path { fill: var(--greylight2) }
}
.list-banners .show-device-btn:is(:hover, :active) path { fill: var(--greylight2-5) }
.list-banners :is(.device-mobile, .device-desktop).is-active path { fill: #00c167 }

.banner-form .drag-files-preview { margin:10px 0 10px }
.banner-form .drag-files-preview .dz-preview { display:flex; border-bottom:1px dashed #ccc; padding:10px 0 10px; position:relative }
.banner-form .drag-files-preview .dz-preview .dz-thumbnail-progress { flex:0 0 300px; align-self:center; text-align:center; margin-right:50px }
.banner-form .drag-files-preview .dz-preview .dz-thumbnail-progress img { border-radius: 4px }
.banner-form .drag-files-preview .dz-preview .dz-remove { position:absolute;top:10px;left:10px;cursor:pointer;font-size:30px }
.banner-form .drag-files-preview .dz-preview .dz-details { flex:0 1 100% }
.banner-form .drag-files-preview .dz-preview.dz-complete .progress { display:none }
.banner-form .drag-files-preview .dz-preview .dz-error-message { display:none;text-align:left }
.banner-form .drag-files-preview .dz-preview.dz-error .dz-error-message { display:block }

.banner-management .form-group:last-child { margin-bottom: 4px }
.big-checkbox__wrapper { position: relative; display: flex; flex: 0 0 28px; width: 28px; align-items: center; justify-content: center }
.big-checkbox__wrapper .glyphicon-refresh { position: absolute;display: flex;align-items: center;justify-content: center;font-size: 19px;width: 40px;height: 40px;z-index: 1;top: unset;background: #f2f2f2;border-radius: 20px;margin-bottom: 20px }
.big-checkbox__wrapper .glyphicon-refresh::before { height: 18px }
.big-checkbox__input { flex: 0 0 24px; width: 24px !important; height: 24px !important; margin: 0 !important; accent-color: #00a0d5 }

.delete-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-height: 28px;
  background-color: #ffe5e5;
  color: #ff1515;
  box-shadow: 0 0 0 1px #ffb8b8;
  padding: 8px 5px;
  border: none;
  border-radius: 5px;
  transition: none !important;
}
.delete-button svg { width: 100%;height: auto;max-width: 18px }
.delete-button svg path { stroke: #ff1515; stroke-width: 3px }
:is(.delete-button:hover, .delete-button:active) { color: white; background-color: #ff3f3f }
:is(.delete-button:hover, .delete-button:active) svg path { stroke: white }
.delete-button:active {  background-color: #ff1515 }

.banner-disabled { background-color: #ffffff !important; border-color: #e8e8e8 !important; }
.banner-disabled .banner-img { opacity: .35; filter: saturate(.3); transition: opacity .3s }
.banner-disabled .control-label,
.banner-disabled .control-text,
.banner-disabled .delete-button { opacity: .5; transition: opacity .3s }
.banner-disabled:hover .banner-img { opacity: .65; filter: saturate(1) }
.banner-disabled:hover .control-label,
.banner-disabled:hover .control-text,
.banner-disabled:hover .delete-button { opacity: 1 }

/* new sortable */
.ui-sortable-handler { cursor: move } /* General */
.list-banners .sortable-ghost-banner {
  background: var(--secondarysoft);
  opacity: .8
}
.list-banners .sortable-chosen-banner {
  border-color: var(--secondarysoft);
  box-shadow: 0 0 0 1px var(--secondarysoft);
}
.list-banners .sortable-selected-banner {
  border-color: var(--secondarysoft);
  box-shadow: 0 0 0 1px var(--secondarysoft);
}

#banner-add--page .dropdown-header {
  font-size: 1em;
  font-weight: 700;
  color: #000;
}





.note-items tr { font-size: 15px }


/*!
 * Release 0.8.0
 * Copyright (c) 2013 Tim Schlechter
 * The MIT License (MIT) - https://github.com/bootstrap-tagsinput/bootstrap-tagsinput/blob/master/LICENSE
 */
.bootstrap-tagsinput {background-color: #fff;border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); display: inline-block; padding: 10px 12px;color: #555; vertical-align: middle; border-radius: 4px;max-width: 100%;line-height: 22px;cursor: text;}.bootstrap-tagsinput input {border: none;box-shadow: none;outline: none;background-color: transparent;padding: 0 6px;margin: 0;width: auto;max-width: inherit;}.bootstrap-tagsinput.form-control input::-moz-placeholder {color: #777;opacity: 1;}.bootstrap-tagsinput.form-control input:-ms-input-placeholder {color: #777;}.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {color: #777;}.bootstrap-tagsinput input:focus {border: none;box-shadow: none;}.bootstrap-tagsinput .tag {margin-right: 2px;color: white;}.bootstrap-tagsinput .tag [data-role="remove"] {margin-left: 8px;cursor: pointer;}.bootstrap-tagsinput .tag [data-role="remove"]:after {content: "x";padding: 0px 2px;}.bootstrap-tagsinput .tag [data-role="remove"]:hover {box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}

/*!
 * Bootstrap-select v1.11.2 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2016 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */
select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\9}.bootstrap-select>.dropdown-toggle{width:100%;padding-right:25px;z-index:1}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2}.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{z-index:auto}.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn{border-radius:0}.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group{margin-bottom:0}.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}.form-inline .bootstrap-select.btn-group .form-control{width:100%}.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group.bs-container{position:absolute;height:0!important;padding:0!important}.bootstrap-select.btn-group.bs-container .dropdown-menu{z-index:1060}.bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}.bootstrap-select.btn-group .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li.active small{color:#fff}.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static}.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}

/**
 * @author zhixin wen <wenzhixin2010@gmail.com>
 * version: 1.8.1
 * https://github.com/wenzhixin/bootstrap-table/
 */
.bootstrap-table .table{margin-bottom:0!important;border-bottom:1px solid #ddd;border-collapse:collapse!important;border-radius:1px}.bootstrap-table .table.table-no-bordered > thead > tr > th,.bootstrap-table .table.table-no-bordered > tbody > tr > td{border-right:2px solid transparent}.fixed-table-container{position:relative;clear:both;border:1px solid #ddd;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}.fixed-table-container.table-no-bordered{border:1px solid transparent}.fixed-table-footer,.fixed-table-header{overflow:hidden}.fixed-table-footer{border-top:1px solid #ddd}.fixed-table-body{overflow-x:auto;overflow-y:auto;height:100%}.fixed-table-container table{width:100%}.fixed-table-container thead th{height:0;padding:0;margin:0;border-left:1px solid #ddd}.fixed-table-container thead th:first-child{border-left:none;border-top-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px}.fixed-table-container thead th .th-inner,.fixed-table-container tbody td .th-inner{padding:8px;line-height:24px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.fixed-table-container thead th .sortable{cursor:pointer;background-position:right;background-repeat:no-repeat;padding-right:20px}.fixed-table-container thead th .both{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC')}.fixed-table-container thead th .asc{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==)}.fixed-table-container thead th .desc{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= ')}.fixed-table-container th.detail{width:30px}.fixed-table-container tbody td{border-left:1px solid #ddd}.fixed-table-container tbody tr:first-child td{border-top:none}.fixed-table-container tbody td:first-child{border-left:none}.fixed-table-container tbody .selected td{background-color:#f5f5f5}.fixed-table-container .bs-checkbox{text-align:center}.fixed-table-container .bs-checkbox .th-inner{padding:8px 0}.fixed-table-container input[type="radio"],.fixed-table-container input[type="checkbox"]{margin:0 auto!important}.fixed-table-container .no-records-found{text-align:center}.fixed-table-pagination div.pagination,.fixed-table-pagination .pagination-detail{margin-top:10px;margin-bottom:10px}.fixed-table-pagination div.pagination .pagination{margin:0}.fixed-table-pagination .pagination a{padding:6px 12px;line-height:1.428571429}.fixed-table-pagination .pagination-info{line-height:34px;margin-right:5px}.fixed-table-pagination .btn-group{position:relative;display:inline-block;vertical-align:middle}.fixed-table-pagination .dropup .dropdown-menu{margin-bottom:0}.fixed-table-pagination .page-list{display:inline-block}.fixed-table-toolbar .columns-left{margin-right:5px}.fixed-table-toolbar .columns-right{margin-left:5px}.fixed-table-toolbar .columns label{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.428571429}.fixed-table-toolbar .bars,.fixed-table-toolbar .search,.fixed-table-toolbar .columns{position:relative;margin-top:0px;margin-bottom:10px;line-height:34px}.fixed-table-pagination li.disabled a{pointer-events:none;cursor:default}.fixed-table-loading{display:none;position:absolute;top:42px;right:0;bottom:0;left:0;z-index:99;background-color:#fff;text-align:center}.fixed-table-body .card-view .title{font-weight:700;display:inline-block;min-width:30%;text-align:left!important}.fixed-table-body thead th .th-inner{box-sizing:border-box}.table th,.table td{vertical-align:middle;box-sizing:border-box}.fixed-table-toolbar .dropdown-menu{text-align:left;max-height:300px;overflow:auto}.fixed-table-toolbar .btn-group > .btn-group{display:inline-block;margin-left:-1px!important}.fixed-table-toolbar .btn-group > .btn-group > .btn{border-radius:0}.fixed-table-toolbar .btn-group > .btn-group:first-child > .btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.fixed-table-toolbar .btn-group > .btn-group:last-child > .btn{border-top-right-radius:4px;border-bottom-right-radius:4px}.bootstrap-table .table > thead > tr > th{vertical-align:bottom;border-bottom:1px solid #ddd}.bootstrap-table .table thead > tr > th{padding:0;margin:0}.bootstrap-table .fixed-table-footer tbody > tr > td{padding:0!important}.bootstrap-table .fixed-table-footer .table{border-bottom:none;border-radius:0}.pull-right .dropdown-menu{right:0;left:auto}p.fixed-table-scroll-inner{width:100%;height:200px}div.fixed-table-scroll-outer{top:0;left:0;visibility:hidden;width:200px;height:150px;overflow:hidden}

/**
 * @author zhixin wen <wenzhixin2010@gmail.com>
 * @version: v1.0.1
 * @link https://github.com/wenzhixin/bootstrap-table-fixed-columns
 */
.fixed-table-body-columns,.fixed-table-header-columns,.fixed-table-footer-columns{position:absolute;background-color:#fff;display:none;box-sizing:border-box;overflow:hidden;z-index:1}.fixed-table-body-columns .table,.fixed-table-header-columns .table{border-right:1px solid #ddd}.fixed-table-body-columns .table.table-no-bordered,.fixed-table-header-columns .table.table-no-bordered{border-right:1px solid transparent}.fixed-table-body-columns table{position:absolute;animation:none}.bootstrap-table .table-hover>tbody>tr.hover>td{background-color:#f5f5f5}.table-hover>tbody>tr.info.hover>td,.table-hover>tbody>tr.info.hover>th,.table-hover>tbody>tr.hover>.info,.table-hover>tbody>tr>td.info.hover,.table-hover>tbody>tr>th.info.hover{background-color:#c4e3f3} .controlling-table .bootstrap-table .fixed-table-container .fixed-table-body-columns {height: auto;}

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.15.35
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.datepickerweek .bootstrap-datetimepicker-widget .datepicker-days table tbody tr:hover {background-color: #eee;}

/*!
 * X-editable - v1.5.0
 * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
 * http://github.com/vitalets/x-editable
 * Copyright (c) 2013 Vitaliy Potapov; Licensed MIT
 */
.editableform{margin-bottom:0}.editableform .control-group{margin-bottom:0;white-space:nowrap;line-height:20px}.editable-buttons{display:inline-block;vertical-align:top;margin-left:7px;zoom:1;*display:inline}.editable-buttons.editable-buttons-bottom{display:block;margin-top:7px;margin-left:0}.editable-input{vertical-align:top;display:inline-block;width:auto;white-space:normal;zoom:1;*display:inline}.editable-buttons .editable-cancel{margin-left:7px}.editable-buttons button.ui-button-icon-only{height:24px;width:30px}.editableform-loading{display:table-cell;vertical-align:middle;text-align:center;height:25px;width:auto;min-width:25px}.editable-inline .editableform-loading{text-align:left}.editable-error-block{max-width:300px;margin:5px 0 0;width:auto;white-space:normal}.editable-error-block.ui-state-error{padding:3px}.editable-error{color:red}.editableform .editable-date{padding:0;margin:0;float:left}.editable-inline .add-on .icon-th{margin-top:3px;margin-left:1px}.editable-checklist label input[type="checkbox"],.editable-checklist label span{vertical-align:middle;margin:0}.editable-checklist label{white-space:nowrap}.editable-wysihtml5{width:566px;height:250px}.editable-clear{clear:both;font-size:.9em;text-decoration:none;text-align:right}.editable-clear-x{font-size:13px;display:block;width:13px;height:13px;position:absolute;opacity:.6;z-index:100;top:50%;right:6px;margin-top:-6px}.editable-clear-x:hover{opacity:1}.editable-pre-wrapped{white-space:pre-wrap}.editable-container.editable-popup{max-width:none!important}.editable-container.popover{width:auto}.editable-container.editable-inline{display:inline-block;vertical-align:middle;width:auto;zoom:1;*display:inline}.editable-container.ui-widget{font-size:inherit;z-index:9990}.editable-click,a.editable-click,a.editable-click:hover{text-decoration:none;border-bottom:dashed 1px #08c}.editable-click.editable-disabled,a.editable-click.editable-disabled,a.editable-click.editable-disabled:hover{color:#585858;cursor:default;border-bottom:none}.editable-empty,.editable-empty:hover,.editable-empty:focus{font-style:italic;color:#D14;text-decoration:none}.editable-unsaved{font-weight:700}.editable-bg-transition{-webkit-transition:background-color 1400ms ease-out;-moz-transition:background-color 1400ms ease-out;-o-transition:background-color 1400ms ease-out;-ms-transition:background-color 1400ms ease-out;transition:background-color 1400ms ease-out}.form-horizontal .editable{padding-top:5px;display:inline-block}.datepicker{padding:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker.datepicker-rtl{direction:rtl}.datepicker.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute;top:-7px;left:6px}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.datepicker > div{display:none}.datepicker.days div.datepicker-days{display:block}.datepicker.months div.datepicker-months{display:block}.datepicker.years div.datepicker-years{display:block}.datepicker table{margin:0}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.day:hover{background:#eee;cursor:pointer}.datepicker table tr td.old,.datepicker table tr td.new{color:#999}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:none;color:#999;cursor:default}.datepicker table tr td.today,.datepicker table tr td.today:hover,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover{background-color:#fde19a;background-image:-moz-linear-gradient(top,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(top,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(top,#fdd49a,#fdf59a);background-image:-o-linear-gradient(top,#fdd49a,#fdf59a);background-image:linear-gradient(top,#fdd49a,#fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a',endColorstr='#fdf59a',GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#000}.datepicker table tr td.today:hover,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today[disabled],.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today.disabled:hover[disabled]{background-color:#fdf59a}.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active{background-color:#fbf069 \9}.datepicker table tr td.today:hover:hover{color:#000}.datepicker table tr td.today.active:hover{color:#fff}.datepicker table tr td.range,.datepicker table tr td.range:hover,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover{background:#eee;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover{background-color:#f3d17a;background-image:-moz-linear-gradient(top,#f3c17a,#f3e97a);background-image:-ms-linear-gradient(top,#f3c17a,#f3e97a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));background-image:-webkit-linear-gradient(top,#f3c17a,#f3e97a);background-image:-o-linear-gradient(top,#f3c17a,#f3e97a);background-image:linear-gradient(top,#f3c17a,#f3e97a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a',endColorstr='#f3e97a',GradientType=0);border-color:#f3e97a #f3e97a #edde34;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today[disabled],.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today.disabled:hover[disabled]{background-color:#f3e97a}.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:hover.active{background-color:#efe24b \9}.datepicker table tr td.selected,.datepicker table tr td.selected:hover,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover{background-color:#9e9e9e;background-image:-moz-linear-gradient(top,#b3b3b3,gray);background-image:-ms-linear-gradient(top,#b3b3b3,gray);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(gray));background-image:-webkit-linear-gradient(top,#b3b3b3,gray);background-image:-o-linear-gradient(top,#b3b3b3,gray);background-image:linear-gradient(top,#b3b3b3,gray);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3',endColorstr='#808080',GradientType=0);border-color:gray gray #595959;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected[disabled],.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected.disabled:hover[disabled]{background-color:gray}.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:hover.active{background-color:#666 \9}.datepicker table tr td.active,.datepicker table tr td.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover{background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-ms-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(top,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',endColorstr='#0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datepicker table tr td.active:hover,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active[disabled],.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active.disabled:hover[disabled]{background-color:#04c}.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active{background-color:#039 \9}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:none;color:#999;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover{background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-ms-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(top,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',endColorstr='#0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active[disabled],.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active.disabled:hover[disabled]{background-color:#04c}.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active{background-color:#039 \9}.datepicker table tr td span.old,.datepicker table tr td span.new{color:#999}.datepicker th.datepicker-switch{width:145px}.datepicker thead tr:first-child th,.datepicker tfoot tr th{cursor:pointer}.datepicker thead tr:first-child th:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.datepicker thead tr:first-child th.cw{cursor:default;background-color:transparent}.input-append.date .add-on i,.input-prepend.date .add-on i{display:block;cursor:pointer;width:16px;height:16px}.input-daterange input{text-align:center}.input-daterange input:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-daterange input:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-daterange .add-on{display:inline-block;width:auto;min-width:16px;height:18px;padding:4px 5px;font-weight:400;line-height:18px;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:1px solid #ccc;margin-left:-5px;margin-right:-5px}

/*!
 * jQuery File Upload Plugin CSS
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.fileinput-button{position:relative;overflow:hidden;display:inline-block}.fileinput-button input{position:absolute;top:0;right:0;margin:0;opacity:0;-ms-filter:alpha(opacity=0);font-size:200px;direction:ltr;cursor:pointer}@media screen\9{.fileinput-button input{filter:alpha(opacity=0);font-size:100%;height:100%}}

/* ========================================================================
 * bootstrap-switch - v3.3.2
 * http://www.bootstrap-switch.org
 * Copyright 2012-2013 Mattia Larentis
 * ========================================================================
 */
.bootstrap-switch{display:inline-block;direction:ltr;cursor:pointer;border-radius:4px;border:1px solid #ccc;position:relative;text-align:left;overflow:hidden;line-height:8px;z-index:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bootstrap-switch .bootstrap-switch-container{display:inline-block;top:0;border-radius:4px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-label{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block!important;height:100%;padding:6px 12px;font-size:14px;line-height:20px}.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on{text-align:center;z-index:1}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{color:#fff;background:#337ab7}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info{color:#fff;background:#5bc0de}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success{color:#fff;background:#5cb85c}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning{background:#f0ad4e;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger{color:#fff;background:#d9534f}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default{color:#000;background:#eee}.bootstrap-switch .bootstrap-switch-label{text-align:center;margin-top:-1px;margin-bottom:-1px;z-index:100;color:#333;background:#fff}.bootstrap-switch .bootstrap-switch-handle-on{border-bottom-left-radius:3px;border-top-left-radius:3px}.bootstrap-switch .bootstrap-switch-handle-off{border-bottom-right-radius:3px;border-top-right-radius:3px}.bootstrap-switch input[type=radio],.bootstrap-switch input[type=checkbox]{position:absolute!important;top:0;left:0;margin:0;z-index:-1;opacity:0;filter:alpha(opacity=0)}.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label{padding:1px 5px;font-size:12px;line-height:1.5}.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label{padding:5px 10px;font-size:12px;line-height:1.5}.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label{padding:6px 16px;font-size:18px;line-height:1.3333333}.bootstrap-switch.bootstrap-switch-disabled,.bootstrap-switch.bootstrap-switch-indeterminate,.bootstrap-switch.bootstrap-switch-readonly{cursor:default!important}.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label{opacity:.5;filter:alpha(opacity=50);cursor:default!important}.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container{-webkit-transition:margin-left .5s;-o-transition:margin-left .5s;transition:margin-left .5s}.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on{border-radius:0 3px 3px 0}.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off{border-radius:3px 0 0 3px}.bootstrap-switch.bootstrap-switch-focused{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label{border-bottom-right-radius:3px;border-top-right-radius:3px}.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label{border-bottom-left-radius:3px;border-top-left-radius:3px}


/**
 * Bootstrap based calendar full view.
 *
 * https://github.com/Serhioromano/bootstrap-calendar
 *
 * User: Sergey Romanov <serg4172@mail.ru>
 */
[class*="cal-cell"]{float:left;margin-left:0;min-height:1px}.cal-row-fluid{width:100%;*zoom:1}.cal-row-fluid:before,.cal-row-fluid:after{display:table;content:"";line-height:0}.cal-row-fluid:after{clear:both}.cal-row-fluid [class*="cal-cell"]{display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:0;*margin-left:-0.05213764337851929%}.cal-row-fluid [class*="cal-cell"]:first-child{margin-left:0}.cal-row-fluid .controls-row [class*="cal-cell"]+[class*="cal-cell"]{margin-left:0}.cal-row-fluid .cal-cell7{width:100%;*width:99.94669509594883%}.cal-row-fluid .cal-cell6{width:85.71428571428571%;*width:85.66098081023453%}.cal-row-fluid .cal-cell5{width:71.42857142857142%;*width:71.37526652452024%}.cal-row-fluid .cal-cell4{width:57.14285714285714%;*width:57.089552238805965%}.cal-row-fluid .cal-cell3{width:42.857142857142854%;*width:42.80383795309168%}.cal-row-fluid .cal-cell2{width:28.57142857142857%;*width:28.518123667377395%}.cal-row-fluid .cal-cell1{width:14.285714285714285%;*width:14.232409381663112%}.cal-week-box .cal-offset7,.cal-row-fluid .cal-offset7,.cal-row-fluid .cal-offset7:first-child{margin-left:100%;*margin-left:99.89339019189765%}.cal-week-box .cal-offset6,.cal-row-fluid .cal-offset6,.cal-row-fluid .cal-offset6:first-child{margin-left:85.71428571428571%;*margin-left:85.60767590618336%}.cal-week-box .cal-offset5,.cal-row-fluid .cal-offset5,.cal-row-fluid .cal-offset5:first-child{margin-left:71.42857142857142%;*margin-left:71.32196162046907%}.cal-week-box .cal-offset4,.cal-row-fluid .cal-offset4,.cal-row-fluid .cal-offset4:first-child{margin-left:57.14285714285714%;*margin-left:57.03624733475479%}.cal-week-box .cal-offset3,.cal-row-fluid .cal-offset3,.cal-row-fluid .cal-offset3:first-child{margin-left:42.857142857142854%;*margin-left:42.750533049040506%}.cal-week-box .cal-offset2,.cal-row-fluid .cal-offset2,.cal-row-fluid .cal-offset2:first-child{margin-left:28.57142857142857%;*margin-left:28.46481876332622%}.cal-week-box .cal-offset1,.cal-row-fluid .cal-offset1,.cal-row-fluid .cal-offset1:first-child{margin-left:14.285714285714285%;*margin-left:14.17910447761194%}.cal-row-fluid .cal-cell1{width:14.285714285714285%;*width:14.233576642335766%}[class*="cal-cell"].hide,.cal-row-fluid [class*="cal-cell"].hide{display:none}[class*="cal-cell"].pull-right,.cal-row-fluid [class*="cal-cell"].pull-right{float:right}.cal-row-head [class*="cal-cell"]:first-child,.cal-row-head [class*="cal-cell"]{min-height:auto;overflow:hidden;text-overflow:ellipsis}.cal-events-num{margin-top:20px}.cal-month-day{position:relative;display:block;width:100%}#cal-week-box{position:absolute;width:70px;left:-71px;top:-1px;padding:8px 5px;cursor:pointer}#cal-day-tick{position:absolute;right:50%;bottom:-21px;padding:0 5px;cursor:pointer;z-index:5;text-align:center;width:26px;margin-right:-17px}.cal-year-box #cal-day-tick{margin-right:-7px}#cal-slide-box{position:relative}#cal-slide-tick{position:absolute;width:16px;margin-left:-7px;height:9px;top:-1px;z-index:1}#cal-slide-tick.tick-month1{left:12.5%}#cal-slide-tick.tick-month2{left:37.5%}#cal-slide-tick.tick-month3{left:62.5%}#cal-slide-tick.tick-month4{left:87.5%}#cal-slide-tick.tick-day1{left:7.14285714285715%}#cal-slide-tick.tick-day2{left:21.42857142857143%}#cal-slide-tick.tick-day3{left:35.71428571428572%}#cal-slide-tick.tick-day4{left:50%}#cal-slide-tick.tick-day5{left:64.2857142857143%}#cal-slide-tick.tick-day6{left:78.57142857142859%}#cal-slide-tick.tick-day7{left:92.85714285714285%}.events-list{position:absolute;bottom:0;left:0;overflow:hidden}#cal-slide-content ul.unstyled{margin-bottom:0}.cal-week-box{position:relative}.cal-week-box [data-event-class]{white-space:nowrap;height:30px;margin:1px 1px;line-height:30px;text-overflow:ellipsis;overflow:hidden;padding-left:10px}.cal-week-box .cal-column{position:absolute;height:100%;z-index:-1}.cal-week-box .arrow-before,.cal-week-box .arrow-after{position:relative}.cal-week-box .arrow-after:after{content:"";position:absolute;top:0;width:0;height:0;right:0;border-top:15px solid #fff;border-left:8px solid;border-bottom:15px solid #fff}.cal-week-box .arrow-before:before{content:"";position:absolute;top:0;width:0;height:0;left:1px;border-top:15px solid transparent;border-left:8px solid #fff;border-bottom:15px solid transparent}#cal-day-box{text-wrap:none}#cal-day-box .cal-day-hour-part{height:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-bottom:thin dashed #e1e1e1}#cal-day-box .cal-day-hour .day-highlight{height:30px}#cal-day-box .cal-hours{font-weight:bolder}#cal-day-box .cal-day-hour:nth-child(odd){background-color:#fafafa}#cal-day-box #cal-day-panel{position:relative;padding-left:60px}#cal-day-box #cal-day-panel-hour{position:absolute;width:100%;margin-left:-60px}#cal-day-box .day-event{position:relative;max-width:200px;overflow:hidden}#cal-day-box .day-highlight{line-height:30px;padding-left:8px;padding-right:8px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #c3c3c3;margin:1px 1px;overflow:hidden;text-overflow:ellipsis}#cal-day-box .day-highlight.dh-event-important{border:1px solid #ad2121}#cal-day-box .day-highlight.dh-event-warning{border:1px solid #e3bc08}#cal-day-box .day-highlight.dh-event-info{border:1px solid #1e90ff}#cal-day-box .day-highlight.dh-event-inverse{border:1px solid #1b1b1b}#cal-day-box .day-highlight.dh-event-success{border:1px solid #006400}#cal-day-box .day-highlight.dh-event-special{background-color:#ffe6ff;border:1px solid #800080}.event{display:block;background-color:#c3c3c3;width:12px;height:12px;margin-right:2px;margin-bottom:2px;-webkit-box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.4);box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.4);border-radius:8px;border:1px solid #fff}.event-block{display:block;background-color:#c3c3c3;width:20px;height:100%}.cal-event-list .event.pull-left{margin-top:3px}.event-important{background-color:#ad2121}.event-info{background-color:#1e90ff}.event-warning{background-color:#e3bc08}.event-inverse{background-color:#1b1b1b}.event-success{background-color:#006400}.event-special{background-color:#800080}.day-highlight:hover,.day-highlight{background-color:#ddd}.day-highlight.dh-event-important:hover,.day-highlight.dh-event-important{background-color:#fae3e3}.day-highlight.dh-event-warning:hover,.day-highlight.dh-event-warning{background-color:#fdf1ba}.day-highlight.dh-event-info:hover,.day-highlight.dh-event-info{background-color:#d1e8ff}.day-highlight.dh-event-inverse:hover,.day-highlight.dh-event-inverse{background-color:#c1c1c1}.day-highlight.dh-event-success:hover,.day-highlight.dh-event-success{background-color:#caffca}.day-highlight.dh-event-special:hover,.day-highlight.dh-event-special{background-color:#ffe6ff}.cal-row-head [class*="cal-cell"]:first-child,.cal-row-head [class*="cal-cell"]{font-weight:bolder;text-align:center;border:0 solid;padding:5px 0}.cal-row-head [class*="cal-cell"] small{font-weight:normal}.cal-year-box .row-fluid:hover,.cal-row-fluid:hover{background-color:#fafafa}.cal-month-day{height:100px}[class*="cal-cell"]:hover{background-color:#ededed}.cal-year-box [class*="span"],.cal-month-box [class*="cal-cell"]{min-height:100px;border-right:1px solid #e1e1e1;position:relative}.cal-year-box [class*="span"]{min-height:60px}.cal-year-box .row-fluid [class*="span"]:last-child,.cal-month-box .cal-row-fluid [class*="cal-cell"]:last-child{border-right:0}.cal-year-box .row-fluid,.cal-month-box .cal-row-fluid{border-bottom:1px solid #e1e1e1;margin-left:0;margin-right:0}.cal-year-box .row-fluid:last-child,.cal-month-box .cal-row-fluid:last-child{border-bottom:0}.cal-month-box,.cal-year-box,.cal-week-box{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-radius:2px}span[data-cal-date]{font-size:1.2em;font-weight:normal;opacity:.5;cursor:pointer;transition:all .3s ease-in-out;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;margin-top:15px;margin-right:15px}span[data-cal-date]:hover{opacity:1}.cal-day-outmonth span[data-cal-date]{opacity:.1;cursor:default}/*.cal-day-today{background-color:#e8fde7}.cal-day-today span[data-cal-date]{color:darkgreen}.cal-month-box .cal-day-today span[data-cal-date]{font-size:1.9em}*/.cal-day-holiday span[data-cal-date]{color:#800080}.cal-day-weekend span[data-cal-date]{color:darkred}#cal-week-box{border:1px solid #e1e1e1;border-right:0;border-radius:5px 0 0 5px;background-color:#fafafa;text-align:right}#cal-day-tick{border:1px solid #e1e1e1;border-top:0 solid;border-radius:0 0 5px 5px;background-color:#ededed;text-align:center}#cal-slide-box{border-top:0 solid #8c8c8c}#cal-slide-content{padding:20px;color:#fff;background-image:url("../img/dark_wood.png");-webkit-box-shadow:inset 0 0 15px 0 rgba(0,0,0,0.5);box-shadow:inset 0 0 15px 0 rgba(0,0,0,0.5)}#cal-slide-tick{background-image:url("../img/tick.png?2")}#cal-slide-content:hover{background-color:transparent}#cal-slide-content a.event-item{color:#fff;font-weight:normal;line-height:22px}.events-list{max-height:47px;padding-left:5px}.cal-column{border-left:1px solid #e1e1e1}a.cal-event-week{text-decoration:none;color:#151515}.badge-important{background-color:#b94a48}
.margin-top-5{margin-top:5px !important;}.margin-top-10{margin-top:10px !important;}.margin-top-15{margin-top:15px !important;}.margin-top-20{margin-top:20px !important;}.margin-top-25{margin-top:25px !important;}.margin-top-30{margin-top:30px !important;}.margin-top-35{margin-top:35px !important;}.margin-top-40{margin-top:40px !important;}.margin-top-45{margin-top:45px !important;}.margin-top-50{margin-top:50px !important;}.margin-top-55{margin-top:55px !important;}.margin-top-60{margin-top:60px !important;}.margin-top-65{margin-top:65px !important;}.margin-top-70{margin-top:70px !important;}.margin-top-75{margin-top:75px !important;}.margin-top-80{margin-top:80px !important;}.margin-top-85{margin-top:85px !important;}.margin-top-90{margin-top:90px !important;}.margin-top-95{margin-top:95px !important;}.margin-top-100{margin-top:100px !important;}.margin-top-105{margin-top:105px !important;}.margin-top-110{margin-top:110px !important;}.margin-top-115{margin-top:115px !important;}.margin-top-120{margin-top:120px !important;}.margin-top-125{margin-top:125px !important;}.margin-top-130{margin-top:130px !important;}.margin-top-135{margin-top:135px !important;}.margin-top-140{margin-top:140px !important;}.margin-top-145{margin-top:145px !important;}.margin-top-150{margin-top:150px !important;}.margin-top-155{margin-top:155px !important;}.margin-top-160{margin-top:160px !important;}.margin-top-165{margin-top:165px !important;}.margin-top-170{margin-top:170px !important;}.margin-top-175{margin-top:175px !important;}.margin-top-180{margin-top:180px !important;}.margin-top-185{margin-top:185px !important;}.margin-top-190{margin-top:190px !important;}.margin-top-195{margin-top:195px !important;}.margin-top-200{margin-top:200px !important;}.margin-top-205{margin-top:205px !important;}.margin-top-210{margin-top:210px !important;}.margin-top-215{margin-top:215px !important;}.margin-top-220{margin-top:220px !important;}.margin-top-225{margin-top:225px !important;}.margin-top-230{margin-top:230px !important;}.margin-top-235{margin-top:235px !important;}.margin-top-240{margin-top:240px !important;}.margin-top-245{margin-top:245px !important;}.margin-left-5{margin-left:5px !important;}.margin-left-10{margin-left:10px !important;}.margin-left-15{margin-left:15px !important;}.margin-left-20{margin-left:20px !important;}.margin-left-25{margin-left:25px !important;}.margin-left-30{margin-left:30px !important;}.margin-left-35{margin-left:35px !important;}.margin-left-40{margin-left:40px !important;}.margin-left-45{margin-left:45px !important;}.margin-left-50{margin-left:50px !important;}.margin-left-55{margin-left:55px !important;}.margin-left-60{margin-left:60px !important;}.margin-left-65{margin-left:65px !important;}.margin-left-70{margin-left:70px !important;}.margin-left-75{margin-left:75px !important;}.margin-left-80{margin-left:80px !important;}.margin-left-85{margin-left:85px !important;}.margin-left-90{margin-left:90px !important;}.margin-left-95{margin-left:95px !important;}.margin-left-100{margin-left:100px !important;}.margin-left-105{margin-left:105px !important;}.margin-left-110{margin-left:110px !important;}.margin-left-115{margin-left:115px !important;}.margin-left-120{margin-left:120px !important;}.margin-left-125{margin-left:125px !important;}.margin-left-130{margin-left:130px !important;}.margin-left-135{margin-left:135px !important;}.margin-left-140{margin-left:140px !important;}.margin-left-145{margin-left:145px !important;}.margin-left-150{margin-left:150px !important;}.margin-left-155{margin-left:155px !important;}.margin-left-160{margin-left:160px !important;}.margin-left-165{margin-left:165px !important;}.margin-left-170{margin-left:170px !important;}.margin-left-175{margin-left:175px !important;}.margin-left-180{margin-left:180px !important;}.margin-left-185{margin-left:185px !important;}.margin-left-190{margin-left:190px !important;}.margin-left-195{margin-left:195px !important;}.margin-left-200{margin-left:200px !important;}.margin-left-205{margin-left:205px !important;}.margin-left-210{margin-left:210px !important;}.margin-left-215{margin-left:215px !important;}.margin-left-220{margin-left:220px !important;}.margin-left-225{margin-left:225px !important;}.margin-left-230{margin-left:230px !important;}.margin-left-235{margin-left:235px !important;}.margin-left-240{margin-left:240px !important;}.margin-left-245{margin-left:245px !important;}.margin-right-5{margin-right:5px !important;}.margin-right-10{margin-right:10px !important;}.margin-right-15{margin-right:15px !important;}.margin-right-20{margin-right:20px !important;}.margin-right-25{margin-right:25px !important;}.margin-right-30{margin-right:30px !important;}.margin-right-35{margin-right:35px !important;}.margin-right-40{margin-right:40px !important;}.margin-right-45{margin-right:45px !important;}.margin-right-50{margin-right:50px !important;}.margin-right-55{margin-right:55px !important;}.margin-right-60{margin-right:60px !important;}.margin-right-65{margin-right:65px !important;}.margin-right-70{margin-right:70px !important;}.margin-right-75{margin-right:75px !important;}.margin-right-80{margin-right:80px !important;}.margin-right-85{margin-right:85px !important;}.margin-right-90{margin-right:90px !important;}.margin-right-95{margin-right:95px !important;}.margin-right-100{margin-right:100px !important;}.margin-right-105{margin-right:105px !important;}.margin-right-110{margin-right:110px !important;}.margin-right-115{margin-right:115px !important;}.margin-right-120{margin-right:120px !important;}.margin-right-125{margin-right:125px !important;}.margin-right-130{margin-right:130px !important;}.margin-right-135{margin-right:135px !important;}.margin-right-140{margin-right:140px !important;}.margin-right-145{margin-right:145px !important;}.margin-right-150{margin-right:150px !important;}.margin-right-155{margin-right:155px !important;}.margin-right-160{margin-right:160px !important;}.margin-right-165{margin-right:165px !important;}.margin-right-170{margin-right:170px !important;}.margin-right-175{margin-right:175px !important;}.margin-right-180{margin-right:180px !important;}.margin-right-185{margin-right:185px !important;}.margin-right-190{margin-right:190px !important;}.margin-right-195{margin-right:195px !important;}.margin-right-200{margin-right:200px !important;}.margin-right-205{margin-right:205px !important;}.margin-right-210{margin-right:210px !important;}.margin-right-215{margin-right:215px !important;}.margin-right-220{margin-right:220px !important;}.margin-right-225{margin-right:225px !important;}.margin-right-230{margin-right:230px !important;}.margin-right-235{margin-right:235px !important;}.margin-right-240{margin-right:240px !important;}.margin-right-245{margin-right:245px !important;}.margin-bottom-5{margin-bottom:5px !important;}.margin-bottom-10{margin-bottom:10px !important;}.margin-bottom-15{margin-bottom:15px !important;}.margin-bottom-20{margin-bottom:20px !important;}.margin-bottom-25{margin-bottom:25px !important;}.margin-bottom-30{margin-bottom:30px !important;}.margin-bottom-35{margin-bottom:35px !important;}.margin-bottom-40{margin-bottom:40px !important;}.margin-bottom-45{margin-bottom:45px !important;}.margin-bottom-50{margin-bottom:50px !important;}.margin-bottom-55{margin-bottom:55px !important;}.margin-bottom-60{margin-bottom:60px !important;}.margin-bottom-65{margin-bottom:65px !important;}.margin-bottom-70{margin-bottom:70px !important;}.margin-bottom-75{margin-bottom:75px !important;}.margin-bottom-80{margin-bottom:80px !important;}.margin-bottom-85{margin-bottom:85px !important;}.margin-bottom-90{margin-bottom:90px !important;}.margin-bottom-95{margin-bottom:95px !important;}.margin-bottom-100{margin-bottom:100px !important;}.margin-bottom-105{margin-bottom:105px !important;}.margin-bottom-110{margin-bottom:110px !important;}.margin-bottom-115{margin-bottom:115px !important;}.margin-bottom-120{margin-bottom:120px !important;}.margin-bottom-125{margin-bottom:125px !important;}.margin-bottom-130{margin-bottom:130px !important;}.margin-bottom-135{margin-bottom:135px !important;}.margin-bottom-140{margin-bottom:140px !important;}.margin-bottom-145{margin-bottom:145px !important;}.margin-bottom-150{margin-bottom:150px !important;}.margin-bottom-155{margin-bottom:155px !important;}.margin-bottom-160{margin-bottom:160px !important;}.margin-bottom-165{margin-bottom:165px !important;}.margin-bottom-170{margin-bottom:170px !important;}.margin-bottom-175{margin-bottom:175px !important;}.margin-bottom-180{margin-bottom:180px !important;}.margin-bottom-185{margin-bottom:185px !important;}.margin-bottom-190{margin-bottom:190px !important;}.margin-bottom-195{margin-bottom:195px !important;}.margin-bottom-200{margin-bottom:200px !important;}.margin-bottom-205{margin-bottom:205px !important;}.margin-bottom-210{margin-bottom:210px !important;}.margin-bottom-215{margin-bottom:215px !important;}.margin-bottom-220{margin-bottom:220px !important;}.margin-bottom-225{margin-bottom:225px !important;}.margin-bottom-230{margin-bottom:230px !important;}.margin-bottom-235{margin-bottom:235px !important;}.margin-bottom-240{margin-bottom:240px !important;}.margin-bottom-245{margin-bottom:245px !important;}.padding-top-5{padding-top:5px !important;}.padding-top-10{padding-top:10px !important;}.padding-top-15{padding-top:15px !important;}.padding-top-20{padding-top:20px !important;}.padding-top-25{padding-top:25px !important;}.padding-top-30{padding-top:30px !important;}.padding-top-35{padding-top:35px !important;}.padding-top-40{padding-top:40px !important;}.padding-top-45{padding-top:45px !important;}.padding-top-50{padding-top:50px !important;}.padding-top-55{padding-top:55px !important;}.padding-top-60{padding-top:60px !important;}.padding-top-65{padding-top:65px !important;}.padding-top-70{padding-top:70px !important;}.padding-top-75{padding-top:75px !important;}.padding-top-80{padding-top:80px !important;}.padding-top-85{padding-top:85px !important;}.padding-top-90{padding-top:90px !important;}.padding-top-95{padding-top:95px !important;}.padding-top-100{padding-top:100px !important;}.padding-top-105{padding-top:105px !important;}.padding-top-110{padding-top:110px !important;}.padding-top-115{padding-top:115px !important;}.padding-top-120{padding-top:120px !important;}.padding-top-125{padding-top:125px !important;}.padding-top-130{padding-top:130px !important;}.padding-top-135{padding-top:135px !important;}.padding-top-140{padding-top:140px !important;}.padding-top-145{padding-top:145px !important;}.padding-top-150{padding-top:150px !important;}.padding-top-155{padding-top:155px !important;}.padding-top-160{padding-top:160px !important;}.padding-top-165{padding-top:165px !important;}.padding-top-170{padding-top:170px !important;}.padding-top-175{padding-top:175px !important;}.padding-top-180{padding-top:180px !important;}.padding-top-185{padding-top:185px !important;}.padding-top-190{padding-top:190px !important;}.padding-top-195{padding-top:195px !important;}.padding-top-200{padding-top:200px !important;}.padding-top-205{padding-top:205px !important;}.padding-top-210{padding-top:210px !important;}.padding-top-215{padding-top:215px !important;}.padding-top-220{padding-top:220px !important;}.padding-top-225{padding-top:225px !important;}.padding-top-230{padding-top:230px !important;}.padding-top-235{padding-top:235px !important;}.padding-top-240{padding-top:240px !important;}.padding-top-245{padding-top:245px !important;}.padding-left-5{padding-left:5px !important;}.padding-left-10{padding-left:10px !important;}.padding-left-15{padding-left:15px !important;}.padding-left-20{padding-left:20px !important;}.padding-left-25{padding-left:25px !important;}.padding-left-30{padding-left:30px !important;}.padding-left-35{padding-left:35px !important;}.padding-left-40{padding-left:40px !important;}.padding-left-45{padding-left:45px !important;}.padding-left-50{padding-left:50px !important;}.padding-left-55{padding-left:55px !important;}.padding-left-60{padding-left:60px !important;}.padding-left-65{padding-left:65px !important;}.padding-left-70{padding-left:70px !important;}.padding-left-75{padding-left:75px !important;}.padding-left-80{padding-left:80px !important;}.padding-left-85{padding-left:85px !important;}.padding-left-90{padding-left:90px !important;}.padding-left-95{padding-left:95px !important;}.padding-left-100{padding-left:100px !important;}.padding-left-105{padding-left:105px !important;}.padding-left-110{padding-left:110px !important;}.padding-left-115{padding-left:115px !important;}.padding-left-120{padding-left:120px !important;}.padding-left-125{padding-left:125px !important;}.padding-left-130{padding-left:130px !important;}.padding-left-135{padding-left:135px !important;}.padding-left-140{padding-left:140px !important;}.padding-left-145{padding-left:145px !important;}.padding-left-150{padding-left:150px !important;}.padding-left-155{padding-left:155px !important;}.padding-left-160{padding-left:160px !important;}.padding-left-165{padding-left:165px !important;}.padding-left-170{padding-left:170px !important;}.padding-left-175{padding-left:175px !important;}.padding-left-180{padding-left:180px !important;}.padding-left-185{padding-left:185px !important;}.padding-left-190{padding-left:190px !important;}.padding-left-195{padding-left:195px !important;}.padding-left-200{padding-left:200px !important;}.padding-left-205{padding-left:205px !important;}.padding-left-210{padding-left:210px !important;}.padding-left-215{padding-left:215px !important;}.padding-left-220{padding-left:220px !important;}.padding-left-225{padding-left:225px !important;}.padding-left-230{padding-left:230px !important;}.padding-left-235{padding-left:235px !important;}.padding-left-240{padding-left:240px !important;}.padding-left-245{padding-left:245px !important;}.padding-right-5{padding-right:5px !important;}.padding-right-10{padding-right:10px !important;}.padding-right-15{padding-right:15px !important;}.padding-right-20{padding-right:20px !important;}.padding-right-25{padding-right:25px !important;}.padding-right-30{padding-right:30px !important;}.padding-right-35{padding-right:35px !important;}.padding-right-40{padding-right:40px !important;}.padding-right-45{padding-right:45px !important;}.padding-right-50{padding-right:50px !important;}.padding-right-55{padding-right:55px !important;}.padding-right-60{padding-right:60px !important;}.padding-right-65{padding-right:65px !important;}.padding-right-70{padding-right:70px !important;}.padding-right-75{padding-right:75px !important;}.padding-right-80{padding-right:80px !important;}.padding-right-85{padding-right:85px !important;}.padding-right-90{padding-right:90px !important;}.padding-right-95{padding-right:95px !important;}.padding-right-100{padding-right:100px !important;}.padding-right-105{padding-right:105px !important;}.padding-right-110{padding-right:110px !important;}.padding-right-115{padding-right:115px !important;}.padding-right-120{padding-right:120px !important;}.padding-right-125{padding-right:125px !important;}.padding-right-130{padding-right:130px !important;}.padding-right-135{padding-right:135px !important;}.padding-right-140{padding-right:140px !important;}.padding-right-145{padding-right:145px !important;}.padding-right-150{padding-right:150px !important;}.padding-right-155{padding-right:155px !important;}.padding-right-160{padding-right:160px !important;}.padding-right-165{padding-right:165px !important;}.padding-right-170{padding-right:170px !important;}.padding-right-175{padding-right:175px !important;}.padding-right-180{padding-right:180px !important;}.padding-right-185{padding-right:185px !important;}.padding-right-190{padding-right:190px !important;}.padding-right-195{padding-right:195px !important;}.padding-right-200{padding-right:200px !important;}.padding-right-205{padding-right:205px !important;}.padding-right-210{padding-right:210px !important;}.padding-right-215{padding-right:215px !important;}.padding-right-220{padding-right:220px !important;}.padding-right-225{padding-right:225px !important;}.padding-right-230{padding-right:230px !important;}.padding-right-235{padding-right:235px !important;}.padding-right-240{padding-right:240px !important;}.padding-right-245{padding-right:245px !important;}.padding-bottom-5{padding-bottom:5px !important;}.padding-bottom-10{padding-bottom:10px !important;}.padding-bottom-15{padding-bottom:15px !important;}.padding-bottom-20{padding-bottom:20px !important;}.padding-bottom-25{padding-bottom:25px !important;}.padding-bottom-30{padding-bottom:30px !important;}.padding-bottom-35{padding-bottom:35px !important;}.padding-bottom-40{padding-bottom:40px !important;}.padding-bottom-45{padding-bottom:45px !important;}.padding-bottom-50{padding-bottom:50px !important;}.padding-bottom-55{padding-bottom:55px !important;}.padding-bottom-60{padding-bottom:60px !important;}.padding-bottom-65{padding-bottom:65px !important;}.padding-bottom-70{padding-bottom:70px !important;}.padding-bottom-75{padding-bottom:75px !important;}.padding-bottom-80{padding-bottom:80px !important;}.padding-bottom-85{padding-bottom:85px !important;}.padding-bottom-90{padding-bottom:90px !important;}.padding-bottom-95{padding-bottom:95px !important;}.padding-bottom-100{padding-bottom:100px !important;}.padding-bottom-105{padding-bottom:105px !important;}.padding-bottom-110{padding-bottom:110px !important;}.padding-bottom-115{padding-bottom:115px !important;}.padding-bottom-120{padding-bottom:120px !important;}.padding-bottom-125{padding-bottom:125px !important;}.padding-bottom-130{padding-bottom:130px !important;}.padding-bottom-135{padding-bottom:135px !important;}.padding-bottom-140{padding-bottom:140px !important;}.padding-bottom-145{padding-bottom:145px !important;}.padding-bottom-150{padding-bottom:150px !important;}.padding-bottom-155{padding-bottom:155px !important;}.padding-bottom-160{padding-bottom:160px !important;}.padding-bottom-165{padding-bottom:165px !important;}.padding-bottom-170{padding-bottom:170px !important;}.padding-bottom-175{padding-bottom:175px !important;}.padding-bottom-180{padding-bottom:180px !important;}.padding-bottom-185{padding-bottom:185px !important;}.padding-bottom-190{padding-bottom:190px !important;}.padding-bottom-195{padding-bottom:195px !important;}.padding-bottom-200{padding-bottom:200px !important;}.padding-bottom-205{padding-bottom:205px !important;}.padding-bottom-210{padding-bottom:210px !important;}.padding-bottom-215{padding-bottom:215px !important;}.padding-bottom-220{padding-bottom:220px !important;}.padding-bottom-225{padding-bottom:225px !important;}.padding-bottom-230{padding-bottom:230px !important;}.padding-bottom-235{padding-bottom:235px !important;}.padding-bottom-240{padding-bottom:240px !important;}.padding-bottom-245{padding-bottom:245px !important;}.padding-all-5{padding:5px !important;}.padding-all-10{padding:10px !important;}.padding-all-15{padding:15px !important;}.padding-all-20{padding:20px !important;}.padding-all-25{padding:25px !important;}.padding-all-30{padding:30px !important;}.padding-all-35{padding:35px !important;}.padding-all-40{padding:40px !important;}.padding-all-45{padding:45px !important;}.padding-all-50{padding:50px !important;}.padding-all-55{padding:55px !important;}.padding-all-60{padding:60px !important;}.padding-all-65{padding:65px !important;}.padding-all-70{padding:70px !important;}.padding-all-75{padding:75px !important;}.padding-all-80{padding:80px !important;}.padding-all-85{padding:85px !important;}.padding-all-90{padding:90px !important;}.padding-all-95{padding:95px !important;}.padding-all-100{padding:100px !important;}.padding-all-105{padding:105px !important;}.padding-all-110{padding:110px !important;}.padding-all-115{padding:115px !important;}.padding-all-120{padding:120px !important;}.padding-all-125{padding:125px !important;}.padding-all-130{padding:130px !important;}.padding-all-135{padding:135px !important;}.padding-all-140{padding:140px !important;}.padding-all-145{padding:145px !important;}.padding-all-150{padding:150px !important;}.padding-all-155{padding:155px !important;}.padding-all-160{padding:160px !important;}.padding-all-165{padding:165px !important;}.padding-all-170{padding:170px !important;}.padding-all-175{padding:175px !important;}.padding-all-180{padding:180px !important;}.padding-all-185{padding:185px !important;}.padding-all-190{padding:190px !important;}.padding-all-195{padding:195px !important;}.padding-all-200{padding:200px !important;}.padding-all-205{padding:205px !important;}.padding-all-210{padding:210px !important;}.padding-all-215{padding:215px !important;}.padding-all-220{padding:220px !important;}.padding-all-225{padding:225px !important;}.padding-all-230{padding:230px !important;}.padding-all-235{padding:235px !important;}.padding-all-240{padding:240px !important;}.padding-all-245{padding:245px !important;}

/*! ========================================================================
 * Bootstrap Toggle: bootstrap-toggle.css v2.2.0
 * http://www.bootstraptoggle.com
 * ========================================================================
 * Copyright 2014 Min Hur, The New York Times Company
 * Licensed under MIT
 * ======================================================================== */
.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}
.toggle{position:relative;overflow:hidden}
.toggle input[type=checkbox]{display:none}
.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
.toggle.off .toggle-group{left:-100%}
.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0}
.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px}
.toggle.btn{min-width:59px;}
.toggle-on.btn{padding-right:24px;padding-top: 5px;}
.toggle-off.btn{padding-left:24px;padding-top: 5px;}
.toggle.btn-lg{min-width:79px;min-height:45px}
.toggle-on.btn-lg{padding-right:31px}
.toggle-off.btn-lg{padding-left:31px}
.toggle-handle.btn-lg{width:40px}
.toggle.btn-sm{min-width:50px;min-height:30px}
.toggle-on.btn-sm{padding-right:20px}
.toggle-off.btn-sm{padding-left:20px}
.toggle.btn-xs{min-width:35px;min-height:22px}
.toggle-on.btn-xs{padding-right:12px}
.toggle-off.btn-xs{padding-left:12px}

.fake-input{
  background: white;
  padding: 7px;
  border-radius: 5px;
  border: 1px solid #bdbdbd;
}
.zeroSize {
  font-size: 0px;
}
h4.section-separation{
  margin-top: 40px;
  border-top:1px solid black;
  padding-top: 15px;
}
#manual_auto_oc {
  background: rgba(255, 255, 0, 0.18);
  border-radius: 10px;
  padding-top: 5px;
  margin-bottom: 5px;
}

/*Numero de errors para las pestañas de los formularios*/
.form-tab-error-number {
  background-color: red;
  color: white;
  padding: 3px;
  border-radius: 8px;
  display: none;
}

#btn-add-fiscal-data-only{
  display: none;
}
#btn-add-fiscal-data-only:only-child{
  display: initial;
}
.btn-add-fiscal-data{
  display: none;
}
.fiscal-data:last-child .btn-add-fiscal-data{
  display: initial;
}

/*Report css common colors*/
.qpr-reports .report-table .black-white{
  background-color: black;
  color: white;
}
.qpr-reports .report-table .country-head{
  height: 7px;
  line-height: 7px;
  min-height: 7px;
}
.qpr-reports .report-table .data-head{
  height: 10px;
  line-height: 10px;
  min-height: 10px;
}
.qpr-reports .report-table .block-col{
  width: 100px;
}
.qpr-reports .report-table .double-block-col{
  width: 200px;
}
.qpr-reports .strong-blue{
  background-color: #455368;
  color: white;
}
.qpr-reports .soft-blue{
  background-color: #ccd8ea;
}

.qpr-reports .report-table .comp-data{
  background-color: rgb(221, 221, 221);
}
.qpr-reports .report-table .row-separator{
  height: 15px;
}
.qpr-reports .report-table .col-separator{
  width: 15px;
}

.qpr-reports .table.table-borderless tr th, .table.table-borderless tr td {
  border: 0;
}
.qpr-reports .report-table .centered{
  text-align: center;
}
.qpr-reports .report-table .num-data{
  text-align: right;
}
.qpr-reports .report-table .soft-data{
  color: gray;
}

.qpr-reports .report-table tr:first-child .m1,
.qpr-reports .report-table .row-separator + tr .m1{
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
}

.qpr-reports .report-table .comp-diff{
  border-left: 1px solid black;
  border-right: 1px solid black;
}

.qpr-reports .report-table tr:first-child .comp-diff,
.qpr-reports .report-table .row-separator + tr .comp-diff{
  border-top: 1px solid black;
  border-right: 1px solid black;
  border-left: none;
}

.qpr-reports .report-table tr:first-child + tr + tr .comp-diff,
.qpr-reports .report-table .row-separator + tr + tr + tr .comp-diff{
  border-bottom: 1px solid black;
}

.qpr-reports .legend-table td{
  height: 10px;
  line-height: 10px;
  min-height: 10px;
}

.detail_auto_order{margin: 0px;padding: 3px;display: table;}
.detail_auto_order p {display: table-row;border-bottom: 1px solid #d3d3d3;}
.detail_auto_order span{display: table-cell;padding: 5px;}
.detail_auto_order p:last-child{border-bottom: 0px !important;}
.detail_auto_order span.number{text-align: right;}


/* NATURALS CONTENT */
.naturals_content .form-control{
  height: 34px;
}

.naturals_content .tab-pane{
  background: #fff;
  padding: 20px;
  border: 1px solid #ddd;
  border-top-color: transparent;
}

.naturals_content ul.nav-tabs li a{color: #6a6a6a;}
.naturals_content ul.nav-tabs li.active a{color: #000;}

#module_modal .notice td{text-align:center;padding:50px 0;color: #6a6a6a;}
#create_module .bootstrap-tagsinput{width: 100%;}
#create_module .bootstrap-tagsinput input[type="text"]{width: 175px;}
/* END NATURALS CONTENT */


/* PHA-204 - TOOL LANDING BRANDS */
#landing-brand-management img { height: 40%; }
#landing-brand-management .format_colors { padding: 25px; border-radius: 10px; }
#landing-brand-management .format_languages { background-color: #ffffff; padding: 5px; margin: 3px; border-radius: 3px; line-height: 28px; }
#landing-brand-management #sortable-products { list-style-type: none; margin: 0; padding: 0; width: 100%; cursor: move; }
#landing-brand-management #sortable-products li { margin: 3px 3px 3px 0; padding: 10px; float: left; width: 150px; height: 40px; text-align: center; border-radius: 3px; background-color: #ffffff; }
#landing-brand-management #sortable-products button { float: right; font-size: 18px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; cursor: pointer; background: 0; border: 0; }
.modal-body .landing-brand-management .box-colors { border-radius: 4px; border: 1px solid #ccc; width: 100%; height: 30px; background-color: #ffffff; background-color: white; }
.modal-body .landing-brand-management .box-image #drag-files-preview img { max-width: 400px; max-height: 200px; }
.modal-body .landing-brand-management .product-img { width: 40%; }

/* END PHA-204 - TOOL LANDING BRANDS */

/* Custom checkbox */
.pretty_checkbox input {
  opacity:0;
  pointer-events: none;
  height: 0;
  width:0;
}
.pretty_checkbox label:before {
  content: "SÍ";
  right: 10px;
  display: block;
  position: absolute;
}
.pretty_checkbox label {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  cursor: pointer;
  border: 1px #3c763d solid;
  background: #bbe4bc;
  padding: 5px 25px;
  color: #3c763d;
  border-radius: 4px;
  transition: all 0.3s;
}
.pretty_checkbox.blue label {
  background: #0a89c0;
  color: white;
}
.pretty_checkbox input:checked + label {
  color: red;
  border: 1px red solid;
  background: #f1c6c6;
}
.pretty_checkbox input:checked + label:before {
  content: "NO";
}

/*Expandable well*/
.expandable.well{
  height: 30px;
  overflow: hidden;
  margin: 0;
  padding: 10px;
  cursor: pointer;
}
.expandable.well.open{
  height: auto;
  overflow: unset;
}

/* MIS-1425: New Mail Marketing ONLY CONTENT html generator for Salesforce */
.tienda .dropdown-toggle[title="Miscota"]   { background-color: hsla(46, 100%, 51%, 0.29); border-left: 4px solid #fcd03f !important}
.tienda .dropdown-toggle[title="Animalear"] { background-color: hsla(6, 94%, 57%, 0.18); border-left: 4px solid #dd4c3b !important}
.tienda .dropdown-toggle[title="Petness"]   { background-color: hsla(24, 100%, 57%, 0.22); border-left: 4px solid #f5741e !important}
.nav-sidebar a .tag {position: relative;top: -5px;margin-left: 2px;color: #5bc0de;font-size: 9px;font-weight: 600;letter-spacing: 2px}

/* Report OTC In Out */
.err-otc-wrapper { margin-top: 10px; margin-bottom: 20px; height: 50px}

/* Retail shop form */
.retail_checkbox input {
  opacity:0;
  pointer-events: none;
  height: 0;
  width:0;
}
.retail_checkbox label:before {
  content: "NO";
  right: 10px;
  display: block;
  position: absolute;
}
.retail_checkbox label {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  cursor: pointer;
  padding: 5px 25px;
  border-radius: 4px;
  transition: all 0.3s;
  color: red;
  border: 1px red solid;
  background: #f1c6c6;
}
.retail_checkbox input:checked + label {
  border: 1px #3c763d solid;
  background: #bbe4bc;
  color: #3c763d;
}
.retail_checkbox input:checked + label:before {
  content: "SI";
}
.retail_checkbox input:is([disabled]) + label {
  background: transparent;
}

/* MIS-2414 toogle settings.php */
.switch-variables { position : relative ;   display : inline-block;   width : 40px;   height : 20px;   background-color: rgb(122, 122, 122);   border-radius: 20px; }
.switch-variables::after { content: '';  position: absolute;  width: 18px;  height: 18px;  border-radius: 50%;  background-color: white;  top: 1px; left: 1px;  transition: all 0.3s;}
.checkbox-variables:checked + .switch-variables::after {  left : 20px; }
.checkbox-variables:checked + .switch-variables {  background-color:  #26d1ff ;}
.checkbox-variables { display : none;}
.m-table-var{margin-top:20px; margin-bottom: 10px;}
.label-switch-var{width:100%;}

.mp-parameters > div {margin-bottom: 10px;padding-bottom: 10px;border-bottom: 2px solid gray }
#js-render-table- {margin-left: 15px }


/* Branded Campaigns */
.branded-campaign-table thead th { font-weight:400; font-size: 12px; letter-spacing: .02em; color: #545454; padding: 6px 8px !important; line-height: 1 !important; border: none !important }
.branded-campaign-table thead th span { font-size: .86em; font-weight: normal }
.branded-campaign-table tbody th { padding: 30px 10px !important }

.custom-form {  }
.custom-form .form-group { display: flex !important; justify-content: center; margin: 0 0 10px }
.custom-form .big-checkbox { padding: 0 }
.custom-form .big-checkbox input {width: 23px;height: 23px;margin-left: -30px;top: -3px }
.custom-form .big-checkbox label { padding-left: 30px; font-size: 16px; user-select: none }
.custom-form .label-title { font-size: 15px; font-weight: 600; padding: 0; display: flex; align-items: center; text-align: right; line-height: 1; justify-content: flex-end; margin: 0 10px 0 0 }
.custom-form input[type=text] { min-height: 40px; font-size: 16px; font-weight: 500; color: var(--dark); flex: 1 1 auto }
.custom-form input[type=text]::placeholder { font-size: 14px }
.custom-form .panel-heading { padding-right: 32px }

/* modal tweeks */
.modal .modal-dialog { height: 90vh; display: flex; align-items: center; justify-content: center }
.modal .modal-content { border-radius: 8px }
@media (min-width: 768px) {
  .modal-content { min-width: 600px }
}
.modal .error { color: #f12b2b }
.modal .error .modal-header { background-color: #f14e4e; color: #fff; border-radius: 6px 6px 0 0 }
.modal .error .modal-title { font-size: 18px; font-weight: 600 }
.modal .error .modal-body { min-height: 80px; font-size: 18px; min-height: 100px; display: flex; align-items: center; padding: 10px 40px }
.modal .modal-dialog.modal-lg { width: auto !important; max-width: 80vw }

.retail-spaw .uk-modal-body p {
  text-indent: -24px;
  padding-left: 24px;
  line-height: 1.4;
}


/* Spinner using uikit spinner */
/* Use it from javascript with addSpinner() and removeSpinner() */

.el-spinner-wrapper {
  position: relative;
  border-radius: 4px;
}

.block-spinner {
  position: absolute;
  display: grid;
  place-items: flex-end;
  align-items: center;
  inset: 0;
  width: 100%;
  height: 100%;
  padding-right: 5px;
  text-align: center;
  z-index: 9999;
  background: hsla(0,0%,100%,.70);
}
.block-spinner.no-pointer-events {
  pointer-events: none;
}
.center-spinner .block-spinner {
  place-items: center;
  padding: 0;
}

.block-spinner .uk-spinner svg {
  max-width: 72% !important;
}

.block-spinner .uk-spinner svg * {
  stroke-width: 2px !important;
  stroke: var(--primary) !important
}

.default-input {
  font-size: 14px;
  min-height: 40px;
}




/* --------- Loading Icon & Content Modal --------- */
/* ------------------------------------------------ */
.popUpContainer { top: 0; left: 0; position: fixed; width: 100%; height: 100%; z-index: 999999; display: flex; align-items: center; justify-content: center }
.popUpBg {background-color: rgb(181 181 181 / 70%);position: fixed!important;top: 0;left: 0;width: 100%;height: 100%;opacity: 1;z-index: 10}
.loading-wrapper, .error-wrapper { position: fixed; margin-top: -6vh; padding: 20px 46px 20px 34px; z-index: inherit; width: 60%; max-width: 420px; height: 130px; background-color: #FFFFFF; border-radius: var(--br3); box-shadow: 1px 3px 24px rgba(0,0,0,.15); display: flex; flex-direction: row; align-items: center; overflow:hidden }
.loading-wrapper { user-select: none }
.error-wrapper { height:auto; overflow:hidden; max-width: 540px; padding:30px 40px 30px 30px; font-weight: 300; color: #555 }

.close-button { position: absolute; display: flex; justify-content: center; align-items: center; top: 10px; right: 10px; width: 50px; height: 50px; cursor: default; font-size: 13px; color: #9E9E9E; font-weight: bolder; text-align: center; border-radius: 50px; background-color: transparent; transition: background-color .2s ease-in-out; z-index:9 }
.desktop .close-button:hover { color: #212121; background-color: hsla(0, 0%, 88%, .4) !important }
.close-button:active { transform: scale3d(0.92,.92,1); transform-origin: center; background-color: #e8e8e8 !important; box-shadow: inset 0 4px 0 -1px rgba(0,0,0,.03) }
.popUpContainer .close-button { width: 44px; height: 44px }
.close-button.medium-button { width: 32px; height: 32px; font-size: 12px }
.close-button.small-button { width: 24px; height: 24px; font-size: 10px }

.loading-icon.ring1 { background-image:url('/imgs/asset-loading-icons.svg'); background-position:0 0; background-repeat:no-repeat }
.loading-icon.ring2 { background-image:url('/imgs/asset-loading-icons.svg'); background-position:0 -100px; background-repeat:no-repeat }
.loading-icon.ring3 { background-image:url('/imgs/asset-loading-icons.svg'); background-position:0 -200px; background-repeat:no-repeat }
.loading-icon.ring4 { background-image:url('/imgs/asset-loading-icons.svg'); background-position:0 -300px; background-repeat:no-repeat }
.loading-icon.ring5 { background-image:url('/imgs/asset-loading-icons.svg'); background-position:0 -400px; background-repeat:no-repeat }
.loading-icon.ring6 { background-image:url('/imgs/asset-loading-icons.svg'); background-position:0 -500px; background-repeat:no-repeat }
.loading-icon.ring7 { background-image:url('/imgs/asset-loading-icons.svg'); background-position:0 -600px; background-repeat:no-repeat }
.loading-icon.ring8 { background-image:url('/imgs/asset-loading-icons.svg'); background-position:0 -700px; background-repeat:no-repeat }
.loading-icon.ring9 { background-image:url('/imgs/asset-loading-icons.svg'); background-position:0 -800px; background-repeat:no-repeat }

.loading-text { font-size: 15px; margin-left: 3px; font-weight: 400 }
.error-text, .data-content { width: 100%; text-align: left; font-size: 1rem; line-height: 1.3; padding-left: 0; position: relative; align-items: flex-start; display: block }
.error-text { display: flex; align-items: center }
.error-text::before { content: "D"; font-family: bilua-icons2, system-ui; text-transform: uppercase; position: relative; font-size: 44px; height: 100%; margin-right: 14px; color: var(--secondary) }
.error-text p { display: inline-block }

.popUpContainer-data { top: 0; left: 0; position: fixed; width: 100%; height: 100%; z-index: 999999; display:flex; align-items:center; justify-content:center }
.data-wrapper { position: relative; padding: 50px 50px 50px; z-index: inherit; width: 80%; max-width: 580px; min-height: 120px; height: auto; background-color: #FFFFFF; border-radius: 4px; box-shadow: 0 10px 30px -4px rgba(0,0,0,.3); display: flex; flex-direction: row; justify-content: flex-start; align-items: center }
.popUpContainer-data > .data-wrapper { padding: 0 }
.data-content > p:first-of-type { margin-bottom: 10px; font-size:20px; font-weight:200 }
.data-content > p:nth-of-type(2) { margin-bottom: 10px; font-size:14px; font-weight:400; color: #9E9E9E }
.data-content > .single-input { display:block; margin-top:14px }
.popUpContainer-data .single-input > label { font-size:16px }
.is-mobile .loading-wrapper, .is-mobile .error-wrapper, .is-mobile .data-wrapper { padding: 10px; width: 82%; min-height: 90px; height: auto }
.is-mobile .loading-text, .is-mobile .error-text { font-size: 15px }
.is-mobile .data-content { font-size: 16px }

.is-mobile .error-wrapper { padding: 18px 40px 18px 18px }
.is-mobile .error-wrapper .error-text { display: flex; font-weight: 400; font-size: 14px; align-items: center }

.popUpContainer-data .data-wrapper { display:flex; flex-direction:column; border-radius: var(--br3); padding: 0 0 50px;}
.popUpContainer-data .shop-map.data-wrapper { max-width: unset; width: auto; flex: 0 0 auto }
.popUpContainer-data .data-header { position: relative; width:100% }
.popUpContainer-data .data-header .modal-title { box-sizing: border-box; position:relative; display:flex; flex-direction: row; background-color: #F5F5F5; border-bottom: 1px solid #EEEEEE; width:100%; min-height: 50px; height: auto; align-items: center; padding: 12px 70px 8px 24px; z-index: 1; margin-bottom: -20px; color: #8e8e8e; border-radius: 16px 16px 0 0 }
.popUpContainer-data .data-header .modal-title > p { font-size: 17px; font-weight: 300; color: inherit }
.popUpContainer-data .data-header > .close-button { min-height: 40px; min-width: 40px; height: 40px; width: 40px; flex: 0 0 40px; border-radius: 60px; z-index: 3; transition: background-color .2s ease; top: 8px; padding: 0 }
.popUpContainer-data .data-header > .close-button:hover { background-color: rgba(0, 0, 0, 0.2); color: #212121 }
.popUpContainer-data .data-content { padding: 34px 24px 20px 24px; align-items: flex-end; box-sizing: border-box }
.popUpContainer-data .data-content .modal-message { width: 100%; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; align-items: flex-start }
.popUpContainer-data .data-content .modal-message[class*=icon2] { padding-left: 40px }
.popUpContainer-data .data-content .modal-message[class*=icon2]::before { position: absolute; left: 0; font-size: 26px }
.popUpContainer-data .data-content .modal-message[class*=icon2].blue::before { color: #03A9F4 }
.popUpContainer-data .data-content .modal-message[class*=icon2].green::before { color: var(--secondary) }
.popUpContainer-data .data-content .modal-message[class*=icon2].red::before { color: #F44336 }
.popUpContainer-data .data-content .modal-main-question { font-family: var(--titlef); font-size: 19px; font-weight: 400; line-height: 1.3; margin: 0 0 3px 0; padding: 3px 34px 0 0 }
.popUpContainer-data .data-content .modal-main-question.big { font-size: 21px; margin-top: -1px; padding-right: 90px }

.popUpContainer-data .data-content .modal-small-text { font-size:13px; font-weight: 400; margin: 0; color: #8c8c8c; letter-spacing: .01rem; padding: 0 0 0 1px;}
.popUpContainer-data .data-content .modal-medium-text { font-size: 15px; font-weight: 400; margin: 0; color: #8c8c8c; letter-spacing: .01rem; padding: 0 0 0 1px;line-height: 1.4 }
.popUpContainer-data .data-content .modal-bottom-text { font-size: 11px; margin-top: 30px; margin-bottom: -10px }
.popUpContainer-data .data-content .modal-actions { position: absolute; left: 0; bottom:-30px; width: 100%; display: flex; flex-direction: row; justify-content: flex-end; height: 76px; margin-bottom: -20px; overflow:hidden; padding: 16px 12px; border-radius: var(--br2) }
.popUpContainer-data .data-content .modal-actions > .button-light { margin: 0 6px }
.popUpContainer-data .data-content .modal-actions .button-icon { font-size: .8rem }
.popUpContainer-data .data-content .modal-actions .button-text { font-size: 14px; line-height: 1.1 }
.desktop .popUpContainer-data .draggable .data-content,
.desktop .popUpContainer-data .draggable .data-header { cursor: move; user-select: none }
.popUpContainer-data .data-wrapper.no-buttons { padding-bottom: 0 }

/* Coupon Copied */
.coupon-copied .popUpContainer-data .data-wrapper { padding: 10px 10px 30px 30px !important }
.coupon-copied .popUpContainer-data .data-wrapper .data-content { display: flex !important; align-items: center !important }
.coupon-copied .popUpContainer-data .data-wrapper .data-content .checkmark { margin-right: 10px !important }

/* New Loading Icon - Color spinner */
/* -------------------------------- */
.new-loading-icon { position: relative; width: 60px; height: 100%; max-height: 60px; display: none; flex: 0 0 60px; min-height: 35px }
.new-loading-icon.is-active { display: block }
.new-loading-icon .circular { -webkit-animation: rotate 1.5s linear infinite; animation: rotate 1.5s linear infinite; height: 100%; -webkit-transform-origin: center center; transform-origin: center center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; animation-play-state: paused !important }
.new-loading-icon.is-active .circular { animation-play-state: running !important }
.new-loading-icon .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite, color 4s ease-in-out infinite; stroke-linecap: round; stroke-width: 3px }
.nav-item:hover .new-loading-icon .circular { animation-play-state: running !important }

.loading-wrapper .new-loading-icon { margin: 0 14px 0 0; display: flex; justify-content: center; align-items: center }
.product-list .new-loading-icon { left: -8px; max-height: 70px; height: 70px; margin: 0 auto; }
button .new-loading-icon { height: 20px !important; min-height: 20px; left: unset !important; margin: 0 auto; align-items: center; justify-content: center }
button .new-loading-icon .path { stroke: var(--secondary) !important; animation: dash 1.5s ease-in-out infinite }
button:hover .new-loading-icon .path { stroke: #FFFFFF !important }
.checkoutResumeLoading .popUpBg { background-color: #FFFFFF !important; opacity: 0.7 !important; position: absolute !important; top: 0 !important; left: 0 !important }
.checkoutResumeLoading .loading-wrapper { position: absolute; left: 50%; top: 50%; margin-top: -60px; transform: translateX(-50%); padding: 20px; z-index: inherit; max-width: 440px; height: 110px; border-radius: 4px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: auto !important; box-shadow: none !important; background: none !important }

.module3 .nav-item .new-loading-icon, .module3 .nav-item .new-loading-icon .path { animation-iteration-count: 0 }
.module3 .nav-item.hover .new-loading-icon, .module3 .nav-item.hover .new-loading-icon .path { animation-iteration-count: infinite }

@keyframes rotate { 100% { transform: rotate(360deg) } }
@keyframes rotate2 { 100% { transform: rotate(360deg) } }
@keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0 } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px } }
@keyframes color { 100%, 80%, 20%, 0% { stroke: var(--primary) } 50% { stroke: var(--primarylight) } }
/* -------------------------------------------------------------- */


.img-h-50 {
  height: 50px;
  width: auto;
  max-width: 50px;
  object-fit: contain;
}
.img-h-70 {
  height: 70px;
  width: auto;
  max-width: 70px;
  object-fit: contain;
}
.scale-on-hover:hover {
  transform: scale3d(4, 4, 1);
  transform-origin: center;
  transition: transform .2s ease;
}
.scale-img-on-hover:hover img {
  transform: scale3d(4, 4, 1);
  transform-origin: center;
  transition: transform .2s ease;
}


:is(input[type="date"], [data-toggle="datepicker"]) {
  position: relative;
  height: 33px;
  font-size: 14px;
  /* show calendar on focus input */
  &::-webkit-calendar-picker-indicator {
    display: block;
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    border-radius: var(--br1);
  }
  &::-webkit-datetime-edit-fields-wrapper,
  &::-webkit-datetime-edit-month-field,
  &::-webkit-datetime-edit-day-field,
  &::-webkit-datetime-edit-year-field {
    padding: 0;
  }
  &:placeholder-shown::placeholder {
    color: red;
  }
}



/* ---------- HELPERS ----------- */
.p-relative { position: relative }
.no-padding { padding: 0 !important }
.no-margin { margin: 0 !important }
.no-border { border: 0 !important }
.w50 { width: 50% !important; flex:0 0 50% }
.w75 { width: 75% !important; flex:0 0 75% }
.w100 { width: 100% !important; flex:0 0 100% }
.w-auto { width: auto !important; flex: 0 0 auto !important }
.f-shrink { flex-shrink: 1 !important; }
.f-grow { flex-grow: 1 !important; }
.padding-lat-10 { padding-left: 10px; padding-right: 10px }
.padding-lat-20 { padding-left: 20px; padding-right: 20px }
.margin-lat-20 { margin-left: 20px; margin-right: 20px }
.padding-bottom-filter-item { padding-bottom: 36px }
.hidden { display: none !important }
.v-hidden { visibility: hidden !important; pointer-events: none !important }
input.hidden-input { position: absolute; opacity: 0 }
.opacity0 { opacity: 0 !important }
.opacity100 { opacity: 100% !important }
.mb0 { margin-bottom: 0 !important }
.mb5 { margin-bottom: 5px !important }
.mb8 { margin-bottom: 8px !important }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb20 { margin-bottom: 20px !important }
.mb30 { margin-bottom: 30px !important }
.mb40 { margin-bottom: 40px !important }
.mb60 { margin-bottom: 60px !important }
.mt5 { margin-top: 5px }
.mt8 { margin-top: 8px !important }
.mt10 { margin-top: 10px !important }
.mt15 { margin-top: 15px }
.mt20 { margin-top: 20px !important }
.mt25 { margin-top: 25px !important }
.mt30 { margin-top: 30px !important }
.mt40 { margin-top: 40px !important }
.mt50 { margin-top: 50px }
.mr0 { margin-right: 0 !important }
.mr5 { margin-right: 5px }
.mr10 { margin-right: 10px !important }
.mr15 { margin-right: 15px !important }
.mr20 { margin-right: 20px }
.mr25 { margin-right: 25px }
.ml5 { margin-left: 5px }
.ml10 { margin-left: 10px }
.ml15 { margin-left: 15px }
.ml20 { margin-left: 20px !important }
.ml30 { margin-left: 30px !important }
.ml40 { margin-left: 40px !important }
.ml60 { margin-left: 60px }
.pt01em { padding-top: .1em }
.pt3 { padding-top: 3px }
.pt5 { padding-top: 5px }
.pl5 { padding-left: 5px !important }
.pl10 { padding-left: 10px !important }
.pl15 { padding-left: 15px !important }
.pl30 { padding-left: 30px !important }
.pt25 { padding-top: 25px !important }
.pr0 { padding-right: 0 !important }
.pr15 { padding-right: 15px !important }
.pr30 { padding-right: 30px !important }
.upper { text-transform: uppercase !important }
.oVisible { overflow: visible !important }
.overflow-x-auto { overflow-x: auto !important }
.scrollbar-thin { scrollbar-width: thin; scrollbar-color: var(--greylight2) #ffffff }
.displayFlex { display: flex !important }
.c-green { color: #00c167 }
.color-primary { color: var(--primary) }
.color-secondary { color: var(--secondary) }
.color-secondarysoft { color: var(--secondarysoft) }
.color-error { color: var(--error) }
.white-text { color: #FFFFFF !important }
.flex-row { display: flex; flex: 1 1 auto; flex-direction: row !important; width: 100%; align-items: center }
.flex-column { display: flex; flex: 1 1 auto; flex-direction: column !important; align-items: center }
.align-fs { align-items: flex-start }
.align-fe { align-items: flex-end }
.align-c { align-items: center !important }
.align-b { align-items: baseline }
.justify-fs { justify-content: flex-start !important }
.justify-fe { justify-content: flex-end !important }
.justify-c { justify-content: center }
.justify-sb, .space-b { justify-content: space-between }
.justify-sa { justify-content: space-around }
.flex-wrap { flex-wrap: wrap }
.flex-auto { flex: 0 0 auto }
.font-normal{font-weight:normal !important;}
.is-disabled { opacity: .5 !important; pointer-events: none !important }
.font-weight-bold { font-weight: bold; }
.font-weight-light { font-weight: 200; }
.cursor-pointer { cursor:pointer; }
.cursor-zoom { cursor: zoom-in; }
.pointer-events-none { pointer-events: none; }
.viewToggle { opacity:0; max-height: 0; padding: 0; margin: 0; pointer-events: none; overflow: hidden; transition: opacity .4s ease-out, max-height 0.3s ease-out }
.viewToggle.is-visible { opacity:1; max-height: 400px }
.italic { font-style: italic }
.small-text { font-size: 11px }
.mini-text { font-size: 10px }
.transform-orig-cl { transform-origin: center left !important }



/* custom DEV MODE msg */
.dev-mode--alert {
  display: flex;
  align-items: center;
  background: #edd2ff;
  border: 2px solid #ff00f2;
  color: black;
  font-size: 1.1em;
  font-weight: 600;
  padding: 0 1em;
}
.dev-mode--alert::before {
  content: '⚠';
  display: inline-flex;
  margin-right: .2em;
  font-size: 2.5em;
  font-weight: 300;
  color: #ff00f2;
}


/* END of the FILE */
/* Don't write bellow */