@charset "UTF-8";
/* Szín definicíók */
/* Betűtípusok */
@font-face {
  font-family: 'lavylmedium';
  src: url("../fonts/lavyl-medium-webfont.eot");
  src: url("../fonts/lavyl-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lavyl-medium-webfont.woff2") format("woff2"), url("../fonts/lavyl-medium-webfont.woff") format("woff"), url("../fonts/lavyl-medium-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'pentaformregular';
  src: url("../fonts/pentaform-regular-webfont.eot");
  src: url("../fonts/pentaform-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pentaform-regular-webfont.woff2") format("woff2"), url("../fonts/pentaform-regular-webfont.woff") format("woff"), url("../fonts/pentaform-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
h1, h2, h3, h4, h5, h6 {
  font-family: pentaformregular;
  font-weight: bold;
  font-size: 3rem; }

html {
  overflow-x: hidden; }

/* Egyéb */
/* Utilok */
.clearfix {
  clear: both; }

/* Media queries */
/*** Általános ***/
* {
  -webkit-font-smoothing: antialiased;
  color: #fff; }

.dropdown.languages.open a {
  background: none !important; }

.dropdown.languages .dropdown-toggle img {
  width: 40px;
  height: 40px; }

.dropdown.languages .dropdown-menu {
  background: #fff;
  border-radius: 0px;
  min-width: 240px !important;
  box-shadow: none;
  border: 1px solid #d6d6d6; }
  .dropdown.languages .dropdown-menu li {
    display: inline-block;
    width: 35px;
    margin: 10px; }
  .dropdown.languages .dropdown-menu a {
    color: #fff !important;
    padding: 0px !important;
    font-weight: 300;
    display: inline-block; }
    .dropdown.languages .dropdown-menu a img {
      width: 35px;
      height: 35px;
      border-radius: 35px;
      border: 1px solid #d6d6d6; }
  .dropdown.languages .dropdown-menu a:hover img {
    border: 3px solid #3f6f85; }
  .dropdown.languages .dropdown-menu::after {
    position: absolute;
    top: -8px;
    right: 43px;
    display: block;
    background: url("img/tooltip-top.png") no-repeat;
    content: '';
    width: 13px;
    height: 8px;
    border: none !important; }

.dropdown.languages_text.open > a {background-color: rgba(0,0,0,0.075) !important;}
.dropdown.languages_text {text-transform: uppercase; font-weight: bold;}
.dropdown.languages_text .dropdown-toggle {width: 60px; line-height: 75px; text-align: center; padding: 0; font-size: 18px !important; background-color: rgba(0,0,0,0.05);}
.dropdown.languages_text .dropdown-toggle:hover {background-color: rgba(0,0,0,0.075);}
.dropdown.languages_text .dropdown-menu {}
.dropdown.languages_text .dropdown-menu li {text-align: center; margin: 0; width: 55px; margin: 1px;}
.dropdown.languages_text .dropdown-menu a {display: block; padding: 10px; color: #515151 !important; line-height: 35px; font-weight: bold; font-size: 16px; border: 1px solid white;}
.dropdown.languages_text .dropdown-menu a:hover {border: 1px solid #d6d6d6; background-color: rgba(0,0,0,0.05) !important;}
.dropdown.languages_text .dropdown-menu::after {right: 22px;}



.errorSummary {
  background: pink;
  padding: 15px; }
  .errorSummary ul {
    list-style: none;
    padding: 0px;
    margin: 0px; }
  .errorSummary * {
    color: red; }

body, body.default {
  font-family: pentaformregular, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px; }
  /*body .alert, body.default .alert {
    border-radius: 0px; }
  body .alert.alert-success, body .alert.alert-success *, body.default .alert.alert-success, body.default .alert.alert-success * {
    color: #3c763d !important; }*/
  body .alert.alert-danger, body .alert.alert-danger *, body.default .alert.alert-danger, body.default .alert.alert-danger * {
    color: #a94442 !important; }

/*** Kezdőlap > Bejelentkezés ***/
.login-html {
  height: 100%; }
  .login-html .login-footer {
    position: absolute;
    bottom: 0px; }
    @media (max-width: 768px) {
      .login-html .login-footer {
        position: static; } }

body.login {
  background: #fff url("img/bg-login.png") no-repeat;
  background-size: cover;
  position: relative !important;
  min-height: 100% !important;
  /*height: 100% !important;*/
  overflow-x: hidden; }
  body.login .dropdown.languages {
    position: absolute;
    top: 4px;
    right: 130px; }
    @media (max-width: 768px) {
      body.login .dropdown.languages {
        right: 20px; } }
    body.login .dropdown.languages .dropdown-toggle {
      position: static; }
      /*body.login .dropdown.languages .dropdown-toggle img {
        width: 50px;
        height: 30px; }*/
    body.login .dropdown.languages .dropdown-menu {
      box-shadow: none;
      position: absolute;
      top: 50px;
      right: -235px;
      background: transparent;
      border: none;
      min-width: 120px !important;
	  width: 120px;
	  text-align: right;
      display: block; }
      @media (max-width: 768px) {
        body.login .dropdown.languages .dropdown-menu {
          min-width: 240px !important;
          background: #fff;
          position: absolute;
          top: 30px;
          left: auto;
          right: 0px;
          margin-top: 20px;
          display: none; } }
      body.login .dropdown.languages .dropdown-menu li {
        /*display: block;
        width: 70px;*/
		width: 56px;
        left: 0;
        margin: 0;
        padding: 8px !important;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box; }
        @media (max-width: 768px) {
          body.login .dropdown.languages .dropdown-menu li {
            display: inline-block;
            padding: 10px; } }
      body.login .dropdown.languages .dropdown-menu li:hover {
        position: relative;
        left: -8px;
        transition: left 0.25s;
        -moz-transition: left 0.25s;
        -webkit-transition: left 0.25s;
        -o-transition: left 0.25s; }
        @media (max-width: 768px) {
          body.login .dropdown.languages .dropdown-menu li:hover {
            position: static; } }
      body.login .dropdown.languages .dropdown-menu a {
        color: #fff !important;
        padding: 0px !important;
        font-weight: 300;
        display: inline-block; }
        body.login .dropdown.languages .dropdown-menu a img {
          width: 40px;
          height: 40px;
          border-radius: 0;
          border: none !important; }
      body.login .dropdown.languages .dropdown-menu::after {
        display: none !important; }
  body.login .dropdown.open .dropdown-menu {
    display: block; }
    @media (max-width: 768px) {
      body.login .dropdown.open .dropdown-menu {
        margin-right: 0 !important; } }
  body.login .login-footer {
    background: url("img/login-bottom-bg.png") center center repeat-y;
    width: 100%; }
    body.login .login-footer .login-footer-inner {
      text-align: center;
      padding: 33px 0px;
      width: 100%;
      max-width: 1080px;
      margin: 0 auto; }
      body.login .login-footer .login-footer-inner span {
        color: #22597b; }
        @media (max-width: 768px) {
          body.login .login-footer .login-footer-inner span {
            display: block;
            text-align: center;
            width: 100%; } }
      body.login .login-footer .login-footer-inner .impress-link {
        float: left;
        width: 250px;
        text-align: left; }
        body.login .login-footer .login-footer-inner .impress-link a {
          color: #fff !important;
          font-size: 20px !important; }
        @media (max-width: 768px) {
          body.login .login-footer .login-footer-inner .impress-link {
            float: none;
            text-align: center;
            width: 100%; } }
      body.login .login-footer .login-footer-inner .operated-by {
        font-size: 20px;
        text-align: center; }
      body.login .login-footer .login-footer-inner .copyright {
        float: right;
        width: 250px;
        text-align: right; }
        @media (max-width: 768px) {
          body.login .login-footer .login-footer-inner .copyright {
            float: none;
            text-align: center;
            width: 100%; } }
      @media (max-width: 768px) {
        body.login .login-footer .login-footer-inner .impress-link, body.login .login-footer .login-footer-inner .operated-by {
          margin-right: 0; } }
  body.login .login-menu-top {
    position: absolute;
    top: 0px;
    right: 250px; }
    @media (max-width: 768px) {
      body.login .login-menu-top {
        display: none; } }
    body.login .login-menu-top a.top-btn {
      background: none;
      display: inline-block;
      padding: 20px 65px 40px 65px;
      color: #fff !important;
      font-size: 20px !important; }
    body.login .login-menu-top a.top-btn-active, body.login .login-menu-top a.top-btn:hover {
      background: url("img/login-top-btn-active.png") repeat-x !important;
      text-decoration: none; }
  body.login .datepicker td, body.login .datepicker th {
    color: #515151 !important; }

a {
  color: #e4a01b !important;
  font-size: 14px !important; }

input[type=text],
input[type=number],
input[type=password],
input[type=email] {
  width: 100%;
  height: 45px;
  line-height: 45px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0px;
  padding-left: 20px;
  border: none;
  border-radius: 0px;
  color: #333 !important; }
  input[type=text]::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  input[type=email]::-webkit-input-placeholder {
    color: #666; }
  input[type=text]:-moz-placeholder,
  input[type=password]:-moz-placeholder,
  input[type=email]:-moz-placeholder {
    color: #666; }
  input[type=text]::-moz-placeholder,
  input[type=password]::-moz-placeholder,
  input[type=email]::-moz-placeholder {
    color: #666; }
  input[type=text]:-ms-input-placeholder,
  input[type=password]:-ms-input-placeholder,
  input[type=email]:-ms-input-placeholder {
    color: #666; }
  input[type=text]:focus,
  input[type=password]:focus,
  input[type=email]:focus {
    outline: 1px solid #e4a01b; }
  input[type=text]::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  input[type=email]::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #a2a2a2; }
  input[type=text]:-moz-placeholder,
  input[type=password]:-moz-placeholder,
  input[type=email]:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #a2a2a2;
    opacity: 1; }
  input[type=text]::-moz-placeholder,
  input[type=password]::-moz-placeholder,
  input[type=email]::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #a2a2a2;
    opacity: 1; }
  input[type=text]:-ms-input-placeholder,
  input[type=password]:-ms-input-placeholder,
  input[type=email]:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #a2a2a2; }

input[type=submit], a.btn, button:not(.w-css-reset,.wistia_placebo_close_button) {
  background: #e4a01b !important;
  height: 45px !important;
  line-height: 33px !important;
  margin: 10px !important;
  margin-left: 0px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  border: none !important;
  border-radius: 4px !important;
  text-align: center !important;
  color: #fff !important;
  font-size: 16px !important; }
  input[type=submit]:hover, a.btn:hover, button:not(.w-css-reset,.wistia_placebo_close_button):hover {
    background: #e4bb5a !important; }

input[type=submit].btn-dynamic-height, a.btn.btn-dynamic-height, button.btn-dynamic-height {
	white-space: normal;
	height: auto !important;
	line-height: 20px !important;
	padding: 12px;
}

#registration-form-confirmphone a.btn.btn-danger{
	background-color: #d2322d !important;
	border-color: #ac2925 !important;
	color: #fff !important;
	width: 200px;
	height: 65px !important;
	padding-top: 15px !important;
}

.input-group input[type=text] {
  margin-top: 0px !important; }

input[type=submit] + input[type=submit], a.btn {
  margin-left: 10px; }

/*input[type=password] {
  background: #fff url("img/icon-lock.png") no-repeat 95% 50%; }*/
.relative {position: relative;}
.password_view {
	display: block; 
	width: 30px; 
	height: 30px; 
	background-image: url('img/icon-view.png'); 
	background-repeat: no-repeat; 
	background-position: center center; 
	border-radius: 30px;
	position: absolute;
	top: 4px;
	left: 350px;
	opacity: 0.3;
	cursor: pointer;
	transition: 0.2s;
}
.password_view.out {right: 5px; left: auto; top: 8px;}
.password_view:hover, .password_view.active {
	opacity: 0.6;
}


select {
  height: 45px !important; }

/*** Kezdőlap > Regisztráció ***/
body.login > .body .box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  margin: 0px auto; }
  body.login > .body .box .login-logo {
	  display: block; width: 60%; height: auto; margin: 20px auto;
    /*position: absolute;
    left: -280px;
    top: -180px;
    width: 52%;
    height: auto;*/ }
    @media (max-width: 768px) {
      /*body.login > .body .box .login-logo {
        position: static;
        width: 100px;
        height: auto;
        display: block;
        margin: 50px auto 20px auto; }*/ }
  @media (max-width: 768px) {
    body.login > .body .box {
      transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0); } }

body.login .registration .box {
  margin: 60px auto;
  position: relative; }
  body.login .registration .box .login-logo {
	  display: block; width: 40%; height: auto; margin: 20px auto;
    /*position: absolute;
    left: -240px;
    top: -70px;
    width: 200px;
    height: auto;*/ }
    @media (max-width: 768px) {
      /*body.login .registration .box .login-logo {
        position: static;
        width: 100px;
        height: auto;
        display: block;
        margin: 50px auto 20px auto; }*/ }

body.login > .body .box, body.login .registration .box {
  background: #5680ab;
  max-width: 420px;
  padding: 0px;
  float: none;
  border: #fff solid 1px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }
  @media (max-width: 768px) {
    body.login > .body .box, body.login .registration .box {
      position: static;
      max-width: 100%; } }
  body.login > .body .box h1, body.login .registration .box h1 {
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 14px 0;
    color: #9cb3c5;
    text-align: center; }
  body.login > .body .box .body, body.login .registration .box .body {
    padding: 25px 53px 26px 53px; }
    body.login > .body .box .body .header, body.login .registration .box .body .header {
      overflow: hidden; }
  body.login > .body .box .control-label, body.login .registration .box .control-label {
    font-size: 16px;
    color: white;
    font-weight: 700; }
    body.login > .body .box .control-label.error, body.login .registration .box .control-label.error {
      color: #ffaaaa; }
  body.login > .body .box .footer, body.login .registration .box .footer {
    background: #5680ab;
    padding: 15px;
    text-align: center; }
  body.login > .body .box .help-block.error, body.login .registration .box .help-block.error {
    margin: 0px;
    color: #e4a01b;
    font-size: 14px;
    padding: 5px;
    font-weight: 500; }
  body.login > .body .box input, body.login > .body .box select, body.login .registration .box input, body.login .registration .box select {
    box-shadow: none; }
  body.login > .body .box select, body.login .registration .box select {
    border-radius: 0px;
    border: white; }
    body.login > .body .box select option, body.login .registration .box select option {
      color: #515151 !important; }
  body.login > .body .box .sponsor .help-block, body.login .registration .box .sponsor .help-block {
    display: none; }
    body.login > .body .box .sponsor .help-block.shown, body.login .registration .box .sponsor .help-block.shown {
      display: block;
      color: white;
      margin-top: 8px; }
  body.login > .body .box .field-container, body.login .registration .box .field-container {
    border: #fff solid 1px;
    padding: 2px;
    margin-bottom: 22px;
    margin-top: 22px; }
  body.login > .body .box input[type=text], body.login > .body .box input[type=password], body.login > .body .box input[type=email], body.login .registration .box input[type=text], body.login .registration .box input[type=password], body.login .registration .box input[type=email] {
    box-shadow: 1px 1px 5px 1px #b6b4b5 inset;
    margin: 0; }
  body.login > .body .box .action-btn, body.login .registration .box .action-btn {
    display: block;
    width: 100%;
    padding: 11px;
    text-align: center;
    line-height: normal !important;
    background: #bb9f30 !important;
    color: #fff !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    font-size: 20px !important; }
  body.login > .body .box .action-btn-login, body.login .registration .box .action-btn-login {
    background: #3f6f85 !important;
    color: #fff !important; }
  body.login > .body .box .action-btn-login:hover, body.login .registration .box .action-btn-login:hover {
    box-shadow: 1px 1px 5px 1px #2f5d6b inset !important;
    color: #fff !important; }
  body.login > .body .box .action-btn:hover, body.login .registration .box .action-btn:hover {
    text-decoration: none;
    color: #2f5d6b !important;
    box-shadow: 1px 1px 5px 1px #77641e inset; }
  body.login > .body .box .registration-btn, body.login .registration .box .registration-btn {
    display: none; }
    @media (max-width: 768px) {
      body.login > .body .box .registration-btn, body.login .registration .box .registration-btn {
        display: block; } }

body.login .registration .box {
  max-width: 810px !important; }
  body.login .registration .box input, body.login .registration .box select {
    box-shadow: none;
    margin: 0px; }
  body.login .registration .box .form-group {
    margin-bottom: 0px;
    margin-bottom: 5px; }
    body.login .registration .box .form-group .form-group {
      margin-bottom: 0px; }
      body.login .registration .box .form-group .form-group select.form-control {
        position: relative;
        z-index: 900; }
    body.login .registration .box .form-group .form-group.col-sm-8 {
      margin-left: -10px;
      padding-right: 5px; }
  body.login .registration .box label {
    height: 45px;
    line-height: 45px;
    padding: 0px; }
  body.login .registration .box .help-block.label.error {
    color: #e4a01b !important; }
  body.login .registration .box .operations {
    text-align: center; }
  body.login .registration .box .input-group-addon {
    border: 1px solid white !important;
    background: white !important; }
  body.login .registration .box .tt-dropdown-menu * {
    color: black; }

body.login > .header {
  border: none;
  background: none; }
  body.login > .header .navbar-nav > li > a {
    text-align: center; }
  body.login > .header .navbar-nav a.logo {
    padding: 0px;
    background: white; }
    @media (max-width: 768px) {
      body.login > .header .navbar-nav a.logo {
        background: none; } }
    body.login > .header .navbar-nav a.logo img {}
  body.login > .header .registration-btn {
    display: block; }
    @media (max-width: 768px) {
      body.login > .header .registration-btn {
        display: none; } }

body.login > .footer {
  height: 50px;
  border: none;
  background: rgba(255, 255, 255, 0.5); }
  body.login > .footer .navbar-nav {
    width: 100%;
    text-align: center; }
    @media (max-width: 768px) {
      body.login > .footer .navbar-nav {
        float: none;
        margin: 0 auto; } }
  body.login > .footer .navbar-nav li {
    display: inline-block;
    float: none; }
  body.login > .footer .navbar-nav li a {
    min-width: 80px;
    height: 50px;
    line-height: 50px;
    padding: 0px; }
  @media (max-height: 610px) {
    body.login > .footer {
      position: static !important; } }

body.login .captcha {
  margin-bottom: 10px; }
  body.login .captcha img {
    background: white;
    margin-right: 25px; }

/*** Admin > fő layout ***/
body.default {
  background: #fff; }
  body.default * {
    color: #515151; }

body.default.phone_confirm_warning .content {
  padding-top: 235px; }
  body.default.phone_confirm_warning .admin-header {
	  max-height: 200px;
}
  
body.default .content {
  padding-top: 135px; }
  @media (max-width: 768px) {
    body.default .content {
      padding: 20px; } }
  @media (max-width: 768px) {
    body.default .content .container-fluid {
      padding-left: 0;
      padding-right: 0; } }

.admin-header {
  position: absolute;
  z-index: 99;
  left: 270px;
  right: 20px;
  min-width: 792px;
  top: 0px;
  border: none;
  background: white;
  border-radius: 0px;
  padding-right: 15px;
  padding-left: 40px;
  margin-bottom: 45px;
  max-height: 100px; }
  @media (max-width: 768px) {
    .admin-header {
      position: static;
      max-height: none;
      min-width: 0;
      margin: 0;
      padding: 0 20px; } }
  .admin-header.slide {
    -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.5);
    min-height: 64px;
    transition: -webkit-box-shadow 200ms, -moz-box-shadow 200ms, box-shadow 200ms; }
    /*.admin-header.slide .logo img {
      height: 64px;
      box-shadow: none !important; }*/
  @media (max-width: 768px) {
    .admin-header .navbar-nav {
      float: left !important; margin: 0; } }
  @media (max-width: 768px) {
    .admin-header .navbar-nav.navbar-right {
      float: right !important; } }
  .admin-header .navbar-nav.navbar-center {
    position: relative;
    left: 50%;
    margin-left: -360px; }
    @media (max-width: 768px) {
      .admin-header .navbar-nav.navbar-center {
        margin-left: 0;
        left: 0px;
        position: static; } }
    .admin-header .navbar-nav.navbar-center li {
      width: 100%; }
  @media (max-width: 768px) {
    .admin-header .navbar-nav > li {
      float: left;
      text-align: center; } }
  @media (max-width: 768px) {
    .admin-header .navbar-right > li {
      /*float: none;*/ } }
  .admin-header .navbar-nav > li > a {
    text-align: center; }
  .admin-header .navbar-nav > li.cart {
    position: relative; }
    @media (max-width: 768px) {
      .admin-header .navbar-nav > li.cart {
        width: 40px; } }
    .admin-header .navbar-nav > li.cart > a.icon {
      min-width: 60px;
      padding-left: 0px;
      text-align: left;}
      .admin-header .navbar-nav > li.cart > a.icon img {
       /* margin-top: 4px;*/ }
		
	.admin-header .navbar-nav > li.pay {
    position: relative; }
    @media (max-width: 768px) {
      .admin-header .navbar-nav > li.pay {
        width: 40px; } }
    .admin-header .navbar-nav > li.pay > a.icon {
      min-width: 60px;
      text-align: left;
	  border-left: 1px solid rgba(0,0,0,0.1);}
      .admin-header .navbar-nav > li.pay > a.icon img {
        margin-top: 4px; }
		.admin-header .navbar-nav > li.pay > a.icon span {text-transform: uppercase; font-weight: bold; display: inline-block; vertical-align: middle; margin: 2px 0 0 5px; font-size: 20px;}
		
    .admin-header .navbar-nav > li.cart .notify {
      position: absolute;
      border: 1px solid #d6d6d6;
      width: 400px;
      padding: 12px;
      top: 20px;
      right: 75px;
	  text-align: right;
      background: white;
      z-index: 99; }
      @media (max-width: 768px) {
        .admin-header .navbar-nav > li.cart .notify {
          top: 0px;
          right: 50px;
          width: 250px; } }
      .admin-header .navbar-nav > li.cart .notify:after {
        position: absolute;
        top: 50%;
        right: -8px;
        display: inline-block;
        background: url("img/tooltip-right.png") no-repeat;
        content: '';
        width: 8px;
        height: 13px;
        margin-top: -6px; }
      .admin-header .navbar-nav > li.cart .notify.floating {
        /*position: fixed !important;
        margin-left: 325px;*/ }
        .admin-header .navbar-nav > li.cart .notify.floating:after {
          /*display: none !important;*/ }
        @media (max-width: 768px) {
          .admin-header .navbar-nav > li.cart .notify.floating {
            /*margin-left: 0;*/ } }
  .admin-header .navbar-nav > li > a.lifebelt {
    min-width: 60px;
    padding-left: 0px;
    text-align: left; }
    @media (max-width: 768px) {
      .admin-header .navbar-nav > li > a.lifebelt {
        /*display: none;*/ } }
  .admin-header .navbar-nav a.logo {
    display: block; padding: 20px 20px 20px 0;}
    .admin-header .navbar-nav a.logo img {display: block; width: auto; height: 30px;}
  .admin-header .dropdown.languages .dropdown-menu::after {
    border-bottom: 6px solid #d6d6d6; }
  .admin-header .search {
    width: 350px;
    margin: 0 auto; }
  .admin-header .search .twitter-typeahead .tt-input {
    width: 350px; }
  .admin-header .search .twitter-typeahead .tt-dropdown-menu {
    max-height: 150px;
    overflow-y: auto; }
  .admin-header .search .twitter-typeahead .tt-input,
  .admin-header .multisearch input {
    background: white url("img/icon-search.png") no-repeat 15px 50%;
    height: 45px;
    line-height: 45px;
    padding: 0px;
    padding-left: 45px;
    border: 1px solid #d6d6d6;
    border-radius: 0px;
    box-shadow: none;
    color: #888; }
    .admin-header .search .twitter-typeahead .tt-input::-webkit-input-placeholder,
    .admin-header .multisearch input::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #d6d6d6; }
    .admin-header .search .twitter-typeahead .tt-input:-moz-placeholder,
    .admin-header .multisearch input:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #d6d6d6;
      opacity: 1; }
    .admin-header .search .twitter-typeahead .tt-input::-moz-placeholder,
    .admin-header .multisearch input::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #d6d6d6;
      opacity: 1; }
    .admin-header .search .twitter-typeahead .tt-input:-ms-input-placeholder,
    .admin-header .multisearch input:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #d6d6d6; }
  .admin-header .multisearch {
    /*width: 400px;
    margin: 0 auto;*/
    width: 433px;
    padding: 0px 0px 10px 10px;
    background: white;
    border-radius: 10px; }
    .admin-header .multisearch * {
      outline: none; }
    .admin-header .multisearch .filter-input {
      width: 250px;
      display: block;
      float: left; }
      @media (max-width: 768px) {
        .admin-header .multisearch .filter-input {
          width: 100%; } }
    .admin-header .multisearch select.filter-input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      margin-top: 10px;
      background: white url("img/icon-dropdown.png") no-repeat 220px 50%;
      border: 1px solid #d6d6d6;
      padding-left: 38px; }
    .admin-header .multisearch .bootstrap-select {
      width: 130px !important;
      display: block;
      float: left; }
      @media (max-width: 768px) {
        .admin-header .multisearch .bootstrap-select {
          width: 30% !important; } }
      .admin-header .multisearch .bootstrap-select button {
        border-radius: 0px !important;
        background: #e6e6e6 !important;
        margin-bottom: 0px !important; }
        .admin-header .multisearch .bootstrap-select button span {
          font-size: 12px;
          color: #515151; }
      .admin-header .multisearch .bootstrap-select .dropdown-menu {
        margin-top: 0px !important;
        border-radius: 0px;
        background: #fefefe !important;
        box-shadow: none; }
      .admin-header .multisearch .bootstrap-select .caret {
        border: none;
        background: transparent url("img/icon-dropdown.png") no-repeat center center;
        width: 12px;
        height: 7px; }

.navbar-nav > li > a .counter {
  position: absolute;
  display: block;
  left: 30px;
  bottom: 5px; }

.navigation .counter {
  display: inline-block;
  margin-left: 5px; }

.navbar-nav > li > a .counter,
.navigation .counter {
  background: #e4a01b;
  color: #fff;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border-radius: 99px;
  text-align: center;
  font-size: 14px; }
  
.navbar-nav > li > a .counter.aa,
.navigation .counter.aa {
	background: #7dafc6;
}

.structure .state-off {
display: inline-block;
width: 22px;
height:22px;
background: url("img/icon-listplus-off.png") no-repeat left 50%; }
.structure .state-on {
display: inline-block;
width: 22px;
height:22px;
background: url("img/icon-listplus-on.png") no-repeat left 50%; }

  
.container-admin {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px; }
  @media (max-width: 768px) {
    .container-admin {
      position: static; } }
  .container-admin .side-menu {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 270px;
    overflow: hidden; }
    @media (max-width: 768px) {
      .container-admin .side-menu {
        width: 100%;
        position: static; } }
    .container-admin .side-menu .edge {
      background: #2f2f2f;
      position: absolute;
      left: 0px;
      top: 0px;
      bottom: 0px;
      width: 40px;
      z-index: 2; }
      @media (max-width: 768px) {
        .container-admin .side-menu .edge {
          display: none; } }
      .container-admin .side-menu .edge .burger {
        display: block;
        padding: 12px;
        transition: transform 0.3s; }
        .container-admin .side-menu .edge .burger > div {
          width: 15px; }
          .container-admin .side-menu .edge .burger > div .line {
            background: #fff;
            height: 2px; }
            .container-admin .side-menu .edge .burger > div .line + .line {
              margin-top: 2px; }
    .container-admin .side-menu .navigation {
      display: block;
      background: #3f6f85;
      position: absolute;
      top: 0px;
      bottom: 0px;
      right: 0px;
      width: 230px; }
      @media (max-width: 768px) {
        .container-admin .side-menu .navigation {
          position: static;
          width: auto; } }
      .container-admin .side-menu .navigation .top {
        background: #7dafc6;
        position: relative;
        padding-top: 10px;
        padding-bottom: 50px; }
        .container-admin .side-menu .navigation .top > .profile {
          text-align: center; }
          @media (max-width: 768px) {
            .container-admin .side-menu .navigation .top > .profile {
              display: none; } }
          .container-admin .side-menu .navigation .top > .profile img {
            width: 75px;
            height: 75px;
            border: 3px solid #3f6f85;
            border-radius: 75px; }
        .container-admin .side-menu .navigation .top .name {
          padding-left: 15px;
          margin-top: 10px;
          color: #fff;
          font-weight: 500;
          font-size: 17px; }
		.container-admin .side-menu .navigation .top .alias-sponsor-block
		.container-admin .side-menu .navigation .top .name.real_user {}
		.container-admin .side-menu .navigation .top .name.alias_user {}
		.container-admin .side-menu .navigation .top .name.sponsor_user {}
		
		.container-admin .side-menu .navigation .top .alias-sponsor-block.admin {padding: 3px 5px; margin-left: 8px; margin-right: 5px; border: 2px solid #3f6f85; font-weight: bold; border-radius: 4px; background-color: rgba(0,0,0,0.05);}
		.container-admin .side-menu .navigation .top .name.real_user.admin {margin-bottom: 10px;}
		.container-admin .side-menu .navigation .top .name.alias_user.admin {padding-left: 0; margin-top: 0;}
		.container-admin .side-menu .navigation .top .name.sponsor_user.admin {padding-left: 0;}
		
        .container-admin .side-menu .navigation .top .info {
          margin-left: 15px;
          color: #000;
          font-weight: 300;
          font-size: 17px; }
        .container-admin .side-menu .navigation .top .time-limit {
          color: white;
          position: absolute;
          top: 5px;
          right: 10px;
          font-size: 10px;
          opacity: 0.8; }
        .container-admin .side-menu .navigation .top .operations {
          position: absolute;
          bottom: 0px;
          left: 15px; }
          .container-admin .side-menu .navigation .top .operations > * {
            display: inline-block;
            width: 32px;
            height: 32px; }
          .container-admin .side-menu .navigation .top .operations .home {
            background: transparent url("img/icon-home.png") no-repeat 50% 50%; }
          .container-admin .side-menu .navigation .top .operations .profile {
            background: transparent url("img/icon-profile.png") no-repeat 50% 50%; }
          .container-admin .side-menu .navigation .top .operations .exit {
            background: transparent url("img/icon-exit.png") no-repeat 50% 50%; }
      .container-admin .side-menu .navigation .offscreen-menu {
        margin-top: 25px; }
        @media (max-width: 768px) {
          .container-admin .side-menu .navigation .offscreen-menu {
            height: auto !important; } }
        .container-admin .side-menu .navigation .offscreen-menu ul {
          list-style: none;
          padding: 0px; }
          .container-admin .side-menu .navigation .offscreen-menu ul li a {
            display: block;
            color: #efc113 !important;
            font-size: 15px !important;
            height: 35px;
            line-height: 35px;
            padding-left: 27px;
            white-space: nowrap; }
          .container-admin .side-menu .navigation .offscreen-menu ul li.has-submenu {
            background: transparent url("img/icon-arrow-right.png") no-repeat 195px 50%; }
            @media (max-width: 768px) {
              .container-admin .side-menu .navigation .offscreen-menu ul li.has-submenu {
                background: none; } }
          .container-admin .side-menu .navigation .offscreen-menu ul li.active > a {
            background: #4e87a2;
            color: #fff !important; }
        .container-admin .side-menu .navigation .offscreen-menu ul.submenu li {
          background: none;
          border-bottom: 1px solid #4e87a2; }
        .container-admin .side-menu .navigation .offscreen-menu ul.submenu li.back a {
          background: transparent url("img/icon-back.png") no-repeat left 50%;
          text-transform: uppercase; }
    .container-admin .side-menu.retracted .edge .burger {
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      transform: rotate(-90deg);
      transition: transform 0.3s; }
  .container-admin .content {
    position: absolute;
    top: 0px;
    left: 270px;
    right: 0px;
    bottom: 0px;
    overflow: auto;
    padding-left: 40px; }
    @media (max-width: 768px) {
      .container-admin .content {
        position: static; } }

/* Alap formázások */
.container-admin .content h1 {
  font-size: 24px;
  font-weight: 300; }
  .container-admin .content h1 a {
    font-size: 24px !important;
    font-weight: 300 !important; }
.container-admin .content h1 + hr {
  margin-bottom: 20px; }
.container-admin .content h2 {
  font-size: 22px;
  font-weight: 400; }
.container-admin .content hr {
  margin-top: 5px;
  margin-bottom: 10px;
  border-color: #d5d5d5; }
  
  .container-admin .content h2 a, .container-admin .content h3 a, .container-admin .content h4 a, .container-admin .content h5 a, .container-admin .content h6 a {
	  font-size: inherit !important;
	  font-weight: inherit !important;
  }

.top.operations {
  text-align: right; }
  .top.operations.smaller a, .top.operations.smaller button {
    padding-left: 10px !important;
    padding-right: 10px !important;
    height: 40px !important;
    line-height: 29px !important;
    font-size: 15px !important;
    margin-right: 0px !important; }

/* Alap tábla */
table.table {
  width: 100%; }
  table.table thead tr th, table.table thead tr th a {
    /*text-transform: uppercase;
    font-family: pentaformregular, Arial, sans-serif;
    font-size: 12px !important;*/
    font-weight: 600;
    color: #515151 !important;
    border: none !important;
    vertical-align: bottom;
    text-align: left; }
  table.table tbody tr:hover {
    background: #e6e6e6 !important; }
    @media (max-width: 768px) {
      table.table tbody tr:hover {
        background: none !important; } }
  table.table tbody tr[id*='child']:hover {
    background: transparent !important; }
  table.table tbody tr[id*='child'] > td {
    padding: 0px; }
  table.table table td {
    width: auto !important; }
    table.table table td .pull-right {
      margin-right: 30%; }
    table.table table td * {
      color: #535353 !important; }
  table.table tbody tr td, table.table tbody tr th {
    background: transparent !important;
    border-top: 1px solid #ededed !important;
    vertical-align: middle;
    text-align: left;
    color: #535353;
   /* font-size: 15px;*/
    font-weight: 400;
    padding: 5px 3px 5px 3px;
    white-space: nowrap; }
  table.table tbody tr th {
    text-align: left;
    font-weight: 400;
    color: #515151;
    padding-left: 20px; }
  table.table tbody tr + tr td, table.table tbody tr + tr th {
    border-bottom: 1px solid #ededed !important; }
  table.table .filters input {
    box-shadow: none !important;
    margin: 10px 0px 10px 0px;
    height: 30px !important;
    line-height: 30px !important;
    padding-left: 10px !important;
    border: 1px solid #d6d6d6; }
  table.table thead th a {
    padding-right: 20px; }
    table.table thead th a:after {
      display: none !important; }
  table.table a {
    color: #535353 !important; }
  table.table .caret {
    border: none !important;
    background: transparent url("img/icon-dropdown-orange-reversed.png") no-repeat center center;
    width: 12px;
    height: 7px;
    top: 4px !important; }
  table.table .desc .caret {
    background: transparent url("img/icon-dropdown-orange.png") no-repeat center center; }
  table.table input[type=submit], table.table a.btn, table.table button {
    margin: 0 !important;
    height: auto !important;
    line-height: 25px !important; }

/* Tabok */
.nav-tabs {
  border: none !important;
  margin-bottom: 0px; }
  .nav-tabs li {
    margin-right: 15px; }
    .nav-tabs li a {
      font-size: 24px !important;
      font-weight: 400;
      border: none !important;
      border-radius: 0px !important;
      color: #515151 !important;
      padding-left: 0px; }
    .nav-tabs li a:hover {
      background: transparent !important;
      color: #efc113 !important; }
    .nav-tabs li.active a {
      color: #e4a01b !important; }

.smaller .nav-tabs li a {
  font-size: 18px !important; }

/* Személy listázó */
.person-list {
  list-style: none;
  margin: 0px;
  padding: 0px;
  max-height: 185px;
  overflow: auto; }
  .person-list li > a {
    display: block;
    height: 50px;
    margin-left: 25px;
    color: #000 !important; }
    .person-list li > a:hover {
      text-decoration: none;
      background: #3f6f85;
      color: #fff !important; }
  .person-list li img {
    height: 50px;
    border-radius: 50px;
    border: 3px solid #3f6f85;
    vertical-align: middle;
    margin-right: 15px;
    margin-left: -25px; }
  .person-list li + li {
    padding-top: 15px; }
  .person-list li.selected a {
    background: #3f6f85;
    color: #fff !important; }

/* Bináris fa */
.binary-tree {
  min-width: 570px; }
  .binary-tree .card {
    position: absolute;
    padding: 20px;
    background: #fff;
    z-index: 9;
    border: 1px solid #dedede;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(200, 200, 200, 0.75);
    -moz-box-shadow: 0px 0px 3px 0px rgba(200, 200, 200, 0.75);
    box-shadow: 0px 0px 3px 0px rgba(200, 200, 200, 0.75);
    text-align: left; }
    .binary-tree .card * {
      color: #525252 !important; }
    .binary-tree .card p + p {
      margin-top: 20px; }
    .binary-tree .card .close {
      position: absolute;
      top: 15px;
      right: 15px;
      display: block;
      width: 16px;
      height: 16px;
      background: transparent url("img/icon-bt-close.png") no-repeat 50% 50%;
      opacity: 1 !important; }
    .binary-tree .card .close-btn {
      display: block;
      text-align: center;
      color: #e4a01b !important;
      text-transform: uppercase;
      padding-top: 20px; }
      .binary-tree .card .close-btn:hover {
        text-decoration: none; }
  .binary-tree .queue {
    position: relative; }
    .binary-tree .queue .info {
      display: inline-block;
      font-size: 18px !important;
      color: #e4a01b !important;
      margin-bottom: 20px;
      padding-right: 20px;
      background: transparent url("img/icon-bt-arrow-down.png") no-repeat right 50%; }
      .binary-tree .queue .info:hover {
        text-decoration: none; }
    .binary-tree .queue .card.list {
      top: -10px;
      left: -20px;
      width: 400px;
      padding-right: 0px; }
  .binary-tree .tree {
    position: relative; }
  .binary-tree table {
    background: none;
    table-layout: fixed !important;
    width: 100% !important; }
    .binary-tree table th, .binary-tree table td {
      background: none !important;
      border: none;
      text-align: center !important; }
    .binary-tree table tr:nth-child(1) td {
      width: 100% !important; }
      .binary-tree table tr:nth-child(1) td .slot {
        width: 18.75%; }
    .binary-tree table tr:nth-child(2) td {
      width: 50% !important; }
      .binary-tree table tr:nth-child(2) td .slot {
        width: 37.5%; }
    .binary-tree table tr:nth-child(3) td {
      width: 25% !important; }
      .binary-tree table tr:nth-child(3) td .slot {
        width: 75%; }
    .binary-tree table tr:nth-child(4) td {
      width: 12.5% !important; }
      .binary-tree table tr:nth-child(4) td .slot {
        width: 95%; }
        .binary-tree table tr:nth-child(4) td .slot .data {
          padding-top: 10px; }
        .binary-tree table tr:nth-child(4) td .slot .data * {
          font-size: 10px; }
    .binary-tree table tr td {
      padding: 20px 0px 40px 0px;
      position: relative; }
      .binary-tree table tr td .left-count, .binary-tree table tr td .right-count {
        background: rgba(1, 1, 1, 0.1);
        padding: 5px;
        border-radius: 10px;
        min-width: 80px;
        display: inline-block;
        font-size: 13px; }
      .binary-tree table tr td .left-count {
        position: absolute;
        color: black;
        left: 50%;
        margin-left: -120px;
        margin-top: 10px; }
      .binary-tree table tr td .right-count {
        position: absolute;
        color: black;
        left: 50%;
        margin-left: 30px;
        margin-top: 10px; }
    .binary-tree table tr:nth-child(4) td .left-count, .binary-tree table tr:nth-child(4) td .right-count {
      display: none; }
    @media (max-width: 998px) {
      .binary-tree table tr:nth-child(4) td .slot {
        padding-top: 26px; }
        .binary-tree table tr:nth-child(4) td .slot .data {
          height: 40px;
          padding: 0px; }
        .binary-tree table tr:nth-child(4) td .slot img {
          margin-top: 57px; } }
    .binary-tree table tr td .slot {
      display: block;
      padding: 0px;
      margin: 0 auto;
      position: relative;
      height: 120px; }
    .binary-tree table tr td .slot:hover {
      text-decoration: none; }
    .binary-tree table tr td .slot img {
      display: block;
      border-radius: 999px;
      border: 3px solid #3f6f85;
      width: 30%;
      max-width: 85px;
      min-width: 45px;
      position: absolute;
      right: -10%;
      top: -15%;
      z-index: 10; }
    .binary-tree table tr td .slot.empty img {
      width: 92px;
      top: 50%;
      right: auto;
      margin-left: -41px;
      left: 50%;
      z-index: 0;
      margin-top: -41px; }
      @media (max-width: 998px) {
        .binary-tree table tr td .slot.empty img {
          width: 70px;
          height: 70px;
          margin-top: -35px;
          margin-left: -35px; } }
    .binary-tree table tr td .slot .data {
      height: 92px;
      background: white;
      border: 1px solid #dedede;
      -webkit-box-shadow: 0 0 3px 0 rgba(200, 200, 200, 0.75);
      -moz-box-shadow: 0 0 3px 0 rgba(200, 200, 200, 0.75);
      box-shadow: 0 0 3px 0 rgba(200, 200, 200, 0.75);
      overflow: hidden; }
      .binary-tree table tr td .slot .data button {
        position: absolute;
        top: -5px;
        left: 10px;
        padding: 0px !important;
        line-height: 1 !important;
        margin: 0px !important;
        color: red !important;
        opacity: 1;
        width: 16px;
        height: 16px;
        background: transparent url("img/icon-bt-close.png") no-repeat 50% 50% !important; }
      .binary-tree table tr td .slot .data p:nth-child(2n-1) {
        margin-top: 5px; }
      .binary-tree table tr td .slot .data p {
        margin: 0px;
        font-size: 12px;
        white-space: nowrap; }
      .binary-tree table tr td .slot .data strong {
        font-size: 12px; }
    .binary-tree table tr td .name {
      background: #515151;
      color: #fff;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      height: 28px;
      line-height: 28px;
      min-height: 28px;
      text-align: left;
      padding-left: 8px;
      padding-right: 8px;
      font-size: 14px !important; }
    .binary-tree table tr td .empty .name {
      background: none; }
    .binary-tree table tr td .receptive .add {
      position: absolute;
      top: 0px;
      left: 0px;
      bottom: 0px;
      right: 0px;
      background: transparent url("img/icon-bt-add.png") no-repeat 51% 51%; }
    .binary-tree table .card.info {
      top: -20px;
      left: 50%;
      width: 300px;
      min-height: 180px;
      margin-left: -150px; }
    .binary-tree table .level {
      position: absolute;
      top: 5px;
      left: 5px; }
      .binary-tree table .level, .binary-tree table .level a {
        display: inline;
        color: #969696 !important; }
    .binary-tree table .card.place {
      top: 50%;
      left: 50%;
      width: 400px;
      margin-left: -200px;
      margin-top: -200px;
      padding-right: 0px;
      position: fixed;
      z-index: 99; }
      .binary-tree table .card.place .person-list li {
        position: relative; }
      .binary-tree table .card.place .person-list li .operations {
        position: absolute;
        right: 0px;
        bottom: 4px;
        display: none; }
        .binary-tree table .card.place .person-list li .operations .confirm, .binary-tree table .card.place .person-list li .operations .cancel {
          display: inline-block;
          width: 32px;
          height: 32px;
          margin-right: 8px; }
        .binary-tree table .card.place .person-list li .operations .confirm {
          background: #00a806; }
        .binary-tree table .card.place .person-list li .operations .cancel {
          background: #d60012; }
      .binary-tree table .card.place .person-list li.selected .operations {
        display: block; }
  .binary-tree svg {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: -1; }
    .binary-tree svg line {
      stroke-width: 1.5;
      stroke: #aaa; }

/* Struktúra aloldal */
.structure table td:first-child {
  position: relative;
  padding-right: 50px; }
.structure table.table tbody tr td {
  background: #f6f6f6 !important; }
.structure table.table tbody tr[data-level="1"] td, .structure table.table tbody tr:not([data-level]) td {
  background: transparent !important; }
.structure table.table tbody tr.expanded td {
  background: #e6e6e6 !important; }
.structure table tr.expired {
  background: #eee; }
  .structure table tr.expired td:nth-child(2) {
    color: #aaa; }
.structure table tr.expired-child td:nth-child(2) {
  color: #aaa; }
.structure table a.agent {
  color: #e4a01b !important; }
.structure table a.bt {
  display: inline-block;
  width: 29px;
  height: 29px;
  background: transparent url("img/icon-binarytree.png") no-repeat 50% 50%;
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 0px; }
.structure table a.inactive {
  color: #7dafc6 !important; }
.structure table .indent {
  width: 24px;
  height: 12px; }
.structure table .expander {
  width: 24px;
  height: 12px;
  background: transparent url("img/icon-collapse-arrow-right.png") no-repeat 50% 50%;
  left: -8px; }
.structure table .expander-expanded {
  background: transparent url("img/icon-collapse-arrow-down.png") no-repeat 50% 50%; }

table.weboffice-account-pv .active {
  color: #3bc25a; }

table.weboffice-account-pv .inactive {
  color: red; }

table.weboffice-account-bonus .active {
  color: #3bc25a; }

table.weboffice-account-bonus .inactive {
  color: red; }

#weboffice-list thead th a {
  color: #e4a01b !important;
  font-size: 12px; }

.news .item {
  min-height: 170px;
  margin-top: 42px;
  max-width: 70%; }
  @media (max-width: 768px) {
    .news .item {
      max-width: 100%; } }
  .news .item img {
    width: 170px;
    height: 170px;
    float: left;
    margin-right: 33px; }
    @media (max-width: 768px) {
      .news .item img {
        float: none;
        width: 100%;
        height: auto;
        margin: 0; } }
  .news .item .placeholder {
    width: 170px;
    height: 170px;
    line-height: 170px;
    text-align: center;
    float: left;
    border: 1px solid #d6d6d6;
    margin-right: 33px; }
    @media (max-width: 768px) {
      .news .item .placeholder {
        float: none;
        width: 100%;
        height: auto;
        margin: 0; } }

.webshop-list .groupInfo {
  display: none; }
.webshop-list .article {
  width: 270px;
  /*height: 480px;*/
  margin-right: 28px;
  margin-bottom: 28px;
  float: left;
  border: 1px solid #d6d6d6;
  overflow: hidden; }
  .webshop-list .article img {
    height: 270px;
    width: 270px; }
  .webshop-list .article .info {
    /*height: 124px;
    overflow: hidden;
    text-overflow: ellipsis;*/ }
	.webshop-list .article .info small {
    margin: 10px 15px 0px 15px; display: block;
	}
		.webshop-list .article .info small a {color: #515151;}
  .webshop-list .article h3 {
    margin: 15px !important;
    margin-bottom: 5px !important; }
    .webshop-list .article h3 a {
      font-size: 20px !important; }
  .webshop-list .article .description {
    margin: 0px 15px 0px 15px;
    /*max-height: 2.75em;
    overflow: hidden;*/ }
  .webshop-list .article .description * {
    font-size: 16px !important;
    color: #515151 !important;
    font-family: pentaformregular, Arial, sans-serif !important;
    margin-left: 15px;
    text-align: left !important; }
  .webshop-list .article .description strong, .webshop-list .article .description span {
    margin: 0px; }
  .webshop-list .article form button {
    margin-left: 8px !important; }

.webshop-list .articleImage, .webshop-view .articleImage {
  position: relative; }
  .webshop-list .articleImage .pv, .webshop-view .articleImage .pv {
    position: absolute;
    bottom: -18px;
    right: 4px;
    width: 62px;
    height: 62px;
    background: white;
    border-radius: 62px;
    font-size: 18px;
    color: black;
    font-weight: 700;
    text-align: center;
    line-height: 19px;
    padding-top: 12px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5); }
  .webshop-list .articleImage .price, .webshop-view .articleImage .price {
    position: absolute;
    bottom: -9px;
    left: 14px;
    display: inline-block;
    background: #515151;
    font-size: 27px;
    font-weight: 500;
    color: white;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -10px;
    letter-spacing: -1px; }
	
	.webshop-list .articleImage .article_badge {position: absolute; display: block; width: 23%;}
	.webshop-view .articleImage .article_badge {position: absolute; display: block; width: 15%;}
	.webshop-list .articleImage .article_badge.tl, .webshop-view .articleImage .article_badge.tl {top: 5px; left: 5px;}
	.webshop-list .articleImage .article_badge.tr, .webshop-view .articleImage .article_badge.tr {top: 5px; right: 5px;}
	.webshop-list .articleImage .article_badge.bl, .webshop-view .articleImage .article_badge.bl {bottom: 50px; left: 5px;}
	.webshop-list .articleImage .article_badge.br, .webshop-view .articleImage .article_badge.br {bottom: 50px; right: 5px;}
		.webshop-list .articleImage .article_badge img, .webshop-view .articleImage .article_badge img {display: block; width: 100%; height: auto;}
	
	.webshop-list .articleImage .price small, .webshop-view .articleImage .price small {
		color: white;
		font-size: 12px;
	}
	
.webshop-list form button, .webshop-view form button {
  background: #e4a01b url("img/icon-cart.png") no-repeat 12px 50% !important;
  padding-left: 50px !important;
  color: #fff;
  font-size: 16px; }
  
  .webshop-list form button:hover, .webshop-view form button:hover {
	  background-color: #e4bb5a !important;
  }
  
  .webshop-list form button {
	  padding-left: 30px !important;
  }

.webshop-view .breadcrumbs {
  margin-top: 15px;
  margin-bottom: 45px; }
  .webshop-view .breadcrumbs a {
    font-size: 18px !important; }
  .webshop-view .breadcrumbs .separator {
    display: inline-block;
	padding: 0 5px;}
.webshop-view .articleImage {
  margin-right: 95px; }
  .webshop-view .articleImage a[data-toggle="modal"] {display: block; position: relative;}
  .webshop-view .articleImage a[data-toggle="modal"]:after {content: ""; position: absolute; bottom: 4px; left: 4px; width: 42px; height: 42px; background-image: url("img/icon-magnifying.svg"); background-repeat: no-repeat; background-position: center center; background-size: 28px auto; background-color: white; border-radius: 40px;}
  .webshop-view .articleImage img {
	  display: block;
    width: 100%;
    height: auto; }
.webshop-view .info * {
  color: #515151; }
.webshop-view .info h3 {
  margin-top: 0px;
  font-size: 26px !important; }
.webshop-view .info h4 {
  font-weight: 400 !important;
  font-size: 16px !important; }
.webshop-view .info .net-price {
  margin-top: 20px;
  margin-bottom: 7px; }
  .webshop-view .info .net-price h4 {
    margin-bottom: 3px; }
  .webshop-view .info .net-price span {
    display: inline-block;
    background: #515151;
    font-size: 30px;
    font-weight: 500;
    color: white;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
     }
.webshop-view .info .gross-price {
  margin-bottom: 36px; }
.webshop-view form .order {
   }
.webshop-view form button {
  margin-left: 20px !important; }
.webshop-view .extended * {
  font-weight: 400; }
.webshop-view .extended > div {
  margin-top: 20px; }
.webshop-view .extended .description, .webshop-view .extended .description * {
  font-family: pentaformregular, Arial, sans-serif !important;
  text-align: left !important;
  font-size: 16px !important;
  color: #515151 !important;
  font-weight: 400 !important; }
.webshop-view .extended .description a {
	color: #e4a01b !important;
	text-decoration: underline;
}
.webshop-view .extended h4 {
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  margin-bottom: 0px;
  letter-spacing: 1px; }
.webshop-view .extended .description strong, .webshop-view .extended .description b {
	font-weight: 600 !important;
}
.webshop-view .extended .description i {
	font-style: italic !important;
}

.webshop-view .order .decrease, .webshop-view .order .increase,
.webshop-cart .order .decrease,
.webshop-cart .order .increase {
  width: 23px;
  height: 23px;
  display: block;
  float: left;
  margin-top: 21px; }
.webshop-view .order .decrease,
.webshop-cart .order .decrease {
  background: url("img/icon-cart-decrease.png"); }
.webshop-view .order .increase,
.webshop-cart .order .increase {
  background: url("img/icon-cart-increase.png"); }
.webshop-view .order input,
.webshop-cart .order input {
  display: block;
  width: 60px;
  float: left;
  border: 1px solid #d6d6d6;
  text-align: center;
  padding: 0px;
  margin-left: 7px;
  margin-right: 7px; }
  
.article-tabs {}
	.article-tabs .nav-tabs {border-bottom: 1px solid #515151 !important; padding: 0 8.33333333%;}
		.article-tabs .nav-tabs li {margin-right: 0;}
			.article-tabs .nav-tabs li a {border: 1px solid transparent !important; font-size: 20px !important; border-radius: 6px 6px 0 0 !important; padding: 10px 20px !important;}
			.article-tabs .nav-tabs li a:hover, .article-tabs .nav-tabs li a:focus {color: #515151 !important; border: 1px solid #ddd !important; border-bottom-color: #515151 !important;}
			.article-tabs .nav-tabs>li.active>a, .article-tabs .nav-tabs>li.active>a:hover, .article-tabs .nav-tabs>li.active>a:focus {border: 1px solid #515151 !important; border-bottom-color: white !important; font-weight: bold; color: #515151 !important;}

.webshop-cart button.btn {
  color: white !important; }
.webshop-cart #cart-grid table tbody tr {
  height: auto; }
.webshop-cart #cart-grid table tbody td {
  /*font-size: 16px !important;*/
  padding-left: 2px !important; }
  /*.webshop-cart #cart-grid table tbody td:nth-child(2) {
    color: #e4a01b !important; }*/
  .webshop-cart #cart-grid table tbody td:before {
    position: static; }
.webshop-cart #cart-grid table tbody td.quantity {
  white-space: nowrap;
  min-width: 130px;
  height: 70px; }
.webshop-cart #cart-grid table tbody td:last-child {
  position: relative; }

.deletebtn {
  float: right;
  background: none !important;
  color: #fd2323 !important;
  font-size: 18px !important;
  padding: 15px 20px 5px 15px;
}

  .webshop-cart #cart-grid table tbody td:last-child .delete {
    width: 40px;
    height: 40px;
    background: transparent url("img/icon-cart-remove.png") no-repeat 50% 50%;
    display: inline-block; }
    @media (max-width: 768px) {
      .webshop-cart #cart-grid table tbody td:last-child .delete {
        position: static; } }
.webshop-cart #cart-grid table tbody td:nth-of-type(9):before {
  content: ''; }
.webshop-cart a.empty {
  float: right;
  background: none !important;
  color: #515151 !important;
  font-size: 18px !important; }
  @media (max-width: 768px) {
    .webshop-cart a.empty {
      float: none;
      border: #fd2323 solid 1px !important; } }
.webshop-cart a.empty:active {
  box-shadow: none !important; }
.webshop-cart .order input {
  height: 32px;
  line-height: 32px;
  margin-top: 0px !important;
  margin-bottom: 0px !important; }
.webshop-cart .order .decrease, .webshop-cart .order .increase {
  margin-top: 5px !important; }
.webshop-cart .order-details .total-amounts {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-right: 66px; }
  .webshop-cart .order-details .total-amounts * {
    font-size: 16px; }
  .webshop-cart .order-details .total-amounts .label {
    text-transform: uppercase;
    padding-right: 28px; }
  .webshop-cart .order-details .total-amounts .currency {
    padding-left: 20px;
    padding-right: 21px;
    border-bottom: 1px solid black;
    padding-bottom: 4px; }
  .webshop-cart .order-details .total-amounts .pv {
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid black;
    padding-bottom: 4px; }
.webshop-cart .order-details h2 {
  font-size: 18px; }
.webshop-cart .order-details .row .data {
  padding: 15px; }
.webshop-cart .payment-details select {
  background-color: white !important;
  width: 100px !important; }

.order-confirm .total-amounts {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-right: 66px; }
  .order-confirm .total-amounts * {
    font-size: 16px; }
  .order-confirm .total-amounts .label {
    text-transform: uppercase;
    padding-right: 28px; }
  .order-confirm .total-amounts .currency {
    padding-left: 20px;
    padding-right: 21px;
    border-bottom: 1px solid black;
    padding-bottom: 4px; }
  .order-confirm .total-amounts .pv {
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid black;
    padding-bottom: 4px; }

.list-orders .state-1 {
  color: #fd2323; }
.list-orders .state-3 {
  color: #3ac159; }
.list-orders tbody {
  cursor: pointer; }
.list-orders tfoot td {
  text-transform: uppercase;
  padding-top: 20px !important;}

.list-orders-details table td strong {
  font-weight: 300 !important;
  color: #959494 !important; }
.list-orders-details table.table tbody tr td {
  font-weight: 600; }
.list-orders-details .items td:nth-child(2) {
  color: #e4a01b; }
.list-orders-details .items tfoot td {
  text-transform: uppercase;
  color: #515151 !important; }

#orders-own .is-not-firstorder, #orders-direct .is-not-firstorder, #orders-directleft .is-not-firstorder, #orders-directright .is-not-firstorder, #orders-group .is-not-firstorder, #orders-groupleft .is-not-firstorder, #orders-groupright .is-not-firstorder {
  color: red; }
#orders-own .is-firstorder, #orders-direct .is-firstorder, #orders-directleft .is-firstorder, #orders-directright .is-firstorder, #orders-group .is-firstorder, #orders-groupleft .is-firstorder, #orders-groupright .is-firstorder {
  color: #3bc25a; }
#orders-own .edit, #orders-direct .edit, #orders-directleft .edit, #orders-directright .edit, #orders-group .edit, #orders-groupleft .edit, #orders-groupright .edit {
  display: inline-block;
  vertical-align: top;
  padding: 0px;
  width: 23px;
  height: 21px;
  background: transparent url("img/icon-edit.png") no-repeat 50% 50%;
  background-size: contain; }
  
#orders-own .reg, #orders-direct .reg, #orders-directleft .reg, #orders-directright .reg, #orders-group .reg, #orders-groupleft .reg, #orders-groupright .reg {
  display: inline-block;
  vertical-align: top;
  padding: 0px;
  margin-left: 10px;
  width: 23px;
  height: 21px;
  background: transparent url("img/icon-reg.png") no-repeat 50% 50%;
  background-size: contain; }

.ewallet-history .active-balance {
	width: 200px;
	display: inline-block;
	vertical-align: top;
}

.ewallet-history .active-balance p {
  margin: 0px;
  color: #515151;
  font-size: 16px; }
.ewallet-history .active-balance span {
  display: inline-block;
  background: #515151;
  padding: 5px;
  /*margin-left: -15px;*/
  font-size: 30px;
  color: white;
  padding-left: 15px;
  padding-right: 15px; }
.ewallet-history .blocked-balance p, .ewallet-history .blocked-balance span {
  margin: 0px;
  color: #515151;
  font-size: 16px; }
.ewallet-history .panel {
  border: none;
  margin-top: 20px; }
  .ewallet-history .panel .panel-heading {
    border: none;
    background: none; }
    .ewallet-history .panel .panel-heading h3 {
      font-size: 16px !important;
      font-weight: 300 !important;
      color: #515151 !important;
      background: url("img/icon-transactions.png") no-repeat right 50%;
      height: 41px;
      line-height: 41px;
      display: inline-block !important;
      padding-right: 55px;
      margin-top: 12px; }
  .ewallet-history .panel .download {
    background: #e4a01b url("img/icon-download.png") no-repeat 12px 50% !important;
    padding-left: 45px !important; }
  .ewallet-history .panel thead th a {
    color: #e4a01b !important; }
  .ewallet-history .panel tbody td[class*=status] {
    color: #fd2323;
    text-transform: uppercase; }
  .ewallet-history .panel tbody td.status-1 {
    color: #3ac159; }
  .ewallet-history .panel tbody td.pos {
    background: url("img/icon-balance-pos.png") no-repeat 50% 50% !important;
    width: 18px; }
  .ewallet-history .panel tbody td.neg {
    background: url("img/icon-balance-neg.png") no-repeat 50% 50% !important;
    width: 18px; }

.input-group-addon {
  background: none !important;
  border-radius: 0px !important;
  padding: 0px;
  height: 40px; }
  .input-group-addon .glyphicon {
    width: 40px;
    height: 36px; }
    .input-group-addon .glyphicon.glyphicon-calendar {
      background: transparent url("img/icon-calendar.png") no-repeat 50% 50% !important;
      border: none !important; }
      .input-group-addon .glyphicon.glyphicon-calendar:before {
        content: none !important; }

.container-admin .form, .container-admin .form-horizontal {
  border: none;
  background: none;
  box-shadow: none; }
  .container-admin .form .nav-tabs a, .container-admin .form-horizontal .nav-tabs a {
    font-size: 18px !important;
    padding: 0px !important; }
  .container-admin .form label, .container-admin .form-horizontal label {
    font-weight: 300 !important;
    color: #515151 !important;
    font-size: 16px !important;
    text-align: left !important; }
  .container-admin .form .required .required, .container-admin .form-horizontal .required .required {
    color: #e4a01b !important; }
  .container-admin .form input[type=text], .container-admin .form input[type=password], .container-admin .form input[type=email], .container-admin .form-horizontal input[type=text], .container-admin .form-horizontal input[type=password], .container-admin .form-horizontal input[type=email], .container-admin .form input[type=number], .container-admin .form-horizontal input[type=number] {
    height: 40px !important;
    border: 1px solid #d6d6d6 !important;
    box-shadow: none !important;
    line-height: 40px !important;
    margin: 0px !important;
    width: 370px !important;
    font-size: 16px; }
    @media (max-width: 768px) {
      .container-admin .form input[type=text], .container-admin .form input[type=password], .container-admin .form input[type=email], .container-admin .form-horizontal input[type=text], .container-admin .form-horizontal input[type=password], .container-admin .form-horizontal input[type=email], .container-admin .form-horizontal input[type=number] {
        width: 100% !important; } }
  .container-admin .form select, .container-admin .form-horizontal select {
    width: 370px;
    height: 40px !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    border: 1px solid #d6d6d6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url("img/icon-dropdown.png") no-repeat 95% 50%;
    color: #515151 !important; }
    @media (max-width: 768px) {
      .container-admin .form select, .container-admin .form-horizontal select {
        width: 100% !important; } }

.container-admin .form select:disabled {
  background: transparent url("img/icon-dropdown-disabled-2.png") no-repeat 95% 50%;
}

  .container-admin .form .input-group-addon + input, .container-admin .form-horizontal .input-group-addon + input {
    width: 329px !important;
    border-left: none !important; }
    @media (max-width: 768px) {
      .container-admin .form .input-group-addon + input, .container-admin .form-horizontal .input-group-addon + input {
        width: 80% !important; } }
  .container-admin .form .nav-tabs, .container-admin .form-horizontal .nav-tabs {
    margin-bottom: 20px; }
.container-admin body .form-horizontal input {
  color: #515151 !important; }

.ewallet-sendmoney label, .ewallet-sendmoney p {
  color: #515151 !important; }
.ewallet-sendmoney .sender {
  font-weight: 700 !important; }
.ewallet-sendmoney .form-group:first-child {
  margin-bottom: 0px; }
.ewallet-sendmoney .balance {
  padding: 0px;
  padding-left: 15px; }
  .ewallet-sendmoney .balance p {
    display: inline-block !important;
    background: #515151 !important;
    font-size: 30px !important;
    color: white !important;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 400; }
.ewallet-sendmoney input[name*=amount] {
  width: 170px !important; }

.weboffice-admin-list .panel, .panel.simple {
  border: none;
  box-shadow: none !important; }
  .weboffice-admin-list .panel .panel-heading, .panel.simple .panel-heading {
    background: none;
    border: none; }

.panel.simple .glyphicon {
  display: none !important; }
.panel.simple h3 {
  font-size: 16px !important;
  font-weight: 300 !important;
  color: #515151 !important;
  height: 41px;
  line-height: 41px;
  display: inline-block !important;
  margin-top: 12px; }
.panel.simple .panel-heading {
  padding-left: 0px; }

.opportunity .box {
  background: #f2f7f9;
  padding: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 20px; }
  .opportunity .box h2 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 24px !important;
    color: #a3a3a3 !important;
    font-weight: 300 !important; }
  .opportunity .box ul {
    list-style: none;
    padding: 0px; }
  .opportunity .box ul.downloads li {
    border-top: 1px solid #d6d6d6; }
    .opportunity .box ul.downloads li a {
      font-size: 16px;
      color: #515151 !important;
      height: 38px;
      line-height: 38px;
      display: block;
      padding: 0px;
      padding-left: 52px;
      background: transparent url("img/icon-download-pdf.png") no-repeat left 50%; }
    .opportunity .box ul.downloads li a:hover {
      background: #e6e6e6 url("img/icon-download-pdf.png") no-repeat left 50%;
      text-decoration: none; }
  .opportunity .box ul.downloads li:last-child {
    border-bottom: 1px solid #d6d6d6; }

@media(min-width: 768px) {
  .list-plus {
      min-width: 870px;
  }
}

.list-plus .item {
  position: relative;
  margin-bottom: 40px; }
  .list-plus .item * {
    color: #515151 !important; }
  .list-plus .item .no {
    position: absolute;
    top: 6px;
    left: -24px; }
  .list-plus .item .header {
    height: 33px;
    line-height: 33px; }
    .list-plus .item .header span {
      height: 33px;
      display: inline-block;
      text-align: center;
      padding-left: 10px;
      padding-right: 10px;
      vertical-align: bottom; }
    .list-plus .item .header span.is-first-order {
      font-weight: 700;
      color: #fff !important;
      background: rgb(63 111 133 / 40%);}
    .list-plus .item .header .id {
      background: #d5d5d5; }
    .list-plus .item .header label {
      font-weight: 300 !important;
      font-size: 12px !important;
      font-family: pentaformregular, Arial, sans-serif !important;
      text-transform: uppercase;
      line-height: 22px; }
  .list-plus .item .body {
    background: #f9f9f9;
    height: 184px;
    overflow: hidden;
    border-top: 2px solid black;
    border-left: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    padding: 10px; }
    .list-plus .item .body .data-label {
      text-transform: uppercase;
      font-size: 12px;
      line-height: 22px;
      font-family: pentaformregular, Arial, sans-serif; }
    .list-plus .item .body a {
      color: #e4a01b !important; }
    .list-plus .item .body .state-off {
      height: 22px;
      padding-left: 28px;
      line-height: 22px;
      margin-top: 10px;
      display: inline-block;
      background: url("img/icon-listplus-off.png") no-repeat left 50%; }
    .list-plus .item .body .state-on {
      height: 22px;
      padding-left: 28px;
      line-height: 22px;
      margin-top: 10px;
      display: inline-block;
      background: url("img/icon-listplus-on.png") no-repeat left 50%; }
    .list-plus .item .body .state-pending {
      height: 22px;
      padding-left: 28px;
      line-height: 22px;
      margin-top: 10px;
      display: inline-block;
      background: url("img/icon-listplus-pending.png") no-repeat left 50%; }
  .list-plus .item .base {
    padding-right: 0px; }
    .list-plus .item .base .body {
      border-top-left-radius: 2px; }
  .list-plus .item .cart {
    padding-left: 0px; }
    .list-plus .item .cart .header {
      display: inline-block;
      width: auto;
      margin-left: -1px;
      border-left: 1px solid #d5d5d5;
      border-top: 1px solid #d5d5d5;
      border-right: 1px solid #d5d5d5; }
    .list-plus .item .cart .body {
      border-left: none;
      border-top-right-radius: 2px; }
  @media (min-width: 1600px) {
    .list-plus .item {
      padding-right: 5px; }
      .list-plus .item + .item {
        padding-left: 5px; } }
.list-plus .details {
  border-left: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5; }
  .list-plus .details table th, .list-plus .details table td {
    padding-left: 20px; }
.list-plus .operations {
  text-align: center;
  border-left: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
  position: relative; }
  .list-plus .operations button {
    color: white !important;
    background: #e4a01b url("img/icon-button-arrow-up.png") no-repeat 90% 50% !important;
    padding: 10px !important;
    padding-right: 35px !important;
    height: auto !important;
    line-height: 100% !important; }
    .list-plus .operations button.collapsed {
      background: #e4a01b url("img/icon-button-arrow-down.png") no-repeat 90% 50% !important; }
  .list-plus .operations .delete {
    display: inline-block;
    width: 38px;
    height: 38px;
    background: url("img/icon-cart-remove.png") no-repeat 50% 50%;
    position: absolute;
    right: 10px;
    top: 10px; }

.multisearch.multi {
  padding: 8px 5px 5px 5px;
  width: 425px;
  /*height: 100px;
  overflow: hidden;

  transition: height 200ms;

  &:hover {
    height: 500px;
    overflow: visible;

    transition: height 200ms;
  }*/ }
  @media (max-width: 768px) {
    .multisearch.multi {
      width: 80%;
      margin-left: 20px; } }
  .multisearch.multi label {
    display: none; }
  .multisearch.multi .form-horizontal input, .multisearch.multi select {
    width: 250px !important;
    height: 45px !important;
    margin: 0px !important; }
    @media (max-width: 768px) {
      .multisearch.multi .form-horizontal input, .multisearch.multi select {
        width: 100% !important; } }
  .multisearch.multi .input-group-addon {
    height: 45px !important; }
  .multisearch.multi .input-group-addon + input {
    width: 210px !important;
    min-width: 0px;
    background: none !important;
    padding-left: 10px !important; }
  .multisearch.multi .filter-input {
    border-radius: 0px; }
  .multisearch.multi .form-group {
    display: inline-block;
    float: left;
    width: 250px;
    margin-top: 1px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px; }
    @media (max-width: 768px) {
      .multisearch.multi .form-group {
        width: 30%;
        margin-left: 10px; } }
    .multisearch.multi .form-group .col-sm-9 {
      padding: 0px; }
  .multisearch.multi .filter-select .btn {
    margin-top: 1px !important; }
  .multisearch.multi .group {
    width: 430px;
    clear: both; }
  .multisearch.multi .remove {
    padding: 0px !important;
    width: 30px;
    height: 30px !important;
    display: inline-block;
    background: transparent url("img/icon-listplus-remove.png") no-repeat 50% 50% !important;
    margin: 0px !important;
    position: relative;
    top: 8px; }
  .multisearch.multi .add-filter {
    background: transparent url("img/icon-cart-increase.png") no-repeat left 50%;
    height: 23px;
    padding-left: 30px;
    display: inline-block;
    margin-top: 10px;
    color: #515151 !important; }
    .multisearch.multi .add-filter:hover, .multisearch.multi .add-filter:active, .multisearch.multi .add-filter:focus {
      text-decoration: none; }

.datepicker .disabled {
  color: #eee !important; }

.datepicker .clear {
  background: transparent url("img/icon-listplus-remove.png") no-repeat 50% 50%; }
  .datepicker .clear:hover {
    background: #eeeeee url("img/icon-listplus-remove.png") no-repeat 50% 50%; }

.mCSB_inside > .mCSB_container {
  margin-right: 0px !important; }

.mCSB_scrollTools {
  width: 10px !important; }

.pagination {
  width: 700px;
  margin: 0 auto;
  display: block;
  float: none !important;
  margin-top: 20px;
  box-shadow: none !important; }
  @media (max-width: 768px) {
    .pagination {
      width: 100%; } }

.pagination li a {
  border: none !important;
  background: none !important;
  font-weight: 400 !important; }
.pagination li.active a {
  color: #aaa !important; }

.autoactiver .label {
  display: block;
  font-size: 14px;
  color: #515151;
  text-align: left;
  margin-bottom: 0px;
  padding: 0px; }
.autoactiver .value {
  margin-top: 0px;
  margin-bottom: 0px;
  display: inline-block;
  background: #515151;
  font-size: 30px;
  font-weight: 500;
  color: white;
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: -10px; }
.autoactiver .highlighted {
  color: black;
  margin-top: 20px; }
.autoactiver .btn {
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 33px !important;
  height: 33px !important; }
.autoactiver .boxes {
  margin-left: 0px; }
.autoactiver .box {
  color: #595959;
  background: #f9f9f9;
  border: 1px solid #d5d5d5;
  margin-right: 20px;
  margin-bottom: 20px;
  min-width: 362px;
  min-height: 180px; }
  .autoactiver .box h2 {
    margin-top: 15px;
    margin-bottom: 20px;
    color: #595959;
    font-size: 24px; }
  .autoactiver .box .row {
    margin-bottom: 12px; }

/* Bootstrap XL */
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl {
  display: none !important; }

@media (min-width: 1600px) {
  .container {
    width: 1570px; }

  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left; }

  .col-xl-12 {
    width: 100%; }

  .col-xl-11 {
    width: 91.66666667%; }

  .col-xl-10 {
    width: 83.33333333%; }

  .col-xl-9 {
    width: 75%; }

  .col-xl-8 {
    width: 66.66666667%; }

  .col-xl-7 {
    width: 58.33333333%; }

  .col-xl-6 {
    width: 50%; }

  .col-xl-5 {
    width: 41.66666667%; }

  .col-xl-4 {
    width: 33.33333333%; }

  .col-xl-3 {
    width: 25%; }

  .col-xl-2 {
    width: 16.66666667%; }

  .col-xl-1 {
    width: 8.33333333%; }

  .col-xl-pull-12 {
    right: 100%; }

  .col-xl-pull-11 {
    right: 91.66666667%; }

  .col-xl-pull-10 {
    right: 83.33333333%; }

  .col-xl-pull-9 {
    right: 75%; }

  .col-xl-pull-8 {
    right: 66.66666667%; }

  .col-xl-pull-7 {
    right: 58.33333333%; }

  .col-xl-pull-6 {
    right: 50%; }

  .col-xl-pull-5 {
    right: 41.66666667%; }

  .col-xl-pull-4 {
    right: 33.33333333%; }

  .col-xl-pull-3 {
    right: 25%; }

  .col-xl-pull-2 {
    right: 16.66666667%; }

  .col-xl-pull-1 {
    right: 8.33333333%; }

  .col-xl-pull-0 {
    right: auto; }

  .col-xl-push-12 {
    left: 100%; }

  .col-xl-push-11 {
    left: 91.66666667%; }

  .col-xl-push-10 {
    left: 83.33333333%; }

  .col-xl-push-9 {
    left: 75%; }

  .col-xl-push-8 {
    left: 66.66666667%; }

  .col-xl-push-7 {
    left: 58.33333333%; }

  .col-xl-push-6 {
    left: 50%; }

  .col-xl-push-5 {
    left: 41.66666667%; }

  .col-xl-push-4 {
    left: 33.33333333%; }

  .col-xl-push-3 {
    left: 25%; }

  .col-xl-push-2 {
    left: 16.66666667%; }

  .col-xl-push-1 {
    left: 8.33333333%; }

  .col-xl-push-0 {
    left: auto; }

  .col-xl-offset-12 {
    margin-left: 100%; }

  .col-xl-offset-11 {
    margin-left: 91.66666667%; }

  .col-xl-offset-10 {
    margin-left: 83.33333333%; }

  .col-xl-offset-9 {
    margin-left: 75%; }

  .col-xl-offset-8 {
    margin-left: 66.66666667%; }

  .col-xl-offset-7 {
    margin-left: 58.33333333%; }

  .col-xl-offset-6 {
    margin-left: 50%; }

  .col-xl-offset-5 {
    margin-left: 41.66666667%; }

  .col-xl-offset-4 {
    margin-left: 33.33333333%; }

  .col-xl-offset-3 {
    margin-left: 25%; }

  .col-xl-offset-2 {
    margin-left: 16.66666667%; }

  .col-xl-offset-1 {
    margin-left: 8.33333333%; }

  .col-xl-offset-0 {
    margin-left: 0; }

  .visible-xl {
    display: block !important; }

  table.visible-xl {
    display: table; }

  tr.visible-xl {
    display: table-row !important; }

  th.visible-xl, td.visible-xl {
    display: table-cell !important; }

  .visible-xl-block {
    display: block !important; }

  .visible-xl-inline {
    display: inline !important; }

  .visible-xl-inline-block {
    display: inline-block !important; }

  .hidden-xl {
    display: none !important; } }
.retail .order-details .table th {
  width: 25%; }
.retail .payment-details .row {
  border-top: 1px solid #d6d6d6 !important;
  padding: 10px 0px 10px 0px; }
.retail .payment-details h3 {
  font-size: 18px;
  font-weight: 500 !important;
  margin: 10px 0px 15px 0px; }
.retail strong {
  font-weight: 700 !important; }

@media (max-width: 768px) {
  .tabs-right {
    overflow: auto !important; } }
@media (max-width: 768px) {
  .tabs-right .nav-tabs {
    float: none; } }
@media (max-width: 768px) {
  .tabs-right .tab-content {
    margin-right: 0px; } }
@media (max-width: 768px) {
  .tabs-right .tab-content .tab-pane {
    width: 250px; } }

@media (max-width: 768px) {
  .content .container-fluid img {
    width: 100%;
    height: auto; } }

.faq-content #faq-menu {
  margin-bottom: -50px; }
.faq-content h2 {
  padding-top: 80px; }
.faq-content .faq {
  margin-bottom: -50px; }

#request-payout-form .balance {
  padding: 0px;
  padding-left: 15px; }
  #request-payout-form .balance p {
    display: inline-block !important;
    background: #515151 !important;
    font-size: 30px !important;
    color: white !important;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 400; }


.datepicker table tr td span.year,
.datepicker table tr td span.month {
  color: #999999;
}

.datepicker, #dp_comment, .dp_csv {
  border: #e4bb5a 1px solid !important;
}

.publicprofilebox h3 {
  color: #515151;
  font-size: 20px;
  margin-top: 5px;
}

.publicprofilebox h2 {
  color: #515151;
  margin-top: 15px;
  font-size: 28px;
}

.publicprofilebox p {
  margin-top: 15px;
  color: #515151;
}

.publicprofilebox .choosesponsorbutton  {
  margin: 0;
  padding: 0;
}

.publicprofilebox .selfportrait {
  margin-left: 0;
  padding-left: 0;
}

.publicprofilebox .choosesponsorbutton input {
  width: 100%;
}


.checkout-form-container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-height: 360px;
  /*max-width: 330px;*/
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1em solid #fff;
  padding: 0;
  position: relative;
}
@media (max-width: 476px) {
  .checkout-form-container {
    border: none;
  }
}

.cardinfo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.bg-illustration {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.bg-illustration svg {
  width: 100%;
}

.card-shape, #checkout-form.visa, #checkout-form.master-card, #checkout-form.maestro, #checkout-form.american-express, #checkout-form.discover, #checkout-form.unionpay, #checkout-form.jcb, #checkout-form.diners-club {
  border-radius: 6px;
  padding: 2em 2em 1em;
}
@media (max-width: 476px) {
  .card-shape, #checkout-form.visa, #checkout-form.master-card, #checkout-form.maestro, #checkout-form.american-express, #checkout-form.discover, #checkout-form.unionpay, #checkout-form.jcb, #checkout-form.diners-club {
    padding: 2em 1.5em 1em;
  }
}

#checkout-form {
  border: 1px solid #bbbbbb;
  border-radius: 6px;
  background: #eeeeee;
  padding: 2em 2em 1em;
  width: 100%;
  margin-bottom: 0.5em;
  -webkit-transition: all 600ms cubic-bezier(0.2, 1.3, 0.7, 1);
  transition: all 600ms cubic-bezier(0.2, 1.3, 0.7, 1);
  -webkit-animation: cardIntro 500ms cubic-bezier(0.2, 1.3, 0.7, 1);
          animation: cardIntro 500ms cubic-bezier(0.2, 1.3, 0.7, 1);
  z-index: 1;
}

@media (max-width: 476px) {
  #checkout-form {
    box-sizing: border-box;
    padding: 7em 2em 2em;
    width: 100%;
  }
}
#checkout-form.visa {
  color: #fff;
  background-color: #0D4AA2;
}
#checkout-form.master-card {
  color: #fff;
  background-color: #363636;
  background: -webkit-linear-gradient(335deg, #d82332, #d82332 50%, #f1ad3d 50%, #f1ad3d);
  background: linear-gradient(115deg, #d82332, #d82332 50%, #f1ad3d 50%, #f1ad3d);
}
#checkout-form.maestro {
  color: #fff;
  background-color: #363636;
  background: -webkit-linear-gradient(335deg, #009ddd, #009ddd 50%, #ed1c2e 50%, #ed1c2e);
  background: linear-gradient(115deg, #009ddd, #009ddd 50%, #ed1c2e 50%, #ed1c2e);
}
#checkout-form.american-express {
  color: #fff;
  background-color: #007CC3;
}
#checkout-form.discover {
  color: #fff;
  background-color: #ff6000;
  background: -webkit-linear-gradient(#d14310, #f7961e);
  background: linear-gradient(#d14310, #f7961e);
}
#checkout-form.unionpay, #checkout-form.jcb, #checkout-form.diners-club {
  color: #fff;
  background-color: #363636;
}

.invert-label {
  color: white !important;
}

.cardinfo-label {
  display: block;
  font-size: 1.0em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  font-weight: normal;
}

.cardinfo-exp-date {
  margin-right: 1em;
  width: 100%;
}

.cardinfo-cvv {
  width: 100%;
}

.pay-btn {
  width: 100%;
}

.cardinfo-card-number {
  position: relative;
}

#card-image {
  position: absolute;
  top: 2.2em;
  right: 1em;
  width: 44px;
  height: 28px;
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/346994/card_sprite.png);
  background-size: 86px 458px;
  border-radius: 4px;
  background-position: -100px 0;
  background-repeat: no-repeat;
  margin-bottom: 1em;
}
#card-image.visa {
  background-position: 0 -398px;
}
#card-image.master-card {
  background-position: 0 -281px;
}
#card-image.american-express {
  background-position: 0 -370px;
}
#card-image.discover {
  background-position: 0 -163px;
}
#card-image.maestro {
  background-position: 0 -251px;
}
#card-image.jcb {
  background-position: 0 -221px;
}
#card-image.diners-club {
  background-position: 0 -133px;
}

/*--------------------
Inputs 
--------------------*/
.checkout-input-wrapper {
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.86);
  height: 2.75em;
  border: 1px solid #eee;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
  padding: 5px 10px;
  margin-bottom: 1em;
}

.cardinfo-card-number,
.cardinfo-exp-date,
.cardinfo-cvv {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.braintree-hosted-fields-focused {
  border-color: #5db6e8;
}

.braintree-hosted-fields-invalid {
  border-color: #E53A40;
  -webkit-animation: shake 500ms cubic-bezier(0.2, 1.3, 0.7, 1) both;
          animation: shake 500ms cubic-bezier(0.2, 1.3, 0.7, 1) both;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

/*--------------------
Animations
--------------------*/
@-webkit-keyframes cardIntro {
  0% {
    -webkit-transform: scale(0.8) translate(0, 0);
            transform: scale(0.8) translate(0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    opacity: 1;
  }
}
@keyframes cardIntro {
  0% {
    -webkit-transform: scale(0.8) translate(0, 0);
            transform: scale(0.8) translate(0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(1px, 0, 0);
            transform: translate3d(1px, 0, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-3px, 0, 0);
            transform: translate3d(-3px, 0, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(3px, 0, 0);
            transform: translate3d(3px, 0, 0);
  }
}
@keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(1px, 0, 0);
            transform: translate3d(1px, 0, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-3px, 0, 0);
            transform: translate3d(-3px, 0, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(3px, 0, 0);
            transform: translate3d(3px, 0, 0);
  }
}


.bt-modal-frame {
  height: 480px;
  width: 440px;
  margin: auto;
  background-color: #eee;
  z-index: 2;
  border-radius: 6px;
}

.bt-modal-body {
  height: 400px;
  margin: 0 20px;
  background-color: white;
  border: 1px solid lightgray;
}

.bt-modal-header, .bt-modal-footer {
  height: 40px;
  text-align: center;
  line-height: 40px;
}

.bt-mask {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.8;
}


#modal {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  height: 100vh;
  width: 100vw;
  z-index: 100;
}

.checkout-header {
  border: 0.4em solid #515151;
  text-align: center;
  border-radius: 4px;
  margin-bottom: 1.0em;
  padding: 0;
  width: 100%;
  font-weight: bold;
  color: #ffffff !important;
  background: #515151;
}

.tooltip.top .tooltip-inner {
    /*background-color:red;*/
    font-weight: bold;
    font-size: 16px;
    color: white !important;
    pointer-events: auto;
}
.tooltip.top .tooltip-arrow {
    /*border-top-color: red;*/
}

a.btn-emphasised, button[type=submit].btn-emphasised, button.btn-emphasised {
  font-weight: bold !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  margin-right: 20px !important;
}

img.table-button-img {
  height: 20px !important;
  width: auto !important;
}

a.btn.nopadding {
  padding: 2px 5px 2px 5px !important;
}

td.order_is_pending{
  color: #481C1C !important; 
}

td.order_is_in_progress{
  color: #2B7109 !important; 
}

td.order_is_done{
  color: #2B7109 !important; 
}

td.order_is_deleted{
  color: #AAAAAA !important; 
}

td.order_user_self {
  color: #AAAAAA !important;
}

div.help-block.error {
  color: #b94a48 !important;
}

.gtcDocContainer {
  margin-top: 20px;
}

.reg-checkboxdesc {
  margin-left: 10px;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 14px;
}

.reg-checkboxlink {
  margin-left: 22px;
}

.reg-checkboxhint {
  margin-left: 22px;
}

.emailCheck {
   font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
   margin-left: 10px;
}

.importtable {
  width: 100%;
  margin-bottom: 50px;
}

.importlogitem-error {
  color: #a94442 !important;
  background-color: #f2dede;
}

.importlogitem-warning {
  color: #515151;
  background-color: #fcf8e3;
}

.importlogitem-note {
  
}

.importlogitem-success {
  color: #3c763d;
  background-color: #dff0d8;
}

.importlogitem-tracking {
  color: #99CC84;
  background-color: #F4F9F2;
}

.importlogitem {
  vertical-align: top;
  border-bottom: 3px solid white;
}

.importlog-buttoncell {
  width: 25px;
}

.importlogitem-plaincontent {
  font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
  padding-top: 0;
  margin-bottom: 30px;
}

.btn-importlog-collapse {
  vertical-align: top !important;
  height: 22px !important;
  width: 22px !important;
  padding: 2px !important;
  margin: 0 !important;
  line-height: 14px !important;
}

.cartorder-wrapper {

}

.cartorder-wrapper-content {
  margin-bottom: 150px;
}

.cartorder-wrapper-content-instant {

}

.cartorder-wrapper-content-recurring {

}

.order-button-header {
  text-transform: uppercase;
  font-weight: bold !important;
  background-repeat: no-repeat;
  background-position: right top; 
  background-size: auto 100%;
}

.order-button-header-instant {
    background-image: url('img/deckheader-instant.png');
}

.order-button-header-recurring {
    background-image: url('img/deckheader-recurring.png');
}

.order-button-header-batch {
    background-image: url('img/deckheader-batch.png');
}

.order-button-body {
}

.row-eq-height-on-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.choose-products {
  font-size: 18px !important;
  font-weight: bold !important;
  margin-left: 15px;
}

.batchcart-section-head {
  font-size: 20px !important;
}

.cart-section-head {
  margin-top: 40px !important;
}

.cart-section {
  padding-left: 15px;
}

.cart-total-cell {
  padding-right: 15px !important;
  font-size: 16px !important;
  margin-top: 5px !important;
}

a.btn-narrow, button.btn-narrow {
  height: 32px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: 15px !important;
  margin-right: 5px !important;
  margin-bottom: 5px !important;
  margin-left: 0px !important;
  margin-top: 10px !important;
}

.cart-checkbox {
  margin-top: 20px;
  margin-bottom: 10px;
}

.cart-paymentcell {
  text-align: right !important;
  padding-left: 40px !important;
  vertical-align: bottom !important;
}

.cart-paymentseparator {
  height: 5px !important;
  pointer-events: none;
}

.cart-balance_redeemable {
  padding-left: 15px !important;
}

.cart-plain_quantity {
  margin-left: 57px !important;
}

.cart-summary_paymentcell {
  text-align: right !important; 
  padding-right: 20px !important;
}

.paymentmethod-dropdown-dropdown {
  background-color: white !important;
  width: 100%;
  margin-top: 12px;
  padding-left: 10px;
}

.cart-wide-form-element {
    width: 100% !important;
}

.order-button-description {
  height: 60px;
}

.cartorder-max-width-container {
  /*max-width: 1200px;*/
}

#autoactiverPaymentMethodDummy {
  color: #aaaaaa !important;
}

.table-container {
  display: table;
}

.table-container .table-row {
  height: 100%;
  display: table-row;
}

.table-container .table-row .table-col {
  display: table-cell;
  float: none;
  vertical-align: top;
}

.autoactiver-deck-wrapper {
  padding-right: 25px;
  padding-left: 0;
  padding-top: 10px;
}

.autoactiver-deck {
  border: 1px solid #DDD;
  border-radius: 4px;
  /*background-color: #DEEFF7;*/
  margin-bottom: 20px;
  padding: 15px;
  /*min-height: 450px;*/
}

.autoactiver-deck-disabled {
  border: 1px solid rgba(200,215,223,0.7);
  background-color: rgba(243,251,255,0.7);
  color: rgba(187,187,187,0.7) !important;
}

.autoactiver-deck-header {
  font-weight: bold !important;
  font-size: 22px !important;
  background-repeat: no-repeat;
  background-position: right top; 
  background-size: 25px;
  border-bottom: solid 1px #CCC;
  margin-bottom: 20px;
  background-origin: padding-box;
  padding-right: 20px;
}

.autoactiver-deck-header-orders {
    background-image: url('img/deckheader-recurring2.png');
}

.autoactiver-deck-header-cart {
    background-image: url('img/deckheader-cart.png');
}

.autoactiver-deck-header-balance {
    background-image: url('img/deckheader-cash.png');
}

.autoactiver-deck-header-card {
    background-image: url('img/deckheader-card.png');
}

.autoactiver-deck-item {
  margin-top: 15px;
  margin-left: 10px;
}

.autoactiver-deck-cellheader {
}

.autoactiver-deck-itemdescription {
  font-size: 12px;
  text-align: right;
}

.autoactiver-deck-amount {
    display: inline-block;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px; 
    float: right;
}

.autoactiver-deck-last-item {
    border-bottom: solid 1px lightgrey !important;
    padding-bottom: 20px;
}

.autoactiver-deck-item-total {
    font-weight: bold !important;
}

.autoactiver-deck-totalamount {
    color: white !important;
    background: #111111;
}

.autoactiver-deck-supplement {
  font-style: italic;
}

.autoactiver-deck-item-text  {
  margin-top: 14px !important;
}

.autoactiver-deck-item-large {
  font-size: 18px !important;
}

.autoactiver-deck-inline-btn, a.autoactiver-deck-inline-btn {
  margin: 0 !important;
  margin-top: 10px !important;
}

.btn-nomargin, a.btn-nomargin {
  margin: 0 !important;
}

.dummycard {
  font-size: 16px;
}

.autoactiver-delete-button {
  text-align: right;
}

.autoactiver-info {
  padding-right: 25px;
}

.alert-with-leading-pic.alert-warning {
  background-image: url('img/alert-leadingpic-warning.png');
}

.alert-with-leading-pic.alert-danger {
  background-image: url('img/alert-leadingpic-error.png');
}

.alert-with-leading-pic.alert-success {
  background-image: url('img/alert-leadingpic-tick.png');
}

.alert-with-leading-pic {
  padding-left: 47px;
  background-repeat: no-repeat;
  background-position: 12px 50%; 
  background-size: 25px;
}

#cardribbon {
  -webkit-transform: rotate(45deg); 
     -moz-transform: rotate(45deg); 
      -ms-transform: rotate(45deg); 
       -o-transform: rotate(45deg); 
          transform: rotate(45deg); 
    border: 30px solid transparent;
    border-bottom: 30px solid #e4a01b;
    position: absolute;
    top: 23px;
    right: -22px;
    padding: 0 !important;
    margin: 0 !important;
    width: 180px;
    color: white;
}
#cardribbontxt {
    color: white !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 122px;
    height: 30px;
    line-height: 32px;
    text-align: center;
    font-size: 22px;
}​

.dummycard-container {
  max-width: 370px; 
}

.small-btn-under-big-btn {
  margin-top: 5px; 
  text-align: center;
}

.add-partner-header {
  margin-top: 13px;
  font-weight: bold;
}

.batch-confirm-name {
  margin-top: 20px;
  font-weight: bold;
  font-size: 18px;
}

.payment-banner-img {
  height: 35px;
  padding-top: 3px;
  z-index: -9999;
}

@media (max-width: 1024px) {
  li.payment-banner-item {
    display: none;
  }
}

.flag-banner-img {
  height: 40px;
}

.filters, .filter-select, .filter-input {
  z-index: 2;
}

/*# sourceMappingURL=default.css.map */
.regform div.help-block.error{
	color: #ff9898 !important;
}

.list-orders-details table a{
	color: #e4a01b !important;
}
button.fancybox-button {
    background: rgba(30, 30, 30, .6) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    display: inline-block !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 10px !important;
    position: relative !important;
    transition: color .2s !important;
    vertical-align: top !important;
    visibility: inherit !important;
    width: 44px !important;
}
button.fancybox-button,
button.fancybox-button:visited,
button.fancybox-button:link {
    color: white !important;
}

button.fancybox-button:hover {
    color: #fff !important;
}

button.fancybox-button:focus {
    outline: none !important;
}

button.fancybox-button.fancybox-focus {
    outline: 1px dotted !important;
}

button.fancybox-button[disabled],
button.fancybox-button[disabled]:hover {
    color: #888 !important;
    cursor: default !important;
    outline: none !important;
}
.fancybox-navigation button.fancybox-button {
    background-clip: content-box !important;
    height: 100px !important;
    opacity: 0 !important;
    position: absolute !important;
    top: calc(50% - 50px) !important;
    width: 70px !important;
}
.fancybox-navigation button.fancybox-button div {
    padding: 7px !important;
    color: white !important;
}
button.fancybox-button div svg path,button.fancybox-button svg path{
    color: white !important;
}

.fancybox-navigation button.fancybox-button--arrow_left {
    left: 0 !important;
    padding: 31px 26px 31px 6px !important;
}

.fancybox-navigation button.fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px !important;
    right: 0 !important;
}

.fancybox-show-nav .fancybox-navigation button.fancybox-button {
    opacity: 1 !important;
    transition: opacity .25s ease 0s, visibility 0s ease 0s !important;
    visibility: visible !important;
}

#myModalAdvertisement .modal-body{
	padding: 10px;
}
#myModalAdvertisement .modal-dialog{
    width: 906px !important;
    max-width: 906px !important;
}
.hajodiv strong{
  text-shadow: 1px 1px black !important;
  color: #ff3c3c;
}
.hajodiv span{
  text-shadow: 1px 1px black !important;
}
.hajodiv a{
	width: 200px;
	height: 77px;
	background-color: white;
	opacity: 0.7;
	display: inline-block;
	font-size: 30px !important;
	color: black !important;
	text-decoration: underline;
	border-radius: 10px;
	padding-top: 20px;
}
.container-admin .side-menu .navigation .tm_menu a{
	height: auto !important;
	white-space: normal !important;
	width: 230px !important;
	line-height: 160% !important;
	padding: 6px 0;
}
.bigga{
    font-size: 20px !important;
}

.webshop-view .extended .description .kiemelt_block {
	background-color: #3f6f85 !important;
	color: #efc113 !important;
	padding: 5px;
	border: 2px solid #7dafc6;
}
.webshop-view .extended .description .kiemelt_block * {
	color: #efc113 !important;
}
.webshop-view .extended .description .kiemelt_block a {
	color: #efc113 !important;
}
.webshop-view .extended .description .kiemelt_block a:hover {
	color: white !important;
}

.datepicker.dropdown-menu {z-index: 1020 !important;}


.article-checkbox {}
	.article-checkbox input {width: 20px; height: 20px; border: 1px solid #d6d6d6;}
	.article-checkbox label {display: inline-block; vertical-align: top; line-height: 26px; margin-left: 10px;}
	
	
/* input number hide arrows */
input.hidearrow::-webkit-outer-spin-button,
input.hidearrow::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;.autoactiver-deck
}

input[type=number].hidearrow {
  -moz-appearance: textfield;
}


.optionalGiftProducts {
	padding: 20px;
	margin: 20px 0;
	background-color: #fcfcfc;
	border: 1px solid #d5d5d5;
}
.optionalGiftProducts .title {font-size: 18px; margin-bottom: 20px; border-bottom: 1px solid #d5d5d5;}
.optionalGiftProducts .text {margin-bottom: 20px;}
.optionalGiftProducts .items {}
	.optionalGiftProducts .items .item {}

.surprisegift-image-block {position: relative; display: inline-block; vertical-align: top;}
	.surprisegift-image-icon {cursor: pointer; display: inline-block; margin-top: -16px; top: 6px; position: relative;}
	.surprisegift-image {display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 10px; overflow: hidden; z-index: 10; box-shadow: 0 0 19px rgba(0,0,0,0.3);}
	.surprisegift-image-block:hover .surprisegift-image {display: block;}
		.surprisegift-image img {display: block; width: 400px; height: auto;}
	
.training-category {border-bottom: 0 !important;}
.training-category > a {text-transform: uppercase; background-color: #2F5969; cursor: default; text-decoration: none !important; pointer-events: none !important;}
.training-submenu > a {position: relative;}
.training-submenu > a:before {content: ''; position: absolute; top: -1px; left: 0; width: 10px; height: calc(100% + 1px); background-color: #2F5969; z-index: 10;}

.training-category.training-submenu > a {background-color: #316174;}
.training-category2.training-submenu > a:after {content: ''; position: absolute; top: -1px; left: 10px; width: 10px; height: calc(100% + 1px); background-color: #316174; z-index: 10;}

a.sponsor-link {color: white !important; font-size: 16px !important; text-decoration: underline;}
a.sponsor-link:hover {color: #3f6f85 !important; text-decoration: none;}

.clear {clear: both; display: block; float: none;}

.autoactiver-list a, .autoactiver-view a, .autoactiver-cart a, .autoactiver-options a {color: #7dafc6 !important;}


.autoactiver-list input[type=submit] *, .autoactiver-list a.btn *, .autoactiver-list button *, 
.autoactiver-view input[type=submit] *, .autoactiver-view a.btn *, .autoactiver-view button *,
.autoactiver-cart input[type=submit] *, .autoactiver-cart a.btn *, .autoactiver-cart button *,
.autoactiver-options input[type=submit] *, .autoactiver-options a.btn *, .autoactiver-options button *,
.autoactiver-list form button *, .autoactiver-view form button *, a.btn-aa *, button.btn-aa *, input[type=submit].btn-aa *
{color: white !important; }


.autoactiver-list input[type=submit], .autoactiver-list a.btn, .autoactiver-list button, 
.autoactiver-view input[type=submit], .autoactiver-view a.btn, .autoactiver-view button,
.autoactiver-cart input[type=submit], .autoactiver-cart a.btn, .autoactiver-cart button,
.autoactiver-options input[type=submit], .autoactiver-options a.btn, .autoactiver-options button,
.autoactiver-list form button, .autoactiver-view form button, a.btn-aa, button.btn-aa, input[type=submit].btn-aa
{background-color: #7dafc6 !important; color: white !important;}

.autoactiver-list input[type=submit]:hover, .autoactiver-list a.btn:hover, .autoactiver-list button:hover, 
.autoactiver-view input[type=submit]:hover, .autoactiver-view a.btn:hover, .autoactiver-view button:hover,
.autoactiver-cart input[type=submit]:hover, .autoactiver-cart a.btn:hover, .autoactiver-cart button:hover,
.autoactiver-options input[type=submit]:hover, .autoactiver-options a.btn:hover, .autoactiver-options button:hover,
.autoactiver-list form button:hover, .autoactiver-view form button:hover, a.btn-aa:hover, button.btn-aa:hover, input[type=submit].btn-aa:hover
{background-color: #5BA5C7 !important; color: white !important;}

.autoactiver-cart a.empty.btn {color: #515151 !important; background: none !important;}

/*.autoactiver-cart #cart-grid table tbody td:nth-child(2) {color: #5BA5C7 !important; font-weight: bold;}*/

a.btn-aa.btn-danger {background-color: #d9534f !important; border-color: #d43f3a !important;}
a.btn-aa.btn-danger:hover {background-color: #d2322d !important; border-color: #ac2925 !important;}


body.autoactiver-header .content {
	padding-top: 200px;
}
body.autoactiver-header .admin-header {
	max-height: 160px;
	padding-bottom: 10px;
}

.autoactiver-progressbar {width: 60%; margin: 0 auto;}
	.autoactiver-progressbar .point {display: block; float: left; width: 100px; position: relative; text-align: center; padding-top: 35px; color: #DFDFDF; font-weight: bold;}
	.autoactiver-progressbar .point i {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 30px; line-height: 26px; border-radius: 30px; color: #DFDFDF; text-align: center; font-size: 16px; border: 2px solid #DFDFDF; font-style: normal;}
	.autoactiver-progressbar .point.active, .autoactiver-progressbar .point.ok {color: black;}
	.autoactiver-progressbar .point.active i {border-color: #3f6f85; font-weight: bold; color: #3f6f85;}
	.autoactiver-progressbar .point.ok i {background-color: #3f6f85; border-color: #3f6f85; color: white; font-weight: bold;}
	.autoactiver-progressbar .line {display: block; float: left; width: calc((100% - 400px) / 3); position: relative; height: 30px;}
	.autoactiver-progressbar .line:before {content: ''; position: absolute; top: 12px; height: 3px; width: calc(100% + 60px); left: -30px; background-color: #DFDFDF;}
	.autoactiver-progressbar .line.active:before {background-color: #3f6f85;}
	

.outline-aa {display: inline-block; vertical-align: top; border: 2px solid #5BA5C7; padding: 0 5px; border-radius: 4px; margin-top: -2px;}
.outline-red-aa {display: inline-block; vertical-align: top; border: 2px solid #d43f3a; padding: 0 5px; border-radius: 4px; margin-top: -2px;}

.yellow-information {padding: 20px 20px 10px 20px; border-radius: 4px; margin-bottom: 20px; font-weight: bold;}
.yellow-information .title {background-image: url('/sitebuild/css/img/circle-warning-icon-red.svg'); background-repeat: no-repeat; background-position: 0 0; background-size: 20px auto; text-transform: uppercase; color: #d43f3a !important; padding-left: 30px;}


.webshop-select-page {}
	.webshop-select-page ul {}
		.webshop-select-page ul li {font-size: 18px; margin-bottom: 10px; position: relative;}
		.webshop-select-page ul li:before {content: ''; position: absolute; top: 2px; left: -35px; width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: center center;}
	.webshop-select-page .webshop-list ul {list-style-type: none;}
		.webshop-select-page .webshop-list ul li:before {background-image: url('/sitebuild/css/img/Pentagonal_yellow-01.svg');}
	.webshop-select-page .autoactiver-list ul {list-style-type: none;}
		.webshop-select-page .autoactiver-list ul li:before {background-image: url('/sitebuild/css/img/Pentagonal_blue-01.svg');}
		

#autoship_type .name, #autoship_type .pv {display: inline-block; vertical-align: top;}
#AutoActiverModel_start_delivery_date {width: 100% !important; min-width: auto !important;}


.alert-danger {border: 0 !important; background: unset !important; font-size: 18px !important;}

.alert-warning {border: 0 !important; background: unset !important; font-size: 16px !important; color: #7dafc6 !important; font-weight: bold;}
body.default .alert-warning * {color: #7dafc6;}

.alert-success {border: 0 !important; background: unset !important; color: #7dafc6 !important; font-weight: bold;}
body.default .alert-success * {color: #7dafc6;}

.alert-with-leading-pic {padding-left: 15px !important;}

.autoactiver-cart button.autoactiver-deck-inline-btn, .autoactiver-options button.autoactiver-deck-inline-btn
 {border: 0 !important; background: unset !important; color: #7dafc6 !important; padding: 0 !important; height: auto !important; line-height: inherit !important; margin: 0 !important; font-size: 14px !important;}
 
.webshop-list form.search-form {}
.webshop-list form.search-form input {outline: 1px solid #e4a01b;}
.webshop-list form.search-form button {background-image: url('img/icon-search.png') !important; background-position: center center !important;}
.autoactiver-list form.search-form input {outline: 1px solid #5BA5C7;}

.container-admin .side-menu .navigation .offscreen-menu ul li a[href$="advent2025"] {
	background-color: #efc113;
	color: #3f6f85 !important;
	box-shadow: 0 0 5px #efc113;
	margin: 0 15px 0 17px;
	padding-left: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

.newsletter_block {box-shadow: 0 0 10px grey; padding: 10px 20px 20px 20px; border-radius: 20px; margin-bottom: 20px;}

/* === 2026-03 menu highlight (main.php) === */
.container-admin .side-menu .navigation .offscreen-menu > ul > li.menu-highlight > a {
	color: #f4f8fa !important;
	font-weight: 500;
	transition: background-color 0.1s ease, box-shadow 0.1s ease;
}

.container-admin .side-menu .navigation .offscreen-menu ul li.menu-highlight.has-submenu > a {
	color: #f4f8fa !important;
	font-weight: 600;
}

/* academy menu css */
#menu-academy > a .academy-label {
	color: #f4f8fa !important;
	font-weight: 600 !important;
}
#menu-academy > a:hover .academy-label,
#menu-academy > a:focus .academy-label,
#menu-academy > a:active .academy-label {
	color: #f4f8fa !important;
	text-decoration-color: #ffffff !important;
}
#menu-academy > a:hover .academy-label,
#menu-academy > a:focus .academy-label {
	text-decoration: underline;
}
#menu-academy .academy-new-badge {
	display: inline-block !important;
	margin-left: 2px !important;
	position: relative !important;
	top: -2px !important;
	padding: 1px 6px !important;
	border: 1px solid #ffffff !important;
	border-radius: 999px !important;
	background: rgba(220, 0, 0, 0.7) !important;
	color: #ffffff !important;
	font-size: 9px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	vertical-align: middle !important;
	letter-spacing: 0.02em !important;
	text-decoration: none !important;
}