/** Desktop styles **/
/** Mobile styles **/
body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}
.modal-open {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
body .modal-content {
  border-radius: 0;
}
.modal#siteLogin {
  z-index: 2147483001;
  padding-right: 17px;
}
#siteLogin .modal-dialog {
  float: right;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 400px;
  margin-right: -17px;
}
#siteLogin .modal-content {
  padding-top: 105px;
}
footer .modal.fade:not(.in) .modal-dialog {
  transform: translate3d(125%, 0, 0);
}
footer .modal.fade .modal-dialog {
  transition: transform 0.7s ease-out;
}
#siteLogin .notlogin .user_wrap {
  padding-top: 25px;
}
#siteLogin .notlogin .user_wrap.user-login {
  padding-top: 15%;
}
#siteLogin .header-logo img {
  max-width: 100%;
}
body .btn {
  border: none;
}
a {
  color: #4b4b4b;
  text-decoration: none;
  outline: none;
}
a:hover,
a:active,
a:focus {
  outline: none;
}
input,
.btn,
.input-group-addon,
.panel,
.form-control,
.alert {
  border-radius: 0px !important;
}
/** Navigation **/
.navbar {
  border: none;
}
.navbar-header-menu {
  min-height: inherit;
}
.navsub-header-menu .caret {
  line-height: 105px;
  border-top: 5px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  margin-top: -4px;
  margin-left: 2px;
}
.navsub-header-menu ul {
  margin: 17px 0px;
}
.navsub-header-menu .nav > li > a:focus,
.navsub-header-menu .nav > li > a:hover {
  color: #286184;
  background-color: #ededed;
}
.navsub-header-menu .nav > li > a {
  padding-top: 3px;
}
.navsub-header-menu .nav > li.logout > a:focus,
.navsub-header-menu .nav > li.logout > a:hover {
  color: #fc4346;
}
.navsub-header-menu ul > li > a {
  padding: 1px 15px;
  text-transform: uppercase;
  font-size: 13px;
  color: #d1d1d1;
  font-weight: 600;
}
.navsub-header-menu ul > li > a > span.glyphicons {
  line-height: 16px;
}
.navsub-header-menu ul.dropdown-menu {
  min-width: 100%;
  /**max-width: 100%;**/
  padding: 0;
  font-size: 13px;
  border: 1px solid #ededed;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.navbar-nav li.dropdown {
  margin-right: 1px;
}
.navsub-header-menu .dropdown-menu > li {
  margin: 0 1px 1px 1px;
}
.navsub-header-menu .dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  background-color: #286184;
  color: #fff;
}
.navbar-brand img {
  height: 40px;
}
/** Navigation **/
#wrapper {
  padding-bottom: 50px;
}
/** Footer **/
.footer {
  color: #fff;
  padding: 10px 0;
  font-size: 11px;
  font-weight: 500;
}
.footer a {
  color: #fff;
}
.footer .footer_link a {
  border-right: 1px solid #fff;
  padding: 0 10px;
}
.footer .footer_link a:last-child {
  border-right: none;
}
.footer .footer_link {
  float: right;
  height: 20px;
}
.footer .copyright {
  float: left;
}
/** Footer **/
/** Search **/
.search {
  height: 85px;
  padding-top: 21px;
}
/** Search **/
/** Pin Manager **/
#manage-pin tr.action-button td {
  border-top: 0;
}
.pin-status .pin-download-status {
  width: 55px;
  height: 30px;
}
.pin-status .pin-download-status {
  width: 50%;
  height: 30px;
}
.pin-status .pin-download-status.ok {
  float: right;
}
.pin-exp-date .pin-exped {
  color: #FF0000;
}
/** Pin Manager **/
/** Button hover **/
.menu-btn-large {
  background-color: #286184;
}
.menu-btn-large:hover {
  background-color: #00a8d4;
}
/** Button hover **/
.archived-radio input.labelauty:not(:checked):not([disabled]) + label:hover {
  background-color: #d1d1d1;
  color: #4d4d4d;
  outline: 1px solid #adadad;
}
.archived-radio input.labelauty:checked:not([disabled]) + label:hover {
  background-color: #204d74;
  border-color: #122b40;
}
.logo_dam {
  float: left;
  background-position: 0 -1300px;
  width: 51px;
  height: 43px;
}
li {
  list-style: none;
}
ul,
menu,
dir {
  display: block;
  list-style-type: disc;
}
.product-detail-object-id {
  font-size: 14px !important;
  padding-bottom: 10px;
  font-weight: 700;
}
.bootstrap-dialog-message ul {
  margin-bottom: 0;
}
.text-middle {
  vertical-align: middle !important;
}
.title-gray-block {
  font-weight: 700;
  background-color: #e0e0e0;
  padding: 2px 10px;
  font-size: 20px;
}
.feature-title {
  border-bottom: 1px solid #dedede;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.bg-gray {
  background-color: #d1d1d1;
  padding: 0 10px;
}
/* Selector 2*/
.select2-container--default .select2-selection--multiple {
  border-radius: 0px !important;
  background-color: #d1d1d1 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0 30px 0 5px !important;
}
.select2-container--default .select2-selection--single {
  border-radius: 0px !important;
  height: 34px !important;
  outline: none;
}
span.select2-selection::after {
  width: 20px;
  height: 100%;
  content: "\E602";
  position: absolute;
  text-align: right;
  float: right;
  top: 2px;
  right: 10px;
  font-family: 'Glyphicons Regular';
  font-size: 22px;
  cursor: pointer;
}
#load-save-modal .select2-container .select2-selection--single {
  height: 32px;
}
#load-save-modal .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 30px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #286184 !important;
  color: #fff !important;
}
ul.select2-results__options li.select2-results__option {
  background-color: #dfdfdf;
  color: #4b4b4b;
}
.select2-results__option {
  padding-left: 12px !important;
}
.product-download-format .select2.select2-container::after {
  top: 0;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background: #286184 !important;
  color: #fff;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
  border: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-selection .select2-selection__clear {
  display: none;
}
body .select2-dropdown {
  border: 0 !important;
}
.wrapper-title {
  margin-bottom: 13px !important;
}
.value.text-right.filter-checkbox-type {
  background-color: #ededed;
}
#filter-wrapper .option-wrapper .action .action-filter-txt span {
  padding-top: 2px;
}
.select2-search--dropdown {
  display: none ;
}
/* Selector 2*/
/* Item Grid */
.item-wrapper .item {
  border: 1px solid #d1d1d1;
  padding: 10px;
  width: 100%;
  position: relative;
}
.item .icon-head .type {
  margin: 2px 0 10px 0;
  float: left;
  min-width: 100px;
}
#list-view-wrapper .type .file-type {
  border: 1px solid #000;
  padding: 0 5px;
  font-size: 12px;
}
#grid-view-wrapper .type .file-type {
  border: 1px solid #000;
  padding: 1px 5px;
  font-size: 7px;
}
#grid-view-wrapper .type .type-name {
  font-size: 9px;
}
.item-wrapper .item img {
  max-width: 200px;
  margin: auto;
  display: inherit;
  max-height: 150px;
  vertical-align: middle;
  text-align: center;
}
.product-thumbnail {
  display: inline-block;
  line-height: 150px;
  width: 200px;
  height: 150px;
  margin: auto;
}
.item-wrapper .icon-head .country {
  position: absolute;
  right: 2px;
  text-align: center;
  font-size: 16px;
  margin-top: 5px;
}
.item-wrapper .icon-head .country .remove-cart {
  color: #fc4346;
}
.product-grid-view .country .code {
  display: none;
}
.country .code {
  background-color: #d1d1d1;
  padding: 2px 6px;
  text-transform: uppercase;
  margin: 0 0 5px;
  font-size: 10px;
}
.product-grid-view .overlay-countries .code:nth-child(1) {
  margin-left: 25px;
}
.product-grid-view .overlay-title .code {
  background-color: #d1d1d1;
  color: #4b4b4b;
  padding: 0px 9px;
  text-transform: uppercase;
  margin: 8px 0 5px 2px;
  font-size: 10px;
  display: block;
  float: left;
  position: relative;
}
.product-countries {
  position: absolute;
}
.product-countries .code {
  background-color: #d1d1d1;
  color: #4b4b4b;
  padding: 0px 9px;
  text-transform: uppercase;
  margin: 0px 0 5px 2px;
  font-size: 10px;
  display: block;
  float: left;
  position: relative;
}
.tag-div {
  min-width: 150px;
  max-width: 150px;
}
.tag-list {
  background-color: #d1d1d1;
  color: #4b4b4b;
  padding: 3px 9px;
  text-transform: uppercase;
  margin: 1px 0 1px 2px;
  font-size: 12px;
  font-weight: 600;
  display: block;
  border-radius: 4px;
  float: left;
  position: relative;
}
.tags-td {
  display: grid;
}
.word-wrap {
  word-wrap: break-word !important;
}
.tags-tooltip {
  position: absolute;
  margin-top: 6px;
  margin-left: 30px;
  border-radius: 4px;
  min-height: 30px;
  background: #ededed;
  text-overflow: ellipsis;
  color: #000000;
  display: grid;
  border: 2px solid #dad6d6;
  padding: 5px;
  z-index: 1;
}
.validity-wrapper .traffic-light-green {
  background-color: #228b22;
}
.validity-wrapper .traffic-light-gray {
  background-color: #e5e5e5;
}
.validity-wrapper .traffic-light-red {
  background-color: #FF0000;
}
.validity-wrapper .mark-valid {
  width: 10px;
  height: 10px;
  margin: 5px 5px 0 0;
  display: inline-block;
}
/* item Grid */
.pagination > li {
  cursor: pointer;
}
.pagination > li > a,
.pagination > li > span {
  margin-left: 0;
}
/* btn back */
.btn-back a span:first-child {
  color: #0085ca;
  line-height: 15px;
  float: left;
  padding-top: 1px;
}
.btn-back a:hover {
  text-decoration: none;
}
.back-prev-title {
  font-size: 11px;
  padding-top: 2px;
  padding-left: 10px;
  float: left;
  text-transform: uppercase;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  display: none;
}
.resetpass {
  display: none;
}
#progressbar {
  width: 100%;
  height: 2px;
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  display: none;
  /*Wird auf display:block; gestellt, sobald ein AJAX-Call ausgel�st wird und auf display:none; wenn der AJAX-Call beendet ist. */
}
#progress {
  background: #D9534F;
  /* Kann der Benutzer im Backend unter Settings->Colors einstellen, D9534F ist der Default-Wert */
  max-width: 100%;
  box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px;
  height: 2px;
  width: 0%;
  float: left;
  animation: progress 6s linear infinite forwards;
}
@keyframes progress {
  to {
    width: 100%;
  }
}
@media (max-width: 768px) {
  footer .modal.fade .modal-dialog .modal-body {
    overflow-y: visible;
    height: auto;
    width: 85%;
    margin: 0 auto;
    margin-right: 0;
  }
  #siteLogin .modal-content {
    padding-bottom: 0;
  }
  .footer.navbar-fixed-bottom {
    position: static;
  }
  .footer .container div {
    float: none;
    margin: 10px 0;
    text-align: center;
    height: auto;
  }
  .footer .footer_link a {
    padding: 10px;
    display: block;
    border: 0;
  }
}
@media (max-width: 1199px) {
  .backdrop {
    display: none;
  }
}
@media (max-width: 480px) {
  #siteLogin .modal-open {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  #siteLogin .modal-open .user_wrap.user-login {
    padding-top: 5%;
  }
}
#product-detail-wrapper .product-detail-title > h2 {
  margin: 0 0 6px;
}
#product-detail-wrapper .product-detail-tab-information .nav-tabs > li {
  border-right: 1px solid #fff;
}
/** end btn back**/
/** Forms **/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 12, 2015, 3:23:24 PM
    Author     : TamVQ1
*/
.sky-form {
  box-shadow: none;
  border: 1px solid #d1d1d1;
  margin: 0;
  background-color: #fff;
  color: #4b4b4b;
}
.sky-form ::-webkit-input-placeholder {
  color: #4b4b4b;
}
.sky-form header {
  color: inherit;
  display: block;
  font-size: 20px;
  background: #fff;
  font-weight: 400;
  padding: 8px 30px;
  border-bottom: 1px solid #d1d1d1;
}
.sky-form fieldset {
  display: block;
  padding: 25px 30px 5px;
  border: none;
  background: #fff;
  /*span.input-group-addon {
        display: none;
    }*/
}
.sky-form fieldset + fieldset {
  border-top: 1px solid #d1d1d1;
}
.sky-form footer {
  background: #fff;
  padding: 15px 30px;
}
.sky-form footer {
  display: block;
  border-top: 1px solid #d1d1d1;
}
.sky-form input[type=checkbox].css-checkbox + label.css-label {
  font-weight: 400;
}
.sky-form label.css-label::before {
  line-height: 18px;
}
.sky-form label.css-label::before {
  width: 20px;
  height: 20px;
  font-size: 14px;
}
.login-form {
  padding: 0px 30px;
  background: transparent;
  border: solid 1px #fff;
  color: #fff;
}
.login-form a {
  text-decoration: underline;
}
.login-form a.forgot-password {
  text-decoration: underline;
  font-size: 12px;
}
.login-form label.css-label::before {
  border: none;
}
.login-form input[type=checkbox].css-checkbox + label.css-label {
  font-weight: 400;
  font-size: 12px;
  padding-left: 24px;
}
#body-wrapper .login-form input[type=checkbox].css-checkbox + label.css-label::before {
  border-color: #fff;
}
.login-form .login-header {
  color: #286184;
  text-align: center;
}
.form-header {
  font-size: 22px;
  font-weight: 600;
}
.login-form .login-header .alert {
  margin-bottom: 0;
}
.login-form .login-header p {
  color: #fff;
}
.forgot-password-form .login-form .login-header {
  margin-bottom: 10px;
}
.forgot-password-form .login-form .login-header h2 {
  font-size: 26px;
}
.user_wrap .select-language {
  display: none;
}
@media (max-width: 768px) {
  .login-form {
    padding: 0px 10px;
  }
  .login-form .login-header .row {
    padding: 0 10px;
  }
  .login-form input[type=checkbox].css-checkbox + label.css-label {
    line-height: 20px;
  }
}
@media (max-width: 468px) {
  .login-form a.forgot-password {
    text-decoration: underline;
    font-size: 11px;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 5, 2015, 2:23:20 AM
    Author     : ToanPK1
*/
.vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.vertical-align-center {
  /* To center vertically */
  display: table-cell;
  vertical-align: middle;
  pointer-events: none;
}
.modal-content {
  /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
  width: inherit;
  height: inherit;
  /* To center horizontally */
  margin: 0 auto;
  pointer-events: all;
}
.modal-dialog {
  z-index: 1060;
}
.modal-backdrop {
  overflow: hidden;
}
@media (max-width: 768px) {
  .modal-body {
    height: 100%;
    overflow-y: auto;
  }
}
/** Forms **/
/** Navigation **/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Oct 27, 2015, 2:33:04 PM
    Author     : TamVQ1
*/
/* adjust body when menu is open */
#body-wrapper {
  overflow-x: hidden;
}
.navbar-inverse {
  background-color: transparent !important;
  border: none !important;
}
/*first child of #page-content so it doesn't shift around*/
.no-margin-top {
  margin-top: 0px !important;
}
/*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
#page-content {
  position: relative;
  right: 0;
}
#page-content.slide-active {
  padding-top: 0;
}
/* put toggle bars on the left :: not using button */
#slide-nav .navbar-toggle {
  cursor: pointer;
  position: relative;
  line-height: 0;
  float: right;
  margin: 0;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  background: transparent;
}
/* icon bar prettyup - optional */
#slide-nav .navbar-toggle > .icon-bar {
  width: 100%;
  display: block;
  height: 4px;
  margin: 3px 0 0 0;
}
#slide-nav .navbar-toggle.slide-active .icon-bar {
  background: orange;
}
#slide-nav #slidemenu .mLogin {
  display: none;
}
#slide-nav #slidemenu .dLogin {
  display: block;
}
#siteLogin .modal-body .close-login {
  display: block;
  position: absolute;
  top: -90px;
  right: 15px;
  font-size: 19px;
  color: #fff;
  height: 22px;
  font-weight: 300;
  cursor: pointer;
}
#siteLogin .modal-body .close-login span.glyphicons {
  padding: 0px 1px 1px 1px;
  top: 0;
  line-height: 22px;
}
/* un fix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top.slide-active {
  position: relative;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #d1d1d1;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
  color: #286184 !important;
  background-color: #ededed !important;
}
ul.typeahead {
  border-radius: 0;
  position: absolute;
}
@media (min-width: 992px) {
  /* Issue #377 */
  .navbar {
    margin: 0;
  }
  .navbar-header-menu {
    padding: 20px 0 !important;
    right: 0 !important;
  }
  .navbar-toggle {
    display: none;
  }
  #page-content {
    right: 0 !important;
  }
  .navbar.navbar-fixed-top.slide-active {
    position: fixed;
  }
  .navbar-header {
    right: 0 !important;
  }
}
/* screw writing importants and shit, just stick it in max width since these classes are not shared between sizes */
@media (max-width: 991px) {
  .navsub-header-menu {
    display: none;
  }
  .navsub-header-menu.slide-active {
    display: block;
  }
  .container.header-top-navbar {
    height: 75px;
  }
  .navbar-nav > li {
    width: 100%;
  }
  .navsub-header-menu ul {
    margin: 0;
  }
  .dropdown-menu {
    position: inherit;
  }
  .navbar-toggle {
    display: block;
  }
  #slide-nav .navbar-header {
    margin: 3% auto;
    padding: 0;
    width: 10%;
    float: right;
  }
  #header-brand {
    width: 90%;
    height: 75px;
  }
  #header-brand a {
    line-height: 75px;
  }
  #header-brand img {
    max-width: 95%;
    max-height: 100%;
  }
  #slide-nav .navbar.slide-active {
    position: absolute;
    width: 50%;
    top: -1px;
    z-index: 1000;
  }
  #slide-nav #slidemenu {
    background: #f7f7f7;
    right: -100%;
    width: 50%;
    min-width: 0;
    position: absolute;
    padding-left: 0;
    z-index: 2;
    top: -8px;
    margin: 0;
  }
  #slide-nav #slidemenu .mLogin {
    display: block;
  }
  #slide-nav #slidemenu .dLogin {
    display: none;
  }
  #slide-nav #slidemenu .navbar-nav {
    min-width: 0;
    width: 100%;
    margin: 20px 0;
    text-align: center;
  }
  .navsub-header-menu .dropdown-menu > li {
    text-align: center;
  }
  #slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
    min-width: 0;
    white-space: normal;
    background-color: #fff;
  }
  .navbar-nav li.dropdown {
    background-color: #ededed;
  }
  #slide-nav {
    border-top: 0;
    margin: 0;
    padding: 10px 0;
  }
  #slide-nav.navbar-inverse #slidemenu {
    background: #fff;
    border-left: 1px solid #ededed;
  }
  /* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
  #slide-nav #navbar-height-col {
    position: fixed;
    top: 0;
    height: 100%;
    width: 50%;
    right: -50%;
    background: #eee;
  }
  #slide-nav.navbar-inverse #navbar-height-col {
    background: #fff;
    z-index: 1;
    border-left: 1px solid #ededed;
  }
  #slide-nav .navbar-form {
    width: 100%;
    margin: 8px 0;
    text-align: center;
    overflow: hidden;
    /*fast clearfixer*/
  }
  #slide-nav .navbar-form .form-control {
    text-align: center;
  }
  #slide-nav .navbar-form .btn {
    width: 100%;
  }
  .navsub-header-menu ul.dropdown-menu {
    border: none;
  }
}
@media (max-width: 640px) {
  #slide-nav .navbar-toggle {
    height: 30px;
    width: 34px;
    padding: 5px;
  }
  #header-brand {
    height: inherit;
  }
  #header-brand a {
    line-height: inherit;
  }
  .container.header-top-navbar {
    height: inherit;
  }
}
@media (max-width: 350px) {
  #slide-nav {
    margin: 15px 0;
  }
  #slide-nav .navbar-header {
    margin: 5px auto;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 28, 2015, 6:23:20 PM
    Author     : TamVQ1
*/
/* Off Canvas - http://www.bootply.com/render/nFrEW73dwt
 * --------------------------------------------------
 */
.navbar-collapse {
  max-height: 100%;
}
@media screen and (max-width: 992px) {
  .row-offcanvas {
    position: relative;
    transition: all 0.25s ease-out;
  }
  .row-offcanvas-right .sidebar-offcanvas {
    right: -60%;
    margin-right: 0px;
    background-color: #f3f3f3;
  }
  .row-offcanvas-left .sidebar-offcanvas {
    left: -50%;
  }
  .row-offcanvas-right.active {
    right: 60%;
  }
  .row-offcanvas-left.active {
    left: 50%;
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 60%;
    height: 100%;
    display: none;
  }
}
#error-page .header-error {
  background-color: #409bd6;
  height: 70px;
}
#error-page .content {
  margin-top: 30px;
}
#error-page .footer-error {
  background-color: #286184;
  height: 35px;
  position: fixed;
  bottom: 0;
}
#error-page .error-icon .glyphicons {
  font-size: 165px;
  line-height: 240px;
  color: #333;
}
#error-page .error-block {
  padding: 10px 0;
}
#error-page .error-block p {
  margin: 0;
}
.padding-left-0 {
  padding-left: 0px;
}
.padding-right-0 {
  padding-right: 0px;
}
.padding-top-0 {
  padding-top: 0px;
}
.padding-bottom-0 {
  padding-bottom: 0px;
}
.padding-0 {
  padding: 0;
}
.padding-left-5 {
  padding-left: 5px;
}
.padding-right-5 {
  padding-right: 5px;
}
.padding-top-5 {
  padding-top: 5px;
}
.padding-bottom-5 {
  padding-bottom: 5px;
}
.padding-5 {
  padding: 5px;
}
.padding-left-10 {
  padding-left: 10px;
}
.padding-right-10 {
  padding-right: 10px;
}
.padding-top-10 {
  padding-top: 10px;
}
.padding-bottom-10 {
  padding-bottom: 10px;
}
.padding-10 {
  padding: 10px;
}
.padding-left-15 {
  padding-left: 15px;
}
.padding-right-15 {
  padding-right: 15px;
}
.padding-top-15 {
  padding-top: 15px;
}
.padding-bottom-15 {
  padding-bottom: 15px;
}
.padding-15 {
  padding: 15px;
}
.padding-left-20 {
  padding-left: 20px;
}
.padding-right-20 {
  padding-right: 20px;
}
.padding-top-20 {
  padding-top: 20px;
}
.padding-bottom-20 {
  padding-bottom: 20px;
}
.padding-20 {
  padding: 20px;
}
.padding-left-25 {
  padding-left: 25px;
}
.padding-right-25 {
  padding-right: 25px;
}
.padding-top-25 {
  padding-top: 25px;
}
.padding-bottom-25 {
  padding-bottom: 25px;
}
.padding-25 {
  padding: 25px;
}
/** Margin **/
.margin-0 {
  margin: 0px;
}
.margin-left-0 {
  margin-left: 5px;
}
.margin-right-0 {
  margin-right: 0px;
}
.margin-top-0 {
  margin-top: 0px;
}
.margin-bottom-0 {
  margin-bottom: 0px;
}
.margin-left-0 {
  margin-left: 0px;
}
.margin-right-0 {
  margin-right: 0px;
}
.margin-top-5 {
  margin-top: 5px;
}
.margin-bottom-5 {
  margin-bottom: 5px;
}
.margin-5 {
  margin: 5px;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-right-10 {
  margin-right: 10px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-10 {
  margin: 10px;
}
.margin-left-15 {
  margin-left: 15px;
}
.margin-right-15 {
  margin-right: 15px;
}
.margin-top-15 {
  margin-top: 15px;
}
.margin-bottom-15 {
  margin-bottom: 15px;
}
.margin-15 {
  padding: 15px;
}
.margin-left-20 {
  padding-left: 20px;
}
.margin-right-20 {
  margin-right: 20px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.margin-20 {
  margin: 20px;
}
.margin-left-25 {
  margin-left: 25px;
}
.margin-right-25 {
  margin-right: 25px;
}
.margin-top-25 {
  margin-top: 25px;
}
.margin-bottom-25 {
  margin-bottom: 25px;
}
.margin-25 {
  margin: 25px;
}
.full-width {
  width: 100%;
}
.half-width {
  width: 50%;
}
.font-size-12 {
  font-size: 12px;
}
.font-size-11 {
  font-size: 11px;
}
.line-height-0 {
  line-height: 0px;
}
.glyphicons.x1-2 {
  font-size: 26px;
}
.glyphicons.x1-5 {
  font-size: 32px;
}
.col-xs-15 {
  width: 20%;
  float: left;
}
.pointer {
  cursor: pointer;
}
.list-group-item .replace_version_button,
.list-group-item .play-version-youtube-button,
.list-group-item .download-version-button {
  font-size: 25px;
  color: #004976;
  text-align: right;
  margin-bottom: 0;
  padding-top: 10px;
  cursor: pointer;
}
.container a.btn {
  line-height: 1.5;
}
.select2-dropdown {
  border-radius: 0 !important;
}
.color-primary {
  color: #2e6da4;
}
.color-success {
  color: #5cb85c;
}
.color-info {
  color: #5bc0de;
}
.color-warning {
  color: #ec971f;
}
.color-danger {
  color: #d9534f;
}
.btn-wrapper,
.btn-icon,
.btn-label {
  display: inline;
  white-space: inherit;
}
.no-border-right {
  border-right: none !important;
}
.no-border-left {
  border-left: none !important;
}
@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}
/*=============================== BEGIN LOADING*/
.mask {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0.8;
  text-align: center;
  display: table;
}
.mask-body {
  display: table-cell;
  vertical-align: middle;
}
.mask .spinner {
  text-align: center;
  background: url('/customizing/pre_loader.gif') no-repeat center;
}
div.spinner-loading-text {
  color: #fff;
  opacity: 0.5;
  text-align: center;
}
.mask .spinner > div {
  width: 10px;
  height: 18px;
  border-radius: 0;
  display: inline-block;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  animation-fill-mode: both;
}
.mask .spinner .bounce1 {
  animation-delay: -0.32s;
}
.mask .spinner .bounce2 {
  animation-delay: -0.16s;
}
@keyframes bouncedelay {
  0%,
  80%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
/*=============================== END LOADING*/
input[type=checkbox].css-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
input[type=checkbox].css-checkbox + label.css-label {
  padding-left: 29px;
  height: 22px;
  display: inline-block;
  line-height: 22px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 14px;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
}
input[type=checkbox].css-checkbox:checked + label.css-label::before,
input[type=radio].radio-select:checked + label.css-radio-label::after {
  content: "\E207";
}
label.css-label::before {
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  text-align: center;
  float: left;
  left: 0;
  font-family: 'Glyphicons Regular';
  font-size: 18px;
  padding-left: 1px;
  color: #409bd6;
  border: 2px solid #409bd6;
  background-color: #fff;
}
#list-view-wrapper label.css-label::before,
.product-list-view label.css-label::before {
  left: 2px;
}
input[type=radio].radio-select {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
input[type=radio].radio-select + label.css-radio-label::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  text-align: center;
  float: left;
  right: 15px;
  font-family: 'Glyphicons Regular';
  font-size: 16px;
  cursor: pointer;
  color: #fff;
  border: 0px solid #286184;
  padding-left: 1px;
  background-color: #286184;
}
input[type=radio].radio-select + label.css-radio-label::before {
  width: 20px;
  height: 20px;
  content: "";
  border-left: 4px solid #fff;
  position: absolute;
  right: 20px;
}
input.select2-search__field::-ms-clear {
  display: none !important;
}
.modal-content .modal-footer {
  text-align: center;
}
.modal-content .btn-primary.btn-save {
  background-color: #80bb00;
  margin-bottom: 15px;
}
.modal-content .btn-primary.btn-load {
  background-color: #286184;
}
.modal-content .btn-primary.btn-save:hover {
  background-color: #409bd6;
}
.modal-content .btn-primary.btn-load:hover {
  background-color: #80bb00;
}
.modal-content .btn-primary,
.modal-content .btn-success {
  border: none;
}
.modal-content .modal-footer .btn-success,
.modal-content .modal-footer .btn-default {
  background-color: #409bd6;
  color: #fff;
  border: none;
}
.modal-content .modal-footer .text-uppercase {
  cursor: pointer;
  margin-bottom: 0;
}
.modal-header {
  background-color: #409bd6;
  color: #fff;
  padding: 10px 15px;
}
.modal-header .close {
  margin-top: -4px;
  color: #fff;
  opacity: 0.8;
}
.modal-header .close:hover {
  opacity: 1;
}
.modal-title {
  line-height: 1.1em;
  font-size: 16px;
  font-weight: 700;
}
.bootstrap-dialog-title {
  line-height: 1.1em;
  text-transform: none;
  font-size: 16px;
  font-weight: 700;
}
.panel-body li {
  cursor: pointer;
}
body .list-group-item {
  border-radius: 0 !important;
}
#body-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 32px;
}
.btn-label {
  text-transform: uppercase;
}
.btn-inline {
  padding: 6px;
  cursor: pointer;
  line-height: 28px;
  height: 40px;
  color: #fff;
}
.btn-inline .btn-icon {
  font-size: 23px;
}
.btn-label-wrapper {
  display: inline;
}
@media (max-width: 991px) {
  .col-xs-1,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9,
  .panel-heading,
  .panel-body {
    padding-left: 10px;
    padding-right: 10px;
  }
  .glyphicons.x1-2 {
    font-size: 20px;
  }
  .modal-body {
    padding: 10px;
  }
}
@media (max-width: 768px) {
  input[type=checkbox].css-checkbox + label.css-label {
    height: 20px;
    line-height: 16px;
    font-size: 12px;
    padding-left: 30px;
  }
  label.css-label::before {
    width: 20px;
    height: 20px;
    font-size: 12px;
  }
  .pagination {
    margin: 5px 0;
  }
  #page-content .select2-hidden-accessible {
    margin: -10px;
  }
  #page-content .download-file-type .select2-hidden-accessible {
    margin: -90px;
  }
}
@media (max-width: 480px) {
  .btn-inline .btn-label {
    font-size: 12px;
  }
}
@media (max-width: 380px) {
  .btn-inline .btn-label {
    text-transform: uppercase;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    float: left;
    width: 70%;
    font-size: 12px;
    line-height: 1.3em;
  }
  .btn-inline .btn-icon {
    line-height: 28px;
    float: left;
    width: 30%;
  }
  .btn-inline-left {
    padding-right: 5px;
  }
  .btn-inline-right {
    padding-left: 5px;
  }
  .btn-label-wrapper {
    display: table;
    width: 70%;
    float: left;
  }
}
#data_cart_index {
  padding-bottom: 50px;
}
#data_cart_index a {
  text-decoration: none;
}
#data_cart_index .item-wrapper {
  padding: 5px;
}
#data_cart_index .item .icon-head .type .file-type {
  border: 1px solid #000;
  padding: 1px 5px;
  font-size: 7px;
}
#data_cart_index .cart-number {
  color: #fff;
  background-color: #0085ca;
  padding: 3px 0 3px 17px;
  font-weight: bold;
  font-size: 17px;
}
#data_cart_index .controls .control {
  float: left;
  height: 85px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  padding: 20px 0 0 0;
  cursor: pointer;
  width: 100%;
}
.controls .col-md-15 {
  padding-right: 5px;
  padding-left: 5px;
}
.controls .col-md-15:first-child {
  padding-left: 15px;
}
.controls .col-md-15:last-child {
  padding-right: 15px;
}
#data_cart_index .controls a {
  color: #fff;
}
#data_cart_index .item-wrapper .item .icon-head .country .remove-cart-icon {
  margin-bottom: 5px;
  cursor: pointer;
}
#data_cart_index .item-wrapper .item .select2.select2-container::after {
  top: 0;
}
#data_cart_index .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 33px !important;
}
#top-controll-block .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 33px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 12px !important;
}
#data_cart_index .item-wrapper .item .product-image {
  clear: both;
}
#data_cart_index .item-wrapper .item .product-title {
  color: #686868;
  font-weight: 600;
  height: 46px;
  overflow: hidden;
  padding: 15px 0;
  text-overflow: ellipsis;
  text-align: left;
  white-space: nowrap;
}
#data_cart_index .controls a:HOVER {
  color: #ababab;
}
#data_cart_index .controls .glyphicon {
  font-size: 25px;
}
#data_cart_index .item-wrapper .item {
  border: 0;
}
#data_cart_index .item-wrapper .item .item-head-part {
  border: 1px solid #d1d1d1;
  padding: 10px;
  position: relative;
}
#data_cart_index .item-wrapper .item .intro_box {
  background-color: #ededed;
}
#data_cart_index .item-wrapper .item .intro_box .info {
  border-top: 1px solid #fff;
  padding: 10px 13px 9px;
  font-size: 12px;
}
#data_cart_index .item-wrapper .item .intro_box .format-type {
  padding: 9px 13px;
  border-top: solid 5px #fff;
  font-size: 14px;
}
#body-wrapper .saved-items.blank-field {
  background-color: transparent !important;
  height: 294px;
  border: 1px solid #d1d1d1;
}
#pincode {
  background-color: #ededed;
  font-size: 15px;
  color: #409bd6;
  border: none;
  font-weight: bold;
}
#load-save-modal {
  color: #4b4b4b;
}
#load-save-modal .modal-body {
  padding-bottom: 15px;
}
#load-save-modal .panel {
  height: 310px;
  margin-bottom: 15px;
}
#load-save-modal textarea#save-description {
  height: 65px;
}
#load-save-modal .saved-items {
  max-height: 213px;
  margin-bottom: 15px;
  overflow-y: auto;
}
#load-save-modal .saved-items .item {
  min-height: 70px;
  padding: 5px;
  cursor: pointer;
}
#load-save-modal .saved-items .selected {
  background-color: #286184;
  color: #fff;
}
#load-save-modal .saved-items .selected a {
  color: #fff;
}
#load-save-modal .saved-items .item .info {
  padding-right: 0px;
}
.modal-content .footer-action {
  padding: 0 15px;
}
#manage-pin .table {
  color: #4b4b4b;
}
#manage-pin .manage-pin-body-scroll {
  overflow-y: auto;
}
@media (max-width: 991px) {
  #data_cart_index .controls .control {
    height: 50px;
    border-right: 5px solid #fff;
    border-left: 5px solid #fff;
    margin: 2.5px 0;
    font-size: 13px;
    padding: 5px 0 0 0;
  }
  #data_cart_index .controls .col-md-15:nth-child(2n+1) {
    padding-right: 0px;
  }
  #data_cart_index .controls .col-md-15:nth-child(2n) {
    padding-left: 0px;
  }
  .controls .col-md-15:first-child {
    padding-left: 5px;
  }
  #data_cart_index .controls .col-md-15:last-child {
    padding-right: 5px;
  }
  #data_cart_index .item-wrapper .item {
    padding: 5px;
  }
  #data_cart_index .item-wrapper .icon-head .country {
    right: 10px;
    font-size: 23px;
    margin-top: 0px;
  }
  #data_cart_index .product-detail-mobile {
    text-align: inherit;
    font-size: 10px;
  }
  #data_cart_index .item-wrapper .item .product-title {
    font-size: 13px;
  }
  #data_cart_index .item-wrapper .item .product-id {
    font-size: 10px;
  }
  #data_cart_index .item-wrapper .item .intro_box .format-type {
    padding: 5px 10px;
    border-top: 0;
  }
  #data_cart_index .item-wrapper .item span.file-type {
    border: 1px solid #4b4b4b;
    padding: 0px 6px;
    font-size: 10px;
  }
  #data_cart_index .item-wrapper .item .item-head-part .title {
    padding: 0 25px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #load-save-modal .modal-body {
    padding: 0 0 10px 0;
    overflow-x: hidden;
  }
  .modal-content .footer-action {
    padding: 0 10px;
  }
  #generate-new-pin .modal-footer {
    padding-top: 0px;
  }
  #generate-new-pin .panel-body {
    padding: 0px;
  }
  #generate-new-pin .panel-body .form-group label {
    padding: 0px;
  }
  #generate-new-pin .panel-body button.btn-send-link {
    font-size: 13px;
    line-height: 23px;
  }
  #generate-new-pin .panel-body button span.glyphicons {
    font-size: 23px;
  }
  #body-wrapper .saved-items.blank-field {
    border: none;
  }
}
/* Style for filter block */
.product-edit-tab-content {
  color: #4b4b4b;
}
#filter-wrapper #filter-options .select2-search__field {
  color: #4b4b4b;
}
#filter-wrapper .tagging-wrapper,
#filter-wrapper .option-wrapper,
#filter-wrapper .type-wrapper {
  width: 30%;
}
#filter-wrapper .filter-content-block {
  background-color: #ededed;
}
#filter-options .row:last-child {
  margin-bottom: 45px;
}
#filter-wrapper .tagging-wrapper {
  margin-right: 5%;
}
#filter-wrapper span.total {
  color: #286090;
  font-weight: 400;
  font-size: 10px;
}
#filter-wrapper .option-wrapper {
  float: right;
}
#filter-wrapper .option-wrapper .wrapper-title h3 {
  background-color: transparent;
}
#filter-wrapper {
  margin-top: 0px;
}
#filter-wrapper .select2.select2-container::after {
  top: 2px;
}
.labelauty + label {
  font-weight: 300;
}
.type-wrapper .item {
  margin-bottom: 5px;
}
.type-wrapper .item .title {
  background-color: #d1d1d1;
  height: 20px;
  float: left;
  padding-left: 10px;
  margin-bottom: 5px;
  width: 100%;
}
.type-wrapper .item .title span.title-left {
  float: left;
  line-height: 20px;
  font-size: 12px;
}
.value.text-right.filter-checkbox-type {
  float: right;
  padding: 0;
}
.wrapper-title {
  margin-bottom: 10px;
}
.wrapper-title h3 {
  margin-bottom: 0;
  margin-top: 0;
  background-color: #d1d1d1;
  padding: 6px 10px;
  font-size: 18px;
  font-weight: 700;
}
#filter-wrapper .tagging-wrapper .item,
#filter-wrapper .option-wrapper .row {
  margin-bottom: 7px;
}
.type-wrapper .col-md-12.item {
  padding: 0;
}
.tagging-wrapper .wrapper-title {
  position: relative;
}
.tagging-wrapper .wrapper-title .locked {
  position: absolute;
  top: 7px;
  right: 22px;
  font-size: 18px;
}
.tagging-wrapper #filter-taggings div {
  padding-bottom: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  margin: -1px !important;
}
#filter-taggings .select2-container .select2-selection--multiple,
.option-wrapper .select2-container--default .select2-selection--multiple {
  min-height: 30px;
}
.select2-container .select2-results ul.select2-results__options li.select2-results__option {
  text-overflow: ellipsis;
  overflow: hidden;
}
#filter-wrapper .archived .title {
  height: auto;
  padding: 0 0 0 10px;
  border-bottom: 0px solid #ededed;
  display: inline-block;
  width: 100%;
  height: 30px;
}
#filter-wrapper .option-wrapper .item {
  padding-bottom: 5px;
}
#filter-wrapper .archived input.labelauty + label {
  display: inline-block;
  margin-bottom: 0px;
  float: right;
  border-radius: 0;
  border-left: 2px solid #ededed;
  padding: 6px 12px;
  font-size: 12px;
  height: 30px;
}
#filter-wrapper .archived input.labelauty:checked:not([disabled]) + label:hover {
  background-color: #286184;
}
#filter-wrapper .archived input.labelauty:not(:checked):not([disabled]) + label:hover {
  background-color: #d1d1d1;
  color: #4d4d4d;
}
#filter-wrapper .archived .title-archived {
  display: inline-block;
  line-height: 20px;
  margin: 0;
  padding: 6px 0;
  font-size: 12px;
}
#filter-wrapper .option-wrapper .action,
#filter-wrapper .option-wrapper .result {
  height: 100px;
}
#filter-wrapper .option-wrapper .result {
  border-left: 4px solid #ededed;
  border-right: 15px solid #ededed;
  padding: 10px;
  position: relative;
  line-height: 100px;
  display: table;
}
#filter-wrapper .option-wrapper .result .result-text {
  vertical-align: middle;
  display: table-cell;
}
#filter-wrapper .option-wrapper .result .result-text p {
  color: #fff;
  line-height: 100%;
}
#filter-wrapper .option-wrapper .result .result-text .result-count-num {
  font-size: 25px;
  font-weight: 800;
}
#filter-wrapper .option-wrapper .result .result-text .result-count-txt {
  font-size: 15px;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
}
#filter-wrapper .option-wrapper .result .filter-loading {
  position: absolute;
  background: #f9f9f9;
  opacity: 0.8;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#filter-wrapper .option-wrapper .result span {
  font-size: 20px;
  font-weight: bold;
}
#filter-wrapper .option-wrapper .action {
  padding-right: 0;
}
#filter-wrapper .option-wrapper .action .reset-filter {
  height: 48px;
  width: 100%;
  cursor: pointer;
  margin-bottom: 5px;
}
#filter-wrapper .option-wrapper .action .load-save {
  height: 47px;
  display: inline-block;
  width: 100%;
  cursor: pointer;
}
#filter-wrapper .option-wrapper .action .reset-filter:hover,
#filter-wrapper .option-wrapper .action .load-save:hover {
  background-color: #919191;
  color: #fff;
}
#filter-wrapper .option-wrapper .action .action-filter-icon {
  float: left;
  padding: 0 !important;
}
#filter-wrapper .option-wrapper .action .action-filter-txt,
#filter-wrapper .option-wrapper .action .action-filter-icon {
  height: 100%;
  display: table;
}
#filter-wrapper .option-wrapper .action .action-filter-txt span {
  vertical-align: middle;
  display: table-cell;
  text-transform: uppercase;
  font-size: 12px;
}
#filter-wrapper .option-wrapper .action .action-filter-icon span {
  vertical-align: middle;
  display: table-cell;
}
#filter-wrapper .option-wrapper .action .glyphicon {
  font-size: 20px;
  margin-top: 15px;
}
#filter-wrapper .option-wrapper .action div {
  padding: 0px 0px 0px 5px;
}
#filter-wrapper .action .glyphicons {
  top: inherit;
  line-height: inherit;
  vertical-align: middle;
  font-size: 25px;
}
#filter-wrapper a {
  text-decoration: none;
  cursor: pointer;
}
#filter-wrapper .line-filter {
  height: 10px;
  background-color: #286184;
}
#filter-wrapper .filter-toggle {
  height: 30px;
  background-color: #286184;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
