.error {
  color: #a94442
}

;
.validationFormControl {
  color: #a94442;
}

.cursor-pointer {
  cursor: pointer;
}

.hidden {
  display: none;
}

.has-error span.has-error-text {
  color: #f4516c;
  display: inline-block;
}

.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */

.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

/* :not(:required) hides these rules from IE9 and below */

.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.customList.pmd-list .list-group-item {
  width: 33.33%;
}

/* Roboto Condensed */

@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAgM9UvI.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLCwM9UvI.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAwM9UvI.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDAM9UvI.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAAM9UvI.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAQM9UvI.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCkYb8td.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCAYb8td.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCgYb8td.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCcYb8td.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCsYb8td.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCoYb8td.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYbw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb8td.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb8td.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb8td.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Roboto Fonts */

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xGIzIFKw.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;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xIIzI.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;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ----------------------------
	Typography
---------------------------- */

body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #455056;
  background-color: #F2F4F8;
}

/* Font Size */

.pmd-display-4 {
  font-size: 46px;
  line-height: 1.4;
}

.pmd-display-3 {
  font-size: 28px;
}

.pmd-display-2 {
  font-size: 24px;
}

.pmd-display-1 {
  font-size: 20px;
}

/* Custom Font Family */

.ff-roboto {
  font-family: 'Roboto', sans-serif !important;
}

.ff-roboto-condensed {
  font-family: 'Roboto Condensed', sans-serif !important;
}

.fw-light {
  font-weight: 300;
}

.fw-regular {
  font-weight: 400;
}

.fw-medium {
  font-weight: 500;
}

.fw-bold {
  font-weight: 700;
}

/* Color & Weight style */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #171f23;
  font-family: 'Roboto Condensed', sans-serif;
  margin-bottom: 20px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #171f23;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
  color: #00aa4a;
}

