/* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;-webkit-user-select:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;-webkit-user-select:none;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;-webkit-user-select:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;-webkit-user-select:none;user-select:none}.fancybox__container:-webkit-full-screen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}@charset "UTF-8"; /*! * Bootstrap v4.6.2 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #2a67a9; --teal: #20c997; --cyan: #2a67a9; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #2a67a9; --info: #2a67a9; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 700; line-height: 1.2; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 0.875em; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "\2014\A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abaff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #2a67a9; } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip { left: 5px; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #2a67a9; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231e582d' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #2a67a9; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated select.form-control:valid, select.form-control.is-valid { padding-right: 3rem !important; background-position: right 1.5rem center; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #2a67a9; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231e582d' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #2a67a9; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #2a67a9; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #2a67a9; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #2a67a9; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #2a67a9; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #2a67a9; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #2a67a9; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip { left: 5px; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated select.form-control:invalid, select.form-control.is-invalid { padding-right: 3rem !important; background-position: right 1.5rem center; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #0069d9; border-color: #0062cc; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #2a67a9; border-color: #2a67a9; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #2a67a9; border-color: #2a67a9; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info { color: #fff; background-color: #2a67a9; border-color: #2a67a9; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #138496; border-color: #117a8b; box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #2a67a9; border-color: #2a67a9; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #e0a800; border-color: #d39e00; box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #23272b; border-color: #1d2124; box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-outline-primary { color: #007bff; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #2a67a9; border-color: #2a67a9; } .btn-outline-success:hover { color: #fff; background-color: #2a67a9; border-color: #2a67a9; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #2a67a9; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #2a67a9; border-color: #2a67a9; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #2a67a9; border-color: #2a67a9; } .btn-outline-info:hover { color: #fff; background-color: #2a67a9; border-color: #2a67a9; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #2a67a9; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #2a67a9; border-color: #2a67a9; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #007bff; text-decoration: none; } .btn-link:hover { color: #0056b3; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.width { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.width { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #e9ecef; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > .form-control:nth-last-child(n+3), .input-group.has-validation > .custom-select:nth-last-child(n+3), .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label, .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type=radio], .input-group-text input[type=checkbox] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; print-color-adjust: exact; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: 1px solid #adb5bd; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50%/50% 50% no-repeat; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; overflow: hidden; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; overflow: hidden; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: 0; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #b3d7ff; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; background-color: transparent; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { background: none; border: 0; border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #2a67a9; } .nav-fill > .nav-link, .nav-fill .nav-item { text-align: center; } .nav-pills .nav-item .nav-link{ border-radius: 10px; background-color: #fff; color: #003576; padding: 5px 35px; margin-right: 5px; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1); } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: 50%/100% 100% no-repeat; } .navbar-nav-scroll { max-height: 75vh; overflow-y: auto; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { flex-wrap: nowrap; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { flex-wrap: nowrap; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { flex-wrap: nowrap; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { flex-wrap: nowrap; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 20px; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .card-img-bottom { flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion { overflow-anchor: none; } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0062cc; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #fff; background-color: #2a67a9; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .badge-info { color: #fff; background-color: #2a67a9; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning { color: #212529; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #004085; background-color: #b8daff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } .toast { flex-basis: 350px; max-width: 350px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: -moz-min-content; height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: -moz-min-content; height: min-content; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^=top] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^=right] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^=left] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: 50%/100% 100% no-repeat; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentcolor; border-right-color: transparent; border-radius: 50%; animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentcolor; border-radius: 50%; opacity: 0; animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { animation-duration: 1.5s; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #2a67a9 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #2a67a9 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #2a67a9 !important; } .border-info { border-color: #2a67a9 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714286%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #2a67a9 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #2a67a9 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } /* colors */ /* screen size */ /* miscellaneous */ /*! * Font Awesome Pro 5.15.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ .fa, .icon-user, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -0.0667em; } .fa-xs { font-size: 0.75em; } .fa-sm { font-size: 0.875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fa-pull-left.icon-user, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right, .fa-pull-right.icon-user, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: 0.3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\F26E"; } .fa-abacus:before { content: "\F640"; } .fa-accessible-icon:before { content: "\F368"; } .fa-accusoft:before { content: "\F369"; } .fa-acorn:before { content: "\F6AE"; } .fa-acquisitions-incorporated:before { content: "\F6AF"; } .fa-ad:before { content: "\F641"; } .fa-address-book:before { content: "\F2B9"; } .fa-address-card:before { content: "\F2BB"; } .fa-adjust:before { content: "\F042"; } .fa-adn:before { content: "\F170"; } .fa-adversal:before { content: "\F36A"; } .fa-affiliatetheme:before { content: "\F36B"; } .fa-air-conditioner:before { content: "\F8F4"; } .fa-air-freshener:before { content: "\F5D0"; } .fa-airbnb:before { content: "\F834"; } .fa-alarm-clock:before { content: "\F34E"; } .fa-alarm-exclamation:before { content: "\F843"; } .fa-alarm-plus:before { content: "\F844"; } .fa-alarm-snooze:before { content: "\F845"; } .fa-album:before { content: "\F89F"; } .fa-album-collection:before { content: "\F8A0"; } .fa-algolia:before { content: "\F36C"; } .fa-alicorn:before { content: "\F6B0"; } .fa-alien:before { content: "\F8F5"; } .fa-alien-monster:before { content: "\F8F6"; } .fa-align-center:before { content: "\F037"; } .fa-align-justify:before { content: "\F039"; } .fa-align-left:before { content: "\F036"; } .fa-align-right:before { content: "\F038"; } .fa-align-slash:before { content: "\F846"; } .fa-alipay:before { content: "\F642"; } .fa-allergies:before { content: "\F461"; } .fa-amazon:before { content: "\F270"; } .fa-amazon-pay:before { content: "\F42C"; } .fa-ambulance:before { content: "\F0F9"; } .fa-american-sign-language-interpreting:before { content: "\F2A3"; } .fa-amilia:before { content: "\F36D"; } .fa-amp-guitar:before { content: "\F8A1"; } .fa-analytics:before { content: "\F643"; } .fa-anchor:before { content: "\F13D"; } .fa-android:before { content: "\F17B"; } .fa-angel:before { content: "\F779"; } .fa-angellist:before { content: "\F209"; } .fa-angle-double-down:before { content: "\F103"; } .fa-angle-double-left:before { content: "\F100"; } .fa-angle-double-right:before { content: "\F101"; } .fa-angle-double-up:before { content: "\F102"; } .fa-angle-down:before { content: "\F107"; } .fa-angle-left:before { content: "\F104"; } .fa-angle-right:before { content: "\F105"; } .fa-angle-up:before { content: "\F106"; } .fa-angry:before { content: "\F556"; } .fa-angrycreative:before { content: "\F36E"; } .fa-angular:before { content: "\F420"; } .fa-ankh:before { content: "\F644"; } .fa-app-store:before { content: "\F36F"; } .fa-app-store-ios:before { content: "\F370"; } .fa-apper:before { content: "\F371"; } .fa-apple:before { content: "\F179"; } .fa-apple-alt:before { content: "\F5D1"; } .fa-apple-crate:before { content: "\F6B1"; } .fa-apple-pay:before { content: "\F415"; } .fa-archive:before { content: "\F187"; } .fa-archway:before { content: "\F557"; } .fa-arrow-alt-circle-down:before { content: "\F358"; } .fa-arrow-alt-circle-left:before { content: "\F359"; } .fa-arrow-alt-circle-right:before { content: "\F35A"; } .fa-arrow-alt-circle-up:before { content: "\F35B"; } .fa-arrow-alt-down:before { content: "\F354"; } .fa-arrow-alt-from-bottom:before { content: "\F346"; } .fa-arrow-alt-from-left:before { content: "\F347"; } .fa-arrow-alt-from-right:before { content: "\F348"; } .fa-arrow-alt-from-top:before { content: "\F349"; } .fa-arrow-alt-left:before { content: "\F355"; } .fa-arrow-alt-right:before { content: "\F356"; } .fa-arrow-alt-square-down:before { content: "\F350"; } .fa-arrow-alt-square-left:before { content: "\F351"; } .fa-arrow-alt-square-right:before { content: "\F352"; } .fa-arrow-alt-square-up:before { content: "\F353"; } .fa-arrow-alt-to-bottom:before { content: "\F34A"; } .fa-arrow-alt-to-left:before { content: "\F34B"; } .fa-arrow-alt-to-right:before { content: "\F34C"; } .fa-arrow-alt-to-top:before { content: "\F34D"; } .fa-arrow-alt-up:before { content: "\F357"; } .fa-arrow-circle-down:before { content: "\F0AB"; } .fa-arrow-circle-left:before { content: "\F0A8"; } .fa-arrow-circle-right:before { content: "\F0A9"; } .fa-arrow-circle-up:before { content: "\F0AA"; } .fa-arrow-down:before { content: "\F063"; } .fa-arrow-from-bottom:before { content: "\F342"; } .fa-arrow-from-left:before { content: "\F343"; } .fa-arrow-from-right:before { content: "\F344"; } .fa-arrow-from-top:before { content: "\F345"; } .fa-arrow-left:before { content: "\F060"; } .fa-arrow-right:before { content: "\F061"; } .fa-arrow-square-down:before { content: "\F339"; } .fa-arrow-square-left:before { content: "\F33A"; } .fa-arrow-square-right:before { content: "\F33B"; } .fa-arrow-square-up:before { content: "\F33C"; } .fa-arrow-to-bottom:before { content: "\F33D"; } .fa-arrow-to-left:before { content: "\F33E"; } .fa-arrow-to-right:before { content: "\F340"; } .fa-arrow-to-top:before { content: "\F341"; } .fa-arrow-up:before { content: "\F062"; } .fa-arrows:before { content: "\F047"; } .fa-arrows-alt:before { content: "\F0B2"; } .fa-arrows-alt-h:before { content: "\F337"; } .fa-arrows-alt-v:before { content: "\F338"; } .fa-arrows-h:before { content: "\F07E"; } .fa-arrows-v:before { content: "\F07D"; } .fa-artstation:before { content: "\F77A"; } .fa-assistive-listening-systems:before { content: "\F2A2"; } .fa-asterisk:before { content: "\F069"; } .fa-asymmetrik:before { content: "\F372"; } .fa-at:before { content: "\F1FA"; } .fa-atlas:before { content: "\F558"; } .fa-atlassian:before { content: "\F77B"; } .fa-atom:before { content: "\F5D2"; } .fa-atom-alt:before { content: "\F5D3"; } .fa-audible:before { content: "\F373"; } .fa-audio-description:before { content: "\F29E"; } .fa-autoprefixer:before { content: "\F41C"; } .fa-avianex:before { content: "\F374"; } .fa-aviato:before { content: "\F421"; } .fa-award:before { content: "\F559"; } .fa-aws:before { content: "\F375"; } .fa-axe:before { content: "\F6B2"; } .fa-axe-battle:before { content: "\F6B3"; } .fa-baby:before { content: "\F77C"; } .fa-baby-carriage:before { content: "\F77D"; } .fa-backpack:before { content: "\F5D4"; } .fa-backspace:before { content: "\F55A"; } .fa-backward:before { content: "\F04A"; } .fa-bacon:before { content: "\F7E5"; } .fa-bacteria:before { content: "\E059"; } .fa-bacterium:before { content: "\E05A"; } .fa-badge:before { content: "\F335"; } .fa-badge-check:before { content: "\F336"; } .fa-badge-dollar:before { content: "\F645"; } .fa-badge-percent:before { content: "\F646"; } .fa-badge-sheriff:before { content: "\F8A2"; } .fa-badger-honey:before { content: "\F6B4"; } .fa-bags-shopping:before { content: "\F847"; } .fa-bahai:before { content: "\F666"; } .fa-balance-scale:before { content: "\F24E"; } .fa-balance-scale-left:before { content: "\F515"; } .fa-balance-scale-right:before { content: "\F516"; } .fa-ball-pile:before { content: "\F77E"; } .fa-ballot:before { content: "\F732"; } .fa-ballot-check:before { content: "\F733"; } .fa-ban:before { content: "\F05E"; } .fa-band-aid:before { content: "\F462"; } .fa-bandcamp:before { content: "\F2D5"; } .fa-banjo:before { content: "\F8A3"; } .fa-barcode:before { content: "\F02A"; } .fa-barcode-alt:before { content: "\F463"; } .fa-barcode-read:before { content: "\F464"; } .fa-barcode-scan:before { content: "\F465"; } .fa-bars:before { content: "\F0C9"; } .fa-baseball:before { content: "\F432"; } .fa-baseball-ball:before { content: "\F433"; } .fa-basketball-ball:before { content: "\F434"; } .fa-basketball-hoop:before { content: "\F435"; } .fa-bat:before { content: "\F6B5"; } .fa-bath:before { content: "\F2CD"; } .fa-battery-bolt:before { content: "\F376"; } .fa-battery-empty:before { content: "\F244"; } .fa-battery-full:before { content: "\F240"; } .fa-battery-half:before { content: "\F242"; } .fa-battery-quarter:before { content: "\F243"; } .fa-battery-slash:before { content: "\F377"; } .fa-battery-three-quarters:before { content: "\F241"; } .fa-battle-net:before { content: "\F835"; } .fa-bed:before { content: "\F236"; } .fa-bed-alt:before { content: "\F8F7"; } .fa-bed-bunk:before { content: "\F8F8"; } .fa-bed-empty:before { content: "\F8F9"; } .fa-beer:before { content: "\F0FC"; } .fa-behance:before { content: "\F1B4"; } .fa-behance-square:before { content: "\F1B5"; } .fa-bell:before { content: "\F0F3"; } .fa-bell-exclamation:before { content: "\F848"; } .fa-bell-on:before { content: "\F8FA"; } .fa-bell-plus:before { content: "\F849"; } .fa-bell-school:before { content: "\F5D5"; } .fa-bell-school-slash:before { content: "\F5D6"; } .fa-bell-slash:before { content: "\F1F6"; } .fa-bells:before { content: "\F77F"; } .fa-betamax:before { content: "\F8A4"; } .fa-bezier-curve:before { content: "\F55B"; } .fa-bible:before { content: "\F647"; } .fa-bicycle:before { content: "\F206"; } .fa-biking:before { content: "\F84A"; } .fa-biking-mountain:before { content: "\F84B"; } .fa-bimobject:before { content: "\F378"; } .fa-binoculars:before { content: "\F1E5"; } .fa-biohazard:before { content: "\F780"; } .fa-birthday-cake:before { content: "\F1FD"; } .fa-bitbucket:before { content: "\F171"; } .fa-bitcoin:before { content: "\F379"; } .fa-bity:before { content: "\F37A"; } .fa-black-tie:before { content: "\F27E"; } .fa-blackberry:before { content: "\F37B"; } .fa-blanket:before { content: "\F498"; } .fa-blender:before { content: "\F517"; } .fa-blender-phone:before { content: "\F6B6"; } .fa-blind:before { content: "\F29D"; } .fa-blinds:before { content: "\F8FB"; } .fa-blinds-open:before { content: "\F8FC"; } .fa-blinds-raised:before { content: "\F8FD"; } .fa-blog:before { content: "\F781"; } .fa-blogger:before { content: "\F37C"; } .fa-blogger-b:before { content: "\F37D"; } .fa-bluetooth:before { content: "\F293"; } .fa-bluetooth-b:before { content: "\F294"; } .fa-bold:before { content: "\F032"; } .fa-bolt:before { content: "\F0E7"; } .fa-bomb:before { content: "\F1E2"; } .fa-bone:before { content: "\F5D7"; } .fa-bone-break:before { content: "\F5D8"; } .fa-bong:before { content: "\F55C"; } .fa-book:before { content: "\F02D"; } .fa-book-alt:before { content: "\F5D9"; } .fa-book-dead:before { content: "\F6B7"; } .fa-book-heart:before { content: "\F499"; } .fa-book-medical:before { content: "\F7E6"; } .fa-book-open:before { content: "\F518"; } .fa-book-reader:before { content: "\F5DA"; } .fa-book-spells:before { content: "\F6B8"; } .fa-book-user:before { content: "\F7E7"; } .fa-bookmark:before { content: "\F02E"; } .fa-books:before { content: "\F5DB"; } .fa-books-medical:before { content: "\F7E8"; } .fa-boombox:before { content: "\F8A5"; } .fa-boot:before { content: "\F782"; } .fa-booth-curtain:before { content: "\F734"; } .fa-bootstrap:before { content: "\F836"; } .fa-border-all:before { content: "\F84C"; } .fa-border-bottom:before { content: "\F84D"; } .fa-border-center-h:before { content: "\F89C"; } .fa-border-center-v:before { content: "\F89D"; } .fa-border-inner:before { content: "\F84E"; } .fa-border-left:before { content: "\F84F"; } .fa-border-none:before { content: "\F850"; } .fa-border-outer:before { content: "\F851"; } .fa-border-right:before { content: "\F852"; } .fa-border-style:before { content: "\F853"; } .fa-border-style-alt:before { content: "\F854"; } .fa-border-top:before { content: "\F855"; } .fa-bow-arrow:before { content: "\F6B9"; } .fa-bowling-ball:before { content: "\F436"; } .fa-bowling-pins:before { content: "\F437"; } .fa-box:before { content: "\F466"; } .fa-box-alt:before { content: "\F49A"; } .fa-box-ballot:before { content: "\F735"; } .fa-box-check:before { content: "\F467"; } .fa-box-fragile:before { content: "\F49B"; } .fa-box-full:before { content: "\F49C"; } .fa-box-heart:before { content: "\F49D"; } .fa-box-open:before { content: "\F49E"; } .fa-box-tissue:before { content: "\E05B"; } .fa-box-up:before { content: "\F49F"; } .fa-box-usd:before { content: "\F4A0"; } .fa-boxes:before { content: "\F468"; } .fa-boxes-alt:before { content: "\F4A1"; } .fa-boxing-glove:before { content: "\F438"; } .fa-brackets:before { content: "\F7E9"; } .fa-brackets-curly:before { content: "\F7EA"; } .fa-braille:before { content: "\F2A1"; } .fa-brain:before { content: "\F5DC"; } .fa-bread-loaf:before { content: "\F7EB"; } .fa-bread-slice:before { content: "\F7EC"; } .fa-briefcase:before { content: "\F0B1"; } .fa-briefcase-medical:before { content: "\F469"; } .fa-bring-forward:before { content: "\F856"; } .fa-bring-front:before { content: "\F857"; } .fa-broadcast-tower:before { content: "\F519"; } .fa-broom:before { content: "\F51A"; } .fa-browser:before { content: "\F37E"; } .fa-brush:before { content: "\F55D"; } .fa-btc:before { content: "\F15A"; } .fa-buffer:before { content: "\F837"; } .fa-bug:before { content: "\F188"; } .fa-building:before { content: "\F1AD"; } .fa-bullhorn:before { content: "\F0A1"; } .fa-bullseye:before { content: "\F140"; } .fa-bullseye-arrow:before { content: "\F648"; } .fa-bullseye-pointer:before { content: "\F649"; } .fa-burger-soda:before { content: "\F858"; } .fa-burn:before { content: "\F46A"; } .fa-buromobelexperte:before { content: "\F37F"; } .fa-burrito:before { content: "\F7ED"; } .fa-bus:before { content: "\F207"; } .fa-bus-alt:before { content: "\F55E"; } .fa-bus-school:before { content: "\F5DD"; } .fa-business-time:before { content: "\F64A"; } .fa-buy-n-large:before { content: "\F8A6"; } .fa-buysellads:before { content: "\F20D"; } .fa-cabinet-filing:before { content: "\F64B"; } .fa-cactus:before { content: "\F8A7"; } .fa-calculator:before { content: "\F1EC"; } .fa-calculator-alt:before { content: "\F64C"; } .fa-calendar:before { content: "\F133"; } .fa-calendar-alt:before { content: "\F073"; } .fa-calendar-check:before { content: "\F274"; } .fa-calendar-day:before { content: "\F783"; } .fa-calendar-edit:before { content: "\F333"; } .fa-calendar-exclamation:before { content: "\F334"; } .fa-calendar-minus:before { content: "\F272"; } .fa-calendar-plus:before { content: "\F271"; } .fa-calendar-star:before { content: "\F736"; } .fa-calendar-times:before { content: "\F273"; } .fa-calendar-week:before { content: "\F784"; } .fa-camcorder:before { content: "\F8A8"; } .fa-camera:before { content: "\F030"; } .fa-camera-alt:before { content: "\F332"; } .fa-camera-home:before { content: "\F8FE"; } .fa-camera-movie:before { content: "\F8A9"; } .fa-camera-polaroid:before { content: "\F8AA"; } .fa-camera-retro:before { content: "\F083"; } .fa-campfire:before { content: "\F6BA"; } .fa-campground:before { content: "\F6BB"; } .fa-canadian-maple-leaf:before { content: "\F785"; } .fa-candle-holder:before { content: "\F6BC"; } .fa-candy-cane:before { content: "\F786"; } .fa-candy-corn:before { content: "\F6BD"; } .fa-cannabis:before { content: "\F55F"; } .fa-capsules:before { content: "\F46B"; } .fa-car:before { content: "\F1B9"; } .fa-car-alt:before { content: "\F5DE"; } .fa-car-battery:before { content: "\F5DF"; } .fa-car-building:before { content: "\F859"; } .fa-car-bump:before { content: "\F5E0"; } .fa-car-bus:before { content: "\F85A"; } .fa-car-crash:before { content: "\F5E1"; } .fa-car-garage:before { content: "\F5E2"; } .fa-car-mechanic:before { content: "\F5E3"; } .fa-car-side:before { content: "\F5E4"; } .fa-car-tilt:before { content: "\F5E5"; } .fa-car-wash:before { content: "\F5E6"; } .fa-caravan:before { content: "\F8FF"; } .fa-caravan-alt:before { content: "\E000"; } .fa-caret-circle-down:before { content: "\F32D"; } .fa-caret-circle-left:before { content: "\F32E"; } .fa-caret-circle-right:before { content: "\F330"; } .fa-caret-circle-up:before { content: "\F331"; } .fa-caret-down:before { content: "\F0D7"; } .fa-caret-left:before { content: "\F0D9"; } .fa-caret-right:before { content: "\F0DA"; } .fa-caret-square-down:before { content: "\F150"; } .fa-caret-square-left:before { content: "\F191"; } .fa-caret-square-right:before { content: "\F152"; } .fa-caret-square-up:before { content: "\F151"; } .fa-caret-up:before { content: "\F0D8"; } .fa-carrot:before { content: "\F787"; } .fa-cars:before { content: "\F85B"; } .fa-cart-arrow-down:before { content: "\F218"; } .fa-cart-plus:before { content: "\F217"; } .fa-cash-register:before { content: "\F788"; } .fa-cassette-tape:before { content: "\F8AB"; } .fa-cat:before { content: "\F6BE"; } .fa-cat-space:before { content: "\E001"; } .fa-cauldron:before { content: "\F6BF"; } .fa-cc-amazon-pay:before { content: "\F42D"; } .fa-cc-amex:before { content: "\F1F3"; } .fa-cc-apple-pay:before { content: "\F416"; } .fa-cc-diners-club:before { content: "\F24C"; } .fa-cc-discover:before { content: "\F1F2"; } .fa-cc-jcb:before { content: "\F24B"; } .fa-cc-mastercard:before { content: "\F1F1"; } .fa-cc-paypal:before { content: "\F1F4"; } .fa-cc-stripe:before { content: "\F1F5"; } .fa-cc-visa:before { content: "\F1F0"; } .fa-cctv:before { content: "\F8AC"; } .fa-centercode:before { content: "\F380"; } .fa-centos:before { content: "\F789"; } .fa-certificate:before { content: "\F0A3"; } .fa-chair:before { content: "\F6C0"; } .fa-chair-office:before { content: "\F6C1"; } .fa-chalkboard:before { content: "\F51B"; } .fa-chalkboard-teacher:before { content: "\F51C"; } .fa-charging-station:before { content: "\F5E7"; } .fa-chart-area:before { content: "\F1FE"; } .fa-chart-bar:before { content: "\F080"; } .fa-chart-line:before { content: "\F201"; } .fa-chart-line-down:before { content: "\F64D"; } .fa-chart-network:before { content: "\F78A"; } .fa-chart-pie:before { content: "\F200"; } .fa-chart-pie-alt:before { content: "\F64E"; } .fa-chart-scatter:before { content: "\F7EE"; } .fa-check:before { content: "\F00C"; } .fa-check-circle:before { content: "\F058"; } .fa-check-double:before { content: "\F560"; } .fa-check-square:before { content: "\F14A"; } .fa-cheese:before { content: "\F7EF"; } .fa-cheese-swiss:before { content: "\F7F0"; } .fa-cheeseburger:before { content: "\F7F1"; } .fa-chess:before { content: "\F439"; } .fa-chess-bishop:before { content: "\F43A"; } .fa-chess-bishop-alt:before { content: "\F43B"; } .fa-chess-board:before { content: "\F43C"; } .fa-chess-clock:before { content: "\F43D"; } .fa-chess-clock-alt:before { content: "\F43E"; } .fa-chess-king:before { content: "\F43F"; } .fa-chess-king-alt:before { content: "\F440"; } .fa-chess-knight:before { content: "\F441"; } .fa-chess-knight-alt:before { content: "\F442"; } .fa-chess-pawn:before { content: "\F443"; } .fa-chess-pawn-alt:before { content: "\F444"; } .fa-chess-queen:before { content: "\F445"; } .fa-chess-queen-alt:before { content: "\F446"; } .fa-chess-rook:before { content: "\F447"; } .fa-chess-rook-alt:before { content: "\F448"; } .fa-chevron-circle-down:before { content: "\F13A"; } .fa-chevron-circle-left:before { content: "\F137"; } .fa-chevron-circle-right:before { content: "\F138"; } .fa-chevron-circle-up:before { content: "\F139"; } .fa-chevron-double-down:before { content: "\F322"; } .fa-chevron-double-left:before { content: "\F323"; } .fa-chevron-double-right:before { content: "\F324"; } .fa-chevron-double-up:before { content: "\F325"; } .fa-chevron-down:before { content: "\F078"; } .fa-chevron-left:before { content: "\F053"; } .fa-chevron-right:before { content: "\F054"; } .fa-chevron-square-down:before { content: "\F329"; } .fa-chevron-square-left:before { content: "\F32A"; } .fa-chevron-square-right:before { content: "\F32B"; } .fa-chevron-square-up:before { content: "\F32C"; } .fa-chevron-up:before { content: "\F077"; } .fa-child:before { content: "\F1AE"; } .fa-chimney:before { content: "\F78B"; } .fa-chrome:before { content: "\F268"; } .fa-chromecast:before { content: "\F838"; } .fa-church:before { content: "\F51D"; } .fa-circle:before { content: "\F111"; } .fa-circle-notch:before { content: "\F1CE"; } .fa-city:before { content: "\F64F"; } .fa-clarinet:before { content: "\F8AD"; } .fa-claw-marks:before { content: "\F6C2"; } .fa-clinic-medical:before { content: "\F7F2"; } .fa-clipboard:before { content: "\F328"; } .fa-clipboard-check:before { content: "\F46C"; } .fa-clipboard-list:before { content: "\F46D"; } .fa-clipboard-list-check:before { content: "\F737"; } .fa-clipboard-prescription:before { content: "\F5E8"; } .fa-clipboard-user:before { content: "\F7F3"; } .fa-clock:before { content: "\F017"; } .fa-clone:before { content: "\F24D"; } .fa-closed-captioning:before { content: "\F20A"; } .fa-cloud:before { content: "\F0C2"; } .fa-cloud-download:before { content: "\F0ED"; } .fa-cloud-download-alt:before { content: "\F381"; } .fa-cloud-drizzle:before { content: "\F738"; } .fa-cloud-hail:before { content: "\F739"; } .fa-cloud-hail-mixed:before { content: "\F73A"; } .fa-cloud-meatball:before { content: "\F73B"; } .fa-cloud-moon:before { content: "\F6C3"; } .fa-cloud-moon-rain:before { content: "\F73C"; } .fa-cloud-music:before { content: "\F8AE"; } .fa-cloud-rain:before { content: "\F73D"; } .fa-cloud-rainbow:before { content: "\F73E"; } .fa-cloud-showers:before { content: "\F73F"; } .fa-cloud-showers-heavy:before { content: "\F740"; } .fa-cloud-sleet:before { content: "\F741"; } .fa-cloud-snow:before { content: "\F742"; } .fa-cloud-sun:before { content: "\F6C4"; } .fa-cloud-sun-rain:before { content: "\F743"; } .fa-cloud-upload:before { content: "\F0EE"; } .fa-cloud-upload-alt:before { content: "\F382"; } .fa-cloudflare:before { content: "\E07D"; } .fa-clouds:before { content: "\F744"; } .fa-clouds-moon:before { content: "\F745"; } .fa-clouds-sun:before { content: "\F746"; } .fa-cloudscale:before { content: "\F383"; } .fa-cloudsmith:before { content: "\F384"; } .fa-cloudversify:before { content: "\F385"; } .fa-club:before { content: "\F327"; } .fa-cocktail:before { content: "\F561"; } .fa-code:before { content: "\F121"; } .fa-code-branch:before { content: "\F126"; } .fa-code-commit:before { content: "\F386"; } .fa-code-merge:before { content: "\F387"; } .fa-codepen:before { content: "\F1CB"; } .fa-codiepie:before { content: "\F284"; } .fa-coffee:before { content: "\F0F4"; } .fa-coffee-pot:before { content: "\E002"; } .fa-coffee-togo:before { content: "\F6C5"; } .fa-coffin:before { content: "\F6C6"; } .fa-coffin-cross:before { content: "\E051"; } .fa-cog:before { content: "\F013"; } .fa-cogs:before { content: "\F085"; } .fa-coin:before { content: "\F85C"; } .fa-coins:before { content: "\F51E"; } .fa-columns:before { content: "\F0DB"; } .fa-comet:before { content: "\E003"; } .fa-comment:before { content: "\F075"; } .fa-comment-alt:before { content: "\F27A"; } .fa-comment-alt-check:before { content: "\F4A2"; } .fa-comment-alt-dollar:before { content: "\F650"; } .fa-comment-alt-dots:before { content: "\F4A3"; } .fa-comment-alt-edit:before { content: "\F4A4"; } .fa-comment-alt-exclamation:before { content: "\F4A5"; } .fa-comment-alt-lines:before { content: "\F4A6"; } .fa-comment-alt-medical:before { content: "\F7F4"; } .fa-comment-alt-minus:before { content: "\F4A7"; } .fa-comment-alt-music:before { content: "\F8AF"; } .fa-comment-alt-plus:before { content: "\F4A8"; } .fa-comment-alt-slash:before { content: "\F4A9"; } .fa-comment-alt-smile:before { content: "\F4AA"; } .fa-comment-alt-times:before { content: "\F4AB"; } .fa-comment-check:before { content: "\F4AC"; } .fa-comment-dollar:before { content: "\F651"; } .fa-comment-dots:before { content: "\F4AD"; } .fa-comment-edit:before { content: "\F4AE"; } .fa-comment-exclamation:before { content: "\F4AF"; } .fa-comment-lines:before { content: "\F4B0"; } .fa-comment-medical:before { content: "\F7F5"; } .fa-comment-minus:before { content: "\F4B1"; } .fa-comment-music:before { content: "\F8B0"; } .fa-comment-plus:before { content: "\F4B2"; } .fa-comment-slash:before { content: "\F4B3"; } .fa-comment-smile:before { content: "\F4B4"; } .fa-comment-times:before { content: "\F4B5"; } .fa-comments:before { content: "\F086"; } .fa-comments-alt:before { content: "\F4B6"; } .fa-comments-alt-dollar:before { content: "\F652"; } .fa-comments-dollar:before { content: "\F653"; } .fa-compact-disc:before { content: "\F51F"; } .fa-compass:before { content: "\F14E"; } .fa-compass-slash:before { content: "\F5E9"; } .fa-compress:before { content: "\F066"; } .fa-compress-alt:before { content: "\F422"; } .fa-compress-arrows-alt:before { content: "\F78C"; } .fa-compress-wide:before { content: "\F326"; } .fa-computer-classic:before { content: "\F8B1"; } .fa-computer-speaker:before { content: "\F8B2"; } .fa-concierge-bell:before { content: "\F562"; } .fa-confluence:before { content: "\F78D"; } .fa-connectdevelop:before { content: "\F20E"; } .fa-construction:before { content: "\F85D"; } .fa-container-storage:before { content: "\F4B7"; } .fa-contao:before { content: "\F26D"; } .fa-conveyor-belt:before { content: "\F46E"; } .fa-conveyor-belt-alt:before { content: "\F46F"; } .fa-cookie:before { content: "\F563"; } .fa-cookie-bite:before { content: "\F564"; } .fa-copy:before { content: "\F0C5"; } .fa-copyright:before { content: "\F1F9"; } .fa-corn:before { content: "\F6C7"; } .fa-cotton-bureau:before { content: "\F89E"; } .fa-couch:before { content: "\F4B8"; } .fa-cow:before { content: "\F6C8"; } .fa-cowbell:before { content: "\F8B3"; } .fa-cowbell-more:before { content: "\F8B4"; } .fa-cpanel:before { content: "\F388"; } .fa-creative-commons:before { content: "\F25E"; } .fa-creative-commons-by:before { content: "\F4E7"; } .fa-creative-commons-nc:before { content: "\F4E8"; } .fa-creative-commons-nc-eu:before { content: "\F4E9"; } .fa-creative-commons-nc-jp:before { content: "\F4EA"; } .fa-creative-commons-nd:before { content: "\F4EB"; } .fa-creative-commons-pd:before { content: "\F4EC"; } .fa-creative-commons-pd-alt:before { content: "\F4ED"; } .fa-creative-commons-remix:before { content: "\F4EE"; } .fa-creative-commons-sa:before { content: "\F4EF"; } .fa-creative-commons-sampling:before { content: "\F4F0"; } .fa-creative-commons-sampling-plus:before { content: "\F4F1"; } .fa-creative-commons-share:before { content: "\F4F2"; } .fa-creative-commons-zero:before { content: "\F4F3"; } .fa-credit-card:before { content: "\F09D"; } .fa-credit-card-blank:before { content: "\F389"; } .fa-credit-card-front:before { content: "\F38A"; } .fa-cricket:before { content: "\F449"; } .fa-critical-role:before { content: "\F6C9"; } .fa-croissant:before { content: "\F7F6"; } .fa-crop:before { content: "\F125"; } .fa-crop-alt:before { content: "\F565"; } .fa-cross:before { content: "\F654"; } .fa-crosshairs:before { content: "\F05B"; } .fa-crow:before { content: "\F520"; } .fa-crown:before { content: "\F521"; } .fa-crutch:before { content: "\F7F7"; } .fa-crutches:before { content: "\F7F8"; } .fa-css3:before { content: "\F13C"; } .fa-css3-alt:before { content: "\F38B"; } .fa-cube:before { content: "\F1B2"; } .fa-cubes:before { content: "\F1B3"; } .fa-curling:before { content: "\F44A"; } .fa-cut:before { content: "\F0C4"; } .fa-cuttlefish:before { content: "\F38C"; } .fa-d-and-d:before { content: "\F38D"; } .fa-d-and-d-beyond:before { content: "\F6CA"; } .fa-dagger:before { content: "\F6CB"; } .fa-dailymotion:before { content: "\E052"; } .fa-dashcube:before { content: "\F210"; } .fa-database:before { content: "\F1C0"; } .fa-deaf:before { content: "\F2A4"; } .fa-debug:before { content: "\F7F9"; } .fa-deer:before { content: "\F78E"; } .fa-deer-rudolph:before { content: "\F78F"; } .fa-deezer:before { content: "\E077"; } .fa-delicious:before { content: "\F1A5"; } .fa-democrat:before { content: "\F747"; } .fa-deploydog:before { content: "\F38E"; } .fa-deskpro:before { content: "\F38F"; } .fa-desktop:before { content: "\F108"; } .fa-desktop-alt:before { content: "\F390"; } .fa-dev:before { content: "\F6CC"; } .fa-deviantart:before { content: "\F1BD"; } .fa-dewpoint:before { content: "\F748"; } .fa-dharmachakra:before { content: "\F655"; } .fa-dhl:before { content: "\F790"; } .fa-diagnoses:before { content: "\F470"; } .fa-diamond:before { content: "\F219"; } .fa-diaspora:before { content: "\F791"; } .fa-dice:before { content: "\F522"; } .fa-dice-d10:before { content: "\F6CD"; } .fa-dice-d12:before { content: "\F6CE"; } .fa-dice-d20:before { content: "\F6CF"; } .fa-dice-d4:before { content: "\F6D0"; } .fa-dice-d6:before { content: "\F6D1"; } .fa-dice-d8:before { content: "\F6D2"; } .fa-dice-five:before { content: "\F523"; } .fa-dice-four:before { content: "\F524"; } .fa-dice-one:before { content: "\F525"; } .fa-dice-six:before { content: "\F526"; } .fa-dice-three:before { content: "\F527"; } .fa-dice-two:before { content: "\F528"; } .fa-digg:before { content: "\F1A6"; } .fa-digging:before { content: "\F85E"; } .fa-digital-ocean:before { content: "\F391"; } .fa-digital-tachograph:before { content: "\F566"; } .fa-diploma:before { content: "\F5EA"; } .fa-directions:before { content: "\F5EB"; } .fa-disc-drive:before { content: "\F8B5"; } .fa-discord:before { content: "\F392"; } .fa-discourse:before { content: "\F393"; } .fa-disease:before { content: "\F7FA"; } .fa-divide:before { content: "\F529"; } .fa-dizzy:before { content: "\F567"; } .fa-dna:before { content: "\F471"; } .fa-do-not-enter:before { content: "\F5EC"; } .fa-dochub:before { content: "\F394"; } .fa-docker:before { content: "\F395"; } .fa-dog:before { content: "\F6D3"; } .fa-dog-leashed:before { content: "\F6D4"; } .fa-dollar-sign:before { content: "\F155"; } .fa-dolly:before { content: "\F472"; } .fa-dolly-empty:before { content: "\F473"; } .fa-dolly-flatbed:before { content: "\F474"; } .fa-dolly-flatbed-alt:before { content: "\F475"; } .fa-dolly-flatbed-empty:before { content: "\F476"; } .fa-donate:before { content: "\F4B9"; } .fa-door-closed:before { content: "\F52A"; } .fa-door-open:before { content: "\F52B"; } .fa-dot-circle:before { content: "\F192"; } .fa-dove:before { content: "\F4BA"; } .fa-download:before { content: "\F019"; } .fa-draft2digital:before { content: "\F396"; } .fa-drafting-compass:before { content: "\F568"; } .fa-dragon:before { content: "\F6D5"; } .fa-draw-circle:before { content: "\F5ED"; } .fa-draw-polygon:before { content: "\F5EE"; } .fa-draw-square:before { content: "\F5EF"; } .fa-dreidel:before { content: "\F792"; } .fa-dribbble:before { content: "\F17D"; } .fa-dribbble-square:before { content: "\F397"; } .fa-drone:before { content: "\F85F"; } .fa-drone-alt:before { content: "\F860"; } .fa-dropbox:before { content: "\F16B"; } .fa-drum:before { content: "\F569"; } .fa-drum-steelpan:before { content: "\F56A"; } .fa-drumstick:before { content: "\F6D6"; } .fa-drumstick-bite:before { content: "\F6D7"; } .fa-drupal:before { content: "\F1A9"; } .fa-dryer:before { content: "\F861"; } .fa-dryer-alt:before { content: "\F862"; } .fa-duck:before { content: "\F6D8"; } .fa-dumbbell:before { content: "\F44B"; } .fa-dumpster:before { content: "\F793"; } .fa-dumpster-fire:before { content: "\F794"; } .fa-dungeon:before { content: "\F6D9"; } .fa-dyalog:before { content: "\F399"; } .fa-ear:before { content: "\F5F0"; } .fa-ear-muffs:before { content: "\F795"; } .fa-earlybirds:before { content: "\F39A"; } .fa-ebay:before { content: "\F4F4"; } .fa-eclipse:before { content: "\F749"; } .fa-eclipse-alt:before { content: "\F74A"; } .fa-edge:before { content: "\F282"; } .fa-edge-legacy:before { content: "\E078"; } .fa-edit:before { content: "\F044"; } .fa-egg:before { content: "\F7FB"; } .fa-egg-fried:before { content: "\F7FC"; } .fa-eject:before { content: "\F052"; } .fa-elementor:before { content: "\F430"; } .fa-elephant:before { content: "\F6DA"; } .fa-ellipsis-h:before { content: "\F141"; } .fa-ellipsis-h-alt:before { content: "\F39B"; } .fa-ellipsis-v:before { content: "\F142"; } .fa-ellipsis-v-alt:before { content: "\F39C"; } .fa-ello:before { content: "\F5F1"; } .fa-ember:before { content: "\F423"; } .fa-empire:before { content: "\F1D1"; } .fa-empty-set:before { content: "\F656"; } .fa-engine-warning:before { content: "\F5F2"; } .fa-envelope:before { content: "\F0E0"; } .fa-envelope-open:before { content: "\F2B6"; } .fa-envelope-open-dollar:before { content: "\F657"; } .fa-envelope-open-text:before { content: "\F658"; } .fa-envelope-square:before { content: "\F199"; } .fa-envira:before { content: "\F299"; } .fa-equals:before { content: "\F52C"; } .fa-eraser:before { content: "\F12D"; } .fa-erlang:before { content: "\F39D"; } .fa-ethereum:before { content: "\F42E"; } .fa-ethernet:before { content: "\F796"; } .fa-etsy:before { content: "\F2D7"; } .fa-euro-sign:before { content: "\F153"; } .fa-evernote:before { content: "\F839"; } .fa-exchange:before { content: "\F0EC"; } .fa-exchange-alt:before { content: "\F362"; } .fa-exclamation:before { content: "\F12A"; } .fa-exclamation-circle:before { content: "\F06A"; } .fa-exclamation-square:before { content: "\F321"; } .fa-exclamation-triangle:before { content: "\F071"; } .fa-expand:before { content: "\F065"; } .fa-expand-alt:before { content: "\F424"; } .fa-expand-arrows:before { content: "\F31D"; } .fa-expand-arrows-alt:before { content: "\F31E"; } .fa-expand-wide:before { content: "\F320"; } .fa-expeditedssl:before { content: "\F23E"; } .fa-external-link:before { content: "\F08E"; } .fa-external-link-alt:before { content: "\F35D"; } .fa-external-link-square:before { content: "\F14C"; } .fa-external-link-square-alt:before { content: "\F360"; } .fa-eye:before { content: "\F06E"; } .fa-eye-dropper:before { content: "\F1FB"; } .fa-eye-evil:before { content: "\F6DB"; } .fa-eye-slash:before { content: "\F070"; } .fa-facebook:before { content: "\F09A"; } .fa-facebook-f:before { content: "\F39E"; } .fa-facebook-messenger:before { content: "\F39F"; } .fa-facebook-square:before { content: "\F082"; } .fa-fan:before { content: "\F863"; } .fa-fan-table:before { content: "\E004"; } .fa-fantasy-flight-games:before { content: "\F6DC"; } .fa-farm:before { content: "\F864"; } .fa-fast-backward:before { content: "\F049"; } .fa-fast-forward:before { content: "\F050"; } .fa-faucet:before { content: "\E005"; } .fa-faucet-drip:before { content: "\E006"; } .fa-fax:before { content: "\F1AC"; } .fa-feather:before { content: "\F52D"; } .fa-feather-alt:before { content: "\F56B"; } .fa-fedex:before { content: "\F797"; } .fa-fedora:before { content: "\F798"; } .fa-female:before { content: "\F182"; } .fa-field-hockey:before { content: "\F44C"; } .fa-fighter-jet:before { content: "\F0FB"; } .fa-figma:before { content: "\F799"; } .fa-file:before { content: "\F15B"; } .fa-file-alt:before { content: "\F15C"; } .fa-file-archive:before { content: "\F1C6"; } .fa-file-audio:before { content: "\F1C7"; } .fa-file-certificate:before { content: "\F5F3"; } .fa-file-chart-line:before { content: "\F659"; } .fa-file-chart-pie:before { content: "\F65A"; } .fa-file-check:before { content: "\F316"; } .fa-file-code:before { content: "\F1C9"; } .fa-file-contract:before { content: "\F56C"; } .fa-file-csv:before { content: "\F6DD"; } .fa-file-download:before { content: "\F56D"; } .fa-file-edit:before { content: "\F31C"; } .fa-file-excel:before { content: "\F1C3"; } .fa-file-exclamation:before { content: "\F31A"; } .fa-file-export:before { content: "\F56E"; } .fa-file-image:before { content: "\F1C5"; } .fa-file-import:before { content: "\F56F"; } .fa-file-invoice:before { content: "\F570"; } .fa-file-invoice-dollar:before { content: "\F571"; } .fa-file-medical:before { content: "\F477"; } .fa-file-medical-alt:before { content: "\F478"; } .fa-file-minus:before { content: "\F318"; } .fa-file-music:before { content: "\F8B6"; } .fa-file-pdf:before { content: "\F1C1"; } .fa-file-plus:before { content: "\F319"; } .fa-file-powerpoint:before { content: "\F1C4"; } .fa-file-prescription:before { content: "\F572"; } .fa-file-search:before { content: "\F865"; } .fa-file-signature:before { content: "\F573"; } .fa-file-spreadsheet:before { content: "\F65B"; } .fa-file-times:before { content: "\F317"; } .fa-file-upload:before { content: "\F574"; } .fa-file-user:before { content: "\F65C"; } .fa-file-video:before { content: "\F1C8"; } .fa-file-word:before { content: "\F1C2"; } .fa-files-medical:before { content: "\F7FD"; } .fa-fill:before { content: "\F575"; } .fa-fill-drip:before { content: "\F576"; } .fa-film:before { content: "\F008"; } .fa-film-alt:before { content: "\F3A0"; } .fa-film-canister:before { content: "\F8B7"; } .fa-filter:before { content: "\F0B0"; } .fa-fingerprint:before { content: "\F577"; } .fa-fire:before { content: "\F06D"; } .fa-fire-alt:before { content: "\F7E4"; } .fa-fire-extinguisher:before { content: "\F134"; } .fa-fire-smoke:before { content: "\F74B"; } .fa-firefox:before { content: "\F269"; } .fa-firefox-browser:before { content: "\E007"; } .fa-fireplace:before { content: "\F79A"; } .fa-first-aid:before { content: "\F479"; } .fa-first-order:before { content: "\F2B0"; } .fa-first-order-alt:before { content: "\F50A"; } .fa-firstdraft:before { content: "\F3A1"; } .fa-fish:before { content: "\F578"; } .fa-fish-cooked:before { content: "\F7FE"; } .fa-fist-raised:before { content: "\F6DE"; } .fa-flag:before { content: "\F024"; } .fa-flag-alt:before { content: "\F74C"; } .fa-flag-checkered:before { content: "\F11E"; } .fa-flag-usa:before { content: "\F74D"; } .fa-flame:before { content: "\F6DF"; } .fa-flashlight:before { content: "\F8B8"; } .fa-flask:before { content: "\F0C3"; } .fa-flask-poison:before { content: "\F6E0"; } .fa-flask-potion:before { content: "\F6E1"; } .fa-flickr:before { content: "\F16E"; } .fa-flipboard:before { content: "\F44D"; } .fa-flower:before { content: "\F7FF"; } .fa-flower-daffodil:before { content: "\F800"; } .fa-flower-tulip:before { content: "\F801"; } .fa-flushed:before { content: "\F579"; } .fa-flute:before { content: "\F8B9"; } .fa-flux-capacitor:before { content: "\F8BA"; } .fa-fly:before { content: "\F417"; } .fa-fog:before { content: "\F74E"; } .fa-folder:before { content: "\F07B"; } .fa-folder-download:before { content: "\E053"; } .fa-folder-minus:before { content: "\F65D"; } .fa-folder-open:before { content: "\F07C"; } .fa-folder-plus:before { content: "\F65E"; } .fa-folder-times:before { content: "\F65F"; } .fa-folder-tree:before { content: "\F802"; } .fa-folder-upload:before { content: "\E054"; } .fa-folders:before { content: "\F660"; } .fa-font:before { content: "\F031"; } .fa-font-awesome:before { content: "\F2B4"; } .fa-font-awesome-alt:before { content: "\F35C"; } .fa-font-awesome-flag:before { content: "\F425"; } .fa-font-awesome-logo-full:before { content: "\F4E6"; } .fa-font-case:before { content: "\F866"; } .fa-fonticons:before { content: "\F280"; } .fa-fonticons-fi:before { content: "\F3A2"; } .fa-football-ball:before { content: "\F44E"; } .fa-football-helmet:before { content: "\F44F"; } .fa-forklift:before { content: "\F47A"; } .fa-fort-awesome:before { content: "\F286"; } .fa-fort-awesome-alt:before { content: "\F3A3"; } .fa-forumbee:before { content: "\F211"; } .fa-forward:before { content: "\F04E"; } .fa-foursquare:before { content: "\F180"; } .fa-fragile:before { content: "\F4BB"; } .fa-free-code-camp:before { content: "\F2C5"; } .fa-freebsd:before { content: "\F3A4"; } .fa-french-fries:before { content: "\F803"; } .fa-frog:before { content: "\F52E"; } .fa-frosty-head:before { content: "\F79B"; } .fa-frown:before { content: "\F119"; } .fa-frown-open:before { content: "\F57A"; } .fa-fulcrum:before { content: "\F50B"; } .fa-function:before { content: "\F661"; } .fa-funnel-dollar:before { content: "\F662"; } .fa-futbol:before { content: "\F1E3"; } .fa-galactic-republic:before { content: "\F50C"; } .fa-galactic-senate:before { content: "\F50D"; } .fa-galaxy:before { content: "\E008"; } .fa-game-board:before { content: "\F867"; } .fa-game-board-alt:before { content: "\F868"; } .fa-game-console-handheld:before { content: "\F8BB"; } .fa-gamepad:before { content: "\F11B"; } .fa-gamepad-alt:before { content: "\F8BC"; } .fa-garage:before { content: "\E009"; } .fa-garage-car:before { content: "\E00A"; } .fa-garage-open:before { content: "\E00B"; } .fa-gas-pump:before { content: "\F52F"; } .fa-gas-pump-slash:before { content: "\F5F4"; } .fa-gavel:before { content: "\F0E3"; } .fa-gem:before { content: "\F3A5"; } .fa-genderless:before { content: "\F22D"; } .fa-get-pocket:before { content: "\F265"; } .fa-gg:before { content: "\F260"; } .fa-gg-circle:before { content: "\F261"; } .fa-ghost:before { content: "\F6E2"; } .fa-gift:before { content: "\F06B"; } .fa-gift-card:before { content: "\F663"; } .fa-gifts:before { content: "\F79C"; } .fa-gingerbread-man:before { content: "\F79D"; } .fa-git:before { content: "\F1D3"; } .fa-git-alt:before { content: "\F841"; } .fa-git-square:before { content: "\F1D2"; } .fa-github:before { content: "\F09B"; } .fa-github-alt:before { content: "\F113"; } .fa-github-square:before { content: "\F092"; } .fa-gitkraken:before { content: "\F3A6"; } .fa-gitlab:before { content: "\F296"; } .fa-gitter:before { content: "\F426"; } .fa-glass:before { content: "\F804"; } .fa-glass-champagne:before { content: "\F79E"; } .fa-glass-cheers:before { content: "\F79F"; } .fa-glass-citrus:before { content: "\F869"; } .fa-glass-martini:before { content: "\F000"; } .fa-glass-martini-alt:before { content: "\F57B"; } .fa-glass-whiskey:before { content: "\F7A0"; } .fa-glass-whiskey-rocks:before { content: "\F7A1"; } .fa-glasses:before { content: "\F530"; } .fa-glasses-alt:before { content: "\F5F5"; } .fa-glide:before { content: "\F2A5"; } .fa-glide-g:before { content: "\F2A6"; } .fa-globe:before { content: "\F0AC"; } .fa-globe-africa:before { content: "\F57C"; } .fa-globe-americas:before { content: "\F57D"; } .fa-globe-asia:before { content: "\F57E"; } .fa-globe-europe:before { content: "\F7A2"; } .fa-globe-snow:before { content: "\F7A3"; } .fa-globe-stand:before { content: "\F5F6"; } .fa-gofore:before { content: "\F3A7"; } .fa-golf-ball:before { content: "\F450"; } .fa-golf-club:before { content: "\F451"; } .fa-goodreads:before { content: "\F3A8"; } .fa-goodreads-g:before { content: "\F3A9"; } .fa-google:before { content: "\F1A0"; } .fa-google-drive:before { content: "\F3AA"; } .fa-google-pay:before { content: "\E079"; } .fa-google-play:before { content: "\F3AB"; } .fa-google-plus:before { content: "\F2B3"; } .fa-google-plus-g:before { content: "\F0D5"; } .fa-google-plus-square:before { content: "\F0D4"; } .fa-google-wallet:before { content: "\F1EE"; } .fa-gopuram:before { content: "\F664"; } .fa-graduation-cap:before { content: "\F19D"; } .fa-gramophone:before { content: "\F8BD"; } .fa-gratipay:before { content: "\F184"; } .fa-grav:before { content: "\F2D6"; } .fa-greater-than:before { content: "\F531"; } .fa-greater-than-equal:before { content: "\F532"; } .fa-grimace:before { content: "\F57F"; } .fa-grin:before { content: "\F580"; } .fa-grin-alt:before { content: "\F581"; } .fa-grin-beam:before { content: "\F582"; } .fa-grin-beam-sweat:before { content: "\F583"; } .fa-grin-hearts:before { content: "\F584"; } .fa-grin-squint:before { content: "\F585"; } .fa-grin-squint-tears:before { content: "\F586"; } .fa-grin-stars:before { content: "\F587"; } .fa-grin-tears:before { content: "\F588"; } .fa-grin-tongue:before { content: "\F589"; } .fa-grin-tongue-squint:before { content: "\F58A"; } .fa-grin-tongue-wink:before { content: "\F58B"; } .fa-grin-wink:before { content: "\F58C"; } .fa-grip-horizontal:before { content: "\F58D"; } .fa-grip-lines:before { content: "\F7A4"; } .fa-grip-lines-vertical:before { content: "\F7A5"; } .fa-grip-vertical:before { content: "\F58E"; } .fa-gripfire:before { content: "\F3AC"; } .fa-grunt:before { content: "\F3AD"; } .fa-guilded:before { content: "\E07E"; } .fa-guitar:before { content: "\F7A6"; } .fa-guitar-electric:before { content: "\F8BE"; } .fa-guitars:before { content: "\F8BF"; } .fa-gulp:before { content: "\F3AE"; } .fa-h-square:before { content: "\F0FD"; } .fa-h1:before { content: "\F313"; } .fa-h2:before { content: "\F314"; } .fa-h3:before { content: "\F315"; } .fa-h4:before { content: "\F86A"; } .fa-hacker-news:before { content: "\F1D4"; } .fa-hacker-news-square:before { content: "\F3AF"; } .fa-hackerrank:before { content: "\F5F7"; } .fa-hamburger:before { content: "\F805"; } .fa-hammer:before { content: "\F6E3"; } .fa-hammer-war:before { content: "\F6E4"; } .fa-hamsa:before { content: "\F665"; } .fa-hand-heart:before { content: "\F4BC"; } .fa-hand-holding:before { content: "\F4BD"; } .fa-hand-holding-box:before { content: "\F47B"; } .fa-hand-holding-heart:before { content: "\F4BE"; } .fa-hand-holding-magic:before { content: "\F6E5"; } .fa-hand-holding-medical:before { content: "\E05C"; } .fa-hand-holding-seedling:before { content: "\F4BF"; } .fa-hand-holding-usd:before { content: "\F4C0"; } .fa-hand-holding-water:before { content: "\F4C1"; } .fa-hand-lizard:before { content: "\F258"; } .fa-hand-middle-finger:before { content: "\F806"; } .fa-hand-paper:before { content: "\F256"; } .fa-hand-peace:before { content: "\F25B"; } .fa-hand-point-down:before { content: "\F0A7"; } .fa-hand-point-left:before { content: "\F0A5"; } .fa-hand-point-right:before { content: "\F0A4"; } .fa-hand-point-up:before { content: "\F0A6"; } .fa-hand-pointer:before { content: "\F25A"; } .fa-hand-receiving:before { content: "\F47C"; } .fa-hand-rock:before { content: "\F255"; } .fa-hand-scissors:before { content: "\F257"; } .fa-hand-sparkles:before { content: "\E05D"; } .fa-hand-spock:before { content: "\F259"; } .fa-hands:before { content: "\F4C2"; } .fa-hands-heart:before { content: "\F4C3"; } .fa-hands-helping:before { content: "\F4C4"; } .fa-hands-usd:before { content: "\F4C5"; } .fa-hands-wash:before { content: "\E05E"; } .fa-handshake:before { content: "\F2B5"; } .fa-handshake-alt:before { content: "\F4C6"; } .fa-handshake-alt-slash:before { content: "\E05F"; } .fa-handshake-slash:before { content: "\E060"; } .fa-hanukiah:before { content: "\F6E6"; } .fa-hard-hat:before { content: "\F807"; } .fa-hashtag:before { content: "\F292"; } .fa-hat-chef:before { content: "\F86B"; } .fa-hat-cowboy:before { content: "\F8C0"; } .fa-hat-cowboy-side:before { content: "\F8C1"; } .fa-hat-santa:before { content: "\F7A7"; } .fa-hat-winter:before { content: "\F7A8"; } .fa-hat-witch:before { content: "\F6E7"; } .fa-hat-wizard:before { content: "\F6E8"; } .fa-hdd:before { content: "\F0A0"; } .fa-head-side:before { content: "\F6E9"; } .fa-head-side-brain:before { content: "\F808"; } .fa-head-side-cough:before { content: "\E061"; } .fa-head-side-cough-slash:before { content: "\E062"; } .fa-head-side-headphones:before { content: "\F8C2"; } .fa-head-side-mask:before { content: "\E063"; } .fa-head-side-medical:before { content: "\F809"; } .fa-head-side-virus:before { content: "\E064"; } .fa-head-vr:before { content: "\F6EA"; } .fa-heading:before { content: "\F1DC"; } .fa-headphones:before { content: "\F025"; } .fa-headphones-alt:before { content: "\F58F"; } .fa-headset:before { content: "\F590"; } .fa-heart:before { content: "\F004"; } .fa-heart-broken:before { content: "\F7A9"; } .fa-heart-circle:before { content: "\F4C7"; } .fa-heart-rate:before { content: "\F5F8"; } .fa-heart-square:before { content: "\F4C8"; } .fa-heartbeat:before { content: "\F21E"; } .fa-heat:before { content: "\E00C"; } .fa-helicopter:before { content: "\F533"; } .fa-helmet-battle:before { content: "\F6EB"; } .fa-hexagon:before { content: "\F312"; } .fa-highlighter:before { content: "\F591"; } .fa-hiking:before { content: "\F6EC"; } .fa-hippo:before { content: "\F6ED"; } .fa-hips:before { content: "\F452"; } .fa-hire-a-helper:before { content: "\F3B0"; } .fa-history:before { content: "\F1DA"; } .fa-hive:before { content: "\E07F"; } .fa-hockey-mask:before { content: "\F6EE"; } .fa-hockey-puck:before { content: "\F453"; } .fa-hockey-sticks:before { content: "\F454"; } .fa-holly-berry:before { content: "\F7AA"; } .fa-home:before { content: "\F015"; } .fa-home-alt:before { content: "\F80A"; } .fa-home-heart:before { content: "\F4C9"; } .fa-home-lg:before { content: "\F80B"; } .fa-home-lg-alt:before { content: "\F80C"; } .fa-hood-cloak:before { content: "\F6EF"; } .fa-hooli:before { content: "\F427"; } .fa-horizontal-rule:before { content: "\F86C"; } .fa-hornbill:before { content: "\F592"; } .fa-horse:before { content: "\F6F0"; } .fa-horse-head:before { content: "\F7AB"; } .fa-horse-saddle:before { content: "\F8C3"; } .fa-hospital:before { content: "\F0F8"; } .fa-hospital-alt:before { content: "\F47D"; } .fa-hospital-symbol:before { content: "\F47E"; } .fa-hospital-user:before { content: "\F80D"; } .fa-hospitals:before { content: "\F80E"; } .fa-hot-tub:before { content: "\F593"; } .fa-hotdog:before { content: "\F80F"; } .fa-hotel:before { content: "\F594"; } .fa-hotjar:before { content: "\F3B1"; } .fa-hourglass:before { content: "\F254"; } .fa-hourglass-end:before { content: "\F253"; } .fa-hourglass-half:before { content: "\F252"; } .fa-hourglass-start:before { content: "\F251"; } .fa-house:before { content: "\E00D"; } .fa-house-damage:before { content: "\F6F1"; } .fa-house-day:before { content: "\E00E"; } .fa-house-flood:before { content: "\F74F"; } .fa-house-leave:before { content: "\E00F"; } .fa-house-night:before { content: "\E010"; } .fa-house-return:before { content: "\E011"; } .fa-house-signal:before { content: "\E012"; } .fa-house-user:before { content: "\E065"; } .fa-houzz:before { content: "\F27C"; } .fa-hryvnia:before { content: "\F6F2"; } .fa-html5:before { content: "\F13B"; } .fa-hubspot:before { content: "\F3B2"; } .fa-humidity:before { content: "\F750"; } .fa-hurricane:before { content: "\F751"; } .fa-i-cursor:before { content: "\F246"; } .fa-ice-cream:before { content: "\F810"; } .fa-ice-skate:before { content: "\F7AC"; } .fa-icicles:before { content: "\F7AD"; } .fa-icons:before { content: "\F86D"; } .fa-icons-alt:before { content: "\F86E"; } .fa-id-badge:before { content: "\F2C1"; } .fa-id-card:before { content: "\F2C2"; } .fa-id-card-alt:before { content: "\F47F"; } .fa-ideal:before { content: "\E013"; } .fa-igloo:before { content: "\F7AE"; } .fa-image:before { content: "\F03E"; } .fa-image-polaroid:before { content: "\F8C4"; } .fa-images:before { content: "\F302"; } .fa-imdb:before { content: "\F2D8"; } .fa-inbox:before { content: "\F01C"; } .fa-inbox-in:before { content: "\F310"; } .fa-inbox-out:before { content: "\F311"; } .fa-indent:before { content: "\F03C"; } .fa-industry:before { content: "\F275"; } .fa-industry-alt:before { content: "\F3B3"; } .fa-infinity:before { content: "\F534"; } .fa-info:before { content: "\F129"; } .fa-info-circle:before { content: "\F05A"; } .fa-info-square:before { content: "\F30F"; } .fa-inhaler:before { content: "\F5F9"; } .fa-innosoft:before { content: "\E080"; } .fa-instagram:before { content: "\F16D"; } .fa-instagram-square:before { content: "\E055"; } .fa-instalod:before { content: "\E081"; } .fa-integral:before { content: "\F667"; } .fa-intercom:before { content: "\F7AF"; } .fa-internet-explorer:before { content: "\F26B"; } .fa-intersection:before { content: "\F668"; } .fa-inventory:before { content: "\F480"; } .fa-invision:before { content: "\F7B0"; } .fa-ioxhost:before { content: "\F208"; } .fa-island-tropical:before { content: "\F811"; } .fa-italic:before { content: "\F033"; } .fa-itch-io:before { content: "\F83A"; } .fa-itunes:before { content: "\F3B4"; } .fa-itunes-note:before { content: "\F3B5"; } .fa-jack-o-lantern:before { content: "\F30E"; } .fa-java:before { content: "\F4E4"; } .fa-jedi:before { content: "\F669"; } .fa-jedi-order:before { content: "\F50E"; } .fa-jenkins:before { content: "\F3B6"; } .fa-jira:before { content: "\F7B1"; } .fa-joget:before { content: "\F3B7"; } .fa-joint:before { content: "\F595"; } .fa-joomla:before { content: "\F1AA"; } .fa-journal-whills:before { content: "\F66A"; } .fa-joystick:before { content: "\F8C5"; } .fa-js:before { content: "\F3B8"; } .fa-js-square:before { content: "\F3B9"; } .fa-jsfiddle:before { content: "\F1CC"; } .fa-jug:before { content: "\F8C6"; } .fa-kaaba:before { content: "\F66B"; } .fa-kaggle:before { content: "\F5FA"; } .fa-kazoo:before { content: "\F8C7"; } .fa-kerning:before { content: "\F86F"; } .fa-key:before { content: "\F084"; } .fa-key-skeleton:before { content: "\F6F3"; } .fa-keybase:before { content: "\F4F5"; } .fa-keyboard:before { content: "\F11C"; } .fa-keycdn:before { content: "\F3BA"; } .fa-keynote:before { content: "\F66C"; } .fa-khanda:before { content: "\F66D"; } .fa-kickstarter:before { content: "\F3BB"; } .fa-kickstarter-k:before { content: "\F3BC"; } .fa-kidneys:before { content: "\F5FB"; } .fa-kiss:before { content: "\F596"; } .fa-kiss-beam:before { content: "\F597"; } .fa-kiss-wink-heart:before { content: "\F598"; } .fa-kite:before { content: "\F6F4"; } .fa-kiwi-bird:before { content: "\F535"; } .fa-knife-kitchen:before { content: "\F6F5"; } .fa-korvue:before { content: "\F42F"; } .fa-lambda:before { content: "\F66E"; } .fa-lamp:before { content: "\F4CA"; } .fa-lamp-desk:before { content: "\E014"; } .fa-lamp-floor:before { content: "\E015"; } .fa-landmark:before { content: "\F66F"; } .fa-landmark-alt:before { content: "\F752"; } .fa-language:before { content: "\F1AB"; } .fa-laptop:before { content: "\F109"; } .fa-laptop-code:before { content: "\F5FC"; } .fa-laptop-house:before { content: "\E066"; } .fa-laptop-medical:before { content: "\F812"; } .fa-laravel:before { content: "\F3BD"; } .fa-lasso:before { content: "\F8C8"; } .fa-lastfm:before { content: "\F202"; } .fa-lastfm-square:before { content: "\F203"; } .fa-laugh:before { content: "\F599"; } .fa-laugh-beam:before { content: "\F59A"; } .fa-laugh-squint:before { content: "\F59B"; } .fa-laugh-wink:before { content: "\F59C"; } .fa-layer-group:before { content: "\F5FD"; } .fa-layer-minus:before { content: "\F5FE"; } .fa-layer-plus:before { content: "\F5FF"; } .fa-leaf:before { content: "\F06C"; } .fa-leaf-heart:before { content: "\F4CB"; } .fa-leaf-maple:before { content: "\F6F6"; } .fa-leaf-oak:before { content: "\F6F7"; } .fa-leanpub:before { content: "\F212"; } .fa-lemon:before { content: "\F094"; } .fa-less:before { content: "\F41D"; } .fa-less-than:before { content: "\F536"; } .fa-less-than-equal:before { content: "\F537"; } .fa-level-down:before { content: "\F149"; } .fa-level-down-alt:before { content: "\F3BE"; } .fa-level-up:before { content: "\F148"; } .fa-level-up-alt:before { content: "\F3BF"; } .fa-life-ring:before { content: "\F1CD"; } .fa-light-ceiling:before { content: "\E016"; } .fa-light-switch:before { content: "\E017"; } .fa-light-switch-off:before { content: "\E018"; } .fa-light-switch-on:before { content: "\E019"; } .fa-lightbulb:before { content: "\F0EB"; } .fa-lightbulb-dollar:before { content: "\F670"; } .fa-lightbulb-exclamation:before { content: "\F671"; } .fa-lightbulb-on:before { content: "\F672"; } .fa-lightbulb-slash:before { content: "\F673"; } .fa-lights-holiday:before { content: "\F7B2"; } .fa-line:before { content: "\F3C0"; } .fa-line-columns:before { content: "\F870"; } .fa-line-height:before { content: "\F871"; } .fa-link:before { content: "\F0C1"; } .fa-linkedin:before { content: "\F08C"; } .fa-linkedin-in:before { content: "\F0E1"; } .fa-linode:before { content: "\F2B8"; } .fa-linux:before { content: "\F17C"; } .fa-lips:before { content: "\F600"; } .fa-lira-sign:before { content: "\F195"; } .fa-list:before { content: "\F03A"; } .fa-list-alt:before { content: "\F022"; } .fa-list-music:before { content: "\F8C9"; } .fa-list-ol:before { content: "\F0CB"; } .fa-list-ul:before { content: "\F0CA"; } .fa-location:before { content: "\F601"; } .fa-location-arrow:before { content: "\F124"; } .fa-location-circle:before { content: "\F602"; } .fa-location-slash:before { content: "\F603"; } .fa-lock:before { content: "\F023"; } .fa-lock-alt:before { content: "\F30D"; } .fa-lock-open:before { content: "\F3C1"; } .fa-lock-open-alt:before { content: "\F3C2"; } .fa-long-arrow-alt-down:before { content: "\F309"; } .fa-long-arrow-alt-left:before { content: "\F30A"; } .fa-long-arrow-alt-right:before { content: "\F30B"; } .fa-long-arrow-alt-up:before { content: "\F30C"; } .fa-long-arrow-down:before { content: "\F175"; } .fa-long-arrow-left:before { content: "\F177"; } .fa-long-arrow-right:before { content: "\F178"; } .fa-long-arrow-up:before { content: "\F176"; } .fa-loveseat:before { content: "\F4CC"; } .fa-low-vision:before { content: "\F2A8"; } .fa-luchador:before { content: "\F455"; } .fa-luggage-cart:before { content: "\F59D"; } .fa-lungs:before { content: "\F604"; } .fa-lungs-virus:before { content: "\E067"; } .fa-lyft:before { content: "\F3C3"; } .fa-mace:before { content: "\F6F8"; } .fa-magento:before { content: "\F3C4"; } .fa-magic:before { content: "\F0D0"; } .fa-magnet:before { content: "\F076"; } .fa-mail-bulk:before { content: "\F674"; } .fa-mailbox:before { content: "\F813"; } .fa-mailchimp:before { content: "\F59E"; } .fa-male:before { content: "\F183"; } .fa-mandalorian:before { content: "\F50F"; } .fa-mandolin:before { content: "\F6F9"; } .fa-map:before { content: "\F279"; } .fa-map-marked:before { content: "\F59F"; } .fa-map-marked-alt:before { content: "\F5A0"; } .fa-map-marker:before { content: "\F041"; } .fa-map-marker-alt:before { content: "\F3C5"; } .fa-map-marker-alt-slash:before { content: "\F605"; } .fa-map-marker-check:before { content: "\F606"; } .fa-map-marker-edit:before { content: "\F607"; } .fa-map-marker-exclamation:before { content: "\F608"; } .fa-map-marker-minus:before { content: "\F609"; } .fa-map-marker-plus:before { content: "\F60A"; } .fa-map-marker-question:before { content: "\F60B"; } .fa-map-marker-slash:before { content: "\F60C"; } .fa-map-marker-smile:before { content: "\F60D"; } .fa-map-marker-times:before { content: "\F60E"; } .fa-map-pin:before { content: "\F276"; } .fa-map-signs:before { content: "\F277"; } .fa-markdown:before { content: "\F60F"; } .fa-marker:before { content: "\F5A1"; } .fa-mars:before { content: "\F222"; } .fa-mars-double:before { content: "\F227"; } .fa-mars-stroke:before { content: "\F229"; } .fa-mars-stroke-h:before { content: "\F22B"; } .fa-mars-stroke-v:before { content: "\F22A"; } .fa-mask:before { content: "\F6FA"; } .fa-mastodon:before { content: "\F4F6"; } .fa-maxcdn:before { content: "\F136"; } .fa-mdb:before { content: "\F8CA"; } .fa-meat:before { content: "\F814"; } .fa-medal:before { content: "\F5A2"; } .fa-medapps:before { content: "\F3C6"; } .fa-medium:before { content: "\F23A"; } .fa-medium-m:before { content: "\F3C7"; } .fa-medkit:before { content: "\F0FA"; } .fa-medrt:before { content: "\F3C8"; } .fa-meetup:before { content: "\F2E0"; } .fa-megaphone:before { content: "\F675"; } .fa-megaport:before { content: "\F5A3"; } .fa-meh:before { content: "\F11A"; } .fa-meh-blank:before { content: "\F5A4"; } .fa-meh-rolling-eyes:before { content: "\F5A5"; } .fa-memory:before { content: "\F538"; } .fa-mendeley:before { content: "\F7B3"; } .fa-menorah:before { content: "\F676"; } .fa-mercury:before { content: "\F223"; } .fa-meteor:before { content: "\F753"; } .fa-microblog:before { content: "\E01A"; } .fa-microchip:before { content: "\F2DB"; } .fa-microphone:before { content: "\F130"; } .fa-microphone-alt:before { content: "\F3C9"; } .fa-microphone-alt-slash:before { content: "\F539"; } .fa-microphone-slash:before { content: "\F131"; } .fa-microphone-stand:before { content: "\F8CB"; } .fa-microscope:before { content: "\F610"; } .fa-microsoft:before { content: "\F3CA"; } .fa-microwave:before { content: "\E01B"; } .fa-mind-share:before { content: "\F677"; } .fa-minus:before { content: "\F068"; } .fa-minus-circle:before { content: "\F056"; } .fa-minus-hexagon:before { content: "\F307"; } .fa-minus-octagon:before { content: "\F308"; } .fa-minus-square:before { content: "\F146"; } .fa-mistletoe:before { content: "\F7B4"; } .fa-mitten:before { content: "\F7B5"; } .fa-mix:before { content: "\F3CB"; } .fa-mixcloud:before { content: "\F289"; } .fa-mixer:before { content: "\E056"; } .fa-mizuni:before { content: "\F3CC"; } .fa-mobile:before { content: "\F10B"; } .fa-mobile-alt:before { content: "\F3CD"; } .fa-mobile-android:before { content: "\F3CE"; } .fa-mobile-android-alt:before { content: "\F3CF"; } .fa-modx:before { content: "\F285"; } .fa-monero:before { content: "\F3D0"; } .fa-money-bill:before { content: "\F0D6"; } .fa-money-bill-alt:before { content: "\F3D1"; } .fa-money-bill-wave:before { content: "\F53A"; } .fa-money-bill-wave-alt:before { content: "\F53B"; } .fa-money-check:before { content: "\F53C"; } .fa-money-check-alt:before { content: "\F53D"; } .fa-money-check-edit:before { content: "\F872"; } .fa-money-check-edit-alt:before { content: "\F873"; } .fa-monitor-heart-rate:before { content: "\F611"; } .fa-monkey:before { content: "\F6FB"; } .fa-monument:before { content: "\F5A6"; } .fa-moon:before { content: "\F186"; } .fa-moon-cloud:before { content: "\F754"; } .fa-moon-stars:before { content: "\F755"; } .fa-mortar-pestle:before { content: "\F5A7"; } .fa-mosque:before { content: "\F678"; } .fa-motorcycle:before { content: "\F21C"; } .fa-mountain:before { content: "\F6FC"; } .fa-mountains:before { content: "\F6FD"; } .fa-mouse:before { content: "\F8CC"; } .fa-mouse-alt:before { content: "\F8CD"; } .fa-mouse-pointer:before { content: "\F245"; } .fa-mp3-player:before { content: "\F8CE"; } .fa-mug:before { content: "\F874"; } .fa-mug-hot:before { content: "\F7B6"; } .fa-mug-marshmallows:before { content: "\F7B7"; } .fa-mug-tea:before { content: "\F875"; } .fa-music:before { content: "\F001"; } .fa-music-alt:before { content: "\F8CF"; } .fa-music-alt-slash:before { content: "\F8D0"; } .fa-music-slash:before { content: "\F8D1"; } .fa-napster:before { content: "\F3D2"; } .fa-narwhal:before { content: "\F6FE"; } .fa-neos:before { content: "\F612"; } .fa-network-wired:before { content: "\F6FF"; } .fa-neuter:before { content: "\F22C"; } .fa-newspaper:before { content: "\F1EA"; } .fa-nimblr:before { content: "\F5A8"; } .fa-node:before { content: "\F419"; } .fa-node-js:before { content: "\F3D3"; } .fa-not-equal:before { content: "\F53E"; } .fa-notes-medical:before { content: "\F481"; } .fa-npm:before { content: "\F3D4"; } .fa-ns8:before { content: "\F3D5"; } .fa-nutritionix:before { content: "\F3D6"; } .fa-object-group:before { content: "\F247"; } .fa-object-ungroup:before { content: "\F248"; } .fa-octagon:before { content: "\F306"; } .fa-octopus-deploy:before { content: "\E082"; } .fa-odnoklassniki:before { content: "\F263"; } .fa-odnoklassniki-square:before { content: "\F264"; } .fa-oil-can:before { content: "\F613"; } .fa-oil-temp:before { content: "\F614"; } .fa-old-republic:before { content: "\F510"; } .fa-om:before { content: "\F679"; } .fa-omega:before { content: "\F67A"; } .fa-opencart:before { content: "\F23D"; } .fa-openid:before { content: "\F19B"; } .fa-opera:before { content: "\F26A"; } .fa-optin-monster:before { content: "\F23C"; } .fa-orcid:before { content: "\F8D2"; } .fa-ornament:before { content: "\F7B8"; } .fa-osi:before { content: "\F41A"; } .fa-otter:before { content: "\F700"; } .fa-outdent:before { content: "\F03B"; } .fa-outlet:before { content: "\E01C"; } .fa-oven:before { content: "\E01D"; } .fa-overline:before { content: "\F876"; } .fa-page-break:before { content: "\F877"; } .fa-page4:before { content: "\F3D7"; } .fa-pagelines:before { content: "\F18C"; } .fa-pager:before { content: "\F815"; } .fa-paint-brush:before { content: "\F1FC"; } .fa-paint-brush-alt:before { content: "\F5A9"; } .fa-paint-roller:before { content: "\F5AA"; } .fa-palette:before { content: "\F53F"; } .fa-palfed:before { content: "\F3D8"; } .fa-pallet:before { content: "\F482"; } .fa-pallet-alt:before { content: "\F483"; } .fa-paper-plane:before { content: "\F1D8"; } .fa-paperclip:before { content: "\F0C6"; } .fa-parachute-box:before { content: "\F4CD"; } .fa-paragraph:before { content: "\F1DD"; } .fa-paragraph-rtl:before { content: "\F878"; } .fa-parking:before { content: "\F540"; } .fa-parking-circle:before { content: "\F615"; } .fa-parking-circle-slash:before { content: "\F616"; } .fa-parking-slash:before { content: "\F617"; } .fa-passport:before { content: "\F5AB"; } .fa-pastafarianism:before { content: "\F67B"; } .fa-paste:before { content: "\F0EA"; } .fa-patreon:before { content: "\F3D9"; } .fa-pause:before { content: "\F04C"; } .fa-pause-circle:before { content: "\F28B"; } .fa-paw:before { content: "\F1B0"; } .fa-paw-alt:before { content: "\F701"; } .fa-paw-claws:before { content: "\F702"; } .fa-paypal:before { content: "\F1ED"; } .fa-peace:before { content: "\F67C"; } .fa-pegasus:before { content: "\F703"; } .fa-pen:before { content: "\F304"; } .fa-pen-alt:before { content: "\F305"; } .fa-pen-fancy:before { content: "\F5AC"; } .fa-pen-nib:before { content: "\F5AD"; } .fa-pen-square:before { content: "\F14B"; } .fa-pencil:before { content: "\F040"; } .fa-pencil-alt:before { content: "\F303"; } .fa-pencil-paintbrush:before { content: "\F618"; } .fa-pencil-ruler:before { content: "\F5AE"; } .fa-pennant:before { content: "\F456"; } .fa-penny-arcade:before { content: "\F704"; } .fa-people-arrows:before { content: "\E068"; } .fa-people-carry:before { content: "\F4CE"; } .fa-pepper-hot:before { content: "\F816"; } .fa-perbyte:before { content: "\E083"; } .fa-percent:before { content: "\F295"; } .fa-percentage:before { content: "\F541"; } .fa-periscope:before { content: "\F3DA"; } .fa-person-booth:before { content: "\F756"; } .fa-person-carry:before { content: "\F4CF"; } .fa-person-dolly:before { content: "\F4D0"; } .fa-person-dolly-empty:before { content: "\F4D1"; } .fa-person-sign:before { content: "\F757"; } .fa-phabricator:before { content: "\F3DB"; } .fa-phoenix-framework:before { content: "\F3DC"; } .fa-phoenix-squadron:before { content: "\F511"; } .fa-phone:before { content: "\F095"; } .fa-phone-alt:before { content: "\F879"; } .fa-phone-laptop:before { content: "\F87A"; } .fa-phone-office:before { content: "\F67D"; } .fa-phone-plus:before { content: "\F4D2"; } .fa-phone-rotary:before { content: "\F8D3"; } .fa-phone-slash:before { content: "\F3DD"; } .fa-phone-square:before { content: "\F098"; } .fa-phone-square-alt:before { content: "\F87B"; } .fa-phone-volume:before { content: "\F2A0"; } .fa-photo-video:before { content: "\F87C"; } .fa-php:before { content: "\F457"; } .fa-pi:before { content: "\F67E"; } .fa-piano:before { content: "\F8D4"; } .fa-piano-keyboard:before { content: "\F8D5"; } .fa-pie:before { content: "\F705"; } .fa-pied-piper:before { content: "\F2AE"; } .fa-pied-piper-alt:before { content: "\F1A8"; } .fa-pied-piper-hat:before { content: "\F4E5"; } .fa-pied-piper-pp:before { content: "\F1A7"; } .fa-pied-piper-square:before { content: "\E01E"; } .fa-pig:before { content: "\F706"; } .fa-piggy-bank:before { content: "\F4D3"; } .fa-pills:before { content: "\F484"; } .fa-pinterest:before { content: "\F0D2"; } .fa-pinterest-p:before { content: "\F231"; } .fa-pinterest-square:before { content: "\F0D3"; } .fa-pizza:before { content: "\F817"; } .fa-pizza-slice:before { content: "\F818"; } .fa-place-of-worship:before { content: "\F67F"; } .fa-plane:before { content: "\F072"; } .fa-plane-alt:before { content: "\F3DE"; } .fa-plane-arrival:before { content: "\F5AF"; } .fa-plane-departure:before { content: "\F5B0"; } .fa-plane-slash:before { content: "\E069"; } .fa-planet-moon:before { content: "\E01F"; } .fa-planet-ringed:before { content: "\E020"; } .fa-play:before { content: "\F04B"; } .fa-play-circle:before { content: "\F144"; } .fa-playstation:before { content: "\F3DF"; } .fa-plug:before { content: "\F1E6"; } .fa-plus:before { content: "\F067"; } .fa-plus-circle:before { content: "\F055"; } .fa-plus-hexagon:before { content: "\F300"; } .fa-plus-octagon:before { content: "\F301"; } .fa-plus-square:before { content: "\F0FE"; } .fa-podcast:before { content: "\F2CE"; } .fa-podium:before { content: "\F680"; } .fa-podium-star:before { content: "\F758"; } .fa-police-box:before { content: "\E021"; } .fa-poll:before { content: "\F681"; } .fa-poll-h:before { content: "\F682"; } .fa-poll-people:before { content: "\F759"; } .fa-poo:before { content: "\F2FE"; } .fa-poo-storm:before { content: "\F75A"; } .fa-poop:before { content: "\F619"; } .fa-popcorn:before { content: "\F819"; } .fa-portal-enter:before { content: "\E022"; } .fa-portal-exit:before { content: "\E023"; } .fa-portrait:before { content: "\F3E0"; } .fa-pound-sign:before { content: "\F154"; } .fa-power-off:before { content: "\F011"; } .fa-pray:before { content: "\F683"; } .fa-praying-hands:before { content: "\F684"; } .fa-prescription:before { content: "\F5B1"; } .fa-prescription-bottle:before { content: "\F485"; } .fa-prescription-bottle-alt:before { content: "\F486"; } .fa-presentation:before { content: "\F685"; } .fa-print:before { content: "\F02F"; } .fa-print-search:before { content: "\F81A"; } .fa-print-slash:before { content: "\F686"; } .fa-procedures:before { content: "\F487"; } .fa-product-hunt:before { content: "\F288"; } .fa-project-diagram:before { content: "\F542"; } .fa-projector:before { content: "\F8D6"; } .fa-pump-medical:before { content: "\E06A"; } .fa-pump-soap:before { content: "\E06B"; } .fa-pumpkin:before { content: "\F707"; } .fa-pushed:before { content: "\F3E1"; } .fa-puzzle-piece:before { content: "\F12E"; } .fa-python:before { content: "\F3E2"; } .fa-qq:before { content: "\F1D6"; } .fa-qrcode:before { content: "\F029"; } .fa-question:before { content: "\F128"; } .fa-question-circle:before { content: "\F059"; } .fa-question-square:before { content: "\F2FD"; } .fa-quidditch:before { content: "\F458"; } .fa-quinscape:before { content: "\F459"; } .fa-quora:before { content: "\F2C4"; } .fa-quote-left:before { content: "\F10D"; } .fa-quote-right:before { content: "\F10E"; } .fa-quran:before { content: "\F687"; } .fa-r-project:before { content: "\F4F7"; } .fa-rabbit:before { content: "\F708"; } .fa-rabbit-fast:before { content: "\F709"; } .fa-racquet:before { content: "\F45A"; } .fa-radar:before { content: "\E024"; } .fa-radiation:before { content: "\F7B9"; } .fa-radiation-alt:before { content: "\F7BA"; } .fa-radio:before { content: "\F8D7"; } .fa-radio-alt:before { content: "\F8D8"; } .fa-rainbow:before { content: "\F75B"; } .fa-raindrops:before { content: "\F75C"; } .fa-ram:before { content: "\F70A"; } .fa-ramp-loading:before { content: "\F4D4"; } .fa-random:before { content: "\F074"; } .fa-raspberry-pi:before { content: "\F7BB"; } .fa-ravelry:before { content: "\F2D9"; } .fa-raygun:before { content: "\E025"; } .fa-react:before { content: "\F41B"; } .fa-reacteurope:before { content: "\F75D"; } .fa-readme:before { content: "\F4D5"; } .fa-rebel:before { content: "\F1D0"; } .fa-receipt:before { content: "\F543"; } .fa-record-vinyl:before { content: "\F8D9"; } .fa-rectangle-landscape:before { content: "\F2FA"; } .fa-rectangle-portrait:before { content: "\F2FB"; } .fa-rectangle-wide:before { content: "\F2FC"; } .fa-recycle:before { content: "\F1B8"; } .fa-red-river:before { content: "\F3E3"; } .fa-reddit:before { content: "\F1A1"; } .fa-reddit-alien:before { content: "\F281"; } .fa-reddit-square:before { content: "\F1A2"; } .fa-redhat:before { content: "\F7BC"; } .fa-redo:before { content: "\F01E"; } .fa-redo-alt:before { content: "\F2F9"; } .fa-refrigerator:before { content: "\E026"; } .fa-registered:before { content: "\F25D"; } .fa-remove-format:before { content: "\F87D"; } .fa-renren:before { content: "\F18B"; } .fa-repeat:before { content: "\F363"; } .fa-repeat-1:before { content: "\F365"; } .fa-repeat-1-alt:before { content: "\F366"; } .fa-repeat-alt:before { content: "\F364"; } .fa-reply:before { content: "\F3E5"; } .fa-reply-all:before { content: "\F122"; } .fa-replyd:before { content: "\F3E6"; } .fa-republican:before { content: "\F75E"; } .fa-researchgate:before { content: "\F4F8"; } .fa-resolving:before { content: "\F3E7"; } .fa-restroom:before { content: "\F7BD"; } .fa-retweet:before { content: "\F079"; } .fa-retweet-alt:before { content: "\F361"; } .fa-rev:before { content: "\F5B2"; } .fa-ribbon:before { content: "\F4D6"; } .fa-ring:before { content: "\F70B"; } .fa-rings-wedding:before { content: "\F81B"; } .fa-road:before { content: "\F018"; } .fa-robot:before { content: "\F544"; } .fa-rocket:before { content: "\F135"; } .fa-rocket-launch:before { content: "\E027"; } .fa-rocketchat:before { content: "\F3E8"; } .fa-rockrms:before { content: "\F3E9"; } .fa-route:before { content: "\F4D7"; } .fa-route-highway:before { content: "\F61A"; } .fa-route-interstate:before { content: "\F61B"; } .fa-router:before { content: "\F8DA"; } .fa-rss:before { content: "\F09E"; } .fa-rss-square:before { content: "\F143"; } .fa-ruble-sign:before { content: "\F158"; } .fa-ruler:before { content: "\F545"; } .fa-ruler-combined:before { content: "\F546"; } .fa-ruler-horizontal:before { content: "\F547"; } .fa-ruler-triangle:before { content: "\F61C"; } .fa-ruler-vertical:before { content: "\F548"; } .fa-running:before { content: "\F70C"; } .fa-rupee-sign:before { content: "\F156"; } .fa-rust:before { content: "\E07A"; } .fa-rv:before { content: "\F7BE"; } .fa-sack:before { content: "\F81C"; } .fa-sack-dollar:before { content: "\F81D"; } .fa-sad-cry:before { content: "\F5B3"; } .fa-sad-tear:before { content: "\F5B4"; } .fa-safari:before { content: "\F267"; } .fa-salad:before { content: "\F81E"; } .fa-salesforce:before { content: "\F83B"; } .fa-sandwich:before { content: "\F81F"; } .fa-sass:before { content: "\F41E"; } .fa-satellite:before { content: "\F7BF"; } .fa-satellite-dish:before { content: "\F7C0"; } .fa-sausage:before { content: "\F820"; } .fa-save:before { content: "\F0C7"; } .fa-sax-hot:before { content: "\F8DB"; } .fa-saxophone:before { content: "\F8DC"; } .fa-scalpel:before { content: "\F61D"; } .fa-scalpel-path:before { content: "\F61E"; } .fa-scanner:before { content: "\F488"; } .fa-scanner-image:before { content: "\F8F3"; } .fa-scanner-keyboard:before { content: "\F489"; } .fa-scanner-touchscreen:before { content: "\F48A"; } .fa-scarecrow:before { content: "\F70D"; } .fa-scarf:before { content: "\F7C1"; } .fa-schlix:before { content: "\F3EA"; } .fa-school:before { content: "\F549"; } .fa-screwdriver:before { content: "\F54A"; } .fa-scribd:before { content: "\F28A"; } .fa-scroll:before { content: "\F70E"; } .fa-scroll-old:before { content: "\F70F"; } .fa-scrubber:before { content: "\F2F8"; } .fa-scythe:before { content: "\F710"; } .fa-sd-card:before { content: "\F7C2"; } .fa-search:before { content: "\F002"; } .fa-search-dollar:before { content: "\F688"; } .fa-search-location:before { content: "\F689"; } .fa-search-minus:before { content: "\F010"; } .fa-search-plus:before { content: "\F00E"; } .fa-searchengin:before { content: "\F3EB"; } .fa-seedling:before { content: "\F4D8"; } .fa-sellcast:before { content: "\F2DA"; } .fa-sellsy:before { content: "\F213"; } .fa-send-back:before { content: "\F87E"; } .fa-send-backward:before { content: "\F87F"; } .fa-sensor:before { content: "\E028"; } .fa-sensor-alert:before { content: "\E029"; } .fa-sensor-fire:before { content: "\E02A"; } .fa-sensor-on:before { content: "\E02B"; } .fa-sensor-smoke:before { content: "\E02C"; } .fa-server:before { content: "\F233"; } .fa-servicestack:before { content: "\F3EC"; } .fa-shapes:before { content: "\F61F"; } .fa-share:before { content: "\F064"; } .fa-share-all:before { content: "\F367"; } .fa-share-alt:before { content: "\F1E0"; } .fa-share-alt-square:before { content: "\F1E1"; } .fa-share-square:before { content: "\F14D"; } .fa-sheep:before { content: "\F711"; } .fa-shekel-sign:before { content: "\F20B"; } .fa-shield:before { content: "\F132"; } .fa-shield-alt:before { content: "\F3ED"; } .fa-shield-check:before { content: "\F2F7"; } .fa-shield-cross:before { content: "\F712"; } .fa-shield-virus:before { content: "\E06C"; } .fa-ship:before { content: "\F21A"; } .fa-shipping-fast:before { content: "\F48B"; } .fa-shipping-timed:before { content: "\F48C"; } .fa-shirtsinbulk:before { content: "\F214"; } .fa-shish-kebab:before { content: "\F821"; } .fa-shoe-prints:before { content: "\F54B"; } .fa-shopify:before { content: "\E057"; } .fa-shopping-bag:before { content: "\F290"; } .fa-shopping-basket:before { content: "\F291"; } .fa-shopping-cart:before { content: "\F07A"; } .fa-shopware:before { content: "\F5B5"; } .fa-shovel:before { content: "\F713"; } .fa-shovel-snow:before { content: "\F7C3"; } .fa-shower:before { content: "\F2CC"; } .fa-shredder:before { content: "\F68A"; } .fa-shuttle-van:before { content: "\F5B6"; } .fa-shuttlecock:before { content: "\F45B"; } .fa-sickle:before { content: "\F822"; } .fa-sigma:before { content: "\F68B"; } .fa-sign:before { content: "\F4D9"; } .fa-sign-in:before { content: "\F090"; } .fa-sign-in-alt:before { content: "\F2F6"; } .fa-sign-language:before { content: "\F2A7"; } .fa-sign-out:before { content: "\F08B"; } .fa-sign-out-alt:before { content: "\F2F5"; } .fa-signal:before { content: "\F012"; } .fa-signal-1:before { content: "\F68C"; } .fa-signal-2:before { content: "\F68D"; } .fa-signal-3:before { content: "\F68E"; } .fa-signal-4:before { content: "\F68F"; } .fa-signal-alt:before { content: "\F690"; } .fa-signal-alt-1:before { content: "\F691"; } .fa-signal-alt-2:before { content: "\F692"; } .fa-signal-alt-3:before { content: "\F693"; } .fa-signal-alt-slash:before { content: "\F694"; } .fa-signal-slash:before { content: "\F695"; } .fa-signal-stream:before { content: "\F8DD"; } .fa-signature:before { content: "\F5B7"; } .fa-sim-card:before { content: "\F7C4"; } .fa-simplybuilt:before { content: "\F215"; } .fa-sink:before { content: "\E06D"; } .fa-siren:before { content: "\E02D"; } .fa-siren-on:before { content: "\E02E"; } .fa-sistrix:before { content: "\F3EE"; } .fa-sitemap:before { content: "\F0E8"; } .fa-sith:before { content: "\F512"; } .fa-skating:before { content: "\F7C5"; } .fa-skeleton:before { content: "\F620"; } .fa-sketch:before { content: "\F7C6"; } .fa-ski-jump:before { content: "\F7C7"; } .fa-ski-lift:before { content: "\F7C8"; } .fa-skiing:before { content: "\F7C9"; } .fa-skiing-nordic:before { content: "\F7CA"; } .fa-skull:before { content: "\F54C"; } .fa-skull-cow:before { content: "\F8DE"; } .fa-skull-crossbones:before { content: "\F714"; } .fa-skyatlas:before { content: "\F216"; } .fa-skype:before { content: "\F17E"; } .fa-slack:before { content: "\F198"; } .fa-slack-hash:before { content: "\F3EF"; } .fa-slash:before { content: "\F715"; } .fa-sledding:before { content: "\F7CB"; } .fa-sleigh:before { content: "\F7CC"; } .fa-sliders-h:before { content: "\F1DE"; } .fa-sliders-h-square:before { content: "\F3F0"; } .fa-sliders-v:before { content: "\F3F1"; } .fa-sliders-v-square:before { content: "\F3F2"; } .fa-slideshare:before { content: "\F1E7"; } .fa-smile:before { content: "\F118"; } .fa-smile-beam:before { content: "\F5B8"; } .fa-smile-plus:before { content: "\F5B9"; } .fa-smile-wink:before { content: "\F4DA"; } .fa-smog:before { content: "\F75F"; } .fa-smoke:before { content: "\F760"; } .fa-smoking:before { content: "\F48D"; } .fa-smoking-ban:before { content: "\F54D"; } .fa-sms:before { content: "\F7CD"; } .fa-snake:before { content: "\F716"; } .fa-snapchat:before { content: "\F2AB"; } .fa-snapchat-ghost:before { content: "\F2AC"; } .fa-snapchat-square:before { content: "\F2AD"; } .fa-snooze:before { content: "\F880"; } .fa-snow-blowing:before { content: "\F761"; } .fa-snowboarding:before { content: "\F7CE"; } .fa-snowflake:before { content: "\F2DC"; } .fa-snowflakes:before { content: "\F7CF"; } .fa-snowman:before { content: "\F7D0"; } .fa-snowmobile:before { content: "\F7D1"; } .fa-snowplow:before { content: "\F7D2"; } .fa-soap:before { content: "\E06E"; } .fa-socks:before { content: "\F696"; } .fa-solar-panel:before { content: "\F5BA"; } .fa-solar-system:before { content: "\E02F"; } .fa-sort:before { content: "\F0DC"; } .fa-sort-alpha-down:before { content: "\F15D"; } .fa-sort-alpha-down-alt:before { content: "\F881"; } .fa-sort-alpha-up:before { content: "\F15E"; } .fa-sort-alpha-up-alt:before { content: "\F882"; } .fa-sort-alt:before { content: "\F883"; } .fa-sort-amount-down:before { content: "\F160"; } .fa-sort-amount-down-alt:before { content: "\F884"; } .fa-sort-amount-up:before { content: "\F161"; } .fa-sort-amount-up-alt:before { content: "\F885"; } .fa-sort-circle:before { content: "\E030"; } .fa-sort-circle-down:before { content: "\E031"; } .fa-sort-circle-up:before { content: "\E032"; } .fa-sort-down:before { content: "\F0DD"; } .fa-sort-numeric-down:before { content: "\F162"; } .fa-sort-numeric-down-alt:before { content: "\F886"; } .fa-sort-numeric-up:before { content: "\F163"; } .fa-sort-numeric-up-alt:before { content: "\F887"; } .fa-sort-shapes-down:before { content: "\F888"; } .fa-sort-shapes-down-alt:before { content: "\F889"; } .fa-sort-shapes-up:before { content: "\F88A"; } .fa-sort-shapes-up-alt:before { content: "\F88B"; } .fa-sort-size-down:before { content: "\F88C"; } .fa-sort-size-down-alt:before { content: "\F88D"; } .fa-sort-size-up:before { content: "\F88E"; } .fa-sort-size-up-alt:before { content: "\F88F"; } .fa-sort-up:before { content: "\F0DE"; } .fa-soundcloud:before { content: "\F1BE"; } .fa-soup:before { content: "\F823"; } .fa-sourcetree:before { content: "\F7D3"; } .fa-spa:before { content: "\F5BB"; } .fa-space-shuttle:before { content: "\F197"; } .fa-space-station-moon:before { content: "\E033"; } .fa-space-station-moon-alt:before { content: "\E034"; } .fa-spade:before { content: "\F2F4"; } .fa-sparkles:before { content: "\F890"; } .fa-speakap:before { content: "\F3F3"; } .fa-speaker:before { content: "\F8DF"; } .fa-speaker-deck:before { content: "\F83C"; } .fa-speakers:before { content: "\F8E0"; } .fa-spell-check:before { content: "\F891"; } .fa-spider:before { content: "\F717"; } .fa-spider-black-widow:before { content: "\F718"; } .fa-spider-web:before { content: "\F719"; } .fa-spinner:before { content: "\F110"; } .fa-spinner-third:before { content: "\F3F4"; } .fa-splotch:before { content: "\F5BC"; } .fa-spotify:before { content: "\F1BC"; } .fa-spray-can:before { content: "\F5BD"; } .fa-sprinkler:before { content: "\E035"; } .fa-square:before { content: "\F0C8"; } .fa-square-full:before { content: "\F45C"; } .fa-square-root:before { content: "\F697"; } .fa-square-root-alt:before { content: "\F698"; } .fa-squarespace:before { content: "\F5BE"; } .fa-squirrel:before { content: "\F71A"; } .fa-stack-exchange:before { content: "\F18D"; } .fa-stack-overflow:before { content: "\F16C"; } .fa-stackpath:before { content: "\F842"; } .fa-staff:before { content: "\F71B"; } .fa-stamp:before { content: "\F5BF"; } .fa-star:before { content: "\F005"; } .fa-star-and-crescent:before { content: "\F699"; } .fa-star-christmas:before { content: "\F7D4"; } .fa-star-exclamation:before { content: "\F2F3"; } .fa-star-half:before { content: "\F089"; } .fa-star-half-alt:before { content: "\F5C0"; } .fa-star-of-david:before { content: "\F69A"; } .fa-star-of-life:before { content: "\F621"; } .fa-star-shooting:before { content: "\E036"; } .fa-starfighter:before { content: "\E037"; } .fa-starfighter-alt:before { content: "\E038"; } .fa-stars:before { content: "\F762"; } .fa-starship:before { content: "\E039"; } .fa-starship-freighter:before { content: "\E03A"; } .fa-staylinked:before { content: "\F3F5"; } .fa-steak:before { content: "\F824"; } .fa-steam:before { content: "\F1B6"; } .fa-steam-square:before { content: "\F1B7"; } .fa-steam-symbol:before { content: "\F3F6"; } .fa-steering-wheel:before { content: "\F622"; } .fa-step-backward:before { content: "\F048"; } .fa-step-forward:before { content: "\F051"; } .fa-stethoscope:before { content: "\F0F1"; } .fa-sticker-mule:before { content: "\F3F7"; } .fa-sticky-note:before { content: "\F249"; } .fa-stocking:before { content: "\F7D5"; } .fa-stomach:before { content: "\F623"; } .fa-stop:before { content: "\F04D"; } .fa-stop-circle:before { content: "\F28D"; } .fa-stopwatch:before { content: "\F2F2"; } .fa-stopwatch-20:before { content: "\E06F"; } .fa-store:before { content: "\F54E"; } .fa-store-alt:before { content: "\F54F"; } .fa-store-alt-slash:before { content: "\E070"; } .fa-store-slash:before { content: "\E071"; } .fa-strava:before { content: "\F428"; } .fa-stream:before { content: "\F550"; } .fa-street-view:before { content: "\F21D"; } .fa-stretcher:before { content: "\F825"; } .fa-strikethrough:before { content: "\F0CC"; } .fa-stripe:before { content: "\F429"; } .fa-stripe-s:before { content: "\F42A"; } .fa-stroopwafel:before { content: "\F551"; } .fa-studiovinari:before { content: "\F3F8"; } .fa-stumbleupon:before { content: "\F1A4"; } .fa-stumbleupon-circle:before { content: "\F1A3"; } .fa-subscript:before { content: "\F12C"; } .fa-subway:before { content: "\F239"; } .fa-suitcase:before { content: "\F0F2"; } .fa-suitcase-rolling:before { content: "\F5C1"; } .fa-sun:before { content: "\F185"; } .fa-sun-cloud:before { content: "\F763"; } .fa-sun-dust:before { content: "\F764"; } .fa-sun-haze:before { content: "\F765"; } .fa-sunglasses:before { content: "\F892"; } .fa-sunrise:before { content: "\F766"; } .fa-sunset:before { content: "\F767"; } .fa-superpowers:before { content: "\F2DD"; } .fa-superscript:before { content: "\F12B"; } .fa-supple:before { content: "\F3F9"; } .fa-surprise:before { content: "\F5C2"; } .fa-suse:before { content: "\F7D6"; } .fa-swatchbook:before { content: "\F5C3"; } .fa-swift:before { content: "\F8E1"; } .fa-swimmer:before { content: "\F5C4"; } .fa-swimming-pool:before { content: "\F5C5"; } .fa-sword:before { content: "\F71C"; } .fa-sword-laser:before { content: "\E03B"; } .fa-sword-laser-alt:before { content: "\E03C"; } .fa-swords:before { content: "\F71D"; } .fa-swords-laser:before { content: "\E03D"; } .fa-symfony:before { content: "\F83D"; } .fa-synagogue:before { content: "\F69B"; } .fa-sync:before { content: "\F021"; } .fa-sync-alt:before { content: "\F2F1"; } .fa-syringe:before { content: "\F48E"; } .fa-table:before { content: "\F0CE"; } .fa-table-tennis:before { content: "\F45D"; } .fa-tablet:before { content: "\F10A"; } .fa-tablet-alt:before { content: "\F3FA"; } .fa-tablet-android:before { content: "\F3FB"; } .fa-tablet-android-alt:before { content: "\F3FC"; } .fa-tablet-rugged:before { content: "\F48F"; } .fa-tablets:before { content: "\F490"; } .fa-tachometer:before { content: "\F0E4"; } .fa-tachometer-alt:before { content: "\F3FD"; } .fa-tachometer-alt-average:before { content: "\F624"; } .fa-tachometer-alt-fast:before { content: "\F625"; } .fa-tachometer-alt-fastest:before { content: "\F626"; } .fa-tachometer-alt-slow:before { content: "\F627"; } .fa-tachometer-alt-slowest:before { content: "\F628"; } .fa-tachometer-average:before { content: "\F629"; } .fa-tachometer-fast:before { content: "\F62A"; } .fa-tachometer-fastest:before { content: "\F62B"; } .fa-tachometer-slow:before { content: "\F62C"; } .fa-tachometer-slowest:before { content: "\F62D"; } .fa-taco:before { content: "\F826"; } .fa-tag:before { content: "\F02B"; } .fa-tags:before { content: "\F02C"; } .fa-tally:before { content: "\F69C"; } .fa-tanakh:before { content: "\F827"; } .fa-tape:before { content: "\F4DB"; } .fa-tasks:before { content: "\F0AE"; } .fa-tasks-alt:before { content: "\F828"; } .fa-taxi:before { content: "\F1BA"; } .fa-teamspeak:before { content: "\F4F9"; } .fa-teeth:before { content: "\F62E"; } .fa-teeth-open:before { content: "\F62F"; } .fa-telegram:before { content: "\F2C6"; } .fa-telegram-plane:before { content: "\F3FE"; } .fa-telescope:before { content: "\E03E"; } .fa-temperature-down:before { content: "\E03F"; } .fa-temperature-frigid:before { content: "\F768"; } .fa-temperature-high:before { content: "\F769"; } .fa-temperature-hot:before { content: "\F76A"; } .fa-temperature-low:before { content: "\F76B"; } .fa-temperature-up:before { content: "\E040"; } .fa-tencent-weibo:before { content: "\F1D5"; } .fa-tenge:before { content: "\F7D7"; } .fa-tennis-ball:before { content: "\F45E"; } .fa-terminal:before { content: "\F120"; } .fa-text:before { content: "\F893"; } .fa-text-height:before { content: "\F034"; } .fa-text-size:before { content: "\F894"; } .fa-text-width:before { content: "\F035"; } .fa-th:before { content: "\F00A"; } .fa-th-large:before { content: "\F009"; } .fa-th-list:before { content: "\F00B"; } .fa-the-red-yeti:before { content: "\F69D"; } .fa-theater-masks:before { content: "\F630"; } .fa-themeco:before { content: "\F5C6"; } .fa-themeisle:before { content: "\F2B2"; } .fa-thermometer:before { content: "\F491"; } .fa-thermometer-empty:before { content: "\F2CB"; } .fa-thermometer-full:before { content: "\F2C7"; } .fa-thermometer-half:before { content: "\F2C9"; } .fa-thermometer-quarter:before { content: "\F2CA"; } .fa-thermometer-three-quarters:before { content: "\F2C8"; } .fa-theta:before { content: "\F69E"; } .fa-think-peaks:before { content: "\F731"; } .fa-thumbs-down:before { content: "\F165"; } .fa-thumbs-up:before { content: "\F164"; } .fa-thumbtack:before { content: "\F08D"; } .fa-thunderstorm:before { content: "\F76C"; } .fa-thunderstorm-moon:before { content: "\F76D"; } .fa-thunderstorm-sun:before { content: "\F76E"; } .fa-ticket:before { content: "\F145"; } .fa-ticket-alt:before { content: "\F3FF"; } .fa-tiktok:before { content: "\E07B"; } .fa-tilde:before { content: "\F69F"; } .fa-times:before { content: "\F00D"; } .fa-times-circle:before { content: "\F057"; } .fa-times-hexagon:before { content: "\F2EE"; } .fa-times-octagon:before { content: "\F2F0"; } .fa-times-square:before { content: "\F2D3"; } .fa-tint:before { content: "\F043"; } .fa-tint-slash:before { content: "\F5C7"; } .fa-tire:before { content: "\F631"; } .fa-tire-flat:before { content: "\F632"; } .fa-tire-pressure-warning:before { content: "\F633"; } .fa-tire-rugged:before { content: "\F634"; } .fa-tired:before { content: "\F5C8"; } .fa-toggle-off:before { content: "\F204"; } .fa-toggle-on:before { content: "\F205"; } .fa-toilet:before { content: "\F7D8"; } .fa-toilet-paper:before { content: "\F71E"; } .fa-toilet-paper-alt:before { content: "\F71F"; } .fa-toilet-paper-slash:before { content: "\E072"; } .fa-tombstone:before { content: "\F720"; } .fa-tombstone-alt:before { content: "\F721"; } .fa-toolbox:before { content: "\F552"; } .fa-tools:before { content: "\F7D9"; } .fa-tooth:before { content: "\F5C9"; } .fa-toothbrush:before { content: "\F635"; } .fa-torah:before { content: "\F6A0"; } .fa-torii-gate:before { content: "\F6A1"; } .fa-tornado:before { content: "\F76F"; } .fa-tractor:before { content: "\F722"; } .fa-trade-federation:before { content: "\F513"; } .fa-trademark:before { content: "\F25C"; } .fa-traffic-cone:before { content: "\F636"; } .fa-traffic-light:before { content: "\F637"; } .fa-traffic-light-go:before { content: "\F638"; } .fa-traffic-light-slow:before { content: "\F639"; } .fa-traffic-light-stop:before { content: "\F63A"; } .fa-trailer:before { content: "\E041"; } .fa-train:before { content: "\F238"; } .fa-tram:before { content: "\F7DA"; } .fa-transgender:before { content: "\F224"; } .fa-transgender-alt:before { content: "\F225"; } .fa-transporter:before { content: "\E042"; } .fa-transporter-1:before { content: "\E043"; } .fa-transporter-2:before { content: "\E044"; } .fa-transporter-3:before { content: "\E045"; } .fa-transporter-empty:before { content: "\E046"; } .fa-trash:before { content: "\F1F8"; } .fa-trash-alt:before { content: "\F2ED"; } .fa-trash-restore:before { content: "\F829"; } .fa-trash-restore-alt:before { content: "\F82A"; } .fa-trash-undo:before { content: "\F895"; } .fa-trash-undo-alt:before { content: "\F896"; } .fa-treasure-chest:before { content: "\F723"; } .fa-tree:before { content: "\F1BB"; } .fa-tree-alt:before { content: "\F400"; } .fa-tree-christmas:before { content: "\F7DB"; } .fa-tree-decorated:before { content: "\F7DC"; } .fa-tree-large:before { content: "\F7DD"; } .fa-tree-palm:before { content: "\F82B"; } .fa-trees:before { content: "\F724"; } .fa-trello:before { content: "\F181"; } .fa-triangle:before { content: "\F2EC"; } .fa-triangle-music:before { content: "\F8E2"; } .fa-tripadvisor:before { content: "\F262"; } .fa-trophy:before { content: "\F091"; } .fa-trophy-alt:before { content: "\F2EB"; } .fa-truck:before { content: "\F0D1"; } .fa-truck-container:before { content: "\F4DC"; } .fa-truck-couch:before { content: "\F4DD"; } .fa-truck-loading:before { content: "\F4DE"; } .fa-truck-monster:before { content: "\F63B"; } .fa-truck-moving:before { content: "\F4DF"; } .fa-truck-pickup:before { content: "\F63C"; } .fa-truck-plow:before { content: "\F7DE"; } .fa-truck-ramp:before { content: "\F4E0"; } .fa-trumpet:before { content: "\F8E3"; } .fa-tshirt:before { content: "\F553"; } .fa-tty:before { content: "\F1E4"; } .fa-tumblr:before { content: "\F173"; } .fa-tumblr-square:before { content: "\F174"; } .fa-turkey:before { content: "\F725"; } .fa-turntable:before { content: "\F8E4"; } .fa-turtle:before { content: "\F726"; } .fa-tv:before { content: "\F26C"; } .fa-tv-alt:before { content: "\F8E5"; } .fa-tv-music:before { content: "\F8E6"; } .fa-tv-retro:before { content: "\F401"; } .fa-twitch:before { content: "\F1E8"; } .fa-twitter:before { content: "\F099"; } .fa-twitter-square:before { content: "\F081"; } .fa-typewriter:before { content: "\F8E7"; } .fa-typo3:before { content: "\F42B"; } .fa-uber:before { content: "\F402"; } .fa-ubuntu:before { content: "\F7DF"; } .fa-ufo:before { content: "\E047"; } .fa-ufo-beam:before { content: "\E048"; } .fa-uikit:before { content: "\F403"; } .fa-umbraco:before { content: "\F8E8"; } .fa-umbrella:before { content: "\F0E9"; } .fa-umbrella-beach:before { content: "\F5CA"; } .fa-uncharted:before { content: "\E084"; } .fa-underline:before { content: "\F0CD"; } .fa-undo:before { content: "\F0E2"; } .fa-undo-alt:before { content: "\F2EA"; } .fa-unicorn:before { content: "\F727"; } .fa-union:before { content: "\F6A2"; } .fa-uniregistry:before { content: "\F404"; } .fa-unity:before { content: "\E049"; } .fa-universal-access:before { content: "\F29A"; } .fa-university:before { content: "\F19C"; } .fa-unlink:before { content: "\F127"; } .fa-unlock:before { content: "\F09C"; } .fa-unlock-alt:before { content: "\F13E"; } .fa-unsplash:before { content: "\E07C"; } .fa-untappd:before { content: "\F405"; } .fa-upload:before { content: "\F093"; } .fa-ups:before { content: "\F7E0"; } .fa-usb:before { content: "\F287"; } .fa-usb-drive:before { content: "\F8E9"; } .fa-usd-circle:before { content: "\F2E8"; } .fa-usd-square:before { content: "\F2E9"; } .fa-user:before, .icon-user:before { content: "\F007"; } .fa-user-alien:before { content: "\E04A"; } .fa-user-alt:before { content: "\F406"; } .fa-user-alt-slash:before { content: "\F4FA"; } .fa-user-astronaut:before { content: "\F4FB"; } .fa-user-chart:before { content: "\F6A3"; } .fa-user-check:before { content: "\F4FC"; } .fa-user-circle:before { content: "\F2BD"; } .fa-user-clock:before { content: "\F4FD"; } .fa-user-cog:before { content: "\F4FE"; } .fa-user-cowboy:before { content: "\F8EA"; } .fa-user-crown:before { content: "\F6A4"; } .fa-user-edit:before { content: "\F4FF"; } .fa-user-friends:before { content: "\F500"; } .fa-user-graduate:before { content: "\F501"; } .fa-user-hard-hat:before { content: "\F82C"; } .fa-user-headset:before { content: "\F82D"; } .fa-user-injured:before { content: "\F728"; } .fa-user-lock:before { content: "\F502"; } .fa-user-md:before { content: "\F0F0"; } .fa-user-md-chat:before { content: "\F82E"; } .fa-user-minus:before { content: "\F503"; } .fa-user-music:before { content: "\F8EB"; } .fa-user-ninja:before { content: "\F504"; } .fa-user-nurse:before { content: "\F82F"; } .fa-user-plus:before { content: "\F234"; } .fa-user-robot:before { content: "\E04B"; } .fa-user-secret:before { content: "\F21B"; } .fa-user-shield:before { content: "\F505"; } .fa-user-slash:before { content: "\F506"; } .fa-user-tag:before { content: "\F507"; } .fa-user-tie:before { content: "\F508"; } .fa-user-times:before { content: "\F235"; } .fa-user-unlock:before { content: "\E058"; } .fa-user-visor:before { content: "\E04C"; } .fa-users:before { content: "\F0C0"; } .fa-users-class:before { content: "\F63D"; } .fa-users-cog:before { content: "\F509"; } .fa-users-crown:before { content: "\F6A5"; } .fa-users-medical:before { content: "\F830"; } .fa-users-slash:before { content: "\E073"; } .fa-usps:before { content: "\F7E1"; } .fa-ussunnah:before { content: "\F407"; } .fa-utensil-fork:before { content: "\F2E3"; } .fa-utensil-knife:before { content: "\F2E4"; } .fa-utensil-spoon:before { content: "\F2E5"; } .fa-utensils:before { content: "\F2E7"; } .fa-utensils-alt:before { content: "\F2E6"; } .fa-vaadin:before { content: "\F408"; } .fa-vacuum:before { content: "\E04D"; } .fa-vacuum-robot:before { content: "\E04E"; } .fa-value-absolute:before { content: "\F6A6"; } .fa-vector-square:before { content: "\F5CB"; } .fa-venus:before { content: "\F221"; } .fa-venus-double:before { content: "\F226"; } .fa-venus-mars:before { content: "\F228"; } .fa-vest:before { content: "\E085"; } .fa-vest-patches:before { content: "\E086"; } .fa-vhs:before { content: "\F8EC"; } .fa-viacoin:before { content: "\F237"; } .fa-viadeo:before { content: "\F2A9"; } .fa-viadeo-square:before { content: "\F2AA"; } .fa-vial:before { content: "\F492"; } .fa-vials:before { content: "\F493"; } .fa-viber:before { content: "\F409"; } .fa-video:before { content: "\F03D"; } .fa-video-plus:before { content: "\F4E1"; } .fa-video-slash:before { content: "\F4E2"; } .fa-vihara:before { content: "\F6A7"; } .fa-vimeo:before { content: "\F40A"; } .fa-vimeo-square:before { content: "\F194"; } .fa-vimeo-v:before { content: "\F27D"; } .fa-vine:before { content: "\F1CA"; } .fa-violin:before { content: "\F8ED"; } .fa-virus:before { content: "\E074"; } .fa-virus-slash:before { content: "\E075"; } .fa-viruses:before { content: "\E076"; } .fa-vk:before { content: "\F189"; } .fa-vnv:before { content: "\F40B"; } .fa-voicemail:before { content: "\F897"; } .fa-volcano:before { content: "\F770"; } .fa-volleyball-ball:before { content: "\F45F"; } .fa-volume:before { content: "\F6A8"; } .fa-volume-down:before { content: "\F027"; } .fa-volume-mute:before { content: "\F6A9"; } .fa-volume-off:before { content: "\F026"; } .fa-volume-slash:before { content: "\F2E2"; } .fa-volume-up:before { content: "\F028"; } .fa-vote-nay:before { content: "\F771"; } .fa-vote-yea:before { content: "\F772"; } .fa-vr-cardboard:before { content: "\F729"; } .fa-vuejs:before { content: "\F41F"; } .fa-wagon-covered:before { content: "\F8EE"; } .fa-walker:before { content: "\F831"; } .fa-walkie-talkie:before { content: "\F8EF"; } .fa-walking:before { content: "\F554"; } .fa-wallet:before { content: "\F555"; } .fa-wand:before { content: "\F72A"; } .fa-wand-magic:before { content: "\F72B"; } .fa-warehouse:before { content: "\F494"; } .fa-warehouse-alt:before { content: "\F495"; } .fa-washer:before { content: "\F898"; } .fa-watch:before { content: "\F2E1"; } .fa-watch-calculator:before { content: "\F8F0"; } .fa-watch-fitness:before { content: "\F63E"; } .fa-watchman-monitoring:before { content: "\E087"; } .fa-water:before { content: "\F773"; } .fa-water-lower:before { content: "\F774"; } .fa-water-rise:before { content: "\F775"; } .fa-wave-sine:before { content: "\F899"; } .fa-wave-square:before { content: "\F83E"; } .fa-wave-triangle:before { content: "\F89A"; } .fa-waveform:before { content: "\F8F1"; } .fa-waveform-path:before { content: "\F8F2"; } .fa-waze:before { content: "\F83F"; } .fa-webcam:before { content: "\F832"; } .fa-webcam-slash:before { content: "\F833"; } .fa-weebly:before { content: "\F5CC"; } .fa-weibo:before { content: "\F18A"; } .fa-weight:before { content: "\F496"; } .fa-weight-hanging:before { content: "\F5CD"; } .fa-weixin:before { content: "\F1D7"; } .fa-whale:before { content: "\F72C"; } .fa-whatsapp:before { content: "\F232"; } .fa-whatsapp-square:before { content: "\F40C"; } .fa-wheat:before { content: "\F72D"; } .fa-wheelchair:before { content: "\F193"; } .fa-whistle:before { content: "\F460"; } .fa-whmcs:before { content: "\F40D"; } .fa-wifi:before { content: "\F1EB"; } .fa-wifi-1:before { content: "\F6AA"; } .fa-wifi-2:before { content: "\F6AB"; } .fa-wifi-slash:before { content: "\F6AC"; } .fa-wikipedia-w:before { content: "\F266"; } .fa-wind:before { content: "\F72E"; } .fa-wind-turbine:before { content: "\F89B"; } .fa-wind-warning:before { content: "\F776"; } .fa-window:before { content: "\F40E"; } .fa-window-alt:before { content: "\F40F"; } .fa-window-close:before { content: "\F410"; } .fa-window-frame:before { content: "\E04F"; } .fa-window-frame-open:before { content: "\E050"; } .fa-window-maximize:before { content: "\F2D0"; } .fa-window-minimize:before { content: "\F2D1"; } .fa-window-restore:before { content: "\F2D2"; } .fa-windows:before { content: "\F17A"; } .fa-windsock:before { content: "\F777"; } .fa-wine-bottle:before { content: "\F72F"; } .fa-wine-glass:before { content: "\F4E3"; } .fa-wine-glass-alt:before { content: "\F5CE"; } .fa-wix:before { content: "\F5CF"; } .fa-wizards-of-the-coast:before { content: "\F730"; } .fa-wodu:before { content: "\E088"; } .fa-wolf-pack-battalion:before { content: "\F514"; } .fa-won-sign:before { content: "\F159"; } .fa-wordpress:before { content: "\F19A"; } .fa-wordpress-simple:before { content: "\F411"; } .fa-wpbeginner:before { content: "\F297"; } .fa-wpexplorer:before { content: "\F2DE"; } .fa-wpforms:before { content: "\F298"; } .fa-wpressr:before { content: "\F3E4"; } .fa-wreath:before { content: "\F7E2"; } .fa-wrench:before { content: "\F0AD"; } .fa-x-ray:before { content: "\F497"; } .fa-xbox:before { content: "\F412"; } .fa-xing:before { content: "\F168"; } .fa-xing-square:before { content: "\F169"; } .fa-y-combinator:before { content: "\F23B"; } .fa-yahoo:before { content: "\F19E"; } .fa-yammer:before { content: "\F840"; } .fa-yandex:before { content: "\F413"; } .fa-yandex-international:before { content: "\F414"; } .fa-yarn:before { content: "\F7E3"; } .fa-yelp:before { content: "\F1E9"; } .fa-yen-sign:before { content: "\F157"; } .fa-yin-yang:before { content: "\F6AD"; } .fa-yoast:before { content: "\F2B1"; } .fa-youtube:before { content: "\F167"; } .fa-youtube-square:before { content: "\F431"; } .fa-zhihu:before { content: "\F63F"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /*! * Font Awesome Pro 5.15.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 400; font-display: block; src: url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-regular-400.eot"); src: url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-regular-400.woff2") format("woff2"), url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-regular-400.woff") format("woff"), url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-regular-400.ttf") format("truetype"), url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: "Font Awesome 5 Pro"; font-weight: 400; } /*! * Font Awesome Pro 5.15.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-brands-400.eot"); src: url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-brands-400.woff2") format("woff2"), url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-brands-400.woff") format("woff"), url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-brands-400.ttf") format("truetype"), url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: "Font Awesome 5 Brands"; font-weight: 400; } /*! * Font Awesome Pro 5.15.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 300; font-display: block; src: url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-light-300.eot"); src: url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-light-300.woff2") format("woff2"), url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-light-300.woff") format("woff"), url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-light-300.ttf") format("truetype"), url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-light-300.svg#fontawesome") format("svg"); } .fal { font-family: "Font Awesome 5 Pro"; font-weight: 300; } /*! * Font Awesome Pro 5.15.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 900; font-display: block; src: url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-solid-900.eot"); src: url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-solid-900.woff2") format("woff2"), url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-solid-900.woff") format("woff"), url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-solid-900.ttf") format("truetype"), url("https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .icon-user, .fas { font-family: "Font Awesome 5 Pro"; font-weight: 900; } @font-face { font-family: "Roboto"; src: url("/frontend/fonts/Roboto/Roboto-Light.woff2") format("woff2"), url("/frontend/fonts/Roboto/Roboto-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: url("/frontend/fonts/Roboto/Roboto-Regular.woff2") format("woff2"), url("/frontend/fonts/Roboto/Roboto-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: url("/frontend/fonts/Roboto/Roboto-Bold.woff2") format("woff2"), url("/frontend/fonts/Roboto/Roboto-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: url("/frontend/fonts/Roboto/Roboto-Medium.woff2") format("woff2"), url("/frontend/fonts/Roboto/Roboto-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Lato"; src: url("/frontend/fonts/Lato-Regular/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("/frontend/fonts/Lato-Regular/Lato-Regular.woff2") format("woff2"), url("/frontend/fonts/Lato-Regular/Lato-Regular.woff") format("woff"), url("/frontend/fonts/Lato-Regular/Lato-Regular.ttf") format("truetype"), url("/frontend/fonts/Lato-Regular/Lato-Regular.svg#Lato-Regular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Lato"; src: url("/frontend/fonts/Lato-Bold/Lato-Bold.woff2") format("woff2"), url("/frontend/fonts/Lato-Bold/Lato-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } /* colors */ /* screen size */ /* miscellaneous */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir=rtl] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "\2190"; } [dir=rtl] .slick-prev:before { content: "\2192"; } .slick-next { right: -25px; } [dir=rtl] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "\2192"; } [dir=rtl] .slick-next:before { content: "\2190"; } .list-weather-fullday .slick-next { right: 0px; } .list-weather-fullday .slick-prev { left: 0px; } .list-weather-fullday .slick-prev:before, .list-weather-fullday .slick-next:before { display: none; } .list-weather-fullday .weather-slick-prev, .list-weather-fullday .weather-slick-next { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background: #f6a233; border-radius: 100%; } .list-weather-fullday .weather-item-body { display: flex; align-items: center; justify-content: center; flex-direction: column; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } .toast-title { font-weight: 700; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFF; } .toast-message a:hover { color: #CCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: 700; color: #FFF; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); line-height: 1; } .toast-close-button:focus, .toast-close-button:hover { color: #000; text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } .rtl .toast-close-button { left: -0.3em; float: left; right: 0.3em; } button.toast-close-button { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; pointer-events: none; } #toast-container * { box-sizing: border-box; } #toast-container > div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px; background-position: 15px center; background-repeat: no-repeat; box-shadow: 0 0 12px #999; color: #FFF; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } #toast-container > div.rtl { direction: rtl; padding: 15px 50px 15px 15px; background-position: right 15px center; } #toast-container > div:hover { box-shadow: 0 0 12px #000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer; } #toast-container > .toast-info { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important; } #toast-container > .toast-error { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important; } #toast-container > .toast-success { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important; } #toast-container > .toast-warning { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important; } #toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div { width: 300px; margin-left: auto; margin-right: auto; } #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } .toast { background-color: #030303; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container > div.rtl { padding: 8px 50px 8px 8px; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container > div.rtl { padding: 8px 50px 8px 8px; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } #toast-container > div.rtl { padding: 15px 50px 15px 15px; } } .embed-responsive:before { padding-top: 56.25%; } .videoEmbed, .player { position: relative; z-index: 1; margin-bottom: 15px; } .videoEmbed::before, .player::before { content: ""; display: block; padding-bottom: 56.25%; } .videoEmbed iframe, .videoEmbed video, .player iframe, .player video { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .block-video { background: #303030; width: 100%; float: left; margin: 25px 0; } .block-video .container { background: #303030; } .block-video .knswli-video-wrapper { display: block; float: left; padding: 40px 0 20px; } @media (max-width: 576px) { .block-video .knswli-video-wrapper { padding: 0; } } .section_video.full-width { margin-top: 20px; margin-bottom: 20px; width: 100vw; position: relative; left: calc(-50vw + 50% - 9px); background-color: #292929; } .section_video.full-width .inner-section-video { width: 90%; max-width: 1110px; margin: 0 auto; transition: translate 0.1s linear; } @media screen and (max-width: 480px) { .section_video.full-width { left: calc(-50vw + 50%); } .section_video.full-width .inner-section-video { width: 100%; } } .section_video.dark-bg .box-player-video .item-news { color: #fff; } .section_video.video-type-1 .inner-title { padding-left: 16px; } .section_video.video-type-1 .inner-title:before { content: ""; position: absolute; height: 100%; width: 4px; top: 45%; left: 0; transform: translate(0, -50%); background-color: var(--color-primary); } .knswli.dark.video { border-bottom: none; position: relative; } .knswli.video .knswli-object-wrapper { padding: 0; border: 0; } .knswli.dark .knswli-object-wrapper { position: relative; background: #303030; } .w1040 { margin: 0 auto; } .video .knswli-video-left { display: inline-block; position: relative; overflow: hidden; } @media (min-width: 576px) { .video .knswli-video-left { padding-right: 0; } } .knswli-video-list { display: block; float: left; width: 100%; } .knswli-video-left .knswli-name h2 { margin-top: 0; } .knswli-video-left .knswli-name a { font-size: 14px; line-height: 21px; color: #f6a623; text-transform: uppercase; display: block; } .knswli-video-left .knswli-title a { font-size: 20px; line-height: 28px; color: #fff; font-weight: bold; margin-top: 6px; } .knswli-video-left .knswli-sapo { font-size: 14px; line-height: 22px; color: #fff; } .knswli-video-center { display: inline-block; position: relative; overflow: hidden; } .knswli-video-right { display: inline-block; position: relative; overflow: hidden; } .knswli-video-right .scroll-pane { height: auto; max-height: 250px; overflow: hidden; } @media (min-width: 576px) { .knswli-video-right { padding: 0; } } @media (max-width: 576px) { .knswli-video-right { margin-top: 20px; } } .knswli-video-thumb img { width: 100%; } .knswli-video-thumb { position: relative; } .knswli-video-wrapper .knswli-video-icon-play { position: absolute; bottom: 0; left: 0; width: 77px; height: 79px; background-color: rgba(48, 48, 48, 0.5); color: #fff; } .knswli-video-wrapper .knswli-video-icon-play .icon-play { padding: 28px; font-size: 23px; display: inline-block; } .kvli { padding-top: 13px; padding-bottom: 11px; border-top: 1px dashed #999; } .kvli:first-child { padding-top: 0; border-top: none; } .kvli-ava { height: 74px; display: block; margin-right: 12px; position: relative; text-decoration: none; } .kvli-ava img { width: 132px; height: 74px; display: block; } .kvli-title { margin: 0; } .kvli-title a { font-size: 14px; line-height: 20px; color: #fff; text-decoration: none; font-weight: 600; } .knswli-video-wrapper .kvli .knswli-video-icon-play { width: 36px; height: 36px; } .knswli-video-icon-play i { font-size: 16px; padding-top: 33%; padding-left: 33%; } .knswli-video-thumb i { font-size: 32px; } .knswli-video-wrapper .kvli .icon-play { padding: 13px; font-size: 10px; color: #fff; display: inline-block; } .kvli-thumb { float: left; width: 50%; } .kvli-thumb img { max-width: 100%; } .kvli-info { float: left; width: 50%; } .inner-section-video { margin: 20px 0 20px 0; position: relative; padding: 20px 15px; } .inner-section-video .title-box-category { color: #fff; } .wrapper-box-video { position: relative; } .wrapper-box-video .box-player-video { width: 60%; float: left; position: relative; } @media (min-width: 991px) and (max-width: 1199px) { .wrapper-box-video .box-player-video { width: 60%; } } @media (max-width: 991px) { .wrapper-box-video .box-player-video { width: 50%; } } @media (max-width: 576px) { .wrapper-box-video .box-player-video { width: 100%; float: none; overflow: hidden; } } .wrapper-box-video .box-player-video .meta-news { color: #ccc; } .box-player-video .item-news .title-news { font-size: 18px; line-height: 24px; font-weight: 600; margin-top: 15px; margin-bottom: 5px; width: 100%; } .box-player-video .item-news .title-news a:hover { color: #ccc !important; } @media (max-width: 576px) { .box-player-video .item-news .title-news { font-size: 16px; line-height: 24px; } } .box-scroll-video { width: 40%; padding-left: 20px; padding-right: 15px; height: 100% !important; position: absolute; top: 0; right: 0; } @media (min-width: 991px) and (max-width: 1199px) { .box-scroll-video { width: 40%; } } @media (max-width: 991px) { .box-scroll-video { width: 50%; } } @media (max-width: 576px) { .box-scroll-video { width: 100%; padding-left: 0; padding-right: 0; height: 420px !important; position: relative; margin-top: 15px; overflow: hidden; } .box-scroll-video .ss-content { width: 100%; } } .box-scroll-video .video-item .meta-news { color: #e2e2e2; } .box-scroll-video .video-item .meta-news a:hover { color: var(--color-secondary); } .box-scroll-video .video-item .video-mask { width: 24px; height: 24px; margin: -12px 0 0 -12px; } .box-scroll-video .video-item .video-mask::before { content: none; } .box-scroll-video .video-item .thumb-art a { padding-bottom: 60%; } .box-scroll-video .video-item .title-news a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .ss-wrapper { overflow: hidden; width: 100%; height: 100%; position: relative; z-index: 1; float: left; } .ss-content { height: 100%; width: calc(100% + 17px); padding: 0; position: relative; overflow: auto; box-sizing: border-box; } .box-scroll-video .item-news-common { padding-bottom: 0; border-bottom: none; color: #fff; margin-bottom: 15px; } .box-scroll-video .item-news-common .thumb-art { width: 120px; float: left; margin-right: 10px; } .box-scroll-video .item-news-common .thumb-art .thumb:before { width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); transition-duration: 200ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); opacity: 0; z-index: 1; } .duration-video { font-size: 12px; color: #fff; background: #000; padding: 3px 5px; position: absolute; bottom: 5px; left: 5px; border-radius: 1px; opacity: 1; } .has_transition { transition-duration: 250ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .playing-txt { font-size: 12px; font-weight: 700; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; z-index: 1; } .thumb-16x9 { padding-bottom: 60%; } .thumb-video { width: 100%; height: 0; padding-bottom: 60%; margin-bottom: 0; position: relative; overflow: hidden; } .box-scroll-video .item-news-common .title-news { font-size: 14px; font-weight: 400; margin-bottom: 0; margin-top: 0; line-height: 160%; } .box-scroll-video .item-news-common .title-news a:hover { color: #ccc !important; } .wrapper-box-video .box-player-video .thumb-video { cursor: pointer; } .box-player-video .item-news { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } .play-icon .ic { fill: #fff; width: 42px; height: 56px; transition-duration: 250ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); transform: scale(0.8); -webkit-transform: scale(0.8); } .thumb-video:hover .play-icon .ic { transform: scale(1); -webkit-transform: scale(1); } .thumb img { position: absolute; width: 100%; float: left; -o-object-fit: cover; object-fit: cover; height: 100%; background-size: cover; background-position: 50%; } .video-mask { position: absolute; z-index: 1; width: 80px; height: 80px; left: 50%; top: 50%; margin: -40px 0 0 -40px; transition: all 0.3s ease-in-out; } .video-mask:before { content: ""; position: absolute; left: -10px; top: -10px; width: calc(100% + 20px); height: calc(100% + 20px); background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; } .video-mask:after { content: ""; position: absolute; left: 1px; top: 1px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1) url("/frontend/images/play3.png") no-repeat 50%; background-size: contain; border-radius: 50%; } .video-item:hover .video-mask { transform: scale(0.9); } .image-small .video-mask, .image-medium .video-mask, .image-wide-medium .video-mask { width: 48px; height: 48px; margin: -24px 0 0 -24px; } .image-small .video-mask::before, .image-medium .video-mask::before, .image-wide-medium .video-mask::before { content: ""; left: 2px; top: 2px; width: calc(100% - 4px); height: calc(100% - 4px); background-color: rgba(0, 0, 0, 0.3); } .sub-news-cate .video-mask, .box.widget .video-mask, .other-news .video-mask { width: 30px; height: 30px; bottom: 5px; left: 5px; top: auto; margin: 0; } @media (max-width: 480px) { .item-news .image-small .video-mask { width: 30px; height: 30px; bottom: 5px; left: 5px; top: auto; margin: 0; } } .featured-news .video-mask, .full-thumb .video-mask, .box-news-larger .video-mask, .multimedia-plus .video-mask { width: 64px; height: 64px; margin: -32px 0 0 -32px; } .album { background-color: #303030; width: 100%; margin: 20px 0; } .album .container { background-color: #303030; } .album .knswli-video-left { background-color: rgba(0, 156, 215, 0.83); overflow: hidden; height: 330px; } .album .knswli-video-right { height: auto; } .album .knswli-video-right img { width: 100%; } .album .knswli-video-right a, .album .knswli-video-right a img { max-width: 100%; margin: 0 auto; height: auto; } @media (min-width: 991px) { .album .knswli-video-right { padding: 0; } } .album .knswli-image-sapo { overflow: hidden; } .album .knswli-image-sapo, .album .knswli-image-title a { font-size: 14px; line-height: 20px; color: #fff; text-decoration: none; } .album .knswli-image-title { margin: 10px 0; } .album .knswli-image-title h2 { margin: 0; padding: 0; } @media (max-width: 576px) { .album .knswli-image-title { margin: 0; } } .album .knswli-image-title a { font-size: 22px; line-height: 1.2; } @media (max-width: 576px) { .album .knswli-image-title a { font-size: 18px; line-height: inherit; } } @media (max-width: 576px) { .album .knswli-image-sapo { margin: 0 0 20px 0; } } .album .knswli-slide-wrapper { margin-bottom: 15px; } .album .knswli-image-list { display: block; float: left; width: 100%; margin-bottom: 20px; } .album .knswli-image-list .ili { display: block; position: relative; padding: 0 5px; float: left; margin-bottom: 15px; } .album .knswli-image-list .ili .ili-ava { width: 48%; float: left; display: block; } .album .knswli-image-list .ili .ili-title { width: 50%; float: left; display: block; margin: 0; padding: 0; color: #FFF; padding-left: 15px; line-height: 1.2; } .album .knswli-video-wrapper { display: block; float: left; padding: 40px 0 20px; } @media (max-width: 576px) { .album .knswli-video-wrapper { padding-bottom: 10px; } } .album .ili-ava { width: 100%; display: block; position: relative; text-decoration: none; margin-bottom: 12px; } .album .ili-ava img { width: 100%; } .album .ili-title a { font-size: 14px; line-height: 20px; color: #FFF; text-decoration: none; text-align: left; } .section-magazine { background: var(--color-primary); padding: 30px 0 30px; } .section-magazine .title-box-category { color: #fff; } .section-magazine .inner-section { max-width: 1200px; } .section-magazine.full-width { width: 100vw; position: relative; left: calc(-50vw + 50% - 9px); } .section-magazine.emagazine-mobile { background: var(--color-primary); padding: 15px 0; } .section-magazine.emagazine-mobile .slick-slide > div { padding: 0 5px; } .section-magazine.emagazine-mobile .title-box-category { color: #fff; } .section-magazine.emagazine-mobile .box-news { border: 1px solid #ddd; background: #fff; border-radius: 5px; } .section-magazine.emagazine-mobile .box-news > .content { padding: 0 10px; } .section-magazine.emagazine-mobile .box-news > .content .title a { font-size: 15px; color: #000; } .album-list .article-item { position: relative; height: 435px; float: none; font-family: inherit; line-height: normal; overflow: hidden; border-radius: 4px; margin-bottom: 15px; } .album-list .article-item .album-thumb { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 4px; z-index: 1; } .album-list .article-item .album-thumb:before { content: ""; display: block; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(to bottom, rgba(216, 216, 216, 0) 40%, #0d0d1f); } .album-list .article-item .album-thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; -o-object-fit: cover; object-fit: cover; will-change: transform; transition: transform 1.5s ease-out; border-radius: 4px; } .album-list .article-item .album-type { position: absolute; top: 0; left: 50%; transform: translateX(-50%); text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1; overflow: hidden; padding: 0 8px; background: var(--color-primary); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-align: center; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fff; min-width: 120px; height: 25px; line-height: 25px; letter-spacing: 0.5px; z-index: 2; } .album-list .article-item .album-title { position: absolute; top: 225px; text-align: center; z-index: 2; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); width: 100%; } .album-list .article-item .album-title:before { content: ""; display: block; background: var(--color-primary); width: 50px; height: 5px; margin: 0 auto 15px; } .album-list .article-item .album-title > p { display: block; font-family: "Noto Serif"; font-size: 20px; color: #fff; font-weight: bold; line-height: 1.3; padding: 0 20px; } .album-list .article-item .album-type-icon { position: absolute; z-index: 2; bottom: 25px; left: 50%; margin-left: -24px; width: 48px; height: 48px; background: #000; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .album-list .article-item .album-type-icon > i { font-size: 20px; color: var(--color-primary); } .album-list .article-item:hover { box-shadow: 0 5px 5px #000; border-radius: 4px; } .album-list .article-item:hover .album-thumb img { transform: scale(1.1); border-radius: 4px; } .album-list .article-item:hover .album-title > p { color: var(--color-primary); } .album-list .article-item:hover .album-type-icon { background: var(--color-primary); } .album-list .article-item:hover .album-type-icon i { color: #000; } .album-list li { padding: 0 10px; } .album-list .slick-list { margin: 0 -10px; } .category-sub-cat { display: flex; justify-content: center; flex-wrap: wrap; list-style-type: none; } .category-sub-cat li { margin: 10px; } .category-sub-cat li a { font-size: 14px; font-weight: 600; line-height: 20px; color: rgb(117, 117, 117); } .category-title .page-title-text { text-transform: uppercase; font-weight: 700; font-size: 32px; line-height: 44px; letter-spacing: 0.16px; padding-bottom: 16px; text-align: center; margin-bottom: 0px; } .category-title .page-title-text:after { content: ""; width: 80px; height: 4px; background: var(--color-primary); margin: 15px auto 0; display: block; } @media screen and (max-width: 768px) { .category-title .page-title-text { font-size: 26px; } .category-title .page-title-text:after { width: 80px; height: 2px; margin: 10px auto 0; } } .category-bar-wrapper { border-bottom: 1px solid #cecece; } .category-bar { display: flex; flex-wrap: nowrap; gap: 15px; overflow-x: auto; } @media screen and (min-width: 960px) { .category-bar::-webkit-scrollbar { width: 14px; height: 14px; } .category-bar::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #f2f2f2; background-color: #b9b9b9; } .category-bar::-webkit-scrollbar-track { background-color: #f2f2f2; border-radius: 8px; } } .category-bar .page-title-text { margin-bottom: 0; font-size: 14px; font-weight: 600; line-height: 34px; padding-bottom: 0; position: relative; white-space: nowrap; font-family: var(--menu-font); } .category-bar .page-title-text span { padding: 5px 0; display: block; height: 100%; } .category-bar .page-title-text:after { position: absolute; margin: 0; bottom: 0; left: 0; width: 100%; } .category-bar .category-sub-cat { display: flex; justify-content: center; flex-wrap: nowrap; list-style-type: none; gap: 15px; } .category-bar .category-sub-cat li { margin: 0; position: relative; } .category-bar .category-sub-cat li a { font-size: 14px; font-weight: 600; line-height: 34px; color: #757575; padding: 5px 0; display: block; height: 100%; white-space: nowrap; text-transform: uppercase; font-family: var(--menu-font); } .category-bar .category-sub-cat li:after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 4px; transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15); background-color: var(--color-primary); } .category-bar .category-sub-cat li:hover::after { width: 100%; } .box-featured-article .box-news .title, .box-featured-article .item-news .title, .box-other-articles .box-news .title, .box-other-articles .item-news .title { font-size: 20px; line-height: 28px; font-weight: 600; } .box-featured-article .description, .box-other-articles .description { color: #757575; font-size: 14px; font-weight: 400; margin-bottom: 15px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } @media screen and (max-width: 768px) { .box-featured-article .item-news .title, .box-other-articles .item-news .title { font-size: 16px !important; line-height: 22px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } } .box-featured-article .side .box-news { margin-bottom: 15px; } .box-other-articles .item-news { border-bottom: 1px solid #eee; } @media (min-width: 767px) { .box-other-articles .style_img_left .image-wrapper { width: 240px; } .box-other-articles .style_img_left .content { width: calc(100% - 240px); padding-left: 15px; } } .error-404 { margin: 0px auto; width: 70%; text-align: center; padding: 30px 0px 30px 0px; display: flex; flex-direction: column; justify-content: center; } .error-404 > p { margin: 15px 0px 15px 0px; font-size: 16px; } .error-404 a.go-back { font-size: 20px; text-transform: uppercase; font-weight: bold; display: inline-block; padding: 8px 30px; text-decoration: none; border: solid 1px; color: #333; transition: all 0.3s ease-in-out; color: #fff; background: var(--color-primary); border-color: var(--color-primary); border-radius: 35px; } @media screen and (max-width: 960px) { .error-404 a.go-back { font-size: 15px; padding: 5px 30px; } } .error-404 a.go-back:hover { color: #fff !important; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); background-color: var(--color-primary); } .error-404 .desktop-search-form { width: 100%; } .error-404 .desktop-search-form .searchform input[type=text] { height: 45px; background: #fff; } @media screen and (max-width: 480px) { .error-404 .desktop-search-form .searchform input[type=text] { height: 35px; } } .error-404 .note-more-news { font-size: 16px; line-height: 150%; font-weight: 700; margin-top: 30px; padding: 0 40px; margin-bottom: 0; } @media screen and (max-width: 480px) { .error-404 { width: 90%; } .error-404 > p { font-size: 14px; } .error-404 .note-more-news { font-size: 14px; padding: 0 15px; } } .article-list-404 { background: #fff; padding: 30px; } .error-404 h2 { font-size: 60px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); -moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); -webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); margin: 0px 0px 40px 0px; padding: 15px 0px; border-top: solid 3px #ccc; border-bottom: solid 3px #ccc; color: var(--color-primary); } .page-404 { float: left; width: 100%; position: relative; margin: 0px 0px 30px 0px; } .page-404 p { font-size: 320px; font-weight: bold; line-height: 300px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); -moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); -webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); color: var(--color-primary); } @media screen and (max-width: 960px) { .page-404 p { font-size: 150px; font-weight: bold; line-height: 150px; } } @media screen and (max-width: 480px) { .page-404 p { font-size: 130px; font-weight: bold; line-height: 150px; } } .page-404 span { font-size: 30px; content: #fff; font-weight: bold; background-color: rgba(255, 255, 255, 0.9); margin: -60px 0px 0px 0px; width: 100%; text-align: center; position: absolute; left: 0px; top: 50%; text-transform: uppercase; color: #f58634; line-height: 45px; } @media screen and (max-width: 960px) { .page-404 span { font-size: 15px; margin: -30px 0px 0px 0px; line-height: 30px; } } .box-sharing { overflow: hidden; margin-top: 20px; border-top: 1px solid #e1e3e5; border-bottom: 1px solid #e1e3e5; padding: 5px 15px; margin-bottom: 20px; width: 100%; background: #f7f7f7; display: inline-flex; align-items: center; } .thread-actions__right { margin-left: auto; } .box-sharing .fbplugin { float: left; margin: 6px 8px 0 0; padding: 4px 0px 0 0; border-right: 1px solid #ddd; height: 40px; } .box-sharing .social { font-size: 16px; font-size: 1.6rem; display: inline-flex; height: 45px; align-items: center; margin-left: 5px; margin-bottom: 0; } .box-sharing .social frame { width: 0px; height: 0px; } .icon-social-zalo { width: 13px; height: 16px; display: inline-block; background: url("https://stc.sp.zdn.vn/share/logo_white_s_2x.png") no-repeat; background-size: contain !important; margin: 1px auto 0; vertical-align: middle; } .box-sharing .social li { float: left; margin-top: 2px; } .box-sharing .social * { color: #009cd7; } .box-sharing .social li a { text-align: center; width: 40px; height: 40px; padding: 11px 0; border-radius: 50%; color: #fff; display: block; } .box-sharing .social li a.print { font-size: 23px; padding: 4px 0; } .box-sharing .social .icon-social-facebook { font-size: 17px; font-size: 1.7rem; } .zalo-share-button { background: inherit; color: #fff; display: inline-block; padding: 0; border-radius: 5px; position: relative; left: 0; cursor: pointer; } .box-sharing .social li a.zb-btn-blue--small { display: block; background-color: #03a5fa; color: #fff; width: 70px; height: 25px; line-height: 25px; text-decoration: none; font-size: 11px; border-radius: 3px; text-align: center; padding: 0; } .box-sharing .list-tool { margin-top: 15px; } .box-sharing .list-tool li { float: left; padding-left: 17px; } .box-sharing .list-social li { float: left; padding: 0; padding-left: 11px; } .box-sharing .list-social li .liked { background-color: rgb(162, 162, 162); } .box-sharing .list-social { margin-top: 0; padding-left: 0; } .box-sharing .list-social li a { height: 27px; font-size: 13px; color: #fff; text-indent: 0; display: block; line-height: 27px; padding-right: 12px; float: left; } .box-sharing .list-social li a.facebook { background-color: #3a5998; } .box-sharing .list-social li a.google { background-color: #f5313e; } .box-sharing .facebook i { display: inline-block; margin-right: 5px; bottom: 0; width: 32px; height: 32px; padding-top: 7px; } .box-sharing .google i { display: inline-block; margin-right: 7px; } .box-sharing .list-tool i { color: rgba(51, 51, 51, 0.3); font-size: 18px; } .box-sharing .list-tool .icon:hover { color: #4a90e2; } .box-sharing .list-social i { vertical-align: middle; padding-left: 12px; color: #FFF; } .box-sharing .list-social li a { border-radius: 2px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: bold; } .box-sharing .list-social li a.facebook { box-shadow: 0 1px 0 0 #274177; } .box-sharing .list-social li a.google { box-shadow: 0 1px 0 0 #b6121d; } .box-sharing .list-social li:first-child { padding-left: 0; } .btn-qt a { border-radius: 3px; background-color: #e32c22; text-transform: uppercase; padding-left: 0; } .btn-qt a i { display: inline-block; margin-right: 4px; } .btn-qt > span { float: left; padding: 4px 6px; color: #878787; font-size: 11px; border: solid 1px #e0e0e0; height: 100%; margin-left: 7px; line-height: 18px; border-radius: 2px; position: relative; } .btn-qt > span:before { content: " "; border-style: solid; border-color: transparent #fff transparent transparent; border-width: 5px 5px 5px 0; position: absolute; left: -5px; top: 7px; z-index: 2; } .btn-qt > span:after { content: " "; border-style: solid; border-color: transparent #e0e0e0 transparent transparent; border-width: 6px 6px 6px 0; position: absolute; left: -6px; top: 6px; z-index: 1; } .box-sharing.right .list-social li a { width: 90px; } .box-sharing.right .list-social li:last-child { width: 100px; } .box-sharing.right .list-tool { margin-top: 10px; } #news__comment label i { margin-right: 5px; } .block_comment { background-color: #fff; padding: 1rem !important; margin-bottom: 15px; box-shadow: 0 0 3px 1px #eee; border-radius: 2px; } .block_comment .input_content { width: 100%; padding: 5px 10px; border: 1px solid #e2e2e2; background: #fafafa; border-radius: 2px; box-shadow: 0 0 2px 0 #eee; } .block_comment .btn_comment { height: 35px; background-color: var(--color-primary); color: rgb(255, 255, 255); } .block__comment .time:before { display: none; } .block__comment .time { padding-left: 0; } .comment_error { padding: 0.5rem !important; color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; display: none; margin: 0 0 10px 0; } .eventbit, .postbit, .postbitlegacy { margin-bottom: 15px; display: block; clear: both; position: relative; color: #3f3f3f; border: 1px solid #ddd; border-radius: 3px; } .comment_author { margin-left: 10px; } .comment_author .card-title { margin-left: 10px; } .userinfo { background: #f2f2f2; padding: 10px; } .itemIMG { width: 68px; height: 68px; position: relative; float: left; display: inline-block; } .img-cover { display: block; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .userinfo .contact .itemIMG img { border-radius: 3px; } .align-self-center { float: left; display: inline-block; } .userinfo .contact .card-title { margin-bottom: 0; } .userinfo .contact .card-title a { font-size: 14px; font-weight: 700; color: #3474ab; } .eventbit .eventhead, .postbit .posthead, .postbitlegacy .posthead { margin: 5px 10px; color: #186378; border-bottom: 1px solid #ddd; padding-bottom: 3px; clear: both; overflow: hidden; font-weight: inherit; font-style: inherit; font-size: 11px; font-family: inherit; } .postbit .post_summary { padding: 10px; font-weight: 700; } .postbit .postcontent { padding: 10px; } .promotions { display: block; text-align: center; margin: 0 auto 10px; background: #fff; clear: both; } .qc_rotation { position: relative; } .qc_rotation .promotions { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } .qc_rotation .hidden { display: none; } .qc_rotation .visible { display: block; } .promotions img, svg { max-width: 100%; height: auto; } .no-margin-ads .promotions { margin: 0; } .promotion-sticky { display: none; } @media screen and (min-width: 1300px) { .promotion-sticky { position: fixed; z-index: 5; bottom: 0; display: block; } .promotion-sticky.pc-sticky-left { right: calc(50% + 570px); } .promotion-sticky.pc-sticky-right { left: calc(50% + 570px); } } /*APP CANNANG*/ .box_category { margin-bottom: 30px; margin-top: 15px; } .tab_chiso { width: 100%; float: left; } .tab_chiso .item_tab a { display: block; float: left; padding: 0 10px; height: 23px; font: 400 13px/23px arial; color: #333; border-top: 2px solid #fff; } .tab_chiso .item_tab a.active { font: 700 13px/23px arial; border-top: 2px solid #04a59d; background: #eee; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; } .tab_chiso .txt_timhieu { margin-top: 5px; margin-right: 10px; } #box_details_news .fck_detail .btn_control_tv_slider { top: 40%; } #box_details_news #boxthamdoykien .title_box_category { height: 30px; margin-bottom: 10px; overflow: hidden; } #box_details_news #boxthamdoykien .txt_main_category { float: left; margin: 0; display: inline; font: 700 14px/30px arial; color: #9f224e; border: none; background: none; } #box_details_news #boxthamdoykien .txt_main_category span { color: #9f224e; font: 700 14px/30px arial; height: 28px; display: block; float: left; } .chiso_sk .form_lienhe { padding: 0; } .chiso_sk .form_lienhe select { font-size: 12px; width: 100%; padding: 2px 0 4px 2%; color: #666; line-height: 20px; background: #fff; } .chiso_sk .form_lienhe input[type=text] { height: 28px; font-size: 12px; width: 100%; padding: 0 5%; color: #666; background: #fff; } .ketqua { background: #eee; width: 100%; float: left; } .chiso_sk { padding: 10px 2%; width: 100%; float: left; background: #eee; } .chiso_sk .form_lienhe .btn_xemketqua { background: #04a59d; color: #fff; cursor: pointer; font: 400 14px arial; height: 30px; padding: 0 10px; cursor: pointer; border: none; float: left; margin: 0 10px 0 0; } .ct_tab_item { width: 100%; float: left; display: none; } .block_2_2 { width: 48.5%; } .left { float: left; } .right { float: right; } .item_input_lienhe { margin-bottom: 10px; } .width_common { width: 100%; float: left; } .txt_timhieu { padding: 0; float: right; display: block; font: 400 11px/16px arial; color: #666; background: #fff; margin: 0 10px 0 0; margin: 0; } .tab_chiso .txt_timhieu { margin-top: 5px; } .close-lb { background: url(../images/icon_total_01.png) no-repeat -22px -286px; width: 30px; height: 30px; position: absolute; top: 5px; right: 10px; cursor: pointer; } #login-vne3 .ttOline, #login-vne4 .ttOline, #login-vne5 .ttOline, #login-vne6 .ttOline, #login-vne7 .ttOline, .ttOline { background: #fff; height: 38px; padding: 12px 20px 0; display: block; overflow: hidden; font: 700 16px arial; color: #000; } #login-vne4 { background: #f4f4f4; padding: 0; } #login-vne3 .login-txt, #login-vne5 .login-txt, #login-vne6 .login-txt { margin: 0 0 3px; display: block; overflow: hidden; } #login-vne3 .login-txt .txt-login { border: 1px solid silver; background: #fff; font: 400 14px arial; color: #666; width: 358px; padding: 2px 7px; height: 20px; } #login-vne3 .txt-capcha, #login-vne5 .txt-capcha, #login-vne6 .txt-capcha { float: left; border: 1px solid silver; background: #fff; font: 400 14px arial; color: #666; width: 104px; padding: 2px 7px; height: 20px; margin-right: 10px; } #login-vne3 img, #login-vne5 img, #login-vne6 img { float: left; margin-right: 8px; } #login-vne6 .sercurity .img_chapcha img { margin-right: 110px \9 ; } #login-vne4 { background: #f4f4f4; padding: 0; } .complete-form { padding: 20px; display: block; overflow: hidden; font: 500 14px arial; color: #000; width: auto; } .block_ketqua_giamcan { text-align: center; background: #04a59d; color: #fff; margin-bottom: 10px; } .block_ketqua_giamcan .ketqua_1 { font: 700 18px/50px arial; } .block_ketqua_giamcan .ketqua_2 { padding: 5px 0; } .block_ketqua_giamcan .ketqua_2 .txt_calo { font: 700 18px arial; } .txt_ban_can { padding: 0 0 5px; } .txt_ban_can p { padding: 5px 0 5px 15px; } .block_goicauhoi { text-align: center; } .block_goicauhoi a { display: inline-block; padding: 5px 20px; border: 1px solid #e5e5e5; background: #fff; } .block_quantamdieutri { border-top: 1px solid #d9d9d9; padding: 10px 0 0; margin: 15px 0 0; font: 400 13px arial; } .txt_dieutri { font: 700 13px arial; padding: 0 0 10px; } .block_ama { padding: 10px 2%; width: 100%; float: left; background: #f5f5f5; overflow: hidden; margin-bottom: 15px; text-align: left; } .title_thoitiet { width: 100%; float: left; height: 37px; background: #fff; } .block_goicauhoi, .block_quantamdieutri { display: none !important; } .txt_nhanxet { margin: 0 0 0 10px; line-height: 30px; font-size: 12px; color: #333; } .chiso_sk .txt_error { color: red; } #SexyAlertBox-Box { padding-bottom: 24px; } #SexyAlertBox-InBox { padding-top: 15px; } #SexyAlertBox-BoxContent { padding: 0px 20px; } #SexyAlertBox-BoxContenedor { padding: 0px 0px 5px 55px; text-align: left; font-family: Verdana; font-size: 12px; color: #000; } #SexyAlertBox-BoxContenedor h1, #SexyAlertBox-BoxContenedor h2, #SexyAlertBox-BoxContenedor h3, #SexyAlertBox-BoxContenedor b, #SexyAlertBox-BoxContenedor strong { text-align: left; font-family: Verdana; font-size: 12px; color: #000; font-weight: bold; margin: 0px; padding: 0px; } #SexyAlertBox-Buttons { text-align: right; } #SexyAlertBox-Buttons input { margin: 10px 10px; } #SexyAlertBox-BoxContenedor #BoxPromptInput { margin-top: 5px; } #SexyAlertBox-Box .BoxAlert { background: url("images/dialog-warning.png") top left no-repeat; } #SexyAlertBox-Box .BoxConfirm { background: url("images/dialog-help.png") top left no-repeat; } #SexyAlertBox-Box .BoxPrompt { background: url("images/dialog-help.png") top left no-repeat; } #SexyAlertBox-Box .BoxInfo { background: url("images/dialog-information.png") top left no-repeat; } #SexyAlertBox-Box .BoxError { background: url("images/dialog-error.png") top left no-repeat; } input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number], textarea, select { font: 400 14px Arial; } .form_box .title_box_category { margin: 0; } .form_element { font: 400 14px/14px Arial; width: 80%; margin: 0 auto; } .form_element li { margin: 0 0 10px 0; } .form_element li:last-child { margin: 0; } .label_form { width: 100%; float: left; padding: 0 0 5px 0; color: #000; } .input_form { width: 100%; float: left; border: 1px solid silver; color: #666; font: 400 14px/14px Arial; height: 30px; padding: 2px 5px; background: #fff; outline: none; } .input_area { height: 100px; } .txt_error { font: 400 11px arial; color: #000; } .input_70 { width: 69% !important; } .input_30 { width: 29% !important; } .input_50 { width: 49% !important; } .capcha { float: left; margin: 3px 10px; } .txt_clear_all { background: none; padding: 5px 8px; text-decoration: underline; color: #333 !important; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 6px; box-sizing: border-box; } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; z-index: 1046; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 36px; height: 36px; line-height: 36px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; color: #333; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 600px; } .mfp-iframe-holder .mfp-close { top: 0; } .mfp-iframe-scaler { width: 100%; height: 100%; overflow: hidden; /*padding-top: 56.25%; */ padding-top: 66%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #f4f4f4;*/ } .white-popup { position: relative; background: #f4f4f4; width: auto; max-width: 100%; padding: 15px; margin: 0 auto; } .mfp-with-zoom.mfp-ready .white-popup { opacity: 1; transform: scale(1); } .mfp-with-zoom .white-popup { opacity: 0; transition: all 0.2s ease-in-out; transform: scale(0.8); } /* animate out */ .mfp-with-zoom.mfp-removing .white-popup { transform: scale(0.8); opacity: 0; } /* Dark overlay, start state */ .mfp-with-zoom.mfp-bg { opacity: 0; transition: opacity 0.3s ease-out; } /* animate in */ .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } .title_popup { font: 700 16px arial; color: #000; padding: 8px 20px; background: #fff; text-align: center; } .content_poup { padding: 20px; background: #f4f4f4; font: 400 14px/20px Arial; } .content_poup.popup_padding10 { padding: 10px; } .ques_vote { background: #ededed; padding: 15px 20px; } .ques_vote .text_ques { font: 500 14px arial; color: #000; margin-bottom: 5px; } .ques_vote .timevote { font: 400 11px arial; color: #666; } .list_vote li { width: 100%; float: left; margin: 0 0 10px; padding: 0 0 15px; border-bottom: 1px dotted #ccc; } .rsV_left { width: 25%; float: left; font: 12px arial; color: #000; padding-right: 15px; } .scroll_color { width: 55%; float: left; margin: 5px 0; height: 5px; background: #ccc; } .scroll_color .bg_center_scroll { position: relative; background: #000; float: left; height: 5px; } .scroll_color .bg_center_scroll .txt_number_ketqua { display: inline-block; padding: 5px 0 0; position: absolute; right: 0; bottom: -15px; font: 10px arial; color: #000; } .rsV_right { width: 18%; float: right; font: 12px arial; color: #999; text-align: right; } .rsV_right label { color: #000; } .total_vote { float: right; font: 400 11px arial; color: #666; } .total_vote label { font-weight: 700; color: #000; } .total_rate { font-weight: 700; color: #000; } .list_rating { padding-top: 20px; margin-bottom: 20px; font-size: 0; } .list_rating li { width: 9%; display: inline-block; position: relative; margin-right: 1%; counter-increment: num; } .list_rating li:before { content: counter(num); position: absolute; bottom: -20px; left: 50%; font: 400 12px arial; color: #000; } .list_rating .rank_point { height: 10px; background: #ccc; } .social_lightbox li { display: inline-block; margin: 5px 1%; width: 46%; line-height: 26px; } .social_lightbox .item_social { width: 26px; height: 26px; border-radius: 100%; margin-right: 10px; display: inline-block; text-align: center; /*line-height: 30px;*/ } .social_lightbox .item_social i { color: #fff; } .social_lightbox .item_fb { background: #3067a3; } .social_lightbox .item_linkedin { background: #007bb6; } .social_lightbox .item_twit { background: #00aced; } .social_lightbox .item_pinterest { background: #cb2027; } .social_lightbox .item_pinterest .ic-pinterest-p { background-position: -512px 0; } .social_lightbox .item_google { background: #dd4b39; } .social_lightbox .item_email { background: #d7d7d7; } .btn_refrest { float: left; } .content_poup .btn_vne { height: 30px; margin-left: 10px; } .share_email_des { background: #EDEDED; width: 100%; float: left; padding: 15px 0; } .share_email_des .share_email_left { width: 12%; float: left; } .share_email_des .share_email_left a { color: #666; text-decoration: underline; font: 600 11px/16px Arial; padding: 0 0 0 20px; } .share_email_des .share_email_right { width: 88%; float: right; padding-left: 5px; padding-right: 10px; } .share_email_des .share_email_right p { font: 400 14px/16px Arial; color: #9f224e; } .share_email_des .share_email_right .breakumb { color: #000 !important; } .share_email_des .share_email_right .breakumb a { color: #666; font: 400 11px/16px Arial; text-decoration: underline; } .share_email_des .share_email_right .breakumb a.active { color: #333; text-decoration: none; } /*lightbox_vipham*/ .lightbox_vipham .input_area { height: 50px; } .lightbox_vipham .btn_vne { margin-left: 0; } /*End lightbox_vipham*/ /*Lightbox Đăng nhập 2*/ .lightbox_dangnhap2 .content_poup { padding: 0; } #login-vne1 { padding: 15px 0; } #login-vne1 .login-type { font: 700 14px arial; color: #000; margin: 0 0 5px; overflow: hidden; } #login-vne1 .login-left { width: 35%; float: left; } #login-vne1 .login-left .login-type { text-align: right; } #login-vne1 .login-right { width: 61%; float: right; padding: 0 0 0 2%; border-left: 1px solid #dedede; } #login-vne1 .login-right .login-type { text-align: left; } #login-vne1 .btt-complete { width: 96px; height: 28px; text-align: center; padding: 2px 0 0; font: 500 14px arial; color: #fffefe; background: #9f224e; border: none; cursor: pointer; } .p-social { display: block; overflow: hidden; margin: 0 0 10px; } .p-social .login-social { width: 134px; height: 30px; float: right; background: url(images/graphics/social-login.gif) no-repeat; } .p-social .lg-facebook { background-position: 0 0; } .p-social .lg-google { background-position: 0 -42px; } .login-form { width: 100%; float: left; border: 1px solid #dedede; background: #fff; position: relative; padding: 10px 0; } .login-txt { margin: 0 0 3px; } .login-txt .txt-login { border: 1px solid silver; background: #fff; font: 400 14px arial; color: #666; width: 85%; padding: 2px 7px; height: 24px; } .login-desc { font: 400 11px arial; color: #9f224e; margin: 0 0 10px; display: inline-block; overflow: hidden; } .login-btt { display: block; overflow: hidden; margin: 0; width: 100%; } /*End Lightbox Đăng nhập 2*/ /********/ /*Lightbox Đăng nhập*/ .lightbox_dangnhap .form_element { width: 100%; } .lightbox_dangnhap .login_title { font: 700 14px arial; color: #000; margin-bottom: 5px; } .lightbox_dangnhap .login-left { width: 35%; float: left; } .lightbox_dangnhap .login-left .login_title { text-align: right; } .lightbox_dangnhap .login-right { width: 61%; float: right; padding: 0 0 0 2%; border-left: 1px solid #dedede; } .lightbox_dangnhap .login-right .login_title { text-align: left; } .lightbox_dangnhap .p_social a { width: 134px; height: 30px; line-height: 30px; display: block; text-align: center; color: #fff; float: right; margin-bottom: 10px; } .lightbox_dangnhap .p_social a i { color: #fff; float: left; height: 30px; width: 30px; line-height: 30px; border-right: 1px solid rgba(255, 255, 255, 0.27); } .lightbox_dangnhap .p_social .facebook { background: #3B589C; } .lightbox_dangnhap .p_social .google { background: #DA4835; } /*End Lightbox Đăng nhập*/ /*Lightbox resultbmi-popup*/ #resultbmi-popup.white-popup, .white-popup#resultcalo-popup { width: 100%; } #resultbmi-popup .content_poup, #resultcalo-popup .content_poup { padding: 30px; } #resultbmi-popup .ketqua_chiso, #resultcalo-popup .ketqua_chiso { background: #04A59D; color: #fff; text-align: center; margin-bottom: 10px; font: 700 18px/50px arial; } #resultbmi-popup .guicauhoi, #resultcalo-popup .guicauhoi { display: block; padding: 5px 20px; border: 1px solid #e5e5e5; background: #fff; width: 209px; margin: 0 auto; } #resultbmi-popup .guicauhoi i, #resultcalo-popup .guicauhoi i { margin-right: 5px; display: inline-block; vertical-align: middle; padding-bottom: 1px; } #resultbmi-popup .quantam, #resultcalo-popup .quantam { margin-top: 15px; padding-top: 10px; border-top: 1px solid #d9d9d9; } #resultbmi-popup .quantam .tieude, #resultcalo-popup .quantam .tieude { font: 700 13px arial; } #resultbmi-popup .quantam .list_title, #resultcalo-popup .quantam .list_title { border: none; padding-top: 5px; } #resultbmi-popup .quantam .list_title li a, #resultcalo-popup .quantam .list_title li a { font: 400 13px arial; color: #000; } #resultbmi-popup .quantam .list_title li a:hover, #resultcalo-popup .quantam .list_title li a:hover { color: #004f8b; } /*End Lightbox resultbmi-popup*/ /*Lightbox resultcalo-popup*/ #resultcalo-popup .ketqua_chiso { padding: 5px; font-size: 14px; line-height: normal; font-weight: normal; } #resultcalo-popup .ketqua_chiso span { display: block; } #resultcalo-popup .ketqua_chiso span.calo { font: 700 18px arial; } #resultcalo-popup .canbiet { font-size: 13px; } #resultcalo-popup .canbiet p { padding: 5px 0; } #resultcalo-popup .canbiet span { display: block; padding: 5px 0 5px 15px; } /*End Lightbox resultcalo-popup*/ /*Lightbox Weather*/ #weather-popup { max-width: 45%; background: #f4f4f4; } #weather-popup .content_poup { padding: 10px; } #weather-popup .time_weather { float: right; font: 400 12px/20px arial; color: #666; padding-right: 15px; } #weather-popup .location { font: 400 16px arial; padding: 20px 0; border-bottom: 1px dotted #e2e2e3; width: 100%; margin: 0 0 10px; } #weather-popup .location p { margin-bottom: 5px; } #weather-popup .location span a { text-decoration: underline; margin: 0 0 0 20px; color: #666; font: 400 12px arial; } #weather-popup .location strong { color: #9f224e; } #weather-popup .location select { width: 250px; } #weather-popup .wrap_temperature { padding: 10px 10px 10px 0; margin-bottom: 10px; float: left; width: 100%; } #weather-popup .wrap_temperature i { font-size: 72px; float: left; margin-right: 10px; } #weather-popup .temperature { font-size: 72px; float: left; line-height: 60%; } #weather-popup .temperature sup { font-size: 35px; position: relative; top: -10px; } #weather-popup .list_info { float: left; margin-left: 15%; color: #000; } #weather-popup .list_info li { padding: 7px 0 0 10px; position: relative; } #weather-popup .list_info li:before { content: ""; width: 3px; height: 3px; background: #999; position: absolute; left: 0; top: 12px; } #weather-popup .list_info span { color: #666; } #weather-popup .future_temperature { width: 100%; float: left; background: #ddd; padding: 5px 10px; margin-bottom: 10px; } #weather-popup .block_left { width: 15%; float: left; } #weather-popup .block_left li { margin-bottom: 10px; font-weight: bold; } #weather-popup .block_left li:first-child { margin-bottom: 50px; } #weather-popup .block_right { width: 85%; float: left; font-size: 12px; } #weather-popup .block_right li { width: 30%; float: left; border-left: 1px solid #e2e2e3; padding: 0 2%; } #weather-popup .block_right li i { display: block; text-align: center; font-size: 40px; } #weather-popup .block_right li span { display: block; text-align: center; font-weight: bold; } #weather-popup .block_right li p { margin-bottom: 10px; } /*End Lightbox Weather*/ /*notice-popup*/ #notice-popup.white-popup, .white-popup#dangnhap2-popup, .white-popup#share-popup, .white-popup#ratingresult-popup, .white-popup#voteresult-popup, .white-popup#vote-popup { width: 40%; } /*End notice-popup*/ /*vote-popup*/ /*End vote-popup*/ /*voteresult-popup*/ /*End voteresult-popup*/ /*ratingresult-popup*/ /*End ratingresult-popup*/ /*share-popup*/ /*End share-popup*/ /*dangnhap2-popup*/ /*End dangnhap2-popup*/ /*rating-popup*/ #rating-popup.white-popup { width: 40%; } #rating-popup .criteria_cmt { background: #ededed; margin: 0 -20px 20px; padding: 0 20px 10px; } #rating-popup .danhgia_comment { width: 80%; margin: 0 auto; } #rating-popup .btn_vne { padding: 5px 10px; } /*End rating-popup*/ /*pvtt-popup*/ #pvtt-popup .wrap_form { display: inline-block; margin-bottom: 10px; } #pvtt-popup .wrap_form label { display: inline-block; margin-bottom: 10px; } #pvtt-popup .wrap_form .text_label { display: block; } #pvtt-popup .wrap_form .input_form { height: 26px; padding: 2px 2%; font: 400 14px arial; } #pvtt-popup .wrap_form textarea { height: 100px !important; } #pvtt-popup .wrap_form .image_capcha { margin: 0 10px; display: inline-block; float: left; } .w70 { width: 68%; margin-right: 2%; } .w45 { width: 45% !important; } .w30 { width: 30%; } /*End pvtt-popup*/ /*login-eid-popup*/ #login-eid-popup.white-popup { max-width: 400px; max-height: 505px; } /*End login-eid-popup*/ @media screen and (max-width: 1366px) { #weather-popup { max-width: 44%; } #weather-popup .list_info { margin-left: 10px; } #rating-popup.white-popup { width: 44%; } #rating-popup.white-popup .input_50 { width: 35% !important; } } @media screen and (max-width: 1200px) { .white-popup { max-width: 80%; } #weather-popup .temperature { clear: both; } #weather-popup .list_info { float: none; overflow: hidden; padding-bottom: 5px; } #weather-popup .wrap_temperature { padding: 0 10px 10px 0; } #weather-popup .wrap_temperature i { margin: 0 20% 0 2%; } } @media screen and (max-width: 1000px) { .white-popup { max-width: 100%; } .form_element { width: 75%; } .share_email_des .share_email_left { width: 13%; } .share_email_des .share_email_right { width: 87%; } #weather-popup { max-width: 70%; } #rating-popup.white-popup { width: 70%; overflow: hidden; } #rating-popup.white-popup .input_50 { width: 35% !important; } } @media screen and (max-width: 767px) { #notice-popup.white-popup, .white-popup#vote-popup, .white-popup#voteresult-popup, .white-popup#ratingresult-popup, .white-popup#rating-popup, .white-popup#share-popup, .white-popup#dangnhap2-popup, #resultbmi-popup.white-popup, .white-popup#resultcalo-popup { width: 100%; } .share_email_des { display: none; } .form_element { width: 100%; } .form_element .btn_vne { padding: 5px 10px; } .content_poup { padding: 10px; } .lightbox_dangnhap .login-left { width: 100%; } .lightbox_dangnhap .login-left .login_title { text-align: left; } .lightbox_dangnhap .login-right { width: 100%; border: none; } .lightbox_dangnhap .p_social a { float: none; margin: 10px auto; } } .quantam, .guicauhoi { display: none !important; } .trend_news { margin: 20px 0; background: #31363a; padding: 20px; box-shadow: inset 0px 0px 30px 0px rgb(0, 0, 0); } .trend_news .container { background-color: initial !important; } .trend_news .number_trends { color: var(--color-primary); font-size: 36px; display: inline-block; font-weight: 300; float: left; width: 43px; margin-right: 5px; text-align: center; font-weight: 400; line-height: 36px; min-height: 60px; } .trend_news .news-list { display: block; width: 100%; } .trend_news .news-list a { color: #FFF; font-weight: normal; } .tin_mega_store { background: #f4f6fa; box-shadow: none; padding: 10px 20px 20px; margin: 0; } .tin_mega_store .box-news { padding: 0 10px; border-bottom: none; } .tin_mega_store .news-list a { color: #222; font-weight: bold; font-size: 15px; } .tin_mega_store .content { position: relative; padding-left: 35px; padding-top: 10px; } .tin_mega_store .number-top-view { font-family: Merriweather, serif; font-size: 36px; color: #fff; font-weight: 700; position: absolute; top: -11px; background: var(--color-primary); padding: 0 5px; left: 0; font-feature-settings: "pnum" on, "lnum" on; } .box-category.style-7 { background: #f4f6fa; padding: 15px 15px; } .box-category.style-7 .title-box-category .sub-cate { margin-top: 20px; margin-bottom: 0; } .box-category.style-7 .box-news { border-bottom: none; } .box-category.style-7 .other-news { display: flex; flex-wrap: wrap; justify-content: space-between; } .box-category.style-7 .other-news .box-news { flex: 0 0 48%; } .box-category.style-8 { background: #f4f6fa; padding: 15px 15px; position: relative; } .box-category.style-8 .title-box-category.default { width: 40%; position: absolute; top: 15px; left: -10px; padding: 8px 10px; background: var(--color-primary); box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.3); color: #fff; z-index: 1; } .box-category.style-8 .title-box-category.default .inner-title { padding-left: 30px; } .box-category.style-8 .title-box-category.default .inner-title:before { font-size: 20px; content: "\F144"; font-family: "Font Awesome 5 Pro"; left: 10px; top: 50%; width: auto; height: auto; background: transparent; bottom: auto; position: absolute; transform: translate(-50%, -50%); } .box-category.style-8 .title-box-category.default:before { content: ""; position: absolute; height: 0; width: 0; bottom: -10px; left: 0; border-top: 10px solid var(--color-primary); border-left: 10px solid transparent; } .box-category.style-8 .title-box-category.default .sub-cate { margin-top: 20px; margin-bottom: 0; } @media screen and (max-width: 480px) { .box-category.style-8 .title-box-category.default { width: auto; position: relative; top: 0; margin-left: -15px; } } .box-category.style-8 .box-news { border-bottom: none; } .box-category.style-8 .box-news-larger { margin-bottom: 15px; } .box-category.style-8 .box-news-larger .thumb-art { flex: 0 0 60%; max-width: 60%; margin: 0; padding-left: 15px; } .box-category.style-8 .box-news-larger .content { align-self: center; } .box-category.style-8 .box-news-larger .content .title { font-size: 24px; } .box-category.style-8 .box-news-larger .content .title a { color: inherit; } .box-category.style-8 .box-news-larger .content .description { margin-top: 15px; } @media screen and (max-width: 480px) { .box-category.style-8 .box-news-larger { flex-wrap: wrap; } .box-category.style-8 .box-news-larger .thumb-art { flex: 0 0 100%; max-width: 100%; margin: 0; padding-left: 0px; } .box-category.style-8 .box-news-larger .content { order: 1; margin-top: 15px; } } .box-category.style-8 .other-news { padding-top: 15px; border-top: 1px solid #e5e5e5; } .box-category.style-9 { background: #f4f6fa; padding: 30px 15px; position: relative; z-index: 0; } .box-category.style-9:before { content: ""; display: block; position: absolute; top: 0; left: -15px; right: -15px; bottom: 0; background: #ffde76; z-index: -1; } .box-category.style-9:after { content: ""; display: block; position: absolute; left: -12px; right: -12px; top: 2px; bottom: 2px; border: 2px solid #fff; z-index: -1; } .box-category.style-9 .title-box-category .td-subcat-filter { display: none; } .box-category.style-9 .title-box-category.default { width: 40%; max-width: 340px; position: absolute; top: 15px; left: 0px; padding: 8px 10px; color: #f13534; z-index: 1; } .box-category.style-9 .title-box-category.default .inner-title { padding-left: 30px; } .box-category.style-9 .title-box-category.default .inner-title:before { font-size: 20px; content: "\F144"; font-family: "Font Awesome 5 Pro"; left: 10px; top: 50%; width: auto; height: auto; background: transparent; bottom: auto; position: absolute; transform: translate(-50%, -50%); } .box-category.style-9 .title-box-category.default .sub-cate { margin-top: 20px; margin-bottom: 0; } @media screen and (max-width: 480px) { .box-category.style-9 .title-box-category.default { width: auto; position: relative; top: 0; margin-left: -15px; } } .box-category.style-9 .title-box-category.default ~ .row .box-news-larger .content { padding-top: 35px; } .box-category.style-9 .box-news { border-bottom: none; } .box-category.style-9 .box-news-larger { margin-bottom: 15px; } .box-category.style-9 .box-news-larger .thumb-art { flex: 0 0 60%; max-width: 60%; margin: 0; padding-left: 15px; } .box-category.style-9 .box-news-larger .description { font-size: 15px; } .box-category.style-9 .box-news-larger .content { align-self: center; } @media screen and (max-width: 480px) { .box-category.style-9 .box-news-larger { flex-wrap: wrap; } .box-category.style-9 .box-news-larger .thumb-art { flex: 0 0 100%; max-width: 100%; margin: 0; padding-left: 0px; } .box-category.style-9 .box-news-larger .content { order: 1; margin-top: 15px; } } .box-category.style-9 .other-news .item-news:not(:last-child) { border-bottom: 1px solid #edcd6e; } .box-news.kind-photo .title a:before, .item-news.kind-photo .title a:before, .grid-item.kind-photo .title a:before { content: "\F03E"; font-family: "Font Awesome 5 Pro"; display: inline-block; } .box-news.kind-truc-tiep .title a:before, .box-news.kind-live .title a:before, .item-news.kind-truc-tiep .title a:before, .item-news.kind-live .title a:before, .grid-item.kind-truc-tiep .title a:before, .grid-item.kind-live .title a:before { content: ""; width: 10px; height: 10px; background: rgb(255, 8, 8); border-radius: 50%; display: inline-block; margin-right: 5px; box-shadow: 0 0 0 0 rgb(255, 8, 8); transform: scale(1); animation: pulse-red 2s infinite; margin-left: 7px; } .dt-news__social { float: left; min-width: 80px; text-align: center; overflow: hidden; margin-top: 10px; position: sticky; top: 80px; border-radius: 4.375rem; background: #F7F7F7; padding: 15px 8px; height: -moz-fit-content; height: fit-content; } .dt-news__social > li:not(:last-child) { margin-bottom: 12px; } .dt-news__social.sticky-social-type-1 .dt-social__item { border-radius: 50%; background-color: #8e8e8e; display: inline-block; font-size: 22px; line-height: 40px; overflow: hidden; width: 40px; height: 40px; color: #fff; } .dt-news__social.sticky-social-type-1 .dt-icon { background-repeat: no-repeat; background-position: 50%; background-size: auto 100%; display: inline-block; } .dt-news__social.sticky-social-type-1 .dt-social__item--facebook { background-color: #3b5998; } .dt-news__social.sticky-social-type-1 .dt-social__item--home { background-color: var(--color-primary); } .dt-news__social.sticky-social-type-1 .dt-social__item--comment { border-radius: 5px; width: 60px; height: 45px; font-size: 14px; line-height: 18px; text-transform: uppercase; padding: 5px; position: relative; overflow: visible; } .dt-news__social.sticky-social-type-1 .dt-social__item--comment:before { content: ""; width: 0px; height: 0px; position: absolute; border-left: 8px solid #8e8e8e; border-right: 8px solid transparent; border-top: 8px solid #8e8e8e; border-bottom: 8px solid transparent; left: 8px; bottom: -15px; } .dt-news__social.sticky-social-type-1 .dt-icon.icon-facebook { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48cGF0aCBkPSJNMjc5LjE0IDI4OGwxNC4yMi05Mi42NmgtODguOTF2LTYwLjEzYzAtMjUuMzUgMTIuNDItNTAuMDYgNTIuMjQtNTAuMDZoNDAuNDJWNi4yNlMyNjAuNDMgMCAyMjUuMzYgMGMtNzMuMjIgMC0xMjEuMDggNDQuMzgtMTIxLjA4IDEyNC43MnY3MC42MkgyMi44OVYyODhoODEuMzl2MjI0aDEwMC4xN1YyODh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+"); width: 18px; height: 18px; } .dt-news__social.sticky-social-type-2 { float: left; min-width: 68px; max-width: 80px; overflow: hidden; margin-top: 10px; background: #fff; text-align: center; padding: 5px; z-index: 1; opacity: 1; visibility: visible; border-radius: 0.2rem !important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .dt-news__social.sticky-social-type-2 .dt-social__item > i { border-radius: 50%; background-color: #8e8e8e; display: inline-block; font-size: 22px; line-height: 40px; overflow: hidden; width: 40px; height: 40px; color: #fff; } .dt-news__social.sticky-social-type-2 .dt-social__item > .text { display: block; margin-top: 4px; color: #000; font-size: 0.8em; transition: 0.3s all ease; } .dt-news__social.sticky-social-type-2 .dt-social__item.dt-social__item--facebook i { background-color: #3b5998; } .dt-news__social.sticky-social-type-2 .dt-social__item.dt-social__item--comment i { background: #002c5b; } .dt-news__social.sticky-social-type-2 .dt-social__item.dt-social__item--home i { background-color: var(--color-primary); } .dt-news__social.sticky-social-type-2 .dt-social__item.dt-social__item--like i { background: #004ea0; } .dt-news__social.sticky-social-type-2 .dt-social__item.dt-social__item--mail i { background: #f04d44; } .dt-news__social.sticky-social-type-2 .dt-social__item.dt-social__item--report i { line-height: 36px; } .social-wrap { background: white; margin: 0 -15px; position: sticky; position: -webkit-sticky; bottom: -1px; z-index: 1; overflow: hidden; border-top: solid 1px rgba(34, 34, 34, 0.2); width: 100vw; box-sizing: border-box; } .social-wrap ul { display: flex; align-items: center; justify-content: space-between; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; padding: 5px; } .social-wrap ul li { display: inline-block; font-size: 14px; flex: 1 0 20%; } .social-wrap ul li > a { display: flex; align-items: center; flex-direction: column; justify-content: center; color: #333; font-weight: 400; line-height: 1; } .social-wrap ul li > a i { width: 32px; height: 32px; display: block; text-align: center; color: #fff; line-height: 32px; margin: 0 auto; font-size: 1.3em; border-radius: 35px; transition: all 0.3s; } .social-wrap ul li > a > .text { display: block; margin-top: 4px; color: var(--text-dark); font-size: 0.9em; transition: 0.3s all ease; } .social-wrap ul li.item-home i { background: #ff1600; } .social-wrap ul li.item-comment i { background: #002c5b; } .social-wrap ul li.item-like i { background: #004ea0; } .social-wrap ul li.item-facebook i { background: #1c71b1; } .social-wrap ul li.item-email i { background: #f04d44; line-height: 29px; } .emagazine .social-wrap { width: auto; margin: 0 0px; } .emagazine .box-line { margin: 0; } .box-line { width: auto; height: 8px; position: relative; margin: 0 -15px 10px; clear: both; } .box-line:before { content: ""; position: absolute; display: block; border-top: 1px dotted #d8d8d8; width: 100%; top: 3px; } .box-line:after { content: ""; position: absolute; display: block; border-top: 1px dotted #d8d8d8; width: 100%; top: 6px; } .box-line span { height: 1px; width: 100%; border-top: 1px dotted #d8d8d8; display: block; } @media (max-width: 767px) { #go_top_control { display: none !important; } } .header-column-left { display: flex; } .sidebar-menu-icon-wrap { display: flex; height: 60px; padding-left: 15px; align-items: center; justify-content: center; } .sidebar-menu-icon-wrap .sidebar-menu-icon { display: flex; height: 30px; width: 35px; align-items: flex-start; justify-content: center; flex-direction: column; cursor: pointer; } .sidebar-menu-icon-wrap .sidebar-menu-icon:hover > span { width: 20px; background: var(--color-primary); } .sidebar-menu-icon-wrap .sidebar-menu-icon:hover > span:last-child { width: 20px; } .sidebar-menu-icon-wrap .sidebar-menu-icon > span { height: 2px; width: 16px; margin-bottom: 4px; background: #191919; transition: 200ms ease-in-out; } .sidebar-menu-icon-wrap .sidebar-menu-icon > span:nth-child(2) { width: 20px; } .sidebar-menu-icon-wrap .sidebar-menu-icon > span:last-child { width: 12px; margin-bottom: 0; } .header-logo { display: flex; max-height: 80px; padding: 0px 8px; align-items: center; overflow: hidden; justify-content: center; } .header-logo img { max-height: 100%; max-width: 100%; height: 100%; width: auto; padding-top: 5px; padding-bottom: 5px; max-height: inherit; width: auto; transform: translateZ(0); backface-visibility: hidden; -webkit-backface-visibility: hidden; perspective: 800px; } .header-logo h3 { color: var(--color-primary); } .header-logo svg { direction: ltr /*rtl:ignore*/; height: 60px; width: 245px; } .header-logo svg #logo_f_bg, .header-logo svg #logo_f_text, .header-logo svg #logo_f_text_inner { fill: var(--color-primary); } @media screen and (min-width: 992px) { .sidebar-menu-icon-wrap { display: none; } } @media screen and (max-width: 1400px) { .header-logo h1 { font-size: 28px; } } @media screen and (max-width: 991px) { .header-logo { height: 60px; width: 200px; padding-left: 0; justify-content: start; } .header-logo h1 { font-size: 28px; } .show-search-form { width: calc(100% - 200px); } } @media (max-width: 479px) { .header-logo { width: auto; justify-content: center; } .show-search-form { width: 100%; } } .header-search-wrap { position: relative; min-width: 0; flex-grow: 1; padding: 0 0px; display: flex; align-items: center; } .desktop-search-form { width: 80%; } .desktop-search-form .searchform { position: relative; } .desktop-search-form .searchform input[type=text] { width: 100%; border: 1px solid #ddd; border-radius: 35px; font-size: 13px; padding: 8px 40px 8px 15px; background-color: #f4f6fa; outline: none; } .desktop-search-form .searchform .searchsubmit { cursor: pointer; transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease; position: absolute; top: 0; right: 2px; bottom: 0; padding: 0; width: 50px; border: none; background-color: transparent; box-shadow: none; color: #575757; font-weight: 400; font-size: 0; min-width: auto; outline: none; } .desktop-search-form .searchform .searchsubmit:after { font-size: 18px; transition: opacity 0.2s ease; content: "\F002"; font-family: "Font Awesome 5 Pro"; font-weight: 500; } .header-search { position: relative; } .header-search .header-search-lg { position: relative; display: flex; border: 1px solid var(--color-primary); background: #fff; } .header-search .header-search-lg .search-input { height: 40px; padding-left: 30px; border: none; } .header-search .header-search-lg .header-search-right { display: flex; align-items: center; } .header-search .header-search-lg .btn-search { display: flex; height: 40px; width: 40px; padding: 0; align-items: center; justify-content: center; border-radius: 0; background-color: var(--color-primary); border-color: var(--color-primary); } .header-search .header-search-lg .btn-search > i { font-size: 18px; line-height: 36px; } .header-search .nice-select { display: flex; align-items: center; } .header-search .nice-select .list { margin-top: 19px; } .header-search-sm-form { position: absolute; left: 15px; right: 15px; top: 0; height: 100%; background: #fff; opacity: 0; z-index: -1; transform: scale(0.96); pointer-events: none; transition: 150ms ease-in-out; } .header-search-sm-form.active { opacity: 1; transform: scale(1); z-index: 1; pointer-events: auto; } .header-search-sm-form > form { position: relative; display: flex; width: 100%; align-items: center; } .header-search-sm-form > form > input { height: 60px; padding: 10px 50px; border: none; } .header-search-sm-form > form .btn-close, .header-search-sm-form > form .btn-search { position: absolute; top: 50%; display: flex; height: 50px; width: 50px; padding: 15px; align-items: center; justify-content: center; cursor: pointer; transform: translateY(-50%); } .header-search-sm-form > form .btn-close:hover > i, .header-search-sm-form > form .btn-search:hover > i { color: var(--color-primary); } .header-search-sm-form > form .btn-close > i, .header-search-sm-form > form .btn-search > i { font-size: 24px; color: #6e6e6e; transition: 150ms ease-in-out; } .header-search-sm-form > form .btn-close { left: 0; } .header-search-sm-form > form .btn-search { right: 0; } @media screen and (min-width: 992px) { .header-search .header-search-sm { display: none; } .header-search-sm-form { display: none; } } @media screen and (max-width: 991px) { .header-search-wrap { position: static; display: flex; flex-grow: 0; margin-left: auto; padding: 0 15px; align-items: center; } .header-search .header-search-sm:hover > i { color: var(--color-primary); } .header-search .header-search-sm > i { font-size: 34px; line-height: 36px; color: #191919; cursor: pointer; transition: 150ms ease-in-out; } } @media screen and (max-width: 391px) { .header-search-wrap { padding: 0 10px; } } .header-col-center { display: flex; flex: 1 1 0%; justify-content: center; text-align: center; } .info-box-wrapper { padding-right: 10px; padding-left: 10px; display: flex; align-items: center; flex-grow: 1; } .info-box-wrapper .item { padding: 10px 0; } .info-box-wrapper .item.open, .info-box-wrapper .item.show { background: #fff; } .info-box-wrapper .item.open .info-box-icon i:before, .info-box-wrapper .item.show .info-box-icon i:before { content: "\F057"; } .info-box-wrapper .item.open .info-box-icon, .info-box-wrapper .item.open .info-box-content > *, .info-box-wrapper .item.show .info-box-icon, .info-box-wrapper .item.show .info-box-content > * { color: var(--color-primary); } .info-box-wrapper .item.logined, .info-box-wrapper .item.relative { position: relative; } .cursor-pointer { cursor: pointer; } .woodmart-info-box { display: flex; align-items: stretch; flex-direction: column; padding-right: 15px; padding-left: 15px; } .woodmart-info-box.icon-left { flex-direction: row; } .woodmart-info-box.icon-left .info-box-content { margin-left: 10px; } .woodmart-info-box.icon-right { flex-direction: row; } .woodmart-info-box.icon-right .info-box-content { margin-right: 10px; } @media screen and (max-width: 991px) { .woodmart-info-box { padding-right: 5px; padding-left: 5px; position: static; } } @media screen and (max-width: 767px) { .woodmart-info-box .box-icon-wrapper { width: 35px; height: 35px; } .woodmart-info-box .box-icon-wrapper .info-box-icon { font-size: 15px; } } .box-icon-align-left { flex-direction: row; } .woodmart-info-box .box-icon-wrapper { flex: 0 0 auto; line-height: 0; align-items: center; display: flex; justify-content: center; } .box-icon-align-left .box-icon-wrapper { margin-right: 10px; max-width: 50%; } .woodmart-info-box .info-box-content { position: relative; flex: 1 1 auto; } .info-box-content > * { color: #fff; } .woodmart-info-box .info-box-icon { display: inline-block; transition: all 0.25s ease; } .box-with-icon .info-box-icon { text-align: center; color: #fff; font-size: 20px; } .box-with-icon .info-box-icon.has-bg { background: var(--color-primary); } @media screen and (max-width: 991px) { .box-with-icon .info-box-icon { color: var(--color-primary); background: none; } } .woodmart-info-box .info-svg-wrapper { display: inline-block; } .woodmart-info-box .info-box-content label { font-size: 13px; display: block; margin: 0; line-height: 24px; font-family: var(--primary-font); cursor: pointer; font-weight: 600; } .woodmart-info-box .info-box-content span, .woodmart-info-box .info-box-content a { font-size: 12px; color: inherit; } .slogan .info-box-content label { font-size: 22px; line-height: 24px; } .slogan .info-box-content span, .slogan .info-box-content a { font-size: 22px; } @media screen and (max-width: 1400px) { .woodmart-info-box .info-box-content label { font-size: 12px; display: block; margin: 0; line-height: 24px; } .woodmart-info-box .info-box-content span, .woodmart-info-box .info-box-content a { font-size: 12px; } .slogan .info-box-content label { font-size: 16px; line-height: 22px; } .slogan .info-box-content span, .slogan .info-box-content a { font-size: 16px; } } @media screen and (max-width: 1199px) { .slogan { display: none; } } .header-column-right { padding: 0 8px; } .header-column-right .promotions img { max-height: 120px; } .header-column-right .header-wishlist, .header-column-right .header-cart { display: flex; align-items: center; } .header-column-right .header-wishlist > span, .header-column-right .header-cart > span { line-height: 28px; color: #191919; white-space: nowrap; transition: 150ms ease-in-out; } .header-column-right .header-wishlist:hover > span, .header-column-right .header-wishlist:hover .icon-wrap > i { color: var(--color-primary); } .header-column-right .header-cart { margin-left: 35px; cursor: pointer; } .header-column-right .header-cart:hover > span, .header-column-right .header-cart:hover .icon-wrap > i { color: var(--color-primary); } .header-column-right .icon-wrap { position: relative; margin-right: 10px; } .header-column-right .icon-wrap > i { font-size: 34px; line-height: 36px; color: #191919; transition: 150ms ease-in-out; } .header-column-right .icon-wrap > .count { position: absolute; font-size: 10px; line-height: 20px; top: 1px; right: -6px; height: 18px; width: 18px; color: #ffffff; background: #e23e1d; text-align: center; border-radius: 50%; } .header-column-right .call-now { margin-right: 10px; } .header-column-right .call-now fieldset { padding: 5px 30px; border-radius: 5px; border-color: #00A0E3; border: 2px solid #00A0E3; text-align: center; position: relative; } .header-column-right .call-now fieldset legend { font-size: 11px; text-transform: uppercase; color: #00A0E3; margin-bottom: 0; } .header-column-right .call-now fieldset a { color: #F36B22; font-size: 20px; font-weight: bold; } .header-column-right .call-now fieldset span { background: #01a0e3; color: #fff; border-radius: 50%; position: absolute; left: -25px; top: 5px; height: 50px; width: 50px; line-height: 50px; text-align: center; } @media (max-width: 480px) { .header-column-right .call-now { display: none; } } .user__dropdown li { white-space: nowrap; font-size: 14px; padding: 0; } .user__dropdown li strong { font-weight: 500; padding: 11px 0 8px; border-bottom: 1px solid #eee; display: block; line-height: normal; } .user__dropdown li a { color: var(--color-primary); display: block; line-height: normal; position: relative; padding: 15px 10px; } .user__dropdown li a:after { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; background: #eee; left: 0; } .user__dropdown li a i { margin-right: 5px; width: 15px; } .user__dropdown li:last-child a { border: none; } @media screen and (max-width: 1199px) { .header-column-right .icon-wrap { margin-right: 6px; } .weather-main-desc { overflow-x: auto; scroll-snap-type: x mandatory; } .header-column-right .header-wishlist > span, .header-column-right .header-cart > span { display: none; } } @media screen and (max-width: 575px) { .main-location-heading .weather-item { padding: 10px 2px; } } @media screen and (max-width: 991px) { .header-column-right .header-wishlist { display: none; } .header-column-right .header-cart { margin-left: 0; } } @media screen and (max-width: 391px) { .header-column-right { padding-left: 10px; } } .header-wrap-inner.sticky { position: fixed; left: 0; top: 0px; right: 0; min-width: 320px; background: #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); z-index: 150; animation: stuckMoveDown 0.6s; } .header-wrap-inner.sticky .row.flex-nowrap { align-items: center; } .header-wrap-inner.sticky .header-top-bar { display: none; } .header-wrap-inner.sticky .header-logo { height: 50px; } .header-wrap-inner.sticky .header-logo svg { height: 50px; } .header-wrap-inner.sticky .slogan .info-box-content label { font-size: 18px; line-height: 20px; } .header-wrap-inner.sticky .slogan .info-box-content span, .header-wrap-inner.sticky .slogan .info-box-content a { font-size: 18px; color: var(--color-primary); } .header-wrap-inner.sticky .woodmart-info-box { flex-direction: row; } .header-wrap-inner.sticky .woodmart-info-box .info-box-content { margin-left: 10px; } .header-wrap-inner.sticky .searched-keywords { display: none; } @media screen and (min-width: 991px) { .header-wrap-inner.sticky .header-top-row { padding: 0px 0; } .header-wrap-inner.sticky .header-top-row .general-header-inner { min-height: 45px; } } .header-wrap-inner.show { top: 0; transition: 600ms ease; } .mobile-left { justify-content: flex-start; } .mobile-right { justify-content: flex-end; } .mobile-left, .mobile-right { flex: 1 1 0%; } .mobile-nav-icon { display: flex; height: 24px; width: 24px; align-items: center; justify-content: center; cursor: pointer; text-align: center; color: var(--color-primary); border-radius: 5px; font-size: 25px; } @media only screen and (max-width: 991px) { .general-header-inner { padding: 8px 0; } .header-bottom-row { display: none; } .mobile-nav-icon { margin-left: 5px; } } .header-bottom-row { width: 100%; background: #fff; } .navigation-wrap { background: #F7F7F7; } .header-bottom-row { display: flex; align-items: center; } .header-bottom-row .navbar { padding: 0 8px; z-index: 2; } .font-size-20 { font-size: 20px !important; } .header-bottom-row .navbar .navbar-nav { margin: 0 0px; width: 100%; } .header-bottom-row .navigation-text { margin-left: auto; margin-right: 25px; color: #ffb136; } .language-wrapper { justify-content: flex-end; } .language-wrapper .language_bar_list li { min-width: auto; } .language-wrapper .language_bar_list li a img { margin: 0; } .chart_day { display: none; } .apex-charts text { font-family: var(--bs-font-sans-serif) !important; fill: #adb5bd; } .navbar-expand-full { flex-flow: row nowrap; justify-content: center; width: 100%; } .horizontal-megamenu { position: relative; flex-wrap: wrap; justify-content: center; flex: 1 1 0%; display: flex; flex-wrap: nowrap; } .horizontal-megamenu.mega-menu > .fluid-menu { position: relative; } .horizontal-megamenu li { display: inline-block; text-align: left; position: relative; transition: padding 0.35s ease; -webkit-backface-visibility: hidden; } .horizontal-megamenu li .sub-menu { float: left; margin: 0; position: absolute; left: 0; visibility: hidden; opacity: 0; top: 130px; margin-left: 0px; min-width: 100%; width: -moz-max-content; width: max-content; background-color: #fff; box-shadow: 3px 1px 20px 0 rgba(0, 110, 225, 0.08); webkit-transition: all 0s ease, visibility 0s ease; transition: all 0s ease, visibility 0s ease; line-height: 0; list-style: none; padding: 0; } .horizontal-megamenu li .sub-menu li { width: 100%; } .horizontal-megamenu li .sub-menu li > a { transform: matrix(1, 0, 0, 1, 0, 20); transition: opacity 0.75s ease, transform 0.75s ease; height: auto; line-height: 1.4em; padding: 13px; display: block; text-decoration: none; color: #4d4d4d; cursor: pointer; } .horizontal-megamenu li .sub-menu li:hover { background-color: var(--color-primary); color: #fff; border: none; } .horizontal-megamenu li .sub-menu li:hover > a { color: #fff; transform: matrix(1, 0, 0, 1, 10, 0); transition: transform 0.25s ease; -o-transition: transform 0.25s ease; } .horizontal-megamenu li .sub-menu ul { left: 100%; top: 30px; margin-left: 0; } .horizontal-megamenu li:hover > ul { top: 100%; opacity: 1; visibility: visible; } .horizontal-megamenu li:hover > ul a { transform: matrix(1, 0, 0, 1, 0, 0); } .horizontal-megamenu li:hover > ul li:hover > ul { top: 0; } .horizontal-megamenu > li:last-child:not(.menu-more) > ul, .horizontal-megamenu > li.last-item > ul { right: 0; left: auto; } .horizontal-megamenu > .menu-item { display: block; flex-grow: 1; position: relative; transition: padding 0.35s ease; -webkit-backface-visibility: hidden; } .horizontal-megamenu > .menu-item.is_home { flex-grow: 0; flex: 0 0 50px; max-width: 50px; } .horizontal-megamenu > .menu-item.is_home .menu-link .nav-link-text { color: var(--color-primary); } .horizontal-megamenu > .menu-item.menu-more { position: static; flex: 0 0 50px; max-width: 50px; } .horizontal-megamenu > .menu-item.menu-more .menu-link { cursor: pointer; } .horizontal-megamenu > .menu-item.menu-more.show { background: var(--color-primary); } .horizontal-megamenu > .menu-item.menu-more.show .info-box-icon { color: #fff !important; } .horizontal-megamenu > .menu-item.menu-more.show .info-box-icon i:before { content: "\F057"; } .horizontal-megamenu > .menu-item.menu-more .box-icon-wrapper { margin: 0; background: transparent; } .horizontal-megamenu > .menu-item.menu-more .info-box-icon { color: var(--menu-text-color); } .horizontal-megamenu > .menu-item:hover > .menu-link .nav-link-text:after, .horizontal-megamenu > .menu-item.active > .menu-link .nav-link-text:after { width: 100%; } .horizontal-megamenu > .menu-item:hover > .menu-link > i, .horizontal-megamenu > .menu-item.active > .menu-link > i { right: 12px; color: var(--color-primary); } .horizontal-megamenu > .menu-item.active > .menu-link { background: var(--color-primary); } .horizontal-megamenu > .menu-item.active > .menu-link .nav-link-text { color: var(--menu-text-hover-color) !important; } .horizontal-megamenu > .menu-item.multi-level > .menu-link, .horizontal-megamenu > .menu-item.fluid-menu > .menu-link { padding-right: 35px; } .horizontal-megamenu > .menu-item > .menu-link { display: flex; align-items: center; justify-content: center; flex-direction: row; padding-right: 5px; padding-left: 5px; text-transform: uppercase; letter-spacing: 0.2px; line-height: 1; height: 50px; font-family: var(--primary-font); } .horizontal-megamenu > .menu-item > .menu-link .toggle-icon { color: rgb(255, 255, 255); display: inline-block; margin-left: 5px; } .horizontal-megamenu > .menu-item > .menu-link .info-box-icon { color: var(--menu-text-color); } .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { color: var(--color-primary); font-family: var(--menu-font); font-weight: 600; white-space: nowrap; text-transform: uppercase; position: relative; line-height: 1.2; padding-top: 1px; padding-bottom: 1px; font-size: 13px; } @media screen and (max-width: 1366px) { .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { font-size: 13px; } } @media screen and (max-width: 1024px) { .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { font-size: 12px; } } .horizontal-megamenu > .menu-item > .menu-link .nav-link-text:after { content: ""; position: absolute; top: 100%; left: 0; width: 0; height: 3px; transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15); background-color: var(--color-primary); } .horizontal-megamenu > .menu-item > .menu-link.link-home .nav-link-text { font-size: 30px; } .horizontal-megamenu > .menu-item > .menu-link > i { position: absolute; top: 50%; right: 15px; color: #ffffff; transform: translateY(-50%) rotate(90deg); } .horizontal-megamenu.mega-menu > .dropdown.multi-level > .sub-menu { left: 0; top: 59px; } .horizontal-megamenu.mega-menu .dropdown:hover > .sub-menu { animation: menu-in-top 250ms ease; } .horizontal-megamenu.mega-menu .dropdown > .sub-menu { left: 100%; top: 0; animation: menu-in-bottom 250ms ease; } .horizontal-megamenu.mega-menu > .fluid-menu:hover > .fluid-menu-wrap { animation: menu-in-top 250ms ease; } .horizontal-megamenu.mega-menu > .fluid-menu > .fluid-menu-wrap { top: 59px; left: 0; animation: menu-in-bottom 250ms ease; } .category-popup { background-color: #141329; min-height: 50px; border-top: 3px solid var(--color-primary) !important; padding: 0 !important; transition: all 0.3s ease 0s; z-index: 99; } .category-popup .category-menu { padding: 10px 20px; } .category-popup .category-menu > ul { display: flex; justify-content: flex-start; flex-wrap: wrap; overflow: visible; padding: 0; } .category-popup .category-menu > ul > li { display: block !important; width: -moz-calc(100%/5); width: 20%; margin-right: 0; margin-bottom: 20px; line-height: 26px; float: none; position: relative; font-size: 14px; } .category-popup .category-menu > ul > li > a { color: var(--color-primary); font-weight: bold; text-transform: uppercase; font-size: 13px; } .category-popup .category-menu > ul > li .sub_cat { display: block; } .category-popup .category-menu > ul > li .sub_cat > li { float: none; margin-right: 0; line-height: 26px; display: block; } .category-popup .category-menu > ul > li .sub_cat > li a { color: var(--color-primary); } .category-popup .channels-menu { display: flex; justify-content: space-around; background: #f7f7f7; padding: 5px 10px; } .category-popup .channels-menu li { flex: 1; border-radius: 5px; padding: 10px; margin: 0 3px; text-align: center; } .category-popup .channels-menu li:hover { background: rgba(0, 0, 0, 0.05); } .category-popup .channels-menu a { display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 14px; line-height: 17px; text-transform: uppercase; color: #555; } .category-popup .channels-menu a svg path { fill: var(--color-primary); } .flex-row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .flex-nowrap { flex-wrap: nowrap !important; } .justify-content-between { justify-content: space-between !important; } .whb-column { display: flex; align-items: center; flex-direction: row; } header h1 { text-indent: -99999px; margin: 0; font-size: 0; } @media (max-width: 991px) { .whb-hidden-mobile, .whb-visible-lg { display: none; } } @media (min-width: 991px) { .whb-hidden-desktop, .whb-hidden-lg { display: none; } } .header-wrap-inner .header-top-row { padding: 0 0; background: #fff; position: relative; } @media (min-width: 991px) { .header-wrap-inner .header-top-row .general-header-inner { min-height: 65px; } } .header-type-1 .header-wrap-inner .header-top-row { background: var(--header-bg-color); } @media screen and (max-width: 991px) { .header-type-1 .header-wrap-inner .header-top-row { background: #fff; } } .header-type-1 .header-wrap-inner .header-top-row .woodmart-info-box .icon_menu .style_icon { background: var(--header-text-color, #000); } .header-type-1 .header-wrap-inner .header-top-row .woodmart-info-box .icon_menu .style_icon:before, .header-type-1 .header-wrap-inner .header-top-row .woodmart-info-box .icon_menu .style_icon:after { background: var(--header-text-color, #000); } .header-type-1 .header-wrap-inner .header-top-row .woodmart-info-box .box-with-icon .info-box-icon { color: var(--header-text-color, #000); } .header-type-1 .header-wrap-inner .header-top-row .woodmart-info-box .info-box-content > * { color: var(--header-text-color, #000); } .header-type-1 .header-wrap-inner .header-bottom-row { background: var(--menu-bg-color); } .header-type-1.bg-white .header-wrap-inner .header-top-row { background: #fff; } .header-type-1.bg-white .header-wrap-inner .header-bottom-row { background: var(--color-primary); } .header-type-1.bg-white .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { color: #fff; } .header-type-1.bg-white .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text:after { background-color: #fff; } .header-type-1.bg-white .box-with-icon .info-box-icon { color: var(--color-primary); } .header-type-1.bg-white .info-box-content > * { color: var(--color-primary); } .header-type-1.bg-white .icon_menu .style_icon { color: #242424; } .header-type-1.bg-white .info-box-wrapper .item.show { background: #eaebec; } .header-type-1.bg-white .icon_menu .style_icon { background: var(--color-primary); } .header-type-1.bg-white .icon_menu .style_icon:before, .header-type-1.bg-white .icon_menu .style_icon:after { background: var(--color-primary); } .header-type-2 .sticky .header-top-row, .header-type-2 .sticky .home_topbar, .header-type-2 .sticky .header-top-bar { display: none; } @media screen and (max-width: 767px) { .header-type-2 .sticky .header-top-row { display: block; } } @media screen and (min-width: 960px) { .header-type-2 .header-top-row .general-header-inner { min-height: 100px; } } .header-type-2 .header-bottom-row { border-bottom: 2px solid var(--color-primary); background: #f7f7f7; } .header-type-2 .header-logo { max-height: none; height: auto; padding-top: 10px; padding-bottom: 10px; } @media screen and (max-width: 767px) { .header-type-2 .header-logo { height: 50px; padding-top: 0px; padding-bottom: 0px; } } .header-type-2 .home_topbar { background: #fff; } .header-type-2 .horizontal-megamenu > .menu-item > .menu-link { height: 45px; } .header-type-2 .menu-item:hover > .menu-link { background: var(--color-secondary); } .header-type-2 .menu-item:hover > .menu-link .nav-link-text { color: #fff; } .header-type-2 .menu-item:hover > .menu-link .nav-link-text:after { content: none; } .header-type-3 .header-wrap-inner { box-shadow: 0 2px 4px 0 rgba(182, 182, 182, 0.5); } .header-type-3 .header-wrap-inner .header-top-row { background: var(--header-bg-color); } @media screen and (max-width: 991px) { .header-type-3 .header-wrap-inner .header-top-row { background: #fff; } } .header-type-3 .header-wrap-inner .header-top-row .header-column-left:after { content: ""; padding-left: 20px; width: 1px; height: 25px; border-right: 1px solid #e5e6ec; display: block; } .header-type-3 .header-wrap-inner .header-top-row .header-logo { max-height: 60px; } .header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box { flex-direction: row; display: flex; align-items: center; padding: 6px; } .header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box .box-icon-wrapper { width: 35px; height: 35px; border-radius: 50%; background-color: #e5e6ec; } .header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box .info-box-content { margin-left: 10px; } .header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box .box-with-icon .info-box-icon { font-size: 15px; color: var(--header-text-color, #000); } .header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box.with-label:hover { background: #eeeff2; border-radius: 6px; } .header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box svg path { fill: var(--header-text-color, #000); } .header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box .info-box-content > * { color: var(--header-text-color, #000); } .header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box .icon_menu .style_icon { color: var(--header-text-color, #000); } .header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box .info-box-wrapper .item.show { background: #eaebec; } .header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box .icon_menu .style_icon { background: var(--header-text-color, #000); } .header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box .icon_menu .style_icon:before, .header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box .icon_menu .style_icon:after { background: var(--header-text-color, #000); } .header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box .btn:hover { background: #666768; } .header-type-3 .header-wrap-inner .header-bottom-row { background: var(--menu-bg-color); border-top: 1px solid #eee; } .header-type-3 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { color: var(--menu-text-color); } .header-type-3 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text:after { background-color: var(--menu-text-color); } .header-type-3 .header-wrap-inner .header-col-center .info-box-wrapper .item { padding: 10px 0; margin-left: 10px; } .header-type-3.logo-center .header-column-left, .header-type-3.logo-center .header-column-right { flex: 1 1 0%; } .header-type-3.logo-center .header-column-left:after { content: none !important; } .header-type-3.logo-center .header-logo { max-width: 220px; padding: 0 15px; } .header-type-3.logo-center .header-column-right .info-box-wrapper { justify-content: flex-end; } .header-type-5 .header-wrap-inner .header-top-row .header-column-left:after { content: none; } .header-type-7 .header-wrap-inner { border-bottom: 1px solid #ebebeb; } .header-type-7 .header-wrap-inner .box-with-icon .info-box-icon { color: var(--header-text-color, #000); font-size: 30px; } @media screen and (max-width: 991px) { .header-type-7 .header-wrap-inner .woodmart-info-box .box-icon-wrapper { width: 35px; height: 35px; background-color: rgb(229, 230, 236); border-radius: 50%; } .header-type-7 .header-wrap-inner .woodmart-info-box .box-icon-wrapper .info-box-icon { font-size: 17px; } } .header-type-7 .header-wrap-inner.sticky .home_topbar, .header-type-7 .header-wrap-inner.sticky .header-top-bar { display: none; } @media screen and (max-width: 767px) { .header-type-7 .header-wrap-inner.sticky .header-top-row { display: block; } } .header-type-7 .header-wrap-inner .header-top-row { background: var(--header-bg-color); } .header-type-7 .header-wrap-inner .header-bottom-row { background: var(--menu-bg-color); } .header-type-7 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { color: var(--menu-text-color); } .header-type-7 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text:after { content: none; } .header-type-7 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .info-box-icon { color: var(--menu-text-color); font-size: 18px; } .header-type-7 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link.link-home .nav-link-text { font-size: 20px; } .header-type-7 .header-wrap-inner .header-bottom-row .menu-item:hover > .menu-link, .header-type-7 .header-wrap-inner .header-bottom-row .menu-item.active > .menu-link { background: var(--color-secondary); } .header-type-7 .header-wrap-inner .header-bottom-row .menu-item:hover > .menu-link .nav-link-text, .header-type-7 .header-wrap-inner .header-bottom-row .menu-item:hover > .menu-link .info-box-icon, .header-type-7 .header-wrap-inner .header-bottom-row .menu-item.active > .menu-link .nav-link-text, .header-type-7 .header-wrap-inner .header-bottom-row .menu-item.active > .menu-link .info-box-icon { color: #fff; } .header-type-8 .info-box-content > * { color: var(--header-text-color, #000); } .header-type-8 .info-box-content label { font-weight: normal; } .header-type-8 .sticky .header-top-row, .header-type-8 .sticky .home_topbar, .header-type-8 .sticky .header-top-bar { display: none; } @media screen and (max-width: 767px) { .header-type-8 .sticky .header-top-row { display: block; } } .header-type-8 .header-top-bar .dropdown-menu { padding: 0.5rem 0; border-radius: 8px; } .header-type-8 .header-top-bar .dropdown-menu::before { content: ""; width: 15px; height: 15px; background-color: #fff; -ms-transform: rotate(45deg); transform-origin: 20% 40%; transform: rotate(45deg); position: absolute; top: -6px; right: 15px; border-radius: 2px; } @media screen and (min-width: 960px) { .header-type-8 .header-top-row .general-header-inner { min-height: 80px; } } .header-type-8 .header-bottom-row { border-bottom: 3px solid var(--color-secondary); background: var(--color-primary); } .header-type-8 .header-logo { height: auto; padding-top: 10px; padding-bottom: 10px; } @media screen and (max-width: 767px) { .header-type-8 .header-logo { height: 50px; padding-top: 0px; padding-bottom: 0px; } } .header-type-8 .home_topbar { background: #fff; } .header-type-8 .home_topbar .desktop-search-form { width: 100%; } .header-type-8 .horizontal-megamenu > .menu-item > .menu-link { height: 45px; } .header-type-8 .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { color: #fff; } .header-type-8 .horizontal-megamenu > .menu-item:hover > .menu-link { background: var(--color-secondary); } .header-type-8 .horizontal-megamenu > .menu-item:hover > .menu-link .nav-link-text { color: #fff; } .header-type-8 .horizontal-megamenu > .menu-item:hover > .menu-link .nav-link-text:after { content: none; } .header-type-9 .header-wrap-inner { box-shadow: 0 2px 4px 0 rgba(182, 182, 182, 0.5); } .header-type-9 .header-wrap-inner .header-top-row { background: var(--header-bg-color); } @media screen and (max-width: 991px) { .header-type-9 .header-wrap-inner .header-top-row { background: var(--color-primary); } .header-type-9 .header-wrap-inner .header-top-row .box-with-icon .info-box-icon { color: #fff !important; } .header-type-9 .header-wrap-inner .header-top-row .icon_menu .style_icon, .header-type-9 .header-wrap-inner .header-top-row .icon_menu .style_icon:after, .header-type-9 .header-wrap-inner .header-top-row .icon_menu .style_icon:before { background: #fff; } } .header-type-9 .header-wrap-inner .header-bottom-row { background: var(--menu-bg-color); } .header-type-9 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { color: var(--menu-text-color); } .header-type-9 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text:after { content: none; } .header-type-9 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .info-box-icon { color: var(--menu-text-color); font-size: 18px; } .header-type-9 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link.link-home .nav-link-text { font-size: 20px; } .header-type-9 .header-wrap-inner .header-bottom-row .menu-item:hover > .menu-link, .header-type-9 .header-wrap-inner .header-bottom-row .menu-item.active > .menu-link { background: var(--color-secondary); } .header-type-9 .header-wrap-inner .header-bottom-row .menu-item:hover > .menu-link .nav-link-text, .header-type-9 .header-wrap-inner .header-bottom-row .menu-item:hover > .menu-link .info-box-icon, .header-type-9 .header-wrap-inner .header-bottom-row .menu-item.active > .menu-link .nav-link-text, .header-type-9 .header-wrap-inner .header-bottom-row .menu-item.active > .menu-link .info-box-icon { color: #fff; } .header-type-10 .info-box-wrapper { padding-left: 15px; padding-right: 15px; } .header-type-10 .header-top-bar p { margin-bottom: 0; font-size: 15px; } .header-type-10.logo-center .header-top-row .header-column-left, .header-type-10.logo-center .header-top-row .header-column-right { flex: 1 1 0%; } .header-type-10.logo-center .header-top-row .header-column-left p { margin: 0; font-size: 15px; } .header-type-10.logo-center .header-top-row .header-column-right .info-box-wrapper { justify-content: flex-end; gap: 5px; } .header-type-10.logo-center .header-top-row .header-column-right .info-box-wrapper .woodmart-info-box i { margin-right: 5px; } .header-type-10 .header-wrap-inner:not(.sticky) { box-shadow: none; } .header-type-10 .header-wrap-inner .woodmart-info-box { padding: 0; } @media screen and (max-width: 767px) { .header-type-10 .header-wrap-inner .woodmart-info-box .box-icon-wrapper .info-box-icon { font-size: 20px; color: var(--header-text-color, #000); } } .header-type-10 .header-wrap-inner .header-top-row .woodmart-info-box .box-with-icon .info-box-icon { color: var(--header-text-color, #000); } .header-type-10 .header-wrap-inner .header-top-row .woodmart-info-box .info-box-content > * { color: var(--header-text-color, #000); } .header-type-10 .header-wrap-inner .header-bottom-row { background: var(--menu-bg-color); } .header-type-10 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { color: var(--menu-text-color); } .header-type-10 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .info-box-icon { color: var(--menu-text-color); font-size: 18px; } .header-type-10 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link.link-home .nav-link-text { font-size: 20px; } .header-type-10 .header-wrap-inner .header-bottom-row .menu-item:hover > .menu-link .nav-link-text:after, .header-type-10 .header-wrap-inner .header-bottom-row .menu-item.active > .menu-link .nav-link-text:after { width: 100%; } .header-type-10 .header-wrap-inner .header-bottom-row .box-with-icon .info-box-icon { color: var(--menu-text-color); } .header-type-10 .header-wrap-inner.sticky .header-top-row .social_icons li a { width: 32px; height: 32px; line-height: 32px; font-size: 16px; } .header-type-10 .header-wrap-inner.sticky .header-top-bar, .header-type-10 .header-wrap-inner.sticky .header-bottom-row { display: none; } .header-type-10 .header-wrap-inner .header-bottom-row { border-top: 30px solid #e5f5ed; } .header-type-10 .icon_menu .style_icon { height: 3px; background: var(--menu-text-color); } .header-type-10 .icon_menu .style_icon:before { top: -8px; width: 130%; height: 3px; background: var(--menu-text-color); } .header-type-10 .icon_menu .style_icon:after { bottom: -8px; width: 70%; height: 3px; background: var(--menu-text-color); } .header-type-10 .horizontal-megamenu > .menu-item { flex-grow: 0; } .header-type-10 .horizontal-megamenu > .menu-item.active > a { background: transparent; } .header-type-10 .horizontal-megamenu > .menu-item.is_home { display: none; } .header-type-10 .horizontal-megamenu > .menu-item.menu-more { display: none; } .header-type-10 .horizontal-megamenu > .menu-item > .menu-link { padding: 0 12px; } .header-type-10 .horizontal-megamenu > .menu-item > .menu-link .nav-link-text:after { height: 4px; top: 168%; background-color: var(--color-primary); } .header-type-11 .header-wrap-inner.sticky .header-top-row, .header-type-11 .header-wrap-inner.sticky .home_topbar, .header-type-11 .header-wrap-inner.sticky .header-top-bar { display: none; } @media screen and (max-width: 767px) { .header-type-11 .header-wrap-inner.sticky .header-top-row { display: block; } } .header-type-11 .header-wrap-inner .header-top-row { background: var(--header-bg-color); } .header-type-11 .header-wrap-inner .header-top-row .menu { display: flex; align-items: center; flex-direction: row; flex-wrap: nowrap; } .header-type-11 .header-wrap-inner .header-top-row .menu > li { align-items: stretch; display: flex; flex-direction: row; align-items: center; } .header-type-11 .header-wrap-inner .header-top-row .menu > li > a { white-space: nowrap; padding-right: 8px; padding-left: 8px; color: var(--header-text-color, #000); font-size: 14px; } .header-type-11 .header-wrap-inner .header-top-row .menu > li.hotline a { white-space: nowrap; display: block; background: #d12a2a; padding: 4px 15px; border-radius: 25px; color: #fff; font-size: 14px; } .header-type-11 .header-wrap-inner .header-top-row .menu > li.hotline a:hover { background: var(--color-primary); } .header-type-11 .header-wrap-inner .header-top-row .menu > li.item:not(:last-child):after { content: "\F111"; font-family: Font Awesome\ 5 Pro; font-size: 5px; font-weight: 700; color: #d12a2a; } .header-type-11 .header-wrap-inner .header-bottom-row { background: var(--menu-bg-color); } .header-type-11 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { color: var(--menu-text-color); } .header-type-11 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text:after { content: none; } .header-type-11 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .info-box-icon { color: var(--menu-text-color); font-size: 18px; } .header-type-11 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link.link-home .nav-link-text { font-size: 20px; } .header-type-11 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item:hover > .menu-link, .header-type-11 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item.active > .menu-link { background: var(--color-primary); } .header-type-11 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item:hover > .menu-link .nav-link-text, .header-type-11 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item:hover > .menu-link .info-box-icon, .header-type-11 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item.active > .menu-link .nav-link-text, .header-type-11 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item.active > .menu-link .info-box-icon { color: var(--menu-text-hover-color); } .header-type-12 { border-bottom: 1px solid #ebebeb; } .header-type-12 .header-wrap-inner .navbar { position: inherit; } .header-type-12 .header-wrap-inner .header-bottom-row { background: var(--menu-bg-color); } .header-type-12 .header-wrap-inner .horizontal-megamenu { justify-content: flex-start; } .header-type-12 .header-wrap-inner .horizontal-megamenu > .menu-item.is_home { display: none; } .header-type-12 .header-wrap-inner .horizontal-megamenu > .menu-item > .menu-link { padding-right: 10px; padding-left: 10px; } .header-type-12 .header-wrap-inner .box-with-icon .info-box-icon { color: var(--header-text-color, #000); } .header-type-12 .header-wrap-inner .icon_menu .style_icon { background: var(--header-text-color, #000); } .header-type-12 .header-wrap-inner .icon_menu .style_icon:before, .header-type-12 .header-wrap-inner .icon_menu .style_icon:after { background: var(--header-text-color, #000); } .header-type-12 .header-wrap-inner .woodmart-info-box.mobile-trigger { padding: 0; } .header-top-bar { background: #fff; border-bottom: 1px solid #eee; position: relative; } .header-top-bar .top-bar-inner { height: 35px; } .header-top-bar .menu { display: inline-flex; align-items: center; flex-direction: row; flex-wrap: wrap; } .header-top-bar .menu > li { align-items: stretch; display: flex; flex-direction: row; } .header-top-bar .menu > li > a, .header-top-bar .menu > li .box-icon-wrapper { display: flex; align-items: center; flex-direction: row; padding-right: 10px; padding-left: 10px; letter-spacing: 0.2px; line-height: 1; height: 35px; font-weight: 400; font-size: 13px; color: #444; } .header-top-bar .menu > li > a i, .header-top-bar .menu > li .box-icon-wrapper i { margin-right: 3px; } .header-top-bar .menu > li > a img, .header-top-bar .menu > li .box-icon-wrapper img { margin-right: 5px; } .header-top-bar .menu .dropdown-menu { padding: 0.5rem 0; border-radius: 8px; } .header-top-bar .desktop-search-form { width: auto; min-width: 300px; } .header-top-bar .desktop-search-form .searchform { width: 100%; } .header-top-bar .desktop-search-form .searchform input[type=text] { padding: 0px 40px 0px 15px; background-color: #ffffff; height: 28px; } .header-wrap { position: relative; z-index: 8; min-height: 60px; width: 100%; margin: 0; transition: height 0.3s ease; } @media screen and (max-width: 991px) { .header-wrap { } } .header-wrap.desktop-logo-center .header-top-row .header-column-left, .header-wrap.desktop-logo-center .header-top-row .header-column-right { flex: 1 1 0%; padding: 0; } .header-wrap.desktop-logo-center .header-column-right .site-header__tool { justify-content: flex-end; } .header-wrap.desktop-logo-center .header-col-center { flex: none; } .header-wrap.has-bg svg path { fill: #fff; } .header-wrap.has-bg .icon_menu .style_icon { background: #fff; } .header-wrap.has-bg .icon_menu .style_icon:before, .header-wrap.has-bg .icon_menu .style_icon:after { background: #fff; } .header-wrap.has-bg .info-box-wrapper .item { border-radius: 6px; } .header-wrap.has-bg .info-box-wrapper .item:not(.burger-menu):hover { background: #fff; } .header-wrap.has-bg .info-box-wrapper .item:not(.burger-menu):hover .info-box-icon { color: var(--color-primary); } .header-wrap.has-bg .info-box-wrapper .item:not(.burger-menu):hover .info-box-icon svg path { fill: var(--color-primary); } .header-wrap.has-bg .info-box-wrapper .item:not(.burger-menu):hover .info-box-content label { color: var(--color-primary); } @media screen and (max-width: 991px) { .header-wrap.has-bg .box-with-icon .info-box-icon { color: #fff; background: none; } } .header-wrap.bg-white svg path { fill: var(--header-text-color, #000); } .header-wrap.bg-white .header-wrap-inner .header-top-row { background: #fff; } .header-wrap.bg-white .header-wrap-inner .header-bottom-row { background: var(--color-primary); } .header-wrap.bg-white .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { color: #fff; } .header-wrap.bg-white .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text:after { background-color: #fff; } .header-wrap.bg-white .box-with-icon .info-box-icon { color: var(--header-text-color, #000); } .header-wrap.bg-white .info-box-content > * { color: var(--header-text-color, #000); } .header-wrap.bg-white .icon_menu .style_icon { color: var(--header-text-color, #000); } .header-wrap.bg-white .info-box-wrapper .item.show { background: #eaebec; } .header-wrap.bg-white .icon_menu .style_icon { background: var(--header-text-color, #000); } .header-wrap.bg-white .icon_menu .style_icon:before, .header-wrap.bg-white .icon_menu .style_icon:after { background: var(--header-text-color, #000); } .header-column-left { display: block; text-align: center; } .tdb-drop-down-search { width: 100%; visibility: visible; opacity: 1; position: relative; transform: none; } .tdb-drop-down-search .tdb-drop-down-search-inner { box-shadow: none; } .tdb-drop-down-search .tdb-drop-down-search-inner .tdb-search-form { position: relative; width: 300px; padding: 0; border: none; border-radius: 20px; } @media (max-width: 991px) { .tdb-drop-down-search .tdb-drop-down-search-inner .tdb-search-form { width: 100%; } } .tdb-drop-down-search .tdb-drop-down-search-inner .tdb-search-form-inner { position: relative; display: flex; background: #2a67a9; border-radius: 20px; } .tdb-drop-down-search .tdb-drop-down-search-inner .tdb-search-form-inner:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; pointer-events: none; border-radius: 20px; } .tdb-drop-down-search.search-fullscreen { position: fixed; height: 100%; top: 0; } .tdb-drop-down-search.search-fullscreen.tdb-drop-down-search-open::before { background-color: rgba(0, 0, 0, 0.8); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .tdb-drop-down-search.search-fullscreen .tdb-drop-down-search-inner .tdb-search-form { margin: -30px 0 0 -25%; position: absolute; top: 50%; left: 50%; width: 50%; padding: 0; border: none; } .tdb-drop-down-search.search-fullscreen .tdb-drop-down-search-inner .tdb-search-form::before { content: none; } .tdb-drop-down-search.search-fullscreen .tdb-drop-down-search-inner .tdb-search-form-inner { background-color: transparent; } .tdb-drop-down-search.search-fullscreen .tdb-drop-down-search-inner .tdb-search-form-inner::after { content: none; } .tdb-drop-down-search.search-fullscreen .tdb-head-search-form-btn { width: 60px; border-radius: 50%; } .tdb-drop-down-search.search-fullscreen .tdb-head-search-form-input { border: none; border-bottom: 2px solid #ccc; font-size: 22px; background: transparent; } .tdb-drop-down-search.search-fullscreen .tdb-head-search-form-input:focus { border-color: #fff; color: #fff; } .tdb-drop-down-search.search-fullscreen .tdb-head-search-form-btn, .tdb-drop-down-search.search-fullscreen .tdb-head-search-form-input { height: auto; min-height: 60px; outline: none; } .tdb-drop-down-search .tdb-head-search-form-input, .tdb-drop-down-search .tdb-head-search-form-btn { height: auto; min-height: 32px; outline: none; background-color: transparent; } .tdb-drop-down-search .tdb-head-search-form-input { color: #fff; flex: 1; background-color: #2a67a9; border: 0; padding: 3px 12px; line-height: 21px; border-radius: 20px; } .tdb-drop-down-search .tdb-head-search-form-input::-webkit-input-placeholder { color: #ddd; } .header-bottom { background: #1b6447; color: #fff; font-size: 14px; } .tdb-drop-down-search .tdb-head-search-form-btn { margin-bottom: 0; padding: 0 15px; font-size: 14px; font-weight: 500; color: #fff; transition: all 0.3s ease; z-index: 1; border-radius: 0; outline: none; } .tdb-drop-down-search .tdb-head-search-form-btn:hover { color: var(--color-primary); } .tdb-drop-down-search.tdb-drop-down-search-open { visibility: visible; opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .tdb-drop-down-search.tdb-drop-down-search-open:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100vh; min-height: 100%; background-color: rgba(0, 0, 0, 0.3); } @media (min-width: 992px) { .box-icon-wrapper { display: none; } } .home_topbar { display: none; } .dropdown-menu { background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); margin-top: 0; padding: 10px 20px; float: none; border: none; border-radius: 0; } .dropdown-menu ul { padding: 0; margin: 0; list-style: none; } .dropdown-menu.dropdown-fullwidth { width: 100%; } .dropdown-menu.dropdown-right { right: 0; left: auto; } .site-header__tool .utilities { text-align: center; margin: 0; } .site-header__tool .utilities li { display: inline-block; } .site-header__tool .utilities li a { border-right: 1px solid #eee; padding: 6px 20px 1px; display: block; color: var(--color-primary); } .site-header__tool .utilities li span { font-size: 11px; font-size: 16px; } .site-header__tool .utilities li i { font-size: 16px; font-size: 1.5rem; display: block; margin-bottom: 3px; } .site-header__tool .utilities li i.icon { font-family: Line Awesome Free; font-weight: 900; font-style: normal; } .site-header__tool .utilities li:last-child a { border: none; } .site-header__tool .utilities li:first-child .icon:before { content: "\F19C"; } .site-header__tool .utilities li:nth-child(2) .icon:before { content: "\F2B5"; } .site-header__tool .utilities li:nth-child(3) .icon:before { content: "\F217"; } .site-header__tool .utilities li:nth-child(4) .icon:before { content: "\F072"; } .site-header__tool .utilities li:nth-child(5) .icon:before { content: "\F008"; } .general-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 12px; } @media screen and (max-width: 991px) { .tdb-drop-down-search { width: 100%; } .visible-lg { display: none; } .header-wrap-inner .header-top-row { padding: 0 15px; } .content_wrapper { margin-bottom: 0 !important; } } @media screen and (min-width: 991px) { .hidden-lg { display: none; } } .mobile-nav { position: fixed; top: 0; bottom: 0; z-index: 500; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 340px; background-color: #FFF; transition: transform 0.25s ease; border-top: 5px solid var(--color-primary); } .mobile-nav .close-mmenu { top: 0; left: 0; height: 40px; color: #ffffff; background-size: 30px 30px; cursor: pointer; transition: all 0.8s ease 0.2s; opacity: 0; pointer-events: auto; text-align: center; font-size: 14px; line-height: 16px; text-transform: uppercase; border-bottom: 8px solid #ededed; } .mobile-nav.slide-from-left { right: auto; left: 0; transform: translate3d(-340px, 0, 0); } .mobile-nav.act-mobile-menu { transform: none; visibility: visible; } .mobile-nav .mobile-search { position: relative; } .mobile-nav .mobile-search .header-search-lg { position: relative; display: flex; background: #fff; } .mobile-nav .mobile-search .header-search-lg .header-search-right { display: flex; align-items: center; } .mobile-nav .mobile-search .header-search-lg .header-search-right .btn-search { display: flex; height: 70px; width: 70px; padding: 0; align-items: center; justify-content: center; color: var(--color-primary); font-size: 22px; } .mobile-nav .mobile-search .search-form { z-index: 2; box-shadow: 0 -1px 9px rgba(0, 0, 0, 0.17); } .mobile-nav .mobile-search .search-form input[type=text] { padding-top: 0; padding-bottom: 0; padding-left: 20px; border: none; height: 70px; } .mobile-nav .site-mobile-menu { padding: 0; } .mobile-nav .site-mobile-menu li { position: relative; display: block; } .mobile-nav .site-mobile-menu li.opener-page > a, .mobile-nav .site-mobile-menu li:active > a { background-color: rgba(0, 0, 0, 0.04); } .mobile-nav .site-mobile-menu li a { display: flex; align-items: center; flex-direction: row; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; min-height: 50px; border-bottom: 1px solid rgba(129, 129, 129, 0.2); color: var(--color-primary); text-transform: uppercase; letter-spacing: 0.2px; font-weight: normal; font-size: 14px; line-height: 1.3; font-family: var(--primary-font); } .mobile-nav .site-mobile-menu .toggle-icon { position: absolute; top: 0; right: 0; padding-right: 0; width: 50px; height: 50px; border-left: 1px solid rgba(129, 129, 129, 0.2); color: #2d2a2a; text-align: center; line-height: 50px; cursor: pointer; transition: background-color 0.25s ease, color 0.25s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .mobile-nav .site-mobile-menu .toggle-icon.up-icon { background: var(--color-primary); color: #FFF; } .mobile-nav .site-mobile-menu .toggle-icon.up-icon .fa-angle-down:before { content: "\F106"; } .mobile-nav .site-mobile-menu .sub-menu { display: none; padding: 0; } .mobile-nav .site-mobile-menu .sub-menu li a { color: #777; text-transform: uppercase; font-size: 13px; } .mobile-nav .channels-menu { flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap; padding: 0 15px; } .mobile-nav .channels-menu li { width: 47%; height: 38px; line-height: 38px; border-radius: 5px; border: thin solid #e9eaee; background-color: #f9f9f9; color: #6c6e70; margin-bottom: 15px; overflow: hidden; } .mobile-nav .channels-menu li a { text-transform: capitalize; white-space: nowrap; color: var(--color-primary); } .mobile-nav .channels-menu li svg { margin: 0 3px 3px 8px; width: 20px; height: auto; max-height: 30px; display: inline-block; } .mobile-nav .channels-menu li svg path { fill: var(--color-primary); } .mobile-nav .register-menu { flex-direction: row; align-items: stretch; flex-wrap: wrap; padding: 0 10px; background-color: #f9f9f9; } .mobile-nav .register-menu li { overflow: hidden; padding: 6px; width: 50%; } .mobile-nav .register-menu li a { display: block; } .mobile-nav .register-menu li .btn-login { background: var(--color-primary); border: none; } .mobile-nav .register-menu li .btn-register { background: #6c757d; border: none; } .icon_menu { position: relative; width: 20px; height: 50px; cursor: pointer; color: #333333; transition: all 0.3s ease; padding-top: 28px; text-align: center; font-size: 12px; line-height: 20px; text-transform: uppercase; color: #666666; width: 25px; height: 25px; font-size: 13px; line-height: 20px; padding: 10px 10px; margin: 8px 10px; } .icon_menu .style_icon { display: block; position: absolute; margin-top: -1px; top: 50%; left: 0; right: 0; height: 2px; background: var(--color-primary); transition: background 0s 0.3s; } .icon_menu .style_icon.white-line { background: #fff; } .icon_menu .style_icon.white-line:before, .icon_menu .style_icon.white-line:after { background: #fff !important; } .icon_menu .style_icon:before, .icon_menu .style_icon:after { position: absolute; display: block; left: 0; width: 100%; height: 2px; background: var(--color-primary); content: ""; transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; } .icon_menu .style_icon:before { top: -6px; transition-property: top, transform; } .icon_menu .style_icon:after { bottom: -6px; transition-property: bottom, transform; } .side-menu-open.is_mobile .header-wrap { z-index: 1; } .side-menu-open .close-mmenu { left: 0; top: 0; opacity: 1; } .side-menu-open .icon_menu .style_icon { background: transparent !important; } .side-menu-open .icon_menu .style_icon:before { top: 0; transform: rotate(45deg); transition-delay: 0s, 0.3s; } .side-menu-open .icon_menu .style_icon:after { bottom: 0; transform: rotate(-45deg); transition-delay: 0s, 0.3s; } .woodmart-close-side { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 98; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.7); transition: opacity 0.25s ease, visibility 0s ease 0.25s; } .woodmart-close-side-opened { opacity: 1; visibility: visible; transition: opacity 0.25s ease, visibility 0s ease; } @media (max-width: 991px) { .mobile-nav { width: 300px; } .slide-from-left { transform: translate3d(-300px, 0, 0); } } .desktop-side-nav { position: absolute; top: 100%; bottom: auto; z-index: 500; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; visibility: hidden; width: 100%; background-color: #FFF; transition: transform 0.25s ease; border-top: 5px solid var(--color-primary); } .desktop-side-nav .close-mmenu { top: 0; left: 0; height: 40px; color: #ffffff; background-size: 30px 30px; cursor: pointer; transition: all 0.8s ease 0.2s; opacity: 0; pointer-events: auto; text-align: center; font-size: 14px; line-height: 16px; text-transform: uppercase; border-bottom: 8px solid #ededed; text-align: right; display: none; } .desktop-side-nav.slide-from-left { right: auto; left: 0; transform: translate3d(-100%, 0, 0); } .desktop-side-nav.act-mobile-menu { transform: none; visibility: visible; } .desktop-side-nav .channels-menu { justify-content: space-around; background: #fff; padding: 5px 10px; margin: 0; } .desktop-side-nav .channels-menu li { flex: 1; border-radius: 5px; padding: 10px; margin: 0 3px; text-align: center; } .desktop-side-nav .channels-menu li:hover { background: rgba(0, 0, 0, 0.05); } .desktop-side-nav .channels-menu li::marker { content: none; } .desktop-side-nav .channels-menu a { font-weight: 500; color: #555; display: flex; align-items: center; justify-content: center; } .desktop-side-nav .channels-menu svg { margin-right: 5px; } .desktop-side-nav .channels-menu svg path { fill: var(--color-primary); } .desktop-side-nav .mobile-search { position: relative; } .desktop-side-nav .mobile-search .header-search-lg { position: relative; display: flex; background: #fff; } .desktop-side-nav .mobile-search .header-search-lg .header-search-right { display: flex; align-items: center; } .desktop-side-nav .mobile-search .header-search-lg .header-search-right .btn-search { display: flex; height: 70px; width: 70px; padding: 0; align-items: center; justify-content: center; color: var(--color-primary); font-size: 22px; } .desktop-side-nav .mobile-search .search-form { z-index: 2; box-shadow: 0 -1px 9px rgba(0, 0, 0, 0.17); } .desktop-side-nav .mobile-search .search-form input[type=text] { padding-top: 0; padding-bottom: 0; padding-left: 20px; border: none; height: 70px; } .desktop-side-nav .site-mobile-menu { background: #f4f4f4; padding: 0; margin-bottom: 0; } .desktop-side-nav .site-mobile-menu > li { position: relative; display: flex; } .desktop-side-nav .site-mobile-menu > li.opener-page > a, .desktop-side-nav .site-mobile-menu > li:active > a { background-color: rgba(0, 0, 0, 0.04); } .desktop-side-nav .site-mobile-menu > li:hover { background: #e9e9e9; } .desktop-side-nav .site-mobile-menu > li:hover > a { background: #4D4E4E; } .desktop-side-nav .site-mobile-menu > li > a { display: flex; align-items: center; flex-direction: row; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; min-height: 50px; border-bottom: 1px solid rgba(129, 129, 129, 0.2); color: #fff; text-transform: uppercase; letter-spacing: 0.2px; font-weight: normal; font-size: 13px; line-height: 1.3; font-family: var(--primary-font); width: 240px; background: var(--color-primary); text-align: left; } .desktop-side-nav .site-mobile-menu .toggle-icon { display: none; position: absolute; top: 0; right: 0; padding-right: 0; width: 50px; height: 50px; border-left: 1px solid rgba(129, 129, 129, 0.2); color: #2d2a2a; text-align: center; line-height: 50px; cursor: pointer; transition: background-color 0.25s ease, color 0.25s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .desktop-side-nav .site-mobile-menu .toggle-icon.up-icon { background: var(--color-primary); color: #FFF; } .desktop-side-nav .site-mobile-menu .toggle-icon.up-icon .fa-angle-down:before { content: "\F106"; } .desktop-side-nav .site-mobile-menu .sub-menu { display: flex; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); flex-grow: 1; } .desktop-side-nav .site-mobile-menu .sub-menu li { display: inline-block; } .desktop-side-nav .site-mobile-menu .sub-menu li a { color: #777; text-transform: none; font-size: 13px; padding: 0 10px; text-transform: uppercase; } .desktop-side-nav .site-mobile-menu .sub-menu li a:hover, .desktop-side-nav .site-mobile-menu .sub-menu li a:visited { color: var(--color-primary); } .icon_menu { position: relative; width: 20px; height: 50px; cursor: pointer; color: #333333; transition: all 0.3s ease; padding-top: 28px; text-align: center; font-size: 12px; line-height: 20px; text-transform: uppercase; color: #666666; width: 25px; height: 25px; font-size: 13px; line-height: 20px; padding: 0; margin: 0; display: inline-block; } .icon_menu .style_icon { display: block; position: absolute; margin-top: -1px; top: 50%; left: 0; right: 0; height: 2px; background: var(--color-primary); transition: background 0s 0.3s; } .icon_menu .style_icon.white-line { background: #fff; } .icon_menu .style_icon.white-line:before, .icon_menu .style_icon.white-line:after { background: #fff !important; } @media screen and (max-width: 991px) { .icon_menu .style_icon { background: var(--color-primary); } .icon_menu .style_icon:before, .icon_menu .style_icon:after { background: var(--color-primary); } } .icon_menu .style_icon:before, .icon_menu .style_icon:after { position: absolute; display: block; left: 0; width: 100%; height: 2px; background: var(--color-primary); content: ""; transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; } .icon_menu .style_icon:before { top: -6px; transition-property: top, transform; } .icon_menu .style_icon:after { bottom: -6px; transition-property: bottom, transform; } .side-menu-open .close-mmenu { left: 0; top: 0; opacity: 1; } .side-menu-open .icon_menu .style_icon { background: transparent !important; } .side-menu-open .icon_menu .style_icon:before { top: 0; transform: rotate(45deg); transition-delay: 0s, 0.3s; width: 100%; } .side-menu-open .icon_menu .style_icon:after { bottom: 0; transform: rotate(-45deg); transition-delay: 0s, 0.3s; width: 100%; } .woodmart-close-side { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.7); transition: opacity 0.25s ease, visibility 0s ease 0.25s; } .woodmart-close-side-opened { opacity: 1; visibility: visible; transition: opacity 0.25s ease, visibility 0s ease; } @media (max-width: 991px) { .mobile-nav { width: 300px; } .slide-from-left { transform: translate3d(-300px, 0, 0); } } .webnew-form-login .form-group { position: relative; margin-bottom: 20px; } .webnew-form-login .form-group .input-icon { position: absolute; top: 22px; right: 15px; font-size: 20px; transform: translateY(-50%); color: #acb5be; line-height: 0; } .webnew-form-login a { color: var(--color-primary); } .webnew-form-login .form-control { height: 45px; box-shadow: none; background: #f2f2f2; border: 0; outline: 0; border-radius: 3px; font-size: 14px; color: #5e6d77; } .webnew-form-login button[type=submit] { height: 45px; outline: none; background-color: var(--color-primary); color: #fff; } .webnew-form-login button[type=submit]:hover { background: #4D4E4E; } .webnew-form-login .checkbox { margin: 0; } .login-form-side { position: fixed; top: 0; bottom: 0; z-index: 500; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 410px; background-color: #FFF; transition: transform 0.25s ease; right: 0; left: auto; transform: translate3d(410px, 0, 0); } @media (max-width: 991px) { .login-form-side { width: 340px; transform: translate3d(340px, 0, 0); } } .login-form-side.woodmart-login-side-opened { transform: none; } .login-form-side .widget-heading { background: var(--color-primary); height: 75px; position: relative; } .login-form-side .widget-heading .logo { width: auto; height: 60px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .login-form-side .widget-heading .logo img { max-height: 100%; max-width: 100%; } .login-form-side .widget-heading .close-side-widget { position: fixed; top: 0; right: 420px; color: #fff; text-shadow: none; opacity: 1; z-index: 9999; font-size: 30px; } @media (max-width: 991px) { .login-form-side .widget-heading .close-side-widget { right: 340px; } } .side-login-open .woodmart-close-side { z-index: 10; } .signin__content { padding: 30px; } .signin__content .signin__text { text-align: center; margin-bottom: 15px; } .signin__content .signin__social { margin-bottom: 15px; } .signin__content .signin__social .social { color: #fff; margin-bottom: 10px; display: block; } .signin__content .signin__social .social i { font-size: 16px; font-size: 1.2rem; text-align: center; width: 45px; height: 45px; border-right: 1px solid rgba(255, 255, 255, 0.3); float: left; padding: 12px 0; } .signin__content .signin__social .social span { padding: 14px 0 12px 14px; display: inline-block; font-size: 14px; height: 45px; } .signin__content .signin__social .social--fb { background: #3b5998; } .signin__content .signin__social .social--gg { background: #d34836; } .signin__content .signin__social .social--zl { background: #018fe5; } .signin__content .signin__social .social--zl i { background: url("/frontend/images/svgs/zalo_wicon.svg") center center no-repeat; background-size: 14px auto !important; } .signin__content .signin__subhead { text-align: center; position: relative; margin-bottom: 15px; } .signin__content .signin__subhead span { font-size: 14px; font-size: 1.4rem; color: #999; font-weight: 400; position: relative; z-index: 1; background: #fff; padding: 0 15px; } .signin__content .signin__subhead:after { position: absolute; content: ""; background: #ddd; width: 100%; height: 1px; left: 0; top: 50%; } .breadcrumbs * { display: inline-block; } .breadcrumbs { padding: 8px 0; margin-bottom: 12px; padding-bottom: 5px; padding-left: 0; } .breadcrumbs.type-2 li a::after { content: "\F148"; font-family: "Font Awesome 5 Pro"; transform: rotate(90deg); color: var(--color-primary); width: auto; height: auto; border: none !important; } .breadcrumbs.type-2 li span { background: var(--color-primary); display: inline-block; font-weight: bold; text-transform: uppercase; font-size: 12px; padding: 3px 10px; display: inline-block; color: #ffffff; border-radius: 50px; } .breadcrumbs meta { display: none; } .breadcrumbs li:last-child { font-weight: bold; } .breadcrumbs a { font-size: 0.9rem; color: #000; position: relative; margin-right: 10px; display: flex; align-items: center; text-transform: none !important; } .breadcrumbs a:after { content: ""; display: flex; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #a8a8a8; margin-left: 10px; } .breadcrumbs .last_child a:after, .breadcrumbs li:last-child > a:after { content: none; } .breadcrumbs .crust { line-height: 36px; position: relative; } .breadcrumbs .crust a:after { content: none; } .breadcrumbs .crust .arrow { border: 18px solid transparent; border-right: 1px none black; border-left-width: 12px; border-left-color: #d5d5d5; -moz-border-right-colors: #d5d5d5; display: block; position: absolute; right: -12px; top: 0px; z-index: 1; width: 0px; height: 0px; line-height: inherit; } .breadcrumbs .crust .arrow span { border: 18px solid transparent; border-right: 1px none black; border-left-width: 12px; border-left-color: #f8f9fa; display: block; position: absolute; left: -13px; top: -18px; z-index: 51; white-space: nowrap; overflow: hidden; text-indent: 9999px; width: 0px; height: 0px; top: -18px; } .breadcrumbs .crust .arrow, .breadcrumbs .crust .arrow span { border-top-width: 18px; border-bottom-width: 18px; } .breadcrumbs a.current { color: #333; font-weight: 700; cursor: text; } .breadcrumbs a.current:after { content: ""; padding: 0; } .breadcrumbs .icon-home { font-size: 1.4rem; color: #c82228; margin-right: 5px; } .topbar_threadhot label { float: left; color: #fff; font-weight: bold; padding: 0 10px; height: 23px; line-height: 23px; font-size: 14px; background: var(--color-primary) !important; border-left: 5px solid var(--color-primary); padding-left: 5px; margin: 0 10px 0 0; position: absolute; } #widget-ticker { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; margin-top: 10px; width: 100%; position: relative; line-height: 24px; height: 24px; } #hashtag-trending { margin-left: 41px; margin-bottom: 0; padding: 0; white-space: nowrap; display: inline-flex; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none; } #hashtag-trending .has-marquee { animation: marquee 45s linear infinite; } #hashtag-trending .has-marquee:hover { animation-play-state: paused; } #hashtag-trending li.hash-tag-item { display: inline-block; padding-left: 10px; font-size: 13px; color: #000; border-radius: 100px; background-color: #e7e7e7; padding: 0 8px 0 12px; height: 24px; line-height: 24px; margin: 0 10px; } #hashtag-trending li.hash-tag-item:before { content: "#"; display: inline-block; color: rgba(106, 106, 106, 0.51); font-size: 15px; margin-right: 4px; } #hashtag-trending li.hash-tag-item a { color: inherit; } #hashtag-trending li.hash-tag-item:hover { background: linear-gradient(-45deg, #4d4e4e, #8e8e8e, #ba2026, #d8494e); background-size: 400% 400%; animation: bggradient 15s ease infinite; color: #fff; } #hashtag-trending li.hash-tag-item:hover a { color: #fff; } #hashtag-trending li.hash-tag-item:hover:before { color: #fff; } #hashtag-trending::-webkit-scrollbar { display: none; } .home_topbar { height: 44px; background-color: #f7f7f7; border-bottom: 1px solid #e1e1e1; margin-bottom: 0px; overflow: hidden; } @media (max-width: 767px) { .home_topbar { margin-bottom: 0px; } .home_topbar .timestemp { display: none; } } .home_topbar .btn-clock, .home_topbar .btn-rss { background-color: #f0f0f0; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; display: inline-block; height: 26px; } .home_topbar .btn-clock { width: 34px; margin-right: 8px; } .home_topbar .btn-rss { width: 53px; margin-right: 67px; font-size: 12px; color: #4a4a4a; padding-left: 11px; line-height: 28px; } .home_topbar .btn-rss:hover { color: var(--color-primary); } .home_topbar .btn-rss:hover .icon-rss { background-position: 0 -112px; } .home_topbar .btn-rss .icon { margin-left: 6px; margin-bottom: -3px; display: inline-block; font-size: 12px; } .home_topbar .btn-clock .icon { font-size: 16px; padding: 5px 9px; color: #4a4a4a; display: inline-block; } .home_topbar .btn-clock:hover .icon { color: var(--color-primary); } .btn-social { float: left; } .frm-search { height: 24px; width: 247px; border: solid 1px #e1e2e3; border-radius: 1px; display: block; float: left; } .frm-search .txt-search { float: left; height: 24px; width: 210px; padding: 0 10px; line-height: 24px; font-size: 10px; color: #303030; border: 0; outline: 0; background: transparent; } .title_slider { text-transform: uppercase; font-size: 14px; line-height: 26px; } .title_slider { background-color: #dc3545; color: #FFFFFF; height: 40px; margin-right: 8px; } .font_w500 { font-weight: 500; } .title_slider:hover { color: #fff; background: #343a40; } .frm-search button { border: none; background-color: #FFF; margin: 0; padding: 0; } .frm-search .icon-search { float: left; cursor: pointer; padding-top: 5px; padding-left: 15px; } .txt-search::-webkit-input-placeholder, .txt-search::-moz-placeholder, .txt-search:-ms-input-placeholder, .txt-search:-moz-placeholder { color: #FFF; } .timestemp { width: 100%; text-align: right; font-size: 12px; color: var(--color-primary); float: left; } .timestemp #clock { display: inline-block; } @media (max-width: 767px) { .topbar_threadhot .timeline { width: 100%; } } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInDown { animation-name: fadeInDown; } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes stuckMoveDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes stuckMoveUp { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } @keyframes stuckFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes bggradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes live { 0% { transform: scale(1, 1); } 100% { transform: scale(3.5, 3.5); background-color: rgba(255, 0, 0, 0); } } @keyframes pulse-red { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(255, 82, 82, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 82, 82, 0); } } @keyframes pulse { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } } @keyframes button-loading-spinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } #go_top_control { position: fixed; bottom: 30px; right: 30px; opacity: 1; cursor: pointer; z-index: 9999999; display: none; background-color: #FFF; text-align: center; border: 1px solid var(--color-primary); } #go_top_control .go_top_icon { color: var(--color-primary); height: 40px; width: 40px; font-size: 22px; padding-top: 7px; } @media (max-width: 767px) { #go_top_control { bottom: 10px; } } #subscribe { padding: 30px 0 30px; position: relative; background: var(--color-secondary); background-position-y: 100%; background-size: cover; background-attachment: fixed; } #subscribe .btn-subcribe { background: var(--color-primary); min-width: 150px; border: 1px solid var(--color-primary); } #subscribe .btn-subcribe:hover { outline: none; border: none; } #subscribe .subcribe-content { text-align: center; } @media screen and (max-width: 767px) { #subscribe .subcribe-content { margin-top: 15px; } } #subscribe .icon-box-wrapper { display: flex; text-align: left; flex-direction: row; align-items: center; } #subscribe .icon-box-wrapper .icon-box-content { flex-grow: 1; } #subscribe .icon-box-wrapper .icon-box-content .icon-box-title { color: #FFF; font-size: 18px; font-weight: 600; margin-bottom: 0; } @media screen and (max-width: 767px) { #subscribe .icon-box-wrapper .icon-box-content .icon-box-title { font-size: 16px; } } #subscribe .icon-box-wrapper .icon-box-icon { display: inline-flex; flex: 0 0 auto; } #subscribe .icon-box-wrapper .icon-box-icon .elementor-icon { color: #fff; margin-right: 15px; } #call-to-action { padding: 30px 0 30px; position: relative; background: var(--color-primary); background-position-y: 100%; background-size: cover; background-attachment: fixed; } #call-to-action .action-col-right { justify-content: flex-end; flex: 1; } #call-to-action .btn-action { background: var(--color-secondary); min-width: 150px; border: 1px solid var(--color-secondary); font-weight: bold; } #call-to-action .btn-action:hover { background: #717171; border: 1px solid #717171; } #call-to-action .action-content-right { display: flex; align-items: center; } #call-to-action .action-content-right .main-title { margin-right: 10px; } #call-to-action .main-title { color: #FFF; font-size: 18px; font-weight: 600; margin-bottom: 0; } @media screen and (max-width: 767px) { #call-to-action .main-title { font-size: 16px; } } #call-to-action .icon-box-wrapper { display: flex; text-align: left; flex-direction: row; align-items: center; } #call-to-action .icon-box-wrapper .icon-box-content { flex-grow: 1; } #call-to-action .icon-box-wrapper .icon-box-content .icon-box-title { color: #FFF; font-size: 18px; font-weight: 600; margin-bottom: 0; } @media screen and (max-width: 767px) { #call-to-action .icon-box-wrapper .icon-box-content .icon-box-title { font-size: 16px; } } #call-to-action .icon-box-wrapper .icon-box-icon { display: inline-flex; flex: 0 0 auto; } #call-to-action .icon-box-wrapper .icon-box-icon .elementor-icon { color: #fff; margin-right: 15px; } @media screen and (max-width: 480px) { #call-to-action .action-col-left { flex: 0 0 100%; max-width: 100%; } #call-to-action .action-col-right { justify-content: center; } #call-to-action .action-col-right .btn-action { margin-top: 15px; } } .elementor-icon { display: inline-block; line-height: 1; transition: all 0.3s; color: #818a91; font-size: 50px; text-align: center; } .subcribe-section .section-title { text-transform: uppercase; margin: 15px 0px; font-weight: bold; margin-bottom: 20px; font-size: 22px; text-align: center; } .subcribe-section .widget { padding: 15px; padding-top: 65px; box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1), 0 5px 10px 2px rgba(0, 0, 0, 0.1), 0 5px 5px -5px rgba(0, 0, 0, 0.1); border: 1px solid #c0c0c0; min-height: 530px; position: relative; min-width: 320px; } .subcribe-section .widget .widget-title { height: 50px; display: flex; align-items: center; font-size: 22px; font-weight: 500; position: absolute; top: 0; left: 0; width: 100%; background: #eee; color: #fff; } .subcribe-section .widget .widget-title i { width: 50px; height: 50px; line-height: 50px; text-align: center; } .subcribe-section .widget.facebook-widget .widget-title { background: #3b5998; } .subcribe-section .widget.youtube-widget .widget-title { background: #c4302b; } .subcribe-section .widget.youtube-widget .youtube-content-inner-block .youtube-widget-info .youtube-widget-video-title { margin-top: 10px; margin-bottom: 10px; font-size: 18px; font-weight: 700; } .subcribe-section .widget.youtube-widget .youtube-content-inner-block .others-video ul li { padding-bottom: 5px; padding-top: 5px; display: block; border-bottom: 1px dotted #c0c0c0; } .subcribe-section .widget.youtube-widget .youtube-content-inner-block .others-video ul li a { text-decoration: none; font-size: 15px; color: #343434; } .subcribe-section .widget.tiktok-widget .widget-title { background: #000; } .subcribe-section .widget.tiktok-widget .widget-content-inner { margin-top: -18px; } .subcribe-section .widget.zalo-widget .widget-title { background: #028FE3; } .subcribe-section .widget .widget-content-inner { height: 100%; } .subcribe-section .widget .youtube-subscribe { margin-bottom: 10px; } .subcribe-section .widget .youtube-content-inner-block { max-height: 384px; overflow: auto; } .g-translate { padding: 5px; } .eo__dropdown__menu li { position: relative; line-height: 23px !important; padding: 3px 10px !important; margin: 0; font-weight: 500; letter-spacing: 0.1em; font-size: 15px; } .eo__languages .language { font-size: 15px; } .eo__languages .flag { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; margin-right: 5px; } .eo__languages .language__flag--vi { background-image: url("../images/flags/4x3/vn.svg") !important; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 50%; width: 32px; height: 32px; } .eo__dropdown__activator { padding: 0 !important; } .table-content { margin-top: 20px; } .table-content table thead th { background-color: #CDEAF7; border-bottom: 0; } .table-content table th, .table-content table td { padding: 11px; vertical-align: middle; } .table-content.table-content-fixed th, .table-content.table-content-fixed td { min-width: auto; max-width: 180px; } .table-content.table-content-fixed td input { width: 100px; } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } @media (max-width: 768px) { .table-content.table-content-fixed tr, .table-content.table-content-fixed td, .table-content.table-content-fixed th, .table-content.table-content-fixed thead, .table-content.table-content-fixed tbody, .table-content.table-content-fixed table { display: block; max-width: 100%; text-align: right; } .table-content.table-content-fixed td { display: flex; align-items: center; } .table-content.table-content-fixed td div { flex: 1; padding: 0 16px; text-align: right; } .table-content.table-content-fixed td input { margin-left: auto; } .table-content.table-content-fixed tr, .table-content.table-content-fixed td { padding: 0; text-align: left !important; } .table-content.table-content-fixed th, .table-content.table-content-fixed td { border-color: #F5F5F5; } .table-content.table-content-fixed thead { position: absolute; left: -9999px; overflow: hidden; width: 0px; height: 0px; } .table-content.table-content-fixed tbody tr td::before { min-width: 130px; font-weight: bold; text-align: left; background-color: #CDEAF7; padding: 19px 16px; content: attr(data-title); } .table-content.table-content-fixed tbody tr:not(:last-child) { border-bottom: 5px solid #ffffff; } } .widget-newsletter.type-vertical { padding: 15px; background: #F7F7F7; border-radius: 8px; box-shadow: -5px 6px var(--color-primary); border: 1px solid var(--color-primary); } .widget-newsletter.type-vertical .widget-title { text-align: center; margin-bottom: 15px; } .widget-newsletter.type-vertical .widget-title .main-title { text-transform: none; } .widget-newsletter.type-vertical .widget-description { text-align: center; } .widget-newsletter.type-vertical .form-fields .input-group-text { border-right: 0; background-color: #fff; color: #a5a5a5; } .widget-newsletter.type-vertical .form-fields input { border-left: 0; border-color: #ced4da; } .widget-newsletter .btn-loading { border: 1px solid #c4cdd5; color: transparent !important; cursor: default; position: relative; text-shadow: none; transition: border-color 0.2s ease-out; } .widget-newsletter .btn-loading:before { animation: button-loading-spinner 1s linear infinite; border: 3px solid; border-color: #fff #fff transparent; border-radius: 50%; content: ""; height: 18px; left: 50%; margin-left: -9px; margin-top: -9px; position: absolute; top: 50%; width: 18px; } .widget-newsletter .btn-loading:active, .widget-newsletter .btn-loading:focus, .widget-newsletter .btn-loading:hover { color: transparent; } .ps-popup { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 99999; visibility: hidden; opacity: 0; transition: all 0.4s ease; background-color: rgba(0, 0, 0, 0.5); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .ps-popup__content { position: relative; max-width: 960px; width: 100%; transition: tranform 0.4s ease; background-color: #fff; } .ps-popup__content.bg--cover { background-position: 50% 50% !important; background-size: cover !important; } .ps-popup__content.bg--cover.has-content:after { background: linear-gradient(90deg, #ffffff, hsla(181.91, 94%, 19.61%, 0.4) calc(100% - 300px), rgba(25, 28, 32, 0)); content: ""; height: 100%; position: absolute; width: 100%; z-index: 0; bottom: 0; left: 0; } @media (max-width: 480px) { .ps-popup__content.bg--cover.has-content:after { background: linear-gradient(90deg, #ffffff, hsla(181.91, 94%, 19.61%, 0.4) 100%, rgba(25, 28, 32, 0)); } } .ps-popup__content.bg--cover.has-content .popup-text { display: inline-block; padding: 60px 50px; } .ps-popup__content.bg--cover .popup-link { height: 100%; position: absolute; width: 100%; left: 0; top: 0; z-index: 2; } .ps-popup__content .popup-content-inner { min-height: 300px; position: relative; z-index: 1; } @media (max-width: 480px) { .ps-popup__content .popup-content-inner .row { gap: 10px; } .ps-popup__content .popup-content-inner .col { flex: 0 0 100%; } .ps-popup__content .popup-content-inner .col .popup-text { padding: 15px; } } .ps-popup__content .popup-content-inner .col img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .ps-popup__content .popup-content-inner .popup-text { position: relative; z-index: 3; display: block; padding: 40px 0px 40px; height: 100%; } .ps-popup__content .popup-content-inner .main-btn { line-height: 35px; padding: 0 20px; margin-top: 15px; } .ps-popup__content .popup-content-inner .widget-newsletter { background: none; border: none; box-shadow: none; margin: 0 !important; } .ps-popup__close { display: inline-block; position: absolute; width: 40px; height: 40px; top: 10px; right: 10px; background-color: var(--color-primary); border: none; z-index: 3; } .ps-popup__close i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; color: #ffffff; } .ps-popup__close:hover { background-color: var(--color-secondary); } .ps-popup.active { visibility: visible; opacity: 1; transition-delay: 0.5s; } @media (max-width: 576px) { .ps-popup { padding: 100px 30px 20px; } .ps-popup .ps-popup__content { position: relative; top: 0; left: 0; max-width: 800px; margin: 0 auto; } .ps-popup.active .ps-popup__content { transform: translate(0, 0); } } @media (max-width: 480px) { .ps-popup { padding-top: 50px; padding-left: 20px; padding-right: 20px; } } .footer_main { background-color: var(--color-primary); border-top: solid 8px #e0e0e0; } .footer-body { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 14px; background-color: var(--color-primary); padding: 15px 0; } .footer-body p { margin-bottom: 0.5rem; } .footer-body a { color: #3A3A3A; } .footer-body .footer-row { padding: 14px 0 16px; } @media (max-width: 767px) { .footer-body .footer-row { padding: 14px 0 0; } } .footer-row-info { padding-bottom: 10px; } .footer-row-copyright .copyright-info { color: #fff; font-size: 13px; padding-top: 20px; } @media screen and (max-width: 767px) { .footer-row-copyright .copyright-info { text-align: center; } } .link-info { float: right; } .footer_top_1 .menus { text-align: left; padding: 0; list-style: none; } .footer_top_1 .menus li > a { margin-bottom: 10px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; } .link-info a { display: block; float: left; font-size: 13px; margin-left: 30px; padding: 5px 13px; border: 1px solid #fff; margin-top: 11px; color: #fff; } @media screen and (max-width: 767px) { .link-info a { width: 50%; margin-left: 0; text-align: center; } .link-info a:nth-child(3) { width: 100%; } } @media screen and (max-width: 767px) { .link-info { float: none; } } .group.line-break { border-bottom: 2px solid #125a88; } .logo-footer-block { white-space: nowrap; text-align: center; height: 200px; } @media (max-width: 767px) { .logo-footer-block { height: auto; } } .logo-footer img { max-width: 100%; max-height: 195px; vertical-align: middle; padding: 0 0 10px; } .logo-helper { display: inline-block; height: 100%; vertical-align: middle; } .ndt-logo { display: block; margin: 0 auto; text-align: left; } .ndt-logo img { max-width: 100%; max-height: 130px; text-align: center; display: block; margin: 0 auto; } .ul-inline.group-links { background-color: #2888cb; padding: 0 8px; margin-right: 0; margin-left: 10px; } .ul-inline.group-links.user-account { padding: 0 11px; } .ul-inline.group-links.user-account > li a { padding: 9px 0; } .ul-inline.group-links > li > a { color: #fff; padding: 5px 0; } .footer_bottom * { line-height: 20px; } .list_a_bottom { text-align: center; } .list_a_bottom a { color: #000; margin-right: 15px; padding-right: 15px; border-right: 1px solid #fff; line-height: 14px; display: inline-block; } .list_a_bottom a * { line-height: 14px; } .mb20 { margin-bottom: 20px; } footer.footer { border-top: 5px solid #eee; } footer.footer-type-2 .menu_footer { background-color: #FFF; } footer.footer-type-2 .menu_footer .menus > li > a { font-weight: normal; font-size: 14px; color: var(--color-secondary); text-transform: uppercase; font-family: var(--primary-font); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; } footer.footer-type-2 .menu_footer .menus > li > a:before { width: 5px; height: 15px; margin-right: 6px; display: inline-block; background-color: var(--color-secondary); } @media screen and (max-width: 480px) { footer.footer-type-2 .menu_footer .menus > li > a { font-size: 10px; } footer.footer-type-2 .menu_footer .menus > li > a:before { width: 3px; height: 10px; margin-right: 3px; } } footer.footer-type-2 .menu_footer .menus > li .sub-menu { font-size: 14px; padding: 3px 0; } footer.footer-type-2 .menu_footer .menus li a:hover { color: var(--color-primary); } footer.footer-type-2 .menu_footer .line-bar-footer { width: 100%; height: 20px; background-color: #eee; } footer.footer-type-2 .menu_footer .menus { padding: 15px 0 15px 0; list-style: none; } footer.footer-type-2 .menu_footer .menus > li > ul { margin-bottom: 5px; } footer.footer-type-2 .footer-body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; background-color: #fff; padding: 0; color: #3a3a3a; } footer.footer-type-2 .footer-body a { color: #3a3a3a; } footer.footer-type-2 .footer_top_1 { border-bottom: 1px solid var(--color-primary); display: block; width: 100%; float: left; padding: 20px 0; } footer.footer-type-2 .footer_top_1 .contact-partner p { margin-bottom: 2px; } footer.footer-type-2 .footer_top_1 p { margin-bottom: 3px; } footer.footer-type-2 .footer_top_1 a:hover { color: var(--color-primary); } @media (max-width: 991px) { footer.footer-type-2 .footer_top_1 { text-align: center; } } footer.footer-type-2 .footer_bottom { padding: 15px; text-align: center; } footer.footer-type-2 .footer_bottom p { margin-bottom: 0; } footer.footer-type-2 .footer_bottom a { font-size: 13px; font-family: var(--primary-font); } footer.footer-type-2 .footer_bottom a:hover { color: var(--color-primary); } footer.footer-type-4 .footer-social { margin: 32px 0 0; } footer.footer-type-4 .footer-social .social_icons { margin-top: 10px; } footer.footer-type-4 .footer-social .social_icons [class*=sc_] { color: #828282 !important; background: none !important; } footer.footer-type-4 .footer-social .social_icons li a { font-size: 18px; } footer.footer-type-4 .footer-social .social_icons li a.rss { width: auto; margin-left: 10px; font-size: 16px; } footer.footer-type-4 .footer-menu > li { margin-bottom: 32px; } footer.footer-type-4 .footer-menu > li > a { display: block; font-size: 12px; font-weight: 600; line-height: 20px !important; color: #292929; margin: 0 0 10px; font-weight: bold; } footer.footer-type-4 .footer-menu .sub-menu li { margin: 0 0 8px; line-height: 16px; } footer.footer-type-4 .footer-menu .sub-menu li a { position: relative; display: block; font-size: 12px; line-height: 16px; letter-spacing: 0.08px; text-decoration: none; color: #292929; } footer.footer-type-4 .footer-body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; background-color: #F7F5F2; padding: 0; color: #3a3a3a; } footer.footer-type-4 .footer-body a { color: #3a3a3a; } footer.footer-type-4 .footer_top_1 { padding: 30px 0 20px; } footer.footer-type-4 .footer_top_1 p { margin-bottom: 3px; } footer.footer-type-4 .footer_top_1 a:hover { color: var(--color-primary); } @media (max-width: 991px) { footer.footer-type-4 .footer_top_1 { text-align: left; } } footer.footer-type-4 .footer_bottom { padding: 15px; text-align: center; border-top: solid 1px #ddd; } footer.footer-type-4 .footer_bottom p { text-transform: uppercase; margin-bottom: 0; } footer.footer-type-4 .footer_bottom a { font-size: 13px; font-family: var(--primary-font); } footer.footer-type-4 .footer_bottom a:hover { color: var(--color-primary); } footer.footer-type-5 .footer-menu { padding: 30px 0; background: var(--footer-bg-secondary-color, #222); border: 1px solid #444; border-width: 1px 0; } @media (min-width: 992px) { footer.footer-type-5 .footer-menu .col-lg-3 { flex: 0 0 25%; max-width: 25%; } } footer.footer-type-5 .footer-menu .menus > li > a { font-weight: normal; font-size: 14px; color: var(--footer-text-color, #fff); text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; padding-bottom: 5px; } @media screen and (max-width: 480px) { footer.footer-type-5 .footer-menu .menus > li > a { font-size: 10px; } footer.footer-type-5 .footer-menu .menus > li > a:before { width: 3px; height: 10px; margin-right: 3px; } } footer.footer-type-5 .footer-menu .menus > li.has-sub-menu > a { border-bottom: 1px solid #ccc; } footer.footer-type-5 .footer-menu .menus > li .sub-menu { font-size: 14px; padding: 3px 0; margin-top: 10px; } footer.footer-type-5 .footer-menu .menus > li .sub-menu li { margin-bottom: 5px; } footer.footer-type-5 .footer-menu .menus > li .sub-menu li > a { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } footer.footer-type-5 .footer-menu .menus li a:hover { color: var(--color-primary); } footer.footer-type-5 .footer-menu .line-bar-footer { width: 100%; height: 20px; background-color: #eee; } footer.footer-type-5 .footer-menu .menus { padding: 15px 0 15px 0; } footer.footer-type-5 .footer-menu .menus > li > ul { margin-bottom: 5px; } @media screen and (max-width: 768px) { footer.footer-type-5 .footer-menu { display: none; } } footer.footer-type-5 .footer-main { background: var(--footer-bg-color, #333); font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 20px 0; } footer.footer-type-5 .footer-main * { color: var(--footer-text-color, #fff); font-size: 12px; } @media screen and (max-width: 767px) { footer.footer-type-5 .footer-main { text-align: center; } } footer.footer-type-5 .footer-top { background: var(--copyright-bg-color, #2b2b2b); border-top: 1px solid #fff; padding: 0; font-size: 14px; line-height: 24px; } footer.footer-type-5 .footer-copyright { padding: 15px; text-align: center; background: var(--copyright-bg-color, #2b2b2b); } footer.footer-type-5 .footer-copyright p { font-size: 13px; margin-bottom: 0; color: #ababab; } footer.footer-type-5 .footer-copyright a { color: #ababab; font-size: 13px; } footer.footer-type-5 .footer-copyright a:hover { color: var(--color-primary); } footer.footer-type-6 { border-top: 4px solid var(--color-primary); } footer.footer-type-6 .footer-menu { padding: 20px 0; } footer.footer-type-6 .footer-menu .menus { display: flex; padding: 0; } footer.footer-type-6 .footer-menu .menus > li > a { padding-bottom: 0; } @media screen and (max-width: 768px) { footer.footer-type-6 .footer-menu { display: block; text-align: center; } } footer.footer-type-6 .footer-main .footer-right { text-align: right; } @media screen and (max-width: 768px) { footer.footer-type-6 .footer-main .footer-right { text-align: center; } } footer.footer-type-7 { border-top: 5px solid #eee; } footer.footer-type-7 a { color: var(--color-secondary); } footer.footer-type-7 .office { margin-bottom: 10px; } footer.footer-type-7 .footer-top { padding-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #eee; } footer.footer-type-7 .footer-bottom { background-color: #f1f3f6; padding-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #eee; } footer.footer-type-7 .footer-content { display: flex; flex-flow: row nowrap; justify-content: space-between; } @media screen and (max-width: 960px) { footer.footer-type-7 .footer-content { flex-wrap: wrap; } footer.footer-type-7 .footer-content .widget:first-child { width: 100%; } footer.footer-type-7 .footer-content .widget { width: auto; } footer.footer-type-7 .footer-content .list-image-links { columns: 2; -webkit-columns: 2; -moz-columns: 2; } } @media screen and (max-width: 480px) { footer.footer-type-7 .footer-content .widget { width: 100%; } } footer.footer-type-7 .widget-title, footer.footer-type-7 .widget-content { padding: 0 15px; } @media screen and (max-width: 480px) { footer.footer-type-7 .widget-title, footer.footer-type-7 .widget-content { padding: 0; } } footer.footer-type-7 .widget-title { min-height: 23px; font-size: 16px; text-transform: uppercase; } footer.footer-type-7 .widget-content { font-size: 14px; } footer.footer-type-7 .widget-content p { margin-bottom: 5px; } footer.footer-type-7 .ps-list--link li { display: block; margin-bottom: 5px; } footer.footer-type-7 .ps-list--link li a { color: var(--color-secondary); } footer.footer-type-7 .footer-links li { margin-bottom: 5px; } footer.footer-type-7 .list-download-app li { width: 120px; display: inline-block; margin-right: 8px; } footer.footer-type-7 .social_icons li a { height: 30px; width: 30px; line-height: 30px; font-size: 18px; border-radius: 50%; } footer.footer-type-7 .social_icons [class*=sc_] i { font-size: 16px; line-height: 30px; } footer.footer-type-7 .footer-copyright { font-size: 13px; text-align: center; } footer.footer-type-7 .footer-copyright ul { margin-bottom: 7px; flex-wrap: wrap; } @media screen and (min-width: 768px) { footer.footer-type-7 .footer-copyright ul li { padding-right: 20px; margin-right: 20px; border-right: 1px solid #2b2b2b; } } footer.footer-type-7 .footer-copyright p { text-align: center; margin-bottom: 7px; } footer.footer-type-8 .footer-body { font-size: 14px; background-color: #f7f5f2; padding: 0; color: #777; } footer.footer-type-8 .footer-top { padding: 40px 0; } footer.footer-type-8 .footer-bottom { padding: 20px 0; } footer.footer-type-8 .footer-social { margin-bottom: 30px; margin-top: 30px; } footer.footer-type-8 .footer-social .social_icons.style_colored li > a { background: #333; border: #333; } footer.footer-type-8 .wn-nav { margin-bottom: -10px; } footer.footer-type-8 .wn-nav > li { flex: auto; margin-bottom: 10px; } @media screen and (max-width: 480px) { footer.footer-type-8 .wn-nav > li { flex: 1 1 50%; } } footer.footer-type-8 .wn-nav > li > a { color: #888; font-size: 0.9rem; font-weight: 400; line-height: 1; text-transform: uppercase; font-family: var(--menu-font); justify-content: center; } footer.footer-type-9 .footer-menu { background: var(--footer-bg-secondary-color, #222); padding: 37px 0 0; } footer.footer-type-9 .footer-menu .menus li a { font-family: var(--menu-font); font-size: 16px; color: #252525; margin: 0 0 7px; } footer.footer-type-9 .footer-menu .menus > li { margin-bottom: 30px; } footer.footer-type-9 .footer-menu .menus > li > a { font-family: var(--menu-font); text-transform: uppercase; font-weight: 600; margin: 0 0 10px; display: block; } footer.footer-type-9 .footer-main { background: var(--footer-bg-color, #222); padding: 30px 0 15px; font-size: 13px; color: var(--footer-text-color, #fff); } footer.footer-type-9 .footer-main .footer-description p { margin-bottom: 5px; } footer.footer-type-9 .footer-copyright { background: var(--copyright-bg-color, #222); } footer.footer-type-9 .footer-copyright span, footer.footer-type-9 .footer-copyright p { font-size: 12px; color: #7d9295; padding: 13px; } @media screen and (max-width: 480px) { footer.footer-type-9 .footer-copyright span, footer.footer-type-9 .footer-copyright p { text-align: center; } } footer.footer-type-10 { background: #F6F5F0; padding: 10px 0; } footer.footer-type-10 a { color: #212529; } footer.footer-type-10 .office { margin-bottom: 10px; } footer.footer-type-10 .footer-top { padding-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #eee; } footer.footer-type-10 .footer-bottom { background-color: #f1f3f6; padding-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #eee; } footer.footer-type-10 .footer-content { display: flex; flex-flow: row nowrap; justify-content: space-between; } @media screen and (max-width: 960px) { footer.footer-type-10 .footer-content { flex-wrap: wrap; } footer.footer-type-10 .footer-content > div:first-child { width: 100%; } footer.footer-type-10 .footer-content > div { width: auto; } footer.footer-type-10 .footer-content .list-image-links { columns: 2; -webkit-columns: 2; -moz-columns: 2; } } @media screen and (max-width: 480px) { footer.footer-type-10 .footer-content > div:first-child { width: 100%; flex-basis: auto; } footer.footer-type-10 .footer-content > div:last-child { width: 100%; flex-basis: auto; } } footer.footer-type-10 .widget-title { min-height: 23px; font-size: 16px; text-transform: uppercase; margin-top: 0 !important; } footer.footer-type-10 .widget-content p { margin-bottom: 5px; } footer.footer-type-10 .ps-list--link li { display: block; margin-bottom: 5px; } footer.footer-type-10 .ps-list--link li a { color: var(--color-secondary); } footer.footer-type-10 .footer-links li { margin-bottom: 5px; } footer.footer-type-10 .list-download-app li { width: 120px; display: inline-block; margin-right: 8px; } footer.footer-type-10 .social_icons li a { height: 30px; width: 30px; line-height: 30px; font-size: 18px; border-radius: 50%; } footer.footer-type-10 .social_icons [class*=sc_] i { font-size: 16px; line-height: 30px; } footer.footer-type-10 .footer-copyright { font-size: 13px; text-align: center; } footer.footer-type-10 .footer-copyright ul { margin-bottom: 7px; flex-wrap: wrap; } @media screen and (min-width: 768px) { footer.footer-type-10 .footer-copyright ul li { padding-right: 20px; margin-right: 20px; border-right: 1px solid #2b2b2b; } } footer.footer-type-10 .footer-copyright p { text-align: center; margin-bottom: 7px; } footer .widget_nav_menu { box-shadow: none !important; } footer .widget_nav_menu .widget-title { padding: 0; } footer .widget_nav_menu .menu-item .toggle-icon { display: none; } footer .widget_nav_menu .menu-item a { min-height: auto; text-transform: none; font-size: 16px; padding: 0 !important; } footer .widget_nav_menu .menu-item a:hover { background-color: transparent !important; color: var(--color-primary); } .menu-footer-horizontal { position: relative; flex: 1 1 0%; display: flex; flex-wrap: nowrap; } .menu-footer-horizontal li { padding: 10px 15px; border-right: 1px solid var(--footer-bg-color, #000); border-left: 1px solid var(--footer-bg-secondary-color, #4b4b4b); } .menu-footer-horizontal li:hover { background: #333; } .menu-footer-horizontal li a { color: #fff; text-transform: uppercase; font-weight: normal; font-size: 15px; } .menu-footer-horizontal li a:hover { text-decoration: underline !important; } .menu-footer-horizontal li:first-child { border-left: none; } .menu-footer-horizontal li.fr { margin-left: auto; border: none; } @media screen and (max-width: 480px) { .menu-footer-horizontal { flex-wrap: wrap; } .menu-footer-horizontal li { flex: 0 0 50%; max-width: 50%; padding: 5px 10px; text-align: center; } .menu-footer-horizontal li.link-home { display: none; } .menu-footer-horizontal li:last-child { border-right: none !important; } .menu-footer-horizontal li.fr { flex: 0 0 100%; max-width: 100%; text-align: center; } .menu-footer-horizontal li a { font-size: 12px; } } .wn-nav { display: inline-flex; flex-wrap: wrap; margin-right: -8px; margin-left: -8px; text-align: left; height: 100%; align-items: center; } .wn-nav > li { position: relative; text-align: center; flex: 1; padding-right: 10px; padding-left: 10px; } .wn-nav > li > a { position: relative; display: flex; align-items: center; flex-direction: row; font-weight: 600; font-size: 13px; text-transform: uppercase; line-height: 1.2; text-transform: uppercase; color: #fff; padding-bottom: 0; } .icon_social { text-align: center; } .icon_social a { margin: 0 10px; } .f12 { font-size: 12px !important; line-height: 16px; } .social_icons { margin: -5px; padding: 0; } .social_icons li { display: inline-block; padding: 5px; } .social_icons li a { font-size: 15px; color: #000; height: 24px; width: 24px; line-height: 24px; display: inline-block; text-align: center; vertical-align: middle; overflow: hidden; } .social_icons.shape_circle li a { border-radius: 50%; } .social_icons.size_medium li a { width: 32px; height: 32px; line-height: 32px; font-size: 18px; } .social_icons.size_large li a { width: 40px; height: 40px; line-height: 40px; font-size: 20px; } .social_icons.style_default li a:hover { color: #fff; } .social_icons.style_default .sc_facebook:hover { background-color: #3b5998; border-color: #3b5998; } .social_icons.style_default .sc_twitter:hover { background-color: #00acee; border-color: #00acee; } .social_icons.style_default .sc_google:hover { background-color: #d34836; border-color: #d34836; } .social_icons.style_default .sc_zalo i { background: url("/frontend/images/svgs/zalo_wicon.svg") center center no-repeat; background-size: 13px auto !important; width: 24px; height: 24px; } .social_icons.style_default .sc_youtube:hover { background-color: #c4302b; border-color: #c4302b; } .social_icons.style_default .sc_instagram:hover { background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); border-color: #d6249f; } .social_icons.style_default .sc_pinterest:hover { background-color: #CB2027; border-color: #CB2027; } .social_icons.style_default .sc_linkedin:hover { background-color: #0077B7; border-color: #0077B7; } .social_icons.style_default .sc_tiktok:hover { background-color: #000; border-color: #000; } .social_icons.style_default .sc_rss:hover { background-color: #E67329; border-color: #E67329; } .social_icons.style_colored li a { color: #fff; } .social_icons.style_colored li a i { color: inherit; } .social_icons.style_colored .sc_facebook { background-color: #3b5998; border-color: #3b5998; } .social_icons.style_colored .sc_facebook:hover { background-color: #3b5998; border-color: #3b5998; } .social_icons.style_colored .sc_twitter { background-color: #00acee; border-color: #00acee; } .social_icons.style_colored .sc_twitter:hover { background-color: #00acee; border-color: #00acee; } .social_icons.style_colored .sc_google { background-color: #d34836; border-color: #d34836; } .social_icons.style_colored .sc_google:hover { background-color: #d34836; border-color: #d34836; } .social_icons.style_colored .sc_zalo { background-color: #018fe5; border-color: #018fe5; } .social_icons.style_colored .sc_zalo i { background: url("/frontend/images/svgs/zalo_wicon.svg") center center no-repeat; background-size: 13px auto !important; width: 24px; height: 24px; } .social_icons.style_colored .sc_youtube { background-color: #c4302b; border-color: #c4302b; } .social_icons.style_colored .sc_youtube:hover { background-color: #c4302b; border-color: #c4302b; } .social_icons.style_colored .sc_instagram { background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); border-color: #d6249f; } .social_icons.style_colored .sc_instagram:hover { background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); border-color: #d6249f; } .social_icons.style_colored .sc_pinterest { background-color: #CB2027; border-color: #CB2027; } .social_icons.style_colored .sc_pinterest:hover { background-color: #CB2027; border-color: #CB2027; } .social_icons.style_colored .sc_linkedin { background-color: #0077B7; border-color: #0077B7; } .social_icons.style_colored .sc_linkedin:hover { background-color: #0077B7; border-color: #0077B7; } .social_icons.style_colored .sc_tiktok { background-color: #000; border-color: #000; } .social_icons.style_colored .sc_tiktok:hover { background-color: #000; border-color: #000; } .social_icons.style_colored .sc_rss { background-color: #E67329; border-color: #E67329; } .social_icons.style_outline li a { border: 1px solid #ccc; color: #4d4d4d; } .social_icons.style_outline li a:hover { color: #fff; } .social_icons.style_outline .sc_facebook:hover { background-color: #3b5998; border-color: #3b5998; } .social_icons.style_outline .sc_twitter:hover { background-color: #00acee; border-color: #00acee; } .social_icons.style_outline .sc_google:hover { background-color: #d34836; border-color: #d34836; } .social_icons.style_outline .sc_zalo i { background: url("/frontend/images/svgs/zalo_wicon.svg") center center no-repeat; background-size: 13px auto !important; width: 24px; height: 24px; } .social_icons.style_outline .sc_youtube:hover { background-color: #c4302b; border-color: #c4302b; } .social_icons.style_outline .sc_instagram:hover { background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); border-color: #d6249f; } .social_icons.style_outline .sc_pinterest:hover { background-color: #CB2027; border-color: #CB2027; } .social_icons.style_outline .sc_linkedin:hover { background-color: #0077B7; border-color: #0077B7; } .social_icons.style_outline .sc_tiktok:hover { background-color: #000; border-color: #000; } .social_icons.style_outline .sc_rss:hover { background-color: #E67329; border-color: #E67329; } .social_icons [class*=sc_] { transition: all 0.3s ease-in-out; } .social_icons [class*=sc_] i { display: block; line-height: inherit; } @media (max-width: 767px) { .footer-left { margin-bottom: 20px; } } .block-partners { background: #f9f9f9; padding: 20px 0 35px; display: block; width: 100%; } @media screen and (max-width: 480px) { .block-partners { padding: 15px 0; } } .block-partners .title-box-category { margin-bottom: 10px; } .block-partners .title-box-category.default { height: auto; border-bottom: none !important; } .block-partners .title-box-category .inner-title { font-family: var(--heading-font); color: var(--color-primary); padding-left: 0 !important; } .block-partners .title-box-category .inner-title:before { content: none !important; } .block-partners .partners-wrapper { overflow: hidden; padding: 15px 0; border-bottom: 2px solid var(--color-primary); border-top: 2px solid var(--color-primary); width: 100%; } .block-partners .list-partners-logo { width: 100%; display: block; margin: 0; } .block-partners .list-partners-logo .partner { padding: 0 10px; } .block-partners .list-partners-logo .partner > a { display: block; background: #fff; border: 1px solid #eee; position: relative; overflow: hidden; padding-bottom: 66.67%; } .block-partners .list-partners-logo img { max-width: 90%; width: auto !important; -o-object-fit: contain; object-fit: contain; height: 90% !important; position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* body */ /* End body */ /* Slider */ /* End Slider */ /* Top Nav */ /* End Top Nav */ /* Card Design */ /* End Card Design */ /* Tab Design */ /* End Tab */ /* Login Page Designs */ /* End Login Page Designs */ /* People List */ /* End People List */ /* Job List */ /* End Job List */ /* Network Item */ /* End Network Item */ /* Extra */ /* Extra End */ /* Mobile Media */ /* End Mobile Media */ body { background: #fff; font-size: 16px; font-family: var(--primary-font); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.layout_boxed { background: #fff url("/frontend/images/body-bg7.png"); } table { width: 100%; } table th { text-align: left; border: 1px solid #ededed; padding: 2px; } table td { border: 1px solid #ededed; padding: 2px 5px; } table td p { padding: 7px 0; margin: 0; } @media screen and (max-width: 767px) { table td { padding: 2px; text-align: center; } } table .odd td { background-color: #fcfcfc; } #wrapper { margin: 0 auto; width: 100%; flex-grow: 1; background: #fff; color: #000; } #wrapper.type_boxed { max-width: 1140px; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.8); } .osahan-nav-top .container { padding: 0 16px; } .osahan-nav-top .img-profile { width: 30px; height: 30px; } .osahan-nav-top .osahan-list-dropdown .nav-link i { font-size: 16px; } .osahan-nav-top .osahan-list-dropdown .nav-link .badge { position: absolute; border-radius: 50px; min-width: 15px; height: 15px; font-size: 9px; padding: 0px; right: 1px; line-height: 15px; top: 11px; } .osahan-nav-top .nav-link { position: relative; height: 55px; display: flex; align-items: center; } .osahan-nav-top .navbar-search .form-control { background: #132028; } .osahan-nav-top .navbar-search .btn { background: #132028 !important; color: #74828e; } .dropdown-list { padding: 0; border: none; overflow: hidden; width: 20rem !important; } .dropdown-list .dropdown-item { white-space: normal; padding-top: 0.5rem; padding-bottom: 0.5rem; border-left: 1px solid #e3e6f0; border-right: 1px solid #e3e6f0; border-bottom: 1px solid #e3e6f0; line-height: 1.3rem; } .dropdown-list .dropdown-header { background-color: #1d2f38; border: 1px solid #1d2f38; color: #fff; font-weight: 800; font-size: 14px; padding: 0.8rem 1rem; } .dropdown-list .icon-circle { height: 2.5rem; width: 2.5rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; } .box.border { border: 1px solid #ffffff !important; } .osahan-line-tab .nav-link { font-size: 14px; font-weight: 500; padding: 1rem !important; color: #333; position: relative; } .osahan-line-tab .nav-link.active { color: #007bff; } .osahan-line-tab .nav-link.active:after { content: ""; background: linear-gradient(256deg, #00c9e4 0%, #007bff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#007bff", endColorstr="#00c9e4",GradientType=1 ); height: 3px; position: absolute; bottom: -2px; left: 0; right: 0; } .osahan-login .form-control { background: #f8fafc; border-color: #eaebec; } .icon-form-control i { display: flex; top: 0; bottom: 0; align-items: center; font-size: 16px; justify-content: center; width: 40px; } .icon-form-control .form-control { padding-left: 40px; } label { font-weight: 500; } .custom-control label { line-height: 22px; font-weight: 400; } .btn-outline-instagram { border-color: #2a5b83; background-color: #2a5b83; color: #fff; } .btn-outline-linkedin { border-color: #187fb9; background-color: #187fb9; color: #fff; } .btn-outline-facebook { border-color: #43619d; background-color: #43619d; color: #fff; } .people-list .font-weight-bold { font-weight: 500 !important; word-break: break-all; overflow: hidden; white-space: nowrap; } .people-list .font-weight-bold div { text-overflow: ellipsis; overflow: hidden; } .people-list .btn-sm, .people-list .btn-group-sm > .btn { font-size: 0.8rem; } .job-item-header .img-fluid { width: 40px; height: 40px; } .job-item-2 .img-fluid { width: 40px; height: 40px; } .overlap-rounded-circle { margin-right: 9px; padding-left: 9px; } .overlap-rounded-circle .rounded-circle { width: 22px; height: 22px; border: 2px solid #fff; margin: 0 0 0 -9px; } .image-overlap-2 .img-fluid { width: 75px; height: 75px; border: 4px solid #fff; margin: 0 -12px; } a { text-decoration: none !important; outline: none !important; } div { outline: none !important; } .col { padding-right: 8px; padding-left: 8px; } .col-1 { padding-right: 8px; padding-left: 8px; } .col-10 { padding-right: 8px; padding-left: 8px; } .col-11 { padding-right: 8px; padding-left: 8px; } .col-12 { padding-right: 8px; padding-left: 8px; } .col-2 { padding-right: 8px; padding-left: 8px; } .col-3 { padding-right: 8px; padding-left: 8px; } .col-4 { padding-right: 8px; padding-left: 8px; } .col-5 { padding-right: 8px; padding-left: 8px; } .col-6 { padding-right: 8px; padding-left: 8px; } .col-7 { padding-right: 8px; padding-left: 8px; } .col-8 { padding-right: 8px; padding-left: 8px; } .col-9 { padding-right: 8px; padding-left: 8px; } .col-auto { padding-right: 8px; padding-left: 8px; } .col-lg { padding-right: 8px; padding-left: 8px; } .col-lg-1 { padding-right: 8px; padding-left: 8px; } .col-lg-10 { padding-right: 8px; padding-left: 8px; } .col-lg-11 { padding-right: 8px; padding-left: 8px; } .col-lg-12 { padding-right: 8px; padding-left: 8px; } .col-lg-2 { padding-right: 8px; padding-left: 8px; } .col-lg-3 { padding-right: 8px; padding-left: 8px; } .col-lg-4 { padding-right: 8px; padding-left: 8px; } .col-lg-5 { padding-right: 8px; padding-left: 8px; } .col-lg-6 { padding-right: 8px; padding-left: 8px; } .col-lg-7 { padding-right: 8px; padding-left: 8px; } .col-lg-8 { padding-right: 8px; padding-left: 8px; } .col-lg-9 { padding-right: 8px; padding-left: 8px; } .col-lg-auto { padding-right: 8px; padding-left: 8px; } .col-md { padding-right: 8px; padding-left: 8px; } .col-md-1 { padding-right: 8px; padding-left: 8px; } .col-md-10 { padding-right: 8px; padding-left: 8px; } .col-md-11 { padding-right: 8px; padding-left: 8px; } .col-md-12 { padding-right: 8px; padding-left: 8px; } .col-md-2 { padding-right: 8px; padding-left: 8px; } .col-md-3 { padding-right: 8px; padding-left: 8px; } .col-md-4 { padding-right: 8px; padding-left: 8px; } .col-md-5 { padding-right: 8px; padding-left: 8px; } .col-md-6 { padding-right: 8px; padding-left: 8px; } .col-md-7 { padding-right: 8px; padding-left: 8px; } .col-md-8 { padding-right: 8px; padding-left: 8px; } .col-md-9 { padding-right: 8px; padding-left: 8px; } .col-md-auto { padding-right: 8px; padding-left: 8px; } .col-sm { padding-right: 8px; padding-left: 8px; } .col-sm-1 { padding-right: 8px; padding-left: 8px; } .col-sm-10 { padding-right: 8px; padding-left: 8px; } .col-sm-11 { padding-right: 8px; padding-left: 8px; } .col-sm-12 { padding-right: 8px; padding-left: 8px; } .col-sm-2 { padding-right: 8px; padding-left: 8px; } .col-sm-3 { padding-right: 8px; padding-left: 8px; } .col-sm-4 { padding-right: 8px; padding-left: 8px; } .col-sm-5 { padding-right: 8px; padding-left: 8px; } .col-sm-6 { padding-right: 8px; padding-left: 8px; } .col-sm-7 { padding-right: 8px; padding-left: 8px; } .col-sm-8 { padding-right: 8px; padding-left: 8px; } .col-sm-9 { padding-right: 8px; padding-left: 8px; } .col-sm-auto { padding-right: 8px; padding-left: 8px; } .col-xl { padding-right: 8px; padding-left: 8px; } .col-xl-1 { padding-right: 8px; padding-left: 8px; } .col-xl-10 { padding-right: 8px; padding-left: 8px; } .col-xl-11 { padding-right: 8px; padding-left: 8px; } .col-xl-12 { padding-right: 8px; padding-left: 8px; } .col-xl-2 { padding-right: 8px; padding-left: 8px; } .col-xl-3 { padding-right: 8px; padding-left: 8px; } .col-xl-4 { padding-right: 8px; padding-left: 8px; } .col-xl-5 { padding-right: 8px; padding-left: 8px; } .col-xl-6 { padding-right: 8px; padding-left: 8px; } .col-xl-7 { padding-right: 8px; padding-left: 8px; } .col-xl-8 { padding-right: 8px; padding-left: 8px; } .col-xl-9 { padding-right: 8px; padding-left: 8px; } .col-xl-auto { padding-right: 8px; padding-left: 8px; } .row { margin-right: -8px; margin-left: -8px; } .osahan-share-post textarea { resize: none; } .text-success { color: #00c9a7 !important; } .text-danger { color: #de4437 !important; } .text-warning { color: #ffc107 !important; } .text-info { color: #00dffc !important; } .bg-success { background-color: #00c9a7 !important; } .bg-danger { background-color: #de4437 !important; } .bg-warning { background-color: #ffc107 !important; } .bg-info { background-color: #00dffc !important; } .badge-success { color: #fff; background-color: #00c9a7; } .badge-danger { color: #fff; background-color: #de4437; } .badge-warning { color: #1e2022; background-color: #ffc107; } .badge-info { color: #1e2022; background-color: #00dffc; } .border { border: 1px solid #eaebec !important; } .card { border: 1px solid #eaebec !important; } .border-top { border-top: 1px solid #eaebec !important; } .border-bottom { border-bottom: 1px solid #eaebec !important; } .border-left { border-left: 1px solid #eaebec !important; } .border-right { border-right: 1px solid #eaebec !important; } .list-group-item { border-color: #eaebec !important; } .btn-light { color: var(--color-primary); background-color: #ebf1fd; border-color: #ebf1fd; } .btn-light:hover { color: var(--color-primary); background-color: #ffffff; border-color: var(--color-primary); } .btn-primary-gradient { background: linear-gradient(256deg, #00c9e4 0%, var(--color-primary) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$color-primary", endColorstr="#00c9e4",GradientType=1 ); border-color: var(--color-primary); } .btn-primary { background-color: var(--color-primary); border-color: var(--color-primary); } .btn-rounded { border-radius: 30px; } .waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .btn-outline-primary { color: var(--color-primary); border-color: var(--color-primary); } .text-gold { color: #d3ac2b; } .btn-outline-gold { color: #d3ac2b; border-color: #d3ac2b; } .btn-outline-gold:hover { color: #ffffff; background-color: #d3ac2b; border-color: #d3ac2b; } .form-control { border-color: #b7b9cc; font-size: 14px; } .dropdown-menu { border-color: #eaebec; } .dropdown-item { padding: 6px 1rem; } .btn-outline-secondary { color: #b7b9cc; border-color: #b7b9cc; } .btn-outline-secondary:hover { color: #ffffff; border-color: #b7b9cc; background-color: #b7b9cc; } .btn-outline-secondary:focus { color: #ffffff; border-color: #b7b9cc; background-color: #b7b9cc; } .bg-dark { background: #1d2f38 !important; } .btn { font-size: 14px; } .text-dark { color: #1d2f38 !important; } .small { font-size: 12px; } small { font-size: 12px; } .no-arrow .dropdown-toggle::after { display: none; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dropdown .dropdown-menu { font-size: 0.85rem; } .text-gray-500 { color: #b7b9cc !important; } .dropdown-list-image { position: relative; height: 2.5rem; width: 2.5rem; } .dropdown-list-image img { height: 2.5rem; width: 2.5rem; } .dropdown-list-image .status-indicator { background-color: #eaecf4; height: 0.75rem; width: 0.75rem; border-radius: 100%; position: absolute; bottom: 0; right: 0; border: 0.125rem solid #fff; } .captcha { min-width: 120px; } .captcha span { cursor: pointer; } @media (max-width: 768px) { .osahan-nav-top .dropdown-menu { width: 100% !important; } .osahan-nav-top .nav-item.dropdown { position: unset; } .osahan-line-tab .nav-link { font-size: 13px; } .job-tags .btn { margin: 3px 1px !important; } .profile-right { display: inline-grid; } .profile-right .btn { margin: 2px 0 !important; } } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1320px !important; } } @keyframes marquee { 100% { transform: translate(-100%, 0); } } .items-center { align-items: center; } ul { padding: 0; margin-bottom: 0; list-style-type: none; } h1, h2, h3, h4, h5, h6 { font-family: var(--heading-font); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } .font-weight-600 { font-weight: 600; } .font-weight-500 { font-weight: 500; } .language_list { margin-left: 10px; } .language_list li { display: inline-block; } .language_list li img { height: 14px; width: 22px; -o-object-fit: cover; object-fit: cover; } .thumb { display: block; overflow: hidden; height: 0; position: relative; width: 100%; background: #f4f4f4; } .width_common { width: 100%; float: left; position: relative; } .thread-editor { background: #e1efe6; padding: 12px 10px; } .page-title { background-color: #192433; text-align: center; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; } .page-title:before { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .page-title .page-title-text { padding: 12px; font-size: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 12px; } .error { display: none; width: 100%; margin-top: 0.25rem; color: #dc3545; } .title-box-category, .block-title a, .widget .widget-title { font-family: var(--primary-font); font-weight: 600; } @media (min-width: 991px) { .thread-editor { padding: 15px 15px; margin-bottom: 22px; border-radius: 6px; } } @media (max-width: 468px) { .thread-editor { margin-bottom: 15px; width: 100%; } .page-title { font-size: 22px; text-align: center; } } .osahan-post-header { padding-bottom: 5px !important; } .hide { display: none; } .article-image-box > .image { position: relative; display: block; overflow: hidden; background-repeat: no-repeat; background-position: 50%; background-size: 40%; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48ZyBmaWxsPSIjY2NjIj48cGF0aCBkPSJNMjUgMjh2NDNoNTVWMjhIMjV6bTUxIDM4SDMwVjMzaDQ1djM0Ii8+PHBhdGggZD0iTTMzIDYzbDEzLTExIDQgMyA5LTEyIDMgNiAzLTIgNyAxNnoiLz48Y2lyY2xlIGN4PSI0NSIgY3k9IjQxIiByPSI1Ii8+PC9nPjwvc3ZnPg==); background-color: #f7f7f7; } .article-image-box > .image > img { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: 50%; -o-object-fit: cover; object-fit: cover; } .article-image-box > .image img { transition: all 0.5s ease-in-out; transform: scale(1); } .article-image-box > .image-medium { padding-bottom: 60%; } .article-image-box .cat { position: absolute; bottom: 10px; left: 10px; z-index: 1; } .article-image-box .cat .badge { padding: 5px 10px; } .action-panel { padding: 5px 1rem; } .action-panel .social-button { position: relative; align-items: center; display: flex; flex: 1 0 0%; justify-content: center; cursor: pointer; font-weight: 600; color: #484848; } .action-panel .social-button > a { color: #000; padding: 8px 10px; flex: 1; text-align: center; } .action-panel .social-button:hover { background-color: #f4f4f4; border-radius: 4px; } .action-panel .social-button .share-popup { width: 100%; } .osahan-post-body .article { margin: 0 -1rem; } .osahan-post-body .article-title { background: #f5f2f2; margin-top: 0; font-size: 17px; padding: 15px; font-weight: 700; color: #000; margin-bottom: -1rem; } .osahan-post-body .article-title a { color: inherit; } .category-title { font-size: 20px; margin-bottom: 0; text-align: center; font-weight: bold; color: var(--color-primary); } .sidebar-menu .widget-title { padding: 0.5rem 15px; } .sidebar-menu li { position: relative; display: block; padding: 5px 0; } .sidebar-menu li a { display: flex; align-items: center; flex-direction: row; padding: 0px 20px; min-height: 40px; color: var(--color-primary); text-transform: uppercase; letter-spacing: 0.2px; font-weight: 400; font-size: 14px; line-height: 1.3; font-family: var(--color-primary); } .sidebar-menu .menu-item .toggle-icon { position: absolute; top: 0; right: 0; padding-right: 0; width: 50px; height: 50px; color: #2d2a2a; text-align: center; line-height: 50px; cursor: pointer; transition: background-color 0.25s ease, color 0.25s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .sidebar-menu .menu-item .sub-menu { display: none; padding: 0; } .sidebar-menu .menu-item .sub-menu li a { color: #777; font-size: 15px; text-transform: none; } .sidebar-menu .type-vertical .list-group-item { border-top: none; color: #000; background: transparent; border: none; padding: 0.3rem 1rem; border-radius: 0 !important; width: 100%; } .sidebar-menu .type-vertical .list-group-item:hover, .sidebar-menu .type-vertical .list-group-item.active { background-color: #E4E6E9; border-radius: 4px; } .sidebar-menu .type-vertical .list-group-item .dropdown-list-image { text-align: center; line-height: 2.5rem; color: var(--color-primary); } .sidebar-menu .type-vertical .list-group-item .dropdown-list-image i { font-size: 30px; vertical-align: middle; } .sidebar-menu .type-tags { display: block; padding: 10px; } .sidebar-menu .type-tags .menu-item { font-size: 14px; padding: 5px 10px; display: inline-block; margin: 0 5px 5px 0; background-color: var(--color-primary); color: #fff; font-weight: 600; font-style: normal; border-radius: 50px; } .sidebar-menu .type-tags .menu-item:hover, .sidebar-menu .type-tags .menu-item.active { background-color: var(--color-secondary); } .sidebar-menu .type-tags .menu-item a { padding: 0; color: #fff; border: none; line-height: normal; min-height: auto; background: transparent; } .sidebar-menu .type-tags .menu-item a .dropdown-list-image { display: none; } .sidebar-menu .type-tags .menu-item a:hover { background-color: transparent !important; } .sidebar-menu .type-text_link { display: flex; flex-wrap: wrap; padding: 0px; } .sidebar-menu .type-text_link li a { padding: 0 !important; min-height: auto; padding-left: 20px !important; line-height: 26px; text-transform: none; border: none; color: var(--color-primary) !important; } .sidebar-menu .type-text_link li a .dropdown-list-image { display: none; } .sidebar-menu .type-text_link li a::before { font-family: "Font Awesome 5 Pro"; position: absolute; content: "\F054"; width: 12px; height: 12px; line-height: 12px; top: 6px; left: 0px; font-size: 12px; } .sidebar-menu .type-text_link .menu-item { font-size: 14px; font-weight: 600; font-style: normal; flex: 0 0 25%; max-width: 25%; } @media screen and (max-width: 480px) { .sidebar-menu .type-text_link .menu-item { flex: 0 0 50%; max-width: 50%; } } .sidebar-menu .type-text_link .menu-item.has-sub-menu { margin-bottom: 10px; } .sidebar-menu .type-text_link .menu-item.has-sub-menu .sub-menu { display: block; } .sidebar-menu .type-text_link .menu-item.has-sub-menu > a { padding-left: 0 !important; color: #273879; font-size: 15px; line-height: 1.43; margin-bottom: 12px; font-weight: 600; } .sidebar-menu .type-text_link .menu-item.has-sub-menu > a::before { content: none; } .rounded { border-radius: 0.45rem !important; } .sticky { position: sticky; top: 65px; /*left: 10px;*/ /*right: 20px;*/ /*bottom: 10px;*/ } .sticky-js { z-index: 1; } .styled-radio input[type=radio] { position: absolute; opacity: 0; } .styled-radio input[type=radio] + label { margin-bottom: 0; color: #333; font-weight: normal; cursor: pointer; } .styled-radio input[type=radio] + label:before { content: ""; border-radius: 100%; border: 1px solid #7d7d7d; display: inline-block; width: 1.2em; height: 1.2em; top: -1px; position: relative; margin-right: 0.5em; vertical-align: middle; cursor: pointer; text-align: center; } .styled-radio input[type=radio]:checked + label:before, .styled-radio input[type=radio]:hover + label:before { background-color: var(--color-primary); box-shadow: inset 0 0 0 3px #fff; border: 1px solid var(--color-primary); } .styled-radio input[type=radio]:focus + label:before { outline: none; border-color: var(--color-primary); } .styled-radio input[type=radio]:disabled + label:before { box-shadow: inset 0 0 0 4px #b4b4b4; border-color: #747474; background: #747474; } .styled-radio input[type=radio] + label:empty:before { margin-right: 0; } .styled-checkbox { position: absolute; opacity: 0; } .styled-checkbox + label { position: relative; cursor: pointer; padding: 0; font-weight: 500; margin-bottom: 0; } .styled-checkbox + label:before { content: ""; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 16px; height: 16px; background: white; border: 1px solid #c0c0c0; border-radius: 4px; } .styled-checkbox:hover + label:before { background: var(--color-primary); } .styled-checkbox:focus + label:before { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); } .styled-checkbox:checked + label:before { background: var(--color-primary); border: none; } .styled-checkbox:disabled + label { color: #b8b8b8; cursor: auto; } .styled-checkbox:disabled + label:before { box-shadow: none; background: #ddd; } .styled-checkbox:checked + label:after { content: ""; position: absolute; top: 3px; left: 5px; box-sizing: border-box; width: 6px; height: 10px; transform: rotate(45deg); border-width: 2px; border-style: solid; border-color: #fff; border-top: 0; border-left: 0; } .inline-block { display: inline-block; } #subcribe_submit_form, .general_submit_form, .general-page-inner { z-index: 1; position: relative; } #subcribe_submit_form input:not([type=checkbox]), #subcribe_submit_form select, .general_submit_form input:not([type=checkbox]), .general_submit_form select, .general-page-inner input:not([type=checkbox]), .general-page-inner select { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 40px; outline: 0 !important; box-shadow: none !important; border-radius: 0; } #subcribe_submit_form .form-group, .general_submit_form .form-group, .general-page-inner .form-group { margin-bottom: 15px; } #subcribe_submit_form .gender, .general_submit_form .gender, .general-page-inner .gender { margin-bottom: 15px; } #subcribe_submit_form .gender .styled-radio, .general_submit_form .gender .styled-radio, .general-page-inner .gender .styled-radio { margin-right: 10px; } #subcribe_submit_form textarea.form-control, .general_submit_form textarea.form-control, .general-page-inner textarea.form-control { height: auto; padding: 10px 12px; border-radius: 0; } #subcribe_submit_form .btn-order, .general_submit_form .btn-order, .general-page-inner .btn-order { color: #fff; display: block; padding-top: 15px; padding-bottom: 15px; background-color: var(--color-primary); height: auto; width: 100%; margin-top: 15px; } #subcribe_submit_form .btn-order:hover, .general_submit_form .btn-order:hover, .general-page-inner .btn-order:hover { background: var(--color-secondary); } #subcribe_submit_form .wrap-shipping-address, .general_submit_form .wrap-shipping-address, .general-page-inner .wrap-shipping-address { margin-bottom: 15px; } #subcribe_submit_form .wrap-shipping-address .shipping-address, .general_submit_form .wrap-shipping-address .shipping-address, .general-page-inner .wrap-shipping-address .shipping-address { overflow: visible; background: #f6f6f6; margin: 10px -1.5rem 0; padding: 10px 25px 10px; position: relative; border-top: 1px solid #ddd; } #subcribe_submit_form .wrap-shipping-address .shipping-address:before, #subcribe_submit_form .wrap-shipping-address .shipping-address:after, .general_submit_form .wrap-shipping-address .shipping-address:before, .general_submit_form .wrap-shipping-address .shipping-address:after, .general-page-inner .wrap-shipping-address .shipping-address:before, .general-page-inner .wrap-shipping-address .shipping-address:after { content: ""; position: absolute; bottom: 100%; left: 75px; width: 0; height: 0; border-bottom: 10px solid #ccc; border-left: 10px solid transparent; border-right: 10px solid transparent; } #subcribe_submit_form .wrap-shipping-address .shipping-address:after, .general_submit_form .wrap-shipping-address .shipping-address:after, .general-page-inner .wrap-shipping-address .shipping-address:after { border-width: 9px; margin-left: 1px; border-bottom-color: #f6f6f6; } #subcribe_submit_form .wrap-shipping-address .styled-radio input[type=radio] + label:before, .general_submit_form .wrap-shipping-address .styled-radio input[type=radio] + label:before, .general-page-inner .wrap-shipping-address .styled-radio input[type=radio] + label:before { width: 16px; height: 16px; } #subcribe_submit_form .wrap-payment-method, .general_submit_form .wrap-payment-method, .general-page-inner .wrap-payment-method { margin-bottom: 15px; margin-top: 15px; } #subcribe_submit_form .wrap-payment-method .choose-payment-method, .general_submit_form .wrap-payment-method .choose-payment-method, .general-page-inner .wrap-payment-method .choose-payment-method { border: 1px solid #eaeaea; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } #subcribe_submit_form .wrap-payment-method .choose-payment-method .payment-item, .general_submit_form .wrap-payment-method .choose-payment-method .payment-item, .general-page-inner .wrap-payment-method .choose-payment-method .payment-item { padding: 0 15px; transition: all 0.3s; line-height: 65px; } #subcribe_submit_form .wrap-payment-method .choose-payment-method .payment-item:not(:last-child), .general_submit_form .wrap-payment-method .choose-payment-method .payment-item:not(:last-child), .general-page-inner .wrap-payment-method .choose-payment-method .payment-item:not(:last-child) { border-bottom: 1px solid #eaeaea; } #subcribe_submit_form .wrap-payment-method .choose-payment-method .payment-item:hover, .general_submit_form .wrap-payment-method .choose-payment-method .payment-item:hover, .general-page-inner .wrap-payment-method .choose-payment-method .payment-item:hover { background: #f0f0f0; } #subcribe_submit_form .wrap-payment-method .choose-payment-method .styled-radio input[type=radio]:not(:checked) + label, .general_submit_form .wrap-payment-method .choose-payment-method .styled-radio input[type=radio]:not(:checked) + label, .general-page-inner .wrap-payment-method .choose-payment-method .styled-radio input[type=radio]:not(:checked) + label { color: #8a8a8a; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #2a67a9; } .widget .article-title { font-family: var(--post-title-font); font-size: 15px; color: #333; margin-bottom: 0; font-weight: 600; line-height: 1.4; } .widget .article-title a { color: inherit; } .widget .style_img_left .image-wrapper { min-width: 130px; flex: 0 0 auto; width: 130px; } .widget .hashtag { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; color: #bab9b9; margin-bottom: 0; } .widget .info-wrapper { overflow: hidden; } .widget-timeline .item a { border-radius: 4px; } .widget-timeline .item a:hover { background: #eeeff2; } .widget-timeline.type-3 .item .image-wrapper .image { padding-bottom: 28%; } .widget-timeline.type-3 .item .image-wrapper .image:after { background: linear-gradient(268deg, transparent, rgba(175, 20, 25, 0.95)); } .widget-timeline.type-3 .item:nth-child(2) .image:after { background: linear-gradient(268deg, transparent, rgb(0, 84, 165)); } .widget-timeline.type-3 .item:nth-child(3) .image:after { background: linear-gradient(268deg, transparent, #7F15A5); } .widget-timeline.type-3 .item:nth-child(4) .image:after { background: linear-gradient(268deg, transparent, #124860); } .widget-timeline.type-3 .item:nth-child(5) .image:after { background: linear-gradient(268deg, transparent, #cda52f); } .widget-timeline.type-3 .title-over-image .article-title { padding: 15px 60px 15px 15px; font-size: 16px; } .widget-timeline.type-3 .title-over-image .article-title span { text-overflow: ellipsis; display: block; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .title-over-image .image:after { width: 100%; height: 100%; background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.7) 100%); content: ""; position: absolute; bottom: 0; left: 0; } .title-over-image .article-title, .title-over-image .content { position: absolute; bottom: 0; left: 0; color: #fff; padding: 15px 15px 15px 45px; margin-bottom: 0; font-size: 15px; font-weight: bold; z-index: 1; width: 100%; } .title-over-image .article-title > .title > a, .title-over-image .content > .title > a { color: #fff !important; } .widget-most-view.type-default .item .article-title { font-size: 14px; text-overflow: ellipsis; display: block; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .widget-most-view.type-default .item a { padding: 6px; border-radius: 8px; display: flex; flex-direction: row; align-items: flex-start; } .widget-most-view.type-default .item a:hover { background-color: #eeeff2; } .widget-most-view.type-default .item .number-top-view { font-family: Merriweather, serif; font-size: 18px; width: 25px; text-align: center; color: #fff; font-weight: 700; position: absolute; top: 0px; background: var(--color-secondary); padding: 0 5px; left: 0; font-feature-settings: "pnum" on, "lnum" on; } .widget-most-view.type-2 .item { counter-increment: step; position: relative; padding: 15px 15px 15px 50px; border-radius: 5px; } .widget-most-view.type-2 .item:nth-child(odd) { background: #f4f6fa; } .widget-most-view.type-2 .item:before { content: counter(step, decimal); font-size: 32px; color: #adadad; position: absolute; top: 50%; left: 15px; line-height: 1; font-family: "Noto Serif", serif; font-weight: bold; margin-top: -20px; } .widget-most-view.type-2 .item .article-title { font-size: 16px; } .widget-most-view.type-2 .item:hover .article-title, .widget-most-view.type-2 .item:hover:before { color: var(--color-primary); } .widget-most-view.type-3 .widget-content { background: var(--color-primary); } .widget-most-view.type-3 .image-wrapper { margin-bottom: -45px; } .widget-most-view.type-3 .item { counter-increment: step; position: relative; padding: 15px 50px 15px 15px; background: var(--color-primary); border-bottom: 1px dotted #bdbdbd; } .widget-most-view.type-3 .item:after { content: counter(step, decimal); font-size: 32px; color: #fff; position: absolute; top: 50%; right: 15px; line-height: 1; font-family: "Noto Serif", serif; font-weight: bold; margin-top: -20px; } .widget-most-view.type-3 .item .article-title { font-size: 16px; color: #fff; } .widget-most-view.type-3 .item:hover .article-title, .widget-most-view.type-3 .item:hover:after { color: #2a2a2a; } .widget-news-api .item .article-title { font-size: 14px; text-overflow: ellipsis; display: block; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .widget-news-api .item a { padding: 6px; border-radius: 8px; display: flex; flex-direction: row; align-items: flex-start; } .widget-news-api .item a:hover { background-color: #eeeff2; } .widget-news-api.type-1 .item a { flex-direction: column; } .widget-news-api.type-1 .item a .image-wrapper { min-width: 100%; flex: 0 0 auto; width: 100%; margin-right: 0 !important; } .widget-news-api.type-2 .item a { margin-bottom: 0 !important; } .widget-news-api.type-2 .item a .image-wrapper { display: none; } .widget-popular-tags .tag-item { font-size: 12px; padding: 5px 10px; display: inline-block; margin: 0 5px 5px 0; background-color: rgba(255, 61, 61, 0.045); color: #e13d3d; border-radius: 50px; font-weight: 500; font-style: italic; } .widget-popular-tags.type-horizontal { margin-top: 15px; } .widget-popular-tags.type-horizontal .widget-content { display: flex; overflow-x: auto; align-items: center; gap: 20px; white-space: nowrap; } @media screen and (max-width: 480px) { .widget-popular-tags.type-horizontal .widget-content::-webkit-scrollbar { -webkit-appearance: none; display: none; } } .widget-popular-tags.type-horizontal .widget-content .tag-item { background-color: transparent; color: #000; font-style: normal; font-size: 18px; position: relative; padding: 0 0 5px; line-height: 32px; margin: 0; } .widget-popular-tags.type-horizontal .widget-content .tag-item.active:after { content: ""; height: 3px; width: 100%; border-radius: 15px; background-color: var(--color-primary); bottom: 0; position: absolute; display: block; } .article-title:hover { color: var(--color-primary); } .view-other-news { font-size: 18px; font-weight: bold; color: var(--color-primary); } .page-contact .general_submit_form { padding: 30px; } .page-contact figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 2em; color: #fff; display: flex; } .page-contact figcaption > .content { color: #8a8a8a; transition: transform 0.35s, color 0.35s; max-width: 80%; padding: 40px 0; z-index: 99; } @media (max-width: 991px) { .page-contact figcaption { position: relative; } } .figure-effect3 figcaption { background: #eee; } .figure-effect3 figcaption:before, .figure-effect3 figcaption:after { position: absolute; content: ""; } .figure-effect3 figcaption:before { top: 50px; right: 30px; bottom: 50px; left: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(1); transform-origin: 0 0; } .figure-effect3 figcaption:after { top: 30px; right: 50px; bottom: 30px; left: 50px; border-right: 1px solid #fff; border-left: 1px solid #fff; transform: scale(1); transform-origin: 100% 0; } .figure-effect3 figcaption svg { position: absolute; right: 0; bottom: 0; height: 180px; width: 180px; opacity: 0.15; transform: rotate(-15deg); z-index: 0; } .title-box-category, .widget-title { display: block; position: relative; font-size: 18px; line-height: 23px; margin-bottom: 20px; color: #222; font-weight: bold; clear: both; } .title-box-category a, .widget-title a { color: inherit; text-decoration: none; outline: none; } @media screen and (max-width: 991px) { .title-box-category, .widget-title { font-size: 18px; } } .title-box-category .title-icon, .widget-title .title-icon { width: 24px; height: auto; display: inline-block; margin-right: 5px; } .title-box-category .inner-title, .widget-title .inner-title { position: relative; display: inline-block; } .title-box-category.style_1, .widget-title.style_1 { display: flex; align-items: flex-end; margin-bottom: 15px; } .title-box-category.style_1 .parent-cate, .title-box-category.style_1 .main-title, .widget-title.style_1 .parent-cate, .widget-title.style_1 .main-title { display: inline-block; width: auto; margin-bottom: 0; color: #fff; border-top-right-radius: 15px; border-bottom-right-radius: 15px; font-size: 16px; line-height: 1.1; padding: 7px 30px 7px 15px; background: var(--color-primary); } .title-box-category.style_1 .inner-title, .widget-title.style_1 .inner-title { position: relative; padding-left: 10px; } .title-box-category.style_1 .inner-title:before, .widget-title.style_1 .inner-title:before { content: ""; width: 2px; height: 15px; background-color: #fff; position: absolute; top: 2px; left: 0; bottom: 0; } .title-box-category.style_1:after, .widget-title.style_1:after { content: ""; height: 1px; background: var(--color-primary); flex: 1 auto; margin-left: 5px; } .title-box-category.style_1 .view-more, .widget-title.style_1 .view-more { font-family: Arial, sans-serif; font-size: 13px; font-style: italic; } .title-box-category.style_2, .widget-title.style_2 { padding: 12px 20px 0 20px; margin-bottom: 0px; display: flex; justify-content: space-between; font-size: 16px; } .title-box-category.style_2 .header-cate-content, .widget-title.style_2 .header-cate-content { padding: 5px 10px; background: var(--color-primary); position: relative; border-radius: 5px; margin-bottom: 8px; color: #fff; } .title-box-category.style_2 .header-cate-content:after, .widget-title.style_2 .header-cate-content:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 5.5px 0 5.5px; border-color: var(--color-primary) transparent transparent transparent; display: block; position: absolute; bottom: -5px; left: 20px; } .title-box-category.style_2 .header-cate-content a:hover, .widget-title.style_2 .header-cate-content a:hover { color: var(--color-secondary); } .title-box-category.style_2 .view-more, .widget-title.style_2 .view-more { font-family: Arial, sans-serif; font-size: 13px; font-style: italic; } .title-box-category.style_3:before, .widget-title.style_3:before { content: ""; height: 3px; background: var(--color-primary); width: 100%; display: block; position: absolute; top: 50%; } .title-box-category.style_3 .parent-cate, .title-box-category.style_3 .main-title, .widget-title.style_3 .parent-cate, .widget-title.style_3 .main-title { background: #fff; padding: 5px 10px 5px 0; z-index: 1; position: relative; } .title-box-category.style_3 .parent-cate .inner-title:before, .title-box-category.style_3 .main-title .inner-title:before, .widget-title.style_3 .parent-cate .inner-title:before, .widget-title.style_3 .main-title .inner-title:before { content: none; } .title-box-category.style_4.title-box-category, .widget-title.style_4.title-box-category { margin-bottom: 0; border-top: 2px solid var(--color-primary); display: flex; } .title-box-category.style_4 .parent-cate, .title-box-category.style_4 .main-title, .widget-title.style_4 .parent-cate, .widget-title.style_4 .main-title { background: var(--color-primary); padding: 0 15px 3px; line-height: 32px; z-index: 1; position: relative; color: #fff; } .title-box-category.style_4 .parent-cate .inner-title:before, .title-box-category.style_4 .main-title .inner-title:before, .widget-title.style_4 .parent-cate .inner-title:before, .widget-title.style_4 .main-title .inner-title:before { content: none; } .title-box-category.style_4 .td-subcat-filter, .widget-title.style_4 .td-subcat-filter { position: relative; bottom: 0; text-align: left; } .title-box-category.style_5, .widget-title.style_5 { display: flex; align-items: flex-end; margin-bottom: 15px; } .title-box-category.style_5 .parent-cate, .title-box-category.style_5 .main-title, .widget-title.style_5 .parent-cate, .widget-title.style_5 .main-title { padding: 0 12px; height: 30px; line-height: 30px; color: #fff; font-size: 18px; font-weight: 700; position: relative; border-top-right-radius: 6px; background-color: var(--color-primary); display: inline-block; } .title-box-category.style_5 .parent-cate:after, .title-box-category.style_5 .main-title:after, .widget-title.style_5 .parent-cate:after, .widget-title.style_5 .main-title:after { content: ""; position: absolute; left: 0; bottom: -8px; width: 0; height: 0; border-right: 12px solid transparent; border-top: 9px solid; border-top-color: var(--color-primary); } .title-box-category.style_5 .inner-title, .widget-title.style_5 .inner-title { position: relative; } .title-box-category.style_5 .inner-title:before, .widget-title.style_5 .inner-title:before { content: none; } .title-box-category.style_5 .td-subcat-filter, .widget-title.style_5 .td-subcat-filter { bottom: 0; } .title-box-category.style_5 .view-more, .widget-title.style_5 .view-more { font-family: Arial, sans-serif; font-size: 13px; font-style: italic; } .title-box-category.style_6, .widget-title.style_6 { text-align: center; } .title-box-category.style_6 .parent-cate, .title-box-category.style_6 .main-title, .widget-title.style_6 .parent-cate, .widget-title.style_6 .main-title { float: none; position: relative; display: inline-block; } .title-box-category.style_6 .parent-cate:before, .title-box-category.style_6 .parent-cate:after, .title-box-category.style_6 .main-title:before, .title-box-category.style_6 .main-title:after, .widget-title.style_6 .parent-cate:before, .widget-title.style_6 .parent-cate:after, .widget-title.style_6 .main-title:before, .widget-title.style_6 .main-title:after { content: ""; position: absolute; top: 50%; right: calc(100% + 15px); width: 81px; height: 2px; background: var(--color-primary); transform: translateY(-50%); } @media screen and (max-width: 480px) { .title-box-category.style_6 .parent-cate:before, .title-box-category.style_6 .parent-cate:after, .title-box-category.style_6 .main-title:before, .title-box-category.style_6 .main-title:after, .widget-title.style_6 .parent-cate:before, .widget-title.style_6 .parent-cate:after, .widget-title.style_6 .main-title:before, .widget-title.style_6 .main-title:after { content: none; } } .title-box-category.style_6 .parent-cate:after, .title-box-category.style_6 .main-title:after, .widget-title.style_6 .parent-cate:after, .widget-title.style_6 .main-title:after { right: unset; left: calc(100% + 15px); } .title-box-category.style_6 .inner-title, .widget-title.style_6 .inner-title { position: relative; padding: 0 15px; } .title-box-category.style_6 .inner-title:before, .widget-title.style_6 .inner-title:before { content: none; } .title-box-category.style_6 .td-subcat-filter, .widget-title.style_6 .td-subcat-filter { position: relative; margin: 0; justify-content: center; margin-top: 15px; } .title-box-category.style_6 .view-more, .widget-title.style_6 .view-more { font-family: Arial, sans-serif; font-size: 13px; font-style: italic; } @media screen and (min-width: 768px) { .title-box-category.style_7, .widget-title.style_7 { left: -20px; top: -15px; margin-bottom: 0; } } .title-box-category.style_7 .parent-cate, .title-box-category.style_7 .main-title, .widget-title.style_7 .parent-cate, .widget-title.style_7 .main-title { position: relative; font-size: 18px; font-weight: 700; padding: 0 10px; height: 50px; display: flex; justify-content: center; align-items: center; color: #fff; background-image: linear-gradient(90deg, #30b9aa, #6645ac); } .title-box-category.style_7 .parent-cate:after, .title-box-category.style_7 .main-title:after, .widget-title.style_7 .parent-cate:after, .widget-title.style_7 .main-title:after { position: absolute; top: 0; right: -40px; content: ""; display: inline-block; width: 0; height: 0; border-top: 50px solid #6645ac; border-right: 40px solid transparent; } .title-box-category.style_7 .inner-title:before, .widget-title.style_7 .inner-title:before { content: none; } .title-box-category.style_8, .widget-title.style_8 { height: 28px; margin-bottom: 15px; background: #f7f7f7; padding-right: 10px; border-top: 2px solid #ddd; border-bottom: 1px solid #eee; } .title-box-category.style_8 .parent-cate, .title-box-category.style_8 .main-title, .widget-title.style_8 .parent-cate, .widget-title.style_8 .main-title { display: inline-block; background: #fff; padding: 3px 15px; color: var(--color-primary); text-transform: uppercase; font-weight: bold; margin-left: 15px; border-top: 2px solid var(--color-primary); margin-top: -2px; } .title-box-category.style_8 .parent-cate:hover, .title-box-category.style_8 .main-title:hover, .widget-title.style_8 .parent-cate:hover, .widget-title.style_8 .main-title:hover { background: var(--color-primary); color: #fff; text-decoration: underline; } @media screen and (max-width: 768px) { .title-box-category.style_8 .parent-cate, .title-box-category.style_8 .main-title, .widget-title.style_8 .parent-cate, .widget-title.style_8 .main-title { border-top: none; background: #fff; padding: 2px 12px; font-size: 18px; margin-left: 0; border-left: 4px solid var(--color-primary); margin-top: 0; } } .title-box-category.style_8 .sub-cate a:hover, .widget-title.style_8 .sub-cate a:hover { text-decoration: underline !important; } .title-box-category.style_8 .inner-title:before, .widget-title.style_8 .inner-title:before { content: none; } @media screen and (max-width: 768px) { .title-box-category.style_8, .widget-title.style_8 { border-top: none; border-bottom: none; } } .title-box-category.style_9 .parent-cate, .title-box-category.style_9 .main-title, .widget-title.style_9 .parent-cate, .widget-title.style_9 .main-title { padding: 0 15px 0 20px; text-transform: uppercase; font-size: inherit; } .title-box-category.style_9 .parent-cate:before, .title-box-category.style_9 .main-title:before, .widget-title.style_9 .parent-cate:before, .widget-title.style_9 .main-title:before { content: ""; position: absolute; width: 5px; left: 0px; bottom: 2px; background-color: var(--color-primary); height: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .title-box-category.style_9 .parent-cate:after, .title-box-category.style_9 .main-title:after, .widget-title.style_9 .parent-cate:after, .widget-title.style_9 .main-title:after { content: ""; width: 0; height: 0; border-bottom: 20px solid var(--color-primary); border-right: 6px solid transparent; position: absolute; bottom: 0; left: 5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .title-box-category.style_10, .widget-title.style_10 { background: #f7f7f7; display: flex; align-items: center; } .title-box-category.style_10 .parent-cate, .title-box-category.style_10 .main-title, .widget-title.style_10 .parent-cate, .widget-title.style_10 .main-title { position: relative; color: #fff; overflow: hidden; padding-right: 30px; } .title-box-category.style_10 .parent-cate .inner-title, .title-box-category.style_10 .main-title .inner-title, .widget-title.style_10 .parent-cate .inner-title, .widget-title.style_10 .main-title .inner-title { padding: 0 10px; min-height: 35px; font-size: 18px; font-weight: 700; background: var(--color-primary); display: flex; justify-content: center; align-items: center; } .title-box-category.style_10 .parent-cate .inner-title:before, .title-box-category.style_10 .main-title .inner-title:before, .widget-title.style_10 .parent-cate .inner-title:before, .widget-title.style_10 .main-title .inner-title:before { position: absolute; right: -20px; content: ""; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 0; height: 0; border-width: 20px 0 20px 20px; border-color: transparent transparent transparent var(--color-primary); border-style: solid; z-index: 1; } .title-box-category.style_10 .parent-cate .inner-title:after, .title-box-category.style_10 .main-title .inner-title:after, .widget-title.style_10 .parent-cate .inner-title:after, .widget-title.style_10 .main-title .inner-title:after { position: absolute; right: -28px; content: ""; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 0; height: 0; border-width: 30px 0 30px 28px; border-color: transparent transparent transparent var(--color-primary); opacity: 0.5; border-style: solid; z-index: 0; } .title-box-category.style_10 .td-subcat-filter, .widget-title.style_10 .td-subcat-filter { padding: 0 15px; } .title-box-category.title-full-bg, .widget-title.title-full-bg { background: var(--color-primary); padding: 15px; text-align: center; color: #fff; border-left: 4px solid var(--color-secondary); } .title-box-category.title-full-bg .inner-title:before, .widget-title.title-full-bg .inner-title:before { content: none; } @media (max-width: 767px) { .title-box-category:not([class*=style_]) .inner-title:before, .widget-title:not([class*=style_]) .inner-title:before { content: ""; width: 100%; height: 2px; background: var(--color-primary); position: absolute; left: 0; bottom: -5px; } } .title-box-category .parent-cate { float: left; margin: 0; font-size: inherit; font-weight: inherit; font-family: var(--heading-font); } .title-box-category .sub-cate { font-size: 13px; line-height: 1.1538461538; font-weight: 400; margin-bottom: 0; text-transform: none; white-space: nowrap; display: inline-block; } .td-subcat-filter { position: absolute; bottom: auto; right: 0; margin: auto 0; opacity: 0; z-index: 1; text-align: right; display: flex; align-items: center; } .td-subcat-filter .td-subcat-list { display: inline-block; line-height: 1; } .td-subcat-filter .td-subcat-list .td-subcat-item { display: inline-block; line-height: 1; margin-left: 10px; } .td-subcat-dropdown { display: inline-block; text-align: right; position: relative; } .td-subcat-dropdown.open i:before, .td-subcat-dropdown.show i:before { content: "\F057"; } .td-subcat-dropdown .td-subcat-more { cursor: pointer; margin-left: 5px; -webkit-user-select: none; display: inline-block; font-size: 14px; width: 18px; height: 18px; outline: none; border: none; background: none; } .td-subcat-dropdown .dropdown-menu { right: 0; left: auto; box-shadow: 0 0 1px 1px #eee; } .td-subcat-dropdown .td-subcat-item .td-subcat-link { font-size: 12px; } .td-subcat-dropdown .td-pulldown-filter-list .td-subcat-item:not(:last-child) { margin-bottom: 10px; } .tab-header { display: flex; align-items: center; margin-bottom: 15px; } .tab-header .tab-header-item { display: inline-block; margin-right: 24px; font-size: 20px; font-weight: bold; padding-bottom: 4px; } .tab-header .tab-header-item.active { font-size: 24px; border-bottom: 4px solid var(--color-primary); } .tab-header .tab-header-item.foru { display: flex; align-items: center; } .tab-header .foru-new-badge { margin-left: 3px; margin-bottom: 20px; } .tab-header .foru-new-badge .hightlight { width: 24px; height: 24px; position: relative; } .tab-header .foru-new-badge .hightlight:before, .tab-header .foru-new-badge .hightlight:after { content: ""; border-radius: 100%; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .tab-header .foru-new-badge .hightlight:before { width: 100%; height: 100%; background: #e03030; opacity: 0.2; animation: zoom-jsx 1s ease-out infinite; } .tab-header .foru-new-badge .hightlight:after { width: 10px; height: 10px; background: #e03030; animation: zoom-jsx 1s ease-in 0.05s infinite; } @keyframes zoom-jsx { 0% { transform: scale(1); } 50% { transform: scale(0.75); } 100% { transform: scale(1); } } .section-vedet.vedet-type-2 .box-news-larger { background-image: linear-gradient(#ebebeb, rgba(235, 235, 235, 0)); } .section-vedet.vedet-type-2 .box-news-larger .has-padding { padding: 0 10px; } .section-vedet.vedet-type-3 .meta-news img, .section-vedet.vedet-type-3 .meta-news .cat { display: none; } .section-vedet.vedet-type-3 .box-news-larger { margin-bottom: 20px; } .section-vedet.vedet-type-3 .box-news-larger .has-padding { padding: 0 10px; } .section-vedet.vedet-type-3 .secondary-vedet { height: 100%; overflow: hidden; border-radius: 6px; background-image: linear-gradient(to bottom, #e5e6ed 42%, #f1f2f4 81%, #ffffff 97%); } .section-vedet.vedet-type-3 .secondary-vedet .content { padding: 0 16px 12px; margin-top: 10px; } .section-vedet.vedet-type-3 .secondary-vedet .content .description { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; } .section-vedet.vedet-type-3 .tab-content .tab-pane { padding: 15px 0; } .section-vedet.vedet-type-3 .nav-tabs .nav-item { position: relative; } .section-vedet.vedet-type-3 .nav-tabs .nav-item .nav-link { border-top: 3px solid transparent; font-weight: bold; text-transform: uppercase; } .section-vedet.vedet-type-3 .nav-tabs .nav-item .nav-link.active { border-top: 3px solid var(--color-primary); } .section-vedet.vedet-type-5 .meta-news img, .section-vedet.vedet-type-5 .meta-news .cat { display: none; } .section-vedet.vedet-type-5 .box-news-larger { margin-bottom: 20px; } .section-vedet.vedet-type-5 .box-news-larger .has-padding { padding: 0 10px; } .section-vedet.vedet-type-5 .secondary-vedet { height: 100%; overflow: hidden; border-radius: 6px; background-image: linear-gradient(to bottom, #e5e6ed 42%, #f1f2f4 81%, #ffffff 97%); } .section-vedet.vedet-type-5 .secondary-vedet .content { padding: 0 16px 12px; margin-top: 10px; } .section-vedet.vedet-type-5 .secondary-vedet .content .description { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; } .section-vedet.vedet-type-5 .tab-content .tab-pane { padding: 15px 0; } .section-vedet.vedet-type-5 .nav-tabs .nav-item { position: relative; } .section-vedet.vedet-type-5 .nav-tabs .nav-item .nav-link { border-top: 3px solid transparent; font-weight: bold; text-transform: uppercase; } .section-vedet.vedet-type-5 .nav-tabs .nav-item .nav-link.active { border-top: 3px solid var(--color-primary); } .section-vedet.vedet-type-8 .meta-news { justify-content: center; font-size: 15px; line-height: 22px; margin-bottom: 10px; text-transform: uppercase; color: var(--color-primary); } .section-vedet.vedet-type-8 .meta-news > * { font-size: inherit; color: inherit; } .section-vedet.vedet-type-8 .box-news-larger { flex-wrap: wrap; background: none; } .section-vedet.vedet-type-8 .box-news-larger .image-wrapper > .image-medium { padding-bottom: 56.439%; } .section-vedet.vedet-type-8 .box-news-larger h2.title a { font-size: 34px; line-height: 41px; } .section-vedet.vedet-type-8 .box-news-larger p.snippet { font-size: 18px; margin-bottom: 0; font-weight: 300; } .section-vedet.vedet-type-8 .box-news-larger .thumb-art { flex: 0 0 100%; max-width: 100%; margin: 0; } .section-vedet.vedet-type-8 .box-news-larger .content { padding: 0.9375rem 2.8125rem; padding-bottom: 0; width: 90%; text-align: center; background-color: #fff; margin-top: -50px; position: relative; z-index: 2; margin-left: auto; margin-right: auto; } .section-vedet.vedet-type-8 .sub-news-top { border-top: none; padding-top: 30px; } .section-vedet.vedet-type-8 .sub-news-top .content { text-align: center; } .section-vedet.vedet-type-8 .sub-news-top .content .title a { font-size: 18px; line-height: 1.3; } .section-vedet.vedet-type-9 .group-links-groups { height: 400px; } .section-vedet.vedet-type-9 .group-links-groups .group-links-timeline > li > a h3, .section-vedet.vedet-type-9 .group-links-groups .group-links-timeline > li > a .title_h3 { font-size: 14px; line-height: 20px; } .section-vedet.vedet-type-9 .group-links-groups .group-links-timeline > li > a h3:before, .section-vedet.vedet-type-9 .group-links-groups .group-links-timeline > li > a .title_h3:before { content: none; } .section-vedet.vedet-type-9 .box-news-larger .content > .title > a { font-size: 22px; font-weight: 700; font-family: var(--post-title-font); } .section-vedet.vedet-type-9 .sub-news-top .title-news { font-size: 14px; line-height: 20px; font-weight: 700; } .section-vedet.vedet-type-9 .sub-news-top .item-news:not(:last-child) { border-bottom: 1px dotted #dadada; } .section-vedet.vedet-type-10 .item-news { padding-bottom: 0; } .section-vedet.vedet-type-10 .item-news .title-news { margin-bottom: 0; -webkit-line-clamp: 2; font-size: 1rem; } .section-vedet.vedet-type-10 .box-news .content { display: flex; flex-direction: column; } .section-vedet.vedet-type-10 .box-news .content .meta-news { order: -1; } .section-vedet.vedet-type-10 .other-news .box-news { border-bottom: 1px solid #ddd; margin: 0 0 25px; padding: 0 0 15px; } .section-vedet.vedet-type-10 .other-news .box-news > .content > .title > a { font-size: 1.3rem; line-height: 1.4; margin-bottom: 10px; } .section-vedet.vedet-type-10 .box-news-larger .content > .title > a { font-size: 1.7rem; } .section-vedet.vedet-type-10 .meta-news .cat { text-transform: uppercase; } .section-vedet.vedet-type-12 .news-box .row { margin-bottom: 16px; } .section-vedet.vedet-type-12 .grid-row { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 16px; clear: both; } @media screen and (max-width: 960px) { .section-vedet.vedet-type-12 .grid-row { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 480px) { .section-vedet.vedet-type-12 .grid-row { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); } .section-vedet.vedet-type-12 .grid-row .col-span-2 { grid-column-end: auto; } } .section-vedet.vedet-type-12 .col-span-2 { grid-column-end: span 2; } .section-vedet.vedet-type-12 .grid-col:nth-child(2n) .cate-badge { background-color: var(--color-primary) !important; } .section-vedet.vedet-type-12 .grid-col:nth-child(2n+1) .cate-badge { background-color: 1e582d !important; } .section-vedet.vedet-type-12 .grid-col:nth-child(3n) .cate-badge { background-color: #ffae25 !important; } @media screen and (min-width: 960px) { .section-vedet.vedet-type-12 .grid-col:nth-child(2) { order: -1; } } @media screen and (max-width: 767px) { .section-vedet.vedet-type-12 .row > * { flex-shrink: 0; width: 100%; max-width: 100%; flex-basis: auto; } } .section-vedet.vedet-type-13 .box-news-larger .thumb-art { flex: 0 0 384px; max-width: 384px; margin-right: 15px; } @media screen and (min-width: 768px) { .section-vedet.vedet-type-13 .box-news-larger .thumb-art .image-wrapper .image { padding-bottom: 80%; } } .section-vedet.vedet-type-13 .box-news-larger > .content { flex: 0 0 calc(100% - 384px - 15px); max-width: calc(100% - 384px - 15px); border-bottom: 1px solid #000; } .section-vedet.vedet-type-13 .box-news-larger > .content > .title-news { font-size: 32px; font-weight: bold; } .section-vedet.vedet-type-13 .box-news-larger > .content > .title > a { font-size: inherit; } .section-vedet.vedet-type-13 .box-news-larger > .content .sub-news-cate { width: 100%; justify-content: space-between; padding-left: 0; position: relative; } .section-vedet.vedet-type-13 .box-news-larger > .content .sub-news-cate .item-news { flex: 0 0 calc((100% - 48px) / 3 - 1px); max-width: calc((100% - 48px) / 3 - 1px); margin-top: 15px; position: relative; margin-bottom: 0; border: none; display: flex; flex-direction: column; padding: 0; } .section-vedet.vedet-type-13 .box-news-larger > .content .sub-news-cate .item-news .title-news { font-size: 20px; line-height: 24px; margin-bottom: auto; } .section-vedet.vedet-type-13 .box-news-larger > .content .sub-news-cate .item-news .meta-news { margin-top: 10px; } @media screen and (max-width: 960px) { .section-vedet.vedet-type-13 .box-news-larger > .thumb-art { flex: 0 0 226px; max-width: 226px; } .section-vedet.vedet-type-13 .box-news-larger > .thumb-art .image-wrapper, .section-vedet.vedet-type-13 .box-news-larger > .thumb-art .image { height: 100%; } .section-vedet.vedet-type-13 .box-news-larger > .content { flex: 0 0 calc(100% - 226px - 15px); max-width: calc(100% - 226px - 15px); padding: 0; } .section-vedet.vedet-type-13 .box-news-larger > .content > .title-news { font-size: 26px; } .section-vedet.vedet-type-13 .box-news-larger > .content .sub-news-cate .item-news .title-news { font-size: 16px; line-height: 22px; margin-bottom: auto; } } @media screen and (max-width: 767px) { .section-vedet.vedet-type-13 .box-news-larger > .thumb-art { flex: 0 0 100%; max-width: 100%; margin-right: 0; margin-bottom: 15px; } .section-vedet.vedet-type-13 .box-news-larger > .content { flex: 0 0 100%; max-width: 100%; padding: 0; } .section-vedet.vedet-type-13 .box-news-larger > .content .sub-news-cate .item-news { flex: 0 0 100%; max-width: 100%; } .section-vedet.vedet-type-13 .box-news-larger > .content .sub-news-cate .item-news:nth-child(1), .section-vedet.vedet-type-13 .box-news-larger > .content .sub-news-cate .item-news:nth-child(2) { border-bottom: 1px solid #000; flex: 0 0 calc(50% - 16px); max-width: calc(50% - 16px); } } .section-vedet.vedet-type-14 .overlay-style-1.post-item .post-thumb a:after { content: none; } .section-vedet.vedet-type-14 .overlay-style-1.post-item .post-thumb img { height: 560px; } .section-vedet.vedet-type-14 .overlay-style-1.post-item .post-title { font-size: 36px; line-height: 48px; } .section-vedet.vedet-type-14 .overlay-style-1.post-item .cate-badge { background-color: transparent !important; padding: 0; margin-bottom: 10px; } .section-vedet.vedet-type-14 .overlay-style-1.post-item .description { margin-top: 10px; } .section-vedet.vedet-type-14 .sub-news-top .item-news:not(:last-child) { border-bottom: 1px solid #ebebeb; } .section-vedet.vedet-type-14 .sub-news-top .style_img_left { display: flex; } .section-vedet.vedet-type-14 .sub-news-top .style_img_left .image-wrapper { max-width: 163px; width: 163px; flex: 0 0 163px; float: none; } .section-vedet.vedet-type-14 .sub-news-top .style_img_left .image-wrapper > .image-small { padding-bottom: 71.5%; } .section-vedet.vedet-type-14 .sub-news-top .style_img_left .content { float: none; } .jeg_heroblock_wrapper { position: relative; overflow: hidden; z-index: 1; height: 430px; } .jeg_heroblock .jeg_post { overflow: hidden; position: absolute; } .jeg_heroblock .jeg_post_title a { color: #fff; font-weight: 600; } .jeg_heroblock .jeg_post_info { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } .vedet-type-3 .jeg_heroblock_wrapper { margin: 0px 0px -10px -10px; } .vedet-type-3 .jeg_hero_item_1 { width: 50%; height: 100%; top: 0; left: 0; padding: 0 0 10px 10px; } .vedet-type-3 .jeg_hero_item_1 .jeg_post_title { font-size: 26px; margin-bottom: 5px; font-weight: bold; } .vedet-type-3 .jeg_heroblock_scroller .jeg_post { padding: 0 0 10px 10px; } .vedet-type-3 .jeg_hero_item_2 { width: 25%; height: 100%; top: 0; left: 50%; } .vedet-type-3 .jeg_hero_item_3, .vedet-type-3 .jeg_hero_item_4 { width: 25%; height: 50%; } .vedet-type-3 .jeg_hero_item_3 { top: 0; left: 75%; } .vedet-type-3 .jeg_hero_item_4 { top: 50%; left: 75%; } .vedet-type-3 .thumbnail-container { display: block; height: 0; background: #f7f7f7; background-position: 50%; background-size: cover; } .vedet-type-3 .jeg_thumb, .vedet-type-3 .thumbnail-container { position: relative; overflow: hidden; z-index: 0; } .vedet-type-3 .jeg_thumb { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; max-width: none; width: calc(100% + 50px); transition: transform 0.35s; transform: translate3d(-40px, 0, 0); } .vedet-type-3 .jeg_thumb a { width: 100%; height: 100%; display: block; } .vedet-type-3 .jeg_thumb a > div { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; } .vedet-type-3 .jeg_thumb a > div:before { content: ""; display: block; position: absolute; width: 100%; top: 0; bottom: 0; background: linear-gradient(180deg, transparent 0, #000 65%, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=0); opacity: 0.6; z-index: 2; } .vedet-type-3 .jeg_thumb a > div:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: hsla(0, 0%, 100%, 0.15); transition: 0.3s; opacity: 0; } .vedet-type-3 .jeg_thumb .thumbnail-background > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-repeat: no-repeat; background-position: 50%; background-size: cover; } .vedet-type-3 .jeg_postblock_content { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 25px 25px; z-index: 3; } .vedet-type-3 .jeg_postblock_content .jeg_post_category { margin-bottom: 6px; } .vedet-type-3 .jeg_postblock_content .jeg_post_category a { padding: 3px 5px; background-color: var(--color-secondary); color: #fff; font-size: 12px; } .vedet-type-3 .jeg_block_container { display: block; height: 100%; position: relative; z-index: 1; overflow: hidden; } .vedet-type-3 .meta-news { color: #c5c5c5; opacity: 0; transform: translate3d(0, 30px, 0); transition: 0.35s ease; } .vedet-type-3 .jeg_post_category, .vedet-type-3 .jeg_post_title { transform: translate3d(0, 25px, 0); transition: transform 0.35s; } .vedet-type-3 .jeg_post_title { font-size: 18px; } .vedet-type-3 .jeg_post:hover .jeg_post_category, .vedet-type-3 .jeg_post:hover .meta-news, .vedet-type-3 .jeg_post:hover .jeg_post_review, .vedet-type-3 .jeg_post:hover .jeg_post_title, .vedet-type-3 .jeg_post:hover .jeg_thumb { transform: translateZ(0); } .vedet-type-3 .jeg_post:hover .meta-news { opacity: 1; } @media screen and (max-width: 767px) { .vedet-type-3 .jeg_postblock_content { padding: 5px 15px 10px; white-space: normal; } .vedet-type-3 .jeg_post { position: relative; top: inherit; right: inherit; bottom: inherit; left: inherit; } .vedet-type-3 .jeg_hero_item_1 { width: 100%; height: 60%; } .vedet-type-3 .jeg_post_title { font-size: 18px !important; } .vedet-type-3 .jeg_heroblock_scroller { white-space: nowrap; height: 40%; overflow-x: auto; overflow-y: hidden; z-index: 0; -webkit-overflow-scrolling: touch; transform: translateZ(0); } .vedet-type-3 .jeg_heroblock_scroller .jeg_post { width: 45%; height: 100%; float: none; display: inline-block; margin-bottom: 0; } .vedet-type-3 .jeg_heroblock_scroller .jeg_post .jeg_post_title { font-size: 16px !important; line-height: 20px; margin-bottom: 0; } } @media screen and (max-width: 480px) { .vedet-type-3 .jeg_heroblock_wrapper { height: 300px; margin: 0px; } .vedet-type-3 .jeg_hero_item_1 { width: 100%; height: 55%; padding: 0px 0px 5px; } .vedet-type-3 .jeg_heroblock_scroller { height: 45%; margin-left: -5px; } .vedet-type-3 .jeg_heroblock_scroller .jeg_post { width: 80%; padding: 0px 0px 0px 5px; } .vedet-type-3 .jeg_heroblock_scroller .jeg_post .jeg_post_title { font-size: 15px !important; } } .section_video.video-type-2 .tin_video_index { background-color: var(--dark); padding: 15px 15px; } .section_video.video-type-2 .tin_video_index .slick-carousel .box-news { padding: 0 10px; border-bottom: none; } .section_video.video-type-2 .tin_video_index .box-news-larger .content .title a { font-size: 15px; color: #fff; } .section_video.video-type-2 .video-mask { width: 60px; height: 60px; margin: -30px 0 0 -30px; } .blogcolumn20widget .news .col480, .blogcolumn23widget .news .col480 { flex: 0 0 calc(100% - 240px); max-width: calc(100% - 240px); border-right: 1px solid #ddd; padding-right: 15px; } .blogcolumn20widget .news .col480 .style_img_left .image-wrapper, .blogcolumn23widget .news .col480 .style_img_left .image-wrapper { width: 230px; } .blogcolumn20widget .news .col480 .style_img_left .content, .blogcolumn23widget .news .col480 .style_img_left .content { width: calc(100% - 230px); } .blogcolumn20widget .news .col480 .sub-news-cate, .blogcolumn23widget .news .col480 .sub-news-cate { margin-top: 15px; } .blogcolumn20widget .news .col480 .title a, .blogcolumn23widget .news .col480 .title a { font-size: 21px; } .blogcolumn20widget .news .col240, .blogcolumn23widget .news .col240 { flex: 0 0 240px; max-width: 240px; border-left: 1px solid #ddd; margin-left: -1px; padding-left: 15px; } .blogcolumn20widget .news .col240 .image-wrapper a, .blogcolumn23widget .news .col240 .image-wrapper a { padding-bottom: 55%; } .blogcolumn20widget .news .sub-news-cate, .blogcolumn23widget .news .sub-news-cate { padding: 0; width: 100%; } .blogcolumn20widget .news .sub-news-cate .item, .blogcolumn23widget .news .sub-news-cate .item { border-top: 1px dotted #ddd; padding: 5px 0 5px 15px; background-position: left 10px; position: relative; } .blogcolumn20widget .news .sub-news-cate .item a, .blogcolumn23widget .news .sub-news-cate .item a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 16px; display: block; color: #000; } .blogcolumn20widget .news .sub-news-cate .item:before, .blogcolumn23widget .news .sub-news-cate .item:before { content: ""; width: 5px; height: 5px; background-color: var(--color-primary); position: absolute; left: 0; top: 50%; margin-top: -2px; } .blogcolumn20widget .news .sub-news-cate .item .image, .blogcolumn20widget .news .sub-news-cate .item .description, .blogcolumn23widget .news .sub-news-cate .item .image, .blogcolumn23widget .news .sub-news-cate .item .description { display: none; } @media screen and (max-width: 1024px) { .blogcolumn20widget .news .col480 .style_img_left .image-wrapper, .blogcolumn23widget .news .col480 .style_img_left .image-wrapper { width: 46%; } .blogcolumn20widget .news .col480 .style_img_left .content, .blogcolumn23widget .news .col480 .style_img_left .content { width: 54%; } } @media screen and (max-width: 767px) { .blogcolumn20widget .news .col480, .blogcolumn23widget .news .col480 { flex: 0 0 100%; max-width: 100%; border-right: none; padding: 0; } .blogcolumn20widget .news .col240, .blogcolumn23widget .news .col240 { flex: 0 0 100%; max-width: 100%; border-left: none; padding: 0; border-top: 1px dotted #ddd; padding-top: 15px; margin-top: 15px; } .blogcolumn20widget .news .box-news > .content > .title > a, .blogcolumn23widget .news .box-news > .content > .title > a { font-size: 20px; } .blogcolumn20widget .news .sub-news-cate .item, .blogcolumn23widget .news .sub-news-cate .item { padding-left: 0; } .blogcolumn20widget .news .sub-news-cate .item .title a, .blogcolumn23widget .news .sub-news-cate .item .title a { font-size: 20px; line-height: 25px; font-weight: bold; padding-top: 0; } .blogcolumn20widget .news .sub-news-cate .item:before, .blogcolumn23widget .news .sub-news-cate .item:before { content: none; } .blogcolumn20widget .news .sub-news-cate .item .image, .blogcolumn20widget .news .sub-news-cate .item .description, .blogcolumn23widget .news .sub-news-cate .item .image, .blogcolumn23widget .news .sub-news-cate .item .description { display: block; } .blogcolumn20widget .news .description, .blogcolumn23widget .news .description { width: auto !important; float: none; font-size: 14px; color: #777; padding: 0; } } .blogcolumn23widget .news .col480 > .box-news.full-thumb { border-bottom: 1px solid #eee; margin-bottom: 15px; width: auto; } .blogcolumn23widget .news .col480 > .box-news.full-thumb .title-news { font-size: 18px; font-weight: 600; clear: both; margin-top: 0; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .blogcolumn23widget .news .col480 > .box-news.full-thumb .image-wrapper { width: 49%; margin: 0; } .blogcolumn23widget .news .col480 > .box-news.full-thumb .wrap-sum-news { width: 51%; padding: 0 0 0 15px; } .blogcolumn23widget .news .col480 > .box-news.full-thumb .wrap-sum-news .description { display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 8px; font-size: 14px; line-height: 140%; } .blogcolumn23widget .news .col480 .sub-news-cate { margin-top: 0px; width: auto; } .blogcolumn23widget .news .sub-news-cate .item { border-bottom: 1px dotted #ddd; border-top: none; } .blogcolumn23widget .news .sub-news-cate .item a { line-height: 18px; } .blogcolumn23widget .news .sub-news-cate .grid-item { max-width: 50%; flex: 0 0 50%; position: relative; margin-bottom: 0; border: none; padding: 0 8px 0; } .blogcolumn23widget .news .sub-news-cate .grid-item .title a { font-size: 18px; } .list-item { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid rgba(43, 43, 43, 0.08); } .list-item.has-dot { padding: 0px 0 8px 15px; position: relative; } .list-item.has-dot:before { content: ""; width: 5px; height: 5px; background-color: var(--color-primary); position: absolute; border-radius: 50%; left: 0; top: 50%; margin-top: -8px; } .list-item:last-child { border-bottom: none; } .list-item .list-item-link { font-weight: 600; line-height: 1.63; word-break: break-word; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; color: #2b2b2b; } .list-item .list-item-link:hover { color: var(--color-secondary); } .news__content-shadow { padding: 15px; border-radius: 8px; box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.15); } .news__content-shadow.widget { padding: 15px 10px; } .news__content-shadow .slick-carousel.carousel-nav-top .slick-prev, .news__content-shadow .slick-carousel.carousel-nav-top .slick-next { top: -30px; } .news__content-feature-desc { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 15px; margin-bottom: 8px; } .box-news > .content > .title { color: #333; font-weight: 600; line-height: 1.3; font-size: 16px; overflow: hidden; display: block; } .box-news > .content > .title > a { color: inherit; } .box-news > .content > .title > a:hover { color: var(--color-primary); } .box-news .title { font-family: var(--post-title-font); } .box-news-larger .content > .title { font-size: 20px; } .box-news > .image { display: block; margin-bottom: 11px; } .image-wrapper > .image-small { padding-bottom: 60%; } .image-wrapper > .image-medium { padding-bottom: 62.439%; } .image-wrapper > .image-16-9 { padding-bottom: 56.25%; } .image-wrapper > .image { position: relative; display: block; overflow: hidden; background-repeat: no-repeat; background-position: 50%; background-size: 40%; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48ZyBmaWxsPSIjY2NjIj48cGF0aCBkPSJNMjUgMjh2NDNoNTVWMjhIMjV6bTUxIDM4SDMwVjMzaDQ1djM0Ii8+PHBhdGggZD0iTTMzIDYzbDEzLTExIDQgMyA5LTEyIDMgNiAzLTIgNyAxNnoiLz48Y2lyY2xlIGN4PSI0NSIgY3k9IjQxIiByPSI1Ii8+PC9nPjwvc3ZnPg==); background-color: #f5f4f4; border-radius: 5px; } .image-wrapper > .image > img { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: 50%; -o-object-fit: cover; object-fit: cover; } .image-wrapper .cat-in-thumb { position: absolute; top: auto; bottom: 10px; left: 10px; background-color: #777575; color: #fff; border-color: #777575; padding: 1px 5px; font-size: 11px; opacity: 0.9; } .kind-video .image-wrapper > .image { padding-bottom: 56.25% !important; } .lazy { opacity: 0; } .lazy.loading { opacity: 1; } .lazy.loaded { opacity: 1; } .item-news { width: 100%; display: inline-block; padding-bottom: 15px; margin-bottom: 15px; } .item-news .content .title a { color: #222b45; } .item-news .content .title a:hover { color: var(--color-primary); } .item-news:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .item-news .title { font-family: var(--post-title-font); } .article-content, .box-aside, .box-qc-wide, .box-testimonial .title a, .image-center, .image-wrapper, .tacgia-area .share-btns { overflow: hidden; position: relative; } .style_img_left { width: 100%; display: block; overflow: hidden; } .style_img_left .image-wrapper { width: 40%; float: left; } .style_img_left .content { width: 60%; padding-left: 10px; float: left; } .item-news-common .title-news { font-size: 15px; font-weight: 600; margin-bottom: 10px; } .item-news-common .title-news a { color: #333; } .meta-news { display: inline-block; vertical-align: middle; color: #575757; font-size: 12px; line-height: 14px; font-weight: 400 !important; margin: 4px 0; display: flex; align-items: center; } .meta-news .author-meta, .meta-news .cat, .meta-news .time-public, .meta-news .view-count { display: inline-block; margin-right: 5px; line-height: 15px; color: inherit; } .meta-news .cat, .meta-news .time-public, .meta-news .view-count { font-size: 11px; } .meta-news .author-meta { font-weight: 700; color: #0768ea; display: flex; align-items: center; } .meta-news .author-meta img { width: 28px; height: 28px; float: left; border-radius: 50%; -o-object-fit: cover; object-fit: cover; margin-right: 5px; } @media screen and (max-width: 767px) { .meta-news .author-meta img { width: 20px; height: 20px; } } @media (min-width: 767px) { .col-left.col-small { width: 435px; } .col-right.col-medium { width: 695px; } .moi_cap_nhat .box-news > .content > .title > a, .moi_cap_nhat .item-news .title { font-size: 18px; } .moi_cap_nhat .style_img_left .image-wrapper { width: 240px; } .moi_cap_nhat .style_img_left .content { width: calc(100% - 240px); padding-left: 15px; } .moi_cap_nhat .style_img_left .content .title { line-height: 23px; } .moi_cap_nhat .style_img_left .content .description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 15px; margin-bottom: 8px; } .moi_cap_nhat.small-image .style_img_left .image-wrapper { width: 40%; } .moi_cap_nhat.small-image .style_img_left .content { width: 60%; } } .slick-carousel { clear: both; } .slick-carousel .slick-list { margin: 0 -10px; } .slick-carousel .box-news { padding: 0 10px; } .slick-carousel .slick-prev, .slick-carousel .slick-next { width: 30px; height: auto; z-index: 7; background: rgba(244, 244, 244, 0.8); text-align: center; vertical-align: middle; opacity: 0; } .slick-carousel .slick-prev:before, .slick-carousel .slick-next:before { font-family: "FONT AWESOME 5 PRO"; color: #626060; font-size: 30px; line-height: normal; transition: 200ms ease-in-out; } .slick-carousel.carousel-nav-top .slick-prev, .slick-carousel.carousel-nav-top .slick-next { opacity: 1; } .slick-carousel.carousel-nav-top .slick-prev { top: -38px; right: 40px; left: auto; } .slick-carousel.carousel-nav-top .slick-next { right: 0; top: -38px; } .slick-carousel .slick-dots { left: 0; } .slick-carousel .slick-dots li button:before { font-size: 0px; line-height: 10px; color: #ccc; opacity: 1; background: #e4e4e4; border-radius: 50%; width: 10px; height: 10px; } .slick-carousel .slick-dots li, .slick-carousel .slick-dots li button { height: auto; width: auto; } .slick-carousel .slick-dots li.slick-active button:before { color: #fff; opacity: 0.75; } .slick-carousel:hover .slick-prev, .slick-carousel:hover .slick-next { opacity: 1; } .slick-carousel .slick-prev { left: 0; z-index: 1; } .slick-carousel .slick-next { right: 0; z-index: 1; } .slick-carousel .box-news-larger { margin-bottom: 0 !important; } .item-news-common p.meta-news { margin: 5px 0; } .group-links-timeline { padding: 0; display: block; float: left; list-style-type: none; width: calc(100% - 10px); } .group-links-timeline > li { float: left; border-top: none; width: 100%; padding: 8px 0; border-bottom: 1px dashed #d1d1d1; } .group-links-timeline > li:first-child { padding-top: 0; } .group-links-timeline > li:first-child a { padding-top: 0; } .group-links-timeline > li h3, .group-links-timeline > li .title-news { display: block; width: 100%; color: #000; padding-bottom: 5px; padding-top: 4px; } .group-links-timeline > li h3 > a, .group-links-timeline > li .title-news > a { font-size: 16px; line-height: 1.4; text-align: left; font-weight: bold; vertical-align: middle; display: table-cell; color: #333; font-family: var(--post-title-font); } .group-links-timeline > li h3 ::before, .group-links-timeline > li .title-news ::before { content: ""; width: 10px; height: 10px; background: var(--color-primary); border-radius: 50%; display: inline-block; margin-right: 5px; } .group-links-timeline > li.kind-photo h3:before, .group-links-timeline > li.kind-photo .title_h3:before { content: "\F03E"; background: transparent; font-family: Font Awesome\ 5 Pro; display: inline-block; color: var(--color-primary); } .group-links-timeline > li.kind-video h3:before, .group-links-timeline > li.kind-video .title_h3:before { content: "\F144"; background: transparent; font-family: Font Awesome\ 5 Pro; display: inline-block; color: var(--color-primary); } .group-links-timeline > li.kind-truc-tiep h3:before, .group-links-timeline > li.kind-truc-tiep .title_h3:before, .group-links-timeline > li.kind-live h3:before, .group-links-timeline > li.kind-live .title_h3:before { box-shadow: 0 0 0 0 rgb(255, 8, 8); transform: scale(1); animation: pulse-red 2s infinite; } @media (min-width: 1199px) { .col-main { padding-right: 30px; } .col-sidebar, .col-right { max-width: 316px; flex: 0 0 316px; } .col-content, .col-main { flex: 0 0 calc(100% - 316px); max-width: calc(100% - 316px); } .col-main-small-large { flex: 0 0 calc(100% - 316px - 226px); max-width: calc(100% - 316px - 226px); } .col-sidebar-small { max-width: 226px; flex: 0 0 226px; } } .box-cate-featured-vertical .sub-news-cate { width: 100%; float: left; padding-left: 0; list-style-type: none; } .box-cate-featured-vertical.no-thumb .item-news.full-thumb { border-bottom: none; padding-bottom: 0; } .box-cate-featured-vertical.no-thumb .featured-news .box-news > .content > .title > a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .box-cate-featured-vertical.no-thumb .sub-news-cate .item { font-weight: 700; padding: 16px 0 16px 18px; position: relative; border-bottom: 1px solid #e5e6ec; } .box-cate-featured-vertical.no-thumb .sub-news-cate .item .title-news { font-size: 16px; line-height: 1.5; } .box-cate-featured-vertical.no-thumb .sub-news-cate .item:last-child { border-bottom: none; margin-bottom: 0; } .box-cate-featured-vertical.no-thumb .sub-news-cate .item:before { content: ""; width: 5px; height: 5px; background-color: var(--color-primary); position: absolute; left: 0; top: 25px; border-radius: 50%; } .box-cate-featured-vertical.no-thumb .sub-news-cate .item a { font-family: var(--heading-font); height: 49px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #222b45; font-size: 16px; font-weight: bold; } .box-cate-featured-vertical.no-thumb .sub-news-cate .item .meta-news { display: block; } .creator-section { padding: 24px; margin-left: -15px; margin-right: -15px; border-radius: 0px; background-color: #01152f; } @media (min-width: 576px) { .creator-section { border-radius: 8px; margin-left: 0px; margin-right: 0px; } } .creator-section .top-creators { display: flex; } @media (max-width: 575px) { .creator-section .top-creators { flex-wrap: wrap; } } .creator-section .top-creators .logo-wrapper { width: 200px; margin: 0 auto 16px; } .creator-section .top-creators .logo-wrapper a { position: relative; } .creator-section .top-creators .logo-wrapper .logo-title { position: absolute; left: 20px; font-weight: 700; font-size: 20px; color: #fff; transform: translateY(50%); white-space: nowrap; } @media (min-width: 480px) and (max-width: 960px) { .creator-section .top-creators .logo-wrapper .logo-title { font-size: 17px; } } @media (min-width: 576px) { .creator-section .top-creators .logo-wrapper { margin-bottom: 0; margin-right: 40px; } } .creator-section .top-creators .creators { flex: 1 1 auto; overflow-x: auto; display: flex; flex-wrap: nowrap; } .creator-section .top-creators .creators .creator { margin: 0 25px 10px 0; width: 80px; flex: 0 0 auto; } .creator-section .top-creators .creators .creator .rank { bottom: -15px; left: -3px; position: absolute; font-size: 30px; font-weight: 900; color: #ffffff; line-height: 1; -webkit-text-stroke: 1px #007bff; } .creator-section .top-creators .creators .creator .creator-avatar { width: 56px; height: 56px; border-radius: 50%; border: 2px solid #1570ef; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #1570ef; } .creator-section .top-creators .creators .creator .creator-name { color: #fff; font-size: 13px; margin-top: 8px; margin-bottom: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .creator-section .latest-threads-header { margin-top: 24px; padding: 26px 0 24px; border-top: 1px solid #032a5e; justify-content: space-between; align-items: center; display: flex; } .creator-section .latest-threads-header .section-heading { color: #fff; font-size: 18px; font-weight: 700; margin: 0 60px 0 0; } .creator-section .latest-threads-header .button-gradient-2 { color: #fff; font-weight: 500; line-height: 18px; background-image: linear-gradient(94.95deg, #2AF598 -43.99%, #0049FD 106.14%); border: none; padding: 6px 15px; white-space: nowrap; } .creator-section .threads { display: flex; overflow-x: auto; } .creator-section .threads .box-news { min-width: 210px; margin-right: 14px; margin-bottom: 7px; border-radius: 6px; } @media (min-width: 768px) { .creator-section .threads .box-news { min-width: 180px; } } .creator-section .threads .box-news .meta-news { margin-top: 6px; font-size: 12px; font-weight: 600; display: flex; align-items: center; } .creator-section .threads .box-news .meta-news .author-meta img { display: none; } .creator-section .threads .box-news .title { margin-top: 4px; cursor: pointer; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; } .creator-section .threads .box-news .title a { color: #fff; font-size: 16px; font-weight: 600; line-height: 1.4; margin-bottom: 8px; } .creator-section .threads .box-news .title a:hover { color: var(--color-primary); } .creator-section .threads::-webkit-scrollbar { width: 8px; height: 8px; margin: 0; padding: 0; border-radius: 10px; background-color: hsla(0, 0%, 100%, 0.13); } .creator-section .threads::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #e2e2e2; } .creator-section .btn-view-all { margin-top: 15px; padding: 6px 16px; font-size: 16px; } .featured-news .item-news .title, .featured-news .box-news .title, .box-cate-featured .item-news .title, .box-cate-featured .box-news .title { font-size: 18px; } .featured-news .item-news .title a, .featured-news .box-news .title a, .box-cate-featured .item-news .title a, .box-cate-featured .box-news .title a { font-size: inherit; color: inherit; } .news-box-color .gradient-background { background: linear-gradient(328deg, rgba(238, 238, 238, 0) 55%, var(--color-primary) 90%); border-radius: 6px; inset: 0px; position: absolute; z-index: 1; } .news-box-color .full-thumb .cat { color: rgb(255, 255, 255); font-size: 26px; font-weight: 700; top: 10px; left: 16px; position: absolute; z-index: 1; } .news-box-color .full-thumb .cat a:hover { color: #fff; } .news-box-color .meta-news { margin-bottom: 10px; } .news-box-color .meta-news img { display: none; } .news-box-color .sub-news-cate .item { font-weight: 700; padding: 16px 0px 16px 18px; position: relative; border-bottom: 1px solid #e5e6ec; } .news-box-color .sub-news-cate .item:last-child { border-bottom: 0px; } .news-box-color .sub-news-cate .item::before { content: ""; width: 5px; height: 5px; background-color: rgb(80, 227, 194); position: absolute; left: 0px; top: 25px; border-radius: 50%; } .news-box-color .sub-news-cate .item a { color: #222b45; font-family: var(--heading-font); font-size: 16px; font-weight: 600; } @media screen and (min-width: 767px) { .news-box-color .sub-news-cate .item a { overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } } .news-box-color-2 { background-color: #192433; border-radius: 8px; height: 100%; display: flex !important; flex-direction: column; justify-content: space-between; } .news-box-color-2 .cat { font-weight: 700; text-align: center; text-transform: uppercase; border-radius: 6px; margin: -23px 18px 0px; padding: 12px; position: relative; background: var(--color-primary); display: block; color: #fff; } .news-box-color-2 .sub-news-cate { border-radius: 6px; padding: 30px 14px 15px; margin-top: -38px; } .news-box-color-2 .sub-news-cate .item { color: #bababa; padding: 10px 0; border-bottom: 2px solid rgba(219, 219, 219, 0.1); } @media (min-width: 767px) { .news-box-color-2 .sub-news-cate .item { height: 90px; } } .news-box-color-2 .sub-news-cate .item a { color: inherit; } @media screen and (min-width: 767px) { .news-box-color-2 .sub-news-cate .item a { overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } } .news-box-color-2 .sub-news-cate .item a:hover { color: #fff; } .news-box-color-2 .sub-news-cate .item:first-child a { font-weight: bold; } .news-box-color-2 .sub-news-cate .item:last-child { border-bottom: 0; } .news-box-color-2 .news-box-footer { padding: 0 14px 15px; } .news-box-color-3 { background-color: #f2f4f7; border-radius: 8px; height: 100%; display: flex !important; flex-direction: column; justify-content: space-between; } .news-box-color-3 .thumb-art { overflow: visible; } .news-box-color-3 .cat { line-height: 19px; font-weight: 600; text-align: center; border-radius: 35px; min-width: 115px; margin: -23px 18px 0px; padding: 12px 16px; position: absolute; background: var(--color-primary); color: #fff; } .news-box-color-3 .sub-news-cate { border-radius: 6px; padding: 30px 14px 15px; margin-top: -38px; } .news-box-color-3 .sub-news-cate .item { color: #2d3748; padding: 10px 0; border-bottom: 2px solid #e5e6ed; } @media (min-width: 767px) { .news-box-color-3 .sub-news-cate .item { height: 90px; } } .news-box-color-3 .sub-news-cate .item a { color: inherit; } @media screen and (min-width: 767px) { .news-box-color-3 .sub-news-cate .item a { overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } } .news-box-color-3 .sub-news-cate .item a:hover { color: var(--color-primary); } .news-box-color-3 .sub-news-cate .item:first-child a { font-weight: bold; } .news-box-color-3 .sub-news-cate .item:last-child { border-bottom: 0; } .news-box-color-3 .news-box-footer { padding: 0 14px 15px; } .news-box-color-3 .news-box-footer a { background: #e5e6ed; border: 1px solid #e5e6ed; } .widget-posts.type-2 .widget-content { border: 1px dotted var(--color-primary); border-top: 0; border-right: 0; border-radius: 0 0 0 30px; padding: 0 16px 16px; } .widget-posts.type-2 .widget-content .item { position: relative; } .widget-posts.type-2 .widget-content .item:before { content: ""; width: 7px; height: 7px; border-radius: 50%; left: -20px; top: 6px; position: absolute; display: block; background-color: var(--color-primary); } .widget-posts.type-2 .widget-content .item .info-wrapper { order: 0; margin-right: 1rem; } .widget-posts.type-2 .widget-content .item .info-wrapper .article-title { -webkit-line-clamp: 3; } .widget-posts.type-2 .widget-content .item .image-wrapper { order: 1; margin-right: 0 !important; min-width: 120px; width: 120px; } .featured-news-horizontal { padding: 15px; background: #eee; margin-top: -15px; } .featured-news-horizontal .box-news-larger { padding-bottom: 0; } .featured-news-horizontal .box-news-larger .thumb-art { flex: 0 0 50%; max-width: 50%; margin: 0; } .featured-news-horizontal .box-news-larger .content { padding: 0 15px 15px; } .featured-news-horizontal .other-news .item { padding: 5px 0 5px 20px; background-position: left 10px; position: relative; } .featured-news-horizontal .other-news .item:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: #000; position: absolute; left: 0; top: 50%; margin-top: -2px; } .featured-news-horizontal .other-news .item a { color: #1a1a1a; font-weight: bold; text-overflow: ellipsis; display: block; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .featured-news-horizontal .other-news .item:last-child { padding-bottom: 0; } .featured-news-horizontal.with-author-thumb .box-news-larger .thumb-art { flex: 0 0 100px; max-width: 100px; } .featured-news-horizontal.with-author-thumb .box-news-larger .thumb-art .name { font-size: 12px; color: #666; display: block; margin-top: 6px; text-align: center; } .featured-news-horizontal.with-author-thumb .box-news-larger .content { padding: 0 15px; } .featured-news-horizontal.with-author-thumb .box-news-larger .content > .title > a { font-size: 18px; } @media screen and (max-width: 480px) { .featured-news-horizontal.with-author-thumb .box-news-larger { margin-bottom: 15px; } .featured-news-horizontal.with-author-thumb .box-news-larger .thumb-art { order: 2; margin-top: 10px; } .featured-news-horizontal.with-author-thumb .box-news-larger .thumb-art .box-img { display: flex; align-items: center; } .featured-news-horizontal.with-author-thumb .box-news-larger .thumb-art .user-avatar { height: 3.8rem; width: 3.8rem; } .featured-news-horizontal.with-author-thumb .box-news-larger .content { padding: 0; } } @media screen and (max-width: 990px) { .featured-news-horizontal .box-news-larger { flex-wrap: wrap; } .featured-news-horizontal .box-news-larger .thumb-art { flex: 0 0 100%; max-width: 100%; margin: 0 0 10px; } .featured-news-horizontal .box-news-larger .content { width: 100%; padding: 0; } } .su-kien-nong .meta-news .cat { color: var(--color-primary); font-weight: bold !important; text-transform: uppercase; margin-bottom: 0; } .su-kien-nong .meta-news .time-public { color: #757575; font-size: 12px; font-weight: 400; text-transform: none; } .su-kien-nong .news-carousel .swiper-button-prev-outside { position: absolute; top: 50%; left: 0; width: 30px; height: 30px; z-index: 9; margin-top: -30px; } .su-kien-nong .news-carousel .swiper-button-next-outside { position: absolute; top: 50%; right: 0px; width: 30px; height: 30px; z-index: 9; margin-top: -30px; } .section_container { margin-bottom: 15px; clear: both; } .section_container.full-width { width: 100vw; position: relative; left: calc(-50vw + 50% - 9px); } .section_container.full-width > div { max-width: var(--site-content-width, 1140px); display: block; margin: 0 auto; padding: 20px 24px; } @media (min-width: 768px) { .section_container.full-width > div { max-width: 720px; } } @media screen and (min-width: 992px) { .section_container.full-width > div { max-width: 960px; } } @media screen and (min-width: 1200px) { .section_container.full-width > div { max-width: var(--site-content-width, 1140px); } } @media (max-width: 480px) { .section_container.full-width { left: calc(-50vw + 50%); } .section_container.full-width > div { padding: 20px 15px; } } .news-box { width: 100%; display: block; clear: both; } @media (max-width: 767px) { .news-box { margin-bottom: 0; padding-top: 0; } } .news-box-footer { clear: both; overflow: hidden; } .news-box-footer a, .news-box-footer button { color: var(--color-primary); background-color: #fff; border-color: #eee; width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 15px; height: 40px; } .news-box-footer a i, .news-box-footer button i { margin-left: 8px; } .news-box-footer a:hover, .news-box-footer button:hover { background: var(--color-secondary); color: #fff; border-color: var(--color-secondary); } @media (max-width: 480px) { .news-box-footer a, .news-box-footer button { width: 100% !important; } } .news-box-last { padding-bottom: 25px; } .box-cate-featured { margin-bottom: 15px; display: inline-block; width: 100%; } .box-cate-featured .item-news { width: 100%; float: left; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; } .box-cate-featured .item-news .thumb-art { width: 260px; margin-right: 20px; } .box-cate-featured .item-news.full-thumb { width: 245px; background: #f7f7f7; padding-bottom: 20px; margin-bottom: 0; border-bottom: none; } .layout-header-wrap .list-weather .weather-item { border-radius: 20px; background-color: #2a67a9; color: #fff; } @media (max-width: 767px) { .box-cate-featured .item-news.full-thumb { background: transparent; width: 40%; } .box-cate-featured .item-news.full-thumb .description, .box-cate-featured .item-news.full-thumb .title-news, .box-cate-featured .item-news.full-thumb p.meta-news { padding: 0 !important; } } @media (max-width: 576px) { .box-cate-featured .item-news.full-thumb { width: 100%; } } .box-cate-featured .item-news.full-thumb .thumb-art { width: 100%; margin: 0 0 10px 0; } .box-cate-featured .item-news.full-thumb .title { font-size: 18px; } .box-cate-featured .item-news.full-thumb .title a { font-size: inherit; } .box-cate-featured .item-news .description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .box-cate-featured .item-news .title-news { font-size: 16px; font-weight: 600; clear: both; margin-top: 0; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0.5rem; } .box-cate-featured .meta-news .cat { display: none; } .box-cate-featured.box-cate-featured-v3 .content-box-category .box-news-larger { width: 100%; background: none; } .box-cate-featured.box-cate-featured-v3 .content-box-category .box-news-larger .thumb-art { flex: 0 0 50%; max-width: 50%; margin: 0; } .box-cate-featured.box-cate-featured-v3 .content-box-category .box-news-larger .wrap-sum-news { flex: 0 0 50%; max-width: 50%; padding: 0 15px 0px; } .box-cate-featured.box-cate-featured-v3 .content-box-category .box-news-larger .wrap-sum-news > .title { font-size: 22px; line-height: 27px; } .box-cate-featured.box-cate-featured-v3 .content-box-category .box-news-larger .wrap-sum-news .other-news .item { padding: 5px 0; border-top: 1px dotted #000; } .box-cate-featured.box-cate-featured-v3 .content-box-category .box-news-larger .wrap-sum-news .other-news .item .title-news { font-size: 15px; margin: 0; font-weight: normal; } @media screen and (max-width: 767px) { .box-cate-featured.box-cate-featured-v3 .content-box-category .box-news-larger .thumb-art { flex: 0 0 100%; max-width: 100%; margin: 0 0 10px; } .box-cate-featured.box-cate-featured-v3 .content-box-category .box-news-larger .wrap-sum-news { flex: 0 0 100%; max-width: 100%; padding: 0; } } .box-cate-featured.box-cate-featured-v3 .content-box-category .sub-news-cate { width: 100%; padding: 0; justify-content: space-between; } .box-cate-featured.box-cate-featured-v3 .content-box-category .sub-news-cate .item-news { border-bottom: none; width: calc((100% - 48px) / 4 - 1px); display: flex; flex-direction: column; padding: 0; border-bottom: 1px dotted #000; } .box-cate-featured.box-cate-featured-v3 .content-box-category .sub-news-cate .item-news .title-news { margin-bottom: auto; } @media screen and (max-width: 767px) { .box-cate-featured.box-cate-featured-v3 .content-box-category .sub-news-cate .item-news { display: block; width: 100%; max-width: 100%; } } .box-cate-featured-v2 .item-news.full-thumb { width: 67.648%; background: none; padding-bottom: 0; } .box-cate-featured-v2 .item-news.full-thumb .image-wrapper { width: 48.914%; margin: 0; } .box-cate-featured-v2.style-10 .item-news.full-thumb { width: 50%; background: none; padding-bottom: 0; } .box-cate-featured-v2.style-10 .item-news.full-thumb .image-wrapper { width: 48.914%; margin: 0; } .box-cate-featured-v2 .wrap-sum-news { width: 51.086%; padding: 0 15px; } .box-cate-featured-v2 .wrap-sum-news .description { display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 8px; } .box-cate-featured-v2 .wrap-sum-news > * { padding-left: 0; padding-right: 0; } .box-cate-featured-v2 .sub-news-cate { width: 100%; justify-content: space-between; padding-left: 0; position: relative; } .box-cate-featured-v2 .sub-news-cate .item-news { max-width: 33%; padding-top: 10px; margin-top: 15px; position: relative; margin-bottom: 0; padding-bottom: 0; border: none; padding-left: 15px; padding-right: 15px; } .box-cate-featured-v2 .sub-news-cate .item-news:before { width: 6px; height: 6px; border-radius: 50%; content: ""; background: #e5e5e5; position: absolute; top: 18px; left: 0; } .box-cate-featured-v2 .sub-news-cate .item-news .title-news { font-size: 14px; font-weight: bold; margin-bottom: 0; } .box-cate-featured-v2 .sub-news-cate:before { width: 100%; height: 1px; content: ""; background: #e5e5e5; position: absolute; top: 15px; left: 0; } .box-cate-featured-v2 .article-sub-right { width: 32.352%; padding-left: 20px; position: relative; margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .box-cate-featured-v2 .article-sub-right:before { width: 1px; height: 100%; content: ""; background: #e5e5e5; position: absolute; top: 0; left: 0; } .box-cate-featured-v2 .article-sub-right .description { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 8px; } .tin_2cot_style_image_left .item-news { border-bottom: none; margin-bottom: 10px; padding-bottom: 10px; } .type-multi-cols .row-10 { margin: 0 -10px; } .type-multi-cols .row-10 > div { padding-left: 10px; padding-right: 10px; } @media screen and (min-width: 991px) { .type-multi-cols .w-20 { max-width: 20%; flex: 0 0 20%; float: left; } } .type-multi-cols .box-news .title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .sub-news-cate, .sub-news { width: calc(100% - 245px); padding-left: 20px; margin-bottom: 0; } @media (max-width: 960px) { .sub-news-cate, .sub-news { width: 100%; display: inline-block; padding-left: 0; } } @media (max-width: 576px) { .sub-news-cate, .sub-news { width: auto; padding-left: 0; margin-top: 5px; } .sub-news-cate .cat, .sub-news .cat { display: none; } } .sub-news-cate .item-news:last-of-type, .sub-news .item-news:last-of-type { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .box-cate-featured-vertical .item-news.full-thumb { width: 100%; background: none; padding-bottom: 10px; margin-bottom: 10px; } .widget { clear: both; width: 100%; display: inline-block; margin-bottom: 15px; } .widget .widget-title { display: block; position: relative; font-size: 18px; line-height: 23px; margin-bottom: 20px; color: #222; font-weight: 700; clear: both; } .widget .box-title .main-title, .widget .box-title h6, .widget .widget-title .main-title, .widget .widget-title h6 { font-size: inherit; font-weight: 600; position: relative; font-family: var(--heading-font); } .widget-comment-list { padding: 0 15px 15px; background: #ecf5fa; } .widget-comment-list .widget-title { padding: 10px 0; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; } .widget-comment-list .box-quote { position: relative; overflow: hidden; padding-left: 20px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; } .widget-comment-list .box-quote:before { content: "\F10D"; font-family: "FONT AWESOME 5 PRO"; color: #c5c5c5; position: absolute; top: 0; left: 0; font-size: 12px; } .widget-comment-list .box-quote:last-child { border: none; margin-bottom: 0; } .widget-comment-list .post-name { font-weight: 700; color: var(--color-primary); margin-bottom: 5px; font-size: 16px; } .widget-comment-list .author { float: right; font-style: italic; font-weight: 700; } .widget-comment-list.comment-list-type-default { background: #ffffff; box-shadow: 0 0 5px #eee; } .widget-comment-list .comment-list .item { margin-bottom: 25px; } .widget-comment-list .comment-list .item .title { font-size: 16px; font-weight: 700; margin-bottom: 8px; } .widget-comment-list .comment-list .item .title:hover { color: var(--color-primary); } .widget-comment-list .comment-list .item a { color: #222b45; } .widget-comment-list .comment-list .item .content { display: flex; flex-direction: row; } .widget-comment-list .comment-list .item .content .avatar { border-radius: 100%; background-color: #e5e6ec; margin-right: 12px; height: 30px; } .widget-comment-list .comment-list .item .content .body { font-size: 14px; padding: 15px; border-radius: 6px; background-color: #eaedf1; width: 100%; } .widget-comment-list .comment-list .item .content .body .author-info { font-size: 12px; margin-bottom: 8px; display: flex; flex-direction: row; align-content: center; } .widget-comment-list .comment-list .item .content .body .author-info p { margin-bottom: 0; } .widget-comment-list .comment-list .item .content .body .author-info .author.upper { margin-left: 0; margin-right: 12px; color: #0768ea; font-weight: 700; font-style: normal; } .widget-comment-list .comment-list .item .content .body .excerpt { margin-bottom: 0; } .widget-comment-list .comment-list .item:last-child { margin-bottom: 0; } .widget-poll { background: #f4f6fa; padding: 0 15px 15px; } .widget-poll .widget-title { padding: 10px 0; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; } .fw-bold { font-weight: 700 !important; } .badge { display: inline-block; padding: 0.35em 0.65em; font-size: 0.75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .page-bg-grey .section-content { background: #f2f3f5; } .page-bg-grey .widget .widget-title { padding: 1rem 0.5rem !important; border-bottom: 1px solid #eaebec !important; margin: 0 !important; } .page-bg-grey .widget .box-body { padding: 0.5rem !important; } .page-subcribe .subcribe-form-inner > svg { position: absolute; right: 0px; bottom: 0px; height: 180px; width: 180px; opacity: 0.15; transform: rotate(-15deg); z-index: 0; } .mb-20 { margin-bottom: 20px; } .mt-20 { margin-top: 20px; } .separator { border-bottom: 2px solid #e9eaee; } .box-news { margin-bottom: 10px; position: relative; } .vedet-mobile .box-news-larger .image-wrapper > .image, .vedet-mobile-type-1 .box-news-larger .image-wrapper > .image { border-radius: 0; } .vedet-mobile .box-news-larger .content, .vedet-mobile-type-1 .box-news-larger .content { padding: 0; } @media (max-width: 767px) { .is_mobile .tin_host_home .box-news-larger { border-bottom: none; } .is_mobile .tin_host_home .box-news-larger .image-wrapper { margin-right: -15px; margin-left: -15px; } .is_mobile .tin_host_home .box-news-larger .content .title a { font-size: 22px; } .is_mobile .tin_host_home .sub-news .box-news { border: none; } .is_mobile .tin_host_home .sub-news .box-news .title > a { font-size: 15px; } .is_mobile .tin_host_home .sub-news .author-meta { display: none; } .is_mobile .tin_host_home .user-avatar { display: none; } .pagination { flex-wrap: wrap; justify-content: center; } .pagination li { margin-bottom: 5px; } .pagination li .page-link { padding: 0.1rem 0.5rem; } } .pagination { justify-content: center; } .pagination .page-item .page-link { color: var(--color-primary); } .pagination .page-item.active .page-link { background-color: var(--color-primary); border-color: var(--color-primary); color: #fff; } .category .pagination { margin-top: 20px; margin-bottom: 20px; } .blog-card .card-footer img { margin: 0 11px 0 0; width: 33px; } .widget-users .username a { color: #222b45; } .wrapper-topstory { margin-top: 0; } .wrapper-topstory .box-news-larger { padding-left: 0; background: #f4f6fa; margin-bottom: 15px; padding-bottom: 0; } @media (max-width: 767px) { .wrapper-topstory .box-news-larger { background: transparent; padding: 0; flex-wrap: wrap; } } .wrapper-topstory .box-news-larger .thumb-art { flex: 0 0 513px; max-width: 513px; margin: 0 0 0 0px; } @media (max-width: 1190px) { .wrapper-topstory .box-news-larger .thumb-art { flex: 0 0 60%; max-width: 60%; } } @media (max-width: 767px) { .wrapper-topstory .box-news-larger .thumb-art { float: none; flex: 0 0 100%; max-width: 100%; margin: 0; } } .wrapper-topstory .box-news-larger .content { padding: 15px; } .wrapper-topstory .box-news-larger .title { font-size: 20px; margin-bottom: 10px; padding-top: 0; margin-top: 0; } .wrapper-topstory .box-news-larger .title a { font-size: 23px; font-weight: 600; } .wrapper-topstory .box-news-larger p.snippet { font-size: 15px; line-height: 150%; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; } @media (max-width: 767px) { .wrapper-topstory .box-news-larger .content { padding: 0; } } .wrapper-topstory .sub-news-top { padding-top: 15px; border-top: 1px solid #e5e5e5; width: 100%; padding-left: 0; height: auto; clear: both; } .wrapper-topstory .list-sub-feature { clear: both; } .wrapper-topstory .list-sub-feature li .title-news { font-size: 15px; font-weight: 700; margin-top: 0; } .wrapper-topstory .list-sub-feature li .title-news a { color: #222; line-height: 140%; } .wrapper-topstory .list-sub-feature li .description { font-size: 14px; line-height: 140%; margin-top: 5px; } .wrapper-topstory .list-sub-feature li .description a:hover { color: #222; } .dark-bg .title-box-category .inner-title, .dark-bg .title-box-category .td-subcat-list .sub-cate, .dark-bg .box-news > .content > .title, .dark-bg .description { color: #fff; } .dark-bg .title-box-category .inner-title:before { background: #fff; } .dark-bg .meta-news { color: #ccc; } .dark-bg .box-news > .content > .title > a:hover { color: 1e582d !important; } .dark-bg .wrapper-box-video .meta-news .author-meta { color: #ccc; } .multimedia-plus { background: #31363a; padding: 15px; } .multimedia-plus.multimedia-mobile { background: var(--color-primary); margin-bottom: 15px; } @media screen and (max-width: 480px) { .multimedia-plus.multimedia-mobile { margin-left: -15px; margin-right: -15px; width: auto; } .multimedia-plus.multimedia-mobile .slick-carousel .slick-list { margin: 0; } } .multimedia-plus.multimedia-mobile .box-news { padding: 0; } .multimedia-plus.multimedia-mobile .title-box-category { border-bottom: none; margin-bottom: 10px; color: #fff; } .multimedia-plus.multimedia-mobile .title-box-category .parent-cate a { font-size: 18px; color: var(--color-primary); } .multimedia-plus.multimedia-mobile .title-box-category .sub-cate { font-size: 13px; } .multimedia-plus.multimedia-mobile .meta-news span { color: #838383; font-size: 13px; } .multimedia-plus.multimedia-mobile .slick-slide > div { padding: 0 5px; } .multimedia-plus.multimedia-mobile .box-news { border: 1px solid #ddd; background: #fff; } .multimedia-plus.multimedia-mobile .box-news > .content { padding: 0 10px; } .multimedia-plus.multimedia-mobile .box-news > .content > .title a { color: #000; font-size: 14px; } .multimedia-plus .box-news > .content > .title > a { color: #fff; } .multimedia-plus .box-news > .content > .title > a:hover { color: var(--color-primary); } .multimedia-plus .title-box-category { padding: 0 0 5px; border-bottom: 1px solid #bdbdbd; display: flex; align-items: center; } .multimedia-plus .title-box-category .parent-cate a { color: #fff; font-size: 22px; } .multimedia-plus .title-box-category .parent-cate a:hover { color: var(--color-primary); } .multimedia-plus .title-box-category .parent-cate .inner-title:before { content: none; } .multimedia-plus .title-box-category .td-subcat-filter { bottom: 0; } .multimedia-plus .title-box-category .sub-cate { color: #fff; font-size: 16px; margin-top: 0; } .multimedia-plus .title-box-category .sub-cate a { color: inherit; } .multimedia-plus .title-box-category .sub-cate a:hover { color: var(--color-primary); } #resultModal .modal-title { font-weight: bold; font-size: 20px; } .vote_rating_box { width: 100%; } .vote_rating_box .txt-kq-vote { align-items: flex-end; font-size: 16px; line-height: 150%; } .vote_rating_box .txt-kq-vote .option-txt { flex-shrink: 1; } .apexcharts-gridline { pointer-events: none; stroke: #f8f9fa; } .vote_rating_box .txt-kq-vote .count-vote-kq { margin-left: auto; padding-left: 15px; white-space: nowrap; font-size: 14px; } .vote_rating_box .item-kq-vote { margin-bottom: 15px; } .vote_rating_box .item-kq-vote .kq-vote { margin-top: 10px; } .vote_rating_box .item-kq-vote .kq-vote .progress-bar { background-color: var(--color-primary); } .vote_rating_box .title_bx { font-size: 18px; line-height: 160%; font-weight: 700; color: #222; margin-bottom: 10px; } .main-location-heading .nav-pills{ display: flex; align-items: center; justify-content: space-between; } .select-image, .preview-image { width: 150px; height: 150px; position: relative; border: 2px dashed #3c8dbc; text-align: center; color: #3c8dbc; cursor: pointer; margin-bottom: 15px; } .select-image input, .preview-image input { position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; line-height: 150px; opacity: 0; z-index: 2; cursor: pointer; } .select-image input[type=file], .preview-image input[type=file] { display: block; } .select-image:after, .preview-image:after { content: "\F067"; font-family: "Font Awesome 5 Pro"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 150px; z-index: 1; font-size: 20px; font-weight: normal; } .preview-image:after { content: none; } .preview-image img { max-width: 90%; width: auto !important; -o-object-fit: contain; object-fit: contain; height: 90% !important; position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .preview-image .remove { position: absolute; z-index: 999; right: -8px; top: -8px; width: 24px; height: 24px; line-height: 24px; border-radius: 50%; background: #ba2026; color: #fff; border: none; outline: none; } .general-form-inner { width: 100%; } .vue-treeselect__control { border-radius: 0 !important; } .vue-treeselect--single .vue-treeselect__input { margin-bottom: 0 !important; } .vue-treeselect__placeholder, .vue-treeselect__single-value { line-height: 40px !important; } .article-list .box-news { margin-bottom: 15px; } .w-separator { clear: both; overflow: hidden; line-height: 0; height: 1px; padding: 1px 0; width: 100%; margin: 30px 0; background: #d9d9d9; } .review-section { margin-top: 24px; margin-bottom: 24px; } .review-section .title-box-category.default { margin: 15px 0 0 15px; } .review-section .title-box-category.default .parent-cate { color: #fff; } .review-section .title-box-category.style_7 { left: 0; margin-bottom: -20px; } .review-section .foru-containers { display: flex; flex-direction: column; background-image: linear-gradient(90deg, #5563aa, #984aae); border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-top: 5px solid #49edd4; } .review-section .main-content { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding: 0 15px 12px 15px; margin-top: 20px; } .review-section .main-content .threads { display: flex; overflow-x: auto; gap: 15px; } .review-section .main-content .threads::-webkit-scrollbar { width: 8px; height: 8px; margin: 0; padding: 0; border-radius: 10px; background-color: rgba(255, 255, 255, 0.13); } .review-section .main-content .threads::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgba(255, 255, 255, 0.35); } .review-section .main-content .threads .box-news { background-color: rgba(0, 0, 0, 0.2); min-width: 210px; margin: 7px 0; border-radius: 6px; } .review-section .main-content .threads .box-news .meta-news { margin-top: 6px; font-size: 12px; font-weight: 700; padding: 0 10px; display: flex; align-items: center; } .review-section .main-content .threads .box-news .meta-news .author-meta img { display: none; } .review-section .main-content .threads .box-news .meta-news .cat, .review-section .main-content .threads .box-news .meta-news .time-public { display: none; } .review-section .main-content .threads .box-news .title { margin-top: 4px; cursor: pointer; padding: 0 10px 10px 10px; } .review-section .main-content .threads .box-news .title a { color: white; font-size: 16px; font-weight: 700; } @media (min-width: 768px) { .review-section .main-content .threads .box-news { max-width: 180px; flex: 0 0 180px; } } .review-section.no-background .foru-containers { background-image: none; } .review-section.no-background .title-box-category { margin: 0 0 15px 0; } .review-section.no-background .title-box-category .parent-cate { color: #000; } .review-section.no-background .main-content { padding: 0; margin-top: 0; } .review-section.no-background .main-content .threads .box-news { background-color: #fff; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08); } .review-section.no-background .main-content .threads .box-news .title a { color: #000; } .project-section .foru-containers { background: #eaedf1; border-top: 5px solid var(--color-primary); } .project-section .parent-cate { background-image: linear-gradient(90deg, var(--color-secondary), var(--color-primary)); text-transform: none; } .project-section .parent-cate:after { border-top: 50px solid var(--color-primary); } .project-section .thumbnail { position: relative; cursor: pointer; } .project-section .thumbnail:before { content: ""; display: block; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 3%, #101426); border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .project-section .thumbnail .thumb-wrapper { position: relative; } .project-section .thumbnail .thumb-wrapper .thumb { background-position: center; background-size: cover; background-repeat: no-repeat; display: block; height: 100%; margin: 0; padding: 0; width: 100%; background-color: #e5e6ec; border: 1px solid #e5e6ec; padding-top: 66.6667%; } .project-section .thumbnail .thumb-wrapper .thumb img { display: block; height: 100%; margin: 0; padding: 0; width: 100%; opacity: 0; } .project-section .thumbnail .title-container { z-index: 2; position: absolute; bottom: 10px; padding: 10px; text-align: center; width: 100%; } .project-section .thumbnail .title-container .title { color: #ffffff; font-size: 16px; font-weight: 700; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); } .project-section .thumbnail .title-container .underline { width: 47px; height: 3px; margin: 8px auto 10px; border-radius: 1.5px; background-color: #ccdbff; } .trending-section .title-box-category { margin-bottom: 15px; } .trending-section .title-box-category .parent-cate { color: inherit; font-weight: 700; display: flex; align-items: center; } .trending-section .title-box-category .parent-cate:before { content: ""; display: inline-block; width: 30px; height: 30px; margin-right: 10px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA9CAYAAAAeYmHpAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAeVSURBVHgB1VvNUtxGEO4ZrR18yuYJojyBySF2cOHycktOhltyMtxSLhsWXIkhF8MlJkkF5JhQuXl5AuMnYF1Fyg6XrG++RXmD5RLbgZ1Ot35AGo200kqLl69q0e5okPSpZ3r6bwQMEbeb344LKRoS5GVAsEHQB7AOIOqnvbArhHRRYVcK7CgQr3qq19l2fu7AkCCgQjSbzXpPjk2DwJtEshEnVxgufdqoYGfLWW9DhaiEdLO5bKPEBQUwW5JoGlwJuPtOiUe/O+sulEQp0ky2J+EBeGTPDK0jBWtlyA9EmoexkmMLCNgsKFmX/6Dwjz6wLni+F7/O2uON9RYMgMKkbze/H7ekekpf7eye2EUhOojqGapa+yL86zqO003rzS/yGMbGUapxUmw3hacT+gChfYQwV1TqhUjPL95fICJOVh+SYpsu+6jWe9POItkPwdRp0FeePnZGV5eeaXHrl4e7kBO5SS8srWwqbzib4ZHtwVrVmpZxp7ncAAseZEmfiKz+urG+BjmQi/TdpeUnkKKsBA1h1cPFYZA1PMcsZEg+L3GrX4cswoj4iJTJzMHLfRfOAAcv9jvXrk4+o6XxIyFg3NCl8fnEJPz5Yv951nUyJT2/tPwA6e0lz5CSUmLmLKSbhjtLy6vCl7oBYvHxxsNU3ZNKOkNpubROTlVhJJTFneZ302TmPjEtd2TJTaUJxUg60Jx/G06NDOEQ/hLa2zMQT31WaboQEd5LtmJ31Agztp0fOuSszBlO2RcEPDH9T0KR8Tymw7TejkJ+vb25/hJGEAcv/3j92cT1Qxq2X8ROkFd35dr1V6QAX8ebI0gb1qTM1rY21ldhxHF3aYUsRdQF5lrq7adRQyk2vAPnQYd7HggzLPVmjqeh1mwfy7GYUXVCmqUMhvWYHPoZOCdgaSqQCeNEgFhg2z78fUI6RcqtYUYwhoHf/PXZjbdi/Uhemg1/RYZ3Yi4A+61wPpF4bokUzQm/8x/fpo2vc0hu26gtT3nh+9na3BbQ8BwXQs1v4bcQt1PItt2BkuDAoASrPqi5GvrYefoe05COCgnJvU2Yqb6r2g5I6y6b6JLt2oISiDoq8/dWOrL3ZqqIfz2/uHKrJ7CV1/e9QKTpJc+EOqimoKXrKXJNb/BR+iLXTDhUz6EEdM+MvLFxZV3ai2rQfkCBq1AMtiXkavjD8aXuxnrQEOdnkAgqMXyUkG0YEGmuaHHiWDiqSkP6w/g9ISE8ni6S4lG2fkIoHGiZyvK9/YfIT9y03haF8EJX2jNIQaQlXNZP1OBtYdL9CJ/cNCdxXm/ZPWQTOPxwlAYKgDMleptAZde8dEu8uVs0oJdB2BXoRUVjUyhCPFO5BVqfP55io5BzLk0e4iJY3Z7WRorRlvrcEUK3ZrKRRZhdUYnvpoh44o0XGeoeYdLkUBCOwc7geS91za0U5pZyP8K8brIkyxAflHDkLjE+Uoq6hAGRh3DYMCjxTMIK5iAXRFe732CkixAOUZR4P8KPndwpHTt+L04GauIXIjtdMwjhEHmJV0jYCKmLPyuRVoZwiH7EKb/9V37C2foniBHEIAAPWdLazbFuml9VEA6RRRzS8lYGCesGjO4kHRuuhZzrRhT/6Cd0z4bzWFAR4RB9iMeRMqR9A0bNeMYLPYeeujWZ2BTgdGv0dpLDTHrGRPv0nmrWECIvHQNn4mygKPhgTzdg4PTmmXN4y/lplw67pnO0PN3Q29jElpZK2qfRKAMDkwZLZUH/TImXVlrJF8lWnvStlmSUITqvVc/iNdENflae5QiJ03MEEqPnKUk4iJLY0TaOBvGx5v8QOzTMF6IdgkCaw985i0CHT74hbTisEFJgg8+EL7tMQp9BjtStRFug6PzICdKc0EgHQ9yJtp1FzKws2QgaesNRMJU9i8z3ZtIDaecNQfLejrZFA50nZigH0vR/puGQkv8deSSeO7qGn5CuqbeOUdr3VqbhHCFIQNpasxtdw09I81wyShtxs0hA733Cq1w0Vk7Eg/8xL8sobXprZA9vwjmAOa8elzIjRjotAUaYpTRoE0YYKcPamIA0xtLv3lveA0PNVlYdx/tEWkEQVz9tbf6YEJYxiGD1wJTnpQVfPOVUDYwQ0iugwK3hO1O7mTSbplwylTyDdUvW9kZFo2eVfLGpnGbopBbPcUGcsY4DYIzavspTpDZMsLtLhJdN50hgX24766kua9/8WHaRWvna66LgZUlZ4ilHWYwdcjgqfcskD17st69MTJJBYyxGHbcETF+dmDzkEkYYIthWuHKtcV/5oSTb2CmnZ5a7CriPxBkulCg8T0O+gvpiZZu5STPYASGXjWNldkY3b7/FkVI7ZepV+F6WxJs59oUU9u8LkWbwnDoWsErj/VaO7i592hRueiWU7HBi0KRR2U8nH9fmqn5vO5NX/9J/ewOvw7wsFXVHC5MO0a/2OhtsA3DoWd+jlQ9la8wHJh0imOssdRuGDxcq0BulSYdgyVOQfkGgqNxiq3qrRGWkQ3ApspRqmq58I9eOGyNOd/pcUP+1KgwheaicdBTRbUcWClsJ+TE56HV/L5ao08jw5ja9HE7eHzLRHim8ftuZyuJ/loKAEgTmPp4AAAAASUVORK5CYII=); } .trending-section .threads { position: relative; display: flex; flex-wrap: wrap; } .trending-section .threads .thread { position: relative; display: flex; flex: 0 0 50%; flex-direction: row; flex-wrap: wrap; margin: 10px 0; color: #222b45; } .trending-section .threads .thread .thread-index { position: relative; display: flex; align-items: flex-start; justify-content: flex-start; flex: 0 0 60px; font-size: 40px; font-weight: 900; color: #a2acc6; line-height: 1; font-family: "RobotoCondensed", Arial, sans-serif; } .trending-section .threads .thread .thread-content { position: relative; display: flex; flex-direction: column; width: calc(100% - 60px); } .trending-section .threads .thread .thread-content .thread-title { font-family: var(--heading-font); font-size: 15px; font-weight: 700; color: inherit; margin-bottom: 8px; width: calc(100% - 20px); } .trending-section .threads .thread .thread-content .thread-title:hover { color: var(--color-primary); } .trending-section .threads .thread .thread-content .meta-news { margin: 0; } .trending-section .threads .thread .thread-content .meta-news .author-meta img { width: 20px; height: 20px; } @media (max-width: 500px) { .trending-section .threads .thread { flex: 0 0 100%; } } .trending-section.cols_1 .threads .thread { flex: 0 0 100%; max-width: 100%; } .youtube-videos .title h2 { font-size: 18px; font-weight: 700; line-height: 21px; } .youtube-videos .title h2 .inner-title { margin-left: 15px; } .youtube-videos .main-content { margin-top: 24px; } @media (max-width: 767px) { .youtube-videos .main-content { margin-top: 18px; } } .youtube-videos .iframe-wrapper { width: 100%; padding-top: 56.25%; position: relative; } .youtube-videos .iframe-wrapper iframe { position: absolute; top: 0; left: 0; } .youtube-videos .more-btn { margin-top: 15px; } .youtube-videos .more-btn a { font-weight: bold; } .youtube-videos .others-video { height: 292px; overflow-y: auto; background-color: #192433; } .youtube-videos .others-video::-webkit-scrollbar { width: 8px; height: 8px; margin: 0; padding: 0; border-radius: 10px; background-color: rgba(0, 0, 0, 0.13); } .youtube-videos .others-video::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgba(176, 176, 176, 0.55); } .youtube-videos .others-video ol { display: inline-block; width: 100%; padding: 0; } .youtube-videos .others-video ol li { padding: 15px 10px 10px; display: flex; overflow: hidden; width: 100%; outline: none; cursor: pointer; } .youtube-videos .others-video ol li .image-wrapper { max-width: 110px; flex: 0 0 110px; } .youtube-videos .others-video ol li .image-wrapper .video-mask { width: 24px; height: 24px; margin: -12px 0 0 -12px; } @media screen and (max-width: 480px) { .youtube-videos .others-video ol li .image-wrapper .video-mask { margin: 0; } } .youtube-videos .others-video ol li .content { flex: 1 1 0px; margin-left: 12px; color: #fff; } .youtube-videos .others-video ol li .content .title { font-size: 15px; line-height: 1.2em; margin-bottom: 0.2em; max-height: 4.8em; overflow: hidden; color: white; text-align: left; } .youtube-videos .others-video ol li .content .info { text-align: left; color: #bab9b9; font-size: 13px; } .youtube-videos .others-video ol li .content .info .view:before { content: " \2013 "; } .youtube-videos .others-video ol li.active { background-color: #2e3a59; } .promotion-template { margin-bottom: 15px; } .promotion-template .info { background-color: #0f1e2f; padding: 10px 6px; border-top: 1px solid #e5e6ec; border-left: 1px solid #e5e6ec; border-right: 1px solid #e5e6ec; border-top-left-radius: 8px; border-top-right-radius: 8px; } .promotion-template .info .title { font-size: 16px; font-weight: bold; color: #fff; text-transform: uppercase; display: flex; flex-direction: row; align-items: center; } .promotion-template .info .hightlight { width: 35px; height: 24px; position: relative; } .promotion-template .info .hightlight::before, .promotion-template .info .hightlight:after { content: ""; border-radius: 100%; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .promotion-template .info .hightlight:before { width: 100%; height: 100%; background: var(--color-secondary); opacity: 0.2; animation: zoom-jsx 1s ease-out infinite; } .promotion-template .info .hightlight:after { width: 10px; height: 10px; background: var(--color-secondary); animation: zoom-jsx 1s ease-in 0.05s infinite; } .promotion-template .header-promo-img { max-width: 100%; height: auto; border-bottom: 1px solid #e5e6ec; border-left: 1px solid #e5e6ec; border-right: 1px solid #e5e6ec; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; box-shadow: 0 2px 5px 0 rgba(183, 183, 183, 0.4); } .horizontal-scroll-content .article-list-wrapper .main-content { width: 100%; overflow-x: auto; } .horizontal-scroll-content .article-list-wrapper .threads { display: inline-flex; overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding: 0; margin: 0; } .horizontal-scroll-content .article-list-wrapper .threads .box-news { display: flex; flex-direction: column; width: 180px; background: #f7f7f7; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } @media screen and (max-width: 480px) { .horizontal-scroll-content .article-list-wrapper .threads .box-news { width: 160px; } } .horizontal-scroll-content .article-list-wrapper .threads .box-news .content { width: 100%; padding: 10px; margin-bottom: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .horizontal-scroll-content .article-list-wrapper .threads .box-news .content .title a { white-space: initial; } .horizontal-scroll-content .article-list-wrapper .threads .box-news:not(:last-child) { margin-right: 1rem; } img { height: auto; max-width: 100%; } .has_ratio { position: relative; width: 100%; } .has_ratio img { position: absolute !important; top: 0; left: 0; right: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .stretched img { width: 100%; } .meta-news > *:not(:last-child) span:after, .meta-news span:not(:last-child):after { content: " "; display: inline-block; margin: 0 0 0 5px; } .w-grid[class*=cols_]:not(.item-layout-default) .grid-list { display: flex; flex-wrap: wrap; margin: 15px -15px; } .w-grid[class*=cols_]:not(.item-layout-default) .grid-list .grid-item { padding: 0 15px 15px; } .w-grid[class*=cols_].item-layout-1 .grid-list { display: flex; flex-wrap: wrap; margin: 0; } .cols_1 > div[class*=list] > * { flex: 0 0 100%; max-width: 100%; } .cols_2 > div[class*=list] > * { flex: 0 0 50%; max-width: 50%; } .cols_3 > div[class*=list] > * { flex: 0 0 33.3333%; max-width: 33.3333%; } .cols_4 > div[class*=list] > * { flex: 0 0 25%; max-width: 25%; } .cols_5 > div[class*=list] > * { flex: 0 0 20%; max-width: 20%; } .cols_6 > div[class*=list] > * { flex: 0 0 16.6666%; max-width: 16.6666%; } .cols_7 > div[class*=list] > * { flex: 0 0 14.2857%; max-width: 14.2857%; } .cols_8 > div[class*=list] > * { flex: 0 0 12.5%; max-width: 12.5%; } .cols_9 > div[class*=list] > * { flex: 0 0 11.1111%; max-width: 11.1111%; } .cols_10 > div[class*=list] > * { flex: 0 0 10%; max-width: 10%; } @media (max-width: 1199px) { .w-grid:not(.item-layout-default) > div[class*=list] > * { flex: 0 0 33.3333%; max-width: 33.3333%; } .item-layout-default > div[class*=list] > * { flex: 0 0 100%; max-width: 100%; } } @media (max-width: 899px) { .w-grid:not(.item-layout-default) > div[class*=list] > * { flex: 0 0 50%; max-width: 50%; } } @media (max-width: 599px) { .w-grid > div[class*=list] > * { flex: 0 0 100%; max-width: 100%; } } .form-control.form-control-solid { background-color: #f5f8fa; border-color: #f5f8fa; color: #5e6278; transition: color 0.2s ease, background-color 0.2s ease; } .upload-preview-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; } .upload-preview-wrapper .upload-image-box { display: block; min-width: 150px; margin: 10px; margin-bottom: 20px; background-color: white; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); position: relative; } .upload-preview-wrapper .upload-image-box small { position: absolute; bottom: -20px; width: 100%; left: 0; text-align: center; } .upload-preview-wrapper .upload-options { position: relative; height: 40px; background-color: var(--color-primary); cursor: pointer; overflow: hidden; text-align: center; transition: background-color ease-in-out 150ms; } .upload-preview-wrapper .upload-options:hover { background-color: #afafaf; } .upload-preview-wrapper .upload-options input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .upload-preview-wrapper .upload-options label { display: flex; align-items: center; width: 100%; height: 100%; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; overflow: hidden; } .upload-preview-wrapper .upload-options label::after { content: "\F067"; font-family: "Font Awesome 5 Pro"; position: absolute; font-size: 30px; color: rgb(230, 230, 230); top: calc(50% - 22px); left: calc(50% - 10px); z-index: 0; } .upload-preview-wrapper .upload-options label span { display: inline-block; width: 50%; height: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; text-align: center; } .upload-preview-wrapper .upload-options label span:hover i.material-icons { color: lightgray; } .upload-preview-wrapper .js--image-preview { height: 110px; width: 100%; position: relative; overflow: hidden; background-image: url(""); background-color: white; background-position: center center; background-repeat: no-repeat; background-size: cover; } .upload-preview-wrapper .js--image-preview::after { content: "\F03E"; font-family: "Font Awesome 5 Pro"; position: relative; font-size: 3.5em; color: #e6e6e6; top: calc(50% - 2.5rem); left: calc(50% - 1.8rem); z-index: 0; } .upload-preview-wrapper .js--image-preview.js--no-default::after { display: none; } #goc_nhin .title a { font-family: var(--heading-font); font-size: 18px; } #goc_nhin .slick-list { margin: 0 -10px; } #goc_nhin .slick-list .slick-slide { padding: 0 10px; } #goc_nhin .box-news { margin-bottom: 0; } #goc_nhin .meta-news { margin: 15px 0; clear: both; overflow: hidden; display: flex; justify-content: space-between; align-items: center; } #goc_nhin .meta-news .meta-left { padding-right: 15px; } #goc_nhin .meta-news .author__name { font-style: italic; color: #838383; } #goc_nhin .meta-news .comment-count { float: none; display: block; padding-left: 0; } #goc_nhin .meta-news .viewed { color: #838383; font-size: 13px; } #goc_nhin .avartar { width: 64px; height: 64px; border-radius: 50%; display: block; overflow: hidden; } #goc_nhin .avartar img { width: 100%; height: 100%; } @media screen and (max-width: 991px) { #goc_nhin { padding: 15px 0; } } @media screen and (max-width: 767px) { #goc_nhin { background: #F7F7F7; padding: 15px 15px; border-top: 1px solid #E5E5E5; } #goc_nhin .title-box-category .parent-cate a { color: #000; } } .form-error { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .group-links-groups { display: block; overflow: hidden; height: 450px; } .custom-scrollbar::-webkit-scrollbar { width: 14px; height: 14px; } .custom-scrollbar::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #f2f2f2; background-color: #b9b9b9; } .custom-scrollbar::-webkit-scrollbar-track { background-color: #f2f2f2; border-radius: 8px; } .scroll-vertical { overflow: hidden; padding-right: 14px; } .scroll-vertical:hover { overflow-y: auto; padding-right: 0; } .clearfix { clear: both; } .widget-tab-view .nav-item { margin-left: 32px; } .widget-tab-view .nav-item .nav-link { display: inline-block; padding: 6px 15px; color: white; text-transform: uppercase; background-color: var(--color-primary); font-size: 14px; font-weight: 700; margin: 0; position: relative; height: 32px; border: none; border-radius: 0; } .widget-tab-view .nav-item .nav-link:before { content: ""; position: absolute; left: -30px; top: 0; width: 0; height: 0; border-top: 32px solid var(--color-primary); border-left: 30px solid transparent; display: block; } .widget-tab-view .nav-item .nav-link:after { position: absolute; top: 0; right: -30px; content: ""; display: inline-block; width: 0; height: 0; border-bottom: 32px solid var(--color-primary); border-right: 30px solid transparent; } .widget-tab-view .nav-item .nav-link.active { background-color: var(--color-secondary); } .widget-tab-view .nav-item .nav-link.active:before { border-top: 32px solid var(--color-secondary); } .widget-tab-view .nav-item .nav-link.active:after { border-bottom: 32px solid var(--color-secondary); } .widget-tab-view .nav-item:first-child { margin-left: 0px; } .widget-tab-view .nav-item:first-child .nav-link:before { content: none; } .widget-fact { margin-top: 15px; } .widget-fact .header { align-items: center; justify-content: space-between; display: flex; } .widget-fact .header .section-heading { color: #2d3748; font-size: 18px; font-weight: 700; margin: 0; } .widget-fact .header .follow { color: var(--color-primary); font-size: 14px; font-weight: 500; } .widget-fact .main { position: relative; } .widget-fact .facts-container { margin-top: 16px; overflow-x: auto; align-items: center; display: flex; gap: 10px; } .widget-fact .facts-container .item { padding: 0 0 8px; } .widget-fact .facts-container .item.new-fact .thread-editor { margin: 0; padding: 0; position: relative; background: none; } .widget-fact .facts-container .item.new-fact .thread-editor .preview-view-container { display: flex; align-items: center; flex-direction: column; justify-content: center; border-radius: 8px; position: relative; text-align: center; overflow: hidden; width: 112px; height: 180px; background-image: linear-gradient(315.42deg, #2AF598 3.91%, #0049FD 96.72%); } .widget-fact .facts-container .item.new-fact .thread-editor .preview-view-img { position: absolute; top: -20px; left: -20px; width: calc(100% + 40px); height: calc(100% + 40px); filter: blur(10px); -webkit-filter: blur(10px); background-position: center; background-repeat: no-repeat; background-size: cover; } .widget-fact .facts-container .item.new-fact .thread-editor .avatar { position: relative; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #1570ef; background-size: contain; background-repeat: no-repeat; background-position: center center; } .widget-fact .facts-container .item.new-fact .avatar-plus { color: #fff; font-size: 20px; line-height: 17px; width: 18px; height: 18px; border-radius: 50%; bottom: -2px; right: -2px; position: absolute; background-color: var(--color-primary); } .widget-fact .facts-container .item.new-fact .create-fact { color: #fff; font-size: 13px; font-weight: 600; margin-top: 4px; z-index: 2; } .widget-fact .facts-container .item:not(.new-fact) .preview-view-container { text-align: center; width: 112px; height: 180px; border-radius: 10px; overflow: hidden; position: relative; background-image: linear-gradient(315.42deg, #2AF598 3.91%, #0049FD 96.72%); } .widget-fact .facts-container .item:not(.new-fact) .preview-view-container .preview-view-img { -o-object-fit: cover; object-fit: cover; width: 112px; height: 180px; border-radius: 8px; transform: scale(1.2); transition: all 0.4s ease; } .widget-fact .facts-container .item:not(.new-fact) .preview-view-container:hover > .preview-view-img { transition: all 0.4s ease; transform: scale(1.4); } .widget-fact .facts-container .item:not(.new-fact) .preview-view-container .preview-mask { width: 100%; top: 0; bottom: 0; left: 0; right: 0; position: absolute; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 3.17%, #000000 100%); opacity: 0.8; overflow: hidden; padding: 50px 0; cursor: pointer; } .widget-fact .facts-container .item:not(.new-fact) .preview-view-container .preview-view-author-avatar { top: 8px; left: 9px; position: absolute; } .widget-fact .facts-container .item:not(.new-fact) .preview-view-container .preview-view-author-avatar .avatar { width: 32px; height: 32px; margin-right: 8px; border-radius: 100%; border: 1px solid; border-color: #1570ef; background-color: #fcfcfd; display: block; } .widget-fact .facts-container .item:not(.new-fact) .preview-view-container .preview-view-author-avatar .avatar .image-loader { overflow: hidden; position: relative; display: block; } .widget-fact .facts-container .item:not(.new-fact) .preview-view-container .preview-view-author-avatar .avatar .image-loader .spacer { display: block; } .widget-fact .facts-container .item:not(.new-fact) .preview-view-container .preview-view-author-avatar .avatar img { width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; position: absolute; -o-object-fit: cover; object-fit: cover; } .widget-fact .facts-container .item:not(.new-fact) .preview-view-container .preview-view-author { color: #FFFFFF; font-weight: 500; font-size: 13px; bottom: 8px; left: 9px; position: absolute; max-width: 90px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .toogle-text .content { text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 14; } .toogle-text .content.no-hidden { -webkit-line-clamp: inherit; } .toogle-text .text-more { cursor: pointer; color: #007bff; font-size: 13px; } .widget-countdown { background: #f7f7f7; border-radius: 10px; } .widget-countdown.bg-dark figcaption, .widget-countdown.bg-dark p, .widget-countdown.bg-dark li:after { color: #fff; } .widget-countdown .widget-content { width: 100%; display: flex; padding: 10px 15px; flex-wrap: wrap; box-sizing: border-box; text-align: center; align-items: center; justify-content: center; } .widget-countdown .widget-content figcaption { font-size: 17px; text-align: left; font-weight: bold; margin-bottom: 20px; margin-top: 10px; } .widget-countdown .widget-content .ps-finished-text { margin: 0; } .widget-countdown .widget-footer { width: 100%; margin: 0; padding: 10px 0; font-size: 18px; border-top: 1px solid #fff; text-align: center; font-weight: 600; } .widget-countdown .widget-footer p { margin: 0; } .ps-countdown { display: flex; justify-content: space-between; } .ps-countdown li { display: inline-block; margin-right: 0px; padding-right: 10px; position: relative; text-align: center; margin-right: 5px; } .ps-countdown li:after { color: #666; content: ":"; font-size: 20px; font-weight: 600; position: absolute; right: 0; top: 12px; } .ps-countdown li:last-child { margin-right: 0; padding-right: 0; } .ps-countdown li:last-child:after { content: none; } .ps-countdown li span { align-items: center; background-color: #fff; border: 1px solid #ccc; color: red; display: flex; font-size: 30px; font-weight: 600; height: 54px; justify-content: center; margin-bottom: 5px; width: 54px; } .ps-countdown li p { margin-bottom: 0; } .wn-slider .bg-overlay-gradient a:before { background-image: linear-gradient(transparent 60%, #000 100%); } .wn-slider .hero-slider { padding: 0 10px; } .wn-slider .slick-carousel a:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; border-radius: inherit; } .wn-slider .slick-carousel .cover-image { width: 100%; display: block; overflow: hidden; height: 0; padding-top: 50%; background-size: cover; position: relative; } .wn-slider .slick-carousel .cover-image img { position: absolute; top: 0; width: 100%; height: 100%; background-size: cover; background-position: 50%; -o-object-fit: cover; object-fit: cover; } .wn-slider .slick-carousel .slider-content { margin-top: auto; padding: 10px; } .wn-slider .slick-carousel .slider-content > * { color: #fff; } .wn-slider .slick-carousel .slider-content .slide-title { font-size: 20px; font-weight: bold; } .wn-slider .slick-carousel .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0.625rem; z-index: 1; } .wn-slider .slider-nav { margin: 0 -10px; } .wn-slider .slider-nav .slick-slide:hover .item-wrapper .thumbnail:before, .wn-slider .slider-nav .slick-current .item-wrapper .thumbnail:before { opacity: 0; } .wn-slider .slider-nav .slick-slide { outline: none; } .wn-slider .slider-nav .item-nav { outline: none !important; cursor: pointer; padding: 5px 5px; } .wn-slider .slider-nav .item-nav .item-wrapper { padding: 3px; box-shadow: 0 11px 19px 0 rgba(51, 51, 51, 0.15); } .wn-slider .slider-nav .item-nav .item-wrapper .thumbnail:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1; } .wn-slider .slider-nav .item-nav .thumbnail { padding-bottom: 60%; position: relative; display: block; overflow: hidden; } .wn-slider .slider-nav .item-nav img { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } body.loaded .td-subcat-filter { opacity: 1; } body.is_mobile.home .section-content { padding-top: 0 !important; } .time_clock { color: var(--header-text-color, #000); font-size: 22px; line-height: 33px; } .clamp-3-lines { overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .clamp-4-lines { overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .btn-link { color: var(--color-primary); } .category-v5 .box-featured-article { margin-bottom: 15px; } .category-v5 .tieudiem .box-news { margin-bottom: 15px; } @media screen and (min-width: 767px) { .category-v5 .tieudiem .box-news .content { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.9) 100%); padding: 50px 3.33333333% 20px; position: absolute; left: 0; bottom: 0; width: 100%; } .category-v5 .tieudiem .box-news .content > .title > a { color: #fff; font-size: 24px; } .category-v5 .tieudiem .box-news .content .meta-news { color: #eee; } } .category-v5 .box-related .box-news .content > .title a { font-size: 1.2rem; font-weight: 700; letter-spacing: -0.02em; } .page_tag .article-detail .article-content h2, .page_tag .article-detail .article-content h2 *, .page_tag .article-detail .article-content h3, .page_tag .article-detail .article-content h3 * { font-size: 17px !important; } @keyframes animate-arrow-1 { 0% { transform: translateY(-40px); opacity: 0; } 70%, to { transform: translateY(0); opacity: 0.3; } } @keyframes animate-arrow-2 { 0% { transform: translateY(-20px); opacity: 0; } 70%, to { transform: translateY(0); opacity: 0.5; } } @keyframes animate-arrow-3 { 0% { transform: translateY(-10px); opacity: 0; } 70%, to { transform: translateY(0); opacity: 1; } } .readmore_content_exists { text-align: center; position: relative; } .readmore_content_exists button { color: rgba(51, 51, 51, 0.5); text-align: center; margin: 0 5px 20px; vertical-align: middle; transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; display: inline-block; border: none; font-size: 19px; background: url() no-repeat top; background-color: transparent; background-size: 26px 17px; padding-bottom: 0; padding-top: 40px; } .readmore_content_exists button { color: rgba(51, 51, 51, 0.5); text-align: center; } .readmore_content_exists button span, .readmore_content_exists button span span { display: block; right: 0; left: 0; margin: auto; position: absolute; } .readmore_content_exists button span.arrow { top: 22px; } .readmore_content_exists button span.arrow:before { content: ""; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAMCAYAAAAH4W+EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDc3NEIyN0EyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDc3NEIyNzkyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjdCMUQ3OTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNjdCMUQ3QTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph5ikagAAAGHSURBVHjaYmAAAg8Pj14vLy87Bjzg////JGFPT09GHx8fNnxmguwE2Q1iMwI1eAI1bgPZxcjIOJ+Dg6Ns/fr1b3E5hhjg7e3NuG3bNpyKAwMDhX/8+NEFNC8J7AhGRi8mHh6evUBGHRD/AkkAFVwHujQWmwFANWCMx4eMYWFheB0BMhtkB8guoFk/QXaD3QBTAAxG1b9//84AKnCCWrqPmZk5Y8uWLbfxRRdSKDADHfAXl1pC5jNiczFQcS8Qi4JcDBRqBbq4c/Xq1b+wWRAaGgoygxEo/w+HPNuXL1/KgcxqoJnsQDNfA3Ex0NGLUUIbh2YhoOZuoMZEqJobTExM6UDNhxhIAKDE+O/fv5lApgYsDQI9VQp09DuMaKeWQZR6hBmfgbdv335oaGg4+zcQAB1hDTTYFMhMUlNTewGUu4QrMf769WszUK0NKAMAcRMvL2/Mxo0b7+Gzi5HYYCaU2MhJ7GQ5BF9ihkrhTYxUdwhagZSIZAbRaYhqDsGSmBnIyVXIACDAAM34JXWPolNhAAAAAElFTkSuQmCC); display: block; width: 25px; right: 0; left: 0; top: -5px; margin: auto; position: absolute; opacity: 1; height: 15px; background-size: contain; background-repeat: no-repeat; } .readmore_content_exists button span.arrow:after { content: ""; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAMCAYAAAAH4W+EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDc3NEIyN0EyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDc3NEIyNzkyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjdCMUQ3OTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNjdCMUQ3QTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph5ikagAAAGHSURBVHjaYmAAAg8Pj14vLy87Bjzg////JGFPT09GHx8fNnxmguwE2Q1iMwI1eAI1bgPZxcjIOJ+Dg6Ns/fr1b3E5hhjg7e3NuG3bNpyKAwMDhX/8+NEFNC8J7AhGRi8mHh6evUBGHRD/AkkAFVwHujQWmwFANWCMx4eMYWFheB0BMhtkB8guoFk/QXaD3QBTAAxG1b9//84AKnCCWrqPmZk5Y8uWLbfxRRdSKDADHfAXl1pC5jNiczFQcS8Qi4JcDBRqBbq4c/Xq1b+wWRAaGgoygxEo/w+HPNuXL1/KgcxqoJnsQDNfA3Ex0NGLUUIbh2YhoOZuoMZEqJobTExM6UDNhxhIAKDE+O/fv5lApgYsDQI9VQp09DuMaKeWQZR6hBmfgbdv335oaGg4+zcQAB1hDTTYFMhMUlNTewGUu4QrMf769WszUK0NKAMAcRMvL2/Mxo0b7+Gzi5HYYCaU2MhJ7GQ5BF9ihkrhTYxUdwhagZSIZAbRaYhqDsGSmBnIyVXIACDAAM34JXWPolNhAAAAAElFTkSuQmCC); display: block; width: 25px; top: 2px; right: 0; left: 0; margin: auto; position: absolute; opacity: 0.5; height: 15px; background-size: contain; background-repeat: no-repeat; } .readmore_content_exists button .arrow:after { animation: animate-arrow-2 1s ease-in-out infinite 0.1s; } .readmore_content_exists button span, .readmore_content_exists button span span { display: block; right: 0; left: 0; margin: auto; position: absolute; } .readmore_content_exists button span span { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAMCAYAAAAH4W+EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDc3NEIyN0EyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDc3NEIyNzkyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjdCMUQ3OTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNjdCMUQ3QTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph5ikagAAAGHSURBVHjaYmAAAg8Pj14vLy87Bjzg////JGFPT09GHx8fNnxmguwE2Q1iMwI1eAI1bgPZxcjIOJ+Dg6Ns/fr1b3E5hhjg7e3NuG3bNpyKAwMDhX/8+NEFNC8J7AhGRi8mHh6evUBGHRD/AkkAFVwHujQWmwFANWCMx4eMYWFheB0BMhtkB8guoFk/QXaD3QBTAAxG1b9//84AKnCCWrqPmZk5Y8uWLbfxRRdSKDADHfAXl1pC5jNiczFQcS8Qi4JcDBRqBbq4c/Xq1b+wWRAaGgoygxEo/w+HPNuXL1/KgcxqoJnsQDNfA3Ex0NGLUUIbh2YhoOZuoMZEqJobTExM6UDNhxhIAKDE+O/fv5lApgYsDQI9VQp09DuMaKeWQZR6hBmfgbdv335oaGg4+zcQAB1hDTTYFMhMUlNTewGUu4QrMf769WszUK0NKAMAcRMvL2/Mxo0b7+Gzi5HYYCaU2MhJ7GQ5BF9ihkrhTYxUdwhagZSIZAbRaYhqDsGSmBnIyVXIACDAAM34JXWPolNhAAAAAElFTkSuQmCC); width: 25px; top: 9px; height: 15px; opacity: 0.3; background-size: contain; background-repeat: no-repeat; } .readmore_content_exists button .arrow span { animation: animate-arrow-1 1s ease-in-out infinite; } .readmore_content_exists button .arrow:before { animation: animate-arrow-3 1s ease-in-out infinite 0.2s; } .readmore_content_exists:before { content: ""; position: absolute; bottom: 100%; height: 200px; left: 0; background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff); width: 100%; } .this_class_to_hide_all { display: none !important; } .bottom-main { background: #f4f6fa; padding: 20px 0; } .sidebar-inner { position: sticky; top: 120px; } .overlay-style-1.post-item { position: relative; overflow: hidden; border-radius: 5px; } .overlay-style-1.post-item .post-thumb { position: relative; overflow: hidden; } .overlay-style-1.post-item .post-thumb a { display: block; } .overlay-style-1.post-item .post-thumb a:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: #000; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; } .overlay-style-1.post-item .post-thumb img { -o-object-fit: cover; object-fit: cover; transition: 0.5s; width: 100%; height: 360px; } .overlay-style-1.post-item .post-content { position: absolute; bottom: 40px; left: 40px; right: 40px; z-index: 1; } .overlay-style-1.post-item.sm-item .post-content { left: 30px; right: 30px; bottom: 30px; } .overlay-style-1.post-item .post-title { font-size: 20px; line-height: 30px; font-weight: 700; } .overlay-style-1.post-item .post-title a { color: #fff; background: linear-gradient(to right, #fff 0%, #fff 100%); background-size: 0px 6%; background-repeat: no-repeat; background-position: left 100%; transition-duration: 0.5s; display: inline; } .overlay-style-1.post-item .meta-news span { color: #fff; } .overlay-style-1.post-item .description { color: #fff; } .overlay-style-1.post-item .cate-badge { color: #fff; font-size: 12px; font-weight: 700; text-transform: uppercase; border-radius: 30px; line-height: 1.5; display: inline-block; padding: 5px 15px; border-top-left-radius: 0; letter-spacing: 1px; margin-bottom: 15px; transition: 500ms all ease; } .overlay-style-1.post-item .cate-badge:hover { border-top-right-radius: 0; border-top-left-radius: 30px; } .overlay-style-1.post-item.lg-item .post-content { padding: 30px; bottom: 0; left: 0; right: 0; } .overlay-style-1.post-item.lg-item .post-content:after { background: linear-gradient(to top, #191c20 0, rgba(25, 28, 32, 0.95) calc(100% - 150px), rgba(25, 28, 32, 0) 100%); width: 100%; height: 100%; bottom: 0; left: 0; content: ""; position: absolute; z-index: -1; } .overlay-style-1.post-item:hover .post-title a { background-size: 100% 6%; } @media screen and (max-width: 480px) { .overlay-style-1.post-item .post-title { font-size: 18px; line-height: 26px; } } .img-scale .post-thumb img { transition: transform 1s ease; } .img-scale:hover .post-thumb img { transform: scale(1.1); } .pfy-play-btn { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 1; } .pfy-play-btn a { color: #fff; z-index: 11; text-align: center; display: block; width: 48px; height: 48px; line-height: 48px; } .play2-btn { width: 50px; height: 50px; margin: 0 auto; background: #ff0005; line-height: 50px; border-radius: 50%; margin-bottom: 20px; position: relative; } .play2-btn a { color: #fff; z-index: 11; text-align: center; display: block; } .post-slider.full-width { width: 100vw; position: relative; left: calc(-50vw + 50% - 9px); } .post-slider .post-slider-wrap.full-width { position: relative; left: 50%; right: 50%; margin-left: calc(-50vw + 7.5px); margin-right: calc(-50vw + 7.5px); width: calc(100vw - 16px); } .post-slider .post-slider-wrap.overlay-1 .post-thumb { position: relative; overflow: hidden; height: 600px; background-size: cover; background-position: center; } @media screen and (max-width: 480px) { .post-slider .post-slider-wrap.overlay-1 .post-thumb { height: 400px; } } .post-slider .post-slider-wrap.overlay-1 .post-content { position: absolute; top: 50%; width: 100%; text-align: left; transform: translateY(-50%); z-index: 1; padding: 0 30px; } .post-slider .post-slider-wrap.overlay-1 .post-content .post-title { font-size: 40px; line-height: 50px; font-weight: 700; color: #fff; } .post-slider .post-slider-wrap.overlay-1 .post-content .post-title a { color: inherit; background: linear-gradient(to right, #fff 0%, #fff 100%); background-size: 0px 6%; background-repeat: no-repeat; background-position: left 100%; transition-duration: 0.5s; display: inline; } .post-slider .post-slider-wrap.overlay-1 .post-content .post-excerpt { color: #fff; font-weight: 600; font-size: 20px; } .post-slider .post-slider-wrap.overlay-1 .post-content .post-btn { margin-top: 15px; min-width: 150px; border-radius: 30px; font-size: 16px; text-transform: uppercase; display: inline-flex; justify-content: space-between; align-items: center; } @media screen and (max-width: 480px) { .post-slider .post-slider-wrap.overlay-1 .post-content .post-title { font-size: 24px; line-height: 30px; } .post-slider .post-slider-wrap.overlay-1 .post-content .post-excerpt { font-weight: 500; font-size: 16px; } .post-slider .post-slider-wrap.overlay-1 .post-content .post-btn { font-size: 14px; } } .post-slider .post-slider-wrap.overlay-1 .post-item { position: relative; overflow: hidden; } .post-slider .post-slider-wrap.overlay-1 .post-item:after { position: absolute; content: ""; background: #000; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .post-slider .post-slider-wrap.overlay-1 .post-item:hover .post-title a { background-size: 100% 6%; } .post-slider .post-slider-wrap .slick-dots { bottom: 15px; } .post-slider .post-slider-wrap .slick-list { margin: 0; } .box-social { border: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); background: #fff; padding: 15px; padding-left: 16px; } .box-social .box-content { display: flex; flex-wrap: nowrap; flex-grow: 1; flex-shrink: 1; width: 100%; align-items: flex-start; align-items: center; gap: 8px; } .box-social .box-content .submit { border: none; background: none; padding: 0; font-size: 22px; color: #7c7c7c; width: 33px; } .box-social .box-content .post-input { flex-grow: 1; padding: 8px 12px; border-radius: 20px; min-height: 40px; display: flex; justify-content: flex-start; align-items: center; height: auto; background: #f0f2f5; } .box-social .box-content .post-input textarea { width: 100%; background: rgb(240, 242, 245); border: none; outline: none; margin-top: 0px; margin-bottom: 0px; height: 28px; } .box-social .box-content .post-input .input_content { width: 100%; cursor: text; } .box-social .box-content .post-input .comment-icons { display: flex; } .box-social .box-content .post-input .comment-icons a { color: #7c7c84; font-size: 15px; } .box-social .box-content .post-input .comment-icons label { margin: 0; } .box-social .box-content .post-input .comment-icons li { color: #7c7c84; margin: 0 6px; cursor: pointer; } .box-social .box-content .post-input:hover { background: #eee; } .box-social .box-content .post-input a { width: 100%; } .box-social .box-content .post-input span { color: #65676b; width: 100%; word-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow-y: hidden; -webkit-hyphens: auto; hyphens: auto; } .btn-round { border-radius: 50px; } .btn-register, .btn-login { min-width: 90px; } .block-scroll-main { overflow-x: auto; overflow-y: hidden; white-space: nowrap; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .block-scroll-main::-webkit-scrollbar { display: none; } .block-scroll-main::after { background: linear-gradient(to right, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.8), #fff); content: ""; height: 100%; position: absolute; top: 0; right: 0; width: 40px; } .mobile-menu-scrollbar .menu-bar { display: flex; flex-wrap: nowrap; list-style-type: none; gap: 15px; padding-right: 40px; } .mobile-menu-scrollbar .menu-bar li { margin: 0; position: relative; } .mobile-menu-scrollbar .menu-bar li a { font-size: 14px; font-weight: 600; line-height: 34px; color: #757575; padding: 5px 0; display: block; height: 100%; white-space: nowrap; text-transform: uppercase; font-family: var(--menu-font); } .mobile-menu-scrollbar .menu-bar li a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 4px; transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15); background-color: var(--color-primary); } .mobile-menu-scrollbar .menu-bar li.active a:after, .mobile-menu-scrollbar .menu-bar li:hover a:after { width: 100%; } .mobile-menu-scrollbar .menu-bar li:hover > .menu-link { background: none; color: var(--color-primary); } .mobile-menu-scrollbar .menu-bar li:hover > .menu-link .nav-link-text { color: inherit; } .horizontal-megamenu > .menu-item > .menu-link .nav-link-text, .horizontal-megamenu > .menu-item.menu-more .info-box-icon { color: 1e582d !important; } .footer-toolbar { position: fixed; right: 0; bottom: 0; left: 0; z-index: 99999; background: #fff; width: 100%; z-index: 99; box-shadow: 0 0 9px rgba(0, 0, 0, 0.12); width: 100%; transition: 0.5s; } .footer-toolbar ul { -webkit-box-pack: justify; -ms-flex-pack: justify; -ms-flex-wrap: wrap; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -5px; } .footer-toolbar ul li { flex: 0 0 33.333%; padding: 7px 5px 3px; width: 100%; max-width: calc((100% - 75px) / 3); } .footer-toolbar ul li a { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; line-height: 1.4; color: #333; } .footer-toolbar ul li a i { font-size: 20px; } .footer-toolbar ul li a span { margin-top: 5px; } .footer-toolbar ul li.active a, .footer-toolbar ul li:hover a { color: var(--color-primary); font-weight: 600; } .footer-toolbar ul li.active a i, .footer-toolbar ul li:hover a i { font-weight: 900; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .ps-3 { padding-left: 1rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .sticky-top { position: sticky; top: 0; z-index: 1020; } .nav-scroller { position: relative; z-index: 2; height: 230px; overflow-y: hidden; } .menu-location .nav-scroller { height: auto; } .nav-fill .nav-item, .nav-fill > .nav-link { text-align: center; } .nav-scroller .nav-link { font-size: 0.875rem; } .menu-location .nav-link { color: #003870; } .menu-location .nav-link:hover, .menu-location .nav-link:focus { color: #166abe; } .overview-caption-item { font-size: 16px; line-height: 20px; margin: 10px 0 14px 0; font-weight: 600; white-space: wrap; } .overview-caption-item:last-child { font-size: 14px; line-height: 20px; margin: 0; opacity: 0.8; } .weather-detail { font-size: 14px; } .avatar { position: relative; display: inline-block; width: 2rem; height: 2rem; } .weather-detail .avatar { height: auto; } .list-weather { margin-right: 10px; } .weather-item-title { font-size: 17px; font-weight: bold; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 20px; } .card-body { flex: 1 1 auto; padding: 1rem 1rem; } .card-title { margin-bottom: 0.5rem; } .list-weather { margin-right: 10px; } * { font-family: "Roboto", sans-serif; } .bd-placeholder-img { font-size: 1.125rem; text-anchor: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; } a { text-decoration: none; } @media (min-width: 768px) { .bd-placeholder-img-lg { font-size: 3.5rem; } } .b-example-divider { height: 3rem; background-color: rgba(0, 0, 0, 0.1); border: solid rgba(0, 0, 0, 0.15); border-width: 1px 0; box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, 0.1), inset 0 0.125em 0.5em rgba(0, 0, 0, 0.15); } .form-control-dark { color: #fff; background-color: var(--bs-dark); border-color: var(--bs-gray); } .form-control-dark:focus { color: #fff; background-color: var(--bs-dark); border-color: #fff; box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25); } .bi { vertical-align: -0.125em; fill: currentColor; } .text-small { font-size: 85%; } .dropdown-toggle { outline: 0; } .bg-blue { background: #275eaf; } .location-name-main { font-size: 16px; line-height: 32px; font-weight: bold; } .location-name-main > a { color: #ffffff; } .overview-current { display: flex; gap: 8px; } .overview-current img { width: 50px; height: 50px; } .bg_grey { background-color: #f4f5f8; } .btn-unit-switcher { font-size: 36px; line-height: 36px; font-weight: normal; margin: 0; text-align: center; cursor: pointer; outline: none; border: none; background: inherit; color: inherit; display: block; font-family: inherit; padding: 0px; } .unit-group { padding: 5px 10px 0 10px; } .unit-group > p { font-size: 36px; line-height: 36px; font-weight: bold; margin: 0; text-align: center; } .overview-caption-item { font-size: 16px; line-height: 20px; margin: 10px 0 14px 0; font-weight: 600; white-space: nowrap; } .overview-caption-item-detail { font-size: 16px; } .overview-caption-item:last-child { font-size: 14px; line-height: 20px; margin: 0; opacity: 0.8; } .overview-caption-summary-detail { font-size: 16px !important; } .avatar { position: relative; display: inline-block; width: 2rem; height: 2rem; } .weather-detail-white svg { fill: #000000; color: #000000; } .Icon--icon--2AbGu { display: inline-block; height: auto; width: 16px; } .op-8 { opacity: 0.8; } .weather-detail { font-size: 14px; } .list-weather { margin-right: 10px; } .weather-item { flex: 0 0 128px; text-align: center; padding: 12px 16px; border-radius: 20px; color: #003870; } .weather-item-footer { font-weight: 700; } .weather-item-title { font-size: 17px; font-weight: bold; } .weather-item p { font-size: 14px; } .user-current-location-title a { text-decoration: none; } .weather-detail-item { flex: 0 0 150px; } .nav-scroller { position: relative; z-index: 2; height: 230px; overflow-y: hidden; } .nav-scroller .nav { display: flex; justify-content: space-between; flex-wrap: nowrap; padding-bottom: 1rem; overflow-x: auto; text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; } .nav-scroller .nav-link { font-size: 0.875rem; } .font-size-18 { font-size: 18px; } .weather-day { border-bottom: 1px solid #dedede; color: #ffffff; } .weather-day:first-child { border-top: none; } .weather-summary { display: list-item; color: #ffffff; cursor: pointer; padding: 10px 0px; width: 100%; padding-left: 0; list-style: none; } .weather-summary-content { display: flex; align-items: center; justify-content: space-between; flex-direction: row; } .weather-summary-title { display: flex; align-items: center; width: 100%; font-size: 0.875rem; justify-content: space-between; } .summary-day { padding-right: 6px; margin: 0; font-weight: 400; font-size: 0.875rem !important; white-space: nowrap; } .summary-temperature { padding: 0 6px 0 0; flex: 0 0 75px; display: flex; align-items: center; } .summary-description { padding-right: 6px; margin: 0; align-items: center; text-align: center; } .summary-description span { display: block; } .summary-humidity { padding-right: 6px; display: flex; align-items: center; } .summary-speed { display: flex; align-items: center; padding-right: 8px; } .summary-temperature-max-value { font-size: 1.25rem; font-weight: 700; } .weather-summary-toggle { width: 10px; } .weather-content-item { flex: 0 0 125px; margin-bottom: 15px; } .weather-content-item-sun { flex: 0 0 auto; } .alert_wrap { text-align: center; } .card-list-weather .header-thoi-tiet-ngay { border-bottom: unset !important; } .weather-detail-cac-ngay .avatar { width: 20px; margin-right: 5px; } .weather-content-item-description { display: none !important; } summary { list-style: none; } summary::-webkit-details-marker { display: none; } .weather-content-item { font-size: 14px; } .weather-content-item h6, .weather-content-item span { font-size: 14px; } .breadcrumb-item a { text-decoration: none; color: #6c757d; } .weather-date-left .list-group-item { background: transparent; } .page-title a { text-decoration: none; color: #212529; font-size: 1.5em; } .weather-date { margin-bottom: 20px; } .weather-date-title { text-align: center; font-weight: bold; margin-bottom: 20px; } .weather-date .bg-card { background: #368ca9; } .weather-date:nth-child(2n+1) .bg-card { background: #046f94; } .ui-menu { z-index: 1000; min-width: 10rem; padding: 0.5rem 0; margin: 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .weather-others a { text-decoration: none; } .weather-others a:hover { text-decoration: underline; } .height-auto { height: auto; } .air-api { font-size: 18px; font-weight: bold; } .card-header { margin-bottom: 0; padding: 15px 12px 7px 12px; color: #fff; background: #3eaf89; /* background-color: rgba(0, 0, 0, 0.03); */ border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .menu-select-city { position: static; } .menu-select-city .menu-select-city__title { font-size: 14px; cursor: pointer; padding: 15px 0; } .menu-select-city .menu-select-city__title svg { height: 14px; fill: #fff; } .menu-select-city .menu-select-city__list { position: absolute; top: 100%; left: 0; left: 0; right: 0; width: 100%; padding: 20px; z-index: 1000; opacity: 0; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #000; border-radius: 0.25rem; display: none; } .menu-select-city .menu-select-city__list.active { opacity: 1; display: block; } .menu-select-city .menu-select-city__list ul { max-height: 300px; display: flex; flex-direction: column; flex-wrap: wrap; gap: 4px; } @media (max-width: 991px) { .menu-select-city .menu-select-city__list ul { max-height: 600px; } .menu-select-city .menu-select-city__title { padding: 0; } .header-column-left { justify-content: center; } } @media (max-width: 479px) { .menu-select-city .menu-select-city__list ul { display: block; max-height: 410px; overflow-y: auto; } } .menu-select-city .menu-select-city__list ul li { cursor: pointer; } .menu-select-city .menu-select-city__list ul li:hover { color: var(--color-primary); } @media screen and (max-width: 789px) { .weather-detail-item { flex: 0 0 95px; } .list-weather { margin-right: 0px; } .header-column-left, .header-select-city { display: block; } } .card-list-weather .avatar { width: 50px; height: 50px; } .card-weather-item { display: block; } .card-weather-item:nth-of-type(odd) > .card-weather-item-container { background-color: rgba(0, 0, 0, 0.05); color: #212529; } .card-weather-item-container { padding: 5px 5px; } .weather-link a { color: #fff; } .weather-link a.active, .weather-link a:hover { color: #fff; background-color: #275eaf !important; } .weather-others a { flex: 0 0 120px; } .font-h2 { font-size: 18px; margin-bottom: 12px; } .font-h3 { font-size: 16px; } .search-container { flex-grow: 2; } .separator-dashed { border-top: 1px dashed rgba(255, 255, 255, 0.08); margin: 5px 0; } .current-icon { display: flex; align-items: center; } @media (max-width: 768px) { .title_slider { width: 110px; margin: 4px; padding-left: 10px !important; } .category-bar { display: flex; flex-wrap: nowrap; gap: 15px; overflow-x: auto; margin-left: -12px; } .overview-current img { width: 60px; height: 60px; margin-right: 10px; } .current-temperature { font-size: 50px; } } .sun-item { text-align: center; } .sun-item span { font-size: 25px; } .sun-item i { font-size: 40px; } .cover-content { margin-top: 20px; /* max-height: 418px; */ padding: 0 15px; overflow: hidden; } .cover-content.active { max-height: initial !important; } .cover-content .item-link { padding: 6px 12px; background-color: #F2F2F2; border-radius: 20px; } .font-size-14 { font-size: 14px; } .list-weather-location img { width: 102px; } .list-weather-location .weather-item { flex: 0 0 100px; } .list-weather-location .nav-scroller { height: auto; } .list-weather-location .nav { justify-content: space-between; } .current-location-detail .weather-detail-location { justify-content: space-between; gap: 4px; padding-bottom: 8px; margin-bottom: 8px; } .weather-detail-location:last-child { border-bottom: none; } .sunrise-sunset { background-image: url(/themes/tinhte/public/images/sunrise-sunset.png); background-size: cover; background-position: center; border-radius: 20px; padding: 18px 20px 20px; margin-bottom: 20px; height: 145px; } .sunrise-sunset .title { font-size: 20px; line-height: 32px; text-transform: capitalize; text-align: center; color: #fff; margin-bottom: 0px; font-weight: 500; } .sunrise-sunset-time { font-size: 14px; line-height: 18px; text-align: center; color: #fff; font-weight: 300; margin-bottom: 5px; text-transform: uppercase; } .current-location-detail .weather-detail-location .avatar-img, .current-location-detail .weather-detail-location .avatar-img span{ margin-right: 4px; } .pd-h { padding: 16px; border-radius: 20px; } .bs-h { box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1); } .pd-c { padding: 16px; border-radius: 6px; } @media (max-width: 1400px) { .list-weather-location img { width: 40px; } .list-weather-location .weather-item { flex: 0 0 85px; } } @media screen and (max-width: 789px) { .weather-detail-location { border-bottom: 1px dotted rgba(255, 255, 255, 0.08); } .weather-detail-location .avatar { flex: 0 0 50px; } .weather-detail-location-item { display: flex; justify-content: space-between; } .weather-detail-location-item .fw-bold { flex: 0 1 auto; } .list-weather-location img { width: 40px; } .list-weather-location .weather-item { flex: 0 0 80px; } } .weather-location.weather-detail-category { display: block !important; padding-right: 10px; } .weather-detail-category .weather-detail-location { border-bottom: 1px dotted rgba(255, 255, 255, 0.08); } .weather-detail-category .weather-detail-location .avatar { flex: 0 0 50px; } .weather-detail-category .weather-detail-location-item { display: flex; flex: 1 1 auto; justify-content: space-between; } .weather-detail-category .weather-detail-location-item .fw-bold { flex: 0 1 auto; } .weather-detail-category .list-weather-location img { width: 40px; } .weather-detail-category .list-weather-location .weather-item { flex: 0 0 80px; } .sunrise { background-color: var(--color-secondary); color: #fff; } .sunrise span, .sunrise h2 { text-shadow: 1px 2px #000000; } .sunrise .sun-item { margin-top: 20px; } .menu-location .nav-scroller { height: auto; } .menu-location .nav { padding-bottom: 0; } .menu-location .nav-link { color: #003870; } .menu-location .nav-link:focus, .menu-location .nav-link:hover { color: #166abe; } .font-bold { font-weight: bold !important; } .current-location { margin-top: 1rem; border: 1px solid #eaebec; border-radius: 20px; padding: 16px; overflow: hidden; } .current-location.category-sidebar-news { margin-top: 0; margin-bottom: 1rem; } .list-top-news .list-top-new-items { box-shadow: none; border-radius: 0; border-bottom: 1px solid #f2f2f2; padding: 0 0 8px; } .list-top-news .list-top-new-items:last-child { border-bottom: none; } .list-top-news .list-top-new-items h5{ margin-bottom: 8px; } .current-temp-status { text-align: center; } .location-name { font-size: 18px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; display: flex; width: 100%; } .location-auto-refresh { font-size: 13px; font-weight: normal; line-height: 17px; height: 16px; display: inline-block; } .current-temperature { display: inline-flex; line-height: 70px; font-size: 70px; color: var(--color-secondary); } .unit-group { padding: 14px 10px 0 10px; } .unit-group > p { font-size: 36px; line-height: 36px; font-weight: bold; margin: 0; text-align: center; } .unit-group > p { font-size: 36px; line-height: 36px; font-weight: bold; margin: 0; text-align: center; } .overview-caption-item { font-size: 16px; line-height: 20px; margin: 10px 0 14px 0; font-weight: 600; white-space: wrap; } .overview-caption-item:last-child { font-size: 14px; line-height: 20px; margin: 0; opacity: 0.8; } .weather-feature-day { display: flex; text-align: center; justify-content: space-between; } .weather-feature-day-btn { color: #ffffff; margin-right: 10px; background: rgba(255, 255, 255, 0.1); font-size: 14px; font-weight: normal; display: block; padding: 5px 10px; } .weather-feature-day > a { display: block; border-radius: 3px; padding: 0; padding: 5px 0px; width: 100px; } .weather-detail .avatar { height: auto; } .weather-detail .separator-dashed, .current-location .separator-dashed { border-top: 1px dashed rgba(255, 255, 255, 0.08); margin: 5px 0; } .weather-detail h3, .weather-detail h6 { font-size: 14px; margin-bottom: 0; } .weather-sun { text-align: right; } .weather-detail h3, .weather-detail h6 { font-size: 14px; margin-bottom: 0; } .location-wheather { text-align: center; } .location-wheather > .card { background: #F2F2F2; transition: transform 0.8s ease 0s !important; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 20px; padding-bottom: 12px; } .location-wheather:hover > .card { background: rgba(255, 255, 255, 0.08) !important; } .location-wheather > .card p { font-size: 14px; } .location-wheather a { color: #212529; } .location-wheather.active > .card { background: rgba(255, 255, 255, 0.08) !important; } .card-city-title { font-size: 16px; line-height: 20px; margin-top: 12px; margin-bottom: 12px; color: var(--color-secondary); } .card-city-body { display: flex; justify-content: center; } .card-city-body img { width: 70px; } .precipitation { font-size: 13px; font-weight: 400; } .wheather-group-title { color: #212529; font-size: 14px; line-height: 20px; text-transform: uppercase; padding: 12px 0 8px 0; margin: 0; } .card-city-footer { font-weight: 700; display: flex; justify-content: center; } .card-city-footer p { margin-bottom: 4px; } .next-nav { position: absolute; top: 11px; right: 10px; display: block; width: 20px; height: 20px; text-align: center; z-index: 999999; display: none; } .next-nav .bi { vertical-align: 0; background-color: rgba(0, 0, 0, 0.9); color: #fff; border-radius: 50%; } @media screen and (max-width: 768px) { .next-nav { display: block; } .sunrise { min-height: unset; background-size: cover; } } .btn-facebook { background: #fff; width: 40px; height: 40px; display: flex; justify-content: center; color: #4267B2; } .btn-facebook i { font-size: 28px; align-self: center; } .btn-facebook:hover { background: #4267B2; color: #fff; } .social-footer { display: block; width: 30px; height: 30px; border-radius: 50%; background-color: #ffffff; text-align: center; } .social-footer i { display: block; padding: 3px; } .social-footer img { width: 17px; height: 17px; } .social-pinterest { width: 30px; height: 30px; overflow: hidden; } .footer-items-left { display: flex; } .footer-items-left a, .footer-items-left span { margin-right: 10px; align-self: center; } .social-facebook { color: #4267B2 !important; } .social-facebook:hover { color: #fff !important; background: #4267B2 !important; } .social-twitter { color: #1DA1F2 !important; } .social-twitter:hover { color: #fff !important; background: #1DA1F2 !important; } .social-instagram { color: #C13584 !important; } .social-instagram:hover { color: #fff !important; background: #C13584 !important; } .social-linkedin { color: #0e76a8 !important; } .social-linkedin:hover { color: #fff !important; background: #0e76a8 !important; } .social-pinterest { color: #4267B2 !important; } .social-pinterest:hover { color: #fff !important; background: #4267B2 !important; } .social-youtube { color: #FF0000 !important; } .social-youtube:hover { color: #fff !important; background: #FF0000 !important; } .social-footer-items { display: flex; } .menu-location .nav-item:last-child { border-right: none; } .ui-menu { z-index: 999999; } h1 > a { color: #212529; } .cover-content.conver-content-30-ngay-toi { max-height: 1000px; } @media screen and (max-width: 768px) { .footer-items-left { flex-wrap: wrap; } } .news-category { display: inline-block; margin: 5px 0 5px 0; padding: 0 10px; background-color: #398bca; color: #fff; } .news-category:hover { color: #fff; opacity: 0.9; } .news-list img { max-width: 150px; } .news-list h3.title { font-size: 14px; margin-top: 0px; margin-bottom: 8px; line-height: 25px; color: #333; } .news-list li { border-top: 1px dashed rgba(0, 0, 0, 0.08); padding-top: 10px; padding-bottom: 10px; } .news-list li:first-child { border: unset; padding-top: unset; } .news-link { display: block; } .html-content h1 { font-size: 18px; line-height: 25px; font-weight: bold; } .html-content h2 { font-size: 16px; line-height: 20px; font-weight: bold; } .html-content h3 { font-size: 15px; line-height: 18px; font-weight: bold; } .html-content h4 { font-size: 14px; line-height: 18px; font-weight: bold; } .html-content img { max-width: 100% !important; height: auto !important; } .toc-links ul { counter-reset: item; margin-top: 5px !important; } .toc-links ul, .toc-links li { background: 0 0; list-style: none none; line-height: 1.6; margin: 0; overflow: hidden; z-index: 1; padding: 0; } .toc-links ul li { font-size: 95%; margin-bottom: 5px; } .toc-links a { color: #444; box-shadow: none; text-decoration: none; text-shadow: none; } .toc-links li a::before { content: counters(item, ".") ". "; display: inline-block; counter-increment: item; margin-right: 0.2em; } .toc-links ul ul { margin-left: 1.5em; } .toc-container { background: #f9f9f9; border: 1px solid #aaa; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); display: table; margin-bottom: 1em; padding: 10px; position: relative; width: auto; } .toc-title-container { display: table; width: 100%; } p.toc-title { font-weight: 500; font-size: 120%; text-align: left; line-height: 1.45; margin: 0; padding: 0; } .title-toggle { display: table-cell; text-align: right; vertical-align: middle; } .title-toggle i { font-size: 16px; margin-left: 2px; color: #444; } .ez-toc-heading-1 { font-size: 16px; } .ez-toc-heading-2 { font-size: 14px; } .ez-toc-link:hover { text-decoration: underline; } .btn-toggle-toc { padding: 0px 3px; margin-left: 5px; } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; padding-left: 8px; } .news-list h3.title { font-size: 14px; margin-top: 0px; margin-bottom: 8px; line-height: 25px; color: #333; } h3.title:hover { color: #333; opacity: 0.9; } .bootstrap-autocomplete.dropdown-menu { z-index: 99999; } .bootstrap-autocomplete.dropdown-menu { width: 100% !important; left: 0 !important; right: 0 !important; border-radius: unset; top: 5px; border: 0; } .bootstrap-autocomplete .dropdown-item.active > .text-muted { color: #fff !important; } .list-top-new-items { box-shadow: 0 4px 16px 0 rgb(0 0 0 / 20%); background: #fff; border-radius: 12px; overflow: hidden; padding: 16px; margin-bottom: 16px; } .list-top-new-items img { width: 100%; object-fit: cover; border-radius: 12px; margin-bottom: 12px; } .list-top-new-items h5 { font-size: 14px; line-height: 20px; } .home-list-post .list-top-new-items img { height: 180px; } .home-list-post .list-top-new-items { height: 100%; padding-bottom: 0; } .top-news-link { display: block; } .breadcrumb-wrap { background: transparent; padding: 0; } ul.list-search-location { position: absolute; top: 32px; left: 0px; background: #ffffff; list-style: none; width: 100%; z-index: 9999; max-height: 180px; overflow: auto; border-radius: 6px; text-align: left; } ul.list-search-location li.item_searching { font-size: 14px; cursor: pointer; color: #212f3f; font-weight: 500; line-height: 20px; padding: 12px 12px 12px 16px !important; } ul.list-search-location li.item_searching:hover { background-color: #e8e1e1; } .header-select-city { display: flex; align-items: center; gap: 16px; } .header-select-city select { font-size: 14px; border: none; cursor: pointer; } .header-select-city .header-menu-link svg { margin-bottom: 2px; margin-right: 4px; } .header-select-city .header-menu-link a { font-size: 14px; color: #fff; display: inline-block; padding: 15px 16px; } .header-select-city .header-menu-link a:hover, .header-select-city .header-menu-link a:hover svg { color: var(--color-primary); fill: var(--color-primary); } .item-link h3 { margin-bottom: 0; } .item-link h3 a i { font-size: 12px; } .list-weather .nav-scroller { height: auto; } .list-weather .nav-scroller .nav { margin-top: 20px; justify-content: center; gap: 24px; } .list-weather.list-weather-fullday .nav-scroller .nav { justify-content: start; } .section-content .sticky-top { position: relative; z-index: 0; } .section-content .sticky-top.sticky-style { position: sticky; z-index: 99; top: 0px; } .header-wrap-inner.sticky { position: relative; } .footer-wrap { display: flex; align-items: center; justify-content: space-between; padding-top: 8px; } .footer-wrap .footer-left, .footer-wrap .footer-right ul { display: flex; align-items: center; margin-bottom: 8px; gap: 16px; font-size: 14px; } .general-header-inner { position: relative; } .sidebar-image li { margin-bottom: 24px; } .sidebar-image li img { width: 100%; } .main-location-heading .card{ flex: 1 1 auto; padding: 1.25rem; } .main-location-heading .weather-main-title { color: #003870; font-size: 22px; font-weight: 700; margin-bottom: 20px; } .feature-location .weather-main-hero { display: flex; flex-direction: column; align-items: center; justify-content: center; } .feature-location .current-temp-status img { width: 78px; height: 78px; } .main-location-heading .avatar-img, .main-location-heading .weather-detail-location { display: flex; flex-direction: column; align-items: center; } .main-location-heading .weather-detail { display:flex; justify-content: space-between; overflow-x: auto; } .main-location-heading .weather-main-hero { display: flex; align-items: center; padding-bottom: 16px; margin-bottom: 24px; border-bottom: 1px solid #f3f1ef; } .main-location-heading .weather-detail-custom { display: block !important; } .main-location-heading .weather-detail-custom .weather-detail-location { flex-direction: row; } .main-location-heading .weather-detail-custom .weather-detail-location:not(:last-child) { border-bottom: 1px solid #e9e5e1; margin-bottom: 16px; padding-bottom: 16px; } .main-location-heading .weather-detail-custom .weather-detail-location .weather-detail-location-item { font-size: 14px; margin-left: auto; line-height: 20px; color: #003870; display: flex; justify-content: center; } .main-location-heading .weather-detail-custom .current-icon { gap: 10px; } .weather-day-temp { display:flex; justify-content: space-between; } .main-location-heading .weather-day-temp { display: flex; align-items: baseline; justify-content: space-between; margin-top: 9px; } .main-location-heading .weather-item { flex: 0 0 auto; padding-top: 13px; padding-bottom: 5px; width: calc(25%); text-align: center; } .main-location-heading .weather-item .weather-item-body { margin: 9px auto 18px auto; } .main-location-heading .weather-item:not(:last-child) { border-right: 1px solid #f3f1ef; } .title-main h2, .title-main h3 { font-weight: 600; font-size: 18px; line-height: 27px; margin-bottom: 21px; color: #18211e; } .weather-main-hero { display: flex; align-items: center; padding-bottom: 16px; margin-bottom: 24px; border-bottom: 1px solid #f3f1ef; } .weather-main-hero > img:first-child { width: 78px; height: 78px; object-fit: cover; } .weather-main-hero .temp { font-weight: 600; font-size: 60.75px; line-height: 74px; color: #003870; } .weather-main-hero .desc p { font-weight: 600; font-size: 16px; line-height: 30px; color: #003870; margin-bottom: 0; text-transform: capitalize; } .weather-main-hero .desc span { font-size: 14px; line-height: 24px; color: #385878; } .weather-main-hero .extra { display: block; margin-left: 240px; margin-top: -10px; } .weather-main-hero .extra .item { display: flex; align-items: center; margin-bottom: 8px; } .weather-main-hero .extra .item .icon { width: 20px; } .weather-main-hero .extra .item .icon img { vertical-align: top; max-height: 16px; } .weather-main-hero .extra .item .temp { margin-left: 5px; font-size: 12px; line-height: 20px; color: #003870; display: flex; font-weight: normal; } .weather-main-hero .extra .item .temp p { margin-bottom: 0rem; } .weather-main-desc { display: flex; align-items: center; justify-content: space-between; } .weather-main-desc .item { color: #003870; text-align: center; } .weather-main-desc .item img { max-height: 16px; height: 16px; } .weather-main-desc .item .item-title { font-weight: 600; font-size: 14px; line-height: 20px; margin-top: 10px; margin-bottom: 4px; } .weather-main-desc .item .temp { font-size: 14px; line-height: 20px; color: #003870; display: flex; justify-content: center; } .air-quality-content .title { width: 102px; height: 102px; flex-shrink: 0; margin-right: 15px; border-radius: 50%; justify-content: center; align-items: center; display: flex; font-size: 18px; line-height: 27px; } .air-quality-content { display: flex; align-items: center; margin-bottom: 25px; } .air-quality-content.air-2 .title { border: thin solid #1c84ee; background-color: #bfdfff; color: #1c84ee; font-size: 15px; } .air-quality-content .desc { font-size: 14px; line-height: 20px; } .air-quality-list { display: flex; align-items: center; justify-content: space-between; } .air-quality-list:not(:last-child) { padding-bottom: 12px; margin-bottom: 13px; border-bottom: 1px solid #e9e5e1; } .air-quality-item { min-width: 50px; } .home-weather-current { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 48px 0; margin-bottom: 40px; } .home-weather-current, .category-weather-current { position: relative; } .layout-header-wrap { padding: 16px 24px; border-radius: 20px; background-color: #fff; } .home-weather-current.loading:before, .category-weather-current.loading:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 9; } .home-weather-current.loading:after, .category-weather-current.loading:after { content: ""; width: 30px; height: 30px; border-radius: 50%; border: 6px solid rgba(255, 255, 255, 0.5); border-top-color: var(--color-primary); position: absolute; z-index: 9999; top: calc(50% - 15px); left: calc(50% - 15px); animation: 1.5s spin infinite linear; } .widget-weather-content { } .widget-weather-content .container-fluid { padding: 0; } .widget-weather-content .card { border-radius: 0; border-color: #2a67a9 !important; } .widget-weather-content .card-body { padding: 0; } .widget-weather-content .weather-day, .widget-weather-content .card-title { padding: 0 1rem; } .widget-weather-content .card-title { background: #2a67a9; padding: 5px 15px; color: #fff; font-weight: 600; font-size: 16px; } .widget-weather-content .weather-day:last-child { border-bottom: none; } .widget-weather-content .weather-current .weather-summary-title { justify-content: space-around; font-size: 1rem; } .widget-weather-content .summary-temperature-max-value { font-size: 1rem; } .widget-weather-content .weather-current .summary-temperature-max-value { font-size: 1.25rem; } .widget-weather-content .summary-temperature { justify-content: center; padding: 0; } .widget-weather-content .weather-current .summary-temperature { flex: 0 0 100px; } .widget-weather-content .summary-description img { width: 50px; } .weather-logo { display: flex; justify-content: end; } .weather-logo .header-logo { height: 40px; width: auto; } .new-content-detail { margin-top: 1rem; } .widget-page .create-widget { padding: 16px; } .widget-page .new-content-detail h1 { font-size: 24px; } .widget-form-wrap label { color: #666; font-size: 14px; } .widget-form-wrap .form-control { box-shadow: unset; margin-top: 4px; } .widget-form-wrap .form-control:focus { border-color: #098d4b; } .widget-form-wrap .form-group { position: relative; width: 50%; } .widget-search-results { display: none; padding: 0.375rem 0; border: 1px solid #ced4da; border-radius: 0.25rem; min-height: 54px; position: absolute; width: 100%; background: #fff; z-index: 1; top: calc(100% + 2px); } .widget-search-results a { color: #18211e; display: block; padding: 0.375rem 0.75rem; } .widget-search-results a:hover { background: #efefef; color: #098d4b; } .form-control-color { width: 3.5rem; height: 42px; padding: 0.47rem; } .widget-container { margin: 0 auto; } .button-primary { outline: none !important; background-color: #2a67a9; border-radius: 20px; font-weight: 600; font-size: 16px; line-height: 27px; text-align: center; transition: all 0.2s linear; padding: 6px 20px; border: none; } .text-white { color: #fff!important; } .widget-search-results { position: absolute; left: 0px; background: #ffffff; list-style: none; width: 100%; z-index: 99; max-height: 180px; overflow: auto; border-radius: 6px; text-align: left; } .item_searching_widget { font-size: 14px; cursor: pointer; color: #212f3f; font-weight: 500; line-height: 20px; padding: 12px 12px 12px 16px !important; } .item_searching_widget:hover { background-color: #e8e1e1; } #calendar{ margin-left: auto; margin-right: auto; width: 320px; } #calendar_weekdays div{ display:inline-block; vertical-align:top; } #calendar_content, #calendar_weekdays, #calendar_header{ position: relative; width: 320px; overflow: hidden; z-index: 10; } #calendar_weekdays div, #calendar_content div{ width:40px; height: 40px; overflow: hidden; text-align: center; background-color: #FFFFFF; color: #787878; } #calendar_content{ -webkit-border-radius: 0px 0px 12px 12px; -moz-border-radius: 0px 0px 12px 12px; border-radius: 0px 0px 12px 12px; } #calendar_content div{ float: left; } #calendar_content div:hover{ background-color: #F8F8F8; } #calendar_content div.blank{ background-color: #fff; } #calendar_header, #calendar_content div.today{ zoom: 1; filter: alpha(opacity=70); opacity: 0.7; } #calendar_content div.today{ color: #FFFFFF; } #calendar_header{ width: 100%; display: flex; align-items: center; justify-content: space-between; text-align: center; background-color: #FF6860; padding: 18px 0; -webkit-border-radius: 12px 12px 0px 0px; -moz-border-radius: 12px 12px 0px 0px; border-radius: 12px 12px 0px 0px; } #calendar_header h3{ font-size: 20px; color: #FFFFFF; margin-bottom: 0; } i[class^=icon-chevron]{ color: #FFFFFF; width: 68px; text-align: center; cursor: pointer; } i[class^=icon-chevron] svg{ fill: #fff; } .home-list-post{ padding: 48px 0 32px; background-position: center; background-repeat: no-repeat; background-size: cover; } .home-list-post h2 { text-align: center; font-size: 24px; margin-bottom: 24px; } .section-author { margin-bottom: 30px; } .author-content .description { height: 72px; overflow: hidden; } .section-author .author-title { font-size: 24px; font-weight: 700; } .section-author-wrap { display: flex; border: 1px solid #e0e0e0 !important; padding: 30px; border-radius: 4px; } .section-author .author-thumbnail { flex: none; } .section-author .author-thumbnail img { object-fit: cover; } @media (min-width: 480px) { .header-column-left { display: flex; align-items: center; justify-content: space-between; gap: 16px; } } @media (min-width: 992px) { .home-weather-current .list-weather .nav-scroller .nav { justify-content: end; } } .category-weather-current { margin-bottom: 1rem; } .category-weather-current .list-weather .nav-scroller .nav { justify-content: start; } @media (min-width: 1200px) { .header-logo { height: 75px !important; } } .header-logo img { width: 70px; height: 70px; } .list-weather { margin-right: 0 !important; } @media (max-width: 992px) { .weather-main-hero .extra { display: none; } .show-search-form .box-icon-wrapper span { display: none; } .general-header-inner { gap: 12px; display: block; height: auto; } .header-select-city select { font-size: 14px; } footer.footer-type-10 .footer-content { display: block; } .header-column-left { justify-content: center; } .header-column-right { padding: 0; text-align: center; } .header-select-city { justify-content: center; } .footer-wrap { display: block; text-align: center; padding-top: 8px; } .footer-wrap .footer-copyright { margin-bottom: 8px; } .footer-wrap .footer-left, .footer-wrap .footer-right ul { display: block; margin-bottom: 8px; font-size: 14px; } } @media (max-width: 767px) { .header-select-city { display: block; } .list-weather .nav-scroller .nav { justify-content: start; } } @media (max-width: 479px) { } @keyframes spin { to { transform: rotate(360deg); } }