#filter-wrapper .filter-toggle a {
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#filter-options input {
  padding-left: 5px;
  cursor: pointer;
  color: #4b4b4b;
  font-size: 12px;
  line-height: 18px;
  width: 100% !important;
}
#filter-options span.select2-selection::after {
  font-size: 18px;
}
#filter-options input::-webkit-input-placeholder {
  color: #4b4b4b;
  opacity: 1;
}
#filter-options input::-moz-placeholder {
  color: #4b4b4b;
  opacity: 1;
}
#filter-options input:-ms-input-placeholder {
  color: #4b4b4b;
  opacity: 1;
}
#filter-options input::placeholder {
  color: #4b4b4b;
  opacity: 1;
}
#filter-options input::-webkit-input-placeholder {
  color: #4b4b4b;
  opacity: 1;
}
#filter-options input:-moz-placeholder {
  color: #4b4b4b;
  opacity: 1;
}
#filter-options input::-moz-placeholder {
  color: #4b4b4b;
  opacity: 1;
}
#filter-options input:-ms-input-placeholder {
  color: #4b4b4b;
  opacity: 1;
}
#filter-load-save-modal {
  color: #4b4b4b;
}
#filter-load-save-modal .panel {
  height: 500px;
}
#filter-load-save-modal .saved-items {
  border: 1px solid #409bd6;
  overflow-y: auto;
  background: #409bd6;
  padding: 1px;
}
.saved-search-table .item {
  cursor: pointer;
}
.saved-search-table .item td {
  padding: 10px;
  border: 1px solid #fff;
  color: #fff;
}
.saved-search-table .item.selected td {
  background-color: #409bd6;
}
.saved-search-table .item .saved-title {
  font-weight: 600;
  word-break: break-all;
}
.saved-search-table .item .saved-desc {
  word-break: break-all;
}
.saved-items .selected {
  background-color: #286184;
  color: #fff;
}
.saved-items .selected a {
  color: #fff;
}
#filter-wrapper .btn-group > .btn:last-child:not(:first-child) {
  margin: 0;
}
#filter-wrapper .btn-group {
  display: block !important;
}
#filter-load-save-modal .save-filter .btn-save {
  background-color: #80bb00;
  border: none;
}
#filter-load-save-modal .save-filter .btn-save:hover {
  background-color: #409bd6;
}
#filter-load-save-modal .load-saved-filter .btn:hover {
  background-color: #80bb00;
}
#filter-load-save-modal .load-saved-filter .btn {
  border: none;
}
#filter-load-save-modal .remove {
  cursor: pointer;
}
#filter-load-save-modal input,
#filter-load-save-modal textarea {
  border: solid 1px #409bd6;
}
#filter-load-save-modal .saved-items .item .info div label,
#load-save-modal .saved-items .item .info div label {
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
  white-space: normal;
}
#filter-load-save-modal .saved-items .item .info div span,
#load-save-modal .saved-items .item .info div span {
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
  white-space: normal;
}
.blue-border {
  border: solid 1px #409bd6;
}
.select2-container--open ul [id^="select2-taggings"],
.select2-container--open ul [id^="select2-countries"],
.select2-container--open ul [id^="select2-localization"],
.select2-container--open ul [id^="select2-tag"],
.select2-container--open ul [id^="select2-multiple"] {
  font-size: 12px;
  font-weight: normal;
}
#filter-wrapper .filter-toggle a {
  font-size: 13px;
}
#filter-wrapper .filter-toggle i.glyphicons {
  font-size: 23px;
}
#filter-wrapper .filter-toggle {
  height: 30px;
  line-height: 25px;
  padding: 2px;
}
#save-filter-id .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 13px;
}
#body-wrapper #filter-load-save-modal .saved-items table.saved-search-table .item td {
  white-space: normal;
  word-break: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
