@font-face {
  font-family: 'no_name_37';
  src: url('../../fonts/no_name_37.eot');
  src: url('../../fonts/no_name_37.woff2') format('woff2'), url('../../fonts/no_name_37.eot?#iefix') format('embedded-opentype'), url('../../fonts/no_name_37.woff') format('woff'), url('../../fonts/no_name_37.ttf') format('truetype'), url('../../fonts/no_name_37.svg#no_name_37') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: no_name_37;
}
body .bg-red {
  background-color: #ffac92;
}
body .bg-green {
  background-color: #E6EE9C;
}
body div.jerry-loader {
  width: 100vw;
  height: 100vh;
  background: #FFFFFF;
  display: block;
  z-index: 999999;
  position: fixed;
}
body div.jerry-loader .img-logo {
  background-image: url(/public/img/loader.png);
  width: 171px;
  height: 121px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: calc(50% - 85px);
  top: calc(50% - 60px);
}
body div.jerry-loader .circle-loader,
body div.jerry-loader .circle-loader:after {
  border-radius: 50%;
  width: 16em;
  height: 16em;
}
body div.jerry-loader .circle-loader {
  position: absolute;
  border-top: 1.1em solid #ffffff;
  border-right: 1.1em solid #f2af58;
  border-bottom: 1.1em solid #4cd876;
  border-left: 1.1em solid #2e9dff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: circle-loader 1.1s infinite linear;
  animation: circle-loader 1.2s infinite linear;
  left: calc(50% - 7.8em);
  top: calc(50% - 8.6em);
}
body .loading,
body .loading:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}
body .loading {
  margin: 0 auto;
  border-top: 0.8em solid #ffffff;
  border-right: 0.8em solid #f2af58;
  border-bottom: 0.8em solid #4cd876;
  border-left: 0.8em solid #2e9dff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: circle-loader 1.1s infinite linear;
  animation: circle-loader 1.2s infinite linear;
}
@-webkit-keyframes circle-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes circle-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body .min-w-200 {
  min-width: 200px;
}
body .min-w-350 {
  min-width: 350px;
}
body .login-page {
  background: #f3f3f3;
  width: 700px;
  height: 410px;
  position: absolute;
  top: calc(50% - 240px);
  left: calc(50% - 350px);
  box-shadow: 0 0 0px 1px #b3b3b3;
}
body .login-page input {
  text-align: center;
}
body .login-page input,
body .login-page button {
  margin-top: 2vh;
  margin-bottom: 2vh;
}
body .login-page .logo {
  width: 100%;
  height: 10vh;
  margin-top: 4vh;
  margin-bottom: 2vh;
  object-fit: contain;
}
body h4.title-group {
  background: #1c42ad;
  padding: 5px;
  color: #ffffff;
}
body .user-desktop .box-modules {
  background: #f3f3f3;
  padding: 5px 20px;
  box-shadow: 0 0 0 1px #d3d3d3;
  margin-bottom: 10px;
}
body .top-bar {
  background-color: #1c42ad;
  color: #ffffff;
  height: 50px;
}
body .top-bar .logo {
  position: absolute;
  left: 15px;
  top: 5px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: 185px;
}
body .top-bar .menu-button {
  text-align: center;
  display: inline-block;
}
body .top-bar .menu-button #sidebar-right-menu {
  width: 50px;
  height: 40px;
  border: 2px solid #fff;
  position: relative;
  cursor: pointer;
  margin: 5px 0;
  border-radius: 0.25rem;
  background: #1c42ad;
}
body .top-bar .menu-button #sidebar-right-menu:hover {
  background: #2658e6;
}
body .top-bar .menu-button #sidebar-right-menu span {
  top: 17px;
  left: 9px;
}
body .top-bar .menu-button #sidebar-right-menu span::before {
  content: "";
  bottom: 6px;
  left: 0px;
}
body .top-bar .menu-button #sidebar-right-menu span::after {
  content: "";
  top: 8px;
  left: 0px;
}
body .top-bar .menu-button #sidebar-right-menu span,
body .top-bar .menu-button #sidebar-right-menu span::before,
body .top-bar .menu-button #sidebar-right-menu span::after {
  border-bottom: 2px solid #fff;
  width: 29px;
  display: block;
  position: absolute;
}
body .sidebar-right-menu {
  background: #1c42ad;
  position: fixed;
  right: -250px;
  top: 50px;
  height: calc(100% - 50px);
  width: 250px;
  transition: right linear 250ms;
  z-index: 999999;
}
body .sidebar-right-menu.active {
  right: 0;
}
body .sidebar-right-menu ul {
  list-style: none;
  padding: 0;
  text-align: center;
}
body .sidebar-right-menu ul li a {
  color: #ffffff;
  padding: 5px;
  display: block;
  border-top: 1px solid #2658e6;
}
body .sidebar-right-menu ul li a:hover {
  background-color: #2658e6;
}
body .sidebar-right-menu ul li:last-of-type a {
  border-bottom: 1px solid #2658e6;
}
body .font-13 {
  font-size: 13px !important;
}
body .icon-info {
  width: 15px;
  height: 15px;
  box-shadow: 0 0 0 1px #183586;
  border-radius: 50%;
  position: relative;
  color: white;
  background: #234ec7;
  cursor: help;
}
body .icon-info::after {
  content: "i";
  position: absolute;
  left: 6px;
  top: 0px;
  font-size: 11px;
  font-weight: bold;
}
body .icon-info .message {
  position: absolute;
  z-index: 999;
  white-space: normal;
  text-align: left;
  font-size: 10px;
  background: #f3f3f3;
  color: #495057;
  box-shadow: 0 0 0 1px #b3b3b3;
  width: 22vw;
  right: 10px;
  top: 6px;
  padding: 6px 8px;
  border-radius: 0.25rem;
  visibility: hidden;
  opacity: 0;
  transition: visibility 200ms, opacity 200ms linear;
}
body .icon-info:hover .message {
  visibility: visible;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  body div.jerry-loader .img-logo {
    width: 120px;
    height: 85px;
    left: calc(50% - 60px) !important;
    top: calc(50% - 42px) !important;
  }
  body div.jerry-loader .circle-loader {
    left: calc(50% - 5.8em) !important;
    top: calc(50% - 6.3em) !important;
  }
  body div.jerry-loader .circle-loader,
  body div.jerry-loader .circle-loader:after {
    width: 12em;
    height: 12em;
  }
}
/*# sourceMappingURL=style.css.map */