.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default!important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible
}

.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0;
    font-weight: normal
}

.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5
}

.ui-menu .ui-state-disabled a {
    cursor: default
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em
}

.ui-menu .ui-menu-icon {
    position: static;
    float: right
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("images/animated-overlay.gif");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block
}

.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #eee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
    color: #fff;
    font-weight: bold
}

.ui-widget-header a {
    color: #fff
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
    color: #454545;
    text-decoration: none
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #fff
}

.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited {
    color: #2b2b2b;
    text-decoration: none
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #fff
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
    color: #363636
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
    color: #fff
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color: #fff
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color: #fff
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png)
}

.ui-state-hover .ui-icon,.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png)
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_228ef1_256x240.png)
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_ffd27a_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
    border-top-left-radius: 4px
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
    border-bottom-left-radius: 4px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
    opacity: .5;
    filter: Alpha(Opacity=50)
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
    opacity: .2;
    filter: Alpha(Opacity=20);
    border-radius: 5px
}

@font-face {
    font-family: 'FontAwesome';
    font-display: block;
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: 400;
    font-style: normal
}



.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-wrapper,.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-Thin.ttf') format('truetype');
    font-weight: 100
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-Light.ttf') format('truetype');
    font-weight: 300
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: 400
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 500
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: 700
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-Black.ttf') format('truetype');
    font-weight: 900
}

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

body,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: Helvetica,Arial,sans-serif
}

ul,ol {
    padding: 0;
    margin: 0;
    list-style: none
}

h1,.h1,h2,.h2,h3,.h3 {
    margin-top: 10px;
    margin-bottom: 10px
}

.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th {
    vertical-align: middle;
    color: #015096
}

.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td {
    padding: 6px
}

p.p5 {
    margin: 0 0 5px
}

p.p8 {
    margin: 0 0 8px;
    color: #5a6d80
}

p.p8>b:not(.txt-red):not(.txt-orange):not(.txt-green):not(.txt-blue):not(.txt-purple) {
    color: rgba(0,0,0,.81)
}

input.form-control,select.form-control,.input-group-addon,.btb,.nav-tabs>li>a,.dropdown-menu {
    border-radius: 0
}

.w100 {
    width: 100%!important
}

.w60 {
    width: 60%!important
}

.w65 {
    width: 65%!important
}

.pointer,a.btb-link,span.btb-link,.text-link,a.title-link {
    cursor: pointer
}

span.disabled {
    opacity: .3
}

.popover.inside {
    left: 0!important
}

span.btb-link.active {
    font-weight: 700;
    text-decoration: none;
    cursor: default
}

.padder {
    padding: 10px
}

.padder-v {
    padding-left: 10px;
    padding-right: 10px
}

.padder-h {
    padding-top: 10px;
    padding-bottom: 10px
}

.padder-xs {
    padding: 5px
}

.padder-v-xs {
    padding-left: 5px;
    padding-right: 5px
}

.padder-h-xs {
    padding-top: 5px;
    padding-bottom: 5px
}

.p-t-xs {
    padding-top: 5px
}

.p-b-xs {
    padding-bottom: 5px
}

.p-l-xs {
    padding-left: 5px
}

.p-r-xs {
    padding-right: 5px
}

.p-t {
    padding-top: 10px
}

.p-b {
    padding-bottom: 10px
}

.p-b2x {
    padding-bottom: 20px
}

.p-l {
    padding-left: 10px
}

.p-r {
    padding-right: 10px
}

.p-l15 {
    padding-left: 15px
}

.p-r15 {
    padding-right: 15px
}

.no-p-t {
    padding-top: 0!important
}

.no-p-b {
    padding-bottom: 0!important
}

.no-p-l {
    padding-left: 0!important
}

.no-p-r {
    padding-right: 0!important
}

.no-padder {
    padding: 0!important
}

.no-padder-v {
    padding-left: 0;
    padding-right: 0
}

.no-padder-h {
    padding-top: 0;
    padding-bottom: 0
}

.wrapper {
    margin: 10px
}

.wrapper-v {
    margin-left: 10px;
    margin-right: 10px
}

.wrapper-h {
    margin-top: 10px;
    margin-bottom: 10px
}

.wrapper-xs {
    margin: 5px
}

.wrapper-v-xs {
    margin-left: 5px;
    margin-right: 5px
}

.wrapper-h-xs {
    margin-top: 5px;
    margin-bottom: 5px
}

.scroll-showtop {
    overflow-x: scroll;
    overflow-y: hidden
}

.scroll-showtop {
    height: 20px
}

.scroll-in {
    height: 20px
}

.m-t {
    margin-top: 10px
}

.m-b {
    margin-bottom: 10px
}

.m-l {
    margin-left: 10px
}

.m-r {
    margin-right: 10px
}

.m-t2 {
    margin-top: 20px
}

.m-b2 {
    margin-bottom: 20px
}

.m-l2 {
    margin-left: 20px
}

.m-r2 {
    margin-right: 20px
}

.m-t-xs {
    margin-top: 5px
}

.m-b-xs {
    margin-bottom: 5px
}

.m-l-xs {
    margin-left: 5px
}

.m-r-xs {
    margin-right: 5px
}

.m-t-m {
    margin-top: -5px
}

.no-wrapper {
    margin: 0!important
}

.no-wrapper-v {
    margin-left: 0;
    margin-right: 0
}

.fa-1x {
    font: normal normal normal 20px/1 FontAwesome;
    margin-top: 7px;
    vertical-align: top
}

.b-all {
    border: 1px solid #ddd
}

.b-t {
    border-top: 1px solid #ddd
}

.b-r {
    border-right: 1px solid #ddd
}

.b-b {
    border-bottom: 1px solid #ddd
}

.b-l {
    border-left: 1px solid #ddd
}

.b-b-dotted {
    border-bottom: 1px dotted #ddd
}

.no-m-t {
    margin-top: 0!important
}

.no-m-b {
    margin-bottom: 0!important
}

.no-m-l {
    margin-left: 0!important
}

.no-m-r {
    margin-right: 0!important
}

.no-radius {
    border-radius: 0
}

.no-border {
    border: 0!important
}

.no-b-t {
    border-top: 0!important
}

.vst-portal {
    margin: 0;
    font-size: 16px;
    line-height: 1.1
}

h1.h1-top {
    font-size: 16px
}

h1.h1-title {
    font-size: 24px
}

h2.h2-title,.f18 {
    font-size: 18px
}

h2.h2-link {
    font-size: 14px
}

.f12,h3.h3-link {
    font-size: 12px
}

.no-wrapper-h,h1.h1-top,h1.h1-title,h2.h2-title,h2.h2-link {
    margin-bottom: 0;
    margin-top: 0
}

.btb-fb {
    vertical-align: top;
    margin-right: 3px;
    display: inline-block!important
}

.btb-social {
    vertical-align: top;
    border: 1px solid #ddd;
    padding: 0 6px;
    font-size: 13px;
    cursor: pointer;
    margin-left: 3px;
    border-radius: 2px;
    height: 20px;
    line-height: 19px
}

.btb-social:hover {
    border-color: #ddd
}

.btb-social-comment {
    background-color: #076db6;
    color: #fff
}

.btb-social-shopcart {
    background-color: #076db6;
    color: #fff
}

.modal-body form sub {
    bottom: auto;
    margin-left: 5px
}

.navbar-top {
    margin-bottom: 0;
    min-height: 36px;
    border-bottom: 0;
    margin-top: -1px
}

.navbar-top .navbar-header .navbar-brand {
    font-size: inherit;
    height: auto;
    padding: 8px 10px
}

.navbar-top .navbar-collapse .navbar-form {
    margin-bottom: 0;
    margin-top: 1px;
    line-height: 10px
}

.header-logo .img-logo,.footer-logo {
    background: url(https://image.vietstock.vn/common/logoVSTF.svg) no-repeat;
    background-position-y: bottom;
    width: 182px
}

.header-logo .img-logo,.footer-logo {
    height: 90px;
    width: 215px
}

.navbar-header .top-logo {
    height: 38px
}

.nav-pills>li>a:hover {
    background: inherit
}

.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus,.nav-pills>li>a.nav-label,.nav-pills>li>a.nav-label:hover,.nav-pills>li>a.nav-label:focus {
    background: inherit;
    color: #23527c;
    font-weight: 700
}

.filter-label {
    display: inline-block
}

.filter-container>span.twitter-typeahead {
    float: left
}

.fb-page {
    width: 375px;
    height: 70px
}

.pos-relative,.dropdown-submenu {
    position: relative
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0;
    margin-left: 0;
    -webkit-border-radius: 0 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    top: 11px;
    right: 12px
}

.dropdown-submenu:hover>a:after {
    border-left-color: #01579b
}

.dropdown-submenu.pull-left {
    float: none
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px
}

.text-capitalize {
    text-transform: capitalize
}

.dn,.txt-red,b.txt-red,.text-red,b.text-red {
    color: red
}

.up,.txt-green,b.txt-green,.text-green,b.text-green {
    color: green
}

.text-yellow {
    color: #ff0
}

.txt-white,.cl-white {
    color: #fff
}

.txt-black {
    color: #000
}

.st,.txt-st,b.txt-st,.txt-stand,.txt-orange,b.txt-orange {
    color: #ffa60c
}

.txt-ceil,.txt-purple {
    color: #c900ca
}

.txt-floor,.txt-blue {
    color: #1e90ff
}

.txt-up {
    color: #008306
}

.txt-down,.txt-dn {
    color: red
}

.page-header {
    margin: 0 auto;
    padding-bottom: 0;
    border-bottom: 0
}

.page-content {
    min-height: 300px
}

.page-footer .footer-info {
    padding-bottom: 30px;
    background-color: #fff
}

.page-bottom {
    position: fixed;
    bottom: 0;
    width: 100%
}

.clear-fix,.footer-row {
    clear: both
}

.footer-row>h4 {
    margin-top: 0;
    padding-top: 6px
}

.footer-info .adv-service a[itemprop=email] {
    color: #fff
}

.footer-info .adv-service a[itemprop=email]:hover {
    color: red
}

.footer-row>ul>li:after {
    content: "";
    padding-right: 7px;
    margin-right: 4px;
    border-right: 1px dotted #9a9a9a
}

.footer-row>ul>li:last-child:after {
    border-right: 0
}

.footer-row>ul>li>a {
    color: rgba(255,255,255,.8);
    line-height: 26px
}

.footer-info .adv-service {
    padding-top: 20px
}

.footer-info .adv-service:before {
    display: block;
    content: "liên hệ quảng cáo & dịch vụ";
    position: absolute;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    top: -15px;
    left: 20px;
    padding: 5px 10px;
    border-radius: 2px
}

[lang=en-US] .footer-info .adv-service:before {
    content: "advertising contacts & services"
}

.page-footer .title-adwords {
    text-transform: uppercase
}

.page-footer .title a {
    font-weight: 700;
    text-transform: uppercase;
    color: rgba(255,255,255,.87);
    display: block
}

.heading-group {
    position: relative;
    border-color: #f44336!important;
    margin-bottom: 10px;
    background-color: #fff!important
}

.heading-group:before {
    top: 50%;
    border-top-style: solid
}

.heading-group:before,.heading-group:after {
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    width: 100%;
    height: 0;
    border-top-width: 3px;
    border-color: inherit
}

.heading-group>.heading-title {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    padding-right: 1.07143rem;
    background-color: inherit;
    z-index: 2;
    margin-top: 0
}

.nav-pills .nav-item {
    position: relative
}

.nav-pills .nav-item::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 0;
    height: 35%;
    border-right: 1px solid #ddd;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.nav-pills .nav-item>a,.nav-pills .nav-item>.nav-link {
    transition-property: color,background-color,border-color;
    transition-duration: .2s;
    transition-timing-function: ease-in;
    padding: 8px 10px 6px 7px
}

.nav-pills .nav-item:first-child>a {
    padding-left: 0
}

.i-block {
    border: 1px solid #eee;
    border-bottom: 2px solid #ddd
}

.i-box {
    box-shadow: 0 2px 5px rgba(0,0,0,.3)
}

.i-t {
    border-top: 1px solid #ddd
}

.i-t2 {
    border-top: 2px solid #ddd
}

.i-t3 {
    border-top: 3px solid #ddd
}

.i-b {
    border-bottom: 1px solid #ddd
}

.i-b2 {
    border-bottom: 2px solid #ddd
}

.i-b3 {
    border-bottom: 3px solid #ddd
}

.i-b4 {
    border-bottom: 4px solid #ddd
}

.i-b-d {
    border-bottom: 1px dotted #ddd
}

.i-img {
    border: 1px solid #eee;
    border-bottom-width: 2px;
    padding: 1px
}

.bg,.bg2 {
    background-color: #eee
}

.bg-white {
    background-color: #fff
}

.online-market li {
    display: inline;
    padding: 10px
}

.banner-news {
    border-bottom: solid 1px #ccc
}

.banner-news>li>a {
    padding: 0 10px 0 0
}

.dropdown-year {
    width: 100px;
    display: inline-block;
    height: 28px;
    margin-left: 10px;
    border-color: #ddd;
    padding: 3px 4px
}

.overlay-panel {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: rgba(50,50,50,.1)
}

.overlay-panel .overlay-body {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    margin-top: -40px;
    margin-left: -50px;
    padding: 20px;
    text-align: center
}

.nav-tabs>li>a {
    padding: 6px 8px
}

.nav-tabs.blue,.nav-pills.blue {
    border-bottom: solid 2px #337ab7
}

.nav-tabs.blue>li>a {
    border: none
}

.nav-tabs.blue>.active>a,.nav-tabs.blue>.active>a:hover,.nav-tabs.blue>.active>a:focus,.nav-tabs.blue>li>a:hover {
    background-color: #337ab7;
    color: #fff;
    border: none
}

.headline {
    display: block;
    margin: 10px 0 5px;
    border-bottom: 1px solid #ddd
}

.headline h2,.headline h3,.headline h4 {
    margin: 0 0 -2px;
    padding-bottom: 8px;
    display: inline-block
}

.headline>a.title-link {
    margin-top: -3px
}

.loading {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: .7;
    background-color: #fff;
    z-index: 20
}

.navbar-nav.nav-top>li>a:hover,.navbar-nav.nav-top>li>a:focus {
    background: inherit
}

.breadcrumbs {
    font-size: 14px
}

.breadcrumbs:after {
    content: "";
    display: block;
    clear: both
}

.breadcrumbs>.breadcrumb {
    margin-bottom: 0;
    padding: 0;
    background: transparent;
    border: 0 solid #e8e8e8
}

.breadcrumbs>.breadcrumb li,.breadcrumbs>.breadcrumb a.title-link {
    color: #8a8f94!important
}

.breadcrumbs>.breadcrumb a.title-link:hover {
    color: #1562a1!important
}

.breadcrumbs>.breadcrumb>li+li:before {
    content: ">"!important;
    padding: 0 5px;
    color: #8a8f94!important
}

.breadcrumbs>.head-bread {
    padding: 0 0 0
}

.popover-content blockquote {
    font-size: inherit
}

.v-table {
    width: 100%;
    display: table
}

.v-cell {
    display: table-cell
}

.noscroll {
    overflow: hidden!important
}

.scrollbar {
    overflow-x: hidden;
    overflow-y: auto
}

.scrollbar::-webkit-scrollbar-track {
    background-color: #eee
}

.scrollbar::-webkit-scrollbar {
    width: 3px;
    background-color: #eee
}

.scrollbar::-webkit-scrollbar-track:hover {
    background-color: transparent
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: #ccc
}

.-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: transparent
}

.tab-content {
    position: relative
}

.tab-content>.tab-pane>.popover {
    left: 0!important
}

.inline-block {
    display: inline-block!important
}

.table-hover>tbody>tr:hover,.table-hover>tbody>tr:hover>td {
    background-color: #ffdead!important
}

.table-middle>thead>tr>th,.table-middle>tbody>tr>th,.table-middle>tfoot>tr>th,.table-middle>thead>tr>td,.table-middle>tbody>tr>td,.table-middle>tfoot>tr>td {
    vertical-align: middle
}

table.table.responsive tr.group {
    background-color: #f5f5f5
}

.tr-odd>td {
    background-color: #f9f9f9
}

ul.square>li {
    padding: 5px 0
}

ul.square>li:before,ul>li>.square:before {
    content: "∎";
    padding-right: 8px;
    font-size: 10px
}

ul>li>.square:before {
    padding-right: 0
}

.table.no-border>tbody>tr>td,.table.no-border-t>tbody>tr:first-child>td {
    border-top: 0
}

.select2-results .select-group {
    font-weight: 700;
    padding-left: 6px!important;
    background-color: #fafafa
}

a,.pos-relative .btb-group .btb-default,.view-tab.nav-tabs>li>a,.index-tab.nav-tabs>li>a {
    color: #015096
}

.index-tab.nav-tabs>li>a {
    font-size: 12px;
    padding: 6px 8px 2px;
    font-weight: 700
}

.index-tab.nav-tabs>li>a:hover,.index-tab.nav-tabs>li.active>a {
    border-width: 0;
    border-bottom-width: 1px
}

.index-row {
    padding: 4px 0;
    border-bottom: 1px solid #f3f3f3
}

.index-row>.code {
    color: rgba(0,0,0,.6);
    font-weight: 700
}

.index-row span.price {
    font-weight: 700;
    padding-right: 10px;
    color: rgba(0,0,0,.7)
}

.index-row span.change {
    width: 100px;
    display: inline-block
}

.index-content {
    min-height: 90px
}

.index-content>div:first-child {
    min-height: 58px
}

.index-content>.pos-relative {
    width: 80%
}

.select2-container--bootstrap .select2-selection {
    border-radius: 0!important
}

.view-tab-menu {
    width: 100%;
    text-align: left;
    position: relative
}

.view-tab-menu>span {
    position: absolute;
    right: 10px;
    top: 12px
}