#body-wrapper #filter-load-save-modal .saved-items table.saved-search-table .item td.delete-saved-search {
  text-align: center;
}
@media (max-width: 1199px) {
  #filter-wrapper .option-wrapper .action .action-filter-txt span {
    font-size: 0.7em;
  }
  .item .icon-head .type {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .item-wrapper .item img {
    max-width: 190px;
    max-height: 130px;
  }
  a.product-thumbnail {
    max-width: 190px;
    max-height: 130px;
  }
  #grid-view-wrapper .item-wrapper .item {
    height: 220px !important;
  }
}
@media (max-width: 991px) {
  #filter-wrapper .option-wrapper .result {
    border-right: 10px solid #ededed;
  }
  #filter-wrapper .tagging-wrapper,
  #filter-wrapper .option-wrapper,
  #filter-wrapper .type-wrapper {
    width: 100%;
  }
  .item .icon-head .type {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 10px;
  }
  .item-wrapper .item img {
    max-width: 190px;
    max-height: 130px;
  }
  a.product-thumbnail {
    max-width: 190px;
    max-height: 130px;
  }
  #grid-view-wrapper .item .title {
    padding-left: 10px;
    padding-bottom: 10px;
  }
  #filter-load-save-modal .saved-items {
    max-height: 300px;
    height: inherit !important;
    font-size: 13px;
  }
  #filter-load-save-modal .saved-desc,
  #filter-load-save-modal .saved-type,
  #currentFilterOption {
    font-size: 10px;
  }
  .save-filter label {
    font-size: 13px;
    font-weight: 600;
  }
  #filter-load-save-modal .form-control {
    font-size: 13px;
  }
  #filter-wrapper .option-wrapper .action .reset-filter:hover,
  #filter-wrapper .option-wrapper .action .load-save:hover {
    background-color: #d1d1d1;
    color: #4b4b4b;
  }
}
@media (max-width: 768px) {
  #filter-wrapper .option-wrapper .result {
    border-right: 10px solid #ededed;
  }
  #filter-options .row:last-child {
    margin-bottom: 0px;
  }
  #filter-options .type-wrapper,
  #filter-options .option-wrapper {
    padding-top: 10px;
  }
  #filter-options .option-wrapper {
    padding-bottom: 10px;
  }
  .product-thumbnail {
    height: auto;
  }
}
@media (max-width: 640px) {
  #save-filter-id .select2-container--default .select2-selection--single .select2-selection__rendered {
    max-width: 260px;
  }
}
.archived input.labelauty:not(:checked) + label {
  background-color: #d1d1d1;
  color: #4d4d4d;
}
.archived input.labelauty:checked + label {
  background-color: #286184;
}
input.labelauty + label .labelauty-unchecked-image,
input.labelauty + label .labelauty-checked-image {
  display: none !important;
}
input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked,
input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked {
  margin: 0 !important;
}
div a.btn {
  border-radius: 0;
  font-size: 14px;
}
.btn-group > .btn:last-child:not(:first-child) {
  margin-left: 0px;
}
.btn-group-xs > .btn,
.btn-xs {
  border-radius: 0;
}
.btn-group:active,
.btn-group:focus,
.btn-group.active {
  background-image: none;
  outline: 0;
  box-shadow: none;
}
#filter-wrapper a.btn-primary.active {
  background-color: #286184;
  margin: 0 2px;
}
#product-edit-form a.btn,
#filter-wrapper a.btn {
  min-width: 40px;
  height: 20px;
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
  padding: 1px 5px;
}
.field-label {
  padding: 7px 0;
}
.child-group .field-label {
  padding: 0;
}
.archived .archived-radio {
  padding: 0;
}
.row.archived {
  margin-bottom: 0px !important;
}
#product-edit-form a.btn.btn-default,
#filter-wrapper a.btn.btn-default {
  background-color: #d1d1d1;
  margin: 0 2px;
  border: none;
  color: #4b4b4b;
}
#product-edit-form .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 4px;
}
/* BEGIN style for display notes */
#product-detail-wrapper .tab-content {
  margin-top: 20px;
}
#product-detail-wrapper .tab-content a.btn {
  border-radius: 0px;
}
#product-detail-wrapper #product_note .title {
  background-color: #d1d1d1;
  color: #4b4b4b;
  padding: 7px 15px;
  font-weight: 700;
}
#product-detail-wrapper #product_note .add-new-wrapper .btn {
  width: 100%;
  line-height: 34px;
  padding: 3px 12px;
  text-transform: uppercase;
}
#product-detail-wrapper #product_note .notes-wrapper {
  padding-left: 15px;
  padding-right: 15px;
}
#product-detail-wrapper #product_note .notes-wrapper .item .glyphicon {
  font-size: 12px;
  cursor: pointer;
}
#product-detail-wrapper #product_note .notes-wrapper .item {
  background-color: #ededed;
  color: #4b4b4b;
  margin-bottom: 5px;
  font-size: 12px;
  padding: 5px 0;
  min-height: 95px;
}
#product-detail-wrapper .notes-wrapper {
  padding-left: 15px;
  padding-right: 15px;
}
#product-detail-wrapper .notes-wrapper .col-md-12 {
  padding-left: 6px;
}
#product-detail-wrapper .notes-wrapper .item .glyphicon {
  font-size: 12px;
  cursor: pointer;
}
#product-detail-wrapper .notes-wrapper .item {
  background-color: #d1d1d1;
  color: #4b4b4b;
  margin-bottom: 5px;
  font-size: 12px;
}
#product-detail-wrapper .notes-wrapper .note-body {
  padding: 0 5px;
}
#product-detail-wrapper .notes-wrapper .note-body p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
#product-detail-wrapper .note-add-new .glyphicons {
  line-height: 1.5em;
  font-size: 23px;
}
#product-detail-wrapper .notes-wrapper .note-action-group {
  position: absolute;
  top: 0;
  right: 5px;
}
#product-detail-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 33px;
}
#product-detail-wrapper .streaming-progress-bar-wraper {
  border: 1px solid #d1d1d1;
  border-top: none;
  width: 364px;
}
#product-detail-wrapper .streaming-progress-bar {
  height: 6px;
}
#product-detail-wrapper .streaming-progress-status {
  font-size: 12px;
  font-weight: normal;
}
#versioning .list-group-item-heading {
  font-weight: 700;
}
#versioning span.glyphicons.glyphicons-play {
  color: #fff;
  background-color: #286184;
  width: 35px;
  border-radius: 5px;
  text-align: center;
  margin-right: 6px !important;
  font-size: 14px;
  padding: 5px 10px;
}
#videoModal button.close {
  margin: -5px 0 5px;
}
/* END style for display notes */
body.modal-open .select2-container .select2-dropdown {
  z-index: 1053 !important;
}
.select2-container .select2-dropdown {
  z-index: 1050 !important;
}
.zoomContainer {
  z-index: 1051 !important;
}
.zoomWindowContainer {
  position: relative;
  margin-left: 10px;
}
/* BEGIN style for LIST view */
.show-hide-table {
  cursor: pointer;
}
/* FOR both LIST/GRID */
#list-products-container .validity-wrapper .traffic-light-green {
  background-color: #228b22;
}
#list-products-container .validity-wrapper .traffic-light-gray {
  background-color: #e5e5e5;
}
#list-products-container .validity-wrapper .traffic-light-red {
  background-color: #FF0000;
}
#list-products-container .validity-wrapper .mark-valid {
  width: 10px;
  height: 10px;
  margin: 5px 5px 0 0;
}
/* BEGIN style for LIST view */
/* Masterdata */
.ghs-table:hover td {
  background: #0085CA;
  color: #fff;
  cursor: pointer;
}
.ghs-table:hover td:nth-child(3) {
  font-weight: none;
}
.ghs-table td:first-child {
  font-weight: bold;
  box-shadow: inset 15px -2px 0px -4px #ededed;
}
.ghs-table td:last-child {
  box-shadow: inset -15px -2px 0px -4px #ededed;
}
.ghs-table td:nth-child(n+2) span {
  font-weight: 100;
}
.table-masterdata tr:nth-child(2n+2).ghs-table {
  background: #D1D1D1;
}
.treegrid-separator + .treegrid-separator {
  display: none;
}
.table-masterdata .ghs-table .treegrid-not-separator:nth-child(2n) {
  background-color: #d1d1d1;
}
.table-masterdata .ghs-table .treegrid-not-separator:first-child {
  background-color: #ededed !important;
  color: inherit !important;
}
.table-masterdata .ghs-table .treegrid-not-separator:hover {
  background-color: #0085CA;
  color: #fff;
}
.table-masterdata .ghs-table tr td:first-child {
  font-weight: bold;
}
.table-masterdata td.treegrid-name {
  font-weight: bold;
  width: 25%;
}
.table-masterdata td {
  border-top: 0px solid #fff;
}
.table-masterdata .treegrid-not-separator {
  background-color: #ededed;
}
.table-masterdata .country-specific-item {
  padding-bottom: 10px;
}
.table-masterdata .country-specific-item:last-child {
  padding-bottom: 0px;
}
.table-masterdata .country-specific-item .text-country-code {
  font-weight: bold;
}
.table-masterdata .ghs-wrapper span:first-child {
  display: none;
}
.table-masterdata .ghs-table {
  margin-bottom: 0px;
}
.table-masterdata .ghs-table .treegrid-not-separator:nth-child(2n) {
  background-color: #d1d1d1;
}
.table-masterdata .ghs-table .treegrid-not-separator:first-child {
  background-color: #ededed !important;
  color: inherit !important;
}
.table-masterdata .ghs-table .treegrid-not-separator:hover {
  background-color: #0085CA;
  color: #fff;
}
.table-masterdata .ghs-table tr td:first-child {
  font-weight: bold;
}
#component-table thead tr th {
  background-color: #d1d1d1;
  border-bottom: 0;
}
#component-table tbody tr td {
  border-top: none;
}
#component-table tbody tr td:first-child {
  text-decoration: underline;
}
#product-information-table tbody > tr > td,
#product-information-table tbody > tr > th,
#product-information-table thead > tr > th {
  border: none;
  background-color: #ededed;
  color: #4b4b4b;
}
.play-youtube-button {
  height: 100%;
  width: 100%;
  background: transparent url('/assets/images/play_youtube.png') center;
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  opacity: 0.8;
}
.show-hide-table {
  cursor: pointer;
  background-color: #ededed;
  margin: 10px 0;
  padding: 5px 10px;
  font-weight: 700;
  font-size: 16px;
}
tr.treegrid-separator,
#product-information-table tr.treegrid-separator {
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  background-color: transparent;
}
tr.treegrid-separator td,
#product-information-table tr.treegrid-separator td {
  line-height: 0 !important;
  padding: 0 !important;
  font-size: 6px !important;
  border: 0 !important;
  background-color: transparent !important;
}
tr.treegrid-separator td .treegrid-expander,
#product-information-table tr.treegrid-separator td .treegrid-expander {
  height: 10px !important;
}
.table-masterdata .treegrid-name span.treegrid-expander {
  display: block;
  float: left;
}
.table-masterdata .treegrid-name span.treegrid-expander-text,
.table-masterdata .treegrid-not-folder td.treegrid-value {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
}
.show-hide-arrow {
  padding-left: 10px;
  font-size: 20px;
  color: #286184;
}
/* tab Custom fields*/
#product-detail-wrapper #custom_fields {
  white-space: normal;
  word-break: break-all;
  word-break: break-word;
}
#product-detail-wrapper #custom_fields .row {
  color: #4b4b4b;
}
#product-detail-wrapper #custom_fields .row div.wrapper-title {
  padding-left: 15px;
  padding-right: 15px;
}
#product-detail-wrapper #custom_fields .row .control-label {
  background-color: #ededed;
  font-weight: bold;
  padding: 8px 15px;
}
#product-detail-wrapper #custom_fields .cf-item {
  padding-bottom: 0 !important;
}
#product-detail-wrapper #custom_fields .row .control-label label {
  margin-bottom: 0;
}
#product-detail-wrapper #custom_fields .row .content-detail {
  padding: 8px 15px;
}
#product-detail-wrapper #custom_fields .row .cf-item .content-custom {
  margin: 0;
  background-color: #ededed;
}
#product-detail-wrapper #custom_fields .row .cf-item:hover .content-detail span {
  cursor: pointer;
}
/* tab Marketing*/
#marketing .marketing-slider .slide {
  width: 217px !important;
  border: 1px solid #d1d1d1;
  height: 180px;
  display: table;
  text-align: center;
  margin: 0 2px;
}
#marketing .marketing-slider .item-thumb-wrapper {
  display: table-cell;
  vertical-align: middle;
}
#marketing .marketing-slider img,
#marketing .marketing-slider video {
  margin: 0 auto;
  display: inline-block;
  max-height: 160px;
  max-width: 180px;
}
#marketing .marketing-slider img.img-thumbnail {
  border: none;
}
.marketing_sorting_highlight {
  margin: 10px 0 0;
  background: #ededed;
  min-height: 120px;
}
#marketing .marketing-slider .remove-slider {
  position: absolute;
  top: 3px;
  right: 3px;
}
#product-detail-wrapper .modal,
#page-wrapper #manage-pin-empty-msg,
#product-detail-wrapper .modal,
.modal.type-warning,
.modal.type-primary,
#page-wrapper #manage-pin {
  z-index: 1070 !important;
}
#marketing #marketing-zoom-modal .image-zoom img {
  max-height: 500px;
  max-width: 800px;
  display: inline-block;
}
#marketing .marketing-block {
  border: none;
  box-shadow: none;
}
.marketing-slider video {
  padding: 4px;
  border-radius: 4px;
  width: 159px;
  height: 122px;
}
.marketing-slider .item-thumb-wrapper.video span.glyphicons {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  font-size: 25px;
  color: #fff;
  opacity: 0.8;
  transform: translateX(-50%) translateY(-50%);
}
.marketing-slider .item-thumb-wrapper.video span.glyphicons:hover {
  opacity: 1;
}
.marketing-upload-input {
  border: none;
  box-shadow: none;
  padding-left: 0;
}
.marketing-zoom {
  cursor: pointer;
}
.marketing-slider .slide-upload {
  float: left;
  list-style: none;
  position: relative;
  width: 224px;
  margin-right: 10px;
  height: 168px;
  border: none !important;
  padding-left: 0;
}
.marketing-slider .marketing-slider {
  margin-bottom: 0 !important;
}
.marketing-slider .marketing-upload-plus div {
  border: 1px solid #dfdfdf;
  height: 180px;
  width: 210px;
  display: table-cell;
  vertical-align: middle;
  font-size: 30px;
  color: #d1d1d1;
}
#marketing .panel-title {
  background-color: #ededed;
  padding: 5px 10px;
  font-weight: 700;
  cursor: pointer;
  line-height: 1.3em;
}
#marketing .panel-title .show-hide-arrow-marketing {
  padding-left: 10px;
  font-size: 20px;
  color: #286184;
}
#marketing .marketing-list-detail .marketing-qna-item,
.marketing-list-detail {
  cursor: inherit;
}
.form-group.marketing-item {
  padding-bottom: 25px;
}
.marketing-product-story .marketing-item {
  padding-bottom: 15px;
}
.panel.marketing-block .row {
  padding-bottom: 15px;
}
.panel.marketing-block {
  margin-bottom: -5px;
}
#marketing .marketing_desc {
  float: right;
}
#marketing .form-control-feedback {
  pointer-events: auto;
  padding-right: 20px;
}
#marketing input[type=checkbox].css-checkbox + label.css-label {
  height: 20px;
  line-height: 18px;
}
#marketing label.css-label::before {
  width: 20px;
  height: 20px;
  font-size: 14px;
  padding-left: 0px;
}
#marketing p.icon-remove-item {
  margin: 0;
}
#marketing p.icon-remove-item span.glyphicons {
  margin-right: 0;
}
#marketing a.btn.marketing-upload-plus {
  padding: 6px 12px;
  height: inherit;
}
#marketing .img-thumbnail {
  border: 0;
}
#marketing .qna-toltip {
  float: right;
  top: 5px;
  position: absolute;
  right: 20px;
}
#product-edit-form #marketing .checkbox {
  margin: 0;
}
#product-edit-form .nav-tabs > li.external-client-tab > a:hover,
#product-edit-form .nav-tabs > li.active.external-client-tab > a:hover {
  margin-bottom: -1px;
  padding-bottom: 9px;
  line-height: 21px;
}
#product-edit-form .nav-tabs > li.external-client-tab > a,
#product-edit-form .nav-tabs > li.active.external-client-tab > a {
  margin-bottom: -1px;
  padding-bottom: 10px;
  line-height: 21px;
}
#marketing-story-highlight_tbl,
#marketing-story-short-desc_tbl {
  margin-bottom: 25px;
}
.marketing-item .item-wrapper {
  border: 1px solid #d1d1d1;
  margin: 2px;
  padding: 2px;
}
.marketing-item .item-wrapper.imageset-add {
  border: none;
}
.marketing-item .item-wrapper .img-thumbnail {
  border: 0;
}
.marketing-item .item-wrapper .remove-imageset span {
  margin: 0;
}
.marketing-story-chose-type {
  background-color: #d1d1d1;
  margin: 0px;
  padding: 10px;
  text-align: center;
  border: 1px solid #7BA249;
  border-bottom: 0;
}
.marketing-story-group .list-group-item {
  border: 1px solid #ededed;
  margin: 2px;
}
.marketing-story-group {
  border: 1px solid #7BA249;
}
.marketing-story-chose-type .btn {
  margin-right: 5px;
  font-size: 18px;
  padding: 8px 7px 2px 10px;
  color: #aaa;
}
.marketing-story-group .marketing-upload-plus {
  border: 1px solid #ccc;
  cursor: pointer;
}
.marketing-story-group .cus4ntSkin table.mceLayout {
  border-left: 1px solid #d1d1d1 ;
  border-right: 1px solid #d1d1d1;
}
.marketing-story-group .cus4ntSkin table.mceLayout tr.mceLast td,
.marketing-story-group .cus4ntSkin table.mceLayout tr.mceFirst td {
  border-bottom: 1px solid #d1d1d1;
  border-top: 1px solid #d1d1d1;
}
#marketing .marketing-qna-item {
  border: 4px solid transparent;
  cursor: move;
}
#marketing .marketing-question-answer .question-add {
  background-color: #ededed;
}
#marketing .marketing-question-answer .question-add:hover {
  background-color: #d1d1d1;
}
#marketing .marketing-qna-item textarea.form-control.marketing-answer {
  margin: 5px 0;
}
.marketing-story-imageset {
  text-align: center;
}
.marketing-story-imageset .image-set.item-wrapper {
  width: 25%;
  display: inline-block;
  text-align: center;
}
.marketing-story-group .image_size {
  padding: 7px 6px;
  background-color: #d1d1d1;
  text-align: center;
  min-height: 34px;
}
.marketing-story-group .keyvisual .checkbox {
  float: left;
  padding-right: 15px;
  font-weight: normal;
  padding: 5px;
  margin: 0;
}
.marketing-story-group .keyvisual button {
  background-color: #d1d1d1;
}
.marketing-story-group .story-image-path {
  max-width: 200px;
  position: absolute;
  cursor: pointer;
  border: 0px !important;
}
.marketing-story-image .story-image-path {
  width: auto;
  height: auto;
  min-height: auto;
  position: absolute;
}
.marketing-story-group li {
  cursor: move;
}
/* tab Revision*/
/* Marketing on detail*/
.marketing-list-detail li {
  list-style: inherit;
  cursor: inherit;
}
.marketing-list-detail .marketing-story-group li {
  cursor: inherit;
}
.marketing-list-detail .marketing-story-group .story-image-path {
  position: inherit;
  width: 100%;
  height: auto;
  min-height: inherit;
}
.marketing-list-detail .marketing-story-group,
.marketing-list-detail .marketing-item .item-wrapper {
  border: none;
}
.marketing-list-detail .marketing-qna-item {
  cursor: inherit;
}
.marketing-list-detail .container.panel.marketing-slider {
  margin-bottom: 0;
}
/* Hierarchy */
#hierachie-table .current-product {
  font-weight: bold;
}
#list-product-external .download-btn-container .close-box {
  position: absolute;
  top: 2px;
  right: 2px;
}
form#youtubeVersionUpload .modal-body .form-group button.form-control.btn.btn-primary {
  color: #FFF;
}
#show-hide-table-hierarchy {
  cursor: pointer;
  background-color: #ededed;
  margin: 10px 0;
  padding: 5px 10px;
  font-weight: 700;
  font-size: 16px;
}
#show-hide-arrow-hierarchy {
  padding-left: 10px;
  font-size: 20px;
  color: #286184;
}
#tree-hierarchy-detail {
  padding: 0;
  width: 100%;
}
#hierachie-table thead tr th {
  background: #D1D1D1 none repeat scroll 0% 0%;
  font-family: Open Sans Bold, sans-serif;
  border-bottom: 0;
}
#hierachie-table tbody tr.current-product td:first-child {
  text-decoration: none;
}
#hierachie-table tbody tr td:first-child {
  text-decoration: underline;
}
#hierachie-table tbody tr td:first-child::after {
  text-decoration: underline;
}
#hierachie-table tbody .expandable-arrow-hierarchy {
  top: 3px;
  width: 25px;
  height: 20px;
}
#hierachie-table tbody .empty-expandable {
  padding-left: 25px;
}
.product-detail-image span {
  display: block;
}
#product-detail-wrapper {
  color: #4b4b4b;
  font-weight: 400;
}
#top-controll-block .select2-container--default .select2-selection--single {
  background-color: #ededed;
  border: none;
}
.add-all-datacart {
  height: 40px;
}
.btn-add-cart-wrapper {
  text-align: center;
  padding: 0 5px;
  height: 40px;
}
#top-controll-block .check-all-label {
  position: relative;
  padding: 7px 3px;
  height: 40px;
}
#lnk-add-to-cart .btn-wrapper {
  height: 40px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
}
.btn-wrapper .btn-icon,
.btn-wrapper .btn-label {
  height: 100%;
  display: table;
}
.btn-wrapper .btn-icon {
  float: left;
  padding: 0 0 0 10px !important;
  line-height: 40px;
}
.btn-wrapper .btn-icon .glyphicons {
  vertical-align: middle;
  display: table-cell;
  font-size: 23px;
  top: inherit;
  line-height: inherit;
}
.btn-wrapper .btn-label {
  padding: 0px 5px;
}
.btn-wrapper .btn-label span {
  vertical-align: middle;
  display: table-cell;
  text-transform: uppercase;
  font-size: 14px;
  padding-top: 2px;
}
.note-btn-group {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
#related_products #top-controll-block .select2-container .select2-selection {
  height: 40px !important;
}
#top-controll-block .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px !important;
}
.carousel-control {
  width: 22px;
  opacity: 1 !important;
  text-shadow: none;
}
.carousel-control .glyphicon {
  font-size: 25px !important;
  color: #d1d1d1;
}
.carousel-control.left,
.carousel-control.right {
  background-color: #ededed !important;
  background-image: none;
}
.product-slider {
  padding: 0px !important;
}
.asset-title {
  background-color: #ededed;
  padding: 5px;
  color: #fff;
}
#carousel-products {
  border: 1px #ededed solid;
}
.product-slider .item .icon-head .type {
  margin: 2px 0 0px 0 !important;
}
.product-slider .icon-head .type .file-type {
  border: 1px solid #000;
  padding: 0 5px;
}
.product-slider .item-wrapper .title {
  font-weight: bold;
  max-height: 70px;
  text-overflow: ellipsis;
  overflow: hidden;
  background-color: transparent !important;
  padding: 0px !important;
}
#carousel-products {
  padding-left: 30px;
}
#carousel-products .item-wrapper .item .hover-overlay {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
#carousel-products .overlay-title .code {
  background-color: #d1d1d1;
  color: #4b4b4b;
  padding: 0px 9px;
  text-transform: uppercase;
  margin: 8px 0 5px 2px;
  font-size: 10px;
  display: block;
  float: left;
  position: relative;
}
#carousel-products .product-detail-title {
  font-size: 16px;
  font-weight: 600;
  width: 225px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-item {
  padding: 10px;
}
.product-media {
  padding-right: 5px;
  padding-left: 5px;
}
#carousel-products .item-wrapper .item .hover-overlay a {
  color: #fff;
  font-weight: normal;
}
#carousel-products .item-wrapper .item .hover-overlay .validity-wrapper span {
  font-weight: normal;
  font-size: 10px;
}
#carousel-products .item-wrapper .item .hover-overlay .overlay-title {
  padding: 0 10px;
  position: relative;
}
#carousel-products .item-wrapper .item .hover-overlay .overlay-title .more-action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 10px;
}
#carousel-products .item-wrapper .item:HOVER .hover-overlay .link-edit-product {
  float: left;
  position: absolute;
  bottom: 56px;
  left: 8px;
}
#carousel-products .item-wrapper .item:HOVER .hover-overlay {
  opacity: 1;
  cursor: pointer;
}
#carousel-products .item-wrapper .item .hover-overlay .backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #4096bd;
  opacity: 0.9;
}
#carousel-products .item-wrapper .item .hover-overlay .overlay-title {
  padding-top: 5px;
  min-height: 195px;
}
#carousel-products .item-wrapper .item a {
  text-decoration: none;
}
#carousel-products .validity-wrapper .mark-valid {
  width: 10px;
  height: 10px;
  margin: 5px 5px 0 0;
  display: inline-block;
}
#carousel-products .product-asset-tag {
  background-color: #4096bd;
  padding: 2px 4px 2px 4px;
  border-radius: 2px;
}
@media (max-width: 767px) {
  .carousel-inner .active.left {
    left: -100%;
  }
  .carousel-inner .next {
    left: 100%;
  }
  .carousel-inner .prev {
    left: -100%;
  }
  .active > div {
    display: none;
  }
  .active > div:first-child {
    display: block;
  }
}
@media (min-width: 767px) and (max-width: 992px) {
  .carousel-inner .active.left {
    left: -50%;
  }
  .carousel-inner .next {
    left: 50%;
  }
  .carousel-inner .prev {
    left: -50%;
  }
  .active > div {
    display: none;
  }
  .active > div:first-child {
    display: block;
  }
  .active > div:first-child + div {
    display: block;
  }
}
@media (min-width: 992px) {
  .carousel-inner .active.left {
    left: -16.7%;
  }
  .carousel-inner .next {
    left: 16.7%;
  }
  .carousel-inner .prev {
    left: -16.7%;
  }
  .product-detail-image {
    margin-bottom: 32px;
  }
  #type-tooltip {
    position: absolute;
    display: none;
    min-height: 30px;
    left: 0;
    top: 142px;
    background: #ededed;
    width: 147px;
    line-height: 30px;
    text-overflow: ellipsis;
    color: #000000;
  }
  .product-detail-image:hover > #type-tooltip {
    display: block;
  }
  #type-tooltip:before {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGAgMAAACKgJcSAAAADFBMVEXt7e329vb6+vr///9JwFedAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AsSEQ4KNOIS8AAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAIUlEQVQI12NgEGFgYMhkYGDc58DA9n8Cg/T/Jwz5/38CADWcB3fanVscAAAAAElFTkSuQmCC');
    width: 12px;
    height: 6px;
    display: none;
    content: "";
    position: absolute;
    top: -8px;
    left: 67px;
  }
}
@media (min-width: 992px) and (min-width: 768px) and (max-width: 992px) {
  .tooltip-type-v-space {
    padding-bottom: 30px;
  }
}
@media (min-width: 992px) and (max-width: 992px) {
  .btn-wrapper .btn-label span {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 768px) {
  #product-detail-wrapper #custom_fields .row .content-detail {
    height: auto !important;
  }
  #marketing .marketing-item .story-full-row {
    padding-right: 0px;
    padding-left: 0px;
  }
  #marketing .marketing-item .story-right-full-row {
    padding-right: 0px;
  }
  #product-information-table tbody > tr > td,
  #product-information-table tbody > tr > th,
  #product-information-table thead > tr > th {
    font-size: 12px;
    padding: 8px 10px;
    width: 50%;
  }
  tr.treegrid-separator td .treegrid-expander,
  #product-information-table tr.treegrid-separator td .treegrid-expander {
    height: 6px !important;
  }
  .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 10px !important;
  }
  .go-to-top .to-top-btn {
    font-size: 12px;
    text-transform: uppercase;
  }
  .go-to-top .to-top-btn a:focus,
  .go-to-top .to-top-btn a:hover {
    text-decoration: none;
  }
  .go-to-top .to-top-btn .glyphicons {
    padding-left: 5px;
  }
  #product-detail-wrapper .tab-content {
    margin-top: 10px;
  }
  .table-masterdata td {
    font-size: 12px;
  }
  .table-masterdata td.treegrid-name {
    width: 40%;
    padding: 8px 10px;
  }
  .zoomContainer {
    display: none;
  }
  .note-add-new {
    padding-top: 10px;
  }
  .marketing-story-group .list-group-item {
    padding: 2px;
    font-weight: 400;
  }
  .marketing-story-group .list-group-item .video-content {
    padding: 4px;
  }
  .marketing-story-imageset .image-set.item-wrapper {
    width: 47px;
    height: 47px;
    display: table;
    text-align: center;
    border: 1px solid #ededed;
    margin: 2px;
  }
  .marketing-story-group .list-group-item,
  .marketing-question-answer .list-group-item {
    margin: 2px 0;
  }
  .marketing-question-answer .list-group-item {
    padding: 0 6px;
  }
  #marketing .marketing-question-answer .marketing-detail-content {
    padding: 0 5px;
  }
  #marketing .marketing-question-answer .marketing-qna-group .list-group-item {
    border: none;
  }
  #marketing .marketing-qna-group .marketing-detail-content,
  #marketing .marketing-qna-group .marketing-detail-content {
    border: 1px solid #ededed;
    margin: 2px 0;
    color: #4b4b4b;
    font-weight: 500;
  }
  #marketing .marketing-block p {
    margin: 0 0 2px;
  }
  .select-filter {
    padding-right: 5px;
  }
  .add-all-datacart {
    padding-left: 5px;
  }
  #marketing label {
    padding-top: 5px;
    word-wrap: break-word;
  }
}
/*-----------PRODUCT EDIT PAGE-----------*/
#product-edit-form .preview {
  display: block;
  margin: 0 auto;
}
#product-edit-form .image-thumb {
  text-align: center;
  display: -webkit-box;
  margin: 0 auto;
  padding: 0;
  width: 18%;
}
#product-edit-form .upload_image {
  margin-bottom: 25px;
}
#product-edit-form .only-upload {
  margin-top: 25px;
}
#product-edit-form .change-image {
  position: absolute;
  top: 0;
  padding-top: 40px;
  left: 25%;
}
#product-edit-form #product-delete-image {
  display: block;
  text-align: center;
  color: #fff;
  background: rgba(255, 0, 0, 0.7);
  cursor: pointer;
  text-decoration: none;
  padding: 0 5px;
}
#product-edit-form #product-upload-image {
  display: block;
  text-align: center;
  color: #fff;
  background: rgba(0, 102, 52, 0.7);
  cursor: pointer;
  text-decoration: none;
  padding: 0 5px;
}
.btn-back {
  padding: 14px 0 12px 0;
}
#product-edit-form .btn-width {
  width: 172px;
  padding: 6px 0;
}
.product-edit-title {
  font-weight: bold;
  padding: 0 10px;
  color: #fff;
}
#product-edit-form .select2-multiple {
  width: 200px;
}
#product-edit-form .tab-content {
  padding-top: 30px;
}
#product-edit-form .tagging-wrapper .item {
  padding: 0;
  margin-bottom: 5px;
}
#product-edit-form .wrapper-title {
  padding-left: 15px;
}
#product-edit-form #access .wrapper-title {
  padding-left: 0px;
}
#product-edit-form .type-line {
  background-color: #d1d1d1;
  height: 20px;
  cursor: pointer;
}
#product-edit-form .marketing-slider .img_sorting_highlight {
  border: 1px dashed #fff;
  background: #88A32C;
  float: left;
  width: 217px;
  height: 180px;
}
#product-edit-form .bx-wrapper .bx-viewport .product-slide-list {
  margin-bottom: 0px !important;
}
#product-edit-form .type-line .type-label {
  padding-left: 10px;
  line-height: 20px;
  font-size: 12px;
}
#product-edit-form .type-line .check-box {
  float: right;
}
#product-edit-form .type-line .check-box .btn-group .btn {
  border: 0;
  border-left: 3px solid #fff;
  line-height: 24px;
}
#product-edit-form .type-line .check-box .btn-group > .btn:last-child:not(:first-child) {
  margin-left: 0;
}
#product-edit-form .btn-group.boolean-group > .btn:last-child:not(:first-child) {
  margin-left: 0;
}
#product-edit-form .product-edit-tab-content ::-webkit-input-placeholder,
#masterdata,
#product-edit-form {
  color: #4b4b4b;
}
#product-edit-form input::-moz-placeholder {
  color: #4b4b4b;
  opacity: 1;
}
.ui-widget {
  font-family: 'Open Sans', sans-serif !important;
  color: #4b4b4b !important;
}
#marketing input,
.form-control,
.cus4ntSkin table.mceLayout tr.mceFirst td {
  padding-right: 23px;
  color: #4b4b4b;
}
form#youtubeUpload .form-group button.form-control.btn.btn-success {
  color: #fff;
}
blockquote.product-edit-objects {
  border: 0;
  padding-left: 0px;
  margin: 0 0 10px;
}
#product-title {
  color: #0085ca;
  font-size: 16px;
  font-weight: 700;
  border: 1px solid #0085ca;
}
blockquote.product-edit-objects p {
  margin: 0;
  color: #4b4b4b;
}
#product-edit-form .checkbox {
  margin-bottom: 30px;
}
#product-edit-form .product-slide-list .item-wrapper .product-grid-view .type .file-type {
  border: 1px solid #000;
  padding: 1px 5px;
  font-size: 7px;
}
#product-edit-form .checkbox.internal-message {
  padding-top: 19px;
}
#product-edit-form .checkbox.archived {
  padding-top: 7px;
}
#product-edit-form .form-group.customer-group {
  padding-top: 0px;
}
#product-edit-form .product-edit-thumbnail {
  padding: 5px 0;
}
.product-slide-list .item-wrapper .item img {
  height: inherit;
  min-height: 150px;
}
.product-slide-list .item-wrapper .item .product-grid-view .title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  min-height: 55px;
  padding-top: 10px;
  font-weight: 700;
}
.item-wrapper.imageset-add {
  border: none;
  padding: 0 15px;
}
.container.panel.marketing-slider {
  box-shadow: none;
  margin-bottom: 0;
}
#product-edit-form .boolean-group label.active {
  background-color: #286184;
  color: #fff;
}
#product-edit-form .item-child-group-attr {
  border: 1px solid #ededed;
  padding: 15px;
}
#product-edit-form .boolean-group label {
  border: 0;
  background-color: #d1d1d1;
}
#product-edit-form .bx-wrapper {
  margin: 0 auto 10px;
}
.product-edit-tab-content .btn {
  border: 1px solid transparent;
}
.product-edit-tab-content .btn.btn-default {
  border-color: #ccc;
}
#product-edit-form #custom_fields .cf-item {
  padding-bottom: 15px;
}
#product-edit-form #custom_fields .cf-item.subtype_date .date {
  padding-right: 10px;
  padding-left: 15px;
}
#product-edit-form #custom_fields .form-group,
#product-edit-form #custom_fields .wrapper-title {
  margin-bottom: 0 !important;
}
#product-edit-form #custom_fields .cf-item .resource {
  margin: 0;
  font-size: 12px;
  font-style: italic;
  word-break: break-all;
}
#product-edit-form #custom_fields .cf-item.subtype_yesno .yesno-row {
  margin-bottom: 5px;
  padding-left: 0;
}
#product-edit-form #custom_fields .cf-item.subtype_yesno .yesno-row span {
  padding-top: 5px;
  white-space: normal;
  word-break: break-all;
}
#product-edit-form #custom_fields .cf-item .select2-container {
  width: 32% !important;
}
#product-edit-form #custom_fields .cf-item .yesno-row .boolean-group {
  padding-left: 0;
}
#product-edit-form #custom_fields .subtype_radio .row.sub-option {
  padding-left: 15px;
  padding-right: 6px;
}
#product-edit-form #custom_fields .cf-item input[type=radio].radio-select + label.css-radio-label::before {
  right: 11px;
}
#product-edit-form #custom_fields .cf-item input[type=radio].radio-select + label.css-radio-label::after {
  right: 6px;
}
#product-edit-form #custom_fields .cf-item .checkbox {
  margin: 8px 0;
}
#product-edit-form #custom_fields .cf-item .time-period {
  padding-right: 25px;
  padding-left: 0;
}
.product-edit-tab-content .select2-container .select2-selection--multiple {
  min-height: 30px;
}
.has-error .select2-container {
  border: 1px solid #a94442;
}
.product-edit-tab-content .select2-container .select2-selection--multiple {
  min-height: 30px;
}
.product-edit-tab-content .tagging-wrapper ul.select2-selection__rendered {
  margin-bottom: -2px;
}
#body-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-right: 35px;
}
#product-edit-form #custom_fields .cf-item .checkbox input[type=checkbox].css-checkbox + label.css-label {
  word-break: break-all;
  height: auto;
}
#product-edit-form .boolean-group label {
  text-overflow: ellipsis;
  overflow: hidden;
}
#product-edit-form #custom_fields .subtype_radio .row.sub-option .type-line label.label-checkbox {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 85%;
  padding-left: 10px;
  font-weight: 300;
  line-height: 20px;
  font-size: 12px;
}
.bx-viewport,
.bx-wrapper {
  position: relative;
  width: 100%;
  height: 100% !important;
  top: 0;
  left: 0;
}
.new_version_youtube_button,
.new_version_button {
  font-size: 14px;
}
.new_version_button {
  padding: 5px 40px;
}
.new_version_youtube_button {
  padding: 5px 16px;
}
#versioning .padding-bottom-20 {
  padding-bottom: 50px;
}
#versioning .new_version_button,
#versioning .new_version_youtube_button {
  float: right;
}
#versioning .new_version_button {
  margin-right: 5px;
}
#product-edit-form .select2-container--default .select2-search--inline .select2-search__field {
  padding-left: 5px;
  font-size: 12px;
  line-height: 20px;
  width: 100% !important;
}
#product-edit-form .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 4px;
  white-space: normal;
  word-break: normal;
}
#product-edit-form #custom_fields .cf-item .cf-label {
  display: initial;
  word-break: normal;
}
.marketing-upload-input {
  padding: 0px;
}
.upload-image-input {
  padding: 0px;
  border: none;
  box-shadow: none;
}
input.marketing-type-upload,
input.upload-image-type {
  margin-right: 5px;
}
input.marketing-type-upload:nth-child(2),
input.upload-image-type:nth-child(2) {
  margin-left: 15px;
}
input.marketing-type-upload2,
input.upload-image-type2 {
  margin-right: 5px;
}
input.marketing-type-upload2:nth-child(2),
input.upload-image-type2:nth-child(2) {
  margin-left: 15px;
}
@media (max-width: 1015px) {
  #product-edit-form .row.product-edit-tab-content {
    margin: 0;
  }
}
@media (max-width: 992px) {
  #product-edit-form .btn-width {
    width: inherit;
  }
}
span.preview img.img-responsive {
  max-width: 200px;
  margin: 0 auto;
  min-height: 130px;
}
#product-home #list-product a {
  text-decoration: none;
}
#product-home #list-product .action a .glyphicon {
  font-size: 20px;
}
#product-home #list-product .action .download {
  position: relative;
}
#product-home #list-product .action .title {
  position: absolute;
  margin-left: 2px;
  font-size: 12px;
  padding: 0 8px 0 2px;
}
#product-home #list-product .action .action-remove .title {
  margin-left: 4px;
  padding: 0 15px 0 0px;
}
#product-home #list-product .action .download {
  position: relative;
}
#product-home #list-product .action .add-to-cart {
  position: relative;
}
#product-home {
  color: #4b4b4b;
}
#product-home #list-product .clicked {
  background-color: #e7e7e7;
}
#product-home #list-product .icon-selected {
  background-color: #286184;
}
#product-home #list-product .icon-selected a {
  color: #fff;
}
#list-products-container .tablesorter tbody td {
  padding: 5px 3px;
}
#list-products-container .tablesorter-default td {
  background-color: transparent;
}
#list-view-wrapper tr.checked-product {
  background-color: #ededed;
}
#product-home .total-result {
  background-color: #e7e7e7;
  height: 30px;
  padding-top: 5px;
}
#product-home .add-all-to-cart,
#product-home .remove-all-cart,
#product-home .switch-view,
#product-home .edit-selected {
  height: 70px;
  text-align: center;
  color: #fff;
  border-left: 10px solid #fff;
  padding-right: 0px;
  padding-left: 0px;
  cursor: pointer;
}
#product-home .add-all-to-cart .glyphicon,
#product-home .switch-view .glyphicon,
#product-home .edit-selected .glyphicon {
  font-size: 30px;
  padding-top: 10px;
}
#product-home .seleted-count span {
  padding: 4px;
}
#list-view-wrapper td.first-child.text-middle,
.product-list-view td.first-child.text-middle {
  width: 30px;
}
#list-view-wrapper .tablesorter-default td {
  background-color: inherit;
}
/* Style for GRID view */
#list-products-container {
  margin-top: 20px;
}
#grid-view-wrapper div.item-wrapper {
  margin-bottom: 20px;
  min-height: 223px;
}
#list-products-container div.item-wrapper .item a {
  text-decoration: none;
}
#list-products-container div.item-wrapper .item .grid-downloadformat-context-menu a {
  line-height: 1em;
  padding: 4px 8px;
  font-size: 13px;
}
#list-products-container div.item-wrapper .list-group-item.active {
  background-color: #286184;
  color: #fff;
  border-color: #286184;
}
#list-products-container div.item-wrapper .item a:hover {
  background-color: #286184;
  border-color: #286184;
  color: #fff;
}
#grid-view-wrapper .product-grid-view a {
  background-color: transparent !important;
}
.checkbox-all {
  padding-left: 3px;
}
#grid-view-wrapper .item-wrapper .item {
  height: 250px;
}
#grid-view-wrapper .item .title {
  padding-top: 15px;
  font-weight: bold;
  max-height: 70px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#grid-view-wrapper .item .hover-overlay {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
