/**
┌─┐┌┬┐┬ ┬┬  ┌─┐┌─┐
└─┐ │ └┬┘│  ├┤ └─┐
└─┘ ┴  ┴ ┴─┘└─┘└─┘

colors:
  green/yellow: #98a902 rgb(152, 169, 2)
  bright green: #eaeecc rgba(152,169,2, .2)
*/



/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7qsDJT9g.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: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7jsDJT9g.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7rsDJT9g.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7ksDJT9g.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7osDJT9g.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7psDJT9g.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7nsDI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdh18Smxg.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: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdo18Smxg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdg18Smxg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdv18Smxg.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdj18Smxg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdi18Smxg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSds18Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.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: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmhduz8A.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: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwkxduz8A.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmxduz8A.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlBduz8A.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmBduz8A.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmRduz8A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmhduz8A.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: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwkxduz8A.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmxduz8A.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwlBduz8A.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmBduz8A.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmRduz8A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwlxdu.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



html, body { color: #000; font-family: 'Source Sans Pro', Arial, sans-serif; }

body.iframed .iframed-hide { display: none !important; }

/*
body > .wrapper { padding-left: calc(7.5625rem - 15px); }
*/

#dataiframeheight { line-height: 0; margin: 0; padding: 0; height: 0; width: 0; }

.bg-brightgreen { background-color: #eaeecc !important; }
.bg-green { background-color: rgba(152,169,2, 1) !important; color: #fff !important; }
.bg-green a { color: #fff !important; }
.bg-green a:hover, .bg-green a:focus, .bg-green a:active { color: #fff !important; text-decoration: underline; }

.color-green { color: #98a902 !important; }
.color-red { color: #cc0011 !important; }

.fontsize-inherit { font-size: inherit !important; }

.cursor-pointer { cursor: pointer !important; }
.border-none { border: none !important; }

select.cursor-pointer:hover { color: #98a902; }
select option:not([selected]) { color: #333; }
select option[selected] { font-weight: bold; color: #98a902; }


#navbarSupportedContent > .row {
  padding: 30px;
  margin-bottom: 30px;
}

.navbar {
  padding: 15px 10px;
  background: transparent;
  border: none;
  border-radius: 0;
/*  margin-bottom: 40px; */
/*  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);*/
}

.content .navbar {
  margin-bottom: 0;
}

.navbar-btn {
  box-shadow: none;
  outline: none !important;
  border: none;
}

.line {
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #ddd;
  margin: 40px 0;
}

.wrapper {
  display: flex;
  width: 100%;
  align-items: stretch;
  perspective: 1500px;
}


#sidebar {
  min-width: 250px;
  max-width: 250px;
  background: rgba(0,0,0, .8);
  color: #fff;
  transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
  transform-origin: bottom left;
}

#sidebar.active {
  margin-left: -250px;
  transform: rotateY(100deg);
}

#sidebar .sidebar-header {
  padding: 20px;
}

#sidebar ul.components {
  padding: 20px 0;
}

#sidebar ul p {
  color: #fff;
  padding: 10px;
}

#sidebar ul li a {
  color: #fff;
  padding: 10px;
  font-size: 1.1em;
  display: block;
}

#sidebar ul li a:hover {
  color: #98a902;
  background: #fff;
  font-weight: bold;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
  color: #fff;
  background: rgba(255,255,255, .15);
}


a[data-toggle="collapse"] {
  position: relative;
}

.dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

#content {
  width: 100%;
  min-height: 100vh;
  transition: all 0.3s;
  margin-bottom: 10em;
}

#footer { position: absolute; bottom: 0; width: 100%; }

#sidebarCollapse {
  width: 40px;
  height: 40px;
  background: #fff;
  cursor: pointer;
  position: relative;
}

#sidebarCollapse em {
  color: transparent;
  font-size: 16px;
  line-height: 1;
  font-style: normal;
  transition: color 1s ease-in-out;
  position: absolute;
  top: 10px;
  left: 42px;
}

#sidebarCollapse.active em {
  color: rgba(0,0,0, .42);
}

#sidebarCollapse span {
  width: 80%;
  height: 2px;
  margin: 0 auto;
  display: block;
  background: #555;
  transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);
  transition-delay: 0.2s;
}