.btb-header,.headline .btb.link-detail {
    margin-top: -5px
}

.text-link,a.text-link {
    color: #333
}

h1.title {
    font-size: 24px
}

.txt-bold,.text-bold,h2.h2-link,h3.h3-link,h1.title,h2.title,h3.title,h3 .title-link,h4.title,h4 .title-link,.title.active,a.title-link.active,.text-link.active {
    font-weight: 700
}

h2.title-2 {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 5px
}

h3.title-x {
    margin: 0;
    font-size: 14px;
    display: inline-block
}

a.title-link:hover,a.title-link:focus,.text-link:hover,.text-link:focus {
    color: red;
    text-decoration: none
}

h4.title.title-active {
    margin: 0;
    padding: 10px 5px;
    border-left: 5px solid #f44336;
    color: #fff;
    font-weight: 400
}

.col-date,.table>thead>tr>th.col-date {
    width: 85px
}

.col-20,.table>thead>tr>th.col-20 {
    width: 20px
}

.col-30,.table>thead>tr>th.col-seq {
    width: 30px
}

.col-40,.table>thead>tr>th.col-40 {
    width: 40px
}

.col-50,.table>thead>tr>th.col-50 {
    width: 50px
}

.col-60,.table>thead>tr>th.col-60 {
    width: 60px
}

.col-70,.table>thead>tr>th.col-70 {
    width: 70px
}

.col-80,.table>thead>tr>th.col-80 {
    width: 80px
}

.col-90,.table>thead>tr>th.col-90 {
    width: 90px
}

.col-100,.table>thead>tr>th.col-100 {
    width: 100px
}

.col-110,.table>thead>tr>th.col-110 {
    width: 110px
}

.col-120,.table>thead>tr>th.col-120 {
    width: 120px
}

.col-130,.table>thead>tr>th.col-130 {
    width: 130px
}

.col-150,.table>thead>tr>th.col-150 {
    width: 150px
}

.col-160,.table>thead>tr>th.col-160 {
    width: 160px
}

.col-180,.table>thead>tr>th.col-180 {
    width: 180px
}

.col-200,.table>thead>tr>th.col-200 {
    width: 200px
}

.icon-rss,.icon-en,.icon-vi {
    vertical-align: top
}

.icon-rss>img {
    height: 18px;
    width: 20px;
    margin-top: 2px
}

.icon-vi>img {
    height: 22px;
    margin-top: 0
}

.statistic-trans>p {
    margin-bottom: 0;
    padding: 5px 8px;
    border-bottom: 1px solid #ddd
}

.loading-container {
    margin: 100px auto;
    text-align: center
}

.loading-container>img {
    width: 35px;
    height: 35px
}

.w-auto {
    width: auto
}

.hl-changing {
    background-color: #e88a2b!important
}

.tt-menu {
    width: 470px;
    margin: 2px 0;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2)
}

.tt-dataset>div {
    padding: 8px 10px;
    line-height: normal
}

.statistic-trans>p:nth-child(even),.tt-dataset>div:nth-child(even) {
    background-color: #f7f7f7
}

.tt-dataset>div.tt-suggestion {
    cursor: pointer;
    display: table;
    width: 100%;
    padding: 6px 10px
}

.tt-dataset>div.tt-suggestion>span {
    display: table-cell
}

.tt-dataset>div.tt-suggestion>span:last-child {
    width: 70px;
    text-align: right
}

.tt-dataset>div.tt-suggestion p {
    margin: 0
}

.cs-loader {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cs-loader-inner {
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    width: calc(100% - 200px);
    color: #337ab7;
    padding: 0 100px;
    text-align: center
}

.cs-loader-inner label {
    font-size: 15px;
    opacity: 0;
    padding: 5px;
    display: inline-block
}

@keyframes lol {
    0% {
        opacity: 0;
        transform: translateX(-300px)
    }

    33% {
        opacity: 1;
        transform: translateX(0)
    }

    66% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(300px)
    }
}

@-webkit-keyframes lol {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-300px)
    }

    33% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    66% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(300px)
    }
}

.cs-loader-inner label:nth-child(6) {
    -webkit-animation: lol 3s infinite ease-in-out;
    animation: lol 3s infinite ease-in-out
}

.cs-loader-inner label:nth-child(5) {
    -webkit-animation: lol 3s 100ms infinite ease-in-out;
    animation: lol 3s 100ms infinite ease-in-out
}

.cs-loader-inner label:nth-child(4) {
    -webkit-animation: lol 3s 200ms infinite ease-in-out;
    animation: lol 3s 200ms infinite ease-in-out
}

.cs-loader-inner label:nth-child(3) {
    -webkit-animation: lol 3s 300ms infinite ease-in-out;
    animation: lol 3s 300ms infinite ease-in-out
}

.cs-loader-inner label:nth-child(2) {
    -webkit-animation: lol 3s 400ms infinite ease-in-out;
    animation: lol 3s 400ms infinite ease-in-out
}

.cs-loader-inner label:nth-child(1) {
    -webkit-animation: lol 3s 500ms infinite ease-in-out;
    animation: lol 3s 500ms infinite ease-in-out
}

@-webkit-keyframes n-carousel {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        -webkit-transform: translate3d(-3500px,0,0);
        transform: translate3d(-3500px,0,0)
    }
}

@keyframes n-carousel {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        -webkit-transform: translate3d(-2500px,0,0);
        transform: translate3d(-2500px,0,0)
    }
}

.news-wrapper-stock,.news-wrapper-home {
}

.news-wrapper-mobile {
    position: relative;
    margin-right: 105px
}

.news-wrapper {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 60px;
    top: 0;
    width: 100%
}

.news-wrapper-home>.news-wrapper {
    padding: 0;
    padding-right: 10px
}

.news-wrapper-stock>.news-wrapper,.news-wrapper-mobile>.news-wrapper {
    padding: 0
}

.news-wrapper .inner {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 8px 0 26px 100%;
    position: relative;
    width: 100%
}

.news-wrapper .inner ul {
    -webkit-animation: n-carousel 72s linear infinite;
    animation: n-carousel 72s linear infinite;
    margin: 0;
    list-style: none;
    padding: 0;
    position: absolute;
    white-space: nowrap
}

.news-wrapper .inner ul:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.news-wrapper .inner ul li {
    display: inline-block;
    padding-right: 40px
}

.news-wrapper .inner ul li a {
    margin: 0 5px;
    color: #545b66
}

.news-wrapper .inner ul li a:hover {
    color: #015096
}

.news-wrapper .inner ul li span.iconGift01 {
    background-color: #e6f4ea;
    border-radius: 100%;
    padding: 5px 3px 7px 5px
}

.news-wrapper .inner ul li span.iconGift02 {
    background-color: #fce8e6;
    border-radius: 100%;
    padding: 5px 3px 7px 7px
}

.news-wrapper .inner ul li span.iconGift03 {
    background-color: #fdf3e7;
    border-radius: 100%;
    padding: 5px 3px 7px 7px
}

.news-wrapper .inner ul li span.iconGift04 {
    background-color: #e3effd;
    border-radius: 100%;
    padding: 5px 3px 7px 7px
}

.view-content {
    margin-top: 15px;
    min-height: 300px
}

.input-group-btb>label,input.form-control,select.form-control {
    padding: 6px 8px
}

.f20 {
    font-size: 20px
}

span.i-r {
    font-size: 20px;
    vertical-align: middle;
    color: #ffa500;
    margin-right: 5px;
    line-height: 14px
}

.al-top,.al-top .twitter-typeahead {
    vertical-align: top!important
}

.al-middle {
    vertical-align: middle!important
}

.page-scroll {
    position: fixed;
    bottom: 55px;
    right: 0;
    z-index: 99
}

.scroll-top,.control-button-grid,.control-button-exit,.control-button-fullscreen,.control-button-notfullscreen {
    transition: all .5s ease-in-out;
    color: #fff;
    width: 40px;
    height: 40px;
    font-size: 20px;
    background-color: #1e88e5;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    padding-top: 6px;
    margin: 10px
}

.control-button-grid {
    bottom: 55px
}

.scroll-top {
    display: none
}

.control-button-exit {
    display: none
}

.control-button-fullscreen,.control-button-notfullscreen {
    display: none
}

.scroll-top:hover,.control-button-grid:hover,.control-button-exit:hover,.control-button-fullscreen:hover {
    opacity: .8
}

.home-filter-text {
    width: 300px
}

.mobile-search>.v-table {
    height: 38px
}

.mobile-search .twitter-typeahead,.mobile-search .twitter-typeahead>.tt-input,.mobile-search .twitter-typeahead>.tt-hint,.mobile-search .twitter-typeahead>.tt-menu,.form-group.group-filter>.twitter-typeahead,.form-group.group-filter>.twitter-typeahead>.tt-input,.form-group.group-filter>.twitter-typeahead>.tt-hint,.form-group.group-filter>.twitter-typeahead>.tt-menu {
    width: 100%!important
}

.modal-overlay {
    background-color: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    display: none
}

.modal-overlay.search {
    display: block;
    opacity: .1
}

.content-grid,.content-kq,.table-kq {
    min-height: 300px
}

.footer-row>ul>li {
    display: inline-block
}

.pagination,.pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-radius: 0
}

.modal.article-modal {
    text-align: center;
    padding: 0!important;
    display: block;
    background-color: rgba(0,0,0,.4)
}

.modal.article-modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.note-icon {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px
}

.article-modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.article-modal .modal-body {
    padding: 0;
    margin-bottom: 15px
}

.article-modal .modal-content {
    min-height: 450px;
    max-height: 95%
}

.article-modal .modal-body .title.padder {
    padding-right: 30px
}

.article-modal .modal-body>div p {
    margin-bottom: 1.28em;
    line-height: 1.5
}

.no-display,.modal.article-modal.overview-modal,.nav-pills.single .nav-item::after,.nav-pills .nav-item:last-child::after,.article-modal .modal-body p.pHead,.article-modal .modal-body p.pTitle,.article-modal .modal-body p.pInterTitle {
    display: none
}

.article-modal .modal-body>div p.pBody {
    font-size: 16px
}

.article-modal .modal-body>div p.pQuestion {
    font-size: 16px;
    font-style: italic;
    font-weight: bold
}

.article-modal .modal-dialog button.close {
    padding: 5px 10px;
    opacity: .6;
    color: red;
    z-index: 99;
    position: absolute;
    right: 0
}

.article-modal .modal-body p.pSource {
    font-size: 10pt;
    float: right;
    color: #696969;
    text-transform: uppercase;
    font-style: italic;
    margin-bottom: 0;
    clear: both
}

.article-modal .modal-body>div table {
    margin-bottom: 10px
}

.article-modal .modal-body p.pAuthor {
    font-size: 11pt;
    float: right;
    font-weight: 700;
    color: #696969;
    margin-bottom: 0;
    clear: both
}

.article-modal .modal-content .scrollbar {
    padding-bottom: 30px
}

.article-modal .modal-content table tr>td {
    padding: 5px
}

.article-modal .modal-content .width_medium p img {
    margin-right: 8px
}

a.link-attach,.article-modal .modal-content table a,.article-modal .modal-content a.attachment {
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal
}

.table-fixed thead {
    width: 100%
}

.table-fixed tbody {
    height: 230px;
    overflow-y: auto;
    width: 100%;
    background-color: #fff
}

.block,.table-fixed thead,.table-fixed tbody,.table-fixed tr,.table-fixed td,.table-fixed th {
    display: block
}

.table-fixed tbody td,.table-fixed thead>tr>th {
    float: left;
    border-bottom-width: 1px
}

.table-fixed.table-striped>tbody>tr:nth-of-type(odd)>td {
    background-color: #f9f9f9
}

.social-groups .fa {
    padding: 5px 10px;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    color: #fff
}

.social-groups .fa:hover {
    opacity: .7
}

.social-groups .fa-facebook {
    background: #3b5998
}

.social-groups .fa-twitter {
    background: #55acee
}

.social-groups .fa-google {
    background: #dd4b39
}

.social-groups .fa-linkedin {
    background: #007bb5
}

.unzone-header {
    background-color: #01579b;
    text-align: center
}

.unzone-header>h1 {
    margin-top: 10px!important;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 26px
}

.twitter-typeahead .form-control.typeahead.top-filter.tt-input {
}

