:root { --main-color: #040f13; --main-bg-color: #FFF; --mark-color: #009999; }

body { overflow-y: scroll; }
a:hover { text-decoration: none; }

.site_header>.container div { color: #fff; }
.site_header>.container>div { padding: 20px 0; }
.site_header>.container>div>div.mobile_block { display: none; } 
.site_header .logo_link img { max-width: 100%; }
.site_header .right_block { position: relative; }

.site_header .lang_selector { display: inline-block; }
.site_header .lang_selector a, .site_header .lang_selector .delimiter { 
  display: inline-block; color: #fff; text-decoration: none; vertical-align: middle;
}
.site_header .lang_selector a { padding: 0.1rem; text-transform: uppercase; }
.site_header .lang_selector a:hover, .site_header .lang_selector a.active { background-color: #999; }

.site_header a.mobile-menu { display: inline-block; vertical-align: middle; line-height: initial; text-decoration: none; }
.site_header a.mobile-menu:before { font-size: 3rem; color: var(--main-color); }
.site_header a.mobile-menu:hover:before { color: var(--mark-color); }

.breadcrumbs { background-color: #f0f1ec; }
ol.breadcrumb { margin: 0; padding: 1rem 0; }

.site_content { margin-top: 1rem; min-height: 300px; }

body.full_width .site_content .content_container { max-width: inherit; }
.record_locked { text-align: center; color: #fff; background-color: #C5243A; padding: 10px; margin-bottom: 10px; }

.top_menu_nav { height: 46px; text-align: center; }

.main_table .content_section>.title { text-align: center; }
.main_table .content_section>.title h1 { display: block; padding: 0 20px; }
.main_table .content_section>.content { padding-bottom: 3rem; word-break: break-word; }
.main_table .content_section>.content.home_page { min-height: inherit; }
.main_table .content_section.has-title>.content { margin-top: 1rem; padding-top: 0; }
.main_table .content_section.has-title>.content ul:not([class]), .main_table .content_section.has-title > .content ol:not([class]) { padding-left: 0; padding-right: 2.5em; }
.main_table .content_section.has-title>.content ul:not([class]) li, .main_table .content_section.has-title > .content ol:not([class]) li { transform: translateX(2.5em); }

.detail_button { display: inline-block; color: #fff; background-color: #e4213c; }
.detail_button:hover { color: #fff; opacity: 0.8; }

.form_button { 
  display: inline-block; height: 46px; line-height: 46px; padding: 0 15px; 
  font-weight: bold; text-decoration: none; text-transform: uppercase; color: #fff; background-color: #040f13; 
}
.form_button:hover { color: #fff; background-color: #009999;  }

.top_buttons { margin-top: 20px; }
.top_buttons .item { display: inline-block; }
.top_buttons .item a { display: inline-block; margin: 0 5px 5px 0; padding: 8px 12px; background-color: #f5efd1; text-decoration: none; }
.top_buttons>.item a:hover, .top_buttons>.item.active a { color: var(--main-color); background-color: #f9b447; }
.top_buttons .item .name { font-size: 1rem; color: var(--main-color); }
.top_buttons>.item:hover .name, .top_buttons>.item.active .name {}

.left_menu a { text-decoration: none; }
.left_menu .topLevel .item { 
  position: relative; vertical-align: middle; padding: 7px 28px 7px 10px; background-color: #e9e5d0;  border-radius: 4px;
}
.left_menu .topLevel:hover .item, .left_menu .topLevel.active .item { color: #fff; background-color: #231f20; } 
.left_menu .topLevel.dynamic .item:after { 
  content: '\f107'; position: absolute; right: 10px; font-family: "fontello"; font-size: 1.25rem; font-weight: bold; color: #fff; 
  transition: 0.5s;
}
.left_menu .topLevel.dynamic.opened .item:after { transform: rotate(180deg); }

.left_menu .subLevel { display: none; margin-bottom: 5px; padding: 14px; background-color: #f5efd1; border-radius: 4px; }
.left_menu .opened + .subLevel { display: block; }
.left_menu .subLevel .item { display: block; padding: 5px 10px; }
.left_menu .subLevel .item:hover, .left_menu .subLevel .active.item { border-radius: 4px; background-color: #f9b447; }
 
.left_menu .topLevel, .left_menu .subLevel .item { display: block; }
.left_menu .topLevel:not(:last-child), .left_menu .subLevel .item:not(:last-child) { margin-bottom: 0.3rem; }

.wa_form_edit>.section { margin: initial; width: initial; }

.site_footer { display: block; padding: 20px 0; overflow: hidden; background-color: #040f13; }
.site_footer div, .site_footer a { font-size: 0.9rem; color: #fff; }

.site_footer>.container>.row:not(:last-child) { padding-bottom: 1rem; }
.site_footer>.container>.row:last-child .right_block { margin-bottom: 0 !important; }
.site_footer>.container>.row a:hover { color: #009999; }

.site_footer .wa_copyright { display: inline-block; font-weight: normal; text-decoration: none; white-space: nowrap; }
.site_footer .wa_copyright>div { display: inline-block; vertical-align: middle; }
.site_footer .wa_copyright .left { width: 60px; height: 42px; background-image: url(../images/wa_logo.png); }
.site_footer .wa_copyright:hover .left { background-position: -61px; }
.site_footer .wa_copyright .right { margin-left: 10px; }
.site_footer .wa_copyright .right .producer { text-decoration: underline; }
.site_footer .wa_copyright:hover .right .producer { text-decoration: none; color: #009999; }


.overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 99999; }
.bodyOverlayProgress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; }
.bodyOverlayBar { background-color: #ac0722; width:0%; height:20px; }
.bodyOverlayPercent { position:absolute; display:inline-block; top:3px; left:48%; color: #fff; }
.bodyOverlayLoading {  position:relative; display: block; text-align: center; width: 128px; height: 128px; background: url(../images/loading.gif); }

#ui-datepicker-div { z-index: 101 !important; }

.sys_search_pager a { display: block; }
.sys_search_pager .title { text-decoration: none; color: var(--mark-color); font-size: 1rem; }
.sys_search_pager a.title:hover { color: #006330; }
.sys_search_pager a.component_name:hover { color: #006330; }
.sys_search_pager .desc { margin-top: 10px; }
.sys_search_pager .component_name { font-size: 0.9rem; font-weight: bold; }
.search_desc {}




.grid .ordering_div { margin-bottom: 10px; text-align: right; }
.pager .filter_panel>.title>a { top: -18px; }
.pager .filter_panel>.title>a::after { bottom: 9px; }
.pager .filter_panel>.filters { padding: 20px 30px 2px 20px; }

.arcticmodal-container { z-index: 99999 !important; }
.arcticmodal-container .data-container { margin: auto !important; width: 90% !important; }
.arcticmodal-container .box-modal { background: #fff; border-radius: 15px !important; }
.arcticmodal-container .box-modal.has-title { padding-top: 20px !important; }
.arcticmodal-container .box-modal.com_newsletter_subscriber_editor { margin: auto; max-width: 800px; }
.arcticmodal-container .title_container { 
  position: relative !important; margin-bottom: 10px !important; height: inherit !important;
  text-align: center !important; background-color: #fff !important; 
}

.arcticmodal-container .title_container .title { 
  margin: 0 auto !important; max-width: 80%; font-size: 1.3rem !important; text-transform: uppercase; color: var(--main-color) !important; 
}
.arcticmodal-close { 
  top: 0.5rem !important; right: 1rem !important; 
  width: inherit !important; height: inherit !important; text-decoration: none; background: inherit !important; 
}
.arcticmodal-close:before { content: '\e822'; font-family: Fontello; font-size: 30px; } /* '' */
.arcticmodal-close:hover:before { opacity: 0.8; } 
