/* Minification failed. Returning unminified contents.
(255,1): run-time error CSS1019: Unexpected token, found '}'
 */
/*$layout-min-width:1280;
$layout-min-width-icon-view:1530;
$layout-min-width-full-view:1670;
$sideNav-submenu-width: 210;
*/
@keyframes animate-menu-icons-collapsed {
  from {
    margin-left: 0px; }
  to {
    margin-left: 5px; } }
@keyframes animate-opacity-fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes animate-opacity-fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes animate-opacity-pulsate {
  0% {
    opacity: 0.05; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.05; } }
@keyframes animate-opacity-pulsate-2 {
  0% {
    opacity: 0.05; }
  25% {
    opacity: 1; }
  50% {
    opacity: 0.05; }
  75% {
    opacity: 0.05; }
  100% {
    opacity: 0.05; } }
@keyframes animate-opacity-pulsate-2-2 {
  0% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    opacity: 0; }
  75% {
    opacity: 0; }
  100% {
    opacity: 0; } }
.portlet-loader-progress {
    top:0;
    left:0;
  display: none;
  position: absolute;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 999;
  height: 100%; }
  .portlet-loader-progress.global {
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2000; }
    .portlet-loader-progress.global ul li {
      background: white; }
  .portlet-loader-progress ul {
    position: absolute;
    width: 65px;
    height: 20px;
    margin: 0;
    top: calc(50% - 5px);
    left: calc(50% - 35px); }
    .portlet-loader-progress ul li {
      float: left;
      list-style: none;
      display: inline;
      height: 15px;
      width: 15px;
      border-radius: 50%;
      background: #666666;
      margin-right: 10px;
      opacity: 0.05;
      animation-name: animate-opacity-pulsate;
      animation-duration: 0.7s;
      animation-iteration-count: infinite;
      animation-fill-mode: forwards; }
      .portlet-loader-progress ul li:last-child {
        margin-right: 0; }
      .portlet-loader-progress ul li:nth-child(1) {
        animation-delay: 0s; }
      .portlet-loader-progress ul li:nth-child(2) {
        animation-delay: 0.1s; }
      .portlet-loader-progress ul li:nth-child(3) {
        animation-delay: 0.2s; }
  .portlet-loader-progress.ten-dots > div {
    left: calc(50% - 120px);
    width: 240px;
    height: 20px; }
    .portlet-loader-progress.ten-dots ul {
        width: 240px;
        left: calc(50% - 120px); }
    .portlet-loader-progress.ten-dots ul li {
      animation-duration: 1s; }
      .portlet-loader-progress.ten-dots ul li:nth-child(1) {
        animation-delay: 0s; }
      .portlet-loader-progress.ten-dots ul li:nth-child(2) {
        animation-delay: 0.05s; }
      .portlet-loader-progress.ten-dots ul li:nth-child(3) {
        animation-delay: 0.1s; }
      .portlet-loader-progress.ten-dots ul li:nth-child(4) {
        animation-delay: 0.15s; }
      .portlet-loader-progress.ten-dots ul li:nth-child(5) {
        animation-delay: 0.2s; }
      .portlet-loader-progress.ten-dots ul li:nth-child(6) {
        animation-delay: 0.25s; }
      .portlet-loader-progress.ten-dots ul li:nth-child(7) {
        animation-delay: 0.3s; }
      .portlet-loader-progress.ten-dots ul li:nth-child(8) {
        animation-delay: 0.35s; }
      .portlet-loader-progress.ten-dots ul li:nth-child(9) {
        animation-delay: 0.4s; }
      .portlet-loader-progress.ten-dots ul li:nth-child(10) {
        animation-delay: 0.45s; }
  .portlet-loader-progress.ten-dots.yoyo ul {
                /*
                &:nth-child(3){
                    li{
                        
                        &:nth-child(1){
                            animation-delay: 2s;
                        }

                        &:nth-child(2){
                            animation-delay: 2.05s;
                        }

                        &:nth-child(3){
                            animation-delay: 2.1s;
                        }

                        &:nth-child(4){
                            animation-delay: 2.15s;
                        }

                        &:nth-child(5){
                            animation-delay: 2.2s;
                        }

                        &:nth-child(6){
                            animation-delay: 2.25s;
                        }

                        &:nth-child(7){
                            animation-delay: 2.3s;
                        }

                        &:nth-child(8){
                            animation-delay: 2.35s;
                        }

                        &:nth-child(9){
                            animation-delay: 2.4s;
                        }

                        &:nth-child(10){
                            animation-delay: 2.45s;
                        }
                        
                    }
                }
                */ }
    .portlet-loader-progress.ten-dots.yoyo ul li {
      animation-duration: 2s; }
    .portlet-loader-progress.ten-dots.yoyo ul:nth-child(1) li {
      animation-name: animate-opacity-pulsate-2; }
      .portlet-loader-progress.ten-dots.yoyo ul:nth-child(1) li:nth-child(1) {
        animation-delay: 0s; }
      .portlet-loader-progress.ten-dots.yoyo ul:nth-child(1) li:nth-child(2) {
        animation-delay: 0.05s; }
      .portlet-loader-progress.ten-dots.yoyo ul:nth-child(1) li:nth-child(3) {
        animation-delay: 0.1s; }
      .portlet-loader-progress.ten-dots.yoyo ul:nth-child(1) li:nth-child(4) {
        animation-delay: 0.15s; }
      .portlet-loader-progress.ten-dots.yoyo ul:nth-child(1) li:nth-child(5) {
        animation-delay: 0.2s; }
      .portlet-loader-progress.ten-dots.yoyo ul:nth-child(1) li:nth-child(6) {
        animation-delay: 0.25s; }
      .portlet-loader-progress.ten-dots.yoyo ul:nth-child(1) li:nth-child(7) {
        animation-delay: 0.3s; }
      .portlet-loader-progress.ten-dots.yoyo ul:nth-child(1) li:nth-child(8) {
        animation-delay: 0.35s; }
      .portlet-loader-progress.ten-dots.yoyo ul:nth-child(1) li:nth-child(9) {
        animation-delay: 0.4s; }
      .portlet-loader-progress.ten-dots.yoyo ul:nth-child(1) li:nth-child(10) {
        animation-delay: 0.45s; }
    .portlet-loader-progress.ten-dots.yoyo ul:nth-child(2) li {
      animation-name: animate-opacity-pulsate-2-2; }
      .portlet-loader-progress.ten-dots.yoyo ul:nth-child(2) li:nth-child(10) {
        animation-delay: 1.0s; }
      .portlet-loader-progress.ten-dots.yoyo ul:nth-child(2) li:nth-child(9) {
        animation-delay: 1.05s; }
      .portlet-loader-progress.ten-dots.yoyo ul:nth-child(2) li:nth-child(8) {
        animation-delay: 1.1s; }
      .portlet-loader-progress.ten-dots.yoyo ul:nth-child(2) li:nth-child(7) {
        animation-delay: 1.15s; }
      .portlet-loader-progress.ten-dots.yoyo ul:nth-child(2) li:nth-child(6) {
        animation-delay: 1.2s; }
      .portlet-loader-progress.ten-dots.yoyo ul:nth-child(2) li:nth-child(5) {
        animation-delay: 1.25s; }
      .portlet-loader-progress.ten-dots.yoyo ul:nth-child(2) li:nth-child(4) {
        animation-delay: 1.3s; }
      .portlet-loader-progress.ten-dots.yoyo ul:nth-child(2) li:nth-child(3) {
        animation-delay: 1.35s; }
      .portlet-loader-progress.ten-dots.yoyo ul:nth-child(2) li:nth-child(2) {
        animation-delay: 1.4s; }
      .portlet-loader-progress.ten-dots.yoyo ul:nth-child(2) li:nth-child(1) {
        animation-delay: 1.45s; }
  .portlet-loader-progress.yoyo > div {
    position: absolute;
    top: calc(50% - 5px); }
    .portlet-loader-progress.yoyo > div > ul {
      top: 0;
      left: 0; }
      .portlet-loader-progress.yoyo > div > ul:nth-child(2) li, .portlet-loader-progress.yoyo > div > ul:nth-child(3) li {
        opacity: 0; }
  .portlet-loader-progress > .loader-message {
    opacity: 0;
    position: absolute;
    width: 200px;
    height: auto;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    bottom: 20px;
    left: calc(50% - 100px);
    color: white;
    text-align: center;
    padding: 8px; }

div.main-content-area > .portlet-loader-progress {
    top: 60px;
    height: calc(100% - 60px);
    z-index: 1011;
}
  .portlet-loader-progress:hover {
        /*
        .loader-message{
            animation-name: animate-opacity-fade-in;
			animation-duration: 1s;
			animation-fill-mode: forwards;
        }
        */ }
div.page-content > .portlet-loader-progress {
    top: 60px;
    height: calc(100% - 60px);
    z-index: 19;
}
}