/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.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: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, 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: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.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: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, 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: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.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: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, 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: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.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: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
;
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'), local('MaterialIcons-Regular'),
    url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
    url(../fonts/MaterialIcons-Regular.woff) format('woff'),
    url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

@font-face {
  font-family: 'Framework7 Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Framework7Icons-Regular.eot');
  src: url('../fonts/Framework7Icons-Regular.woff2') format('woff2'),
    url('../fonts/Framework7Icons-Regular.woff') format('woff'),
    url('../fonts/Framework7Icons-Regular.ttf') format('truetype');
}

.f7-icons {
  font-family: 'Framework7 Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 28px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: 'liga';
  -moz-font-feature-settings: 'liga=1';
  -moz-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  text-align: center;
}
.md:not([class*='color-theme']) {
  --f7-theme-color: #6200ee;
  --f7-theme-color-rgb: 98, 0, 238;
  --f7-theme-color-shade: #5100c5;
  --f7-theme-color-tint: #7718ff;
}
.demo-list-icon,
.icon-f7 {
  background: #ccc;
  display: block;
  position: relative;
}
.theme-dark .demo-list-icon {
  background-color: #555;
}
.icon-f7 {
  background: url(../img/f7-icon.png) no-repeat center;
  background-size: cover;
}
.icon-vi {
  background: url(../img/vi-icon.html) no-repeat center;
  background-size: cover;
}

.ios .demo-list-icon,
.ios .icon-f7,
.ios .icon-vi {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  box-sizing: border-box;
}
.md .demo-list-icon,
.md .icon-f7,
.md .icon-vi {
  width: 24px;
  height: 24px;
  border-radius: 4px;
}
.aurora .demo-list-icon,
.aurora .icon-f7,
.aurora .icon-vi {
  width: 24px;
  height: 24px;
  border-radius: 4px;
}

/* Lazy Demo */
img.demo-lazy {
  display: block;
  width: 100%;
  height: auto;
}
div.demo-lazy {
  background: #aaa;
  -webkit-background-size: cover;
  background-size: cover;
  height: 300px;
  height: 60vw;
}

/* FAB Morph */
.demo-fab-sheet {
  position: absolute;
  left: 16px;
  bottom: 80px;
  width: 140px;
  background: #fff;
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  z-index: 1600;
  margin: 0 !important;
}
.ios .demo-fab-sheet {
  bottom: 15px;
}
.md .demo-fab-sheet {
  bottom: 16px;
}
.demo-fab-fullscreen-sheet {
  position: absolute;
  left: 10px;
  right: 10px;
  top: calc(64px + var(--f7-safe-area-top));
  bottom: 0;
  background: #fff;
  z-index: 1600;
  border-radius: 5px 5px 0 0;
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}
@media (min-width: 768px) {
  .demo-fab-fullscreen-sheet {
    left: 20%;
    width: 60%;
    right: auto;
    height: 80%;
    top: auto;
  }
}
.demo-fab-fullscreen-sheet .page {
  background: #fff;
}

/* Demo Messagebar */
.ios
  .messagebar:not(.messagebar-with-value):not(.messagebar-attachments-visible)
  a.demo-send-message-link {
  pointer-events: none;
  color: #8e8e8e;
}
.md
  .messagebar:not(.messagebar-with-value):not(.messagebar-attachments-visible)
  a.demo-send-message-link {
  pointer-events: none;
  opacity: 0.5;
}
/* Grid demo */
.grid-demo div[class*='col'] {
  background: #fff;
  text-align: center;
  color: #000;
  border: 1px solid #ddd;
  padding: 5px;
  font-size: 12px;
  margin-bottom: 15px;
}
.grid-resizable-demo {
  --f7-grid-row-gap: 16px;
}
.grid-resizable-demo div[class*='col'] {
  margin-bottom: 0;
}
.grid-resizable-demo .demo-col-center-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-dark .grid-demo div[class*='col'] {
  background-color: #000;
  color: #fff;
  border-color: #444;
}
/* Cards Demo */
.demo-card-header-pic .card-header {
  height: 40vw;
  background-size: cover;
  background-position: center;
  color: #fff;
}
.demo-card-header-pic .card-content-padding .date {
  color: #8e8e93;
}
.demo-facebook-card .card-header {
  display: block;
  padding: 10px;
}
.demo-facebook-card .demo-facebook-avatar {
  float: left;
}
.demo-facebook-card .demo-facebook-name {
  margin-left: 44px;
  font-size: 14px;
  font-weight: 500;
}
.demo-facebook-card .demo-facebook-date {
  margin-left: 44px;
  font-size: 13px;
  color: #8e8e93;
}
.demo-facebook-card .card-footer {
  background: #fafafa;
}
.theme-dark .demo-facebook-card .card-footer {
  background-color: transparent;
}
.demo-facebook-card .card-footer a {
  color: #81848b;
  font-weight: 500;
}
.demo-facebook-card .card-content img {
  display: block;
}
.demo-facebook-card .card-content-padding {
  padding: 15px 10px;
}
.demo-facebook-card .card-content-padding .likes {
  color: #8e8e93;
}
/* Panels Demo */
.panel {
  min-width: 150px;
  max-width: 90%;
}
.ios .panel-right.panel-in ~ .view-main:after,
.ios .panel-right.panel-out ~ .view-main:after {
  content: '';
  height: 100%;
  width: 1px;
  position: absolute;
  right: 0;
  top: 0;
  background: #ddd;
  z-index: 1000;
}
.ios .theme-dark .panel-right.panel-in ~ .view-main:after,
.ios .theme-dark .panel-right.panel-out ~ .view-main:after {
  background: #282828;
}

.ios .panel-left:after {
  content: '';
  height: 100%;
  width: 1px;
  position: absolute;
  right: 0;
  top: 0;
  background: #ddd;
  z-index: 1000;
}

.hiendienselect2{
  position: relative;
  z-index: 9999999;
  width: 100%;
}

.ios .theme-dark .panel-left:after {
  background: #282828;
}

/* Swipers Demo */
.demo-swiper {
  width: 100%;
  height: 100%;
}
.demo-swiper .swiper-slide,
.demo-swiper-multiple .swiper-slide {
  font-size: 25px;
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  color: #000;
}
.demo-swiper-multiple .swiper-slide {
  box-sizing: border-box;
  border: 1px solid #ccc;
  background: #fff;
}
.demo-swiper-multiple {
  margin: 0px 0 35px;
  font-size: 18px;
  height: 120px;
}
.demo-swiper-multiple.demo-swiper-multiple-auto .swiper-slide {
  width: 85%;
}
.demo-swiper-multiple.demo-swiper-multiple-auto .swiper-slide:nth-child(2n) {
  width: 70%;
}
.demo-swiper-multiple.demo-swiper-multiple-auto .swiper-slide:nth-child(3n) {
  width: 30%;
}
.demo-swiper-custom {
  height: 100%;
}
.demo-swiper-custom .swiper-container {
  background: #000;
  height: 100%;
}
.demo-swiper-custom .swiper-slide {
  background-size: cover;
  background-position: center;
}
.demo-swiper-custom .swiper-pagination .swiper-pagination-bullet {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0);
  opacity: 1;
  border-radius: 0;
  transition: 200ms;
  position: relative;
  transform: scale(0.9);
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.8);
}
.demo-swiper-custom .swiper-pagination .swiper-pagination-bullet-active {
  z-index: 1;
  border: 1px solid #007aff;
  transform: scale(1.4);
}
.demo-swiper-cube {
  width: 80%;
  height: 70%;
  top: 15%;
}
.demo-swiper-coverflow {
  height: 60%;
  top: 20%;
}
.demo-swiper-coverflow .swiper-slide {
  width: 65%;
}
.demo-swiper-cube .swiper-slide,
.demo-swiper-coverflow .swiper-slide {
  background-size: cover;
  color: #fff;
  -webkit-backface-visibility: hidden;
}
.demo-swiper-fade .swiper-slide {
  background-size: cover;
  background-position: center;
}
.demo-swiper-gallery-top {
  height: 70%;
}
.demo-swiper-gallery-thumbs {
  margin-top: 10px;
  height: 20%;
  height: -webkit-calc(30% - 20px);
  height: -moz-calc(30% - 20px);
  height: -ms-calc(30% - 20px);
  height: calc(30% - 20px);
}
.demo-swiper-gallery-thumbs .swiper-slide-pic {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.35;
  transition: 300ms;
}
.demo-swiper-gallery-thumbs .swiper-slide-thumb-active .swiper-slide-pic {
  opacity: 1;
}
.demo-swiper-gallery-top .swiper-slide,
.demo-swiper-gallery-thumbs .swiper-slide-pic {
  background-size: cover;
  background-position: center;
}
.demo-swiper-parallax {
  height: 100%;
}
.demo-swiper-parallax .swiper-parallax-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 130%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}
.demo-swiper-parallax .swiper-slide {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 60px;
  color: #fff;
}
.demo-swiper-parallax .swiper-slide-title {
  font-size: 41px;
  font-weight: 300;
}
.demo-swiper-parallax .swiper-slide-subtitle {
  font-size: 21px;
}
.demo-swiper-parallax .swiper-slide-text {
  font-size: 14px;
  max-width: 400px;
  line-height: 1.3;
}
.demo-swiper-lazy {
  height: 100%;
}
.demo-swiper-lazy .swiper-slide {
  position: relative;
}
.demo-swiper-lazy .swiper-slide img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* Icons Demo */
code {
  background: #f3f3f3;
  padding: 5px;
  font-size: 12px;
}
.theme-dark code {
  background: #000;
}
.demo-icon {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #333;
}
.theme-dark .demo-icon {
  color: #fff;
}
.demo-icon .demo-icon-name {
  margin-top: 5px;
  font-size: 11px;
  color: #666;
  text-overflow: ellipsis;
  overflow: hidden;
}
.theme-dark .demo-icon .demo-icon-name {
  color: #aaa;
}

.elevation-demo {
  height: 100px;
  margin: 30px 10px;
  background: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 100px;
}
.theme-dark .elevation-demo {
  background: none;
}

/* Demo Color Themes */
.demo-theme-picker {
  cursor: pointer;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
  position: relative;
}
.demo-theme-picker .checkbox {
  position: absolute;
  left: 10px;
  bottom: 10px;
}
.demo-color-picker-button {
  margin-bottom: 1em;
  text-transform: capitalize;
}
.demo-bars-picker {
  height: 200px;
  border-radius: 10px;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background: var(--f7-page-bg-color);
}
.demo-bars-picker .checkbox {
  position: absolute;
  left: 10px;
  bottom: 10px;
}

