@font-face {
  font-family: 'pcbicon';
  src: url('fonts/pbiconset_v5.eot?qeo3og');
  src: url('fonts/pbiconset_v5.eot?#iefixqeo3og') format('embedded-opentype'), url('fonts/pbiconset_v5.woff?qeo3og') format('woff'), url('fonts/pbiconset_v5.ttf?qeo3og') format('truetype'), url('fonts/pbiconset_v5.svg?qeo3og#pbiconset') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'metaroman';
  src: url('fonts/meta-normal-lf-roman-webfont.eot');
  src: url('fonts/meta-normal-lf-roman-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/meta-normal-lf-roman-webfont.woff') format('woff'), url('fonts/meta-normal-lf-roman-webfont.ttf') format('truetype'), url('fonts/meta-normal-lf-roman-webfont.svg#metanormal_roman') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ocr-a';
  src: url('fonts/OCRAExtended.eot');
  src: url('fonts/OCRAExtended.eot?#iefix') format('embedded-opentype'), url('fonts/OCRAExtended.woff') format('woff'), url('fonts/OCRAExtended.ttf') format('truetype'), url('fonts/OCRAExtended.svg#OCRAExtended') format('svg');
  font-weight: normal;
  font-style: normal;
}
.corners-none {
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -khtml-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  border-radius: 0px !important;
}
/*@device-phone: 1;
@device-tablet: 2;
@device-pc: 3;
@device-big: 4;

@debug-device: 0; // none*/
/* SCREEN STRINGS */
/*// Mixin 
.SCREEN-PHONE(@rules) {
    @media @screen-phone {
        @rules();
    }
}
.SCREEN-PHONE-OR-OLD-IE(@rules) {
    @media @screen-phone {
        @rules() when (@old-ie = true);
    }

    @rules() when (@old-ie = false);
}

// Mixin 
.SCREEN-TABLET(@rules) {
    @media @screen-phone {
        @rules();
    }
}
.SCREEN-TABLET-OR-OLD-IE(@rules) {
    @media @screen-tablet {
        @rules() when (@old-ie = true);
    }

    @rules() when (@old-ie = false);
}


// Mixin 
.SCREEN-PC-BIG(@rules) {
    @media @screen-phone {
        @rules();
    }
}
.SCREEN-PC-BIG-OR-OLD-IE(@rules) {
    @media @screen-pc-big {
        @rules() when (@old-ie = true);
    }

    @rules() when (@old-ie = false);
}*/
/*

.tabletScreen() when (@debug-device = 0) {

}
.tabletScreen() when (@debug-device = @device-phone) {

}
.tabletScreen() when (@debug-device = @device-tablet) {

}
.tabletScreen() when (@debug-device = @device-pc) {

}
.tabletScreen() when (@debug-device = @device-big) {

}*/
/*
.pcScreen(@debug-device) when (@debug-device = 0) {

}
.pcScreen(@debug-device) when (@debug-device = @device-phone) {

}
.pcScreen(@debug-device) when (@debug-device = @device-tablet) {

}
.pcScreen(@debug-device) when (@debug-device = @device-pc) {

}
.pcScreen(@debug-device) when (@debug-device = @device-big) {

}

.bigScreen(@debug-device) when (@debug-device = 0) {

}
.bigScreen(@debug-device) when (@debug-device = @device-phone) {

}
.bigScreen(@debug-device) when (@debug-device = @device-tablet) {

}
.bigScreen(@debug-device) when (@debug-device = @device-pc) {

}
.bigScreen(@debug-device) when (@debug-device = @device-big) {

}*/
@media only screen and (max-width: 799px) {
  .mobi-only-hidden {
    display: none !important;
  }
}
@media only screen and (min-width: 800px) {
  .mobi-only-visible {
    display: none !important;
  }
}
@-webkit-keyframes pb-anim-loader-colorless {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes pb-anim-loader-colorless {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes pb-anim-loader-colorless {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes pb-anim-loader-colorless {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes pb-anim-loader {
  0% {
    color: #d4011d;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    color: #005194;
  }
  100% {
    color: #d4011d;
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes pb-anim-loader {
  0% {
    color: #d4011d;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    color: #005194;
  }
  100% {
    color: #d4011d;
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes pb-anim-loader {
  0% {
    color: #d4011d;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    color: #005194;
  }
  100% {
    color: #d4011d;
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes pb-anim-loader {
  0% {
    color: #d4011d;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    color: #005194;
  }
  100% {
    color: #d4011d;
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes pb-anim-pulsate {
  0% {
    color: #d4011d;
    -moz-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
  }
  50% {
    color: #005194;
    -moz-transform: scale(1.4) rotateY(-180deg) rotateX(-20deg) perspective(400px);
    -ms-transform: scale(1.4) rotateY(-180deg) rotateX(-20deg) perspective(400px);
    -o-transform: scale(1.4) rotateY(-180deg) rotateX(-20deg) perspective(400px);
    -webkit-transform: scale(1.4) rotateY(-180deg) rotateX(-20deg) perspective(400px);
    transform: scale(1.4) rotateY(-180deg) rotateX(-20deg) perspective(400px);
  }
  100% {
    color: #d4011d;
    -moz-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
  }
}
@-moz-keyframes pb-anim-pulsate {
  0% {
    color: #d4011d;
    -moz-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
  }
  50% {
    color: #005194;
    -moz-transform: scale(1.4) rotateY(-180deg) rotateX(-20deg) perspective(400px);
    -ms-transform: scale(1.4) rotateY(-180deg) rotateX(-20deg) perspective(400px);
    -o-transform: scale(1.4) rotateY(-180deg) rotateX(-20deg) perspective(400px);
    -webkit-transform: scale(1.4) rotateY(-180deg) rotateX(-20deg) perspective(400px);
    transform: scale(1.4) rotateY(-180deg) rotateX(-20deg) perspective(400px);
  }
  100% {
    color: #d4011d;
    -moz-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
  }
}
@-o-keyframes pb-anim-pulsate {
  0% {
    color: #d4011d;
    -moz-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
  }
  50% {
    color: #005194;
    -moz-transform: scale(1.4) rotateY(-180deg) rotateX(-20deg) perspective(400px);
    -ms-transform: scale(1.4) rotateY(-180deg) rotateX(-20deg) perspective(400px);
    -o-transform: scale(1.4) rotateY(-180deg) rotateX(-20deg) perspective(400px);
    -webkit-transform: scale(1.4) rotateY(-180deg) rotateX(-20deg) perspective(400px);
    transform: scale(1.4) rotateY(-180deg) rotateX(-20deg) perspective(400px);
  }
  100% {
    color: #d4011d;
    -moz-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
  }
}
@keyframes pb-anim-pulsate {
  0% {
    color: #d4011d;
    -moz-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
  }
  50% {
    color: #005194;
    -moz-transform: scale(1.4) rotateY(-180deg) rotateX(-20deg) perspective(400px);
    -ms-transform: scale(1.4) rotateY(-180deg) rotateX(-20deg) perspective(400px);
    -o-transform: scale(1.4) rotateY(-180deg) rotateX(-20deg) perspective(400px);
    -webkit-transform: scale(1.4) rotateY(-180deg) rotateX(-20deg) perspective(400px);
    transform: scale(1.4) rotateY(-180deg) rotateX(-20deg) perspective(400px);
  }
  100% {
    color: #d4011d;
    -moz-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: scale(1) rotateY(0deg) rotateX(0deg) perspective(400px);
  }
}
@-webkit-keyframes pb-anim-logo {
  0% {
    -moz-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: rotateY(0deg) rotateX(0deg) perspective(400px);
  }
  30% {
    -moz-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: rotateY(0deg) rotateX(0deg) perspective(400px);
  }
  33% {
    -moz-transform: rotateY(180deg) rotateX(0deg) perspective(400px);
    -ms-transform: rotateY(180deg) rotateX(0deg) perspective(400px);
    -o-transform: rotateY(180deg) rotateX(0deg) perspective(400px);
    -webkit-transform: rotateY(180deg) rotateX(0deg) perspective(400px);
    transform: rotateY(180deg) rotateX(0deg) perspective(400px);
  }
  36% {
    -moz-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: rotateY(0deg) rotateX(0deg) perspective(400px);
  }
  100% {
    -moz-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: rotateY(0deg) rotateX(0deg) perspective(400px);
  }
}
@-moz-keyframes pb-anim-logo {
  0% {
    -moz-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: rotateY(0deg) rotateX(0deg) perspective(400px);
  }
  30% {
    -moz-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: rotateY(0deg) rotateX(0deg) perspective(400px);
  }
  33% {
    -moz-transform: rotateY(180deg) rotateX(0deg) perspective(400px);
    -ms-transform: rotateY(180deg) rotateX(0deg) perspective(400px);
    -o-transform: rotateY(180deg) rotateX(0deg) perspective(400px);
    -webkit-transform: rotateY(180deg) rotateX(0deg) perspective(400px);
    transform: rotateY(180deg) rotateX(0deg) perspective(400px);
  }
  36% {
    -moz-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: rotateY(0deg) rotateX(0deg) perspective(400px);
  }
  100% {
    -moz-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: rotateY(0deg) rotateX(0deg) perspective(400px);
  }
}
@-o-keyframes pb-anim-logo {
  0% {
    -moz-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: rotateY(0deg) rotateX(0deg) perspective(400px);
  }
  30% {
    -moz-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: rotateY(0deg) rotateX(0deg) perspective(400px);
  }
  33% {
    -moz-transform: rotateY(180deg) rotateX(0deg) perspective(400px);
    -ms-transform: rotateY(180deg) rotateX(0deg) perspective(400px);
    -o-transform: rotateY(180deg) rotateX(0deg) perspective(400px);
    -webkit-transform: rotateY(180deg) rotateX(0deg) perspective(400px);
    transform: rotateY(180deg) rotateX(0deg) perspective(400px);
  }
  36% {
    -moz-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: rotateY(0deg) rotateX(0deg) perspective(400px);
  }
  100% {
    -moz-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: rotateY(0deg) rotateX(0deg) perspective(400px);
  }
}
@keyframes pb-anim-logo {
  0% {
    -moz-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: rotateY(0deg) rotateX(0deg) perspective(400px);
  }
  30% {
    -moz-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: rotateY(0deg) rotateX(0deg) perspective(400px);
  }
  33% {
    -moz-transform: rotateY(180deg) rotateX(0deg) perspective(400px);
    -ms-transform: rotateY(180deg) rotateX(0deg) perspective(400px);
    -o-transform: rotateY(180deg) rotateX(0deg) perspective(400px);
    -webkit-transform: rotateY(180deg) rotateX(0deg) perspective(400px);
    transform: rotateY(180deg) rotateX(0deg) perspective(400px);
  }
  36% {
    -moz-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: rotateY(0deg) rotateX(0deg) perspective(400px);
  }
  100% {
    -moz-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -ms-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -o-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    -webkit-transform: rotateY(0deg) rotateX(0deg) perspective(400px);
    transform: rotateY(0deg) rotateX(0deg) perspective(400px);
  }
}
@-webkit-keyframes pb-anim-colorbeat {
  0% {
    color: #d4011d;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  16.66% {
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
  }
  33.33% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    color: #005194;
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
  }
  66.66% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  83.33% {
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
  }
  100% {
    color: #d4011d;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pb-anim-colorbeat {
  0% {
    color: #d4011d;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  16.66% {
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
  }
  33.33% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    color: #005194;
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
  }
  66.66% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  83.33% {
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
  }
  100% {
    color: #d4011d;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes pb-anim-colorbeat {
  0% {
    color: #d4011d;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  16.66% {
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
  }
  33.33% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    color: #005194;
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
  }
  66.66% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  83.33% {
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
  }
  100% {
    color: #d4011d;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pb-anim-colorbeat {
  0% {
    color: #d4011d;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  16.66% {
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
  }
  33.33% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    color: #005194;
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
  }
  66.66% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  83.33% {
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
  }
  100% {
    color: #d4011d;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes pb-anim-loader-simple {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes pb-anim-loader-simple {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes pb-anim-loader-simple {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes pb-anim-loader-simple {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes pb-anim-slide-left-in {
  0% {
    transform: translateX(200%);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    transform: translateX(0%);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-moz-keyframes pb-anim-slide-left-in {
  0% {
    transform: translateX(200%);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    transform: translateX(0%);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-o-keyframes pb-anim-slide-left-in {
  0% {
    transform: translateX(200%);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    transform: translateX(0%);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes pb-anim-slide-left-in {
  0% {
    transform: translateX(200%);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    transform: translateX(0%);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-webkit-keyframes pb-anim-slide-left-out {
  0% {
    transform: translateX(0%);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    transform: translateX(-200%);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes pb-anim-slide-left-out {
  0% {
    transform: translateX(0%);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    transform: translateX(-200%);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-o-keyframes pb-anim-slide-left-out {
  0% {
    transform: translateX(0%);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    transform: translateX(-200%);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes pb-anim-slide-left-out {
  0% {
    transform: translateX(0%);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    transform: translateX(-200%);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes pb-anim-slide-top-in {
  0% {
    transform: translateY(200%);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    transform: translateY(0%);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-moz-keyframes pb-anim-slide-top-in {
  0% {
    transform: translateY(200%);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    transform: translateY(0%);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-o-keyframes pb-anim-slide-top-in {
  0% {
    transform: translateY(200%);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    transform: translateY(0%);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes pb-anim-slide-top-in {
  0% {
    transform: translateY(200%);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    transform: translateY(0%);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-webkit-keyframes pb-anim-slide-top-out {
  0% {
    transform: translateY(0%);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    transform: translateY(-200%);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes pb-anim-slide-top-out {
  0% {
    transform: translateY(0%);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    transform: translateY(-200%);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-o-keyframes pb-anim-slide-top-out {
  0% {
    transform: translateY(0%);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    transform: translateY(-200%);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes pb-anim-slide-top-out {
  0% {
    transform: translateY(0%);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    transform: translateY(-200%);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
.anim-puslate {
  -moz-animation: 3s linear 0s reverse infinite pb-anim-pulsate;
  -o-animation: 3s linear 0s reverse infinite pb-anim-pulsate;
  -webkit-animation: 3s linear 0s reverse infinite pb-anim-pulsate;
  animation: 3s linear 0s reverse infinite pb-anim-pulsate;
}
.anim-colorbeat {
  -moz-animation: 3s linear 0s reverse infinite pb-anim-colorbeat;
  -o-animation: 3s linear 0s reverse infinite pb-anim-colorbeat;
  -webkit-animation: 3s linear 0s reverse infinite pb-anim-colorbeat;
  animation: 3s linear 0s reverse infinite pb-anim-colorbeat;
}
@media only screen and (min-width: 1100px) {
  .anim-logo {
    -moz-animation: 25s linear 0s infinite pb-anim-logo;
    -o-animation: 25s linear 0s infinite pb-anim-logo;
    -webkit-animation: 25s linear 0s infinite pb-anim-logo;
    animation: 25s linear 0s infinite pb-anim-logo;
  }
}
.pause {
  -webkit-animation-play-state: paused !important;
  -moz-animation-play-state: paused !important;
  -o-animation-play-state: paused !important;
  animation-play-state: paused !important;
}
.anim-slide-left-in {
  -moz-animation: 0.6s linear 0s pb-anim-slide-left-in;
  -o-animation: 0.6s linear 0s pb-anim-slide-left-in;
  -webkit-animation: 0.6s linear 0s pb-anim-slide-left-in;
  animation: 0.6s linear 0s pb-anim-slide-left-in;
}
.anim-slide-left-out {
  -moz-animation: 0.6s linear 0s pb-anim-slide-left-out;
  -o-animation: 0.6s linear 0s pb-anim-slide-left-out;
  -webkit-animation: 0.6s linear 0s pb-anim-left-right-out;
  animation: 0.6s linear 0s pb-anim-slide-left-out;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.anim-slide-right-in {
  -moz-animation: 0.6s linear 0s reverse pb-anim-slide-left-out;
  -o-animation: 0.6s linear 0s reverse pb-anim-slide-left-out;
  -webkit-animation: 0.6s linear 0s reverse pb-anim-slide-left-out;
  animation: 0.6s linear 0s reverse pb-anim-slide-left-out;
}
.anim-slide-right-out {
  -moz-animation: 0.6s linear 0s reverse pb-anim-slide-left-in;
  -o-animation: 0.6s linear 0s reverse pb-anim-slide-left-in;
  -webkit-animation: 0.6s linear 0s reverse pb-anim-slide-left-in;
  animation: 0.6s linear 0s reverse pb-anim-slide-left-in;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.anim-slide-top-in {
  -moz-animation: 0.6s linear 0s pb-anim-slide-top-in;
  -o-animation: 0.6s linear 0s pb-anim-slide-top-in;
  -webkit-animation: 0.6s linear 0s pb-anim-slide-top-in;
  animation: 0.6s linear 0s pb-anim-slide-top-in;
}
.anim-slide-top-out {
  -moz-animation: 0.6s linear 0s pb-anim-slide-top-out;
  -o-animation: 0.6s linear 0s pb-anim-slide-top-out;
  -webkit-animation: 0.6s linear 0s pb-anim-slide-top-out;
  animation: 0.6s linear 0s pb-anim-slide-top-out;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.anim-slide-down-in {
  -moz-animation: 0.6s linear 0s reverse pb-anim-slide-top-out;
  -o-animation: 0.6s linear 0s reverse pb-anim-slide-top-out;
  -webkit-animation: 0.6s linear 0s reverse pb-anim-slide-top-out;
  animation: 0.6s linear 0s reverse pb-anim-slide-top-out;
}
.anim-slide-down-out {
  -moz-animation: 0.6s linear 0s reverse pb-anim-slide-top-in;
  -o-animation: 0.6s linear 0s reverse pb-anim-slide-top-in;
  -webkit-animation: 0.6s linear 0s reverse pb-anim-slide-top-in;
  animation: 0.6s linear 0s reverse pb-anim-slide-top-in;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
@-webkit-keyframes kobil-kinetics-1 {
  11% {
    transform: scaleX(1);
  }
  13% {
    transform: scaleX(0.8);
  }
  15% {
    transform: scaleX(1);
  }
  5% {
    margin-left: 0px;
  }
  18% {
    margin-left: 14%;
  }
  87% {
    margin-left: 14%;
  }
  100% {
    margin-left: 0px;
  }
  88% {
    transform: scaleX(1);
  }
  90% {
    transform: scaleX(0.8);
  }
  92% {
    transform: scaleX(1);
  }
}
@-moz-keyframes kobil-kinetics-1 {
  11% {
    transform: scaleX(1);
  }
  13% {
    transform: scaleX(0.8);
  }
  15% {
    transform: scaleX(1);
  }
  5% {
    margin-left: 0px;
  }
  18% {
    margin-left: 14%;
  }
  87% {
    margin-left: 14%;
  }
  100% {
    margin-left: 0px;
  }
  88% {
    transform: scaleX(1);
  }
  90% {
    transform: scaleX(0.8);
  }
  92% {
    transform: scaleX(1);
  }
}
@-o-keyframes kobil-kinetics-1 {
  11% {
    transform: scaleX(1);
  }
  13% {
    transform: scaleX(0.8);
  }
  15% {
    transform: scaleX(1);
  }
  5% {
    margin-left: 0px;
  }
  18% {
    margin-left: 14%;
  }
  87% {
    margin-left: 14%;
  }
  100% {
    margin-left: 0px;
  }
  88% {
    transform: scaleX(1);
  }
  90% {
    transform: scaleX(0.8);
  }
  92% {
    transform: scaleX(1);
  }
}
@keyframes kobil-kinetics-1 {
  11% {
    transform: scaleX(1);
  }
  13% {
    transform: scaleX(0.8);
  }
  15% {
    transform: scaleX(1);
  }
  5% {
    margin-left: 0px;
  }
  18% {
    margin-left: 14%;
  }
  87% {
    margin-left: 14%;
  }
  100% {
    margin-left: 0px;
  }
  88% {
    transform: scaleX(1);
  }
  90% {
    transform: scaleX(0.8);
  }
  92% {
    transform: scaleX(1);
  }
}
@-webkit-keyframes kobil-kinetics-2 {
  13% {
    transform: scaleX(1);
  }
  15% {
    transform: scaleX(0.8);
  }
  17% {
    transform: scaleX(1);
  }
  19% {
    transform: scaleX(1);
  }
  21% {
    transform: scaleX(0.8);
  }
  23% {
    transform: scaleX(1);
  }
  13% {
    margin-left: 0px;
  }
  26% {
    margin-left: 14%;
  }
  79% {
    margin-left: 14%;
  }
  92% {
    margin-left: 0px;
  }
  80% {
    transform: scaleX(1);
  }
  82% {
    transform: scaleX(0.8);
  }
  84% {
    transform: scaleX(1);
  }
  86% {
    transform: scaleX(1);
  }
  88% {
    transform: scaleX(0.8);
  }
  90% {
    transform: scaleX(1);
  }
}
@-moz-keyframes kobil-kinetics-2 {
  13% {
    transform: scaleX(1);
  }
  15% {
    transform: scaleX(0.8);
  }
  17% {
    transform: scaleX(1);
  }
  19% {
    transform: scaleX(1);
  }
  21% {
    transform: scaleX(0.8);
  }
  23% {
    transform: scaleX(1);
  }
  13% {
    margin-left: 0px;
  }
  26% {
    margin-left: 14%;
  }
  79% {
    margin-left: 14%;
  }
  92% {
    margin-left: 0px;
  }
  80% {
    transform: scaleX(1);
  }
  82% {
    transform: scaleX(0.8);
  }
  84% {
    transform: scaleX(1);
  }
  86% {
    transform: scaleX(1);
  }
  88% {
    transform: scaleX(0.8);
  }
  90% {
    transform: scaleX(1);
  }
}
@-o-keyframes kobil-kinetics-2 {
  13% {
    transform: scaleX(1);
  }
  15% {
    transform: scaleX(0.8);
  }
  17% {
    transform: scaleX(1);
  }
  19% {
    transform: scaleX(1);
  }
  21% {
    transform: scaleX(0.8);
  }
  23% {
    transform: scaleX(1);
  }
  13% {
    margin-left: 0px;
  }
  26% {
    margin-left: 14%;
  }
  79% {
    margin-left: 14%;
  }
  92% {
    margin-left: 0px;
  }
  80% {
    transform: scaleX(1);
  }
  82% {
    transform: scaleX(0.8);
  }
  84% {
    transform: scaleX(1);
  }
  86% {
    transform: scaleX(1);
  }
  88% {
    transform: scaleX(0.8);
  }
  90% {
    transform: scaleX(1);
  }
}
@keyframes kobil-kinetics-2 {
  13% {
    transform: scaleX(1);
  }
  15% {
    transform: scaleX(0.8);
  }
  17% {
    transform: scaleX(1);
  }
  19% {
    transform: scaleX(1);
  }
  21% {
    transform: scaleX(0.8);
  }
  23% {
    transform: scaleX(1);
  }
  13% {
    margin-left: 0px;
  }
  26% {
    margin-left: 14%;
  }
  79% {
    margin-left: 14%;
  }
  92% {
    margin-left: 0px;
  }
  80% {
    transform: scaleX(1);
  }
  82% {
    transform: scaleX(0.8);
  }
  84% {
    transform: scaleX(1);
  }
  86% {
    transform: scaleX(1);
  }
  88% {
    transform: scaleX(0.8);
  }
  90% {
    transform: scaleX(1);
  }
}
@-webkit-keyframes kobil-kinetics-3 {
  21% {
    transform: scaleX(1);
  }
  23% {
    transform: scaleX(0.8);
  }
  25% {
    transform: scaleX(1);
  }
  27% {
    transform: scaleX(1);
  }
  29% {
    transform: scaleX(0.8);
  }
  31% {
    transform: scaleX(1);
  }
  21% {
    margin-left: 0px;
  }
  34% {
    margin-left: 14%;
  }
  71% {
    margin-left: 14%;
  }
  84% {
    margin-left: 0px;
  }
  72% {
    transform: scaleX(1);
  }
  74% {
    transform: scaleX(0.8);
  }
  76% {
    transform: scaleX(1);
  }
  78% {
    transform: scaleX(1);
  }
  80% {
    transform: scaleX(0.8);
  }
  82% {
    transform: scaleX(1);
  }
}
@-moz-keyframes kobil-kinetics-3 {
  21% {
    transform: scaleX(1);
  }
  23% {
    transform: scaleX(0.8);
  }
  25% {
    transform: scaleX(1);
  }
  27% {
    transform: scaleX(1);
  }
  29% {
    transform: scaleX(0.8);
  }
  31% {
    transform: scaleX(1);
  }
  21% {
    margin-left: 0px;
  }
  34% {
    margin-left: 14%;
  }
  71% {
    margin-left: 14%;
  }
  84% {
    margin-left: 0px;
  }
  72% {
    transform: scaleX(1);
  }
  74% {
    transform: scaleX(0.8);
  }
  76% {
    transform: scaleX(1);
  }
  78% {
    transform: scaleX(1);
  }
  80% {
    transform: scaleX(0.8);
  }
  82% {
    transform: scaleX(1);
  }
}
@-o-keyframes kobil-kinetics-3 {
  21% {
    transform: scaleX(1);
  }
  23% {
    transform: scaleX(0.8);
  }
  25% {
    transform: scaleX(1);
  }
  27% {
    transform: scaleX(1);
  }
  29% {
    transform: scaleX(0.8);
  }
  31% {
    transform: scaleX(1);
  }
  21% {
    margin-left: 0px;
  }
  34% {
    margin-left: 14%;
  }
  71% {
    margin-left: 14%;
  }
  84% {
    margin-left: 0px;
  }
  72% {
    transform: scaleX(1);
  }
  74% {
    transform: scaleX(0.8);
  }
  76% {
    transform: scaleX(1);
  }
  78% {
    transform: scaleX(1);
  }
  80% {
    transform: scaleX(0.8);
  }
  82% {
    transform: scaleX(1);
  }
}
@keyframes kobil-kinetics-3 {
  21% {
    transform: scaleX(1);
  }
  23% {
    transform: scaleX(0.8);
  }
  25% {
    transform: scaleX(1);
  }
  27% {
    transform: scaleX(1);
  }
  29% {
    transform: scaleX(0.8);
  }
  31% {
    transform: scaleX(1);
  }
  21% {
    margin-left: 0px;
  }
  34% {
    margin-left: 14%;
  }
  71% {
    margin-left: 14%;
  }
  84% {
    margin-left: 0px;
  }
  72% {
    transform: scaleX(1);
  }
  74% {
    transform: scaleX(0.8);
  }
  76% {
    transform: scaleX(1);
  }
  78% {
    transform: scaleX(1);
  }
  80% {
    transform: scaleX(0.8);
  }
  82% {
    transform: scaleX(1);
  }
}
@-webkit-keyframes kobil-kinetics-4 {
  29% {
    transform: scaleX(1);
  }
  31% {
    transform: scaleX(0.8);
  }
  33% {
    transform: scaleX(1);
  }
  35% {
    transform: scaleX(1);
  }
  37% {
    transform: scaleX(0.8);
  }
  39% {
    transform: scaleX(1);
  }
  29% {
    margin-left: 0px;
  }
  42% {
    margin-left: 14%;
  }
  63% {
    margin-left: 14%;
  }
  76% {
    margin-left: 0px;
  }
  64% {
    transform: scaleX(1);
  }
  66% {
    transform: scaleX(0.8);
  }
  68% {
    transform: scaleX(1);
  }
  70% {
    transform: scaleX(1);
  }
  72% {
    transform: scaleX(0.8);
  }
  74% {
    transform: scaleX(1);
  }
}
@-moz-keyframes kobil-kinetics-4 {
  29% {
    transform: scaleX(1);
  }
  31% {
    transform: scaleX(0.8);
  }
  33% {
    transform: scaleX(1);
  }
  35% {
    transform: scaleX(1);
  }
  37% {
    transform: scaleX(0.8);
  }
  39% {
    transform: scaleX(1);
  }
  29% {
    margin-left: 0px;
  }
  42% {
    margin-left: 14%;
  }
  63% {
    margin-left: 14%;
  }
  76% {
    margin-left: 0px;
  }
  64% {
    transform: scaleX(1);
  }
  66% {
    transform: scaleX(0.8);
  }
  68% {
    transform: scaleX(1);
  }
  70% {
    transform: scaleX(1);
  }
  72% {
    transform: scaleX(0.8);
  }
  74% {
    transform: scaleX(1);
  }
}
@-o-keyframes kobil-kinetics-4 {
  29% {
    transform: scaleX(1);
  }
  31% {
    transform: scaleX(0.8);
  }
  33% {
    transform: scaleX(1);
  }
  35% {
    transform: scaleX(1);
  }
  37% {
    transform: scaleX(0.8);
  }
  39% {
    transform: scaleX(1);
  }
  29% {
    margin-left: 0px;
  }
  42% {
    margin-left: 14%;
  }
  63% {
    margin-left: 14%;
  }
  76% {
    margin-left: 0px;
  }
  64% {
    transform: scaleX(1);
  }
  66% {
    transform: scaleX(0.8);
  }
  68% {
    transform: scaleX(1);
  }
  70% {
    transform: scaleX(1);
  }
  72% {
    transform: scaleX(0.8);
  }
  74% {
    transform: scaleX(1);
  }
}
@keyframes kobil-kinetics-4 {
  29% {
    transform: scaleX(1);
  }
  31% {
    transform: scaleX(0.8);
  }
  33% {
    transform: scaleX(1);
  }
  35% {
    transform: scaleX(1);
  }
  37% {
    transform: scaleX(0.8);
  }
  39% {
    transform: scaleX(1);
  }
  29% {
    margin-left: 0px;
  }
  42% {
    margin-left: 14%;
  }
  63% {
    margin-left: 14%;
  }
  76% {
    margin-left: 0px;
  }
  64% {
    transform: scaleX(1);
  }
  66% {
    transform: scaleX(0.8);
  }
  68% {
    transform: scaleX(1);
  }
  70% {
    transform: scaleX(1);
  }
  72% {
    transform: scaleX(0.8);
  }
  74% {
    transform: scaleX(1);
  }
}
@-webkit-keyframes kobil-kinetics-5 {
  37% {
    transform: scaleX(1);
  }
  39% {
    transform: scaleX(0.8);
  }
  41% {
    transform: scaleX(1);
  }
  37% {
    margin-left: 0px;
  }
  50% {
    margin-left: 14%;
  }
  55% {
    margin-left: 14%;
  }
  68% {
    margin-left: 0px;
  }
  62% {
    transform: scaleX(1);
  }
  64% {
    transform: scaleX(0.8);
  }
  66% {
    transform: scaleX(1);
  }
}
@-moz-keyframes kobil-kinetics-5 {
  37% {
    transform: scaleX(1);
  }
  39% {
    transform: scaleX(0.8);
  }
  41% {
    transform: scaleX(1);
  }
  37% {
    margin-left: 0px;
  }
  50% {
    margin-left: 14%;
  }
  55% {
    margin-left: 14%;
  }
  68% {
    margin-left: 0px;
  }
  62% {
    transform: scaleX(1);
  }
  64% {
    transform: scaleX(0.8);
  }
  66% {
    transform: scaleX(1);
  }
}
@-o-keyframes kobil-kinetics-5 {
  37% {
    transform: scaleX(1);
  }
  39% {
    transform: scaleX(0.8);
  }
  41% {
    transform: scaleX(1);
  }
  37% {
    margin-left: 0px;
  }
  50% {
    margin-left: 14%;
  }
  55% {
    margin-left: 14%;
  }
  68% {
    margin-left: 0px;
  }
  62% {
    transform: scaleX(1);
  }
  64% {
    transform: scaleX(0.8);
  }
  66% {
    transform: scaleX(1);
  }
}
@keyframes kobil-kinetics-5 {
  37% {
    transform: scaleX(1);
  }
  39% {
    transform: scaleX(0.8);
  }
  41% {
    transform: scaleX(1);
  }
  37% {
    margin-left: 0px;
  }
  50% {
    margin-left: 14%;
  }
  55% {
    margin-left: 14%;
  }
  68% {
    margin-left: 0px;
  }
  62% {
    transform: scaleX(1);
  }
  64% {
    transform: scaleX(0.8);
  }
  66% {
    transform: scaleX(1);
  }
}
/*
.mixi-anim-spin() {
	0% { transform: rotate(359deg); }
    100% { transform: rotate(0deg); }
}

@-webkit-keyframes pb-anim-spin {.mixi-anim-spin;}
@-moz-keyframes pb-anim-spin {.mixi-anim-spin;}
@-ms-keyframes pb-anim-spin {.mixi-anim-spin;}
@-o-keyframes pb-anim-spin {.mixi-anim-spin;}
@keyframes pb-anim-spin {.mixi-anim-spin;}

.animate-spin {
    -moz-animation: 2s linear 0s normal none infinite running pb-anim-spin;
    -o-animation: 2s linear 0s normal none infinite running pb-anim-spin;
    -webkit-animation: 2s linear 0s normal none infinite running pb-anim-spin;
    animation: 2s linear 0s normal none infinite running pb-anim-spin;
}

.mixi-anim-loader-icon() {
    0% {color: @color-yellow;}
    10% {color: @color-orange;}
    40% {color: @color-red;}
    
    50% {
        color: @color-red;
        -moz-transform: scale(1.08) rotate(5deg);
        -ms-transform: scale(1.08) rotate(5deg);
        -o-transform: scale(1.08) rotate(5deg);
        -webkit-transform: scale(1.08) rotate(5deg);
        transform: scale(1.08) rotate(5deg);
    }
    
    60% {color: @color-red;}
    90% {color: @color-orange;}
    100% {
        color: @color-yellow;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes pb-anim-loader-icon {.mixi-anim-loader-icon;}
@-moz-keyframes pb-anim-loader-icon {.mixi-anim-loader-icon;}
@-ms-keyframes pb-anim-loader-icon {.mixi-anim-loader-icon;}
@-o-keyframes pb-anim-loader-icon {.mixi-anim-loader-icon;}
@keyframes pb-anim-loader-icon {.mixi-anim-loader-icon;}

.animate-loader-icon {
    font-size: 100px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    -moz-animation: 3s linear 0s normal none infinite running pb-anim-loader-icon;
    -o-animation: 3s linear 0s normal none infinite running pb-anim-loader-icon;
    -webkit-animation: 3s linear 0s normal none infinite running pb-anim-loader-icon;
    animation: 3s linear 0s normal none infinite running pb-anim-loader-icon;
}

.mixi-anim-loader-text() {
    
    50% {
        -moz-transform: scale(1.1) rotate(-1deg); 
        -ms-transform: scale(1.1) rotate(-1deg);
        -o-transform: scale(1.1) rotate(-1deg); 
        -webkit-transform: scale(1.1) rotate(-1deg); 
        transform: scale(1.1) rotate(-1deg);
    }
    
    100% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes pb-anim-loader-text {.mixi-anim-loader-text;}
@-moz-keyframes pb-anim-loader-text {.mixi-anim-loader-text;}
@-ms-keyframes pb-anim-loader-text {.mixi-anim-loader-text;}
@-o-keyframes pb-anim-loader-text {.mixi-anim-loader-text;}
@keyframes pb-anim-loader-text {.mixi-anim-loader-text;}

.animate-loader-text {
    font-size: 20px;
    color: @color-gray-darker;
    margin-top: 10px;
    padding-left: 10px;
    display: inline-block;
    -moz-animation: 0.8s linear 0s normal none infinite running pb-anim-loader-text;
    -o-animation: 0.8s linear 0s normal none infinite running pb-anim-loader-text;
    -webkit-animation: 0.8s linear 0s normal none infinite running pb-anim-loader-text;
    animation: 0.8s linear 0s normal none infinite running pb-anim-loader-text;
}
*/
/*
.mixi-anim-pageloader(@start) {
    @frame2: @start + 10;
    @frame3: @frame2 + 10;
    @frame4: @frame3 + 10;
    @frame5: @frame4 + 10;

    @nFrame1: ~"@{start}%";
    @nFrame2 :~"@{frame2}%";
    @nFrame3 :~"@{frame3}%";
    @nFrame4 :~"@{frame3}%";
    @nFrame5 :~"@{frame3}%";

    &@{nFrame1} {
        transform: rotateX(10deg);
    }
    &@{nFrame2} {
        transform: rotateX(-10deg);
    }
    &@{nFrame3} {
        transform: rotateX(10deg);
    }
    &@{nFrame4} {
        -moz-opacity: 1;
        opacity: 1; 
        -webkit-transform-origin: 0% 0;
        -moz-transform-origin: 0% 0;
        -ms-transform-origin: 0% 0;
        -o-transform-origin: 0% 0;
        transform-origin: 0% 0;
        -webkit-transform: perspective(400px) rotateY(-10deg) translateZ(0px);
        -moz-transform: perspective(400px) rotateY(-10deg) translateZ(0px);
        -ms-transform: perspective(400px) rotateY(-10deg) translateZ(0px);
        -o-transform: perspective(400px) rotateY(-10deg) translateZ(0px);
        transform: perspective(400px) rotateY(-10deg) translateZ(0px);
    }
    &@{nFrame5} {
        -moz-opacity: 0;
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        -moz-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        -o-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(400px) rotateY(180deg) translateZ(200px);
        -moz-transform: perspective(400px) rotateY(180deg) translateZ(200px);
        -ms-transform: perspective(400px) rotateY(180deg) translateZ(200px);
        -o-transform: perspective(400px) rotateY(180deg) translateZ(200px);
        transform: perspective(400px) rotateY(180deg) translateZ(200px);
    }

}
    */
/*************************************************************/
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 7s;
  animation-duration: 7s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes swing {
  2% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  4% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  6% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  8% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  10% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  2% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  4% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  6% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  8% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  10% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}
/* END OF HTML5 RESET STYLESHEET */
/*TEMP*/
/*

@import "../PB.Calendar.less";
@import "../PB.FlipSwitch.less";
@import "../PB.MediaScreen.less";*/
/*TEMP*/
i {
  font-family: 'pcbicon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #868e93;
  display: inline-block;
  font-size: 24px;
  line-height: 30px;
  width: 30px;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  cursor: inherit;
  /*text-shadow: -1px -1px 0px #adb3b6, 1px 1px 0px #636d72;*/
}
i.corner-all {
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
  -khtml-border-radius: 500px;
  -o-border-radius: 500px;
  border-radius: 500px;
}
.i-size-extralarge {
  font-size: 160px;
  line-height: 160px;
  width: 160px;
  height: 160px;
}
.i-size-bigger {
  font-size: 80px;
  line-height: 80px;
  width: 80px;
  height: 80px;
}
.i-size-big {
  font-size: 40px;
  line-height: 48px;
  width: 50px;
  height: 50px;
}
.i-size-regular {
  font-size: 24px;
  line-height: 30px;
  width: 30px;
  height: 30px;
}
.i-size-small {
  font-size: 20px;
  line-height: 20px;
  width: 20px;
  height: 20px;
}
.i-size-smaller {
  font-size: 18px;
  line-height: 18px;
  width: 18px;
  height: 18px;
}
.i-size-tiny {
  font-size: 13px;
  line-height: 14px;
  width: 16px;
  height: 16px;
}
.btn .i-address-book,
.btn .i-60 {
  /*font-size: 22px;
    line-height: 23px;
    width: 23px;
    height: 24px;*/
}
.i-pcb:before,
.i-0:before {
  content: '\e600';
}
.i-circle-l:before,
.i-1:before {
  content: '\e60e';
}
.i-circle-r:before,
.i-2:before {
  content: '\e60d';
}
.i-circle-u:before,
.i-3:before {
  content: '\e60f';
}
.i-circle-d:before,
.i-4:before {
  content: '\e610';
}
.i-load:before,
.i-5:before {
  content: '\e613';
}
.i-logoff:before,
.i-6:before {
  content: '\e614';
}
.i-pin:before,
.i-7:before {
  content: '\e61a';
}
.i-pie:before,
.i-8:before {
  content: '\e61d';
}
.i-clock:before,
.i-9:before {
  content: '\e620';
}
.i-currency:before,
.i-10:before {
  content: '\e624';
}
.i-money-list:before,
.i-11:before {
  content: '\e625';
}
.i-pay:before,
.i-12:before {
  content: '\e627';
}
.i-question:before,
.i-13:before {
  content: '\e63c';
}
.i-info:before,
.i-14:before {
  content: '\e63d';
}
.i-excel:before,
.i-15:before {
  content: '\e640';
}
.i-pdf:before,
.i-16:before {
  content: '\e641';
}
.i-gears:before,
.i-17:before {
  content: '\e621';
}
.i-gear:before,
.i-18:before {
  content: '\e622';
}
.i-dollar:before,
.i-19:before {
  content: '\e626';
}
.i-purse:before,
.i-20:before {
  content: '\e628';
}
.i-safe:before,
.i-21:before {
  content: '\e634';
}
.i-home:before,
.i-22:before {
  content: '\e61f';
}
.i-bank:before,
.i-23:before {
  content: '\e623';
}
.i-carat-l:before,
.i-24:before {
  content: '\e601';
}
.i-carat-r:before,
.i-25:before {
  content: '\e602';
}
.i-carat-u:before,
.i-26:before {
  content: '\e603';
}
.i-carat-d:before,
.i-27:before {
  content: '\e604';
}
.i-arr-l:before,
.i-28:before {
  content: '\e606';
}
.i-arr-r:before,
.i-29:before {
  content: '\e605';
}
.i-arr-u:before,
.i-30:before {
  content: '\e607';
}
.i-arr-d:before,
.i-31:before {
  content: '\e608';
}
.i-bullet-l:before,
.i-32:before {
  content: '\e60a';
}
.i-bullet-r:before,
.i-33:before {
  content: '\e609';
}
.i-bullet-u:before,
.i-34:before {
  content: '\e60b';
}
.i-bullet-d:before,
.i-35:before {
  content: '\e60c';
}
.i-plus:before,
.i-36:before {
  content: '\e611';
}
.i-minus:before,
.i-37:before {
  content: '\e612';
}
.i-shrink:before,
.i-38:before {
  content: '\e98a';
}
.i-enlarge:before,
.i-39:before {
  content: '\e989';
}
.i-check:before,
.i-40:before {
  content: '\e616';
}
.i-delete:before,
.i-41:before {
  content: '\e617';
}
.i-grid:before,
.i-42:before {
  content: '\e618';
}
.i-menu:before,
.i-43:before {
  content: '\e619';
}
.i-chart:before,
.i-44:before {
  content: '\e61e';
}
.i-wallet:before,
.i-45:before {
  content: '\e629';
}
.i-undo:before,
.i-46:before {
  content: '\e62a';
}
.i-redo:before,
.i-47:before {
  content: '\e62b';
}
.i-calendar:before,
.i-48:before {
  content: '\e62c';
}
.i-pencil:before,
.i-49:before {
  content: '\e906';
}
.i-edit:before,
.i-50:before {
  content: '\e62e';
}
.i-doc:before,
.i-51:before {
  content: '\e62f';
}
.i-doc-filled:before,
.i-52:before {
  content: '\e630';
}
.i-doc-checked:before,
.i-53:before {
  content: '\e631';
}
.i-file-text:before,
.i-54:before {
  content: '\e922';
}
.i-profile:before,
.i-55:before {
  content: '\e923';
}
.i-copy:before,
.i-56:before {
  content: '\e92c';
}
.i-image:before,
.i-57:before {
  content: '\e90d';
}
.i-clipboard:before,
.i-58:before {
  content: '\e9b8';
}
.i-book:before,
.i-59:before {
  content: '\e91f';
}
.i-address-book:before,
.i-60:before {
  content: '\e944';
}
.i-mail:before,
.i-61:before {
  content: '\e632';
}
.i-mail-open:before,
.i-62:before {
  content: '\e633';
}
.i-safe-box:before,
.i-63:before {
  content: '\e635';
}
.i-user:before,
.i-64:before {
  content: '\e971';
}
.i-users:before,
.i-65:before {
  content: '\e972';
}
.i-cards:before,
.i-66:before {
  content: '\e63a';
}
.i-card:before,
.i-67:before {
  content: '\e63b';
}
.i-nums:before,
.i-68:before {
  content: '\e63e';
}
.i-alert:before,
.i-69:before {
  content: '\e63f';
}
.i-printer:before,
.i-70:before {
  content: '\e954';
}
.i-mobile:before,
.i-71:before {
  content: '\e958';
}
.i-phone:before,
.i-72:before {
  content: '\e638';
}
.i-play:before,
.i-73:before {
  content: '\e912';
}
.i-cloud-upload:before,
.i-74:before {
  content: '\e9c3';
}
.i-cloud-download:before,
.i-75:before {
  content: '\e9c2';
}
.i-search:before,
.i-76:before {
  content: '\e986';
}
.i-filter:before,
.i-77:before {
  content: '\e615';
}
.i-binoculars:before,
.i-78:before {
  content: '\e985';
}
.i-zoom-in:before,
.i-79:before {
  content: '\e987';
}
.i-zoom-out:before,
.i-80:before {
  content: '\e988';
}
.i-price-tag:before,
.i-81:before {
  content: '\e935';
}
.i-price-tags:before,
.i-82:before {
  content: '\e936';
}
.i-bell:before,
.i-83:before {
  content: '\e951';
}
.i-bubble:before,
.i-84:before {
  content: '\e96b';
}
.i-key:before,
.i-85:before {
  content: '\e98d';
}
.i-locker:before,
.i-86:before {
  content: '\e637';
}
.i-shield:before,
.i-87:before {
  content: '\e9b4';
}
.i-power:before,
.i-88:before {
  content: '\e9b5';
}
.i-flag:before,
.i-89:before {
  content: '\e9cc';
}
.i-earth:before,
.i-90:before {
  content: '\e9ca';
}
.i-star-empty:before,
.i-91:before {
  content: '\e9d7';
}
.i-star-full:before,
.i-92:before {
  content: '\e9d9';
}
.i-hour-glass:before,
.i-93:before {
  content: '\e979';
}
.i-sort-asc:before,
.i-94:before {
  content: '\ea48';
}
.i-sort-desc:before,
.i-95:before {
  content: '\ea49';
}
.i-save:before,
.i-96:before {
  content: '\e962';
}
.i-bin:before,
.i-97:before {
  content: '\e9ac';
}
.i-emot-happy:before,
.i-98:before {
  content: '\e9df';
}
.i-emot-smile:before,
.i-99:before {
  content: '\e9e1';
}
.i-emot-sad:before,
.i-100:before {
  content: '\e9e5';
}
.i-emot-neutral:before,
.i-101:before {
  content: '\e9f7';
}
.i-user-circle:before,
.i-102:before {
  content: '\e335';
}
.i-user-circle-solid:before,
.i-103:before {
  content: '\e336';
}
.i-user-add:before,
.i-104:before {
  content: '\e334';
}
.i-load-ring-inner:before,
.i-105:before {
  content: '\e900';
}
.i-load-ring-outer:before,
.i-106:before {
  content: '\e901';
}
.i-load-small-ring-inner:before,
.i-107:before {
  content: '\e902';
}
.i-load-small-ring-outer:before,
.i-108:before {
  content: '\e903';
}
.i-menu-more:before,
.i-109:before {
  content: '\e904';
}
.i-barcode:before,
.i-110:before {
  content: '\e937';
}
.i-qrcode:before,
.i-111:before {
  content: '\e938';
}
.i-pushpin:before,
.i-112:before {
  content: '\e946';
}
.i-history:before,
.i-113:before {
  content: '\e94d';
}
.i-equalizer:before,
.i-114:before {
  content: '\e993';
}
.i-briefcase:before,
.i-115:before {
  content: '\e9ae';
}
.i-airplane:before,
.i-116:before {
  content: '\e9af';
}
.i-truck:before,
.i-117:before {
  content: '\e9b0';
}
.i-tree:before,
.i-118:before {
  content: '\e9bc';
}
.i-sphere:before,
.i-119:before {
  content: '\e9c9';
}
.i-link:before,
.i-120:before {
  content: '\e9cb';
}
.i-attachment:before,
.i-121:before {
  content: '\e9cd';
}
.i-share:before,
.i-122:before {
  content: '\ea82';
}
.i-doc-img:before,
.i-123:before {
  content: '\e905';
}
.i-doc-ppt:before,
.i-124:before {
  content: '\e907';
}
.i-doc-word:before,
.i-125:before {
  content: '\e908';
}
.i-doc-zip:before,
.i-126:before {
  content: '\e909';
}
.i-heating:before,
.i-127:before {
  content: '\e90a';
}
.i-electricity:before,
.i-128:before {
  content: '\e90b';
}
.i-gas:before,
.i-129:before {
  content: '\e90c';
}
.i-invoice:before,
.i-130:before {
  content: '\e90e';
}
.i-telecommunications:before,
.i-131:before {
  content: '\e90f';
}
.i-water-suply:before,
.i-132:before {
  content: '\e910';
}
.i-arrow-up-down:before,
.i-133:before {
  content: '\e911';
}
.i-sort-vertical:before,
.i-134:before {
  content: '\e913';
}
.i-sort-horizontal:before,
.i-135:before {
  content: '\e914';
}
.i-office:before,
.i-136:before {
  content: '\e915';
}
.i-headphones:before,
.i-137:before {
  content: '\e916';
}
.i-megaphone:before,
.i-138:before {
  content: '\e91a';
}
.i-wifi:before,
.i-139:before {
  content: '\e91b';
}
.i-mic:before,
.i-140:before {
  content: '\e91e';
}
.i-lifebuoy:before,
.i-141:before {
  content: '\e941';
}
.i-database:before,
.i-142:before {
  content: '\e964';
}
.i-rocket:before,
.i-143:before {
  content: '\e9a5';
}
.i-eye:before,
.i-144:before {
  content: '\e9ce';
}
.i-move-up:before,
.i-145:before {
  content: '\ea46';
}
.i-move-down:before,
.i-146:before {
  content: '\ea47';
}
.i-table:before,
.i-147:before {
  content: '\ea70';
}
html {
  padding: 0px;
  /*remove padding */
  margin: 0px;
  /* remove margins */
  border: 0px;
  /* remove borders */
  background: #fff;
  /*color background - only works in IE */
  /* hide overflow:hidden from IE5/Mac */
  color: #444444;
  /*font:11px "metaroman", Verdana,Arial,Geneva,Helvetica,sans-serif;*/
  text-align: left;
  background-color: #f5f6f7;
  -webkit-text-size-adjust: 100%;
  overflow-y: scroll;
  min-height: 100%;
  position: relative;
}
body {
  height: 100%;
  /* fix height to 100% for IE */
  max-height: 100%;
  /* fix height for other browsers */
  padding: 0px;
  /*remove padding */
  margin: 0px;
  /* remove margins */
  border: 0px;
  /* remove borders */
  color: #232323;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  /*overflow-y: scroll;*/
  /*overflow-x: hidden;
    overflow-y: scroll;*/
}
header,
nav,
section,
article,
aside,
footer {
  display: block;
}
*,
*::after,
*::before {
  box-sizing: border-box;
}
h3 {
  font-size: 16px;
  display: inline-block;
  margin: 0px 0px 4px 0px;
  min-height: 30px;
  font-weight: normal;
  color: #3c4144;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
h3.collapsible i {
  display: none;
}
h3.collapsible:after {
  font-family: 'pcbicon';
  content: '\e60b';
  color: #3c4144;
  float: right;
}
h3.collapsible label {
  display: inline-block;
  margin-left: 2px;
}
h3.collapsible:hover {
  background-color: #fff;
}
h3.collapsible.collapsed {
  border-bottom: 3px solid #d7d9db;
  background-color: #fff;
}
h3.collapsible.collapsed:after {
  content: '\e60c';
}
.pb-corner-all {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.pad-top {
  height: 20px;
}
@media only screen and (min-width: 1100px) {
  main h3.collapsible i {
    display: inline-block;
  }
  aside h3.collapsible:after {
    display: none;
  }
  aside h3 {
    font-size: 12px;
    text-align: right;
    text-transform: uppercase;
    color: #000;
    display: block;
  }
  aside h3.collapsible:hover {
    background-color: transparent;
    cursor: pointer;
  }
}
@media only screen and (min-width: 1200px) {
  h3 {
    margin-left: -10px;
  }
}
.close-btn {
  cursor: pointer;
}
.site-header {
  position: relative;
  z-index: 3;
  min-height: 70px;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  z-index: 999;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.site-header .sh-header-container {
  background-color: #d4011d;
  height: 50px;
  height: 56px;
  position: relative;
  z-index: 2;
  padding-left: 70px;
  padding-right: 70px;
  line-height: 50px;
  text-align: center;
  vertical-align: middle;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.site-header .sh-header-container span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  font-weight: bold;
  font-size: 13px;
}
.site-header .sh-header-container .selected-menu-header {
  color: #fff;
  font-weight: normal;
  font-size: 15px;
}
.site-header .sh-header-container ul.main-menu {
  display: none;
}
.site-header .sh-btn-home {
  background-color: #fff;
}
.site-header .sh-btn-home .home-btn-lbl {
  display: none;
}
.site-header .sh-btn-back {
  background-color: #fff;
}
.site-header .sh-btn-back .inner-cnt i {
  font-size: 32px !important;
}
.site-header .sh-submenu-wrapper {
  overflow: hidden;
  overflow-x: auto;
  text-align: center;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.site-header .sh-submenu-wrapper .sh-submenu-bullet {
  position: absolute;
  z-index: 3;
  top: 52px;
  left: 50%;
  margin-left: -20px;
  height: 14px !important;
  line-height: 14px !important;
  width: 30px !important;
}
.site-header .sh-submenu-wrapper:before {
  display: inline-block;
  width: 16px;
  top: 56px;
  left: 0px;
  height: 59px;
  position: absolute;
  z-index: 1;
  content: '';
  -webkit-box-shadow: inset 9px 0px 14px -5px #fff;
  -moz-box-shadow: inset 9px 0px 14px -5px #fff;
  -o-box-shadow: inset 9px 0px 14px -5px #fff;
  -ms-box-shadow: inset 9px 0px 14px -5px #fff;
  box-shadow: inset 9px 0px 14px -5px #fff;
}
.site-header .sh-submenu-wrapper:after {
  display: inline-block;
  width: 16px;
  top: 56px;
  right: 0px;
  height: 59px;
  position: absolute;
  z-index: 1;
  content: '';
  -webkit-box-shadow: inset -9px 0px 14px -5px #fff;
  -moz-box-shadow: inset -9px 0px 14px -5px #fff;
  -o-box-shadow: inset -9px 0px 14px -5px #fff;
  -ms-box-shadow: inset -9px 0px 14px -5px #fff;
  box-shadow: inset -9px 0px 14px -5px #fff;
}
.site-header .sh-submenu-wrapper .sh-submenu {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  display: table;
  margin: 0px auto;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.site-header .sh-submenu-wrapper .sh-submenu ul {
  display: table-row;
  list-style: none;
  padding: 0px 0px;
  margin: 0px auto;
  position: relative;
  z-index: 0;
  text-align: center;
}
.site-header .sh-submenu-wrapper .sh-submenu ul li {
  display: table-cell;
  cursor: pointer;
  padding: 0px 0px;
  z-index: 2;
  white-space: nowrap;
  border-bottom: 4px solid transparent;
}
.site-header .sh-submenu-wrapper .sh-submenu ul li a {
  height: 55px;
  padding: 24px 7px 17px 7px;
  color: #3c4144;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  position: relative;
  display: block;
  text-decoration: none;
  z-index: 2;
}
.site-header .sh-submenu-wrapper .sh-submenu ul li.active {
  border-bottom: 4px solid #d4011d;
}
.site-header .sh-submenu-wrapper .sh-submenu ul li.active a {
  padding-bottom: 13px;
  color: #d4011d;
}
.head-btn {
  width: 72px;
  height: 67px;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  top: -9px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.36);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.36);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.36);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.head-btn:hover {
  background-color: #7c010c;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #fff !important;
}
.head-btn:hover i {
  color: #fff !important;
}
.head-btn .inner-cnt {
  margin: 12px 12px;
  display: block;
}
.head-btn .inner-cnt * {
  cursor: inherit;
}
.head-btn .inner-cnt i {
  font-size: 32px !important;
}
.head-btn.head-btn-left {
  -webkit-transform: skewX(-6deg) skewY(3deg);
  -moz-transform: skewX(-6deg) skewY(3deg);
  -o-transform: skewX(-6deg) skewY(3deg);
  transform: skewX(-6deg) skewY(3deg);
  position: absolute;
  left: -5px;
  width: 80px;
}
.head-btn.head-btn-left i:after {
  content: '\e60c';
  content: '\e619';
  font-size: 16px;
  position: absolute;
  bottom: -13px;
  right: -3px;
}
.head-btn.head-btn-left .inner-cnt {
  -webkit-transform: skewX(6deg) skewY(-3deg);
  -moz-transform: skewX(6deg) skewY(-3deg);
  -o-transform: skewX(6deg) skewY(-3deg);
  transform: skewX(6deg) skewY(-3deg);
}
.head-btn.head-btn-left .home-btn-lbl {
  display: none;
}
.head-btn.head-btn-right {
  -webkit-transform: skewX(6deg) skewY(-3deg);
  -moz-transform: skewX(6deg) skewY(-3deg);
  -o-transform: skewX(6deg) skewY(-3deg);
  transform: skewX(6deg) skewY(-3deg);
  position: absolute;
  position: fixed;
  right: -5px;
}
.head-btn.head-btn-right .inner-cnt {
  -webkit-transform: skewX(-10deg) skewY(2deg);
  -moz-transform: skewX(-10deg) skewY(2deg);
  -o-transform: skewX(-10deg) skewY(2deg);
  transform: skewX(-10deg) skewY(2deg);
}
.head-menu .page-wrapper {
  padding-top: 72px;
}
.head-submenu .page-wrapper {
  padding-top: 126px;
}
.right-menu {
  display: block !important;
  position: absolute;
  top: -2000px;
  right: -20000px;
}
@media only screen and (max-width: 869px) {
  .main-menu-visible {
    background: #f5f6f7;
    height: 100%;
  }
  .main-menu-visible body {
    margin-bottom: 0px !important;
  }
  .main-menu-visible .page-wrapper,
  .main-menu-visible .selected-menu-header,
  .main-menu-visible footer,
  .main-menu-visible .sh-btn-home,
  .main-menu-visible .sh-submenu-wrapper,
  .main-menu-visible .btn-grid-go-top {
    display: none !important;
  }
  .main-menu-visible .pb-dialog-content {
    height: auto;
  }
  .main-menu-visible .site-header {
    overflow: hidden;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    height: 100%;
    bottom: 0px;
    overflow-y: auto;
  }
  .main-menu-visible .site-header:after {
    font-family: 'pcbicon';
    content: '\e600';
    font-size: 460px;
    line-height: 460px !important;
    position: fixed;
    bottom: 20px;
    right: -40px;
    margin-top: 50px;
    text-align: right;
    display: block;
    color: #ccc;
    z-index: 0;
    -webkit-opacity: 0.22;
    -moz-opacity: 0.22;
    opacity: 0.22;
    filter: alpha(opacity=22);
  }
  .main-menu-visible .site-header .sh-header-container {
    padding-left: 10px;
    padding-right: 10px;
    background: transparent;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
  }
  .main-menu-visible .site-header .sh-header-container ul li a i {
    display: block;
    height: 32px;
    width: auto;
    font-size: 32px;
    line-height: 32px;
    text-align: center;
  }
  .main-menu-visible .site-header .sh-header-container ul li a span {
    display: block;
    text-align: center;
    margin-top: 4px;
    font-size: 12px;
  }
  .main-menu-visible .site-header .sh-header-container ul.main-menu {
    display: block;
    list-style: none;
    margin: 0px auto;
    margin-bottom: 150px !important;
    float: left;
    margin: 0px 0px;
    padding: 0px 0px;
    margin-top: 65px;
  }
  .main-menu-visible .site-header .sh-header-container ul.main-menu li {
    float: left;
    width: 50%;
    padding: 0px 0px;
    margin-top: 17px;
  }
  .main-menu-visible .site-header .sh-header-container ul.main-menu li a {
    min-height: 82px;
    padding: 12px 10px 6px 12px !important;
    display: block;
    padding: 14px 10px;
    color: #444;
    text-decoration: none;
    background-color: #b0041b !important;
    background-color: #dfe3e4 !important;
    margin: 0px 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
  .main-menu-visible .site-header .sh-header-container ul.main-menu li a i {
    display: block;
    height: 26px;
    width: auto;
    font-size: 26px;
    line-height: 26px;
    text-align: center;
    color: #d4011d;
  }
  .main-menu-visible .site-header .sh-header-container ul.main-menu li a span {
    margin-top: 8px;
    height: 30px;
  }
  .main-menu-visible .site-header .sh-header-container ul.main-menu li a:hover {
    background-color: #d9dcdd !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
  .main-menu-visible .site-header .sh-header-container ul.right-menu {
    display: block;
    list-style: none;
    margin: 0px 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
  }
  .main-menu-visible .site-header .sh-header-container ul.right-menu li {
    display: inline-block;
    margin-left: -4px;
    display: none;
  }
  .main-menu-visible .site-header .sh-header-container ul.right-menu li a {
    text-decoration: none;
    display: block;
    padding: 8px 10px;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .main-menu-visible .site-header .sh-header-container ul.right-menu li a i {
    display: inline-block;
    height: 32px;
    width: auto;
    font-size: 32px;
    line-height: 32px;
    text-align: center;
    margin: 5px auto -4px auto;
    color: #FFF;
  }
  .main-menu-visible .site-header .sh-header-container ul.right-menu li a span {
    display: inline-block;
  }
  .main-menu-visible .site-header .sh-header-container ul.right-menu li.lang-select-menu-btn {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .main-menu-visible .site-header .sh-header-container ul.right-menu li.lang-select-menu-btn a {
    background-color: #ffd500;
    color: #A34A07;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    -o-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    cursor: pointer;
    padding: 6px 20px 5px 20px;
    display: inline-block;
    text-decoration: none;
    margin-left: 24px;
    -webkit-box-shadow: 0px 0px 5px 0px #9ca1a4;
    -moz-box-shadow: 0px 0px 5px 0px #9ca1a4;
    -o-box-shadow: 0px 0px 5px 0px #9ca1a4;
    -ms-box-shadow: 0px 0px 5px 0px #9ca1a4;
    box-shadow: 0px 0px 5px 0px #9ca1a4;
  }
  .main-menu-visible .site-header .sh-header-container ul.right-menu li.lang-select-menu-btn a .lang-select {
    font-size: 16px;
  }
  .main-menu-visible .site-header .sh-header-container ul.right-menu li.user-menu-btn {
    display: block;
    position: fixed;
    left: 0px;
    right: 70px;
    bottom: 0px;
    height: 70px;
    z-index: 33333;
    background: #d4011d;
    text-align: left;
    padding: 0px 0px;
    cursor: pointer;
    -webkit-box-shadow: inset 0 0px 100px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 0px 100px rgba(0, 0, 0, 0.2);
    -o-box-shadow: inset 0 0px 100px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: inset 0 0px 100px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0px 100px rgba(0, 0, 0, 0.2);
  }
  .main-menu-visible .site-header .sh-header-container ul.right-menu li.user-menu-btn a {
    height: 70px;
    padding: 8px 28px 8px 60px;
    position: relative;
  }
  .main-menu-visible .site-header .sh-header-container ul.right-menu li.user-menu-btn a i.i-user-circle-solid {
    position: absolute;
    top: 19px;
    left: 20px;
    margin: auto auto;
  }
  .main-menu-visible .site-header .sh-header-container ul.right-menu li.user-menu-btn a .i-size-tiny {
    height: 14px !important;
    line-height: 14px !important;
    font-size: 14px !important;
    position: absolute;
    top: 29px;
    right: 8px;
    margin: auto auto;
  }
  .main-menu-visible .site-header .sh-header-container ul.right-menu li.user-menu-btn a span.usr-data-container-inner {
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
    margin-top: 1px;
    text-align: left;
  }
  .main-menu-visible .site-header .sh-header-container ul.right-menu li.user-menu-btn a span.usr-data-container-inner span {
    text-align: left;
  }
  .main-menu-visible .site-header .sh-header-container ul.right-menu li.user-menu-btn * {
    cursor: pointer;
  }
  .main-menu-visible .site-header .sh-header-container ul.right-menu li.user-menu-btn .usr-data-container {
    display: inline-block;
    overflow: hidden;
    position: relative;
  }
  .main-menu-visible .site-header .sh-header-container ul.right-menu li.user-menu-btn .usr-data-container .usr-data-container-inner {
    display: block;
  }
  .main-menu-visible .site-header .sh-header-container ul.right-menu li.logout-btn {
    display: block;
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 33333;
    cursor: pointer;
    width: 70px;
    height: 70px;
  }
  .main-menu-visible .site-header .head-btn.head-btn-right {
    background-color: #d4011d !important;
  }
  .main-menu-visible .site-header .head-btn.head-btn-right .inner-cnt i {
    color: #fff !important;
    font-size: 32px!important;
  }
}
.dialog-usermenu .pb-dialog-btn-close i:before {
  content: '\e62a' !important;
}
@media only screen and (max-width: 869px) and (orientation: landscape) {
  .main-menu-visible .site-header .sh-header-container ul.main-menu li {
    width: 25%;
  }
}
@media only screen and (min-width: 870px) {
  .site-header {
    -webkit-opacity: 0.95;
    -moz-opacity: 0.95;
    opacity: 0.95;
    filter: alpha(opacity=95);
  }
  .site-header .sh-header-container {
    height: 50px;
  }
  .site-header .sh-header-container .selected-menu-header {
    display: none;
  }
  .site-header .sh-header-container ul.main-menu {
    list-style: none;
    padding: 0px 0px;
    margin: 0px 0px 0px -10px;
    display: block;
    text-align: left;
  }
  .site-header .sh-header-container ul.main-menu li {
    display: inline-block;
    margin-right: -4px;
    color: #fff;
    cursor: pointer;
    height: 100%;
  }
  .site-header .sh-header-container ul.main-menu li a {
    text-decoration: none;
    display: inline-block;
    height: 100%;
    padding: 0px 10px;
    min-width: 50px;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .site-header .sh-header-container ul.main-menu li a span {
    line-height: normal;
    font-weight: normal;
    font-size: 13px;
  }
  .site-header .sh-header-container ul.main-menu li a i {
    display: none;
  }
  .site-header .sh-header-container ul.main-menu li a:hover {
    background-color: #a00012;
    color: #fff !important;
    -webkit-box-shadow: inset 0 1px 4px #6e0121;
    -moz-box-shadow: inset 0 1px 4px #6e0121;
    -o-box-shadow: inset 0 1px 4px #6e0121;
    -ms-box-shadow: inset 0 1px 4px #6e0121;
    box-shadow: inset 0 1px 4px #6e0121;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .site-header .sh-header-container ul.main-menu li.active {
    position: relative;
    /* background-color: @color-white;
                        border-bottom: 3px solid @color-white;
                        margin-bottom: -3px;
                        a{color: #d4011d;}*/
  }
  .site-header .sh-header-container ul.main-menu li.active a:after {
    font-family: 'pcbicon';
    content: '\e60b';
    color: #fff;
    bottom: -10px;
    font-size: 26px;
    height: 24px;
    left: 50%;
    line-height: 24px;
    margin-left: -13px;
    position: absolute;
    width: 26px;
  }
  .site-header .sh-header-container ul.main-menu li:nth-child(2) a {
    padding-left: 18px;
  }
  .site-header .sh-header-container ul.right-menu {
    display: block;
    list-style: none;
    margin: 0px 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    height: 100%;
  }
  .site-header .sh-header-container ul.right-menu li {
    display: inline-block;
    margin-left: -4px;
    height: 100%;
  }
  .site-header .sh-header-container ul.right-menu li a {
    text-decoration: none;
    display: block;
    height: 100%;
    padding: 0px 10px;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .site-header .sh-header-container ul.right-menu li a:hover {
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 4px #cccccc;
    -moz-box-shadow: inset 0 1px 4px #cccccc;
    -o-box-shadow: inset 0 1px 4px #cccccc;
    -ms-box-shadow: inset 0 1px 4px #cccccc;
    box-shadow: inset 0 1px 4px #cccccc;
  }
  .site-header .sh-header-container ul.right-menu li a:hover i,
  .site-header .sh-header-container ul.right-menu li a:hover span {
    color: #d4011d;
  }
  .site-header .sh-header-container ul.right-menu li a.active {
    background-color: #fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .site-header .sh-header-container ul.right-menu li a.active i,
  .site-header .sh-header-container ul.right-menu li a.active span {
    color: #d4011d;
  }
  .site-header .sh-header-container ul.right-menu .lang-select {
    background-color: #fff;
    color: #d4011d !important;
    font-family: Arial, Tahoma, sans-serif;
    padding: 1px 3px 1px 3px;
    font-size: 13px !important;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
  }
  .site-header .sh-header-container ul.right-menu li.user-menu-btn {
    cursor: pointer;
  }
  .site-header .sh-header-container ul.right-menu li.user-menu-btn * {
    cursor: pointer;
  }
  .site-header .sh-header-container ul.right-menu li.user-menu-btn .usr-data-container {
    display: none;
    overflow: hidden;
    position: relative;
  }
  .site-header .sh-header-container ul.right-menu li.user-menu-btn .usr-data-container .usr-data-container-inner {
    display: block;
  }
  .site-header .sh-header-container ul.right-menu li.user-menu-btn span {
    font-size: 12px;
    font-weight: normal;
  }
  .site-header .sh-header-container ul.right-menu li.user-menu-btn a:hover span {
    color: #d4011d !important;
  }
  .site-header .sh-header-container ul.right-menu li a.mail-active {
    position: relative;
  }
  .site-header .sh-header-container ul.right-menu li a.mail-active i,
  .site-header .sh-header-container ul.right-menu li a.mail-active span {
    line-height: normal !important;
  }
  .site-header .sh-header-container ul.right-menu li a.mail-active span {
    display: block;
    margin-bottom: -25px;
    line-height: normal !important;
    font-size: 16px;
    padding-top: 6px;
    font-weight: bolder;
    font-family: 'metaroman';
  }
  .site-header .sh-header-container ul.right-menu li a.mail-active i {
    margin-top: 6px;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
  }
  .site-header .sh-btn-home .home-btn-lbl {
    display: none;
  }
  .site-header .sh-submenu-wrapper {
    background-color: #fff;
    text-align: left;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  }
  .site-header .sh-submenu-wrapper .sh-submenu-bullet,
  .site-header .sh-submenu-wrapper:before,
  .site-header .sh-submenu-wrapper:after {
    display: none;
  }
  .site-header .sh-submenu-wrapper .sh-submenu {
    border: none;
    display: block;
    height: auto;
    z-index: 2;
    margin: 0px 0px;
  }
  .site-header .sh-submenu-wrapper .sh-submenu ul {
    display: block;
    height: auto;
    text-align: left;
    margin-left: 71px;
  }
  .site-header .sh-submenu-wrapper .sh-submenu ul li {
    display: inline-block;
    height: auto;
    border-bottom: 2px solid transparent !important;
  }
  .site-header .sh-submenu-wrapper .sh-submenu ul li a {
    height: auto;
    font-weight: normal;
    padding: 12px 8px 10px 8px;
    font-size: 11px;
  }
  .site-header .sh-submenu-wrapper .sh-submenu ul li.active {
    border-bottom: 2px solid #d4011d !important;
  }
  .site-header .sh-submenu-wrapper .sh-submenu ul li.active a {
    color: #d4011d;
    padding-bottom: 10px !important;
  }
  .site-header .head-btn.head-btn-left {
    width: 72px;
  }
  .site-header .head-btn.head-btn-left i:after {
    display: none;
  }
  .site-header .head-btn.head-btn-right {
    display: none;
  }
  .head-menu .page-wrapper {
    padding-top: 72px;
  }
  .head-submenu .page-wrapper {
    padding-top: 126px;
  }
}
@media only screen and (max-height: 540px) {
  .nav-up .site-header {
    top: -120px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
}
@media only screen and (min-width: 1030px) {
  .site-header .sh-header-container ul.right-menu li.user-menu-btn .usr-data-container {
    max-width: 160px;
    display: inline-block;
  }
}
@media only screen and (min-width: 1080px) {
  .site-header .sh-header-container ul.right-menu li.user-menu-btn .usr-data-container {
    max-width: 200px;
  }
}
@media only screen and (min-width: 1086px) {
  .site-header .sh-header-container ul.right-menu li.user-menu-btn .usr-data-container {
    max-width: 226px;
  }
}
@media only screen and (min-width: 1200px) {
  .site-header .sh-header-container {
    padding-left: 144px;
  }
  .site-header .head-btn-left.sh-btn-home {
    width: 144px;
    text-decoration: none;
    color: #222;
    -webkit-transform: skewX(-6deg) skewY(2deg);
    -moz-transform: skewX(-6deg) skewY(2deg);
    -o-transform: skewX(-6deg) skewY(2deg);
    transform: skewX(-6deg) skewY(2deg);
  }
  .site-header .head-btn-left.sh-btn-home .inner-cnt {
    margin: 12px 7px;
    -webkit-transform: skewX(6deg) skewY(-2deg);
    -moz-transform: skewX(6deg) skewY(-2deg);
    -o-transform: skewX(6deg) skewY(-2deg);
    transform: skewX(6deg) skewY(-2deg);
  }
  .site-header .head-btn-left.sh-btn-home .home-btn-lbl {
    display: inline-block;
    text-align: right;
    position: absolute;
    top: 12px;
    left: 52px;
    top: 16px;
    left: 53px;
    font-size: 13px;
  }
  .site-header .head-btn-left.sh-btn-home .home-btn-lbl .pb-text {
    text-align: left;
    color: #d4011d;
    color: #3c4144;
    display: block;
    font-style: italic;
  }
  .site-header .head-btn-left.sh-btn-home .home-btn-lbl .home-text {
    text-align: right;
    color: #6c757a;
    display: block;
    font-weight: bold;
    font-size: 9px;
    margin-top: 6px;
    margin-right: 2px;
    letter-spacing: 1px;
    display: none;
  }
  .site-header .head-btn-left.sh-btn-home:hover span {
    color: #fff !important;
  }
  .site-header .head-btn-left.sh-btn-home:hover .home-btn-lbl .home-text {
    display: inline-block;
  }
  .site-header .sh-submenu-wrapper .sh-submenu ul {
    margin-left: 146px;
  }
}
/*MAIL ALERT */
.mail-alert {
  text-align: left;
  padding: 0px 20px 0px 20px;
}
.mail-alert .temp-mail-css {
  font-size: 270px !important;
  left: -50px;
  -webkit-opacity: 0.08;
  -moz-opacity: 0.08;
  opacity: 0.08;
  filter: alpha(opacity=8);
  position: absolute;
  top: 90px;
  transform: rotate(-15deg);
}
.page-content-wrapper {
  margin: 0px auto;
  max-width: 1100px;
}
.page-content-body {
  margin: 0px 10px;
  position: relative;
  padding-top: 10px;
}
main {
  margin-bottom: 16px;
}
@media only screen and (min-width: 1100px) {
  .page-content-wrapper {
    border-left: 10px solid #f5f6f7;
    border-right: 10px solid #f5f6f7;
    display: table;
    width: 100%;
    border-collapse: collapse;
  }
  .page-content-body {
    /*overflow: hidden;
        margin: 0px 0px; 
        padding-left: 10px;*/
    padding-top: 0px;
    display: table-row;
  }
  main {
    position: relative;
    display: table-cell;
  }
  aside {
    display: table-cell;
    width: 420px;
    padding-left: 30px;
    /*
        top: 0px; 
        position: absolute; 
        right: 0px;*/
  }
  aside .tile {
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    cursor: default;
  }
  aside .tile table {
    background-color: transparent !important;
  }
}
@media only screen and (min-width: 1200px) {
  .page-content-wrapper {
    border-left: none;
    border-right: none;
  }
}
.pb-dialog {
  display: none;
  height: 100%;
}
.pb-dialog-header-title {
  margin: 0 auto;
  font-size: 18px;
  padding: 14px 80px 14px 14px;
  color: #d4011d;
}
.pb-dialog-content {
  margin: 0 auto 80px auto;
  height: 100%;
  position: relative;
}
.pb-dialog-buttons {
  margin: 0 auto;
  max-width: 1015px;
  margin-top: 10px;
}
.pb-dialog .pb-dialog-btn-close {
  position: fixed;
  z-index: 99999;
}
.pb-dialog .pb-dialog-btn-close label {
  display: none;
}
.pb-dialog-open .pb-dialog.pb-dialog-active {
  display: block;
}
.pb-dialog-open .site-header,
.pb-dialog-open .page-wrapper,
.pb-dialog-open footer {
  display: none;
}
.pb-dialog-open .pb-dialog footer {
  display: block !important;
  position: relative;
}
.pb-dialog-open .message-container.pb-dialog footer {
  bottom: 0px;
}
.pb-dialog-open.main-menu-visible {
  background-image: none !important;
  background: #f5f6f7 !important;
}
.pb-dialog-content form,
.pb-dialog-content .form-summary-only {
  margin: 20px 10px;
}
.pb-dialog-content h2 {
  color: #005194;
  font-weight: normal;
  margin-top: 30px;
}
@media only screen and (max-width: 799px) {
  .input-group-horizontal {
    width: 100% !important;
  }
}
@media only screen and (min-width: 800px) {
  .pb-dialog-content {
    max-width: 1100px;
  }
  .pb-dialog-header-title {
    max-width: 1015px;
  }
  .pb-dialog-content form,
  .pb-dialog-content .form-summary-only {
    margin: 20px auto;
    margin-left: 20px;
  }
  .pb-dialog-content form .proui-ctl-validation-wrapper,
  .pb-dialog-content .form-summary-only .proui-ctl-validation-wrapper {
    max-width: 250px;
  }
  /**/
  .pb-dialog-header-title {
    font-size: 20px;
    padding-left: 3px;
  }
  .pb-dialog .pb-dialog-btn-close {
    width: auto;
    min-width: 65px;
  }
  .pb-dialog .pb-dialog-btn-close label {
    display: inline-block;
    font-size: 16px;
    line-height: 48px !important;
    padding: 0px 6px 0px 4px;
  }
  .pb-dialog .pb-dialog-btn-close .inner-cnt i {
    width: 32px !important;
  }
}
@media only screen and (min-width: 1000px) {
  .pb-dialog-content form,
  .pb-dialog-content .form-summary-only {
    margin-left: 200px;
  }
  .pb-dialog-content form .proui-ctl-validation-wrapper,
  .pb-dialog-content .form-summary-only .proui-ctl-validation-wrapper {
    max-width: 250px;
  }
  .pb-dialog-open.pb-dialog-isForm {
    background-image: url(images/test-bg.jpg);
    background-position: left bottom;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 25%;
  }
}
@media only screen and (min-width: 1050px) {
  .pb-dialog-content form .proui-ctl-validation-wrapper,
  .pb-dialog-content .form-summary-only .proui-ctl-validation-wrapper {
    max-width: 300px;
  }
}
@media only screen and (min-width: 1100px) {
  .pb-dialog-content form .proui-ctl-validation-wrapper,
  .pb-dialog-content .form-summary-only .proui-ctl-validation-wrapper {
    max-width: 360px;
    text-align: left;
  }
}
@media only screen and (min-width: 1200px) {
  .pb-dialog-content {
    max-width: 1200px;
  }
  .pb-dialog-content form,
  .pb-dialog-content .form-summary-only {
    margin-left: 310px;
  }
}
.dialog-ctg .bnt-ctg-back {
  display: none;
}
.dialog-ctg .head-btn-left {
  width: 72px;
}
.dialog-ctg .head-btn-left i:after {
  content: unset;
  position: static;
}
.dialog-ctg .sh-header-container {
  background-color: transparent;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
  box-shadow: none !important;
}
.dialog-ctg .sh-header-container .selected-menu-header {
  color: #005194;
  display: inline-block !important;
}
.dialog-ctg .pb-dialog-content {
  padding: 30px 10px 0px 10px;
}
.dialog-ctg .pb-dialog-content .ctg-menu-container .dg-table .dg-tr-link.menu-link.active {
  border-left-color: #005194 !important;
  color: #005194 !important;
}
.dialog-ctg .pb-dialog-content .ctg-menu-container .dg-table .dg-tr-link.menu-link.active i {
  color: #005194 !important;
}
.dialog-ctg .ctg-search-container {
  background-color: #f5f6f7;
}
.dialog-ctg.dialog-ctg-preview .ctg-form,
.dialog-ctg.dialog-ctg-preview .ctg-form-account {
  display: none;
}
.dialog-ctg.dialog-ctg-preview.dialog-ctg-edit .ctg-menu-container,
.dialog-ctg.dialog-ctg-preview.dialog-ctg-edit .ctg-search-container,
.dialog-ctg.dialog-ctg-preview.dialog-ctg-edit .ctg-list-container,
.dialog-ctg.dialog-ctg-preview.dialog-ctg-edit .ctg-card {
  display: none;
}
.dialog-ctg.dialog-ctg-preview.dialog-ctg-edit .ctg-form {
  display: block;
}
.dialog-ctg.dialog-ctg-preview.dialog-ctg-edit-account .ctg-menu-container,
.dialog-ctg.dialog-ctg-preview.dialog-ctg-edit-account .ctg-search-container,
.dialog-ctg.dialog-ctg-preview.dialog-ctg-edit-account .ctg-list-container,
.dialog-ctg.dialog-ctg-preview.dialog-ctg-edit-account .ctg-card {
  display: none;
}
.dialog-ctg.dialog-ctg-preview.dialog-ctg-edit-account .ctg-form-account {
  display: block;
}
.page-bg-image {
  font-size: 280px !important;
  left: -20px;
  opacity: 0.08;
  position: fixed;
  bottom: 100px;
  transform: rotate(-15deg);
  display: inline-block;
}
.dialog-ctg .pb-dialog-content {
  padding: 0px 0px 0px 0px !important;
}
/*.dialog-ctg .pb-dialog-header {
        display: none;
    }*/
/*.ctg-card-btn {
        display: table-cell;
        background-color: #EAECEE;
        background-color: #fff;
        vertical-align: middle;
        text-align: center;
        font-size: 10px;
        color: #222;
        padding: 6px 4px;
        font-variant-caps: all-petite-caps;
    }*/
.ctg-card-btn-list {
  display: table;
  table-layout: fixed;
  border-spacing: 0px 1px;
  width: 100%;
}
.ctg-card-btn-group {
  display: table-row;
}
.ctg-card-btn-list .ctg-card-btn-group-td {
  display: table-cell;
}
.ctg-card-btn-list .ctg-card-btn-group .ctg-card-btn-group-td button {
  border-top: 1px solid #fff !important;
  width: 100%;
}
.not-editable .tile-content-buttons-wrapper {
  display: none !important;
}
.title-box-editable {
  display: none;
}
.ctg-letter {
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
  background-color: #005194;
  background-color: #6c757a;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 2px;
  cursor: pointer;
}
.ctg-item {
  background-color: #fff;
  margin-bottom: 4px;
  margin-top: 4px;
  margin-left: 30px;
  width: 340px;
  min-height: 40px;
  position: relative;
  padding: 6px;
  padding-left: 40px;
}
.ctg-list-tbl {
  /* width: 320px;*/
  margin-left: 12px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.ctg-item-name {
  font-size: 15px;
  color: #3c4144;
  color: #005194;
  color: #ca5f00;
  color: #d4011d;
  color: #222;
}
.ctg-item-desc {
  font-size: 12px;
  color: #3c4144;
  color: #6c757a;
  padding-bottom: 2px;
}
.ctg-list-tbl,
.ctg-list-tbl .dg-tr,
.ctg-list-tbl .dg-td {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.ctg-list-tbl.dg-table .dg-tbody .dg-tr .dg-td:first-child::before {
  display: none !important;
}
.ctg-list-tbl .dg-tr .dg-td i.i-user-circle {
  margin-right: -7px;
}
.ctg-list-tbl .dg-tr.ctg-item.active {
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  -khtml-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  border-radius: 3px !important;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) !important;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) !important;
  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) !important;
  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) !important;
}
.ctg-list-tbl .dg-tr.ctg-item.active,
.ctg-list-tbl .dg-tr.ctg-item.active .dg-td {
  background-color: white !important;
}
.show-all .letter-items-container,
.show-greek-only .letter-items-container.has-greek,
.show-foreign-only .letter-items-container.has-foreign,
.show-budget-only .letter-items-container.has-budget,
.show-lastused-only .letter-items-container.has-last-used,
.show-mostused-only .letter-items-container.has-most-used,
.show-trusted-only .letter-items-container.has-trusted {
  display: block !important;
}
.letter-list-mode .ctg-list-tbl {
  display: none !important;
}
.letter-list-mode.show-all .letter-items-container,
.letter-list-mode.show-greek-only .letter-items-container.has-greek,
.letter-list-mode.show-foreign-only .letter-items-container.has-foreign,
.letter-list-mode.show-budget-only .letter-items-container.has-budget,
.letter-list-mode.show-lastused-only .letter-items-container.has-last-used,
.letter-list-mode.show-mostused-only .letter-items-container.has-most-used,
.letter-list-mode.show-trusted-only .letter-items-container.has-trusted,
.letter-list-mode .ctg-letter .show-filtered-only {
  display: inline-block !important;
}
.show-greek-only .letter-items-container,
.show-greek-only .letter-items-container .ctg-list-tbl,
.show-foreign-only .letter-items-container,
.show-foreign-only .letter-items-container .ctg-list-tbl,
.show-budget-only .letter-items-container,
.show-budget-only .letter-items-container .ctg-list-tbl,
.show-lastused-only .letter-items-container,
.show-lastused-only .letter-items-container .ctg-list-tbl,
.show-mostused-only .letter-items-container,
.show-mostused-only .letter-items-container .ctg-list-tbl,
.show-trusted-only .letter-items-container,
.show-trusted-only .letter-items-container .ctg-list-tbl,
.show-filtered-only .letter-items-container .ctg-list-tbl,
.show-filtered-only .ctg-letter {
  display: none ;
}
.show-greek-only .letter-items-container.has-greek,
.show-foreign-only .letter-items-container.has-foreign,
.show-budget-only .letter-items-container.has-budget,
.show-lastused-only .letter-items-container.has-last-used,
.show-mostused-only .letter-items-container.has-most-used,
.show-trusted-only .letter-items-container.has-trusted,
.show-filtered-only .letter-items-container {
  display: block;
}
.show-greek-only .letter-items-container.has-greek .ctg-list-tbl.is-greek,
.show-foreign-only .letter-items-container.has-foreign .ctg-list-tbl.is-foreign,
.show-budget-only .letter-items-container.has-budget .ctg-list-tbl.is-budget,
.show-lastused-only .letter-items-container.has-last-used .ctg-list-tbl.is-last-used,
.show-mostused-only .letter-items-container.has-most-used .ctg-list-tbl.is-most-used,
.show-trusted-only .letter-items-container.has-trusted .ctg-list-tbl.is-trusted,
.show-filtered-only .letter-items-container .ctg-list-tbl.is-filtered {
  display: table;
}
.dg-table.ctg-list-tbl.is-trusted i.lavatar:before {
  z-index: 1;
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 3px;
  font-family: 'pcbicon';
  font-size: 15px;
  line-height: 16px;
  width: 13px;
  height: 16px;
  color: #fff;
  content: '\e9b4';
}
.dg-table.ctg-list-tbl.is-trusted i.lavatar:after {
  z-index: 2;
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 4px;
  font-family: 'pcbicon';
  font-size: 13px;
  line-height: 16px;
  width: 13px;
  height: 16px;
  color: #d4011d;
  content: '\e9b4';
}
.ctg-save-btn {
  position: absolute !important;
  bottom: 2px;
  left: 4px;
}
.pb-dialog .pb-ctg-dialog-btn-close {
  position: fixed;
  z-index: 99999;
}
@media only screen and (max-width: 799px) {
  .pb-dialog .pb-ctg-dialog-btn-close label {
    display: none;
  }
  .dg-table.no-mobi-expand {
    margin: 0px 0px !important;
  }
  .pb-dialog-content .ctg-menu-container {
    padding: 10px 10px;
    margin-top: 80px;
  }
  .pb-dialog-content .ctg-search-container {
    padding: 10px 80px 0px 10px;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 9999;
  }
  .pb-dialog-content .ctg-list-container {
    padding: 10px 10px;
  }
  .pb-dialog-content .ctg-card {
    display: none;
  }
  .pb-dialog-content .ctg-menu-container .dg-table .dg-td {
    padding: 10px 6px !important;
  }
  .page-bg-image {
    display: none;
  }
  .card-shown .ctg-menu-container {
    display: none;
  }
  .card-shown .ctg-search-container {
    display: none;
  }
  .card-shown .ctg-list-container {
    display: none;
  }
  .card-shown .ctg-card {
    display: block;
  }
  .card-shown .bnt-ctg-back {
    display: block;
    position: fixed;
  }
  .card-shown .pb-ctg-dialog-btn-close {
    display: none;
  }
  .card-shown.dialog-ctg-edit .bnt-ctg-back,
  .card-shown.dialog-ctg-edit-account .bnt-ctg-back {
    display: none;
  }
  .card-shown.dialog-ctg-edit .pb-ctg-dialog-btn-close,
  .card-shown.dialog-ctg-edit-account .pb-ctg-dialog-btn-close {
    display: block;
  }
}
@media only screen and (min-width: 800px) {
  .pb-dialog .pb-ctg-dialog-btn-close {
    width: auto;
    min-width: 65px;
  }
  .pb-dialog .pb-ctg-dialog-btn-close label {
    display: inline-block;
    font-size: 16px;
    line-height: 48px !important;
    padding: 0px 6px 0px 4px;
  }
  .pb-dialog .pb-ctg-dialog-btn-close .inner-cnt i {
    width: 32px !important;
  }
  .dialog-ctg .bnt-ctg-menu {
    display: none;
  }
  .dialog-ctg .sh-header-container {
    background-color: transparent;
  }
  .dialog-ctg .sh-header-container .selected-menu-header {
    display: block !important;
    position: fixed;
    top: 20px;
    left: 20px;
  }
  .dialog-ctg.dialog-ctg-preview .pb-dialog-content {
    max-width: unset;
    margin-left: 230px;
  }
  .dialog-ctg.dialog-ctg-preview .ctg-menu-container {
    width: 200px;
    position: fixed;
    top: 70px;
    left: 10px;
    overflow-y: auto;
    height: 100%;
  }
  .dialog-ctg.dialog-ctg-preview .ctg-search-container {
    top: 0px;
    position: fixed;
    left: 210px;
    padding-left: 30px;
    padding-top: 10px;
    width: 420px;
    z-index: 2;
  }
  .dialog-ctg.dialog-ctg-preview .ctg-search-container .proui-ctl-container {
    margin-bottom: 10px !important;
  }
  .dialog-ctg.dialog-ctg-preview .ctg-list-container {
    margin-top: 100px;
    width: 334px;
    /* max-height: 600px;
                overflow-y: auto;*/
  }
  .dialog-ctg.dialog-ctg-preview .ctg-card {
    margin-left: 340px;
    z-index: 3;
  }
  .card-shown .ctg-menu-container {
    display: none;
  }
  .card-shown .ctg-search-container {
    display: none;
  }
  .card-shown .ctg-list-container {
    display: none;
  }
  .card-shown .ctg-card {
    margin-left: -230px !important;
    display: block;
  }
  .card-shown .bnt-ctg-back {
    display: block;
    position: fixed;
  }
  .card-shown .pb-ctg-dialog-btn-close {
    display: none;
  }
  .card-shown.dialog-ctg-edit .bnt-ctg-back,
  .card-shown.dialog-ctg-edit-account .bnt-ctg-back {
    display: none;
  }
  .card-shown.dialog-ctg-edit .pb-ctg-dialog-btn-close,
  .card-shown.dialog-ctg-edit-account .pb-ctg-dialog-btn-close {
    display: block;
  }
}
.pb-dialog-open.pb-dialog-isForm.pb-ctg-dialog-open {
  background-image: none !important;
}
.ctg-card .ctg-card-details-container {
  background-color: #fff;
  padding: 20px 20px 20px 20px;
}
.ctg-card .ctg-card-details-container .ctg-card-icon-container {
  text-align: center;
  vertical-align: top;
}
.ctg-card .ctg-card-details-container .ctg-card-data-container {
  padding-top: 20px;
  vertical-align: top;
}
.ctg-card .ctg-card-details-container .ctg-card-data-container .ctg-card-name {
  display: block;
  /*color: #222; */
  font-size: 20px;
  text-align: center;
}
.ctg-card .ctg-card-details-container .ctg-card-data-container .ctg-card-name-nick {
  display: block;
  color: #444;
  font-size: 16px;
  text-align: center;
}
.ctg-card .ctg-card-details-container .ctg-card-data-container .ctg-card-name-details {
  display: block;
  color: #666;
  font-size: 13px;
  text-align: center;
}
@media only screen and (min-width: 800px) {
  .ctg-card {
    display: none;
  }
  .card-shown .ctg-menu-container {
    display: none;
  }
  .card-shown .ctg-search-container {
    display: none;
  }
  .card-shown .ctg-list-container {
    display: none;
  }
  .card-shown .ctg-card {
    display: block;
  }
  .card-shown .bnt-ctg-back {
    display: block;
    position: fixed;
  }
  .card-shown .pb-ctg-dialog-btn-close {
    display: none;
  }
  .card-shown.dialog-ctg-edit .bnt-ctg-back,
  .card-shown.dialog-ctg-edit-account .bnt-ctg-back {
    display: none;
  }
  .card-shown.dialog-ctg-edit .pb-ctg-dialog-btn-close,
  .card-shown.dialog-ctg-edit-account .pb-ctg-dialog-btn-close {
    display: block;
  }
}
@media only screen and (min-width: 1100px) {
  .ctg-card {
    display: block;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 230px;
    height: 100%;
    right: 0px;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    background-color: #f5f6f7;
  }
  .ctg-card .ctg-card-details-container {
    white-space: normal;
  }
  .ctg-card .ctg-card-details-container .ctg-card-icon-container {
    display: inline-block;
  }
  .ctg-card .ctg-card-details-container .ctg-card-data-container {
    padding-top: 10px;
    padding-left: 20px;
    display: inline-block;
  }
  .ctg-card .ctg-card-details-container .ctg-card-data-container .ctg-card-name {
    text-align: left;
    font-size: 26px;
  }
  .ctg-card .ctg-card-details-container .ctg-card-data-container .ctg-card-name-nick {
    text-align: left;
    font-size: 20px;
  }
  .ctg-card .ctg-card-details-container .ctg-card-data-container .ctg-card-name-details {
    text-align: left;
    font-size: 16px;
  }
}
@media only screen and (min-width: 1300px) {
  .ctg-card-acc-list .tile-active .tile-content-buttons-wrapper .btn-list {
    display: table-row;
    float: none;
  }
  .ctg-card-acc-list .tile,
  .ctg-card-acc-list .tile-themed.tile-active,
  .ctg-card-acc-list .tile-active,
  .ctg-card-acc-list .tile:hover,
  .ctg-card-acc-list .tile-hover:not(.tile-active):hover,
  .ctg-card-acc-list .tile.tile-themed.tile-themed-white.tile-active,
  .ctg-card-acc-list .tile.tile-themed-white.tile-hover:not(.tile-active):hover {
    cursor: default !important;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    -khtml-border-radius: 3px 0px 0px 3px;
    -o-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
    border-left-width: 0px !important;
    margin: 0px 0px 1px 0px !important;
    background-color: #fff;
  }
  .ctg-card-acc-list .tile .tile-panel-content-wrapper,
  .ctg-card-acc-list .tile-themed.tile-active .tile-panel-content-wrapper,
  .ctg-card-acc-list .tile-active .tile-panel-content-wrapper,
  .ctg-card-acc-list .tile:hover .tile-panel-content-wrapper,
  .ctg-card-acc-list .tile-hover:not(.tile-active):hover .tile-panel-content-wrapper,
  .ctg-card-acc-list .tile.tile-themed.tile-themed-white.tile-active .tile-panel-content-wrapper,
  .ctg-card-acc-list .tile.tile-themed-white.tile-hover:not(.tile-active):hover .tile-panel-content-wrapper {
    margin: 0px 6px 0px 9px;
  }
  .ctg-card-acc-list .tile:hover {
    background-color: #fefcf7 !important;
  }
  .ctg-card-acc-list .tile:hover .tile-content-buttons-wrapper .btn-list .btn {
    border-color: #fefcf7 !important;
  }
  .ctg-card-acc-list .tile .tile-content-buttons-wrapper {
    display: inline-block;
    table-layout: fixed;
    width: 100%;
    float: none;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: transparent !important;
    border-spacing: 6px 0px;
    margin: auto 0px;
    width: auto !important;
    overflow: hidden;
  }
  .ctg-card-acc-list .tile .tile-content-buttons-wrapper .btn-list {
    display: inline-block;
    float: none;
    height: 100%;
  }
  .ctg-card-acc-list .tile .tile-content-buttons-wrapper .btn-list .btn {
    cursor: pointer !important;
    background-color: #f5f6f7 !important;
    margin: 0px 0px 0px -2px;
    height: 100%;
    display: inline-block;
    float: none;
    width: auto;
    border: 8px solid #fff !important;
    padding-left: 8px;
    padding-right: 8px;
    border-left-width: 0px !important;
  }
  .ctg-card-acc-list .tile .tile-content-buttons-wrapper .btn-list .btn * {
    cursor: pointer !important;
  }
  .ctg-card-acc-list .tile .tile-content-buttons-wrapper .btn-list .btn:hover {
    background-color: #e9eced !important;
  }
  .ctg-card-acc-list .tile .tile-content-hidden {
    height: auto;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .ctg-card-acc-list .tile .tile-active .hidden-only-content {
    display: inline-block;
  }
  .ctg-card-acc-list .tile-hover,
  .ctg-card-acc-list .tile-hover * {
    cursor: default;
  }
}
@media only screen and (min-width: 1300px) {
  .ctg-card-acc-list .tile-active .tile-content-buttons-wrapper .btn-list {
    display: table-row;
    float: none;
  }
  .ctg-card-acc-list .tile,
  .ctg-card-acc-list .tile-themed.tile-active,
  .ctg-card-acc-list .tile-active,
  .ctg-card-acc-list .tile:hover,
  .ctg-card-acc-list .tile-hover:not(.tile-active):hover,
  .ctg-card-acc-list .tile.tile-themed.tile-themed-white.tile-active,
  .ctg-card-acc-list .tile.tile-themed-white.tile-hover:not(.tile-active):hover {
    cursor: default !important;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    -khtml-border-radius: 3px 0px 0px 3px;
    -o-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
    border-left-width: 0px !important;
    margin: 0px 0px 1px 0px !important;
    background-color: #fff;
  }
  .ctg-card-acc-list .tile .tile-panel-content-wrapper,
  .ctg-card-acc-list .tile-themed.tile-active .tile-panel-content-wrapper,
  .ctg-card-acc-list .tile-active .tile-panel-content-wrapper,
  .ctg-card-acc-list .tile:hover .tile-panel-content-wrapper,
  .ctg-card-acc-list .tile-hover:not(.tile-active):hover .tile-panel-content-wrapper,
  .ctg-card-acc-list .tile.tile-themed.tile-themed-white.tile-active .tile-panel-content-wrapper,
  .ctg-card-acc-list .tile.tile-themed-white.tile-hover:not(.tile-active):hover .tile-panel-content-wrapper {
    margin: 0px 6px 0px 9px;
  }
  .ctg-card-acc-list .tile:hover {
    background-color: #fefcf7 !important;
  }
  .ctg-card-acc-list .tile:hover .tile-content-buttons-wrapper .btn-list .btn {
    border-color: #fefcf7 !important;
  }
  .ctg-card-acc-list .tile .tile-content-buttons-wrapper {
    display: inline-block;
    table-layout: fixed;
    width: 100%;
    float: none;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: transparent !important;
    border-spacing: 6px 0px;
    margin: auto 0px;
    width: auto !important;
    overflow: hidden;
  }
  .ctg-card-acc-list .tile .tile-content-buttons-wrapper .btn-list {
    display: inline-block;
    float: none;
    height: 100%;
  }
  .ctg-card-acc-list .tile .tile-content-buttons-wrapper .btn-list .btn {
    cursor: pointer !important;
    background-color: #f5f6f7 !important;
    margin: 0px 0px 0px -2px;
    height: 100%;
    display: inline-block;
    float: none;
    width: auto;
    border: 8px solid #fff !important;
    padding-left: 8px;
    padding-right: 8px;
    border-left-width: 0px !important;
  }
  .ctg-card-acc-list .tile .tile-content-buttons-wrapper .btn-list .btn * {
    cursor: pointer !important;
  }
  .ctg-card-acc-list .tile .tile-content-buttons-wrapper .btn-list .btn:hover {
    background-color: #e9eced !important;
  }
  .ctg-card-acc-list .tile .tile-content-hidden {
    height: auto;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .ctg-card-acc-list .tile .tile-active .hidden-only-content {
    display: inline-block;
  }
  .ctg-card-acc-list .tile-hover,
  .ctg-card-acc-list .tile-hover * {
    cursor: default;
  }
}
.message-container {
  /*border: 2px solid #d6d9da;*/
  margin-top: 8px;
  margin: 0px 10px 20px 10px;
  padding: 30px 0px 0px 0px;
  background-position: right top;
  background-repeat: no-repeat;
  font-size: 1.1em;
  -moz-box-shadow: 0 0 5px #828282;
  -webkit-box-shadow: 0 0 5px #828282;
  box-shadow: 0 0 5px #828282;
  background-color: #fff;
}
.message-container .header {
  margin: 0px 30px;
}
.message-container h3 {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0px;
  margin-bottom: 0px;
  cursor: default;
  color: #005194;
  margin-left: 0px;
}
.message-container h2 {
  color: #005194;
  display: inline-block;
  vertical-align: middle;
  margin-top: 0px;
  margin-bottom: 0px;
}
.message-container span {
  vertical-align: middle;
}
.message-container hr {
  background-color: #ccc;
  border: none;
  height: 1px;
  line-height: 1px;
}
.message-inner {
  /* background-image: url(images/mailbg_ikoni.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 70px;*/
  /* min-height: 300px;*/
  margin: 30px 30px;
}
/* FOOTER */
.foot-contact-bar {
  padding: 10px 20px 20px 20px;
  background-color: #fff;
  text-align: center;
}
.foot-contact-bar-cnt {
  display: inline-block;
  max-width: 770px;
  max-width: 870px;
}
.foot-contact-bar span {
  font-size: 16px;
}
.foot-contact-bar i,
.foot-contact-bar-cnt span {
  color: #DA2129;
  vertical-align: middle;
}
.pcb-badge {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  display: inline-block;
  background-color: #DA2129;
  font-size: 26px;
  color: #fff;
  padding: 2px 8px 3px 8px;
  font-size: 18px;
  text-decoration: none;
  cursor: pointer;
}
.foot-colors-bar {
  overflow: hidden;
}
.foot-colors-bar > div {
  height: 10px;
  width: 16.6667%;
  display: inline-block;
  line-height: 10px;
  float: left;
}
.foot-cnt-div {
  display: inline-block;
  max-width: 1000px;
  margin: 0 auto;
  text-align: left;
}
/*END OF FOOTER*/
.doc-section {
  display: none;
}
.doc-section-unset,
.doc-section-hidden {
  display: none;
}
.doc-section-active {
  display: block;
  /*margin-top: 20px;*/
}
.doc-section-active > .content-form {
  display: block;
  margin-top: 20px;
}
.doc-section-active > .content-summary {
  display: none;
}
.doc-section-inactive {
  display: block;
}
.doc-section-inactive > .content-form {
  display: none;
}
.doc-section-inactive > .content-summary {
  display: block;
}
/*.doc-section-inactive .content-summary .form-control-group {
    max-width: 640px;
}*/
td.declaration-summary-icon-cell {
  width: 36px;
  vertical-align: top;
}
td.declaration-summary-icon-cell .i-size-big {
  margin: -5px -10px -8px -10px;
}
.declaration-details {
  display: none;
  margin-top: 10px;
  padding: 10px 10px;
  background: #fcfcfc;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.declaration-details pre {
  color: #3c4144;
}
.tile {
  background-color: #fff;
  padding: 0px 0px;
  margin-bottom: 1px;
  position: relative;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.tile-hover,
.tile-hover * {
  cursor: pointer;
}
.tile .tile-panel-content-wrapper {
  margin: 0px 6px 0px 6px;
  padding: 8px 0px;
}
.tile .tile-content-buttons-wrapper {
  overflow: hidden;
  position: relative;
  background-color: #f5f6f7;
}
.tile-active .tile-content-buttons-wrapper {
  margin: 6px 0px 0px 0px;
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -khtml-border-radius: 0px 0px 5px 5px;
  -o-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}
.tile .tile-content-hidden {
  height: 0px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tile .hidden-only-content {
  display: none;
}
.tile-active {
  cursor: default;
  -webkit-box-shadow: 0 1px 3px 1px #a1a7ab;
  -moz-box-shadow: 0 1px 3px 1px #a1a7ab;
  -o-box-shadow: 0 1px 3px 1px #a1a7ab;
  -ms-box-shadow: 0 1px 3px 1px #a1a7ab;
  box-shadow: 0 1px 3px 1px #a1a7ab;
}
.tile-hover:not(.tile-active):hover {
  background-color: #fff7e4;
  border-left-width: 5px !important;
  margin-left: -2px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.tile-active .tile-content-hidden {
  height: auto;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tile-active .hidden-only-content {
  display: inline-block;
}
.tile-hover .tile-expand-button {
  float: right;
  margin-top: 11px;
  text-align: right;
  margin-left: 2px;
  margin-right: 0px;
  position: relative;
}
/*.tile-hover .tile-expand-button:after {
    content: @icon-bullet-d;
    display: inline-block;
    position: absolute;
    right: -6px;
    top: -5px;
    font-size: 10px;
}
.tile-hover.tile-active .tile-expand-button:after {
    display: none;
    content: @icon-bullet-u;
    cursor: pointer;
}*/
.tile-hover.tile-active .tile-expand-button:before {
  content: '\e603';
  cursor: pointer;
}
.tile-themed {
  -moz-border-radius: 3px 0px 0px 3px;
  -webkit-border-radius: 3px 0px 0px 3px;
  -khtml-border-radius: 3px 0px 0px 3px;
  -o-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
  border-width: 0px;
  border-left-width: 3px;
  border-style: solid;
}
.tile-icon {
  float: left;
}
.tile-header {
  font-size: 15px;
}
.tile-themed-white {
  border-left-width: 0 !important;
}
.tile-themed-white .tile-header {
  color: #868e93 !important;
}
.tile-themed-gray {
  border-left-color: #d7d9db;
}
.tile-themed-gray .tile-header {
  color: #a1a7ab !important;
}
.tile-themed-yellow {
  border-left-color: #ffd500;
}
.tile-themed-yellow .tile-header {
  color: #C27A05 !important;
}
.tile-themed-orange {
  border-left-color: #eb690a;
}
.tile-themed-orange .tile-header {
  color: #eb690a !important;
}
.tile-themed-red {
  border-left-color: #d4011d;
}
.tile-themed-red .tile-header {
  color: #d4011d !important;
}
.tile-themed-green {
  border-left-color: #008255;
}
.tile-themed-green .tile-header {
  color: #008255 !important;
}
.tile-themed-purple {
  border-left-color: #b60074;
}
.tile-themed-purple .tile-header {
  color: #b60074 !important;
}
.tile-themed-blue {
  border-left-color: #005194;
}
.tile-themed-blue .tile-header {
  color: #005194 !important;
}
.tile-themed.tile-active {
  border-left-width: 5px !important;
  margin: 3px 0px 4px -2px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.tile.tile-themed-white.tile-hover:not(.tile-active):hover {
  border-left-width: 0px !important;
  margin-left: -3px;
}
.tile.tile-themed-white.tile-hover:not(.tile-active):hover .tile-panel-content-wrapper {
  margin: 0px 6px 0px 12px;
}
.tile.tile-themed-white .tile-panel-content-wrapper {
  margin: 0px 6px 0px 9px;
}
.tile.tile-themed.tile-themed-white.tile-active {
  border-left-width: 0px !important;
  margin: 3px 0px 4px -3px;
}
.tile.tile-themed.tile-themed-white.tile-active .tile-panel-content-wrapper {
  margin: 0px 6px 0px 12px;
}
.btn-list {
  overflow: hidden;
  text-align: right;
}
.btn-list .btn {
  width: 100%;
  border-style: solid;
  text-align: right;
  /*height: 30px;
    line-height: 30px;*/
  margin-top: -1px;
  /*border-top: 1px solid #dfe4e6;*/
  padding-left: 6px;
  padding-right: 4px;
  line-height: normal;
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
  box-shadow: none !important;
  margin-bottom: 0px !important;
  border-bottom-width: 0px;
  border-top-width: 1px;
  border-left-width: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  float: left;
  text-align: center;
}
.btn-list .btn i {
  color: #a1a7ab !important;
  margin-top: 8px;
  margin-bottom: -5px;
  font-size: 20px;
  height: 24px;
  line-height: 24px;
  width: 24px;
}
.btn-list .btn > span {
  display: block;
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 6px;
}
.btn-list .btn:hover {
  /*background-color: #fff7e4 !important;
        .shadowInset(#fff7e4);
        */
  background-color: #e9eced !important;
}
.btn-list .btn:hover i {
  color: #6c757a !important;
}
.tile-themed-white .btn-list .btn:hover i {
  color: #3c4144 !important;
}
.tile-themed-gray .btn-list .btn:hover i {
  color: #a1a7ab !important;
}
.tile-themed-yellow .btn-list .btn:hover i {
  color: #C27A05 !important;
}
.tile-themed-orange .btn-list .btn:hover i {
  color: #eb690a !important;
}
.tile-themed-red .btn-list .btn:hover i {
  color: #d4011d !important;
}
.tile-themed-green .btn-list .btn:hover i {
  color: #008255 !important;
}
.tile-themed-purple .btn-list .btn:hover i {
  color: #b60074 !important;
}
.tile-themed-blue .btn-list .btn:hover i {
  color: #005194 !important;
}
.btn-list .btn:first-child {
  border-top-width: 0px !important;
}
.btn-list .btn {
  border-color: #eee !important;
}
.rich-combo-item .tile-amounts {
  margin-right: 22px;
}
.btn-list .btn:first-child:nth-last-child(1) {
  width: 100% !important;
}
@media only screen and (max-width: 799px) {
  .tile-active .tile-content-buttons-wrapper {
    border-top: 1px solid #eee;
  }
  .btn-list .btn,
  .btn-list .btn {
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    border-top-width: 0px !important;
  }
  .tile {
    width: auto !important;
  }
  .btn-list .btn {
    width: 50%;
  }
  .btn-list .btn:last-child:nth-child(odd) {
    width: 100% !important;
    text-align: center;
    line-height: 49px;
    padding-right: 10px;
  }
  .btn-list .btn:last-child:nth-child(odd) > span {
    display: inline;
    padding-bottom: 8px;
  }
  .btn-list .btn:last-child:nth-child(odd) > i {
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media only screen and (min-width: 800px) {
  .tile .tile-content-buttons-wrapper {
    cursor: default;
  }
  .btn-list {
    float: right;
  }
  .btn-list .btn {
    border-top-width: 0px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    padding-bottom: 2px;
    width: auto !important;
    cursor: pointer;
    line-height: 18px;
    min-height: 34px;
  }
  .tile-active .tile-content-buttons-wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
    float: none;
  }
  .tile-active .tile-content-buttons-wrapper .btn-list {
    display: table-row;
    float: none;
    /*
                .btn:first-child:nth-last-child(2),
                .btn:first-child:nth-last-child(2) ~ .btn {
                  width: 50%;
                }
                
                .btn:first-child:nth-last-child(2),
                .btn:first-child:nth-last-child(2) ~ .btn {
                  width: 50%;
                }*/
  }
  .tile-active .tile-content-buttons-wrapper .btn-list .btn {
    display: table-cell;
    float: none;
    width: auto;
  }
  .tile-active .tile-content-buttons-wrapper .btn-list .btn:first-child:nth-last-child(1) {
    text-align: right;
    line-height: 57px;
    padding-right: 15px;
  }
  .tile-active .tile-content-buttons-wrapper .btn-list .btn:first-child:nth-last-child(1) > span {
    display: inline;
    padding-bottom: 8px;
  }
  .tile-active .tile-content-buttons-wrapper .btn-list .btn:first-child:nth-last-child(1) > i {
    margin-top: auto;
    margin-bottom: auto;
  }
  /* .btn-list .btn:first-child:nth-last-child(1) {
      width: 100%;
      border-left-width: 0px !important;
    }*/
  /*
    .btn-list .btn:first-child:nth-last-child(1) {
      width: 100%;
    }

    .btn-list .btn:first-child:nth-last-child(2),
    .btn-list .btn:first-child:nth-last-child(2) ~ .btn {
      width: 50%;
    }


    /*
    .btn-list .btn:first-child:nth-last-child(3),
    .btn-list .btn:first-child:nth-last-child(3) ~ .btn {
      width: 33.3333%;
    }

    .btn-list .btn:first-child:nth-last-child(4),
    .btn-list .btn:first-child:nth-last-child(4) ~ .btn {
      width: 25%;
    }

    .btn-list .btn:first-child:nth-last-child(5),
    .btn-list .btn:first-child:nth-last-child(5) ~ btn {
      width: 20%;
    }
    
    .btn-list .btn:first-child:nth-last-child(6),
    .btn-list .btn:first-child:nth-last-child(6) ~ btn {
      width: 16.6666%;
    }*/
}
/*@import "../CssLayout/Tables.less";*/
.ajax-message-box {
  position: fixed;
  /*left: 10px; 
    top: 100px; */
  right: 20px;
  bottom: 30px;
  margin-left: 20px;
  /* top: 70px;
    right: 10px;*/
  max-width: 500px;
  background-color: #fff;
  color: #fff;
  font-size: 1em;
  z-index: 999999999;
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  /* display: none;*/
  /*.close-btn {
        position: absolute;
        top: 12px;
        right: 8px;
        cursor: pointer;
    }*/
}
.ajax-message-box > table {
  border-collapse: collapse;
  /*margin: 2px 2px; */
  width: 100%;
  table-layout: fixed;
}
.ajax-message-box > table td {
  vertical-align: middle;
  padding: 6px 0px 6px 10px;
}
.ajax-message-box > table td.first {
  background-color: #ccc;
  width: 36px;
  text-align: center;
  padding: 18px 0px 20px 0px;
  -moz-border-radius: 4px 0px 0px 4px;
  -webkit-border-radius: 4px 0px 0px 4px;
  -khtml-border-radius: 4px 0px 0px 4px;
  -o-border-radius: 4px 0px 0px 4px;
  border-radius: 4px 0px 0px 4px;
  -webkit-box-shadow: inset 0 0px 100px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0px 100px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 0px 100px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: inset 0 0px 100px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0px 100px rgba(0, 0, 0, 0.2);
}
.ajax-message-box > table td.last {
  width: 36px;
  text-align: center;
  padding: 18px 0px 20px 0px;
}
.ajax-message-box .message-content {
  vertical-align: middle;
  font-size: 17px;
  padding: 0 10px;
  display: inline;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.ajax-message-box .ajax-mess-icon-alert,
.ajax-message-box .ajax-mess-icon-ok {
  color: #fff;
}
.ajax-message-box-err {
  /*background-color: #fff;
    background-color: #fff0f2;
    */
  background-color: #d4011d;
  color: #fff;
}
.ajax-message-box-err > table td.first {
  background-color: #7c010c;
}
.ajax-message-box-err .ajax-mess-icon-ok {
  display: none;
}
.ajax-message-box-ok {
  /* background-color: #fff;
    background-color: #eafef7;*/
  background-color: #008255;
  color: #fff;
}
.ajax-message-box-ok > table {
  height: 100%;
}
.ajax-message-box-ok > table td {
  height: 100%;
}
.ajax-message-box-ok > table td.first {
  background-color: #195C39;
}
.ajax-message-box-ok .ajax-mess-icon-alert {
  display: none;
}
.ajax-message-box-err .tip-container {
  background-color: #fff;
  color: #fff;
  font-weight: bold;
  font-size: 1em;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.ajax-message-box-err .tip-container:after {
  color: #d4011d;
}
.prcbad-wrapper {
  display: none;
}
body.has-prcbad.prcbad-shadowed-by-page-wrapper .page-content-wrapper {
  z-index: 1;
  position: relative;
  background: #f5f6f7;
  -webkit-box-shadow: 0 -50px 50px -50px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 -50px 50px -50px rgba(0, 0, 0, 0.22);
  -o-box-shadow: 0 -50px 50px -50px rgba(0, 0, 0, 0.22);
  -ms-box-shadow: 0 -50px 50px -50px rgba(0, 0, 0, 0.22);
  box-shadow: 0 -50px 50px -50px rgba(0, 0, 0, 0.22);
}
body.has-prcbad .prcbad-wrapper {
  display: block;
  position: relative;
  margin-top: -72px;
  z-index: 0;
  overflow: hidden;
}
body.has-prcbad .prcbad-wrapper .prcbad-container .prcbad-text-wrapper {
  text-align: right;
  padding: 79px 10px 10px 10px;
}
body.has-prcbad .prcbad-wrapper .prcbad-container .prcbad-button-wrapper {
  text-align: right;
  padding: 10px 10px 30px 10px;
}
@media only screen and (min-width: 1100px) {
  body.has-prcbad .prcbad-wrapper .prcbad-container {
    width: 50%;
    float: left;
    height: 340px;
    position: relative;
  }
  body.has-prcbad .prcbad-wrapper .prcbad-container.prcbad-container-left {
    text-align: right;
  }
  body.has-prcbad .prcbad-wrapper .prcbad-container .prcbad-contaner-body {
    display: inline-block;
    width: 550px;
    height: 340px;
    text-align: right;
    border: 1px solid blue;
  }
  body.has-prcbad .prcbad-wrapper .prcbad-container .prcbad-text-wrapper {
    -webkit-transform: skewX(20deg) skewY(-2deg);
    -moz-transform: skewX(20deg) skewY(-2deg);
    -o-transform: skewX(20deg) skewY(-2deg);
    transform: skewX(20deg) skewY(-2deg);
    background-color: #E8ECEF;
    height: 250px;
    position: absolute;
    right: -70px;
    left: 0px;
    padding-top: 79px;
    top: -15px;
  }
  body.has-prcbad .prcbad-wrapper .prcbad-container .prcbad-text-wrapper .prcbad-text-body {
    -webkit-transform: skewX(-20deg) skewY(2deg);
    -moz-transform: skewX(-20deg) skewY(2deg);
    -o-transform: skewX(-20deg) skewY(2deg);
    transform: skewX(-20deg) skewY(2deg);
    margin-left: 50px;
    width: 490px;
    height: 140px;
    text-align: right;
    /*#E8ECEF    */
  }
  body.has-prcbad .prcbad-wrapper .prcbad-container .prcbad-button-wrapper {
    position: absolute;
    bottom: 30px;
    left: 50px;
    width: 500px;
    text-align: right;
    padding: 0px 0px;
  }
}
@media only screen and (min-width: 1200px) {
  body.has-prcbad.prcbad-shadowed-by-page-wrapper .page-content-wrapper {
    border-left: 50px solid #f5f6f7;
    border-right: 50px solid #f5f6f7;
    max-width: 1200px;
  }
}
/* EMAIL AD STYLES ***************************************************************************************************************/
@media only screen and (max-width: 799px) {
  body.has-prcbad .prcbad-wrapper.prcbad-mail {
    background: #d4011d;
  }
  body.has-prcbad .prcbad-wrapper.prcbad-mail .prcbad-container .prcbad-text-wrapper {
    z-index: 1;
    position: relative;
    color: #fff;
  }
  body.has-prcbad .prcbad-wrapper.prcbad-mail .prcbad-container .prcbad-text-wrapper * {
    color: #fff;
  }
  body.has-prcbad .prcbad-wrapper.prcbad-mail .prcbad-container .prcbad-button-wrapper .btn {
    background-color: #a00012;
  }
  body.has-prcbad .prcbad-wrapper.prcbad-mail .prcbad-container-left:before {
    display: inline-block;
    font-family: 'pcbicon';
    content: '\e632';
    color: #a00012;
    font-size: 270px !important;
    left: -50px;
    -webkit-opacity: 0.4;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
    position: absolute;
    top: 0px;
    z-index: 0;
    transform: rotate(-15deg);
  }
}
@media only screen and (min-width: 800px) {
  body.has-prcbad .prcbad-wrapper.prcbad-mail .prcbad-container-left:before {
    display: inline-block;
    font-family: 'pcbicon';
    content: '\e632';
    color: #a1a7ab;
    font-size: 270px !important;
    left: -50px;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    filter: alpha(opacity=30);
    position: absolute;
    top: -20px;
    z-index: 0;
    transform: rotate(-15deg);
  }
}
@media only screen and (min-width: 1100px) {
  body.has-prcbad .prcbad-wrapper.prcbad-mail {
    background-image: url('/Content/Images/coms/branding-prcbad-mail-en.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    /*.prcbad-container-left:before {
            display: inline-block;
            font-family: @font-family-pcbicon;
            content: @icon-mail;
            color: #dadfe2; 

            font-size: 310px !important;
            right: 70px;           
            .opacity(1);
            position: absolute;
            top: -20px;
            z-index: 0;
            transform: rotate(-15deg);
        }*/
  }
  body.has-prcbad .prcbad-wrapper.prcbad-mail .prcbad-container-left:before {
    display: none;
  }
  body.has-prcbad.bg .prcbad-wrapper.prcbad-mail {
    background-image: url('/Content/Images/coms/branding-prcbad-mail-bg.jpg');
  }
}
/* Housing loan STYLES ***************************************************************************************************************/
@media only screen and (max-width: 799px) {
  body.has-prcbad .prcbad-wrapper.prcbad-housing-loan {
    display: none;
  }
  body.has-prcbad .prcbad-wrapper.prcbad-housing-loan .prcbad-container .prcbad-text-wrapper {
    z-index: 1;
    position: relative;
  }
}
@media only screen and (min-width: 800px) {
  body.has-prcbad .prcbad-wrapper.prcbad-housing-loan .tbl-prcbad-house {
    width: 100%;
    margin-top: 4px;
  }
  body.has-prcbad .prcbad-wrapper.prcbad-housing-loan .tbl-prcbad-house td {
    text-align: right;
    color: #d4011d;
    padding: 6px 20px;
  }
  body.has-prcbad .prcbad-wrapper.prcbad-housing-loan .tbl-prcbad-house td.tbl-prcbad-house-td-perc {
    width: 20px;
    text-align: center;
    background-color: #d4011d;
    color: #fff;
    padding: 8px 20px;
  }
  body.has-prcbad .prcbad-wrapper.prcbad-housing-loan .tbl-prcbad-house td.tbl-prcbad-house-td-perc .prcbad-pers {
    font-size: 56px;
    font-weight: bold;
  }
  body.has-prcbad .prcbad-wrapper.prcbad-housing-loan .tbl-prcbad-house td.tbl-prcbad-house-td-perc .prcbad-pers-details {
    font-size: 14px;
    text-align: right;
  }
  body.has-prcbad .prcbad-wrapper.prcbad-housing-loan .prcbad-housing-text-1 {
    font-size: 30px;
  }
  body.has-prcbad .prcbad-wrapper.prcbad-housing-loan .prcbad-housing-text-2 {
    font-size: 46px;
    font-weight: bold;
  }
  body.has-prcbad .prcbad-wrapper.prcbad-housing-loan .prcbad-housing-text-3 {
    margin-top: 10px;
    color: #868e93;
    font-size: 18px;
    font-style: italic;
    text-align: center;
  }
}
@media only screen and (min-width: 1100px) {
  body.has-prcbad .prcbad-wrapper.prcbad-housing-loan {
    background-image: url('/Content/Images/coms/branding-prcbad-housing-loan.jpg');
    background-position: center top;
    background-repeat: no-repeat;
  }
  body.has-prcbad .prcbad-wrapper.prcbad-housing-loan:before {
    display: none;
  }
}
.pb-user-menu-dialog-open {
  background-image: none !important;
}
.dialog-usermenu .btn {
  background-color: #e9eced !important;
  /*#e9eced;*/
  color: #444 !important;
  line-height: normal;
  border: none !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.dialog-usermenu .user-account-panel .usr-name-container {
  text-align: center;
}
.dialog-usermenu .user-account-panel .usr-name-container i {
  margin-top: 20px;
  width: 80px;
  height: 80px;
  font-size: 80px;
  line-height: 80px;
}
.dialog-usermenu .user-account-panel .usr-name-container .usr-full-name {
  color: #d4011d;
  padding-top: 10px;
  font-size: 17px;
  display: block;
  text-align: center;
}
.dialog-usermenu .user-account-panel .usr-name-container .usr-nick-name {
  display: block;
  text-align: center;
}
.dialog-usermenu .user-account-panel .usr-buttons {
  margin: 20px 15px 0px 15px;
}
.dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row {
  overflow: hidden;
}
.dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell {
  padding-top: 10px;
  min-height: 80px;
  float: left;
  width: 50%;
  border: 6px solid #f5f6f7 !important;
}
.dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell i {
  color: #d4011d;
}
.dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell span {
  padding-bottom: 0px;
}
.dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:first-child:nth-last-child(1) {
  width: 100%;
}
.dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:first-child:nth-last-child(2),
.dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:first-child:nth-last-child(2) ~ .usr-buttons-cell {
  width: 50%;
}
.dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:first-child:nth-last-child(3),
.dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:first-child:nth-last-child(3) ~ .usr-buttons-cell {
  width: 33.3333%;
}
.dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:first-child:nth-last-child(4),
.dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:first-child:nth-last-child(4) ~ .usr-buttons-cell {
  width: 50%;
}
.dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:first-child:nth-last-child(5),
.dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:first-child:nth-last-child(5) ~ .usr-buttons-cell {
  width: 33.3333%;
}
.dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:first-child:nth-last-child(6),
.dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:first-child:nth-last-child(6) ~ .usr-buttons-cell {
  width: 33.3333%;
}
.dialog-usermenu label {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 11px;
  color: #6c757a;
  background: #e2e5e8;
  padding: 3px 2px 3px 5px;
  height: 22px;
}
.dialog-usermenu label:after {
  position: absolute;
  content: '';
  top: 0px;
  right: -22px;
  width: 1px;
  height: 1px;
  border: 11px solid transparent;
  border-left-color: #e2e5e8;
  border-top-color: #e2e5e8;
}
.dialog-usermenu .lavatar {
  position: absolute;
  top: 30px;
  left: 10px;
  width: 50px;
  height: 50px;
  line-height: 51px;
  font-size: 20px;
}
.dialog-usermenu .active-client-panel {
  margin-top: 30px;
  border-top: 1px solid #e2e5e8;
  position: relative;
  padding: 40px 0px 0px 70px;
  padding: 43px 0 0 0px;
}
.dialog-usermenu .active-client-panel .cli-name,
.dialog-usermenu .active-client-panel .cli-usr-profile {
  padding-left: 82px;
}
.dialog-usermenu .active-client-panel .cli-edit-btn {
  margin: 26px 0px;
  text-align: center;
}
.dialog-usermenu .active-client-panel .cli-edit-btn .btn {
  /*i {
                    font-size: 17px;
                    width: 17px;
                    height: 17px;
                    line-height: 16px;
                }*/
}
.dialog-usermenu .active-client-panel .cli-edit-btn .btn.make-default:hover i:before {
  content: '\e9d9';
  color: #E2AA02 !important;
}
.dialog-usermenu .active-client-panel .cli-edit-btn .btn.is-default-client,
.dialog-usermenu .active-client-panel .cli-edit-btn .btn.is-default-client:hover {
  background: #f8f8f8 !important;
  cursor: default;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
  box-shadow: none !important;
}
.dialog-usermenu .active-client-panel .cli-edit-btn .btn.is-default-client i,
.dialog-usermenu .active-client-panel .cli-edit-btn .btn.is-default-client:hover i {
  color: #E2AA02 !important;
}
.dialog-usermenu .active-client-panel .cli-edit-btn .btn.is-default-client span,
.dialog-usermenu .active-client-panel .cli-edit-btn .btn.is-default-client:hover span {
  font-style: italic;
  color: #868e93;
}
.dialog-usermenu .active-client-panel .lavatar {
  width: 60px;
  height: 60px;
  line-height: 61px;
  font-size: 22px;
}
.dialog-usermenu .cli-name {
  font-size: 14px;
  color: #3c4144;
}
.dialog-usermenu .cli-usr-profile {
  font-size: 12px;
  color: #868e93;
}
.dialog-usermenu .cli-edit-btn {
  margin-right: 20px;
}
.dialog-usermenu .cli-edit-btn a {
  text-align: left;
  padding: 4px 2px;
}
.dialog-usermenu .cli-edit-btn a i {
  margin: auto auto !important;
  position: absolute;
  /* height: 100%;*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #a1a7ab;
  left: 4px;
}
.dialog-usermenu .cli-edit-btn a span {
  display: block;
  padding-left: 38px;
}
.dialog-usermenu .client-switch-panel {
  margin-top: 30px;
  position: relative;
  border-top: 1px solid #e2e5e8;
  padding-top: 20px;
}
.dialog-usermenu .client-switch-panel .cli-switch-rows .cli-switch-row {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #e2e5e8;
  padding: 20px 0px 20px 70px;
  cursor: pointer;
}
.dialog-usermenu .client-switch-panel .cli-switch-rows .cli-switch-row .lavatar {
  top: 10px;
}
.dialog-usermenu .client-switch-panel .cli-switch-rows .cli-switch-row i.i-carat-r {
  margin: auto auto !important;
  position: absolute;
  /* height: 100%;*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 4px;
}
.dialog-usermenu .client-switch-panel .cli-switch-rows .cli-switch-row.cli-switch-add .cli-name {
  color: #005194;
}
.dialog-usermenu .client-switch-panel .cli-switch-rows .cli-switch-row.cli-switch-add .cli-usr-profile {
  font-style: italic;
}
.dialog-usermenu .client-switch-panel .cli-switch-rows .cli-switch-row.cli-switch-add .lavatar {
  font-size: 40px;
}
.dialog-usermenu .client-switch-panel .cli-switch-rows .cli-switch-row:hover {
  background: #e9eced !important;
}
@media only screen and (min-width: 800px) {
  .pb-dialog-open.pb-user-menu-dialog-open .user-menu-btn,
  .pb-dialog-open.pb-user-menu-dialog-open .user-menu-btn:hover {
    background-color: #a00012;
    -webkit-box-shadow: inset 0 1px 4px #3a0010;
    -moz-box-shadow: inset 0 1px 4px #3a0010;
    -o-box-shadow: inset 0 1px 4px #3a0010;
    -ms-box-shadow: inset 0 1px 4px #3a0010;
    box-shadow: inset 0 1px 4px #3a0010;
    /*
            color: @color-red;
            i,span {
                color: @color-red;
            }*/
  }
  .pb-dialog-open.pb-user-menu-dialog-open .site-header,
  .pb-dialog-open.pb-user-menu-dialog-open .page-wrapper,
  .pb-dialog-open.pb-user-menu-dialog-open footer {
    display: block;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu {
    position: fixed;
    background-color: #fff;
    z-index: 1000;
    right: 4px;
    top: 60px;
    height: 360px;
    width: 490px;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.3);
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu.um-hr-1 {
    height: 250px;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu.um-hr-2 {
    height: 340px;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu.dialog-usermenu.um-hr-3 {
    height: 399px;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu.dialog-usermenu.um-hr-4 {
    height: 458px;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu.dialog-usermenu.um-hr-5 {
    height: 517px;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu.dialog-usermenu.um-hr-6 {
    height: 576px;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu.dialog-usermenu.um-hr-7 {
    height: 635px;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu.dialog-usermenu.um-hr-8 {
    height: 694px;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu.dialog-usermenu.um-hr-9 {
    height: 753px;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu.dialog-usermenu.um-hr-10 {
    height: 812px;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu label {
    background: transparent;
    color: #868d90;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu label:after {
    border-left-color: #f5f5f5;
    border-top-color: #f5f5f5;
    display: none;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu:before {
    font-family: 'pcbicon';
    content: '\e60b';
    color: #f5f6f7;
    font-size: 26px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    position: absolute;
    top: -15px;
    right: 120px;
    -webkit-text-shadow: 0px -2px 1px #969696;
    -moz-text-shadow: 0px -2px 1px #969696;
    text-shadow: 0px -2px 1px #969696;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .pb-dialog-btn-close {
    display: none;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .pb-dialog-content {
    width: 100%;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .pb-dialog-usermenu {
    position: relative;
    width: 100%;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .user-account-panel {
    background: #f5f6f7;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .user-account-panel .usr-name-container .usr-full-name {
    color: #3c4144;
    text-align: center;
    padding-right: 12px;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .user-account-panel .usr-name-container .usr-nick-name {
    color: #555;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-align: center;
    padding-right: 12px;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .user-account-panel .usr-name-container i {
    display: none;
    position: absolute;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .user-account-panel .usr-buttons {
    margin: 4px 0px 0px 0px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row {
    display: table-row;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell {
    display: table-cell;
    width: auto;
    min-height: 20px;
    background-color: #e9eced !important;
    float: none;
    padding-bottom: 5px;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell span {
    padding-left: 25px;
    text-align: left;
    font-size: 12px;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell i {
    font-size: 17px;
    width: 17px;
    height: 17px;
    line-height: 16px;
    margin: auto auto !important;
    position: absolute;
    /* height: 100%;*/
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 6px;
    color: #a1a7ab;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:hover {
    background-color: #e2e5e6 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:first-child:nth-last-child(1) {
    width: 100%;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:first-child:nth-last-child(2),
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:first-child:nth-last-child(2) ~ .usr-buttons-cell {
    width: 50%;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:first-child:nth-last-child(3),
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:first-child:nth-last-child(3) ~ .usr-buttons-cell {
    width: 33.3333%;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:first-child:nth-last-child(4),
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:first-child:nth-last-child(4) ~ .usr-buttons-cell {
    width: 25%;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:first-child:nth-last-child(5),
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:first-child:nth-last-child(5) ~ .usr-buttons-cell {
    width: 20%;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:first-child:nth-last-child(6),
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .user-account-panel .usr-buttons .usr-buttons-row .usr-buttons-cell:first-child:nth-last-child(6) ~ .usr-buttons-cell {
    width: 16.6666%;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .active-client-panel {
    margin-top: 0px;
    padding: 43px 0 0 0px;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .active-client-panel .cli-name,
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .active-client-panel .cli-usr-profile {
    padding-left: 82px;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .active-client-panel .cli-edit-btn {
    margin: 0px 0px;
    position: absolute;
    left: 6px;
    right: 6px;
    top: 104px;
    text-align: right;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .active-client-panel .cli-edit-btn .btn span {
    font-size: 12px;
    padding: 5px 4px 2px 23px !important;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .active-client-panel .cli-edit-btn .btn i {
    font-size: 17px;
    width: 17px;
    height: 17px;
    line-height: 16px;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .client-switch-panel {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-top: 0px;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .cli-switch-rows .cli-switch-row {
    padding: 14px 0 14px 60px;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .cli-switch-rows .cli-switch-row .cli-name,
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .cli-switch-rows .cli-switch-row .cli-usr-profile {
    margin-right: 38px;
    overflow: hidden;
    white-space: nowrap;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .cli-switch-rows .cli-switch-row .lavatar {
    width: 40px;
    height: 40px;
    line-height: 42px;
    font-size: 15px;
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .cli-switch-rows .cli-switch-row:after {
    display: inline-block;
    width: 20px;
    top: 0px;
    right: 38px;
    height: 70px;
    position: absolute;
    z-index: 1;
    content: '';
    background: #fff;
    background: -moz-linear-gradient(left, transparent 0%, #fff 100%);
    /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(100%, #fff));
    /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(left, transparent 0%, #fff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(left, transparent 0%, #fff 100%);
    /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(left, transparent 0%, #fff 100%);
    /* IE10 preview */
    background: linear-gradient(to right, transparent 0%, #fff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@first', endColorstr='@second', GradientType=1);
    /* IE6-9 */
  }
  .pb-dialog-open.pb-user-menu-dialog-open .dialog-usermenu .cli-switch-rows .cli-switch-row:hover:after {
    background: #e9eced;
    background: -moz-linear-gradient(left, transparent 0%, #e9eced 100%);
    /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(100%, #e9eced));
    /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(left, transparent 0%, #e9eced 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(left, transparent 0%, #e9eced 100%);
    /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(left, transparent 0%, #e9eced 100%);
    /* IE10 preview */
    background: linear-gradient(to right, transparent 0%, #e9eced 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@first', endColorstr='@second', GradientType=1);
    /* IE6-9 */
  }
}
@media only screen and (min-width: 800px) and (max-height: 410px) {
  .dialog-usermenu.um-hr-2 {
    height: auto !important;
    bottom: 12px;
  }
  .dialog-usermenu.um-hr-2 .client-switch-panel {
    top: 260px;
    overflow-y: auto;
  }
}
@media only screen and (min-width: 800px) and (max-height: 469px) {
  .dialog-usermenu.um-hr-3 {
    height: auto !important;
    bottom: 12px;
  }
  .dialog-usermenu.um-hr-3 .client-switch-panel {
    top: 260px;
    overflow-y: auto;
  }
}
@media only screen and (min-width: 800px) and (max-height: 528px) {
  .dialog-usermenu.um-hr-4 {
    height: auto !important;
    bottom: 12px;
  }
  .dialog-usermenu.um-hr-4 .client-switch-panel {
    top: 260px;
    overflow-y: auto;
  }
}
@media only screen and (min-width: 800px) and (max-height: 587px) {
  .dialog-usermenu.um-hr-5 {
    height: auto !important;
    bottom: 12px;
  }
  .dialog-usermenu.um-hr-5 .client-switch-panel {
    top: 260px;
    overflow-y: auto;
  }
}
@media only screen and (min-width: 800px) and (max-height: 646px) {
  .dialog-usermenu.um-hr-6 {
    height: auto !important;
    bottom: 12px;
  }
  .dialog-usermenu.um-hr-6 .client-switch-panel {
    top: 260px;
    overflow-y: auto;
  }
}
@media only screen and (min-width: 800px) and (max-height: 705px) {
  .dialog-usermenu.um-hr-7 {
    height: auto !important;
    bottom: 12px;
  }
  .dialog-usermenu.um-hr-7 .client-switch-panel {
    top: 260px;
    overflow-y: auto;
  }
}
@media only screen and (min-width: 800px) and (max-height: 764px) {
  .dialog-usermenu.um-hr-8 {
    height: auto !important;
    bottom: 12px;
  }
  .dialog-usermenu.um-hr-8 .client-switch-panel {
    top: 260px;
    overflow-y: auto;
  }
}
@media only screen and (min-width: 800px) and (max-height: 823px) {
  .dialog-usermenu.um-hr-9 {
    height: auto !important;
    bottom: 12px;
  }
  .dialog-usermenu.um-hr-9 .client-switch-panel {
    top: 260px;
    overflow-y: auto;
  }
}
@media only screen and (min-width: 800px) and (max-height: 882px) {
  .dialog-usermenu.um-hr-10 {
    height: auto !important;
    bottom: 12px;
  }
  .dialog-usermenu.um-hr-10 .client-switch-panel {
    top: 260px;
    overflow-y: auto;
  }
}
/*.ui-dialog .ui-dialog-titlebar {
    overflow: hidden;
}


.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {

    position: absolute;
    z-index: 2;
    top: -9px;

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30);
        -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30);

    .animation-transition();


    span {


    }

}*/
/*CONTROLS*/
.proui-ctl-container {
  margin-bottom: 26px;
  position: relative;
  display: block;
}
.proui-ctl-wrapper {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  position: relative;
}
.proui-ctl {
  min-height: 44px;
  position: relative;
  border: 1px solid transparent;
  width: auto !important;
}
.proui-ctl:hover {
  border: 1px solid #7A7A7A;
}
.proui-ctl label {
  position: absolute;
  font-size: 11px;
  left: 5px;
  top: 1px;
  color: #6c757a;
}
.proui-ctl.proui-ctl-iconic label {
  left: 30px;
}
.proui-ctl i {
  height: 42px;
  line-height: 42px;
  font-size: 20px;
  width: 30px;
}
.proui-ctl .icon-descr {
  color: #eb690a;
  padding-left: 1px;
  position: absolute;
  z-index: 2;
}
.proui-ctl .proui-ctl-el {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0px 0px;
  padding: 0px 0px;
  padding: 14px 8px 2px 8px;
  border: none !important;
  background: transparent;
  -moz-outline: 0;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: Consolas,monaco,monospace !important;
  letter-spacing: 0;
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  vertical-align: middle;
}
.proui-ctl .proui-ctl-el::-ms-clear {
  display: none;
}
.proui-ctl.proui-ctl-iconic .proui-ctl-el {
  padding-left: 42px;
}
.proui-ctl select.proui-ctl-el {
  padding: 11px 4px 1px 4px;
}
.proui-ctl.proui-ctl-iconic select.proui-ctl-el {
  padding-left: 38px;
  padding-right: 30px;
}
.proui-ctl .icon-clear-btn,
.proui-ctl .icon-bullet-down-btn {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #0c0d0e;
  background-color: #fff;
  z-index: 1;
  cursor: default;
}
.proui-ctl .icon-clear-btn {
  display: none;
}
.proui-has-active-ctl .proui-ctl-wrapper {
  background-color: #fff;
}
.proui-has-active-ctl .proui-ctl-container.proui-ctl-active .proui-ctl:hover {
  border: 1px solid transparent !important;
}
.proui-ctl-active .proui-ctl-wrapper {
  -webkit-box-shadow: 0px 0px 8px 2px #1D77D4;
  -moz-box-shadow: 0px 0px 8px 2px #1D77D4;
  -o-box-shadow: 0px 0px 8px 2px #1D77D4;
  -ms-box-shadow: 0px 0px 8px 2px #1D77D4;
  box-shadow: 0px 0px 8px 2px #1D77D4;
}
.proui-ctl-active .proui-ctl-wrapper .proui-ctl {
  border: 1px solid #fff !important;
}
.proui-ctl-active .proui-ctl-wrapper .icon-descr,
.proui-ctl-active .proui-ctl-wrapper label {
  color: #1D77D4;
}
.proui-ctl-active .proui-ctl-wrapper .range-mode label {
  background-color: #1D77D4;
  color: #fff;
  border-color: transparent !important;
}
.proui-ctl-active .proui-ctl-wrapper input.proui-ctl-el {
  padding-right: 30px;
}
.proui-ctl-active .proui-ctl-wrapper .icon-clear-btn {
  display: block;
  z-index: 3;
}
/*.proui-ctl-combo*/
.proui-ctl-active .proui-ctl-wrapper label.label-outside {
  background-color: #1D77D4;
  color: #fff;
  border-color: transparent !important;
}
.proui-ctl-container.input-validation-error {
  /*&.proui-ctl-combo {*/
  /* }*/
  /* &.proui-ctl-combo*/
  /* &.proui-ctl-combo*/
}
.proui-ctl-container.input-validation-error .proui-ctl label,
.proui-ctl-container.input-validation-error .proui-ctl .icon-descr {
  color: #d4011d;
}
.proui-ctl-container.input-validation-error.proui-ctl-active .proui-ctl-wrapper {
  -webkit-box-shadow: 0px 0px 8px 2px #EE424E;
  -moz-box-shadow: 0px 0px 8px 2px #EE424E;
  -o-box-shadow: 0px 0px 8px 2px #EE424E;
  -ms-box-shadow: 0px 0px 8px 2px #EE424E;
  box-shadow: 0px 0px 8px 2px #EE424E;
}
.proui-ctl-container.input-validation-error label.label-outside {
  color: #fff !important;
  background-color: #d4011d !important;
  border-color: transparent !important;
}
.proui-ctl-container.input-validation-error .proui-ctl-active .proui-ctl-wrapper label.label-outside {
  color: #fff !important;
  background-color: #d4011d !important;
}
.proui-ctl-container.input-validation-error .proui-ctl-active .rich-combo-wrapper {
  -webkit-box-shadow: 0px 0px 8px 2px #EE424E;
  -moz-box-shadow: 0px 0px 8px 2px #EE424E;
  -o-box-shadow: 0px 0px 8px 2px #EE424E;
  -ms-box-shadow: 0px 0px 8px 2px #EE424E;
  box-shadow: 0px 0px 8px 2px #EE424E;
}
.proui-ctl-helpbox {
  display: none;
  position: absolute;
  margin-bottom: 0px;
  background-color: #005194;
  -webkit-box-shadow: 0 1px 3px 1px #d7d9db;
  -moz-box-shadow: 0 1px 3px 1px #d7d9db;
  -o-box-shadow: 0 1px 3px 1px #d7d9db;
  -ms-box-shadow: 0 1px 3px 1px #d7d9db;
  box-shadow: 0 1px 3px 1px #d7d9db;
  color: #fff;
  font-size: 12px;
  padding: 4px 8px;
  top: 0px;
  left: 5px;
  right: 5px;
  -moz-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -khtml-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
  filter: alpha(opacity=85);
  z-index: 99999;
  white-space: normal !important;
}
.proui-ctl-active .proui-ctl-helpbox {
  display: block;
}
.input-validation-error .proui-ctl-helpbox {
  background-color: #d4011d;
}
/* ACTIVE ******************************************************************************************/
/* READONLY ****************************************************************************************/
.proui-ctl-readonly.proui-ctl:after {
  display: block;
  position: absolute;
  background: transparent;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
  content: ' ';
}
.proui-ctl-readonly,
.proui-ctl-active.proui-ctl-readonly {
  background-color: transparent !important;
}
.proui-ctl-readonly .proui-ctl-wrapper,
.proui-ctl-active.proui-ctl-readonly .proui-ctl-wrapper {
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.proui-ctl-readonly .proui-ctl-helpbox,
.proui-ctl-active.proui-ctl-readonly .proui-ctl-helpbox {
  background-color: #6c757a;
}
.proui-ctl-readonly i.icon-clear-btn,
.proui-ctl-active.proui-ctl-readonly i.icon-clear-btn {
  display: none;
}
.proui-ctl-readonly i.icon-descr,
.proui-ctl-active.proui-ctl-readonly i.icon-descr,
.proui-ctl-readonly label,
.proui-ctl-active.proui-ctl-readonly label {
  color: #a1a7ab;
}
.proui-ctl-readonly .proui-ctl-el,
.proui-ctl-active.proui-ctl-readonly .proui-ctl-el {
  color: #6c757a !important;
  font-style: italic;
}
.proui-ctl-readonly .proui-ctl,
.proui-ctl-active.proui-ctl-readonly .proui-ctl {
  border: 1px solid transparent !important;
}
/*SELECT ELEMENT ******************/
.proui-ctl select {
  -moz-outline: 0;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.proui-ctl select::-ms-expand,
input::-ms-expand {
  display: none;
}
.proui-ctl-special-content {
  max-width: 500px;
  padding: 10px 10px 10px 10px;
  border-top: 1px solid #eee;
  text-align: right;
  white-space: normal;
}
.form-control-group .proui-ctl-special-content {
  background-color: transparent;
  border-top: none;
}
/* CONTROL GROUP ***************************************************************************************/
.control-group {
  /* &.control-group-horizontal {
        display: inline-block;

        .proui-ctl-container {
            display: block !important;
            margin-right: -7px;

            .proui-ctl-wrapper {
                width: auto !important;
            }

        }
    }*/
}
.control-group .proui-ctl-container {
  margin-bottom: 1px;
}
/* special hidden validation control*/
.hidden-control .proui-ctl-wrapper {
  display: none !important;
}
.hidden-control .proui-ctl-validation-wrapper {
  margin-top: 10px;
  display: block !important;
  max-width: none !important;
}
.hidden-control .proui-ctl-validation-wrapper .balloon {
  display: none !important;
}
.hidden-control .proui-ctl-validation-wrapper .validator-error-text {
  margin-left: 0px;
  display: block !important;
}
.hidden-control.valid {
  display: none !important;
}
@media only screen and (min-width: 800px) {
  .control-group.control-group-horizontal {
    display: inline-block;
  }
  .control-group.control-group-horizontal .proui-ctl-container {
    display: inline-block !important;
    margin-right: -2px;
  }
  .control-group.control-group-horizontal .proui-ctl-container .proui-ctl-wrapper {
    width: auto !important;
  }
  .control-group.control-group-horizontal.items-1 .proui-ctl-container {
    width: 100%;
    margin-right: 0px;
  }
  .control-group.control-group-horizontal.items-1 .proui-ctl-container .proui-ctl-wrapper {
    width: 100% !important;
  }
  .control-group.control-group-horizontal.items-2 .proui-ctl-container {
    width: 50%;
  }
  .control-group.control-group-horizontal.items-2 .proui-ctl-container .proui-ctl-wrapper {
    width: 100% !important;
  }
  .control-group.control-group-horizontal.items-3 .proui-ctl-container {
    width: 33.3333%;
    margin-right: -3px;
  }
  .control-group.control-group-horizontal.items-3 .proui-ctl-container .proui-ctl-wrapper {
    width: 100% !important;
  }
  .control-group.control-group-horizontal.items-4 .proui-ctl-container {
    width: 25%;
  }
  .control-group.control-group-horizontal.items-4 .proui-ctl-container .proui-ctl-wrapper {
    width: 100% !important;
  }
  .content-form .control-group.control-group-horizontal {
    display: block;
  }
  .content-form h2,
  .content-form p {
    max-width: 520px;
  }
}
@media only screen and (max-width: 799px) {
  .proui-ctl-wrapper {
    width: auto !important;
  }
  .proui-ctl-helpbox {
    width: auto !important;
  }
  .control-group.control-group-horizontal.mobi-items-2 .proui-ctl-container {
    display: inline-block !important;
    margin-right: -2px;
    width: 50%;
  }
  .control-group.control-group-horizontal.mobi-items-2 .proui-ctl-container .proui-ctl-wrapper {
    width: 100% !important;
  }
}
.tip-container-wrapper {
  background-image: url('/content/images/jelev.jpg');
  background-repeat: no-repeat;
  background-position: right bottom;
  margin-top: 10px;
  padding-bottom: 20px;
  min-height: 120px;
  position: relative;
}
.tip-container {
  background-color: #fff;
  font-size: 15px;
  color: #3c4144;
  padding: 10px 14px 14px 14px;
  line-height: 20px;
  vertical-align: middle;
  /* overflow: hidden;*/
  -webkit-box-shadow: 0px 0px 8px 2px #d7d9db;
  -moz-box-shadow: 0px 0px 8px 2px #d7d9db;
  -o-box-shadow: 0px 0px 8px 2px #d7d9db;
  -ms-box-shadow: 0px 0px 8px 2px #d7d9db;
  box-shadow: 0px 0px 8px 2px #d7d9db;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.tip-container-wrapper .tip-container {
  min-height: 76px;
  margin-right: 110px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.tip-container-wrapper .tip-container:after {
  font-family: 'pcbicon';
  content: '\e609';
  color: #fff;
  font-size: 40px;
  line-height: 40px;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 54px;
  right: 85px;
  -webkit-text-shadow: 4px 0px 4px #d7d9db;
  -moz-text-shadow: 4px 0px 4px #d7d9db;
  text-shadow: 4px 0px 4px #d7d9db;
}
.mode-uppercase {
  text-transform: uppercase;
}
.mode-normalcase {
  text-transform: none;
  font-variant-caps: normal;
}
.bank-account-ctl-group-wrapper .bic-hidden {
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  margin: 0px 0px !important;
}
.bank-account-ctl-group-wrapper .bic-hidden .proui-ctl-wrapper {
  margin: 10px 10px !important;
}
.bank-account-ctl-group-wrapper .bank-account-number-holder-wrapper .proui-ctl-el {
  z-index: 2;
}
.bank-account-ctl-group-wrapper .bank-account-number-holder-wrapper .proui-ctl-el.proui-ctl-mask-el {
  z-index: 1;
  color: #cfcfcf;
}
.bank-account-ctl-group-wrapper .panel-bank-code,
.bank-account-ctl-group-wrapper .panel-bank-details,
.bank-account-ctl-group-wrapper .panel-bank-info {
  display: none;
}
.bank-account-ctl-group-wrapper.bank-data-found .panel-bank-info {
  margin-top: -22px;
  display: block;
}
.bank-account-ctl-group-wrapper.no-swift-data-by-iban .panel-bank-code {
  display: block;
}
.bank-account-ctl-group-wrapper.no-swift-data-by-iban .panel-bank-info {
  margin-top: -8px;
}
.bank-account-ctl-group-wrapper.no-swift-data-by-bankcode .panel-bank-details {
  display: block;
}
.bank-account-ctl-group-wrapper.bank-code-control-only .proui-ctl-panel-bank-account {
  display: none !important;
}
.bank-account-ctl-group-wrapper.bank-code-control-only .panel-bank-code {
  display: block !important;
}
.bank-account-ctl-group-wrapper.bank-code-control-only .panel-bank-details {
  display: none !important;
}
.opacity-hidden {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.value-input-opacity-hidden > input.proui-ctl-el {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.proui-ctl-container.disabled {
  cursor: default !important;
}
.proui-ctl-container.disabled .proui-ctl-wrapper {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.proui-ctl-container.disabled .proui-ctl-wrapper .icon-descr {
  color: #3c4144 !important;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.proui-ctl-container.disabled .proui-ctl-wrapper label {
  color: #6c757a !important;
  font-style: italic;
}
.proui-ctl-container.disabled .proui-ctl-wrapper i.icon-bullet-down-btn {
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.proui-ctl-container.disabled .proui-ctl-wrapper i.icon-clear-btn {
  display: none !important;
}
.proui-ctl-container.disabled .proui-ctl:hover {
  border: 1px solid transparent !important;
}
.proui-ctl-paymentcode .proui-ctl-wrapper {
  background-color: #f2f2f2;
}
.proui-ctl-paymentcode .proui-ctl-wrapper .icon-descr {
  line-height: 52px;
}
.proui-ctl-paymentcode .ctl-value-holder {
  width: 0px;
  height: 0px;
  border: 0px;
  position: absolute;
  top: -44444px;
  left: -44444px;
  overflow: hidden;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.proui-ctl-paymentcode .payment-code-ctl .inputs-container input {
  padding: 7px 9px !important;
  font-size: 20px !important;
  /*11px per symbol!*/
  line-height: 20px !important;
  font-family: Consolas,monaco,monospace !important;
  border-radius: 5px 5px;
  border: 1px solid transparent;
  box-shadow: 0 0 2px 0 #9ba4aa;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.proui-ctl-disabled {
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.proui-ctl-disabled.proui-ctl-active .proui-ctl-wrapper {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
  box-shadow: none !important;
}
.proui-ctl-validation-wrapper {
  display: block;
  position: relative;
  text-align: right;
  margin-left: 6px;
  max-width: 100%;
}
.validator-error-text {
  display: inline-block;
  background-color: #d4011d;
  color: #fff;
  padding: 6px 7px 6px 7px;
  right: 6px;
  margin-left: 16px;
  position: relative;
  /* position: absolute;
        top: 0px;
        right: 0px;
        z-index: 10;
        */
}
.content-field-is-not-required {
  display: none !important;
}
.section-is-hidden.doc-section-inactive,
.section-is-hidden.doc-section-unset,
.section-is-hidden.doc-section-readonly {
  display: none !important;
}
.validator-error-text i,
.validator-error-text .the-error-message span {
  vertical-align: middle;
}
.validator-error-text .the-error-message span {
  font-size: 12px;
}
.validator-error-text .balloon {
  color: #d4011d;
  position: absolute;
  top: -18px;
  right: 0px;
  left: auto;
  z-index: 20;
}
.validator-error-text .balloon:before {
  content: "\e60b";
}
.validator-error-text i.i-alert {
  color: #fff;
  font-size: 14px;
  width: 15px;
  height: 15px;
  line-height: 15px;
}
.proui-ctl-container.valid .proui-ctl-validation-wrapper {
  position: static;
}
.proui-ctl-container.valid .field-validation-valid {
  background-color: #008255;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  height: 13px;
  width: 13px;
  text-align: center;
  vertical-align: middle;
  line-height: 12px;
  right: -3px;
  top: -1px;
  z-index: 6;
  padding: unset;
  position: absolute;
}
.proui-ctl-container.valid .field-validation-valid i {
  height: 12px;
  width: 11px;
  font-size: 12px;
  line-height: 11px;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 1px;
  left: 1px;
}
.proui-ctl-container.valid .field-validation-valid i.balloon {
  display: none;
}
.proui-ctl-container.valid .field-validation-valid i.i-alert:before {
  content: '\e616';
}
.validation-summary-errors {
  background: #d4011d;
  color: #fff;
  display: block;
  padding: 10px 10px 8px 10px;
  font-size: 1.1em;
  vertical-align: middle;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
@media only screen and (min-width: 800px) {
  .proui-ctl-wrapper {
    display: inline-block;
    vertical-align: top;
  }
  .proui-ctl-validation-wrapper {
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
    margin-left: 0px;
  }
  .validator-error-text {
    vertical-align: middle;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    right: unset;
    margin-left: 6px;
  }
  .validator-error-text .balloon {
    left: -18px;
    right: unset;
    top: 0px;
  }
  .validator-error-text .balloon:before {
    content: '\e60a';
  }
  .proui-ctl-container.valid .proui-ctl-validation-wrapper {
    position: relative;
  }
  .proui-ctl-container.valid .field-validation-valid {
    right: unset;
    left: -19px;
    top: -7px;
    position: relative;
  }
}
.proui-ctl-container.proui-ctl-active.input-validation-remote-running .proui-ctl-wrapper {
  -webkit-box-shadow: 0px 0px 8px 2px #C27A05;
  -moz-box-shadow: 0px 0px 8px 2px #C27A05;
  -o-box-shadow: 0px 0px 8px 2px #C27A05;
  -ms-box-shadow: 0px 0px 8px 2px #C27A05;
  box-shadow: 0px 0px 8px 2px #C27A05;
}
.proui-ctl-container.input-validation-remote-running .proui-ctl label,
.proui-ctl-container.input-validation-remote-running .proui-ctl .icon-descr {
  color: #C27A05;
}
.input-validation-remote-running .proui-ctl-validation-wrapper .validator-error-text {
  background-color: #FCE132;
}
.input-validation-remote-running .proui-ctl-validation-wrapper .validator-error-text .balloon {
  color: #FCE132;
}
.input-validation-remote-running .proui-ctl-validation-wrapper .validator-error-text i.i-alert {
  position: relative;
}
.input-validation-remote-running .proui-ctl-validation-wrapper .validator-error-text i.i-alert:before {
  content: '\e903';
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-left: -50%;
  -moz-animation: 1s linear 0s infinite pb-anim-loader;
  -o-animation: 1s linear 0s infinite pb-anim-loader;
  -webkit-animation: 1s linear 0s infinite pb-anim-loader;
  animation: 1s linear 0s infinite pb-anim-loader;
}
.input-validation-remote-running .proui-ctl-validation-wrapper .validator-error-text i.i-alert:after {
  content: '\e902';
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-left: -50%;
  -moz-animation: 1s linear 0s reverse infinite pb-anim-loader;
  -o-animation: 1s linear 0s reverse infinite pb-anim-loader;
  -webkit-animation: 1s linear 0s reverse infinite pb-anim-loader;
  animation: 1s linear 0s reverse infinite pb-anim-loader;
}
.input-validation-remote-running .proui-ctl-validation-wrapper .validator-error-text .the-error-message {
  color: #0c0d0e;
}
.error-on-bottom .proui-ctl-validation-wrapper {
  display: block;
  position: relative;
  text-align: right;
  margin-left: 6px;
  max-width: 100%;
}
.error-on-bottom .validator-error-text {
  display: inline-block;
  background-color: #d4011d;
  color: #fff;
  padding: 6px 7px 6px 7px;
  right: 6px;
  margin-left: 16px;
  position: relative;
  /* position: absolute;
        top: 0px;
        right: 0px;
        z-index: 10;
        */
}
.error-on-bottom .content-field-is-not-required {
  display: none !important;
}
.error-on-bottom .section-is-hidden.doc-section-inactive,
.error-on-bottom .section-is-hidden.doc-section-unset,
.error-on-bottom .section-is-hidden.doc-section-readonly {
  display: none !important;
}
.error-on-bottom .validator-error-text i,
.error-on-bottom .validator-error-text .the-error-message span {
  vertical-align: middle;
}
.error-on-bottom .validator-error-text .the-error-message span {
  font-size: 12px;
}
.error-on-bottom .validator-error-text .balloon {
  color: #d4011d;
  position: absolute;
  top: -18px;
  right: 0px;
  left: auto;
  z-index: 20;
}
.error-on-bottom .validator-error-text .balloon:before {
  content: "\e60b";
}
.error-on-bottom .validator-error-text i.i-alert {
  color: #fff;
  font-size: 14px;
  width: 15px;
  height: 15px;
  line-height: 15px;
}
.error-on-bottom .proui-ctl-container.valid .proui-ctl-validation-wrapper {
  position: static;
}
.error-on-bottom .proui-ctl-container.valid .field-validation-valid {
  background-color: #008255;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  height: 13px;
  width: 13px;
  text-align: center;
  vertical-align: middle;
  line-height: 12px;
  right: -3px;
  top: -1px;
  z-index: 6;
  padding: unset;
  position: absolute;
}
.error-on-bottom .proui-ctl-container.valid .field-validation-valid i {
  height: 12px;
  width: 11px;
  font-size: 12px;
  line-height: 11px;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 1px;
  left: 1px;
}
.error-on-bottom .proui-ctl-container.valid .field-validation-valid i.balloon {
  display: none;
}
.error-on-bottom .proui-ctl-container.valid .field-validation-valid i.i-alert:before {
  content: '\e616';
}
.error-on-bottom .validation-summary-errors {
  background: #d4011d;
  color: #fff;
  display: block;
  padding: 10px 10px 8px 10px;
  font-size: 1.1em;
  vertical-align: middle;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
/*

.text-input-validation-wrapper {
    margin-bottom: 4px !important;
}
.text-input-validation-wrapper .input-wrapper {
    display: block;
    width: 99% !important;
}

.text-input-validation-wrapper .input-wrapper.input-wrapper-err {
    text-align: left;
    margin-left: 6px;
}
.text-input-validation-wrapper .input-wrapper.input-wrapper-err i.balloon {
    left: 46px;
    right: auto;
}
    
.validator-error-text {
    color: #fff;
    padding: 4px 7px 4px 7px;
    //display: none;
        
    margin: -10px 0px 8px 20px;
    //background-color: #d4011d;
    z-index: 2;
    min-height: initial;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background: #d4011d;
    
    text-align: left;
        
    display: inline-block;
    right: 0px;
}
.input-wrapper-err {
    text-align: right;
}
.field-validation-error {
        
}

.validator-error-text i.i-alert {
    color: #fff;
    font-size: 14px;
    width: 15px;
    height: 15px;
    line-height: 15px;
}

.validator-error-text i, .validator-error-text .the-error-message span {
    vertical-align: middle;
}

.validator-error-text .balloon {
    color: #d4011d;
    position: absolute;
    top: -18px;
    right: 0px;
}

.validator-error-text .balloon:before {
    content: "\e60b";
}

.field-validation-valid {
    background-color: #008255;
    color: #ffffff;
    text-align: center;
        
        
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    -khtml-border-radius: 10px 10px 10px 10px !important;
    -o-border-radius: 10px 10px 10px 10px !important;
    border-radius: 10px 10px 10px 10px !important;
        
    margin: -40px 0px 8px 20px;
    width: 12px;
    height: 12px;
    padding: 0px; 
    line-height: 10px;
}

    .field-validation-valid i.i-alert {
           
        width: 10px;
        height: 10px;
        font-size: 10px;
        line-height: 10px;
    }

    .field-validation-valid.validator-error-text .balloon {
        //display: none;
            
        display: none;
        color: #008255;
            
    }

.input-wrapper.input-wrapper-err {
    position: relative;
}

.input-wrapper-err-acc-select .validator-error-text {
    margin-right: -2px;
    margin-left: 0px !important;
    margin-top: -9px;
}*/
.acc-name-container {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.acc-panel-wrapper {
  vertical-align: middle;
  height: 100%;
}
.acc-panel-wrapper .acc-name-wrapper {
  vertical-align: middle;
  height: 100%;
}
.acc-panel-wrapper .acc-name-wrapper i,
.acc-panel-wrapper .acc-name-wrapper span {
  vertical-align: middle;
  height: 100%;
}
.acc-name-wrapper > * {
  vertical-align: middle;
}
.acc-name-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.acc-name-wrapper i:not(.lavatar) {
  width: 20px;
  height: 33px;
  line-height: 33px;
}
.acc-name-wrapper .acc-name-container {
  font-size: 15px;
  display: inline-block;
}
.acc-name-wrapper .acc-lbl-currency {
  font-size: 9px;
}
.acc-name-wrapper .acc-lbl-iban {
  display: block;
  line-height: 14px;
  font-family: 'metaroman';
  user-select: all;
}
.acc-name-wrapper .acc-lbl-type {
  font-size: 13px;
  line-height: 14px;
  padding-top: 2px;
}
.acc-name-icon-big i:not(.lavatar) {
  font-size: 24px;
  height: 30px;
  line-height: 30px;
  width: 30px;
}
.dg-td .acc-name-wrapper i:not(.lavatar) {
  line-height: 13px;
  width: 16px;
  height: 13px;
  /*margin-right: 2px;*/
}
.dg-td .acc-name-wrapper .acc-name-container {
  margin-left: 0px;
}
.dg-td .acc-name-wrapper span:not(.acc-name-wrapper.acc-name-icon-big) {
  display: inline-block !important;
}
.dg-td .acc-name-wrapper i:not(.lavatar) {
  line-height: inherit;
  width: inherit;
  height: inherit;
}
.acc-name-wrapper i.lavatar {
  width: 25px;
  height: 25px;
  line-height: 26px;
  font-size: 11px;
  margin-left: 2px;
  margin-right: 3px;
}
.iban-container {
  font-family: 'metaroman';
  font-size: 13px;
  white-space: nowrap;
  color: #3c4144;
}
.iban-container .iban-group {
  display: inline-block;
  padding: 0px 0px 0px 2px;
  letter-spacing: -0.6px;
}
.iban-container .iban-group:first-child {
  padding: 0px 0px 0px 0px;
}
.content-summary .iban-container {
  font-size: 14px;
}
.dg-container .dg-table .dg-td .account-name-wrapper {
  position: relative;
  /* span.account-name {
        padding-left: 20px;
    }
    i {
        position: absolute;
        z-index: 0;
        top: 0px;
        left: 0px;
        font-size: 20px;
        line-height: 34px;
        height: 33px;
        width: 20px;
    }*/
}
.dg-container .dg-table .dg-td .account-name-wrapper .iban-container {
  display: block;
}
.tile-panel {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tile-panel .tile-lbl-type {
  font-size: 11px;
}
.tile-panel .tile-lbl-iban {
  font-size: 11px;
}
.tile-panel .tile-details {
  float: left;
  margin-left: 6px;
}
.tile-amounts {
  float: right;
  margin-left: -10px;
  margin-right: 0px;
  margin-top: 10px;
  margin-bottom: 14px;
  margin: 0px 0 1px -10px;
}
.tile-amounts-available.tile-more-only-show {
  display: none;
}
.tile-panel-more .tile-amounts-available.tile-more-only-show {
  display: inline-block;
}
.tile-amount-container {
  float: right;
  text-align: right;
  margin-left: 16px;
}
.tile-amounts-label {
  font-size: 9px;
  text-transform: uppercase;
  font-weight: bold;
}
.fill-to-the-end {
  background-color: #f3f7f7;
  /*border-bottom: 1px solid #AFBCC0;*/
  padding: 5px 4px 6px 8px;
  font-size: 14px;
  line-height: 24px;
  text-align: right;
  vertical-align: bottom;
  /* background-color: #ee424e;
    background-color: #f3626e;
    background-color: #f598a0;*/
  /*margin-bottom: 20px;
    display: inline-block;
    float: right;*/
}
/*.fill-to-the-end span, .fill-to-the-end i {
        color: #fff !important;
    }*/
.tile-bullet {
  float: right;
  margin-top: 16px;
  text-align: right;
  margin-left: 8px;
}
.tile-bullet-hide {
  float: right;
  text-align: right;
  margin-top: 16px;
  margin-left: 8px;
  display: none;
}
.tile-panel-actions {
  /*display: none;*/
  margin-top: 6px;
  /*background-color: #fff7df;
    background-color: #fefbf0;
    background-color: #f3f7f7;
    background-color: #fff;*/
  margin-right: -6px;
  margin-left: -6px;
  margin-bottom: -3px;
  border-top: 1px solid #eee;
}
.action-button {
  text-align: right;
  height: 30px;
  line-height: 30px;
  margin-top: 1px;
  /*border-top: 1px solid #dfe4e6;*/
  padding-left: 6px;
  padding-right: 8px;
}
.tile-panel-actions .btn {
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
  box-shadow: none !important;
  float: left;
  margin-bottom: 0px !important;
}
/* HOVER  */
.tile-panel:not(.tile-panel-more):hover {
  /*background-color: #f7fafa;*/
}
.tile-panel:not(.tile-panel-more):hover .i-33 {
  color: #d4011d !important;
}
/* SELECTED */
.tile-panel-more {
  margin-top: 3px;
  margin-bottom: 8px;
  -webkit-box-shadow: 0 1px 3px 1px #a1a7ab;
  -moz-box-shadow: 0 1px 3px 1px #a1a7ab;
  -o-box-shadow: 0 1px 3px 1px #a1a7ab;
  -ms-box-shadow: 0 1px 3px 1px #a1a7ab;
  box-shadow: 0 1px 3px 1px #a1a7ab;
  border-left-width: 4px !important;
  margin-left: -1px;
  margin-left: -2px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.tile-green {
  border-left: 3px solid #008255;
}
.tile-green .tile-panel-actions i {
  color: #d4011d !important;
}
.tile-blue {
  border-left: 3px solid #005194;
}
.tile-blue .acc-panel-actions i {
  color: #d4011d !important;
}
.tile-panel-more .tile-bullet-hide {
  display: inline-block;
}
.tile-panel-more .tile-bullet {
  display: none;
}
/*
.acc-panel-more .acc-amounts {
    display: none;
}*/
.tile-panel-actions {
  /*display: block;*/
  overflow: hidden;
  max-height: 0;
  transition: max-height 0s;
}
.tile-panel-more .tile-panel-actions {
  /* border-top: 1px dotted #dfe4e6;*/
  max-height: 500px;
  font-size: 12px;
  transition: max-height 0.6s;
}
.tile .tile-collapsed-visible-only {
  display: block;
}
.tile-active .tile-collapsed-visible-only {
  display: none;
}
.tile-panel-actions .btn {
  width: 100%;
  border-style: solid;
  border-top-width: 1px;
  text-align: right;
}
.tile-panel-actions .btn:first-child {
  border-top-width: 0px !important;
}
.tile-blue .tile-panel-actions .btn {
  border-color: rgba(0, 81, 148, 0.1) !important;
}
.tile-green .tile-panel-actions .btn {
  border-color: rgba(0, 130, 85, 0.1) !important;
}
.tile-active .tile-content-buttons-wrapper.initial-options-visible-1.options-collapsed .btn,
.tile-active .tile-content-buttons-wrapper.initial-options-visible-2.options-collapsed .btn,
.tile-active .tile-content-buttons-wrapper.initial-options-visible-3.options-collapsed .btn,
.tile-active .tile-content-buttons-wrapper.initial-options-visible-4.options-collapsed .btn,
.tile-active .tile-content-buttons-wrapper.initial-options-visible-5.options-collapsed .btn {
  display: none;
}
/*.btn:nth-last-child(2):nth-child(odd) 
{
    
}
.btn:nth-last-child(2):nth-child(even) {
    50%
}*/
/*.tile-active .tile-content-buttons-wrapper.initial-options-visible-1.options-expanded .btn:nth-last-child(2):not(:nth-last-child(odd)),
.tile-active .tile-content-buttons-wrapper.initial-options-visible-2.options-expanded .btn:nth-last-child(2):not(:nth-last-child(odd)),
.tile-active .tile-content-buttons-wrapper.initial-options-visible-3.options-expanded .btn:nth-last-child(2):not(:nth-last-child(odd)),
.tile-active .tile-content-buttons-wrapper.initial-options-visible-4.options-expanded .btn:nth-last-child(2):not(:nth-last-child(odd)),
.tile-active .tile-content-buttons-wrapper.initial-options-visible-5.options-expanded .btn:nth-last-child(2):not(:nth-last-child(odd)) {
    width: 100%;
}*/
.tile-active .tile-content-buttons-wrapper.initial-options-visible-1 .btn:nth-child(-n+1) {
  display: table-cell;
}
.tile-active .tile-content-buttons-wrapper.initial-options-visible-2 .btn:nth-child(-n+2) {
  display: table-cell;
}
.tile-active .tile-content-buttons-wrapper.initial-options-visible-3 .btn:nth-child(-n+3) {
  display: table-cell;
}
.tile-active .tile-content-buttons-wrapper.initial-options-visible-4 .btn:nth-child(-n+4) {
  display: table-cell;
}
.tile-active .tile-content-buttons-wrapper.initial-options-visible-5 .btn:nth-child(-n+5) {
  display: table-cell;
}
.tile-active .tile-content-buttons-wrapper.initial-options-visible-2.options-collapsed .btn.account-box-show-all-buttons,
.tile-active .tile-content-buttons-wrapper.initial-options-visible-4.options-collapsed .btn.account-box-show-all-buttons {
  width: 100%;
}
.tile-active .tile-content-buttons-wrapper.options-collapsed .btn.account-box-show-all-buttons {
  display: table-cell;
}
.tile-active .tile-content-buttons-wrapper.options-expanded .btn.account-box-show-all-buttons {
  display: none;
}
@media only screen and (min-width: 800px) {
  .tile-panel-actions .btn {
    width: 33.3333%;
    border-top-width: 0px !important;
    border-left-width: 1px !important;
  }
  .tile-panel-actions .btn:first-child {
    border-left-width: 0px !important;
  }
}
.tile-active .btn.account-box-show-all-buttons i.i-menu-more:before,
.tile-active .btn.account-box-show-all-buttons i.i-109:before {
  display: inline-block;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tile-active .tile-content-buttons-wrapper.options-collapsed .btn.account-box-show-all-buttons {
  line-height: 55px;
  padding-left: 6px;
  padding-right: 4px;
}
.tile-active .tile-content-buttons-wrapper.options-collapsed .btn.account-box-show-all-buttons > i {
  margin-top: 0px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 799px) {
  .tile-active .tile-content-buttons-wrapper.initial-options-visible-1.options-collapsed .btn.account-box-show-all-buttons,
  .tile-active .tile-content-buttons-wrapper.initial-options-visible-3.options-collapsed .btn.account-box-show-all-buttons,
  .tile-active .tile-content-buttons-wrapper.initial-options-visible-5.options-collapsed .btn.account-box-show-all-buttons {
    width: 50% !important;
  }
  .tile-active .tile-content-buttons-wrapper.initial-options-visible-2.options-collapsed .btn.account-box-show-all-buttons,
  .tile-active .tile-content-buttons-wrapper.initial-options-visible-4.options-collapsed .btn.account-box-show-all-buttons,
  .tile-active .tile-content-buttons-wrapper.options-expanded .btn:nth-last-child(2):nth-child(odd) {
    width: 100%;
    text-align: center;
    line-height: 49px;
    padding-right: 10px;
  }
  .tile-active .tile-content-buttons-wrapper.initial-options-visible-2.options-collapsed .btn.account-box-show-all-buttons > span,
  .tile-active .tile-content-buttons-wrapper.initial-options-visible-4.options-collapsed .btn.account-box-show-all-buttons > span,
  .tile-active .tile-content-buttons-wrapper.options-expanded .btn:nth-last-child(2):nth-child(odd) > span {
    display: inline;
    padding-bottom: 8px;
  }
  .tile-active .tile-content-buttons-wrapper.initial-options-visible-2.options-collapsed .btn.account-box-show-all-buttons > i,
  .tile-active .tile-content-buttons-wrapper.initial-options-visible-4.options-collapsed .btn.account-box-show-all-buttons > i,
  .tile-active .tile-content-buttons-wrapper.options-expanded .btn:nth-last-child(2):nth-child(odd) > i {
    margin-top: auto;
    margin-bottom: auto;
  }
}
.money-lbl-container {
  vertical-align: middle;
  white-space: nowrap;
}
.money-lbl {
  font-family: "metaroman", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 17px;
  vertical-align: middle;
}
.money-lbl em {
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 0.8em;
  vertical-align: top;
}
.currency-lbl {
  font-size: 11px;
  vertical-align: top;
  padding-top: 3px;
  display: inline-block;
}
.date-lbl {
  font-weight: normal;
  font-size: 17px;
  position: relative;
  display: inline-block;
  /*.date-lbl-date {
        color: @color-red;
        font-size: 24px;
        position: absolute;
        top: 18px;
        left: 0px;
        width: 100%;
        padding: 0px 8px 0px 8px;
        text-align: center;
        font-family: @font-family-metaroman;
    }

    .date-lbl-month {
        color: #333;
        font-size: 11px;
        position: absolute;
        top: 10px;
        left: 0px;
        width: 100%;
        padding: 0px 8px 0px 8px;
        text-align: center;
        text-transform: uppercase;
    }

    .date-lbl-year {
        display: none;
    }

    .date-lbl-weekday {
        
        color: #888;
        font-size: 10px;
        position: absolute;
        top: 44px;
        left: 0px;
        width: 100%;
        padding: 0px 8px 0px 8px;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
    }
    
    .date-lbl-time {
        //display: none;
        position: absolute;
        left: 38px;
        top: 4px;
        font-family: @font-family-metaroman;
        color: @color-gray-darker;
        font-size: 14px;
        border-right: 1px solid #eee;
        display: inline-block;
        height: 59px;
        line-height: 93px;
        vertical-align: middle;
        padding: 0px 8px 0px 8px;
        //background-color: #fffae9;

       // display: none;

    }
        */
  /*
    .date-lbl-date {
        font-size: 18px;
    }
    .date-lbl-month {
        left: 26px;
        top: 26px;
    }
    .date-lbl-weekday {
        left: 60px;
        top: 26px;
        text-align: left;
    }*/
}
.date-lbl span {
  /*height: 23px;
        line-height: 22px;
        vertical-align: middle;
        width: 28px;*/
}
.date-lbl .date-lbl-date {
  display: inline-block;
  font-size: 14px;
  font-family: 'metaroman';
  color: #0c0d0e;
  /* text-align: right;

        position: absolute;
        top: 0px;
        left: 0px;
        padding-bottom: 0px;*/
}
.date-lbl .date-lbl-date:before {
  font-family: 'pcbicon';
  content: '\e620';
  font-size: 12px;
  color: #a1a7ab;
  margin-right: 4px;
}
.date-lbl .date-lbl-month {
  display: inline-block;
  font-size: 11px;
  color: #0c0d0e;
  text-transform: uppercase;
  line-height: 26px;
  /* text-align: left;

        position: absolute;
        top: 0px;
        left: 28px;
        
        padding-bottom: 0px;
        padding-left: 4px;
        padding-right: 4px;*/
}
.date-lbl .date-lbl-year {
  display: inline-block;
  font-size: 11px;
  color: #3c4144;
  /*text-align: left;
        
        position: absolute;
        top: 20px;
        left: 28px;
        padding-left: 4px;
        padding-right: 4px;
        line-height: 16px;*/
}
.date-lbl .date-lbl-weekday {
  display: inline-block;
  text-transform: uppercase;
  color: #868e93;
  font-size: 11px;
  /*text-align: right;
        
        position: absolute;
        top: 20px;
        left: 0px;
        line-height: 16px;*/
}
.date-lbl .date-lbl-time {
  font-family: 'metaroman';
  color: #3c4144;
  font-size: 14px;
  display: inline-block;
  /*height: 20px;
        line-height: 40px;*/
  vertical-align: middle;
  padding: 2px 4px;
  background-color: #eee;
  width: auto !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
/*
    FORMATS - Square (mesec otgore, pod nego den s golemi bukvi, pod tqh den ot sedmicata ili godina, ako godinata e stara)
            - Simple (izredeni kato tekst, bez stilove)
            - SimpleStyled 
            - 

*/
.date-lbl-simple {
  font-size: inherit;
}
.dg-td .date-lbl-simple {
  font-size: 12px;
}
@media only screen and (min-width: 800px) {
  .date-lbl:not(.date-lbl-simple) {
    font-weight: normal;
    font-size: 17px;
    position: relative;
    display: inline-block;
    width: 62px;
    height: 38px;
  }
  .date-lbl:not(.date-lbl-simple) span {
    height: 23px;
    line-height: 22px;
    vertical-align: middle;
    width: 28px;
  }
  .date-lbl:not(.date-lbl-simple) .date-lbl-date {
    font-size: 18px;
    text-align: right;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-bottom: 0px;
  }
  .date-lbl:not(.date-lbl-simple) .date-lbl-date:before {
    display: none;
  }
  .date-lbl:not(.date-lbl-simple) .date-lbl-month {
    text-align: left;
    position: absolute;
    top: 0px;
    left: 28px;
    padding-bottom: 0px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .date-lbl:not(.date-lbl-simple) .date-lbl-year {
    text-align: left;
    position: absolute;
    top: 20px;
    left: 28px;
    padding-left: 4px;
    padding-right: 4px;
    line-height: 16px;
  }
  .date-lbl:not(.date-lbl-simple) .date-lbl-weekday {
    font-size: 9px;
    text-align: right;
    position: absolute;
    top: 20px;
    left: 0px;
    line-height: 16px;
  }
  .date-lbl:not(.date-lbl-simple) .date-lbl-time {
    position: absolute;
    left: 62px;
    top: 0px;
    height: 40px;
    line-height: 40px;
    padding: 0px 5px;
    width: auto !important;
  }
}
.badge {
  display: inline-block;
  padding: 2px 4px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 0.8em;
}
.bolded {
  font-weight: 700;
}
.badge {
  vertical-align: middle;
  font-weight: bold;
  font-size: 0.8em;
  cursor: help;
  color: #fff;
  padding: 1px 4px 1px 4px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  white-space: nowrap;
  text-transform: uppercase;
}
.badge-lightgray {
  background-color: #aaa;
}
.badge-gray {
  background-color: #868e93;
}
.badge-yellow {
  background-color: #ffd500;
  color: #d4011d;
}
.badge-orange {
  background-color: #eb690a;
}
.badge-red {
  background-color: #d4011d;
}
.badge-green {
  background-color: #008255;
}
.badge-purple {
  background-color: #b60074;
}
.badge-blue {
  background-color: #005194;
}
.badge-loading {
  color: #65696c;
  padding-left: 2px;
  padding-right: 0px;
}
.kobil-loader-wrapper {
  margin-top: 30px;
  margin-bottom: 20px;
  position: relative;
  background-image: url(/Content/Images/2fa-login-center.svg);
  width: 100%;
  min-height: 220px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.kobil-loader-wrapper .kobil-loader-anim-container {
  position: relative;
  display: inline-block;
  width: 66px;
  height: 40px;
  margin-left: -34px;
  margin-top: 80px;
  left: 50%;
}
.kobil-loader-wrapper .kobil-loader-anim-container:before {
  display: inline-block;
  content: '\e600';
  font-family: 'pcbicon';
  height: 40px;
  width: 40px;
  font-size: 40px;
  margin-left: 14px;
  margin-top: 100px;
  text-align: center;
  top: -157px;
  color: #d4011d;
  color: #d7d9db;
  position: absolute;
  vertical-align: middle;
}
.kobil-loader-wrapper .kobil-loader-anim-container:after {
  display: inline-block;
  content: 'Approve';
  width: 50px;
  padding: 2px 0px;
  background: #d4011d;
  margin-left: 8px;
  margin-top: 50px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  vertical-align: middle;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
}
.kobil-loader-wrapper .kobil-loader-anim-container span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #d4011d;
  position: absolute;
  top: 10px;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  /*animation-timing-function: linear;*/
}
.kobil-loader-wrapper .kobil-loader-anim-container span:nth-child(1) {
  left: 0%;
  animation-name: kobil-kinetics-1;
}
.kobil-loader-wrapper .kobil-loader-anim-container span:nth-child(2) {
  left: 20%;
  animation-name: kobil-kinetics-2;
}
.kobil-loader-wrapper .kobil-loader-anim-container span:nth-child(3) {
  left: 40%;
  animation-name: kobil-kinetics-3;
}
.kobil-loader-wrapper .kobil-loader-anim-container span:nth-child(4) {
  left: 60%;
  animation-name: kobil-kinetics-4;
}
.kobil-loader-wrapper .kobil-loader-anim-container span:nth-child(5) {
  left: 80%;
  animation-name: kobil-kinetics-5;
}
.kobil-loader-wrapper .kobil-loader-anim-container-bg:after {
  content: 'Confirm ...';
}
.page-loader-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 800px;
  height: 500px;
  background: #fff;
  z-index: 99999999;
  text-align: center;
  vertical-align: middle;
  line-height: 500px;
}
.no-animation-support-gif-fallback {
  background-image: url('data:image/gif;base64,R0lGODlhEAAQAOYAAP/////3///39//v7//v9//m7//m5v/e3v/e5v/W3v/W1v/O1v/MzP/Fxf/Fzv+9xf+9vfe9vf+1vf+1tf+ttf+trfette+tre+ttf+lpf+lrfelre+lrf+cpf+Zmf+Zmf+Zmf+UpfeUnP+MlP+MjP+EhP+EjP97jP97hP97e/d7hP9zhP9ze/9zc/9rc/9re/drc+9ra/9mZv9mZvdja/9aa/9aY/9SY/9SWvdSWv9KWv9KUv9KSvdKUv9CSv86Sv86Qv8xQv8xOv8pOv8pMf8hMf8hKf8ZKf8ZIf8ZGe8ZIf8QIf8QGf8IGf8IEPcIGfcIEO8IGe8IEOYIGeYIEP8AEN4IEPcACPcAEO8AENYIEO8ACOYACN4ACNYACNYAAM4ACMwAAMUAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJBgBjACwAAAAAEAAQAAAHjIBjgoMDDBQeDgCDi4MAAAMULDQHjJWCACZADJaWJkWUnIsARDuKoYMjTQtjpqEQXSMLQkSrnBJcLDZgYDahI14jKF5gTAOWAEZdDAZPuzatlyZhQIojXWBdLgKDAiRdWxCCAjjDxC4eKEVgXiitAjJZYGLrYGFVJdCsDTZIV1hILhbkazRAwQFjjAIBACH5BAkGAGMALAAAAAAQABAAAAeNgGOCg4IABgaEiYkCDh0HipBjDTYLkYoTOI9jAgOWYy0sYwdBSQ+WEEUHNGBiPgCRA0cjQl5eNJYDSDI2YGA7lgpZLhleYEwEkSldE7G9JpALXEgCYxpcYFwZr4MPVcuFMl5hXDsSCw84XF4u22MALVdgYV5dXWBZK+2FDDZLV1lMbDDQl2hAAgWdEgUCACH5BAkGAGMALAAAAQAQAA8AAAeQgGOCg4QAAwOEYwAAiYICDQaDC0RACI1jBiORAD5gXiiXYx0kYwxZYF0SoQc2BiVgYUSMoTgULmBgNqGCPSUpuLqhAEQoD1xhQ7ONDFgZAkRhqZcAQk2IFMdLCokCO10eggAuXmFQHgoICh1MXjjKACxXYWBZWF1gXDICiQAMNkxbtjDB0UAZvwIMGBQwOCYQACH5BAkGAGMALAAAAQAQAA8AAAeQgGNjAAwVA4KIiYgUVV44AIoAkIIKUmFgQpOIAAYCgzZgYFgNioIGDGMHTmFdGaWIHQYdXmBEmqUjEyZgXiyviCgiI2BdJL+CNSINW2E2xwM+DwBBYkwFvyZEhxJbYDu3gxJXJoIALrRADAMABAouXD6e5S9ZrEtCS1yOh4kADjhNuni5EkQCuE0GGjQwAC4QACH5BAkGAGMALAAAAAAQABAAAAeOgGOCYwEeHgCDiYkLPl5eJoqKD1hgYGI2iJFjCEyVXDsGmmMALZVZFZmKiAZMYVwUomMDAhVeYD6xYwcKI2BdGrkOEr1cD7kZHQ5cXhmxACwNAUJiQKmSOANjE8sj1oIGRM2jMr4oBpkADEg4qQI0XGFOOikwRFU/2YkADztXXl1XkBwSBeCABAsLBCgKBAAh+QQJBgBjACwAAAAAEAAQAAAHjoBjgoINOFlEB4OKggg2XGCQMgCLggxMkJBcLJRjBkZhYF1CKRUDnCheYEwUk5xjBUthUQuugxRdXia1gyNgWQq7AQIevom1AwcNXFzAtQ4KAkRhKLUGI6YVXVQMnAAvFIIAOGBVEq2CBjYv5wI2XV0+GREUKEQ0AosAEkJZXFpXQjScWyRgwQUOEEwpCgQAIfkECQYAYwAsAAAAABAAEAAAB42AY4JjAAksQkg4EoOMYwYuV2CSYFwjjWMKR2BhYF5em0CNBUScVz4sLkJDDY0on0QLgwABokxiQgKXjRVeXay6jCZhSAPAjCRhRLnGgg9eTcXGAAACmovGBrQdYEbLlw0KggE+Xj4EjQIZHd4DOF5MHQcCChkyJt7iHUtZVURANhIAABMggcMGBfjGBAIAIfkECQYAYwAsAAAAAA8AEAAAB4yAY4JjAAcmOzssCwCDgwUsVWCSYFk2Co0JRmBhYF1ek04MggVEnEgtIyxGXWFeI4QpYFwoAoMCHUZACWMGTGIsjI1jAcEZYEwDwsooYDjKy2Ayz8IUXkDB02MDTVkG2YMjYC7ZwQNCXhrPBgPBBkJbLouEDBUOtbYlS0Q7ODQmDfeEDWCgoYICAo0CAQAh+QQJBgBjACwAAAAADwAQAAAHjIBjgmMACCM2NiQHAIODBixVYJJgVS4GjQtHYGJcXF5gYWBLDIIGRmJZOBQNIUKfYEyLLGFVEo0BHlmSNgZVXxSNggAenjYeYEKMwYQeKgY0XibLyzJdHdPBHl3S2I5VQMrdAC5ZC92DBUVIl+djB0BHHQKDAgLhggIdPjYoGRIM86YNWEABgoGAggIBACH5BAkGAGMALAAAAAAQABAAAAeLgGOCYwAHIzIyHgYAg40GLlhgkmBMKQONYwxLYWBbWV1gnEQHgwZIYkwZCwkMNVyhRAWEMmGxmBlZkiyFWVKymGMmoUwIKF4owIIETZIjPl0QyYIyX1sUPlMM0mMDLR0AKFTa24MLTh7kgwAyRwLpggM7MozvBTg2C++EGiwaCwMB0g1Q0MCAO0yBAAAh+QQJBgBjACwAAAAAEAAQAAAHj4BjgmMAByQ4Mh0Gg4xjCC5ZYGFgXkwlAo0NTGFdSEJMXmFeQgiDB01gPgsDAQYaWJJABIQ6YC0AjQxVlCNjD1xAuI1jI6FIAzJcDcOCA1icEkdGmMwAQpMoRMHMYwFD2CdEwsMAPmJZEwdED9xjBy0VgiQ24+SDAzgd7Y0FKBXU+8YIaMBgQL12AgQcHBQIACH5BAkGAGMALAAAAAAQAA8AAAeJgGOCYwAKKDs4HgaDjGMJNlxgXmFgTyUCjAAQWWBMODRAV2FeQIuCC05cIwYAhApCYGE+mABBUg6NYwJBox1jFFu+uWMNXWFEAjZHAcOESGFZDj42zYRAlBcuLtUARaMXHdTNCltgWQ0INQjNMpNGmB3CuSxdXMIDHgfDAiYerYIDGGCqlmlgtUAAIfkECQYAYwAsAAAAABAADwAAB5CAY4JjABA0Qz4mCIOMYwxBXV1cXmFOKAOMAB1ZWTsjHSxFYWBABoMNVz4HAIMDJVxhPgJjAUJArI0ALGBdGmMORAqNrUxiQgElOMOMO2FXCy0jy4MxvBQpHtOEQmFdFBUd2gpZYVUKBhTTAEBgpKznwwAyXrwTggIDuIMGUmFeOPoA6BMEIAUSG5i0EUSgLxAAIfkECQYAYwAsAAAAABAAEAAAB46AY4JjAh07S0QsB4OMABBIWV1WXGBXLAOMYxVMQhoPDxU4XGFDi4ILRx4AjRBOYj4CYwA2JZmDElxeHWMMNpi2gj5iQgEjI8CDI15XCh0NyIIeXV0TDQrQYzJgXBIHBtAGrkwIAbHAAD5gYDuryAvpYFkP0CNb6l4u7bYARWLbNAGwaVhShII+aAPMDQoEACH5BAkGAGMALAAAAAAQABAAAAeOgGOCgh1EWVg2C4OLYww+TERETl1dLgWMEkIoCgAABx1MYEUHgws4EIxjA0RiQARjAiaoqWMGT2AeYwsVtIMmYUQCDKS9jV1ZCwMCxbpdXhMAzGMZlA/SAKxMBswALl5gONGpAAINQF1hVwy0D0FMXWBgXifiiwFEYWD5WSj1jC7wsOxo4I9RgAodODEKBAAh+QQJBgBjACwAAAAAEAAQAAAHlIBjgmMCDztLWz4Sg4xjCzQ7Ni47Tl44CI0NLhkAggAIOGBMCoMHHgaNYwAoYUQDhAqvqapBYCOEArODD15GAp26gghZWwzBgwZVXhTHggpcXYvNLGFNmMEAGVxhOMCCAg0KAgIKNllhWMaMMl1bTExcYGFdI96CSmFg8vlVJPaCEoxk6cKFiY0F/wYJYEDhgYF/gQAAIfkECQYAYwAsAAAAABAAEAAAB5WAY4JjBA0uPkM2FQGDjQgdJSMdJj9XQgmNYwMNB40AE05YDYMAA5mDCVlMBqetJF4oracIXEymsoMCRF2juIIAQGAYvoIETGAUxGMSXlWdghQSAJkHS2E402MeWVk7DALgGUxhVwyDLmDptUROXmFdJtljB0BdYGFhYmFgTiPyggIyAGmS5QoSFwr+NRKAoMGCW40CAQAh+QQJBgBjACwAAAAAEAAQAAAHjYBjgmMACRUoNi4MAIONAAUKDAwTLD44Co2CjJkGOE4SmaGaPlgHoqEHVzabp5pCVQatjS5dFbKDLF4iggasoTtgGWMdUDi+gwhYWQkCRGJgLscAO2E7AAAuYGBdPgmMAAc+YFkNggNA2uNCOUBZYV4mrJ1cYGH2z04j0hA7S1lVR1woODbo0YIEA0IFAgA7');
  display: inline-block;
  width: 16px;
  height: 16px;
  display: none;
}
.loader-container {
  position: relative;
  height: 200px;
  display: inline-block;
  display: none;
  text-align: center;
}
.loader-container i {
  box-sizing: content-box;
  position: absolute;
  font-size: 160px;
  width: 160px;
  height: 160px;
  line-height: 160px;
  top: 0;
  left: 50%;
  margin-left: -50%;
}
.loader-container .loader-text {
  color: #3c4144;
  font-size: 20px;
  display: inline-block;
  margin-top: 160px;
}
.loader-container i.i-load-ring-outer {
  -moz-animation: 3s linear 0s infinite pb-anim-loader;
  -o-animation: 3s linear 0s infinite pb-anim-loader;
  -webkit-animation: 3s linear 0s infinite pb-anim-loader;
  animation: 3s linear 0s infinite pb-anim-loader;
}
.loader-container i.i-load-ring-inner {
  -moz-animation: 3s linear 0s reverse infinite pb-anim-loader;
  -o-animation: 3s linear 0s reverse infinite pb-anim-loader;
  -webkit-animation: 3s linear 0s reverse infinite pb-anim-loader;
  animation: 3s linear 0s reverse infinite pb-anim-loader;
}
body.splash-on {
  height: 100%;
  width: 100%;
  background-color: #ffffff !important;
  overflow: hidden !important;
  /*cursor: wait;*/
}
body.splash-on .loader-container {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -120px 0 0 -80px;
  width: 170px;
}
body.splash-on .thebody,
body.splash-on footer,
body.splash-on .page-wrapper,
body.splash-on div:not(.loader-container) {
  display: none !important;
}
body.splash-on header,
body.splash-on pb-dialog {
  display: none !important;
}
.loader-container i.i-pcb {
  font-size: 60px;
  /*width: 60px;    
    height: 60px;
    line-height: 60px;*/
  padding: 2px 2px 2px 2px;
  /*top: 48px;
    left: 48px;*/
}
.loader-container-small {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}
.loader-container-small i {
  font-size: 16px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  padding: 0px 0px 0px 0px;
}
.loader-container-small.animate img {
  display: none;
}
.loader-container-small.animate i.i-load-small-ring-outer {
  display: inline-block;
  -moz-animation: 1s linear 0s infinite pb-anim-loader;
  -o-animation: 1s linear 0s infinite pb-anim-loader;
  -webkit-animation: 1s linear 0s infinite pb-anim-loader;
  animation: 1s linear 0s infinite pb-anim-loader;
}
.loader-container-small.animate i.i-load-small-ring-inner {
  display: inline-block;
  -moz-animation: 1s linear 0s reverse infinite pb-anim-loader;
  -o-animation: 1s linear 0s reverse infinite pb-anim-loader;
  -webkit-animation: 1s linear 0s reverse infinite pb-anim-loader;
  animation: 1s linear 0s reverse infinite pb-anim-loader;
}
.loader-label {
  text-transform: uppercase;
  font-size: 0.8em;
  display: inline-block;
  font-weight: 700;
}
.btn {
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin-left: 0;
  padding: 0px 3px;
  margin-bottom: 4px;
  text-decoration: none;
  background-color: #d4011d;
  color: #fff;
  border-radius: 5px;
  border: 1px solid transparent;
  vertical-align: middle;
  height: auto;
  line-height: 28px;
  min-height: 36px;
  border-top-width: 0px;
  border-left-width: 0px;
}
.btn > span {
  /*padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 10px;
        padding-right: 10px;*/
  padding: 7px 8px 8px 8px;
  display: inline-block;
}
.btn.btn-small {
  height: 27px;
  line-height: 13px !important;
  min-height: 25px;
  vertical-align: middle;
}
.btn.btn-small i {
  width: 20px;
  height: 18px;
  line-height: 18px;
  font-size: 16px;
  color: inherit;
}
.btn-bold {
  font-weight: 700;
}
.btn-disabled {
  cursor: default !important;
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
/***** ANCHOR BUTTONS *****/
a.btn {
  text-decoration: none;
  padding-left: 3px;
  padding-right: 3px;
  vertical-align: auto;
}
.btn i {
  color: inherit;
  margin-top: -1px;
}
.btn.c-bg-white i.c-f-gray-darker {
  color: #868e93;
}
.btn.c-bg-gray i.c-f-gray-darker {
  color: #0c0d0e;
}
.btn.c-bg-yellow i {
  color: #A34A07;
}
/***** ICON POS STYLES ******/
.btn-icon-only i {
  width: 30px;
  height: 30px;
}
.btn-icon-left {
  padding-left: 1px;
}
.btn-icon-left > span {
  padding-left: 1px;
}
.btn-icon-right {
  padding-right: 1px;
}
.btn-icon-right > span {
  padding-right: 1px;
}
.btn-icon-center {
  text-align: center;
}
.btn-icon-center > span {
  display: block;
  margin-top: -8px;
  text-align: center;
  margin-bottom: 2px;
  font-size: 12px;
  padding-left: 1px;
  padding-right: 1px;
}
a.link-bar {
  /*line-height: 41px !important;
    min-height: 44px;*/
  /* height: auto;

    line-height: 34px !important;
    min-height: 38px;*/
}
a.link-bar i {
  /*float: right;
    margin-top: 9px;*/
  margin: auto !important;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 2px;
}
a.link-bar:not(.book-item) > span {
  padding-right: 30px !important;
}
.link-bar:not(.book-item).btn-small > span {
  padding-right: 22px !important;
}
a.btn.book-item {
  line-height: 20px !important;
}
.ie7 a.link-bar i,
.ie8 a.link-bar i {
  top: auto;
}
a.link-bar {
  /*padding: 7px 5px 7px 5px;*/
  /* height: 44px;
    line-height: 42px;*/
}
a.link-bar,
a.link-bar:visited,
a.link-bar:active,
a.link-bar:hover {
  display: block;
  /*line-height: 48px !important;*/
}
.home-box a.link-bar {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  border-right-width: 0px !important;
  border-left-width: 0px !important;
  border-top-width: 1px !important;
  background: #fff;
  text-align: right;
  color: #d4011d;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.home-box a.link-bar:hover i,
.home-box a.link-bar:active i {
  color: #a00012;
}
.btn:hover,
.btn:active {
  -webkit-box-shadow: inset 0 0px 100px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0px 100px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 0px 100px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: inset 0 0px 100px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0px 100px rgba(0, 0, 0, 0.2);
}
.btn:active {
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-top-width: 1px;
}
.btn.c-bg-white {
  border-color: #d7d9db;
}
.btn.c-bg-white:active,
.btn.c-bg-white:hover {
  /*  border-right-width: 0px; 
        border-bottom-width: 0px; 
        border-left-width: 1px; 
        border-top-width: 1px; */
  background-color: #fff7e4 !important;
  -webkit-box-shadow: inset 0 1px 4px #ffc37e;
  -moz-box-shadow: inset 0 1px 4px #ffc37e;
  -o-box-shadow: inset 0 1px 4px #ffc37e;
  -ms-box-shadow: inset 0 1px 4px #ffc37e;
  box-shadow: inset 0 1px 4px #ffc37e;
}
.btn.c-bg-gray-lighter {
  border-color: #a1a7ab;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-gray-light {
  border-color: #868e93;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-gray {
  border-color: #6c757a;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-gray-dark {
  border-color: #3c4144;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-gray-darker {
  border-color: #0c0d0e;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-yellow-lighter {
  border-color: #FCE132;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-yellow-light {
  border-color: #ffd500;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-yellow {
  border-color: #E2AA02;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-yellow-dark {
  border-color: #C27A05;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-yellow-darker {
  border-color: #A34A07;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-orange-lighter {
  border-color: #FE7F0F;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-orange-light {
  border-color: #eb690a;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-orange {
  border-color: #CA5F00;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-orange-dark {
  border-color: #B05200;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-orange-darker {
  border-color: #9A4800;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-red-lighter {
  border-color: #E12135;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-red-light {
  border-color: #d4011d;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-red {
  border-color: #a00012;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-red-dark {
  border-color: #7c010c;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-red-darker {
  border-color: #3e0004;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-green-lighter {
  border-color: #28955B;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-orange-light {
  border-color: #008255;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-green {
  border-color: #1E6F44;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-green-dark {
  border-color: #195C39;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-green-darker {
  border-color: #13462C;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-purple-lighter {
  border-color: #CA0991;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-purple-light {
  border-color: #b60074;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-purple {
  border-color: #98076D;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-purple-dark {
  border-color: #870661;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-purple-darker {
  border-color: #6E054F;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-blue-lighter {
  border-color: #1763b0;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-blue-light {
  border-color: #005194;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-blue {
  border-color: #11467C;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-blue-dark {
  border-color: #0F3D6C;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
.btn.c-bg-blue-darker {
  border-color: #0C345D;
  /* &:hover {
            .shadowInset(@@color);
            border-color: @@borderColor;
        }*/
  /*&:active, &:hover {
            //border-right-width: 0px; 
            //border-bottom-width: 0px; 
            //border-left-width: 1px; 
            //border-top-width: 1px; 
            //.shadowInset(@@color);
            .shadowInsetAlpha();
        }*/
}
@media only screen and (min-width: 800px) {
  .btn {
    /* line-height: 22px;
        min-height: 38px;*/
    line-height: 18px;
    min-height: 34px;
  }
}
/*
.home-box a.link-bar:last-child {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}*/
.control-group .btn {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  margin-bottom: 0px !important;
}
.control-group .btn:first-child {
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  -khtml-border-radius: 5px 5px 0px 0px;
  -o-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}
.control-group .btn:last-child {
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -khtml-border-radius: 0px 0px 5px 5px;
  -o-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}
.control-group.control-group-horizontal {
  /*
        .btn-list .btn:first-child:nth-last-child(1) {
          width: 100%;
        }

        .proui-ctl-container:first-child:nth-last-child(2),
        .proui-ctl-container:first-child:nth-last-child(2) ~ .proui-ctl-container {
          width: 50%;
        }

        .proui-ctl-container:first-child:nth-last-child(3),
        .proui-ctl-container:first-child:nth-last-child(3) ~ .proui-ctl-container {
          width: 33.3333%;
        }

        .proui-ctl-container:first-child:nth-last-child(4),
        .proui-ctl-container:first-child:nth-last-child(4) ~ .proui-ctl-container {
          width: 25%;
        }

        .proui-ctl-container:first-child:nth-last-child(5),
        .proui-ctl-container:first-child:nth-last-child(5) ~ .proui-ctl-container {
          width: 20%;
        }
    
        .proui-ctl-container:first-child:nth-last-child(6),
        .proui-ctl-container:first-child:nth-last-child(6) ~ .proui-ctl-container {
          width: 16.6666%;
        }*/
}
.control-group.control-group-horizontal .btn {
  margin-right: -4px;
}
.control-group.control-group-horizontal .btn:first-child {
  -moz-border-radius: 5px 0px 0px 5px;
  -webkit-border-radius: 5px 0px 0px 5px;
  -khtml-border-radius: 5px 0px 0px 5px;
  -o-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
}
.control-group.control-group-horizontal .btn:last-child {
  -moz-border-radius: 0px 5px 5px 0px;
  -webkit-border-radius: 0px 5px 5px 0px;
  -khtml-border-radius: 0px 5px 5px 0px;
  -o-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
}
.tile-btn-wrapper {
  margin: -10px -10px;
}
.tile-btn-wrapper .tile-btn-container {
  display: table;
  border-collapse: separate;
  border-spacing: 5px 5px;
  table-layout: fixed;
  width: 100%;
}
.tile-btn-wrapper .tile-btn-stack {
  display: table-row;
}
.tile-btn-wrapper .tile-btn {
  text-decoration: none;
  display: table-cell;
  padding: 8px 14px 8px 40px;
  position: relative;
  font-size: 15px;
  text-align: right;
  vertical-align: bottom;
  overflow: hidden;
  height: 50px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tile-btn-wrapper .tile-btn:after {
  display: inline-block;
  font-family: 'pcbicon';
  content: '\e602';
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
  position: absolute;
  right: 0px;
  bottom: 10px;
  color: #fff;
}
.tile-btn-wrapper .tile-btn.c-bg-white i {
  color: #6c757a;
}
.tile-btn-wrapper .tile-btn.c-bg-white:after {
  color: #6c757a;
}
.tile-btn-wrapper .tile-btn > span {
  display: inline-block;
  vertical-align: bottom;
}
.tile-btn-wrapper .tile-btn i {
  position: absolute;
  /* top: -6px;
        left: -5px;*/
  top: -4px;
  left: -3px;
  transform: rotate(-14deg);
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 40px;
  color: #fff;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tile-btn-wrapper .tile-btn.c-f-gray-darker i {
  color: #3c4144;
}
.tile-btn-wrapper .tile-btn.c-f-gray-darker:after {
  color: #3c4144;
}
.tile-btn-wrapper .tile-btn.c-bg-white {
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.tile-btn-wrapper a.tile-btn:hover > span {
  padding-right: 3px;
}
.tile-btn-wrapper a.tile-btn:hover i {
  transform: rotate(0deg);
  top: 4px;
  left: 4px;
  /*bottom: 10px;*/
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 40px;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.tile-btn-wrapper a.tile-btn:hover:after {
  right: 1px;
}
@media only screen and (max-width: 799px) {
  .tile-btn-wrapper {
    margin: 10px 0px;
  }
  .tile-btn-wrapper .tile-btn-container {
    display: block;
  }
  .tile-btn-wrapper .tile-btn-stack {
    display: block;
  }
  .tile-btn-wrapper .tile-btn {
    display: block;
    margin: 0px 0px 10px 0px;
    height: auto;
    width: 100% !important;
    min-height: 50px;
  }
  .tile-btn-wrapper .tile-btn:after {
    top: 11px;
    bottom: unset;
  }
  .tile-btn-wrapper .tile-btn > span {
    /* position: absolute;*/
    right: 14px;
    bottom: 8px;
    display: inline-block;
    padding-left: 40px;
  }
}
.form-control-group {
  margin-left: -10px;
  margin-right: -10px;
  position: relative;
  text-align: left;
  margin-bottom: 30px;
  /*> br {
        line-height: 0px;
        height: 0px;
        display: block;
        margin-top: -12px;
    }*/
}
.form-control-group > label {
  background-color: #e9eced;
  font-size: 12px;
  color: #6c757a;
  padding: 2px 4px 0px 4px;
  margin-left: 6px;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  -khtml-border-radius: 5px 5px 0px 0px;
  -o-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  display: inline-block;
  position: relative;
  min-height: unset;
  -webkit-text-shadow: 1px 1px 0px #fff;
  -moz-text-shadow: 1px 1px 0px #fff;
  text-shadow: 1px 1px 0px #fff;
}
.form-control-group > content {
  background-color: #e9eced;
  padding: 8px 10px;
  display: block;
}
.form-control-group > content .proui-ctl-container:last-child {
  margin-bottom: 0px;
}
.form-control-group .currency-lbl {
  color: #555;
  font-size: 12px;
}
.form-control-group.form-control-group-summary {
  margin-bottom: 2px;
  background-color: #e9eced;
  text-align: right;
  padding: 3px 8px 6px 10px;
}
.form-control-group.form-control-group-summary > label {
  float: left;
  font-size: 12px;
  padding: 6px 2px 0px 0px !important;
  margin: 0px;
  margin-bottom: -3px;
  color: #6c757a;
}
.form-control-group.form-control-group-summary > content {
  text-align: right;
  color: #0c0d0e;
  font-size: 14px;
  padding: 5px 0px 2px 10px;
  display: inline-block;
  max-width: 100%;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.form-control-group.form-control-group-summary > content pre {
  margin: 0px 0px;
}
.form-control-group.form-control-group-summary > .edit-btn {
  position: absolute;
  display: none;
  top: 0px;
  right: -44px;
  bottom: 0px;
  width: 42px;
  height: 100%;
  padding: 4px 4px;
  text-align: center;
  vertical-align: middle;
  background-color: #d2d9dc;
  background-color: #f0f1f2;
  /**/
}
.form-control-group.form-control-group-summary > .edit-btn i {
  cursor: pointer;
  font-size: 18px;
  line-height: 18px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  color: #3c4144;
  margin: auto auto !important;
  position: absolute;
  /* height: 100%;*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 11px;
  /*color: @color-gray-dark;*/
}
.form-control-group.form-control-group-summary.form-control-group-editable {
  margin-right: 34px;
}
.form-control-group.form-control-group-summary.form-control-group-editable > .edit-btn {
  display: block;
}
.request-transfer-wrapper-label {
  background-color: #e9eced;
  font-size: 14px;
  color: #6c757a;
  padding: 6px 8px 0px 8px;
  margin: 6px 0 0 -8px;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  -khtml-border-radius: 5px 5px 0px 0px;
  -o-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  display: inline-block;
  position: relative;
  min-height: unset;
  -webkit-text-shadow: 1px 1px 0px #fff;
  -moz-text-shadow: 1px 1px 0px #fff;
  text-shadow: 1px 1px 0px #fff;
}
.doc-section-merged-background {
  background-color: #e9eced;
  max-width: 520px;
  border-radius: 5px;
  margin-left: -10px;
  padding-left: 10px;
}
.form-control-group-underlined {
  border-bottom: 1px dashed lightgrey;
}
@media only screen and (max-width: 799px) {
  .form-control-group.form-control-group-summary.form-control-group-editable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: -10px;
    overflow: hidden;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .form-control-group.form-control-group-summary.form-control-group-editable:after {
    display: inline-block;
    font-family: 'pcbicon';
    color: #3c4144;
    content: '\e60b';
    font-size: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: -24px;
    bottom: -15px;
  }
  .form-control-group.form-control-group-summary.form-control-group-editable > .edit-btn {
    width: 50px;
    right: -50px;
    background-color: #0c0d0e !important;
  }
  .form-control-group.form-control-group-summary.form-control-group-editable > .edit-btn i {
    color: #fff !important;
    left: 10px;
    font-size: 30px;
    line-height: 30px;
    width: 30px;
    height: 30px;
  }
  .form-control-group.form-control-group-summary.form-control-group-editable.mobi-activated:after {
    display: none;
  }
  .form-control-group.form-control-group-summary.form-control-group-editable.mobi-activated > content {
    padding-right: 60px;
  }
  .form-control-group.form-control-group-summary.form-control-group-editable.mobi-activated > .edit-btn {
    right: 0;
  }
}
@media only screen and (min-width: 800px) {
  .form-control-group {
    max-width: 520px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
  .form-control-group > content .proui-ctl-container {
    white-space: nowrap;
  }
  .form-control-group > content .proui-ctl-container .proui-ctl-wrapper,
  .form-control-group > content .proui-ctl-container .proui-ctl-validation-wrapper {
    white-space: normal;
  }
  .form-control-group.form-control-group-summary {
    margin-bottom: 3px;
  }
  .form-control-group.form-control-group-summary > .edit-btn {
    left: auto;
    top: 0px;
    right: -36px;
    width: 34px;
    cursor: pointer;
    display: block;
  }
  .form-control-group.form-control-group-summary > .edit-btn i {
    left: 7px;
  }
  .form-control-group.form-control-group-summary.form-control-group-editable {
    margin-right: -10px;
  }
  .form-control-group.form-control-group-summary > .edit-btn:hover {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 8px 2px #005194;
    -moz-box-shadow: 0px 0px 8px 2px #005194;
    -o-box-shadow: 0px 0px 8px 2px #005194;
    -ms-box-shadow: 0px 0px 8px 2px #005194;
    box-shadow: 0px 0px 8px 2px #005194;
  }
  .form-control-group.form-control-group-summary > .edit-btn:hover i {
    color: #005194;
  }
}
form.non-editable .form-control-group.form-control-group-summary > .edit-btn {
  display: none !important;
}
form.non-editable .form-control-group-editable:after {
  display: none !important;
}
form.non-editable .form-control-group.form-control-group-summary.form-control-group-editable.mobi-activated > content {
  padding-right: 0px;
}
.cal-outer-wrapper {
  position: absolute;
}
.cal-outer-wrapper .btn {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.cal-wrapper {
  vertical-align: middle;
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.32) none repeat scroll 0 0;
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -moz-transition: background 0.15s ease-out 0s;
  -o-transition: background 0.15s ease-out 0s;
  -webkit-transition: background 0.15s ease-out 0s;
  transition: background 0.15s ease-out 0s;
}
.cal-wrapper.cal-closed {
  display: none;
}
.cal-frame {
  position: absolute;
  width: 600px;
  height: 420px;
  background: #fff;
  /* margin-top: 40px;
    margin-left: 80px;*/
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.35);
  -o-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.35);
  overflow: hidden;
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  margin: 0 auto;
  margin-bottom: 6%;
  -moz-opacity: 1;
  opacity: 1;
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -moz-transition: all 0.15s ease-out 0s;
  -o-transition: all 0.15s ease-out 0s;
  -webkit-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
}
.cal-dte-preview {
  position: absolute;
  width: 30%;
  height: 100%;
  background-color: #E12135;
  -webkit-box-shadow: inset 0 1px 4px #170006;
  -moz-box-shadow: inset 0 1px 4px #170006;
  -o-box-shadow: inset 0 1px 4px #170006;
  -ms-box-shadow: inset 0 1px 4px #170006;
  box-shadow: inset 0 1px 4px #170006;
}
.cal-cnt {
  margin-left: 30%;
  height: 387px;
}
.cal-cnt .cal-head {
  background: #d4011d;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  display: block;
  color: #fff;
  font-weight: 700;
  font-size: 1.2em;
}
.cal-cnt .cal-head .cal-head .heading {
  line-height: 49px;
}
.cal-cnt .cal-head nav span {
  position: absolute;
  top: 20px;
  height: 70px;
  color: transparent;
  cursor: pointer;
  font-size: 1em;
}
.cal-cnt .cal-head nav span:first-child {
  left: 5px;
}
.cal-cnt .cal-head nav span:last-child {
  right: 5px;
}
.cal-cnt .cal-body {
  height: 100%;
  margin-top: 1px;
}
.cal-cnt.cal-dte-select {
  height: 355px;
}
.cal-btn-table {
  table-layout: fixed;
  border-collapse: collapse;
  margin: 0px auto;
  width: 100%;
  border-spacing: 0px 0px;
}
.cal-btn-table .btn {
  float: left;
  margin: -1px 0px 0px 0px;
  display: block !important;
  width: 100%;
  border-right: none !important;
}
.cal-btn-table td.cal-head-btn {
  padding: 0px 0px 0px 0px;
  border-spacing: 0px 0px;
}
.cal-btn-table td.cal-head-btn-icon-only {
  width: 38px;
}
/*
.cal-head-btn {
    width: 40%;
}
.cal-head-btn-arrow {
    width: 10%;
}
    */
.cal-bottom-btn {
  width: 50%;
}
.cal-item {
  background-color: #fff;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none !important;
  text-align: center;
  margin-bottom: 0px !important;
  float: left;
  margin-right: -1px;
  margin-top: -1px;
  width: 14.2857%;
  height: 14.2857%;
  height: 14.46%;
  -webkit-box-shadow: inset 1px 1px 3px -2px #788182;
  -moz-box-shadow: inset 1px 1px 3px -2px #788182;
  -ms-box-shadow: inset 1px 1px 3px -2px #788182;
  box-shadow: inset 1px 1px 3px -2px #788182;
}
.cal-item .btn-label {
  text-align: center;
  padding-right: 3px;
  font-size: 1.3em;
  color: #222;
}
.cal-weekend-btn {
  background-color: #eee;
}
.cal-weekend-btn .btn-label {
  color: #555;
}
.cal-item-active {
  background-color: #d4011d !important;
}
.cal-item-active .btn-label {
  color: #fff !important;
}
.cal-item-active:hover .btn-label {
  color: #d4011d !important;
}
.cal-item.btn-disabled {
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  filter: alpha(opacity=30);
  background-color: #ededed;
}
.cal-item.btn-disabled:hover {
  background-color: #ededed !important;
}
/*.cal-item:hover .btn-label {
    color: @color-red !important;
}*/
.cal-mnt-select .cal-item {
  height: 29%;
  width: 25.15%;
}
.cal-mnt-select .cal-head-btn {
  width: 100%;
}
.cal-mnt-select .cal-bott-buttons {
  height: 100%;
}
.cal-mnt-select .cal-bott-buttons button {
  height: 100%;
}
.cal-yr-select .cal-item {
  height: 29%;
  width: 33.5%;
}
.cal-yr-select .cal-bott-buttons {
  height: 100%;
}
.cal-yr-select .cal-bott-buttons button {
  height: 100%;
}
.cal-item-other-m .btn-label {
  color: #888;
  font-weight: normal;
  font-style: italic;
}
.cal-frame-dte-mode .cal-dte-select,
.cal-frame-mnt-mode .cal-mnt-select,
.cal-frame-yr-mode .cal-yr-select {
  display: block;
}
.cal-frame-dte-mode .cal-mnt-select,
.cal-frame-dte-mode .cal-yr-select,
.cal-frame-mnt-mode .cal-dte-select,
.cal-frame-mnt-mode .cal-yr-select,
.cal-frame-yr-mode .cal-dte-select,
.cal-frame-yr-mode .cal-mnt-select {
  display: none;
}
.cal-cnt table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  height: 14.2857%;
}
.cal-cnt table th {
  border-collapse: collapse;
  height: 100%;
  font-weight: normal;
  color: #777777;
  font-size: 15px;
  height: 51px;
}
.cal-foot {
  text-align: center;
  padding: 10px 10px 10px 10px;
}
.cal-item-p-m,
.cal-item-n-m {
  color: #aaa;
}
.cal-week-day {
  font-size: 14px;
  text-align: center;
  color: #fff;
  height: 35px;
  line-height: 34px;
  background-color: #a00012;
}
.cal-selected-month {
  font-size: 18px;
  text-align: center;
  color: #fff;
}
.cal-selected-day {
  font-size: 100px;
  text-align: center;
  color: #fff;
}
.cal-selected-year {
  font-size: 18px;
  text-align: center;
  color: #eee;
  font-weight: bold;
}
/*@media only screen and (max-width: 600px) {
    
}*/
@media only screen and (max-width: 799px) {
  .cal-dte-preview {
    display: none;
  }
  .cal-wrapper {
    width: 100% !important;
    height: 100% !important;
  }
  .cal-frame {
    width: 100% !important;
    height: 100% !important;
    margin-bottom: 0px !important;
  }
  .cal-cnt {
    margin-left: 0px;
    width: 100% !important;
    height: 70% !important;
  }
  .cal-btn-table .btn {
    min-height: 49px;
  }
  .cal-btn-table td.cal-head-btn-icon-only {
    width: 49px;
  }
}
.pb-date-picker-input .proui-ctl-el-hidden-value {
  border: none !important;
  width: 1px !important;
  height: 1px !important;
  position: absolute !important;
  /*top: -99999px !important;
        left: -99999px !important;*/
  z-index: -1;
  overflow: hidden !important;
  margin: 0px !important;
  padding: 0px !important;
}
.pb-date-picker-input.proui-ctl:hover .icon-clear-btn {
  display: block;
  z-index: 3;
}
@media only screen and (min-width: 800px) {
  .period-from-to-wrapper .proui-ctl-container {
    display: inline-block;
    margin-bottom: 0px;
    width: 50%;
    margin-right: -5px;
    vertical-align: top;
  }
  .period-from-to-wrapper .proui-ctl-container .proui-ctl-wrapper {
    width: 98% !important;
    /* &:first-child{
                    margin-right: 10px;
                }
                &:last-child{
                    margin-left: 10px;
                }*/
  }
  .period-from-to-wrapper .proui-ctl-container:first-child {
    z-index: 3;
  }
  .period-from-to-wrapper .proui-ctl-container:first-child .proui-ctl-validation-wrapper {
    display: none !important;
  }
  .period-from-to-wrapper .proui-ctl-container:last-child .proui-ctl-wrapper {
    margin-left: 2%;
  }
}
.pb-date-picker-allow-indefinite {
  /*
        &:hover {
             .icon-clear-btn:before {
                content: @icon-check;
                 }
        }
        span {

        }*/
}
.pb-date-picker-allow-indefinite .icon-clear-btn {
  display: none !important;
}
.pb-date-picker-allow-indefinite .checkbox-label.proui-ctl-ckb-container label {
  position: absolute !important;
  left: auto;
  right: 0;
  z-index: 3;
  background: #f7f7f7;
  border: 1px solid #eee;
  line-height: 17px !important;
  min-height: 40px;
  min-width: 80px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.pb-date-picker-allow-indefinite .checkbox-label.proui-ctl-ckb-container .ckb-icon {
  background: #fff;
}
.pb-date-picker-allow-indefinite .checkbox-label.proui-ctl-ckb-container input:checked + label {
  min-width: 100%;
  background: #fff;
  border: 1px solid #fff;
}
.dg-container .dg-filters-container {
  /*
        margin: -10px -10px 0px -10px;
        padding: 20px 10px 0px 10px;

        overflow: hidden;*/
}
.dg-container .dg-filters-container .dg-filters-row .dg-filters-right-container {
  text-align: right;
}
.dg-table {
  position: relative;
  font-size: 1em;
  font-weight: normal;
}
.dg-table .dg-tr {
  position: relative;
  background-color: #fff;
  margin-bottom: 2px;
  padding: 6px 2px 4px 2px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-border-radius: 3px 0px 0px 3px;
  -webkit-border-radius: 3px 0px 0px 3px;
  -khtml-border-radius: 3px 0px 0px 3px;
  -o-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
  border-width: 0px;
  border-left-width: 3px;
  border-style: solid;
  border-left-color: #d7d9db;
}
.dg-table .dg-tr .dg-td {
  padding: 2px 6px 2px 14px;
  background: #fff;
}
.dg-table .dg-tr.rejected-row-highlight {
  background-color: #ffefc0 !important;
}
.dg-table .dg-tr.rejected-row-highlight .dg-td {
  background-color: #ffefc0 !important;
}
.dg-table .dg-tr.success-row-highlight {
  background-color: #ffefc0 !important;
}
.dg-table .dg-tr.success-row-highlight .dg-td {
  /*background-color: #e7f5f0 !important;*/
  background-color: #ffefc0 !important;
}
.dg-table .dg-tr-link {
  border-left-color: #d7d9db;
  cursor: pointer;
}
.dg-table .dg-tr-link:hover {
  background-color: #fff7e4;
  border-left-width: 5px !important;
  margin-left: -2px;
}
.dg-table .dg-tr-link:hover .dg-td {
  cursor: pointer;
  background-color: #fff7e4;
}
.dg-table .dg-tr-link.c-f-yellow {
  border-left-color: #ffd500;
  color: #E2AA02;
}
.dg-table .dg-tr-link.c-f-orange {
  border-left-color: #eb690a;
  color: #CA5F00;
}
.dg-table .dg-tr-link.c-f-red {
  border-left-color: #d4011d;
  color: #d4011d;
}
.dg-table .dg-tr-link.c-f-green {
  border-left-color: #008255;
  color: #008255;
}
.dg-table .dg-tr-link.c-f-purple {
  border-left-color: #b60074;
  color: #b60074;
}
.dg-table .dg-tr-link.c-f-blue {
  border-left-color: #005194;
  color: #005194;
}
.dg-table .dg-tr.ui-el-blocked {
  cursor: wait !important;
  background-color: #fff7e4 !important;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.dg-table .dg-tr.ui-el-blocked .dg-td {
  cursor: wait !important;
  background-color: #fff7e4 !important;
  font-style: italic !important;
}
.dg-table .dg-tr.ui-el-blocked .dg-td.dg-arrow:after {
  display: none !important;
}
.dg-table .dg-tr.ui-el-blocked .dg-td.dg-arrow .loader-wrapper {
  margin-left: -5px;
}
.dg-table .dg-thead {
  display: none;
  position: relative;
}
.dg-table .dg-tbody {
  position: relative;
}
.dg-filters-container .dg-filters-left-container .proui-ctl-container.proui-grid-row-selector-combo .rich-combo-wrapper {
  position: relative;
  overflow: hidden;
}
.dg-filters-container .dg-filters-right-container > * {
  text-align: initial;
}
.dg-filters-container .proui-ctl-container {
  display: block;
  vertical-align: top;
  text-align: left;
}
.dg-filters-container .btn {
  margin-bottom: 20px;
  min-height: 44px;
}
.dg-td-ckb {
  padding-right: 0px !important;
}
.dg-td.dg-td-ckb {
  padding: 1px 1px !important;
}
.dg-td .proui-ctl-ckb-type-checkbox .proui-ctl-wrapper {
  width: 43px;
  margin-right: -6px;
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
  box-shadow: none !important;
  /*.ckb-icon {
                left: 5px;

            }*/
}
/*.dg-filters-container {
    width: 100%;
    position: relative;
    top: 90px;
    left: 0px;
    background-color: #fff;
    .shadowDropDefault();
    padding: 6px 6px;
}*/
.dg-td.dg-arrow {
  padding-left: 10px !important;
  font-family: 'pcbicon';
  color: #3c4144;
  color: #6c757a !important;
  width: 22px;
  vertical-align: middle;
  right: 7px !important;
}
.dg-td.dg-arrow:after {
  display: inline-block !important;
  vertical-align: middle;
  font-size: 22px !important;
  line-height: 22px !important;
  width: 22px !important;
  content: '\e602' !important;
  font-style: normal !important;
  font-weight: normal !important;
  margin-left: -8px !important;
}
.btn-grid-go-top {
  position: fixed;
  bottom: -4px;
  left: 5px;
  -moz-border-radius: 15px 15px 0px 0px;
  -webkit-border-radius: 15px 15px 0px 0px;
  -khtml-border-radius: 15px 15px 0px 0px;
  -o-border-radius: 15px 15px 0px 0px;
  border-radius: 15px 15px 0px 0px;
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.4);
  z-index: 99999999;
}
/*Helper Classes*/
.dg-width-30 {
  width: 30px;
}
.dg-width-50 {
  width: 50px;
}
.dg-width-80 {
  width: 80px;
}
.dg-width-100 {
  width: 100px;
}
.dg-width-120 {
  width: 120px;
}
.dg-width-140 {
  width: 140px;
}
.dg-width-200 {
  width: 200px;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-small {
  font-size: 0.9em;
}
.text-big {
  font-size: 1.1em;
}
.dg-td-from-to-acc-delim {
  padding: 6px 0px !important;
  width: 1px !important;
  position: relative;
}
.dg-td-from-to-acc-delim i {
  position: absolute;
  left: -13px;
  top: 19px;
}
@media only screen and (max-width: 799px) {
  .dg-td-from-to-acc-delim i {
    top: -3px;
    left: 12px;
  }
  .dg-td-from-to-acc-delim i:before {
    content: '\e60c';
    color: #6c757a;
  }
}
@media only screen and (max-width: 799px) {
  .dg-filters-container {
    display: block;
  }
  .dg-filters-container .proui-ctl-container {
    margin-bottom: 20px;
  }
  .dg-filters-container .dg-filters-row {
    display: block;
  }
  .dg-filters-container .dg-filters-left-container {
    display: none;
  }
  .dg-filters-container .dg-filters-right-container {
    display: none;
  }
  .dg-filters-has-rowselector .dg-filters-container {
    display: none;
  }
  .dg-filters-has-rowselector .dg-filters-container {
    display: block;
  }
  .dg-filters-has-rowselector .dg-filters-container .dg-filters-row {
    display: block;
  }
  .dg-filters-has-rowselector .dg-filters-container .dg-filters-left-container {
    display: block;
  }
  .dg-filters-has-rowselector .dg-filters-container .dg-filters-right-container {
    display: none;
  }
  .dg-filters-has-rowselector .dg-filters-container .dg-filters-left-container .proui-ctl-container.proui-grid-row-selector-combo {
    margin-top: -21px;
    display: inline-block;
  }
  .dg-filters-has-rowselector .dg-filters-container .dg-filters-left-container .proui-ctl-container.proui-grid-row-selector-combo.proui-grid-row-selector-fix-top {
    margin-top: -31px;
  }
  .dg-filters-has-rowselector .dg-filters-expand-collapse-btn {
    margin-top: 10px;
  }
  .expand-filters .dg-table {
    display: none;
  }
  .expand-filters .grid-refresh-button {
    display: none;
  }
  .expand-filters .dg-filters-expand-collapse-btn {
    display: none;
  }
  .expand-filters .dg-filters-container {
    display: block;
  }
  .expand-filters.dg-filters-has-rowselector .dg-filters-container {
    display: block;
  }
  .expand-filters.dg-filters-has-rowselector .dg-filters-container .dg-filters-row {
    display: block;
  }
  .expand-filters.dg-filters-has-rowselector .dg-filters-container .dg-filters-left-container {
    display: block;
  }
  .expand-filters.dg-filters-has-rowselector .dg-filters-container .dg-filters-right-container {
    display: block;
  }
  .expand-filters .dg-filters-container {
    display: block;
  }
  .expand-filters .dg-filters-container .dg-filters-row {
    display: block;
  }
  .expand-filters .dg-filters-container .dg-filters-left-container {
    display: block;
  }
  .expand-filters .dg-filters-container .dg-filters-right-container {
    display: block;
  }
  .expand-filters .grid-applyfilters-hiden-button {
    width: 100%;
    display: block;
  }
  .dg-table .dg-tr .mobi-only-fixed-top-right {
    position: absolute;
    top: 0;
    right: 10px;
  }
  .dg-table .dg-tr .mobi-only-fixed-bottom-right {
    position: absolute;
    bottom: 0;
    right: 10px;
  }
  .dg-table .dg-tr .dg-td:after {
    display: block;
    content: attr(data-title);
    color: #6c757a;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 8px;
    font-style: italic;
    margin-bottom: 4px;
  }
  .dg-table .dg-tr .dg-td.dg-arrow:after {
    /*position: absolute;
                    right: 10px;
                    font-size: 16px !important;
                    width: 16px !important;
                    height: 16px !important;
                    line-height: 16px !important;
                    position: absolute;
                    margin-left: 0px;
                    margin-top: -8px;*/
    display: none !important;
  }
  .dg-table .dg-tr .dg-mobi-status-badge,
  .dg-table .dg-tr .pb-status-container {
    padding: 0px 0px;
    position: absolute;
    top: 0px;
    right: 0px;
  }
  .dg-table .dg-tr .dg-mobi-status-badge .badge,
  .dg-table .dg-tr .pb-status-container .badge {
    -moz-border-radius: 0px 0px 0px 5px;
    -webkit-border-radius: 0px 0px 0px 5px;
    -khtml-border-radius: 0px 0px 0px 5px;
    -o-border-radius: 0px 0px 0px 5px;
    border-radius: 0px 0px 0px 5px;
    padding: 4px 6px 4px 7px !important;
    font-size: 10px;
  }
  .dg-table .dg-tr .date-lbl {
    /*  margin-left: -13px;
                margin-top: -8px;*/
    display: block;
  }
  .dg-table .dg-tr .date-lbl span {
    display: inline-block !important;
    line-height: 11px !important;
    color: #3c4144 !important;
    font-weight: normal !important;
    font-size: 11px !important;
    vertical-align: middle !important;
    font-family: inherit !important;
  }
  .dg-table .dg-tr .date-lbl span:before {
    line-height: 12px !important;
    vertical-align: middle !important;
  }
  .dg-table.no-mobi-expand {
    display: table;
    position: unset;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px 1px;
  }
  .dg-table.no-mobi-expand .dg-tr {
    display: table-row;
    position: unset;
  }
  .dg-table.no-mobi-expand .dg-tr .dg-td {
    display: table-cell;
    padding: 6px 6px;
    vertical-align: middle;
  }
  .dg-table.no-mobi-expand .dg-tbody .dg-tr .dg-td {
    padding: 6px 6px;
  }
  .dg-table.no-mobi-expand .dg-tbody .dg-tr .dg-td:first-child {
    border-color: inherit;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    -khtml-border-radius: 3px 0px 0px 3px;
    -o-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
    position: relative;
  }
  .dg-table.no-mobi-expand .dg-tbody .dg-tr .dg-td:first-child:before {
    position: absolute;
    height: 100%;
    width: 1px;
    top: 0px;
    left: -3px;
    -moz-border-radius: inherit;
    -webkit-border-radius: inherit;
    -khtml-border-radius: inherit;
    -o-border-radius: inherit;
    border-radius: inherit;
    border-left: inherit;
    border-left: 3px solid;
    border-left-color: inherit;
    content: '';
  }
  .dg-table.no-mobi-expand .dg-tbody .dg-tr.dg-tr-link:hover .dg-td {
    background-color: #fff7e4;
    cursor: pointer;
  }
  .dg-table.no-mobi-expand .dg-tbody .dg-tr.dg-tr-link:hover .dg-td:first-child:before {
    left: -5px;
    border-left-width: 5px;
  }
  .dg-table.no-mobi-expand .dg-tbody .dg-tr .dg-mobi-status-badge,
  .dg-table.no-mobi-expand .dg-tbody .dg-tr .pb-status-container {
    text-align: center;
  }
  .dg-table.no-mobi-expand .dg-thead {
    display: table-header-group;
    position: unset;
    color: #6c757a;
    font-size: 1em;
  }
  .dg-table.no-mobi-expand .dg-thead .dg-tr .dg-td {
    padding: 8px 6px;
    border-bottom: 1px solid #e0e0e0;
    background: #fff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f5f6f7 0%, #fff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f6f7), color-stop(100%, #fff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f6f7 0%, #fff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f6f7 0%, #fff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f6f7 0%, #fff 100%);
    /* IE10+ */
    background: linear-gradient(top, #f5f6f7 0%, #fff 100%);
    /* W3C */
    /* -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@first', endColorstr='@second',GradientType=0 ); /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@first', endColorstr='@second', GradientType=0);
    /* IE6-9 */
  }
  .dg-table.no-mobi-expand .dg-tbody {
    display: table-row-group;
    position: unset;
  }
}
@media only screen and (min-width: 800px) {
  .dg-filters-has-rowselector .dg-filters-container .dg-filters-left-container .proui-ctl-container.proui-grid-row-selector-combo {
    margin: -50px 8px 34px 0px;
  }
  .grid-applyfilters-hiden-button {
    width: 1px !important;
    height: 1px !important;
    display: none !important;
    position: absolute !important;
    border: none !important;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    top: -99999px;
    left: -99999px;
    overflow: hidden !important;
  }
  .dg-filters-expand-collapse-btn {
    display: none;
  }
  .dg-filters-container {
    width: 100%;
  }
  .dg-filters-container .dg-filters-row .dg-filters-right-container {
    float: right;
    position: relative;
    text-align: right;
    vertical-align: top;
  }
  .dg-filters-container .dg-filters-row .dg-filters-left-container {
    float: left;
    position: relative;
    vertical-align: top;
  }
  .dg-filters-container .proui-ctl-container {
    display: inline-block;
    margin-bottom: 20px;
  }
  .dg-table {
    display: table;
    position: unset;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px 1px;
    padding-left: 3px;
  }
  .dg-table .dg-tr {
    display: table-row;
    position: unset;
  }
  .dg-table .dg-tr .dg-td {
    display: table-cell;
    padding: 6px 6px;
    vertical-align: middle;
  }
  .dg-table .dg-tbody .dg-tr .dg-td {
    padding: 6px 6px;
  }
  .dg-table .dg-tbody .dg-tr .dg-td:first-child {
    border-color: inherit;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    -khtml-border-radius: 3px 0px 0px 3px;
    -o-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
    position: relative;
  }
  .dg-table .dg-tbody .dg-tr .dg-td:first-child:before {
    position: absolute;
    height: 100%;
    width: 1px;
    top: 0px;
    left: -3px;
    -moz-border-radius: inherit;
    -webkit-border-radius: inherit;
    -khtml-border-radius: inherit;
    -o-border-radius: inherit;
    border-radius: inherit;
    border-left: inherit;
    border-left: 3px solid;
    border-left-color: inherit;
    content: '';
  }
  .dg-table .dg-tbody .dg-tr.dg-tr-link:hover .dg-td {
    background-color: #fff7e4;
    cursor: pointer;
  }
  .dg-table .dg-tbody .dg-tr.dg-tr-link:hover .dg-td:first-child:before {
    left: -5px;
    border-left-width: 5px;
  }
  .dg-table .dg-tbody .dg-tr .dg-mobi-status-badge,
  .dg-table .dg-tbody .dg-tr .pb-status-container {
    text-align: center;
  }
  .dg-table .dg-thead {
    display: table-header-group;
    position: unset;
    color: #6c757a;
    font-size: 1em;
  }
  .dg-table .dg-thead .dg-tr .dg-td {
    padding: 8px 6px;
    border-bottom: 1px solid #e0e0e0;
    background: #fff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f5f6f7 0%, #fff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f6f7), color-stop(100%, #fff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f6f7 0%, #fff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f6f7 0%, #fff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f6f7 0%, #fff 100%);
    /* IE10+ */
    background: linear-gradient(top, #f5f6f7 0%, #fff 100%);
    /* W3C */
    /* -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@first', endColorstr='@second',GradientType=0 ); /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@first', endColorstr='@second', GradientType=0);
    /* IE6-9 */
  }
  .dg-table .dg-tbody {
    display: table-row-group;
    position: unset;
  }
  .doc-history-stat-td {
    position: relative;
    text-align: center;
    padding: 12px 10px;
  }
}
.btn-tile-more {
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 40px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
@media only screen and (min-width: 1100px) {
  .btn-tile-more {
    margin-top: 0px;
    margin-bottom: 20px;
    margin-right: 8px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    -o-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
  }
  .dg-filters-has-rowselector .dg-filters-container .dg-filters-left-container .proui-ctl-container.proui-grid-row-selector-combo {
    margin: -40px 8px 34px 0px;
  }
}
.dg-table.no-border-spacing {
  border-spacing: 0px 0px;
}
.proui-grid-row-selector-combo {
  background-color: #a1a7ab;
  background-color: #fff !important;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  display: inline-block;
  padding: 5px 4px 4px 4px;
  vertical-align: middle;
  /* 
    
    position: fixed;
    z-index: 998;*/
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -khtml-border-radius: 0px 0px 5px 5px;
  -o-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  /* position: absolute;
    bottom: 2px;
    left: -2px;
    z-index: 1;*/
  /*.proui-ctl-ckb-container input.just-some-selected + label i.ckb-icon::before
    {
        content: @icon-minus !important;
        
    }*/
  /*&.operation-none {  background-color: @color-gray-light;  }
    &.operation-yellow {  background-color: @color-yellow-light;  }
    &.operation-orange {  background-color: @color-orange-lightest;  }
    &.operation-red {  background-color: @color-red-lightest;  }
    &.operation-green {  background-color: @color-green-lightest;  }
    &.operation-purple {  background-color: @color-purple-lightest;  }
    &.operation-blue {  background-color: @color-blue-lightest;  }*/
}
.proui-grid-row-selector-combo.proui-ctl-active .btn {
  display: none !important;
}
.proui-grid-row-selector-combo .proui-ctl-wrapper {
  display: inline-block;
  vertical-align: middle;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
  box-shadow: none !important;
}
.proui-grid-row-selector-combo .proui-ctl-wrapper .rich-combo-wrapper {
  min-height: 43px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
  box-shadow: none !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -khtml-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  border-radius: 0px !important;
}
.proui-grid-row-selector-combo .proui-ctl-wrapper .rich-combo-wrapper .rich-combo-item {
  height: 43px;
}
.proui-grid-row-selector-combo .proui-ctl-wrapper .rich-combo-wrapper .rich-combo-item .tile.tile-themed {
  padding: 0px 6px 0px 6px;
}
.proui-grid-row-selector-combo.dgr-selector-combo-active .rich-combo-wrapper {
  border-left: 1px solid #d7d9db;
}
.proui-grid-row-selector-combo.proui-ctl-active .rich-combo-wrapper .rich-combo-item {
  border-top: 1px solid #eee;
}
.proui-grid-row-selector-combo.proui-ctl-active .rich-combo-wrapper .rich-combo-item:first-child {
  border-top: none !important;
}
.proui-grid-row-selector-combo .proui-ctl .icon-clear-btn,
.proui-grid-row-selector-combo .proui-ctl .icon-bullet-down-btn {
  background-color: transparent;
}
.proui-grid-row-selector-combo .proui-ctl-ckb-container {
  display: none;
  width: 42px;
  height: 42px;
  vertical-align: middle;
  float: left;
}
.proui-grid-row-selector-combo .proui-ctl-ckb-container input {
  display: none;
}
.proui-grid-row-selector-combo .proui-ctl .proui-ctl-el {
  position: relative;
  width: 80px;
  min-height: 40px;
  padding-top: 17px;
}
.proui-grid-row-selector-combo label.ctl-ckb-lbl {
  width: 42px;
  height: 42px;
  top: 0px;
  left: 0px;
  position: static;
}
.proui-grid-row-selector-combo .btn {
  height: 44px;
  margin-bottom: 0px;
  display: none;
}
.proui-grid-row-selector-combo.proui-grid-row-selector-fix-top {
  position: fixed;
  z-index: 998;
}
.dgr-selector-combo-active .proui-ctl-wrapper {
  background-color: #fff;
}
.dgr-selector-combo-active .proui-ctl .icon-clear-btn,
.dgr-selector-combo-active .proui-ctl .icon-bullet-down-btn {
  background-color: #fff;
}
.dgr-selector-combo-active .proui-ctl-ckb-container {
  display: inline-block;
}
.dgr-selector-combo-active label.ctl-main-lbl {
  left: 45px;
}
.dgr-selector-combo-has-selection .btn {
  display: inline-block;
}
.proui-grid-row-selector-combo.partialy-checked .proui-ctl-ckb-container input:checked + label i.ckb-icon::before {
  content: '\e612';
}
.proui-grid-row-selector-combo.partialy-checked .proui-ctl-ckb-container input:checked + label i.ckb-icon {
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.proui-ctl .context-menu {
  display: none;
  position: absolute;
  top: 44px;
  left: -1px;
  width: 170px;
  z-index: 10;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 2px #868e93;
  -moz-box-shadow: 0 2px 2px #868e93;
  -o-box-shadow: 0 2px 2px #868e93;
  -ms-box-shadow: 0 2px 2px #868e93;
  box-shadow: 0 2px 2px #868e93;
}
.proui-ctl .context-menu .btn {
  text-align: left;
  min-height: 38px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.proui-ctl .context-menu .btn span {
  padding-left: 2px;
}
.proui-ctl .context-menu .btn i {
  color: #d4011d;
  display: none;
  font-size: 20px;
  height: 30px;
  line-height: 30px;
  width: 30px;
}
.proui-ctl .context-menu .button-option-selected span {
  color: #d4011d;
}
.proui-ctl .context-menu .button-option-selected i {
  display: inline-block;
}
.date-range-hidden-min,
.date-range-hidden-max {
  width: 0px;
  height: 0px;
  overflow: hidden;
  border: none !important;
  position: absolute;
}
.dte-range-table {
  margin-right: 30px;
  position: relative;
}
.dte-range-table .dte-range-delimeter {
  display: inline-block;
  width: 20px;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  /*   -ms-transform: scale(1, 3); 
        -webkit-transform: scale(1, 3); 
        -o-transform: scale(1, 3);
        -moz-transform: scale(1, 3);
        transform: scale(1, 3);*/
}
.dte-range-table .dte-range-delimeter:after {
  content: '\e609';
  font-family: 'pcbicon';
  color: #a1a7ab;
  font-size: 16px;
  width: 16px;
  height: 40px;
  line-height: 40px;
}
.dte-range-table .open-picker {
  display: inline-block;
  width: 50%;
  float: left;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 4px;
  font-size: 17px;
  position: relative;
  height: 38px;
}
.dte-range-table .open-picker:first-child {
  padding-right: 10px;
}
.dte-range-table .open-picker:last-child {
  padding-left: 10px;
}
.dte-range-table .open-picker:hover .dte-picker-date,
.dte-range-table .open-picker:hover .dte-picker-month,
.dte-range-table .open-picker:hover .dte-picker-year,
.dte-range-table .open-picker:hover .dte-picker-day {
  color: #d4011d;
}
.dte-range-table .open-picker:hover .dte-picker-date:after {
  content: '\e60c';
  font-family: 'pcbicon';
  color: #d4011d;
  font-size: 10px;
  width: 10px;
  height: 10px;
  line-height: 10px;
  position: absolute;
  top: 2px;
  left: 4px;
}
.dte-range-table .open-picker span {
  height: 23px;
  line-height: 22px;
  vertical-align: middle;
  width: 32px;
}
.dte-range-table .open-picker .dte-picker-date {
  /*color: @color-red;
            font-size: 18px;
            line-height: 14px;

            font-size: 18px;*/
  color: #0c0d0e;
  display: inline-block;
  font-family: "metaroman";
  left: 0;
  padding-bottom: 0;
  position: absolute;
  text-align: right;
  top: 0;
}
.dte-range-table .open-picker .dte-picker-month {
  /*color: @color-gray-darker;*/
  left: 32px;
  padding-bottom: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: absolute;
  text-align: left;
  top: 0;
  color: #0c0d0e;
  display: inline-block;
  font-size: 11px;
  line-height: 26px;
  text-transform: uppercase;
}
.dte-range-table .open-picker .dte-picker-day {
  /*color: @color-red;
            font-size: 18px;
            line-height: 14px;*/
  font-size: 9px;
  left: 0;
  line-height: 16px;
  position: absolute;
  text-align: right;
  top: 20px;
  color: #868e93;
  display: inline-block;
  text-transform: uppercase;
}
.dte-range-table .open-picker .dte-picker-year {
  /*display: block;
            color: @color-gray-dark;
            text-align: center;
            font-size: 14px;
            
            position: relative;*/
  left: 32px;
  line-height: 16px;
  padding-left: 4px;
  padding-right: 4px;
  position: absolute;
  top: 20px;
  color: #3c4144;
  display: inline-block;
  font-size: 11px;
  text-align: left;
  /*
            &:after {
                content: @icon-bullet-d;
                font-family: @font-family-pcbicon;
                color: @color-gray-dark;
                font-size: 10px;
                width: 10px;
                height: 10px;
                line-height: 10px;
                position: absolute;
                bottom: 4px;
                right: 0px;
            }*/
}
.proui-ctl .context-menu .btn {
  margin-bottom: -1px !important;
  width: 100%;
}
.proui-ctl .context-menu .bnt-group {
  line-height: 33px;
  margin-right: 0px !important;
  display: block !important;
}
.proui-ctl .context-menu-sub {
  display: none;
  margin-top: -3px;
  /*width: 167px;*/
  background-color: #dfe4e6;
  border: 1px solid #cdd3d4;
  padding: 16px 0px 2px 10px;
}
.context-menu .bnt-group .c-bg-gray {
  color: #888;
}
.context-menu a.link-bar {
  /* padding: 2px 5px 2px 5px;*/
  line-height: 32px !important;
  min-height: 36px !important;
}
.context-menu .bnt-group {
  -webkit-box-shadow: 0px 0px 2px 0px #9ba4aa;
  -moz-box-shadow: 0px 0px 2px 0px #9ba4aa;
  box-shadow: 0px 0px 2px 0px #9ba4aa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.context-menu .link-bar,
.context-menu .link-bar:hover {
  /* line-height: 36px !important;*/
}
.context-menu .link-bar i {
  /*  margin-top: 3px !important;  */
}
/*
form .range-mode {
    margin-top: 10px;
}*/
.range-mode.single-option .context-menu {
  display: none !important;
}
.range-mode.single-option .dte-range-table {
  margin-right: 0px;
}
.range-mode label,
.proui-ctl label.label-outside {
  background-color: #fff;
  border: 1px solid #eee;
  color: #666;
  display: inline-block;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 10px;
  left: 6px;
  line-height: 12px;
  padding: 0 3px 1px !important;
  text-transform: uppercase;
  top: -16px;
  -moz-border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  -khtml-border-radius: 3px 3px 0px 0px;
  -o-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
.ctl-numbers-range-control .proui-ctl .context-menu {
  white-space: nowrap;
  width: auto;
}
.ctl-numbers-range-control .proui-ctl .context-menu .btn {
  width: auto;
  margin-right: -4px;
  text-align: center;
}
.ctl-numbers-range-control .proui-ctl .context-menu .btn i {
  display: inline-block;
}
.ctl-numbers-range-control .proui-ctl .context-menu .btn.c-bg-red * {
  color: white !important;
}
.ctl-numbers-range-control .ctl-nr-si-min {
  display: none;
  text-align: right;
}
.ctl-numbers-range-control .ctl-nr-si-max {
  display: none;
  text-align: right;
}
.ctl-numbers-range-control .ctl-numbers-range-sub-delim {
  display: none;
}
.ctl-numbers-range-control .range-lbl-mode {
  display: none;
}
.ctl-numbers-range-mode-greater:before {
  font-size: 18px;
  position: absolute;
  top: 18px;
  left: 6px;
  color: #888;
  font-family: 'pcbicon';
  content: '\e607';
}
.ctl-numbers-range-mode-greater .ctl-nr-si-min {
  display: block;
  width: 100%;
}
.ctl-numbers-range-mode-greater .range-lbl-mode-greater {
  display: inline-block;
}
.ctl-numbers-range-mode-less:before {
  font-size: 18px;
  position: absolute;
  top: 18px;
  left: 6px;
  color: #888;
  font-family: 'pcbicon';
  content: '\e608';
}
.ctl-numbers-range-mode-less .ctl-nr-si-max {
  display: block;
  width: 100%;
}
.ctl-numbers-range-mode-less .range-lbl-mode-less {
  display: inline-block;
}
.ctl-numbers-range-mode-equal:before {
  font-size: 18px;
  position: absolute;
  top: 18px;
  left: 6px;
  color: #888;
  font-family: 'pcbicon';
  content: '=';
  padding-left: 4px;
}
.ctl-numbers-range-mode-equal .ctl-nr-si-min {
  display: block;
  width: 100%;
}
.ctl-numbers-range-mode-equal .range-lbl-mode-equal {
  display: inline-block;
}
/*.ctl-numbers-range-control.proui-ctl-active .proui-ctl:before {
    display: none;
}*/
.ctl-numbers-range-mode-between .ctl-nr-si-min {
  display: inline-block;
  width: 50%;
  font-size: 13px;
  text-align: center;
  padding-left: 4px;
  padding-right: 6px;
}
.ctl-numbers-range-mode-between .ctl-nr-si-max {
  display: inline-block;
  width: 50%;
  left: 50%;
  font-size: 13px;
  text-align: center;
  padding-left: 6px;
  padding-right: 4px;
}
.ctl-numbers-range-mode-between .ctl-numbers-range-sub-delim {
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 20px;
  font-size: 13px !important;
  line-height: 14px !important;
  width: 16px !important;
  height: 16px !important;
}
.ctl-numbers-range-mode-between .range-lbl-mode-between {
  display: inline-block;
}
@media only screen and (max-width: 799px) {
  .ctl-numbers-range-control {
    width: 100% !important;
  }
  .ctl-numbers-range-control .proui-ctl-wrapper {
    width: 100% !important;
  }
}
/*.proui-ctl-combo .proui-ctl-wrapper .proui-ctl, .proui-ctl-combo.proui-ctl-active .proui-ctl-wrapper .proui-ctl {
    border: 0px solid #fff !important;

}*/
.proui-ctl-combo.proui-crl-rich-combo.proui-ctl-active .proui-ctl-wrapper {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
  box-shadow: none !important;
}
.proui-ctl-combo.proui-ctl-active .rich-combo-wrapper {
  -webkit-box-shadow: 0px 0px 8px 2px #1D77D4;
  -moz-box-shadow: 0px 0px 8px 2px #1D77D4;
  -o-box-shadow: 0px 0px 8px 2px #1D77D4;
  -ms-box-shadow: 0px 0px 8px 2px #1D77D4;
  box-shadow: 0px 0px 8px 2px #1D77D4;
}
.dg-filters-container .rich-combo-wrapper {
  position: absolute;
}
.rich-combo-wrapper {
  width: 100%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  z-index: 6;
}
.rich-combo-wrapper .rich-combo-item {
  display: none;
  cursor: pointer;
}
.rich-combo-wrapper .rich-combo-item.rich-combo-item-selected {
  display: block;
}
.rich-combo-wrapper .rich-combo-item.rich-combo-item-inactive {
  display: none !important;
}
.rich-combo-wrapper.rich-combo-expanded {
  z-index: 999;
}
.rich-combo-wrapper.rich-combo-expanded:after {
  display: none;
}
.rich-combo-wrapper.rich-combo-expanded .rich-combo-item {
  display: block;
}
.rich-combo-wrapper.rich-combo-expanded .rich-combo-item-selected {
  position: relative;
}
.rich-combo-wrapper.rich-combo-expanded .rich-combo-item-selected .tile {
  background-color: #eaf5ff;
}
.rich-combo-wrapper.rich-combo-expanded .rich-combo-item-selected:after {
  font-family: 'pcbicon';
  content: '\e616';
  color: #d4011d;
  font-size: 14px;
  height: 42px;
  line-height: 42px;
  width: 30px;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-align: center;
  text-transform: none;
  vertical-align: middle;
  cursor: inherit;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.rich-combo-wrapper:after {
  font-family: 'pcbicon';
  content: '\e604';
  color: #3c4144;
  font-size: 20px;
  height: 42px;
  line-height: 42px;
  width: 30px;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-align: center;
  text-transform: none;
  vertical-align: middle;
  cursor: inherit;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.rich-combo-wrapper .ctl-value-holder {
  width: 1px !important;
  height: 1px !important;
  position: absolute;
  overflow: hidden;
  border: none !important;
  z-index: -1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.rich-combo-wrapper.rich-combo-single-item:after {
  display: none !important;
}
.rich-combo-wrapper.rich-combo-single-item .rich-combo-item .tile-amounts {
  margin-right: 0px !important;
}
.rich-combo-wrapper.rich-combo-single-item.rich-combo-expanded .rich-combo-item-selected::after {
  display: none !important;
}
.rich-combo-wrapper .input-group-vertical {
  position: relative;
  z-index: 5;
  -webkit-box-shadow: 0 0 3px 1px #048dff;
  -moz-box-shadow: 0 0 3px 1px #048dff;
  box-shadow: 0 0 3px 1px #048dff;
}
.rich-combo-wrapper-collapsed .input-group-vertical {
  z-index: 1;
  -webkit-box-shadow: 0px 0px 2px 0px #9ba4aa;
  -moz-box-shadow: 0px 0px 2px 0px #9ba4aa;
  box-shadow: 0px 0px 2px 0px #9ba4aa;
}
.rich-combo-item .tile {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
  box-shadow: none !important;
}
.rich-combo-item .tile .tile-panel-content-wrapper {
  padding: 0px 0px;
}
.rich-combo-item .tile.tile-themed {
  border-width: 0px;
  margin-bottom: 0px;
  padding: 3px 6px 2px 6px;
}
.rich-combo-item .tile-expand-button {
  display: none;
}
/*SELECT LIST DECORATION*/
.proui-ctl-active.proui-ctl-combo.proui-ctl-rich-combo .proui-ctl:before {
  display: none !important;
}
.proui-ctl-combo.proui-ctl-rich-combo .proui-ctl:before {
  content: ' ';
  display: block;
  position: absolute;
  top: -5px;
  left: 1px;
  right: 1px;
  height: 4px;
  line-height: 4px;
  background-color: #fff;
  border: 1px solid #eee;
}
.proui-amount-container .proui-ctl-el {
  font-size: 18px !important;
  line-height: 18px !important;
  padding-right: 62px !important;
  padding-top: 12px !important;
  padding-bottom: 6px !important;
  text-align: right;
  font-weight: bold;
  color: #444;
}
.proui-ctl .input-sub-select {
  float: right;
  right: 1px;
  top: 1px;
  z-index: 2;
  margin-right: 0px;
  position: absolute;
  height: 40px;
  width: 56px;
  overflow: hidden;
  /*border-right: none !important;*/
  /*border-top: none !important;*/
  /*border-bottom: none !important;*/
  background: #f7f7f7;
  border: 1px solid #eee;
  /*.bg-gradient(#fff, #e3e7ea);*/
}
.proui-ctl .input-sub-select:after {
  content: '\e604';
  font-family: 'pcbicon';
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  width: 22px;
  color: #3c4144;
  position: absolute;
  right: 0px;
  top: 13px;
}
.proui-ctl .input-sub-select select {
  z-index: 2;
  position: relative;
  width: 56px;
  height: 100%;
  color: #0c0d0e;
}
.proui-ctl .input-sub-select.single-option {
  background-image: none !important;
  /* border: none !important;*/
}
.proui-ctl .input-sub-select.single-option:after {
  display: none;
}
.proui-ctl .input-sub-select.single-option select,
.proui-ctl.proui-ctl-iconic .input-sub-select.single-option select {
  padding: 7px 0px 0 4px !important;
}
.ie8 .proui-ctl .input-sub-select.single-option select,
.ie8 .proui-ctl.proui-ctl-iconic .input-sub-select.single-option select {
  padding: 7px 0px 8px 4px !important;
}
.ie9 .proui-ctl .input-sub-select {
  border-radius: 0px !important;
}
.proui-ctl .input-sub-select select,
.proui-ctl.proui-ctl-iconic .input-sub-select select {
  /*padding: 0px 0px 0px 0px !important;*/
  padding: 7px 0px 0 1px !important;
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif !important;
  font-weight: bold !important;
  background-color: transparent;
  border: none !important;
}
.ie8 .proui-ctl .input-sub-select select,
.ie8 .proui-ctl.proui-ctl-iconic .input-sub-select select {
  padding: 7px 0px 8px 1px !important;
}
/*.proui-ctl.input-sub-select i.i-bullet-d {
    margin-top: 4px;
    margin-left: 27px;
    background-color: transparent;
    color: #555;
    font-size: 16px;
}*/
.panel-currency-exhange-rates .rate-input {
  width: 60px;
  height: 30px;
  line-height: 30px;
  font-family: Consolas,monaco,monospace;
  font-weight: bold;
  font-size: 14px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  text-align: center;
}
.panel-currency-exhange-rates .rate-input.rate-input-disabled {
  background: transparent !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
  box-shadow: none !important;
}
.panel-currency-exhange-rates .alternate-amount {
  display: inline-block;
  font-weight: bold;
  font-size: 14px;
  font-family: Consolas,monaco,monospace;
}
.panel-currency-exhange-rates .alternate-curr {
  display: inline-block;
  padding-left: 5px;
  text-align: left;
  vertical-align: middle;
  width: 48px;
  color: #6c757a;
  font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif !important;
}
.panel-currency-exhange-rates .btn-restore-rate {
  margin-bottom: 0px !important;
  line-height: normal !important;
  background-color: #fff;
}
.panel-currency-exhange-rates .btn-restore-rate i {
  color: #d4011d;
}
.panel-currency-exhange-rates .btn-restore-rate span {
  color: #d4011d;
  font-size: 11px;
}
.panel-currency-exhange-rates .btn-restore-rate:hover {
  background-color: #d7d9db;
}
.msg-pref-rate-alert {
  margin-top: 20px;
  white-space: normal !important;
}
.pb-amount-input-no-limit {
  /*
        &:hover {
             .icon-clear-btn:before {
                content: @icon-check;
                 }
        }
        span {

        }*/
}
.pb-amount-input-no-limit .icon-clear-btn {
  display: none !important;
}
.pb-amount-input-no-limit .checkbox-label.proui-ctl-ckb-container label {
  position: absolute !important;
  left: auto;
  z-index: 3;
  background: #f7f7f7;
  border: 1px solid #eee;
  line-height: 17px !important;
  min-height: 40px;
  min-width: 80px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.pb-amount-input-no-limit .checkbox-label.proui-ctl-ckb-container .ckb-icon {
  background: #fff;
}
.pb-amount-input-no-limit .checkbox-label.proui-ctl-ckb-container input:checked + label {
  min-width: 100%;
  background: #fff;
  border: 1px solid #fff;
}
.proui-ctl-ckb-container .proui-ctl {
  height: auto;
}
.proui-ctl-ckb-container .proui-ctl-el {
  height: 16px;
  width: 16px;
  display: none;
  margin-top: 10px;
  margin-left: 10px;
  width: 1px;
  height: 1px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  overflow: hidden;
  border: 0px;
  display: inline-block;
  z-index: -1;
}
.proui-ctl-ckb-container label {
  display: block;
  min-height: 42px;
  position: static !important;
  padding: 10px 10px 11px 40px !important;
  font: inherit !important;
  text-transform: none;
  color: inherit !important;
  overflow: hidden;
}
.proui-ctl-ckb-container .ckb-icon {
  display: inline-block;
  position: absolute;
  margin: auto auto !important;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  background-color: #f5f6f7;
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  width: 20px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
  -webkit-box-shadow: inset 0 1px 4px #bcc5ca;
  -moz-box-shadow: inset 0 1px 4px #bcc5ca;
  -o-box-shadow: inset 0 1px 4px #bcc5ca;
  -ms-box-shadow: inset 0 1px 4px #bcc5ca;
  box-shadow: inset 0 1px 4px #bcc5ca;
}
.proui-ctl-ckb-container input:checked + label i.ckb-icon {
  color: #fff;
  font-size: 16px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.proui-ctl-ckb-container input:checked + label i.ckb-icon.c-bg-yellow {
  background-color: #ffd500;
  color: #A34A07;
}
.proui-ctl-ckb-container input:checked + label i.ckb-icon.c-bg-orange {
  background-color: #eb690a;
}
.proui-ctl-ckb-container input:checked + label i.ckb-icon.c-bg-red {
  background-color: #d4011d;
}
.proui-ctl-ckb-container input:checked + label i.ckb-icon.c-bg-green {
  background-color: #008255;
}
.proui-ctl-ckb-container input:checked + label i.ckb-icon.c-bg-purple {
  background-color: #b60074;
}
.proui-ctl-ckb-container input:checked + label i.ckb-icon.c-bg-blue {
  background-color: #005194;
}
.proui-ctl-ckb-container input:checked + label i.ckb-icon:before {
  content: '\e616';
}
.proui-ctl-ckb-container input:checked + label i.ckb-icon.c-bg-gray,
.proui-ctl-ckb-container input:checked + label i.ckb-icon.c-bg-gray-dark,
.proui-ctl-ckb-container input:checked + label i.ckb-icon.c-bg-gray-light,
.proui-ctl-ckb-container input:checked + label i.ckb-icon.c-bg-gray-lighter {
  color: #3c4144;
  -webkit-box-shadow: inset 0 1px 4px #bcc5ca;
  -moz-box-shadow: inset 0 1px 4px #bcc5ca;
  -o-box-shadow: inset 0 1px 4px #bcc5ca;
  -ms-box-shadow: inset 0 1px 4px #bcc5ca;
  box-shadow: inset 0 1px 4px #bcc5ca;
}
.proui-ctl-ckb-type-radio .ckb-icon {
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
.proui-ctl-ckb-container .proui-ctl .proui-ctl i {
  line-height: normal;
  height: auto;
}
.proui-ctl-ckb-container .account-name-wrapper i {
  line-height: 20px;
  height: 20px;
}
proui-ctl-textarea {
  /*height: auto !important;*/
  min-height: 44px;
}
.proui-ctl-el-textarea {
  resize: none;
  background-color: transparent;
  border: none !important;
  border-radius: 0;
  position: absolute;
  z-index: 1;
  /* position: absolute;
    left: 0px;
    top: 0px;*/
  /*height: 28px;*/
  line-height: 15px;
  vertical-align: bottom;
  min-height: 44px;
  padding: 20px 4px 0px 6px !important;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #000;
  /*text-transform: uppercase;*/
  font-family: Consolas, monaco, monospace !important;
  letter-spacing: 0px;
  font-size: 14px !important;
  overflow: hidden !important;
  margin-top: 0px;
}
.proui-ctl-textarea-hidden {
  height: 0px;
  font-family: Consolas, monaco, monospace !important;
  line-height: 15px;
  font-size: 14px !important;
  letter-spacing: 0px;
  resize: none;
  display: block;
  padding: 2px;
  overflow: hidden;
  border: none !important;
  visibility: hidden;
  width: 100%;
  padding: 20px 4px 0px 6px !important;
  /*padding:15px 4px 4px 6px;*/
}
.proui-ctl-iconic .proui-ctl-el-textarea,
.proui-ctl-iconic .proui-ctl-textarea-hidden {
  padding-left: 38px !important;
  padding-right: 30px !important;
}
.proui-ctl-textarea-counter-div {
  position: absolute;
  right: 4px;
  bottom: -18px;
  color: #666;
  font-style: italic;
  font-size: 10px;
}
.proui-ctl-textarea-limitinfo-input-full {
  background-color: #d4011d !important;
}
.proui-ctl-textarea-limitinfo-input {
  background-color: #005194;
  font-style: normal;
  font-size: 10px;
  color: #fff;
  font-weight: bold;
  padding: 0px 4px;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
}
.proui-ctl-container-uploader .proui-ctl-wrapper {
  background: none !important;
  width: 500px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
  box-shadow: none !important;
}
.file-uploader-container {
  font-size: 14px;
  padding: 20px 12px 20px 16px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  margin: -6px -6px;
}
.file-uploader-container {
  outline: 2px dashed #92b0b3;
  outline-offset: -10px;
  transition: outline-offset 0.15s ease-in-out 0s, background-color 0.15s linear 0s;
}
.file-uploader-container.is-dragover {
  background-color: #fff;
  outline-color: #c8dadf;
  outline-offset: -20px;
}
.uploader-ctl-validation-input {
  width: 1px;
  height: 1px;
  position: absolute;
  border: 0px !important;
  overflow: hidden;
  z-index: -1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
/*
.box__dragndrop, .box__icon {
    display: none;
}

.box-form.has-advanced-upload .box__dragndrop {
    display: inline;
}

.box-form.has-advanced-upload .box__icon {
    display: block;
    fill: #92b0b3;
    height: 80px;
    margin-bottom: 40px;
    width: 100%;
}
*/
/*
.box-form.is-uploading .file-items, .box-form.is-success .file-items, .box-form.is-error .file-items {
    visibility: hidden;
}

.file-uploader-uploading, .file-uploader-success, .file-uploader-error {
    display: none;
}

.box-form.is-uploading .file-uploader-uploading, .box-form.is-success .file-uploader-success, .box-form.is-error .file-uploader-error {
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
*/
.file-uploader-uploading {
  font-style: italic;
}
.file-uploader-success {
  animation: 0.25s ease-in-out 0s normal none 1 running appear-from-inside;
}
@keyframes appear-from-inside {
  0% {
    transform: translateY(-50%) scale(0);
  }
  75% {
    transform: translateY(-50%) scale(1.1);
  }
  100% {
    transform: translateY(-50%) scale(1);
  }
}
@keyframes appear-from-inside {
  0% {
    transform: translateY(-50%) scale(0);
  }
  75% {
    transform: translateY(-50%) scale(1.1);
  }
  100% {
    transform: translateY(-50%) scale(1);
  }
}
/*
.box__restart {
    font-weight: 700;
}*/
/*
    .box__restart:focus, .box__restart:hover {
        color: #39bfd3;
    }
    
.js .box__file {
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 0.1px;
    z-index: -1;
}

    .js .box__file + label {
        cursor: pointer;
        display: inline-block;
        max-width: 80%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .js .box__file + label strong {
        text-decoration: underline;
    }

        .js .box__file + label:hover strong, .box__file:focus + label strong, .box__file.has-focus + label strong {
            color: #39bfd3;
        }

    .js .box__file:focus + label, .js .box__file.has-focus + label {
        outline: 1px dotted #000;
    }

    .js .box__file + label * {
    }

.no-js .box__file + label {
    display: none;
}
*/
/* .no-js .box__button {
    display: block;
}*/
.box__button {
  /* background-color: #39bfd3;
                color: #e5edf1;
                display: none;
                font-weight: 700;
                margin: 20px auto 0;
                padding: 8px 16px;*/
}
.box__button:hover,
.box__button:focus {
  /* background-color: #0f3c4b;*/
}
.file-uploader-container {
  text-align: left;
  /*padding: 20px 18px 20px 21px;*/
}
.file-uploader-container .file-item.file-item-add {
  display: inline-block;
}
.file-uploader-container .uploader-full-msg {
  margin: 0 auto;
  font-size: 12px;
  color: #6c757a;
  display: none;
  padding-top: 5px;
}
.file-uploader-container.file-uploader-container-full .file-item.file-item-add {
  display: none;
}
.file-uploader-container.file-uploader-container-full .uploader-full-msg {
  display: table;
}
.file-item {
  width: 110px;
  height: 110px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  background-color: #ccc;
  position: relative;
  color: #fff;
  /*
    margin-top: 2px;
    margin-bottom: 3px;
    margin-left: 1px;
    margin-right: 1px;*/
  margin: 4px 4px;
  padding-top: 60px;
  overflow: hidden;
}
.file-item:before {
  font-family: 'pcbicon';
  display: inline-block;
  width: 100%;
  font-size: 45px;
  height: 45px;
  line-height: 45px;
  color: #fff;
  position: absolute;
  top: 15px;
  left: 0px;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  filter: alpha(opacity=90);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.file-item span {
  display: block;
  width: 92%;
  max-height: 40px;
  padding: 0px 2px 2px 2px;
  overflow: hidden;
  font-size: 13px;
  line-height: 13px;
  margin: auto auto !important;
  position: absolute;
  /* height: 100%;*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 30px auto 4px auto !important;
}
.file-item .btn-del {
  background-color: #fff;
  color: #d4011d;
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
  filter: alpha(opacity=75);
  font-family: 'pcbicon';
  width: 54px;
  height: 54px;
  font-size: 30px;
  line-height: 51px;
  text-align: center;
  padding-left: 2px;
  margin-right: 0px;
  position: absolute;
  top: 0px;
  right: -55px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.file-item .btn-del:before {
  content: '\2716';
}
.file-item .btn-del:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #D4011D !important;
}
.file-item:hover .btn-del {
  right: 0px;
}
.file-item:hover:before {
  top: 7px;
  left: -25px;
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.file-item input {
  display: none;
}
.file-item.file-item-preview:hover {
  cursor: pointer !important;
}
.file-item.file-item-preview:hover:before {
  content: '\e9c2';
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  top: 15px !important;
  left: 0px !important;
}
/*
     i.i-load-small-ring-outer{
            display: inline-block;
            -moz-animation: 1s linear 0s infinite pb-anim-loader;
            -o-animation: 1s linear 0s infinite pb-anim-loader;
            -webkit-animation: 1s linear 0s infinite pb-anim-loader;
            animation: 1s linear 0s infinite pb-anim-loader;
        }
        i.i-load-small-ring-inner{
            display: inline-block;
            -moz-animation: 1s linear 0s reverse infinite pb-anim-loader;
            -o-animation: 1s linear 0s reverse infinite pb-anim-loader;
            -webkit-animation: 1s linear 0s reverse infinite pb-anim-loader;
            animation: 1s linear 0s reverse infinite pb-anim-loader;
        }

*/
.file-item-uploading:before {
  content: '\e901' !important;
  display: inline-block;
  -moz-animation: 1s linear 0s infinite pb-anim-loader-colorless;
  -o-animation: 1s linear 0s infinite pb-anim-loader-colorless;
  -webkit-animation: 1s linear 0s infinite pb-anim-loader-colorless;
  animation: 1s linear 0s infinite pb-anim-loader-colorless;
}
.file-item-uploading:after {
  font-family: 'pcbicon';
  display: inline-block;
  width: 100%;
  font-size: 36px;
  height: 45px;
  line-height: 45px;
  color: #fff;
  position: absolute;
  top: 15px;
  left: 0px;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  filter: alpha(opacity=90);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  content: '\e900' !important;
  -moz-animation: 1s linear 0s reverse infinite pb-anim-loader-colorless;
  -o-animation: 1s linear 0s reverse infinite pb-anim-loader-colorless;
  -webkit-animation: 1s linear 0s reverse infinite pb-anim-loader-colorless;
  animation: 1s linear 0s reverse infinite pb-anim-loader-colorless;
}
.file-item-uploading:hover .btn-del {
  top: 0px !important;
  right: -55px !important;
}
.file-item-uploading:hover:before {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  filter: alpha(opacity=90);
  top: 15px !important;
  left: 0px !important;
}
.file-item.file-item-add {
  cursor: pointer;
  background-color: #dadee0;
}
.file-item.file-item-add:before {
  content: '\e611';
  font-size: 60px;
  height: 110px;
  line-height: 110px;
  margin: 0px;
  top: 0px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #92b0b3 !important;
}
.file-item.file-item-add span {
  display: none;
  font-size: 14px;
  line-height: normal;
  color: #738789;
}
.file-item.file-item-add .btn-del {
  display: none !important;
}
.file-item.file-item-add:hover {
  background-color: #ced6d9;
}
.file-item.file-item-add:hover:before {
  top: 0px;
  left: 0px;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #E2AA02 !important;
}
.file-item.file-item-add:hover span {
  color: #455556;
}
.file-item.file-item-add:first-child:last-child {
  background-color: transparent;
  width: 100%;
  height: 80px;
}
.file-item.file-item-add:first-child:last-child:before {
  font-size: 50px;
  margin-top: -27px;
  content: '\e9cd';
}
.file-item.file-item-add:first-child:last-child span {
  display: block;
}
.file-item {
  background-color: #828f8f;
  color: #fff;
}
.file-item:after {
  color: #fff !important;
}
.file-item:before {
  color: #fff !important;
  content: '\e62f';
}
.file-item .btn-del {
  color: #828f8f;
}
.file-item-tar,
.file-item-rar,
.file-item-zip,
.file-item-iso,
.file-item-7z,
.file-item-zz,
.file-item-ace {
  background-color: #b60074;
  color: #fff;
}
.file-item-tar:after,
.file-item-rar:after,
.file-item-zip:after,
.file-item-iso:after,
.file-item-7z:after,
.file-item-zz:after,
.file-item-ace:after {
  color: #fff !important;
}
.file-item-tar:before,
.file-item-rar:before,
.file-item-zip:before,
.file-item-iso:before,
.file-item-7z:before,
.file-item-zz:before,
.file-item-ace:before {
  color: #fff !important;
  content: '\e909';
}
.file-item-tar .btn-del,
.file-item-rar .btn-del,
.file-item-zip .btn-del,
.file-item-iso .btn-del,
.file-item-7z .btn-del,
.file-item-zz .btn-del,
.file-item-ace .btn-del {
  color: #b60074;
}
.file-item-doc,
.file-item-docx,
.file-item-rtf {
  background-color: #005194;
  color: #fff;
}
.file-item-doc:after,
.file-item-docx:after,
.file-item-rtf:after {
  color: #fff !important;
}
.file-item-doc:before,
.file-item-docx:before,
.file-item-rtf:before {
  color: #fff !important;
  content: '\e908';
}
.file-item-doc .btn-del,
.file-item-docx .btn-del,
.file-item-rtf .btn-del {
  color: #005194;
}
.file-item-xls,
.file-item-xlsx,
.file-item-csv {
  background-color: #008255;
  color: #fff;
}
.file-item-xls:after,
.file-item-xlsx:after,
.file-item-csv:after {
  color: #fff !important;
}
.file-item-xls:before,
.file-item-xlsx:before,
.file-item-csv:before {
  color: #fff !important;
  content: '\e640';
}
.file-item-xls .btn-del,
.file-item-xlsx .btn-del,
.file-item-csv .btn-del {
  color: #008255;
}
.file-item-ppt,
.file-item-pptx {
  background-color: #CC3300;
  color: #fff;
}
.file-item-ppt:after,
.file-item-pptx:after {
  color: #fff !important;
}
.file-item-ppt:before,
.file-item-pptx:before {
  color: #fff !important;
  content: '\e907';
}
.file-item-ppt .btn-del,
.file-item-pptx .btn-del {
  color: #CC3300;
}
.file-item-bmp,
.file-item-jpg,
.file-item-jpeg,
.file-item-gif,
.file-item-png,
.file-item-tif,
.file-item-tiff {
  background-color: #FF6600;
  color: #fff;
}
.file-item-bmp:after,
.file-item-jpg:after,
.file-item-jpeg:after,
.file-item-gif:after,
.file-item-png:after,
.file-item-tif:after,
.file-item-tiff:after {
  color: #fff !important;
}
.file-item-bmp:before,
.file-item-jpg:before,
.file-item-jpeg:before,
.file-item-gif:before,
.file-item-png:before,
.file-item-tif:before,
.file-item-tiff:before {
  color: #fff !important;
  content: '\e905';
}
.file-item-bmp .btn-del,
.file-item-jpg .btn-del,
.file-item-jpeg .btn-del,
.file-item-gif .btn-del,
.file-item-png .btn-del,
.file-item-tif .btn-del,
.file-item-tiff .btn-del {
  color: #FF6600;
}
.file-item-pdf {
  background-color: #a00012;
  color: #fff;
}
.file-item-pdf:after {
  color: #fff !important;
}
.file-item-pdf:before {
  color: #fff !important;
  content: '\e641';
}
.file-item-pdf .btn-del {
  color: #a00012;
}
.file-item-txt {
  background-color: #009999;
  color: #fff;
}
.file-item-txt:after {
  color: #fff !important;
}
.file-item-txt:before {
  color: #fff !important;
  content: '\e630';
}
.file-item-txt .btn-del {
  color: #009999;
}
/*
// UNKNOWN EXTENSION
    For("<unknown>").Use(x.GeneralFile);
    

    // OTHERS
    For("exe").Use(x.GeneralFile);
    For("html").Use(x.GeneralFile);
    For("xml").Use(x.GeneralFile);
    For("txt").Use(x.Txt);
    For("pdf").Use(x.Pdf);
    */
.tan-code-input-el {
  font-weight: bold;
  font-family: 'metaroman';
  font-size: 20px;
  letter-spacing: 4px;
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.sortable-area {
  position: relative;
}
.sortable-area .sortable-buttons-area {
  position: absolute;
  right: 0px;
  top: -40px;
  z-index: 2;
}
.sortable-area .sortable-buttons-area button.btn-sort-cancel {
  display: none;
}
.sortable-area .sortable-buttons-area button.btn-sort-save {
  display: none;
}
.sortable-area .sortable-buttons-area button.btn.btn-sort-enable {
  border: 1px solid #e2e2e2 !important;
  background-color: transparent;
  display: inline-block;
  cursor: pointer;
}
.sortable-area .sortable-buttons-area button.btn.btn-sort-enable i {
  font-size: 14px;
}
.sortable-area .sortable-buttons-area span.sort-ajax-loader {
  display: none;
}
.sortable-area.sort-ajax-pending .sortable-buttons-area button.btn-sort-cancel {
  display: none !important;
}
.sortable-area.sort-ajax-pending .sortable-buttons-area button.btn-sort-save {
  display: none !important;
}
.sortable-area.sort-ajax-pending .sortable-buttons-area button.btn.btn-sort-enable {
  display: none !important;
}
.sortable-area.sort-ajax-pending .sortable-buttons-area span.sort-ajax-loader {
  display: inline-block;
  margin-top: 10px;
  margin-right: 6px;
}
.sortable-area .sortable-items-area > * {
  -webkit-transition: margin-top 0.2s ease, margin-bottom 0.2s ease;
  -moz-transition: margin-top 0.2s ease, margin-bottom 0.2s ease;
  -o-transition: margin-top 0.2s ease, margin-bottom 0.2s ease;
  transition: margin-top 0.2s ease, margin-bottom 0.2s ease;
}
.sortable-area .ui-sortable-placeholder {
  background-color: #edeff1 !important;
  visibility: visible !important;
  border: 2px dashed #e6e6e6 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
  box-shadow: none !important;
}
.sortable-area.sort-enabled {
  z-index: 999999999;
}
.sortable-area.sort-enabled:before {
  display: block;
  position: fixed;
  z-index: 99998;
  background-color: #f5f6f7;
  content: ' ';
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  -webkit-opacity: 0.96;
  -moz-opacity: 0.96;
  opacity: 0.96;
  filter: alpha(opacity=96);
}
.sortable-area.sort-enabled .sortable-buttons-area {
  position: fixed;
  left: 0px;
  right: 0px;
  top: auto;
  bottom: 0px;
  z-index: 999999;
}
.sortable-area.sort-enabled .sortable-buttons-area button {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  width: 50%;
  margin: 0px;
  float: left;
  line-height: 50px;
}
.sortable-area.sort-enabled .sortable-buttons-area button.btn-sort-cancel {
  display: inline-block;
  background-color: #a1a7ab;
}
.sortable-area.sort-enabled .sortable-buttons-area button.btn-sort-save {
  display: inline-block;
  background-color: #008255;
}
.sortable-area.sort-enabled .sortable-buttons-area button.btn-sort-enable {
  display: none;
}
.sortable-area.sort-enabled .sortable-items-area {
  position: relative;
  z-index: 99999;
  /*margin: -10px -10px;
            padding: 10px 10px;
            background-color: @colorBaseBackground;
            .cornersAll(10px);*/
}
.sortable-area.sort-enabled .sortable-items-area > * {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.sortable-area.sort-enabled .sortable-items-area > :nth-child(4n+1) {
  -moz-animation: 3s linear 0s infinite pb-anim-sortable;
  -o-animation: 3s linear 0s infinite pb-anim-sortable;
  -webkit-animation: 3s linear 0s infinite pb-anim-sortable;
  animation: 3s linear 0s infinite pb-anim-sortable;
}
.sortable-area.sort-enabled .sortable-items-area > :nth-child(4n+2) {
  -moz-animation: 3s linear 0.6s infinite pb-anim-sortable;
  -o-animation: 3s linear 0.6s infinite pb-anim-sortable;
  -webkit-animation: 3s linear 0.6s infinite pb-anim-sortable;
  animation: 3s linear 0.6s infinite pb-anim-sortable;
}
.sortable-area.sort-enabled .sortable-items-area > :nth-child(4n+3) {
  -moz-animation: 3s linear 1.2s infinite pb-anim-sortable;
  -o-animation: 3s linear 1.2s infinite pb-anim-sortable;
  -webkit-animation: 3s linear 1.2s infinite pb-anim-sortable;
  animation: 3s linear 1.2s infinite pb-anim-sortable;
}
.sortable-area.sort-enabled .sortable-items-area > :nth-child(4n+4) {
  -moz-animation: 3s linear 1.8s infinite pb-anim-sortable;
  -o-animation: 3s linear 1.8s infinite pb-anim-sortable;
  -webkit-animation: 3s linear 1.8s infinite pb-anim-sortable;
  animation: 3s linear 1.8s infinite pb-anim-sortable;
}
.sortable-area.sort-enabled .sortable-items-area > .ui-sortable-helper,
.sortable-area.sort-enabled .sortable-items-area > .ui-sortable-placeholder {
  -webkit-animation-play-state: paused !important;
  -moz-animation-play-state: paused !important;
  -o-animation-play-state: paused !important;
  animation-play-state: paused !important;
}
.sortable-area.sort-enabled .tile-panel .tile-expand-button {
  color: #a1a7ab;
  font-size: 20px;
}
.sortable-area.sort-enabled .tile-panel .tile-expand-button:before {
  content: '\e911';
}
@media only screen and (min-width: 800px) {
  .sortable-area {
    position: relative;
  }
  .sortable-area .sortable-buttons-area {
    right: -2px;
  }
  .sortable-area .sortable-buttons-area button.btn-sort-cancel {
    display: none;
    border: 0px solid #e5e6e7 !important;
    background-color: transparent;
    cursor: pointer;
  }
  .sortable-area .sortable-buttons-area button.btn-sort-cancel i {
    font-size: 20px;
  }
  .sortable-area .sortable-buttons-area button.btn-sort-save {
    display: none;
    border: 0px solid #e5e6e7 !important;
    background-color: transparent;
    cursor: pointer;
  }
  .sortable-area .sortable-buttons-area button.btn-sort-enable {
    display: inline-block;
  }
  .sortable-area.sort-enabled .sortable-buttons-area {
    position: absolute;
    right: -2px;
    left: auto;
    top: -40px;
    bottom: auto;
    z-index: 99999999;
  }
  .sortable-area.sort-enabled .sortable-buttons-area button {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    width: auto;
    margin: 0px;
    float: none;
    line-height: 18px;
  }
  .sortable-area.sort-enabled .sortable-buttons-area button.btn-sort-cancel {
    display: inline-block;
    background-color: #dadde0 !important;
  }
  .sortable-area.sort-enabled .sortable-buttons-area button.btn-sort-cancel i {
    color: #868e93;
  }
  .sortable-area.sort-enabled .sortable-buttons-area button.btn-sort-save {
    display: inline-block;
    background-color: #dadde0 !important;
  }
  .sortable-area.sort-enabled .sortable-buttons-area button.btn-sort-save i {
    color: #008255;
  }
  .sortable-area.sort-enabled .sortable-buttons-area button.btn-sort-enable {
    display: none;
  }
}
@-webkit-keyframes pb-anim-sortable {
  5% {
    -webkit-transform: translateY(2px);
  }
  10% {
    -webkit-transform: translateY(0px);
  }
  12% {
    -webkit-transform: translateY(-2px);
  }
  14% {
    -webkit-transform: translateY(0px);
  }
}
@-moz-keyframes pb-anim-sortable {
  5% {
    -webkit-transform: translateY(2px);
  }
  10% {
    -webkit-transform: translateY(0px);
  }
  12% {
    -webkit-transform: translateY(-2px);
  }
  14% {
    -webkit-transform: translateY(0px);
  }
}
@-o-keyframes pb-anim-sortable {
  5% {
    -webkit-transform: translateY(2px);
  }
  10% {
    -webkit-transform: translateY(0px);
  }
  12% {
    -webkit-transform: translateY(-2px);
  }
  14% {
    -webkit-transform: translateY(0px);
  }
}
@keyframes pb-anim-sortable {
  5% {
    -webkit-transform: translateY(2px);
  }
  10% {
    -webkit-transform: translateY(0px);
  }
  12% {
    -webkit-transform: translateY(-2px);
  }
  14% {
    -webkit-transform: translateY(0px);
  }
}
/* BG COLORS *********************************************************************/
.c-bg-white {
  background-color: #fff;
}
.c-bg-base {
  background-color: #f5f6f7;
}
.c-bg-gray-lighter {
  background-color: #d7d9db;
}
.c-bg-gray-light {
  background-color: #a1a7ab;
}
.c-bg-gray {
  background-color: #868e93;
}
.c-bg-gray-dark {
  background-color: #6c757a;
}
.c-bg-gray-darker {
  background-color: #3c4144;
}
.c-bg-gray-darkest {
  background-color: #0c0d0e;
}
.c-bg-yellow-lighter {
  background-color: #fefff3;
}
.c-bg-yellow-light {
  background-color: #FCE132;
}
.c-bg-yellow {
  background-color: #ffd500;
}
.c-bg-yellow-dark {
  background-color: #E2AA02;
}
.c-bg-yellow-darker {
  background-color: #C27A05;
}
.c-bg-orange-lighter {
  background-color: #FF9E33;
}
.c-bg-orange-light {
  background-color: #FE7F0F;
}
.c-bg-orange {
  background-color: #eb690a;
}
.c-bg-orange-dark {
  background-color: #CA5F00;
}
.c-bg-orange-darker {
  background-color: #B05200;
}
.c-bg-red-lighter {
  background-color: #EE424E;
}
.c-bg-red-light {
  background-color: #E12135;
}
.c-bg-red {
  background-color: #d4011d;
}
.c-bg-red-dark {
  background-color: #a00012;
}
.c-bg-red-darker {
  background-color: #7c010c;
}
.c-bg-green-lighter {
  background-color: #2FAA69;
}
.c-bg-green-light {
  background-color: #28955B;
}
.c-bg-green {
  background-color: #008255;
}
.c-bg-green-dark {
  background-color: #1E6F44;
}
.c-bg-green-darker {
  background-color: #195C39;
}
.c-bg-purple-lighter {
  background-color: #E80BA7;
}
.c-bg-purple-light {
  background-color: #CA0991;
}
.c-bg-purple {
  background-color: #b60074;
}
.c-bg-purple-dark {
  background-color: #98076D;
}
.c-bg-purple-darker {
  background-color: #870661;
}
.c-bg-blue-lighter {
  background-color: #2478c1;
}
.c-bg-blue-light {
  background-color: #1763b0;
}
.c-bg-blue {
  background-color: #005194;
}
.c-bg-blue-dark {
  background-color: #11467C;
}
.c-bg-blue-darker {
  background-color: #0F3D6C;
}
/* TEXT FONT COLORS *********************************************************************/
.c-f-white {
  color: #fff;
}
.c-f-gray-lighter {
  color: #d7d9db;
}
.c-f-gray-light {
  color: #a1a7ab;
}
.c-f-gray {
  color: #868e93;
}
.c-f-gray-dark {
  color: #6c757a;
}
.c-f-gray-darker {
  color: #3c4144;
}
.c-f-yellow-light {
  color: #FCE132;
}
.c-f-yellow {
  color: #ffd500;
}
.c-f-yellow-dark {
  color: #E2AA02;
}
.c-f-yellow-darker {
  color: #A34A07;
}
.c-f-orange-light {
  color: #FE7F0F;
}
.c-f-orange {
  color: #eb690a;
}
.c-f-orange-dark {
  color: #CA5F00;
}
.c-f-orange-darker {
  color: #9A4800;
}
.c-f-red-light {
  color: #E12135;
}
.c-f-red {
  color: #d4011d;
}
.c-f-red-dark {
  color: #a00012;
}
.c-f-red-darker {
  color: #3e0004;
}
.c-f-green-light {
  color: #28955B;
}
.c-f-green {
  color: #008255;
}
.c-f-green-dark {
  color: #1E6F44;
}
.c-f-green-darker {
  color: #13462C;
}
.c-f-purple-light {
  color: #CA0991;
}
.c-f-purple {
  color: #b60074;
}
.c-f-purple-dark {
  color: #98076D;
}
.c-f-purple-darker {
  color: #6E054F;
}
.c-f-blue-light {
  color: #1763b0;
}
.c-f-blue {
  color: #005194;
}
.c-f-blue-dark {
  color: #11467C;
}
.c-f-blue-darker {
  color: #0C345D;
}
/* Shadow colors ********************************************************************/
.shadow-in-white {
  -webkit-box-shadow: inset 0 1px 4px #bfbfbf;
  -moz-box-shadow: inset 0 1px 4px #bfbfbf;
  -ms-box-shadow: inset 0 1px 4px #bfbfbf;
  box-shadow: inset 0 1px 4px #bfbfbf;
}
.shadow-in-disabled-gray-lighter {
  -webkit-box-shadow: inset 3px 3px 10px -9px #788182;
  -moz-box-shadow: inset 3px 3px 10px -9px #788182;
  -ms-box-shadow: inset 3px 3px 10px -9px #788182;
  box-shadow: inset 3px 3px 10px -9px #788182;
}
.shadow-in-gray-lighter {
  -webkit-box-shadow: inset 0 1px 4px #939d9f;
  -moz-box-shadow: inset 0 1px 4px #939d9f;
  -ms-box-shadow: inset 0 1px 4px #939d9f;
  box-shadow: inset 0 1px 4px #939d9f;
}
.shadow-in-gray-light {
  -webkit-box-shadow: inset 0 1px 4px #606a6c;
  -moz-box-shadow: inset 0 1px 4px #606a6c;
  -ms-box-shadow: inset 0 1px 4px #606a6c;
  box-shadow: inset 0 1px 4px #606a6c;
}
.shadow-in-gray {
  -webkit-box-shadow: inset 0 1px 4px #484f51;
  -moz-box-shadow: inset 0 1px 4px #484f51;
  -ms-box-shadow: inset 0 1px 4px #484f51;
  box-shadow: inset 0 1px 4px #484f51;
}
.shadow-in-gray-dark {
  -webkit-box-shadow: inset 0 1px 4px #303536;
  -moz-box-shadow: inset 0 1px 4px #303536;
  -ms-box-shadow: inset 0 1px 4px #303536;
  box-shadow: inset 0 1px 4px #303536;
}
.shadow-in-gray-darker {
  -webkit-box-shadow: inset 0 1px 4px #000000;
  -moz-box-shadow: inset 0 1px 4px #000000;
  -ms-box-shadow: inset 0 1px 4px #000000;
  box-shadow: inset 0 1px 4px #000000;
}
.shadow-in-yellow-lighter {
  -webkit-box-shadow: inset 0 1px 4px #fff373;
  -moz-box-shadow: inset 0 1px 4px #fff373;
  -ms-box-shadow: inset 0 1px 4px #fff373;
  box-shadow: inset 0 1px 4px #fff373;
}
.shadow-in-yellow-light {
  -webkit-box-shadow: inset 0 1px 4px #ac7903;
  -moz-box-shadow: inset 0 1px 4px #ac7903;
  -ms-box-shadow: inset 0 1px 4px #ac7903;
  box-shadow: inset 0 1px 4px #ac7903;
}
.shadow-in-yellow {
  -webkit-box-shadow: inset 0 1px 4px #805500;
  -moz-box-shadow: inset 0 1px 4px #805500;
  -ms-box-shadow: inset 0 1px 4px #805500;
  box-shadow: inset 0 1px 4px #805500;
}
.shadow-in-yellow-dark {
  -webkit-box-shadow: inset 0 1px 4px #643a01;
  -moz-box-shadow: inset 0 1px 4px #643a01;
  -ms-box-shadow: inset 0 1px 4px #643a01;
  box-shadow: inset 0 1px 4px #643a01;
}
.shadow-in-yellow-darker {
  -webkit-box-shadow: inset 0 1px 4px #462102;
  -moz-box-shadow: inset 0 1px 4px #462102;
  -ms-box-shadow: inset 0 1px 4px #462102;
  box-shadow: inset 0 1px 4px #462102;
}
.shadow-in-orange-lighter {
  -webkit-box-shadow: inset 0 1px 4px #b34000;
  -moz-box-shadow: inset 0 1px 4px #b34000;
  -ms-box-shadow: inset 0 1px 4px #b34000;
  box-shadow: inset 0 1px 4px #b34000;
}
.shadow-in-orange-light {
  -webkit-box-shadow: inset 0 1px 4px #8d2b01;
  -moz-box-shadow: inset 0 1px 4px #8d2b01;
  -ms-box-shadow: inset 0 1px 4px #8d2b01;
  box-shadow: inset 0 1px 4px #8d2b01;
}
.shadow-in-orange {
  -webkit-box-shadow: inset 0 1px 4px #712005;
  -moz-box-shadow: inset 0 1px 4px #712005;
  -ms-box-shadow: inset 0 1px 4px #712005;
  box-shadow: inset 0 1px 4px #712005;
}
.shadow-in-orange-dark {
  -webkit-box-shadow: inset 0 1px 4px #4a1700;
  -moz-box-shadow: inset 0 1px 4px #4a1700;
  -ms-box-shadow: inset 0 1px 4px #4a1700;
  box-shadow: inset 0 1px 4px #4a1700;
}
.shadow-in-orange-darker {
  -webkit-box-shadow: inset 0 1px 4px #310f00;
  -moz-box-shadow: inset 0 1px 4px #310f00;
  -ms-box-shadow: inset 0 1px 4px #310f00;
  box-shadow: inset 0 1px 4px #310f00;
}
.shadow-in-red-lighter {
  -webkit-box-shadow: inset 0 1px 4px #a20f31;
  -moz-box-shadow: inset 0 1px 4px #a20f31;
  -ms-box-shadow: inset 0 1px 4px #a20f31;
  box-shadow: inset 0 1px 4px #a20f31;
}
.shadow-in-red-light {
  -webkit-box-shadow: inset 0 1px 4px #73102a;
  -moz-box-shadow: inset 0 1px 4px #73102a;
  -ms-box-shadow: inset 0 1px 4px #73102a;
  box-shadow: inset 0 1px 4px #73102a;
}
.shadow-in-red {
  -webkit-box-shadow: inset 0 1px 4px #55001a;
  -moz-box-shadow: inset 0 1px 4px #55001a;
  -ms-box-shadow: inset 0 1px 4px #55001a;
  box-shadow: inset 0 1px 4px #55001a;
}
.shadow-in-red-dark {
  -webkit-box-shadow: inset 0 1px 4px #210009;
  -moz-box-shadow: inset 0 1px 4px #210009;
  -ms-box-shadow: inset 0 1px 4px #210009;
  box-shadow: inset 0 1px 4px #210009;
}
.shadow-in-red-darker {
  -webkit-box-shadow: inset 0 1px 4px #000000;
  -moz-box-shadow: inset 0 1px 4px #000000;
  -ms-box-shadow: inset 0 1px 4px #000000;
  box-shadow: inset 0 1px 4px #000000;
}
.shadow-in-green-lighter {
  -webkit-box-shadow: inset 0 1px 4px #134623;
  -moz-box-shadow: inset 0 1px 4px #134623;
  -ms-box-shadow: inset 0 1px 4px #134623;
  box-shadow: inset 0 1px 4px #134623;
}
.shadow-in-green-light {
  -webkit-box-shadow: inset 0 1px 4px #0d3018;
  -moz-box-shadow: inset 0 1px 4px #0d3018;
  -ms-box-shadow: inset 0 1px 4px #0d3018;
  box-shadow: inset 0 1px 4px #0d3018;
}
.shadow-in-green {
  -webkit-box-shadow: inset 0 1px 4px #000201;
  -moz-box-shadow: inset 0 1px 4px #000201;
  -ms-box-shadow: inset 0 1px 4px #000201;
  box-shadow: inset 0 1px 4px #000201;
}
.shadow-in-green-dark {
  -webkit-box-shadow: inset 0 1px 4px #030b05;
  -moz-box-shadow: inset 0 1px 4px #030b05;
  -ms-box-shadow: inset 0 1px 4px #030b05;
  box-shadow: inset 0 1px 4px #030b05;
}
.shadow-in-green-darker {
  -webkit-box-shadow: inset 0 1px 4px #000000;
  -moz-box-shadow: inset 0 1px 4px #000000;
  -ms-box-shadow: inset 0 1px 4px #000000;
  box-shadow: inset 0 1px 4px #000000;
}
.shadow-in-purple-lighter {
  -webkit-box-shadow: inset 0 1px 4px #6e0561;
  -moz-box-shadow: inset 0 1px 4px #6e0561;
  -ms-box-shadow: inset 0 1px 4px #6e0561;
  box-shadow: inset 0 1px 4px #6e0561;
}
.shadow-in-purple-light {
  -webkit-box-shadow: inset 0 1px 4px #500446;
  -moz-box-shadow: inset 0 1px 4px #500446;
  -ms-box-shadow: inset 0 1px 4px #500446;
  box-shadow: inset 0 1px 4px #500446;
}
.shadow-in-purple {
  -webkit-box-shadow: inset 0 1px 4px #37002c;
  -moz-box-shadow: inset 0 1px 4px #37002c;
  -ms-box-shadow: inset 0 1px 4px #37002c;
  box-shadow: inset 0 1px 4px #37002c;
}
.shadow-in-purple-dark {
  -webkit-box-shadow: inset 0 1px 4px #1e011a;
  -moz-box-shadow: inset 0 1px 4px #1e011a;
  -ms-box-shadow: inset 0 1px 4px #1e011a;
  box-shadow: inset 0 1px 4px #1e011a;
}
.shadow-in-purple-darker {
  -webkit-box-shadow: inset 0 1px 4px #0d010b;
  -moz-box-shadow: inset 0 1px 4px #0d010b;
  -ms-box-shadow: inset 0 1px 4px #0d010b;
  box-shadow: inset 0 1px 4px #0d010b;
}
.shadow-in-blue-lighter {
  -webkit-box-shadow: inset 0 1px 4px #104156;
  -moz-box-shadow: inset 0 1px 4px #104156;
  -ms-box-shadow: inset 0 1px 4px #104156;
  box-shadow: inset 0 1px 4px #104156;
}
.shadow-in-blue-light {
  -webkit-box-shadow: inset 0 1px 4px #082d3f;
  -moz-box-shadow: inset 0 1px 4px #082d3f;
  -ms-box-shadow: inset 0 1px 4px #082d3f;
  box-shadow: inset 0 1px 4px #082d3f;
}
.shadow-in-blue {
  -webkit-box-shadow: inset 0 1px 4px #000f15;
  -moz-box-shadow: inset 0 1px 4px #000f15;
  -ms-box-shadow: inset 0 1px 4px #000f15;
  box-shadow: inset 0 1px 4px #000f15;
}
.shadow-in-blue-dark {
  -webkit-box-shadow: inset 0 1px 4px #02080c;
  -moz-box-shadow: inset 0 1px 4px #02080c;
  -ms-box-shadow: inset 0 1px 4px #02080c;
  box-shadow: inset 0 1px 4px #02080c;
}
.shadow-in-blue-darker {
  -webkit-box-shadow: inset 0 1px 4px #000000;
  -moz-box-shadow: inset 0 1px 4px #000000;
  -ms-box-shadow: inset 0 1px 4px #000000;
  box-shadow: inset 0 1px 4px #000000;
}
/*.footer-fixed-bottom{
    position:fixed;
    bottom:0;
    width:100%;
}*/
.pb-dialog-open #global-footer {
  display: none !important;
}
@media only screen and (min-width: 800px) {
  .pb-dialog-open.pb-user-menu-dialog-open #global-footer {
    display: block !important;
  }
}
footer {
  /*position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;*/
}
/*
footer .logo-water-mark {
    position: absolute;
    top: 16px;
    top: 0px;
    left: 0px;
    width: 260px;
    height: 260px;
    opacity: 0.1;
    overflow: hidden;
}
footer .logo-water-mark i {
    position: absolute;
    top: -50px;
    left: -50px;
    font-size: 260px;
    width: 260px;
    height: 260px;
    line-height: 260px;
    color: #222;
}
*/
.foot-user-bar {
  padding: 20px 10px 30px 10px;
  background-color: #005194;
  background-color: #f3f7f7;
  background-color: #ebefef;
  /*background-color: #dd444b;
    background-color: #e3eaea;*/
  vertical-align: middle;
  text-align: center;
}
.foot-user-bar i,
.foot-user-bar span,
.foot-user-bar em,
.foot-user-bar b {
  vertical-align: middle;
}
.foot-user-bar em {
  text-align: left;
  display: inline-block;
  width: 100%;
  font-size: 12px;
}
.foot-user-bar span {
  display: inline-block;
  text-align: left;
  margin-left: 4px;
  font-size: 14px;
}
.foot-menu-bar {
  background-color: #f9fbfb;
  background-color: #F3F7F7;
  background-color: #fff;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding-top: 20px;
  padding-bottom: 20px;
}
.foot-menu-bar .foot-cnt-div {
  max-width: 980px;
  min-width: 980px;
}
.foot-menu-container {
  flex: 0 1 10%;
  display: inline-block;
  /*width: 16.2%;*/
  padding: 14px 20px 30px 20px;
  text-align: left;
  position: relative;
  /* padding-left: 44px;*/
  vertical-align: top;
}
.foot-menu-root {
  color: #333;
  color: #da2129;
  color: #005194;
  color: #d4011d;
  color: #222;
  /*color: #005194;*/
  height: 38px;
  vertical-align: bottom;
  display: inline-block;
  padding-right: 2px;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
}
.foot-menu-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  display: none;
}
.foot-menu-icon:before {
  color: #717679;
  /* color: #005194;*/
}
.foot-sub-menu-item {
  padding: 4px 2px;
  font-size: 11px;
  color: #6c757a;
  text-transform: uppercase;
  cursor: pointer;
}
.foot-menu-root:hover,
.foot-sub-menu-item:hover:after {
  color: #d4011d;
}
.foot-sub-menu-item:hover {
  background-color: #fff;
  color: #d4011d;
}
/*
.foot-sub-menu-item:after {
    font-family: 'pcbicon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    content: "\e609";
    color: #616769 ;
}*/
.foot-contact-bar {
  padding: 10px 20px 20px 20px;
  background-color: #fff;
  text-align: center;
}
.foot-contact-bar-cnt {
  display: inline-block;
  max-width: 770px;
  max-width: 980px;
}
.foot-contact-bar span {
  font-size: 16px;
}
.foot-contact-bar i,
.foot-contact-bar-cnt span {
  color: #DA2129;
  vertical-align: middle;
}
.pcb-badge {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  display: inline-block;
  background-color: #DA2129;
  color: #fff;
  padding: 2px 8px 3px 8px;
  font-size: 18px;
  text-decoration: none;
  cursor: pointer;
}
.foot-colors-bar {
  overflow: hidden;
}
.foot-colors-bar > div {
  height: 10px;
  width: 16.6666%;
  display: inline-block;
  line-height: 10px;
  float: left;
}
.foot-cnt-div {
  display: inline-block;
  max-width: 980px;
  min-width: 980px;
  margin: 0 auto;
  text-align: left;
}
.pb-dialog-open:not(.pb-user-menu-dialog-open) body {
  margin-bottom: 0px !important;
}
#global-footer {
  margin-top: 80px;
}
#global-footer .foot-buttons {
  margin-top: -8px;
}
#global-footer .foot-buttons .foot-buttons-row .foot-buttons-link {
  text-align: left;
  display: block;
  font-size: 15px;
  padding: 10px 10px;
  cursor: pointer;
  border-bottom: 1px solid #eee;
  white-space: nowrap;
}
#global-footer .foot-buttons .foot-buttons-row .foot-buttons-link,
#global-footer .foot-buttons .foot-buttons-row .foot-buttons-link:active,
#global-footer .foot-buttons .foot-buttons-row .foot-buttons-link:visited {
  text-decoration: none;
  color: #d4011d;
}
#global-footer .foot-buttons .foot-buttons-row .foot-buttons-link * {
  cursor: pointer;
}
#global-footer .foot-description-text {
  margin-top: 10px;
  color: #6c757a;
  font-size: 14px;
  min-height: 110px;
}
@media only screen and (min-width: 600px) {
  body {
    margin-bottom: 360px;
  }
  #global-footer {
    margin-top: 0px;
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 100%;
    min-height: initial;
    height: 311px;
  }
  #global-footer .foot-description-text {
    min-height: initial;
    height: 90px;
  }
}
@media only screen and (min-width: 800px) {
  body {
    margin-bottom: 262px;
  }
  #global-footer {
    height: 188px;
  }
  #global-footer .foot-buttons {
    display: table;
    width: 100%;
  }
  #global-footer .foot-buttons .foot-buttons-row {
    display: table-row;
  }
  #global-footer .foot-buttons .foot-buttons-row .foot-buttons-link {
    display: table-cell;
    border-bottom: none !important;
    /*&.foot-buttons-link-1 { width:20%;   }
                    &.foot-buttons-link-2 { width:35%; text-align:center; }
                    &.foot-buttons-link-3 { width:20%;   }
                    &.foot-buttons-link-4 { width:25%;   }*/
  }
  #global-footer .foot-buttons .foot-buttons-row .foot-buttons-link.foot-buttons-link-1 {
    text-align: left;
  }
  #global-footer .foot-buttons .foot-buttons-row .foot-buttons-link.foot-buttons-link-3 {
    text-align: center;
  }
  #global-footer .foot-buttons .foot-buttons-row .foot-buttons-link.foot-buttons-link-4 {
    text-align: right;
  }
  #global-footer .foot-description-text {
    height: 70px;
    color: #d4011d;
  }
}
@media only screen and (min-width: 940px) {
  #global-footer .foot-buttons {
    table-layout: fixed;
  }
}
@media only screen and (min-width: 1100px) {
  body {
    margin-bottom: 282px;
  }
  #global-footer {
    height: 208px;
  }
  #global-footer .foot-buttons {
    table-layout: fixed;
  }
  #global-footer .foot-buttons .foot-buttons-row .foot-buttons-link {
    font-size: 17px;
  }
  #global-footer .foot-buttons .foot-buttons-row .foot-buttons-link i {
    font-size: 40px;
    line-height: 48px;
    width: 50px;
    height: 50px;
  }
  #global-footer .foot-description-text {
    font-size: 15px;
  }
}
.lavatar {
  color: #fff;
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
  -khtml-border-radius: 500px;
  -o-border-radius: 500px;
  border-radius: 500px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: bold;
  font-family: Arial;
  text-align: center;
  vertical-align: middle;
}
.lavatar-big {
  width: 110px;
  height: 110px;
  line-height: 105px;
  font-size: 45px;
  letter-spacing: 2px;
  border: 3px solid #d7d8d9;
}
.lavatar-0,
.lavatar-0 * {
  background-color: #d1423e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-1,
.lavatar-1 * {
  background-color: #d1a43e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-2,
.lavatar-2 * {
  background-color: #9cd13e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-3,
.lavatar-3 * {
  background-color: #3ed142 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-4,
.lavatar-4 * {
  background-color: #3ed1a4 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-5,
.lavatar-5 * {
  background-color: #3e9cd1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-6,
.lavatar-6 * {
  background-color: #423ed1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-7,
.lavatar-7 * {
  background-color: #a43ed1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-8,
.lavatar-8 * {
  background-color: #d13e9c !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-9,
.lavatar-9 * {
  background-color: #d14c3e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-10,
.lavatar-10 * {
  background-color: #d1ae3e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-11,
.lavatar-11 * {
  background-color: #92d13e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-12,
.lavatar-12 * {
  background-color: #3ed14c !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-13,
.lavatar-13 * {
  background-color: #3ed1ae !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-14,
.lavatar-14 * {
  background-color: #3e92d1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-15,
.lavatar-15 * {
  background-color: #4c3ed1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-16,
.lavatar-16 * {
  background-color: #ae3ed1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-17,
.lavatar-17 * {
  background-color: #d13e92 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-18,
.lavatar-18 * {
  background-color: #d1563e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-19,
.lavatar-19 * {
  background-color: #d1b83e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-20,
.lavatar-20 * {
  background-color: #88d13e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-21,
.lavatar-21 * {
  background-color: #3ed156 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-22,
.lavatar-22 * {
  background-color: #3ed1b8 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-23,
.lavatar-23 * {
  background-color: #3e88d1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-24,
.lavatar-24 * {
  background-color: #563ed1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-25,
.lavatar-25 * {
  background-color: #b83ed1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-26,
.lavatar-26 * {
  background-color: #d13e88 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-27,
.lavatar-27 * {
  background-color: #d15f3e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-28,
.lavatar-28 * {
  background-color: #d1c13e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-29,
.lavatar-29 * {
  background-color: #7fd13e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-30,
.lavatar-30 * {
  background-color: #3ed15f !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-31,
.lavatar-31 * {
  background-color: #3ed1c1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-32,
.lavatar-32 * {
  background-color: #3e7fd1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-33,
.lavatar-33 * {
  background-color: #5f3ed1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-34,
.lavatar-34 * {
  background-color: #c13ed1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-35,
.lavatar-35 * {
  background-color: #d13e7f !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-36,
.lavatar-36 * {
  background-color: #d1693e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-37,
.lavatar-37 * {
  background-color: #d1cb3e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-38,
.lavatar-38 * {
  background-color: #75d13e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-39,
.lavatar-39 * {
  background-color: #3ed169 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-40,
.lavatar-40 * {
  background-color: #3ed1cb !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-41,
.lavatar-41 * {
  background-color: #3e75d1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-42,
.lavatar-42 * {
  background-color: #693ed1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-43,
.lavatar-43 * {
  background-color: #cb3ed1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-44,
.lavatar-44 * {
  background-color: #d13e75 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-45,
.lavatar-45 * {
  background-color: #d1733e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-46,
.lavatar-46 * {
  background-color: #cdd13e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-47,
.lavatar-47 * {
  background-color: #6bd13e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-48,
.lavatar-48 * {
  background-color: #3ed173 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-49,
.lavatar-49 * {
  background-color: #3ecdd1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-50,
.lavatar-50 * {
  background-color: #3e6bd1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-51,
.lavatar-51 * {
  background-color: #733ed1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-52,
.lavatar-52 * {
  background-color: #d13ecd !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-53,
.lavatar-53 * {
  background-color: #d13e6b !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-54,
.lavatar-54 * {
  background-color: #d17d3e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-55,
.lavatar-55 * {
  background-color: #c3d13e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-56,
.lavatar-56 * {
  background-color: #61d13e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-57,
.lavatar-57 * {
  background-color: #3ed17d !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-58,
.lavatar-58 * {
  background-color: #3ec3d1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-59,
.lavatar-59 * {
  background-color: #3e61d1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-60,
.lavatar-60 * {
  background-color: #7d3ed1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-61,
.lavatar-61 * {
  background-color: #d13ec3 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-62,
.lavatar-62 * {
  background-color: #d13e61 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-63,
.lavatar-63 * {
  background-color: #d1873e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-64,
.lavatar-64 * {
  background-color: #b9d13e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-65,
.lavatar-65 * {
  background-color: #57d13e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-66,
.lavatar-66 * {
  background-color: #3ed187 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-67,
.lavatar-67 * {
  background-color: #3eb9d1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-68,
.lavatar-68 * {
  background-color: #3e57d1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-69,
.lavatar-69 * {
  background-color: #873ed1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-70,
.lavatar-70 * {
  background-color: #d13eb9 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-71,
.lavatar-71 * {
  background-color: #d13e57 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-72,
.lavatar-72 * {
  background-color: #d1903e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-73,
.lavatar-73 * {
  background-color: #b0d13e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-74,
.lavatar-74 * {
  background-color: #4ed13e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-75,
.lavatar-75 * {
  background-color: #3ed190 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-76,
.lavatar-76 * {
  background-color: #3eb0d1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-77,
.lavatar-77 * {
  background-color: #3e4ed1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-78,
.lavatar-78 * {
  background-color: #903ed1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-79,
.lavatar-79 * {
  background-color: #d13eb0 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-80,
.lavatar-80 * {
  background-color: #d13e4e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-81,
.lavatar-81 * {
  background-color: #d19a3e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-82,
.lavatar-82 * {
  background-color: #a6d13e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-83,
.lavatar-83 * {
  background-color: #44d13e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-84,
.lavatar-84 * {
  background-color: #3ed19a !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-85,
.lavatar-85 * {
  background-color: #3ea6d1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-86,
.lavatar-86 * {
  background-color: #3e44d1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-87,
.lavatar-87 * {
  background-color: #9a3ed1 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-88,
.lavatar-88 * {
  background-color: #d13ea6 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.lavatar-89,
.lavatar-89 * {
  background-color: #d13e44 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.flag {
  /* height: 40px;
    width: 30px;*/
  width: 24px !important;
  height: 24px !important;
  background: url('images/flags.png') no-repeat;
  background-position: -360px -336px;
}
.flag:before {
  display: none !important;
}
.proui-ctl-phone,
.bank-account-ctl-group-wrapper {
  /*&.proui-ctl.proui-ctl-iconic .proui-ctl-el {
        padding-left: 59px;

    }*/
}
.proui-ctl-phone .ctl-value-holder,
.bank-account-ctl-group-wrapper .ctl-value-holder {
  width: 0px;
  height: 0px;
  border: 0px;
  position: absolute;
  top: -44444px;
  left: -44444px;
  overflow: hidden;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.proui-ctl-phone .flag,
.bank-account-ctl-group-wrapper .flag {
  float: left;
  z-index: 2;
  margin-right: 0px;
  position: absolute;
  left: 4px;
  top: 9px;
}
.flag-preview {
  display: inline-block;
}
.flag-preview i.i-mobile {
  font-size: 15px;
  line-height: 15px;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
.flag-preview span {
  vertical-align: middle;
}
.flag.flag-ky {
  background-position: -120px -168px;
}
.flag.flag-lv {
  background-position: 0 -192px;
}
.flag.flag-at {
  background-position: -264px 0;
}
.flag.flag-gs {
  background-position: -96px -120px;
}
.flag.flag-ba {
  background-position: 0 -24px;
}
.flag.flag-mo {
  background-position: -312px -192px;
}
.flag.flag-kr {
  background-position: -72px -168px;
}
.flag.flag-cd {
  background-position: -96px -48px;
}
.flag.flag-mc {
  background-position: -72px -192px;
}
.flag.flag-pk {
  background-position: -264px -240px;
}
.flag.flag-kp {
  background-position: -48px -168px;
}
.flag.flag-bd {
  background-position: -48px -24px;
}
.flag.flag-to {
  background-position: -120px -312px;
}
.flag.flag-pw {
  background-position: -24px -264px;
}
.flag.flag-ck {
  background-position: -216px -48px;
}
.flag.flag-bi {
  background-position: -168px -24px;
}
.flag.flag-gd {
  background-position: -240px -96px;
}
.flag.flag-fo {
  background-position: -144px -96px;
}
.flag.flag-gu {
  background-position: -144px -120px;
}
.flag.flag-mn {
  background-position: -288px -192px;
}
.flag.flag-bt {
  background-position: -360px -24px;
}
.flag.flag-mk {
  background-position: -216px -192px;
}
.flag.flag-me {
  background-position: -120px -192px;
}
.flag.flag-cm {
  background-position: -264px -48px;
}
.flag.flag-gt {
  background-position: -120px -120px;
}
.flag.flag-ch {
  background-position: -168px -48px;
}
.flag.flag-sk {
  background-position: 0 -288px;
}
.flag.flag-dj {
  background-position: -120px -72px;
}
.flag.flag-gb {
  background-position: -216px -96px;
}
.flag.flag-tc {
  background-position: -264px -288px;
}
.flag.flag-ir {
  background-position: -120px -144px;
}
.flag.flag-ph {
  background-position: -240px -240px;
}
.flag.flag-tk {
  background-position: -24px -312px;
}
.flag.flag-by {
  background-position: -24px -48px;
}
.flag.flag-pl {
  background-position: -288px -240px;
}
.flag.flag-ne {
  background-position: -264px -216px;
}
.flag.flag-iq {
  background-position: -96px -144px;
}
.flag.flag-er {
  background-position: -336px -72px;
}
.flag.flag-ps {
  background-position: -360px -240px;
}
.flag.flag-jo {
  background-position: -240px -144px;
}
.flag.flag-np {
  background-position: -24px -240px;
}
.flag.flag-au {
  background-position: -288px 0;
}
.flag.flag-gg {
  background-position: -288px -96px;
}
.flag.flag-ml {
  background-position: -240px -192px;
}
.flag.flag-de {
  background-position: -96px -72px;
}
.flag.flag-kz {
  background-position: -144px -168px;
}
.flag.flag-nf {
  background-position: -288px -216px;
}
.flag.flag-mw {
  background-position: -120px -216px;
}
.flag.flag-bo {
  background-position: -288px -24px;
}
.flag.flag-bw {
  background-position: 0 -48px;
}
.flag.flag-pn {
  background-position: -312px -240px;
}
.flag.flag-cf {
  background-position: -120px -48px;
}
.flag.flag-as {
  background-position: -240px 0;
}
.flag.flag-tm {
  background-position: -72px -312px;
}
.flag.flag-tj {
  background-position: 0 -312px;
}
.flag.flag-dk {
  background-position: -144px -72px;
}
.flag.flag-je {
  background-position: -192px -144px;
}
.flag.flag-qa {
  background-position: -72px -264px;
}
.flag.flag-gq {
  background-position: -48px -120px;
}
.flag.flag-bz {
  background-position: -48px -48px;
}
.flag.flag-gw {
  background-position: -168px -120px;
}
.flag.flag-bs {
  background-position: -336px -24px;
}
.flag.flag-ar {
  background-position: -216px 0;
}
.flag.flag-nc {
  background-position: -240px -216px;
}
.flag.flag-nr {
  background-position: -48px -240px;
}
.flag.flag-ad {
  background-position: 0 0;
}
.flag.flag-ki {
  background-position: -360px -144px;
}
.flag.flag-zm {
  background-position: -288px -336px;
}
.flag.flag-st {
  background-position: -168px -288px;
}
.flag.flag-mr {
  background-position: 0 -216px;
}
.flag.flag-tz {
  background-position: -240px -312px;
}
.flag.flag-tg {
  background-position: -336px -288px;
}
.flag.flag-bm {
  background-position: -240px -24px;
}
.flag.flag-an {
  background-position: -168px 0;
}
.flag.flag-so {
  background-position: -96px -288px;
}
.flag.flag-ls {
  background-position: -312px -168px;
}
.flag.flag-ee {
  background-position: -264px -72px;
}
.flag.flag-do {
  background-position: -192px -72px;
}
.flag.flag-ve {
  background-position: -48px -336px;
}
.flag.flag-ro {
  background-position: -96px -264px;
}
.flag.flag-bn {
  background-position: -264px -24px;
}
.flag.flag-ms {
  background-position: -24px -216px;
}
.flag.flag-mq {
  background-position: -360px -192px;
}
.flag.flag-uz {
  background-position: -360px -312px;
}
.flag.flag-ec {
  background-position: -240px -72px;
}
.flag.flag-kg {
  background-position: -312px -144px;
}
.flag.flag-si {
  background-position: -360px -264px;
}
.flag.flag-za {
  background-position: -264px -336px;
}
.flag.flag-sg {
  background-position: -312px -264px;
}
.flag.flag-mh {
  background-position: -192px -192px;
}
.flag.flag-kw {
  background-position: -96px -168px;
}
.flag.flag-ag {
  background-position: -72px 0;
}
.flag.flag-ni {
  background-position: -336px -216px;
}
.flag.flag-cw {
  background-position: -24px -72px;
}
.flag.flag-ge {
  background-position: -264px -96px;
}
.flag.flag-lb {
  background-position: -192px -168px;
}
.flag.flag-mm {
  background-position: -264px -192px;
}
.flag.flag-bb {
  background-position: -24px -24px;
}
.flag.flag-rs {
  background-position: -120px -264px;
}
.flag.flag-vi {
  background-position: -96px -336px;
}
.flag.flag-vc {
  background-position: -24px -336px;
}
.flag.flag-cr {
  background-position: -336px -48px;
}
.flag.flag-zw {
  background-position: -312px -336px;
}
.flag.flag-td {
  background-position: -288px -288px;
}
.flag.flag-ru {
  background-position: -144px -264px;
}
.flag.flag-km {
  background-position: 0 -168px;
}
.flag.flag-bf {
  background-position: -96px -24px;
}
.flag.flag-lu {
  background-position: -360px -168px;
}
.flag.flag-mp {
  background-position: -336px -192px;
}
.flag.flag-gl {
  background-position: -360px -96px;
}
.flag.flag-sl {
  background-position: -24px -288px;
}
.flag.flag-ic {
  background-position: -336px -120px;
}
.flag.flag-ga {
  background-position: -192px -96px;
}
.flag.flag-hr {
  background-position: -264px -120px;
}
.flag.flag-im {
  background-position: -48px -144px;
}
.flag.flag-cg {
  background-position: -144px -48px;
}
.flag.flag-pr {
  background-position: -336px -240px;
}
.flag.flag-lr {
  background-position: -288px -168px;
}
.flag.flag-jm {
  background-position: -216px -144px;
}
.flag.flag-wf {
  background-position: -168px -336px;
}
.flag.flag-bg {
  background-position: -120px -24px;
}
.flag.flag-tw {
  background-position: -216px -312px;
}
.flag.flag-la {
  background-position: -168px -168px;
}
.flag.flag-sv {
  background-position: -192px -288px;
}
.flag.flag-pe {
  background-position: -168px -240px;
}
.flag.flag-sy {
  background-position: -216px -288px;
}
.flag.flag-cz {
  background-position: -72px -72px;
}
.flag.flag-gi {
  background-position: -336px -96px;
}
.flag.flag-ug {
  background-position: -288px -312px;
}
.flag.flag-eu {
  background-position: -24px -96px;
}
.flag.flag-fm {
  background-position: -120px -96px;
}
.flag.flag-bh {
  background-position: -144px -24px;
}
.flag.flag-aw {
  background-position: -312px 0;
}
.flag.flag-pf {
  background-position: -192px -240px;
}
.flag.flag-tr {
  background-position: -144px -312px;
}
.flag.flag-ss {
  background-position: -144px -288px;
}
.flag.flag-ua {
  background-position: -264px -312px;
}
.flag.flag-cv {
  background-position: 0 -72px;
}
.flag.flag-ye {
  background-position: -216px -336px;
}
.flag.flag-mx {
  background-position: -144px -216px;
}
.flag.flag-sm {
  background-position: -48px -288px;
}
.flag.flag-no {
  background-position: 0 -240px;
}
.flag.flag-sh {
  background-position: -336px -264px;
}
.flag.flag-tf {
  background-position: -312px -288px;
}
.flag.flag-pt {
  background-position: 0 -264px;
}
.flag.flag-fr {
  background-position: -168px -96px;
}
.flag.flag-mf {
  background-position: -144px -192px;
}
.flag.flag-sd {
  background-position: -264px -264px;
}
.flag.flag-nz {
  background-position: -96px -240px;
}
.flag.flag-rw {
  background-position: -168px -264px;
}
.flag.flag-kh {
  background-position: -336px -144px;
}
.flag.flag-sn {
  background-position: -72px -288px;
}
.flag.flag-be {
  background-position: -72px -24px;
}
.flag.flag-dz {
  background-position: -216px -72px;
}
.flag.flag-ws {
  background-position: -192px -336px;
}
.flag.flag-id {
  background-position: -360px -120px;
}
.flag.flag-jp {
  background-position: -264px -144px;
}
.flag.flag-ht {
  background-position: -288px -120px;
}
.flag.flag-ai {
  background-position: -96px 0;
}
.flag.flag-gm {
  background-position: 0 -120px;
}
.flag.flag-uy {
  background-position: -336px -312px;
}
.flag.flag-ke {
  background-position: -288px -144px;
}
.flag.flag-eg {
  background-position: -288px -72px;
}
.flag.flag-in {
  background-position: -72px -144px;
}
.flag.flag-lt {
  background-position: -336px -168px;
}
.flag.flag-mg {
  background-position: -168px -192px;
}
.flag.flag-pg {
  background-position: -216px -240px;
}
.flag.flag-nu {
  background-position: -72px -240px;
}
.flag.flag-es {
  background-position: -360px -72px;
}
.flag.flag-us {
  background-position: -312px -312px;
}
.flag.flag-hu {
  background-position: -312px -120px;
}
.flag.flag-tt {
  background-position: -168px -312px;
}
.flag.flag-tl {
  background-position: -48px -312px;
}
.flag.flag-ng {
  background-position: -312px -216px;
}
.flag.flag-cy {
  background-position: -48px -72px;
}
.flag.flag-py {
  background-position: -48px -264px;
}
.flag.flag-ly {
  background-position: -24px -192px;
}
.flag.flag-co {
  background-position: -312px -48px;
}
.flag.flag-ie {
  background-position: 0 -144px;
}
.flag.flag-pa {
  background-position: -144px -240px;
}
.flag.flag-bj {
  background-position: -192px -24px;
}
.flag.flag-lc {
  background-position: -216px -168px;
}
.flag.flag-my {
  background-position: -168px -216px;
}
.flag.flag-al {
  background-position: -120px 0;
}
.flag.flag-sr {
  background-position: -120px -288px;
}
.flag.flag-ax {
  background-position: -336px 0;
}
.flag.flag-lk {
  background-position: -264px -168px;
}
.flag.flag-vg {
  background-position: -72px -336px;
}
.flag.flag-am {
  background-position: -144px 0;
}
.flag.flag-sb {
  background-position: -216px -264px;
}
.flag.flag-nl {
  background-position: -360px -216px;
}
.flag.flag-sc {
  background-position: -240px -264px;
}
.flag.flag-cu {
  background-position: -360px -48px;
}
.flag.flag-it {
  background-position: -168px -144px;
}
.flag.flag-ao {
  background-position: -192px 0;
}
.flag.flag-na {
  background-position: -216px -216px;
}
.flag.flag-fk {
  background-position: -96px -96px;
}
.flag.flag-az {
  background-position: -360px 0;
}
.flag.flag-eh {
  background-position: -312px -72px;
}
.flag.flag-se {
  background-position: -288px -264px;
}
.flag.flag-mv {
  background-position: -96px -216px;
}
.flag.flag-af {
  background-position: -48px 0;
}
.flag.flag-gr {
  background-position: -72px -120px;
}
.flag.flag-bl {
  background-position: -216px -24px;
}
.flag.flag-il {
  background-position: -24px -144px;
}
.flag.flag-fj {
  background-position: -72px -96px;
}
.flag.flag-om {
  background-position: -120px -240px;
}
.flag.flag-gn {
  background-position: -24px -120px;
}
.flag.flag-sa {
  background-position: -192px -264px;
}
.flag.flag-fi {
  background-position: -48px -96px;
}
.flag.flag-kn {
  background-position: -24px -168px;
}
.flag.flag-hn {
  background-position: -240px -120px;
}
.flag.flag-is {
  background-position: -144px -144px;
}
.flag.flag-md {
  background-position: -96px -192px;
}
.flag.flag-vu {
  background-position: -144px -336px;
}
.flag.flag-vn {
  background-position: -120px -336px;
}
.flag.flag-sz {
  background-position: -240px -288px;
}
.flag.flag-dm {
  background-position: -168px -72px;
}
.flag.flag-ca {
  background-position: -72px -48px;
}
.flag.flag-yt {
  background-position: -240px -336px;
}
.flag.flag-li {
  background-position: -240px -168px;
}
.flag.flag-ci {
  background-position: -192px -48px;
}
.flag.flag-th {
  background-position: -360px -288px;
}
.flag.flag-tn {
  background-position: -96px -312px;
}
.flag.flag-hk {
  background-position: -216px -120px;
}
.flag.flag-mt {
  background-position: -48px -216px;
}
.flag.flag-ae {
  background-position: -24px 0;
}
.flag.flag-tv {
  background-position: -192px -312px;
}
.flag.flag-gy {
  background-position: -192px -120px;
}
.flag.flag-br {
  background-position: -312px -24px;
}
.flag.flag-gh {
  background-position: -312px -96px;
}
.flag.flag-cn {
  background-position: -288px -48px;
}
.flag.flag-cl {
  background-position: -240px -48px;
}
.flag.flag-ma {
  background-position: -48px -192px;
}
.flag.flag-va {
  background-position: 0 -336px;
}
.flag.flag-et {
  background-position: 0 -96px;
}
.flag.flag-mz {
  background-position: -192px -216px;
}
.flag.flag-mu {
  background-position: -72px -216px;
}
.flag.flag-xk {
  background-position: -336px -336px;
}
.proui-ctl-container-flipswitch {
  display: inline-block;
}
.proui-ctl-container-flipswitch.proui-ctl-container {
  margin-bottom: 0px;
}
.proui-ctl-container-flipswitch .proui-ctl-wrapper {
  background: none !important;
  /*
        -moz-border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        -khtml-border-radius: 5px !important;
        -o-border-radius: 5px !important;
        border-radius: 5px !important;*/
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
  box-shadow: none !important;
}
.proui-ctl-container-flipswitch .proui-ctl {
  min-height: 34px;
}
.proui-ctl-container-flipswitch.proui-ctl-active .proui-ctl-wrapper .proui-ctl,
.proui-ctl-container-flipswitch .proui-ctl {
  border: 1px solid transparent !important;
}
.proui-ctl-container-flipswitch .proui-ctl-el {
  height: 16px;
  width: 16px;
  display: none;
  margin-top: 10px;
  margin-left: 10px;
  width: 1px;
  height: 1px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  overflow: hidden;
  border: 0px;
  display: inline-block;
  z-index: -1;
}
.proui-ctl-container-flipswitch label {
  position: relative;
  font-size: 12px;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
}
.proui-ctl-container-flipswitch label * {
  vertical-align: middle;
}
.proui-ctl-container-flipswitch label,
.proui-ctl-container-flipswitch .proui-ctl-active .proui-ctl-wrapper label {
  color: #6c757a;
}
.proui-ctl-container-flipswitch span.fs-button-wrapper {
  display: inline-block;
  position: relative;
  height: 34px;
  width: 60px;
}
.proui-ctl-container-flipswitch span.fs-button {
  width: 30px;
  height: 30px;
  background-color: #fff;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  -khtml-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  display: inline-block;
  float: left;
  margin-left: 0px;
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.08s ease-out;
  -moz-transition: all 0.08s ease-out;
  -o-transition: all 0.08s ease-out;
  transition: all 0.08s ease-out;
}
.proui-ctl-container-flipswitch input + label {
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  -khtml-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  background-color: none;
}
.proui-ctl-container-flipswitch input + label .fs-button {
  margin: 2px 2px;
  float: left;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  -khtml-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
.proui-ctl-container-flipswitch input + label .fs-button-bg {
  height: 17px;
  line-height: 17px;
  text-align: left;
  display: block;
  margin: 9px 4px 0px 4px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  -khtml-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.3);
}
.proui-ctl-container-flipswitch input + label .fs-button-on {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
}
.proui-ctl-container-flipswitch input + label .fs-button-off {
  background: #f5f6f7;
  -webkit-box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.2);
  display: block;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.proui-ctl-container-flipswitch input + label:hover span.fs-button {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3);
}
.proui-ctl-container-flipswitch input:checked + label .fs-button {
  margin-left: 28px;
}
.proui-ctl-container-flipswitch input:checked + label .fs-button-bg {
  text-align: right;
}
.proui-ctl-container-flipswitch input:checked + label .fs-button-on {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  display: block;
  color: #fff;
}
.proui-ctl-container-flipswitch input:checked + label .fs-button-off {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
}
.proui-ctl-container-flipswitch input:checked + label.c-bg-yellow .fs-button-on {
  color: #A34A07;
}
.proui-ctl-container-flipswitch .proui-ctl label .fs-button {
  /* height: 20px;
                width: 20px;*/
}
.bcard-badge.badge {
  position: relative;
  z-index: 11;
  top: 0px;
  left: 0px;
  font-size: 11px;
  vertical-align: middle;
  padding: 4px 3px 3px 17px;
  background-color: #eee;
}
.bcard-badge.badge:before {
  font-family: 'pcbicon';
  position: absolute;
  top: 1px;
  left: 3px;
  width: 12px;
  height: 12px;
  min-height: 12px;
  line-height: 19px;
  font-size: 12px;
  vertical-align: middle;
  font-weight: normal !important;
}
.bcard-badge.badge.badge-0 {
  color: #005194;
}
.bcard-badge.badge.badge-0:before {
  content: '\e979';
  color: #005194;
}
.bcard-badge.badge.badge-1 {
  color: #005194;
}
.bcard-badge.badge.badge-1:before {
  content: '\e98d';
  color: #005194;
}
.bcard-badge.badge.badge-2 {
  background-color: #008255;
}
.bcard-badge.badge.badge-2:before {
  content: '\e616';
}
.bcard-badge.badge.badge-3 {
  background-color: #d4011d;
}
.bcard-badge.badge.badge-3:before {
  content: '\e637';
}
.bcard-badge.badge.badge-4 {
  background-color: #d4011d;
}
.bcard-badge.badge.badge-4:before {
  content: '\e63f';
}
.bcard-badge.badge.badge-5 {
  background-color: #d4011d;
}
.bcard-badge.badge.badge-5:before {
  content: '\e63f';
}
.card-number {
  font-family: 'ocr-a';
}
.bcard-container {
  display: inline-block;
  text-align: center;
  margin: 0px 0px 4px 0px;
  position: relative;
}
.bcard-container .bcard-acc {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-align: left;
  position: absolute;
  top: -52px;
  left: 10px;
  right: 10px;
}
.bcard-container .bcard-acc span.account-name-wrapper > span.iban-container {
  display: block;
}
.bcard-container .bcard-acc .tile-amount-container {
  position: absolute;
  top: 0px;
  right: 0px;
  display: none;
  /*
            .money-lbl {
                font-size: 15px;
            }
            .currency-lbl {
                font-size: 10px;
            }*/
}
.bcard-container .bcard-card {
  margin: 0px 0px 0px 0px;
  display: inline-block;
  min-height: 160px;
  min-width: 250px;
  /* width: 80% !important;
        max-width: 280px;*/
  background-color: #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
  text-align: left;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.bcard-container .bcard-card * {
  cursor: pointer;
}
.bcard-container .bcard-card:after {
  display: inline-block;
  content: ' ';
  position: absolute;
  left: 10px;
  top: 7px;
  z-index: 10;
  font-family: 'pcbicon';
  content: '\e600';
  color: #042d55;
  -webkit-opacity: 0.05;
  -moz-opacity: 0.05;
  opacity: 0.05;
  filter: alpha(opacity=5);
  width: 190px;
  height: 190px;
  font-size: 190px;
  line-height: 190px;
}
.bcard-container .bcard-card.bcard-status-3:after {
  -webkit-opacity: 0.1;
  -moz-opacity: 0.1;
  opacity: 0.1;
  filter: alpha(opacity=10);
  color: #000;
  content: '\e637';
}
.bcard-container .bcard-card .bcard-badge.badge {
  position: relative;
  z-index: 11;
  top: 0px;
  left: 0px;
  -moz-border-radius: 8px 0px 8px 0px;
  -webkit-border-radius: 8px 0px 8px 0px;
  -khtml-border-radius: 8px 0px 8px 0px;
  -o-border-radius: 8px 0px 8px 0px;
  border-radius: 8px 0px 8px 0px;
  font-size: 11px;
  vertical-align: middle;
  padding: 8px 10px 7px 22px;
}
.bcard-container .bcard-card .bcard-badge.badge:before {
  top: 5px !important;
  left: 6px !important;
}
.bcard-container .bcard-card .card-brand-container {
  vertical-align: middle;
  text-align: right;
  position: absolute;
  right: 8px;
  top: 1px;
  z-index: 11;
}
.bcard-container .bcard-card .card-brand-container i,
.bcard-container .bcard-card .card-brand-container span {
  vertical-align: middle;
}
.bcard-container .bcard-card .card-brand-container span {
  display: block;
  margin-top: -2px;
  font-size: 11px;
  color: #3c4144;
}
.bcard-container .bcard-card .card-brand-logo {
  background-image: url(images/card-brands.png?v=2);
  display: inline-block;
  vertical-align: middle;
  /*  width: 48px;
            height: 30px;
            background-position: -65px 0px;*/
  width: 52px;
  height: 32px;
  background-position: -65px 0px;
}
.bcard-container .bcard-card .card-brand-logo span {
  line-height: 30px;
}
.bcard-container .bcard-card .card-brand-1 .card-brand-logo,
.bcard-container .bcard-card .card-brand-2 .card-brand-logo,
.bcard-container .bcard-card .card-brand-3 .card-brand-logo,
.bcard-container .bcard-card .card-brand-4 .card-brand-logo,
.bcard-container .bcard-card .card-brand-5 .card-brand-logo,
.bcard-container .bcard-card .card-brand-6 .card-brand-logo {
  background-position: -65px -32px;
}
.bcard-container .bcard-card:before {
  display: block;
  content: ' ';
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9;
  height: 100px;
  background-color: #e4e7e9;
  background: linear-gradient(135deg, #e4e7e9 0%, #d6dbde 100%);
}
.bcard-container .bcard-card .card-details-panel {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
  height: 100px;
  -webkit-text-shadow: 1px 1px 1px #fff;
  -moz-text-shadow: 1px 1px 1px #fff;
  text-shadow: 1px 1px 1px #fff;
}
.bcard-container .bcard-card .card-details-panel:before {
  content: ' ';
  display: block;
  width: 32px;
  height: 26px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  left: 18px;
  top: -9px;
  z-index: 13;
  background: #cac49f;
  border: 1px solid #b79f78;
}
.bcard-container .bcard-card .card-details-panel:after {
  display: block;
  width: 18px;
  height: 10px;
  position: absolute;
  left: 18px;
  top: -3px;
  z-index: 14;
  content: ' ';
  background: #cac49f;
  border: 1px solid #b79f78;
}
.bcard-container .bcard-card .card-details-panel .card-number {
  font-family: 'ocr-a';
  font-size: 20px;
  text-align: center;
  /* margin-top: 20px;
                margin-bottom: 20px;*/
  margin-top: 25px;
  margin-bottom: 5px;
}
.bcard-container .bcard-card .card-details-panel .card-name {
  font-family: Consolas,monaco,monospace;
  display: block;
  float: left;
  text-align: left;
  margin-left: 12px;
}
.bcard-container .bcard-card .card-details-panel .card-name > label {
  font-size: 12px;
  visibility: hidden;
}
.bcard-container .bcard-card .card-details-panel .card-name > span {
  display: block;
  font-size: 15px;
}
.bcard-container .bcard-card .card-details-panel .card-exp-date {
  font-family: Consolas,monaco,monospace;
  display: block;
  text-align: right;
  position: absolute;
  right: 12px;
}
.bcard-container .bcard-card .card-details-panel .card-exp-date > label {
  font-size: 12px;
}
.bcard-container .bcard-card .card-details-panel .card-exp-date > span {
  display: block;
  font-size: 15px;
}
.bcard-container .bcard-card .foot-colors-bar {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 11;
}
.bcard-container .bcard-card .foot-colors-bar > div {
  height: 8px;
}
.bcard-missing-last-four .bcard-container .bcard-card .card-details-panel .card-number:after {
  border: 3px solid #d4011d;
  position: absolute;
  right: 2px;
  top: 20px;
  display: inline-block;
  height: 30px;
  width: 65px;
  content: ' ';
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
.bcard-missing-last-four .bcard-container.bcard-style-1 .bcard-card .card-details-panel .card-number:after {
  border: 3px solid #fff;
}
/** SWIPER CSS *****************************/
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  position: absolute;
  top: 50%;
  margin-top: -34px;
  z-index: 10;
  cursor: pointer;
  display: inline-block;
  font-family: 'pcbicon';
  font-size: 50px;
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  -webkit-opacity: 0.15;
  -moz-opacity: 0.15;
  opacity: 0.15;
  filter: alpha(opacity=15);
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 0px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: '\e601';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 0px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: '\e602';
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: auto;
  pointer-events: none;
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 9px;
  left: 0;
  width: 100%;
  z-index: 99;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  /* width: 8px;
          height: 8px;
          display: inline-block;
          border-radius: 100%;
          background: #000;
          opacity: 0.2;*/
  display: inline-block;
  width: 32px;
  height: 32px;
  text-align: center;
  vertical-align: middle;
  position: relative;
}
.swiper-pagination-bullet:before {
  content: ' ';
  position: absolute;
  display: inline-block;
  background-color: #A9B0B8;
  width: 6px;
  height: 6px;
  top: 11px;
  left: 11px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  -khtml-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background-color: #d4011d;
  /*width: 16px;
                height: 16px;
                top: 7px;
                left: 7px;*/
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
.bcard-container.bcard-style-1 .bcard-card:before {
  background-color: #d4011d;
  background: linear-gradient(135deg, #d4011d 0%, #bb011a 100%);
}
.bcard-container.bcard-style-1 .bcard-card .card-details-panel {
  -webkit-text-shadow: 1px 1px 1px #7c010c;
  -moz-text-shadow: 1px 1px 1px #7c010c;
  text-shadow: 1px 1px 1px #7c010c;
}
.bcard-container.bcard-style-1 .bcard-card .card-details-panel .card-number {
  color: #fff;
}
.bcard-container.bcard-style-1 .bcard-card .card-details-panel .card-name > label {
  color: #fff;
}
.bcard-container.bcard-style-1 .bcard-card .card-details-panel .card-name > span {
  color: #fff;
}
.bcard-container.bcard-style-1 .bcard-card .card-details-panel .card-exp-date > label {
  color: #fff;
}
.bcard-container.bcard-style-1 .bcard-card .card-details-panel .card-exp-date > span {
  color: #fff;
}
.bcard-container.bcard-style-2 .bcard-card:before {
  /* background-color: #b8d4eb; //#a3ccef
            background: linear-gradient(135deg, #b8d4eb 0%, darken(#b8d4eb, 5%) 100%);*/
  background-color: #d2e6f6;
  background: linear-gradient(135deg, #d2e6f6 0%, #bddaf2 100%);
}
.bcard-container.bcard-style-2 .bcard-card .card-details-panel {
  -webkit-text-shadow: 1px 1px 1px #f1f9ff;
  -moz-text-shadow: 1px 1px 1px #f1f9ff;
  text-shadow: 1px 1px 1px #f1f9ff;
}
.bcard-container.bcard-style-2 .bcard-card .card-details-panel .card-number {
  color: #000;
}
.bcard-container.bcard-style-2 .bcard-card .card-details-panel .card-name > label {
  color: #000;
}
.bcard-container.bcard-style-2 .bcard-card .card-details-panel .card-name > span {
  color: #000;
}
.bcard-container.bcard-style-2 .bcard-card .card-details-panel .card-exp-date > label {
  color: #000;
}
.bcard-container.bcard-style-2 .bcard-card .card-details-panel .card-exp-date > span {
  color: #000;
}
@media only screen and (max-width: 799px) {
  .swiper-container .swiper-button-prev,
  .swiper-container .swiper-button-next {
    display: none;
  }
  /*
    .swiper-slide .bcard-container .bcard-acc {
       .opacity(0);
    }*/
}
@media only screen and (min-width: 870px) {
  .pbn-r-cards.pbn-c-home.pbn-a-index.head-submenu .page-wrapper {
    padding-top: 96px;
  }
}
@media only screen and (min-width: 340px) {
  .bcard-container {
    /*/.bcard-acc {
            left: -20px;
            right: -20px;
        }*/
  }
}
/*.bcard-container:not(.active) 
{
    width: auto;
    margin-left: -40px;
    margin-right: -40px;
    zoom: 0.84;

    .bcard-card {
        top: -15px;
    }

    .bcard-acc 
    {
        display: none;
    }

}*/
.bcard-container.bcard-container-stack {
  /* &:after {
        z-index: 2;
        left: 3px;
        margin-top: -3px;
     }*/
}
.bcard-container.bcard-container-stack:before {
  content: ' ';
  display: inline-block;
  min-height: 160px;
  min-width: 250px;
  /* width: 80% !important;
        max-width: 280px;*/
  background-color: #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
  text-align: left;
  position: absolute;
  overflow: hidden;
  z-index: 1;
  left: 5px;
  margin-top: -5px;
}
.bcard-container.bcard-container-stack .bcard-card {
  z-index: 3;
}
.bcard-container.bcard-container-stack .bcard-card .card-more-count {
  font-size: 60px;
  color: #d7d9db;
}
.bcard-container.bcard-container-stack .bcard-card .card-more-count > span {
  font-size: 60px;
  font-weight: bold;
}
.bcard-container.bcard-container-stack .bcard-card .card-more-lbl {
  font-size: 16px;
  color: #6c757a;
}
.fab-button {
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: none !important;
  padding: 0px 0px !important;
  position: relative;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.14);
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.14);
  -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.14);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.14);
  overflow: hidden;
}
.fab-button i {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
}
.fab-button:before {
  position: absolute;
  font-family: 'pcbicon';
  content: '\e609';
  right: 46px;
  top: 15px;
  display: inline-block;
  color: #3c4144;
  width: 22px;
  height: 22px;
  line-height: 22px;
  font-size: 22px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.fab-button:after {
  position: absolute;
  content: attr(data-title);
  right: 60px;
  top: 10px;
  display: inline-block;
  background-color: #3c4144;
  line-height: normal;
  color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 8px 8px;
}
.fab-button:hover {
  overflow: visible;
}
.fab-button:hover:before,
.fab-button:hover:after {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.pbn-r-cards.pbn-c-home.pbn-a-index .site-header .sh-header-container ul.main-menu li.active a:after {
  color: #E8EAEC;
}
.pbn-r-cards.pbn-c-home.pbn-a-index .page-content-body {
  margin-top: -20px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
}
.bank-card-carousel {
  text-align: left;
  white-space: nowrap;
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  background: #e9eced;
  box-shadow: inset 0px -7px 6px -5px #DEDEDE;
  -webkit-box-shadow: inset 0px -7px 6px -5px #DEDEDE;
  -moz-box-shadow: inset 0px -7px 6px -5px #DEDEDE;
  -o-box-shadow: inset 0px -7px 6px -5px #DEDEDE;
}
.bank-card-carousel *:focus {
  outline: none;
}
.bank-card-carousel:after {
  position: absolute;
  display: inline-block;
  font-family: 'pcbicon';
  content: '\e60b';
  font-size: 40px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  bottom: -18px;
  left: 50%;
  margin-left: -20px;
  color: #f5f6f7;
  z-index: 0;
  -webkit-text-shadow: 0px -2px 2px rgba(0, 0, 0, 0.06);
  -moz-text-shadow: 0px -2px 2px rgba(0, 0, 0, 0.06);
  text-shadow: 0px -2px 2px rgba(0, 0, 0, 0.06);
}
.bank-card-carousel .swiper-container {
  width: 100%;
  height: 240px;
}
.bank-card-carousel .swiper-slide {
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: auto;
}
.bank-card-carousel .swiper-slide .swiper-container {
  margin-top: 24px;
}
.bank-card-carousel .swiper-slide .bcard-container {
  margin-top: -10px;
}
.bank-card-carousel .swiper-slide {
  transform: scale(0.85);
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.bank-card-carousel .swiper-slide.swiper-slide-active {
  transform: scale(1);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.bank-card-carousel .swiper-slide.swiper-slide-active .bcard-container .bcard-acc {
  left: -10px;
  right: -10px;
}
.bank-card-carousel .swiper-slide.swiper-slide-active .bcard-container .bcard-acc .tile-amount-container {
  display: block;
}
.bank-card-carousel .swiper-slide.swiper-slide-active .bcard-container .bcard-acc {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.bank-card-carousel .fab-button {
  position: absolute;
  right: 40px;
  bottom: 4px;
  z-index: 2;
  /* &:before {
            color: @color-green;
        } 
        &:after {
            background-color: @color-green;
        }*/
}
.bank-card-carousel-options {
  padding: 0px 0px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.bank-card-carousel-options-hidden {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.bcard-options-wrapper hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e4e5e6;
  border-bottom: 1px solid #fff;
  margin: 0 0;
  padding: 0;
}
.card-subforms-wrapper {
  display: table;
  border-collapse: separate;
  margin: 0px 0px;
  width: 100%;
  border-bottom: 1px solid #fff;
}
.card-subforms-wrapper .card-subform {
  display: table-row;
}
.card-subforms-wrapper .card-subform > i {
  display: table-cell;
  vertical-align: top;
  border-bottom: 1px solid #e4e5e6;
  padding: 15px 4px;
  width: 38px;
}
.card-subforms-wrapper .card-subform > i:before {
  color: #d7d9db;
}
.card-subforms-wrapper .card-subform content {
  display: table-cell;
  vertical-align: middle;
  border-bottom: 1px solid #e4e5e6;
  padding: 12px 4px;
  text-align: left;
}
.card-subforms-wrapper .card-subform content h3 {
  display: inline-block;
  text-align: left;
  margin: 0px 0px;
  min-height: 10px;
  font-size: 15px;
}
.card-subforms-wrapper .card-subform content h3 sub {
  display: block;
  vertical-align: top;
  font-size: 13px;
  color: #868e93;
}
.card-subforms-wrapper .card-subform .csf-button {
  display: table-cell;
  padding: 12px 4px;
  vertical-align: middle;
  border-bottom: 1px solid #e4e5e6;
  text-align: right;
}
.card-subforms-wrapper .card-subform .csf-button .btn {
  margin-left: 4px;
  white-space: nowrap;
}
.card-subforms-wrapper .card-subform .csf-button .account-name-wrapper {
  padding-left: 32px;
  display: inline-block;
  position: relative;
}
.card-subforms-wrapper .card-subform .csf-button .account-name-wrapper .iban-container {
  display: block;
}
.card-subforms-wrapper .card-subform .csf-button .account-name-wrapper i {
  position: absolute;
  font-size: 24px;
  width: 24px;
  height: 24px;
  line-height: 33px;
  left: -4px;
}
.csf-card-num {
  text-align: center;
  margin-bottom: 6px;
}
.csf-card-num > label {
  font-family: 'ocr-a';
  font-size: 18px;
  color: #6c757a;
}
.csf-card-num input {
  font-family: 'ocr-a';
  font-weight: bold;
  color: #3c4144;
  font-size: 18px;
  width: 66px;
  text-align: center;
  padding: 2px 2px;
}
.card-history-wrapper {
  border-bottom: none !important;
}
.card-history-wrapper .card-subform > i,
.card-history-wrapper .card-subform content,
.card-history-wrapper .card-subform .csf-button {
  border-bottom: none !important;
}
.card-history-wrapper .dg-table .dg-tr,
.card-history-wrapper .dg-table .dg-tr .dg-td {
  border-left-width: 0px !important;
  border-left-color: transparent !important;
  text-align: right;
}
.card-history-wrapper .dg-table .dg-tr {
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 1100px) {
  .pbn-r-cards.pbn-c-home.pbn-a-index .page-content-wrapper {
    display: block;
    max-width: 100%;
  }
  .pbn-r-cards.pbn-c-home.pbn-a-index .page-content-wrapper .page-content-body {
    display: block;
    max-width: 100%;
  }
  .pbn-r-cards.pbn-c-home.pbn-a-index .page-content-wrapper .page-content-body main,
  .pbn-r-cards.pbn-c-home.pbn-a-index .page-content-wrapper .page-content-body aside {
    display: block;
  }
  .bcard-options-wrapper {
    max-width: 700px;
    margin: 4px auto 0px auto;
  }
}
@media only screen and (max-width: 799px) {
  /*.card-subforms-wrapper {
        position: relative;

        .card-subform {

            > i {
                padding-left: 10px;
            }

            .csf-button {
                width: 120px;

                label {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    right: 0px;
                    bottom: 0px;
                }

                .btn {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    right: 0px;
                    bottom: 0px;
                    border: none !important;
                    background: transparent !important;
                    text-align: right !important;
                    width: 100%;
                    .shadowRemove();
                    margin: 0px 0px !important;
                }
            }
        }
    }*/
  .card-subforms-wrapper .card-subform > i {
    padding-left: 10px;
  }
  .card-subforms-wrapper .card-subform .csf-button {
    padding-right: 15px;
  }
  .card-subforms-wrapper .card-subform .csf-button .account-name-wrapper i {
    left: -2px;
  }
  .card-history-wrapper > i {
    margin-left: 6px;
  }
  .bank-card-carousel .fab-button {
    right: 14px;
    bottom: -12px;
  }
  /*.bcard-options-wrapper  {
        margin-top: 10px;
    }*/
}
.steps-navi-container {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}
.steps-navi-container .steps-navi-item {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  border: 3px solid #008255;
  color: #008255;
  -moz-border-radius: 100px 100px 100px 100px;
  -webkit-border-radius: 100px 100px 100px 100px;
  -khtml-border-radius: 100px 100px 100px 100px;
  -o-border-radius: 100px 100px 100px 100px;
  border-radius: 100px 100px 100px 100px;
}
.steps-navi-container .steps-navi-item.passed {
  border: 3px solid #008255;
  color: #fff;
  background-color: #008255;
  cursor: pointer;
}
.steps-navi-container .steps-navi-separator {
  width: 40px;
  display: inline-block;
  border-top: 3px dashed #008255;
  height: 1px;
  position: relative;
  bottom: 5px;
}
.ul-2fa-descr {
  margin: 0px 10px;
  padding: 0px;
  display: table;
  text-align: justify;
}
.ul-2fa-descr li {
  list-style: none;
  display: table-row;
  vertical-align: middle;
}
.ul-2fa-descr li span {
  display: table-cell;
  vertical-align: middle;
}
.ul-2fa-descr li:before {
  display: inline-block;
  width: 50px;
  height: 65px;
  content: ' ';
  display: table-cell;
}
.ul-2fa-descr li.ul-2fa-item-1:before {
  background: url("/Content/themes/base/images/2fa-on-ico-1.png") no-repeat left center;
  background-size: 40px 40px;
}
.ul-2fa-descr li.ul-2fa-item-2:before {
  background: url("/Content/themes/base/images/2fa-on-ico-2.png") no-repeat left center;
  background-size: 40px 40px;
}
.ul-2fa-descr li.ul-2fa-item-3:before {
  background: url("/Content/themes/base/images/2fa-on-ico-3.png") no-repeat left center;
  background-size: 40px 40px;
}