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

@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: 400 14px Arial;
  padding: 0;
  width: 100%;
  overflow: hidden;
}

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;
}

/* 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: -999999999px;
  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: 32px !important;
  padding-top: 2px;
}

.voting-col-2 {
  border-left: 1px solid #ccc;
  padding: 0px 10px;
}

.padding-voting ul li {
  margin: 0px 10px;
  padding: 10px 0px;
  list-style: disc;
  text-align: justify;
}

.sum-voting {
  margin-top: 5px;
}

/*cookie-notice popup*/

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

.cookie-notice a {
  color: #1a3f5e;
  text-decoration: underline;
}

.cookie-notice div {
  position: relative;
  width: 100%;
  padding: 20px;
  color: #333;
}

.cookie-notice button {
  float: right;
  margin-top: -20px;
  margin-right: -20px;
  margin-left: 10px;
  margin-bottom: 10px;
  width: 40px;
  height: 40px;
  border: 0;
  font-size: 24px;
}
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&#7889; &#273;&#7883;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&#7889; &#273;&#7883;nh*/












.box_menu_trai{
  background: #017e84;
  height: 100vh;
  overflow-y: auto;
}
.box_profile{
  padding: 15px;
  color: #fff;
}
.box_profile span{
 color: #fff;
}
.metismenu{
  border: none;
}
.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;
  display: flex;
}
.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{
  position: relative;
}
.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 {
  background: #243035;
  padding-top: 60px;
  color: #a8a8aa;
  margin-top: 30px;
  font-size: 15px;
}
.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: var(--primary-color);
  background-color: var(--background-color);
  border-color: var(--primary-color);
}
.btn-primary:hover {
  color: var(--primary-color);
  background-color: var(--background-color-hover);
  border-color: var(--primary-color);
}
.red{
  color: red;
}
.item_menu{
  padding: 10px;
  border: solid 1px #dcdcdc;
  border-radius: 5px;
  margin-top: 20px;
  text-transform: uppercase;
}
.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: 12px;
  background: #ccc;
}

