/* basic styles */
*{margin:0; padding:0; line-height:1.5; -webkit-text-size-adjust: none}
body{width:100%; max-width:960px; margin:0 auto; padding-left: calc(100vw - 100%)}
a{cursor:pointer;border:none}
img{border:none}
span{margin:0; font:inherit; text-decoration:inherit; text-align:inherit}
ul{float:left}
#content ul,#tinymce ul{width:100%}
ul li{list-style:disc; margin-left:40px; padding-bottom:5px}
ul ul li{list-style:circle inside; padding-left:20px}
table{border-collapse:collapse}
table td{vertical-align:top}
.submitButton{display:none}
#site{width:100%; max-width:960px; margin:0 auto}

.mobile{display:none !important}
@media (max-width:960px) {
	.desktop{display:none !important}
	.mobile{display:flex !important}
}

/* header */
#header{margin:20px 0; width:100%; height:80px; float:none}

/* menu */
#menubg{position:absolute; width:100%; height:40px; left:0px; margin:0 0 10px; z-index:-5}
#menu {width:100%; text-align:center}
#menu ul#mainmenu{width:100%; display:inline-block; margin:0; padding:0}
#menu ul#mainmenu li{width:100%; display:inline-block; margin:0; padding:0; float:left}
#menu ul#submenu{text-align:left; position:absolute; display:none; z-index:999; min-width:100px}
#menu ul#subsubmenu{text-align:left; position:absolute; display:none; z-index:999; min-width:100px; margin-left:-8px}
#menu ul#submenu li, #menu ul#subsubmenu li{width:100% !important; float:inline-start; clear:left}
#menu ul#submenu a, ul#subsubmenu a{float:left; width:96%; padding-left:4%}
#menu a{text-decoration:none; white-space:nowrap; width:100%}

#menu ul#mainmenu li:hover #submenu{display:block}
#menu ul#mainmenu li:hover #subsubmenu{display:none}
#menu ul#mainmenu li:hover #submenu li:hover #subsubmenu{display:inline-block}

#menumobile{width:100%}
#menumobile .mobilemenuicon{width:48px; height:48px; margin-left:20px; cursor:pointer}
#menumobilepopup{min-height:100%; width:75%; max-width:500px; position:absolute; left:0px; top:0px; z-index:1}
#menumobilepopup table{width:100%}
#menumobilepopup>table{margin-top:60px}
#menumobilepopup a{text-decoration:none}
#menumobilepopup p{float:left; margin:14px 0 0 10px; font-size:32px}
#menumobilepopup .submenu p{margin-left:30px}
#menumobilepopup .subsubmenu p{margin-left:50px}
#menumobilepopup .open, #menumobilepopup .opendummy{height:40px; width:40px; padding:18px 10px; float:right}
#menumobilepopup .submenu, #menumobilepopup .subsubmenu{display:none; z-index:999}
#menumobilepopup .switchtodesktop{float:left; font-size:24px; margin:100px 0 0 0; width:100%; text-align:center}

.closeButton{position:absolute; top:5px; right:5px; width:40px; height:40px; background:url('/cmsstatic/img/close_Button.png');}

/* slideshow */
.slideshow{overflow-x:hidden; width:100%; max-width:960px}
.slideshow img{width:100%; max-width:960px}

/* content */
.button{height:30px; float:right; cursor:pointer; border:none; margin-right:10px; margin-top:3px; min-width:80px}
.button .bg p{text-align:center; margin-top:0; color:white; padding-top:3px}

.simplebutton  p,.actionbtn p,.simplebutton  a,.actionbtn a{color:white; text-align:center; text-decoration:none}
.simplebutton  p,.actionbtn p{padding:0 5px}
.simplebutton  p *,.actionbtn p *,.simplebutton  a *,.actionbtn a *{padding:0; color:white; text-decoration:none}

.dropdown{float:left; background:url('/cmsstatic/img/arrow_right.gif') no-repeat scroll 100% center transparent; border:none; cursor:pointer; padding-right:16px}
.dropdown.opened{background:url('/cmsstatic/img/arrow_down.gif') no-repeat scroll 100% center transparent; padding-right:20px}