#sidebarCollapse span:first-of-type {
  transform: rotate(45deg) translate(2px, 2px);
}
#sidebarCollapse span:nth-of-type(2) {
  opacity: 0;
}
#sidebarCollapse span:last-of-type {
  transform: rotate(-45deg) translate(1px, -1px);
}


#sidebarCollapse.active span {
  transform: none;
  opacity: 1;
  margin: 5px auto;
}

@media (max-width: 768px) {
  #sidebar {
    margin-left: -250px;
    transform: rotateY(90deg);
  }

  #sidebar.active {
    margin-left: 0;
    transform: none;
  }

  #sidebarCollapse span:first-of-type,
  #sidebarCollapse span:nth-of-type(2),
  #sidebarCollapse span:last-of-type {
    transform: none;
    opacity: 1;
    margin: 5px auto;
  }

  #sidebarCollapse.active span {
    margin: 0 auto;
  }

  #sidebarCollapse.active span:first-of-type {
    transform: rotate(45deg) translate(2px, 2px);
  }

  #sidebarCollapse.active span:nth-of-type(2) {
    opacity: 0;
  }

  #sidebarCollapse.active span:last-of-type {
    transform: rotate(-45deg) translate(1px, -1px);
  }
}

#container-loginform { width: 100%; }

#container-loginform .form-group {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 250px;
}

#container-loginform .form-control {
  display: block;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 24px;
  color: #555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#container-loginform .input-group-addon {
  padding: 6px 12px;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-right: none;
  border-radius: 0;
  width: 40px;
}

#container-loginform .btn { padding: 0; border-radius: 0; border: none; margin-left: auto; margin-right: auto; display: block; width: 100%; max-width: 250px;}
#container-loginform .ui-message-error-icon { display: none !important; }
#container-loginform .ui-message-error-detail, #container-loginform .ui-button-text-only .ui-button-text { font-size: 16px; line-height: 24px; margin: 0; border-radius: 0; border: none; }
#container-loginform .ui-messages-error, #container-loginform .ui-message-error { border-radius: 0; border: none; display: block; width: 100%; max-width: 250px; margin: 10px auto; }