#grid-view-wrapper .item .hover-overlay a {
  color: #fff;
  font-weight: normal;
}
#grid-view-wrapper .item .hover-overlay .validity-wrapper span {
  font-weight: normal;
  font-size: 10px;
}
#grid-view-wrapper .item .hover-overlay .overlay-title {
  padding: 0 10px;
  position: relative;
}
#grid-view-wrapper .grid-list-download-format .overlay-title {
  min-height: 108px;
  max-width: 240px;
}
#grid-view-wrapper .item .hover-overlay .overlay-title .more-action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 10px;
}
#grid-view-wrapper .item:HOVER .hover-overlay .link-edit-product {
  float: left;
  position: absolute;
  bottom: 56px;
  left: 8px;
}
#body-wrapper #grid-view-wrapper div.item-wrapper .item .more-action a.icon-edit-product:hover {
  background: none !important;
}
#grid-view-wrapper .item:HOVER .hover-overlay {
  opacity: 1;
  cursor: pointer;
}
#grid-view-wrapper .item .hover-overlay .backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #4096bd;
  opacity: 0.9;
}
#grid-view-wrapper .item:HOVER .glyphicon {
  opacity: 1;
}
#grid-view-wrapper .item .hover-overlay .add-download .glyphicon {
  font-size: 22px;
}
#grid-view-wrapper .item .add-download {
  position: absolute;
  bottom: -5px;
  right: 0px;
  width: 100%;
  min-height: 55px;
}
#grid-view-wrapper .item .grid-list-download-format .add-download {
  padding: 0 10px;
}
#grid-view-wrapper .product-grid-view .grid-list-download-format {
  max-height: 165px;
}
#grid-view-wrapper .grid-btn-add-to-cart {
  background-color: #80bb00;
  border: none;
  border-left: 1px solid #fff;
}
#grid-view-wrapper .item-wrapper:nth-child(2n) .item.is-added .grid-btn-add-to-cart {
  width: 128px;
}
#grid-view-wrapper .grid-btn-add-to-cart:hover {
  background-color: #409bd6;
  border: none;
  border-left: 1px solid #fff;
}
.grid-downloadformat-context-menu {
  min-height: 108px;
}
.grid-btn-download {
  width: 130px;
  font-size: 20px;
  margin: 0 -25px;
  float: left;
}
#grid-view-wrapper .item-wrapper .grid-btn-add-to-cart {
  width: 131px;
  font-size: 20px;
  margin: 0 -25px;
  float: right;
}
#grid-view-wrapper .item-wrapper .item.is-added .grid-btn-add-to-cart {
  width: 128px;
}
#grid-view-wrapper .item .hover-overlay .download-one,
#grid-view-wrapper .item .hover-overlay .add-one-to-cart {
  background-color: #286184;
  height: 100%;
  padding: 5px;
}
#grid-view-wrapper .item .hover-overlay .download-one:hover,
#grid-view-wrapper .item .hover-overlay .add-one-to-cart:hover {
  background-position: 44px -1570px;
  color: #409bd6;
}
#grid-view-wrapper .item .hover-overlay .add-one-to-cart {
  border-right: 1px solid #ababab;
}
.disabled {
  cursor: default;
}
#grid-view-wrapper .item .btn-remove .remove-cart {
  position: absolute;
  right: 5px;
}
#grid-view-wrapper .item p.btn-remove {
  padding-bottom: 10px;
  top: -5px;
  right: 0px;
  position: relative;
  font-size: 16px;
}
#grid-view-wrapper .item .remove-cart {
  position: absolute;
  right: 10px;
  font-size: 16px;
}
#grid-view-wrapper .item .hover-overlay .remove-cart {
  top: 10px;
  right: 7px;
  z-index: 99;
  color: #fc4346;
}
#product-home .load-more {
  margin-bottom: 0px;
}
/* Style for LIST view */
#list-view-wrapper table#list-product .item-wrapper,
.product-list-view .item-wrapper {
  height: 75px;
  border-top: 1px solid #d1d1d1;
}
#list-view-wrapper table#list-product .item-wrapper:first-child,
.product-list-view .item-wrapper:first-child {
  border-top: 0px;
}
#list-view-wrapper tr.item-wrapper.border-checked-product.is-added {
  border-top: 1px solid #0085ca !important;
  border: 1px solid #0085ca;
}
#list-view-wrapper #list-product .cart-download-btns .remove-cart {
  font-size: 12px;
}
#list-view-wrapper #list-product .cart-download-btns .add-to-cart {
  width: 45%;
  float: left;
}
.tablesorter-default tbody > tr.hover > td,
.tablesorter-default tbody > tr:hover > td,
.tablesorter-default tbody > tr.even:hover > td,
.tablesorter-default tbody > tr.odd:hover > td {
  color: #4b4b4b !important;
}
#list-view-wrapper table#list-product .item-wrapper td,
.product-list-view .item-wrapper td {
  height: 100%;
}
#list-view-wrapper table#list-product .image-wrapper,
.product-list-view .image-wrapper {
  position: relative;
}
#list-view-wrapper table#list-product .image-wrapper .image-thumbnail,
.product-list-view .image-wrapper .image-thumbnail {
  width: 75px;
  height: 75px;
  cursor: pointer;
  display: table;
}
#list-view-wrapper table#list-product .image-wrapper .image-thumbnail a,
.product-list-view .image-wrapper .image-thumbnail a {
  vertical-align: middle;
  display: table-cell;
  padding: 2px;
  border: 1px solid #d1d1d1;
  margin: 0 auto;
}
#list-view-wrapper table#list-product .image-wrapper .preview-wrapper,
.product-list-view .image-wrapper .preview-wrapper {
  position: absolute;
  width: 300px;
  left: 90px;
  bottom: 3px;
  background-color: #ededed;
  width: 385px;
  height: auto;
  border: 1px solid #d3d3d3;
  padding: 10px;
  z-index: 10;
}
#list-view-wrapper table#list-product .image-wrapper .preview-wrapper .preview-title {
  font-weight: bold;
}
#list-view-wrapper table#list-product .image-wrapper .preview-wrapper span {
  padding: 0 5px;
}
#list-view-wrapper table#list-product .image-wrapper .preview-wrapper .file-type {
  border: 1px solid #000;
  padding: 0 5px;
}
#list-view-wrapper table#list-product .image-wrapper .preview-wrapper .preview-image {
  margin: 15px 0 0 0;
}
#list-view-wrapper table#list-product .image-wrapper .preview-wrapper .preview-type {
  float: left;
}
#list-view-wrapper table#list-product .image-wrapper .preview-wrapper .preview-pid {
  float: right;
}
#list-view-wrapper table#list-product .image-wrapper .preview-wrapper .preview-image img {
  margin-right: auto;
  margin-left: auto;
  max-height: 360px;
  max-width: 360px;
}
#list-view-wrapper table#list-product .title-wrapper {
  height: 100%;
}
#list-view-wrapper table#list-product .title-wrapper .title {
  font-weight: 700;
}
/* FOR both LIST/GRID */
#grid-view-wrapper .validity-wrapper .mark-valid {
  margin: 6px 0 0 -15px;
  position: absolute;
}
.product-grid-checkbox {
  position: absolute;
  left: 0;
  top: 3px;
}
#grid-view-wrapper .checked-product {
  border: 2px solid #80bb00;
}
#grid-view-wrapper .checked-product .grid-list-download-format .overlay-title {
  min-height: 108px;
}
#grid-view-wrapper .is-added {
  border: 2px solid #286184;
}
#list-view-wrapper tr.checked-product td.first-child {
  background-color: #286184;
}
.filter_content .btn_edit_set a:hover,
.filter_content .btn_edit_set a.active {
  background-color: #00a8d4;
}
#product-home .result {
  margin: 35px 0;
}
/* ---------------- BEGIN Style for DETAIL PAGE ---------------*/
#product-detail-wrapper .tab-content a.btn {
  border-radius: 0px;
}
#product-detail-wrapper .title {
  background-color: #d1d1d1;
  color: #4b4b4b;
  padding: 10px 5px;
}
#product-detail-wrapper .add-new-wrapper .btn {
  width: 100%;
}
#list-view-wrapper .tablesorter-default th,
#list-view-wrapper .tablesorter-default thead td {
  background-color: #d1d1d1;
  border-bottom: 0;
}
#list-product .download-one {
  cursor: pointer;
}
#list-product .download-product,
#list-product .add-one-to-cart {
  cursor: pointer;
  width: 45%;
  float: left;
  text-align: center;
  display: table;
}
.download-btn-container {
  width: 400px;
  position: absolute;
  right: 15px;
  background-color: #ddd;
  height: 83px;
  margin-top: -4px;
}
.download-btn-container .cart-download-btns {
  float: right;
  width: 41%;
  transform: translateY(50%);
  padding-top: 4px;
}
.download-btn-container .product-download-format {
  width: 58%;
  height: 100%;
  border-right: 1px solid #fff;
  padding: 5px 10px;
}
.product-download-format label {
  font-size: 12px;
}
.download-btn-container .product-download-format .download-format-context-menu {
  padding: 5px;
  width: 170px;
}
#list-product .download-btn-container .close-box {
  position: absolute;
  top: 2px;
  right: 2px;
}
#product-detail-wrapper .select-download-file-type {
  width: 170px;
}
.detail-download-product-button,
.detail-add-to-cart-button {
  cursor: pointer;
}
.product-detail-image {
  display: table;
  text-align: center;
  background-color: #ededed;
  color: #fff;
  width: 147px;
  float: left;
}
.product-detail-action-download {
  float: left;
  width: 64.2%;
  margin-left: 5px;
  height: 100%;
}
.product-detail-image .wrap-type-thumb {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.product-detail-image .wrap-type-thumb img {
  max-width: 130px;
}
.product-detail-image,
.product-detail-file-type,
.product-detail-action {
  height: 140px;
}
.product-detail-action {
  padding: 0;
}
.product-detail-file-type {
  padding: 0;
}
.product-detail-image span {
  font-size: 90px;
  display: block;
  vertical-align: middle;
}
#product-detail-wrapper .download-file-type {
  text-align: left;
  height: 49%;
  background-color: #ededed;
  padding: 2px 10px 10px;
  color: #000;
}
#product-detail-wrapper .download-file-type,
#product-detail-wrapper .download-file-type label,
.select2-container--open ul [id^="select2-product-type"] {
  font-size: 12px;
  font-weight: normal;
}
#product-detail-wrapper .download-file-type label {
  color: #4b4b4b;
  margin: 5px 0px;
}
#product-detail-wrapper .download-file-type .select2-selection__rendered {
  color: #4b4b4b;
}
#product-detail-wrapper .download-file-type .select2-selection--single {
  line-height: 35px !important;
  outline: none;
  height: 30px !important;
}
#product-detail-wrapper .download-file-type span.select2-selection::after {
  top: 0;
  line-height: 30px;
}
#product-detail-wrapper .download-file-type .select-download-file-type {
  width: 100%;
  height: 30px;
}
#product-detail-wrapper .download-file-type .select2-container--below {
  width: 100% !important;
}
#product-detail-wrapper .download-file-type .select2-selection {
  border: none !important;
}
#product-detail-wrapper .product-detail-file-type input {
  padding: 5px 0;
}
#product-detail-wrapper .edit_acsdk_image {
  background-color: #EDEDED;
  margin-top: 5px;
  height: 66px;
  text-align: center;
  padding: 12px;
  color: #006634;
  cursor: pointer;
}
#product-detail-wrapper .edit_acsdk_image span.title_edit_acsdk_image {
  display: block;
  font-size: 11px;
  padding: 5px;
}
#product-detail-wrapper .edit_acsdk_image span.glyphicons {
  font-size: 25px;
}
.detail-download-product-button {
  height: 49%;
  text-align: center;
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 400;
}
.detail-edit-image-button span.glyphicons,
.detail-download-product-button span.glyphicons,
.detail-add-to-cart-button span.glyphicons {
  clear: both;
  width: 100%;
  font-size: 25px;
  margin-top: 12px;
  margin-bottom: 5px;
}
.detail-edit-image-button {
  border-top: 5px solid #fff;
  text-align: center;
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 400;
  padding-bottom: 2px;
  height: 51%;
}
.detail-add-to-cart-button {
  height: 51%;
  text-align: center;
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 400;
  border-top: 5px solid #fff;
}
.download-file-type .select2.select2-container::after {
  top: 0;
}
.product-detail-title h2 {
  margin: 0;
  color: #0085ca;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.product-detail-object-id {
  font-size: 12px;
  padding-bottom: 10px;
  color: #4b4b4b;
}
.product-detail-img-box {
  width: 364px;
  height: 336px;
  border: 1px solid #dedede;
  display: table;
  text-align: center;
}
.product-detail-img-box .glyphicons.glyphicons-volume-down {
  font-size: 180px;
  vertical-align: middle;
  padding: 69px 0 50px 50px;
}
.product-detail-img-box .audio-detail {
  display: table-cell;
  vertical-align: middle;
}
.product-detail-img-box .audio-detail audio {
  width: 100%;
  margin-bottom: -10px;
}
.product-detail-img-box .img-thumb {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.product-detail-tab-information {
  padding: 50px 15px;
}
.nav-tabs {
  border-bottom: 0px solid #ededed;
}
.nav-tabs > li {
  background-color: #d1d1d1;
  margin-bottom: 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  border: 0;
  border-radius: 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  background-color: #ededed;
  color: #004976;
}
.nav-tabs > li > a:hover {
  background-color: #d1d1d1;
  color: #004976;
}
.nav-tabs > li > a {
  margin-right: 0;
  border: 0;
  border-radius: 0;
}
#product-detail-wrapper .nav-tabs > li > a {
  line-height: 14px;
}
img#zoom_thumb,
img.img-thum-mobile {
  max-width: 364px;
  max-height: 338px;
}
#grid-view-wrapper label.css-label::before {
  top: 5px;
  left: 5px;
}
#grid-view-wrapper .product-detail-title {
  padding-left: 25px;
}
#grid-view-wrapper .validity-wrapper {
  padding-left: 40px;
}
#grid-view-wrapper .item .hover-overlay .overlay-title {
  padding-top: 5px;
  min-height: 195px;
}
#grid-view-wrapper .product-detail-title {
  font-size: 16px;
  font-weight: 600;
  width: 225px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#grid-view-wrapper .grid-btn-add-to-cart,
#grid-view-wrapper .grid-btn-download {
  height: 50px;
  font-weight: normal;
  float: left;
  text-transform: uppercase;
}
#grid-view-wrapper .btn-addon-icon {
  line-height: 1;
  font-size: 14px;
}
#grid-view-wrapper .grid-downloadformat-context-menu .select2-container {
  display: block;
}
#grid-view-wrapper .grid-downloadformat-context-menu span.select2-selection {
  background-color: #dfdfdf;
  border: none;
}
.product-upload table tr td {
  vertical-align: middle;
}
.preview-thumb .glyphicons.glyphicons-volume-down {
  font-size: 80px;
  display: block;
}
.product-list-thumb {
  max-width: 70px;
  max-height: 70px;
  margin: auto;
}
#intercom-container .intercom-launcher {
  bottom: 60px !important;
}
#intercom-container .intercom-launcher-button,
#intercom-container .intercom-launcher-preview {
  box-shadow: none !important;
}
#marketing .bx-wrapper .bx-controls-direction a {
  z-index: 1001;
}
#list-view-wrapper .action {
  height: 75px;
  display: table;
  width: 100%;
}
#list-view-wrapper .action .btn-list-action {
  cursor: pointer;
  text-align: center;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