/* Thumb: webkit */
input[type="range"]::-webkit-slider-thumb {
  /* removing default appearance */
  -webkit-appearance: none;
  appearance: none; 
  /* creating a custom design */
  height: 20px;
  width: 20px;
  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: 20px;
  width: 20px;
  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: 20px;
  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;
}
.title_business{
  margin-bottom: 20px;
  font-size: 18px;
}
.ten_thanh_keo{
  font-size: 16px;
}
.content_main{
  padding-bottom: 150px;
}
.span_round{
  padding: 5px;
  border-radius: 5px;
  background: #FFE7B2;
  margin: 3px 5px;
  display: inline-block;
}
#box_xem_danh_gia{
  position: fixed;
  top: 50px;
  right: 20px;
  
  z-index: 100000;
}
#box_content_danh_gia{
  background: #FFFCD4;
  border-radius: 5px;
  padding: 20px 10px;
  height: auto;
  min-height: 50px;
  min-width: 200px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.review_danh_gia{
  font-weight: 600;
  line-height: 25px;
  font-size: 16px;
}
.button_gw{
  padding: 5px 10px;
  background: #FFA500;
  color: #fff !important;
  border-radius: 5px;
  margin: 5px;
}
.mt_top{
  margin-top: 10px;
}
.fc .fc-button-primary {
  background-color: #ff7700;
  border-color: #ff7700;
  color: #fff;
}
.fc .fc-button-primary:hover {
  background-color: #FA6929;
  border-color: #FA6929;
  color: #fff;
}
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
 background-color: #FA6929;
 border-color: #FA6929;
 color: #fff;
}
.fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus {
  box-shadow: #FA6929 0px 0px 0px 0.2rem;
}
.fc .fc-button-primary:disabled {
  background-color: #C63D00;
  border-color: #C63D00;
  color: #fff;
}
.item_menu{
  padding: 15px 10px;
  font-size: 16px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  text-align: center;
  line-height: 25px;
  color: #000;
  min-height: 80px;
}
.item_menu:hover{
  background: #FFD161;
}
.item_thong_ke:hover{
  background: #FFD161;
}
.topic_layout_main{
  
}
.h2_layout_main{
  padding: 10px 10px;
  background: #017e84;
  font-size: 18px;
  margin-bottom: 5px;
  color: #fff;
  
}
.h2_layout_main a{
  color: #fff !important;
}
.h2_layout_main i{
  color: #fff;
}
.item_thong_ke{
  padding: 10px 10px;
  font-size: 14px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  text-align: left;
  line-height: 20px;
  color: #000;
  margin-top: 10px;
}
.so_lieu{
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  float: right;
}
.mt_10{
  margin-top: 10px;
}
.input_gw{
  padding: 2px;
  border-radius: 5px;
  border: solid 1px #dcdcdc;
  min-width: 40px;
  max-width: 40px;
  text-align: center;
  color: red;
  font-weight: 600;
  font-size: 12px;
}
.input_gw_tien{
  padding: 2px;
  border-radius: 5px;
  border: solid 1px #dcdcdc;
  min-width: 50px;
  max-width: 90px;
  text-align: center;
  color: red;
  font-weight: 600;
  font-size: 12px;
}
.input_gw_tien_dai{
  padding: 2px;
  border-radius: 5px;
  border: solid 1px #dcdcdc;
  min-width: 50px;
  max-width: 130px;
  text-align: center;
  color: red;
  font-weight: 600;
  font-size: 12px;
}
.cap_2{
  padding-left: 15px !important;
}
.cap_3{
  padding-left: 25px !important;
}
.mac_dinh_phong{
  background: #92D050;
}
.tieu_de_chinh{
  background: #fff;
}
.modal-body{
  z-index: 1000;
  min-height: 300px;
}
#ui-datepicker-div{
  z-index: 10000 !important;
}
.wrap_chot_ky{
  margin-bottom: 20px;
  text-align: center;
}
.mau_xanh{
  background: #00BD55;
  color: #fff;
}
.table-responsive{
  max-width: 100%;
  overflow: auto;
}
.cong_thuc{
  color: #000;
}
.red{
  color: red !important;
}
.metismenu .sidebar-nav ul a{
  text-transform: uppercase;
}
.tieu_de_chung{
  font-size: 24px;
  text-transform: uppercase;
  line-height: 20px;
}
.wrap_tieu_de_chung{
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 5px;
  padding-top: 10px;
}
.ngay{
  color: #017e84;
}
.nhan_vien{
  color: orange;
}
.money{
  color: red;
}
.h2_chung{
  margin: 10px 10px;
}
.phong_ban{
 color: orange;
}
.trang_thai{
 color: orange;
}
.i_them{
  color: #017e84;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
}
.ten_tam_ung{
  color: #007378;
  font-weight: 600;
}
.wrap_inline{
  text-align: center;
}
.wrap_inline .ten_tam_ung{
  margin-top: 10px;
}
.wrap_inline .ten_tam_ung_con{
  margin-top: 10px;
}
.wrap_profile{

}
.block_item img{
  max-width: 100%;
  text-align: center;
}
.loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.loader {
  position: relative;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loader div {
  position: absolute;
  border: 4px solid transparent;
  border-radius: 50%;
  animation: spin 1.5s linear infinite;
  box-shadow: 0 0 15px rgba(0, 136, 204, 0.7);
}

.loader .circle1 {
  width: 100px;
  height: 100px;
  border-top: 4px solid #00aaff;
}

.loader .circle2 {
  width: 75px;
  height: 75px;
  border-bottom: 4px solid #0088cc;
  animation-direction: reverse;
}

.loader .circle3 {
  width: 50px;
  height: 50px;
  border-left: 4px solid #005577;
  animation-duration: 2s;
}

.loader .center {
  width: 20px;
  height: 20px;
  background: #000;
  border-radius: 50%;
  box-shadow: 0 0 20px #00aaff, 0 0 40px #0088cc;
  animation: pulse 1.5s infinite alternate;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes pulse {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(1.3); opacity: 0.6; }
}

.chu_y{
  color: orange;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #cecece;
  opacity: 1;
}
.item label{
  margin-right: 50px;
}


.btn_sua{
  background-color: #FCA403; /* Đỏ hồng dịu - tailwind rose-600 */
  color: #fff !important;
  padding: 10px 18px;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  transition: background-color 0.3s ease, transform 0.2s;
  margin-bottom: 5px;
  white-space: nowrap;
}
.btn_sua:hover{
  background-color: #E88005; /* đậm hơn chút khi hover */
  transform: translateY(-1px);
}
.btn_sua:active {
  transform: scale(0.97);
}

.btn_sua .i {
  font-size: 18px;
  line-height: 1;
}







.btn_xoa{
  background-color: #d43f3a; /* Đỏ hồng dịu - tailwind rose-600 */
  color: #fff !important;
  padding: 10px 18px;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  transition: background-color 0.3s ease, transform 0.2s;
  margin-bottom: 5px;
  white-space: nowrap;
}
.btn_xoa:hover{
  background-color: #BF241F; /* đậm hơn chút khi hover */
  transform: translateY(-1px);
}
.btn_xoa:active {
  transform: scale(0.97);
}

.btn_xoa .i {
  font-size: 18px;
  line-height: 1;
}





.btn_them{
  background-color: #d43f3a; /* Đỏ hồng dịu - tailwind rose-600 */
  color: #fff !important;
  padding: 10px 18px;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  transition: background-color 0.3s ease, transform 0.2s;
  margin-bottom: 5px;
  white-space: nowrap;
}
.btn_them:hover{
  background-color: #C62C27; /* đậm hơn chút khi hover */
  transform: translateY(-1px);
}
.btn_them:active {
  transform: scale(0.97);
}

.btn_them .i {
  font-size: 18px;
  line-height: 1;
}








.btn_xem{
  background-color: #22c55e; /* Đỏ hồng dịu - tailwind rose-600 */
  color: #fff !important;
  padding: 10px 18px;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  transition: background-color 0.3s ease, transform 0.2s;
  margin-bottom: 5px;
  white-space: nowrap;
}
.btn_xem:hover{
  background-color: #12AF4C; /* đậm hơn chút khi hover */
  transform: translateY(-1px);
}
.btn_xem:active {
  transform: scale(0.97);
}

.btn_xem .i {
  font-size: 18px;
  line-height: 1;
}






.btn_excel{
  background-color: #22c55e; /* Đỏ hồng dịu - tailwind rose-600 */
  color: #fff !important;
  padding: 10px 18px;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  transition: background-color 0.3s ease, transform 0.2s;
  margin-bottom: 5px;
  white-space: nowrap;
}
.btn_excel:hover{
  background-color: #12AF4C; /* đậm hơn chút khi hover */
  transform: translateY(-1px);
}
.btn_excel:active {
  transform: scale(0.97);
}

.btn_excel .i {
  font-size: 18px;
  line-height: 1;
}




.btn_nomal{
  background-color: #017e84; /* Đỏ hồng dịu - tailwind rose-600 */
  color: #fff !important;
  padding: 10px 18px;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  transition: background-color 0.3s ease, transform 0.2s;
  margin-bottom: 5px;
  white-space: nowrap;
}
.btn_nomal:hover{
  background-color: #015F64; /* đậm hơn chút khi hover */
  transform: translateY(-1px);
}
.btn_nomal:active {
  transform: scale(0.97);
}

.btn_nomal .i {
  font-size: 18px;
  line-height: 1;
}










.notification {
  position: fixed;
  top: 20px;
  right: 20px;
  background-color: #4CAF50;
  color: #fff;
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 10000;
}

.notification .close-btn {
  cursor: pointer;
  margin-left: 10px;
  font-weight: bold;
  font-size: 20px;
}

.notification.success {
  background-color: #4CAF50;
}

.notification.error {
  background-color: #f44336;
}

.notification.warning {
  background-color: #ff9800;
}
.thong_tin_noi_bat{
  padding: 10px 10px;
  margin-bottom: 10px;
  color: #017E84;
  font-weight: 600;
  font-size: 16px;
  border-radius: 5px;
  border: solid 1px #dcdcdc;
}
.input_gw_text {
  padding: 2px;
  border-radius: 5px;
  border: solid 1px #dcdcdc;
  min-width: 100%;
  max-width: 200px;
  text-align: center;
  color: #000;
  font-weight: 600;
  font-size: 12px;
  background: #fff;
}
.input_gw_rong {
  padding: 2px;
  border-radius: 5px;
  border: solid 1px #dcdcdc;
  min-width: 200px;
  max-width: 300px;
  text-align: center;
  color: #000;
  font-weight: 600;
  font-size: 12px;
  background: #fff;
}
.thong_tin_span{
  margin-left: 10px;
  line-height: 16px;
}
.item_info{
  margin-bottom: 10px;
  border-bottom: solid 1px #dcdcdc;
}
.money_xanh{
  color: #017e84;
  font-weight: 600;
}
.box_iframe{
  padding: 10px;
  border-radius: 5px;
  border: solid 1px #007378;
  margin: 10px 0px;
  height: 500px;
  position: relative;
}
.ten_iframe{
  margin-bottom: 10px;
  font-weight: 600;
  display: flex;
    align-items: center;
    justify-content: space-between;
}
.h2_phan_tach {
  color: #017e84;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 2px #017e84 solid;
  margin: 10px 0px;
}
.stt_bo_tron{
  background: #017e84;
  color: #fff;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  padding: 0px;
  display: inline-block;
}
.box_iframe .hinh_mac_dinh{
  width: 100%;
  height: 90%;
  object-fit: contain;
}
.box_iframe iframe{
  height: 90%;
  width: 100%;
}
.hierarchy a {
  color: #fff;
  line-height: 18px;
  font-size: 12px;
  max-width: 45px;
  display: block;
  white-space: normal;
  text-align: center;
  min-height: 50px;
}
.mo_ta_chi_tiet{
  font-size: 12px;
}
.orgchart .node .content{
  width: 130px;
}
.orgchart .node .content{
  white-space: unset !important;
}
.uppercase{
  text-transform: uppercase;
}
.khung_them_file{
  display: flex;
}
.view_file_detail{
  padding: 10px;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #EDF4FA;
  
}
.view_file_detail:hover{
 background: #E5F3FF;
}
.view_file_detail a{
  line-height: 30px;
}
.view_file_detail img{
  height: 100px;
}
.list-title{
  padding: 5px;
}
.list-content{
  border-top: 1px #dcdcdc solid;
}
.box_menu_trai .sidebar-nav > ul > li > ul > li > ul{
  padding-left: 10px;
}
.view_textarea{
  border: solid 1px #dcdcdc;
  padding: 10px;
  border-radius: 5px;
  line-height: 18px;
}
.hierarchy .content{
  display: none;
}


@-webkit-keyframes my {
  0% { color: #C80013; }
  50% { color: #000; }
  100% { color: #C80013; }
}
@-moz-keyframes my {
  0% { color: #C80013; }
  50% { color: #000; }
  100% { color: #C80013; }
}
@-o-keyframes my {
  0% { color: #C80013; }
  50% { color: #000; }
  100% { color: #C80013; }
}
@keyframes my {
  0% { color: #C80013; }
  50% { color: #000; }
  100% { color: #C80013; }
}
.text-animation {
  background:#FDD36D;
  font-size:14px;
  font-weight:bold;
  -webkit-animation: my 700ms infinite;
  -moz-animation: my 700ms infinite;
  -o-animation: my 700ms infinite;
  animation: my 700ms infinite;
  border-radius: 10px;
  padding: 5px;
  text-align: center;
}
.text-animation input{
  -webkit-animation: my 700ms infinite;
  -moz-animation: my 700ms infinite;
  -o-animation: my 700ms infinite;
  animation: my 700ms infinite;
}

.khong_can_thiep{
  pointer-events: none;
  background: #dcdcdc;
}
.mau_vang{
  color: yellow !important;
}
.mau_cam{
  color: orange !important;
}
.mau_xanh_nen{
  color: #017e84 !important;
}
.hang_ngang_vang{
  padding: 10px;
  background: #FFE400;
  text-transform: uppercase;
  font-weight: 600;
}
.item_menu_nho {
  padding: 10px 5px;
  font-size: 16px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  text-align: center;
  line-height: 25px;
  color: #000;
  min-height: 50px;
  border: solid 1px #dcdcdc;
  border-radius: 5px;
  margin-top: 20px;
  text-transform: uppercase;
}

.ten_phong_ban_theo_table{
  position: relative;
}
.btn_them_nhan_vien_vao_phong_ban{
  position: absolute;
  right: 20px;
  top: 7px;
  border: none;
  background: none;
}
.btn_them_nhan_vien_vao_phong_ban i{
  font-size: 30px;
  color: #fff;
}
.modal-title{
  font-size: 20px;
  font-weight: 600;
}
.title_h2_thong_bao{
  font-size: 24px;
  font-weight: 600;
}


@-webkit-keyframes notifi {
  0% { color: #C80013; }
  50% { color: #fff; }
  100% { color: #C80013; }
}
@-moz-keyframes notifi {
  0% { color: #C80013; }
  50% { color: #fff; }
  100% { color: #C80013; }
}
@-o-keyframes notifi {
  0% { color: #C80013; }
  50% { color: #fff; }
  100% { color: #C80013; }
}
@keyframes notifi {
  0% { color: #C80013; }
  50% { color: #fff; }
  100% { color: #C80013; }
}
.span_stt_file{
  height: 30px;
  width: 30px;
  border-radius: 100px;
  background: #017e84;
  color: #fff;
  display: inline-block;
  text-align: center;
  padding-top: 6px;
  margin-right: 10px;
}
.tuy_chinh_file{
  text-align: right;
  margin-top: -30px;
}
.view_file_detail_item{
  display: flex;
}
.view_file_detail_item a{
  color: #000;
}
.click_down{

}
.click_down  i{
  color: #FF5900;
  font-size: 22px;
}
.btn_file{
  padding: 5px 7px;
  color: #fff;
  background: #F77C08;
  border-radius: 5px;
  cursor: pointer;
  margin: 3px;
}
.btn_file:hover{
  background: #FF5900;
  color: #fff;
}
.folder_icon{
  color: #FFE79C;
  font-size: 22px;
}
.h2_download{
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
}
.file_icon{
  color: #DEA801;
  font-size: 22px;
}
.item_folder{
  padding: 10px;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #FDFAF1;
}
.item_folder:hover{
 background: #F9EBC0;
}


.table-scroll::-webkit-scrollbar-track
{
  border: 1px solid #fff;
  background-color: #fff;
}

.table-scroll::-webkit-scrollbar
{
  width: 5px;
  background-color: #fff;
  height: 10px;
}

.table-scroll::-webkit-scrollbar-thumb
{
  background-color: orange; 
}

.item_ho_so_goi_thau{
  border-radius: 10px;
  border: solid 1px #dcdcdc;
  margin: 10px 0px;
  padding: 10px;
  background: #eeeeee;
}
.row_add_content{
  margin-bottom: 10px;
}
.btn_them_noi_dung{
  background: orange;
  color: #fff;
  padding: 5px;
  border: none;
}




















.table-scroll thead{
  background: #017e84;
  color: #fff;
}


.table-scroll {
  position: relative;
  width:100%;
  margin: auto;
  overflow: auto;
  height: 80vh;
}

.table-scroll table {
  width: 100%;
  margin: auto;
/*  border-collapse: separate;*/
border-spacing: 0;
}
.table-wrap {
  position: relative;
}
.table-scroll input[type="text"]{
  min-width: 100px;
}
.table-scroll input[type="number"]{
  min-width: 100px;
}
.table-scroll thead {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
  

}

/* safari and ios need the tfoot itself to be position:sticky also */
/*.table-scroll tfoot,
.table-scroll tfoot th,
.table-scroll tfoot td {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background: midnightblue;
  color: #fff;
  z-index:4;
}*/
.video_view{
  width: 100%;
  height: auto;
}





































.nhap_thong_tin{
  padding: 20px;
  background: #eeeeee;
  border-radius: 10px;
  border: solid 1px #dcdcdc;
}
.width_100{
  width: 100px !important;
}
.min_width_400{
  min-width: 400px;
}
.hinh_dai_dien_danh_gia img{
  height: 30px;
  width: 30px;
  border-radius: 100%;
  object-fit: cover;
}
.item_danh_gia_chuyen_xe{
  padding: 10px;
  border: solid 1px #dcdcdc;
  border-radius: 10px;
  margin: 10px;
}
.box_danh_gia_chuyen_xe{
  padding: 10px;
  border: solid 1px #dcdcdc;
  border-radius: 10px;
  line-height: 20px;
  margin: 10px;
}
.box_bao_cao_chuyen_xe{
  padding: 10px;
  border: solid 1px #dcdcdc;
  border-radius: 10px;
  margin: 10px;
  background: #fff;
  line-height: 20px;
}
.mau_xanh_dam{
  background: #017e84;
}
.nen_mau_cam{
  background: orange;
}
.nen_mau_xanh_bien{
  background: #3D66FE;
}


.position_button{
  position: fixed;
  bottom: 10px;
  right: 20px;
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  border: solid 1px #dcdcdc;
  z-index: 100;
  zoom: 80%;
}

input[type="file"] {
  width: 150px; /* Tùy chỉnh chiều rộng */
  padding: 5px;
  font-size: 14px;
  border-radius: 4px;
  background-color: #f1f1f1;
  border: 1px solid #ccc;
}
.input_min_width{
  min-width: 80px;
}



.blinking-button {
  padding: 7px 10px;
  font-size: 18px;
  color: #fff;
  background-color: #FA7E19;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  outline: none;
  animation: blinking 1s infinite;
  transition: background-color 0.3s ease;
}

.blinking-button:hover {
  background-color: #FA7E19;
}
@keyframes blinking {
  0% {
    background-color: #FF0000;

  }
  50% {
    background-color: #FA7E19;

  }
  100% {
    background-color: #FF0000;

  }
}



.list_info > div{
  line-height: 30px;
}
.blue{
  color: blue;
}
.orange{
  color: #ED9A02;
}
.w100{
  width: 80px;
  text-align: center;
}
/*.orgchart > .nodes > .hierarchy > .nodes > .hierarchy > .nodes > .hierarchy > .nodes > .hierarchy > .nodes > .hierarchy .title{
  transform: rotate(90deg);
}*/
.form-control-area{
  border-radius: 5px;
  padding: 10px;
  background: #eeeeee;
}
.span_noi_bat{
  color: orange;
}
.w200{
  width: 100px;
  text-align: center;
}
.box_the_nhan_vien{
  border-radius: 5px;
  border: solid 2px #333;
  width: 100%;
  margin-bottom: 40px;
  padding-bottom: 5px;
  position: relative;
}
.header_the_nhan_vien{
  padding: 7px;
  border-bottom: solid 1px #dcdcdc;
  background: #d9ede0;
  border-radius: 5px 5px 0px 0px;
}
.ten_cong_ty_the_nhan_vien{
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
.ten_cong_ty_the_nhan_vien_item{
  line-height: 20px;
}
.body_the_nhan_vien{
  padding-top: 9px;
  flex: 1;
  text-align:center;
}
.body_the_nhan_vien_left{
  padding-bottom: 10px;
}
.body_the_nhan_vien_center{

  text-align: center;
}
.body_the_nhan_vien_right{

}
.footer_the_nhan_vien{
 flex: 1;
}
.footer_the_nhan_vien_left{
 flex: 1;
 text-align: center;
}
.footer_the_nhan_vien_right{
 display: table;
 height: CALC(100% - 30px);
 width: 100%;
 text-align: center;
}
.border_qr{
  padding: 5px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
}
.border_hinh{
  padding: 5px;
  border: solid 1px #dcdcdc;
  border-radius: 5px;
  display: inline-block;
  height: 110px;
  width: 110px;
  text-align: center;
}
.border_hinh img{
  width: 100%;
  object-fit: contain;
}
.thoi_han_the{
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.box_the_qr{
  display: table-cell;
  vertical-align: middle;
}
.khoa_da_duyet td{
  background: #dcdcdc;
}
.yearpicker-container{
  z-index: 10000 !important;
}
.nen_panel{
  background: #f6f6f6;
  padding: 15px 5px;
  margin-top: 10px;
}



/*header*/

.font_timenewroman{
  font-family: "Times New Roman", Times, serif!important;
  font-size: 13pt!important;
}


.company-info{
  line-height: 1.5;
}


.header_doc .header_{
  display: flex;
  align-items: center;
  font-family: "Times New Roman", Times, serif;
  font-size: 15px!important;
  gap: 40px;
  margin-bottom: 7px;
  justify-content: center;
}


.header_doc .header_ .logo_{
  width: 20%;
  height: auto;
}


/*--ngang*/
.header_ngang .header_ {
 display: flex;
 align-items: center;
 font-family: "Times New Roman", Times, serif;
 font-size: 15px!important;
 gap: 40px;
 margin-bottom: 7px;
 padding-left: 30px;
}

.header_ngang .header_ .logo_{
  width: 16%;
  height: auto;
}

.green-border {
  height: 5px;
  border: 3px solid #3bb23b;
}









.header_1 {
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
  font-family: "Times New Roman", Times, serif;
  font-size: 15px!important;
}







/*header*/


.format_input{
  border: none!important;
  box-shadow: none!important;
  border-bottom: 1px solid!important;
  padding: unset!important;
}



.format_pre_tag{
  text-align:left;
  font-family: inherit;
  font-size: inherit;
  border: none;
  background-color: unset;
}


.format_pre_tag_xuongdong{
  text-align:left;
  font-family: inherit;
  border: none;
  background-color: unset;
  padding: 0px;
  font-size: inherit;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.border_4{
  border: 1px solid black!important;
}



.v-f8j {
  display: grid !important;
  grid-template-columns: 1fr 3fr;
}



.v-rounded-bj3 {
  border-radius: 0.5rem !important;
}




/*button*/
.card-1fb {
  --tw-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10) !important;
  --tw-shadow-colored: 0px 4px 10px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.card-vbq {
  background: white;
  position: relative;
  z-index: 1;
  border: 1px solid #e7e0e0;
}

.card-vbq_main {
  background: white;
  position: relative;
  z-index: 1;
  border: 1px solid #e7e0e0;
}

.card-vbq_main:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(282deg, #08E3FF 8.81%, #08E3FF 8.82%, #00A3FF 91.19%);
  z-index: -1;
  transition: opacity 0.2s linear;
  opacity: 1;
}


.card-vbq:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(282deg, #08E3FF 8.81%, #08E3FF 8.82%, #00A3FF 91.19%);
  z-index: -1;
  transition: opacity 0.2s linear;
  opacity: 0;
}

.card-vbq:hover:before {
  opacity: 1;
}


.card-vbq .content-qaj {
  color: var(--primary);
  transition: color 0.2s ease;
}



.card-vbq .content-qaj:hover {
  color: white;
}

.card-vbq_main .content-qaj:hover {
  color: white;
}


.text-hta {
  text-align: center;
  padding: 30px 10px;
  font-size: 16px;
}


.card-vbq .content-qaj:hover .icon-38y {
  opacity: 0;
  display: none;
}

.card-vbq .content-qaj .icon-czl {
  display: none;
}

.card-vbq .content-qaj:hover .icon-czl {
  display: block;
}
/*button*/



/*confirm*/
/* Định nghĩa animation cho jQuery Confirm */
.jconfirm .jconfirm-box.jconfirm-animation-news {
  /* Animation khi mở */
  transform: rotate(400deg) scale(0);
  transition: transform 0.4s ease-in-out;
}

.jconfirm .jconfirm-box.jconfirm-animation-news-active {
  /* Trạng thái khi animation hoàn tất */
  transform: rotate(0deg) scale(1);
}

/* Đóng animation */
.jconfirm .jconfirm-box.jconfirm-animation-news-close {
  transform: rotate(-400deg) scale(0);
  transition: transform 0.4s ease-in-out;
}


.jconfirm .jconfirm-box.hilight.jconfirm-hilight-random {
  /*the animation name is bob*/
  transform: translate3d(0,0,0);
  animation: random 2s;
}
@keyframes random{
  10%, 90% {
    transform: rotate(-2deg);
  }
  20%, 80% {
    transform: rotate(4deg);
  }
  30%, 50%, 70% {
    transform: rotate(-8deg);
  }
  40%, 60% {
    transform: rotate(8deg);
  }
}
/*confirm*/
.td_trong{
  background: #fff;
  color: #000;
  min-width: 10px !important;
}


/*tự động xuống dòng*/
.auto-expand {
  min-height: 20px;
  max-height: none;
  overflow: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 0;
  border: none;
  outline: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.a_review {
  color: red !important;
  background: #fff;
  border-radius: 5px;
  padding: 3px;
  border: solid 1px #dcdcdc;
  transition: all 0.3s ease; /* Hiệu ứng chuyển đổi mượt */
  cursor: pointer; /* Thay đổi con trỏ thành dạng "tay" */
  font-size: 12px;
}

.a_review:hover {
  color: white !important; /* Đổi màu chữ khi hover */
  background: red; /* Đổi màu nền khi hover */
  border-color: red; /* Đổi màu viền khi hover */
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Thêm bóng đổ */
  transform: scale(1.05); /* Phóng to nhẹ khi hover */
}

.status-container {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  margin: 20px;
}

.status-box {
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  user-select: none;
}

/* Màu mặc định */
.status-pass {
  background-color: #e0f7fa;
  color: #00796b;
}

.status-fail {
  background-color: #ffebee;
  color: #c62828;
}

/* Hiệu ứng hover */
.status-box:hover {
  transform: scale(1.05);
}

/* Trạng thái được chọn */
.selected {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  border-color: #000;
}
.dong_menu .content_main{
  height: auto;
  overflow: auto;
}
.metismenu .sidebar-nav{
  padding-bottom: 100px;
}
.wrap_dac_tinh{
  padding: 5px;
  border: solid 1px #dcdcdc;
  border-radius: 5px;
  background: #ECFAF0;
}
.item_chon_nha_thau{
  border: solid 1px #dcdcdc;
  padding: 5px;
  background: #F6F9F6;
  margin-bottom: 5px;
  border-radius: 5px;
  text-align: left;
}



.content_main::-webkit-scrollbar-track
{
  border: 1px solid #fff;
  background-color: #fff;
}

.content_main::-webkit-scrollbar
{
  width: 5px;
  background-color: #fff;
  height: 10px;
}

.content_main::-webkit-scrollbar-thumb
{
  background-color: orange; 
}


.box_menu_trai::-webkit-scrollbar-track
{
  border: 1px solid #fff;
  background-color: #fff;
}

.box_menu_trai::-webkit-scrollbar
{
  width: 5px;
  background-color: #fff;
  height: 10px;
}

.box_menu_trai::-webkit-scrollbar-thumb
{
  background-color: #F2A50F; 
}


#body::-webkit-scrollbar-track
{
  border: 1px solid #fff;
  background-color: #fff;
}

#body::-webkit-scrollbar
{
  width: 5px;
  background-color: #fff;
  height: 10px;
}

#body::-webkit-scrollbar-thumb
{
  background-color: orange; 
}






/*chọn file*/
.upload-btn {
  background-color: transparent!important;
  border: 0.125rem dashed hsla(223, 10%, 50%, 0.4)!important;
  flex: 1!important;
  padding: 0.375rem 2rem!important;
  width: 100%!important;
}

.upload-btn:hover {
  background-color: hsla(223, 10%, 60%, 0.2);
}

.result {
  margin-top: 4px;
  background-color: rgba(0, 140, 255, 0.062);
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 1em;
  padding: 6px;
}


.file-uploaded:hover::before {
  background-color: rgba(233, 40, 6, 0.664);
}

.btn-nas{
  background: #E8EEF3;
  color: #000;
}
.btn-nas:hover{
  border: solid 1px #ccc;
}










.panel_cus {
  transition: all 0.3s ease-in-out;
  padding: 5px;
  text-align: center;
  border-radius: 15px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  border: none;
  color: white;
  cursor: pointer;
  margin-bottom: 15px;
  padding-bottom: 0px;
}
.panel_cus:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.panel_cus i {
  font-size: 35px;
  margin-bottom: 10px;
  color: #fff;
}
.panel_cus h5 {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  min-height: 52px;
}


.title_h2 {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 30px;
  padding: 15px;
  background-color: #017e84;
  border-radius: 5px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
}


.bg-orange-bright { background: linear-gradient(135deg, #fd7e14, #c05600); }
.bg-red-dark { background: linear-gradient(135deg, #dc3545, #8b0000); }
.bg-blue-teal { background: linear-gradient(135deg, #17a2b8, #005f73); }
.bg-yellow-warm { background: linear-gradient(135deg, #ffc107, #ff8f00); }
.bg-green-deep { background: linear-gradient(135deg, #28a745, #005f00); }
.bg-purple-dark { background: linear-gradient(135deg, #6f42c1, #320b86); }
.bg-teal-deep { background: linear-gradient(135deg, #20c997, #00796b); }
.bg-blue-deep { background: linear-gradient(135deg, #007bff, #004085); }
.bg-green-olive { background: linear-gradient(135deg, #8bc34a, #33691e); }
.bg-red-fire { background: linear-gradient(135deg, #ff5722, #b71c1c); }
.bg-purple-royal { background: linear-gradient(135deg, #673ab7, #311b92); }
.bg-brown-dark { background: linear-gradient(135deg, #795548, #3e2723); }
.bg-yellow-bright { background: linear-gradient(135deg, #ffeb3b, #f57f17); }
.bg-purple-deep { background: linear-gradient(135deg, #9c27b0, #4a0072); }
.bg-orange-dark { background: linear-gradient(135deg, #ff9800, #e65100); }
.vblue-royal { background: linear-gradient(135deg, #3f51b5, #1a237e); }
.bg-cyan-deep { background: linear-gradient(135deg, #00bcd4, #006064); }
.bg-green-lime { background: linear-gradient(135deg, #cddc39, #827717); }
.bg-pink-dark { background: linear-gradient(135deg, #ff4081, #880e4f); }
.bg-green-forest { background: linear-gradient(135deg, #4caf50, #1b5e20); }
.bg-red-bright { background: linear-gradient(135deg, #ff5252, #b71c1c); }
.bg-grey-dark { background: linear-gradient(135deg, #9e9e9e, #424242); }
.bg-blue-grey { background: linear-gradient(135deg, #607d8b, #263238); }
.bg-orange-soft { background: linear-gradient(135deg, #ffb74d, #e65100); }
.bg-purple-light { background: linear-gradient(135deg, #7e57c2, #311b92); }
.bg-green-neon { background: linear-gradient(135deg, #00e676, #1b5e20); }
.bg-red-deep { background: linear-gradient(135deg, #d50000, #b71c1c); }
.bg-blue-bright { background: linear-gradient(135deg, #536dfe, #1a237e); }
.bg-grey-medium { background: linear-gradient(135deg, #bdbdbd, #757575); }
.bg-green-dark { background: linear-gradient(135deg, #388e3c, #1b5e20); }





.ten_nguoi_duyet{
  margin-bottom: 10px;
}
.qr_nguoi_duyet{
  padding: 30px;
}
.table_box_file{
  min-height: 40px;
}
.row_item_ben_b{
  border-bottom: 1px #ccc solid;
  margin-top: 5px;
}

.row_item_ben_b {
  display: flex;
  align-items: center;
}

input[type="checkbox"].form-check-input {
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #000;
  transition: all 0.2s ease;
}

input[type="checkbox"].form-check-input:checked {
  border-color: var(--background-color);
}

input[type="checkbox"].form-check-input:focus {
  box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.25);
}
input[type='checkbox']:checked:before{
  color: var(--background-color);
}
.dropdown_chuong_thong_bao2.open .dropdown-menu{
  min-width: 40vw;
  height: 98vh;
  overflow-y: scroll;
}
.select2-dropdown{
  z-index: 2000000 !important;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.tab_config-tabs {
  display: flex;
  justify-content: center;
  background: #fff;
  padding: 25px 10px;
  gap: 30px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.tab_config-button {
  padding: 14px 28px;
  background: #e2f6f7;
  color: #017e84;
  border: 2px solid transparent;
  border-radius: 25px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 6px 8px rgba(0,0,0,0.06);
}
.tab_config-button:hover {
  background: #c6f0f2;
  border-color: #017e84;
}
.tab_config-button.active {
  background: #017e84;
  color: #fff;
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}
.tab_config-content {
  display: none;
  margin: 30px auto;
  background: white;
  padding: 30px;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.tab_config-content.active {
  display: block;
}
.tab_config-content h2 {
  border-bottom: 2px solid #017e84;
  padding-bottom: 5px;
  color: #2c3e50;
  font-size: 24px;
  margin-bottom: 20px;
}
.config-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 24px;
}
.config-item {
  text-decoration: none;
  background: #f9fafa;
  border: 1px solid #d0d0d0;
  border-radius: 12px;
  padding: 18px 20px;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.config-item:hover {
  background: #e6fafa;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.config-item i {
  font-size: 20px;
  color: #017e84;
  width: 28px;
  text-align: center;
}
.config-item h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #34495e;
}
























































































































































/* Ẩn mũi tên mặc định của dropdown */

/* Ẩn mũi tên trong IE */
select::-ms-expand {
  display: none;
}
.w_80{
  width: 80px;
}
img{
  max-width: 100%;
}




.modal {
  z-index: 1100 !important;
}

.cke_dialog,
.cke {
  z-index: 900 !important;
}

.cke_dialog_background {
  z-index: 890 !important;
}
.dropdown_chuong_thong_bao #dropdown_khung_thong_bao {
  z-index: 1300;
}