.landing-page .core-feature .feature-box:hover .icon-wrraper svg{
    color:#eeb82f
}
.landing-page .responsive-card .img-wrraper img{
    border-radius:15px
}
.landing-page .counter-sec{
    background-color:#fff
}
.landing-page .counter-sec .counter-box{
    text-align:center;
    border:1px solid #eee;
    padding:25px 30px;
    border-radius:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:100%;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.landing-page .counter-sec .counter-box .count-number{
    background-color:rgba(92,97,242,0.1);
    width:80px;
    height:80px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:25px;
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease
}
.landing-page .counter-sec .counter-box .count-number h3{
    font-size:40px;
    margin-bottom:unset;
    color:#5c61f2;
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease
}
.landing-page .counter-sec .counter-box .count-detail h4{
    text-transform:capitalize;
    font-weight:600
}
.landing-page .counter-sec .counter-box .count-detail p{
    font-size:16px;
    color:#979797;
    margin-bottom:unset
}
.landing-page .counter-sec .counter-box:hover .count-number{
    background-color:#5c61f2
}
.landing-page .counter-sec .counter-box:hover .count-number h3{
    color:#fff
}
.landing-page .landing-footer{
    background-color:rgba(92,97,242,0.05)
}
.landing-page .landing-footer .footer-contain{
    text-align:center
}
.landing-page .landing-footer .footer-contain img{
    margin-bottom:5px
}
.landing-page .landing-footer .footer-contain h2{
    font-size:calc(18px + (35 - 18) * ((100vw - 320px) / (1920 - 320)));
    font-weight:700;
    margin-bottom:10px;
    line-height:1.4
}
.landing-page .landing-footer .footer-contain .star-rate{
    margin-bottom:40px
}
.landing-page .landing-footer .footer-contain .star-rate li{
    display:inline-block
}
.landing-page .landing-footer .footer-contain .star-rate li i{
    font-size:calc( 16px + (30 - 16) * ((100vw - 320px) / (1920 - 320)))
}
.landing-page .landing-footer .footer-contain .btn-footer a:nth-child(n+2){
    margin-left:10px
}
.tap-top{
    text-align:center;
    cursor:pointer;
    display:none;
    width:40px;
    height:40px;
    border-radius:100%;
    position:fixed;
    bottom:30px;
    right:30px;
    z-index:5;
    color:#fff;
    background:var(--theme-deafult);
    border:none;
    padding:7px;
    -webkit-box-shadow:0 0 10px var(--theme-deafult);
    box-shadow:0 0 10px var(--theme-deafult);
    opacity:0.5;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.tap-top:hover{
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    opacity:1
}
.tap-top svg{
    width:20px
}
@media (max-width: 1880px){
    .landing-page .landing-home .landing-home-contain{
        padding-top:45px
    }
}
@media (max-width: 1660px){
    .landing-page .layout-section .layout-links .layout-box ul{
        margin-bottom:-10px;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .landing-page .layout-section .layout-links .layout-box ul li{
        margin-bottom:10px
    }
    .landing-page .landing-home .animat-block li:nth-child(3){
        top:15%
    }
    .landing-page .landing-home .animat-block li:nth-child(5){
        bottom:100px;
        right:5%
    }
    .landing-page .custom-container{
        max-width:1440px
    }
}
@media (max-width: 1470px){
    .landing-page .landing-home .landing-home-contain h2{
        font-size:38px
    }
    .landing-page .landing-home .landing-home-contain h3{
        font-size:22px
    }
    .landing-page .landing-home .landing-home-contain p{
        font-size:16px
    }
    .landing-page .landing-home .animat-block li:first-child img{
        width:260px
    }
    .landing-page .landing-home .animat-block li:nth-child(3){
        top:8%
    }
    .landing-page .landing-home .animat-block li:nth-child(5){
        right:3%
    }
    .landing-page .custom-container{
        max-width:100%;
        padding-left:30px;
        padding-right:30px
    }
}
@media (max-width: 1366px){
    .landing-page .landing-home .animat-block li:first-child{
        margin-left:10px
    }
    .landing-page .landing-home .animat-block li:first-child img{
        width:280px
    }
    .landing-page .landing-home .animat-block li:nth-child(2) img{
        width:500px
    }
    .landing-page .landing-home .animat-block li:nth-child(5){
        right:0
    }
    .landing-page .framework ul.framworks-list li{
        height:175px;
        width:175px
    }
    .landing-page .framework ul.framworks-list li img{
        width:auto;
        height:60px
    }
    .landing-page .core-feature .feature-box{
        padding:35px 25px
    }
    .landing-page .core-feature .feature-box h4{
        font-size:22px
    }
    .landing-page .core-feature .feature-box p{
        font-size:14px
    }
    .landing-page .counter-sec .counter-box .count-number{
        margin-bottom:15px;
        width:70px;
        height:70px
    }
    .landing-page .counter-sec .counter-box .count-number h3{
        font-size:30px
    }
    .landing-page .counter-sec .counter-box .count-detail h4{
        font-size:22px
    }
    .landing-page .counter-sec .counter-box .count-detail p{
        font-size:14px
    }
}
@media (max-width: 1365px){
    .landing-page .landing-home .animat-block li:nth-child(2) img{
        width:480px
    }
    .landing-page .landing-home .animat-block li:nth-child(5) img{
        width:280px
    }
    .landing-page .landing-home .animat-block li:nth-child(4) img{
        width:200px
    }
    .landing-page .landing-home .landing-home-contain h2{
        font-size:28px
    }
    .landing-page .landing-home .landing-home-contain p{
        font-size:16px
    }
}
@media screen and (min-device-width: 1200px) and (max-device-width: 1366px){
    .des-xl-50{
        max-width:50%;
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%
    }
    .landing-page .demo-section .demo-box{
        padding:15px
    }
    .landing-page .demo-section .demo-box .demo-title{
        padding-top:10px
    }
    .landing-page .demo-section .demo-box .demo-title h3{
        font-size:18px
    }
}
@media (max-width: 1199px) and (min-width: 768px){
    .landing-page .layout-section .layout-links .layout-box ul li a img{
        margin-right:0 !important
    }
    .landing-page .layout-section .layout-links .layout-box ul li a span{
        display:none
    }
}
@media (max-width: 1199px){
    .landing-page .landing-home .animat-block{
        margin-top:110px
    }
    .landing-page .landing-home .animat-block li:first-child{
        margin-left:0
    }
    .landing-page .landing-home .animat-block li:first-child img{
        width:230px
    }
    .landing-page .landing-home .animat-block li:nth-child(2) img{
        width:420px
    }
    .landing-page .landing-home .animat-block li:nth-child(4){
        bottom:4%;
        left:20px
    }
    .landing-page .landing-home .animat-block li:nth-child(4) img{
        width:230px
    }
    .landing-page .landing-home .animat-block li:nth-child(5){
        bottom:20%;
        right:-5%
    }
    .landing-page .landing-home .animat-block li:nth-child(5) img{
        width:250px
    }
    .landing-page .section-py-space{
        padding-top:60px;
        padding-bottom:60px
    }
    .landing-page .section-pt-space{
        padding-top:60px
    }
    .landing-page .section-pb-space{
        padding-bottom:60px
    }
    .landing-page .title .logo-wrraper img{
        width:35px;
        height:35px
    }
    .landing-page .title h2{
        font-size:26px
    }
    .landing-page .landing-header ul.landing-menu li.nav-item a.nav-link{
        padding:10px 8px
    }
    .landing-page .landing-header .buy-block .btn-landing{
        padding:10px 20px
    }
    .landing-page .landing-home .landing-home-contain h2{
        font-size:26px
    }
    .landing-page .counter-sec .counter-box{
        padding:20px 20px
    }
    .landing-page .counter-sec .counter-box .count-number{
        width:60px;
        height:60px
    }
    .landing-page .counter-sec .counter-box .count-number h3{
        font-size:22px
    }
    .landing-page .demo-section .demo-box{
        padding:20px
    }
    .landing-page .demo-section .demo-box .img-wrraper ul.demo-link li a{
        display:block
    }
    .landing-page .demo-section .demo-box .img-wrraper ul.demo-link li a svg{
        display:block;
        margin-right:auto;
        margin-left:auto
    }
    .landing-page .framework .nav{
        margin-bottom:30px
    }
    .landing-page .framework ul.framworks-list li{
        width:150px;
        height:150px
    }
    .landing-page .framework ul.framworks-list li img{
        height:40px
    }
}
@media (max-width: 991px){
    .landing-page .framework .nav .nav-link{
        padding:8px
    }
    .landing-page .framework .nav .nav-link img{
        height:28px
    }
    .landing-page .framework ul.framworks-list{
        margin-bottom:-20px
    }
    .landing-page .framework ul.framworks-list li{
        margin:0 10px 20px
    }
    .landing-page section .title h2{
        font-size:22px
    }
    .landing-page section .title h2::after{
        top:-10px
    }
    .landing-page .layout-section .layout-list .nav-item .nav-link{
        padding:8px 14px
    }
    .landing-page .section-py-space{
        padding-top:50px;
        padding-bottom:50px
    }
    .landing-page .section-pt-space{
        padding-top:50px
    }
    .landing-page .section-pb-space{
        padding-bottom:50px
    }
    .landing-page .landing-header{
        padding-top:15px;
        padding-bottom:15px
    }
    .landing-page .landing-header ul.landing-menu{
        position:fixed;
        top:0;
        right:-320px;
        width:300px;
        height:100vh;
        background-color:#fff;
        display:block;
        -webkit-transition:all 0.5s ease;
        transition:all 0.5s ease
    }
    .landing-page .landing-header ul.landing-menu.open{
        right:0
    }
    .landing-page .landing-header ul.landing-menu li.nav-item{
        display:block;
        background-color:#fff;
        text-align:left
    }
    .landing-page .landing-header ul.landing-menu li.nav-item.menu-back{
        display:block
    }
    .landing-page .landing-header ul.landing-menu li.nav-item a.nav-link{
        color:#2b2b2b;
        padding:10px 20px
    }
    .landing-page .landing-header ul.landing-menu li.nav-item:hover a.nav-link{
        color:#5c61f2
    }
    .landing-page .landing-header .buy-block .toggle-menu{
        display:block
    }
    .landing-page .btn-landing{
        padding:10px 25px
    }
    .landing-page .landing-home{
        position:relative;
        z-index:1
    }
    .landing-page .landing-home .animat-block li img{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    .landing-page .landing-home .animat-block li:first-child{
        z-index:unset;
        top:16%;
        left:-10px;
        position:absolute
    }
    .landing-page .landing-home .animat-block li:first-child img{
        width:200px
    }
    .landing-page .landing-home .animat-block li:nth-child(4){
        top:16%;
        left:unset;
        right:0
    }
    .landing-page .landing-home .animat-block li:nth-child(4) img{
        width:180px
    }
    .landing-page .landing-home .animat-block li:nth-child(5){
        right:33%;
        top:5%
    }
    .landing-page .landing-home .animat-block li:nth-child(5) img{
        width:250px
    }
    .landing-page .landing-home .animat-block li:nth-child(2){
        position:absolute;
        top:75%;
        left:0
    }
    .landing-page .landing-home .animat-block li:nth-child(2) img{
        width:310px
    }
    .landing-page .landing-home .animat-block li:nth-child(3){
        top:75%;
        right:0;
        left:unset
    }
    .landing-page .landing-home .animat-block li:nth-child(3) img{
        width:310px
    }
    .landing-page .landing-home .row>.animat-block{
        position:unset;
        margin-top:0
    }
    .landing-page .landing-home .row>.animat-block ~ div[class*="col-"]{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1;
        padding:0
    }
    .landing-page .landing-home .landing-home-contain{
        text-align:center;
        background-color:rgba(92,97,242,0.7);
        height:85vh;
        width:100%;
        margin:auto;
        padding:0 10px 0;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .landing-page .landing-home .landing-home-contain p{
        margin:0 auto 25px;
        width:90%
    }
    .landing-page .landing-home .landing-home-contain .btn-landing{
        margin-right:auto;
        margin-left:auto
    }
    .landing-page .framework .nav .nav-item:nth-child(n+2){
        margin-left:10px
    }
    .landing-page .counter-sec .counter-block{
        margin-bottom:-30px
    }
    .landing-page .counter-sec .counter-block>div{
        margin-bottom:30px
    }
    .landing-page .counter-sec .counter-box{
        padding:35px 25px
    }
    .landing-page .landing-footer .footer-contain img{
        height:100px
    }
    .landing-page .landing-footer .footer-contain .star-rate{
        margin-bottom:40px
    }
}
@media (max-width: 767px){
    .landing-page .landing-header,.landing-page .landing-header.sticky{
        position:relative;
        background-color:#5c61f2
    }
    .landing-page .counter-sec .counter-block{
        margin-bottom:-20px
    }
    .landing-page .counter-sec .counter-block>div{
        margin-bottom:20px
    }
    .landing-page .layout-section .layout-links .row{
        margin-bottom:-20px
    }
    .landing-page .layout-section .layout-links .row>div{
        margin-bottom:20px
    }
    .landing-page .landing-header{
        padding:8px 18px
    }
    .landing-page .landing-header .navbar-brand{
        padding:0
    }
    .landing-page .title h2{
        font-size:24px
    }
    .landing-page .section-py-space{
        padding-top:40px;
        padding-bottom:40px
    }
    .landing-page .section-pt-space{
        padding-top:40px
    }
    .landing-page .section-pb-space{
        padding-bottom:40px
    }
    .landing-page .landing-home .animat-block{
        display:none
    }
    .landing-page .landing-home .landing-home-contain{
        height:560px;
        padding-top:0;
        padding-bottom:0
    }
    .landing-page .landing-home .landing-home-contain>div{
        background-color:unset;
        padding:0
    }
    .landing-page .landing-home .landing-home-contain h6{
        margin-bottom:10px
    }
    .landing-page .landing-home .landing-home-contain p{
        width:auto;
        margin:0 15px 25px
    }
    .landing-page .demo-section .demo-block{
        margin-bottom:-20px
    }
    .landing-page .demo-section .demo-block>div{
        margin-bottom:20px
    }
    .landing-page .demo-section .demo-box{
        width:-webkit-fit-content;
        width:-moz-fit-content;
        width:fit-content;
        margin:auto
    }
    .landing-page .demo-section .demo-box .img-wrraper ul.demo-link li:nth-child(n+2){
        margin-left:5px
    }
    .landing-page .demo-section .demo-box .img-wrraper ul.demo-link li a{
        font-size:10px
    }
    .landing-page .demo-section .demo-box .demo-title h3{
        font-size:18px
    }
    .landing-page .counter-sec .counter-box .count-number{
        width:50px;
        height:50px
    }
    .landing-page .counter-sec .counter-box .count-detail h4{
        font-size:20px
    }
    .landing-page .core-feature .feature-box .icon-wrraper{
        width:50px;
        height:50px;
        margin-bottom:10px
    }
    .landing-page .core-feature .feature-box h4{
        font-size:20px
    }
    .landing-page .framework .nav .nav-link img{
        height:35px
    }
    .landing-page .framework .nav .nav-link h5{
        font-size:16px
    }
    .landing-page .framework .nav .nav-link.active:before{
        border-left:20px solid transparent;
        border-right:20px solid transparent;
        border-top:15px solid rgba(92,97,242,0.8)
    }
    .landing-page .framework ul.framworks-list li{
        width:145px;
        height:145px
    }
    .landing-page .framework ul.framworks-list li img{
        height:40px
    }
    .landing-page .landing-footer .footer-contain img{
        height:80px;
        margin-bottom:10px
    }
    .landing-page .landing-footer .footer-contain h2{
        margin-bottom:5px
    }
    .landing-page .landing-footer .footer-contain p{
        margin-bottom:10px
    }
    .landing-page .landing-footer .footer-contain .star-rate{
        margin-bottom:25px
    }
    .landing-page .landing-footer .footer-contain .btn-footer .btn{
        padding:10px 25px;
        font-size:14px;
        line-height:1
    }
}
@media (max-width: 575px){
    .landing-page .section-px-space .demo-block .demo-box{
        margin:0 15px
    }
    .landing-page .core-feature .feature-block>div{
        padding-left:16px;
        padding-right:16px
    }
    .landing-page .layout-section .layout-links .layout-box{
        margin:0 20px
    }
    .landing-page .custom-container{
        padding-left:15px;
        padding-right:15px
    }
    .landing-page .landing-home .landing-home-contain{
        width:auto;
        height:490px
    }
    .landing-page .landing-home .landing-home-contain .btn-home-list li .btn{
        padding:6px 14px
    }
    .landing-page .landing-home .landing-home-contain .btn-home-list li img{
        width:20px !important
    }
    .landing-page .landing-home .landing-home-contain div div{
        margin-top:-17px;
        margin-bottom:0
    }
    .landing-page .landing-home .landing-home-contain>div img{
        width:80px
    }
    .landing-page .demo-section .demo-box{
        padding:15px
    }
    .landing-page .demo-section .demo-box .demo-title h3{
        font-size:16px
    }
    .landing-page .framework .nav{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .landing-page .core-feature .feature-box{
        padding:30px 20px
    }
    .landing-page .counter-sec .counter-box{
        height:auto;
        padding:30px 20px
    }
    .landing-page .counter-sec .counter-box .count-number{
        width:45px;
        height:45px;
        margin-bottom:10px
    }
    .landing-page .counter-sec .counter-box .count-number h3{
        font-size:18px
    }
}
@media (max-width: 480px){
    .landing-page .landing-footer .footer-contain .star-rate{
        margin-bottom:20px
    }
    .landing-page .landing-footer .footer-contain img{
        height:60px
    }
    .landing-page .core-feature .d-flex .flex-grow-1 h4{
        font-size:18px
    }
    .landing-page .core-feature .d-flex .flex-grow-1 p{
        font-size:14px
    }
    .landing-page .core-feature .d-flex .flex-shrink-0 .icon-wrraper{
        width:48px;
        height:48px
    }
    .landing-page .core-feature .d-flex .flex-shrink-0 .icon-wrraper svg{
        width:38%
    }
    .landing-page section .title h2{
        font-size:20px
    }
    .landing-page section .title h2::after{
        height:38px;
        top:-7px
    }
    .landing-page .layout-section .layout-links .layout-box ul li a img{
        margin:0 !important
    }
    .landing-page .layout-section .layout-links .layout-box ul li a span{
        display:none
    }
    .landing-page .layout-section .layout-list{
        margin-bottom:12px
    }
    .landing-page .layout-section .layout-list li{
        margin-bottom:10px
    }
    .landing-page .title{
        display:block;
        margin-bottom:25px
    }
    .landing-page .title h2{
        font-size:20px
    }
    .landing-page .landing-home .landing-home-contain{
        height:414px;
        background:unset
    }
    .landing-page .landing-home .landing-home-contain h2{
        font-size:22px
    }
    .landing-page .landing-home .landing-home-contain h3{
        font-size:18px
    }
    .landing-page .landing-home .landing-home-contain p{
        font-size:13px
    }
    .landing-page .landing-header .buy-block .toggle-menu{
        margin-left:10px
    }
    .landing-page .framework .nav .nav-item{
        width:auto
    }
    .landing-page .framework .nav .nav-link{
        display:block !important;
        padding:10px 15px
    }
    .landing-page .framework .nav .nav-link.active:before{
        border-left:10px solid transparent;
        border-right:10px solid transparent;
        border-top:5px solid rgba(92,97,242,0.8)
    }
    .landing-page .framework .nav .nav-link img{
        height:20px;
        margin-right:unset
    }
    .landing-page .framework .nav .nav-link .text-start{
        display:none
    }
    .landing-page .framework ul.framworks-list li{
        width:110px;
        height:110px;
        padding:25px 0
    }
    .landing-page .framework ul.framworks-list li img{
        height:34px
    }
    .landing-page .landing-footer .footer-contain .btn-footer a:nth-child(n+2){
        margin-left:5px
    }
    .landing-page .landing-footer .footer-contain .btn-footer .btn{
        padding:10px 15px
    }
}
@media (max-width: 450px){
    .landing-page .section-px-space .demo-block .demo-box{
        margin:0 12px
    }
    .landing-page .layout-section .layout-links .layout-box{
        margin:0 12px
    }
    .landing-page .layout-section .layout-list .nav-item:last-child{
        margin-left:0
    }
}
@media (max-width: 405px){
    .application-section .demo-block .demo-box{
        margin:0 12px
    }
    .landing-page .landing-footer .footer-contain .btn-footer .btn:last-child{
        margin-top:10px
    }
}
@media (max-width: 360px){
    .landing-page .landing-header{
        padding:6px 8px
    }
}
.current_lang{
    cursor:pointer;
    text-transform:uppercase;
    overflow:hidden
}
.lang.selected{
    display:none
}
.lang span.lang-txt{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    margin-left:8px;
    font-weight:500
}
.lang span span{
    color:#999;
    font-weight:400;
    margin-left:5px
}
.more_lang{
    -webkit-transform:translateY(-20px);
    transform:translateY(-20px);
    opacity:0;
    cursor:pointer;
    display:none;
    -webkit-transition:all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15);
    transition:all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15)
}
.translate_wrapper.active .more_lang{
    display:block;
    position:absolute;
    background-color:#fff;
    top:50px;
    right:0;
    -webkit-box-shadow:0 0 20px rgba(89,102,122,0.1);
    box-shadow:0 0 20px rgba(89,102,122,0.1);
    border-radius:10px
}
.translate_wrapper.active .more_lang:before{
    width:0;
    height:0;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:7px solid #fff;
    content:"";
    top:-7px;
    position:absolute;
    right:20px;
    z-index:2
}
.translate_wrapper.active .more_lang:after{
    width:0;
    height:0;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:7px solid #bdc2c5;
    content:"";
    top:-7px;
    position:absolute;
    right:20px;
    z-index:1
}
.more_lang.active{
    opacity:1;
    -webkit-transform:translateY(0px);
    transform:translateY(0px)
}
.more_lang .lang{
    padding:10px 15px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.more_lang .lang:hover{
    background:var(--theme-deafult);
    color:#fff
}
.more_lang .lang:hover span{
    color:#fff
}
.translate_wrapper.active .more_lang .lang{
    border-bottom:1px solid #eaeaea
}
.translate_wrapper.active .more_lang .lang:last-child{
    border-bottom:unset
}
.learning-box .details-main{
    margin:30px
}
.learning-box .details-main h6{
    font-size:20px
}
.learning-box .details-main p{
    color:#59667a;
    margin-bottom:0
}
.learning-header{
    margin-bottom:5px
}
.learning-block .radio_animated{
    vertical-align:middle
}
.learning-block .default-according.job-accordion .categories ul li span.badge{
    padding:4px 4px 2px
}
.categories{
    padding:20px 0
}
.categories .learning-header{
    padding-left:30px;
    font-size:16px
}
.categories ul li{
    padding:5px 30px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.categories ul li a{
    color:#979797;
    font-weight:500
}
.categories ul li:hover{
    background-color:#eee
}
.categories ul li:hover a{
    color:#5c61f2
}
.upcoming-course .d-flex .flex-grow-1 h6{
    margin-top:5px
}
.upcoming-course .d-flex+.d-flex{
    margin-top:30px
}
.job-accordion{
    margin-bottom:0
}
@media screen and (min-width: 1200px) and (max-width: 1366px){
    .learning-comment{
        float:left !important
    }
    .blog-box .blog-details .blog-social li:nth-child(n+2){
        padding-left:12px;
        margin-left:12px
    }
}
@media only screen and (max-width: 991px){
    .categories{
        padding:20px 0
    }
    .categories .learning-header{
        padding-left:20px
    }
    .categories ul li{
        padding:5px 20px
    }
    .upcoming-course .d-flex+.d-flex{
        margin-top:20px
    }
}
@media only screen and (max-width: 767px){
    .categories ul li a{
        font-size:13px
    }
    .comment-box h4{
        margin-bottom:20px;
        padding-bottom:15px
    }
    .comment-box li{
        margin-bottom:20px
    }
}
@media only screen and (max-width: 575px){
    .categories{
        padding:15px 0
    }
    .categories .learning-header{
        padding-left:15px
    }
    .upcoming-course .d-flex+.d-flex{
        margin-top:10px
    }
}
.login-card{
    min-height:100vh;
    background:url("../images/loginbg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    padding:30px 12px
}
.login-card .logo{
    display:block;
    margin-bottom:30px;
    text-align:center
}
.login-card .btn-showcase .btn{
    line-height:1;
    padding:10px 15px;
    margin:0
}
.login-card .btn-showcase .btn+.btn{
    margin-left:5px
}
.login-card .btn-showcase .btn svg{
    height:16px;
    vertical-align:bottom
}
.login-card .login-main{
    padding:40px;
    border-radius:10px;
    -webkit-box-shadow:0 0 37px rgba(8,21,66,0.05);
    box-shadow:0 0 37px rgba(8,21,66,0.05);
    margin:0 auto;
    background-color:#fff
}
.login-card .login-main .theme-form h4{
    margin-bottom:5px
}
.login-card .login-main .theme-form .unlock-1{
    width:75%;
    height:auto;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.login-card .login-main .theme-form label{
    font-size:15px;
    letter-spacing:0.4px
}
.login-card .login-main .theme-form .checkbox label::before{
    background-color:#f9f9fa;
    border:1px solid #eee
}
.login-card .login-main .theme-form .login-social-title{
    position:relative;
    z-index:1;
    text-align:center;
    margin-top:30px;
    margin-bottom:30px
}
.login-card .login-main .theme-form .login-social-title h6{
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    margin-left:auto;
    margin-right:auto;
    color:#979797;
    background-color:#fff;
    padding-left:25px;
    padding-right:25px
}
.login-card .login-main .theme-form .login-social-title:before{
    content:"";
    position:absolute;
    width:100%;
    height:2px;
    background-color:#eee;
    top:10px;
    z-index:-1;
    right:0
}
.login-card .login-main .theme-form input{
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.login-card .login-main .theme-form input::-webkit-input-placeholder{
    color:#979797
}
.login-card .login-main .theme-form input:hover,.login-card .login-main .theme-form input:focus{
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.login-card .login-main .theme-form p{
    margin-bottom:25px;
    font-size:14px;
    color:#898989
}
.login-card .login-main .theme-form .form-group{
    margin-bottom:10px;
    position:relative
}
.login-card .login-main .theme-form .link{
    position:absolute;
    top:10px;
    right:0
}
.login-card .login-main .theme-form ul.login-social{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.login-card .login-main .theme-form ul.login-social li{
    width:40px;
    height:40px;
    border-radius:50%;
    border:1px solid #eee;
    background-color:rgba(92,97,242,0.05);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.login-card .login-main .theme-form ul.login-social li svg{
    width:auto;
    height:16px;
    color:#5c61f2;
    vertical-align:middle
}
.login-card .login-main .theme-form ul.login-social li:nth-child(n+2){
    margin-left:15px
}
.login-card .login-main .theme-form ul.login-social li:hover{
    background-color:#5c61f2
}
.login-card .login-main .theme-form ul.login-social li:hover svg{
    color:#fff
}
.show-hide{
    position:absolute;
    top:52px;
    right:20px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.show-hide span{
    cursor:pointer;
    font-size:13px;
    color: #b58022
}
.show-hide span.show:before{
    content:"Show"
}
.show-hide span:before{
    content:"Hide"
}
.needs-validation.was-validated .invalid-feedback{
    color:#f81f58
}
.needs-validation .invalid-feedback{
    color:#898989
}
.needs-validation .show-hide{
    right:30px
}
.needs-validation .invalid-tooltip{
    right:10px
}
.mega-inline{
    margin-bottom:-30px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.mega-inline .card{
    border:1px solid #f3f3f3;
    -webkit-box-shadow:0 0 11px 5px #eee;
    box-shadow:0 0 11px 5px #eee
}
.mega-inline .mega-title-badge{
    display:table;
    width:100%;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase
}
.mega-inline .mega-title-badge span.badge{
    padding-top:5px
}
.mega-inline .d-flex .radio{
    margin-left:3px
}
.mega-vertical{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.mega-vertical .card{
    -webkit-box-shadow:0 0 11px 5px #eee;
    box-shadow:0 0 11px 5px #eee
}
.mega-vertical .mega-title-badge{
    display:table;
    width:100%;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase
}
.mega-vertical .mega-title-badge span.badge{
    padding-top:5px
}
.mega-vertical .d-flex .radio{
    margin-left:3px
}
.mega-title{
    font-weight:600
}
.mega-horizontal{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.mega-horizontal .card{
    border:1px solid #f3f3f3;
    -webkit-box-shadow:0 0 11px 5px #eee;
    box-shadow:0 0 11px 5px #eee
}
.mega-horizontal .mega-title-badge{
    display:table;
    width:100%;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase
}
.mega-horizontal .mega-title-badge span.badge{
    padding-top:5px
}
.mega-horizontal .d-flex .radio{
    margin-left:3px
}
.plain-style .card{
    -webkit-box-shadow:none;
    box-shadow:none;
    border:none !important
}
.border-style .card{
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px solid #eee !important
}
.offer-style .card{
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px dashed #eee !important
}
.rating-star-wrapper{
    color:#797979
}
.wishlist table tbody .input-group .form-control{
    border-radius:30px
}
.prooduct-details-box{
    margin-bottom:30px
}
.prooduct-details-box .close{
    position:absolute;
    top:10px;
    right:10px;
    height:16px;
    cursor:pointer
}
.prooduct-details-box .d-block{
    border:1px solid #eee;
    width:100%;
    position:relative
}
.prooduct-details-box .d-block .flex-grow-1{
    padding:15px
}
.prooduct-details-box .rating{
    color:#ffaf45
}
.prooduct-details-box .price{
    font-size:14px;
    font-weight:600
}
.prooduct-details-box .price span{
    margin-left:5px;
    color:rgba(27,49,85,0.4)
}
.prooduct-details-box ul.rating li{
    display:inline-block
}
.prooduct-details-box .product-name h6{
    color:#2b2b2b;
    font-size:15px
}
.prooduct-details-box .btn{
    position:absolute;
    right:15px;
    bottom:15px;
    font-size:9px;
    padding:2px 5px
}
.order-history{
    overflow:hidden
}
.order-history .input-group{
    text-align:right;
    max-width:300px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.order-history .input-group .btn{
    padding:12px 15px
}
.order-history table th,.order-history table td{
    text-align:center
}
.order-history table thead tr th{
    vertical-align:middle;
    border-top:none;
    background-color:rgba(92,97,242,0.05) !important;
    border:1px solid #eee;
    padding:15px;
    font-size:16px;
    color:#5c61f2;
    font-weight:600
}
.order-history table .qty-box{
    width:120px;
    margin:0 auto;
    border-radius:5px;
    overflow:hidden
}
.order-history table .qty-box input{
    padding:0;
    border:none;
    background-color:transparent
}
.order-history table .qty-box input:focus{
    -webkit-box-shadow:none;
    box-shadow:none;
    border:none
}
.order-history table .qty-box .input-group{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:transparent;
    border-radius:5px;
    border:1px solid #eee;
    overflow:hidden
}
.order-history table .qty-box .btn{
    background-color:transparent;
    padding:8px 13px;
    font-size:10px
}
.order-history table tbody tr td{
    vertical-align:middle;
    color:#979797;
    font-weight:600
}
.order-history table tbody tr td .product-name a{
    font-size:15px;
    color:#898989
}
.order-history table tbody tr td .product-name .order-process{
    font-size:13px;
    padding-left:15px
}
.order-history table tbody tr td .product-name .order-process .order-process-circle{
    position:relative
}
.order-history table tbody tr td .product-name .order-process .order-process-circle:before{
    position:absolute;
    content:"";
    width:4px;
    height:4px;
    border-radius:100%;
    background-color:#898989;
    left:-15px;
    top:7px
}
.order-history table tbody tr td .product-name .order-process .order-process-circle.shipped-order:before{
    background-color:#61ae41
}
.order-history table tbody tr td .product-name .order-process .order-process-circle.cancel-order:before{
    background-color:#f81f58
}
.order-history table tbody tr td.total-amount{
    color:#2b2b2b
}
.order-history .product-name h6{
    color:#2b2b2b;
    margin-bottom:unset;
    font-size:14px;
    font-weight:600
}
.whishlist-main>div{
    margin-bottom:-30px
}
@media only screen and (max-width: 1199px){
    .order-history table{
        width:900px;
        overflow:auto
    }
}
@media only screen and (max-width: 767px){
    .order-history table tbody tr td .product-name a{
        font-size:14px
    }
}
@media only screen and (max-width: 575px){
    .wishlist .text-end{
        text-align:left !important
    }
}
.pagination-theme .page-item:first-child .page-link{
    border-bottom-left-radius:10px;
    border-top-left-radius:10px
}
.pagination-theme .page-item:last-child .page-link{
    border-bottom-right-radius:10px;
    border-top-right-radius:10px
}
.pagination-theme .page-item .page-link{
    color:var(--theme-deafult) !important
}
.pagination-theme .page-item .page-link:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.pagination-theme .page-item .page-link:hover{
    background-color:var(--theme-deafult) !important;
    color:#fff !important
}
.pagination-theme .page-item.active .page-link{
    color:#fff !important;
    background-color:var(--theme-deafult) !important;
    border-color:var(--theme-deafult)
}
.pagination-primary .page-item:first-child .page-link{
    border-bottom-left-radius:10px;
    border-top-left-radius:10px
}
.pagination-primary .page-item:last-child .page-link{
    border-bottom-right-radius:10px;
    border-top-right-radius:10px
}
.pagination-primary .page-item .page-link{
    color:var(--theme-deafult) !important
}
.pagination-primary .page-item .page-link:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.pagination-primary .page-item .page-link:hover{
    background-color:var(--theme-deafult) !important;
    color:#fff !important
}
.pagination-primary .page-item.active .page-link{
    color:#fff !important;
    background-color:var(--theme-deafult) !important;
    border-color:var(--theme-deafult)
}
.pagination-secondary .page-item:first-child .page-link{
    border-bottom-left-radius:10px;
    border-top-left-radius:10px
}
.pagination-secondary .page-item:last-child .page-link{
    border-bottom-right-radius:10px;
    border-top-right-radius:10px
}
.pagination-secondary .page-item .page-link{
    color:#eeb82f !important
}
.pagination-secondary .page-item .page-link:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.pagination-secondary .page-item .page-link:hover{
    background-color:#eeb82f !important;
    color:#fff !important
}
.pagination-secondary .page-item.active .page-link{
    color:#fff !important;
    background-color:#eeb82f !important;
    border-color:#eeb82f
}
.pagination-success .page-item:first-child .page-link{
    border-bottom-left-radius:10px;
    border-top-left-radius:10px
}
.pagination-success .page-item:last-child .page-link{
    border-bottom-right-radius:10px;
    border-top-right-radius:10px
}
.pagination-success .page-item .page-link{
    color:#61ae41 !important
}
.pagination-success .page-item .page-link:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.pagination-success .page-item .page-link:hover{
    background-color:#61ae41 !important;
    color:#fff !important
}
.pagination-success .page-item.active .page-link{
    color:#fff !important;
    background-color:#61ae41 !important;
    border-color:#61ae41
}
.pagination-danger .page-item:first-child .page-link{
    border-bottom-left-radius:10px;
    border-top-left-radius:10px
}
.pagination-danger .page-item:last-child .page-link{
    border-bottom-right-radius:10px;
    border-top-right-radius:10px
}
.pagination-danger .page-item .page-link{
    color:#f81f58 !important
}
.pagination-danger .page-item .page-link:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.pagination-danger .page-item .page-link:hover{
    background-color:#f81f58 !important;
    color:#fff !important
}
.pagination-danger .page-item.active .page-link{
    color:#fff !important;
    background-color:#f81f58 !important;
    border-color:#f81f58
}
.pagination-info .page-item:first-child .page-link{
    border-bottom-left-radius:10px;
    border-top-left-radius:10px
}
.pagination-info .page-item:last-child .page-link{
    border-bottom-right-radius:10px;
    border-top-right-radius:10px
}
.pagination-info .page-item .page-link{
    color:#4faad5 !important
}
.pagination-info .page-item .page-link:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.pagination-info .page-item .page-link:hover{
    background-color:#4faad5 !important;
    color:#fff !important
}
.pagination-info .page-item.active .page-link{
    color:#fff !important;
    background-color:#4faad5 !important;
    border-color:#4faad5
}
.pagination-dark .page-item:first-child .page-link{
    border-bottom-left-radius:10px;
    border-top-left-radius:10px
}
.pagination-dark .page-item:last-child .page-link{
    border-bottom-right-radius:10px;
    border-top-right-radius:10px
}
.pagination-dark .page-item .page-link{
    color:#2c323f !important
}
.pagination-dark .page-item .page-link:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.pagination-dark .page-item .page-link:hover{
    background-color:#2c323f !important;
    color:#fff !important
}
.pagination-dark .page-item.active .page-link{
    color:#fff !important;
    background-color:#2c323f !important;
    border-color:#2c323f
}
.pagination-warning .page-item:first-child .page-link{
    border-bottom-left-radius:10px;
    border-top-left-radius:10px
}
.pagination-warning .page-item:last-child .page-link{
    border-bottom-right-radius:10px;
    border-top-right-radius:10px
}
.pagination-warning .page-item .page-link{
    color:#e6ae30 !important
}
.pagination-warning .page-item .page-link:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.pagination-warning .page-item .page-link:hover{
    background-color:#e6ae30 !important;
    color:#fff !important
}
.pagination-warning .page-item.active .page-link{
    color:#fff !important;
    background-color:#e6ae30 !important;
    border-color:#e6ae30
}
.pricing-content div .pricing-simple,.pricing-content div .pricing-block{
    margin-bottom:0;
    -webkit-box-shadow:0px 4px 30px rgba(95,94,231,0.07);
    box-shadow:0px 4px 30px rgba(95,94,231,0.07)
}
.pricing-content div .pricing-simple .btn-block{
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;
    border-radius:20px
}
.pricing-block{
    overflow:hidden
}
.pricing-block .pricing-header{
    position:relative;
    height:170px
}
.pricing-block .pricing-header:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:0% 50% 0% 50%;
    background-color:rgba(92,97,242,0.05)
}
.pricing-block .pricing-header h2{
    color:#5c61f2;
    font-weight:600;
    font-size:30px;
    text-transform:uppercase;
    margin-top:30px
}
.pricing-block .pricing-header h2 span{
    font-size:50%
}
.pricing-block .pricing-header .price-box{
    background-color:#5c61f2;
    border-radius:50%;
    width:100px;
    height:100px;
    margin-left:auto;
    margin-right:auto;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:absolute;
    bottom:-40px;
    left:0;
    right:0
}
.pricing-block .pricing-header .price-box>div{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.pricing-block .pricing-header .price-box h3{
    color:#fff;
    font-weight:600;
    margin-bottom:5px;
    line-height:1;
    font-size:24px
}
.pricing-block .pricing-header .price-box p{
    color:#fff;
    text-transform:capitalize;
    line-height:1;
    font-weight:600
}
.pricing-block svg{
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    margin-left:-1px
}
.pricing-block .pricing-list{
    padding-top:90px;
    padding-bottom:30px
}
.pricing-block .pricing-list ul{
    padding:0
}
.pricing-block .pricing-list ul li{
    margin-bottom:20px
}
.pricing-block .pricing-list ul li h6{
    font-weight:500;
    margin-bottom:0
}
.pricing-block .pricing-list ul li h6 span{
    color:#979797;
    margin-left:5px;
    display:inline-block
}
.pricing-block .pricing-list .pricing-inner{
    margin-bottom:30px
}
.pricing-simple .card-body{
    border-bottom:none
}
.pricing-simple .card-body h3{
    position:relative;
    margin-bottom:38px;
    font-weight:600
}
.pricing-simple .card-body h3:before{
    position:absolute;
    content:"";
    width:80px;
    height:1px;
    margin:0 auto;
    left:0;
    right:0;
    bottom:-10px;
    background-color:#979797
}
.pricing-simple .card-body h1{
    font-size:80px;
    line-height:0.9;
    margin-bottom:30px;
    font-weight:600;
    color:#5c61f2
}
.pricing-simple .card-body h6{
    color:#979797;
    font-weight:500
}
@media only screen and (max-width: 1550px){
    .pricing-block .pricing-header{
        height:150px
    }
    .pricing-block .pricing-header h2{
        font-size:22px
    }
}
@media only screen and (max-width: 1470px){
    .pricing-simple .card-body h1{
        font-size:70px
    }
    .pricing-col{
        margin-bottom:-30px
    }
    .pricing-col>div{
        margin-bottom:30px
    }
    .pricing-block .pricing-header h2{
        font-size:26px
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px){
    .pricing-simple .card-body h3{
        font-size:24px
    }
    .pricing-block .pricing-header h2{
        font-size:22px
    }
    .pricing-block .ribbon-vertical-left{
        left:3px;
        top:0px
    }
    .pricing-block .ribbon-bookmark{
        top:0;
        left:-1px
    }
    .pricing-block .ribbon-clip-right{
        top:0
    }
}
@media only screen and (max-width: 1199px){
    .pricing-block .pricing-inner h3{
        font-size:20px
    }
    .pricing-block .pricing-inner ul li h6{
        font-size:14px
    }
}
@media only screen and (max-width: 991px){
    .pricing-col{
        margin-bottom:-20px
    }
    .pricing-col>div{
        margin-bottom:20px
    }
    .pricing-content.price-simple .row{
        margin-bottom:-20px
    }
    .pricing-content div:nth-child(2) .pricing-simple,.pricing-content div:first-child .pricing-simple{
        margin-bottom:20px
    }
    .pricing-block .pricing-inner{
        padding:20px 0 20px
    }
    .pricing-block .pricing-inner ul,.pricing-block .pricing-inner h3{
        margin-bottom:1px
    }
    .pricing-simple .card-body h1{
        margin-bottom:20px
    }
    .pricing-simple .card-body h3{
        margin-bottom:28px
    }
}
@media only screen and (max-width: 767px){
    .pricing-content div:last-child .pricing-block{
        margin-bottom:0
    }
    .pricing-block .pricing-inner{
        padding:15px 0 15px
    }
    .pricing-block .pricing-inner h3{
        font-size:28px
    }
    .pricing-block .pricing-inner ul li h6{
        font-size:16px
    }
    .pricing-block .pricing-header h2{
        font-size:24px
    }
    .pricing-simple .card-body h1{
        font-size:60px
    }
    .pricing-simple .card-body h3{
        font-size:20px
    }
}
@media only screen and (max-width: 575px){
    .pricing-content.price-simple .row{
        margin-bottom:0
    }
    .pricing-content div div .pricing-simple{
        margin-bottom:15px
    }
    .pricing-content div div:last-child .pricing-simple{
        margin-bottom:0
    }
    .pricing-simple .card-body h1{
        margin-bottom:15px;
        font-size:45px
    }
    .pricing-block .pricing-inner{
        padding:15px 0 15px
    }
    .pricing-col>div{
        width:100%
    }
    .pricing-block .pricing-list .btn{
        padding:5px 15px;
        font-size:16px
    }
}
@media only screen and (max-width: 480px){
    .pricing-block .pricing-list{
        padding-top:80px
    }
    .pricing-block .pricing-list ul li{
        margin-bottom:15px
    }
    .pricing-block .pricing-list ul li h6{
        font-size:14px
    }
    .pricing-block .pricing-list .pricing-inner{
        margin-bottom:25px
    }
}
@media only screen and (max-width: 420px){
    .pricing-block .pricing-header{
        height:140px
    }
    .pricing-block .pricing-header .price-box{
        width:80px;
        height:80px
    }
    .pricing-block .pricing-header .price-box h3{
        font-size:20px
    }
    .pricing-block .pricing-header .price-box p{
        font-size:12px
    }
}
.progress-showcase .progress{
    margin-bottom:10px
}
.progress-showcase .progress:last-child{
    margin-bottom:0
}
.sm-progress-bar{
    height:5px
}
.lg-progress-bar{
    height:20px
}
.progress-animate{
    overflow:inherit;
    background-color:rgba(0,0,0,0);
    margin-bottom:2px
}
.progress-animate span{
    position:absolute;
    bottom:25px;
    right:-10px;
    font-weight:600;
    font-size:14px
}
@-webkit-keyframes heartbit{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    25%{
        -webkit-transform:scale(0.1);
        transform:scale(0.1);
        opacity:0.1
    }
    50%{
        -webkit-transform:scale(0.5);
        transform:scale(0.5);
        opacity:0.3
    }
    75%{
        -webkit-transform:scale(0.8);
        transform:scale(0.8);
        opacity:0.5
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@keyframes heartbit{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    25%{
        -webkit-transform:scale(0.1);
        transform:scale(0.1);
        opacity:0.1
    }
    50%{
        -webkit-transform:scale(0.5);
        transform:scale(0.5);
        opacity:0.3
    }
    75%{
        -webkit-transform:scale(0.8);
        transform:scale(0.8);
        opacity:0.5
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
.progress-gradient-primary{
    background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), to(var(--theme-deafult)));
    background-image:linear-gradient(to right, rgba(0,0,0,0), var(--theme-deafult));
    position:relative
}
.progress-gradient-primary:hover{
    background-size:100%
}
.progress-gradient-primary::after{
    position:absolute;
    content:"";
    top:-3px;
    right:-1px;
    background-color:var(--theme-deafult);
    width:10px;
    height:10px;
    border-radius:100%;
    -webkit-box-shadow:0 0 17px 4px rgba(var(--theme-deafult), 0.36);
    box-shadow:0 0 17px 4px rgba(var(--theme-deafult), 0.36)
}
.progress-gradient-primary .animate-circle{
    position:absolute;
    top:-11px;
    right:-8px;
    height:25px;
    width:25px;
    border:5px solid var(--theme-deafult);
    border-radius:70px;
    -webkit-animation:heartbit 1s ease-out;
    animation:heartbit 1s ease-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.progress-gradient-secondary{
    background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), to(#eeb82f));
    background-image:linear-gradient(to right, rgba(0,0,0,0), #eeb82f);
    position:relative
}
.progress-gradient-secondary:hover{
    background-size:100%
}
.progress-gradient-secondary::after{
    position:absolute;
    content:"";
    top:-3px;
    right:-1px;
    background-color:#eeb82f;
    width:10px;
    height:10px;
    border-radius:100%;
    -webkit-box-shadow:0 0 17px 4px rgba(238,184,47,0.36);
    box-shadow:0 0 17px 4px rgba(238,184,47,0.36)
}
.progress-gradient-secondary .animate-circle{
    position:absolute;
    top:-11px;
    right:-8px;
    height:25px;
    width:25px;
    border:5px solid #eeb82f;
    border-radius:70px;
    -webkit-animation:heartbit 1s ease-out;
    animation:heartbit 1s ease-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.progress-gradient-success{
    background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), to(#61ae41));
    background-image:linear-gradient(to right, rgba(0,0,0,0), #61ae41);
    position:relative
}
.progress-gradient-success:hover{
    background-size:100%
}
.progress-gradient-success::after{
    position:absolute;
    content:"";
    top:-3px;
    right:-1px;
    background-color:#61ae41;
    width:10px;
    height:10px;
    border-radius:100%;
    -webkit-box-shadow:0 0 17px 4px rgba(97,174,65,0.36);
    box-shadow:0 0 17px 4px rgba(97,174,65,0.36)
}
.progress-gradient-success .animate-circle{
    position:absolute;
    top:-11px;
    right:-8px;
    height:25px;
    width:25px;
    border:5px solid #61ae41;
    border-radius:70px;
    -webkit-animation:heartbit 1s ease-out;
    animation:heartbit 1s ease-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.progress-gradient-danger{
    background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), to(#f81f58));
    background-image:linear-gradient(to right, rgba(0,0,0,0), #f81f58);
    position:relative
}
.progress-gradient-danger:hover{
    background-size:100%
}
.progress-gradient-danger::after{
    position:absolute;
    content:"";
    top:-3px;
    right:-1px;
    background-color:#f81f58;
    width:10px;
    height:10px;
    border-radius:100%;
    -webkit-box-shadow:0 0 17px 4px rgba(248,31,88,0.36);
    box-shadow:0 0 17px 4px rgba(248,31,88,0.36)
}
.progress-gradient-danger .animate-circle{
    position:absolute;
    top:-11px;
    right:-8px;
    height:25px;
    width:25px;
    border:5px solid #f81f58;
    border-radius:70px;
    -webkit-animation:heartbit 1s ease-out;
    animation:heartbit 1s ease-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.progress-gradient-info{
    background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), to(#4faad5));
    background-image:linear-gradient(to right, rgba(0,0,0,0), #4faad5);
    position:relative
}
.progress-gradient-info:hover{
    background-size:100%
}
.progress-gradient-info::after{
    position:absolute;
    content:"";
    top:-3px;
    right:-1px;
    background-color:#4faad5;
    width:10px;
    height:10px;
    border-radius:100%;
    -webkit-box-shadow:0 0 17px 4px rgba(79,170,213,0.36);
    box-shadow:0 0 17px 4px rgba(79,170,213,0.36)
}
.progress-gradient-info .animate-circle{
    position:absolute;
    top:-11px;
    right:-8px;
    height:25px;
    width:25px;
    border:5px solid #4faad5;
    border-radius:70px;
    -webkit-animation:heartbit 1s ease-out;
    animation:heartbit 1s ease-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.progress-gradient-light{
    background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), to(#f4f4f4));
    background-image:linear-gradient(to right, rgba(0,0,0,0), #f4f4f4);
    position:relative
}
.progress-gradient-light:hover{
    background-size:100%
}
.progress-gradient-light::after{
    position:absolute;
    content:"";
    top:-3px;
    right:-1px;
    background-color:#f4f4f4;
    width:10px;
    height:10px;
    border-radius:100%;
    -webkit-box-shadow:0 0 17px 4px rgba(244,244,244,0.36);
    box-shadow:0 0 17px 4px rgba(244,244,244,0.36)
}
.progress-gradient-light .animate-circle{
    position:absolute;
    top:-11px;
    right:-8px;
    height:25px;
    width:25px;
    border:5px solid #f4f4f4;
    border-radius:70px;
    -webkit-animation:heartbit 1s ease-out;
    animation:heartbit 1s ease-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.progress-gradient-dark{
    background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), to(#2c323f));
    background-image:linear-gradient(to right, rgba(0,0,0,0), #2c323f);
    position:relative
}
.progress-gradient-dark:hover{
    background-size:100%
}
.progress-gradient-dark::after{
    position:absolute;
    content:"";
    top:-3px;
    right:-1px;
    background-color:#2c323f;
    width:10px;
    height:10px;
    border-radius:100%;
    -webkit-box-shadow:0 0 17px 4px rgba(44,50,63,0.36);
    box-shadow:0 0 17px 4px rgba(44,50,63,0.36)
}
.progress-gradient-dark .animate-circle{
    position:absolute;
    top:-11px;
    right:-8px;
    height:25px;
    width:25px;
    border:5px solid #2c323f;
    border-radius:70px;
    -webkit-animation:heartbit 1s ease-out;
    animation:heartbit 1s ease-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.progress-gradient-warning{
    background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), to(#e6ae30));
    background-image:linear-gradient(to right, rgba(0,0,0,0), #e6ae30);
    position:relative
}
.progress-gradient-warning:hover{
    background-size:100%
}
.progress-gradient-warning::after{
    position:absolute;
    content:"";
    top:-3px;
    right:-1px;
    background-color:#e6ae30;
    width:10px;
    height:10px;
    border-radius:100%;
    -webkit-box-shadow:0 0 17px 4px rgba(230,174,48,0.36);
    box-shadow:0 0 17px 4px rgba(230,174,48,0.36)
}
.progress-gradient-warning .animate-circle{
    position:absolute;
    top:-11px;
    right:-8px;
    height:25px;
    width:25px;
    border:5px solid #e6ae30;
    border-radius:70px;
    -webkit-animation:heartbit 1s ease-out;
    animation:heartbit 1s ease-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.project-create .card-body .theme-form label{
    font-weight:500
}
.project-create .card-body .theme-form .form-control::-webkit-input-placeholder{
    color:#898989 !important;
    font-weight:400 !important
}
.project-list .row{
    margin:15px
}
.project-list button:focus{
    outline:none !important
}
.project-list .theme-form .form-group{
    margin-bottom:15px
}
.project-list .border-tab.nav-tabs .nav-item .nav-link{
    border:1px solid transparent;
    padding:8px 30px 8px 0;
    border-radius:5px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-weight:600
}
.project-list .btn{
    vertical-align:-12px;
    float:right
}
.project-list .btn svg{
    vertical-align:-3px;
    height:16px
}
.project-list ul{
    margin-bottom:0 !important;
    border-bottom:0
}
.project-list ul li svg{
    height:18px;
    vertical-align:middle;
    margin-right:5px
}
.tab-content .row>div.col-xl-4:nth-child(1){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 10ms;
    animation:fadeIncustom 0.5s linear 10ms
}
.tab-content .row>div.col-xl-4:nth-child(2){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 20ms;
    animation:fadeIncustom 0.5s linear 20ms
}
.tab-content .row>div.col-xl-4:nth-child(3){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 30ms;
    animation:fadeIncustom 0.5s linear 30ms
}
.tab-content .row>div.col-xl-4:nth-child(4){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 40ms;
    animation:fadeIncustom 0.5s linear 40ms
}
.tab-content .row>div.col-xl-4:nth-child(5){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 50ms;
    animation:fadeIncustom 0.5s linear 50ms
}
.tab-content .row>div.col-xl-4:nth-child(6){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 60ms;
    animation:fadeIncustom 0.5s linear 60ms
}
.tab-content .row>div.col-xl-4:nth-child(7){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 70ms;
    animation:fadeIncustom 0.5s linear 70ms
}
.tab-content .row>div.col-xl-4:nth-child(8){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 80ms;
    animation:fadeIncustom 0.5s linear 80ms
}
.tab-content .row>div.col-xl-4:nth-child(9){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 90ms;
    animation:fadeIncustom 0.5s linear 90ms
}
.tab-content .row>div.col-xl-4:nth-child(10){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 100ms;
    animation:fadeIncustom 0.5s linear 100ms
}
.tab-content .row>div.col-xl-4:nth-child(11){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 110ms;
    animation:fadeIncustom 0.5s linear 110ms
}
.tab-content .row>div.col-xl-4:nth-child(12){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 120ms;
    animation:fadeIncustom 0.5s linear 120ms
}
.tab-content .row>div.col-xl-4:nth-child(13){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 130ms;
    animation:fadeIncustom 0.5s linear 130ms
}
.tab-content .row>div.col-xl-4:nth-child(14){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 140ms;
    animation:fadeIncustom 0.5s linear 140ms
}
.tab-content .row>div.col-xl-4:nth-child(15){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 150ms;
    animation:fadeIncustom 0.5s linear 150ms
}
.project-cards .tab-content{
    margin-bottom:-30px
}
.project-box{
    border:1px solid #eee;
    border-radius:5px;
    padding:30px;
    margin-bottom:30px;
    position:relative
}
.project-box h6{
    font-weight:600
}
.project-box p{
    color:#979797
}
.project-box .badge{
    position:absolute;
    right:15px;
    top:15px;
    padding:4px 6px 4px
}
.project-box .project-status p{
    margin-bottom:5px;
    font-weight:800
}
.project-box .d-flex{
    margin-bottom:12px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.project-box .details{
    margin-bottom:10px
}
@media (max-width: 767px){
    .project-list .btn{
        float:left;
        margin-top:5px
    }
    .project-box{
        padding:20px
    }
}
@media (max-width: 420px){
    .project-box{
        padding:15px
    }
    .project-box .badge{
        font-size:8px;
        top:8px;
        right:10px
    }
    .project-list .border-tab.nav-tabs{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .project-list .border-tab.nav-tabs .nav-item{
        width:auto !important
    }
    .project-list .border-tab.nav-tabs .nav-item .nav-link{
        padding:5px 15px 5px 0;
        font-size:14px
    }
}
.custom-card .profile-details h4{
    margin-top:15px;
    margin-bottom:0
}
.social-tab{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:30px
}
.social-tab ul{
    border-bottom:none !important
}
.social-tab ul li a{
    font-weight:500;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:rgba(92,97,242,0.05);
    border-radius:30px !important
}
.social-tab ul li a svg{
    width:15px;
    height:15px;
    margin-right:5px;
    color:#5c61f2
}
.social-tab ul li a:hover{
    border-color:transparent !important
}
.social-tab ul li a.active{
    background-color:#5c61f2 !important;
    color:#fff !important
}
.social-tab ul li a.active svg{
    color:#fff
}
.social-tab ul li:nth-child(n+2){
    margin-left:20px
}
.social-tab .input-group{
    width:280px
}
.social-tab .input-group .form-control{
    background-color:rgba(92,97,242,0.08);
    border-color:#eee;
    height:40px;
    padding-left:13px;
    font-size:14px;
    border-radius:10px
}
.social-tab .input-group .input-group-text{
    background-color:#5c61f2
}
.social-tab .input-group .input-group-text i{
    color:#fff
}
.social-network span{
    margin-bottom:10px;
    display:block
}
.social-list .d-flex{
    margin-bottom:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.social-list .d-flex:last-child{
    margin-bottom:0
}
.social-list .d-flex .flex-grow-1 a{
    color:#979797;
    font-size:13px
}
.social-list .d-flex .flex-grow-1 span{
    font-weight:600;
    color:#2b2b2b
}
.social-list .d-flex .flex-grow-1:hover a{
    color:#5c61f2
}
.photos{
    margin-bottom:-10px
}
.photos ul li{
    display:inline-block;
    margin-right:10px;
    margin-bottom:10px;
    width:65px;
    border-radius:10px;
    overflow:hidden
}
.photos ul li img{
    width:100%
}
.new-users-social{
    margin-bottom:30px
}
.new-users-social .d-flex img{
    width:58px
}
.new-users-social .d-flex .flex-grow-1{
    margin-top:10px
}
.new-users-social svg circle{
    color:#979797
}
.like-content span i{
    font-size:14px
}
.timeline-content p{
    margin-top:30px;
    color:#979797
}
.timeline-content .comment-number i{
    color:#979797;
    margin-right:20px
}
.timeline-content .comments-box{
    margin-top:30px
}
.timeline-content .comments-box .input-group{
    margin-top:6px
}
.timeline-content .comments-box .input-group .input-txt-bx::-webkit-input-placeholder{
    color:#979797
}
.timeline-content .comments-box .input-group .input-txt-bx::-moz-placeholder{
    color:#979797
}
.timeline-content .comments-box .input-group .input-txt-bx:-ms-input-placeholder{
    color:#979797
}
.timeline-content .comments-box .input-group .input-txt-bx::-ms-input-placeholder{
    color:#979797
}
.timeline-content .comments-box .input-group .input-txt-bx::placeholder{
    color:#979797
}
.timeline-content .comments-box .input-group .input-group-text .btn i{
    font-size:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    color:#979797
}
.timeline-content .comments-box .input-group .input-group-text{
    background-color:#5c61f2;
    padding:10px
}
.timeline-content .comments-box .input-group .input-group-text img{
    width:22px;
    height:22px
}
.social-chat{
    margin-top:30px
}
.social-chat span span{
    font-weight:normal;
    color:#979797;
    font-size:12px
}
.social-chat .flex-grow-1{
    padding:30px;
    border:1px solid #eee;
    position:relative
}
.social-chat .flex-grow-1 p{
    margin-top:5px
}
.social-chat .flex-grow-1:before{
    content:"";
    position:absolute;
    top:19px;
    right:100%;
    border:7px solid transparent;
    border-right:7px solid #59667a
}
.social-chat .flex-grow-1:after{
    content:"";
    position:absolute;
    top:19px;
    right:100%;
    border:7px solid transparent;
    border-right:7px solid #fff
}
.social-chat .your-msg,.social-chat .other-msg{
    margin-bottom:30px
}
.social-chat .other-msg{
    margin-left:40px
}
.socialprofile span{
    color:#979797
}
.socialprofile h5{
    margin-bottom:10px
}
.socialprofile .social-btngroup{
    margin:15px 0
}
.socialprofile .likes-profile h5 span{
    color:#2b2b2b
}
.socialprofile .social-group{
    margin-top:15px
}
.socialprofile .social-group ul li:nth-child(4){
    margin-left:-22px
}
.social-status form .form-group .form-control-social{
    border:1px solid #eee;
    padding-left:15px;
    margin-bottom:30px;
    width:100%;
    height:40px;
    border-radius:5px
}
.social-status form .form-group .form-control-social::-webkit-input-placeholder{
    color:#979797
}
.social-status form .form-group .form-control-social::-moz-placeholder{
    color:#979797
}
.social-status form .form-group .form-control-social:-ms-input-placeholder{
    color:#979797
}
.social-status form .form-group .form-control-social::-ms-input-placeholder{
    color:#979797
}
.social-status form .form-group .form-control-social::placeholder{
    color:#979797
}
.social-status .d-flex{
    position:relative;
    margin-bottom:30px
}
.social-status .d-flex .flex-grow-1 a{
    color:#2b2b2b
}
.social-status .d-flex:last-child{
    margin-bottom:0
}
.social-status .d-flex .social-status{
    content:"";
    position:absolute;
    width:12px;
    height:12px;
    background-color:#fff;
    bottom:0;
    left:35px;
    border-radius:100%
}
.social-status .d-flex .social-online{
    border:3px solid #61ae41
}
.social-status .d-flex .social-busy{
    border:3px solid #e6ae30
}
.social-status .d-flex .social-offline{
    border:3px solid #59667a
}
.social-status .d-flex .flex-grow-1 p{
    color:#979797;
    font-size:13px;
    margin-bottom:3px
}
.social-status .d-flex .flex-grow-1 span{
    font-size:13px
}
.social-status .d-flex .flex-grow-1 span+span{
    color:#979797
}
.social-status .d-flex .flex-grow-1 .light-span{
    color:#979797;
    font-size:13px
}
.social-header h5 span:first-child{
    line-height:1.48
}
.social-header h5 span svg circle{
    color:#979797
}
.details-about+.details-about{
    margin-top:15px
}
.details-about .your-details p{
    color:#979797;
    line-height:1.6
}
.avatar-showcase .friend-pic{
    margin-right:8px;
    margin-bottom:10px
}
.avatar-showcase .pepole-knows ul li{
    display:inline-block;
    margin-right:21px;
    margin-bottom:10px
}
.avatar-showcase .pepole-knows ul li:last-child{
    margin-right:0
}
.avatar-showcase .pepole-knows ul li .add-friend h6{
    margin-top:3px
}
.avatar-showcase .pepole-knows ul li .add-friend span{
    margin-bottom:5px;
    margin-top:5px
}
.activity-log .my-activity+.my-activity{
    margin-top:15px
}
.activity-log .my-activity h6{
    margin-bottom:15px
}
.activity-log .my-activity p{
    margin-bottom:5px;
    color:#979797
}
.activity-log .my-activity p span svg{
    width:15px;
    height:15px
}
.social-app-profile .new-users-social .d-flex .flex-grow-1 p{
    color:#979797
}
.social-app-profile .default-according .card .card-header h5{
    margin-bottom:2px
}
.social-app-profile .default-according .social-status .d-flex .flex-grow-1 span:nth-child(2){
    color:#979797
}
.social-app-profile .card .socialprofile h5{
    margin-bottom:5px;
    font-weight:600;
    font-size:16px
}
.social-app-profile .card .socialprofile h4{
    font-size:20px
}
.social-app-profile .card .socialprofile h6{
    margin-bottom:unset;
    font-weight:500
}
.social-app-profile .card .socialprofile span{
    font-size:12px
}
.social-app-profile .card .socialprofile span .badge{
    font-size:10px;
    padding:2px 3px;
    font-weight:500;
    background-color:#5c61f2;
    color:#fff
}
.social-app-profile img{
    border-radius:10px
}
@media (max-width: 480px){
    .social-app-profile .card .socialprofile h4{
        font-size:18px
    }
    .customers ul li img{
        width:30px !important
    }
    .socialprofile .social-group{
        margin-top:10px
    }
    .photos ul li{
        width:49px
    }
    .new-users-social .d-flex img{
        width:50px
    }
}
.modal-open .datepickers-container{
    z-index:1075
}
.date-details{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.date-details>div+div{
    margin-left:10px
}
.taskadd table tr td{
    border-top:none
}
.taskadd table tr td:first-child{
    padding-left:30px
}
.taskadd table tr td:last-child{
    padding-right:30px
}
.taskadd table tr td:nth-child(3){
    min-width:75px
}
.taskadd table tr td svg{
    width:18px;
    height:18px;
    color:#59667a
}
.taskadd table tr:first-child td{
    padding-top:30px
}
.taskadd table tr:last-child td{
    padding-bottom:30px;
    border-bottom:none
}
@media only screen and (max-width: 1660px){
    .taskadd table tr td:first-child{
        min-width:160px
    }
    .taskadd table tr td:nth-child(3){
        min-width:70px
    }
}
@media only screen and (max-width: 1199px){
    .bookmark-wrap .email-left-aside .left-bookmark .d-block{
        margin-bottom:6px
    }
    .bookmark-wrap .email-left-aside .left-bookmark .custom-scrollbar{
        max-height:360px;
        overflow:auto
    }
}
@media only screen and (max-width: 991px){
    .bookmark-wrap .email-left-aside .left-bookmark .custom-scrollbar{
        max-height:320px;
        overflow:auto
    }
    .date-details{
        display:block !important;
        margin-bottom:-10px
    }
    .date-details .d-inline-block{
        margin-bottom:10px
    }
    .taskadd table tr td:first-child{
        padding-left:20px
    }
    .taskadd table tr:first-child td{
        padding-top:20px
    }
    .taskadd table tr:last-child td{
        padding-bottom:20px
    }
}
@media only screen and (max-width: 767px){
    .taskadd table tr td:nth-child(2){
        min-width:745px
    }
}
@media only screen and (max-width: 575px){
    .taskadd table tr td:first-child{
        padding-left:15px
    }
    .taskadd table tr:first-child td{
        padding-top:15px
    }
    .taskadd table tr:last-child td{
        padding-bottom:15px
    }
}
.activity .d-flex{
    margin-bottom:30px
}
.activity .d-flex:last-child{
    margin-bottom:0
}
.activity .d-flex .gradient-round{
    position:relative;
    width:53px;
    height:53px;
    background-image:linear-gradient(26deg, var(--theme-deafult) 0%, #a26cf8 100%);
    border-radius:100%;
    top:-18px
}
.activity .d-flex .gradient-round svg{
    position:absolute;
    width:18px;
    height:18px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    left:0;
    top:18px;
    right:0;
    margin:0 auto
}
.activity .d-flex .gradient-round svg path,.activity .d-flex .gradient-round svg line,.activity .d-flex .gradient-round svg circle{
    color:#fff
}
.activity .d-flex .flex-grow-1 h6{
    font-weight:600;
    margin-bottom:30px
}
.activity .d-flex .flex-grow-1 h6 span{
    font-weight:normal;
    color:#979797
}
.activity .d-flex .flex-grow-1 p{
    width:80%
}
.cd-container{
    width:90%;
    max-width:1170px;
    margin:0 auto
}
.cd-container::after{
    content:"";
    display:table;
    clear:both
}
@media only screen and (min-width: 1170px){
    #cd-timeline::before{
        left:50% !important;
        margin-left:-2px
    }
    .cd-timeline-block{
        margin:4em 0
    }
    .cd-timeline-block:first-child{
        margin-top:0
    }
    .cd-timeline-block:last-child{
        margin-bottom:0
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content{
        float:right
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{
        left:auto;
        right:122%;
        text-align:right
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content::before{
        top:24px;
        left:auto;
        right:100%;
        border-color:transparent;
        border-right-color:#eee
    }
    .cd-timeline-img{
        width:60px;
        height:60px;
        left:50%;
        margin-left:-30px
    }
    .cd-timeline-img>i{
        font-size:18px;
        top:50%;
        left:50%;
        padding:3px
    }
    .cssanimations .cd-timeline-img.is-hidden{
        visibility:hidden
    }
    .cssanimations .cd-timeline-img.bounce-in{
        visibility:visible;
        -webkit-animation:cd-bounce-1 0.6s;
        animation:cd-bounce-1 0.6s
    }
    .cssanimations .cd-timeline-content.is-hidden{
        visibility:hidden
    }
    .cssanimations .cd-timeline-content.bounce-in{
        visibility:visible;
        -webkit-animation:cd-bounce-2 0.6s;
        animation:cd-bounce-2 0.6s
    }
    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in{
        -webkit-animation:cd-bounce-2-inverse 0.6s;
        animation:cd-bounce-2-inverse 0.6s
    }
    .cd-timeline-content{
        margin-left:0;
        padding:1.6em;
        width:45%
    }
    .cd-timeline-content .cd-date{
        position:absolute;
        width:100%;
        left:122%;
        top:6px;
        font-size:16px
    }
    .cd-timeline-content::before{
        top:24px;
        left:100%;
        border-color:transparent;
        border-left-color:#fff
    }
}
#cd-timeline{
    position:relative;
    padding:2em 0
}
#cd-timeline::before{
    content:"";
    position:absolute;
    top:0;
    font-size:1.5rem;
    height:100%;
    width:2px;
    background:#f4f4f4;
    left:-15px
}
.cd-timeline-block{
    position:relative;
    margin:30px 0
}
.cd-timeline-block:after{
    content:"";
    display:table;
    clear:both
}
.cd-timeline-block:first-child{
    margin-top:0
}
.cd-timeline-block:last-child{
    margin-bottom:0
}
.cd-timeline-img{
    width:60px;
    height:60px;
    left:50%;
    margin-left:-30px;
    position:absolute;
    top:0;
    border-radius:50%
}
.cd-timeline-img i{
    display:block;
    position:relative;
    left:45%;
    top:44%;
    margin-left:-12px;
    margin-top:-12px;
    font-size:26px;
    color:#fff
}
@-webkit-keyframes cd-bounce-1{
    0%{
        opacity:0
    }
    60%{
        opacity:1
    }
}
@keyframes cd-bounce-1{
    0%{
        opacity:0;
        -webkit-transform:scale(0.5);
        transform:scale(0.5)
    }
    60%{
        opacity:1;
        -webkit-transform:scale(1.2);
        transform:scale(1.2)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.cd-timeline-content{
    position:relative;
    background:#f6f8fc;
    border-radius:4px;
    padding:30px;
    border:1px solid #eee
}
.cd-timeline-content p{
    padding-top:9px
}
.cd-timeline-content h4{
    margin-bottom:0;
    font-size:22px
}
.cd-timeline-content:after{
    content:"";
    display:table;
    clear:both
}
.cd-timeline-content audio{
    width:100%
}
.cd-timeline-content .cd-date{
    font-size:13px;
    display:inline-block;
    float:left;
    padding:0.8em 0 0;
    opacity:0.7
}
.cd-timeline-content::before{
    content:"";
    position:absolute;
    top:16px;
    right:100%;
    height:0;
    width:0;
    border:7px solid transparent;
    border-left:7px solid #eee
}
@media only screen and (min-width: 768px){
    .cd-timeline-content .cd-date{
        font-size:14px;
        padding-bottom:0
    }
}
@-webkit-keyframes cd-bounce-2{
    0%{
        opacity:0
    }
    60%{
        opacity:1
    }
}
@keyframes cd-bounce-2{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100px);
        transform:translateX(-100px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@-webkit-keyframes cd-bounce-2-inverse{
    0%{
        opacity:0
    }
    60%{
        opacity:1
    }
}
@keyframes cd-bounce-2-inverse{
    0%{
        opacity:0;
        -webkit-transform:translateX(100px);
        transform:translateX(100px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@media only screen and (max-width: 1169px){
    .cd-timeline-block .cd-timeline-img{
        left:-2px;
        height:30px;
        width:30px;
        margin-left:-30px;
        top:14px;
        z-index:7
    }
    .cd-timeline-block .cd-timeline-img>i{
        font-size:15px;
        top:16px;
        left:17px;
        padding:3px
    }
    .landing-main #cd-timeline::before{
        left:-39px
    }
    .landing-main .cd-timeline-block .cd-timeline-img{
        left:-34px;
        height:50px;
        width:50px;
        top:1px;
        z-index:8
    }
    .landing-main .cd-timeline-block .cd-timeline-img>i{
        font-size:23px;
        top:21px;
        left:7px;
        padding:3px
    }
}
@media only screen and (max-width: 576px){
    .cd-timeline-content{
        padding:15px
    }
    .cd-timeline-content h4{
        font-size:18px
    }
}
.timeliny{
    position:relative;
    display:block;
    padding:10rem 0;
    width:100%;
    border-top:1px solid #fcfcfc;
    border-bottom:1px solid #fcfcfc;
    text-rendering:optimizeLegibility;
    color:#f4f4f4;
    opacity:0;
    overflow:hidden;
    cursor:move
}
.timeliny.loaded{
    opacity:1
}
.timeliny::before{
    content:"";
    position:absolute;
    background-color:#898989;
    width:100%;
    height:1px;
    top:50%;
    left:0
}
.timeliny .timeliny-wrapper{
    display:block;
    margin:auto;
    width:100%;
    max-width:1024px
}
.timeliny .timeliny-dot{
    -webkit-transition:all .35s ease-in-out;
    transition:all .35s ease-in-out;
    display:block;
    position:absolute;
    top:50%;
    left:0;
    margin-top:-.6rem;
    width:1.2rem;
    height:1.2rem;
    border-radius:50%;
    border:1px solid #898989;
    background-color:#fff
}
.timeliny .timeliny-dot::before{
    -webkit-transition:all .35s ease-in-out;
    transition:all .35s ease-in-out;
    content:attr(data-year);
    display:block;
    position:absolute;
    top:-5rem;
    left:1.25rem;
    color:#2c323f;
    font-family:"Montserrat",sans-serif;
    font-size:22px
}
.timeliny .timeliny-dot::after{
    -webkit-transition:all .35s ease-in-out;
    transition:all .35s ease-in-out;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    content:attr(data-text);
    display:block;
    position:absolute;
    width:256px;
    top:5.6rem;
    left:1.25rem;
    color:#f4f4f4;
    opacity:0;
    font-size:0.9em
}
@media (min-width: 768px){
    .timeliny .timeliny-dot::after{
        width:341.33333px
    }
}
.timeliny .timeliny-timeline{
    position:absolute;
    top:50%;
    left:0;
    display:table;
    width:100%;
    z-index:5
}
.timeliny .timeliny-timeline .timeliny-timeblock{
    display:table-cell;
    position:relative
}
.timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot{
    border-color:var(--theme-deafult);
    background-color:var(--theme-deafult);
    -webkit-box-shadow:1px 1px 4px 0px rgba(0,0,0,0.33);
    box-shadow:1px 1px 4px 0px rgba(0,0,0,0.33)
}
.timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::before{
    color:#2c323f
}
.timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::after{
    color:#2c323f;
    opacity:1;
    background-color:rgba(92,97,242,0.05);
    border:1px solid #efefef;
    padding:10px;
    border-radius:5px
}
.timeliny .timeliny-timeline .timeliny-timeblock.inactive .timeliny-dot{
    cursor:move
}
.timeliny .timeliny-timeline .timeliny-timeblock.inactive .timeliny-dot::before{
    color:#f4f4f4
}
.timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover{
    border-color:#5c61f2;
    background-color:#5c61f2
}
.timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover::before{
    color:#2c323f
}
.timeliny .timeliny-timeline .timeliny-timeblock .timeliny-dot:hover::after{
    color:#2c323f;
    opacity:1;
    background-color:#fff;
    border:1px solid #efefef;
    padding:10px;
    border-radius:5px
}
.timeliny .timeliny-vertical-line{
    position:absolute;
    display:block;
    z-index:1;
    left:16%;
    top:0;
    width:1px;
    height:100%;
    background-color:var(--theme-deafult)
}
@media (min-width: 768px){
    .timeliny .timeliny-vertical-line{
        left:32%
    }
}
.timeliny .timeliny-vertical-line::before{
    content:"";
    position:absolute;
    top:0;
    left:-7px;
    width:0;
    height:0;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top:8px solid var(--theme-deafult)
}
.timeliny .timeliny-vertical-line::after{
    content:"";
    position:absolute;
    bottom:0;
    left:-7px;
    width:0;
    height:0;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-bottom:8px solid var(--theme-deafult)
}
.user-profile .follow .follow-num{
    font-size:18px;
    color:#242934;
    font-family:"Montserrat",sans-serif;
    font-weight:600
}
.user-profile .follow span{
    color:#59667a
}
.user-profile .follow ul.follow-list{
    border-top:1px solid #eee
}
.user-profile .follow ul.follow-list li{
    display:inline-block;
    padding-top:15px
}
.user-profile .follow ul.follow-list li:nth-child(n+2){
    margin-left:15px;
    padding-left:15px;
    border-left:1px solid #eee
}
.user-profile .social-media ul.user-list-social{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    margin-right:auto;
    margin-left:auto;
    padding-bottom:20px
}
.user-profile .social-media ul.user-list-social li:nth-child(n+2){
    margin-left:5px
}
.user-profile .social-media ul.user-list-social li a{
    padding:0;
    width:32px;
    height:32px;
    border-radius:5px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:rgba(92,97,242,0.08)
}
.user-profile .social-media ul.user-list-social li a i{
    font-size:14px;
    color:#5c61f2
}
.user-profile .social-media ul.user-list-social li:hover a{
    background-color:#5c61f2
}
.user-profile .social-media ul.user-list-social li:hover a i{
    color:#fff
}
.user-profile .profile-header{
    height:420px;
    padding:30px;
    display:-webkit-box !important;
    display:-ms-flexbox !important;
    display:flex !important
}
.user-profile .profile-header .profile-img-wrrap{
    display:none
}
.user-profile .profile-header .userpro-box{
    background-color:#fff;
    padding:30px;
    max-width:380px;
    margin-top:auto;
    margin-bottom:auto;
    text-align:center;
    border-radius:10px
}
.user-profile .profile-header .userpro-box .img-wrraper{
    position:relative;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    margin:auto
}
.user-profile .profile-header .userpro-box .avatar{
    width:100px;
    height:100px;
    max-width:155px;
    max-height:155px;
    border-radius:50%;
    overflow:hidden;
    margin-left:auto;
    margin-right:auto;
    border:7px solid rgba(92,97,242,0.08);
    margin-bottom:15px
}
.user-profile .profile-header .userpro-box .avatar img{
    width:100%;
    height:100%
}
.user-profile .profile-header .userpro-box .icon-wrapper{
    position:absolute;
    right:0;
    bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:35px;
    width:35px;
    border-radius:50%;
    background-color:#fff;
    cursor:pointer;
    overflow:hidden;
    margin:0 auto;
    font-size:17px;
    -webkit-box-shadow:0 0 6px 3px rgba(68,102,242,0.1);
    box-shadow:0 0 6px 3px rgba(68,102,242,0.1)
}
.user-profile .profile-header .userpro-box .icon-wrapper i{
    color:#5c61f2
}
.user-profile .profile-header .userpro-box h4{
    color:#242934;
    font-weight:600;
    font-size:20px
}
.user-profile .profile-header .userpro-box h6{
    font-size:14px;
    text-transform:uppercase;
    color:#979797;
    margin-bottom:15px;
    font-weight:500
}
.user-profile .profile-post{
    padding:30px
}
.user-profile .profile-post .post-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:20px
}
.user-profile .profile-post .post-header .d-flex{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.user-profile .profile-post .post-header .d-flex img{
    width:60px
}
.user-profile .profile-post .post-header .d-flex h5{
    color:#242934;
    font-size:18px;
    font-weight:600;
    margin-bottom:3px
}
.user-profile .profile-post .post-header .d-flex h6{
    color:#979797;
    margin-bottom:0
}
.user-profile .profile-post .post-header .post-setting i{
    color:#979797;
    font-size:22px
}
.user-profile .profile-post .post-body p{
    color:#979797
}
.user-profile .profile-post .post-body .post-react{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:20px
}
.user-profile .profile-post .post-body .post-react ul li{
    display:inline-block
}
.user-profile .profile-post .post-body .post-react ul li:nth-child(n+2){
    margin-left:-20px
}
.user-profile .profile-post .post-body .post-react ul li img{
    width:30px;
    height:30px
}
.user-profile .profile-post .post-body .post-react h6{
    font-size:14px;
    color:rgba(27,49,85,0.4);
    margin-bottom:0;
    margin-left:15px
}
.user-profile .profile-post .post-body .post-comment li{
    display:inline-block;
    color:rgba(27,49,85,0.4)
}
.user-profile .profile-post .post-body .post-comment li label{
    margin-bottom:0;
    font-weight:500
}
.user-profile .profile-post .post-body .post-comment li label a{
    color:rgba(27,49,85,0.4);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    line-height:1
}
.user-profile .profile-post .post-body .post-comment li label a svg{
    width:14px;
    height:14px
}
.user-profile .profile-post .post-body .post-comment li label a span{
    margin-left:10px
}
.user-profile .profile-post .post-body .post-comment li:nth-child(n+2){
    margin-left:15px
}
.user-profile .post-about ul{
    margin-bottom:20px
}
.user-profile .post-about ul li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.user-profile .post-about ul li .icon{
    width:35px;
    height:35px;
    border-radius:5px;
    background-color:rgba(92,97,242,0.08);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-right:15px
}
.user-profile .post-about ul li .icon svg{
    width:18px;
    height:18px;
    color:#5c61f2
}
.user-profile .post-about ul li h5{
    color:#242934;
    text-transform:capitalize
}
.user-profile .post-about ul li p{
    font-size:12px;
    line-height:1;
    text-transform:capitalize
}
.user-profile .post-about ul li:nth-child(n+2){
    margin-top:20px
}
.edit-profile .profile-title{
    border-bottom:1px solid #eee;
    margin-bottom:15px;
    padding-bottom:20px
}
.edit-profile .profile-title .d-lg-flex .flex-grow-1{
    margin-left:25px
}
.edit-profile .table>:not(:last-child)>:last-child>*{
    border:1px solid #eee
}
.custom-card .card-social{
    padding-bottom:30px
}
.custom-card .profile-details a h4{
    margin-top:15px;
    margin-bottom:0
}
.custom-card .profile-details h6{
    margin-bottom:20px
}
.wishlist table tr td svg{
    color:#f81f58
}
.invoice p{
    color:#979797;
    text-transform:capitalize
}
.invoice .invo-header{
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid #eee
}
.invoice .table-striped tbody tr:nth-of-type(odd){
    background-color:rgba(92,97,242,0.05);
    --bs-table-accent-bg: unset
}
.invoice .table-striped tbody tr h6{
    text-transform:capitalize;
    color:#5c61f2
}
.invoice .invo-profile{
    margin-bottom:15px
}
.invoice .invo-profile .invo-profile-left .d-flex .flex-shrink-0{
    margin-right:15px
}
.invoice .invo-profile .invo-profile-left .d-flex .flex-grow-1 h4{
    font-size:16px
}
.invoice .invo-profile .invo-profile-left .d-flex .flex-grow-1 p span{
    display:block
}
.invoice .invo-profile .invo-profile-right{
    text-align:right
}
.invoice .invo-profile .invo-profile-right h6{
    font-size:16px
}
@media only screen and (max-width: 1199px){
    .invoice h4{
        margin-bottom:0px
    }
    .invoice h3{
        margin-bottom:0px
    }
    .invoice .invo-profile .d-flex{
        margin-bottom:15px;
        padding-bottom:15px;
        border-bottom:1px solid #eee
    }
    .invoice .invo-profile .invo-profile-right{
        text-align:left
    }
}
@media only screen and (max-width: 991px){
    .invoice .card .card-body{
        padding:20px
    }
    .invoice h4{
        font-size:20px
    }
    .invoice h3{
        font-size:20px
    }
    .invoice table td{
        min-width:150px
    }
    .invoice table td:first-child{
        min-width:280px
    }
}
@media only screen and (max-width: 767px){
    .invoice .invo-pal{
        margin-top:15px;
        text-align:left !important
    }
    .invoice .text-md-end{
        text-align:right
    }
}
@media only screen and (max-width: 575px){
    .invoice h4{
        font-size:18px
    }
    .invoice h3{
        font-size:15px
    }
    .invoice p{
        font-size:13px
    }
    .invoice .invo-header .flex-grow-1{
        text-align:right
    }
    .invoice .text-xs-center{
        margin-top:20px;
        text-align:center !important
    }
    .invoice .text-md-end{
        text-align:left
    }
}
@media only screen and (max-width: 420px){
    .invoice .invo-profile .d-flex .flex-grow-1{
        margin-left:0 !important;
        margin-top:10px
    }
}
.footer{
    background-color:#fff;
    -webkit-box-shadow:0 0 20px rgba(89,102,122,0.1);
    box-shadow:0 0 20px rgba(89,102,122,0.1);
    padding:20px 32px;
    bottom:0;
    left:0;
    margin-left:280px;
    -webkit-transition:0.5s;
    transition:0.5s
}
.footer.footer-dark{
    background-color:#171829
}
.footer.footer-dark p{
    color:#fff
}
.footer p{
    font-size:12px
}
.footer .footer-left{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.footer .footer-right{
    text-align:right;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.footer-page.card{
    margin-bottom:95px !important
}
.footer-fix{
    width:calc(100% - 280px);
    position:fixed
}
@media (max-width: 767px){
    .footer{
        text-align:center
    }
    .footer .footer-left,.footer .footer-right{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .footer .footer-right{
        margin-top:6px
    }
}
@media (max-width: 480px){
    .footer p{
        font-size:12px
    }
    .footer .footer-right{
        margin-top:0
    }
}
.grid-showcase{
    margin-bottom:-10px
}
.grid-showcase span{
    display:block;
    border:1px solid #f4f4f4;
    padding:10px;
    margin-bottom:10px;
    text-align:center;
    background-color:rgba(92,97,242,0.05);
    color:#5c61f2;
    font-weight:500
}
.grid-align{
    margin-bottom:-30px
}
.grid-align .row{
    padding:15px 0;
    min-height:10rem;
    border:1px solid rgba(92,97,242,0.02);
    margin-bottom:30px;
    background-color:rgba(92,97,242,0.02)
}
.toggle-sidebar,.back-btn{
    position:absolute;
    right:30px;
    top:30px;
    cursor:pointer;
    width:40px;
    height:40px;
    border-radius:10px;
    background-color:rgba(255,255,255,0.1);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.toggle-sidebar svg,.back-btn svg{
    width:18px;
    height:18px;
    stroke:#fff
}
.toggle-sidebar i,.back-btn i{
    font-size:18px
}
.toggle-sidebar:hover:before,.back-btn:hover:before{
    height:40px;
    width:40px;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.toggle-sidebar:hover>svg,.back-btn:hover>svg{
    color:var(--theme-deafult) !important;
    stroke:var(--theme-deafult) !important
}
.onhover-dropdown{
    cursor:pointer;
    position:relative
}
.onhover-dropdown:hover .left-dropdown{
    overflow:unset !important
}
.onhover-show-div{
    top:55px;
    position:absolute;
    z-index:8;
    background-color:#fff;
    -webkit-transition:all linear 0.3s;
    transition:all linear 0.3s
}
.onhover-show-div li{
    padding:5px 30px
}
.onhover-show-div li:before{
    display:none
}
.onhover-show-div li a svg{
    margin-top:0 !important
}
.onhover-show-div li a svg path,.onhover-show-div li a svg line{
    color:#2b2b2b !important
}
.right-header .input-group{
    padding:5px 15px;
    border-radius:10px;
    overflow:hidden;
    background-color:#f6f8fc
}
.right-header .input-group .input-group-prepend .input-group-text{
    background-color:transparent;
    border:none;
    padding:0;
    height:40px;
    width:40px;
    margin-right:5px
}
.right-header .input-group .input-group-prepend .input-group-text:before{
    position:absolute;
    content:"";
    width:1px;
    height:15px;
    background-color:rgba(43,43,43,0.2);
    top:18px;
    left:42px
}
.right-header .input-group .input-group-prepend .input-group-text i{
    color:#2b2b2b
}
.right-header .input-group .form-control{
    border:none;
    background-color:transparent;
    padding:0;
    font-size:14px
}
.right-header .input-group .form-control:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.right-header .input-group .form-control::-webkit-input-placeholder{
    font-weight:300;
    color:#2b2b2b
}
.right-header .input-group .form-control::-moz-placeholder{
    font-weight:300;
    color:#2b2b2b
}
.right-header .input-group .form-control:-ms-input-placeholder{
    font-weight:300;
    color:#2b2b2b
}
.right-header .input-group .form-control::-ms-input-placeholder{
    font-weight:300;
    color:#2b2b2b
}
.right-header .input-group .form-control::placeholder{
    font-weight:300;
    color:#2b2b2b
}
.page-wrapper.horizontal-wrapper .page-header .header-wrapper{
    padding:18px 20px 18px 30px
}
.page-wrapper.horizontal-wrapper .page-header .header-wrapper .header-logo-wrapper .logo-header-main{
    display:block
}
.page-wrapper.compact-wrapper .page-header .header-wrapper .header-logo-wrapper .logo-header-main{
    display:none
}
.left-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.left-header .left-menu-header ul.header-left{
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.left-header .left-menu-header ul.header-left li{
    padding:0 25px;
    position:relative
}
.left-header .left-menu-header ul.header-left li a{
    color:#2b2b2b;
    font-weight:500
}
.left-header .left-menu-header ul.header-left li a:hover{
    color:#eeb82f
}
.left-header .left-menu-header ul.header-left li ul.onhover-show-div{
    min-width:190px;
    padding:20px 0
}
.left-header .left-menu-header ul.header-left li ul.onhover-show-div li{
    padding:6px 25px
}
.left-header .left-menu-header ul.header-left li ul.onhover-show-div li.flyout-right{
    position:relative
}
.left-header .left-menu-header ul.header-left li ul.onhover-show-div li.flyout-right:hover ul{
    display:block;
    -webkit-transition:all 0.5s ease-in;
    transition:all 0.5s ease-in
}
.left-header .left-menu-header ul.header-left li ul.onhover-show-div li.flyout-right ul{
    padding:20px 0
}
.left-header .left-menu-header ul.header-left li ul.onhover-show-div li.flyout-right ul li{
    padding:6px 25px
}
.left-header .left-menu-header ul.header-left li ul.onhover-show-div li.flyout-right ul li.flyout-right{
    position:relative
}
.left-header .left-menu-header ul.header-left li ul.onhover-show-div li.flyout-right ul li.flyout-right:hover ul{
    display:block;
    -webkit-transition:all 0.8s ease-in;
    transition:all 0.8s ease-in
}
.left-header .left-menu-header ul.header-left li ul.onhover-show-div li.flyout-right ul li.flyout-right ul{
    display:none
}
.left-header .left-menu-header ul.header-left li ul.onhover-show-div li.flyout-right ul{
    position:absolute;
    top:0;
    left:calc(100% + 3px);
    min-width:200px;
    display:none;
    background-color:#fff;
    border-radius:5px
}
.left-header .left-menu-header ul.header-left li:hover span.f-w-600::before{
    width:120px;
    -webkit-transition:all 0.5s ease-in;
    transition:all 0.5s ease-in
}
.left-header .left-menu-header ul.header-left li span.f-w-600{
    position:relative;
    color:#5c61f2
}
.left-header .left-menu-header ul.header-left li span.f-w-600:before{
    position:absolute;
    content:"";
    top:-2px;
    left:-9px;
    width:50px;
    height:24px;
    background-color:rgba(92,97,242,0.2);
    border-radius:4px;
    z-index:-1;
    -webkit-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out
}
.left-header .left-menu-header ul.header-left li:nth-child(n+2)::before{
    position:absolute;
    content:"";
    top:8px;
    left:0;
    width:1px;
    height:10px;
    background-color:#2b2b2b
}
.left-header .left-menu-header ul.header-left li span{
    font-size:14px;
    line-height:1.8;
    color:#2b2b2b
}
.left-header .left-menu-header ul.header-left li span svg{
    width:14px;
    height:auto;
    margin-left:10px
}
.left-header .mega-menu-container{
    min-width:1100px;
    position:absolute;
    width:calc(100vw - 800px);
    height:0;
    border-radius:0px;
    background-color:#fff;
    top:59px;
    left:-30px;
    border-top:1px solid #efefef;
    padding-bottom:20px;
    padding-top:10px;
    padding-left:20px;
    -webkit-box-shadow:0 0 20px rgba(89,102,122,0.1);
    box-shadow:0 0 20px rgba(89,102,122,0.1);
    opacity:0;
    visibility:hidden;
    display:block !important;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out
}
.left-header .mega-menu-container.show{
    opacity:1;
    visibility:visible;
    height:300px
}
.left-header .mega-menu-container .link-section>div h6{
    margin-top:20px
}
.left-header .mega-menu-container .link-section li{
    width:100%;
    padding:7px 0 7px 15px
}
.left-header .mega-menu-container .link-section li a{
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.left-header .mega-menu-container .link-section li:hover a{
    color:var(--theme-deafult);
    letter-spacing:1.5px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.left-header .mega-menu-container .mega-box+.mega-box{
    padding-left:30px;
    border-left:1px solid #efefef
}
.left-header .mega-menu-container .mega-box .icon li{
    position:relative
}
.left-header .mega-menu-container .mega-box .icon li:hover:before{
    color:var(--theme-deafult);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.left-header .mega-menu-container .mega-box .icon li:before{
    content:"\f101";
    font-family:fontawesome;
    position:absolute;
    top:7px;
    left:0px
}
.left-header .mega-menu-container .mega-box .svg-icon ~ div h6{
    margin-top:10px;
    margin-bottom:5px
}
.left-header .mega-menu-container .mega-box .svg-icon li{
    padding-left:0px
}
.left-header .mega-menu-container .mega-box .svg-icon li:hover:before{
    color:var(--theme-deafult);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.left-header .mega-menu-container .mega-box .svg-icon li a svg{
    width:16px;
    margin-right:5px;
    vertical-align:middle
}
.left-header .mega-menu-container .submenu-title{
    margin-top:20px;
    margin-left:20px
}
.left-header .mega-menu-container .according-menu{
    display:none
}
.left-header .input-group{
    padding:5px 15px;
    border-radius:30px;
    overflow:hidden;
    background-color:#f6f8fc
}
.left-header .input-group .input-group-prepend .input-group-text{
    background-color:transparent;
    border:none;
    padding:0;
    height:40px;
    width:40px;
    margin-right:5px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.left-header .input-group .input-group-prepend .input-group-text i{
    color:#5c61f2
}
.left-header .input-group .form-control{
    border:none;
    background-color:transparent;
    padding:0;
    font-size:14px
}
.left-header .input-group .form-control:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.left-header .input-group .form-control::-webkit-input-placeholder{
    font-weight:300;
    color:#979797
}
.left-header .input-group .form-control::-moz-placeholder{
    font-weight:300;
    color:#979797
}
.left-header .input-group .form-control:-ms-input-placeholder{
    font-weight:300;
    color:#979797
}
.left-header .input-group .form-control::-ms-input-placeholder{
    font-weight:300;
    color:#979797
}
.left-header .input-group .form-control::placeholder{
    font-weight:300;
    color:#979797
}
.mega-menu .default-according .card .btn-link{
    font-weight:500
}
.mega-menu .default-according .card .card-body{
    font-size:12px
}
.mega-menu .onhover-show-div{
    width:1500px
}
.mega-menu .card-body{
    padding:20px
}
.mega-menu div>div a{
    margin-bottom:0px;
    display:inline-block;
    color:rgba(43,43,43,0.7)
}
.mega-menu .list-unstyled div a{
    padding:8px 35px 8px 0;
    -webkit-transition:.5s;
    transition:.5s
}
.mega-menu .list-unstyled div a:hover{
    padding:8px 35px 8px 10px;
    -webkit-transition:.5s;
    transition:.5s
}
#accordionoc #collapseicon,#accordionoc #collapseicon1{
    padding-top:0px
}
#accordionoc li button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.navs-icon.default-according.style-1 li button{
    position:relative
}
.navs-icon.default-according.style-1 li button:hover{
    color:var(--theme-deafult) !important
}
.navs-icon.default-according.style-1 li button[aria-expanded="true"]:before{
    right:2px;
    top:6px
}
.navs-icon.default-according.style-1 li button[aria-expanded="false"]:before{
    right:2px;
    top:6px
}
.navs-icon{
    padding:30px
}
.navs-icon li{
    padding:9px 0
}
.navs-icon li a{
    color:#2b2b2b
}
.navs-icon li a:hover{
    color:var(--theme-deafult)
}
.navs-icon li ul{
    padding-top:9px
}
.onhover-dropdown.navs-dropdown:hover .onhover-show-div:before,.onhover-dropdown.navs-dropdown:hover .onhover-show-div:after{
    right:77px;
    left:unset
}
.icon-lists{
    font-family:"Montserrat",sans-serif
}
.pl-navs-inline{
    padding-left:30px !important
}
.inline-nav li{
    line-height:1.3
}
.search-page .search-form input:focus{
    outline:none
}
.search-page .search-form .form-group{
    position:relative;
    border-radius:50px;
    overflow:hidden
}
.search-page .search-form .form-group .input-group-text{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    border-radius:20px;
    border-color:#5c61f2;
    background-color:#5c61f2;
    padding:0 20px
}
.search-page .search-form .form-group .input-group-text i{
    color:#fff;
    height:22px;
    font-weight:600
}
.search-page .info-block+.info-block{
    padding-top:30px;
    border-top:1px solid #eee;
    margin-top:30px
}
.search-page .tab-content .tab-pane .row+.row{
    margin-bottom:-20px
}
.search-page .border-tab.nav-tabs{
    -webkit-box-align:left;
    -ms-flex-align:left;
    align-items:left;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:end
}
.search-page .border-tab.nav-tabs .nav-item{
    width:auto
}
.search-page .search-links h6{
    margin-bottom:0;
    font-size:18px;
    line-height:1.6;
    font-weight:600
}
.search-page p{
    margin-bottom:0;
    color:#979797
}
.search-page ul.search-info>li{
    display:inline-block;
    font-size:12px;
    line-height:1;
    color:#586082
}
.search-page ul.search-info>li+li{
    border-left:1px solid #a8b0c2;
    padding-left:8px;
    margin-left:8px
}
.search-page ul.search-info>li i{
    color:#e6ae30
}
.search-page ul.search-info .rating li{
    display:inline-block
}
.search-page #video-links .embed-responsive+.embed-responsive{
    margin-top:30px
}
.search-page .search-vid-block>div:nth-child(n+2){
    margin-top:30px
}
.search-list{
    margin-bottom:30px;
    width:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    border-radius:10px;
    overflow:hidden;
    border:1px solid #5c61f2;
    border:none;
    margin-left:auto;
    margin-right:auto;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.search-list li:first-child{
    border-top-left-radius:10px;
    border-bottom-left-radius:10px
}
.search-list li:last-child{
    border-top-right-radius:10px;
    border-bottom-right-radius:10px
}
.search-list .nav-item{
    background-color:rgba(92,97,242,0.1)
}
.search-list .nav-item .nav-link{
    border:none;
    padding:0.7rem 1.5rem;
    color:#5c61f2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.search-list .nav-item .nav-link.active{
    background-color:rgba(92,97,242,0.9);
    opacity:1;
    color:#fff;
    border-radius:10px
}
.search-list .nav-item.show,.search-list .nav-item.active{
    background-color:rgba(92,97,242,0.1)
}
@media (max-width: 1199px){
    .search-page .search-banner{
        margin-top:30px
    }
    .search-page .search-banner .card{
        margin-bottom:unset
    }
}
@media (max-width: 767px){
    .search-page .search-links h6{
        font-size:16px
    }
}
@media (max-width: 575px){
    .search-page .search-form .form-group input{
        padding:8px 8px 8px 60px
    }
    .search-page .search-form .form-group .input-group-text{
        padding:0 15px
    }
    .search-page .info-block+.info-block{
        margin-top:15px;
        padding-top:15px
    }
    .search-list{
        display:-webkit-inline-box;
        display:-ms-inline-flexbox;
        display:inline-flex;
        margin-bottom:15px
    }
    .search-list .nav-item{
        display:inline-block;
        margin-bottom:5px
    }
    .search-list .nav-item .nav-link{
        padding:8px 20px
    }
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a:after,.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-title h5:after{
    position:absolute;
    content:"";
    top:48%;
    width:6px;
    border-top:2px solid #fff
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a:after{
    position:absolute;
    content:"";
    top:49%;
    width:5px;
    height:1px;
    border-radius:100%;
    background-color:#59667a
}
.onhover-show-div{
    -webkit-box-shadow:0 0 20px rgba(89,102,122,0.1);
    box-shadow:0 0 20px rgba(89,102,122,0.1);
    -webkit-transform:translateY(30px);
    transform:translateY(30px);
    opacity:0;
    visibility:hidden;
    left:0
}
.onhover-dropdown:hover .onhover-show-div{
    opacity:1;
    -webkit-transform:translateY(0px);
    transform:translateY(0px);
    visibility:visible;
    border-radius:10px;
    overflow:hidden
}
.onhover-dropdown:hover .onhover-show-div:before{
    width:0;
    height:0;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:7px solid #fff;
    content:"";
    top:-7px;
    position:absolute;
    left:10px;
    z-index:2
}
.onhover-dropdown:hover .onhover-show-div:after{
    width:0;
    height:0;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:7px solid #d7e2e9;
    content:"";
    top:-7px;
    position:absolute;
    left:10px;
    z-index:1
}
.page-wrapper{
    position:relative
}
.page-wrapper .page-header{
    max-width:100vw;
    position:fixed;
    top:0;
    z-index:8;
    -webkit-transition:.5s;
    transition:.5s;
    background-color:#fff;
    -webkit-box-shadow:0 0 20px rgba(89,102,122,0.1);
    box-shadow:0 0 20px rgba(89,102,122,0.1)
}
.page-wrapper .page-header .header-wrapper{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:26px 30px;
    position:relative
}
.page-wrapper .page-header .header-wrapper .left-header .left-menu-header .app-menu{
    display:none
}
.page-wrapper .page-header .header-wrapper .search-full{
    background-color:#fff;
    position:absolute;
    right:0;
    z-index:1;
    height:0;
    width:0;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper .page-header .header-wrapper .search-full.open{
    height:100%;
    width:100%;
    -webkit-animation:zoomIn 0.5s ease-in-out;
    animation:zoomIn 0.5s ease-in-out;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper .page-header .header-wrapper .search-full input{
    line-height:65px;
    padding-left:60px;
    width:100% !important
}
.page-wrapper .page-header .header-wrapper .search-full input:focus{
    outline:none !important
}
.page-wrapper .page-header .header-wrapper .search-full .form-group .close-search{
    position:absolute;
    font-size:15px;
    right:30px;
    top:30px;
    color:#898989;
    cursor:pointer
}
.page-wrapper .page-header .header-wrapper .search-full .form-group:before{
    position:absolute;
    left:30px;
    top:27px;
    content:"\f002";
    font-size:16px;
    color:#898989;
    font-family:FontAwesome
}
.page-wrapper .page-header .header-wrapper .nav-right{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.page-wrapper .page-header .header-wrapper .nav-right>ul>li{
    width:40px;
    height:40px;
    border-radius:10px;
    display:-webkit-box !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.page-wrapper .page-header .header-wrapper .nav-right>ul>li:last-child{
    margin-right:0
}
.page-wrapper .page-header .header-wrapper .nav-right>ul>li i{
    font-size:16px
}
.page-wrapper .page-header .header-wrapper .nav-right>ul>li:nth-child(n+1):hover{
    background-color:#b58022
}
.page-wrapper .page-header .header-wrapper .nav-right>ul>li:nth-child(n+1):hover svg,.page-wrapper .page-header .header-wrapper .nav-right>ul>li:nth-child(n+2):hover i{
    stroke:#fff;
    color:#fff
}
.page-wrapper .page-header .header-wrapper .nav-right>ul>li .profile-media:hover i{
    color:#979797
}
.page-wrapper .page-header .header-wrapper .nav-right ul li svg{
    vertical-align:middle;
    width:18px;
    stroke:#2b2b2b
}
.page-wrapper .page-header .header-wrapper .nav-right ul li svg path{
    color:#242934
}
.page-wrapper .page-header .header-wrapper .nav-right ul li .d-flex img{
    border-radius:50%;
    width:35px;
    height:auto
}
.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode{
    cursor:pointer;
    width:20px;
    text-align:center
}
.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i{
    font-size:18px;
    padding-top:3px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i.fa-lightbulb-o{
    font-weight:500;
    font-size:22px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    -webkit-animation:zoomIn 300ms ease-in-out;
    animation:zoomIn 300ms ease-in-out
}
.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .header-search{
    cursor:pointer
}
.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .flex-grow-1{
    margin-left:15px
}
.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .flex-grow-1 span{
    font-weight:500
}
.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .flex-grow-1 p{
    font-size:12px;
    line-height:1;
    color:#979797
}
.page-wrapper .page-header .header-wrapper .nav-right>ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.page-wrapper .page-header .header-wrapper .nav-right>ul>li{
    padding:6px 10px;
    margin-right:8px;
    display:inline-block;
    position:relative
}
.page-wrapper .page-header .header-wrapper .nav-right>ul>li .badge{
    position:absolute;
    right:-10px;
    top:-10px;
    padding:2px 4px;
    font-size:11px;
    font-weight:700
}
.page-wrapper .page-header .header-wrapper .nav-right>ul>li span ul{
    left:inherit;
    right:-10px;
    width:130px
}
.page-wrapper .page-header .header-wrapper .nav-right>ul>li span ul:before,.page-wrapper .page-header .header-wrapper .nav-right>ul>li span ul:after{
    left:inherit;
    right:10px
}
.page-wrapper .page-header .header-wrapper .nav-right>ul>li span ul li{
    display:block
}
.page-wrapper .page-header .header-wrapper .nav-right>ul>li span ul li a{
    font-size:14px;
    color:#2c323f
}
.page-wrapper .page-header .header-wrapper .nav-right>ul>li span ul li a i{
    margin-left:10px;
    font-size:13px;
    color:#2c323f
}
.page-wrapper .page-header .header-wrapper .nav-right>ul .flag-icon{
    font-size:16px;
    margin-right:10px
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:not(.profile-dropdown) li:first-child{
    padding:20px;
    background-color:rgba(242, 193, 92, 0.1);
    border-radius:10px 10px 0 0
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:not(.profile-dropdown) li:first-child h6{
    color:#b58022
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:not(.profile-dropdown) li:first-child svg{
    position:absolute;
    width:50px;
    height:50px;
    top:8px;
    right:8px;
    opacity:0.05;
    stroke:#b58022
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div{
    width:330px;
    top:50px;
    right:0;
    left:unset
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li{
    padding:0 20px
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li p{
    opacity:0.6
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li+li{
    padding-top:15px;
    padding-bottom:0px;
    border-top:1px solid #eee
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li:last-child{
    padding-bottom:15px
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .d-flex{
    position:relative
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .d-flex img{
    width:40px;
    position:relative
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .d-flex .status-circle{
    left:0
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .d-flex .flex-grow-1>span{
    letter-spacing:0.8px;
    padding-right:10px;
    display:inline-block
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:before,.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:after{
    right:10px !important;
    left:unset !important
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group{
    width:80px
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn{
    padding:0px 2px
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown{
    top:52px;
    width:300px;
    height: 400px;
    overflow: auto;
    right:-20px !important;
    left:unset
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li .d-flex .flex-shrink-0{
    background-color:rgba(92,97,242,0.1);
    width:35px;
    text-align:center;
    height:35px;
    border-radius:50%;
    position:relative
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li .d-flex .flex-shrink-0 svg{
    stroke:#5c61f2;
    position:absolute;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li .d-flex .flex-grow-1{
    margin-left:10px
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li+li{
    padding: 5px 15px;
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li+li p{
    margin-bottom:0
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li+li p a{
    color:#2b2b2b
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child{
    text-align:center;
    border-top:1px solid #ecf3fa
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p span{
    color:rgba(27,49,85,0.4)
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:before,.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:after{
    right:28px !important;
    left:unset !important
}
.page-wrapper .page-header .header-wrapper .nav-right .message-dropdown{
    top:52px;
    width:300px;
    right:-20px !important;
    left:unset
}
.page-wrapper .page-header .header-wrapper .nav-right .message-dropdown li .d-flex .message-img{
    padding:5px;
    border-radius:50%
}
.page-wrapper .page-header .header-wrapper .nav-right .message-dropdown li .d-flex .notification-right svg{
    stroke:#2b2b2b
}
.page-wrapper .page-header .header-wrapper .nav-right .message-dropdown li .d-flex .flex-grow-1{
    margin-left:15px
}
.page-wrapper .page-header .header-wrapper .nav-right .message-dropdown li .d-flex .flex-grow-1 h5 a{
    color:#2b2b2b
}
.page-wrapper .page-header .header-wrapper .nav-right .message-dropdown li+li{
    padding:15px
}
.page-wrapper .page-header .header-wrapper .nav-right .message-dropdown li+li p{
    margin-bottom:0;
    line-height:1.4
}
.page-wrapper .page-header .header-wrapper .nav-right .message-dropdown li:last-child{
    text-align:center;
    border-top:1px solid #ecf3fa
}
.page-wrapper .page-header .header-wrapper .nav-right .message-dropdown li p span{
    color:rgba(27,49,85,0.4)
}
.page-wrapper .page-header .header-wrapper .nav-right .message-dropdown:before,.page-wrapper .page-header .header-wrapper .nav-right .message-dropdown:after{
    right:28px !important;
    left:unset !important
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown{
    width:160px;
    top:57px;
    right:-10px;
    padding:0 10px
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li{
    padding:10px !important
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span{
    -webkit-transition:color 0.3s ease;
    transition:color 0.3s ease
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg{
    -webkit-transition:stroke 0.3s ease;
    transition:stroke 0.3s ease
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg path{
    -webkit-transition:stroke 0.3s ease;
    transition:stroke 0.3s ease
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child{
    padding-top:10px !important
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg{
    stroke:#2b2b2b !important
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span{
    color:#2c323f
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg{
    width:16px;
    vertical-align:bottom;
    margin-right:10px
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .simplebar-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-links .pin-title.sidebar-list{
    padding:12px 22px;
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease;
    display:none
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-links .pin-title.sidebar-list h6{
    color:#fff;
    margin-bottom:0;
    text-transform:uppercase
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li{
    text-align:left;
    max-width:100%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link::before{
    left:13px !important;
    right:unset !important
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link svg{
    margin-right:18px
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li{
    text-align:center
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link::before{
    right:25px !important
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link svg{
    margin:0
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.sidebar-list{
    position:relative
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.sidebar-list.pined,.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.sidebar-list.pin-title{
    -webkit-box-ordinal-group:0;
    -ms-flex-order:-1;
    order:-1
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.sidebar-list.pined i.fa-thumb-tack,.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.sidebar-list.pin-title i.fa-thumb-tack{
    top:19px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.sidebar-list i.fa-thumb-tack{
    visibility:hidden;
    position:absolute;
    top:20px;
    right:40px;
    color:#5c61f2;
    z-index:999
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.sidebar-list:hover i.fa-thumb-tack{
    visibility:visible;
    cursor:pointer
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.sidebar-list.pined:last-child{
    border-bottom:1px solid gray;
    padding-bottom:25px;
    margin-bottom:25px
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.pin-title.sidebar-list{
    display:none;
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.pin-title.sidebar-list ~ hr{
    display:none
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.pin-title.sidebar-list.show{
    display:block;
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.pin-title.sidebar-list.show ~ hr{
    display:block;
    background-color:rgba(255,255,255,0.09)
}
/*.page-wrapper .page-body-wrapper{
    background-color:#ebebeb
}*/
.page-wrapper .page-body-wrapper .logo-icon-wrapper .icon-box-sidebar{
    width:49px;
    height:49px;
    border-radius:15px;
    color:#fff;
    background-color:#5c61f2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.page-wrapper .page-body-wrapper .page-body{
    min-height:calc(100vh - 136px);
    margin-top:136px;
    padding:0 15px 0 15px;
    position:relative;
    -webkit-transition:0.5s;
    transition:0.5s
}
.page-wrapper .page-body-wrapper .page-body:before{
    -webkit-animation:fadeIn 0.5s ease-in-out;
    animation:fadeIn 0.5s ease-in-out
}
.page-wrapper .page-body-wrapper .page-title{
    padding-bottom:30px
}
.page-wrapper .page-body-wrapper .page-title>.row .col-6:first-child{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.page-wrapper .page-body-wrapper .page-title>.row .col-6:first-child h3{
    padding-right:20px
}
.page-wrapper .page-body-wrapper .page-title .row{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.page-wrapper .page-body-wrapper .page-title .row h3{
    font-size:24px;
    margin-bottom:0;
    text-transform:capitalize
}
.page-wrapper .page-body-wrapper .page-title .row h3 small{
    display:block;
    font-size:12px;
    margin-bottom:5px;
    text-transform:capitalize;
    color:rgba(43,43,43,0.7)
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb{
    background-color:rgba(0,0,0,0);
    padding:0;
    margin-bottom:0;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb li{
    font-size:14px;
    font-weight:500;
    letter-spacing:1px;
    position:relative;
    color:#2b2b2b
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb li.active{
    font-weight:400
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item+.breadcrumb-item:before{
    content:"";
    font-family:FontAwesome;
    color:#2b2b2b
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a{
    color:#2b2b2b
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg{
    width:16px;
    height:16px;
    vertical-align:text-top;
    color:#2b2b2b
}
.page-wrapper.horizontal-wrapper [data-simplebar]{
    position:relative
}
.page-wrapper.horizontal-wrapper .footer{
    margin-left:0
}
.page-wrapper.horizontal-wrapper .header-logo-wrapper{
    width:150px
}
.page-wrapper.horizontal-wrapper .header-logo-wrapper .toggle-sidebar{
    display:none
}
.page-wrapper.horizontal-wrapper .left-header{
    padding-right:0
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .file-sidebar ul li{
    display:block
}
.page-wrapper.horizontal-wrapper .page-body-wrapper li{
    display:inline-block
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper{
    height:58px;
    line-height:inherit;
    top:90px;
    background-color:#f6f8fc;
    -webkit-box-shadow:0px 9px 24px rgba(89,102,122,0.1);
    box-shadow:0px 9px 24px rgba(89,102,122,0.1);
    overflow-x:hidden;
    z-index:2;
    overflow-y:visible;
    position:fixed;
    width:100vw;
    border-top:3px solid #efefef
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-icon-wrapper{
    display:none
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main{
    text-align:left;
    position:relative
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow{
    position:absolute;
    top:0px;
    padding:15px;
    background-color:#f6f8fc;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    z-index:1;
    cursor:pointer
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow.disabled,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow.disabled{
    display:none
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow{
    left:0
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow{
    right:0
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links{
    list-style:none;
    margin:0;
    padding:0;
    line-height:normal;
    direction:ltr;
    text-align:left;
    display:-webkit-box !important;
    padding:0 5px;
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease;
    white-space:nowrap
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a.active .according-menu i:before{
    content:"-"
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a .according-menu{
    display:none
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a:hover{
    color:#fff
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active:after,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a:hover:after{
    background-color:#fff
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li i.fa-thumb-tack{
    display:none
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:first-child{
    display:none !important
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li ~ hr,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.pin-title{
    display:none
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li{
    position:relative;
    padding-top:10px;
    padding-bottom:10px
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:hover>a>span{
    color:#fff;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:hover>a:after{
    left:0;
    right:0;
    opacity:1
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:hover a{
    background-color:rgba(92,97,242,0.8);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:hover a svg{
    fill:rgba(92,97,242,0.1);
    stroke:#fff;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a{
    display:block;
    color:#2b2b2b;
    line-height:23px;
    text-decoration:none;
    text-transform:capitalize;
    padding:5px 15px;
    margin:0 3px;
    letter-spacing:0.04em;
    position:relative;
    border-radius:5px;
    font-weight:500;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a.active{
    background-color:rgba(92,97,242,0.8);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a.active svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a.active span{
    color:#fff;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a .badge{
    position:absolute;
    top:-5px;
    margin-left:1px;
    right:10px;
    padding:0.2em 0.7em
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a svg{
    width:16px;
    vertical-align:bottom;
    margin-right:10px;
    stroke-width:2.5px
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu{
    position:fixed;
    z-index:4;
    -webkit-box-shadow:0 0 1px 0 #898989;
    box-shadow:0 0 1px 0 #898989;
    padding:15px 0px 15px 0px;
    background-color:#fff
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li{
    border:0;
    float:none;
    position:relative;
    display:block
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a{
    background:transparent;
    padding:4px 30px;
    display:block;
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease;
    line-height:1.9;
    color:#fff;
    letter-spacing:0.06em;
    font-weight:500;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a:after{
    left:20px
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a:hover{
    color:#fff;
    letter-spacing:1.5px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a:hover:after{
    background-color:#fff
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container{
    position:fixed;
    right:0;
    left:0;
    margin:0 auto;
    z-index:4;
    -webkit-box-shadow:0 0 1px 0 #898989;
    box-shadow:0 0 1px 0 #898989;
    padding:30px;
    background-color:#fff;
    width:95%;
    border-radius:4px;
    display:block !important
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box{
    width:20%
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-title h5{
    text-transform:uppercase;
    font-size:14px;
    margin-left:-13px
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content{
    -webkit-box-shadow:none;
    box-shadow:none;
    background-color:transparent;
    position:relative;
    display:block;
    padding:0
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content li{
    border:0;
    float:none;
    position:relative;
    display:block
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content li a{
    border:0 !important;
    background:transparent;
    color:#2b2b2b;
    border-radius:0 !important;
    text-transform:capitalize;
    padding:3px 0;
    font-size:13px;
    display:block;
    letter-spacing:0.07em;
    line-height:1.9;
    position:relative;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content li a:hover{
    color:#5c61f2;
    letter-spacing:1.5px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content li a:hover:after{
    color:#fff;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content li a:after{
    position:absolute;
    content:"";
    left:-12px;
    top:50%;
    width:5px;
    height:1px;
    background-color:#59667a
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.mega-menu{
    position:unset
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.mega-menu:hover .mega-menu-container{
    opacity:1;
    visibility:visible;
    margin-top:30px
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.hoverd .sidebar-submenu{
    opacity:1;
    visibility:visible;
    margin-top:8px;
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.hoverd .sidebar-submenu li a{
    color:#2b2b2b
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.hoverd .sidebar-submenu li a:after{
    background-color:#2b2b2b
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.hoverd .sidebar-submenu li a.active{
    color:#5c61f2
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.hoverd .sidebar-submenu li a.active:after{
    color:#5c61f2
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.hoverd .mega-menu-container{
    opacity:1;
    visibility:visible;
    margin-top:20px;
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper.overlay-white{
    background-color:rgba(255,255,255,0.08)
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:pointer
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i{
    font-size:24px
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body{
    margin-top:148px;
    padding-top:30px
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body .dashboard-2 .goal-view .card-footer{
    padding-top:12px
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body .dashboard-2 .activity-timeline .d-flex+.d-flex{
    margin-top:30px
}
.page-wrapper.horizontal-wrapper .page-body-wrapper.scorlled .sidebar-wrapper{
    display:none;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.horizontal-wrapper .page-header{
    width:100%;
    -webkit-box-shadow:none;
    box-shadow:none
}
.page-wrapper.horizontal-wrapper .page-header .header-wrapper .form-control-plaintext{
    width:auto !important
}
.page-wrapper.compact-wrapper .page-header{
    margin-left:280px;
    width:calc(100% - 280px)
}
.page-wrapper.compact-wrapper .page-header.close_icon{
    margin-left:90px;
    width:calc(100% - 90px)
}
.page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar{
    display:none
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper{
    position:fixed;
    top:0;
    z-index:9;
    height:100%;
    line-height:inherit;
    background-color:#171829;
    width:280px;
    text-align:left;
    -webkit-transition:0.3s;
    transition:0.3s;
    -webkit-box-shadow:0 0 21px 0 rgba(89,102,122,0.1);
    box-shadow:0 0 21px 0 rgba(89,102,122,0.1)
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper{
    padding:14px 55px;
    border-bottom:1px solid rgba(255,255,255,0.07)
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper{
    display:none
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon{
    width:auto;
    -webkit-transition:all 0.3s ease-in;
    transition:all 0.3s ease-in
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .badge{
    opacity:0;
    width:0;
    padding:0
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.mega-menu .sidebar-title.active ~ .mega-menu-container{
    display:block !important
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links{
    padding:unset
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.mega-menu .sidebar-title.active ~ .mega-menu-container{
    display:none !important
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu a{
    display:none
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li{
    max-width:86px;
    margin:0;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu a{
    display:none
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a{
    padding:12px 14px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper{
    display:none
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper{
    text-align:right;
    display:block
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover{
    width:280px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .badge{
    opacity:1;
    width:auto;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links{
    padding:24px 20px
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu a{
    display:block
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li{
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu a{
    display:block
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a{
    padding:12px 22px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a span{
    display:inline-block
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a span{
    display:inline-block
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper{
    display:block
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper{
    display:none
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .mobile-sidebar{
    -webkit-transform:translate(183px);
    transform:translate(183px)
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer{
    margin-left:90px;
    -webkit-transition:0.5s;
    transition:0.5s
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer-fix{
    width:calc(100% - 90px)
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links{
    height:calc(100vh - 100px)
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link::before{
    right:20px;
    left:unset
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a span{
    display:none
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu{
    display:none
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu{
    display:none
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow{
    display:none
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links{
    height:calc(100vh - 80px);
    left:0;
    z-index:99;
    -webkit-transition:color 1s ease;
    transition:color 1s ease;
    overflow:auto;
    color:rgba(0,0,0,0);
    padding:24px 20px;
    font-family:"Montserrat",sans-serif
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a{
    font-weight:500
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span{
    letter-spacing:0.7px;
    text-transform:capitalize;
    color:#fff
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu{
    display:none
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li:last-child{
    border-bottom:none
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links.opennav{
    left:0
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn{
    display:block;
    width:100%;
    padding:0
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn .mobile-back{
    padding:20px;
    color:#242934;
    font-weight:700;
    text-transform:uppercase;
    border-bottom:1px solid #efefef;
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content .back-btn{
    display:none !important
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li{
    display:block;
    width:100%;
    position:relative;
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:hover .sidebar-link:not(.active):hover svg{
    fill:rgba(92,97,242,0.1);
    stroke:#fff;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:hover .sidebar-link:not(.active):hover span{
    color:#fff;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:hover .sidebar-link:not(.active):hover .according-menu i{
    color:#fff;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a{
    padding:12px 22px;
    position:relative;
    color:#2b2b2b;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a svg{
    width:18px;
    margin-right:18px;
    vertical-align:bottom;
    float:none;
    stroke-width:2.3px;
    color:#fff;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a .sub-arrow{
    right:20px;
    position:absolute;
    top:10px
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a .sub-arrow i{
    display:none
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a .sub-arrow:before{
    display:none
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu{
    width:100%;
    padding:0;
    position:relative !important
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu>li a{
    padding-left:55px !important;
    font-weight:400
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu .submenu-title .according-menu{
    top:7px
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu.opensubmenu{
    display:block
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li:hover>a{
    color:#fff;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li:hover>a:after{
    border-top:2px solid #fff;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li .nav-sub-childmenu{
    display:none;
    position:relative !important;
    right:0;
    width:100%;
    padding:0
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li .nav-sub-childmenu.opensubchild{
    display:block
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li .nav-sub-childmenu li a{
    padding:6px 45px;
    padding-left:56px !important
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li .nav-sub-childmenu li a:after{
    display:none
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a{
    padding:7px 22px;
    font-size:14px;
    color:#fff;
    display:block;
    position:relative;
    letter-spacing:0.06em;
    font-weight:500;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-transform:capitalize
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a.active{
    color:#b58022
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a.active:after{
    border-color:#b58022
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a:after{
    left:28px
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a:hover{
    margin-left:0
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.mega-menu .sidebar-title.active ~ .mega-menu-container{
    display:block !important
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container{
    padding:0;
    position:relative
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container.opensubmenu{
    display:block
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box{
    width:100%;
    padding:0
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section:hover h5{
    color:#fff !important;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section:hover h5:after{
    border-top:2px solid #fff;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-title{
    position:relative
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-title h5{
    margin-bottom:0;
    line-height:1.9;
    padding:6px 25px 6px 45px;
    font-size:14px;
    position:relative;
    color:#fff;
    display:block;
    letter-spacing:0.06em;
    font-weight:500;
    cursor:pointer
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-title h5:after{
    left:25px
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-title .according-menu{
    top:8px
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a{
    margin-bottom:0;
    line-height:1.9;
    padding:6px 25px 6px 45px;
    font-size:14px;
    position:relative;
    color:#fff;
    display:block;
    letter-spacing:0.06em;
    font-weight:500
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a:after{
    display:none
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a.active{
    color:#fff
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content ul li a{
    line-height:1.9
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover{
    margin-left:0
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link{
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease;
    display:block;
    position:relative
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link:before{
    position:absolute;
    content:'';
    width:35px;
    height:35px;
    background-color:#b58022;
    top:6px;
    left:13px;
    -webkit-transition:0.8s;
    transition:0.8s;
    z-index:-1;
    border-radius:8px;
    opacity:0;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active{
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease;
    position:relative;
    background-color:rgba(0,0,0,0)
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active::before{
    opacity:1
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active:hover span{
    color:#b58022;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active .according-menu i{
    color:#fff
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active svg{
    color:#fff;
    stroke:#fff;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active span{
    color:#fff;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper .mega-box.col{
    -ms-flex-preferred-size:unset;
    flex-basis:unset
}
.page-wrapper.compact-wrapper .page-body-wrapper .according-menu{
    position:absolute;
    right:20px;
    top:13px;
    display:block
}
.page-wrapper.compact-wrapper .page-body-wrapper .according-menu i{
    vertical-align:middle;
    color:#fff;
    font-weight:600
}
.page-wrapper.compact-wrapper .page-body-wrapper .main-menu.border-section{
    border:none
}
.page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav{
    position:absolute;
    z-index:2;
    right:145px;
    top:6px
}
.page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name{
    font-size:18px;
    padding-left:5px;
    text-transform:uppercase
}
.page-wrapper.compact-wrapper .page-body-wrapper .page-body{
    min-height:calc(100vh - 95px);
    margin-top:92px;
    padding-top:30px;
    margin-left:280px
}
@-webkit-keyframes pagebody{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.98, 0.98, 0.98) translate(-20px, -50px);
        transform:scale3d(0.98, 0.98, 0.98) translate(-20px, -50px)
    }
    50%{
        opacity:1
    }
}
@keyframes pagebody{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.98, 0.98, 0.98) translate(-20px, -50px);
        transform:scale3d(0.98, 0.98, 0.98) translate(-20px, -50px)
    }
    50%{
        opacity:1
    }
}
@media screen and (max-width: 1480px){
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container{
        right:-18%;
        width:91%
    }
}
@media screen and (max-width: 1460px){
    .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container{
        right:-54%;
        width:75%
    }
    .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li{
        margin-right:8px
    }
}
@media screen and (min-width: 1367px){
    .page-wrapper .page-header .header-wrapper .nav-right .serchinput{
        display:none !important
    }
}
@media screen and (max-width: 1470px){
    .left-header .left-menu-header ul.header-left li:nth-child(n+2)::before{
        display:none
    }
}
@media screen and (max-width: 1366px){
    .serchinput{
        display:block !important
    }
    .serchinput .serchbox{
        font-size:18px;
        position:relative
    }
    .serchinput .search-form{
        top:60px;
        position:absolute;
        -webkit-transition:all linear 0.3s;
        transition:all linear 0.3s;
        right:0;
        -webkit-transform:translateY(-35px) scaleY(0);
        transform:translateY(-35px) scaleY(0);
        opacity:0;
        visibility:hidden;
        width:180px;
        margin-left:12px
    }
    .serchinput .search-form.open{
        -webkit-transform:translateY(0px) scaleY(1);
        transform:translateY(0px) scaleY(1);
        opacity:1;
        visibility:visible;
        -webkit-transition:all linear 0.3s;
        transition:all linear 0.3s
    }
    .serchinput .search-form input{
        padding:10px 15px;
        background-color:#fdfeff
    }
    .left-header .left-menu-header ul.header-left li{
        padding:0
    }
    .left-header .left-menu-header ul.header-left li+li{
        padding-left:32px
    }
    .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container{
        right:-49%;
        width:70%
    }
    .profile-dropdown.onhover-show-div{
        right:0;
        left:unset !important
    }
    .profile-dropdown.onhover-show-div:before,.profile-dropdown.onhover-show-div:after{
        right:10px !important;
        left:unset !important
    }
}
@media screen and (max-width: 1199px){
    .page-wrapper .page-header .header-wrapper .nav-right>ul>li{
        padding:6px
    }
    .left-header .mega-menu-container .submenu-title{
        margin:20px 20px 0 20px
    }
    .mobile-title.d-none{
        display:-webkit-box !important;
        display:-ms-flexbox !important;
        display:flex !important;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        padding:20px 30px 17px;
        border-bottom:1px solid #ddd;
        margin:0 -15px
    }
    .mobile-title.d-none h5{
        color:#fff
    }
    .mobile-title.d-none svg{
        stroke:#fff !important
    }
    .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container{
        right:-35%;
        width:56%
    }
}
@media screen and (min-width: 992px){
    .page-header .header-wrapper .nav-right .message-dropdown{
        top:46px
    }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-mask{
        top:0
    }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu{
        width:200px;
        opacity:0;
        visibility:hidden;
        border-radius:5px;
        -webkit-transition:all 0.5s ease;
        transition:all 0.5s ease
    }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu a .sub-arrow{
        position:absolute;
        right:20px;
        top:5px;
        color:#59667a;
        font-weight:100;
        -webkit-transition:all 0.5s ease;
        transition:all 0.5s ease;
        font-size:15px;
        top:5px
    }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li .nav-sub-childmenu{
        display:none;
        border-radius:4px
    }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li:hover .nav-sub-childmenu{
        display:block;
        position:absolute;
        left:200px;
        background-color:#fff;
        top:-10px;
        padding:15px 0px 15px 0px;
        -webkit-box-shadow:0 0 1px 0 #898989;
        box-shadow:0 0 1px 0 #898989
    }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a:hover .sub-arrow{
        right:16px;
        -webkit-transition:all 0.5s ease;
        transition:all 0.5s ease
    }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container{
        opacity:0;
        visibility:hidden;
        -webkit-transition:all 0.5s ease;
        transition:all 0.5s ease
    }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.hoverd .sidebar-submenu{
        opacity:1;
        visibility:visible;
        margin-top:8px;
        -webkit-transition:all 0.5s ease;
        transition:all 0.5s ease
    }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.hoverd .mega-menu-container{
        opacity:1;
        visibility:visible;
        margin-top:20px;
        -webkit-transition:all 0.5s ease;
        transition:all 0.5s ease
    }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav{
        display:none
    }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .mobile-back{
        display:none !important
    }
}
@media only screen and (min-width: 768px){
    .page-wrapper.material-icon{
        position:relative
    }
    .page-wrapper.material-icon::before{
        position:absolute;
        content:"";
        left:0;
        width:100%;
        height:240px;
        background:linear-gradient(26deg, var(--theme-deafult) 0%, #a26cf8 100%)
    }
    .page-wrapper.material-icon .toggle-sidebar{
        color:rgba(255,255,255,0.8)
    }
    .page-wrapper.material-icon .toggle-sidebar:hover>svg{
        color:#fff !important;
        stroke:#fff !important
    }
    .page-wrapper.material-icon .page-header{
        position:relative;
        background:transparent;
        padding-left:90px;
        max-width:1660px;
        margin:0 auto;
        width:calc(100% - 0px)
    }
    .page-wrapper.material-icon .page-header .header-wrapper .nav-right>ul>li{
        color:#fff
    }
    .page-wrapper.material-icon .page-header .header-wrapper .nav-right>ul>li .notification-box>svg,.page-wrapper.material-icon .page-header .header-wrapper .nav-right>ul>li>a>svg{
        stroke:#fff
    }
    .page-wrapper.material-icon .page-header .header-wrapper .nav-right>ul>li>svg{
        stroke:#fff
    }
    .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang{
        color:#2b2b2b
    }
    .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div{
        color:#2b2b2b
    }
    .page-wrapper.material-icon .page-header .header-wrapper .nav-right.right-header ul li .profile-media .flex-grow-1 p{
        color:rgba(255,255,255,0.7)
    }
    .page-wrapper.material-icon .page-header.close_icon{
        padding-left:0;
        margin:0 auto !important
    }
    .page-wrapper.material-icon .page-body-wrapper .page-body{
        margin-top:0 !important;
        padding-left:90px;
        max-width:1660px;
        margin:0 auto
    }
    .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body{
        padding-left:15px;
        margin:0 auto !important
    }
    .page-wrapper.material-icon .page-body-wrapper .page-title{
        color:#fff
    }
    .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg{
        color:#fff
    }
    .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active{
        color:rgba(255,255,255,0.6)
    }
    .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item+.breadcrumb-item::before{
        color:rgba(255,255,255,0.8)
    }
}
@media screen and (max-width: 991px){
    .page-wrapper .page-header .header-wrapper .left-header .left-menu-header .app-list ul{
        padding:20px 0;
        width:180px
    }
    .page-wrapper .page-header .header-wrapper .left-header .left-menu-header .app-list ul li a{
        color:#2b2b2b;
        font-weight:600
    }
    .page-wrapper .page-header .header-wrapper .left-header .left-menu-header .app-menu{
        display:block !important;
        width:40px;
        height:40px;
        background-color:#5c61f2;
        position:relative;
        border-radius:10px
    }
    .page-wrapper .page-header .header-wrapper .left-header .left-menu-header .app-menu svg{
        width:20px;
        height:20px;
        -webkit-transform:translate(50%, -50%);
        transform:translate(50%, -50%);
        font-size:18px;
        position:absolute;
        top:50%;
        stroke:#fff
    }
    .header-left{
        display:none !important
    }
    .sidebar-wrapper .sidebar-main .simplebar-wrapper .simplebar-mask .simplebar-offset{
        top:6%
    }
    .page-wrapper .page-header .header-wrapper .nav-right ul li .d-flex img{
        width:30px
    }
    .page-wrapper .page-header .header-wrapper .nav-right>ul>li .badge{
        font-size:10px
    }
}
@media screen and (max-width: 767px){
    .page-wrapper .page-header .header-wrapper .nav-right>ul>li{
        margin-right:0
    }
    .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown,.page-wrapper .page-header .header-wrapper .nav-right .message-dropdown{
        width:280px
    }
    .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li .d-flex .flex-shrink-0,.page-wrapper .page-header .header-wrapper .nav-right .message-dropdown li .d-flex .flex-shrink-0{
        width:30px;
        height:30px
    }
    .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li .d-flex .flex-shrink-0 svg,.page-wrapper .page-header .header-wrapper .nav-right .message-dropdown li .d-flex .flex-shrink-0 svg{
        width:14px
    }
    .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li+li,.page-wrapper .page-header .header-wrapper .nav-right .message-dropdown li+li{
        padding:10px
    }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:not(.profile-dropdown) li:first-child{
        padding:16px
    }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:not(.profile-dropdown) li:first-child svg{
        width:30px;
        height:30px;
        top:14px
    }
    .page-wrapper .page-header .header-wrapper .left-header .left-menu-header .app-menu{
        width:35px;
        height:35px
    }
    .page-wrapper .page-header .header-wrapper .left-header .left-menu-header .app-menu svg{
        width:18px;
        height:18px
    }
    .sidebar-wrapper .menu .brand-logo img{
        width:120px
    }
}
@media screen and (max-width: 576px){
    .toggle-nav i{
        font-size:20px
    }
}
.box-layout{
    background-image:url(../images/other-images/boxbg.jpg);
    background-blend-mode:overlay;
    background-color:rgba(255,255,255,0.5)
}
@media only screen and (min-width: 1280px){
    .box-layout .box-col-12{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .box-layout .box-col-6{
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .box-layout .box-col-3{
        -webkit-box-flex:0;
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .box-layout .box-col-7{
        -webkit-box-flex:0;
        -ms-flex:0 0 60%;
        flex:0 0 60%;
        max-width:60%
    }
    .box-layout .box-col-5{
        -webkit-box-flex:0;
        -ms-flex:0 0 40%;
        flex:0 0 40%;
        max-width:40%
    }
    .box-layout .box-col-8{
        -webkit-box-flex:0;
        -ms-flex:0 0 70%;
        flex:0 0 70%;
        max-width:70%
    }
    .box-layout .box-col-4{
        -webkit-box-flex:0;
        -ms-flex:0 0 33.33%;
        flex:0 0 33.33%;
        max-width:33%
    }
    .box-layout .box-col-25{
        -webkit-box-flex:0;
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .box-layout .box-col-28{
        -webkit-box-flex:0;
        -ms-flex:0 0 28%;
        flex:0 0 28%;
        max-width:28%
    }
    .box-layout .box-col-38{
        -webkit-box-flex:0;
        -ms-flex:0 0 38%;
        flex:0 0 38%;
        max-width:38%
    }
    .box-layout .box-col-30{
        -webkit-box-flex:0;
        -ms-flex:0 0 30%;
        flex:0 0 30%;
        max-width:30%
    }
    .box-layout .box-col-33{
        -webkit-box-flex:0;
        -ms-flex:0 0 33.333%;
        flex:0 0 33.333%;
        max-width:33.333%
    }
    .box-layout .box-col-35{
        -webkit-box-flex:0;
        -ms-flex:0 0 35%;
        flex:0 0 35%;
        max-width:35%
    }
    .box-layout .box-col-40{
        -webkit-box-flex:0;
        -ms-flex:0 0 40%;
        flex:0 0 40%;
        max-width:40%
    }
    .box-layout .box-col-50{
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .box-layout .box-col-60{
        -webkit-box-flex:0;
        -ms-flex:0 0 60%;
        flex:0 0 60%;
        max-width:60%
    }
    .box-layout .box-col-65{
        -webkit-box-flex:0;
        -ms-flex:0 0 65%;
        flex:0 0 65%;
        max-width:65%
    }
    .box-layout .box-col-70{
        -webkit-box-flex:0;
        -ms-flex:0 0 70%;
        flex:0 0 70%;
        max-width:70%
    }
    .box-layout .box-col-100{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .box-layout .left-header .mega-menu-container{
        width:calc(100vw - 870px);
        left:-70px;
        min-width:1000px
    }
    .box-layout .xl-mt-job{
        margin-bottom:20px
    }
    .box-layout .learning-box .details-main{
        margin:20px
    }
    .box-layout .whishlist-main .prooduct-details-box .btn{
        top:0;
        right:0;
        left:unset;
        bottom:unset
    }
    .box-layout .page-wrapper .page-header .header-wrapper{
        border-radius:0 10px 0 0
    }
    .box-layout .email-wrap.bookmark-wrap .email-left-aside .email-app-sidebar .d-flex .flex-shrink-0 img{
        margin-right:8px !important
    }
    .box-layout .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark p{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box !important;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .box-layout .card-header .d-flex .flex-grow-1 .square-after:after{
        right:-6px
    }
    .box-layout .setting-list{
        right:16px
    }
    .box-layout .setting-list .setting-option{
        height:28px;
        width:28px
    }
    .box-layout .setting-list .setting-option li .setting-light{
        width:28px;
        height:30px
    }
    .box-layout .setting-list .setting-option li:first-child i{
        font-size:12px
    }
    .box-layout .dashboard-default .card:hover .card-header .d-flex .flex-grow-1 p:after,.box-layout .dashboard-2 .card:hover .card-header .d-flex .flex-grow-1 p:after{
        width:113%
    }
    .box-layout .job-accordion .photos ul li{
        width:42px
    }
    .box-layout .prooduct-details-box .product-name h6{
        font-size:13px
    }
    .box-layout .whishlist-main [class*="col-"]{
        width:20%
    }
    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body .dashboard-2 .order-card table tbody tr td{
        padding:14px 12px
    }
    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body .dashboard-2 .static-card .card-footer{
        padding-top:0 !important
    }
    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body .dashboard-default .user-chat .chat-box .right-chat{
        margin:16px 0
    }
    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper{
        padding:16px 20px
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-links .pin-title.sidebar-list{
        padding:12px 15px
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a svg{
        margin-right:13px
    }
    .box-layout .browser-table table tr td{
        padding-top:15px;
        padding-bottom:15px
    }
    .box-layout .general-widget .user-status table tbody tr td{
        padding-top:10px;
        padding-bottom:10px
    }
    .box-layout .chart-widget .chart-container #circlechart svg{
        -webkit-transform:translate(0, -20px);
        transform:translate(0, -20px)
    }
    .box-layout .chart-widget .chart-widget-top h4{
        font-size:20px
    }
    .box-layout .calender-widget .cal-img{
        height:312px
    }
    .box-layout .employee-status table tr td{
        padding:10px 8px
    }
    .box-layout .employee-status table tr td h5 span{
        display:none
    }
    .box-layout .employee-status table tr th{
        font-size:14px
    }
    .box-layout .employee-status table tr td:last-child,.box-layout .employee-status table tr th:last-child{
        display:none
    }
    .box-layout .employee-status table tr td:nth-child(n+2),.box-layout .employee-status table tr th:nth-child(n+2){
        min-width:105px
    }
    .box-layout .social-widget-card .d-flex .flex-grow-1{
        margin-left:12px
    }
    .box-layout .social-widget-card .d-flex h4{
        font-size:20px
    }
    .box-layout .social-widget-card .d-flex .social-font{
        width:48px;
        height:48px
    }
    .box-layout .static-widget{
        margin-bottom:26px
    }
    .box-layout .static-widget h2{
        font-size:20px
    }
    .box-layout .general-widget .custom-profile .card-profile img{
        height:212px
    }
    .box-layout .custom-profile .card-footer>div{
        margin:0
    }
    .box-layout .custom-profile .card-footer>div div{
        padding:28px 8px
    }
    .box-layout .custom-profile .card-footer h6{
        font-size:14px
    }
    .box-layout .order-widget .header-widget h3{
        font-size:22px
    }
    .box-layout .order-widget .new-order .progress{
        margin-top:14px
    }
    .box-layout .testimonial p{
        margin-top:4px
    }
    .box-layout .activity-media .d-flex{
        padding:12px 0
    }
    .box-layout .widget-joins .widget-card{
        padding:18px 12px
    }
    .box-layout .widget-joins .widget-card .widget-icon{
        width:32px;
        height:32px
    }
    .box-layout .widget-joins .widget-card .widget-icon svg{
        width:18px;
        height:18px
    }
    .box-layout .widget-joins .widget-card .widget-icon i{
        font-size:24px
    }
    .box-layout .widget-joins .widget-card h5{
        font-size:13px
    }
    .box-layout .widget-joins .widget-card h6{
        font-size:15px
    }
    .box-layout .dashboard-default .profile-greeting .greeting-user{
        margin:26px 0 20px
    }
    .box-layout .dashboard-default .profile-greeting .greeting-user .profile-vector{
        margin-bottom:35px
    }
    .box-layout .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images ~ img{
        height:208px
    }
    .box-layout .dashboard-default .profile-greeting .greeting-user h4{
        font-size:20px
    }
    .box-layout .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-1{
        left:24%
    }
    .box-layout .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-2{
        left:22%
    }
    .box-layout .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-5{
        left:20%;
        top:8%
    }
    .box-layout .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-6{
        left:15%;
        top:38%
    }
    .box-layout .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-7{
        left:20%;
        top:50%
    }
    .box-layout .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-8{
        left:255%;
        top:60%
    }
    .box-layout .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-9{
        left:16%;
        top:64%
    }
    .box-layout .dashboard-default .profile-greeting .greeting-user ul.vector-image li:first-child{
        display:none
    }
    .box-layout .dashboard-default .profile-greeting .greeting-user ul.vector-image li:nth-child(2){
        left:4%
    }
    .box-layout .dashboard-default .profile-greeting .greeting-user ul.vector-image li:nth-child(3){
        left:53%
    }
    .box-layout .dashboard-default .profile-greeting .greeting-user ul.vector-image li:nth-child(4){
        right:12%
    }
    .box-layout .dashboard-default .profile-greeting .greeting-user ul.vector-image li:nth-child(5){
        right:5%
    }
    .box-layout .dashboard-default .profile-greeting .greeting-user ul.vector-image li:nth-child(6){
        bottom:-75%
    }
    .box-layout .dashboard-default .user-chat .chat-box .right-chat{
        margin:30px 0
    }
    .box-layout .dashboard-default .user-chat .chat-box p{
        padding:8px 16px
    }
    .box-layout .dashboard-default .our-user .card-body{
        padding:20px 0 0
    }
    .box-layout .dashboard-default .our-user .card-body ul{
        padding:0 20px 35px
    }
    .box-layout .dashboard-default .activity-timeline .d-flex i.fa-circle{
        padding:4px
    }
    .box-layout .dashboard-default .activity-timeline .d-flex .flex-grow-1 p{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box !important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .box-layout .dashboard-default .activity-timeline.todo-timeline .d-flex .activity-line{
        height:56%
    }
    .box-layout .dashboard-default .our-earning .card-footer{
        padding:22px
    }
    .box-layout .dashboard-default .our-earning .card-footer ul li+li::before{
        display:none
    }
    .box-layout .dashboard-default .our-todolist .activity-timeline .d-flex:nth-child(n+2){
        margin-top:20px
    }
    .box-layout .dashboard-default .user-chat .chat-box .right-chat{
        margin:30px 0
    }
    .box-layout .dashboard-default .activity-timeline .d-flex+.d-flex{
        margin-top:24px
    }
    .box-layout .dashboard-default .activity-timeline .d-flex .activity-line{
        height:57%
    }
    .box-layout .dashboard-default .our-earning .d-sm-flex{
        -webkit-box-orient:vertical !important;
        -webkit-box-direction:normal !important;
        -ms-flex-direction:column !important;
        flex-direction:column !important
    }
    .box-layout .dashboard-default .appointment-detail .card-body .table tr:first-child td:nth-child(2){
        padding-top:14px !important
    }
    .box-layout .dashboard-default .appointment-detail .card-body .table tr td button{
        padding:6px 8px
    }
    .box-layout .dashboard-default .appointment-detail .card-body .table tr td button i{
        font-size:11px
    }
    .box-layout .dashboard-default .appointment-detail .card-body .table tr td:nth-child(2){
        display:block;
        width:58px;
        margin:0 auto;
        padding:22px 0;
        font-size:12px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .box-layout .dashboard-default .appointment-detail .card-body .table tr td:first-child{
        padding-right:8px;
        min-width:172px
    }
    .box-layout .dashboard-default .appointment-detail .card-body .table tr td .d-flex .circle{
        margin-right:8px;
        width:36px;
        height:36px
    }
    .box-layout .dashboard-default .appointment-detail .card-body .table tr td .d-flex a span{
        font-size:13px
    }
    .box-layout .featured-tutorial .features-faq.product-box .card-footer{
        padding:10px
    }
    .box-layout .featured-tutorial .features-faq.product-box .card-footer span{
        font-size:13px
    }
    .box-layout .featured-tutorial .features-faq.product-box .card-footer .pull-right{
        font-size:13px
    }
    .box-layout .blog-box .blog-details-second{
        padding:16px
    }
    .box-layout .blog-box .blog-details-second h6{
        font-size:16px
    }
    .box-layout .blog-box .blog-details-second .detail-footer ul.sociyal-list li{
        font-size:14px
    }
    .box-layout .blog-box .blog-details-second .detail-footer ul.sociyal-list li:nth-child(n+2){
        margin-left:8px;
        padding-left:8px
    }
    .box-layout .blog-box .blog-details hr{
        display:none
    }
    .box-layout .blog-box .blog-details p{
        display:none
    }
    .box-layout .blog-box .blog-details-second .detail-footer{
        padding:15px 8px
    }
    .box-layout .blog-box.blog-shadow .blog-details{
        padding:15px
    }
    .box-layout .starter-kit-fix .starter-main>div:last-child .card{
        margin-bottom:30px
    }
    .box-layout .page-wrapper.box-layout,.box-layout.page-wrapper.box-layout{
        padding-top:40px;
        margin-top:0 !important
    }
    .box-layout .page-wrapper.compact-wrapper,.box-layout.page-wrapper.compact-wrapper{
        margin-top:40px
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper{
        border-top-right-radius:10px;
        border-top-left-radius:10px
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link:before,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link:before{
        left:6px
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper{
        width:255px;
        top:40px;
        border-bottom-left-radius:10px;
        border-top-left-radius:10px;
        height:calc(100% - 80px)
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon:hover,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon:hover{
        width:255px
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer{
        width:1280px;
        left:50%;
        padding-left:120px;
        margin-left:0;
        z-index:8
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix{
        padding-left:0
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-offset,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-offset{
        height:calc(100vh - 180px)
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link::before,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link::before{
        left:26px
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li ul.sidebar-submenu li a,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li ul.sidebar-submenu li a{
        padding:7px 20px
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a{
        padding:12px 20px
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a svg,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a svg{
        margin-right:unset
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a svg,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a svg{
        margin-right:15px
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links{
        margin-top:10px;
        margin-bottom:20px;
        height:calc(100vh - 300px);
        padding:20px
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a{
        padding:12px 15px
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body{
        min-height:calc(100vh - 138px);
        margin-top:0;
        top:92px;
        overflow:scroll;
        max-height:calc(100vh - 220px);
        padding-bottom:80px;
        margin-left:255px
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar{
        width:6px
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb{
        background-color:rgba(68,102,242,0.15)
    }
    .box-layout .page-wrapper.compact-wrapper .page-header .header-wrapper .left-header,.box-layout.page-wrapper.compact-wrapper .page-header .header-wrapper .left-header{
        display:inline-block
    }
    .box-layout .page-wrapper.compact-wrapper .simplebar-content-wrapper,.box-layout.page-wrapper.compact-wrapper .simplebar-content-wrapper{
        height:calc(100vh - 200px) !important
    }
    .box-layout .page-wrapper.horizontal-wrapper:before,.box-layout.page-wrapper.horizontal-wrapper:before{
        display:none
    }
    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper,.box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper{
        margin-top:40px
    }
    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body,.box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body{
        margin-top:90px;
        min-height:calc(100vh - 310px);
        max-height:calc(100vh - 270px);
        overflow:scroll
    }
    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar,.box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar{
        width:6px
    }
    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb,.box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb{
        background-color:rgba(68,102,242,0.15)
    }
    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .footer,.box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .footer{
        padding-left:15px
    }
    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper,.box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper{
        width:1280px;
        top:88px;
        margin:0;
        overflow-x:unset;
        position:relative
    }
    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu,.box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu{
        left:0%;
        -webkit-transform:translate(0, 0);
        transform:translate(0, 0);
        top:125px
    }
    .box-layout .page-wrapper.horizontal-wrapper .page-header,.box-layout.page-wrapper.horizontal-wrapper .page-header{
        padding-left:0
    }
    .box-layout .page-wrapper .page-header,.box-layout.page-wrapper .page-header{
        max-width:1280px;
        margin:0 auto;
        left:0;
        right:0;
        -webkit-transition:.5s;
        transition:.5s;
        padding-left:255px;
        margin-top:40px;
        border-radius:10px;
        width:unset
    }
    .box-layout .page-wrapper .page-header.close_icon,.box-layout.page-wrapper .page-header.close_icon{
        padding-left:90px;
        margin-left:auto;
        width:calc(100% - 0px);
        -webkit-transition:.5s;
        transition:.5s
    }
    .box-layout .page-wrapper .page-body-wrapper,.box-layout.page-wrapper .page-body-wrapper{
        width:1280px;
        -webkit-box-shadow:4px 11px 25px rgba(0,0,0,0.07);
        box-shadow:4px 11px 25px rgba(0,0,0,0.07);
        margin:0 auto;
        overflow:hidden
    }
    .box-layout .page-wrapper .page-body-wrapper .learning-comment,.box-layout.page-wrapper .page-body-wrapper .learning-comment{
        float:left !important;
        margin-bottom:5px
    }
    .box-layout .page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive,.box-layout.page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive{
        min-width:1087px;
        overflow:auto
    }
    .box-layout .page-wrapper .page-body-wrapper footer,.box-layout.page-wrapper .page-body-wrapper footer{
        width:1280px;
        margin:0 auto;
        padding-left:280px;
        margin-bottom:40px !important;
        position:fixed;
        left:50%;
        -webkit-transform:translate(-50%, 0);
        transform:translate(-50%, 0);
        border-bottom-left-radius:10px;
        border-bottom-right-radius:10px
    }
    .box-layout .page-wrapper .page-body-wrapper .blockquote-footer,.box-layout.page-wrapper .page-body-wrapper .blockquote-footer{
        margin-left:0;
        width:100%
    }
    .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content,.box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        min-width:300px
    }
    .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content>div,.box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content>div{
        z-index:8;
        background-color:rgba(255,255,255,0.75);
        background-blend-mode:overlay;
        width:100%;
        padding:10px;
        left:15px
    }
    .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button,.box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button{
        width:45%;
        font-size:14px;
        margin:0 auto
    }
    .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons,.box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons{
        margin-top:20px;
        margin-bottom:20px
    }
    .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li,.box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li{
        padding:8px
    }
    .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img,.box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img{
        margin-top:30px;
        margin-bottom:30px
    }
    .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img,.box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img{
        width:38%
    }
    .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2,.box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2{
        font-size:28px;
        color:#717171
    }
    .box-layout .page-wrapper .page-body-wrapper canvas#myLineCharts,.box-layout.page-wrapper .page-body-wrapper canvas#myLineCharts{
        width:100%
    }
    .box-layout .page-wrapper .page-body-wrapper .chat-right-aside,.box-layout.page-wrapper .page-body-wrapper .chat-right-aside{
        -webkit-box-flex:0;
        -ms-flex:0 0 60%;
        flex:0 0 60%;
        max-width:60%;
        overflow:hidden
    }
    .box-layout .page-wrapper .page-body-wrapper .caller-img,.box-layout.page-wrapper .page-body-wrapper .caller-img{
        position:absolute;
        width:100%;
        max-width:100%;
        left:0
    }
    .box-layout .page-wrapper .page-body-wrapper .caller-img img,.box-layout.page-wrapper .page-body-wrapper .caller-img img{
        opacity:0.7
    }
    .box-layout .page-wrapper .page-body-wrapper .browser-widget img,.box-layout.page-wrapper .page-body-wrapper .browser-widget img{
        height:65px
    }
    .box-layout .page-wrapper .page-body-wrapper .custom-card .card-header img,.box-layout.page-wrapper .page-body-wrapper .custom-card .card-header img{
        margin-top:-73px
    }
    .box-layout .page-wrapper .page-body-wrapper .custom-card .card-profile img,.box-layout.page-wrapper .page-body-wrapper .custom-card .card-profile img{
        height:80px;
        top:-17px
    }
    .box-layout .page-wrapper .page-body-wrapper .select2,.box-layout.page-wrapper .page-body-wrapper .select2{
        width:901.781px
    }
    .box-layout .page-wrapper ul.close_icon>li label,.box-layout.page-wrapper ul.close_icon>li label{
        padding:0
    }
    .box-layout .page-wrapper ul.close_icon>li label:after,.box-layout.page-wrapper ul.close_icon>li label:after{
        display:none
    }
    .box-layout .page-wrapper .bookmark ul,.box-layout.page-wrapper .bookmark ul{
        margin-right:-1px
    }
    .box-layout .page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn,.box-layout.page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn{
        padding-left:20px;
        padding-right:20px
    }
    .box-layout .page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type="radio"],.box-layout.page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type="radio"]{
        display:none
    }
    .box-layout .page-wrapper .alert.inverse p,.box-layout.page-wrapper .alert.inverse p{
        max-width:238px;
        display:block;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis
    }
    .box-layout .page-wrapper .auth-bg-video video,.box-layout.page-wrapper .auth-bg-video video{
        min-width:67%;
        width:67%
    }
    .box-layout .page-wrapper .card .blog-box.blog-grid.set-min-height,.box-layout.page-wrapper .card .blog-box.blog-grid.set-min-height{
        min-height:400px
    }
    .box-layout .page-wrapper .flot-chart-placeholder#donut-color-chart-morris-daily,.box-layout.page-wrapper .flot-chart-placeholder#donut-color-chart-morris-daily{
        min-height:430px
    }
    .box-layout .page-wrapper .flot-chart-placeholder#donut-color-chart-morris,.box-layout.page-wrapper .flot-chart-placeholder#donut-color-chart-morris{
        min-height:430px
    }
    .box-layout .page-wrapper .chat-box .chat-right-aside,.box-layout.page-wrapper .chat-box .chat-right-aside{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:calc(100% - 15px);
        overflow:hidden
    }
    .box-layout .page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i,.box-layout.page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i{
        font-size:19px
    }
    .box-layout .page-wrapper .chat-box .toogle-bar,.box-layout.page-wrapper .chat-box .toogle-bar{
        display:inline-block;
        margin-right:0 !important
    }
    .box-layout .page-wrapper .chat-menu,.box-layout.page-wrapper .chat-menu{
        right:0;
        border-top:1px solid #ddd;
        opacity:0;
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px);
        visibility:hidden;
        top:81px;
        position:absolute;
        z-index:9;
        background-color:#fff;
        -webkit-transition:all linear 0.3s;
        transition:all linear 0.3s
    }
    .box-layout .page-wrapper .chat-menu.show,.box-layout.page-wrapper .chat-menu.show{
        opacity:1;
        visibility:visible;
        -webkit-transform:translateY(0px);
        transform:translateY(0px);
        -webkit-transition:all linear 0.3s;
        transition:all linear 0.3s;
        padding-bottom:25px
    }
    .box-layout .page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar,.box-layout.page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar{
        stroke-width:23px !important
    }
    .box-layout .page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset,.box-layout.page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset{
        max-height:165px
    }
    .box-layout .page-wrapper .email-wrap .row .col-xl-6,.box-layout.page-wrapper .email-wrap .row .col-xl-6{
        padding-left:12px
    }
    .box-layout .page-wrapper .email-wrap .row .col-xl-3+.col-xl-3,.box-layout.page-wrapper .email-wrap .row .col-xl-3+.col-xl-3{
        padding-right:12px
    }
    .box-layout .page-wrapper .email-wrap .email-right-aside .email-body .inbox,.box-layout.page-wrapper .email-wrap .email-right-aside .email-body .inbox{
        height:644px
    }
    .box-layout .page-wrapper .email-wrap .email-content .email-top .user-emailid:after,.box-layout.page-wrapper .email-wrap .email-content .email-top .user-emailid:after{
        right:-10px
    }
    .box-layout .page-wrapper .todo .notification-popup,.box-layout.page-wrapper .todo .notification-popup{
        right:320px
    }
    .box-layout .page-wrapper .touchspin,.box-layout.page-wrapper .touchspin{
        padding:0 10px
    }
    .box-layout .page-wrapper .vertical-menu-main,.box-layout.page-wrapper .vertical-menu-main{
        width:1280px;
        margin:0 auto;
        left:0;
        right:0
    }
    .box-layout .page-wrapper .vertical-menu-main .mega-menu,.box-layout.page-wrapper .vertical-menu-main .mega-menu{
        width:1050px !important;
        max-width:1050px !important;
        left:-320px !important
    }
    .box-layout .page-wrapper .comingsoon video,.box-layout.page-wrapper .comingsoon video{
        min-width:67%;
        width:67%
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .according-menu{
        right:15px
    }
    .box-layout .page-wrapper .page-header .header-wrapper .nav-right .serchinput{
        display:block !important
    }
    .box-layout .page-wrapper .page-header .header-wrapper .nav-right>ul>li:first-child{
        display:none !important
    }
    .box-layout .calender-widget .cal-date{
        margin-top:-52px
    }
    .box-layout .row.theme-form.mt-3>.d-flex[class*="col-"]{
        width:100%
    }
    .box-layout .note-toolbar .note-para .dropdown-menu{
        left:-35px !important
    }
    .box-layout .note-toolbar .note-btn-group .dropdown-menu{
        left:-10px
    }
    .box-layout .cd-timeline-img{
        width:45px;
        height:45px;
        left:51%
    }
    .box-layout .cd-timeline-img i{
        font-size:20px;
        top:47%
    }
    .box-layout .alert-dismissible p{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        max-width:300px
    }
    .box-layout pre.helper-classes{
        margin-bottom:0
    }
    .box-layout .table-responsive table caption{
        padding:10px
    }
    .box-layout .custom-card .profile-details h4{
        font-size:18px
    }
    .box-layout .social-tab{
        padding:20px
    }
    .box-layout .search-page .search-vid-block>div{
        margin-top:30px
    }
    .box-layout .todo .notification-popup{
        top:140px
    }
    .box-layout .todo .notification-popup .task{
        font-size:14px
    }
    .box-layout .todo .notification-popup .notification-text{
        font-weight:600
    }
    .box-layout .calendar-basic .lnb-calendars{
        display:block;
        text-align:right
    }
    .box-layout .calendar-basic .lnb-calendars>div{
        padding:12px 0
    }
    .box-layout .taskadd table tr td:first-child{
        min-width:168px
    }
    .box-layout .taskadd table tr td:nth-child(3){
        min-width:70px
    }
    .box-layout .list-persons .profile-mail .d-flex .flex-grow-1 ul li:last-child{
        margin-left:0;
        padding-left:0;
        border-left:unset
    }
    .box-layout .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block{
        top:95px;
        margin-top:15px
    }
    .box-layout .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .desciption-data{
        width:60%
    }
    .box-layout .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark p{
        width:100%
    }
    .box-layout .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p{
        display:none
    }
    .box-layout .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img{
        width:40%
    }
    .box-layout .custom-card{
        padding:15px
    }
    .box-layout .custom-card .card-footer>div{
        padding:10px 0
    }
    .box-layout .custom-card .card-footer>div h3{
        font-size:16px
    }
    .box-layout .custom-card .card-social li a{
        width:30px;
        height:30px
    }
    .box-layout .custom-card .profile-details a h4{
        font-size:18px
    }
    .box-layout .testimonial p{
        margin-top:10px
    }
    .box-layout .jkanban-container .note,.box-layout .email-wrap .note{
        width:100%
    }
    .box-layout .pricing-content div div:first-child .pricing-simple{
        margin-bottom:30px
    }
    .box-layout .pricing-content div div:nth-child(2) .pricing-simple{
        margin-bottom:30px
    }
    .box-layout .pricing-col{
        margin-bottom:-30px
    }
    .box-layout .pricing-col>div{
        width:50%;
        margin-bottom:30px
    }
    .box-layout ul.pro-services li:nth-child(n+2){
        margin-top:10px
    }
    .box-layout .filter-block ul li:nth-child(n+2){
        margin-top:10px
    }
    .box-layout .product-page-main .pro-slide-right img{
        height:110px
    }
    .box-layout .product-page-main .proorder-xl-3{
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3
    }
    .box-layout .pro-filter-sec .product-sidebar{
        width:300px;
        min-width:300px
    }
    .box-layout .activity-log-main{
        display:none
    }
    .box-layout .file-content .folder .folder-box{
        margin-bottom:10px;
        margin-right:0
    }
    .box-layout .file-content .folder .folder-box .d-flex{
        display:block;
        text-align:center;
        margin-top:5px
    }
    .box-layout .left-header .left-menu-header ul.header-left li{
        padding:0
    }
    .box-layout .left-header .left-menu-header ul.header-left li ul.onhover-show-div li{
        padding:6px 25px
    }
    .box-layout .left-header .left-menu-header ul.header-left li:first-child{
        padding-left:10px
    }
    .box-layout .left-header .left-menu-header ul.header-left li+li{
        padding-left:20px
    }
    .box-layout .left-header .left-menu-header ul.header-left li:nth-child(n+2)::before{
        display:none
    }
    .box-layout .serchinput{
        display:block !important
    }
    .box-layout .serchinput .serchbox{
        font-size:18px;
        position:relative
    }
    .box-layout .serchinput .search-form{
        top:60px;
        position:absolute;
        -webkit-transition:all linear 0.3s;
        transition:all linear 0.3s;
        right:0;
        -webkit-transform:translateY(-35px) scaleY(0);
        transform:translateY(-35px) scaleY(0);
        opacity:0;
        visibility:hidden;
        width:180px;
        margin-left:12px
    }
    .box-layout .serchinput .search-form.open{
        -webkit-transform:translateY(0px) scaleY(1);
        transform:translateY(0px) scaleY(1);
        opacity:1;
        visibility:visible;
        -webkit-transition:all linear 0.3s;
        transition:all linear 0.3s
    }
    .box-layout .serchinput .search-form input{
        padding:10px 15px;
        background-color:#fdfeff
    }
    .box-layout .todo .todo-list-wrapper #todo-list li .task-container .task-label{
        font-size:15px
    }
    .box-layout .todo-wrap .todo-list-body .task-container div.d-flex{
        min-width:240px;
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
    .box-layout .dashboard-2 .goal-view .card-footer{
        padding:30px 20px
    }
    .box-layout .dashboard-2 .goal-view .card-footer ul li+li::before{
        top:14px;
        left:0
    }
    .box-layout .dashboard-2 .goal-view .card-footer ul li h4{
        font-size:18px
    }
    .box-layout .dashboard-2 .card-body .right-side{
        right:-2px;
        bottom:-2px
    }
    .box-layout .dashboard-2 .product .d-flex .circle{
        margin-right:6px
    }
    .box-layout .dashboard-2 .product .d-flex .active-status{
        left:18px
    }
    .box-layout .dashboard-2 .product .card-body .table tr td{
        padding:12px 6px
    }
    .box-layout .dashboard-2 .product .card-body .table tr td:first-child{
        min-width:136px
    }
    .box-layout .dashboard-2 .product .card-body .table tr td:nth-child(2){
        display:none
    }
    .box-layout .dashboard-2 .product .card-body .table tr td:last-child span{
        font-size:13px
    }
    .box-layout .dashboard-2 .product .card-body .table tr td .d-flex .circle{
        height:28px
    }
    .box-layout .dashboard-2 .product .card-header,.box-layout .dashboard-2 .product .card-body{
        padding:26px 20px
    }
    .box-layout .dashboard-2 .best-seller table thead th:first-child{
        font-size:22px !important
    }
    .box-layout .dashboard-2 .best-seller table tbody tr td{
        padding:10px 15px
    }
    .box-layout .dashboard-2 .best-seller table tbody tr td:last-child span{
        padding:8px
    }
    .box-layout .dashboard-2 .best-seller table td:first-child,.box-layout .dashboard-2 .best-seller table th:first-child{
        min-width:170px
    }
    .box-layout .dashboard-2 .best-seller table td:nth-child(3),.box-layout .dashboard-2 .best-seller table td:nth-child(6),.box-layout .dashboard-2 .best-seller table th:nth-child(3),.box-layout .dashboard-2 .best-seller table th:nth-child(6){
        min-width:88px
    }
    .box-layout .dashboard-2 .best-seller table td:nth-child(2),.box-layout .dashboard-2 .best-seller table td:nth-child(4),.box-layout .dashboard-2 .best-seller table th:nth-child(2),.box-layout .dashboard-2 .best-seller table th:nth-child(4){
        display:none
    }
    .box-layout .dashboard-2 .static-card .card-footer ul.d-xxl-flex li .flex-grow-1 p{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box !important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .box-layout .dashboard-2 .goal-view .goal-chart .shap-block .rounded-shap i{
        right:46%
    }
    .box-layout .dashboard-2 .goal-view .card-body{
        padding:30px 0
    }
    .box-layout .dashboard-2 .order-card thead th:first-child{
        font-size:20px !important
    }
    .box-layout .dashboard-2 .order-card thead th:nth-child(n+2){
        font-size:15px
    }
    .box-layout .dashboard-2 .order-card tr td:first-child,.box-layout .dashboard-2 .order-card tr td:nth-child(4){
        min-width:140px
    }
    .box-layout .dashboard-2 .order-card table tr td{
        padding:14px 12px
    }
    .box-layout .dashboard-2 .order-card table th:nth-child(4),.box-layout .dashboard-2 .order-card table td:nth-child(4){
        display:none
    }
    .box-layout .dashboard-2 .order-card .card-body table tr th:nth-child(3),.box-layout .dashboard-2 .order-card .card-body table tr td:nth-child(3){
        display:none
    }
    .box-layout .dashboard-2 .profit-card .card-body .d-flex .flex-grow-1 p,.box-layout .dashboard-2 .visitor-card .card-body .d-flex .flex-grow-1 p,.box-layout .dashboard-2 .sell-card .card-body .d-flex .flex-grow-1 p{
        width:52px;
        text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap
    }
    .box-layout .dashboard-2 .activity-timeline .d-flex .flex-grow-1 p{
        margin-bottom:8px
    }
    .box-layout .dashboard-2 .activity-timeline .d-flex .activity-line{
        height:65%
    }
    .box-layout .dashboard-2 .activity-timeline .d-flex+.d-flex{
        margin-top:15px
    }
    .box-layout .dashboard-2 .static-card .card-footer{
        padding:0 22px 30px
    }
    .box-layout .dashboard-2 .static-card .card-footer ul.d-xxl-flex{
        display:block !important
    }
    .box-layout .dashboard-2 .static-card .card-footer ul.d-xxl-flex li:nth-child(n+2){
        margin-left:0;
        margin-top:15px
    }
    .box-layout .profile-greeting .card-body{
        padding:30px
    }
    .box-layout .profile-greeting .card-body h3,.box-layout .profile-greeting .card-body h4{
        font-size:22px
    }
    .box-layout .browser-table .card-header,.box-layout .browser-table .card-body{
        padding:30px 24px
    }
    .box-layout .browser-table table thead th{
        font-size:14px
    }
    .box-layout .browser-table table tr td{
        padding-left:8px;
        padding-right:8px
    }
    .box-layout .browser-table table tr td img{
        height:36px
    }
    .box-layout .best-seller table tr th:first-child,.box-layout .best-seller table tr td:first-child,.box-layout .order-card table tr th:first-child,.box-layout .order-card table tr td:first-child{
        min-width:165px
    }
    .box-layout .file-content .files .file-box,.box-layout .file-content .folder .file-box{
        width:calc(50% - 15px);
        margin-bottom:10px;
        margin-right:8px
    }
    .box-layout .dashboard-2 .static-card .card-footer ul.d-xxl-flex li .flex-shrink-0{
        width:40px;
        height:40px
    }
    .box-layout .dashboard-2 .product-slider .card-body .product-content h4{
        font-size:16px
    }
    .box-layout .dashboard-2 .goal-view .card-footer ul li:last-child{
        display:none
    }
    .box-layout .dashboard-2 .activity-timeline .d-flex .flex-grow-1{
        margin-left:16px
    }
    .box-layout .dashboard-2 .activity-timeline .d-flex .flex-grow-1 p{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box !important;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .box-layout .dashboard-2 .activity-timeline .d-flex .flex-grow-1 ul.img-wrapper li{
        width:80px
    }
    .box-layout .dashboard-2 .visitor-card .card-header,.box-layout .dashboard-2 .visitor-card .card-body,.box-layout .dashboard-2 .profit-card .card-header,.box-layout .dashboard-2 .profit-card .card-body,.box-layout .dashboard-2 .sell-card .card-header,.box-layout .dashboard-2 .sell-card .card-body{
        padding:22px 22px 25px
    }
    .box-layout .grid-options{
        background-color:gray
    }
    .box-layout .grid-options ul li:nth-child(3),.box-layout .grid-options ul li:last-child{
        display:none
    }
    .box-layout .grid-options ul:last-child{
        background-color:gray
    }
    .box-layout .product-box .product-details{
        padding:20px
    }
    .box-layout .product-box .product-details h4{
        font-size:18px
    }
    .box-layout .email-wrap .email-right-aside .email-profile .inbox p{
        width:calc(100% - 400px)
    }
    .box-layout .call-chat-sidebar{
        max-width:280px
    }
    .box-layout .img-crop .docs-buttons{
        margin-bottom:20px
    }
    .box-layout .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li:nth-child(n+2){
        margin-left:10px
    }
    .box-layout .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a svg{
        width:20px;
        height:20px
    }
    .box-layout .learning-block .upcoming-course .d-flex+.d-flex{
        margin-top:10px
    }
    .box-layout .learning-block .filter-cards-view .checkbox-animated{
        margin-bottom:10px
    }
    .box-layout .learning-block .blog-box.blog-list .blog-details{
        padding:18px
    }
    .box-layout .note{
        width:calc(33.33% - 30px)
    }
    .box-layout .blog-box.blog-shadow{
        height:340px
    }
    .box-layout .job-search .d-flex .flex-grow-1 .job-apply-btn{
        position:unset;
        width:-webkit-fit-content;
        width:-moz-fit-content;
        width:fit-content;
        margin-top:5px;
        display:block
    }
}
@media only screen and (min-width: 1280px){
    .box-layout.rtl .page-wrapper .page-body-wrapper .footer{
        padding-right:300px;
        padding-left:32px
    }
    .box-layout.rtl .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link::before{
        right:7px
    }
    .box-layout.rtl .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper{
        border-radius:0 10px 10px 0
    }
    .box-layout.rtl .page-wrapper.compact-wrapper .page-body-wrapper .page-body{
        margin-right:270px
    }
    .box-layout.rtl .page-wrapper.compact-wrapper .page-header{
        margin-right:320px
    }
    .box-layout.rtl .page-wrapper .page-header{
        padding-left:unset;
        padding-right:270px
    }
}
@media screen and (max-width: 1660px) and (min-width: 1440px){
    .box-layout .calendar-sec{
        -webkit-box-ordinal-group:unset;
        -ms-flex-order:unset;
        order:unset
    }
}
body.dark-only{
    color:rgba(255,255,255,0.8);
    background-color:#10101c
}
body.dark-only .employee-status .d-flex .flex-grow-1 h5 a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .user-status table tr th:first-child a,body.dark-only .user-status table tr td:first-child a{
    color:rgba(255,255,255,0.8)
}
body.dark-only.box-layout .page-wrapper .page-header{
    background-color:#171829
}
body.dark-only .fc-theme-standard .fc-scrollgrid{
    border:1px solid #323347
}
body.dark-only .custom-profile .profile-details h4 a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title{
    background:#171829;
    color:#fff
}
body.dark-only hr{
    background-color:#171829
}
body.dark-only .progress{
    background-color:#323347
}
body.dark-only .card{
    background-color:#171829
}
body.dark-only .ecommerce-widget{
    border:1px solid #323347 !important
}
body.dark-only .btn-light{
    color:rgba(255,255,255,0.8) !important
}
body.dark-only .b-r-light{
    border-color:#323347 !important
}
body.dark-only .form-select{
    color:rgba(255,255,255,0.5)
}
body.dark-only .add-project .text-inherit{
    color:rgba(255,255,255,0.8)
}
body.dark-only .todo-wrap .card-header.b-bottom{
    border-bottom:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bottom-content .b-r-light{
    border-left:unset !important
}
body.dark-only .basic-dropdown ul li span.f-w-600{
    color:rgba(255,255,255,0.8)
}
body.dark-only .basic-dropdown ul li span.f-w-600::before{
    background-color:rgba(255,255,255,0.1)
}
body.dark-only .basic-dropdown .left-dropdown{
    background-color:#10101c
}
body.dark-only .basic-dropdown .left-dropdown a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .knowledgebase-search{
    color:#2b2b2b
}
body.dark-only .knowledgebase-search .form-control-plaintext{
    color:#2b2b2b
}
body.dark-only .btn-close{
    -webkit-filter:brightness(0.8) invert(1);
    filter:brightness(0.8) invert(1)
}
body.dark-only .prooduct-details-box .d-flex{
    border:1px solid #323347
}
body.dark-only .pricingtable{
    -webkit-box-shadow:0 0 40px rgba(50,51,71,0.5);
    box-shadow:0 0 40px rgba(50,51,71,0.5)
}
body.dark-only .product-price del{
    color:#98a6ad
}
body.dark-only .ProfileCard{
    border:1px solid #323347 !important
}
body.dark-only .form-control-plaintext{
    color:rgba(255,255,255,0.8)
}
body.dark-only .form-select{
    background-color:#10101c;
    border:1px solid #323347
}
body.dark-only .social-status .d-flex .flex-grow-1 a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .left-header .left-menu-header ul.header-left li span.f-w-600::before{
    z-index:0;
    background-color:rgba(255,255,255,0.1)
}
body.dark-only .box-layout{
    background-color:#10101c
}
body.dark-only .box-layout .page-wrapper .page-header .header-wrapper,body.dark-only .box-layout.page-wrapper .page-header .header-wrapper{
    border:1px solid #10101c
}
body.dark-only .form-check-input{
    background-color:#10101c
}
body.dark-only .switch-state:before{
    background-color:#383838
}
body.dark-only .icon-state .switch-state:after{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr td{
    color:#2b2b2b
}
body.dark-only .chat-box .chat-menu .user-profile .user-content h5 a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .chat-box .about .name a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .file-manager>h6{
    color:rgba(255,255,255,0.8)
}
body.dark-only .note-editor i{
    color:rgba(255,255,255,0.8)
}
body.dark-only .note-editor span{
    color:rgba(255,255,255,0.8)
}
body.dark-only .note-editor i.note-recent-color{
    color:#2b2b2b
}
body.dark-only .form-switch .form-check-input{
    background-color:#383838
}
body.dark-only .form-switch .form-check-input:checked{
    background-color:#5c61f2
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.hoverd .sidebar-submenu li a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.hoverd .sidebar-submenu li a.active{
    color:#5c61f2
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.hoverd .sidebar-submenu li a:after{
    background-color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .message-dropdown li .d-flex .flex-grow-1 h5 a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .project-list .border-tab.nav-tabs .nav-item .nav-link{
    border-bottom:#323347
}
body.dark-only .main .langChoice{
    border-color:#323347
}
body.dark-only .main .langChoice:focus,body.dark-only .main .langChoice:focus-visible{
    outline-color:#323347
}
body.dark-only .chart-block .flot-chart-container .legend table{
    color:#98a6ad !important;
    background-color:#10101c
}
body.dark-only .add-post .dropzone .dz-preview .dz-error-message{
    background-color:#10101c !important
}
body.dark-only .comment-box .comment-social li:nth-child(n+2){
    border-left:1px solid #323347
}
body.dark-only .comment-box .d-md-flex h6{
    color:rgba(255,255,255,0.8)
}
body.dark-only .comment-box .d-md-flex img{
    border:1px solid #323347
}
body.dark-only .chart-block .chart-overflow svg line{
    stroke:#10101c
}
body.dark-only .chart-block .chart-overflow svg g text{
    fill:rgba(255,255,255,0.8)
}
body.dark-only .apexcharts-yaxistooltip{
    color:rgba(255,255,255,0.8);
    background-color:#10101c
}
body.dark-only .apexcharts-xaxistooltip{
    color:rgba(255,255,255,0.8);
    background-color:#10101c
}
body.dark-only .apexcharts-yaxis-title{
    color:rgba(255,255,255,0.8)
}
body.dark-only .apexcharts-xaxistooltip-bottom:after{
    border-bottom-color:#5c61f2
}
body.dark-only .onhover-show-div{
    background-color:rgba(0,0,0,0)
}
body.dark-only .product-box{
    background-color:#171829
}
body.dark-only .product-box .product-details h4{
    color:rgba(255,255,255,0.8)
}
body.dark-only .product-box .modal .modal-header{
    background-color:#171829
}
body.dark-only .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter{
    border-color:#323347
}
body.dark-only .product-page-main p{
    color:#98a6ad
}
body.dark-only .product-page-main .pro-group:nth-child(n+2){
    border-color:#323347
}
body.dark-only .product-page-main .border-tab.nav-tabs .nav-item .nav-link.active{
    color:#fff !important
}
body.dark-only .color-selector ul li{
    border-color:#323347
}
body.dark-only .bookmark-tabcontent .list-bookmark.details-bookmark .bookmark-card.card .title-bookmark{
    border-top:unset
}
body.dark-only .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark{
    border-top:1px solid #323347
}
body.dark-only .product-social li a{
    border-color:#323347
}
body.dark-only .invoice .invo-header{
    border-color:#323347
}
body.dark-only .prooduct-details-box .product-name h6{
    color:rgba(255,255,255,0.8)
}
body.dark-only .checkout label{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:not(.profile-dropdown) li:first-child{
    background-color:rgba(92,97,242,0.1) !important
}
body.dark-only .setting-list{
    background-color:#171829
}
body.dark-only .setting-list .setting-option li .setting-light{
    background-color:#10101c
}
body.dark-only .setting-list .setting-option li .setting-light i{
    color:rgba(255,255,255,0.8)
}
body.dark-only .setting-list .setting-option li .setting-light:hover{
    background-color:rgba(92,97,242,0.1)
}
body.dark-only .setting-list .setting-option li .setting-light:hover i{
    color:#5c61f2
}
body.dark-only .todo-wrap .todo-list-body .assign-name{
    color:#98a6ad
}
body.dark-only .todo-wrap .email-wrap .email-app-sidebar .main-menu>li a:hover{
    background-color:transparent;
    color:#5c61f2
}
body.dark-only .todo-wrap .email-wrap .email-app-sidebar .main-menu>li a:hover .badge{
    color:#fff
}
body.dark-only .todo .todo-list-wrapper #todo-list li:last-child .task-container{
    border-bottom:0
}
body.dark-only .todo .todo-list-wrapper #todo-list li .task-container{
    background:#171829;
    border-bottom:1px solid #323347
}
body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-label{
    color:rgba(255,255,255,0.8)
}
body.dark-only .todo .todo-list-wrapper #todo-list li .task-container:hover h4{
    color:#fff
}
body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover:not(.active){
    background:#171829;
    border:1px solid #10101c
}
body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label{
    color:#5c61f2
}
body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover{
    border:1px solid #61ae41 !important
}
body.dark-only .todo .todo-list-wrapper .todo-list-header .new-task-wrapper textarea{
    background-color:#171829;
    border:1px solid #323347;
    color:rgba(255,255,255,0.8)
}
body.dark-only .border-bottom{
    border-bottom:1px solid #323347 !important
}
body.dark-only .email-wrap .email-right-aside .email-body .inbox .d-flex:hover{
    background-color:rgba(92,97,242,0.1)
}
body.dark-only .email-wrap .email-wrapper .emailread-group:nth-child(n+2){
    border-color:#323347
}
body.dark-only .cke_chrome{
    border-color:#323347
}
body.dark-only .card .icon-box{
    background-color:#10101c
}
body.dark-only .card .icon-box:hover{
    background-color:rgba(92,97,242,0.1)
}
body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title{
    background:#171829;
    color:#fff
}
body.dark-only .apexcharts-tooltip.apexcharts-theme-light{
    border:1px solid #323347;
    background:#10101c
}
body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{
    border:1px solid #323347;
    background:#10101c;
    color:rgba(255,255,255,0.8)
}
body.dark-only .apexcharts-tooltip-series-group{
    color:rgba(255,255,255,0.8) !important
}
body.dark-only .apexcharts-yaxistooltip,body.dark-only .apexcharts-xaxistooltip{
    color:rgba(255,255,255,0.8);
    background:#10101c;
    border:1px solid #323347
}
body.dark-only .apexcharts-yaxistooltip-left::before,body.dark-only .apexcharts-yaxistooltip-left::after{
    border-left-color:#323347
}
body.dark-only .apexcharts-xaxistooltip-bottom::before,body.dark-only .apexcharts-xaxistooltip-bottom::after{
    border-bottom-color:#323347
}
body.dark-only .bottom-content .apexcharts-canvas span{
    color:rgba(255,255,255,0.8)
}
body.dark-only .apexcharts-canvas .apexcharts-tooltip{
    border:1px solid #323347
}
body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title{
    margin-bottom:0
}
body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group{
    background-color:#171829;
    color:rgba(255,255,255,0.8)
}
body.dark-only .apexcharts-canvas .apexcharts-yaxis text{
    fill:#98a6ad
}
body.dark-only .apexcharts-xaxistooltip{
    background-color:#10101c;
    color:rgba(255,255,255,0.8);
    border:1px solid #323347
}
body.dark-only .apexcharts-xaxistooltip-bottom:before{
    border-bottom-color:#323347
}
body.dark-only .apexcharts-xaxistooltip-bottom:after{
    border-bottom-color:#323347
}
body.dark-only .apexcharts-tooltip.apexcharts-theme-light{
    border:1px solid #323347;
    background:#10101c
}
body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text{
    color:#98a6ad
}
body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{
    background:#171829;
    border-bottom:1px solid #323347;
    color:#98a6ad
}
body.dark-only .apexcharts-yaxis text{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li+li p a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .product-box .product-img .product-hover ul li:hover{
    background-color:#5c61f2
}
body.dark-only .categories ul li:hover a{
    color:#5c61f2
}
body.dark-only .goal-view ul.goal-list{
    border-color:#323347
}
body.dark-only .goal-view ul.goal-list li{
    border-color:#323347
}
body.dark-only .dashboard-default .appointment-detail .card-body .table tr td .d-flex a span{
    color:rgba(255,255,255,0.8)
}
body.dark-only .dashboard-default .profile-greeting .greeting-user h4 a{
    color:rgba(255,255,255,0.8)
}
body.dark-only h4 a .default-datepicker .datepicker-inline .datepicker{
    background:#171829
}
body.dark-only h4 a .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title{
    color:rgba(255,255,255,0.8)
}
body.dark-only h4 a .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i{
    color:rgba(255,255,255,0.8)
}
body.dark-only h4 a .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name,body.dark-only h4 a .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day,body.dark-only h4 a .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name,body.dark-only h4 a .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day{
    color:rgba(255,255,255,0.8)
}
body.dark-only h4 a .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name.-selected-,body.dark-only h4 a .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day.-selected-,body.dark-only h4 a .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name.-selected-,body.dark-only h4 a .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-selected-{
    color:#fff
}
body.dark-only .static-widget h6{
    color:rgba(255,255,255,0.8)
}
body.dark-only .widget-joins .widget-card{
    border-color:#323347
}
body.dark-only .widget-feedback ul{
    border-color:#323347
}
body.dark-only .widget-feedback ul li:nth-child(n+2){
    border-color:#323347
}
body.dark-only .customers ul li img{
    border:2px solid #171829
}
body.dark-only .jkanban-container .card-header p{
    color:#98a6ad
}
body.dark-only .product-page-main .border-tab.nav-tabs{
    border-bottom:0 !important
}
body.dark-only .custom-profile .card-social li{
    border-color:#323347
}
body.dark-only .custom-profile .card-footer>div [class*="col-"]:hover h6{
    color:rgba(255,255,255,0.8)
}
body.dark-only .custom-profile .card-footer>div h6{
    color:#98a6ad
}
body.dark-only .custom-profile .card-footer>div div+div{
    border-color:#323347
}
body.dark-only .activity-media .d-flex:nth-child(n+2){
    border-color:#323347
}
body.dark-only .activity-media .d-flex .flex-grow-1 span{
    color:#98a6ad
}
body.dark-only .social-widget-card h6{
    color:rgba(255,255,255,0.8)
}
body.dark-only .project-cards .project-list .card .border-tab.nav-tabs{
    border-bottom:unset !important
}
body.dark-only .tilt-showcase .card-body pre{
    background-color:rgba(92,97,242,0.03)
}
body.dark-only .tilt-showcase .card-body pre code{
    background-color:rgba(92,97,242,0.03)
}
body.dark-only .btn-light.disabled{
    color:#000 !important
}
body.dark-only .daterangepicker:before{
    border-bottom-color:#171829
}
body.dark-only .daterangepicker .ranges li{
    background-color:#10101c;
    border-color:#171829;
    color:#898989
}
body.dark-only .daterangepicker .daterangepicker_input .form-control{
    background-color:#10101c;
    border-color:#171829 !important
}
body.dark-only .daterangepicker .calendar-time select{
    border-color:#171829;
    background-color:#10101c
}
body.dark-only .daterangepicker.dropdown-menu{
    background-color:#171829;
    -webkit-box-shadow:0 0 14px #10101c;
    box-shadow:0 0 14px #10101c
}
body.dark-only .daterangepicker .calendar-table{
    background-color:#171829;
    border-color:#171829
}
body.dark-only .daterangepicker.ltr td.in-range,body.dark-only .daterangepicker.ltr td.off{
    background-color:#10101c;
    color:#fff
}
body.dark-only .daterangepicker select.monthselect,body.dark-only .daterangepicker select.yearselect{
    background-color:#10101c;
    border-color:#323347
}
body.dark-only .datepicker--pointer{
    background-color:#323347;
    border-color:#323347
}
body.dark-only .datepicker--nav{
    border-color:#323347
}
body.dark-only .datepicker--cell-day{
    color:rgba(255,255,255,0.8)
}
body.dark-only .datepicker{
    background-color:#171829
}
body.dark-only .datepicker .datepicker--cell{
    color:#fff
}
body.dark-only .stepwizard .stepwizard-row .stepwizard-step .btn-light{
    background-color:#10101c !important
}
body.dark-only .stepwizard .stepwizard-row .stepwizard-step .btn-light.btn-primary{
    background-color:#5c61f2 !important
}
body.dark-only .f1 .f1-steps .f1-progress{
    background-color:#323347
}
body.dark-only .f1 .f1-steps .f1-step .f1-step-icon{
    background-color:#323347;
    color:rgba(255,255,255,0.8)
}
body.dark-only .f1 .f1-steps .f1-step.active .f1-step-icon{
    background-color:#5c61f2
}
body.dark-only .clockpicker-popover .popover-title{
    background-color:#171829;
    border-color:#323347
}
body.dark-only .popover.bottom>.arrow:after{
    border-bottom-color:#323347
}
body.dark-only .popover.top>.arrow:after{
    border-top-color:#323347
}
body.dark-only .popover.left>.arrow{
    border-left-color:#323347
}
body.dark-only .popover.left>.arrow:after{
    border-left-color:#323347
}
body.dark-only .clockpicker-plate{
    background-color:#10101c;
    border:1px solid #323347
}
body.dark-only .clockpicker-tick:hover{
    background-color:#171829;
    color:#fff
}
body.dark-only .tooltip.bs-tooltip-top .tooltip-arrow:before{
    border-top-color:#323846
}
body.dark-only .tooltip.bs-tooltip-bottom .tooltip-arrow:before{
    border-bottom-color:#323846;
    border-top-color:rgba(0,0,0,0)
}
body.dark-only .tooltip.bs-tooltip-start .tooltip-arrow:before{
    border-left-color:#323846;
    border-top-color:rgba(0,0,0,0)
}
body.dark-only .tooltip.bs-tooltip-end .tooltip-arrow:before{
    border-right-color:#323846;
    border-top-color:rgba(0,0,0,0)
}
body.dark-only .tooltip .tooltip-inner{
    background-color:#323846;
    color:#fff
}
body.dark-only .tooltip .tooltip-arrow:before{
    border-top-color:#323846
}
body.dark-only .nav.nav-tabs.border-tab.nav-primary .nav-item .nav-link.active{
    background-color:unset
}
body.dark-only .page-wrapper .page-header .header-wrapper .left-header .input-group{
    background-color:#10101c
}
body.dark-only .page-wrapper .page-header .header-wrapper .left-header .input-group .form-control{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-header .header-wrapper .left-header .input-group .input-group-prepend .input-group-text i{
    color:#fff
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right>ul>li:hover:first-child{
    background:none
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span{
    color:#fff
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:not(.profile-dropdown) li:first-child{
    background-color:#171829
}
body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item+.breadcrumb-item:before{
    color:rgba(255,255,255,0.8)
}
body.dark-only .customizer-contain{
    color:#10101c
}
body.dark-only .customizer-contain .customizer-body .main-layout .box-layout{
    background-color:#fff
}
body.dark-only .login-card .btn-showcase .btn{
    background-color:#171829 !important;
    color:#fff;
    border-color:#171829 !important
}
body.dark-only .login-card .login-main{
    -webkit-box-shadow:0 0 37px rgba(255,255,255,0.05);
    box-shadow:0 0 37px rgba(255,255,255,0.05);
    background-color:#10101c
}
body.dark-only .login-card .login-main .theme-form input{
    background-color:#171829 !important
}
body.dark-only .login-card .login-main .theme-form .or:before{
    background-color:#171829
}
body.dark-only .login-card .login-main .theme-form .checkbox label::before{
    background-color:#171829 !important;
    border-color:#171829 !important
}
body.dark-only .login-card .login-main .theme-form .login-social-title h6{
    background-color:#10101c
}
body.dark-only .login-card .login-main .theme-form .login-social-title::before{
    background-color:#323347
}
body.dark-only .login-card .login-main .theme-form ul.login-social li{
    border-color:#323347
}
body.dark-only .H_ui ~ div{
    background-color:#10101c !important
}
body.dark-only .swal-icon--success:after,body.dark-only .swal-icon--success:before{
    background:#171829
}
body.dark-only .swal-icon--success__hide-corners{
    background-color:#171829
}
body.dark-only .note-editor.note-frame .note-status-output{
    border-top:1px solid #171829
}
body.dark-only .note-editor.note-frame .note-statusbar{
    border-top:1px solid #171829
}
body.dark-only .note-editor.note-frame .note-statusbar .note-resizebar{
    background-color:#171829
}
body.dark-only .light-font{
    color:#fff
}
body.dark-only .page-link{
    background-color:#10101c;
    border:1px solid #323347
}
body.dark-only .page-item.disabled .page-link{
    background-color:#323347;
    border-color:#323347
}
body.dark-only .b-r-light{
    border-right:1px solid #323347 !important
}
body.dark-only .history-details .d-flex{
    border-top:1px solid #323347
}
body.dark-only #right-history{
    background-color:#171829;
    -webkit-box-shadow:0 0 9px #10101c;
    box-shadow:0 0 9px #10101c
}
body.dark-only #right-history h6 span a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .ProfileCard:hover{
    color:rgba(255,255,255,0.8);
    background-color:#171829
}
body.dark-only .translate_wrapper.active .more_lang:before{
    border-bottom:7px solid #171829
}
body.dark-only .translate_wrapper.active .more_lang .lang{
    border-bottom:1px solid #323347
}
body.dark-only .translate_wrapper.active .more_lang .lang:last-child{
    border-bottom:unset
}
body.dark-only .apexcharts-point-annotations text{
    fill:#98a6ad
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right>ul>li:nth-child(n+2):hover svg{
    stroke:rgba(255,255,255,0.8) !important
}
body.dark-only .page-wrapper .page-body-wrapper{
    background-color:#10101c
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg{
    stroke:var(--theme-deafult)
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg{
    stroke:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active svg{
    color:var(--theme-deafult)
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-title h5{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a{
    color:rgba(255,255,255,0.8);
    font-weight:400
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container::after{
    background-color:rgba(255,255,255,0.2)
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active{
    color:var(--theme-deafult)
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper{
    background:#10101c;
    border-top:2px solid #10101c
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu{
    background:#171829
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a.active,body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a:hover{
    color:var(--theme-deafult)
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li .nav-sub-childmenu{
    background:#171829
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container{
    background:#171829
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content li a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow{
    background-color:#10101c;
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-header .header-wrapper .search-full{
    background-color:#171829
}
body.dark-only .page-wrapper .page-header .header-wrapper .search-full input{
    color:rgba(255,255,255,0.8)
}
body.dark-only .left-header .mega-menu-container{
    background-color:#171829;
    border-top:1px solid #171829
}
body.dark-only .left-header .mega-menu-container .mega-box+.mega-box{
    border-left:1px solid #323347
}
body.dark-only .left-header .mega-menu div>div a{
    color:rgba(255,255,255,0.7)
}
body.dark-only .left-header .header-level-menu{
    background-color:#171829
}
body.dark-only .left-header .header-level-menu>li .header-level-sub-menu{
    background-color:#171829
}
body.dark-only .left-header .header-level-menu>li a{
    color:rgba(255,255,255,0.7)
}
body.dark-only .left-header .header-level-menu>li svg{
    stroke:rgba(255,255,255,0.7)
}
body.dark-only .kanban-board-header{
    background-color:#10101c !important;
    border-bottom:1px solid #323347 !important
}
body.dark-only .kanban-board-header.bg-info{
    background-color:#4faad5 !important
}
body.dark-only .kanban-board-header.bg-info ~ .kanban-drag{
    background-color:rgba(79,170,213,0.3) !important
}
body.dark-only .kanban-board-header.bg-warning{
    background-color:#e6ae30 !important
}
body.dark-only .kanban-board-header.bg-warning ~ .kanban-drag{
    background-color:rgba(230,174,48,0.3) !important
}
body.dark-only .kanban-board-header.bg-success{
    background-color:#61ae41 !important
}
body.dark-only .kanban-board-header.bg-success ~ .kanban-drag{
    background-color:rgba(97,174,65,0.3) !important
}
body.dark-only .kanban-board .kanban-drag{
    background:#10101c !important
}
body.dark-only .kanban-container .kanban-item .kanban-box{
    border-color:#323347;
    background-color:#10101c
}
body.dark-only .project-box{
    border:1px solid rgba(92,97,242,0.15);
    background-color:#10101c
}
body.dark-only .add-product .product-info .product-group{
    border:1px solid #323347
}
body.dark-only .quick-file li .quick-box{
    border:1px solid #323347
}
body.dark-only .file-content .folder .folder-box{
    background-color:#10101c
}
body.dark-only .files-content li .files-list .file-left{
    border:1px solid #323347
}
body.dark-only .file-content .form-control-plaintext{
    color:rgba(255,255,255,0.8);
    background-color:#171829 !important
}
body.dark-only .file-content .form-control-plaintext:focus{
    color:rgba(255,255,255,0.8)
}
body.dark-only .file-content .form-inline{
    border-color:#323347
}
body.dark-only .file-content .files .file-box{
    border-color:#323347
}
body.dark-only .file-content .files .file-box .file-top{
    background-color:#10101c;
    border-color:#10101c
}
body.dark-only .file-content .folder .folder-box{
    border-color:#323347
}
body.dark-only .file-manager>h6{
    color:rgba(255,255,255,0.8)
}
body.dark-only .file-sidebar .pricing-plan{
    border-color:#323347
}
body.dark-only .file-sidebar .pricing-plan h6{
    color:rgba(255,255,255,0.8)
}
body.dark-only .file-sidebar .pricing-plan p{
    color:#98a6ad
}
body.dark-only .tui-datepicker.tui-rangepicker .tui-is-selected-range{
    background-color:#10101c
}
body.dark-only .tui-full-calendar-popup-section-item .tui-full-calendar-content,body.dark-only .tui-full-calendar-popup-section-item .tui-calendar-body-inner,body.dark-only .tui-full-calendar-popup-section-item .tui-timepicker,body.dark-only .tui-full-calendar-popup-section-item .tui-calendar-header-inner,body.dark-only .tui-full-calendar-popup-section-item .tui-calendar-btn-prev-month,body.dark-only .tui-full-calendar-popup-section-item .tui-calendar-btn-next-month,body.dark-only .tui-calendar .tui-full-calendar-content,body.dark-only .tui-calendar .tui-calendar-body-inner,body.dark-only .tui-calendar .tui-timepicker,body.dark-only .tui-calendar .tui-calendar-header-inner,body.dark-only .tui-calendar .tui-calendar-btn-prev-month,body.dark-only .tui-calendar .tui-calendar-btn-next-month,body.dark-only .tui-datepicker-footer .tui-full-calendar-content,body.dark-only .tui-datepicker-footer .tui-calendar-body-inner,body.dark-only .tui-datepicker-footer .tui-timepicker,body.dark-only .tui-datepicker-footer .tui-calendar-header-inner,body.dark-only .tui-datepicker-footer .tui-calendar-btn-prev-month,body.dark-only .tui-datepicker-footer .tui-calendar-btn-next-month{
    background-color:#10101c
}
body.dark-only .tui-full-calendar-popup-container,body.dark-only .tui-full-calendar-button.tui-full-calendar-popup-close,body.dark-only .tui-full-calendar-dropdown-menu{
    background-color:#10101c
}
body.dark-only .calendar-basic .tui-full-calendar-popup .tui-full-calendar-button.tui-full-calendar-section-private{
    background-color:#10101c
}
body.dark-only .calendar-basic .tui-full-calendar-popup .tui-full-calendar-popup-section-item{
    background-color:#10101c
}
body.dark-only .calendar-basic .tui-full-calendar-popup .tui-calendar-title-today{
    background-color:#10101c
}
body.dark-only .calendar-basic .tui-full-calendar-popup .tui-full-calendar-confirm span{
    background-color:#5c61f2
}
body.dark-only #menu .sidebar-list .btn-default{
    color:rgba(255,255,255,0.2)
}
body.dark-only .tui-full-calendar-timegrid-hour{
    background-color:#171829;
    color:#fff !important
}
body.dark-only .tui-full-calendar-layout *{
    color:rgba(255,255,255,0.8) !important;
    border-color:#323347 !important
}
body.dark-only .tui-full-calendar-timegrid-gridline{
    border-bottom:1px solid #323347 !important
}
body.dark-only .tui-full-calendar-time-date,body.dark-only .tui-full-calendar-weekday-grid-line,body.dark-only .tui-full-calendar-left,body.dark-only .tui-full-calendar-timegrid-timezone{
    border-right-color:#323347 !important
}
body.dark-only .tui-full-calendar-popup{
    color:#2b2b2b
}
body.dark-only #menu .btn-default{
    color:rgba(255,255,255,0.8)
}
body.dark-only #menu .btn-default:hover{
    color:#2b2b2b
}
body.dark-only #menu .dropdown-menu{
    color:rgba(255,255,255,0.8)
}
body.dark-only .tui-full-calendar-dayname-container,body.dark-only .tui-full-calendar-splitter{
    border-top-color:#323347 !important;
    border-bottom-color:#323347 !important
}
body.dark-only span.tui-full-calendar-dayname-date-area{
    color:#fff !important
}
body.dark-only .tui-full-calendar-layout{
    background-color:#171829 !important
}
body.dark-only .right-header .input-group{
    background-color:#10101c
}
body.dark-only .right-header .input-group .input-group-prepend .input-group-text::before{
    background-color:rgba(255,255,255,0.2)
}
body.dark-only .right-header .input-group .input-group-prepend .input-group-text i{
    color:#fff
}
body.dark-only .table-responsive .hover.dataTable tbody tr.odd:hover{
    background-color:#10101c !important
}
body.dark-only.landing-page .demo-section .demo-box{
    background-color:#171829
}
body.dark-only.landing-page .demo-section .demo-box .demo-title .btn{
    border-color:#5c61f2;
    color:rgba(255,255,255,0.8)
}
body.dark-only.landing-page .framework{
    background-color:#171829
}
body.dark-only.landing-page .framework ul.framworks-list li{
    background-color:rgba(92,97,242,0.2);
    border-color:#323347
}
body.dark-only.landing-page .unique-cards{
    background-color:#171829
}
body.dark-only.landing-page .core-feature .feature-box{
    background-color:#171829;
    border-color:#323347
}
body.dark-only.landing-page .counter-sec{
    background-color:#171829;
    border-color:#323347
}
body.dark-only.landing-page .counter-sec .counter-box{
    border-color:#323347
}
body.dark-only .dashboard-2 .best-seller table tbody tr:hover td:last-child span a{
    color:#5c61f2
}
body.dark-only .dashboard-2 .best-seller table tbody tr td .d-flex span a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .dashboard-2 .best-seller table tbody tr td:last-child span a{
    color:rgba(255,255,255,0.8)
}
body.dark-only table tbody tr td:last-child span .blockquote{
    border-left:4px solid #323347
}
body.dark-only .figure.text-end blockquote{
    border-right-color:#323347
}
body.dark-only .contacts-tabs .nav-pills{
    border-right:1px solid #323347
}
body.dark-only .contacts-tabs .nav-pills .nav-link+.nav-link{
    border-top:1px solid #323347
}
body.dark-only .list-persons .profile-mail .d-flex .flex-grow-1 ul li+li{
    border-left:2px solid #323347
}
body.dark-only .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter{
    background-color:#171829
}
body.dark-only .apexcharts-gridline{
    stroke:#323347
}
body.dark-only .apexcharts-tooltip-title,body.dark-only .apexcharts-tooltip-series-group,body.dark-only .apexcharts-tooltip.light,body.dark-only .apexcharts-menu-item{
    color:#fff
}
body.dark-only .small-donut ~ svg path:nth-child(even),body.dark-only .small-donut svg path:nth-child(even),body.dark-only .donut-peity2 ~ svg path:nth-child(even),body.dark-only .donut-peity2 svg path:nth-child(even),body.dark-only .pie-peity ~ svg path:nth-child(even),body.dark-only .pie-peity svg path:nth-child(even){
    fill:#10101c
}
body.dark-only .prooduct-details-box .d-block .flex-grow-1{
    outline:1px solid #323347
}
body.dark-only .prooduct-details-box .price span{
    color:#98a6ad
}
body.dark-only .pricing-simple .card-body h3::before{
    background-color:#323347
}
body.dark-only .cke_toolbar_separator{
    background-color:#323347
}
body.dark-only .cke_toolgroup a.cke_button:last-child::after{
    border-right:1px solid #323347
}
body.dark-only .cke_combo:after{
    border-right:1px solid #323347
}
body.dark-only .order-history table .qty-box .touchspin{
    background-color:#171829 !important;
    border:0 !important
}
body.dark-only .order-history .product-name h6{
    color:#98a6ad
}
body.dark-only .chat-box .chat-menu .nav-primary .nav-link.active{
    background-color:unset
}
body.dark-only .chat-box .chat-menu .people-list .search .theme-form .form-group i{
    color:#323347
}
body.dark-only #menu .dropdown .btn-default{
    border-color:#323347
}
body.dark-only #menu .dropdown .btn-default:hover{
    color:#fff
}
body.dark-only #menu .move-today,body.dark-only #menu .move-day{
    border-color:#323347
}
body.dark-only #menu .move-today:hover,body.dark-only #menu .move-day:hover{
    background-color:#171829;
    color:#fff
}
body.dark-only .page-wrapper .page-header .header-wrapper .left-header .left-menu-header .app-list ul{
    background-color:#10101c
}
body.dark-only .page-wrapper .page-header .header-wrapper .left-header .left-menu-header .app-list ul li:hover a{
    color:#eeb82f
}
body.dark-only .page-wrapper .page-header .header-wrapper .left-header .left-menu-header .app-list ul li a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right.right-header .right-header .input-group .form-control{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i{
    color:#fff
}
body.dark-only .left-header .left-menu-header ul.header-left li:nth-child(n+2)::before{
    background-color:#323347
}
body.dark-only .left-header .left-menu-header ul.header-left li ul.onhover-show-div{
    background-color:#10101c
}
body.dark-only .left-header .left-menu-header ul.header-left li ul.onhover-show-div li.flyout-right ul{
    background-color:#10101c
}
body.dark-only .left-header .left-menu-header ul.header-left li ul.onhover-show-div li.flyout-right ul li.flyout-right ul{
    background-color:#10101c
}
body.dark-only .left-header .left-menu-header ul.header-left li ul.onhover-show-div li.flyout-right ul li.flyout-right ul li:hover a{
    color:#eeb82f
}
body.dark-only .left-header .left-menu-header ul.header-left li ul.onhover-show-div li.flyout-right ul li.flyout-right ul li a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .left-header .left-menu-header ul.header-left li ul.onhover-show-div li.flyout-right ul li:hover a{
    color:#eeb82f
}
body.dark-only .left-header .left-menu-header ul.header-left li ul.onhover-show-div li.flyout-right ul li a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .left-header .left-menu-header ul.header-left li ul.onhover-show-div li:hover a{
    color:#eeb82f
}
body.dark-only .left-header .left-menu-header ul.header-left li ul.onhover-show-div li a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .basic-card .border-card,body.dark-only .basic-card .border-bottom-light{
    border-bottom:1px solid #323347
}
body.dark-only .tabbed-cardpage .card .card-body .border-tab.nav-tabs{
    border-bottom:unset !important
}
body.dark-only .serchinput .search-form input{
    background-color:#10101c;
    border:1px solid #171829;
    color:rgba(255,255,255,0.8)
}
body.dark-only .dashboard-default .todo-timeline .d-flex .flex-grow-1 .todo-font{
    color:rgba(255,255,255,0.8)
}
body.dark-only .dashboard-default .card-header .d-flex .badge-group .badge{
    background-color:rgba(92,97,242,0.3)
}
body.dark-only .dashboard-default .profile-greeting .d-sm-flex .badge-group .badge.badge-light-primary{
    background-color:rgba(92,97,242,0.3)
}
body.dark-only .dashboard-default .user-chat .card-body .input-group .form-control{
    background-color:rgba(0,0,0,0);
    border-left:1px solid #323347 !important;
    border:0
}
body.dark-only .dashboard-default .user-chat .chat-box .right-chat .message-main p{
    background-color:#10101c
}
body.dark-only .dashboard-default .onhover-show-div ul li{
    background-color:#10101c
}
body.dark-only .dashboard-default .onhover-show-div ul li:hover a{
    color:#5c61f2
}
body.dark-only .dashboard-default .onhover-show-div ul li a{
    color:#98a6ad
}
body.dark-only .dashboard-default .total-growth .card-body .growth-chart .apexcharts-point-annotations rect{
    fill:rgba(0,0,0,0)
}
body.dark-only .dashboard-default .appointment-detail .card-body .table tr:hover td{
    color:#5c61f2 !important
}
body.dark-only .dashboard-default .appointment-detail .card-body .table tr:hover td:first-child span{
    color:rgba(255,255,255,0.8)
}
body.dark-only .dashboard-default .appointment-detail .card-body .table tr:hover td:first-child p{
    color:#5c61f2
}
body.dark-only .dashboard-default .appointment-detail .card-body .table tr td .d-flex .active-status{
    border:2px solid #171829
}
body.dark-only .dashboard-default .appointment-detail .card-body .table tr td .d-flex p{
    color:#98a6ad
}
body.dark-only .dashboard-default .our-earning .card-footer ul li+li::before{
    background-color:#323347
}
body.dark-only .dashboard-default .our-user .card-body ul li+li::before{
    background-color:#fff
}
body.dark-only .dashboard-default .total-investment .progress .progress-colors{
    background-color:rgba(50,51,71,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-body .alert hr{
    border-top-color:#323347 !important;
    border-top:unset
}
body.dark-only .page-wrapper .page-body-wrapper .table-inverse tbody tr th,body.dark-only .page-wrapper .page-body-wrapper .table-inverse tbody tr td{
    border-bottom:1px solid #f4f4f4 !important
}
body.dark-only .page-wrapper .page-body-wrapper .table-inverse tbody tr:nth-of-type(odd):hover td{
    color:rgba(255,255,255,0.8)
}
body.dark-only .dashboard-2 .activity-timeline .d-flex .flex-grow-1 ul.img-wrapper li{
    background-color:#10101c
}
body.dark-only .dashboard-2 .order-card .card-body table tr:hover td{
    color:#5c61f2 !important
}
body.dark-only .dashboard-2 .order-card .card-body table tr:hover td:first-child .number-dot{
    background-color:rgba(92,97,242,0.1)
}
body.dark-only .dashboard-2 .order-card .card-body table tr:hover td:first-child .flex-grow-1 span{
    color:rgba(255,255,255,0.8)
}
body.dark-only .dashboard-2 .order-card .card-body table tr td:first-child .number-dot{
    background-color:#10101c
}
body.dark-only .dashboard-2 .static-card .card-footer ul.d-xxl-flex li .flex-grow-1 p{
    color:#98a6ad
}
body.dark-only .dashboard-2 .goal-view .card-footer ul li+li::before{
    background-color:#fff
}
body.dark-only .dashboard-2 .best-seller .card-body table tr:hover td{
    color:#5c61f2 !important
}
body.dark-only .dashboard-2 .best-seller .card-body table tr:hover td:first-child .flex-grow-1 span{
    color:rgba(255,255,255,0.8)
}
body.dark-only .dashboard-2 .best-seller .card-body table tr:hover td:first-child .flex-grow-1 p{
    color:#5c61f2
}
body.dark-only .dashboard-2 .best-seller .card-body table tr:hover td:last-child span{
    background-color:rgba(92,97,242,0.1)
}
body.dark-only .dashboard-2 .best-seller .card-body table tr td:last-child span{
    background-color:#10101c
}
body.dark-only .dashboard-2 .product .card-body .table tr:hover td:last-child{
    color:#5c61f2
}
body.dark-only .dashboard-2 .product .card-body .table tr td .d-flex span a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .dashboard-2 .product .card-body .table tr td .d-flex p{
    color:rgba(255,255,255,0.8)
}
body.dark-only .dashboard-2 .card-body .d-flex .flex-grow-1 p{
    color:rgba(255,255,255,0.8)
}
body.dark-only .activity-timeline .d-flex .activity-line{
    background-color:rgba(255,255,255,0.2)
}
body.dark-only .activity-timeline .d-flex .flex-grow-1 p{
    color:rgba(255,255,255,0.8)
}
body.dark-only [class*="activity-dot-"]{
    background-color:#171829
}
body.dark-only #auto-generate-content_wrapper.dataTables_wrapper button{
    background-color:#171829
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .mega-inline.plain-style .card{
    border:none !important
}
body.dark-only .animation-modal .card-body .modal button.btn-close{
    background-color:#fff !important
}
body.dark-only .user-profile .follow span{
    color:#98a6ad
}
body.dark-only .user-profile .follow ul.follow-list{
    border-top:1px solid #323347
}
body.dark-only .user-profile .follow ul.follow-list li:nth-child(n+2){
    border-left:1px solid #323347
}
body.dark-only .user-profile .follow .follow-num{
    color:rgba(255,255,255,0.8)
}
body.dark-only .user-profile .profile-header .userpro-box{
    background-color:#171829
}
body.dark-only .user-profile .profile-header .userpro-box .icon-wrapper{
    background-color:#10101c
}
body.dark-only .user-profile .profile-header .userpro-box h4{
    color:rgba(255,255,255,0.8)
}
body.dark-only .user-profile .profile-header .userpro-box h6{
    color:#98a6ad
}
body.dark-only .page-header .header-wrapper .nav-right .chat-dropdown li:last-child,body.dark-only .page-header .header-wrapper .nav-right .profile-dropdown li:last-child{
    border-top:1px solid #323347 !important
}
body.dark-only .alert-primary{
    background-color:rgba(92,97,242,0.8) !important;
    border-color:rgba(92,97,242,0.9) !important;
    color:#fff
}
body.dark-only .alert-primary .progress{
    height:5px;
    background-color:#575cf2;
    border-radius:0
}
body.dark-only .alert-primary .progress-bar{
    background-color:#fff
}
body.dark-only .alert-primary.inverse{
    background-color:rgba(0,0,0,0) !important
}
body.dark-only .alert-primary.inverse .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
body.dark-only .alert-primary.outline .btn-close,body.dark-only .alert-primary.outline-2x .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
body.dark-only .dismiss-text .alert-dismissible .btn-close{
    -webkit-filter:unset;
    filter:unset
}
body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light{
    color:#2b2b2b !important
}
body.dark-only .alert-secondary{
    background-color:rgba(238,184,47,0.8) !important;
    border-color:rgba(238,184,47,0.9) !important;
    color:#fff
}
body.dark-only .alert-secondary .progress{
    height:5px;
    background-color:#eeb62a;
    border-radius:0
}
body.dark-only .alert-secondary .progress-bar{
    background-color:#fff
}
body.dark-only .alert-secondary.inverse{
    background-color:rgba(0,0,0,0) !important
}
body.dark-only .alert-secondary.inverse .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
body.dark-only .alert-secondary.outline .btn-close,body.dark-only .alert-secondary.outline-2x .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
body.dark-only .dismiss-text .alert-dismissible .btn-close{
    -webkit-filter:unset;
    filter:unset
}
body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light{
    color:#2b2b2b !important
}
body.dark-only .alert-success{
    background-color:rgba(97,174,65,0.8) !important;
    border-color:rgba(97,174,65,0.9) !important;
    color:#fff
}
body.dark-only .alert-success .progress{
    height:5px;
    background-color:#5faa40;
    border-radius:0
}
body.dark-only .alert-success .progress-bar{
    background-color:#f5fbf3
}
body.dark-only .alert-success.inverse{
    background-color:rgba(0,0,0,0) !important
}
body.dark-only .alert-success.inverse .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
body.dark-only .alert-success.outline .btn-close,body.dark-only .alert-success.outline-2x .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
body.dark-only .dismiss-text .alert-dismissible .btn-close{
    -webkit-filter:unset;
    filter:unset
}
body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light{
    color:#2b2b2b !important
}
body.dark-only .alert-danger{
    background-color:rgba(248,31,88,0.8) !important;
    border-color:rgba(248,31,88,0.9) !important;
    color:#fff
}
body.dark-only .alert-danger .progress{
    height:5px;
    background-color:#f81a54;
    border-radius:0
}
body.dark-only .alert-danger .progress-bar{
    background-color:#fff
}
body.dark-only .alert-danger.inverse{
    background-color:rgba(0,0,0,0) !important
}
body.dark-only .alert-danger.inverse .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
body.dark-only .alert-danger.outline .btn-close,body.dark-only .alert-danger.outline-2x .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
body.dark-only .dismiss-text .alert-dismissible .btn-close{
    -webkit-filter:unset;
    filter:unset
}
body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light{
    color:#2b2b2b !important
}
body.dark-only .alert-warning{
    background-color:rgba(230,174,48,0.8) !important;
    border-color:rgba(230,174,48,0.9) !important;
    color:#fff
}
body.dark-only .alert-warning .progress{
    height:5px;
    background-color:#e5ac2b;
    border-radius:0
}
body.dark-only .alert-warning .progress-bar{
    background-color:#fff
}
body.dark-only .alert-warning.inverse{
    background-color:rgba(0,0,0,0) !important
}
body.dark-only .alert-warning.inverse .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
body.dark-only .alert-warning.outline .btn-close,body.dark-only .alert-warning.outline-2x .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
body.dark-only .dismiss-text .alert-dismissible .btn-close{
    -webkit-filter:unset;
    filter:unset
}
body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light{
    color:#2b2b2b !important
}
body.dark-only .alert-info{
    background-color:rgba(79,170,213,0.8) !important;
    border-color:rgba(79,170,213,0.9) !important;
    color:#fff
}
body.dark-only .alert-info .progress{
    height:5px;
    background-color:#4ba8d4;
    border-radius:0
}
body.dark-only .alert-info .progress-bar{
    background-color:#fff
}
body.dark-only .alert-info.inverse{
    background-color:rgba(0,0,0,0) !important
}
body.dark-only .alert-info.inverse .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
body.dark-only .alert-info.outline .btn-close,body.dark-only .alert-info.outline-2x .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
body.dark-only .dismiss-text .alert-dismissible .btn-close{
    -webkit-filter:unset;
    filter:unset
}
body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light{
    color:#2b2b2b !important
}
body.dark-only .alert-light{
    background-color:rgba(244,244,244,0.8) !important;
    border-color:rgba(244,244,244,0.9) !important;
    color:#fff
}
body.dark-only .alert-light .progress{
    height:5px;
    background-color:#f1f1f1;
    border-radius:0
}
body.dark-only .alert-light .progress-bar{
    background-color:#fff
}
body.dark-only .alert-light.inverse{
    background-color:rgba(0,0,0,0) !important
}
body.dark-only .alert-light.inverse .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
body.dark-only .alert-light.outline .btn-close,body.dark-only .alert-light.outline-2x .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
body.dark-only .dismiss-text .alert-dismissible .btn-close{
    -webkit-filter:unset;
    filter:unset
}
body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light{
    color:#2b2b2b !important
}
body.dark-only .alert-dark{
    background-color:rgba(44,50,63,0.8) !important;
    border-color:rgba(44,50,63,0.9) !important;
    color:#fff
}
body.dark-only .alert-dark .progress{
    height:5px;
    background-color:#2a303c;
    border-radius:0
}
body.dark-only .alert-dark .progress-bar{
    background-color:#a8b0c2
}
body.dark-only .alert-dark.inverse{
    background-color:rgba(0,0,0,0) !important
}
body.dark-only .alert-dark.inverse .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
body.dark-only .alert-dark.outline .btn-close,body.dark-only .alert-dark.outline-2x .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
body.dark-only .dismiss-text .alert-dismissible .btn-close{
    -webkit-filter:unset;
    filter:unset
}
body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light{
    color:#2b2b2b !important
}
body.dark-only .options>div{
    border:1px solid #323347
}
body.dark-only .was-validated .custom-control-input:invalid ~ .custom-control-label::before{
    background-color:#10101c
}
body.dark-only .pricing-simple{
    -webkit-box-shadow:1px 1px 2px 1px #10101c !important;
    box-shadow:1px 1px 2px 1px #10101c !important
}
body.dark-only .pricing-block{
    -webkit-box-shadow:0 0 10px 5px rgba(92,97,242,0.05) !important;
    box-shadow:0 0 10px 5px rgba(92,97,242,0.05) !important
}
body.dark-only .search-page ul.search-info li+li{
    border-left:1px solid #10101c;
    border-color:#323347
}
body.dark-only .browse .browse-articles ul li h5{
    color:#98a6ad
}
body.dark-only .browse .browse-articles h6{
    border-bottom:1px solid #323347;
    color:rgba(255,255,255,0.8)
}
body.dark-only .job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here{
    border:1px solid #10101c
}
body.dark-only .browse .browse-articles{
    background-color:#171829
}
body.dark-only .calendar-wrap .fc-unthemed td,body.dark-only .calendar-wrap .fc-unthemed th{
    border-color:#10101c
}
body.dark-only .mega-inline .card,body.dark-only .mega-horizontal .card,body.dark-only .mega-vertical .card{
    -webkit-box-shadow:1px 1px 7px 0 rgba(50,51,71,0.5) !important;
    box-shadow:1px 1px 7px 0 rgba(50,51,71,0.5) !important
}
body.dark-only .mega-inline.plain-style .card,body.dark-only .mega-inline.border-style .card,body.dark-only .mega-inline.offer-style .card,body.dark-only .mega-horizontal.plain-style .card,body.dark-only .mega-horizontal.border-style .card,body.dark-only .mega-horizontal.offer-style .card,body.dark-only .mega-vertical.plain-style .card,body.dark-only .mega-vertical.border-style .card,body.dark-only .mega-vertical.offer-style .card{
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
body.dark-only .mega-inline.border-style .card,body.dark-only .mega-horizontal.border-style .card,body.dark-only .mega-vertical.border-style .card{
    border:1px solid #323347 !important
}
body.dark-only .mega-inline.offer-style .card,body.dark-only .mega-horizontal.offer-style .card,body.dark-only .mega-vertical.offer-style .card{
    border:1px dashed #323347 !important
}
body.dark-only .setting-dot .setting-bg{
    background-color:var(--theme-secondary)
}
body.dark-only .bookmark.pull-right{
    border:none
}
body.dark-only .onhover-dropdown:hover .onhover-show-div::before{
    border-bottom:7px solid #10101c
}
body.dark-only .popover{
    background-color:#10101c
}
body.dark-only .popover.bs-popover-bottom .popover-arrow:after{
    border-bottom-color:#10101c;
    border-right-color:rgba(0,0,0,0)
}
body.dark-only .popover.bs-popover-top .popover-arrow:after{
    border-right-color:rgba(0,0,0,0);
    border-top-color:#10101c
}
body.dark-only .popover.bs-popover-start .popover-arrow:after{
    border-left-color:#10101c
}
body.dark-only .popover .popover-header{
    background-color:rgba(92,97,242,0.1)
}
body.dark-only .popover .popover-arrow:after{
    border-right-color:#10101c
}
body.dark-only .popover .popover-body{
    color:rgba(255,255,255,0.6)
}
body.dark-only .popover code{
    background-color:unset
}
body.dark-only .apex-chart-container .apexcharts-legend .apexcharts-legend-series span{
    color:rgba(255,255,255,0.8) !important
}
body.dark-only .apexcharts-canvas svg .apexcharts-title-text{
    fill:#fff
}
body.dark-only .apexcharts-canvas svg .apexcharts-subtitle-text{
    fill:#fff
}
body.dark-only .apexcharts-canvas svg .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label{
    fill:#fff
}
body.dark-only .apexcharts-canvas svg .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-xaxis-label{
    fill:#fff
}
body.dark-only .apexcharts-canvas svg .apexcharts-legend-series span{
    color:rgba(255,255,255,0.8) !important
}
body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-label{
    fill:#fff
}
body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-value{
    fill:#fff
}
body.dark-only .Typeahead-menu{
    background-color:#10101c
}
body.dark-only .ecommerce-widget{
    border:1px solid #10101c
}
body.dark-only .bookmark ul li .search-form .form-control-search input{
    background-color:#10101c;
    border:1px solid #10101c;
    color:rgba(255,255,255,0.8)
}
body.dark-only .bookmark ul li .search-form .form-control-search:before{
    background:#10101c
}
body.dark-only .order-history table thead tr th{
    color:#5c61f2 !important
}
body.dark-only .cart .qty-box .input-group .btn{
    background-color:#2e3648 !important;
    border-color:#323347 !important
}
body.dark-only .checkout .checkout-details{
    background-color:#10101c;
    border:1px solid #10101c;
    padding:40px
}
body.dark-only .checkout .checkout-details .animate-chk .radio_animated:after{
    border:2px solid #171829
}
body.dark-only .order-box .title-box{
    color:#bfc2c6;
    border-bottom:1px solid #10101c
}
body.dark-only .order-box .qty{
    border-bottom:1px solid #10101c
}
body.dark-only .order-box .qty li{
    color:#bfc2c6
}
body.dark-only .order-box .qty li span{
    color:#bfc2c6
}
body.dark-only .order-box .sub-total li{
    color:#bfc2c6
}
body.dark-only .order-box .sub-total .shipping-class{
    border-color:#323347
}
body.dark-only .order-box .total li{
    color:#bfc2c6
}
body.dark-only .shopping-checkout-option .checkbox_animated:after{
    border:2px solid #171829
}
body.dark-only .animate-chk .radio_animated:after{
    border:2px solid #10101c
}
body.dark-only .custom-scrollbar::-webkit-scrollbar-thumb{
    background-color:rgba(41,50,64,0.52)
}
body.dark-only .product-box .product-img .product-hover ul li .btn{
    color:#98a6ad
}
body.dark-only .product-box .product-img .product-hover ul li:hover .btn{
    color:#fff
}
body.dark-only .radio_animated:after,body.dark-only .checkbox_animated:after{
    background:#10101c;
    border:2px solid #10101c
}
body.dark-only .slider-product{
    border-top:1px solid #10101c;
    border-bottom:1px solid #10101c
}
body.dark-only .square-product-setting .icon-grid{
    background-color:#171829
}
body.dark-only .square-product-setting .icon-grid svg{
    color:rgba(255,255,255,0.8)
}
body.dark-only .flot-chart-container .legend .table tbody{
    background-color:#171829;
    color:#fff
}
body.dark-only .flot-chart-container .legend .table tbody .legendLabel{
    padding-left:5px
}
body.dark-only .nav-dark .nav-link,body.dark-only .nav-pills.nav-dark .nav-link{
    color:#fff
}
body.dark-only .loader-wrapper{
    background-color:#10101c
}
body.dark-only .loader-wrapper .loader{
    background-color:#10101c !important
}
body.dark-only .page-wrapper .page-header .translate_wrapper.active .more_lang{
    background-color:#10101c
}
body.dark-only .page-wrapper .page-header form{
    background-color:#10101c
}
body.dark-only .page-wrapper .page-header .header-wrapper{
    background-color:#171829;
    border-color:#323347
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right>ul>li svg{
    stroke:#fff
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right.right-header>ul>li .profile-media .flex-grow-1 p{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .d-flex .flex-grow-1 .txt-dark{
    color:rgba(255,255,255,0.8) !important
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div{
    background-color:#10101c;
    -webkit-box-shadow:0 0 14px #10101c;
    box-shadow:0 0 14px #10101c
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div li{
    border-color:#323347
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div p{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:before{
    border-bottom:7px solid #10101c
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:after{
    border-bottom:7px solid #10101c
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li span{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div .bg-light{
    background-color:#282e38 !important;
    color:rgba(255,255,255,0.8) !important
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg path,body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg line,body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg circle{
    color:rgba(255,255,255,0.8) !important
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover{
    color:var(--theme-deafult)
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg line,body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg path,body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg circle{
    color:var(--theme-deafult) !important
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right>ul>li .d-flex .flex-grow-1 .txt-dark{
    color:rgba(255,255,255,0.8) !important
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right>ul>li .onhover-show-div{
    background-color:#10101c;
    -webkit-box-shadow:0 0 2px 2px #171829;
    box-shadow:0 0 2px 2px #171829
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right>ul>li .onhover-show-div:before{
    border-bottom:7px solid #10101c
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right>ul>li .onhover-show-div:after{
    border-bottom:7px solid #10101c
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right>ul>li .notification-dropdown.onhover-show-div li{
    border-color:#323347
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right>ul>li .notification-dropdown.onhover-show-div li span{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .chat-dropdown li{
    color:#fff;
    border-color:#171829
}
body.dark-only .page-wrapper .page-header .header-wrapper .left-header ul li .search-form input::-webkit-input-placeholder{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-header .header-wrapper .left-header ul li .search-form input::-moz-placeholder{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-header .header-wrapper .left-header ul li .search-form input:-ms-input-placeholder{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-header .header-wrapper .left-header ul li .search-form input::-ms-input-placeholder{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-header .header-wrapper .left-header ul li .search-form input::placeholder{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-header .header-logo-wrapper{
    background-color:#171829
}
body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-dark{
    display:none
}
body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-light{
    display:block
}
body.dark-only .page-wrapper .left-header .left-menu-header ul.header-left li span{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td p{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .header-small{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .statistics p{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .flex-grow-1 p,body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .professor-block p,body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .flex-grow-1 p,body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .professor-block p{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .logs-element span+span{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-block .progress-title span+span{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .ecommerce-icons div span{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .new-users .d-flex .flex-grow-1 p,body.dark-only .page-wrapper .page-body-wrapper .page-body .recent-notification .d-flex .flex-grow-1 p{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .d-flex .flex-grow-1 span{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .progress-change span{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td{
    border-top:none !important;
    border-bottom:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr:last-child td{
    border-bottom:none
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .notifiaction-media .d-flex .flex-grow-1 .circle-left{
    border:5px solid #334154
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner{
    border-bottom:1px solid #10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner:last-child{
    border-bottom:none
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table table tbody tr td{
    border-top:none !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .number-widgets .d-flex .flex-grow-1 h6{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .d-flex .flex-grow-1 h6 span{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card.custom-card .card-header{
    border-bottom:none !important
}
body.dark-only .page-wrapper .page-body-wrapper .custom-card .card-header img{
    background-color:#000;
    opacity:0.8
}
body.dark-only .page-wrapper .page-body-wrapper .custom-card .profile-details h4{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .custom-card .profile-details h4 a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-title .row h3 small{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb li{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb-item.active{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body{
    background-color:#10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card:not(.email-body){
    border:none
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body){
    background-color:#171829;
    border:1px solid #323347 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg>rect{
    fill:#171829
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg>g text{
    fill:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg>g>rect{
    fill:#171829
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg>g>text{
    fill:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header{
    background-color:rgba(0,0,0,0)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header>span{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h1,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h2,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h3,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h4,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h5,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h6{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right{
    background-color:#171829
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i.fa-cog{
    color:var(--theme-deafult)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark a{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline-2x,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.inverse{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #animation-box .animate-widget p{
    color:#98a6ad !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .grid-item img{
    background-color:#171829;
    border:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .line{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) thead,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tbody,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tfoot,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tr,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) th{
    border-color:#323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table td{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead th{
    border-bottom:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead .border-bottom-primary th{
    border-bottom:1px solid var(--theme-deafult)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger td{
    color:#171829
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-primary,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-secondary,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-success,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-info,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-warning,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-danger{
    color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-light{
    color:#000
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .thead-light th{
    color:#000
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary td{
    border-bottom:1px solid var(--theme-deafult)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*="bg-"] th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*="bg-"] td{
    color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd){
    --bs-table-accent-bg: rgba(0, 0, 0, 0.05)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover td{
    color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-double,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dotted,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dashed{
    border-left-color:#323347;
    border-right-color:#323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered{
    border-color:#323347 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered th{
    border-color:#323347 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-inverse tbody tr:nth-of-type(odd):hover td{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical tr,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical td{
    border-right:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody td{
    color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-footer{
    background-color:#171829;
    border-top:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch .switch-state{
    background-color:#10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch input:checked+.switch-state{
    background-color:var(--theme-deafult)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bg-white{
    background-color:#fff !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-l-light{
    border-left:1px solid #10101c !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-grid{
    stroke:#10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-label{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) hr{
    border-top:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .text-muted{
    color:rgba(255,255,255,0.6) !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .calender-widget .cal-date{
    background-color:#171829;
    border:1px solid #10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .contact-form .theme-form{
    border:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .contact-form .theme-form .form-icon{
    background-color:#171829;
    border:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-dark,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light-2x{
    color:#fff !important;
    border:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light:hover{
    color:#000 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right{
    border-right:1px solid #323347 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder .flot-text{
    color:rgba(255,255,255,0.8) !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder svg text{
    fill:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#gantt_chart svg g rect:first-child{
    fill:#10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#gantt_chart rect:nth-child(6){
    fill:#10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#line-chart rect,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#column-chart1 rect,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#column-chart2 rect{
    fill:#171829
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg>rect{
    fill:#171829
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg>g>g>g text{
    fill:#b1b1b2
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg>g>text{
    fill:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num .color-bottom{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light{
    border-left:1px solid #323347 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-labels .ct-label,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-labels .ct-label,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-labels .ct-label,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-labels .ct-label{
    color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-grid,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-grid,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-grid,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-grid{
    stroke:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #browser-uses-chart svg text,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #website-visiter-chart svg text{
    fill:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 span{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details span{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .clipboaard-container .form-control{
    background-color:#10101c;
    color:#98a6ad;
    border:1px solid #10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .img-thumbnail{
    background-color:#10101c;
    border:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper td.highlight{
    background-color:#171829 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper button{
    color:#000
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper.no-footer .dataTables_scrollBody{
    border-bottom:1px solid #10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-danger,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-success,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-primary{
    color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length select{
    background-color:#10101c;
    color:rgba(255,255,255,0.8);
    border:1px solid #10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length select:focus{
    outline:none
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_info,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_processing,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate{
    border:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter input[type="search"]{
    background-color:#10101c;
    border:1px solid #10101c;
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter input[type="search"]:focus{
    border-color:#323347;
    outline:none
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr{
    background-color:#171829
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover>.sorting_1,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr:hover>.sorting_1{
    background-color:#1c212b
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd>.sorting_1,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{
    background-color:#1c212b
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even>.sorting_1,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.even>.sorting_1{
    background-color:#22262f
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable{
    border:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead td{
    border-bottom:2px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable input,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable select{
    background-color:#10101c;
    color:rgba(255,255,255,0.8);
    border:1px solid #10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody tr{
    background-color:#171829
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody td.select-checkbox:before,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody th.select-checkbox:before{
    border:1px solid #98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .table-striped tbody tr:nth-of-type(odd){
    --bs-table-accent-bg: #1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button{
    color:rgba(255,255,255,0.8) !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.current,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button:active{
    border-color:var(--theme-deafult)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
    color:#98a6ad !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled :active{
    color:#98a6ad !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody td{
    border-top:1px solid #10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even:hover>.sorting_1,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.hover tbody tr.even:hover>.sorting_1{
    background-color:#191e27
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td{
    border-top:1px solid #10101c;
    border-right:1px solid #10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th:first-child,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td:first-child{
    border-left:1px solid #10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr>.sorting_1,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr>.sorting_2,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr>.sorting_3,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr>.sorting_1,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr>.sorting_2,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr>.sorting_3{
    background-color:#10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #example-style-3_wrapper #example-style-3 tfoot{
    border-top:2px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link{
    border:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.disabled .page-link{
    background-color:#171829;
    border-color:#10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link{
    color:rgba(255,255,255,0.8);
    background-color:#171829
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item:hover .page-link{
    background-color:#10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.active .page-link{
    background-color:#10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .icon{
    color:#10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num span{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget span{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-container-small{
    background-color:#171829;
    border-top:1px solid #10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td span,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td p{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table h6{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs{
    border-bottom:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-item .nav-link{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link.active,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:focus,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:hover{
    color:var(--theme-deafult)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a{
    background-color:#10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-active,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-selected,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-active,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-selected,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-active,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-selected,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-active,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-selected,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-active,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-selected{
    background-color:var(--theme-deafult)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a{
    border:2px solid #10101c;
    background-color:#171829;
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-active,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-selected{
    border:2px solid var(--theme-deafult);
    color:var(--theme-deafult)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-selected:after,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-active:after,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-selected:after,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-active:after{
    color:var(--theme-deafult)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .scroll-demo{
    border:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form input{
    border:1px solid #10101c;
    color:rgba(255,255,255,0.8);
    background-color:#10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form .form-group:before{
    background:#171829
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-content{
    background-color:#10101c;
    border-color:#323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-content::before{
    border-left:7px solid #10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(even) .cd-timeline-content::before{
    border-right-color:#10101c;
    border-left:rgba(0,0,0,0)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .breadcrumb.bg-white{
    background-color:#171829 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .user-status table td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .user-status table th{
    border-top:none !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris-daily svg,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris svg,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #browser-uses-chart svg,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #website-visiter-chart svg{
    opacity:0.5
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .wizard-4 ul.anchor li a.disabled{
    color:#10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description h4{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description a>div{
    border:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description p{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-header{
    background-color:#171829;
    border:1px solid #10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row>.jsgrid-header-cell,body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row>.jsgrid-cell,body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row>.jsgrid-header-cell,body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row>.jsgrid-cell{
    background:#171829;
    border:1px solid #10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row>.jsgrid-header-cell input,body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row>.jsgrid-cell input,body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row>.jsgrid-header-cell input,body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row>.jsgrid-cell input{
    background-color:#10101c;
    border-color:#10101c;
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row>.jsgrid-header-cell input:focus,body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row>.jsgrid-cell input:focus,body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row>.jsgrid-header-cell input:focus,body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row>.jsgrid-cell input:focus{
    outline:none
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row select,body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row select{
    background-color:#10101c;
    border-color:#10101c;
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-row>.jsgrid-cell{
    background-color:#171829
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-alt-row>.jsgrid-cell{
    background-color:#10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-cell,body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-body{
    border:1px solid #10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-selected-row>.jsgrid-cell{
    background-color:#1c212b
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager [class*="jsgrid-pager"]{
    border:1px solid #10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager .jsgrid-pager-page a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-pager-current-page{
    color:rgba(255,255,255,0.8);
    font-weight:700
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .sub-title{
    border-bottom:1px solid rgba(255,255,255,0.1)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a:hover{
    color:var(--theme-deafult)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon .separator{
    border-bottom:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according li .text-muted{
    color:rgba(255,255,255,0.8) !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon.default-according.style-1 li button:hover{
    color:var(--theme-deafult) !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover{
    color:var(--theme-deafult)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover a{
    color:var(--theme-deafult)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div{
    background-color:#10101c;
    -webkit-box-shadow:0 0 14px 0 #10101c;
    box-shadow:0 0 14px 0 #10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li p{
    color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg path,body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg line,body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polyline,body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polygon,body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg rect{
    color:rgba(255,255,255,0.8) !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg path,body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg line,body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polyline,body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polygon,body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg rect{
    color:var(--theme-deafult) !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .onhover-dropdown:hover .onhover-show-div:before{
    border-bottom:7px solid #10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .btn-link{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body{
    border:1px solid #323347;
    border-top:none
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border{
    border:1px solid #323347 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-date{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details .blog-social li,body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-main .blog-social li{
    color:#98a6ad;
    border-color:#323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details .blog-social li:last-child,body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-main .blog-social li:last-child{
    border-right:none
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details p,body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-main p{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details .single-blog-content-top,body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-main .single-blog-content-top{
    border-top:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details .single-blog-content-top p,body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-main .single-blog-content-top p{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-second h6{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-second .detail-footer{
    border-color:#323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-second .detail-footer ul.sociyal-list li:nth-child(n+2){
    border-color:#323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .comment-box h4{
    border-color:#323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .comment-box .d-flex h6 span{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .comment-box .d-flex img{
    border:1px solid #10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .comment-box p{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .comment-box .comment-social li{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .comment-box hr{
    border-top:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .add-post #cke_text-box{
    border-color:#323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-list .blog-details h6{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .table-hover>tbody>tr:hover{
    --bs-table-accent-bg: #1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .table-hover>tbody>tr:hover td,body.dark-only .page-wrapper .page-body-wrapper .page-body .table-hover>tbody>tr:hover th{
    color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .job-search .job-description{
    border-color:#323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .job-search .job-description .theme-form{
    border-color:#323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body ul.the-icons li{
    border:1px dotted #323347;
    color:rgba(255,255,255,0.6);
    display:inline-block;
    padding:10px
}
body.dark-only .page-wrapper .page-body-wrapper .page-body ul.the-icons li:hover{
    background:#000;
    -webkit-box-shadow:0 0 3px #171829;
    box-shadow:0 0 3px #171829
}
body.dark-only .page-wrapper .page-body-wrapper .page-body ul.the-icons li em{
    display:none
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .crm-activity>li+li{
    border-top:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .crm-activity>li h6{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .crm-activity ul.dates li{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body #donut-color-chart-morris svg text,body.dark-only .page-wrapper .page-body-wrapper .page-body #donut-color-chart-morris-daily svg text{
    fill:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .custom-card .card-profile img{
    background-color:#171829
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .custom-card .profile-details h6{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .custom-card .card-footer>div h6{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .custom-card .card-footer>div+div{
    border-left:1px solid #323846
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .form-control{
    background-color:#10101c;
    color:rgba(255,255,255,0.5);
    border:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .checkbox label::before,body.dark-only .page-wrapper .page-body-wrapper .page-body .radio label::before{
    background-color:#10101c;
    border:1px solid #10101c;
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-basic .dropdown .dropdown-content{
    background-color:#10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-basic .dropdown .dropdown-content a{
    color:rgba(255,255,255,0.8);
    background-color:rgba(0,0,0,0);
    border-color:#171829
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-basic .dropdown .dropdown-content a:hover{
    background-color:#171829
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-basic .dropdown .dropdown-content .dropdown-header{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-basic .dropdown .dropdown-content .dropdown-divider{
    border:1px solid #10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropup-basic .dropup .dropup-content{
    background-color:#10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropup-basic .dropup .dropup-content a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropup-basic .dropup .dropup-content a:hover,body.dark-only .page-wrapper .page-body-wrapper .page-body .dropup-basic .dropup .dropup-content a.active{
    background-color:#171829
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropzone.dz-clickable .dz-message h6{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropzone.dz-clickable .dz-message span{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropzone .dz-preview{
    background-color:#10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropzone .dz-preview .dz-details{
    background-color:#171829
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .browser-widget .flex-grow-1{
    -webkit-column-rule:1px solid #323347;
    -moz-column-rule:1px solid #323347;
    column-rule:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .browser-widget .flex-grow-1 h4{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .browser-widget .flex-grow-1 h4 span{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .browser-widget .flex-grow-1 span{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-app-sidebar .d-flex img{
    border:2px solid #10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-app-sidebar .main-menu>li a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-app-sidebar .main-menu>li a:hover a{
    color:#5c61f2
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-app-sidebar ul li a>.title{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-app-sidebar ul li a:hover>.title{
    color:#5c61f2
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-right-aside .email-body .row .col-xl-4{
    border-right:1px solid rgba(0,0,0,0.1)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-right-aside .email-body .inbox .d-flex.active{
    background-color:#10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .flex-grow-1 h6 small{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .flex-grow-1 h6 small span{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .flex-grow-1 p{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-top{
    border-bottom:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap p{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-content .email-top .user-emailid:after{
    border:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .cke_wysiwyg_frame,body.dark-only .page-wrapper .page-body-wrapper .page-body .cke_wysiwyg_div{
    background-color:#10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-menu{
    background-color:#10101c;
    border:1px solid #171829
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-menu a{
    color:rgba(255,255,255,0.8);
    background:rgba(0,0,0,0);
    border-top-color:#171829
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-menu a:hover{
    background-color:#171829
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .icon-lists div i{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .icon-lists div:hover{
    background-color:#10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .icon-lists div:hover i{
    color:#5c61f2
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .social-widget-card h5,body.dark-only .page-wrapper .page-body-wrapper .page-body .social-widget-card h4{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .social-widget-card .card-footer .row .col:nth-child(n+2){
    border-color:#323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-light{
    border-bottom:1px solid #323347 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-dark{
    border-right:1px solid #fff !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .testimonial i{
    color:#10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .testimonial p{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .testimonial h5{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .testimonial span{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .grid-showcase span{
    border:1px solid #323347
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .grid-align .row{
    background-color:#10101c;
    border:1px solid #10101c
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .typo-graphy code{
    color:#fff !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .typo-graphy .txt-dark{
    color:rgba(255,255,255,0.8) !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-page code{
    color:#fff !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card-absolute .bg-primary h5,body.dark-only .page-wrapper .page-body-wrapper .page-body .card-absolute .bg-secondary h5{
    color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .footer{
    border-top:1px solid #10101c;
    background-color:#171829
}
body.dark-only .page-wrapper .page-body-wrapper .footer p{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .custom-select{
    background:#10101c;
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .page-body-wrapper .footer-fix{
    background-color:#171829;
    border-top:1px solid #10101c
}
body.dark-only .page-wrapper .note textarea{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .dt-button-info{
    background-color:#171829;
    border:1px solid #98a6ad
}
body.dark-only .page-wrapper .dt-button-info h2{
    background-color:#171829
}
body.dark-only .page-wrapper .chat-box .people-list .search .input-group{
    border-color:#323347
}
body.dark-only .page-wrapper .chat-box .about .name{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .chat-box .chat-menu{
    border-left:1px solid #323347
}
body.dark-only .page-wrapper .chat-box .chat-menu .nav-tabs{
    border-bottom:1px solid #323347
}
body.dark-only .page-wrapper .chat-box .chat-menu .user-profile .image .icon-wrapper{
    background-color:#171829;
    -webkit-box-shadow:1px 1px 3px 1px #10101c;
    box-shadow:1px 1px 3px 1px #10101c
}
body.dark-only .page-wrapper .chat-box .chat-menu .user-profile .image .avatar img{
    border:5px solid #10101c
}
body.dark-only .page-wrapper .chat-box .chat-menu .user-profile .social-media a{
    color:#98a6ad
}
body.dark-only .page-wrapper .chat-box .chat-menu .user-profile .follow span{
    color:#98a6ad
}
body.dark-only .page-wrapper .chat-box .chat-menu .user-profile .follow .follow-num{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .chat-box .status{
    color:#98a6ad
}
body.dark-only .page-wrapper .chat-box .status p{
    color:rgba(255,255,255,0.8) !important
}
body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-header{
    border-bottom:1px solid #323347
}
body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i{
    color:#98a6ad
}
body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-header img{
    -webkit-box-shadow:1px 1px 4px 1px #10101c;
    box-shadow:1px 1px 4px 1px #10101c
}
body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-msg-box .my-message{
    border:1px solid #323347
}
body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-msg-box .message{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-msg-box .other-message{
    background-color:#10101c;
    border-color:#323347
}
body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-message{
    background-color:#171829;
    border-color:#323347
}
body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-message .input-group .form-control{
    background-color:#171829
}
body.dark-only .page-wrapper .chat-box .chat-history .call-icons ul li{
    border:1px solid #323347
}
body.dark-only .page-wrapper .chat-box .chat-history .call-icons ul li a{
    color:#98a6ad
}
body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li svg{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .chat-box .chat-menu{
    background-color:#171829;
    border-color:#323347
}
body.dark-only .page-wrapper .chat-box .chat-menu .user-profile .follow{
    border-color:#323347
}
body.dark-only .page-wrapper .chat-box .chat-menu .user-profile .digits{
    border-color:#323347
}
body.dark-only .page-wrapper pre{
    background-color:#10101c;
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .scorlled{
    background-color:#10101c
}
body.dark-only .page-wrapper .input-group-air{
    -webkit-box-shadow:0 3px 20px 0 #10101c;
    box-shadow:0 3px 20px 0 #10101c
}
body.dark-only .page-wrapper .input-group-text{
    background-color:#171829;
    border:1px solid #323347;
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .input-group-text i{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .input-group-solid .input-group-text,body.dark-only .page-wrapper .input-group-solid .form-control{
    border:1px solid #10101c;
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .semilight-bg-color,body.dark-only .page-wrapper .header-bg-color{
    background-color:#fff
}
body.dark-only .page-wrapper .list-group-item{
    background-color:#171829;
    border:1px solid rgba(238,238,238,0.3);
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .list-group-item+.list-group-item{
    border-top-width:0
}
body.dark-only .page-wrapper .list-group-item.active{
    background-color:var(--theme-deafult) !important;
    border-color:var(--theme-deafult);
    color:#fff
}
body.dark-only .page-wrapper .list-group-item:hover,body.dark-only .page-wrapper .list-group-item:focus{
    z-index:1;
    text-decoration:none
}
body.dark-only .page-wrapper .list-group-item-action:hover:not(.active),body.dark-only .page-wrapper .list-group-item-action:focus{
    background-color:#10101c
}
body.dark-only .page-wrapper .list-group-flush .list-group-item{
    border-left:0;
    border-right:0;
    border-radius:0
}
body.dark-only .page-wrapper .list-group-item-primary{
    color:#004085;
    background-color:#b8daff
}
body.dark-only .page-wrapper .list-group-item-secondary{
    color:#383d41;
    background-color:#d6d8db
}
body.dark-only .page-wrapper .list-group-item-success{
    color:#155724;
    background-color:#c3e6cb
}
body.dark-only .page-wrapper .list-group-item-danger{
    color:#721c24;
    background-color:#f5c6cb
}
body.dark-only .page-wrapper .list-group-item-warning{
    color:#856404;
    background-color:#ffeeba
}
body.dark-only .page-wrapper .list-group-item-info{
    color:#0c5460;
    background-color:#bee5eb
}
body.dark-only .page-wrapper .list-group-item-light{
    color:#818182;
    background-color:#fdfdfe
}
body.dark-only .page-wrapper .list-group-item-dark{
    color:#1b1e21;
    background-color:#c6c8ca
}
body.dark-only .page-wrapper .auth-bg{
    background-blend-mode:overlay;
    background-color:rgba(54,64,74,0.9)
}
body.dark-only .page-wrapper .auth-bg .authentication-box .card{
    background-color:#171829
}
body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group input{
    color:rgba(255,255,255,0.8);
    background-color:#10101c;
    border:1px solid #10101c
}
body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group label{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label::before{
    background-color:#10101c;
    border:1px solid #10101c
}
body.dark-only .page-wrapper .auth-bg .authentication-box h3,body.dark-only .page-wrapper .auth-bg .authentication-box h4,body.dark-only .page-wrapper .auth-bg .authentication-box h6{
    color:#fff
}
body.dark-only .page-wrapper .auth-bg-video{
    background-blend-mode:overlay;
    background-color:rgba(54,64,74,0.7)
}
body.dark-only .page-wrapper .auth-bg-video .authentication-box h4,body.dark-only .page-wrapper .auth-bg-video .authentication-box h3{
    color:#fff
}
body.dark-only .page-wrapper .auth-bg-video .authentication-box h6{
    color:#98a6ad
}
body.dark-only .page-wrapper .auth-bg-video .authentication-box .card{
    background-color:#171829
}
body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type="text"],body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type="password"]{
    background-color:#10101c;
    border:1px solid #10101c;
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .checkbox label::before{
    background-color:#10101c;
    border:1px solid #10101c
}
body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i{
    color:#10101c
}
body.dark-only .page-wrapper .error-wrapper .maintenance-icons li:nth-child(3) i{
    color:#10101c
}
body.dark-only .page-wrapper .modal-content{
    background-color:#171829
}
body.dark-only .page-wrapper .modal-content .modal-header .close{
    color:#98a6ad
}
body.dark-only .page-wrapper .modal-content .modal-footer{
    border-top:1px solid #323347
}
body.dark-only .page-wrapper .comingsoon{
    background-blend-mode:overlay;
    background-color:rgba(54,64,74,0.9)
}
body.dark-only .page-wrapper .comingsoon .comingsoon-inner h5{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown{
    border-top:1px solid #323347;
    border-bottom:1px solid #323347
}
body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown .title{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .comingsoon .comingsoon-inner .coming-soon-bottom-link a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .theme-form .login-divider{
    border-top:1px solid #10101c
}
body.dark-only .page-wrapper .theme-form .login-divider:before{
    background:#10101c;
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .authentication-main{
    background-color:#10101c
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .card{
    background-color:#171829
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .reset-password-link{
    color:#98a6ad
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group label{
    color:#98a6ad
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group .form-control{
    background-color:#10101c;
    color:rgba(255,255,255,0.8);
    border-color:#10101c
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .opt-box{
    background-color:#10101c
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h4{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h6{
    color:#98a6ad
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h3{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card{
    background-color:#171829
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type="text"],body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type="password"]{
    background-color:#10101c;
    border:1px solid #10101c;
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .checkbox label::before{
    background-color:#10101c;
    border:1px solid #10101c
}
body.dark-only .page-wrapper .vertical-menu-main{
    background-color:#171829
}
body.dark-only .page-wrapper .mega-menu .title{
    color:rgba(255,255,255,0.8);
    border-bottom:1px solid #10101c
}
body.dark-only .page-wrapper .mega-menu .list-unstyled div a:hover{
    color:var(--theme-deafult)
}
body.dark-only .page-wrapper .default-according .card{
    background-color:#171829
}
body.dark-only .page-wrapper .default-according .card .card-header{
    border-color:#323347
}
body.dark-only .page-wrapper .default-according .card .btn-link{
    background-color:#171829;
    border-bottom:none;
    color:#fff
}
body.dark-only .page-wrapper .default-according .card .text-muted{
    color:#98a6ad !important
}
body.dark-only .page-wrapper .default-according .card .card-body h5{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .default-according .bg-primary .btn-link{
    background-color:var(--theme-deafult);
    border:1px solid var(--theme-deafult)
}
body.dark-only .page-wrapper .default-according .bg-secondary .btn-link{
    background-color:var(--theme-secondary);
    border:1px solid var(--theme-secondary)
}
body.dark-only .page-wrapper .collapse .card-body{
    background-color:#171829
}
body.dark-only .page-wrapper .social-list .d-flex .flex-grow-1 span{
    color:rgba(255,255,255,0.8)
}
body.dark-only .page-wrapper .search-page .info-block+.info-block{
    border-color:#323347
}
body.dark-only .page-wrapper.box-layout .page-wrapper .page-header .header-wrapper,body.dark-only .page-wrapper.box-layout.page-wrapper .page-header .header-wrapper{
    border-color:#323347
}
body.dark-only .lg-backdrop{
    background-color:#10101c
}
body.dark-only .lg-outer .lg-thumb-outer{
    background-color:#171829
}
body.dark-only .drag{
    background-color:#171829
}
body.dark-only .drag form{
    background:#171829;
    -webkit-box-shadow:0 0 30px #10101c;
    box-shadow:0 0 30px #10101c;
    border:1px dotted #10101c
}
body.dark-only .drag form input{
    background-color:#10101c;
    border:1px solid #10101c;
    color:rgba(255,255,255,0.8)
}
body.dark-only .drag form .help-block{
    text-transform:capitalize;
    color:#98a6ad
}
body.dark-only .draggable input{
    background-color:#10101c;
    color:rgba(255,255,255,0.8);
    border:1px solid #10101c
}
body.dark-only .draggable p{
    color:#98a6ad
}
body.dark-only .draggable select{
    background-color:#10101c;
    color:rgba(255,255,255,0.8);
    border:1px solid #10101c
}
body.dark-only .draggable .radio label::before,body.dark-only .draggable .checkbox label::before{
    background-color:#10101c;
    border:1px solid #10101c
}
body.dark-only .select2-container--default .select2-selection--multiple,body.dark-only .select2-container--default .select2-selection--single{
    background-color:#10101c;
    border:1px solid #10101c !important
}
body.dark-only .select2-container--default .select2-search--inline .select2-search__field{
    color:rgba(255,255,255,0.8)
}
body.dark-only .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:rgba(255,255,255,0.8)
}
body.dark-only .select2-container--default .select2-search--dropdown .select2-search__field{
    background-color:#10101c;
    border:1px solid #10101c;
    color:rgba(255,255,255,0.8)
}
body.dark-only .select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:#171829 !important;
    color:rgba(255,255,255,0.8) !important
}
body.dark-only .select2-dropdown{
    background-color:#10101c;
    border:1px solid #10101c
}
body.dark-only .select2-drpdwn .form-control-primary{
    border-color:var(--theme-deafult) !important;
    color:var(--theme-deafult) !important
}
body.dark-only .select2-drpdwn .form-control-secondary{
    border-color:var(--theme-secondary) !important;
    color:var(--theme-secondary) !important
}
body.dark-only .select2-drpdwn .form-control-success{
    border-color:#61ae41 !important;
    color:#61ae41 !important
}
body.dark-only .select2-drpdwn .form-control-info{
    border-color:#4faad5 !important;
    color:#4faad5 !important
}
body.dark-only .select2-drpdwn .form-control-warning{
    border-color:#e6ae30 !important;
    color:#e6ae30 !important
}
body.dark-only .select2-drpdwn .form-control-danger{
    border-color:#f81f58 !important;
    color:#f81f58 !important
}
body.dark-only .select2-drpdwn .form-control-inverse{
    border-color:#323347 !important;
    color:#fff !important
}
body.dark-only .select2-drpdwn .form-control-primary-fill{
    background-color:var(--theme-deafult) !important;
    color:#fff !important
}
body.dark-only .select2-drpdwn .form-control-secondary-fill{
    background-color:var(--theme-secondary) !important;
    color:#fff !important
}
body.dark-only .select2-drpdwn .form-control-success-fill{
    background-color:#61ae41 !important;
    color:#fff !important
}
body.dark-only .select2-drpdwn .form-control-info-fill{
    background-color:#4faad5 !important;
    color:#fff !important
}
body.dark-only .select2-drpdwn .form-control-warning-fill{
    background-color:#e6ae30 !important;
    color:#fff !important
}
body.dark-only .select2-drpdwn .form-control-danger-fill{
    background-color:#f81f58 !important;
    color:#fff !important
}
body.dark-only .select2-drpdwn .form-control-inverse-fill{
    background-color:#fff !important;
    color:#000 !important
}
body.dark-only .select2-container--default.select2-container--disabled .select2-selection--single{
    background-color:#10101c
}
body.dark-only .theme-form .form-group select.form-control:not([size]):not([multiple]){
    background-color:#10101c;
    color:rgba(255,255,255,0.8);
    border-color:#10101c
}
body.dark-only .theme-form .form-group input[type="text"],body.dark-only .theme-form .form-group input[type="email"],body.dark-only .theme-form .form-group input[type="search"],body.dark-only .theme-form .form-group input[type="password"],body.dark-only .theme-form .form-group input[type="number"],body.dark-only .theme-form .form-group input[type="tel"],body.dark-only .theme-form .form-group input[type="date"],body.dark-only .theme-form .form-group input[type="datetime-local"],body.dark-only .theme-form .form-group input[type="time"],body.dark-only .theme-form .form-group input[type="datetime-local"],body.dark-only .theme-form .form-group input[type="month"],body.dark-only .theme-form .form-group input[type="week"],body.dark-only .theme-form .form-group input[type="url"],body.dark-only .theme-form .form-group input[type="file"],body.dark-only .theme-form .form-group select{
    border-color:#10101c;
    background-color:#10101c;
    color:rgba(255,255,255,0.8)
}
body.dark-only .theme-form .form-group input[type="text"]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type="email"]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type="search"]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type="password"]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type="number"]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type="tel"]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type="date"]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type="datetime-local"]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type="time"]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type="datetime-local"]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type="month"]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type="week"]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type="url"]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type="file"]::-webkit-input-placeholder,body.dark-only .theme-form .form-group select::-webkit-input-placeholder{
    color:#98a6ad
}
body.dark-only .theme-form .form-group .form-control{
    background-color:#10101c;
    color:rgba(255,255,255,0.8)
}
body.dark-only .theme-form .form-group textarea{
    border-color:#10101c
}
body.dark-only .theme-form .form-divider{
    border-top:1px solid #10101c
}
body.dark-only .theme-form .form-divider::before{
    background:#171829;
    color:rgba(255,255,255,0.8)
}
body.dark-only .CodeMirror{
    background-color:#171829;
    border:1px solid #323347;
    color:rgba(255,255,255,0.8)
}
body.dark-only .CodeMirror .CodeMirror-code pre{
    background:#171829
}
body.dark-only .editor-statusbar{
    border-color:#323347
}
body.dark-only .editor-toolbar{
    border-top:1px solid #323347;
    border-left:1px solid #323347;
    border-right:1px solid #323347
}
body.dark-only .editor-toolbar a{
    color:rgba(255,255,255,0.8) !important
}
body.dark-only .editor-toolbar a:hover,body.dark-only .editor-toolbar a.active{
    background:#10101c
}
body.dark-only .editor-toolbar i.separator{
    border-left:1px solid #323347;
    border-right:1px solid #323347
}
body.dark-only .editor-toolbar.fullscreen::before{
    background:-webkit-gradient(linear, left top, right top, color-stop(0, #10101c), to(rgba(0,0,0,0)));
    background:linear-gradient(to right, #10101c 0, rgba(0,0,0,0) 100%)
}
body.dark-only .editor-toolbar.fullscreen::after{
    background:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0)), to(#10101c));
    background:linear-gradient(to right, rgba(0,0,0,0) 0, #10101c 100%)
}
body.dark-only .editor-toolbar.disabled-for-preview a:not(.no-disable){
    background:#10101c
}
body.dark-only .editor-preview{
    background-color:#171829
}
body.dark-only .editor-toolbar.fullscreen,body.dark-only .editor-preview-side{
    background:#171829;
    border:1px solid #98a6ad
}
body.dark-only .u-step{
    background:#10101c
}
body.dark-only .u-step.active,body.dark-only .u-step.current{
    background:var(--theme-deafult);
    color:#fff
}
body.dark-only .u-step-title,body.dark-only .u-pearl-title{
    color:rgba(255,255,255,0.8)
}
body.dark-only .u-step-number{
    background-color:#171829
}
body.dark-only .u-pearl:before{
    background-color:#10101c
}
body.dark-only .u-pearl-number,body.dark-only .u-pearl-icon{
    background:#10101c;
    border:2px solid #10101c
}
body.dark-only .u-pearl.disabled .u-pearl-icon,body.dark-only .u-pearl.disabled .u-pearl-number{
    background:#10101c;
    border:2px solid #10101c
}
body.dark-only .u-pearl.disabled:after{
    background-color:#334053
}
body.dark-only .u-pearl.error:after{
    background-color:#10101c
}
body.dark-only .note-editor.note-frame{
    border-color:#323347
}
body.dark-only .note-editor.note-frame .note-editing-area .note-editable{
    background-color:#171829;
    color:rgba(255,255,255,0.8)
}
body.dark-only .swal-modal{
    background-color:#171829
}
body.dark-only .swal-modal .swal-title{
    color:rgba(255,255,255,0.8)
}
body.dark-only .swal-modal .swal-text{
    color:#98a6ad
}
body.dark-only .swal-modal .swal-content__input{
    background-color:#10101c;
    color:rgba(255,255,255,0.8)
}
body.dark-only .nav-tabs{
    border-bottom:1px solid #323347
}
body.dark-only .nav-tabs .nav-link{
    color:rgba(255,255,255,0.8)
}
body.dark-only .nav-tabs .nav-link.active{
    background-color:#171829;
    color:rgba(255,255,255,0.8);
    border-color:#323347 #323347 #171829
}
body.dark-only .nav-tabs .nav-link:hover,body.dark-only .nav-tabs .nav-link:focus{
    border-color:#323347 #323347 #323846
}
body.dark-only .nav-tabs .nav-item.show .nav-link{
    background-color:#171829;
    color:rgba(255,255,255,0.8);
    border-color:#10101c #10101c #171829
}
body.dark-only .nav-primary .nav-link.active{
    background-color:#5c61f2
}
body.dark-only .search-list{
    border:none
}
body.dark-only .search-list .nav-link.active{
    background-color:#5c61f2
}
body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.active,body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.focus,body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.hover{
    border-color:#171829 #10101c #10101c
}
body.dark-only .border-tab.nav-left .nav-link,body.dark-only .border-tab.nav-right .nav-link{
    color:rgba(255,255,255,0.8)
}
body.dark-only .border-tab.nav-left .nav-link.active,body.dark-only .border-tab.nav-right .nav-link.active{
    color:var(--theme-deafult)
}
body.dark-only .border-tab.nav-left .show>.nav-link,body.dark-only .border-tab.nav-right .show>.nav-link{
    color:var(--theme-deafult)
}
body.dark-only .border-tab.nav-left.nav-secondary .nav-link.active,body.dark-only .border-tab.nav-left.nav-secondary .nav-link:focus,body.dark-only .border-tab.nav-left.nav-secondary .nav-link:hover{
    border-left-color:var(--theme-secondary);
    color:var(--theme-secondary) !important
}
body.dark-only .border-tab.nav-left.nav-secondary .show>.nav-link{
    border-left-color:var(--theme-secondary);
    color:var(--theme-secondary) !important
}
body.dark-only .border-tab.nav-left.nav-secondary .nav-item.show{
    color:var(--theme-secondary) !important;
    border-left-color:var(--theme-secondary)
}
body.dark-only .border-tab.nav-left.nav-success .nav-link.active,body.dark-only .border-tab.nav-left.nav-success .nav-link:focus,body.dark-only .border-tab.nav-left.nav-success .nav-link:hover{
    color:#61ae41 !important
}
body.dark-only .border-tab.nav-left.nav-success .show>.nav-link{
    border-left-color:#61ae41;
    color:#61ae41 !important
}
body.dark-only .border-tab.nav-left.nav-success .nav-item.show{
    color:#61ae41 !important;
    border-left-color:#61ae41
}
body.dark-only .border-tab.nav-right.nav-info .nav-link.active,body.dark-only .border-tab.nav-right.nav-info .nav-link:focus,body.dark-only .border-tab.nav-right.nav-info .nav-link:hover{
    color:#4faad5 !important
}
body.dark-only .border-tab.nav-right.nav-info .show>.nav-link{
    border-left-color:#4faad5;
    color:#4faad5 !important
}
body.dark-only .border-tab.nav-right.nav-info .nav-item.show{
    color:#4faad5 !important;
    border-left-color:#4faad5
}
body.dark-only .border-tab.nav-secondary .nav-link.active,body.dark-only .border-tab.nav-secondary .nav-link:focus,body.dark-only .border-tab.nav-secondary .nav-link:hover{
    color:var(--theme-secondary) !important
}
body.dark-only .border-tab.nav-secondary .nav-item.show{
    color:var(--theme-secondary) !important
}
body.dark-only .border-tab.nav-success .nav-link.active,body.dark-only .border-tab.nav-success .nav-link:focus,body.dark-only .border-tab.nav-success .nav-link:hover{
    color:#61ae41 !important
}
body.dark-only .border-tab.nav-success .nav-item.show{
    color:#61ae41 !important
}
body.dark-only .dropdown-divider{
    border-top:1px solid #10101c
}
body.dark-only .icon-hover-bottom{
    background-color:#171829;
    -webkit-box-shadow:0px 0px 1px 1px #10101c;
    box-shadow:0px 0px 1px 1px #10101c
}
body.dark-only .icon-hover-bottom .icon-title{
    color:rgba(255,255,255,0.8)
}
body.dark-only .icon-hover-bottom span{
    color:#98a6ad
}
body.dark-only .icon-hover-bottom .form-group input{
    background-color:#10101c;
    color:rgba(255,255,255,0.8);
    border:1px solid #10101c
}
body.dark-only .icon-hover-bottom .icon-first i{
    color:#98a6ad
}
body.dark-only code{
    background-color:#10101c;
    border-radius:2px
}
body.dark-only #cd-timeline::before{
    background-color:#323347
}
body.dark-only .timeliny{
    border-top:unset;
    border-bottom:unset
}
body.dark-only .timeliny::before{
    background-color:#323347
}
body.dark-only .timeliny .timeliny-dot{
    background-color:#171829;
    border:1px solid #323347
}
body.dark-only .timeliny .timeliny-dot::before{
    color:rgba(255,255,255,0.8)
}
body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::before{
    color:rgba(255,255,255,0.8)
}
body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::after{
    background-color:#10101c;
    color:rgba(255,255,255,0.8);
    border:none
}
body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover::before{
    color:rgba(255,255,255,0.8)
}
body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock .timeliny-dot:hover::after{
    background-color:#171829;
    border:1px solid #10101c;
    color:rgba(255,255,255,0.8)
}
body.dark-only .todo .todo-list-wrapper #todo-list li .task-container{
    background:#171829;
    border-bottom:1px solid #323347
}
body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-label{
    color:rgba(255,255,255,0.8)
}
body.dark-only .todo .todo-list-wrapper #todo-list li .task-container:hover h4{
    color:#fff
}
body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover:not(.active){
    background:#171829;
    border:1px solid #10101c
}
body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label{
    color:var(--theme-deafult)
}
body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover{
    border:1px solid #61ae41 !important
}
body.dark-only .todo .todo-list-wrapper .todo-list-header .new-task-wrapper textarea{
    background-color:#171829;
    border:1px solid #323347;
    color:rgba(255,255,255,0.8)
}
body.dark-only .general-widget .cal-date-widget .datepicker{
    padding:20px
}
body.dark-only .general-widget .progress-widget .progress{
    background-color:unset
}
body.dark-only .user-profile .ttl-info h6{
    color:#98a6ad
}
body.dark-only .user-profile .ttl-info span{
    color:rgba(255,255,255,0.8)
}
body.dark-only .user-profile .hovercard .info .title a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .user-profile .hovercard .user-image .avatar img{
    border:10px solid #171829
}
body.dark-only .user-profile .hovercard .user-image .icon-wrapper{
    background-color:#171829
}
body.dark-only .user-profile .hovercard .tabs-scoial{
    border-bottom:none !important
}
body.dark-only .user-profile .profile-post .post-header .d-flex h5{
    color:rgba(255,255,255,0.8)
}
body.dark-only .user-profile .profile-post .post-body .post-react h6{
    color:rgba(255,255,255,0.8)
}
body.dark-only .user-profile .profile-post .post-body .post-comment li label a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .img-cropper .docs-options .dropdown-menu>li{
    background-color:#10101c;
    color:rgba(255,255,255,0.8);
    border-top:1px solid #323347
}
body.dark-only .edit-profile .profile-title{
    border-color:#323347
}
body.dark-only .introjs-helperLayer{
    background-color:rgba(54,64,74,0.9);
    border:rgba(255,255,255,0.5)
}
body.dark-only .jstree-default .jstree-node,body.dark-only .jstree-default .jstree-icon{
    color:#455869 !important
}
body.dark-only .jstree-default .jstree-anchor{
    color:#98a6ad
}
body.dark-only .jstree-default .jstree-clicked{
    color:#fff;
    background-color:rgba(0,0,0,0)
}
body.dark-only .jstree-default .jstree-hovered{
    background-color:#10101c;
    border:1px solid #10101c
}
body.dark-only span.twitter-typeahead .tt-menu{
    background-color:#10101c;
    color:rgba(255,255,255,0.8)
}
body.dark-only span.twitter-typeahead .tt-suggestion{
    color:rgba(255,255,255,0.8);
    background-color:#10101c;
    border-top:1px solid #323347
}
body.dark-only span.twitter-typeahead .tt-suggestion:hover,body.dark-only span.twitter-typeahead .tt-suggestion:focus{
    background-color:#171829
}
body.dark-only .typography small{
    color:rgba(255,255,255,0.8)
}
body.dark-only .code-box-copy pre{
    background-color:#10101c
}
body.dark-only .code-box-copy pre code{
    background-color:#10101c
}
body.dark-only .code-box-copy pre[class*="language-"]{
    border:1px solid #10101c
}
body.dark-only .code-box-copy .code-box-copy__btn{
    background-color:#171829;
    border:1px solid #323347;
    color:#fff
}
body.dark-only .code-box-copy code[class*="language-"],body.dark-only .code-box-copy pre[class*="language-"]{
    text-shadow:0px 1px #000
}
body.dark-only .code-box-copy code[class*="language-"] ::-moz-selection, body.dark-only .code-box-copy pre[class*="language-"] ::-moz-selection{
    text-shadow:none;
    background:#171829
}
body.dark-only .code-box-copy code[class*="language-"] ::selection,body.dark-only .code-box-copy pre[class*="language-"] ::selection{
    text-shadow:none;
    background:#171829
}
body.dark-only table.fixedHeader-floating{
    background-color:#10101c
}
body.dark-only .note textarea{
    color:rgba(255,255,255,0.8)
}
body.dark-only .dt-button-info{
    background-color:#171829;
    border:1px solid #10101c
}
body.dark-only .dt-button-info h2{
    background-color:#171829;
    border-bottom:1px solid #10101c
}
body.dark-only pre{
    background-color:#10101c
}
body.dark-only #keytable_wrapper .dataTables_paginate,body.dark-only #column-selector_wrapper .dataTables_paginate,body.dark-only #auto-fill_wrapper .dataTables_paginate,body.dark-only #custom-button_wrapper .dataTables_paginate,body.dark-only #class-button_wrapper .dataTables_paginate,body.dark-only #keyboard-btn_wrapper .dataTables_paginate,body.dark-only #multilevel-btn_wrapper .dataTables_paginate,body.dark-only #pagelength-btn_wrapper .dataTables_paginate,body.dark-only #basic-colreorder_wrapper .dataTables_paginate,body.dark-only #state-saving_wrapper .dataTables_paginate,body.dark-only #real-time_wrapper .dataTables_paginate,body.dark-only #basic-fixed-header_wrapper .dataTables_paginate,body.dark-only #fixed-header-footer_wrapper .dataTables_paginate,body.dark-only #export-button_wrapper .dataTables_paginate,body.dark-only #excel-cust-bolder_wrapper .dataTables_paginate,body.dark-only #cust-json_wrapper .dataTables_paginate,body.dark-only #basic-key-table_wrapper .dataTables_paginate,body.dark-only #focus-cell_wrapper .dataTables_paginate,body.dark-only #responsive_wrapper .dataTables_paginate,body.dark-only #new-cons_wrapper .dataTables_paginate,body.dark-only #show-hidden-row_wrapper .dataTables_paginate,body.dark-only #basic-row-reorder_wrapper .dataTables_paginate,body.dark-only #full-row_wrapper .dataTables_paginate,body.dark-only #rest-column_wrapper .dataTables_paginate{
    border:none
}
body.dark-only #example-style-8_wrapper table.dataTable.stripe tbody tr.odd,body.dark-only #example-style-8_wrapper table.dataTable.display tbody tr.odd{
    background-color:#10101c
}
body.dark-only .error-wrapper{
    background-color:#171829
}
body.dark-only .error-wrapper .sub-content{
    color:rgba(255,255,255,0.8)
}
body.dark-only .b-light{
    border:1px solid #10101c !important
}
body.dark-only .modal-header,body.dark-only .modal-footer,body.dark-only .modal-content{
    border-color:#323347
}
body.dark-only .modal-content{
    background-color:#171829
}
body.dark-only .modal-content .modal-header .close{
    color:rgba(255,255,255,0.8);
    font-weight:400
}
body.dark-only .modal-content .ui-front .form-control{
    background-color:#171829;
    color:rgba(255,255,255,0.8);
    border:1px solid #323347
}
body.dark-only .stepwizard .stepwizard-row:before{
    background-color:#323347
}
body.dark-only .modal .theme-close{
    background-color:#171829 !important;
    color:rgba(255,255,255,0.2)
}
body.dark-only .token.atrule,body.dark-only .token.attr-value,body.dark-only .token.keyword{
    color:#4faad5
}
body.dark-only .token.boolean,body.dark-only .token.constant,body.dark-only .token.deleted,body.dark-only .token.number,body.dark-only .token.property,body.dark-only .token.symbol,body.dark-only .token.tag{
    color:#f81f58
}
body.dark-only .loader-box.card-loader{
    background-color:#171829
}
body.dark-only .my-gallery.gallery-with-description img{
    border:1px solid #323347 !important;
    border-bottom:none !important
}
body.dark-only .alert-primary.inverse{
    color:rgba(255,255,255,0.8)
}
body.dark-only .alert-secondary.inverse{
    color:rgba(255,255,255,0.8)
}
body.dark-only .alert-success.inverse{
    color:rgba(255,255,255,0.8)
}
body.dark-only .alert-danger.inverse{
    color:rgba(255,255,255,0.8)
}
body.dark-only .alert-warning.inverse{
    color:rgba(255,255,255,0.8)
}
body.dark-only .alert-info.inverse{
    color:rgba(255,255,255,0.8)
}
body.dark-only .alert-light.inverse{
    color:rgba(255,255,255,0.8)
}
body.dark-only .alert-dark.inverse{
    color:rgba(255,255,255,0.8)
}
body.dark-only .alert-theme span+span+span{
    border-left:5px solid var(--theme-deafult);
    background-color:#10101c;
    border-radius:4px
}
body.dark-only .alert-theme i{
    color:#fff;
    padding:20px;
    margin-right:20px !important
}
body.dark-only .user-card .user-deatils h6{
    color:#98a6ad
}
body.dark-only .user-card .card-footer>div:first-child{
    border-right:1px solid #10101c
}
body.dark-only .user-card .card-footer .user-footer h6{
    color:#98a6ad
}
body.dark-only .user-card .card-footer .user-footer svg path,body.dark-only .user-card .card-footer .user-footer svg rect{
    color:#98a6ad
}
body.dark-only .order-history table .qty-box button{
    background-color:#10101c !important;
    border:none !important
}
body.dark-only .order-history table .qty-box .input-group{
    border-color:#323347
}
body.dark-only .order-history table thead tr th{
    background-color:#10101c
}
body.dark-only .order-history table tr td,body.dark-only .order-history table tr th{
    border-top:none !important
}
body.dark-only .order-history .title-orders{
    background-color:#10101c
}
body.dark-only .navigation-option ul li a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .navigation-option ul li:hover{
    background-color:rgba(92,97,242,0.1)
}
body.dark-only .navigation-option ul li:hover a{
    color:#5c61f2
}
body.dark-only .product-box .product-img .product-hover ul li{
    background-color:#171829
}
body.dark-only .product-box .product-details h6{
    color:rgba(255,255,255,0.8)
}
body.dark-only .product-box .product-details span{
    color:#98a6ad
}
body.dark-only .browse .browse-articles ul li a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .browse .browse-articles ul li:hover h5{
    color:#5c61f2
}
body.dark-only .radio-primary input[type="radio"]+label::before{
    border-color:var(--theme-deafult) !important
}
body.dark-only .radio-primary input[type="radio"]+label::after{
    background-color:var(--theme-deafult)
}
body.dark-only .radio-primary input[type="radio"]:checked+label::before{
    border-color:var(--theme-deafult) !important
}
body.dark-only .radio-primary input[type="radio"]:checked+label::after{
    background-color:var(--theme-deafult)
}
body.dark-only .radio-secondary input[type="radio"]+label::before{
    border-color:#eeb82f !important
}
body.dark-only .radio-secondary input[type="radio"]+label::after{
    background-color:#eeb82f
}
body.dark-only .radio-secondary input[type="radio"]:checked+label::before{
    border-color:#eeb82f !important
}
body.dark-only .radio-secondary input[type="radio"]:checked+label::after{
    background-color:#eeb82f
}
body.dark-only .radio-success input[type="radio"]+label::before{
    border-color:#61ae41 !important
}
body.dark-only .radio-success input[type="radio"]+label::after{
    background-color:#61ae41
}
body.dark-only .radio-success input[type="radio"]:checked+label::before{
    border-color:#61ae41 !important
}
body.dark-only .radio-success input[type="radio"]:checked+label::after{
    background-color:#61ae41
}
body.dark-only .radio-danger input[type="radio"]+label::before{
    border-color:#f81f58 !important
}
body.dark-only .radio-danger input[type="radio"]+label::after{
    background-color:#f81f58
}
body.dark-only .radio-danger input[type="radio"]:checked+label::before{
    border-color:#f81f58 !important
}
body.dark-only .radio-danger input[type="radio"]:checked+label::after{
    background-color:#f81f58
}
body.dark-only .radio-info input[type="radio"]+label::before{
    border-color:#4faad5 !important
}
body.dark-only .radio-info input[type="radio"]+label::after{
    background-color:#4faad5
}
body.dark-only .radio-info input[type="radio"]:checked+label::before{
    border-color:#4faad5 !important
}
body.dark-only .radio-info input[type="radio"]:checked+label::after{
    background-color:#4faad5
}
body.dark-only .radio-light input[type="radio"]+label::before{
    border-color:#f4f4f4 !important
}
body.dark-only .radio-light input[type="radio"]+label::after{
    background-color:#f4f4f4
}
body.dark-only .radio-light input[type="radio"]:checked+label::before{
    border-color:#f4f4f4 !important
}
body.dark-only .radio-light input[type="radio"]:checked+label::after{
    background-color:#f4f4f4
}
body.dark-only .radio-dark input[type="radio"]+label::before{
    border-color:#2c323f !important
}
body.dark-only .radio-dark input[type="radio"]+label::after{
    background-color:#2c323f
}
body.dark-only .radio-dark input[type="radio"]:checked+label::before{
    border-color:#2c323f !important
}
body.dark-only .radio-dark input[type="radio"]:checked+label::after{
    background-color:#2c323f
}
body.dark-only .radio-warning input[type="radio"]+label::before{
    border-color:#e6ae30 !important
}
body.dark-only .radio-warning input[type="radio"]+label::after{
    background-color:#e6ae30
}
body.dark-only .radio-warning input[type="radio"]:checked+label::before{
    border-color:#e6ae30 !important
}
body.dark-only .radio-warning input[type="radio"]:checked+label::after{
    background-color:#e6ae30
}
body.dark-only .checkbox-primary label::before{
    border-color:var(--theme-deafult) !important
}
body.dark-only .checkbox-secondary label::before{
    border-color:#eeb82f !important
}
body.dark-only .checkbox-success label::before{
    border-color:#61ae41 !important
}
body.dark-only .checkbox-danger label::before{
    border-color:#f81f58 !important
}
body.dark-only .checkbox-info label::before{
    border-color:#4faad5 !important
}
body.dark-only .checkbox-light label::before{
    border-color:#f4f4f4 !important
}
body.dark-only .checkbox-dark label::before{
    border-color:#2c323f !important
}
body.dark-only .checkbox-warning label::before{
    border-color:#e6ae30 !important
}
body.dark-only .checkbox-solid-primary label:before{
    background-color:var(--theme-deafult) !important;
    border-color:var(--theme-deafult) !important;
    color:#fff !important
}
body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked+label::before{
    background-color:var(--theme-deafult) !important;
    border-color:var(--theme-deafult) !important;
    color:#fff !important
}
body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked+label::after{
    color:#fff !important
}
body.dark-only .checkbox-solid-secondary label:before{
    background-color:#eeb82f !important;
    border-color:#eeb82f !important;
    color:#fff !important
}
body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked+label::before{
    background-color:#eeb82f !important;
    border-color:#eeb82f !important;
    color:#fff !important
}
body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked+label::after{
    color:#fff !important
}
body.dark-only .checkbox-solid-success label:before{
    background-color:#61ae41 !important;
    border-color:#61ae41 !important;
    color:#fff !important
}
body.dark-only .checkbox-solid-success input[type="checkbox"]:checked+label::before{
    background-color:#61ae41 !important;
    border-color:#61ae41 !important;
    color:#fff !important
}
body.dark-only .checkbox-solid-success input[type="checkbox"]:checked+label::after{
    color:#fff !important
}
body.dark-only .checkbox-solid-danger label:before{
    background-color:#f81f58 !important;
    border-color:#f81f58 !important;
    color:#fff !important
}
body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked+label::before{
    background-color:#f81f58 !important;
    border-color:#f81f58 !important;
    color:#fff !important
}
body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked+label::after{
    color:#fff !important
}
body.dark-only .checkbox-solid-info label:before{
    background-color:#4faad5 !important;
    border-color:#4faad5 !important;
    color:#fff !important
}
body.dark-only .checkbox-solid-info input[type="checkbox"]:checked+label::before{
    background-color:#4faad5 !important;
    border-color:#4faad5 !important;
    color:#fff !important
}
body.dark-only .checkbox-solid-info input[type="checkbox"]:checked+label::after{
    color:#fff !important
}
body.dark-only .checkbox-solid-light label:before{
    background-color:#f4f4f4 !important;
    border-color:#f4f4f4 !important;
    color:#fff !important
}
body.dark-only .checkbox-solid-light input[type="checkbox"]:checked+label::before{
    background-color:#f4f4f4 !important;
    border-color:#f4f4f4 !important;
    color:#fff !important
}
body.dark-only .checkbox-solid-light input[type="checkbox"]:checked+label::after{
    color:#fff !important
}
body.dark-only .checkbox-solid-dark label:before{
    background-color:#2c323f !important;
    border-color:#2c323f !important;
    color:#fff !important
}
body.dark-only .checkbox-solid-dark input[type="checkbox"]:checked+label::before{
    background-color:#2c323f !important;
    border-color:#2c323f !important;
    color:#fff !important
}
body.dark-only .checkbox-solid-dark input[type="checkbox"]:checked+label::after{
    color:#fff !important
}
body.dark-only .checkbox-solid-warning label:before{
    background-color:#e6ae30 !important;
    border-color:#e6ae30 !important;
    color:#fff !important
}
body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked+label::before{
    background-color:#e6ae30 !important;
    border-color:#e6ae30 !important;
    color:#fff !important
}
body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked+label::after{
    color:#fff !important
}
body.dark-only .bootstrap-datetimepicker-widget ul li{
    color:rgba(255,255,255,0.8);
    border-bottom:1px solid #10101c
}
body.dark-only .bootstrap-datetimepicker-widget tr th:hover,body.dark-only .bootstrap-datetimepicker-widget tr td:hover{
    background-color:#171829
}
body.dark-only .bootstrap-datetimepicker-widget tr th span:hover,body.dark-only .bootstrap-datetimepicker-widget tr td span:hover{
    background-color:#171829
}
body.dark-only .bootstrap-datetimepicker-widget tr th.prev:hover,body.dark-only .bootstrap-datetimepicker-widget tr th.next:hover,body.dark-only .bootstrap-datetimepicker-widget tr td.prev:hover,body.dark-only .bootstrap-datetimepicker-widget tr td.next:hover{
    background-color:#171829
}
body.dark-only .bootstrap-datetimepicker-widget tr:first-child th:hover{
    background-color:#171829
}
body.dark-only .btn-transparent{
    color:rgba(255,255,255,0.8)
}
body.dark-only #cal-basic .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after,body.dark-only #cal-basic .fc-toolbar .fc-right .fc-next-button .fc-icon-right-single-arrow:after{
    color:#98a6ad
}
body.dark-only #cal-basic .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after,body.dark-only #cal-basic .fc-toolbar .fc-right .fc-prev-button .fc-icon-left-single-arrow:after{
    color:#98a6ad
}
body.dark-only #cal-basic .fc-toolbar .fc-left .fc-button-group .fc-month-button{
    color:#fff !important
}
body.dark-only .fc-button-group .fc-basicWeek-button,body.dark-only .fc-button-group .fc-basicDay-button,body.dark-only .fc-button-group .fc-agendaWeek-button,body.dark-only .fc-button-group .fc-agendaDay-button{
    color:#000 !important
}
body.dark-only .fc-button-group .fc-month-button{
    color:#fff !important
}
body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-month-button,body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .btn-light{
    color:#000 !important
}
body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button{
    color:#fff !important
}
body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button:hover{
    color:#000 !important
}
body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .btn-light,body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .btn-light,body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .btn-light{
    color:#000 !important
}
body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button,body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button,body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button{
    color:#fff !important
}
body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover,body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover,body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover{
    color:#000 !important
}
body.dark-only .categories ul li a{
    color:#98a6ad
}
body.dark-only .categories ul li:hover{
    background-color:#10101c
}
body.dark-only .socialprofile .likes-profile h5 span{
    color:rgba(255,255,255,0.8)
}
body.dark-only .socialprofile span{
    color:#98a6ad
}
body.dark-only .social-status form .form-group .form-control-social{
    background-color:#10101c;
    border:1px solid #323347
}
body.dark-only .social-status .d-flex .flex-grow-1 span+span{
    color:#98a6ad
}
body.dark-only .social-status .d-flex .flex-grow-1 p,body.dark-only .social-status .d-flex .flex-grow-1 .light-span{
    color:#98a6ad
}
body.dark-only .filter-cards-view p,body.dark-only .timeline-content p{
    color:#98a6ad
}
body.dark-only .filter-cards-view .comment-number i,body.dark-only .timeline-content .comment-number i{
    color:#98a6ad
}
body.dark-only .search-page ul.search-info .rating li+li{
    border-left:none
}
body.dark-only .social-tab .input-group .input-group-text{
    background-color:#5c61f2
}
body.dark-only .social-chat .flex-grow-1{
    border:1px solid #323347
}
body.dark-only .social-chat .flex-grow-1:after{
    border-right:7px solid #171829
}
body.dark-only .social-chat span span{
    color:#98a6ad
}
body.dark-only .details-about .your-details p{
    color:#98a6ad
}
body.dark-only .activity-log .my-activity p{
    color:#98a6ad
}
body.dark-only .bookmark ul li a{
    color:rgba(255,255,255,0.8)
}
body.dark-only .bookmark-tabcontent .tab-content .card .card-header{
    border-color:#323347
}
body.dark-only .list-persons .profile-mail .email-general{
    border-color:#323347
}
body.dark-only .form-bookmark .form-group .select2-container .select2-selection--single{
    border-color:#323347 !important
}
body.dark-only .calendar-basic #menu-navi{
    border-color:#323347
}
body.dark-only .wizard-4 ul.anchor{
    background-color:#171829
}
body.dark-only .wizard-4 ul.anchor li h5{
    color:rgba(255,255,255,0.8)
}
body.dark-only .wizard-4 ul.anchor li small{
    color:#98a6ad
}
body.dark-only .wizard-4 ul.anchor li .selected h5{
    color:#5c61f2
}
body.dark-only .wizard-4 ul.anchor li .selected small{
    color:#5c61f2
}
body.dark-only .wizard-4 .step-container{
    background-color:#10101c
}
body.dark-only .apexcharts-tooltip.light{
    border-color:#323347;
    background-color:#10101c
}
body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title{
    border-color:#323347
}
body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-label,body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-value{
    color:#fff
}
@media screen and (max-width: 1660px){
    body.dark-only .chat-box .chat-history .total-time h2{
        color:rgba(255,255,255,0.8)
    }
    body.dark-only .caller-img img{
        opacity:0.7
    }
    body.dark-only .chat-box .chat-history .call-content>div{
        background-color:#171829;
        background-blend-mode:overlay
    }
}
@media only screen and (max-width: 1199.98px){
    body.dark-only .left-header .mega-menu-container{
        border-left:1px solid #323347
    }
    body.dark-only .left-header .mega-menu-container .mega-box+.mega-box{
        border-left:none
    }
}
@media only screen and (max-width: 1199px){
    body.dark-only .mobile-title.d-none{
        border-bottom:1px solid #323347
    }
    body.dark-only .chat-menu{
        border-top:1px solid #10101c;
        background-color:#171829
    }
    body.dark-only .error-wrapper .maintenance-icons li i{
        color:#2c323f
    }
    body.dark-only .md-sidebar .md-sidebar-aside{
        background-color:#171829;
        border-color:#323347
    }
}
@media only screen and (max-width: 575.98px){
    body.dark-only .user-profile .hovercard .info .user-designation{
        border-top:1px solid #10101c;
        border-bottom:1px solid #10101c
    }
    body.dark-only .page-header .header-wrapper .left-header ul li .search-form .form-control-plaintext{
        background-color:#10101c
    }
    body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar{
        border-right:1px solid #323347
    }
}
@media only screen and (max-width: 991.98px){
    body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar svg{
        stroke:#fff
    }
    body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar:hover{
        background-color:#5c61f2
    }
    body.dark-only .page-wrapper.compact-wrapper .left-header .mega-menu svg{
        stroke:rgba(255,255,255,0.8)
    }
}
@media only screen and (max-width: 767.98px){
    body.dark-only .contacts-tabs .nav-pills{
        border-right:none;
        border-bottom:1px solid #323347
    }
    body.dark-only .page-wrapper.compact-wrapper .left-header .mega-menu svg{
        stroke:#fff
    }
    body.dark-only .page-wrapper.compact-wrapper .left-header .mega-menu .nav-link{
        border-left:1px solid #323347
    }
    body.dark-only .page-wrapper.material-icon .page-header{
        background-color:#171829
    }
    body.dark-only .left-header .input-group .form-control{
        background-color:#171829
    }
}
body .for-dark{
    display:none
}
body[class*="dark-"] .horizontal-wrapper .for-dark{
    display:block
}
body[class*="dark-"] .horizontal-wrapper .for-light{
    display:none
}
.customizer-links{
    position:fixed;
    right:00px;
    top:50%;
    z-index:3;
    -webkit-transform:translate(0, -50%);
    transform:translate(0, -50%);
    -webkit-box-shadow:0 0 37px rgba(8,21,66,0.1);
    box-shadow:0 0 37px rgba(8,21,66,0.1)
}
.customizer-links>.nav{
    border-radius:0;
    background-color:#fff
}
.customizer-links.open{
    right:330px;
    border-radius:0;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.customizer-links .nav-link{
    padding:0;
    position:relative
}
.customizer-links .nav-link .settings{
    z-index:3;
    position:relative
}
.customizer-links .nav-link:before{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    color:#fff;
    background-color:#5c61f2;
    border-radius:5px;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.customizer-links .nav-link:hover i{
    color:#fff
}
.customizer-links .nav-link:hover:before,.customizer-links .nav-link:hover:after{
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.customizer-links .nav-link:hover span{
    opacity:1;
    right:48px;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.customizer-links .nav-link+.nav-link{
    border-top:1px solid #eee
}
.customizer-links .nav-link span{
    position:absolute;
    right:-60px;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    text-align:right;
    padding:7px 10px;
    display:block;
    top:0;
    border-radius:5px;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    opacity:0;
    color:var(--theme-deafult);
    background-color:#d2d3fb;
    -webkit-box-shadow:0 0 37px rgba(8,21,66,0.1);
    box-shadow:0 0 37px rgba(8,21,66,0.1)
}
.customizer-links .nav-link i{
    font-size:20px;
    padding:15px;
    display:inline-block;
    cursor:pointer;
    margin:0;
    border-radius:5px
}
.customizer-contain{
    direction:ltr;
    position:fixed;
    height:calc(100vh);
    top:82px;
    width:333px;
    right:-335px;
    background-color:#fff;
    z-index:8;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.customizer-contain.open{
    right:0px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    -webkit-box-shadow:0 0 10px 1px rgba(68,102,242,0.05);
    box-shadow:0 0 10px 1px rgba(68,102,242,0.05)
}
.customizer-contain li{
    position:relative
}
.customizer-contain li.active{
    -webkit-box-shadow:0 0 11px 5px rgba(226,226,226,0.5);
    box-shadow:0 0 11px 5px rgba(226,226,226,0.5)
}
.customizer-contain h6{
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:0.5px;
    margin-top:15px;
    padding-top:15px;
    margin-bottom:10px
}
.customizer-contain .customizer-header{
    padding:25px;
    border-bottom:1px solid #f4f4f4
}
.customizer-contain .customizer-header .icon-close{
    position:absolute;
    font-size:18px;
    cursor:pointer;
    font-weight:900;
    right:24px;
    color:var(--theme-deafult)
}
.customizer-contain .customizer-header h5{
    font-weight:700;
    font-size:16px;
    text-transform:uppercase
}
.customizer-contain .customizer-body{
    padding:15px 25px;
    max-height:calc(100vh - 200px);
    overflow-y:scroll
}
.customizer-contain .customizer-body .fade:not(.show){
    display:none
}
.customizer-contain .customizer-body .unlimited-color-layout{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.customizer-contain .customizer-body .unlimited-color-layout .btn{
    font-size:15px;
    padding:4px 20px
}
.customizer-contain .customizer-body .unlimited-color-layout input{
    border:1px solid #ccc;
    height:35px;
    width:60px;
    border-radius:6px;
    background-color:#fff;
    padding:3px;
    margin-right:5px
}
.customizer-contain .customizer-body .layout-grid.customizer-mix .color-layout{
    height:70px;
    width:80px;
    border:1px solid #f6f7fb;
    border-radius:5px
}
.customizer-contain .customizer-body .tab-pane>h6:first-child{
    padding-top:0;
    margin-top:0
}
.customizer-contain .customizer-body li{
    cursor:pointer;
    opacity:0.9
}
.customizer-contain .customizer-body li.active{
    opacity:1
}
.customizer-contain .customizer-body .color-layout{
    height:35px;
    width:35px;
    border-radius:30px;
    display:inline-block;
    margin-right:3px;
    border:1px solid #ccc;
    padding:3px
}
.customizer-contain .customizer-body .color-layout>div{
    background-color:#5c61f2;
    height:100%;
    width:100%;
    border-radius:30px
}
.customizer-contain .customizer-body .color-layout[data-attr="color-2"] div{
    background-color:#3B7CF5
}
.customizer-contain .customizer-body .color-layout[data-attr="color-3"] div{
    background-color:#247164
}
.customizer-contain .customizer-body .color-layout[data-attr="color-4"] div{
    background-color:#6655e9
}
.customizer-contain .customizer-body .color-layout[data-attr="color-5"] div{
    background-color:#167A93
}
.customizer-contain .customizer-body .color-layout[data-attr="color-6"] div{
    background-color:#7F563A
}
.customizer-contain .customizer-body .dark>li{
    background-color:#59667a
}
.customizer-contain .customizer-body .main-layout>li{
    height:65px;
    width:85px;
    border:1px solid #f4f4f4;
    border-radius:10px;
    display:inline-block
}
.customizer-contain .customizer-body .main-layout>li+li{
    margin-left:7px
}
.customizer-contain .customizer-body .main-layout .box-layout .body .badge{
    left:-14px
}
.customizer-contain .customizer-body .sidebar-type>li,.customizer-contain .customizer-body .sidebar-setting>li{
    height:70px;
    width:85px;
    border:1px solid #f4f4f4;
    border-radius:5px;
    display:inline-block
}
.customizer-contain .customizer-body .sidebar-type>li+li,.customizer-contain .customizer-body .sidebar-setting>li+li{
    margin-left:7px
}
.customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-dark,.customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.sidebar{
    width:100%;
    height:10px;
    display:block
}
.customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-light,.customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.body{
    height:calc(100% - 10px);
    width:100%
}
.customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"].body-compact .body ul li.body{
    width:calc(100% - 25px)
}
.layout-grid:not(.customizer-color) li[data-attr="rtl"] .body .bg-light.sidebar{
    margin-left:3px;
    margin-right:0
}
.layout-grid:not(.customizer-color) li{
    padding:5px
}
.layout-grid:not(.customizer-color) li>.header{
    height:9px;
    border-radius:3px;
    position:relative
}
.layout-grid:not(.customizer-color) li>.header ul{
    position:absolute;
    top:-8px;
    left:5px
}
.layout-grid:not(.customizer-color) li>.header ul>li{
    display:inline-block;
    width:4px;
    height:4px;
    border-radius:5px;
    top:calc(50% - 3px);
    background-color:var(--theme-deafult);
    margin-right:2px;
    padding:0
}
.layout-grid:not(.customizer-color) li>.header ul>li:nth-child(2){
    background-color:var(--theme-secondary)
}
.layout-grid:not(.customizer-color) li>.header ul>li:nth-child(3){
    background-color:#61ae41
}
.layout-grid:not(.customizer-color) li>.body{
    background-color:#f4f4f4;
    height:calc(100% - 16px);
    border-radius:3px;
    position:relative;
    margin-top:5px;
    text-align:center;
    line-height:3.1
}
.layout-grid:not(.customizer-color) li>.body ul{
    height:100%;
    background-color:#fff
}
.layout-grid:not(.customizer-color) li>.body ul .sidebar{
    width:18px;
    height:100%;
    border-radius:3px;
    display:inline-block;
    margin-right:3px;
    padding:0
}
.layout-grid:not(.customizer-color) li>.body ul .sidebar.compact{
    width:12px
}
.layout-grid:not(.customizer-color) li>.body ul .sidebar.compact ~ .body{
    width:calc(100% - 19px)
}
.layout-grid:not(.customizer-color) li>.body ul .body{
    width:calc(100% - 25px);
    padding:0;
    margin:0;
    height:100%;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius:3px
}
.layout-grid:not(.customizer-color) li>.body ul .body .badge{
    position:absolute;
    padding:5px 5px 4px
}
.jsgrid-filter-row select,.jsgrid-filter-row input{
    padding:6px 10px;
    border:1px solid #f2f4ff;
    background:#fff
}
.jsgrid-grid-body::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px #eee
}
.jsgrid-grid-body::-webkit-scrollbar{
    width:2px;
    height:5px
}
.jsgrid-grid-body::-webkit-scrollbar-thumb{
    background-color:rgba(68,102,242,0.15)
}
.jsgrid .jsgrid-button{
    width:20px;
    height:20px
}
.jsgrid .jsgrid-button.jsgrid-search-button{
    background-position:0 -295px
}
.jsgrid .jsgrid-button.jsgrid-clear-filter-button{
    background-position:0 -39px
}
.jsgrid .jsgrid-delete-button{
    background-position:0 -78px;
    width:22px;
    height:22px
}
.jsgrid .jsgrid-edit-button{
    background-position:-2px -122px;
    width:22px;
    height:22px
}
.jsgrid .jsgrid-insert-mode-button{
    background-position:-2px -160px;
    width:25px;
    height:25px
}
.jsgrid .jsgrid-insert-button{
    background-position:-3px -202px;
    width:16px;
    height:16px
}
.popover{
    background-color:#fff;
    border:none;
    -webkit-box-shadow:0 0 20px rgba(92,97,242,0.1);
    box-shadow:0 0 20px rgba(92,97,242,0.1)
}
.popover .popover-header{
    background-color:#eae8ff;
    color:#5c61f2;
    border-bottom:none
}
.popover .popover-body{
    color:rgba(43,43,43,0.7)
}
.fc .fc-today-button.fc-button{
    margin-left:10px
}
.twitter-typeahead{
    display:block !important
}
span.twitter-typeahead .league-name{
    font-size:16px;
    padding:6px 10px 0
}
span.twitter-typeahead .tt-menu{
    float:left;
    width:100%;
    min-width:10rem;
    margin:0.125rem 0 0;
    font-size:1rem;
    text-align:left;
    list-style:none;
    background-color:#fff;
    background-clip:padding-box;
    border-radius:0.25rem;
    -webkit-box-shadow:0 0 20px rgba(89,102,122,0.1);
    box-shadow:0 0 20px rgba(89,102,122,0.1);
    border:none;
    padding:0;
    z-index:1 !important
}
span.twitter-typeahead .tt-suggestion{
    color:#2b2b2b;
    opacity:0.6;
    font-size:13px;
    padding:6px 12px;
    border-top:1px solid #efefef;
    background:#fff;
    cursor:pointer
}
span.twitter-typeahead .tt-suggestion:hover,span.twitter-typeahead .tt-suggestion:focus{
    background-color:#fff
}
span.twitter-typeahead .tt-suggestion.active,span.twitter-typeahead .tt-suggestion:active{
    color:#fff;
    background-color:var(--theme-deafult)
}
.tooltip.bs-tooltip-top .tooltip-arrow:before{
    border-top-color:#eae8ff
}
.tooltip.bs-tooltip-bottom .tooltip-arrow:before{
    border-bottom-color:#eae8ff;
    border-top-color:transparent
}
.tooltip.bs-tooltip-start .tooltip-arrow:before{
    border-left-color:#eae8ff;
    border-top-color:transparent
}
.tooltip.bs-tooltip-end .tooltip-arrow:before{
    border-right-color:#eae8ff;
    border-top-color:transparent
}
.tooltip .tooltip-inner{
    background-color:#eae8ff;
    color:#5c61f2
}
.tooltip .tooltip-arrow:before{
    border-top-color:#eae8ff
}
.starter-kit-fix .starter-main>div:last-child .card{
    margin-bottom:90px
}
.starter-main .card-body .alert i{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.starter-main .card-body .alert:before{
    top:28px
}
.dropdown-basic .dropdown .dropdown-content a{
    padding:6px 16px;
    color:#2b2b2b;
    opacity:0.6;
    font-size:13px;
    border-top:1px solid #efefef;
    background:#fff
}
.dropdown-basic .dropdown .dropdown-content a:hover{
    background-color:#fff
}
.dropdown-basic .dropdown .dropdown-content .dropdown-header{
    padding:8px 16px;
    font-weight:400;
    color:#2c323f;
    font-size:13px
}
.dropdown-basic .dropup .dropup-content{
    top:auto
}
.dropdown-basic .dropend .dropend-content{
    top:0;
    left:100%
}
.dropdown-basic .dropstart .dropstart-content{
    top:0;
    left:unset;
    right:100%
}
.nav-tabs{
    border-bottom-color:#efefef
}
.nav-tabs .nav-bottom .nav-item .nav-link.active{
    border-color:#efefef
}
.nav-tabs .nav-item.show .nav-link{
    font-weight:500
}
.nav-tabs .nav-link{
    color:#2c323f
}
.nav-tabs .nav-link.active{
    font-weight:500;
    border-color:#eee #eee #fff
}
.nav-tabs .nav-link.dropdown-toggle{
    border-radius:5px;
    border-bottom:none
}
.nav-tabs.nav-bottom .nav-item .nav-link.active{
    border-color:#eee #eee #fff
}
.dropdown-menu{
    -webkit-box-shadow:0 0 20px rgba(89,102,122,0.1);
    box-shadow:0 0 20px rgba(89,102,122,0.1);
    border:none;
    padding:0
}
.dropdown-menu .dropdown-item{
    color:#2b2b2b;
    opacity:0.6;
    font-size:13px;
    padding:6px 12px;
    border-top:1px solid #efefef;
    background:#fff
}
.dropdown-menu .dropdown-item:hover{
    background-color:#fff
}
.dropdown-menu .dropdown-divider{
    margin:0;
    border-top:1px solid #eee
}
.border-tab .nav-tabs .nav-item .nav-link.active{
    border-bottom:2px solid #5c61f2
}
.border-tab .nav-tabs .nav-item .nav-link.show{
    border-bottom:2px solid #5c61f2
}
.border-tab .nav-tabs .nav-item .nav-link:focus{
    border-bottom:2px solid #5c61f2
}
.tabbed-card .nav-tabs .nav-item .nav-link{
    top:17px
}
.timeliny .timeliny-dot::before{
    font-size:18px
}
.card-header.note-toolbar .note-color .dropdown-menu{
    min-width:100px
}
.card-header.note-toolbar .dropdown-menu.note-check a.dropdown-item i.note-icon-menu-check{
    visibility:visible;
    color:#5c61f2
}
.card-header.note-toolbar .dropdown-menu.note-check a.dropdown-item ~ i.note-icon-menu-check{
    visibility:hidden
}
.card-body .note-editor .note-table .note-dimension-picker-mousecatcher{
    background-color:#fff;
    border:1px solid #eee
}
.card-body .note-editor.fullscreen .note-toolbar-wrapper{
    height:0 !important
}
.note-editor p{
    color:#979797
}
.note-editor.note-frame{
    border-color:#eee
}
.note-editor i{
    color:#2b2b2b
}
.note-editor span{
    color:#2b2b2b
}
.note-editor.note-frame{
    border-color:#eee
}
.component .input-group .btn{
    line-height:32px;
    text-transform:capitalize
}
.date-picker .theme-form .row{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.login-card .login-main .theme-form label{
    font-size:14px
}
.login-card .login-main .theme-form .show-hide{
    top:50%
}
.learning-block .product-box.learning-box{
    border-radius:20px
}
#editor_container .CodeMirror-code .CodeMirror-line{
    margin-top:6px
}
#editor_container .CodeMirror-code .CodeMirror-line span{
    font-size:13px
}
.editor_container .reader p{
    margin-bottom:0
}
.page-wrapper .page-body-wrapper .page-body .mega-inline.border-style .card{
    border-radius:0 !important
}
.job-filter .faq-form .form-control{
    font-size:14px
}
.job-filter .faq-form .search-icon{
    width:16px;
    height:16px
}
.note-btn-group.btn-group:hover>.dropdown-menu{
    display:block !important
}
.img-cropper .docs-options .dropdown-menu{
    z-index:1
}
.list-group-item{
    border-color:#eee
}
.page-link{
    border-color:#eee
}
.img-thumbnail{
    border-color:#eee
}
.my-gallery.gallery-with-description{
    border-color:#eee !important
}
.gallery-with-description a>div{
    border-color:#eee
}
.m-portlet__body label{
    font-weight:500
}
.basic-card .border-card{
    border-bottom:1px solid #fff
}
.basic-card .border-bottom-light{
    border-bottom:1px solid #eee
}
.tabbed-cardpage .card-body .tabbed-card ul.nav-pills:not(.border-tab){
    top:24px
}
.tilt-showcase .card.height-equal .card-body{
    overflow:hidden
}
.wow-title .badge{
    padding-bottom:6px
}
.animation-modal .card-body .animate-widget img{
    border-top-left-radius:20px;
    border-top-right-radius:20px
}
.box-shadow-title .card-body [class*="col-"]{
    margin-bottom:20px
}
.box-shadow-title .card-body [class*="col-"] .shadow-showcase h5{
    font-weight:500
}
.editor-toolbar,.editor-statusbar,.CodeMirror{
    border-color:#eee
}
.clockpicker input{
    border-radius:10px !important
}
.progress{
    border-radius:30px
}
.modal-header .btn-close,.modal-footer .btn-close,.modal-content .btn-close{
    position:absolute;
    top:20px;
    right:25px
}
.live-dom-table tr th,.live-dom-table tr td{
    min-width:300px !important
}
.dataTables_wrapper table.column-selector tbody td.select-checkbox:before,.dataTables_wrapper table.column-selector tbody th.select-checkbox:before{
    left:45px
}
.dataTables_wrapper table.column-selector tbody td.select-checkbox:after,.dataTables_wrapper table.column-selector tbody th.select-checkbox:after{
    left:19px
}
html[dir="rtl"]{
    direction:rtl
}
html[dir="rtl"] ul{
    padding-right:0
}
html[dir="rtl"] .f-right{
    float:left
}
html[dir="rtl"] .slick-slider{
    direction:ltr
}
html[dir="rtl"] .slick-slide{
    float:left !important
}
html[dir="rtl"] .form-check-inline{
    margin-right:unset;
    margin-left:1rem
}
html[dir="rtl"] .color-box button+button{
    margin-left:unset;
    margin-right:5px
}
html[dir="rtl"] .show-hide{
    position:absolute;
    left:20px;
    right:unset
}
html[dir="rtl"] .toggle-sidebar,html[dir="rtl"] .back-btn{
    right:unset;
    left:30px
}
html[dir="rtl"] .login-card .login-main .theme-form .link{
    position:absolute;
    top:10px;
    left:0;
    right:unset
}
html[dir="rtl"] .btn-group-square .btn{
    border-radius:0 !important
}
html[dir="rtl"] .todo-wrap .card-header .todo-list-header .add-new-task-btn{
    border-radius:30px 0 0 30px !important
}
html[dir="rtl"] .todo-wrap .card-header .todo-list-header .new-task-wrapper input{
    border-radius:0 30px 30px 0
}
html[dir="rtl"] .features-faq.product-box .card-footer ul{
    direction:ltr
}
html[dir="rtl"] .chat-box .chat-right-aside .chat .chat-msg-box .other-message{
    border-radius:0 6px 6px
}
html[dir="rtl"] .chat-box .chat-right-aside .chat .chat-msg-box .my-message{
    border-radius:6px 0 6px 6px
}
html[dir="rtl"] .basic-dropdown ul li span.f-w-600::before{
    left:unset;
    right:-9px
}
html[dir="rtl"] .knowledgebase-search .form-inline svg{
    left:unset;
    right:20px
}
html[dir="rtl"] .tap-top{
    left:30px;
    right:unset
}
html[dir="rtl"] .cke_toolbar_break{
    clear:right
}
html[dir="rtl"] .CodeMirror-sizer{
    border-left:30px solid transparent;
    border-right:unset
}
html[dir="rtl"] .login-card .login-main .theme-form p a.ms-2{
    margin-left:0.5rem !important;
    margin-right:unset !important
}
html[dir="rtl"] .login-card .login-main .theme-form ul.login-social li:nth-child(1){
    margin-left:15px
}
html[dir="rtl"] .cke_toolgroup a.cke_button:last-child:after{
    border-right:unset;
    border-left:1px solid #ccc;
    left:-3px;
    right:unset
}
html[dir="rtl"] .chat-box .chat-left-aside .people-list .search input{
    border-radius:0 10px 10px 0 !important
}
html[dir="rtl"] .chat-box .chat-right-aside .chat .chat-message .text-box .input-txt-bx{
    border-radius:0 5px 5px 0
}
html[dir="rtl"] .chat-box .people-list .search .input-group-text{
    border-radius:10px 0 0 10px !important
}
html[dir="rtl"] .todo-wrap.email-wrap .email-app-sidebar .main-menu>li button.d-block{
    text-align:right
}
html[dir="rtl"] .timeline-content .comments-box .input-group input{
    border-radius:0 4px 4px 0 !important
}
html[dir="rtl"] .timeline-content .comments-box .input-group .input-group-text{
    border-radius:10px 0 0 10px !important
}
html[dir="rtl"] .note-list.btn-group .btn:nth-child(2){
    border-radius:30px 0 0 30px !important
}
html[dir="rtl"] .note-align .btn:first-child{
    border-radius:0 30px 30px 0 !important
}
html[dir="rtl"] .note-align .btn:last-child{
    border-radius:30px 0 0 30px !important
}
html[dir="rtl"] .note-align .btn:nth-last-child(2){
    border-radius:0 !important
}
html[dir="rtl"] .note-para div.note-btn-group .btn.dropdown-toggle{
    border-radius:30px 0 0 30px !important
}
html[dir="rtl"] .map-js-height .btn-group .btn+.btn{
    border-radius:30px 0 0 30px !important
}
html[dir="rtl"] .alert-theme.notify-alert{
    left:20px !important;
    right:unset !important
}
html[dir="rtl"] .alert-theme.notify-alert i{
    padding-left:0 !important;
    padding-right:20px !important;
    margin-left:20px !important;
    margin-right:unset !important
}
html[dir="rtl"] .alert-theme.notify-alert button.close{
    right:unset !important;
    left:20px !important
}
html[dir="rtl"] .switch-showcase .form-check .form-check-input{
    float:left
}
html[dir="rtl"] .pill-input-group span:last-child{
    border-radius:1.3rem 1.3rem !important
}
html[dir="rtl"] .pill-input-group span:first-child{
    border-radius:1.3rem 1.3rem !important
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li{
    text-align:right;
    max-width:100%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link::before{
    right:13px !important;
    left:unset !important
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link svg{
    margin-left:18px;
    margin-right:unset
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li{
    text-align:center
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link::before{
    left:25px !important;
    right:unset !important
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link svg{
    margin:0
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a svg{
    height:20px
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.sidebar-list i.fa-thumb-tack{
    right:unset;
    left:40px
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a{
    padding:6px 45px 6px 25px
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-title h5{
    padding:6px 45px 6px 25px
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-title h5::after{
    left:unset;
    right:25px
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link::before{
    right:13px;
    left:unset
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper{
    text-align:right
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .toggle-sidebar{
    right:unset;
    left:30px
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .badge{
    left:50px !important;
    right:unset !important
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active{
    border-left:unset
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon{
    margin-right:0;
    margin-left:unset
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper{
    text-align:left
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper img{
    margin-left:8px
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer{
    margin-left:0;
    margin-right:90px;
    -webkit-transition:0.5s;
    transition:0.5s
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a svg{
    margin-left:0;
    margin-right:0
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu{
    display:none !important
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu{
    display:none
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a svg{
    margin-left:13px
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper:hover{
    -webkit-transform:translate(0px);
    transform:translate(0px)
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper:hover .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu{
    display:block !important
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a svg{
    float:none
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper:hover .according-menu{
    display:block
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu:after{
    right:30px;
    left:unset
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu>li a{
    padding-right:45px !important;
    padding-left:22px !important
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu>li a:after{
    right:26px;
    left:unset
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .page-body{
    margin-left:unset;
    margin-right:280px
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a svg{
    margin-right:unset;
    margin-left:15px
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a svg{
    margin-right:unset
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .according-menu{
    right:unset;
    left:20px
}
html[dir="rtl"] ul.rating{
    direction:ltr
}
html[dir="rtl"] .job-search .d-sm-flex .flex-grow-1 ul.rating{
    margin-left:unset;
    margin-right:10px
}
html[dir="rtl"] .table-hover tbody tr td svg{
    margin-left:10px;
    margin-right:unset
}
html[dir="rtl"] .left-header .left-menu-header ul.header-left li span.f-w-600::before{
    right:-9px;
    left:unset
}
html[dir="rtl"] .setting-list{
    right:unset;
    left:30px
}
html[dir="rtl"] .cke_toolbar_separator{
    float:right
}
html[dir="rtl"] .onhover-dropdown:hover .onhover-show-div::before{
    right:10px;
    left:unset
}
html[dir="rtl"] .onhover-dropdown:hover .onhover-show-div:after{
    right:10px;
    left:unset
}
html[dir="rtl"] .timeliny .timeliny-vertical-line{
    right:16%;
    left:unset
}
html[dir="rtl"] .timeliny .timeliny-dot:after,html[dir="rtl"] .timeliny .timeliny-dot::before{
    right:1.25rem;
    left:unset
}
html[dir="rtl"] .card-header .d-flex .flex-grow-1 .square-after::after{
    right:unset;
    left:-12px
}
html[dir="rtl"] .knowledgebase-bg{
    -webkit-transform:scaleX(-1);
    transform:scaleX(-1)
}
html[dir="rtl"] .knowledgebase-search{
    left:unset;
    right:5%
}
html[dir="rtl"] .dashboard-default table tr td:first-child{
    padding-right:unset;
    padding-left:12px !important
}
html[dir="rtl"] .dashboard-default .todo-timeline .d-flex .flex-grow-1 .d-flex .flex-grow-1{
    margin-right:15px;
    margin-left:unset
}
html[dir="rtl"] .dashboard-default .activity-timeline .d-flex .flex-grow-1{
    margin-left:unset;
    margin-right:20px
}
html[dir="rtl"] .dashboard-default .activity-timeline .d-flex .activity-line{
    right:36px;
    left:unset
}
html[dir="rtl"] .dashboard-default .appointment-detail .card-body .table tr td.text-end{
    text-align:left
}
html[dir="rtl"] .dashboard-default .appointment-detail .card-body .table tr td button i{
    margin-right:8px;
    margin-left:unset
}
html[dir="rtl"] .dashboard-default .appointment-detail .card-body .table tr td:last-child{
    padding-left:unset;
    padding-right:12px !important
}
html[dir="rtl"] .dashboard-default .appointment-detail .card-body .table tr td .d-flex .active-status{
    right:31px;
    left:unset
}
html[dir="rtl"] .dashboard-default .appointment-detail .card-body .table tr td .d-flex .circle{
    margin-left:14px;
    margin-right:unset
}
html[dir="rtl"] .dashboard-default .user-chat .chat-box .left-chat .message-main p{
    border-bottom-left-radius:30px;
    border-bottom-right-radius:0
}
html[dir="rtl"] .dashboard-default .user-chat .chat-box .left-chat .sub-message p{
    border-radius:30px;
    border-top-left-radius:30px !important;
    border-top-right-radius:0
}
html[dir="rtl"] .dashboard-default .user-chat .chat-box .right-chat .message-main p{
    border-radius:0 30px 30px 30px
}
html[dir="rtl"] .dashboard-default .user-chat .chat-box .input-group input{
    border-left:unset;
    border-right:1px solid rgba(43,43,43,0.1)
}
html[dir="rtl"] .dashboard-default .user-chat .chat-box .input-group .send-msg svg{
    -webkit-transform:scale(-1);
    transform:scale(-1)
}
html[dir="rtl"] .dashboard-default .our-earning .card-footer ul li+li::before{
    left:unset;
    right:-6px
}
html[dir="rtl"] .dashboard-default .our-earning .card-footer ul li span{
    margin-right:15px;
    margin-left:unset
}
html[dir="rtl"] .dashboard-default .onhover-show-div{
    left:0;
    right:unset
}
html[dir="rtl"] .dashboard-default .onhover-show-div ul li{
    text-align:right
}
html[dir="rtl"] .dashboard-default .card-header .d-flex .badge-group .badge svg{
    margin-right:5px;
    margin-left:unset
}
html[dir="rtl"] .dashboard-default .card-header .d-flex .badge-group .icon-box{
    margin-right:14px;
    margin-left:unset
}
html[dir="rtl"] .dashboard-default .our-user .card-body ul li+li::before{
    left:unset;
    right:0
}
html[dir="rtl"] .dashboard-default .profile-greeting .greeting-user ul.vector-image li:nth-child(4){
    right:unset;
    left:25%
}
html[dir="rtl"] .dashboard-default .profile-greeting .greeting-user ul.vector-image li:nth-child(3){
    right:unset;
    left:38%
}
html[dir="rtl"] .dashboard-default .profile-greeting .d-sm-flex .badge-group .icon-box{
    margin-left:unset;
    margin-right:14px
}
html[dir="rtl"] .dashboard-default .profile-greeting .d-sm-flex .badge-group .badge.badge-light-primary i{
    margin-right:unset;
    margin-left:5px
}
html[dir="rtl"] .dashboard-default .profile-greeting .weather h2{
    margin-left:15px;
    padding-left:15px;
    padding-right:unset;
    margin-right:unset
}
html[dir="rtl"] .dashboard-default .profile-greeting .weather h2:after{
    left:0;
    right:unset
}
html[dir="rtl"] .card-header h4{
    text-align:right
}
html[dir="rtl"] .card-header p i{
    top:8px;
    margin-left:unset;
    margin-right:8px
}
html[dir="rtl"] .ms-4{
    margin-right:1.5rem !important;
    margin-left:unset !important
}
html[dir="rtl"] .card-body.chart-block{
    direction:ltr
}
html[dir="rtl"] .profile-greeting .card-body{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
html[dir="rtl"] .status-circle{
    right:44px;
    left:unset
}
html[dir="rtl"] .job-search .d-sm-flex .flex-grow-1 .job-apply-btn{
    right:unset;
    left:30px
}
html[dir="rtl"] .best-seller table tr th:last-child,html[dir="rtl"] .best-seller table tr td:last-child{
    padding-left:unset;
    padding-right:12px;
    text-align:left
}
html[dir="rtl"] .best-seller table tr th:first-child,html[dir="rtl"] .best-seller table tr td:first-child{
    padding-right:unset;
    padding-left:12px !important
}
html[dir="rtl"] .btn-group-wrapper .btn-group-vertical .btn-group:last-child .btn.dropdown-toggle{
    border-radius:0 0 30px 30px !important
}
html[dir="rtl"] .btn-group-wrapper .btn-group-vertical .btn-group .btn.dropdown-toggle{
    border-radius:0 !important
}
html[dir="rtl"] .btn-group-wrapper .btn-group .dropdown-menu[style]{
    left:auto !important;
    right:unset !important
}
html[dir="rtl"] .btn-group-wrapper .btn-group .btn-group .btn.dropdown-toggle{
    border-radius:30px 0 0 30px !important
}
html[dir="rtl"] .btn-group-wrapper .btn-group .btn{
    border-radius:0 !important
}
html[dir="rtl"] .btn-group-wrapper .btn-group .btn:first-child{
    border-radius:0 30px 30px 0 !important
}
html[dir="rtl"] .btn-group-wrapper .btn-group .btn:last-child{
    border-radius:30px 0 0 30px !important
}
html[dir="rtl"] .btn-group-showcase .btn-option .btn+.btn{
    border-radius:30px 0 0 30px !important
}
html[dir="rtl"] .btn-group-showcase .btn-radio .btn-group .btn+.btn{
    border-radius:30px 0 0 30px !important
}
html[dir="rtl"] .comment-box .d-md-flex h6{
    text-align:right
}
html[dir="rtl"] .comment-box .d-md-flex img{
    margin-right:unset;
    margin-left:30px
}
html[dir="rtl"] .dashboard-2 .order-card table thead th:first-child,html[dir="rtl"] .dashboard-2 .order-card table thead td:first-child{
    padding-right:unset;
    padding-left:12px !important
}
html[dir="rtl"] .dashboard-2 .order-card table thead th:last-child,html[dir="rtl"] .dashboard-2 .order-card table thead td:last-child{
    padding-left:unset;
    padding-right:12px
}
html[dir="rtl"] .goal-view ul.goal-list li:first-child{
    border-left:1px solid #eee
}
html[dir="rtl"] .widget-joins .d-flex .flex-grow-1{
    text-align:left
}
html[dir="rtl"] .widget-joins .widget-card .icon-bg{
    left:20px;
    right:unset
}
html[dir="rtl"] .widget-joins .widget-card h5 span:last-child{
    margin-right:10px;
    margin-left:unset
}
html[dir="rtl"] .widget-feedback ul li:nth-child(n+2){
    border-left:unset;
    border-right:1px solid #eee
}
html[dir="rtl"] .testimonial{
    text-align:center !important
}
html[dir="rtl"] .activity-media .d-flex .flex-grow-1{
    margin-right:20px;
    margin-left:unset
}
html[dir="rtl"] .custom-profile .card-social li:nth-child(n+2){
    margin-right:10px;
    margin-left:unset
}
html[dir="rtl"] .custom-profile .card-footer>div div+div{
    border-left:unset;
    border-right:1px solid #eee
}
html[dir="rtl"] .social-widget-card .d-flex .flex-grow-1{
    margin-right:20px;
    margin-left:unset
}
html[dir="rtl"] .social-widget-card .card-footer .row .col:nth-child(n+2){
    border-right:1px solid #eee;
    border-left:unset
}
html[dir="rtl"] .browser-table table tr th:first-child,html[dir="rtl"] .browser-table table tr td:first-child{
    padding-left:12px;
    padding-right:unset
}
html[dir="rtl"] .browser-table table tr th:last-child,html[dir="rtl"] .browser-table table tr td:last-child{
    padding-left:unset;
    padding-right:12px;
    text-align:left
}
html[dir="rtl"] .order-history table tbody tr td .product-name .order-process{
    padding-right:15px;
    padding-left:unset
}
html[dir="rtl"] .dropdown-menu.show{
    text-align:right
}
html[dir="rtl"] .file-content li{
    margin-right:unset;
    margin-left:20px
}
html[dir="rtl"] .file-content .folder-box .files-list i{
    margin-left:0;
    margin-right:unset
}
html[dir="rtl"] .file-content .btn svg{
    margin-right:unset;
    margin-left:2px
}
html[dir="rtl"] .file-content .form-inline i{
    padding-right:unset;
    padding-left:10px
}
html[dir="rtl"] .file-manager .folder li:nth-child(n+2){
    margin-left:unset;
    margin-right:12px
}
html[dir="rtl"] .file-sidebar .pricing-plan .bg-img{
    top:40px;
    left:-60px;
    right:unset;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
html[dir="rtl"] .file-sidebar .btn svg{
    margin-right:unset;
    margin-left:8px
}
html[dir="rtl"] .file-content .folder .folder-box .ellips{
    right:unset;
    left:22px
}
html[dir="rtl"] .employee-status table tr th:first-child,html[dir="rtl"] .employee-status table tr td:first-child{
    padding-right:0;
    padding-left:12px
}
html[dir="rtl"] .employee-status table tr th:last-child,html[dir="rtl"] .employee-status table tr td:last-child{
    padding-left:unset;
    padding-right:12px;
    text-align:left
}
html[dir="rtl"] .employee-status .d-flex img{
    margin-left:15px;
    margin-right:unset
}
html[dir="rtl"] .user-status table tr th:first-child,html[dir="rtl"] .user-status table tr td:first-child{
    padding-right:unset;
    padding-left:12px
}
html[dir="rtl"] .user-status table tr th:last-child,html[dir="rtl"] .user-status table tr td:last-child{
    padding-left:unset;
    padding-right:12px
}
html[dir="rtl"] .pro-filter-sec .product-sidebar{
    margin-left:30px;
    margin-right:unset
}
html[dir="rtl"] .products-total>div:nth-child(n+2){
    margin-right:10px;
    margin-left:unset
}
html[dir="rtl"] .invoice .invo-profile .invo-profile-right{
    text-align:left
}
html[dir="rtl"] .invoice .invo-profile .invo-profile-left .d-flex .flex-shrink-0{
    margin-left:15px;
    margin-right:unset
}
html[dir="rtl"] .order-box .title-box span{
    text-align:left
}
html[dir="rtl"] .order-box .qty li span{
    text-align:left
}
html[dir="rtl"] .order-box .sub-total li .count{
    text-align:left
}
html[dir="rtl"] .order-box .sub-total .shipping-class .shopping-checkout-option label{
    text-align:left
}
html[dir="rtl"] .pricing-block .pricing-list ul li h6 span{
    margin-right:5px;
    margin-left:unset
}
html[dir="rtl"] .email-wrap .actions{
    text-align:left
}
html[dir="rtl"] .email-wrap .actions li:nth-child(n+2){
    margin-right:15px;
    margin-left:unset
}
html[dir="rtl"] .email-wrap .actions li i.fa{
    -webkit-transform:scaleX(-1);
    transform:scaleX(-1)
}
html[dir="rtl"] .email-wrap .email-wrapper .right-download{
    float:left
}
html[dir="rtl"] .email-wrap .email-wrapper h6{
    float:right
}
html[dir="rtl"] .email-wrap .email-right-aside .email-body .inbox .d-flex .flex-grow-1 span{
    left:20px;
    right:unset
}
html[dir="rtl"] .email-wrap .email-right-aside .email-body .inbox svg{
    margin-left:10px;
    margin-right:unset
}
html[dir="rtl"] .email-wrap .email-right-aside .email-profile .inbox p{
    padding-right:15px;
    padding-left:unset
}
html[dir="rtl"] .email-wrap .email-right-aside .email-profile .dropdown .dropdown-menu .dropdown-item{
    text-align:right
}
html[dir="rtl"] .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li:nth-child(n+2){
    margin-right:24px;
    margin-left:unset !important
}
html[dir="rtl"] .user-profile .social-media ul.user-list-social li:nth-child(n+2){
    margin-right:5px;
    margin-left:unset
}
html[dir="rtl"] .user-profile .follow ul.follow-list li:nth-child(n+2){
    margin-right:15px;
    padding-right:15px;
    padding-left:0;
    margin-left:0;
    border-right:1px solid #eee;
    border-left:none
}
html[dir="rtl"] .user-profile .post-about ul li .icon{
    margin-right:0;
    margin-left:15px
}
html[dir="rtl"] .user-profile .profile-post .post-body .post-react ul li:nth-child(n+2){
    margin-left:unset;
    margin-right:-20px
}
html[dir="rtl"] .user-profile .profile-post .post-body .post-react h6{
    margin-right:15px;
    margin-left:unset
}
html[dir="rtl"] .user-profile .profile-post .post-body .post-comment li:nth-child(n+2){
    margin-left:0;
    margin-right:15px
}
html[dir="rtl"] .social-tab ul li:nth-child(n+2){
    margin-left:unset;
    margin-right:15px
}
html[dir="rtl"] .social-tab ul li a svg{
    margin-right:unset;
    margin-left:5px
}
html[dir="rtl"] .social-tab .input-group .form-control{
    border-top-left-radius:0 !important;
    border-bottom-left-radius:0 !important;
    border-top-right-radius:5px !important;
    border-bottom-right-radius:5px !important
}
html[dir="rtl"] .social-tab .input-group .input-group-text{
    border-top-left-radius:5px !important;
    border-bottom-left-radius:5px !important;
    border-top-right-radius:0 !important;
    border-bottom-right-radius:0 !important
}
html[dir="rtl"] .contact-editform.ps-0{
    padding-left:20px !important
}
html[dir="rtl"] .contact-options li .btn-category{
    padding-left:unset !important;
    padding-right:40px
}
html[dir="rtl"] .list-persons .profile-mail .email-general ul{
    padding-right:unset;
    padding-left:20px
}
html[dir="rtl"] .list-persons .profile-mail .email-general ul li>span{
    float:left
}
html[dir="rtl"] .list-persons .profile-mail .d-flex .flex-grow-1 ul li+li{
    padding-left:unset;
    padding-right:10px;
    margin-left:unset;
    margin-right:5px;
    border-left:unset;
    border-right:1px solid #f4f4f4
}
html[dir="rtl"] .contacts-tabs .nav-pills{
    border-right:unset;
    border-left:1px solid #eee
}
html[dir="rtl"] .date-details>div+div{
    margin-left:unset;
    margin-right:10px
}
html[dir="rtl"] .calendar-basic #menu-navi .menu-navi-right .move-btn{
    margin-right:15px;
    margin-left:unset;
    direction:ltr
}
html[dir="rtl"] .calendar-basic #menu-navi .menu-navi-right .dropdown-menu{
    text-align:right
}
html[dir="rtl"] .calendar-basic #menu-navi .menu-navi-right .dropdown-menu>li>a i{
    margin-right:0;
    margin-left:10px
}
html[dir="rtl"] .calendar-basic #dropdownMenu-calendarType i:last-child{
    margin-right:15px;
    margin-left:unset
}
html[dir="rtl"] .calendar-basic #dropdownMenu-calendarType i:first-child{
    margin-right:unset;
    margin-left:15px
}
html[dir="rtl"] .calendar-basic .lnb-calendars{
    float:left
}
html[dir="rtl"] .calendar-basic input[type="checkbox"].tui-full-calendar-checkbox-round+span{
    margin-left:8px;
    margin-right:unset
}
html[dir="rtl"] .calendar-basic input[type="checkbox"].tui-full-calendar-checkbox-square+span{
    margin-left:5px
}
html[dir="rtl"] .calendar-basic .lnb-calendars-item:nth-child(n+2){
    margin-right:10px;
    margin-left:0
}
html[dir="rtl"] .calendar-basic .tui-full-calendar-button.tui-full-calendar-popup-close{
    left:10px;
    right:unset
}
html[dir="rtl"] .calendar-basic .tui-full-calendar-button.tui-full-calendar-section-private{
    margin-right:4px;
    margin-left:unset
}
html[dir="rtl"] .calendar-basic .tui-full-calendar-popup .tui-full-calendar-popup-section-item .tui-full-calendar-content{
    text-align:right;
    padding-right:8px;
    padding-left:0
}
html[dir="rtl"] .calendar-basic .tui-full-calendar-popup .tui-full-calendar-popup-section-item .tui-full-calendar-icon{
    margin-right:10px;
    margin-left:0
}
html[dir="rtl"] .calendar-basic .tui-full-calendar-popup-detail .tui-full-calendar-icon{
    margin-left:8px;
    margin-right:unset
}
html[dir="rtl"] .calendar-basic .tui-full-calendar-popup-detail .tui-full-calendar-popup-detail-item-indent{
    padding-right:20px;
    padding-left:unset
}
html[dir="rtl"] table.dataTable.fixedHeader-locked,html[dir="rtl"] table.dataTable.fixedHeader-floating{
    right:250px !important
}
html[dir="rtl"] .file-content .form-inline i{
    padding-right:unset;
    padding-left:10px
}
html[dir="rtl"] .file-sidebar .btn svg{
    margin-right:unset;
    margin-left:8px
}
html[dir="rtl"] .project-list .btn{
    float:left
}
html[dir="rtl"] .form-select{
    background-position:left 0.75rem center
}
html[dir="rtl"] .customers ul li+li{
    margin-left:unset;
    margin-right:-10%
}
html[dir="rtl"] .project-list .border-tab.nav-tabs .nav-item .nav-link{
    padding:8px 0 8px 30px
}
html[dir="rtl"] .project-box .badge{
    right:unset;
    left:15px
}
html[dir="rtl"] .kanban-board{
    float:right
}
html[dir="rtl"] .kanban-item .kanban-box .customers ul li+li{
    margin-left:unset;
    margin-right:-10px
}
html[dir="rtl"] .kanban-item .list li i{
    margin-right:unset;
    margin-left:10px
}
html[dir="rtl"] .right-header .input-group .input-group-prepend .input-group-text{
    margin-left:5px;
    margin-right:unset
}
html[dir="rtl"] .page-wrapper.horizontal-wrapper .header-logo-wrapper{
    text-align:right
}
html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body{
    margin-right:0
}
html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper footer{
    margin-right:0
}
html[dir="rtl"] .page-header .header-wrapper .nav-right .message-dropdown,html[dir="rtl"] .page-header .header-wrapper .nav-right .notification-dropdown{
    border-top-left-radius:10px;
    border-top-right-radius:10px
}
html[dir="rtl"] .page-header .header-wrapper .nav-right>ul>li:first-child{
    margin-left:0
}
html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul li .profile-media .flex-grow-1{
    margin-right:15px;
    margin-left:unset
}
html[dir="rtl"] .page-header .header-wrapper .toggle-sidebar{
    margin-left:2px;
    margin-right:unset
}
html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:not(.profile-dropdown) li:first-child svg{
    right:unset;
    left:8px
}
html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown{
    left:-20px !important;
    right:unset !important
}
html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full input{
    padding-left:unset;
    padding-right:60px;
    text-align:right
}
html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before{
    left:unset;
    right:30px
}
html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search{
    right:unset;
    left:30px
}
html[dir="rtl"] .apexcharts-canvas{
    direction:ltr
}
html[dir="rtl"] .star-ratings ul.search-info .rating li+li{
    border-right:none;
    padding-right:0;
    margin-right:0
}
html[dir="rtl"] .search-list li:first-child{
    border-radius:10px 10px !important;
    border-top-left-radius:unset !important;
    border-bottom-left-radius:unset !important
}
html[dir="rtl"] .search-list li:last-child{
    border-radius:10px 10px !important;
    border-top-right-radius:unset !important;
    border-bottom-right-radius:unset !important
}
html[dir="rtl"] .typo-graphy .card-body .figure blockquote{
    border-left:unset;
    border-right:4px solid #eee
}
html[dir="rtl"] .figure.text-end blockquote{
    border-right:unset !important;
    border-left:4px solid #eee !important
}
html[dir="rtl"] .email-wrap .btn-mail{
    text-align:right
}
html[dir="rtl"] .email-wrap .email-app-sidebar ul li a{
    padding-left:unset;
    padding-right:20px
}
html[dir="rtl"] .bookmark-tabcontent .tab-content .card .card-header ul li+li{
    margin-right:5px;
    margin-left:unset
}
html[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark{
    text-align:right
}
html[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li+li{
    margin-left:unset;
    margin-right:5px
}
html[dir="rtl"] .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block{
    text-align:left
}
html[dir="rtl"] .bookmark-wrap .details-bookmark .row>div+div{
    padding-left:15px !important
}
html[dir="rtl"] .ribbon-wrapper .card-body .ribbon-space-bottom,html[dir="rtl"] .ribbon-wrapper .card-body .ribbon-vertical-right{
    right:0;
    left:unset
}
html[dir="rtl"] .ribbon-vertical-left-wrapper p{
    text-align:left
}
html[dir="rtl"] .taskadd table tr td:last-child{
    padding-left:30px;
    padding-right:unset
}
html[dir="rtl"] .taskadd table tr td:first-child{
    padding-right:30px;
    padding-left:unset
}
html[dir="rtl"] .location-checkbox span{
    padding-right:30px;
    padding-left:unset
}
html[dir="rtl"] .dashboard-2 .product-slider .card-body .owl-carousel.owl-theme .owl-dots{
    left:0;
    right:unset
}
html[dir="rtl"] .dashboard-2 .order-card table tbody tr:hover td:nth-child(2) span{
    border-right:2px solid #5c61f2;
    border-left:unset
}
html[dir="rtl"] .dashboard-2 .order-card table tbody tr td:nth-child(2) span{
    border-right:2px solid rgba(0,0,0,0);
    border-left:unset
}
html[dir="rtl"] .dashboard-2 .order-card table tbody tr td .d-flex .flex-grow-1 span{
    margin-right:20px;
    margin-left:unset
}
html[dir="rtl"] .dashboard-2 .static-card .card-footer ul.d-xxl-flex li:nth-child(n+2){
    margin-right:20px;
    margin-left:unset
}
html[dir="rtl"] .dashboard-2 .static-card .card-footer ul.d-xxl-flex li .flex-grow-1{
    margin-right:15px;
    margin-left:unset
}
html[dir="rtl"] .dashboard-2 .static-card .card-footer ul.d-xxl-flex li .flex-shrink-0 i{
    -webkit-transform:rotate(320deg);
    transform:rotate(320deg)
}
html[dir="rtl"] .dashboard-2 .activity-timeline .d-flex .flex-grow-1{
    margin-right:20px;
    margin-left:unset
}
html[dir="rtl"] .dashboard-2 .activity-timeline .d-flex .flex-grow-1 ul.img-wrapper li+li{
    margin-left:unset;
    margin-right:20px
}
html[dir="rtl"] .dashboard-2 .activity-timeline .d-flex .activity-line{
    right:36px;
    left:unset
}
html[dir="rtl"] .dashboard-2 .goal-view .card-footer ul li+li::before{
    right:-6px;
    left:unset
}
html[dir="rtl"] .dashboard-2 .best-seller table tbody tr td i.fa{
    margin-right:8px;
    margin-left:unset
}
html[dir="rtl"] .dashboard-2 .best-seller table tbody tr td .d-flex .active-status{
    left:unset;
    right:33px
}
html[dir="rtl"] .dashboard-2 .best-seller table tbody tr td .d-flex img{
    margin-left:10px;
    margin-right:unset
}
html[dir="rtl"] .dashboard-2 .product .d-flex .active-status{
    right:30px;
    left:unset
}
html[dir="rtl"] .dashboard-2 .product .card-body .table tr td:first-child{
    padding-left:12px;
    padding-right:unset
}
html[dir="rtl"] .dashboard-2 .product .card-body .table tr td .d-flex .circle{
    margin-left:10px;
    margin-right:unset
}
html[dir="rtl"] .dashboard-2 .card-body .d-flex .flex-grow-1 .profit-wrapper i{
    -webkit-transform:rotate(320deg);
    transform:rotate(320deg)
}
html[dir="rtl"] .dashboard-2 .card-body .right-side{
    left:15px;
    right:unset
}
html[dir="rtl"] .progress-gradient-primary{
    background-image:-webkit-gradient(linear, left top, right top, from(var(--theme-deafult)), to(rgba(0,0,0,0)));
    background-image:linear-gradient(to right, var(--theme-deafult), rgba(0,0,0,0))
}
html[dir="rtl"] .progress-gradient-primary::after{
    right:unset;
    left:-1px
}
html[dir="rtl"] .progress-gradient-primary .animate-circle{
    right:unset;
    left:-8px
}
html[dir="rtl"] .progress-gradient-secondary{
    background-image:-webkit-gradient(linear, left top, right top, from(#eeb82f), to(rgba(0,0,0,0)));
    background-image:linear-gradient(to right, #eeb82f, rgba(0,0,0,0))
}
html[dir="rtl"] .progress-gradient-secondary::after{
    right:unset;
    left:-1px
}
html[dir="rtl"] .progress-gradient-secondary .animate-circle{
    right:unset;
    left:-8px
}
html[dir="rtl"] .progress-gradient-success{
    background-image:-webkit-gradient(linear, left top, right top, from(#61ae41), to(rgba(0,0,0,0)));
    background-image:linear-gradient(to right, #61ae41, rgba(0,0,0,0))
}
html[dir="rtl"] .progress-gradient-success::after{
    right:unset;
    left:-1px
}
html[dir="rtl"] .progress-gradient-success .animate-circle{
    right:unset;
    left:-8px
}
html[dir="rtl"] .progress-gradient-danger{
    background-image:-webkit-gradient(linear, left top, right top, from(#f81f58), to(rgba(0,0,0,0)));
    background-image:linear-gradient(to right, #f81f58, rgba(0,0,0,0))
}
html[dir="rtl"] .progress-gradient-danger::after{
    right:unset;
    left:-1px
}
html[dir="rtl"] .progress-gradient-danger .animate-circle{
    right:unset;
    left:-8px
}
html[dir="rtl"] .progress-gradient-info{
    background-image:-webkit-gradient(linear, left top, right top, from(#4faad5), to(rgba(0,0,0,0)));
    background-image:linear-gradient(to right, #4faad5, rgba(0,0,0,0))
}
html[dir="rtl"] .progress-gradient-info::after{
    right:unset;
    left:-1px
}
html[dir="rtl"] .progress-gradient-info .animate-circle{
    right:unset;
    left:-8px
}
html[dir="rtl"] .progress-gradient-light{
    background-image:-webkit-gradient(linear, left top, right top, from(#f4f4f4), to(rgba(0,0,0,0)));
    background-image:linear-gradient(to right, #f4f4f4, rgba(0,0,0,0))
}
html[dir="rtl"] .progress-gradient-light::after{
    right:unset;
    left:-1px
}
html[dir="rtl"] .progress-gradient-light .animate-circle{
    right:unset;
    left:-8px
}
html[dir="rtl"] .progress-gradient-dark{
    background-image:-webkit-gradient(linear, left top, right top, from(#2c323f), to(rgba(0,0,0,0)));
    background-image:linear-gradient(to right, #2c323f, rgba(0,0,0,0))
}
html[dir="rtl"] .progress-gradient-dark::after{
    right:unset;
    left:-1px
}
html[dir="rtl"] .progress-gradient-dark .animate-circle{
    right:unset;
    left:-8px
}
html[dir="rtl"] .progress-gradient-warning{
    background-image:-webkit-gradient(linear, left top, right top, from(#e6ae30), to(rgba(0,0,0,0)));
    background-image:linear-gradient(to right, #e6ae30, rgba(0,0,0,0))
}
html[dir="rtl"] .progress-gradient-warning::after{
    right:unset;
    left:-1px
}
html[dir="rtl"] .progress-gradient-warning .animate-circle{
    right:unset;
    left:-8px
}
html[dir="rtl"] .progress-animate span{
    left:-10px;
    right:unset
}
html[dir="rtl"] .product-social li:nth-child(n+2){
    margin-right:10px;
    margin-left:unset
}
html[dir="rtl"] .me-4{
    margin-left:1.5rem !important;
    margin-right:unset !important
}
html[dir="rtl"] .pe-4{
    padding-left:1.5rem !important;
    padding-right:unset !important
}
html[dir="rtl"] .me-1{
    margin-left:0.25rem !important;
    margin-right:unset !important
}
html[dir="rtl"] .navs-dropdown .onhover-show-div{
    right:0
}
html[dir="rtl"] .default-according.style-1 button{
    text-align:right
}
html[dir="rtl"] .default-according.style-1 button:before{
    left:20px;
    right:unset
}
html[dir="rtl"] .default-according.style-1 button i{
    right:18px;
    left:unset
}
html[dir="rtl"] .default-according .card .card-header i{
    right:18px;
    left:unset;
    margin-left:5px;
    margin-right:unset
}
html[dir="rtl"] .default-according .card .card-header .btn-link{
    text-align:right
}
html[dir="rtl"] .ProfileCard-details{
    padding-right:30px;
    padding-left:unset;
    float:right
}
html[dir="rtl"] .starter-main .card-body blockquote{
    border-left:unset;
    border-right:4px solid #eee
}
html[dir="rtl"] .starter-main .card-body dd{
    margin-right:0
}
html[dir="rtl"] .starter-main .card-body ul{
    padding-right:0;
    padding-left:unset
}
html[dir="rtl"] .theme-tab .tab-title li a svg{
    margin-left:5px;
    margin-right:unset
}
html[dir="rtl"] .order-box .sub-total .shipping-class .shopping-checkout-option,html[dir="rtl"] .order-box .sub-total .shipping-class span,html[dir="rtl"] .order-box .sub-total li .shopping-checkout-option,html[dir="rtl"] .order-box .sub-total li span,html[dir="rtl"] .order-box .total .shipping-class .shopping-checkout-option,html[dir="rtl"] .order-box .total .shipping-class span,html[dir="rtl"] .order-box .total li .shopping-checkout-option,html[dir="rtl"] .order-box .total li span,html[dir="rtl"] .order-box .qty .shipping-class .shopping-checkout-option,html[dir="rtl"] .order-box .qty .shipping-class span,html[dir="rtl"] .order-box .qty li .shopping-checkout-option,html[dir="rtl"] .order-box .qty li span{
    float:left
}
html[dir="rtl"] .order-box .sub-total li .count,html[dir="rtl"] .order-box .total li .count,html[dir="rtl"] .order-box .qty li .count{
    float:left
}
html[dir="rtl"] .img-paypal{
    margin-right:15px;
    margin-left:unset
}
html[dir="rtl"] .cart .qty-box .input-group .btn{
    border-radius:0 !important
}
html[dir="rtl"] .product-qnty fieldset .input-group .input-group-prepend .btn{
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
html[dir="rtl"] .grid-options{
    margin-right:10px;
    margin-left:unset
}
html[dir="rtl"] .grid-options ul li a .line-grid-1{
    right:12px;
    left:unset
}
html[dir="rtl"] .grid-options ul li a .line-grid-2{
    right:18px;
    left:unset
}
html[dir="rtl"] .grid-options ul li a .line-grid-3{
    right:36px;
    left:unset
}
html[dir="rtl"] .grid-options ul li a .line-grid-4{
    right:42px;
    left:unset
}
html[dir="rtl"] .grid-options ul li a .line-grid-5{
    right:48px;
    left:unset
}
html[dir="rtl"] .grid-options ul li a .line-grid-6{
    right:66px;
    left:unset
}
html[dir="rtl"] .grid-options ul li a .line-grid-7{
    right:72px;
    left:unset
}
html[dir="rtl"] .grid-options ul li a .line-grid-8{
    right:78px;
    left:unset
}
html[dir="rtl"] .grid-options ul li a .line-grid-9{
    right:84px;
    left:unset
}
html[dir="rtl"] .grid-options ul li a .line-grid-10{
    right:103px;
    left:unset
}
html[dir="rtl"] .grid-options ul li a .line-grid-11{
    right:109px;
    left:unset
}
html[dir="rtl"] .grid-options ul li a .line-grid-12{
    right:115px;
    left:unset
}
html[dir="rtl"] .grid-options ul li a .line-grid-13{
    right:121px;
    left:unset
}
html[dir="rtl"] .grid-options ul li a .line-grid-14{
    right:127px;
    left:unset
}
html[dir="rtl"] .grid-options ul li a .line-grid-15{
    right:133px;
    left:unset
}
html[dir="rtl"] .product-wrapper.sidebaron .product-grid .product-wrapper-grid{
    margin-left:unset
}
html[dir="rtl"] .product-filter.new-products .owl-theme .owl-nav{
    left:0;
    right:unset
}
html[dir="rtl"] .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details.text-start{
    text-align:left !important
}
html[dir="rtl"] .product-filter.new-products .owl-theme .owl-item .item .product-box .d-flex{
    direction:rtl
}
html[dir="rtl"] .product-sidebar .filter-section .card .card-header h6 .pull-right i{
    left:auto;
    right:unset
}
html[dir="rtl"] .prooduct-details-box .btn{
    right:unset;
    left:15px
}
html[dir="rtl"] .prooduct-details-box .close{
    right:unset;
    left:10px
}
html[dir="rtl"] .collection-filter-block svg{
    margin-right:unset;
    margin-left:10px
}
html[dir="rtl"] .feature-products form .form-group i{
    left:30px;
    right:unset
}
html[dir="rtl"] .product-wrapper-grid.list-view .product-box .product-details{
    text-align:right
}
html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .breadcrumb{
    margin-left:unset
}
html[dir="rtl"] .bookmark ul li+li{
    margin-left:unset;
    margin-right:10px
}
html[dir="rtl"] .bookmark ul li .search-form .form-control-search{
    left:-50px;
    right:unset
}
html[dir="rtl"] .bookmark ul li .search-form .form-control-search:before{
    right:50px;
    left:unset
}
html[dir="rtl"] .bookmark ul li .search-form .form-control-search:after{
    right:20px;
    left:unset
}
html[dir="rtl"] .me-0{
    margin-left:0 !important;
    margin-right:unset !important
}
html[dir="rtl"] .footer .pull-right{
    float:none
}
html[dir="rtl"] .footer .footer-right ul{
    text-align:left
}
html[dir="rtl"] .footer .footer-right ul.color-varient li:nth-child(n+2){
    margin-left:unset;
    margin-right:-13%
}
html[dir="rtl"] .checkbox_animated,html[dir="rtl"] .radio_animated{
    margin:0 8px 0 16px
}
html[dir="rtl"] .email-profile .email-top .email-chek .checkbox_animated{
    margin:0 0 0 16px
}
html[dir="rtl"] .button.remove{
    left:-10px;
    right:unset
}
html[dir="rtl"] .code-box-copy__btn{
    left:11px;
    right:unset
}
html[dir="rtl"] ul.nav-menus{
    border-bottom:none
}
html[dir="rtl"] ul.notification-dropdown.onhover-show-div li{
    text-align:right
}
html[dir="rtl"] .badge+.badge{
    margin-right:5px;
    margin-left:unset
}
html[dir="rtl"] .offset-xl-3{
    margin-right:25%;
    margin-left:unset
}
html[dir="rtl"] .m-l-10{
    margin-right:10px !important;
    margin-left:unset !important
}
html[dir="rtl"] .m-r-20{
    margin-left:20px;
    margin-right:unset
}
html[dir="rtl"] .m-r-30{
    margin-left:30px;
    margin-right:unset
}
html[dir="rtl"] .m-r-5{
    margin-left:5px;
    margin-right:unset
}
html[dir="rtl"] .text-start{
    text-align:right !important
}
html[dir="rtl"] .m-r-10{
    margin-left:10px;
    margin-right:unset
}
html[dir="rtl"] .pe-3{
    padding-left:1rem !important;
    padding-right:unset !important
}
html[dir="rtl"] .p-r-0{
    padding-left:0;
    padding-right:15px
}
html[dir="rtl"] .m-l-20{
    margin-right:20px !important;
    margin-left:unset !important
}
html[dir="rtl"] .ps-3{
    padding-right:1rem !important
}
html[dir="rtl"] .b-r-light{
    border-left:1px solid #f4f4f4 !important;
    border-right:unset !important
}
html[dir="rtl"] .float-end{
    float:left !important
}
html[dir="rtl"] .float-start{
    float:right !important
}
html[dir="rtl"] .text-end{
    text-align:left !important
}
html[dir="rtl"] .border-right{
    border-left:1px solid #dee2e6 !important;
    border-right:unset !important
}
html[dir="rtl"] .pe-0{
    padding-left:0 !important;
    padding-right:unset !important
}
html[dir="rtl"] .ps-0{
    padding-right:0 !important;
    padding-left:unset !important
}
html[dir="rtl"] .ms-1{
    margin-left:unset !important;
    margin-right:0.25rem !important
}
html[dir="rtl"] .owl-carousel{
    direction:ltr
}
html[dir="rtl"] .btn-group>.btn:not(:last-child):not(.dropdown-toggle),html[dir="rtl"] .btn-group>:not(:last-child)>.btn{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:30px;
    border-bottom-right-radius:30px
}
html[dir="rtl"] .btn-group>.btn:not(:first-child){
    border-top-left-radius:30px;
    border-bottom-left-radius:30px;
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
html[dir="rtl"] .btn-group>.btn:nth-child(2){
    border-radius:0 !important
}
html[dir="rtl"] .btn-group .btn-group>:not(:first-child)>.btn{
    border-top-left-radius:30px;
    border-bottom-left-radius:30px;
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
html[dir="rtl"] .btn-group .btn+.btn,html[dir="rtl"] .btn-group .btn+.btn-group{
    margin-right:-1px;
    border-right:none
}
html[dir="rtl"] .btn-group .btn-group+.btn,html[dir="rtl"] .btn-group .btn-group+.btn-group{
    margin-right:-1px
}
html[dir="rtl"] .btn-group .btn-group-vertical .btn+.btn,html[dir="rtl"] .btn-group .btn-group-vertical .btn+.btn-group{
    margin-right:-1px
}
html[dir="rtl"] .btn-group .btn-group-vertical .btn-group+.btn,html[dir="rtl"] .btn-group .btn-group-vertical .btn-group+.btn-group{
    margin-right:-1px
}
html[dir="rtl"] .me-3{
    margin-right:unset !important;
    margin-left:1rem !important
}
html[dir="rtl"] .me-5{
    margin-left:3rem !important;
    margin-right:unset !important
}
html[dir="rtl"] .ms-3{
    margin-right:1rem !important;
    margin-left:unset !important
}
html[dir="rtl"] .m-r-15{
    margin-left:15px;
    margin-right:unset
}
html[dir="rtl"] .b-l-light{
    border-right:1px solid #f4f4f4 !important;
    border-left:unset !important
}
html[dir="rtl"] .p-l-0{
    padding-left:unset;
    padding-right:0px
}
html[dir="rtl"] .ps-4{
    padding-right:1.5rem !important;
    padding-left:unset !important
}
html[dir="rtl"] .me-2{
    margin-left:0.5rem !important;
    margin-right:unset !important
}
html[dir="rtl"] .ms-2{
    margin-right:0.5rem !important;
    margin-left:unset !important
}
html[dir="rtl"] .pe-2{
    padding-right:unset !important;
    padding-left:0.5rem !important
}
html[dir="rtl"] .alert{
    text-align:right
}
html[dir="rtl"] .pull-right{
    float:left
}
html[dir="rtl"] .form-inline .form-group{
    margin-left:15px;
    margin-right:0
}
html[dir="rtl"] .card{
    text-align:right
}
html[dir="rtl"] .card .card-header h5:not(.mb-0){
    float:right
}
html[dir="rtl"] .card .card-header span{
    clear:both
}
html[dir="rtl"] .card .card-header .card-header-right{
    left:35px;
    right:unset
}
html[dir="rtl"] .card .card-header .card-header-right .card-option{
    text-align:left
}
html[dir="rtl"] .card .card-header .card-header-right .card-option.list-unstyled{
    padding-right:0;
    padding-left:unset
}
html[dir="rtl"] .card .card-header .pull-left{
    float:right
}
html[dir="rtl"] .card.full-card{
    left:0;
    right:unset
}
html[dir="rtl"] .card .card-body .alert svg{
    margin-left:4px;
    margin-right:unset
}
html[dir="rtl"] .card .card-body .square{
    margin-left:5px;
    margin-right:unset
}
html[dir="rtl"] .custom-card .card-social li:nth-child(n+2){
    margin-right:5px;
    margin-left:unset
}
html[dir="rtl"] .modal-footer>:not(:first-child){
    margin-right:0.5rem;
    margin-left:0
}
html[dir="rtl"] .form-inline .form-group .col-form-label{
    margin-left:5px;
    margin-right:0
}
html[dir="rtl"] .breadcrumb-item+.breadcrumb-item{
    padding-right:0.5rem;
    padding-left:unset
}
html[dir="rtl"] .breadcrumb-item+.breadcrumb-item::before{
    padding-left:unset;
    padding-right:0.5rem;
    float:right;
    -webkit-transform:scale(-1);
    transform:scale(-1)
}
html[dir="rtl"] .modal-header .btn-close,html[dir="rtl"] .modal-content .btn-close,html[dir="rtl"] .modal-footer .btn-close{
    left:25px;
    right:unset
}
html[dir="rtl"] code[class*="language-"],html[dir="rtl"] pre[class*="language-"]{
    text-align:right
}
html[dir="rtl"] .input-group-prepend{
    margin-left:-1px;
    margin-right:unset
}
html[dir="rtl"] .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),html[dir="rtl"] .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3){
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
html[dir="rtl"] .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    margin-left:unset;
    margin-right:-1px;
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
html[dir="rtl"] .was-validated .form-control:invalid,html[dir="rtl"] .form-control.is-invalid,html[dir="rtl"] .was-validated .form-control:valid,html[dir="rtl"] .form-control.is-valid{
    padding-left:calc(1.5em + 0.75rem);
    padding-right:12px;
    background-position:1% !important
}
html[dir="rtl"] .was-validated .form-select:valid,html[dir="rtl"] .form-select.is-valid{
    background-position:right 99% center, center right 97%
}
html[dir="rtl"] .was-validated .form-select:invalid,html[dir="rtl"] .form-select.is-invalid{
    background-position:right 99% center, center right 97%
}
html[dir="rtl"] .input-group>.form-control:not(:last-child){
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
html[dir="rtl"] .input-group>.input-group-prepend>.btn,html[dir="rtl"] .input-group>.input-group-prepend>.input-group-text,html[dir="rtl"] .input-group>.input-group-text:not(:last-child)>.btn,html[dir="rtl"] .input-group>.input-group-text:not(:last-child)>.input-group-text,html[dir="rtl"] .input-group>.input-group-text:last-child>.btn:not(:last-child):not(.dropdown-toggle),html[dir="rtl"] .input-group>.input-group-text:last-child>.input-group-text:not(:last-child){
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:30px;
    border-bottom-right-radius:30px
}
html[dir="rtl"] .input-group>.input-group-text>.btn,html[dir="rtl"] .input-group>.input-group-text>.input-group-text,html[dir="rtl"] .input-group>.input-group-prepend:not(:first-child)>.btn,html[dir="rtl"] .input-group>.input-group-prepend:not(:first-child)>.input-group-text,html[dir="rtl"] .input-group>.input-group-prepend:first-child>.btn:not(:first-child),html[dir="rtl"] .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child){
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
html[dir="rtl"] .border-tab.nav-left .nav-link{
    text-align:left
}
html[dir="rtl"] .needs-validation .invalid-tooltip{
    left:10px;
    right:unset
}
html[dir="rtl"] .mega-horizontal p.rating-star-wrapper i.m-r-5,html[dir="rtl"] .mega-vertical p.rating-star-wrapper i.m-r-5{
    margin-left:unset !important;
    margin-right:5px !important
}
html[dir="rtl"] .star-ratings .stars .clear-rating{
    padding-left:unset;
    padding-right:5px
}
html[dir="rtl"] .socialprofile .social-group ul li:nth-child(4){
    margin-right:-22px
}
html[dir="rtl"] .social-status form .form-group .form-control-social{
    padding-right:15px;
    padding-left:unset
}
html[dir="rtl"] .social-status .d-flex .social-status{
    right:35px;
    left:unset
}
html[dir="rtl"] .user-profile .profile-post .post-body .post-comment li label a span{
    margin-right:10px;
    margin-left:unset
}
html[dir="rtl"] .edit-profile .profile-title .d-lg-flex .flex-grow-1{
    margin-right:25px;
    margin-left:unset
}
html[dir="rtl"] .chat-box .chat-menu .user-profile .user-content .social-list li:nth-child(n+2){
    margin-right:5px;
    margin-left:unset
}
html[dir="rtl"] .chat-box .chat-history .caller-img{
    border-bottom-right-radius:unset;
    border-bottom-left-radius:20px
}
html[dir="rtl"] .social-chat .other-msg{
    margin-right:40px;
    margin-left:unset
}
html[dir="rtl"] .social-chat .flex-grow-1:before{
    left:100%;
    right:unset;
    border-left:7px solid #59667a;
    border-right:unset
}
html[dir="rtl"] .social-chat .flex-grow-1:after{
    left:100%;
    right:unset;
    border-left:7px solid #fff;
    border-right:unset
}
html[dir="rtl"] .dropdown-page .dropdown-basic .dropdown.separated-btn .dropdown-content{
    right:unset;
    left:0
}
html[dir="rtl"] .timeline-content .comment-number i{
    margin-left:20px;
    margin-right:unset
}
html[dir="rtl"] .pricing-block .pricing-header:before{
    border-radius:50% 0 50% 0
}
html[dir="rtl"] .photos ul li{
    margin-right:unset;
    margin-left:10px
}
html[dir="rtl"] .avatar-showcase .friend-pic{
    margin-left:8px;
    margin-right:unset
}
html[dir="rtl"] .avatar-showcase .pepole-knows ul li{
    margin-left:21px;
    margin-right:unset
}
html[dir="rtl"] .avatar-showcase .pepole-knows ul li:last-child{
    margin-left:0
}
html[dir="rtl"] .input-group.left-radius input{
    border-top-right-radius:unset !important;
    border-bottom-right-radius:unset !important
}
html[dir="rtl"] .input-group.left-radius .input-group-text{
    border-bottom-left-radius:unset !important;
    border-top-left-radius:unset !important
}
html[dir="rtl"] .input-group.leftright-radius input{
    border-bottom-left-radius:unset !important;
    border-top-left-radius:unset !important
}
html[dir="rtl"] .input-group.leftright-radius .input-group-text:last-child{
    border-top-right-radius:unset !important;
    border-bottom-right-radius:unset !important
}
html[dir="rtl"] .input-group.leftright-radius .input-group-text:first-child{
    border-top-left-radius:unset !important;
    border-bottom-left-radius:unset !important
}
html[dir="rtl"] .faq-form .search-icon{
    left:12px;
    right:unset
}
html[dir="rtl"] .faq-widgets .flex-grow-1 p{
    padding-left:20px;
    padding-right:unset
}
html[dir="rtl"] .header-faq,html[dir="rtl"] .faq-title{
    text-align:right
}
html[dir="rtl"] .faq-accordion .faq-header svg{
    left:20px;
    right:unset
}
html[dir="rtl"] .faq-accordion .card .btn-link svg{
    margin-left:10px;
    margin-right:unset;
    right:20px;
    left:unset
}
html[dir="rtl"] .navigation-option ul li{
    padding:10px 0 10px 10px
}
html[dir="rtl"] .navigation-option ul li a{
    padding-right:40px;
    padding-left:unset
}
html[dir="rtl"] .navigation-option ul li a svg{
    right:15px;
    left:unset
}
html[dir="rtl"] .updates-faq{
    margin-right:unset;
    margin-left:30px
}
html[dir="rtl"] .order-history table tr:nth-last-child(2) td .input-group .form-control{
    border-top-right-radius:30px !important;
    border-bottom-right-radius:30px !important
}
html[dir="rtl"] .order-history table tr:nth-last-child(2) td .input-group .btn{
    border-top-left-radius:30px !important;
    border-bottom-left-radius:30px !important
}
html[dir="rtl"] .whishlist-main .prooduct-details-box .btn{
    left:5px;
    right:unset
}
html[dir="rtl"] .browse .browse-articles h6{
    padding-right:25px;
    padding-left:unset
}
html[dir="rtl"] .browse .browse-articles h6 span svg{
    right:0;
    margin-left:10px
}
html[dir="rtl"] .browse .browse-articles span svg{
    margin-left:10px;
    margin-right:unset
}
html[dir="rtl"] .browse .browse-articles ul li h5{
    padding-left:unset;
    padding-right:20px
}
html[dir="rtl"] .browse .browse-articles ul li h5 svg{
    left:unset;
    right:0;
    margin-right:unset;
    margin-left:10px
}
html[dir="rtl"] .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p{
    margin-left:20px;
    margin-right:unset
}
html[dir="rtl"] .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6{
    padding-left:15px;
    padding-right:unset
}
html[dir="rtl"] .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6::after{
    left:0;
    right:unset
}
html[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon{
    left:15px;
    right:unset;
    text-align:center
}
html[dir="rtl"] .email-wrap .email-right-aside .email-body .modal-content .btn-close{
    right:unset
}
html[dir="rtl"] #right-history.show{
    left:0;
    right:unset
}
html[dir="rtl"] .swal-footer{
    text-align:left
}
html[dir="rtl"] .categories .learning-header{
    padding-right:30px;
    padding-left:unset
}
html[dir="rtl"] .main .langChoice{
    left:30px;
    right:unset
}
html[dir="rtl"] .pricing-block svg{
    direction:ltr
}
html[dir="rtl"] .pricing-block .pricing-list ul li h6 span{
    margin-right:5px;
    margin-left:unset
}
html[dir="rtl"] .support-ticket .pro-gress ul li span i{
    margin-right:10px;
    margin-left:unset
}
html[dir="rtl"] p.data-attributes svg{
    margin-left:10px;
    margin-right:unset
}
html[dir="rtl"] .avatars .avatar{
    margin-left:10px;
    margin-right:unset
}
html[dir="rtl"] .avatars .avatar:last-child{
    margin-left:0
}
html[dir="rtl"] .avatars .avatar .status{
    left:4px;
    right:unset
}
html[dir="rtl"] .customers.avatar-group{
    margin-left:30px;
    margin-right:unset
}
html[dir="rtl"] .card .card-header h5{
    float:none !important
}
html[dir="rtl"] .mobile-clock-widget .bg-svg{
    left:unset;
    right:-25px
}
html[dir="rtl"] .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn{
    text-align:left
}
html[dir="rtl"] .todo .notification-popup{
    left:10px;
    right:unset
}
html[dir="rtl"] .todo-options .badges-todo h6{
    margin-left:10px;
    margin-right:unset
}
html[dir="rtl"] .todo-options .badges-todo h6:last-child{
    margin-left:0
}
html[dir="rtl"] .todo-list-btns .dropdown-basic .btn-group .form-group .checkbox{
    padding-right:14px;
    border-radius:unset 25px 25px unset;
    padding-left:unset
}
html[dir="rtl"] .todo-list-btns .dropdown-basic .separated-btn{
    margin-right:-6px;
    margin-left:unset
}
html[dir="rtl"] .todo-list-btns .dropdown-basic .separated-btn .btn{
    border-top-left-radius:25px;
    border-bottom-left-radius:25px
}
html[dir="rtl"] .sticky-note .note{
    float:right
}
html[dir="rtl"] .mega-menu .list-unstyled div a{
    padding:8px 0 8px 35px
}
html[dir="rtl"] .mega-menu .list-unstyled div a:hover{
    padding:8px 10px 8px 35px
}
html[dir="rtl"] #testimonial .owl-stage-outer .owl-stage .owl-item .slide--item .d-flex .me-3{
    margin-right:1rem !important;
    margin-left:unset !important
}
html[dir="rtl"] .needs-validation .input-group>.form-control:not(:last-child),html[dir="rtl"] .needs-validation .input-group>.custom-select:not(:last-child),html[dir="rtl"] .form-row .input-group>.form-control:not(:last-child),html[dir="rtl"] .form-row .input-group>.custom-select:not(:last-child){
    border-top-left-radius:0.25rem;
    border-bottom-left-radius:0.25rem;
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
html[dir="rtl"] .form-check{
    padding-right:1.25rem;
    padding-left:unset
}
html[dir="rtl"] .form-check .form-check-input{
    float:right;
    margin-left:unset;
    margin-right:-1.5em
}
html[dir="rtl"] .mega-menu .default-according .card .btn-link{
    text-align:right
}
html[dir="rtl"] .mega-menu .default-according.style-1 button[aria-expanded="true"]:before,html[dir="rtl"] .mega-menu .default-according.style-1 button[aria-expanded="false"]:before{
    right:unset;
    left:20px
}
html[dir="rtl"] .email-wrap .row .col-xl-6{
    padding-right:0;
    padding-left:15px
}
html[dir="rtl"] .email-wrap .row .col-xl-3+.col-xl-3{
    padding-left:0;
    padding-right:15px
}
html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu>li{
    text-align:right
}
html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu>li a i{
    margin-right:unset;
    margin-left:10px
}
html[dir="rtl"] .email-wrap .email-app-sidebar ul{
    padding-right:0
}
html[dir="rtl"] .email-wrap .email-content .email-top .user-emailid:after{
    float:left
}
html[dir="rtl"] .email-wrap .email-right-aside .email-body .pe-0{
    padding-right:unset !important
}
html[dir="rtl"] #renderRange{
    float:left;
    padding-left:unset;
    padding-right:12px
}
html[dir="rtl"] .calendar-wrap .fc{
    direction:rtl;
    text-align:right
}
html[dir="rtl"] .calendar-wrap .fc .fc-toolbar .fc-left{
    float:right
}
html[dir="rtl"] .calendar-wrap .fc .fc-toolbar .fc-right{
    float:left
}
html[dir="rtl"] .calendar-wrap .fc .fc-toolbar>*>*{
    margin-left:0
}
html[dir="rtl"] .calendar-wrap .fc-events-container{
    text-align:right
}
html[dir="rtl"] .calendar-wrap .fc-scroller{
    margin-right:unset;
    margin-left:-17px
}
html[dir="rtl"] .fc-agenda-view .fc-day-grid .fc-row{
    margin-right:0 !important
}
html[dir="rtl"] .fc-unthemed .fc-row{
    margin-right:0 !important
}
html[dir="rtl"] .btn-group-showcase .btn-group{
    margin-left:20px;
    margin-right:unset
}
html[dir="rtl"] .btn-showcase .btn{
    margin-right:unset;
    margin-left:18px
}
html[dir="rtl"] .btn-square.dropdown-toggle{
    border-radius:30px 30px;
    border-top-right-radius:0 !important;
    border-bottom-right-radius:0 !important
}
html[dir="rtl"] #customer-review .owl-item img{
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2
}
html[dir="rtl"] .options>div{
    margin:0 0 8px 8px
}
html[dir="rtl"] .modal-dialog .modal-content .modal-body p a{
    margin-left:0
}
html[dir="rtl"] .drag-box fieldset .component .form-group .text-lg-left{
    text-align:right !important
}
html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn,html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .input-group-text{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:0.25rem;
    border-bottom-right-radius:0.25rem
}
html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn-right,html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .checkbox-radius{
    border-top-left-radius:0.25rem;
    border-bottom-left-radius:0.25rem;
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #prependedcheckbox{
    border-top-right-radius:0 !important;
    border-bottom-right-radius:0 !important
}
html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #appendedcheckbox{
    border-right-color:#efefef
}
html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #buttondropdown{
    margin-right:unset;
    margin-left:-1px
}
html[dir="rtl"] .drag form{
    text-align:right
}
html[dir="rtl"] .drag form input{
    text-align:right
}
html[dir="rtl"] .drag form label{
    text-align:right !important
}
html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .btn,html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .input-group-text{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:0.25rem;
    border-bottom-right-radius:0.25rem
}
html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .btn-right,html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .checkbox-radius{
    border-top-left-radius:0.25rem;
    border-bottom-left-radius:0.25rem;
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
html[dir="rtl"] .drag form .form-group .input-group #buttondropdown{
    margin-right:unset;
    margin-left:-1px
}
html[dir="rtl"] .draggable label{
    text-align:right
}
html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .text-lg-left{
    text-align:right !important
}
html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn,html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .input-group-text{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:0.25rem;
    border-bottom-right-radius:0.25rem
}
html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn-right,html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .checkbox-radius{
    border-top-left-radius:0.25rem;
    border-bottom-left-radius:0.25rem;
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group #prependedcheckbox{
    border-top-right-radius:0 !important;
    border-bottom-right-radius:0 !important
}
html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group #appendedcheckbox{
    border-right-color:#efefef
}
html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper{
    -webkit-box-shadow:9px 0 20px rgba(89,102,122,0.1) !important;
    box-shadow:9px 0 20px rgba(89,102,122,0.1) !important
}
html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper a{
    -webkit-transform:translate(-64px);
    transform:translate(-64px)
}
html[dir="rtl"] .product-order{
    display:inline-block
}
html[dir="rtl"] .product-order .ms-1{
    margin-right:0.25rem !important;
    margin-left:unset !important
}
html[dir="rtl"] .search-form input{
    padding:10px 70px 10px 10px;
    text-align:right
}
html[dir="rtl"] .search-page .nav i{
    margin-left:10px;
    margin-right:unset
}
html[dir="rtl"] .search-page ul.search-info>li+li{
    padding-right:8px;
    margin-right:8px;
    border-right:1px solid #eee;
    padding-left:unset;
    margin-left:unset;
    border-left:unset
}
html[dir="rtl"] .search-page .search-form .form-group .input-group-text{
    right:0;
    left:unset;
    border-top-left-radius:0 !important;
    border-bottom-left-radius:0 !important
}
html[dir="rtl"] .icon-hover-bottom .icon-title{
    text-align:right
}
html[dir="rtl"] ul.icon-lists{
    padding-right:30px
}
html[dir="rtl"] .flag-icons div .flex-grow-1 h5,html[dir="rtl"] .feather-icons div .flex-grow-1 h5{
    margin-left:5px;
    margin-right:unset
}
html[dir="rtl"] .floated-customizer-btn.third-floated-btn{
    left:35px;
    right:unset
}
html[dir="rtl"] .floated-customizer-btn>span{
    margin-right:10px
}
html[dir="rtl"] .floated-customizer-panel{
    text-align:right;
    left:-85px;
    right:unset
}
html[dir="rtl"] .floated-customizer-panel.active{
    left:35px;
    right:unset
}
html[dir="rtl"] .floated-customizer-panel .close-customizer-btn{
    left:30px;
    right:unset
}
html[dir="rtl"] .floated-customizer-panel ul{
    padding-right:0
}
html[dir="rtl"] .img-cropper .docs-options .dropdown-menu{
    -webkit-transform:translate(0px, -37px) !important;
    transform:translate(0px, -37px) !important
}
html[dir="rtl"] .radio label{
    padding-left:0;
    padding-right:15px
}
html[dir="rtl"] .radio label::before{
    right:0;
    margin-right:-20px;
    left:unset
}
html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right>ul>li{
    margin-left:8px;
    margin-right:unset
}
html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right>ul>li:first-child{
    margin-left:0
}
html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right>ul>li:last-child{
    margin-left:0;
    margin-right:unset
}
html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li .d-flex .flex-shrink-0 svg{
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%)
}
html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li .d-flex .flex-grow-1{
    margin-left:unset;
    margin-right:10px
}
html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .message-dropdown li .d-flex .flex-grow-1{
    margin-left:unset;
    margin-right:15px
}
html[dir="rtl"] .translate_wrapper.active .more_lang{
    left:0;
    right:unset
}
html[dir="rtl"] .left-header .left-menu-header ul.header-left li:hover span.f-w-700:before{
    right:-9px;
    left:unset
}
html[dir="rtl"] .left-header .left-menu-header ul.header-left li ul.onhover-show-div li.flyout-right ul{
    right:calc(100% + 3px);
    left:unset
}
html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .row h3{
    text-align:right
}
html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .row h6{
    text-align:right
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-header{
    margin-right:280px;
    margin-left:unset;
    width:calc(100% - 280px)
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-header.close_icon{
    margin-right:90px;
    margin-left:unset;
    width:calc(100% - 90px)
}
html[dir="rtl"] .page-wrapper.modern-type .page-header{
    margin-right:0;
    width:calc(100% - 0px)
}
html[dir="rtl"] .page-wrapper.modern-type .page-header.close_icon{
    margin-right:0;
    width:calc(100% - 0px)
}
html[dir="rtl"] .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper{
    margin-right:unset;
    margin-left:30px
}
html[dir="rtl"] .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar{
    margin-right:unset;
    margin-left:15px
}
html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper .page-body{
    margin-right:310px
}
html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper .footer{
    margin-left:unset;
    margin-right:310px
}
html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body{
    margin-right:0px
}
html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer{
    margin-right:0
}
html[dir="rtl"] .left-header .level-menu .nav-link{
    margin-left:unset;
    margin-right:10px
}
html[dir="rtl"] .left-header .level-menu .header-level-menu>li svg{
    margin-right:unset;
    margin-left:5px
}
html[dir="rtl"] .left-header .mega-menu-container{
    left:unset;
    right:-30px
}
html[dir="rtl"] .left-header .mega-menu-container .mega-box+.mega-box{
    padding-left:unset;
    padding-right:30px;
    border-left:unset;
    border-right:1px solid #efefef
}
html[dir="rtl"] .right-header .input-group .input-group-prepend .input-group-text:before{
    right:42px;
    left:unset
}
html[dir="rtl"] .page-header .header-wrapper .left-header{
    text-align:right
}
html[dir="rtl"] .page-header .header-wrapper .left-header .left-menu-header ul.header-left li:nth-child(n+2):before{
    right:0;
    left:unset
}
html[dir="rtl"] .page-header .header-wrapper .left-header .left-menu-header ul.header-left li ul.onhover-show-div{
    min-width:175px;
    left:unset
}
html[dir="rtl"] .page-header .header-wrapper .left-header .left-menu-header ul.header-left li span svg{
    margin-right:10px;
    margin-left:unset
}
html[dir="rtl"] .page-header .header-wrapper .left-header .mega-menu-container .mega-box .link-section li{
    padding:7px 15px 7px 0
}
html[dir="rtl"] .page-header .header-wrapper .left-header .mega-menu-container .mega-box .link-section li:before{
    right:0px;
    left:unset
}
html[dir="rtl"] .page-header .header-wrapper .left-header .mega-menu-container .mega-box .svg-icon li{
    padding-right:0
}
html[dir="rtl"] .page-header .header-wrapper .left-header .mega-menu-container .mega-box .svg-icon li a svg{
    margin-right:unset;
    margin-left:5px
}
html[dir="rtl"] .page-header .header-wrapper .nav-right{
    text-align:right
}
html[dir="rtl"] .page-header .header-wrapper .nav-right .onhover-show-div{
    right:unset !important;
    left:0
}
html[dir="rtl"] .page-header .header-wrapper .nav-right .chat-dropdown li .d-flex .status-circle{
    left:unset;
    right:0px
}
html[dir="rtl"] .page-header .header-wrapper .nav-right>ul>li{
    text-align:right
}
html[dir="rtl"] .page-header .header-wrapper .nav-right>ul>li .lang-txt{
    margin-left:0;
    margin-right:8px
}
html[dir="rtl"] .page-header .header-wrapper .nav-right>ul>li:before{
    right:0;
    left:unset
}
html[dir="rtl"] .page-header .header-wrapper .nav-right>ul>li .dot{
    left:17px;
    right:unset
}
html[dir="rtl"] .page-header .header-wrapper .nav-right>ul>li.onhover-dropdown:hover .onhover-show-div:before{
    right:10px;
    left:unset
}
html[dir="rtl"] .page-header .header-wrapper .nav-right>ul>li.onhover-dropdown:hover .onhover-show-div:after{
    right:10px;
    left:unset
}
html[dir="rtl"] .page-header .header-wrapper .nav-right>ul>li i.ms-2{
    margin-right:0.5rem !important;
    margin-left:unset !important
}
html[dir="rtl"] .page-header .header-wrapper .nav-right .profile-dropdown li svg{
    margin-right:unset;
    margin-left:10px
}
html[dir="rtl"] .page-header .header-wrapper .mobile-sidebar{
    padding-left:20px;
    padding-right:unset
}
html[dir="rtl"] .page-header.open{
    margin-right:0
}
html[dir="rtl"] ul.notification-dropdown.onhover-show-div{
    right:initial;
    left:-30px;
    padding:0
}
html[dir="rtl"] ul.notification-dropdown.onhover-show-div:before{
    right:inherit !important;
    left:35px !important
}
html[dir="rtl"] ul.notification-dropdown.onhover-show-div:after{
    right:inherit !important;
    left:35px !important
}
html[dir="rtl"] ul.notification-dropdown.onhover-show-div li{
    margin-right:0 !important
}
html[dir="rtl"] ul.notification-dropdown.onhover-show-div li span.badge{
    margin-left:unset !important
}
html[dir="rtl"] ul.notification-dropdown.onhover-show-div li span svg{
    margin-right:unset;
    margin-left:10px
}
html[dir="rtl"] ul.notification-dropdown.onhover-show-div li .notification-icon{
    margin-left:20px;
    margin-right:unset
}
html[dir="rtl"] .card-body .alert svg ~ p{
    padding-left:unset;
    padding-right:20px
}
html[dir="rtl"] .alert i{
    margin-left:5px;
    margin-right:0
}
html[dir="rtl"] .inverse{
    padding:13px 65px 13px 20px
}
html[dir="rtl"] .inverse i{
    left:unset;
    right:0
}
html[dir="rtl"] .alert-primary.inverse:before{
    border-right:7px solid #5c61f2;
    right:54px;
    left:unset;
    border-left:unset
}
html[dir="rtl"] .alert-secondary.inverse:before{
    border-right:7px solid #eeb82f;
    right:54px;
    left:unset;
    border-left:unset
}
html[dir="rtl"] .alert-success.inverse:before{
    border-right:7px solid #61ae41;
    right:54px;
    left:unset;
    border-left:unset
}
html[dir="rtl"] .alert-danger.inverse:before{
    border-right:7px solid #f81f58;
    right:54px;
    left:unset;
    border-left:unset
}
html[dir="rtl"] .alert-warning.inverse:before{
    border-right:7px solid #e6ae30;
    right:54px;
    left:unset;
    border-left:unset
}
html[dir="rtl"] .alert-info.inverse:before{
    border-right:7px solid #4faad5;
    right:54px;
    left:unset;
    border-left:unset
}
html[dir="rtl"] .alert-light.inverse:before{
    border-right:7px solid #f4f4f4;
    right:54px;
    left:unset;
    border-left:unset
}
html[dir="rtl"] .alert-dark.inverse:before{
    border-right:7px solid #2c323f;
    right:54px;
    left:unset;
    border-left:unset
}
html[dir="rtl"] .dismiss-text .alert .btn-close{
    left:15px;
    right:unset
}
html[dir="rtl"] .alert-dismissible .btn-close{
    left:0;
    right:unset
}
html[dir="rtl"] .icofont.icofont-truck{
    display:inline-block
}
html[dir="rtl"] .blog-box.blog-list .blog-wrraper{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px
}
html[dir="rtl"] .blog-box .blog-details{
    padding-left:20px;
    padding-right:unset;
    text-align:right
}
html[dir="rtl"] .blog-box .blog-details .blog-social{
    padding-right:0
}
html[dir="rtl"] .blog-box .blog-details .blog-social li:nth-child(n+2){
    margin-right:20px;
    padding-right:20px;
    border-right:1px solid #eee;
    border-left:none;
    padding-left:unset;
    margin-left:unset
}
html[dir="rtl"] .blog-box .blog-details-main .blog-social li{
    border-left:1px solid #eee;
    border-right:unset
}
html[dir="rtl"] .blog-box .blog-details-main .blog-social li:last-child{
    border-left:none
}
html[dir="rtl"] .blog-box .blog-date span{
    font-size:36px;
    font-weight:500;
    padding-left:5px;
    padding-right:unset
}
html[dir="rtl"] .blog-box.blog-shadow .blog-details{
    padding-right:40px
}
html[dir="rtl"] .blog-box .blog-details-second .detail-footer ul.sociyal-list li i{
    margin-left:5px;
    margin-right:unset
}
html[dir="rtl"] .blog-box .blog-details-second .detail-footer ul.sociyal-list li:nth-child(n+2){
    margin-right:15px;
    padding-right:15px;
    border-right:1px solid #eee;
    margin-left:unset;
    padding-left:unset;
    border-left:unset
}
html[dir="rtl"] .comment-box .d-flex img{
    margin-left:45px;
    margin-right:unset !important
}
html[dir="rtl"] .comment-box .d-flex h6{
    text-align:right
}
html[dir="rtl"] .comment-box ul ul{
    margin-right:135px;
    margin-left:unset;
    padding-right:0
}
html[dir="rtl"] .comment-box .comment-social{
    text-align:left;
    margin-right:unset
}
html[dir="rtl"] .comment-box .comment-social li:nth-child(n+2){
    margin-right:20px;
    padding-right:20px;
    border-right:1px solid #eee;
    margin-left:unset;
    padding-left:unset;
    border-left:unset
}
html[dir="rtl"] .location-checkbox span{
    padding-right:33px;
    padding-left:unset
}
html[dir="rtl"] .job-search .d-flex .flex-grow-1 .job-apply-btn{
    left:30px;
    right:unset
}
html[dir="rtl"] .job-search .d-flex ul.rating{
    margin-right:10px;
    margin-left:unset
}
html[dir="rtl"] .icon-hover-bottom .icon-popup .close-icon{
    right:unset;
    left:10px
}
html[dir="rtl"] .icon-hover-bottom .form-inline .form-group{
    margin-left:0
}
html[dir="rtl"] .call-chat-body .chat-box .chat-right-aside .chat .chat-history .caller-img.ps-0{
    padding-left:15px !important
}
html[dir="rtl"] .chat-box .user-image{
    float:right;
    margin-left:5px;
    margin-right:0
}
html[dir="rtl"] .chat-box .people-list .search i{
    left:10px;
    right:unset
}
html[dir="rtl"] .chat-box .about{
    float:right;
    padding-right:10px;
    padding-left:unset;
    text-align:right
}
html[dir="rtl"] .chat-box .chat-menu{
    border-right:1px solid #f4f4f4;
    padding-left:0
}
html[dir="rtl"] .chat-box .chat-menu .nav{
    padding-right:0
}
html[dir="rtl"] .chat-box .chat-menu.ps-0{
    padding-left:15px !important
}
html[dir="rtl"] .chat-box .chat-right-aside .chat .chat-message .smiley-box{
    margin-left:0.5rem;
    margin-right:unset
}
html[dir="rtl"] .chat-box .chat-right-aside .chat .chat-message .text-box .btn{
    border-radius:5px 0 0 5px
}
html[dir="rtl"] .chat-box .chat-right-aside.pe-0{
    padding-right:15px !important
}
html[dir="rtl"] .chat-box .chat .chat-message .text-box .input-group-text{
    margin-right:-2px
}
html[dir="rtl"] .chat-msg-box ul{
    padding-right:0
}
html[dir="rtl"] .chat-left-aside .status-circle{
    left:unset;
    right:40px
}
html[dir="rtl"] .chat-right-aside .chat .chat-header .chat-menu-icons{
    padding-left:0;
    padding-right:unset
}
html[dir="rtl"] .chat-right-aside .chat .chat-header .chat-menu-icons.float-sm-right{
    float:left !important
}
html[dir="rtl"] .chat-right-aside .chat .chat-header img{
    float:right
}
html[dir="rtl"] .cke_toolbar,html[dir="rtl"] .cke_toolgroup,html[dir="rtl"] a.cke_button,html[dir="rtl"] .cke_combo_text{
    float:right
}
html[dir="rtl"] .cke_reset_all,html[dir="rtl"] .cke_reset_all *,html[dir="rtl"] .cke_reset_all a,html[dir="rtl"] .cke_reset_all textarea{
    text-align:right
}
html[dir="rtl"] .cke_combo_text{
    padding-left:unset;
    padding-right:10px
}
html[dir="rtl"] #editor1 #cke_editor1 #cke_1_contents iframe html{
    direction:rtl !important
}
html[dir="rtl"] #clockdiv ul{
    padding-right:0
}
html[dir="rtl"] .custom-card .card-footer>div+div{
    border-right:1px solid #efefef;
    border-left:unset !important
}
html[dir="rtl"] .card-social{
    padding-right:0
}
html[dir="rtl"] .card-absolute .card-header{
    right:15px;
    left:unset
}
html[dir="rtl"] .dataTables_wrapper .dataTables_filter input[type="search"]{
    margin-right:10px;
    margin-left:0
}
html[dir="rtl"] .dataTables_wrapper .dataTables_length{
    float:right
}
html[dir="rtl"] .dataTables_wrapper .dataTables_filter{
    margin-left:unset;
    margin-right:15px;
    float:left
}
html[dir="rtl"] .dataTables_wrapper .dataTables_info{
    float:right
}
html[dir="rtl"] .dataTables_wrapper .advance-5_filter{
    margin-left:0
}
html[dir="rtl"] .dataTables_wrapper .btn-group button{
    margin-left:5px;
    margin-right:unset
}
html[dir="rtl"] .dataTables_wrapper .btn-group button:last-child{
    margin-left:0
}
html[dir="rtl"] .dataTables_wrapper table.dataTable tbody td.select-checkbox:after,html[dir="rtl"] .dataTables_wrapper table.dataTable tbody th.select-checkbox:after{
    margin-left:31px
}
html[dir="rtl"] div.dataTables_wrapper div.dataTables_paginate{
    margin-right:15px !important;
    margin-left:0 !important;
    float:left
}
html[dir="rtl"] table.dataTable thead>tr>th{
    padding-left:30px;
    padding-right:12px
}
html[dir="rtl"] table.dataTable thead>tr>th:before{
    left:1em !important;
    right:unset
}
html[dir="rtl"] table.dataTable thead>tr>th:after{
    left:0.5em !important;
    right:unset
}
html[dir="rtl"] table.dataTable thead .sorting:before,html[dir="rtl"] table.dataTable thead .sorting_asc:before,html[dir="rtl"] table.dataTable thead .sorting_desc:before,html[dir="rtl"] table.dataTable thead .sorting_asc_disabled:before,html[dir="rtl"] table.dataTable thead .sorting_desc_disabled:before{
    left:1em !important;
    right:unset
}
html[dir="rtl"] .dataTables_scrollHeadInner{
    padding-right:unset !important;
    padding-left:0 !important
}
html[dir="rtl"] div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{
    padding-right:0;
    padding-left:0
}
html[dir="rtl"] div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{
    padding-right:0;
    padding-left:0
}
html[dir="rtl"] .dt-plugin-buttons button.m-r-10{
    margin-left:10px;
    margin-right:0
}
html[dir="rtl"] .datetime-picker .theme-form .form-group label{
    text-align:left !important
}
html[dir="rtl"] .datetime-picker .theme-form .form-group .input-group-text{
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
html[dir="rtl"] .datetime-picker .theme-form .form-group .input-group .form-control{
    border-radius:0.25rem;
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
html[dir="rtl"] .dropdown-basic .btn{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:0.25rem !important;
    border-bottom-right-radius:0.25rem !important
}
html[dir="rtl"] .dropdown-basic .separated-btn .btn{
    border-radius:0.25rem;
    border-top-right-radius:0 !important;
    border-bottom-right-radius:0 !important
}
html[dir="rtl"] .dropdown-basic .btn-group{
    margin-right:unset;
    margin-left:18px
}
html[dir="rtl"] .error-wrapper .col-md-8.offset-md-2{
    margin:0 auto !important
}
html[dir="rtl"] .cke_ltr .cke_dialog_close_button{
    left:12px
}
html[dir="rtl"] .product-price del{
    margin-right:15px;
    margin-left:unset
}
html[dir="rtl"] .product-box .modal .modal-header .btn-close{
    right:unset;
    left:15px
}
html[dir="rtl"] .product-box .modal .modal-header .product-box .product-details .product-size ul li:nth-child(n+2){
    margin-right:15px;
    margin-left:unset
}
html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before{
    border-left-color:#007bff
}
html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left:before,html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right:before{
    right:0;
    left:unset;
    border-left:15px solid #2a3142
}
html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-info:before{
    border-left-color:transparent
}
html[dir="rtl"] .product-box .ribbon-warning.ribbon-clip:before{
    border-left-color:#ff850d;
    border-right-color:unset
}
html[dir="rtl"] .product-box .ribbon-clip{
    right:-14px;
    left:unset
}
html[dir="rtl"] .product-box .ribbon-clip:before{
    right:0;
    left:unset
}
html[dir="rtl"] .product-hover ul{
    padding-right:0
}
html[dir="rtl"] .nav{
    padding-right:0
}
html[dir="rtl"] .wizard-4 ul.anchor{
    float:right;
    padding-right:0;
    padding-left:30px
}
html[dir="rtl"] .wizard-4 .step-container{
    clear:unset
}
html[dir="rtl"] .wizard-4 .form-group{
    text-align:right
}
html[dir="rtl"] .wizard-4 .action-bar .btn{
    float:left
}
html[dir="rtl"] .f1 .f1-buttons{
    text-align:left
}
html[dir="rtl"] .f1 .f1-steps .f1-step{
    float:right
}
html[dir="rtl"] .jstree-default .jstree-node{
    margin-left:unset;
    margin-right:24px;
    background-position:-305px -4px;
    background-repeat:repeat-y
}
html[dir="rtl"] .img-cropper .btn-group{
    margin-right:0;
    margin-left:10px
}
html[dir="rtl"] .img-cropper .btn-group button:last-child{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-top-left-radius:30px !important;
    border-bottom-left-radius:30px !important
}
html[dir="rtl"] .img-cropper .btn-group button:first-child{
    border-top-right-radius:30px;
    border-bottom-right-radius:30px;
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
html[dir="rtl"] .docs-toggles .btn-group .btn{
    border-radius:0
}
html[dir="rtl"] .docs-toggles .btn-group .btn:last-child{
    border-top-left-radius:30px;
    border-bottom-left-radius:30px
}
html[dir="rtl"] .docs-toggles .btn-group .btn:first-child{
    border-top-right-radius:30px;
    border-bottom-right-radius:30px
}
html[dir="rtl"] .btn-group>.btn:not(:last-child):not(.dropdown-toggle)>.btn-group:not(:last-child)>.btn{
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
html[dir="rtl"] .jsgrid-button+.jsgrid-button{
    margin-right:5px;
    margin-left:unset
}
html[dir="rtl"] .list-group{
    padding-right:0
}
html[dir="rtl"] .list-group i,html[dir="rtl"] .list-group img{
    margin-left:10px;
    margin-right:0
}
html[dir="rtl"] .authentication-box{
    text-align:right
}
html[dir="rtl"] .mega-horizontal .offset-sm-3{
    margin-right:25%;
    margin-left:unset
}
html[dir="rtl"] .navs-icon svg{
    margin-left:10px;
    margin-right:unset
}
html[dir="rtl"] .navs-icon .fa{
    margin-left:10px;
    margin-right:unset
}
html[dir="rtl"] .nav-list .nav-list-disc{
    text-align:right;
    padding-right:0
}
html[dir="rtl"] .pl-navs-inline{
    padding-right:30px !important;
    padding-left:0 !important
}
html[dir="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:before{
    left:77px;
    right:unset
}
html[dir="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after{
    left:77px;
    right:unset
}
html[dir="rtl"] .navs-dropdown .onhover-show-div .navs-icon li{
    text-align:right
}
html[dir="rtl"] .navs-icon.default-according.style-1 li button[aria-expanded="true"]:before{
    left:2px;
    right:unset
}
html[dir="rtl"] .navs-icon.default-according.style-1 li button[aria-expanded="false"]:before{
    left:2px;
    right:unset
}
html[dir="rtl"] .search-form .form-group:after{
    right:53px;
    left:unset
}
html[dir="rtl"] .search-form .form-group:before{
    right:82px;
    left:unset
}
html[dir="rtl"] .chat-box .chat-menu{
    left:10px;
    right:unset
}
html[dir="rtl"] .chat-box .chat-menu .people-list .search .theme-form .form-group i{
    left:10px;
    right:unset
}
html[dir="rtl"] .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li{
    margin-left:unset
}
html[dir="rtl"] .order-history table tbody tr td .product-name .order-process .order-process-circle:before{
    right:-15px;
    left:unset
}
html[dir="rtl"] .order-history table .qty-box .btn.bootstrap-touchspin-up{
    border-right:1px solid #eee
}
html[dir="rtl"] .order-history table .qty-box .btn.bootstrap-touchspin-down{
    border-left:1px solid #eee
}
html[dir="rtl"] .edit-profile .profile-title .d-lg-flex .flex-grow-1{
    margin-right:25px;
    margin-left:unset
}
html[dir="rtl"] .product-page-details span{
    padding-right:15px;
    padding-left:0
}
html[dir="rtl"] .m-checkbox-inline label{
    margin-left:20px;
    margin-right:0
}
html[dir="rtl"] .form-label-align-right label{
    text-align:left
}
html[dir="rtl"] .br-theme-bars-reversed .br-widget .br-current-rating,html[dir="rtl"] .br-theme-bars-movie .br-widget .br-current-rating,html[dir="rtl"] .br-theme-bars-1to10 .br-widget .br-current-rating,html[dir="rtl"] .br-theme-bars-square .br-widget .br-current-rating{
    float:right
}
html[dir="rtl"] .br-theme-bars-reversed .br-widget a,html[dir="rtl"] .br-theme-bars-movie .br-widget a,html[dir="rtl"] .br-theme-bars-1to10 .br-widget a,html[dir="rtl"] .br-theme-bars-square .br-widget a{
    float:right
}
html[dir="rtl"] .ribbon-left{
    right:auto;
    left:-2px
}
html[dir="rtl"] .star-ratings ul.search-info{
    padding-right:0
}
html[dir="rtl"] .star-ratings ul.search-info li+li{
    border-right:1px solid #a5afc6;
    border-left:unset;
    padding-right:8px;
    padding-left:0;
    margin-right:8px;
    margin-left:0
}
html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow{
    left:10px !important;
    right:unset !important
}
html[dir="rtl"] .select2-container--default .select2-selection--multiple .select2-selection__choice{
    float:right
}
html[dir="rtl"] .selection .select2-selection .select2-search__field{
    text-align:right
}
html[dir="rtl"] .select2-results__option{
    text-align:right
}
html[dir="rtl"] .editor-statusbar{
    text-align:left
}
html[dir="rtl"] .editor-statusbar span{
    margin-right:1em;
    margin-left:unset
}
html[dir="rtl"] .CodeMirror-scroll{
    margin-left:-30px;
    margin-right:unset
}
html[dir="rtl"] .primary-color ul,html[dir="rtl"] .yellow-color ul{
    padding-right:0
}
html[dir="rtl"] .u-step-desc{
    text-align:right
}
html[dir="rtl"] .u-step-number{
    right:20px;
    left:unset
}
html[dir="rtl"] .u-step-number ~ .u-step-desc{
    margin-right:50px
}
html[dir="rtl"] .u-pearl:after{
    left:0;
    right:unset
}
html[dir="rtl"] .u-pearl:before{
    right:0;
    left:unset
}
html[dir="rtl"] .u-step-icon{
    float:right;
    margin-left:0.5em;
    margin-right:unset
}
html[dir="rtl"] .note-editor .dropdown-menu{
    left:unset;
    right:0
}
html[dir="rtl"] .list-icons{
    padding-right:0
}
html[dir="rtl"] .card-header.note-toolbar .dropdown-menu.note-check a.dropdown-item i.note-icon-menu-check{
    float:right
}
html[dir="rtl"] .card-header.note-toolbar .note-style .dropdown-style a{
    text-align:right
}
html[dir="rtl"] .card-header.note-toolbar .note-color .btn.dropdown-toggle{
    width:20px;
    padding-right:8px;
    padding-left:22px;
    border-radius:30px 0 0 30px !important
}
html[dir="rtl"] .card-header.note-toolbar .form-group.draggable{
    text-align:right
}
html[dir="rtl"] .card-header.note-toolbar .form-check{
    padding-right:24px;
    padding-left:unset
}
html[dir="rtl"] .card-header.note-toolbar form .custom-control{
    padding-right:24px;
    padding-left:unset
}
html[dir="rtl"] .card-header.note-toolbar form .custom-control .custom-control-label::after{
    right:0;
    left:unset
}
html[dir="rtl"] .card-header.note-toolbar form .custom-control .custom-control-label::before{
    right:0;
    left:unset
}
html[dir="rtl"] .dropdown-toggle::after{
    margin-right:0.255em;
    margin-left:unset
}
html[dir="rtl"] .tabbed-card ul{
    left:22px;
    right:unset
}
html[dir="rtl"] .checkbox label{
    padding-right:16px;
    padding-left:unset
}
html[dir="rtl"] .checkbox label::before{
    right:0;
    left:unset;
    margin-right:-16px;
    margin-left:unset
}
html[dir="rtl"] .radio label::after{
    right:5px;
    left:unset;
    margin-right:-20px;
    margin-left:unset
}
html[dir="rtl"] .cd-timeline-content::before{
    border-right:7px solid #f4f4f4;
    border-left-color:transparent
}
html[dir="rtl"] .cd-timeline-img i{
    right:40%;
    left:unset;
    margin-right:-12px;
    margin-left:unset
}
html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content{
    float:left
}
html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{
    right:auto;
    left:122%;
    text-align:left
}
html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content::before{
    right:auto;
    left:100%;
    border-left-color:#eeeeee;
    border-right-color:transparent
}
html[dir="rtl"] .cd-timeline-content .cd-date{
    right:122%;
    left:unset
}
html[dir="rtl"] .introjs-tooltip{
    right:0;
    left:unset
}
html[dir="rtl"] .introjs-helperNumberLayer{
    right:-16px;
    left:unset
}
html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext{
    text-align:right
}
html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons{
    text-align:left
}
html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-skipbutton{
    margin-left:5px;
    margin-right:unset
}
html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-nextbutton{
    border-radius:0.2em 0 0 0.2em
}
html[dir="rtl"] .list-inline-item:not(:last-child){
    margin-left:0.5rem;
    margin-right:unset
}
html[dir="rtl"] .typeahead{
    text-align:right
}
html[dir="rtl"] .listing ul{
    padding-right:0
}
html[dir="rtl"] .listing ul .icofont{
    float:right
}
html[dir="rtl"] .gallery .hover-5 img{
    margin-right:30px
}
html[dir="rtl"] .gallery .hover-5:hover img{
    margin-right:0
}
html[dir="rtl"] .lg-toolbar .lg-icon{
    float:left
}
html[dir="rtl"] #lg-counter{
    padding-right:20px;
    padding-left:unset;
    float:right
}
html[dir="rtl"] .chart-widget-top .text-end{
    text-align:left !important
}
html[dir="rtl"] .chart-widget-top .num .ms-1{
    margin-right:0.25rem !important
}
html[dir="rtl"] .bar-chart-widget .bottom-content .b-r-light{
    border-left:1px solid #eeeeee !important;
    border-right:unset !important
}
html[dir="rtl"] .bar-chart-widget .bottom-content .num .ms-1{
    margin-right:0.25rem !important
}
html[dir="rtl"] .crm-activity ul.dates li+li{
    border-right:1px solid #ddd;
    padding-right:10px;
    margin-right:5px;
    border-left:unset;
    padding-left:unset;
    margin-left:unset
}
html[dir="rtl"] div.dt-buttons{
    float:right
}
html[dir="rtl"] .dt-button-collection{
    left:-39px !important
}
html[dir="rtl"] .dropzone .dz-preview .dz-error-mark,html[dir="rtl"] .dropzone .dz-preview .dz-success-mark{
    right:50%;
    margin-right:-27px;
    margin-left:unset;
    left:unset
}
html[dir="rtl"] .page-wrapper .page-body-wrapper footer{
    margin-right:280px;
    margin-left:unset
}
html[dir="rtl"] .page-wrapper .page-body-wrapper footer p i{
    margin-right:5px;
    margin-left:unset
}
html[dir="rtl"] .page-item:first-child .page-link{
    margin-right:0;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-left:none
}
html[dir="rtl"] .page-item:last-child .page-link{
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
html[dir="rtl"] .popover.top>.arrow:after,html[dir="rtl"] .popover.bottom>.arrow:after{
    margin-right:-10px;
    margin-left:unset
}
html[dir="rtl"] .bootstrap-touchspin>.input-group-text>.btn,html[dir="rtl"] .bootstrap-touchspin>.input-group-text>.input-group-text{
    border-top-right-radius:0 !important;
    border-bottom-right-radius:0 !important;
    border-top-left-radius:0 !important;
    border-bottom-left-radius:0 !important
}
html[dir="rtl"] .bootstrap-touchspin>.form-control:not(:last-child),html[dir="rtl"] .bootstrap-touchspin>.custom-select:not(:last-child){
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
html[dir="rtl"] .typeahead span.twitter-typeahead .tt-suggestion{
    text-align:right
}
html[dir="rtl"] .typeahead .league-name{
    text-align:right;
    margin-right:5px
}
html[dir="rtl"] .follow .text-md-right{
    text-align:left !important
}
html[dir="rtl"] .jvectormap-zoomin,html[dir="rtl"] .jvectormap-zoomout,html[dir="rtl"] .jvectormap-goback{
    right:10px;
    left:unset
}
html[dir="rtl"] .customizer-links{
    right:unset;
    left:0
}
html[dir="rtl"] .customizer-links .nav-link:after{
    right:-10px;
    left:unset;
    border-width:5px 5px 5px 0;
    border-left-color:unset;
    border-right-color:#d2d3fb
}
html[dir="rtl"] .customizer-links .nav-link span{
    right:unset;
    left:-60px
}
html[dir="rtl"] .customizer-links .nav-link:hover span{
    left:48px
}
html[dir="rtl"] .customizer-links.open{
    right:unset;
    left:330px;
    border-radius:0 8px 8px 0
}
html[dir="rtl"] .customizer-contain{
    width:330px;
    right:unset;
    left:-330px
}
html[dir="rtl"] .customizer-contain.open{
    right:unset;
    left:0px
}
html[dir="rtl"] .customizer-contain .customizer-header .icon-close{
    left:unset;
    right:30px
}
html[dir="rtl"] .box-layout.page-wrapper.horizontal-wrapper .page-header{
    padding-right:250px;
    padding-left:unset
}
html[dir="rtl"] .box-layout.page-wrapper.horizontal-wrapper .page-header.open{
    padding-right:0
}
html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body{
    margin-left:unset;
    margin-right:230px
}
html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer{
    width:1280px;
    padding-left:0;
    left:50%
}
html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-header{
    margin-left:auto;
    margin-right:auto;
    padding-left:unset;
    padding-right:230px
}
html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-header.close_icon{
    padding-right:100px
}
html[dir="rtl"] .img-crop .input-group input{
    border-top-left-radius:unset !important;
    border-bottom-left-radius:unset !important
}
html[dir="rtl"] .img-crop .input-group .input-group-text:nth-child(n+2){
    border-top-right-radius:unset !important;
    border-bottom-right-radius:unset !important
}
html[dir="rtl"] .img-crop .input-group.left-radius{
    border-top-left-radius:30px !important;
    border-bottom-left-radius:30px !important
}
html[dir="rtl"] body.dark-only .cd-container .cd-timeline-block:nth-child(odd) .cd-timeline-content::before{
    border-right:7px solid #10101c;
    border-left:unset !important
}
html[dir="rtl"] body.dark-only .cd-container .cd-timeline-block:nth-child(even) .cd-timeline-content::before{
    border-left:7px solid #10101c !important;
    border-right:unset
}
html[dir="rtl"] body.dark-only .typo-graphy .card-body .figure blockquote{
    border-right:4px solid #323347
}
html[dir="rtl"] body.dark-only .comment-box .comment-social li:nth-child(n+2){
    border-right:1px solid #323347
}
html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details .blog-social li:last-child{
    border-right:1px solid #323347
}
html[dir="rtl"] body.dark-only .dashboard-default .user-chat .card-body .input-group .form-control{
    border-left:unset !important;
    border-right:1px solid #323347
}
html[dir="rtl"] body.dark-only .figure.text-end blockquote{
    border-left:4px solid #323347 !important
}
html[dir="rtl"] body.dark-only .list-persons .profile-mail .d-flex .flex-grow-1 ul li+li{
    border-right:1px solid #323347
}
html[dir="rtl"] body.dark-only .contacts-tabs .nav-pills{
    border-left:1px solid #323347
}
html[dir="rtl"] body.dark-only .user-profile .follow ul.follow-list li:nth-child(n+2){
    border-right:1px solid #323347
}
html[dir="rtl"] body.dark-only .custom-card .card-footer>div+div{
    border-right:1px solid #323347
}
html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light,html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right{
    border-right:none !important;
    border-left:1px solid #323347 !important
}
@media screen and (min-width: 1200px) and (max-width: 1500px){
    html[dir="rtl"] .activity-timeline.update-line .d-flex .activity-line{
        right:26px
    }
    html[dir="rtl"] .blog-box.blog-shadow .blog-details{
        padding-right:15px
    }
    html[dir="rtl"] .blog-box .blog-details .blog-social li:nth-child(n+2){
        margin-right:10px;
        padding-right:10px
    }
}
@media screen and (min-width: 1200px) and (max-width: 1366px){
    html[dir="rtl"] .learning-comment{
        float:right !important
    }
    html[dir="rtl"] .comment-box .d-flex img{
        margin-left:25px
    }
    html[dir="rtl"] .comment-box ul ul{
        margin-right:50px
    }
}
@media screen and (max-width: 1780px){
    html[dir="rtl"] .dashboard-default .appointment-detail .card-body .table tr td:nth-child(2){
        direction:ltr
    }
}
@media screen and (max-width: 1660px){
    html[dir="rtl"] .caller-img{
        left:unset;
        right:15px
    }
    html[dir="rtl"] .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li:nth-child(n+2){
        margin-right:10px
    }
}
@media only screen and (max-width: 1660px) and (min-width: 1551px){
    html[dir="rtl"] .dashboard-2 .static-card .card-footer ul.d-xxl-flex li .flex-grow-1{
        margin-left:unset;
        margin-right:10px
    }
}
@media screen and (max-width: 1445px) and (min-width: 1401px){
    html[dir="rtl"] .whishlist-main .prooduct-details-box .btn{
        left:0;
        right:unset
    }
    html[dir="rtl"] .prooduct-details-box .product-name h6{
        font-size:13px
    }
}
@media screen and (max-width: 1580px) and (min-width: 1471px){
    html[dir="rtl"] .files-content li .files-list .flex-grow-1{
        margin-left:unset !important;
        margin-right:10px !important
    }
}
@media screen and (max-width: 1470px) and (min-width: 1200px){
    html[dir="rtl"] .dashboard-2 .card-body .right-side{
        left:-2px;
        right:unset
    }
    html[dir="rtl"] .card-header .d-flex .flex-grow-1 .square-after:after{
        left:-6px
    }
    html[dir="rtl"] .social-status.filter-cards-view .d-flex .social-status{
        left:unset;
        right:30px
    }
    html[dir="rtl"] .files-content li{
        margin-left:8px;
        margin-right:unset
    }
    html[dir="rtl"] .files-content li .files-list .flex-grow-1{
        margin-right:8px !important;
        margin-left:unset !important
    }
    html[dir="rtl"] .email-wrap.bookmark-wrap .email-app-sidebar .d-flex img{
        margin-left:8px !important;
        margin-right:unset !important
    }
}
@media screen and (max-width: 1440px) and (min-width: 1366px){
    html[dir="rtl"] .setting-list{
        left:20px;
        right:unset
    }
}
@media screen and (max-width: 1440px) and (min-width: 1200px){
    html[dir="rtl"] .setting-list{
        left:16px
    }
    html[dir="rtl"] .dashboard-default .appointment-detail .card-body .table tr td button i{
        margin-right:4px;
        margin-left:unset
    }
    html[dir="rtl"] .dashboard-default .appointment-detail .card-body .table tr td:first-child{
        padding-right:unset;
        padding-left:8px !important
    }
    html[dir="rtl"] .dashboard-default .appointment-detail .card-body .table tr td .d-flex .circle{
        margin-left:12px;
        margin-right:unset
    }
}
@media screen and (max-width: 1400px) and (min-width: 1200px){
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-header{
        margin-left:unset;
        margin-right:255px;
        width:calc(100% - 255px)
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link::before{
        right:10px
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .page-body{
        margin-left:unset;
        margin-right:255px
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .page-body ~ .footer{
        margin-right:255px;
        margin-left:unset
    }
    html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body{
        margin-right:0 !important;
        margin-left:unset !important
    }
    html[dir="rtl"] .blog-box .blog-details-second .detail-footer ul.sociyal-list li:nth-child(n+2){
        margin-left:unset;
        margin-right:8px;
        padding-right:8px;
        padding-left:unset
    }
    html[dir="rtl"] .activity-media .d-flex .flex-grow-1{
        margin-left:unset;
        margin-right:9px
    }
    html[dir="rtl"] .whishlist-main .prooduct-details-box .btn{
        left:0;
        right:unset
    }
    html[dir="rtl"] .social-widget-card .d-flex .flex-grow-1{
        margin-right:12px;
        margin-left:unset
    }
}
@media only screen and (max-width: 1400px){
    html[dir="rtl"] .dashboard-2 .static-card .card-footer ul.d-xxl-flex li:nth-child(n+2){
        margin-right:0
    }
}
@media screen and (max-width: 1550px) and (min-width: 1200px){
    html[dir="rtl"] .dashboard-2 .product .d-flex .active-status{
        right:18px
    }
    html[dir="rtl"] .dashboard-2 .product .card-body .table tr td .d-flex .circle{
        margin-left:6px
    }
    html[dir="rtl"] .dashboard-default .activity-timeline .d-flex .flex-grow-1{
        margin-right:12px;
        margin-left:unset
    }
}
@media screen and (max-width: 1550px) and (min-width: 1401px){
    html[dir="rtl"] .social-widget-card .d-flex .flex-grow-1{
        margin-right:12px;
        margin-left:unset
    }
}
@media screen and (max-width: 1550px){
    html[dir="rtl"] .dashboard-2 .goal-view .card-footer ul li+li::before{
        right:0
    }
}
@media screen and (max-width: 1550px) and (min-width: 1366px){
    html[dir="rtl"] .dashboard-2 .static-card .card-footer ul.d-xxl-flex li .flex-grow-1{
        margin-left:unset;
        margin-right:10px
    }
    html[dir="rtl"] .best-seller table tr th:last-child,html[dir="rtl"] .best-seller table tr td:last-child{
        padding-left:20px
    }
}
@media screen and (max-width: 1366px) and (min-width: 992px){
    html[dir="rtl"] .left-header .left-menu-header ul.header-left li ul.onhover-show-div li{
        padding:6px 25px
    }
    html[dir="rtl"] .left-header .left-menu-header ul.header-left li+li{
        padding-right:20px;
        padding-left:unset
    }
}
@media screen and (max-width: 1365px) and (min-width: 1200px){
    html[dir="rtl"] .card-header p i{
        margin-right:3px;
        margin-left:unset
    }
    html[dir="rtl"] .dashboard-default .card .card-header .card-header-right,html[dir="rtl"] .dashboard-2 .card .card-header .card-header-right{
        left:25px
    }
}
@media only screen and (max-width: 1366px){
    html[dir="rtl"] .profile-dropdown.onhover-show-div{
        right:unset !important;
        left:0 !important
    }
    html[dir="rtl"] .product-wrapper .product-grid .feature-products{
        margin-right:0
    }
    html[dir="rtl"] .product-grid{
        margin-right:0
    }
    html[dir="rtl"] .d-none-productlist{
        margin-left:10px;
        margin-right:unset
    }
    html[dir="rtl"] .file-content .files .file-box{
        margin-left:unset;
        margin-right:8px
    }
    html[dir="rtl"] .photos ul li:nth-child(3n){
        margin-left:15px;
        margin-right:unset
    }
    html[dir="rtl"] .serchinput .search-form{
        margin-left:unset;
        left:0;
        right:unset
    }
    html[dir="rtl"] .serchinput .search-form input{
        padding:10px 15px;
        width:180px
    }
    html[dir="rtl"] .calendar-basic .lnb-calendars{
        text-align:left
    }
}
@media screen and (max-width: 1280px){
    html[dir="rtl"] .email-wrap .actions li:nth-child(n+2){
        margin-right:10px
    }
    html[dir="rtl"] .user-profile .social-tab ul li:nth-child(n+2){
        margin-right:10px;
        margin-left:0
    }
}
@media screen and (min-width: 1200px) and (max-width: 1366px){
    html[dir="rtl"] .file-manager .folder .folder-box p span{
        float:unset
    }
    html[dir="rtl"] .blog-box .blog-details-second{
        padding:16px
    }
    html[dir="rtl"] .blog-box .blog-details-second .detail-footer ul.sociyal-list li:nth-child(n+2){
        margin-right:3px;
        padding-right:3px;
        margin-left:unset;
        padding-left:unset
    }
    html[dir="rtl"] .dashboard-2 .activity-timeline .d-flex .flex-grow-1{
        margin-left:unset;
        margin-right:16px
    }
    html[dir="rtl"] .job-search .d-sm-flex img{
        margin-left:10px;
        margin-right:unset
    }
    html[dir="rtl"] .contact-options li .btn-category{
        padding-right:30px !important
    }
    html[dir="rtl"] .contact-options .learning-comment{
        margin-right:-14px !important;
        margin-left:unset !important
    }
}
@media (min-width: 1200px){
    html[dir="rtl"] .chat-box .pe-xl-0{
        padding-left:0 !important;
        padding-right:15px !important
    }
    html[dir="rtl"] .chat-box .ps-xl-0{
        padding-right:0 !important;
        padding-left:15px !important
    }
    html[dir="rtl"] .pixelstrap ul a:hover .sub-arrow,html[dir="rtl"] .pixelstrap ul a:focus .sub-arrow,html[dir="rtl"] .pixelstrap ul a:active .sub-arrow,html[dir="rtl"] .pixelstrap ul a.highlighted .sub-arrow{
        left:3px;
        right:unset
    }
}
@media (min-width: 992px){
    html[dir="rtl"] .text-lg-start{
        text-align:right !important
    }
}
@media only screen and (max-width: 1169px){
    html[dir="rtl"] .cd-timeline-content::before{
        left:100%;
        right:unset;
        border-left-color:#f4f4f4
    }
    html[dir="rtl"] .cd-container::before{
        right:-24px
    }
    html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content{
        float:none
    }
    html[dir="rtl"] .cd-timeline-block .cd-timeline-img{
        right:-38px
    }
    html[dir="rtl"] .cd-timeline-block .cd-timeline-img i{
        margin-right:-9px
    }
}
@media only screen and (max-width: 1199px){
    html[dir="rtl"] .page-body-wrapper .page-body,html[dir="rtl"] .page-body-wrapper footer{
        margin-right:0 !important;
        margin-left:unset !important
    }
    html[dir="rtl"] .page-body-wrapper .page-body #customer-review .owl-stage-outer,html[dir="rtl"] .page-body-wrapper footer #customer-review .owl-stage-outer{
        width:100% !important
    }
    html[dir="rtl"] .page-wrapper .page-body-wrapper .footer-fix{
        margin-right:0px;
        padding-left:15px;
        width:calc(100% - 0px) !important
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-header{
        margin-right:0 !important;
        width:calc(100% - 0px) !important
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar{
        margin-right:unset;
        margin-left:15px
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover{
        -webkit-transform:translate(285px);
        transform:translate(285px)
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links{
        height:calc(100vh - 95px)
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon{
        -webkit-transform:translate(285px);
        transform:translate(285px)
    }
    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .header-logo-wrapper{
        margin-right:0
    }
    html[dir="rtl"] .blog-box.blog-list .blog-wrraper{
        border-radius:10px 10px 0 0
    }
    html[dir="rtl"] .link-section>div>h6:before{
        right:unset;
        left:10px
    }
    html[dir="rtl"] .cd-timeline-content{
        margin-right:8px;
        margin-left:unset
    }
    html[dir="rtl"] .left-header .mega-menu-container{
        left:-300px !important;
        right:unset !important
    }
    html[dir="rtl"] .left-header .mega-menu-container.d-block{
        left:0 !important;
        right:unset !important;
        -webkit-animation:fadeInLeft 0.3s ease-in-out;
        animation:fadeInLeft 0.3s ease-in-out
    }
    html[dir="rtl"] .left-header .mega-menu-container .mega-box+.mega-box{
        padding-right:15px;
        border-right:0
    }
    html[dir="rtl"] .email-wrap .email-sidebar .email-left-aside{
        right:0
    }
    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right>ul li:first-child{
        padding-left:10px !important
    }
    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right>ul li .submenu li:first-child{
        padding-right:15px !important;
        padding-left:15px !important
    }
    html[dir="rtl"] .email-wrap .row .col-xl-6{
        padding-right:15px
    }
    html[dir="rtl"] .email-wrap .row .col-xl-3+.col-xl-3{
        padding-left:15px
    }
    html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu>li{
        text-align:right
    }
    html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu>li a i{
        margin-right:unset;
        margin-left:10px
    }
    html[dir="rtl"] .email-wrap .email-app-sidebar ul{
        padding-right:0
    }
    html[dir="rtl"] .email-wrap .email-content .email-top .user-emailid:after{
        float:left
    }
    html[dir="rtl"] .email-wrap .email-right-aside .email-body .pe-0{
        padding-right:unset !important
    }
    html[dir="rtl"] .chat-menu-icons{
        text-align:left
    }
    html[dir="rtl"] .chat-box .chat-history .row .col-sm-7{
        padding-left:0 !important;
        padding-right:unset !important
    }
    html[dir="rtl"] .chat-menu{
        left:0;
        right:unset
    }
    html[dir="rtl"] .invoice .invo-profile .invo-profile-right{
        text-align:right
    }
    html[dir="rtl"] .blog-box.blog-shadow .blog-details{
        padding-right:20px
    }
    html[dir="rtl"] .blog-box .blog-details{
        padding-left:0
    }
    html[dir="rtl"] .blog-box.blog-list .blog-details{
        padding:20px
    }
    html[dir="rtl"] .blog-single .comment-box ul .comment-social{
        margin-right:unset
    }
    html[dir="rtl"] .md-sidebar .md-sidebar-aside{
        right:0;
        left:unset
    }
}
@media only screen and (max-width: 1199px) and (min-width: 991px){
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar{
        margin-right:unset;
        margin-left:20px
    }
}
@media only screen and (max-width: 991px){
    html[dir="rtl"] .updates-faq{
        margin-right:unset;
        margin-left:20px
    }
    html[dir="rtl"] .setting-list{
        left:20px;
        right:unset
    }
    html[dir="rtl"] .sidebar-wrapper .back-btn{
        left:30px;
        right:unset
    }
    html[dir="rtl"] .cd-timeline-block .cd-timeline-img i{
        margin-right:-11px
    }
    html[dir="rtl"] .left-header .nav-link svg{
        margin-left:0
    }
    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .left-header .left-menu-header .app-list ul{
        left:unset;
        right:0
    }
    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .left-header .left-menu-header .app-menu svg{
        -webkit-transform:translate(-50%, -50%);
        transform:translate(-50%, -50%)
    }
    html[dir="rtl"] .onhover-dropdown:hover .onhover-show-div:before{
        right:10px;
        left:unset
    }
    html[dir="rtl"] .faq-accordion .faq-header svg{
        left:20px
    }
    html[dir="rtl"] .categories .learning-header{
        padding-right:20px
    }
    html[dir="rtl"] .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img{
        margin-left:15px;
        margin-right:unset
    }
    html[dir="rtl"] .page-body-wrapper .page-body,html[dir="rtl"] .page-body-wrapper footer{
        margin-right:0 !important
    }
    html[dir="rtl"] .main .langChoice{
        left:20px
    }
    html[dir="rtl"] .dashboard-2 .activity-timeline .d-flex .activity-line{
        right:28px
    }
    html[dir="rtl"] .cd-timeline-img i{
        right:50% !important
    }
    html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .breadcrumb{
        margin-right:0
    }
    html[dir="rtl"] .page-wrapper .page-body-wrapper .page-body{
        min-height:calc(100vh - 60px)
    }
    html[dir="rtl"] .page-wrapper .page-header{
        margin-right:0
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-header{
        margin-right:0 !important;
        margin-left:unset !important
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-wrapper.close_icon{
        -webkit-transform:translate(285px);
        transform:translate(285px)
    }
    html[dir="rtl"] .bookmark ul li .search-form .form-control-search{
        left:-127px
    }
    html[dir="rtl"] .card .card-header .card-header-right{
        left:15px
    }
    html[dir="rtl"] .dashboard-default .activity-timeline .d-flex .activity-line{
        right:26px
    }
    html[dir="rtl"] .offer-box .offer-slider .selling-slide .d-flex .left-content{
        padding-right:0
    }
    html[dir="rtl"] .offer-box .offer-slider .carousel-control-prev-icon,html[dir="rtl"] .offer-box .offer-slider .carousel-control-next-icon{
        right:unset;
        left:20px
    }
    html[dir="rtl"] .taskadd table tr td:last-child{
        padding-left:20px
    }
    html[dir="rtl"] .taskadd table tr td:first-child{
        padding-right:20px
    }
}
@media (min-width: 768px){
    html[dir="rtl"] .float-md-end{
        float:left !important
    }
    html[dir="rtl"] .text-md-end{
        text-align:left !important
    }
    html[dir="rtl"] .offset-md-3{
        margin-right:25%;
        margin-left:unset
    }
    html[dir="rtl"] .text-md-start{
        text-align:right !important
    }
    html[dir="rtl"] .timeliny .timeliny-vertical-line{
        left:unset;
        right:32%
    }
    html[dir="rtl"] .ecommerce-widget .text-md-end{
        text-align:left !important
    }
    html[dir="rtl"] .ecommerce-widget .text-md-end ul{
        text-align:left
    }
}
@media only screen and (max-width: 991px) and (min-width: 768px){
    html[dir="rtl"] .user-profile .profile-post .post-body .post-comment li:nth-child(n+2){
        margin-right:8px;
        margin-left:unset
    }
}
@media screen and (max-width: 767px) and (min-width: 420px){
    html[dir="rtl"] .status-circle{
        right:46px !important
    }
}
@media only screen and (max-width: 768px){
    html[dir="rtl"] .file-content .folder .folder-box:nth-child(odd){
        margin-right:0
    }
    html[dir="rtl"] .text-md-end{
        text-align:left !important
    }
}
@media only screen and (max-width: 767px){
    html[dir="rtl"] .jkanban-container .card-body #demo1{
        margin-right:0;
        margin-left:unset
    }
    html[dir="rtl"] .comment-box ul ul{
        text-align:right
    }
    html[dir="rtl"] .comment-box .comment-social{
        text-align:right
    }
    html[dir="rtl"] .list-persons .profile-mail .email-general ul{
        padding-left:0
    }
    html[dir="rtl"] .offset-xl-3{
        margin-right:unset;
        margin-left:unset
    }
    html[dir="rtl"] .contacts-tabs .nav-pills{
        border-left:none !important
    }
    html[dir="rtl"] .invoice .text-md-end{
        text-align:left !important
    }
    html[dir="rtl"] .tabbed-card ul{
        left:0
    }
    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right>ul>li{
        margin-left:0
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .left-header .mega-menu{
        right:80px
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .left-header .mega-menu .nav-link{
        border:none
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .left-header .mega-menu .nav-link.active{
        color:#000
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .product-wrapper.sidebaron .product-grid .product-wrapper-grid{
        margin-right:0
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .feature-products .filter-toggle{
        margin-right:10px;
        margin-left:unset
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-wrapper .nav-right .nav-menus{
        margin-right:unset;
        margin-left:unset
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-wrapper.compact-wrapper .nav-right .nav-menus{
        margin-right:unset
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-wrapper.compact-wrapper .left-header .mega-menu{
        right:unset;
        left:30px
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-wrapper.compact-wrapper .left-header .mega-menu .nav-link{
        padding-right:16px;
        padding-left:0;
        border:0
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .ecommerce-widget .text-md-right{
        text-align:left !important
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .email-wrap .email-right-aside .email-body .row .col-xl-4{
        border:none
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .chat-box .chat-right-aside .chat .chat-message .text-box .btn:before{
        -webkit-transform:scale(-1);
        transform:scale(-1)
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .lnb-new-schedule{
        text-align:right
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .calendar-basic #menu-navi .menu-navi-center{
        left:20px;
        right:unset
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .calendar-basic #menu-navi .menu-navi-right .move-btn{
        float:left
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .project-list .btn{
        float:right
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .calendar-basic #menu-navi .menu-navi-center{
        left:20px;
        right:unset
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .calendar-basic #menu-navi .menu-navi-right .move-btn{
        float:left
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .blog-box .blog-details .blog-social li:nth-child(n+2){
        margin-right:10px;
        padding-right:10px
    }
}
@media (min-width: 576px){
    html[dir="rtl"] .offset-sm-3{
        margin-right:25%;
        margin-left:unset
    }
    html[dir="rtl"] .text-sm-end{
        text-align:left !important
    }
    html[dir="rtl"] .float-sm-end{
        float:left !important
    }
    html[dir="rtl"] .me-sm-2{
        margin-left:0.5rem !important;
        margin-right:unset !important
    }
}
@media only screen and (max-width: 575px){
    html[dir="rtl"] .login-card .login-main .theme-form .link{
        position:unset
    }
    html[dir="rtl"] .kanban-container .kanban-board{
        width:100% !important
    }
    html[dir="rtl"] .job-search .d-sm-flex .m-r-20{
        margin-left:0;
        margin-right:unset
    }
    html[dir="rtl"] .job-search .d-sm-flex .flex-grow-1 h6 .pull-right{
        margin-right:15px;
        margin-left:unset
    }
    html[dir="rtl"] .dashboard-default .activity-timeline .d-flex .flex-grow-1{
        margin-left:unset;
        margin-right:14px
    }
    html[dir="rtl"] .faq-widgets svg{
        right:unset;
        left:20px
    }
    html[dir="rtl"] .faq-accordion .faq-header .pull-right{
        float:left
    }
    html[dir="rtl"] .add-post form .m-checkbox-inline label{
        margin-left:15px;
        margin-right:unset
    }
    html[dir="rtl"] .comment-box ul ul{
        margin-right:30px;
        margin-left:unset
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar{
        margin-left:10px;
        margin-right:unset
    }
    html[dir="rtl"] #cd-timeline{
        margin-left:0;
        margin-right:auto
    }
    html[dir="rtl"] .list-persons .nav-pills .nav-link .d-flex .flex-grow-1{
        text-align:right
    }
    html[dir="rtl"] .invoice .text-md-end{
        text-align:left !important
    }
    html[dir="rtl"] .invoice .invo-header .flex-grow-1{
        text-align:left
    }
    html[dir="rtl"] .payment-details .theme-form .p-r-0{
        padding-left:12px
    }
    html[dir="rtl"] .left-header .level-menu .nav-link{
        margin:0
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .left-header .mega-menu{
        left:15px
    }
    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div{
        right:115px !important
    }
    html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul.message-dropdown,html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul.notification-dropdown{
        top:48px
    }
    html[dir="rtl"] .page-header .header-wrapper .nav-right>ul>li{
        margin-left:10px
    }
    html[dir="rtl"] .page-header .header-wrapper .nav-right>ul>li:last-child{
        padding-right:10px
    }
    html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul.profile-dropdown,html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul.chat-dropdown,html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul.notification-dropdown{
        left:unset !important;
        right:90px !important
    }
    html[dir="rtl"] .faq-accordion .faq-header svg{
        left:15px
    }
    html[dir="rtl"] .categories .learning-header{
        padding-right:15px
    }
    html[dir="rtl"] .main .langChoice{
        left:15px
    }
    html[dir="rtl"] .page-wrapper .search-form .form-group{
        margin-left:0
    }
    html[dir="rtl"] .feature-products .text-end{
        text-align:right !important
    }
    html[dir="rtl"] .feature-products .select-options{
        float:right;
        margin-left:10px;
        margin-right:unset
    }
    html[dir="rtl"] .invoice .text-xs-center{
        text-align:center !important
    }
    html[dir="rtl"] .invoice .invo-header .flex-grow-1{
        text-align:left
    }
    html[dir="rtl"] .search-page .search-form .form-group input{
        padding:8px 60px 8px 8px
    }
    html[dir="rtl"] .taskadd table tr td:last-child{
        padding-left:15px
    }
    html[dir="rtl"] .taskadd table tr td:first-child{
        padding-right:15px
    }
    html[dir="rtl"] .user-profile .profile-post .post-body .post-react ul li:nth-child(n+2){
        margin-right:-15px
    }
    html[dir="rtl"] .user-profile .profile-post .post-body .post-react h6{
        margin-right:10px
    }
    html[dir="rtl"] .list-persons .nav-pills .nav-link .d-flex .flex-grow-1{
        text-align:right
    }
    html[dir="rtl"] .list-persons .profile-mail .email-general ul{
        padding-left:unset
    }
    html[dir="rtl"] .blog-box .blog-details .blog-social li:nth-child(n+2){
        margin-right:15px;
        padding-right:unset;
        border-right:none
    }
    html[dir="rtl"] .feature-products .select-options{
        float:right
    }
    html[dir="rtl"] .job-search .d-flex .flex-grow-1 h6 .pull-right{
        margin-right:15px;
        margin-left:unset
    }
    html[dir="rtl"] .job-search .job-description label{
        text-align:right !important
    }
}
@media only screen and (max-width: 480px){
    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div.profile-dropdown{
        right:unset !important;
        left:10px !important
    }
    html[dir="rtl"] .alert-theme.notify-alert{
        left:0 !important;
        right:unset !important
    }
    html[dir="rtl"] .alert-theme.notify-alert .close{
        padding:0
    }
    html[dir="rtl"] .sidebar-wrapper .back-btn{
        left:20px;
        right:unset
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link:before{
        right:8px;
        left:unset
    }
    html[dir="rtl"] .icon-hover-bottom .icon-first{
        margin-right:unset;
        margin-left:10px
    }
    html[dir="rtl"] .left-header .level-menu .header-level-menu>li>.header-level-sub-menu{
        right:140px
    }
    html[dir="rtl"] .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block{
        text-align:right
    }
    html[dir="rtl"] .email-wrap .email-wrapper .right-download{
        float:right
    }
    html[dir="rtl"] .products-total>div:nth-child(n+2){
        margin-right:0
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .feature-products .filter-toggle{
        margin-right:0
    }
    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div{
        right:unset;
        left:20px
    }
}
@media only screen and (max-width: 420px){
    html[dir="rtl"] .file-manager .folder li:nth-child(n+2){
        margin-right:0;
        margin-left:unset
    }
    html[dir="rtl"] .project-list .border-tab.nav-tabs .nav-item .nav-link{
        padding:5px 0 5px 15px
    }
    html[dir="rtl"] .file-content .files .file-box{
        margin-right:0
    }
    html[dir="rtl"] .file-content .folder .folder-box .d-flex{
        text-align:right
    }
    html[dir="rtl"] .project-box .badge{
        left:10px
    }
    html[dir="rtl"] .serchinput .search-form{
        left:-70px
    }
    html[dir="rtl"] .serchinput .search-form input{
        width:140px
    }
}
@media only screen and (max-width: 360px){
    html[dir="rtl"] .note-editor .note-color .dropdown-menu{
        right:-20px
    }
    html[dir="rtl"] .note-editor .note-para .dropdown-menu{
        right:-75px
    }
    html[dir="rtl"] .blog-box .blog-details .blog-social li:nth-last-child(2){
        padding-right:0 !important;
        padding-left:unset;
        margin-left:unset;
        margin-right:0 !important
    }
    html[dir="rtl"] .faq-accordion .card .btn-link{
        padding-right:24px
    }
    html[dir="rtl"] .main .langChoice{
        left:unset;
        right:0;
        margin:0 20px 0 auto
    }
    html[dir="rtl"] .btn-group-showcase .btn-option{
        margin-left:0
    }
    html[dir="rtl"] .btn-group-showcase .btn-option .checkbox label{
        padding-left:unset;
        padding-right:10px
    }
    html[dir="rtl"] .btn-group-showcase .btn-radio .btn-group{
        margin-left:0
    }
    html[dir="rtl"] .btn-group-showcase .btn-radio .btn-group .btn .radio label{
        padding-right:12px
    }
    html[dir="rtl"] .btn-group-showcase .btn-radio .btn-group .btn .radio label:before{
        right:3px;
        left:unset
    }
    html[dir="rtl"] .btn-group-showcase .btn-radio .btn-group .btn .radio label:after{
        right:8px;
        left:unset
    }
    html[dir="rtl"] .prooduct-details-box .close{
        left:0
    }
    html[dir="rtl"] .social-app-profile .hovercard .user-image .avatar{
        margin-top:-47px
    }
    html[dir="rtl"] .social-app-profile .hovercard .user-image .avatar img{
        width:85px;
        height:85px
    }
    html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul.profile-dropdown{
        width:160px;
        right:170px !important
    }
    html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul.notification-dropdown,html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul.message-dropdown{
        right:50px !important
    }
    html[dir="rtl"] .dashboard-default .card-header .d-flex .badge-group .icon-box{
        margin-right:6px
    }
    html[dir="rtl"] .dashboard-2 .activity-timeline .d-flex .flex-grow-1{
        margin-right:0
    }
    html[dir="rtl"] .dashboard-2 .card-body .right-side{
        left:0
    }
    html[dir="rtl"] .social-chat .other-msg{
        margin-right:15px
    }
}
@media only screen and (max-width: 359px){
    html[dir="rtl"] .knowledge-details .job-sidebar .job-left-aside .job-accordion .card .card-header{
        padding:14px
    }
    html[dir="rtl"] .comment-box .comment-social li:nth-child(n+2){
        margin-right:10px;
        padding-right:10px;
        padding-left:unset;
        margin-left:unset
    }
    html[dir="rtl"] div.dataTables_wrapper div.dataTables_filter input{
        width:180px !important
    }
    html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul.profile-dropdown{
        width:140px;
        right:140px !important
    }
}
@media screen and (max-width: 1460px){
    html[dir="rtl"] .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li{
        margin-left:8px;
        margin-right:unset
    }
}
/*# sourceMappingURL=style.css.map */