.highcharts-container {
    background: url(https://image.vietstock.vn/common/vietstock_60.png) no-repeat center center
}

@media screen and (max-width: 370px) {
    .trade-exchange-content .h4 {
        font-size:16px;
        font-weight: 700
    }

    .content-kq .headline>.title {
        font-size: 16px
    }
}

@media screen and (max-width: 767px) {
    .table-responsive {
        border:0
    }

    .article-modal .modal-dialog {
        margin: 0;
        position: fixed;
        top: 0;
        left: 0;
        right: 0
    }

    .article-modal .modal-content {
        min-height: unset;
        max-height: 90%
    }

    .article-modal .modal-dialog .modal-body {
        padding: 0
    }

    .article-modal .modal-dialog .modal-body table {
        width: auto!important
    }

    .article-modal .modal-dialog .modal-body img,.article-modal .modal-dialog .modal-body table img {
        width: 100%!important;
        height: auto!important
    }

    .article-modal .modal-dialog .modal-body .pCaption {
        font-style: italic;
        font-weight: 100
    }

    .article-modal .modal-content .scrollbar {
        max-height: 400px
    }

    .navbar-top .navbar-collapse.in {
        overflow: hidden
    }

    .navbar-top .navbar-collapse>.nav-top>li>a {
        padding: 5px 20px
    }

    h1.title {
        font-size: 18px
    }

    h2.title-2 {
        font-size: 14px
    }

    .page-footer .footer-info {
        color: rgba(255,255,255,.87);
        background: #122b50
    }

    .footer-row {
        margin-bottom: 10px
    }

    .footer-row>h4 {
        text-align: left;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom-width: 3px;
        border-bottom-style: solid
    }

    .footer-row>ul {
        border: 0;
        padding-bottom: 0
    }

    .footer-row>ul>li {
        line-height: 25px
    }

    .footer-company-action .collapse-up,.footer-company-action.collapsed .expand-down {
        display: inline-block
    }

    .footer-company-action.collapsed .collapse-up,.footer-company-action .expand-down {
        display: none
    }

    .page-footer .footer-info {
        padding-bottom: 20px
    }

    .page-footer .footer-info p {
        font-size: 12px;
        margin-bottom: 5px
    }

    .page-footer .footer-info .copyright-container {
        color: rgba(255,255,255,.87)
    }

    .page-footer .footer-info .adv-service {
        padding-left: 0;
        padding-right: 0;
        border-top: 1px solid #0277bd;
        background-color: inherit
    }

    .page-footer .footer-info .copyright-container a {
        color: #fff
    }

    .breadcrumbs>.head-bread,.head-right {
        padding: 0
    }

    .breadcrumbs>.head-bread {
        z-index: 1;
        margin-top: 10px
    }

    .icon-rss,.icon-en,.icon-vi,.breadcrumbs>.head-bread>.icon-vst {
        margin-top: -3px
    }

    .breadcrumbs>.head-bread>.icon-rss {
        display: none!important
    }

    .nav-pills>li>a {
        padding: 10px 5px
    }

    .home-filter-text {
        width: 100%;
        margin-bottom: 0
    }

    .view-tab.kqkd-tab,.view-tab.collapse.in {
        display: block
    }

    .view-tab>li {
        float: none;
        border: 1px solid #ddd
    }

    .view-tab.knowledge-tab>li {
        display: inline-block;
        border: 0
    }

    .view-tab>li.active {
        border: 0
    }

    .view-tab>li>a {
        margin-right: 0;
        border-radius: 0
    }

    .view-tab.kqkd-tab>li {
        float: left;
        border: 0
    }

    .view-content {
        margin-top: 10px
    }

    .view-content form>.form-group,.view-content .form>.form-group,.view-content .form-inline>.form-group {
        display: table;
        width: 100%;
        margin-bottom: 10px
    }

    .view-content form>.form-group>label,.view-content .form>.form-group>label {
        width: 80px!important
    }

    .view-content .finance-content form>.form-group>label,.view-content .finance-content .form>.form-group>label {
        width: 90px!important
    }

    .view-content .finance-content .btb-group button.btb.dropdown-toggle {
        padding: 3px 8px
    }

    .view-content .relation-content .form-inline>.form-group>label {
        width: 100px!important
    }

    .content-kq form>.form-group>select,.content-kq .form>.form-group>select,.view-content form>.form-group>select {
        display: inline-block;
        width: calc(100% - 145px)
    }

    .business-result .result-filter.form-inline>.form-group input.tt-input {
        width: 200px
    }

    .business-result .result-filter.form-inline>.form-group>select {
        width: calc(100% - 200px)!important;
        min-width: auto!important;
        display: inline-block
    }

    .content-kq .table-responsive>table.fixed-column tr>th {
        height: 95px
    }

    .content-kq.business-result .table-responsive>table.fixed-column tr>th {
        height: 87px
    }

    .view-content .relation-content .form-inline>.form-group>select {
        display: inline-block;
        width: 50%!important;
        margin-right: 0
    }

    .view-content .relation-content .form-inline>.form-group>input {
        margin-right: 0;
        vertical-align: top
    }

    .view-content .relation-content .form-inline>.form-group>select[name=exchange] {
        display: inline-block;
        width: calc(100% - 110px)!important
    }

    .content-kq form>button,.content-kq .form>button,.view-content form>button,.view-content .form>button {
        float: right;
        margin-top: -44px
    }

    .view-content form>.form-group>button[data-toggle=collapse],.view-content .form>.form-group>button[data-toggle=collapse] {
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .view-content form>.form-group>button[data-toggle=collapse] .caret,.view-content .form>.form-group>button[data-toggle=collapse] .caret {
        margin-left: 10px
    }

    .content-kq form>.form-group>button .view-content form>.form-group>button,.content-kq .form>.form-group>button .view-content .form>.form-group>button {
        float: right
    }

    .view-content form>.form-group .filter-label,.view-content .form>.form-group .filter-label,.view-content form>.form-group .filter-container,.view-content .form>.form-group .filter-container,.view-content .form-inline>.form-group .input-group,.view-content form>.form-group .input-group,.view-content .form>.form-group .input-group,.content-kq form>.form-group .input-group,.content-kq .form>.form-group .input-group {
        display: table-cell;
        float: none;
        vertical-align: middle
    }

    .view-content .form-inline>.form-group .input-group>input.form-control {
        width: calc(100% - 36px)!important;
        min-width: auto!important
    }

    .view-content .form-inline.trans-filter-form>.form-group .input-group>input.form-control {
        width: calc(100% - 115px)!important
    }

    .view-content form>.form-group .input-group>input.form-control,.view-content .form>.form-group .input-group>input.form-control {
        width: auto;
        min-width: auto!important
    }

    .view-content form>.form-group .input-group>span.input-group-addon,.view-content .form-inline>.form-group .input-group>span.input-group-addon {
        padding: 9px 8px 8px;
        width: 36px
    }

    .view-content form>.form-group .filter-container>select,.view-content form>.form-group .filter-container>input {
        min-width: 100%!important
    }

    .statistic-trans>.headline {
        margin-bottom: 0
    }

    .statistic-trans>p>a.title-link {
        padding-top: 3px
    }

    .view-content form>.form-group .filter-container>span.twitter-typeahead .tt-menu,.view-content .form>.form-group .filter-container>span.twitter-typeahead .tt-menu {
        width: 300px;
        left: auto!important;
        right: 0;
        max-height: 350px;
        overflow: auto
    }

    .view-content form>.form-group .filter-container>span.twitter-typeahead input,.view-content .form>.form-group .filter-container>span.twitter-typeahead input {
        min-width: 100%!important
    }

    .view-content .form-inline.trans-filter-form {
        position: relative
    }

    .view-content .form-inline.trans-filter-form .btb-trans-filter {
        position: absolute;
        bottom: 0;
        width: auto;
        right: 0
    }

    .document-content .pagination {
        float: none!important
    }

    label.btb {
        padding: 6px 7px
    }

    .btb-social>i {
        padding-left: 5px;
        padding-right: 5px
    }

    select.form-control.ddlRows {
        padding: 6px 1px;
        width: 50px!important
    }

    .view-tab.swipe-tabs.fixed {
        position: fixed;
        top: 46px;
        height: 40px;
        z-index: 9;
        margin-left: -10px;
        width: 100%
    }

    .view-tab.swipe-tabs>button {
        border: 0;
        background-color: inherit;
        position: absolute;
        top: 0;
        z-index: 9;
        width: 24px;
        height: 40px;
        outline: 0
    }

    .view-tab.swipe-tabs>button.slick-next {
        right: 0
    }

    .view-tab.swipe-tabs>button.slick-disabled {
        opacity: .25
    }

    .view-tab.swipe-tabs>button.slick-next.slick-disabled {
        display: none!important
    }

    .view-tab.swipe-tabs>button>i {
        font-size: 24px
    }

    .view-tab.swipe-tabs>.slick-list {
        margin-left: 24px
    }

    .view-tab.swipe-tabs>.slick-list>.slick-track {
        height: 36px
    }

    .view-tab.swipe-tabs .swipe-tab {
        outline: 0;
        padding: 0 5px
    }

    .view-tab.swipe-tabs .swipe-tab>a {
        margin: 10px auto;
        display: block;
        outline: 0;
        text-decoration: none;
        float: left
    }

    .view-tab.swipe-tabs .swipe-tab.active>a:after {
        width: 100%;
        height: 3px;
        background-color: #f44336;
        content: "";
        display: inline-block;
        margin-top: 3px;
        float: left
    }

    .table-responsive>table.fixed-column {
        position: absolute;
        display: inline-block;
        width: auto;
        border-right: 1px solid #ddd;
        background-color: #fff;
        z-index: 2
    }

    .table-responsive>.table.table-space>thead>tr>th,.table-responsive>.table.table-space>tbody>tr>td {
        white-space: normal
    }

    .modal-buydata,.modal-comment {
        padding-left: 0!important
    }

    .modal-buydata>.modal-dialog,.modal-comment>.modal-dialog {
        margin: 0!important
    }

    span.text.fs12 {
        font-size: 12px
    }

    .company-relate-tab>.relate-total {
        display: block;
        float: none!important;
        text-align: right
    }

    .unzone-header>h1 {
        margin-top: 10px;
        font-size: 20px
    }
}

@media screen and (min-width: 768px) {
    .col-sm-offset-right-12 {
        margin-right:100%
    }

    .icon-en {
        margin-top: -1px
    }

    .home-filter {
        float: right
    }

    .footer-row>h4 {
        width: 225px;
        float: left;
        text-align: right;
        padding-right: 20px
    }

    .footer-row>ul {
        margin-left: 225px;
        margin-top: 15px;
        padding-bottom: 15px
    }

    .footer-page,.footer-company-info.collapse {
        display: block
    }

    .page-footer .footer-info p {
        margin-bottom: 5px
    }

    .page-footer .footer-info>.container>.row {
        margin-top: 10px;
        padding-top: 10px
    }

    .navbar-brand {
        padding: 9px 10px
    }

    .navbar-nav>li>a {
        padding: 8px 10px 7px
    }

    .view-tab {
        display: block!important;
        min-height: 45px
    }

    .view-tab>li {
        margin-bottom: 0;
        margin-left: 4px
    }

    .view-tab>li:first-child {
        margin-left: 10px
    }

    .view-tab.nav-tabs>li>a {
        padding: 10px 9px;
        border-width: 1px;
        border-bottom-width: 0;
        text-align: center
    }

    .view-tab.kqkd-tab {
        min-height: 35px;
        display: block!important
    }

    .view-tab.kqkd-tab>li {
        margin-left: 0;
        margin-right: 0;
        float: left
    }

    .view-tab.nav-tabs.kqkd-tab>li>a {
        padding: 5px 12px;
        border-width: 1px;
        border-bottom-width: 0
    }

    .navbar-top .navbar-form .tt-menu {
        right: -28px;
        left: auto!important
    }

    .filter-company-container .tt-menu {
        right: -160px;
        left: auto!important
    }

    .fg-2 {
        margin-left: 10px
    }

    .event-calendar .form-inline .form-group {
        vertical-align: top
    }

    .view-tab.swipe-tabs.fixed {
        position: fixed;
        top: 38px;
        height: 40px;
        z-index: 80;
        margin-left: -10px;
        width: 100%
    }

    .view-tab.swipe-tabs>button {
        border: 0;
        background-color: inherit;
        position: absolute;
        top: 0;
        z-index: 10;
        width: 30px;
        height: 40px;
        outline: 0
    }

    .view-tab.swipe-tabs>button.slick-next {
        right: 0
    }

    .view-tab.swipe-tabs>button.slick-disabled {
        opacity: .25
    }

    .view-tab.swipe-tabs>button>i {
        font-size: 24px
    }

    .view-tab.swipe-tabs>.slick-list>.slick-track {
        height: 36px
    }

    .view-tab.swipe-tabs .swipe-tab {
        outline: 0;
        padding: 0 10px
    }

    .view-tab.swipe-tabs .swipe-tab>a {
        margin: 10px auto;
        display: block;
        outline: 0;
        text-decoration: none;
        float: left
    }

    .view-tab.swipe-tabs .swipe-tab.active>a:after {
        width: 100%;
        height: 3px;
        background-color: #f44336;
        content: "";
        display: inline-block;
        margin-top: 3px;
        float: left
    }

    .page-content form>.form-group>label,.page-content .form>.form-group>label {
        padding-top: 8px
    }
}

@media screen and (min-width: 768px) and (max-width:992px) {
    input.typeahead.top-filter {
        width:90px!important
    }

    input.typeahead.top-filter:focus {
        width: 250px!important;
        margin-left: -250px;
        background-color: #fff!important
    }

    .stock-row-right {
        display: inline-block;
        vertical-align: top
    }

    .stock-row-right.row-1 {
        width: 60%
    }

    .stock-row-right.row-2 {
        width: 39%
    }

    .article-modal .modal-content .scrollbar {
        max-height: 600px
    }

    .view-tab {
        min-height: 40px
    }

    .view-tab.swipe-tabs>.slick-list>.slick-track {
        margin-left: 20px
    }

    .view-tab.swipe-tabs .slick-track .slick-slide>a {
        margin: 10px auto;
        padding: 0 10px;
        display: block;
        outline: 0;
        text-decoration: none;
        float: left
    }

    .view-tab.swipe-tabs .active.slick-slide>a:after {
        width: 100%;
        height: 3px;
        background-color: #f44336;
        content: "";
        display: inline-block;
        margin-top: 3px;
        float: left
    }
}

@media screen and (min-width: 992px) {
    .col-date,.table>thead>tr>th.col-date {
        min-width:85px
    }

    .col-30,.table>thead>tr>th.col-seq {
        min-width: 30px
    }

    .col-40,.table>thead>tr>th.col-40 {
        min-width: 40px
    }

    .col-50,.table>thead>tr>th.col-50 {
        min-width: 50px
    }

    .col-60,.table>thead>tr>th.col-60 {
        min-width: 60px
    }

    .col-70,.table>thead>tr>th.col-70 {
        min-width: 70px
    }

    .col-80,.table>thead>tr>th.col-80 {
        min-width: 80px
    }

    .col-90,.table>thead>tr>th.col-90 {
        min-width: 90px
    }

    .col-100,.table>thead>tr>th.col-100 {
        min-width: 100px
    }

    .col-110,.table>thead>tr>th.col-110 {
        min-width: 110px
    }

    .col-120,.table>thead>tr>th.col-120 {
        min-width: 120px
    }

    .col-130,.table>thead>tr>th.col-130 {
        min-width: 130px
    }

    .col-150,.table>thead>tr>th.col-150 {
        min-width: 150px
    }

    .col-160,.table>thead>tr>th.col-160 {
        min-width: 160px
    }

    .col-180,.table>thead>tr>th.col-180 {
        min-width: 180px
    }

    .col-200,.table>thead>tr>th.col-200 {
        min-width: 200px
    }

    .stock-viewed {
        margin-left: -120px;
        text-align: right;
        min-height: 26px;
        padding-right: 10px
    }

    .stock-followed {
        margin-left: -330px;
        text-align: right;
        padding-bottom: 10px;
        padding-right: 10px
    }

    .row.stock-row,.row.table-row {
        display: table;
        float: none;
        width: 100%;
        overflow: hidden
    }

    .row.stock-row>.stock-cell,.row.table-row>.table-cell {
        display: table-cell;
        float: none
    }

    .filter-company-container .tt-menu {
        right: auto
    }

    .stock-row-right {
        display: table;
        width: 100%;
        height: 100%;
        float: left;
        position: absolute
    }

    .stock-row-right.row-1 {
        top: 0
    }

    .stock-row-right.row-2 {
        bottom: -5px
    }

    .fixed-column {
        display: none
    }

    [lang=en-US] .stock-viewed {
        min-height: 24px
    }

    [lang=en-US] .stock-followed {
        margin-left: -210px;
        line-height: 15px;
        padding-bottom: 0
    }

    [lang=en-US] .row.stock-row {
        min-height: 290px
    }

    .row.stock-row.stock-row-empty {
        min-height: auto
    }

    [lang=en-US] .stock-cell>div.text-bold {
        margin-right: 70px
    }

    [lang=en-US] .stock-row-right.row-2 {
        bottom: -20px;
        top: 50px
    }

    [lang=en-US] .bt3 p>small {
        font-size: 80%;
        vertical-align: top
    }

    [lang=en-US] .bt3 p>b {
        font-size: 13px;
        padding-top: 2px
    }

    [lang=en-US] .bt3 .col-c,[lang=en-US] .bt3 .col-c-last .col-ce {
        padding-left: 1px;
        padding-right: 1px
    }
}

@media screen and (min-width: 1200px) {
    .view-tab>li {
        margin-right:2px
    }

    .view-tab.nav-tabs>li>a {
        padding: 10px 10px
    }

    [lang=vi-VN] .stock-row-right.row-2 {
        top: 50px
    }

    .article-modal .modal-dialog {
        width: 700px
    }

    .article-modal .modal-content {
        min-height: 600px;
        max-height: 800px
    }

    .article-modal .modal-content .scrollbar {
        max-height: 600px
    }
}

@media screen and (width: 768px) {
    .home-filter-text {
        width:280px
    }

    .navbar-top .navbar-form .tt-menu {
        right: -37px;
        left: auto!important
    }

    .filter-company-container .tt-menu {
        left: 0!important
    }

    .view-tab-menu,.view-tab.collapse.in {
        display: block!important
    }

    .view-tab>li {
        float: none;
        margin-bottom: 0;
        margin-left: 0
    }

    .view-tab>li:first-child {
        margin-left: 0
    }

    .view-tab>li.active {
        border: 0
    }

    .view-tab>li>a {
        margin-right: 0;
        border-radius: 0
    }
}

@media screen and (width: 1024px) {
    h1.h1-title.title {
        font-size:22px
    }

    .stock-followed {
        margin-left: -90px
    }

    .stock-viewed>a {
        padding-left: 0!important
    }

    .stock-cell>div.text-bold {
        margin-right: 80px
    }

    .stock-cell>div.text-bold>span {
        display: inline-block;
        margin: 0
    }

    .stock-row-right.row-2>div {
        font-size: 13px
    }

    ul.nav.nav-pills.nav-profile>li>a {
        padding-left: 4px!important;
        padding-right: 0!important
    }

    [lang=vi-VN] .stock-followed {
        margin-left: -255px
    }

    [lang=en-US] .stock-cell>h4 {
        margin-right: 180px
    }

    [lang=en-US] .sector-level {
        margin-right: 70px
    }
}

.div-title-link {
    padding: 8px 10px 7px
}

#ul-top-menu .title-link {
    font-size: 12px;
    color: #545b66
}

#ul-top-menu .title-link:hover {
    color: #015096
}

#header-news .title-link,.navbar-login .title-link {
    color: #545b66
}

#header-news .title-link:hover,.navbar-login .title-link:hover {
    color: #015096
}

#request-upgrade-account-popup {
    z-index: 1052
}

#request-upgrade-account-popup .modal-content {
    background: #e6eef7
}

#img-warning-request-upgrade-account {
    width: 25px;
    height: 22px
}

.title-header-popup {
    background: #1c579b;
    color: #fff;
    padding: 5px
}

#popup-messenge .content-data {
    word-break: break-word;
    padding: 10px
}

.part-center {
    margin: 0 auto
}

a.notification {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url('/content/images/thong-bao.svg');
    background-size: contain;
    background-repeat: no-repeat;
    text-decoration: none
}

.num {
    border-radius: 6px;
    background-color: red;
    position: absolute;
    right: 0;
    top: 5px;
    color: #fff;
    width: 13px;
    height: 13px;
    text-align: center;
    font-size: 10px;
    display: none
}

.navbar-login {
    display: flex;
    align-items: center;
    position: relative
}

.navbar-login .notification {
    margin-right: 3px
}

.divAccountInfo {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    margin-left: 8px
}

#notification-popup {
    border: 1px solid #a8bdd9;
    width: 400px;
    height: 65vh;
    position: absolute;
    background-color: #fff;
    z-index: 101;
    left: -360px;
    top: 30px;
    display: none;
    font-size: 14px;
    border-radius: 4px;
    box-shadow: 0 1px 10px #999
}

#notification-detail .modal-dialog {
    width: 768px
}

.tab-notification li {
    margin-bottom: 5px;
    cursor: pointer
}

.tab-notification a {
    width: 100%
}

.tab-notification a:hover {
    color: red;
    border-color: #fff!important;
    background-color: #fff!important
}

.notification-active {
    font-weight: 700
}

#notification-popup .content {
    padding: 0;
    overflow: auto;
    height: 58vh;
    display: none
}

.notification-row {
    height: auto;
    cursor: pointer
}

.notification-row .image {
    width: 50px;
    height: 50px
}

.notification-row img {
    width: 50px;
    height: auto;
    max-height: 50px;
    margin-top: 4px
}

.notification-row .detail {
    width: 100%;
    padding-left: 5px
}

.notification-row .time {
    width: 100%;
    text-align: right;
    padding-right: 5px;
    font-style: italic
}

@media only screen and (max-height: 320px) {
    #notification-popup {
        height:80vh
    }

    #notification-popup .content {
        height: 85%
    }
}

.content-middle {
    text-overflow: ellipsis;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.noidung {
    cursor: pointer
}

#notification-popup .nav-tabs {
    border: none
}

.dotted-gradient-notify {
    background-image: linear-gradient(to right,#ccc 100%,rgba(255,255,255,0) 10%);
    background-position: top;
    background-size: 5px 1px;
    background-repeat: repeat-x;
    padding: 6px 0 4px 0
}

#notification-detail .content-popup,#notification-detail .modal-content {
    background-color: #bdd7ee
}

.not-seen {
    font-weight: 700
}

.seen-row {
    opacity: .5
}

#notification-detail #content {
    overflow: auto;
    max-height: 568px
}

#notification-detail #content #detail {
    width: 95%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px
}

.event-summary {
    font-size: 15px;
    font-weight: 700;
    color: #005294
}

.event-detail,.event-document {
    margin-top: 15px
}

.notification-loading {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: none;
    color: #286090
}

@media only screen and (max-width: 736px) {
    #notification-popup {
        width:100%;
        left: 0;
        top: 73px
    }

    #notification-detail .modal-dialog {
        width: 100%
    }

    #notification-detail #content {
        max-height: 90vh
    }
}

@media only screen and (max-height: 540px) {
    #notification-popup {
        height:75vh
    }

    #notification-detail #content {
        max-height: 80vh
    }
}