.demo-bars-picker .demo-navbar {
  position: absolute;
  left: 0;
  width: 100%;
  height: 30px;
  top: 0;
  border-bottom: 1px solid transparent;
}
.demo-bars-picker .demo-navbar:before {
  content: '';
  position: absolute;
  left: 10px;
  width: 20px;
  height: 10px;
  top: 50%;
  margin-top: -5px;
}
.demo-bars-picker .demo-navbar:after {
  content: '';
  position: absolute;
  right: 10px;
  width: 20px;
  height: 10px;
  top: 50%;
  margin-top: -5px;
}
.demo-bars-picker-empty .demo-navbar {
  background: #f7f7f8;
  border-color: rgba(0, 0, 0, 0.1);
}
.theme-dark .demo-bars-picker-empty .demo-navbar {
  background: #1b1b1b;
  border-color: #282829;
}
.demo-bars-picker-empty .demo-navbar:before,
.demo-bars-picker-empty .demo-navbar:after {
  background: var(--f7-theme-color);
}
.demo-bars-picker-fill .demo-navbar {
  background: var(--f7-theme-color);
}
.demo-bars-picker-fill .demo-navbar:before,
.demo-bars-picker-fill .demo-navbar:after {
  background: #fff;
}

/* Demo Expandable Cards */
@media (min-width: 768px) {
  .demo-expandable-cards {
    display: flex;
    flex-wrap: wrap;
  }
  .demo-expandable-cards .card {
    flex-shrink: 10;
    min-width: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .demo-expandable-cards .card {
    width: calc((100% - var(--f7-card-expandable-margin-horizontal) * 3) / 2);
  }
  .demo-expandable-cards .card:nth-child(2),
  .demo-expandable-cards .card:nth-child(4) {
    margin-left: 0;
  }
  .demo-expandable-cards .card:nth-child(n + 3) {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .demo-expandable-cards .card {
    width: calc((100% - var(--f7-card-expandable-margin-horizontal) * 5) / 4);
  }
  .demo-expandable-cards .card:nth-child(n + 2) {
    margin-left: 0;
  }
}
.view-master-detail .navbar-master-detail-root .link.back,
.view-master-detail .page-master-detail-root .navbar .link.back {
  display: none;
}

/* Demo Popup & Sheet Swipe To Close */
.demo-popup-swipe-handler {
  --f7-popup-border-radius: 15px 15px 0 0;
  --f7-popup-tablet-border-radius: 15px;
  --f7-block-strong-border-color: transparent;
  height: calc(100% - var(--f7-navbar-height) - var(--f7-safe-area-top));
  top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top));
}
.demo-popup-swipe-handler .swipe-handler {
  background: var(--f7-page-bg-color);
}
.demo-popup-swipe-handler .page-content {
  padding-top: 16px;
}
.demo-sheet-swipe-to-close,
.demo-sheet-swipe-to-step {
  --f7-sheet-border-color: transparent;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
}
.demo-sheet-swipe-to-close .swipe-handler,
.demo-sheet-swipe-to-step .swipe-handler {
  background: none;
}
.swipe-handler {
  height: 16px;
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  background: #fff;
  cursor: pointer;
  z-index: 10;
}
.swipe-handler:after {
  content: '';
  width: 36px;
  height: 6px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -18px;
  margin-top: -3px;
  border-radius: 3px;
  background: #666;
}

.page-home,
.page-about {
  --f7-list-border-color: transparent;
  --f7-block-strong-border-color: transparent;
  --f7-block-font-size: 16px;
}
:root:not(.theme-dark) .page-home,
:root:not(.theme-dark) .page-about {
  --f7-page-bg-color: #fff;
}

.area-chart {
  max-width: 768px;
  margin: 0 auto;
}
.area-chart svg {
  max-height: 320px;
}
.pie-chart svg {
  max-width: 320px;
}


.cat{
  margin: 4px;
  background-color: #104068;
  border-radius: 4px;
  border: 1px solid #fff;
  overflow: hidden;
  float: left;
}

.cat label {
  float: left; line-height: 3.0em;
  width: 8.0em; height: 3.0em;
}

.cat label span {
  text-align: center;
  padding: 3px 0;
  display: block;
}

