/** * NukeViet Content Management System * @version 4.x * @author VINADES.,JSC * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved * @license GNU/GPL version 2 or any later version * @see https://github.com/nukeviet The NukeViet CMS GitHub project */ @font-face { font-family: 'NukeVietIcons'; src: url('../fonts/NukeVietIcons.woff2') format('woff2'), url('../fonts/NukeVietIcons.woff') format('woff'), url('../fonts/NukeVietIcons.ttf') format('truetype'), url('../fonts/NukeVietIcons.svg') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('../fonts/HelveticaNeue.eot'); src: local('☺'), url('../fonts/HelveticaNeue.woff') format('woff'), url('../fonts/HelveticaNeue.ttf') format('truetype'), url('../fonts/HelveticaNeue.svg') format('svg'); } @font-face { font-family: 'HelveticaNeue-Bold'; src: url('../onts/HelveticaNeue-Bold.eot'); src: local('☺'), url('../fonts/HelveticaNeue-Bold.woff') format('woff'), url('../fonts/HelveticaNeue-Bold.ttf') format('truetype'), url('../fonts/HelveticaNeue-Bold.svg') format('svg'); } @font-face { font-family: 'Roboto-Regular'; src: url('../fonts/Roboto-Regular.eot'); src: local('☺'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg') format('svg'); } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(../fonts/KFOiCnqEu92Fr1Mu51QrEz0dL_nz.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(../fonts/KFOiCnqEu92Fr1Mu51QrEzQdL_nz.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOiCnqEu92Fr1Mu51QrEzwdL_nz.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOiCnqEu92Fr1Mu51QrEzMdL_nz.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOiCnqEu92Fr1Mu51QrEz8dL_nz.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TLBCc3CsTKlA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TLBCc-CsTKlA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TLBCc2CsTKlA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TLBCc5CsTKlA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TLBCc1CsTKlA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TLBCc0CsTKlA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TLBCc6CsQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(../fonts//KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEoYNNZQyQ.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEoadNZQyQ.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEoYdNZQyQ.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEobtNZQyQ.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEoYtNZQyQ.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEoY9NZQyQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEobdNZ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAgM9UvI.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLCwM9UvI.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAwM9UvI.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDAM9UvI.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAAM9UvI.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAQM9UvI.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM9.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYNNZQyQ.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoadNZQyQ.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYdNZQyQ.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobtNZQyQ.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYtNZQyQ.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoY9NZQyQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobdNZ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCkYb8td.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCAYb8td.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCgYb8td.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCcYb8td.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCsYb8td.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCoYb8td.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYbw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb8td.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb8td.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb8td.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } [class^='icon-'], [class*=' icon-'] { display: inline-block; font: normal normal normal 14px/1 NukeVietIcons; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); vertical-align: -10%; } .icon-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -25%; } .icon-horizon { width: 14px; } .icon-lg.icon-horizon { width: 22px; } .icon-nukeviet:before { content: '\e607'; } .icon-nukeviet_sm:before { content: '\e608'; } .icon-callcenter:before { content: '\e609'; } .icon-today:before { content: '\e600'; } .icon-qrcode:before { content: '\e601'; } .icon-enter:before { content: '\e602'; } .icon-exit:before { content: '\e603'; } .icon-yahoo:before { content: '\e604'; } .icon-old-phone:before { content: '\e606'; } .icon-icq:before { content: '\e605'; } .icon-viber:before { content: '\e60a'; } .icon_new { background: url('../images/icons/new.gif') no-repeat; display: inline-block; width: 33px; height: 15px; } .icon_new_small { background: url('../images/squared-blue.png') no-repeat 0 8px; } .icon_list { background: url('../images/arrow_left_orange.png') no-repeat 0 7px; } /* Fonts Color */ .text-black { color: #000 !important; } .text-white { color: #fff !important; } /* Fonts Weight */ .text-normal { font-weight: 400; } .text-bold { font-weight: 800; } /* Fix bootstrap */ .form-horizontal .control-label { margin-bottom: 0; padding-top: 7px; text-align: right; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-ss-block, .visible-ss-inline, .visible-ss-inline-block { display: none; } .hidden-ss-block { display: block !important; } .hidden-ss-inline { display: inline !important; } .hidden-ss-inline-block { display: inline-block !important; } .margin { margin: 10px; } .mr-1 { margin-right: 5px; } .margin-right, .mr-2 { margin-right: 10px; } .margin-left { margin-left: 10px; } .margin-top { margin-top: 10px; } .margin-bottom, .mb-2 { margin-bottom: 10px; } .margin-sm { margin: 4px; } .margin-right-sm { margin-right: 4px; } .margin-left-sm { margin-left: 4px; } .margin-top-sm { margin-top: 4px; } .margin-bottom-sm { margin-bottom: 4px; } .margin-lg { margin: 15px; } .margin-right-lg { margin-right: 15px; } .margin-left-lg { margin-left: 15px; } .margin-top-lg { margin-top: 15px; } .margin-bottom-lg { margin-bottom: 15px; } .padding-top { padding-top: 10px; } .padding-left { padding-left: 10px; } .padding-right { padding-right: 10px; } .padding-bottom { padding-bottom: 10px; } .boder-top { border-top-width: 1px; border-top-style: solid; border-top-color: #ccc; } .boder-bottom { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; } .border-left { border-left-width: 1px; border-left-style: solid; border-left-color: #ccc; } .border-right { border-right-width: 1px; border-right-style: solid; border-right-color: #ccc; } .column-margin-left { margin-left: 10px !important; } .bg-gainsboro { background-color: #dcdcdc; } .bg-lavender { background-color: #eee; } ul.list-items { padding-left: 0; } ul.list-items>li:last-child { margin-bottom: 0; } /*Load_Bar*/ .load-bar { display: inline-block; vertical-align: middle; width: 33px; height: 8px; background: transparent url(../../../assets/images/load_bar.gif); margin: auto 10px; } /*Center DIV*/ .centered { display: flex; justify-content: center; } /*nv-info*/ .nv-info { border-width: 1px; border-style: solid; border-color: #dcdcdc; border-radius: 3px; background-color: #f7f7f7; color: #333; padding: 10px; } .nv-info.error { background-color: #efd7d7 !important; border-color: #dca8a6 !important; } .nv-info.success { background-color: #edf4fa !important; border-color: #82b2dc !important; } .nv-info.info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .nv-info:before { display: inline-block; font-family: FontAwesome; font-size: 20px; line-height: 1; vertical-align: middle; margin-right: 5px; } .nv-info.error:before { content: ' \f057 '; color: #de495b; } .nv-info.success:before { content: ' \f13a '; color: #68d044; } .nv-info.info:before { content: '\f05a'; color: #31708f; } .clear { clear: both; } .fl { float: left; } .fr { float: right; } .pointer { cursor: pointer; } .middle { vertical-align: middle; } .align-bottom { vertical-align: bottom; } .align-top { vertical-align: top; } ul, ol { list-style: none; } .input-group-btn { font-size: 14px !important; } .radius-top-left { border-top-left-radius: 5px; } .radius-top-right { border-top-right-radius: 5px; } .radius-bottom-left { border-bottom-left-radius: 5px; } .radius-bottom-right { border-bottom-right-radius: 5px; } .radius { border-radius: 5px; } .bg-gradient { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 100%); } .box-shadow { box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); } .fix-box { position: inherit !important; margin-left: 0 !important; } .well p { margin: 0; } input[type='text'].required, input[type='password'].required, input[type='email'].required, input[type='number'].required, input[type='search'].required, input[type='tel'].required, input[type='time'].required, input[type='url'].required, input[type='url'].required, textarea.required, select.required, label.required { background-image: url(../images/icons/required.png); background-position: right center; background-repeat: no-repeat; } textarea.required { background-position: right 10px; } select.required { background-position: calc(100% - 15px) 10px; } label.required { padding-right: 20px; } label.radio-box, label.check-box { font-weight: normal; margin-right: 20px; cursor: pointer; } div.radio-box, div.check-box { background-color: #fff; border-width: 1px; border-style: solid; border-color: #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; padding: 10px; } .has-error div.radio-box, .has-error div.check-box { border-color: #de495b; } div.radio-box label, div.check-box label { margin-bottom: 0; } div.radio-box label [type='radio'], div.check-box label [type='radio'] { margin-top: -2px; } .display-inline-block { display: inline-block; } .display-table { display: table; } .display-table>* { display: table-row; } .display-table>*>* { display: table-cell; padding: 5px; } /*tooltip*/ .tooltip-inner { max-width: 250px; padding: 10px; color: #fff; text-align: left !important; background-color: #255986; border-radius: 4px; height: auto; overflow: auto; } .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { border-top-color: #255986; } .tooltip.right .tooltip-arrow { border-right-color: #255986; } .tooltip.left .tooltip-arrow { border-left-color: #255986; } .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #255986; } .tooltip-inner img.pull-left { margin: 3px 5px 1px 0; } .tooltip-inner img.pull-right { margin: 3px 1px 0 5px; } /* Fixed Jquery UI Style */ .ui-widget { font-size: 12px !important; font-weight: 400 !important; line-height: 18px !important; } .ui-datepicker { width: 18em !important; } .ui-datepicker select.ui-datepicker-month { width: 59% !important; font-weight: normal !important; } .ui-datepicker select.ui-datepicker-year { width: 39% !important; font-weight: normal !important; } figure { position: relative; margin: 5px 0 10px 0; text-align: center; } figure.image.image-left, img.image-left { margin-right: 15px; float: left !important; } figure.image.image-right, img.image-right { margin-left: 15px; float: right !important; } .image-center figure.image, .image-center { text-align: center; float: none !important; } div.image-center, p.image-center { margin-bottom: 10px; } figure.article { background-color: #939393; } figure.left { float: left; margin: 5px 10px 10px 0; } figure.right { float: right; margin: 5px 0 10px 10px; } figure.center { float: none; background: transparent; margin: 0 auto 10px; padding-top: 0; text-align: center; } figure.noncaption { background: transparent; padding: 0; } figcaption { text-align: center; margin-top: 5px; font-weight: 700; } figure figcaption { font-size: 12px; font-weight: normal; } figure.article figcaption { color: #fff; } figure.article.center figcaption { color: inherit; } figure.avatar { margin-top: 0 !important; } figure.avatar figcaption { position: absolute; bottom: 12px; background-color: #357ebd; color: #fff; font-size: 11px; } /* Global */ html, body { width: 100%; height: 100%; margin: 0; padding: 0; } body { color: #333; font-size: 14px; padding: 0; width: 100%; } a, a:link, a:active, a:visited { color: #1a3f5e; } a:hover, a:focus { text-decoration: none; color: #0e2132; } a.dimgray { color: #707070; } a.dimgray:hover { color: #0e2132; } a.black { color: #333; } a.black:hover { color: #0e2132; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; padding: 0; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { font-weight: 700; } .title { font-size: 22px; } .hometext { font-weight: 700; } .bodytext { word-break: keep-all; max-width: 100%; overflow-x: hidden; overflow-y: visible; line-height: 1.7em; } .bodytext p { margin-bottom: 15px !important; } .bodytext ol { list-style-type: decimal !important; } .bodytext ul { list-style-type: disc !important; padding-left: 40px !important; margin-bottom: 10px !important; } .bodytext li { margin-bottom: 0 !important; } .bodytext div.alert { margin-bottom: 7px; margin-top: 4px; } iframe { border: 0; } .m-bottom { margin-bottom: 10px !important; } .wraper { position: relative; width: 1080px; margin: 0 auto; } .container, .rel { position: relative; } .fa-fix { margin-right: -5px; } .fa-pointer { cursor: pointer; } .fa-horizon { width: 14px; } .fa-lg.fa-horizon { width: 22px; } h3.sm { font-size: 16px; } span.keyword { background-color: yellow; } .nv-fullbg { min-height: 100%; background-color: #fff; } a.btn { color: #fff; } /* Header */ .site-banner { position: absolute; width: 100%; background-size: cover; z-index: -10; background-position: center center; height: 300px; } #header { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #header .logo { padding: 20px 10px 20px 0; } #header .logo img { max-height: 120px; width: auto; } #header .logo h1, #header .logo .site_name { display: none; } #header .logo h2, #header .logo .site_description { color: #707070; font-size: 18px; font-weight: bold; font-style: italic; font-family: 'Times New Roman'; line-height: 1.1; margin: 0; padding: 0; display: block; } #header .right-ads { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; padding: 10px 0; } #header .right-ads>.nv-block-banners:last-child { margin-bottom: 0; } /* breadcrumb */ .breadcrumbs-wrap { position: relative; } .breadcrumbs-wrap .display { height: 35px; overflow: hidden; } .breadcrumbs { display: inline-block; } .breadcrumbs li { float: left; margin: 0 0.5em 0 1em; } .breadcrumbs a, .show-subs-breadcrumbs { background-color: #dcdcdc; padding: 0.6em 1em; float: left; text-decoration: none; color: #333; position: relative; } .breadcrumbs a:hover, .show-subs-breadcrumbs:hover { background-color: #a6c8e6; } .breadcrumbs a:before { content: ''; position: absolute; top: 50%; margin-top: -1.5em; border-width: 1.5em 0 1.5em 1em; border-style: solid; border-color: #dcdcdc #dcdcdc #dcdcdc transparent; left: -1em; } .breadcrumbs a:hover:before { border-color: #a6c8e6 #a6c8e6 #a6c8e6 transparent; } .breadcrumbs a:after, .show-subs-breadcrumbs:after { content: ''; position: absolute; top: 50%; margin-top: -1.5em; border-top-width: 1.5em; border-top-style: solid; border-top-color: transparent; border-bottom-width: 1.5em; border-bottom-style: solid; border-bottom-color: transparent; border-left-width: 1em; border-left-style: solid; border-left-color: #dcdcdc; right: -1em; } .breadcrumbs a:hover:after, .show-subs-breadcrumbs:hover:after { border-left-color: #a6c8e6; } /*.breadcrumbs li:last-child a, .breadcrumbs li:last-child a:hover { font-weight:bold; background:none; } .breadcrumbs li:last-child a:after, .breadcrumbs li:last-child a:before { content:normal; } */ .subs-breadcrumbs { margin: 0; padding: 0; background-color: #fff linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.1) 100%); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position: absolute; left: 0; top: 40px; border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.1); border-top: none; box-shadow: 0 0.063em 0.25em rgba(7, 20, 34, 0.25); display: none; z-index: 999999; } .subs-breadcrumbs.open { display: block; } .subs-breadcrumbs li { background-color: #eee; } .subs-breadcrumbs li:last-child, .subs-breadcrumbs li:last-child a, .subs-breadcrumbs { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .subs-breadcrumbs li, .subs-breadcrumbs a { display: block; float: none; } .subs-breadcrumbs a { line-height: 40px; height: 40px; overflow: hidden; padding: 0 10px; } .subs-breadcrumbs li:not(:last-child) a { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0.1); } .subs-breadcrumbs a:hover { background-color: rgba(0, 0, 0, 0.1); } .subs-breadcrumbs a em { display: inline-block; margin-right: 5px; color: #707070; } .show-subs-breadcrumbs { padding-right: 5px; margin-right: 7px; width: 30px; text-align: center; } .fix_banner_left { width: 120px; height: 480px; position: fixed; top: 2px; left: 2px; display: none; } .fix_banner_right { width: 120px; height: 480px; position: fixed; top: 2px; right: 2px; display: none; } /* SECOND NAV */ .second-nav { z-index: 3; } .second-nav .bg { background: #cccccc; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%) !important; border-top-left-radius: 5px; border-top-right-radius: 5px; } /* THIRD NAV */ .third-nav { position: relative; margin-bottom: 6px; } .third-nav .row { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dcdcdc; } .third-nav .bg { padding: 5px 5px 3px; } .third-nav .current-time { display: inline-block; vertical-align: middle; margin-right: 10px; line-height: 37px; } .third-nav ul+.current-time { float: right; margin-top: -35px; } .headerSearch { margin: 0.15em 0; } .headerSearch input { border-color: #cccccc; background-color: #fff !important; } .headerSearch input:hover, .headerSearch input:focus { background-color: #fff !important; } .headerSearch .btn-info { background-color: #428bca; border-color: #428bca; color: #fff; } .headerSearch .btn-info:focus, .headerSearch .btn-info.focus, .headerSearch .btn-info:hover, .headerSearch .btn-info:active, .headerSearch .btn-info.active { background-color: #e6b902; border-color: #caa202; color: #333333; } .headerSearch .form-control, .headerSearch .btn { z-index: 0; } /* Bootstrap Menu */ #menusite .navbar-default { background-color: #d7030f; border: none; z-index: 1; min-height: 28px !important; } #menusite .navbar-default .navbar-nav>li { margin-left: 1px; } #menusite .navbar-default .navbar-nav>li:first-child { margin-left: 4px; } #menusite .navbar-default .navbar-nav>li:last-child { margin-right: 4px; } #menusite .navbar-default .navbar-nav>li>a { color: #fff; padding: 9px 9px; font-size: 11px; text-transform: uppercase; font-weight: 500; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; } #menusite .navbar-nav>li>a { white-space: nowrap; } #menusite .dropdown-menu { background-color: #fff !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } #menusite .dropdown-menu>li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(255, 255, 255, 0.5); } #menusite .dropdown-menu>li:last-child { border-bottom: none; } #menusite .dropdown-menu>li>a { line-height: 30px; padding: 3px 15px; text-transform: none; font-size: 17px; } #menusite .navbar-default .navbar-nav>li>a:hover, #menusite .navbar-default .navbar-nav>li>a:focus, #menusite .navbar-default .navbar-nav>.active>a, #menusite .navbar-default .navbar-nav>.active>a:hover, #menusite .navbar-default .navbar-nav>.active>a:focus, #menusite .navbar-default .navbar-nav>.open>a, #menusite .navbar-default .navbar-nav>.open>a:hover, #menusite .navbar-default .navbar-nav>.open>a:focus { background: #af000a !important; color: #fff; } #menusite .dropdown-menu>li>a:hover, #menusite .dropdown-menu>li>a:focus, #menusite .dropdown-menu>.active>a, #menusite .dropdown-menu>.active>a:hover, #menusite .dropdown-menu>.active>a:focus, #menusite .navbar .navbar-nav .open .dropdown-menu>li>a:hover, #menusite .navbar .navbar-nav .open .dropdown-menu>li>a:focus, #menusite .navbar .navbar-nav .open .dropdown-menu>.active>a, #menusite .navbar .navbar-nav .open .dropdown-menu>.active>a:hover, #menusite .navbar .navbar-nav .open .dropdown-menu>.active>a:focus { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important; color: #333; } #menusite .dropdown-submenu { position: relative; display: none; } #menusite .open .dropdown-submenu { display: block; } #menusite .dropdown-submenu li a { color: #333; display: block; } #menusite .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; border-radius: 0 5px 5px 5px; } #menusite .dropdown-submenu:hover>.dropdown-menu { display: block; } #menusite .dropdown-submenu>a:after { display: block; content: ' '; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #333; margin-top: 10px; margin-right: -5px; } #menusite .dropdown-submenu.pull-left { float: none; } #menusite .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; border-radius: 5px 0 5px 5px; } /* Head-Nav */ .header-nav, .header-nav-inner { color: #dcdcdc; position: relative; } .header-nav-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .header-nav a { color: #dcdcdc; } .header-nav a:hover { color: #ffffff; } .header-nav a.button { display: block; position: relative; padding: 8px; color: #dcdcdc; line-height: 1; background-color: #428bca; border-radius: 5px; width: 34px; height: 34px; } .header-nav a.button.active, .header-nav a.button:hover, .header-nav a.button:focus { background-color: #245682; color: #fff; } .header-nav a.button .fa { position: relative; transform: translate3d(-50%, -50%, 0px); left: 50%; top: 50%; } /* TIP POPUP and FTIP POPUP */ #tip, #ftip { position: absolute; color: #333 !important; background-color: #eee; max-width: 485px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); z-index: 1000; display: none; } #tip { top: 100%; right: 0; min-height: 50px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #ftip { bottom: 25px; left: 5px; min-height: 51px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #tip .bg, #ftip .bg { padding: 15px; border-bottom-color: #aaaaaa; border-bottom-width: 1px; border-bottom-style: solid; } #tip .bg { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #ftip .bg { border-top-left-radius: 5px; border-top-right-radius: 5px; } #tip .tip-footer, #ftip .tip-footer { background-color: #e5e5e5; border-width: 1px; border-style: solid; border-color: #cccccc; padding: 10px; } #tip .tip-footer { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin: 10px -15px -16px; } #ftip .ftip-footer { margin: 10px -15px -15px; } #tip h3, #ftip h3 { font-size: 13px; font-weight: 700; margin-bottom: 15px; } #tip ul { margin: 0; padding: 0; } #tip a { color: #333; } #tip .socialList a { color: #fff; } /* Blocks social-icons,contactDefault and personalArea */ .contactDefault { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .personalArea a.button.user, .personalArea a.button.user:hover { width: 34px; height: 34px; border-radius: 50%; background-color: transparent; background-size: contain; } /* block counter */ .counter.display-table { width: 100%; } .counter span+span { text-align: right; } .socialList, .contactList { list-style: none; padding: 0; margin: 0; } .socialList li, .contactList li { display: inline-block; margin-right: 10px; } .socialList li:last-child, .contactList li:last-child { margin-right: 0 !important; } .socialList { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .socialList li a { display: block; width: 30px; height: 30px; background-color: #428bca; color: #dcdcdc; font-size: 16px; border-radius: 3px; position: relative; } .enable-animate .socialList li a { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .socialList li a[href*='facebook']:hover { background-color: #3d5d8c; } .socialList li a[href*='google']:hover, .socialList li a[href*='youtube']:hover { background-color: #dd4b39; } .socialList li a[href*='twitter']:hover { background-color: #50a0d7; } .socialList li a[href*='feeds']:hover { background-color: #ff9900; } .socialList li a .fa { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } /* Body */ #body { background-color: #fff; border-color: #dcdcdc; border-style: solid; border-width: 0 1px 0 1px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); } /* Footer-NAV2 */ .footerNav2 { position: relative; width: 100%; background-color: #a52911; padding: 10px 0; color: #dcdcdc; } .footerNav2 .theme-change { float: left; margin-left: 10px; margin-right: 10px; height: 40px; } .footerNav2 .theme-change a, .footerNav2 .theme-change span { display: inline-block; margin-top: 5px; margin-right: 10px; background-color: #245682; color: #428bca; border-radius: 15px; width: 30px; height: 30px; position: relative; } .footerNav2 .theme-change span { color: #dcdcdc; background-color: #428bca; } .footerNav2 .theme-change a:hover, .footerNav2 .theme-change span:hover { color: #fff; background-color: #428bca; } .footerNav2 .theme-change .fa, .footerNav2 .bttop a .fa { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px); } .footerNav2 .theme-change .fa-mobile { font-size: 140%; } .footerNav2 .bttop { float: right; width: 40px; height: 40px; margin-right: 10px; top: -65px; position: absolute; right: 0; } .footerNav2 .bttop a { display: block; background-color: #245682; color: #428bca; font-size: 14px; text-align: center; border-radius: 20px; position: relative; width: 40px; height: 40px; } .footerNav2 .bttop a:hover { color: #fff; background-color: #428bca; } /* Footer */ #footer { position: relative; min-height: 250px; width: 100%; background-color: #d7030f; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0) 100%); padding: 40px 0 0; font-size: 13px; } #footer, #footer a { color: #fff; font-size: 14px; } #footer h3 { font-weight: 700; font-size: 20px; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 10px; color: #fff; } #footer h3 a { color: inherit; } #footer p { margin: 0; padding: 0; } /* Block Footer-Menu */ #footer .menu { list-style: none; padding: 0; margin: 0; } #footer .menu li { position: relative; display: inline-block; width: 49%; padding: 0; margin: 0; } #footer .menu li:nth-child(2n + 1) { padding-right: 8px; } #footer .menu li:nth-child(2n) { padding-left: 7px; } #footer .menu li a { display: block; white-space: nowrap; padding: 15px 0; } #footer .menu li a:before { content: '\f111'; color: #dcdcdc; font-family: FontAwesome; font-size: 5px; padding-right: 6px; vertical-align: middle; } #footer .menu li a:hover { border-bottom-color: #fff; color: #fff; } #footer .menu li a:hover:before { color: #fff; } /* Block copyright*/ .copyright { color: #fff; } .copyright span a { color: #fff !important; } .copyright span a:hover { color: #ffffff !important; } /* Block Company info */ .company_info { padding: 0; } .company_info li { margin-bottom: 5px; line-height: 29px; } .company_info li:last-child { margin-bottom: 0; } .company_info .company_name { font-weight: 700; font-size: 14px; text-transform: uppercase; margin-bottom: 14px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .company_info li em { text-align: center; width: 2em; } .company-map { width: 100%; height: 300px; } /* Page break line */ .nv-hr { clear: both; height: 1px; border-bottom-width: 1px; border-bottom-color: #dcdcdc; border-bottom-style: solid; margin: 10px 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .nv-hr.nv-hr-lg { margin: 20px 0; } .nv-hr.nv-hr-sm { margin: 5px 0; } /* Social share,social button */ .nv-social-share { list-style: none; margin: 0; padding: 4px 5px 0 5px !important; } .nv-social-share li { display: inline-block; margin-bottom: 0 !important; height: 20px; } .nv-social-share li.facebook { position: relative; top: -4px; padding-right: 40px; } /* Form control */ .nv-captcha { vertical-align: middle; } .nv-recaptcha-default { margin: 0 auto; width: 304px; height: 78px; } .nv-recaptcha-compact { margin: 0 auto; width: 164px; height: 144px; } .grecaptcha-badge { visibility: hidden; } /* List item */ .nv-list-item { list-style: none; margin: 0; padding: 0; } .nv-list-item li { padding: 4px; margin: 0 !important; } .nv-list-item.sm li { padding: 2px; } .nv-list-item.xsm li { padding: 1px; } .nv-list-item.lg li { padding: 10px; } .page .nv-list-item li { display: flex; } .page .nv-list-item li em { position: relative; top: 2px; } /* sub-list-icon */ .sub-list-icon>li:first-child>*:before, .cat-icon:before { content: ' \f114 '; font-family: FontAwesome; font-size: inherit; font-weight: 400; text-decoration: none; display: inline-block; vertical-align: middle; margin-right: 4px; margin-top: -3px; } .sub-list-icon>li+li>*:before { content: ' \f10c '; font-family: FontAwesome; font-size: 8px; font-weight: 400; text-decoration: none; display: inline-block; vertical-align: middle; margin-right: 10px; } .sub-list-icon>li:first-child+li>*:before { content: ' \f101 '; font-size: 12px; margin-top: -2px; } /* List none */ .list-none { list-style: none; margin: 0; padding: 0; } /* Block global */ .nv-block-banners { position: relative; margin-bottom: 10px; text-align: center; } .nv-block-banners img { max-width: 101%; height: auto; } .mt-2000 .nv-block-banners img { max-width: 100%; height: auto; border: 1px solid #ececec; padding: 2px; } .nv-block-rss li { border-bottom-width: 1px; border-bottom-color: #dcdcdc; border-bottom-style: solid; } .nv-block-rss li:last-child { border: none; padding-bottom: 0; } .nv-block-rss li:first-child { padding-top: 0; } .nv-block-rss img { padding: 4px; line-height: 1.42857143; background-color: #fff; border-width: 1px; border-style: solid; border-color: #dcdcdc; border-radius: 4px; display: inline-block; max-width: 100%; height: auto; position: relative; top: 4px; margin-right: 10px; margin-bottom: 5px; } .enable-animate .nv-block-rss img { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* Info die */ .nv-infodie { margin: 0 auto; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); border-width: 1px; border-color: #dcdcdc; border-style: solid; background-color: #fff; position: absolute; min-height: 300px !important; min-width: 300px !important; display: table; } .nv-infodie .panel-body { display: table-cell; vertical-align: middle; } .nv-infodie .logo { max-width: 90%; margin-bottom: 10px; height: auto; } /* Form */ input, input[type='file'], input[type='radio'], input[type='checkbox'], button, .btn, .form-control, textarea, input:focus, input[type='file']:focus, input[type='radio']:focus, input[type='checkbox']:focus, button:focus, .btn:focus, .form-control:focus, textarea:focus, input:focus:active, input[type='file']:focus:active, input[type='radio']:focus:active, input[type='checkbox']:focus:active, button:focus:active, .btn:focus:active, .form-control:focus:active, textarea:focus:active, input.active:focus, input[type='file'].active:focus, input[type='radio'].active:focus, input[type='checkbox'].active:focus, button.active:focus, .btn.active:focus, .form-control.active:focus, textarea.active:focus, input:active, input[type='file']:active, input[type='radio']:active, input[type='checkbox']:active, button:active, .btn:active, .form-control:active, textarea:active { outline-width: 0; outline-style: none; } /* input[type='checkbox'], input[type='radio'] { border-width: 1px; border-style: solid; border-color: #aaaaaa; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 16px; margin: 3px 4px 0 0; outline: 0; padding: 0 !important; text-align: center; vertical-align: middle; width: 16px; min-width: 16px; -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; color: #707070; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } */ input[type='radio'] { border-radius: 50%; margin-right: 4px; line-height: inherit; } input[type='checkbox']:disabled, input[type='radio']:disabled, input[type='checkbox']:disabled:checked:before, input[type='radio']:disabled:checked:before { opacity: 0.7; } /* input[type='checkbox']:checked:before, input[type='radio']:checked:before { float: left; display: inline-block; vertical-align: middle; width: 14px; font: normal 14px/1 'FontAwesome'; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input[type='checkbox']:checked:before { content: '\f00c'; margin: 0 0 0 0; color: #333333; } */ /* input[type='radio']:checked:before { content: '\2022'; text-indent: -9999px; border-radius: 50px; font-size: 24px; width: 6px; height: 6px; margin: 4px; line-height: 16px; background-color: #333333; } */ .img-thumbnail { background-color: #cccccc; border: none; border-radius: 3px; max-width: 100%; padding: 1px; } .fb-like { margin-right: 50px; } .navbar-inverse { background-color: #d9e8f4; border-color: #2a6496; } .navbar-inverse .navbar-nav>li>a { color: #ffffff; } .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #ffffff; background-color: #2a6496; } .panel-heading { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%) !important; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0); border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 10px; } .panel-primary>.panel-heading>a { color: #fff; } .panel-primary>.panel-heading>a:hover { color: #dcdcdc; } table caption { color: #357ebd; text-align: left; font-size: 13px; font-weight: 700; line-height: 22px; padding: 0 0 5px 2px; } blockquote { font-size: 13px; } .modal-header .close { margin-top: -2px; } button.close { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; } .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; } .modal-body { padding: 15px; } #sitemodal .modal-dialog { position: relative; width: auto !important; max-width: 600px; text-align: center; font-size: 0; } #sitemodal .modal-content { width: auto; display: inline-block; font-size: 14px; text-align: left; } #sitemodal .close, #sitemodalTerm .close { position: absolute; right: -10px; bottom: -10px; width: 24px; height: 24px; background-color: #000; color: #fff; font-size: 11px; opacity: 0.8; border-width: 2px; border-style: solid; border-color: #cccccc; border-radius: 12px; } #sitemodal .close:hover { opacity: 1; } @media (max-width: 619px) { #sitemodal .modal-dialog { margin-left: 10px; margin-right: 10px; } #sitemodal .modal-content { display: block; } } #sb-container { z-index: 99999999 !important; } .chromeframe { position: fixed !important; top: 0 !important; right: 0; left: 0; width: 100% !important; z-index: 99999999999999 !important; background-color: #ffff00 !important; color: #000 !important; height: 25px; line-height: 25px; padding: 0.2em 0; text-align: center !important; } #timeoutsess { display: none; } #timeoutsess a { color: #2f70a7 !important; } /* Block featured-products */ .featured-products>.row { margin-bottom: 35px; } .featured-products>.row:last-child { margin-bottom: 0; } .featured-products .img-thumbnail { margin-top: 3px; margin-bottom: 10px; background-color: #fff !important; border-width: 1px !important; padding: 0 !important; } .featured-products ul { margin: 0; padding: 0; } .featured-products ul>li { margin-bottom: 5px; } .featured-products ul>li:before { font-family: 'FontAwesome'; content: '\f105'; margin-right: 5px; } /* Account Level */ [class^='lev-'], [class*=' lev-'] { display: inline-block; } [class^='lev-']:before, [class*=' lev-']:before { font-family: FontAwesome; font-size: inherit; margin-right: 5px; } .lev-1:before { content: ' \f005 \f005 \f005 '; } .lev-2:before { content: ' \f005 \f005 \f006 '; } .lev-3:before { content: ' \f005 \f006 \f006 '; } .lev-user:before { content: ' \f007 '; } /* module Contact*/ .contact-result { position: absolute; top: 40px; left: 5%; width: 90%; float: left; z-index: 2; padding: 30px 20px; display: none; } /* Block module-menu */ .module-menu { display: block; float: left; width: 100%; background-color: #333; } .module-menu ul { margin: 0; padding: 0; } .module-menu a { display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0.1); background-color: #428bca; background-image: linear-gradient(to right, #428bca 4px, #428bca 4px); background-repeat: repeat-x; color: #fff; text-decoration: none; margin: 0; padding: 9px 10px 9px 20px; cursor: pointer; } .module-menu a:before { font-family: 'FontAwesome'; content: ' \f105 '; margin-right: 5px; } .module-menu a.home:before { content: ' \f07c '; } .module-menu a.active { background-color: #a6c8e6; } .module-menu a:hover, .module-menu a.active, .module-menu a:focus { color: #333; text-decoration: none; background-image: linear-gradient(to right, #42cac5 4px, rgba(0, 0, 0, 0) 4px); } .calendar-icon { background-image: url(../../../assets/images/calendar.jpg); background-position: right 6px center; background-repeat: no-repeat; padding-right: 26px; } /*alert*/ .nv-alert { position: fixed !important; top: 25% !important; right: 0; left: 0; width: 350px !important; margin: auto; z-index: 99999999999999 !important; text-align: center !important; padding-top: 30px !important; padding-bottom: 30px !important; } .select2-container--default .select2-selection--single, .select2-container--bootstrap .select2-selection--single { height: 30px !important; } .select2-container--default .select2-selection--single { border-radius: 3px !important; } .voting-col-2 { border-left: 1px solid #ccc; padding: 0px 10px; } .padding-voting ul li { margin: 0px 10px; padding: 10px 0px; list-style: disc; text-align: justify; } .sum-voting { margin-top: 5px; } .flowhidden{ overflow: hidden; } /*cookie-notice popup*/ .cookie-notice { position: fixed; bottom: 20px; left: 20px; width: 350px; z-index: 99999999999999; background-color: #eee; border: solid 1px #dedede; border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); } .cookie-notice a { color: #1a3f5e; text-decoration: underline; } .cookie-notice div { position: relative; width: 100%; padding: 20px; color: #333; } .cookie-notice button { float: right; margin-top: -20px; margin-right: -20px; margin-left: 10px; margin-bottom: 10px; width: 40px; height: 40px; border: 0; font-size: 24px; } img.rock { width: 100%; margin-top: 21px; } #my-Links { display: none; } .mt-teri1 img { width: 100%; margin-bottom: 12px; } .alo-haa { top: 47px; left: 100%; height: auto; padding: 20px; margin: 0px 0px 20px; transform: translateX(-100%); display: table; position: absolute; z-index: 999; background: #fff; width: 342px; box-shadow: 0 2px 6px rgb(0 0 0 / 20%); border-top: 3px solid #d82b00; } .alo-haa:before { position: absolute; top: -9px; right: 19px; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 5.5px 6px 5.5px; border-color: transparent transparent #d82b00 transparent; } .alo-haa input.form-control { border-radius: 0px; } .alo-haa button.btn.btn-info { background-color: #222222; border: 1px solid #222222; border-radius: 0px; height: 32px; } .nes { padding: 0px; } a.icon { color: #fff; position: absolute; top: 12px; } img.img-img { width: 100%; height: 60px; border: 1px solid #ccc; padding: 2px; object-fit: cover; } .mr-hr .nv-block-banners { margin-bottom: 0px; } .mr-hr img { width: 100%; } .mr-hr .nv-block-banners img { max-width: 101%; height: auto; width: 100%; } img.img-center { width: 100%; border: 1px solid #c8c8c8; padding: 2px; } .news-item-slider { padding: 0px 5px; } h2.title-center { display: block; color: #333 !important; font-size: 18px; font-weight: 600; line-height: 23px; } p.text-home { color: #959595; font-size: 14px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 5; height: 124px; display: -webkit-box; -webkit-box-orient: vertical; margin-top: 13px; font: normal 14px/24px Arial; color: #333; } a.show.black.h4 { font: 14px/22px Arial; float: left; color: #666 !important; display: block; max-height: 66px; overflow: hidden; font-weight: 100 !important; } img.img-thumbnail-1 { width: 100% !important; height: 110px !important; } .block_group button.owl-prev { position: absolute; top: 41%; left: -9px; border: 0; padding: 0; width: 20px; font-size: 16px; height: 20px; background: #ccc; z-index: 999; outline-style: none; color: #d83945; font-size: 22px; line-height: 4px; } .block_group button.owl-next { position: absolute; top: 41%; right: -9px; border: 0; padding: 0; width: 20px; height: 20px; background: #ccc; z-index: 999; outline-style: none; color: #d83945; font-size: 22px; line-height: 4px; } .block_group .owl-dots { display: none; } .widget .block-title { margin-bottom: 13px; } .widget_mynewwidget .block-title { border-bottom: 3px solid #dddddd; line-height: 34px; } .widget_mynewwidget .block-title span { background: url(../images/icon_hot.png)left center no-repeat; padding-left: 35px; font-size: 20px; text-transform: uppercase; font-weight: 600; color: #333; position: relative; } .widget_mynewwidget .block-title span:after { content: ""; position: absolute; bottom: -11px; left: 0; width: 175px; height: 3px; background: #038d49; } .widget_mynewwidget { background: #f4f4f4; padding: 20px; margin-bottom: 30px; margin-top: 10px; } .block_group .owl-item { background: #fff; } a.show-hot { color: #333333; font-size: 15px; font-weight: 600; line-height: 22px; display: block; max-height: 66px; overflow: hidden; margin-top: 10px; margin-bottom: 3px; } img.img_news_vip.lazyloaded { width: 100%; } a.title_news_vip { font-weight: 600; color: #333; font-size: 21px; } .td-module-meta-info { font-family: Roboto, arial, sans-serif; font-size: 11px; margin-bottom: 7px; line-height: 1; min-height: 17px; margin-top: 5px; } .td-module-meta-info .td-post-category { display: inline-block; } .td-post-category { font-family: Roboto, arial, sans-serif; font-size: 10px; font-weight: 600; line-height: 1; background-color: #222222; color: #fff !important; margin-right: 5px; padding: 3px 6px 4px; display: block; vertical-align: top; } .td-post-category { background-color: #12ab61 !important; } .td-post-date { color: #9c9c9c; display: inline-block; position: relative; top: 2px; font-size: 13px; } .td-excerpt { font-size: 15px; color: #787878; font-family: Roboto, arial, sans-serif; margin-top: 5px; line-height: 24px; } .td-excerpt { text-align: justify; } .not { padding-bottom: 25px; margin-bottom: 11px; border-bottom: 1px dotted #ddd; } img.warning-h { width: 100%; } img.img-img1 { width: 100%; height: 58px; object-fit: cover; } .td_block_template_1.widget .block-title span { font-size: 20px; text-transform: uppercase; font-weight: 600; color: #333 !important; position: relative; padding-right: 0; } .td_block_template_1.widget .block-title span:after { content: ""; position: absolute; bottom: -11px; left: 0; width: 217px; height: 3px; background: #d7030f; } .td_block_template_1.widget .block-title { border-bottom: 3px solid #dddddd; line-height: 33px; } h4.block-title span a { color: #333 !important; } .news-widget-sidebar-widget1 { background: #f4f4f4; margin-bottom: 20px; } .margin-bottom-lg1 { border-bottom: 1px solid #ddd; } h2.title-center a { font-weight: 600; display: block; line-height: 22px; color: #f01d29; font: bold 20px/25px Arial; } a.col-col { color: #073f77; font-size: 15px; font-weight: 600; display: block; line-height: 22px; max-height: 44px; overflow: hidden; } .date { color: #9c9c9c; font-size: 13px; font-weight: 500; } .led { overflow: hidden; clear: both; padding-top: 20px; } .td-block-title-wrap { position: relative; height: 34px; width: 100%; padding-left: 8px; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; border-left: 3px solid #f01d29; box-sizing: border-box; position: relative; background: #fcfcfc; } .block-title-a>a { font-size: 17px; text-transform: uppercase; font-weight: 600; color: #f01d29 !important; position: relative; background-color: transparent !important; } .block-title-a a { line-height: 17px; display: inline-block; padding: 7px 12px 4px; } .fulli { background: #fcfcfc; border: 1px solid #e4e4e4; margin-top: 15px; margin-bottom: 30px; } a.show.h4 { margin-bottom: 4px; font-weight: 600; color: #333; font-size: 12px; line-height: 22px; } h3.h3-a { font-size: 21px; line-height: 25px; margin: 6px 0 6px 0; font-weight: 500; } p.lead-home { font-size: 15px; color: #787878; font-family: Roboto, arial, sans-serif; margin-top: 5px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 2; height: 55px; display: -webkit-box; -webkit-box-orient: vertical; } img.imghome1 { width: 100%; height: 80px; border: 1px solid #ccc; padding: 2px; } .imghome { margin-bottom: 13px; } .mt-teria img { width: 100%; margin-bottom: 30px; } img.imghome2 { width: 100%; } .cont { overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 3; height: 75px; display: -webkit-box; -webkit-box-orient: vertical; } .textHeader { height: 93px; padding-top: 21px; } .textHeader .line-1 { color: #000; text-align: center; text-transform: uppercase; font: normal 15px HelveticaNeue; } .textHeader .line-2 { font: normal 20px HelveticaNeue; color: #c00; text-align: center; text-transform: uppercase; padding-top: 11px; font-weight: 600; } .textHeader .line-3 { color: #c00; opacity: .7; text-align: center; text-transform: uppercase; padding-top: 8px; font-size: 13px; } img.logo-logo { width: 100%; padding-top: 38px; } .section-header { height: 114px; background: url(../images/bg-top2.png) repeat-x top center; position: relative; } .mr-hr { position: absolute; height: 27px; right: 0; top: 4px; display: inline-block; padding-right: 15px; background: url(../images/bg-search.png) no-repeat right bottom; } #CommontSendRequest ul li a:before { width: 34px; height: 27px; display: block; content: ""; position: absolute; left: -34px; top: 0; background: url(../images/left.png) no-repeat right center; } #CommontSendRequest ul li a:after { width: 29px; height: 27px; display: block; content: ""; position: absolute; right: -29px; top: 0; background: url(../images/right.png) no-repeat right center; } .imgFlag { float: left; position: absolute; top: 0; left: 0; width: 24px !important; border: 0; padding: 2px; z-index: 1; } #fadePopupSR .form-control { height: 23px; border: none; box-shadow: none; } #fadePopupSR .headerSearch .btn-info { height: 23px; background: url(../images/iconSearch.png) no-repeat right center; border: none; position: absolute; left: -27px; top: 0px; } #fadePopupSR .headerSearch { background: #fff; border-radius: 3px; margin: 0px; } #fadePopupSR .headerSearch .btn-info em { display: none; } .classxit .nv-block-banners img { height: 80px; width: 120px; display: block; } .classxit { position: absolute; right: -33px; top: 31px; } .CommonHeader ul.slimmenu li a { padding: 0px 2px; font-weight: 500; } .menusite-menu { height: 36px; width: 100%; margin: auto; position: relative; z-index: 2; background: url(../images/bg.png) repeat-x center center; text-transform: uppercase; } #CommonMenuMain ul li .left-menu { height: 36px; width: 20px; float: left; background: url(../images/menu-right.png) no-repeat center center; } #CommonMenuMain ul li .right-menu { width: 20px; height: 36px; float: left; background: url(../images/menu-right.png) no-repeat center center; } #CommonMenuMain ul>li#menu1 { list-style: none; display: flex; position: relative; margin-left: -22px !important; line-height: 36px; } .cb { clear: both; } #CommonMenuMain ul li.active { z-index: 5; } #CommonMenuMain ul li.active .left-menu { height: 36px; width: 20px; float: left; background: url(../images/menu-left-hover.png) no-repeat center center !important; } #CommonMenuMain ul li.active .right-menu { background: url(../images/123123123.png) no-repeat center center; height: 36px; width: 20px; float: left; } #CommonMenuMain ul li:first-child .left-menu { margin: 0; } #CommonMenuMain ul li:hover { z-index: 100; } #CommonMenuMain ul li:hover .left-menu { background: url(../images/menu-left-hover.png) no-repeat center center; } #CommonMenuMain ul li:hover .right-menu { background: url(../images/123123123.png) no-repeat center center; } .SubNewHot-detail { width: 182px; height: 36px; display: block; position: absolute; right: 3px; bottom: 2px; font: 14px/36px Arial; color: #fff; text-indent: 56px; z-index: 1; background: url(../images/detail.png) no-repeat left center; } .list-post3 { margin-top: 20px; margin-bottom: 20px; } .full-color { background: #fcfcfc; padding-top: 20px; } #nv19 { padding: 0px; } /* Style tab links */ .tablink { float: left; border: none; outline: none; cursor: pointer; padding: 4px 27px; font-size: 17px; text-transform: none; font-family: "Roboto Condensed", sans-serif, Arial; font-weight: 400; text-transform: uppercase; text-decoration: none; border-bottom: none; outline: none; margin-right: 1px; } .tabcontent { color: #333; display: none; height: 100%; } .tab { overflow: hidden; background-color: #f1f1f1; } #Home .owl-prev { position: absolute; top: 50%; margin-top: -25px; width: 20px; height: 49px; z-index: 999; cursor: pointer; color: transparent; border: none; } #Home .owl-prev { left: 20px; background: url(../images/arrow_left.png) no-repeat 0 0; } #Home .owl-next { position: absolute; top: 50%; margin-top: -25px; width: 20px; height: 49px; z-index: 999; cursor: pointer; color: transparent; border: none; } #Home .owl-next { right: 20px; background: url(../images/arrow_right.png) no-repeat -6px 0; } #Home .owl-dots { display: none; } #Home .owl-nav.disabled { display: block; } #Home img { width: 100%; height: 167px; object-fit: cover; } .imghome3 { border: 1px solid #ccc; padding: 2px; margin-bottom: 10px; } a.title-h3 { color: #333; font-size: 16px; font-weight: 600; } #News ul { padding: 0px; } img.gioithieu { width: 100% !important; height: 85px !important; margin-bottom: 20px; } .full-option { background: #f8f8f8; padding-top: 25px; } a.show { color: #666; font-size: 13px; } .xonxen { list-style: url(../images/li.png); margin: 12px 12px 0 12px; } .block-title-a:after { content: ""; display: block; width: 36px; height: 32px; background: url(../images/next1.png) no-repeat left center; float: right; margin-right: 10px; } #SubNewHome { -ms-border-radius: 3px; border-radius: 3px; overflow: hidden; position: relative; margin-top: 15px; } #SubNewHome .tieuDeBvnb { width: 100%; height: 49px; background: url(../images/bg-bvnb-hover.png); } #SubNewHome .tieuDeBvnb:before { content: ""; margin: 15px 14px 0 9px; width: 21px; height: 21px; display: inline-block; background: url(../images/icon.png) no-repeat center; } #SubNewHome .tieuDeBvnb a { color: #fff; text-transform: uppercase; position: relative; bottom: 4px; font-size: 18px; } #SubNewHome .textBvnb { background: #d71d1d; padding: 10px; } #SubNewHome .textBvnb ul { padding-left: 10px; } #SubNewHome .textBvnb ul li { list-style: url(../images/iconLi.png); border-bottom: 1px dashed #fff; line-height: 18px; padding: 8px 0px; padding-top: 7px; } #SubNewHome .textBvnb ul li a { color: #fff; font-size: 13px; } .content-fb .sumary-fb { position: relative; margin: 10px 15px 20px; } .content-fb .sumary-fb:before { content: "\f10d"; position: relative; top: -10px; margin-right: 7px; margin-left: 1px; font-weight: 900; font-size: 130%; color: #f26522; font-family: FontAwesome; } .content-fb .sumary-fb span { font-size: 13px; color: #333; font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif; display: block; line-height: 20px; } .content-fb .image-fb { position: relative; text-align: center; padding: 20px 0; border-top: 1px solid #e4e4e4; } .content-fb .sumary-fb:after { content: '\f10e'; position: relative; top: 10px; margin-left: 10px; margin-right: 10px; font-weight: 900; font-family: FontAwesome; font-size: 130%; color: #f26522; } .content-fb .sumary-fb:after { content: '\f10e'; position: relative; top: 10px; margin-left: 10px; margin-right: 10px; font-weight: 900; font-family: FontAwesome; font-size: 130%; color: #f26522; } .content-fb .image-fb:before { content: ""; position: absolute; border-top: 7px solid #e4e4e4; top: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; left: 50%; margin-left: -8px; } .content-fb .image-fb img { height: 40px !important; margin: 0 auto !important; width: auto !important; } .content-fb .image-fb:after { content: ""; position: absolute; border-top: 7px solid #fff; top: -1px; border-left: 8px solid transparent; border-right: 8px solid transparent; left: 50%; margin-left: -8px; } .content-fb .author { font-size: 13px; color: #333; font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif; text-align: center; width: 100%; float: left; line-height: 20px; } .wrap_bgd .owl-nav { display: none; } .wrap_bgd .owl-dots { display: none; } .wrap_bgd .title_module_main { width: 100%; text-align: left; } .wrap_bgd .title_module_main h2 { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; padding-bottom: 4px; color: #fff; margin: 0; font-weight: 700; line-height: 28px; letter-spacing: 0; display: inline-block; position: relative; text-transform: uppercase; font-size: 14px; } .panel-body.dj { padding: 0px 10px 15px 10px; } #SubFileLibraryHome .tieuDeItem-tuVan { height: 31px; padding-left: 10px; background: url(../images/bg-top.png) no-repeat center center; position: relative; margin-top: 20px; } #SubFileLibraryHome .tieuDeItem-tuVan { font: normal 16px/31px HelveticaNeue-Bold; color: #fff; text-transform: uppercase; } #SubFileLibraryHome { width: 100%; margin-right: 25px; border-radius: 3px; overflow: hidden; } #SubFileLibraryHome .noiDungItem-tuVan { border: 1px solid #ececec; border-top: none; box-sizing: border-box; padding: 12px; background: #fff; margin-bottom: 20px; } a.show-title { font-weight: bold; color: #333; line-height: 20px; max-height: 40px; overflow: hidden; display: block; } img.lazyload-loaded { width: 100% !important; height: auto !important; margin-bottom: 0px; border: 1px solid #ccc; overflow: hidden; } .tieuDeBvnb2 { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; padding-bottom: 4px; color: #0c0c0c; margin: 0; font-weight: 700; line-height: 28px; letter-spacing: 0; display: inline-block; position: relative; text-transform: uppercase; margin-bottom: 10px; padding-left: 11px; padding-top: 10px; font-size: 15px; } #SubNewHome1 { background: #fff; margin-top: 15px; border: 1px solid #ececec; margin-bottom: 20px; } #SubNewHome1 .owl-nav { display: none; } #SubNewHome1 .owl-dots { display: none; } ol.breadcrumb { background: transparent; } ol.breadcrumb li a { font: 15px/13px Roboto-Regular; color: #666; text-decoration: none; } ul.block_tophits li { margin-bottom: 10px; } .page { background: #fff; padding: 10px; } .fix_banner_left img { padding: 3px; border: 1px solid #ccc; margin-top: 100px !important; } .fix_banner_right img { padding: 3px; border: 1px solid #ccc; margin-top: 100px !important; } /*banerner cố định*/ .sitebanner { position: fixed !important; z-index: 999; top: 60px; } .sitebanner1 { position: absolute !important; z-index: 999; top: 60px; } .fix_banner_left1 { position: absolute; top: 20px; left: 33px; } .fix_banner_right1 { position: absolute; top: 20px; right: 33px } .fix_banner_left1 img { padding: 3px; border: 1px solid #ccc; } .fix_banner_right1 img { padding: 3px; border: 1px solid #ccc; } .full-color { position: relative; } /*banner cố định*/ .box_menu_trai { background: #017e84; height: 100vh; } .box_profile { padding: 15px; color: #fff; } .metismenu { border: none; overflow-y: auto; margin-bottom: 40px } .title_menu_trai { padding: 10px 3px; color: #fff; background: #007378; } .dong_mo_menu { color: #fff; padding-bottom: 10px; padding-left: 10px; cursor: pointer; background: #017e84; margin-bottom: 10px; } .dong_mo_menu i { font-size: 30px; margin-top: 5px; } .dong_menu .rong_mo_trai { width: 0px; padding: 0px; opacity: 0; } .dong_menu .rong_mo_phai { width: 100%; } .rong_mo_trai { transition: 0.5s; padding: 0px; } .rong_mo_phai { transition: 0.5s; padding: 0px; } .content_chinh {} .panel-title { color: #007378; text-transform: uppercase; font-weight: 600; } .content_main { height: CALC(100vh - 20px); overflow: auto; } .content_main { padding: 10px; padding-bottom: 50px; } .menu_mb { background: #017e84; text-align: center; } .loi_chao_1 { font-size: 25px; font-weight: 600; color: #fff; } .wrap_loi_chao { background: #017e84; padding: 50px 20px; line-height: 40px; } .loi_chao_2 { font-size: 16px; color: #fff; } .main_home { padding: 50px 0px; } .item_app { border-top: 1px solid #E9ECEF; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17); border-radius: 5px; font-size: 16px; font-weight: 600; } .item_app img { margin-right: 15px; } .item_app:hover { background: #eeeeee; } .item_app a { padding: 10px; display: block; height: 100%; width: 100%; } .maps iframe { height: 125px; width: 100%; border-radius: 5px; } .maps { padding: 5px; border-radius: 5px; border: solid 1px #dcdcdc; } footer { } .wrap_facebook { padding: 5px; border-radius: 5px; border: solid 1px #dcdcdc; } .thong_tin_footer { line-height: 22px; color: #fff; font-size: 14px; } .thong_tin_footer ul { padding-left: 0px; } .copyright-box { margin-top: 30px; background: #000; padding: 10px; } .header_home { padding: 10px; background: #026b70; } .weather-item.temperature { line-height: 30px; } .weather-header { display: inline-block; } .weather-wrap { display: inline-block; } .weather-wrap { line-height: 30px; padding-left: 10px; } .weather-placeholder { color: #fff; margin-top: -2px; } .ten_nguoi_dung { color: #fff; padding: 9px; } .btn-primary { color: #ffffff; background-color: #017e84; border-color: #017e84; } .btn-primary:hover { color: #ffffff; background-color: #026b70; border-color: #026b70; } .red { color: red; } .item_menu { padding: 10px; border: solid 1px #dcdcdc; border-radius: 5px; margin-top: 20px; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 16px; text-transform: uppercase; font-weight: 700; } .item_menu:hover{ color: #fff; background: #999; border-color: #999 } .item label { font-weight: 500; } .sao_vang { color: orange; } .sao_den { color: #000; } input[type="range"] { /* removing default appearance */ -webkit-appearance: none; appearance: none; /* creating a custom design */ width: 100%; cursor: pointer; outline: none; border-radius: 15px; /* overflow: hidden; remove this line*/ /* New additions */ height: 6px; background: #ccc; } /* Thumb: webkit */ input[type="range"]::-webkit-slider-thumb { /* removing default appearance */ -webkit-appearance: none; appearance: none; /* creating a custom design */ height: 15px; width: 15px; background-color: #017e84; border-radius: 50%; border: none; /* box-shadow: -407px 0 0 400px #f50; emove this line */ transition: .2s ease-in-out; } /* Thumb: Firefox */ input[type="range"]::-moz-range-thumb { height: 15px; width: 15px; background-color: #017e84; border-radius: 50%; border: none; /* box-shadow: -407px 0 0 400px #f50; emove this line */ transition: .2s ease-in-out; } /* Hover, active & focus Thumb: Webkit */ input[type="range"]::-webkit-slider-thumb:hover { box-shadow: 0 0 0 10px rgba(255, 85, 0, .1) } input[type="range"]:active::-webkit-slider-thumb { box-shadow: 0 0 0 13px rgba(255, 85, 0, .2) } input[type="range"]:focus::-webkit-slider-thumb { box-shadow: 0 0 0 13px rgba(255, 85, 0, .2) } /* Hover, active & focus Thumb: Firfox */ input[type="range"]::-moz-range-thumb:hover { box-shadow: 0 0 0 10px rgba(255, 85, 0, .1) } input[type="range"]:active::-moz-range-thumb { box-shadow: 0 0 0 13px rgba(255, 85, 0, .2) } input[type="range"]:focus::-moz-range-thumb { box-shadow: 0 0 0 13px rgba(255, 85, 0, .2) } .wrap_thong_bao_chung { position: fixed; right: 20px; top: 20px; } .thong_bao_chung { padding: 20px; background: #fff; border: solid 1px #dcdcdc; border-radius: 5px; } .item { position: relative; } .wrap_goi_y { padding: 20px; background: #fff; border-radius: 5px; border: solid 1px #dcdcdc; text-align: left; } .thong_bao_item { position: absolute; width: 100%; top: 100%; background: #fff; z-index: 10; } .tieu_de_goi_y { margin-bottom: 10px; color: red; } .item_goi_y { border-bottom: solid 1px #dcdcdc; padding: 5px 0px; } .dong_goi_y { position: absolute; right: 10px; top: 10px; cursor: pointer; } .wrap_form { border: solid 1px #dcdcdc; border-radius: 10px; margin-top: 20px; padding: 10px; background: #eeeeee; } .stt { height: 22px; width: 22px; border-radius: 100%; color: #fff; display: inline-block; margin-right: 7px; margin-left: 2px; background: linear-gradient(#fac241 0%, #cd0781 100%); padding: 5px; text-align: center; font-size: 10px; } .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .inputfile+label { font-size: 25px; font-weight: 700; color: #01797E; display: inline-block; cursor: pointer; padding: 5px; } .inputfile:focus+label, .inputfile+label:hover { color: #01797E; } .title_h2 { margin-bottom: 20px; color: #007378; } @media (min-width: 991.98px) { .modal-dialog { width: 80vw !important; } } .mg_top { margin-top: 20px; } .btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus { color: #ffffff; background-color: #026b70; border-color: #026b70; } .h2_phan_vung { background: #017e84; color: #fff; padding: 5px 10px; margin-bottom: 20px; } .label_radio { margin-bottom: 0px; margin-right: 10px; } .h2_layout_main { padding: 10px 10px; background: #017e84; font-size: 18px; margin-bottom: 5px; color: #fff; } .h2_layout_main a { color: #fff; } .btn_action { background: orange; border: none; color: #fff !important; } .btn_action:hover { background: #FF9204; } .btn_list { background: #898787; padding: 3px 7px; border: none; margin: 5px 0px; color: #fff !important; } .btn_list:hover { background: #5E5E5E; } .wrap_btn { padding-top: 5px; } td { vertical-align: middle !important; } .h2_title { margin-bottom: 10px; } ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ ::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #555; } .main-menu { background: #017e84; margin: 0; padding: 0; font-size: 13px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px } .main-menu>li { display: inline-block; border-left: 1px rgba(255, 255, 255, 0.15) solid; position: relative; } .main-menu>li:last-child { border-right: 1px rgba(255, 255, 255, 0.15) solid; } .main-menu>li.current { background-color: #09f; } .main-menu>li>a { display: block; color: #fff; background: none; padding: 8px 22px 7px 22px; } .main-menu>li>a:hover { text-decoration: none; } .main-menu>li>a .fa { margin-left: 5px; } .main-menu .sub-menu, .main-menu .sub-menu-2 { position: absolute; left: 0; top: 100%; z-index: 999; width: 100%; padding: 0; margin: 0; border: 1px solid rgba(0, 0, 0, 0.15); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); min-width: 200px; background: #ffffff; display: none; } .main-menu .sub-menu-2 { top: -1px; left: 100%; } .main-menu .sub-menu a { display: block; padding: 0; text-align: left; color: #262626; padding: 10px; } .main-menu .sub-menu a:hover { background-color: #f5f5f5; } .main-menu>li:hover .sub-menu { display: block; } .main-menu .sub-menu li { position: relative; } .main-menu .sub-menu li:hover .sub-menu-2 { display: block; } .main-menu .sub-menu .fa { position: absolute; right: 10px; } .page-title{ margin-bottom: 15px; font-weight: 700; padding-bottom: 5px; border-bottom: 2px solid #FF5722; font-size: 16px; text-transform: uppercase; color: #FF5722; } .nav-tabs>li>a,.nav-tabs>li>a:hover{ border: none } .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{ background: #017e84; color: #fff; border: none; } .nav-tabs>li{ margin-bottom:0 } .nav-tabs{ border-color: #017e84 } .nav-stacked>li+li{ margin-top: 0 } .menu-grid{ border: 1px solid #ddd; padding: 15px; border-radius: 10px; margin-bottom: 30px } .menu-grid .heading-mn{ font-weight: 700; text-transform: uppercase; margin-bottom: 10px; color: #fff; border-radius: 5px; padding: 10px; display: block; background: #017e84 } .menu-grid .heading-mn a{ color: #fff; } .menu-grid .menu-grid-child{ margin-bottom: 10px; padding: 15px; display: block; background: #ddd; color: #000; border-radius: 4px } .menu-grid .menu-grid-child:hover{ background: #eee } .title-in{ font-size: 18px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px } .body-in{ font-size: 9px; display: none; white-space: nowrap; } .title-d{ font-size: 16px; font-weight: 700; text-transform: uppercase } .name-d{ margin-top: 50px; font-weight: 700; margin-bottom: 50px } .no-border>tbody>tr>td{ border-top: none } .body-in .logo { height: 50px; width: auto } /* DANG DINH TU */ #tbodyContent tr.selected td { background: #e0e0e0bd; } select.input-sm { height: 30px; line-height: 30px; } .v-middle { vertical-align: middle !important; } .inline { display: inline-block !important; } .input-s-sm { width: 120px; } .th-sortable { cursor: pointer; } .th-sortable .th-sort { display: inline-block; position: relative; right: -4px; } .th-sort i { position: relative; z-index: 1; } .th-sort .fa-sort { position: absolute; left: 0; top: 3px; color: #bac3cc; z-index: 0; } .th-sortable.active .text { display: none !important; } .th-sortable.active .text-active { display: inline-block !important; } .sortable-placeholder { list-style: none; border: 1px dashed #CCC; min-height: 50px; margin-bottom: 5px; } .btn { font-weight: 500; border-radius: 2px; } .mb0{ margin-bottom: 0 } .m-b-none { margin-bottom: 0; } .m-t-none { margin-top: 0; } .m-b-sm { margin-bottom: 10px; } .m-t-sm { margin-top: 10px; } .m-t-xs { margin-top: 5px; } .m-b-xs { margin-bottom: 5px; } .text-muted { color: #979797; } .wrapper{ padding: 15px 5px; } .b-light { border-color: #e4e4e4; } .b-t { border-top: 1px solid #cfcfcf; } .btn-dark { color: #fff !important; background-color: #2e3e4e; border-color: #2e3e4e; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark { color: #fff !important; background-color: #25313e; border-color: #1f2a34; } .w40{ width:40px } .w50{ width:50px } .w60{ width:60px } .w80{ width:80px } .w90{ width:90px } .w100{ width:100px } .w110{ width:110px } .w120{ width:120px } .w130{ width:130px } .w150{ width:150px } .w180{ width:180px } .w170{ width:170px } .nowrap { white-space: nowrap; } #form_tim_kiem .form-group{ margin-bottom: 0px; } .font-bold { font-weight: 700; } .panel .table td, .panel .table th { padding: 6px 10px; border-top: 1px solid #f1f1f1; } .input-group-v2 { display: flex; } .input-group-v2 input[type="text"] { width: calc(100% - 30px); } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .toast .close-btn { position: absolute; top: 6px; right: 5px; cursor: pointer; background: none; border: none; padding: 0; font-size: 20px; color: inherit; } .toast { position: fixed; bottom: 20px; right: 20px; padding: 10px 20px 10px 10px; border-radius: 5px; font-size: 16px; color: #fff; opacity: 0; transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; z-index: 1000; } .toast.show { opacity: 1; } .toast.hide { opacity: 0; } .toast.success { background-color: #5cb85c; } .toast.warning { background-color: #f0ad4e; } .toast.error { background-color: #d9534f; } .toast.info { background-color: #5bc0de; } .toast p { margin: 0; } .toast span { display: block; } .toast span. { background: #8ec165; border: 1px #ccc solid; padding: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .expand-box { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: white; width: 100%; max-width: 800px; max-height: 100vh; overflow-y: auto; height: auto; opacity: 0; pointer-events: none; transition: transform 0.5s ease, opacity 0.5s ease; } .expand-box.active { transform: translate(-50%, -50%) scale(1); opacity: 1; pointer-events: auto; overflow-x: hidden; z-index: 1010; } .expand-box .close-btn { position: absolute; top: 5px; right: 5px; cursor: pointer; color: #fff; } .expand-fullbox { position: fixed; top: 0; left: 0; transform: scale(0); background-color: white; width: 100%; height: 100%; overflow-y: auto; opacity: 0; pointer-events: none; transition: transform 0.5s ease, opacity 0.5s ease; } .expand-fullbox.active { transform: scale(1); opacity: 1; z-index:999; pointer-events: auto; } .expand-fullbox .close-btn { position: absolute; top: 5px; right: 5px; cursor: pointer; color: #fff; } /* #expand-fullbox { */ /* overflow: hidden; */ /* } */ #expand-fullbox > div.panel-body { padding: 10px } #expand-fullbox ul.list-group { overflow: auto; height: calc(100vh - 255px); } .btn-add-call { position: relative; margin-top: -30px; z-index: 100; } .text-list-logcall { padding: 0; margin: 0; text-align: center; font-size: 16px; font-weight: bold; text-transform: uppercase; } .select2-container--open{ z-index: 9999; } #tableAccessory th, #tableAccessory td{ padding: 4px; } #tableAccessory .input-sm{ padding: 4px 8px } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 70%); z-index: 1000; opacity: 0; /* visibility: hidden; */ pointer-events: none; transition: opacity 0.5s ease-out; } .overlay.active { opacity: 1; pointer-events: auto; /* visibility: visible; */ } button[type="submit"] i.fa-spinner, button[type="button"] i.fa-spinner { display: none; } #formThietBiAdd .toast{ z-index:100000; } #formComponentType .toast, #formThietBiAdd .toast, #formDanhMucViTri .toast , #formSoVanHanhThietBiAdd .toast, #formLoaiLinhKienAdd .toast, #formKeHoachDanhGiaThietBiAdd .toast, #formThucHienBaoTriThietBiAdd .toast, #formLinhKienAdd .toast, #formTieuChi .toast, #formTieuChuanAdd .toast, #formDanhMucThietBiAdd .toast, #formTheoDoiChiSoAdd .toast, #formThucHienKiemDinhThietBiAdd .toast, #formKeHoachKiemDinhThietBiAdd .toast, #formThucHienHieuChuanThietBiAdd .toast, #formKeHoachHieuChuanThietBiAdd .toast, #formSuaChuaThietBiAdd .toast, #formThucHienDanhGiaThietBiAdd .toast { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); bottom: auto; right: auto; } #tableAccessory input.search-box{ display: none; } div.required .control-label:not(span):after, td.required:after { content: '*'; color: #F00; font-weight: bold; padding-left: 4px; font-size: 16px; position: absolute; } .has-error .control-label{ color: #d9534f; } .has-error .form-control { border-color: #d9534f; } .has-error .select2-container--default .select2-selection--single { border: 1px solid #d9534f; } #append_add_accessory .form-group { margin:0; } .input-group { z-index: 1; } .weight-popover { background-color: white; border: 1px solid #ccc; border-radius: 4px; padding: 15px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); } .weight-popover h5 { margin-top: 0; margin-bottom: 5px; font-weight: bold; } .weight-limit { font-size: 12px; color: #666; margin-bottom: 5px; } .weight-control { display: flex; align-items: center; margin-bottom: 15px; justify-content: center; } .weight-input { width: 50px; text-align: center; margin: 0 5px; } .weight-actions { display: flex; justify-content: space-between; } .weight-actions .btn { width: 48%; } .weight-button { position: relative; padding-right: 20px !important; } .weight-popover { background-color: white; border: 1px solid #ccc; border-radius: 4px; padding: 15px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); } .popover-arrow { position: absolute; left: -10px; top: 50%; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid white; transform: translateY(-50%); } .popover-arrow::before { content: ''; position: absolute; left: -1px; top: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #ccc; } .cleartext { position: absolute; top: 6px; left: 2px; display: none; font-size: 12px; } .cleartext.act{ display: block; cursor:pointer } ul.template { width: 100%; max-height: 300px; overflow-y: auto; } ul.template>li>a { padding: 3px 12px; } ul.template::-webkit-scrollbar { width: 4px; /* Độ rộng của scrollbar */ } ul.template::-webkit-scrollbar-track { background: #f1f1f1; /* Màu nền của phần track scrollbar */ border-radius: 3px; /* Bo tròn các góc của scrollbar track */ } ul.template::-webkit-scrollbar-thumb { background-color: #c8c0c0; /* Màu của phần thanh scrollbar */ border-radius: 3px; /* Bo tròn thanh scrollbar */ border: 1px solid #f1f1f1; /* Tạo khoảng cách với track và nhìn mượt hơn */ } /* Hover effect khi người dùng di chuột lên scrollbar */ ul.template::-webkit-scrollbar-thumb:hover { background-color: #555; /* Màu của thanh scrollbar khi hover */ } /* Tùy chỉnh scrollbar cho Firefox */ ul.template { scrollbar-width: thin; /* Độ rộng của scrollbar cho Firefox */ scrollbar-color: #c8c0c0 #f1f1f1; /* Màu của scrollbar (thumb và track) cho Firefox */ } #thietBiSelect{ padding-left: 12px } .disbaled { cursor: not-allowed; opacity: 0.5; } p.fullwidth{width:100%;margin:0;} p.fullwidth button{width:100%;padding: 2px 0;margin: 2px 0;} #formSearchSuaChuaThietBi{ width: auto; max-width: 350px; float:right } .input-group-v3{ display: flex; } .input-group-v3 input[type="text"]{ width:100px } .flexbox{display: flex;} .flexbox>.form-group{margin-right:5px;} .text-middle{ vertical-align: middle !important; } /* CSS tối thiểu cần thiết */ /* CSS tối thiểu cần thiết */ .select-wrapper { position: relative; width: 100%; } .select-selected { border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; padding: 4px 10px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; line-height: 20px; background: #fff; } .has-error .select-selected{ border: 1px solid #d9534f; } .select-selected>i.fa-chevron-down{ font-size: 10px; color: #808080; } .select-selected.active { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); } .select-options { position: absolute; top: 100%; left: 0; right: 0; border: 1px solid #ddd; background: #fff; z-index: 1000; max-height: 300px; overflow-y: auto; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } .search-box { width: calc(100% - 16px); margin: 8px; padding: 4px; border: 1px solid #ddd; } .options-list { list-style: none; margin: 0; padding: 0; } .select-option { padding: 5px 10px; cursor: pointer; } .select-option:hover { background: #5bc0de; color: #fff; } /* custom ẩn box tìm kiếm khi list chọn quá ít*/ #select-container .search-box{ display: none; } #submitImport { width: 100%; } .boxError{ padding: 20px; text-align: center; font-weight: bold; font-size: 16px; } #importFormTable a.download{ text-align: right; display: block; clear: both; padding: 4px; } #ui-datepicker-div{ z-index: 1010 !important; }