#list-view-wrapper #list-product-external .action .btn-list-action.add-one-to-cart {
  display: block;
}
#list-view-wrapper .action .btn-list-action .glyphicons {
  clear: both;
  width: 100%;
  font-size: 20px;
}
#list-view-wrapper .action .btn-list-action .btn-list-label {
  font-size: 12px;
}
.form-group .item-child-group .item-child-group-attr {
  position: relative;
  margin-bottom: 10px;
}
.form-group .item-child-group .item-child-group-attr .remove-attr-group {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.form-group .btn-group.boolean-group label {
  margin-right: 5px;
  margin-left: 0px;
}
#list-product tr.tablesorter-headerRow th.none-sorting {
  background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
  background-position: center right;
  background-repeat: no-repeat;
  cursor: pointer;
  white-space: normal;
  padding: 4px 20px 4px 4px;
}
#list-product tr.tablesorter-headerRow th.asc-sorting {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
  background-position: center right;
  background-repeat: no-repeat;
  cursor: pointer;
  white-space: normal;
  padding: 4px 20px 4px 4px;
}
#list-product tr.tablesorter-headerRow th.desc-sorting {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
  background-position: center right;
  background-repeat: no-repeat;
  cursor: pointer;
  white-space: normal;
  padding: 4px 20px 4px 4px;
}
.btn-action-wrapper {
  text-align: center;
  height: 30px;
}
@media (max-width: 1199px) {
  #grid-view-wrapper .item .title {
    padding-top: 15px;
    font-weight: bold;
    max-height: 60px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .product-detail-img-box {
    width: 280px;
    height: 260px;
  }
  .product-detail-action-download {
    width: 56%;
  }
  .download-file-type label {
    font-size: 13px;
  }
  #grid-view-wrapper .item-wrapper .grid-btn-add-to-cart {
    width: 105px;
  }
  #grid-view-wrapper .item-wrapper:nth-child(2n) .item.is-added .grid-btn-download {
    width: 104px;
  }
  #grid-view-wrapper .item-wrapper:nth-child(2n) .item.is-added .grid-btn-add-to-cart {
    width: 104px;
  }
  #grid-view-wrapper .item-wrapper .item.is-added .grid-btn-add-to-cart {
    width: 103px;
  }
  #grid-view-wrapper .item-wrapper .grid-btn-download {
    width: 105px;
  }
  #grid-view-wrapper .grid-list-download-format .overlay-title {
    height: 118px;
    max-width: 190px;
  }
  #grid-view-wrapper .item .hover-overlay .overlay-title {
    height: 168px;
  }
}
@media (max-width: 1020px) {
  #product-home.container {
    padding: 0 15px;
  }
}
@media (width: 992px) {
  .product-detail-action-download {
    width: 56.3%;
  }
}
@media (max-width: 991px) {
  #grid-view-wrapper .item {
    padding: 0;
  }
  #grid-view-wrapper .item .overlay-title {
    padding: 10px;
  }
  #grid-view-wrapper .grid-list-download-format .overlay-title {
    max-width: 100%;
  }
  #grid-view-wrapper .item .grid-list-download-format .close {
    padding: 10px;
  }
  #grid-view-wrapper .item .grid-list-download-format .add-download {
    padding: 0;
  }
  #grid-view-wrapper .item .grid-list-download-format .add-download .download-btn {
    padding: 0;
  }
  #grid-view-wrapper .item .grid-list-download-format .add-download .download-btn button {
    width: 100%;
    margin: inherit;
    font-weight: 400;
  }
  #grid-view-wrapper .item .grid-list-download-format .add-download .add-one-to-cart {
    padding: 0;
  }
  #grid-view-wrapper .item .grid-list-download-format .add-download .add-one-to-cart button {
    margin-right: 0;
    width: 100%;
    margin: inherit;
    font-weight: 400;
  }
  #grid-view-wrapper .grid-list-download-format .btn-addon-icon span,
  #grid-view-wrapper .btn-addon-txt span,
  #grid-view-wrapper .item .hover-overlay a .font-size-11 {
    font-size: 13px;
    text-transform: uppercase;
  }
  #grid-view-wrapper .grid-list-download-format .btn-addon-icon {
    display: none;
  }
  #grid-view-wrapper .item-wrapper .item .grid-list-download-format button.close {
    padding-top: 5px;
    padding-right: 5px;
  }
  #product-home.container {
    padding: 0 10px;
  }
  .download-btn-container {
    width: 93.333%;
    max-width: 340px;
    right: 10px;
    height: 58px;
  }
  .download-btn-container .product-download-format .download-format-context-menu {
    width: 100%;
    max-width: 170px;
  }
  #product-home .result {
    margin: 10px 10px 5px 0;
  }
  #list-products-container {
    margin-top: 15px;
  }
  /* Product detail */
  h2.title-gray-block {
    margin-bottom: 0;
  }
  .product-detail-mobile {
    text-align: center;
    padding-top: 10px;
  }
  .product-detail-mobile h2 {
    margin: 5px auto;
    word-wrap: break-word;
  }
  .product-detail-mobile .product-code {
    font-size: 14px;
    font-weight: bold;
  }
  .product-detail-img-box {
    width: 100%;
    height: 260px;
    margin: 10px 0;
  }
  .row.data-cart-download-container {
    margin: auto 0px;
  }
  .product-detail-action-download {
    width: 67.5%;
  }
  .product-detail-img-box img#zoom_thumb,
  .product-detail-img-box img.img-thum-mobile {
    max-width: 100%;
    width: 100%;
    max-height: inherit;
  }
  .note-item-wrapper .action-item.pointer .btn-remove {
    font-size: 20px;
    color: #fc4346;
  }
  #product_note .notes-wrapper .item {
    padding: 15px 5px;
  }
  #product_note .notes-wrapper .item .action-item {
    padding: 10px 0;
    position: absolute;
    bottom: 5px;
    left: 10px;
  }
  #product_note .notes-wrapper .item .note-time {
    font-weight: bold;
  }
  #product_note .notes-wrapper .item .note-user {
    font-size: 10px;
  }
  #product-detail-wrapper #product_note .notes-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
  .product-detail-img-box img#zoom_thumb {
    cursor: inherit !important;
  }
  .mobile-tab-menu .select2-container--default .select2-selection--single {
    background-color: #d1d1d1;
    border: none;
    color: #979796;
    font-size: 13px;
  }
  #select2-detail-tabs-results .select2-results__option[aria-selected=true] {
    display: block;
  }
  #select2-detail-tabs-results {
    font-size: 13px;
  }
  #product-information-table tbody > tr > td,
  #product-information-table tbody > tr > th,
  #product-information-table thead > tr > th {
    font-size: 12px;
    padding: 8px 10px;
    width: 50%;
  }
  .product-detail-tab-information {
    padding: 20px 10px;
  }
  .product-detail-img-box .img-thumb img {
    width: 100%;
  }
  .product-detail-tab-information .panel-body,
  .product-detail-tab-information .panel-heading {
    padding: 10px;
  }
  #marketing .panel-title {
    font-size: 13px;
  }
  #marketing .qna-answer-label {
    display: inline !important;
    color: #88a32c;
    font-size: 10px;
  }
  #marketing .qna-content {
    font-size: 10px;
  }
  #marketing .marketing-block .panel-title .show-hide-arrow-marketing {
    font-size: 18px;
    line-height: 16px;
  }
  .marketing-list-detail .bx-wrapper {
    margin-bottom: 5px;
    margin-top: 0px;
    box-shadow: none;
  }
  .marketing-list-detail .panel-body.image-slider {
    padding: 0 10px;
    background-color: #ededed;
    border: 1px solid #ededed;
  }
  #marketing .marketing-detail-content {
    padding: 5px;
    font-weight: 400;
  }
  #marketing .marketing-slider img,
  #marketing .marketing-slider video {
    max-width: 160px;
    max-height: 150px;
  }
  #marketing .marketing-slider .slide {
    width: 160px !important;
    max-height: 160px;
    display: inline-table;
  }
  #marketing .slider-wrapper .bx-viewport .marketing-slider {
    margin-bottom: 5px;
    max-width: inherit;
  }
  #marketing .slider-wrapper .bx-wrapper .bx-controls-direction a {
    top: 10px;
    height: 107%;
    width: 10px;
  }
  #marketing .slider-wrapper .bx-wrapper .bx-next {
    right: -16px;
    background: url(../images/next.png) no-repeat 1px 50%;
  }
  #marketing .slider-wrapper .bx-wrapper .bx-prev {
    left: -16px;
    background: url(../images/prev.png) no-repeat 1px 50%;
  }
  #marketing .slider-wrapper .bx-wrapper .bx-next:focus,
  #marketing .slider-wrapper .bx-wrapper .bx-next:hover {
    background-position: 1px 50%;
  }
  #marketing .slider-wrapper .bx-wrapper .bx-prev:focus,
  #marketing .slider-wrapper .bx-wrapper .bx-prev:hover {
    background-position: 1px 50%;
  }
  #marketing .img-thumbnail {
    border-radius: 0;
    padding: 4px;
  }
  .marketing-story-group .col-xs-8 {
    padding-right: 0px;
  }
  .marketing-story-group .marketing-story-image-text .col-xs-8 {
    padding-right: 10px;
  }
  .panel.marketing-block .row {
    padding-bottom: 0px;
  }
  .marketing-story-imageset {
    padding: 2px;
  }
  .marketing-item .item-wrapper {
    margin: inherit;
  }
  #marketing #marketing-zoom-modal .image-zoom img {
    max-width: 100%;
  }
  #list-view-wrapper .item-wrapper .validity-wrapper.visible-xs {
    float: left;
    clear: both;
  }
  #list-view-wrapper .item-wrapper .action {
    float: left;
    width: 85%;
    text-align: center;
    height: 50px;
  }
  #list-view-wrapper .item-wrapper .validity-group {
    width: 15%;
    height: 50px;
    display: block;
    float: left;
  }
  #list-view-wrapper table#list-product .image-wrapper .image-thumbnail,
  .product-list-view .image-wrapper .image-thumbnail,
  #related_products table#list-product .item-wrapper .image-wrapper .image-thumbnail {
    width: 54px;
    height: 50px;
  }
  .product-list-thumb {
    max-width: 54px;
  }
  .download-btn-container .cart-download-btns {
    transform: translateY(18%);
  }
  .download-btn-container .product-download-format {
    padding: 12px 10px;
  }
  /* Grid view*/
  #body-wrapper #grid-view-wrapper .item .product-grid-view .hover-overlay {
    background-color: transparent !important;
    opacity: 1;
  }
  #grid-view-wrapper .item-wrapper .item img {
    height: inherit;
    /*min-height: 150px;*/
  }
  #grid-view-wrapper .item .add-download {
    min-height: 35px;
  }
  #grid-view-wrapper .item .product-grid-checkbox {
    right: 15px;
    left: 5px;
    top: 5px;
  }
  #grid-view-wrapper .item .hover-overlay .remove-cart {
    font-size: 20px;
    display: block;
    width: 30px;
    padding: 5px;
  }
  #grid-view-wrapper .item .hover-overlay .remove-cart {
    top: 0px;
    right: 0;
  }
  #grid-view-wrapper .checked-product {
    border: 1px solid #409BD6;
    background-color: #ededed;
  }
  #grid-view-wrapper .product-detail-title {
    text-align: center;
    color: #4b4b4b;
  }
  #grid-view-wrapper .is-added {
    border: 1px solid #286184;
  }
  #grid-view-wrapper .item .hover-overlay .overlay-title {
    padding-top: 35px;
    height: 160px;
  }
  #grid-view-wrapper .item-wrapper .item {
    height: auto !important;
  }
  #grid-view-wrapper .item-wrapper .item .close {
    padding-top: 5px;
  }
  #grid-view-wrapper .item .title {
    font-size: 13px;
    text-align: center;
    padding: 10px 45px 10px;
  }
  #grid-view-wrapper .item .product-detail-mobile {
    font-size: 10px;
    padding-top: 18px;
    padding-bottom: 10px;
    margin-bottom: 25px;
  }
  #grid-view-wrapper .validity-wrapper .mark-valid {
    margin-top: 0px;
    width: 14px;
    height: 14px;
  }
  #grid-view-wrapper .product-detail-mobile .validity-wrapper .fl {
    padding-bottom: 10px;
  }
  #grid-view-wrapper .product-detail-mobile .validity-wrapper .fl .mess-label {
    padding-left: 5px;
    vertical-align: middle;
  }
  #grid-view-wrapper .product-detail-mobile .type .file-type {
    padding: 1px 7px;
  }
  #grid-view-wrapper .product-detail-mobile .type {
    text-align: right;
    padding-right: 0px;
  }
  #grid-view-wrapper .validity-wrapper {
    padding-left: 25px;
  }
  #grid-view-wrapper .item-wrapper:nth-child(2n) .item.is-added .grid-btn-download {
    width: 100%;
    font-size: 10px;
  }
  #grid-view-wrapper .item-wrapper:nth-child(2n) .item.is-added .grid-btn-add-to-cart {
    width: 100%;
    font-size: 10px;
  }
  #grid-view-wrapper .item-wrapper .item {
    padding: 0;
  }
  #grid-view-wrapper .item-wrapper .item .close {
    padding: 10px;
  }
  #grid-view-wrapper .item-wrapper .item .product-detail-mobile .validity-wrapper div {
    float: left;
    padding-left: 10px;
    width: 100%;
    text-align: left;
  }
  #grid-view-wrapper .item-wrapper .item .product-detail-mobile .icon-product-title .type {
    padding-right: 10px;
  }
  #grid-view-wrapper .item-wrapper .overlay-title {
    padding: 10px;
    padding-top: 25px;
  }
  #grid-view-wrapper .item-wrapper .grid-btn-add-to-cart,
  #grid-view-wrapper .item-wrapper .grid-btn-download {
    width: 100%;
    margin: 4px -20px;
    height: 30px;
    font-size: 10px;
  }
  #grid-view-wrapper .item-wrapper .item .grid-list-download-format .add-download {
    padding: 0;
  }
  #grid-view-wrapper .item-wrapper .item .grid-list-download-format .add-download button {
    padding: 0;
  }
  #grid-view-wrapper .item-wrapper .item .grid-list-download-format .add-download .download-btn {
    padding: 0;
  }
  #grid-view-wrapper .item-wrapper .item .grid-list-download-format .add-download .download-btn button {
    margin-left: 0;
    line-height: 0;
  }
  #grid-view-wrapper .item-wrapper .item .grid-list-download-format .add-download .add-one-to-cart {
    padding: 0;
  }
  #grid-view-wrapper .item-wrapper .item .grid-list-download-format .add-download .add-one-to-cart button {
    margin-right: 0;
    line-height: 0;
  }
  #grid-view-wrapper .grid-list-download-format .overlay-title {
    max-width: 100%;
  }
  #grid-view-wrapper .btn-addon-icon,
  #grid-view-wrapper .btn-addon-txt {
    display: inline-block;
  }
  .product-detail-action-download .product-detail-image span {
    font-size: 45px;
    display: block;
  }
  .mobile-pin-manager td {
    background-color: #286184;
    color: #fff;
    font-size: 10px;
    border: 1px solid #fff;
  }
  .mobile-pin-manager td .info-line .info-label {
    font-weight: bold;
    padding-right: 15px;
  }
  .mobile-pin-manager td .pin-status-col {
    width: 100%;
    height: 11px;
    border-bottom: 1px solid #fff;
    background-color: #d1d1d1;
  }
  .mobile-pin-manager .pin-status .pin-download-status {
    width: 10px;
    height: 10px;
    float: right;
  }
  .mobile-pin-manager td.pin-status {
    padding: 0px;
  }
  .mobile-pin-manager td.pin-status .delete-action {
    height: 60px;
    display: table-cell;
    font-size: 20px;
    vertical-align: middle;
    margin: 0 auto;
    width: 45px;
    text-align: center;
  }
  #manage-pin td.pin-label {
    border-right: 0;
  }
  #manage-pin td.pin-desc {
    border-left: 0;
  }
  #manage-pin tr.action-button td {
    padding-right: 0px;
  }
  .manage-pin-body table {
    margin-bottom: 0px;
  }
  .manage-pin-body {
    padding: 0px;
  }
  #manage-pin .action-btn-group {
    padding: 0px;
  }
  .manage-pin-body .btn-load-pin {
    padding-left: 0px;
    padding-bottom: 10px;
    padding-right: 5px;
  }
  .manage-pin-body .btn-send-pin {
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 5px;
  }
}
@media (max-width: 768px) {
  /*grid view item download and add to cart*/
  #grid-view-wrapper .item-wrapper .item {
    padding: 0;
  }
  #grid-view-wrapper .item-wrapper .item .close {
    padding: 10px;
  }
  #grid-view-wrapper .item-wrapper .item .product-detail-mobile .validity-wrapper div {
    float: left;
    padding-left: 10px;
    width: 100%;
    text-align: left;
  }
  #grid-view-wrapper .item-wrapper .item .product-detail-mobile .icon-product-title .type {
    padding-right: 10px;
  }
  #grid-view-wrapper .item-wrapper .overlay-title {
    padding: 10px;
    padding-top: 25px;
  }
  #grid-view-wrapper .item-wrapper .grid-btn-add-to-cart,
  #grid-view-wrapper .item-wrapper .grid-btn-download {
    width: 100%;
    margin: 4px -20px;
    height: 30px;
    font-size: 10px;
  }
  #grid-view-wrapper .item-wrapper .item .grid-list-download-format .add-download {
    padding: 0;
  }
  #grid-view-wrapper .item-wrapper .item .grid-list-download-format .add-download button {
    padding: 0;
  }
  #grid-view-wrapper .item-wrapper .item .grid-list-download-format .add-download .download-btn {
    padding: 0;
  }
  #grid-view-wrapper .item-wrapper .item .grid-list-download-format .add-download .download-btn button {
    margin-left: 0;
    line-height: 0;
  }
  #grid-view-wrapper .item-wrapper .item .grid-list-download-format .add-download .add-one-to-cart {
    padding: 0;
  }
  #grid-view-wrapper .item-wrapper .item .grid-list-download-format .add-download .add-one-to-cart button {
    margin-right: 0;
    line-height: 0;
  }
  #grid-view-wrapper .grid-list-download-format .overlay-title {
    max-width: 100%;
  }
  #grid-view-wrapper .btn-addon-icon,
  #grid-view-wrapper .btn-addon-txt {
    display: inline-block;
  }
  #list-view-wrapper label.css-label::before,
  .product-list-view label.css-label::before {
    left: 0;
  }
  #list-products-container .tablesorter tbody td {
    padding: 5px;
  }
  #product-home .switch-view {
    border-left: 0px;
  }
  .product-list-thumb {
    max-width: 54px;
    max-height: 50px;
    margin: 0 auto;
    border: none;
  }
  #body-wrapper #list-view-wrapper table#list-product .title-wrapper .title a span {
    color: #686868;
  }
  #list-view-wrapper table#list-product .image-wrapper {
    display: table;
    border: 1px solid #d1d1d1;
  }
  #list-view-wrapper table#list-product .image-wrapper .image-thumbnail a,
  .product-list-view .image-wrapper .image-thumbnail a {
    border: none;
  }
  #product-list-form tr.tablesorter-headerRow {
    font-size: 12px;
  }
  #product-list-form .tablesorter-default th,
  #product-list-form .tablesorter-default thead td {
    font-weight: normal;
  }
  #list-view-wrapper table#list-product .title-wrapper {
    width: 80px;
    height: 50px;
    position: relative;
  }
  #list-view-wrapper #list-product .title-wrapper .type {
    position: absolute;
    bottom: 0px;
  }
  #list-view-wrapper table#list-product .title-wrapper .title,
  #list-product-external .item-wrapper .title-wrapper .title {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    width: 80px;
    text-overflow: ellipsis;
  }
  #related_products table#list-product .item-wrapper .title-wrapper .title,
  #list-product-external .item-wrapper .title-wrapper .title {
    width: 80px;
  }
  #list-view-wrapper .type .file-type {
    padding: 0px 3px;
    font-size: 8px;
    color: #286184;
    font-family: Myriad Pro Regular;
  }
  .download-btn-container {
    height: 60px;
  }
  .download-btn-container .cart-download-btns {
    padding-top: 0px;
    transform: translateY(25%);
  }
  .download-btn-container .product-download-format {
    display: table;
    height: 60px;
  }
  .download-btn-container .select2-container {
    display: table-cell;
    padding: 0 5px;
  }
  .download-btn-container .select2-selection {
    position: relative;
  }
  /* Grid view*/
  #body-wrapper #grid-view-wrapper .item .product-grid-view .hover-overlay {
    background-color: transparent !important;
    opacity: 1;
  }
  #grid-view-wrapper .item-wrapper .item img {
    height: inherit;
    /*min-height: 150px;*/
  }
  #grid-view-wrapper .item .add-download {
    min-height: 35px;
  }
  #grid-view-wrapper .item .product-grid-checkbox {
    right: 15px;
    left: 5px;
    top: 5px;
  }
  #grid-view-wrapper .item .hover-overlay .remove-cart {
    font-size: 20px;
    display: block;
    width: 30px;
    padding: 5px;
  }
  #grid-view-wrapper .item .hover-overlay .remove-cart {
    top: 0px;
    right: 0;
  }
  #grid-view-wrapper .checked-product {
    border: 1px solid #409BD6;
    background-color: #ededed;
  }
  #grid-view-wrapper .product-detail-title {
    text-align: center;
    color: #4b4b4b;
  }
  #grid-view-wrapper .is-added {
    border: 1px solid #286184;
  }
  #product-home #list-product .action .download-one .title {
    position: initial;
    margin-left: 2px;
    font-size: 12px;
    padding: 0;
    display: block;
  }
  #list-view-wrapper.tablesorter-default .header,
  #list-view-wrapper .tablesorter-default .tablesorter-header {
    background-image: none;
    padding: 0;
  }
  #grid-view-wrapper .item .hover-overlay .overlay-title {
    padding-top: 35px;
    height: 160px;
  }
  #grid-view-wrapper .item-wrapper .item {
    height: auto !important;
  }
  #grid-view-wrapper .item-wrapper .item .close {
    padding-top: 5px;
  }
  #grid-view-wrapper .item .title {
    font-size: 13px;
    text-align: center;
    padding: 10px 45px 10px;
  }
  #grid-view-wrapper .item .product-detail-mobile {
    font-size: 10px;
    padding-top: 18px;
    padding-bottom: 10px;
    margin-bottom: 25px;
  }
  #grid-view-wrapper .validity-wrapper .mark-valid {
    margin-top: 0px;
    width: 15px;
    height: 15px;
  }
  #grid-view-wrapper .product-detail-mobile .validity-wrapper .fl {
    padding-bottom: 10px;
  }
  #grid-view-wrapper .product-detail-mobile .validity-wrapper .fl .mess-label {
    padding-left: 5px;
    display: block;
  }
  #grid-view-wrapper .product-detail-mobile .type .file-type {
    padding: 1px 7px;
  }
  #grid-view-wrapper .product-detail-mobile .type {
    text-align: right;
    padding-right: 0px;
  }
  #grid-view-wrapper .validity-wrapper {
    padding-left: 25px;
  }
  #grid-view-wrapper .item-wrapper:nth-child(2n) .item.is-added .grid-btn-download {
    width: 100%;
    font-size: 10px;
  }
  #grid-view-wrapper .item-wrapper:nth-child(2n) .item.is-added .grid-btn-add-to-cart {
    width: 100%;
    font-size: 10px;
  }
  .product-detail-image {
    height: 60px;
    width: 85px;
    border-right: 10px solid #fff;
  }
  #product-detail-wrapper .download-file-type {
    height: 60px;
    display: block;
    width: 100%;
    padding-left: 95px;
    line-height: 55px;
  }
  #product-detail-wrapper .download-file-type .select-download-file-type {
    line-height: 60px;
  }
  .product-detail-file-type {
    height: inherit;
    padding-bottom: 8px;
  }
  #product-detail-wrapper .download-file-type label {
    display: none;
  }
  .product-detail-action-download {
    margin-left: 0;
    width: 100%;
    display: inline-block;
  }
  .product-detail-tab-information {
    padding: 10px;
    font-size: 12px;
    font-weight: 400;
  }
  .product-detail-img-box img#zoom_thumb {
    cursor: inherit !important;
  }
  .go-to-top {
    padding-bottom: 80px;
  }
  .detail-download-product-button,
  .detail-add-to-cart-button {
    height: 40px;
    border-top: none;
  }
  .product-detail-img-box {
    padding: 10px;
  }
  .detail-edit-image-button span.glyphicons,
  .detail-download-product-button span.glyphicons,
  .detail-add-to-cart-button span.glyphicons {
    clear: inherit;
    width: inherit;
    margin: 0;
    display: inline;
  }
  .detail-download-product-button span.text,
  .detail-add-to-cart-button span.text {
    font-size: 13px;
    line-height: 40px;
  }
  .detail-download-product-button span.glyphicons,
  .detail-add-to-cart-button span.glyphicons {
    font-size: 23px;
    top: 7px;
  }
  .detail-download-product-button {
    border-right: 5px solid #fff;
  }
  .detail-add-to-cart-button {
    border-left: 5px solid #fff;
  }
  .product-detail-file-type,
  .product-detail-action {
    height: inherit;
  }
  /* Note */
  .note-item-wrapper .note-time {
    font-size: 12px;
    font-weight: 700;
  }
  #marketing .marketing-slider img,
  #marketing .marketing-slider video {
    max-width: 100px;
    max-height: 100px;
  }
  #marketing .marketing-slider .slide {
    width: 110px !important;
    max-height: 110px;
    display: inline-table;
    padding: 5px;
  }
  #list-view-wrapper .action {
    height: 50px;
  }
  #list-view-wrapper input[type=checkbox].css-checkbox + label.css-label {
    padding-left: 20px;
  }
  .product-detail-image .wrap-type-thumb {
    width: 85px;
    height: 60px;
  }
  .product-detail-image .wrap-type-thumb img {
    max-width: 85px;
    max-height: 60px;
  }
  .product-detail-mobile .product-title {
    padding: 0 10px;
    width: 100%;
  }
  #product-note_ifr {
    overflow: hidden;
    word-wrap: break-word;
  }
  .download-btn-container .product-download-format {
    display: table;
  }
  .no-download-format {
    font-size: 12px;
    vertical-align: middle;
    display: table-cell;
    padding: 0 5px;
  }
  .action-btn-group .btn-inline .btn-label {
    padding-left: 5px;
    line-height: 1.42857143;
    float: inherit;
    height: 30px;
  }
  .action-btn-group .btn-label-wrapper {
    float: inherit;
    height: 30px;
  }
  .data-cart-download-container .product-detail-action.col-sm-4 {
    width: 100%;
  }
  .data-cart-download-container .product-detail-action .col-sm-12 {
    width: 50%;
  }
  .data-cart-download-container .product-detail-image {
    display: none;
  }
  .product-detail-action-download .product-detail-image {
    display: block !important;
  }
  .product-detail-file-type {
    width: 100%;
  }
}
@media (max-width: 480px) {
  #product-home .product-header-action {
    display: inline-block;
    height: 50px;
  }
  #product-home .product-header-action .first-child {
    display: table;
    float: left;
    height: 100%;
    padding-left: 10px;
    padding-top: 0;
    text-align: right;
    font-size: 23px;
  }
  #product-home .product-header-action .first-child span,
  #product-home .product-header-action .last-child span {
    display: table-cell;
    vertical-align: middle;
  }
  #product-home .product-header-action .last-child {
    float: left;
    max-width: 70%;
    display: table;
    height: 100%;
    text-align: center;
    padding: 0 5px;
    font-size: 12px;
  }
}
/* ---------------- related products ---------------*/
.edit-related-products {
  float: left;
  text-align: center;
}
.move-assigned {
  margin-top: 150px;
  margin-bottom: 20px;
}
#availale-product-select,
#assigned-product-select {
  overflow-x: scroll;
  height: 300px;
  white-space: nowrap;
}
.avaiable-product-option,
.assigned-product-option,
.move-assigned,
.move-available {
  cursor: pointer;
}
.avaiable-product-option.selected,
.assigned-product-option.selected {
  background: green;
  color: #fff;
}
.check-all-label {
  position: relative;
}
#related_products #list-product a {
  text-decoration: none;
}
#related_products #list-product .clicked {
  background-color: #e7e7e7;
}
#related_products #list-product .icon-selected {
  background-color: #286184;
}
#related_products #list-product .icon-selected a {
  color: #fff;
}
#related_products .tablesorter tbody td,
.product-list-view .tablesorter tbody td {
  padding: 5px 3px;
}
#related_products .download-btn-container .cart-download-btns {
  padding-top: 4px;
}
#related_products table#list-product .item-wrapper td:nth-child(3) {
  width: 100px;
}
#related_products table#list-product .item-wrapper td:nth-child(4) {
  width: 330px;
}
#related_products table#list-product .item-wrapper td:nth-child(7) {
  width: 145px;
}
#related_products #list-product .action .title {
  position: absolute;
  margin-left: 7px;
}
#related_products table#list-product .item-wrapper {
  height: 75px;
}
#related_products table#list-product .item-wrapper td {
  height: 100%;
}
#related_products table#list-product .image-wrapper {
  position: relative;
}
#related_products table#list-product .image-wrapper .image-thumbnail {
  width: 75px;
  height: 75px;
  cursor: pointer;
}
#related_products table#list-product .image-wrapper .preview-wrapper {
  position: absolute;
  width: 300px;
  left: 85px;
  bottom: 17px;
  background-color: #ededed;
  width: 385px;
  height: auto;
  border: 1px solid #d3d3d3;
  padding: 10px;
  z-index: 2;
}
#related_products table#list-product .image-wrapper .preview-wrapper .preview-title {
  font-weight: bold;
}
#related_products table#list-product .image-wrapper .preview-wrapper span {
  padding: 0 5px;
}
#related_products table#list-product .image-wrapper .preview-wrapper .file-type {
  border: 1px solid #000;
  padding: 0 5px;
}
#related_products table#list-product .image-wrapper .preview-wrapper .preview-image {
  margin: 15px 0 0 0;
}
#related_products table#list-product .image-wrapper .preview-wrapper .preview-type {
  float: left;
}
#related_products table#list-product .image-wrapper .preview-wrapper .preview-pid {
  float: right;
}
#related_products table#list-product .title-wrapper {
  position: relative;
  height: 100%;
  width: 210px;
}
#related_products table#list-product .title-wrapper .title {
  font-weight: bold;
  position: absolute;
}
#related_products table#list-product .title-wrapper .type {
  position: absolute;
  top: 20px;
}
#related_products table#list-product .title-wrapper .type .file-type {
  border: 1px solid #000;
  padding: 0 5px;
}
#related_products table#list-product .title-wrapper .title,
.product-list-view .title-wrapper .title {
  background-color: transparent !important;
  padding: 0px 0px !important;
  width: 300px;
}
.product-list-view .title-wrapper .title {
  font-weight: 700;
}
@media (max-width: 992px) {
  #related_products table#list-product .title-wrapper {
    width: 110px;
  }
}
@media (max-width: 768px) {
  #related_products table#list-product .title-wrapper {
    width: 80px;
  }
}
.cl {
  clear: both;
  font-size: 0;
  height: 0;
  overflow: hidden;
}
#unassigned_list,
#recipients_list {
  list-style-type: none;
  margin: 0;
  padding: 0 0 2.5em;
  height: 250px;
  overflow: scroll;
  overflow-x: hidden;
  width: 100%;
  float: left;
  margin-right: 10px;
  border: 1px solid #ccc;
}
#unassigned_list2,
#recipients_list2 {
  list-style-type: none;
  margin: 0;
  padding: 0 0 2.5em;
  height: 250px;
  overflow: scroll;
  overflow-x: hidden;
  width: 100%;
  float: left;
  margin-right: 10px;
  border: 1px solid #ccc;
}
#unassigned_list li,
#recipients_list li {
  border-bottom: 1px solid #ccc;
  padding: 5px;
  height: 85px;
}
#unassigned_list2 li,
#recipients_list2 li {
  border-bottom: 1px solid #ccc;
  padding: 5px;
  height: 85px;
}
.draggable_area {
  display: inline;
}
.click_area {
  width: 26px;
  float: left;
  background: #fff;
  border: 1px solid #ccc;
  margin-top: 20px;
  cursor: pointer;
}
.click_area .glyphicon {
  padding: 4px;
}
.p-img {
  float: left;
  margin-left: 5px;
  margin-right: 20px;
  width: 75px;
  height: 75px;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #ccc;
}
.p-img img {
  max-height: 100%;
  max-width: 100%;
  margin: auto;
}
.country-code {
  background-color: #d1d1d1;
  padding: 2px 6px;
  text-transform: uppercase;
  margin: 0 2px 5px;
  font-size: 10px;
}
.product-edit-tab-content .btn.btn-default:focus {
  outline: 0;
}
.p-title {
  font-weight: bold;
  color: #919191;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search_nav {
  float: right;
  overflow: hidden;
  height: 50px;
  margin-bottom: 0;
}
.search_nav li {
  float: left;
  height: 33px;
  font-size: 0.95em;
  background-position: right -98px;
  font-weight: 500;
  padding: 7px 5px;
}
.search_nav li:last-child {
  background: none;
  margin-right: 0;
  border: none;
}
.search_nav li:last-child a {
  border: none;
  padding-right: 0;
}
.search_nav li.limit_home_data_cart {
  padding-left: 4px;
  position: relative;
}
.search_nav li.limit_home_data_cart a {
  margin: 0;
}
.search_nav li a {
  height: 20px;
  line-height: 20px;
  padding: 0 15px;
  margin-top: 5px;
  display: block;
  border-right: 1px solid #fff;
}
.search_nav li a:hover {
  text-decoration: none;
}
.search_nav li a:focus {
  color: #286184;
  text-decoration: none;
}
.search_nav .glyphicons {
  font-size: 1.3em;
}
.bootstrap-tagsinput .tag [data-role=remove] {
  font-weight: bold;
}
.bootstrap-tagsinput .tag [data-role=remove]:after {
  content: "×" !important;
}
.bootstrap-tagsinput .tag {
  line-height: 20px;
  padding: 0 5px;
  border-radius: 4px;
}
.fixed-tag {
  line-height: 20px;
  padding: 0 5px;
  margin-right: 5px;
  border-radius: 4px !important;
}
.fixed1 {
  line-height: 20px;
  padding: 0 5px;
  margin-right: 5px;
  border-radius: 4px !important;
}
.search_nav .data_cart {
  display: block;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
}
.search_nav .data_cart .num {
  font-size: 11px;
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  position: absolute;
  top: 3px;
  left: 23px;
  background-color: #409bd6;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 22px;
  border: 2px solid #fff;
  *display: inline;
  *zoom: 1;
}
.autocomplete {
  background-color: #FFF;
  display: none;
  position: absolute;
  width: 100%;
  z-index: 9999;
}
#search-wrapper .auto-list > li > a {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4b4b4b;
  text-decoration: none;
}
.auto-list {
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
}
.auto-list > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
}
.bootstrap-tagsinput {
  width: 100% !important;
}
.tags-padding {
  padding: 5px 5px;
}
.search_nav .data_cart:hover .num {
  background-position: 0 -292px;
  color: #286184;
  border: 2px solid #286184;
}
.search_nav .data_cart .text {
  position: relative;
  height: 33px;
  color: #fff;
  line-height: 26px;
}
.search_nav .data_cart:hover .text {
  color: #286184;
}
.search_nav .data_cart.disabled .text {
  color: #fff;
  background: none;
}
.search_nav .data_cart .loading_image {
  width: 14px;
  height: 14px;
  display: inline-block;
  position: absolute;
  top: -7px;
  right: 25px;
}
.search_nav .data_cart.disabled:hover .text {
  color: #286184;
}
.search_nav .data_cart .glyphicons {
  font-size: 30px;
}
.search_nav .cs-inverted-link span.hidden-xs {
  padding-left: 2px;
}
.search_nav .cs-inverted-link span:nth-child(1) {
  top: 2px;
}
.search {
  position: relative;
}
.search input {
  text-indent: 10px;
  height: 44px;
  border-radius: 0;
}
.search input::-webkit-input-placeholder {
  font-weight: 600;
}
.search input:-moz-placeholder {
  font-weight: 600;
}
.search input::-moz-placeholder {
  font-weight: 600;
}
.search input:-ms-input-placeholder {
  font-weight: 600;
}
.search .input-group-addon {
  border: none;
  border-radius: 0;
  background-color: #236183;
  color: #fff;
  width: 60px;
}
.search .input-group-addon:hover {
  background-color: #7dbd2a;
}
.search .icon-loading {
  position: absolute;
  top: 29px;
  right: 91px;
  font-size: 15px;
  background: url('../loading.gif');
  width: 14px;
  height: 14px;
}
.search .search-btn-icon {
  cursor: pointer;
}
#save-filter-id .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 33px;
}
@keyframes "rotateThis" {
  from {
    transform: scale(1) rotate(0deg);
  }
  to {
    transform: scale(1) rotate(360deg);
  }
}
#search-msg,
#search-msg h3,
#search-msg {
  margin: 0;
  padding: 0;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#filter-options .search-editor span {
  font-size: 20px;
  color: #246189;
}
.search-filter-header {
  padding: 30px 15px;
}
#search-wrapper {
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
}
#search-wrapper .show-advance-search {
  position: absolute;
  right: 75px;
  top: 12px;
  z-index: 3;
  cursor: pointer;
  color: #006634;
  font-size: 18px;
}
.bootstrap-tagsinput {
  border-radius: 0px !important;
}
.bootstrap-tagsinput .tag [data-role=remove] {
  margin-left: 0px !important;
  margin-right: 3px !important;
}
.bootstrap-tagsinput .tag [data-role=remove]:hover {
  box-shadow: none !important;
}
#search-wrapper #advance-search-block {
  position: absolute;
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 10px 0;
  z-index: 9999;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  margin-bottom: 50px;
  color: #4b4b4b;
  max-height: 660px;
  overflow: auto;
}
#search-wrapper #advance-search-block .form-control {
  padding: 5px;
}
#search-wrapper #advance-search-block .close-advanced-search {
  padding-right: 15px;
  cursor: pointer;
}
#search-wrapper #advance-search-block .search-row {
  padding: 5px 20px;
  margin-bottom: 0px;
}
#search-wrapper #advance-search-block .search-row input {
  height: 30px;
}
#search-wrapper #advance-search-block .search-row .date {
  width: 50%;
}
#search-wrapper #advance-search-block input.search-checkbox {
  height: 13px;
}
#search-wrapper #advance-search-block .search-btn-icon {
  padding: 5px 0;
  color: #fff;
  width: 60%;
  float: right;
}
#search-wrapper .remove {
  position: absolute;
  right: 70px;
  top: 12px;
  z-index: 3;
  cursor: pointer;
}
#search-wrapper .loading {
  position: absolute;
  left: 6px;
  top: 13px;
  z-index: 3;
}
#search-wrapper .dropdown-menu,
#search-wrapper .dropdown-menu > li > a {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4b4b4b;
  left: 0px !important;
}
.dropdown-menu > .active > a {
  background-color: #ffffff !important;
}
#search-wrapper .input-group ul.dropdown-menu li a span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
#search-wrapper .dropdown-menu .show-all {
  width: 100%;
  padding: 0 10px;
}
#search-wrapper .dropdown-menu .show-all a {
  float: right;
}
#search-wrapper .input-group {
  width: 100%;
}
#search-wrapper span.glyphicon-search {
  cursor: pointer;
}
#search {
  font-weight: 400;
  font-size: 17px;
  color: #4b4b4b;
  padding-left: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 32px;
}
#search::-webkit-input-placeholder {
  color: #878786;
  font-weight: 300;
}
#search::-moz-placeholder {
  color: #878786;
  font-weight: 300;
}
#search:-ms-input-placeholder {
  color: #878786;
  font-weight: 300;
}
#search::placeholder {
  color: #878786;
  font-weight: 300;
}
#advance-search-block .boolean-group label {
  border: 0;
  background-color: #d1d1d1;
  margin-right: 2px;
  margin-left: 0;
}
#advance-search-block .boolean-group label.active,
.search .input-group-addon {
  background-color: #006634;
  color: #fff;
}
#advance-search-block .boolean-group label.btn-default.yes,
#advance-search-block .boolean-group label.btn-default.no,
#advance-search-block .boolean-group label.btn-default.not-set {
  color: #4b4b4b !important;
}
#advance-search-block .boolean-group label.active.btn-default.yes,
#advance-search-block .boolean-group label.active.btn-default.no,
#advance-search-block .boolean-group label.active.btn-default.not-set {
  color: #fff !important;
}
.search .datepicker-icon:hover {
  background-color: #006634 !important;
  color: #88A32C !important;
}
#advance-search-block .search-row input::-webkit-input-placeholder {
  font-weight: 300;
}
table.saved-search-table .item td {
  padding: 10px;
}
@media (max-width: 991px) {
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .row {
    margin-right: -10px;
    margin-left: -10px;
  }
  #search-wrapper {
    padding-left: 10px;
  }
  .search {
    height: 60px;
    padding-top: 13px;
  }
  /* Issue #383 */
  .search_nav {
    margin-top: -8px;
  }
  .search input {
    height: 35px;
  }
  .search_nav .data_cart .num {
    left: 17px;
  }
  .search_nav li {
    font-size: 30px;
    padding: 7px 1px;
  }
  .search_nav li a {
    line-height: 28px;
    height: 28px;
    padding: 0 10px;
    font-size: 25px;
  }
  .search .input-group-addon {
    height: 35px;
    padding: 0;
  }
  .search .date .input-group-addon.datepicker-icon {
    height: auto;
  }
  .search-filter-header {
    padding: 15px 10px;
  }
  #filter-wrapper #filter-options {
    padding-top: 0px;
  }
  #search-wrapper #advance-search-block {
    width: 98%;
  }
  #search-wrapper .show-advance-search {
    top: 8px;
  }
  #search-wrapper .remove {
    right: 75px;
    top: 7px;
  }
  #search-wrapper .loading {
    left: 15px;
    top: 7px;
  }
}
@media (max-width: 768px) {
  .search_nav {
    padding-left: 0;
  }
  /* Issue #383 */
  .search_nav li a {
    padding: 0 10px;
  }
  .search_nav .data_cart .num {
    left: 10px;
  }
  .menu-left-header {
    padding-left: 0;
  }
  #search::-webkit-input-placeholder {
    font-size: 14px;
  }
  #search::-moz-placeholder {
    font-size: 14px;
  }
  #search:-ms-input-placeholder {
    font-size: 14px;
  }
  #search::placeholder {
    font-size: 14px;
  }
  #search {
    font-size: 14px;
  }
  #search-wrapper {
    padding-right: 1px;
  }
  .search .date .input-group-addon.datepicker-icon {
    display: none;
  }
  /* Issue #383 */
  .search_nav {
    margin-top: -8px;
  }
}
@media (max-width: 668px) {
  /* Issue #383 */
  .search_nav {
    margin-top: -8px;
  }
}
@media (max-width: 648px) {
  #search-wrapper {
    padding-right: 0px;
  }
  #search-wrapper #advance-search-block {
    width: 97.5%;
  }
  #search-wrapper #advance-search-block .search-row .date {
    width: 100%;
  }
}
@media (max-width: 480px) {
  #search-wrapper #advance-search-block {
    width: 480px;
    max-width: 128%;
  }
  /* Issue #383 */
  .search_nav {
    margin-top: -8px;
  }
}
@media (max-width: 460px) {
  /* Issue #383 */
  .search_nav li a {
    padding: 0 7px 0px 2px;
  }
}
@media (max-width: 360px) {
  #search-wrapper {
    padding-right: 0;
    max-width: 210px;
  }
  .search_nav li.limit_home_data_cart {
    padding-left: 3px;
    padding-right: 0px;
  }
  .search_nav li a {
    padding: 0 3px;
  }
  .search_nav .data_cart .num {
    top: 0px;
  }
  .search_nav li {
    padding: 3px 0px 5px 0px;
  }
  .search_nav .data_cart {
    height: 35px;
  }
  .search_nav .data_cart .num {
    width: 25px;
    height: 25px;
  }
  .menu-left-header {
    padding-left: 0;
    padding-right: 10px;
    float: right;
    min-width: 80px;
  }
  #search-wrapper .remove {
    right: 65px;
    top: 9px;
  }
  #search-wrapper div.input-group input {
    text-indent: 0;
    font-size: 13px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  #search-wrapper #advance-search-block .search-row input {
    text-indent: 0;
  }
  #advance-search-block div.input-group input {
    text-indent: 0;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  #advance-search-block .boolean-group label {
    padding: 2px 8px;
  }
  #search-wrapper div.input-group input::-webkit-input-placeholder,
  #advance-search-block .search input::-webkit-input-placeholder {
    font-size: 13px !important;
  }
  #search-wrapper .show-advance-search {
    right: 65px;
  }
  #search-wrapper #advance-search-block {
    max-height: 320px;
    overflow: auto;
    font-size: 12px;
  }
  #advance-search-block .search-row input::-webkit-input-placeholder,
  #advance-search-block .search-row input::-moz-placeholder,
  #advance-search-block .search-row input:-moz-placeholder,
  #advance-search-block .search-row input:-ms-input-placeholder {
    font-size: 12px;
    padding-top: 2px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
  }
  #advance-search-block .search-row .date .bootstrap-datetimepicker-widget {
    float: left;
    font-size: 11px;
    top: 5px !important;
  }
  #advance-search-block .search-row .date .bootstrap-datetimepicker-widget tr,
  #advance-search-block .search-row .date .bootstrap-datetimepicker-widget td {
    padding: 0px !important;
    margin: 0 !important;
  }
}
#rawProductList .row .item {
  border: 1px solid #d8d8d8;
}
.overview-tool-group {
  float: right;
}
#overview-tool-group .product-overview-checkbox,
.product-overview-edit,
.product-overview-generate,
.product-overview-transfer,
.product-overview-delete {
  /*padding: 10px;*/
}
/*#overview-tool-group .product-overview-edit{*/
/*top: 20px;*/
/*}*/
.overview-raw-product-list .product-title {
  color: #686868;
  font-size: 1.4em;
  line-height: 18px;
  padding: 0 10px;
  text-align: center;
  word-wrap: break-word;
  font-weight: normal;
}
.product-upload .upload-title {
  border-bottom: 1px solid #dedede;
  padding-bottom: 10px;
  margin-bottom: 20px;
  color: #4b4b4b;
}
.product-upload .btn {
  line-height: 1.3;
}
#youtube_upload_modal .close-youtube-upload {
  border: none;
}
#youtube_upload_modal .inline-file-selected {
  line-height: 1.8;
}
.fileupload-buttonbar {
  padding: 0 8px;
}
.template-download .upload-checkbox {
  vertical-align: middle;
  height: 85px;
  width: 30px;
}
#fileupload .files audio,
.files video {
  max-width: 260px !important;
}
#dropZoneDummy {
  border: 3px dashed #d1d1d1;
  text-align: center;
  padding: 100px 0;
  color: #d1d1d1;
  box-shadow: none;
}
#dropZoneDummy.well {
  background: #fff;
}
#dropZoneDummy .glyphicons {
  font-size: 80px;
}
#dropZoneDummy .dragdrophint {
  font-size: 16px;
  margin-top: 10px;
}
#dropZoneDummy.hover {
  background: #ededed;
}
#dropZoneDummy.fade {
  transition: all 0.3s ease-out;
  opacity: 1;
}
.user_wrap {
  margin: 0px auto;
}
.user_wrap .user_input_reg_field {
  margin: 20px;
}
.user_wrap option {
  line-height: 30px;
}
.user_wrap .user_reg_checky {
  margin: 20px auto;
}
.user_wrap .user_form {
  border: 1px solid #ccc;
}
.user_wrap .headline {
  background-color: #409BD6;
  line-height: 30px;
  margin: 30px 30px 0px;
  color: #fff;
  padding-left: 12px;
  font-size: 1.5em;
  font-weight: bold;
}
.user_wrap .user_registration .alert {
  margin: 10px;
}
.user_wrap .contact_block {
  border-top: 1px solid #d1d1d1;
  margin-top: 15px;
  padding-top: 15px;
}
.user_wrap .profile-edit-left {
  border-right: 1px solid #d1d1d1;
  padding-right: 0;
}
.user_wrap .profile-edit-right {
  padding-left: 0;
}
.user_wrap .customer-contact {
  position: relative;
}
.user_wrap .user_form .or_text {
  position: absolute;
  bottom: 42%;
  right: -10px;
  font-weight: bold;
}
.user_wrap .customer-info-or {
  position: absolute;
  top: 45%;
  left: 48.2%;
  border-radius: 100%;
  background-color: #d8d8d8;
  font-size: 12px;
  padding: 4px;
  color: #4b4b4b;
  font-weight: 600;
  text-transform: uppercase;
}
form#update_user .btn {
  padding: 6px 40px;
}
.user_detail_info {
  display: table-row;
  width: 100%;
  background-color: #EDEDED;
}
.user_wrap .user_submit_reg_button {
  text-align: right;
}
.user_wrap .user_submit_reg_button .btn-primary {
  margin: 20px 48px 0 0;
  width: 199px;
  border-radius: 0px;
  background-color: #286184;
}
.userform_line {
  border-bottom: 1px solid #ccc;
  margin: 0px 20px;
}
.user_table {
  margin-bottom: 0px;
}
.user_table .inactivated {
  color: red;
}
.user_detail_hide {
  display: none;
}
.user_item .username-col {
  cursor: pointer;
}
.user_row_down {
  background: url('http://cuv.honda.ca/static/images/chevron_down.png') no-repeat 10px 10px;
  height: 100%;
}
.user_row_up {
  background: url('http://cuv.honda.ca/static/images/chevron_up.png') no-repeat 10px 10px;
  height: 100%;
  width: 5%;
}
ul.user_edit_list {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
ul.user_edit_list select {
  width: 200px;
  padding: 2px 10px;
  border: none;
  background-color: #D1D1D1;
}
ul.user_edit_list li {
  padding: 3px 0;
}
.user_save_button {
  margin-top: 20px;
}
.select2-results .select2-selected {
  display: none;
}
.login_with {
  width: 366px;
  margin: auto;
}
.login-form-bottom {
  padding-top: 20px;
}
.login-form-bottom .btn-link {
  padding: 0px;
}
.login-form-bottom .btn-primary {
  width: 100%;
  background-color: #286184;
}
.user_edit_list .fa {
  padding: 5px 20px 5px 0px;
  font-size: 1.3em;
}
.username-col {
  padding-left: 30px;
}
body.notlogin {
  color: #777;
}
a.language {
  border-right: 1px solid #777;
  padding: 0 8px 0 5px;
}
a.language:last-child {
  border-right: 0;
}
.user_wrap .client-domain .headline {
  margin: 0 0 20px 0;
}
.user_wrap .select2-container .select2-selection,
#top-controll-block .select2-container .select2-selection {
  height: 34px !important;
  line-height: 33px;
}
.user_wrap .select2-container .select2-selection .select2-selection__rendered,
#top-controll-block .user_wrap .select2-container .select2-selection .select2-selection__rendered {
  line-height: 33px;
}
.user_wrap .select2-hidden-accessible {
  height: 0px;
}
.user_wrap .select2-container--default .select2-selection--single {
  border: 1px solid #ccc;
}
.customer-info-or-mobile {
  background-color: #fff;
  border-radius: 100%;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
}
.profile-edit-left .customer-info-or-mobile {
  background-color: #d8d8d8;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ::i-block-chrome,
  div.safari-only select.form-control.select2-hidden-accessible {
    position: absolute;
  }
}
@media (max-width: 991px) {
  /*update profile*/
  #updateprofile-wrapper .user_wrap .update-profile .bg-grey {
    background-color: #ededed !important;
  }
  #updateprofile-wrapper .user_wrap .update-profile .edit-form-header {
    padding: 5px 0 5px 10px;
    font-weight: 600;
    color: #4b4b4b;
  }
  #updateprofile-wrapper .user_wrap .update-profile #update_user .row fieldset {
    background-color: #fff;
    padding: 25px 0px 5px;
  }
  #updateprofile-wrapper .user_wrap .update-profile #update_user .row .profile-edit-left .headline.bg-grey {
    margin: 15px 10px 5px;
  }
  #updateprofile-wrapper .user_wrap .update-profile #update_user .row fieldset.profile-edit-left-field-1 {
    padding: 10px 10px 0px 10px;
  }
  #updateprofile-wrapper .user_wrap .update-profile #update_user .row fieldset.profile-edit-left-field-2 .customer-contact {
    margin-left: -10px;
    margin-right: -10px;
  }
  #updateprofile-wrapper .user_wrap .update-profile #update_user .row .customer-info-or {
    background-color: #ededed;
    color: #4b4b4b;
  }
  #updateprofile-wrapper .user_wrap .update-profile #update_user .row .profile-edit-right .headline {
    margin: 15px 0px 0px;
  }
  #updateprofile-wrapper .user_wrap .update-profile #update_user .row .headline {
    font-size: 14px;
    color: #6b6b6b;
  }
  #body-wrapper .alert-danger {
    background-color: #fff;
  }
  .resetpassword-header {
    text-transform: uppercase;
  }
  .user_wrap.forgot-password-form .row.padding-bottom-20 button[type="submit"].btn {
    padding: 6px 39px 6px 39px;
  }
  .customer-info-line-mobile {
    padding-bottom: 15px;
  }
  /*Registration*/
  form#user_registration {
    border: solid 1px #fff;
    background: transparent;
  }
  form#user_registration footer {
    margin-left: 10px;
    margin-right: 10px;
    background: transparent;
  }
  form#user_registration footer #user_reg_submit {
    width: auto;
    padding: 5px 40px 5px 40px;
  }
  form#user_registration footer label.css-label {
    color: #fff;
    height: 100%;
  }
  form#user_registration footer label.css-label a {
    color: #204d74;
    text-decoration: underline;
  }
  form#user_registration .placeholder-item {
    color: #e3e3e3;
  }
  form#user_registration .headline.bg-grey.register-site-info {
    margin: 0 0 15px;
  }
  .sky-form fieldset {
    padding: 25px 0px 5px;
    background: transparent ;
  }
  .sky-form fieldset .form-group label {
    display: none;
  }
  .sky-form fieldset div.form-group.input-group.margin-top-20.margin-bottom-20 .form-control.select2-hidden-accessible {
    margin: 0;
    height: 0;
  }
  .sky-form fieldset .select2-selection.select2-selection--single {
    border: 0;
  }
  .sky-form fieldset.personal-data-field {
    margin-left: 10px;
    margin-right: 10px;
  }
  .user_wrap .profile-edit-left {
    padding-right: 10px;
    padding-left: 10px;
    border: 0;
  }
  .user_wrap .profile-edit-left fieldset.personal-data-info {
    padding-left: 10px;
    padding-right: 10px;
  }
  .user_wrap .profile-edit-left .headline.bg-grey {
    margin: 25px 10px 0px;
  }
  .user_wrap .profile-edit-right .headline {
    margin: 30px 5px 0px;
  }
  .user_wrap .headline {
    margin: 30px 10px 0px;
  }
  .user_wrap .headline.bg-grey {
    background-color: #ededed !important;
    color: #4b4b4b;
    font-size: 14px;
    margin: 25px 0px 0px;
  }
  .user_wrap .select2-hidden-accessible {
    height: 0px;
  }
  .user_wrap span.select2-container {
    border: 1px solid #ccc;
  }
  .sky-form fieldset + fieldset {
    border-bottom: 1px solid #d1d1d1;
    margin-left: 10px;
    margin-right: 10px;
  }
  .client-singup .sky-form fieldset.customer-contact-field {
    border-bottom: none;
  }
  .user_wrap .profile-edit-right {
    padding-left: 20px;
    padding-right: 20px;
  }
  .user_wrap .profile-edit-right fieldset {
    padding: 25px 0px 5px;
  }
  .user_wrap .customer-info-or {
    top: 30%;
    position: relative;
    width: auto;
    float: left;
    margin: -9px 0px 6px;
    background-color: #fff;
  }
  #user_reg_submit {
    width: 100%;
  }
  .user-policy {
    padding-bottom: 20px;
  }
}
.select-version-button {
  background: #286184;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  line-height: 30px;
}
#product_new_version #userfile {
  display: none;
}
#product_new_version .remove {
  line-height: 30px;
  width: 40px;
  cursor: pointer;
  color: red;
  display: none;
  float: right;
}
#product_new_version .selected-version-input {
  line-height: 30px;
  float: left;
  font-weight: bold;
}
.list-group-item-text {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}
.version-item {
  position: relative;
  font-size: 14px;
  margin: 0 0 5px;
  width: 100%;
  clear: both;
  padding: 10px;
  display: inline-block;
  background: #ededed;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  min-height: 47px;
  border: none;
}
.version-item .list-group-item-heading {
  font-weight: 600;
}
.version-item .btn-versioning {
  float: right;
  color: #286184;
  font-size: 24px;
  padding-top: 5px;
  margin: 0;
  text-align: center;
}
#versioning .list-group .version-item .btn-versioning .glyphicons {
  margin-right: 0px;
}
@media (max-width: 991px) {
  .version-item {
    padding: 10px 0px;
  }
  #versioning .list-group-item-heading {
    font-size: 12px;
    color: #4b4b4b;
  }
  #versioning .list-group-item-text,
  #versioning .list-group-item .text {
    font-size: 10px;
    font-weight: bold;
  }
  #versioning .list-group-item .btn-version-action span.glyphicons.glyphicons-play {
    padding: 2px 9px;
    font-size: 14px;
  }
  #versioning .list-group-item .btn-version-action {
    text-align: center;
    max-width: 50px;
    padding-top: 0;
    float: right;
    font-size: inherit;
  }
  #versioning .list-group-item .btn-version-action .glyphicons {
    margin-right: 0;
    line-height: 20px;
    font-size: 20px;
  }
  #versioning .list-group-item {
    padding: 10px 0;
    background-color: #ededed;
    margin: 5px 0;
    border: none;
  }
  .cus4ntSkin table.mceLayout tr.mceFirst td {
    padding-right: 0px;
  }
  #product-detail-wrapper #product_note .title {
    margin-top: 0px;
  }
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Light.ttf');
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/OpenSans-Regular.ttf");
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/OpenSans-SemiBold.ttf");
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/OpenSans-Bold.ttf");
}
#dashboard-background-pictures .preview-container {
  height: 350px;
  overflow-y: auto;
}
#dashboard-background-pictures .button-container {
  height: 125px;
  padding-top: 25px;
}
#dashboard-background-pictures .picture-container {
  height: 170px;
  padding: 10px 0 10px 0;
}
#dashboard-background-pictures .picture-container .picture {
  background-size: cover;
  height: 150px;
  width: 100%;
}
#dashboard-background-pictures .line-separator {
  height: 25px;
  border-bottom-style: ridge;
}
#dashboard-background-pictures .delete-button {
  top: 14% !important;
  right: 10% !important;
  font-weight: 700 !important;
  font-size: 21px !important;
  color: red !important;
  position: absolute !important;
  cursor: pointer;
}
#dashboard-background-pictures .new-picture-container {
  display: none;
  height: 200px;
}
.welcome-ribbon {
  height: 85px;
  background: #d1d1d1;
  position: relative;
}
.welcome-ribbon .container {
  height: 100%;
  position: relative;
}
.welcome-ribbon .container .wrapper {
  height: 100%;
}
.welcome-ribbon .container .wrapper .edit-button div {
  padding: 0;
}
.welcome-ribbon .container .wrapper .welcome-text {
  font-size: 20px;
  font-weight: 700;
  color: #555555;
  text-align: left;
  top: 25%;
  padding-top: 5px;
}
.welcome-ribbon .container .wrapper .header-logo {
  top: 25%;
}
.welcome-ribbon .container .wrapper .edit-button {
  font-size: 1em;
  font-weight: 600;
  top: 35%;
  height: 30%;
  text-align: right;
  color: #ffffff;
}
.welcome-ribbon .container .wrapper .edit-button .edit-mood {
  cursor: pointer;
  display: inline-block;
}
.welcome-ribbon .container .wrapper .edit-button .button,
.welcome-ribbon .container .wrapper .edit-button #mood-checkbox {
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  text-align: right;
  display: inline-block;
}
.welcome-ribbon .container .wrapper .edit-button #mood-checkbox {
  bottom: 30%;
}
.welcome-ribbon .container .wrapper .edit-button .text,
.welcome-ribbon .container .wrapper .edit-button #mood-text {
  padding: 0 0 0 5px;
  font-size: 1em;
  font-weight: 600;
  text-align: right;
  display: inline-block;
}
#sortable .scale-effect:hover {
  transition: .6s;
  transform: perspective(1000px) scale(1.03);
}
#sortable .edit-widget-drag-handle {
  /* cursor: pointer; */
}
#sidebar {
  /*
	color: #d1d1d1;
	*/
  /*
	.workflow-content, .last_changes-content{

		background-color: #BCB4B4 !important;
	}
	*/
  /*
	a, div, span{

		color: inherit !important;
	}
	*/
}
#sidebar .widget-drag-handle {
  cursor: pointer;
}
#sidebar h1 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 5px;
  padding: 0;
}
#sidebar .row {
  padding-right: 15px;
  padding-left: 15px;
}
#sidebar .side-widgets {
  padding: 2px 2px 0 2px;
}
.dashboard-search-wrapper {
  position: relative;
  padding: 0 30px 0 30px;
}
.dashboard-search-wrapper .loading {
  position: absolute;
  top: 15px;
}
.dashboard-search-wrapper .dashboard-search-input-group {
  position: relative;
  border-collapse: separate;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}