.cat label input {
  position: absolute;
  display: none;
  color: #fff !important;
}
/* selects all of the text within the input element and changes the color of the text */
.cat label input + span{color: #fff;}


/* This will declare how a selected input will look giving generic properties */
.cat input:checked + span {
    color: #ffffff;
    text-shadow: 0 0  6px rgba(0, 0, 0, 0.8);
}


/*
This following statements selects each category individually that contains an input element that is a checkbox and is checked (or selected) and chabges the background color of the span element.
*/

.action input:checked + span{background-color: #F75A1B;}
.comedy input:checked + span{background-color: #1BB8F7;}
.crime input:checked + span{background-color: #D9D65D;}
.history input:checked + span{background-color: #82D44E;}
.reality input:checked + span{background-color: #F3A4CF;}
.news input:checked + span{background-color: #8C1B1B;}
.scifi input:checked + span{background-color: #AC9BD1;}
.sports input:checked + span{background-color: #214A09;}

.item-title.item-floating-label {
  position: relative;
  transition: top 0.3s, font-size 0.3s;
  top: -3px; /* Vị trí ban đầu của label */
  /*font-size: 12px;*/
}

/*
.item-input-wrap input:valid + .item-title.item-floating-label {
  top: 0px;/* Di chuyển label lên phía trên khi input hợp lệ */
/*}*/

#watermark{
	position:fixed;
	bottom:20%;
	left:30%;
	opacity:0.25;
	z-index:99;
	color:gray;
	font-size:40px;
	rotate: -45deg;
}
.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

span.watermark.dienthoai{
  font-size: 18px;
}

span.watermark.ngay{
  font-size: 10px;
}

.button.button-wrap {  
  white-space: normal;
  text-align: center;  
}

.fixed-header {
  position: fixed; /* Cố định header */
  top: 0; /* Đặt ở trên cùng */
  left: 0; /* Đặt ở bên trái */
  right: 0; /* Đặt ở bên phải */
  background-color: white; /* Màu nền cho header */
  z-index: 10; /* Đảm bảo header nằm trên các phần tử khác */
  padding: 10px; /* Thêm khoảng cách cho header */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Đổ bóng cho header */
}
.content {
  margin-top: 60px; /* Đảm bảo nội dung không bị che khuất bởi header */
}

.button.button-wrap.button-full-content {
  /*
  display: inline-block;
  max-width: 100%;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  */
  font-size: 20px;
}

.calendar-day.disabled {
  background-color: #f0f0f0; /* Màu nền cho ngày bị vô hiệu hóa */
  color: #ccc; /* Màu chữ cho ngày bị vô hiệu hóa */
  pointer-events: none; /* Ngăn chặn sự kiện click */
}


.dialog .dialog-buttons .button-confirm-colored {
  background-color: #007bff; /* xanh dương */
  color: #fff;
  border-radius: 6px;
  /*font-weight: bold;*/
}

.hidden {
  display: none !important;
}

.login-bg {
  background-size: cover;
  background-position: center;
  height: 200px;
  display: flex;
  align-items: flex-end;
}

.login-header {
  background-size: cover;
  background-position: center;
  /*height: 260px;*/
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  text-align: center;
}

.login-overlay {
  /*
  background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0));
  color: #fff;
  */
  padding-bottom: 40px;
  width: 100%;
}

/* Default width for all devices */
.login-logo {
  width: 92px; /* Default width for larger screens */
  margin-bottom: 10px;
}

/* iOS devices */
@media (max-width: 768px) {
  .login-logo {
    width: 80px; /* Adjust width for smaller screens like iPads and iPhones */
  }
}

/* Android devices */
@media (max-width: 768px) and (orientation: portrait) {
  .login-logo {
    width: 80px; /* Adjust for Android devices in portrait mode */
  }
}

/* Additional styling for very small devices (phones) */
@media (max-width: 480px) {
  .login-logo {
    width: 64px; /* Further adjust for smaller phones */
  }
}

.greeting {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
}

.doctor-name {
  margin: 4px 0;
  font-size: 24px;
  font-weight: bold;
}

.hospital {
  font-size: 14px;
  opacity: 0.85;
}

.login-form {  	
  max-width: 400px;           /* Giới hạn chiều rộng để đẹp hơn */
  min-width: 260px;
  width: 100%;
  margin: -40px auto 16px;    /* auto để canh giữa ngang */
  padding: 24px 16px 32px;
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.login-container {
  display: flex;
  justify-content: center;
  align-items: center;    
  padding: 16px;     /* Tuỳ chọn: tránh đụng mép màn hình nhỏ */
  box-sizing: border-box;
}

sup {
	vertical-align: super;
	font-size: smaller;
}

.inputpicker-trigger.disabled {
  cursor: not-allowed;
}

.force-disabled + .inputpicker-trigger {
  display: none !important;
}

#dieutrisctclsbenhpham[readonly] {
    background-color: #f5f5f5;
    cursor: not-allowed;
}


/* Nút FAB chính */
.fab > a {
  /*
  width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
  font-size: 16px !important;
  */
  opacity: 0.7 !important;
}

/* Các nút con trong menu FAB */
/*
.fab-buttons a {
  width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
  font-size: 16px !important;
}
*/
/* Icon bên trong nút */
/*
.fab-buttons a .icon,
.fab > a .icon {
  font-size: 16px !important;
}
*/

.menu-drop{
  position: fixed;  
  top: 18rem;/*bottom:12rem;*/
  right: 3.2rem;
  /*right: 2.4rem;*/
  z-index: 99999;
}

.custom-notification {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999; /* Đảm bảo thông báo hiển thị trên cùng */
}

#loginSearch::placeholder {
  color: white; /* Màu đỏ cho placeholder */
  opacity: 1; /* Đảm bảo độ trong suốt */
}


.my-dropdown-up {
  bottom: 100% !important;
  top: auto !important;
  transform: translateY(-246px); /* đẩy lên một chút */
}

sub {
	vertical-align: sub;
	font-size: smaller;
}

.split {
  height: 100%;
  width: 50%;
  position: fixed;
  z-index: 1;
  top: 0;
  overflow-x: hidden;
  padding-top: 20px;
}
  
.custom-file-input {
  color: transparent;
  width: 0;
  height: 0;
  overflow: hidden;
}
.custom-file-label {
  cursor: pointer;
  color: red;
}
  
.hidden-row {
  display: none;
}

div.tieudelon, label.tieudelon
{
  width: 100%; 
  font-weight: 15px;   
  color:#007aff;
}



/*
#hiendienngayylenh {
  position: relative;
  z-index: 1;
}

.card-content {
  position: relative;
  z-index: 0;
}
*/
.text-right{
  text-align: right;
  color:gray;
}

.bg-image{  
  background-image:url(../img/logo.jpg);
  /*background-size: cover;*/
  background-repeat: no-repeat;  
  background-position: center;    
}

#targetviewfile {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#targetviewfile iframe {
  /*border: none;*/ /* Loại bỏ viền của iframe */
  width: 100%;
  height: 768px;/*100%;*/
}

.table-border{  
  border: 0.1em solid whitesmoke;
  padding-top: 0.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 0.5em;
}

.table-border-black{  
  border: 0.1em solid #ccc;
  padding-top: 0.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 0.5em;
}

.table-noborder{  
  /*border: 0.1em solid whitesmoke;*/
  padding-top: 0.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 0.5em;
  /*color: white;*/
  /*text-color-white bg-color-blue*/
}

.display th{
  font-weight:normal;
}

.display tr:nth-child(even) {
  background-color: whitesmoke;
}

.display tr:nth-child(odd) {
  background-color: white;
}

.scrollable {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.item-checkbox input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.labelinput{
  color:lightgray;
  font-size: 14px;
  padding-left: -10px;
}

div.textinput{
  /*border: 0.1em solid lightgray;*/
  /*border: 0.1em solid yellowgreen;*/
  border-bottom: 0.1em solid lightgray;
  padding:0 10px;  
}

div.danhmuc{
  border: 0.1em solid blanchedalmond;
  height:100px; padding:0 10px; overflow-x:hidden; 
}

div.danhmuc200{
  border: 0.1em solid blanchedalmond;
  height:200px; padding:0 10px; overflow-x:hidden; 
}

div.scrollauto
{
  height: 330px;
  overflow: auto;
  margin: 0 auto;
}

div.scroll
{
  height: 330px;
  overflow-x: hidden;
  margin: 0 auto;
}

.inputClass {
  pointer-events: none;
}

td.hienthi 
{
  /*color: #0e8dbc;*/
  font-size: 14px;
  font-weight: normal;
}

div.xuongdong
{  
  word-wrap: break-word;
	overflow-wrap: break-word;
}

td.text.autosize{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: calc(1em + 1vw);
}

label.tieude, p.tieude, th.tieude
{
  font-size: 13px;  
  font-weight: normal;
  /*color:#007aff;*/
}

th.tieudein, label.tieudein
{
  font-family: 'Times New Roman', Times, serif;
  /*
  font-size: 12px;
  font-weight: normal; 
  */
}

label.hoten
{
  font-size: 14px;
  font-weight: bold;
}

span.tieudein
{
  font-family: 'Times New Roman', Times, serif;
  font-size: 14px;
  font-weight: bold;
  padding-left: 10px;
}
p.tieudein
{
  font-family: 'Times New Roman', Times, serif;
  font-size: 14px;
  font-weight: bold;
  padding-left: 10px;
  /*text-align: center;*/
}

label.tieudetrang
{
  /*color: #0e8dbc;*/
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

label.tieudetrangin
{
  font-family: 'Times New Roman', Times, serif;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

/*
textarea {
  width: 100%;
  overflow: hidden;
  resize: none;
  min-height: 150px;
  box-sizing: border-box;
}
*/

label.check
{
  /*color: #0e8dbc;*/
  font-size: 14px;
  font-weight: normal;  
}

label.hienthi
{
  /*color: #0e8dbc;*/
  font-size: 14px;
  font-weight: bold;
  
}

input.locked {
  background-color: #e9ecef;
  pointer-events: none; /* Chặn mọi thao tác */
}

.select2-container--default {
	border-radius: 5px;
	border: 2px solid white;
  }
  
  tr.clicked {
	  background-color:#0e8dbc;
  }
  
  table tr:hover, tr.selected {
    cursor:pointer;
  }

  table th{
    font-weight: normal;
    /*color: #0e8dbc;*/
  }
  
  table {
	  border-collapse: separate !important;
	  border-spacing: 0;
  }
  
  .bordered {
	  border: solid #ccc 1px;
	  -moz-border-radius: 6px;
	  -webkit-border-radius: 6px;
	  border-radius: 6px;
	  -webkit-box-shadow: 0 1px 1px #ccc;
	  -moz-box-shadow: 0 1px 1px #ccc;
	  box-shadow: 0 1px 1px #ccc;
  }

  table.dataTable tbody tr.selected{
    color: white;
    background-color: #8aa3fc;
  }

  .pointer {cursor: pointer;}

@media print {
  .page-break {
    display: block;
    page-break-before: always;
  }
  /*size: A5 portrait;*/
}

@media print {

  header, footer {
    display: none;
  }

  body {
    margin: 0;
    padding: 0;
  }
  .A5 {
    box-shadow: none;
    margin: 0;
    width: auto;
    height: auto;
  }
  .A4{
    margin: 0;
    width: 210mm;
    height: 297mm;
  }
  .noprint {
    display: none;
  }
  .enable-print {
    display: block;
  }
};:root{--dt-row-selected: 13, 110, 253;--dt-row-selected-text: 255, 255, 255;--dt-row-selected-link: 9, 10, 11}table.dataTable td.dt-control{text-align:center;cursor:pointer}table.dataTable td.dt-control:before{height:1em;width:1em;margin-top:-9px;display:inline-block;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#31b131}table.dataTable tr.dt-hasChild td.dt-control:before{content:"-";background-color:#d33333}table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting_asc_disabled,table.dataTable thead>tr>th.sorting_desc_disabled,table.dataTable thead>tr>td.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting_asc_disabled,table.dataTable thead>tr>td.sorting_desc_disabled{cursor:pointer;position:relative;padding-right:26px}table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after{position:absolute;display:block;opacity:.125;right:10px;line-height:9px;font-size:.8em}table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:before{bottom:50%;content:"▲";content:"▲"/""}table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:after{top:50%;content:"▼";content:"▼"/""}table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:after{opacity:.6}table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting_asc_disabled:before{display:none}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}div.dataTables_scrollBody>table.dataTable>thead>tr>th:before,div.dataTables_scrollBody>table.dataTable>thead>tr>th:after,div.dataTables_scrollBody>table.dataTable>thead>tr>td:before,div.dataTables_scrollBody>table.dataTable>thead>tr>td:after{display:none}div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:2px}div.dataTables_processing>div:last-child{position:relative;width:80px;height:15px;margin:1em auto}div.dataTables_processing>div:last-child>div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:rgb(13, 110, 253);background:rgb(var(--dt-row-selected));animation-timing-function:cubic-bezier(0, 1, 1, 0)}div.dataTables_processing>div:last-child>div:nth-child(1){left:8px;animation:datatables-loader-1 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(2){left:8px;animation:datatables-loader-2 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(3){left:32px;animation:datatables-loader-2 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(4){left:56px;animation:datatables-loader-3 .6s infinite}@keyframes datatables-loader-1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes datatables-loader-3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes datatables-loader-2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th,table.dataTable thead td,table.dataTable tfoot th,table.dataTable tfoot td{text-align:left}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px;border-bottom:1px solid rgba(0, 0, 0, 0.3)}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 10px 6px 10px;border-top:1px solid rgba(0, 0, 0, 0.3)}table.dataTable tbody tr{background-color:transparent}table.dataTable tbody tr.selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.9);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.9);color:rgb(255, 255, 255);color:rgb(var(--dt-row-selected-text))}table.dataTable tbody tr.selected a{color:rgb(9, 10, 11);color:rgb(var(--dt-row-selected-link))}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid rgba(0, 0, 0, 0.15);border-right:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe>tbody>tr.odd>*,table.dataTable.display>tbody>tr.odd>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.023)}table.dataTable.stripe>tbody>tr.odd.selected>*,table.dataTable.display>tbody>tr.odd.selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.923);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.923))}table.dataTable.hover>tbody>tr:hover>*,table.dataTable.display>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.035)}table.dataTable.hover>tbody>tr.selected:hover>*,table.dataTable.display>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px #0d6efd !important;box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 1)) !important}table.dataTable.order-column>tbody tr>.sorting_1,table.dataTable.order-column>tbody tr>.sorting_2,table.dataTable.order-column>tbody tr>.sorting_3,table.dataTable.display>tbody tr>.sorting_1,table.dataTable.display>tbody tr>.sorting_2,table.dataTable.display>tbody tr>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.019)}table.dataTable.order-column>tbody tr.selected>.sorting_1,table.dataTable.order-column>tbody tr.selected>.sorting_2,table.dataTable.order-column>tbody tr.selected>.sorting_3,table.dataTable.display>tbody tr.selected>.sorting_1,table.dataTable.display>tbody tr.selected>.sorting_2,table.dataTable.display>tbody tr.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.919))}table.dataTable.display>tbody>tr.odd>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.054)}table.dataTable.display>tbody>tr.odd>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.047)}table.dataTable.display>tbody>tr.odd>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.039)}table.dataTable.display>tbody>tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.954);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.954))}table.dataTable.display>tbody>tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.947);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.947))}table.dataTable.display>tbody>tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.939);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.939))}table.dataTable.display>tbody>tr.even>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.019)}table.dataTable.display>tbody>tr.even>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.011)}table.dataTable.display>tbody>tr.even>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.003)}table.dataTable.display>tbody>tr.even.selected>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.919))}table.dataTable.display>tbody>tr.even.selected>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.911);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.911))}table.dataTable.display>tbody>tr.even.selected>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.903);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.903))}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.082)}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.074)}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.062)}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.982);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.982))}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.974);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.974))}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.962);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.962))}table.dataTable.no-footer{border-bottom:1px solid rgba(0, 0, 0, 0.3)}table.dataTable.compact thead th,table.dataTable.compact thead td,table.dataTable.compact tfoot th,table.dataTable.compact tfoot td,table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th,table.dataTable td{box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_length select{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;padding:4px}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;margin-left:3px}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;color:inherit !important;border:1px solid transparent;border-radius:2px;background:transparent}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:inherit !important;border:1px solid rgba(0, 0, 0, 0.3);background-color:rgba(230, 230, 230, 0.1);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 230, 230, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));background:-webkit-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);background:-moz-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);background:-ms-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);background:-o-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);background:linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:inherit}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid rgba(0, 0, 0, 0.3)}.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:.5em}}
;/**
 * jQuery-inputpicker - A jQuery input picker plugin. It supports showing multiple columns select in input.
 * Copyright (c) 2017 Ukalpa@gmail.com - https://ukalpa.com/inputpicker
 * License: MIT
 */

.inputpicker-div {
    position: relative;
    /*display: inline-block;*/
    overflow: hidden;
    height: 100%;
}

.inputpicker-arrow {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    height: 20px;
    cursor:pointer;
}

.inputpicker-arrow b {
    border-color:#888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    top: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    width: 0;
    font-weight: 700;
}

.inputpicker-wrapped-list {
    margin:0;
    background-color:#ffffff;
    z-index: 10000;
}

.inputpicker-wrapped-list {
    overflow-y: auto;
}

.inputpicker-wrapped-list .table {
    margin-bottom: 0px;
    border:1px solid #cccccc;
}

/*
.inputpicker-wrapped-list .table>tbody>tr>td, .inputpicker-wrapped-list .table>tbody>tr>th, .inputpicker-wrapped-list .table>tfoot>tr>td, .inputpicker-wrapped-list .table>tfoot>tr>th, .inputpicker-wrapped-list .table>thead>tr>td, .inputpicker-wrapped-list .table>thead>tr>th {
    padding: 5px;
    line-height: 1.42857143;
    vertical-align: top;
    background-color: #82D44E;
    border-top: 1px solid #ddd;
}
*/

.inputpicker-wrapped-list .table>tbody>tr>td, .inputpicker-wrapped-list .table>tfoot>tr>td,.inputpicker-wrapped-list .table>thead>tr>td {
    padding: 5px;
    line-height: 1.42857143;
    vertical-align: top;    
    border-top: 1px solid #ddd;
}

.inputpicker-wrapped-list .table>tbody>tr>th, .inputpicker-wrapped-list .table>tfoot>tr>th, .inputpicker-wrapped-list .table>thead>tr>th {
    padding: 5px;
    line-height: 1.42857143;
    vertical-align: top;
    background-color: #8db863;/*#82D44E;*/
    color: white;
    /*border-top: 1px solid #ddd;*/
}

.inputpicker-wrapped-list .inputpicker-selected{
    background-color: #d9edf7;
}

.inputpicker-wrapped-list .inputpicker-active{
    background-color: #248cb5 !important;
}

.inputpicker-wrapped-list .inputpicker-highlight-active{
    background-color: #bddef9
}

/*.loading*/

.inputpicker-div input{
    display: inline-block;
}


.inputpicker-div input.loading {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJzdmctc3Bpbm5lciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA4MCA4MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggaWQ9InNwaW5uZXIiIGZpbGw9IiM2NjY2NjYiIGQ9Ik00MCw3MkMyMi40LDcyLDgsNTcuNiw4LDQwQzgsMjIuNCwyMi40LDgsNDAsOGMxNy42LDAsMzIsMTQuNCwzMiwzMmMwLDEuMS0wLjksMi0yLDJzLTItMC45LTItMmMwLTE1LjQtMTIuNi0yOC0yOC0yOFMxMiwyNC42LDEyLDQwczEyLjYsMjgsMjgsMjhjMS4xLDAsMiwwLjksMiwyUzQxLjEsNzIsNDAsNzJ6Ij48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVUeXBlPSJ4bWwiIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDQwIDQwIiB0bz0iMzYwIDQwIDQwIiBkdXI9IjAuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPjwvcGF0aD48L3N2Zz4=');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-origin: content-box;
    background-position:right 5px center;
}

.inputpicker-div input.loading-msie-patch {
    background-image: url("./res/spinner.gif");
}

.inputpicker-multiple-selected{
    display: inline-block;
    float:left;
}
/* multiple ul */
.inputpicker-multiple-selected ul {
    display: inline-block;
    padding:4px;
    margin:0px;
}


.inputpicker-multiple-selected ul > li {
    list-style-type:none;
    display: inline-block;
    margin-right:5px;
    border:1px solid #888888;
    padding:1px;
    cursor:pointer;
}

.inputpicker-multiple input, .input-span {
    padding:0;
    margin:0;
    border:0 none;
    font-family:Sans-serif;
    white-space:pre;
    max-width: 100%;
    max-height: none;
    min-height: 0;
    text-indent:0;
    background:transparent;
    box-shadow: none;
    outline:0;
}


.inputpicker-multiple {
    display: inline-block;
    float: left;
}




.inputpicker-multiple ul {
    margin:0;
    padding:0;
}

.inputpicker-multiple ul > li {
    list-style-type:none;
    display: inline-block;
    /*margin-right:5px;*/
    cursor:pointer;

}

.inputpicker-multiple ul > li.inputpicker-element {
    /*border:1px solid #888888;*/
    margin: 2px;
    padding:1px;
    background-color: #f3f3f3;
}

.inputpicker-multiple ul > li.inputpicker-multiple-input {
    margin-left:2px;
    /*padding-left:5px;*/
}

.inputpicker-pagination {
    background: transparent;
}

.inputpicker-pagination a {
    padding-left:3px;
    padding-right:3px;
}

.inputpicker-pagination span.current-page {
    min-width:50px;
    text-align: center;
    display: inline-block;
};
:root {
  --f7-grid-gap: 30px;
  --f7-fab-extended-size: 40px;
  --f7-button-large-font-size: 15px;
  --f7-button-large-height: 58px;
  --f7-list-font-size: 16px;
  --f7-input-font-size: 15px;
  --f7-messagebar-height: 44px;
  --f7-message-bubble-font-size: 15px;
  --f7-card-header-border-color: #dce0f1;
  --f7-card-footer-border-color: #dce0f1;
  --f7-list-item-border-color: #dce0f1;
  --f7-list-chevron-icon-color: #d1d7ec;
}

.view .page {
  background-color: #eef0f8;
}

.view .page .page-content {
  padding-top: 70px;
  display: flex;
  flex-direction: column;
}

.view .page.page-with-navbar-large .page-content {
  padding-top: 120px;
}

.view .page .messages-content {
  background: transparent;
}

.view .page .messages-content .messages {
  padding-bottom: 10px;
  overflow-y: auto;
  background: transparent;
}

.view .page .messages-content .messages .message + .message:not(.message-first) {
  margin-top: 10px;
}

.view .page .messages-content .messages .message-bubble {
  line-height: 22px;
  padding: 5px 15px;
}

.view .page .messages-content .messages .message-received .message-bubble {
  background-color: rgba(255, 255, 255, 0.8);
}

body {
  background: #eef0f8;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
}

.view .dark-bg,
.dark-bg {
  /*background: var(--f7-theme-color) url("../img/backgorund1.png") repeat-x top left;*/
  background: var(--f7-theme-color) url("../img/backgorund1.png");
  background-size: cover;
  background-position: center;
  color: var(--f7-theme-text-color);
}

.bg-blue-light,
.alert-blue {
  background: #f5f8ff !important;
  border-color: #7297f8 !important;
}

.bg-red-light,
.alert-red {
  background: #ffeff0 !important;
  border-color: #fb737c !important;
}

.bg-green-light,
.alert-green {
  background: #e8fbf1 !important;
  border-color: #65e5a1 !important;
}

.bg-yellow-light,
.alert-yellow {
  background: #fffaf4 !important;
  border-color: #ffc374 !important;
}

.bg-white-opac {
  background-color: rgba(255, 255, 255, 0.25);
}

.bg-whiter {
  background-color: #ffffff;
}

.elevation-2 {
  box-shadow: 0 0.125rem 0.25rem #d1d7ec !important;
}

.block {
  margin: 0;
  z-index: auto;
}

.row {
  --f7-cols-per-row: auto;
  margin: 0 -15px;
  justify-content: start;
  justify-content: flex-start;
}

.row > .col,
.row > [class*="col-"] {
  width: calc(100% / var(--f7-cols-per-row));
  padding: 0 calc(var(--f7-grid-gap) / 2);
  flex-shrink: 0;
  max-width: 100%;
}

.row .col {
  width: 100% !important;
  flex: 1 0 0%;
  max-width: 100%;
}

.card {
  margin: 0;
  overflow: hidden;
  --f7-card-header-border-color: #e7eaf5;
  --f7-card-footer-border-color: #e7eaf5;
  --f7-list-item-border-color: #e7eaf5;
}

.card .card-header,
.card .card-footer {
  display: block;
  color: inherit;
}

.card .card-img-top {
  width: 100%;
  display: block;
  text-align: center;
}

.card .card-img-top img {
  max-width: 100%;
  border: 0;
}

.card.bg-color-black {
  --f7-card-header-border-color: rgba(231, 234, 245, 0.3);
  --f7-card-footer-border-color: rgba(231, 234, 245, 0.3);
}

figure {
  margin: 0;
}

.alert {
  padding: 15px;
  border-radius: 6px;
  display: block;
  border: 1px solid transparent;
}

.popup-backdrop {
  background-color: var(--f7-bars-bg-color);
  -moz-backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.popup {
  background-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1) !important;
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1) !important;
  -webkt-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1) !important;
  border-radius: 6px;
}

.popup.modal-in {
  height: auto !important;
  margin: 15px 5%;
  width: 90%;
  transform: none !important;
}

.popup .popup-header {
  padding: 10px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.popup .popup-header .close-button {
  margin-left: auto;
}

.popup .popup-content {
  padding: 10px 15px;
}

.popup .popup-footer {
  padding: 10px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.overlay {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
  position: absolute;
  background: -moz-linear-gradient(top, transparent 0%, transparent 42%, rgba(0, 0, 0, 0.65) 100%);
  background: -webkit-linear-gradient(top, transparent 0%, transparent 42%, rgba(0, 0, 0, 0.65) 100%);
  background: linear-gradient(to bottom, transparent 0%, transparent 42%, rgba(0, 0, 0, 0.65) 100%);
}

figure {
  vertical-align: middle;
}

figure img {
  vertical-align: middle;
}

iframe {
  border: 0;
}

::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.65);
  border-radius: 10px;
}

/* 3. avatar */
.avatar {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  text-align: center;
  vertical-align: middle;
}

.avatar > i {
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
}

.avatar > img {
  width: 100%;
  vertical-align: top;
}

.avatar.avatar-6 {
  line-height: 6px;
  height: 6px;
  width: 6px;
}

.avatar.avatar-10 {
  line-height: 10px;
  height: 10px;
  width: 10px;
}

.avatar.avatar-20 {
  line-height: 20px;
  height: 20px;
  width: 20px;
}

.avatar.avatar-30 {
  line-height: 30px;
  height: 30px;
  width: 30px;
}

.avatar.avatar-36 {
  line-height: 36px;
  height: 36px;
  width: 36px;
}

.avatar.avatar-40 {
  line-height: 40px;
  height: 40px;
  width: 40px;
}

.avatar.avatar-44 {
  line-height: 44px;
  height: 44px;
  width: 44px;
}

.avatar.avatar-50 {
  line-height: 50px;
  height: 50px;
  width: 50px;
}

.avatar.avatar-60 {
  line-height: 60px;
  height: 60px;
  width: 60px;
}

.avatar.avatar-70 {
  line-height: 70px;
  height: 70px;
  width: 70px;
}

.avatar.avatar-80 {
  line-height: 80px;
  height: 80px;
  width: 80px;
}

.avatar.avatar-90 {
  line-height: 90px;
  height: 90px;
  width: 90px;
}

.avatar.avatar-100 {
  line-height: 100px;
  height: 100px;
  width: 100px;
}

.avatar.avatar-110 {
  line-height: 110px;
  height: 110px;
  width: 110px;
}

.avatar.avatar-120 {
  line-height: 120px;
  height: 120px;
  width: 120px;
}

.avatar.avatar-130 {
  line-height: 130px;
  height: 130px;
  width: 130px;
}

.avatar.avatar-140 {
  line-height: 140px;
  height: 140px;
  width: 140px;
}

.avatar.avatar-150 {
  line-height: 150px;
  height: 150px;
  width: 150px;
}

.avatar.avatar-160 {
  line-height: 160px;
  height: 160px;
  width: 160px;
}

.avatar-group {
  z-index: 1;
  display: flex;
}

.avatar-group .avatar {
  z-index: 1;
  margin-left: -20px;
}

.avatar-group .avatar:nth-child(1) {
  z-index: 9;
}

.avatar-group .avatar:nth-child(2) {
  z-index: 8;
}

.avatar-group .avatar:nth-child(3) {
  z-index: 7;
}

.avatar-group .avatar:nth-child(4) {
  z-index: 6;
}

.avatar-group .avatar:nth-child(5) {
  z-index: 5;
}

.avatar-group .avatar:nth-child(6) {
  z-index: 4;
}

.avatar-group .avatar:nth-child(7) {
  z-index: 3;
}

.avatar-group .avatar:nth-child(8) {
  z-index: 2;
}

.avatar-group .avatar:nth-child(9) {
  z-index: 1;
}

.avatar-group .avatar:nth-child(10) {
  z-index: 0;
}

.avatar-group .avatar:nth-child(1) {
  margin-left: 0;
}

/* 4. fonts and texts*/
.f7-icons {
  font-size: 22px;
}

.text-muted {
  opacity: 0.65;
  color: inherit !important;
}

.text-success,
.alert-success {
  color: #42df8c !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.block-title {
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 5px;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
.h1:last-child,
.h2:last-child,
.h3:last-child,
.h4:last-child,
.h5:last-child,
.h6:last-child,
.block-title:last-child {
  margin-bottom: 0;
}

h1,
.h1 {
  font-size: 40px;
}

h2,
.h2 {
  font-size: 32px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 21px;
}

h5,
.h5 {
  font-size: 19px;
}

h6,
.h6, .block-title {
  font-size: 16px;
}

.block-title {
  overflow: visible;
  display: block;
}

.font-weight-bold {
  font-weight: 600;
}

.underline-0 {
  text-decoration: none;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

p:last-child {
  margin-bottom: 0;
}

small,
.small {
  font-size: 13px;
}

small i, small .f7-icons, small .icon,
.small i,
.small .f7-icons,
.small .icon {
  font-size: 14px;
  margin-top: -3px;
}

a.card-content {
  color: #000000;
  text-decoration: none;
}

.text-normal {
  color: inherit;
  text-decoration: none;
}

@media screen and (max-width: 400px) {
  h1,
  .h1 {
    font-size: 36px;
  }
  h3,
  .h3 {
    font-size: 20px;
  }
}

.text-primary {
  color: #7297f8 !important;
}

.text-color-theme {
  color: var(--f7-theme-color) !important;
}

.size-16 {
  font-size: 16px;
}

.size-18 {
  font-size: 18px;
}

.size-20 {
  font-size: 20px;
}

.size-22 {
  font-size: 22px;
}

.size-24 {
  font-size: 24px;
}

.size-26 {
  font-size: 26px;
}

.size-28 {
  font-size: 28px;
}

.size-30 {
  font-size: 30px;
}

.size-32 {
  font-size: 32px;
}

.size-34 {
  font-size: 34px;
}

.size-36 {
  font-size: 36px;
}

.size-38 {
  font-size: 38px;
}

/* 5. sidebar*/
.panel-left {
  --f7-theme-color-text-color: #ffffff;
}

.panel-left .page {
  background-color: var(--f7-theme-color);
  color: var(--f7-theme-color-text-color);
}

.panel-left .page .block-title {
  color: var(--f7-theme-color-text-color);
}

.panel-left .page .list,
.panel-left .page .links-list,
.panel-left .page .accordion-list {
  background-color: transparent;
  padding: 0 15px;
}

.panel-left .page .list ul,
.panel-left .page .links-list ul,
.panel-left .page .accordion-list ul {
  background-color: transparent;
}

.panel-left .page .list ul:before,
.panel-left .page .links-list ul:before,
.panel-left .page .accordion-list ul:before {
  display: none;
}

.panel-left .page .list ul:after,
.panel-left .page .links-list ul:after,
.panel-left .page .accordion-list ul:after {
  display: none;
}

.panel-left .page .list ul li,
.panel-left .page .links-list ul li,
.panel-left .page .accordion-list ul li {
  margin-bottom: 5px;
  font-size: 16px;
}

.panel-left .page .list ul li a,
.panel-left .page .links-list ul li a,
.panel-left .page .accordion-list ul li a {
  justify-content: start;
  padding-left: 0;
}

.panel-left .page .list ul li a:after,
.panel-left .page .links-list ul li a:after,
.panel-left .page .accordion-list ul li a:after {
  display: none;
}

.panel-left .page .list ul li a:before,
.panel-left .page .links-list ul li a:before,
.panel-left .page .accordion-list ul li a:before {
  color: rgba(255, 255, 255, 0.25);
}

.panel-left .page .list ul li a > i,
.panel-left .page .links-list ul li a > i,
.panel-left .page .accordion-list ul li a > i {
  height: 40px;
  width: 40px;
  line-height: 40px;
  margin-right: 15px;
  border-radius: 6px;
  position: relative;
  color: var(--f7-theme-color-text-color);
}

.panel-left .page .list ul li a.active > i,
.panel-left .page .links-list ul li a.active > i,
.panel-left .page .accordion-list ul li a.active > i {
  color: var(--f7-theme-color-text-color);
}

.panel-left .page .list ul li a.active > i:after,
.panel-left .page .links-list ul li a.active > i:after,
.panel-left .page .accordion-list ul li a.active > i:after {
  content: "";
  background-color: var(--f7-theme-color-text-color);
  border-radius: 6px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: 0.15;
}

.panel-left .page .list .accordion-item,
.panel-left .page .links-list .accordion-item,
.panel-left .page .accordion-list .accordion-item {
  border-radius: 6px;
}

.panel-left .page .list .accordion-item.accordion-item-opened,
.panel-left .page .links-list .accordion-item.accordion-item-opened,
.panel-left .page .accordion-list .accordion-item.accordion-item-opened {
  position: relative;
}

.panel-left .page .list .accordion-item.accordion-item-opened:after,
.panel-left .page .links-list .accordion-item.accordion-item-opened:after,
.panel-left .page .accordion-list .accordion-item.accordion-item-opened:after {
  content: "";
  background-color: var(--f7-theme-color-text-color);
  border-radius: 6px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: 0.15;
  transform: none;
  z-index: 0;
}

.panel-left .page .list .accordion-item.accordion-item-opened .item-content,
.panel-left .page .links-list .accordion-item.accordion-item-opened .item-content,
.panel-left .page .accordion-list .accordion-item.accordion-item-opened .item-content {
  z-index: 1;
  position: relative;
}

.panel-left .page .list .accordion-item.accordion-item-opened .item-content:after,
.panel-left .page .links-list .accordion-item.accordion-item-opened .item-content:after,
.panel-left .page .accordion-list .accordion-item.accordion-item-opened .item-content:after {
  content: "";
  background-color: var(--f7-theme-color-text-color);
  border-radius: 6px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: 0.15;
  transform: none;
}

.panel-left .page .list .accordion-item .accordion-item-content .list,
.panel-left .page .links-list .accordion-item .accordion-item-content .list,
.panel-left .page .accordion-list .accordion-item .accordion-item-content .list {
  padding: 10px;
}

.panel-backdrop {
  background-color: var(--f7-theme-color);
  opacity: 0.5;
  -webkit-backdrop-filter: saturate(180%) blur(3px);
  -moz-backdrop-filter: saturate(180%) blur(3px);
  backdrop-filter: saturate(180%) blur(3px);
}

.with-panel-left-cover .panel-left:after {
  display: none;
}

.with-panel-left-cover .panel-backdrop-in,
.with-panel-right-cover .panel-backdrop-in {
  opacity: 0.5;
}

/* 6. utility*/
.rounded-circle {
  border-radius: 50%;
  overflow: hidden;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-hidden {
  overflow: hidden;
}

.no-padding-left {
  padding-left: 0 !important;
}

.margin-bottom {
  margin-bottom: 25px !important;
}

.margin-bottom-half {
  margin-bottom: 12px !important;
}

.margin-top {
  margin-top: 25px !important;
}

.margin-top-half {
  margin-top: 12px !important;
}

.margin-h-auto {
  margin-left: auto;
  margin-right: auto;
}

.margin-top-auto {
  margin-top: auto;
}

.mb-100px {
  margin-bottom: 100px;
}

.mb-150px {
  margin-bottom: 150px;
}

.top-20 {
  margin-top: -20px !important;
}

.position-relative {
  position: relative;
}

.tick {
  height: 8px;
  width: 8px;
  position: absolute;
  top: 5px;
  right: 0px;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
}

.navbars ~ * .fab-center-top,
.navbars ~ * .fab-left-top,
.navbars ~ * .fab-right-top,
.navbars ~ .fab-center-top,
.navbars ~ .fab-left-top,
.navbars ~ .fab-right-top,
.navbar ~ * .fab-center-top,
.navbar ~ * .fab-left-top,
.navbar ~ * .fab-right-top,
.navbar ~ .fab-center-top,
.navbar ~ .fab-left-top,
.navbar ~ .fab-right-top {
  margin-top: auto;
}

.h-5 {
  height: 5px;
}

.h-190 {
  height: 190px;
}

.h-100 {
  height: 100%;
}

.h-50px {
  height: 50px;
}

.h-100px {
  height: 100px;
}

.height-auto {
  height: auto;
}

.max-width-100 {
  max-width: 100%;
}

.coverimg {
  background-size: cover;
  background-position: center top;
}

.coverimg.position-absolute {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
}

.coverimg img {
  display: none;
}

.coverimg + div {
  z-index: 1;
}

.coverimg + div + div {
  z-index: 1;
}

.rounded {
  border-radius: 6px;
}

.no-rounded {
  border-radius: 0;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.position-absolute {
  position: absolute;
  top: 0;
  left: 0;
}

.z-index-0 {
  z-index: 0;
}

.z-index-1 {
  z-index: 1;
}

.opacity-04 {
  opacity: 0.4;
}

.opacity-05 {
  opacity: 0.5;
}

.blur {
  filter: blur(10px);
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
}

.shadow-none {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
}

.no-background {
  background-color: transparent !important;
}

.no-background li {
  background-color: transparent !important;
}

.border-left-5 {
  border-left: 5px solid transparent;
}

.color-inherit {
  color: inherit;
}

@media screen and (min-width: 768px) {
  .h-190 {
    height: 322px;
  }
}

/* 7. navbar*/
:root {
  --f7-bars-bg-color: rgba(238, 240, 248, 0.8);
}

.navbar {
  padding: 10px 15px;
  height: 60px;
}

@media only screen and (min-device-width: 375px)
 and (max-device-width: 440px)
 {
  /*@supports(-webkit-touch-callout: none) {*/
    .navbar {
	  padding: 10px 15px;
	  height: 80px;
	}
  /*}*/
}

.divhanhchinh {
  position: sticky;
  top: 0; /* Khoảng cách từ phần tử đến phía trên màn hình */
  z-index: 1000; /* Đảm bảo phần tử ở trên các phần tử khác */
  /*background-color: white;*/ /* Đặt màu nền để không bị chồng lên các nội dung khác */
}

.navbar .navbar-bg {
  background-color: var(--f7-bars-bg-color);
}

.navbar .navbar-bg:after {
  display: none;
}

.navbar .navbar-bg:before {
  display: none;
}

.navbar .navbar-inner {
  padding: 10px 15px 10px 15px;
}

.navbar.active .navbar-bg {
  background-color: var(--f7-bars-bg-color);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  -webkt-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  -moz-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
  -webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
  backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
}

.navbar .title {
  width: 100%;
}

.navbar a.link, .navbar .button {
  height: 44px;
  width: 44px;
}

.menu-item {
  background-color: #f5f6fb;
  color: #000000;
}

.menu-item .menu-item-content:after {
  background-color: var(--f7-theme-color);
  opacity: 0.5;
}

.menu-item .menu-dropdown {
  background-color: #f5f6fb;
  color: inherit;
}

.menu-item .menu-dropdown .menu-dropdown-content {
  background-color: rgba(245, 246, 251, 0.75);
  -moz-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
  -webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
  backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
  color: #000000;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}

.menu-item .menu-dropdown .menu-dropdown-content a {
  color: #000000;
}

.menu-item .menu-dropdown:before {
  background-image: radial-gradient(ellipse at 0% 0%, transparent 0%, transparent 70%, #f5f6fb 72%);
}

/* 8. navbar*/
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
select,
textarea {
  padding: 0.625rem 0.75rem;
  line-height: 1.5;
  border-radius: 6px;
  background-color: #ffffff;
  max-width: 100%;
  width: 100%;
}

label.small {
  margin-bottom: 10px;
  display: block;
}

.item-input-wrap,
.ios .item-input-wrap,
.md .item-input-wrap {  
  position: relative;
  margin: 0;  
  /*padding-top: 16px;*/ /* Đẩy input xuống dưới để tránh chồng */
}

/*---*/


/*---*/

.progressbar {
  background-color: #dce0f1;
}

/* range picker slider */
.noUi-target {
  background: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  background-color: #e3e6f4;
  border: 1px solid #dce0f1;
}

.noUi-target.noUi-horizontal {
  height: 10px;
}

.noUi-target .noUi-origin .noUi-handle {
  height: 30px;
  width: 30px;
  top: -11px;
  border: 0 none;
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  border: 1px solid #eef0f8;
}

.noUi-target .noUi-origin .noUi-handle:before {
  display: none;
}

.noUi-target .noUi-origin .noUi-handle:after {
  display: none;
}

.noUi-target .noUi-connect {
  background: var(--f7-theme-color);
}

.stepper-button,
.stepper-button-minus,
.stepper-button-plus {
  width: 30px;
}

.button-44 {
  height: 44px;
}

/* 9. Chart and Graph*/
.progressCircle {
  height: 80px;
  width: 80px;
  display: block;
  margin: 0 auto;
  position: relative;
}

.smallchart {
  width: 100px;
  height: 60px;
}

.progressbar-text {
  text-align: center;
  line-height: 12px;
}

.progressbar-text small {
  font-size: 11px;
}

/* 10. dark mode*/
.theme-dark .bg-blue-light,
.theme-dark .alert-blue {
  background: rgba(114, 151, 248, 0.4) !important;
  border-color: #7297f8 !important;
}

.theme-dark .bg-red-light,
.theme-dark .alert-red {
  background: rgba(251, 115, 124, 0.4) !important;
  border-color: #fb737c !important;
}

.theme-dark .bg-green-light,
.theme-dark .alert-green {
  background: rgba(101, 229, 161, 0.4) !important;
  border-color: #65e5a1 !important;
}

.theme-dark .bg-yellow-light,
.theme-dark .alert-yellow {
  background: rgba(255, 195, 116, 0.4) !important;
  border-color: #ffc374 !important;
}

.theme-dark input[type="date"],
.theme-dark input[type="datetime-local"],
.theme-dark input[type="email"],
.theme-dark input[type="month"],
.theme-dark input[type="number"],
.theme-dark input[type="password"],
.theme-dark input[type="search"],
.theme-dark input[type="tel"],
.theme-dark input[type="text"],
.theme-dark input[type="time"],
.theme-dark input[type="url"],
.theme-dark select,
.theme-dark textarea {
  background-color: #333333;
  color: #ffffff;
}

.theme-dark .form-list ul .item-content.item-input-focused .item-floating-label,
.theme-dark .form-list ul .item-content.item-input-with-value .item-floating-label {
  color: #ffffff;
}

.theme-dark .list input[type="date"],
.theme-dark .list input[type="datetime-local"],
.theme-dark .list input[type="email"],
.theme-dark .list input[type="month"],
.theme-dark .list input[type="number"],
.theme-dark .list input[type="password"],
.theme-dark .list input[type="search"],
.theme-dark .list input[type="tel"],
.theme-dark .list input[type="text"],
.theme-dark .list input[type="time"],
.theme-dark .list input[type="url"],
.theme-dark .list select,
.theme-dark .list textarea {
  background-color: transparent;
}

.theme-dark body,
.theme-dark .page {
  background-color: #111111;
  color: #ffffff;
}

.theme-dark body.dark-bg,
.theme-dark .page.dark-bg {
  background-color: var(--f7-theme-color);
}

.theme-dark .card,
.theme-dark .bg-whiter {
  background-color: #333333;
}

.theme-dark .menu-item,
.theme-dark .menu-item .menu-dropdown,
.theme-dark .menu-item .menu-dropdown .menu-dropdown-content {
  background-color: #555555;
}

.theme-dark .menu-item .menu-dropdown:before {
  background-image: radial-gradient(ellipse at 0% 0%, transparent 0%, transparent 70%, #555555 72%);
}

.theme-dark .menu-item,
.theme-dark .menu-item .menu-dropdown,
.theme-dark .menu-item .menu-dropdown .menu-dropdown-content,
.theme-dark .menu-item .menu-dropdown .menu-dropdown-content a {
  color: #ffffff;
}

.theme-dark .footer ul li a.active {
  color: var(--f7-navbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color)));
}

.theme-dark .elevation-2 {
  box-shadow: 0 0.125rem 0.25rem #111111 !important;
}

.theme-dark .card,
.theme-dark .list.links-list a:after,
.theme-dark .list .item-inner:after,
.theme-dark .simple-list li:after {
  --f7-card-header-border-color: rgba(231, 234, 245, 0.3);
  --f7-card-footer-border-color: rgba(231, 234, 245, 0.3);
  --f7-list-item-border-color: rgba(231, 234, 245, 0.3);
}

.theme-dark a.card-content {
  color: white;
}

.theme-dark .view .page .messages-content .messages .message-received .message-bubble {
  background-color: rgba(255, 255, 255, 0.2);
}

/* 11. footer */
.has-footer {
  padding-bottom: 60px;
}

.footer {
  background-color: var(--f7-bars-bg-color);
  -moz-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
  -webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
  backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
  color: var(--f7-bars-text-color);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1);
  -webkt-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1);
}

.footer ul {
  align-items: center;
  max-width: 480px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.footer ul li {
  height: 60px;
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.footer ul li a {
  text-align: center;
  background: transparent;
  color: var(--f7-bars-text-color);
  opacity: 0.5;
  align-self: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  height: 100%;
  line-height: 58px;
}

.footer ul li a span {
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
}

.footer ul li a span .icon {
  font-size: 18px;
  height: 20px;
  line-height: 20px;
  width: 20px;
  display: inline-block;
  margin: 0 auto;
}

.footer ul li a span .nav-text {
  font-size: 10px;
  line-height: 18px;
  vertical-align: middle;
  display: none;
}

.footer ul li a.active {
  color: var(--f7-navbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color)));
  opacity: 1;
}

.footer ul li a.active .nav-text {
  display: block;
}

.footer-info {
  margin-top: auto;
}

.footer-info > .row [class*="col-"],
.footer-info > .row .col {
  min-height: 40px;
}

.page .messagebar {
  padding: 8px 10px;
  background-color: var(--f7-bars-bg-color);
  -moz-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
  -webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
  backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
  box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1);
  -webkt-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1);
}

/* 12. carousel */
.swiper-container {
  z-index: 0;
}

.swiper-container .swiper-slide {
  z-index: 0;
}

.swiperhighlight .swiper-wrapper .swiper-slide {
  width: 132px;
  padding: 2px 0 5px 15px;
}

.swipersummary .swiper-wrapper .swiper-slide {
  width: 152px;
  padding: 2px 0 5px 15px;
}

.swiperprojects .swiper-wrapper .swiper-slide {
  width: 302px;
  padding: 2px 0 5px 15px;
}

.swiperprojects .swiper-wrapper .swiper-slide .card-img-top {
  height: 190px;
  background-size: cover;
}

.swiperprojects .swiper-wrapper .swiper-slide .card-img-top img {
  width: 100%;
  display: none;
}

.swipercategory .swiper-wrapper .swiper-slide {
  width: auto;
  padding: 2px 0 5px 15px;
}

.swipercategory .swiper-wrapper .swiper-slide p {
  opacity: 0.5;
}

.swipercategory .swiper-wrapper .swiper-slide .card {
  color: var(--f7-theme-color);
}

.swipercategory .swiper-wrapper .swiper-slide .card .card-body {
  padding: 0;
  width: 60px;
  height: 60px;
  line-height: 54px;
  vertical-align: middle;
}

.swipercategory .swiper-wrapper .swiper-slide .card .card-body > div {
  display: inline-block;
  vertical-align: middle;
}

.swipercategory .swiper-wrapper .swiper-slide.active p {
  opacity: 1;
}

.swipercategory .swiper-wrapper .swiper-slide.active .card {
  background-color: var(--f7-theme-color);
  color: var(--f7-theme-color-text-color);
}

.swipercategory .swiper-wrapper .swiper-slide.active .card i {
  color: #ffffff;
}

.swipertrending .swiper-wrapper .swiper-slide {
  width: 200px;
  padding: 2px 0 5px 12px;
}

.swipertrending .swiper-wrapper .swiper-slide .card-img-top {
  background-size: cover;
}

.swipertrending .swiper-wrapper .swiper-slide .card-img-top img {
  width: 100%;
  display: none;
}

/* 13. loader */
.loader-wrap {
  color: var(--f7-navbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color)));
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
}

.loader-wrap:after {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
  background-color: var(--f7-theme-color);
  opacity: 0.85;
}

.loader-wrap strong {
  font-weight: 600;
}

.loader-cube-wrap {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.loader-cube-wrap .loader-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.loader-cube-wrap .loader-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  -webkit-animation: loaderangle 2.4s infinite linear both;
  animation: loaderangle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.loader-cube-wrap .loader-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}

.loader-cube-wrap .loader-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.loader-cube-wrap .loader-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}

.loader-cube-wrap .loader-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.loader-cube-wrap .loader-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}

.loader-cube-wrap .loader-cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

@-webkit-keyframes loaderangle {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

@keyframes loaderangle {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

/* 14. list */
.list {
  margin: 15px 0;
}

.list .item-media {
  padding-top: var(--f7-list-media-item-padding-horizontal);
  padding-bottom: var(--f7-list-media-item-padding-horizontal);
}

.list .item-media + .item-inner {
  margin-bottom: 1px;
  padding-top: var(--f7-list-media-item-padding-horizontal);
  padding-bottom: var(--f7-list-media-item-padding-horizontal);
}

.date-list {
  padding: 0 5px;
}

.date-list li,
.date-list .date {
  float: left;
  list-style: none;
  padding: 10px 15px;
  border-radius: 5px;
  text-align: center;
}

.date-list li.active,
.date-list .date.active {
  background-color: var(--f7-theme-color);
  color: #ffffff;
}

.accordion-list .accordion-toggle.active {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}

.accordion-list .accordion-content {
  position: relative;
  overflow: hidden;
  height: 0;
  font-size: 14px;
  transition-duration: .3s;
  min-height: 0;
  padding: 0;
}

.accordion-list .accordion-content.show {
  height: auto;
  padding: var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal);
}

.form-list {
  margin: 0;
}

.form-list ul {
  border-radius: 6px;
  margin: 0;
}

.form-list ul::before, .form-list ul::after {
  display: none;
}

.form-list ul .item-content .item-floating-label {
  position: absolute;
  margin-top: 12px;
  font-size: 16px;
  transform: none;
  transition: ease all 0.2s;
}

.form-list ul .item-content .item-input-wrap input[type="date"],
.form-list ul .item-content .item-input-wrap input[type="datetime-local"],
.form-list ul .item-content .item-input-wrap input[type="email"],
.form-list ul .item-content .item-input-wrap input[type="month"],
.form-list ul .item-content .item-input-wrap input[type="number"],
.form-list ul .item-content .item-input-wrap input[type="password"],
.form-list ul .item-content .item-input-wrap input[type="search"],
.form-list ul .item-content .item-input-wrap input[type="tel"],
.form-list ul .item-content .item-input-wrap input[type="text"],
.form-list ul .item-content .item-input-wrap input[type="time"],
.form-list ul .item-content .item-input-wrap input[type="url"],
.form-list ul .item-content .item-input-wrap select,
.form-list ul .item-content .item-input-wrap textarea {
  padding: 12px 0 0px 0;
  line-height: 30px;
  height: auto;
}

.form-list ul .item-content.item-input-focused .item-floating-label, .form-list ul .item-content.item-input-with-value .item-floating-label {
  margin-top: 0px;
  opacity: 0.6;
  font-size: 12px;
}

/* 15. calendar */
.calendar .toolbar {
  background-color: var(--f7-calendar-selected-bg-color, var(--f7-theme-color));
  color: var(--f7-calendar-selected-text-color);
  height: 54px;
}

.calendar .toolbar .toolbar-inner {
  padding: 10px 0;
  background-color: rgba(255, 255, 255, 0.15);
}

.calendar .toolbar .toolbar-inner a,
.calendar .toolbar .toolbar-inner button {
  color: var(--f7-calendar-selected-text-color);
}

.calendar .calendar-week-header {
  background-color: var(--f7-calendar-selected-bg-color, var(--f7-theme-color));
  color: var(--f7-calendar-selected-text-color);
  height: auto;
}

.calendar .calendar-week-header .calendar-week-day {
  padding: 10px 0;
}
;.f32 .flag{display:inline-block;height:32px;width:32px;vertical-align:text-top;line-height:32px;background:url(../images/flags32.png) no-repeat;}
.f32 ._African_Union{background-position:0 -32px;}
.f32 ._Arab_League{background-position:0 -64px;}
.f32 ._ASEAN{background-position:0 -96px;}
.f32 ._CARICOM{background-position:0 -128px;}
.f32 ._CIS{background-position:0 -160px;}
.f32 ._Commonwealth{background-position:0 -192px;}
.f32 ._England{background-position:0 -224px;}
.f32 ._European_Union, .f32 .eu{background-position:0 -256px;}
.f32 ._Islamic_Conference{background-position:0 -288px;}
.f32 ._Kosovo{background-position:0 -320px;}
.f32 ._NATO{background-position:0 -352px;}
.f32 ._Northern_Cyprus{background-position:0 -384px;}
.f32 ._Northern_Ireland{background-position:0 -416px;}
.f32 ._Olimpic_Movement{background-position:0 -448px;}
.f32 ._OPEC{background-position:0 -480px;}
.f32 ._Red_Cross{background-position:0 -512px;}
.f32 ._Scotland{background-position:0 -544px;}
.f32 ._Somaliland{background-position:0 -576px;}
.f32 ._Tibet{background-position:0 -608px;}
.f32 ._United_Nations{background-position:0 -640px;}
.f32 ._Wales{background-position:0 -672px;}
.f32 .ad, .f32 .and {background-position: 0 -704px;}
.f32 .ae, .f32 .are {background-position: 0 -736px;}
.f32 .af, .f32 .afg {background-position: 0 -768px;}
.f32 .ag, .f32 .atg {background-position: 0 -800px;}
.f32 .ai, .f32 .aia {background-position: 0 -832px;}
.f32 .al, .f32 .alb {background-position: 0 -864px;}
.f32 .am, .f32 .arm {background-position: 0 -896px;}
.f32 .ao, .f32 .ago {background-position: 0 -928px;}
.f32 .aq, .f32 .ata {background-position: 0 -960px;}
.f32 .ar, .f32 .arg {background-position: 0 -992px;}
.f32 .as, .f32 .asm {background-position: 0 -1024px;}
.f32 .at, .f32 .aut {background-position: 0 -1056px;}
.f32 .au, .f32 .aus {background-position: 0 -1088px;}
.f32 .aw, .f32 .abw {background-position: 0 -1120px;}
.f32 .ax, .f32 .ala {background-position: 0 -1152px;}
.f32 .az, .f32 .aze {background-position: 0 -1184px;}
.f32 .ba, .f32 .bih {background-position: 0 -1216px;}
.f32 .bb, .f32 .brb {background-position: 0 -1248px;}
.f32 .bd, .f32 .bgd {background-position: 0 -1280px;}
.f32 .be, .f32 .bel {background-position: 0 -1312px;}
.f32 .bf, .f32 .bfa {background-position: 0 -1344px;}
.f32 .bg, .f32 .bgr {background-position: 0 -1376px;}
.f32 .bh, .f32 .bhr {background-position: 0 -1408px;}
.f32 .bi, .f32 .bdi {background-position: 0 -1440px;}
.f32 .bj, .f32 .ben {background-position: 0 -1472px;}
.f32 .bm, .f32 .bmu {background-position: 0 -1504px;}
.f32 .bn, .f32 .brn {background-position: 0 -1536px;}
.f32 .bo, .f32 .bol {background-position: 0 -1568px;}
.f32 .br, .f32 .bra {background-position: 0 -1600px;}
.f32 .bs, .f32 .bhs {background-position: 0 -1632px;}
.f32 .bt, .f32 .btn {background-position: 0 -1664px;}
.f32 .bw, .f32 .bwa {background-position: 0 -1696px;}
.f32 .by, .f32 .blr {background-position: 0 -1728px;}
.f32 .bz, .f32 .blz {background-position: 0 -1760px;}
.f32 .ca, .f32 .can {background-position: 0 -1792px;}
.f32 .cd, .f32 .cod {background-position: 0 -1824px;}
.f32 .cf, .f32 .rca {background-position: 0 -1856px;}
.f32 .cg, .f32 .cog {background-position: 0 -1888px;}
.f32 .ch, .f32 .che {background-position: 0 -1920px;}
.f32 .ci, .f32 .civ {background-position: 0 -1952px;}
.f32 .ck, .f32 .cok {background-position: 0 -1984px;}
.f32 .cl, .f32 .chl {background-position: 0 -2016px;}
.f32 .cm, .f32 .cmr {background-position: 0 -2048px;}
.f32 .cn, .f32 .chn {background-position: 0 -2080px;}
.f32 .co, .f32 .col {background-position: 0 -2112px;}
.f32 .cr, .f32 .cri {background-position: 0 -2144px;}
.f32 .cu, .f32 .cub {background-position: 0 -2176px;}
.f32 .cv, .f32 .cpv {background-position: 0 -2208px;}
.f32 .cy, .f32 .cyp {background-position: 0 -2240px;}
.f32 .cz, .f32 .cze {background-position: 0 -2272px;}
.f32 .de, .f32 .deu {background-position: 0 -2304px;}
.f32 .dj, .f32 .dji {background-position: 0 -2336px;}
.f32 .dk, .f32 .dnk {background-position: 0 -2368px;}
.f32 .dm, .f32 .dma {background-position: 0 -2400px;}
.f32 .do, .f32 .dom {background-position: 0 -2432px;}
.f32 .dz, .f32 .dza {background-position: 0 -2464px;}
.f32 .ec, .f32 .ecu {background-position: 0 -2496px;}
.f32 .ee, .f32 .est {background-position: 0 -2528px;}
.f32 .eg, .f32 .egy {background-position: 0 -2560px;}
.f32 .eh, .f32 .esh {background-position: 0 -2592px;}
.f32 .er, .f32 .eri {background-position: 0 -2624px;}
.f32 .es, .f32 .esp {background-position: 0 -2656px;}
.f32 .et, .f32 .eth {background-position: 0 -2688px;}
.f32 .fi, .f32 .fin {background-position: 0 -2720px;}
.f32 .fj, .f32 .fji {background-position: 0 -2752px;}
.f32 .fm, .f32 .fsm {background-position: 0 -2784px;}
.f32 .fo, .f32 .fro {background-position: 0 -2816px;}
.f32 .fr, .f32 .fra {background-position: 0 -2848px;}
.f32 .bl, .f32 .blm {background-position: 0 -2848px;}
.f32 .cp, .f32 .cpt {background-position: 0 -2848px;}
.f32 .mf, .f32 .maf {background-position: 0 -2848px;}
.f32 .yt, .f32 .myt {background-position: 0 -2848px;}
.f32 .ga, .f32 .gab {background-position: 0 -2880px;}
.f32 .gb, .f32 .gbr {background-position: 0 -2912px;}
.f32 .sh, .f32 .shn {background-position: 0 -2912px;}
.f32 .gd, .f32 .grd {background-position: 0 -2944px;}
.f32 .ge, .f32 .geo {background-position: 0 -2976px;}
.f32 .gg, .f32 .ggy {background-position: 0 -3008px;}
.f32 .gh, .f32 .gha {background-position: 0 -3040px;}
.f32 .gi, .f32 .gib {background-position: 0 -3072px;}
.f32 .gl, .f32 .grl {background-position: 0 -3104px;}
.f32 .gm, .f32 .gmb {background-position: 0 -3136px;}
.f32 .gn, .f32 .gin {background-position: 0 -3168px;}
.f32 .gp, .f32 .glp {background-position: 0 -3200px;}
.f32 .gq, .f32 .gnq {background-position: 0 -3232px;}
.f32 .gr, .f32 .grc {background-position: 0 -3264px;}
.f32 .gt, .f32 .gtm {background-position: 0 -3296px;}
.f32 .gu, .f32 .gum {background-position: 0 -3328px;}
.f32 .gw, .f32 .gnb {background-position: 0 -3360px;}
.f32 .gy, .f32 .guy {background-position: 0 -3392px;}
.f32 .hk, .f32 .hkg {background-position: 0 -3424px;}
.f32 .hn, .f32 .hnd {background-position: 0 -3456px;}
.f32 .hr, .f32 .hrv {background-position: 0 -3488px;}
.f32 .ht, .f32 .hti {background-position: 0 -3520px;}
.f32 .hu, .f32 .hun {background-position: 0 -3552px;}
.f32 .id, .f32 .idn {background-position: 0 -3584px;}
.f32 .mc, .f32 .mco {background-position: 0 -3584px;}
.f32 .ie {background-position: 0 -3616px;}
.f32 .il, .f32 .isr {background-position: 0 -3648px;}
.f32 .im, .f32 .imn {background-position: 0 -3680px;}
.f32 .in, .f32 .ind {background-position: 0 -3712px;}
.f32 .iq, .f32 .irq {background-position: 0 -3744px;}
.f32 .ir, .f32 .irn {background-position: 0 -3776px;}
.f32 .is, .f32 .isl {background-position: 0 -3808px;}
.f32 .it, .f32 .ita {background-position: 0 -3840px;}
.f32 .je, .f32 .jey {background-position: 0 -3872px;}
.f32 .jm, .f32 .jam {background-position: 0 -3904px;}
.f32 .jo, .f32 .jor {background-position: 0 -3936px;}
.f32 .jp, .f32 .jpn {background-position: 0 -3968px;}
.f32 .ke, .f32 .ken {background-position: 0 -4000px;}
.f32 .kg, .f32 .kgz {background-position: 0 -4032px;}
.f32 .kh, .f32 .khm {background-position: 0 -4064px;}
.f32 .ki, .f32 .kir {background-position: 0 -4096px;}
.f32 .km, .f32 .com {background-position: 0 -4128px;}
.f32 .kn, .f32 .kna {background-position: 0 -4160px;}
.f32 .kp, .f32 .prk {background-position: 0 -4192px;}
.f32 .kr, .f32 .kor {background-position: 0 -4224px;}
.f32 .kw, .f32 .kwt {background-position: 0 -4256px;}
.f32 .ky, .f32 .cym {background-position: 0 -4288px;}
.f32 .kz, .f32 .kaz {background-position: 0 -4320px;}
.f32 .la, .f32 .lao {background-position: 0 -4352px;}
.f32 .lb, .f32 .lbn {background-position: 0 -4384px;}
.f32 .lc, .f32 .lca {background-position: 0 -4416px;}
.f32 .li, .f32 .lie {background-position: 0 -4448px;}
.f32 .lk, .f32 .lka {background-position: 0 -4480px;}
.f32 .lr, .f32 .lbr {background-position: 0 -4512px;}
.f32 .ls, .f32 .lso {background-position: 0 -4544px;}
.f32 .lt, .f32 .ltu {background-position: 0 -4576px;}
.f32 .lu, .f32 .lux {background-position: 0 -4608px;}
.f32 .lv, .f32 .lva {background-position: 0 -4640px;}
.f32 .ly, .f32 .lby {background-position: 0 -4672px;}
.f32 .ma, .f32 .mar {background-position: 0 -4704px;}
.f32 .md, .f32 .mda {background-position: 0 -4736px;}
.f32 .me, .f32 .mne {background-position: 0 -4768px;}
.f32 .mg, .f32 .mdg {background-position: 0 -4800px;}
.f32 .mh, .f32 .mhl {background-position: 0 -4832px;}
.f32 .mk, .f32 .mkd {background-position: 0 -4864px;}
.f32 .ml, .f32 .mli {background-position: 0 -4896px;}
.f32 .mm, .f32 .mmr {background-position: 0 -4928px;}
.f32 .mn, .f32 .mng {background-position: 0 -4960px;}
.f32 .mo, .f32 .mac {background-position: 0 -4992px;}
.f32 .mq, .f32 .mtq {background-position: 0 -5024px;}
.f32 .mr, .f32 .mrt {background-position: 0 -5056px;}
.f32 .ms, .f32 .msr {background-position: 0 -5088px;}
.f32 .mt, .f32 .mlt {background-position: 0 -5120px;}
.f32 .mu, .f32 .mus {background-position: 0 -5152px;}
.f32 .mv, .f32 .mdv {background-position: 0 -5184px;}
.f32 .mw, .f32 .mwi {background-position: 0 -5216px;}
.f32 .mx, .f32 .mex {background-position: 0 -5248px;}
.f32 .my, .f32 .mys {background-position: 0 -5280px;}
.f32 .mz, .f32 .moz {background-position: 0 -5312px;}
.f32 .na, .f32 .nam {background-position: 0 -5344px;}
.f32 .nc, .f32 .ncl {background-position: 0 -5376px;}
.f32 .ne, .f32 .ner {background-position: 0 -5408px;}
.f32 .ng, .f32 .nga {background-position: 0 -5440px;}
.f32 .ni, .f32 .nic {background-position: 0 -5472px;}
.f32 .nl, .f32 .nld {background-position: 0 -5504px;}
.f32 .nl{background-position:0 -5504px;}  .f32 .bq{background-position:0 -5504px;}.f32 .no{background-position:0 -5536px;}  .f32 .bv, .f32 .nq, .f32 .sj{background-position:0 -5536px;}
.f32 .bq, .f32 .bes {background-position: 0 -5504px;}
.f32 .no, .f32 .nor {background-position: 0 -5536px;}
.f32 .bv, .f32 .bvt {background-position: 0 -5536px;}
.f32 .nq, .f32 .atn {background-position: 0 -5536px;}
.f32 .sj, .f32 .sjm {background-position: 0 -5536px;}
.f32 .np, .f32 .npl {background-position: 0 -5568px;}
.f32 .nr, .f32 .nru {background-position: 0 -5600px;}
.f32 .nz, .f32 .nzl {background-position: 0 -5632px;}
.f32 .om, .f32 .omn {background-position: 0 -5664px;}
.f32 .pa, .f32 .pan {background-position: 0 -5696px;}
.f32 .pe, .f32 .per {background-position: 0 -5728px;}
.f32 .pf, .f32 .pyf {background-position: 0 -5760px;}
.f32 .pg, .f32 .png {background-position: 0 -5792px;}
.f32 .ph, .f32 .phl {background-position: 0 -5824px;}
.f32 .pk, .f32 .pak {background-position: 0 -5856px;}
.f32 .pl, .f32 .pol {background-position: 0 -5888px;}
.f32 .pr, .f32 .pri {background-position: 0 -5920px;}
.f32 .ps, .f32 .pse {background-position: 0 -5952px;}
.f32 .pt, .f32 .prt {background-position: 0 -5984px;}
.f32 .pw, .f32 .plw {background-position: 0 -6016px;}
.f32 .py, .f32 .pry {background-position: 0 -6048px;}
.f32 .qa, .f32 .qat {background-position: 0 -6080px;}
.f32 .re, .f32 .reu {background-position: 0 -6112px;}
.f32 .ro, .f32 .rou {background-position: 0 -6144px;}
.f32 .rs, .f32 .srb {background-position: 0 -6176px;}
.f32 .ru, .f32 .rus {background-position: 0 -6208px;}
.f32 .rw, .f32 .rwa {background-position: 0 -6240px;}
.f32 .sa, .f32 .sau {background-position: 0 -6272px;}
.f32 .sb, .f32 .slb {background-position: 0 -6304px;}
.f32 .sc, .f32 .syc {background-position: 0 -6336px;}
.f32 .sd, .f32 .sdn {background-position: 0 -6368px;}
.f32 .se, .f32 .swe {background-position: 0 -6400px;}
.f32 .sg, .f32 .sgp {background-position: 0 -6432px;}
.f32 .si, .f32 .svn {background-position: 0 -6464px;}
.f32 .sk, .f32 .svk {background-position: 0 -6496px;}
.f32 .sl, .f32 .sle {background-position: 0 -6528px;}
.f32 .sm, .f32 .smr {background-position: 0 -6560px;}
.f32 .sn, .f32 .sen {background-position: 0 -6592px;}
.f32 .so, .f32 .som {background-position: 0 -6624px;}
.f32 .sr, .f32 .sur {background-position: 0 -6656px;}
.f32 .st, .f32 .stp {background-position: 0 -6688px;}
.f32 .sv, .f32 .slv {background-position: 0 -6720px;}
.f32 .sy, .f32 .syr {background-position: 0 -6752px;}
.f32 .sz, .f32 .swz {background-position: 0 -6784px;}
.f32 .tc, .f32 .tca {background-position: 0 -6816px;}
.f32 .td, .f32 .tcd {background-position: 0 -6848px;}
.f32 .tg, .f32 .tgo {background-position: 0 -6880px;}
.f32 .th, .f32 .tha {background-position: 0 -6912px;}
.f32 .tj, .f32 .tjk {background-position: 0 -6944px;}
.f32 .tl, .f32 .tls {background-position: 0 -6976px;}
.f32 .tm, .f32 .tkm {background-position: 0 -7008px;}
.f32 .tn, .f32 .tun {background-position: 0 -7040px;}
.f32 .to, .f32 .ton {background-position: 0 -7072px;}
.f32 .tr, .f32 .tur {background-position: 0 -7104px;}
.f32 .tt, .f32 .tto {background-position: 0 -7136px;}
.f32 .tv, .f32 .tuv {background-position: 0 -7168px;}
.f32 .tw, .f32 .twn {background-position: 0 -7200px;}
.f32 .tz, .f32 .tza {background-position: 0 -7232px;}
.f32 .ua, .f32 .ukr {background-position: 0 -7264px;}
.f32 .ug, .f32 .uga {background-position: 0 -7296px;}
.f32 .us, .f32 .usa {background-position: 0 -7328px;}
.f32 .uy, .f32 .ury {background-position: 0 -7360px;}
.f32 .uz, .f32 .uzb {background-position: 0 -7392px;}
.f32 .va, .f32 .vat {background-position: 0 -7424px;}
.f32 .vc, .f32 .vct {background-position: 0 -7456px;}
.f32 .ve, .f32 .ven {background-position: 0 -7488px;}
.f32 .vg, .f32 .vgb {background-position: 0 -7520px;}
.f32 .vi, .f32 .vir {background-position: 0 -7552px;}
.f32 .vn, .f32 .vnm {background-position: 0 -7584px;}
.f32 .vu, .f32 .vut {background-position: 0 -7616px;}
.f32 .ws, .f32 .wsm {background-position: 0 -7648px;}
.f32 .ye, .f32 .yem {background-position: 0 -7680px;}
.f32 .za, .f32 .zaf {background-position: 0 -7712px;}
.f32 .zm, .f32 .zmb {background-position: 0 -7744px;}
.f32 .zw, .f32 .zwe {background-position: 0 -7776px;}
.f32 .sx, .f32 .sxm {background-position: 0 -7808px;}
.f32 .cw, .f32 .cuw {background-position: 0 -7840px;}
.f32 .ss, .f32 .ssd {background-position: 0 -7872px;}
.f32 .nu, .f32 .niu {background-position: 0 -7904px;}