@media only screen and (min-width: 812px) {
    .common-extensions {
        display:none
    }
}

@media only screen and (min-width: 1024px) and (max-width:1024px) {
    .navbar-login {
        padding:3px 3px 3px 0
    }

    #login-info-popup {
        left: -10px!important
    }
}

.navbar-top .fa-shopping-cart {
    font-size: 18px
}

#notification-popup ::-webkit-scrollbar {
    width: 4px
}

#notification-popup ::-webkit-scrollbar-track {
    display: none
}

#notification-popup ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 10px #ccc
}

.text-multiline-blur-permission {
    padding-top: 4px;
    word-wrap: break-word;
    color: #666664;
    letter-spacing: 3px;
    vertical-align: middle
}

.text-blur-permission {
    padding-top: 4px;
    word-wrap: break-word;
    color: #666664;
    letter-spacing: 3px;
    vertical-align: middle
}

.hide-data-eye-icon {
    color: #666664;
    text-decoration: none;
    cursor: pointer
}

@media only screen and (max-width: 320px) {
    .navbar-header .top-logo {
        width:120px
    }
}

@-moz-document url-prefix() {
    .custom-menu-scrollbar {
        scrollbar-width: thin;
        scrollbar-color: #b6b7b766 #efefef;
    }
}

.custom-menu-scrollbar::-webkit-scrollbar {
    width: 7px
}

.custom-menu-scrollbar::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #efefef
}

.custom-menu-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #b6b7b766
}

.custom-menu-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #b6b7b7
}

.dropdown-menu-scroll {
    max-height: 400px;
    overflow: auto
}

.group--tutorial {
    position: relative
}

.dropdown-menu--tutorial {
    display: none;
    flex-direction: column;
    width: max-content;
    position: absolute;
    text-align: left;
    z-index: 10;
    right: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.dropdown-menu--tutorial-item {
    cursor: pointer;
    padding: 0 15px;
    border-bottom: solid 1px #eee;
    padding-top: 10px;
    padding-bottom: 8px;
    color: #333
}

.dropdown-menu--tutorial-item:hover {
    background-color: #f8f9fa!important;
    color: #3699ff!important
}

.group--tutorial:hover .dropdown-menu--tutorial {
    display: flex
}

span.i-time {
    display: inline-block;
    width: 45px
}

p.i-time {
    width: 45px;
    float: left;
    margin: revert;
    line-height: 1;
    margin-top: revert!important;
    font-size: 12px
}

.ads-head {
    margin: 10px auto 0;
    text-align: center
}

.header-market>div>div {
    padding-bottom: 1px;
    padding-top: 2px
}

.news-lasted>ul>li:nth-child(odd),.header-market :nth-child(odd).row {
    background: #fafafa
}

.mobile-search {
    display: none;
    position: absolute;
    top: 0;
    z-index: 1
}

.mobile-search .twitter-typeahead>.tt-menu {
    font-size: 12px;
    color: #333!important
}

.news-lasted>ul>li {
    overflow: hidden;
    margin: 0;
    padding: 4px 0 2px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.news-lasted>ul>li>a {
    padding-bottom: 2px;
    padding-top: 2px;
    overflow: hidden
}

.time_gray {
    color: #818181
}

.time_blue {
    color: #015096
}

.picture_map {
    float: right;
    height: 37px;
    padding-top: 3px;
    width: 73px;
    background: url(https://image.vietstock.vn/common/map.gif) no-repeat;
    background-size: 100% 100%;
    position: relative
}

.picture_map img {
    width: 73px;
    height: auto
}

.picture_map canvas {
    width: 4px;
    height: 4px;
    border: none;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    background-color: #666
}

.picture_map canvas.cv1 {
    top: 21px;
    right: 15px
}

.picture_map canvas.cv2 {
    top: 25px;
    right: 12px
}

.picture_map canvas.cv3 {
    top: 15px;
    right: 7px
}

.picture_map canvas.cv4 {
    bottom: 6px;
    right: 9px
}

.picture_map canvas.cv5 {
    top: 14px;
    left: 15px
}

.picture_map canvas.cv6 {
    top: 10px;
    left: 31px
}

.navbar-nav .dropdown .title,#btbHome,.menu-all #btb-mobile-search {
    height: 38px;
    line-height: 38px;
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
    align-items: center
}

#imgHome {
    padding-bottom: 0!important
}

.page-menu {
    font-family: 'Helvetica';
    z-index: 99;
    position: relative;
    margin-bottom: 0;
    min-height: 34px;
    height: 38px;
    border-radius: 0;
    border: 0
}

.page-menu.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0 auto
}

.page-menu>.container {
    display: table;
    margin-bottom: -40px;
    min-width: 1010px
}

.page-menu .menu-all {
    float: right
}

.page-menu a.title {
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    display: block;
    padding-bottom: 10px;
    padding-top: 10px
}

.page-menu .nav-icon {
    float: right
}

.page-menu a.nav-home,.page-menu .nav-icon,.page-menu .menu-all>a {
    padding: 0 10px;
    font-weight: 700;
    color: #fff;
    font-size: 26px;
    display: block;
    height: 38px;
    margin-left: 1px;
    margin-right: 1px
}

.page-menu .navbar-nav>li>a {
    text-transform: uppercase
}

.page-menu .navbar-collapse {
    position: relative
}

.page-menu .navbar-toggle,.page-menu .navbar-toggle:hover,.page-menu .navbar-toggle:focus {
    padding: 5px
}

.page-menu .dropdown-submenu {
    position: relative
}

.page-menu .dropdown-submenu:hover>.dropdown-menu {
    display: block
}

.dropdown-menu--corporate-document {
    margin-top: -230px!important
}

.dropdown-menu--corporate-trading-internal {
    margin-top: -58px!important
}

.dropdown-menu--trading-statistics {
    margin-top: -58px!important
}

.dropdown-menu--stock-status {
    margin-top: -116px!important
}

.dropdown-menu--stock-details {
    margin-top: -173px!important
}

.dropdown-menu--research-report {
    left: 0!important;
    right: 100%!important;
    margin-top: -230px!important;
    margin-left: -370px!important
}

.dropdown-menu--information-disclosures {
    left: 0!important;
    margin-left: -200px!important
}

.menu-short-desc {
    font-size: 13px;
    color: #999;
    margin-left: 0;
    margin-top: 5px
}

.page-menu .menu-all-content {
    background-color: #fff;
    position: absolute;
    top: 38px;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: left;
    margin: 0;
    padding: 10px;
    border: #e9e9e9 solid 1px;
    border-top: 0;
    box-shadow: 5px 8px 5px -5px rgba(0,0,0,.6)
}

.page-menu .menu-all-content .menu-group a {
    display: block;
    color: #0f4a83;
    text-decoration: none;
    margin-bottom: 6px
}

.page-menu .menu-all-content .menu-group a.title-group {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 7px
}

.page-menu .menu-all-content .menu-group a:hover {
    color: #1973ed;
    text-decoration: none
}

.menu-top-fix {
    display: none
}

.btb-top-search {
    border-left: 0;
    color: #9a9a9a
}

.menu-all-content {
    font-family: Roboto,Helvetica,Arial,sans-serif
}

.menu-all-content a {
    display: block
}

.menu-all-content-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center
}

.menu-all-content-column {
    flex-grow: 1;
    width: 13.8%;
    padding-left: 5px;
    padding-right: 5px
}

.menu-all-content-2-column {
    flex-grow: 2;
    width: 27%;
    padding-left: 5px;
    padding-right: 5px
}

.menu-box-group {
    margin-bottom: 5px
}

.menu-lv-1 {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 2px solid #4a93d1;
    color: #1c1e22!important;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: default
}

.menu-lv-2 {
    font-size: 13px;
    font-weight: 500;
    border-bottom: 1px solid #93c3eb;
    color: #0e0f10!important;
    padding-top: 5px;
    padding-bottom: 3px
}

.menu-lv-3 {
    font-size: 13px;
    padding-top: 4px;
    padding-bottom: 3px;
    border-bottom: 1px solid #dfdfdf;
    color: #555!important
}

.page-menu .menu-all-content .cskh {
    color: #000;
    margin-top: 20px;
    width: 100%;
    border-bottom: 1px dashed #e1e1e1;
    border-top: 1px dashed #e1e1e1;
    padding-bottom: 10px
}

.page-menu .menu-all-content .cskh p {
    color: #2d3034;
    margin: 10px 0
}

.page-menu .menu-all-content .cskh a {
    color: #026ab5;
    font-weight: 700
}

.page-menu .menu-all-content .cskh .mobile {
    padding-left: 0
}

.page-menu .menu-all-content .cskh .email {
    padding-left: 0
}

.page-menu .menu-all-content .nctk-image {
    text-align: center;
    padding-top: 25px
}

.page-menu .menu-all-content .nctk-image img {
    width: 220px
}

@media(max-width: 767px) {
    .navbar-header .navbar-toggle {
        padding:13px 10px
    }

    .navbar-header .top-home {
        padding: 5px 0 0 105px;
        margin: auto;
        text-align: center
    }

    .page-container {
        overflow-x: hidden
    }

    .page-menu>.container {
        width: 100%
    }

    .header-market,.header-news {
        display: none
    }

    .page-menu .menu-all-content {
        max-height: 420px
    }

    .navbar-top .navbar-collapse.in {
        background-color: #fff;
        box-shadow: 0 5px 5px -5px rgba(0,0,0,.3)
    }

    #content-login-form-button {
        display: flex
    }
}

@media(max-width: 991px) {
    .page-menu,.page-menu>.container {
        margin-bottom:0
    }

    .page-menu .menu-all {
        position: absolute;
        top: 0;
        right: 0
    }

    .page-menu .navbar-collapse,.page-menu .navbar-collapse .container {
        padding-left: 0;
        padding-right: 0
    }

    .page-menu .nav-home {
        float: left
    }

    .page-menu .navbar-header {
        float: none;
        max-height: 38px
    }

    .page-menu .navbar-toggle {
        display: block
    }

    .page-menu .navbar-collapse.collapse {
        display: none!important
    }

    .page-menu .navbar-collapse.collapse.in {
        display: block!important;
        overflow-y: auto!important
    }

    .page-menu .navbar-nav {
        display: none;
        margin: 0 0 5px;
        float: none!important
    }

    .page-menu .navbar-nav>li {
        float: none
    }

    .page-menu .navbar-nav>li>a {
        padding-top: 30px;
        padding-bottom: 40px
    }

    .page-menu .dropdown-menu.pull-right {
        float: none!important
    }

    .page-menu .navbar-nav .open .dropdown-menu {
        border: 0;
        float: none;
        width: auto;
        margin-top: 0;
        position: static;
        box-shadow: none;
        background-color: transparent
    }

    .page-menu .navbar-nav .open>a,.page-menu .navbar-nav .open>a:hover,.page-menu .navbar-nav .open>a:focus {
    }

    .page-menu .navbar-nav .open .dropdown-menu>li>a,.page-menu .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }

    .page-menu .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }

    .page-menu .navbar-nav .open .dropdown-menu>li>a:hover,.page-menu .navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none
    }

    .page-menu .navbar-nav .open .dropdown-menu>li>a {
        color: #eee
    }

    .page-menu .navbar-nav .open .dropdown-menu>li>a:hover,.page-menu .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333;
        background-color: transparent
    }

    .page-menu .navbar-nav .open .dropdown-menu>.active>a,.page-menu .navbar-nav .open .dropdown-menu>.active>a:hover,.page-menu .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .page-menu .navbar-nav .open .dropdown-menu>.disabled>a,.page-menu .navbar-nav .open .dropdown-menu>.disabled>a:hover,.page-menu .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #ccc;
        background-color: transparent
    }

    .page-menu .dropdown-menu.no-bottom-space {
        padding-bottom: 0
    }

    .page-menu .navbar-nav>li>a {
        font-size: 14px;
        padding: 9px 10px;
        font-weight: normal
    }

    .page-menu .navbar-nav>li a {
        border-bottom: solid 1px rgba(35,104,164,.48)
    }

    .page-menu .navbar-nav>li>a:focus {
        background: none
    }

    .page-menu .navbar-nav>li>a:hover {
        color: #72c02c
    }

    .page-menu .navbar-nav>.active>a,.page-menu .navbar-nav>.active>a:hover,.page-menu .navbar-nav>.active>a:focus {
        background: #72c02c;
        color: #fff!important
    }

    .page-menu .dropdown-submenu>.dropdown-menu {
        display: block;
        margin-left: 15px
    }

    .menu-top-fix {
        position: absolute;
        left: 60px;
        top: 3px;
        height: 34px;
        display: block
    }

    .menu-top-fix>li {
        display: inline-block;
        vertical-align: top
    }

    .menu-top-fix>li>a.title {
        padding-top: 6px;
        padding-bottom: 8px;
        text-transform: uppercase
    }

    .menu-top-fix>li>ul.dropdown-menu {
        margin-top: 0
    }

    .menu-top-fix>li>a.title[aria-expanded=true],.menu-top-fix>li>a.title:hover {
        background-color: #f7f7f7;
        color: #2196f3
    }

    .page-menu .navbar-header {
        margin: 0;
        margin-right: 35px;
        margin-left: -10px
    }

    .page-menu .navbar-header>b {
        float: left;
        padding: 8px 5px;
        text-transform: uppercase;
        overflow: hidden;
        height: 36px;
        max-width: 225px;
        text-overflow: ellipsis
    }

    .page-menu .navbar-nav>li>a {
        position: relative
    }
}

@media(max-width: 320px) {
    .page-menu .navbar-header>b {
        max-width:182px;
        height: 30px
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .header-vst>.header-logo {
        float:left;
        width: 50%
    }

    .header-vst>.header-world {
        float: right;
        width: 50%
    }

    #content-login-form {
        display: flex;
        padding: 5px
    }
}

@media(min-width: 992px) {
    .page-menu .navbar-collapse {
        padding:0
    }

    .page-menu .container>.navbar-header,.page-menu .container-fluid>.navbar-header,.page-menu .container>.navbar-collapse,.page-menu .container-fluid>.navbar-collapse {
        margin-bottom: -10px
    }

    .page-menu .navbar-nav {
        position: relative
    }

    .page-menu .navbar-nav>li>a {
        padding: 8px 9px 6px
    }

    .page-menu .navbar-nav>li:hover>a,.page-menu .navbar-nav>li>a:hover,.page-menu .navbar-nav>li>a:focus,.page-menu .navbar-nav>li.active>a {
        padding: 8px 9px 6px
    }

    [lang=en-US] .page-menu .navbar-nav>li>a {
        padding: 8px 8px 6px
    }

    [lang=en-US] .page-menu .navbar-nav>li:hover>a,[lang=en-US] .page-menu .navbar-nav>li>a:hover,[lang=en-US] .page-menu .navbar-nav>li>a:focus,[lang=en-US] .page-menu .navbar-nav>li.active>a {
        padding: 5px 8px 9px
    }

    .page-menu .navbar-nav>.open>a,.page-menu .navbar-nav>.open>a:hover,.page-menu .navbar-nav>.open>a:focus {
        color: #72c02c
    }

    .page-menu .navbar-nav>li.active>a .page-menu .navbar-nav>li:hover>a {
        color: #2196f3
    }

    .page-menu .dropdown-menu {
        padding: 0;
        border: none;
        min-width: 200px;
        border-radius: 0;
        z-index: 9999!important
    }

    .page-menu .dropdown-menu li>a {
        color: rgba(0,0,0,.87);
        background-color: #fff;
        font-size: 14px;
        font-weight: 400;
        padding: 0 12px;
        border-bottom: solid 1px #eee;
        padding-top: 8px;
        padding-bottom: 5px
    }

    .page-menu .dropdown-menu .active>a,.page-menu .dropdown-menu li>a:hover {
        filter: none!important;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out
    }

    .page-menu .dropdown-menu li>a:hover {
        color: rgba(0,0,0,.67)
    }

    .page-menu .dropdown-menu li>a:focus {
        background: none;
        filter: none!important
    }

    .page-menu .navbar-nav>li.dropdown:hover>.dropdown-menu {
        display: block
    }

    .page-menu .open>.dropdown-menu {
        display: none
    }

    .page-menu .navbar-nav .search-open {
        width: 330px
    }

    [lang=en-US] .page-menu a.title {
        font-size: 13px
    }

    #content-login-form {
        display: flex
    }
}

@media screen and (min-width: 1200px) {
    .page-menu>.container {
    }

    [lang=en-US] .page-menu .navbar-nav>li>a,[lang=vi-VN] .page-menu .navbar-nav>li>a {
        padding: 8px 15px 6px
    }

    [lang=en-US] .page-menu .navbar-nav>li:hover>a,[lang=en-US] .page-menu .navbar-nav>li>a:hover,[lang=en-US] .page-menu .navbar-nav>li>a:focus,[lang=en-US] .page-menu .navbar-nav>li.active>a,[lang=vi-VN] .page-menu .navbar-nav>li:hover>a,[lang=vi-VN] .page-menu .navbar-nav>li>a:hover,[lang=vi-VN] .page-menu .navbar-nav>li>a:focus,[lang=vi-VN] .page-menu .navbar-nav>li.active>a {
        padding: 8px 15px 6px
    }

    [lang=en-US] .page-menu a.title {
        font-size: 14px
    }

    .page-menu .navbar-nav>li>a {
        padding: 8px 15px 6px
    }

    .page-menu .navbar-nav>li:hover>a,.page-menu .navbar-nav>li.active>a,.page-menu .navbar-nav>li>a:hover,.page-menu .navbar-nav>li>a:focus {
        padding: 8px 15px 6px
    }
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none
}

.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    pointer-events: none
}

.modal-content {
    width: inherit;
    max-width: inherit;
    height: inherit;
    margin: 0 auto;
    pointer-events: all
}

.font12 {
    font-size: 12px
}

.color-gray {
    color: #8e8d8d
}