.dashboard-search-wrapper .dashboard-search-input-group input:-ms-input-placeholder,
.dashboard-search-wrapper .dashboard-search-input-group input:-moz-placeholder,
.dashboard-search-wrapper .dashboard-search-input-group input::-moz-placeholder,
.dashboard-search-wrapper .dashboard-search-input-group input::-webkit-input-placeholder {
  font-weight: 300;
}
.dashboard-search-wrapper .dashboard-search-input-group .dashboard-search-input {
  font-size: 17px;
  color: #4b4b4b;
  padding-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 32px;
}
.dashboard-search-wrapper .dashboard-search-results-container hr {
  margin-top: 5px;
  margin-bottom: 5px;
}
.dashboard-search-wrapper .dashboard-search-results-produkt {
  padding: 0px;
}
.dashboard-search-wrapper .dashboard-search-produkt ul {
  padding: 0px;
}
.dashboard-search-wrapper .dashboard-search-mediendaten-results ul {
  padding: 0px;
}
.dashboard-search-wrapper .tags {
  padding-top: 5px;
  padding-bottom: 30px;
}
.dashboard-search-wrapper #dashboard-search .show-advance-search {
  position: absolute;
  right: 15px;
  top: 12px;
  z-index: 3;
  cursor: pointer;
  font-size: 18px;
}
.dashboard-search-wrapper #dashboard-search #advance-search-block {
  position: absolute;
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 0px 0;
  z-index: 9;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  margin-bottom: 50px;
  color: #4b4b4b;
  max-height: 660px;
  overflow: auto;
}
.dashboard-search-wrapper #dashboard-search .search-row {
  padding: 40px 10px 10px 10px;
}
.dashboard-search-wrapper #dashboard-search .btn-primary:hover {
  color: #fff !important;
}
.dashboard-search-wrapper .search-produkt {
  padding: 3px 0px 3px 0px;
}
.dashboard-search-wrapper .informationen-link {
  text-align: right;
}
.dashboard-search-wrapper .informationen-link a {
  color: #fff;
}
.dashboard-search-wrapper .mediendaten-link {
  text-align: right;
}
.dashboard-search-wrapper .mediendaten-link a {
  color: #fff;
}
.dashboard-search-wrapper .dashboard-search-results-mediendaten-container {
  padding: 0px;
}
.dashboard-search-wrapper .search-mediendaten-header {
  padding: 3px 0px 3px 0px;
}
.dashboard-search-wrapper .dashboard-search-results-container {
  background-color: #ffffff;
  border-color: #ededed;
  border-width: 1px;
  z-index: 100;
  padding: 0px !important;
  position: absolute;
  display: none;
}
.dashboard-search-wrapper .dashboard-search-results-dam-container,
.dashboard-search-wrapper .dashboard-search-results-pim-container,
.dashboard-search-wrapper .dashboard-search-results-wbt-container,
.dashboard-search-wrapper .dashboard-search-results-shop-container {
  padding: 0;
}
.dashboard-search-wrapper .dashboard-search-results-dam-container ul,
.dashboard-search-wrapper .dashboard-search-results-pim-container ul,
.dashboard-search-wrapper .dashboard-search-results-wbt-container ul,
.dashboard-search-wrapper .dashboard-search-results-shop-container ul {
  padding: 0;
}
.dashboard-search-wrapper .dashboard-search-results-dam-container ul li,
.dashboard-search-wrapper .dashboard-search-results-pim-container ul li,
.dashboard-search-wrapper .dashboard-search-results-wbt-container ul li,
.dashboard-search-wrapper .dashboard-search-results-shop-container ul li {
  padding: 5px 0;
}
.dashboard-search-wrapper .dashboard-search-results-dam-container ul li a,
.dashboard-search-wrapper .dashboard-search-results-pim-container ul li a,
.dashboard-search-wrapper .dashboard-search-results-wbt-container ul li a,
.dashboard-search-wrapper .dashboard-search-results-shop-container ul li a {
  text-decoration: none;
  display: block;
  padding: 3px 0;
  margin: -5px 0;
}
.dashboard-search-wrapper .dashboard-search-results-dam-container ul li a:hover,
.dashboard-search-wrapper .dashboard-search-results-pim-container ul li a:hover,
.dashboard-search-wrapper .dashboard-search-results-wbt-container ul li a:hover,
.dashboard-search-wrapper .dashboard-search-results-shop-container ul li a:hover {
  background-color: #d1d1d1;
  color: #ffffff;
  padding: 3px 15px;
  margin: -5px -15px;
  display: block;
}
.dashboard-search-wrapper .dashboard-search-results-dam-container {
  background-color: #ffffff;
}
.dashboard-search-wrapper .dashboard-search-results-dam-container .search-dam-header {
  background-color: #409bd6;
  color: #ffffff;
  font-weight: 400;
  padding: 5px 0;
  margin-bottom: 5px;
}
.dashboard-search-wrapper .dam-logo {
  text-align: left;
}
.dashboard-search-wrapper .dam-link {
  color: #ffffff;
  text-align: right;
  position: absolute;
  right: 0;
}
.dashboard-search-wrapper .dam-link a {
  font-weight: 400;
  color: #ffffff;
}
.dashboard-search-wrapper .dashboard-search-results-pim-container {
  background-color: #ffffff;
}
.dashboard-search-wrapper .dashboard-search-results-pim-container .search-pim-header {
  background-color: #88a32c;
  color: #ffffff;
  font-weight: 400;
  padding: 5px 0;
  margin-bottom: 5px;
}
.dashboard-search-wrapper .dashboard-search-results-pim-container .search-pim-header .pim-logo {
  text-align: left;
}
.dashboard-search-wrapper .dashboard-search-results-pim-container .search-pim-header .pim-link {
  color: #ffffff;
  text-align: right;
  position: absolute;
  right: 0;
}
.dashboard-search-wrapper .dashboard-search-results-pim-container .search-pim-header .pim-link a {
  font-weight: 400;
  color: #ffffff;
}
.dashboard-search-wrapper .dashboard-search-results-wbt-container .search-wbt-header {
  background-color: #a8368c;
  color: #ffffff;
  font-weight: 400;
  padding: 5px 0;
  margin-bottom: 5px;
}
.dashboard-search-wrapper .dashboard-search-results-wbt-container .search-wbt-header .wbt-logo {
  text-align: left;
}
.dashboard-search-wrapper .dashboard-search-results-wbt-container .search-wbt-header .wbt-link {
  text-align: right;
  position: absolute;
  right: 0;
}
.dashboard-search-wrapper .dashboard-search-results-wbt-container .search-wbt-header .wbt-link a {
  font-weight: 400;
  color: #ffffff;
}
.dashboard-search-wrapper .dashboard-search-results-shop-container .search-shop-header {
  background-color: #f2a003;
  color: #ffffff;
  font-weight: 400;
  padding: 5px 0;
  margin-bottom: 5px;
}
.dashboard-search-wrapper .dashboard-search-results-shop-container .search-shop-header .shop-logo {
  text-align: left;
}
.dashboard-search-wrapper .dashboard-search-results-shop-container .search-shop-header .shop-link {
  color: #ffffff;
  text-align: right;
  position: absolute;
  right: 0;
}
.dashboard-search-wrapper .dashboard-search-results-shop-container .search-shop-header .shop-link a {
  font-weight: 400;
  color: #ffffff;
}
@media (min-width: 1200px) {
  .dashboard-sidebar-container {
    width: 300px;
  }
}
.dashboard-sidebar-container {
  background-color: #ffffff;
  height: calc(100% - 40px);
  z-index: 2000;
  position: fixed;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  display: none;
  padding: 0;
  overflow: hidden;
}
.sidebar-widget-container {
  padding: 0 1px 0 0;
}
.sidebar-widget-container .widget-small .bookmark-description {
  padding: 17px 0 0 !important;
}
.close-sidebar {
  margin: 5px;
  right: 0;
  position: absolute;
  background-color: #d1d1d1;
  width: 23px;
  height: 23px;
  z-index: 2001;
}
.close-sidebar:hover {
  cursor: pointer;
}
.close-sidebar span {
  color: #ffffff;
  margin: 1px 0 0 4px;
  font-size: 20px;
}
.dashboard-sidebar-content-container {
  color: #4b4b4b;
  padding: 0;
  height: 100%;
}
.dashboard-sidebar-content-container h1 {
  font-weight: 700;
  font-size: 17px;
  padding: 15px;
  height: 49px;
}
.dashboard-sidebar-content-container .dashboard-sidebar-description {
  background-color: #ededed;
  height: 85px;
  margin-top: 26px;
  position: relative;
}
.dashboard-sidebar-content-container .dashboard-sidebar-description .sidebar-description-text {
  padding-left: 15px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 18px;
}
.dashboard-sidebar-content-container .sidebar-widgets-container-wrapper {
  height: calc( 100% - 134px);
  padding-top: 20px;
  padding-bottom: 40px;
}
.dashboard-sidebar-content-container .sidebar-widgets-container-wrapper h1 {
  height: 49px;
}
.dashboard-sidebar-content-container .sidebar-widgets-container {
  padding: 0;
  height: calc( 100% - 49px);
  overflow-y: auto;
}
.dashboard-sidebar-content-container .sidebar-widgets-container .row {
  margin: 0;
}
.dashboard-sidebar-content-container .sidebar-widgets-container .sidebar-widget {
  height: 150px;
  width: 250px;
  background-color: #ffffff;
  border-color: #d1d1d1;
  border-style: solid;
  border-width: thin;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.dashboard-sidebar-content-container .sidebar-widgets-container .sidebar-widget .sidebar-widget-header {
  padding: 0;
  margin-top: 5px;
  cursor: move;
}
.dashboard-sidebar-content-container .sidebar-widgets-container .sidebar-widget .sidebar-widget-header .sidebar-widget-header-title {
  font-weight: 700;
  font-size: 18px;
}
.dashboard-sidebar-content-container .sidebar-widgets-container .sidebar-widget .sidebar-widget-header .sidebar-widget-header-cursor {
  color: #d1d1d1;
  top: 5px;
}
.dashboard-sidebar-content-container .sidebar-widgets-container .sidebar-widget .sidebar-widget-content {
  top: 10px;
  position: relative;
}
.dashboard-sidebar-content-container .sidebar-widgets-container .sidebar-widget .sidebar-widget-content .sidebar-widget-content-icon {
  padding: 0;
  position: absolute;
  right: 10px;
  font-size: 100px;
}
.dashboard-container {
  font-family: Open Sans, sans-serif;
  background-color: #ededed;
  color: #4b4b4b;
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 300;
  background-size: cover !important;
  transition: background-image 1s ease-in-out;
}
h1 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 5px;
}
.dashboard-welcome {
  margin: 20px 0;
}
.edit-button-container {
  /*
	
	height: 30px;
	width: 40px;
	padding: 0;
	bottom: 30px;
	position: absolute;
	right: 0;
	*/
  /*
	margin: 20px 0;
	height: 30px;
	color: #fff;
	padding: 5px 0 0 50px;

	.edit-button {
	  
	  	
		width: 42px;
		height: 32px;
		text-align: center;
		cursor: pointer;
		font-size: 12px;
		background-color: #4b4b4b;
		color: #ffffff;
		width: 40px;
		height: 29px;
		text-align: center;
		float: right;

		span{
			padding: 3px 0;
		}

	  }

	  @media (max-width: 991px) {
	  }
	  */
}
.widgets-container {
  padding: 0;
}
.widget-large,
.widget-small {
  background-color: #ffffff;
  margin: 0 10px 20px 0;
  border-style: solid;
  border-width: thin;
  border-color: #d1d1d1;
}
.widget-small {
  height: 150px;
}
.widget-large {
  height: 320px;
}
.empty-widget-container {
  height: 170px;
}
.empty-widget-container .empty-widget {
  display: none;
  height: 150px;
  margin: 10px 10px 20px 0;
  outline: dashed #c1c1c1;
}
.profile-widget-container {
  height: 170px;
}
.profile-widget-container .profile-widget {
  height: 150px;
  padding: 0 !important;
  border: 1px solid #d1d1d1;
  background: #fff;
}
.profile-widget-container .profile-widget a {
  height: 150px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.profile-widget-container .insert-pic-btn {
  bottom: 10%;
  position: absolute;
  background: #c2c2c2;
  left: 6%;
  display: none;
  color: #ffffff;
  height: 15%;
  padding: 0;
  width: 44%;
}
.profile-widget-container .insert-pic-ok-btn {
  bottom: 10%;
  position: absolute;
  background: #c2c2c2;
  right: 4%;
  display: none;
  color: #ffffff;
  height: 15%;
  padding: 0;
  width: 25%;
}
.news-list-container {
  display: none;
  position: absolute;
}
.news-list-container .news-list,
.news-list-container .news-content-wrapper {
  background-color: #ffffff;
  border-style: solid;
  border-width: thin;
  border-color: #d1d1d1;
  height: 320px;
}
.news-list-container .news-content-wrapper {
  padding: 0 !important;
}
.news-list-container .news-content-wrapper .news-content-title {
  font-size: 20px !important;
  font-weight: 700;
  padding-top: 13px;
}
.news-list-container .news-content-wrapper .news-content-description {
  top: 5px !important;
  font-size: 15px;
}
.news-list-container .news-content-wrapper .news {
  background: #d1d1d1;
  height: 74%;
  padding: 0;
  top: 25px !important;
}
.news-list-container .news-content-wrapper .news .news-content {
  overflow-y: auto;
  height: 75%;
  font-size: 17px;
  padding-left: 15px;
}
.news-list-container .news-content-wrapper .news .news-title {
  font-weight: 700;
  font-size: 15px;
  padding: 5px 0 0 15px;
}
.news-list-container .news-content-wrapper .news .news-date {
  font-weight: 700;
  font-size: 15px;
  padding: 5px 0 0 15px;
}
.news-list-container .news-content-wrapper .read-news-button {
  position: relative;
  left: 15px !important;
  background: #474747;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  padding: 0 !important;
}
.news-list-container .news-list {
  padding: 0 !important;
}
.news-list-container .news-list .news-widget-title h1 {
  padding: 13px 0 0 0 !important;
  margin: 0;
}
.news-list-container .news-list .news-title {
  font-size: 15px;
}
.news-list-container .news-list .news-link {
  font-size: 8px !important;
  top: 13px !important;
}
.news-list-container .news-list .news-link span {
  color: #C2C2C2;
}
.news-list-container .news-list .news-element {
  padding: 0 ;
  height: 55px !important;
  cursor: pointer;
}
.news-list-container .news-list .news-element .news-element-wrapper {
  padding: 5px 0 5px 0;
}
.news-list-container .news-list .news-element .news-title {
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  font-size: 15px;
}
.news-list-container .news-list .news-element .news-date {
  font-weight: 700;
  font-size: 14px;
  padding-top: 5px;
}
.news-list-container .news-list .news-element .news-content-sample {
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 17px;
}
.news-list-container .news-list .news-list-element-wrapper {
  padding: 0px !important;
  top: 25px !important;
  background: #E0E0E0;
  overflow-y: auto;
  height: 70%;
}
.news-list-container .news-list div.news-list-element-wrapper > div.news-element:nth-of-type(odd) {
  background: #d1d1d1;
}
.news-list-container .news-list div.news-list-element-wrapper > div.news-element:nth-of-type(odd) .news-link span {
  color: #4b4b4b;
}
.news-content-container .news-list {
  background-color: #ffffff;
  border-style: solid;
  border-width: thin;
  border-color: #d1d1d1;
  height: 320px;
}
.dashboard-news-container .news-widget {
  background-color: #ffffff;
  margin: 0 10px 20px 0;
  border-style: solid;
  border-width: thin;
  border-color: #d1d1d1;
  padding-left: 0px !important;
  padding-right: 0px !important;
  cursor: pointer;
}
.dashboard-news-container .news-widget .news-title {
  padding: 13px 15px 0 15px !important;
  margin: 0;
  height: 30%;
}
.dashboard-news-container .news-widget .news-count-msg {
  height: 35px !important;
  font-size: 13px !important;
  font-weight: 600;
  padding-left: 17px;
}
.dashboard-news-container .news-widget .news-count-msg-big {
  padding: 22px 0 0 0 !important;
  font-size: 15px !important;
  font-weight: 700;
}
.dashboard-news-container .news-widget .news-count-big {
  top: 11px !important;
  padding: 0 !important;
  position: relative;
  height: 50px;
}
.dashboard-news-container .news-widget .news-count-big .news-count {
  padding: 0 !important;
  position: absolute;
}
.dashboard-news-container .news-widget .news-count-big .news-icon {
  font-size: 48px;
  color: #fff;
  position: absolute;
  cursor: pointer;
}
.dashboard-news-container .news-widget .news-count-number {
  font-size: 35px;
  font-weight: 700;
  padding: 2px 0 0 15px !important;
}
.dashboard-news-container .news-link-container {
  right: -40px;
}
.dashboard-news-container .news-link-container .news-link {
  right: 5px;
}
.dashboard-news-container .news-link-container .news-link span {
  color: #d1d1d1;
}
.widget-workflow-container {
  perspective: 1000px;
}
.widget-workflow-container a {
  color: inherit !important;
}
.widget-workflow-container .workflow-widget {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
  padding: 0 !important;
}
.widget-workflow-container .workflow-widget .front,
.widget-workflow-container .workflow-widget .back {
  backface-visibility: hidden;
}
.widget-workflow-container .workflow-widget .front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}
.widget-workflow-container .workflow-widget .back {
  transform: rotateY(180deg);
}
.widget-workflow-container .workflow-widget .flipped {
  transform: rotateY(180deg);
}
.widget-workflow-container .workflow-widget .workflow-title {
  height: 30%;
}
.widget-workflow-container .workflow-widget .workflow-title h1 {
  padding: 13px 0 0 !important;
  margin: 0;
}
.widget-workflow-container .workflow-widget .workflow-description {
  font-size: 14px;
  padding-top: 10px;
  height: 15%;
}
.widget-workflow-container .workflow-widget .workflow-button {
  float: bottom;
}
.widget-workflow-container .workflow-widget .workflow-content-wrapper {
  padding: 0;
  position: relative;
  height: 35%;
}
.widget-workflow-container .workflow-widget .workflow-content-wrapper .workflow-arrow-container {
  right: 12px;
  position: absolute;
  top: 8px;
  padding: 0;
  display: inline-block;
}
.widget-workflow-container .workflow-widget .workflow-content-wrapper .workflow-arrow-container .workflow-arrow {
  color: #fff;
  text-align: center;
}
.widget-workflow-container .workflow-widget .workflow-content-wrapper .workflow-content {
  position: relative;
  bottom: 0;
  float: bottom;
  height: 50px;
}
.widget-workflow-container .workflow-widget .workflow-content-wrapper .workflow-content .workflow-type {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  position: absolute;
  bottom: 0;
  padding: 0 0 5px 10px !important;
  display: inline-block;
}
.widget-workflow-container .workflow-widget .workflow-content-wrapper .workflow-content .workflow-count {
  display: inline-block;
  font-size: 35px;
  font-weight: 700;
  color: #fff;
  top: 3px;
  padding: 0;
}
.widget-workflow-container .workflow-widget .workflow-content-wrapper .workflow-icon-login {
  right: 20px;
  color: #a8368c;
}
.widget-workflow-container .workflow-widget .workflow-content-wrapper .workflow-icon-pins {
  right: 25px;
  color: #8aa234;
  bottom: 15px;
}
.widget-workflow-container .workflow-widget .workflow-edit-wrapper,
.widget-workflow-container .workflow-widget .workflow-edit-title,
.widget-workflow-container .workflow-widget .workflow-save-button-wrapper {
  padding: 0;
}
.widget-workflow-container .workflow-widget .workflow-edit-wrapper {
  padding: 0 15px 0 15px !important;
}
.widget-workflow-container .workflow-widget .workflow-edit-wrapper .new-tab-container {
  top: 19px;
}
.widget-workflow-container .workflow-widget .workflow-edit-wrapper .workflow-edit-content-container {
  bottom: 61px;
}
.widget-workflow-container .workflow-widget .workflow-edit-wrapper .workflow-edit-content-container .save-button-wrapper {
  top: 170%;
}
.widget-workflow-container .workflow-widget .workflow-edit-dropdown-wrapper {
  top: 20px !important;
}
.widget-workflow-container .workflow-widget .workflow-edit-title {
  top: 2px;
  position: absolute;
  top: 5px;
}
.widget-workflow-container .workflow-widget .workflow-edit-title h1 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 5px;
}
.widget-workflow-container .workflow-widget .workflow-edit-close {
  position: absolute;
  right: 10px;
  top: 5px;
  color: #ededed;
  font-size: 25px;
}
.delete-widget {
  cursor: pointer;
}
.edit-wrapper .new-tab-container {
  font-size: 14px;
  padding: 0;
  margin-top: 5px;
}
.edit-wrapper .new-tab-container .new_tab {
  margin: 0;
}
.edit-wrapper .new-tab-container label {
  position: absolute;
  margin-left: 5px;
  font-weight: inherit;
}
.edit-widget-dropdown {
  height: 50px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.save-button-clicked {
  background-color: #80BB01 !important;
}
.save-button-clicked {
  background-color: #80BB01 !important;
}
.edit-content-container {
  padding: 0;
  position: relative;
  bottom: 25px;
}
.edit-content-container .edit-content-wrapper .edit-input input {
  font-size: 14px;
  color: #000000;
}
.edit-content-container .edit-content-dropdowns-wrapper {
  position: relative;
  top: -50px;
}
.edit-content-container .edit-content-dropdowns-wrapper .edit-dropdown {
  padding: 0;
  margin: 3px 0;
}
.edit-content-container .edit-content-dropdowns-wrapper .edit-dropdown .btn {
  padding: 0 3px;
  text-align: left;
  font-size: 12px;
  background-color: #d1d1d1;
}
.edit-content-container .edit-content-dropdowns-wrapper .edit-dropdown .btn:hover {
  background-color: #4b4b4b;
  color: #ededed;
}
.edit-content-container .edit-content-dropdowns-wrapper .edit-dropdown .btn .caret {
  position: absolute;
  right: 0;
  top: 8px;
}
.edit-content-container .edit-content-dropdowns-wrapper .edit-dropdown ul {
  width: 215px;
  background-color: #d1d1d1;
  color: #4b4b4b;
  border-radius: 0;
  font-size: 12px;
  padding: 0 3px;
}
.edit-content-container .edit-content-dropdowns-wrapper .edit-dropdown ul li:hover {
  background-color: #4b4b4b;
  color: #ffffff;
  cursor: pointer;
  padding: 0 3px;
  margin: 0 -6px;
}
.edit-content-container .edit-content-dropdowns-wrapper .edit-dropdown select {
  width: 100%;
}
.edit-content-container .save-button-wrapper {
  margin: 2px 0;
  position: absolute;
  bottom: 0;
}
.edit-content-container .save-button-wrapper .save-button {
  background-color: #4b4b4b;
  color: #ffffff;
  font-size: 12px;
  text-align: right;
  padding: 0 5px;
  position: absolute;
  right: -4px;
  bottom: 0;
}
.edit-content-container .save-button-wrapper .save-button:hover {
  cursor: pointer;
}
.edit-content-container .save-button-wrapper .save-button-clicked {
  background-color: #80BB01;
}
.widget-tasks-to-review {
  font-size: 13px;
  font-weight: 400;
}
.widget-tasks-to-review thead {
  background-color: #ededed;
}
.widget-tasks-to-review .task-link {
  color: #ededed;
}
.widget-tasks-to-review .task-table {
  padding: 0;
  text-align: left;
  height: 240px;
  overflow: auto;
}
.widget-tasks-to-review .task-table td {
  font-size: 13px;
}
.widget-tasks-to-review .task-table tbody > tr td:nth-child(3) {
  font-weight: 700;
}
.widget-tasks-to-review .task-table [class^="icon-"],
.widget-tasks-to-review .task-table [class*=" icon-"] {
  font-size: 0;
}
.widget-tasks-to-review .task-table .icon-pim:after {
  content: url('/assets/images/icon_pim.png');
}
.widget-tasks-to-review .task-table .icon-dam:after {
  content: url('/assets/images/icon_dam.png');
}
.widget-tasks-to-review .task-table .icon-wbt:after {
  content: url('/assets/images/icon_wbt.png');
}
.widget-tasks-to-review .task-table .icon-shop:after {
  content: url('/assets/images/icon_shop.png');
}
.widget-bookmark-container .widget-bookmark {
  position: relative;
  transition: 0.6s;
  transform-style: preserve-3d;
}
.widget-bookmark-container .widget-bookmark .front,
.widget-bookmark-container .widget-bookmark .back {
  backface-visibility: hidden;
}
.widget-bookmark-container .widget-bookmark .front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}
.widget-bookmark-container .widget-bookmark .back {
  transform: rotateY(180deg);
}
.widget-bookmark-container .widget-bookmark .flipped {
  transform: rotateY(180deg);
}
.widget-bookmark-container .widget-bookmark .bookmark-widget-front .new-tab-container {
  display: none;
}
.widget-bookmark-container .widget-bookmark .bookmark-title {
  padding: 0;
  height: 70px;
}
.widget-bookmark-container .widget-bookmark .bookmark-title h1 {
  padding: 13px 15px 0 0 !important;
  margin: 0;
}
.widget-bookmark-container .widget-bookmark .bookmark-icons {
  font-weight: 600;
  padding: 0;
  top: 14px;
  position: relative;
  height: 48px;
}
.widget-bookmark-container .widget-bookmark .bookmark-icons .glyphicons-log-book {
  top: -4px;
}
.widget-bookmark-container .widget-bookmark .bookmark-icons .bookmark-icon {
  padding: 0 !important;
  font-size: 48px;
  color: #fff;
  position: absolute !important;
  height: 100% !important;
}
.widget-bookmark-container .widget-bookmark .bookmark-icons .bookmark-icon span.glyphicons-camera {
  padding: 4px 0 0 0;
}
.widget-bookmark-container .widget-bookmark .bookmark-icons .bookmark-arrow {
  padding: 0 ;
  font-size: 17px;
  color: #fff;
  top: 14px ;
  left: 90%;
  position: absolute ;
  height: 100% ;
}
.widget-bookmark-container .widget-bookmark .bookmark-icons .bookmark-description {
  font-size: 14px;
  color: #fff;
  position: absolute ;
  bottom: 0 ;
  padding: 0;
  left: 25%;
}
@media (min-width: 992px) {
  .widget-bookmark-container .widget-bookmark .bookmark-icons .bookmark-description {
    left: 32%;
    width: 65%;
  }
}
@media (min-width: 1200px) {
  .widget-bookmark-container .widget-bookmark .bookmark-icons .bookmark-description {
    left: 25%;
  }
}
.widget-bookmark-container .widget-bookmark .bookmark-edit-wrapper,
.widget-bookmark-container .widget-bookmark .bookmark-edit-title {
  padding: 0;
}
.widget-bookmark-container .widget-bookmark .bookmark-edit-content-container {
  bottom: 81px;
  height: 70%;
}
.widget-bookmark-container .widget-bookmark .bookmark-edit-content-container .save-button-wrapper {
  bottom: 2px;
}
.widget-bookmark-container .widget-bookmark .bookmark-edit-input-wrapper {
  height: 19px !important;
  padding: 0 !important;
  border-style: solid;
  border-width: 1px;
  margin: 2px 0 0 0;
  border-color: #d1d1d1;
}
.widget-bookmark-container .widget-bookmark .bookmark-edit-input-wrapper input {
  padding: 0 0 0 7px !important;
}
.widget-bookmark-container .widget-bookmark .bookmark-edit-input-wrapper .bookmark-url-protocol {
  width: 20%;
  height: 100%;
  background-color: #d1d1d1;
  padding: 0;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
}
.widget-bookmark-container .widget-bookmark .bookmark-edit-input-wrapper .title {
  height: 100%;
  width: 100%;
  border: 0;
}
.widget-bookmark-container .widget-bookmark .bookmark-edit-input-wrapper .url {
  height: 100%;
  width: 75%;
  border: 0;
  background: transparent;
  position: absolute;
}
.widget-bookmark-container .widget-bookmark .bookmark-edit-input-wrapper .description {
  height: 100%;
  width: 100%;
  border: 0;
}
.widget-bookmark-container .widget-bookmark .bookmark-edit-title {
  position: absolute;
  padding: 0;
  color: #4b4b4b;
}
.widget-bookmark-container .widget-bookmark .bookmark-edit-title h1 {
  font-size: 16px;
  font-weight: 700;
  margin-top: 5px;
}
.widget-bookmark-container .widget-bookmark .bookmark-edit-close {
  position: absolute;
  right: 0;
  top: 5px;
  color: #ededed;
  font-size: 25px;
}
.widget-last_changes-container {
  perspective: 1000px;
}
.widget-last_changes-container a {
  color: inherit !important;
}
.widget-last_changes-container .widget-last_changes {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
  padding: 0 !important;
}
.widget-last_changes-container .widget-last_changes .last_changes-edit-wrapper {
  padding: 0 15px 0 12px !important;
}
.widget-last_changes-container .widget-last_changes .front,
.widget-last_changes-container .widget-last_changes .back {
  backface-visibility: hidden;
}
.widget-last_changes-container .widget-last_changes .front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}
.widget-last_changes-container .widget-last_changes .back {
  transform: rotateY(180deg);
}
.widget-last_changes-container .widget-last_changes .flipped {
  transform: rotateY(180deg);
}
.widget-last_changes-container .widget-last_changes .last_changes-title {
  height: 30%;
}
.widget-last_changes-container .widget-last_changes .last_changes-title h1 {
  padding: 13px 0 0 0 !important;
  margin: 0;
}
.widget-last_changes-container .widget-last_changes .last_changes-description {
  font-size: 14px;
  padding-top: 10px;
  height: 15%;
}
.widget-last_changes-container .widget-last_changes .last_changes-content-wrapper {
  position: relative;
  height: 35%;
  padding: 0;
}
.widget-last_changes-container .widget-last_changes .last_changes-content-wrapper .last_changes-arrow-container {
  right: 12px;
  position: absolute;
  top: 8px;
  padding: 0;
  display: inline-block;
}
.widget-last_changes-container .widget-last_changes .last_changes-content-wrapper .last_changes-arrow-container .last_changes-arrow {
  color: #fff;
  text-align: center;
}
.widget-last_changes-container .widget-last_changes .last_changes-content-wrapper .last_changes-content {
  position: relative;
  height: 50px;
}
.widget-last_changes-container .widget-last_changes .last_changes-content-wrapper .last_changes-content .last_changes-count {
  font-size: 35px;
  font-weight: 700;
  color: #fff;
  top: 3px;
  padding: 0;
  display: inline-block;
}
.widget-last_changes-container .widget-last_changes .last_changes-content-wrapper .last_changes-content .last_changes-type {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  position: absolute;
  bottom: 0;
  padding: 0 0 5px 10px !important;
  display: inline-block;
}
.widget-last_changes-container .widget-last_changes .last_changes-edit-wrapper,
.widget-last_changes-container .widget-last_changes .last_changes-edit-title,
.widget-last_changes-container .widget-last_changes .last_changes-save-button-wrapper {
  padding: 0;
}
.widget-last_changes-container .widget-last_changes .last_changes-edit-wrapper .last_changes-edit-content-container {
  bottom: 43px;
}
.widget-last_changes-container .widget-last_changes .last_changes-edit-title {
  position: absolute;
  top: 5px;
}
.widget-last_changes-container .widget-last_changes .last_changes-edit-close {
  position: absolute;
  right: 10px;
  top: 5px;
  color: #ededed;
  font-size: 25px;
}
.time-widget-container {
  perspective: 1000px;
}
.time-widget-container .widget-time {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.time-widget-container .widget-time .front,
.time-widget-container .widget-time .back {
  backface-visibility: hidden;
}
.time-widget-container .widget-time .front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}
.time-widget-container .widget-time .back {
  transform: rotateY(180deg);
}
.time-widget-container .widget-time .flipped {
  transform: rotateY(180deg);
}
.time-widget-container .widget-time .time-title {
  padding: 0;
  height: 40px !important;
}
.time-widget-container .widget-time .time-title h1 {
  padding: 13px 0 0 0 !important;
  margin: 0;
}
.time-widget-container .widget-time .time-content {
  padding: 0;
  bottom: 5px;
  top: 25px !important;
  position: relative;
}
.time-widget-container .widget-time .time-content div {
  padding: 0;
}
.time-widget-container .widget-time .time-content div i {
  color: #8aa234;
  bottom: 15px;
}
.time-widget-container .widget-time .time-content .time-date {
  font-weight: 700;
  position: absolute;
}
.time-widget-container .widget-time .time-content .time-clock {
  font-size: 35px;
}
.time-widget-container .widget-time .time-content .time-day {
  font-size: 20px;
}
.time-widget-container .widget-time .time-content .time-icon {
  position: absolute;
  top: 5px !important;
}
.time-widget-container .widget-time .time-content .time-icon .clock {
  border-radius: 50%;
  border: 7px solid #d1d1d1;
  height: 1em;
  width: 1em;
  font-size: 65px !important;
  position: relative;
  bottom: 5px;
}
.time-widget-container .widget-time .time-content .time-icon .clock:after {
  background: #d1d1d1;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10%;
  height: 10%;
  z-index: 10;
}
.time-widget-container .widget-time .time-content .time-icon .minute-container,
.time-widget-container .widget-time .time-content .time-icon .hour-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.time-widget-container .widget-time .time-content .time-icon .hour {
  height: 25%;
  top: 25%;
}
.time-widget-container .widget-time .time-content .time-icon .minute {
  height: 40%;
  top: 10%;
}
.time-widget-container .widget-time .time-content .time-icon .hour,
.time-widget-container .widget-time .time-content .time-icon .minute {
  background: #d1d1d1;
  position: absolute;
  width: 11%;
  left: 45%;
  transform-origin: 50% 100%;
}
@keyframes rotate {
  100% {
    transform: rotateZ(360deg);
  }
}
.time-widget-container .widget-time .time-content .time-icon .hour-container {
  /* animation: rotate 43200s infinite linear; */
}
.time-widget-container .widget-time .time-content .time-icon .minute-container {
  /*animation: rotate 3600s infinite linear; */
}
.time-widget-container .time-edit-wrapper,
.time-widget-container .time-edit-title,
.time-widget-container .time-save-button-wrapper {
  padding: 0;
}
.time-widget-container .time-edit-wrapper .time-edit-content-container {
  bottom: 0;
  top: 58px;
}
.time-widget-container .time-edit-wrapper .time-edit-content-container .save-button-wrapper {
  top: 160%;
}
.time-widget-container .time-edit-title {
  position: absolute;
  top: 5px;
}
.time-widget-container .time-edit-close {
  position: absolute;
  right: 0;
  top: 5px;
  color: #ededed;
  font-size: 25px;
}
.widget-tracking-container {
  perspective: 1000px;
}
.widget-tracking-container .widget-tracking {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.widget-tracking-container .widget-tracking .front,
.widget-tracking-container .widget-tracking .back {
  backface-visibility: hidden;
}
.widget-tracking-container .widget-tracking .front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}
.widget-tracking-container .widget-tracking .back {
  transform: rotateY(180deg);
}
.widget-tracking-container .widget-tracking .flipped {
  transform: rotateY(180deg);
}
.widget-tracking-container .widget-tracking .tracking-title {
  padding: 0;
  height: 30%;
}
.widget-tracking-container .widget-tracking .tracking-title h1 {
  padding: 13px 0 0 0 !important;
  margin: 0;
}
.widget-tracking-container .widget-tracking .tracking-content-wrapper {
  position: relative;
  height: 50%;
  padding: 0;
}
.widget-tracking-container .widget-tracking .tracking-content-wrapper .tracking-content {
  position: absolute;
  bottom: 0;
  padding: 0;
}
.widget-tracking-container .widget-tracking .tracking-content-wrapper .tracking-content .tracking-description {
  font-size: 14px;
  padding: 0;
}
.widget-tracking-container .widget-tracking .tracking-content-wrapper .tracking-content .tracking-count {
  font-size: 35px;
  font-weight: 700;
  padding: 0;
}
.widget-tracking-container .widget-tracking .tracking-content-wrapper .tracking-icon-login {
  position: absolute;
  padding: 0;
}
.widget-tracking-container .widget-tracking .tracking-content-wrapper .tracking-icon-login span {
  font-size: 65px;
}
.widget-tracking-container .widget-tracking .tracking-content-wrapper .tracking-icon-pins {
  bottom: 15px;
  positionl: absolute;
  padding: 0;
}
.widget-tracking-container .widget-tracking .tracking-edit-wrapper,
.widget-tracking-container .widget-tracking .tracking-edit-title,
.widget-tracking-container .widget-tracking .tracking-save-button-wrapper {
  padding: 0;
}
.widget-tracking-container .widget-tracking .tracking-edit-content-container {
  bottom: 50px;
}
.widget-tracking-container .widget-tracking .tracking-edit-content-container .save-button-wrapper {
  bottom: 20%;
}
.widget-tracking-container .widget-tracking .tracking-edit-title {
  position: absolute;
  top: 5px;
}
.widget-tracking-container .widget-tracking .tracking-edit-close {
  position: absolute;
  right: 0;
  top: 5px;
  color: #ededed;
  font-size: 25px;
}
.weather-widget-container {
  perspective: 1000px;
}
.weather-widget-container .widget-weather {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.weather-widget-container .widget-weather .front,
.weather-widget-container .widget-weather .back {
  backface-visibility: hidden;
}
.weather-widget-container .widget-weather .front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}
.weather-widget-container .widget-weather .back {
  transform: rotateY(180deg);
}
.weather-widget-container .widget-weather .flipped {
  transform: rotateY(180deg);
}
.weather-widget-container .widget-weather .weather-title {
  padding: 0;
  height: 30%;
}
.weather-widget-container .widget-weather .weather-title h1 {
  padding: 13px 0 0 0 !important;
  margin: 0;
}
.weather-widget-container .widget-weather .weather-content-wrapper {
  padding: 0;
  position: relative;
  height: 50%;
}
.weather-widget-container .widget-weather .weather-content {
  position: absolute;
  bottom: 0;
  padding: 0;
}
.weather-widget-container .widget-weather .weather-description {
  font-size: 14px;
  padding: 0;
}
.weather-widget-container .widget-weather .weather-degree {
  font-size: 35px;
  font-weight: 700;
  padding: 0;
}
.weather-widget-container .widget-weather .weather-icon {
  padding: 0;
  bottom: 5%;
  position: absolute;
  color: #FFA500;
}
.weather-widget-container .widget-weather .weather-icon .wi-owm-200,
.weather-widget-container .widget-weather .weather-icon .wi-owm-201,
.weather-widget-container .widget-weather .weather-icon .wi-owm-202,
.weather-widget-container .widget-weather .weather-icon .wi-owm-210,
.weather-widget-container .widget-weather .weather-icon .wi-owm-211,
.weather-widget-container .widget-weather .weather-icon .wi-owm-212,
.weather-widget-container .widget-weather .weather-icon .wi-owm-221,
.weather-widget-container .widget-weather .weather-icon .wi-owm-230,
.weather-widget-container .widget-weather .weather-icon .wi-owm-231,
.weather-widget-container .widget-weather .weather-icon .wi-owm-232 {
  color: #362CC7;
}
.weather-widget-container .widget-weather .weather-icon .wi-owm-600,
.weather-widget-container .widget-weather .weather-icon .wi-owm-601,
.weather-widget-container .widget-weather .weather-icon .wi-owm-602,
.weather-widget-container .widget-weather .weather-icon .wi-owm-611,
.weather-widget-container .widget-weather .weather-icon .wi-owm-612,
.weather-widget-container .widget-weather .weather-icon .wi-owm-615,
.weather-widget-container .widget-weather .weather-icon .wi-owm-616,
.weather-widget-container .widget-weather .weather-icon .wi-owm-620,
.weather-widget-container .widget-weather .weather-icon .wi-owm-621,
.weather-widget-container .widget-weather .weather-icon .wi-owm-622 {
  color: #60A8C7;
}
.weather-widget-container .widget-weather .weather-icon .wi-owm-300,
.weather-widget-container .widget-weather .weather-icon .wi-owm-301,
.weather-widget-container .widget-weather .weather-icon .wi-owm-302,
.weather-widget-container .widget-weather .weather-icon .wi-owm-310,
.weather-widget-container .widget-weather .weather-icon .wi-owm-311,
.weather-widget-container .widget-weather .weather-icon .wi-owm-312,
.weather-widget-container .widget-weather .weather-icon .wi-owm-313,
.weather-widget-container .widget-weather .weather-icon .wi-owm-314,
.weather-widget-container .widget-weather .weather-icon .wi-owm-321,
.weather-widget-container .widget-weather .weather-icon .wi-owm-500,
.weather-widget-container .widget-weather .weather-icon .wi-owm-501,
.weather-widget-container .widget-weather .weather-icon .wi-owm-502,
.weather-widget-container .widget-weather .weather-icon .wi-owm-503,
.weather-widget-container .widget-weather .weather-icon .wi-owm-504,
.weather-widget-container .widget-weather .weather-icon .wi-owm-511,
.weather-widget-container .widget-weather .weather-icon .wi-owm-520,
.weather-widget-container .widget-weather .weather-icon .wi-owm-521,
.weather-widget-container .widget-weather .weather-icon .wi-owm-522,
.weather-widget-container .widget-weather .weather-icon .wi-owm-531 {
  color: #034D84;
}
.weather-widget-container .widget-weather .weather-icon .wi-owm-741,
.weather-widget-container .widget-weather .weather-icon .wi-owm-701 {
  color: #BABABA;
}
.weather-widget-container .widget-weather .weather-icon .wi-owm-800 {
  color: #008AFF;
}
.weather-widget-container .widget-weather .weather-icon .wi-owm-801,
.weather-widget-container .widget-weather .weather-icon .wi-owm-802,
.weather-widget-container .widget-weather .weather-icon .wi-owm-803,
.weather-widget-container .widget-weather .weather-icon .wi-owm-804 {
  color: #BABABA;
}
.weather-widget-container .widget-weather .weather-icon span {
  font-size: 65px;
}
.weather-widget-container .weather-edit-wrapper .weather-edit-title {
  position: absolute;
  top: 5px;
  padding: 0 !important;
}
.weather-widget-container .weather-edit-wrapper .weather-edit-close {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 25px;
}
.weather-widget-container .weather-edit-wrapper .weather-edit-content-container {
  bottom: 50px;
  position: relative;
  padding: 0;
}
.weather-widget-container .weather-edit-wrapper .weather-edit-content-container .city {
  border-style: solid;
  border-width: 1px;
  border-color: #d1d1d1;
  font-size: 14px;
  color: #000000;
  width: 100%;
}
.weather-widget-container .weather-edit-wrapper .weather-edit-content-container .weather-edit-input-wrapper {
  height: 19px !important;
  padding: 0 !important;
  border-style: solid;
  border-width: 1px;
  margin: 2px 0 0 0;
  border-color: #d1d1d1;
}
.widget-empty {
  border-style: dashed;
  background-color: transparent;
  display: none;
}
.widget-empty .empty-title {
  padding: 0;
  font-weight: 700;
}
.widget-empty .empty-new-content {
  padding: 0;
  visibility: hidden;
}
.widget-button-container {
  display: none;
}
.widget-button-container .cancel-widget-settings,
.widget-button-container .save-widget-settings,
.widget-button-container .save-close-widget-settings {
  padding: 0 5px 5px 0 !important;
}
.widget-button-container .btn-dashboard-settings {
  padding: 0 !important;
  width: 95%;
  background: #d1d1d1;
}
@media (max-width: 767px) {
  .tracking-icon-login {
    left: 82%;
  }
}
@media (max-width: 550px) {
  .tracking-icon-login {
    left: 82%;
  }
}
@media (max-width: 400px) {
  .tracking-icon-login {
    left: 73%;
  }
}
@media (max-width: 310px) {
  .tracking-icon-login {
    left: 71%;
  }
}
@media (max-width: 300px) {
  .tracking-icon-login {
    left: 69%;
  }
}
@media (min-width: 768px) {
  .tracking-icon-login {
    left: 78%;
  }
}
@media (min-width: 992px) {
  .tracking-icon-login {
    left: 63%;
  }
}
@media (min-width: 1200px) {
  .tracking-icon-login {
    left: 71%;
  }
}
@media (max-width: 767px) {
  .tracking-icon-pins {
    left: 80%;
  }
}
@media (max-width: 550px) {
  .tracking-icon-pins {
    left: 82%;
  }
}
@media (max-width: 400px) {
  .tracking-icon-pins {
    left: 73%;
  }
}
@media (max-width: 310px) {
  .tracking-icon-pins {
    left: 71%;
  }
}
@media (max-width: 300px) {
  .tracking-icon-pins {
    left: 70%;
  }
}
@media (min-width: 768px) {
  .tracking-icon-pins {
    left: 78%;
  }
}
@media (min-width: 992px) {
  .tracking-icon-pins {
    left: 63%;
  }
}
@media (min-width: 1200px) {
  .tracking-icon-pins {
    left: 71%;
  }
}
@media (max-width: 767px) {
  .time-icon {
    left: 83%;
  }
}
@media (max-width: 550px) {
  .time-icon {
    left: 82%;
  }
}
@media (max-width: 400px) {
  .time-icon {
    left: 73%;
  }
}
@media (max-width: 310px) {
  .time-icon {
    left: 71%;
  }
}
@media (max-width: 300px) {
  .time-icon {
    left: 71%;
  }
}
@media (min-width: 768px) {
  .time-icon {
    left: 76%;
  }
}
@media (min-width: 992px) {
  .time-icon {
    left: 66%;
  }
}
@media (min-width: 1200px) {
  .time-icon {
    left: 69%;
  }
}
@media (max-width: 767px) {
  .weather-icon {
    left: 81%;
  }
}
@media (max-width: 550px) {
  .weather-icon {
    left: 82%;
  }
}
@media (max-width: 400px) {
  .weather-icon {
    left: 73%;
  }
}
@media (max-width: 310px) {
  .weather-icon {
    left: 71%;
  }
}
@media (max-width: 300px) {
  .weather-icon {
    left: 69%;
  }
}
@media (min-width: 768px) {
  .weather-icon {
    left: 74%;
  }
}
@media (min-width: 992px) {
  .weather-icon {
    left: 61%;
  }
}
@media (min-width: 1200px) {
  .weather-icon {
    left: 61%;
  }
}
@media (max-width: 767px) {
  .news-icon {
    left: 85%;
  }
}
@media (max-width: 550px) {
  .news-icon {
    left: 82%;
  }
}
@media (max-width: 400px) {
  .news-icon {
    left: 77%;
  }
}
@media (max-width: 310px) {
  .news-icon {
    left: 71%;
  }
}
@media (max-width: 300px) {
  .news-icon {
    left: 70%;
  }
}
@media (min-width: 768px) {
  .news-icon {
    left: 76%;
  }
}
@media (min-width: 992px) {
  .news-icon {
    left: 61%;
  }
}
@media (min-width: 1200px) {
  .news-icon {
    left: 69%;
  }
}
@media (max-width: 767px) {
  .widgets-container-wrapper {
    padding-top: 20px;
  }
}
@media (min-width: 768px) {
  .widgets-container-wrapper {
    padding-top: 30px;
  }
}
@media (min-width: 992px) {
  .widgets-container-wrapper {
    padding-top: 30px;
  }
}
@media (min-width: 1200px) {
  .widgets-container-wrapper {
    padding-top: 30px;
  }
}
.hover .back {
  -webkit-transform: rotateY(0deg) !important;
  -moz-transform: rotateY(0deg) !important;
  -ms-transform: rotateY(0deg) !important;
}
.hover .front {
  -webkit-transform: rotateY(180deg) !important;
  -moz-transform: rotateY(180deg) !important;
  -ms-transform: rotateY(180deg) !important;
}
/*!
 *  Weather Icons 2.0
 *  Updated August 1, 2015
 *  Weather themed icons for Bootstrap
 *  Author - Erik Flowers - erik@helloerik.com
 *  Email: erik@helloerik.com
 *  Twitter: http://twitter.com/Erik_UX
 *  ------------------------------------------------------------------------------
 *  Maintained at http://erikflowers.github.io/weather-icons
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - Font licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - CSS, SCSS and LESS are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Inspired by and works great as a companion with Font Awesome
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 */
/*!
 *  Weather Icons 2.0
 *  Updated August 1, 2015
 *  Weather themed icons for Bootstrap
 *  Author - Erik Flowers - erik@helloerik.com
 *  Email: erik@helloerik.com
 *  Twitter: http://twitter.com/Erik_UX
 *  ------------------------------------------------------------------------------
 *  Maintained at http://erikflowers.github.io/weather-icons
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - Font licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - CSS, SCSS and LESS are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Inspired by and works great as a companion with Font Awesome
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 */
@font-face {
  font-family: weathericons;
  src: url(../fonts/weathericons-regular-webfont.eot);
  src: url(../fonts/sweathericons-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/weathericons-regular-webfont.woff2) format('woff2'), url(../fonts/weathericons-regular-webfont.woff) format('woff'), url(../fonts/weathericons-regular-webfont.ttf) format('truetype'), url(../fonts/weathericons-regular-webfont.svg#weather_iconsregular) format('svg');
  font-weight: 400;
  font-style: normal;
}
.wi {
  display: inline-block;
  font-family: weathericons;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  font-size: 4.5em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.wi-fw {
  text-align: center;
  width: 1.4em;
}
.wi-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  transform: rotate(90deg);
}
.wi-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform: rotate(180deg);
}
.wi-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(270deg);
}
.wi-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  transform: scale(-1, 1);
}
.wi-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  transform: scale(1, -1);
}
.wi-day-sunny:before {
  content: "\f00d";
}
.wi-day-cloudy:before {
  content: "\f002";
}
.wi-day-cloudy-gusts:before {
  content: "\f000";
}
.wi-day-cloudy-windy:before {
  content: "\f001";
}
.wi-day-fog:before {
  content: "\f003";
}
.wi-day-hail:before {
  content: "\f004";
}
.wi-day-haze:before {
  content: "\f0b6";
}
.wi-day-lightning:before {
  content: "\f005";
}
.wi-day-rain:before {
  content: "\f008";
}
.wi-day-rain-mix:before {
  content: "\f006";
}
.wi-day-rain-wind:before {
  content: "\f007";
}
.wi-day-showers:before {
  content: "\f009";
}
.wi-day-sleet:before {
  content: "\f0b2";
}
.wi-day-sleet-storm:before {
  content: "\f068";
}
.wi-day-snow:before {
  content: "\f00a";
}
.wi-day-snow-thunderstorm:before {
  content: "\f06b";
}
.wi-day-snow-wind:before {
  content: "\f065";
}
.wi-day-sprinkle:before {
  content: "\f00b";
}
.wi-day-storm-showers:before {
  content: "\f00e";
}
.wi-day-sunny-overcast:before {
  content: "\f00c";
}
.wi-day-thunderstorm:before {
  content: "\f010";
}
.wi-day-windy:before {
  content: "\f085";
}
.wi-solar-eclipse:before {
  content: "\f06e";
}
.wi-hot:before {
  content: "\f072";
}
.wi-day-cloudy-high:before {
  content: "\f07d";
}
.wi-day-light-wind:before {
  content: "\f0c4";
}
.wi-night-clear:before {
  content: "\f02e";
}
.wi-night-alt-cloudy:before {
  content: "\f086";
}
.wi-night-alt-cloudy-gusts:before {
  content: "\f022";
}
.wi-night-alt-cloudy-windy:before {
  content: "\f023";
}
.wi-night-alt-hail:before {
  content: "\f024";
}
.wi-night-alt-lightning:before {
  content: "\f025";
}
.wi-night-alt-rain:before {
  content: "\f028";
}
.wi-night-alt-rain-mix:before {
  content: "\f026";
}
.wi-night-alt-rain-wind:before {
  content: "\f027";
}
.wi-night-alt-showers:before {
  content: "\f029";
}
.wi-night-alt-sleet:before {
  content: "\f0b4";
}
.wi-night-alt-sleet-storm:before {
  content: "\f06a";
}
.wi-night-alt-snow:before {
  content: "\f02a";
}
.wi-night-alt-snow-thunderstorm:before {
  content: "\f06d";
}
.wi-night-alt-snow-wind:before {
  content: "\f067";
}
.wi-night-alt-sprinkle:before {
  content: "\f02b";
}
.wi-night-alt-storm-showers:before {
  content: "\f02c";
}
.wi-night-alt-thunderstorm:before {
  content: "\f02d";
}
.wi-night-cloudy:before {
  content: "\f031";
}
.wi-night-cloudy-gusts:before {
  content: "\f02f";
}
.wi-night-cloudy-windy:before {
  content: "\f030";
}
.wi-night-fog:before {
  content: "\f04a";
}
.wi-night-hail:before {
  content: "\f032";
}
.wi-night-lightning:before {
  content: "\f033";
}
.wi-night-partly-cloudy:before {
  content: "\f083";
}
.wi-night-rain:before {
  content: "\f036";
}
.wi-night-rain-mix:before {
  content: "\f034";
}
.wi-night-rain-wind:before {
  content: "\f035";
}
.wi-night-showers:before {
  content: "\f037";
}
.wi-night-sleet:before {
  content: "\f0b3";
}
.wi-night-sleet-storm:before {
  content: "\f069";
}
.wi-night-snow:before {
  content: "\f038";
}
.wi-night-snow-thunderstorm:before {
  content: "\f06c";
}
.wi-night-snow-wind:before {
  content: "\f066";
}
.wi-night-sprinkle:before {
  content: "\f039";
}
.wi-night-storm-showers:before {
  content: "\f03a";
}
.wi-night-thunderstorm:before {
  content: "\f03b";
}
.wi-lunar-eclipse:before {
  content: "\f070";
}
.wi-stars:before {
  content: "\f077";
}
.wi-storm-showers:before {
  content: "\f01d";
}
.wi-thunderstorm:before {
  content: "\f01e";
}
.wi-night-alt-cloudy-high:before {
  content: "\f07e";
}
.wi-night-cloudy-high:before {
  content: "\f080";
}
.wi-night-alt-partly-cloudy:before {
  content: "\f081";
}
.wi-cloud:before {
  content: "\f041";
}
.wi-cloudy:before {
  content: "\f013";
}
.wi-cloudy-gusts:before {
  content: "\f011";
}
.wi-cloudy-windy:before {
  content: "\f012";
}
.wi-fog:before {
  content: "\f014";
}
.wi-hail:before {
  content: "\f015";
}
.wi-rain:before {
  content: "\f019";
}
.wi-rain-mix:before {
  content: "\f017";
}
.wi-rain-wind:before {
  content: "\f018";
}
.wi-showers:before {
  content: "\f01a";
}
.wi-sleet:before {
  content: "\f0b5";
}
.wi-snow:before {
  content: "\f01b";
}
.wi-sprinkle:before {
  content: "\f01c";
}
.wi-storm-showers:before {
  content: "\f01d";
}
.wi-thunderstorm:before {
  content: "\f01e";
}
.wi-snow-wind:before {
  content: "\f064";
}
.wi-snow:before {
  content: "\f01b";
}
.wi-smog:before {
  content: "\f074";
}
.wi-smoke:before {
  content: "\f062";
}
.wi-lightning:before {
  content: "\f016";
}
.wi-raindrops:before {
  content: "\f04e";
}
.wi-raindrop:before {
  content: "\f078";
}
.wi-dust:before {
  content: "\f063";
}
.wi-snowflake-cold:before {
  content: "\f076";
}
.wi-windy:before {
  content: "\f021";
}
.wi-strong-wind:before {
  content: "\f050";
}
.wi-sandstorm:before {
  content: "\f082";
}
.wi-earthquake:before {
  content: "\f0c6";
}
.wi-fire:before {
  content: "\f0c7";
}
.wi-flood:before {
  content: "\f07c";
}
.wi-meteor:before {
  content: "\f071";
}
.wi-tsunami:before {
  content: "\f0c5";
}
.wi-volcano:before {
  content: "\f0c8";
}
.wi-hurricane:before {
  content: "\f073";
}
.wi-tornado:before {
  content: "\f056";
}
.wi-small-craft-advisory:before {
  content: "\f0cc";
}
.wi-gale-warning:before {
  content: "\f0cd";
}
.wi-storm-warning:before {
  content: "\f0ce";
}
.wi-hurricane-warning:before {
  content: "\f0cf";
}
.wi-wind-direction:before {
  content: "\f0b1";
}
.wi-alien:before {
  content: "\f075";
}
.wi-celsius:before {
  content: "\f03c";
}
.wi-fahrenheit:before {
  content: "\f045";
}
.wi-degrees:before {
  content: "\f042";
}
.wi-thermometer:before {
  content: "\f055";
}
.wi-thermometer-exterior:before {
  content: "\f053";
}
.wi-thermometer-internal:before {
  content: "\f054";
}
.wi-cloud-down:before {
  content: "\f03d";
}
.wi-cloud-up:before {
  content: "\f040";
}
.wi-cloud-refresh:before {
  content: "\f03e";
}
.wi-horizon:before {
  content: "\f047";
}
.wi-horizon-alt:before {
  content: "\f046";
}
.wi-sunrise:before {
  content: "\f051";
}
.wi-sunset:before {
  content: "\f052";
}
.wi-moonrise:before {
  content: "\f0c9";
}
.wi-moonset:before {
  content: "\f0ca";
}
.wi-refresh:before {
  content: "\f04c";
}
.wi-refresh-alt:before {
  content: "\f04b";
}
.wi-umbrella:before {
  content: "\f084";
}
.wi-barometer:before {
  content: "\f079";
}
.wi-humidity:before {
  content: "\f07a";
}
.wi-na:before {
  content: "\f07b";
}
.wi-train:before {
  content: "\f0cb";
}
.wi-moon-new:before {
  content: "\f095";
}
.wi-moon-waxing-crescent-1:before {
  content: "\f096";
}
.wi-moon-waxing-crescent-2:before {
  content: "\f097";
}
.wi-moon-waxing-crescent-3:before {
  content: "\f098";
}
.wi-moon-waxing-crescent-4:before {
  content: "\f099";
}
.wi-moon-waxing-crescent-5:before {
  content: "\f09a";
}
.wi-moon-waxing-crescent-6:before {
  content: "\f09b";
}
.wi-moon-first-quarter:before {
  content: "\f09c";
}
.wi-moon-waxing-gibbous-1:before {
  content: "\f09d";
}
.wi-moon-waxing-gibbous-2:before {
  content: "\f09e";
}
.wi-moon-waxing-gibbous-3:before {
  content: "\f09f";
}
.wi-moon-waxing-gibbous-4:before {
  content: "\f0a0";
}
.wi-moon-waxing-gibbous-5:before {
  content: "\f0a1";
}
.wi-moon-waxing-gibbous-6:before {
  content: "\f0a2";
}
.wi-moon-full:before {
  content: "\f0a3";
}
.wi-moon-waning-gibbous-1:before {
  content: "\f0a4";
}
.wi-moon-waning-gibbous-2:before {
  content: "\f0a5";
}
.wi-moon-waning-gibbous-3:before {
  content: "\f0a6";
}
.wi-moon-waning-gibbous-4:before {
  content: "\f0a7";
}
.wi-moon-waning-gibbous-5:before {
  content: "\f0a8";
}
.wi-moon-waning-gibbous-6:before {
  content: "\f0a9";
}
.wi-moon-third-quarter:before {
  content: "\f0aa";
}
.wi-moon-waning-crescent-1:before {
  content: "\f0ab";
}
.wi-moon-waning-crescent-2:before {
  content: "\f0ac";
}
.wi-moon-waning-crescent-3:before {
  content: "\f0ad";
}
.wi-moon-waning-crescent-4:before {
  content: "\f0ae";
}
.wi-moon-waning-crescent-5:before {
  content: "\f0af";
}
.wi-moon-waning-crescent-6:before {
  content: "\f0b0";
}
.wi-moon-alt-new:before {
  content: "\f0eb";
}
.wi-moon-alt-waxing-crescent-1:before {
  content: "\f0d0";
}
.wi-moon-alt-waxing-crescent-2:before {
  content: "\f0d1";
}
.wi-moon-alt-waxing-crescent-3:before {
  content: "\f0d2";
}
.wi-moon-alt-waxing-crescent-4:before {
  content: "\f0d3";
}
.wi-moon-alt-waxing-crescent-5:before {
  content: "\f0d4";
}
.wi-moon-alt-waxing-crescent-6:before {
  content: "\f0d5";
}
.wi-moon-alt-first-quarter:before {
  content: "\f0d6";
}
.wi-moon-alt-waxing-gibbous-1:before {
  content: "\f0d7";
}
.wi-moon-alt-waxing-gibbous-2:before {
  content: "\f0d8";
}
.wi-moon-alt-waxing-gibbous-3:before {
  content: "\f0d9";
}
.wi-moon-alt-waxing-gibbous-4:before {
  content: "\f0da";
}
.wi-moon-alt-waxing-gibbous-5:before {
  content: "\f0db";
}
.wi-moon-alt-waxing-gibbous-6:before {
  content: "\f0dc";
}
.wi-moon-alt-full:before {
  content: "\f0dd";
}
.wi-moon-alt-waning-gibbous-1:before {
  content: "\f0de";
}
.wi-moon-alt-waning-gibbous-2:before {
  content: "\f0df";
}
.wi-moon-alt-waning-gibbous-3:before {
  content: "\f0e0";
}
.wi-moon-alt-waning-gibbous-4:before {
  content: "\f0e1";
}
.wi-moon-alt-waning-gibbous-5:before {
  content: "\f0e2";
}
.wi-moon-alt-waning-gibbous-6:before {
  content: "\f0e3";
}
.wi-moon-alt-third-quarter:before {
  content: "\f0e4";
}
.wi-moon-alt-waning-crescent-1:before {
  content: "\f0e5";
}
.wi-moon-alt-waning-crescent-2:before {
  content: "\f0e6";
}
.wi-moon-alt-waning-crescent-3:before {
  content: "\f0e7";
}
.wi-moon-alt-waning-crescent-4:before {
  content: "\f0e8";
}
.wi-moon-alt-waning-crescent-5:before {
  content: "\f0e9";
}
.wi-moon-alt-waning-crescent-6:before {
  content: "\f0ea";
}
.wi-moon-0:before {
  content: "\f095";
}
.wi-moon-1:before {
  content: "\f096";
}
.wi-moon-2:before {
  content: "\f097";
}
.wi-moon-3:before {
  content: "\f098";
}
.wi-moon-4:before {
  content: "\f099";
}
.wi-moon-5:before {
  content: "\f09a";
}
.wi-moon-6:before {
  content: "\f09b";
}
.wi-moon-7:before {
  content: "\f09c";
}
.wi-moon-8:before {
  content: "\f09d";
}
.wi-moon-9:before {
  content: "\f09e";
}
.wi-moon-10:before {
  content: "\f09f";
}
.wi-moon-11:before {
  content: "\f0a0";
}
.wi-moon-12:before {
  content: "\f0a1";
}
.wi-moon-13:before {
  content: "\f0a2";
}
.wi-moon-14:before {
  content: "\f0a3";
}
.wi-moon-15:before {
  content: "\f0a4";
}
.wi-moon-16:before {
  content: "\f0a5";
}
.wi-moon-17:before {
  content: "\f0a6";
}
.wi-moon-18:before {
  content: "\f0a7";
}
.wi-moon-19:before {
  content: "\f0a8";
}
.wi-moon-20:before {
  content: "\f0a9";
}
.wi-moon-21:before {
  content: "\f0aa";
}
.wi-moon-22:before {
  content: "\f0ab";
}
.wi-moon-23:before {
  content: "\f0ac";
}
.wi-moon-24:before {
  content: "\f0ad";
}
.wi-moon-25:before {
  content: "\f0ae";
}
.wi-moon-26:before {
  content: "\f0af";
}
.wi-moon-27:before {
  content: "\f0b0";
}
.wi-time-1:before {
  content: "\f08a";
}
.wi-time-2:before {
  content: "\f08b";
}
.wi-time-3:before {
  content: "\f08c";
}
.wi-time-4:before {
  content: "\f08d";
}
.wi-time-5:before {
  content: "\f08e";
}
.wi-time-6:before {
  content: "\f08f";
}
.wi-time-7:before {
  content: "\f090";
}
.wi-time-8:before {
  content: "\f091";
}
.wi-time-9:before {
  content: "\f092";
}
.wi-time-10:before {
  content: "\f093";
}
.wi-time-11:before {
  content: "\f094";
}
.wi-time-12:before {
  content: "\f089";
}
.wi-direction-up:before {
  content: "\f058";
}
.wi-direction-up-right:before {
  content: "\f057";
}
.wi-direction-right:before {
  content: "\f04d";
}
.wi-direction-down-right:before {
  content: "\f088";
}
.wi-direction-down:before {
  content: "\f044";
}
.wi-direction-down-left:before {
  content: "\f043";
}
.wi-direction-left:before {
  content: "\f048";
}
.wi-direction-up-left:before {
  content: "\f087";
}
.wi-wind-beaufort-0:before {
  content: "\f0b7";
}
.wi-wind-beaufort-1:before {
  content: "\f0b8";
}
.wi-wind-beaufort-2:before {
  content: "\f0b9";
}
.wi-wind-beaufort-3:before {
  content: "\f0ba";
}
.wi-wind-beaufort-4:before {
  content: "\f0bb";
}
.wi-wind-beaufort-5:before {
  content: "\f0bc";
}
.wi-wind-beaufort-6:before {
  content: "\f0bd";
}
.wi-wind-beaufort-7:before {
  content: "\f0be";
}
.wi-wind-beaufort-8:before {
  content: "\f0bf";
}
.wi-wind-beaufort-9:before {
  content: "\f0c0";
}
.wi-wind-beaufort-10:before {
  content: "\f0c1";
}
.wi-wind-beaufort-11:before {
  content: "\f0c2";
}
.wi-wind-beaufort-12:before {
  content: "\f0c3";
}
.wi-yahoo-0:before {
  content: "\f056";
}
.wi-yahoo-1:before {
  content: "\f00e";
}
.wi-yahoo-2:before {
  content: "\f073";
}
.wi-yahoo-3:before {
  content: "\f01e";
}
.wi-yahoo-4:before {
  content: "\f01e";
}
.wi-yahoo-5:before {
  content: "\f017";
}
.wi-yahoo-6:before {
  content: "\f017";
}
.wi-yahoo-7:before {
  content: "\f017";
}
.wi-yahoo-8:before {
  content: "\f015";
}
.wi-yahoo-9:before {
  content: "\f01a";
}
.wi-yahoo-10:before {
  content: "\f015";
}
.wi-yahoo-11:before {
  content: "\f01a";
}
.wi-yahoo-12:before {
  content: "\f01a";
}
.wi-yahoo-13:before {
  content: "\f01b";
}
.wi-yahoo-14:before {
  content: "\f00a";
}
.wi-yahoo-15:before {
  content: "\f064";
}
.wi-yahoo-16:before {
  content: "\f01b";
}
.wi-yahoo-17:before {
  content: "\f015";
}
.wi-yahoo-18:before {
  content: "\f017";
}
.wi-yahoo-19:before {
  content: "\f063";
}
.wi-yahoo-20:before {
  content: "\f014";
}
.wi-yahoo-21:before {
  content: "\f021";
}
.wi-yahoo-22:before {
  content: "\f062";
}
.wi-yahoo-23:before {
  content: "\f050";
}
.wi-yahoo-24:before {
  content: "\f050";
}
.wi-yahoo-25:before {
  content: "\f076";
}
.wi-yahoo-26:before {
  content: "\f013";
}
.wi-yahoo-27:before {
  content: "\f031";
}
.wi-yahoo-28:before {
  content: "\f002";
}
.wi-yahoo-29:before {
  content: "\f031";
}
.wi-yahoo-30:before {
  content: "\f002";
}
.wi-yahoo-31:before {
  content: "\f02e";
}
.wi-yahoo-32:before {
  content: "\f00d";
}
.wi-yahoo-33:before {
  content: "\f083";
}
.wi-yahoo-34:before {
  content: "\f00c";
}
.wi-yahoo-35:before {
  content: "\f017";
}
.wi-yahoo-36:before {
  content: "\f072";
}
.wi-yahoo-37:before {
  content: "\f00e";
}
.wi-yahoo-38:before {
  content: "\f00e";
}
.wi-yahoo-39:before {
  content: "\f00e";
}
.wi-yahoo-40:before {
  content: "\f01a";
}
.wi-yahoo-41:before {
  content: "\f064";
}
.wi-yahoo-42:before {
  content: "\f01b";
}
.wi-yahoo-43:before {
  content: "\f064";
}
.wi-yahoo-44:before {
  content: "\f00c";
}
.wi-yahoo-45:before {
  content: "\f00e";
}
.wi-yahoo-46:before {
  content: "\f01b";
}
.wi-yahoo-47:before {
  content: "\f00e";
}
.wi-yahoo-3200:before {
  content: "\f077";
}
.wi-forecast-io-clear-day:before {
  content: "\f00d";
}
.wi-forecast-io-clear-night:before {
  content: "\f02e";
}
.wi-forecast-io-rain:before {
  content: "\f019";
}
.wi-forecast-io-snow:before {
  content: "\f01b";
}
.wi-forecast-io-sleet:before {
  content: "\f0b5";
}
.wi-forecast-io-wind:before {
  content: "\f050";
}
.wi-forecast-io-fog:before {
  content: "\f014";
}
.wi-forecast-io-cloudy:before {
  content: "\f013";
}
.wi-forecast-io-partly-cloudy-day:before {
  content: "\f002";
}
.wi-forecast-io-partly-cloudy-night:before {
  content: "\f031";
}
.wi-forecast-io-hail:before {
  content: "\f015";
}
.wi-forecast-io-thunderstorm:before {
  content: "\f01e";
}
.wi-forecast-io-tornado:before {
  content: "\f056";
}
.wi-wmo4680-00:before,
.wi-wmo4680-0:before {
  content: "\f055";
}
.wi-wmo4680-01:before,
.wi-wmo4680-1:before {
  content: "\f013";
}
.wi-wmo4680-02:before,
.wi-wmo4680-2:before {
  content: "\f055";
}
.wi-wmo4680-03:before,
.wi-wmo4680-3:before {
  content: "\f013";
}
.wi-wmo4680-04:before,
.wi-wmo4680-4:before {
  content: "\f014";
}
.wi-wmo4680-05:before,
.wi-wmo4680-5:before {
  content: "\f014";
}
.wi-wmo4680-10:before {
  content: "\f014";
}
.wi-wmo4680-11:before {
  content: "\f014";
}
.wi-wmo4680-12:before {
  content: "\f016";
}
.wi-wmo4680-18:before {
  content: "\f050";
}
.wi-wmo4680-20:before {
  content: "\f014";
}
.wi-wmo4680-21:before {
  content: "\f017";
}
.wi-wmo4680-22:before {
  content: "\f017";
}
.wi-wmo4680-23:before {
  content: "\f019";
}
.wi-wmo4680-24:before {
  content: "\f01b";
}
.wi-wmo4680-25:before {
  content: "\f015";
}
.wi-wmo4680-26:before {
  content: "\f01e";
}
.wi-wmo4680-27:before {
  content: "\f063";
}
.wi-wmo4680-28:before {
  content: "\f063";
}
.wi-wmo4680-29:before {
  content: "\f063";
}
.wi-wmo4680-30:before {
  content: "\f014";
}
.wi-wmo4680-31:before {
  content: "\f014";
}
.wi-wmo4680-32:before {
  content: "\f014";
}
.wi-wmo4680-33:before {
  content: "\f014";
}
.wi-wmo4680-34:before {
  content: "\f014";
}
.wi-wmo4680-35:before {
  content: "\f014";
}
.wi-wmo4680-40:before {
  content: "\f017";
}
.wi-wmo4680-41:before {
  content: "\f01c";
}
.wi-wmo4680-42:before {
  content: "\f019";
}
.wi-wmo4680-43:before {
  content: "\f01c";
}
.wi-wmo4680-44:before {
  content: "\f019";
}
.wi-wmo4680-45:before {
  content: "\f015";
}
.wi-wmo4680-46:before {
  content: "\f015";
}
.wi-wmo4680-47:before {
  content: "\f01b";
}
.wi-wmo4680-48:before {
  content: "\f01b";
}
.wi-wmo4680-50:before {
  content: "\f01c";
}
.wi-wmo4680-51:before {
  content: "\f01c";
}
.wi-wmo4680-52:before {
  content: "\f019";
}
.wi-wmo4680-53:before {
  content: "\f019";
}
.wi-wmo4680-54:before {
  content: "\f076";
}
.wi-wmo4680-55:before {
  content: "\f076";
}
.wi-wmo4680-56:before {
  content: "\f076";
}
.wi-wmo4680-57:before {
  content: "\f01c";
}
.wi-wmo4680-58:before {
  content: "\f019";
}
.wi-wmo4680-60:before {
  content: "\f01c";
}
.wi-wmo4680-61:before {
  content: "\f01c";
}
.wi-wmo4680-62:before {
  content: "\f019";
}
.wi-wmo4680-63:before {
  content: "\f019";
}
.wi-wmo4680-64:before {
  content: "\f015";
}
.wi-wmo4680-65:before {
  content: "\f015";
}
.wi-wmo4680-66:before {
  content: "\f015";
}
.wi-wmo4680-67:before {
  content: "\f017";
}
.wi-wmo4680-68:before {
  content: "\f017";
}
.wi-wmo4680-70:before {
  content: "\f01b";
}
.wi-wmo4680-71:before {
  content: "\f01b";
}
.wi-wmo4680-72:before {
  content: "\f01b";
}
.wi-wmo4680-73:before {
  content: "\f01b";
}
.wi-wmo4680-74:before {
  content: "\f076";
}
.wi-wmo4680-75:before {
  content: "\f076";
}
.wi-wmo4680-76:before {
  content: "\f076";
}
.wi-wmo4680-77:before {
  content: "\f01b";
}
.wi-wmo4680-78:before {
  content: "\f076";
}
.wi-wmo4680-80:before {
  content: "\f019";
}
.wi-wmo4680-81:before {
  content: "\f01c";
}
.wi-wmo4680-82:before {
  content: "\f019";
}
.wi-wmo4680-83:before {
  content: "\f019";
}
.wi-wmo4680-84:before {
  content: "\f01d";
}
.wi-wmo4680-85:before {
  content: "\f017";
}
.wi-wmo4680-86:before {
  content: "\f017";
}
.wi-wmo4680-87:before {
  content: "\f017";
}
.wi-wmo4680-89:before {
  content: "\f015";
}
.wi-wmo4680-90:before {
  content: "\f016";
}
.wi-wmo4680-91:before {
  content: "\f01d";
}
.wi-wmo4680-92:before {
  content: "\f01e";
}
.wi-wmo4680-93:before {
  content: "\f01e";
}
.wi-wmo4680-94:before {
  content: "\f016";
}
.wi-wmo4680-95:before {
  content: "\f01e";
}
.wi-wmo4680-96:before {
  content: "\f01e";
}
.wi-wmo4680-99:before {
  content: "\f056";
}
.wi-owm-200:before {
  content: "\f01e";
}
.wi-owm-201:before {
  content: "\f01e";
}
.wi-owm-202:before {
  content: "\f01e";
}
.wi-owm-210:before {
  content: "\f016";
}
.wi-owm-211:before {
  content: "\f016";
}
.wi-owm-212:before {
  content: "\f016";
}
.wi-owm-221:before {
  content: "\f016";
}
.wi-owm-230:before {
  content: "\f01e";
}
.wi-owm-231:before {
  content: "\f01e";
}
.wi-owm-232:before {
  content: "\f01e";
}
.wi-owm-300:before {
  content: "\f01c";
}
.wi-owm-301:before {
  content: "\f01c";
}
.wi-owm-302:before {
  content: "\f019";
}
.wi-owm-310:before {
  content: "\f017";
}
.wi-owm-311:before {
  content: "\f019";
}
.wi-owm-312:before {
  content: "\f019";
}
.wi-owm-313:before {
  content: "\f01a";
}
.wi-owm-314:before {
  content: "\f019";
}
.wi-owm-321:before {
  content: "\f01c";
}
.wi-owm-500:before {
  content: "\f01c";
}
.wi-owm-501:before {
  content: "\f019";
}
.wi-owm-502:before {
  content: "\f019";
}
.wi-owm-503:before {
  content: "\f019";
}
.wi-owm-504:before {
  content: "\f019";
}
.wi-owm-511:before {
  content: "\f017";
}
.wi-owm-520:before {
  content: "\f01a";
}
.wi-owm-521:before {
  content: "\f01a";
}
.wi-owm-522:before {
  content: "\f01a";
}
.wi-owm-531:before {
  content: "\f01d";
}
.wi-owm-600:before {
  content: "\f01b";
}
.wi-owm-601:before {
  content: "\f01b";
}
.wi-owm-602:before {
  content: "\f0b5";
}
.wi-owm-611:before {
  content: "\f017";
}
.wi-owm-612:before {
  content: "\f017";
}
.wi-owm-615:before {
  content: "\f017";
}
.wi-owm-616:before {
  content: "\f017";
}
.wi-owm-620:before {
  content: "\f017";
}
.wi-owm-621:before {
  content: "\f01b";
}
.wi-owm-622:before {
  content: "\f01b";
}
.wi-owm-701:before {
  content: "\f01a";
}
.wi-owm-711:before {
  content: "\f062";
}
.wi-owm-721:before {
  content: "\f0b6";
}
.wi-owm-731:before {
  content: "\f063";
}
.wi-owm-741:before {
  content: "\f014";
}
.wi-owm-761:before {
  content: "\f063";
}
.wi-owm-762:before {
  content: "\f063";
}
.wi-owm-771:before {
  content: "\f011";
}
.wi-owm-781:before {
  content: "\f056";
}
.wi-owm-800:before {
  content: "\f00d";
}
.wi-owm-801:before {
  content: "\f011";
}
.wi-owm-802:before {
  content: "\f011";
}
.wi-owm-803:before {
  content: "\f012";
}
.wi-owm-804:before {
  content: "\f013";
}
.wi-owm-900:before {
  content: "\f056";
}
.wi-owm-901:before {
  content: "\f01d";
}
.wi-owm-902:before {
  content: "\f073";
}
.wi-owm-903:before {
  content: "\f076";
}
.wi-owm-904:before {
  content: "\f072";
}
.wi-owm-905:before {
  content: "\f021";
}
.wi-owm-906:before {
  content: "\f015";
}
.wi-owm-957:before {
  content: "\f050";
}
.wi-owm-day-200:before {
  content: "\f010";
}
.wi-owm-day-201:before {
  content: "\f010";
}
.wi-owm-day-202:before {
  content: "\f010";
}
.wi-owm-day-210:before {
  content: "\f005";
}
.wi-owm-day-211:before {
  content: "\f005";
}
.wi-owm-day-212:before {
  content: "\f005";
}
.wi-owm-day-221:before {
  content: "\f005";
}
.wi-owm-day-230:before {
  content: "\f010";
}
.wi-owm-day-231:before {
  content: "\f010";
}
.wi-owm-day-232:before {
  content: "\f010";
}
.wi-owm-day-300:before {
  content: "\f00b";
}
.wi-owm-day-301:before {
  content: "\f00b";
}
.wi-owm-day-302:before {
  content: "\f008";
}
.wi-owm-day-310:before {
  content: "\f008";
}
.wi-owm-day-311:before {
  content: "\f008";
}
.wi-owm-day-312:before {
  content: "\f008";
}
.wi-owm-day-313:before {
  content: "\f008";
}
.wi-owm-day-314:before {
  content: "\f008";
}
.wi-owm-day-321:before {
  content: "\f00b";
}
.wi-owm-day-500:before {
  content: "\f00b";
}
.wi-owm-day-501:before {
  content: "\f008";
}
.wi-owm-day-502:before {
  content: "\f008";
}
.wi-owm-day-503:before {
  content: "\f008";
}
.wi-owm-day-504:before {
  content: "\f008";
}
.wi-owm-day-511:before {
  content: "\f006";
}
.wi-owm-day-520:before {
  content: "\f009";
}
.wi-owm-day-521:before {
  content: "\f009";
}
.wi-owm-day-522:before {
  content: "\f009";
}
.wi-owm-day-531:before {
  content: "\f00e";
}
.wi-owm-day-600:before {
  content: "\f00a";
}
.wi-owm-day-601:before {
  content: "\f0b2";
}
.wi-owm-day-602:before {
  content: "\f00a";
}
.wi-owm-day-611:before {
  content: "\f006";
}
.wi-owm-day-612:before {
  content: "\f006";
}
.wi-owm-day-615:before {
  content: "\f006";
}
.wi-owm-day-616:before {
  content: "\f006";
}
.wi-owm-day-620:before {
  content: "\f006";
}
.wi-owm-day-621:before {
  content: "\f00a";
}
.wi-owm-day-622:before {
  content: "\f00a";
}
.wi-owm-day-701:before {
  content: "\f009";
}
.wi-owm-day-711:before {
  content: "\f062";
}
.wi-owm-day-721:before {
  content: "\f0b6";
}
.wi-owm-day-731:before {
  content: "\f063";
}
.wi-owm-day-741:before {
  content: "\f003";
}
.wi-owm-day-761:before {
  content: "\f063";
}
.wi-owm-day-762:before {
  content: "\f063";
}
.wi-owm-day-781:before {
  content: "\f056";
}
.wi-owm-day-800:before {
  content: "\f00d";
}
.wi-owm-day-801:before {
  content: "\f000";
}
.wi-owm-day-802:before {
  content: "\f000";
}
.wi-owm-day-803:before {
  content: "\f000";
}
.wi-owm-day-804:before {
  content: "\f00c";
}
.wi-owm-day-900:before {
  content: "\f056";
}
.wi-owm-day-902:before {
  content: "\f073";
}
.wi-owm-day-903:before {
  content: "\f076";
}
.wi-owm-day-904:before {
  content: "\f072";
}
.wi-owm-day-906:before {
  content: "\f004";
}
.wi-owm-day-957:before {
  content: "\f050";
}
.wi-owm-night-200:before {
  content: "\f02d";
}
.wi-owm-night-201:before {
  content: "\f02d";
}
.wi-owm-night-202:before {
  content: "\f02d";
}
.wi-owm-night-210:before {
  content: "\f025";
}
.wi-owm-night-211:before {
  content: "\f025";
}
.wi-owm-night-212:before {
  content: "\f025";
}
.wi-owm-night-221:before {
  content: "\f025";
}
.wi-owm-night-230:before {
  content: "\f02d";
}
.wi-owm-night-231:before {
  content: "\f02d";
}
.wi-owm-night-232:before {
  content: "\f02d";
}
.wi-owm-night-300:before {
  content: "\f02b";
}
.wi-owm-night-301:before {
  content: "\f02b";
}
.wi-owm-night-302:before {
  content: "\f028";
}
.wi-owm-night-310:before {
  content: "\f028";
}
.wi-owm-night-311:before {
  content: "\f028";
}
.wi-owm-night-312:before {
  content: "\f028";
}
.wi-owm-night-313:before {
  content: "\f028";
}
.wi-owm-night-314:before {
  content: "\f028";
}
.wi-owm-night-321:before {
  content: "\f02b";
}
.wi-owm-night-500:before {
  content: "\f02b";
}
.wi-owm-night-501:before {
  content: "\f028";
}
.wi-owm-night-502:before {
  content: "\f028";
}
.wi-owm-night-503:before {
  content: "\f028";
}
.wi-owm-night-504:before {
  content: "\f028";
}
.wi-owm-night-511:before {
  content: "\f026";
}
.wi-owm-night-520:before {
  content: "\f029";
}
.wi-owm-night-521:before {
  content: "\f029";
}
.wi-owm-night-522:before {
  content: "\f029";
}
.wi-owm-night-531:before {
  content: "\f02c";
}
.wi-owm-night-600:before {
  content: "\f02a";
}
.wi-owm-night-601:before {
  content: "\f0b4";
}
.wi-owm-night-602:before {
  content: "\f02a";
}
.wi-owm-night-611:before {
  content: "\f026";
}
.wi-owm-night-612:before {
  content: "\f026";
}
.wi-owm-night-615:before {
  content: "\f026";
}
.wi-owm-night-616:before {
  content: "\f026";
}
.wi-owm-night-620:before {
  content: "\f026";
}
.wi-owm-night-621:before {
  content: "\f02a";
}
.wi-owm-night-622:before {
  content: "\f02a";
}
.wi-owm-night-701:before {
  content: "\f029";
}
.wi-owm-night-711:before {
  content: "\f062";
}
.wi-owm-night-721:before {
  content: "\f0b6";
}
.wi-owm-night-731:before {
  content: "\f063";
}
.wi-owm-night-741:before {
  content: "\f04a";
}
.wi-owm-night-761:before {
  content: "\f063";
}
.wi-owm-night-762:before {
  content: "\f063";
}
.wi-owm-night-781:before {
  content: "\f056";
}
.wi-owm-night-800:before {
  content: "\f02e";
}
.wi-owm-night-801:before {
  content: "\f022";
}
.wi-owm-night-802:before {
  content: "\f022";
}
.wi-owm-night-803:before {
  content: "\f022";
}
.wi-owm-night-804:before {
  content: "\f086";
}
.wi-owm-night-900:before {
  content: "\f056";
}
.wi-owm-night-902:before {
  content: "\f073";
}
.wi-owm-night-903:before {
  content: "\f076";
}
.wi-owm-night-904:before {
  content: "\f072";
}
.wi-owm-night-906:before {
  content: "\f024";
}
.wi-owm-night-957:before {
  content: "\f050";
}
.wi-wu-chanceflurries:before {
  content: "\f064";
}
.wi-wu-chancerain:before {
  content: "\f019";
}
.wi-wu-chancesleat:before {
  content: "\f0b5";
}
.wi-wu-chancesnow:before {
  content: "\f01b";
}
.wi-wu-chancetstorms:before {
  content: "\f01e";
}
.wi-wu-clear:before {
  content: "\f00d";
}
.wi-wu-cloudy:before {
  content: "\f002";
}
.wi-wu-flurries:before {
  content: "\f064";
}
.wi-wu-hazy:before {
  content: "\f0b6";
}
.wi-wu-mostlycloudy:before {
  content: "\f002";
}
.wi-wu-mostlysunny:before {
  content: "\f00d";
}
.wi-wu-partlycloudy:before {
  content: "\f002";
}
.wi-wu-partlysunny:before {
  content: "\f00d";
}
.wi-wu-rain:before {
  content: "\f01a";
}
.wi-wu-sleat:before {
  content: "\f0b5";
}
.wi-wu-snow:before {
  content: "\f01b";
}
.wi-wu-sunny:before {
  content: "\f00d";
}
.wi-wu-tstorms:before {
  content: "\f01e";
}
.wi-wu-unknown:before {
  content: "\f00d";
}