@font-face{
    font-family:"Roboto";
    font-style:normal;
    font-weight:300;
    src:url("/javax.faces.resource/fonts/roboto-v15-latin-300.eot.xhtml?ln=avalon-layout");
    src:local("Roboto Light"),local("Roboto-Light"),
    url("/javax.faces.resource/fonts/roboto-v15-latin-300.eot.xhtml?ln=avalon-layout#iefix") format("embedded-opentype"),
    url("/javax.faces.resource/fonts/roboto-v15-latin-300.woff2.xhtml?ln=avalon-layout") format("woff2"),
    url("/javax.faces.resource/fonts/roboto-v15-latin-300.woff.xhtml?ln=avalon-layout") format("woff"),
    url("/javax.faces.resource/fonts/roboto-v15-latin-300.ttf.xhtml?ln=avalon-layout") format("truetype"),
    url("/javax.faces.resource/fonts/roboto-v15-latin-300.svg.xhtml?ln=avalon-layout #Roboto") format("svg")
}
@font-face{
    font-family:"Roboto";
    font-style:normal;
    font-weight:400;
    src:url("/javax.faces.resource/fonts/roboto-v15-latin-regular.eot.xhtml?ln=avalon-layout");
    src:local("Roboto"),local("Roboto-Regular"),
     url("/javax.faces.resource/fonts/roboto-v15-latin-regular.eot.xhtml?ln=avalon-layout #iefix") format("embedded-opentype"),
     url("/javax.faces.resource/fonts/roboto-v15-latin-regular.woff2.xhtml?ln=avalon-layout") format("woff2"),
     url("/javax.faces.resource/fonts/roboto-v15-latin-regular.woff.xhtml?ln=avalon-layout") format("woff"),
     url("/javax.faces.resource/fonts/roboto-v15-latin-regular.ttf.xhtml?ln=avalon-layout") format("truetype"),
     url("/javax.faces.resource/fonts/roboto-v15-latin-regular.svg.xhtml?ln=avalon-layout#Roboto") format("svg")
}
@font-face{
    font-family:"Roboto";
    font-style:normal;
    font-weight:700;
    src:url("/javax.faces.resource/fonts/roboto-v15-latin-700.eot.xhtml?ln=avalon-layout");
    src:local("Roboto Bold"),local("Roboto-Bold"),
    url("/javax.faces.resource/fonts/roboto-v15-latin-700.eot.xhtml?ln=avalon-layout#iefix") format("embedded-opentype"),
    url("/javax.faces.resource/fonts/roboto-v15-latin-700.woff2.xhtml?ln=avalon-layout") format("woff2"),
    url("/javax.faces.resource/fonts/roboto-v15-latin-700.woff.xhtml?ln=avalon-layout") format("woff"),
    url("/javax.faces.resource/fonts/roboto-v15-latin-700.ttf.xhtml?ln=avalon-layout") format("truetype"),
    url("/javax.faces.resource/fonts/roboto-v15-latin-700.svg.xhtml?ln=avalon-layout#Roboto") format("svg")
}
@-webkit-keyframes fadeInDown{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, -20px, 0);
        transform:translate3d(0, -20px, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDown{
    from{
        opacity:0;
        transform:translate3d(0, -20px, 0)
    }
    to{
        opacity:1;
        transform:none
    }
}
@-webkit-keyframes fadeOutUp{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0, -20px, 0);
        transform:translate3d(0, -20px, 0)
    }
}
@keyframes fadeOutUp{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0, -20px, 0);
        transform:translate3d(0, -20px, 0)
    }
}
.fadeInDown{
    -webkit-animation:fadeInDown .5s;
    animation:fadeInDown .5s
}
.fadeOutUp{
    -webkit-animation:fadeOutUp .3s;
    animation:fadeOutUp .3s
}
.layout-config{
    position:fixed;
    padding:0;
    top:60px;
    display:block;
    right:0;
    width:21em;
    z-index:996;
    height:calc(100% - 60px);
    transform:translate3d(21em, 0px, 0px);
    -moz-transition:transform .3s;
    -o-transition:transform .3s;
    -webkit-transition:transform .3s;
    transition:transform .3s;
    background-color:#fff;
    backface-visibility:hidden;
    box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 5px 22px 4px rgba(0,0,0,.12),0 12px 17px 2px rgba(0,0,0,.14)
}
.layout-config.layout-config-active{
    transform:translate3d(0px, 0px, 0px)
}
.layout-config.layout-config-active .layout-config-button i{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg)
}
.layout-config .layout-config-button{
    display:block;
    position:absolute;
    width:52px;
    height:52px;
    line-height:52px;
    background-color:#fafafa;
    text-align:center;
    top:230px;
    left:-51px;
    z-index:-1;
    overflow:hidden;
    cursor:pointer;
    opacity:1;
    color:#146fd7;
    -moz-border-radius-topleft:4px;
    -webkit-border-top-left-radius:4px;
    border-top-left-radius:4px;
    -moz-border-radius-bottomleft:4px;
    -webkit-border-bottom-left-radius:4px;
    border-bottom-left-radius:4px;
    -moz-transition:background-color .3s;
    -o-transition:background-color .3s;
    -webkit-transition:background-color .3s;
    transition:background-color .3s;
    box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 5px 22px 4px rgba(0,0,0,.12),0 12px 17px 2px rgba(0,0,0,.14)
}
.layout-config .layout-config-button i{
    font-size:32px;
    font-weight:bold;
    line-height:inherit;
    cursor:pointer;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg);
    -moz-transition:transform 1s;
    -o-transition:transform 1s;
    -webkit-transition:transform 1s;
    transition:transform 1s
}
.layout-config .layout-config-button:hover{
    color:#4996ee
}
.layout-config .layout-config-close{
    position:absolute;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    right:20px;
    top:10px;
    z-index:999;
    background-color:#e0284f;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    -moz-transition:background-color .3s;
    -o-transition:background-color .3s;
    -webkit-transition:background-color .3s;
    transition:background-color .3s
}
.layout-config .layout-config-close i{
    color:#fff;
    line-height:inherit;
    font-size:12px
}
.layout-config .layout-config-close:hover{
    background-color:#d44d69
}
.layout-config .layout-config-content{
    position:relative;
    height:100%;
    padding:1em;
    overflow:auto
}
.layout-config .layout-config-content .layout-themes{
    display:flex;
    flex-wrap:wrap
}
.layout-config .layout-config-content .layout-themes>div{
    padding:.25rem
}
.layout-config .layout-config-content .layout-themes a{
    width:2rem;
    height:2rem;
    border-radius:4px;
    display:block;
    position:relative;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:transform .3s;
    box-shadow:0 .125rem .25rem rgba(0,0,0,.075)
}
.layout-config .layout-config-content .layout-themes a i{
    font-size:1rem;
    position:absolute;
    color:#fff;
    top:50%;
    left:50%;
    margin-left:-0.5rem;
    margin-top:-0.5rem
}
.layout-config .layout-config-content .layout-themes a:hover{
    transform:scale(1.1)
}
.layout-config .col{
    text-align:center
}
.layout-config p{
    line-height:1.5;
    margin-top:0;
    color:#777
}
.layout-config .grid-radio td{
    padding:0 .5rem 1rem 0
}
.blocked-scroll-config{
    overflow:hidden
}
@media screen and (max-width: 1024px){
    .layout-config{
        transform:translate3d(21em, 0px, 0px)
    }
    .layout-config.layout-config-active{
        transform:translate3d(0px, 0px, 0px)
    }
    .layout-config .layout-config-close{
        right:29px
    }
}
.exception-body{
    overflow:hidden;
    margin:0 auto;
    position:relative;
    min-height:100%
}
.exception-body.error{
    background:url("/javax.faces.resource/images/exception/bg-error.png.xhtml?ln=avalon-layout") no-repeat;
    background-size:cover;
    background-position:center
}
.exception-body.access{
    background:url("/javax.faces.resource/images/exception/bg-access.png.xhtml?ln=avalon-layout") no-repeat;
    background-size:cover;
    background-position:center
}
.exception-body.notfound{
    background:url("/javax.faces.resource/images/exception/bg-404.png.xhtml?ln=avalon-layout") no-repeat;
    background-size:cover;
    background-position:center
}
.exception-body .exception-text{
    text-align:center;
    font-size:36px;
    padding-top:30px;
    font-weight:bold;
    color:#fff
}
.exception-body .exception-text .exception-box{
    display:inline-block;
    padding:2px 8px;
    color:#292b2c;
    background-color:#fff
}
.exception-body .exception-text .notfound-box{
    display:inline-block;
    padding:2px 8px;
    color:#fff;
    background-color:#292b2c
}
.exception-body .exception-text .notfound-text{
    color:#292b2c
}
.exception-body .exception-image{
    width:100%;
    position:absolute;
    top:-36px;
    text-align:center;
    z-index:1
}
.exception-body .exception-panel{
    width:100%;
    height:160px;
    position:absolute;
    bottom:0;
    text-align:center;
    background-color:#292b2c
}
.exception-body .exception-panel .exception-panel-content{
    width:400px;
    position:relative;
    margin-left:-200px;
    top:30px;
    left:50%;
    color:#fff
}
.exception-body .exception-panel .exception-panel-content span.secondary{
    margin:0;
    font-size:90px;
    font-weight:300;
    margin-left:110px;
    position:relative;
    top:-25px
}
.exception-body .exception-panel .exception-panel-content .information-text{
    padding:15px
}
.exception-body .exception-panel .exception-panel-content .information-text h3{
    margin:0;
    margin-bottom:7px
}
.exception-body .exception-panel .exception-panel-content .information-text p{
    margin:0
}
.exception-body .exception-panel .exception-panel-content p{
    font-weight:400;
    margin:0
}
.help-wrapper{
    background-color:#eef2f6
}
.help-wrapper .help-header{
    padding:0;
    height:30vh;
    position:relative;
    margin:0 7px;
    margin-bottom:10px;
    background:url("/javax.faces.resource/images/extensions/asset-faq@2x.jpg.xhtml?ln=avalon-layout") top;
    background-size:cover;
    background-repeat:no-repeat
}
.help-wrapper .help-header .header-title{
    position:absolute;
    display:flex;
    align-items:center;
    padding:30px;
    width:100%;
    height:100%
}
.help-wrapper .help-header .header-title h1{
    font-size:28px;
    color:#292b2c;
    margin:0
}
.help-wrapper .help-header .header-title span{
    font-size:16px;
    color:#777
}
.help-wrapper .help-header .header-image{
    padding:0;
    text-align:right;
    width:100%
}
.help-wrapper .help-header .header-image img{
    width:85%;
    height:30vh
}
.help-wrapper .icon{
    background-image:linear-gradient(to bottom, #3cafbd, #aac7cb);
    width:50px;
    height:50px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    position:relative
}
.help-wrapper .icon i{
    font-size:30px;
    color:#fff;
    position:absolute;
    top:50%;
    left:50%;
    width:16px;
    margin-top:-0.5em;
    margin-left:-0.5em
}
.help-wrapper .help-content .card.accordion-card .card-header{
    padding-bottom:15px
}
.help-wrapper .help-content .card.accordion-card .card-header .icon i{
    left:50%
}
.help-wrapper .help-content .card.accordion-card .card-header .title h1{
    font-size:16px;
    font-weight:500;
    color:#292b2c;
    margin:0
}
.help-wrapper .help-content .card.accordion-card .card-header .title span{
    font-size:14px;
    font-weight:normal;
    color:#777
}
.help-wrapper .help-content .card.accordion-card .card-header .feedback-buttons{
    text-align:right;
    margin-top:8px
}
.help-wrapper .help-content .card.accordion-card .card-header .feedback-buttons button{
    font-size:14px;
    padding:3px 12px;
    border-radius:4px;
    cursor:pointer;
    margin-bottom:5px;
    width:125px
}
.help-wrapper .help-content .card.accordion-card .card-header .feedback-buttons button.not-helpful{
    border:solid 1px #de7470;
    background-color:#f2dede;
    color:#a94442
}
.help-wrapper .help-content .card.accordion-card .card-header .feedback-buttons button.helpful{
    border:solid 1px #8cd6ad;
    background-color:#e6f6ed;
    color:#217848
}
.help-wrapper .help-content .card.accordion-card .card-content .questions .ui-accordion .ui-accordion-header{
    border-radius:4px;
    border:solid 1px #ddd;
    background-color:#f5f5f5;
    font-size:16px;
    font-weight:500;
    color:#292b2c;
    padding:12px 35px
}
.help-wrapper .help-content .card.api-card .card-header .title h2{
    font-size:14px;
    color:#292b2c;
    margin:0;
    margin-bottom:15px
}
.help-wrapper .help-content .card.api-card .card-header .status P{
    color:#5cb85c;
    text-align:right;
    margin:0;
    margin-bottom:15px
}
.help-wrapper .help-content .card.api-card .card-content .progress-bars{
    padding:0 10px;
    display:flex;
    justify-content:space-between
}
.help-wrapper .help-content .card.api-card .card-content .progress-bars .progress-bar{
    height:65px;
    background-color:#5cb85c;
    flex:0 1 calc(3.3333333333% - 5px)
}
.help-wrapper .help-content .card.api-card .card-content .progress-bars .progress-bar:last-child{
    margin-right:0
}
.help-wrapper .help-content .card.api-card .card-content .progress-bars .progress-bar.fail{
    background-color:#d9534f
}
.help-wrapper .help-content .card.api-card .card-content .days{
    display:inline-block;
    color:#999;
    font-size:12px;
    margin-top:10px
}
.help-wrapper .help-content .card.api-card .card-content .today{
    text-align:right;
    display:inline-block;
    color:#999;
    font-size:12px;
    margin-top:10px
}
.help-wrapper .help-content .card.blog-card .card-header{
    padding-bottom:15px
}
.help-wrapper .help-content .card.blog-card .card-header .title h1{
    font-size:16px;
    font-weight:500;
    color:#292b2c;
    margin:0
}
.help-wrapper .help-content .card.blog-card .card-header .title span{
    font-size:14px;
    font-weight:normal;
    color:#777
}
.help-wrapper .help-content .card.blog-card .card-content .blog-post{
    background:url("/javax.faces.resource/images/extensions/bg-blogpost@2x.jpg.xhtml?ln=avalon-layout") center;
    background-size:cover;
    background-repeat:no-repeat;
    width:100%;
    height:150px;
    border-radius:4px;
    border:solid 1px #f5f5f5;
    margin-bottom:30px;
    display:flex;
    align-items:center;
    position:relative
}
.help-wrapper .help-content .card.blog-card .card-content .blog-post:nth-child(2){
    background:url("/javax.faces.resource/images/extensions/bg-blogpost2@2x.jpg.xhtml?ln=avalon-layout") center
}
.help-wrapper .help-content .card.blog-card .card-content .blog-post:nth-child(3){
    background:url("/javax.faces.resource/images/extensions/bg-blogpost@3x.jpg.xhtml?ln=avalon-layout") center
}
.help-wrapper .help-content .card.blog-card .card-content .blog-post .blog-text{
    margin-left:20px
}
.help-wrapper .help-content .card.blog-card .card-content .blog-post .blog-text h1{
    font-size:16px;
    color:#fff;
    margin-bottom:5px;
    font-weight:700
}
.help-wrapper .help-content .card.blog-card .card-content .blog-post .blog-text span{
    font-size:14px;
    color:#fff
}
.help-wrapper .help-content .card.blog-card .card-content .blog-post .blog-profile img{
    width:50px;
    height:50px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    position:absolute;
    top:-20px;
    right:-15px
}
@media(max-width: 640px){
    .help-wrapper .icon{
        width:40px;
        height:40px
    }
    .help-wrapper .icon i{
        font-size:26px
    }
    .help-wrapper .help-header{
        height:35vh;
        background-position:bottom;
        background-size:auto
    }
    .help-wrapper .help-header .header-title{
        margin-top:0px;
        padding:5px
    }
    .help-wrapper .help-header .header-title h1,.help-wrapper .help-header .header-title span{
        color:#fff
    }
}
.invoice-wrapper{
    padding:0;
    padding-bottom:10px;
    background-color:#fff;
    min-width:768px
}
.invoice-wrapper .invoice-header{
    padding:40px;
    background-color:#6aa5d8
}
.invoice-wrapper .invoice-header .title-date{
    text-align:right
}
.invoice-wrapper .invoice-header .title-date .title{
    font-size:24px;
    color:#292b2c
}
.invoice-wrapper .invoice-header .logo-adress{
    text-align:left
}
.invoice-wrapper .card{
    background-color:rgba(0,0,0,0)
}
.invoice-wrapper .card.invoice-table{
    padding:0px;
    margin-bottom:42px;
    width:100%
}
.invoice-wrapper .card.invoice-table h2,.invoice-wrapper .card.invoice-table p{
    margin:0
}
.invoice-wrapper .card.invoice-table .table-header{
    padding:0px 40px;
    margin-top:-40px;
    padding-top:10px
}
.invoice-wrapper .card.invoice-table .table-header h2{
    font-size:12px;
    font-weight:700;
    color:#292b2c;
    background-color:#fff;
    padding:10px;
    display:inline;
    border-radius:4px
}
.invoice-wrapper .card.invoice-table .table-content-row{
    padding:10px 45px;
    font-weight:500;
    color:#212121
}
.invoice-wrapper .card.invoice-table .table-content-row h2{
    font-size:14px;
    font-weight:500;
    color:rgba(0,0,0,.6)
}
.invoice-wrapper .card.invoice-table .table-content-row.even{
    background-color:#f9f9f9
}
.invoice-wrapper .card.invoice-table .total{
    color:#146fd7
}
.invoice-wrapper .card.invoice-table .total h2{
    color:#146fd7
}
.invoice-wrapper .card.invoice-table.products-table .table-header h2{
    background-color:#f9f9f9
}
.invoice-wrapper .card.invoice-table.bank-total-table .table-header{
    background-color:#6aa5d8
}
.invoice-wrapper .table-g-6{
    padding:0
}
.invoice-wrapper .text-left{
    text-align:left
}
.invoice-wrapper .text-right{
    text-align:right
}
.invoice-wrapper hr{
    border:none;
    border-top:1px dashed rgba(0,0,0,.22);
    color:#fff;
    background-color:#fff;
    height:50px;
    margin:50px 50px
}
@media(max-width: 992px){
    .invoice-wrapper .invoice-header{
        padding:15px;
        padding-bottom:40px
    }
    .invoice-wrapper .card.invoice-table .table-header{
        padding:0px;
        margin-top:-30px
    }
    .invoice-wrapper .card.invoice-table .table-content-row{
        padding:10px 5px
    }
    .invoice-wrapper .card.invoice-table.bank-total-table .table-header{
        padding-top:10px;
        background-color:#6aa5d8
    }
}
@media print{
    body *{
        visibility:hidden
    }
    #invoice-content *{
        visibility:visible
    }
    #invoice-content{
        width:100%;
        position:absolute;
        left:0;
        top:0;
        padding:0;
        margin:0
    }
}
.landing-body{
    background:#f4f4f4
}
.landing-body .section-button{
    padding:.429em .857em;
    background-color:#337ab7;
    color:#fff;
    text-align:center;
    border:0 none;
    font-size:14px;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    border-radius:4px
}
.landing-body .section-button:hover{
    background-color:#2d6da3;
    cursor:pointer
}
.landing-body .section-button:focus{
    background-color:#2d6da3;
    outline:0 none
}
.landing-body .landing-menu{
    list-style-type:none;
    margin:30px 0 0 0;
    padding:0;
    float:left;
    text-align:center
}
.landing-body .landing-menu li{
    display:inline-block;
    font-size:16px;
    margin-left:36px
}
.landing-body .landing-menu li:first-child{
    margin-left:0
}
.landing-body .landing-menu li a{
    color:#fff;
    border-bottom:1px solid rgba(0,0,0,0);
    transition:border .3s
}
.landing-body .landing-menu li a:hover{
    border-bottom:1px solid #fff
}
.landing-body .landing-wrapper #header{
    background:url("../images/landing/landing-main.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    box-shadow:0 10px 10px 0 rgba(0,0,0,.1)
}
.landing-body .landing-wrapper #header .header-top{
    width:1200px;
    margin:0 auto;
    padding-top:40px
}
.landing-body .landing-wrapper #header .header-top .logo{
    position:absolute;
    left:50%;
    margin-left:-45px;
    width:90px
}
.landing-body .landing-wrapper #header .header-top .sign-up-buttonpane{
    float:right;
    margin:30px 0 0 0
}
.landing-body .landing-wrapper #header .header-top .sign-up-buttonpane button{
    min-width:100px;
    padding:5px 10px;
    border:1px solid #fff;
    background:rgba(0,0,0,0);
    cursor:pointer;
    color:#fff;
    border-radius:4px;
    font-size:16px;
    margin-right:20px
}
.landing-body .landing-wrapper #header .header-top .sign-up-buttonpane button:hover{
    background-color:#fff;
    color:#434560
}
.landing-body .landing-wrapper #header .header-content{
    width:1200px;
    margin:0 auto;
    text-align:center;
    padding:150px;
    color:#fff;
    box-sizing:border-box
}
.landing-body .landing-wrapper #header .header-content h1{
    font-size:28px;
    font-weight:400
}
.landing-body .landing-wrapper #header .header-content h2{
    font-size:22px;
    font-weight:300;
    margin-bottom:30px
}
.landing-body .landing-wrapper #header .header-content button{
    width:170px
}
.landing-body .landing-wrapper #features{
    background-color:#fff;
    box-shadow:0 10px 10px 0 rgba(0,0,0,.1)
}
.landing-body .landing-wrapper #features>div{
    width:1200px;
    margin:0 auto;
    text-align:center;
    padding:60px 0 75px 0;
    color:#292b2c
}
.landing-body .landing-wrapper #features>div .features-content{
    text-align:left
}
.landing-body .landing-wrapper #features>div .features-content .feature-header{
    height:47px;
    position:relative
}
.landing-body .landing-wrapper #features>div .features-content .feature-header img{
    position:absolute;
    bottom:0
}
.landing-body .landing-wrapper #features>div .features-content h3{
    font-size:18px
}
.landing-body .landing-wrapper #features>div .features-content p{
    font-size:14px;
    margin:6px 0 0 0;
    line-height:1.5
}
.landing-body .landing-wrapper #features>div .features-content .col-12{
    padding:20px
}
.landing-body .landing-wrapper #showcase-content-wrapper{
    background-color:#fafcfe;
    position:relative;
    height:400px;
    overflow:hidden
}
.landing-body .landing-wrapper #showcase-content-wrapper .showcase-content{
    width:1200px;
    margin:0 auto;
    padding:50px 0 0 100px;
    box-sizing:border-box
}
.landing-body .landing-wrapper #showcase-content-wrapper .showcase-content h2{
    margin:0;
    padding:0;
    color:#2d353c;
    font-size:22px;
    margin:0 auto
}
.landing-body .landing-wrapper #showcase-content-wrapper .showcase-content p{
    color:#757575;
    width:400px;
    line-height:1.5
}
.landing-body .landing-wrapper #showcase-content-wrapper .intro-logo{
    width:80px;
    margin-bottom:30px
}
.landing-body .landing-wrapper #showcase-content-wrapper .layout-image{
    position:absolute;
    right:0px;
    bottom:0;
    width:800px
}
.landing-body .landing-wrapper #stats{
    background:#6d6d7e;
    background:radial-gradient(circle at 50% 50%, #6d6d7e, #3b3b48);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#6d6d7e", endColorstr="#3b3b48", GradientType=1)
}
.landing-body .landing-wrapper #stats>div{
    width:1200px;
    margin:0 auto;
    padding:30px 0
}
.landing-body .landing-wrapper #stats>div .stat-card{
    padding-top:45px;
    padding-bottom:45px;
    text-align:left;
    color:#fff;
    font-weight:bold
}
.landing-body .landing-wrapper #stats>div .component-content{
    padding:30px
}
.landing-body .landing-wrapper #stats>div .component-content.components{
    background-color:#a83279;
    background-image:-webkit-gradient(linear, left top, right top, from(#a83279), to(#b04167));
    background-image:-webkit-linear-gradient(left, #a83279, #b04167);
    background-image:-moz-linear-gradient(left, #a83279, #b04167);
    background-image:-ms-linear-gradient(left, #a83279, #b04167);
    background-image:-o-linear-gradient(left, #a83279, #b04167);
    background-image:linear-gradient(left, #a83279, #b04167);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#a83279", endColorstr="#b04167", gradientType="1")
}
.landing-body .landing-wrapper #stats>div .component-content.development{
    background-color:#457fca;
    background-image:-webkit-gradient(linear, left top, right top, from(#457fca), to(#5691c8));
    background-image:-webkit-linear-gradient(left, #457fca, #5691c8);
    background-image:-moz-linear-gradient(left, #457fca, #5691c8);
    background-image:-ms-linear-gradient(left, #457fca, #5691c8);
    background-image:-o-linear-gradient(left, #457fca, #5691c8);
    background-image:linear-gradient(left, #457fca, #5691c8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#457fca", endColorstr="#5691c8", gradientType="1")
}
.landing-body .landing-wrapper #stats>div .component-content.consumed{
    background-color:#563d7c;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#563d7c), to(#6f5499));
    background-image:-webkit-linear-gradient(top, #563d7c, #6f5499);
    background-image:-moz-linear-gradient(top, #563d7c, #6f5499);
    background-image:-ms-linear-gradient(top, #563d7c, #6f5499);
    background-image:-o-linear-gradient(top, #563d7c, #6f5499);
    background-image:linear-gradient(to bottom, #563d7c, #6f5499);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#563d7c", endColorstr="#6f5499")
}
.landing-body .landing-wrapper #pricing{
    background-color:#fff;
    padding:60px 0 75px 0;
    text-align:center
}
.landing-body .landing-wrapper #pricing>div{
    width:1200px;
    margin:0 auto;
    text-align:left
}
.landing-body .landing-wrapper #pricing>div h1{
    font-size:22px;
    font-weight:600;
    margin:15px 0 45px 0
}
.landing-body .landing-wrapper #pricing>div .col-12 .price-type{
    border:1px solid #ddd;
    height:100%;
    color:#6a6a7d;
    box-sizing:border-box;
    border-radius:3px
}
.landing-body .landing-wrapper #pricing>div .col-12 .price-type h3{
    font-size:18px;
    margin:0 0 5px 0
}
.landing-body .landing-wrapper #pricing>div .col-12 .price-type .price-header{
    background-color:#f5f5f5;
    padding:30px;
    border-bottom:1px solid #ddd
}
.landing-body .landing-wrapper #pricing>div .col-12 .price-type .price-for{
    color:#bdc3c9;
    font-weight:bold
}
.landing-body .landing-wrapper #pricing>div .col-12 .price-type .price-content span{
    color:#6a6a7d
}
.landing-body .landing-wrapper #pricing>div .col-12 .price-type .price-footer{
    padding:10px 60px 30px 60px
}
.landing-body .landing-wrapper #pricing>div .col-12 .price-type ul{
    padding:0;
    margin-top:0;
    min-height:175px
}
.landing-body .landing-wrapper #pricing>div .col-12 .price-type ul li{
    color:#6ba6d9;
    list-style-type:none;
    padding:10px 30px 10px 10px;
    border-bottom:1px solid #ddd
}
.landing-body .landing-wrapper #pricing>div .col-12 .price-type ul li span{
    margin-left:12px
}
.landing-body .landing-wrapper #pricing>div .col-12 .price-type button{
    width:100%
}
.landing-body .landing-wrapper #video{
    padding:60px 0 75px 0;
    text-align:left
}
.landing-body .landing-wrapper #video>div{
    width:1200px;
    margin:0 auto
}
.landing-body .landing-wrapper #video>div .video-content{
    text-align:right
}
.landing-body .landing-wrapper #video>div .video-content p{
    line-height:1.5
}
.landing-body .landing-wrapper #footer{
    padding:30px 0;
    background-color:#292b2c;
    border:solid 1px #dee4e9
}
.landing-body .landing-wrapper #footer .social-icons{
    font-size:36px;
    vertical-align:middle;
    text-align:right
}
.landing-body .landing-wrapper #footer .social-icons a{
    color:#fff
}
.landing-body .landing-wrapper #footer>div{
    width:1200px;
    margin:0 auto;
    text-align:left
}
.landing-body .landing-wrapper #footer>div img{
    width:120px;
    margin-bottom:10px
}
.landing-body .landing-wrapper #footer>div span{
    color:#ccc;
    line-height:1.5
}
.landing-body .landing-wrapper #footer>div .footer-newsletter a{
    position:relative
}
.landing-body .landing-wrapper #footer>div .footer-newsletter input{
    width:180px
}
.landing-body .landing-wrapper #footer>div .footer-newsletter .input-icon{
    position:absolute;
    right:5px;
    top:0;
    color:#3e9018;
    font-size:18px
}
.landing-body .landing-wrapper #footer>div .landing-menu{
    float:none;
    margin:0;
    margin-left:130px
}
.landing-body .landing-wrapper #footer>div .landing-menu li{
    display:block;
    margin:0;
    text-align:left;
    line-height:1.5
}
.landing-body .landing-wrapper #footer>div .landing-menu li a{
    color:#ccc;
    border-bottom:1px solid rgba(0,0,0,0);
    transition:border .3s
}
.landing-body .landing-wrapper #footer>div .landing-menu li a:hover{
    color:#fff;
    background-color:rgba(0,0,0,0)
}
@media(max-width: 1200px){
    .landing-body{
        background:#f4f4f4
    }
    .landing-body .landing-menu{
        float:none;
        position:absolute;
        left:50%;
        margin-left:-150px;
        top:150px
    }
    .landing-body .landing-menu li{
        font-size:16px;
        margin-left:16px
    }
    .landing-body .landing-wrapper #header .header-top{
        width:100%
    }
    .landing-body .landing-wrapper #header .header-top .sign-up-buttonpane{
        position:absolute;
        float:none;
        left:50%;
        margin-left:-76px;
        top:200px
    }
    .landing-body .landing-wrapper #header .header-content{
        width:100%;
        padding:250px 20px 150px 20px
    }
    .landing-body .landing-wrapper #features{
        padding:0 50px
    }
    .landing-body .landing-wrapper #features>div{
        width:100%
    }
    .landing-body .landing-wrapper #showcase-content-wrapper{
        height:600px
    }
    .landing-body .landing-wrapper #showcase-content-wrapper .showcase-content{
        padding:50px;
        width:100%;
        text-align:center
    }
    .landing-body .landing-wrapper #showcase-content-wrapper .showcase-content p{
        width:100%
    }
    .landing-body .landing-wrapper #stats>div{
        width:100%;
        padding:60px 50px
    }
    .landing-body .landing-wrapper #stats>div .stat-card{
        padding:10px 7px
    }
    .landing-body .landing-wrapper #pricing>div{
        width:100%;
        padding:0 50px;
        box-sizing:border-box
    }
    .landing-body .landing-wrapper #video>div{
        width:100%
    }
    .landing-body .landing-wrapper #video>div .video-container{
        float:none;
        text-align:center
    }
    .landing-body .landing-wrapper #video>div .video-content{
        text-align:center
    }
    .landing-body .landing-wrapper #video>div iframe{
        width:360px;
        height:220px
    }
    .landing-body .landing-wrapper #footer>div{
        width:100%;
        text-align:left;
        padding:0 50px
    }
    .landing-body .landing-wrapper #footer>div .social-icons{
        text-align:center
    }
    .landing-body .landing-wrapper #footer>div ul{
        display:none
    }
}
@media(max-width: 720px){
    .landing-body .landing-wrapper #showcase-content-wrapper{
        height:550px
    }
    .landing-body .landing-wrapper #showcase-content-wrapper .showcase-content{
        padding:50px
    }
    .landing-body .landing-wrapper #showcase-content-wrapper .layout-image{
        width:500px
    }
    .landing-body .landing-wrapper #video>div iframe{
        width:300px;
        height:200px
    }
    .landing-body .landing-wrapper #footer>div{
        text-align:center
    }
}
.login-body{
    overflow:hidden;
    margin:0 auto;
    position:relative;
    height:100vh
}
.login-body .exception-image{
    width:100%;
    position:absolute;
    top:-36px;
    text-align:center;
    z-index:1
}
.login-body .login-image{
    height:calc(100% - 380px);
    background:url("/javax.faces.resource/images/login/bg-login.jpg.xhtml?ln=avalon-layout") no-repeat;
    background-size:cover;
    background-position:center
}
.login-body .login-panel{
    width:100%;
    height:380px;
    position:absolute;
    margin-bottom:0;
    border-radius:0;
    bottom:0;
    text-align:center;
    background-color:#292b2c
}
.login-body .login-panel .login-panel-content{
    width:400px;
    position:relative;
    margin-left:-200px;
    top:30px;
    left:50%;
    color:#fff
}
.login-body .login-panel .login-panel-content .login-label{
    color:#ccc;
    margin-bottom:5px
}
.login-body .login-panel .login-panel-content .login-input{
    margin-top:5px
}
.login-body .login-panel .login-panel-content .guest-sign-in{
    color:#999;
    font-size:12px
}
.login-body .login-panel .login-panel-content .welcome-text{
    margin-bottom:0
}
.login-body .login-panel .login-panel-content .forget-password{
    color:#ccc
}
@media(max-width: 640px){
    .login-body .login-panel .login-panel-content{
        padding:0 50px
    }
}
*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
html{
    height:100%;
    font-size:14px
}
body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size:14px;
    color:#292b2c;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    padding:0;
    margin:0;
    height:100%;
    background-color:#eef2f6
}
body a{
    text-decoration:none
}
.layout-mask{
    position:fixed;
    width:100%;
    height:100%;
    background-color:#424242;
    opacity:.7;
    top:0;
    left:0;
    z-index:999999997
}
.layout-wrapper .topbar{
    position:fixed;
    z-index:100;
    width:100%;
    height:60px;
    -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
    -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
    box-shadow:0 2px 5px 0 rgba(0,0,0,.26)
}
.layout-wrapper .topbar .topbar-left{
    padding:15px;
    height:60px;
    width:235px;
    float:left;
    background-color:#146fd7;
    background-image:-webkit-gradient(linear, left top, right top, from(#146fd7), to(#146fd7));
    background-image:-webkit-linear-gradient(left, #146fd7, #146fd7);
    background-image:-moz-linear-gradient(left, #146fd7, #146fd7);
    background-image:-ms-linear-gradient(left, #146fd7, #146fd7);
    background-image:-o-linear-gradient(left, #146fd7, #146fd7);
    background-image:linear-gradient(left, #146fd7, #146fd7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#146fd7", endColorstr="#146fd7", gradientType="1");
    -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.25);
    -moz-box-shadow:0 0 10px 0 rgba(0,0,0,.25);
    box-shadow:0 0 10px 0 rgba(0,0,0,.25)
}
.layout-wrapper .topbar .topbar-left .topbar-logo{
    height:30px
}
.layout-wrapper .topbar .topbar-right{
    padding:15px;
    height:60px;
    background-color:#146fd7;
    background-image:-webkit-gradient(linear, left top, right top, from(#146fd7), to(#146fd7));
    background-image:-webkit-linear-gradient(left, #146fd7, #146fd7);
    background-image:-moz-linear-gradient(left, #146fd7, #146fd7);
    background-image:-ms-linear-gradient(left, #146fd7, #146fd7);
    background-image:-o-linear-gradient(left, #146fd7, #146fd7);
    background-image:linear-gradient(left, #146fd7, #146fd7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#146fd7", endColorstr="#146fd7", gradientType="1")
}
.layout-wrapper .topbar .topbar-right #menu-button{
    color:#007bff;
    display:inline-block;
    vertical-align:middle;
    width:32px;
    height:32px;
    position:absolute;
    left:219px;
    text-align:center;
    background-color:#fff;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.layout-wrapper .topbar .topbar-right #menu-button:hover{
    background-color:#f4f4f4
}
.layout-wrapper .topbar .topbar-right #menu-button i{
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
    transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
    transition:all .3s;
    font-size:32px
}
.layout-wrapper .topbar .topbar-right #menu-button.menu-button-rotate i{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.layout-wrapper .topbar .topbar-right #topbar-menu-button{
    display:none;
    color:#fff;
    vertical-align:middle;
    height:36px;
    position:absolute;
    top:12px;
    right:25px;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
    transition:all .3s
}
.layout-wrapper .topbar .topbar-right #topbar-menu-button i{
    -moz-transition:color .5s;
    -o-transition:color .5s;
    -webkit-transition:color .5s;
    transition:color .5s;
    font-size:36px
}
.layout-wrapper .topbar .topbar-right .topbar-items .search-item .topbar-search{
    position:relative;
    top:-2px
}
.layout-wrapper .topbar .topbar-right .topbar-items .search-item .topbar-search input{
    position:relative;
    font-size:14px;
    background-color:#fff;
    padding:5px 12px;
    border:1px solid #ccc;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    -moz-transition:box-shadow .3s,border-color .3s;
    -o-transition:box-shadow .3s,border-color .3s;
    -webkit-transition:box-shadow .3s,border-color .3s;
    transition:box-shadow .3s,border-color .3s;
    width:200px
}
.layout-wrapper .topbar .topbar-right .topbar-items .search-item .topbar-search input:focus{
    outline:0 none;
    border:1px solid #007bff;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 3px 0 #007bff;
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 3px 0 #007bff;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 3px 0 #007bff
}
.layout-wrapper .topbar .topbar-right .topbar-items .search-item .topbar-search i{
    position:absolute;
    color:#777;
    top:5px;
    right:10px;
    font-size:18px
}
.layout-wrapper .layout-menu-container{
    overflow:auto;
    position:fixed;
    width:235px;
    z-index:99;
    top:60px;
    height:100%;
    background-color:#fff;
    background-image:-webkit-gradient(linear, left top, right top, from(#ffffff), to(#ffffff));
    background-image:-webkit-linear-gradient(left, #ffffff, #ffffff);
    background-image:-moz-linear-gradient(left, #ffffff, #ffffff);
    background-image:-ms-linear-gradient(left, #ffffff, #ffffff);
    background-image:-o-linear-gradient(left, #ffffff, #ffffff);
    background-image:linear-gradient(left, #ffffff, #ffffff);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", gradientType="1");
    border-right:1px solid #ccc;
    -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.25);
    -moz-box-shadow:0 0 10px 0 rgba(0,0,0,.25);
    box-shadow:0 0 10px 0 rgba(0,0,0,.25);
    -moz-transition:margin-left .3s;
    -o-transition:margin-left .3s;
    -webkit-transition:margin-left .3s;
    transition:margin-left .3s
}
.layout-wrapper .layout-menu-container .layout-main-menu{
    padding-bottom:120px
}
.layout-wrapper .layout-menu-container .profile{
    padding:15px;
    -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.15);
    -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.15);
    box-shadow:0 2px 5px 0 rgba(0,0,0,.15)
}
.layout-wrapper .layout-menu-container .profile:after{
    content:"";
    display:table;
    clear:both
}
.layout-wrapper .layout-menu-container .profile>a .profile-image{
    width:45px;
    height:45px;
    float:right;
    margin-left:4px
}
.layout-wrapper .layout-menu-container .profile>a .profile-name{
    display:block;
    color:#292b2c;
    vertical-align:middle;
    font-size:16px;
    font-weight:bold;
    text-align:right;
    margin-top:4px
}
.layout-wrapper .layout-menu-container .profile>a .profile-role{
    display:block;
    min-width:100px;
    text-align:right;
    font-size:12px;
    float:right;
    color:#777
}
.layout-wrapper .layout-menu-container .profile>a i{
    float:right;
    color:#777;
    font-size:12px;
    line-height:18px;
    vertical-align:middle;
    -moz-transition:transform .3s;
    -o-transition:transform .3s;
    -webkit-transition:transform .3s;
    transition:transform .3s
}
.layout-wrapper .layout-menu-container .profile.profile-expanded i{
    -webkit-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    transform:rotate(-180deg)
}
.layout-wrapper .layout-menu-container #profile-menu{
    border-bottom:1px solid #d6d5d5;
    overflow:hidden;
    display:none
}
.layout-wrapper .layout-menu-container #profile-menu li:first-child{
    margin-top:16px
}
.layout-wrapper .layout-menu-container #profile-menu li:last-child{
    margin-bottom:16px
}
.layout-wrapper .layout-menu-container.layout-menu-dark{
    border-right:1px solid #363a41;
    background-color:#363a41;
    background-image:-webkit-gradient(linear, left top, right top, from(#363a41), to(#363a41));
    background-image:-webkit-linear-gradient(left, #363a41, #363a41);
    background-image:-moz-linear-gradient(left, #363a41, #363a41);
    background-image:-ms-linear-gradient(left, #363a41, #363a41);
    background-image:-o-linear-gradient(left, #363a41, #363a41);
    background-image:linear-gradient(left, #363a41, #363a41);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#363a41", endColorstr="#363a41", gradientType="1")
}
.layout-wrapper .layout-menu-container.layout-menu-dark .profile .profile-name,.layout-wrapper .layout-menu-container.layout-menu-dark .profile .profile-role{
    color:#fff
}
.layout-wrapper .layout-menu-container.layout-menu-dark .profile i{
    color:#fff
}
.layout-wrapper .layout-menu-container.layout-menu-dark #profile-menu{
    border-bottom:1px solid #4a4d54
}
.layout-wrapper .layout-menu-container.layout-menu-dark ul.layout-menu li a{
    color:#fff
}
.layout-wrapper .layout-menu-container.layout-menu-dark ul.layout-menu li a i{
    color:#fff
}
.layout-wrapper .layout-menu-container.layout-menu-dark ul.layout-menu li a:hover{
    background-color:#4a4d54
}
.layout-wrapper .layout-menu-container.layout-menu-dark ul.layout-menu li a.active-menuitem-routerlink{
    color:#428dcd
}
.layout-wrapper .layout-menu-container.layout-menu-dark ul.layout-menu li a.active-menuitem-routerlink i:first-child{
    color:#428dcd
}
.layout-wrapper .layout-menu-container.layout-menu-dark ul.layout-menu li.layout-root-menuitem>.layout-menuitem-root-text{
    color:rgba(255,255,255,.65)
}
.layout-wrapper .layout-menu-container.layout-menu-dark ul.layout-menu li a.active-menuitem-routerlink{
    border-left-color:#6aa5d8;
    color:#6aa5d8;
    background-color:#282b30
}
.layout-wrapper .layout-menu-container.layout-menu-dark ul.layout-menu li a.active-menuitem-routerlink i{
    color:#6aa5d8
}
.layout-wrapper .layout-menu-container.layout-menu-dark ul.layout-menu li.active-menuitem>a{
    border-left-color:#6aa5d8;
    color:#6aa5d8;
    background-color:#282b30
}
.layout-wrapper .layout-menu-container.layout-menu-dark ul.layout-menu li.active-menuitem>a i{
    color:#6aa5d8
}
.layout-wrapper.menu-layout-overlay .layout-menu-container{
    margin-left:-250px
}
.layout-wrapper.menu-layout-overlay .layout-main,.layout-wrapper.menu-layout-overlay .layout-footer{
    margin-left:0
}
.layout-wrapper.menu-layout-overlay.layout-menu-overlay-active .layout-menu-container{
    z-index:999999999;
    margin-left:0
}
.layout-wrapper.menu-layout-overlay.layout-menu-overlay-active .topbar .topbar-right #menu-button i{
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg)
}
.layout-wrapper.menu-layout-overlay .topbar{
    z-index:999999998
}
.layout-wrapper.menu-layout-overlay .topbar .topbar-right #menu-button i{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.layout-wrapper .layout-main{
    padding:80px 15px 15px 15px;
    -moz-transition:margin-left .3s;
    -o-transition:margin-left .3s;
    -webkit-transition:margin-left .3s;
    transition:margin-left .3s;
    flex-direction:column;
    justify-content:space-between;
    min-height:calc(100vh - 60px);
    -moz-transition:margin-left .2s;
    -o-transition:margin-left .2s;
    -webkit-transition:margin-left .2s;
    transition:margin-left .2s
}
.layout-wrapper .layout-mask{
    display:none
}
.layout-wrapper .layout-footer{
    -moz-transition:margin-left .3s;
    -o-transition:margin-left .3s;
    -webkit-transition:margin-left .3s;
    transition:margin-left .3s
}
.layout-wrapper .layout-menu{
    margin:0;
    padding:0;
    list-style:none
}
.layout-wrapper .layout-menu li.layout-root-menuitem>.layout-menuitem-root-text{
    font-size:1rem;
    text-transform:uppercase;
    font-weight:700;
    padding:1.5rem 0 .5rem 1.25rem;
    color:#777
}
.layout-wrapper .layout-menu li.layout-root-menuitem>a{
    display:none
}
.layout-wrapper .layout-menu li a{
    display:block;
    padding:10px 15px;
    color:#292b2c;
    width:100%;
    -moz-transition:background-color .3s,border-left-color .3s;
    -o-transition:background-color .3s,border-left-color .3s;
    -webkit-transition:background-color .3s,border-left-color .3s;
    transition:background-color .3s,border-left-color .3s;
    overflow:hidden;
    border-left:4px solid rgba(0,0,0,0);
    outline:none;
    cursor:pointer;
    user-select:none
}
.layout-wrapper .layout-menu li a i{
    color:#777
}
.layout-wrapper .layout-menu li a i:first-child{
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
    font-size:16px
}
.layout-wrapper .layout-menu li a i.menuitem-toggle-icon{
    float:right;
    font-size:16px;
    margin-top:2px;
    margin-right:-3px;
    -moz-transition:transform .3s;
    -o-transition:transform .3s;
    -webkit-transition:transform .3s;
    transition:transform .3s
}
.layout-wrapper .layout-menu li a.rotated-icon .layout-menuitem-icon{
    transform:rotate(90deg)
}
.layout-wrapper .layout-menu li a .submenu-arrow{
    display:none
}
.layout-wrapper .layout-menu li a:hover{
    background-color:#f4f4f4
}
.layout-wrapper .layout-menu li a span{
    display:inline-block;
    vertical-align:middle
}
.layout-wrapper .layout-menu li a .menuitem-badge{
    float:right;
    width:16px;
    height:16px;
    margin-right:2px;
    text-align:center;
    background-color:#ffc107;
    color:#282b30;
    font-size:12px;
    font-weight:700;
    line-height:16px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    margin-top:2px
}
.layout-wrapper .layout-menu li a.active-menuitem-routerlink{
    color:#007bff
}
.layout-wrapper .layout-menu li a.active-menuitem-routerlink i:first-child{
    color:#007bff
}
.layout-wrapper .layout-menu li.active-menuitem>a{
    color:#007bff;
    background-color:#e8e8e8;
    border-left-color:#007bff
}
.layout-wrapper .layout-menu li.active-menuitem>a i:first-child{
    color:#007bff
}
.layout-wrapper .layout-menu li.active-menuitem>a i.menuitem-toggle-icon{
    -webkit-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    transform:rotate(-180deg)
}
.layout-wrapper .layout-menu li ul{
    overflow:hidden;
    padding:0;
    margin:0;
    list-style:none
}
.layout-wrapper .layout-menu li ul li a{
    padding:10px 20px 10px 15px
}
.layout-wrapper .layout-menu li ul li a i:first-child{
    display:inline-block;
    vertical-align:middle;
    margin-right:10px
}
.layout-wrapper .layout-menu li ul li ul{
    display:none
}
.layout-wrapper .layout-menu li ul li ul li a{
    padding-left:30px
}
.layout-wrapper .layout-menu li ul li ul ul li a{
    padding-left:45px
}
.layout-wrapper .layout-menu li ul li ul ul ul li a{
    padding-left:60px
}
.layout-wrapper .layout-menu li ul li ul ul ul ul li a{
    padding-left:75px
}
.layout-wrapper .layout-menu .layout-menu-tooltip{
    display:none;
    padding:0 5px;
    position:absolute;
    left:76px;
    top:5px;
    z-index:101;
    line-height:1
}
.layout-wrapper .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text{
    padding:6px 8px;
    font-weight:700;
    background-color:#4d535d;
    color:#fff;
    min-width:75px;
    white-space:nowrap;
    text-align:center;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
    -moz-box-shadow:0 6px 12px rgba(0,0,0,.175);
    box-shadow:0 6px 12px rgba(0,0,0,.175)
}
.layout-wrapper .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow{
    position:absolute;
    width:0;
    height:0;
    border-color:rgba(0,0,0,0);
    border-style:solid;
    top:50%;
    left:0;
    margin-top:-5px;
    border-width:5px 5px 5px 0;
    border-right-color:#4d535d
}
.layout-wrapper .layout-footer{
    padding:15px 20px;
    -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.25);
    -moz-box-shadow:0 0 10px 0 rgba(0,0,0,.25);
    box-shadow:0 0 10px 0 rgba(0,0,0,.25)
}
.layout-wrapper .layout-footer i{
    font-size:1em !important
}
.layout-wrapper .layout-footer .footer-text-left img{
    height:25px
}
.layout-wrapper .layout-footer .footer-text-right{
    color:#777;
    float:right
}
.layout-wrapper .layout-footer .footer-text-right a{
    margin-left:15px;
    color:#777;
    font-size:24px
}
.ajax-loader{
    font-size:32px;
    color:#007bff
}
@media(min-width: 1025px){
    .layout-wrapper .topbar-items{
        -webkit-animation-name:none;
        animation-name:none;
        float:right;
        margin:5px 0 0 0;
        padding:0;
        list-style-type:none
    }
    .layout-wrapper .topbar-items>li{
        float:right;
        position:relative;
        margin-left:14px
    }
    .layout-wrapper .topbar-items>li>a{
        position:relative;
        display:block
    }
    .layout-wrapper .topbar-items>li>a .topbar-item-name{
        display:none
    }
    .layout-wrapper .topbar-items>li>a .topbar-badge{
        position:absolute;
        right:0;
        top:-5px;
        background-color:#ffc107;
        color:#282b30;
        -moz-border-radius:50%;
        -webkit-border-radius:50%;
        border-radius:50%;
        padding:2px 4px;
        display:block;
        font-size:12px;
        line-height:12px
    }
    .layout-wrapper .topbar-items>li .topbar-icon{
        font-size:24px;
        color:#fff;
        -moz-transition:color .3s;
        -o-transition:color .3s;
        -webkit-transition:color .3s;
        transition:color .3s
    }
    .layout-wrapper .topbar-items>li .topbar-icon:hover{
        color:#ccc
    }
    .layout-wrapper .topbar-items>li.profile-item a{
        -moz-transition:color .3s;
        -o-transition:color .3s;
        -webkit-transition:color .3s;
        transition:color .3s;
        top:-3px
    }
    .layout-wrapper .topbar-items>li.profile-item a:after{
        content:"";
        display:table;
        clear:both
    }
    .layout-wrapper .topbar-items>li.profile-item a .profile-image{
        width:36px;
        height:36px;
        margin-top:-4px;
        float:right;
        margin-left:12px
    }
    .layout-wrapper .topbar-items>li.profile-item a .topbar-item-name{
        display:block;
        float:left;
        color:#fff
    }
    .layout-wrapper .topbar-items>li.profile-item a .topbar-item-role{
        display:block;
        font-size:12px;
        color:#fff
    }
    .layout-wrapper .topbar-items>li>ul{
        position:absolute;
        top:50px;
        right:5px;
        display:none;
        width:250px;
        background-color:#fff;
        border-top:4px solid #007bff;
        -webkit-box-shadow:0 6px 20px 0 rgba(0,0,0,.19),0 8px 17px 0 rgba(0,0,0,.2);
        -moz-box-shadow:0 6px 20px 0 rgba(0,0,0,.19),0 8px 17px 0 rgba(0,0,0,.2);
        box-shadow:0 6px 20px 0 rgba(0,0,0,.19),0 8px 17px 0 rgba(0,0,0,.2);
        -webkit-animation-duration:.5s;
        -moz-animation-duration:.5s;
        animation-duration:.5s
    }
    .layout-wrapper .topbar-items>li>ul:before{
        width:0;
        height:0;
        border-left:8px solid rgba(0,0,0,0);
        border-right:8px solid rgba(0,0,0,0);
        border-bottom:15px solid #007bff;
        content:" ";
        position:absolute;
        top:-15px;
        left:232px
    }
    .layout-wrapper .topbar-items>li.active-top-menu>ul{
        display:block
    }
    .layout-wrapper .topbar-items>li .topbar-message img{
        display:inline-block;
        vertical-align:middle;
        margin-right:12px
    }
    .layout-wrapper.menu-layout-static .layout-menu-container{
        margin-left:0
    }
    .layout-wrapper.menu-layout-static .layout-main,.layout-wrapper.menu-layout-static .layout-footer{
        margin-left:235px
    }
    .layout-wrapper.menu-layout-static.layout-menu-static-inactive .layout-menu-container{
        margin-left:-250px
    }
    .layout-wrapper.menu-layout-static.layout-menu-static-inactive .layout-main,.layout-wrapper.menu-layout-static.layout-menu-static-inactive .layout-footer{
        margin-left:0
    }
    .layout-wrapper.menu-layout-static .layout-mask{
        display:none
    }
    .layout-wrapper.menu-layout-horizontal .topbar{
        box-shadow:none;
        -webkit-box-shadow:none;
        -moz-box-shadow:none
    }
    .layout-wrapper.menu-layout-horizontal .topbar .topbar-left{
        background:#146fd7;
        box-shadow:none;
        -webkit-box-shadow:none;
        -moz-box-shadow:none
    }
    .layout-wrapper.menu-layout-horizontal .topbar .topbar-right{
        background:#146fd7
    }
    .layout-wrapper.menu-layout-horizontal .topbar .topbar-right #menu-button{
        display:none
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container{
        overflow:visible;
        position:fixed;
        width:100%;
        top:60px;
        height:auto;
        background-color:#146fd7;
        -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
        -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
        box-shadow:0 2px 5px 0 rgba(0,0,0,.26)
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container .menu-scroll-content{
        width:100%
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container .layout-main-menu{
        padding-bottom:0
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu:last-child{
        margin-top:0
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu>li{
        float:left;
        position:relative
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu>li.layout-root-menuitem>.layout-menuitem-root-text{
        display:none
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu>li.layout-root-menuitem>a{
        display:block
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu>li>a:hover{
        background-color:#e8e8e8;
        color:#292b2c
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu>li>a:hover i{
        color:#292b2c
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu>li>ul{
        padding:5px 0;
        z-index:100;
        position:absolute;
        display:none;
        top:50px;
        left:0;
        width:250px;
        background-color:#fff;
        border:1px solid #ccc;
        border-top:4px solid #007bff;
        -webkit-box-shadow:0 6px 20px 0 rgba(0,0,0,.19),0 8px 17px 0 rgba(0,0,0,.2);
        -moz-box-shadow:0 6px 20px 0 rgba(0,0,0,.19),0 8px 17px 0 rgba(0,0,0,.2);
        box-shadow:0 6px 20px 0 rgba(0,0,0,.19),0 8px 17px 0 rgba(0,0,0,.2)
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu>li>ul li a{
        padding:10px 16px
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu>li>ul li ul{
        position:static
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu>li>ul li ul li a{
        padding-left:32px
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu>li>ul li ul ul li a{
        padding-left:48px
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu>li>ul li ul ul ul li a{
        padding-left:64px
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu>li>ul li ul ul ul ul li a{
        padding-left:80px
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu>li>ul li ul ul ul ul ul li a{
        padding-left:96px
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu>li>ul li.active-menuitem>a{
        color:#007bff;
        background-color:#e8e8e8
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu>li.active-menuitem>.submenu-arrow{
        width:0;
        height:0;
        border-left:8px solid rgba(0,0,0,0);
        border-right:8px solid rgba(0,0,0,0);
        border-bottom:15px solid #007bff;
        content:" ";
        position:absolute;
        top:38px;
        left:20px
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu>li.active-menuitem>a{
        color:#007bff;
        background-color:#e8e8e8;
        border-left-color:rgba(0,0,0,0)
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu>li.active-menuitem>a i{
        color:#007bff
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu>li.active-menuitem>ul{
        display:block
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu li a .menuitem-badge{
        margin-right:0;
        margin-left:4px
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu li a .menuitem-toggle-icon{
        margin-top:4px
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container.layout-menu-dark{
        background-color:#363a41;
        background-image:-webkit-gradient(linear, left top, right top, from(#363a41), to(#363a41));
        background-image:-webkit-linear-gradient(left, #363a41, #363a41);
        background-image:-moz-linear-gradient(left, #363a41, #363a41);
        background-image:-ms-linear-gradient(left, #363a41, #363a41);
        background-image:-o-linear-gradient(left, #363a41, #363a41);
        background-image:linear-gradient(left, #363a41, #363a41);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#363a41", endColorstr="#363a41", gradientType="1")
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container.layout-menu-dark ul.layout-menu>li>ul{
        border-left:none;
        border-right:none;
        border-bottom:none
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container.layout-menu-dark ul.layout-menu li a{
        color:#fff
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container.layout-menu-dark ul.layout-menu li a i{
        color:#fff
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container.layout-menu-dark ul.layout-menu li a:hover{
        background-color:#4a4d54
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container.layout-menu-dark ul.layout-menu li.active-menuitem>a{
        color:#6aa5d8;
        background-color:#282b30
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container.layout-menu-dark ul.layout-menu li.active-menuitem>a i{
        color:#6aa5d8
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu-container.layout-menu-dark ul.layout-menu li ul{
        background-color:#363a41;
        background-image:-webkit-gradient(linear, left top, right top, from(#363a41), to(#363a41));
        background-image:-webkit-linear-gradient(left, #363a41, #363a41);
        background-image:-moz-linear-gradient(left, #363a41, #363a41);
        background-image:-ms-linear-gradient(left, #363a41, #363a41);
        background-image:-o-linear-gradient(left, #363a41, #363a41);
        background-image:linear-gradient(left, #363a41, #363a41);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#363a41", endColorstr="#363a41", gradientType="1")
    }
    .layout-wrapper.menu-layout-horizontal .layout-main{
        padding-top:115px;
        margin-left:0
    }
    .layout-wrapper.menu-layout-horizontal .layout-footer{
        margin-left:0
    }
    .layout-wrapper.menu-layout-horizontal .layout-mask{
        display:none
    }
    .layout-wrapper.menu-layout-slim .topbar{
        left:75px;
        width:calc(100% - 75px)
    }
    .layout-wrapper.menu-layout-slim .topbar .topbar-left{
        background:rgba(0,0,0,0);
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none
    }
    .layout-wrapper.menu-layout-slim .topbar .topbar-right #menu-button{
        display:none
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container{
        width:75px;
        overflow:visible;
        z-index:100;
        top:0
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container .menu-scroll-content{
        width:100%;
        padding-right:0
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container .profile{
        height:60px;
        padding-top:7px
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container .profile #profile-options .profile-name,.layout-wrapper.menu-layout-slim .layout-menu-container .profile #profile-options .profile-role,.layout-wrapper.menu-layout-slim .layout-menu-container .profile #profile-options i{
        display:none
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container .layout-menu{
        padding:0
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container .layout-menu>li{
        position:relative
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container .layout-menu>li.layout-root-menuitem>.layout-menuitem-root-text{
        display:none
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container .layout-menu>li.layout-root-menuitem>a{
        display:block
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container .layout-menu>li>a{
        text-align:center;
        padding:15px;
        padding-left:20px
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container .layout-menu>li>a i:first-child{
        font-size:19px
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container .layout-menu>li>a span:not(.p-ink),.layout-wrapper.menu-layout-slim .layout-menu-container .layout-menu>li>a i.menuitem-toggle-icon{
        display:none
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container .layout-menu>li>a:hover+.layout-menu-tooltip{
        display:block
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container .layout-menu>li>ul{
        -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
        -moz-box-shadow:0 6px 12px rgba(0,0,0,.175);
        box-shadow:0 6px 12px rgba(0,0,0,.175);
        border:1px solid #ccc;
        background-color:#fff;
        position:absolute;
        top:0;
        left:73px;
        display:none;
        min-width:200px
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container .layout-menu>li>ul li a{
        padding-left:16px
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container .layout-menu>li>ul li ul li a{
        padding-left:32px
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container .layout-menu>li>ul li ul ul li a{
        padding-left:48px
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container .layout-menu>li>ul li ul ul ul li a{
        padding-left:64px
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container .layout-menu>li>ul li ul ul ul ul li a{
        padding:80px
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container .layout-menu>li>ul li ul ul ul ul ul li a{
        padding:96px
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container .layout-menu>li.active-menuitem>a:hover+.layout-menu-tooltip{
        display:none
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container .layout-menu>li.active-menuitem>ul{
        display:block
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container.layout-menu-dark{
        border:none
    }
    .layout-wrapper.menu-layout-slim .layout-menu-container.layout-menu-dark .layout-menu>li>ul{
        border:none;
        background-color:#363a41;
        background-image:-webkit-gradient(linear, left top, right top, from(#363a41), to(#363a41));
        background-image:-webkit-linear-gradient(left, #363a41, #363a41);
        background-image:-moz-linear-gradient(left, #363a41, #363a41);
        background-image:-ms-linear-gradient(left, #363a41, #363a41);
        background-image:-o-linear-gradient(left, #363a41, #363a41);
        background-image:linear-gradient(left, #363a41, #363a41);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#363a41", endColorstr="#363a41", gradientType="1")
    }
    .layout-wrapper.menu-layout-slim .layout-main{
        margin-left:75px
    }
    .layout-wrapper.menu-layout-slim .layout-footer{
        margin-left:75px
    }
}
@media(max-width: 1024px){
    .layout-wrapper.menu-layout-static .topbar .topbar-right #menu-button i{
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    .layout-wrapper.menu-layout-static .topbar .topbar-right #menu-button.menu-button-rotate i{
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    .layout-wrapper.menu-layout-static .layout-menu-container{
        margin-left:-265px
    }
    .layout-wrapper.menu-layout-static .layout-main,.layout-wrapper.menu-layout-static .layout-footer{
        margin-left:0
    }
    .layout-wrapper.menu-layout-static.layout-menu-static-active .layout-menu-container{
        margin-left:0;
        z-index:999999999
    }
    .layout-wrapper.menu-layout-static.layout-menu-static-active .topbar{
        z-index:999999998
    }
    .layout-wrapper.menu-layout-static.layout-menu-static-active .topbar .topbar-right #menu-button i{
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    .layout-wrapper.menu-layout-static.layout-menu-static-active .layout-main,.layout-wrapper.menu-layout-static.layout-menu-static-active .layout-footer{
        margin-left:0
    }
    .layout-wrapper.menu-layout-static.layout-menu-static-active .layout-mask{
        display:block
    }
    .layout-wrapper.menu-layout-static.layout-menu-static-inactive .topbar .topbar-right #menu-button.menu-button-rotate i{
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    .layout-wrapper.menu-layout-overlay.layout-menu-overlay-active .layout-mask{
        display:block
    }
    .layout-wrapper .topbar .topbar-right #topbar-menu-button{
        display:block
    }
    .layout-wrapper .topbar .topbar-right .topbar-items{
        position:absolute;
        top:75px;
        right:15px;
        width:275px;
        -webkit-animation-duration:.5s;
        -moz-animation-duration:.5s;
        animation-duration:.5s;
        display:none;
        background-color:#fff;
        border-top:4px solid #007bff;
        -webkit-box-shadow:0 6px 20px 0 rgba(0,0,0,.19),0 8px 17px 0 rgba(0,0,0,.2);
        -moz-box-shadow:0 6px 20px 0 rgba(0,0,0,.19),0 8px 17px 0 rgba(0,0,0,.2);
        box-shadow:0 6px 20px 0 rgba(0,0,0,.19),0 8px 17px 0 rgba(0,0,0,.2);
        list-style-type:none;
        margin:0;
        padding:0
    }
    .layout-wrapper .topbar .topbar-right .topbar-items:before{
        width:0;
        height:0;
        border-left:8px solid rgba(0,0,0,0);
        border-right:8px solid rgba(0,0,0,0);
        border-bottom:15px solid #007bff;
        content:" ";
        position:absolute;
        top:-15px;
        left:242px
    }
    .layout-wrapper .topbar .topbar-right .topbar-items>li>a{
        width:100%;
        display:block;
        font-size:16px;
        padding:10px 15px;
        color:#292b2c;
        position:relative
    }
    .layout-wrapper .topbar .topbar-right .topbar-items>li>a i{
        display:inline-block;
        vertical-align:middle;
        margin-right:12px;
        font-size:16px
    }
    .layout-wrapper .topbar .topbar-right .topbar-items>li>a:hover{
        background-color:#e8e8e8
    }
    .layout-wrapper .topbar .topbar-right .topbar-items>li>a .topbar-item-name{
        display:inline-block;
        vertical-align:middle
    }
    .layout-wrapper .topbar .topbar-right .topbar-items>li>a .topbar-badge{
        position:absolute;
        left:30px;
        top:10px;
        background-color:#ffc107;
        color:#282b30;
        -moz-border-radius:50%;
        -webkit-border-radius:50%;
        border-radius:50%;
        padding:2px 4px;
        display:block;
        font-size:12px;
        line-height:12px
    }
    .layout-wrapper .topbar .topbar-right .topbar-items>li>ul{
        display:none
    }
    .layout-wrapper .topbar .topbar-right .topbar-items>li>ul li a span,.layout-wrapper .topbar .topbar-right .topbar-items>li>ul li a img,.layout-wrapper .topbar .topbar-right .topbar-items>li>ul li a i{
        display:inline-block;
        vertical-align:middle
    }
    .layout-wrapper .topbar .topbar-right .topbar-items>li.active-top-menu>a{
        color:#007bff
    }
    .layout-wrapper .topbar .topbar-right .topbar-items>li.active-top-menu>ul{
        display:block
    }
    .layout-wrapper .topbar .topbar-right .topbar-items>li.active-top-menu>ul li a{
        padding-left:32px
    }
    .layout-wrapper .topbar .topbar-right .topbar-items>li.search-item{
        width:100%;
        display:block;
        font-size:16px;
        position:relative;
        padding:10px 15px
    }
    .layout-wrapper .topbar .topbar-right .topbar-items>li.search-item .topbar-search input{
        top:0;
        width:100%;
        padding-right:28px;
        border-color:#e5e5e5;
        color:#292b2c
    }
    .layout-wrapper .topbar .topbar-right .topbar-items>li.search-item .topbar-search input:focus{
        border-color:#e5e5e5
    }
    .layout-wrapper .topbar .topbar-right .topbar-items>li.search-item .topbar-search label{
        top:1px;
        color:#292b2c
    }
    .layout-wrapper .topbar .topbar-right .topbar-items>li.search-item .topbar-search i{
        position:absolute;
        right:10px;
        top:5px
    }
    .layout-wrapper .topbar .topbar-right .topbar-items>li.profile-item .profile-image{
        display:inline-block;
        vertical-align:middle;
        width:24px;
        height:24px;
        background-size:24px 24px;
        margin-right:14px
    }
    .layout-wrapper .topbar .topbar-right .topbar-items>li.profile-item span{
        vertical-align:middle;
        display:inline-block
    }
    .layout-wrapper .topbar .topbar-right .topbar-items.topbar-items-visible{
        display:block
    }
}
@media(max-width: 399px){
    .layout-wrapper .topbar .topbar-right #topbar-menu-button{
        right:10px
    }
    .layout-wrapper.layout-rtl .topbar .topbar-right #topbar-menu-button{
        left:10px
    }
}
h1,h2,h3,h4,h5,h6{
    margin:1.5rem 0 1rem 0;
    font-family:inherit;
    font-weight:600;
    line-height:1.2;
    color:inherit
}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{
    margin-top:0
}
h1{
    font-size:2.5rem
}
h2{
    font-size:2rem
}
h3{
    font-size:1.75rem
}
h4{
    font-size:1.5rem
}
h5{
    font-size:1.25rem
}
h6{
    font-size:1rem
}
mark{
    background:#fff8e1;
    padding:.25rem .4rem;
    border-radius:4px;
    font-family:monospace
}
blockquote{
    margin:1rem 0;
    padding:0 2rem;
    border-left:4px solid #90a4ae
}
hr{
    border-top:solid #e5e5e5;
    border-width:1px 0 0 0;
    margin:1rem 0
}
p{
    margin:0 0 1rem 0;
    line-height:1.5
}
p:last-child{
    margin-bottom:0
}
.clearfix:after{
    content:" ";
    display:block;
    clear:both
}
.card{
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    background:#fff;
    padding:16px;
    box-sizing:border-box;
    margin-bottom:16px
}
.card .card-header{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.card:last-child{
    margin-bottom:0
}
.sr-only{
    border:0;
    clip:rect(1px, 1px, 1px, 1px);
    clip-path:inset(50%);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
    word-wrap:normal !important
}
.wizard-body{
    background:url("/javax.faces.resource/images/extensions/background@2x.jpg.xhtml?ln=avalon-layout") top;
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position-y:center
}
.wizard-body .wizard-wrapper{
    height:65%;
    width:100%;
    position:absolute;
    left:0;
    top:35%
}
.wizard-body .wizard-wrapper .wizard-container{
    background-color:#292b2c;
    width:100%;
    min-height:100%
}
.wizard-body .wizard-wrapper .wizard-container .wizard-header{
    height:100px;
    box-shadow:0 0 10px 0 rgba(0,0,0,.25);
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative
}
.wizard-body .wizard-wrapper .wizard-container .wizard-header .wizard-tabs-container{
    width:55%;
    height:35px;
    display:flex;
    flex-direction:row
}
.wizard-body .wizard-wrapper .wizard-container .wizard-header .wizard-tabs-container .wizard-tab{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center
}
.wizard-body .wizard-wrapper .wizard-container .wizard-header .wizard-tabs-container .wizard-tab .tab-header{
    background:#3e4243;
    height:35px;
    width:35px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    border:none;
    box-shadow:0 0 10px 0 rgba(0,0,0,.25);
    cursor:pointer;
    flex:0 0 35px;
    z-index:1
}
.wizard-body .wizard-wrapper .wizard-container .wizard-header .wizard-tabs-container .wizard-tab .tab-progressbar{
    width:100%;
    height:8px;
    background-color:#3e4243;
    position:relative
}
.wizard-body .wizard-wrapper .wizard-container .wizard-header .wizard-tabs-container .wizard-tab .tab-progressbar:before{
    content:" ";
    width:0;
    height:100%;
    position:absolute;
    background-color:#8dc8ff;
    -moz-transition:width .6s cubic-bezier(0.35, 0, 0.25, 1);
    -o-transition:width .6s cubic-bezier(0.35, 0, 0.25, 1);
    -webkit-transition:width .6s cubic-bezier(0.35, 0, 0.25, 1);
    transition:width .6s cubic-bezier(0.35, 0, 0.25, 1)
}
.wizard-body .wizard-wrapper .wizard-container .wizard-header .wizard-tabs-container .wizard-tab:first-child{
    width:auto
}
.wizard-body .wizard-wrapper .wizard-container .wizard-header .wizard-tabs-container .wizard-tab:first-child .tab-progressbar{
    display:none
}
.wizard-body .wizard-wrapper .wizard-container .wizard-header .wizard-tabs-container .wizard-tab.active-tab .tab-header{
    background:linear-gradient(to right, #457fca, #5691c8)
}
.wizard-body .wizard-wrapper .wizard-container .wizard-header .wizard-tabs-container .wizard-tab.active-tab .tab-progressbar:before{
    width:100%
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content{
    width:55%;
    margin:auto
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content .content-header{
    margin-bottom:20px;
    margin-top:15px
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content .content-header .title h1{
    color:#fff;
    font-size:24px;
    font-weight:500
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content .content-header .title span{
    font-size:14px;
    color:#999
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content .content-header .icon{
    display:flex;
    justify-content:flex-end
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content .content button{
    background-color:#2e6da4;
    margin-bottom:10px
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content .content .forms label{
    color:#ccc
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content .content .forms .form-element{
    width:100%;
    margin-bottom:30px;
    margin-top:10px
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content .content .forms .form-element label{
    color:#292b2c
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content .content .forms .form-element>input{
    width:100%
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content .content .forms .form-element.ui-calendar>input{
    margin-bottom:30px;
    margin-top:10px
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.register{
    display:none
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.tier{
    display:none
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.tier .content-header img{
    height:75px
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.tier .tier-card{
    padding:0;
    height:260px;
    width:100%;
    border-radius:4px;
    border:solid 1px #5a6062;
    background-color:#fff;
    margin-bottom:30px;
    cursor:pointer
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.tier .tier-card .tier-card-header{
    background-color:#3e4243;
    width:100%;
    padding:15px;
    min-height:110px
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.tier .tier-card .tier-card-header h1{
    color:#fff;
    font-size:18px;
    margin:5px;
    font-weight:500
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.tier .tier-card .tier-card-header span{
    color:#999;
    margin:5px
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.tier .tier-card .tier-card-header .icon{
    justify-content:flex-end;
    align-items:center;
    height:65px;
    font-size:24px;
    color:#292b2c;
    display:none
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.tier .tier-card .tier-card-content{
    color:#999
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.tier .tier-card .tier-card-content .row{
    width:100%;
    padding:5px 15px
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.tier .tier-card .tier-card-content .row.even{
    background-color:rgba(216,216,216,.4)
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.tier .tier-card.active-tier-card{
    border:solid 1px #5a9fe0
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.tier .tier-card.active-tier-card .tier-card-header{
    background-color:#8dc8ff
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.tier .tier-card.active-tier-card .tier-card-header h1{
    color:#292b2c
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.tier .tier-card.active-tier-card .tier-card-header span{
    color:#292b2c
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.tier .tier-card.active-tier-card .icon{
    display:flex
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.payment{
    display:none
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.payment .payment-info{
    padding-right:30px
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.payment .payment-info .content-header{
    width:100%
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.payment .payment-info .content{
    width:100%
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.payment .payment-info .checkbox{
    margin-bottom:10px
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.payment .payment-info .checkbox label{
    color:#999
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.payment .order-info{
    background-color:rgba(255,255,255,.04);
    padding:0;
    font-size:14px;
    color:#757575;
    color:rgba(255,255,255,.67)
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.payment .order-info .order-basic,.wizard-body .wizard-wrapper .wizard-container .wizard-content.payment .order-info .order-pro,.wizard-body .wizard-wrapper .wizard-container .wizard-content.payment .order-info .order-pro-plus,.wizard-body .wizard-wrapper .wizard-container .wizard-content.payment .order-info .order-default{
    display:none
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.payment .order-info .selected-order{
    display:block
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.payment .order-info .summary{
    background-color:rgba(255,255,255,.03);
    padding:15px
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.payment .order-info .summary h1{
    font-size:12px;
    letter-spacing:2px;
    color:rgba(255,255,255,.6)
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.payment .order-info .price{
    font-weight:700;
    text-align:right
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.payment .order-info .total{
    padding:15px;
    margin-top:30px
}
.wizard-body .wizard-wrapper .wizard-container .wizard-content.active-content{
    display:block
}
@media(max-width: 640px){
    .wizard-body .wizard-wrapper{
        height:100%;
        top:0;
        opacity:.8
    }
    .wizard-body .wizard-wrapper .wizard-container .wizard-header .wizard-tabs-container{
        width:95%
    }
    .wizard-body .wizard-wrapper .wizard-container .wizard-content{
        width:95%
    }
}