a, a:visited { color: #98a902; text-decoration: none; transition: color .2s ease-in-out; }
a:hover, a:active, a:focus { color: #666; text-decoration: none; }

.profile-item, a.profile-item, a.profile-item:visited { color: inherit; }
.profile-item:hover, .profile-item:active, .profile-item:focus, a.profile-item:hover, a.profile-item:active, a.profile-item:focus { color: inherit; text-decoration: none; }

.pink { color: #98a902; }
.bg-pink { background-color: #98a902; padding: 10px 10px 12px 10px; border-radius: 8px; }
.pink-bright { color: #f8cdd7; }
.bg-pink-bright { background-color: #f8cdd7; padding: 10px 10px 12px 10px; border-radius: 8px; }

.borderradius { border-radius: 4px !important; }
div.borderradius { border-radius: 8px !important; }

.margin-correct > *:first-child { margin-top: 0 !important; padding-top: 0 !important; }
.margin-correct > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }

img { max-width: 100%; height: auto !important; }

hr { display: inline-block; width: 50px; border: 2px solid #98a902; box-shadow: none; margin-top: 10px; margin-bottom: 10px; }
.box-author hr, .btn-popup hr { border-width: 1px; }


h1 { color: #98a902; font-size: 48px; line-height: 1.2; font-family: inherit; font-weight: 700; margin: 0 0 36px 0; padding: 0; }
h2 { color: #98a902; font-size: 24px; line-height: 1.25; font-family: inherit; font-weight: 400; margin: 0 0 8px 0; padding: 0; }
h3 { font-size: 25px; line-height: 1.7; font-family: inherit; font-weight: 400; margin: 0 0 8px 0; padding: 0; }
h4 { font-size: 20px; line-height: 1.7; font-family: inherit; font-weight: 400; margin: 0 0 8px 0; padding: 0; }

h1.websitetitle {
  background: rgb(152, 169, 2);
  color: white;
  text-align: center;
  padding: .8em 1em 1em;
  margin-left: -15px;
  margin-right: -15px;
}

h1 + h2 { margin-top: -36px; }

p { font-size: 16px; line-height: 1.7; font-family: inherit; font-weight: 400; margin: 0 0 16px 0; padding: 0 0 10px 0; }

li { font-family: inherit; }


.btn-popup, .mfp-detail, .modal { font-family: inherit; }
.modal-body, .modal-footer { font-family: inherit; }
.btn-popup { padding-bottom: 10px; }
.button-image + .button-title { padding-top: 15px; }
.button-image + .button-info { padding-top: 15px; }
.profile-item .button-image + .button-info { padding-top: 0; }
div.profile-item div.btn { cursor: default; }
.font-size-14, .control-group .ui-selectoneradio.font-size-14 label { font-size: 14px !important; }
.font-weight-normal, .control-group .ui-selectoneradio.font-weight-normal label { font-weight: normal !important; }


.button-title { font-size: 21px; line-height: 1.14286; font-weight: bold;}
.button-title p { font-family: inherit; margin-bottom: 0; padding: 0; line-height: 1.25; }
.button-info { color: rgba(35,32,29, 0.5); font-size: 12px; line-height: 1.7; margin-top: 0; }

.box-image { background-repeat: no-repeat; background-position: center center; background-size: contain; width: 100%; height: 0; padding-bottom: 58.7613293%; border-radius: 0; }
.box-image.default { background-color: #f0f0f0;  }
.box-image.image-rounded { border-radius: 50%; }
.box-image.image-small { width: 50%; padding-bottom: 29.38066465%; }
.box-image.image-squared { padding-bottom: 100%; }
.box-image.image-small.image-squared { padding-bottom: 50%; }
.box-image.image-cover { background-size: cover; }
.modal-title .box-info { margin-top: 0; }

.modal-footer { color: rgba(35,32,29, 0.5); }

.section-popup-webform .btn-link { width: 100%; }

.nav-item { position: relative; }

.nav-pills.nav-stacked { margin-bottom: 30px; }

.nav-pills.nav-stacked .nav-link.active::before, .nav-pills.nav-stacked .show > .nav-link::before, .nav-pills.nav-stacked .nav-link:hover::before {
  content: '\f0d9';
  color: #98a902;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 1em;
  text-rendering: auto;
  position: absolute;
  left: 0;
  top: 13px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: #fff;
  border-color: #98a902;
  color: #98a902;
  font-weight: bold;
}


.btn { margin-right: 15px; }

.btn-link, a.btn-link { display: block; color: inherit; text-decoration: none; }
.btn-link:hover, a.btn-link:hover, .btn-link:focus, a.btn-link:focus { color: #cc0011; text-decoration: none; outline: none; box-shadow: none; }

.btn-primary, a.btn-primary { background: #98a902; border-color: #98a902; color: #fff !important; border-radius: 0; box-shadow: none; text-shadow: none; }
.btn-primary:hover, a.btn-primary:hover, .btn-primary:focus, a.btn-primary:focus { background: #cc0011; border-color: #cc0011; color: #fff !important; }

.btn-secondary { background: #6c757d; color: #fff !important; border-radius: 0; box-shadow: none; text-shadow: none; }

.btn.focus, .btn:focus { box-shadow: 0 0 0 .2rem #eaeecc; border-radius: 0; }

.modal-dialog { max-width: 50%; }
.modal .modal-dialog { transition: all .3s ease-out, -webkit-transform .3s ease-out !important; }

.close, .mfp-close-btn-in .mfp-close { color: #98a902; opacity: 1; transition: all .2s ease-in-out; }
.close:hover, .mfp-close-btn-in .mfp-close:hover { color: #333; opacity: .75; }


.btn.btn-popup { text-align: left; }
.profile-item .btn.btn-popup { padding: 0; }
.profile-item .button-info { margin-top: 12px; }
.profile-item .button-title { font-size: 24px; line-height: 1.2; font-weight: 700; margin-top: 10px; margin-bottom: 12px; }
.profile-item .button-description { font-family: inherit; font-size: 14px; line-height: 1.28571; font-weight: 400; }
.profile-item .button-description p { font-family: inherit; }


.container-left { margin-left: 0; margin-right: auto; }
.container-center { margin-left: auto; margin-right: auto; }
.container-right { margin-left: auto; margin-right: 0; }
.container-max { max-width: 1140px; }

.row.equalheight:not(.section-columns), .row.equalheight.section-columns .row.row-columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}

.row.equalheight:not(.section-columns) > [class*='col-'], .row.equalheight.section-columns .row.row-columns > [class*='col-'] {
  display: flex;
  flex-direction: column;
}


.row.col-border:not(.section-columns) > [class*='col-'], .row.col-border.section-columns .row.row-columns > [class*='col-'] {
  border: 11px solid #98a902;
  margin-left: 35px;
  margin-right: 35px;
  padding: 30px;
}



.border-round.fa {
  border: .2em solid #98a902;
  border-radius: 50%;
  display: inline-block;
  height: 2em;
  width: 2em;
  line-height: calc(2em - .4em);
  text-align: center;
}

a .border-round.fa { transition: all .2s ease-in-out; }
a:hover .border-round.fa, a:focus .border-round.fa, a:active .border-round.fa { border-color: #666; }





header #nav {
  background: rgba(0,0,0, .85);
  color: #fff;
  width: 350px;
  max-width: 90%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}







/* Magnific Popup */

a[data-mfp-src] { cursor: pointer; }

.mfp-wrap { transition: top .1s ease-in-out; }

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close-btn-in .mfp-close { font-size: 28px !important; }




.mfp-detail {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  border-radius: 5px;
}

.mfp-body-content > *:first-child { margin-top: 10px !important; padding-top: 0 !important; }
.mfp-body-content > *:last-child { margin-bottom: 10px !important; padding-bottom: 0 !important;}


/* ====== Zoom effect ====== */
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/* ====== Newspaper effect ====== */
.mfp-newspaper {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-newspaper .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.5s;
  transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
  transform: scale(0) rotate(500deg);
  opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
  opacity: 0;
}

/* ====== Move-horizontal effect ====== */
.mfp-move-horizontal {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-move-horizontal .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s;
  transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
  opacity: 0;
  transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
  transform: translateX(50px);
  opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
  opacity: 0;
}

/* ====== Move-from-top effect ====== */
.mfp-move-from-top {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-move-from-top .mfp-content {
  vertical-align: top;
}
.mfp-move-from-top .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s;
  transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
  opacity: 0;
  transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
  transform: translateY(-50px);
  opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
  opacity: 0;
}

/* ====== 3d unfold ====== */
.mfp-3d-unfold {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-3d-unfold .mfp-content {
  perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform-style: preserve-3d;
  transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
  transform: rotateY(60deg);
  opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
  opacity: 0;
}

/* ====== Zoom-out effect ====== */
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
  transform: scale(1.3);
  opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}




/* ====== "Hinge" close effect ====== */
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  animation-duration: 1s;
  animation-name: hinge;
}

.mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {
  opacity: 0;
  transition: opacity .5s ease-out;
}
.mfp-with-fade.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-with-fade.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-with-fade.mfp-removing.mfp-bg {
  opacity: 0;
}







.ui-tabs .ui-tabs-nav.ui-widget-header li {
  background: #e0e0e0;
  color: #666;
  border: none;
  text-shadow: none;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-hover {
  background: #98a902;
  color: #fff;
  border-color: inherit;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-active {
  background: #fff;
  color: #666;
}

.bg-brightgreen .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-active {
  background: #fff; /* #eaeecc */
}

.bg-brightgreen .ui-tabs-panels {
  background: #fff;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li a {
  color: #666;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li a:hover {
  color: #fff;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li.uil-state-active a, .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-active a:hover, .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-active.ui-state-hover a {
  color: #666;
}



.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  background: rgba(152,169,2, 1);
  color: #fff;
  padding: .2em .7em;
}

.ui-datatable-tablewrapper .ui-state-highlight, .ui-datatable-tablewrapper .ui-widget-content .ui-state-highlight, .ui-datatable-tablewrapper .ui-widget-header .ui-state-highlight {
  background: #eaeecc;
  color: inherit;
  padding: 0;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: inherit;
}

.ui-datatable-tablewrapper .btn:hover,
.ui-state-highlight a:hover, .ui-widget-content .ui-state-highlight a:hover, .ui-widget-header .ui-state-highlight a:hover,
.ui-state-highlight a:focus, .ui-widget-content .ui-state-highlight a:focus, .ui-widget-header .ui-state-highlight a:focus,
.ui-state-highlight a:active, .ui-widget-content .ui-state-highlight a:active, .ui-widget-header .ui-state-highlight a:active {
  color: rgba(152,169,2, 1);
}

.ui-datatable tbody td { border-color: #ddd; position: relative; }

.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev {
  min-height: 1.75em;
  min-width: 1.75em;
  display: inline-block;
}

.ui-paginator .ui-paginator-next .ui-icon, .ui-paginator .ui-paginator-prev .ui-icon, .ui-paginator .ui-paginator-first .ui-icon, .ui-paginator .ui-paginator-last .ui-icon { display: none; }
.ui-paginator-page:hover, .ui-paginator .ui-paginator-next:hover, .ui-paginator .ui-paginator-last:hover, .ui-paginator .ui-paginator-first:hover, .ui-paginator .ui-paginator-prev:hover { color: #98a902; }
.ui-paginator-page.ui-state-active { color: #999 !important; }

.ui-paginator .ui-paginator-next::before, .ui-paginator .ui-paginator-last::before, .ui-paginator .ui-paginator-first::before, .ui-paginator .ui-paginator-prev::before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ui-paginator .ui-paginator-next::before { content: "\f04e"; }
.ui-paginator .ui-paginator-last::before { content: "\f050"; }
.ui-paginator .ui-paginator-first::before { content: "\f049"; }
.ui-paginator .ui-paginator-prev::before { content: "\f04a"; }


.ui-panel { border-radius: 0; padding: 0; }
.ui-widget-header { background: initial; }
.control-group { clear: both; margin-bottom: 10px; }
.ui-tabs-panels .control-group { border-top: 1px dashed #ccc; padding-top: .5em; }
.control-group label { color: #000; font-family: inherit; font-size: 1rem; font-weight: bold; margin-right: 1em; }
.controls.controls-row { min-height: 1em; }
.ui-selectonelistbox, .ui-selectmanymenu, .ui-multiselectlistbox-listcontainer { border: none !important; width: auto; padding: 0; }
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield { border-radius: 0; }
.p-list-filter .ui-panel-titlebar .ui-panel-title { display: none; }
.p-list-filter .ui-panel-titlebar .ui-panel-titlebar-icon { display: block; width: 100%; background: none !important; box-shadow: none; border: none; }
.p-list-filter .ui-panel-titlebar .ui-panel-titlebar-icon::after { content: ' Filter'; }
.p-list-filter .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon { display: inline; background: none !important; box-shadow: none; border: none; }
.p-list-filter .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon::before { display: inline; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 20px; }
.p-list-filter .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick::before { content: '\f0d7'; }
.p-list-filter .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick::before { content: '\f0da'; }
.ui-panelgrid .ui-panelgrid-cell { border-color: #ddd; }
.ui-datalist-content ul.ui-datalist-data { padding: 0; }
.ui-widget { font-size: .8rem; /*font-size: 1rem;*/ }
.ui-widget select, .ui-widget textarea { background: #fff; color: #333; border: 1px solid #ccc; padding: 4px; min-width: 250px; }
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield { min-width: 250px; }
.jqplot-target { margin-left: auto; margin-right: auto; }
.ui-datatable-data td { text-align: left; /* vertical-align: top; */ }
.ui-widget-content a { color: #333333; }
.ui-widget-content a:hover { color: #98a902; }

.control-group-comment .control-label + .controls-row { margin-left: 266px; }

@media (min-width: 567px) {
  .control-group label { float: left; width: 10%; min-width: 250px; }
  .control-group .ui-selectoneradio label { float: none; width: initial; min-width: initial; }
}


.hidden { display: none !important; }
.h-260 { height: 260px !important; }
.h-360 { height: 360px !important; }
.h-420 { height: 420px !important; }
.ui-widget-content { border: none; }
.ui-tabs .ui-tabs-panel { padding: 0; }
.ui-tabs.ui-tabs-top { border: 1px solid #ddd; border-top: none; padding: 0; margin-bottom: 15px; }
.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header { background: #fff; margin-left: -1px; margin-right: -1px; }
.bg-brightgreen .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header { background: #eaeecc; }
.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li, .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li a { border-radius: 0; }
table.jqplot-table-legend, table.jqplot-cursor-legend, div.jqplot-table-legend-swatch-outline { border: none; }
.jqplot-target { font-family: Arial, sans-serif; font-size: 14px; }
div.jqplot-table-legend-swatch { border-width: 6px; margin-right: 3px; }
.ui-tabs-panels .container-mesage .control-group { border-top: none; }
.container-message .ui-inputfield { width: 100%; }
.ui-widget-overlay.ui-dialog-mask { z-index: 1060; }
table.stats tr:hover { background-color: #e6e6e6; }

.activearea-working { position: relative; }

.activearea-working::before {
  content: '';
  background: rgba(0,0,0, .66);
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}

.activearea-working .show-working {
  position: relative;
  z-index: 1001;
  background: #fff;
  margin: 0 1em;
  padding: 2em 1em;
  box-shadow: 0px 0px 9px rgba(255,255,255, .42);
}


@media (min-width: 576px) {
  .container-message .ui-inputfield { max-width: 50%; min-width: 250px !important; }
}

.ui-datatable-resizable.datatable table { table-layout: auto; }

.match {
  font-size: 12px;
  opacity: .5;
  filter: grayscale(50%);
  position: absolute;
  top: 5px;
  left: 5px;
  transition: all .2s ease-in-out;
}

/*
.match.color-red { color: #333 !important; }
*/

tr.ui-widget-content:hover > td > .match, tr.ui-widget-content:hover > td > div > .match { opacity: 1;   filter: grayscale(0%); }
tr.ui-widget-content:hover > td > .match.color-red, tr.ui-widget-content:hover > td > div > .match.color-red { color: #cc0011 !important; }


.modal-link {
  display: inline-block !important;
  text-align: left;
  font-size: inherit;
}

.modal-link::before {
  content: "\f0d7";
  width: 20px;
  display: inline-block;
  font: normal normal normal 1em/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.modal-link.collapsed::before {
  content: "\f0da";
}





.control-group-comment {
  background-color: #eaeecc;
  padding: 10px;
  margin-top: 30px;
  margin-left: -10px;
  margin-right: -10px;
}

.control-group-comment label {
  margin-bottom: 0;
}





/* VERMITTLUNG list of users */

/* betriebe */
.betrieb.vermittlung tr.ui-widget-content > td.userstatus-3,
.betrieb.vermittlung tr.ui-widget-content > td.userstatus-6 {
  color: #999 !important;
  font-style: italic;
}

.betrieb.vermittlung tr.ui-widget-content:hover > td.userstatus-3 > .match, .betrieb.vermittlung tr.ui-widget-content:hover > td.userstatus-3 > div > .match,
.betrieb.vermittlung tr.ui-widget-content:hover > td.userstatus-6 > .match, .betrieb.vermittlung tr.ui-widget-content:hover > td.userstatus-6 > div > .match {
  opacity: .5;
}



/* arbeitskräfte */
.arbeitskraft.vermittlung tr.ui-widget-content > td.userstatus-1,
.arbeitskraft.vermittlung tr.ui-widget-content > td.userstatus-2,
.arbeitskraft.vermittlung tr.ui-widget-content > td.userstatus-3,
.arbeitskraft.vermittlung tr.ui-widget-content > td.userstatus-4 {
  color: #999 !important;
  font-style: italic;
}

.arbeitskraft.vermittlung tr.ui-widget-content:hover > td.userstatus-1 > .match, .arbeitskraft.vermittlung tr.ui-widget-content:hover > td.userstatus-1 > div > .match,
.arbeitskraft.vermittlung tr.ui-widget-content:hover > td.userstatus-2 > .match, .arbeitskraft.vermittlung tr.ui-widget-content:hover > td.userstatus-2 > div > .match,
.arbeitskraft.vermittlung tr.ui-widget-content:hover > td.userstatus-3 > .match, .arbeitskraft.vermittlung tr.ui-widget-content:hover > td.userstatus-3 > div > .match,
.arbeitskraft.vermittlung tr.ui-widget-content:hover > td.userstatus-4 > .match, .arbeitskraft.vermittlung tr.ui-widget-content:hover > td.userstatus-4 > div > .match {
  opacity: .5;
}





.text-right .jqplot-target { margin-right: 0; }



.font-mask { font-size: .5em; }
.font-layer-mask {  }
.font-layer-mask::before {
  color: #fff;
  font-size: .5em;
  position: relative;
  top: -.8em;
}