.error-message {
    color: red
}

.success-message {
    color: green
}

.divtitleLogin {
    font-size: 20px;
    background: #faebd7;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

#request-login-popup .modal-content {
    padding: 5px;
    line-height: 1.5
}

.close-popup-icon-x {
    color: #fff!important;
    text-decoration: none!important;
    cursor: pointer;
    padding: 0 7px;
    position: absolute;
    top: 4px;
    right: 4px;
    border: solid 1px #fff;
    border-radius: 16px
}

.close-popup-icon-x-account {
    color: #888!important;
    text-decoration: none!important;
    cursor: pointer;
    padding: 0 7px;
    position: absolute;
    top: 7px;
    right: 9px;
    border: solid 1px #ccc;
    border-radius: 16px
}

#request-login-popup a {
    color: #085ba9;
    text-decoration: none;
    cursor: pointer
}

.title-vietstock-color-blue {
    color: #1e5caa
}

.title-vietstock-color-red {
    color: #ec2028
}

#login-info-popup {
    width: 220px;
    position: absolute;
    background-color: #fff;
    z-index: 101;
    left: 50px;
    display: none;
    font-size: 14px;
    border: #e9e9e9 solid 1px;
    box-shadow: 5px 8px 5px -5px rgba(0,0,0,.6)
}

#login-info-popup a {
    color: #545b66
}

#login-info-popup a:hover {
    color: #015096
}

#login-info-popup ul li {
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px
}

#login-info-popup ul li:last-child {
    background-color: #f7f8f9;
    padding-bottom: 10px
}

#login-info-popup ul li:first-child {
    padding-top: 10px
}

#login-info-mobile-popup {
    width: 170px;
    position: absolute;
    background-color: #efefef;
    padding: 5px;
    z-index: 9;
    right: 0;
    display: none
}

.marquee {
    overflow: hidden
}

.marquee a {
    font-weight: bold;
    color: red;
    text-decoration: none
}

.text-transform-initial {
    text-transform: initial!important
}

#div-display-name {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px
}

#headline-ir {
    margin-top: 10px;
    background-color: #2d9241;
    padding: 5px;
    color: #fff
}

#headline-ir>a {
    color: inherit;
    text-decoration: none
}

#headline-ir>a>img {
    width: 30px
}

#headline-ir .fa-circle {
    font-size: 5px;
    vertical-align: middle
}

#headline-ir #span-count-down-ir-Award-time {
    font-weight: bold;
    color: #008541
}

#headline-ir #img-center-content-text {
    height: 21px;
    width: 310px;
    margin-top: -4px
}

#alert-message-top-header {
    background: #c9564a;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1200;
    color: #fff;
    text-align: center;
    padding: 5px;
    min-height: 30px;
    display: none
}

#success-message-top-header {
    background: #34a745;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1200;
    color: #fff;
    text-align: center;
    padding: 5px;
    min-height: 30px;
    display: none
}

#popup-messenge .content-popup {
    margin: 0;
    background-color: #bdd7ee;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

#notification-popup .text {
    color: #333!important
}

.icon-expand-layout-tool {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.icon-expand-layout-tool i.fa {
    font-size: 12px;
    padding: 2px;
    background: #236ab4;
    color: #fff
}

#popup-information-security-policy {
}

.information-security-policy__header {
    background-color: #f7f8f9
}

.information-security-policy__title {
    font-family: Roboto,Helvetica,Arial,sans-serif!important;
    font-weight: 700!important
}

.information-security-policy__body {
    text-align: justify;
    line-height: 25px;
    height: 350px;
    overflow-y: auto
}

.information-security-policy__modal-text {
}

.information-security-policy__modal-text p {
    line-height: 24px
}

.information-security-policy__footer {
    text-align: center!important
}

.information-security-policy__checkbox {
    text-align: left
}

#btb-agree-policy {
    margin-top: 10px
}

.select-package-close {
    position: absolute;
    top: 15px;
    right: 10px
}

.select-package-modal-body {
    padding: 0
}

.tbl-select-package {
    width: 100%;
    table-layout: fixed
}

.tbl-select-package th {
    padding: 8px 0;
    white-space: nowrap;
    display: table-cell;
    background-color: #f7f8f9;
    border-bottom: 1px solid #efefef
}

.tbl-select-package td {
    padding: 8px 0;
    white-space: nowrap;
    display: table-cell;
    border-bottom: 1px solid #efefef
}

#tbl-select-package__body tr:last-child td {
    border: none
}

.select-package-input-checked {
    position: relative;
    width: 18px;
    height: 18px;
    display: inline-block;
    border: 2px solid #4d7ebc;
    border-radius: 2px;
    background-color: #fff;
    margin-top: 1px
}

.select-package-input-checked:after {
    content: " ";
    display: inline-block;
    width: 6px;
    height: 12px;
    border: solid #4d7ebc;
    position: absolute;
    top: -1px;
    left: 4px;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.select-package-input-uncheck {
    width: 18px;
    height: 18px;
    display: inline-block;
    border: 1px solid #efefef;
    border-radius: 2px;
    background-color: #fff;
    cursor: pointer
}

.select-package-input-uncheck:hover {
    box-shadow: 0 1px 6px rgba(0,161,255,.9)
}

.select-package-status-using {
    display: inline-block;
    padding: 7px 10px;
    background-color: #299aff;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    user-select: none
}

.select-package-status-no-use {
    display: inline-block;
    padding: 7px 10px;
    background-color: #ffc108;
    color: #2f2e2e;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    user-select: none
}

.select-package-row-using {
    background-color: rgba(88,151,224,.05)
}

.select-package__col-command {
    width: 40px;
    text-align: center
}

.select-package__col-name {
    padding-left: 5px!important
}

.select-package__col-period {
    width: 90px
}

.select-package__col-status {
    width: 120px;
    text-align: center
}

@media screen and (max-width: 480px) {
    .select-package__col-status {
        display:none!important
    }

    .select-package__col-period {
        width: 80px
    }
}

#popup-search {
    position: fixed;
    width: 0;
    height: 100%;
    top: 0;
    z-index: 99999;
    background-color: #fff;
    transition: .5s;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: ease;
    transition-delay: 0s;
    overflow-x: hidden
}

.popup-search-header {
}

.btb-close-search {
    color: #e31717;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 18px;
    font-size: 30px;
    margin-right: 15px
}

.popup-search-container {
    padding: 10px
}

.popup-search-container ul li a {
    color: #181717;
    font-size: 14px
}

.popup-search-container ul li a:hover,.popup-search-container ul li a:focus {
    color: #058df3!important;
    text-decoration: none!important
}

.popup-search-container .hidden {
    visibility: hidden
}

.search-input-container {
    display: flex;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    z-index: 3;
    height: 47px;
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
    border-radius: 24px;
    margin-top: 10px;
    margin-bottom: 10px
}

.search-input-container:hover {
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(32,33,36,.28);
    border-color: rgba(223,225,229,0)
}

#search-icon {
    color: #0673d1;
    margin-top: 12px;
    margin-left: 15px;
    font-size: 16px
}

.popup-search-input {
    width: 100%;
    outline: none;
    border: none;
    background-color: transparent;
    font-size: 16px;
    position: relative;
    margin-left: 10px;
    margin-right: 10px
}

#search-clear {
    cursor: pointer;
    margin-top: 13px;
    margin-right: 10px;
    color: #6a6666
}

#select-option-search {
    border: none;
    outline: none;
    margin-top: 3px;
    margin-right: 10px;
    padding: 0 2px;
    font-size: 13px;
    color: #4e4f50;
    background-color: transparent
}

.search-split {
    display: block;
    height: 30px;
    width: 5px;
    border-left: 2px solid #e1dddd;
    margin-top: 8px
}

#search-tabs-wrapper {
}

ul.popup-search-tabs {
    margin-top: 10px;
    display: inline-block;
    width: 950px
}

ul.popup-search-tabs:after {
    content: '';
    clear: both
}

ul.popup-search-tabs li {
    float: left;
    margin-bottom: 5px
}

ul.popup-search-tabs li span {
    padding: 5px 10px;
    color: #1662ae;
    font-size: 16px;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    cursor: pointer
}

ul.popup-search-tabs li span.active {
    border-bottom: 2px solid red
}

.popup-search-result {
}

.highlight {
    color: #f51414!important
}

.best-match-result {
    background-color: #ffe5bf
}

.result-box {
    padding: 5px 0
}

.result-box-header {
    background-color: #f8f9fa;
    padding: 10px;
    border-bottom: 2px solid #f44336;
    position: relative
}

.result-box-header h4 {
    color: #0361b5;
    font-weight: 600;
    padding: 0!important;
    margin: 0!important
}

.result-box-header span.total-item-result {
    color: #e70a0a;
    font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
    font-size: 15px
}

.result-box-body {
    padding: 5px 10px
}

.result-box-footer {
}

span.menu-title {
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    margin: 5px 0;
    display: inline
}

.btb-toggle-result-box {
    font-size: 20px;
    color: #0673d1;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 6px
}

.btb-show-hide-menu {
    cursor: pointer
}

.menu-vst {
}

.menu-finance {
}

ul.list-menu {
    margin-left: 10px
}

ul.list-menu li {
    display: block;
    padding: 5px;
    border-bottom: 1px solid #f3f0f0
}

ul.list-menu li a {
    text-transform: uppercase
}

ul.list-menu li i {
    cursor: pointer
}

ul.sub-list-menu {
    margin-top: 5px;
    margin-left: 20px;
    display: none
}

ul.sub-list-menu li.sub-menu-item {
    display: block;
    padding: 5px;
    border: none
}

ul.sub-list-menu li.sub-menu-item:hover {
    background-color: #ffdead
}

ul.sub-list-menu li.sub-menu-item a {
    text-transform: none;
    display: block
}

ul.sub1-list-menu {
    margin-top: 5px;
    margin-left: 25px;
    display: none
}

ul.sub1-list-menu li.sub1-menu-item {
    padding: 5px;
    border: none
}

ul.sub1-list-menu li.sub1-menu-item:hover {
    background-color: #ffdead
}

ul.sub1-list-menu li.sub1-menu-item a {
    text-transform: none!important;
    display: block
}

#list-menu-finance li.not-hover a {
    display: inline!important
}

#list-menu-finance li.not-hover:hover {
    background-color: #fff!important
}

#list-menu-finance .menu-desc {
    text-transform: none;
    color: #b3b3b3
}

#list-menu-vs-sector {
    display: block
}

#list-menu-vs-sector li.sector-item:hover {
    background-color: #ffdead
}

#list-menu-naics {
    margin-left: 10px;
    display: block
}

#list-menu-naics li.naics-item {
}

#list-menu-naics li.naics-item:hover {
}

#list-menu-naics li.naics-item a {
    text-transform: uppercase
}

ul.sub1-list-menu-naics {
    display: none
}

ul.sub1-list-menu-naics li.naics-sub1-item {
    border: none
}

ul.sub1-list-menu-naics li.naics-sub1-item a {
    text-transform: none!important
}

ul.sub2-list-menu-naics {
    display: none;
    margin-left: 25px;
    margin-top: 5px
}

ul.sub2-list-menu-naics li.naics-sub2-item {
    border: none
}

ul.sub2-list-menu-naics li.naics-sub2-item a {
    text-transform: none!important
}

ul#list-stock-search {
    margin: 0 -10px
}

ul#list-stock-search li.stock-item {
    padding: 10px 5px;
    border-bottom: 1px solid #d7d7d7
}

ul#list-stock-search li.stock-item:hover {
    background-color: #ffdead
}

ul#list-stock-search li.stock-item .stock-logo-frame {
    float: left;
    margin-right: 10px;
    text-align: center;
    width: 85px;
    height: 50px
}

ul#list-stock-search li.stock-item .stock-logo-frame .stock-logo {
    max-width: 100%;
    max-height: 100%;
    border: none
}

ul#list-stock-search li.stock-item .stock-text-frame .stock-fullname a {
    font-size: 15px
}

ul#list-stock-search li.stock-item .stock-text-frame .stock-name {
    color: #58595a;
    margin-top: 7px
}

.see-more-wrapper {
    width: 92px;
    margin: 0 auto;
    text-align: center;
    display: none;
    margin-top: 5px
}

.btb-see-more {
    background-color: #107bd7;
    display: block;
    padding: 5px 0;
    cursor: pointer;
    color: #f5f9ff;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px
}

.btb-see-more:hover {
    background-color: #0b68b9
}

.btb-see-more a,.btb-see-more a:hover {
    color: #fff
}

ul#list-leader-search {
    margin: 0 -10px
}

ul#list-leader-search .leader-item {
    display: flex;
    padding: 10px 5px;
    border-bottom: 1px solid #dbdbdb
}

ul#list-leader-search .leader-item:hover {
    background-color: #ffdead
}

ul#list-leader-search .leader-item a:hover .leader-info-name {
    color: #058df3
}

ul#list-leader-search .leader-item .leader-frame-avatar {
    float: left;
    margin-right: 10px;
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 50%;
    min-width: 70px
}

ul#list-leader-search .leader-item .leader-frame-avatar .leader-avatar {
    width: 100%
}

ul#list-leader-search .leader-item .leader-frame-info {
}

ul#list-leader-search .leader-item .leader-frame-info--w400 {
}

ul#list-leader-search .leader-item .leader-frame-info .leader-info-name {
    display: flex
}

ul#list-leader-search .leader-item .leader-frame-info .leader-info-ico {
    position: relative;
    margin-left: 10px;
    color: #2476e1;
    cursor: pointer;
    display: none;
    opacity: 0
}

ul#list-leader-search .leader-item .leader-frame-info .leader-info-ico:hover {
}

ul#list-leader-search .leader-item .leader-frame-info .leader-info-position {
    color: #3e3d3d;
    margin-top: 5px
}

ul#list-leader-search .leader-item .leader-frame-info .leader-info-company {
    color: #2c2b2b;
    margin-top: 5px
}

.frame-leader-relationship {
    padding: 0;
    overflow-x: hidden;
    width: 0%
}

.frame-leader-relationship .owl-nav>div.owl-prev {
    position: absolute;
    top: 30px;
    left: 0;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 42px;
    border: none;
    border-radius: 50%;
    background: #fff
}

.frame-leader-relationship .owl-nav>div.owl-next {
    position: absolute;
    top: 30px;
    right: 0;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 42px;
    border: none;
    border-radius: 50%;
    background: #fff
}

.frame-leader-relationship .owl-nav>div.owl-prev:hover,.frame-leader-relationship .owl-nav>div.owl-next:hover {
    background: #ddf5ff
}

.frame-leader-relationship .owl-nav>div.owl-prev i {
    margin-top: 0;
    margin-right: 2px;
    color: #169acf
}

.frame-leader-relationship .owl-nav>div.owl-next i {
    margin-top: 0;
    margin-left: 2px;
    color: #169acf
}

.frame-leader-relationship .owl-prev.disabled,.frame-leader-relationship .owl-next.disabled {
    display: none
}

.list-leader-relationships {
    position: relative;
    display: flex!important;
    align-items: center;
    padding: 0 10px;
    padding-left: 10px
}

.leader-relationship-item {
    display: flex;
    align-items: center;
    width: 200px;
    height: 75px;
    padding: 10px;
    margin: 0 10px;
    margin-left: 0;
    margin-bottom: 2px;
    background-color: #f0f8ff;
    border-radius: 7px;
    cursor: default
}

.leader-relationship-item:hover {
    background-color: #fff;
    box-shadow: 1px 1px 3px #0c0b0b59
}

.list-related-leader {
    position: absolute;
    left: 20px;
    top: -10px;
    z-index: 10;
    width: 350px;
    background-color: #f3f3f3;
    display: none
}

.related-leader-item {
    display: flex;
    padding: 10px;
    border-bottom: 1px solid #e3e3e3;
    cursor: default
}

.related-leader-item:hover {
    background-color: #fff
}

.related-leader-frame-avatar {
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%
}

.related-leader-avatar {
    width: 100%
}

.related-leader-name {
    display: block;
    margin-left: 10px;
    margin-top: 5px;
    font-weight: normal;
    font-size: 13px;
    color: #383939
}

.related-leader-relate-type {
    display: inline-block;
    margin-left: 10px;
    margin-top: 5px;
    font-size: 13px;
    color: #878889
}

ul#list-news-search,ul#list-news-search-author {
    margin: 0 -10px
}

ul#list-news-search .news-item,ul#list-news-search-author .news-item {
    padding: 10px 5px;
    border-bottom: 1px solid #dbdbdb
}

ul#list-news-search .news-item:hover,ul#list-news-search-author .news-item:hover {
    background-color: #ffdead
}

ul#list-news-search .news-item a:hover .news-title,ul#list-news-search-author .news-item a:hover .news-title {
    color: #1973ed
}

ul#list-news-search .news-item .frame-news-img,ul#list-news-search-author .news-item .frame-news-img {
    float: left;
    margin-right: 10px
}

ul#list-news-search .news-item .frame-news-img .news-img,ul#list-news-search-author .news-item .frame-news-img .news-img {
    width: 100px;
    height: 65px
}

ul#list-news-search .news-item .frame-news-text,ul#list-news-search-author .news-item .frame-news-text {
    margin-top: -5px
}

ul#list-news-search .news-item .frame-news-text .news-title,ul#list-news-search-author .news-item .frame-news-text .news-title {
    font-size: 14px;
    font-weight: 700
}

ul#list-news-search .news-item .frame-news-text .news-publish-time,ul#list-news-search-author .news-item .frame-news-text .news-publish-time {
    font-size: 12px;
    color: #646464;
    margin-left: 5px
}

ul#list-news-search .news-item .frame-news-text .news-head,ul#list-news-search-author .news-item .frame-news-text .news-head {
    font-size: 14px;
    color: #3e3d3d;
    line-height: 1.5;
    margin-top: 5px
}

