/* RESET */
html, body, div, span, embed, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, big, code, del, em, font, img, figure, strong, sub, sup, p, b, u, i, ul, ol, li, fieldset, form, label, legend, table, tbody, tr, th, td { padding: 0; margin: 0; border: 0 none; outline: 0 none; font: inherit; font-size: 100%; vertical-align: baseline; }

/* HTML5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* CORE */
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0 none; }
img, a, button { border: 0 none; outline: 0 none; }
b, strong { font-weight: 700; }
i, em { font-style: italic; }
ol, ul { position: relative; }
sup { font-size: smaller; vertical-align: super; line-height: 0; }
.bs { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; }
.cl:before,
.cl:after { content: ' '; display: table; }
.cl:after { clear: both; }
.cl { *zoom: 1; }
.cp { cursor: pointer; }
.db { display: block; }
.di { display: inline; }
.dk { display: inline-block; }
.dn { display: none; }
.fh { height: 100%; min-height: 100%; }
.fl { float: left; }
.fr { float: right; }
.nb { list-style: none; }
.nd { color: inherit; text-decoration: none; }
.nm { outline: 0 none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.no { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
.nw { white-space: nowrap; }
.pa { position: absolute; }
.pr { position: relative; }
.sa { max-width: 100%; max-height: 100%; }
.sh { width: auto; max-height: 100%; }
.sw { max-width: 100%; height: auto; }
.tj { text-align: justify; }
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.tc img { margin: 0 auto; }
.lc { text-transform: lowercase; }
.uc { text-transform: uppercase; }
button::-moz-focus-inner { border: 0; }

.sub { vertical-align: sub; font-size: 0.5em; }

/* ACCORDION */
.accordion_group { position: relative; }
.accordion_group > div { /*position: absolute; */height: 0; width: 100%; overflow: hidden; }
.accordion_group > div.accordion_visible { height: auto; overflow: hidden; }


/* GENERAL */
html,
body { width: 100%; height: 100%; min-height: 100%; }
body { font-family: 'Roboto Condensed', sans-serif; color: #023466; }
.page_wrapper { position: relative; height: auto !important; height: 100%; min-height: 100%; margin: 0 auto -45px auto; background: url(/src/img/bg-wrapper-bottles.jpg) right bottom no-repeat; }
.content { position: relative; min-width: 300px; /* padding: 10px; */ margin: 0 auto; }
article { padding: 0 0 100px 0; }
section .content { padding: 20px 10px; }
section:first-child .content { padding-top: 30px; }

a.deactive { display: none; }
button.deactive { display: none; }
div.hidden { display: none; }
p { margin: 15px 0; }
.light { color: #7EA4D0; }
.dark { color: #023466; }

.bg_light { color: #FFFFFF; background-color: #7EA4D0; }
.bg_dark { color: #FFFFFF; background-color: #023466; }
.bg_white { color: #023466; background-color: #FFFFFF; }

.blue { color: #529EF5; }
.orange { color: #FF9C31; }
.green { color: #43AC6A; }
.red { color: #FD3B38; }
.gray { color: #EAE8E8; }
.white { color: #FFFFFF; }

.bg_blue { background-color: #529EF5; }
.bg_orange { background-color: #FF9C31; }
.bg_green { background-color: #43AC6A; }
.bg_red { background-color: #E45654; }
.bg_purple { background-color: #9E329E; }

.bg_blue .blue { color: #1562BB; }
.bg_orange .orange { color: #B34C00; }
.bg_green .green { color: #00541F; }
.bg_red .red { color: #9A0401; }

.headline_spacer { padding: 10px; }

#env_info_development { position: absolute; top: 0; left: 0; padding: 5px; z-index: 1000; color: #000000; background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -webkit-linear-gradient(left, #ffff00, #00ff00);  border-radius: 2px;  background-size: 55px 30px, 100% 100%, 100% 100%;}
#env_info_development:hover { filter: opacity(0.1); }


/* HEADER */
header .wrapper { color: #FFFFFF; background-color: #ccac00; position: relative; }
header .wrapper.dev { background-color: #43AC6A !important; }
header .content { padding: 40px 10px; }
header h1 { margin: 25px 0 0 0; }
.main_page { position: absolute; top: 10px; left: 0; display: block; }
.main_page img { display: block; width: 80px; }
.account_info { position: absolute; top: 10px; right: 10px; }
.logout { display: block; text-align: right; }
.logout .fa { padding: 0 7px 0 0; }


/* GENERAL MENU */
#mobile_menu,
#main_menu { visibility: hidden; }
#menu_bar { width: 100%; color: #FFFFFF; background-color: #023466; -webkit-box-shadow: inset 0px 5px 10px 0px #041633; -moz-box-shadow: inset 0px 5px 10px 0px #041633; box-shadow: inset 0px 5px 10px 0px #041633; }
.top_menu { width: 100%; list-style: none; }
.top_menu li:hover { background-color: #024C95; }
.top_menu li a { position: relative; display: block; font-size: 14px; text-align: center; text-transform: uppercase; }
.top_menu li .active { text-decoration: none; }

.sub_menu_trigger .fold_icon { position: absolute; top: 0; right: 0; display: block; padding: 20px 15px; }
.sub_menu_trigger .fa-chevron-up,
.sub_menu_trigger .fa-chevron-down { display: none; line-height: 15px; }
.sub_menu_trigger.folded .fa-chevron-down { display: block; }
.sub_menu_trigger.unfolded .fa-chevron-up { display: block; }

.mobile_menu_trigger { position: absolute; bottom: 0; right: 10px; display: none; padding: 5px; font-size: 24px; }

.div_collapse.div_collapsed { display: none; }

/* MOBILE MENU */
#mobile_menu #menu_bar { position: absolute; left: 0; z-index: 960; display: none; }

#mobile_menu .top_menu .menu_item { margin: 2px 0; }
#mobile_menu .top_menu .fr { float: none; }
#mobile_menu .top_menu li a { padding: 20px 0; }
#mobile_menu .top_menu li .active { background-color: #7EA4D0; }
#mobile_menu .top_menu .sub_menu_trigger.unfolded { background-color: #024C95; }

#mobile_menu .sub_menu { display: none; background-color: #024C95; list-style: none; }
#mobile_menu .sub_menu li a { display: block; padding: 20px 0; font-size: 14px; text-align: center; text-transform: uppercase; }

/* MAIN MENU */
#main_menu #menu_bar { position: static; display: block; }
#main_menu nav .content { padding: 0 10px; }

#main_menu .top_menu { position: relative; float: left; }
#main_menu .top_menu li { float: left; /* padding: 0; */ }
#main_menu .top_menu .fr { float: right; }
#main_menu .top_menu li a { padding: 15px 20px; }
#main_menu .top_menu li .active { background-color: #7EA4D0; }
#main_menu .top_menu li:hover a,
#main_menu .top_menu li .sub_menu_trigger.unfolded { background-color: #024C95; text-decoration: none; }
#main_menu .top_menu .close { display: none; }
#main_menu .top_menu .sub_menu_trigger { padding-right: 45px; }
#main_menu .sub_menu_trigger .fold_icon { padding: 15px; font-size: 12px; line-height: 18px; }

#main_menu .sub_menu { position: absolute; top: 100%; left: 0; z-index: 965; display: none; width: 100%; padding: 10px 0; background-color: #024C95; }
#main_menu .sub_menu li { position: relative; float: none; display: inline-block; }
#main_menu .sub_menu li a { padding: 15px 20px; }
#main_menu .sub_menu li a:hover { text-decoration: underline; }

/* ADMIN MENU */
#admin_menu { position: relative; text-align: center; }
#admin_menu.collapsed { height: 0; }
#admin_menu #menu_bar { position: static; display: block; }
#admin_menu nav .content { padding: 0 10px; }

#admin_menu .top_menu { position: relative; float: left; }
#admin_menu .top_menu li { float: left; /* padding: 0; */ }
#admin_menu .top_menu .fr { float: right; }
#admin_menu .top_menu li a { padding: 15px 20px; }
#admin_menu .top_menu li .active { background-color: #7EA4D0; }
#admin_menu .top_menu li:hover a,
#admin_menu .top_menu li .sub_menu_trigger.unfolded { background-color: #024C95; text-decoration: none; }
#admin_menu .top_menu .close { display: none; }
#admin_menu .top_menu .sub_menu_trigger { padding-right: 45px; }
#admin_menu .sub_menu_trigger .fold_icon { padding: 15px; font-size: 12px; line-height: 18px; }

#admin_menu .sub_menu { position: absolute; top: 100%; left: 0; z-index: 965; display: none; width: 100%; padding: 10px 0; background-color: #024C95; }
#admin_menu .sub_menu li { position: relative; float: none; display: inline-block; }
#admin_menu .sub_menu li a { padding: 15px 20px; }
#admin_menu .sub_menu li a:hover { text-decoration: underline; }
#admin_menu #admin_menu_collapse { cursor: pointer; color: #fff; background: #023466; z-index: 2; width: 50px; display: inline-block; text-align: center; position: absolute; bottom: -19px; text-align: center; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
#admin_menu #admin_menu_collapse #fa-angle-down { display: none; }
#admin_menu #admin_menu_collapse #fa-angle-up { display: inline; }
#admin_menu.collapsed #admin_menu_collapse #fa-angle-down { display: inline; }
#admin_menu.collapsed #admin_menu_collapse #fa-angle-up { display: none; }

#admin_menu a.disabled { opacity: 0.25; cursor: not-allowed; }

/* FOOTER */
footer,
.push { height: 45px; }
.bottom_menu { margin: 10px 0 0 0; list-style: none; }
.bottom_menu li { float: left; line-height: 15px; }
.bottom_menu li a { display: block; padding: 0 10px; font-size: 12px; color: #023466; text-transform: uppercase; }

/* HEADINGS */
h1 { font-size: 32px; }
section h1 { font-size: 32px; }
section h2 { margin: 0 0 25px 0; font-size: 26px; font-weight: 700; }
section h3 { font-size: 18px; font-weight: 700; }
h2.bg_dark { padding: 5px 10px; }

/* CTA */
.btn { display: inline-block; min-height: 20px; padding: 7px 12px; font-family: 'Roboto Condensed', sans-serif; font-size: 15px; font-weight: 700; vertical-align: middle; color: #FFFFFF; text-transform: uppercase; background-color: #7EA4D0; -webkit-transition: background-color 500ms ease-out; -moz-transition: background-color 500ms ease-out; -o-transition: background-color 500ms ease-out; transition: background-color 500ms ease-out; cursor: pointer; }
.btn.active,
.btn:hover { background-color: #023466; text-decoration: none; }
.btn i { margin-right: 5px; }
.btn.big { padding: 15px 12px; }
.btn.small { padding: 0px 6px; font-size: 14px; line-height: 14px; min-height: 18px; margin-top: -2px;}
.btn.btn_block { width: 100%; }
.btn.btn_h100 { height: 100px; }

.btn.bg_blue { background-color: #529EF5; }
.btn.bg_blue:hover { background-color: #0053B4; }
.btn.bg_orange { background-color: #FF9C31; }
.btn.bg_orange:hover { background-color: #EA6300; }
.btn.bg_green { background-color: #43AC6A; }
.btn.bg_green:hover { background-color: #007F2F; }
.btn.bg_red { background-color: #FD3B38; }
.btn.bg_red:hover { background-color: #C90703; }
.btn.bg_purple { background-color: #9E329E; }
.btn.bg_purple:hover { background-color: #D064D0; }
.btn.bg_gray { color: #023466; background-color: #EAE8E8; }
.btn.bg_gray:hover { background-color: #CCCCCC; }

.btn[disabled],
.btn.bg_blue[disabled],
.btn.bg_orange[disabled],
.btn.bg_green[disabled],
.btn.bg_red[disabled],
.btn.bg_purple[disabled],
.btn.bg_gray[disabled]
.btn[disabled]:hover,
.btn.bg_blue[disabled]:hover,
.btn.bg_orange[disabled]:hover,
.btn.bg_green[disabled]:hover,
.btn.bg_red[disabled]:hover,
.btn.bg_purple[disabled]:hover,
.btn.bg_gray[disabled]:hover { background-color: #999999; }
.btn[disabled] { cursor: not-allowed; }

.btn_margin { margin-right: 10px; margin-left: 10px; }

.btn mt { margin-top: 10px; }

.btnTool .description { display: none; }

.cta { margin: 15px 0 25px 0; }
.cta .col { margin: 5px 0; }
.cta.confirm_box { margin: 50px 0; }

/* CONTENT */
.content p { margin: 15px 0; }
.content .big,
.modal_content .big { font-size: 18px; }

.separator { margin: 50px 0; }

.box { padding: 20px; color: #FFFFFF; text-align: center; }
.box.light { background-color: #7EA4D0; }
.box.welcome { padding: 20px 20px 175px 20px; background-image: url(/src/img/bg-box-welcome.png); background-position: center bottom; background-repeat: no-repeat; }

.alert { padding: 10px; padding-left: 20px; padding-right: 20px; color: #FFFFFF; text-align: left; background-color: #7EA4D0; margin-bottom: 10px; overflow: hidden;}
.alert .alert_title { font-weight: 800; width: 100%; font-size: 18px; text-transform: uppercase; }
.alert .alert_icon { float: left; text-shadow: 0 1px 0px #000000; }
.alert .alert_text.with_icon { padding-left: 60px; }
.alert.alert_success { background-color: #43AC6A; color: #ccffcc; }
.alert.alert_info { background-color: #529EF5; color: #eeeeff; }
.alert.alert_warning { background-color: #FF9900; color: #B34C00; }
.alert.alert_error { background-color: #ff3300; color: #9A0401; }
.alert.alert_critical { background-color: #CC0000; color: #ffff00; animation: flashing 1s linear infinite; }

.rule .col_inner { padding-left: 20px; margin: 35px 0 0 0; overflow: auto; border-left: 30px solid #023466; }
.rule:first-child .col_inner { margin: 0; }
.rule h3 { margin: 0 0 20px 0; }
.rule p { margin: 10px 0; }

.file { position: relative; padding: 20px; color: #000000; }
.file:nth-child(even) { background: #EEEEEE; }
.file h3 { margin: 0 0 20px 0; color: #7EA4D0; text-transform: uppercase; }
.file .fa { padding-right: 10px; }
.file .btn .fa { padding-right: 0; }
.file h3 .fa { padding-right: 15px; }
.file p { margin: 10px 0; }
.file .btn { float: right; }
.file .btn + .btn { margin-right: 10px; }
/*.file .download { position: absolute; top: 15px; right: 20px; padding: 0; color: #7EA4D0; font-size: 16px; font-weight: 700; text-transform: uppercase; background: none; } */
.file .download { display: block; float: right; padding: 0 0 0 20px; color: #7EA4D0; font-size: 16px; font-weight: 700; text-transform: uppercase; background: none; }
.file .download:hover { text-decoration: underline; }

.gallery_wrapper { margin: 50px 0; }
.gallery { padding: 0 0 5px 0; margin: 25px 0 10px 0; background: #F3F2F2; }
.gallery h3 { padding: 7px 0; margin: 5px 0; }
.gallery img { display: block; max-height: 150px; }
.gallery_item { display: inline-block; padding: 5px; }
.gallery_item_label { padding: 5px 0; color: #FFFFFF; background-color: #7EA4D0; }
.content .gallery_item_label { margin: 0; }
.gallery_item_label.bg_green { padding: 5px 0; color: #FFFFFF; background-color: #43AC6A; }
.gallery_item_label.bg_red { padding: 5px 0; color: #FFFFFF; background-color: #E45654; }

.chat_panel { position: relative; overflow: hidden; padding-bottom: 5px; }
.chat_panel_content { position: relative; max-height: 300px; overflow: auto; padding: 5px 20px 5px 5px; -webkit-overflow-scrolling: touch; }
.chat_panel_shadow { position: absolute; left: 0; right: 20px; height: 15px; }
.chat_panel_shadow.top { top: 0; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 33%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 33%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 33%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); }
.chat_panel_shadow.bottom { bottom: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 67%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 67%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 67%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
.chat_box { position: relative; padding: 10px; margin: 10px 20px 10px 0; background-color: #CCCCCC; }
.chat_box.bill_owner { margin: 10px 0 10px 30px; background-color: #F3F2F2; }
.chat_box h3 { margin: 0 0 7px 0; font-size: 16px; }
.chat_box .datetime { position: absolute; top: 10px; right: 10px; font-size: 12px; }
.chat_box.chat_box_bg_green { background-color: #43AC6A; }

.square_bullet { list-style: none; }
.square_bullet li { padding: 0 0 0 20px; background: url(/src/img/bg-bullet-square-light.jpg) 0 8px no-repeat; }
.square_bullet .square_bullet li { padding: 0 0 0 40px; background: url(/src/img/bg-bullet-square-sub-level.jpg) 0 8px no-repeat; }

.faq li { margin: 25px 0; background: url(/src/img/bg-bullet-square-dark.jpg) 0 8px no-repeat; }
.faq p { margin: 5px 0; }
.faq.square_bullet .square_bullet { margin: 5px 0; }
.faq.square_bullet .square_bullet li { padding: 0 0 0 30px; margin: 5px 0; background: url(/src/img/bg-bullet-square-light.jpg) 15px 8px no-repeat; }
.faq.square_bullet .square_bullet li .square_bullet li { padding: 0 0 0 45px; margin: 5px 0; background: url(/src/img/bg-bullet-square-sub-level.jpg) 17px 8px no-repeat; }

.notification { font-size: 12px; }

.saved_result_box { position: relative; width: 80%; padding: 15px 10px; margin: 20px auto; text-align: center; color: #FFFFFF; background-color: #7EA4D0; }
.saved_result_box p { margin: 5px 0; }
.saved_result_box .big { padding: 0; margin: 0 0 10px 0; font-size: 18px; text-align: center; }
.saved_result_box .fa { padding: 0 10px 0 0; font-size: 1.5em; }
.saved_result_box .result_reset { position: absolute; top: 0; right: 0; display: block; width: 30px; height: 30px; font-size: 20px; font-style: normal; line-height: 30px; text-align: center; vertical-align: middle; cursor: pointer; }
.saved_result_box.result_reset:hover { color: #333333; }
.saved_result_box .result_reset .fa { padding: 0; font-size: 1em; }

.fa-stack.small { font-size: 0.75em; }

/* LOG ERROR */

table.log_error { margin: 0; padding: 0; font-size: 0.8em; }

.log_error_row.prod .btn { background: #cc3300; }

.log_error_row span.env { padding: 0; font-size: 0.9em; opacity: 0.33; font-weight: bold; }
.log_error_row.prod .tc { color: #cc3300; }


div.log_error_data { margin: 0; padding: 0; }

.log_error_data span.times { float: right; margin: 0 10px; padding: 2px 6px 1px; background: #fff; border: solid 2px #7EA4D0; border-radius: 4px; font-weight: bold; font-size: 1.1em; }
.log_error_data > p.host { margin: 2px; padding: 0; }
.log_error_data > p.host > span.ip { padding: 0; opacity: 0.66; }
.log_error_data > p.host > span.url { padding: 0; opacity: 0.33; font-style: italic; }
.log_error_data > p.message { margin: 2px; padding: 0; font-size: 1.1em; }
.log_error_data > p.filename { margin: 2px; padding: 0; font-weight: bold; }

div.log_error_datetime { margin: 0; padding: 0; }
div.log_error_datetime > p.sys_date { cursor: help; margin: 2px; padding: 1px 10px; }
div.log_error_datetime > p.mod_date { cursor: help; margin: 2px; padding: 1px 10px; opacity: 0.5; }

div.log_error_referer { margin: 0; padding: 0 2px; display: none; }
div.log_error_backtrace_data { margin: 0; padding: 0 20px; display: none; }

div.refresh_progress_bar_box { overflow: hidden; }
div#refresh_progress_bar { background-color: #9A0401; float: left; height: 20px; }
div#refresh_progress_bar.full { width: 100% }

/* FORM */
legend { margin: 0 0 25px 0; }
legend h3 { margin: 0 0 10px 0; }
label { position: relative; display: block; padding: 0 0 20px 0; box-sizing: unset; }
label.hidden_select { display: none; }
input[type='text'],
input[type='password'],
textarea,
select { display: block; width: 100%; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; background-color: transparent; border: 2px solid #7EA4D0; border-radius: 0; box-sizing: border-box; outline: none; }
textarea { height: 150px; padding: 10px 10px 25px 10px; margin: 0; resize: none; }
label.label_slim textarea { height: 120px; }
input[type='text'],
input[type='password'],
select { height: 40px; padding: 0 10px; line-height: 40px; }
select { padding: 0 40px 0 10px; -moz-appearance: none; text-indent: 0; text-overflow: ''; -webkit-appearance: none; background: url(/src/img/bg-custom-select.jpg) right center no-repeat transparent; cursor: pointer; }
select option { padding: 0; text-indent: 0; }
select option:first-child { font-style: italic; }
button[type='button'],
button[type='submit'] { padding: 7px 12px 6px 12px; font-family: 'Roboto Condensed', sans-serif; border: 0 none; cursor: pointer; }
button[disabled] { cursor: default; }
input[type='text'].error,
input[type='password'].error,
textarea.error,
select.error { border: 2px solid #FF0500; }
select.error { background-image: url(/src/img/bg-custom-select-error.jpg); }
select[disabled] { background: none; cursor: default; }
label.error { position: absolute; bottom: 5px; left: 0; display: none; width: 100%; min-width: 150px; padding: 0; font-size: 12px; color: #FF0500; }

input[readonly],
textarea[readonly] { background-color: #E1EAF4; }

.rules { display: table; text-align: left; }
input[type="checkbox"] { display: none; }
.checkbox_wrapper { position: relative; display: table-cell; width: 18px; height: 100%; padding: 2px 10px 0 0; }
input[type="checkbox"] + em { display: block; width: 14px; height: 14px; border: 2px solid #7EA4D0; background: #FFFFFF; }
input[type="checkbox"]:checked + em { background: url(/src/img/bg-checkbox.png) center center no-repeat #FFFFFF; }
input[type="checkbox"].error + em { border: 2px solid #FF0500; }
input[type="checkbox"][disabled] + em { background-color: #EAE8E8; cursor: default; }
label.rules { cursor: pointer; }
.rules small { display: table-cell; font-size: 13px; line-height: 18px; vertical-align: top; }
.rules a { color: #7EA4D0; }

.radio_wrapper label { display: inline-block; height: auto; margin: 0 0 0 20px; cursor: pointer; }
.radio_wrapper label:first-child { margin: 0; }
input[type="radio"] { display: none; }
input[type="radio"] + em { display: inline-block; width: 18px; height: 18px; background: url(/src/img/sp-radio.png) 0 0 no-repeat #FFFFFF; }
input[type="radio"]:checked + em { background-position: 0 -18px; }
input[type="radio"].error + em { background-position: 0 -36px; }
.radio_wrapper label small { line-height: 18px; vertical-align: top; }

.file_input { /* display: none; */ cursor: pointer; }
.file_input_wrapper small { display: block; margin: 10px 0 0 0; }

.content label p { margin: 0 0 5px 0; }
.data { word-break: break-all; }
.char_counter { position: absolute; bottom: 20px; right: 0; display: block; padding: 5px; font-family: MS Shell Dlg, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #7EA4D0; }
.error + .char_counter { background-color: #FF0500; }

.contact_form input[type='submit'] { margin: 0 auto; }

.divide { margin: 25px 0; }

.merged label p { float: left; margin: 0; text-align: left; }
.merged label.error { text-align: left; }
.merged label p .year { display: inline; }

.view label { cursor: default; }
.view input[type="text"],
.view input[type='password'],
.view textarea,
.view select { color: #000000; }

#user_agreement_form_wrapper { margin: 35px 0; }

.field.manager { margin: 20px 0; }

/* AJAX UPLOAD */
.fileupload { display: none; }
.deleteFile { cursor: pointer; }

/* DATEPICKER */
.ui-datepicker { width: 15em; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { display: inline-block; width: 40%; height: 28px; padding: 0; margin: 0 5px; font-size: 14px; line-height: normal; text-align: center; background: none; }
.ui-datepicker-calendar span,
.ui-state-default { font-size: 14px; }
.ui-widget-header { border: 0 none; border-radius: 0; background-color: #7EA4D0; }
.ui-datepicker .ui-datepicker-title select { font-family: 'Roboto Condensed', sans-serif; font-size: 15px; color: #000000; background-color: #FFFFFF; }
.date_wrapper { cursor: pointer; }
.ui-datepicker .ui-datepicker-buttonpane button { padding: 7px 15px; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; font-weight: 700; color: #FFFFFF; text-transform: uppercase; border: 0 none; border-radius: 0;
background-color: #7EA4D0; -webkit-transition: background-color 500ms ease-out; -moz-transition: background-color 500ms ease-out; -o-transition: background-color 500ms ease-out; transition: background-color 500ms ease-out; cursor: pointer; }
.ui-datepicker .ui-datepicker-buttonpane button:hover { background-color: #023466; text-decoration: none; }

/* TABLE */
.table_wrapper { position: relative; }
table { width: 100%; border-collapse: collapse; }
table th,
table td { padding: 10px 2px; vertical-align: middle; word-wrap: break-word; border: 2px solid #FFFFFF; }
table th { font-weight: 700; color: #FFFFFF; background-color: #7EA4D0; }
table tr { background-color: #F3F2F2; }

table td.right { padding-right: 5px; text-align: right; }
table td.left { padding-left: 5px; text-align: left; }
table td.small { font-size: 0.75em; }

/*
table tr { background-color: #EAE8E8; }
table tr:nth-child(odd) { background-color: #F3F2F2; }
table tr:nth-child(odd) { background-color: #FFF; }
*/
table tbody tr:hover td {
	-webkit-filter: opacity(.7);
	filter: opacity(.7);
}
table input[type='text'] { background: transparent; border: 0; }

table .bg_blue,
table .bg_blue:nth-child(odd),
table .bg_blue:hover,
.ajaxtable_selectable_rows .bg_blue:hover,
.ajaxtable_selectable_rows .bg_blue:hover:nth-child(odd) { color: #31708f; background-color: #d9edf7; }
table .bg_orange,
table .bg_orange:nth-child(odd),
table .bg_orange:hover,
.ajaxtable_selectable_rows .bg_orange:hover,
.ajaxtable_selectable_rows .bg_orange:hover:nth-child(odd) { color: #8a6d3b; background-color: #fcf8e3; }
table .bg_green,
table .bg_green:nth-child(odd),
table .bg_green:hover,
.ajaxtable_selectable_rows .bg_green:hover,
.ajaxtable_selectable_rows .bg_green:hover:nth-child(odd) { color: #3c763d; background-color: #dff0d8; }
table .bg_red,
table .bg_red:nth-child(odd),
table .bg_red:hover,
.ajaxtable_selectable_rows .bg_red:hover,
.ajaxtable_selectable_rows .bg_red:hover:nth-child(odd) { color: #a94442; background-color: #f2dede; }

/* MODAL */
/* .modal_opened { position: fixed; overflow-y: scroll; } */
.modal_opened { overflow-y: hidden; }
.modal_wrapper { position: fixed; top: 0; left: 0; z-index: 970; display: none; width: 100%; min-width: 320px; height: 100%; min-height: 100%; box-sizing: border-box; text-align: center; }
.modal_wrapper.active { display: block; }
.modal_overlay { position: fixed; top: 0; left: 0; z-index: 980; width: 100%; height: 100%; min-height: 100%; background: url(/src/img/bg-modal.png) center center repeat; }
.modal_container { position: absolute; top: 0; left: 0; right: 0; z-index: 995; overflow-y: auto; width: 100%; max-width: 90%; height: 100%; margin: 0 auto; }
.modal_wrapper.s640 .modal_container { max-width: 640px; }
.modal_wrapper.xl .modal_container { max-width: 90%; }
.modal_content { position: relative; padding: 20px; box-sizing: border-box; margin: 0 auto; text-align: center; background-color: #FFFFFF; -webkit-box-shadow: 5px 5px 10px 0px rgba(204,204,204,1); -moz-box-shadow: 5px 5px 10px 0px rgba(204,204,204,1); box-shadow: 5px 5px 10px 0px rgba(204,204,204,1); }
.modal_content .headline { padding: 10px 0; color: #FFFFFF; background-color: #7EA4D0; }
.modal_content .btn { margin: 0 5px; }
.modal_content .mt10 { margin-top: 10px; }
.modal_content .mt20 { margin-top: 20px; }
.modal_content .mb5 { margin-bottom: 5px; }
.modal_content .mb10 { margin-bottom: 10px; }
.modal_content .mb20 { margin-bottom: 20px; }

.modal_button { position: absolute; z-index: 999; display: block; width: 40px; height: 40px; background: url(/src/img/sp-modal-nav.png) 0 0 no-repeat; }
/* .modal_button.modal_close { display: none; top: -5px; right: -5px; background-position: -120px 0; } */
.modal_slider_prev { top: 40%; left: 0; background-position: 0 0; }
.modal_slider_next { top: 40%; right: 0; background-position: -40px 0; }
.modal_button.modal_close { position: absolute; top: 0; right: 0; display: block; width: 30px; height: 30px; font-size: 20px; font-style: normal; line-height: 30px; text-align: center; vertical-align: middle; color: #D8D8D8; cursor: pointer; background: none; }
.modal_button.modal_close:hover { color: #333333; }
.modal_display { position: relative; /* height: 100%; */ }
.modal_display .caption { position: absolute; bottom: 0; width: 100%; padding: 5px 0; margin: 0; filter: alpha(opacity=50); opacity: 0.5; color: #FFFFFF; background-color: #000000; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }
.modal_display .caption:hover { filter: alpha(opacity=100); opacity: 1; }
.modal_trigger { cursor: pointer; }
.modal_wrapper h2 { margin: 0 0 25px 0; font-size: 26px; font-weight: bold; }
.modal_gallery { cursor: pointer; }
.merged label.input_with_checkbox .checkbox_wrapper { position: absolute; display: table-cell; width: 20px; height: 100%; padding: 2px 10px 0 0; margin-top: -3px}
.merged label.input_with_checkbox .checkbox_wrapper input[type="checkbox"] + em { display: block; width: 16px; height: 16px; border: 2px solid #7EA4D0; background: #FFFFFF; }
.merged label.input_with_checkbox .checkbox_wrapper input[type="checkbox"]:checked + em { background: url(/src/img/bg-checkbox.png) center center no-repeat #FFFFFF; }
.merged label.input_with_checkbox .checkbox_wrapper input[type="checkbox"].error + em { border: 2px solid #FF0500; }
.merged label.input_with_checkbox .checkbox_wrapper input[type="checkbox"][disabled] + em { background-color: #EAE8E8; cursor: default; }
.merged label.input_with_checkbox p span { padding-left: 30px; }

.modal_content .panel-heading { text-align: left; }

/* RESPONSIVE */
.row { position: relative; display: block; }
.col { position: relative; float: left; }
.col_inner { padding: 0 10px; }

.mobile,
.tablet,
.desktop { display: none; }
.mobile_xs { display: block; }

.x_small_1 { width: 8.333%; }
.x_small_2 { width: 16.666%; }
.x_small_3 { width: 25%; }
.x_small_4 { width: 33.333%; }
.x_small_5 { width: 41.667%; }
.x_small_6 { width: 50%; }
.x_small_7 { width: 58.333%; }
.x_small_8 { width: 66.667%; }
.x_small_9 { width: 75%; }
.x_small_10 { width: 83.333%; }
.x_small_11 { width: 91.667%; }
.x_small_12 { width: 100%; }
.x_small_shift_0 { left: auto; }
.x_small_shift_1 { left: 8.333%; }
.x_small_shift_2 { left: 16.667%; }
.x_small_shift_3 { left: 25%; }
.x_small_shift_4 { left: 33.333%; }
.x_small_shift_5 { left: 41.667%; }
.x_small_shift_6 { left: 50%; }
.x_small_shift_7 { left: 58.333%; }
.x_small_shift_8 { left: 66.667%; }
.x_small_shift_9 { left: 75%; }
.x_small_shift_10 { left: 83.333%; }
.x_small_shift_11 { left: 91.667%; }

.x_small_single { clear: left; }
.x_small_multiple { clear: none; }
.x_small_return,
.col.return { clear: right; }
.x_small_return + .col,
.col.return + .col { clear: left; }

@media screen and (min-width: 480px) {
	
	/* HEADER SMALL */
	.logout { display: inline-block; margin: 0 0 0 20px; text-align: left; }
	.fullscr_switch { display: inline-block; margin: 0 0 0 20px; text-align: left; cursor: pointer; }
  .fullscr_switch:hover { color: #FF0000;}

	/* RESPONSIVE SMALL */
	.mobile_xs,
	.tablet,
	.desktop { display: none; }
	.mobile { display: block; }

	.small_1 { width: 8.333%; }
	.small_2 { width: 16.666%; }
	.small_3 { width: 25%; }
	.small_4 { width: 33.333%; }
	.small_5 { width: 41.667%; }
	.small_6 { width: 50%; }
	.small_7 { width: 58.333%; }
	.small_8 { width: 66.667%; }
	.small_9 { width: 75%; }
	.small_10 { width: 83.333%; }
	.small_11 { width: 91.667%; }
	.small_12 { width: 100%; }
	.small_shift_0 { left: auto; }
	.small_shift_1 { left: 8.333%; }
	.small_shift_2 { left: 16.667%; }
	.small_shift_3 { left: 25%; }
	.small_shift_4 { left: 33.333%; }
	.small_shift_5 { left: 41.667%; }
	.small_shift_6 { left: 50%; }
	.small_shift_7 { left: 58.333%; }
	.small_shift_8 { left: 66.667%; }
	.small_shift_9 { left: 75%; }
	.small_shift_10 { left: 83.333%; }
	.small_shift_11 { left: 91.667%; }
	
	.small_single { clear: left; }
	.small_multiple { clear: none; }
	.x_small_return,
	.x_small_return + .col { clear: none; }
	.small_return,
	.col.return { clear: right; }
	.small_return + .col,
	.col.return + .col { clear: left; }
}

@media screen and (min-width: 640px) {
	
	/* GENERAL MEDIUM */
	.page_wrapper { margin: 0 auto -45px auto; }
	section .content { padding: 30px 10px; }
	section:first-child .content { padding-top: 60px; }
	
	/* HEADER MEDIUM */
	header h1 { margin: 0; }
	.main_page { top: 30px; left: 20px; }
	.main_page img { width: auto; }
	
	/* FOOTER MEDIUM */
	footer,
	.push { height: 45px; }

	/* CONTENT MEDIUM */
	.box.welcome { min-height: 175px; padding: 20px 200px 20px 20px; text-align: left; background-position: right center; }
	
	.rule .col_inner { padding-left: 15px; border-left: 0 none; }
	.rule h3 { color: #FFFFFF; background-color: #023466; }

	/* FORM MEDIUM */
	.rules span { width: 90%; }
	
	.contact_form input[type='submit'] { float: right; }

	.merged label { min-height: 40px; padding-top: 0; }
	.merged .label_high { height: 150px; }
	.merged label p { display: block; width: 20%; min-height: 40px; color: #FFFFFF; background-color: #7EA4D0; }
	.merged.half label p { display: block; width: 50%; min-height: 40px; color: #FFFFFF; background-color: #7EA4D0; }
	.merged.third label p { display: block; width: 35%; min-height: 40px; color: #FFFFFF; background-color: #7EA4D0; }
	.merged label p span { display: block; padding: 10px; }
	.merged label span span.with_checkbox { padding-left: 30px; }
	.merged input[type='text'],
	.merged input[type='password'],
	.merged select { display: block; float: left; width: 80%; border-left: 0 none; }
	.merged.half input[type='text'],
	.merged.half input[type='password'],
	.merged.half select { display: block; float: left; width: 50%; border-left: 0 none; }
	.merged.third input[type='text'],
	.merged.third input[type='password'],
	.merged.third select { display: block; float: left; width: 65%; border-left: 0 none; }
	.merged textarea { display: block; float: left; width: 80%; }
	.merged.half textarea { display: block; float: left; width: 50%; }
	.merged.third textarea { display: block; float: left; width: 65%; }
	.merged .error + p,
	.merged label p.error	{ background-color: #FF0500; }
	.merged .icon { float: right; }
	.merged label.error { height: auto; min-height: auto; }
	.merged label.input_with_checkbox .checkbox_wrapper { margin: 8px; }
	.merged label.input_with_checkbox p span { padding-left: 35px; }
	label.label_slim textarea { height: 100px; }

	.merged label p .previous_period { padding: 0; }
	
	/* MODAL MEDIUM */
	/* .modal_button.modal_close { left: 90%; } */
	
	/* RESPONSIVE MEDIUM */
	.mobile_xs,
	.mobile,
	.desktop { display: none; }
	.tablet { display: block; }
	
	.col_inner { padding: 0 15px; }
	.medium_0 { width: auto; }
	.medium_1 { width: 8.333%; }
	.medium_2 { width: 16.666%; }
	.medium_3 { width: 25%; }
	.medium_4 { width: 33.333%; }
	.medium_5 { width: 41.667%; }
	.medium_6 { width: 50%; }
	.medium_7 { width: 58.333%; }
	.medium_8 { width: 66.667%; }
	.medium_9 { width: 75%; }
	.medium_10 { width: 83.333%; }
	.medium_11 { width: 91.667%; }
	.medium_12 { width: 100%; }
	.medium_shift_0 { left: auto; }
	.medium_shift_1 { left: 8.333%; }
	.medium_shift_2 { left: 16.667%; }
	.medium_shift_3 { left: 25%; }
	.medium_shift_4 { left: 33.333%; }
	.medium_shift_5 { left: 41.667%; }
	.medium_shift_6 { left: 50%; }
	.medium_shift_7 { left: 58.333%; }
	.medium_shift_8 { left: 66.667%; }
	.medium_shift_9 { left: 75%; }
	.medium_shift_10 { left: 83.333%; }
	.medium_shift_11 { left: 91.667%; }
	
	.medium_multiple { clear: none; }
	.medium_single { clear: left; }
	.x_small_return,
	.x_small_return + .col,
	.small_return,
	.small_return + .col { clear: none; }
	.medium_return,
	.col.return { clear: right; }
	.medium_return + .col,
	.col.return + .col { clear: left; }
	
}

@media screen and (min-width: 960px) {

	/* FOOTER LARGE */
	.bottom_menu { margin: 0; }
	
	/* CONTENT LARGE */
	.content { max-width: 940px; }
	
	/* FORM LARGE */
	.rules span { width: 93%; }

	.merged label p { width: 20%; }
	.merged label.large_6 p { width: 40%; }
	.merged label.large_4 p { width: 60%; }
	.merged input[type='text'],
	.merged input[type='password'],
	.merged select { width: 80%; }
	.merged label.large_6 input[type='text'],
	.merged label.large_6 input[type='password'],
	.merged label.large_6 select { width: 60%; }
	.merged label.large_4 input[type='text'],
	.merged label.large_4 input[type='password'],
	.merged label.large_4 select { width: 40%; }
	
	/* MODAL LARGE */
	.modal_button.modal_close { width: 35px; height: 35px; font-size: 25px; line-height: 35px; }
	.modal_container { max-width: 940px; }
	
	/* RESPONSIVE LARGE */
	.mobile_xs,
	.mobile,
	.tablet { display: none; }
	.desktop { display: block; }
	
	.col_inner { padding: 0 20px; }
	.large_0 { width: auto; }
	.large_1 { width: 8.333%; }
	.large_2 { width: 16.666%; }
	.large_3 { width: 25%; }
	.large_4 { width: 33.333%; }
	.large_5 { width: 41.667%; }
	.large_6 { width: 50%; }
	.large_7 { width: 58.333%; }
	.large_8 { width: 66.667%; }
	.large_9 { width: 75%; }
	.large_10 { width: 83.333%; }
	.large_11 { width: 91.667%; }
	.large_12 { width: 100%; }
	.large_shift_0 { left: auto; }
	.large_shift_1 { left: 8.333%; }
	.large_shift_2 { left: 16.667%; }
	.large_shift_3 { left: 25%; }
	.large_shift_4 { left: 33.333%; }
	.large_shift_5 { left: 41.667%; }
	.large_shift_6 { left: 50%; }
	.large_shift_7 { left: 58.333%; }
	.large_shift_8 { left: 66.667%; }
	.large_shift_9 { left: 75%; }
	.large_shift_10 { left: 83.333%; }
	.large_shift_11 { left: 91.667%; }

	.large_multiple { clear: none; }
	.large_single { clear: left; }
	.x_small_return,
	.x_small_return + .col,
	.small_return,
	.small_return + .col,
	.medium_return,
	.medium_return + .col { clear: none; }
	.large_return,
	.col.return { clear: right; }
	.large_return + .col,
	.col.return + .col { clear: left; }
}

.time_ago {
	cursor: pointer;
}
div.content.force_fullscr {
	max-width: none;
}
.mt10 { margin-top: 10px; }
.mt8 { margin-top: 8px; }
.mt20 { margin-top: 20px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mr10 { margin-right: 10px; }
.p5 { padding: 5px; }
.pt10 { padding-top: 10px; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.ml50 { margin-left: 50px; }
.mlm5 { margin-left: -5px; }
.separate_bottom5 { margin: 0; margin-bottom: 5px; }

@keyframes flashing {  
  25% { opacity: 0.8; }
  50% { opacity: 0; }
  75% { opacity: 0.8; }
}

.btndn {
	display: none;
}
button.normalcase {
	text-transform: none;
}

button.whitetext { color: #FFFFFF; }
button.whitetext:hover { color: #FFFFFF; }