/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

:root {
    --nv-border-color: #dddddd;
    --nv-image-style-spacing: 20px;
    --nv-inline-image-style-spacing: calc(var(--nv-image-style-spacing) / 2);
    --nv-highlight-marker-blue: hsl(201, 97%, 72%);
    --nv-highlight-marker-green: hsl(120, 93%, 68%);
    --nv-highlight-marker-pink: hsl(345, 96%, 73%);
    --nv-highlight-marker-yellow: hsl(60, 97%, 73%);
    --nv-highlight-pen-green: hsl(112, 100%, 27%);
    --nv-highlight-pen-red: hsl(0, 85%, 49%);
    --nv-font-size-xs: 10px;
    --nv-font-size-sm: 12px;
    --nv-font-size-md: 14px;
    --nv-font-size-lg: 16px;
    --nv-font-size-xxl: 22px;
    --ck-z-default: 100;
    --ck-z-panel: calc(var(--ck-z-default) + 999);
}

.ck {
    --ck-content-font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    --ck-content-font-size: 13px;
    --ck-content-font-color: #333;
    --ck-content-line-height: 1.42857143;
}

@font-face {
    font-family: 'NukeVietIcons';
    src: url('../fonts/NukeVietIcons.woff2') format('woff2'),
        url('../fonts/NukeVietIcons.woff') format('woff'),
        url('../fonts/NukeVietIcons.ttf') format('truetype'),
        url('../fonts/NukeVietIcons.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class^='icon-'],
[class*=' icon-'] {
    display: inline-block;
    font: normal normal normal 14px/1 NukeVietIcons;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    vertical-align: -10%;
}

.icon-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -25%;
}

.icon-horizon {
    width: 14px;
}

.icon-lg.icon-horizon {
    width: 22px;
}

.icon-nukeviet:before { content: '\e607'; }
.icon-nukeviet_sm:before { content: '\e608'; }
.icon-callcenter:before { content: '\e609'; }
.icon-today:before { content: '\e600'; }
.icon-qrcode:before { content: '\e601'; }
.icon-enter:before { content: '\e602'; }
.icon-exit:before { content: '\e603'; }
.icon-yahoo:before { content: '\e604'; }
.icon-old-phone:before { content: '\e606'; }
.icon-icq:before { content: '\e605'; }
.icon-viber:before { content: '\e60a'; }

/* Ép thẻ H3 bọc ngoài sử dụng Flexbox */
h3.book-title-link {
    display: flex !important;
    align-items: center;       /* Căn icon thẳng hàng dọc với chữ */
    width: 100%;
    max-width: 100%;
    overflow: hidden;          /* Phục vụ cắt chữ */
    white-space: nowrap;       /* Tuyệt đối không cho tự ý xuống dòng */
}

/* Định cấu trúc lại thẻ <a> để nhận diện dấu ba chấm chuẩn */
h3.book-title-link a {
    display: inline-block !important; 
    max-width: calc(100% - 40px);     /* Trừ hao 40px không gian cho icon New đứng kế bên */
    overflow: hidden;
    text-overflow: ellipsis;          /* Sinh ra dấu ba chấm (...) khi text quá dài */
    white-space: nowrap;
}

/* Giữ nguyên định dạng icon của bạn và thêm flex-shrink */
.icon_new {
    background: url('../images/icons/new.gif') no-repeat;
    display: inline-block;
    width: 33px;
    height: 15px;
    margin-left: 6px;
    flex-shrink: 0; /* Đảm bảo icon KHÔNG bao giờ bị co nhỏ hoặc méo khi tên sách quá dài */
}

.icon_new_small {
    background: url('../images/squared-blue.png') no-repeat 0 8px;
    position: relative !important;
    padding: 1px 0 1px 12px !important;
    border-bottom: 0px solid #eee !important;
    transition: all 0.2s ease !important;
    display: block !important;
    background-image: none !important;
}

/* Danh sách tin liên quan dưới chân khối tin */
.panel-body h3,
.panel-body p:not(.text-right),
ul.related.list-items {
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

ul.related.list-items li.icon_new_small {
    position: relative !important;
    padding: 3px 0 3px 5px !important;
    background-image: none !important;
}

ul.related.list-items li.icon_new_small:last-child {
    border-bottom: none !important;
}

ul.related.list-items li.icon_new_small:before {
    content: "✦" !important;
    position: absolute !important;
    left: 0 !important;
    font-size: 10px !important;
    top: 4px !important;
    color: #800020 !important;
}

ul.related.list-items li.icon_new_small a {
    -webkit-line-clamp: unset !important;
    line-height: 1.4 !important;
    color: #333 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 400;
}

ul.related.list-items li.icon_new_small:hover a {
    color: #28a745 !important;
    text-decoration: underline !important;
}

.icon_list {
    background: url('../images/arrow_left_orange.png') no-repeat 0 7px;
}

/* Fonts Color */
.text-black { color: #000 !important; }
.text-white { color: #fff !important; }

/* Fonts Weight */
.text-normal { font-weight: 400; }
.text-bold { font-weight: 800; }

/* Fix bootstrap */
.form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: right;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-ss-block,
.visible-ss-inline,
.visible-ss-inline-block {
    display: none;
}

.hidden-ss-block { display: block !important; }
.hidden-ss-inline { display: inline !important; }
.hidden-ss-inline-block { display: inline-block !important; }

.margin { margin: 10px; }
.mr-1 { margin-right: 5px; }
.margin-right, .mr-2 { margin-right: 10px; }
.margin-left { margin-left: 10px; }
.margin-top { margin-top: 10px; }
.margin-bottom, .mb-2 { margin-bottom: 10px; }
.margin-sm { margin: 4px; }
.margin-right-sm { margin-right: 4px; }
.margin-left-sm { margin-left: 4px; }
.margin-top-sm { margin-top: 4px; }
.margin-bottom-sm { margin-bottom: 4px; }
.margin-lg { margin: 15px; }
.margin-right-lg { margin-right: 15px; }
.margin-left-lg { margin-left: 15px; }
.margin-top-lg { margin-top: 15px; }
.margin-bottom-lg { margin-bottom: 15px; }
.padding-top { padding-top: 10px; }
.padding-left { padding-left: 10px; }
.padding-right { padding-right: 10px; }
.padding-bottom { padding-bottom: 10px; }

.boder-top {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ccc;
}
.boder-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
}
.border-left {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #ccc;
}
.border-right {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #ccc;
}

.column-margin-left { margin-left: 10px !important; }
.bg-gainsboro { background-color: #dcdcdc; }
.bg-lavender { background-color: #eee; }

ul.list-items { padding-left: 0; }
ul.list-items > li { margin-bottom: 1.5px; }
ul.list-items > li:last-child { margin-bottom: 0; }

/*Load_Bar*/
.load-bar {
    display: inline-block;
    vertical-align: middle;
    width: 33px;
    height: 8px;
    background: transparent url(../../../assets/images/load_bar.gif);
    margin: auto 10px;
}

/*Center DIV*/
.centered {
    display: flex;
    justify-content: center;
}

/*nv-info*/
.nv-info {
    border-width: 1px;
    border-style: solid;
    border-color: #dcdcdc;
    border-radius: 3px;
    background-color: #f7f7f7;
    color: #333;
    padding: 10px;
}
.nv-info.error { background-color: #efd7d7 !important; border-color: #dca8a6 !important; }
.nv-info.success { background-color: #edf4fa !important; border-color: #82b2dc !important; }
.nv-info.info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; }

.nv-info:before {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 20px;
    line-height: 1;
    vertical-align: middle;
    margin-right: 5px;
}
.nv-info.error:before { content: ' \f057 '; color: #de495b; }
.nv-info.success:before { content: ' \f13a '; color: #68d044; }
.nv-info.info:before { content: '\f05a'; color: #31708f; }

.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.pointer { cursor: pointer; }
.middle { vertical-align: middle; }
.align-bottom { vertical-align: bottom; }
.align-top { vertical-align: top; }

ul, ol { list-style: none; }
.input-group-btn { font-size: 14px !important; }
.radius-top-left { border-top-left-radius: 5px; }
.radius-top-right { border-top-right-radius: 5px; }
.radius-bottom-left { border-bottom-left-radius: 5px; }
.radius-bottom-right { border-bottom-right-radius: 5px; }
.radius { border-radius: 5px; }

.bg-gradient {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 100%);
}

.box-shadow {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
.fix-box { position: inherit !important; margin-left: 0 !important; }
.well { padding: 8px; line-height: 18px; }
.well p { margin: 0; }

input[type='text'].required,
input[type='password'].required,
input[type='email'].required,
input[type='number'].required,
input[type='search'].required,
input[type='tel'].required,
input[type='time'].required,
input[type='url'].required,
textarea.required,
select.required,
label.required {
    background-image: url(../images/icons/required.png);
    background-position: right center;
    background-repeat: no-repeat;
}

textarea.required { background-position: right 10px; }
select.required { background-position: calc(100% - 15px) 10px; }
label.required { padding-right: 20px; }

label.radio-box,
label.check-box {
    font-weight: normal;
    margin-right: 20px;
    cursor: pointer;
}

div.radio-box,
div.check-box {
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    padding: 10px;
}

.has-error div.radio-box,
.has-error div.check-box {
    border-color: #de495b;
}

div.radio-box label,
div.check-box label { margin-bottom: 0; }
div.radio-box label [type='radio'],
div.check-box label [type='radio'] { margin-top: -2px; }

.display-inline-block { display: inline-block; }
.display-table { display: table; }
.display-table > * { display: table-row; }
.display-table > * > * { display: table-cell; padding: 5px; }

/* Fixed Jquery UI Style */
.ui-widget {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
}
.ui-datepicker { width: 18em !important; }
.ui-datepicker select.ui-datepicker-month { width: 59% !important; font-weight: normal !important; }
.ui-datepicker select.ui-datepicker-year { width: 39% !important; font-weight: normal !important; }

/* CKEditor 4 contents css */
figure:not(.table):not(.media):not(.nv-media) {
    position: relative;
    margin: 5px auto 10px auto;
    text-align: center;
}

figure.image.image-left,
img.image-left {
    margin-right: 15px;
    float: left !important;
}

figure.image.image-right,
img.image-right {
    margin-left: 15px;
    float: right !important;
}

.image-center figure.image,
.image-center {
    text-align: center;
    float: none !important;
}

div.image-center,
p.image-center { margin-bottom: 10px; }
figure.article { background-color: #939393; }
figure.left { float: left; margin: 5px 10px 10px 0; }
figure.right { float: right; margin: 5px 0 10px 10px; }

figure.center {
    float: none;
    background: transparent;
    margin: 0 auto 10px;
    padding-top: 0;
    text-align: center;
}

figure.noncaption { background: transparent; padding: 0; }
figcaption { text-align: center; margin-top: 5px; font-weight: 700; }
figure figcaption { font-size: 12px; font-weight: normal; }
figure.article figcaption { color: #fff; }
figure.article.center figcaption { color: inherit; }
figure.avatar { margin-top: 0 !important; }

figure.avatar figcaption {
    position: absolute;
    bottom: 12px;
    left: 3px;
    width: calc(100% - 6px);
    background-color: #357ebd;
    color: #fff;
    font-size: 11px;
}

.nv-docviewer { margin-bottom: 8px; }

/* CKEditor 5 supported */
figure.table .ck-table-resized { table-layout: fixed; }
figure.table table { overflow: hidden; }
figure.table td, figure.table th { overflow-wrap: break-word; position: relative; }
figure.table { margin: 5px auto 10px auto; display: table; }

figure.table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    border: 1px double var(--nv-border-color);
}

figure.table table td,
figure.table table th {
    min-width: 5px;
    padding: 7px;
    border: 1px solid var(--nv-border-color);
}

figure.table table th { font-weight: bold; border-bottom-width: 2px; }

figure.table > figcaption {
    display: table-caption;
    caption-side: top;
    word-break: break-word;
    text-align: center;
    outline-offset: -1px;
    margin-top: 0;
}

figure.media { clear: both; margin: 5px 0 10px 0; display: block; min-width: 10px; }
figure.nv-media { clear: both; margin: 5px 0 10px 0; display: block; min-width: 10px; }
figure.nv-media video, figure.nv-media audio { max-width: 100%; margin: 0 auto; display: block; }

img.image_resized { height: auto; }
figure.image.image_resized { max-width: 100%; display: block; box-sizing: border-box; }
figure.image.image_resized img { width: 100%; }
figure.image.image_resized > figcaption { display: block; }

figure.image {
    display: table!important;
    clear: both;
    text-align: center;
    margin: 5px auto 10px auto;
    min-width: 10px;
}

figure.image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%;
    height: auto;
}

figure.image-inline { display: inline-flex; max-width: 100%; align-items: flex-start; }
figure.image-inline picture { display: flex; }
figure.image-inline picture, figure.image-inline img { flex-grow: 1; flex-shrink: 1; max-width: 100%; }

figure.image > figcaption {
    display: table-caption;
    caption-side: bottom;
    word-break: break-word;
    padding: 7px 7px 0 7px;
    font-size: 13px;
    outline-offset: -1px;
    margin-top: 0;
}

/* Image Style */
.image-style-block-align-left,
.image-style-block-align-right {
    max-width: calc(100% - var(--nv-image-style-spacing));
}

.image-style-align-left, .image-style-align-right { clear: none; }
.image-style-side { float: right; margin-left: var(--nv-image-style-spacing); max-width: 50%; }
.image-style-align-left { float: left; margin-right: var(--nv-image-style-spacing); }
.image-style-align-center { margin-left: auto; margin-right: auto; }
.image-style-align-right { float: right; margin-left: var(--nv-image-style-spacing); }
.image-style-block-align-right { margin-right: 0 !important; margin-left: auto !important; }
.image-style-block-align-left { margin-left: 0 !important; margin-right: auto !important; }
p + .image-style-align-left, p + .image-style-align-right, p + .image-style-side { margin-top: 0; }

.image-inline.image-style-align-left,
.image-inline.image-style-align-right {
    margin-top: var(--nv-inline-image-style-spacing);
    margin-bottom: var(--nv-inline-image-style-spacing);
}

.image-inline.image-style-align-left { margin-right: var(--nv-inline-image-style-spacing); }
.image-inline.image-style-align-right { margin-left: var(--nv-inline-image-style-spacing); }

/* Highlight */
.marker-yellow { background-color: var(--nv-highlight-marker-yellow); }
.marker-green { background-color: var(--nv-highlight-marker-green); }
.marker-pink { background-color: var(--nv-highlight-marker-pink); }
.marker-blue { background-color: var(--nv-highlight-marker-blue); }
.pen-red { color: var(--nv-highlight-pen-red); background-color: transparent; }
.pen-green { color: var(--nv-highlight-pen-green); background-color: transparent; }

/* Font size */
.text-tiny { font-size: var(--nv-font-size-xs); }
.text-small { font-size: var(--nv-font-size-sm); }
.text-big { font-size: var(--nv-font-size-lg); }
.text-huge { font-size: var(--nv-font-size-xxl); }

/* NV Iframe */
.nvck-iframe { position: relative; width: 100%; margin-bottom: 10px; }
.nvck-iframe>.nvck-iframe-inner>.nvck-iframe-element { border: none; margin: 0 auto; display: block; }
.nvck-iframe.nvck-iframe-responsive { height: 0; }
.nvck-iframe.nvck-iframe-responsive>.nvck-iframe-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.nvck-iframe.nvck-iframe-responsive>.nvck-iframe-inner>.nvck-iframe-element { width: 100%; height: 100%; }

/* NV Docs */
.nvck-docs { position: relative; width: 100%; margin-bottom: 10px; }
.nvck-docs>.nvck-docs-inner>.nvck-docs-element { border: none; margin: 0 auto; display: block; }
.nvck-docs.nvck-docs-responsive { height: 0; }
.nvck-docs.nvck-docs-responsive>.nvck-docs-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.nvck-docs.nvck-docs-responsive>.nvck-docs-inner>.nvck-docs-element { width: 100%; height: 100%; }

/* Global */
html, body { width: 100%; height: 100%; margin: 0; padding: 0; }

body {
    color: #333;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    background-color: #eeeeee;
}

a, a:link, a:active, a:visited { color: #1a3f5e; }
a:hover, a:focus { text-decoration: none; color: #0e2132; }
a.dimgray { color: #707070; }
a.dimgray:hover { color: #0e2132; }
a.black { color: #333; }
a.black:hover { color: #0e2132; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; padding: 0; line-height: 1.5; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; }
.title { font-size: 22px; }
.hometext { font-weight: 700; }

.bodytext {
    word-break: keep-all;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: visible;
    line-height: 1.7em;
}

.bodytext p { margin-bottom: 15px !important; }
.bodytext ol { list-style-type: decimal !important; }
.bodytext ul { list-style-type: disc !important; padding-left: 40px !important; margin-bottom: 10px !important; }
.bodytext li { margin-bottom: 0 !important; }
.bodytext div.alert { margin-bottom: 7px; margin-top: 4px; }

iframe { border: 0; }
.m-bottom { margin-bottom: 10px !important; }
.wraper { position: relative; width: 1080px; margin: 0 auto; }
.container, .rel { position: relative; }
.fa-fix { margin-right: -5px; }
.fa-pointer { cursor: pointer; }
.fa-horizon { width: 14px; }
.fa-lg.fa-horizon { width: 22px; }
h3.sm { font-size: 16px; }
span.keyword { background-color: yellow; }
.nv-fullbg { min-height: 100%; background-color: #fff; }
a.btn { color: #fff; }

.section-header-bar {
    background-image: linear-gradient(to bottom, #428bca 0, #245682 100%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 100%);
}

/* Header */
.site-banner {
    position: absolute;
    width: 100%;
    background-size: cover;
    z-index: -10;
    background-position: center center;
    height: 300px;
}

#header {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

#header .logo { padding: 20px 10px 20px 0; }
#header .logo img { max-height: 120px; width: auto; }
#header .logo h1, #header .logo .site_name { display: none; }

#header .logo h2,
#header .logo .site_description {
    color: #707070;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    font-family: 'Times New Roman';
    line-height: 1.1;
    margin: 0;
    padding: 0;
    display: block;
}

#header .right-ads {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 10px 0;
}

#header .right-ads > .nv-block-banners:last-child { margin-bottom: 0; }

/* breadcrumb */
.breadcrumbs-wrap { position: relative; z-index: 100; }
.breadcrumbs-wrap .display { height: 35px; overflow: hidden; }
.breadcrumbs { display: inline-block; }
.breadcrumbs li { float: left; margin: 0 0.5em 0 1em; }

.breadcrumbs a,
.show-subs-breadcrumbs {
    background-color: #dcdcdc;
    padding: 0.6em 1em;
    float: left;
    text-decoration: none;
    color: #333;
    position: relative;
}

.breadcrumbs a:hover, .show-subs-breadcrumbs:hover { background-color: #a6c8e6; }

.breadcrumbs a:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-width: 1.5em 0 1.5em 1em;
    border-style: solid;
    border-color: #dcdcdc #dcdcdc #dcdcdc transparent;
    left: -1em;
    padding-right: 1px;
}

.breadcrumbs a:hover:before { border-color: #a6c8e6 #a6c8e6 #a6c8e6 transparent; }

.breadcrumbs a:after,
.show-subs-breadcrumbs:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-top-width: 1.5em;
    border-top-style: solid;
    border-top-color: transparent;
    border-bottom-width: 1.5em;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-left-width: 1em;
    border-left-style: solid;
    border-left-color: #dcdcdc;
    right: -1em;
    padding-right: 1px;
}

.breadcrumbs a:hover:after, .show-subs-breadcrumbs:hover:after { border-left-color: #a6c8e6; }

.subs-breadcrumbs {
    margin: 0;
    padding: 0;
    background-color: #fff linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.1) 100%);
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 0;
    position: absolute;
    left: 0;
    top: 40px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.1);
    border-top: none;
    box-shadow: 0 0.063em 0.25em rgba(7, 20, 34, 0.25);
    display: none;
    z-index: 999999;
}

.subs-breadcrumbs.open { display: block; }
.subs-breadcrumbs li { background-color: #eee; }

.subs-breadcrumbs li:last-child,
.subs-breadcrumbs li:last-child a,
.subs-breadcrumbs {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.subs-breadcrumbs li, .subs-breadcrumbs a { display: block; float: none; }
.subs-breadcrumbs a { line-height: 40px; height: 40px; overflow: hidden; padding: 0 10px; }

.subs-breadcrumbs li:not(:last-child) a {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.1);
}

.subs-breadcrumbs a:hover { background-color: rgba(0, 0, 0, 0.1); }
.subs-breadcrumbs a em { display: inline-block; margin-right: 5px; color: #707070; }

.show-subs-breadcrumbs {
    padding-right: 5px;
    margin-right: 7px;
    width: 30px;
    text-align: center;
}

.fix_banner_left { width: 120px; height: 480px; position: fixed; top: 2px; left: 2px; display: none; }
.fix_banner_right { width: 120px; height: 480px; position: fixed; top: 2px; right: 2px; display: none; }

/* SECOND NAV */
.second-nav { z-index: 3; }
.second-nav .bg {
    background: #cccccc;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%) !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* THIRD NAV */
.third-nav { position: relative; margin-bottom: 6px; }
.third-nav .row { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dcdcdc; }
.third-nav .bg { background-color: #eeeeee; padding: 5px 5px 3px; }
.third-nav .current-time { display: inline-block; vertical-align: middle; margin-right: 10px; line-height: 37px; }
.third-nav ul + .current-time { float: right; margin-top: -35px; }

.headerSearch { margin: 0.15em 0; }
.headerSearch input { border-color: #cccccc; background-color: #fff !important; }
.headerSearch input:hover, .headerSearch input:focus { background-color: #fff !important; }
.headerSearch .btn-info { background-color: #428bca; border-color: #428bca; color: #fff; }

.headerSearch .btn-info:focus,
.headerSearch .btn-info.focus,
.headerSearch .btn-info:hover,
.headerSearch .btn-info:active,
.headerSearch .btn-info.active {
    background-color: #e6b902;
    border-color: #caa202;
    color: #333333;
}

.headerSearch .form-control, .headerSearch .btn { z-index: 0; }

/* Bootstrap Menu */
#menusite .navbar-default {
    background-color: #428bca;
    border-bottom-color: #428bca;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    z-index: 1;
}

#menusite .navbar-default .navbar-nav > li { margin-left: 1px; }
#menusite .navbar-default .navbar-nav > li:first-child { margin-left: 4px; }
#menusite .navbar-default .navbar-nav > li:last-child { margin-right: 4px; }
#menusite .navbar-default .navbar-nav > li > a { color: #fff; }
#menusite .navbar-nav > li > a { white-space: nowrap; }

#menusite .dropdown-menu {
    background-color: #dcdcdc !important;
    border-color: #aaaaaa !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

#menusite .dropdown-menu > li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(255, 255, 255, 0.5); }
#menusite .dropdown-menu > li:last-child { border-bottom: none; }
#menusite .dropdown-menu > li > a { color: #333; line-height: 30px; padding: 3px 15px; }

#menusite .navbar-default .navbar-nav > li > a:hover,
#menusite .navbar-default .navbar-nav > li > a:focus,
#menusite .navbar-default .navbar-nav > .active > a,
#menusite .navbar-default .navbar-nav > .active > a:hover,
#menusite .navbar-default .navbar-nav > .active > a:focus,
#menusite .navbar-default .navbar-nav > .open > a,
#menusite .navbar-default .navbar-nav > .open > a:hover,
#menusite .navbar-default .navbar-nav > .open > a:focus {
    background: linear-gradient(to bottom, #82b2dc 0%, #428bca 100%) !important;
    color: #fff;
}

#menusite .dropdown-menu > li > a:hover,
#menusite .dropdown-menu > li > a:focus,
#menusite .dropdown-menu > .active > a,
#menusite .dropdown-menu > .active > a:hover,
#menusite .dropdown-menu > .active > a:focus,
#menusite .navbar .navbar-nav .open .dropdown-menu > li > a:hover,
#menusite .navbar .navbar-nav .open .dropdown-menu > li > a:focus,
#menusite .navbar .navbar-nav .open .dropdown-menu > .active > a,
#menusite .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
#menusite .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
    color: #333;
}

#menusite .dropdown-submenu { position: relative; display: none; }
#menusite .open .dropdown-submenu { display: block; }
#menusite .dropdown-submenu li a { color: #333; display: block; }

#menusite .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    border-radius: 0 5px 5px 5px;
}

#menusite .dropdown-submenu:hover > .dropdown-menu { display: block; }

#menusite .dropdown-submenu > a:after {
    display: block;
    content: ' ';
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #333;
    margin-top: 10px;
    margin-right: -5px;
}

#menusite .dropdown-submenu.pull-left { float: none; }
#menusite .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; border-radius: 5px 0 5px 5px; }

/* Head-Nav */
.header-nav,
.header-nav-inner {
    color: #dcdcdc;
    position: relative;
}

.header-nav-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0;
}

.header-nav a { color: #dcdcdc; }
.header-nav a:hover { color: #ffffff; }

.header-nav a.button {
    display: block;
    position: relative;
    padding: 8px;
    color: #dcdcdc;
    line-height: 1;
    background-color: #428bca;
    border-radius: 5px;
    width: 34px;
    height: 34px;
}

.header-nav a.button.active,
.header-nav a.button:hover,
.header-nav a.button:focus {
    background-color: #245682;
    color: #fff;
}

.header-nav a.button .fa {
    position: relative;
    transform: translate3d(-50%, -50%, 0px);
    left: 50%;
    top: 50%;
}

/* TIP POPUP and FTIP POPUP */
#tip,
#ftip {
    position: absolute;
    color: #333 !important;
    background-color: #eee;
    max-width: 485px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    display: none;
}

#tip {
    top: 100%;
    right: 0;
    min-height: 50px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#ftip {
    bottom: 25px;
    left: 5px;
    min-height: 51px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#tip .bg,
#ftip .bg {
    padding: 15px;
    border-bottom-color: #aaaaaa;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#tip .bg { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#ftip .bg { border-top-left-radius: 5px; border-top-right-radius: 5px; }

#tip .tip-footer,
#ftip .tip-footer {
    background-color: #e5e5e5;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    padding: 10px;
}

#tip .tip-footer { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin: 10px -15px -16px; }
#ftip .ftip-footer { margin: 10px -15px -15px; }
#tip h3, #ftip h3 { font-size: 13px; font-weight: 700; margin-bottom: 15px; }
#tip ul { margin: 0; padding: 0; }
#tip a { color: #333; }
#tip .socialList a { color: #fff; }

/* Blocks social-icons,contactDefault and personalArea */
.contactDefault { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; }
.social-icons { padding-left: 30px; }
.personalArea { padding-left: 50px; }

.personalArea a.button.user,
.personalArea a.button.user:hover {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: transparent;
    background-size: contain;
}

/* block counter */
.counter.display-table { width: 100%; }
.counter span + span { text-align: right; }
.socialList, .contactList { list-style: none; padding: 0; margin: 0; }
.socialList li, .contactList li { display: inline-block; margin-right: 10px; }
.socialList li:last-child, .contactList li:last-child { margin-right: 0 !important; }
.socialList { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.socialList li a {
    display: block;
    width: 30px;
    height: 30px;
    background-color: #428bca;
    color: #dcdcdc;
    font-size: 16px;
    border-radius: 3px;
    position: relative;
}

.enable-animate .socialList li a { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.socialList li a[href*='facebook']:hover { background-color: #3d5d8c; }
.socialList li a[href*='google']:hover, .socialList li a[href*='youtube']:hover { background-color: #dd4b39; }
.socialList li a[href*='twitter']:hover { background-color: #50a0d7; }
.socialList li a[href*='feeds']:hover { background-color: #ff9900; }
.socialList li a .fa { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

/* Social share */
.social-share-container { display: flex; align-items: center; }
.social-share-buttons { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }

.social-share-buttons button {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 5px 10px;
    color: #fff;
    border: none;
    border-radius: 9999px;
    cursor: pointer;
    line-height: 1;
    font-size: 12px;
}

.social-share-buttons button.social-share-facebook { background-color: #1877F2; }
.social-share-buttons button.social-share-twitter { background-color: #1DA1F2; }
.social-share-label { display: flex; align-items: center; gap: 5px; margin-right: 10px; }

/* Body */
#body {
    background-color: #fff;
    border-color: #dcdcdc;
    border-style: solid;
    border-width: 0 1px 0 1px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}

/* Footer-NAV2 */
.footerNav2 { position: relative; width: 100%; background-color: #193c5a; padding: 10px 0; color: #dcdcdc; }
.footerNav2 .theme-change { float: left; margin-left: 10px; margin-right: 10px; height: 40px; }

.footerNav2 .theme-change a,
.footerNav2 .theme-change span {
    display: inline-block;
    margin-top: 5px;
    margin-right: 10px;
    background-color: #245682;
    color: #428bca;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    position: relative;
}

.footerNav2 .theme-change span { color: #dcdcdc; background-color: #428bca; }
.footerNav2 .theme-change a:hover, .footerNav2 .theme-change span:hover { color: #fff; background-color: #428bca; }
.footerNav2 .theme-change .fa, .footerNav2 .bttop a .fa { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px); }
.footerNav2 .theme-change .fa-mobile { font-size: 140%; }
.footerNav2 .bttop { float: right; width: 40px; height: 40px; margin-right: 10px; }

.footerNav2 .bttop a {
    display: block;
    background-color: #245682;
    color: #428bca;
    font-size: 14px;
    text-align: center;
    border-radius: 20px;
    position: relative;
    width: 40px;
    height: 40px;
}

.footerNav2 .bttop a:hover { color: #fff; background-color: #428bca; }

/* Footer */
#footer {
    position: relative;
    min-height: 300px;
    width: 100%;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #428bca;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #245682;
    background-color: #245682;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0) 100%);
    padding: 20px 0;
    font-size: 13px;
}

#footer, #footer a { color: #dcdcdc; }

#footer h3 {
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #dcdcdc;
}

#footer h3 a { color: inherit; }
#footer p { margin: 0; padding: 0; }

/* Block Footer-Menu */
#footer .menu { list-style: none; padding: 0; margin: 0; }
#footer .menu li { position: relative; display: inline-block; width: 49%; padding: 0; margin: 0; }
#footer .menu li:nth-child(2n + 1) { padding-right: 8px; }
#footer .menu li:nth-child(2n) { padding-left: 7px; }

#footer .menu li a {
    display: block;
    white-space: nowrap;
    border-bottom-width: 1px;
    border-bottom-color: #6aa3d5;
    border-bottom-style: dotted;
    padding: 8px 0;
}

#footer .menu li a:before {
    content: '\f111';
    color: #dcdcdc;
    font-family: FontAwesome;
    font-size: 5px;
    padding-right: 6px;
    vertical-align: middle;
}

#footer .menu li a:hover { border-bottom-color: #fff; color: #fff; }
#footer .menu li a:hover:before { color: #fff; }

/* Block copyright*/
.copyright { color: #dcdcdc; }
.copyright span a { color: #dcdcdc !important; }
.copyright span a:hover { color: #ffffff !important; }

/* Block Company info */
.company_info { padding: 0; }
.company_info li { margin-bottom: 5px; }
.company_info li:last-child { margin-bottom: 0; }
.company_info .company_name { text-transform: uppercase; font-weight: 500; }
.company_info li em { text-align: center; width: 2em; }
.company-map { width: 100%; height: 300px; }

/* Page break line */
.nv-hr {
    clear: both;
    height: 1px;
    border-bottom-width: 1px;
    border-bottom-color: #dcdcdc;
    border-bottom-style: solid;
    margin: 10px 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.nv-hr.nv-hr-lg { margin: 20px 0; }
.nv-hr.nv-hr-sm { margin: 5px 0; }

/* Social share,social button */
.nv-social-share { list-style: none; margin: 0; padding: 4px 5px 0 5px !important; }
.nv-social-share li { display: inline-block; margin-bottom: 0 !important; height: 20px; }
.nv-social-share li.facebook { position: relative; top: -4px; padding-right: 40px; }

/* Form control */
.nv-captcha { vertical-align: middle; }
.nv-recaptcha-default { margin: 0 auto; width: 304px; height: 78px; }
.nv-recaptcha-compact { margin: 0 auto; width: 164px; height: 144px; }
.grecaptcha-badge { visibility: hidden; }

/* List item */
.nv-list-item { list-style: none; margin: 0; padding: 0; }
.nv-list-item li { padding: 4px; margin: 0 !important; }
.nv-list-item.sm li { padding: 2px; }
.nv-list-item.xsm li { padding: 1px; }
.nv-list-item.lg li { padding: 10px; }
.page .nv-list-item li { display: flex; }
.page .nv-list-item li em { position: relative; top: 2px; }

/* sub-list-icon */
.sub-list-icon > li:first-child > *:before,
.cat-icon:before {
    content: ' \f114 ';
    font-family: FontAwesome;
    font-size: inherit;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -3px;
}

.sub-list-icon > li + li > *:before {
    content: ' \f10c ';
    font-family: FontAwesome;
    font-size: 8px;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.sub-list-icon > li:first-child + li > *:before {
    content: ' \f101 ';
    font-size: 12px;
    margin-top: -2px;
}

/* List none */
.list-none { list-style: none; margin: 0; padding: 0; }

/* Block global */
.nv-block-banners { position: relative; margin-bottom: 10px; text-align: center; }
.nv-block-banners img { max-width: 100%; height: auto; }
.nv-block-rss li { border-bottom-width: 1px; border-bottom-color: #dcdcdc; border-bottom-style: solid; }
.nv-block-rss li:last-child { border: none; padding-bottom: 0; }
.nv-block-rss li:first-child { padding-top: 0; }

.nv-block-rss img {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #dcdcdc;
    border-radius: 4px;
    display: inline-block;
    max-width: 100%;
    height: auto;
    position: relative;
    top: 4px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.enable-animate .nv-block-rss img {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* Info die */
.nv-infodie {
    margin: 0 auto;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    border-width: 1px;
    border-color: #dcdcdc;
    border-style: solid;
    background-color: #fff;
    position: absolute;
    min-height: 300px !important;
    min-width: 300px !important;
    display: table;
}

.nv-infodie .panel-body { display: table-cell; vertical-align: middle; }
.nv-infodie .logo { max-width: 90%; margin-bottom: 10px; height: auto; }

/* Form */
input, input[type='file'], input[type='radio'], input[type='checkbox'], button, .btn, .form-control, textarea, input:focus, input[type='file']:focus, input[type='radio']:focus, input[type='checkbox']:focus, button:focus, .btn:focus, .form-control:focus, textarea:focus, input:focus:active, input[type='file']:focus:active, input[type='radio']:focus:active, input[type='checkbox']:focus:active, button:focus:active, .btn:focus:active, .form-control:focus:active, textarea:focus:active, input.active:focus, input[type='file'].active:focus, input[type='radio'].active:focus, input[type='checkbox'].active:focus, button.active:focus, .btn.active:focus, .form-control.active:focus, textarea.active:focus, input:active, input[type='file']:active, input[type='radio']:active, input[type='checkbox']:active, button:active, .btn:active, .form-control:active, textarea:active { outline-width: 0; outline-style: none; }

input[type='checkbox'],
input[type='radio'] {
    border-width: 1px;
    border-style: solid;
    border-color: #aaaaaa;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 16px;
    margin: 3px 4px 0 0;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 16px;
    min-width: 16px;
    -webkit-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #707070;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

input[type='radio'] { border-radius: 50%; margin-right: 4px; line-height: inherit; }
input[type='checkbox']:disabled, input[type='radio']:disabled, input[type='checkbox']:disabled:checked:before, input[type='radio']:disabled:checked:before { opacity: 0.7; }

input[type='checkbox']:checked:before,
input[type='radio']:checked:before {
    float: left;
    vertical-align: middle;
    width: 14px;
    font: normal 14px/1 'FontAwesome';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input[type='checkbox']:checked:before { content: '\f00c'; margin: 0; color: #333333; }

input[type='radio']:checked:before {
    content: '\2022';
    text-indent: -9999px;
    border-radius: 50px;
    font-size: 24px;
    width: 6px;
    height: 6px;
    margin: 4px;
    line-height: 16px;
    background-color: #333333;
}

.img-thumbnail { background-color: #cccccc; border: none; border-radius: 3px; max-width: 100%; padding: 1px; }
.fb-like { margin-right: 50px; }
.navbar-inverse { background-color: #d9e8f4; border-color: #2a6496; }
.navbar-inverse .navbar-nav > li > a { color: #ffffff; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #ffffff; background-color: #2a6496; }

.panel-heading {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%) !important;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px;
}

.panel-primary > .panel-heading > a { color: #fff; }
.panel-primary > .panel-heading > a:hover { color: #dcdcdc; }

table caption { color: #357ebd; text-align: left; font-size: 13px; font-weight: 700; line-height: 22px; padding: 0 0 5px 2px; }
blockquote { font-size: 13px; }
.modal-header .close { margin-top: -2px; }
button.close { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; appearance: none; }
.close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; }
.modal-body { padding: 15px; }

#sitemodal .modal-dialog { position: relative; width: auto !important; max-width: 600px; text-align: center; font-size: 0; }
#sitemodal .modal-content { width: auto; display: inline-block; font-size: 14px; text-align: left; }

#sitemodal .close,
#sitemodalTerm .close {
    position: absolute;
    right: -10px;
    bottom: -10px;
    width: 24px;
    height: 24px;
    background-color: #000;
    color: #fff;
    font-size: 11px;
    opacity: 0.8;
    border-width: 2px;
    border-style: solid;
    border-color: #cccccc;
    border-radius: 12px;
}

#sitemodal .close:hover { opacity: 1; }

@media (max-width: 619px) {
    #sitemodal .modal-dialog { margin-left: 10px; margin-right: 10px; }
    #sitemodal .modal-content { display: block; }
}

#sb-container { z-index: 99999999 !important; }

.chromeframe {
    position: fixed !important;
    top: 0 !important;
    right: 0;
    left: 0;
    width: 100% !important;
    z-index: 99999999999999 !important;
    background-color: #ffff00 !important;
    color: #000 !important;
    height: 25px;
    line-height: 25px;
    padding: 0.2em 0;
    text-align: center !important;
}

#timeoutsess { display: none; }
#timeoutsess a { color: #2f70a7 !important; }

/* Block featured-products */
.featured-products > .row { margin-bottom: 35px; }
.featured-products > .row:last-child { margin-bottom: 0; }
.featured-products .img-thumbnail { margin-top: 3px; margin-bottom: 10px; background-color: #fff !important; border-width: 1px !important; padding: 0 !important; }
.featured-products ul { margin: 0; padding: 0; }
.featured-products ul > li { margin-bottom: 5px; }
.featured-products ul > li:before { font-family: 'FontAwesome'; content: '\f105'; margin-right: 5px; }

/* Account Level */
[class^='lev-'], [class*=' lev-'] { display: inline-block; }
[class^='lev-']:before, [class*=' lev-']:before { font-family: FontAwesome; font-size: inherit; margin-right: 5px; }
.lev-1:before { content: ' \f005 \f005 \f005 '; }
.lev-2:before { content: ' \f005 \f005 \f006 '; }
.lev-3:before { content: ' \f005 \f006 \f006 '; }
.lev-user:before { content: ' \f007 '; }

/* module Contact*/
.contact-result { position: absolute; top: 40px; left: 5%; width: 90%; float: left; z-index: 2; padding: 30px 20px; display: none; }

/* Block module-menu */
.module-menu { display: block; float: left; width: 100%; background-color: #333; }
.module-menu ul { margin: 0; padding: 0; }

.module-menu a {
    display: block;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.1);
    background-color: #428bca;
    background-image: linear-gradient(to right, #428bca 4px, #428bca 4px);
    background-repeat: repeat-x;
    color: #fff;
    text-decoration: none;
    margin: 0;
    padding: 9px 10px 9px 20px;
    cursor: pointer;
}

.module-menu a:before { font-family: 'FontAwesome'; content: ' \f105 '; margin-right: 5px; }
.module-menu a.home:before { content: ' \f07c '; }
.module-menu a.active { background-color: #a6c8e6; }

.module-menu a:hover,
.module-menu a.active,
.module-menu a:focus {
    color: #333;
    text-decoration: none;
    background-image: linear-gradient(to right, #42cac5 4px, rgba(0, 0, 0, 0) 4px);
}

.calendar-icon {
    background-image: url(../../../assets/images/calendar.jpg);
    background-position: right 6px center;
    background-repeat: no-repeat;
    padding-right: 26px;
}

/*alert*/
.nv-alert {
    position: fixed !important;
    top: 25% !important;
    right: 0;
    left: 0;
    width: 350px !important;
    margin: auto;
    z-index: 99999999999999 !important;
    text-align: center !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.select2-container--default .select2-selection--single,
.select2-container--bootstrap .select2-selection--single {
    height: 32px !important;
    padding-top: 2px;
}

.voting-col-2 { border-left: 1px solid #ccc; padding: 0px 10px; }
.padding-voting ul li { margin: 0px 10px; padding: 10px 0px; list-style: disc; text-align: justify; }
.sum-voting { margin-top: 5px; }

/*cookie-notice popup*/
.cookie-notice {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 350px;
    z-index: 99999999999999;
    background-color: #eee;
    border: solid 1px #dedede;
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}

.cookie-notice a { color: #1a3f5e; text-decoration: underline; }
.cookie-notice div { position: relative; width: 100%; padding: 20px; color: #333; }
.cookie-notice button { float: right; margin-top: -20px; margin-right: -20px; margin-left: 10px; margin-bottom: 10px; width: 40px; height: 40px; border: 0; font-size: 24px; }

.Menu-BlockMenu { clear: both; margin-top: 10; }
.BlockMenu { border: solid 0 #dae5fc; border-top: solid 0 #368eb4; clear: both; height: auto; padding-bottom: 0; padding-top: 0; }
.BlockMenu-headc a { color: #fff; display: block; font-size: 18px; }
.BlockMenu-headc .BlockMenu-head-l { height: 29px; border: solid 0 #dae5fc; }
.BlockMenu-headc .BlockMenu-head-b { background: url(../images/TieuDeBlockTrai.png); height: 29px; }
.BlockMenu-headc .BlockMenu-head-r { padding-top: 3px; text-align: center; color: #FFF; font-size: 12px; font-weight: bold; }

.BlockMenuPhai-headc a { color: #fff; display: block; font-size: 18px; }
.BlockMenuPhai-headc .BlockMenuPhai-head-l { height: 29px; border: solid 0 #dae5fc; }
.BlockMenuPhai-headc .BlockMenuPhai-head-b { background: url(../images/TieuDeBlockPhaiTop.png); height: 29px; }
.BlockMenuPhai-headc .BlockMenuPhai-head-r { padding-top: 3px; text-align: center; color: #FFF; font-size: 12px; font-weight: bold; }

.BlockTop { float: left; width: 596px; }
.BlockPhai { float: right; width: 243px; }

.top-bar {
    bottom: auto;
    color: #222;
    height: 26px;
    left: 0;
    margin: 0;
    padding-bottom: 10px;
    position: fixed;
    text-align: center;
    top: 0;
    vertical-align: baseline;
    width: 100%;
    z-index: 99;
}

.top-bar .main-bar { background: #f3f3f3; border: solid 1px #e0e0e0; height: 26px; margin-left: auto; margin-right: auto; width: 1080px; }
.support-line { color: #666; float: left; font-size: 11px; padding: 5px 5px 5px 10px; text-align: left; width: 40%; }
.hotline { background: url(../images/question.png) left no-repeat; color: #ffffff; display: block; height: 25px; margin-top: 0; width: 140px; }

.menu-big-l { background: url(../images/menu-big-l.png) no-repeat left top; height: 40px; }
.menu-big-b { background: url(../images/menu-big-b.png) repeat-x left top; height: 40px; padding-bottom: 1px; }
.menu-big-r { background: url(../images/menu-big-r.png) no-repeat right top; height: 40px; }
.menu-big-cr { float: right; height: 40px; padding-right: 10px; padding-top: 5px; text-align: right; }
.menu-big-cl { color: #fff; float: left; font-size: 12px; font-weight: 700; padding-left: 10px; padding-right: 10px; padding-top: 7px; width: 65%; }
.eclock { float: left; padding-left: 15px; padding-top: 3px; }
.menu-big-cr a { color: #fff; display: block; font-size: 13px; font-weight: 700; padding: 3px 3px 0; text-decoration: none; }

h3.breakcolumn { line-height: 27px; border-bottom: 1px solid #ccc; font-weight: normal; }
h3.breakcolumn span.breakcolumn { font-size: 14px; font-weight: 700; padding: 0 4px; }
h3.breakcolumn a, #news_top ul.other-news li a { font-size: 12px; }

.chugioithieuwweb { color: #F6302F; font-size: 10px; line-height: 1.8; text-align: center; }
#userform { float: right; font-size: 11px; padding: 5px; width: auto; }
#userform span { float: right; margin-left: 10px; width: auto; }
#userform a { color: inherit; text-decoration: none; }
.hotro4 { color: #666; float: left; font-size: 11px; text-align: left; width: 100%; }

.can-giua {
    padding-top: 3px;
    position: absolute;
    width: 200px;
    left: 50%;
    margin-left: -50px;
}

.myshop-tags { padding: 10px; background-color: #f8f8f8; border-radius: 5px; margin-top: 20px; }
.article__tag-line { font-size: 16px; line-height: 1.5; }
.article__tag-label { font-weight: bold; margin-right: 10px; }
.article__tag-list { display: flex; flex-wrap: wrap; gap: 10px; }

.tag-item {
    padding: 5px 10px;
    background-color: #f0f0f0;
    color: #333;
    border-radius: 20px;
    text-decoration: none;
    font-size: 14px;
    transition: background-color 0.3s, color 0.3s;
}

.tag-item:nth-child(odd) { background-color: #ff6347; color: white; }
.tag-item:nth-child(even) { background-color: #4caf50; color: white; }
.tag-item:hover { background-color: #333; color: white; cursor: pointer; }
.tag-item .tag-icon { margin-right: 5px; }

/* Kỹ thuật ẩn văn bản chuyên dụng cho SEO và người khiếm thị */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}