ul.pagination-search {
    display: inline-block;
    margin-left: 10px;
    margin-top: 5px
}

ul.pagination-search .pagination-page {
    float: left;
    padding: 3px 10px;
    cursor: pointer
}

ul.pagination-search .pagination-page:hover:not(.page-active) {
    background-color: #ebebeb
}

ul.pagination-search .page-active {
    background-color: #1662ae;
    color: #f8f9fa
}

ul#list-menu-service {
    margin: 0 -10px
}

ul#list-menu-service li {
    padding: 8px 5px;
    cursor: pointer
}

ul#list-menu-service li.allow-hover:hover {
    background-color: #ffdead
}

ul#list-menu-service li i {
    width: 18px
}

ul#list-menu-service li ul.sub-list-menu {
    margin-top: 5px;
    margin-left: 20px
}

ul#list-menu-service li ul.sub-list-menu li {
    padding: 8px 5px;
    border-bottom: 1px solid #dbd4d4
}

ul#list-menu-service li ul.sub-list-menu li:hover {
    background-color: #ffdead
}

ul#list-menu-service li ul.sub-list-menu li a .learning-title {
    display: block;
    margin-bottom: 5px
}

ul#list-menu-service li ul.sub-list-menu li a:hover .learning-title {
    color: #058df3
}

ul#list-menu-service li ul.sub-list-menu li a .learning-head {
    color: #747272
}

ul#list-menu-account {
    margin: 0 -10px
}

ul#list-menu-account li.account-item {
    padding: 10px 5px;
    cursor: pointer;
    border-bottom: 1px solid #dbdbdb
}

ul#list-menu-account li.account-item:hover {
    background-color: #ffdead
}

ul#list-menu-account li a {
    display: block
}

ul#list-menu-account li a i {
    width: 18px;
    color: #181717
}

ul#list-report-search {
    margin: 0 -10px
}

ul#list-report-search .report-item {
    padding: 10px 5px;
    border-bottom: 1px solid #dbdbdb
}

ul#list-report-search .report-item:hover {
    background-color: #ffdead
}

ul#list-report-search .report-item a:hover .report-title {
    color: #058df3
}

ul#list-report-search .report-item .report-frame-img {
    float: left;
    margin-right: 10px
}

ul#list-report-search .report-item .report-frame-img .report-img {
    width: 60px;
    height: 75px
}

ul#list-report-search .report-item .report-title {
    font-size: 14px;
    font-weight: 700
}

ul#list-report-search .report-item .report-source,ul#list-report-search .report-item .report-date {
    font-size: 14px;
    color: #3e3d3d;
    margin-top: 3px;
    line-height: 1.5
}

@media only screen and (max-width: 480px) {
    .btb-close-search {
        font-size:25px
    }

    #search-tabs-wrapper {
        overflow-x: scroll
    }

    #search-tabs-wrapper::-webkit-scrollbar {
        height: 4px
    }

    #search-tabs-wrapper::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: transparent
    }

    #search-tabs-wrapper::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #f3f3f3
    }

    ul#list-news-search .news-item .frame-news-text .news-title {
        font-size: 14px;
        font-weight: 700
    }

    ul#list-news-search .news-item .frame-news-text .news-head {
        display: none
    }

    ul#list-leader-search .leader-item .leader-frame-avatar {
        width: 80px;
        min-width: 80px;
        height: 80px
    }

    .list-related-leader {
        width: 300px;
        top: 35px;
        left: calc(50% - 150px)
    }

    .leader-info-ico {
        display: block!important;
        opacity: 1!important
    }
}

@media only screen and (min-width: 480px) and (max-width:920px) {
    .btb-close-search {
        font-size:25px
    }

    #search-tabs-wrapper {
        overflow-x: scroll
    }

    #search-tabs-wrapper::-webkit-scrollbar {
        height: 4px
    }

    #search-tabs-wrapper::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: transparent
    }

    #search-tabs-wrapper::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #f3f3f3
    }
}

span.border {
    font-size: 12px;
    color: #222;
    opacity: .4
}

#ul-top-menu li:after {
    position: absolute;
    content: "";
    height: 10px;
    width: 1px;
    background: #222;
    opacity: .3;
    right: 0;
    top: 50%;
    margin-top: -4.5px
}

#ul-top-menu li:last-child:after {
    width: 0
}

.navbar-right {
    margin-right: 0!important
}

.navbar-top .border {
    border-bottom: 1px solid #ecedee
}

.news-lasted>ul>li:nth-child(odd),.header-market :nth-child(odd).row {
    background: #fff
}

#header-market,.news-lasted>ul>li>a,#header-market,.news-lasted>ul>li>span {
    font-size: 12px
}

#header-market .row {
    padding-bottom: 5px;
    border-bottom: 1px solid #ecedee
}

#header-market .row:last-child {
    border-bottom: none
}

#header-market a.title-link,#header-market .pure-text {
    font-weight: 700;
    color: #545b66
}

#header-market.col-lg-13,#header-market .col-xs-3,#header-market .col-xs-4 {
    padding-left: 0;
    padding-right: 0
}

#header-market .col-xs-5,#header-market .col-xs-6 {
    padding-right: 0
}

.p-t-xs {
}

.header-news {
    margin-top: -5px;
    font-size: 12px
}

#header-news .col-lg-4 {
    padding-left: 0
}

#header-news .col-lg-20 {
    padding-left: 0;
    padding-right: 0
}

.header-newsMobile {
    background-color: #f7f8fa;
    position: relative
}

#header-newsMobile {
}

#header-newsMobile>li>a,#header-newsMobile>li>span {
    font-size: 14px
}

#header-newsMobile>li {
}

#header-newsMobile .item {
    height: 34px
}

#header-newsMobile .item .class1,#header-newsMobile .item .class3 {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 5px;
    height: 34px
}

#header-newsMobile .item .class1 a,#header-newsMobile .item .class3 a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

#header-newsMobile .item .class2,#header-newsMobile .item .class4 {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
    height: 34px
}

#header-newsMobile .item .class2,#header-newsMobile .item .class3 {
    border-bottom: solid 1px #ecedee
}

#header-newsMobile .item .class2 a,#header-newsMobile .item .class4 a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.news-lasted>ul>li {
    border-bottom: 1px solid #ecedee
}

.news-lasted>ul>li:last-child {
    border-bottom: none
}

.theme-4 .footer {
    padding: 20px 0 0 0;
    border-top: 1px solid #ebebeb;
    margin-top: 30px;
    background-color: #fafafa
}

.theme-4 .space-10 {
    height: 10px
}

.theme-4 .space-20 {
    height: 20px
}

.theme-4 p {
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 0
}

.border_black {
    border-bottom: 1px dashed #cfcfcf
}

.theme-4 .widget-title {
    padding-left: 40px;
    color: #545b66
}

.m-b-10 {
    margin-bottom: 10px!important
}

.fontbold {
    font-family: RobotoBold,Roboto,Helvetica,sans-serif
}

.widget-title {
    font-size: 17px;
    margin-bottom: 10px;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    display: inline-block
}

.theme-4 .widget-title:before {
    position: absolute;
    content: "";
    height: 5px;
    width: 30px;
    background: linear-gradient(90deg,#1568b2,#1a91f5);
    left: 0;
    top: 50%;
    margin-top: -2.5px;
    z-index: -1
}

.theme-4 .footer .single_fcontact {
    position: relative;
    z-index: 2;
    margin-bottom: 15px
}

.theme-4 .footer .single_fcontact:last-child {
    margin-bottom: 0
}

.theme-4 .footer .single_fcontact .fcicon {
    height: 30px;
    width: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    line-height: 30px
}

.theme-4 .footer .single_fcontact a {
    color: #17222b;
    font-size: 16px
}

.theme-4 .widget-title {
    padding-left: 40px;
    color: #545b66;
    font-weight: 700;
    line-height: 27px
}

.footer .single_footer_nav ul {
    margin: 0;
    padding: 0
}

.footer .single_footer_nav ul li {
    list-style: none;
    margin-bottom: 7px
}

.footer .single_footer_nav ul li:last-child {
    margin-bottom: 0
}

.theme-4 .footer .single_footer_nav ul li a {
    color: #17222b;
    line-height: 27px;
    font-size: 16px
}

.mb30 {
    margin-bottom: 30px
}

.theme-4 .footer .single_contact3 {
    display: inline-block;
    width: 32.33%;
    position: relative;
    z-index: 2;
    padding-left: 20px
}

.theme-4 .footer .single_contact3 p {
    color: #17222b;
    font-size: 15px;
    font-weight: 500
}

.theme-4 .footer .single_contact3 h6 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
    position: relative;
    z-index: 2;
    margin-top: 0
}

.theme-4 .footer .single_contact3 h6 b {
    color: #545b66
}

.theme-4 .footer .single_contact3 h6:before {
    position: absolute;
    content: "";
    height: 6px;
    width: 6px;
    background: #1091ff;
    left: -16px;
    top: 50%;
    margin-top: -3px
}

.theme-4 .footer .more_newss {
    padding-left: 20px;
    border-left: 1px solid #e7e8e9
}

.theme-4 .footer .single_more_news {
    position: relative;
    z-index: 2
}

.theme-4 .footer .single_more_news:before {
    position: absolute;
    content: "";
    height: 25px;
    width: 15px;
    border-radius: 50%;
    left: -27.5px;
    top: 0
}

.theme-4 .footer .single_more_news p.meta {
    background: linear-gradient(90deg,#1568b2,#1a91f5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.theme-4 .footer .single_more_news p:first-child {
    margin-top: 0
}

.theme-4 .footer .single_more_news p.meta {
    color: #1091ff;
    font-weight: 500;
    font-size: 12px
}

.theme-4 .footer .single_more_news p {
    font-size: 15px;
    color: #3a434b;
    margin-top: 0
}

.theme-4 .footer .single_more_news p:last-child {
    margin-bottom: 15px
}

.theme-4 .footer .single_more_news a {
    color: #17222b;
    font-size: 18px;
    font-weight: 500
}

.theme-4 .footer .single_more_news:after {
    position: absolute;
    content: "";
    height: 5px;
    width: 5px;
    background: #1091ff;
    border-radius: 50%;
    left: -23.5px;
    top: 9.5px
}

.border-radious2 {
    border-radius: 2px;
    overflow: hidden
}

.news_letter {
    background: #e9eaeb;
    padding: 20px
}

.box {
    background: #fff;
    padding: 40px
}

.mb20 {
    margin-bottom: 20px
}

ul.footer-info-company {
    list-style-type: none;
    margin-block-end:0;padding-inline-start:0}

ul.footer-info-company li {
    text-align: center;
    font-size: 14px;
    color: #39424a;
    line-height: 25px
}

.bd-tb {
    border-top: solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 10px 0;
    background-color: #fffffd
}

.device-hide,.b-b-dot {
    display: none
}

.theme-4 .footer .copyright {
    background: #ecedee
}

.footer .copyright {
    padding: 10px 0
}

.theme-4 .footer .copyright p {
    color: #747a80
}

.footer .copyright p {
    color: #747a80
}

.text-right {
    text-align: right!important
}

.footer .copyright ul {
    margin: 0;
    padding: 0
}

.footer .copyright ul li {
    list-style: none
}

.theme-4 .footer .copyright ul li a {
    color: #17222b;
    padding: 0 10px;
    font-size: 16px
}

.footer .copyright ul li a {
    color: #747a80;
    padding: 0 10px
}

.page-footer {
    background-color: #fff!important
}

.no-padder .header-breadcrumb {
    background-color: #fff
}

.theme-4 b {
    font-size: 16px;
    line-height: 27px
}

.theme-4 a {
    color: #17222b;
    font-size: 16px
}

.contacts3 {
    height: 99px
}

.news_letter {
    background: #fafafa;
    padding: 20px 0
}

.inline li {
    display: inline-block
}

.theme-4 .logo {
    max-width: none
}

hr.bd-footer,hr.bd-footer-dot {
    display: none
}

hr.horizontal-dottb.mb-horizontal,hr.horizontal-dotb.mb-horizontal,hr.horizontal-dott.mb-horizontal,hr.horizontal-soltb.mb-horizontal,hr.horizontal-solb.mb-horizontal,hr.horizontal-solt.mb-horizontal,.partial-option.mb-horizontal {
    display: none
}

.device-hide,.b-b-dot,.b-b-dot-mb,.topic-header-d2,.device-mobile {
    display: none
}

.page-menu .dropdown-menu li>a:hover {
    background-color: #fff;
    color: #1973ed
}

hr.horizontal-dottb {
    margin: 20px 0;
    border-top: 1px dashed #ecedee
}

.pulse {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(205,233,254,.4);
    animation: pulse 2s infinite;
    margin-right: 3px
}

.navbar-login .pulse img {
    margin-left: 7px;
    margin-top: 9px
}

.mobile-search .pulse img {
    margin-left: 7px;
    margin-top: 4px
}

.pulse:hover {
    animation: none;
    background: #f4f5f7;
    animation: pulse 2s infinite
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(205,233,254,.4)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(205,233,254,0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(205,233,254,0)
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(205,233,254,.4);
        box-shadow: 0 0 0 0 rgba(205,233,254,.4)
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(205,233,254,0);
        box-shadow: 0 0 0 10px rgba(205,233,254,0)
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(205,233,254,0);
        box-shadow: 0 0 0 0 rgba(205,233,254,0)
    }
}

.f1-w {
    width: 37.33%!important
}

.f2-w {
    width: 29.33%!important
}

.f3-w {
    width: 33.33%!important
}

.page-header {
    margin-top: 10px!important
}

.divAccountInfo {
    font-size: 13px!important
}

#mobileSubMenu {
    display: none;
    background-color: #f7f8fa;
    height: 40px;
    padding-left: 20px;
    overflow-x: scroll;
    width: 100%
}

.subMenu-container {
    height: 100%;
    line-height: 40px
}

#mobileSubMenu ul {
    display: flex
}

#mobileSubMenu ul li a {
    color: rgba(0,0,0,.87);
    position: relative;
    font-size: 13px;
    height: 100%;
    display: inline-block
}

#mobileSubMenu ul li a::after {
    background: rgba(41,154,255,.06);
    width: 18px;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    top: 0;
    height: 17px;
    border-radius: 50%;
    z-index: 100
}

#mobileSubMenu ul li a:active {
    animation: zoomtext .3s ease-out normal
}

#mobileSubMenu ul li a:active::after {
    color: #1568b2;
    content: '';
    animation: breathing .3s ease-out normal
}

@keyframes zoomtext {
    0% {
        font-size: 8px
    }

    50% {
        font-size: 17px
    }

    100% {
        font-size: 13px
    }
}

@keyframes zoomborder {
    0% {
        font-size: 8px;
        transform: scale(1.1)
    }

    50% {
        font-size: 17px;
        transform: scale(1.3)
    }

    100% {
        font-size: 13px;
        transform: scale(1)
    }
}

@keyframes breathing {
    0% {
        -webkit-transform: scale(2);
        -ms-transform: scale(2);
        transform: scale(2)
    }

    25% {
        -webkit-transform: scale(4);
        -ms-transform: scale(4);
        transform: scale(4)
    }

    60% {
        -webkit-transform: scale(6);
        -ms-transform: scale(6);
        transform: scale(6)
    }

    100% {
        -webkit-transform: scale(8);
        -ms-transform: scale(8);
        transform: scale(8)
    }
}

#mobileSubMenu ul li span {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    color: #222;
    opacity: .3
}

#mobileSubMenu ul li a::after {
    background: rgba(41,154,255,.06);
    width: 18px;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    top: 0;
    height: 17px;
    border-radius: 50%
}

.zoom-animate {
    position: relative;
    text-decoration: none!important
}

.zoom-animate::after {
    background: rgba(41,154,255,.06);
    width: 18px;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    height: 17px;
    border-radius: 50%;
    margin: auto;
    z-index: 100
}

.zoom-animate.z-text:active {
    animation: zoomtext .3s ease-out normal
}

.zoom-animate.z-border:active {
    animation: zoomborder .3s ease-out normal
}

.zoom-animate.z-background:active::after {
    color: #1568b2;
    content: '';
    animation: breathing .3s ease-out normal
}

.zoom-animate.non-over {
    overflow: hidden;
    position: relative
}

.tt {
    position: relative;
    cursor: pointer;
    user-select: none;
    text-decoration: none;
    cursor: pointer;
    transition-duration: .4s;
    -webkit-transition-duration: .4s
}

.tt:hover {
    transition-duration: .1s;
    background-color: #3a3a3a
}

.tt:after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 4em;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .5s;
    box-shadow: 0 0 10px 40px white
}

.tt:active:after {
    box-shadow: 0 0 0 0 white;
    position: absolute;
    border-radius: 4em;
    left: 0;
    top: 0;
    opacity: 1;
    transition: 0s
}

.tt:active {
    top: 1px
}

#ulMacro {
    width: 850px;
    display: none
}

#ulIndustry {
    display: none
}

#ulCorporate {
    width: 3300px;
    display: none
}

#ulStock {
    display: none;
    width: 3750px
}

#ulDerivatives {
    width: 1100px;
    display: none;
    margin-left: -10px
}

li#parent-1 {
    background-color: #f7f8fa;
    position: absolute;
    padding-left: 10px;
    z-index: 10
}

li#parent-2 {
    background-color: #f7f8fa
}

li#child-1 {
    margin-left: 156px
}

#ulBond {
    display: none;
    width: 850px
}

#ulInvestmentTool {
    width: 920px;
    display: none
}

#ulDataExplorer {
    width: 600px;
    display: none
}

#ulNews {
    display: none;
    width: 800px
}

#menuMobile ul li a.active {
    color: #01579b;
    background-color: #fff
}

.page-menu .menu-all-content .menu-group a.title-group {
    border-bottom: 1px solid #5fafdf;
    border-top: none!important;
    padding-bottom: 5px;
    width: 100%
}

