/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
@import url(kendo/kendo.common.min.css);
@import url(kendo/kendo.common-bootstrap.min.css);
@import url(kendo/kendo.bootstrap.min.css);
@import url(kendo/kendo.bootstrap.mobile.min.css);
@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro");
html {
  width: 100%;
  height: 100%; }
  html body {
    /*
        width: $app-width;
        height: $app-height;
        */
    width: calc(100vw);
    height: calc(100vh);
    overflow: hidden;
    margin: 0;
    font-family: "Lato", sans-serif;
    font-size: 16px; }
    html body .login-wrapper {
      width: 100%;
      height: 100%; }
    html body .main-wrapper {
      overflow: hidden;
      min-height: 81px; }
    html body a:focus {
      outline: none; }
  html .keyboard-focus {
    outline: none;
    border: 1px solid #4D90FE; }
  html .no-focus {
    outline: none; }
  html .hide {
    display: none; }
  html .disabled {
    opacity: 0.5; }

/*------------------------------------*    #animate
\*------------------------------------*/
/*!
 * 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: 2s;
  animation-duration: 2s; }

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  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; }

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

/*------------------------------------*    #kendo override to customize the theme
\*------------------------------------*/
/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
/*------------------------------------*    default customize most of popup/menu of kendo 
    (voluntary easily override, so don't customize EVERY popup like target for exemple)
\*------------------------------------*/
.k-popup,
.k-notification,
.k-menu-group.k-popup {
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 10px #aeaeae;
  border-radius: 8px; }
  .k-popup > li.k-item.k-state-focused,
  .k-notification > li.k-item.k-state-focused,
  .k-menu-group.k-popup > li.k-item.k-state-focused {
    box-shadow: inset 0 0 7px 0 #76abd9; }

/*------------------------------------*    #Kendo override 
    we customise the part that we need in the theme
    so this file is based on the theme builder
    and contains just what we need to change the accent color 
\*------------------------------------*/
.ktb-var-accent {
  color: #2059a8; }

.k-link:link,
.k-link:visited,
.k-nav-current.k-state-hover .k-link {
  color: #2059a8; }

.k-scheduler-marquee:before,
.k-scheduler-marquee:after {
  border-color: #2059a8; }

.k-button-group .k-button:active,
.k-button-group .k-button:active:hover,
.k-button:active,
.k-button:active:hover,
.k-button.k-state-active {
  color: #ffffff;
  background-color: #ebebeb;
  border-color: #2059a8; }

html .k-mediaplayer-toolbar .k-button-bare:active,
html .k-mediaplayer-toolbar .k-button-bare.k-state-active,
html .k-mediaplayer-toolbar .k-button-bare.k-state-active:hover {
  color: #2059a8; }

.k-calendar .k-today.k-state-selected {
  background-color: #2059a8; }

.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-list > .k-state-selected,
.k-list > .k-state-highlight,
.k-panel > .k-state-selected,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-marquee-color {
  color: #ffffff;
  background-color: #2059a8;
  border-color: #2059a8; }

.k-popup .k-list .k-state-focused {
  border-radius: 4px;
  box-shadow: inset 0 0 2px 0 #2059a8, inset 0 0 7px 0 #3278d8; }

.k-slider-selection {
  background-color: #2059a8; }

.k-upload .k-upload-selected {
  color: #2059a8;
  border-color: #cccccc; }

.k-tiles li.k-state-selected {
  border-color: #2059a8; }

/* Selection */
.k-editor-inline ::selection {
  background-color: #2059a8;
  text-shadow: none;
  color: #fff; }

.k-editor-inline ::-moz-selection {
  background-color: #2059a8;
  text-shadow: none;
  color: #fff; }

/* Gantt */
.k-gantt .k-treelist .k-state-selected,
.k-gantt .k-treelist .k-state-selected td,
.k-gantt .k-treelist .k-alt.k-state-selected,
.k-gantt .k-treelist .k-alt.k-state-selected > td {
  background-color: #2059a8; }

.k-state-selected.k-task-milestone,
.k-state-selected .k-task-summary-complete {
  border-color: #2059a8;
  background: #2059a8; }

.k-state-selected.k-task-single {
  border-color: #2059a8; }

.k-state-selected.k-line {
  background-color: #2059a8;
  color: #2059a8; }

.km-pane-wrapper .k-mobile-list .k-item.k-state-selected {
  background-color: #2059a8;
  border-top-color: #2059a8; }

.k-tabstrip-items .k-state-default .k-link,
.k-panelbar > li.k-state-default > .k-link {
  color: #2059a8; }

.k-primary,
.k-overflow-container .k-primary {
  color: #ffffff;
  border-color: #1c4e93;
  background-image: none;
  background-position: 50% 50%;
  background-color: #2059a8;
  box-shadow: none; }

.k-checkbox:checked + .k-checkbox-label:before {
  background-color: #ffffff;
  border-color: #cccccc;
  color: #2059a8; }

.k-checkbox:indeterminate + .k-checkbox-label:after {
  background-color: #2059a8;
  background-image: none;
  border-color: #3278d8;
  border-radius: 2px; }

.k-checkbox:indeterminate:hover + .k-checkbox-label:after {
  border-color: #2059a8;
  background-color: #2059a8; }

.k-radio:checked + .k-radio-label:after {
  background-color: #2059a8;
  border-radius: 50%; }

.k-radio:disabled:checked + .k-radio-label:after {
  background-color: #2059a8;
  opacity: .5; }

.k-widget.k-treeview {
  color: #2059a8; }

.k-treeview .k-in.k-state-hover {
  color: #2059a8; }

.k-tabstrip-items .k-state-hover .k-link {
  color: #2059a8; }

.k-multiselect .k-button {
  color: #ffffff;
  border-color: #1c4e93;
  background-color: #2059a8; }

.k-menu .k-item > .k-state-border-right,
.k-menu .k-item > .k-state-border-left {
  background-color: #2059a8;
  color: #ffffff; }

.k-menu .k-state-selected > .k-link {
  color: #ffffff;
  background-color: #2059a8;
  border-color: #2059a8;
  background-image: none; }

.k-pager-wrap .k-link:hover {
  color: #2059a8;
  border-color: #cccccc;
  background: #ebebeb; }

.k-spreadsheet-window .k-edit-field > input[type="radio"]:checked + .k-orientation-label {
  background-image: none;
  background-color: #2059a8;
  color: #ffffff; }

/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
div[kendo-grid].k-grid {
  border: none;
  box-shadow: none;
  /* for the header  , .k-grid-header th */
  /* for every row even the header row*/
  /* for the special loading row */
  /*
    .k-loading-image {
        background-image: none;
        opacity: 0;
    }
    */ }
  div[kendo-grid].k-grid * {
    border: none; }
  div[kendo-grid].k-grid .k-grid-header tr {
    height: 46px; }
    div[kendo-grid].k-grid .k-grid-header tr th {
      font-size: 16px;
      color: #636466;
      padding-top: 8px;
      padding-bottom: 8px;
      border-top: 1px solid #E5E5E5;
      border-bottom: 2px solid #E5E5E5;
      background-color: white !important;
      line-height: 100%;
      vertical-align: middle; }
      div[kendo-grid].k-grid .k-grid-header tr th .k-grid-filter .k-icon {
        color: #636466; }
      div[kendo-grid].k-grid .k-grid-header tr th .k-grid-filter.k-state-active .k-icon {
        color: #F8933C; }
  div[kendo-grid].k-grid tr {
    /* this to hide the normal selection color of the kendo grid */ }
    div[kendo-grid].k-grid tr.k-state-selected {
      background-color: transparent; }
      div[kendo-grid].k-grid tr.k-state-selected:hover td {
        background-color: transparent; }
    div[kendo-grid].k-grid tr.k-alt.k-detail-row:hover, div[kendo-grid].k-grid tr.k-alt {
      background-color: #f9f9f9; }
    div[kendo-grid].k-grid tr:hover, div[kendo-grid].k-grid tr.k-state-selected:hover, div[kendo-grid].k-grid tr.k-alt:hover, div[kendo-grid].k-grid tr.k-alt:not(.k-detail-row):hover, div[kendo-grid].k-grid tr.k-master-row:hover {
      background-color: #E5E5E5; }
    div[kendo-grid].k-grid tr.k-master-row,
    div[kendo-grid].k-grid tr.k-master-row input[type='checkbox'] {
      cursor: pointer; }
    div[kendo-grid].k-grid tr.k-detail-row:hover {
      background-color: transparent; }
    div[kendo-grid].k-grid tr .k-checkbox-label {
      margin-bottom: 16px; }
    div[kendo-grid].k-grid tr td {
      font-size: 13.5px;
      color: #636466;
      border-bottom: 1px solid #E5E5E5;
      padding-top: 7px;
      padding-bottom: 7px;
      line-height: 1.2em; }
      @media only screen and (max-width: 1366px) {
        div[kendo-grid].k-grid tr td {
          max-height: 2.4em !important; } }
      @media only screen and (min-width: 1367px) {
        div[kendo-grid].k-grid tr td {
          max-height: 1.2em !important; } }
      div[kendo-grid].k-grid tr td > span {
        vertical-align: middle; }
      div[kendo-grid].k-grid tr td .k-icon.k-i-expand::before {
        content: "\e015"; }
      div[kendo-grid].k-grid tr td .k-icon.k-i-collapse::before {
        content: "\e013"; }
  div[kendo-grid].k-grid tr[role='loadingPanel'] td {
    padding: 0; }
    div[kendo-grid].k-grid tr[role='loadingPanel'] td > div {
      position: relative;
      height: 32px; }
  div[kendo-grid].k-grid .k-grid-norecords {
    padding-top: 31px;
    color: #636466; }
  div[kendo-grid].k-grid .k-pager-wrap {
    margin-right: 0px;
    padding-left: 8px;
    padding-bottom: 0px;
    padding-top: 0px;
    background-color: #FAFAFA;
    font-size: 13.5px;
    height: 49px; }
    div[kendo-grid].k-grid .k-pager-wrap .k-pager-nav,
    div[kendo-grid].k-grid .k-pager-wrap .k-pager-numbers a,
    div[kendo-grid].k-grid .k-pager-wrap .k-pager-numbers span {
      font-weight: bold;
      padding-left: 3px;
      padding-right: 3px;
      background-color: transparent;
      min-width: 25px; }
      div[kendo-grid].k-grid .k-pager-wrap .k-pager-nav.k-state-selected,
      div[kendo-grid].k-grid .k-pager-wrap .k-pager-numbers a.k-state-selected,
      div[kendo-grid].k-grid .k-pager-wrap .k-pager-numbers span.k-state-selected {
        color: #2059a8;
        border-top: 4px solid #2059a8;
        line-height: 41px;
        padding-bottom: 4px; }
      div[kendo-grid].k-grid .k-pager-wrap .k-pager-nav.k-link,
      div[kendo-grid].k-grid .k-pager-wrap .k-pager-numbers a.k-link,
      div[kendo-grid].k-grid .k-pager-wrap .k-pager-numbers span.k-link {
        color: #636466;
        border: none;
        line-height: 49px; }
        div[kendo-grid].k-grid .k-pager-wrap .k-pager-nav.k-link .k-icon,
        div[kendo-grid].k-grid .k-pager-wrap .k-pager-numbers a.k-link .k-icon,
        div[kendo-grid].k-grid .k-pager-wrap .k-pager-numbers span.k-link .k-icon {
          color: #A9A9A9; }
        div[kendo-grid].k-grid .k-pager-wrap .k-pager-nav.k-link.k-state-disabled .k-icon,
        div[kendo-grid].k-grid .k-pager-wrap .k-pager-numbers a.k-link.k-state-disabled .k-icon,
        div[kendo-grid].k-grid .k-pager-wrap .k-pager-numbers span.k-link.k-state-disabled .k-icon {
          color: #DBDBDB; }
    div[kendo-grid].k-grid .k-pager-wrap .k-pager-info {
      padding-right: 18px;
      color: #A9A9A9;
      line-height: 49px; }
  div[kendo-grid].k-grid .checkBoxMenu {
    overflow: visible; }
    div[kendo-grid].k-grid .checkBoxMenu #checkBoxMenuSelection {
      display: inline-block;
      border: 0;
      padding: 0;
      margin: 0;
      margin-right: -2px; }
      div[kendo-grid].k-grid .checkBoxMenu #checkBoxMenuSelection > li.k-item {
        border: 0;
        padding: 0;
        margin: 0;
        margin-right: -2px; }
        div[kendo-grid].k-grid .checkBoxMenu #checkBoxMenuSelection > li.k-item > span.k-link {
          border: 0;
          padding: 0;
          margin: 0;
          line-height: normal; }
          div[kendo-grid].k-grid .checkBoxMenu #checkBoxMenuSelection > li.k-item > span.k-link > span {
            line-height: normal; }
            div[kendo-grid].k-grid .checkBoxMenu #checkBoxMenuSelection > li.k-item > span.k-link > span .k-checkbox-label {
              padding-left: 0; }
          div[kendo-grid].k-grid .checkBoxMenu #checkBoxMenuSelection > li.k-item > span.k-link .k-icon {
            display: none; }

.k-filter-menu ul.k-multicheck-wrap {
  margin-left: -8px;
  margin-right: -8px;
  max-height: calc(100vh - 420px); }
  .k-filter-menu ul.k-multicheck-wrap > li.k-item {
    line-height: 1em; }
    .k-filter-menu ul.k-multicheck-wrap > li.k-item label {
      vertical-align: middle;
      padding: 4px 10px 4px 36px;
      display: block;
      cursor: pointer;
      font-size: 13.5px;
      line-height: 16px; }
      .k-filter-menu ul.k-multicheck-wrap > li.k-item label:hover {
        background-color: #E5E5E5; }
      .k-filter-menu ul.k-multicheck-wrap > li.k-item label::before {
        margin-top: 4px;
        margin-left: 10px; }

.k-filter-menu div.k-filter-selected-items {
  text-align: center; }

/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
/* on target les menus qui sont dans les barres d'onglets */
ul[kendo-context-menu],
div.toolbar-container > ul[kendo-menu] {
  display: inline-block;
  vertical-align: middle;
  background: 0 0;
  padding: 0;
  margin: 0;
  border: 0; }
  ul[kendo-context-menu] li.k-item,
  div.toolbar-container > ul[kendo-menu] li.k-item {
    margin: 0; }
  ul[kendo-context-menu] > li.k-item,
  div.toolbar-container > ul[kendo-menu] > li.k-item {
    border: 1px solid #373a47;
    background-color: #373a47;
    border-width: 1px;
    border-radius: 0;
    /*
        &.orange {
            color: $button-text-color;
            background-color: $orange;
            border-color: $orange;
    
            &:hover,
            &.k-state-focused {
                color: $orange;
                background-color: $button-hover-background-color;
                border-color: $orange;
            }
            &:active {
                color: $button-text-color;
                background-color: #EE801D;
            }
            &.k-state-disabled,
            &.k-state-disabled:hover,
            &[disabled] {
                color: $button-text-color;
                background-color: #fdddc0;
                border-color: #fdddc0;
            }
        }
        */ }
    ul[kendo-context-menu] > li.k-item.k-first,
    div.toolbar-container > ul[kendo-menu] > li.k-item.k-first {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
      ul[kendo-context-menu] > li.k-item.k-first > span.k-link,
      div.toolbar-container > ul[kendo-menu] > li.k-item.k-first > span.k-link {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px; }
    ul[kendo-context-menu] > li.k-item.last, ul[kendo-context-menu] > li.k-item.k-last:not([kebab]),
    div.toolbar-container > ul[kendo-menu] > li.k-item.last,
    div.toolbar-container > ul[kendo-menu] > li.k-item.k-last:not([kebab]) {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
      ul[kendo-context-menu] > li.k-item.last > span.k-link, ul[kendo-context-menu] > li.k-item.k-last:not([kebab]) > span.k-link,
      div.toolbar-container > ul[kendo-menu] > li.k-item.last > span.k-link,
      div.toolbar-container > ul[kendo-menu] > li.k-item.k-last:not([kebab]) > span.k-link {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px; }
    ul[kendo-context-menu] > li.k-item:not(.k-last):not(.last),
    div.toolbar-container > ul[kendo-menu] > li.k-item:not(.k-last):not(.last) {
      border-right-color: #84868e; }
    ul[kendo-context-menu] > li.k-item:not(.k-first):not(.addLeftSpace),
    div.toolbar-container > ul[kendo-menu] > li.k-item:not(.k-first):not(.addLeftSpace) {
      border-left: 0; }
    ul[kendo-context-menu] > li.k-item.k-state-hover > span.k-link, ul[kendo-context-menu] > li.k-item.k-state-focused:not(.k-state-disabled) > span.k-link,
    div.toolbar-container > ul[kendo-menu] > li.k-item.k-state-hover > span.k-link,
    div.toolbar-container > ul[kendo-menu] > li.k-item.k-state-focused:not(.k-state-disabled) > span.k-link {
      background-color: #ebebeb;
      color: #373a47; }
    ul[kendo-context-menu] > li.k-item.addLeftSpace,
    div.toolbar-container > ul[kendo-menu] > li.k-item.addLeftSpace {
      margin-left: 22px;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
      ul[kendo-context-menu] > li.k-item.addLeftSpace > span.k-link,
      div.toolbar-container > ul[kendo-menu] > li.k-item.addLeftSpace > span.k-link {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px; }
    ul[kendo-context-menu] > li.k-item > span.k-link,
    div.toolbar-container > ul[kendo-menu] > li.k-item > span.k-link {
      font-weight: bold;
      font-size: 11px;
      color: white;
      padding: 6px 12px;
      border-radius: 0;
      line-height: 16px;
      height: 16px; }
      ul[kendo-context-menu] > li.k-item > span.k-link.k-state-active,
      div.toolbar-container > ul[kendo-menu] > li.k-item > span.k-link.k-state-active {
        color: #373a47; }
      ul[kendo-context-menu] > li.k-item > span.k-link .k-icon,
      div.toolbar-container > ul[kendo-menu] > li.k-item > span.k-link .k-icon {
        margin-left: 5px;
        margin-right: -1px; }
        ul[kendo-context-menu] > li.k-item > span.k-link .k-icon.k-i-arrow-60-down::before,
        div.toolbar-container > ul[kendo-menu] > li.k-item > span.k-link .k-icon.k-i-arrow-60-down::before {
          content: "\e015"; }
    ul[kendo-context-menu] > li.k-item ul.k-menu-group li.k-item > span.k-link,
    div.toolbar-container > ul[kendo-menu] > li.k-item ul.k-menu-group li.k-item > span.k-link {
      min-width: 50px;
      font-weight: bold;
      /*font-size: $button-text-size;*/
      font-size: 13.5px;
      color: #636466;
      /*background-color: $button-background-color;*/
      /*padding: 6px 12px;*/
      /*border-radius: 0;*/
      margin: 0;
      line-height: 16px;
      height: 16px;
      padding-top: 6px;
      padding-bottom: 6px;
      /*
                    &.k-state-border-right,
                    &.k-state-border-left */ }
      ul[kendo-context-menu] > li.k-item ul.k-menu-group li.k-item > span.k-link.k-state-active,
      div.toolbar-container > ul[kendo-menu] > li.k-item ul.k-menu-group li.k-item > span.k-link.k-state-active {
        background-color: #ebebeb; }
      ul[kendo-context-menu] > li.k-item ul.k-menu-group li.k-item > span.k-link .k-icon.k-i-arrow-60-right::before,
      div.toolbar-container > ul[kendo-menu] > li.k-item ul.k-menu-group li.k-item > span.k-link .k-icon.k-i-arrow-60-right::before {
        content: "\e014"; }
    ul[kendo-context-menu] > li.k-item[kebab],
    div.toolbar-container > ul[kendo-menu] > li.k-item[kebab] {
      background-color: transparent;
      border-color: transparent;
      border-radius: 5px;
      margin-left: 8px; }
      ul[kendo-context-menu] > li.k-item[kebab].k-state-border-down,
      div.toolbar-container > ul[kendo-menu] > li.k-item[kebab].k-state-border-down {
        background-color: #E5E5E5;
        border-color: #E5E5E5; }
      ul[kendo-context-menu] > li.k-item[kebab] > span.k-link,
      div.toolbar-container > ul[kendo-menu] > li.k-item[kebab] > span.k-link {
        width: 20px;
        background-color: transparent;
        border-color: transparent;
        color: #373a47; }
        ul[kendo-context-menu] > li.k-item[kebab] > span.k-link.k-state-active,
        div.toolbar-container > ul[kendo-menu] > li.k-item[kebab] > span.k-link.k-state-active {
          box-shadow: none; }
        ul[kendo-context-menu] > li.k-item[kebab] > span.k-link > span.k-i-arrow-60-down,
        div.toolbar-container > ul[kendo-menu] > li.k-item[kebab] > span.k-link > span.k-i-arrow-60-down {
          font-weight: bold;
          margin-left: 2px; }
          ul[kendo-context-menu] > li.k-item[kebab] > span.k-link > span.k-i-arrow-60-down::before,
          div.toolbar-container > ul[kendo-menu] > li.k-item[kebab] > span.k-link > span.k-i-arrow-60-down::before {
            content: "\e031"; }

/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
.k-widget.k-notification {
  border-style: solid;
  border-width: 1px;
  margin-top: 20px;
  text-align: center; }
  .k-widget.k-notification .k-notification-wrap {
    padding-right: 30px;
    white-space: normal; }
    .k-widget.k-notification .k-notification-wrap .k-i-close {
      height: 20px;
      width: 20px;
      top: 50%;
      right: 10px;
      margin-top: -10px; }
  .k-widget.k-notification.k-notification-info {
    background-color: #e5f5fa;
    color: #2498bc;
    border-color: #bae5f2; }
  .k-widget.k-notification.k-notification-success {
    background-color: #eaf7ec;
    color: #3ea44e;
    border-color: #c5e9cb; }
  .k-widget.k-notification.k-notification-warning {
    background-color: #fbeed5;
    color: #bf8412;
    border-color: #f7dba6; }
  .k-widget.k-notification.k-notification-error {
    background-color: #ffe0d9;
    color: #d92800;
    border-color: #ffb6a6; }
    .k-widget.k-notification.k-notification-error .k-i-error {
      margin-right: 10px;
      vertical-align: text-bottom; }
      .k-widget.k-notification.k-notification-error .k-i-error::before {
        content: "\e123"; }
  .k-widget.k-notification.k-notification-permission {
    background-color: #ffe0d9;
    color: #d92800;
    border-color: #ffb6a6; }
    .k-widget.k-notification.k-notification-permission .k-i-permission {
      margin-right: 10px;
      vertical-align: text-bottom; }
      .k-widget.k-notification.k-notification-permission .k-i-permission::before {
        content: "\e123"; }
  .k-widget.k-notification .k-icon.k-i-info {
    margin-right: 5px; }

.k-notification-warningTemplate {
  color: #F8933C;
  border-color: #F8933C;
  background-color: #ffeddc; }
  .k-notification-warningTemplate .k-i-warningTemplate {
    background-image: url(img/notification/warningIcon.png);
    background-repeat: no-repeat;
    padding-right: 14px;
    background-size: 21px 18px;
    padding-bottom: 2px; }

/* don't remind me again*/
.checkbox-group.dontRemindMeAgain {
  float: left;
  line-height: 40px; }

.k-dialog.k-window {
  display: none; }
  .k-dialog.k-window span.k-window-title.k-dialog-title {
    padding-left: 27px; }
  .k-dialog.k-window .k-window-titlebar.k-dialog-titlebar.k-header {
    color: #636466;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ebebeb; }
  .k-dialog.k-window .k-content {
    color: #636466;
    background-color: #f7f7f7;
    padding-left: 33px; }
    .k-dialog.k-window .k-content .k-i-warningTemplate {
      padding-left: 30px;
      background-image: url(img/notification/warningIcon.png);
      background-repeat: no-repeat;
      padding-right: 14px;
      background-size: 23px 20px; }
    .k-dialog.k-window .k-content .checkbox-group {
      padding-top: 30px;
      padding-left: 4px; }
      .k-dialog.k-window .k-content .checkbox-group .k-checkbox-label {
        padding-left: 27px; }
  .k-dialog.k-window .k-dialog-button-layout-normal {
    display: block; }

/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
.k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg {
  white-space: normal; }

.k-widget.k-tooltip:not(.k-tooltip-validation) {
  background-color: #FAFAFA;
  color: #636466; }
  .k-widget.k-tooltip:not(.k-tooltip-validation) .k-callout-n {
    border-bottom-color: #FAFAFA; }

/*------------------------------------*    #LOADING
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
.loading {
  display: flex;
  align-items: center;
  justify-content: center; }

.login-loading {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  background-image: url("img/loading/spin_24px.gif"); }
  .login-loading + div {
    width: 100px;
    text-align: left;
    color: #1A5D8A;
    font-family: "Lato", sans-serif;
    font-size: 15px;
    font-weight: bold; }

/*------------------------------------*    #INPUT CONTROLS
\*------------------------------------*/
/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
/*------------------------------------*    Default design for the button
\*------------------------------------*/
.k-button-group .k-button:not([data-command]),
button.k-button:not([data-command]),
a.k-button:not([data-command]):not(.k-window-action) {
  font-weight: bold;
  font-size: 11px;
  min-width: 110px;
  min-height: 25px;
  height: 40px; }

/*------------------------------------*    class for the default blue button
\*------------------------------------*/
.defaultBlue, .k-button-group .k-button:not([data-command]),
button.k-button:not([data-command]),
a.k-button:not([data-command]):not(.k-window-action), .k-filter-menu button[type=reset].k-button {
  color: white;
  border-radius: 5px;
  background-color: #373a47;
  border-color: #373a47; }
  .defaultBlue.k-state-active, .k-button-group .k-state-active.k-button:not([data-command]),
  button.k-state-active.k-button:not([data-command]),
  a.k-state-active.k-button:not([data-command]):not(.k-window-action), .k-filter-menu button.k-state-active[type=reset].k-button, .defaultBlue.k-state-active:hover, .k-button-group .k-state-active.k-button:hover:not([data-command]),
  button.k-state-active.k-button:hover:not([data-command]),
  a.k-state-active.k-button:hover:not([data-command]):not(.k-window-action), .k-filter-menu button.k-state-active[type=reset].k-button:hover, .defaultBlue:hover, .k-button-group .k-button:hover:not([data-command]),
  button.k-button:hover:not([data-command]),
  a.k-button:hover:not([data-command]):not(.k-window-action), .k-filter-menu button[type=reset].k-button:hover, .defaultBlue:focus, .k-button-group .k-button:focus:not([data-command]),
  button.k-button:focus:not([data-command]),
  a.k-button:focus:not([data-command]):not(.k-window-action), .k-filter-menu button[type=reset].k-button:focus, .defaultBlue.k-state-focused, .k-button-group .k-state-focused.k-button:not([data-command]),
  button.k-state-focused.k-button:not([data-command]),
  a.k-state-focused.k-button:not([data-command]):not(.k-window-action), .k-filter-menu button.k-state-focused[type=reset].k-button, .defaultBlue.k-state-focused:focus, .k-button-group .k-state-focused.k-button:focus:not([data-command]),
  button.k-state-focused.k-button:focus:not([data-command]),
  a.k-state-focused.k-button:focus:not([data-command]):not(.k-window-action), .k-filter-menu button.k-state-focused[type=reset].k-button:focus {
    color: #373a47;
    background-color: #ebebeb;
    border-color: #373a47; }
    .defaultBlue.k-state-active .k-icon, .k-button-group .k-state-active.k-button:not([data-command]) .k-icon,
    button.k-state-active.k-button:not([data-command]) .k-icon,
    a.k-state-active.k-button:not([data-command]):not(.k-window-action) .k-icon, .k-filter-menu button.k-state-active[type=reset].k-button .k-icon, .defaultBlue.k-state-active:hover .k-icon, .k-button-group .k-state-active.k-button:hover:not([data-command]) .k-icon,
    button.k-state-active.k-button:hover:not([data-command]) .k-icon,
    a.k-state-active.k-button:hover:not([data-command]):not(.k-window-action) .k-icon, .k-filter-menu button.k-state-active[type=reset].k-button:hover .k-icon, .defaultBlue:hover .k-icon, .k-button-group .k-button:hover:not([data-command]) .k-icon,
    button.k-button:hover:not([data-command]) .k-icon,
    a.k-button:hover:not([data-command]):not(.k-window-action) .k-icon, .k-filter-menu button[type=reset].k-button:hover .k-icon, .defaultBlue:focus .k-icon, .k-button-group .k-button:focus:not([data-command]) .k-icon,
    button.k-button:focus:not([data-command]) .k-icon,
    a.k-button:focus:not([data-command]):not(.k-window-action) .k-icon, .k-filter-menu button[type=reset].k-button:focus .k-icon, .defaultBlue.k-state-focused .k-icon, .k-button-group .k-state-focused.k-button:not([data-command]) .k-icon,
    button.k-state-focused.k-button:not([data-command]) .k-icon,
    a.k-state-focused.k-button:not([data-command]):not(.k-window-action) .k-icon, .k-filter-menu button.k-state-focused[type=reset].k-button .k-icon, .defaultBlue.k-state-focused:focus .k-icon, .k-button-group .k-state-focused.k-button:focus:not([data-command]) .k-icon,
    button.k-state-focused.k-button:focus:not([data-command]) .k-icon,
    a.k-state-focused.k-button:focus:not([data-command]):not(.k-window-action) .k-icon, .k-filter-menu button.k-state-focused[type=reset].k-button:focus .k-icon {
      color: #373a47; }
  .defaultBlue:active, .k-button-group .k-button:active:not([data-command]),
  button.k-button:active:not([data-command]),
  a.k-button:active:not([data-command]):not(.k-window-action), .k-filter-menu button[type=reset].k-button:active, .defaultBlue:active:hover, .k-button-group .k-button:active:hover:not([data-command]),
  button.k-button:active:hover:not([data-command]),
  a.k-button:active:hover:not([data-command]):not(.k-window-action), .k-filter-menu button[type=reset].k-button:active:hover {
    color: white;
    background-color: #4b5067;
    border-color: #373a47; }
  .defaultBlue.k-state-disabled, .k-button-group .k-state-disabled.k-button:not([data-command]),
  button.k-state-disabled.k-button:not([data-command]),
  a.k-state-disabled.k-button:not([data-command]):not(.k-window-action), .k-filter-menu button.k-state-disabled[type=reset].k-button, .defaultBlue.k-state-disabled:hover, .k-button-group .k-state-disabled.k-button:hover:not([data-command]),
  button.k-state-disabled.k-button:hover:not([data-command]),
  a.k-state-disabled.k-button:hover:not([data-command]):not(.k-window-action), .k-filter-menu button.k-state-disabled[type=reset].k-button:hover, .defaultBlue[disabled], .k-button-group [disabled].k-button:not([data-command]),
  button[disabled].k-button:not([data-command]),
  a[disabled].k-button:not([data-command]):not(.k-window-action), .k-filter-menu button[disabled][type=reset].k-button {
    color: white;
    background-color: #c3c4c7;
    border-color: #c3c4c7; }
  .defaultBlue .k-icon, .k-button-group .k-button:not([data-command]) .k-icon,
  button.k-button:not([data-command]) .k-icon,
  a.k-button:not([data-command]):not(.k-window-action) .k-icon, .k-filter-menu button[type=reset].k-button .k-icon {
    color: white; }

/*------------------------------------*    class for the orange button
\*------------------------------------*/
button.k-button.orange, .k-filter-menu button.k-button.k-primary, .k-window.k-dialog .k-dialog-buttongroup button.k-button:not(.k-primary) {
  color: white;
  background-color: #F8933C;
  border-color: #F8933C; }
  button.k-button.orange:hover, .k-filter-menu button.k-button.k-primary:hover, .k-window.k-dialog .k-dialog-buttongroup button.k-button:hover:not(.k-primary), button.k-button.orange:focus, .k-filter-menu button.k-button.k-primary:focus, .k-window.k-dialog .k-dialog-buttongroup button.k-button:focus:not(.k-primary), button.k-button.orange.k-state-active, .k-filter-menu button.k-button.k-state-active.k-primary, .k-window.k-dialog .k-dialog-buttongroup button.k-button.k-state-active:not(.k-primary), button.k-button.orange.k-state-focused, .k-filter-menu button.k-button.k-state-focused.k-primary, .k-window.k-dialog .k-dialog-buttongroup button.k-button.k-state-focused:not(.k-primary) {
    color: #F8933C;
    background-color: #ebebeb;
    border-color: #F8933C; }
  button.k-button.orange:active, .k-filter-menu button.k-button.k-primary:active, .k-window.k-dialog .k-dialog-buttongroup button.k-button:active:not(.k-primary), button.k-button.orange:active:hover, .k-filter-menu button.k-button.k-primary:active:hover, .k-window.k-dialog .k-dialog-buttongroup button.k-button:active:hover:not(.k-primary) {
    color: white;
    background-color: #ee801d;
    border-color: #F8933C; }
  button.k-button.orange.k-state-disabled, .k-filter-menu button.k-button.k-state-disabled.k-primary, .k-window.k-dialog .k-dialog-buttongroup button.k-button.k-state-disabled:not(.k-primary), button.k-button.orange.k-state-disabled:hover, .k-filter-menu button.k-button.k-state-disabled.k-primary:hover, .k-window.k-dialog .k-dialog-buttongroup button.k-button.k-state-disabled:hover:not(.k-primary), button.k-button.orange[disabled], .k-filter-menu button.k-button[disabled].k-primary, .k-window.k-dialog .k-dialog-buttongroup button.k-button[disabled]:not(.k-primary) {
    color: white;
    background-color: #fdddc0;
    border-color: #fdddc0; }

/*------------------------------------*    class for the light blue button
\*------------------------------------*/
button.k-button.lightBlue {
  color: white;
  background-color: #29c3ec;
  border-color: #29c3ec; }
  button.k-button.lightBlue:hover, button.k-button.lightBlue:focus, button.k-button.lightBlue.k-state-focused {
    color: #29c3ec;
    background-color: #ebebeb;
    border-color: #29c3ec; }
  button.k-button.lightBlue:active, button.k-button.lightBlue:active:hover {
    color: white;
    background-color: #15b0d9;
    border-color: #29c3ec; }
  button.k-button.lightBlue.k-state-disabled, button.k-button.lightBlue.k-state-disabled:hover, button.k-button.lightBlue[disabled] {
    color: white;
    background-color: #beedf9;
    border-color: #beedf9; }

/*------------------------------------*    class for the light grey button
\*------------------------------------*/
button.k-button.lightGrey:not([data-command]),
ul.k-button-group span.k-button.lightGrey:not([data-command]) {
  color: #666666;
  background-color: #f3f3f3;
  border-color: #c1c1c1;
  font-size: 13.5px;
  font-weight: normal; }
  button.k-button.lightGrey:not([data-command]):hover, button.k-button.lightGrey:not([data-command]):focus, button.k-button.lightGrey:not([data-command]).k-state-active, button.k-button.lightGrey:not([data-command]).k-state-focused,
  ul.k-button-group span.k-button.lightGrey:not([data-command]):hover,
  ul.k-button-group span.k-button.lightGrey:not([data-command]):focus,
  ul.k-button-group span.k-button.lightGrey:not([data-command]).k-state-active,
  ul.k-button-group span.k-button.lightGrey:not([data-command]).k-state-focused {
    color: #666666;
    background-color: white;
    border-color: #c1c1c1; }
  button.k-button.lightGrey:not([data-command]):active, button.k-button.lightGrey:not([data-command]):active:hover,
  ul.k-button-group span.k-button.lightGrey:not([data-command]):active,
  ul.k-button-group span.k-button.lightGrey:not([data-command]):active:hover {
    color: #666666;
    background-color: #c3c4c7;
    border-color: #c1c1c1; }
  button.k-button.lightGrey:not([data-command]).k-state-disabled, button.k-button.lightGrey:not([data-command]).k-state-disabled:hover, button.k-button.lightGrey:not([data-command])[disabled],
  ul.k-button-group span.k-button.lightGrey:not([data-command]).k-state-disabled,
  ul.k-button-group span.k-button.lightGrey:not([data-command]).k-state-disabled:hover,
  ul.k-button-group span.k-button.lightGrey:not([data-command])[disabled] {
    color: #666666;
    background-color: #c3c4c7;
    border-color: #c1c1c1; }

/*------------------------------------*    button for the page header 
\*------------------------------------*/
.header .button-wrapper button {
  width: 42px;
  height: 100%;
  background-color: #034D7E; }
  .header .button-wrapper button:hover {
    background-color: #E5E5E5; }

/*------------------------------------*    Default design for the tab menu button
\*------------------------------------*/
.k-tabstrip-items .k-button,
.toolbar-container .k-button {
  height: 30px;
  margin-left: 22px; }
  .k-tabstrip-items .k-button .k-image,
  .toolbar-container .k-button .k-image {
    margin-bottom: 3px;
    height: 15px;
    width: 15px; }

/*------------------------------------*    button for the header of a grid
    long selector to be more important by css rules
\*------------------------------------*/
div[kendo-grid="grid"].k-grid .k-grid-header th button {
  font-size: 9px;
  min-width: 80px;
  height: 20px;
  border: 1px solid; }

/*------------------------------------*    button for the date range picker
\*------------------------------------*/
div.daterangepicker button.k-button {
  height: 30px; }
  div.daterangepicker button.k-button.btnApply {
    margin-left: 10px;
    background-color: #29c3ec;
    border-color: #29c3ec; }
    div.daterangepicker button.k-button.btnApply:hover, div.daterangepicker button.k-button.btnApply:active, div.daterangepicker button.k-button.btnApply:active:hover {
      color: #29c3ec;
      background-color: #ebebeb;
      border-color: #29c3ec; }

/*------------------------------------*    button for filtering popup
\*------------------------------------*/
.k-filter-menu button {
  /*
        font-size: 14px;
        line-height: 14px;
        */
  text-transform: uppercase; }
  .k-filter-menu button.k-primary {
    min-width: 0px; }
  .k-filter-menu button[type=reset].k-button {
    min-width: 0px; }

/*------------------------------------*    button for confirmation popup
\*------------------------------------*/
.k-window.k-dialog {
  /*[kendo-dialog="confirm"] + */ }
  .k-window.k-dialog .k-dialog-buttongroup .k-button {
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 14px; }

/*------------------------------------*    button for notification
\*------------------------------------*/
.k-notification .k-button {
  height: 25px;
  font-size: 9px;
  min-width: 80px;
  margin-left: 5px; }

/*------------------------------------*    button for the radio button group
\*------------------------------------*/
.radioButtonGroup :not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.radioButtonGroup :not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
/*------------------------------------*    checkboxes 
\*------------------------------------*/
.k-checkbox-label {
  padding-left: 26px; }
  .k-checkbox-label > span {
    display: block;
    /*margin-left: 8px;*/ }
    .k-checkbox-label > span:last-child {
      font-size: 11px; }
    .k-checkbox-label > span:first-child {
      /* if only one line the first will be use*/
      font-size: 13.5px; }

/* checkbox base theming*/
.k-checkbox:checked:disabled + .k-checkbox-label:before,
.k-checkbox:checked:disabled + .k-checkbox-label:hover:before,
.k-checkbox:checked + .k-checkbox-label:before {
  background-color: #F8933C;
  border-color: #F8933C;
  color: white;
  font-weight: bold;
  content: "\e118";
  font-family: 'WebComponentsIcons'; }

/* checkbox enabled*/
.k-checkbox:checked + .k-checkbox-label:active:before,
.k-checkbox:focus + .k-checkbox-label:before,
.k-checkbox-label:active:before {
  border-color: #F8933C;
  box-shadow: 0 0 2px 0 #F8933C; }

/* checkbox disabled*/
.k-checkbox:disabled + .k-checkbox-label:before,
.k-checkbox:disabled:checked + .k-checkbox-label:before {
  opacity: .5; }

/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
/*------------------------------------*    Default design for the multi select
\*------------------------------------*/
.k-widget.k-multiselect .k-multiselect-wrap {
  padding-bottom: 5px; }
  .k-widget.k-multiselect .k-multiselect-wrap ul li {
    color: #939598;
    background-color: #f3f3f3;
    border-color: #c1c1c1;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px; }
    .k-widget.k-multiselect .k-multiselect-wrap ul li:active {
      box-shadow: none; }
    .k-widget.k-multiselect .k-multiselect-wrap ul li span.k-icon {
      margin-bottom: 2px; }
  .k-widget.k-multiselect .k-multiselect-wrap .k-input {
    margin-top: 7px; }

/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
/*------------------------------------*    radio buttons 
\*------------------------------------*/
.k-radio-label > span {
  display: block;
  /*margin-left: 8px;*/ }
  .k-radio-label > span:last-child {
    font-size: 11px; }
  .k-radio-label > span:first-child {
    /* if only one line the first will be use*/
    font-size: 13.5px; }

/* radio base theming*/
.k-radio:disabled:checked + .k-radio-label:after,
.k-radio:checked + .k-radio-label:after {
  background-color: #F8933C; }

/* radio enabled*/
.k-radio:checked + .k-radio-label:active:before,
.k-radio:focus + .k-radio-label:before,
.k-radio-label:active:before {
  border-color: #F8933C;
  box-shadow: 0 0 2px 0 #F8933C; }

/* checkbox disabled*/
.k-radio:disabled + .k-radio-label:before,
.k-radio:disabled:checked + .k-radio-label:before {
  opacity: .5; }

.k-radio:disabled + .k-radio-label {
  color: #a1a1a1; }

/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SLIDER Customisation
\*------------------------------------*/
.k-slider {
  width: 450px; }
  .k-slider ul.k-slider-items {
    position: relative;
    top: 30px; }
    .k-slider ul.k-slider-items .k-tick {
      background-image: none;
      text-transform: uppercase;
      font-size: 12.5px; }
    .k-slider ul.k-slider-items .k-tick.selected {
      color: #2059a8;
      font-weight: bold; }
    .k-slider ul.k-slider-items .k-first {
      text-align: left; }
    .k-slider ul.k-slider-items .k-last {
      text-align: right; }
  .k-slider .k-slider-track {
    background-image: url(img/spamoptions/scan-level.png);
    background-color: transparent !important;
    background-size: cover;
    border: 0; }
    .k-slider .k-slider-track .k-slider-selection {
      background: 0; }
    .k-slider .k-slider-track .k-draghandle {
      background-color: #F8933C;
      border-width: 1px; }

/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
/*------------------------------------*    switch which toggle override of settings
\*------------------------------------*/
span.k-switch {
  border-radius: 13px;
  height: 23px;
  width: 43px;
  margin-left: 23px;
  border-color: #B6B7B7; }
  span.k-switch span.k-switch-wrapper {
    border-width: 0px; }
    span.k-switch span.k-switch-wrapper .k-switch-background {
      color: #F8933C; }
  span.k-switch span.k-switch-container {
    border-width: 0;
    padding: 0; }
    span.k-switch span.k-switch-container span.k-switch-handle {
      width: 23px;
      height: 23px;
      border-radius: 13px;
      color: #F8933C;
      position: relative;
      top: -1px;
      border-width: 1px;
      border-color: #B6B7B7; }

span.k-switch.k-switch-on span.k-switch-wrapper {
  background-color: #F8933C; }

span.k-switch.k-switch-on span.k-switch-handle {
  left: 5px; }

span.k-switch.k-switch-off span.k-switch-handle {
  left: -1px; }

span.k-switch:focus {
  border-color: #F8933C;
  box-shadow: 0 0 2px 0 #F8933C; }

/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
/*------------------------------------*    Default design for label on top of a text box
\*------------------------------------*/
label.textbox-label {
  margin-bottom: 5px;
  display: inline-block; }

input.k-textbox {
  width: 300px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 13.5px; }

.k-grid input.k-input.k-textbox {
  border: solid 1px #d3d3d6; }

.k-textbox-label,
.k-dropdown-label,
.k-dropdown_keyval-label {
  display: inline-block;
  width: 150px;
  font-size: 13.5px; }

/*------------------------------------*    Default design for a text box
\*------------------------------------*/
input[type='text'].k-state-disabled, input[type='text'][disabled=disabled] {
  opacity: 0.4; }

input[type='text'].textbox {
  background-color: #f3f3f3;
  height: 38px;
  width: 100%;
  max-width: 450px;
  color: #666666;
  font-family: "Lato", sans-serif;
  border-color: #c1c1c1; }

input[type='text'].small {
  height: 30px;
  letter-spacing: 2px; }
  input[type='text'].small.icon, input[type='text'].small.icon-right {
    background-position-x: 6px;
    background-size: 18px 18px; }

input[type='text'].icon {
  padding-left: 30px;
  background-position: left;
  background-position-x: 8px;
  background-repeat: no-repeat;
  background-size: 22px 22px; }

input[type='text'].icon-right {
  padding-right: 30px;
  background-position: right 8px top 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px; }

input[type='text'].search {
  background-image: url("img/blockedsenders/searchIcon.png"); }

input[type='text'].block {
  background-image: url("img/blockedsenders/blockIcon.png"); }

input[type='text'].calendar {
  background-image: url("img/quarantine/calendar.png"); }

input[type='text'].trust {
  background-image: url("img/trustedsenders/Trust.png"); }

input[type='text'].icon.trust {
  padding-left: 27px; }

/*------------------------------------*    #LOGIN
\*------------------------------------*/
/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
/* 
 * @extend 
 */
.borderRadius, .login-form-wrapper, .login-credentials-wrapper input {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.borderError, #email.error, #password.error {
  outline: 0;
  border: 1px solid #d20000; }

.login {
  width: 100%;
  height: 90vh;
  min-width: 333px;
  min-height: 318px;
  background-color: #F4F4F4;
  display: flex;
  flex-direction: column;
  text-align: center; }
  .login .header {
    width: 100%;
    margin-top: 70px;
    margin-bottom: 30px; }
  .login .notification-container {
    min-width: 389px;
    align-self: center;
    margin-bottom: 20px;
    max-height: 120px;
    overflow-y: hidden;
    padding: 5px; }

.login-title {
  display: inline-block;
  margin-top: 35px;
  margin-bottom: 0px;
  color: #034D7E;
  font-family: "Lato", sans-serif;
  font-size: 24px; }
  .login-title span {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 60px; }

.login-form-header {
  color: #2059a8;
  font-size: 24px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #d3d3d6; }

.login-form-wrapper {
  width: 333px;
  border: 1px solid #d3d3d6;
  padding-right: 27px;
  padding-left: 27px;
  background-color: #FFFFFF;
  box-shadow: none;
  align-self: center; }

.login-credentials-wrapper {
  margin-top: 22px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
  .login-credentials-wrapper input {
    margin-bottom: 14px;
    height: 43px;
    border-color: #d3d3d6;
    border-style: solid;
    border-width: 1px; }

.login-label {
  text-align: left;
  padding-right: 12px;
  width: 85px;
  color: #555555;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  padding-bottom: 9px; }

.login-input {
  width: 96%;
  height: 45px;
  padding-left: 11px;
  padding-right: 0px;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  box-shadow: none; }

.login-submit-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 10px;
  margin-bottom: 20px; }
  .login-submit-wrapper .k-button.lightBlue {
    font-size: 13px;
    width: 100%;
    height: 43px; }

.LoginBottom {
  height: 10vh;
  bottom: 19px;
  width: 100%;
  z-index: 1;
  background-color: #F4F4F4; }
  .LoginBottom img {
    padding-top: 10px;
    width: 91px;
    height: 29px;
    margin-left: auto;
    margin-right: auto;
    display: block; }
  .LoginBottom .copyrightText {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    font-size: 8px;
    color: #9295A4;
    white-space: nowrap;
    display: block;
    margin-top: 10px;
    text-align: center; }

/*------------------------------------*    #HEADER
\*------------------------------------*/
/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
/*------------------------------------*    header 
\*------------------------------------*/
.header-wrapper > .header {
  width: 100%;
  min-width: 1240px;
  height: 78px;
  border-top: 3px solid #2059a8; }
  .header-wrapper > .header .logo-wrapper {
    display: inline-flex;
    align-items: center;
    height: 100%; }
    .header-wrapper > .header .logo-wrapper .logo {
      width: 158px;
      height: 40px;
      margin-left: 22px; }
  .header-wrapper > .header .button-wrapper {
    height: 100%;
    display: inline-flex;
    float: right;
    align-items: center;
    margin-right: 30px; }
    .header-wrapper > .header .button-wrapper span span, .header-wrapper > .header .button-wrapper span a div.k-icon {
      color: #78797b;
      font-weight: bold; }
    .header-wrapper > .header .button-wrapper span div.k-icon {
      font-size: 28px;
      color: #78797b;
      margin: 0px 5px; }
    .header-wrapper > .header .button-wrapper span a div.k-icon {
      font-size: 24px;
      color: #78797b;
      margin: 0px 0px 0px 5px;
      font-weight: normal; }
    .header-wrapper > .header .button-wrapper span span {
      margin-left: 5px;
      margin-right: 5px; }
    .header-wrapper > .header .button-wrapper a span {
      width: 257px;
      height: 39px; }
    .header-wrapper > .header .button-wrapper .button-image {
      width: 15px;
      height: 19px; }
  .header-wrapper > .header .k-dialog {
    width: 500px;
    height: 500px;
    left: calc(100vw - 500px);
    top: 81px; }

/*------------------------------------*    #Target Selector
\*------------------------------------*/
/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
/*------------------------------------*    target selector
\*------------------------------------*/
.target-container {
  width: 645px;
  display: inline-block;
  position: absolute;
  left: 222px;
  top: 0px; }
  .target-container div {
    display: inline-block; }
    .target-container div.flashTarget {
      animation: flashShadow 1.5s linear 1; }
      .target-container div.flashTarget *.k-state-focused {
        animation: hideShadow 1.5s linear 1; }
  .target-container .title {
    color: #2059A8;
    font-size: 9px;
    font-weight: bold;
    display: inline-block;
    margin-top: 13px;
    margin-bottom: 3px; }
  .target-container .targetLevel {
    width: 91px;
    border-color: #B1B3B6; }
    .target-container .targetLevel .k-dropdown-wrap {
      height: 36px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      color: #58595b; }
      .target-container .targetLevel .k-dropdown-wrap .k-input {
        text-overflow: clip;
        line-height: 14px;
        width: 70px;
        margin-top: 7px;
        text-indent: 0;
        margin-left: 12px; }
      .target-container .targetLevel .k-dropdown-wrap .k-select .k-icon {
        left: 6px;
        top: -2px; }
        .target-container .targetLevel .k-dropdown-wrap .k-select .k-icon:before {
          content: "\e015";
          font-family: 'WebComponentsIcons'; }
      .target-container .targetLevel .k-dropdown-wrap.k-state-disabled {
        border-right: 0; }
        .target-container .targetLevel .k-dropdown-wrap.k-state-disabled .k-select .k-icon {
          display: none; }
  .target-container .targetSearch {
    font-weight: 600;
    width: 551px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: #f3f3f3;
    color: #58595b;
    height: 38px; }
    .target-container .targetSearch .k-icon.k-i-loading {
      right: 8px;
      bottom: 11px; }
    .target-container .targetSearch.k-state-disabled {
      border-left: 0px; }
    .target-container .targetSearch input {
      padding-top: 3px; }
  .target-container span.targetSearch:not(.k-state-disabled) .k-input {
    padding-left: 25px;
    width: calc(100% - 25px) !important;
    background-image: url(img/header/target-logo.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 9px;
    background-size: 20px 20px;
    height: 30px;
    border: none;
    border-left: 0; }

#targetSearch-list {
  padding: 0; }
  #targetSearch-list .k-item span {
    padding-left: 32px;
    width: calc(100% - 32px) !important;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 4px;
    background-size: 16px 10px; }
    #targetSearch-list .k-item span.mailing {
      background-image: url(img/header/grey-users.png); }
  #targetSearch-list .k-footer {
    height: 39px;
    border-top: 1px solid #B1B3B6; }
    #targetSearch-list .k-footer a {
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      height: 100%;
      padding-left: 38px;
      width: calc(100% - 38px) !important;
      background-image: url(img/header/blue-users.png);
      background-repeat: no-repeat;
      background-position-y: center;
      background-position-x: 10px;
      background-size: 19px 16px;
      text-decoration: none; }
    #targetSearch-list .k-footer a:visited {
      color: #2059A8; }

@keyframes flashShadow {
  0% {
    box-shadow: 0px 0px 5px 3px rgba(250, 143, 46, 0); }
  50% {
    box-shadow: 0px 0px 8px 3px rgba(250, 143, 46, 0.7); }
  100% {
    box-shadow: 0px 0px 5px 3px rgba(250, 143, 46, 0); } }

@keyframes hideShadow {
  0% {
    box-shadow: none; }
  80% {
    box-shadow: none; }
  100% { } }

/* customisation for IE/edge*/
.k-edge .target-container .title, .k-ie .target-container .title {
  font-weight: normal; }

.k-edge .k-autocomplete > .k-i-close, .k-ie .k-autocomplete > .k-i-close {
  margin-right: 11px;
  font-size: 24px;
  color: #666666;
  margin-top: 1px; }

/*------------------------------------*    #notification manager
\*------------------------------------*/
/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
/*------------------------------------*    notification Manager
\*------------------------------------*/
.notificationManager-container {
  width: 250px;
  display: inline-block;
  position: absolute;
  left: 890px;
  top: 0px; }
  .notificationManager-container .title {
    color: #2059A8;
    font-size: 9px;
    font-weight: bold;
    display: inline-block;
    margin-top: 13px;
    margin-bottom: 3px; }

@media only screen and (max-width: 1366px) {
  .k-tabstrip .k-content .notification-container > div {
    width: calc(100vw - 222px - 30px - 30px); } }

@media only screen and (min-width: 1367px) {
  .k-tabstrip .k-content .notification-container > div {
    width: calc(100vw - 222px - 52px - 52px); } }

.k-tabstrip .k-content .notification-container .hover {
  position: absolute;
  top: 57px;
  z-index: 1000;
  /*
            @media only screen and (max-width: 1366px) {
                width: calc(100vw - 222px - 30px - 30px);
            }
            @media only screen and (min-width: 1367px) {
                width: calc(100vw - 222px - 52px - 52px);
            }
                */ }

/* customisation for IE/edge*/
.k-edge .target-container .title, .k-ie .target-container .title {
  font-weight: normal; }

/*------------------------------------*    #HOME
\*------------------------------------*/
/*------------------------------------*    #FILE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
.home {
  width: 100%;
  min-width: 1240px;
  position: relative;
  height: calc(100vh - 81px);
  display: flex; }
  .home .sidebar-wrapper {
    width: 222px;
    height: 100%;
    min-height: 470px;
    display: inline-block; }
    .home .sidebar-wrapper .sidebar-container {
      width: 222px;
      position: relative;
      z-index: 3;
      background-color: #212433;
      height: 100%;
      overflow: hidden; }
      .home .sidebar-wrapper .sidebar-container:hover {
        overflow: auto; }
  .home .content-wrapper {
    position: absolute;
    left: 220px;
    display: block;
    /*
        height: $app-height;
        min-height: $app-content-min-height;
        */
    /*flex: 1;*/
    /*position: relative;*/ }

html:not(.k-ie):not(.k-safari) .home .content-wrapper.ng-animate {
  transition: 0.5s ease-in-out; }

html:not(.k-ie):not(.k-safari) .home .content-wrapper.ng-enter {
  opacity: 0; }

html:not(.k-ie):not(.k-safari) .home .content-wrapper.ng-enter.ng-enter-active {
  opacity: 1; }

html:not(.k-ie):not(.k-safari) .home .content-wrapper.ng-leave {
  opacity: 1; }

html:not(.k-ie):not(.k-safari) .home .content-wrapper.ng-leave.ng-leave-active {
  opacity: 0; }

/*------------------------------------*    #SUBMENU
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
.tab-pane {
  height: 100%; }

.tab-content {
  display: inline-flex;
  flex: 1; }

.tab-content > .active {
  display: flex;
  flex: 1; }

.uib-tab a.nav-link {
  text-transform: uppercase; }

.uib-tab.active a.nav-link {
  color: #2059a8; }

.nav-tabs {
  background-color: #f8f8f8;
  height: 55px;
  background: url(img/sidemenu/background.png) repeat-x; }

li.uib-tab:nth-of-type(1) {
  margin-left: 52px; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {
  background-color: transparent;
  border: none;
  padding-top: 0; }

.nav-tabs > li > a {
  background-color: transparent;
  border: none;
  padding-top: 0; }

li.uib-tab.nav-item.ng-scope.ng-isolate-scope {
  height: 54px;
  margin-right: 37px;
  padding-top: 19px; }
  li.uib-tab.nav-item.ng-scope.ng-isolate-scope.active {
    border-bottom: 5px solid #2059a8; }

.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: transparent;
  border: none;
  color: #2059a8; }

.nav-tabs > li.active > a {
  font-weight: bold; }

.nav-tabs > li > a:hover {
  border: none; }

.nav > li > a:hover {
  background-color: transparent; }

.nav > li > a {
  position: relative;
  display: block;
  padding: 0; }

.nav > li.disabled > a {
  color: #d7d7d7; }
  .nav > li.disabled > a:hover {
    color: #d7d7d7; }
  .nav > li.disabled > a:focus {
    color: #d7d7d7; }

a.nav-link {
  color: #6e6e6e; }

a.nav-link:hover {
  color: #2059a8; }

.vbox.boxItem.ng-isolate-scope {
  display: flex;
  flex: 1;
  flex-direction: column; }

li.uib-tab.nav-item.ng-scope.ng-isolate-scope.form-buttons {
  float: right;
  margin-right: 30px; }

/*------------------------------------*    #TAB-MENU
\*------------------------------------*/
/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
/*------------------------------------*    tab bar base, for every tab 
\*------------------------------------*/
/* not in the wrapper because during transition the wrapper is not there anymore*/
.k-tabstrip {
  /* trick to help the rendering during the transition state */
  width: 100%;
  height: 100%; }
  .k-tabstrip:focus {
    box-shadow: none; }
  .k-tabstrip > .k-tabstrip-items {
    height: 50px + 5; }
    .k-tabstrip > .k-tabstrip-items > .k-item {
      border: none;
      vertical-align: middle;
      background: transparent;
      text-transform: uppercase;
      margin: 0 36px 0 0; }
      .k-tabstrip > .k-tabstrip-items > .k-item > .k-complete {
        display: none; }
      .k-tabstrip > .k-tabstrip-items > .k-item > .k-link {
        padding: 0;
        line-height: 50px;
        font-weight: bold;
        color: #6e6e6e;
        font-size: 15px;
        border-bottom: 5px solid transparent; }
      .k-tabstrip > .k-tabstrip-items > .k-item.k-state-active span.k-link {
        color: #2059a8;
        border-bottom: 5px solid #2059a8; }
  .k-tabstrip .k-content {
    border: none; }

div.toolbar-container {
  float: right;
  position: relative;
  top: 50px;
  line-height: 50px;
  margin-top: -50px;
  z-index: 100; }

/*------------------------------------*    tab menu specific
\*------------------------------------*/
div[ui-view] > div {
  /* the double selector is a trick to help the rendering during the transition state (we lost the wrapper) */ }
  div[ui-view] > div > .toolbar-container {
    right: 55px; }
  div[ui-view] > div > .k-tabstrip-wrapper > .k-tabstrip > .k-tabstrip-items,
  div[ui-view] > div > .k-tabstrip > .k-tabstrip-items {
    background: url(img/sidemenu/background.png) repeat-x;
    padding-left: 52px;
    border-bottom: 1px solid #E5E5E5; }
  div[ui-view] > div > .k-tabstrip-wrapper > .k-tabstrip > .k-content,
  div[ui-view] > div > .k-tabstrip > .k-content {
    padding-top: 0px;
    padding-left: 52px;
    padding-right: 52px;
    padding-bottom: 0px;
    height: calc(100vh - 1px - 83px - 1px - 50px) !important;
    width: calc(100vw - 222px - 52px - 52px); }

/* trick to force the ul before render as tabstrip to take the same space as after render as tab*/
div[kendo-tab-strip] > ul:not(.k-tabstrip-items) {
  height: 56px;
  /* 6= bottom line + border*/
  margin: 0;
  overflow: hidden;
  width: calc(100vw - 222px);
  padding-left: 52px; }

@media only screen and (max-width: 1366px) {
  div[ui-view] > div > .k-tabstrip-wrapper > .k-tabstrip > .k-tabstrip-items {
    padding-left: 30px; }
  div[ui-view] > div > .k-tabstrip-wrapper > .k-tabstrip > .k-content {
    padding-left: 30px;
    padding-right: 30px;
    width: calc(100vw - 222px - 30px - 30px); } }

/*------------------------------------*    tab inside a detail template of a grid
\*------------------------------------*/
.k-grid td.k-detail-cell .k-tabstrip > .k-tabstrip-items {
  margin-left: 18px; }

.k-grid td.k-detail-cell .k-tabstrip > .k-content {
  border: 1px solid #c9c4c3;
  margin-bottom: 15px; }

/*------------------------------------*    #DASHBOARD
\*------------------------------------*/
/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
.no-data {
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 20px;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  vertical-align: top;
  display: inline-block;
  text-align: center;
  z-index: 100; }
  .no-data span.caption {
    display: block;
    font-size: 35px;
    color: #2059a8; }
  .no-data span.caption2 {
    display: block;
    font-size: 22px;
    color: black; }

.dashboard-nodata {
  width: 64px;
  height: 39px; }

.dashboard-section-container {
  z-index: 0;
  opacity: 1; }

.dashboard-section-container.empty-data {
  opacity: 0.1; }

.dashboard-container .dashboardPage {
  min-width: 840px; }
  .dashboard-container .dashboardPage .dateRange-container .radioButtonGroup button.ng-binding.ng-scope.k-button.lightGrey {
    min-width: 83px; }
  .dashboard-container .dashboardPage .dateRange-container .textbox-label {
    font-size: 13.5px;
    color: #636466; }
  .dashboard-container .dashboardPage .dateRange-container input.k-textbox.textbox.icon-right.calendar {
    font-size: 13.5px; }
  .dashboard-container .dashboardPage .search-container {
    /*font-size: $font-size;*/
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: right; }
    .dashboard-container .dashboardPage .search-container > label {
      float: left;
      position: relative;
      top: 7px;
      text-align: left;
      font-size: 11px;
      font-style: italic; }
    .dashboard-container .dashboardPage .search-container .dateRange-container {
      display: inline-block;
      /*width: 405px;*/
      /*min-height: 80px;*/
      /*float: right;*/
      text-align: left; }
      .dashboard-container .dashboardPage .search-container .dateRange-container .date {
        display: inline-block;
        /*width: 260px;*/
        /*margin-right: 32px;*/
        margin-right: 17px; }
        .dashboard-container .dashboardPage .search-container .dateRange-container .date .dateRange-label {
          display: none;
          margin-left: 20px; }
        .dashboard-container .dashboardPage .search-container .dateRange-container .date input {
          letter-spacing: 2px; }
          .dashboard-container .dashboardPage .search-container .dateRange-container .date input::-ms-clear {
            width: 0;
            height: 0; }
      .dashboard-container .dashboardPage .search-container .dateRange-container .range {
        display: inline-block; }
  .dashboard-container .dashboardPage .graph-container {
    color: #636466;
    border-bottom: 1px solid #cac5c4;
    border-top: 1px solid #cac5c4; }
    .dashboard-container .dashboardPage .graph-container ul {
      width: 220px;
      display: inline-block;
      margin: 0;
      padding: 0; }
      .dashboard-container .dashboardPage .graph-container ul li {
        display: inline-block; }
      .dashboard-container .dashboardPage .graph-container ul li.filtered,
      .dashboard-container .dashboardPage .graph-container ul li.delivered,
      .dashboard-container .dashboardPage .graph-container ul li.blocked {
        width: 215px;
        /*height: 100px;*/
        padding-top: 17px;
        padding-bottom: 17px; }
        .dashboard-container .dashboardPage .graph-container ul li.filtered .title,
        .dashboard-container .dashboardPage .graph-container ul li.delivered .title,
        .dashboard-container .dashboardPage .graph-container ul li.blocked .title {
          font-size: 12.5px;
          display: block; }
        .dashboard-container .dashboardPage .graph-container ul li.filtered > span:not(.trend),
        .dashboard-container .dashboardPage .graph-container ul li.delivered > span:not(.trend),
        .dashboard-container .dashboardPage .graph-container ul li.blocked > span:not(.trend) {
          font-size: 40px;
          display: block;
          font-weight: bold;
          margin-top: 3px;
          margin-bottom: 3px; }
        .dashboard-container .dashboardPage .graph-container ul li.filtered > span.trend,
        .dashboard-container .dashboardPage .graph-container ul li.delivered > span.trend,
        .dashboard-container .dashboardPage .graph-container ul li.blocked > span.trend {
          font-size: 11px;
          display: block; }
        .dashboard-container .dashboardPage .graph-container ul li.filtered .filtered,
        .dashboard-container .dashboardPage .graph-container ul li.delivered .filtered,
        .dashboard-container .dashboardPage .graph-container ul li.blocked .filtered {
          color: #2059a8; }
        .dashboard-container .dashboardPage .graph-container ul li.filtered .delivered,
        .dashboard-container .dashboardPage .graph-container ul li.delivered .delivered,
        .dashboard-container .dashboardPage .graph-container ul li.blocked .delivered {
          color: #29c3ec; }
        .dashboard-container .dashboardPage .graph-container ul li.filtered .blocked,
        .dashboard-container .dashboardPage .graph-container ul li.delivered .blocked,
        .dashboard-container .dashboardPage .graph-container ul li.blocked .blocked {
          color: #F8933C; }
      .dashboard-container .dashboardPage .graph-container ul li.delivered {
        border-bottom: 1px solid #cac5c4;
        border-top: 1px solid #cac5c4; }
    .dashboard-container .dashboardPage .graph-container .graph {
      display: inline-block;
      width: calc(100vw - 222px - 52px - 52px - 220px - 4px - 64px);
      background-color: #f8f8f8;
      border-radius: 8px;
      float: right;
      padding: 25px;
      margin-top: 20px; }
      @media only screen and (max-width: 1366px) {
        .dashboard-container .dashboardPage .graph-container .graph {
          width: calc(100vw - 222px - 30px - 30px - 220px - 4px - 64px); } }
      .dashboard-container .dashboardPage .graph-container .graph .k-chart {
        height: 220px; }
  .dashboard-container .dashboardPage .stats-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: space-between;
    align-items: center;
    height: 300px;
    margin-top: 35px; }
    .dashboard-container .dashboardPage .stats-container .threats,
    .dashboard-container .dashboardPage .stats-container .policies,
    .dashboard-container .dashboardPage .stats-container .system {
      width: calc(50% - 8px);
      background-color: #f8f8f8;
      border-radius: 8px;
      padding-bottom: 8px; }
      .dashboard-container .dashboardPage .stats-container .threats span.title.no-system-details,
      .dashboard-container .dashboardPage .stats-container .policies span.title.no-system-details,
      .dashboard-container .dashboardPage .stats-container .system span.title.no-system-details {
        border-bottom: none !important; }
      .dashboard-container .dashboardPage .stats-container .threats > .title,
      .dashboard-container .dashboardPage .stats-container .policies > .title,
      .dashboard-container .dashboardPage .stats-container .system > .title {
        display: block;
        padding: 10px 10px 10px 16px;
        border-bottom: 1px solid #cac5c4;
        color: #58595b; }
        .dashboard-container .dashboardPage .stats-container .threats > .title label,
        .dashboard-container .dashboardPage .stats-container .policies > .title label,
        .dashboard-container .dashboardPage .stats-container .system > .title label {
          font-size: 15px; }
        .dashboard-container .dashboardPage .stats-container .threats > .title .total,
        .dashboard-container .dashboardPage .stats-container .policies > .title .total,
        .dashboard-container .dashboardPage .stats-container .system > .title .total {
          font-weight: bold;
          color: #F8933C; }
      .dashboard-container .dashboardPage .stats-container .threats ul,
      .dashboard-container .dashboardPage .stats-container .policies ul,
      .dashboard-container .dashboardPage .stats-container .system ul {
        list-style-type: none;
        padding: 0;
        margin: 0; }
        .dashboard-container .dashboardPage .stats-container .threats ul li,
        .dashboard-container .dashboardPage .stats-container .policies ul li,
        .dashboard-container .dashboardPage .stats-container .system ul li {
          display: inline-block;
          width: calc(50% - 4px);
          padding-left: 16px;
          padding-right: 16px;
          box-sizing: border-box;
          margin-top: 11px; }
          .dashboard-container .dashboardPage .stats-container .threats ul li .title,
          .dashboard-container .dashboardPage .stats-container .policies ul li .title,
          .dashboard-container .dashboardPage .stats-container .system ul li .title {
            display: block;
            font-size: 12.5px;
            font-family: "Lato";
            color: #58595b; }
          .dashboard-container .dashboardPage .stats-container .threats ul li .k-progressbar,
          .dashboard-container .dashboardPage .stats-container .policies ul li .k-progressbar,
          .dashboard-container .dashboardPage .stats-container .system ul li .k-progressbar {
            height: 8px;
            width: 100%;
            margin-top: -5px; }
            .dashboard-container .dashboardPage .stats-container .threats ul li .k-progressbar.k-progressbar-indeterminate,
            .dashboard-container .dashboardPage .stats-container .policies ul li .k-progressbar.k-progressbar-indeterminate,
            .dashboard-container .dashboardPage .stats-container .system ul li .k-progressbar.k-progressbar-indeterminate {
              background: none;
              background-color: #f5f5f5; }
            .dashboard-container .dashboardPage .stats-container .threats ul li .k-progressbar .k-state-selected,
            .dashboard-container .dashboardPage .stats-container .policies ul li .k-progressbar .k-state-selected,
            .dashboard-container .dashboardPage .stats-container .system ul li .k-progressbar .k-state-selected {
              background-color: #F8933C;
              border-color: #F8933C;
              left: 0;
              top: 0;
              height: 6px; }
            .dashboard-container .dashboardPage .stats-container .threats ul li .k-progressbar .k-progress-status,
            .dashboard-container .dashboardPage .stats-container .policies ul li .k-progressbar .k-progress-status,
            .dashboard-container .dashboardPage .stats-container .system ul li .k-progressbar .k-progress-status {
              color: #F8933C;
              position: relative;
              top: -30px;
              font-weight: bold; }
            .dashboard-container .dashboardPage .stats-container .threats ul li .k-progressbar .k-progress-status-wrap,
            .dashboard-container .dashboardPage .stats-container .policies ul li .k-progressbar .k-progress-status-wrap,
            .dashboard-container .dashboardPage .stats-container .system ul li .k-progressbar .k-progress-status-wrap {
              border: none;
              height: 6px;
              left: 0;
              top: 0; }
    .dashboard-container .dashboardPage .stats-container .threats .spoofing .title span {
      float: right;
      font-size: 15px;
      color: #939598;
      margin-right: -13px; }
    .dashboard-container .dashboardPage .stats-container .system {
      flex-grow: 0;
      margin-top: 16px; }
    .dashboard-container .dashboardPage .stats-container .k-widget.k-progressbar.k-progressbar-horizontal {
      border: none;
      background-color: white; }

.k-tooltip.k-chart-tooltip {
  font-size: 12.5px;
  font-family: "Lato";
  line-height: 20px;
  display: inline-block; }

.k-widget.k-tooltip:not(.k-tooltip-validation) {
  /*
    border-color: #58595b;
    background-color: #58595b;
    */
  border-color: #000;
  background-color: #000;
  color: #fff; }
  .k-widget.k-tooltip:not(.k-tooltip-validation) .spoofingTooltip {
    width: 100px;
    display: block;
    font-size: 13px; }
    .k-widget.k-tooltip:not(.k-tooltip-validation) .spoofingTooltip > span {
      text-align: left;
      display: block; }
      .k-widget.k-tooltip:not(.k-tooltip-validation) .spoofingTooltip > span > span {
        float: right; }

/* for the export feature */
div[ui-view] > div > .k-tabstrip-wrapper > .k-tabstrip >
.k-content.dashboardPage.k-pdf-export {
  height: 8.5in !important; }
  div[ui-view] > div > .k-tabstrip-wrapper > .k-tabstrip >
.k-content.dashboardPage.k-pdf-export .export-title {
    display: inline-block !important; }
  div[ui-view] > div > .k-tabstrip-wrapper > .k-tabstrip >
.k-content.dashboardPage.k-pdf-export .bottom {
    display: inline-block !important;
    bottom: 0 !important; }
  div[ui-view] > div > .k-tabstrip-wrapper > .k-tabstrip >
.k-content.dashboardPage.k-pdf-export .search-container .dateRange-container .date .dateRange-label {
    display: inline-block; }
  div[ui-view] > div > .k-tabstrip-wrapper > .k-tabstrip >
.k-content.dashboardPage.k-pdf-export .search-container .dateRange-container .date input {
    display: none; }
  div[ui-view] > div > .k-tabstrip-wrapper > .k-tabstrip >
.k-content.dashboardPage.k-pdf-export .search-container .dateRange-container .range {
    display: none; }

html.k-ff div[ui-view] > div > .k-tabstrip-wrapper > .k-tabstrip >
.k-content.dashboardPage .stats-container {
  height: 305px; }

/*------------------------------------*    #QUARANTINE
\*------------------------------------*/
/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
.quarantine-container .messagePage .notification-container {
  border: solid 1px transparent;
  min-height: 60px;
  display: block; }
  .quarantine-container .messagePage .notification-container .k-notification .k-i-info {
    margin-right: 5px; }
    .quarantine-container .messagePage .notification-container .k-notification .k-i-info::before {
      content: "\e809"; }

.quarantine-container .messagePage .search-container {
  font-size: 13.5px;
  margin-top: -10px;
  overflow: auto;
  /*trick to make sur we see the focus shadow*/
  margin-left: -5px;
  padding-left: 5px; }
  .quarantine-container .messagePage .search-container .searchBox-container {
    display: inline-block;
    min-height: 80px;
    margin-top: 21px; }
    .quarantine-container .messagePage .search-container .searchBox-container .search input[type='text'].textbox {
      width: auto;
      min-width: 160px;
      margin-right: 10px; }
    .quarantine-container .messagePage .search-container .searchBox-container .filter {
      margin-top: 9px; }
      .quarantine-container .messagePage .search-container .searchBox-container .filter > label {
        margin-right: 20px; }
      .quarantine-container .messagePage .search-container .searchBox-container .filter > span {
        float: right;
        color: #2059a8;
        cursor: pointer; }
        .quarantine-container .messagePage .search-container .searchBox-container .filter > span:hover span:first-child {
          text-decoration: underline; }
  .quarantine-container .messagePage .search-container .searchButton-container {
    display: inline-block;
    min-height: 60px; }
  .quarantine-container .messagePage .search-container .dateRefresh-container {
    display: inline-block;
    min-height: 80px; }
    .quarantine-container .messagePage .search-container .dateRefresh-container .date {
      display: inline-block;
      width: 252px;
      /*margin-right: 32px;*/
      margin-right: 17px; }
      .quarantine-container .messagePage .search-container .dateRefresh-container .date input {
        letter-spacing: 2px; }
        .quarantine-container .messagePage .search-container .dateRefresh-container .date input::-ms-clear {
          width: 0;
          height: 0; }

.quarantine-container .messagePage .grid-container th[data-title="Category"] a.k-grid-filter {
  float: none;
  margin-left: 10px;
  /*
                        padding: 3px;
                        padding-bottom: 6px;
                        position: absolute;
                        */ }

.quarantine-container .messagePage .grid-container th[data-title="Category"] > span {
  float: left; }

.quarantine-container .messagePage .grid-container tr {
  /* date time column*/
  /*
                .category {
                    display: inline-block;
                    @media only screen and (max-width: 1366px) {
                        @include multiLineEllipsis($lineHeight: $lineHeightGrid, $lineCount: 2, $bgColor: white);
                    }
                    @media only screen and (min-width: 1367px) {
                        @include multiLineEllipsis($lineHeight: $lineHeightGrid, $lineCount: 1, $bgColor: white);
                    }

                    min-width: 105px;
                    max-width: 150px;
                }
                */
  /*because of the hack with multiLineEllipsis*/ }
  .quarantine-container .messagePage .grid-container tr .subject {
    display: block;
    min-width: calc((100vw - 326px - 200px) * 0.2);
    max-width: calc((100vw - 326px - 200px) * 0.5); }
    @media only screen and (max-width: 1366px) {
      .quarantine-container .messagePage .grid-container tr .subject {
        overflow: hidden;
        position: relative;
        line-height: 1.2em;
        max-height: 2.4em;
        text-align: justify;
        /*margin-right: -1em;*/
        padding-right: 1em; }
        .quarantine-container .messagePage .grid-container tr .subject:before {
          content: '...';
          position: absolute;
          right: 0;
          bottom: 0; }
        .quarantine-container .messagePage .grid-container tr .subject:after {
          content: '';
          position: absolute;
          right: 0;
          width: 1em;
          height: 1em;
          margin-top: 0.2em;
          background: white; } }
    @media only screen and (min-width: 1367px) {
      .quarantine-container .messagePage .grid-container tr .subject {
        overflow: hidden;
        position: relative;
        line-height: 1.2em;
        max-height: 1.2em;
        text-align: justify;
        /*margin-right: -1em;*/
        padding-right: 1em; }
        .quarantine-container .messagePage .grid-container tr .subject:before {
          content: '...';
          position: absolute;
          right: 0;
          bottom: 0; }
        .quarantine-container .messagePage .grid-container tr .subject:after {
          content: '';
          position: absolute;
          right: 0;
          width: 1em;
          height: 1em;
          margin-top: 0.2em;
          background: white; } }
  .quarantine-container .messagePage .grid-container tr .from,
  .quarantine-container .messagePage .grid-container tr .to {
    display: inline-block;
    padding-right: 10px;
    min-width: calc((100vw - 326px - 200px) * 0.1);
    max-width: calc((100vw - 326px - 200px) * 0.4); }
    @media only screen and (max-width: 1366px) {
      .quarantine-container .messagePage .grid-container tr .from,
      .quarantine-container .messagePage .grid-container tr .to {
        overflow: hidden;
        position: relative;
        line-height: 1.2em;
        max-height: 2.4em;
        text-align: justify;
        /*margin-right: -1em;*/
        padding-right: 1em; }
        .quarantine-container .messagePage .grid-container tr .from:before,
        .quarantine-container .messagePage .grid-container tr .to:before {
          content: '...';
          position: absolute;
          right: 0;
          bottom: 0; }
        .quarantine-container .messagePage .grid-container tr .from:after,
        .quarantine-container .messagePage .grid-container tr .to:after {
          content: '';
          position: absolute;
          right: 0;
          width: 1em;
          height: 1em;
          margin-top: 0.2em;
          background: white; } }
    @media only screen and (min-width: 1367px) {
      .quarantine-container .messagePage .grid-container tr .from,
      .quarantine-container .messagePage .grid-container tr .to {
        overflow: hidden;
        position: relative;
        line-height: 1.2em;
        max-height: 1.2em;
        text-align: justify;
        /*margin-right: -1em;*/
        padding-right: 1em; }
        .quarantine-container .messagePage .grid-container tr .from:before,
        .quarantine-container .messagePage .grid-container tr .to:before {
          content: '...';
          position: absolute;
          right: 0;
          bottom: 0; }
        .quarantine-container .messagePage .grid-container tr .from:after,
        .quarantine-container .messagePage .grid-container tr .to:after {
          content: '';
          position: absolute;
          right: 0;
          width: 1em;
          height: 1em;
          margin-top: 0.2em;
          background: white; } }
  .quarantine-container .messagePage .grid-container tr td:nth-child(5),
  .quarantine-container .messagePage .grid-container tr th:nth-child(5) {
    min-width: 85px;
    width: 107px;
    max-width: 115px; }
    @media only screen and (max-width: 1366px) {
      .quarantine-container .messagePage .grid-container tr td:nth-child(5),
      .quarantine-container .messagePage .grid-container tr th:nth-child(5) {
        width: 85px; } }
  .quarantine-container .messagePage .grid-container tr span.category {
    white-space: nowrap; }
  .quarantine-container .messagePage .grid-container tr.k-alt .messageView .headers-list .Received:after,
  .quarantine-container .messagePage .grid-container tr.k-alt .from:after,
  .quarantine-container .messagePage .grid-container tr.k-alt .to:after,
  .quarantine-container .messagePage .grid-container tr.k-alt .subject:after,
  .quarantine-container .messagePage .grid-container tr.k-alt .category:after {
    background: #f9f9f9; }
  .quarantine-container .messagePage .grid-container tr:hover .from:after,
  .quarantine-container .messagePage .grid-container tr:hover .to:after,
  .quarantine-container .messagePage .grid-container tr:hover .subject:after,
  .quarantine-container .messagePage .grid-container tr:hover .category:after {
    background: #E5E5E5; }

div.k-loading-mask {
  z-index: 3;
  /* must be larger than the z-index:2 of #container */ }

ul.quarantineContextMenu-Action {
  min-width: 359px; }

html.k-safari .messagePage .grid-container tr td:nth-child(5) {
  width: 110px; }

html.k-ff .messagePage .grid-container th[data-title="Category"] a.k-grid-filter {
  position: absolute; }

/*------------------------------------*    #MESSAGE LOG
\*------------------------------------*/
/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
.messageLog-container .messageLogPage .search-container {
  font-size: 13.5px;
  margin-top: 40px;
  margin-bottom: 20px;
  overflow: auto;
  /*trick to make sur we see the focus shadow*/
  margin-left: -5px;
  padding-left: 5px; }
  .messageLog-container .messageLogPage .search-container button {
    margin-top: -1px; }
  .messageLog-container .messageLogPage .search-container .searchBox-container {
    display: inline-block;
    min-height: 80px; }
    .messageLog-container .messageLogPage .search-container .searchBox-container input.textbox[type='text'] {
      width: auto;
      min-width: 160px;
      margin-right: 10px; }
    .messageLog-container .messageLogPage .search-container .searchBox-container .filter {
      display: inline-block;
      margin-top: 7px; }
      .messageLog-container .messageLogPage .search-container .searchBox-container .filter > label {
        margin-right: 20px; }
      .messageLog-container .messageLogPage .search-container .searchBox-container .filter > span {
        float: right;
        color: #2059a8;
        cursor: pointer; }
        .messageLog-container .messageLogPage .search-container .searchBox-container .filter > span:hover span:first-child {
          text-decoration: underline; }
  .messageLog-container .messageLogPage .search-container .filter-InOut {
    display: inline-block;
    margin-left: 10px; }
    @media only screen and (max-width: 1366px) {
      .messageLog-container .messageLogPage .search-container .filter-InOut .radioButtonGroup button {
        min-width: 80px; } }
  .messageLog-container .messageLogPage .search-container .dateRefresh-container {
    display: inline-block;
    min-height: 80px;
    margin: 0px 20px; }
    .messageLog-container .messageLogPage .search-container .dateRefresh-container .date {
      display: inline-block;
      width: 305px; }
      .messageLog-container .messageLogPage .search-container .dateRefresh-container .date input.textbox[type='text'] {
        width: 300px;
        letter-spacing: 1px; }
        .messageLog-container .messageLogPage .search-container .dateRefresh-container .date input.textbox[type='text']::-ms-clear {
          width: 0;
          height: 0; }
  .messageLog-container .messageLogPage .search-container .search-button {
    display: inline-block; }

.messageLog-container .messageLogPage .grid-container th[data-field="Subject"] a.k-grid-filter, .messageLog-container .messageLogPage .grid-container th[data-field="Status"] a.k-grid-filter, .messageLog-container .messageLogPage .grid-container th[data-field="SenderIp"] a.k-grid-filter {
  float: none;
  margin-left: 10px; }

.messageLog-container .messageLogPage .grid-container th[data-field="Subject"] > span, .messageLog-container .messageLogPage .grid-container th[data-field="Status"] > span, .messageLog-container .messageLogPage .grid-container th[data-field="SenderIp"] > span {
  float: left; }

.messageLog-container .messageLogPage .grid-container tr {
  /* date time column*/
  /*because of the hack with multiLineEllipsis*/ }
  .messageLog-container .messageLogPage .grid-container tr .subject {
    display: block;
    min-width: calc((100vw - 326px - 200px) * 0.2);
    max-width: calc((100vw - 326px - 200px) * 0.5); }
    @media only screen and (max-width: 1366px) {
      .messageLog-container .messageLogPage .grid-container tr .subject {
        overflow: hidden;
        position: relative;
        line-height: 1.2em;
        max-height: 2.4em;
        text-align: justify;
        /*margin-right: -1em;*/
        padding-right: 1em; }
        .messageLog-container .messageLogPage .grid-container tr .subject:before {
          content: '...';
          position: absolute;
          right: 0;
          bottom: 0; }
        .messageLog-container .messageLogPage .grid-container tr .subject:after {
          content: '';
          position: absolute;
          right: 0;
          width: 1em;
          height: 1em;
          margin-top: 0.2em;
          background: white; } }
    @media only screen and (min-width: 1367px) {
      .messageLog-container .messageLogPage .grid-container tr .subject {
        overflow: hidden;
        position: relative;
        line-height: 1.2em;
        max-height: 1.2em;
        text-align: justify;
        /*margin-right: -1em;*/
        padding-right: 1em; }
        .messageLog-container .messageLogPage .grid-container tr .subject:before {
          content: '...';
          position: absolute;
          right: 0;
          bottom: 0; }
        .messageLog-container .messageLogPage .grid-container tr .subject:after {
          content: '';
          position: absolute;
          right: 0;
          width: 1em;
          height: 1em;
          margin-top: 0.2em;
          background: white; } }
  .messageLog-container .messageLogPage .grid-container tr .from,
  .messageLog-container .messageLogPage .grid-container tr .to {
    display: inline-block;
    padding-right: 10px;
    min-width: calc((100vw - 326px - 200px) * 0.1);
    max-width: calc((100vw - 326px - 200px) * 0.4); }
    @media only screen and (max-width: 1366px) {
      .messageLog-container .messageLogPage .grid-container tr .from,
      .messageLog-container .messageLogPage .grid-container tr .to {
        overflow: hidden;
        position: relative;
        line-height: 1.2em;
        max-height: 2.4em;
        text-align: justify;
        /*margin-right: -1em;*/
        padding-right: 1em; }
        .messageLog-container .messageLogPage .grid-container tr .from:before,
        .messageLog-container .messageLogPage .grid-container tr .to:before {
          content: '...';
          position: absolute;
          right: 0;
          bottom: 0; }
        .messageLog-container .messageLogPage .grid-container tr .from:after,
        .messageLog-container .messageLogPage .grid-container tr .to:after {
          content: '';
          position: absolute;
          right: 0;
          width: 1em;
          height: 1em;
          margin-top: 0.2em;
          background: white; } }
    @media only screen and (min-width: 1367px) {
      .messageLog-container .messageLogPage .grid-container tr .from,
      .messageLog-container .messageLogPage .grid-container tr .to {
        overflow: hidden;
        position: relative;
        line-height: 1.2em;
        max-height: 1.2em;
        text-align: justify;
        /*margin-right: -1em;*/
        padding-right: 1em; }
        .messageLog-container .messageLogPage .grid-container tr .from:before,
        .messageLog-container .messageLogPage .grid-container tr .to:before {
          content: '...';
          position: absolute;
          right: 0;
          bottom: 0; }
        .messageLog-container .messageLogPage .grid-container tr .from:after,
        .messageLog-container .messageLogPage .grid-container tr .to:after {
          content: '';
          position: absolute;
          right: 0;
          width: 1em;
          height: 1em;
          margin-top: 0.2em;
          background: white; } }
  .messageLog-container .messageLogPage .grid-container tr td:nth-child(5),
  .messageLog-container .messageLogPage .grid-container tr th:nth-child(5) {
    min-width: 85px;
    width: 107px;
    max-width: 115px; }
    @media only screen and (max-width: 1366px) {
      .messageLog-container .messageLogPage .grid-container tr td:nth-child(5),
      .messageLog-container .messageLogPage .grid-container tr th:nth-child(5) {
        width: 85px; } }
  .messageLog-container .messageLogPage .grid-container tr .senderIp {
    letter-spacing: 2px; }
  .messageLog-container .messageLogPage .grid-container tr.k-alt .messageView .headers-list .Received:after,
  .messageLog-container .messageLogPage .grid-container tr.k-alt .from:after,
  .messageLog-container .messageLogPage .grid-container tr.k-alt .to:after,
  .messageLog-container .messageLogPage .grid-container tr.k-alt .subject:after,
  .messageLog-container .messageLogPage .grid-container tr.k-alt .category:after {
    background: #f9f9f9; }
  .messageLog-container .messageLogPage .grid-container tr:hover .from:after,
  .messageLog-container .messageLogPage .grid-container tr:hover .to:after,
  .messageLog-container .messageLogPage .grid-container tr:hover .subject:after,
  .messageLog-container .messageLogPage .grid-container tr:hover .category:after {
    background: #E5E5E5; }

html.k-safari .messageLog-container .grid-container tr td:nth-child(5) {
  width: 115px; }

html.k-ff .messageLog-container .grid-container th[data-title="Subject"] a.k-grid-filter,
html.k-ff .messageLog-container .grid-container th[data-title="Status"] a.k-grid-filter,
html.k-ff .messageLog-container .grid-container th[data-title="Origin Ip"] a.k-grid-filter {
  position: absolute; }

html.k-ie .messageLog-container .searchBox-container {
  width: 520px; }

/*------------------------------------*    #message detail use by quarantine and message log
\*------------------------------------*/
/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
messages-detail .messageView {
  margin-left: 40px;
  position: relative; }
  messages-detail .messageView .reason-container {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c9c4c3; }
    messages-detail .messageView .reason-container > span {
      display: block;
      color: #2059a8;
      font-weight: bold;
      font-size: 15px;
      text-align: center; }
      messages-detail .messageView .reason-container > span .reason {
        color: #58595B; }
  messages-detail .messageView .headers-container > span:first-child {
    display: block;
    color: #2059a8;
    border-bottom: 1px solid #2059a8;
    height: 100%;
    font-weight: bold;
    font-size: 15px;
    padding-bottom: 12px;
    padding-top: 12px;
    cursor: pointer; }
    messages-detail .messageView .headers-container > span:first-child .k-icon {
      color: #2059a8;
      font-size: 24px; }
    messages-detail .messageView .headers-container > span:first-child:hover {
      background: #E5E5E5; }
  messages-detail .messageView .headers-container .headers-list:first-of-type {
    /*border-bottom:1px solid #CCCCCC;*/
    /*margin-bottom:20px;*/
    /*padding-bottom:20px;*/
    /*margin-top:20px;*/
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c9c4c3; }
  messages-detail .messageView .headers-container .headers-list > span {
    display: inline-block;
    width: 49%;
    vertical-align: top; }
    messages-detail .messageView .headers-container .headers-list > span > span {
      display: block;
      color: #212433;
      font-weight: bold;
      font-size: 15px;
      margin-bottom: 14px; }
      messages-detail .messageView .headers-container .headers-list > span > span > span {
        display: block;
        color: #51585B;
        font-weight: normal;
        font-size: 14px;
        margin-top: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 10px; }
        messages-detail .messageView .headers-container .headers-list > span > span > span.Received {
          overflow: hidden;
          position: relative;
          line-height: 1.2em;
          max-height: 3.6em;
          text-align: justify;
          /*margin-right: -1em;*/
          padding-right: 1em; }
          messages-detail .messageView .headers-container .headers-list > span > span > span.Received:before {
            content: '...';
            position: absolute;
            right: 0;
            bottom: 0; }
          messages-detail .messageView .headers-container .headers-list > span > span > span.Received:after {
            content: '';
            position: absolute;
            right: 0;
            width: 1em;
            height: 1em;
            margin-top: 0.2em;
            background: white; }
  messages-detail .messageView .message-tab iframe {
    width: 100%; }
  messages-detail .messageView .attachments-tab ul {
    list-style: none;
    padding: 0px;
    box-shadow: none; }
    messages-detail .messageView .attachments-tab ul li {
      display: inline-block;
      border: 1px solid #CBCBCB;
      border-radius: 3px;
      background-color: #F9F9F9;
      padding: 15px;
      margin: 15px;
      min-width: 200px; }
      messages-detail .messageView .attachments-tab ul li .fileName {
        color: #212433;
        font-weight: bold;
        font-size: 15px; }
      messages-detail .messageView .attachments-tab ul li .fileSize {
        display: block;
        color: #51585B;
        font-weight: normal;
        font-size: 14px; }
  messages-detail .messageView .headers-tab .k-grid tr td:first-child {
    min-width: 150px; }

div[kendo-dialog="forwardDialog"] .comments {
  margin-top: 20px; }
  div[kendo-dialog="forwardDialog"] .comments textarea {
    resize: vertical;
    max-height: 300px; }

/*------------------------------------*    #DOMAINS & USERS
\*------------------------------------*/
/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
.domainsUsers-container .domainsPage .search-container,
.domainsUsers-container .usersPage .search-container {
  font-size: 13.5px;
  margin-top: 40px;
  margin-bottom: 20px;
  overflow: auto;
  /*trick to make sur we see the focus shadow*/
  margin-left: -5px;
  padding-left: 5px; }
  .domainsUsers-container .domainsPage .search-container button,
  .domainsUsers-container .usersPage .search-container button {
    margin-top: -1px; }
  .domainsUsers-container .domainsPage .search-container .searchBox-container,
  .domainsUsers-container .usersPage .search-container .searchBox-container {
    display: inline-block;
    min-height: 80px; }
    .domainsUsers-container .domainsPage .search-container .searchBox-container .search,
    .domainsUsers-container .usersPage .search-container .searchBox-container .search {
      display: inline-block;
      width: 350px;
      float: left; }

.domainsUsers-container .domainsPage .grid-container div[kendo-grid="usersGrid"] thead tr th:nth-child(1-n+3),
.domainsUsers-container .usersPage .grid-container div[kendo-grid="usersGrid"] thead tr th:nth-child(1-n+3) {
  min-width: 300px; }

.domainsUsers-container .domainsPage .grid-container div[kendo-grid="usersGrid"] table tr td:nth-child(4),
.domainsUsers-container .usersPage .grid-container div[kendo-grid="usersGrid"] table tr td:nth-child(4) {
  cursor: pointer; }

.domainsUsers-container .domainsPage .grid-container tr,
.domainsUsers-container .usersPage .grid-container tr {
  /* users number column*/
  /*because of the hack with multiLineEllipsis*/ }
  .domainsUsers-container .domainsPage .grid-container tr .domainsAlias,
  .domainsUsers-container .domainsPage .grid-container tr .domainName,
  .domainsUsers-container .usersPage .grid-container tr .domainsAlias,
  .domainsUsers-container .usersPage .grid-container tr .domainName {
    display: inline-block;
    padding-right: 10px;
    min-width: calc((100vw - 326px - 100px) * 0.1);
    max-width: calc((100vw - 326px - 100px) * 0.9); }
    @media only screen and (max-width: 1366px) {
      .domainsUsers-container .domainsPage .grid-container tr .domainsAlias,
      .domainsUsers-container .domainsPage .grid-container tr .domainName,
      .domainsUsers-container .usersPage .grid-container tr .domainsAlias,
      .domainsUsers-container .usersPage .grid-container tr .domainName {
        overflow: hidden;
        position: relative;
        line-height: 1.2em;
        max-height: 2.4em;
        text-align: justify;
        /*margin-right: -1em;*/
        padding-right: 1em; }
        .domainsUsers-container .domainsPage .grid-container tr .domainsAlias:before,
        .domainsUsers-container .domainsPage .grid-container tr .domainName:before,
        .domainsUsers-container .usersPage .grid-container tr .domainsAlias:before,
        .domainsUsers-container .usersPage .grid-container tr .domainName:before {
          content: '...';
          position: absolute;
          right: 0;
          bottom: 0; }
        .domainsUsers-container .domainsPage .grid-container tr .domainsAlias:after,
        .domainsUsers-container .domainsPage .grid-container tr .domainName:after,
        .domainsUsers-container .usersPage .grid-container tr .domainsAlias:after,
        .domainsUsers-container .usersPage .grid-container tr .domainName:after {
          content: '';
          position: absolute;
          right: 0;
          width: 1em;
          height: 1em;
          margin-top: 0.2em;
          background: white; } }
    @media only screen and (min-width: 1367px) {
      .domainsUsers-container .domainsPage .grid-container tr .domainsAlias,
      .domainsUsers-container .domainsPage .grid-container tr .domainName,
      .domainsUsers-container .usersPage .grid-container tr .domainsAlias,
      .domainsUsers-container .usersPage .grid-container tr .domainName {
        overflow: hidden;
        position: relative;
        line-height: 1.2em;
        max-height: 1.2em;
        text-align: justify;
        /*margin-right: -1em;*/
        padding-right: 1em; }
        .domainsUsers-container .domainsPage .grid-container tr .domainsAlias:before,
        .domainsUsers-container .domainsPage .grid-container tr .domainName:before,
        .domainsUsers-container .usersPage .grid-container tr .domainsAlias:before,
        .domainsUsers-container .usersPage .grid-container tr .domainName:before {
          content: '...';
          position: absolute;
          right: 0;
          bottom: 0; }
        .domainsUsers-container .domainsPage .grid-container tr .domainsAlias:after,
        .domainsUsers-container .domainsPage .grid-container tr .domainName:after,
        .domainsUsers-container .usersPage .grid-container tr .domainsAlias:after,
        .domainsUsers-container .usersPage .grid-container tr .domainName:after {
          content: '';
          position: absolute;
          right: 0;
          width: 1em;
          height: 1em;
          margin-top: 0.2em;
          background: white; } }
  .domainsUsers-container .domainsPage .grid-container tr td:nth-child(2) a,
  .domainsUsers-container .usersPage .grid-container tr td:nth-child(2) a {
    color: #2059a8;
    font-weight: bold;
    text-decoration: none; }
  .domainsUsers-container .domainsPage .grid-container tr .k-icon,
  .domainsUsers-container .usersPage .grid-container tr .k-icon {
    color: #939598;
    margin-right: 5px; }
  .domainsUsers-container .domainsPage .grid-container tr .user-is-group,
  .domainsUsers-container .usersPage .grid-container tr .user-is-group {
    background-size: 16px 16px;
    background-image: url(img/header/grey-users.png); }
  .domainsUsers-container .domainsPage .grid-container tr .presetTarget,
  .domainsUsers-container .usersPage .grid-container tr .presetTarget {
    width: 16px;
    height: 16px;
    background-image: url(img/header/target-logo.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 16px 16px;
    cursor: pointer; }
  .domainsUsers-container .domainsPage .grid-container tr.k-alt .domainsAlias:after,
  .domainsUsers-container .domainsPage .grid-container tr.k-alt .domainName:after,
  .domainsUsers-container .usersPage .grid-container tr.k-alt .domainsAlias:after,
  .domainsUsers-container .usersPage .grid-container tr.k-alt .domainName:after {
    background: #f9f9f9; }
  .domainsUsers-container .domainsPage .grid-container tr:hover .domainsAlias:after,
  .domainsUsers-container .domainsPage .grid-container tr:hover .domainName:after,
  .domainsUsers-container .usersPage .grid-container tr:hover .domainsAlias:after,
  .domainsUsers-container .usersPage .grid-container tr:hover .domainName:after {
    background: #E5E5E5; }

/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
.domains-container .domainsPage .search-container {
  font-size: 13.5px;
  margin-top: 40px;
  margin-bottom: 20px;
  overflow: auto;
  /*trick to make sur we see the focus shadow*/
  margin-left: -5px;
  padding-left: 5px; }
  .domains-container .domainsPage .search-container button {
    margin-top: -1px; }
  .domains-container .domainsPage .search-container .searchBox-container {
    display: inline-block;
    min-height: 80px; }
    .domains-container .domainsPage .search-container .searchBox-container .search {
      display: inline-block;
      width: 350px;
      float: left; }

.domains-container .domainsPage .grid-container div[kendo-grid="usersGrid"] thead tr th:nth-child(1-n+3) {
  min-width: 300px; }

.domains-container .domainsPage .grid-container div[kendo-grid="usersGrid"] table tr td:nth-child(4) {
  cursor: pointer; }

.domains-container .domainsPage .grid-container div[kendo-grid="domainsGrid"] table tr td:nth-child(2n+1) {
  min-width: 33vw;
  max-width: 33vw; }

.domains-container .domainsPage .grid-container tr {
  /* users number column*/
  /*because of the hack with multiLineEllipsis*/ }
  .domains-container .domainsPage .grid-container tr .domainsAlias,
  .domains-container .domainsPage .grid-container tr .domainName {
    display: inline-block;
    padding-right: 10px;
    min-width: calc((100vw - 326px - 100px) * 0.1);
    max-width: calc((100vw - 326px - 100px) * 0.9); }
    @media only screen and (max-width: 1366px) {
      .domains-container .domainsPage .grid-container tr .domainsAlias,
      .domains-container .domainsPage .grid-container tr .domainName {
        overflow: hidden;
        position: relative;
        line-height: 1.2em;
        max-height: 2.4em;
        text-align: justify;
        /*margin-right: -1em;*/
        padding-right: 1em; }
        .domains-container .domainsPage .grid-container tr .domainsAlias:before,
        .domains-container .domainsPage .grid-container tr .domainName:before {
          content: '...';
          position: absolute;
          right: 0;
          bottom: 0; }
        .domains-container .domainsPage .grid-container tr .domainsAlias:after,
        .domains-container .domainsPage .grid-container tr .domainName:after {
          content: '';
          position: absolute;
          right: 0;
          width: 1em;
          height: 1em;
          margin-top: 0.2em;
          background: white; } }
    @media only screen and (min-width: 1367px) {
      .domains-container .domainsPage .grid-container tr .domainsAlias,
      .domains-container .domainsPage .grid-container tr .domainName {
        overflow: hidden;
        position: relative;
        line-height: 1.2em;
        max-height: 1.2em;
        text-align: justify;
        /*margin-right: -1em;*/
        padding-right: 1em; }
        .domains-container .domainsPage .grid-container tr .domainsAlias:before,
        .domains-container .domainsPage .grid-container tr .domainName:before {
          content: '...';
          position: absolute;
          right: 0;
          bottom: 0; }
        .domains-container .domainsPage .grid-container tr .domainsAlias:after,
        .domains-container .domainsPage .grid-container tr .domainName:after {
          content: '';
          position: absolute;
          right: 0;
          width: 1em;
          height: 1em;
          margin-top: 0.2em;
          background: white; } }
  .domains-container .domainsPage .grid-container tr td:nth-child(2) a {
    color: #2059a8;
    font-weight: bold;
    text-decoration: none; }
  .domains-container .domainsPage .grid-container tr .k-icon {
    color: #939598;
    margin-right: 5px; }
  .domains-container .domainsPage .grid-container tr .presetTarget {
    width: 16px;
    height: 16px;
    background-image: url(img/header/target-logo.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 16px 16px;
    cursor: pointer; }
  .domains-container .domainsPage .grid-container tr.k-alt .domainsAlias:after,
  .domains-container .domainsPage .grid-container tr.k-alt .domainName:after {
    background: #f9f9f9; }
  .domains-container .domainsPage .grid-container tr:hover .domainsAlias:after,
  .domains-container .domainsPage .grid-container tr:hover .domainName:after {
    background: #E5E5E5; }

/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
.users-container .usersPage .search-add-container {
  font-size: 13.5px;
  margin-top: 40px;
  margin-bottom: 20px;
  overflow: auto;
  /*trick to make sur we see the focus shadow*/
  margin-left: -5px;
  padding-left: 5px; }
  .users-container .usersPage .search-add-container button {
    margin-top: -1px; }
  .users-container .usersPage .search-add-container .searchBox-container {
    display: inline-block;
    min-height: 80px; }
    .users-container .usersPage .search-add-container .searchBox-container .search {
      display: inline-block;
      width: 350px;
      float: left; }
  .users-container .usersPage .search-add-container .add-container {
    display: inline-block;
    width: 495px;
    min-height: 80px;
    float: right; }
    .users-container .usersPage .search-add-container .add-container .add {
      display: inline-block;
      width: 350px;
      margin-right: 31px; }
      .users-container .usersPage .search-add-container .add-container .add span.k-widget.k-textbox {
        width: 350px; }
      .users-container .usersPage .search-add-container .add-container .add input.k-textbox {
        height: 38px; }
      .users-container .usersPage .search-add-container .add-container .add .k-i-close {
        display: none; }
      .users-container .usersPage .search-add-container .add-container .add span.k-icon.k-i-user {
        display: inline;
        left: 14px;
        color: #939598;
        float: left;
        top: -28px; }

.users-container .usersPage .grid-container div[kendo-grid="usersGrid"] td span {
  overflow: hidden; }

.users-container .usersPage .grid-container div[kendo-grid="usersGrid"] td span.usersName {
  display: inline-block;
  min-width: calc((100vw - 326px - 200px) * 0.2);
  max-width: calc((100vw - 326px - 200px) * 0.3);
  text-overflow: ellipsis; }

.users-container .usersPage .grid-container div[kendo-grid="usersGrid"] td span.domainName {
  display: block;
  min-width: calc((100vw - 326px - 200px) * 0.2);
  max-width: calc((100vw - 326px - 200px) * 0.3);
  text-overflow: ellipsis; }

.users-container .usersPage .grid-container div[kendo-grid="usersGrid"] td span.usersAlias {
  display: block;
  min-width: calc((100vw - 326px - 200px) * 0.2);
  max-width: calc((100vw - 326px - 200px) * 0.3);
  text-overflow: ellipsis; }

.users-container .usersPage .grid-container div[kendo-grid="usersGrid"] table tr td:nth-child(4) {
  cursor: pointer; }

.users-container .usersPage .grid-container a.k-button.k-button-icontext.k-primary.k-grid-update,
.users-container .usersPage .grid-container a.k-button.k-button-icontext.k-grid-cancel {
  height: 16px;
  text-transform: uppercase; }

.users-container .usersPage .grid-container img.delete-icon {
  width: 12px;
  height: 12px;
  cursor: pointer; }

.users-container .usersPage .grid-container .k-grid-edit {
  float: right; }

.users-container .usersPage .grid-container .k-grid-update {
  margin-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.users-container .usersPage .grid-container .k-grid-cancel {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: solid 1px grey; }

.users-container .usersPage .grid-container tr {
  /* users number column*/ }
  .users-container .usersPage .grid-container tr td {
    white-space: nowrap; }
  .users-container .usersPage .grid-container tr td:nth-child(2) a {
    color: #2059a8;
    font-weight: bold;
    text-decoration: none; }
  .users-container .usersPage .grid-container tr .k-icon {
    color: #939598;
    margin-right: 5px; }
  .users-container .usersPage .grid-container tr .user-is-group {
    background-size: 16px 16px;
    background-image: url(img/header/grey-users.png); }
  .users-container .usersPage .grid-container tr .presetTarget {
    width: 16px;
    height: 16px;
    background-image: url(img/header/target-logo.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 16px 16px;
    cursor: pointer; }

/*------------------------------------*    #BLOCKED SENDERS
\*------------------------------------*/
/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
.senders-container .list-tab #title-label {
  margin-top: 30px; }

.senders-container .list-tab ul.k-upload-files.k-reset {
  display: inline-block; }

.senders-container .list-tab .k-header {
  background-color: #f3f3f3; }

.senders-container .list-tab .senders-import-panel {
  min-height: 100px;
  background-color: #f3f3f3;
  border: solid 1px #ccc;
  border-radius: 8px;
  padding: 0px 26px;
  margin-bottom: 35px; }
  .senders-container .list-tab .senders-import-panel .title {
    height: 37px;
    line-height: 37px; }
  .senders-container .list-tab .senders-import-panel .title label {
    font-size: 16px; }
  .senders-container .list-tab .senders-import-panel .title span.k-i-close {
    top: 50%;
    right: -15px;
    margin-top: -10px;
    float: right; }
  .senders-container .list-tab .senders-import-panel .k-upload {
    border: none;
    padding: 0; }
  .senders-container .list-tab .senders-import-panel .k-upload-button {
    min-width: 110px;
    margin: 0;
    min-height: 41px; }
    .senders-container .list-tab .senders-import-panel .k-upload-button span {
      display: inline-block;
      margin-top: -2px; }
  .senders-container .list-tab .senders-import-panel .k-upload-files {
    line-height: 1;
    position: absolute; }
  .senders-container .list-tab .senders-import-panel .k-file {
    padding-right: 16px;
    width: 318px; }
    .senders-container .list-tab .senders-import-panel .k-file .file-wrapper {
      white-space: nowrap;
      text-overflow: ellipsis;
      width: 100%;
      display: inline-block;
      overflow: hidden; }

.senders-container .list-tab .senders-import-confirm {
  height: 65px;
  line-height: 65px; }

.senders-container .list-tab .senders-import-preview div[kendo-grid].k-grid {
  height: 330px; }
  .senders-container .list-tab .senders-import-preview div[kendo-grid].k-grid tr {
    background-color: #f3f3f3;
    height: 33px; }
    .senders-container .list-tab .senders-import-preview div[kendo-grid].k-grid tr.k-alt {
      background-color: #ededed; }
    .senders-container .list-tab .senders-import-preview div[kendo-grid].k-grid tr td {
      white-space: nowrap; }
    .senders-container .list-tab .senders-import-preview div[kendo-grid].k-grid tr td.import-error {
      color: red !important;
      font-weight: bold; }
  .senders-container .list-tab .senders-import-preview div[kendo-grid].k-grid .k-grid-header {
    background-color: #f3f3f3; }
  .senders-container .list-tab .senders-import-preview div[kendo-grid].k-grid .k-grid-header th.k-header {
    background-color: #f3f3f3 !important;
    border-top: solid 1px #cac5c4;
    border-bottom: solid 3px #cac5c4; }
  .senders-container .list-tab .senders-import-preview div[kendo-grid].k-grid .k-virtual-scrollable-wrap {
    overflow-x: hidden;
    background-color: #f3f3f3; }

.senders-container .list-tab .senders-import-selected {
  border-top: solid 1px #cac5c4;
  margin-top: 20px; }
  .senders-container .list-tab .senders-import-selected > label {
    line-height: 45px;
    font-weight: bold; }

.senders-container .list-tab .senders-replace-existing {
  margin-right: 20px;
  top: 5px;
  position: relative; }

.senders-container .list-tab .search-add-container {
  font-size: 12.5px;
  margin-top: 20px;
  margin-bottom: 20px; }
  .senders-container .list-tab .search-add-container .search-container {
    display: inline-block;
    width: 350px;
    min-height: 80px; }
  .senders-container .list-tab .search-add-container .add-container {
    display: inline-block;
    width: 495px;
    min-height: 80px;
    float: right; }
    .senders-container .list-tab .search-add-container .add-container .add {
      display: inline-block;
      width: 350px;
      margin-right: 31px; }

.senders-container .list-tab .bottom-toolbar-container {
  float: right;
  position: relative;
  top: 65px;
  line-height: 65px;
  margin-top: -65px;
  z-index: 100; }

.senders-container .list-tab .k-grid .gridDeleteCommand {
  width: 100px;
  text-align: right;
  padding-right: 0px;
  /*
                div[disabled=disabled] img.delete-icon {
                    opacity: 0.4;
                    cursor: default;
                }
                */ }
  .senders-container .list-tab .k-grid .gridDeleteCommand .k-button {
    color: #636466; }
  .senders-container .list-tab .k-grid .gridDeleteCommand div {
    display: none;
    width: 14px;
    margin-right: 26px;
    text-align: center; }
    .senders-container .list-tab .k-grid .gridDeleteCommand div img.delete-icon {
      width: 12px;
      height: 12px;
      /*margin: 0 26px;*/ }
    .senders-container .list-tab .k-grid .gridDeleteCommand div:hover {
      cursor: pointer; }
    .senders-container .list-tab .k-grid .gridDeleteCommand div[disabled=disabled] {
      opacity: 0.4;
      cursor: default; }

.senders-container .list-tab .k-grid tr:hover td.gridDeleteCommand div {
  display: inline-block; }

.senders-container .list-tab .k-grid tr td:nth-child(2) {
  min-width: 33vw;
  max-width: 33vw; }

/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
.senders-container .blockAction-tab div[class^='section-'] {
  /* sections divs */
  padding-top: 16.5px;
  padding-bottom: 16.5px;
  border-bottom: 1px solid #E5E5E5; }

.senders-container .blockAction-tab .title {
  color: #2059a8;
  font-size: 20px;
  padding-top: 28px; }

.senders-container .blockAction-tab .blockActionsLabel {
  margin-top: 11px;
  margin-bottom: 10px; }
  .senders-container .blockAction-tab .blockActionsLabel .k-label {
    font-size: 16px; }

.senders-container .blockAction-tab .section-spamDetected {
  border-bottom: none !important;
  padding-left: 7px; }
  .senders-container .blockAction-tab .section-spamDetected div.action-checkBox {
    margin-top: 10px; }
  .senders-container .blockAction-tab .section-spamDetected .title {
    display: block;
    margin-bottom: 29px; }
  .senders-container .blockAction-tab .section-spamDetected .disabled {
    opacity: 0.5; }
  .senders-container .blockAction-tab .section-spamDetected label {
    margin-bottom: 13px; }

/*------------------------------------*    #SPAM OPTIONS
\*------------------------------------*/
/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
.spam-options-settings-content {
  position: relative;
  display: block; }

.options-container .spam-options-container div[class^='section-'] {
  /* sections divs */
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #E5E5E5; }

.options-container .spam-options-container .disabled > * {
  opacity: 0.5; }

.options-container .spam-options-container .title {
  color: #2059a8;
  font-size: 16px;
  display: block;
  margin-bottom: 29px; }

.options-container .spam-options-container .section-spamDetected label {
  margin-bottom: 13px; }

.options-container .spam-options-container .section-filterCategories .category label {
  margin-bottom: 16px; }

/*------------------------------------*    #PHISHING OPTIONS SETTINGS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU
\*------------------------------------*/
/*------------------------------------*#FILE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
.sidebar {
  height: 55px;
  background-color: #212433;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: solid 1px #3b4054;
  z-index: 10;
  position: relative;
  text-decoration: none; }
  .sidebar.ng-show {
    display: flex !important; }
  .sidebar.deep.ng-hide {
    height: 0; }
    .sidebar.deep.ng-hide .sidebar-arrow-wrapper,
    .sidebar.deep.ng-hide .sidebar-text-wrapper {
      opacity: 0; }
  .sidebar.sidebar-selected, .sidebar.sidebar-expanded {
    transition: 0.3s height ease-in-out;
    border-left: solid 3px #29c3ec;
    border-bottom: none;
    background-color: #373a47; }
    .sidebar.sidebar-selected.ng-show, .sidebar.sidebar-expanded.ng-show {
      transition: 0.3s height ease-in-out;
      display: flex !important; }
  .sidebar.sidebar-selected span {
    color: #29c3ec; }
  .sidebar.sidebar-selected:not(.deep) span, .sidebar.sidebar-expanded span {
    color: white; }
  .sidebar.sidebar:hover .sidebar-arrow-wrapper {
    margin-right: 19px; }
  .sidebar.sidebar:hover.deep .sidebar-arrow-wrapper, .sidebar.sidebar:hover.deeper .sidebar-arrow-wrapper {
    margin-right: 19px; }
  .sidebar.sidebar:hover span.ng-binding {
    color: #29c3ec; }
  .sidebar.deep {
    background-color: #373a47;
    border-left: solid 3px #29c3ec;
    border-bottom: none;
    height: 34px; }
    .sidebar.deep .sidebar-arrow-wrapper {
      width: 59px; }
    .sidebar.deep .sidebar-text-wrapper {
      margin-left: 57px;
      padding-bottom: 15px; }
      .sidebar.deep .sidebar-text-wrapper span {
        font-size: 12.5px; }
    .sidebar.deep.deeper .sidebar-arrow-wrapper {
      width: 74px; }

.sidebar-expanded .sidebar-img-wrapper {
  margin-left: 17px; }

.sidebar-selected .sidebar-img-wrapper {
  margin-left: 17px; }

.sidebar-expanded .sidebar-arrow-wrapper img {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.sidebar-img-wrapper {
  margin-right: 20px;
  margin-left: 20px;
  text-align: center;
  min-width: 20px;
  height: 23px; }
  .sidebar-img-wrapper .sidebar-img {
    width: 21px; }

.sidebar-text-wrapper {
  transition: 0.1s opacity linear;
  padding-bottom: 7px; }
  .sidebar-text-wrapper span {
    font-family: "Lato", sans-serif;
    font-size: 13px;
    color: #FFFFFF;
    text-decoration: none;
    white-space: nowrap; }
    .sidebar-text-wrapper span div {
      display: flex;
      align-items: center; }

.sidebar-arrow-wrapper {
  transition: 0.1s opacity linear;
  width: 100%;
  text-align: right;
  margin-right: 19px;
  padding-bottom: 7px; }

.sidebar-arrow {
  transition: transform 0.4s;
  width: 9.5px;
  height: 6px; }

.bottom {
  position: absolute;
  bottom: 19px;
  width: 100%;
  z-index: 1; }

.bottom img {
  width: 91px;
  height: 29px;
  margin-left: auto;
  margin-right: auto;
  display: block; }

div#copyrightText {
  margin-left: auto;
  margin-right: auto;
  width: 145px;
  font-size: 8px;
  color: #9295A4;
  white-space: nowrap;
  display: block;
  margin-top: 10px; }

#nav2 img.sidebar-img {
  width: 15px;
  height: 18.5px; }

#nav0 img.sidebar-img {
  width: 20.5px;
  height: 11.5px; }

#nav3 img.sidebar-img {
  width: 16px;
  height: 16px; }

#nav4 img.sidebar-img {
  width: 20.5px;
  height: 19.5px; }

#nav22 img.sidebar-img {
  width: 21.5px;
  height: 18px; }

#nav45 img.sidebar-img {
  width: 18px;
  height: 16px; }

#nav59 img.sidebar-img {
  width: 18px;
  height: 16px; }

#nav57 {
  border-bottom: solid 1px #3b4054; }
  #nav57 img.sidebar-img {
    width: 19px;
    height: 16.5px; }

div.sidebar:not(.deep):not(.sidebar-selected):not(.sidebar-expanded) + .sidebar.sidebar-selected:not(.deep) {
  border-top: none; }

/*------------------------------------*    #PANEL
\*------------------------------------*/
/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
.slide-panel {
  transition: all linear 0.3s;
  height: 100%;
  background-color: #DDE8EE;
  z-index: 2;
  display: inline-block;
  position: relative; }
  .slide-panel.panel-visible .panel-content {
    opacity: 1; }

.panel-trigger {
  background-color: #DDE8EE;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  text-align: center;
  padding-top: 16px;
  padding-left: 18px;
  cursor: pointer; }
  .panel-trigger.trigger-on {
    height: 40px;
    display: flex;
    justify-content: flex-end;
    padding-right: 15px; }
    .panel-trigger.trigger-on .panel-trigger-img {
      background-image: url("img/sidemenu/arrow-blue-left.png"); }

.panel-trigger-img {
  background-image: url("img/sidemenu/arrow-blue-right.png");
  width: 8px;
  height: 12px; }

.panel-content {
  transition: all linear 0.3s;
  height: 100%;
  z-index: 4;
  opacity: 0; }

/*------------------------------------*    #CONTENT TOGGLE
\*------------------------------------*/
/*------------------------------------*    #FILE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
@font-face {
  font-family: "MavenProRegular";
  src: url("font/mavenpro/MavenPro-Regular.ttf") format("truetype"); }

.content-toggle-wrapper {
  border-width: 0.1em;
  max-width: 709px;
  min-width: 709px;
  display: inline-block; }

.content-toggle-header {
  height: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: #EEEEEE;
  text-align: left; }
  .content-toggle-header .content-toggle-checkbox-wrapper {
    width: 22px;
    display: flex;
    align-content: center;
    margin-left: 7px; }
    .content-toggle-header .content-toggle-checkbox-wrapper input[type="checkbox"] {
      position: absolute;
      margin: 0px; }
    .content-toggle-header .content-toggle-checkbox-wrapper input[type="checkbox"]:focus {
      outline: none; }
    .content-toggle-header .content-toggle-checkbox-wrapper input[type="checkbox"] + label {
      position: relative;
      margin-bottom: 2px;
      background-color: #EEEEEE;
      outline: none; }
    .content-toggle-header .content-toggle-checkbox-wrapper input[type="checkbox"] + label span {
      display: inline-block;
      width: 14px;
      height: 14px;
      vertical-align: middle;
      background: url(img/contenttoggle/arrow-off.png) left top no-repeat;
      background-position: center;
      background-size: 10px 14px;
      cursor: pointer; }
    .content-toggle-header .content-toggle-checkbox-wrapper input[type="checkbox"]:checked + label span {
      background: url(img/contenttoggle/arrow-on.png) left top no-repeat;
      background-position: center;
      background-size: 14px 10px; }

.content-toggle-title {
  display: inline-flex;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  width: 85%; }

.content-toggle-content {
  /*width: 100%;*/
  position: absolute;
  top: 40px;
  bottom: 0px; }

/*------------------------------------*    #FORM TOGGLE
\*------------------------------------*/
.form-toggle-wrapper {
  display: flex;
  align-content: center;
  cursor: pointer; }
  .form-toggle-wrapper input[type="checkbox"] {
    position: absolute;
    margin-left: 10px; }
  .form-toggle-wrapper input[type="checkbox"]:focus {
    outline: none; }
    .form-toggle-wrapper input[type="checkbox"]:focus + span.keyboard-focus {
      margin-left: -1px; }
  .form-toggle-wrapper span {
    position: relative; }
  .form-toggle-wrapper .form-toggle-button {
    width: 60px;
    height: 25px;
    background-size: 60px 25px; }
  .form-toggle-wrapper #form-toggle-on {
    background-image: url(img/formtoggle/on.png); }
  .form-toggle-wrapper #form-toggle-off {
    background-image: url(img/formtoggle/off.png); }

.form-toggle-wrapper.form-disabled {
  cursor: default; }
  .form-toggle-wrapper.form-disabled #form-toggle-on {
    background-image: url(img/formtoggle/on-disabled.png); }
  .form-toggle-wrapper.form-disabled #form-toggle-off {
    background-image: url(img/formtoggle/off-disabled.png); }

/*------------------------------------*    #OVERRIDE
\*------------------------------------*/
/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
.override-title .override-override {
  color: #2059a8;
  font-size: 20px; }

.override-title .override-settings {
  color: #333;
  font-size: 13.5px;
  padding-left: 218px; }

/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
.options-container .generic-options-settings-container form div[class^='section-'] {
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #E5E5E5; }

.options div[class^='options-']:not(:first-child) {
  padding-top: 10px; }

.options .child-options {
  padding-top: 10px; }

/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
.generic-options-settings-content {
  position: relative;
  display: block; }

.options-container .generic-options-settings-container label.title {
  color: #2059a8;
  font-size: 16px; }

.options-container .generic-options-settings-container div[class^='section-'] {
  /* sections divs */
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #E5E5E5; }

.options-container .generic-options-settings-container .section .title {
  display: block;
  margin-bottom: 29px; }

.options-container .generic-options-settings-container .disabled > * {
  opacity: 0.5; }

.options-container .format-smaller-description {
  font-size: 12.5px; }

/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
.options-container .section-scanLevel .slider, .options-container .section-reportingLevel .slider {
  display: table;
  height: 95px;
  margin-top: -29px; }
  .options-container .section-scanLevel .slider > div, .options-container .section-reportingLevel .slider > div {
    display: table-cell; }
    .options-container .section-scanLevel .slider > div:first-child, .options-container .section-reportingLevel .slider > div:first-child {
      width: 450px;
      vertical-align: top;
      padding-top: 33px; }
    .options-container .section-scanLevel .slider > div:last-child, .options-container .section-reportingLevel .slider > div:last-child {
      /* div used to show the description */
      width: 380px; }
      .options-container .section-scanLevel .slider > div:last-child span, .options-container .section-reportingLevel .slider > div:last-child span {
        margin-left: 65px;
        display: block; }
        .options-container .section-scanLevel .slider > div:last-child span:first-child, .options-container .section-reportingLevel .slider > div:last-child span:first-child {
          /* title */
          color: #2059a8;
          font-weight: bold;
          text-transform: uppercase;
          margin-bottom: 12px; }
        .options-container .section-scanLevel .slider > div:last-child span:last-child, .options-container .section-reportingLevel .slider > div:last-child span:last-child {
          /* description */
          font-size: 13.5px; }

two-listbox[disable='true'] {
  opacity: 0.5; }

two-listbox {
  display: block; }
  two-listbox label {
    display: inline-block;
    color: #2059a8;
    font-size: 16px;
    margin-bottom: 15px; }
  two-listbox #leftLabel {
    width: 270px; }
  two-listbox .k-listbox {
    height: 324px;
    width: 236px; }
    two-listbox .k-listbox li {
      font-family: Lato;
      font-size: 13.5px; }
  two-listbox .k-listbox:first-of-type {
    width: 270px;
    margin-right: 2px; }

div#schedule_every {
  float: left;
  line-height: 35px;
  margin-right: 10px; }
  div#schedule_every span {
    font-size: 13.5px; }

scheduler span.k-widget.k-dropdown.k-header[aria-owns='scheduler_days_listbox'] {
  float: left !important;
  width: 100px;
  top: 1px;
  margin-right: 20px;
  font-size: 13.5px; }

scheduler span.k-widget.k-dropdown.k-header {
  width: 125px;
  font-size: 13.5px;
  top: 1px; }

scheduler span.k-widget.k-timepicker.k-header {
  font-size: 13.5px; }

.k-schedule-label {
  vertical-align: top;
  margin-top: 10px;
  width: 150px;
  font-size: 13.5px;
  display: inline-block; }

.schedule-control {
  display: inline-block; }
  .schedule-control label {
    font-size: 13.5px; }

.generic-options-settings-container span.k-widget.k-dropdown.k-header {
  font-size: 13.5px; }

.options-reportContent {
  display: inline-block;
  margin-right: 30px;
  min-width: 120px; }

.section-reportContent .options {
  width: 470px; }

span#labelOn {
  margin: 0 5px;
  font-size: 13.5px; }

label[for='startHour'],
label[for='hourlyFrom'],
label[for='hourlyTo'] {
  margin-right: 10px; }

label[for='hourlyTo'] {
  margin-left: 10px; }

.help-page body {
  font-family: Lato;
  font-size: 14px;
  background-color: #fff;
  margin: 0px 0px 0px 0px; }

.help-page table {
  width: 100%;
  margin: 0px 0px 30px 0px; }

.help-page th {
  height: 45px;
  vertical-align: center;
  text-align: left;
  border-top: 4px solid #2059a8;
  background: #f7f7f7;
  font-family: Lato;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  color: #2059a8;
  /* if using header image for branding */
  /*
    		background-image: url("modusGate-logo.png");
    		background-repeat: no-repeat;
    		background-position: left center;
			background-size: 159px 40px;
    		text-indent: 175px;
    		font-size: 22px;
    		*/ }

.help-page td {
  vertical-align: top;
  background: #f7f7f7; }

.help-page p {
  font-family: Lato;
  font-size: 14px;
  color: #000;
  margin: 10px 0px 15px 0px;
  text-align: left;
  line-height: 1.4;
  margin: 2px 0px 5px 10px; }

.help-page .emph {
  font-variant: small-caps;
  font-size: 16px; }

.help-page .code {
  font-family: Source Code Pro;
  font-size: 14px;
  color: #808080; }

.help-page .emph1 {
  color: #2059a8;
  font-variant: small-caps;
  font-size: 16px; }

.help-page .emph2 {
  color: #00ccff;
  font-variant: small-caps;
  font-size: 16px; }

.help-page .emph4 {
  font-weight: bold;
  font-variant: normal;
  font-size: 14px; }

.help-page .emph3 {
  color: #ff9933;
  font-variant: small-caps;
  font-size: 16px; }

.help-page .emphNote {
  font-variant: small-caps;
  font-size: 16px;
  font-weight: bold; }

.help-page ol.steps {
  margin-left: 25px; }

.help-page ol.steps li {
  padding: 10px;
  font-family: Lato;
  font-size: 14px;
  margin: 0px 0px -8px 0px; }

.help-page ol.steps2 {
  margin-left: 0px; }

.help-page ol.steps2 li {
  list-style-type: lower-alpha; }

.help-page ul.steps {
  margin: 0px 0px 0px 0px; }

.help-page ul.steps li {
  padding: 10px;
  font-family: Lato;
  font-size: 14px;
  margin: 0px 0px 5px 0px; }

.help-page h2 {
  font-family: Lato;
  font-size: 16px;
  color: #2059a8;
  text-transform: uppercase; }

.help-page ul.steps2 {
  list-style-type: none;
  margin: 0px 0px 0px 0px; }

.help-page ul.steps2 li {
  padding: 0px;
  font-family: Lato;
  font-size: 14px;
  margin: 0px 0px 5px 0px; }

.help-page h2 {
  font-family: Lato;
  font-size: 16px;
  color: #2059a8;
  text-transform: uppercase;
  margin: 20px 0px 0px 0px; }

.help-page h3 {
  font-family: Lato;
  font-size: 14px;
  color: #2059a8;
  text-transform: uppercase;
  margin: 12px 0px 0px 0px; }

.help-page a:link {
  color: #2059a8;
  font-variant: small-caps;
  font-size: 16px; }

.help-page a:visited {
  color: #2059a8;
  font-variant: small-caps;
  font-size: 16px; }

.help-page a:hover {
  color: #184481;
  font-variant: small-caps;
  font-size: 16px; }

.help-page a:active {
  color: #2971d6;
  font-variant: small-caps;
  font-size: 16px; }

/* gallery and desc used if an image is included in topic */
/* see gallery_code.html for html to insert for these styles */
.help-page .gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 500px; }

.help-page .desc {
  padding: 15px;
  text-align: center;
  font-family: Lato; }

.k-window .k-window-titlebar .k-window-title {
  font-size: 22px;
  font-family: Lato;
  font-weight: bold;
  color: #2059a8; }

.k-window .k-window-content.k-content {
  background-color: #f7f7f7; }

.k-window-titlebar.k-header {
  line-height: 39px;
  height: 39px; }

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  top: 100px;
  left: 20px;
  box-sizing: border-box;
  /* Calendars */ }
  .daterangepicker * {
    box-sizing: border-box;
    text-size-adjust: 100%; }
  .daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''; }
  .daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc; }
  .daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent; }
  .daterangepicker.opensleft:before {
    right: 9px; }
  .daterangepicker.opensleft:after {
    right: 10px; }
  .daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.opensright:before {
    left: 9px; }
  .daterangepicker.opensright:after {
    left: 10px; }
  .daterangepicker.dropup {
    margin-top: -5px; }
    .daterangepicker.dropup:before {
      top: initial;
      bottom: -7px;
      border-bottom: initial;
      border-top: 7px solid #ccc; }
    .daterangepicker.dropup:after {
      top: initial;
      bottom: -6px;
      border-bottom: initial;
      border-top: 6px solid #fff; }
  .daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001;
    display: none;
    float: left;
    min-width: 160px;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  .daterangepicker.single .ranges, .daterangepicker.single .calendar {
    float: none; }
  .daterangepicker.show-calendar .calendar {
    display: block; }
  .daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px; }
    .daterangepicker .calendar.single .calendar-table {
      border: none; }
    .daterangepicker .calendar th, .daterangepicker .calendar td {
      white-space: nowrap;
      text-align: center;
      min-width: 32px; }
  .daterangepicker .calendar-table {
    border: 1px solid #fff;
    padding: 4px;
    border-radius: 4px;
    background-color: #fff; }
  .daterangepicker table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent; }
    .daterangepicker table.table-condensed > tbody > tr > td,
    .daterangepicker table.table-condensed > tbody > tr > th,
    .daterangepicker table.table-condensed > tfoot > tr > td,
    .daterangepicker table.table-condensed > tfoot > tr > th,
    .daterangepicker table.table-condensed > thead > tr > td,
    .daterangepicker table.table-condensed > thead > tr > th {
      padding: 5px; }
  .daterangepicker td, .daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer; }
    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
      background-color: #eee;
      border-color: transparent;
      color: inherit; }
    .daterangepicker td.week, .daterangepicker th.week {
      font-size: 80%;
      color: #ccc; }
  .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999; }
  .daterangepicker td.in-range {
    background-color: #F0F0F0;
    border-color: transparent;
    color: #636466;
    border-radius: 0; }
  .daterangepicker td.start-date {
    border-radius: 4px 0 0 4px; }
  .daterangepicker td.end-date {
    border-radius: 0 4px 4px 0; }
  .daterangepicker td.start-date.end-date {
    border-radius: 4px; }
  .daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #F8933C;
    border-color: transparent;
    color: #fff; }
  .daterangepicker th.month {
    width: auto;
    color: #2059a8; }
  .daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through; }
  .daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default; }
  .daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%; }
  .daterangepicker select.yearselect {
    width: 40%; }
  .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0; }
  .daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    height: 30px;
    line-height: 30px;
    display: block;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    width: 100%; }
    .daterangepicker .input-mini.active {
      border: 1px solid #08c;
      border-radius: 4px; }
    .daterangepicker .input-mini::-ms-clear {
      width: 0;
      height: 0; }
  .daterangepicker .daterangepicker_input {
    position: relative; }
    .daterangepicker .daterangepicker_input i {
      position: absolute;
      left: 8px;
      top: 8px; }
  .daterangepicker.rtl .input-mini {
    padding-right: 28px;
    padding-left: 6px; }
  .daterangepicker.rtl .daterangepicker_input i {
    left: auto;
    right: 8px; }
  .daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    /*padding-left: 28px;*/ }
    .daterangepicker .calendar-time > div {
      display: inline-block;
      margin-left: 28px; }
      .daterangepicker .calendar-time > div select.disabled {
        color: #ccc;
        cursor: not-allowed; }
  .daterangepicker .form-control {
    font-size: 14px;
    background-color: #fff;
    background-image: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }

.ranges {
  font-size: 11px;
  float: none !important;
  margin: 4px;
  clear: both;
  text-align: right; }
  .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%; }
  .ranges li {
    font-size: 13px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    cursor: pointer; }
    .ranges li:hover {
      background-color: #08c;
      border: 1px solid #08c;
      color: #fff; }
    .ranges li.active {
      background-color: #08c;
      border: 1px solid #08c;
      color: #fff; }

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }
    .daterangepicker .ranges ul {
      width: 160px; }
    .daterangepicker.single .ranges ul {
      width: 100%; }
    .daterangepicker.single .calendar.left {
      clear: none; }
    .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr > .calendar {
      float: left; }
    .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl > .calendar {
      float: right; }
    .daterangepicker.ltr {
      direction: ltr;
      text-align: left; }
      .daterangepicker.ltr .calendar.left {
        clear: left;
        margin-right: 0; }
        .daterangepicker.ltr .calendar.left .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.ltr .calendar.right {
        margin-left: 0; }
        .daterangepicker.ltr .calendar.right .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.ltr .left .daterangepicker_input {
        padding-right: 12px; }
      .daterangepicker.ltr .calendar.left .calendar-table {
        padding-right: 12px; }
      .daterangepicker.ltr .ranges, .daterangepicker.ltr > .calendar {
        float: left; }
    .daterangepicker.rtl {
      direction: rtl;
      text-align: right; }
      .daterangepicker.rtl .calendar.left {
        clear: right;
        margin-left: 0; }
        .daterangepicker.rtl .calendar.left .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.rtl .calendar.right {
        margin-right: 0; }
        .daterangepicker.rtl .calendar.right .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.rtl .left .daterangepicker_input {
        padding-left: 12px; }
      .daterangepicker.rtl .calendar.left .calendar-table {
        padding-left: 12px; }
      .daterangepicker.rtl .ranges, .daterangepicker.rtl > .calendar {
        text-align: right;
        float: right; } }

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }
  .daterangepicker.ltr .ranges {
    float: left; }
  .daterangepicker.rtl .ranges {
    float: right; }
  .daterangepicker .calendar.left {
    clear: none !important; } }

/*------------------------------------*    #VARIABLE IMPORT
\*------------------------------------*/
/*------------------------------------*    #APP SIZES
\*------------------------------------*/
/*------------------------------------*    #LOGIN SIZES
\*------------------------------------*/
/*------------------------------------*    #HEADER SIZES
\*------------------------------------*/
/*------------------------------------*    #BANNER SIZES
\*------------------------------------*/
/*------------------------------------*    #FOOTER SIZES
\*------------------------------------*/
/*------------------------------------*    #SIDEMENU SIZES
\*------------------------------------*/
/*------------------------------------*    #PANEL SIZES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #PHISHING OPTIONS SIZES
\*------------------------------------*/
/*------------------------------------*    #OPTIONS PANEL CONTENT SIZES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS SLIDER SIZES
\*------------------------------------*/
/*------------------------------------*    #APP COLORS
\*------------------------------------*/
/*------------------------------------*    #APP FONTS
\*------------------------------------*/
/*------------------------------------*    #LOGIN FONTS
\*------------------------------------*/
/*------------------------------------*    #BANNER FONTS
\*------------------------------------*/
/*------------------------------------*    #FOOTER FONTS
\*------------------------------------*/
/*------------------------------------*    #SIDE-MENU FONTS
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW FONTS
\*------------------------------------*/
/*------------------------------------*    #BLOCKED SENDERS FONTS
\*------------------------------------*/
/*------------------------------------*    #HOME VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SPAM OPTIONS SETTINGS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #MENU VARIABLES
\*------------------------------------*/
/*------------------------------------*    #SUB MENUS VARIABLES
\*------------------------------------*/
/*------------------------------------*    #PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*    #TREEVIEW VARIABLE
\*------------------------------------*/
/*------------------------------------*    #CONTENT TOGGLE VARIABLES
\*------------------------------------*/
.vipdisplaynames-container .list-tab #title-label {
  margin-top: 30px; }

.vipdisplaynames-container .list-tab .k-header {
  background-color: #f3f3f3; }

.vipdisplaynames-container .list-tab .search-add-container {
  font-size: 12.5px;
  margin-top: 20px;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%; }
  .vipdisplaynames-container .list-tab .search-add-container .search-container {
    display: inline-block;
    width: 350px;
    min-height: 80px; }
  .vipdisplaynames-container .list-tab .search-add-container .add-container {
    display: inline-block;
    width: 495px;
    min-height: 80px;
    float: right; }
    .vipdisplaynames-container .list-tab .search-add-container .add-container .add {
      display: inline-block;
      width: 350px;
      margin-right: 31px; }
    .vipdisplaynames-container .list-tab .search-add-container .add-container .add input:nth-child(1) {
      margin-bottom: 10px; }

.vipdisplaynames-container .list-tab .bottom-toolbar-container {
  float: right;
  position: relative;
  top: 65px;
  line-height: 65px;
  margin-top: -65px;
  z-index: 100; }

.vipdisplaynames-container .list-tab .k-grid .gridDeleteCommand {
  width: 100px;
  text-align: right;
  padding-right: 0px; }
  .vipdisplaynames-container .list-tab .k-grid .gridDeleteCommand .k-button {
    color: #636466; }
  .vipdisplaynames-container .list-tab .k-grid .gridDeleteCommand div {
    display: none;
    width: 14px;
    margin-right: 26px;
    text-align: center; }
    .vipdisplaynames-container .list-tab .k-grid .gridDeleteCommand div img.delete-icon {
      width: 12px;
      height: 12px; }
    .vipdisplaynames-container .list-tab .k-grid .gridDeleteCommand div:hover {
      cursor: pointer; }
    .vipdisplaynames-container .list-tab .k-grid .gridDeleteCommand div[disabled=disabled] {
      opacity: 0.4;
      cursor: default; }

.vipdisplaynames-container .list-tab .k-grid tr:hover td.gridDeleteCommand div {
  display: inline-block; }

.vipdisplaynames-container .list-tab .k-grid tr td:nth-child(2), .vipdisplaynames-container .list-tab .k-grid td:nth-child(3) {
  min-width: 33vw;
  max-width: 33vw; }