.particles {
    position: relative;
    grid-area: 1 / 1 / 2 / 2;
}

.particles-canvas {
    position: absolute;
    pointer-events: none;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
}

.particles-wrapper {
    position: relative;
    /*display: inline-block;*/
    overflow: hidden;
    will-change: transform;
}

.particles-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    will-change: transform;
}

.particles-button:focus {
    outline: none;
}

.no-js .particles-button {
    grid-area: 1 / 1 / 2 / 2;
}
/* General */
.clickable-item {
  cursor: pointer;
}
.text-bold {
  font-weight: bold;
}
/* Portlet */
.portlet.light > .portlet-title .inputs.inputs-full-width {
  display: block;
  float: none;
}
/* Tree */
.tree-item-icon-color {
  color: #dfba49;
}
.page-sidebar .page-sidebar-menu > li > a > i.fa,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i.fa {
  margin-left: 1px;
  margin-right: 4px;
  top: 3px;
}
/* Forms */
.form-group.form-md-line-input.no-hint {
  margin-bottom: 15px;
}
.form-group.form-md-line-input.has-error .form-control {
  border-bottom-color: red;
}
.form-group.form-md-line-input.has-error .help-block-info {
  display: none;
}
/* DateRangePicker */
.daterangepicker_input .input-mini {
  width: 120px !important;
}
/* Portlets */
.portlet.light > .portlet-title.portlet-title-filter {
  border: none;
  margin-bottom: 0;
}
/* Buttons */
button i {
  margin-right: 5px;
}
.btn + .btn,
.btn-group + .btn,
.btn + .btn-group,
.btn-wrapper + .btn,
.btn + .btn-wrapper {
  margin-left: 5px;
}
button:disabled,
a:disabled {
  pointer-events: none;
}
/* FamFamFam Flags */
.famfamfam-flags {
  display: inline-block;
}
/* Social Login Icons */
.external-logins form a i.fa-openidconnect {
  background: url(/dist/img/openid.png) no-repeat;
  width: 16px;
  height: 16px;
}
.external-logins a i.fa-wsfederation {
  background: url(/dist/img/adfs.png) no-repeat;
  width: 16px;
  height: 16px;
}
.margin-bottom-0 {
  margin-bottom: 0 !important;
}
/* Make user menu wider */
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
  width: 250px;
}
/* Fix for issue #407 */
br {
  font-family: Verdana;
}
span.phone-number-verified {
  border-bottom: #36c6d3 2px solid !important;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
/* Sweet alert */
.swal-title {
  overflow-wrap: break-word;
}
.swal-footer {
  text-align: center;
}
@keyframes glowing {
  0% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.glowing {
  animation: glowing 2s infinite;
}
.toast-error {
  background-color: red !important;
}
.bootstrap-datetimepicker-widget {
  width: 275px !important;
}
.spinner:before {
  content: none !important;
}
button.jcrop-box.jcrop-drag {
  cursor: move;
}
::selection {
  background: #e1567c;
  color: #fff;
}
label.required:after {
  color: #d00;
  margin-left: 8px;
  top: 7px;
  font-size: 1rem;
  content: "*";
}
.iti {
  display: block;
}
.iti--allow-dropdown input.form-control[type="tel"] {
  padding-left: 52px !important;
}
.form-group .iti__selected-flag {
  height: calc(1.5em + 1.3rem + 2px);
}
.form-group:last-child {
  margin-bottom: 0;
}
.tab-content {
  margin: 1.5rem;
}
legend {
  margin-bottom: 0.8rem !important;
}

/* poppins-300 - devanagari_latin-ext_latin */
@font-face {
 font-family: 'Poppins';
 font-style: normal;
 font-weight: 300;
 src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.eot'); /* IE9 Compat Modes */
 src: local('Poppins Light'), local('Poppins-Light'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.eot') format('embedded-opentype'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.woff2') format('woff2'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.woff') format('woff'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.ttf') format('truetype'), 
 url('./Poppins/poppins-v5-devanagari_latin-ext_latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-regular - devanagari_latin-ext_latin */
@font-face {
 font-family: 'Poppins';
 font-style: normal;
 font-weight: 400;
 src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
 src: local('Poppins Regular'), local('Poppins-Regular'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.eot') format('embedded-opentype'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.woff2') format('woff2'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.woff') format('woff'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.ttf') format('truetype'), 
 url('./Poppins/poppins-v5-devanagari_latin-ext_latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500 - devanagari_latin-ext_latin */
@font-face {
 font-family: 'Poppins';
 font-style: normal;
 font-weight: 500;
 src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.eot'); /* IE9 Compat Modes */
 src: local('Poppins Medium'), local('Poppins-Medium'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.eot') format('embedded-opentype'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.woff2') format('woff2'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.woff') format('woff'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.ttf') format('truetype'), 
 url('./Poppins/poppins-v5-devanagari_latin-ext_latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600 - devanagari_latin-ext_latin */
@font-face {
 font-family: 'Poppins';
 font-style: normal;
 font-weight: 600;
 src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.eot'); /* IE9 Compat Modes */
 src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.eot') format('embedded-opentype'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.woff2') format('woff2'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.woff') format('woff'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.ttf') format('truetype'), 
 url('./Poppins/poppins-v5-devanagari_latin-ext_latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700 - devanagari_latin-ext_latin */
@font-face {
 font-family: 'Poppins';
 font-style: normal;
 font-weight: 700;
 src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.eot'); /* IE9 Compat Modes */
 src: local('Poppins Bold'), local('Poppins-Bold'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.eot') format('embedded-opentype'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.woff2') format('woff2'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.woff') format('woff'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.ttf') format('truetype'), 
 url('./Poppins/poppins-v5-devanagari_latin-ext_latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* roboto-300 - vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic */
@font-face {
 font-family: 'Roboto';
 font-style: normal;
 font-weight: 300;
 src: url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.eot'); /* IE9 Compat Modes */
 src: local('Roboto Light'), local('Roboto-Light'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.eot') format('embedded-opentype'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.woff2') format('woff2'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.woff') format('woff'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.ttf') format('truetype'), 
 url('./Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic */
@font-face {
 font-family: 'Roboto';
 font-style: normal;
 font-weight: 400;
 src: url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
 src: local('Roboto'), local('Roboto-Regular'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.eot') format('embedded-opentype'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.woff2') format('woff2'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.woff') format('woff'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.ttf') format('truetype'), 
 url('./Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic */
@font-face {
 font-family: 'Roboto';
 font-style: normal;
 font-weight: 500;
 src: url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.eot'); /* IE9 Compat Modes */
 src: local('Roboto Medium'), local('Roboto-Medium'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.eot') format('embedded-opentype'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.woff2') format('woff2'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.woff') format('woff'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.ttf') format('truetype'), 
 url('./Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic */
@font-face {
 font-family: 'Roboto';
 font-style: normal;
 font-weight: 700;
 src: url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
 src: local('Roboto Bold'), local('Roboto-Bold'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.eot') format('embedded-opentype'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.woff2') format('woff2'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.woff') format('woff'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.ttf') format('truetype'), 
 url('./Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

.pwstrength-div {
  position: relative;
}
.pwstrength-div .progress {
  height: 8px;
  width: 64px;
  text-align: right;
  position: absolute;
  right: -28px;
  top: 28.5px;
  transform: rotate(-90deg);
  border-radius: 0 0 1.25rem 1.25rem;
}
.pwstrength-div .password-verdict {
  height: 10px;
  width: 100px;
  text-align: right;
  position: absolute;
  right: 24px;
  top: 25px;
  font-size: 12px;
  opacity: 0.6;
}

.box {
  font-size: 1.25rem;
  /* 20 */
  background-color: #c8dadf;
  position: relative;
  padding: 30px 20px;
}
.box.has-advanced-upload {
  outline: 2px dashed #92b0b3;
  outline-offset: -10px;
  -webkit-transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
  transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
  text-align: center;
}
.box.is-dragover {
  outline-offset: -20px;
  outline-color: #c8dadf;
  background-color: #ffe2e5;
}
.box__dragndrop,
.box__icon {
  display: none;
}
.box.has-advanced-upload .box__dragndrop {
  display: inline;
}
.box.has-advanced-upload .box__icon {
  width: 100%;
  height: 80px;
  fill: #92b0b3;
  display: block;
  margin-bottom: 30px;
}
.box.is-uploading .box__input,
.box.is-success .box__input,
.box.is-error .box__input {
  visibility: hidden;
}
.box__uploading,
.box__success,
.box__error {
  display: none;
}
.box.is-uploading .box__uploading,
.box.is-success .box__success,
.box.is-error .box__error {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.box__uploading {
  font-style: italic;
}
.box__success {
  -webkit-animation: appear-from-inside 0.25s ease-in-out;
  animation: appear-from-inside 0.25s ease-in-out;
}
@-webkit-keyframes appear-from-inside {
  from {
    -webkit-transform: translateY(-50%) scale(0);
  }
  75% {
    -webkit-transform: translateY(-50%) scale(1.1);
  }
  to {
    -webkit-transform: translateY(-50%) scale(1);
  }
}
@keyframes appear-from-inside {
  from {
    transform: translateY(-50%) scale(0);
  }
  75% {
    transform: translateY(-50%) scale(1.1);
  }
  to {
    transform: translateY(-50%) scale(1);
  }
}
.box__restart {
  font-weight: 700;
}
.box__restart:focus,
.box__restart:hover {
  color: #39bfd3;
}
.box__file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.box__file + label {
  max-width: 80%;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
}
.box__file + label:hover strong,
.box__file:focus + label strong,
.box__file.has-focus + label strong {
  color: #39bfd3;
}
.box__file:focus + label,
.box__file.has-focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}
.box__file + label * {
  /* pointer-events: none; */
  /* in case of FastClick lib use */
}
.box__button {
  font-weight: 700;
  color: #e5edf1;
  background-color: #39bfd3;
  display: none;
  padding: 8px 16px;
  margin: 40px auto 0;
}
.box__button:hover,
.box__button:focus {
  background-color: #0f3c4b;
}