.page-menu .menu-all-content a.title-group {
    text-transform: uppercase;
    font-weight: 700;
    color: #545b66
}

.page-menu .menu-all-content .menu-group a {
    width: 47%;
    float: left;
    color: #545b66;
    border-bottom: 1px solid #ecedee;
    padding-bottom: 5px
}

.page-menu .menu-all-content .menu-group a.marginleft {
    margin-left: 15px
}

.page-menu .menu-all-content .menu-group a:hover,.page-menu .menu-all-content a.title-group:hover {
    color: #015096
}

.backdropMobile {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    background-color: #000;
    opacity: .5
}

#popup-menu-mobile {
    position: fixed;
    width: 0%;
    height: 100%;
    top: 0;
    z-index: 100;
    background-color: #fff;
    transition: .5s;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: ease;
    transition-delay: 0s;
    overflow-x: hidden;
    box-shadow: 5px 8px 5px -5px rgba(0,0,0,.6);
    z-index: 101
}

#popup-menu-mobile .vimo {
    position: relative;
    border-bottom: 1px dashed #cfcfcf
}

#popup-menu-mobile .vimo a {
    margin-bottom: 0!important
}

#popup-menu-mobile .containermenu {
    padding: 20px 0
}

#popup-menu-mobile .containermenu .subcontainermenu {
    padding: 0 20px
}

#popup-menu-mobile .cskh p,#popup-menu-mobile .cskh a {
    padding-left: 20px
}

#popup-menu-mobile .logo {
    position: relative
}

#popup-menu-mobile i {
    position: absolute;
    right: 0;
    color: #ebebeb;
    font-size: 20px
}

#popup-menu-close {
    position: absolute;
    right: 0;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    width: 17px
}

#popup-menu-mobile .subcontainermenu .logo {
    justify-content: space-between;
    display: flex
}

.close-btb-container {
    width: 20px;
    height: 40px
}

#popup-menu-mobile .menu-group>div.group-head {
    border-bottom: 1px solid #2196f3
}

#popup-menu-mobile .menu-group a {
    display: block;
    text-decoration: none;
    padding-top: 5px;
    font-size: 14px;
    line-height: 21px;
    color: #545b66;
    padding-bottom: 5px
}

#popup-menu-mobile .menu-group a.title-group {
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 3px;
    display: inline-block;
    text-decoration: none;
    margin-bottom: 6px;
    line-height: 21px;
    color: #545b66
}

#popup-menu-mobile .menu-group a.title-group-lv2 {
    display: block;
    font-weight: 700;
    text-decoration: none;
    line-height: 21px;
    color: #545b66;
    border-bottom: 1px solid #2196f3!important
}

#popup-menu-mobile a.account,#popup-menu-mobile .info a {
    display: inline-block
}

#popup-menu-mobile .info {
    margin-top: 10px;
    padding-top: 5px;
    border-top: dotted 1px #e1e1e1
}

#popup-menu-mobile a.flag {
    position: absolute;
    right: 0;
    top: 0
}

#popup-menu-mobile img.imgUser {
    margin-bottom: 4px
}

#popup-menu-mobile .pull-left {
    padding-left: 0;
    padding-right: 0;
    font-size: inherit;
    font-style: normal;
    transform: none
}

.popup-search-container .pull-left {
    transform: none
}

#popup-menu-mobile .cskh {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: dotted 1px #e1e1e1;
    border-top: dotted 1px #e1e1e1;
    background-color: #f7f8f9
}

#popup-menu-mobile .cskh p {
    color: #a4a4a5
}

#popup-menu-mobile .cskh a {
    color: #026ab5;
    font-weight: 700
}

#popup-menu-mobile .cskh a:last-child {
    padding-left: 10px
}

#popup-menu-mobile .cskh i {
    position: initial;
    color: #60b0e2;
    font-size: 14px
}

#popup-menu-mobile .copyright p {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    color: #a4a4a5
}

#popup-menu-mobile .login-info-mobile {
}

#popup-menu-mobile .login-info-mobile a {
    display: inline-block;
    border-bottom: none!important;
    padding-left: 40px
}

#popup-menu-mobile .login-info-mobile i {
    position: initial;
    font-size: 14px;
    color: #545b66
}

#popup-menu-mobile .nctk-image {
    text-align: center
}

#popup-menu-mobile .nctk-image img {
    width: 290px
}

.news-lasted a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.col-xs-24.pull-left .menu-group .row {
    margin-top: 6px;
    margin-bottom: 6px;
    height: auto!important
}

.menuMobileContainer .caret {
    display: none
}

.padder-v {
    padding-top: 10px
}

#page-menu-content li.active>a,#page-menu-content .dropdown-menu li>a:hover {
    background-color: #f8f9fa!important;
    color: #3699ff!important
}

#page-menu-content .navbar-nav>li:hover>a,#page-menu-content .navbar-nav>li>a:hover,#page-menu-content .navbar-nav>li>a:focus,#page-menu-content .navbar-nav>li.active>a {
    background-color: #fbfbfb!important;
    color: #01579a!important
}

.btb-tutorial {
    background-color: #e3effd;
    color: rgba(0,0,0,.87)
}

.navbar-login .notification {
    position: relative;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%
}

.mobile-notify .notificationMobile {
    position: relative;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 50%
}

.notification img {
    margin-top: 9px
}

.notification:hover {
    background-color: #f4f5f7;
    cursor: pointer
}

.news-wrapper-stock {
    height: 38px
}

.fb-like {
    height: 20px
}

.fb-share-button {
    margin-right: -1px
}

#breadcrumbMobileMenu {
    height: 46px;
    background-color: #f7f8fa;
    width: 100%;
    z-index: 9;
    display: none;
    border: 1px solid #e1e1e1
}

#breadcrumbMobileMenu.fixed {
    position: fixed;
    top: 0;
    z-index: 30;
    width: 100%
}

#breadcrumbMobileMenu .row {
    height: 46px;
    position: relative
}

#breadcrumbMobileMenu .divhome {
    flex-direction: row;
    align-items: center;
    display: flex;
    height: 100%;
    margin-left: 1px;
    position: relative
}

#iBreadcrumbMobile::before {
    padding-left: 3px
}

#breadcrumbMobileMenu .divhome .imgHome {
    border-radius: 5px;
    width: 33px;
    height: 33px;
    float: left;
    border: 1px solid #e1e1e1;
    background: #f8f9fa;
    color: #bcbcbc;
    padding: 5px 3px 5px 3px;
    text-align: center;
    margin-top: -3px
}

#breadcrumbMobileMenu .divhome .imgHome img {
    width: 19px
}

#breadcrumbMobileMenu .divhome span {
    padding: 0 10px 2px 10px;
    color: #bcbcbc
}

#breadcrumbMobileMenu .divhome span:last-child {
    padding-left: 0
}

#breadcrumbMobileMenu .divsearch {
    padding-left: 5px;
    padding-top: 8px;
    display: none
}

#breadcrumbMobileMenu .divsearch img {
    float: right
}

#breadcrumbMobileMenu .divsearch .menubar {
    padding-top: 4px;
    margin-right: 12px
}

.c-mobile-menubar {
    height: 45px;
    width: 48px;
    position: absolute!important;
    right: 48px;
    top: 0;
    text-align: center;
    line-height: 45px;
    display: none
}

.c-mobile-search {
    height: 45px;
    width: 48px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 45px;
    display: none
}

.c-mobile-search:active {
    background-color: rgba(32,33,36,.06);
    cursor: pointer;
    border-radius: 50%
}

.c-mobile-search img {
    height: 24px
}

#breadcrumbMobileSubMenu {
    position: fixed;
    z-index: 30;
    background-color: #fff;
    margin-left: -10px;
    box-shadow: 5px 8px 5px -5px rgba(0,0,0,.6);
    display: none;
    transition: .5s;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: ease;
    transition-delay: 0s;
    padding-bottom: 15px;
    overflow-x: scroll;
    height: 80%
}

#breadcrumbMobileSubMenu .containermenu {
    padding: 20px 0
}

#breadcrumbMobileSubMenu .containermenu .subcontainermenu {
    padding: 0 20px
}

#breadcrumbMobileSubMenu .pull-left {
    padding-left: 0;
    padding-right: 0;
    font-size: inherit;
    font-style: normal;
    transform: none
}

#breadcrumbMobileSubMenu .vimo {
    position: relative;
    border-bottom: 1px dashed #cfcfcf
}

#breadcrumbMobileSubMenu .menu-group a.title-group {
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 3px;
    display: inline-block;
    text-decoration: none;
    margin-bottom: 6px;
    line-height: 21px;
    color: #545b66
}

#breadcrumbMobileSubMenu .menu-group a.title-group-lv2 {
    display: block;
    font-weight: 700;
    text-decoration: none;
    line-height: 21px;
    color: #545b66;
    border-bottom: 1px solid #2196f3!important
}

#breadcrumbMobileSubMenu .menu-group>div.group-head {
    border-bottom: 1px solid #2196f3
}

#breadcrumbMobileSubMenu .menu-group a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    padding-top: 5px;
    line-height: 21px;
    color: #545b66;
    padding-bottom: 5px
}

#breadcrumbMobileSubMenu .menu-group .group-head .row {
    margin-bottom: 6px;
    margin-top: 6px;
    height: unset
}

#aBreadcrumbMobile {
    text-decoration: none;
    height: 100%;
    align-items: center;
    font-weight: 700;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    padding-bottom: 2px
}

#iBreadcrumbMobile {
    display: none;
    color: #bcbcbc
}

#breadcrumbMobileDropdown {
    background-color: #fafafa;
    margin-top: 14px;
    position: absolute;
    top: 31px;
    margin-left: 40px;
    max-width: 200px;
    display: none;
    padding: 10px;
    box-shadow: 0 0 0 1px rgba(181,201,227,.12),0 8px 16px 0 rgba(181,201,227,.24)
}

#breadcrumbMobileDropdown a {
    color: #545b66;
    text-decoration: none
}

#breadcrumbMobileDropdown li {
    padding-bottom: 10px
}

#breadcrumbMobileDropdown li:last-child {
    padding-bottom: 0
}

#breadcrumbMobileDropdown li .active {
    color: #a4a4a5
}

#breadcrumbMobileDropdown p {
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 7px;
    border-bottom: solid 1px #dee1e6;
    color: #a4a4a5
}

#googleAds_top {
    padding-top: 10px;
    padding-bottom: 10px
}

#NewsShowAll {
    position: absolute;
    right: 10px;
    bottom: 4px;
    background-color: #f7f8fa;
    text-align: right;
    width: 80px;
    font-style: italic;
    font-size: 11px;
    height: 29px;
    padding-top: 7px;
    display: none
}

#NewsHideAll {
    position: absolute;
    right: 10px;
    bottom: 4px;
    background-color: #f7f8fa;
    text-align: right;
    width: 80px;
    font-style: italic;
    font-size: 11px;
    height: 29px;
    padding-top: 7px;
    display: none
}

#notify-all-content {
    position: fixed;
    z-index: 30;
    background-color: #fff;
    box-shadow: 5px 8px 5px -5px rgba(0,0,0,.6);
    display: none;
    transition: .5s;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: ease;
    transition-delay: 0s;
    overflow-x: scroll;
    height: 500px;
    top: 48px;
    width: 100%
}

#notify-all-content .fTotalNotify,#notification-popup .fTotalNotify {
    width: 50%;
    float: left;
    text-align: right;
    color: #a4a4a5;
    font-weight: 400
}

#notify-all-content .fheader,#notification-popup .fheader {
    background-color: #f7f8f9;
    height: 46px;
    padding-top: 12px;
    font-weight: bold;
    border-top: solid 1px #e1e1e1;
    border-bottom: solid 1px #e1e1e1
}

#notify-all-content .fcontent,#notification-popup .fcontent {
    overflow: auto;
    height: 57vh
}

#notify-all-content .fcontent .f-row,#notification-popup .fcontent .f-row {
    padding: 10px;
    width: 100%;
    float: left;
    position: relative
}

#notify-all-content .fcontent .f-row .f-icon,#notification-popup .fcontent .f-row .f-icon {
    width: 58px;
    float: left;
    margin-top: 4px;
    position: absolute
}

#notify-all-content .fcontent .f-row .f-detail,#notification-popup .fcontent .f-row .f-detail {
    width: 100%;
    float: left;
    padding-left: 55px
}

#notify-all-content .fcontent .f-row .f-detail .tieude,#notification-popup .fcontent .f-row .f-detail .tieude {
    font-size: 15px;
    padding-bottom: 5px;
    font-weight: bold;
    color: #333
}

#notify-all-content .fcontent .f-row .f-detail .noidung,#notification-popup .fcontent .f-row .f-detail .noidung {
    padding-bottom: 5px
}

#notify-all-content .fcontent .f-row .f-detail .time,#notification-popup .fcontent .f-row .f-detail .time {
    font-size: 12px;
    color: #a4a4a5
}

#notify-all-content div.iconGift01,#notification-popup div.iconGift01 {
    background-color: #e6f4ea;
    border-radius: 100%;
    padding: 8px 3px 0 10px;
    height: 40px;
    width: 40px
}

#notify-all-content div.iconGift02,#notification-popup div.iconGift02 {
    background-color: #fce8e6;
    border-radius: 100%;
    padding: 8px 3px 0 10px;
    height: 40px;
    width: 40px
}

#notify-all-content div.iconGift03,#notification-popup div.iconGift03 {
    background-color: #fdf3e7;
    border-radius: 100%;
    padding: 8px 3px 0 10px;
    height: 40px;
    width: 40px
}

#notify-all-content div.iconGift04,#notification-popup div.iconGift04 {
    background-color: #e3effd;
    border-radius: 100%;
    padding: 8px 3px 0 10px;
    height: 40px;
    width: 40px
}

@media screen and (max-width: 320px) {
    #popup-menu-mobile .menu-group a {
        font-size:12px!important
    }

    #breadcrumbMobileMenu .menu-group a {
        font-size: 12px!important
    }

    #popup-menu-mobile .cskh a {
        padding-left: 8px
    }

    #popup-menu-mobile .containermenu {
        padding: 10px 0!important
    }

    #popup-menu-mobile .containermenu .subcontainermenu {
        padding: 0 10px!important
    }

    #breadcrumbMobileMenu .containermenu .subcontainermenu {
        padding: 0 10px!important
    }

    #popup-menu-mobile .cskh p,#popup-menu-mobile .cskh a {
        padding-left: 10px
    }
}

@media screen and (max-width: 375px) {
    .theme-4 .footer .copyright ul li a {
        padding:0 5px
    }

    #popup-menu-mobile .containermenu {
        padding: 15px 0
    }

    #popup-menu-mobile .containermenu .subcontainermenu {
        padding: 0 15px
    }

    #breadcrumbMobileMenu .containermenu .subcontainermenu {
        padding: 0 15px
    }

    #popup-menu-mobile .cskh p,#popup-menu-mobile .cskh a {
        padding-left: 15px
    }

    #popup-menu-mobile .menu-group a {
        font-size: 13px
    }

    #breadcrumbMobileMenu .menu-group a {
        font-size: 13px
    }
}

@media screen and (max-width: 425px) {
    .widget-title {
        font-size:20px
    }

    .col-xs-12 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media only screen and (max-width: 520px) {
    .col-xs-12:nth-child(odd) {
        padding-right:5px
    }
}

@media only screen and (max-width: 568px) {
    .theme-4 .footer .single_contact3 {
        display:inline-block;
        background: unset;
        border: unset;
        padding: unset;
        padding-left: 15px
    }

    .theme-4 .logo {
        padding: 0!important
    }

    hr.bd-footer {
        display: block;
        margin: 20px 0;
        border-top: 1px solid #ecedee
    }

    hr.bd-footer-dot {
        display: block;
        margin: 20px 0;
        border: 1px dotted #ecedee
    }

    hr.horizontal-dottb.mb-horizontal,hr.horizontal-dotb.mb-horizontal,hr.horizontal-dott.mb-horizontal,hr.horizontal-soltb.mb-horizontal,hr.horizontal-solb.mb-horizontal,hr.horizontal-solt.mb-horizontal,.partial-option.mb-horizontal {
        display: block
    }

    hr.horizontal-dottb.dkt-horizontal,hr.horizontal-dotb.dkt-horizontal,hr.horizontal-dott.dkt-horizontal,hr.horizontal-soltb.dkt-horizontal,hr.horizontal-solb.dkt-horizontal,hr.horizontal-solt.dkt-horizontal,.partial-option.dkt-horizontal {
        display: none
    }

    .device-not-mobile {
        display: none
    }

    .device-mobile {
        display: block
    }

    .footer-w100 {
        width: 100%;
        text-align: center
    }
}

@media(max-width: 767px) {
    .page-scroll {
        display:none
    }

    .breadcrumbs>.head-bread {
        z-index: initial
    }

    .btb-tutorial {
        padding-left: 8px;
        padding-right: 8px
    }

    .btb-tutorial img {
        margin-bottom: 4px!important;
        height: 20px;
        width: auto;
        padding: 2px 0
    }

    .padder-v {
        padding-top: 0
    }

    #header-newsMobile .item {
    }

    #header-newsMobile .item .class1,#header-newsMobile .item .class3 {
        margin-right: -10px;
        height: auto
    }

    #header-newsMobile .item .class2,#header-newsMobile .item .class4 {
        margin-left: -10px;
        height: auto
    }

    #popup-menu-mobile .menu-group>div>div>a.noborder,#popup-menu-mobile .menu-group>div>div>a.noborder2 {
        border-bottom: none!important
    }

    .theme-4 .logo p {
        text-align: left
    }

    .copyright_menus.text-right {
        text-align: center!important;
        margin-top: 10px
    }

    .footer .single_book ul li {
        padding: 5px;
        position: relative;
        padding-left: 10px
    }

    .footer .single_contact3 {
    }

    .f1-w,.f2-w,.f3-w {
        width: 100%!important
    }

    .contacts3 {
        height: auto
    }

    .theme-4 .logo {
        padding: 13px 0 25px;
        text-align: left
    }

    .footer .single_book ul li:after {
        position: absolute;
        content: "";
        height: 5px;
        width: 5px;
        background: #1091ff;
        border-radius: 50%;
        left: -1.5px;
        top: 12.5px
    }

    .p-t-xs {
        padding-top: 0
    }

    .navbar-header .top-homeLogin {
        padding: 5px 45px;
        margin: auto;
        text-align: center
    }
}