h1.inverse, h2.inverse, h3.inverse, h4.inverse, h5.inverse, h6.inverse {
  color: #fff;
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {
  font-weight: 700;
}

/* Font size and color according to Google Material */

h1, .h1 {
  font-size: 36px;
  font-weight: 300;
}

h2, .h2 {
  font-size: 28px;
  font-weight: 700;
}

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

h4, .h4 {
  font-size: 22px;
  font-weight: 700;
}

h5, .h5 {
  font-size: 18px;
  font-weight: 700;
}

h6, .h6 {
  font-size: 16px;
  font-weight: 400;
}

/* Other Element Style */

em {
  font-style: italic;
  font-family: 'Roboto', sans-serif;
}

.lead {
  font-size: 22px;
  margin-bottom: 48px;
}

.lead.inverse {
  color: #ffffff;
}

strong, b {
  font-weight: 500;
  color: #262f3d;
}

label {
  font-weight: 400;
}

p {
  margin-bottom: 24px;
}

a {
  transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  -webkit-transition: all ease-in-out 0.3s;
  color: #3075ba;
  text-decoration: none;
  outline: none;
}

a:hover, a:focus, a:active {
  color: #171f23;
}

.list-group-item-text {
  color: #455056;
}

@media screen and (max-width: 1280px) {
  h2 {
    font-size: 32px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 45px;
  }
  .lead {
    margin-bottom: 36px;
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .lead {
    font-size: 20px;
    margin-bottom: 24px;
  }
  h1 .h1 {
    font-size: 28px;
  }
  h2, .h2 {
    font-size: 26px;
    line-height: 1.3;
  }
  h3, .h3 {
    font-size: 22px;
    line-height: 1.3
  }
  h4, .h5 {
    font-size: 20px;
    line-height: 1.3
  }
  a {
    word-break: break-word;
    white-space: normal;
  }
  h1 br, h2 br, h3 br, h4 br {
    display: none;
  }
}

/* Modal Custom */

.modal label.field-group-label {
  font-size: 14px;
  text-transform: uppercase;
  color: #171F23;
  border-bottom: 1px solid rgba(23, 31, 35, 0.12);
  display: block;
  font-weight: 500;
}

.modal-backdrop {
  background-color: #141a1e;
}

/* Form Custom */

.pmd-textfield-focused {
  background-color: #3075ba;
}

.form-group {
  margin-bottom: 24px;
}

.navbar-header {
  width: 100%;
  position: relative;
  position: fixed;
  top: 0;
  z-index: 99999;
}

.pmd-navbar.navbar {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}

.user-info {
  padding: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}

.user-info .pmd-list-title {
  margin-bottom: 4px;
  color: #fff;
  margin-top: 8px;
}

.user-info .pmd-list-subtitle {
  margin-bottom: 4px;
  color: rgba(255, 255, 255, 0.64)
}

.user-info .user-avatar {
  height: 64px;
  width: 64px;
  border-radius: 50%;
  padding: 2px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.navbar-brand>img {
  height: 32px;
  padding-bottom: 8px;
}

.hidden-xs {
  display: none;
}

.pmd-navbar .navbar-brand {
  padding-top: 12px;
  padding-bottom: 12px;
}

@media screen and (max-width:767px) {
  .navbar-brand>img {
    height: 36px;
  }
  .pmd-navbar .navbar-brand {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .hidden-xs {
    display: block;
  }
}

.customlink a {
  color: #4285f4
}

.customlink a:hover {
  text-decoration: none;
  color: #4285f4
}

.pmd-sidebar {
  background-color: #3075BA !important;
}

.pmd-sidebar ul li a {
  padding: 12px 24px;
  font-size: 15px;
  font-weight: 500;
  display: block;
  color: rgba(255, 255, 255, 0.74);
  text-transform: capitalize;
}

.pmd-sidebar ul li a:hover, .sidebar ul li a.active {
  color: #ffffff;
  background-color: rgba(23, 31, 35, 0.2);
}

.pmd-sidebar ul li a img {
  height: 30px;
  width: 30px;
  opacity: 0.74;
  margin-top: -2px;
  margin-right: 12px;
}

.pmd-sidebar ul li a:hover img, .pmd-sidebar ul li a.active img {
  opacity: 1;
}

.datatableCustom {
  overflow: auto;
}

.dataTables_wrapper .dataTables_processing {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 200px !important;
  margin-left: -100px !important;
  margin-top: -26px !important;
  text-align: center !important;
  padding: 1em 0 !important;
}

.delete-button {
  position: absolute;
  top: 0;
  right: -10px;
  margin-top: -20px;
}

.wrapper-single-asset.border-dark {
  border-color: rgba(52, 58, 64, 0.3)!important;
}

/* /*  */

.dataTable.table thead th {
  border-bottom: 0 !important;
  color: #595d6e !important;
}

table.dataTable.no-footer {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

table.dataTable td {
  padding: 5px 10px !important;
  vertical-align: middle;
  color: #595d6e !important;
}

/* .even td{background-color: #f4f3f8;}
.odd:hover td{ background-color: #f4f3f8;  } */

div.dataTables_wrapper div.dataTables_filter label {
  margin-bottom: 0;
}

.card-header {
  border-bottom: 0 !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  border-bottom: 0 !important;
}

.dataTables_length {
  display: none !important;
}

.dataTables_info {
  float: left !important;
}

.dataTables_paginate {
  float: right !important;
}

.dataTables_wrapper .row {
  margin-right: 0;
  margin-left: 0;
}

.dataTables_wrapper .datatableCustom {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 480px) {
  .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .datatableCustom {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .card-header:first-child {
    padding: 15px 15px !important;
  }
  .m-portlet--mobile {
    padding-top: 20px;
  }
}

.dataTable>thead>tr>th[class*="sort"]:after {
  content: "" !important;
}

.pmd-datatable-pagination.page-link.la-angle-left {
  font-size: 0.9rem !important;
}

.languageSwitcher {
  position: relative;
  width: 100%;
  margin-top: 22px;
  /* top: 50px;
    right: 50px; */
}

.selectOption {
  position: relative;
  width: 150px;
  float: right;
}

.selectOption:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}

.languageSwitcher select {
  background: #f7f6f9;
  border: 1px solid #f7f6f9;
  width: 150px;
  -webkit-appearance: none;
  border-radius: 50px;
}

.languageInner li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
}

.languageInner li .languageSwitcher {
  position: static;
}

.uploaderProductMultipleButton {
  float: right;
}

/* Media Quries */

@media (max-width: 480px) {
  .languageSwitcher {
    top: 20px;
    right: 20px;
  }
  .selectOption {
    width: 100px;
  }
  .languageSwitcher select {
    width: 100px
  }
}

@media(min-width: 1025px) {
  .dsNone {
    display: none !important;
  }
  .m-aside-left--enabled .LeftLinks .m-header-menu {
    padding-left: 0;
    text-align: right;
  }
  .m-aside-left--enabled .rightLinks .m-header-menu {
    padding-left: 0;
  }
  .languageSwitcher select {
    max-width: 100%;
  }
  .languageInner li:last-child {
    width: 52px;
  }
  .languageInner li:first-child {
    width: calc(100% - 62px);
  }
}

@media(max-width: 1024px) {
  .rightLinks {
    display: none !important
  }
}

.imgClassWithoutRotate {
  max-width: 120px;
  max-height: 60px;
  width: auto;
  height: auto;
  margin: 10px 0;
}

.imgClass {
  /*transform: rotate(270deg);*/
  max-width: 60px;
  max-height: 120px;
  width: auto;
  height: auto;
  margin: 10px 0;
}

.noImage {
  display: inline-block;
  width: 60px;
  text-align: center;
}

.forMessageBox .tab-content {
  width: 100%;
}

.forMessageBox .m-messenger__messages {
  width: 950px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
  height: 350px;
  max-height: 350px;
  overflow: auto;
}

.forMessageBox .m-messenger .m-messenger__form {
  display: block;
  width: 920px;
  margin: 0 auto;
  max-width: calc(100% - 30px);
  padding: 0 10px;
}

.forBlankCard {
  padding: 100px 20px;
}

@media(max-width: 767px) {
  .forBlankCard {
    padding: 80px 20px;
  }
  .forBlankCard h1 {
    font-size: 24px
  }
}

/* Custom Scrollbar Chrome */

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 20px;
}

::-webkit-scrollbar-thumb {
  background: #a994e8;
  border-radius: 20px;
}

/* Update css 18-09-2019 */

@media (min-width: 1650px) {
  .forMac .col-xl-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .forMac .col-xl-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 991px) {
  .forIpad .kt-widget14 {
    width: 50%;
    display: inline-block !important;
    margin-right: -4px;
    vertical-align: top;
  }
  .kt-portlet.forIpad.kt-portlet--height-fluid {
    display: block;
  }
}

@media (max-width: 767px) {
  .forIpad .kt-widget14 {
    display: block;
    width: 100%;
  }
  .forMobileFull .kt-widget17__items {
    display: block !important;
  }
  .forMobileFull .kt-widget17__items .kt-widget17__item {
    display: inline-block;
    width: 48%;
    margin-right: 0 !important;
    text-align: center;
    padding: 15px !important;
  }
  .no-padding {
    padding: 0 !important;
  }
  .no-padding .col-xl-8, .no-padding .col-lg-4, .no-padding .col-lg-8, .no-padding .col-lg-6 {
    padding: 0;
  }
}

.kt-portlet__foot {
  display: block;
  width: 100%;
  border-top: 0 !important;
}

table.dataTable.select tbody tr, table.dataTable thead th:first-child {
  cursor: pointer;
}

.commonMetalDetail, .permission_wrapper {
  border: 1px solid #591df1;
  padding: 10px;
  border-radius: 10px;
}

.Metal-detail, .permission_title {
  font-family: Poppins;
  text-transform: capitalize;
  font-weight: 600;
  padding-bottom: 15px;
  letter-spacing: 0.05em;
  color: #464457;
}

/* Custom CSS */

.kt-widget6__body+.kt-widget6__head {
  margin-top: 30px;
}

.dashboardImg {
  object-fit: contain;
  height: 50px;
  width: 60px;
}

.kt-badge.kt-badge--normal {
  color: #ffffff;
  background: midnightblue;
}
.kt-chat__editor{border: 1px solid blueviolet;border-radius: 3px;}
.kt-chat .kt-chat__input .kt-chat__editor textarea{
  color : black !important;
}
.white-color{color:#fff !important;}
.review-obj{
  padding:10px;border-bottom:1px solid #efefef;
}
.w-auto{width: auto;}
.hide{display: none;}

.navi {
  padding: 0;
  margin: 0;
  display: block;
  list-style: none; }
  .navi .navi-item {
    padding: 0;
    display: block;
    list-style: none; }
    .navi .navi-item .navi-link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0.75rem 1.5rem; }
      .navi .navi-item .navi-link .navi-icon {
        line-height: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0; }
        .navi .navi-item .navi-link .navi-icon:before {
          line-height: 0; }
      .navi .navi-item .navi-link .navi-bullet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 0.75rem; }
      .navi .navi-item .navi-link .navi-text {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
      .navi .navi-item .navi-link .navi-label {
        line-height: 0;
        margin-left: 0.75rem; }
      .navi .navi-item .navi-link .navi-toolbar {
        margin-left: 0.75rem; }
      .navi .navi-item .navi-link .navi-arrow {
        line-height: 0;
        margin-left: 0.75rem;
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease;
        color: #80808F; }
        .navi .navi-item .navi-link .navi-arrow:before {
          line-height: 0;
          font-family: Ki;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          line-height: 1;
          text-decoration: inherit;
          text-rendering: optimizeLegibility;
          text-transform: none;
          -moz-osx-font-smoothing: grayscale;
          -webkit-font-smoothing: antialiased;
          font-smoothing: antialiased;
          content: "";
          font-size: 0.6rem; }
        .navi .navi-item .navi-link .navi-arrow.navi-arrow-down {
          -webkit-transform: rotateZ(-90deg)/*rtl:ignore*/;
          transform: rotateZ(-90deg)/*rtl:ignore*/; }
          [direction="rtl"] .navi .navi-item .navi-link .navi-arrow.navi-arrow-down {
            -webkit-transform: rotateZ(90deg)/*rtl:ignore*/;
            transform: rotateZ(90deg)/*rtl:ignore*/; }
    .navi .navi-item:last-child {
      border-bottom: 0 !important; }
      .navi .navi-item:last-child .navi-link {
        border-bottom: 0 !important; }
  .navi .navi-separator {
    margin: 0;
    padding: 0;
    height: 0;
    display: block;
    border-bottom: 1px solid #ECF0F3; }
    .navi .navi-separator.navi-separator-dashed {
      border-bottom: 1px dashed #ECF0F3; }
  .navi .navi-header,
  .navi .navi-footer,
  .navi .navi-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .navi .navi-section {
    padding: 0.75rem 1.5rem; }
  .navi .navi-header {
    padding: 0.75rem 1.5rem; }
  .navi .navi-footer {
    padding: 0.75rem 1.5rem; }

.navi.navi-spacer-x-0 .navi-item .navi-link {
  padding-left: 0;
  padding-right: 0; }

.navi .navi-item .navi-link .navi-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2rem;
  flex: 0 0 2rem; }
  .navi .navi-item .navi-link .navi-icon i {
    font-size: 1.25rem; }
  .navi .navi-item .navi-link .navi-icon svg {
    height: 22px;
    width: 22px; }

.navi.navi-icon-lg .navi-item .navi-link .navi-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 3rem;
  flex: 0 0 3rem; }
  .navi.navi-icon-lg .navi-item .navi-link .navi-icon i {
    font-size: 1.5rem; }
  .navi.navi-icon-lg .navi-item .navi-link .navi-icon svg {
    height: 28px;
    width: 28px; }

.navi.navi-icon-xl .navi-item .navi-link .navi-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 4rem;
  flex: 0 0 4rem; }
  .navi.navi-icon-xl .navi-item .navi-link .navi-icon i {
    font-size: 1.75rem; }
  .navi.navi-icon-xl .navi-item .navi-link .navi-icon svg {
    height: 32px;
    width: 32px; }

.navi.navi-icon-center .navi-item .navi-link .navi-icon {
  text-align: center; }

.navi .navi-item .navi-link {
  font-size: 1rem; }
  .navi .navi-item .navi-link .navi-text {
    font-size: 1rem; }

.navi.navi-font-lg .navi-item .navi-link {
  font-size: 1.1rem; }
  .navi.navi-font-lg .navi-item .navi-link .navi-text {
    font-size: 1.1rem; }

.navi.navi-font-xl .navi-item .navi-link {
  font-size: 1.2rem; }
  .navi.navi-font-xl .navi-item .navi-link .navi-text {
    font-size: 1.2rem; }

.navi.navi-light .navi-item .navi-link .navi-text {
  font-weight: 300; }

.navi.navi-lighter .navi-item .navi-link .navi-text {
  font-weight: lighter; }

.navi.navi-bold .navi-item .navi-link .navi-text {
  font-weight: 500; }

.navi.navi-bolder .navi-item .navi-link .navi-text {
  font-weight: 600; }

.navi.navi-boldest .navi-item .navi-link .navi-text {
  font-weight: 700; }

.navi .navi-item .navi-link {
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  color: #464E5F; }
  .navi .navi-item .navi-link .navi-bullet .bullet {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease; }
  .navi .navi-item .navi-link .navi-text {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease; }
  .navi .navi-item .navi-link .navi-icon {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease; }
    .navi .navi-item .navi-link .navi-icon i {
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
    .navi .navi-item .navi-link .navi-icon .svg-icon svg g [fill] {
      -webkit-transition: fill 0.3s ease;
      transition: fill 0.3s ease; }
  .navi .navi-item .navi-link .navi-arrow {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease; }
  .navi .navi-item .navi-link .navi-bullet .bullet {
    background-color: #E5EAEE; }
  .navi .navi-item .navi-link .navi-text {
    color: #464E5F; }
  .navi .navi-item .navi-link .navi-icon i {
    color: #B5B5C3; }
  .navi .navi-item .navi-link .navi-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #B5B5C3; }
  .navi .navi-item .navi-link .navi-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }
  .navi .navi-item .navi-link .navi-arrow {
    color: #B5B5C3; }
  .navi .navi-item .navi-link.disabled {
    opacity: 0.6; }
  .navi .navi-item .navi-link:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    color: #8950FC; }
    .navi .navi-item .navi-link:hover .navi-bullet .bullet {
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
    .navi .navi-item .navi-link:hover .navi-text {
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
    .navi .navi-item .navi-link:hover .navi-icon {
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
      .navi .navi-item .navi-link:hover .navi-icon i {
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease; }
      .navi .navi-item .navi-link:hover .navi-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease; }
    .navi .navi-item .navi-link:hover .navi-arrow {
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
    .navi .navi-item .navi-link:hover .navi-bullet .bullet {
      background-color: #8950FC; }
    .navi .navi-item .navi-link:hover .navi-text {
      color: #8950FC; }
    .navi .navi-item .navi-link:hover .navi-icon i {
      color: #8950FC; }
    .navi .navi-item .navi-link:hover .navi-icon svg g [fill] {
      -webkit-transition: fill 0.3s ease;
      transition: fill 0.3s ease;
      fill: #8950FC; }
    .navi .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
      -webkit-transition: fill 0.3s ease;
      transition: fill 0.3s ease; }
    .navi .navi-item .navi-link:hover .navi-arrow {
      color: #8950FC; }
  .navi .navi-item .navi-link.active {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    color: #8950FC; }
    .navi .navi-item .navi-link.active .navi-bullet .bullet {
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
    .navi .navi-item .navi-link.active .navi-text {
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
    .navi .navi-item .navi-link.active .navi-icon {
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
      .navi .navi-item .navi-link.active .navi-icon i {
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease; }
      .navi .navi-item .navi-link.active .navi-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease; }
    .navi .navi-item .navi-link.active .navi-arrow {
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
    .navi .navi-item .navi-link.active .navi-bullet .bullet {
      background-color: #8950FC; }
    .navi .navi-item .navi-link.active .navi-text {
      color: #8950FC; }
    .navi .navi-item .navi-link.active .navi-icon i {
      color: #8950FC; }
    .navi .navi-item .navi-link.active .navi-icon svg g [fill] {
      -webkit-transition: fill 0.3s ease;
      transition: fill 0.3s ease;
      fill: #8950FC; }
    .navi .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
      -webkit-transition: fill 0.3s ease;
      transition: fill 0.3s ease; }
    .navi .navi-item .navi-link.active .navi-arrow {
      color: #8950FC; }

.navi.navi-light-icon .navi-item .navi-link {
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  color: #464E5F; }
  .navi.navi-light-icon .navi-item .navi-link .navi-bullet .bullet {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease; }
  .navi.navi-light-icon .navi-item .navi-link .navi-text {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease; }
  .navi.navi-light-icon .navi-item .navi-link .navi-icon {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease; }
    .navi.navi-light-icon .navi-item .navi-link .navi-icon i {
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
    .navi.navi-light-icon .navi-item .navi-link .navi-icon .svg-icon svg g [fill] {
      -webkit-transition: fill 0.3s ease;
      transition: fill 0.3s ease; }
  .navi.navi-light-icon .navi-item .navi-link .navi-arrow {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease; }
  .navi.navi-light-icon .navi-item .navi-link .navi-bullet .bullet {
    background-color: #E5EAEE; }
  .navi.navi-light-icon .navi-item .navi-link .navi-text {
    color: #464E5F; }
  .navi.navi-light-icon .navi-item .navi-link .navi-icon i {
    color: #D6D6E0; }
  .navi.navi-light-icon .navi-item .navi-link .navi-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #D6D6E0; }
  .navi.navi-light-icon .navi-item .navi-link .navi-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }
  .navi.navi-light-icon .navi-item .navi-link .navi-arrow {
    color: #B5B5C3; }
  .navi.navi-light-icon .navi-item .navi-link.disabled {
    opacity: 0.6; }
  .navi.navi-light-icon .navi-item .navi-link:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    color: #8950FC; }
    .navi.navi-light-icon .navi-item .navi-link:hover .navi-bullet .bullet {
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
    .navi.navi-light-icon .navi-item .navi-link:hover .navi-text {
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
    .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon {
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
      .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon i {
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease; }
      .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease; }
    .navi.navi-light-icon .navi-item .navi-link:hover .navi-arrow {
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
    .navi.navi-light-icon .navi-item .navi-link:hover .navi-bullet .bullet {
      background-color: #8950FC; }
    .navi.navi-light-icon .navi-item .navi-link:hover .navi-text {
      color: #8950FC; }
    .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon i {
      color: #8950FC; }
    .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon svg g [fill] {
      -webkit-transition: fill 0.3s ease;
      transition: fill 0.3s ease;
      fill: #8950FC; }
    .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
      -webkit-transition: fill 0.3s ease;
      transition: fill 0.3s ease; }
    .navi.navi-light-icon .navi-item .navi-link:hover .navi-arrow {
      color: #8950FC; }
  .navi.navi-light-icon .navi-item .navi-link.active {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    color: #8950FC; }
    .navi.navi-light-icon .navi-item .navi-link.active .navi-bullet .bullet {
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
    .navi.navi-light-icon .navi-item .navi-link.active .navi-text {
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
    .navi.navi-light-icon .navi-item .navi-link.active .navi-icon {
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
      .navi.navi-light-icon .navi-item .navi-link.active .navi-icon i {
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease; }
      .navi.navi-light-icon .navi-item .navi-link.active .navi-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease; }
    .navi.navi-light-icon .navi-item .navi-link.active .navi-arrow {
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
    .navi.navi-light-icon .navi-item .navi-link.active .navi-bullet .bullet {
      background-color: #8950FC; }
    .navi.navi-light-icon .navi-item .navi-link.active .navi-text {
      color: #8950FC; }
    .navi.navi-light-icon .navi-item .navi-link.active .navi-icon i {
      color: #8950FC; }
    .navi.navi-light-icon .navi-item .navi-link.active .navi-icon svg g [fill] {
      -webkit-transition: fill 0.3s ease;
      transition: fill 0.3s ease;
      fill: #8950FC; }
    .navi.navi-light-icon .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
      -webkit-transition: fill 0.3s ease;
      transition: fill 0.3s ease; }
    .navi.navi-light-icon .navi-item .navi-link.active .navi-arrow {
      color: #8950FC; }

.navi.navi-border .navi-item .navi-link {
  border-bottom: 1px solid #ECF0F3; }

.navi.navi-link-rounded .navi-item .navi-link {
  border-radius: 0.42rem; }

.navi.navi-link-rounded-lg .navi-item .navi-link {
  border-radius: 0.85rem; }

.navi.navi-hover .navi-item .navi-link:hover {
  background-color: #F3F6F9; }

.navi.navi-active .navi-item .navi-link.active {
  background-color: #F3F6F9; }

.navi.navi-accent .navi-item .navi-link {
  position: relative; }
  .navi.navi-accent .navi-item .navi-link:before {
    display: block;
    left: 0;
    top: 8px;
    bottom: 8px;
    position: absolute;
    width: 4px;
    background-color: transparent;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    border-radius: 2px;
    content: " "; }
  .navi.navi-accent .navi-item .navi-link.active:before {
    background-color: #8950FC;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease; }

.navi.navi-accent.navi-primary .navi-item .navi-link:hover {
  color: #8950FC; }
  .navi.navi-accent.navi-primary .navi-item .navi-link:hover .navi-text {
    color: #8950FC; }
  .navi.navi-accent.navi-primary .navi-item .navi-link:hover .navi-icon i {
    color: #8950FC; }
  .navi.navi-accent.navi-primary .navi-item .navi-link:hover .navi-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #8950FC; }
  .navi.navi-accent.navi-primary .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }
  .navi.navi-accent.navi-primary .navi-item .navi-link:hover .navi-arrow {
    color: #8950FC; }

.navi.navi-accent.navi-primary .navi-item .navi-link.active {
  color: #8950FC; }
  .navi.navi-accent.navi-primary .navi-item .navi-link.active .navi-text {
    color: #8950FC; }
  .navi.navi-accent.navi-primary .navi-item .navi-link.active .navi-icon i {
    color: #8950FC; }
  .navi.navi-accent.navi-primary .navi-item .navi-link.active .navi-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #8950FC; }
  .navi.navi-accent.navi-primary .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }
  .navi.navi-accent.navi-primary .navi-item .navi-link.active .navi-arrow {
    color: #8950FC; }
  .navi.navi-accent.navi-primary .navi-item .navi-link.active:before {
    background-color: #8950FC; }

.navi.navi-accent.navi-secondary .navi-item .navi-link:hover {
  color: #E5EAEE; }
  .navi.navi-accent.navi-secondary .navi-item .navi-link:hover .navi-text {
    color: #E5EAEE; }
  .navi.navi-accent.navi-secondary .navi-item .navi-link:hover .navi-icon i {
    color: #E5EAEE; }
  .navi.navi-accent.navi-secondary .navi-item .navi-link:hover .navi-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #E5EAEE; }
  .navi.navi-accent.navi-secondary .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }
  .navi.navi-accent.navi-secondary .navi-item .navi-link:hover .navi-arrow {
    color: #E5EAEE; }

.navi.navi-accent.navi-secondary .navi-item .navi-link.active {
  color: #E5EAEE; }
  .navi.navi-accent.navi-secondary .navi-item .navi-link.active .navi-text {
    color: #E5EAEE; }
  .navi.navi-accent.navi-secondary .navi-item .navi-link.active .navi-icon i {
    color: #E5EAEE; }
  .navi.navi-accent.navi-secondary .navi-item .navi-link.active .navi-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #E5EAEE; }
  .navi.navi-accent.navi-secondary .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }
  .navi.navi-accent.navi-secondary .navi-item .navi-link.active .navi-arrow {
    color: #E5EAEE; }
  .navi.navi-accent.navi-secondary .navi-item .navi-link.active:before {
    background-color: #E5EAEE; }

.navi.navi-accent.navi-success .navi-item .navi-link:hover {
  color: #1BC5BD; }
  .navi.navi-accent.navi-success .navi-item .navi-link:hover .navi-text {
    color: #1BC5BD; }
  .navi.navi-accent.navi-success .navi-item .navi-link:hover .navi-icon i {
    color: #1BC5BD; }
  .navi.navi-accent.navi-success .navi-item .navi-link:hover .navi-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1BC5BD; }
  .navi.navi-accent.navi-success .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }
  .navi.navi-accent.navi-success .navi-item .navi-link:hover .navi-arrow {
    color: #1BC5BD; }

.navi.navi-accent.navi-success .navi-item .navi-link.active {
  color: #1BC5BD; }
  .navi.navi-accent.navi-success .navi-item .navi-link.active .navi-text {
    color: #1BC5BD; }
  .navi.navi-accent.navi-success .navi-item .navi-link.active .navi-icon i {
    color: #1BC5BD; }
  .navi.navi-accent.navi-success .navi-item .navi-link.active .navi-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1BC5BD; }
  .navi.navi-accent.navi-success .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }
  .navi.navi-accent.navi-success .navi-item .navi-link.active .navi-arrow {
    color: #1BC5BD; }
  .navi.navi-accent.navi-success .navi-item .navi-link.active:before {
    background-color: #1BC5BD; }

.navi.navi-accent.navi-info .navi-item .navi-link:hover {
  color: #6993FF; }
  .navi.navi-accent.navi-info .navi-item .navi-link:hover .navi-text {
    color: #6993FF; }
  .navi.navi-accent.navi-info .navi-item .navi-link:hover .navi-icon i {
    color: #6993FF; }
  .navi.navi-accent.navi-info .navi-item .navi-link:hover .navi-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #6993FF; }
  .navi.navi-accent.navi-info .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }
  .navi.navi-accent.navi-info .navi-item .navi-link:hover .navi-arrow {
    color: #6993FF; }

.navi.navi-accent.navi-info .navi-item .navi-link.active {
  color: #6993FF; }
  .navi.navi-accent.navi-info .navi-item .navi-link.active .navi-text {
    color: #6993FF; }
  .navi.navi-accent.navi-info .navi-item .navi-link.active .navi-icon i {
    color: #6993FF; }
  .navi.navi-accent.navi-info .navi-item .navi-link.active .navi-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #6993FF; }
  .navi.navi-accent.navi-info .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }
  .navi.navi-accent.navi-info .navi-item .navi-link.active .navi-arrow {
    color: #6993FF; }
  .navi.navi-accent.navi-info .navi-item .navi-link.active:before {
    background-color: #6993FF; }

.navi.navi-accent.navi-warning .navi-item .navi-link:hover {
  color: #FFA800; }
  .navi.navi-accent.navi-warning .navi-item .navi-link:hover .navi-text {
    color: #FFA800; }
  .navi.navi-accent.navi-warning .navi-item .navi-link:hover .navi-icon i {
    color: #FFA800; }
  .navi.navi-accent.navi-warning .navi-item .navi-link:hover .navi-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #FFA800; }
  .navi.navi-accent.navi-warning .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }
  .navi.navi-accent.navi-warning .navi-item .navi-link:hover .navi-arrow {
    color: #FFA800; }

.navi.navi-accent.navi-warning .navi-item .navi-link.active {
  color: #FFA800; }
  .navi.navi-accent.navi-warning .navi-item .navi-link.active .navi-text {
    color: #FFA800; }
  .navi.navi-accent.navi-warning .navi-item .navi-link.active .navi-icon i {
    color: #FFA800; }
  .navi.navi-accent.navi-warning .navi-item .navi-link.active .navi-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #FFA800; }
  .navi.navi-accent.navi-warning .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }
  .navi.navi-accent.navi-warning .navi-item .navi-link.active .navi-arrow {
    color: #FFA800; }
  .navi.navi-accent.navi-warning .navi-item .navi-link.active:before {
    background-color: #FFA800; }

.navi.navi-accent.navi-danger .navi-item .navi-link:hover {
  color: #F64E60; }
  .navi.navi-accent.navi-danger .navi-item .navi-link:hover .navi-text {
    color: #F64E60; }
  .navi.navi-accent.navi-danger .navi-item .navi-link:hover .navi-icon i {
    color: #F64E60; }
  .navi.navi-accent.navi-danger .navi-item .navi-link:hover .navi-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F64E60; }
  .navi.navi-accent.navi-danger .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }
  .navi.navi-accent.navi-danger .navi-item .navi-link:hover .navi-arrow {
    color: #F64E60; }

.navi.navi-accent.navi-danger .navi-item .navi-link.active {
  color: #F64E60; }
  .navi.navi-accent.navi-danger .navi-item .navi-link.active .navi-text {
    color: #F64E60; }
  .navi.navi-accent.navi-danger .navi-item .navi-link.active .navi-icon i {
    color: #F64E60; }
  .navi.navi-accent.navi-danger .navi-item .navi-link.active .navi-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F64E60; }
  .navi.navi-accent.navi-danger .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }
  .navi.navi-accent.navi-danger .navi-item .navi-link.active .navi-arrow {
    color: #F64E60; }
  .navi.navi-accent.navi-danger .navi-item .navi-link.active:before {
    background-color: #F64E60; }

.navi.navi-accent.navi-light .navi-item .navi-link:hover {
  color: #F3F6F9; }
  .navi.navi-accent.navi-light .navi-item .navi-link:hover .navi-text {
    color: #F3F6F9; }
  .navi.navi-accent.navi-light .navi-item .navi-link:hover .navi-icon i {
    color: #F3F6F9; }
  .navi.navi-accent.navi-light .navi-item .navi-link:hover .navi-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F3F6F9; }
  .navi.navi-accent.navi-light .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }
  .navi.navi-accent.navi-light .navi-item .navi-link:hover .navi-arrow {
    color: #F3F6F9; }

.navi.navi-accent.navi-light .navi-item .navi-link.active {
  color: #F3F6F9; }
  .navi.navi-accent.navi-light .navi-item .navi-link.active .navi-text {
    color: #F3F6F9; }
  .navi.navi-accent.navi-light .navi-item .navi-link.active .navi-icon i {
    color: #F3F6F9; }
  .navi.navi-accent.navi-light .navi-item .navi-link.active .navi-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F3F6F9; }
  .navi.navi-accent.navi-light .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }
  .navi.navi-accent.navi-light .navi-item .navi-link.active .navi-arrow {
    color: #F3F6F9; }
  .navi.navi-accent.navi-light .navi-item .navi-link.active:before {
    background-color: #F3F6F9; }

.navi.navi-accent.navi-dark .navi-item .navi-link:hover {
  color: #212121; }
  .navi.navi-accent.navi-dark .navi-item .navi-link:hover .navi-text {
    color: #212121; }
  .navi.navi-accent.navi-dark .navi-item .navi-link:hover .navi-icon i {
    color: #212121; }
  .navi.navi-accent.navi-dark .navi-item .navi-link:hover .navi-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #212121; }
  .navi.navi-accent.navi-dark .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }
  .navi.navi-accent.navi-dark .navi-item .navi-link:hover .navi-arrow {
    color: #212121; }

.navi.navi-accent.navi-dark .navi-item .navi-link.active {
  color: #212121; }
  .navi.navi-accent.navi-dark .navi-item .navi-link.active .navi-text {
    color: #212121; }
  .navi.navi-accent.navi-dark .navi-item .navi-link.active .navi-icon i {
    color: #212121; }
  .navi.navi-accent.navi-dark .navi-item .navi-link.active .navi-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #212121; }
  .navi.navi-accent.navi-dark .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }
  .navi.navi-accent.navi-dark .navi-item .navi-link.active .navi-arrow {
    color: #212121; }
  .navi.navi-accent.navi-dark .navi-item .navi-link.active:before {
    background-color: #212121; }

.navi.navi-accent.navi-white .navi-item .navi-link:hover {
  color: #ffffff; }
  .navi.navi-accent.navi-white .navi-item .navi-link:hover .navi-text {
    color: #ffffff; }
  .navi.navi-accent.navi-white .navi-item .navi-link:hover .navi-icon i {
    color: #ffffff; }
  .navi.navi-accent.navi-white .navi-item .navi-link:hover .navi-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff; }
  .navi.navi-accent.navi-white .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }
  .navi.navi-accent.navi-white .navi-item .navi-link:hover .navi-arrow {
    color: #ffffff; }

.navi.navi-accent.navi-white .navi-item .navi-link.active {
  color: #ffffff; }
  .navi.navi-accent.navi-white .navi-item .navi-link.active .navi-text {
    color: #ffffff; }
  .navi.navi-accent.navi-white .navi-item .navi-link.active .navi-icon i {
    color: #ffffff; }
  .navi.navi-accent.navi-white .navi-item .navi-link.active .navi-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff; }
  .navi.navi-accent.navi-white .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }
  .navi.navi-accent.navi-white .navi-item .navi-link.active .navi-arrow {
    color: #ffffff; }
  .navi.navi-accent.navi-white .navi-item .navi-link.active:before {
    background-color: #ffffff; }

.navi.navi-accent.navi-dark-75 .navi-item .navi-link:hover {
  color: #464E5F; }
  .navi.navi-accent.navi-dark-75 .navi-item .navi-link:hover .navi-text {
    color: #464E5F; }
  .navi.navi-accent.navi-dark-75 .navi-item .navi-link:hover .navi-icon i {
    color: #464E5F; }
  .navi.navi-accent.navi-dark-75 .navi-item .navi-link:hover .navi-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #464E5F; }
  .navi.navi-accent.navi-dark-75 .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }
  .navi.navi-accent.navi-dark-75 .navi-item .navi-link:hover .navi-arrow {
    color: #464E5F; }

.navi.navi-accent.navi-dark-75 .navi-item .navi-link.active {
  color: #464E5F; }
  .navi.navi-accent.navi-dark-75 .navi-item .navi-link.active .navi-text {
    color: #464E5F; }
  .navi.navi-accent.navi-dark-75 .navi-item .navi-link.active .navi-icon i {
    color: #464E5F; }
  .navi.navi-accent.navi-dark-75 .navi-item .navi-link.active .navi-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #464E5F; }
  .navi.navi-accent.navi-dark-75 .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }
  .navi.navi-accent.navi-dark-75 .navi-item .navi-link.active .navi-arrow {
    color: #464E5F; }
  .navi.navi-accent.navi-dark-75 .navi-item .navi-link.active:before {
    background-color: #464E5F; }
.left-auto{left: auto !important;}
.import-btn input[type="file"]{
    z-index: 999;
    line-height: 0;
    font-size: 50px;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity = 0);-ms-filter: "alpha(opacity=0)";
    cursor: pointer;
    _cursor: hand;
    margin: 0;
    padding:0;
    left:0;
}

.import-btn{
    position:relative;
    overflow:hidden;
   margin:0;
    float:left;
}
.general.datepicker{
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  border:1px solid #e2e5ec;
}