/* @import url('./lato/Lato.css'); */
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 100;
    src: local('Lato Hairline'), local('Lato-Hairline'), url(./lato/Lato-Hairline.ttf) ;
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 100;
    src: local('Lato Hairline'), local('Lato-Hairline'), url(./lato/Lato-Hairline.ttf) ;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'), local('Lato-Light'), url(./lato/Lato-Light.ttf) ;
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'), local('Lato-Light'), url(./lato/Lato-Light.ttf) ;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(./lato/Lato-Regular.ttf);
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(./lato/Lato-Regular.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url(./lato/Lato-Bold.ttf);
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url(./lato/Lato-Bold.ttf) ;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: local('Lato Black'), local('Lato-Black'), url(./lato/Lato-Black.ttf) ;
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: local('Lato Black'), local('Lato-Black'), url(./lato/Lato-Black.ttf) ;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  }
  
html,body
{
    width: 100%;
    font-family: 'Lato', sans-serif;
    /* height: 100%; */
    background-color: #f2f2f2;
}
body>.container-fluid
{
    padding: 0px;
    width: 100%;
    overflow: hidden;
    /* height: 100%; */
}
.row
{
    margin: 0px;
}
.body-wrapper
{
    /*position: absolute;*/
    width: 100%;
    /* height: 100%; */
    background-color: #333333;
}
.body-wrapper>div
{
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.ie .body-wrapper>div
{
  transition: none;
}
.body-wrapper>.body-left.left-nav
{
    width: 190px;
    min-height: 100vh;
    background-color: #333333;
    height: 100%;
    /* position: relative; */
    /* z-index: 2; */
}

.body-wrapper>.body-right
{
    width: calc(100% - 190px);
}
.body-wrapper.nav-close>.body-left.left-nav
{
    width: 65px;
    /* overflow: hidden; */
}
.body-wrapper.nav-close>.body-right
{
    width: calc(100% - 65px);
}

.left-nav-header
{
    height: 73px;
    border-bottom: 1px rgba( 204, 204, 204 , 0.2) solid;
}
.left-nav-header>.menu-btn
{
    border: none;
    background: none;
    color: white;
    padding: 0px;
    /*width: 100%;*/
    width: 190px;
    height: 100%;
    text-align: left;
    padding-left: 23px;
}
.left-nav-header>.menu-btn>.menu-icon,
.left-nav-header>.menu-btn>.menu-icon:before,
.left-nav-header>.menu-btn>.menu-icon:after
{
    width: 23px;
    height: 2px;
    background-color: white;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.left-nav-header>.menu-btn>.menu-icon
{
    position: relative;
    top: 3px;
    display: inline-block;
    margin: 7px 0px;
    margin-right: 10px;
}
.left-nav-header>.menu-btn>.menu-icon:before,
.left-nav-header>.menu-btn>.menu-icon:after
{
    content: "";
    display: block;
    position: relative;
    will-change: auto;
}
.left-nav-header>.menu-btn>.menu-icon:before
{
    top: -7px;
}
.left-nav-header>.menu-btn>.menu-icon:after
{
    top: 5px;
}
.body-wrapper:not(.nav-close) .left-nav-header>.menu-btn:not(.too-tire):hover>.menu-icon
{
    background: none;
}
.body-wrapper:not(.nav-close) .left-nav-header>.menu-btn:not(.too-tire):hover>.menu-icon:before
{
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 1px;
    left: 0px;
}
.body-wrapper:not(.nav-close) .left-nav-header>.menu-btn:not(.too-tire):hover>.menu-icon:after
{
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    top: -1px;
    left: 0px;
}

.body-wrapper.nav-close .left-nav-header>.menu-btn:not(.too-tire):hover>.menu-icon:before
{
    top: 7px;
    left: 0px;
}
.body-wrapper.nav-close .left-nav-header>.menu-btn:not(.too-tire):hover>.menu-icon:after
{
    top: -9px;
    left: 0px;
}
@-webkit-keyframes swingTop{
    0% {
        -webkit-transform: rotate(30deg);
                transform: rotate(30deg);
    }
    100% {
        -webkit-transform: rotate(150deg);
                transform: rotate(150deg);
    }
}
@keyframes swingTop{
    0% {
        -webkit-transform: rotate(30deg);
                transform: rotate(30deg);
    }
    100% {
        -webkit-transform: rotate(150deg);
                transform: rotate(150deg);
    }
}
@-webkit-keyframes swingBottom{
    0% {
        -webkit-transform: rotate(-30deg);
                transform: rotate(-30deg);
    }
    100% {
        -webkit-transform: rotate(-150deg);
                transform: rotate(-150deg);
    }
}
@keyframes swingBottom{
    0% {
        -webkit-transform: rotate(-30deg);
                transform: rotate(-30deg);
    }
    100% {
        -webkit-transform: rotate(-150deg);
                transform: rotate(-150deg);
    }
}
@-webkit-keyframes die {
  0% {-webkit-transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  1.67% {-webkit-transform:translate(0px, 0.0777px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 0.0777px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  3.33% {-webkit-transform:translate(0px, 0.3109px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 0.3109px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  5% {-webkit-transform:translate(0px, 0.6995px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 0.6995px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  6.67% {-webkit-transform:translate(0px, 1.2436px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 1.2436px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  8.33% {-webkit-transform:translate(0px, 1.9431px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 1.9431px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  10% {-webkit-transform:translate(0px, 2.7981px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 2.7981px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  11.67% {-webkit-transform:translate(0px, 3.8086px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 3.8086px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  13.33% {-webkit-transform:translate(0px, 4.9744px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 4.9744px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  15% {-webkit-transform:translate(0px, 6.2958px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 6.2958px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  16.67% {-webkit-transform:translate(0px, 7.7726px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 7.7726px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  18.33% {-webkit-transform:translate(0px, 9.4048px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 9.4048px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  20% {-webkit-transform:translate(0px, 11.1925px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 11.1925px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  21.67% {-webkit-transform:translate(0px, 13.1356px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 13.1356px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  23.33% {-webkit-transform:translate(0px, 15.2342px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 15.2342px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  25% {-webkit-transform:translate(0px, 17.4883px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 17.4883px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  26.67% {-webkit-transform:translate(0px, 19.8978px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 19.8978px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  28.33% {-webkit-transform:translate(0px, 22.4627px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 22.4627px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  30% {-webkit-transform:translate(0px, 25.1831px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 25.1831px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  31.67% {-webkit-transform:translate(0px, 28.059px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 28.059px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  33.33% {-webkit-transform:translate(0px, 31.0903px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 31.0903px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  35% {-webkit-transform:translate(0px, 34.277px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 34.277px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  36.67% {-webkit-transform:translate(0px, 36.6942px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 36.6942px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  38.33% {-webkit-transform:translate(0px, 35.1044px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 35.1044px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  40% {-webkit-transform:translate(0px, 33.67px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 33.67px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  41.67% {-webkit-transform:translate(0px, 32.3911px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 32.3911px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  43.33% {-webkit-transform:translate(0px, 31.2676px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 31.2676px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  45% {-webkit-transform:translate(0px, 30.2995px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 30.2995px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  46.67% {-webkit-transform:translate(0px, 29.4869px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 29.4869px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  48.33% {-webkit-transform:translate(0px, 28.8298px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 28.8298px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  50% {-webkit-transform:translate(0px, 28.3281px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 28.3281px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  51.67% {-webkit-transform:translate(0px, 27.9819px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 27.9819px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  53.33% {-webkit-transform:translate(0px, 27.7911px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 27.7911px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  55% {-webkit-transform:translate(0px, 27.7558px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 27.7558px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  56.67% {-webkit-transform:translate(0px, 27.8759px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 27.8759px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  58.33% {-webkit-transform:translate(0px, 28.1515px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 28.1515px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  60% {-webkit-transform:translate(0px, 28.5825px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 28.5825px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  61.67% {-webkit-transform:translate(0px, 29.169px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 29.169px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  63.33% {-webkit-transform:translate(0px, 29.9109px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 29.9109px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  65% {-webkit-transform:translate(0px, 30.8083px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 30.8083px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  66.67% {-webkit-transform:translate(0px, 31.8611px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 31.8611px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  68.33% {-webkit-transform:translate(0px, 33.0694px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 33.0694px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  70% {-webkit-transform:translate(0px, 34.4331px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 34.4331px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  71.67% {-webkit-transform:translate(0px, 35.9523px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 35.9523px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  73.33% {-webkit-transform:translate(0px, 36.7019px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 36.7019px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  75% {-webkit-transform:translate(0px, 35.9883px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 35.9883px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  76.67% {-webkit-transform:translate(0px, 35.4301px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 35.4301px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  78.33% {-webkit-transform:translate(0px, 35.0273px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 35.0273px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  80% {-webkit-transform:translate(0px, 34.78px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 34.78px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  81.67% {-webkit-transform:translate(0px, 34.6881px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 34.6881px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  83.33% {-webkit-transform:translate(0px, 34.7517px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 34.7517px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  85% {-webkit-transform:translate(0px, 34.9708px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 34.9708px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  86.67% {-webkit-transform:translate(0px, 35.3453px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 35.3453px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  88.33% {-webkit-transform:translate(0px, 35.8752px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 35.8752px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  90% {-webkit-transform:translate(0px, 36.5606px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 36.5606px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  91.67% {-webkit-transform:translate(0px, 36.8234px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 36.8234px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  93.33% {-webkit-transform:translate(0px, 36.5478px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 36.5478px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  95% {-webkit-transform:translate(0px, 36.4277px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 36.4277px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  96.67% {-webkit-transform:translate(0px, 36.463px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 36.463px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  98.33% {-webkit-transform:translate(0px, 36.6538px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 36.6538px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  100% {-webkit-transform:translate(0px, 37px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 37px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
}
@keyframes die {
  0% {-webkit-transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  1.67% {-webkit-transform:translate(0px, 0.0777px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 0.0777px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  3.33% {-webkit-transform:translate(0px, 0.3109px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 0.3109px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  5% {-webkit-transform:translate(0px, 0.6995px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 0.6995px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  6.67% {-webkit-transform:translate(0px, 1.2436px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 1.2436px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  8.33% {-webkit-transform:translate(0px, 1.9431px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 1.9431px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  10% {-webkit-transform:translate(0px, 2.7981px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 2.7981px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  11.67% {-webkit-transform:translate(0px, 3.8086px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 3.8086px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  13.33% {-webkit-transform:translate(0px, 4.9744px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 4.9744px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  15% {-webkit-transform:translate(0px, 6.2958px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 6.2958px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  16.67% {-webkit-transform:translate(0px, 7.7726px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 7.7726px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  18.33% {-webkit-transform:translate(0px, 9.4048px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 9.4048px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  20% {-webkit-transform:translate(0px, 11.1925px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 11.1925px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  21.67% {-webkit-transform:translate(0px, 13.1356px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 13.1356px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  23.33% {-webkit-transform:translate(0px, 15.2342px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 15.2342px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  25% {-webkit-transform:translate(0px, 17.4883px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 17.4883px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  26.67% {-webkit-transform:translate(0px, 19.8978px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 19.8978px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  28.33% {-webkit-transform:translate(0px, 22.4627px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 22.4627px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  30% {-webkit-transform:translate(0px, 25.1831px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 25.1831px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  31.67% {-webkit-transform:translate(0px, 28.059px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 28.059px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  33.33% {-webkit-transform:translate(0px, 31.0903px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 31.0903px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  35% {-webkit-transform:translate(0px, 34.277px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 34.277px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  36.67% {-webkit-transform:translate(0px, 36.6942px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 36.6942px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  38.33% {-webkit-transform:translate(0px, 35.1044px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 35.1044px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  40% {-webkit-transform:translate(0px, 33.67px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 33.67px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  41.67% {-webkit-transform:translate(0px, 32.3911px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 32.3911px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  43.33% {-webkit-transform:translate(0px, 31.2676px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 31.2676px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  45% {-webkit-transform:translate(0px, 30.2995px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 30.2995px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  46.67% {-webkit-transform:translate(0px, 29.4869px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 29.4869px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  48.33% {-webkit-transform:translate(0px, 28.8298px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 28.8298px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  50% {-webkit-transform:translate(0px, 28.3281px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 28.3281px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  51.67% {-webkit-transform:translate(0px, 27.9819px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 27.9819px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  53.33% {-webkit-transform:translate(0px, 27.7911px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 27.7911px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  55% {-webkit-transform:translate(0px, 27.7558px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 27.7558px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  56.67% {-webkit-transform:translate(0px, 27.8759px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 27.8759px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  58.33% {-webkit-transform:translate(0px, 28.1515px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 28.1515px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  60% {-webkit-transform:translate(0px, 28.5825px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 28.5825px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  61.67% {-webkit-transform:translate(0px, 29.169px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 29.169px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  63.33% {-webkit-transform:translate(0px, 29.9109px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 29.9109px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  65% {-webkit-transform:translate(0px, 30.8083px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 30.8083px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  66.67% {-webkit-transform:translate(0px, 31.8611px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 31.8611px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  68.33% {-webkit-transform:translate(0px, 33.0694px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 33.0694px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  70% {-webkit-transform:translate(0px, 34.4331px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 34.4331px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  71.67% {-webkit-transform:translate(0px, 35.9523px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 35.9523px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  73.33% {-webkit-transform:translate(0px, 36.7019px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 36.7019px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  75% {-webkit-transform:translate(0px, 35.9883px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 35.9883px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  76.67% {-webkit-transform:translate(0px, 35.4301px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 35.4301px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  78.33% {-webkit-transform:translate(0px, 35.0273px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 35.0273px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  80% {-webkit-transform:translate(0px, 34.78px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 34.78px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  81.67% {-webkit-transform:translate(0px, 34.6881px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 34.6881px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  83.33% {-webkit-transform:translate(0px, 34.7517px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 34.7517px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  85% {-webkit-transform:translate(0px, 34.9708px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 34.9708px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  86.67% {-webkit-transform:translate(0px, 35.3453px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 35.3453px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  88.33% {-webkit-transform:translate(0px, 35.8752px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 35.8752px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  90% {-webkit-transform:translate(0px, 36.5606px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 36.5606px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  91.67% {-webkit-transform:translate(0px, 36.8234px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 36.8234px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  93.33% {-webkit-transform:translate(0px, 36.5478px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 36.5478px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  95% {-webkit-transform:translate(0px, 36.4277px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 36.4277px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  96.67% {-webkit-transform:translate(0px, 36.463px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 36.463px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  98.33% {-webkit-transform:translate(0px, 36.6538px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 36.6538px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
  100% {-webkit-transform:translate(0px, 37px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);transform:translate(0px, 37px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
}

.left-nav-header>.menu-btn.too-tire>.menu-icon
{
    -webkit-animation: die 0.7s linear forwards;
            animation: die 0.7s linear forwards;
}
.left-nav-header>.menu-btn.too-tire>.menu-icon:before
{
    -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-animation: swingTop 0.8s alternate-reverse ease-in-out infinite;
            animation: swingTop 0.8s alternate-reverse ease-in-out infinite;
}
.left-nav-header>.menu-btn.too-tire>.menu-icon:after
{
    -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-animation: swingBottom 1.1s alternate-reverse ease-in-out infinite;
            animation: swingBottom 1.1s alternate-reverse ease-in-out infinite;
}




/*.body-wrapper.nav-close>.left-nav>.left-nav-header>.menu-btn>.menu-icon:before,
.body-wrapper.nav-close>.left-nav>.left-nav-header>.menu-btn>.menu-icon:after
{
    width: 100%;
    transform: rotate(0deg);
    left: 0px;
}
.body-wrapper.nav-close>.left-nav>.left-nav-header>.menu-btn>.menu-icon:before
{
    top: -7px;
}
.body-wrapper.nav-close>.left-nav>.left-nav-header>.menu-btn>.menu-icon:after
{
    top: 5px;
}*/
.body-wrapper.nav-close>.left-nav>.left-nav-header>.menu-btn>span
{
    display: none;
}


/* left nav list */
.left-nav-body.list-group
{
    margin-top: 30px;
    
}
.list-group>ul
{
    margin: 0px;
    padding: 0px;
}
.list-group>ul>li
{
    opacity: 0.5;
    display: block;
}
.list-group>ul>li:hover,
.list-group>ul>li.active
{
    position: relative;
    opacity: 1;
}
.list-group>ul>li>a.list-group-item
{
    display: block;
    /*     padding: 0px; */
    border-radius: 0px;
    margin-left: 23px;
    border: none;
    /* min-height: 55px; */
    /*     padding-top: 10px; */
    /*     padding-bottom: 10px; */
    padding: 20px 0px;
    line-height: 1.3;
    background: none;
    color: white;
    /*opacity: 0.4;*/
    overflow: hidden;
    white-space: pre;
}
.list-group>ul>li>a.list-group-item:after
{
    position: absolute;
}
.body-wrapper.nav-close>.left-nav>.list-group>ul>li>a.list-group-item>span
{
    /*display: none;*/
    width: 0px;
    padding: 0px;
    overflow: hidden;
}
.list-group>ul>li>a.list-group-item:hover
{
    background: none;
}
.list-group>ul>li>a.list-group-item.active
{
    background: none;
    /* position: static; */
    z-index: 1;
}
.list-group>ul>li>a.list-group-item:before
{
    content: "";
    display: block;
    width: 23px;
    height: 23px;
    margin-right: 15px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 0px;
    float: left;
}
.list-group>ul>li>a.list-group-item>span
{
    display: block;
    float: left;
    width: calc(100% - 23px - 15px);
    padding-right: 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.ie .list-group>ul>li>a.list-group-item>span
{
  transition: none;
}

.list-group>ul>li.general>a.list-group-item:before
{
    background-image: url(../images/admin/general-nav-icon.svg);
}
.list-group>ul>li.news>a.list-group-item:before
{
    background-image: url(../images/admin/news-nav-icon.svg);
}
.list-group>ul>li.dealer>a.list-group-item:before
{
    background-image: url(../images/admin/map-nav-icon.svg);
}
.list-group>ul>li.video>a.list-group-item:before
{
    background-image: url(../images/admin/video-nav-icon.svg);
}
.list-group>ul>li.download>a.list-group-item:before
{
    background-image: url(../images/admin/download-nav-icon.svg);
}
.list-group>ul>li.statistics>a.list-group-item:before
{
    background-image: url(../images/admin/statistics-nav-icon.svg);
}
.list-group>ul>li.user>a.list-group-item:before
{
    background-image: url(../images/admin/user-nav-icon.svg);
}
.list-group>ul>li.welcome>a.list-group-item:before
{
    background-image: url(../images/admin/user-nav-icon.svg);
}


.list-group>ul>li.data>a.list-group-item:before
{
    background-image: url(../images/admin/icon-data-active.svg);
}
.list-group>ul>li.setting>a.list-group-item:before
{
    background-image: url(../images/admin/settings-nav-icon.svg);
}
.list-group>ul>li.overview>a.list-group-item:before
{
    background-image: url(../images/admin/overview-nav-icon.svg);
}
.list-group>ul>li.permission>a.list-group-item:before
{
    background-image: url(../images/admin/permission-nav-icon.svg);
}
.list-group>ul>li.push-notification>a.list-group-item:before
{
    font-family: 'Glyphicons Halflings';
    content: "\e123";
    font-size: 22px;
	margin-top: -2px;
}

.list-group>ul>li.campaign-loyalty>a.list-group-item:before
{
    background-image: url(../images/admin/trumpet-white.svg);
}
.list-group>ul>li.address-hotline>a.list-group-item:before
{
    background-image: url(../images/admin/i-icon-white.svg);
}

.list-group>ul>li.ipblocklist>a.list-group-item:before{
    background-image: url(../images/admin/ip-block-list.svg);
}
.list-group>ul>li.spatranslation>a.list-group-item:before,
.list-group>ul>li.webtranslation>a.list-group-item:before,
.list-group>ul>li.translation>a.list-group-item:before
{
    background-image: url(../images/admin/icon-translation.svg);
}
.list-group>ul>li.customization>a.list-group-item:before
{
    background-image: url(../images/admin/pen-white-icon.svg);
}
.list-group>ul>li.dmf>a.list-group-item:before
{
    background-image: url(../images/admin/settings-upload-btn-white-icon.svg);
}
.list-group>ul>li.rmi>a.list-group-item:before
{
    background-image: url(../images/car-icon-white.svg);
}
.list-group>ul>li.mandator>a.list-group-item:before
{
    background-image: url(../images/mandator-icon-white.svg);
}
.list-group>ul>li.repxpert-links>a.list-group-item:before,
.list-group>ul>li.repxpert-countries>a.list-group-item:before
{
    background-image: url(../images/part-list-icon-white.svg);
}

/*.list-group>ul>li:hover
{
    position: relative;
}*/
.nav-close .list-group>ul>li
{
    position: relative;
}
.nav-close .list-group>ul>li:before 
{
    max-width: 0px;
    content: attr(data-title);
    display: block;
    position: absolute;
    left: 100%;
    color: black;
    z-index: 3;
    background-color:white;
    height: 14px;
    line-height: 14px;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    top: 50%;
    /* margin-top: 3px; */
    padding: 0px;
    opacity: 1;
    font-size: 12px;
    white-space: pre;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
    overflow: hidden;
    box-sizing: content-box;
}
.nav-close .list-group>ul>li:hover:before 
{
    max-width: 150px;
    padding: 0px 10px;
}


.list-group>ul>li>a.list-group-item.active:after,
.list-group>ul>li:hover>a.list-group-item:after
{
    content: "";
    display: block;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    top: 0px;
    right: -5px;
    bottom: 0px;
    margin: auto 0px;
}
.list-group>ul>li>a.list-group-item.active:after
{
    background-color: rgb( 230, 230, 230 );
}
.nav-close .list-group>ul>li:hover>a.list-group-item:after
{
    background-color: white;
}
.list-group>ul>li.campaign-loyalty>a.list-group-item,
.list-group>ul>li.repxpert-links>a.list-group-item,
.list-group>ul>li.repxpert-countries>a.list-group-item
{
    white-space: normal;
}
/* body right */
/* body header */
.right-body-header
{
    border-bottom: 1px rgba( 204, 204, 204 , 0.2) solid;
    background-color: white;
    padding: 0px 38px;
}
.right-body-header,
.right-body-header-main,
.right-body-header-nav
{
    height: 74px;
}
.right-body-header>.right-body-header-main>.right-body-header-nav>.nav-logo 
{
    height: 100%;
}
.right-body-header>.right-body-header-main>.right-body-header-nav>.nav-logo>img,
.right-body-header>.right-body-header-main>.right-body-header-nav>.nav-logo>h1
{
    float: left;
    display: block;
}
.right-body-header>.right-body-header-main>.right-body-header-nav>.nav-logo>img
{
    width: 200px;
    /* height: 42px; */
    margin: 15px 0px;
}
.right-body-header>.right-body-header-main>.right-body-header-nav>.nav-logo>h1
{
    font-size: 16px;
    margin-top: 28px;
    margin-bottom: 0px;
    margin-left: 23px;
    color: #333333;
}
.right-body-header>.right-body-header-main>.right-body-header-nav>.nav-links>.navbar-list
{
    padding: 0px;
    margin: 0px;
    list-style: none;
    margin-top: 24px;
}
.right-body-header>.right-body-header-main>.right-body-header-nav>.nav-links>.navbar-list>li
{
    float: left;
    font-size: 14px;
}

.right-body-header>.right-body-header-main>.right-body-header-nav>.nav-links>.navbar-list>li:after
{
    content: "";
    display: inline-block;
    width: 1px;
    height: 13px;
    margin: 0px 20px;
    background-color: rgba( 0, 0, 0, 0.502 );
    position: relative;
    top: 2px;
}
.right-body-header>.right-body-header-main>.right-body-header-nav>.nav-links>.navbar-list>li:last-child:after
{
    display: none;
}
.right-body-header>.right-body-header-main>.right-body-header-nav>.nav-links>.navbar-list>li>a
{
    text-decoration: none;
    color: black;
}
.right-body-header>.right-body-header-main>.right-body-header-nav>.nav-links>.navbar-list>li>a:hover
{
    /* color: rgb(50, 121, 180); */
    color: #3f9ed1;
}
.right-body-header>.right-body-header-main>.right-body-header-nav>.nav-links>.navbar-list>li>a:before
{
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: relative;
    top: 3px;
    margin-right: 10px;
}
.right-body-header>.right-body-header-main>.right-body-header-nav>.nav-links>.navbar-list>li.preview-link>a:before
{
    background-image: url(../images/admin/preview-icon.png);
}
.right-body-header>.right-body-header-main>.right-body-header-nav>.nav-links>.navbar-list>li.logout-link>a:before
{
    background-image: url(../images/admin/logout-icon.png);
}

/* right body */
.right-body-main
{
    padding: 40px 37px;
    background-color: #f2f2f2;
    min-height: calc(100vh - 74px - 50px);
    position: relative;
    z-index: 1;
    padding-top: 0px;
    /* overflow: hidden; */
}
.right-body-main:not(.done):before
{
    content: "";
    display: block;
    z-index: -1;
    background-image: url(../images/admin/loading-icon.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    -webkit-animation: uploadFrames 1.5s infinite linear;
            animation: uploadFrames 1.5s infinite linear;
}

.right-body-main>.panel 
{
    border-radius: 0px;
    border: none;
}
.right-body-main>.panel>.panel-body
{
    padding: 0px;
}
.right-body-main>.panel>.panel-body>.content-wrapper
{
    border: 1px #dddddd solid;
}
.right-body-main>.panel>.panel-body>.content-wrapper>.content-header
{
    padding: 0px 40px;
    height: 83px;
    border-bottom: 1px #dedede solid;
}
.right-body-main>.panel>.panel-body>.content-wrapper>.content-header>.content-title
{
    margin-top: 27px;
}
.right-body-main>.panel>.panel-body>.content-wrapper>.content-header>.content-title:before
{
    content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: relative;
    top: 3px;
    margin-right: 15px;
}

.right-body-main>.panel>.panel-body>.content-wrapper>.content-header>.content-title>h2
{
    margin: 0px;
    font-size: 24px;
    color: black;
    display: inline-block;
}
.right-body-main>.panel>.panel-body>.content-wrapper .conentt-tool-bar
{
    padding: 0px;
    margin-top: 26px;
}
.right-body-main>.panel>.panel-body>.content-wrapper .conentt-tool-bar>ul
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.right-body-main>.panel>.panel-body>.content-wrapper .conentt-tool-bar>ul>li
{
    float: left;
    margin-right: 10px;
}
.right-body-main>.panel>.panel-body>.content-wrapper .conentt-tool-bar>ul>li:last-child
{
  margin-right: 0px;
}
.right-body-main>.panel>.panel-body>.content-wrapper .conentt-tool-bar>ul>li>button:not(.switch)
{
    height: 30px;
    border: 1px transparent solid;
    outline: none;
    border-radius: 15px;
    font-size: 14px;
    background-color: #3f9ed1;
    color: white;
    text-align: center;
    padding: 0px 15px;
    box-shadow: none;
    /*transition: color 0.3s;*/
}
/* .right-body-main>.panel>.panel-body>.content-wrapper .conentt-tool-bar>ul>li>button:hover */
.right-body-main>.panel>.panel-body>.content-wrapper .conentt-tool-bar>ul>li>button:not(.switch):hover
{
    border: 1px #3f9ed1 solid;
    background-color: white;
    color: #3f9ed1;
}
.right-body-main>.panel>.panel-body>.content-wrapper .conentt-tool-bar>ul>li>button.btn-default-reverse
{
    border: 1px #3f9ed1 solid;
    background-color: white;
    color: #3f9ed1;
}
.right-body-main>.panel>.panel-body>.content-wrapper .conentt-tool-bar>ul>li>button.btn-default-reverse:hover
{
    border: 1px transparent solid;
    background-color: #3f9ed1;
    color: white;
}
.right-body-main>.panel>.panel-body>.content-wrapper>.content-main
{
    padding: 0px 40px;
}
.right-body-main>.panel>.panel-body>.content-wrapper .content-main>table
{
    border: 0px;
    margin-bottom: 0px;
}
.right-body-main>.panel>.panel-body>.content-wrapper .content-main>table>thead>tr
{
    height: 50px;
}
.right-body-main>.panel>.panel-body>.content-wrapper .content-main>table>tbody>tr
{
    height: 73px;
}
.right-body-main>.panel>.panel-body>.content-wrapper .content-main>table td,
.right-body-main>.panel>.panel-body>.content-wrapper .content-main>table th
{
    vertical-align: middle;
    border: 0px;
}
.right-body-main>.panel>.panel-body>.content-wrapper.user .content-main>table td,
.right-body-main>.panel>.panel-body>.content-wrapper.user .content-main>table th
{
    vertical-align: middle;
    border: 0px;
    padding-left: 10px;
    padding-right: 0;
}

.table-create{
    width: 140px;
}

.table-status{
    cursor: pointer;
    color: #3f9ed1;
}

.table-fixed{
    table-layout: fixed;
}

.notification-details .panel-footer{
    border-bottom: 1px solid #ccc !important;
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 40px;
    height: 8px;
    padding: 9px !important;
}
.notification-details .action-logs > div{
    margin-bottom: 10px;
}
.notification-panel .action-logs h3,
.notification-details .action-logs h3{
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 14px;
}
.notification-details .action-logs{
    color: #333;
}
.notification-details .input-item label{
    font-weight: bold !important;
}
.notification-details label{
    display: block;
}
.notification-details img{
    max-width: 200px;
    max-height: 110px;
    width: auto;
    height: auto;
}
.notification-details .input-item p{
    word-break: break-word;
}

.action-logs p{
    margin: 0;
}

.vue-switch button:disabled{
    opacity: 0.7;
    cursor: not-allowed;
}
.vue-switch label{
    margin-left: 10px !important;
    line-height: 30px !important;
}
.table-head-actions{
    width: 100px;
}
.action-logs{
    background-color: white;
    border: none;
    padding-top: 20px;
    padding-bottom: 33px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
    color: #aaa;
}

.nowrap{
    white-space: nowrap !important;
    overflow: unset !important;
}
.right-body-main>.panel>.panel-body>.content-wrapper .content-main>table th
{
    white-space: pre;
}
.right-body-main>.panel>.panel-body>.content-wrapper .content-main>table tr
{
    border-bottom: 1px #dedede solid;
}
.right-body-main>.panel>.panel-body>.content-wrapper .content-main>table>tbody>tr>td:last-child
{
    word-break: break-word;
}
.right-body-main>.panel>.panel-body>.content-wrapper .content-main>table>tbody>tr>td a
{
    color: black;
    text-decoration: none;
}
.right-body-main>.panel>.panel-body>.content-wrapper .content-main>table>tbody>tr>td a:hover
{
    color: rgb(50, 121, 180);
}
.right-body-main>.panel>.panel-body>.content-wrapper .content-main>table>tbody>tr>td:last-child>button
{
    margin-right: 10px;
}
.right-body-main>.panel>.panel-body>.content-wrapper .content-main>table>tbody>tr>td:last-child>button:last-child
{
    margin-right: 0px;
}

/* switch button */

button.switch
{
    width: 33px;
    height: 18px;
    border: none;
    border-radius: 9px;
    padding: 0px;
    position: relative;
    transition: all 1s;
    box-shadow: inset 2px 2px 5px 2px rgba(0,0,0,0.2);
}
button.switch:before
{
    content: "";
    width: 14px;
    height: 14px;
    display: block;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 2px;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
button.switch.off
{
    background-color: #959595;
}
button.switch.on
{
    background-color: #45ad4e;
}
button.switch.off:before
{
    /* left: auto; */
    left: calc(100% - 14px - 2px);
    /* right: 2px; */
}
/*button.op-btn
{
    height: 35px;
    width: 80px;
    font-size: 13px;
    line-height: 35px;
    padding: 0px;
    border: none;
}*/
button.op-btn
{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 0px;
    border: 1px #44a1d2 solid;
    background-color: transparent;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center center;
}
button.op-btn:hover
{
    background-color: #44a1d2;
}
button.op-btn.delete-btn
{
    background-image: url(../images/admin/bin-blue-icon.svg);
}
button.op-btn.delete-btn:hover
{
    background-image: url(../images/admin/bin-white-icon.svg);
}
button.op-btn.edit-btn
{
    background-image: url(../images/admin/pen-blue-icon.svg);
}
button.op-btn.edit-btn:hover
{
    background-image: url(../images/admin/pen-white-icon.svg);
}

/*pagination */
.content-wrapper .page-nav
{
    float: left;
    width: 100%;
}
.content-wrapper .page-nav>nav
{
    float: right;
}
.content-wrapper.loading .page-nav:after,
.content-wrapper .tab-content.loading .page-nav:after
{
    content: "";
    display: block;
    width: 34px;
    height: 34px;
    background-image: url(../images/admin/loading-icon.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-animation: uploadFrames 1.5s linear infinite;
    animation: uploadFrames 1.5s linear infinite;
    float: right;
    margin: 50px 0px;
    margin-right: 30px;
    background-size: 60%;
}

.pagination 
{
    margin: 50px 0px;
}










.login-info
{
    margin: 30px 0px;
}
/*.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}*/
.login-panel .logo{
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    padding-top: 0px;
}
.login-panel .logo img
{
    width: 100%;
}
.login-panel
{
    width: 320px;
    /*height: 384px;*/
    padding: 40px 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-color: #ddd;
}
.login-panel.error:before
{
    content: "Invalid username or password!";
    display: block;
    position: absolute;
    background-color: rgb(255, 129, 130);
    border: 1px rgb(227, 84, 86) solid;
    border-radius: 1px;
    height: 35px;
    width: 98%;
    top: -60px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    color: white;
    line-height: 35px;
    text-align: center;
}
.login-panel.error.error-try:before
{
    content: "You entered 5x the wrong password. This account is locked for 15 minutes. Please try later again.";
    height: auto;
    padding: 9px 10px;
    line-height: 22px;
    top: -115px;
}
.login-panel.error.error-varification:before
{
    content: "Invalid verification code!";
}
.login-panel.error.error-varification.error-try:before{
    top: -60px;
}
.login-panel input
{
    height: 40px;
    font-size: 14px;
}
.login-panel input:nth-of-type(1)
{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.login-panel input:nth-of-type(2)
{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    /*border-top: 0px;*/
    margin-top: -1px;
}
.login-panel.error input:nth-of-type(1),
.login-panel.error input:nth-of-type(2)
{
    border-color: rgb(175, 77, 78);
    box-shadow: none;
    border-collapse: collapse;
}
.login-panel.error.error-varification input:nth-of-type(1),
.login-panel.error.error-varification input:nth-of-type(2)
{
    border-color: #ccc;
    box-shadow: none;
    border-collapse: collapse;
}
.login-panel.error.error-varification .verification-input input:nth-of-type(1)
{
    border-color: rgb(175, 77, 78);
}

.login-panel [type=submit]
{
    margin-top: 20px;
    background: #003366;
    border: 1px solid #003366;
    font-size: 16px;
}
.login-panel .panel-header h1
{
    /*padding: 0 30px;*/
    margin: 20px auto;
    font-size: 18px;
    text-align: center;
    color: #999;
}
.login-panel .panel-body
{
    padding: 0px;
    margin-top: 20px;
}
.login-panel .input-item.verification-input
{
    margin-top: 10px;
}
.login-panel .input-item.verification-input:after
{
    content: "";
    display: block;
    clear: both;
}
.login-panel .input-item.verification-input input
{
    width: 100px;
    float: left;
    border-radius: 4px;
}
.login-panel .input-item.verification-input .verification-img-wrapper
{
    float: right;
    width: 140px;
    border: 1px #cccccc solid;
    border-radius: 4px;
    overflow: hidden;
}
.login-panel .input-item.verification-input .verification-img-wrapper>img
{
    width: calc(100% - 40px);
    height: 38px;
    display: block;
    float: left;
}
.login-panel .input-item.verification-input .verification-img-wrapper>button
{
    float: left;
    width: 40px;
    height: 38px;
    border: none;
    margin: 0px;
    padding: 0px;
    background: white;
    border-left: 1px rgb(213, 213, 213) solid;
    outline: none;
    position: relative;
}
.login-panel .input-item.verification-input .verification-img-wrapper>button:hover
{
    background-color: #3e9ed1;
}
.login-panel .input-item.verification-input .verification-img-wrapper>button:after
{
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../images/refresh-icon-blue.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center center;
    transform-origin: 8.5px 9.8px;
}
.login-panel .input-item.verification-input .verification-img-wrapper>button:hover:after
{
    background-image: url(../images/refresh-icon-white.svg);
}
.form-hint
{
    margin: 0px;
    font-size: 13px;
    color: #999;
    margin-top: 10px;
    line-height: 13px;
    float: left;
}
@keyframes refresing{
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg)
    }
}
.refresing:after
{
    animation: refresing 1s;
}

#login-footer
{
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 30px;
    color: #999;
    font-size: 14px;
}
#login-footer .content-wrapper
{
    padding-left: 10px;
    padding-right: 10px;
}
#login-footer .content-wrapper:after
{
    content: "";
    clear: both;
    display: block;
}
#login-footer .content-wrapper .left
{
    float: left;
}
#login-footer .content-wrapper .right
{
    float: right;
}
button
{
    outline: none !important;
}
/*.panel-swicher.active
{
    background-color: burlywood;
}*/

.popup-panel-container
{
    /*position: fixed;*/
}
.popup-panel-container>.popup-panel
{
    position: fixed;
    top: -105%;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition: top 0.4s;
    transition: top 0.4s;
    z-index: 10;
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper
{
    width: 760px;
    height: 972px;
    max-height: 98%;
    /* height: auto; */
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    overflow-y: auto;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    box-shadow: 0px 0px 27px 0px rgba(0,0,0,0.38);
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel
{
    margin: 0px;
    border-radius: 2px;
    border: 0px;
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-heading
{
    padding: 0px 40px;
    min-height: 70px;
    border-radius: 0px;
    background-color: white;
    border-bottom: 1px #e5e5e5 solid;
    color: black;
    padding-bottom: 20px;
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-heading>h2
{
    font-size: 20px;
    margin-top: 25px;
    max-width: calc(100% - 35px);
    overflow: hidden;
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-heading>button
{
    border: none;
    padding: 0px;
    outline: none;
    width: 15px;
    height: 15px;
    padding: 10px;
    box-sizing: content-box;
    background: none;
    position: relative;
    margin-top: 17px;
    margin-right: -10px;
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-heading>button.panel-heading-canel-btn:hover:before,
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-heading>button.panel-heading-canel-btn:hover:after
{
    background-color: #000000;
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-heading>button.panel-heading-canel-btn:before,
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-heading>button.panel-heading-canel-btn:after
{
    content: "";
    display: block;
    width: 15px;
    height: 4px;
    background-color: #cccccc;
    position: absolute;
    border-radius: 1px;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-heading>button.panel-heading-canel-btn:before
{
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-heading>button.panel-heading-canel-btn:after
{
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.popup-panel-container>.popup-panel.show
{
    top: 0px;
}
.popup-panel-container>.popup-panel.fancy-comfirm-panel
{
    top: 0px;
}
.popup-panel-container>.popup-panel.fancy-comfirm-panel.show
{
    top: 0px;
}
.popup-panel-container>.popup-panel.fancy-comfirm-panel>.popup-panel-wrapper
{
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: scale(0.01, 0.01);
        -ms-transform: scale(0.01, 0.01);
            transform: scale(0.01, 0.01);
    opacity: 1;
}
.popup-panel-container>.popup-panel.fancy-comfirm-panel.show>.popup-panel-wrapper
{
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
}
@-webkit-keyframes slowIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes slowIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/*.popup-panel-container>.popup-panel.show:before*/
.popup-panel-container>.popup-panel.show>.popup-panel-mask
{
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-animation: slowIn 0.4s forwards linear;
    animation: slowIn 0.4s forwards linear;
}

.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body
{
    padding: 6px 40px;
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body>.fancy-comfirm-msg
{
    padding-top: 20px;
    font-size: 16px;
    color: #333333;
}

.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-footer
{
    background-color: white;
    border: none;
    padding-top: 20px;
    padding-bottom: 33px;
    padding-left: 40px;
    padding-right: 40px;
}
.popup-panel-container>.popup-panel.loading>.popup-panel-wrapper>.panel>.panel-footer:after
{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    /* position: absolute; */
    /* float: left; */
    position: relative;
    top: 5px;
    left: 10px;
    background-image: url(../images/admin/loading-icon.svg) !important;
    -webkit-animation: uploadFrames 1.2s infinite linear;
            animation: uploadFrames 1.2s infinite linear;
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body .input-item.error-info
{
    padding-top: 30px;
    display: none;
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body .input-item.error-info.show-error
{
    display: block;
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body>.input-item.error-info.show-error:not(.last)+.last
{
    padding-top: 0px;
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body .input-item.error-info>.alert
{
    min-height: 40px;
    font-size: 16px;
    padding: 8px 15px;
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body .input-collection
{
    margin: 6px 0px;
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body .input-collection>.input-item-group
{
    width: 318px;
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body .input-item.article-content-wrapper
{
    margin-top: 6px;
    overflow: hidden;
    display: none;
}
.popup-panel-container>.popup-panel.show>.popup-panel-wrapper>.panel>.panel-body .input-item.article-content-wrapper
{
    display: block;
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body .input-item.article-content-wrapper > .section-clear .full-width {
    margin-top: 10px;
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body .input-item.article-content-wrapper > .section-clear > label,
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body .input-item>label
{
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    font-weight: normal;
    margin: 0px;
}

.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body .input-item input,
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body .input-item select,
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body .input-item .file-uploader
{
    /* padding: 8px 13px; */
    height: 40px;
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body .input-item input[type="radio"]
{
    height: auto;
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body .input-item input:focus,
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body .input-item select:focus,
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body .input-item textarea:focus,
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body .input-item .file-uploader:focus,
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body .input-item .vue-checkbox-list:focus
{
    border-color: black;
    outline: 0;
    box-shadow: none;
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body .input-item>select,
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-body .input-item>.article-date
{
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    background: -webkit-linear-gradient(#ccc, #ccc) no-repeat,
            -webkit-linear-gradient(225deg, rgba(255,255,255,0) 50%, white 50%) no-repeat,
            -webkit-linear-gradient(315deg, rgba(255,255,255,0) 50%, white 50%) no-repeat,
            -webkit-linear-gradient(#333, #333) no-repeat;
    background: linear-gradient(#ccc, #ccc) no-repeat,
            linear-gradient(-135deg, rgba(255,255,255,0) 50%, white 50%) no-repeat,
            linear-gradient(-225deg, rgba(255,255,255,0) 50%, white 50%) no-repeat,
            linear-gradient(#333, #333) no-repeat;
    background-color: white;
    background-size: 1px 100%, 12px 12px, 12px 12px, 12px 30%;
    background-position: right 38px center, calc(100% - 12px) 16px, calc(100% - 12px) 16px, calc(100% - 12px) 16px;
}
.popup-panel-container>.popup-panel>.popup-panel-wrapper>.panel>.panel-footer>.panel-footer-right
{
    float: right;
}
.file-uploader
{
    border: 1px solid #ccc;
    border-radius: 4px;
    position: relative;
    border-right: 0px;
}
.file-uploader>.display-text
{
    /* line-height: 38px; */
    color: #aaa;
    color: black;
}
.file-uploader>.display-text.empty
{
  color: #aaa;
}
.file-uploader>.select-btn-wrapper
{
    height: 100%;
    width: 135px;
    overflow: hidden;
    background-color: #3f9ed1;
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 4px;
}
.file-uploader>.select-btn-wrapper>.select-btn-display
{
    color: white;
    display: block;
    text-align: center;
    height: 100%;
    line-height: 38px;
}
.file-uploader>.select-btn-wrapper>.select-btn-display:before
{
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    /*background-image: url(../images/admin/upload-icon.png);*/
    background-image: url(../images/admin/upload-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    margin-bottom: -3px;
    margin-right: 8px;
}
.select-btn-display.loading:before
{
    background-image: url(../images/admin/loading-icon.svg) !important;
    -webkit-animation: uploadFrames 1.5s infinite linear;
            animation: uploadFrames 1.5s infinite linear;
}
.file-uploader>.select-btn-wrapper>.select-btn-input
{
    position: absolute;
    width: 1000%;
    height: 1000%;
    right: 0px;
    bottom: 0px;
    cursor: pointer;
    opacity: 0;
}
/*.file-uploader-wrapper>div
{
    transition: all 0.3s;
}*/
.file-uploader-wrapper.loading>.file-uploader
{
    width: 450px;
    float: left;
}
.file-uploader-wrapper.loading>.file-uploader-state
{
    float: right;
}
.file-uploader-wrapper.loading>.file-uploader-state:before,
.file-uploader-wrapper.loading>.file-uploader-state:after
{
    display: inline-block;
    position: relative;
}

.file-uploader-wrapper.loading>.file-uploader-state:before
{
    content: "";
    width: 25px;
    height: 25px;
    background-image: url(../images/admin/loading-icon.svg);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-animation: uploadFrames 1.5s infinite linear;
            animation: uploadFrames 1.5s infinite linear;
    top: 7px;
}
.file-uploader-wrapper.loading>.file-uploader-state:after
{
    content: "Loading image, please wait...";
    display: inline-block;
    height: 40px;
    line-height: 40px;
    top: 0px;
    font-size: 14px;
    color: #999999;
    margin-left: 5px;
}
.file-uploader-wrapper.loading>.file-uploader-state.file:after
{
    content: "Loading file, please wait...";
}
.file-uploader-wrapper>.file-uploader-info
{
    float: left;
    width: 100%;
    color: #3f9ed1;
    font-size: 14px;
    padding-top: 10px;
}







.content-wrapper.news table
{
    width: 100%;
    margin-bottom: 0px;
}
.content-wrapper.news table tr th:nth-of-type(1)
{
    /* width: 60%; */
}

.article-content
{
    height: 340px !important;
}
.article-teaser
{
    /* height: 60px !important; */
}



.delete-btn:hover
{
    color: #fa5788;
}
.edit-btn
{
    background-color: #0081cb;
}
.edit-btn:hover
{
    color: #0081cb;
}

.hide-btn>.glyphicon-eye-close
{
    color: black;
}



.footer-btn
{
	background: none;
	min-width: 80px;
}
.save-btn
{
/*     min-width: 54px; */
    background-color: #3f9ed1;
    color: white;
    margin-right: 10px;
    border: 1px #3f9ed1 solid;
}
.save-btn:hover
{
    color: #3f9ed1;
    background-color: white;
    border: 1px #3f9ed1 solid;
}
.cancel-btn
{
    background-color: white;
    color: black;
    border: 1px #cccccc solid;
}
.cancel-btn:hover
{
    color: #3f9ed1;
    background-color: white;
    border-color: #3f9ed1;
}
.btn-red
{
    background-color: rgb(216, 84, 80);
    color: white;
    border: 1px rgb(216, 84, 80) solid;
}
.btn-red:hover
{
    color: rgb(216, 84, 80);
    background-color: white;
    border-color: rgb(216, 84, 80);
}

/* download */
.download-tool-bar
{
    padding-bottom: 15px;
}

.file-upload-selector
{
    position: relative;
    overflow: hidden;
    padding: 10px;
    /* margin: 5px; */
    border: 2px pink dashed;
    cursor: pointer;
    text-align: center;
}
.file-upload-selector:hover
{
    border: 2px #00c853 dashed;
}
.file-upload-selector>input[type=file]
{
    position: absolute;
    width: 200%;
    height: 200%;
    left: auto;
    right: 0px;
    top: auto;
    bottom: 0px;
    -webkit-appearance: none;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
}
.file-upload-selector>label
{
    display: inline;
}
.file-upload-btn
{
    /* height: 100%; */
    /* display: inline-block; */
}
.file-upload-btn>.btn
{
    /*height: 100%;*/
    margin-top: 5px;
}
.img-file-preview
{
    height: 150px;
    overflow: hidden;
    /*border: 1px yellowgreen solid;*/
}
.img-file-preview>img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.upload-upload
{
    background-color: #ffab00;
    color: white;
    border: none;
}
@-webkit-keyframes uploadFrames{
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@keyframes uploadFrames{
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
.upload-upload>.glyphicon-repeat
{
    -webkit-animation: uploadFrames 1s linear infinite;
            animation: uploadFrames 1s linear infinite;
}
.upload-done
{
    background-color: #00c853;
    color: white;
    border: none;
}



/* map */
.map-tool-bar
{
    padding-bottom: 15px;
}
/*.map-add-panel
{
    position: fixed;
    width: 500px;
    top: -50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: top 0.4s;
    transition: top 0.4s;
    z-index: 10;
}
.map-add-panel.show
{
    top: 50%;
}*/

.map-add-panel .map-file
{
    padding: 0px 15px;
}
.map-op-btn
{
    border-color: transparent;
    background-clip: padding-box;
    color: white;
}



body>header
{
    height: 74px;
    background-color: white;
}
body>header>nav.navbar
{
    border: none;
    margin: 0px;
    height: 100%;
    background-color: white;
}
body>header>nav.navbar>.container-fluid
{
    height: 100%;
}


.datepicker 
{
    width: 318px;
}

.datepicker table
{
    width: 100%;
}


.cover-box
{
    /* margin-bottom: -15px; */
    position: relative;
    /*bottom: -13px;*/
}
.cover-box>.cover-content 
{
    position: relative;
    width: 318px;
    /* height: 145px; */
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    border: 1px #dddddd solid;
    width: 240px;
    /* height: 135px; */
    margin-bottom: 10px;
}

.cover-box>.cover-content.none
{
    background-image: url(../images/admin/img-preview-bg.png) !important;
    background-size: 56px 59px;
    height: 135px;
}
.cover-box>.cover-content>img
{
    display: block;
    width: 100%;
}
.cover-box>.cover-content.none>img
{
    display: none;
}

.input-item
{
    position: relative;
}

.float-btn.blue
{
    background-color: #3f9ed1;
	color: white;
	border: 1px #3f9ed1 solid;
}
.float-btn.blue
{
    background-color: #3f9ed1;
	color: white;
	border: 1px #3f9ed1 solid;
}
.float-btn.blue:hover
{
    color: #3f9ed1;
    background-color: white;
    border: 1px #3f9ed1 solid;
}
.float-btn
{
    position: absolute;
}
.float-btn.float-btn-right
{
    top: auto;
    left: auto;
    right: 0px;
    bottom: 0px;
}



#app
{
    position: relative;
    width: 100vw;
    height: 100vh;
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    text-align: center;
}

#app:after
{
    content: ".";
    animation: dots 2s steps(1, end) infinite;
}

@keyframes dots
{
    0%, 10%
    {
        color: rgba(0,0,0,0);
        text-shadow:
            .25em 0 0 rgba(0,0,0,0),
            .5em 0 0 rgba(0,0,0,0),
            .75em 0 0 rgba(0,0,0,0),
            1em 0 0 rgba(0,0,0,0),
            1.25em 0 0 rgba(0,0,0,0);
    }
    20%
    {
        color: #000;
        text-shadow:
            .25em 0 0 rgba(0,0,0,0),
            .5em 0 0 rgba(0,0,0,0),
            .75em 0 0 rgba(0,0,0,0),
            1em 0 0 rgba(0,0,0,0),
            1.25em 0 0 rgba(0,0,0,0);
    }
    30%
    {
        color: #000;
        text-shadow:
            .25em 0 0 #000,
            .5em 0 0 rgba(0,0,0,0),
            .75em 0 0 rgba(0,0,0,0),
            1em 0 0 rgba(0,0,0,0),
            1.25em 0 0 rgba(0,0,0,0);
    }
    40%
    {
        color: #000;
        text-shadow:
            .25em 0 0 #000,
            .5em 0 0 #000,
            .75em 0 0 rgba(0,0,0,0),
            1em 0 0 rgba(0,0,0,0),
            1.25em 0 0 rgba(0,0,0,0);
    }
    50%
    {
        color: #000;
        text-shadow:
            .25em 0 0 #000,
            .5em 0 0 #000,
            .75em 0 0 #000,
            1em 0 0 rgba(0,0,0,0),
            1.25em 0 0 rgba(0,0,0,0);
    }
    60%
    {
        color: #000;
        text-shadow:
            .25em 0 0 #000,
            .5em 0 0 #000,
            .75em 0 0 #000,
            1em 0 0 #000,
            1.25em 0 0 rgba(0,0,0,0);
    }
    70%, 100%
    {
        color: #000;
        text-shadow:
            .25em 0 0 #000,
            .5em 0 0 #000,
            .75em 0 0 #000,
            1em 0 0 #000,
            1.25em 0 0 #000;
    }
}

.disable
{
    opacity: 0.4;
    pointer-events: none;
}

.right-body-main>.panel>.panel-body>.content-wrapper.welcome
{
    height: calc(100vh - 185px);
}
.right-body-main>.panel>.panel-body>.content-wrapper.welcome>.content-header>.content-title:before
{
    background-image: url(../images/admin/user-title-icon.svg);
}
.right-body-main>.panel>.panel-body>.content-wrapper.welcome .content-main
{
    height: calc(100% - 83px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.right-body-main>.panel>.panel-body>.content-wrapper.welcome .content-main>h2
{

}

.status-wrapper
{

}
.status-wrapper.loading:after
{
    content: "";
    display: block;
    background-image: url(../images/admin/loading-icon.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    -webkit-animation: uploadFrames 1.5s infinite linear;
            animation: uploadFrames 1.5s infinite linear;
}
.tip-msg.red {
    color: red;
}
.tip-msg {
    margin: 10px 0;
    color: #aaa;
}
span.tip-info {
    width: 13px;
    height: 13px;
    margin-left: 5px;
    display: inline-block;
    background: url(../images/info-blue.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    vertical-align: middle;
}
span.tip-info:hover:before {
    padding: 8px 10px;
    width: 200px;
    height: auto;
    height: 52px;
}
span.warning-tip {
    display: block;
    color: #cd1b1b;
    margin-top: 5px;
}
span.tip-info:before {
    content: attr(data-title);
    display: block;
    position: absolute;
    left: calc(100% + 10px);
    color: #666;
    width: 0;
    overflow: hidden;
    height: 0;
    z-index: 3;
    background-color: white;
    line-height: 18px;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    top: 50%;
    /* margin-top: 3px; */
    padding: 0px;
    opacity: 1;
    font-size: 14px;
    white-space: inherit;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
}
span.auto-height-tip:before
{
    display: none;
}
span.auto-height-tip:hover:before
{
    height: auto;
    width: 400px;
    display: block;
}
button.btn.btn-download.excel-download-btn.btn-default-reverse:before {
    margin: 0;
}

button.btn.btn-download.excel-download-btn.btn-default-reverse:hover{
    background: #3f9ed1;
}
button.btn.btn-view {
    padding: 4px 10px;
    text-align: center;
    color: #3f9ed1;
}
.table-wrap {
    overflow-wrap: anywhere;
}