@media only screen and (min-width: 768px) {
    .f1-w {
        width:37.33%!important
    }

    .f2-w {
        width: 27.33%!important
    }

    .f3-w {
        width: 35.33%!important
    }

    .theme-4 .footer .single_contact3 {
        display: table-cell;
        background: #fafafa;
        border: solid 1px #ebebeb;
        padding: 15px 11px 15px 55px;
        width: 33.33%;
        float: left;
        height: 99px
    }

    .theme-4 .footer .single_contact3:last-child {
        padding-left: 41px
    }

    .theme-4 .footer .single_contact3 h6,.theme-4 .footer .single_contact3 p,.theme-4 .footer .single_contact3 a {
        font-size: 14px;
        margin-bottom: 0;
        line-height: 20px
    }

    .theme-4 .footer .single_contact3 h6.f-ads-service:before {
        background: url(/Content/images/f-qc-dich-vu.svg);
        width: 32px;
        height: 32px;
        left: -43px;
        top: 100%;
        margin-top: 0;
        background-position: center;
        background-repeat: no-repeat
    }

    .theme-4 .footer .single_contact3 h6.f-hotline:before {
        background: url(/Content/images/f-sang-tao-noi-dung.svg);
        width: 32px;
        height: 32px;
        left: -43px;
        top: 100%;
        margin-top: 0;
        background-position: center;
        background-repeat: no-repeat
    }

    .theme-4 .footer .single_contact3 h6.f-office:before {
        background: url(/Content/images/f-office.svg);
        width: 32px;
        height: 32px;
        left: -40px;
        top: 85%;
        margin-top: 0;
        background-position: center;
        background-repeat: no-repeat
    }

    .footer .single_book ul {
        margin: 0;
        padding: 0
    }

    .footer .single_book ul li {
        list-style: none;
        margin-bottom: 7px;
        font-size: 16px;
        line-height: 27px
    }

    .news_letter {
    }

    .footer .single_book {
    }


    .col-md-11 {
        -ms-flex: 0 0 45.83333333%;
        flex: 0 0 45.83333333%;
        width: 45.83333333%;
        float: left
    }

    .col-md-2 {
        -ms-flex: 0 0 8.333333333%;
        flex: 0 0 8.333333333%;
        width: 8.333333333%;
        float: left
    }

    .col-md-24 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%
    }
}

@media screen and (max-width: 990px) {
    #googleAds_top {
        padding-top:0;
        padding-bottom: 0
    }

    #popup-menu-mobile .menu-group>div>div>a.noborder2 {
        border-bottom: none!important
    }

    .news-lasted>ul>li:nth-child(odd),.header-market :nth-child(odd).row {
        background: #f7f8fa
    }

    #notification-popup {
        top: 42px!important;
        left: 50vw;
        transform: translateX(-50%);
        width: 83vw
    }

    .footer .single_contact3 {
        width: 100%
    }

    #header-market {
        padding-top: 15px
    }

    .fb-page,.fb-page span,.fb-page span iframe[style] {
        width: 100%!important
    }

    ::-webkit-scrollbar {
        display: none
    }
}

@media(min-width: 1200px) {
    .news_letter {
        padding:10px 0;
        margin: 0 18px
    }

    .col-xl-8 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        width: 33.333333%!important
    }

    .col-xl-12 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 50%!important
    }

    .col-xl-16 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        width: 66.666667%!important
    }
}

@media only screen and (min-width: 768px) and (max-width:1199px) {
    #header-newsMobile .item .class1,#header-newsMobile .item .class2,#header-newsMobile .item .class3 {
        border-bottom:none
    }

    .device-show {
        display: none
    }

    .device-hide {
        display: block
    }

    .theme-4 .logo {
        padding: 0;
        text-align: left
    }

    .f1-w {
        width: 37.33%!important
    }

    .f2-w {
        width: 28.33%!important
    }

    .f3-w {
        width: 34.33%!important
    }
}

@media screen and (max-width: 991px) {
    .mobile-search {
        position:absolute;
        right: 6px;
        top: 0;
        display: flex;
        padding: 0 10px;
        height: 100%;
        justify-content: center;
        align-items: center;
        vertical-align: middle
    }

    .mobile-notify {
        display: block;
        height: 25px
    }

    .mobile-notify .notificationMobile {
        margin-left: 12px
    }

    .mobile-notify .notificationMobile .num {
        top: 7px;
        right: -1px
    }
}

.mobile-notify .notificationMobile:hover {
    background-color: unset
}

.circle-background {
    position: relative;
    z-index: 1
}

.circle-background::after {
    background: rgba(60,64,67,.08);
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.circle-background:hover::after {
    content: ''
}

.retain::after {
    content: '';
    background: rgba(60,64,67,.08);
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.main_menu {
    width: 100%;
    height: 48px;
    background-color: #fff;
    z-index: 2
}

.main_menu .xs-container {
    align-items: center;
    position: relative;
    width: 100%;
    padding: 0
}

.mobile-menu {
}

.menu_nav {
    margin: 0 auto;
    height: 38px;
    width: 100%;
    position: relative
}

.main_menu,.menu_nav,.menu-bars .menu-bar {
    height: 48px
}

.menu-left__icon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    margin-left: 6px;
    height: 100%
}

.mobile-search .cart-icon {
    margin-right: 10px
}

.mobile-logo {
    align-items: center;
    text-align: center;
    width: 100%;
    display: inline;
    padding-bottom: 5px;
    vertical-align: middle;
    padding-top: 5px;
    position: absolute;
    height: 48px
}

.menu_nav .menu-bars {
    height: 25px
}

.menu-bars .menu-bar .imgMenuBar {
    padding-left: 8px;
    padding-right: 5px
}

.mobile-menu img,.mobile-search img {
    height: 25px;
    margin: 0
}

.mobile-logo--img {
    height: 100%!important
}

img {
    max-width: 100%;
    max-height: 100%
}

.cart_icon {
    margin-right: 24px
}

.all-menu {
    background-color: #fff;
    position: absolute;
    top: 48px;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: left;
    padding: 15px 0;
    border: #e9e9e9 solid 1px;
    border-top: 0;
    border-bottom: #1e88e5 solid 3px;
    box-shadow: 5px 8px 5px -5px rgba(0,0,0,.6);
    max-height: 400px
}

fieldset {
    min-width: 0;
    margin: 0!important
}

.all-menu .menu-group {
    padding-left: 5px
}

.all-menu .menu-group>div.group-head {
    border-bottom: 1px solid #2196f3;
    margin-bottom: 10px
}

a.title-group {
    color: #545b66
}

.all-menu .menu-group a.title-group,.bottom-menu .menu-group a.title-group {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 7px
}

.all-menu .menu-group a.pull-right {
    margin-top: -27px
}

a.pull-right {
    color: #1091ff;
    font-size: 12px!important
}

.pull-right {
    float: right
}

#all-menu .col-6 {
    padding-left: 5px;
    padding-right: 5px
}

.all-menu .menu-group a,.bottom-menu .menu-group a {
    display: block;
    text-decoration: none;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 21px;
    color: #545b66
}

.menu-group>div>div>a,.menu-group>div>div>div>div>a {
    border-bottom: 1px solid #dee1e6!important
}

.menuMobileContainer {
    width: 100%;
    background-color: #01579b;
    display: flex;
    flex-wrap: wrap;
    z-index: 10
}

.menuMobileImg {
    width: 43px;
    float: left;
    padding-left: 10px;
    padding-top: 4px
}

.stellarnav1 {
    position: relative;
    width: auto;
    z-index: 1;
    line-height: normal;
    overflow-x: scroll;
    display: inline;
    width: calc(100% - 54px)
}

.stellarnav1.light {
    background: transparent
}

.right {
    text-align: right
}

#newsprk_menu1 {
    background-color: #01579b;
    width: 710px;
    display: flex
}

.stellarnav1 ul {
    margin: 0;
    padding: 0;
    text-align: left
}

.stellarnav1>ul>li {
    display: inline-block
}

.stellarnav1 li {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    line-height: normal;
    vertical-align: middle
}

.newsprk_nav1 li {
    display: inline-block;
    position: relative;
    z-index: 2
}

.stellarnav1 li a {
    padding: 15px 14px 23px 15px;
    display: block;
    text-decoration: none;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    box-sizing: border-box;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.newsprk_nav1 li a {
    color: #fff;
    padding: 10px 15px 12px 15px;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    white-space: nowrap
}

.topIndexsMobile {
    overflow-x: scroll;
    padding-top: 10px
}

#top-indexsMobile {
    width: 1190px;
    margin-bottom: 10px;
    display: flex
}

#top-indexsMobile .fr-index {
    width: 205px;
    padding-left: 10px!important
}

#topMobile.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 30
}

#menuMobile {
    display: none
}

#menuMobile.fixed {
    position: fixed;
    top: 48px;
    width: 100%;
    z-index: 29
}

.top-indexs .fr-index {
    padding: 0!important;
    border-right: #ecedee solid 1px;
    padding-left: 15px!important
}

.top-indexs a {
    color: #545b66
}

.arr-index {
    vertical-align: middle;
    margin-right: 10px
}

.arr-index span {
    padding: 5px;
    border-radius: 50%;
    margin-top: 7px;
    font-size: 12px
}

.arr-index span.arr-up {
    border: green solid 1px
}

.arr-index span.arr-down {
    border: red solid 1px
}

.arr-index span.arr-stop {
    border: #ff8c00 solid 1px;
    color: #ff8c00
}

.arr-indexPC {
    vertical-align: middle;
    margin-right: 10px
}

.arr-indexPC span {
    padding: 3px;
    border-radius: 50%;
    margin-top: -3px;
    margin-left: -6px
}

.arr-indexPC span.arr-up {
    border: green solid 1px
}

.arr-indexPC span.arr-down {
    border: red solid 1px
}

.arr-indexPC span.arr-stop {
    border: #ff8c00 solid 1px;
    color: #ff8c00
}

.top-indexs .pull-left {
    float: left;
    font-size: inherit;
    font-style: normal;
    transform: none;
    padding-left: 0
}

.p-r {
    padding-right: 10px
}

.pull-right {
    float: right
}

.cont-index {
    font-size: 12px;
    display: inline-block
}

.cont-index .price {
    color: #545b66
}

.price-change,.percent-change {
    margin-left: 7px
}

.td_green,.color-up,.arr-up,.color-green {
    color: green
}

.td_red,.color-down,.arr-down,.color-red {
    color: red
}

.top-indexs .fr-index:last-child {
    border-right: none
}

.content-scrollbar {
    overflow-x: hidden;
    overflow-y: auto
}

.vst-news--date__mobile {
    font-style: italic;
    font-size: 11px;
    height: 20px;
    padding: 0;
    line-height: 20px
}

.vst-news--title__mobile {
    padding-left: 3px
}

.vst-news--hour__mobile {
    padding-left: 0;
    padding-right: 7px
}

.page-footer {
    background-color: #e3f2fd
}

.page-container .navbar.navbar-top {
    border-radius: 0;
    border: 0;
    background-color: #fff
}

.header-breadcrumb {
    position: relative;
    background-color: #fff
}

.nav-tabs.bg.view-tab.swipe-tabs,.bg {
    background-color: #01579b;
    color: rgba(255,255,255,1)
}

.bg-red {
    background-color: #f44336;
    color: rgba(255,255,255,1)
}

.bg-green {
    background-color: green;
    color: rgba(255,255,255,1)
}

.btb.bg:hover,.btb.bg:focus,.btb.bg.focus {
    color: rgba(255,255,255,.87)
}

.nav-tabs.bg,.nav-tabs.bg2 {
    background-color: inherit;
    color: rgba(255,255,255,.87)
}

.collapse.in.bg {
    background-color: inherit
}

.bg.dk {
    background-color: #0d47a1;
    color: rgba(255,255,255,.87)
}

.bg.lt {
    background-color: #0277bd;
    color: #fff
}

.bg-100 {
    background-color: #bbdefb;
    color: rgba(0,0,0,.7)
}

.bg-200 {
    background-color: #90caf9;
    color: rgba(0,0,0,.7)
}

.bg-300 {
    background-color: #64b5f6;
    color: rgba(0,0,0,.7)
}

.bg-400 {
    background-color: #42a5f5;
    color: rgba(0,0,0,.7)
}

.bg a {
    color: rgba(255,255,255,.87)
}

.bg li.active>a,.bg2 li.active>a,.input-group-btb .btb.active,.bg li.active a:focus,.bg li.active a:hover,.btb.bg.active,.btb.bg:focus,.btb.bg:hover a.bg.active,a.bg:focus,a.bg:hover,button.bg.active,button.bg:focus,button.bg:hover,.page-menu .dropdown-menu li>a:hover {
    background-color: #01579b;
    color: rgba(255,255,255,.87);
    outline: 0
}

.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus {
    background-color: #01579b
}

.page-menu .menu-all-content .menu-group a.title-group {
    border-top: 2px solid #01579b
}

.page-menu .menu-all-content {
}

.i-bg,.bg-paging {
    background-color: #f7f7f7!important
}

.bg-heatmap,.i-bg5 {
    background-color: #eee!important
}

.bg-fb {
    background-color: #e9ebee!important
}

.bg-50 {
    background-color: #f6f6f6!important
}

.tt-suggestion:hover,.tt-suggestion.tt-cursor,.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #01579b!important;
    color: rgba(255,255,255,.87)!important
}

.title,a.title-link {
    color: #015096
}

.exchange-tab>a.title-link.active {
    color: red
}

.text {
    color: #5a6d80
}

.bb-1 {
    border-bottom: 1px solid #0067a5
}

.bc {
    border-color: #dfdfdf #dfdfdf #dfdfdf #eaeaea
}

.bc.header {
    border-color: #2196f3
}

.bd {
    border: 1px solid #dfdfdf
}

.ba {
    border-style: solid;
    border-width: 1px
}

.bt1 {
    border-top-style: solid;
    border-top-width: 1px
}

.bb1 {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.ba,.bt1,.bt2 {
    border-color: #ccc
}

.bt2 {
    border-top-style: solid;
    border-top-width: 2px
}

.bb2 {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

.bt3 {
    border-top-style: solid;
    border-top-width: 3px
}

.bb3 {
    border-bottom-style: solid;
    border-bottom-width: 3px
}

.bt2,.bb2,.bt3,.bb3 {
    border-color: #ccc
}

.bt2.red,.bb2.red,.bt3.red,.bb3.red {
    border-color: #f44336
}

.blockquote.blockquote-vst {
    border: 1px solid;
    border-color: #2196f3;
    border-left-width: 5px
}

ul.square>li:before,ul>li>.square:before {
    color: #ffa500
}

.page-menu a.nav-home:hover,.page-menu a.nav-home.active,.page-menu a.nav-home:focus,.page-menu .menu-all:hover>a,.page-menu .menu-all>a[aria-expanded=true],.page-menu .navbar-nav>li:hover>a,.page-menu .navbar-nav>li>a:hover,.page-menu .navbar-nav>li>a:focus,.page-menu .navbar-nav>li.active>a {
    background-color: #01579b;
    color: #1973ed
}

form .radio,form .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

form .radio label,form .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

form .radio input[type=radio],form .radio-inline input[type=radio],form .checkbox input[type=checkbox],form .checkbox-inline input[type=checkbox] {
    position: absolute;
    margin-left: -20px
}

.i-checks input {
    position: absolute;
    opacity: 0
}

.i-checks input,.i-checks>i,.i-checks>span {
    margin-left: -20px
}

input[type=radio],input[type=checkbox] {
    margin: 4px 0 0;
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

.form-horizontal .radio,.form-horizontal .checkbox {
    min-height: 27px
}

.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0
}

.i-checks>i {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -2px;
    margin-right: 4px;
    line-height: 1;
    background-color: #fff;
    border: 1px solid #cfdadd
}

.i-checks input,.i-checks>i,.i-checks>span {
    margin-left: -20px
}

.i-checks>i,.list-icon i,.navbar-brand img {
    vertical-align: middle
}

.i-checks input:checked+i {
    border-color: #01579b
}

.i-checks>i:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background-color: transparent;
    content: "";
    -webkit-transition: all .2s;
    transition: all .2s
}

.i-checks input:checked+i:before {
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    background-color: #01579b
}

.i-checks input[type=radio]+i,.i-checks input[type=radio]+i:before,.i-switch i:after {
    border-radius: 50%
}

.view-tab {
    border-bottom: 4px solid #01579b
}

.index-tab,.bbgr2 {
    border-bottom: 2px solid #01579b
}

.footer-info .adv-service {
    background-color: #01579b;
    color: rgba(255,255,255,.87)
}

.footer-info .adv-service:before {
    background-color: #0277bd;
    color: rgba(255,255,255,.77)
}

.bg-lightx,.overview-right {
    background-color: #e1f5fe!important
}

.bg.ltmenu {
    color: #fff;
    border-bottom: solid 3px #f44336
}

@media screen and (max-width: 767px) {
    .footer-row>h3 {
        background-color:#0277bd
    }

    .footer-row>h4 {
        border-color: #f44336
    }
}

@media screen and (min-width: 768px) {
    .view-tab.nav-tabs>li>a {
        border-color:#cecece
    }

    .view-tab.nav-tabs>li.active>a {
        border: 0;
        border-top: 1px solid #01579b
    }

    .view-tab.nav-tabs>li>a:hover {
        background-color: #01579b;
        color: #fff
    }
}