.marketing_images {
  margin-top:20px
}
.marketing_images .thumb svg {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:60%;
  height:60%;
  text-align:center;
  font-size:0;
  padding:10px;
  font-weight:700;
  box-sizing:border-box
}
.mkt_image_content .buttons_bar.right {
  width:100%
}
.mkt_image_content .buttons_bar.right .btn {
  float:right
}
.ckeditor {
  background:#FFF;
  color:#696868;
  padding:3px
}
body {
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  background:url(../images/bg-patroon.jpg) repeat fixed 0 0 transparent;
  color:#696868
}
body .jconfirm {
  color:#000
}
html,
body {
  margin:0;
  padding:0
}
.box_content {
  margin-bottom:5px;
  line-height:165%
}
.box_title .box_menu {
  float:right;
  font-size:14px;
  margin-top:19px;
  margin-left:10px
}
.box_title .title {
  float:none;
  overflow:hidden;
  width:auto
}
#breadcrumb {
  padding-bottom:10px;
  font-size:0.9em
}
#content #breadcrumb {
  margin-top:15px
}
#breadcrumb .item {
  float:unset;
  display:inline-block
}
#buttons .btn-group .dropdown {
  background-color:#6A6A6A;
  border-radius:10px 0 10px 10px;
  display:none;
  min-width:160px;
  max-width:500px;
  padding:5px 0;
  position:absolute;
  top:100%;
  right:0;
  z-index:1000
}
#buttons .btn.default {
  border-color:#6a6a6a;
  background-color:#6a6a6a;
  text-shadow:none;
  color:#fff
}
#buttons_content {
  margin-bottom:20px;
  background-color:#f7f7f7;
  padding:20px 20px
}
#buttons:after {
  clear:both;
  display:table;
  content:''
}
#buttons .btn {
  -moz-user-select:none;
  border-radius:10px;
  cursor:pointer;
  display:inline-block;
  margin:0 0 5px 0
}
#buttons .btn.default a {
  color:#FFF;
  display:block;
  padding:6px 12px;
  text-decoration:none
}
.code {
  border:1px solid #ccc;
  padding:5px;
  font-family:Courier New,monospace
}
.custom-object-fit-contain {
  position:relative;
  background-size:contain;
  background-position:center center;
  background-repeat:no-repeat
}
.mobile_only {
  display:none !important
}
#content .center {
  max-width:1220px;
  width:100%;
  margin:0 auto;
  padding:20px;
  box-sizing:border-box
}
#content .center .wrapper {
  padding-right:0;
  padding-left:0
}
.custom-object-fit {
  position:relative;
  background-size:cover;
  background-position:center center
}
.custom-object-fit img {
  opacity:0
}
p {
  padding:0;
  margin:0 0 15px
}
.under_construction {
  position:fixed;
  right:25px;
  bottom:25px;
  max-width:150px;
  text-align:left;
  padding:10px;
  box-sizing:border-box;
  background-color:#fff;
  color:#000;
  border:2px solid #e89c10;
  z-index:999999;
  border-radius:7px;
  box-shadow:0 0 20px rgb(0 0 0 / 5%);
  font-family:poppins,open sans
}
.under_construction .watch_out {
  margin-left:5px;
  font-weight:bold
}
#under_construction {
  width:100vw;
  height:100vh;
  position:fixed;
  left:0;
  top:0;
  z-index:1000;
  background-color:#3093f7;
  color:#FFF;
  overflow:hidden
}
#under_construction .warning {
  position:absolute;
  top:45%;
  left:50%;
  margin:0 -50% 0 0;
  transform:translate(-50%,-50%);
  width:80%;
  display:block;
  color:#fff
}
#under_construction .warning .sign {
  font-size:65px;
  padding:25px;
  box-sizing:border-box;
  width:40%;
  float:left;
  text-align:right
}
#under_construction .warning .text {
  font-size:20px;
  width:40%;
  float:left;
  padding:25px;
  box-sizing:border-box;
  border-left:2px solid #FFF
}
#under_construction .warning .text h1 {
  color:#FFF;
  font-size:25px
}
#crm_signin .warning {
  display:none;
  font-size:12px;
  color:red;
  margin:-3px 0 6px 50%
}
#userlogin {
  margin:0 auto;
  max-width:1180px
}
#userlogin .left {
  padding-right:50px
}
#userlogin .left #login {
  width:100%;
  box-sizing:border-box
}
#userlogin .left #login .input-group {
  width:80%
}
#userlogin .right #prospect {
  width:100%;
  box-sizing:border-box
}
#userlogin .right #signin {
  width:100%;
  box-sizing:border-box;
  margin-bottom:25px
}
#userlogin h3 {
  margin:10px 0
}
.files td {
  border:1px solid #ddd;
  padding:5px
}
.files tdsize,
.files td.admin {
  color:#bbb;
  text-align:center
}
.files:hover td {
  background:#FFFFCC
}
#files_below .thumb .label,
#files_below_auto .thumb .label {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
#files_below .thumb img,
#files_below_auto .thumb img {
  vertical-align:middle
}
#files_below .thumb,
#files_below_auto .thumb {
  float:left;
  margin:0 20px 20px 0
}
#files_below h2 {
  display:none
}
#files_below_auto {
  box-sizing:border-box;
  margin:0 auto;
  padding-bottom:10px
}
#files_below_auto .auto_files,
#files_below_auto .auto_thumbs {
  margin-bottom:10px
}
#files_below_auto .files {
  border:solid 1px lightgrey;
  border-radius:3px;
  margin-top:1px;
  padding:5px
}
#files_below_auto .files .category {
  box-sizing:border-box;
  display:inline-block;
  width:15%
}
#files_below_auto .files .description {
  box-sizing:border-box;
  display:inline-block;
  width:calc(100% - 20px)
}
#files_below_auto .files .icon {
  box-sizing:border-box;
  display:inline-block;
  width:20px
}
#files_below,
#files_below_auto {
  overflow:auto
}
#files_below.zigzag .file {
  max-width:1920px;
  margin:0 auto;
  padding-bottom:20px
}
#files_below.zigzag .left {
  width:50%;
  float:left;
  padding-right:20px;
  box-sizing:border-box
}
#files_below.zigzag .right {
  width:50%;
  float:left;
  padding-left:20px;
  box-sizing:border-box
}
#files_below .placeholder,
#files_below_auto .placeholder {
  float:left;
  margin:4px 14px 14px 4px;
  border:1px dotted #000;
  box-sizing:border-box
}
#files_below_index .letter .files ul {
  outline:0;
  padding:0;
  margin:0
}
#files_below_index .letter .files ul li {
  list-style-type:none
}
#files_below_index .letter .heading {
  font-weight:700
}
#files_below_index #jumplist {
  display:table;
  table-layout:fixed;
  width:100%
}
#files_below_index #jumplist .jump {
  display:table-cell
}
#files_below_index #jumplist .jump.disabled {
  color:#ccc
}
li.placeholder {
  border:1px dotted #000;
  box-sizing:border-box;
  list-style:none;
  margin-left:-40px
}
tr.placeholder {
  width:100%;
  box-sizing:border-box
}
tr.placeholder td {
  border:1px dotted #000
}
tr.ui-sortable-helper {
  display:table
}
#files.frd .docs .thumbs .file {
  border:1px solid #b7b7b7;
  padding:5px;
  margin-right:5px
}
#files.frd .imgs .list .file .cnt .filename {
  display:none
}
#files.frd .imgs .list .file .cnt .image img {
  display:none
}
#files.frd .imgs .thumbs .file {
  position:relative;
  flex:0 1 auto;
  box-sizing:border-box;
  width:calc(100% / 3)
}
#files.frd .imgs .thumbs .file .cnt img {
  width:100%;
  height:auto
}
#files.frd .imgs .thumbs .file .cnt,
#files.frd .docs .thumbs .file .cnt {
  padding:0 15px
}
#files.frd .imgs .thumbs .file .description {
  display:none
}
#files.frd .imgs .thumbs .file .edit {
  position:absolute;
  display:none;
  top:5px;
  right:15px;
  filter:drop-shadow(1px 2px 0 #ccc);
  font-size:20px
}
#files.frd .imgs .thumbs .file .filename {
  display:none
}
#files.frd .imgs .thumbs .file:hover .edit {
  display:block
}
#files.frd .imgs .thumbs,
#files.frd .docs .thumbs {
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;
  width:100%
}
#files.frd .imgs .zigzag .file {
  margin-bottom:20px
}
#files.frd .imgs .zigzag .file .cnt {
  width:100%;
  clear:both
}
#files.frd .imgs .zigzag .file .cnt .filename {
  display:none
}
#files.frd .imgs .zigzag .file .cnt .image {
  width:50%;
  margin-bottom:20px
}
#files.frd .imgs .zigzag .file .cnt .image img {
  height:auto;
  min-height:200px;
  object-fit:contain
}
#files.frd .imgs .zigzag .file .cnt .title {
  width:50%
}
#files.frd .imgs .zigzag .file:nth-child(even) .cnt .image {
  float:right
}
#files.frd .imgs .zigzag .file:nth-child(even) .cnt .title {
  float:left;
  padding-right:20px;
  box-sizing:border-box
}
#files.frd .imgs .zigzag .file:nth-child(odd) .cnt .image {
  float:left
}
#files.frd .imgs .zigzag .file:nth-child(odd) .cnt .title {
  float:right;
  padding-left:20px;
  box-sizing:border-box
}
#files.frd .zigzag {
  clear:both
}
#files.frd .imgs .thumbs .file .cnt {
  height:100%;
  margin-bottom:25px
}
.files_slider {
  position:relative
}
.files_slider .images {
  overflow:hidden
}
.files_slider .images .slide {
  width:100%;
  height:100%;
  text-align:center
}
.files_slider .images .slide img {
  object-fit:cover;
  object-position:center;
  width:100%;
  height:auto
}
.files_slider .nav {
  padding:0;
  outline:0;
  list-style-type:none;
  text-align:center;
  margin:20px auto 0px
}
.files_slider .nav li {
  display:inline-block;
  width:15px;
  height:15px;
  border:1px solid #696868;
  margin:0 4px;
  border-radius:50%;
  box-sizing:border-box
}
.files_slider .nav li a {
  width:100%;
  height:100%;
  display:block;
  border-radius:50%
}
.files_slider .nav li.active {
  background-color:#25a5ec
}
.flex .flexbox {
  margin:auto;
  width:170px;
  margin-bottom:10px;
  position:relative
}
.flex .flexbox:empty,
.flex .flexitem:empty,
#shop_browse #thumbs.flex .thumb.flexitem:empty {
  margin:0!important;
  padding:0!important;
  height:0!important;
  border:0!important;
  box-shadow:none!important
}
.flex .flexitem {
  flex:0 1 auto;
  box-sizing:border-box
}
.dv {
  border-right:5px solid red
}
.formbuilder .heading {
  font-weight:900;
  padding:20px 0 10px 0;
  width:100%;
  display:inline-block
}
.formbuilder .info {
  color:red;
  margin-bottom:10px;
  width:100%;
  display:inline-block
}
.formbuilder input[type=submit] {
  float:right;
  background-color:#25a5ec;
  color:#fff;
  border:none;
  padding:6px 10px
}
.input {
  margin-bottom:5px
}
input,
select,
textarea {
  border:1px solid #ccc;
  border-radius:4px;
  font-family:inherit;
  font-size:inherit;
  padding:6px;
  color:#696868
}
textarea {
  overflow:auto;
  margin:0;
  width:100%;
  box-sizing:border-box
}
.input .warning {
  display:none
}
input[type=radio],
input[type=checkbox] {
  border:1px solid #ccc;
  border-radius:4px;
  box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;
  font-family:inherit;
  font-size:inherit;
  padding:6px;
  width:auto;
  min-height:auto
}
#net-book_content_nomenu_fullwidth {
  padding:20px 0;
  max-width:100%
}
#net-book_content_nomenu_fullwidth #files_below {
  max-width:1920px;
  margin:0 auto;
  padding:0 20px
}
#net-book_content_nomenu_fullwidth #links_below {
  max-width:1920px;
  margin:0 auto;
  padding:0 20px
}
#net-book_content_nomenu_fullwidth #pages_below {
  max-width:1920px;
  margin:0 auto;
  padding:0 20px
}
#net-book_content_nomenu_fullwidth #product_detail {
  max-width:1220px;
  margin:0 auto;
  padding:0 20px;
  box-sizing:border-box
}
#net-book_content_nomenu_fullwidth #product_relation {
  max-width:1920px;
  margin:0 auto
}
#net-book_footer_fullwidth {
  margin:0 auto;
  max-width:1180px;
  padding:10px 0;
  text-align:[footer_align]
}
#net-book_content_nomenu_fullwidth .box_title {
  max-width:1220px;
  width:100%;
  margin:0 auto;
  padding:0 20px;
  box-sizing:border-box
}
#net-book_content_nomenu_fullwidth .box_title h1 {
  text-align:center
}
#net-book_content_nomenu_fullwidth .cms {
  max-width:1180px;
  width:100%;
  margin:0 auto;
  padding-bottom:20px
}
#net-book_content_nomenu_fullwidth .txt {
  margin:0 auto;
  max-width:1180px;
  width:100%;
  padding-bottom:20px
}
#net-book_content_nomenu_fullwidth #breadcrumb {
  margin:0 auto;
  width:100%;
  max-width:1220px;
  text-align:left;
  padding:20px;
  box-sizing:border-box
}
#net-book_content_nomenu_fullwidth #breadcrumb .item {
  float:none;
  display:inline-block
}
#net-book_content_nomenu_fullwidth #product_list {
  max-width:1220px;
  margin:0 auto;
  padding:0 20px
}
#net-book_content_nomenu_fullwidth #shop_browse {
  max-width:1920px;
  margin:0 auto;
  padding:0 20px
}
#net-book_content_nomenu_fullwidth #shop_browse #info {
  text-align:center
}
#net-book_content_nomenu_fullwidth #trailers {
  max-width:1920px;
  margin:0 auto;
  padding:0 20px;
  box-sizing:border-box
}
#net-book_content_nomenu_fullwidth .navigation {
  margin:0 auto;
  max-width:930px;
  width:100%;
  margin-top:10px
}
#layout {
  overflow:auto
}
#layout .thumb {
  width:150px;
  float:left;
  margin:0 10px 10px 0;
  padding:5px;
  border:1px solid #999
}
#links_below .thumb {
  width:150px;
  float:left;
  margin:0 10px 10px 0;
  padding:5px;
  border:1px solid #999
}
a.link,
a.link:hover,
a.link:visited {
  color:#696868;
  text-decoration:underline;
  cursor:pointer
}
ul.links {
  list-style:none;
  padding:0
}
ul.links .link {
  padding:0 0 10px
}
ul.links .link .description {
  margin-Left:10px
}
ul.links .link .url .icon {
  margin-right:5px
}
a {
  color:#25a5ec;
  text-decoration:none
}
a:active {
  color:#005580;
  text-decoration:none
}
a:hover {
  color:#005580;
  text-decoration:none
}
a:visited {
  color:#25a5ec
}
.login_bg,
.login_smkb {
  height:100%
}
#portal_login #login_footer {
  padding:0 40px 40px;
  text-align:center;
  box-sizing:border-box
}
#portal_login #login_footer .url {
  padding-top:5px
}
#portal_login #net-book_footer {
  bottom:5px;
  padding:0;
  position:absolute;
  right:10px;
  width:100%
}
#portal_login_nomenu .box {
  padding:40px;
  box-sizing:border-box
}
#portal_login_nomenu .box_content .input {
  margin:10px 0
}
#portal_login_nomenu .box_content .input input {
  line-height:25px;
  margin:0;
  padding:10px;
  border-radius:10px;
  box-sizing:border-box;
  transition:.1s;
  border:1px solid #ccc;
  color:#000000;
  outline:none;
  background-color:#fff
}
#portal_login_nomenu .box_content #buttons .btn {
  border-radius:50px;
  background-color:[portal_head];
  color:#fff;
  text-align:center;
  width:100%;
  border:none;
  padding:6px 16px;
  font-weight:500;
  margin:20px 0
}
#portal_login_nomenu .box_content h3 {
  color:#444;
  font-family:'Arial',sans-serif;
  margin:30px 0
}
#portal_login_nomenu .box_title h1 {
  font-family:'Arial',sans-serif;
  text-align:center;
  margin:0
}
#portal_login_nomenu .box_title h1 img {
  max-width:100%;
  min-height:100px;
  object-fit:contain
}
body.login_bg {
  background-image:url();
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover
}
#portal_login .portal-resend-verificationcode.sent a {
  color:#ccc;
  cursor:default
}
#portal_login_nomenu .box_content .input input:focus {
  border-color:#000 !important
}
#portal_login_nomenu #net-book_footer {
  margin:0 10px 10px 0;
  text-align:right
}
#portal_login_nomenu #net-book_footer a {
  color:rgba(255 255 255 / .9);
  margin-left:10px
}
#portal_login_nomenu a {
  color:[portal_link];
  text-decoration:underline
}
#portal_login_nomenu svg.fa-become-it {
  height:12px;
  width:12px
}
.login_smkb .login_info,
#hrm_wrapper .login_info {
  margin:40px 0;
  text-align:center
}
.login_smkb #hrm_login_nomenu,
#hrm_login_nomenu {
  box-sizing:border-box;
  margin:0 auto 100px 0;
  padding:15%;
  width:100%
}
#hrm_login {
  align-items:center;
  background-color:#FFF;
  display:inline-flex;
  height:100vh;
  min-height:500px;
  width:30%;
  max-width:600px
}
#hrm_login_footer {
  bottom:20px;
  color:#b7b7b7;
  position:fixed;
  right:20px;
  text-align:right
}
#hrm_login_footer .companyname {
  font-weight:700
}
#hrm_login_footer .companyname a {
  color:#b7b7b7
}
#hrm_login_footer .version {
  font-size:11px
}
#hrm_login_nomenu .box .input input {
  border-radius:5px;
  font-size:20px;
  padding:15px;
  text-align:center;
  width:100%
}
#hrm_login_nomenu .box .input input:hover {
  box-shadow:0 0 5px rgb(0,103,166)
}
#hrm_login_nomenu .box .input input[type=checkbox] {
  width:20px
}
#hrm_login_nomenu .box .input input[type=submit] {
  background-color:rgb(0,103,166);
  margin-top:20px
}
#hrm_login_nomenu .box .input input[type=text],
#hrm_login_nomenu .box .input input[type=password] {
  color:rgb(0,103,166)
}
#hrm_login_nomenu h1 img {
  display:block;
  margin:0 auto;
  max-width:100%;
  width:300px
}
#hrm_wrapper,
.login_smkb #login_wrapper {
  background-image:url(../../editor/smkb/img/smkb-login.webp);
  background-position:150px center;
  background-repeat:no-repeat;
  background-size:cover;
  display:table;
  height:100%;
  width:100%
}
#smkb_rainbow {
  background:rgb(221,31,39);
  background:linear-gradient(to right,rgb(221,31,39),rgb(243,112,36),rgb(240,189,10),rgb(65,161,72),rgb(63,181,205),rgb(0,103,166),rgb(93,15,104),rgb(200,23,129));
  bottom:0;
  height:5px;
  left:0;
  position:fixed;
  right:0
}
body.login_smkb {
  background-image:url(../../editor/smkb/img/smkb-login.webp);
  background-position:150px center;
  background-repeat:no-repeat;
  background-size:cover
}
.message-blue {
  color:#00529B;
  background-color:#BDE5F8
}
.message-gray {
  color:#222;
  background-color:#EFEFEF
}
.message-green {
  color:#4F8A10;
  background-color:#DFF2BF
}
.message-orange {
  color:#C60;
  background-color:#FFEBCC
}
.message-red {
  color:#D8000C;
  background-color:#FFBABA
}
.message-yellow {
  color:#9F6000;
  background-color:#FEEFB3
}
#message {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:1000;
  display:none;
  text-align:center;
  border-bottom:1px solid
}
#message p,
#message-error p {
  margin:0;
  padding:10px
}
#message-error {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:9999999;
  display:none;
  text-align:center;
  border-bottom:1px solid;
  background-image:url(../../nb-icons/icon/cross.html);
  background-repeat:no-repeat;
  background-position:99% 50%
}
#message-inline {
  position:fixed;
  top:10px;
  left:50%;
  z-index:9999;
  display:none;
  padding:5px 10px;
  border:1px solid;
  border-radius:5px
}
#pagenumbering {
  margin-top:10px
}
#pagenumbering .pthumb {
  float:left;
  margin-right:4px;
  padding:3px 5px;
  background-color:#25a5ec;
  color:#fff;
  border-radius:3px
}
#pagenumbering .pthumb:hover {
  cursor:pointer;
  background-color:#005580;
  color:#fff
}
#pagenumbering .pthumb.number_active {
  background-color:#005580;
  color:#fff
}
.pages_below_footer {
  clear:both;
  text-align:right;
  padding-top:10px
}
.pages_below_header {
  padding-bottom:15px
}
.pages_below_header h1 {
  margin:0;
  padding:0
}
.pages_below_header h1 a {
  color:#3093f7
}
.pages_below_text {
  float:right;
  max-height:150px;
  overflow:hidden;
  width:100%
}
.pages_below_text ul,
.pages_below_text ol {
  overflow:auto
}
.pages_below_thumb {
  float:left;
  margin-right:20px;
  min-width:150px
}
#pages_below {
  overflow:auto
}
#pages_below .thumb {
  width:150px;
  float:left;
  margin:0 15px 15px 0
}
#pages_below .thumb_image img {
  vertical-align:middle;
  width:150px
}
#pages_below .thumb:nth-child(5n) {
  margin-right:0
}
#pages_below #accordion .ui-accordion-content {
  border:0;
  border-left:1px solid #000;
  border-radius:0
}
#pages_below #accordion h3 {
  border:0;
  background:#25a5ec;
  border-radius:0
}
#pages_below #accordion h3 a {
  color:#fff
}
#pages_below #vertical_tabs .tabcontent {
  float:left;
  width:80%;
  padding-left:40px;
  box-sizing:border-box;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc
}
#pages_below #vertical_tabs .tabcontent h3 {
  margin-top:20px
}
#pages_below #vertical_tabs .tabs {
  float:left;
  background:#f1f1f1;
  width:20%;
  box-sizing:border-box
}
#pages_below #vertical_tabs .tabs .tablinks {
  display:block;
  background:inherit;
  color:#000;
  padding:22px 15px;
  width:100%;
  border:none;
  outline:none;
  text-align:left;
  cursor:pointer;
  transition:0.3s;
  font-size:130%
}
#pages_below #vertical_tabs .tabs .tablinks:hover {
  background-color:#ddd
}
#pages_below #vertical_tabs .tabs .tablinks.active {
  background-color:#ccc
}
#pages_below_overview {
  border:1px solid #999;
  padding:10px;
  margin-bottom:10px
}
#pages_below #tabs {
  margin-top:20px
}
#pages_below #tabs #buttons_content {
  position:relative;
  padding-left:20px
}
#pages_below #tabs #buttons_content:after {
  content:'';
  background-color:#25a5ec;
  position:absolute;
  top:0;
  left:0;
  height:60%;
  max-height:150px;
  width:1px
}
#pages_below #trailers .trailer {
  width:300px
}
#pages_below #trailers .trailer .cnt {
  margin-bottom:calc(2 * 20px)
}
#pages_below #trailers .trailer .cnt .description {
  line-height:150%
}
#pages_below #trailers .trailer .cnt .image {
  width:100%;
  height:95px;
  overflow:hidden
}
#pages_below #trailers .trailer .cnt .image img {
  min-width:100%;
  min-height:100px;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  overflow:hidden;
  object-fit:cover
}
#pages_below #trailers .trailer .cnt .link {
  display:none
}
#pages_below #trailers .trailer .cnt .title {
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  padding:5px 0
}
.pages_below_price {
  float:right;
  margin-left:10px;
  padding:5px;
  background-color:#ccc;
  text-align:right
}
.grecaptcha-badge {
  display:none!important
}
.search_result {
  margin-bottom:20px
}
.search_result .result .text {
  margin-left:15px
}
.search_result .result .title {
  font-weight:bold
}
.searchbox .form input[type=submit] {
  margin-left:10px
}
.searchbox .search_webshop {
  margin-top:10px
}
.wrapper {
  box-sizing:border-box;
  max-width:1220px;
  margin:0 auto;
  padding:0 20px;
  width:100%
}
#header .portal_header,
#mobile_header .portal_header {
  text-align:center;
  padding-top:30px
}
#login_wrapper {
  display:table;
  position:absolute;
  height:100%;
  width:100%
}
#net-book {
  margin:0 auto;
  max-width:1220px
}
#net-book_column {
  float:left;
  width:0;
  margin:0;
  padding:20px
}
#net-book_content {
  float:left;
  width:940px;
  margin:0;
  padding:20px
}
#net-book_content_column {
  float:left;
  width:940px;
  margin:0;
  padding:20px
}
#net-book_content_nomenu {
  float:left;
  width:1220px;
  margin:0;
  padding:0 30px 30px;
  box-sizing:border-box
}
#net-book_footer {
  margin:0;
  padding:10px 20px;
  text-align:left
}
#net-book_menu {
  float:[menu_position];
  width:200px;
  margin:0;
  padding:20px
}
#portal_login {
  display:table-cell;
  vertical-align:middle
}
#portal_login_nomenu {
  background-color:rgba(255 255 255 / .9);
  margin:20px auto;
  min-height:350px;
  max-width:450px;
  width:calc(100% - 40px);
  border-radius:15px;
  font-family:'Open Sans',arial;
  color:#444;
  text-align:center
}
#smkb_frontend_footer {
  margin:0 auto;
  max-width:1180px;
  padding:10px 0;
  text-align:center;
  display:none
}
#wrapper {
  background-color:#f9f9f9
}
#wrapper_bg {
  display:none
}
#wrapper_outer {
  max-width:1220px;
  margin:0 auto
}
.split .cola {
  float:left;
  width:33%;
  min-height:1px;
  box-sizing:border-box
}
.split .colb {
  float:left;
  width:34%;
  min-height:1px;
  box-sizing:border-box;
  padding:0 3%
}
.split .colc {
  float:left;
  width:33%;
  min-height:1px;
  box-sizing:border-box
}
.split .l,
.split .coll {
  float:left;
  width:50%;
  min-height:1px;
  box-sizing:border-box;
  padding-right:5px
}
.split .left {
  float:left;
  width:50%;
  box-sizing:border-box;
  padding-right:20px
}
.split .lx {
  float:left;
  width:60% !important;
  min-height:1px;
  box-sizing:border-box;
  padding-right:5px
}
.split .lxxx {
  float:left;
  width:80%;
  min-height:1px;
  box-sizing:border-box;
  padding-right:5px
}
.split .right {
  float:left;
  width:50%;
  box-sizing:border-box;
  padding-left:20px
}
.split .row {
  padding:8px 10px;
  color:#333;
  box-sizing:border-box
}
.split .row:nth-child(even) {
  background:#fff
}
.split .row:nth-child(odd) {
  background:#f9f9f9
}
.split .xl,
.split .m {
  float:left;
  width:40%;
  min-height:1px;
  box-sizing:border-box;
  padding-right:5px
}
.split .xx,
.split .s {
  float:left;
  width:20%;
  min-height:1px;
  box-sizing:border-box;
  padding-right:5px
}
.split .row.inactive {
  color:#b7b7b7
}
.split img {
  max-width:100%;
  max-height:100%;
  vertical-align:middle;
  margin:5px 5px 5px 0;
  object-fit:contain
}
.split .last {
  padding-right:0
}
.smkb_box .green {
  background-color:#6fc41b
}
.smkb_box .label {
  text-transform:uppercase;
  font-weight:700;
  position:relative;
  margin:0 10px;
  top:12px;
  padding:3px 10px;
  color:#fff;
  border-radius:0 10px
}
table.tbl_cls_border td,
table.tbl_cls_ui td {
  border:1px solid #aaa;
  vertical-align:top;
  text-align:left;
  padding:5px
}
table.tbl_cls_border tr th,
table.tbl_cls_ui tr th {
  border:1px solid #aaa;
  vertical-align:top;
  text-align:center;
  padding:5px;
  background-color:#ccc
}
.tabs_image {
  display:none
}
.testclass {
  width:100%
}
.actionprice {
  color:#F00
}
.line-through {
  text-decoration:line-through
}
h1 {
  font-size:24px;
  background-color:#eee;
  border-bottom:1px solid #ccc;
  width:100%;
  padding:30px;
  box-sizing:border-box;
  margin-top:0;
  font-weight:400
}
h1,
h2,
h3 {
  color:#3093f7;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:700;
  padding:10px
}
h2 {
  font-size:24px;
  margin:0 0 10px
}
h3 {
  margin-top:40px
}
#timeline {
  position:relative;
  width:100%
}
#timeline .container {
  padding:30px;
  position:relative;
  width:50%
}
#timeline .container .content {
  position:relative
}
#timeline .container .content .image {
  margin-top:30px
}
#timeline .container .content .image img {
  cursor:pointer;
  height:300px;
  width:100%;
  object-fit:contain;
  object-position:center
}
#timeline .container .content h3 {
  margin-top:12px
}
#timeline .container .date {
  position:absolute;
  display:inline-block;
  top:calc(50% - 10px);
  text-align:right;
  font-size:14px;
  font-weight:bold;
  color:#25a5ec;
  text-transform:uppercase;
  letter-spacing:1px;
  z-index:1;
  width:200px
}
#timeline .container::after {
  content:' ';
  position:absolute;
  width:16px;
  height:16px;
  top:calc(50% - 8px);
  right:-8px;
  background:#ffffff;
  border:2px solid #25a5ec;
  border-radius:16px;
  z-index:1
}
#timeline .container.important .date {
  color:#f37024
}
#timeline .container.important::after {
  border-color:#f37024
}
#timeline .container.left {
  left:0;
  padding-left:0
}
#timeline .container.left .date {
  text-align:left;
  right:-230px
}
#timeline .container.right {
  left:50%;
  padding-right:0
}
#timeline .container.right .date {
  left:-230px
}
#timeline .container.right::after {
  left:-8px
}
#timeline .wrapper.categories {
  text-align:center
}
#timeline .wrapper.title {
  margin-top:20px;
  text-align:center
}
#timeline *,
#timeline *::before,
#timeline *::after {
  box-sizing:border-box
}
#timeline::after {
  content:' ';
  position:absolute;
  width:2px;
  background:#25a5ec;
  top:140px;
  bottom:0;
  left:50%;
  margin-left:-1px
}
#tooltip {
  width:250px;
  position:absolute;
  z-index:3000;
  border:1px solid #CCC;
  background-color:#F6F6F6;
  padding:3px;
  opacity:0.85;
  font-size:9pt
}
#tooltip h3,
#tooltip div {
  margin:0
}
a.tooltip {
  color:#696868;
  text-decoration:none;
  border-bottom:1px dashed #333
}
.parent_widget .widget_editor,
#landingpage .landingpage_editor {
  color:#000;
  display:none;
  font-size:20px;
  position:absolute;
  right:10px;
  top:10px
}
.parent_widget:hover .widget_editor a,
#landingpage:hover .landingpage_editor a {
  color:#000
}
.parent_widget:hover .widget_editor,
#landingpage:hover .landingpage_editor {
  display:block;
  z-index:9999
}
#smkb .swidget_detail {
  position:relative
}
.playpause {
  background-image:url('https://image.flaticon.com/icons/svg/0/375.svg');
  background-repeat:no-repeat;
  background-color:#fff;
  width:15%;
  height:19%;
  position:absolute;
  left:0%;
  right:0%;
  top:0%;
  bottom:0%;
  margin:auto;
  background-size:contain;
  background-position:center
}
.youtube_fullwidth {
  position:relative;
  width:100%;
  height:0;
  padding-bottom:56.25%
}
.youtube_fullwidth .video {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.contact h2 {
  margin-top:30px;
  border-bottom:3px solid #25a5ec;
  color:#7e7e7e
}
#page_1 h1 {
  text-align:center;
  background-color:unset;
  border-bottom:unset;
  padding:20px 0 10px
}
@media only screen and (max-width:1200px) {
  #portal_login #net-book_footer {
    width:auto
  }
  #hrm_login {
    width:50%
  }
  .split .cola {
    width:50%
  }
  .split .colb {
    width:50%
  }
  .split .colc {
    width:50%
  }
}
@media only screen and (max-width:979px) {
  #userlogin .left {
    padding:0
  }
  #portal_login #login_footer {
    padding:0 20px 20px
  }
  #portal_login_nomenu .box {
    padding:20px
  }
  .split .cola {
    width:100%
  }
  .split .colb {
    width:100%;
    padding:0
  }
  .split .colc {
    width:100%
  }
  .split .left {
    width:100%;
    padding-right:0
  }
  .split .right {
    width:100%;
    padding-left:0
  }
  #timeline .container {
    width:100%;
    padding-left:120px;
    padding-right:30px
  }
  #timeline .container .content {
    padding:30px 0 30px 30px
  }
  #timeline .container .date {
    width:100px
  }
  #timeline .container.left {
    padding-left:120px
  }
  #timeline .container.left .date {
    right:auto;
    left:0;
    text-align:right
  }
  #timeline .container.left::after {
    left:112px
  }
  #timeline .container.right {
    left:0%
  }
  #timeline .container.right .date {
    right:auto;
    left:0
  }
  #timeline .container.right::after {
    left:112px
  }
  #timeline::after {
    left:140px
  }
}
@media only screen and (max-width:767px) {
  .mobile_only {
    display:block !important
  }
  #under_construction .warning .sign {
    width:100%;
    text-align:left;
    padding-bottom:25px;
    border-left:2px solid #FFF
  }
  #under_construction .warning .text {
    width:100%
  }
  .flex .flexbox {
    width:140px
  }
  .login_smkb #hrm_login_nomenu,
  #hrm_login_nomenu {
    padding:20px
  }
  #hrm_login {
    max-width:revert;
    width:100%
  }
  #pages_below .thumb:nth-child(2n) {
    margin-right:0
  }
  h1 {
    font-size:28px
  }
  h2 {
    font-size:18px
  }
  h3 {
    margin-top:20px
  }
}
@media only screen and (max-width:479px) {
  .desktop_only {
    display:none !important
  }
}