/**
* Swiper 8.3.2
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2022 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: July 26, 2022
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
@font-face {
font-family: "Merriweather";
font-weight: normal;
font-style: normal;
src: url("https://static.mediacdn.vn/fonts/Merriweather-Regular.woff2") format("woff2"), url("https://static.mediacdn.vn/fonts/Merriweather-Regular.woff") format("woff"), url("https://static.mediacdn.vn/fonts/Merriweather-Regular.ttf") format("truetype"), url("https://static.mediacdn.vn/fonts/Merriweather-Regular.eot") format("embedded-opentype");
font-display: swap; }
@font-face {
font-family: "Merriweather";
font-weight: bold;
font-style: normal;
src: url("https://static.mediacdn.vn/fonts/Merriweather-Bold.woff2") format("woff2"), url("https://static.mediacdn.vn/fonts/Merriweather-Bold.woff") format("woff"), url("https://static.mediacdn.vn/fonts/Merriweather-Bold.ttf") format("truetype"), url("https://static.mediacdn.vn/fonts/Merriweather-Bold.eot") format("embedded-opentype");
font-display: swap; }
@font-face {
font-family: "Merriweather";
font-weight: 900;
font-style: normal;
src: url("https://static.mediacdn.vn/fonts/Merriweather-Black.woff2") format("woff2"), url("https://static.mediacdn.vn/fonts/Merriweather-Black.woff") format("woff"), url("https://static.mediacdn.vn/fonts/Merriweather-Black.ttf") format("truetype"), url("https://static.mediacdn.vn/fonts/Merriweather-Black.eot") format("embedded-opentype");
font-display: swap; }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("https://static.mediacdn.vn/fonts/Roboto-Regular.woff2") format("woff2"), url("https://static.mediacdn.vn/fonts/Roboto-Regular.woff") format("woff"), url("https://static.mediacdn.vn/fonts/Roboto-Regular.ttf") format("truetype"), url("https://static.mediacdn.vn/fonts/Roboto-Regular.eot") format("embedded-opentype");
font-display: swap; }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url("https://static.mediacdn.vn/fonts/Roboto-Medium.woff2") format("woff2"), url("https://static.mediacdn.vn/fonts/Roboto-Medium.woff") format("woff"), url("https://static.mediacdn.vn/fonts/Roboto-Medium.ttf") format("truetype"), url("https://static.mediacdn.vn/fonts/Roboto-Medium.eot") format("embedded-opentype");
font-display: swap; }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 600;
src: url("https://static.mediacdn.vn/fonts/RobotoCondensed-Bold.woff2") format("woff2"), url("https://static.mediacdn.vn/fonts/RobotoCondensed-Bold.woff") format("woff"), url("https://static.mediacdn.vn/fonts/RobotoCondensed-Bold.ttf") format("truetype"), url("https://static.mediacdn.vn/fonts/RobotoCondensed-Bold.eot") format("embedded-opentype");
font-display: swap; }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url("https://static.mediacdn.vn/fonts/Roboto-Bold.woff2") format("woff2"), url("https://static.mediacdn.vn/fonts/Roboto-Bold.woff") format("woff"), url("https://static.mediacdn.vn/fonts/Roboto-Bold.ttf") format("truetype"), url("https://static.mediacdn.vn/fonts/Roboto-Bold.eot") format("embedded-opentype");
font-display: swap; }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: bold;
src: url("https://static.mediacdn.vn/fonts/Roboto-Bold.woff2") format("woff2"), url("https://static.mediacdn.vn/fonts/Roboto-Bold.woff") format("woff"), url("https://static.mediacdn.vn/fonts/Roboto-Bold.ttf") format("truetype"), url("https://static.mediacdn.vn/fonts/Roboto-Bold.eot") format("embedded-opentype");
font-display: swap; }
body {
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #3D4043;
background-color: #fff;
-webkit-animation-duration: .1s;
-webkit-animation-name: fontfix;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: .1s;
-webkit-tap-highlight-color: transparent;
margin: 0;
min-width: 1200px; }
.container {
margin-right: auto;
margin-left: auto;
padding-left: 16px;
padding-right: 16px;
max-width: 100%;
width: 1212px; }
.w700 {
margin-right: auto;
margin-left: auto;
max-width: 100%;
width: 700px; }
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: geometricPrecision;
text-size-adjust: none;
-webkit-text-size-adjust: none; }
*, ::after, ::before {
box-sizing: border-box; }
ul {
padding: 0;
margin: 0;
list-style: none; }
a {
text-decoration: none;
color: #666666;
outline: none; }
a:hover {
text-decoration: none; }
.icon {
display: inline-flex; }
p {
margin: 0; }
h1, h2, h3 {
margin: 0; }
img {
width: 100%;
max-width: 100%;
display: block;
image-rendering: -webkit-optimize-contrast;
color: transparent;
height: auto; }
.icon-svg {
width: auto; }
input, textarea, select, a {
outline: none; }
.p-0 {
padding: 0 !important; }
.d-none {
display: none !important; }
.d-block {
display: block !important; }
.d-flex {
display: flex; }
.m-0 {
margin: 0; }
.mt-5 {
margin-top: 5px; }
.mt-10 {
margin-top: 10px; }
.mt-15 {
margin-top: 15px; }
.mt-20 {
margin-top: 20px; }
.mt-25 {
margin-top: 25px; }
.mt-30 {
margin-top: 30px; }
.mb-40 {
margin-bottom: 40px; }
.mt-40 {
margin-top: 40px; }
.mb-5 {
margin-bottom: 5px; }
.mb-10 {
margin-bottom: 10px; }
.mb-15 {
margin-bottom: 15px; }
.mb-20 {
margin-bottom: 20px; }
.mb-25 {
margin-bottom: 25px; }
.mb-30 {
margin-bottom: 30px; }
.mb-40 {
margin-bottom: 40px; }
.pt-40 {
padding-top: 40px; }
.img-circle {
border-radius: 50%;
overflow: hidden;
width: 100%;
height: 100%;
display: block; }
.border-0 {
border: 0 !important; }
.clearfix {
clear: both; }
.show-pc {
display: block; }
@media (max-width: 767px) {
.show-pc {
display: none; } }
.show-mb {
display: none; }
@media (max-width: 767px) {
.show-mb {
display: block; } }
textarea {
resize: none; }
.hidden {
display: none !important; }
.text-center {
text-align: center; }
.img-resize {
display: block;
position: relative;
height: max-content; }
.img-resize:before {
padding-bottom: 62.5%;
/* 16:10 */
content: "";
display: block; }
.img-resize .box-category-avatar {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
bottom: 0;
margin: auto;
background-size: cover;
background-position: center;
object-fit: cover; }
.img-square {
display: block;
position: relative;
height: max-content; }
.img-square:before {
padding-bottom: 133.33%;
/* 3:4 */
content: "";
display: block; }
.img-square .box-category-avatar {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
bottom: 0;
margin: auto;
background-size: cover;
background-position: center;
object-fit: cover; }
.iframe-resize {
display: block;
position: relative;
height: max-content; }
.iframe-resize:before {
padding-bottom: 56.25%;
content: "";
display: block; }
.iframe-resize .iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.header {
position: relative; }
.header.sticky_header .header__middle {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 99; }
.header__top {
background: url(../../images/bg-header.jpg), #1259a0 no-repeat center top;
background-size: contain; }
.header__top-flex {
padding: 15px 0;
display: flex;
align-items: center;
justify-content: space-between; }
.header__logo {
display: flex;
align-items: center; }
.header__logo .image {
width: 60px;
height: 60px;
margin-right: 20px; }
.header__logo .image img {
width: 100%;
height: auto; }
.header__logo .content {
display: flex;
flex-direction: column; }
.header__logo .content .text {
color: #fff;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.24px;
margin-bottom: 4px; }
.header__logo .content .note {
color: #f2f2f2;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal; }
.header__tf-right {
display: flex;
flex-direction: column;
align-items: flex-end; }
.header__tf-right .language {
position: relative; }
.header__tf-right .language.show .curent {
background: #fff; }
.header__tf-right .language.show .curent svg,
.header__tf-right .language.show .curent path {
fill: #1259a0; }
.header__tf-right .language .curent {
display: flex;
align-items: center;
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 10px 20px;
gap: 4px;
cursor: pointer; }
.header__tf-right .language .curent .image {
width: 22px;
height: auto;
margin-right: 0; }
.header__tf-right .language .language-bot {
position: absolute;
width: 215px;
border-radius: 0px 0px 10px 10px;
background: #f3f6fb;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2);
padding: 20px;
top: 65px;
right: 0;
display: none;
z-index: 2; }
.header__tf-right .language .language-flex {
display: flex;
flex-direction: column;
gap: 16px; }
.header__tf-right .language .item {
border-radius: 4px;
border: 1px solid #e2e7ed;
background: #fff;
display: flex;
padding: 12px 30px;
align-items: center;
justify-content: center;
gap: 8px;
color: #3d4043;
text-align: center;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal; }
.header__tf-right .list-action {
display: flex;
align-items: center; }
.header__tf-right .link {
display: flex;
align-items: center; }
.header__tf-right .link .item {
color: #a0bdd9;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 14px;
/* 142.857% */
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #003b77;
height: 14px;
display: block; }
.header__tf-right .link .item:first-child {
border-left: 0;
padding-left: 0;
margin-left: 0; }
.header__tf-right .social {
display: flex; }
.header__tf-right .social .item {
display: flex;
margin-left: 16px; }
.header__middle {
background: #fff;
box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1); }
.header__mflex {
display: flex;
align-items: center;
justify-content: space-between; }
.header__box-sub-menu {
position: relative; }
.header__box-sub-menu:hover .header__nav-sub-menu {
display: block; }
.header__nav-sub-menu {
width: 300px;
position: absolute;
display: flex;
flex-direction: column;
background: #fff;
top: 100%;
left: 0;
padding: 20px;
box-shadow: 0px 3px 4px 4px rgba(0, 0, 0, 0.1);
display: none;
z-index: 2; }
.header__nav-sub-menu .item {
border-top: 1px solid #DADCE0;
display: block;
color: #3D4043;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 20px 0; }
.header__nav-sub-menu .item:first-child {
padding-top: 0;
border-top: 0; }
.header__nav-sub-menu .item:last-child {
padding-bottom: 0; }
.header__nav {
display: flex; }
.header__nav .nav-link {
color: #3d4043;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: block;
margin-right: 20px;
padding: 16px 0; }
.header__nav .nav-link.active, .header__nav .nav-link:hover {
color: #1259a0; }
.header__search {
position: relative; }
.header__search:hover .search-form {
width: 200px; }
.header__search .btn-search {
border-radius: 60px;
border: 1px solid rgba(255, 255, 255, 0.2);
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center; }
.header__search .search-form {
position: absolute;
width: 0;
overflow: hidden;
transition: all 0.3s;
top: 0;
right: 0;
display: flex;
align-items: center; }
.header__search .search-form .search-input {
width: 100%;
height: 40px;
border: 1px solid #ddd;
border-radius: 25px;
padding: 0 10px;
padding-right: 32px; }
.header__search .search-form .search-submit {
position: absolute;
border: 0;
background: 0;
right: 0;
width: 32px;
height: 32px;
padding: 0; }
.header__fo {
display: flex;
align-items: center;
gap: 10px; }
.header__bt {
display: flex;
align-items: center;
justify-content: space-between; }
.header__back {
display: flex;
align-items: center; }
.header__back .back-home {
display: flex;
align-items: center;
gap: 6px; }
.header__back .name-page {
color: #000;
font-family: Merriweather;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
padding-left: 20px;
margin-left: 20px;
border-left: 1px solid #dadce0; }
.header__multimedia .header__nav .nav-link {
display: flex;
align-items: center;
gap: 6px;
margin-right: 40px;
font-weight: 700;
position: relative; }
.header__multimedia .header__nav .nav-link:hover {
color: #ce1126; }
.header__multimedia .header__nav .nav-link:hover .icon svg path {
fill: #ce1126; }
.header__multimedia .header__nav .nav-link:hover::before {
content: "";
position: absolute;
width: 100%;
height: 2px;
background: #ce1126;
bottom: -12px;
left: 0; }
.header__multimedia .header__nav .nav-link.active {
color: #ce1126; }
.header__multimedia .header__nav .nav-link.active .icon svg path {
fill: #ce1126; }
.header__multimedia .header__nav .nav-link.active::before {
content: "";
position: absolute;
width: 100%;
height: 2px;
background: #ce1126;
bottom: -12px;
left: 0; }
.footer {
margin-top: 40px; }
.footer__top {
border-top: 4px solid #dadce0;
padding: 20px 0 40px; }
.footer__tflex {
display: flex;
width: calc(100% + 40px);
margin-left: -20px; }
.footer__tflex .col {
width: 33.33%;
padding: 0 20px;
border-right: 1px solid #dadce0; }
.footer__tflex .col:last-child {
border-right: 0; }
.footer__tflex .col .list-follow-us {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px; }
.footer__tflex .col .list-follow-us .icon {
display: flex; }
.footer__tflex .list-link.bold .item {
font-weight: 700; }
.footer__tflex .list-link .item {
display: block;
color: #3d4043;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */
margin-bottom: 10px; }
.footer__tflex .f-hr {
display: block;
width: 100%;
height: 1px;
border-bottom: 1px solid #f1f3f4;
margin-bottom: 10px; }
.footer__tflex .text {
color: #606368;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */
margin-bottom: 22px; }
.footer__tflex .box-content .text {
color: #606368;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */
margin-bottom: 22px; }
.footer__tflex .box-content .row {
display: flex;
margin-bottom: 10px;
color: #000;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */
align-items: flex-start; }
.footer__tflex .box-content .row .icon {
display: flex;
margin-right: 6px;
width: 24px;
height: 24px; }
.footer__tflex .box-content .row .text-b {
flex: 1; }
.footer__logo {
display: flex;
align-items: center; }
.footer__logo .icon {
width: 46px;
height: 46px;
margin-right: 13px; }
.footer__logo .icon img {
width: 100%;
height: auto; }
.footer__logo .text {
color: #3d4043;
text-align: center;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 20px;
/* 142.857% */
text-transform: uppercase; }
.footer__mr {
display: flex; }
.footer__social {
display: flex;
align-items: center; }
.footer__social .item {
display: flex;
margin-left: 10px;
width: 36px;
height: 36px;
display: flex; }
.footer__nav {
display: flex;
align-items: center; }
.footer__nav .item {
display: flex;
margin-left: 10px;
padding-left: 10px;
color: #606368;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 14px;
/* 142.857% */
border-left: 1px solid #e2e7ed; }
.footer__nav .item:first-child {
border-left: 0;
padding-left: 0;
margin-left: 0; }
.footer__bottom {
padding: 20px 0 30px;
border-top: 1px solid #DADCE0; }
.footer__bottom .col .title {
color: #3D4043;
text-align: center;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 20px;
margin-bottom: 6px; }
.footer__bottom .col .text {
color: #3D4043;
text-align: center;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; }
.box-category .box-category-link-with-avatar {
position: relative; }
.box-category .box-category-link-with-avatar img {
width: 100%;
height: 100%;
object-fit: cover; }
.box-category[data-layout="1"] .box-category-top .box-category-title {
display: inline-flex;
color: #ce1126;
font-family: Merriweather;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 30px;
border-bottom: 2px solid #ce1126;
padding-bottom: 6px; }
.box-category[data-layout="1"] .box-category-middle {
margin-top: 20px; }
.box-category[data-layout="1"] .box-category-middle .box-category-item {
padding: 20px 0;
border-top: 1px solid #f1f3f4;
display: flex;
justify-content: space-between; }
.box-category[data-layout="1"] .box-category-middle .box-category-item:first-child {
padding-top: 0;
border-top: 0; }
.box-category[data-layout="1"] .box-category-middle .box-category-item:first-child .box-category-link-with-avatar {
width: 400px; }
.box-category[data-layout="1"] .box-category-middle .box-category-item:first-child .box-category-content {
width: calc(100% - 420px); }
.box-category[data-layout="1"] .box-category-middle .box-category-item:first-child .box-category-content .box-category-link-title {
display: block;
color: #000;
font-family: Merriweather;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
margin-bottom: 10px; }
.box-category[data-layout="1"] .box-category-middle .box-category-item:first-child .box-category-content .box-category-sapo {
color: #000;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
overflow: hidden;
max-height: 60px; }
.box-category[data-layout="1"] .box-category-middle .box-category-item .box-category-link-with-avatar {
width: 200px; }
.box-category[data-layout="1"] .box-category-middle .box-category-item .box-category-content {
width: calc(100% - 220px); }
.box-category[data-layout="1"] .box-category-middle .box-category-item .box-category-content .box-category-link-title {
display: block;
color: #000;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
margin-bottom: 6px; }
.box-category[data-layout="1"] .box-category-middle .box-category-item .box-category-content .box-category-sapo {
color: #000;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
overflow: hidden;
max-height: 60px; }
.box-category[data-layout="1"] .box-category-middle .box-category-item .box-category-content .box-category-category,
.box-category[data-layout="1"] .box-category-middle .box-category-item .box-category-content .box-category-time {
display: none; }
.box-category[data-layout="2"] .box-category-top .box-category-title {
display: inline-flex;
color: #ce1126;
font-family: Merriweather;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 30px;
border-bottom: 2px solid #ce1126;
padding-bottom: 6px; }
.box-category[data-layout="2"] .box-category-middle {
margin-top: 20px; }
.box-category[data-layout="2"] .box-category-middle .box-category-item {
padding: 20px 0;
border-top: 1px solid #f1f3f4;
display: flex;
justify-content: space-between; }
.box-category[data-layout="2"] .box-category-middle .box-category-item:first-child {
padding-top: 0;
border-top: 0;
flex-direction: column; }
.box-category[data-layout="2"] .box-category-middle .box-category-item:first-child .box-category-link-with-avatar {
width: 100%;
margin-bottom: 20px;
order: 0; }
.box-category[data-layout="2"] .box-category-middle .box-category-item:first-child .box-category-content {
width: 100%; }
.box-category[data-layout="2"] .box-category-middle .box-category-item:first-child .box-category-content .box-category-link-title {
display: block;
color: #000;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
margin-bottom: 6px; }
.box-category[data-layout="2"] .box-category-middle .box-category-item:first-child .box-category-content .box-category-sapo {
color: #000;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
display: block;
overflow: hidden;
max-height: 60px; }
.box-category[data-layout="2"] .box-category-middle .box-category-item .box-category-link-with-avatar {
width: 120px;
order: 1; }
.box-category[data-layout="2"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="1"]::after {
content: "";
width: 36px;
height: 36px;
margin-right: 4px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-img.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="2"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="2"]::after {
content: "";
width: 36px;
height: 36px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-video.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="2"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="4"]::after {
content: "";
width: 36px;
height: 36px;
margin-right: 4px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-mic.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="2"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="5"]::after {
content: "";
width: 36px;
height: 36px;
margin-right: 4px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-color.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="2"] .box-category-middle .box-category-item .box-category-content {
width: calc(100% - 140px); }
.box-category[data-layout="2"] .box-category-middle .box-category-item .box-category-content .box-category-link-title {
display: block;
color: #000;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px; }
.box-category[data-layout="2"] .box-category-middle .box-category-item .box-category-content .box-category-sapo,
.box-category[data-layout="2"] .box-category-middle .box-category-item .box-category-content .box-category-category,
.box-category[data-layout="2"] .box-category-middle .box-category-item .box-category-content .box-category-time {
display: none; }
.box-category[data-layout="3"] .box-category-middle .box-category-item {
padding: 20px 0;
border-top: 1px solid #f1f3f4;
display: flex;
justify-content: space-between; }
.box-category[data-layout="3"] .box-category-middle .box-category-item:first-child {
padding-top: 0;
border-top: 0;
background: #f3f6fb;
padding-bottom: 0;
margin-bottom: 20px; }
.box-category[data-layout="3"] .box-category-middle .box-category-item:first-child .box-category-link-with-avatar {
width: 480px; }
.box-category[data-layout="3"] .box-category-middle .box-category-item:first-child .box-category-content {
width: calc(100% - 480px);
padding: 20px; }
.box-category[data-layout="3"] .box-category-middle .box-category-item:first-child .box-category-content .box-category-link-title {
display: block;
color: #000;
font-family: Merriweather;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
margin-bottom: 10px; }
.box-category[data-layout="3"] .box-category-middle .box-category-item:first-child .box-category-content .box-category-sapo {
color: #000;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
display: block;
overflow: hidden;
max-height: 60px; }
.box-category[data-layout="3"] .box-category-middle .box-category-item .box-category-link-with-avatar {
width: 280px; }
.box-category[data-layout="3"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="1"]::after {
content: "";
width: 36px;
height: 36px;
margin-right: 4px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-img.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="3"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="2"]::after {
content: "";
width: 36px;
height: 36px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-video.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="3"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="4"]::after {
content: "";
width: 36px;
height: 36px;
margin-right: 4px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-mic.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="3"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="5"]::after {
content: "";
width: 36px;
height: 36px;
margin-right: 4px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-color.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="3"] .box-category-middle .box-category-item .box-category-content {
width: calc(100% - 300px); }
.box-category[data-layout="3"] .box-category-middle .box-category-item .box-category-content .box-category-link-title {
display: block;
color: #000;
text-overflow: ellipsis;
font-family: Merriweather;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 30px;
margin-bottom: 10px; }
.box-category[data-layout="3"] .box-category-middle .box-category-item .box-category-content .box-category-sapo {
color: #000;
text-overflow: ellipsis;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
overflow: hidden;
max-height: 60px; }
.box-category[data-layout="3"] .box-category-middle .box-category-item .box-category-content .box-category-category,
.box-category[data-layout="3"] .box-category-middle .box-category-item .box-category-content .box-category-time {
display: none; }
.box-category[data-layout="3"] .more {
border-radius: 4px;
border: 1px solid var(--E2E7ED, #e2e7ed);
background: var(--F3F6FB, #f3f6fb);
padding: 12px 0;
color: #000;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px;
margin: 20px auto 0;
width: 177px;
display: flex;
justify-content: center; }
.box-category[data-layout="4"] .box-category-top .box-category-title {
color: #ce1126;
font-family: Merriweather;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 143.75% */
display: block;
margin-bottom: 12px; }
.box-category[data-layout="4"] .box-category-middle .box-category-item {
padding: 10px 0;
border-bottom: 1px solid #e0d6aa; }
.box-category[data-layout="4"] .box-category-middle .box-category-item:first-child {
padding-top: 0; }
.box-category[data-layout="4"] .box-category-middle .box-category-item:first-child .box-category-link-with-avatar {
display: block;
margin-bottom: 10px; }
.box-category[data-layout="4"] .box-category-middle .box-category-item .box-category-link-with-avatar {
display: none; }
.box-category[data-layout="4"] .box-category-middle .box-category-item .box-category-link-title {
color: #000;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 164.286% */
display: block; }
.box-category[data-layout="4"] .box-category-middle .box-category-item .box-category-category {
display: none; }
.box-category[data-layout="4"] .box-category-middle .box-category-item .box-category-time {
display: none; }
.box-category[data-layout="4"] .box-category-middle .box-category-item .box-category-sapo {
display: none; }
.box-category[data-layout="5"] .box-category-middle .box-category-item {
padding: 20px 40px;
border-bottom: 1px solid #333; }
.box-category[data-layout="5"] .box-category-middle .box-category-item .box-category-link-with-avatar {
display: none; }
.box-category[data-layout="5"] .box-category-middle .box-category-item .box-category-link-title {
color: #fff;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
display: block;
margin-bottom: 6px; }
.box-category[data-layout="5"] .box-category-middle .box-category-item .box-category-sapo {
color: #fff;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
overflow: hidden;
max-height: 60px; }
.box-category[data-layout="5"] .box-category-middle .box-category-item .box-category-time {
display: none; }
.box-category[data-layout="5"] .box-category-middle .box-category-item .box-category-category {
display: none; }
.box-category[data-layout="6"] .box-category-middle {
display: flex;
flex-wrap: wrap;
gap: 40px 20px; }
.box-category[data-layout="6"] .box-category-middle .box-category-item {
width: calc(33% - 10px); }
.box-category[data-layout="6"] .box-category-middle .box-category-item .box-category-link-with-avatar {
margin-bottom: 10px; }
.box-category[data-layout="6"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="1"]::after {
content: "";
width: 36px;
height: 36px;
margin-right: 4px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-img.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="6"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="2"]::after {
content: "";
width: 36px;
height: 36px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-video.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="6"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="4"]::after {
content: "";
width: 36px;
height: 36px;
margin-right: 4px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-mic.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="6"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="5"]::after {
content: "";
width: 36px;
height: 36px;
margin-right: 4px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-color.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="6"] .box-category-middle .box-category-item .box-category-link-title {
color: #000;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 164.286% */
display: block;
margin-bottom: 7px; }
.box-category[data-layout="6"] .box-category-middle .box-category-item .box-category-category {
display: none; }
.box-category[data-layout="6"] .box-category-middle .box-category-item .box-category-time {
display: block;
padding-left: 24px;
position: relative;
color: #606368;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */ }
.box-category[data-layout="6"] .box-category-middle .box-category-item .box-category-time:before {
content: "";
width: 18px;
height: 18px;
position: absolute;
top: 0;
left: 0;
background: url(https://static.mediacdn.vn/MIC/images/icon/ic-time-clock.svg) no-repeat;
background-size: contain; }
.box-category[data-layout="6"] .box-category-middle .box-category-item .box-category-sapo {
display: none; }
.box-category[data-layout="7"] .box-category-top {
margin-bottom: 20px; }
.box-category[data-layout="7"] .box-category-top .box-category-title {
margin-bottom: 20px;
display: block;
color: #ce1126;
font-family: Merriweather;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
position: relative;
padding-bottom: 8px; }
.box-category[data-layout="7"] .box-category-top .box-category-title:after {
content: "";
height: 2px;
background: #ce1126;
width: 60px;
position: absolute;
left: 0;
bottom: 0; }
.box-category[data-layout="7"] .box-category-middle {
display: flex; }
.box-category[data-layout="7"] .box-category-middle .box-category-left {
width: 300px;
padding-right: 20px;
border-right: 1px solid #dadce0;
margin-right: 20px; }
.box-category[data-layout="7"] .box-category-middle .box-category-left .box-category-item {
padding: 20px 0;
border-bottom: 1px solid #f1f3f4; }
.box-category[data-layout="7"] .box-category-middle .box-category-left .box-category-item:first-child {
padding-top: 0; }
.box-category[data-layout="7"] .box-category-middle .box-category-left .box-category-item:last-child {
padding-bottom: 0;
border-bottom: 0; }
.box-category[data-layout="7"] .box-category-middle .box-category-left .box-category-link-with-avatar {
margin-bottom: 20px; }
.box-category[data-layout="7"] .box-category-middle .box-category-left .box-category-link-title {
color: #000;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 164.286% */
display: block; }
.box-category[data-layout="7"] .box-category-middle .box-category-left .box-category-category {
display: none; }
.box-category[data-layout="7"] .box-category-middle .box-category-left .box-category-time {
display: none; }
.box-category[data-layout="7"] .box-category-middle .box-category-left .box-category-sapo {
display: none; }
.box-category[data-layout="7"] .box-category-middle .box-category-right {
width: 386px;
padding-left: 20px;
margin-left: 20px;
border-left: 1px solid #dadce0; }
.box-category[data-layout="7"] .box-category-middle .box-category-right .box-category-item {
padding: 20px 0;
border-bottom: 1px solid #f1f3f4;
display: flex; }
.box-category[data-layout="7"] .box-category-middle .box-category-right .box-category-item:first-child {
padding-top: 0; }
.box-category[data-layout="7"] .box-category-middle .box-category-right .box-category-item:last-child {
padding-bottom: 0;
border-bottom: 0; }
.box-category[data-layout="7"] .box-category-middle .box-category-right .box-category-link-with-avatar {
width: 120px;
order: 2;
margin-left: 20px; }
.box-category[data-layout="7"] .box-category-middle .box-category-right .box-category-content {
width: calc(100% - 140px); }
.box-category[data-layout="7"] .box-category-middle .box-category-right .box-category-link-title {
overflow: hidden;
color: #000;
text-overflow: ellipsis;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 164.286% */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; }
.box-category[data-layout="7"] .box-category-middle .box-category-right .box-category-category {
display: none; }
.box-category[data-layout="7"] .box-category-middle .box-category-right .box-category-time {
display: none; }
.box-category[data-layout="7"] .box-category-middle .box-category-right .box-category-sapo {
display: none; }
.box-category[data-layout="7"] .box-category-middle .box-category-center {
width: calc(100% - 320px - 406px); }
.box-category[data-layout="7"] .box-category-middle .box-category-center .box-category-item {
height: 100%;
background: #f3f6fb; }
.box-category[data-layout="7"] .box-category-middle .box-category-center .box-category-content {
padding: 20px; }
.box-category[data-layout="7"] .box-category-middle .box-category-center .box-category-link-title {
color: #000;
font-family: Merriweather;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 10px;
display: block; }
.box-category[data-layout="7"] .box-category-middle .box-category-center .box-category-sapo {
color: #000;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */
overflow: hidden;
max-height: 60px; }
.box-category[data-layout="7"] .box-category-middle .box-category-center .box-category-category {
display: none; }
.box-category[data-layout="7"] .box-category-middle .box-category-center .box-category-time {
display: none; }
.box-category[data-layout="8"] .box-category-top {
margin-bottom: 20px; }
.box-category[data-layout="8"] .box-category-top .box-category-title {
color: #000;
font-family: Merriweather;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
display: block;
border-bottom: 1px solid #000;
padding-bottom: 4px; }
.box-category[data-layout="8"] .box-category-middle {
counter-reset: section; }
.box-category[data-layout="8"] .box-category-middle .box-category-item {
display: flex;
padding: 20px 0;
padding-left: 36px;
position: relative;
border-bottom: 1px solid #f1f3f4; }
.box-category[data-layout="8"] .box-category-middle .box-category-item:first-child {
padding-top: 0; }
.box-category[data-layout="8"] .box-category-middle .box-category-item:last-child {
padding-bottom: 0;
border-bottom: 0; }
.box-category[data-layout="8"] .box-category-middle .box-category-item:before {
counter-increment: section;
content: "0" counter(section) ".";
overflow: hidden;
color: #ce1126;
font-family: Merriweather;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
position: absolute;
left: 0; }
.box-category[data-layout="8"] .box-category-middle .box-category-item .box-category-link-with-avatar {
width: 120px;
margin-left: 10px;
order: 2; }
.box-category[data-layout="8"] .box-category-middle .box-category-item .box-category-content {
width: calc(100% - 130px); }
.box-category[data-layout="8"] .box-category-middle .box-category-item .box-category-link-title {
color: #000;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
display: block;
overflow: hidden;
max-height: 80px; }
.box-category[data-layout="8"] .box-category-middle .box-category-item .box-category-category {
display: none; }
.box-category[data-layout="8"] .box-category-middle .box-category-item .box-category-time {
display: none; }
.box-category[data-layout="8"] .box-category-middle .box-category-item .box-category-sapo {
display: none; }
.box-category[data-layout="9"] .box-category-top {
display: flex;
align-items: center;
margin-top: 40px;
justify-content: space-between; }
.box-category[data-layout="9"] .box-category-top .box-category-title {
color: #000;
text-overflow: ellipsis;
font-family: Merriweather;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px; }
.box-category[data-layout="9"] .box-category-top .views {
border-radius: 4px;
border: 1px solid #a0bdd9;
background: #fff;
display: flex;
align-items: center;
padding: 11px 20px;
gap: 6px;
overflow: hidden;
color: #1259a0;
text-overflow: ellipsis;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal; }
.box-category[data-layout="9"] .box-category-middle {
display: flex;
flex-wrap: wrap;
gap: 40px 20px;
margin-top: 15px; }
.box-category[data-layout="9"] .box-category-middle .box-category-item {
width: calc(33% - 10px); }
.box-category[data-layout="9"] .box-category-middle .box-category-item .box-category-link-with-avatar {
margin-bottom: 10px; }
.box-category[data-layout="9"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="1"]::after {
content: "";
width: 36px;
height: 36px;
margin-right: 4px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-img.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="9"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="2"]::after {
content: "";
width: 36px;
height: 36px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-video.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="9"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="4"]::after {
content: "";
width: 36px;
height: 36px;
margin-right: 4px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-mic.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="9"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="5"]::after {
content: "";
width: 36px;
height: 36px;
margin-right: 4px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-color.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="9"] .box-category-middle .box-category-item .box-category-link-title {
color: #000;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 164.286% */
display: block;
margin-bottom: 7px; }
.box-category[data-layout="9"] .box-category-middle .box-category-item .box-category-category {
display: none; }
.box-category[data-layout="9"] .box-category-middle .box-category-item .box-category-time,
.box-category[data-layout="9"] .box-category-middle .box-category-item .box-category-sapo {
display: none; }
.box-category[data-layout="9"] .more {
border-radius: 4px;
border: 1px solid var(--E2E7ED, #e2e7ed);
background: var(--F3F6FB, #f3f6fb);
padding: 12px 0;
color: #000;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px;
margin: 20px auto 0;
width: 177px;
display: flex;
justify-content: center; }
.box-category[data-layout="10"] .box-category-top {
display: flex;
align-items: center;
margin-top: 40px;
justify-content: space-between; }
.box-category[data-layout="10"] .box-category-top .box-category-title {
color: #000;
text-overflow: ellipsis;
font-family: Merriweather;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px; }
.box-category[data-layout="10"] .box-category-top .views {
border-radius: 4px;
border: 1px solid #a0bdd9;
background: #fff;
display: flex;
align-items: center;
padding: 11px 20px;
gap: 6px;
overflow: hidden;
color: #1259a0;
text-overflow: ellipsis;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal; }
.box-category[data-layout="10"] .box-category-middle {
display: flex;
flex-wrap: wrap;
gap: 40px 20px;
margin-top: 15px; }
.box-category[data-layout="10"] .box-category-middle .box-category-item {
width: calc(25% - 15px); }
.box-category[data-layout="10"] .box-category-middle .box-category-item .box-category-link-with-avatar {
margin-bottom: 10px; }
.box-category[data-layout="10"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="1"]::after {
content: "";
width: 36px;
height: 36px;
margin-right: 4px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-img.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="10"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="2"]::after {
content: "";
width: 36px;
height: 36px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-video.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="10"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="4"]::after {
content: "";
width: 36px;
height: 36px;
margin-right: 4px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-mic.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="10"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="5"]::after {
content: "";
width: 36px;
height: 36px;
margin-right: 4px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-color.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="10"] .box-category-middle .box-category-item .box-category-link-title {
color: #000;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 164.286% */
display: block;
margin-bottom: 7px; }
.box-category[data-layout="10"] .box-category-middle .box-category-item .box-category-category {
display: none; }
.box-category[data-layout="10"] .box-category-middle .box-category-item .box-category-time {
display: block;
padding-left: 24px;
position: relative;
color: #606368;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */ }
.box-category[data-layout="10"] .box-category-middle .box-category-item .box-category-time:before {
content: "";
width: 18px;
height: 18px;
position: absolute;
top: 0;
left: 0;
background: url(https://static.mediacdn.vn/MIC/images/icon/ic-time-clock.svg) no-repeat;
background-size: contain; }
.box-category[data-layout="10"] .box-category-middle .box-category-item .box-category-sapo {
display: none; }
.box-category[data-layout="11"] .box-category-top {
margin-bottom: 6px; }
.box-category[data-layout="11"] .box-category-top .box-category-title {
color: #000;
font-family: Merriweather;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px;
/* 150% */
display: block; }
.box-category[data-layout="11"] .box-category-middle {
display: flex;
flex-wrap: wrap;
gap: 40px 20px; }
.box-category[data-layout="11"] .box-category-middle .box-category-item {
width: calc(25% - 15px); }
.box-category[data-layout="11"] .box-category-middle .box-category-item .box-category-link-with-avatar {
margin-bottom: 10px; }
.box-category[data-layout="11"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="1"]::after {
content: "";
width: 36px;
height: 36px;
margin-right: 4px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-img.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="11"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="2"]::after {
content: "";
width: 36px;
height: 36px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-video.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="11"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="4"]::after {
content: "";
width: 36px;
height: 36px;
margin-right: 4px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-mic.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="11"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="5"]::after {
content: "";
width: 36px;
height: 36px;
margin-right: 4px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-color.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="11"] .box-category-middle .box-category-item .box-category-link-title {
color: #000;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 164.286% */
display: block; }
.box-category[data-layout="11"] .box-category-middle .box-category-item .box-category-category {
display: none; }
.box-category[data-layout="11"] .box-category-middle .box-category-item .box-category-time {
display: block;
padding-left: 24px;
position: relative;
color: #606368;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */
margin-top: 6px; }
.box-category[data-layout="11"] .box-category-middle .box-category-item .box-category-time:before {
content: "";
width: 18px;
height: 18px;
position: absolute;
top: 0;
left: 0;
background: url(https://static.mediacdn.vn/MIC/images/icon/ic-time-clock.svg) no-repeat;
background-size: contain; }
.box-category[data-layout="11"] .box-category-middle .box-category-item .box-category-sapo {
display: none; }
.box-category[data-layout="12"] {
border-top: 1px solid #dadce0;
padding-top: 40px;
margin-top: 43px;
text-align: center; }
.box-category[data-layout="12"] .box-category-top {
margin-bottom: 6px;
text-align: start; }
.box-category[data-layout="12"] .box-category-top .box-category-title {
color: #000;
font-family: Merriweather;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px;
/* 150% */
display: block; }
.box-category[data-layout="12"] .box-category-middle {
display: flex;
flex-wrap: wrap;
gap: 40px 20px;
text-align: start; }
.box-category[data-layout="12"] .box-category-middle .box-category-item {
width: calc(33% - 10px); }
.box-category[data-layout="12"] .box-category-middle .box-category-item .box-category-link-with-avatar {
margin-bottom: 10px; }
.box-category[data-layout="12"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="1"]::after {
content: "";
width: 36px;
height: 36px;
margin-right: 4px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-img.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="12"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="2"]::after {
content: "";
width: 36px;
height: 36px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-video.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="12"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="4"]::after {
content: "";
width: 36px;
height: 36px;
margin-right: 4px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-mic.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="12"] .box-category-middle .box-category-item .box-category-link-with-avatar[data-newstype="5"]::after {
content: "";
width: 36px;
height: 36px;
margin-right: 4px;
display: inline-block;
background: url(https://static.mediacdn.vn/MIC/image/icon-color.svg) no-repeat;
background-size: contain;
position: relative;
bottom: 10px;
left: 10px;
border-radius: 40px;
position: absolute; }
.box-category[data-layout="12"] .box-category-middle .box-category-item .box-category-link-title {
color: #000;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 164.286% */
display: block; }
.box-category[data-layout="12"] .box-category-middle .box-category-item .box-category-category {
display: none; }
.box-category[data-layout="12"] .box-category-middle .box-category-item .box-category-time {
display: block;
padding-left: 24px;
position: relative;
color: #606368;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */
margin-top: 6px; }
.box-category[data-layout="12"] .box-category-middle .box-category-item .box-category-time:before {
content: "";
width: 18px;
height: 18px;
position: absolute;
top: 0;
left: 0;
background: url(https://static.mediacdn.vn/MIC/images/icon/ic-time-clock.svg) no-repeat;
background-size: contain; }
.box-category[data-layout="12"] .box-category-middle .box-category-item .box-category-sapo {
display: none; }
.box-category[data-layout="12"] .views {
display: inline-flex;
margin-top: 40px;
border-radius: 4px;
border: 1px solid #e2e7ed;
background: #f3f6fb;
color: #000;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21px;
padding: 12px 50px; }
.box-category[data-layout="13"] .box-category-top {
margin-bottom: 20px; }
.box-category[data-layout="13"] .box-category-top .box-category-title {
color: #000;
font-family: Merriweather;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal; }
.box-category[data-layout="13"] .box-category-middle .box-category-item {
padding: 20px 0;
border-bottom: 1px solid #f1f3f4;
display: flex; }
.box-category[data-layout="13"] .box-category-middle .box-category-item:first-child {
padding-top: 0; }
.box-category[data-layout="13"] .box-category-middle .box-category-item:last-child {
padding-bottom: 0;
border-bottom: 0; }
.box-category[data-layout="13"] .box-category-middle .box-category-item .box-category-link-with-avatar {
width: 180px;
margin-right: 20px; }
.box-category[data-layout="13"] .box-category-middle .box-category-item .box-category-content {
width: calc(100% - 200px); }
.box-category[data-layout="13"] .box-category-middle .box-category-item .box-category-link-title {
color: #000;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
display: block;
margin-bottom: 10px; }
.box-category[data-layout="13"] .box-category-middle .box-category-item .box-category-sapo {
color: #000;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
overflow: hidden;
max-height: 60px; }
.box-category[data-layout="13"] .box-category-middle .box-category-item .box-category-category {
display: none; }
.box-category[data-layout="13"] .box-category-middle .box-category-item .box-category-time {
display: none; }
.box-category[data-layout="14"] .box-category-top {
margin-bottom: 20px; }
.box-category[data-layout="14"] .box-category-top .box-category-title {
color: #000;
font-family: Merriweather;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal; }
.box-category[data-layout="14"] .box-category-middle .box-category-item {
padding: 20px 0;
border-bottom: 1px solid #f1f3f4;
display: flex; }
.box-category[data-layout="14"] .box-category-middle .box-category-item:first-child {
padding-top: 0; }
.box-category[data-layout="14"] .box-category-middle .box-category-item .box-category-link-with-avatar {
width: 280px;
margin-right: 20px; }
.box-category[data-layout="14"] .box-category-middle .box-category-item .box-category-content {
width: calc(100% - 300px); }
.box-category[data-layout="14"] .box-category-middle .box-category-item .box-category-link-title {
color: #000;
font-family: Merriweather;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
display: block;
margin-bottom: 10px; }
.box-category[data-layout="14"] .box-category-middle .box-category-item .box-category-sapo {
color: #000;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
overflow: hidden;
max-height: 60px; }
.box-category[data-layout="14"] .box-category-middle .box-category-item .box-category-category {
display: none; }
.box-category[data-layout="14"] .box-category-middle .box-category-item .box-category-time {
display: none; }
.box-category[data-layout="14"] .views {
display: flex;
margin-top: 40px;
border-radius: 4px;
border: 1px solid #e2e7ed;
background: #f3f6fb;
color: #000;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21px;
padding: 12px 50px;
width: 177px;
margin: 20px auto auto auto; }
.home__focus-sw {
margin-top: 20px; }
.home__focus-sw .box-sw-focus {
background: url(../../images/banner-home-en.png) no-repeat;
background-size: cover;
padding: 40px 40px 20px 40px;
border-radius: 10px; }
.home__focus-sw .box-sw-focus .box-item {
display: flex;
justify-content: space-between; }
.home__focus-sw .box-sw-focus .box-item .box-left {
width: calc(100% - 360px); }
.home__focus-sw .box-sw-focus .box-item .box-left .text-bold {
display: block;
color: #CE1126;
font-family: Merriweather;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px;
margin-bottom: 6px; }
.home__focus-sw .box-sw-focus .box-item .box-left .text-bold:before {
content: "";
width: 22px;
height: 19px;
background: url(https://static.mediacdn.vn/MIC/images/icon/quote-bt.svg) no-repeat;
display: flex;
margin-bottom: 10px; }
.home__focus-sw .box-sw-focus .box-item .box-left .sapo {
color: #3D4043;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px; }
.home__focus-sw .box-sw-focus .box-item .box-right {
width: 195px;
position: relative; }
.home__focus-sw .box-sw-focus .box-item .box-right::before {
content: '';
position: absolute;
width: 1px;
height: 100%;
background: linear-gradient(180deg, #FFFAE6 0%, #E4D1A5 51.75%, #FFFAE8 100%);
top: 0;
left: -40px; }
.home__focus-sw .box-sw-focus .box-item .box-right .avatar-bt {
display: flex; }
.home__focus-sw .box-sw-focus .box-item .box-right .name {
display: block;
color: #000;
font-family: Merriweather;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 28px;
margin-top: 24px; }
.home__focus-sw .box-sw-focus .box-item .box-right .cv {
display: block;
color: #3D4043;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
text-align: center; }
.home__focus-sw .box-sw-focus .box-control {
display: inline-flex;
padding: 4px;
align-items: center;
border-radius: 60px;
background: #FFF;
gap: 10px; }
.home__focus-sw .box-sw-focus .box-control .swiper-button-disabled {
opacity: 0.5; }
.home__focus-sw .box-sw-focus .box-control .home-ft-sw-pagination {
display: flex;
align-items: center;
color: #606368;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; }
.home__focus-sw .box-sw-focus .box-control .home-ft-sw-prev {
display: flex;
border-radius: 60px;
background: var(--F1F3F4, #F1F3F4);
padding: 4px;
cursor: pointer; }
.home__focus-sw .box-sw-focus .box-control .home-ft-sw-next {
display: flex;
border-radius: 60px;
background: var(--F1F3F4, #F1F3F4);
padding: 4px;
cursor: pointer; }
.home__focus-dd {
margin-top: 20px; }
.home__focus-dd .list-dd {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px;
height: 170px; }
.home__focus-dd .list-dd .item-link {
width: calc(25% - 15px);
border-radius: 10px;
background: #F3F6FB;
padding: 20px 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%; }
.home__focus-dd .list-dd .item-link:hover {
border: 2px solid #1259A0;
background: #FFFFFF; }
.home__focus-dd .list-dd .item-link .image {
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
padding: 12px;
background: #1259A0;
height: 60px;
width: 60px; }
.home__focus-dd .list-dd .item-link .image img {
width: auto;
object-fit: cover; }
.home__focus-dd .list-dd .item-link .text {
display: block;
color: #1259A0;
text-align: center;
font-family: Merriweather;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 23px;
margin-top: 20px;
overflow: hidden;
max-height: 46px; }
.home__ct .box-ct-flex {
border-top: 1px solid #DADCE0;
margin-top: 20px;
padding-top: 20px;
display: flex;
justify-content: space-between; }
.home__ct .box-ct-flex .box-left {
width: calc(100% - 407px); }
.home__ct .box-ct-flex .box-right {
width: 366px;
position: relative; }
.home__ct .box-ct-flex .box-right::before {
content: '';
position: absolute;
width: 1px;
height: 100%;
background: #DADCE0;
top: 0;
left: -20px; }
.home__partner .box-top .box-category-title {
display: block;
margin-bottom: 20px;
color: #000;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 164.286% */ }
.home__partner .box-middle {
border-top: 1px solid #DADCE0;
padding-top: 20px;
margin-top: 20px; }
.home__partner .box-middle .swiper-slide {
height: auto;
width: 188px;
margin-right: 10px; }
.home__partner .box-middle .swiper-slide:last-child {
margin-right: 0; }
.home__partner .box-middle .item {
border-radius: 4px;
border: 1px solid var(--F3F6FB, #F3F6FB);
background: #FFF;
height: 100%;
display: block;
text-align: center;
text-align: center;
display: flex;
flex-direction: column; }
.home__partner .box-middle .item .image {
text-align: center;
height: 100px;
display: flex;
align-items: center;
justify-content: center; }
.home__partner .box-middle .item .image img {
width: auto;
margin: 0 auto;
max-height: 87px; }
.home__partner .box-middle .swiper-pagination {
position: relative;
top: 0;
margin-top: 20px; }
.home__partner .box-middle .swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #999;
opacity: 1; }
.home__partner .box-middle .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #1259a0; }
.list__menu-child .box-list-child {
padding: 10px 0;
display: flex;
border-bottom: 1px solid #F3F6FB; }
.list__menu-child .box-list-child .item-child {
padding-left: 30px;
position: relative;
color: #999;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 23px; }
.list__menu-child .box-list-child .item-child:first-child {
padding-left: 0; }
.list__menu-child .box-list-child .item-child:first-child:before {
display: none; }
.list__menu-child .box-list-child .item-child:before {
content: "";
width: 18px;
height: 18px;
position: relative;
background: url(../../images/icon/detail-arrow-cate.svg) no-repeat center;
background-size: contain;
position: absolute;
left: 6px;
top: 2px; }
.list__trusomoi {
margin-top: 40px; }
.list__trusomoi .box-trusomoi {
width: 100%;
max-width: 780px;
margin: 0 auto; }
.list__trusomoi .box-trusomoi .tsm-images {
border: 1px solid var(--DADCE0, #DADCE0);
background: var(--FFFFFF, #FFF);
padding: 5px;
display: flex; }
.list__trusomoi .box-trusomoi .tsm-images img {
object-fit: cover; }
.list__trusomoi .box-trusomoi .sapo {
color: #000;
font-family: Arial;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
padding: 20px 0; }
.list__trusomoi .box-trusomoi .btn-dowload {
border-radius: 4px;
background: #1259A0;
display: inline-flex;
align-items: center;
padding: 8px 20px;
gap: 5px;
color: #FFF;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 16px; }
.list__tele-laws {
margin-top: 40px; }
.list__tele-laws .box-laws {
border-bottom: 1px solid #DADCE0;
padding-bottom: 40px;
margin-bottom: 40px; }
.list__tele-laws .box-laws:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0; }
.list__tele-laws .box-laws .text {
color: #000;
text-overflow: ellipsis;
font-family: Merriweather;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px;
margin-bottom: 22px; }
.list__tele-laws .box-laws .table {
border: 1px solid #E2E7ED; }
.list__tele-laws .box-laws .table .row {
display: flex;
border-bottom: 1px solid #E2E7ED; }
.list__tele-laws .box-laws .table .row .td {
background: #F3F6FB;
width: 380px;
color: #000;
text-overflow: ellipsis;
font-family: Merriweather;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 28px;
padding: 20px; }
.list__tele-laws .box-laws .table .row .th {
flex: 1;
color: #000;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px;
padding: 20px; }
.list__tele-laws .box-laws .table .row:last-child {
border-bottom: 0; }
.list__box-law-sl .box-col-laws3 {
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px solid #DADCE0; }
.list__box-law-sl .box-col-laws3.law3-br {
padding-bottom: 0;
border-bottom: 0; }
.list__box-law-sl .box-col-laws3:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0; }
.list__box-law-sl .box-col-laws3 .table-flex-cate {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px; }
.list__box-law-sl .box-col-laws3 .table-flex-cate .title {
color: #000;
text-overflow: ellipsis;
font-family: Merriweather;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px; }
.list__box-law-sl .box-col-laws3 .table-flex-cate .views {
display: inline-flex;
border-radius: 4px;
border: 1px solid #A0BDD9;
background: #FFF;
padding: 10px 20px;
gap: 10px;
color: #1259A0;
text-overflow: ellipsis;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal; }
.list__police .box-police {
padding-bottom: 40px; }
.list__police .box-police:last-child {
padding-bottom: 0; }
.list__police .box-police .text {
color: #000;
text-overflow: ellipsis;
font-family: Merriweather;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px;
margin-bottom: 20px; }
.list__police .box-police .table {
border: 1px solid #E2E7ED; }
.list__police .box-police .table .row {
color: #000;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px;
border-bottom: 1px solid #E2E7ED; }
.list__police .box-police .table .row:last-child {
border-bottom: 0; }
.list__police .box-police .table .row:nth-child(even) {
background: #F3F6FB; }
.list__police .box-police .table.table-2 {
border: 1px solid #E2E7ED; }
.list__police .box-police .table.table-2 .row {
display: flex;
border-bottom: 1px solid #E2E7ED;
background: #FFF; }
.list__police .box-police .table.table-2 .row:first-child .td, .list__police .box-police .table.table-2 .row:first-child .th {
color: #000;
text-overflow: ellipsis;
font-family: Merriweather;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 28px; }
.list__police .box-police .table.table-2 .row:last-child {
border-bottom: 0; }
.list__police .box-police .table.table-2 .row:nth-child(odd) {
background: #F3F6FB; }
.list__police .box-police .table.table-2 .row .th {
padding: 20px;
width: 180px;
color: #606368; }
.list__police .box-police .table.table-2 .row .td {
padding: 20px;
flex: 1;
border-right: 1px solid #E2E7ED; }
.list__news-event {
margin-top: 20px; }
.list__news-event .news-event-col {
display: flex; }
.list__news-event .news-event-col .box-left {
width: calc(100% - 340px); }
.list__news-event .news-event-col .box-right {
width: 320px;
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #DADCE0; }
.list__news-event .news-event-col .box-right .list__phatbieu {
background: url(https://static.mediacdn.vn/MIC/images/list-phatbiet-bg.png) no-repeat center;
background-size: cover;
padding: 20px; }
.list__news-event .news-event-col .box-right .list__phatbieu .view-more {
padding: 11px 20px;
display: inline-flex;
margin-top: 10px;
color: #1259A0;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
gap: 6px;
border-radius: 4px;
background: #FFF; }
.list__news-event .news-event-col .box-right .list__phatbieu .view-more .icon {
width: 18px;
height: 18px;
display: flex; }
.list__new-photo .box-photo-vd {
border-bottom: 1px solid #DADCE0;
padding-bottom: 40px;
margin-bottom: 40px; }
.list__new-photo .box-photo-vd:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0; }
.list__nbottom-flex {
display: flex;
align-items: center;
justify-content: space-between; }
.list__nbottom-flex .fill-byday {
border-radius: 4px;
border: 1px solid #E2E7ED;
background: #F3F6FB;
padding: 12px 20px;
display: flex;
align-items: center;
color: #000;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21px;
/* 131.25% */
gap: 6px;
cursor: pointer; }
.list__nbottom-flex .fill-byday .icon {
width: 24px;
height: 24px;
display: flex; }
.mul__news {
margin-bottom: 40px; }
.mul__news .box-category {
border-bottom: 4px solid #DADCE0;
padding-bottom: 40px; }
.mul__video {
margin-bottom: 40px; }
.mul__video .box-category {
border-bottom: 1px solid #DADCE0;
padding-bottom: 33px;
margin-bottom: 40px; }
.mul__icontent {
border-top: 1px solid #DADCE0;
margin-top: 20px;
padding-top: 40px; }
.mul__image {
margin-bottom: 20px; }
.mul__image .swiper {
height: 100%; }
.mul__image .box-item {
height: 480px;
width: 100%;
position: relative; }
.mul__image .box-item:before {
position: absolute;
bottom: 10px;
left: 10px;
content: '';
width: 36px;
height: 36px;
background: url(https://static.mediacdn.vn/MIC/images/icon/mul-iimage.svg) no-repeat;
background-size: contain; }
.mul__image .box-item img {
width: 100%;
height: 100%;
object-fit: cover; }
.mul__image .mul__iflex {
display: flex;
background: #222;
height: 480px; }
.mul__image .mul__iflex .box-content {
width: 340px; }
.mul__image .mul__iflex .box-content .mul-image-sw {
height: 330px; }
.mul__image .mul__iflex .box-content .swiper-slide {
height: auto; }
.mul__image .mul__iflex .box-content .swiper-slide.swiper-slide-thumb-active .box-category-content {
opacity: 1; }
.mul__image .mul__iflex .box-content .swiper-slide .box-category-content {
opacity: 0.2; }
.mul__image .mul__iflex .box-content .swiper-slide:last-child .box-category-item {
border-bottom: 0; }
.mul__image .mul__iflex .box-content .box-category {
padding: 20px 0; }
.mul__image .mul__iflex .box-image {
width: calc(100% - 340px); }
.mul__image .mul__iflex .box-control {
height: 90px;
display: flex;
align-items: center;
justify-content: center;
border-top: 1px solid #333;
gap: 10px; }
.mul__image .mul__iflex .box-control .mul-image-sw2-next {
border-radius: 4px;
border: 1px solid #999;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer; }
.mul__image .mul__iflex .box-control .mul-image-sw2-next:hover {
background: #FFF; }
.mul__image .mul__iflex .box-control .mul-image-sw2-next:hover svg, .mul__image .mul__iflex .box-control .mul-image-sw2-next:hover path {
fill: #3D4043; }
.mul__image .mul__iflex .box-control .mul-image-sw2-prev {
border-radius: 4px;
border: 1px solid #999;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer; }
.mul__image .mul__iflex .box-control .mul-image-sw2-prev:hover {
background: #FFF; }
.mul__image .mul__iflex .box-control .mul-image-sw2-prev:hover svg, .mul__image .mul__iflex .box-control .mul-image-sw2-prev:hover path {
fill: #3D4043; }
.mul__image .mul__iflex .box-control .mul-image-sw2-pagination {
width: auto;
color: #606368;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */ }
.mul__image .box-category-top {
margin-bottom: 30px; }
.mul__image .box-category-top .box-category-title {
color: #CE1126;
text-overflow: ellipsis;
font-family: Merriweather;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 30px;
position: relative;
display: flex; }
.mul__image .box-category-top .box-category-title::before {
content: '';
position: absolute;
width: 60px;
height: 2px;
background-color: #CE1126;
bottom: -5px;
left: 0; }
.mul__cflex {
display: flex;
width: calc(100% + 40px);
margin-left: -20px; }
.mul__cflex .col {
width: 33.33%;
padding: 0 20px;
border-right: 1px solid #DADCE0; }
.mul__cflex .col:last-child {
border-right: 0; }
.mul__iad .box-content {
padding-top: 40px;
margin-top: 40px; }
.mul__list.no-time .box-category[data-layout="24"] .box-category-middle .box-category-item .box-category-time {
display: none; }
.mul__media-tanh .box-category[data-layout="8"] .box-category-middle .box-category-item .btn-viewmore {
color: #3D4043; }
.mul__detail-video {
background: #F3F6FB;
padding: 20px;
margin-bottom: 37px; }
.mul__detail-video .box-video {
margin-bottom: 20px; }
.mul__detail-video .box-content {
width: 886px; }
.mul__detail-video .box-content .box-category-link-title {
color: #000;
font-family: Merriweather;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
display: block;
margin-bottom: 6px; }
.mul__detail-video .box-content .box-category-time {
color: #999;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 23px;
/* 164.286% */
display: block;
margin-bottom: 6px; }
.mul__detail-video .box-content .box-category-sapo {
color: #000;
font-family: Arial;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
/* 155.556% */
margin-bottom: 6px; }
.mul__detail-video .box-content .box-author {
color: #000;
text-align: right;
font-family: Merriweather;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 143.75% */ }
.mul__detail-video .box-content .box-action {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #DADCE0;
display: flex;
align-items: center; }
.mul__detail-video .box-content .box-action .group {
display: flex;
align-items: center;
gap: 6px;
margin-left: 12px;
padding-left: 12px;
border-left: 1px solid #DADCE0; }
.mul__detail-video .box-content .box-action .item {
display: flex; }
.mul__detail-video .box-content .box-action .btn-back {
display: flex; }
.mul__nbottom-flex {
text-align: center; }
.mul__nbottom-flex .view-more {
border-radius: 4px;
border: 1px solid #E2E7ED;
background: #F3F6FB;
padding: 12px 52px 15px;
color: #000;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21px;
/* 131.25% */ }
.detail__section {
margin-top: 20px; }
.detail__sflex {
display: flex; }
.detail__ssub {
width: 300px;
margin-left: 80px; }
.detail__ssub .list__phatbieu {
background: url(https://static.mediacdn.vn/MIC/images/list-phatbiet-bg.png) no-repeat center;
background-size: cover;
padding: 20px; }
.detail__ssub .list__phatbieu .view-more {
padding: 11px 20px;
display: inline-flex;
margin-top: 10px;
color: #1259A0;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
gap: 6px;
border-radius: 4px;
background: #FFF; }
.detail__ssub .list__phatbieu .view-more .icon {
width: 18px;
height: 18px;
display: flex; }
.detail__smain {
width: calc(100% - 380px); }
.detail__sm-flex {
display: flex; }
.detail__sticky {
width: 36px;
margin-right: 34px;
padding-top: 50px; }
.detail__scroll-action {
position: sticky;
top: 70px;
width: 100%;
margin-bottom: 20px; }
.detail__scroll-action .btn-font {
width: 100%;
display: flex;
text-align: center;
border-radius: 20px;
border: 1px solid #DADCE0;
background: #FFF;
margin-bottom: 14px;
flex-direction: column;
gap: 5px;
align-items: center;
justify-content: center;
padding: 3px 0;
color: #606368;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 164.286% */ }
.detail__scroll-action .btn-font:hover {
border: 1px solid #A0BDD9; }
.detail__scroll-action .btn-group {
padding: 12px 0;
border-top: 1px solid #ECECEC;
display: flex;
flex-direction: column;
gap: 6px; }
.detail__main {
width: calc(100% - 80px); }
.detail__main .detail-cate {
margin-bottom: 20px;
display: flex;
border-bottom: 1px solid #F3F6FB;
padding-bottom: 8px; }
.detail__main .detail-cate a {
padding-left: 30px;
position: relative;
color: #999;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 23px;
/* 164.286% */ }
.detail__main .detail-cate a:first-child {
padding-left: 0; }
.detail__main .detail-cate a:first-child:before {
display: none; }
.detail__main .detail-cate a:before {
content: "";
width: 18px;
height: 18px;
position: relative;
background: url(../../images/icon/detail-arrow-cate.svg) no-repeat center;
background-size: contain;
position: absolute;
left: 6px;
top: 2px; }
.detail__main .detail-title {
color: #000;
font-family: Merriweather;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 10px; }
.detail__main .detail-time {
overflow: hidden;
color: #999;
text-overflow: ellipsis;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 23px;
/* 164.286% */
margin-bottom: 20px; }
.detail__main .img-statis4 {
display: flex;
padding: 60px 0 20px; }
.detail__main .img-statis4 img {
object-fit: cover; }
.detail__main .detail-voice {
margin-bottom: 20px; }
.detail__main .detail-sapo {
color: #000;
font-family: Arial;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
/* 155.556% */
margin-bottom: 20px; }
.detail__main .detail-content {
color: #000;
font-family: Arial;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
/* 155.556% */ }
.detail__main .detail-content .VCSortableInPreviewMode .PhotoCMS_Caption, .detail__main .detail-content .VCSortableInPreviewMode .AudioCMS_Caption {
padding: 20px;
background: #F1F3F4; }
.detail__main .detail-content .VCSortableInPreviewMode .PhotoCMS_Caption p, .detail__main .detail-content VCSortableInPreviewMode .AudioCMS_Caption p {
padding-top: 0;
color: #606368;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; }
.detail__main .detail-author {
color: #000;
text-align: right;
font-family: Merriweather;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 23px;
margin-bottom: 40px; }
.detail__main .detail-tag {
padding: 20px;
border-radius: 4px;
background: #F3F6FB;
display: flex;
margin-bottom: 20px; }
.detail__main .detail-tag .text {
color: #000;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 143.75% */
width: 90px;
margin-top: 10px; }
.detail__main .detail-tag .list {
display: flex;
flex-wrap: wrap;
flex: 1;
gap: 10px; }
.detail__main .detail-tag .list .item {
border-radius: 60px;
border: 1px solid #E2E7ED;
background: #FFF;
padding: 8px 20px;
color: #000;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px;
/* 143.75% */ }
.detail__main .detail-bot-action {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px; }
.detail__main .detail-bot-action .box-action {
display: flex;
align-items: center; }
.detail__main .detail-bot-action .btn-group {
display: flex;
gap: 6px;
padding-right: 12px;
margin-right: 12px;
border-right: 1px solid #DADCE0; }
.detail__main .detail-bot-action .btn-group:last-child {
padding-right: 0;
margin-right: 0;
border-right: 0; }
.detail__main .detail-related {
border: 1px solid #DADCE0;
background: #FFF;
padding: 20px;
margin-bottom: 20px; }
.detail__newss-other {
border-top: 4px solid #DADCE0;
padding-top: 20px; }
.item-st {
display: flex;
position: relative;
width: 36px;
height: 36px; }
.item-st:hover.fb:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url(https://static.mediacdn.vn/MIC/images/icon/d-fb-hover.svg);
z-index: 2; }
.item-st:hover.zl:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url(https://static.mediacdn.vn/MIC/images/icon/d-zalo-hover.svg);
z-index: 2; }
.item-st:hover.mail:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url(https://static.mediacdn.vn/MIC/images/icon/d-mail-hover.svg);
z-index: 2; }
.item-st:hover.link:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url(https://static.mediacdn.vn/MIC/images/icon/d-link-hover.svg);
z-index: 2; }
.item-st:hover.viettat:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url(https://static.mediacdn.vn/MIC/images/icon/d-doc-hover.svg);
z-index: 2; }
.item-st:hover.save:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url(https://static.mediacdn.vn/MIC/images/icon/d-save-hover.svg);
z-index: 2; }
.item-st:hover.cmt:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url(https://static.mediacdn.vn/MIC/images/icon/d-chat-hover.svg);
z-index: 2; }
.item-st:hover.print:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url(https://static.mediacdn.vn/MIC/images/icon/d-in-hover.svg);
z-index: 2; }
.item-st:hover.back:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url(https://static.mediacdn.vn/MIC/images/icon/d-back-hover.svg);
z-index: 2; }
.section__banner {
height: 360px;
background: url(../../images/section-banner.png) no-repeat center center;
background-size: cover;
display: flex;
align-items: center; }
.section__banner.banner-2 {
background: url(../../images/section-banner2.png) no-repeat center center;
height: 360px;
background-size: cover; }
.section__banner.banner-3 {
background: url(../../images/section-banner3.png) no-repeat center center;
height: 360px;
background-size: cover; }
.section__banner .content {
width: 462px; }
.section__banner .title-page {
color: #CE1126;
font-family: Merriweather;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 10px; }
.section__banner .note-page {
color: #3D4043;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px;
/* 143.75% */ }
.section__search {
background: url(../../images/banner-search.png) no-repeat center top;
background-size: cover;
padding: 40px 0; }
.section__search .title {
color: #CE1126;
text-align: center;
font-family: Merriweather;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 31px; }
.section__search .box-top {
display: flex;
justify-content: center; }
.section__search .box-tsearch {
width: 665px; }
.section__search .box-tsearch .search-input {
border-radius: 60px;
border: 1px solid #DCD4B6;
background: #FFF;
width: 100%;
height: 56px;
padding: 0 120px 0 30px;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal; }
.section__search .box-tsearch .search-input:focus {
border: 2px solid #1259A0; }
.section__search .box-tsearch .search-submit {
position: absolute;
padding: 11px 48px;
border-radius: 60px;
background: #CE1126;
right: 5px;
top: 5px;
border: 0; }
.section__search .box-tsearch .box-sform {
position: relative; }
.section__search .box-tsearch .box-sugget {
padding-left: 30px;
display: flex;
gap: 10px;
margin-top: 15px; }
.section__search .box-tsearch .box-sugget .item {
display: flex;
border-radius: 40px;
border: 1px solid #A0BDD9;
background: #FFF;
padding: 8px 20px;
color: #1259A0;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px; }
.section__search .btn-search-expand {
border-radius: 60px;
border: 1px solid #DCD4B6;
background: #FFF;
padding: 16px 32px;
display: flex;
align-items: center;
color: #1259A0;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 23px;
gap: 10px;
height: 100%;
margin-left: 20px;
cursor: pointer; }
.section__search .box-search-expand {
margin-top: 20px;
display: none; }
.section__search .box-search-expand .row {
display: flex;
margin-bottom: 20px;
gap: 20px; }
.section__search .box-search-expand .row .form-control {
height: 48px;
padding: 0 20px;
border-radius: 4px;
border: 1px solid #DADCE0;
background: #FFF;
color: #606368;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
width: 100%; }
.section__search .box-search-expand .row .form-control:focus {
border: 2px solid #1259A0; }
.section__search .box-search-expand .row .form-control::-webkit-calendar-picker-indicator {
background: url(../../images/icon/ic-calendar.svg);
background-size: contain; }
.section__search .box-search-expand .row .w4 {
width: 250px; }
.section__search .box-search-expand .row .floating-label-group {
position: relative;
flex: 1; }
.section__search .box-search-expand .row .floating-label-group .floating-label {
position: absolute;
pointer-events: none;
color: #606368;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
top: -15px;
bottom: 0px;
left: 14px;
font-size: 12px;
color: #1259A0;
opacity: 1;
padding: 6px;
height: 22px;
background: #fff;
display: none; }
.section__search .box-search-expand .row .floating-label-group .form-control:focus ~ .floating-label,
.section__search .box-search-expand .row .floating-label-group .form-control:not(:focus):valid ~ .floating-label {
top: -15px;
bottom: 0px;
left: 14px;
font-size: 12px;
color: #1259A0;
opacity: 1;
padding: 6px;
height: 22px;
background: #fff;
display: block; }
.section__search .box-search-expand .bot-sm {
text-align: center; }
.section__search .box-search-expand .bot-sm .btn-sm {
display: inline-flex;
padding: 12px 36px;
border-radius: 60px;
background: #CE1126;
align-items: center;
border: 0;
overflow: hidden;
color: #FFF;
text-overflow: ellipsis;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 143.75% */
gap: 10px;
cursor: pointer; }
.section__search .ss-vb-text {
width: 622px;
margin: 0 auto;
color: #3D4043;
text-align: center;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px; }
.section__breadcrumb {
margin-top: 20px; }
.section__breadcrumb .box-top .title-page-link {
color: #1259A0;
font-family: Merriweather;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px;
/* 150% */
border-bottom: 1px solid #F1F3F4;
padding-bottom: 10px;
display: flex; }
.section__breadcrumb .box-nav.border-bt .box-nlist .nav-link.active {
border-radius: 2px 2px 0px 0px;
border-bottom: 3px solid #1259A0; }
.section__breadcrumb .box-nav .box-nlist {
display: flex;
gap: 20px;
white-space: nowrap;
overflow-x: auto;
padding-right: 10px;
scrollbar-color: #dadce0;
scrollbar-width: thin;
border-bottom: 1px solid #DADCE0;
/* Track */
/* Handle */
/* Handle on hover */ }
.section__breadcrumb .box-nav .box-nlist::-webkit-scrollbar {
height: 2px; }
.section__breadcrumb .box-nav .box-nlist::-webkit-scrollbar-track {
background: #dadce0; }
.section__breadcrumb .box-nav .box-nlist::-webkit-scrollbar-thumb {
background: #606368; }
.section__breadcrumb .box-nav .box-nlist::-webkit-scrollbar-thumb:hover {
background: #555; }
.section__breadcrumb .box-nav .nav-link {
display: block;
padding: 8px 0;
color: #3D4043;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 164.286% */ }
.section__breadcrumb .box-nav .nav-link.active, .section__breadcrumb .box-nav .nav-link:hover {
color: #1259A0; }
.section__pagination {
display: flex;
align-items: center;
gap: 10px; }
.section__pagination .item {
width: 48px;
height: 48px;
border-radius: 4px;
border: 1px solid #DADCE0;
background: #FFF;
display: flex;
align-items: center;
justify-content: center;
color: #3D4043;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 21px;
/* 131.25% */ }
.section__pagination .item.active, .section__pagination .item:hover {
color: #fff;
background: #1259A0; }
.section__pagination .item.active svg, .section__pagination .item.active path, .section__pagination .item:hover svg, .section__pagination .item:hover path {
fill: #fff; }
.show-modal {
overflow: hidden; }
.modal__popup {
position: fixed;
top: 0;
left: 0;
z-index: 100;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
display: none; }
.modal__popup.show {
display: flex; }
.modal__bg {
background: rgba(0, 0, 0, 0.68);
backdrop-filter: blur(3px);
position: absolute;
left: 0;
width: 100%;
height: 100%;
top: 0;
z-index: 1; }
.modal__layout {
position: relative;
z-index: 2;
border-radius: 4px;
background: #F3F6FB;
width: 680px;
overflow: hidden; }
.modal__title {
position: relative;
padding: 12px 40px;
background: #FFF;
text-align: center; }
.modal__title .text {
color: #CE1126;
font-family: Merriweather;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal; }
.modal__title .close-modal {
position: absolute;
top: 12px;
right: 12px;
cursor: pointer; }
.modal__content {
padding: 20px 40px;
background: #F3F6FB; }
.modal__content .form-gyk .form-top .row {
margin-bottom: 10px; }
.modal__content .form-gyk .form-top .form-control {
width: 100%;
height: 48px;
padding: 0 20px;
border-radius: 4px;
border: 1px solid #DADCE0;
background: #FFF;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */ }
.modal__content .form-gyk .form-top .btn-area {
height: 90px;
padding: 14px 20px; }
.modal__content .form-gyk .form-top .upload-btn-wrapper {
position: relative;
display: flex;
align-items: center;
gap: 20px; }
.modal__content .form-gyk .form-top .upload-btn-wrapper .btn {
border-radius: 4px;
border: 1px solid #1259A0;
background: #E9F0FD;
padding: 8px 20px;
display: flex;
align-items: center;
gap: 10px;
color: #1259A0;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 20px;
/* 142.857% */ }
.modal__content .form-gyk .form-top .upload-btn-wrapper input[type="file"] {
width: 156px;
height: 42px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
cursor: pointer; }
.modal__content .form-gyk .form-top .upload-btn-wrapper .text {
color: #3D4043;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */
margin-bottom: 0; }
.modal__content .form-gyk .form-bottom {
border-top: 1px solid #DADCE0;
padding-top: 20px;
margin-top: 20px; }
.modal__content .form-gyk .form-bottom .row {
margin-bottom: 20px;
text-align: center; }
.modal__content .form-gyk .form-bottom .check-rb {
text-align: center; }
.modal__content .form-gyk .form-bottom .submit {
border-radius: 4px;
background: #CE1126;
padding: 12.5px 40px;
border: 0;
color: #FFF;
font-family: Merriweather;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 143.75% */ }
.sdc__section {
padding: 40px 0; }
.sdc__sflex {
display: flex;
border-bottom: 1px solid #DADCE0;
padding-bottom: 20px; }
.sdc__ssub {
width: 386px;
padding-left: 20px;
margin-left: 20px;
border-left: 1px solid #DADCE0; }
.sdc__smain {
width: calc(100% - 406px); }
.sdc__exp.tab-sdc .item .item-content .item-c:hover:before {
background: url(https://static.mediacdn.vn/MIC/images/icon/sdc-ar-b.svg) no-repeat center; }
.sdc__exp .item {
margin-bottom: 20px; }
.sdc__exp .item.show .item-title .icon .i-plus:before {
content: '';
width: 100%;
height: 100%;
background: url(https://static.mediacdn.vn/MIC/images/icon/sdc-minus.svg) no-repeat center #F3F6FB;
position: absolute;
left: 0;
top: 0;
z-index: 2; }
.sdc__exp .item .item-title {
border: 1px solid #E2E7ED;
background: #F3F6FB;
display: flex;
align-items: center;
cursor: pointer; }
.sdc__exp .item .item-title .icon {
width: 47px;
border-right: 1px solid #E2E7ED;
display: flex;
justify-content: center;
padding: 12px 0; }
.sdc__exp .item .item-title .icon .i-plus {
width: 24px;
height: 24px;
display: flex;
position: relative; }
.sdc__exp .item .item-title .text {
flex: 1;
padding: 0 20px;
overflow: hidden;
color: #000;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 164.286% */ }
.sdc__exp .item .item-content {
border-right: 1px solid #E2E7ED;
border-left: 1px solid #E2E7ED;
background: #FFF;
border-bottom: 1px solid #E2E7ED;
padding-left: 46px;
display: none; }
.sdc__exp .item .item-content .item-clist {
border-left: 1px solid #E2E7ED; }
.sdc__exp .item .item-content .item-c {
color: #000;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px;
/* 143.75% */
display: block;
padding: 12px 20px;
border-bottom: 1px solid #E2E7ED;
position: relative;
padding-right: 50px; }
.sdc__exp .item .item-content .item-c:hover {
background: #F3F6FB;
color: #1259A0; }
.sdc__exp .item .item-content .item-c:hover:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 47px;
height: 100%;
border-left: 1px solid #E2E7ED;
display: flex;
justify-content: center;
padding: 12px 0;
background: url(https://static.mediacdn.vn/MIC/images/icon/scd-vm.svg) no-repeat center; }
.sdc__exp .item .item-content .item-c:last-child {
border-bottom: 0; }
.sdc__banner {
margin-bottom: 40px; }
.sdc__banner .box-list {
display: flex;
gap: 20px; }
.sdc__banner .item {
width: 380px;
position: relative; }
.sdc__banner .item .content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 20px; }
.sdc__banner .item .title {
color: #F3F6FB;
font-family: Merriweather;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 6px; }
.sdc__banner .item .text {
color: #E9F0FD;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */
margin-bottom: 10px; }
.sdc__banner .item .view-more {
display: inline-flex;
padding: 8px 20px;
border-radius: 4px;
border: 1px solid #FFF;
background: rgba(0, 0, 0, 0.2);
width: fit-content;
gap: 4px;
color: #FFF;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */ }
.lspt__timeline .box-tab {
border-top: 1px solid #DADCE0;
border-bottom: 1px solid #DADCE0;
background: #FFF; }
.lspt__timeline .box-tab .list {
display: flex; }
.lspt__timeline .box-tab .vb-dt-sw {
width: 100%; }
.lspt__timeline .box-tab .vb-dt-sw.endp:after {
display: none; }
.lspt__timeline .box-tab .vb-dt-sw:after {
content: '';
width: 70px;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: linear-gradient(270deg, #FFF 33.89%, rgba(255, 255, 255, 0) 100%);
z-index: 2; }
.lspt__timeline .box-tab .swiper-slide {
width: auto;
margin-right: 40px; }
.lspt__timeline .box-tab .swiper-slide:last-child {
margin-right: 0; }
.lspt__timeline .box-tab .item {
padding: 13px 0 10px;
margin-right: 40px;
color: #000;
font-family: Merriweather;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
display: block; }
.lspt__timeline .box-tab .item:last-child {
margin-right: 0; }
.lspt__timeline .box-tab .item.active, .lspt__timeline .box-tab .item:hover {
color: #1259A0;
border-bottom: 2px solid #1259A0; }
.lspt__timeline .box-tab .dl-vb {
padding: 13px 0 10px;
color: #000;
font-family: Merriweather;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal; }
.lspt__timeline .box-tab .dl-vb.active, .lspt__timeline .box-tab .dl-vb:hover {
color: #1259A0;
border-bottom: 2px solid #1259A0; }
.lspt__timeline .box-content {
background: #F3F6FB;
padding: 20px 0 43px; }
.lspt__tree .box-stage {
margin-bottom: 20px;
position: relative; }
.lspt__tree .box-stage:after {
content: "";
position: absolute;
width: 2px;
background: linear-gradient(360deg, #F3F6FB 0%, rgba(243, 246, 251, 0) 100%);
left: calc(50% - 1px);
height: 90px;
bottom: 0; }
.lspt__tree .box-stage .box-title {
padding-bottom: 90px;
position: relative;
text-align: center; }
.lspt__tree .box-stage .box-title:before {
content: "";
width: 2px;
height: 90px;
position: absolute;
left: calc(50% - 1px);
bottom: 0;
border-left: 2px dashed #999; }
.lspt__tree .box-stage .box-title:after {
content: "";
position: absolute;
width: 2px;
background: linear-gradient(180deg, #F3F6FB 0%, rgba(243, 246, 251, 0) 100%);
left: calc(50% - 1px);
height: 90px;
bottom: 0; }
.lspt__tree .box-stage .box-title .text {
color: #000;
font-family: Merriweather;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 143.75% */
margin-bottom: 10px; }
.lspt__tree .box-stage .box-title .dot {
border-radius: 40px;
border: 4px solid #FFF;
background: #CE1126;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.35);
width: 36px;
height: 36px;
display: inline-block;
z-index: 2;
position: relative; }
.lspt__tree .box-stage .box-tl .row {
min-height: 114px;
position: relative; }
.lspt__tree .box-stage .box-tl .row.double {
min-height: 204px; }
.lspt__tree .box-stage .box-tl .row.pre {
min-height: 144px; }
.lspt__tree .box-stage .box-tl .row:last-child .box-item.left {
position: relative; }
.lspt__tree .box-stage .box-tl .row:before {
content: "";
width: 2px;
height: 100%;
position: absolute;
left: calc(50% - 1px);
bottom: 0;
border-left: 2px dashed #999; }
.lspt__tree .box-stage .box-tl .row:after {
content: "";
width: 24px;
height: 24px;
position: absolute;
left: 50%;
top: 0;
border-radius: 40px;
border: 4px solid #FFF;
background: #1259A0;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.35);
transform: translateX(-50%); }
.lspt__tree .box-stage .box-tl .row .box-item {
width: 450px;
position: absolute;
border-radius: 4px;
border: 1px solid #E2E7ED;
background: #FFF;
padding: 20px;
top: 0; }
.lspt__tree .box-stage .box-tl .row .box-item:before {
content: "";
width: 40px;
height: 4px;
border-radius: 2px 2px 0px 0px;
background: #1259A0;
position: absolute;
top: -4px;
left: 20px; }
.lspt__tree .box-stage .box-tl .row .box-item.left {
left: 0; }
.lspt__tree .box-stage .box-tl .row .box-item.right {
right: 0; }
.lspt__tree .box-stage .box-tl .row .box-item .time {
color: #000;
font-family: Merriweather;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 143.75% */
margin-bottom: 8px; }
.lspt__tree .box-stage .box-tl .row .box-item .text {
color: #000;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px;
/* 143.75% */ }
.lspt__tree .box-stage .box-tl .row .box-item .bol {
color: #000;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 23px; }
.lspt__tree .box-stage .box-tl .row .box-item .list-do .label {
padding-left: 20px;
position: relative; }
.lspt__tree .box-stage .box-tl .row .box-item .list-do .label:before {
content: '';
width: 3px;
height: 3px;
background: #000;
position: absolute;
left: 7px;
top: 9px;
border-radius: 50%; }
.lspt__sltk {
background: url(https://static.mediacdn.vn/MIC/images/ls-tt.png) no-repeat center;
background-size: cover;
padding: 40px 0;
margin-bottom: 40px; }
.lspt__sltk .title-category {
color: #FFF;
text-align: center;
font-family: Merriweather;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 40px; }
.lspt__sltk .box-content {
display: flex;
flex-wrap: wrap;
gap: 20px; }
.lspt__sltk .box-content .box-item {
width: calc(25% - 15px);
border-radius: 4px;
background: #FFF;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
padding: 20px;
min-height: 195px; }
.lspt__sltk .box-content .box-item .number {
color: #CE1126;
text-align: center;
font-family: Merriweather;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 6px; }
.lspt__sltk .box-content .box-item .text {
color: #000;
text-align: center;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 164.286% */ }
.cctc__list {
padding-top: 40px; }
.cctc__list .row {
display: flex;
justify-content: center;
margin-bottom: 40px;
gap: 20px; }
.cctc__list .box-item {
width: 280px;
background: #F3F6FB; }
.cctc__list .box-item .avatar {
width: 100%;
height: 300px; }
.cctc__list .box-item .avatar img {
width: 100%;
height: 100%;
object-fit: cover; }
.cctc__list .box-item .content {
padding: 20px;
text-align: center; }
.cctc__list .box-item .name {
color: #000;
text-align: center;
font-family: Merriweather;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 143.75% */
margin-bottom: 6px; }
.cctc__list .box-item p.role {
color: #3D4043;
text-align: center;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */
margin-bottom: 20px; }
.cctc__list .box-item .view-more {
display: block;
padding-top: 20px;
color: #1259A0;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
/* 114.286% */
border-top: 1px solid #DADCE0; }
.cctc__tree {
background: url(https://static.mediacdn.vn/MIC/images/ls-tt.png) no-repeat center;
background-size: cover;
padding: 40px 0 93px; }
.cctc__tree .title-category {
color: #FFF;
text-align: center;
font-family: Merriweather;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 40px; }
.cctc__tree .box-content .row {
display: flex;
justify-content: center;
gap: 40px;
margin-bottom: 113px;
position: relative; }
.cctc__tree .box-content .row:first-child:before {
content: "";
width: 552px;
height: 2px;
position: absolute;
bottom: -42px;
border-top: 2px dashed #fff;
left: 50%;
transform: translateX(-50%); }
.cctc__tree .box-content .row:last-child {
margin-bottom: 0; }
.cctc__tree .box-content .box-parrent {
width: 340px;
text-align: center;
padding: 20px;
border-radius: 4px;
background: #FFF;
min-height: 109px;
position: relative; }
.cctc__tree .box-content .box-parrent:after {
content: '';
position: absolute;
width: 24px;
height: 24px;
border-radius: 40px;
border: 4px solid #FFF;
background: #CE1126;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.35);
bottom: -53px;
left: calc(50% - 12px); }
.cctc__tree .box-content .box-parrent:before {
content: "";
width: 2px;
height: 30px;
position: absolute;
left: calc(50% - 1px);
top: 100%;
border-left: 2px dashed #fff; }
.cctc__tree .box-content .box-parrent .title {
color: #CE1126;
text-align: center;
font-family: Merriweather;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 143.75% */ }
.cctc__tree .box-content .box-child {
padding: 20px;
border-radius: 4px;
background: #FFF;
min-height: 165px;
width: calc(50% - 20px);
position: relative; }
.cctc__tree .box-content .box-child:after {
content: '';
position: absolute;
width: 24px;
height: 24px;
border-radius: 40px;
border: 4px solid #FFF;
background: #1259A0;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.35);
top: -50px;
left: calc(50% - 12px); }
.cctc__tree .box-content .box-child:before {
content: "";
width: 2px;
height: 30px;
position: absolute;
left: calc(50% - 1px);
top: -70px;
border-left: 2px dashed #fff; }
.cctc__tree .box-content .box-child .title {
color: #CE1126;
font-family: Merriweather;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 143.75% */
margin-bottom: 10px; }
.cctc__tree .box-content .box-child .list {
color: #3D4043;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px;
/* 143.75% */ }
.cctc__tree .box-content .box-child .text {
padding-left: 20px;
position: relative; }
.cctc__tree .box-content .box-child .text:before {
content: '';
width: 3px;
height: 3px;
background: #000;
position: absolute;
left: 7px;
top: 9px;
border-radius: 50%; }
.cctc__dv {
margin-bottom: 40px; }
.cctc__dv .box-tab {
border-top: 1px solid #DADCE0;
border-bottom: 1px solid #DADCE0;
background: #FFF; }
.cctc__dv .box-tab .list {
display: flex; }
.cctc__dv .box-tab .item {
padding: 13px 0 10px;
margin-right: 40px;
color: #000;
font-family: Merriweather;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal; }
.cctc__dv .box-tab .item.active, .cctc__dv .box-tab .item:hover {
color: #1259A0;
border-bottom: 2px solid #1259A0; }
.cctc__dv .box-content {
background: #F3F6FB;
padding: 20px 0 43px; }
.cctc__dv .box-content .box-fillter {
margin-bottom: 20px;
display: flex;
gap: 10px; }
.cctc__dv .box-content .box-fillter .item {
display: flex;
border-radius: 4px;
border: 1px solid #000;
background: #FFF;
padding: 8px 20px;
color: #000;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 164.286% */ }
.cctc__dv .box-content .box-fillter .item.active, .cctc__dv .box-content .box-fillter .item:hover {
border: 1px solid #A0BDD9;
color: #1259A0; }
.cctc__dv .box-content .swiper-slide {
width: 340px;
margin-right: 20px; }
.cctc__dv .box-content .swiper-slide:last-child {
margin-right: 0; }
.cctc__dv .box-content .box-item {
display: flex;
flex-wrap: wrap;
gap: 20px; }
.cctc__dv .box-content .box-item .item {
border-radius: 4px;
background: #FFF;
min-height: 177px;
padding: 20px;
width: calc(33% - 10px); }
.cctc__dv .box-content .box-item .name {
color: #000;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 164.286% */
display: block;
margin-bottom: 8px; }
.cctc__dv .box-content .box-item .text {
color: #3D4043;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
margin-bottom: 10px;
height: 60px; }
.cctc__dv .box-content .box-item .view-more {
border-radius: 4px;
border: 1px solid #E2E7ED;
background: #F3F6FB;
padding: 11px 20px;
display: inline-flex;
align-items: center;
color: #1259A0;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
/* 114.286% */
gap: 4px; }
.cctc__dv .box-content .views {
border-radius: 4px;
border: 1px solid var(--DADCE0, #DADCE0);
background: var(--FFFFFF, #FFF);
display: flex;
justify-content: center;
color: #000;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
width: 177px;
padding: 14px 0;
margin: 20px auto auto auto; }
.cctc__dv .box-content .box-control {
display: flex;
align-items: center;
gap: 20px;
margin-top: 20px;
justify-content: center; }
.cctc__dv .box-content .box-control .cc-dv-sw-prev, .cctc__dv .box-content .box-control .cc-dv-sw-next {
width: 32px;
height: 32px;
cursor: pointer; }
.cctc__dv .box-content .box-control .cc-dv-sw-pagination {
width: auto;
color: #606368;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */ }
.cctc__dv .box-content .box-control .cc-dv-sw-pagination .swiper-pagination-bullet {
background: #999;
opacity: 1;
width: 10px;
height: 10px; }
.cctc__dv .box-content .box-control .cc-dv-sw-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #CE1126; }
.cctc__dv .box-content .box-control .swiper-button-disabled {
opacity: 0.4; }
.dov__info {
padding-top: 40px; }
.dov__info .box-title {
color: #CE1126;
font-family: Merriweather;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px;
/* 150% */
padding-bottom: 12px;
position: relative;
margin-bottom: 10px; }
.dov__info .box-title:after {
content: "";
height: 2px;
background: #CE1126;
width: 90px;
position: absolute;
left: 0;
bottom: 0; }
.dov__info .box-info-text {
margin-bottom: 20px;
max-width: 700px; }
.dov__info .text {
color: #000;
font-family: Arial;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
/* 155.556% */
margin-bottom: 10px; }
.dov__info .text:last-child {
margin-bottom: 0; }
.dov__info .list {
margin-bottom: 40px; }
.dov__info .list .row {
display: flex;
border-bottom: 1px solid #E2E7ED;
background: #FFF;
padding: 14px 20px; }
.dov__info .list .row:first-child {
border-top: 1px solid #E2E7ED; }
.dov__info .list .label {
color: #606368;
font-family: Arial;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
/* 155.556% */
width: 300px; }
.dov__info .list .value {
flex: 1;
color: #000;
font-family: Arial;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
/* 155.556% */ }
.dov__info .list .link {
color: #1259A0; }
.dov__info .list-member .box-item {
margin-bottom: 40px; }
.dov__info .list-member .role {
color: #000;
font-family: Merriweather;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 20px; }
.dov__info .list-member .box-ibg {
background: #F3F6FB;
padding: 40px; }
.dov__info .list-member .box-ibg .content {
display: flex;
padding: 40px 0;
border-bottom: 1px solid #DADCE0; }
.dov__info .list-member .box-ibg .content:first-child {
padding-top: 0; }
.dov__info .list-member .box-ibg .content:last-child {
padding-bottom: 0;
border-bottom: 0; }
.dov__info .list-member .box-ibg .content .avt {
width: 220px;
background: #999;
box-shadow: 0px 10px 20px 0px #C5CEDD;
border: 10px solid #fff;
margin-right: 40px;
height: 270px; }
.dov__info .list-member .box-ibg .content .avt img {
width: 100%;
height: 100%;
object-fit: cover; }
.dov__info .list-member .box-ibg .content .table {
flex: 1;
border: 1px solid #E2E7ED;
height: 100%;
background: #fff; }
.dov__info .list-member .box-ibg .content .row {
border-bottom: 1px solid #E2E7ED;
display: flex; }
.dov__info .list-member .box-ibg .content .row:last-child {
border-bottom: 0; }
.dov__info .list-member .box-ibg .content .label {
padding: 16px 20px;
display: inline-flex;
width: 200px;
border-right: 1px solid #E2E7ED; }
.dov__info .list-member .box-ibg .content .value {
padding: 16px 20px;
color: #000;
font-family: Merriweather;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px;
/* 143.75% */
flex: 1; }
.dov__info .list-member .box-ibg .content .bold {
font-weight: 700; }
.dov__inote {
color: #000;
font-family: Arial;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
max-width: 700px;
margin-bottom: 40px; }
.dov__inote .blue {
color: #1259A0; }
.cnnv__vitri {
padding: 40px 0 66px; }
.cnnv__vitri .section-title {
color: #000;
font-family: Merriweather;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px;
/* 150% */
margin-bottom: 20px;
text-align: center; }
.cnnv__vitri .text {
color: #000;
font-family: Arial;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
/* 155.556% */ }
.cnnv__nhiemvu {
padding: 40px 0;
background: #F3F6FB; }
.cnnv__nhiemvu .section-title {
color: #000;
font-family: Merriweather;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px;
/* 150% */
margin-bottom: 20px;
text-align: center; }
.cnnv__nhiemvu .text {
color: #000;
font-family: Arial;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
/* 155.556% */ }
.cnnv__nhiemvu .list-item {
margin-top: 20px; }
.cnnv__nhiemvu .list-item .item {
margin-bottom: 10px;
border-radius: 4px;
border: 1px solid #E2E7ED;
background: #FFF; }
.cnnv__nhiemvu .list-item .item:last-child {
margin-bottom: 0; }
.cnnv__nhiemvu .list-item .item.show .item-top .stt, .cnnv__nhiemvu .list-item .item.show .item-top .item-text {
color: #000; }
.cnnv__nhiemvu .list-item .item.show .item-top .icon {
transform: rotate(180deg); }
.cnnv__nhiemvu .list-item .item .item-top {
padding: 4px 10px;
display: flex;
align-items: center;
justify-content: space-between;
height: 56px;
cursor: pointer; }
.cnnv__nhiemvu .list-item .item .item-top .stt {
width: 40px;
color: #CE1126;
text-align: center;
font-family: Merriweather;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal; }
.cnnv__nhiemvu .list-item .item .item-top .item-text {
color: #1259A0;
font-family: Merriweather;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.cnnv__nhiemvu .list-item .item .item-top .icon {
margin-left: 20px;
transition: all 0.3s;
width: 24px;
height: 24px;
display: flex; }
.cnnv__nhiemvu .list-item .item .item-middle {
color: #000;
/* Arial_18 R */
font-family: Arial;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26px;
/* 144.444% */
padding: 20px;
border-top: 1px solid #E2E7ED;
display: none; }
.sotttt__list-cs {
background: #F3F6FB;
padding: 40px 0;
margin-bottom: 40px; }
.sotttt__list-cs .box {
margin-bottom: 40px; }
.sotttt__list-cs .box:last-child {
margin-bottom: 0; }
.sotttt__list-cs .box .box-top {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 20px; }
.sotttt__list-cs .box .box-top .title {
color: #000;
font-family: Merriweather;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px;
/* 150% */ }
.sotttt__list-cs .box .box-top .view-more {
border-radius: 4px;
border: 1px solid #A0BDD9;
background: #FFF;
display: flex;
padding: 11px 20px;
gap: 6px;
overflow: hidden;
color: #1259A0;
text-overflow: ellipsis;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
align-items: center; }
.sotttt__list-cs .box .box-top .view-more .icon {
width: 18px;
height: 18px;
display: flex; }
.sotttt__list-cs .box .box-middle {
display: flex;
flex-wrap: wrap;
gap: 20px; }
.sotttt__list-cs .box .box-middle .box-item {
width: calc(33.33% - 13.33px);
border-radius: 4px;
background: #FFF;
padding: 20px; }
.sotttt__list-cs .box .box-middle .box-item .box-ititle {
color: #000;
font-family: Merriweather;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #F3F6FB; }
.sotttt__list-cs .box .box-middle .box-item .box-itext {
color: #000;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */
display: flex;
margin-bottom: 10px; }
.sotttt__list-cs .box .box-middle .box-item .text {
flex: 1; }
.sotttt__list-cs .box .box-middle .box-item .icon {
width: 24px;
margin-right: 10px;
height: 100%; }
.sotttt__list-cs .box .box-middle .box-item .box-ivm {
color: #1259A0;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
/* 114.286% */
display: block;
padding-top: 18px;
border-top: 1px solid #F3F6FB; }
.tbt__focus {
margin: 20px 0 40px; }
.tbt__focus .box-raction {
border-radius: 4px;
border: 1px solid #E2E7ED;
background: #F3F6FB;
padding: 20px;
gap: 10px;
display: flex; }
.tbt__focus .box-raction .item {
flex: 1;
border-radius: 4px;
background: #FFF;
padding: 12px 10px;
display: flex;
align-items: center;
color: #1259A0;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 164.286% */
gap: 10px; }
.tbt__focus .box-raction .item .icon {
width: 24px;
height: 24px;
display: flex; }
.tbt__fflex {
display: flex;
margin-bottom: 20px; }
.tbt__fsub {
width: 346px;
padding-left: 20px;
margin-left: 20px;
border-left: 1px solid #DADCE0; }
.tbt__fsub .box .box-content {
background: linear-gradient(180deg, #FFF8DE 14.37%, rgba(255, 252, 242, 0) 100%), url(../../images/home-bg-bt1.png) no-repeat center bottom;
padding: 20px; }
.tbt__fsub .box .box-content .box-title {
margin-bottom: 27px;
display: block;
color: #CE1126;
font-family: Merriweather;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
position: relative;
padding-bottom: 8px; }
.tbt__fsub .box .box-content .box-title:after {
content: "";
height: 2px;
background: #CE1126;
width: 60px;
position: absolute;
left: 0;
bottom: 0; }
.tbt__fsub .box .box-content .box-list {
position: relative; }
.tbt__fsub .box .box-content .box-list:after {
content: "";
position: absolute;
width: 2px;
background: linear-gradient(360deg, #F3F6FB 0%, rgba(243, 246, 251, 0) 100%);
left: 6px;
height: 50px;
bottom: -20px; }
.tbt__fsub .box .box-content .box-list .item {
padding-left: 30px;
margin-bottom: 15px;
position: relative; }
.tbt__fsub .box .box-content .box-list .item:last-child {
margin-bottom: 0; }
.tbt__fsub .box .box-content .box-list .item:before {
content: "";
border-radius: 10px;
border: 2px solid #FFF;
background: #1259A0;
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.35);
position: absolute;
left: 0;
width: 14px;
height: 14px;
top: 4px; }
.tbt__fsub .box .box-content .box-list .item:after {
content: "";
height: 100%;
width: 2px;
border-left: 2px dashed #D3BE85;
position: absolute;
left: 6px;
top: 18px; }
.tbt__fsub .box .box-content .box-list .item .time {
color: #000;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 164.286% */
margin-bottom: 2px; }
.tbt__fsub .box .box-content .box-list .item .text {
color: #000;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */ }
.tbt__fsub .box .box-content .view-more {
margin-top: 21px;
display: flex;
align-items: center;
margin-left: 30px;
color: #000;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 164.286% */
gap: 6px; }
.tbt__fmain {
width: calc(100% - 366px); }
.tbt__news {
margin-bottom: 20px; }
.tbt__nflex {
display: flex;
padding-bottom: 20px;
border-bottom: 1px solid #DADCE0; }
.tbt__nsub {
width: 346px;
padding-left: 20px;
border-left: 1px solid #DADCE0;
margin-left: 20px; }
.tbt__nsub .box-label {
height: 220px;
margin-top: 20px;
position: relative; }
.tbt__nsub .box-label .box-content {
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
top: 0;
left: 0; }
.tbt__nsub .box-label .title {
color: #F3F6FB;
font-family: Merriweather;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 6px; }
.tbt__nsub .box-label .sapo {
color: #E9F0FD;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */ }
.tbt__nmain {
width: calc(100% - 366px); }
.tbt__nmain .box-cate {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #DADCE0; }
.tbt__nmain .box-cate:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0; }
.tbt__quote {
margin-bottom: 40px; }
.tbt__quote .tbt-qt-sw {
background: url(https://static.mediacdn.vn/MIC/images/tbt-quote-bg.png) no-repeat center top;
background-size: cover; }
.tbt__quote .tbt-qt-sw .box-item {
padding: 40px 30px;
display: flex;
align-items: center; }
.tbt__quote .tbt-qt-sw .box-item .text {
color: #FFF;
font-family: Merriweather;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 33px;
/* 137.5% */
flex: 1; }
.tbt__quote .tbt-qt-sw .box-item .text:before {
content: "";
background: url(https://static.mediacdn.vn/MIC/images/ic-tbt-quote.png) no-repeat;
width: 22px;
height: 19px;
background-size: contain;
display: block;
margin-bottom: 7px; }
.tbt__quote .tbt-qt-sw .box-item .author {
width: 278px;
display: flex;
flex-direction: column;
align-items: flex-end;
margin-left: 19px;
position: relative; }
.tbt__quote .tbt-qt-sw .box-item .author:before {
content: "";
width: 2px;
height: 120px;
background: #2F6AA6;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%); }
.tbt__quote .tbt-qt-sw .box-item .author .layout {
max-width: 200px; }
.tbt__quote .tbt-qt-sw .box-item .author .avt {
width: 90px;
height: 90px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto;
margin-bottom: 20px; }
.tbt__quote .tbt-qt-sw .box-item .author .name {
color: #FFF;
font-family: Merriweather;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 143.75% */
margin-bottom: 2px; }
.tbt__quote .tbt-qt-sw .box-item .author .role {
color: #A0BDD9;
text-align: center;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
/* 114.286% */ }
.tbt__quote .box-control {
display: flex;
align-items: center;
gap: 20px;
margin-top: 20px;
justify-content: center; }
.tbt__quote .box-control .tbt-qt-prev, .tbt__quote .box-control .tbt-qt-next {
width: 32px;
height: 32px;
cursor: pointer; }
.tbt__quote .box-control .tbt-qt-pagination {
width: auto;
color: #606368;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */ }
.tbt__quote .box-control .tbt-qt-pagination .swiper-pagination-bullet {
background: #999;
opacity: 1;
width: 10px;
height: 10px; }
.tbt__quote .box-control .tbt-qt-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #CE1126; }
.tbt__quote .box-control .swiper-button-disabled {
opacity: 0.4; }
.tbt__newso {
margin-bottom: 0; }
.tbt__newso .box-category[data-layout="4"] .box-category-middle .box-category-item .box-category-category {
display: none; }
.tbt__banner {
min-height: 360px;
background: url(https://static.mediacdn.vn/MIC/images/banner-ts-nmh.png) no-repeat center top;
background-size: cover;
display: flex;
align-items: center; }
.tbt__banner .content {
max-width: 462px; }
.tbt__banner p.note-page {
color: #3D4043;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 143.75% */
margin-bottom: 10px;
padding-bottom: 10px;
position: relative; }
.tbt__banner p.note-page:after {
width: 60px;
height: 2px;
background: #3D4043;
content: "";
position: absolute;
left: 0;
bottom: 0; }
.tbt__banner .title-page {
color: #CE1126;
font-family: Merriweather;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal; }
.tbt__tree .box-content {
background: #fff;
padding-top: 40px;
padding-bottom: 20px; }
.tbt__tree .box-content .lspt__tree .box-stage .box-tl .row:last-child .box-item .time {
color: #CE1126; }
.tbt__tree .box-content .lspt__tree .box-stage .box-tl .row:last-child:after {
width: 24px;
height: 24px;
border-radius: 40px;
border: 4px solid #FFF;
background: #CE1126;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.35); }
.tbt__tree .box-content .lspt__tree .box-stage .box-tl .row:after {
width: 20px;
height: 20px; }
.tbt__tree .box-content .lspt__tree .box-stage .box-tl .row .box-item {
background: #F3F6FB; }
.tbt__tree .box-content .lspt__tree .box-stage .box-tl .row .box-item:before {
display: none; }
.tbt__ts-table {
margin-bottom: 20px; }
.tbt__ts-table .row {
display: flex;
border-bottom: 1px solid #E2E7ED;
padding: 14px 20px; }
.tbt__ts-table .row:first-child {
border-top: 1px solid #E2E7ED; }
.tbt__ts-table .row:nth-child(odd) {
background: #F3F6FB; }
.tbt__ts-table .row .label {
width: 300px;
color: #606368;
font-family: Arial;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
/* 155.556% */ }
.tbt__ts-table .row .value {
flex: 1;
color: #000;
font-family: Arial;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
/* 155.556% */ }
.tbt__ts-table .row .value .flex-dow {
display: flex;
align-items: center;
gap: 20px; }
.tbt__ts-table .row .value .flex-dow .btn {
border-radius: 4px;
border: 1px solid #719BC6;
background: #FFF;
display: flex;
align-items: center;
padding: 8px 20px;
gap: 5px;
color: #1259A0;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 16px; }
.tbt__ts-table .row .value .flex-dow .link {
color: #1259A0;
font-family: Arial;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
display: block; }
.tbt__ts-table .row .list-do .text {
padding-left: 20px;
position: relative; }
.tbt__ts-table .row .list-do .text:before {
content: '';
width: 3px;
height: 3px;
background: #000;
position: absolute;
left: 7px;
top: 12px;
border-radius: 50%; }
.box-content .title {
color: #000;
text-overflow: ellipsis;
font-family: Merriweather;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 40px; }
.vb__section {
padding: 40px 0; }
.vb__section .box-title {
color: #000;
font-family: Merriweather;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px;
/* 150% */
margin-bottom: 20px; }
.vb__section .box-table {
border: 1px solid #E2E7ED; }
.vb__section .box-table .row {
display: flex;
border-bottom: 1px solid #E2E7ED;
color: #000;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */ }
.vb__section .box-table .row:nth-child(odd) {
background: #F3F6FB; }
.vb__section .box-table .row:last-child {
border-bottom: 0; }
.vb__section .box-table .row:first-child {
font-weight: 700;
font-family: Merriweather; }
.vb__section .box-table .row:first-child .sh, .vb__section .box-table .row:first-child .cq, .vb__section .box-table .row:first-child .ht, .vb__section .box-table .row:first-child .lv, .vb__section .box-table .row:first-child .nbh, .vb__section .box-table .row:first-child .nd {
padding: 10px 15px;
text-align: center; }
.vb__section .box-table .row .sh {
width: 158px;
padding: 20px;
border-right: 1px solid #E2E7ED; }
.vb__section .box-table .row .cq {
padding: 20px;
border-right: 1px solid #E2E7ED;
width: 139px; }
.vb__section .box-table .row .ht {
padding: 20px;
border-right: 1px solid #E2E7ED;
width: 109px; }
.vb__section .box-table .row .lv {
padding: 20px;
border-right: 1px solid #E2E7ED;
width: 249px; }
.vb__section .box-table .row .nbh {
padding: 20px;
width: 149px; }
.vb__section .box-table .row .nd {
padding: 20px;
border-right: 1px solid #E2E7ED;
flex: 1; }
.vb__section .box-table .row .view-more {
border-radius: 4px;
border: 1px solid #719BC6;
background: #FFF;
padding: 8px 20px;
gap: 4px;
display: flex;
color: #1259A0;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 16px;
margin-top: 10px;
align-items: center;
width: max-content;
white-space: nowrap; }
.vb__section .box-table .row .view-more .icon {
width: 24px;
height: 24px;
display: flex; }
.vb__dt .box-content {
background: #fff; }
.vb__dtable {
border: 1px solid #E2E7ED;
margin-bottom: 23px; }
.vb__dtable .row {
border-bottom: 1px solid #E2E7ED;
display: flex; }
.vb__dtable .row:nth-child(odd) {
background: #F3F6FB; }
.vb__dtable .row:last-child {
border-bottom: 0; }
.vb__dtable .label {
padding: 12px 40px;
width: 260px;
border-right: 1px solid #E2E7ED;
color: #606368;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px;
/* 143.75% */ }
.vb__dtable .value {
flex: 1;
padding: 12px 40px;
color: #000;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px;
/* 143.75% */ }
.vb__dcontent {
width: 810px; }
.vb__dcontent .text {
color: #000;
font-family: Arial;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
/* 155.556% */
margin-bottom: 20px; }
.vb__dcontent .text:last-child {
margin-bottom: 0; }
.vb__drelated {
border-top: 4px solid #DADCE0;
margin-top: 40px;
padding-bottom: 0; }
.vb__doc-image {
color: #000;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px;
/* 143.75% */ }
.vb__doc-image img {
max-width: 678px;
margin-bottom: 32px; }
.vb__lyk {
padding: 40px 0; }
.vb__lyk .box-lyk {
margin-bottom: 40px; }
.vb__lyk .box-lyk:last-child {
margin-bottom: 0; }
.vb__lyk .box-lyk .box-top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 22px; }
.vb__lyk .box-lyk .box-top .title {
color: #000;
font-family: Merriweather;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px;
/* 150% */ }
.vb__lyk .box-lyk .box-top .view-more {
display: inline-flex;
padding: 11px 20px;
gap: 6px;
overflow: hidden;
color: #1259A0;
text-overflow: ellipsis;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
align-items: center; }
.vb__lyk .box-lyk .box-top .view-more .icon {
width: 18px;
height: 18px;
display: flex; }
.vb__lyk .box-lyk .box-middle .table {
border: 1px solid #E2E7ED; }
.vb__lyk .box-lyk .box-middle .table .row {
display: flex;
border-bottom: 1px solid #E2E7ED; }
.vb__lyk .box-lyk .box-middle .table .row:nth-child(even) {
background: #F3F6FB; }
.vb__lyk .box-lyk .box-middle .table .row:last-child {
border-bottom: 0; }
.vb__lyk .box-lyk .box-middle .table .row .send {
width: 176px;
border-left: 1px solid #E2E7ED;
padding: 20px;
display: flex;
align-items: center; }
.vb__lyk .box-lyk .box-middle .table .row .send .btn {
color: #fff;
border: 0;
background: #1259A0; }
.vb__lyk .box-lyk .box-middle .table .row .cmt {
border-left: 1px solid #E2E7ED;
width: 210px;
padding: 20px;
display: flex;
align-items: center; }
.vb__lyk .box-lyk .box-middle .table .row .view {
width: 223px;
border-left: 1px solid #E2E7ED;
padding: 20px;
display: flex;
align-items: center; }
.vb__lyk .box-lyk .box-middle .table .row .nd {
flex: 1;
padding: 20px; }
.vb__lyk .box-lyk .box-middle .table .row .name {
color: #000;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px;
/* 143.75% */
margin-bottom: 10px; }
.vb__lyk .box-lyk .box-middle .table .row .time {
color: #606368;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */ }
.vb__lyk .box-lyk .box-middle .table .row .btn {
padding: 8px 20px;
border-radius: 4px;
border: 1px solid #719BC6;
background: #FFF;
display: inline-flex;
align-items: center;
color: #1259A0;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 16px;
/* 114.286% */
gap: 4px; }
.vb__lyk .box-lyk .box-middle .table .row .btn .icon {
width: 24px;
height: 24px;
display: flex; }
.vb__lyk-form {
padding: 40px 0; }
.vb__lyk-form .lyk-form {
width: 760px; }
.vb__lyk-form .title {
color: #CE1126;
font-family: Merriweather;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px;
/* 150% */
margin-bottom: 10px; }
.vb__lyk-form .text {
color: #000;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px;
/* 143.75% */
margin-bottom: 20px; }
.vb__lyk-form .row {
margin-bottom: 20px; }
.vb__lyk-form .row:last-child {
margin-bottom: 0; }
.vb__lyk-form .form-control {
height: 48px;
padding: 0 20px;
border-radius: 4px;
border: 1px solid #DADCE0;
background: #FFF;
color: #606368;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
width: 100%; }
.vb__lyk-form .form-control.text-area {
height: 307px;
padding: 16px 20px; }
.vb__lyk-form .form-control:focus {
border: 2px solid #1259A0; }
.vb__lyk-form .form-control::-webkit-calendar-picker-indicator {
background: url(https://static.mediacdn.vn/MIC/images/icon/ic-calendar.svg);
background-size: contain; }
.vb__lyk-form .floating-label-group {
position: relative;
flex: 1; }
.vb__lyk-form .floating-label-group .floating-label {
position: absolute;
pointer-events: none;
color: #606368;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
top: -15px;
bottom: 0px;
left: 14px;
font-size: 12px;
color: #1259A0;
opacity: 1;
padding: 6px;
height: 22px;
background: #fff;
display: none; }
.vb__lyk-form .floating-label-group .form-control:focus ~ .floating-label,
.vb__lyk-form .floating-label-group .form-control:not(:focus):valid ~ .floating-label {
top: -15px;
bottom: 0px;
left: 14px;
font-size: 12px;
color: #1259A0;
opacity: 1;
padding: 6px;
height: 22px;
background: #fff;
display: block; }
.vb__lyk-form .upload-btn-wrapper {
position: relative;
display: flex;
align-items: center;
gap: 20px; }
.vb__lyk-form .upload-btn-wrapper .btn {
border-radius: 4px;
border: 1px solid #1259A0;
background: #E9F0FD;
padding: 8px 20px;
display: flex;
align-items: center;
gap: 10px;
color: #1259A0;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 20px;
/* 142.857% */ }
.vb__lyk-form .upload-btn-wrapper .btn .icon {
width: 24px;
height: 24px;
display: flex; }
.vb__lyk-form .upload-btn-wrapper input[type="file"] {
width: 156px;
height: 42px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
cursor: pointer; }
.vb__lyk-form .upload-btn-wrapper .text {
color: #3D4043;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */
margin-bottom: 0; }
.vb__lyk-form .check-rb .note {
color: #3D4043;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */
margin-top: 7px; }
.vb__lyk-form .submit {
border-radius: 4px;
background: #CE1126;
padding: 12.5px 40px;
border: 0;
color: #FFF;
font-family: Merriweather;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 23px;
/* 143.75% */ }
.sl__table {
border: 1px solid #E2E7ED; }
.sl__table.color .row {
background: #F3F6FB; }
.sl__table.color .row:nth-child(odd) {
background: #fff; }
.sl__table .row {
border-bottom: 1px solid #E2E7ED;
display: flex;
color: #000;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */ }
.sl__table .row:first-child {
font-family: Merriweather;
font-weight: 700; }
.sl__table .row:first-child .nd, .sl__table .row:first-child .time, .sl__table .row:first-child .name {
color: #000;
font-weight: 700; }
.sl__table .row:last-child {
border-bottom: 0; }
.sl__table .row:nth-child(odd) {
background: #F3F6FB; }
.sl__table .row .time {
width: 160px;
padding: 16px 20px;
border-left: 1px solid #E2E7ED;
color: #606368;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px; }
.sl__table .row .nd {
flex: 1;
padding: 16px 20px;
border-left: 1px solid #E2E7ED;
color: #000;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px; }
.sl__table .row .nd.none-br {
border-left: 0; }
.sl__table .row .nd.fw {
font-weight: 400; }
.sl__table .row .name {
width: 200px;
padding: 16px 20px;
color: #000;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px; }
.sl__table .row .btn {
padding: 8px 20px;
border-radius: 4px;
border: 1px solid #719BC6;
background: #FFF;
display: inline-flex;
align-items: center;
color: #1259A0;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 16px;
gap: 4px; }
.sl__table .row .btn .icon {
width: 24px;
height: 24px;
display: flex; }
.sl__banner {
background: url(https://static.mediacdn.vn/MIC/images/banner-search.png) no-repeat center top;
background-size: cover;
padding: 80px 0; }
.sl__banner .title {
color: #CE1126;
font-family: Merriweather;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 31px; }
.contact__banner .content {
min-width: 550px; }
.contact__section {
background: #F3F6FB;
padding: 20px 0 40px; }
.contact__section .box {
background: #fff;
margin-bottom: 20px;
display: flex;
min-height: 500px; }
.contact__section .box .map {
width: 590px; }
.contact__section .box .map .ember-map {
width: 100%;
height: 100%;
display: flex; }
.contact__section .box .map .ember-map img {
width: 100%;
height: 100%;
object-fit: cover; }
.contact__section .box .content {
width: calc(100% - 590px);
padding: 40px 20px; }
.contact__section .box .content .title {
padding-bottom: 10px;
border-bottom: 1px solid #E2E7ED;
overflow: hidden;
color: #000;
font-family: Merriweather;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px;
/* 150% */ }
.contact__section .box .content .row {
display: flex;
padding: 14px 0 19px;
border-bottom: 1px solid #E2E7ED; }
.contact__section .box .content .label {
width: 140px;
color: #606368;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px;
/* 143.75% */ }
.contact__section .box .content .value {
flex: 1;
color: #000;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px;
/* 143.75% */ }
.contact__section .box .content .blue {
color: #1259A0; }
.contact__section .box-viewmore {
background: #fff;
padding: 40px 20px; }
.contact__section .box-viewmore .row {
padding: 20px 0;
border-bottom: 1px solid #E2E7ED; }
.contact__section .box-viewmore .row:first-child {
padding-top: 0; }
.contact__section .box-viewmore .row:last-child {
padding-bottom: 0;
border-bottom: 0; }
.contact__section .box-viewmore .title {
color: #000;
font-family: Merriweather;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px;
/* 150% */
margin-bottom: 10px; }
.contact__section .box-viewmore .view-more {
display: inline-flex;
padding: 12px 20px;
border-radius: 4px;
border: 1px solid #A0BDD9;
background: #FFF;
gap: 6px;
overflow: hidden;
color: #1259A0;
text-overflow: ellipsis;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal; }
.contact__section .box-viewmore .view-more .icon {
width: 18px;
height: 18px;
display: flex; }
.layout__sticky-icon {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
width: 44px;
height: 44px;
position: fixed;
right: 40px;
bottom: 100px;
z-index: 9;
flex-direction: column;
border-radius: 3px;
background: #fff;
border: 1px solid #BDBDBD; }
.layout__sticky-icon .text {
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
text-align: center;
text-transform: uppercase;
color: #8B8B8B; }
.layout__sticky-icon .icon {
display: flex; }
.layout__sticky {
position: sticky;
top: 45px; }
#back-to-top {
display: none; }
#back-to-top.show {
display: block; }
.search__section {
padding: 40px 0; }
.search__sflex {
display: flex; }
.search__ssub {
width: 300px;
margin-left: 60px; }
.search__smain {
width: calc(100% - 360px); }
.search__smain .box-sform {
position: relative;
margin-bottom: 20px; }
.search__smain .box-sform .search-input {
border-radius: 60px;
border: 1px solid #DCD4B6;
background: #FFF;
width: 100%;
height: 56px;
padding: 0 120px 0 30px;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal; }
.search__smain .box-sform .search-input:focus {
border: 2px solid #1259A0; }
.search__smain .box-sform .search-submit {
position: absolute;
padding: 11px 48px;
border-radius: 60px;
background: #CE1126;
right: 5px;
top: 5px;
border: 0; }
.search__smain .box-sfillter .row {
display: flex;
margin-bottom: 20px;
gap: 20px; }
.search__smain .box-sfillter .row .form-control {
height: 48px;
padding: 0 20px;
border-radius: 4px;
border: 1px solid #DADCE0;
background: #FFF;
color: #606368;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
width: 100%; }
.search__smain .box-sfillter .row .form-control:focus {
border: 2px solid #1259A0; }
.search__smain .box-sfillter .row .form-control::-webkit-calendar-picker-indicator {
background: url(../../images/icon/ic-calendar.svg);
background-size: contain; }
.search__smain .box-sfillter .row .w4 {
width: 250px; }
.search__smain .box-sfillter .row .floating-label-group {
position: relative;
width: 250px; }
.search__snews {
border-top: 4px solid #DADCE0;
padding-top: 20px; }
.search__snews .title {
color: #000;
font-family: Arial;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
/* 155.556% */
margin-bottom: 20px; }
.search__snews .bold {
font-weight: 700; }
.more__book-flex {
display: flex;
align-items: center; }
.more__book-flex .nav-link {
display: flex;
align-items: center;
font-weight: 700;
position: relative;
margin-right: 40px; }
.more__book-flex .nav-link .icon {
display: flex;
margin-right: 6px; }
.more__book-flex .nav-link:hover {
color: #ce1126; }
.more__book-flex .nav-link:hover::before {
content: "";
position: absolute;
width: 100%;
height: 2px;
background: #ce1126;
left: 0;
bottom: -10px; }
.more__book-flex .nav-link:hover .icon svg path {
fill: #ce1126; }
.more__book-flex .nav-link.active {
color: #ce1126; }
.more__book-flex .nav-link.active::before {
content: "";
position: absolute;
width: 100%;
height: 2px;
background: #ce1126;
left: 0;
bottom: -10px; }
.more__book-flex .nav-link.active .icon svg path {
fill: #ce1126; }
.more__book-sw {
background: #222;
padding: 18px 0 40px;
position: relative; }
.more__book-sw::before {
content: "";
background: linear-gradient(90deg, rgba(34, 34, 34, 0.9) 20.47%, rgba(34, 34, 34, 0) 100%);
position: absolute;
width: 284px;
height: 100%;
left: 0;
bottom: 0;
z-index: 2; }
.more__book-sw::after {
content: "";
background: linear-gradient(271deg, rgba(34, 34, 34, 0.9) 20.47%, rgba(34, 34, 34, 0) 100%);
position: absolute;
width: 299px;
height: 100%;
right: 0;
bottom: 0;
z-index: 2; }
.more__book-sw .box-flex .swiper-slide {
width: 420px;
margin-right: 16px; }
.more__book-sw .box-flex .swiper-slide:last-child {
margin-right: 0; }
.more__book-sw .box-flex .book-sw-pagination {
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px; }
.more__book-sw .box-flex .book-sw-pagination .swiper-pagination-bullet {
background: #606368;
opacity: 1; }
.more__book-sw .box-flex .book-sw-pagination .swiper-pagination-bullet-active {
background: #fff !important; }
.more__book-sw .box-flex .book-item:hover .box-content {
display: block; }
.more__book-sw .box-flex .book-item .box-img {
height: 603px; }
.more__book-sw .box-flex .book-item .box-img img {
width: 100%;
height: 100%;
object-fit: cover; }
.more__book-sw .box-flex .book-item .box-content {
padding: 241px 40px 40px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 71.03%);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
transition: all 0.3s;
height: auto;
display: none;
z-index: 5; }
.more__book-sw .box-flex .book-item .box-content .text {
overflow: hidden;
color: #fff;
text-overflow: ellipsis;
font-family: Merriweather;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 23px;
margin-bottom: 20px; }
.more__book-sw .box-flex .book-item .box-content .more-views {
border-radius: 60px;
background: var(--Trang, #fff);
display: inline-flex;
align-items: center;
padding: 12px 20px;
color: #3d4043;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal; }
.more__book-sw .box-flex .book-item .box-content .more-views .icon {
display: flex;
margin-right: 4px; }
.more__giasach {
padding-top: 40px;
padding-bottom: 40px;
background: #f3f3fb; }
.more__giasach .box-list-giasach .title {
overflow: hidden;
color: var(0, #000);
text-overflow: ellipsis;
font-family: Merriweather;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px;
text-align: center; }
.more__giasach .box-list-giasach .list-giasach {
margin-top: 43px; }
.more__giasach .box-list-giasach .list-giasach .item-giasach {
position: relative;
min-height: 272px;
margin-bottom: 20px; }
.more__giasach .box-list-giasach .list-giasach .item-giasach .list-item {
display: flex;
padding: 0 145px;
width: 100%; }
.more__giasach .box-list-giasach .list-giasach .item-giasach .list-item .box-book {
width: 140px;
margin-right: 110px;
position: relative;
cursor: pointer; }
.more__giasach .box-list-giasach .list-giasach .item-giasach .list-item .box-book:last-child {
margin-right: 0; }
.more__giasach .box-list-giasach .list-giasach .item-giasach .list-item .box-book:hover .box-sub {
display: block; }
.more__giasach .box-list-giasach .list-giasach .item-giasach .list-item .box-book .box-sub {
position: absolute;
border-radius: 10px;
background: #fff;
width: 300px;
padding: 20px;
z-index: 7;
top: 175px;
left: -75px;
display: none;
box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1); }
.more__giasach .box-list-giasach .list-giasach .item-giasach .list-item .box-book .box-sub::before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 20px 20px 20px;
position: absolute;
border-color: transparent transparent #fff transparent;
top: -20px;
left: 50%;
transform: translateX(-50%); }
.more__giasach .box-list-giasach .list-giasach .item-giasach .list-item .box-book .box-sub .text {
color: #000;
font-family: Merriweather;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 23px;
margin-bottom: 10px; }
.more__giasach .box-list-giasach .list-giasach .item-giasach .list-item .box-book .box-sub .sapo {
color: #000;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
margin-bottom: 10px; }
.more__giasach .box-list-giasach .list-giasach .item-giasach .list-item .box-book .box-sub .dn {
border-radius: 60px;
background: #1259a0;
display: inline-flex;
align-items: center;
padding: 12px 20px;
gap: 5px;
color: #fff;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal; }
.more__giasach .box-list-giasach .list-giasach .item-giasach .box-img-gs {
height: auto;
width: 100%;
margin-top: -47px; }
.more__giasach .box-book-flex-nati {
display: flex;
align-items: center; }
.more__detail-anh {
margin-top: 40px; }
.more__detail-anh .detai-anh-wd {
width: 100%;
max-width: 700px;
margin: 0 auto; }
/*# sourceMappingURL=styles.css.map */
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.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: 2px 0 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%;
}
.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-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
/* support: IE10, see #8844 */
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}
/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Support: IE <= 11 */
overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
}
/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
text-indent: 0;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em;
}
/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none;
}
/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
/* Support: IE8 only, Android < 4.4 only */
width: 75%;
width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid;
}
.ui-checkboxradio-disabled {
pointer-events: none;
}
.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: 45%;
}
.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;
}
/* with multiple calendars */
.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;
}
/* RTL support */
.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;
}
/* Icons */
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em;
}
.ui-dialog {
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-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.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-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25); /* support: IE8 */
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em;
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0;
}
.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;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* support: IE8 - See #6727 */
.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-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: .222em 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 2em;
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
.ui-tabs {
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
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;
}
body .ui-tooltip {
border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.ui-widget-header a {
color: #333333;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
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,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
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,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.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,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.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); /* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); /* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.ui-widget-header .ui-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.ui-button .ui-icon {
background-image: url('data:image/svg+xml;utf8,');
}
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-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: -65px -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: -65px -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: 1px -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 is deprecated, use ui-icon-seek-start instead */
.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; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa;
opacity: .003;
filter: Alpha(Opacity=.3); /* support: IE8 */
}
.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
}
body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: rgb(30, 30, 30);
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
/* Using without prefix would break IE11 */
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide::before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(.5, 0, .14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-ms-transform-origin: top left;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-video,
.fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
/* Fix iOS */
.fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
}
/* Buttons */
.fancybox-button {
background: rgba(30, 30, 30, .6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
}
/* Fix IE11 */
.fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998;
}
/* Close button on the top right corner of html content */
.fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
}
/* Navigation arrows */
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
}
/* Caption */
.fancybox-caption {
background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
}
/* Loading indicator */
.fancybox-loading {
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@keyframes fancybox-rotate {
100% {
transform: rotate(360deg);
}
}
/* Transition effects */
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, .25, 1);
}
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translate3d(0, 0, 0);
}
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(.5, .5, .5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1);
}
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translate3d(0, 0, 0) scale(1);
}
/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right));
}
}
}
/* Share */
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
}
/* Thumbs */
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: '';
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .2s cubic-bezier(.25, .46, .45, .94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
opacity: .5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1;
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
content: " ";
display: block;
background: white;
position: absolute;
z-index: 30;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
width: 3px;
height: 9999px;
left: 50%;
margin-left: -1.5px; }
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s; }
.twentytwenty-before-label, .twentytwenty-after-label {
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
color: white;
font-size: 13px;
letter-spacing: 0.1em; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
position: absolute;
background: rgba(255, 255, 255, 0.2);
line-height: 38px;
padding: 0 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
top: 50%;
margin-top: -19px; }
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
left: 50%;
margin-left: -45px;
text-align: center;
width: 90px; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
top: 50%;
margin-top: -6px; }
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
left: 50%;
margin-left: -6px; }
.twentytwenty-container {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none; }
.twentytwenty-container img {
max-width: 100%;
position: absolute;
top: 0;
display: block; }
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
background: rgba(0, 0, 0, 0); }
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
opacity: 0; }
.twentytwenty-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
.twentytwenty-before-label {
opacity: 0; }
.twentytwenty-before-label:before {
content: attr(data-content); }
.twentytwenty-after-label {
opacity: 0; }
.twentytwenty-after-label:before {
content: attr(data-content); }
.twentytwenty-horizontal .twentytwenty-before-label:before {
left: 10px; }
.twentytwenty-horizontal .twentytwenty-after-label:before {
right: 10px; }
.twentytwenty-vertical .twentytwenty-before-label:before {
top: 10px; }
.twentytwenty-vertical .twentytwenty-after-label:before {
bottom: 10px; }
.twentytwenty-overlay {
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
background: rgba(0, 0, 0, 0);
z-index: 25; }
.twentytwenty-overlay:hover {
background: rgba(0, 0, 0, 0.5); }
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1; }
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1; }
.twentytwenty-before {
z-index: 20; }
.twentytwenty-after {
z-index: 10; }
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid white;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
z-index: 40;
cursor: pointer; }
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
-webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
-webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:before {
left: 50%;
margin-left: 22px;
-webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
right: 50%;
margin-right: 22px;
-webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-left-arrow {
border-right: 6px solid white;
left: 50%;
margin-left: -17px; }
.twentytwenty-right-arrow {
border-left: 6px solid white;
right: 50%;
margin-right: -17px; }
.twentytwenty-up-arrow {
border-bottom: 6px solid white;
top: 50%;
margin-top: -17px; }
.twentytwenty-down-arrow {
border-top: 6px solid white;
bottom: 50%;
margin-bottom: -17px; }
@charset "UTF-8";
[data-role="content"] {
font-family: Arial;
font-size: 18px;
line-height: 28px;
color: #292929;
margin-top: 10px;
width: 100%;
max-width: 100%;
font-weight: 400; }
[data-role="content"] h1 {
font-family: Merriweather;
line-height: 38px;
font-weight: 700;
margin: 0.5em 0;
font-size: 32px;
color: #292929; }
[data-role="content"] h2 {
line-height: 35px;
margin: 0.5em 0;
font-size: 30px;
font-family: Merriweather;
font-weight: 700;
color: #292929; }
[data-role="content"] h3 {
line-height: 120%;
font-weight: 700;
margin: 0.5em 0;
font-size: 26px;
font-family: Merriweather;
color: #292929; }
[data-role="content"] h4 {
line-height: 24px;
font-weight: 700;
margin: 0.5em 0;
font-size: 18px;
font-family: Merriweather;
color: #292929; }
[data-role="content"] h5 {
line-height: 28px;
font-weight: 700;
font-size: 18px;
font-family: Merriweather;
color: #292929; }
[data-role="content"] h6 {
line-height: 28px;
font-weight: 700;
font-size: 18px;
font-family: Merriweather;
color: #292929; }
[data-role="content"] b {
font-weight: bold; }
[data-role="content"] strong {
font-weight: bold; }
[data-role="content"] i {
font-style: italic; }
[data-role="content"] sub {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
bottom: -0.25em; }
[data-role="content"] sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
top: -0.5em; }
[data-role="content"] .VCCSortableInPreviewMode .PhotoCMS_Caption p {
font-size: 14px;
line-height: 20px;
margin: 0;
color: #606368;
padding-top: 10px; }
[data-role="content"] .VCCSortableInPreviewMode .VideoCMS_Caption p {
font-size: 14px;
line-height: 20px;
margin: 0;
color: #606368;
padding-top: 10px; }
[data-role="content"] .VCSortableInPreviewMode {
display: inline-flex;
flex-direction: column;
margin: 0 auto 15px;
position: relative;
transition: all 0.3s ease-in-out 0s;
width: 100%;
visibility: visible;
word-wrap: break-word;
cursor: default;
max-width: 100%; }
[data-role="content"] .VCSortableInPreviewMode .PhotoCMS_Caption, [data-role="content"] .VCSortableInPreviewMode .AudioCMS_Caption {
background: #F1F3F4;
max-width: 100%;
text-align: left;
font-family: Arial; }
[data-role="content"] .VCSortableInPreviewMode .PhotoCMS_Caption p, [data-role="content"] .VCSortableInPreviewMode .AudioCMS_Caption p {
font-size: 14px;
line-height: 20px;
margin: 0;
color: #606368;
padding-top: 10px; }
[data-role="content"] .VCSortableInPreviewMode .VideoCMS_Caption {
background: #F1F3F4;
padding-top: 10px;
max-width: 100%;
text-align: left;
font-family: Arial; }
[data-role="content"] .VCSortableInPreviewMode .VideoCMS_Caption p {
font-size: 14px;
line-height: 20px;
margin: 0; }
[data-role="content"] .VCSortableInPreviewMode embed {
width: 100%; }
[data-role="content"] .VCSortableInPreviewMode::-webkit-scrollbar {
width: 5px;
height: 8px; }
[data-role="content"] .VCSortableInPreviewMode::-webkit-scrollbar-thumb {
background: #a9a9a9;
border-radius: 3px; }
[data-role="content"] .VCSortableInPreviewMode::-webkit-scrollbar-track {
background: #fff; }
[data-role="content"] .VCSortableInPreviewMode::-webkit-scrollbar-track-piece {
background-color: #fff; }
[data-role="content"] .VCSortableInPreviewMode h3 {
color: #333;
font-size: 20px;
font-weight: 700;
margin: 0;
margin-bottom: 22px;
line-height: 27px; }
[data-role="content"] p {
margin-bottom: 24px; }
[data-role="content"] .vceditor-content * {
box-sizing: border-box; }
[data-role="content"] .vceditor-content p b {
font-weight: bold; }
[data-role="content"] .vceditor-content p strong {
font-weight: bold; }
[data-role="content"] .vceditor-content p i {
font-style: italic; }
[data-role="content"] .vceditor-content sub {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
bottom: -0.25em; }
[data-role="content"] .vceditor-content sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
top: -0.5em; }
[data-role="content"] .vceditor-content hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ececec;
margin: 3em 0 2.5em;
padding: 0; }
[data-role="content"] .vceditor-content h1 {
color: #333;
font-size: 32px;
margin: 0;
margin-bottom: 22px;
line-height: 36px; }
[data-role="content"] .vceditor-content h2 {
color: #333;
font-size: 32px;
margin: 0;
margin-bottom: 22px;
line-height: 36px; }
[data-role="content"] .vceditor-content h3 {
font-size: 20px;
line-height: 26px;
color: #333;
margin: 0;
margin-bottom: 22px; }
[data-role="content"] .vceditor-content h4 {
font-size: 18px;
line-height: 24px;
color: #333;
margin-bottom: 22px; }
[data-role="content"] .vceditor-content h5 {
font-size: 18px;
line-height: 24px;
color: #333;
margin-bottom: 22px; }
[data-role="content"] .vceditor-content h6 {
font-size: 18px;
line-height: 24px;
color: #333;
margin-bottom: 22px; }
[data-role="content"] .vceditor-content .VCSortableInPreviewMode[type=content] {
min-height: 38px;
text-align: left;
display: inline-block;
margin: 20px 0px 25px; }
[data-role="content"] .vceditor-content .VCSortableInPreviewMode[type=content] p {
margin-bottom: 10px; }
[data-role="content"] .vceditor-content .VCSortableInPreviewMode[type=content] p:last-child {
margin-bottom: 0;
margin-bottom: 0; }
[data-role="content"] .vceditor-content .VCSortableInPreviewMode[type="hr"] {
margin: 40px 0px;
min-height: 40px; }
[data-role="content"] .vceditor-content .PhotoCMS_Caption, [data-role="content"] .vceditor-content .AudioCMS_Caption {
color: #606368;
font-size: 14px;
line-height: 20px;
font-style: italic;
margin-bottom: 0;
background: #f2f2f2;
padding: 10px;
text-align: left; }
[data-role="content"] .vceditor-content .PhotoCMS_Caption p, [data-role="content"] .vceditor-content .AudioCMS_Caption p {
color: #606368;
font-size: 14px;
line-height: 20px;
font-style: italic;
margin-bottom: 0; }
[data-role="content"] .vceditor-content .VideoCMS_Caption {
color: #606368;
font-style: normal;
font-size: 14px;
line-height: 20px;
min-height: 30px;
text-align: left;
width: auto;
background: #F1F3F4;
padding: 10px;
text-align: left; }
[data-role="content"] .vceditor-content .VideoCMS_Caption p {
color: #606368;
font-style: normal;
font-size: 14px;
line-height: 20px;
min-height: 30px;
text-align: left;
width: auto;
padding-top: 10px; }
[data-role="content"] .vceditor-content .VCSortableInPreviewMode.noCaption .PhotoCMS_Caption, [data-role="content"] .vceditor-content .VCSortableInPreviewMode.noCaption .AudioCMS_Caption {
display: none !important; }
[data-role="content"] .vceditor-content .VCSortableInPreviewMode.noCaption .LayoutAlbumCaptionWrapper {
display: none !important; }
[data-role="content"] .vceditor-content .VCSortableInPreviewMode.noCaption .VideoCMS_Caption {
display: none !important; }
[data-role="content"] .vceditor-content table {
border-collapse: collapse; }
[data-role="content"] .VCSortableInPreviewMode[type] {
display: inline-block; }
[data-role="content"] .VCSortableInPreviewMode[type="Video"] {
text-align: center; }
[data-role="content"] .VCSortableInPreviewMode[type="Photo"] img {
max-width: 100%;
margin: 0 auto;
display: inline-block;
vertical-align: top; }
[data-role="content"] .VCSortableInPreviewMode[type="Photo"] a {
outline: none !important; }
[data-role="content"] .VCSortableInPreviewMode[type="Photo"] .fb-share-wrapper {
font: normal 13px/25px;
color: #bebebe;
text-align: left; }
[data-role="content"] .VCSortableInPreviewMode[type="Photo"] .fb-share-wrapper .fb-icon {
display: inline-block;
width: 15px;
height: 15px;
background: url(../../images/fb-share.png);
margin-right: 5px;
background: rgba(0, 0, 0, 0) url("../../images/fb-share.png") no-repeat scroll 0 0;
display: inline-block;
height: 15px;
margin-bottom: -3px;
width: 15px; }
[data-role="content"] .VCSortableInPreviewMode[type="Photo"].alignCenterOverflow .PhotoCMS_Caption, [data-role="content"] .VCSortableInPreviewMode[type="Photo"].alignCenterOverflow .AudioCMS_Caption {
margin: auto;
text-align: left; }
[data-role="content"] .VCSortableInPreviewMode[type="Photo"].alignCenterOverflow .fb-share-wrapper {
margin: auto;
text-align: left; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedOneNews"] {
background: #f7f7f7 none repeat scroll 0 0;
border: 1px solid #ddd;
display: inline-block;
margin: 10px 0;
width: 100%; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedOneNews"] img {
outline: medium none;
outline: medium none; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedOneNews"] a.OneNewsTitle {
color: #004276;
font-size: 13px;
font-weight: bold;
margin-top: 7px;
color: #004276;
font-size: 15px;
font-weight: bold;
margin: 7px 0; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedOneNews"] .VCObjectBoxRelatedNewsItemSapo {
color: #777;
color: #777;
display: block;
font-size: 12px;
margin: 0 10px 0 0; }
[data-role="content"] .VCSortableInPreviewMode.alignLeft[type="RelatedOneNews"] img {
height: 175px !important;
margin: 0 !important;
width: 100% !important; }
[data-role="content"] .VCSortableInPreviewMode.alignLeft[type="RelatedOneNews"] .OneNewsTitle {
margin: 0;
padding: 10px; }
[data-role="content"] .VCSortableInPreviewMode.alignLeft[type="RelatedOneNews"] .VCObjectBoxRelatedNewsItemSapo {
margin: 0;
padding: 10px; }
[data-role="content"] .VCSortableInPreviewMode.alignLeftOverflow[type="RelatedOneNews"] img {
height: 175px !important;
margin: 0 !important;
width: 100% !important; }
[data-role="content"] .VCSortableInPreviewMode.alignLeftOverflow[type="RelatedOneNews"] .OneNewsTitle {
margin: 0;
padding: 10px; }
[data-role="content"] .VCSortableInPreviewMode.alignLeftOverflow[type="RelatedOneNews"] .VCObjectBoxRelatedNewsItemSapo {
margin: 0;
padding: 10px; }
[data-role="content"] .VCSortableInPreviewMode.alignRight[type="RelatedOneNews"] img {
height: 175px !important;
margin: 0 !important;
width: 100% !important; }
[data-role="content"] .VCSortableInPreviewMode.alignRight[type="RelatedOneNews"] .OneNewsTitle {
margin: 0;
padding: 10px; }
[data-role="content"] .VCSortableInPreviewMode.alignRight[type="RelatedOneNews"] .VCObjectBoxRelatedNewsItemSapo {
margin: 0;
padding: 10px; }
[data-role="content"] .VCSortableInPreviewMode.alignRightOverflow[type="RelatedOneNews"] img {
height: 175px !important;
margin: 0 !important;
width: 100% !important; }
[data-role="content"] .VCSortableInPreviewMode.alignRightOverflow[type="RelatedOneNews"] .OneNewsTitle {
margin: 0;
padding: 10px; }
[data-role="content"] .VCSortableInPreviewMode.alignRightOverflow[type="RelatedOneNews"] .VCObjectBoxRelatedNewsItemSapo {
margin: 0;
padding: 10px; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNews"] {
box-sizing: border-box;
text-align: center; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNews"] * {
box-sizing: border-box; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNews"] td {
margin: 0;
padding: 5px;
width: 32% !important; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNews"] img {
max-width: 100% !important;
width: 100% !important; }
[data-role="content"] .VCSortableInPreviewMode.alignLeft[type="RelatedNews"] {
width: 30% !important; }
[data-role="content"] .VCSortableInPreviewMode.alignLeft[type="RelatedNews"] td {
width: 100% !important; }
[data-role="content"] .VCSortableInPreviewMode.alignLeftOverflow[type="RelatedNews"] {
width: 30% !important; }
[data-role="content"] .VCSortableInPreviewMode.alignLeftOverflow[type="RelatedNews"] td {
width: 100% !important; }
[data-role="content"] .VCSortableInPreviewMode.alignRight[type="RelatedNews"] {
width: 30% !important; }
[data-role="content"] .VCSortableInPreviewMode.alignRight[type="RelatedNews"] td {
width: 100% !important; }
[data-role="content"] .VCSortableInPreviewMode.alignRightOverflow[type="RelatedNews"] {
width: 30% !important; }
[data-role="content"] .VCSortableInPreviewMode.alignRightOverflow[type="RelatedNews"] td {
width: 100% !important; }
[data-role="content"] .VCSortableInPreviewMode[type="content"] {
border: 1px solid #999;
padding: 10px; }
[data-role="content"] .VCSortableInPreviewMode[type="content"] p {
margin-bottom: 7px; }
[data-role="content"] .VCSortableInPreviewMode[type="FirstCharacter"] {
color: white;
display: inline;
float: left;
font-size: 60px;
height: 70px;
margin: 10px 10px 0 0;
padding-top: 15px;
width: 80px; }
[data-role="content"] .VCSortableInPreviewMode[type='contentnumber'] {
width: 100%;
height: 68px;
text-align: left; }
[data-role="content"] .VCSortableInPreviewMode[type='contentnumber'] img {
vertical-align: top; }
[data-role="content"] .VCSortableInPreviewMode[type='contentnumber'].onLeft {
text-align: left; }
[data-role="content"] .VCSortableInPreviewMode[type='contentnumber'].onRight {
text-align: right; }
[data-role="content"] .VCSortableInPreviewMode[type='contentnumber'].onCenter {
text-align: center; }
[data-role="content"] .VCSortableInPreviewMode[type="contentnumber"] .IAContentNumber {
border-radius: 50%;
display: inline-block;
font-size: 30px;
height: 68px;
line-height: 68px;
text-align: center;
width: 70px;
width: 68px;
height: 68px;
border: 2px solid #fff;
color: #fff;
border-radius: 50%;
font-size: 36px;
font-weight: 700;
margin: 0;
line-height: 68px;
margin-bottom: 15px;
background-color: #FF6E15;
display: flex;
align-items: center;
justify-content: center; }
[data-role="content"] .VCSortableInPreviewMode[type="FirstCharacterv2"] {
margin-bottom: 0px !important;
margin-left: 0px !important;
width: auto !important;
margin-right: 0px !important;
margin-top: 10px; }
[data-role="content"] .VCSortableInPreviewMode[type="FirstCharacterv2"] img {
width: 100%; }
[data-role="content"] .VCSortableInPreviewMode[type="FirstCharacterv2"].alignLeft {
margin-right: 15px !important; }
[data-role="content"] .VCSortableInPreviewMode[type="FirstCharacterv2"].alignRight {
margin-left: 15px !important; }
[data-role="content"] .VCSortableInPreviewMode[type="Vote"] > div:not(#NLElementFunc):not(#NLFuncEnter):not(.sort-mode-delete) {
width: 100%;
border: solid 1px #dfdfdf;
position: relative;
background: #fff;
padding: 0px; }
[data-role="content"] .VCSortableInPreviewMode[type="Vote"] > div h3 {
height: 30px;
line-height: 30px;
text-indent: 10px;
background: #fff;
margin: 0;
width: 100%;
-moz-user-select: none;
text-align: left;
color: #af1903;
font-size: 18px; }
[data-role="content"] .VCSortableInPreviewMode[type="Vote"] > div h4 {
padding: 5px 10px;
text-align: left; }
[data-role="content"] .VCSortableInPreviewMode[type="Vote"] > div h4 a {
color: #333;
text-align: left;
text-decoration: none; }
[data-role="content"] .VCSortableInPreviewMode[type="Vote"] > div p {
font-size: 12px;
color: #999;
margin: 0 10px 0 0;
padding: 5px 10px;
text-align: left; }
[data-role="content"] .VCSortableInPreviewMode[type="Vote"] > div span {
user-select: none !important;
-moz-user-select: none !important;
-webkit-user-select: none !important;
-ms-user-select: none !important; }
[data-role="content"] .VCSortableInPreviewMode[type="Vote"] > div label {
font-size: 12px;
color: #555;
user-select: none !important;
-moz-user-select: none !important;
-webkit-user-select: none !important;
-ms-user-select: none !important; }
[data-role="content"] .VCSortableInPreviewMode[type="Vote"] > div img {
outline: none; }
[data-role="content"] .VCSortableInPreviewMode[type="Vote"] > div .VCListVoteAnswers {
text-align: left; }
[data-role="content"] .VCSortableInPreviewMode[type="Vote"] > div .VCPollFooter {
text-align: center;
margin: 10px 0; }
[data-role="content"] .VCSortableInPreviewMode[type="Vote"] .showResult label.IMSRadioLabel {
padding-left: 16px;
height: 16px;
display: inline-block;
line-height: 16px;
background-repeat: no-repeat;
background-position: -6px -125px;
font-size: 15px;
cursor: pointer;
text-indent: 8px; }
[data-role="content"] .VCSortableInPreviewMode[type="Vote"] .showResult .d_result {
padding-left: 16px;
height: 16px;
line-height: 16px;
background-repeat: no-repeat;
background-position: -6px -125px;
font-size: 15px;
vertical-align: middle;
cursor: pointer;
text-indent: 8px;
display: block; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="StarQuoteV2"] p.quote {
border: 8px none #f5566c;
padding: 20px 0px;
text-align: left;
font-size: 30px !important;
line-height: 36px !important; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="StarQuoteV2"] span.custom-border {
border-color: #f5566c;
border-style: solid none;
border-width: 8px;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
border-style: none; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="StarQuoteV2"] span.custom-border.border-sort {
left: 45%;
right: 45%; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="StarQuoteV2"] span.custom-border.border-top {
border-top-style: solid; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="StarQuoteV2"] span.custom-border.border-top > p.quote {
margin-bottom: 0px; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="StarQuoteV2"] span.custom-border.border-bottom {
border-bottom-style: solid; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="StarQuoteV2"] .name-n-quote {
position: relative; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="StarQuoteV2"] p.quote.border-left {
border-left-style: solid;
padding-left: 20px; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="StarQuoteV2"] p.quote.border-right {
border-right-style: solid;
padding-right: 20px; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="StarQuoteV2"] .StarNameCaption {
color: #797979;
font: 14px/20px;
margin-top: 10px;
text-align: left; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="StarQuoteV2"] .StarNameCaption.hasmargin {
margin-left: 27px; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="StarQuoteV2"].alignCenter {
clear: both; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="StarQuoteV2"].alignCenterOverflow .StarNameCaption {
width: 660px;
margin: auto; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="StarQuoteV2"].alignLeftOverflow {
margin-top: 10px; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="StarQuoteV2"].alignLeft {
margin-top: 10px; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="StarQuoteV2"].alignRight {
margin-top: 10px; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="StarQuoteV2"].alignRightOverflow {
margin-top: 10px; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="SimpleQuote"] p.quote {
border: 8px none #f5566c;
padding: 20px 0px;
text-align: left;
font-size: 30px !important;
line-height: 36px !important; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="SimpleQuote"] .name-n-quote {
position: relative; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="SimpleQuote"] span.custom-border {
border-color: #f5566c;
border-style: solid none;
border-width: 8px;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
border-style: none; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="SimpleQuote"] span.custom-border.border-sort {
left: 45%;
right: 45%; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="SimpleQuote"] span.custom-border.border-top {
border-top-style: solid; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="SimpleQuote"] span.custom-border.border-top > p.quote {
margin-bottom: 0px; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="SimpleQuote"] span.custom-border.border-bottom {
border-bottom-style: solid; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="SimpleQuote"] p.quote.border-left {
border-left-style: solid;
padding-left: 20px; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="SimpleQuote"] p.quote.border-right {
border-right-style: solid;
padding-right: 20px; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="SimpleQuote"] .StarNameCaption {
color: #797979;
font: 14px/20px;
margin-top: 10px;
text-align: left; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="SimpleQuote"] .StarNameCaption.hasmargin {
margin-left: 27px; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="SimpleQuote"].alignCenter {
clear: both; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="SimpleQuote"].alignCenterOverflow .StarNameCaption {
width: 660px;
margin: auto; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="SimpleQuote"].alignLeftOverflow {
margin-top: 10px; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="SimpleQuote"].alignLeft {
margin-top: 10px; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="SimpleQuote"].alignRight {
margin-top: 10px; }
[data-role="content"] .vceditor-contentOuter .vceditor-content .VCSortableInPreviewMode[type="SimpleQuote"].alignRightOverflow {
margin-top: 10px; }
[data-role="content"] .alignLeft .deflector.PhotoCMS_Caption {
left: -10px;
margin-left: -200px;
position: absolute;
text-align: right !important;
top: 0;
width: 200px; }
[data-role="content"] .alignLeft .deflector.PhotoCMS_Caption::before {
border-top: 1px solid rgba(0, 0, 0, 0.15);
content: "";
display: block;
margin-bottom: 10px;
margin-left: 70%;
width: 30%; }
[data-role="content"] .alignLeft .deflector.VideoCMS_Caption {
left: -10px;
margin-left: -200px;
position: absolute;
text-align: right !important;
top: 0;
width: 200px; }
[data-role="content"] .alignLeft .deflector.VideoCMS_Caption::before {
border-top: 1px solid rgba(0, 0, 0, 0.15);
content: "";
display: block;
margin-bottom: 10px;
margin-left: 70%;
width: 30%; }
[data-role="content"] .alignLeft .deflector.VideoCMS_Caption * {
text-align: right !important; }
[data-role="content"] .alignRight .deflector.PhotoCMS_Caption {
margin-right: -200px;
position: absolute;
right: -10px;
text-align: left !important;
top: 0;
width: 200px; }
[data-role="content"] .alignRight .deflector.PhotoCMS_Caption::before {
border-top: 1px solid rgba(0, 0, 0, 0.15);
content: "";
display: block;
margin-bottom: 10px;
margin-right: 70%;
width: 30%; }
[data-role="content"] .alignRight .deflector.VideoCMS_Caption {
margin-right: -200px;
position: absolute;
right: -10px;
text-align: left !important;
top: 0;
width: 200px; }
[data-role="content"] .alignRight .deflector.VideoCMS_Caption * {
text-align: left !important; }
[data-role="content"] .alignRight .deflector.VideoCMS_Caption::before {
border-top: 1px solid rgba(0, 0, 0, 0.15);
content: "";
display: block;
margin-bottom: 10px;
margin-right: 70%;
width: 30%; }
[data-role="content"] .LayoutAlbumWrapper {
width: 100%; }
[data-role="content"] .LayoutAlbumWrapper .LayoutAlbumRow {
margin-bottom: .5rem;
width: 100%;
display: flex; }
[data-role="content"] .LayoutAlbumWrapper .LayoutAlbumRow:last-child {
margin: 0; }
[data-role="content"] .LayoutAlbumWrapper .LayoutAlbumItem {
display: block;
float: left;
margin: 0 .2rem; }
[data-role="content"] .LayoutAlbumWrapper .LayoutAlbumItem:first-child {
margin-left: 0; }
[data-role="content"] .LayoutAlbumWrapper .LayoutAlbumItem:last-child {
margin-right: 0; }
[data-role="content"] .LayoutAlbumWrapper .LayoutAlbumItem:hover a + figcaption {
-webkit-transform: translateY(0);
transform: translateY(0); }
[data-role="content"] .LayoutAlbumWrapper figure {
margin: 0;
overflow: hidden;
position: relative;
-webkit-backface-visibility: hidden; }
[data-role="content"] .LayoutAlbumWrapper figcaption {
background-color: rgba(255, 255, 255, 0.75);
box-sizing: border-box;
font-size: .75rem;
padding: .5rem;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
-webkit-transform: translateY(100%);
transform: translateY(100%);
transition: all .5s ease-in-out;
display: none; }
[data-role="content"] .LayoutAlbumWrapper img {
display: block;
max-width: 100%;
transition: all .25s ease-in-out; }
[data-role="content"] .LayoutAlbumItem a {
border: 0;
display: block;
position: relative;
width: 100%;
height: 100%;
color: transparent; }
[data-role="content"] .VCSortableInPreviewMode[type="LayoutAlbum"].alignJustify {
width: 100%;
margin-left: 0;
margin-right: 0; }
[data-role="content"] .LayoutAlbumContent {
display: inline-block;
width: 100%;
vertical-align: bottom; }
[data-role="content"] .LayoutAlbumCaption {
font-style: italic;
font-size: 12px;
line-height: 19px; }
[data-role="content"] .VCSortableInPreviewMode.link-content-footer {
text-align: left;
line-height: 25px;
text-align: left;
line-height: 25px; }
[data-role="content"] .VCSortableInPreviewMode[type="PhotoInContentBox"] img {
max-width: 100%;
margin: 0 auto; }
[data-role="content"] .VCSortableInPreviewMode[type="PhotoInContentBox"].floatleft {
float: left;
margin-right: 2%; }
[data-role="content"] .VCSortableInPreviewMode[type="PhotoInContentBox"].floatnone {
float: none;
margin: 0 auto;
display: block; }
[data-role="content"] .VCSortableInPreviewMode[type="PhotoInContentBox"].floatright {
float: right;
margin-left: 2%; }
[data-role="content"] .VCSortableInPreviewMode[type="credit"] {
margin-bottom: 30px; }
[data-role="content"] .VCSortableInPreviewMode[type="credit"] .content-wrapper {
text-align: left;
border-left: solid 5px #f5566c;
padding-left: 18px; }
[data-role="content"] .VCSortableInPreviewMode[type="credit"] .credit-item {
line-height: 26px; }
[data-role="content"] .VCSortableInPreviewMode[type="credit"] .credit-item label {
display: inline-block;
font-size: 18px;
line-height: 26px;
color: #222222;
margin-right: 5px; }
[data-role="content"] .VCSortableInPreviewMode[type="credit"] .credit-item div {
display: inline-block;
font-size: 18px;
line-height: 26px;
color: #222222;
margin-right: 5px;
margin-left: 6px; }
[data-role="content"] .VCSortableInPreviewMode[type="credit"] .ttvn-link {
color: #222222;
position: absolute;
right: 0;
top: 0;
color: #222222;
position: absolute;
right: 0;
top: 0;
font-size: 18px;
line-height: 26px; }
[data-role="content"] .VCSortableInPreviewMode[type="credit"] .publish-date {
position: absolute;
right: 0px;
top: 30px;
color: #b3b3b3; }
[data-role="content"] .VCSortableInPreviewMode[type="credit"] .contentWrapper {
padding-left: 18px;
text-align: left;
border-left: solid 5px #432e1e; }
[data-role="content"] .VCSortableInPreviewMode[type="credit"] .creditItem {
line-height: 26px; }
[data-role="content"] .VCSortableInPreviewMode[type="credit"] .creditItem label {
display: inline-block;
font-size: 18px !important;
line-height: 26px !important;
color: #222222 !important;
margin-right: 5px; }
[data-role="content"] .VCSortableInPreviewMode[type="credit"] .creditItem div {
display: inline-block;
font-size: 18px !important;
line-height: 26px !important;
color: #222222 !important;
margin-right: 5px; }
[data-role="content"] .VCSortableInPreviewMode[type="credit"] .publishDate {
position: absolute;
right: 0px;
top: 30px;
color: #b3b3b3;
font-size: 18px;
line-height: 26px; }
[data-role="content"] .VCSortableInPreviewMode[type="ElectionVote"] {
border: solid 10px #fd4f4f;
background: #668efd;
height: 100px;
color: #fff;
line-height: 80px;
text-transform: uppercase; }
[data-role="content"] .VCCSortableInPreviewMode[type=BeforeAfter] {
position: relative;
display: block; }
[data-role="content"] .VCCSortableInPreviewMode[type=BeforeAfter] img {
max-width: none;
height: 100%;
width: 100% !important; }
[data-role="content"] .VCCSortableInPreviewMode[type=BeforeAfter] .panel-before {
width: 50%;
top: 0;
overflow: hidden;
left: 0;
float: left; }
[data-role="content"] .VCCSortableInPreviewMode[type=BeforeAfter] .panel-after {
width: 50%;
top: 0;
overflow: hidden;
float: right;
border-left: solid 2px #daa520; }
[data-role="content"] .VCCSortableInPreviewMode[type=BeforeAfter] .panel-after img {
float: right; }
[data-role="content"] .VCCSortableInPreviewMode[type=BeforeAfter] .baw0 {
width: 2%; }
[data-role="content"] .VCCSortableInPreviewMode[type=BeforeAfter] .baw10 {
width: 10%; }
[data-role="content"] .VCCSortableInPreviewMode[type=BeforeAfter] .baw20 {
width: 20%; }
[data-role="content"] .VCCSortableInPreviewMode[type=BeforeAfter] .baw30 {
width: 30%; }
[data-role="content"] .VCCSortableInPreviewMode[type=BeforeAfter] .baw40 {
width: 40%; }
[data-role="content"] .VCCSortableInPreviewMode[type=BeforeAfter] .baw50 {
width: 50%; }
[data-role="content"] .VCCSortableInPreviewMode[type=BeforeAfter] .baw60 {
width: 60%; }
[data-role="content"] .VCCSortableInPreviewMode[type=BeforeAfter] .baw70 {
width: 70%; }
[data-role="content"] .VCCSortableInPreviewMode[type=BeforeAfter] .baw80 {
width: 80%; }
[data-role="content"] .VCCSortableInPreviewMode[type=BeforeAfter] .baw90 {
width: 90%; }
[data-role="content"] .VCCSortableInPreviewMode[type=BeforeAfter] .baw100 {
width: 98%; }
[data-role="content"] .VCCSortableInPreviewMode[type=BeforeAfter] .PhotoCMS_Caption {
width: 100%;
clear: both; }
[data-role="content"] #VCBeforeWrapper {
height: 100%;
width: 800px;
position: relative; }
[data-role="content"] .icon-beforeafter {
transform: scale(0.8);
background: url("../../images/before-after/vcbeforeafter.png") no-repeat #fff;
height: 15px;
width: 15px;
float: left;
margin-top: 1px; }
[data-role="content"] .balinksWrapper {
margin: 0 auto; }
[data-role="content"] .VCSortableInPreviewMode[type="blockcontent"] {
margin-top: 30px; }
[data-role="content"] .VCSortableInPreviewMode[type="blockcontent"] .block-title-wrap {
text-align: left;
font-size: 30px;
color: #222;
margin: 15px 0px;
border: 1px solid #f1f1f1;
padding: 5px 10px;
margin-left: 0px; }
[data-role="content"] .VCSortableInPreviewMode[type="blockcontent"] .block-content-wrap {
text-align: left;
border: 1px solid #f1f1f1;
padding: 5px 10px;
margin-left: 0px;
min-height: 120px; }
[data-role="content"] .VCSortableInPreviewMode[type="blockcontent"] .block-content-wrap p {
margin-bottom: 15px; }
[data-role="content"] .VCSortableInPreviewMode[type="blockcontent"] .block-content-wrap .VCSortableInPreviewMode[type="VideoStream"] {
margin-bottom: 10px; }
[data-role="content"] .VCSortableInPreviewMode[type="BlockQuoteIa"] div.quote {
border-left: 2px solid #f5566c;
text-align: left;
padding-left: 10px; }
[data-role="content"] .VCSortableInPreviewMode[type="FootBall"] {
display: block;
line-height: 20px;
width: 650px;
padding: 18px 20px 25px;
border: 2px solid #42BCEE;
background: #EAF7FF;
margin-bottom: 30px; }
[data-role="content"] .VCSortableInPreviewMode[type="FootBall"] .NLFootballTop {
display: flex;
text-transform: uppercase; }
[data-role="content"] .VCSortableInPreviewMode[type="FootBall"] .NLFootballTop > div {
height: 150px;
flex: 1;
border-bottom: 1px solid #C3E8FE; }
[data-role="content"] .VCSortableInPreviewMode[type="FootBall"] .NLFootballTop .NLFootballScale > div:nth-child(1) {
margin-bottom: 10px;
font-size: 15px;
line-height: 18px; }
[data-role="content"] .VCSortableInPreviewMode[type="FootBall"] .NLFootballTop .NLFootballScale > div:nth-child(1) span {
color: #5F6060;
font-size: 14px; }
[data-role="content"] .VCSortableInPreviewMode[type="FootBall"] .NLFootballTop .NLFootballScale > div:nth-child(2) {
margin-bottom: 25px;
color: #1F97E3;
font-size: 60px;
line-height: 40px; }
[data-role="content"] .VCSortableInPreviewMode[type="FootBall"] .NLFootballTop .NLFootballScale > div:nth-child(3) {
font-size: 12px;
color: #5F6060; }
[data-role="content"] .VCSortableInPreviewMode[type="FootBall"] .NLFootballTop .NLFootballImage {
padding-top: 34px; }
[data-role="content"] .VCSortableInPreviewMode[type="FootBall"] .NLFootballTop .NLFootballImage img {
width: 70px;
height: 70px; }
[data-role="content"] .VCSortableInPreviewMode[type="FootBall"] .NLFootballTop .NLFootballImage label {
font-size: 19px;
width: 100%;
display: block;
margin-top: 3px; }
[data-role="content"] .VCSortableInPreviewMode[type="FootBall"] .NLFootballBot {
padding-top: 35px; }
[data-role="content"] .VCSortableInPreviewMode[type="FootBall"] .NLFootballBot > div {
display: inline-block;
width: 100%;
font-size: 16px;
margin-bottom: 20px; }
[data-role="content"] .VCSortableInPreviewMode[type="FootBall"] .NLFootballBot > div:before {
content: " ";
height: 100%;
display: inline-block;
vertical-align: middle; }
[data-role="content"] .VCSortableInPreviewMode[type="FootBall"] .NLFootballBot > div > div {
min-height: 20px; }
[data-role="content"] .VCSortableInPreviewMode[type="FootBall"] .NLFootballBot > div > div:nth-child(1) {
display: inline-block;
width: 40%;
float: left;
text-align: right; }
[data-role="content"] .VCSortableInPreviewMode[type="FootBall"] .NLFootballBot > div > div:nth-child(2) {
text-align: center;
display: inline-block;
width: 20%;
float: left; }
[data-role="content"] .VCSortableInPreviewMode[type="FootBall"] .NLFootballBot > div > div:nth-child(3) {
display: inline-block;
width: 40%;
float: left;
text-align: left; }
[data-role="content"] .VCSortableInPreviewMode[type="FootBall"] .NLFootballBot > div:last-child {
margin-bottom: 0; }
[data-role="content"] .VCSortableInPreviewMode[type="FootBall"].alignJustify {
width: 100%; }
[data-role="content"] .NLFootballGoals .football-icon {
background: url("https://static.mediacdn.vn/images/football/football_01.png") no-repeat scroll center center; }
[data-role="content"] .NLFootballRedCards .football-icon {
background: url("https://static.mediacdn.vn/images/football/football_03.png") no-repeat scroll center center; }
[data-role="content"] .NLFootballYellowCards .football-icon {
background: url("https://static.mediacdn.vn/images/football/football_05.png") no-repeat scroll center center; }
[data-role="content"] .football-time {
color: #2C91CF; }
[data-role="content"] .VCSortableInPreviewMode[type=MediaAlbum] {
height: 230px;
background: url("https://static.mediacdn.vn/images/multimediaalbum_bg.png") no-repeat center center; }
[data-role="content"] .VCSortableInPreviewMode[type="multipart"] {
display: inline-block; }
[data-role="content"] .VCSortableInPreviewMode[type="multipart"] .knccmpo-left {
min-width: 90px;
max-width: 90px;
padding: 0 10px; }
[data-role="content"] .VCSortableInPreviewMode[type="multipart"] .knccmpo-right {
padding: 0 10px;
flex-grow: 1;
margin-left: 0; }
[data-role="content"] .kncc-multipart-object {
padding: 30px 0;
border-top: 1px solid #dfdfdf;
margin-top: 30px;
background-color: #f1f1f1; }
[data-role="content"] .kncc-multipart-object p {
margin-bottom: 15px; }
[data-role="content"] .knccmpo-left {
width: 90px;
float: left; }
[data-role="content"] .knccmpo-right {
margin-left: 110px; }
[data-role="content"] .knccmpol-label.datentime {
font-size: 16px;
color: #666;
text-transform: uppercase; }
[data-role="content"] .knccmpol-label.number {
display: block;
margin: 0 auto;
width: 45px;
height: 45px;
border: 1px solid #bbb;
font-size: 24px;
line-height: 43px;
color: #777;
text-align: center;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%; }
[data-role="content"] .knccmpor-content {
text-align: justify; }
[data-role="content"] .kbwscwl-relatedbox {
float: right;
display: block;
margin-bottom: 0px; }
[data-role="content"] .kbwscwl-relatedbox .kbwscwlrl-title {
margin: 0px;
padding: 10px 7px 7px 10px; }
[data-role="content"] .kbwscwl-relatedbox .kbwscwlrl-title a.title {
font-size: 16px;
color: #333333;
margin-bottom: 5px;
text-decoration: none;
display: block;
line-height: 30px; }
[data-role="content"] .kbwscwl-relatedbox .kbwscwlrl-title a.title svg {
margin-left: 8px; }
[data-role="content"] .kbwscwl-relatedbox .kbwscwlrl-title a.title:hover {
color: #666 !important; }
[data-role="content"] .af-detail-s-menu .afcb-content .kbwscwl-relatedbox.type-1 {
width: auto; }
[data-role="content"] .kbwscwl-relatedbox.type-1 .kbwscwlrl-title {
background: #eaeaea; }
[data-role="content"] .kbwscwl-relatedbox.type-2 {
border-top: 3px solid #0959AB;
border-bottom: 3px solid #0959AB; }
[data-role="content"] .kbwscwl-relatedbox.type-2 .kbwscwlrl-title {
padding: 0 !important;
margin: 0 !important; }
[data-role="content"] .kbwscwl-relatedbox.type-2 .kbwscwlrl-title a.title {
font-size: 16px;
line-height: 24px;
color: #333333; }
[data-role="content"] .kbwscwl-relatedbox.type-2 .kbwscwlrl {
list-style: disc;
color: #0959AB;
margin-left: 15px;
padding: 20px 0;
border-bottom: 1px solid #e2e2e2;
display: list-item;
list-style-type: disc !important; }
[data-role="content"] .kbwscwl-relatedbox.type-3 {
border-top: 3px solid #0959AB;
border-bottom: 3px solid #0959AB; }
[data-role="content"] .kbwscwl-relatedbox.type-3 .kbwscwlrl-title {
padding: 15px 0; }
[data-role="content"] .kbwscwl-relatedbox.type-3 .kbwscwlrl-title a.title {
font-size: 20px;
line-height: 30px;
color: #222222; }
[data-role="content"] .kbwscwl-relatedbox.type-3 .kbwscwlrl-next {
font-size: 15px;
color: #0959AB;
height: 27px;
text-transform: uppercase;
width: 130px;
line-height: 27px;
margin-top: 10px;
margin-bottom: 10px;
text-decoration: none;
background-size: 27px;
padding-right: 30px;
border: 0;
box-shadow: none;
text-align: center; }
[data-role="content"] .kbwscwl-relatedbox.type-3 .kbwscwlrl-next:before {
display: none; }
[data-role="content"] .kbwscwl-relatedbox.type-3 .kbwscwlrl-next:after {
content: "";
position: absolute;
width: 26px;
height: 26px;
background-color: #0959AB;
border-radius: 50%;
top: 0px;
right: 4px;
background-image: url("https://static.mediacdn.vn/common/images/arr-next.svg");
background-repeat: no-repeat;
background-position: center; }
[data-role="content"] .kbwscwlrl-thumb {
display: block; }
[data-role="content"] .kbwscwlrl-thumb img {
display: block;
width: 100%; }
[data-role="content"] .kbwscwlrl-next {
color: #797671;
display: inline-block;
float: right;
font-size: 15px;
height: 36px;
line-height: 36px;
text-transform: uppercase;
width: 130px;
border: 1px solid #ddd;
box-shadow: 4px 4px 6px -2px #ddd;
background: #fff;
border-radius: 18px;
position: relative; }
[data-role="content"] .kbwscwlrl-next:before {
content: "Xem ngay";
margin-left: 14px;
color: #0959AB; }
[data-role="content"] .kbwscwlrl-next:after {
content: "";
position: absolute;
width: 26px;
height: 26px;
background-color: #0959AB;
border-radius: 50%;
top: 4px;
right: 4px;
background-image: url("https://static.mediacdn.vn/common/images/arr-next.svg");
background-repeat: no-repeat;
background-position: center; }
[data-role="content"] .kbwscwlr-list {
text-align: left; }
[data-role="content"] .kbwscwl-relatedbox.type-4 {
border: 1px solid #cccccc;
border-top: 3px solid #0959AB;
border-radius: 3px;
overflow: hidden; }
[data-role="content"] .kbwscwl-relatedbox.type-4 .kbwscwlrl-title-header {
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
text-align: left;
margin-top: 10px;
padding-bottom: 9px;
display: block;
padding-left: 10px;
border-bottom: 1px solid #cccccc; }
[data-role="content"] .kbwscwl-relatedbox.type-4 .kbwscwlrl-news-thumb-avata {
float: left;
width: 45%;
padding: 0px;
margin-right: 3%; }
[data-role="content"] .kbwscwl-relatedbox.type-4 .kbwscwlrl {
float: left;
position: relative;
text-align: left;
border-top: 1px dotted #cbcfd3;
margin-top: 10px;
padding-top: 10px;
margin-right: 10px; }
[data-role="content"] .kbwscwl-relatedbox.type-4 .kbwscwlrl:first-child {
margin-top: 0px;
border: none; }
[data-role="content"] .kbwscwl-relatedbox.type-4 .kbwscwlrl-thumb-avata {
float: left;
width: 45%;
padding: 0px;
height: auto; }
[data-role="content"] .kbwscwl-relatedbox.type-4 .kbwscwlrl-thumb-avata img {
display: block;
width: 100%;
height: auto;
padding: 0px; }
[data-role="content"] .kbwscwl-relatedbox.type-4 .kbwscwlrl-title {
margin-left: 52%;
padding: 0px; }
[data-role="content"] .kbwscwl-relatedbox.type-4 .kbwscwlrl-title a.title {
font-size: 15px;
color: #333333;
margin-bottom: 0px;
text-decoration: none;
display: block;
line-height: 22px; }
[data-role="content"] .kbwscwl-relatedbox.type-4 .kbwscwlrl-title a.title:hover {
color: #666 !important; }
[data-role="content"] .fbPhotoWrap {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: whitesmoke;
border-color: #435eac #e5e5e5 #e5e5e5;
border-image: none;
border-style: solid;
border-width: 3px 1px 1px;
margin: 20px auto;
text-align: center; }
[data-role="content"] .fbPhotoWrap .fbPhotoTitle {
color: #555555;
display: block;
font: 300 18px/18px;
margin-top: 18px; }
[data-role="content"] .fbPhotoWrap a {
background-color: #4460ae;
border-radius: 4px;
color: white;
display: inline-block;
font-size: 20px;
height: 50px;
line-height: 50px;
margin: 20px auto 30px;
padding: 0 66px;
text-decoration: none; }
[data-role="content"] .fbPhotoWrap a:hover {
background-color: #324b92; }
[data-role="content"] .fbPhotoWrap a span {
background: transparent url("https://kenh143.vcmedia.vn/skin/fbuploadimages/camera-icon.png") no-repeat scroll left center;
display: inline-block;
height: 24px;
padding-left: 22px;
vertical-align: text-bottom;
width: 31px; }
[data-role="content"] .fbPhotoWrap a em {
background: transparent url("https://kenh143.vcmedia.vn/skin/fbuploadimages/camera-icon.png") no-repeat scroll left center;
display: inline-block;
height: 24px;
padding-left: 22px;
vertical-align: text-bottom;
width: 31px; }
[data-role="content"] .VCSortableInPreviewMode[type="SimpleQuote"] p.quote {
border: 8px none #f5566c;
padding: 20px 0px;
text-align: left;
font-size: 30px !important;
line-height: 36px !important; }
[data-role="content"] .VCSortableInPreviewMode[type="SimpleQuote"] .name-n-quote {
position: relative; }
[data-role="content"] .VCSortableInPreviewMode[type="SimpleQuote"] span.custom-border {
border-color: #f5566c;
border-style: solid none;
border-width: 8px;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
border-style: none; }
[data-role="content"] .VCSortableInPreviewMode[type="SimpleQuote"] span.custom-border.border-sort {
left: 45%;
right: 45%; }
[data-role="content"] .VCSortableInPreviewMode[type="SimpleQuote"] span.custom-border.border-top {
border-top-style: solid; }
[data-role="content"] .VCSortableInPreviewMode[type="SimpleQuote"] span.custom-border.border-top > p.quote {
margin-bottom: 0px; }
[data-role="content"] .VCSortableInPreviewMode[type="SimpleQuote"] span.custom-border.border-bottom {
border-bottom-style: solid; }
[data-role="content"] .VCSortableInPreviewMode[type="SimpleQuote"] p.quote.border-left {
border-left-style: solid;
padding-left: 20px; }
[data-role="content"] .VCSortableInPreviewMode[type="SimpleQuote"] p.quote.border-right {
border-right-style: solid;
padding-right: 20px; }
[data-role="content"] .VCSortableInPreviewMode[type="SimpleQuote"] .StarNameCaption {
text-align: right;
font-size: 17px;
padding: 0;
font-style: italic;
font-weight: 700;
color: #707070;
color: inherit;
text-decoration: none; }
[data-role="content"] .VCSortableInPreviewMode[type="SimpleQuote"] .StarNameCaption:before {
content: '';
height: 1px;
background-color: #ed1b2f;
width: 32px;
display: inline-block;
vertical-align: middle;
margin-right: 8px; }
[data-role="content"] .VCSortableInPreviewMode[type="SimpleQuote"] .StarNameCaption:after {
content: '';
height: 1px;
background-color: #ed1b2f;
width: 32px;
display: inline-block;
vertical-align: middle;
margin-left: 8px; }
[data-role="content"] .VCSortableInPreviewMode[type="SimpleQuote"] .StarNameCaption.hasmargin {
margin-left: 27px; }
[data-role="content"] .VCSortableInPreviewMode[type="SimpleQuote"].alignCenter {
clear: both; }
[data-role="content"] .VCSortableInPreviewMode[type="SimpleQuote"].alignCenterOverflow .StarNameCaption {
width: 660px;
margin: auto; }
[data-role="content"] .VCSortableInPreviewMode[type="SimpleQuote"].alignLeftOverflow {
margin-top: 10px; }
[data-role="content"] .VCSortableInPreviewMode[type="SimpleQuote"].alignLeft {
margin-top: 10px; }
[data-role="content"] .VCSortableInPreviewMode[type="SimpleQuote"].alignRight {
margin-top: 10px; }
[data-role="content"] .VCSortableInPreviewMode[type="SimpleQuote"].alignRightOverflow {
margin-top: 10px; }
[data-role="content"] .VCSortableInPreviewMode[type="SliderImages"] .SliderImagesContent {
min-height: 270px;
overflow: hidden; }
[data-role="content"] .VCSortableInPreviewMode[type="SliderImages"] .SliderImagesContent li {
position: relative; }
[data-role="content"] .VCSortableInPreviewMode[type="SliderImages"] .SliderImagesContent li img {
position: absolute;
top: 0;
left: 0; }
[data-role="content"] .VCSortableInPreviewMode[type="SliderImages"] .IMSViewSliderImages {
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 270px; }
[data-role="content"] .VCSortableInPreviewMode[type="SliderImages"] .IMSViewSliderImages .btnpve {
color: #fff;
font-size: 50px;
position: absolute;
top: 40%;
left: 10px;
cursor: pointer;
z-index: 10; }
[data-role="content"] .VCSortableInPreviewMode[type="SliderImages"] .IMSViewSliderImages .btnnext {
color: #fff;
font-size: 50px;
position: absolute;
top: 40%;
right: 10px;
cursor: pointer;
z-index: 10; }
[data-role="content"] .star-quote {
padding: 8px; }
[data-role="content"] .star-quote a.star-ava {
display: block;
float: left;
height: 50px;
margin-right: 10px;
width: 50px; }
[data-role="content"] .star-quote a.star-ava img {
border-radius: 100px;
height: 50px;
width: 50px; }
[data-role="content"] .star-quote h3.star-name {
text-align: left;
margin: 4px 0; }
[data-role="content"] .star-quote h3.star-name a {
color: #ff621d;
font-size: 16px;
font-weight: bold;
text-decoration: none; }
[data-role="content"] .star-quote .name-n-quote {
width: 80%; }
[data-role="content"] .star-quote p.quote {
position: relative;
text-align: justify; }
[data-role="content"] .star-quote.type1 .name-n-quote p.quote {
color: black;
font-size: 18px;
font-style: italic;
font-weight: bold;
line-height: 26px;
padding: 0 26px; }
[data-role="content"] .star-quote[type="StarQuote"] p.quote::before {
background: transparent url("https://static.mediacdn.vn/images/quote-sprite.png") no-repeat scroll left top;
content: "";
display: block;
height: 16px;
left: 0;
position: absolute;
top: 0;
width: 21px; }
[data-role="content"] .star-quote[type="StarQuote"] p.quote::after {
background: transparent url("https://static.mediacdn.vn/images/quote-sprite.png") no-repeat scroll left bottom;
bottom: 0;
content: "";
display: block;
height: 16px;
position: absolute;
right: 0;
width: 21px; }
[data-role="content"] .star-quote.type2 {
margin-right: 20px;
float: left;
padding: 2px 2px 2px 5px;
width: 240px;
box-sizing: content-box !important; }
[data-role="content"] .star-quote.type2 p.quote {
text-align: left;
color: black;
font-size: 18px;
font-style: italic;
font-weight: bold;
line-height: 26px;
margin-bottom: 15px;
padding: 0 26px; }
[data-role="content"] .star-quote.type2 .star-ava-n-name {
margin-left: 25px; }
[data-role="content"] .star-quote.type2 .star-ava-n-name h3.star-name {
float: left;
padding-top: 12px; }
[data-role="content"] .star-quote.type2 .star-ava-n-name a.star-ava {
margin-right: 10px;
height: 50px;
width: 50px; }
[data-role="content"] .star-quote.type3 p.quote {
color: black;
font-size: 14px;
font-style: italic;
font-weight: bold;
line-height: 20px;
margin-bottom: 15px;
padding: 0 22px; }
[data-role="content"] .k14-vote-quiz-wrapper {
width: 100%;
position: relative; }
[data-role="content"] .k14vqw-content {
padding: 30px;
background-size: cover;
background-repeat: no-repeat;
background-position: center top; }
[data-role="content"] .k14vqwc-header {
font-size: 30px;
line-height: 36px;
color: #fff;
letter-spacing: 2px;
padding-right: 150px;
position: relative;
margin-bottom: 30px; }
[data-role="content"] .vote-poll .k14vqwch-icon {
display: block;
width: 50px;
height: 50px;
background: url("https://static.mediacdn.vn/images/theremix-vote-sprite.png") left top #ff6d1a no-repeat;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
position: absolute;
top: 0;
right: 0; }
[data-role="content"] .k14vqwca-img {
display: block;
width: 60px;
height: 60px;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
float: left;
margin-right: 20px; }
[data-role="content"] .k14vqwca {
margin-bottom: 20px; }
[data-role="content"] .k14vqwca a {
display: block;
height: 60px;
padding: 0 20px;
font-size: 24px;
color: #fff;
line-height: 60px;
text-decoration: none;
margin-left: 80px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
position: relative;
transition: background-color 0.3s;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
z-index: 0; }
[data-role="content"] .k14vqwca a:hover {
background-color: rgba(255, 255, 255, 0.2); }
[data-role="content"] .k14vqwca a:hover:before {
display: block;
width: 26px;
height: 26px;
position: absolute;
top: 17px;
right: 20px;
background: url("https://static.mediacdn.vn/images/theremix-vote-sprite.png") -60px 0 no-repeat;
content: ''; }
[data-role="content"] .k14vqwca-label {
float: left; }
[data-role="content"] .k14vqwca-percent {
float: right;
display: none; }
[data-role="content"] .show-results .k14vqwca a:hover:before {
display: none; }
[data-role="content"] .show-results .k14vqwca-percentbar {
display: block; }
[data-role="content"] .show-results .user-selected {
background-color: rgba(255, 109, 26, 0.2); }
[data-role="content"] .show-results .user-selected:hover {
background-color: rgba(255, 109, 26, 0.2); }
[data-role="content"] .show-results .user-selected .k14vqwca-percentbar {
background-color: #ff6d1a; }
[data-role="content"] .show-results .k14vqwca-percent {
display: block; }
[data-role="content"] .btn-k14vqwcs {
display: block;
float: right;
padding: 0 20px;
height: 36px;
background-image: linear-gradient(#fff, #ddd);
border: 2px solid rgba(255, 255, 255, 0.1);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
font-size: 14px;
line-height: 36px;
color: #3b5998;
text-decoration: none; }
[data-role="content"] .btn-k14vqwcs span {
display: block;
padding-left: 18px;
position: relative; }
[data-role="content"] .btn-k14vqwcs span:before {
display: block;
width: 7px;
height: 13px;
position: absolute;
top: 50%;
margin-top: -7px;
left: 0;
background: url("https://static.mediacdn.vn/images/theremix-vote-sprite.png") -60px -36px no-repeat;
content: ''; }
[data-role="content"] .k14vqwca-percentbar {
position: absolute;
top: 0;
left: 0;
height: 100%;
transition: width linear 0.3s;
-webkit-transition: width linear 0.3s;
-moz-transition: width linear 0.3s;
background-color: rgba(255, 255, 255, 0.2);
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-bottom-left-radius: 4px;
display: none;
width: 0;
z-index: -1; }
[data-role="content"] .VCCharacterBox {
margin: 30px 0; }
[data-role="content"] .VCCharacterBox .VCCharacterBoxAvatar img {
padding: 0 !important; }
[data-role="content"] .VCCharacterBox[data-type="one"].VCCharacterBoxOuter {
border: medium solid #007f74;
border-width: 1px 1px 1px 18px; }
[data-role="content"] .VCCharacterBox[data-type="one"] .VCCharacterBoxInner {
border: medium solid #007f74;
border-width: 0 0 0 4px;
margin: 0 0 0 6px;
overflow: hidden;
padding: 69px 0 0;
position: relative; }
[data-role="content"] .VCCharacterBox[data-type="one"] .VCCharacterBoxHead {
height: 110px;
left: 20px;
overflow: hidden;
position: absolute;
top: 7px;
width: 100%; }
[data-role="content"] .VCCharacterBox[data-type="one"] .VCCharacterBoxTitle {
font-weight: bold;
text-transform: uppercase;
background-color: #007f74;
color: #fff;
height: 35px;
left: 109px;
line-height: 35px;
padding: 0 0 0 20px;
position: absolute;
top: 32px;
width: 100%;
text-align: left; }
[data-role="content"] .VCCharacterBox[data-type="one"] .VCCharacterBoxDescription {
font-weight: bold;
text-transform: uppercase;
color: #007f74;
font-size: 12px;
left: 120px;
position: absolute;
top: 12px; }
[data-role="content"] .VCCharacterBox[data-type="one"] .VCCharacterBoxAvatar {
position: absolute; }
[data-role="content"] .VCCharacterBox[data-type="one"] .VCCharacterBoxAvatar img {
height: 110px !important;
width: 109px !important; }
[data-role="content"] .VCCharacterBox[data-type="one"] .VCCharacterBoxAvatar:before {
background: url("https://static.mediacdn.vn/images/mask-tron-1.png") no-repeat scroll 0 0 transparent;
content: " ";
height: 110px;
left: 0;
position: absolute;
top: 0;
width: 109px;
z-index: 1; }
[data-role="content"] .VCCharacterBox[data-type="one"] .VCCharacterBoxContent {
font-size: 17px;
font-style: italic;
padding: 20px 0 20px 30px; }
[data-role="content"] .VCCharacterBox[data-type="one"] .VCCharacterBoxContent:before {
content: " ";
float: left;
height: 34px;
width: 120px; }
[data-role="content"] .VCCharacterBox[data-type="two"] {
background-color: #ebf1f1; }
[data-role="content"] .VCCharacterBox[data-type="two"] .VCCharacterBoxInner {
overflow: hidden;
padding: 69px 0 0;
position: relative; }
[data-role="content"] .VCCharacterBox[data-type="two"] .VCCharacterBoxHead {
height: 116px;
left: 0;
overflow: hidden;
position: absolute;
top: 7px;
width: 100%; }
[data-role="content"] .VCCharacterBox[data-type="two"] .VCCharacterBoxTitle {
font-weight: bold;
text-transform: uppercase;
background-color: #2f4a5f;
color: #fff;
height: 33px;
left: 0;
line-height: 33px;
padding: 0 0 0 150px;
position: absolute;
top: 40px;
width: 100%; }
[data-role="content"] .VCCharacterBox[data-type="two"] .VCCharacterBoxDescription {
font-weight: bold;
text-transform: uppercase;
color: #000;
font-size: 12px;
left: 150px;
position: absolute;
top: 20px; }
[data-role="content"] .VCCharacterBox[data-type="two"] .VCCharacterBoxAvatar {
left: 7px;
position: absolute;
z-index: 3; }
[data-role="content"] .VCCharacterBox[data-type="two"] .VCCharacterBoxAvatar img {
height: 116px !important;
width: 120px !important; }
[data-role="content"] .VCCharacterBox[data-type="two"] .VCCharacterBoxAvatar:before {
background: url("https://static.mediacdn.vn/images/mask-tron-2.png") no-repeat scroll 0 0 transparent;
content: " ";
height: 116px;
position: absolute;
top: 0;
width: 120px;
z-index: 1; }
[data-role="content"] .VCCharacterBox[data-type="two"] .VCCharacterBoxContent {
font-size: 17px;
padding: 20px 0 20px 30px; }
[data-role="content"] .VCCharacterBox[data-type="two"] .VCCharacterBoxContent:before {
content: " ";
float: left;
height: 34px;
width: 109px; }
[data-role="content"] .VCCharacterBox[data-type="two"].VCCharacterBoxOuter {
border: medium solid #2f4a5f;
border-width: 1px; }
[data-role="content"] .VCCharacterBox[data-type="three"] {
background-color: #dadada; }
[data-role="content"] .VCCharacterBox[data-type="three"] .VCCharacterBoxInner {
padding: 70px 0 0;
position: relative; }
[data-role="content"] .VCCharacterBox[data-type="three"] .VCCharacterBoxHead {
height: 70px;
left: 0;
position: absolute;
top: 0;
width: 100%; }
[data-role="content"] .VCCharacterBox[data-type="three"] .VCCharacterBoxTitle {
font-weight: bold;
text-transform: uppercase;
background-color: #b2afaf;
color: #000;
font-size: 18px;
height: 30px;
left: 130px;
line-height: 30px;
padding: 0 20px;
position: absolute;
top: 11px; }
[data-role="content"] .VCCharacterBox[data-type="three"] .VCCharacterBoxTitle:after {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #b2afaf #b2afaf;
border-image: none;
border-style: solid;
border-width: 15px 11px;
content: " ";
position: absolute;
right: -22px;
top: 0;
z-index: 1; }
[data-role="content"] .VCCharacterBox[data-type="three"] .VCCharacterBoxDescription {
font-weight: bold;
text-transform: uppercase;
background-color: #c51010;
color: #fff;
font-size: 12px;
height: 27px;
left: 130px;
line-height: 27px;
padding: 0 10% 0 20px;
position: absolute;
top: 43px; }
[data-role="content"] .VCCharacterBox[data-type="three"] .VCCharacterBoxAvatar {
left: 35px;
position: absolute;
top: -25px;
z-index: 3; }
[data-role="content"] .VCCharacterBox[data-type="three"] .VCCharacterBoxAvatar img {
height: 95px !important;
width: 95px !important; }
[data-role="content"] .VCCharacterBox[data-type="three"] .VCCharacterBoxAvatar:before {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #878181 #878181;
border-image: none;
border-style: solid;
border-width: 12.5px;
content: " ";
position: absolute;
right: -24px;
top: 0;
z-index: 1; }
[data-role="content"] .VCCharacterBox[data-type="three"] .VCCharacterBoxContent {
background-color: #e5eeeb;
color: #710000;
font-size: 17px;
padding: 20px 0 20px 30px; }
[data-role="content"] .VCCharacterBox[data-type="three"].VCCharacterBoxOuter {
border: medium solid #b5b5b5;
border-width: 1px; }
[data-role="content"] .VCCharacterBox[data-type="four"] {
background-color: #dadada; }
[data-role="content"] .VCCharacterBox[data-type="four"] .VCCharacterBoxInner {
padding: 85px 0 0;
position: relative; }
[data-role="content"] .VCCharacterBox[data-type="four"] .VCCharacterBoxHead {
height: 83px;
left: 0;
position: absolute;
top: 0;
width: 100%; }
[data-role="content"] .VCCharacterBox[data-type="four"] .VCCharacterBoxTitle {
font-weight: bold;
text-transform: uppercase;
color: #ba2a2a;
font-size: 25px;
height: 33px;
left: 110px;
line-height: 33px;
padding: 0 20px;
position: absolute;
top: 15px; }
[data-role="content"] .VCCharacterBox[data-type="four"] .VCCharacterBoxDescription {
font-weight: bold;
text-transform: uppercase;
color: #040304;
font-size: 13px;
height: 30px;
left: 130px;
line-height: 30px;
position: absolute;
top: 45px; }
[data-role="content"] .VCCharacterBox[data-type="four"] .VCCharacterBoxAvatar {
left: 10px;
position: absolute;
top: -25px;
z-index: 3; }
[data-role="content"] .VCCharacterBox[data-type="four"] .VCCharacterBoxAvatar img {
height: 107px !important;
width: 107px !important; }
[data-role="content"] .VCCharacterBox[data-type="four"] .VCCharacterBoxAvatar:before {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #878181 #878181;
border-image: none;
border-style: solid;
border-width: 12.5px;
content: " ";
position: absolute;
right: -24px;
top: 0;
z-index: 1; }
[data-role="content"] .VCCharacterBox[data-type="four"] .VCCharacterBoxContent {
color: #474545;
font-size: 17px;
padding: 20px 0 20px 30px; }
[data-role="content"] .VCCharacterBox[data-type="four"].VCCharacterBoxOuter {
border: medium solid #b5b5b5;
border-width: 1px; }
[data-role="content"] .VCCharacterBox[data-type="five"].VCCharacterBoxOuter {
border: medium solid #007f74;
border-width: 1px 1px 1px 18px; }
[data-role="content"] .VCCharacterBox[data-type="five"] .VCCharacterBoxInner {
border: medium solid #007f74;
border-width: 0 0 0 4px;
margin: 0 0 0 6px;
overflow: hidden;
padding: 69px 0 0;
position: relative; }
[data-role="content"] .VCCharacterBox[data-type="five"] .VCCharacterBoxHead {
height: 120px;
left: 10px;
overflow: hidden;
position: absolute;
top: 7px;
width: 100%; }
[data-role="content"] .VCCharacterBox[data-type="five"] .VCCharacterBoxTitle {
font-weight: bold;
text-transform: uppercase;
background-color: #007f74;
color: #fff;
height: 33px;
left: 134px;
line-height: 33px;
padding: 0 0 0 20px;
position: absolute;
top: 37px;
width: 100%;
text-align: left; }
[data-role="content"] .VCCharacterBox[data-type="five"] .VCCharacterBoxDescription {
font-weight: bold;
text-transform: uppercase;
color: #007f74;
font-size: 12px;
left: 134px;
position: absolute;
top: 12px; }
[data-role="content"] .VCCharacterBox[data-type="five"] .VCCharacterBoxAvatar {
position: absolute; }
[data-role="content"] .VCCharacterBox[data-type="five"] .VCCharacterBoxAvatar img {
height: 120px !important;
width: 134px !important; }
[data-role="content"] .VCCharacterBox[data-type="five"] .VCCharacterBoxAvatar:before {
background: url("https://static.mediacdn.vn/images/mask-lucgiac-1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
content: " ";
height: 120px;
left: 0;
position: absolute;
top: 0;
width: 134px;
z-index: 1; }
[data-role="content"] .VCCharacterBox[data-type="five"] .VCCharacterBoxContent {
font-size: 17px;
font-style: italic;
padding: 20px 0 20px 30px; }
[data-role="content"] .VCCharacterBox[data-type="five"] .VCCharacterBoxContent:before {
content: " ";
float: left;
height: 44px;
width: 125px; }
[data-role="content"] .VCCharacterBox[data-type="six"] {
background-color: #ebf1f1; }
[data-role="content"] .VCCharacterBox[data-type="six"] .VCCharacterBoxInner {
overflow: hidden;
padding: 69px 0 0;
position: relative; }
[data-role="content"] .VCCharacterBox[data-type="six"] .VCCharacterBoxHead {
height: 116px;
left: 0;
overflow: hidden;
position: absolute;
top: 3px;
width: 100%; }
[data-role="content"] .VCCharacterBox[data-type="six"] .VCCharacterBoxTitle {
font-weight: bold;
text-transform: uppercase;
background-color: #2f4a5f;
color: #fff;
height: 33px;
left: 0;
line-height: 33px;
padding: 0 0 0 150px;
position: absolute;
top: 40px;
width: 100%;
text-align: left; }
[data-role="content"] .VCCharacterBox[data-type="six"] .VCCharacterBoxDescription {
font-weight: bold;
text-transform: uppercase;
color: #000;
font-size: 12px;
left: 145px;
position: absolute;
top: 20px; }
[data-role="content"] .VCCharacterBox[data-type="six"] .VCCharacterBoxAvatar {
left: 7px;
position: absolute;
top: 3px;
z-index: 3; }
[data-role="content"] .VCCharacterBox[data-type="six"] .VCCharacterBoxAvatar img {
height: 107px !important;
width: 125px !important; }
[data-role="content"] .VCCharacterBox[data-type="six"] .VCCharacterBoxAvatar:before {
background: url("https://static.mediacdn.vn/images/mask-lucgiac-2.png") no-repeat scroll 0 0 transparent;
content: " ";
height: 107px;
position: absolute;
top: 0;
width: 125px;
z-index: 1; }
[data-role="content"] .VCCharacterBox[data-type="six"] .VCCharacterBoxContent {
font-size: 17px;
padding: 20px 0 20px 30px; }
[data-role="content"] .VCCharacterBox[data-type="six"] .VCCharacterBoxContent:before {
content: " ";
float: left;
height: 34px;
width: 109px; }
[data-role="content"] .VCCharacterBox[data-type="six"].VCCharacterBoxOuter {
border: medium solid #2f4a5f;
border-width: 1px; }
[data-role="content"] .VCUserQuoteInsertWrapper {
position: relative;
height: 100%;
width: 400px; }
[data-role="content"] .VCUserQuoteInsertWrapper input[type=text] {
padding: 0 10px;
border: 1px solid #c0c0c0;
color: #000;
font: 12px/22px;
height: 30px;
width: 99%; }
[data-role="content"] .VCUserQuoteInsertWrapper table {
width: 100%; }
[data-role="content"] .VCUserQuoteInsertWrapper tr td {
padding: 10px 0; }
[data-role="content"] .VCUserQuoteInsertWrapper tr td:first-child {
width: 100px; }
[data-role="content"] .VCUserQuoteInsertWrapper #IMSVcUserQuote_Avatar {
height: 50px !important;
width: 50px !important; }
[data-role="content"] .VCUserQuoteInsertWrapper #IMSVcUserQuote_Type {
width: 99%;
padding: 0 10px;
height: 30px; }
[data-role="content"] .VCUserQuoteInsertWrapper #IMSVcUserQuote_Type option {
padding: 0 10px;
resize: none; }
[data-role="content"] .VCUserQuoteInsertWrapper #IMSVcUserQuote_Content {
width: 99%;
border: 1px solid #ccc;
height: 99px;
padding: 10px;
font: 12px/22px; }
[data-role="content"] .VCUserQuoteInsertWrapper .plugincontent-wrapper {
padding: 10px;
height: 86%;
overflow-y: auto; }
[data-role="content"] .VCSortableInPreviewMode[type=MadeByMe] {
width: 100%;
display: inline-block;
clear: both;
margin-bottom: 30px; }
[data-role="content"] .VCSortableInPreviewMode[type=MadeByMe] .MadeByMePhoto img {
width: 100%;
max-width: 100%; }
[data-role="content"] .VCSortableInPreviewMode[type=MadeByMe] .MadeByMeText {
display: inline;
width: 100%;
text-align: left; }
[data-role="content"] .VCSortableInPreviewMode[type=MadeByMe] p {
font-style: italic;
padding-bottom: 20px; }
[data-role="content"] .VCSortableInPreviewMode[type=MadeByMe] p.MadeByMeStepTitle {
font-weight: bold;
text-decoration: underline;
padding-bottom: 20px; }
[data-role="content"] .VCSortableInPreviewMode[type="MadeByMe"] .MadeByMePhoto {
float: left;
margin-right: 20px;
vertical-align: top;
width: 400px; }
[data-role="content"] .VCSortableInPreviewMode[type="MadeByMe"].PhotoRightTextLeft .MadeByMePhoto {
float: right;
margin-left: 20px; }
[data-role="content"] .VCSortableInPreviewMode[type="profilecontentbox"] {
display: block;
text-align: left;
border: 2px solid #FECB2E;
background-color: #FFFBF1;
width: 350px;
padding: 20px 25px 15px; }
[data-role="content"] .VCSortableInPreviewMode[type="profilecontentbox"] > div:first-child {
border-bottom: 1px solid #e9dec6;
display: inline-block;
margin-bottom: 15px;
padding: 0 0 23px;
text-align: center;
width: 100%; }
[data-role="content"] .VCSortableInPreviewMode[type="profilecontentbox"] > div:first-child img {
border-radius: 50%;
float: none;
height: 85px;
margin: 0 auto;
width: 85px; }
[data-role="content"] .VCSortableInPreviewMode[type="profilecontentbox"] > div:first-child > div {
clear: both;
float: none;
padding-top: 3px;
text-align: center;
width: 100%; }
[data-role="content"] .VCSortableInPreviewMode[type="profilecontentbox"] > div:first-child > div p {
font-size: 16px;
line-height: 20px; }
[data-role="content"] .VCSortableInPreviewMode[type="profilecontentbox"] > div:first-child > div p:first-child {
text-transform: uppercase;
font-size: 20px;
line-height: 33px; }
[data-role="content"] .VCSortableInPreviewMode[type="profilecontentbox"] > div ul.NLProfileInfo li {
list-style-type: disc;
color: #FECB2E;
font-size: 10px; }
[data-role="content"] .VCSortableInPreviewMode[type="profilecontentbox"] > div ul.NLProfileInfo li p {
line-height: 20px;
margin-bottom: 5px;
color: #000;
font-size: 15px;
line-height: 20px;
color: #000;
font-size: 15px; }
[data-role="content"] .VCSortableInPreviewMode[type="profilecontentbox"].alignJustify {
width: 100%; }
[data-role="content"] .VCSortableInPreviewMode.alignCenter {
margin: 0 auto 15px;
display: block; }
[data-role="content"] .widget-box.alignCenter {
margin: 0 auto 15px;
display: block; }
[data-role="content"] .VCSortableInPreviewMode.alignJustify {
width: 100%; }
[data-role="content"] .widget-box.alignJustify {
width: 100%; }
[data-role="content"] .VCSortableInPreviewMode.alignLeft {
float: left;
margin-right: 20px;
width: 45%;
margin-right: 15px !important; }
[data-role="content"] .widget-box.alignLeft {
float: left;
margin-right: 20px;
width: 45%;
margin-right: 15px !important; }
[data-role="content"] .VCSortableInPreviewMode.alignLeftOverflow {
float: left;
margin-left: -200px;
margin-right: 20px;
width: 450px; }
[data-role="content"] .widget-box.alignLeftOverflow {
float: left;
margin-left: -200px;
margin-right: 20px;
width: 450px; }
[data-role="content"] .VCSortableInPreviewMode.alignRight {
float: right;
margin-left: 15px;
width: 45%; }
[data-role="content"] .widget-box.alignRight {
float: right;
margin-left: 15px;
width: 45%; }
[data-role="content"] .VCSortableInPreviewMode.alignRightOverflow {
float: right;
margin-right: -160px;
width: 450px;
margin-left: 40px; }
[data-role="content"] .widget-box.alignRightOverflow {
float: right;
margin-right: -160px;
width: 450px;
margin-left: 40px; }
[data-role="content"] .VCSortableInPreviewMode.alignCenterOverflow {
margin-left: 0;
width: 100%;
width: 100%;
max-width: 100%; }
[data-role="content"] .widget-box.alignCenterOverflow {
margin-left: 0;
width: 100%;
width: 100%;
max-width: 100%; }
[data-role="content"] .alignCenterOverflow.VCSortableInPreviewMode[type="Photo"] img {
width: 100%; }
[data-role="content"] .alignJustify.VCSortableInPreviewMode[type="Photo"] img {
width: 100%; }
[data-role="content"] .fancybox-opening {
opacity: 1;
display: block; }
[data-role="content"] .fancybox-type-image a.fancybox-close {
display: none; }
[data-role="content"] .fancybox-type-image a.fancybox-expand {
display: none; }
[data-role="content"] .fancybox-type-image a.fancybox-nav span {
display: none; }
[data-role="content"] .fancybox-closing {
opacity: 0 !important; }
[data-role="content"] .fancybox-image {
cursor: zoom-out;
cursor: -webkit-zoom-out;
cursor: -moz-zoom-out; }
[data-role="content"] .fancybox-next {
cursor: url("https://static.mediacdn.vn/images/sp-next-cursor.png"), auto !important; }
[data-role="content"] .lightbox .lb-next {
cursor: url("https://static.mediacdn.vn/images/sp-next-cursor.png"), auto !important; }
[data-role="content"] .lightbox .lb-prev {
cursor: url("https://static.mediacdn.vn/images/sp-prev-cursor.png"), auto !important; }
[data-role="content"] .fancybox-prev {
cursor: url("https://static.mediacdn.vn/images/sp-prev-cursor.png"), auto !important; }
[data-role="content"] .fancybox-expand {
display: none; }
[data-role="content"] .fancybox-title-outside-wrap {
width: auto;
color: #666 !important;
text-shadow: none !important;
padding-top: 0px;
font-size: 15px;
line-height: 19px;
padding-right: 20px; }
[data-role="content"] .detail-img-lightbox {
cursor: zoom-in;
display: block; }
[data-role="content"] .VCCTable {
width: 100%;
border-collapse: collapse;
border-color: #999;
border: none; }
[data-role="content"] .MsoNormalTable {
width: 100%;
border-collapse: collapse;
border-color: #999;
border: none; }
[data-role="content"] .VCSortableInPreviewMode[type="BoxTable"] tr {
border: 1px solid;
border-color: #333;
padding: 5px; }
[data-role="content"] .VCSortableInPreviewMode[type="BoxTable"] th {
border: 1px solid;
border-color: #333;
padding: 5px; }
[data-role="content"] .VCSortableInPreviewMode[type="BoxTable"] td {
border: 1px solid;
border-color: #333;
padding: 5px; }
[data-role="content"] .VCSortableInPreviewMode[type="insertembedcode"] iframe {
max-width: 100%;
margin: 0 auto;
display: block; }
[data-role="content"] input[type=checkbox].IMSCheckbox {
display: none; }
[data-role="content"] input[type=checkbox].IMSCheckbox + label.IMSCheckboxLabel {
padding-left: 16px;
height: 16px;
display: inline-block;
line-height: 16px;
background-repeat: no-repeat;
background-position: -5px -5px;
font-size: 15px;
vertical-align: middle;
cursor: pointer;
text-indent: 8px; }
[data-role="content"] input[type=checkbox].IMSCheckbox + label.IMSCheckboxLabel:hover {
background-position: -5px -37px; }
[data-role="content"] input[type=checkbox].IMSCheckbox + label.IMSCheckboxLabel:disabled:hover {
background-position: -5px -5px; }
[data-role="content"] input[type=checkbox].IMSCheckbox:checked + label.IMSCheckboxLabel {
background-position: -5px -67px;
white-space: nowrap; }
[data-role="content"] input[type=checkbox].IMSCheckbox:disabled:checked + label.IMSCheckboxLabel {
background-position: -5px -67px; }
[data-role="content"] input[type=checkbox].IMSCheckbox.checked + label.IMSCheckboxLabel {
background-position: -5px -67px;
white-space: nowrap; }
[data-role="content"] input[type=checkbox].IMSCheckbox.IMSSmall {
display: none; }
[data-role="content"] input[type=checkbox].IMSCheckbox.IMSSmall + label.IMSCheckboxLabel {
padding-left: 13px;
height: 13px;
display: inline-block;
line-height: 13px;
background-repeat: no-repeat;
background-position: -5px -243px;
font-size: 12px;
vertical-align: middle;
cursor: pointer;
text-indent: 4px; }
[data-role="content"] input[type=checkbox].IMSCheckbox.IMSSmall + label.IMSCheckboxLabel:hover {
background-position: -5px -274px; }
[data-role="content"] input[type=checkbox].IMSCheckbox.IMSSmall:checked + label.IMSCheckboxLabel {
background-position: -5px -305px; }
[data-role="content"] input[type=checkbox].IMSCheckbox.IMSSmall:disabled + label.IMSCheckboxLabel {
background-position: -5px -335px; }
[data-role="content"] input[type=checkbox].IMSCheckbox.IMSSmall.checked + label.IMSCheckboxLabel {
background-position: -5px -305px; }
[data-role="content"] input[type=radio].IMSRadio {
display: none; }
[data-role="content"] input[type=radio].IMSRadio + label.IMSRadioLabel {
padding-left: 16px;
height: 16px;
display: inline-block;
line-height: 16px;
background-repeat: no-repeat;
background-position: -6px -125px;
font-size: 15px;
cursor: pointer;
text-indent: 8px; }
[data-role="content"] input[type=radio].IMSRadio + label.IMSRadioLabel:hover {
background-position: -6px -159px; }
[data-role="content"] input[type=radio].IMSRadio:checked + label.IMSRadioLabel {
background-position: -6px -188px; }
[data-role="content"] input[type=radio].IMSRadio:disabled + label.IMSRadioLabel {
background-position: -6px -216px; }
[data-role="content"] input[type=radio].IMSRadio.checked + label.IMSRadioLabel {
background-position: -6px -188px; }
[data-role="content"] input[type=radio].IMSRadio.IMSSmall {
display: none; }
[data-role="content"] input[type=radio].IMSRadio.IMSSmall + label.IMSRadioLabel {
padding-left: 16px;
height: 16px;
display: inline-block;
line-height: 16px;
background-repeat: no-repeat;
background-position: -6px -125px;
font-size: 15px;
vertical-align: middle;
cursor: pointer;
text-indent: 8px; }
[data-role="content"] input[type=radio].IMSRadio.IMSSmall + label.IMSRadioLabel:hover {
background-position: -6px -159px; }
[data-role="content"] input[type=radio].IMSRadio.IMSSmall:checked + label.IMSRadioLabel {
background-position: -6px -188px; }
[data-role="content"] input[type=radio].IMSRadio.IMSSmall:disabled + label.IMSRadioLabel {
background-position: -6px -216px; }
[data-role="content"] input[type=radio].IMSRadio.IMSSmall.checked + label.IMSRadioLabel {
background-position: -6px -188px; }
[data-role="content"] .IMSCheckboxLabel {
background-image: url("https://static.mediacdn.vn/web_images/IMS-radio-checkbox-icons.png"); }
[data-role="content"] .IMSRadioLabel {
background-image: url("https://static.mediacdn.vn/web_images/IMS-radio-checkbox-icons.png"); }
[data-role="content"] .backgroundoff .IMSCheckboxLabel {
background-image: none;
background: none; }
[data-role="content"] .backgroundoff .IMSRadioLabel {
background-image: none;
background: none; }
[data-role="content"] .VCSortableInPreviewMode[type="sliderimages"] {
width: 100%;
box-sizing: border-box;
width: 100%;
box-sizing: border-box; }
[data-role="content"] .VCSortableInPreviewMode[type="sliderimages"] .slider-wrap {
box-sizing: border-box;
position: relative;
overflow: hidden;
box-sizing: border-box;
position: relative;
overflow: hidden; }
[data-role="content"] .VCSortableInPreviewMode[type="sliderimages"] .slider-wrap:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%; }
[data-role="content"] .VCSortableInPreviewMode[type="sliderimages"] .slider-wrap.show-thumbs {
height: 400px;
height: 480px; }
[data-role="content"] .VCSortableInPreviewMode[type="sliderimages"] .slider-wrap.show-thumbs .swiper-container:not(.gallery-thumbs) {
height: 480px;
height: 400px; }
[data-role="content"] .VCSortableInPreviewMode[type="sliderimages"] ul.swiper-wrapper {
list-style: none;
list-style: none;
margin: 0px;
padding: 0px; }
[data-role="content"] .VCSortableInPreviewMode[type="sliderimages"] .swiper-slide {
height: 400px;
float: left;
float: left; }
[data-role="content"] .VCSortableInPreviewMode[type="sliderimages"] .swiper-container .swiper-slide figure {
margin: 0px;
padding: 0px;
margin: 0px;
padding: 0px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%; }
[data-role="content"] .VCSortableInPreviewMode[type="sliderimages"] .swiper-container .swiper-slide img {
width: 100%;
height: 100%;
object-fit: contain;
max-width: 100%;
max-height: 100%; }
[data-role="content"] .VCSortableInPreviewMode[type="sliderimages"] .swiper-container.gallery-thumbs {
height: 80px;
box-sizing: border-box;
padding: 10px 0;
height: 80px;
box-sizing: border-box;
padding: 10px 0; }
[data-role="content"] .VCSortableInPreviewMode[type="sliderimages"] .swiper-container.gallery-thumbs .swiper-slide {
width: 120px;
height: 100%;
margin-right: 10px;
width: 120px;
height: 100%;
margin-right: 10px; }
[data-role="content"] .VCSortableInPreviewMode[type="sliderimages"] .swiper-container.gallery-thumbs .swiper-slide:last-child {
margin-right: 0px;
margin-right: 0px; }
[data-role="content"] .VCSortableInPreviewMode[type="sliderimages"] .swiper-container.gallery-thumbs .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover; }
[data-role="content"] .VCSortableInPreviewMode[type="sliderimages"] ul > li {
list-style: none; }
[data-role="content"] .zalo-share-button .zaloshare {
position: relative;
left: 6px;
top: -1px; }
[data-role="content"] .VCSortableInPreviewMode[type="blockquote"] {
margin: 20px auto;
padding: 0px;
display: block;
box-sizing: border-box; }
[data-role="content"] .VCSortableInPreviewMode[type="blockquote"] p {
margin: 0px 0px 15px 0px; }
[data-role="content"] .VCSortableInPreviewMode[type="blockquote"]:before {
content: "\f10d";
font: normal normal normal 14px/1 font-icons;
position: absolute;
top: -10px;
left: 0px; }
[data-role="content"] .VCSortableInPreviewMode[type="blockquote"]:after {
content: "\f10e";
font: normal normal normal 14px/1 font-icons;
position: absolute;
bottom: -15px;
right: 0px; }
[data-role="content"] .VCSortableInPreviewMode[type="embed-link-preview"] {
width: 100%;
border-radius: 6px; }
[data-role="content"] .VCSortableInPreviewMode[type="embed-link-preview"] .embed-link-image-wrapper {
border-radius: 6px 6px 0px 0px; }
[data-role="content"] .VCSortableInPreviewMode[type="embed-link-preview"] .embed-link-image-wrapper img {
width: 100%;
display: block;
border-radius: 6px 6px 0px 0px; }
[data-role="content"] .VCSortableInPreviewMode[type="embed-link-preview"] .embed-link-info-wrapper {
padding: 12px 15px;
background: #ebebeb;
border-radius: 0px 0px 6px 6px; }
[data-role="content"] .VCSortableInPreviewMode[type="embed-link-preview"] .embed-link-info-wrapper .link-title {
font-size: 20px;
line-height: 26px;
color: #111;
font-weight: 600; }
[data-role="content"] .VCSortableInPreviewMode[type="embed-link-preview"] .embed-link-info-wrapper a {
color: inherit; }
[data-role="content"] .VCSortableInPreviewMode[type="embed-link-preview"] .embed-link-info-wrapper a:hover {
text-decoration: none;
border-bottom: none; }
[data-role="content"] .VCSortableInPreviewMode[type="embed-link-preview"] .embed-link-info-wrapper .link-description {
font-size: 13px;
line-height: 17px;
margin: 10px 0 0;
color: #888888; }
[data-role="content"] .VCSortableInPreviewMode[type="embed-link-preview"] .embed-link-info-wrapper .link-source {
font-size: 13px;
line-height: 17px;
color: #888;
margin-top: 10px; }
[data-role="content"] .VCSortableInPreviewMode[type="embed-link-preview"] .embed-link-info-wrapper .link-source .icon-open-link {
width: 16px;
height: 16px;
display: block;
background: transparent url("https://static.mediacdn.vn/images/external-link.svg") center center no-repeat;
float: right; }
[data-role="content"] .VCSortableInPreviewMode[type="embed-link-preview"].layout-row {
display: flex;
flex-direction: row;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse; }
[data-role="content"] .VCSortableInPreviewMode[type="embed-link-preview"].layout-row .embed-link-image-wrapper {
width: 224px;
border-radius: 0px 6px 6px 0px;
flex: none; }
[data-role="content"] .VCSortableInPreviewMode[type="embed-link-preview"].layout-row .embed-link-image-wrapper img {
object-fit: cover;
height: 100%;
width: 100%;
border-radius: 0px 6px 6px 0px; }
[data-role="content"] .VCSortableInPreviewMode[type="embed-link-preview"].layout-row .embed-link-info-wrapper {
flex-grow: 1;
background: #ebebeb;
border-radius: 6px 0px 0px 6px;
overflow: hidden; }
[data-role="content"] .VCSortableInPreviewMode[type="embed-link-preview"].layout-row .embed-link-info-wrapper .link-title {
font-size: 17px;
line-height: 21px; }
[data-role="content"] .VCSortableInPreviewMode[type="embed-link-preview"].layout-row .embed-link-info-wrapper .link-description {
display: block;
margin-top: 5px; }
[data-role="content"] .VCSortableInPreviewMode[type="embed-link-preview"].layout-row .embed-link-info-wrapper .link-source {
margin-top: 6px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
[data-role="content"] .VCSortableInPreviewMode[type="embed-link-preview"].alignRight {
width: 250px !important;
float: right; }
[data-role="content"] .VCSortableInPreviewMode[type="embed-link-preview"].alignRight .embed-link-info-wrapper .link-title {
font-size: 17px;
line-height: 21px; }
[data-role="content"] .VCSortableInPreviewMode[type="embed-link-preview"].alignRight .embed-link-info-wrapper .link-description {
display: none; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"] {
width: 100%;
background: #f3faff;
padding: 35px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #f4fcee;
border-radius: 12px;
border: 1px solid #92c586; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"] .quote-content {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 28px;
color: #333333;
position: relative;
padding-top: 60px;
width: 100%; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"] .quote-content::before {
width: 54px;
height: 40px;
display: block;
content: "";
position: absolute;
top: 0px;
left: 0px;
background-color: #0959AB;
-webkit-mask: url("https://static.mediacdn.vn/images/quote-icon1.svg") no-repeat 50% 50%;
mask: url("https://static.mediacdn.vn/images/quote-icon1.svg") no-repeat 50% 50%;
-webkit-mask-size: contain;
mask-size: contain; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"] .quote-content.has-border {
border-bottom: 1px dotted #333333;
padding-bottom: 24px; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"] .quote-author-info {
margin: 20px auto 0px auto;
display: flex;
justify-content: space-between;
width: 100%;
line-height: 40px; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"] .quote-author-info .q-avatar {
width: 40px;
height: 40px;
border-radius: 100%;
background: #c7c7c7;
border: 1px solid rgba(0, 0, 0, 0.2);
display: inline-block;
flex: none;
margin-right: 10px; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"] .quote-author-info .q-avatar img {
width: 100%;
height: 100%;
border-radius: 100%;
display: block;
object-fit: cover; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"] .quote-author-info .q-name {
font-style: normal;
font-weight: 600;
font-size: 16px;
color: #888888; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"] .q-link {
font-style: normal;
font-weight: normal;
font-size: 16px;
color: #aaaaaa;
flex-grow: 1;
text-align: right; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"] .q-link a {
color: #aaaaaa;
font-style: normal;
font-weight: 600;
font-size: 16px; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"] .q-link a::after {
content: "";
background: url("https://static.mediacdn.vn/images/icon-svg-link.svg") no-repeat center center;
width: 18px;
height: 18px;
display: inline-block;
margin-left: 5px;
position: relative;
background-size: 14px;
filter: invert(60%) sepia(2%) saturate(0%) hue-rotate(154deg) brightness(90%) contrast(87%);
top: 3px; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"][data-layout="center"] .quote-content {
text-align: center; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"][data-layout="center"] .quote-content::before {
left: calc((100% - 32px) / 2); }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"][data-layout="top-center"] {
margin-top: 30px;
overflow: visible; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"][data-layout="top-center"] .quote-content {
padding-top: 0px;
text-align: center; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"][data-layout="top-center"] .quote-content::before {
left: calc((100% - 32px) / 2);
top: -60px;
border-top: 1px solid #92c586;
border-radius: 50%;
background-color: #f4fcee;
color: #fff;
position: absolute;
width: 55px;
height: 55px;
background-size: 40px;
display: none; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"][data-layout="top-center"] .icon-quote {
position: absolute;
left: 0;
margin: 0 auto;
right: 0px;
top: -27px;
z-index: 2;
width: 55px;
height: 55px;
background-color: #ffffff;
border-radius: 50%;
object-fit: cover;
background-position: center;
border-top: 1px solid #e5e5e5; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"][data-layout="top-center"] .icon-quote:after {
position: absolute;
content: '';
background-color: #0959AB;
-webkit-mask: url("https://static.mediacdn.vn/images/quote-icon1.svg") no-repeat 50% 50%;
mask: url("https://static.mediacdn.vn/images/quote-icon1.svg") no-repeat 50% 50%;
-webkit-mask-size: contain;
mask-size: contain;
display: inline-block;
width: 36px;
height: 30px;
top: 10px;
left: 10px; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"][data-layout="middle-left"] {
padding: 15px 35px; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"][data-layout="middle-left"] .quote-content {
padding-top: 15px;
text-indent: 70px; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"][data-layout="middle-left"] .quote-content::before {
top: 0px; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"][data-layout="middle-left"] .quote-content.has-border {
padding-top: 30px;
border-bottom: none;
border-top: 1px dotted #333; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"][data-layout="middle-left"] .quote-content.has-border::before {
top: 15px; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"][data-layout="middle-left"] .quote-author-info {
flex-direction: column;
justify-content: center;
text-align: center;
align-items: center;
margin: 0px 0px 20px 0px;
line-height: 18px; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"][data-layout="middle-left"] .q-avatar {
margin: 0px;
margin-bottom: 15px; }
[data-role="content"] .VCSortableInPreviewMode[type="block-quote-info"][data-layout="middle-left"] .q-link {
text-align: right;
justify-content: center;
align-items: center;
display: flex; }
[data-role="content"] .VCSortableInPreviewMode[type="photoinfo"] .photo-wrap {
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
background: #f4f4f4; }
[data-role="content"] .VCSortableInPreviewMode[type="photoinfo"] .photo-wrap .photo-description {
box-sizing: border-box;
padding: 30px 36px;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 24px;
color: #888888;
flex-grow: 1;
overflow-y: auto;
overflow-y: auto;
scrollbar-color: #e6e6e6 #f4f4f4;
scrollbar-width: thin; }
[data-role="content"] .VCSortableInPreviewMode[type="photoinfo"] .photo-wrap .photo-description::-webkit-scrollbar {
width: 6px;
border-radius: 4px;
background: transparent;
transition: all 0.3s ease; }
[data-role="content"] .VCSortableInPreviewMode[type="photoinfo"] .photo-wrap .photo-description::-webkit-scrollbar:hover {
background: #f4f4f4; }
[data-role="content"] .VCSortableInPreviewMode[type="photoinfo"] .photo-wrap .photo-description::-webkit-scrollbar-track {
background-color: transparent; }
[data-role="content"] .VCSortableInPreviewMode[type="photoinfo"] .photo-wrap .photo-description::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 4px;
width: 6px; }
[data-role="content"] .VCSortableInPreviewMode[type="photoinfo"] .photo-wrap .photo-place-holder {
width: 380px;
flex: none; }
[data-role="content"] .VCSortableInPreviewMode[type="photoinfo"] .photo-wrap .photo-place-holder img {
width: 100%;
display: block; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"] {
display: grid;
grid-gap: 5px;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(12, 1fr);
overflow: hidden;
max-width: 100%; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"] .media-item {
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
display: none;
overflow: hidden; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"] .media-item img {
width: 100%;
height: 100%;
object-fit: cover; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"] .media-item .detail-img-lightbox {
width: 100%;
height: 100%;
object-fit: cover; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"] .media-item[data-more] {
position: relative; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"] .media-item[data-more]:before {
pointer-events: none;
content: "";
display: block;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
position: absolute;
width: 100%;
height: 100%;
z-index: 1; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"] .media-item[data-more]:after {
z-index: 2;
content: attr(data-more);
display: block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
font-style: normal;
font-weight: 600;
font-size: 40px;
text-align: center;
pointer-events: none;
color: #ffffff; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"] .PhotoCMS_Caption {
display: block;
grid-column-start: 1;
grid-column-end: 13;
margin-top: -5px; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"] .grid-row {
padding: 0;
margin: 0 0 5px 0;
width: 100%;
box-sizing: border-box;
display: flex; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"] .grid-row .media-item {
display: inline-block;
padding: 0;
margin: 0;
margin-left: 5px;
overflow: hidden;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"] .grid-row .media-item:first-child {
margin-left: 0px; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"] .grid-row .media-item img {
width: 100%;
display: block; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="default"] {
display: flex;
flex-direction: column;
height: unset; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-11"] .media-item:nth-child(1) {
display: block;
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 1;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-11"] .media-item:nth-child(2) {
display: block;
grid-column-start: 7;
grid-column-end: 13;
grid-row-start: 1;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-11"] .media-item:nth-child(1) {
display: block;
grid-column-start: 1;
grid-column-end: 13;
grid-row-start: 1;
grid-row-end: 7; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-11"] .media-item:nth-child(2) {
display: block;
grid-column-start: 1;
grid-column-end: 13;
grid-row-start: 7;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-12"] .media-item:nth-child(1) {
display: block;
grid-column-start: 1;
grid-column-end: 13;
grid-row-start: 1;
grid-row-end: 8; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-12"] .media-item:nth-child(2) {
display: block;
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 8;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-12"] .media-item:nth-child(3) {
display: block;
grid-column-start: 7;
grid-column-end: 13;
grid-row-start: 8;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-21"] .media-item:nth-child(1) {
display: block;
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 1;
grid-row-end: 6; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-21"] .media-item:nth-child(2) {
display: block;
grid-column-start: 7;
grid-column-end: 13;
grid-row-start: 1;
grid-row-end: 6; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-21"] .media-item:nth-child(3) {
display: block;
grid-column-start: 1;
grid-column-end: 13;
grid-row-start: 6;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-12"] .media-item:nth-child(1) {
display: block;
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 1;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-12"] .media-item:nth-child(2) {
display: block;
grid-column-start: 7;
grid-column-end: 13;
grid-row-start: 1;
grid-row-end: 7; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-12"] .media-item:nth-child(3) {
display: block;
grid-column-start: 7;
grid-column-end: 13;
grid-row-start: 7;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-21"] .media-item:nth-child(1) {
display: block;
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 1;
grid-row-end: 7; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-21"] .media-item:nth-child(2) {
display: block;
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 7;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-21"] .media-item:nth-child(3) {
display: block;
grid-column-start: 7;
grid-column-end: 13;
grid-row-start: 1;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-22"] .media-item:nth-child(1) {
display: block;
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 1;
grid-row-end: 7; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-22"] .media-item:nth-child(2) {
display: block;
grid-column-start: 7;
grid-column-end: 13;
grid-row-start: 1;
grid-row-end: 7; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-22"] .media-item:nth-child(3) {
display: block;
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 7;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-22"] .media-item:nth-child(4) {
display: block;
grid-column-start: 7;
grid-column-end: 13;
grid-row-start: 7;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-13"] .media-item:nth-child(1) {
display: block;
grid-column-start: 1;
grid-column-end: 13;
grid-row-start: 1;
grid-row-end: 9; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-13"] .media-item:nth-child(2) {
display: block;
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 9;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-13"] .media-item:nth-child(3) {
display: block;
grid-column-start: 5;
grid-column-end: 9;
grid-row-start: 9;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-13"] .media-item:nth-child(4) {
display: block;
grid-column-start: 9;
grid-column-end: 13;
grid-row-start: 9;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-13"] .media-item:nth-child(1) {
display: block;
grid-column-start: 1;
grid-column-end: 9;
grid-row-start: 1;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-13"] .media-item:nth-child(2) {
display: block;
grid-column-start: 9;
grid-column-end: 13;
grid-row-start: 1;
grid-row-end: 5; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-13"] .media-item:nth-child(3) {
display: block;
grid-column-start: 9;
grid-column-end: 13;
grid-row-start: 5;
grid-row-end: 9; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-13"] .media-item:nth-child(4) {
display: block;
grid-column-start: 9;
grid-column-end: 13;
grid-row-start: 9;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-13-50"] .media-item:nth-child(1) {
display: block;
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 1;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-13-50"] .media-item:nth-child(2) {
display: block;
grid-column-start: 7;
grid-column-end: 13;
grid-row-start: 1;
grid-row-end: 5; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-13-50"] .media-item:nth-child(3) {
display: block;
grid-column-start: 7;
grid-column-end: 13;
grid-row-start: 5;
grid-row-end: 9; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-13-50"] .media-item:nth-child(4) {
display: block;
grid-column-start: 7;
grid-column-end: 13;
grid-row-start: 9;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-23"] .media-item:nth-child(1) {
display: block;
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 1;
grid-row-end: 8; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-23"] .media-item:nth-child(2) {
display: block;
grid-column-start: 7;
grid-column-end: 13;
grid-row-start: 1;
grid-row-end: 8; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-23"] .media-item:nth-child(3) {
display: block;
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 8;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-23"] .media-item:nth-child(4) {
display: block;
grid-column-start: 5;
grid-column-end: 9;
grid-row-start: 8;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-23"] .media-item:nth-child(5) {
display: block;
grid-column-start: 9;
grid-column-end: 13;
grid-row-start: 8;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-23"] .media-item:nth-child(1) {
display: block;
grid-column-start: 1;
grid-column-end: 8;
grid-row-start: 1;
grid-row-end: 7; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-23"] .media-item:nth-child(2) {
display: block;
grid-column-start: 1;
grid-column-end: 8;
grid-row-start: 7;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-23"] .media-item:nth-child(3) {
display: block;
grid-column-start: 8;
grid-column-end: 13;
grid-row-start: 1;
grid-row-end: 5; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-23"] .media-item:nth-child(4) {
display: block;
grid-column-start: 8;
grid-column-end: 13;
grid-row-start: 5;
grid-row-end: 9; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-23"] .media-item:nth-child(5) {
display: block;
grid-column-start: 8;
grid-column-end: 13;
grid-row-start: 9;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-33"] .media-item:nth-child(1) {
display: block;
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 1;
grid-row-end: 7; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-33"] .media-item:nth-child(2) {
display: block;
grid-column-start: 5;
grid-column-end: 9;
grid-row-start: 1;
grid-row-end: 7; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-33"] .media-item:nth-child(3) {
display: block;
grid-column-start: 9;
grid-column-end: 13;
grid-row-start: 1;
grid-row-end: 7; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-33"] .media-item:nth-child(4) {
display: block;
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 7;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-33"] .media-item:nth-child(5) {
display: block;
grid-column-start: 5;
grid-column-end: 9;
grid-row-start: 7;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-33"] .media-item:nth-child(6) {
display: block;
grid-column-start: 9;
grid-column-end: 13;
grid-row-start: 7;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-123"] .media-item:nth-child(1) {
display: block;
grid-column-start: 1;
grid-column-end: 9;
grid-row-start: 1;
grid-row-end: 9; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-123"] .media-item:nth-child(2) {
display: block;
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 9;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-123"] .media-item:nth-child(3) {
display: block;
grid-column-start: 5;
grid-column-end: 9;
grid-row-start: 9;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-123"] .media-item:nth-child(4) {
display: block;
grid-column-start: 9;
grid-column-end: 13;
grid-row-start: 1;
grid-row-end: 5; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-123"] .media-item:nth-child(5) {
display: block;
grid-column-start: 9;
grid-column-end: 13;
grid-row-start: 5;
grid-row-end: 9; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"][data-layout="col-123"] .media-item:nth-child(6) {
display: block;
grid-column-start: 9;
grid-column-end: 13;
grid-row-start: 9;
grid-row-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="reflinkinfo"] {
border-left: 2px solid #c4c4c4;
padding-left: 10px; }
[data-role="content"] .VCSortableInPreviewMode[type="reflinkinfo"] .ref-title:before {
content: "“"; }
[data-role="content"] .VCSortableInPreviewMode[type="reflinkinfo"] .ref-title:after {
content: "”"; }
[data-role="content"] .VCSortableInPreviewMode[type="reflinkinfo"] .ref-source {
margin-left: 10px;
color: #2b73fb; }
[data-role="content"] .VCSortableInPreviewMode[type="reflinkinfo"] .ref-source::before {
content: "·";
margin-right: 10px;
color: #333; }
[data-role="content"] .VCSortableInPreviewMode[type="reflinkinfo"] div[role="add-new-line"] {
display: none;
visibility: hidden; }
[data-role="content"] .vceditor-content[contentEditable="true"] .VCSortableInPreviewMode[type="reflinkinfo"]:hover {
background: #f1f1f1;
outline: none; }
[data-role="content"] .vceditor-content[contentEditable="true"] .VCSortableInPreviewMode[type="reflinkinfo"].hover {
background: #f1f1f1;
outline: none; }
[data-role="content"] .VCSortableInPreviewMode[type="reflinkblock"][contenteditable="false"]:after {
content: "";
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%; }
[data-role="content"] .VCSortableInPreviewMode[type="reflinkblock"] > p {
border-left: 2px solid #c4c4c4;
margin-top: 0px;
margin-bottom: 15px;
padding-left: 10px; }
[data-role="content"] .VCSortableInPreviewMode[type="reflinkblock"] a {
color: #2b73fb !important; }
[data-role="content"] .VCSortableInPreviewMode[type="reflinkblock"]:hover {
background: #eeeeee; }
[data-role="content"] .VCSortableInPreviewMode[type="reflinkblock"] .VCSortableInPreviewMode {
margin-bottom: 15px; }
[data-role="content"] .VCSortableInPreviewMode[type="reflinkblock"].hover {
background: #eeeeee; }
[data-role="content"] .VCSortableInPreviewMode[type="reflinkblock"].hover .VCSortableInPreviewMode[type="reflinkinfo"] {
outline: none !important; }
[data-role="content"] .vceditor-content[contenteditable="true"] .VCSortableInPreviewMode[type="sliderimages"] .slider-wrap:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%; }
[data-role="content"] .VCSortableInPreviewMode.table-0[type=BoxTable] {
overflow: scroll; }
[data-role="content"] .VCSortableInPreviewMode[type="boxhighlight"] .boxhighlight {
display: block;
color: #333333;
padding: 10px 15px; }
[data-role="content"] .VCSortableInPreviewMode[type="boxhighlight"] .boxhighlight[data-layout="type-1"] {
background-color: #f0f1f5;
border-left: 3px solid #0959AB;
border-radius: 3px; }
[data-role="content"] .VCSortableInPreviewMode[type="boxhighlight"] .boxhighlight[data-layout="type-1"] .boxhighlight-content {
border-bottom: 1px solid #d9dade;
padding-bottom: 15px; }
[data-role="content"] .VCSortableInPreviewMode[type="boxhighlight"] .boxhighlight[data-layout="type-2"] {
background-color: #fff;
border-left: 2px solid #0959AB;
border-radius: 0px; }
[data-role="content"] .VCSortableInPreviewMode[type="boxhighlight"] .boxhighlight-link {
display: flex;
justify-content: flex-end;
border-top: 1px solid #fff;
padding-top: 5px;
color: #666666 !important;
font-size: 14px;
text-decoration: none; }
[data-role="content"] .VCSortableInPreviewMode[type="boxhighlight"] .boxhighlight-link::after {
content: "";
background: url("https://static.mediacdn.vn/images/external-link.svg") no-repeat center center;
width: 14px;
height: 14px;
display: inline-block;
margin-left: 5px;
margin-right: 5px;
top: 5px;
position: relative; }
[data-role="content"] .VCSortableInPreviewMode[type="boxhighlight"] .boxhighlight-content {
color: #000;
font-size: 18px; }
[data-role="content"] .VCSortableInPreviewMode[type="relatednewsexternal"] .linkpreview {
color: #333333;
padding: 15px;
clear: both;
display: flow-root; }
[data-role="content"] .VCSortableInPreviewMode[type="relatednewsexternal"] .linkpreview .linkpreview-title {
line-height: 24px;
display: table;
text-decoration: none; }
[data-role="content"] .VCSortableInPreviewMode[type="relatednewsexternal"] .linkpreview .linkpreview-title::after {
content: "";
background: url("https://static.mediacdn.vn/images/external-link.svg") no-repeat center center;
width: 14px;
height: 14px;
display: inline-block;
margin-left: 5px;
margin-right: 5px;
top: 1px;
position: relative; }
[data-role="content"] .VCSortableInPreviewMode[type="relatednewsexternal"] .linkpreview[data-layout="type-1"] {
background-color: #f0f1f5;
border-radius: 3px; }
[data-role="content"] .VCSortableInPreviewMode[type="relatednewsexternal"] .linkpreview[data-layout="type-1"] .linkpreview-img {
width: 120px;
float: left;
margin-right: 15px;
margin-top: 8px; }
[data-role="content"] .VCSortableInPreviewMode[type="relatednewsexternal"] .linkpreview[data-layout="type-1"] .linkpreview-img img {
width: 100%; }
[data-role="content"] .VCSortableInPreviewMode[type="relatednewsexternal"] .linkpreview[data-layout="type-1"] .linkpreview-title {
color: #0959AB;
font-size: 15px; }
[data-role="content"] .VCSortableInPreviewMode[type="relatednewsexternal"] .linkpreview[data-layout="type-2"] {
border-radius: 3px;
padding: 0; }
[data-role="content"] .VCSortableInPreviewMode[type="relatednewsexternal"] .linkpreview[data-layout="type-2"] .linkpreview-readmore {
color: #4d4d4d;
font-size: 14px;
margin-bottom: 5px; }
[data-role="content"] .VCSortableInPreviewMode[type="relatednewsexternal"] .linkpreview[data-layout="type-2"] .linkpreview-newrelated {
color: #cc0000;
text-transform: uppercase;
font-size: 13px; }
[data-role="content"] .VCSortableInPreviewMode[type="relatednewsexternal"] .linkpreview[data-layout="type-2"] .linkpreview-title {
font-weight: bold;
font-size: 16px;
color: #333333;
text-decoration: none; }
[data-role="content"] .VCSortableInPreviewMode[type="relatednewsexternal"] .linkpreview[data-layout="type-2"] .linkpreview-img {
width: 200px;
float: left;
margin-right: 15px; }
[data-role="content"] .VCSortableInPreviewMode[type="relatednewsexternal"] .linkpreview[data-layout="type-2"] .linkpreview-img img {
width: 100%; }
[data-role="content"] .VCSortableInPreviewMode[type="relatednewsexternal"] .linkpreview[data-layout="type-3"] {
background-color: #f0f1f5;
border-left: 2px solid #cc0000;
border-radius: 3px; }
[data-role="content"] .VCSortableInPreviewMode[type="relatednewsexternal"] .linkpreview[data-layout="type-3"] .linkpreview-title {
color: #0959AB;
font-size: 15px; }
[data-role="content"] .VCSortableInPreviewMode[type="relatednewsexternal"] .linkpreview[data-layout="type-4"] {
background-color: #f0f1f5;
border-radius: 3px;
max-width: 250px;
float: right;
padding: 10px; }
[data-role="content"] .VCSortableInPreviewMode[type="relatednewsexternal"] .linkpreview[data-layout="type-4"] img {
margin-bottom: 10px; }
[data-role="content"] .VCSortableInPreviewMode[type="relatednewsexternal"] .linkpreview[data-layout="type-4"] .linkpreview-img {
width: 100%; }
[data-role="content"] .VCSortableInPreviewMode[type="relatednewsexternal"] .linkpreview[data-layout="type-4"] .linkpreview-img img {
width: 100%; }
[data-role="content"] .VCSortableInPreviewMode[type="relatednewsexternal"] .linkpreview[data-layout="type-4"] .linkpreview-title {
font-weight: bold;
font-size: 16px;
color: #333333;
padding: 10px;
line-height: 24px; }
[data-role="content"] .VCSortableInPreviewMode[type="relatednewsexternal"].alignRight {
width: 250px; }
[data-role="content"] .VCSortableInPreviewMode[type="relatednewsexternal"].alignLeft {
width: 250px; }
[data-role="content"] .VCSortableInPreviewMode[type="chartbox"] .chartbox-columnselect {
top: 0;
position: absolute;
right: 0;
min-width: 100px;
height: 26px;
cursor: pointer; }
[data-role="content"] .VCSortableInPreviewMode[type="VideoStream"] .videoNewsPlayer {
padding-top: 56.26% !important;
height: 0 !important; }
[data-role="content"] .kbwscwl-relatedbox.type-5 {
border: 1px solid #e2e2e2; }
[data-role="content"] .kbwscwl-relatedbox.type-5 .kbwscwlrl-title-header {
display: block;
padding: 14px 20px;
font-weight: bold;
border-top: 3px solid #0959AB;
border-bottom: 1px solid #e2e2e2;
font-size: 16px;
text-transform: uppercase; }
[data-role="content"] .kbwscwl-relatedbox.type-5 .kbwscwlrl {
padding: 10px;
border-bottom: 1px solid #e2e2e2; }
[data-role="content"] .kbwscwl-relatedbox.type-5 .kbwscwlrl i {
margin-left: 10px;
color: #FB7533;
font-size: 14px;
font-weight: 300; }
[data-role="content"] .kbwscwl-relatedbox.type-5 ul.kbwscwlr-list {
padding-right: 20px;
padding-left: 20px; }
[data-role="content"] .kbwscwl-relatedbox.type-5 a.title {
color: #292929;
font-size: 15px;
text-decoration: none; }
[data-role="content"] .kbwscwl-relatedbox.type-5 a.title:hover {
color: #0959AB; }
[data-role="content"] .VCSortableInPreviewMode.alignCenter[relatednewsboxtype="type-6"] {
width: 100%;
display: flex; }
[data-role="content"] .VCSortableInPreviewMode[relatednewsboxtype="type-6"][data-style="align-center"] .kbwscwlrl {
border: none; }
[data-role="content"] .VCSortableInPreviewMode[relatednewsboxtype="type-6"][data-style="align-center"] .kbwscwlrl-content {
flex-direction: row;
border: 1px solid #e3e3e3;
border-left: 1px solid #0959AB;
justify-content: space-between; }
[data-role="content"] .VCSortableInPreviewMode[relatednewsboxtype="type-6"][data-style="align-center"] .kbwscwlrl-title {
order: 0; }
[data-role="content"] .VCSortableInPreviewMode[relatednewsboxtype="type-6"][data-style="align-center"] .kbwscwlrl-thumb-avata {
flex-basis: 100px;
flex-shrink: 0; }
[data-role="content"] .VCSortableInPreviewMode[relatednewsboxtype="type-6"][data-style="align-center"] .kbwscwlrl-thumb-avata img {
display: block;
width: 100%;
height: 100%;
object-fit: cover; }
[data-role="content"] .VCSortableInPreviewMode[relatednewsboxtype="type-6"] span.kbwscwlrl-label {
padding-left: 10px;
height: 30px;
display: block;
font-size: 12px;
color: #666;
text-align: left;
height: 30px;
line-height: 28px; }
[data-role="content"] .VCSortableInPreviewMode[relatednewsboxtype="type-6"] .kbwscwlrl-content {
display: flex;
flex-direction: column; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNewsBox"] .kbwscwl-relatedbox.type-6 .kbwscwlrl-thumb-avata {
text-decoration: none;
display: inline-block; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNewsBox"] .kbwscwl-relatedbox.type-6 .kbwscwlrl-title {
background: #f2f2f2; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNewsBox"] .kbwscwl-relatedbox.type-7 {
border-top: 3px solid #0959AB;
border-radius: 3px;
border-bottom: 3px solid #0959AB;
overflow: hidden; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNewsBox"] .kbwscwl-relatedbox.type-7 .kbwscwlrl {
float: left;
position: relative;
text-align: left;
border-top: 1px dotted #cbcfd3;
padding: 0 10px;
margin-top: 5px;
margin-bottom: 5px;
padding-top: 10px;
width: 100%; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNewsBox"] .kbwscwl-relatedbox.type-7 .kbwscwlrl:first-child {
margin-top: 0px;
border: none; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNewsBox"] .kbwscwl-relatedbox.type-7 .kbwscwlrl-thumb-avata {
float: left;
width: 116px;
padding: 0px;
height: auto; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNewsBox"] .kbwscwl-relatedbox.type-7 .kbwscwlrl-title {
margin-left: 135px;
padding: 0px; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNewsBox"] .kbwscwl-relatedbox.type-7 .kbwscwlrl-title a.title {
font-size: 15px;
color: #333333;
margin-bottom: 0px;
text-decoration: none;
display: block;
line-height: 19px; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNewsBox"] .kbwscwl-relatedbox {
display: block;
margin-bottom: 0px;
width: 100%; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNewsBox"] .kbwscwl-relatedbox div.inforNews {
font-size: 11px;
text-decoration: none;
color: #777;
margin-top: 13px; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNewsBox"] .kbwscwlr-list {
text-align: left;
list-style: none;
padding: 0px;
margin: 0px; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNewsBox"] ul.kbwscwlr-list {
text-align: left;
list-style: none;
padding: 0px;
margin: 0px; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNewsBox"] .kbwscwl-relatedbox.type-4 .kbwscwlrl {
float: left;
position: relative;
text-align: left;
border-top: 1px dotted #cbcfd3;
padding: 0 10px;
margin-top: 5px;
margin-bottom: 5px;
padding-top: 10px;
width: 100%; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNewsBox"] .kbwscwl-relatedbox.type-4 .kbwscwlrl:first-child {
margin-top: 0px;
border: none; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNewsBox"] .kbwscwl-relatedbox.type-4 .kbwscwlrl-title a.title {
font-size: 15px;
color: #333333;
margin-bottom: 0px;
text-decoration: none;
display: block;
line-height: 19px; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNewsBox"].type-4_preview.alignRight {
width: 350px; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNewsBox"].type-4_preview.alignLeft {
width: 350px; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNewsBox"].type-7_preview.alignRight {
width: 350px; }
[data-role="content"] .VCSortableInPreviewMode[type="RelatedNewsBox"].type-7_preview.alignLeft {
width: 350px; }
[data-role="content"] .VCSortableInPreviewMode.skin2[type='BeforeAfter'] {
margin: 0px;
margin-top: 2%;
overflow: hidden;
height: auto !important;
margin-bottom: 20px; }
[data-role="content"] .VCSortableInPreviewMode.skin2[type='BeforeAfter'] img {
margin: 0px;
padding: 0px;
margin: auto; }
[data-role="content"] .VCSortableInPreviewMode.skin2[type='BeforeAfter'] .flipper img {
width: 100% !important;
height: 100% !important; }
[data-role="content"] .VCSortableInPreviewMode.skin2[type='BeforeAfter'].flip-container .PhotoCMS_Caption {
margin-bottom: 0; }
[data-role="content"] .flip-container {
padding: 0;
margin: 0;
perspective: 1000px;
margin-top: 10px;
position: relative; }
[data-role="content"] .flip-container img {
margin: 0; }
[data-role="content"] .flip-container .flipper {
transition: 0.6s;
transform-style: preserve-3d;
position: relative; }
[data-role="content"] .flip-container .icon {
border: none;
position: absolute;
top: 0;
left: 0;
padding: 3px 5px;
display: inline-block;
cursor: pointer; }
[data-role="content"] .flip-container .icon img {
border: none !important; }
[data-role="content"] .flip-container .tips {
border: 0;
position: absolute;
bottom: 0;
right: 0px;
padding: 12px 0px;
display: inline-block;
background: rgba(12, 12, 12, 0.65);
color: #fff;
cursor: pointer;
text-align: center;
font-size: 14px;
width: 100%; }
[data-role="content"] .flip-container .tips.hide {
display: none; }
[data-role="content"] .flip-container .front {
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
transform: rotateY(0deg); }
[data-role="content"] .flip-container .back {
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: rotateY(180deg); }
[data-role="content"] .flip-container.rotate .flipper {
transform: rotateY(180deg); }
[data-role="content"] .VCCSortableInPreviewMode.noCaption .PhotoCMS_Caption {
display: none !important; }
[data-role="content"] .VCCSortableInPreviewMode.noCaption .VideoCMS_Caption {
display: none !important; }
[data-role="content"] .VCSortableInPreviewMode.noCaption .PhotoCMS_Caption {
display: none !important; }
[data-role="content"] .VCSortableInPreviewMode.noCaption .VideoCMS_Caption {
display: none !important; }
[data-role="content"] .IMSNoChangeStyle a {
background-position: 0 4px;
color: #0959AB;
font-size: 22px;
font-weight: bold;
padding-left: 25px;
text-decoration: none; }
[data-role="content"] .IMSNoChangeStyle a:before {
position: absolute;
content: '';
background-color: #0959AB;
-webkit-mask: url("https://static.mediacdn.vn/common/images/bg_linkfooter.svg") no-repeat 50% 50%;
mask: url("https://static.mediacdn.vn/common/images/bg_linkfooter.svg") no-repeat 50% 50%;
-webkit-mask-size: contain;
mask-size: contain;
display: inline-block;
width: 18px;
height: 14px;
top: 6px;
left: 0; }
[data-role="content"] .link-content-footer a {
background-position: 0 4px;
color: #336699;
font-size: 18px;
font-weight: bold;
padding-left: 25px;
text-decoration: none; }
[data-role="content"] .link-content-footer a:before {
position: absolute;
content: '';
background-color: #336699;
-webkit-mask: url("https://static.mediacdn.vn/common/images/bg_linkfooter.svg") no-repeat 50% 50%;
mask: url("https://static.mediacdn.vn/common/images/bg_linkfooter.svg") no-repeat 50% 50%;
-webkit-mask-size: contain;
mask-size: contain;
display: inline-block;
width: 18px;
height: 14px;
top: 6px;
left: 0; }
[data-role="content"] .VCSortableInPreviewMode[type="landingblock"] .lpe-container-block-item {
pointer-events: none; }
[data-role="content"] .VCSortableInPreviewMode[type="landingblock"] .landing-editor-wrapper .lpe-landing-page .vceditor-content div[role="element-actions"] {
background-color: rgba(3, 8, 15, 0.92);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
color: #fff;
border-radius: 42px;
border: none; }
[data-role="content"] .VCSortableInPreviewMode[type="landingblock"] .landing-editor-wrapper .lpe-landing-page .vceditor-content div[role="element-actions"] ul li {
color: white;
border-color: #ccc; }
[data-role="content"] .VCSortableInPreviewMode[type="landingblock"] .landing-editor-wrapper .lpe-landing-page .vceditor-content div[role="element-actions"] ul li:last-child {
border-radius: 0 42px 42px 0; }
[data-role="content"] .VCSortableInPreviewMode[type="landingblock"] .landing-editor-wrapper .lpe-landing-page .vceditor-content div[role="element-actions"] ul li:first-child {
border-radius: 42px 0 0 42px; }
[data-role="content"] .VCSortableInPreviewMode[type="landingblock"] .landing-editor-wrapper .lpe-landing-page .vceditor-content div[role="element-actions"] li:hover {
background-color: rgba(3, 8, 15, 0.92);
color: #3dbfe8; }
[data-role="content"] .VCSortableInPreviewMode[type="landingblock"] .landing-editor-wrapper .lpe-landing-page .vceditor-content div[role="element-actions"] li.lpe-active {
background-color: rgba(3, 8, 15, 0.92);
color: #3dbfe8; }
[data-role="content"] .VCSortableInPreviewMode.landing-page div[role="element-actions"] {
top: -35px !important;
background: #111111;
border-radius: 50px;
height: auto; }
[data-role="content"] .VCSortableInPreviewMode.landing-page div[role="element-actions"]::after {
content: '';
position: absolute;
left: 42%;
top: 100%;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 9px solid #111111;
clear: both; }
[data-role="content"] .VCSortableInPreviewMode.landing-page div[role="element-actions"] ul li {
border-right: 1px solid rgba(255, 255, 255, 0.1);
min-width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center; }
[data-role="content"] .VCSortableInPreviewMode.landing-page div[role="element-actions"] ul li:hover {
background: rgba(255, 255, 255, 0.1); }
[data-role="content"] .VCSortableInPreviewMode.landing-page div[role="element-actions"] ul li:last-child {
border-top-right-radius: 50px;
border-bottom-right-radius: 50px; }
[data-role="content"] .VCSortableInPreviewMode.landing-page div[role="element-actions"] ul li.active {
background: rgba(255, 255, 255, 0.1); }
[data-role="content"] .VCSortableInPreviewMode.landing-page div[role="element-actions"] li:first-child {
border-top-left-radius: 50px;
border-bottom-left-radius: 50px; }
[data-role="content"] .IMSPlugin-Popup#IMSinsertblocklandingpage {
width: 100vw; }
[data-role="content"] .IMSPlugin-Popup#IMSinsertblocklandingpage footer {
height: auto;
display: flex;
justify-content: center; }
[data-role="content"] .IMSPlugin-Popup#IMSinsertblocklandingpage footer #btnCancel {
margin: 0px; }
[data-role="content"] .IMSPlugin-Popup#IMSinsertblocklandingpage #wapper-block {
width: 100%; }
[data-role="content"] .IMSPlugin-Popup#IMSinsertblocklandingpage #wapper-block .content-block {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
width: 25%;
box-sizing: unset;
border: unset;
padding: unset;
cursor: unset; }
[data-role="content"] .IMSPlugin-Popup#IMSinsertblocklandingpage #wapper-block .content-block .container {
margin: 5px;
box-sizing: border-box;
border: 1px solid #c3b8b847;
padding: 5px;
cursor: pointer; }
[data-role="content"] .IMSPlugin-Popup#IMSinsertblocklandingpage .empty {
padding: 10px; }
[data-role="content"] .IMSPlugin-Popup {
width: 100% !important; }
[data-role="content"] .IMSPlugin-Popup#IMSinsertBlockLandingpageEdit {
width: 100vw; }
[data-role="content"] .footer-edit-landing-page {
display: flex;
align-items: center;
align-content: center;
justify-content: center; }
[data-role="content"] #contentEditLandingPage .editor-toolbar {
width: 100%;
display: flex;
background: #fff;
border-bottom: solid 1px #dbdbdb;
height: 50px;
flex: none;
align-items: center;
justify-content: center; }
[data-role="content"] #contentEditLandingPage .editor-toolbar .btn-group > .btn {
background: #fff;
font-weight: bold;
border-color: #e2e2e2 #e2e2e2 #e2e2e2 transparent;
color: #999999;
margin-right: 0px; }
[data-role="content"] #contentEditLandingPage .editor-toolbar .btn-group > .btn:first-child {
margin-left: 0;
border-left-color: #e2e2e2; }
[data-role="content"] #contentEditLandingPage .editor-toolbar .btn-group > .btn:first-child:not(:last-child) {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
[data-role="content"] #contentEditLandingPage .editor-toolbar .btn-group > .btn:last-child:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
[data-role="content"] #contentEditLandingPage .editor-toolbar .btn-group > .btn:not(:first-child):not(:last-child) {
border-radius: 0; }
[data-role="content"] #contentEditLandingPage .editor-toolbar .btn-group > .btn.active {
background: #dddfe2;
color: #333333; }
[data-role="content"] #contentEditLandingPage .editor-toolbar .btn {
display: inline-block;
padding: 8px 16px;
margin-bottom: 0;
font-size: 13px;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid;
border-radius: 4px;
background-color: #f6f7f9;
border-color: #ced0d4;
color: #4b4f56;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
margin-right: 15px; }
[data-role="content"] #wapper-block {
width: 600px;
display: flex;
flex-flow: row wrap; }
[data-role="content"] #wapper-block:after {
content: "";
clear: both;
display: table; }
[data-role="content"] #wapper-block .content-block {
margin: 5px;
box-sizing: border-box;
border: 1px solid #c3b8b847;
padding: 5px;
cursor: pointer;
width: 48.3%; }
[data-role="content"] #wapper-block .content-block:hover {
background-color: aliceblue;
box-shadow: 0px 0px 2px 2px #eaeaea; }
[data-role="content"] #wapper-block .content-block .title {
color: #111;
letter-spacing: .1px;
word-break: break-word;
overflow: hidden;
font-weight: 700;
margin-top: 5px;
margin-bottom: 5px; }
[data-role="content"] #wapper-block .content-block .type_name {
color: #1f9ffc;
margin-top: 10px; }
[data-role="content"] #wapper-block .content-block .info-author {
color: #8a8a8f;
letter-spacing: .2px;
position: relative; }
[data-role="content"] #wapper-block .content-block .avatar {
width: 100%;
max-height: 160px;
overflow: hidden; }
[data-role="content"] #wapper-block .content-block .avatar img {
width: 100%; }
[data-role="content"] #wapper-block .content-block .default-avatar {
min-height: 80px;
background-color: #d4dadc; }
[data-role="content"] #IMSinsertBlockLandingpageEdit .icon-landing-setting {
position: absolute;
top: 10px;
right: 10px;
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.8);
border-radius: 100%;
cursor: pointer; }
[data-role="content"] #IMSinsertBlockLandingpageEdit .icon-landing-setting i {
color: #fff;
font-size: 15px; }
[data-role="content"] .popup-setting-maps {
padding: 10px;
background: #fff;
box-shadow: rgba(0, 24, 46, 0.16) 0px 6px 24px;
border-radius: 10px;
position: absolute;
width: 300px;
top: -125px;
right: 10px;
display: none; }
[data-role="content"] .popup-setting-maps .form-group {
margin-bottom: 10px; }
[data-role="content"] .popup-setting-maps .form-group input {
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: 0 0 2px #ddd inset;
font-size: 14px;
height: 30px;
line-height: 30px;
padding: 5px; }
[data-role="content"] .popup-setting-maps.lpe-active {
display: block; }
[data-role="content"] .landing-page-custom-scroll-bar {
scrollbar-color: #7a7a7a #b4b4b4;
scrollbar-width: thin; }
[data-role="content"] .landing-page-custom-scroll-bar::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #b4b4b4; }
[data-role="content"] .landing-page-custom-scroll-bar::-webkit-scrollbar {
width: 5px;
border-radius: 10px;
background-color: #b4b4b4; }
[data-role="content"] .landing-page-custom-scroll-bar::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #7a7a7a; }
[data-role="content"] .IMSPlugin-PopupItem {
width: 85%;
left: 50%;
top: 50% !important;
height: 80vh;
transform: translate(-50%, -50%) !important;
border-radius: 16px; }
[data-role="content"] #IMSinsertblocklandingpage {
height: 100%; }
[data-role="content"] #IMSinsertblocklandingpage .header {
display: flex;
justify-content: space-between;
padding: 15px;
border-bottom: 1px solid #E5E5E5; }
[data-role="content"] #IMSinsertblocklandingpage .header .title {
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 21px;
text-align: center;
text-transform: uppercase;
color: #666666; }
[data-role="content"] #IMSinsertblocklandingpage .header .icon {
position: relative; }
[data-role="content"] #IMSinsertblocklandingpage .header .icon .close-popup {
position: absolute;
top: -7px;
right: 0;
padding: 10px;
cursor: pointer; }
[data-role="content"] #IMSinsertblocklandingpage .footer {
display: flex;
justify-content: center;
padding: 10px;
border-top: 1px solid #E5E5E5; }
[data-role="content"] #IMSinsertblocklandingpage .footer p {
margin: 0px; }
[data-role="content"] #IMSinsertblocklandingpage .footer .cancel {
background: #FFFFFF;
border: 1px solid #DDDDDD;
box-sizing: border-box;
border-radius: 4px;
padding: 7px 15px 4px 15px;
cursor: pointer;
margin-right: 7px; }
[data-role="content"] #IMSinsertblocklandingpage .footer .cancel p {
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 21px;
text-align: center;
text-transform: uppercase;
color: #555555; }
[data-role="content"] #IMSinsertblocklandingpage .footer .insert {
background: linear-gradient(0deg, #5BC0DE, #5BC0DE), #FFFFFF;
border-radius: 4px;
padding: 7px 22px 4px 22px;
margin-left: 7px; }
[data-role="content"] #IMSinsertblocklandingpage .footer .insert p {
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 21px;
text-align: center;
letter-spacing: 0.2px;
text-transform: uppercase;
color: #FFFFFF; }
[data-role="content"] #IMSinsertblocklandingpage .content-list {
height: calc(100% - 107px);
overflow: hidden;
display: flex;
flex-flow: row wrap; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-categoris {
width: 20%;
height: 100%; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-categoris .title {
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 20px;
color: #50565B;
padding: 10px 13px 10px 13px; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-categoris .list {
height: calc(100% - 40px);
overflow-y: scroll; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-categoris .list p {
margin: 0px;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 20px;
color: #637585;
padding: 5px 15px 5px 15px;
cursor: pointer; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-categoris .list p.active {
font-weight: bold; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-categoris .list::-webkit-scrollbar {
width: 5px; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-categoris .list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 10px;
border-radius: 10px; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-categoris .list::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: #E4E7E9;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-categoris .list::-webkit-scrollbar-thumb:window-inactive {
background: #E4E7E9; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block {
width: 80%;
background: #EFF3F6;
height: 100%; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block .search-block {
display: flex;
flex-flow: row wrap;
padding: 20px 25px 8px 25px; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block .search-block .form-group {
width: 35%; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block .search-block #search-box {
font-size: 14px;
border-radius: 4px 0px 0px 4px;
border: 1px solid #E0DFDF;
padding: 4px 10px 4px 10px;
width: 100%; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block .search-block .icon {
width: 4%;
background: #F2F2F2;
border: 1px solid #E0DFDF;
border-left: 0px;
border-radius: 0px 4px 4px 0px;
position: relative;
cursor: pointer; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block .search-block .icon svg {
color: #B4B4B4;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block .search-block svg {
width: 15px;
color: #B4B4B4; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block .content {
padding: 4px 9px 4px 9px;
height: calc(100% - 54px);
overflow-y: scroll; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block .content::-webkit-scrollbar {
width: 5px; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block .content::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 10px;
border-radius: 10px; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block .content::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: #E4E7E9;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block .content::-webkit-scrollbar-thumb:window-inactive {
background: #E4E7E9; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block p {
margin: 0px; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block .list {
display: flex;
flex-flow: row wrap;
height: 100%; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block .list .empty {
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 20px;
color: #50565B; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block .list .icon-load-cat {
margin: 0 auto;
display: block;
width: 65px;
height: 100%; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block .list .item-block {
width: calc(33.33333% - 25px);
margin: 12.5px;
cursor: pointer; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block .list .item-block .content-item {
background: #FFFFFF;
border: 2px solid #FFFFFF;
box-sizing: border-box;
border-radius: 3px;
padding: 12px; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block .list .item-block .content-item .image-item {
overflow: hidden; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block .list .item-block .content-item img {
width: 100%;
height: 130px; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block .list .item-block .content-item .name-cat {
margin-top: 6px;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 20px;
color: #2EA2C7; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block .list .item-block .content-item .name-item {
margin-top: 6px;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 20px;
color: #50565B; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block .list .item-block .content-item .create-at {
margin-top: 8px;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 20px;
color: #B3B3B3; }
[data-role="content"] #IMSinsertblocklandingpage .content-list .list-block .list .item-block.active .content-item {
border: 2px solid #5BC0DE; }
[data-role="content"] .list-content-album {
display: grid;
grid-template-columns: auto auto auto;
grid-gap: 15px; }
[data-role="content"] .list-content-album > a {
overflow: hidden;
border-radius: 8px; }
[data-role="content"] .list-content-album > a img {
border-radius: 8px;
display: block;
transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s; }
[data-role="content"] .list-content-album > a:hover img {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1); }
[data-role="content"] .VCSortableInPreviewMode[type="toc"] {
background-color: #f7f7f7;
max-width: 280px;
padding: 15px 25px; }
[data-role="content"] .VCSortableInPreviewMode[type="toc"] .toc-title {
text-transform: uppercase;
font: 600 16px/30px "Open Sans" !important;
margin-bottom: 10px;
color: #333; }
[data-role="content"] .VCSortableInPreviewMode[type="toc"] ul {
list-style: none;
padding: 0px;
margin: 0px; }
[data-role="content"] .VCSortableInPreviewMode[type="toc"] .toc-level {
margin-top: 5px;
line-height: 18px;
text-align: left;
list-style: none; }
[data-role="content"] .VCSortableInPreviewMode[type="toc"] .toc-level a {
color: #3575d3;
font: 400 14px/16px "Roboto" !important; }
[data-role="content"] .VCSortableInPreviewMode[type="toc"] .toc-level a:hover {
color: #dc1f00; }
[data-role="content"] .VCSortableInPreviewMode[type="toc"] .toc-level-2 {
margin-left: 15px; }
[data-role="content"] .VCSortableInPreviewMode[type="toc"] .toc-level-3 {
margin-left: 25px; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] {
width: 100%;
text-align: left; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] .VoteObjectBoxWrapper {
width: 100% !important;
overflow: hidden;
border: solid 1px #e5e5e5 !important;
border-radius: 3px;
padding: 25px 0 !important;
margin: 0 auto;
background-color: #fefefe;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.05) inset; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] .VoteObjectBoxWrapper .VoteObjectBoxHeader {
color: #0959AB;
font-size: 13px;
font-weight: bold;
line-height: 18px;
margin-bottom: 5px;
padding: 0 15px;
text-transform: uppercase; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] .VoteObjectBoxWrapper .VoteObjectBoxTitle a {
color: #222;
font-size: 20px;
font-weight: bold;
line-height: inherit;
padding: 0 100px 0 15px;
text-decoration: none;
line-height: 36px;
display: block; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] .VoteObjectBoxWrapper .VoteObjectBoxWarning {
font-family: Arial;
font-size: 13px;
line-height: 18px;
color: #999;
padding: 0 15px;
margin-bottom: 10px;
margin-top: 5px; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] .VoteObjectBoxWrapper .VCListVoteAnswers {
padding: 0 15px; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] .VoteObjectBoxWrapper .VCListVoteAnswers span {
display: block;
padding-bottom: 7px;
padding-left: 15px;
position: relative;
z-index: 0;
margin-bottom: 10px;
background-color: #e8e8e8;
border-radius: 5px;
font-size: 13px;
font-family: Arial;
font-weight: bold;
line-height: 18px;
color: #888;
position: relative; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] .VoteObjectBoxWrapper .VCListVoteAnswers span:hover::before {
content: none; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] .VoteObjectBoxWrapper .VCListVoteAnswers span .IMSRadio {
margin: 10px 10px 0 30px;
cursor: pointer;
margin-left: 0; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] .VoteObjectBoxWrapper .VCListVoteAnswers span .IMSRadio:checked + label {
color: #333; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] .VoteObjectBoxWrapper .VCListVoteAnswers span .IMSRadio:checked::before {
width: 100%;
height: 100%;
display: inline-block;
content: '';
background-color: #fff0e8;
position: absolute;
top: 0;
left: 0;
border-radius: 5px;
z-index: -1; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] .VoteObjectBoxWrapper .VCListVoteAnswers span .IMSRadio:checked::after {
width: 6px;
height: 6px;
border: solid 5px #ed2e2e; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] .VoteObjectBoxWrapper .VCListVoteAnswers span .IMSRadio::after {
content: '';
width: 15px;
height: 15px;
display: inline-block;
background-color: #fff;
border: solid 1px #888;
border-radius: 50%;
position: relative;
top: -2px;
left: -2px; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] .VoteObjectBoxWrapper .VCListVoteAnswers span label {
cursor: pointer; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] .VoteObjectBoxWrapper .VCListVoteAnswers span .IMSCheckbox::after {
content: '';
width: 14px;
height: 14px;
background-color: #fff;
border: solid 1px #888;
border-radius: 3px;
position: relative;
top: -2px;
left: -2px; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] .VoteObjectBoxWrapper .VCListVoteAnswers span .IMSCheckbox:checked::after {
content: '';
width: 16px;
height: 16px;
display: inline-block;
border: none;
background: url("../../images/checkbox-checked.jpg") no-repeat top left;
background-size: auto 100%; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] .VoteObjectBoxWrapper .VCListVoteAnswers p .IMSCheckbox {
margin: 10px 10px 0 30px;
cursor: pointer;
margin-left: 0; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] .VoteObjectBoxWrapper .VCListVoteAnswers p .IMSCheckbox:checked + label {
color: #333; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] .VoteObjectBoxWrapper .VCPollFooter {
padding-top: 15px;
padding-left: 15px; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] .VoteObjectBoxWrapper .VCPollFooter a {
text-decoration: none; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] .VoteObjectBoxWrapper .VCPollFooter .VCPollSubmit {
color: #fff !important;
text-transform: uppercase;
display: inline-block;
height: 38px;
padding: 0 20px;
background-color: #0959AB;
line-height: 38px;
border-radius: 50px;
font-size: 14px;
font-weight: bold;
font-family: Arial; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] .VoteObjectBoxWrapper .VCPollFooter .VCPollViewResult {
color: #fff;
display: inline-block;
height: 38px;
padding: 0 20px;
color: #555;
line-height: 38px;
border-radius: 50px;
font-size: 14px;
font-weight: bold;
font-family: Arial; }
[data-role="content"] .VCSortableInPreviewMode[type=Vote] input[type=checkbox].IMSCheckbox + label.IMSCheckboxLabel {
padding-left: 16px;
height: auto;
top: -3px;
position: relative; }
[data-role="content"] .VCSortableInPreviewMode[type="attachfile"] {
width: max-content;
display: block; }
[data-role="content"] .VCSortableInPreviewMode[type="attachfile"] .file-download-link {
position: relative;
color: #0959AB;
display: flex;
align-items: center;
text-decoration: underline;
background: #f1f3f4;
padding: 15px 20px;
text-decoration: none; }
[data-role="content"] .VCSortableInPreviewMode[type="attachfile"] .file-download-link i.fi-download {
background: url("https://static.mediacdn.vn/images/attach-icon.png") no-repeat;
width: 20px;
height: 20px;
display: inline-block;
margin-left: 5px;
margin-top: 2px; }
[data-role="content"] .VCSortableInPreviewMode .PhotoCMS_Author {
font-weight: 400;
font-size: 13px;
line-height: 20px;
font-family: 'Inter';
text-align: center;
color: #8B8B8B;
padding-bottom: 8px; }
[data-role="content"] .VCSortableInPreviewMode .PhotoCMS_Author * {
margin: 0; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"] .PhotoCMS_Caption {
display: block;
grid-column-start: 1;
grid-column-end: 13; }
[data-role="content"] .VCSortableInPreviewMode[type="photo-grid-album"] .PhotoCMS_Author {
display: block;
grid-column-start: 1;
grid-column-end: 13; }
[data-role="content"] .VCSortableInPreviewMode .PhotoCMS_Author {
font-weight: 400;
font-size: 13px;
line-height: 20px;
font-family: Inter;
text-align: center;
color: #8b8b8b;
padding-bottom: 8px;
margin-bottom: 10px; }
[data-role="content"] .VCSortableInPreviewMode[type="boxgame"] {
width: 100%;
min-height: 160px;
background: #f4f4f4;
border: 1px solid #e2e2e2;
display: flex !important;
gap: 24px;
padding: 35px 24px;
cursor: pointer;
flex-direction: row; }
[data-role="content"] .VCSortableInPreviewMode[type="boxgame"] .game-avatar {
width: 100px;
height: 100px;
border-radius: 8px;
overflow: hidden; }
[data-role="content"] .VCSortableInPreviewMode[type="boxgame"] .game-info {
flex: 1;
display: flex;
flex-direction: column;
gap: 8px; }
[data-role="content"] .VCSortableInPreviewMode[type="boxgame"] .game-info .game-info-text {
display: flex;
flex-direction: column;
gap: 2px; }
[data-role="content"] .VCSortableInPreviewMode[type="boxgame"] .game-info .game-info-text .game-name {
font-size: 16px;
font-weight: bold;
line-height: 22px;
font-size: 16px;
font-weight: bold;
line-height: 22px; }
[data-role="content"] .VCSortableInPreviewMode[type="boxgame"] .btn {
background: #ffffff;
border: 1px solid rgba(103, 113, 129, 0.3);
box-sizing: border-box;
padding: 7px 10px;
font-size: 14px;
border-radius: 4px;
color: #666666;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block; }
[data-role="content"] .VCSortableInPreviewMode[type="boxgame"] .btn.btn-primary {
background: #1095ea;
border-color: #1095ea;
color: #ffffff; }
.contentOuter .VCSortableInPreviewMode.alignCenterOverflow {
margin-left: -25%;
width: 150%;
width: 150%;
max-width: 150%; }
.contentOuter .widget-box.alignCenterOverflow {
margin-left: -25%;
width: 150%;
width: 150%;
max-width: 150%; }
.clearfix:after {
content: "";
display: table;
clear: both; }
.clearfix .text {
display: none; }
[data-role=content] .VCSortableInPreviewMode[type=RelatedNewsBox] .kbwscwl-relatedbox.type-7 {
margin-top: 15px;
margin-bottom: 15px; }
[data-role=content] .audioTransPlayer[data-role=audio-player] {
background-color: #f1f3f4 !important;
border-radius: 60px; }
[data-role=content] a {
color: #0959AB; }
.VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-col-auto"] {
display: flex;
flex-direction: column; }
.VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-col-auto"] .row-col-auto {
grid-template-columns: auto auto auto auto auto;
grid-template-rows: initial;
display: grid;
grid-gap: 5px;
flex: 1; }
.VCSortableInPreviewMode[type="photo-grid-album"][data-layout="row-col-auto"] .media-item {
display: flex; }
@media (max-width: 1199px) {
[data-role="content"] .VCSortableInPreviewMode.alignCenterOverflow {
width: 100%;
margin-left: 0;
width: 100%;
max-width: 100%; }
[data-role="content"] .widget-box.alignCenterOverflow {
width: 100%;
margin-left: 0;
width: 100%;
max-width: 100%; }
.contentOuter .VCSortableInPreviewMode.alignCenterOverflow {
width: 100%;
margin-left: 0;
width: 100%;
max-width: 100%; }
.contentOuter .widget-box.alignCenterOverflow {
width: 100%;
margin-left: 0;
width: 100%;
max-width: 100%; } }
.detail__cmain.small [data-role="title"] {
font-size: 28px;
line-height: 40px;
transition: 1s; }
.detail__cmain.small [data-role="sapo"] {
font-size: 14px;
line-height: 26px;
transition: 1s; }
.detail__cmain.small [data-role=content] {
font-size: 14px;
line-height: 26px;
transition: 1s; }
.detail__cmain.small [data-role=content] .PhotoCMS_Caption, .detail__cmain.small [data-role=content] VideoCMS_Caption {
font-size: 10px;
line-height: 18px;
transition: 1s; }
.detail__cmain.small [data-role=content] .PhotoCMS_Caption p, .detail__cmain.small [data-role=content] VideoCMS_Caption p {
font-size: 10px;
line-height: 18px;
transition: 1s; }
.detail__cmain.small [data-role=content] h1 {
font-size: 30px;
line-height: 36px;
transition: 1s; }
.detail__cmain.small [data-role=content] h2 {
font-size: 28px;
line-height: 33px;
transition: 1s; }
.detail__cmain.small [data-role=content] h3 {
font-size: 24px;
line-height: 118%;
transition: 1s; }
.detail__cmain.small [data-role=content] h4 {
font-size: 16px;
line-height: 24px;
transition: 1s; }
.detail__cmain.small [data-role=content] h5 {
font-size: 16px;
line-height: 28px;
transition: 1s; }
.detail__cmain.small [data-role=content] h6 {
font-size: 16px;
line-height: 28px;
transition: 1s; }
.detail__cmain.medium [data-role="title"] {
transition: 1s; }
.detail__cmain.medium [data-role="sapo"] {
transition: 1s; }
.detail__cmain.medium [data-role=content] {
transition: 1s; }
.detail__cmain.medium [data-role=content] .PhotoCMS_Caption, .detail__cmain.medium [data-role=content] VideoCMS_Caption {
transition: 1s; }
.detail__cmain.medium [data-role=content] .PhotoCMS_Caption p, .detail__cmain.medium [data-role=content] VideoCMS_Caption p {
transition: 1s; }
.detail__cmain.medium [data-role=content] h1 {
transition: 1s; }
.detail__cmain.medium [data-role=content] h2 {
transition: 1s; }
.detail__cmain.medium [data-role=content] h3 {
transition: 1s; }
.detail__cmain.medium [data-role=content] h4 {
transition: 1s; }
.detail__cmain.medium [data-role=content] h5 {
transition: 1s; }
.detail__cmain.medium [data-role=content] h6 {
transition: 1s; }
.detail__cmain.large [data-role="title"] {
font-size: 35px;
line-height: 50px;
transition: 1s; }
.detail__cmain.large [data-role="sapo"] {
font-size: 24px;
line-height: 36px;
transition: 1s; }
.detail__cmain.large [data-role=content] {
font-size: 24px;
line-height: 38px;
transition: 1s; }
.detail__cmain.large [data-role=content] .PhotoCMS_Caption, .detail__cmain.large [data-role=content] VideoCMS_Caption {
font-size: 16px;
line-height: 24px;
transition: 1s; }
.detail__cmain.large [data-role=content] .PhotoCMS_Caption p, .detail__cmain.large [data-role=content] VideoCMS_Caption p {
font-size: 16px;
line-height: 24px;
transition: 1s; }
.detail__cmain.large [data-role=content] h1 {
font-size: 36px;
line-height: 42px;
transition: 1s; }
.detail__cmain.large [data-role=content] h2 {
font-size: 34px;
line-height: 39px;
transition: 1s; }
.detail__cmain.large [data-role=content] h3 {
font-size: 30px;
line-height: 124%;
transition: 1s; }
.detail__cmain.large [data-role=content] h4 {
font-size: 22px;
line-height: 28px;
transition: 1s; }
.detail__cmain.large [data-role=content] h5 {
font-size: 22px;
line-height: 32px;
transition: 1s; }
.detail__cmain.large [data-role=content] h6 {
font-size: 22px;
line-height: 32px;
transition: 1s; }
.detail-container-full .VCSortableInPreviewMode.alignCenterOverflow {
width: 1058px;
max-width: 1058px;
margin-left: calc(-1 * (1058px - 700px)/2); }
.detail-container-full .widget-box.alignCenterOverflow {
width: 1058px;
max-width: 1058px;
margin-left: calc(-1 * (1058px - 700px)/2); }
@font-face {
font-family: "Roboto";
font-weight: bold;
font-style: normal;
src: url('https://static.mediacdn.vn/fonts/Roboto-Bold.woff2') format('woff2'), url('https://static.mediacdn.vn/fonts/Roboto-Bold.woff') format('woff'), url('https://static.mediacdn.vn/fonts/Roboto-Bold.ttf') format('truetype'), url('https://static.mediacdn.vn/fonts/Roboto-Bold.eot') format('embedded-opentype');
}
@font-face {
font-family: "Roboto";
font-weight: 500;
font-style: normal;
src: url('https://static.mediacdn.vn/fonts/Roboto-Medium.woff2') format('woff2'), url('https://static.mediacdn.vn/fonts/Roboto-Medium.woff') format('woff'), url('https://static.mediacdn.vn/fonts/Roboto-Medium.ttf') format('truetype'), url('https://static.mediacdn.vn/fonts/Roboto-Medium.eot') format('embedded-opentype');
}
@font-face {
font-family: "Roboto";
font-weight: 300;
font-style: normal;
src: url('https://static.mediacdn.vn/fonts/Roboto-Thin.woff2') format('woff2'), url('https://static.mediacdn.vn/fonts/Roboto-Thin.woff') format('woff'), url('https://static.mediacdn.vn/fonts/Roboto-Thin.ttf') format('truetype'), url('https://static.mediacdn.vn/fonts/Roboto-Thin.eot') format('embedded-opentype');
}
@font-face {
font-family: "RobotoCondensed-Bold";
font-weight: normal;
font-style: normal;
src: url('https://static.mediacdn.vn/fonts/RobotoCondensed-Bold.woff2') format('woff2'), url('https://static.mediacdn.vn/fonts/RobotoCondensed-Bold.woff') format('woff'), url('https://static.mediacdn.vn/fonts/RobotoCondensed-Bold.ttf') format('truetype'), url('https://static.mediacdn.vn/fonts/RobotoCondensed-Bold.eot') format('embedded-opentype');
}
@font-face {
font-family: "Roboto";
font-weight: normal;
font-style: normal;
src: url('https://static.mediacdn.vn/fonts/Roboto-Regular.woff2') format('woff2'), url('https://static.mediacdn.vn/fonts/Roboto-Regular.woff') format('woff'), url('https://static.mediacdn.vn/fonts/Roboto-Regular.ttf') format('truetype'), url('https://static.mediacdn.vn/fonts/Roboto-Regular.eot') format('embedded-opentype');
}
@font-face {
font-family: "SFD-Regular";
font-weight: normal;
font-style: normal;
src: url('https://static.mediacdn.vn/fonts/SFProDisplay-Regular.woff2') format('woff2'), url('https://static.mediacdn.vn/fonts/SFProDisplay-Regular.woff') format('woff'), url('https://static.mediacdn.vn/fonts/SFProDisplay-Regular.ttf') format('truetype'), url('https://static.mediacdn.vn/fonts/SFProDisplay-Regular.eot') format('embedded-opentype');
}
.container-magazine {
width: 980px;
margin: 0 auto;
}
.container-magazine .detail-content {
background: transparent;
padding: 48px 150px 100px;
}
.magazine {
overflow-x: hidden; }
.magazine [data-role="content"] .VCSortableInPreviewMode .PhotoCMS_Caption,
.magazine [data-role="content"] .VCSortableInPreviewMode .VideoCMS_Caption {
font-family: 'Arial';
color: #888;
background: initial;
position: relative;
width: 100%;
text-align: center;
width: 100%;
font-size: 17px;
line-height: 27px ;
font-family: SFD-Regular;
}
.VCSortableInPreviewMode .PhotoCMS_Caption{
padding: 10px 0;
}
.magazine [data-role="content"] .VCSortableInPreviewMode.alignJustifyFull {
width: 100vw !important;
position: relative;
margin-left: calc(-50vw + 8px);
left: 50%;
max-width: calc(100vw - 16px);
}
.magazine .VCSortableInPreviewMode[type="360photoemagazine"] {
width: 980px !important;
margin-left: -160px !important; }
.LayoutAlbumWrapper {
width: 100%;
display:flex;
}
.LayoutAlbumWrapper .LayoutAlbumRow {
margin-bottom: 4px;
float: left;
width: 100%;
}
.LayoutAlbumWrapper .LayoutAlbumRow:last-child {
margin: 0;
}
.LayoutAlbumWrapper .LayoutAlbumItem {
display: block;
float: left;
margin: 0 2px;
}
.LayoutAlbumWrapper .LayoutAlbumItem:first-child {
margin-left: 0;
}
.LayoutAlbumWrapper .LayoutAlbumItem:last-child {
margin-right: 0;
}
.LayoutAlbumWrapper figure {
margin: 0;
position: relative;
-webkit-backface-visibility: hidden;
}
.LayoutAlbumWrapper figcaption {
background-color: rgba(255,255,255,.75);
box-sizing: border-box;
font-size: .75rem;
padding: .5rem;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
-webkit-transform: translateY(100%);
transform: translateY(100%);
transition: all .5s ease-in-out;
display: none;
}
.LayoutAlbumItem a {
border: 0;
display: block;
position: relative;
width: 100%;
height: 100%;
}
.LayoutAlbumWrapper .LayoutAlbumItem:hover a+figcaption {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.LayoutAlbumWrapper img {
display: block;
max-width: 100%;
transition: all .25s ease-in-out;
}
[data-role=content] .VCSortableInPreviewMode .PhotoCMS_Caption, [data-role=content] .VCSortableInPreviewMode .VideoCMS_Caption{
padding: 8px 0;
}
.VCSortableInPreviewMode[type=LayoutAlbum] .LayoutAlbumCaptionWrapper{
margin: auto;
}
.contentOuter .VCSortableInPreviewMode.alignCenterOverflow.LayoutAlbumWrapper{
display: flex;
}
[data-role="content"] .LayoutAlbumCaption{
text-align: left;
font-size: 17px;
line-height: 27px ;
font-family: SFD-Regular;
}
.VCSortableInPreviewMode[type="photo"].alignJustifyFull .PhotoCMS_Caption, .VCSortableInPreviewMode[type=LayoutAlbum] .LayoutAlbumCaptionWrapper, .VCSortableInPreviewMode[type="photo"].alignJustifyFull .PhotoCMS_Caption, .VCSortableInPreviewMode[type="photo"].alignCenterOverflow .PhotoCMS_Caption {
width: 680px;
display: block;
margin: auto;
}
.magazine [data-role=content] .VCSortableInPreviewMode.alignJustifyFull{
left: 50%!important;
}
@media (max-width: 991px) {
.magazine .VCSortableInPreviewMode[type="360photoemagazine"] {
width: 100% !important;
margin-left: 0 !important; } }
.magazine .VCSortableInPreviewMode[type="360photoemagazine"] iframe {
width: 980px !important; }
@media (max-width: 991px) {
.magazine .VCSortableInPreviewMode[type="360photoemagazine"] iframe {
width: 100% !important; } }
.magazine .video video {
max-width: 100%;
height: auto; }
@media(max-width:991px) {
.container-magazine {
width: 100%;
padding: 0 10px;
}
}
@media(max-width:767px) {
.container-magazine .detail-content {
background: transparent;
padding: 12px 0px 100px;
}
[data-role=content] .VCSortableInPreviewMode[type=photo].alignLeft,
[data-role=content] .VCSortableInPreviewMode[type=photo].alignLeftOverflow,
[data-role=content] .VCSortableInPreviewMode[type=photo].alignRight,
[data-role=content] .VCSortableInPreviewMode[type=photo].alignRightOverflow,
[data-role=content] .VCSortableInPreviewMode[type=photo],
[data-role=content] .VCSortableInPreviewMode[type=VideoStream]{
width: calc(100% + 20px);
max-width: calc(100% + 20px) !important;
margin-left: -10px !important;
}
[data-role="content"] .LayoutAlbumWrapper .LayoutAlbumRow{
display: block;
margin-bottom: 0;
}
[data-role="content"] .LayoutAlbumWrapper .LayoutAlbumItem{
margin: 10px 0 0;
}
.magazine [data-role=content] .LayoutAlbumCaption, .magazine [data-role=content] .VCSortableInPreviewMode .PhotoCMS_Caption , .magazine [data-role=content] .VCSortableInPreviewMode .VideoCMS_Caption {
font-size: 15px;
text-align: left!important;
font-family: SFD-Regular;
line-height: 19px;
padding: 10px 20px!important;
color: #666;
width: 100%;
margin: 0;
background-color: unset!important;
font-style: normal;
}
.VCSortableInPreviewMode[type="photo"].alignJustifyFull .PhotoCMS_Caption, .VCSortableInPreviewMode[type=LayoutAlbum] .LayoutAlbumCaptionWrapper, .VCSortableInPreviewMode[type="photo"].alignJustifyFull .PhotoCMS_Caption, .VCSortableInPreviewMode[type="photo"].alignCenterOverflow .PhotoCMS_Caption {
width: 100%;
display: block;
margin: auto;
}
.magazine [data-role="content"] .VCSortableInPreviewMode.alignRightOverflow {
float: right;
margin-right: -15px;
width: 45%;
margin-left: 15px !important;
}
.magazine [data-role="content"] .VCSortableInPreviewMode.alignLeftOverflow {
float: left;
margin-left: -15px;
margin-right: 15px;
width: 45%;
}
.magazine [data-role="content"] .VCSortableInPreviewMode.alignCenterOverflow{
width: 100vw;
max-width: 100vw;
margin-left: -15px;
}
.magazine [data-role=content] .VCSortableInPreviewMode.alignJustifyFull {
left: 0 !important;
}
.magazine [data-role="content"] .VCSortableInPreviewMode.alignCenterOverflow[type='insertembedcode'] {
width: 100%;
max-width: 100%;
margin-left: 0;
}
.magazine [data-role="content"] .VCSortableInPreviewMode.alignJustifyFull{
margin-left: -15px;
}
}
.widget-box.alignRight {
float: right !important;
width: 45% !important;
}
.widget-box.alignLeft {
float: left !important;
width: 45% !important;
}
.widget-box {
display: inline-block;
margin: 0 auto 15px;
word-wrap: break-word;
position: relative;
padding: 10px;
line-height: 1.4;
font-weight: 300;
z-index: 1;
width: 100%;
}
.widget-box.active {
outline: rgba(228, 156, 90, 0.5) dashed 1px;
}
.widget-box:before, .widget-box:after {
content: '';
display: table;
}
.widget-box:after {
clear: both;
}
.widget-box .half {
width: 50%;
min-height: 30px;
float: left;
padding-left: 15px;
padding-right: 15px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.widget-box img {
margin: 20px 0 15px;
max-width: 100%;
}
.widget-box .half.three-thumb > img,
.widget-box .half.three-thumb > span,
.widget-box .half.three-thumb > a {
display: inline-block;
width: calc(100% / 3 - 15px);
margin-right: 15px;
position: relative;
}
.widget-box .half.three-thumb > img,
.widget-box .half.three-thumb > span,
.widget-box .half.three-thumb > a {
position: relative;
padding-bottom: calc(100% / 3 - 15px);
height: 0;
}
.widget-box .half.three-thumb > img > img,
.widget-box .half.three-thumb > span > img,
.widget-box .half.three-thumb > a > img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.widget-box p {
margin: 15px 0;
font-size: inherit;
line-height: 1.4;
font-weight: 300;
}
.widget-box h1 {
font-size: 2.36em;
margin: 0.4em 0;
font-weight: 300;
letter-spacing: 0;
line-height: 1.4;
}
.widget-box h1 h3 {
font-size: 1.73em;
margin: 0.7em 0;
font-weight: 300;
letter-spacing: 0;
line-height: 1.4;
}
.widget-box .widget-column {
min-height: 30px;
float: left;
padding-left: 1rem;
padding-right: 1rem;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.widget-box .third {
width: 33.3%;
}
.widget-box figure {
margin: 0
}
.widget-box figure figcaption {
display: block;
}
.widget-box .full {
width: 100%;
}
.widget-box .fourth {
width: 25%;
}
.widget-box .two-third {
width: 66.7%;
}
.widget-box .full .display {
margin-bottom: 0.5em;
}
.widget-box .full .center {
text-align: center;
}
.widget-box .full .embed-responsive.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.widget-box .full .embed-responsive.embed-responsive-4by3 {
padding-bottom: 75%;
}
.widget-box .full .embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
/* margin-top: 1.4em; */
/* margin-bottom: 1em; */
}
.widget-box.width100 {
width: 100%;
}
.widget-box .full .embed-responsive iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.widget-box .radius-img-sm {
width: 180px;
height: 180px;
margin: 10px auto;
}
.widget-box .radius-img-sm .widget-image-wrapper {
height: 100%;
width: 100%;
}
.widget-box .radius-img-sm img {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
border-radius: 100%;
}
.widget-column-4:before, .widget-column-4:after {
content: " ";
display: table;
}
.widget-column-4:after {
clear: both;
}
.widget-column-4 {
width: 33.333333%;
float: left;
display: block;
}
.embed-responsive.embed-responsive-square {
padding-bottom: 100% !important;
}
.embed-responsive-square > img {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
/* VnEconomy Quote styles */
.widget-box[type^="vne_quote"] .quote-content::before, .widget-box[type^="vne_quote"] .quote-content::after {
content: ' ';
display: table;
}
.widget-box[type^="vne_quote"] .quote-content::after {
clear: both;
}
.widget-box[type^="vne_quote"] .quote-content {
font-family: Roboto;
/* font-size: large; */
font-weight: bold;
color: rgb(128, 128, 128);
text-align: justify;
line-height: 1.5;
margin-left: 36px;
margin-right: 36px;
margin-top: 5px;
padding: 0;
}
.widget-box[type^="vne_quote"] .quote-content.quote-border-top {
padding-top: 10px;
border-top: 1px solid #c0c0c0;
}
.widget-box[type^="vne_quote"] .quote-content.quote-border-bottom {
padding-bottom: 10px;
border-bottom: 1px solid #c0c0c0;
}
.widget-box[type^="vne_quote"] .quote-content.quote-border-auto {
padding-bottom: 10px;
padding-top: 10px;
border-bottom: none;
border-top: 1px solid #c0c0c0;
}
.widget-box[type^="vne_quote"] .quote-content.quote-border-auto:last-child {
border-bottom: 1px solid #c0c0c0;
}
.widget-box[type^="vne_quote"] .quote-icon {
float: left;
width: 36px;
height: 36px;
display: block;
text-align: center;
margin: 0;
padding: 0;
}
.widget-box[type^="vne_quote"] .quote-icon.icon-quote-style {
max-width: 30px;
max-height: 30px;
background: transparent url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDUxMi41IDUxMi41IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIuNSA1MTIuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik0xMTIuNSwyMDguMjVjNjEuODU2LDAsMTEyLDUwLjE0NSwxMTIsMTEycy01MC4xNDQsMTEyLTExMiwxMTJzLTExMi01MC4xNDUtMTEyLTExMmwtMC41LTE2ICAgYzAtMTIzLjcxMiwxMDAuMjg4LTIyNCwyMjQtMjI0djY0Yy00Mi43MzcsMC04Mi45MTcsMTYuNjQzLTExMy4xMzcsNDYuODYzYy01LjgxNyw1LjgxOC0xMS4xMjYsMTIuMDA4LTE1LjkxNSwxOC41MSAgIEMxMDAuNjY3LDIwOC43MjMsMTA2LjUyOCwyMDguMjUsMTEyLjUsMjA4LjI1eiBNNDAwLjUsMjA4LjI1YzYxLjg1NSwwLDExMiw1MC4xNDUsMTEyLDExMnMtNTAuMTQ1LDExMi0xMTIsMTEyICAgcy0xMTItNTAuMTQ1LTExMi0xMTJsLTAuNS0xNmMwLTEyMy43MTIsMTAwLjI4Ny0yMjQsMjI0LTIyNHY2NGMtNDIuNzM2LDAtODIuOTE4LDE2LjY0My0xMTMuMTM3LDQ2Ljg2MyAgIGMtNS44MTgsNS44MTgtMTEuMTI3LDEyLjAwOC0xNS45MTYsMTguNTFDMzg4LjY2NiwyMDguNzIzLDM5NC41MjcsMjA4LjI1LDQwMC41LDIwOC4yNXoiIGZpbGw9IiNEODAwMjciLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat center/ 100%;
}
.widget-box[type^="vne_quote"] .quote-icon img {
max-width: 100%;
margin: 0;
}
.widget-box[type^="vne_quote"] .quote-author {
margin: 0 36px;
padding: 10px 0;
font-weight: bold;
font-family: Roboto;
/* font-size: large; */
}
.widget-box[type^="vne_quote"] .quote-author.quote-border-top {
border-top: 1px solid #c0c0c0;
}
.widget-box[type^="vne_quote"] .quote-author.quote-border-bottom {
border-bottom: 1px solid #c0c0c0;
}
.widget-box[type^="vne_quote"] .quote-author-avatar {
display: inline-block;
line-height: 0;
max-width: 90px;
min-width: 60px;
margin: 0;
border: 2px solid #fff;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
margin-bottom: 15px;
}
.widget-box[type^="vne_quote"] .quote-author-avatar.avatar-left {
float: left;
margin-right: 15px;
}
.widget-box[type^="vne_quote"] .quote-author-avatar.avatar-right {
float: right;
margin-left: 15px;
}
.widget-box[type^="vne_quote"] .quote-author-avatar img {
max-width: 100%;
margin: 0;
background: #e0e0e0;
}
.widget-box .widget-image-wrapper {
position: relative;
max-width: 100%;
display: inline-block;
line-height: 0;
outline: none;
box-shadow: none;
margin: 20px 0 15px;
}
.VCSortableInPreviewMode .widget-image-wrapper {
position: relative;
height:100%;
display:block;
}
.widget-box .widget-image-wrapper .image-editter, .VCSortableInPreviewMode .widget-image-wrapper .image-editter {
display: none;
position: absolute;
z-index: 5;
top: 50%;
left: 50%;
margin-top: -11px;
margin-left: -30px;
line-height: 1;
border-radius: 3px;
font-size: 12px;
padding: 6px 8px;
cursor: pointer;
margin-bottom: 0;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid;
background-color: #f6f7f9;
border-color: #ced0d4;
color: #4b4f56;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.widget-box .widget-image-wrapper img, .VCSortableInPreviewMode .widget-image-wrapper img {
margin: 0;
opacity: 1;
}
.widget-box .widget-image-wrapper:hover, .VCSortableInPreviewMode .widget-image-wrapper:hover {
outline: 1px solid #1f78d8;
}
.widget-box .widget-image-wrapper:hover .image-editter, .VCSortableInPreviewMode .widget-image-wrapper:hover .image-editter {
display: unset;
}
.widget-box .widget-image-wrapper:hover img, .VCSortableInPreviewMode .widget-image-wrapper:hover img {
opacity: 0.5;
}
.widget-box .widget-image-wrapper .image-editter .fa, .VCSortableInPreviewMode .widget-image-wrapper .image-editter .fa {
margin-right: 5px;
}
.widget-box .widget-image-wrapper .image-editter:hover, .VCSortableInPreviewMode .widget-image-wrapper .image-editter:hover {
background-color: #e9ebee;
}
.widget-box [placeholder]:before {
color: #353232;
opacity: 0.3
}
.widget-box [placeholder]:hover {
cursor: text;
}
/** Start alert Box CSS */
body:has(.alert-box.show) {
overflow: hidden;
}
.alert-box {
display: none;
}
.alert-box .alert-content {
width: 0;
opacity: 0;
padding: 20px;
}
.alert-box.show {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
background: rgba(0, 0, 0, 0.75);
z-index: 99;
}
.alert-box.show .alert-content {
opacity: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 400px !important;
min-height: 200px;
background: #fff;
border-radius: 4px;
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
}
.alert-box.show .alert-content .alert-title {
text-align: center;
}
.alert-box.show .alert-content .btn-alert-confirm {
background: #0098d1;
border: none;
color: #fff;
padding: 10px;
border-radius: 4px;
font-family: "Inter";
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
cursor: pointer;
}
@media (max-width: 767px) {
.alert-box.show{
padding: 0 15px;
}
}
/** End Alter Box CSS */
.fblw-timeline-item {
background: #fff;
/* border: 1px solid #e1e1e1; */
}
.fblwtia-mask {
background: #f9f9f9;
position: absolute;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 10px;
}
.fblwtia-title-line {
right: 0;
left: 31%;
top: 0;
height: 20px;
width: 3%;
}
.fblwtia-front-mask {
height: 10px;
left: 31%;
width: 3%;
}
.fblwtia-title-mask-1 {
top: 30px;
}
.fblwtia-front-mask-2 {
top: 70px;
height: 15px;
}
.fblwtia-front-mask-3 {
top: 105px;
}
.fblwtia-front-mask-4 {
top: 125px;
}
.fblwtia-sepline-sapo {
left: 31%;
right: 0;
}
.fblwtia-sepline-sapo-0 {
top: 20px;
}
.fblwtia-sepline-sapo-1 {
top: 50px;
height: 20px;
}
.fblwtia-sepline-sapo-2 {
top: 85px;
height: 20px;
}
.fblwtia-sepline-sapo-3 {
top: 115px;
}
.fblwtia-sepline-sapo-4 {
top: 135px;
height: 25px;
}
.fblwtia-sapo-line {
right: 0;
}
.fblwtia-sapo-line-2 {
top: 70px;
left:55%;
height: 15px;
}
.fblwtia-sapo-line-3 {
top: 105px;
left: 95%;
}
.fblwtia-sapo-line-4 {
top: 125px;
left: 85%;
height: 10px;
}
.fblwti-animated {
animation-duration: 1.5s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: #f6f7f8;
background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
background-size: 800px 200px;
height: 110px;
position: relative;
}
@-webkit-keyframes placeHolderShimmer {
0% {
background-position: -800px 0
}
100% {
background-position: 800px 0
}
}
/* Custom HNG */
.fblwti-animated {
height: 159px;
}
.btnviewmore:hover {
background: #a01e21;
}
.btnviewmore {
width: 140px;
height: 40px;
background: #393939;
font-family: SFD-Bold;
font-size: 18px;
line-height: 40px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
border-radius: 25px;
text-align: center;
}
.fblwtia-sapo-line-0 {
top: 0;
left: 98%;
height: 20px;
}
.fblwtia-sapo-line-1 {
top: 30px;
left: 85%;
height: 20px;
}
.fb-loading-wrapper{ padding: 25px 0;}
/*Loading 2*/
.layout__loading_item{
width: 100%;
flex-wrap: wrap;
gap: 40px;
display: flex;
}
.layout__loading_item>div {
width: calc(32.72% - 20px);
}
.layout__loading_item.layout__loading_item1>div {
width: calc(100% - 20px);
}
.layout__loading_item.layout__loading_item2>div {
width: calc(50% - 8px);
}
.layout__loading_item.layout__loading_item1>div {
width: 100%;
}
.layout__loading_item.layout__loading_item4{
gap: 24px;
}
.layout__loading_item.layout__loading_item3{
gap: 24px;
}
.layout__loading_item.layout__loading_item3{
gap: 24px;
}
.layout__loading_item.layout__loading_item2{
gap: 16px;
}
.layout__loading_item.layout__loading_item4>div {
width: calc(25% - 18px);
}
.layout__loading_item.layout__loading_item3>div {
width: calc(33.33% - 18px);
}
.layout__loading_item .news-image-load {
height: 188px !important;
}
.loading__animation {
animation-duration: 1.5s !important;
animation-fill-mode: forwards !important;
animation-iteration-count: infinite !important;
animation-name: placeHolderShimmer !important;
animation-timing-function: linear !important;
background: #f6f7f8;
background: linear-gradient(to right,#eee 8%,#ddd 18%,#eee 33%);
background-size: 800px 200px !important;
position: relative;
}
.layout__loading_item .box-stream-content {
margin-top: 16px;
}
.layout__loading_item .news-title-load {
margin-bottom: 16px;
height: 15px;
width: 30%;
}
.layout__loading_item .news-sapo-load {
height: 15px;
margin-top: 10px;
}
/************************************* contactinfo v2 *********************************************/
[data-role="content"] .VCSortableInPreviewMode[type="contactinfo"][version="2"]{
border-top: transparent;
padding-top: 0px;
}
[data-role="content"] .VCSortableInPreviewMode[type="contactinfo"] .contact-info-block {
width:100%;
margin-bottom: 25px;
}
[data-role="content"] .VCSortableInPreviewMode[type="contactinfo"] .contact-info-block .row {
/* height: 56px; */
border-bottom: solid 1px #E2E7ED;
display: flex;
align-items: center;
font-family: Arial;
font-size: 18px;
color: #606368;
font-weight: 400;
line-height: 28px;
padding: 13px 0px;
}
[data-role="content"] .VCSortableInPreviewMode[type="contactinfo"] .groupItem.contact-detail {
width: 100%;
}
[data-role="content"] .VCSortableInPreviewMode[type="contactinfo"] .contact-info[data-layout="2"] .title{
font-size: 20px;
font-weight: 700;
font-family: Merriweather;
margin-bottom: 20px;
}
[data-role="content"] .VCSortableInPreviewMode[type="contactinfo"] [data-layout="2"] .wrap-avatar{
width: 220px;
height: 270px;
background: #fff;
margin-right: 40px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 10px 20px 0px #C5CEDD;
padding: 10px;
min-width: 220px;
position: relative;
}
[data-role="content"] .VCSortableInPreviewMode[type="contactinfo"] [data-layout="2"] .contact-info-block .row-contact-key{
min-width: 150px
}
[data-role="content"] .VCSortableInPreviewMode[type="contactinfo"] [data-layout="2"] .groupItem.contact-detail{
display: flex;
margin-bottom: 25px;
padding-top: 25px;
border-top: solid 1px #DADCE0;
}
[data-role="content"] .VCSortableInPreviewMode[type="contactinfo"] [data-layout="2"] .groupItem.contact-detail:nth-child(1n){
padding-top:0px;
border-top:transparent;
}
[data-role="content"] .VCSortableInPreviewMode[type="contactinfo"] [data-layout="2"] .avatar {
background-image: url('/statics/images/contactinfo/avatardefault.png');
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
[data-role="content"] .VCSortableInPreviewMode[type="contactinfo"] [data-layout="2"] .list-contact{
display: block;
padding: 40px;
background: #F3F6FB;
}
[data-role="content"] .VCSortableInPreviewMode[type="contactinfo"] .contact-info-block .row-contact-key {
min-width: 245px;
}
[data-role="content"] .VCSortableInPreviewMode[type="contactinfo"] [data-layout="2"] .contact-info-block .row{
background: #fff;
padding: 13px 20px;
}
[data-role="content"] .VCSortableInPreviewMode[type="contactinfo"] [data-layout="2"] .contact-info-block .row .row-contact-value{
word-wrap: break-word;
word-break: break-word;
}
.detail__main .detail-content .VCSortableInPreviewMode.noCaption .PhotoCMS_Caption,
.detail__main .detail-content .VCSortableInPreviewMode.noCaption .AudioCMS_Caption,
.detail__main .detail-content .VCSortableInPreviewMode.noCaption .VideoCMS_Caption{
display: none !important;
}
.detail__main .detail-content .VCSortableInPreviewMode .VideoCMS_Caption{
padding: 20px;
color: #606368;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.detail__scroll-action .btn-font{
overflow: hidden;
}
.detail__main .detail-content .VCSortableInPreviewMode .AudioCMS_Caption{
background: unset;
padding: 15px;
}
[data-role="content"] .VCSortableInPreviewMode .PhotoCMS_Caption p, [data-role="content"] .VCSortableInPreviewMode .AudioCMS_Caption p{
padding-top: unset;
}
.detail-container-full [data-role="content"]{
width: 700px;
margin: auto;
}
.detail-container-full.detail__main {
width: 100%;
}
.item-st:hover.twitter:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url('https://static.mediacdn.vn/MIC/image/d-tw-hover.svg');
z-index: 2;
}
.videoIfame .entry-content:after{
content: '';
padding-bottom: 56.26%!important;
}
.videoIfame .entry-content iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}.video-big .vPlayer .d-bg-short{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.video-big .vPlayer .d-bg-short img{
height: 100%;
width: 100%;
}
.video-big .vPlayer .d-bg-short:before{
content: '';
position: absolute;
left: 50%;
padding-bottom: 15%;
width: 15%;
top: calc( 100%/2 - 15px) !important;
transform: translate(-50%, -50%);
opacity: 1;
border-radius: 50%;
background: black;
}
.d-bg-short img{
max-height: 100%;
}
.video-big .vPlayer .d-bg-short:after{
content: '';
position: absolute;
left: calc(50% - 18px);
top: calc(100%/2 - 44px) !important;
width: 0;
height: 0;
border-top: 31.1228px solid transparent;
border-bottom: 31.1228px solid transparent;
border-left: 49.2778px solid white;
}
.video-big .d-bg-short img{
width: 100%;
}
.video-big .vPlayer {
position: relative;
height: 0;
padding-bottom: 56.26%;
margin-bottom: 15px;
}
.box-video .videoIfame .VCSortableInPreviewMode iframe {
width: 100%;
}
.box-video.video-big .vPlayer {
position: relative;
height: 0;
padding-bottom: 56.26%;
}
.box-video.video-big .vPlayer:before {
content: '';
padding-bottom: 56.26% !important;
}
.box-video.video-big .VCSortableInPreviewMode[type="VideoStream"] .videoNewsPlayer {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.box-video .videoIfame .entry-content:after {
content: '';
padding-bottom: 56.26% !important;
}
.box-video.video-big .VCSortableInPreviewMode[type="VideoStream"] .videoNewsPlayer.video-wrapper-mini {
z-index: 99999999;
}
.box-video .videoIfame .entry-content iframe {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
[data-role="content"] img{
width: auto;
}
[data-role="content"] .chartbox-columnselect{
display: none;
}
.mul__detail-video .detail__main{
width: 100%;
}
[data-role="content"] .VCSortableInPreviewMode[type="Photo"] > div{
text-align: center;
}
[data-role=content] .VCSortableInPreviewMode[relatednewsboxtype] .kbwscwlrl-content img{
width: 100%;
}
.af-tts{
width: 500px;
}
/*css detial old*/
.detail-old #gtx-trans {
display: none !important;
}
.detail-old table td{
padding: 0 10px;
}
.detail-old img{
margin: auto;
}
/*end css detail old*/
.detail__main .detail-sapo {
font-family: 'Merriweather';
font-weight: 600;
}
table {
display: block;
overflow: auto;
max-width: 100%;
}
[data-role=content] p {
margin-bottom: 24px;
font-size: 14px;
}
table td {
font-size: 16px;
width: auto;
}
/* category */
@font-face {
font-family: "Merriweather";
font-weight: normal;
font-style: normal;
src: url("https://static.mediacdn.vn/fonts/Merriweather-Regular.woff2") format("woff2"), url("https://static.mediacdn.vn/fonts/Merriweather-Regular.woff") format("woff"), url("https://static.mediacdn.vn/fonts/Merriweather-Regular.ttf") format("truetype"), url("https://static.mediacdn.vn/fonts/Merriweather-Regular.eot") format("embedded-opentype");
font-display: swap;
}
@font-face {
font-family: "Merriweather";
font-weight: bold;
font-style: normal;
src: url("https://static.mediacdn.vn/fonts/Merriweather-Bold.woff2") format("woff2"), url("https://static.mediacdn.vn/fonts/Merriweather-Bold.woff") format("woff"), url("https://static.mediacdn.vn/fonts/Merriweather-Bold.ttf") format("truetype"), url("https://static.mediacdn.vn/fonts/Merriweather-Bold.eot") format("embedded-opentype");
font-display: swap;
}
@font-face {
font-family: "Merriweather";
font-weight: 900;
font-style: normal;
src: url("https://static.mediacdn.vn/fonts/Merriweather-Black.woff2") format("woff2"), url("https://static.mediacdn.vn/fonts/Merriweather-Black.woff") format("woff"), url("https://static.mediacdn.vn/fonts/Merriweather-Black.ttf") format("truetype"), url("https://static.mediacdn.vn/fonts/Merriweather-Black.eot") format("embedded-opentype");
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: url("https://static.mediacdn.vn/fonts/Roboto-Regular.woff2") format("woff2"), url("https://static.mediacdn.vn/fonts/Roboto-Regular.woff") format("woff"), url("https://static.mediacdn.vn/fonts/Roboto-Regular.ttf") format("truetype"), url("https://static.mediacdn.vn/fonts/Roboto-Regular.eot") format("embedded-opentype");
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 500;
src: url("https://static.mediacdn.vn/fonts/Roboto-Medium.woff2") format("woff2"), url("https://static.mediacdn.vn/fonts/Roboto-Medium.woff") format("woff"), url("https://static.mediacdn.vn/fonts/Roboto-Medium.ttf") format("truetype"), url("https://static.mediacdn.vn/fonts/Roboto-Medium.eot") format("embedded-opentype");
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 600;
src: url("https://static.mediacdn.vn/fonts/RobotoCondensed-Bold.woff2") format("woff2"), url("https://static.mediacdn.vn/fonts/RobotoCondensed-Bold.woff") format("woff"), url("https://static.mediacdn.vn/fonts/RobotoCondensed-Bold.ttf") format("truetype"), url("https://static.mediacdn.vn/fonts/RobotoCondensed-Bold.eot") format("embedded-opentype");
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 700;
src: url("https://static.mediacdn.vn/fonts/Roboto-Bold.woff2") format("woff2"), url("https://static.mediacdn.vn/fonts/Roboto-Bold.woff") format("woff"), url("https://static.mediacdn.vn/fonts/Roboto-Bold.ttf") format("truetype"), url("https://static.mediacdn.vn/fonts/Roboto-Bold.eot") format("embedded-opentype");
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: bold;
src: url("https://static.mediacdn.vn/fonts/Roboto-Bold.woff2") format("woff2"), url("https://static.mediacdn.vn/fonts/Roboto-Bold.woff") format("woff"), url("https://static.mediacdn.vn/fonts/Roboto-Bold.ttf") format("truetype"), url("https://static.mediacdn.vn/fonts/Roboto-Bold.eot") format("embedded-opentype");
font-display: swap;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400;
src: url("https://static.mediacdn.vn/fonts/Inter-Regular.woff2") format("woff2"), url("https://static.mediacdn.vn/fonts/Inter-Regular.woff") format("woff"), url("https://static.mediacdn.vn/fonts/Inter-Regular.ttf") format("truetype"), url("https://static.mediacdn.vn/fonts/Inter-Regular.eot") format("embedded-opentype");
font-display: swap;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 500;
src: url("https://static.mediacdn.vn/fonts/Inter-Medium.woff2") format("woff2"), url("https://static.mediacdn.vn/fonts/Inter-Medium.woff") format("woff"), url("https://static.mediacdn.vn/fonts/Inter-Medium.ttf") format("truetype"), url("https://static.mediacdn.vn/fonts/Inter-Medium.eot") format("embedded-opentype");
font-display: swap;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 600;
src: url("https://static.mediacdn.vn/fonts/Inter-SemiBold.woff2") format("woff2"), url("https://static.mediacdn.vn/fonts/Inter-SemiBold.woff") format("woff"), url("https://static.mediacdn.vn/fonts/Inter-SemiBold.ttf") format("truetype"), url("https://static.mediacdn.vn/fonts/Inter-SemiBold.eot") format("embedded-opentype");
font-display: swap;
}
.box-right .d-block {
height: 600px;
background-color: #f1f3f4;
}
.list__center {
margin: auto;
text-align: center;
}
.list__center .view-more {
border-radius: 4px;
background-color: #F3F6FB;
border: 1px solid #E2E7ED;
padding: 12px 54px;
gap: 4px;
display: inline-flex;
color: #000;
font-family: Arial;
font-size: 16px;
font-style: normal;
line-height: 23px;
margin-top: 10px;
align-items: center;
}
.list__nbottom-flex .fill-byday {
border-radius: 4px;
border: 1px solid #e2e7ed;
background: #f3f6fb;
padding: 12px 20px;
display: flex;
align-items: center;
color: #000;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21px;
gap: 6px;
cursor: pointer;
}
.btn-input-picker {
position: relative;
}
.btn-input-picker .input-picker {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
cursor: pointer;
}
.list__police .table-link,
.list__box-law-sl .table-link,
.list__box-law-sl .topic-link {
color: #000;
}
.sl__table .row .nd a{
color: #000;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
}
.list__police .box-police .table.table-2 .row .th{
color: #606368;
}
.header__search .search-form .search-submit{
top: 8px;
}
.header {
position: relative;
}
.header.sticky_header .header__middle {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 99;
}
.header__tt {
background: #fff;
padding: 8px 0;
}
.header__tt .container {
display: flex;
align-items: center;
}
.header__tt .follow {
display: flex;
align-items: center;
gap: 10px;
}
.header__tt .follow p {
font-weight: 500;
font-size: 14px;
line-height: 24px;
color: #606368;
}
.header__tt .follow .youtube {
width: 20px;
height: 16px;
background: url("https://static.mediacdn.vn/mst/images/yt.svg") no-repeat 0 0/contain;
}
.header__tt .follow .tiktok {
width: 16px;
height: 18px;
background: url("https://static.mediacdn.vn/mst/images/tiktok.svg") no-repeat 0 0/contain;
}
.header__tt .follow .facebook {
width: 10px;
height: 18px;
background: url("https://static.mediacdn.vn/mst/images/fb.svg") no-repeat 0 0/contain;
}
.header__tt .box-link {
margin-left: auto;
}
.header__tt .box-link > * + * {
margin-left: 20px;
padding-left: 20px;
}
.header__tt .box-link > * + *::after {
content: "";
width: 1px;
height: 14px;
background: #DADCE0;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
}
.header__tt .box-link a {
position: relative;
color: #606368;
font-weight: 500;
font-size: 14px;
line-height: 24px;
}
.header__top {
background: url(https://static.mediacdn.vn/mst/images/hg-top-header.jpg), rgba(0, 73, 152, 0) no-repeat center top;
background-size: contain;
}
.header__top-flex {
padding: 18px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.header__logo {
display: flex;
align-items: center;
}
.header__logo .image {
width: 60px;
height: 60px;
margin-right: 20px;
}
.header__logo .image img {
width: 100%;
height: auto;
}
.header__logo .content {
display: flex;
flex-direction: column;
}
.header__logo .content .text {
color: #FFF;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.24px;
margin-bottom: 2px;
}
.header__logo .content .note {
color: #fff;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px;
text-align: center;
}
.header__tf-right {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.header__tf-right .language {
position: relative;
display: flex;
border: 1px solid #3373B1;
border-radius: 9999px;
overflow: hidden;
}
.header__tf-right .language > * + * {
border-left: 1px solid #3373B1;
}
.header__tf-right .language a {
padding: 11px;
}
.header__tf-right .language .curent {
background: #003971;
}
.header__tf-right .language .language-bot {
position: absolute;
width: 215px;
border-radius: 0px 0px 10px 10px;
background: #F3F6FB;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2);
padding: 20px;
top: 55px;
right: 0;
display: none;
z-index: 2;
}
.header__tf-right .language .language-flex {
display: flex;
flex-direction: column;
gap: 16px;
}
.header__tf-right .language .item {
border-radius: 4px;
border: 1px solid #E2E7ED;
background: #FFF;
display: flex;
padding: 12px 30px;
align-items: center;
justify-content: center;
gap: 8px;
color: #3D4043;
text-align: center;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.header__tf-right .list-action {
display: flex;
align-items: center;
}
.header__tf-right .link {
display: flex;
align-items: center;
}
.header__tf-right .link .item {
color: #A0BDD9;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 14px; /* 142.857% */
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #003B77;
height: 14px;
display: block;
}
.header__tf-right .link .item:first-child {
border-left: 0;
padding-left: 0;
margin-left: 0;
}
.header__tf-right .social {
display: flex;
}
.header__tf-right .social .item {
display: flex;
margin-left: 16px;
}
.header__middle {
background: #FFF;
border-bottom: 1px solid #DADCE0;
}
.header__mflex {
display: flex;
align-items: center;
justify-content: space-between;
}
.header__nav {
display: flex;
}
.header__nav .item:last-child {
margin-right: 0;
}
.header__nav .item:last-child a {
margin-right: 0;
padding: 15px 0 0;
}
.header__nav .item, .header__nav .nav-link {
position: relative;
margin-right: 20px;
}
@media (max-width: 1310px) {
.header__nav .item, .header__nav .nav-link {
margin-right: 14px;
}
}
.header__nav .item:hover .item-sub, .header__nav .nav-link:hover .item-sub {
display: block;
}
.header__nav .item .item-sub, .header__nav .nav-link .item-sub {
position: absolute;
width: 360px;
padding: 0 20px;
left: 0;
top: 100%;
background: #FFF;
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
z-index: 2;
display: none;
}
.header__nav .item .item-sub-link, .header__nav .nav-link .item-sub-link {
display: block;
padding: 16px 0;
border-bottom: 1px solid #DADCE0;
color: #3D4043;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.header__nav .item .item-sub-link:hover, .header__nav .nav-link .item-sub-link:hover {
color: #1259A0;
}
.header__nav .nav-link {
color: #3D4043;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
display: block;
padding: 16px 0;
line-height: 24px;
white-space: nowrap;
}
.header__nav .nav-link.active, .header__nav .nav-link:hover {
color: #CE1126;
}
.header__search {
position: relative;
}
.header__search:hover .search-form {
width: 200px;
}
.header__search .btn-search {
border-radius: 60px;
border: 1px solid rgba(255, 255, 255, 0.2);
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.header__search .search-form {
position: absolute;
width: 0;
overflow: hidden;
transition: all 0.3s;
top: 0;
right: 0;
display: flex;
align-items: center;
}
.header__search .search-form .search-input {
width: 100%;
height: 40px;
border: 1px solid #ddd;
border-radius: 25px;
padding: 0 10px;
padding-right: 32px;
}
.header__search .search-form .search-submit {
position: absolute;
border: 0;
background: 0;
right: 0;
width: 32px;
height: 32px;
padding: 0;
cursor: pointer;
}
.header__fo {
display: flex;
align-items: center;
gap: 10px;
}
.header__bt {
display: flex;
align-items: center;
justify-content: space-between;
}
.header__back {
display: flex;
align-items: center;
}
.header__back .back-home {
display: flex;
align-items: center;
gap: 6px;
}
.header__back .name-page {
color: #000;
font-family: Merriweather;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
padding-left: 20px;
margin-left: 20px;
border-left: 1px solid #DADCE0;
}
.header__multimedia .header__nav .nav-link {
display: flex;
align-items: center;
gap: 6px;
margin-right: 40px;
font-weight: 700;
position: relative;
}
.header__multimedia .header__nav .nav-link:hover {
color: #CE1126;
}
.header__multimedia .header__nav .nav-link:hover .icon svg path {
fill: #CE1126;
}
.header__multimedia .header__nav .nav-link:hover::before {
content: "";
position: absolute;
width: 100%;
height: 2px;
background: #CE1126;
bottom: -12px;
left: 0;
}
.header__multimedia .header__nav .nav-link.active {
color: #CE1126;
}
.header__multimedia .header__nav .nav-link.active .icon svg path {
fill: #CE1126;
}
.header__multimedia .header__nav .nav-link.active::before {
content: "";
position: absolute;
width: 100%;
height: 2px;
background: #CE1126;
bottom: -12px;
left: 0;
}
.footer {
margin-top: 30px;
font-family: Inter;
}
.footer .social {
gap: 10px;
display: flex;
}
.footer .social a {
width: 40px;
height: 40px;
}
.footer__middle {
padding: 30px 0;
border-top: 4px solid #DADCE0;
border-bottom: 1px solid #DADCE0;
display: flex;
justify-content: space-between;
gap: 60px;
color: #3D4043;
}
.footer__middle > * + *::before {
content: "";
width: 1px;
height: 100%;
background: #F1F3F4;
position: absolute;
top: 0;
left: -30px;
}
.footer__middle .col {
position: relative;
}
.footer__middle .col-1 {
max-width: 551px;
}
.footer__middle .col-1 h4 {
margin-bottom: 10px;
}
.footer__middle .col-2 {
max-width: 386px;
}
.footer__middle .col-3 {
max-width: 221px;
}
.footer__middle .col-3 h4 {
margin-bottom: 12px;
}
.footer__middle h4, .footer__middle p {
font-size: 14px;
line-height: 24px;
}
.footer__middle h4 {
margin: 0 0 6px;
font-weight: 700;
}
.footer__middle p {
font-weight: 500;
margin-bottom: 10px;
}
.footer__middle p:last-child {
margin-bottom: 0;
}
.footer__bottom {
padding: 30px 0;
text-align: center;
}
.footer__bottom p {
font-weight: 500;
font-size: 14px;
line-height: 24px;
margin-bottom: 6px;
color: #606368;
}
.footer__bottom p:last-child {
margin-bottom: 0;
}
.header__tf-right .language .curent { border-radius: 0px; padding: 10px; }
.container { max-width: 1312px; width: auto; }
.detail__main.cocautochuc{
width: 100%;
}
.detail__main .detail-sapo {
font-family: 'Merriweather';
font-weight: 600;
}