.arrow{float:left; border:none; cursor:pointer}
.arrow.up{background:url('/cmsstatic/img/arrow_up.gif') no-repeat scroll 100% center transparent; padding-right:20px}
.arrow.right{background:url('/cmsstatic/img/arrow_right.gif') no-repeat scroll 100% center transparent; padding-right:16px}
.arrow.down{background:url('/cmsstatic/img/arrow_down.gif') no-repeat scroll 100% center transparent; padding-right:20px}
.arrow.left{background:url('/cmsstatic/img/arrow_left.gif') no-repeat scroll 100% center transparent; padding-left:16px}

.minus{background-image:url('/cmsstatic/img/change_quantity.png'); background-position-x: 0px; background-position-y: 0.5px; height:17px; width:16px; margin-left:15px; cursor:pointer}
.minus:hover{background-image:url('/cmsstatic/img/change_quantity.png'); background-position-x: 0px; background-position-y: -29.5px; height:17px; width:16px; margin-left:15px; cursor:pointer}
.plus{height:17px; width:16px; background-image:url('/cmsstatic/img/change_quantity.png'); background-position-x: 0px; background-position-y: -59.5px; margin-right:15px; cursor:pointer}
.plus:hover{height:17px; width:16px; background-image:url('/cmsstatic/img/change_quantity.png'); background-position-x: 0px; background-position-y: 75px; margin-right:15px; cursor:pointer}

.list{float:none; width:auto}
.list li{font-weight:bold; padding:0; list-style:none; margin:0}

.checkbox{width:70px;height:21px;border:none;padding:0 0 4px;cursor:pointer;text-align:center;font-weight:bold}

#content div.circlediv{float:left; position:relative; margin:0 0 20px 20px}
#content div.circlediv p{position:absolute; width:100%; top:35px; text-align:center}
#content div.circlediv p.long{top:25px}

.overlay{background:rgba(0,0,0,0.5); position:fixed; left:0; height:100%; width:100%; z-index:2000}
.dialog{float:left; position:absolute; border-radius:5px; width:auto; z-index:2100; background:#EEEEEE; padding: 0 10px 10px}
.dialog .content{float:left; clear:left}
.dialog .title{float:left; margin:10px 0 0 20px}
.dialog .bar{background:#DDDDDD; margin-left:-10px; padding:0 10px 5px}
.dialog .closeBox{width:20px; height:20px; float:right; margin:10px 5px 0; cursor:pointer; background:url('/static/img/Delete.png') no-repeat}
.dialog .closeBox:hover{background:url('/static/img/Delete_active.png') no-repeat}
.dialog table td,.dialog table th {padding: 5px 10px}
.dialog .section .errorMsg{margin:7px 0 0 0}

.delete{width:12px; height:12px; cursor:pointer; background:url('/static/img/icon_delete.gif') no-repeat}
.delete:hover{background:url('/static/img/icon_delete_hover.gif') no-repeat}

#content table th {font-weight: normal; text-align: left}
#content table td,#content table th{padding: 2px 10px}
#content table td:first-child, #content table th:first-child{padding: 2px 10px 2px 0}
#content .dataTables_wrapper{float:none; max-width:100%; display:flex; flex-direction:column}
#content .dataTables_wrapper .top{width:100%}
#content .dataTables_wrapper .table_body{margin:10px 0px 10px -10px !important; max-width:100%; overflow-x:auto}
#content .dataTables_wrapper label{float:left; font-size:20px}
#content .dataTables_wrapper label input, #content .dataTables_wrapper label select{float:right; margin:2px 0 0 10px}
#content .dataTables_paginate{float:right}
#content .dataTables_paginate .paginate_button, #content .dataTables_paginate .ellipsis{float:left; margin:2px 0 0 10px}
#content .dataTables_paginate a{cursor:pointer}
#content .dataTables_paginate .disabled{cursor:default}
#content .dataTables_paginate .paginate_button.current{font-weight:bold; cursor:default}
#content .dataTables_wrapper td:first-child, #content .dataTables_wrapper th:first-child{border-left:none}
#content .dataTables_wrapper .dataTable th{font-weight:bold; padding:2px 15px 2px 10px}
#content .dataTables_wrapper .dataTable th.sorting,
#content .dataTables_wrapper .dataTable th.sorting_asc,
#content .dataTables_wrapper .dataTable th.sorting_desc{cursor:pointer}
#content .dataTables_wrapper .dataTable th.sorting,
#content .dataTables_wrapper .dataTable th.sorting_asc,
#content .dataTables_wrapper .dataTable th.sorting_desc,
#content .dataTables_wrapper .dataTable th.sorting_disabled,
#content .dataTables_wrapper .dataTable th.sorting_asc_disabled,
#content .dataTables_wrapper .dataTable th.sorting_desc_disabled{background-repeat: no-repeat; background-position: center right}
#content .dataTables_wrapper .dataTable tr.odd{background: rgba(255,255,255,0.4)}
#content .dataTables_wrapper .dataTable tr.even{background: rgba(0,0,0,0.05);}
#content .dataTables_wrapper .dataTable td{padding:2px 10px}
#content .dataTables_wrapper .bottom{width:100%}
#content .dataTables_wrapper .bottom label{font-size: 16px}
#content .dataTables_wrapper .bottom label input, #content .dataTables_wrapper .bottom label select{float:right; margin:-2px 0 0 10px}
#content .dataTables_wrapper .dataTables_info{float:right}
#content .dataTables_wrapper tbody td.no-padding{padding:0}
.dt-button-collection{position:absolute; margin:0; padding:5px 10px}
.dt-button{float:left; margin:-2px 0 0 10px; cursor:pointer; border:none; text-align:center; text-decoration:none}
.dt-button  span{color:white; text-align:center; text-decoration:none}
.dt-button  span{padding:0 5px}
.dt-button  span *{padding:0; color:white; text-decoration:none}
.dt-button-background, #datatables_buttons_info{display:none !important}
.dt-right{text-align:right}
.tableLoading{float:left;clear:both;margin:50px}

/* For nested tables */
#content .dataTables_wrapper .dataTable .dataTables_wrapper .dataTable{margin:0}
#content .dataTables_wrapper .dataTable .dataTables_wrapper .dataTables_scroll{margin:5px 10px 50px}
#content .dataTables_wrapper .dataTable .dataTables_wrapper .dataTables_scrollHead tr{border-bottom:none}
#content .dataTables_wrapper .dataTable .dataTables_wrapper .dataTables_scrollBody .datatable{border-bottom:1px solid black}
.nestedTableIndicator{background:url(/cmsstatic/img/arrow_button_right.png) no-repeat; cursor:pointer; width:23px; height:23px}
.nestedTableIndicator:hover{background:url(/cmsstatic/img/arrow_button_right_hover.png) no-repeat; cursor:pointer; width:23px; height:23px}
.buttons-colvis{display:none}

/* HotComboBoxV3 */
a.dropdownV2{padding:0px; border-style:none; width:22px; height:28px; cursor:pointer; position:absolute; left:auto !important}
ul.optionListV2{min-height:102px !important; border-width:1px; border-style:solid; border-color:black; overflow-x:hidden; overflow-y:auto; position:absolute; margin-top:27px}
ul.optionListV2 li{margin-left:7px; list-style:none}
.hcbV2DefOpt{padding-right:2px; color: #343E45; float: none; cursor: pointer; padding-left: 17px; white-space: nowrap; z-index: 3;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.hcbV2DefOptSel{padding-right:2px; background-color: #3399ff; color: #ffffff; float: none; cursor: pointer; padding-left: 17px; white-space: nowrap; z-index: 3;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

#content .editRow{float:left; margin:5px 3px 0px 5px; width:14px; height:14px; background:url(/static/img/Edit_small.png) no-repeat; cursor:pointer;}
#content .editRow:hover{background:url(/static/img/Edit_small_active.png) no-repeat;}
#content .editRow.disabled{background:url(/static/img/Edit_small_disabled.png) no-repeat; cursor:default;}

#content .saveRow{float:left; margin:5px 3px 0px 5px; width:14px; height:14px; background:url(/static/img/classification_active.png) no-repeat; cursor:pointer;}
#content .saveRow:hover{background:url(/static/img/classification_active_1.png) no-repeat;}

#content,#content .box{width:100%; max-width:960px}
#content .box_small{width:100%; max-width:300px}
#content .box_big{width:100%; max-width:670px}
#content .box_triple{width:100%; max-width:310px}
#content .box_variable{width:auto}

#content .title{margin:20px 0}
#content .menuswitch{width:100%; border-top:1px solid black; margin-top:10px}
#content .menuswitch a{margin-top:5px; text-decoration:none}
#content .formGroupTitle{width:100%;text-align:center;margin-top:20px}

#content .simplebutton p{-ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none}

/* menuswitch */
#content .menuswitch a{font-size:14px}

/* sitemap */
#sitemapcontainer{width:1px; height:1px}
#sitemap{position:absolute; width:100%; left:0; margin:0}
#sitemap>ul{width:100%;max-width:960px; margin:0 auto; float:none}
#sitemap li{float:left}
#sitemap #sitemapsubmenu{width:100%; margin:0 0 10px 0; table-layout:fixed}
#sitemap #sitemapsubmenu li{float:none; padding-left:0}
#sitemap a{text-decoration:none; white-space:nowrap; width:100%; float:left; padding:5px 0}
#sitemap>ul>li>a{font-weight:bold;margin-top:10px}
#sitemap li{list-style:none; margin-left:0}

/* popups */
.popup{max-width:600px; background:white; display:none; position:absolute; z-index:9001; padding:10px; border:1px solid #BABABA; border-radius:5px; padding:20px 30px}
.popupclose{width:20px; height:20px; float:right; margin:-10px -20px 0 0; cursor:pointer; background:url('/static/img/Delete.png') no-repeat}
.popupclose:hover{background:url('/static/img/Delete_active.png') no-repeat}
.popupoverlay{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); display:none; bottom: 0; float: left; height: 100%; position: fixed; top: 0; width: 100%; z-index: 10}

.faqQ{clear:left;cursor:pointer;margin-bottom:20px;float:left;text-decoration:none}
.faqA{display:none;margin-left:25px;margin-bottom:20px}

/* footer */
#footer{float:left; width:100%; margin:10px 0 0 0}
#footer *{text-decoration:none}

#footer table{table-layout:fixed; width:100%; max-width:960px; margin:0 auto}
#footer td{padding:10px 5px 10px 10px; vertical-align:middle}
#footer td:last-child{padding:10px}

/* single elements */
.refresh{float:left; height:14px; width:14px; cursor:pointer; background:url('/static/img/refresh_0.gif')}
.refresh:hover{background:url('/static/img/refresh_1.gif')}
.section .msg{font-weight:bold;margin:20px}
.section .errorMsg{color:red;font-weight:bold;margin:20px}
.info{width:14px; height:14px; overflow:hidden; background:url('/cmsstatic/img/question.png') no-repeat; cursor:pointer;}
.info p{display:none;}
#infoBox{display:none; position:absolute; border:1px solid #97a3aa; width:auto !important; max-width:350px; padding:5px; background:white; border-radius:4px}
.sitemobile div[class^=HCB] input[type="text"]{display:none}
.sitemobile div[class^=HCB] select{position:relative !important; width:auto !important; height:auto !important; left:0 !important}

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("/cmsstatic/webfonts/fa-brands-400.eot");
  src: url("/cmsstatic/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/cmsstatic/webfonts/fa-brands-400.woff2") format("woff2"), url("/cmsstatic/webfonts/fa-brands-400.woff") format("woff"), url("/cmsstatic/webfonts/fa-brands-400.ttf") format("truetype"), url("/cmsstatic/webfonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands'; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url("/cmsstatic/webfonts/fa-regular-400.eot");
  src: url("/cmsstatic/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/cmsstatic/webfonts/fa-regular-400.woff2") format("woff2"), url("/cmsstatic/webfonts/fa-regular-400.woff") format("woff"), url("/cmsstatic/webfonts/fa-regular-400.ttf") format("truetype"), url("/cmsstatic/webfonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("/cmsstatic/webfonts/fa-solid-900.eot");
  src: url("/cmsstatic/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/cmsstatic/webfonts/fa-solid-900.woff2") format("woff2"), url("/cmsstatic/webfonts/fa-solid-900.woff") format("woff"), url("/cmsstatic/webfonts/fa-solid-900.ttf") format("truetype"), url("/cmsstatic/webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-whatsapp:before {
  content: "\f232"; }