/*! ----------------------------------------------------------------------------------- Template Name: Cuba Admin Template URI: http://admin.pixelstrap.com/cuba/theme Description: This is Admin theme Author: Pixelstrap Author URI: https://themeforest.net/user/pixelstrap ----------------------------------------------------------------------------------- */
:root{
    --theme-deafult: #7366ff;
    --theme-secondary: #f73164
}
.font-roboto{
    font-family:Roboto,sans-serif
}
.p-0{
    padding:0px
}
.p-5{
    padding:5px
}
.p-10{
    padding:10px
}
.p-15{
    padding:15px
}
.p-20{
    padding:20px
}
.p-25{
    padding:25px
}
.p-30{
    padding:30px
}
.p-35{
    padding:35px
}
.p-40{
    padding:40px
}
.p-45{
    padding:45px
}
.p-50{
    padding:50px
}
.p-l-0{
    padding-left:0px
}
.p-l-5{
    padding-left:5px
}
.p-l-10{
    padding-left:10px
}
.p-l-15{
    padding-left:15px
}
.p-l-20{
    padding-left:20px
}
.p-l-25{
    padding-left:25px
}
.p-l-30{
    padding-left:30px
}
.p-l-35{
    padding-left:35px
}
.p-l-40{
    padding-left:40px
}
.p-l-45{
    padding-left:45px
}
.p-l-50{
    padding-left:50px
}
.p-t-0{
    padding-top:0px !important
}
.p-t-5{
    padding-top:5px !important
}
.p-t-10{
    padding-top:10px !important
}
.p-t-15{
    padding-top:15px !important
}
.p-t-20{
    padding-top:20px !important
}
.p-t-25{
    padding-top:25px !important
}
.p-t-30{
    padding-top:30px !important
}
.p-t-35{
    padding-top:35px !important
}
.p-t-40{
    padding-top:40px !important
}
.p-t-45{
    padding-top:45px !important
}
.p-t-50{
    padding-top:50px !important
}
.p-b-0{
    padding-bottom:0px !important
}
.p-b-5{
    padding-bottom:5px !important
}
.p-b-10{
    padding-bottom:10px !important
}
.p-b-15{
    padding-bottom:15px !important
}
.p-b-20{
    padding-bottom:20px !important
}
.p-b-25{
    padding-bottom:25px !important
}
.p-b-30{
    padding-bottom:30px !important
}
.p-b-35{
    padding-bottom:35px !important
}
.p-b-40{
    padding-bottom:40px !important
}
.p-b-45{
    padding-bottom:45px !important
}
.p-b-50{
    padding-bottom:50px !important
}
.p-r-0{
    padding-right:0px
}
.p-r-5{
    padding-right:5px
}
.p-r-10{
    padding-right:10px
}
.p-r-15{
    padding-right:15px
}
.p-r-20{
    padding-right:20px
}
.p-r-25{
    padding-right:25px
}
.p-r-30{
    padding-right:30px
}
.p-r-35{
    padding-right:35px
}
.p-r-40{
    padding-right:40px
}
.p-r-45{
    padding-right:45px
}
.p-r-50{
    padding-right:50px
}
.m-0{
    margin:0px !important
}
.m-5{
    margin:5px !important
}
.m-10{
    margin:10px !important
}
.m-15{
    margin:15px !important
}
.m-20{
    margin:20px !important
}
.m-25{
    margin:25px !important
}
.m-30{
    margin:30px !important
}
.m-35{
    margin:35px !important
}
.m-40{
    margin:40px !important
}
.m-45{
    margin:45px !important
}
.m-50{
    margin:50px !important
}
.m-t-0{
    margin-top:0px !important
}
.m-t-5{
    margin-top:5px !important
}
.m-t-10{
    margin-top:10px !important
}
.m-t-15{
    margin-top:15px !important
}
.m-t-20{
    margin-top:20px !important
}
.m-t-25{
    margin-top:25px !important
}
.m-t-30{
    margin-top:30px !important
}
.m-t-35{
    margin-top:35px !important
}
.m-t-40{
    margin-top:40px !important
}
.m-t-45{
    margin-top:45px !important
}
.m-t-50{
    margin-top:50px !important
}
.m-b-0{
    margin-bottom:0px !important
}
.m-b-5{
    margin-bottom:5px !important
}
.m-b-10{
    margin-bottom:10px !important
}
.m-b-15{
    margin-bottom:15px !important
}
.m-b-20{
    margin-bottom:20px !important
}
.m-b-25{
    margin-bottom:25px !important
}
.m-b-30{
    margin-bottom:30px !important
}
.m-b-35{
    margin-bottom:35px !important
}
.m-b-40{
    margin-bottom:40px !important
}
.m-b-45{
    margin-bottom:45px !important
}
.m-b-50{
    margin-bottom:50px !important
}
.m-l-0{
    margin-left:0px !important
}
.m-l-5{
    margin-left:5px !important
}
.m-l-10{
    margin-left:10px !important
}
.m-l-15{
    margin-left:15px !important
}
.m-l-20{
    margin-left:20px !important
}
.m-l-25{
    margin-left:25px !important
}
.m-l-30{
    margin-left:30px !important
}
.m-l-35{
    margin-left:35px !important
}
.m-l-40{
    margin-left:40px !important
}
.m-l-45{
    margin-left:45px !important
}
.m-l-50{
    margin-left:50px !important
}
.m-r-0{
    margin-right:0px
}
.m-r-5{
    margin-right:5px
}
.m-r-10{
    margin-right:10px
}
.m-r-15{
    margin-right:15px
}
.m-r-20{
    margin-right:20px
}
.m-r-25{
    margin-right:25px
}
.m-r-30{
    margin-right:30px
}
.m-r-35{
    margin-right:35px
}
.m-r-40{
    margin-right:40px
}
.m-r-45{
    margin-right:45px
}
.m-r-50{
    margin-right:50px
}
.b-r-0{
    border-radius:0px !important
}
.b-r-1{
    border-radius:1px !important
}
.b-r-2{
    border-radius:2px !important
}
.b-r-3{
    border-radius:3px !important
}
.b-r-4{
    border-radius:4px !important
}
.b-r-5{
    border-radius:5px !important
}
.b-r-6{
    border-radius:6px !important
}
.b-r-7{
    border-radius:7px !important
}
.b-r-8{
    border-radius:8px !important
}
.b-r-9{
    border-radius:9px !important
}
.b-r-10{
    border-radius:10px !important
}
.f-12{
    font-size:12px !important
}
.f-14{
    font-size:14px !important
}
.f-16{
    font-size:16px !important
}
.f-18{
    font-size:18px !important
}
.f-20{
    font-size:20px !important
}
.f-22{
    font-size:22px !important
}
.f-24{
    font-size:24px !important
}
.f-26{
    font-size:26px !important
}
.f-28{
    font-size:28px !important
}
.f-30{
    font-size:30px !important
}
.f-32{
    font-size:32px !important
}
.f-34{
    font-size:34px !important
}
.f-36{
    font-size:36px !important
}
.f-38{
    font-size:38px !important
}
.f-40{
    font-size:40px !important
}
.f-42{
    font-size:42px !important
}
.f-44{
    font-size:44px !important
}
.f-46{
    font-size:46px !important
}
.f-48{
    font-size:48px !important
}
.f-50{
    font-size:50px !important
}
.f-52{
    font-size:52px !important
}
.f-54{
    font-size:54px !important
}
.f-56{
    font-size:56px !important
}
.f-58{
    font-size:58px !important
}
.f-60{
    font-size:60px !important
}
.f-62{
    font-size:62px !important
}
.f-64{
    font-size:64px !important
}
.f-66{
    font-size:66px !important
}
.f-68{
    font-size:68px !important
}
.f-70{
    font-size:70px !important
}
.f-72{
    font-size:72px !important
}
.f-74{
    font-size:74px !important
}
.f-76{
    font-size:76px !important
}
.f-78{
    font-size:78px !important
}
.f-80{
    font-size:80px !important
}
.f-82{
    font-size:82px !important
}
.f-84{
    font-size:84px !important
}
.f-86{
    font-size:86px !important
}
.f-88{
    font-size:88px !important
}
.f-90{
    font-size:90px !important
}
.f-92{
    font-size:92px !important
}
.f-94{
    font-size:94px !important
}
.f-96{
    font-size:96px !important
}
.f-98{
    font-size:98px !important
}
.f-100{
    font-size:100px !important
}
.f-w-100{
    font-weight:100
}
.f-w-300{
    font-weight:300
}
.f-w-500{
    font-weight:500
}
.f-w-400{
    font-weight:400
}
.f-w-600{
    font-weight:600
}
.f-w-700{
    font-weight:700
}
.f-w-900{
    font-weight:900
}
.f-s-normal{
    font-style:normal
}
.f-s-italic{
    font-style:italic
}
.f-s-oblique{
    font-style:oblique
}
.f-s-initial{
    font-style:initial
}
.f-s-inherit{
    font-style:inherit
}
.text-overline{
    text-decoration:overline
}
.text-line-through{
    text-decoration:line-through
}
.text-underline{
    text-decoration:underline
}
.text-dashed{
    -webkit-text-decoration:dashed;
    text-decoration:dashed
}
.text-blink{
    text-decoration:blink
}
.text-dotted{
    -webkit-text-decoration:dotted;
    text-decoration:dotted
}
.text-initial{
    text-decoration:initial
}
.text-none{
    text-decoration:none
}
.text-solid{
    -webkit-text-decoration:solid;
    text-decoration:solid
}
.text-wavy{
    -webkit-text-decoration:wavy;
    text-decoration:wavy
}
.text-inherit{
    text-decoration:inherit
}
.text-double{
    -webkit-text-decoration:double;
    text-decoration:double
}
.baseline{
    vertical-align:baseline
}
.sub{
    vertical-align:sub
}
.super{
    vertical-align:super
}
.top{
    vertical-align:top
}
.text-top{
    vertical-align:text-top
}
.middle{
    vertical-align:middle
}
.bottom{
    vertical-align:bottom
}
.text-bottom{
    vertical-align:text-bottom
}
.initial{
    vertical-align:initial
}
.inherit{
    vertical-align:inherit
}
.p-static{
    position:static
}
.p-absolute{
    position:absolute
}
.p-fixed{
    position:fixed
}
.p-relative{
    position:relative
}
.p-initial{
    position:initial
}
.p-inherit{
    position:inherit
}
.f-left{
    float:left
}
.f-right{
    float:right
}
.f-none{
    float:none
}
.o-hidden{
    overflow:hidden
}
.o-visible{
    overflow:visible
}
.o-auto{
    overflow:auto
}
.img-10{
    width:10px !important
}
.img-20{
    width:20px !important
}
.img-30{
    width:30px !important
}
.img-40{
    width:40px !important
}
.img-50{
    width:50px !important
}
.img-60{
    width:60px !important
}
.img-70{
    width:70px !important
}
.img-80{
    width:80px !important
}
.img-90{
    width:90px !important
}
.img-100{
    width:100px !important
}
.font-primary{
    color:#7366ff !important
}
.font-secondary{
    color:#f73164 !important
}
.font-success{
    color:#51bb25 !important
}
.font-danger{
    color:#dc3545 !important
}
.font-info{
    color:#a927f9 !important
}
.font-light{
    color:#f4f4f4 !important
}
.font-dark{
    color:#2c323f !important
}
.font-warning{
    color:#f8d62b !important
}
.font-primary{
    color:var(--theme-deafult) !important
}
.font-secondary{
    color:var(--theme-secondary) !important
}
.label{
    border-radius:2px;
    color:#fff;
    font-size:12px;
    line-height:1;
    margin-bottom:0;
    text-transform:capitalize
}
.label-theme{
    background-color:#7366ff
}
.label-primary{
    background-color:#7366ff
}
.label-secondary{
    background-color:#f73164
}
.label-success{
    background-color:#51bb25
}
.label-danger{
    background-color:#dc3545
}
.label-info{
    background-color:#a927f9
}
.label-light{
    background-color:#f4f4f4
}
.label-dark{
    background-color:#2c323f
}
.label-warning{
    background-color:#f8d62b
}
.badge-primary{
    background-color:#7366ff
}
.badge-secondary{
    background-color:#f73164
}
.badge-success{
    background-color:#51bb25
}
.badge-danger{
    background-color:#dc3545
}
.badge-info{
    background-color:#a927f9
}
.badge-light{
    background-color:#f4f4f4
}
.badge-dark{
    background-color:#2c323f
}
.badge-warning{
    background-color:#f8d62b
}
.badge-primary{
    background-color:var(--theme-deafult) !important
}
.badge-secondary{
    background-color:var(--theme-secondary) !important
}
.bg-primary{
    background-color:#7366ff !important;
    color:#fff
}
.bg-light-primary{
    background-color:rgba(115,102,255,0.2) !important;
    color:#fff
}
.bg-secondary{
    background-color:#f73164 !important;
    color:#fff
}
.bg-light-secondary{
    background-color:rgba(247,49,100,0.2) !important;
    color:#fff
}
.bg-success{
    background-color:#51bb25 !important;
    color:#fff
}
.bg-light-success{
    background-color:rgba(81,187,37,0.2) !important;
    color:#fff
}
.bg-danger{
    background-color:#dc3545 !important;
    color:#fff
}
.bg-light-danger{
    background-color:rgba(220,53,69,0.2) !important;
    color:#fff
}
.bg-info{
    background-color:#a927f9 !important;
    color:#fff
}
.bg-light-info{
    background-color:rgba(169,39,249,0.2) !important;
    color:#fff
}
.bg-light{
    background-color:#f4f4f4 !important;
    color:#fff
}
.bg-light-light{
    background-color:rgba(244,244,244,0.2) !important;
    color:#fff
}
.bg-dark{
    background-color:#2c323f !important;
    color:#fff
}
.bg-light-dark{
    background-color:rgba(44,50,63,0.2) !important;
    color:#fff
}
.bg-warning{
    background-color:#f8d62b !important;
    color:#fff
}
.bg-light-warning{
    background-color:rgba(248,214,43,0.2) !important;
    color:#fff
}
.bg-primary{
    background-color:var(--theme-deafult) !important
}
.bg-secondary{
    background-color:var(--theme-secondary) !important
}
.txt-primary{
    color:#7366ff !important
}
.txt-secondary{
    color:#f73164 !important
}
.txt-success{
    color:#51bb25 !important
}
.txt-danger{
    color:#dc3545 !important
}
.txt-info{
    color:#a927f9 !important
}
.txt-light{
    color:#f4f4f4 !important
}
.txt-dark{
    color:#2c323f !important
}
.txt-warning{
    color:#f8d62b !important
}
.txt-google-plus{
    color:#c64e40 !important
}
.txt-twitter{
    color:#6fa2d8 !important
}
.txt-linkedin{
    color:#0077B5 !important
}
.txt-fb{
    color:#50598e !important
}
.txt-primary{
    color:var(--theme-deafult) !important
}
.txt-secondary{
    color:var(--theme-secondary) !important
}
.btn-primary{
    background-color:#7366ff !important;
    border-color:#7366ff !important
}
.btn-primary.disabled,.btn-primary:disabled{
    background-color:#7366ff !important;
    border-color:#7366ff !important
}
.btn-primary:focus{
    -webkit-box-shadow:0 0 0 0.2rem #fff;
    box-shadow:0 0 0 0.2rem #fff
}
.btn-secondary{
    background-color:#f73164 !important;
    border-color:#f73164 !important
}
.btn-secondary.disabled,.btn-secondary:disabled{
    background-color:#f73164 !important;
    border-color:#f73164 !important
}
.btn-secondary:focus{
    -webkit-box-shadow:0 0 0 0.2rem #fdc4d3;
    box-shadow:0 0 0 0.2rem #fdc4d3
}
.btn-success{
    background-color:#51bb25 !important;
    border-color:#51bb25 !important
}
.btn-success.disabled,.btn-success:disabled{
    background-color:#51bb25 !important;
    border-color:#51bb25 !important
}
.btn-success:focus{
    -webkit-box-shadow:0 0 0 0.2rem #aae990;
    box-shadow:0 0 0 0.2rem #aae990
}
.btn-danger{
    background-color:#dc3545 !important;
    border-color:#dc3545 !important
}
.btn-danger.disabled,.btn-danger:disabled{
    background-color:#dc3545 !important;
    border-color:#dc3545 !important
}
.btn-danger:focus{
    -webkit-box-shadow:0 0 0 0.2rem #f3b7bd;
    box-shadow:0 0 0 0.2rem #f3b7bd
}
.btn-info{
    background-color:#a927f9 !important;
    border-color:#a927f9 !important;
    color:#fff
}
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active{
    color:#fff
}
.btn-info.disabled,.btn-info:disabled{
    background-color:#a927f9 !important;
    border-color:#a927f9 !important
}
.btn-info:focus{
    -webkit-box-shadow:0 0 0 0.2rem #e4bcfd;
    box-shadow:0 0 0 0.2rem #e4bcfd
}
.btn-light{
    background-color:#f4f4f4 !important;
    border-color:#f4f4f4 !important
}
.btn-light.disabled,.btn-light:disabled{
    background-color:#f4f4f4 !important;
    border-color:#f4f4f4 !important
}
.btn-light:focus{
    -webkit-box-shadow:0 0 0 0.2rem #fff;
    box-shadow:0 0 0 0.2rem #fff
}
.btn-dark{
    background-color:#2c323f !important;
    border-color:#2c323f !important
}
.btn-dark.disabled,.btn-dark:disabled{
    background-color:#2c323f !important;
    border-color:#2c323f !important
}
.btn-dark:focus{
    -webkit-box-shadow:0 0 0 0.2rem #6c7a98;
    box-shadow:0 0 0 0.2rem #6c7a98
}
.btn-warning{
    background-color:#f8d62b !important;
    border-color:#f8d62b !important
}
.btn-warning.disabled,.btn-warning:disabled{
    background-color:#f8d62b !important;
    border-color:#f8d62b !important
}
.btn-warning:focus{
    -webkit-box-shadow:0 0 0 0.2rem #fdf3bf;
    box-shadow:0 0 0 0.2rem #fdf3bf
}
.btn-light{
    background-color:rgba(115,102,255,0.06) !important;
    border-color:rgba(115,102,255,0.06) !important
}
.btn-light:hover{
    background-color:rgba(115,102,255,0.1) !important;
    border-color:rgba(115,102,255,0.1) !important
}
.btn-primary{
    background-color:var(--theme-deafult) !important;
    border-color:var(--theme-deafult) !important
}
.btn-secondary{
    background-color:var(--theme-secondary) !important;
    border-color:var(--theme-secondary) !important
}
.btn-outline-primary-2x{
    border-width:2px;
    border-color:#7366ff;
    color:#7366ff;
    background-color:transparent
}
.btn-outline-primary-2x:hover,.btn-outline-primary-2x:focus,.btn-outline-primary-2x:active,.btn-outline-primary-2x.active{
    color:white;
    background-color:#43f !important;
    border-color:#43f !important;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-outline-secondary-2x{
    border-width:2px;
    border-color:#f73164;
    color:#f73164;
    background-color:transparent
}
.btn-outline-secondary-2x:hover,.btn-outline-secondary-2x:focus,.btn-outline-secondary-2x:active,.btn-outline-secondary-2x.active{
    color:white;
    background-color:#ec0944 !important;
    border-color:#ec0944 !important;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-outline-success-2x{
    border-width:2px;
    border-color:#51bb25;
    color:#51bb25;
    background-color:transparent
}
.btn-outline-success-2x:hover,.btn-outline-success-2x:focus,.btn-outline-success-2x:active,.btn-outline-success-2x.active{
    color:white;
    background-color:#3f901d !important;
    border-color:#3f901d !important;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-outline-danger-2x{
    border-width:2px;
    border-color:#dc3545;
    color:#dc3545;
    background-color:transparent
}
.btn-outline-danger-2x:hover,.btn-outline-danger-2x:focus,.btn-outline-danger-2x:active,.btn-outline-danger-2x.active{
    color:white;
    background-color:#bd2130 !important;
    border-color:#bd2130 !important;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-outline-info-2x{
    border-width:2px;
    border-color:#a927f9;
    color:#a927f9;
    background-color:transparent
}
.btn-outline-info-2x:hover,.btn-outline-info-2x:focus,.btn-outline-info-2x:active,.btn-outline-info-2x.active{
    color:white;
    background-color:#9106e7 !important;
    border-color:#9106e7 !important;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-outline-light-2x{
    border-width:2px;
    border-color:#f4f4f4;
    color:#f4f4f4;
    background-color:transparent
}
.btn-outline-light-2x:hover,.btn-outline-light-2x:focus,.btn-outline-light-2x:active,.btn-outline-light-2x.active{
    color:white;
    background-color:#dbdbdb !important;
    border-color:#dbdbdb !important;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-outline-dark-2x{
    border-width:2px;
    border-color:#2c323f;
    color:#2c323f;
    background-color:transparent
}
.btn-outline-dark-2x:hover,.btn-outline-dark-2x:focus,.btn-outline-dark-2x:active,.btn-outline-dark-2x.active{
    color:white;
    background-color:#171a21 !important;
    border-color:#171a21 !important;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-outline-warning-2x{
    border-width:2px;
    border-color:#f8d62b;
    color:#f8d62b;
    background-color:transparent
}
.btn-outline-warning-2x:hover,.btn-outline-warning-2x:focus,.btn-outline-warning-2x:active,.btn-outline-warning-2x.active{
    color:white;
    background-color:#e8c308 !important;
    border-color:#e8c308 !important;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-outline-primary{
    border-color:#7366ff;
    color:#7366ff;
    background-color:transparent
}
.btn-outline-primary.disabled{
    color:#7366ff
}
.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active,.btn-outline-primary.active{
    color:white;
    background-color:#43f !important;
    border-color:#43f !important
}
.btn-outline-secondary{
    border-color:#f73164;
    color:#f73164;
    background-color:transparent
}
.btn-outline-secondary.disabled{
    color:#f73164
}
.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-outline-secondary:active,.btn-outline-secondary.active{
    color:white;
    background-color:#ec0944 !important;
    border-color:#ec0944 !important
}
.btn-outline-success{
    border-color:#51bb25;
    color:#51bb25;
    background-color:transparent
}
.btn-outline-success.disabled{
    color:#51bb25
}
.btn-outline-success:hover,.btn-outline-success:focus,.btn-outline-success:active,.btn-outline-success.active{
    color:white;
    background-color:#3f901d !important;
    border-color:#3f901d !important
}
.btn-outline-danger{
    border-color:#dc3545;
    color:#dc3545;
    background-color:transparent
}
.btn-outline-danger.disabled{
    color:#dc3545
}
.btn-outline-danger:hover,.btn-outline-danger:focus,.btn-outline-danger:active,.btn-outline-danger.active{
    color:white;
    background-color:#bd2130 !important;
    border-color:#bd2130 !important
}
.btn-outline-info{
    border-color:#a927f9;
    color:#a927f9;
    background-color:transparent
}
.btn-outline-info.disabled{
    color:#a927f9
}
.btn-outline-info:hover,.btn-outline-info:focus,.btn-outline-info:active,.btn-outline-info.active{
    color:white;
    background-color:#9106e7 !important;
    border-color:#9106e7 !important
}
.btn-outline-light{
    border-color:#f4f4f4;
    color:#f4f4f4;
    background-color:transparent;
    color:#2b2b2b
}
.btn-outline-light.disabled{
    color:#f4f4f4
}
.btn-outline-light:hover,.btn-outline-light:focus,.btn-outline-light:active,.btn-outline-light.active{
    color:white;
    background-color:#dbdbdb !important;
    border-color:#dbdbdb !important
}
.btn-outline-dark{
    border-color:#2c323f;
    color:#2c323f;
    background-color:transparent
}
.btn-outline-dark.disabled{
    color:#2c323f
}
.btn-outline-dark:hover,.btn-outline-dark:focus,.btn-outline-dark:active,.btn-outline-dark.active{
    color:white;
    background-color:#171a21 !important;
    border-color:#171a21 !important
}
.btn-outline-warning{
    border-color:#f8d62b;
    color:#f8d62b;
    background-color:transparent
}
.btn-outline-warning.disabled{
    color:#f8d62b
}
.btn-outline-warning:hover,.btn-outline-warning:focus,.btn-outline-warning:active,.btn-outline-warning.active{
    color:white;
    background-color:#e8c308 !important;
    border-color:#e8c308 !important
}
.btn-primary:not([disabled]):not(.disabled).active{
    background-color:#43f;
    border-color:#43f;
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.btn-primary:not([disabled]):not(.disabled).active:hover,.btn-primary:not([disabled]):not(.disabled).active:focus,.btn-primary:not([disabled]):not(.disabled).active:active,.btn-primary:not([disabled]):not(.disabled).active.active{
    color:white;
    background-color:#43f;
    border-color:#43f
}
.btn-secondary:not([disabled]):not(.disabled).active{
    background-color:#ec0944;
    border-color:#ec0944;
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.btn-secondary:not([disabled]):not(.disabled).active:hover,.btn-secondary:not([disabled]):not(.disabled).active:focus,.btn-secondary:not([disabled]):not(.disabled).active:active,.btn-secondary:not([disabled]):not(.disabled).active.active{
    color:white;
    background-color:#ec0944;
    border-color:#ec0944
}
.btn-success:not([disabled]):not(.disabled).active{
    background-color:#3f901d;
    border-color:#3f901d;
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.btn-success:not([disabled]):not(.disabled).active:hover,.btn-success:not([disabled]):not(.disabled).active:focus,.btn-success:not([disabled]):not(.disabled).active:active,.btn-success:not([disabled]):not(.disabled).active.active{
    color:white;
    background-color:#3f901d;
    border-color:#3f901d
}
.btn-danger:not([disabled]):not(.disabled).active{
    background-color:#bd2130;
    border-color:#bd2130;
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.btn-danger:not([disabled]):not(.disabled).active:hover,.btn-danger:not([disabled]):not(.disabled).active:focus,.btn-danger:not([disabled]):not(.disabled).active:active,.btn-danger:not([disabled]):not(.disabled).active.active{
    color:white;
    background-color:#bd2130;
    border-color:#bd2130
}
.btn-info:not([disabled]):not(.disabled).active{
    background-color:#9106e7;
    border-color:#9106e7;
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.btn-info:not([disabled]):not(.disabled).active:hover,.btn-info:not([disabled]):not(.disabled).active:focus,.btn-info:not([disabled]):not(.disabled).active:active,.btn-info:not([disabled]):not(.disabled).active.active{
    color:white;
    background-color:#9106e7;
    border-color:#9106e7
}
.btn-light:not([disabled]):not(.disabled).active{
    background-color:#dbdbdb;
    border-color:#dbdbdb;
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.btn-light:not([disabled]):not(.disabled).active:hover,.btn-light:not([disabled]):not(.disabled).active:focus,.btn-light:not([disabled]):not(.disabled).active:active,.btn-light:not([disabled]):not(.disabled).active.active{
    color:white;
    background-color:#dbdbdb;
    border-color:#dbdbdb
}
.btn-dark:not([disabled]):not(.disabled).active{
    background-color:#171a21;
    border-color:#171a21;
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.btn-dark:not([disabled]):not(.disabled).active:hover,.btn-dark:not([disabled]):not(.disabled).active:focus,.btn-dark:not([disabled]):not(.disabled).active:active,.btn-dark:not([disabled]):not(.disabled).active.active{
    color:white;
    background-color:#171a21;
    border-color:#171a21
}
.btn-warning:not([disabled]):not(.disabled).active{
    background-color:#e8c308;
    border-color:#e8c308;
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.btn-warning:not([disabled]):not(.disabled).active:hover,.btn-warning:not([disabled]):not(.disabled).active:focus,.btn-warning:not([disabled]):not(.disabled).active:active,.btn-warning:not([disabled]):not(.disabled).active.active{
    color:white;
    background-color:#e8c308;
    border-color:#e8c308
}
.btn-outline-primary-2x:not([disabled]):not(.disabled).active{
    background-color:#7366ff;
    border-color:#7366ff;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    color:white
}
.btn-outline-primary-2x:not([disabled]):not(.disabled).active:hover,.btn-outline-primary-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-primary-2x:not([disabled]):not(.disabled).active:active,.btn-outline-primary-2x:not([disabled]):not(.disabled).active.active{
    color:white;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    background-color:#43f !important;
    border-color:#43f !important
}
.btn-outline-secondary-2x:not([disabled]):not(.disabled).active{
    background-color:#f73164;
    border-color:#f73164;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    color:white
}
.btn-outline-secondary-2x:not([disabled]):not(.disabled).active:hover,.btn-outline-secondary-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-secondary-2x:not([disabled]):not(.disabled).active:active,.btn-outline-secondary-2x:not([disabled]):not(.disabled).active.active{
    color:white;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    background-color:#ec0944 !important;
    border-color:#ec0944 !important
}
.btn-outline-success-2x:not([disabled]):not(.disabled).active{
    background-color:#51bb25;
    border-color:#51bb25;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    color:white
}
.btn-outline-success-2x:not([disabled]):not(.disabled).active:hover,.btn-outline-success-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-success-2x:not([disabled]):not(.disabled).active:active,.btn-outline-success-2x:not([disabled]):not(.disabled).active.active{
    color:white;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    background-color:#3f901d !important;
    border-color:#3f901d !important
}
.btn-outline-danger-2x:not([disabled]):not(.disabled).active{
    background-color:#dc3545;
    border-color:#dc3545;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    color:white
}
.btn-outline-danger-2x:not([disabled]):not(.disabled).active:hover,.btn-outline-danger-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-danger-2x:not([disabled]):not(.disabled).active:active,.btn-outline-danger-2x:not([disabled]):not(.disabled).active.active{
    color:white;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    background-color:#bd2130 !important;
    border-color:#bd2130 !important
}
.btn-outline-info-2x:not([disabled]):not(.disabled).active{
    background-color:#a927f9;
    border-color:#a927f9;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    color:white
}
.btn-outline-info-2x:not([disabled]):not(.disabled).active:hover,.btn-outline-info-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-info-2x:not([disabled]):not(.disabled).active:active,.btn-outline-info-2x:not([disabled]):not(.disabled).active.active{
    color:white;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    background-color:#9106e7 !important;
    border-color:#9106e7 !important
}
.btn-outline-light-2x:not([disabled]):not(.disabled).active{
    background-color:#f4f4f4;
    border-color:#f4f4f4;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    color:white
}
.btn-outline-light-2x:not([disabled]):not(.disabled).active:hover,.btn-outline-light-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-light-2x:not([disabled]):not(.disabled).active:active,.btn-outline-light-2x:not([disabled]):not(.disabled).active.active{
    color:white;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    background-color:#dbdbdb !important;
    border-color:#dbdbdb !important
}
.btn-outline-dark-2x:not([disabled]):not(.disabled).active{
    background-color:#2c323f;
    border-color:#2c323f;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    color:white
}
.btn-outline-dark-2x:not([disabled]):not(.disabled).active:hover,.btn-outline-dark-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-dark-2x:not([disabled]):not(.disabled).active:active,.btn-outline-dark-2x:not([disabled]):not(.disabled).active.active{
    color:white;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    background-color:#171a21 !important;
    border-color:#171a21 !important
}
.btn-outline-warning-2x:not([disabled]):not(.disabled).active{
    background-color:#f8d62b;
    border-color:#f8d62b;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    color:white
}
.btn-outline-warning-2x:not([disabled]):not(.disabled).active:hover,.btn-outline-warning-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-warning-2x:not([disabled]):not(.disabled).active:active,.btn-outline-warning-2x:not([disabled]):not(.disabled).active.active{
    color:white;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    background-color:#e8c308 !important;
    border-color:#e8c308 !important
}
table thead .border-bottom-primary th,table tbody .border-bottom-primary th,table tbody .border-bottom-primary td{
    border-bottom:1px solid #7366ff !important
}
table thead .border-bottom-secondary th,table tbody .border-bottom-secondary th,table tbody .border-bottom-secondary td{
    border-bottom:1px solid #f73164 !important
}
table thead .border-bottom-success th,table tbody .border-bottom-success th,table tbody .border-bottom-success td{
    border-bottom:1px solid #51bb25 !important
}
table thead .border-bottom-danger th,table tbody .border-bottom-danger th,table tbody .border-bottom-danger td{
    border-bottom:1px solid #dc3545 !important
}
table thead .border-bottom-info th,table tbody .border-bottom-info th,table tbody .border-bottom-info td{
    border-bottom:1px solid #a927f9 !important
}
table thead .border-bottom-light th,table tbody .border-bottom-light th,table tbody .border-bottom-light td{
    border-bottom:1px solid #f4f4f4 !important
}
table thead .border-bottom-dark th,table tbody .border-bottom-dark th,table tbody .border-bottom-dark td{
    border-bottom:1px solid #2c323f !important
}
table thead .border-bottom-warning th,table tbody .border-bottom-warning th,table tbody .border-bottom-warning td{
    border-bottom:1px solid #f8d62b !important
}
.table-styling .table-primary,.table-styling.table-primary{
    background-color:#7366ff;
    color:#fff;
    border:3px solid #7366ff
}
.table-styling .table-primary thead,.table-styling.table-primary thead{
    background-color:#43f;
    border:3px solid #43f
}
.table-styling .table-primary th,.table-styling .table-primary td,.table-styling.table-primary th,.table-styling.table-primary td{
    background-color:transparent
}
.table-styling .table-secondary,.table-styling.table-secondary{
    background-color:#f73164;
    color:#fff;
    border:3px solid #f73164
}
.table-styling .table-secondary thead,.table-styling.table-secondary thead{
    background-color:#ec0944;
    border:3px solid #ec0944
}
.table-styling .table-secondary th,.table-styling .table-secondary td,.table-styling.table-secondary th,.table-styling.table-secondary td{
    background-color:transparent
}
.table-styling .table-success,.table-styling.table-success{
    background-color:#51bb25;
    color:#fff;
    border:3px solid #51bb25
}
.table-styling .table-success thead,.table-styling.table-success thead{
    background-color:#3f901d;
    border:3px solid #3f901d
}
.table-styling .table-success th,.table-styling .table-success td,.table-styling.table-success th,.table-styling.table-success td{
    background-color:transparent
}
.table-styling .table-danger,.table-styling.table-danger{
    background-color:#dc3545;
    color:#fff;
    border:3px solid #dc3545
}
.table-styling .table-danger thead,.table-styling.table-danger thead{
    background-color:#bd2130;
    border:3px solid #bd2130
}
.table-styling .table-danger th,.table-styling .table-danger td,.table-styling.table-danger th,.table-styling.table-danger td{
    background-color:transparent
}
.table-styling .table-info,.table-styling.table-info{
    background-color:#a927f9;
    color:#fff;
    border:3px solid #a927f9
}
.table-styling .table-info thead,.table-styling.table-info thead{
    background-color:#9106e7;
    border:3px solid #9106e7
}
.table-styling .table-info th,.table-styling .table-info td,.table-styling.table-info th,.table-styling.table-info td{
    background-color:transparent
}
.table-styling .table-light,.table-styling.table-light{
    background-color:#f4f4f4;
    color:#fff;
    border:3px solid #f4f4f4
}
.table-styling .table-light thead,.table-styling.table-light thead{
    background-color:#dbdbdb;
    border:3px solid #dbdbdb
}
.table-styling .table-light th,.table-styling .table-light td,.table-styling.table-light th,.table-styling.table-light td{
    background-color:transparent
}
.table-styling .table-dark,.table-styling.table-dark{
    background-color:#2c323f;
    color:#fff;
    border:3px solid #2c323f
}
.table-styling .table-dark thead,.table-styling.table-dark thead{
    background-color:#171a21;
    border:3px solid #171a21
}
.table-styling .table-dark th,.table-styling .table-dark td,.table-styling.table-dark th,.table-styling.table-dark td{
    background-color:transparent
}
.table-styling .table-warning,.table-styling.table-warning{
    background-color:#f8d62b;
    color:#fff;
    border:3px solid #f8d62b
}
.table-styling .table-warning thead,.table-styling.table-warning thead{
    background-color:#e8c308;
    border:3px solid #e8c308
}
.table-styling .table-warning th,.table-styling .table-warning td,.table-styling.table-warning th,.table-styling.table-warning td{
    background-color:transparent
}
.b-primary{
    border:1px solid #7366ff !important
}
.b-t-primary{
    border-top:1px solid #7366ff !important
}
.b-b-primary{
    border-bottom:1px solid #7366ff !important
}
.b-l-primary{
    border-left:1px solid #7366ff !important
}
.b-r-primary{
    border-right:1px solid #7366ff !important
}
.b-secondary{
    border:1px solid #f73164 !important
}
.b-t-secondary{
    border-top:1px solid #f73164 !important
}
.b-b-secondary{
    border-bottom:1px solid #f73164 !important
}
.b-l-secondary{
    border-left:1px solid #f73164 !important
}
.b-r-secondary{
    border-right:1px solid #f73164 !important
}
.b-success{
    border:1px solid #51bb25 !important
}
.b-t-success{
    border-top:1px solid #51bb25 !important
}
.b-b-success{
    border-bottom:1px solid #51bb25 !important
}
.b-l-success{
    border-left:1px solid #51bb25 !important
}
.b-r-success{
    border-right:1px solid #51bb25 !important
}
.b-danger{
    border:1px solid #dc3545 !important
}
.b-t-danger{
    border-top:1px solid #dc3545 !important
}
.b-b-danger{
    border-bottom:1px solid #dc3545 !important
}
.b-l-danger{
    border-left:1px solid #dc3545 !important
}
.b-r-danger{
    border-right:1px solid #dc3545 !important
}
.b-info{
    border:1px solid #a927f9 !important
}
.b-t-info{
    border-top:1px solid #a927f9 !important
}
.b-b-info{
    border-bottom:1px solid #a927f9 !important
}
.b-l-info{
    border-left:1px solid #a927f9 !important
}
.b-r-info{
    border-right:1px solid #a927f9 !important
}
.b-light{
    border:1px solid #f4f4f4 !important
}
.b-t-light{
    border-top:1px solid #f4f4f4 !important
}
.b-b-light{
    border-bottom:1px solid #f4f4f4 !important
}
.b-l-light{
    border-left:1px solid #f4f4f4 !important
}
.b-r-light{
    border-right:1px solid #f4f4f4 !important
}
.b-dark{
    border:1px solid #2c323f !important
}
.b-t-dark{
    border-top:1px solid #2c323f !important
}
.b-b-dark{
    border-bottom:1px solid #2c323f !important
}
.b-l-dark{
    border-left:1px solid #2c323f !important
}
.b-r-dark{
    border-right:1px solid #2c323f !important
}
.b-warning{
    border:1px solid #f8d62b !important
}
.b-t-warning{
    border-top:1px solid #f8d62b !important
}
.b-b-warning{
    border-bottom:1px solid #f8d62b !important
}
.b-l-warning{
    border-left:1px solid #f8d62b !important
}
.b-r-warning{
    border-right:1px solid #f8d62b !important
}
.border-1{
    border-width:1px !important
}
.border-2{
    border-width:2px !important
}
.border-3{
    border-width:3px !important
}
.border-4{
    border-width:4px !important
}
.border-5{
    border-width:5px !important
}
.border-6{
    border-width:6px !important
}
.border-7{
    border-width:7px !important
}
.border-8{
    border-width:8px !important
}
.border-9{
    border-width:9px !important
}
.border-10{
    border-width:10px !important
}
.opacity-0{
    opacity:0
}
.map-block{
    height:350px;
    width:100%
}
.map-js-height{
    height:500px
}
.map-js-height .btn-group input{
    background-color:#7366ff
}
.map-js-height .btn-group input+input{
    background-color:#f73164
}
.custom-scrollbar::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px #ecf3fa
}
.custom-scrollbar::-webkit-scrollbar{
    width:6px
}
.custom-scrollbar::-webkit-scrollbar-thumb{
    background-color:rgba(68,102,242,0.15)
}
.comment{
    color:#9f9ba5;
    font-style:italic
}
.line{
    color:#2c323f
}
.line pre{
    font-size:100%
}
.list-circle{
    list-style:circle
}
.theme-close{
    opacity:1;
    height:40px;
    width:40px;
    position:absolute;
    font-weight:400;
    z-index:1;
    right:0;
    background-color:#fff !important;
    border-radius:5px
}
.options>div{
    color:#ccc;
    display:inline-block;
    padding:2px 10px;
    border:1px solid;
    margin:0 8px 8px 0;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.options>div:hover{
    background-color:#7366ff;
    color:#fff;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.modal-footer{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.img-cropper #putData{
    margin-bottom:0
}
.img-cropper .img-container{
    min-height:auto;
    margin-bottom:0
}
.img-cropper .docs-data>.input-group:last-child{
    margin-bottom:0
}
.img-cropper .docs-preview{
    margin-top:20px;
    margin-bottom:10px
}
.dropzone .dz-preview .dz-error-message{
    background:#fff !important;
    color:#7366ff !important;
    border:1px solid #7366ff
}
.dropzone .dz-preview .dz-error-message:after{
    border-bottom:6px solid #7366ff !important
}
.typeahead .theme-form .form-group{
    margin-bottom:0
}
.editor-statusbar{
    border-bottom:1px solid rgba(0,0,0,0.125)
}
.page-builder .ge-canvas.ge-editing .row{
    padding:30px;
    margin-bottom:0;
    background-color:rgba(115,102,255,0.02)
}
.page-builder .btn-screen{
    padding:0 18px 0 0
}
.bg-overlay.active{
    height:100vh;
    width:100vw;
    background-color:rgba(0,0,0,0.2);
    /* position:fixed; */
    z-index:8;
    top:0
}
button:focus{
    outline:none !important
}
.dotted{
    border-style:dotted
}
.dashed{
    border-style:dashed
}
.double{
    border-style:double
}
.groove{
    border-style:groove
}
.ridge{
    border-style:ridge
}
.inset{
    border-style:inset
}
.outset{
    border-style:outset
}
@-webkit-keyframes fadeIncustom{
    0%{
        opacity:0;
        top:50px
    }
    75%{
        opacity:.6;
        top:0
    }
    100%{
        opacity:1
    }
}
@keyframes fadeIncustom{
    0%{
        opacity:0;
        top:50px
    }
    75%{
        opacity:.6;
        top:0
    }
    100%{
        opacity:1
    }
}
.daterangepicker select.monthselect,.daterangepicker select.yearselect{
    border-color:#efefef;
    background-color:#fff;
    font-size:14px;
    color:#898989;
    padding:5px 10px;
    border-radius:5px;
    width:46%
}
body{
    font-size:14px;
    overflow-x:hidden;
    font-family:Rubik,sans-serif;
    color:#2b2b2b
}
ul{
    padding-left:0px;
    list-style-type:none;
    margin-bottom:0
}
* a{
    color:var(--theme-deafult);
    text-decoration:none;
    letter-spacing:1px
}
a:hover{
    text-decoration:none;
    color:var(--theme-deafult)
}
a[class*="badge-"]:hover{
    color:#fff
}
.btn{
    font-size:14px
}
*.btn:focus{
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
p{
    font-size:13px;
    line-height:1.7;
    letter-spacing:.7px
}
code{
    color:var(--theme-deafult) !important;
    background-color:rgba(115,102,255,0.03);
    padding:3px;
    margin:0 3px;
    border-radius:2px
}
.media{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.media .media-body{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
blockquote{
    border-left:4px solid #ecf3fa;
    padding:15px
}
.figure.text-center blockquote{
    border:none !important
}
.figure.text-end blockquote{
    border-left:none !important;
    border-right:4px solid #ecf3fa
}
.row>div{
    position:relative
}
:focus{
    outline-color:var(--theme-deafult)
}
.disabled{
    cursor:not-allowed;
    opacity:0.5
}
svg{
    vertical-align:baseline
}
input:focus{
    outline-color:rgba(0,0,0,0)
}
label{
    margin-bottom:.5rem
}
.media-widgets .media-body{
    margin-bottom:30px
}
.typography h1,.typography .h1,.typography h2,.typography .h2,.typography h3,.typography .h3,.typography h4,.typography .h4,.typography h5,.typography .h5,.typography h6,.typography .h6{
    margin:20px 0;
    margin-top:0
}
.typography h1:last-child,.typography .h1:last-child,.typography h2:last-child,.typography .h2:last-child,.typography h3:last-child,.typography .h3:last-child,.typography h4:last-child,.typography .h4:last-child,.typography h5:last-child,.typography .h5:last-child,.typography h6:last-child,.typography .h6:last-child{
    margin-bottom:0
}
.typography small{
    padding-left:10px;
    color:#2c323f
}
pre{
    background-color:rgba(115,102,255,0.03);
    padding:20px 0
}
.owl-theme .owl-dots .owl-dot span{
    background:#d0ccff
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
    background:var(--theme-deafult)
}
.owl-theme .owl-nav.disabled+.owl-dots{
    margin-bottom:-10px;
    margin-top:25px
}
.click2edit ~ .note-editor.note-frame{
    margin-bottom:30px
}
.note-editor.note-frame{
    border-color:#f4f4f4
}
.note-editor.note-frame{
    border-color:#f4f4f4
}
.modal .modal-body .card{
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.modal-dialog .modal-content .modal-body p a{
    margin-right:0
}
.alert-theme button{
    top:25px !important;
    right:20px !important;
    color:var(--theme-deafult)
}
.alert-theme span+span+span{
    background-color:#fff;
    color:var(--theme-deafult);
    border-radius:4px;
    -webkit-box-shadow:0 2px 14px -3px rgba(0,0,0,0.2);
    box-shadow:0 2px 14px -3px rgba(0,0,0,0.2)
}
.alert-theme i{
    padding:20px;
    padding-right:0 !important;
    margin-right:20px !important
}
.alert-theme .progress{
    margin-top:-2px !important;
    height:2px;
    width:100%
}
.alert-theme .progress .progress-bar{
    background-color:var(--theme-deafult)
}
.alert-copy{
    border:1px solid var(--theme-deafult);
    line-height:1;
    display:inline-block;
    width:300px;
    color:#fff;
    background-color:var(--theme-deafult)
}
.alert-copy .close{
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff;
    line-height:1.4;
    font-weight:100
}
.alert-copy .close:focus{
    outline:none
}
.ace-editor{
    height:400px;
    width:100%
}
.editor-toolbar{
    width:100% !important
}
.editor-toolbar.fullscreen{
    z-index:100
}
.CodeMirror{
    top:0 !important
}
.CodeMirror-fullscreen{
    top:50px !important
}
.irs-from,.irs-to,.irs-single{
    background:var(--theme-deafult)
}
.irs-from:after,.irs-to:after,.irs-single:after{
    border-top-color:var(--theme-deafult)
}
.irs-line-mid,.irs-line-left,.irs-line-right,.irs-bar,.irs-bar-edge{
    background-color:var(--theme-deafult)
}
.swal-button{
    background-color:var(--theme-deafult)
}
.swal-button:active{
    background-color:#5c4dff
}
.swal-button--cancel{
    background-color:#EFEFEE !important
}
.clipboaard-container h6{
    line-height:1.6;
    font-size:13px
}
fieldset .bootstrap-touchspin-postfix,fieldset .bootstrap-touchspin-prefix{
    border-radius:0;
    padding:.4rem .75rem
}
fieldset .input-group-lg .touchspin{
    height:50px
}
.f1 .f1-steps .f1-step .f1-step-icon{
    padding:12px
}
.form-inline .form-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.input-group-text i{
    line-height:1.5
}
.animated-modal .form-select{
    display:inline-block;
    width:auto;
    vertical-align:middle
}
.default-according .card{
    margin-bottom:0;
    -webkit-box-shadow:none;
    box-shadow:none
}
.default-according .card+.card{
    margin-top:10px
}
.default-according .card .btn-link{
    font-weight:500;
    color:#2b2b2b;
    text-decoration:none
}
.default-according .card .btn-link:focus,.default-according .card .btn-link:hover{
    text-decoration:none
}
.default-according .card .card-header{
    padding:0.75rem 1.25rem;
    border:1px solid #ecf3fa
}
.default-according .card .card-header i{
    position:absolute;
    left:18px;
    font-size:20px;
    top:20px
}
.default-according .card .card-header h5{
    margin-top:2px
}
.default-according .card .card-body{
    border:1px solid #ecf3fa;
    border-top:none
}
.default-according.style-1 button{
    width:100%;
    text-align:left
}
.default-according.style-1 button:before{
    right:20px;
    position:absolute;
    -webkit-transition:0.4s;
    transition:0.4s;
    font-size:20px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.default-according.style-1 button[aria-expanded="true"]:before{
    content:"";
    font-family:IcoFont
}
.default-according.style-1 button[aria-expanded="false"]:before{
    content:"";
    font-family:IcoFont
}
.notify-alert .close{
    background:unset;
    border:none;
    font-size:25px
}
.alert{
    border-radius:.15rem;
    padding:15px
}
.alert svg{
    vertical-align:middle
}
.alert .progress{
    margin-top:15px
}
.alert [data-notify='icon']{
    margin-right:10px;
    line-height:20px;
    position:absolute
}
.alert [data-notify='message']{
    display:inline-block;
    width:100%
}
.alert i{
    margin-right:5px;
    font-size:16px
}
.alert p{
    margin-bottom:0
}
.alert .close{
    opacity:1
}
.alert .close span{
    font-size:24px;
    font-weight:400;
    display:inline-block;
    border-radius:3px;
    text-shadow:none;
    padding:0 5px;
    padding-right:0
}
.alert-dismissible .close{
    padding:10px 1.25rem;
    top:4px;
    padding-right:13px;
    opacity:0.5;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.alert-dismissible .close:hover{
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    opacity:1;
    color:inherit
}
.card-body button:focus{
    outline:none
}
.card-body .alert:last-child{
    margin-bottom:0
}
.card-body .alert svg{
    width:14px;
    height:14px;
    margin-right:4px;
    position:absolute;
    top:18px
}
.card-body .alert svg ~ p{
    padding-left:20px
}
strong{
    display:inline-block
}
strong ~ p{
    display:inline-block
}
.alert-primary{
    background-color:rgba(115,102,255,0.8);
    border-color:rgba(115,102,255,0.9);
    color:#fff
}
.alert-primary .progress{
    height:5px;
    background-color:#6e61ff;
    border-radius:0
}
.alert-primary .progress-bar{
    background-color:#fff
}
.alert-primary .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
.alert-primary .alert-link{
    color:#7366ff
}
.alert-primary hr{
    border-top-color:#7366ff
}
.alert-primary.dark{
    background-color:#7366ff;
    border-color:#7366ff;
    color:#fafafa
}
.alert-primary.dark .alert-link{
    color:#fff
}
.alert-primary.outline,.alert-primary.outline-2x{
    background-color:rgba(0,0,0,0);
    border-color:#7366ff;
    color:#7366ff
}
.alert-primary.outline .btn-close,.alert-primary.outline-2x .btn-close{
    -webkit-filter:unset;
    filter:unset
}
.alert-primary.inverse{
    background-color:transparent;
    padding:13px 20px 13px 65px;
    border-color:#7366ff;
    color:#2b2b2b
}
.alert-primary.inverse:before{
    top:16px;
    content:"";
    position:absolute;
    left:54px;
    width:0;
    height:0;
    border-left:7px solid #7366ff;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent
}
.alert-primary.inverse i{
    padding:17px 20px;
    display:inline-block;
    background-color:#7366ff;
    color:#fff;
    border-radius:3px 0 0 3px;
    position:absolute;
    left:0;
    top:0;
    height:100%
}
.alert-primary.inverse .btn-close{
    -webkit-filter:unset;
    filter:unset;
    top:-3px
}
.alert-secondary{
    background-color:rgba(247,49,100,0.8);
    border-color:rgba(247,49,100,0.9);
    color:#fff
}
.alert-secondary .progress{
    height:5px;
    background-color:#f72c60;
    border-radius:0
}
.alert-secondary .progress-bar{
    background-color:#fff
}
.alert-secondary .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
.alert-secondary .alert-link{
    color:#f73164
}
.alert-secondary hr{
    border-top-color:#f73164
}
.alert-secondary.dark{
    background-color:#f73164;
    border-color:#f73164;
    color:#fafafa
}
.alert-secondary.dark .alert-link{
    color:#fff
}
.alert-secondary.outline,.alert-secondary.outline-2x{
    background-color:rgba(0,0,0,0);
    border-color:#f73164;
    color:#f73164
}
.alert-secondary.outline .btn-close,.alert-secondary.outline-2x .btn-close{
    -webkit-filter:unset;
    filter:unset
}
.alert-secondary.inverse{
    background-color:transparent;
    padding:13px 20px 13px 65px;
    border-color:#f73164;
    color:#2b2b2b
}
.alert-secondary.inverse:before{
    top:16px;
    content:"";
    position:absolute;
    left:54px;
    width:0;
    height:0;
    border-left:7px solid #f73164;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent
}
.alert-secondary.inverse i{
    padding:17px 20px;
    display:inline-block;
    background-color:#f73164;
    color:#fff;
    border-radius:3px 0 0 3px;
    position:absolute;
    left:0;
    top:0;
    height:100%
}
.alert-secondary.inverse .btn-close{
    -webkit-filter:unset;
    filter:unset;
    top:-3px
}
.alert-success{
    background-color:rgba(81,187,37,0.8);
    border-color:rgba(81,187,37,0.9);
    color:#fff
}
.alert-success .progress{
    height:5px;
    background-color:#4fb724;
    border-radius:0
}
.alert-success .progress-bar{
    background-color:#ebfae5
}
.alert-success .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
.alert-success .alert-link{
    color:#51bb25
}
.alert-success hr{
    border-top-color:#51bb25
}
.alert-success.dark{
    background-color:#51bb25;
    border-color:#51bb25;
    color:#fafafa
}
.alert-success.dark .alert-link{
    color:#fff
}
.alert-success.outline,.alert-success.outline-2x{
    background-color:rgba(0,0,0,0);
    border-color:#51bb25;
    color:#51bb25
}
.alert-success.outline .btn-close,.alert-success.outline-2x .btn-close{
    -webkit-filter:unset;
    filter:unset
}
.alert-success.inverse{
    background-color:transparent;
    padding:13px 20px 13px 65px;
    border-color:#51bb25;
    color:#2b2b2b
}
.alert-success.inverse:before{
    top:16px;
    content:"";
    position:absolute;
    left:54px;
    width:0;
    height:0;
    border-left:7px solid #51bb25;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent
}
.alert-success.inverse i{
    padding:17px 20px;
    display:inline-block;
    background-color:#51bb25;
    color:#fff;
    border-radius:3px 0 0 3px;
    position:absolute;
    left:0;
    top:0;
    height:100%
}
.alert-success.inverse .btn-close{
    -webkit-filter:unset;
    filter:unset;
    top:-3px
}
.alert-danger{
    background-color:rgba(220,53,69,0.8);
    border-color:rgba(220,53,69,0.9);
    color:#fff
}
.alert-danger .progress{
    height:5px;
    background-color:#db3141;
    border-radius:0
}
.alert-danger .progress-bar{
    background-color:#fff
}
.alert-danger .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
.alert-danger .alert-link{
    color:#dc3545
}
.alert-danger hr{
    border-top-color:#dc3545
}
.alert-danger.dark{
    background-color:#dc3545;
    border-color:#dc3545;
    color:#fafafa
}
.alert-danger.dark .alert-link{
    color:#fff
}
.alert-danger.outline,.alert-danger.outline-2x{
    background-color:rgba(0,0,0,0);
    border-color:#dc3545;
    color:#dc3545
}
.alert-danger.outline .btn-close,.alert-danger.outline-2x .btn-close{
    -webkit-filter:unset;
    filter:unset
}
.alert-danger.inverse{
    background-color:transparent;
    padding:13px 20px 13px 65px;
    border-color:#dc3545;
    color:#2b2b2b
}
.alert-danger.inverse:before{
    top:16px;
    content:"";
    position:absolute;
    left:54px;
    width:0;
    height:0;
    border-left:7px solid #dc3545;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent
}
.alert-danger.inverse i{
    padding:17px 20px;
    display:inline-block;
    background-color:#dc3545;
    color:#fff;
    border-radius:3px 0 0 3px;
    position:absolute;
    left:0;
    top:0;
    height:100%
}
.alert-danger.inverse .btn-close{
    -webkit-filter:unset;
    filter:unset;
    top:-3px
}
.alert-warning{
    background-color:rgba(248,214,43,0.8);
    border-color:rgba(248,214,43,0.9);
    color:#fff
}
.alert-warning .progress{
    height:5px;
    background-color:#f8d526;
    border-radius:0
}
.alert-warning .progress-bar{
    background-color:#fff
}
.alert-warning .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
.alert-warning .alert-link{
    color:#f8d62b
}
.alert-warning hr{
    border-top-color:#f8d62b
}
.alert-warning.dark{
    background-color:#f8d62b;
    border-color:#f8d62b;
    color:#fafafa
}
.alert-warning.dark .alert-link{
    color:#fff
}
.alert-warning.outline,.alert-warning.outline-2x{
    background-color:rgba(0,0,0,0);
    border-color:#f8d62b;
    color:#f8d62b
}
.alert-warning.outline .btn-close,.alert-warning.outline-2x .btn-close{
    -webkit-filter:unset;
    filter:unset
}
.alert-warning.inverse{
    background-color:transparent;
    padding:13px 20px 13px 65px;
    border-color:#f8d62b;
    color:#2b2b2b
}
.alert-warning.inverse:before{
    top:16px;
    content:"";
    position:absolute;
    left:54px;
    width:0;
    height:0;
    border-left:7px solid #f8d62b;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent
}
.alert-warning.inverse i{
    padding:17px 20px;
    display:inline-block;
    background-color:#f8d62b;
    color:#fff;
    border-radius:3px 0 0 3px;
    position:absolute;
    left:0;
    top:0;
    height:100%
}
.alert-warning.inverse .btn-close{
    -webkit-filter:unset;
    filter:unset;
    top:-3px
}
.alert-info{
    background-color:rgba(169,39,249,0.8);
    border-color:rgba(169,39,249,0.9);
    color:#fff
}
.alert-info .progress{
    height:5px;
    background-color:#a722f9;
    border-radius:0
}
.alert-info .progress-bar{
    background-color:#fff
}
.alert-info .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
.alert-info .alert-link{
    color:#a927f9
}
.alert-info hr{
    border-top-color:#a927f9
}
.alert-info.dark{
    background-color:#a927f9;
    border-color:#a927f9;
    color:#fafafa
}
.alert-info.dark .alert-link{
    color:#fff
}
.alert-info.outline,.alert-info.outline-2x{
    background-color:rgba(0,0,0,0);
    border-color:#a927f9;
    color:#a927f9
}
.alert-info.outline .btn-close,.alert-info.outline-2x .btn-close{
    -webkit-filter:unset;
    filter:unset
}
.alert-info.inverse{
    background-color:transparent;
    padding:13px 20px 13px 65px;
    border-color:#a927f9;
    color:#2b2b2b
}
.alert-info.inverse:before{
    top:16px;
    content:"";
    position:absolute;
    left:54px;
    width:0;
    height:0;
    border-left:7px solid #a927f9;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent
}
.alert-info.inverse i{
    padding:17px 20px;
    display:inline-block;
    background-color:#a927f9;
    color:#fff;
    border-radius:3px 0 0 3px;
    position:absolute;
    left:0;
    top:0;
    height:100%
}
.alert-info.inverse .btn-close{
    -webkit-filter:unset;
    filter:unset;
    top:-3px
}
.alert-light{
    background-color:rgba(244,244,244,0.8);
    border-color:rgba(244,244,244,0.9);
    color:#fff;
    color:#2c323f;
    background-color:#f4f4f4
}
.alert-light .progress{
    height:5px;
    background-color:#f1f1f1;
    border-radius:0
}
.alert-light .progress-bar{
    background-color:#fff
}
.alert-light .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
.alert-light .alert-link{
    color:#f4f4f4;
    color:#2c323f
}
.alert-light .btn-close{
    -webkit-filter:unset;
    filter:unset
}
.alert-light hr{
    border-top-color:#f4f4f4
}
.alert-light.dark{
    background-color:#f4f4f4;
    border-color:#f4f4f4;
    color:#fafafa;
    color:#2c323f
}
.alert-light.dark .alert-link{
    color:#fff;
    color:#2c323f
}
.alert-light.outline,.alert-light.outline-2x{
    background-color:rgba(0,0,0,0);
    border-color:#f4f4f4;
    color:#f4f4f4;
    color:#2c323f
}
.alert-light.outline .btn-close,.alert-light.outline-2x .btn-close{
    -webkit-filter:unset;
    filter:unset
}
.alert-light.inverse{
    background-color:transparent;
    padding:13px 20px 13px 65px;
    border-color:#f4f4f4;
    color:#2b2b2b
}
.alert-light.inverse:before{
    top:16px;
    content:"";
    position:absolute;
    left:54px;
    width:0;
    height:0;
    border-left:7px solid #f4f4f4;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent
}
.alert-light.inverse i{
    padding:17px 20px;
    display:inline-block;
    background-color:#f4f4f4;
    color:#fff;
    border-radius:3px 0 0 3px;
    position:absolute;
    left:0;
    top:0;
    height:100%
}
.alert-light.inverse .btn-close{
    -webkit-filter:unset;
    filter:unset;
    top:-3px
}
.alert-dark{
    background-color:rgba(44,50,63,0.8);
    border-color:rgba(44,50,63,0.9);
    color:#fff
}
.alert-dark .progress{
    height:5px;
    background-color:#2a303c;
    border-radius:0
}
.alert-dark .progress-bar{
    background-color:#a8b0c2
}
.alert-dark .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
.alert-dark .alert-link{
    color:#2c323f
}
.alert-dark hr{
    border-top-color:#2c323f
}
.alert-dark.dark{
    background-color:#2c323f;
    border-color:#2c323f;
    color:#fafafa
}
.alert-dark.dark .alert-link{
    color:#fff
}
.alert-dark.outline,.alert-dark.outline-2x{
    background-color:rgba(0,0,0,0);
    border-color:#2c323f;
    color:#2c323f
}
.alert-dark.outline .btn-close,.alert-dark.outline-2x .btn-close{
    -webkit-filter:unset;
    filter:unset
}
.alert-dark.inverse{
    background-color:transparent;
    padding:13px 20px 13px 65px;
    border-color:#2c323f;
    color:#2b2b2b
}
.alert-dark.inverse:before{
    top:16px;
    content:"";
    position:absolute;
    left:54px;
    width:0;
    height:0;
    border-left:7px solid #2c323f;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent
}
.alert-dark.inverse i{
    padding:17px 20px;
    display:inline-block;
    background-color:#2c323f;
    color:#fff;
    border-radius:3px 0 0 3px;
    position:absolute;
    left:0;
    top:0;
    height:100%
}
.alert-dark.inverse .btn-close{
    -webkit-filter:unset;
    filter:unset;
    top:-3px
}
.dismiss-text .alert .btn-close{
    background:unset;
    opacity:1;
    top:-6px;
    right:40px
}
.dismiss-text .alert .btn-close span{
    display:inline-block;
    border-radius:3px;
    text-shadow:none;
    padding:0 5px
}
.outline-2x{
    border-width:2px;
    padding:11px 1.25rem
}
.avatars .avatar{
    display:inline-block;
    margin-right:10px;
    position:relative;
    width:auto
}
.avatars .avatar:last-child{
    margin-right:0
}
.avatars .avatar .b-r-30{
    border-radius:30px
}
.avatars .avatar .b-r-35{
    border-radius:35px
}
.avatars .avatar .b-r-25{
    border-radius:25px
}
.avatars .avatar .b-r-15{
    border-radius:15px
}
.avatars .avatar.ratio img{
    width:auto
}
.avatars .avatar .status{
    position:absolute;
    background-color:#999;
    bottom:0;
    right:4px;
    border-radius:100%;
    border:1px solid #fff
}
.avatars .avatar .status{
    position:absolute;
    height:12%;
    width:12%;
    background-color:#51bb25;
    border-radius:100%;
    bottom:12%;
    right:4%
}
.customers ul{
    display:inline-block
}
.customers ul li img{
    border:2px solid #fff;
    -webkit-box-shadow:-2px 2px 4px 0px rgba(0,0,0,0.2);
    box-shadow:-2px 2px 4px 0px rgba(0,0,0,0.2);
    -webkit-transition:0.5s;
    transition:0.5s
}
.customers ul li img:hover{
    -webkit-transform:translateY(-4px) scale(1.02);
    transform:translateY(-4px) scale(1.02);
    -webkit-transition:0.5s;
    transition:0.5s
}
.customers ul li+li{
    margin-left:-10%
}
.customers ul li:nth-child(4){
    margin-left:-4px
}
.customers.avatar-group{
    margin-right:30px
}
.customers.avatar-group:last-child{
    margin-right:0
}
.avatar-showcase{
    margin-bottom:-10px
}
.avatar-showcase .avatars .avatar{
    margin-bottom:10px
}
.avatar-showcase .avatar-group{
    margin-bottom:10px
}
.avatar-showcase .ratio>*{
    position:relative;
    top:unset;
    left:unset
}
.avatar-showcase .add-friend .d-block{
    margin:8px 0
}
.badge{
    padding:0.44em 0.7em
}
.badge+.badge{
    margin-left:5px
}
.badge svg{
    width:10px;
    height:10px;
    padding-top:3px
}
.pill-badge-primary{
    background-color:var(--theme-deafult);
    -webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(var(--theme-deafult), 0.25);
    box-shadow:-0.5px 4.33px 16px 0px rgba(var(--theme-deafult), 0.25);
    color:#fff;
    border-radius:0
}
.pill-badge-secondary{
    background-color:#f73164;
    -webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(247,49,100,0.25);
    box-shadow:-0.5px 4.33px 16px 0px rgba(247,49,100,0.25);
    color:#fff;
    border-radius:0
}
.pill-badge-success{
    background-color:#51bb25;
    -webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(81,187,37,0.25);
    box-shadow:-0.5px 4.33px 16px 0px rgba(81,187,37,0.25);
    color:#fff;
    border-radius:0
}
.pill-badge-danger{
    background-color:#dc3545;
    -webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(220,53,69,0.25);
    box-shadow:-0.5px 4.33px 16px 0px rgba(220,53,69,0.25);
    color:#fff;
    border-radius:0
}
.pill-badge-info{
    background-color:#a927f9;
    -webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(169,39,249,0.25);
    box-shadow:-0.5px 4.33px 16px 0px rgba(169,39,249,0.25);
    color:#fff;
    border-radius:0
}
.pill-badge-light{
    background-color:#f4f4f4;
    -webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(244,244,244,0.25);
    box-shadow:-0.5px 4.33px 16px 0px rgba(244,244,244,0.25);
    color:#fff;
    border-radius:0
}
.pill-badge-dark{
    background-color:#2c323f;
    -webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(44,50,63,0.25);
    box-shadow:-0.5px 4.33px 16px 0px rgba(44,50,63,0.25);
    color:#fff;
    border-radius:0
}
.pill-badge-warning{
    background-color:#f8d62b;
    -webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(248,214,43,0.25);
    box-shadow:-0.5px 4.33px 16px 0px rgba(248,214,43,0.25);
    color:#fff;
    border-radius:0
}
.pill-badge-primary{
    background-color:var(--theme-deafult)
}
.pill-badge-secondary{
    background-color:var(--theme-secondary)
}
.round-badge-primary{
    border-radius:6px;
    background-color:var(--theme-deafult);
    -webkit-box-shadow:-0.5px -6.67px 14px 0px rgba(var(--theme-deafult), 0.18);
    box-shadow:-0.5px -6.67px 14px 0px rgba(var(--theme-deafult), 0.18);
    color:#fff !important
}
.round-badge-secondary{
    border-radius:6px;
    background-color:#f73164;
    -webkit-box-shadow:-0.5px -6.67px 14px 0px rgba(247,49,100,0.18);
    box-shadow:-0.5px -6.67px 14px 0px rgba(247,49,100,0.18);
    color:#fff !important
}
.round-badge-success{
    border-radius:6px;
    background-color:#51bb25;
    -webkit-box-shadow:-0.5px -6.67px 14px 0px rgba(81,187,37,0.18);
    box-shadow:-0.5px -6.67px 14px 0px rgba(81,187,37,0.18);
    color:#fff !important
}
.round-badge-danger{
    border-radius:6px;
    background-color:#dc3545;
    -webkit-box-shadow:-0.5px -6.67px 14px 0px rgba(220,53,69,0.18);
    box-shadow:-0.5px -6.67px 14px 0px rgba(220,53,69,0.18);
    color:#fff !important
}
.round-badge-info{
    border-radius:6px;
    background-color:#a927f9;
    -webkit-box-shadow:-0.5px -6.67px 14px 0px rgba(169,39,249,0.18);
    box-shadow:-0.5px -6.67px 14px 0px rgba(169,39,249,0.18);
    color:#fff !important
}
.round-badge-light{
    border-radius:6px;
    background-color:#f4f4f4;
    -webkit-box-shadow:-0.5px -6.67px 14px 0px rgba(244,244,244,0.18);
    box-shadow:-0.5px -6.67px 14px 0px rgba(244,244,244,0.18);
    color:#fff !important
}
.round-badge-dark{
    border-radius:6px;
    background-color:#2c323f;
    -webkit-box-shadow:-0.5px -6.67px 14px 0px rgba(44,50,63,0.18);
    box-shadow:-0.5px -6.67px 14px 0px rgba(44,50,63,0.18);
    color:#fff !important
}
.round-badge-warning{
    border-radius:6px;
    background-color:#f8d62b;
    -webkit-box-shadow:-0.5px -6.67px 14px 0px rgba(248,214,43,0.18);
    box-shadow:-0.5px -6.67px 14px 0px rgba(248,214,43,0.18);
    color:#fff !important
}
.round-badge-primary{
    background-color:var(--theme-deafult)
}
.round-badge-secondary{
    background-color:var(--theme-secondary)
}
.bookmark ul li{
    display:inline-block
}
.bookmark ul li .search-form{
    position:absolute;
    bottom:53px;
    z-index:1
}
.bookmark ul li .search-form .form-control-search{
    top:65px;
    position:absolute;
    -webkit-transition:all linear 0.3s;
    transition:all linear 0.3s;
    right:-20px;
    -webkit-transform:translateY(-35px) scaleY(0);
    transform:translateY(-35px) scaleY(0);
    opacity:0;
    visibility:hidden
}
.bookmark ul li .search-form .form-control-search input{
    width:240px;
    background-color:#fff;
    -webkit-box-shadow:0 5px 21px rgba(0,0,0,0.1);
    box-shadow:0 5px 21px rgba(0,0,0,0.1)
}
.bookmark ul li .search-form .form-control-search.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;
    z-index:100
}
.bookmark ul li .search-form .form-control-search:after{
    top:12px;
    left:20px;
    z-index:1
}
.bookmark ul li .search-form .form-control-search:before{
    left:50px;
    top:9px;
    z-index:2
}
.bookmark ul li a{
    position:relative;
    color:#2b2b2b
}
.bookmark ul li a svg{
    vertical-align:middle;
    height:20px;
    width:20px
}
.bookmark ul li+li{
    margin-left:10px
}
.bookmark ul li:last-child{
    padding-right:0
}
.bookmark ul li:last-child a{
    border-radius:5px
}
.bookmark ul li:last-child a svg{
    color:#ff9f40
}
.offcanvas-bookmark.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body .bookmark ul li a{
    z-index:99999;
    color:rgba(255,255,255,0.5)
}
.offcanvas-bookmark:before{
    position:fixed;
    content:'';
    background-color:rgba(0,0,0,0.5);
    height:100%;
    width:100%;
    z-index:1;
    right:0;
    left:0
}
.breadcrumb-colored{
    padding:12px 16px;
    border-radius:4px
}
.breadcrumb-colored li a{
    color:#fff
}
.breadcrumb-colored li.active{
    color:#fff;
    opacity:0.7
}
.breadcrumb-colored .breadcrumb-item:before{
    color:#fff
}
.breadcrumb-colored .breadcrumb-item.txt-dark:before{
    color:#000
}
.breadcrumb-icon{
    --bs-breadcrumb-divider: '>'
}
.breadcrumb-icon li{
    display:inline-block
}
.breadcrumb-no-divider{
    --bs-breadcrumb-divider: ''
}
.breadcrumb-item.active{
    text-transform:capitalize
}
.form-builder .help-block{
    margin-bottom:0;
    color:#ccc;
    text-transform:capitalize
}
.form-builder .btn-light{
    color:#ccc
}
.form-builder .copy-btn{
    padding:8px
}
.form-builder .nav-primary .nav-link.active,.form-builder .nav-primary .nav-primary .show>.nav-link,.form-builder .nav-primary .nav-pills.nav-primary .nav-link.active,.form-builder .nav-primary .nav-pills.nav-primary .show>.nav-link{
    border-radius:5px
}
.form-builder .nav-primary .nav-link,.form-builder .nav-primary .nav-pills.nav-primary .nav-link{
    color:#000;
    font-weight:500
}
.form-builder .theme-form{
    margin-top:30px
}
.btn-link{
    color:var(--theme-deafult)
}
.btn-primary-gradien{
    background-image:-webkit-gradient(linear, left top, right top, from(#988fff), color-stop(51%, #4e3dff), to(#988fff));
    background-image:linear-gradient(to right, #988fff 0%, #4e3dff 51%, #988fff 100%);
    border:none;
    color:#fff;
    background-size:auto 200%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:#fff
}
.btn-primary-gradien:focus,.btn-primary-gradien:active,.btn-primary-gradien.active{
    -webkit-transition:1.5s;
    transition:1.5s;
    background-position:right center;
    background-image:-webkit-gradient(linear, left top, right top, from(#988fff), color-stop(0%), color-stop(#4e3dff), color-stop(100%), to(#fff)) !important;
    background-image:linear-gradient(to right, #988fff, 0%, #4e3dff, 100%, #fff) !important
}
.btn-secondary-gradien{
    background-image:-webkit-gradient(linear, left top, right top, from(#f95882), color-stop(51%, #f50a46), to(#f95882));
    background-image:linear-gradient(to right, #f95882 0%, #f50a46 51%, #f95882 100%);
    border:none;
    color:#fff;
    background-size:auto 200%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.btn-secondary-gradien:hover,.btn-secondary-gradien:focus,.btn-secondary-gradien:active,.btn-secondary-gradien.active,.btn-secondary-gradien.hover{
    -webkit-transition:1.5s;
    transition:1.5s;
    background-position:right center;
    background-image:-webkit-gradient(linear, left top, right top, from(#f95882), color-stop(0%), color-stop(#f50a46), color-stop(100%), to(#fff)) !important;
    background-image:linear-gradient(to right, #f95882, 0%, #f50a46, 100%, #fff) !important
}
.btn-success-gradien{
    background-image:-webkit-gradient(linear, left top, right top, from(#62d632), color-stop(51%, #42991e), to(#62d632));
    background-image:linear-gradient(to right, #62d632 0%, #42991e 51%, #62d632 100%);
    border:none;
    color:#fff;
    background-size:auto 200%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.btn-success-gradien:hover,.btn-success-gradien:focus,.btn-success-gradien:active,.btn-success-gradien.active,.btn-success-gradien.hover{
    -webkit-transition:1.5s;
    transition:1.5s;
    background-position:right center;
    background-image:-webkit-gradient(linear, left top, right top, from(#62d632), color-stop(0%), color-stop(#42991e), color-stop(100%), to(#fff)) !important;
    background-image:linear-gradient(to right, #62d632, 0%, #42991e, 100%, #fff) !important
}
.btn-danger-gradien{
    background-image:-webkit-gradient(linear, left top, right top, from(#e25865), color-stop(51%, #c62232), to(#e25865));
    background-image:linear-gradient(to right, #e25865 0%, #c62232 51%, #e25865 100%);
    border:none;
    color:#fff;
    background-size:auto 200%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.btn-danger-gradien:hover,.btn-danger-gradien:focus,.btn-danger-gradien:active,.btn-danger-gradien.active,.btn-danger-gradien.hover{
    -webkit-transition:1.5s;
    transition:1.5s;
    background-position:right center;
    background-image:-webkit-gradient(linear, left top, right top, from(#e25865), color-stop(0%), color-stop(#c62232), color-stop(100%), to(#fff)) !important;
    background-image:linear-gradient(to right, #e25865, 0%, #c62232, 100%, #fff) !important
}
.btn-warning-gradien{
    background-image:-webkit-gradient(linear, left top, right top, from(#f9de52), color-stop(51%, #f2cb08), to(#f9de52));
    background-image:linear-gradient(to right, #f9de52 0%, #f2cb08 51%, #f9de52 100%);
    border:none;
    color:#fff;
    background-size:auto 200%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.btn-warning-gradien:hover,.btn-warning-gradien:focus,.btn-warning-gradien:active,.btn-warning-gradien.active,.btn-warning-gradien.hover{
    -webkit-transition:1.5s;
    transition:1.5s;
    background-position:right center;
    background-image:-webkit-gradient(linear, left top, right top, from(#f9de52), color-stop(0%), color-stop(#f2cb08), color-stop(100%), to(#fff)) !important;
    background-image:linear-gradient(to right, #f9de52, 0%, #f2cb08, 100%, #fff) !important
}
.btn-info-gradien{
    background-image:-webkit-gradient(linear, left top, right top, from(#b94ffa), color-stop(51%, #9707f1), to(#b94ffa));
    background-image:linear-gradient(to right, #b94ffa 0%, #9707f1 51%, #b94ffa 100%);
    border:none;
    color:#fff;
    background-size:auto 200%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.btn-info-gradien:hover,.btn-info-gradien:focus,.btn-info-gradien:active,.btn-info-gradien.active,.btn-info-gradien.hover{
    -webkit-transition:1.5s;
    transition:1.5s;
    background-position:right center;
    background-image:-webkit-gradient(linear, left top, right top, from(#b94ffa), color-stop(0%), color-stop(#9707f1), color-stop(100%), to(#fff)) !important;
    background-image:linear-gradient(to right, #b94ffa, 0%, #9707f1, 100%, #fff) !important
}
.btn-light-gradien{
    background-image:-webkit-gradient(linear, left top, right top, from(#fff), color-stop(51%, #e0e0e0), to(#fff));
    background-image:linear-gradient(to right, #fff 0%, #e0e0e0 51%, #fff 100%);
    border:none;
    color:#fff;
    background-size:auto 200%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.btn-light-gradien:hover,.btn-light-gradien:focus,.btn-light-gradien:active,.btn-light-gradien.active,.btn-light-gradien.hover{
    -webkit-transition:1.5s;
    transition:1.5s;
    background-position:right center;
    background-image:-webkit-gradient(linear, left top, right top, from(#fff), color-stop(0%), color-stop(#e0e0e0), color-stop(100%), to(#fff)) !important;
    background-image:linear-gradient(to right, #fff, 0%, #e0e0e0, 100%, #fff) !important
}
.btn-dark-gradien{
    background-image:-webkit-gradient(linear, left top, right top, from(#3d4557), color-stop(51%, #1b1f27), to(#3d4557));
    background-image:linear-gradient(to right, #3d4557 0%, #1b1f27 51%, #3d4557 100%);
    border:none;
    color:#fff;
    background-size:auto 200%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.btn-dark-gradien:hover,.btn-dark-gradien:focus,.btn-dark-gradien:active,.btn-dark-gradien.active,.btn-dark-gradien.hover{
    -webkit-transition:1.5s;
    transition:1.5s;
    background-position:right center;
    background-image:-webkit-gradient(linear, left top, right top, from(#3d4557), color-stop(0%), color-stop(#1b1f27), color-stop(100%), to(#fff)) !important;
    background-image:linear-gradient(to right, #3d4557, 0%, #1b1f27, 100%, #fff) !important
}
.btn{
    padding:0.375rem 1.75rem
}
.btn-lg{
    font-size:18px
}
.btn-sm{
    font-size:12px
}
.btn-xs{
    padding:0.05rem 0.4rem;
    font-size:11px
}
.large-btn{
    margin-bottom:-20px
}
.large-btn .btn{
    margin-right:5px;
    margin-bottom:15px
}
.btn-air-primary{
    -webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
    box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important
}
.btn-air-primary:hover,.btn-air-primary:active,.btn-air-primary:not([disabled]):not(.disabled):active{
    background-color:#43f;
    border-color:#43f
}
.input-air-primary{
    -webkit-box-shadow:0 3px 5px 1px rgba(115,102,255,0.1) !important;
    box-shadow:0 3px 5px 1px rgba(115,102,255,0.1) !important
}
.input-air-primary:focus{
    border-color:#7366ff
}
.btn-air-secondary{
    -webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
    box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important
}
.btn-air-secondary:hover,.btn-air-secondary:active,.btn-air-secondary:not([disabled]):not(.disabled):active{
    background-color:#ec0944;
    border-color:#ec0944
}
.input-air-secondary{
    -webkit-box-shadow:0 3px 5px 1px rgba(247,49,100,0.1) !important;
    box-shadow:0 3px 5px 1px rgba(247,49,100,0.1) !important
}
.input-air-secondary:focus{
    border-color:#f73164
}
.btn-air-success{
    -webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
    box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important
}
.btn-air-success:hover,.btn-air-success:active,.btn-air-success:not([disabled]):not(.disabled):active{
    background-color:#3f901d;
    border-color:#3f901d
}
.input-air-success{
    -webkit-box-shadow:0 3px 5px 1px rgba(81,187,37,0.1) !important;
    box-shadow:0 3px 5px 1px rgba(81,187,37,0.1) !important
}
.input-air-success:focus{
    border-color:#51bb25
}
.btn-air-danger{
    -webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
    box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important
}
.btn-air-danger:hover,.btn-air-danger:active,.btn-air-danger:not([disabled]):not(.disabled):active{
    background-color:#bd2130;
    border-color:#bd2130
}
.input-air-danger{
    -webkit-box-shadow:0 3px 5px 1px rgba(220,53,69,0.1) !important;
    box-shadow:0 3px 5px 1px rgba(220,53,69,0.1) !important
}
.input-air-danger:focus{
    border-color:#dc3545
}
.btn-air-info{
    -webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
    box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important
}
.btn-air-info:hover,.btn-air-info:active,.btn-air-info:not([disabled]):not(.disabled):active{
    background-color:#9106e7;
    border-color:#9106e7
}
.input-air-info{
    -webkit-box-shadow:0 3px 5px 1px rgba(169,39,249,0.1) !important;
    box-shadow:0 3px 5px 1px rgba(169,39,249,0.1) !important
}
.input-air-info:focus{
    border-color:#a927f9
}
.btn-air-light{
    -webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
    box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important
}
.btn-air-light:hover,.btn-air-light:active,.btn-air-light:not([disabled]):not(.disabled):active{
    background-color:#dbdbdb;
    border-color:#dbdbdb
}
.input-air-light{
    -webkit-box-shadow:0 3px 5px 1px rgba(244,244,244,0.1) !important;
    box-shadow:0 3px 5px 1px rgba(244,244,244,0.1) !important
}
.input-air-light:focus{
    border-color:#f4f4f4
}
.btn-air-dark{
    -webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
    box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important
}
.btn-air-dark:hover,.btn-air-dark:active,.btn-air-dark:not([disabled]):not(.disabled):active{
    background-color:#171a21;
    border-color:#171a21
}
.input-air-dark{
    -webkit-box-shadow:0 3px 5px 1px rgba(44,50,63,0.1) !important;
    box-shadow:0 3px 5px 1px rgba(44,50,63,0.1) !important
}
.input-air-dark:focus{
    border-color:#2c323f
}
.btn-air-warning{
    -webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
    box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important
}
.btn-air-warning:hover,.btn-air-warning:active,.btn-air-warning:not([disabled]):not(.disabled):active{
    background-color:#e8c308;
    border-color:#e8c308
}
.input-air-warning{
    -webkit-box-shadow:0 3px 5px 1px rgba(248,214,43,0.1) !important;
    box-shadow:0 3px 5px 1px rgba(248,214,43,0.1) !important
}
.input-air-warning:focus{
    border-color:#f8d62b
}
.btn-gradient{
    color:#fff !important;
    font-weight:500;
    padding:10px 30px;
    border-radius:5px;
    background:linear-gradient(26deg, var(--theme-deafult) 0%, #a26cf8 100%);
    letter-spacing:0.06rem
}
.btn-gradient:hover{
    background-size:100% !important
}
.btn-warning{
    color:#fff
}
.btn-warning:hover,.btn-warning.disabled{
    color:#fff
}
[class*='-gradien']:hover{
    background-size:50% 100%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:#fff
}
.btn-square{
    border-radius:0px
}
.btn-pill{
    border-radius:60px
}
.btn-group-pill .btn:first-child{
    border-radius:60px 0 0 60px
}
.btn-group-pill .btn:last-child{
    border-radius:0 60px 60px 0
}
.btn-group-square .btn:first-child{
    border-radius:0px 0 0 0px
}
.btn-group-square .btn:last-child{
    border-radius:0 0px 0px 0
}
.btn-showcase{
    margin-bottom:-10px
}
.btn-showcase .btn{
    margin-bottom:10px;
    margin-right:18px
}
.btn-dropdown-showcase{
    margin-bottom:-10px
}
.btn-dropdown-showcase .dropdown{
    margin-bottom:10px;
    margin-right:18px
}
.btn-dropdown-showcase .btn-group{
    margin-bottom:10px;
    margin-right:18px
}
.btn-group .radio label::before{
    top:2px
}
.btn-group .radio label::after{
    top:7px
}
.btn-group .checkbox label{
    margin-top:3px
}
.btn-group-showcase>div{
    margin-bottom:-20px
}
.btn-group-showcase>div label{
    margin-bottom:0
}
.btn-group-showcase .btn-group{
    margin-right:20px;
    margin-bottom:20px
}
.btn-group-showcase .checkbox input[type="checkbox"]{
    display:none
}
.tooltiptext{
    visibility:visible;
    width:120px;
    background-color:#555;
    color:#fff;
    text-align:center;
    border-radius:6px;
    padding:5px 0;
    position:absolute;
    z-index:1;
    bottom:125%;
    left:50%;
    margin-left:-60px;
    opacity:1;
    -webkit-transition:opacity 0.3s;
    transition:opacity 0.3s
}
.tooltiptext::after{
    content:"";
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-5px;
    border-width:5px;
    border-style:solid;
    border-color:#555 transparent transparent transparent
}
.card{
    margin-bottom:30px;
    border:none;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    letter-spacing:0.5px;
    border-radius:15px;
    -webkit-box-shadow:0 0 20px rgba(8,21,66,0.05);
    box-shadow:0 0 20px rgba(8,21,66,0.05)
}
.card:hover{
    -webkit-box-shadow:0 0 40px rgba(8,21,66,0.05);
    box-shadow:0 0 40px rgba(8,21,66,0.05);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.card .card-header{
    background-color:#fff;
    padding:40px;
    border-bottom:1px solid #ecf3fa;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    position:relative
}
.card .card-header.card-no-border{
    border-bottom:none !important
}
.card .card-header h5{
    font-size:22px
}
.card .card-header h5:not(.mb-0),.card .card-header h5:not(.m-0){
    margin-bottom:0;
    text-transform:capitalize
}
.card .card-header>span{
    font-size:12px;
    color:rgba(43,43,43,0.7);
    margin-top:5px;
    display:block;
    letter-spacing:1px
}
.card .card-header .card-header-right{
    border-radius:0 0 0 7px;
    right:35px;
    top:33px;
    display:inline-block;
    float:right;
    padding:8px 0;
    position:absolute;
    background-color:#fff;
    z-index:1
}
.card .card-header .card-header-right .card-option{
    text-align:right;
    width:35px;
    height:20px;
    overflow:hidden;
    -webkit-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out
}
.card .card-header .card-header-right .card-option li{
    display:inline-block
}
.card .card-header .card-header-right .card-option li:first-child i{
    -webkit-transition:1s;
    transition:1s;
    font-size:16px;
    color:var(--theme-deafult)
}
.card .card-header .card-header-right .card-option li:first-child i.icofont{
    color:unset
}
.card .card-header .card-header-right i{
    margin:0 5px;
    cursor:pointer;
    color:#2c323f;
    line-height:20px
}
.card .card-header .card-header-right i.icofont-refresh{
    font-size:13px
}
.card .card-body{
    padding:40px;
    background-color:rgba(0,0,0,0)
}
.card .card-body p:last-child{
    margin-bottom:0
}
.card .sub-title{
    border-bottom:1px solid rgba(0,0,0,0.1);
    padding-bottom:5px;
    margin-bottom:8px;
    font-size:18px
}
.card .card-footer{
    background-color:#fff;
    border-top:1px solid #ecf3fa;
    padding:40px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px
}
.card.card-load .card-loader{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    background-color:rgba(255,255,255,0.7);
    z-index:8;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.card.card-load .card-loader i{
    margin:0 auto;
    color:var(--theme-deafult);
    font-size:20px
}
.card.full-card{
    position:fixed;
    top:0;
    z-index:99999;
    -webkit-box-shadow:none;
    box-shadow:none;
    right:0;
    border-radius:0;
    border:1px solid #efefef;
    width:calc(100vw - 12px);
    height:calc(100vh)
}
.card.full-card .card-body{
    overflow:auto
}
.card-absolute{
    margin-top:20px
}
.card-absolute .card-header{
    position:absolute;
    top:-20px;
    left:15px;
    border-radius:0.25rem;
    padding:10px 15px
}
.card-absolute .card-header h5{
    font-size:17px
}
.card-absolute .card-body{
    margin-top:10px
}
.card-header .border-tab{
    margin-bottom:-13px
}
.custom-card{
    overflow:hidden;
    padding:30px
}
.custom-card .card-header{
    padding:0
}
.custom-card .card-header img{
    border-radius:50%;
    margin-top:-100px;
    -webkit-transform:scale(1.5);
    transform:scale(1.5)
}
.custom-card .card-profile{
    text-align:center
}
.custom-card .card-profile img{
    height:110px;
    padding:7px;
    background-color:#fff;
    z-index:1;
    position:relative
}
.custom-card .card-social{
    text-align:center
}
.custom-card .card-social li{
    display:inline-block;
    padding:15px 0
}
.custom-card .card-social li:last-child a{
    margin-right:0
}
.custom-card .card-social li a{
    padding:0;
    margin-right:15px;
    color:#bcc6de;
    font-size:16px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.custom-card .card-social li a:hover{
    color:var(--theme-deafult);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.custom-card .profile-details h6{
    margin-bottom:30px;
    margin-top:10px;
    color:rgba(43,43,43,0.7);
    font-size:14px
}
.custom-card .card-footer{
    padding:0
}
.custom-card .card-footer>div{
    padding:15px;
    text-align:center
}
.custom-card .card-footer>div+div{
    border-left:1px solid #efefef
}
.custom-card .card-footer>div h3{
    margin-bottom:0;
    font-size:24px
}
.custom-card .card-footer>div h6{
    font-size:14px;
    color:rgba(43,43,43,0.7)
}
.custom-card .card-footer>div h5{
    font-size:16px;
    margin-bottom:0
}
.custom-card .card-footer>div i{
    font-size:24px;
    display:inline-block;
    margin-bottom:15px
}
.custom-card .card-footer>div .m-b-card{
    margin-bottom:10px
}
.color-box{
    margin-bottom:-10px
}
.color-box button{
    margin-bottom:10px
}
.color-box button+button{
    margin-left:5px
}
.primary-color ul li:nth-child(13){
    background-color:#7a6eff;
    padding:10px 15px;
    margin-bottom:10px
}
.primary-color ul li:nth-child(13) span:before{
    content:"#7a6eff";
    display:block;
    color:#fff;
    text-align:center
}
.primary-color ul li:last-child{
    margin-bottom:0
}
.primary-color ul li:nth-child(12){
    background-color:#8175ff;
    padding:10px 15px;
    margin-bottom:10px
}
.primary-color ul li:nth-child(12) span:before{
    content:"#8175ff";
    display:block;
    color:#fff;
    text-align:center
}
.primary-color ul li:last-child{
    margin-bottom:0
}
.primary-color ul li:nth-child(11){
    background-color:#887dff;
    padding:10px 15px;
    margin-bottom:10px
}
.primary-color ul li:nth-child(11) span:before{
    content:"#887dff";
    display:block;
    color:#fff;
    text-align:center
}
.primary-color ul li:last-child{
    margin-bottom:0
}
.primary-color ul li:nth-child(10){
    background-color:#8f85ff;
    padding:10px 15px;
    margin-bottom:10px
}
.primary-color ul li:nth-child(10) span:before{
    content:"#8f85ff";
    display:block;
    color:#fff;
    text-align:center
}
.primary-color ul li:last-child{
    margin-bottom:0
}
.primary-color ul li:nth-child(9){
    background-color:#968cff;
    padding:10px 15px;
    margin-bottom:10px
}
.primary-color ul li:nth-child(9) span:before{
    content:"#968cff";
    display:block;
    color:#fff;
    text-align:center
}
.primary-color ul li:last-child{
    margin-bottom:0
}
.primary-color ul li:nth-child(8){
    background-color:#9d94ff;
    padding:10px 15px;
    margin-bottom:10px
}
.primary-color ul li:nth-child(8) span:before{
    content:"#9d94ff";
    display:block;
    color:#fff;
    text-align:center
}
.primary-color ul li:last-child{
    margin-bottom:0
}
.primary-color ul li:nth-child(7){
    background-color:#a49cff;
    padding:10px 15px;
    margin-bottom:10px
}
.primary-color ul li:nth-child(7) span:before{
    content:"#a49cff";
    display:block;
    color:#fff;
    text-align:center
}
.primary-color ul li:last-child{
    margin-bottom:0
}
.primary-color ul li:nth-child(6){
    background-color:#aba3ff;
    padding:10px 15px;
    margin-bottom:10px
}
.primary-color ul li:nth-child(6) span:before{
    content:"#aba3ff";
    display:block;
    color:#fff;
    text-align:center
}
.primary-color ul li:last-child{
    margin-bottom:0
}
.primary-color ul li:nth-child(5){
    background-color:#b2abff;
    padding:10px 15px;
    margin-bottom:10px
}
.primary-color ul li:nth-child(5) span:before{
    content:"#b2abff";
    display:block;
    color:#fff;
    text-align:center
}
.primary-color ul li:last-child{
    margin-bottom:0
}
.primary-color ul li:nth-child(4){
    background-color:#b9b3ff;
    padding:10px 15px;
    margin-bottom:10px
}
.primary-color ul li:nth-child(4) span:before{
    content:"#b9b3ff";
    display:block;
    color:#fff;
    text-align:center
}
.primary-color ul li:last-child{
    margin-bottom:0
}
.primary-color ul li:nth-child(3){
    background-color:#c0baff;
    padding:10px 15px;
    margin-bottom:10px
}
.primary-color ul li:nth-child(3) span:before{
    content:"#c0baff";
    display:block;
    color:#fff;
    text-align:center
}
.primary-color ul li:last-child{
    margin-bottom:0
}
.primary-color ul li:nth-child(2){
    background-color:#c7c2ff;
    padding:10px 15px;
    margin-bottom:10px
}
.primary-color ul li:nth-child(2) span:before{
    content:"#c7c2ff";
    display:block;
    color:#fff;
    text-align:center
}
.primary-color ul li:last-child{
    margin-bottom:0
}
.primary-color ul li:nth-child(1){
    background-color:#cec9ff;
    padding:10px 15px;
    margin-bottom:10px
}
.primary-color ul li:nth-child(1) span:before{
    content:"#cec9ff";
    display:block;
    color:#fff;
    text-align:center
}
.primary-color ul li:last-child{
    margin-bottom:0
}
.secondary-color ul li:nth-child(13){
    background-color:#f8406f;
    padding:10px 15px;
    margin-bottom:10px
}
.secondary-color ul li:nth-child(13) span:before{
    content:"#f8406f";
    display:block;
    color:#fff;
    text-align:center
}
.secondary-color ul li:last-child{
    margin-bottom:0
}
.secondary-color ul li:nth-child(12){
    background-color:#f84e7a;
    padding:10px 15px;
    margin-bottom:10px
}
.secondary-color ul li:nth-child(12) span:before{
    content:"#f84e7a";
    display:block;
    color:#fff;
    text-align:center
}
.secondary-color ul li:last-child{
    margin-bottom:0
}
.secondary-color ul li:nth-child(11){
    background-color:#f95d85;
    padding:10px 15px;
    margin-bottom:10px
}
.secondary-color ul li:nth-child(11) span:before{
    content:"#f95d85";
    display:block;
    color:#fff;
    text-align:center
}
.secondary-color ul li:last-child{
    margin-bottom:0
}
.secondary-color ul li:nth-child(10){
    background-color:#f96c90;
    padding:10px 15px;
    margin-bottom:10px
}
.secondary-color ul li:nth-child(10) span:before{
    content:"#f96c90";
    display:block;
    color:#fff;
    text-align:center
}
.secondary-color ul li:last-child{
    margin-bottom:0
}
.secondary-color ul li:nth-child(9){
    background-color:#fa7b9b;
    padding:10px 15px;
    margin-bottom:10px
}
.secondary-color ul li:nth-child(9) span:before{
    content:"#fa7b9b";
    display:block;
    color:#fff;
    text-align:center
}
.secondary-color ul li:last-child{
    margin-bottom:0
}
.secondary-color ul li:nth-child(8){
    background-color:#fa89a6;
    padding:10px 15px;
    margin-bottom:10px
}
.secondary-color ul li:nth-child(8) span:before{
    content:"#fa89a6";
    display:block;
    color:#fff;
    text-align:center
}
.secondary-color ul li:last-child{
    margin-bottom:0
}
.secondary-color ul li:nth-child(7){
    background-color:#fb98b2;
    padding:10px 15px;
    margin-bottom:10px
}
.secondary-color ul li:nth-child(7) span:before{
    content:"#fb98b2";
    display:block;
    color:#fff;
    text-align:center
}
.secondary-color ul li:last-child{
    margin-bottom:0
}
.secondary-color ul li:nth-child(6){
    background-color:#fca7bd;
    padding:10px 15px;
    margin-bottom:10px
}
.secondary-color ul li:nth-child(6) span:before{
    content:"#fca7bd";
    display:block;
    color:#fff;
    text-align:center
}
.secondary-color ul li:last-child{
    margin-bottom:0
}
.secondary-color ul li:nth-child(5){
    background-color:#fcb6c8;
    padding:10px 15px;
    margin-bottom:10px
}
.secondary-color ul li:nth-child(5) span:before{
    content:"#fcb6c8";
    display:block;
    color:#fff;
    text-align:center
}
.secondary-color ul li:last-child{
    margin-bottom:0
}
.secondary-color ul li:nth-child(4){
    background-color:#fdc4d3;
    padding:10px 15px;
    margin-bottom:10px
}
.secondary-color ul li:nth-child(4) span:before{
    content:"#fdc4d3";
    display:block;
    color:#fff;
    text-align:center
}
.secondary-color ul li:last-child{
    margin-bottom:0
}
.secondary-color ul li:nth-child(3){
    background-color:#fdd3de;
    padding:10px 15px;
    margin-bottom:10px
}
.secondary-color ul li:nth-child(3) span:before{
    content:"#fdd3de";
    display:block;
    color:#fff;
    text-align:center
}
.secondary-color ul li:last-child{
    margin-bottom:0
}
.secondary-color ul li:nth-child(2){
    background-color:#fee2e9;
    padding:10px 15px;
    margin-bottom:10px
}
.secondary-color ul li:nth-child(2) span:before{
    content:"#fee2e9";
    display:block;
    color:#fff;
    text-align:center
}
.secondary-color ul li:last-child{
    margin-bottom:0
}
.secondary-color ul li:nth-child(1){
    background-color:#fef0f4;
    padding:10px 15px;
    margin-bottom:10px
}
.secondary-color ul li:nth-child(1) span:before{
    content:"#fef0f4";
    display:block;
    color:#fff;
    text-align:center
}
.secondary-color ul li:last-child{
    margin-bottom:0
}
.success-color ul li:nth-child(13){
    background-color:#53bf26;
    padding:10px 15px;
    margin-bottom:10px
}
.success-color ul li:nth-child(13) span:before{
    content:"#53bf26";
    display:block;
    color:#fff;
    text-align:center
}
.success-color ul li:last-child{
    margin-bottom:0
}
.success-color ul li:nth-child(12){
    background-color:#54c327;
    padding:10px 15px;
    margin-bottom:10px
}
.success-color ul li:nth-child(12) span:before{
    content:"#54c327";
    display:block;
    color:#fff;
    text-align:center
}
.success-color ul li:last-child{
    margin-bottom:0
}
.success-color ul li:nth-child(11){
    background-color:#56c627;
    padding:10px 15px;
    margin-bottom:10px
}
.success-color ul li:nth-child(11) span:before{
    content:"#56c627";
    display:block;
    color:#fff;
    text-align:center
}
.success-color ul li:last-child{
    margin-bottom:0
}
.success-color ul li:nth-child(10){
    background-color:#58ca28;
    padding:10px 15px;
    margin-bottom:10px
}
.success-color ul li:nth-child(10) span:before{
    content:"#58ca28";
    display:block;
    color:#fff;
    text-align:center
}
.success-color ul li:last-child{
    margin-bottom:0
}
.success-color ul li:nth-child(9){
    background-color:#59ce29;
    padding:10px 15px;
    margin-bottom:10px
}
.success-color ul li:nth-child(9) span:before{
    content:"#59ce29";
    display:block;
    color:#fff;
    text-align:center
}
.success-color ul li:last-child{
    margin-bottom:0
}
.success-color ul li:nth-child(8){
    background-color:#5bd22a;
    padding:10px 15px;
    margin-bottom:10px
}
.success-color ul li:nth-child(8) span:before{
    content:"#5bd22a";
    display:block;
    color:#fff;
    text-align:center
}
.success-color ul li:last-child{
    margin-bottom:0
}
.success-color ul li:nth-child(7){
    background-color:#5dd52b;
    padding:10px 15px;
    margin-bottom:10px
}
.success-color ul li:nth-child(7) span:before{
    content:"#5dd52b";
    display:block;
    color:#fff;
    text-align:center
}
.success-color ul li:last-child{
    margin-bottom:0
}
.success-color ul li:nth-child(6){
    background-color:#60d62f;
    padding:10px 15px;
    margin-bottom:10px
}
.success-color ul li:nth-child(6) span:before{
    content:"#60d62f";
    display:block;
    color:#fff;
    text-align:center
}
.success-color ul li:last-child{
    margin-bottom:0
}
.success-color ul li:nth-child(5){
    background-color:#63d733;
    padding:10px 15px;
    margin-bottom:10px
}
.success-color ul li:nth-child(5) span:before{
    content:"#63d733";
    display:block;
    color:#fff;
    text-align:center
}
.success-color ul li:last-child{
    margin-bottom:0
}
.success-color ul li:nth-child(4){
    background-color:#66d737;
    padding:10px 15px;
    margin-bottom:10px
}
.success-color ul li:nth-child(4) span:before{
    content:"#66d737";
    display:block;
    color:#fff;
    text-align:center
}
.success-color ul li:last-child{
    margin-bottom:0
}
.success-color ul li:nth-child(3){
    background-color:#69d83a;
    padding:10px 15px;
    margin-bottom:10px
}
.success-color ul li:nth-child(3) span:before{
    content:"#69d83a";
    display:block;
    color:#fff;
    text-align:center
}
.success-color ul li:last-child{
    margin-bottom:0
}
.success-color ul li:nth-child(2){
    background-color:#6cd93e;
    padding:10px 15px;
    margin-bottom:10px
}
.success-color ul li:nth-child(2) span:before{
    content:"#6cd93e";
    display:block;
    color:#fff;
    text-align:center
}
.success-color ul li:last-child{
    margin-bottom:0
}
.success-color ul li:nth-child(1){
    background-color:#6fda42;
    padding:10px 15px;
    margin-bottom:10px
}
.success-color ul li:nth-child(1) span:before{
    content:"#6fda42";
    display:block;
    color:#fff;
    text-align:center
}
.success-color ul li:last-child{
    margin-bottom:0
}
.info-color ul li:nth-child(13){
    background-color:#ae33f9;
    padding:10px 15px;
    margin-bottom:10px
}
.info-color ul li:nth-child(13) span:before{
    content:"#ae33f9";
    display:block;
    color:#fff;
    text-align:center
}
.info-color ul li:last-child{
    margin-bottom:0
}
.info-color ul li:nth-child(12){
    background-color:#b340fa;
    padding:10px 15px;
    margin-bottom:10px
}
.info-color ul li:nth-child(12) span:before{
    content:"#b340fa";
    display:block;
    color:#fff;
    text-align:center
}
.info-color ul li:last-child{
    margin-bottom:0
}
.info-color ul li:nth-child(11){
    background-color:#b84cfa;
    padding:10px 15px;
    margin-bottom:10px
}
.info-color ul li:nth-child(11) span:before{
    content:"#b84cfa";
    display:block;
    color:#fff;
    text-align:center
}
.info-color ul li:last-child{
    margin-bottom:0
}
.info-color ul li:nth-child(10){
    background-color:#bd59fa;
    padding:10px 15px;
    margin-bottom:10px
}
.info-color ul li:nth-child(10) span:before{
    content:"#bd59fa";
    display:block;
    color:#fff;
    text-align:center
}
.info-color ul li:last-child{
    margin-bottom:0
}
.info-color ul li:nth-child(9){
    background-color:#c265fb;
    padding:10px 15px;
    margin-bottom:10px
}
.info-color ul li:nth-child(9) span:before{
    content:"#c265fb";
    display:block;
    color:#fff;
    text-align:center
}
.info-color ul li:last-child{
    margin-bottom:0
}
.info-color ul li:nth-child(8){
    background-color:#c771fb;
    padding:10px 15px;
    margin-bottom:10px
}
.info-color ul li:nth-child(8) span:before{
    content:"#c771fb";
    display:block;
    color:#fff;
    text-align:center
}
.info-color ul li:last-child{
    margin-bottom:0
}
.info-color ul li:nth-child(7){
    background-color:#cc7efb;
    padding:10px 15px;
    margin-bottom:10px
}
.info-color ul li:nth-child(7) span:before{
    content:"#cc7efb";
    display:block;
    color:#fff;
    text-align:center
}
.info-color ul li:last-child{
    margin-bottom:0
}
.info-color ul li:nth-child(6){
    background-color:#d18afc;
    padding:10px 15px;
    margin-bottom:10px
}
.info-color ul li:nth-child(6) span:before{
    content:"#d18afc";
    display:block;
    color:#fff;
    text-align:center
}
.info-color ul li:last-child{
    margin-bottom:0
}
.info-color ul li:nth-child(5){
    background-color:#d597fc;
    padding:10px 15px;
    margin-bottom:10px
}
.info-color ul li:nth-child(5) span:before{
    content:"#d597fc";
    display:block;
    color:#fff;
    text-align:center
}
.info-color ul li:last-child{
    margin-bottom:0
}
.info-color ul li:nth-child(4){
    background-color:#daa3fc;
    padding:10px 15px;
    margin-bottom:10px
}
.info-color ul li:nth-child(4) span:before{
    content:"#daa3fc";
    display:block;
    color:#fff;
    text-align:center
}
.info-color ul li:last-child{
    margin-bottom:0
}
.info-color ul li:nth-child(3){
    background-color:#dfaffd;
    padding:10px 15px;
    margin-bottom:10px
}
.info-color ul li:nth-child(3) span:before{
    content:"#dfaffd";
    display:block;
    color:#fff;
    text-align:center
}
.info-color ul li:last-child{
    margin-bottom:0
}
.info-color ul li:nth-child(2){
    background-color:#e4bcfd;
    padding:10px 15px;
    margin-bottom:10px
}
.info-color ul li:nth-child(2) span:before{
    content:"#e4bcfd";
    display:block;
    color:#fff;
    text-align:center
}
.info-color ul li:last-child{
    margin-bottom:0
}
.info-color ul li:nth-child(1){
    background-color:#e9c8fd;
    padding:10px 15px;
    margin-bottom:10px
}
.info-color ul li:nth-child(1) span:before{
    content:"#e9c8fd";
    display:block;
    color:#fff;
    text-align:center
}
.info-color ul li:last-child{
    margin-bottom:0
}
.yellow-color ul li:nth-child(13){
    background-color:#f8d93a;
    padding:10px 15px;
    margin-bottom:10px
}
.yellow-color ul li:nth-child(13) span:before{
    content:"#f8d93a";
    display:block;
    color:#fff;
    text-align:center
}
.yellow-color ul li:last-child{
    margin-bottom:0
}
.yellow-color ul li:nth-child(12){
    background-color:#f9dc49;
    padding:10px 15px;
    margin-bottom:10px
}
.yellow-color ul li:nth-child(12) span:before{
    content:"#f9dc49";
    display:block;
    color:#fff;
    text-align:center
}
.yellow-color ul li:last-child{
    margin-bottom:0
}
.yellow-color ul li:nth-child(11){
    background-color:#f9df57;
    padding:10px 15px;
    margin-bottom:10px
}
.yellow-color ul li:nth-child(11) span:before{
    content:"#f9df57";
    display:block;
    color:#fff;
    text-align:center
}
.yellow-color ul li:last-child{
    margin-bottom:0
}
.yellow-color ul li:nth-child(10){
    background-color:#fae166;
    padding:10px 15px;
    margin-bottom:10px
}
.yellow-color ul li:nth-child(10) span:before{
    content:"#fae166";
    display:block;
    color:#fff;
    text-align:center
}
.yellow-color ul li:last-child{
    margin-bottom:0
}
.yellow-color ul li:nth-child(9){
    background-color:#fae475;
    padding:10px 15px;
    margin-bottom:10px
}
.yellow-color ul li:nth-child(9) span:before{
    content:"#fae475";
    display:block;
    color:#fff;
    text-align:center
}
.yellow-color ul li:last-child{
    margin-bottom:0
}
.yellow-color ul li:nth-child(8){
    background-color:#fbe784;
    padding:10px 15px;
    margin-bottom:10px
}
.yellow-color ul li:nth-child(8) span:before{
    content:"#fbe784";
    display:block;
    color:#fff;
    text-align:center
}
.yellow-color ul li:last-child{
    margin-bottom:0
}
.yellow-color ul li:nth-child(7){
    background-color:#fbea93;
    padding:10px 15px;
    margin-bottom:10px
}
.yellow-color ul li:nth-child(7) span:before{
    content:"#fbea93";
    display:block;
    color:#fff;
    text-align:center
}
.yellow-color ul li:last-child{
    margin-bottom:0
}
.yellow-color ul li:nth-child(6){
    background-color:#fceda1;
    padding:10px 15px;
    margin-bottom:10px
}
.yellow-color ul li:nth-child(6) span:before{
    content:"#fceda1";
    display:block;
    color:#fff;
    text-align:center
}
.yellow-color ul li:last-child{
    margin-bottom:0
}
.yellow-color ul li:nth-child(5){
    background-color:#fcf0b0;
    padding:10px 15px;
    margin-bottom:10px
}
.yellow-color ul li:nth-child(5) span:before{
    content:"#fcf0b0";
    display:block;
    color:#fff;
    text-align:center
}
.yellow-color ul li:last-child{
    margin-bottom:0
}
.yellow-color ul li:nth-child(4){
    background-color:#fdf3bf;
    padding:10px 15px;
    margin-bottom:10px
}
.yellow-color ul li:nth-child(4) span:before{
    content:"#fdf3bf";
    display:block;
    color:#fff;
    text-align:center
}
.yellow-color ul li:last-child{
    margin-bottom:0
}
.yellow-color ul li:nth-child(3){
    background-color:#fdf6ce;
    padding:10px 15px;
    margin-bottom:10px
}
.yellow-color ul li:nth-child(3) span:before{
    content:"#fdf6ce";
    display:block;
    color:#fff;
    text-align:center
}
.yellow-color ul li:last-child{
    margin-bottom:0
}
.yellow-color ul li:nth-child(2){
    background-color:#fef8dd;
    padding:10px 15px;
    margin-bottom:10px
}
.yellow-color ul li:nth-child(2) span:before{
    content:"#fef8dd";
    display:block;
    color:#fff;
    text-align:center
}
.yellow-color ul li:last-child{
    margin-bottom:0
}
.yellow-color ul li:nth-child(1){
    background-color:#fefbec;
    padding:10px 15px;
    margin-bottom:10px
}
.yellow-color ul li:nth-child(1) span:before{
    content:"#fefbec";
    display:block;
    color:#fff;
    text-align:center
}
.yellow-color ul li:last-child{
    margin-bottom:0
}
.red-color ul li:nth-child(13){
    background-color:#de3e4d;
    padding:10px 15px;
    margin-bottom:10px
}
.red-color ul li:nth-child(13) span:before{
    content:"#de3e4d";
    display:block;
    color:#fff;
    text-align:center
}
.red-color ul li:last-child{
    margin-bottom:0
}
.red-color ul li:nth-child(12){
    background-color:#df4655;
    padding:10px 15px;
    margin-bottom:10px
}
.red-color ul li:nth-child(12) span:before{
    content:"#df4655";
    display:block;
    color:#fff;
    text-align:center
}
.red-color ul li:last-child{
    margin-bottom:0
}
.red-color ul li:nth-child(11){
    background-color:#e14f5d;
    padding:10px 15px;
    margin-bottom:10px
}
.red-color ul li:nth-child(11) span:before{
    content:"#e14f5d";
    display:block;
    color:#fff;
    text-align:center
}
.red-color ul li:last-child{
    margin-bottom:0
}
.red-color ul li:nth-child(10){
    background-color:#e25865;
    padding:10px 15px;
    margin-bottom:10px
}
.red-color ul li:nth-child(10) span:before{
    content:"#e25865";
    display:block;
    color:#fff;
    text-align:center
}
.red-color ul li:last-child{
    margin-bottom:0
}
.red-color ul li:nth-child(9){
    background-color:#e4606d;
    padding:10px 15px;
    margin-bottom:10px
}
.red-color ul li:nth-child(9) span:before{
    content:"#e4606d";
    display:block;
    color:#fff;
    text-align:center
}
.red-color ul li:last-child{
    margin-bottom:0
}
.red-color ul li:nth-child(8){
    background-color:#e56975;
    padding:10px 15px;
    margin-bottom:10px
}
.red-color ul li:nth-child(8) span:before{
    content:"#e56975";
    display:block;
    color:#fff;
    text-align:center
}
.red-color ul li:last-child{
    margin-bottom:0
}
.red-color ul li:nth-child(7){
    background-color:#e7727d;
    padding:10px 15px;
    margin-bottom:10px
}
.red-color ul li:nth-child(7) span:before{
    content:"#e7727d";
    display:block;
    color:#fff;
    text-align:center
}
.red-color ul li:last-child{
    margin-bottom:0
}
.red-color ul li:nth-child(6){
    background-color:#e87b85;
    padding:10px 15px;
    margin-bottom:10px
}
.red-color ul li:nth-child(6) span:before{
    content:"#e87b85";
    display:block;
    color:#fff;
    text-align:center
}
.red-color ul li:last-child{
    margin-bottom:0
}
.red-color ul li:nth-child(5){
    background-color:#ea838d;
    padding:10px 15px;
    margin-bottom:10px
}
.red-color ul li:nth-child(5) span:before{
    content:"#ea838d";
    display:block;
    color:#fff;
    text-align:center
}
.red-color ul li:last-child{
    margin-bottom:0
}
.red-color ul li:nth-child(4){
    background-color:#eb8c95;
    padding:10px 15px;
    margin-bottom:10px
}
.red-color ul li:nth-child(4) span:before{
    content:"#eb8c95";
    display:block;
    color:#fff;
    text-align:center
}
.red-color ul li:last-child{
    margin-bottom:0
}
.red-color ul li:nth-child(3){
    background-color:#ed959d;
    padding:10px 15px;
    margin-bottom:10px
}
.red-color ul li:nth-child(3) span:before{
    content:"#ed959d";
    display:block;
    color:#fff;
    text-align:center
}
.red-color ul li:last-child{
    margin-bottom:0
}
.red-color ul li:nth-child(2){
    background-color:#ee9da5;
    padding:10px 15px;
    margin-bottom:10px
}
.red-color ul li:nth-child(2) span:before{
    content:"#ee9da5";
    display:block;
    color:#fff;
    text-align:center
}
.red-color ul li:last-child{
    margin-bottom:0
}
.red-color ul li:nth-child(1){
    background-color:#f0a6ad;
    padding:10px 15px;
    margin-bottom:10px
}
.red-color ul li:nth-child(1) span:before{
    content:"#f0a6ad";
    display:block;
    color:#fff;
    text-align:center
}
.red-color ul li:last-child{
    margin-bottom:0
}
.pink-color ul li:nth-child(13){
    background-color:#eb2067;
    padding:10px 15px;
    margin-bottom:10px
}
.pink-color ul li:nth-child(13) span:before{
    content:"#eb2067";
    display:block;
    color:#fff;
    text-align:center
}
.pink-color ul li:last-child{
    margin-bottom:0
}
.pink-color ul li:nth-child(12){
    background-color:#ec2e70;
    padding:10px 15px;
    margin-bottom:10px
}
.pink-color ul li:nth-child(12) span:before{
    content:"#ec2e70";
    display:block;
    color:#fff;
    text-align:center
}
.pink-color ul li:last-child{
    margin-bottom:0
}
.pink-color ul li:nth-child(11){
    background-color:#ed3c7a;
    padding:10px 15px;
    margin-bottom:10px
}
.pink-color ul li:nth-child(11) span:before{
    content:"#ed3c7a";
    display:block;
    color:#fff;
    text-align:center
}
.pink-color ul li:last-child{
    margin-bottom:0
}
.pink-color ul li:nth-child(10){
    background-color:#ee4a83;
    padding:10px 15px;
    margin-bottom:10px
}
.pink-color ul li:nth-child(10) span:before{
    content:"#ee4a83";
    display:block;
    color:#fff;
    text-align:center
}
.pink-color ul li:last-child{
    margin-bottom:0
}
.pink-color ul li:nth-child(9){
    background-color:#f0588d;
    padding:10px 15px;
    margin-bottom:10px
}
.pink-color ul li:nth-child(9) span:before{
    content:"#f0588d";
    display:block;
    color:#fff;
    text-align:center
}
.pink-color ul li:last-child{
    margin-bottom:0
}
.pink-color ul li:nth-child(8){
    background-color:#f16696;
    padding:10px 15px;
    margin-bottom:10px
}
.pink-color ul li:nth-child(8) span:before{
    content:"#f16696";
    display:block;
    color:#fff;
    text-align:center
}
.pink-color ul li:last-child{
    margin-bottom:0
}
.pink-color ul li:nth-child(7){
    background-color:#f274a0;
    padding:10px 15px;
    margin-bottom:10px
}
.pink-color ul li:nth-child(7) span:before{
    content:"#f274a0";
    display:block;
    color:#fff;
    text-align:center
}
.pink-color ul li:last-child{
    margin-bottom:0
}
.pink-color ul li:nth-child(6){
    background-color:#f482aa;
    padding:10px 15px;
    margin-bottom:10px
}
.pink-color ul li:nth-child(6) span:before{
    content:"#f482aa";
    display:block;
    color:#fff;
    text-align:center
}
.pink-color ul li:last-child{
    margin-bottom:0
}
.pink-color ul li:nth-child(5){
    background-color:#f590b3;
    padding:10px 15px;
    margin-bottom:10px
}
.pink-color ul li:nth-child(5) span:before{
    content:"#f590b3";
    display:block;
    color:#fff;
    text-align:center
}
.pink-color ul li:last-child{
    margin-bottom:0
}
.pink-color ul li:nth-child(4){
    background-color:#f69ebd;
    padding:10px 15px;
    margin-bottom:10px
}
.pink-color ul li:nth-child(4) span:before{
    content:"#f69ebd";
    display:block;
    color:#fff;
    text-align:center
}
.pink-color ul li:last-child{
    margin-bottom:0
}
.pink-color ul li:nth-child(3){
    background-color:#f7acc6;
    padding:10px 15px;
    margin-bottom:10px
}
.pink-color ul li:nth-child(3) span:before{
    content:"#f7acc6";
    display:block;
    color:#fff;
    text-align:center
}
.pink-color ul li:last-child{
    margin-bottom:0
}
.pink-color ul li:nth-child(2){
    background-color:#f9bad0;
    padding:10px 15px;
    margin-bottom:10px
}
.pink-color ul li:nth-child(2) span:before{
    content:"#f9bad0";
    display:block;
    color:#fff;
    text-align:center
}
.pink-color ul li:last-child{
    margin-bottom:0
}
.pink-color ul li:nth-child(1){
    background-color:#fac8d9;
    padding:10px 15px;
    margin-bottom:10px
}
.pink-color ul li:nth-child(1) span:before{
    content:"#fac8d9";
    display:block;
    color:#fff;
    text-align:center
}
.pink-color ul li:last-child{
    margin-bottom:0
}
.gray-color ul li:nth-child(13){
    background-color:#919191;
    padding:10px 15px;
    margin-bottom:10px
}
.gray-color ul li:nth-child(13) span:before{
    content:"#919191";
    display:block;
    color:#fff;
    text-align:center
}
.gray-color ul li:last-child{
    margin-bottom:0
}
.gray-color ul li:nth-child(12){
    background-color:#989898;
    padding:10px 15px;
    margin-bottom:10px
}
.gray-color ul li:nth-child(12) span:before{
    content:"#989898";
    display:block;
    color:#fff;
    text-align:center
}
.gray-color ul li:last-child{
    margin-bottom:0
}
.gray-color ul li:nth-child(11){
    background-color:#a0a0a0;
    padding:10px 15px;
    margin-bottom:10px
}
.gray-color ul li:nth-child(11) span:before{
    content:"#a0a0a0";
    display:block;
    color:#fff;
    text-align:center
}
.gray-color ul li:last-child{
    margin-bottom:0
}
.gray-color ul li:nth-child(10){
    background-color:#a8a8a8;
    padding:10px 15px;
    margin-bottom:10px
}
.gray-color ul li:nth-child(10) span:before{
    content:"#a8a8a8";
    display:block;
    color:#fff;
    text-align:center
}
.gray-color ul li:last-child{
    margin-bottom:0
}
.gray-color ul li:nth-child(9){
    background-color:#afafaf;
    padding:10px 15px;
    margin-bottom:10px
}
.gray-color ul li:nth-child(9) span:before{
    content:"#afafaf";
    display:block;
    color:#fff;
    text-align:center
}
.gray-color ul li:last-child{
    margin-bottom:0
}
.gray-color ul li:nth-child(8){
    background-color:#b7b7b7;
    padding:10px 15px;
    margin-bottom:10px
}
.gray-color ul li:nth-child(8) span:before{
    content:"#b7b7b7";
    display:block;
    color:#fff;
    text-align:center
}
.gray-color ul li:last-child{
    margin-bottom:0
}
.gray-color ul li:nth-child(7){
    background-color:#bfbfbf;
    padding:10px 15px;
    margin-bottom:10px
}
.gray-color ul li:nth-child(7) span:before{
    content:"#bfbfbf";
    display:block;
    color:#fff;
    text-align:center
}
.gray-color ul li:last-child{
    margin-bottom:0
}
.gray-color ul li:nth-child(6){
    background-color:#c6c6c6;
    padding:10px 15px;
    margin-bottom:10px
}
.gray-color ul li:nth-child(6) span:before{
    content:"#c6c6c6";
    display:block;
    color:#fff;
    text-align:center
}
.gray-color ul li:last-child{
    margin-bottom:0
}
.gray-color ul li:nth-child(5){
    background-color:#cecece;
    padding:10px 15px;
    margin-bottom:10px
}
.gray-color ul li:nth-child(5) span:before{
    content:"#cecece";
    display:block;
    color:#fff;
    text-align:center
}
.gray-color ul li:last-child{
    margin-bottom:0
}
.gray-color ul li:nth-child(4){
    background-color:#d6d6d6;
    padding:10px 15px;
    margin-bottom:10px
}
.gray-color ul li:nth-child(4) span:before{
    content:"#d6d6d6";
    display:block;
    color:#fff;
    text-align:center
}
.gray-color ul li:last-child{
    margin-bottom:0
}
.gray-color ul li:nth-child(3){
    background-color:#ddd;
    padding:10px 15px;
    margin-bottom:10px
}
.gray-color ul li:nth-child(3) span:before{
    content:"#ddd";
    display:block;
    color:#fff;
    text-align:center
}
.gray-color ul li:last-child{
    margin-bottom:0
}
.gray-color ul li:nth-child(2){
    background-color:#e5e5e5;
    padding:10px 15px;
    margin-bottom:10px
}
.gray-color ul li:nth-child(2) span:before{
    content:"#e5e5e5";
    display:block;
    color:#fff;
    text-align:center
}
.gray-color ul li:last-child{
    margin-bottom:0
}
.gray-color ul li:nth-child(1){
    background-color:#ececec;
    padding:10px 15px;
    margin-bottom:10px
}
.gray-color ul li:nth-child(1) span:before{
    content:"#ececec";
    display:block;
    color:#fff;
    text-align:center
}
.gray-color ul li:last-child{
    margin-bottom:0
}
.light-font{
    color:rgba(43,43,43,0.7)
}
div.dt-button-background{
    display:none !important
}
div.DTS div.dataTables_scrollBody table{
    z-index:1
}
#auto-generate-content_wrapper.dataTables_wrapper button{
    background-color:white;
    border:1px solid var(--theme-deafult);
    color:var(--theme-deafult)
}
.dataTables_wrapper{
    padding:0;
    width:100%
}
.dataTables_wrapper.no-footer .dataTables_scrollBody{
    border-bottom:1px solid #ecf3fa
}
.dataTables_wrapper .dt-buttons .btn{
    border-radius:0.25rem !important
}
.dataTables_wrapper .btn-group button{
    margin-right:5px
}
.dataTables_wrapper button{
    font-weight:400;
    padding:0.375rem 0.75rem;
    font-size:14px;
    border-radius:0.25rem;
    color:#fff
}
.dataTables_wrapper+.dataTables_wrapper{
    margin-top:20px
}
.dataTables_wrapper .dataTables_paginate{
    margin-left:15px !important;
    border:1px solid #f4f4f4;
    border-radius:0.25rem;
    padding-top:0
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    margin:0
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button:active{
    background:var(--theme-deafult);
    color:#fff !important;
    -webkit-box-shadow:none;
    box-shadow:none
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    border:1px solid var(--theme-deafult);
    color:#2c323f !important;
    background:transparent !important
}
.dataTables_wrapper .dataTables_length{
    margin-bottom:30px
}
.dataTables_wrapper .dataTables_length select{
    border-color:#f4f4f4;
    color:#2c323f;
    padding:0 10px;
    margin:0 10px;
    height:2.7142em;
    background-color:#fff
}
.dataTables_wrapper table.dataTable{
    border:1px solid #efefef
}
.dataTables_wrapper table.dataTable tbody td.select-checkbox,.dataTables_wrapper table.dataTable tbody th.select-checkbox{
    padding-right:40px !important
}
.dataTables_wrapper table.dataTable tbody td.select-checkbox:before,.dataTables_wrapper table.dataTable tbody th.select-checkbox:before{
    right:20px;
    top:22px;
    left:unset
}
.dataTables_wrapper table.dataTable tbody td.select-checkbox:after,.dataTables_wrapper table.dataTable tbody th.select-checkbox:after{
    margin-top:-5px;
    margin-left:21px
}
.dataTables_wrapper table.dataTable thead th,.dataTables_wrapper table.dataTable thead td{
    border-bottom:2px solid #efefef
}
.dataTables_wrapper table.dataTable th,.dataTables_wrapper table.dataTable td{
    padding:0.75rem
}
.dataTables_wrapper .dataTables_filter{
    margin-bottom:25px;
    margin-left:15px
}
.dataTables_wrapper .dataTables_filter input[type="search"]{
    border:1px solid #efefef;
    padding:0 10px;
    margin-left:10px;
    height:37px;
    border-radius:0
}
.dataTables_scrollHeadInner{
    width:100% !important
}
table .fixedHeader-floating{
    position:fixed !important;
    background-color:#fff
}
table .box>div{
    padding:5px 15px;
    background-color:var(--theme-deafult);
    display:inline-block;
    color:#fff;
    border-radius:5px;
    margin-bottom:15px;
    margin-right:15px
}
table.dataTable.fixedHeader-locked,table.dataTable.fixedHeader-floating{
    width:calc(100vw - 250px) !important;
    max-width:calc(100vw - 250px) !important;
    overflow:hidden !important;
    right:0 !important;
    z-index:99;
    left:260px !important
}
table.dataTable:not(.fixedHeader-locked):not(.fixedHeader-floating){
    width:100% !important
}
table.dataTable{
    border-collapse:collapse !important;
    margin-top:0 !important
}
table.dataTable thead .sorting:before,table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{
    bottom:12px !important
}
table.dataTable input,table.dataTable select{
    border:1px solid #efefef;
    height:37px
}
.toolbar{
    padding:5px 15px;
    background-color:var(--theme-deafult);
    display:inline-block;
    color:#fff;
    border-radius:5px;
    margin-bottom:15px;
    margin-right:15px
}
code.option{
    color:#dc3545 !important
}
code.api{
    color:#51bb25 !important
}
.dt-ext .dataTables_wrapper .page-item.active .page-link{
    background-color:var(--theme-deafult) !important;
    border-color:var(--theme-deafult) !important;
    color:#fff
}
.dt-ext .dataTables_wrapper .dataTables_paginate{
    border:none
}
.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button{
    padding:0;
    border:none
}
.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.hover,.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.active{
    border:none !important
}
.dt-ext .dataTables_wrapper .dataTables_paginate .page-link{
    margin-left:0px;
    color:var(--theme-deafult)
}
.dt-ext .dataTables_wrapper button.dt-button,.dt-ext .dataTables_wrapper div.dt-button,.dt-ext .dataTables_wrapper a.dt-button,.dt-ext .dataTables_wrapper button.dt-button:focus:not(.disabled),.dt-ext .dataTables_wrapper div.dt-button:focus:not(.disabled),.dt-ext .dataTables_wrapper a.dt-button:focus:not(.disabled),.dt-ext .dataTables_wrapper button.dt-button:active:not(.disabled),.dt-ext .dataTables_wrapper button.dt-button.active:not(.disabled),.dt-ext .dataTables_wrapper div.dt-button:active:not(.disabled),.dt-ext .dataTables_wrapper div.dt-button.active:not(.disabled),.dt-ext .dataTables_wrapper a.dt-button:active:not(.disabled),.dt-ext .dataTables_wrapper a.dt-button.active:not(.disabled){
    background-color:var(--theme-deafult);
    border-color:var(--theme-deafult);
    border-radius:2px;
    color:#fff;
    background-image:none;
    font-size:14px
}
.dt-ext .dataTables_wrapper button.dt-button.btn-success,.dt-ext .dataTables_wrapper div.dt-button.btn-success,.dt-ext .dataTables_wrapper a.dt-button.btn-success{
    background-color:#51bb25;
    border-color:#51bb25
}
.dt-ext .dataTables_wrapper button.dt-button.btn-primary,.dt-ext .dataTables_wrapper div.dt-button.btn-primary,.dt-ext .dataTables_wrapper a.dt-button.btn-primary{
    background-color:var(--theme-deafult);
    border-color:var(--theme-deafult)
}
.dt-ext .dataTables_wrapper button.dt-button.btn-danger,.dt-ext .dataTables_wrapper div.dt-button.btn-danger,.dt-ext .dataTables_wrapper a.dt-button.btn-danger{
    background-color:#dc3545;
    border-color:#dc3545
}
.dt-ext .dataTables_wrapper table.dataTable th.focus,.dt-ext .dataTables_wrapper table.dataTable td.focus{
    outline:3px solid var(--theme-deafult)
}
.dt-ext .dataTables_wrapper table.dataTable.display tbody>tr.odd.selected>.sorting_1,.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1{
    background-color:#fff
}
.dt-ext .dataTables_wrapper table.dataTable.stripe tbody>tr.odd.selected,.dt-ext .dataTables_wrapper table.dataTable.stripe tbody>tr.odd>.selected,.dt-ext .dataTables_wrapper table.dataTable.display tbody>tr.odd.selected,.dt-ext .dataTables_wrapper table.dataTable.display tbody>tr.odd>.selected{
    background-color:#fff
}
.dt-ext .dataTables_wrapper table.dataTable.display tbody>tr.even.selected>.sorting_1,.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1{
    background-color:#fff
}
.dt-ext .dataTables_wrapper table.dataTable tbody>tr.selected,.dt-ext .dataTables_wrapper table.dataTable tbody>tr>.selected{
    background-color:#fff
}
td.highlight{
    background-color:#f4f4f4 !important
}
td.details-control{
    background:url("../images/details_open.png") no-repeat center center;
    cursor:pointer
}
tr.shown td.details-control{
    background:url("../images/details_close.png") no-repeat center center
}
.dataTables_scroll ~ .dataTables_paginate{
    margin-top:20px !important
}
.product-table th:last-child{
    min-width:120px
}
.product-table h6{
    font-weight:600;
    color:#2c323f
}
table.dataTable.display tbody tr.odd>.sorting_1{
    background-color:#fdfeff
}
.clockpicker-canvas line{
    stroke:var(--theme-deafult)
}
.clockpicker-canvas-fg,.clockpicker-canvas-bearing{
    fill:var(--theme-deafult)
}
.daterangepicker{
    border:none;
    -webkit-box-shadow:0 0 20px rgba(8,21,66,0.05);
    box-shadow:0 0 20px rgba(8,21,66,0.05)
}
.daterangepicker td.available:hover,.daterangepicker th.available:hover{
    background-color:var(--theme-deafult)
}
.datepicker{
    z-index:99
}
.datepicker--day-name{
    color:#7366ff;
    font-weight:bold
}
.datepicker--cell.-current-{
    color:#000;
    border-radius:5px;
    font-weight:bold;
    border:2px solid var(--theme-deafult)
}
.datepicker--cell.-focus-{
    background:var(--theme-deafult);
    color:#fff
}
.datepicker--cell.-selected-{
    background:var(--theme-deafult) !important
}
.daterangepicker.ltr{
    color:#898989;
    z-index:8
}
.daterangepicker.ltr tr{
    font-size:13px
}
.daterangepicker.ltr tr td{
    height:34px;
    width:34px
}
.daterangepicker.ltr tr td.in-range{
    background-color:#fafafa
}
.daterangepicker.ltr tr td.active{
    background-color:var(--theme-deafult)
}
.daterangepicker.ltr .ranges{
    float:none
}
.daterangepicker.ltr .ranges li{
    color:var(--theme-deafult)
}
.daterangepicker.ltr .ranges li:hover{
    background-color:var(--theme-deafult);
    border:1px solid var(--theme-deafult);
    color:#fff
}
.daterangepicker.ltr .ranges li.active{
    background-color:var(--theme-deafult);
    border:1px solid var(--theme-deafult);
    color:#fff
}
.daterangepicker.ltr .calendar-time select{
    color:#898989;
    border-color:#efefef;
    background-color:#fff;
    font-size:14px;
    padding:5px 10px;
    border-radius:5px;
    width:30%
}
.datepickers-container,.bootstrap-datetimepicker-widget{
    z-index:7
}
.datetime-picker .bootstrap-datetimepicker-widget.dropdown-menu{
    width:auto
}
.datetime-picker .input-group-text i{
    line-height:1.3
}
.date-range-picker .theme-form{
    margin-bottom:30px
}
.date-range-picker>div:last-child .theme-form{
    margin-bottom:0px
}
.daterangepicker:before{
    border-bottom:7px solid #efefef
}
.daterangepicker .daterangepicker_input i{
    font-size:14px;
    color:#59667a
}
.daterangepicker .input-mini{
    border-color:#efefef !important;
    font-size:14px;
    color:#59667a
}
.daterangepicker th,.daterangepicker td{
    height:34px;
    width:34px
}
.daterangepicker th:hover,.daterangepicker td:hover{
    color:#2c323f
}
.daterangepicker th.prev,.daterangepicker th.next,.daterangepicker td.prev,.daterangepicker td.next{
    color:#fff;
    height:34px;
    width:34px;
    background-color:var(--theme-deafult)
}
.daterangepicker th.month,.daterangepicker td.month{
    color:var(--theme-deafult);
    letter-spacing:1px;
    text-transform:uppercase
}
.clockpicker-popover{
    border:none;
    -webkit-box-shadow:0 0 20px rgba(8,21,66,0.05);
    box-shadow:0 0 20px rgba(8,21,66,0.05);
    z-index:7
}
.clockpicker-popover .popover-content{
    background-color:rgba(115,102,255,0.05)
}
.clockpicker-canvas-bg{
    fill:#fff
}
.clockpicker-tick:hover{
    color:inherit;
    background-color:#fff
}
.dropdown-basic{
    margin-bottom:-10px
}
.dropdown-basic .btn-group{
    margin-right:18px
}
.dropdown-basic .btn-group .btn-round{
    border-radius:50px
}
.dropdown-basic .separated-btn{
    margin-left:-6px
}
.dropdown-basic .separated-btn .btn{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    padding:10px
}
.dropdown-basic button{
    max-height:43px
}
.dropdown-basic .dropdown{
    position:relative;
    display:inline-block;
    margin-bottom:10px
}
.dropdown-basic .dropdown .dropbtn{
    color:white;
    padding:12px 35px;
    border:none;
    cursor:pointer
}
.dropdown-basic .dropdown .dropdown-content{
    display:none;
    position:absolute;
    right:0;
    background-color:#f9f9f9;
    min-width:175px;
    -webkit-box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
    box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index:1;
    left:0;
    top:45px
}
.dropdown-basic .dropdown .dropdown-content a{
    color:black;
    padding:12px 16px;
    text-decoration:none;
    display:block
}
.dropdown-basic .dropdown .dropdown-content .dropdown-header{
    padding:12px 16px
}
.dropdown-basic .dropdown-content a:hover{
    background-color:#f1f1f1
}
.dropdown-basic .dropdown:hover .dropdown-content{
    display:block
}
.dropup-basic .dropup{
    position:relative;
    display:inline-block
}
.dropup-basic .dropup .dropbtn{
    color:white;
    padding:12px;
    border:none
}
.dropup-basic .dropup .dropup-content{
    display:none;
    position:absolute;
    background-color:#f9f9f9;
    min-width:170px;
    bottom:45px;
    z-index:999;
    left:0
}
.dropup-basic .dropup .dropup-content a{
    color:black;
    padding:12px 16px;
    text-decoration:none;
    display:block
}
.dropup-basic .dropup .dropup-content a:hover{
    background-color:#f1f1f1
}
.dropup-basic .dropup:hover .dropup-content{
    display:block
}
.dropup-basic .dropup:hover .dropup-content a.active{
    background-color:#f1f1f1
}
.form-builder .drag-box{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.form-builder .drag-box fieldset{
    border:1px dotted #ecf3fa;
    min-height:655px;
    padding:30px;
    width:100%;
    overflow:hidden;
    margin-top:30px;
    border-radius:4px
}
.form-builder .component{
    cursor:pointer
}
.form-builder .component label{
    padding-top:8px
}
.form-builder .component .form-group input,.form-builder .component .form-group textarea,.form-builder .component .form-group select{
    border-radius:4px
}
.form-builder .component .form-group .input-group #prependedcheckbox,.form-builder .component .form-group .input-group #prependedtext{
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.form-builder .component .form-group .input-group #appendedcheckbox{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-right-color:transparent
}
.form-builder .component .form-group .input-group #appendedtext,.form-builder .component .form-group .input-group #buttondropdown{
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.form-builder .component .form-group .input-group #buttondropdown{
    margin-right:-1px
}
.form-builder .component .form-group .input-group .input-group-btn button{
    border-radius:4px;
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.form-builder .component .form-group .input-group .input-group-prepend .btn-right,.form-builder .component .form-group .input-group .input-group-prepend .checkbox-radius{
    border-radius:4px;
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.form-builder .component .form-group .pl-md-radios{
    padding-left:37px
}
.form-builder input{
    cursor:pointer
}
.form-builder textarea{
    resize:vertical
}
.form-builder .popover{
    z-index:8;
    opacity:1;
    left:-290px !important;
    top:95px !important
}
.form-builder .popover .control-group{
    cursor:default
}
.form-builder .popover input{
    cursor:pointer
}
.form-builder .render{
    min-height:500px;
    width:100%;
    border-radius:4px
}
.form-builder .popover .controls{
    margin-left:0
}
.form-builder .popover .control-label{
    text-align:left
}
.form-builder .popover form{
    width:100%
}
.form-builder .popover .fade.left.in{
    left:-215px
}
.form-builder .target:after{
    float:left;
    content:" ";
    height:77px;
    margin-top:3px;
    background:#f4f4f4;
    width:100%;
    border:1px dashed #ecf3fa
}
.drag form{
    padding:10px 5px;
    border:1px dotted #ecf3fa;
    position:absolute;
    background:#fff;
    -webkit-box-shadow:0 0 30px #ecf3fa;
    box-shadow:0 0 30px #ecf3fa;
    overflow:hidden
}
.drag form input{
    border-radius:5px
}
.form-builder-header-1{
    background-color:#f4f4f4;
    padding:15px;
    border-radius:5px;
    min-height:67px
}
.form-builder-header-1 h6{
    margin-bottom:0;
    margin-top:10px
}
.form-builder .help-block{
    font-size:12px
}
.form-builder input{
    border-radius:4px !important
}
.form-builder .form-group .col-md-12{
    padding:0
}
.form-builder .popover{
    width:300px
}
.form-builder .popover-header{
    background-color:var(--theme-deafult);
    padding:15px
}
.form-builder .popover-body{
    padding:15px
}
.form-builder .popover-body .form-group.row{
    padding:0 15px
}
.form-builder .popover-body .form-group.row .col-lg-12{
    padding:0
}
.icon-addon .addon-md .glyphicon,.icon-addon .addon-md .fa{
    position:absolute;
    z-index:2;
    left:10px;
    font-size:14px;
    width:20px;
    margin-left:-2.5px;
    text-align:center;
    padding:10px 0;
    top:1px
}
.icon-addon .glyphicon,.icon-addon .fa{
    position:absolute;
    z-index:2;
    left:10px;
    font-size:14px;
    width:20px;
    margin-left:-2.5px;
    text-align:center;
    padding:10px 0;
    top:1px
}
.input-group-square .input-group-text,.input-group-square .form-control{
    border-radius:0
}
.input-group-solid .input-group-text,.input-group-solid .form-control{
    background:#f4f4f4
}
.input-group-air{
    -webkit-box-shadow:0 3px 20px 0 #efefef;
    box-shadow:0 3px 20px 0 #efefef
}
.icon-addon{
    position:relative;
    color:#4c5667;
    display:block
}
.icon-addon:after{
    display:table;
    content:"";
    clear:both
}
.icon-addon:before{
    display:table;
    content:""
}
.icon-addon .addon-md .form-control{
    padding-left:30px;
    float:left;
    font-weight:normal
}
.icon-addon .form-control{
    padding-left:30px;
    float:left;
    font-weight:normal
}
.pill-input-group span:last-child{
    border-top-right-radius:1.3rem;
    border-bottom-right-radius:1.3rem
}
.pill-input-group span:first-child{
    border-top-left-radius:1.3rem;
    border-bottom-left-radius:1.3rem
}
.form-wizard .tab{
    display:none
}
.form-wizard .btn-mb{
    margin-bottom:30px
}
.form-wizard .step{
    height:10px;
    width:10px;
    margin:0 2px;
    background-color:var(--theme-deafult);
    border:none;
    border-radius:50%;
    display:inline-block;
    opacity:0.5
}
.form-wizard .step.active{
    opacity:1
}
.form-wizard .step.finish{
    background-color:var(--theme-secondary)
}
.stepwizard{
    display:table;
    width:100%;
    position:relative;
    margin-bottom:30px
}
.stepwizard .stepwizard-row{
    display:table-row
}
.stepwizard .stepwizard-row:before{
    top:16px;
    bottom:0;
    position:absolute;
    content:" ";
    width:100%;
    height:1px;
    background-color:#ecf3fa
}
.stepwizard .stepwizard-row .stepwizard-step{
    display:table-cell;
    text-align:center;
    position:relative
}
.stepwizard .stepwizard-row .stepwizard-step p{
    margin-top:10px
}
.stepwizard .stepwizard-row .stepwizard-step button[disabled]{
    opacity:1 !important;
    filter:alpha(opacity=100) !important
}
.f1 fieldset{
    display:none
}
.f1 .input-error{
    border-color:#dc3545
}
.f1 .f1-steps{
    overflow:hidden;
    position:relative;
    margin-top:30px;
    margin-bottom:30px
}
.f1 .f1-steps .f1-progress{
    position:absolute;
    top:24px;
    width:100%;
    height:1px;
    background:#898989
}
.f1 .f1-steps .f1-progress .f1-progress-line{
    height:1px;
    background:var(--theme-deafult);
    width:16%
}
.f1 .f1-steps .f1-step{
    position:relative;
    float:left;
    width:33.333333%;
    text-align:center
}
.f1 .f1-steps .f1-step.activated .f1-step-icon{
    background:#fff;
    border:1px solid var(--theme-deafult);
    color:var(--theme-deafult)
}
.f1 .f1-steps .f1-step.activated p{
    color:var(--theme-deafult)
}
.f1 .f1-steps .f1-step.active .f1-step-icon{
    width:48px;
    height:48px;
    background:var(--theme-deafult);
    font-size:22px;
    line-height:20px
}
.f1 .f1-steps .f1-step.active p{
    color:var(--theme-deafult)
}
.f1 .f1-steps .f1-step p{
    color:#898989
}
.f1 .f1-steps .f1-step .f1-step-icon{
    display:inline-block;
    width:40px;
    height:40px;
    background:#898989;
    font-size:16px;
    color:#fff;
    line-height:20px;
    border-radius:50%
}
.f1 .f1-buttons{
    text-align:right
}
.wizard-4 .action-bar{
    position:absolute;
    bottom:50px;
    right:50px
}
.wizard-4 .action-bar .btn{
    float:right;
    margin:0 5px;
    background-color:#e3e0ff !important;
    border-color:#e3e0ff !important;
    color:var(--theme-deafult)
}
.wizard-4 .action-bar .buttonDisabled{
    color:#59667a;
    background-color:rgba(89,102,122,0.05) !important;
    border:1px solid rgba(89,102,122,0.05) !important;
    cursor:text
}
.wizard-4 .step-container{
    background:#f8f9fe;
    position:relative;
    margin:0;
    padding:0;
    border:0 solid #e8ebf2;
    overflow:hidden;
    clear:right;
    width:70%
}
.wizard-4 .step-container div.content{
    display:block;
    position:absolute;
    float:left;
    height:445px;
    text-align:left;
    overflow:auto;
    z-index:1;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    clear:both
}
.wizard-4 .step-container div.content .wizard-title{
    width:450px;
    margin:0 auto
}
.wizard-4 .loader{
    display:none
}
.wizard-4 .msg-box{
    position:fixed;
    display:none;
    padding:5px 10px;
    background-color:#a299ff;
    top:30px;
    border-radius:5px;
    right:60px;
    padding:10px 20px
}
.wizard-4 .msg-box .content{
    padding:0;
    float:left;
    padding-top:3px;
    color:#fff
}
.wizard-4 .msg-box .close{
    color:#fff;
    margin-left:10px;
    opacity:1;
    font-size:18px;
    line-height:1.4
}
.wizard-4 ul.anchor{
    float:left;
    width:30%;
    height:100vh;
    padding:80px
}
.wizard-4 ul.anchor .disabled{
    opacity:0.7;
    color:#59667a
}
.wizard-4 ul.anchor .disabled h4{
    background-color:rgba(89,102,122,0.15)
}
.wizard-4 ul.anchor .logo{
    padding-bottom:20px
}
.wizard-4 ul.anchor li{
    position:relative;
    display:block;
    margin:0;
    padding:0;
    padding-bottom:19px;
    float:left;
    clear:both;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    z-index:0
}
.wizard-4 ul.anchor li+li a{
    padding-left:80px
}
.wizard-4 ul.anchor li:last-child{
    position:absolute;
    bottom:0
}
.wizard-4 ul.anchor li:last-child img{
    height:300px
}
.wizard-4 ul.anchor li h4{
    display:inline-block;
    background-color:rgba(115,102,255,0.2);
    padding:16px 23px;
    border-radius:100%;
    position:absolute;
    left:0;
    top:6px
}
.wizard-4 ul.anchor li a{
    display:block;
    position:relative;
    float:left;
    margin:0;
    padding:10px 20px;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-decoration:none;
    outline-style:none;
    z-index:1;
    font-size:18px
}
.wizard-4 ul.anchor li a small{
    display:block;
    font-size:14px
}
.wizard-4 ul.anchor li a .stepNumber{
    position:relative;
    float:left;
    width:30px;
    text-align:center;
    padding:5px;
    padding-top:0
}
.wizard-4 ul.anchor li a.done h4{
    color:#fff;
    background:var(--theme-deafult)
}
.wizard-4 ul.anchor li a.done h4:before{
    font-size:12px;
    position:absolute;
    left:5px;
    top:-3px;
    content:"\e64c";
    font-family:'themify';
    background-color:#fff;
    color:var(--theme-deafult);
    border-radius:15px;
    padding:2px;
    border:1px solid
}
.wizard-4 ul.anchor li a.error{
    color:#898989;
    background:#fe8a7d;
    border:1px solid #dc3545
}
.wizard-4 ul.anchor li a.error:hover{
    color:#000
}
.form-space{
    margin-bottom:-10px
}
.form-space>div{
    margin-bottom:10px
}
.theme-form .form-control :focus{
    -webkit-box-shadow:0 0 0 0.2rem rgba(171,140,228,0.05);
    box-shadow:0 0 0 0.2rem rgba(171,140,228,0.05)
}
.theme-form textarea{
    border-color:#efefef
}
.theme-form textarea::-webkit-input-placeholder{
    color:#898989;
    font-size:14px;
    letter-spacing:1px;
    font-weight:100
}
.theme-form input[type=text],.theme-form input[type=email],.theme-form input[type=search],.theme-form input[type=password],.theme-form input[type=number],.theme-form input[type=tel],.theme-form input[type=date],.theme-form input[type=datetime-local],.theme-form input[type=time],.theme-form input[type=datetime-local],.theme-form input[type=month],.theme-form input[type=week],.theme-form input[type=url],.theme-form input[type=file],.theme-form textarea,.theme-form select{
    border-color:#efefef;
    background-color:#fff;
    font-size:14px;
    color:#898989;
    padding:12px 10px;
    -webkit-box-shadow:none;
    box-shadow:none
}
.theme-form input[type=text]::-webkit-input-placeholder,.theme-form input[type=email]::-webkit-input-placeholder,.theme-form input[type=search]::-webkit-input-placeholder,.theme-form input[type=password]::-webkit-input-placeholder,.theme-form input[type=number]::-webkit-input-placeholder,.theme-form input[type=tel]::-webkit-input-placeholder,.theme-form input[type=date]::-webkit-input-placeholder,.theme-form input[type=datetime-local]::-webkit-input-placeholder,.theme-form input[type=time]::-webkit-input-placeholder,.theme-form input[type=datetime-local]::-webkit-input-placeholder,.theme-form input[type=month]::-webkit-input-placeholder,.theme-form input[type=week]::-webkit-input-placeholder,.theme-form input[type=url]::-webkit-input-placeholder,.theme-form input[type=file]::-webkit-input-placeholder,.theme-form textarea::-webkit-input-placeholder,.theme-form select::-webkit-input-placeholder{
    color:#898989;
    font-size:14px;
    letter-spacing:1px;
    font-weight:100
}
.theme-form input[type=file]{
    height:auto
}
.theme-form select.form-control:not([size]):not([multiple]){
    border-color:#efefef;
    font-size:14px
}
.theme-form .checkbox label{
    padding-left:10px
}
.theme-form .form-divider{
    position:relative;
    clear:both;
    height:0;
    margin:30px 0;
    border-top:1px solid #efefef
}
.theme-form .form-divider:before{
    position:absolute;
    top:-11px;
    left:40%;
    margin-left:-10px;
    padding:0 5px;
    content:"Or Signup With";
    color:#242934;
    background:#fff
}
.theme-form .login-divider{
    position:relative;
    clear:both;
    height:0;
    margin:30px 0;
    border-top:1px solid #efefef
}
.theme-form .login-divider:before{
    position:absolute;
    top:-11px;
    left:40%;
    margin-left:-10px;
    padding:0 5px;
    color:#242934;
    background:#fff;
    content:"Or Login With"
}
.theme-form .btn-fb,.theme-form .btn-twitter,.theme-form .btn-google,.theme-form .btn-linkedin{
    color:#fff;
    width:100%
}
.theme-form .btn-fb{
    background-color:#50598e
}
.theme-form .btn-twitter{
    background-color:#6fa2d8
}
.theme-form .btn-google{
    background-color:#c64e40
}
.theme-form .btn-linkedin{
    background-color:#0077B5
}
.form-inline{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:0
}
.form-inline .col-form-label{
    margin-right:5px
}
.search-form .form-group:before{
    position:absolute;
    content:"";
    width:1px;
    height:25px;
    background:#e8ebf2;
    left:82px;
    top:50px
}
.search-form .form-group:after{
    position:absolute;
    content:"\f002";
    font-family:"FontAwesome";
    top:53px;
    left:53px;
    color:#8e8e8e
}
.search-form input{
    border:1px solid #efefef;
    padding:10px 10px 10px 70px;
    border-radius:10px;
    background-color:rgba(244,244,244,0.3)
}
.search-form input:focus{
    outline:none !important
}
.form-label-align-right label{
    text-align:right;
    padding-top:17px;
    font-weight:500
}
.form-builder-column #pills-tabContent .theme-form .form-group,.form-builder-column #pills-tabContent .theme-form .ui-draggable{
    margin-bottom:0 !important
}
.form-builder-column #pills-tabContent .theme-form .form-group .checkbox label,.form-builder-column #pills-tabContent .theme-form .ui-draggable .checkbox label{
    margin-top:0
}
.form-builder-column #pills-tabContent .theme-form .form-group input,.form-builder-column #pills-tabContent .theme-form .ui-draggable input{
    border-radius:4px
}
.form-builder-column #pills-tabContent .theme-form .form-group .input-group #prependedcheckbox,.form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group #prependedcheckbox{
    margin-right:0;
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.form-builder-column #pills-tabContent .theme-form .form-group .input-group input,.form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group input{
    margin-right:15px
}
.form-builder-column #pills-tabContent .theme-form .form-group .input-group .input-group-prepend .input-group-text input,.form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group .input-group-prepend .input-group-text input{
    margin-right:0
}
.form-builder-column #pills-tabContent .theme-form .form-group .input-group .input-group-btn button,.form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group .input-group-btn button{
    border-radius:4px
}
.form-builder-column #pills-tabContent .theme-form .form-group select,.form-builder-column #pills-tabContent .theme-form .ui-draggable select{
    border-radius:4px
}
.form-builder-column #pills-tabContent .theme-form .form-group .m-t-help-block,.form-builder-column #pills-tabContent .theme-form .ui-draggable .m-t-help-block{
    margin-top:-3px
}
.form-builder-column #pills-tabContent #pills-button .theme-form button{
    margin-bottom:6px
}
.form-builder-column .droppable-active{
    background-color:rgba(115,102,255,0.2) !important;
    opacity:0.1
}
.form-builder-column .form-body{
    min-height:540px
}
.form-builder-column .draggable{
    cursor:move
}
.form-builder-column .drag-bx{
    border:1px dotted #ecf3fa;
    border-radius:4px
}
.form-builder-column .tools a{
    cursor:pointer;
    font-size:80%
}
.ui-front textarea{
    font-family:Rubik,sans-serif !important
}
.form-builder-2 .form-group .checkbox label{
    margin-top:0
}
.form-builder-2 .form-group input{
    border-radius:4px
}
.form-builder-2 .form-group .input-group #prependedcheckbox{
    margin-right:0;
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.form-builder-2 .form-group .input-group input{
    margin-right:15px
}
.form-builder-2 .form-group .input-group .input-group-prepend .input-group-text input{
    margin-right:0
}
.form-builder-2 .form-group .input-group .input-group-btn button{
    border-radius:4px
}
.form-builder-2 .form-group select{
    border-radius:4px
}
.form-builder-2 .form-group .m-t-help-block{
    margin-top:-3px
}
.form-builder-2-header{
    background-color:#f4f4f4;
    padding:15px;
    border-radius:5px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:30px
}
.form-builder-2-header>div{
    display:inline-block;
    width:49%
}
.form-builder-2-header>div nav{
    text-align:right;
    float:right
}
.draggable input{
    border-radius:5px
}
.draggable select{
    border-radius:4px
}
.icon-lists div{
    cursor:pointer;
    line-height:60px;
    white-space:nowrap;
    border-radius:4px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.icon-lists div:hover{
    background-color:#fafafa
}
.icon-lists div i{
    margin:0 15px 0 10px;
    font-size:24px
}
.icon-lists.whether-icon svg{
    height:50px;
    width:50px
}
.icon-lists.feather-icons .media svg{
    margin:0 15px 0 10px
}
.icon-lists .feather-icon .icon-first h6{
    display:none
}
.flag-icons,.feather-icons{
    margin-bottom:-15px;
    margin-top:-15px
}
.flag-icons div,.feather-icons div{
    line-height:1;
    word-wrap:break-word;
    overflow:auto
}
.flag-icons div .flag-icon,.feather-icons div .flag-icon{
    height:50px;
    width:50px
}
.flag-icons div .media,.feather-icons div .media{
    padding-top:15px;
    padding-bottom:15px;
    width:100%
}
.flag-icons div .media-body h6,.feather-icons div .media-body h6{
    margin-bottom:0;
    font-size:14px;
    font-weight:400;
    max-width:100%;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.flag-icons div .media-body h5,.feather-icons div .media-body h5{
    background-color:var(--theme-deafult);
    display:inline-block;
    padding:3px 5px;
    font-size:11px;
    border-radius:3px;
    margin-bottom:5px;
    margin-right:5px;
    color:#fff
}
.icon-hover-bottom{
    background-color:#fdfeff;
    width:100%;
    bottom:0;
    left:0;
    -webkit-box-shadow:0px 0px 1px 1px #f4f4f4;
    box-shadow:0px 0px 1px 1px #f4f4f4;
    z-index:999
}
.icon-hover-bottom .icon-popup{
    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;
    width:100%;
    padding:20px
}
.icon-hover-bottom .icon-popup .close-icon{
    position:absolute;
    right:10px;
    top:10px;
    font-size:20px;
    color:#ccc;
    cursor:pointer
}
.icon-hover-bottom .icon-popup>div{
    display:inline-block
}
.icon-hover-bottom .icon-popup>div .flag-icon{
    width:60px;
    height:60px
}
.icon-hover-bottom .icon-popup .icon-class{
    margin:0 20px;
    cursor:pointer
}
.icon-hover-bottom .icon-popup .icon-last .form-inline .form-group{
    display:initial
}
.icon-hover-bottom .icon-title{
    display:block;
    color:#2c323f;
    text-transform:uppercase;
    font-weight:500
}
.icon-hover-bottom span,.icon-hover-bottom label,.icon-hover-bottom .btn{
    font-family:Roboto,sans-serif
}
.icon-hover-bottom .form-group input{
    display:inline-block;
    width:300px;
    background-color:#fff;
    font-family:Roboto,sans-serif
}
.fa-fa-icon-show-div,.icons-show-div{
    display:none
}
.icon-first i{
    color:#898989
}
.icon-first h6{
    display:none
}
.list-group-item.active{
    background-color:var(--theme-deafult);
    border-color:var(--theme-deafult)
}
.list-group i{
    margin-right:10px
}
.list-group img{
    height:40px;
    width:40px;
    margin-right:10px
}
.loader-wrapper{
    height:100%;
    width:100%;
    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:fixed;
    background-color:#fff;
    z-index:11;
    top:0
}
.loader-wrapper .loader-index{
    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:relative;
    -webkit-filter:url("#goo");
    filter:url("#goo")
}
.loader-wrapper .loader-index:after{
    content:"";
    width:4em;
    height:4em;
    background:var(--theme-deafult);
    border-radius:50%;
    position:absolute;
    -webkit-transform:scale(0.5);
    transform:scale(0.5);
    -webkit-animation:grow 2s cubic-bezier(0.14, 0.05, 0.55, 0.5) infinite alternate;
    animation:grow 2s cubic-bezier(0.14, 0.05, 0.55, 0.5) infinite alternate
}
.loader-wrapper .loader-index span{
    width:2em;
    height:2em;
    background:var(--theme-secondary);
    border-radius:50%;
    margin-right:2em;
    position:relative;
    -webkit-transform:translateX(7em);
    transform:translateX(7em);
    -webkit-animation:move 4s ease-in-out infinite;
    animation:move 4s ease-in-out infinite
}
.loader-wrapper .loader-index span:before{
    content:"";
    width:2em;
    height:2em;
    background:var(--theme-deafult);
    border-radius:50%;
    position:absolute;
    left:3em;
    -webkit-transform:translateX(0em);
    transform:translateX(0em);
    -webkit-animation:shrink 2s ease-in-out infinite;
    animation:shrink 2s ease-in-out infinite
}
.loader-wrapper .loader-index span:after{
    content:"";
    width:2em;
    height:2em;
    background:#a927f9;
    border-radius:50%;
    position:absolute;
    right:3em;
    -webkit-transform:translateX(0em);
    transform:translateX(0em);
    -webkit-animation:shrink 2s ease-in-out infinite;
    animation:shrink 2s ease-in-out infinite
}
@-webkit-keyframes grow{
    0%{
        -webkit-transform:scale(0.5);
        transform:scale(0.5);
        background:#a927f9
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1);
        background:var(--theme-secondary)
    }
}
@keyframes grow{
    0%{
        -webkit-transform:scale(0.5);
        transform:scale(0.5);
        background:#a927f9
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1);
        background:var(--theme-secondary)
    }
}
@-webkit-keyframes move{
    0%{
        -webkit-transform:translateX(7em);
        transform:translateX(7em)
    }
    50%{
        -webkit-transform:translateX(-5em);
        transform:translateX(-5em)
    }
}
@keyframes move{
    0%{
        -webkit-transform:translateX(7em);
        transform:translateX(7em)
    }
    50%{
        -webkit-transform:translateX(-5em);
        transform:translateX(-5em)
    }
}
@-webkit-keyframes shrink{
    0%{
        -webkit-transform:translateX(0em);
        transform:translateX(0em)
    }
    50%{
        -webkit-transform:translateX(-1em);
        transform:translateX(-1em)
    }
}
@keyframes shrink{
    0%{
        -webkit-transform:translateX(0em);
        transform:translateX(0em)
    }
    50%{
        -webkit-transform:translateX(-1em);
        transform:translateX(-1em)
    }
}
.loader-wrapper svg{
    width:0;
    height:0
}
.loader-wrapper body{
    font-family:sans;
    min-height:100vh;
    margin:0;
    display:grid;
    place-content:center;
    background:black
}
.loader-wrapper h1{
    color:#fff;
    text-align:center;
    margin-bottom:2em;
    letter-spacing:3px;
    position:relative;
    z-index:2
}
.loader-wrapper h1:before{
    position:absolute;
    content:"";
    height:1px;
    background:-webkit-gradient(linear, left top, right top, from(var(--theme-secondary)), color-stop(var(--theme-deafult)), to(#a927f9));
    background:linear-gradient(to right, var(--theme-secondary), var(--theme-deafult), #a927f9);
    color:#fff;
    top:2.75em;
    left:0.75em;
    width:2.5em;
    font-weight:400;
    font-variant:small-caps;
    font-size:0.5em
}
.loader-box{
    height:150px;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    vertical-align:middle;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-transition:.3s color, .3s border, .3s transform, .3s opacity;
    transition:.3s color, .3s border, .3s transform, .3s opacity
}
.loader-box [class*="loader-"]{
    display:inline-block;
    width:50px;
    height:50px;
    color:inherit;
    vertical-align:middle
}
.loader-box .loader-1{
    border:0.2em dotted var(--theme-deafult);
    border-radius:50%;
    -webkit-animation:1s loader-01 linear infinite;
    animation:1s loader-01 linear infinite
}
@-webkit-keyframes loader-01{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-01{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loader-box .loader-2{
    border:.2em solid transparent;
    border-left-color:var(--theme-deafult);
    border-right-color:var(--theme-deafult);
    border-radius:50%;
    -webkit-animation:1s loader-02 linear infinite;
    animation:1s loader-02 linear infinite
}
@-webkit-keyframes loader-02{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-02{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loader-box .loader-3{
    border:0.2em solid #a927f9;
    border-bottom-color:transparent;
    border-radius:50%;
    -webkit-animation:1s loader-03 linear infinite;
    animation:1s loader-03 linear infinite;
    position:relative
}
@-webkit-keyframes loader-03{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-03{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loader-box .loader-4{
    border:1px solid #a927f9;
    border-radius:50%;
    -webkit-animation:1s loader-04 linear infinite;
    animation:1s loader-04 linear infinite;
    position:relative
}
.loader-box .loader-4:before{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    top:-.2em;
    left:50%;
    border:0.2em solid #a927f9;
    border-radius:50%
}
@-webkit-keyframes loader-04{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-04{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loader-box .loader-5{
    border:.2em solid transparent;
    border-top-color:#f8d62b;
    border-radius:50%;
    -webkit-animation:1s loader-05 linear infinite;
    animation:1s loader-05 linear infinite;
    position:relative
}
.loader-box .loader-5:before{
    content:'';
    display:block;
    width:inherit;
    height:inherit;
    position:absolute;
    top:-.2em;
    left:-.2em;
    border:0.2em solid #f8d62b;
    border-radius:50%;
    opacity:.5
}
@-webkit-keyframes loader-05{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-05{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loader-box .loader-6{
    border:0.2em solid #dc3545;
    border-radius:50%;
    -webkit-animation:loader-06 1s ease-out infinite;
    animation:loader-06 1s ease-out infinite
}
@-webkit-keyframes loader-06{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@keyframes loader-06{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
.loader-box .loader-7{
    border:0 solid transparent;
    border-radius:50%;
    position:relative
}
.loader-box .loader-7:before,.loader-box .loader-7:after{
    content:'';
    border:0.2em solid var(--theme-deafult);
    border-radius:50%;
    width:inherit;
    height:inherit;
    position:absolute;
    top:0;
    left:0;
    -webkit-animation:loader-07 1s linear infinite;
    animation:loader-07 1s linear infinite;
    opacity:0
}
.loader-box .loader-7:before{
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.loader-box .loader-7:after{
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
@-webkit-keyframes loader-07{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@keyframes loader-07{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
.loader-box .loader-8{
    position:relative
}
.loader-box .loader-8:before,.loader-box .loader-8:after{
    content:'';
    width:inherit;
    height:inherit;
    border-radius:50%;
    background-color:var(--theme-secondary);
    opacity:0.6;
    position:absolute;
    top:0;
    left:0;
    -webkit-animation:loader-08 2.0s infinite ease-in-out;
    animation:loader-08 2.0s infinite ease-in-out
}
.loader-box .loader-8:after{
    -webkit-animation-delay:-1.0s;
    animation-delay:-1.0s
}
@-webkit-keyframes loader-08{
    0%,100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes loader-08{
    0%,100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.loader-box .loader-9{
    background-color:#a927f9;
    border-radius:50%;
    -webkit-animation:loader-09 1.0s infinite ease-in-out;
    animation:loader-09 1.0s infinite ease-in-out
}
@-webkit-keyframes loader-09{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@keyframes loader-09{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
.loader-box .loader-10{
    position:relative;
    -webkit-animation:loader-10-1 2.0s infinite linear;
    animation:loader-10-1 2.0s infinite linear
}
.loader-box .loader-10:before,.loader-box .loader-10:after{
    content:'';
    width:0;
    height:0;
    border:0.5em solid #a927f9;
    display:block;
    position:absolute;
    border-radius:100%;
    -webkit-animation:loader-10-2 2s infinite ease-in-out;
    animation:loader-10-2 2s infinite ease-in-out
}
.loader-box .loader-10:before{
    top:0;
    left:50%
}
.loader-box .loader-10:after{
    bottom:0;
    right:50%;
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
@-webkit-keyframes loader-10-1{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-10-1{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes loader-10-2{
    0%,100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes loader-10-2{
    0%,100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.loader-box .loader-11{
    background-color:#f8d62b;
    -webkit-animation:loader-11 1.2s infinite ease-in-out;
    animation:loader-11 1.2s infinite ease-in-out
}
@-webkit-keyframes loader-11{
    0%{
        -webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
        transform:perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50%{
        -webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100%{
        -webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}
@keyframes loader-11{
    0%{
        -webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
        transform:perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50%{
        -webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100%{
        -webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}
.loader-box .loader-12{
    position:relative
}
.loader-box .loader-12:before,.loader-box .loader-12:after{
    content:'';
    display:block;
    position:absolute;
    background-color:#dc3545;
    left:50%;
    right:0;
    top:0;
    bottom:50%;
    -webkit-box-shadow:-0.5em 0 0 #dc3545;
    box-shadow:-0.5em 0 0 #dc3545;
    -webkit-animation:loader-12 1s linear infinite;
    animation:loader-12 1s linear infinite
}
.loader-box .loader-12:after{
    top:50%;
    bottom:0;
    -webkit-animation-delay:.25s;
    animation-delay:.25s
}
@-webkit-keyframes loader-12{
    0%,100%{
        -webkit-box-shadow:-.5em 0 0 transparent;
        box-shadow:-.5em 0 0 transparent;
        background-color:#dc3545
    }
    50%{
        -webkit-box-shadow:-0.5em 0 0 #dc3545;
        box-shadow:-0.5em 0 0 #dc3545;
        background-color:transparent
    }
}
@keyframes loader-12{
    0%,100%{
        -webkit-box-shadow:-.5em 0 0 transparent;
        box-shadow:-.5em 0 0 transparent;
        background-color:#dc3545
    }
    50%{
        -webkit-box-shadow:-0.5em 0 0 #dc3545;
        box-shadow:-0.5em 0 0 #dc3545;
        background-color:transparent
    }
}
.loader-box .loader-13:before,.loader-box .loader-13:after,.loader-box .loader-13{
    border-radius:50%;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:loader-13 1.8s infinite ease-in-out;
    animation:loader-13 1.8s infinite ease-in-out
}
.loader-box .loader-13{
    color:var(--theme-deafult);
    position:relative;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-animation-delay:-0.16s;
    animation-delay:-0.16s;
    top:-1em
}
.loader-box .loader-13:before{
    right:100%;
    -webkit-animation-delay:-0.32s;
    animation-delay:-0.32s
}
.loader-box .loader-13:after{
    left:100%
}
.loader-box .loader-13:before,.loader-box .loader-13:after{
    content:'';
    display:block;
    position:absolute;
    top:0;
    width:inherit;
    height:inherit
}
@-webkit-keyframes loader-13{
    0%,80%,100%{
        -webkit-box-shadow:0 1em 0 -1em;
        box-shadow:0 1em 0 -1em
    }
    40%{
        -webkit-box-shadow:0 1em 0 -.2em;
        box-shadow:0 1em 0 -.2em
    }
}
@keyframes loader-13{
    0%,80%,100%{
        -webkit-box-shadow:0 1em 0 -1em;
        box-shadow:0 1em 0 -1em
    }
    40%{
        -webkit-box-shadow:0 1em 0 -.2em;
        box-shadow:0 1em 0 -.2em
    }
}
.loader-box .loader-14{
    border-radius:50%;
    -webkit-box-shadow:0 1em 0 -0.2em var(--theme-secondary);
    box-shadow:0 1em 0 -0.2em var(--theme-secondary);
    position:relative;
    -webkit-animation:loader-14 0.8s ease-in-out alternate infinite;
    animation:loader-14 0.8s ease-in-out alternate infinite;
    -webkit-animation-delay:0.32s;
    animation-delay:0.32s;
    top:-1em
}
.loader-box .loader-14:after,.loader-box .loader-14:before{
    content:'';
    position:absolute;
    width:inherit;
    height:inherit;
    border-radius:inherit;
    -webkit-box-shadow:inherit;
    box-shadow:inherit;
    -webkit-animation:inherit;
    animation:inherit
}
.loader-box .loader-14:before{
    left:-1em;
    -webkit-animation-delay:0.48s;
    animation-delay:0.48s
}
.loader-box .loader-14:after{
    right:-1em;
    -webkit-animation-delay:0.16s;
    animation-delay:0.16s
}
@-webkit-keyframes loader-14{
    0%{
        -webkit-box-shadow:0 2em 0 -0.2em var(--theme-secondary);
        box-shadow:0 2em 0 -0.2em var(--theme-secondary)
    }
    100%{
        -webkit-box-shadow:0 1em 0 -0.2em var(--theme-secondary);
        box-shadow:0 1em 0 -0.2em var(--theme-secondary)
    }
}
@keyframes loader-14{
    0%{
        -webkit-box-shadow:0 2em 0 -0.2em var(--theme-secondary);
        box-shadow:0 2em 0 -0.2em var(--theme-secondary)
    }
    100%{
        -webkit-box-shadow:0 1em 0 -0.2em var(--theme-secondary);
        box-shadow:0 1em 0 -0.2em var(--theme-secondary)
    }
}
.loader-box .loader-15{
    background:#a927f9;
    position:relative;
    -webkit-animation:loader-15 1s ease-in-out infinite;
    animation:loader-15 1s ease-in-out infinite;
    -webkit-animation-delay:0.4s;
    animation-delay:0.4s;
    width:.25em;
    height:.5em;
    margin:0 .5em
}
.loader-box .loader-15:after,.loader-box .loader-15:before{
    content:'';
    position:absolute;
    width:inherit;
    height:inherit;
    background:inherit;
    -webkit-animation:inherit;
    animation:inherit
}
.loader-box .loader-15:before{
    right:.5em;
    -webkit-animation-delay:0.2s;
    animation-delay:0.2s
}
.loader-box .loader-15:after{
    left:.5em;
    -webkit-animation-delay:0.6s;
    animation-delay:0.6s
}
@-webkit-keyframes loader-15{
    0%,100%{
        -webkit-box-shadow:0 0 0 #a927f9,0 0 0 #a927f9;
        box-shadow:0 0 0 #a927f9,0 0 0 #a927f9
    }
    50%{
        -webkit-box-shadow:0 -0.25em 0 #a927f9,0 0.25em 0 #a927f9;
        box-shadow:0 -0.25em 0 #a927f9,0 0.25em 0 #a927f9
    }
}
@keyframes loader-15{
    0%,100%{
        -webkit-box-shadow:0 0 0 #a927f9,0 0 0 #a927f9;
        box-shadow:0 0 0 #a927f9,0 0 0 #a927f9
    }
    50%{
        -webkit-box-shadow:0 -0.25em 0 #a927f9,0 0.25em 0 #a927f9;
        box-shadow:0 -0.25em 0 #a927f9,0 0.25em 0 #a927f9
    }
}
.loader-box .loader-16{
    -webkit-transform:rotateZ(45deg);
    transform:rotateZ(45deg);
    -webkit-perspective:1000px;
    perspective:1000px;
    border-radius:50%
}
.loader-box .loader-16:before,.loader-box .loader-16:after{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:inherit;
    height:inherit;
    border-radius:50%;
    -webkit-animation:1s spin linear infinite;
    animation:1s spin linear infinite
}
.loader-box .loader-16:before{
    -webkit-transform:rotateX(70deg);
    transform:rotateX(70deg)
}
.loader-box .loader-16:after{
    -webkit-transform:rotateY(70deg);
    transform:rotateY(70deg);
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
@-webkit-keyframes rotate{
    0%{
        -webkit-transform:translate(-50%, -50%) rotateZ(0deg);
        transform:translate(-50%, -50%) rotateZ(0deg)
    }
    100%{
        -webkit-transform:translate(-50%, -50%) rotateZ(360deg);
        transform:translate(-50%, -50%) rotateZ(360deg)
    }
}
@keyframes rotate{
    0%{
        -webkit-transform:translate(-50%, -50%) rotateZ(0deg);
        transform:translate(-50%, -50%) rotateZ(0deg)
    }
    100%{
        -webkit-transform:translate(-50%, -50%) rotateZ(360deg);
        transform:translate(-50%, -50%) rotateZ(360deg)
    }
}
@-webkit-keyframes rotateccw{
    0%{
        -webkit-transform:translate(-50%, -50%) rotate(0deg);
        transform:translate(-50%, -50%) rotate(0deg)
    }
    100%{
        -webkit-transform:translate(-50%, -50%) rotate(-360deg);
        transform:translate(-50%, -50%) rotate(-360deg)
    }
}
@keyframes rotateccw{
    0%{
        -webkit-transform:translate(-50%, -50%) rotate(0deg);
        transform:translate(-50%, -50%) rotate(0deg)
    }
    100%{
        -webkit-transform:translate(-50%, -50%) rotate(-360deg);
        transform:translate(-50%, -50%) rotate(-360deg)
    }
}
@-webkit-keyframes spin{
    0%,100%{
        -webkit-box-shadow:0.2em 0px 0 0px #a927f9;
        box-shadow:0.2em 0px 0 0px #a927f9
    }
    12%{
        -webkit-box-shadow:0.2em 0.2em 0 0 #a927f9;
        box-shadow:0.2em 0.2em 0 0 #a927f9
    }
    25%{
        -webkit-box-shadow:0 0.2em 0 0px #a927f9;
        box-shadow:0 0.2em 0 0px #a927f9
    }
    37%{
        -webkit-box-shadow:-0.2em 0.2em 0 0 #a927f9;
        box-shadow:-0.2em 0.2em 0 0 #a927f9
    }
    50%{
        -webkit-box-shadow:-0.2em 0 0 0 #a927f9;
        box-shadow:-0.2em 0 0 0 #a927f9
    }
    62%{
        -webkit-box-shadow:-0.2em -0.2em 0 0 #a927f9;
        box-shadow:-0.2em -0.2em 0 0 #a927f9
    }
    75%{
        -webkit-box-shadow:0px -0.2em 0 0 #a927f9;
        box-shadow:0px -0.2em 0 0 #a927f9
    }
    87%{
        -webkit-box-shadow:0.2em -0.2em 0 0 #a927f9;
        box-shadow:0.2em -0.2em 0 0 #a927f9
    }
}
@keyframes spin{
    0%,100%{
        -webkit-box-shadow:0.2em 0px 0 0px #a927f9;
        box-shadow:0.2em 0px 0 0px #a927f9
    }
    12%{
        -webkit-box-shadow:0.2em 0.2em 0 0 #a927f9;
        box-shadow:0.2em 0.2em 0 0 #a927f9
    }
    25%{
        -webkit-box-shadow:0 0.2em 0 0px #a927f9;
        box-shadow:0 0.2em 0 0px #a927f9
    }
    37%{
        -webkit-box-shadow:-0.2em 0.2em 0 0 #a927f9;
        box-shadow:-0.2em 0.2em 0 0 #a927f9
    }
    50%{
        -webkit-box-shadow:-0.2em 0 0 0 #a927f9;
        box-shadow:-0.2em 0 0 0 #a927f9
    }
    62%{
        -webkit-box-shadow:-0.2em -0.2em 0 0 #a927f9;
        box-shadow:-0.2em -0.2em 0 0 #a927f9
    }
    75%{
        -webkit-box-shadow:0px -0.2em 0 0 #a927f9;
        box-shadow:0px -0.2em 0 0 #a927f9
    }
    87%{
        -webkit-box-shadow:0.2em -0.2em 0 0 #a927f9;
        box-shadow:0.2em -0.2em 0 0 #a927f9
    }
}
.loader-box .loader-17{
    position:relative;
    background-color:#f8d62b;
    border-radius:50%
}
.loader-box .loader-17:after,.loader-box .loader-17:before{
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    border-radius:50%;
    opacity:.8
}
.loader-box .loader-17:after{
    left:-.5em;
    top:-.25em;
    background-color:#f8d62b;
    -webkit-transform-origin:30px 35px;
    transform-origin:30px 35px;
    -webkit-animation:loader-17 1s linear infinite;
    animation:loader-17 1s linear infinite;
    opacity:.6
}
.loader-box .loader-17:before{
    left:-1.25em;
    top:-.75em;
    background-color:#f8d62b;
    -webkit-transform-origin:40px 40px;
    transform-origin:40px 40px;
    -webkit-animation:loader-17 2s linear infinite;
    animation:loader-17 2s linear infinite
}
@-webkit-keyframes loader-17{
    0%{
        -webkit-transform:rotateZ(0deg) translate3d(0, 0, 0);
        transform:rotateZ(0deg) translate3d(0, 0, 0)
    }
    100%{
        -webkit-transform:rotateZ(360deg) translate3d(0, 0, 0);
        transform:rotateZ(360deg) translate3d(0, 0, 0)
    }
}
@keyframes loader-17{
    0%{
        -webkit-transform:rotateZ(0deg) translate3d(0, 0, 0);
        transform:rotateZ(0deg) translate3d(0, 0, 0)
    }
    100%{
        -webkit-transform:rotateZ(360deg) translate3d(0, 0, 0);
        transform:rotateZ(360deg) translate3d(0, 0, 0)
    }
}
.loader-box .loader-18{
    position:relative
}
.loader-box .loader-18:before,.loader-box .loader-18:after{
    content:'';
    display:block;
    position:absolute;
    border-radius:50%;
    border:.1em solid transparent;
    border-bottom-color:#dc3545;
    top:0;
    left:0;
    -webkit-animation:1s loader-18 linear infinite;
    animation:1s loader-18 linear infinite
}
.loader-box .loader-18:before{
    width:40px;
    height:40px
}
.loader-box .loader-18:after{
    width:30px;
    height:30px;
    top:.1em;
    left:.1em;
    animation-direction:reverse
}
@-webkit-keyframes loader-18{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-18{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loader-box .loader-19{
    border-top:0.2em solid var(--theme-deafult);
    border-right:.2em solid transparent;
    -webkit-animation:loader-19 1s linear infinite;
    animation:loader-19 1s linear infinite;
    border-radius:100%;
    position:relative
}
@-webkit-keyframes loader-19{
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-19{
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loader-box .loader-20{
    background-color:transparent;
    -webkit-box-shadow:inset 0px 0px 0px 0.1em var(--theme-secondary);
    box-shadow:inset 0px 0px 0px 0.1em var(--theme-secondary);
    border-radius:50%;
    position:relative
}
.loader-box .loader-20:after,.loader-box .loader-20:before{
    position:absolute;
    content:"";
    background-color:var(--theme-secondary);
    top:24px;
    left:24px;
    height:.1em;
    -webkit-transform-origin:left center;
    transform-origin:left center
}
.loader-box .loader-20:after{
    width:.4em;
    -webkit-animation:loader-20 2s linear infinite;
    animation:loader-20 2s linear infinite
}
.loader-box .loader-20:before{
    width:20px;
    -webkit-animation:loader-20 8s linear infinite;
    animation:loader-20 8s linear infinite
}
@-webkit-keyframes loader-20{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-20{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loader-box .loader-21{
    position:relative
}
.loader-box .loader-21:before,.loader-box .loader-21:after{
    position:absolute;
    content:""
}
.loader-box .loader-21:before{
    width:80%;
    height:80%;
    left:10%;
    bottom:10%;
    border-radius:100% 100% 100% 0;
    -webkit-box-shadow:0px 0px 0px 0.1em #a927f9;
    box-shadow:0px 0px 0px 0.1em #a927f9;
    -webkit-animation:loader-21 1s linear infinite;
    animation:loader-21 1s linear infinite;
    -webkit-transform:rotate(-46deg);
    transform:rotate(-46deg)
}
.loader-box .loader-21:after{
    width:1em;
    height:.3em;
    border-radius:100%;
    left:0;
    background-color:rgba(255,255,255,0.2);
    bottom:-.2em;
    z-index:-1
}
@-webkit-keyframes loader-21{
    0%{
        top:0
    }
    50%{
        top:-5px
    }
    100%{
        top:0
    }
}
@keyframes loader-21{
    0%{
        top:0
    }
    50%{
        top:-5px
    }
    100%{
        top:0
    }
}
.loader-box .loader-22{
    border:0.1em #a927f9 solid;
    border-radius:100%;
    position:relative;
    overflow:hidden;
    z-index:1
}
.loader-box .loader-22:after,.loader-box .loader-22:before{
    position:absolute;
    content:"";
    background-color:#a927f9
}
.loader-box .loader-22:after{
    width:50%;
    height:.1em;
    left:50%;
    top:50%;
    -webkit-transform-origin:left center;
    transform-origin:left center;
    -webkit-animation:loader-22 2s linear infinite alternate;
    animation:loader-22 2s linear infinite alternate
}
.loader-box .loader-22:before{
    width:100%;
    height:40%;
    left:0;
    bottom:0
}
@-webkit-keyframes loader-22{
    0%{
        -webkit-transform:rotate(-160deg);
        transform:rotate(-160deg)
    }
    100%{
        -webkit-transform:rotate(-20deg);
        transform:rotate(-20deg)
    }
}
@keyframes loader-22{
    0%{
        -webkit-transform:rotate(-160deg);
        transform:rotate(-160deg)
    }
    100%{
        -webkit-transform:rotate(-20deg);
        transform:rotate(-20deg)
    }
}
.loader-box .loader-23{
    height:.5em;
    border:0.1em #f8d62b solid;
    border-radius:.1em;
    position:relative;
    -webkit-animation:loader-23 5s linear infinite;
    animation:loader-23 5s linear infinite
}
.loader-box .loader-23:after{
    width:.07em;
    height:100%;
    background-color:#f8d62b;
    border-radius:0px .5em .5em 0px;
    position:absolute;
    content:"";
    top:0;
    left:calc(100% + .1em)
}
@-webkit-keyframes loader-23{
    0%{
        -webkit-box-shadow:inset 0px 0px 0px #f8d62b;
        box-shadow:inset 0px 0px 0px #f8d62b
    }
    100%{
        -webkit-box-shadow:inset 1em 0px 0px #f8d62b;
        box-shadow:inset 1em 0px 0px #f8d62b
    }
}
@keyframes loader-23{
    0%{
        -webkit-box-shadow:inset 0px 0px 0px #f8d62b;
        box-shadow:inset 0px 0px 0px #f8d62b
    }
    100%{
        -webkit-box-shadow:inset 1em 0px 0px #f8d62b;
        box-shadow:inset 1em 0px 0px #f8d62b
    }
}
.loader-box .loader-24{
    width:.8em;
    height:1em;
    border:0.1em #dc3545 solid;
    border-radius:0px 0px .2em .2em;
    position:relative
}
.loader-box .loader-24:after,.loader-box .loader-24:before{
    position:absolute;
    content:""
}
.loader-box .loader-24:after{
    width:.2em;
    height:50%;
    border:0.1em #dc3545 solid;
    border-left:none;
    border-radius:0px .5em .5em 0px;
    left:calc(100% + .1em);
    top:.1em
}
.loader-box .loader-24:before{
    width:.1em;
    height:.3em;
    background-color:#dc3545;
    top:-.3em;
    left:.05em;
    -webkit-box-shadow:0.2em 0px 0px 0px #dc3545,0.2em -0.2em 0px 0px #dc3545,0.4em 0px 0px 0px #dc3545;
    box-shadow:0.2em 0px 0px 0px #dc3545,0.2em -0.2em 0px 0px #dc3545,0.4em 0px 0px 0px #dc3545;
    -webkit-animation:loader-24 1s linear infinite alternate;
    animation:loader-24 1s linear infinite alternate
}
@-webkit-keyframes loader-24{
    0%{
        height:0px
    }
    100%{
        height:6px
    }
}
@keyframes loader-24{
    0%{
        height:0px
    }
    100%{
        height:6px
    }
}
.loader-box .loader-25{
    border:0.1em var(--theme-deafult) solid;
    position:relative;
    -webkit-animation:loader-25-1 5s linear infinite;
    animation:loader-25-1 5s linear infinite
}
.loader-box .loader-25:after{
    width:.2em;
    height:.2em;
    position:absolute;
    content:"";
    background-color:var(--theme-deafult);
    bottom:calc(100% + .2em);
    left:-.4em;
    -webkit-animation:loader-25-2 1s ease-in-out infinite;
    animation:loader-25-2 1s ease-in-out infinite
}
@-webkit-keyframes loader-25-1{
    0%{
        -webkit-box-shadow:inset 0 0 0 0 var(--theme-deafult);
        box-shadow:inset 0 0 0 0 var(--theme-deafult)
    }
    100%{
        -webkit-box-shadow:inset 0 -1em 0 0 var(--theme-deafult);
        box-shadow:inset 0 -1em 0 0 var(--theme-deafult)
    }
}
@keyframes loader-25-1{
    0%{
        -webkit-box-shadow:inset 0 0 0 0 var(--theme-deafult);
        box-shadow:inset 0 0 0 0 var(--theme-deafult)
    }
    100%{
        -webkit-box-shadow:inset 0 -1em 0 0 var(--theme-deafult);
        box-shadow:inset 0 -1em 0 0 var(--theme-deafult)
    }
}
@-webkit-keyframes loader-25-2{
    25%{
        left:calc(100% + .2em);
        bottom:calc(100% + .2em)
    }
    50%{
        left:calc(100% + .2em);
        bottom:-.4em
    }
    75%{
        left:-.4em;
        bottom:-.4em
    }
    100%{
        left:-.4em;
        bottom:calc(100% + .2em)
    }
}
@keyframes loader-25-2{
    25%{
        left:calc(100% + .2em);
        bottom:calc(100% + .2em)
    }
    50%{
        left:calc(100% + .2em);
        bottom:-.4em
    }
    75%{
        left:-.4em;
        bottom:-.4em
    }
    100%{
        left:-.4em;
        bottom:calc(100% + .2em)
    }
}
.loader-box .loader-26{
    width:.5em;
    height:.5em;
    background-color:var(--theme-secondary);
    -webkit-box-shadow:1em 0px 0px var(--theme-secondary);
    box-shadow:1em 0px 0px var(--theme-secondary);
    border-radius:50%;
    -webkit-animation:loader-26 1s ease-in-out infinite alternate;
    animation:loader-26 1s ease-in-out infinite alternate
}
@-webkit-keyframes loader-26{
    0%{
        opacity:0.1;
        -webkit-transform:rotate(0deg) scale(0.5);
        transform:rotate(0deg) scale(0.5)
    }
    100%{
        opacity:1;
        -webkit-transform:rotate(360deg) scale(1.2);
        transform:rotate(360deg) scale(1.2)
    }
}
@keyframes loader-26{
    0%{
        opacity:0.1;
        -webkit-transform:rotate(0deg) scale(0.5);
        transform:rotate(0deg) scale(0.5)
    }
    100%{
        opacity:1;
        -webkit-transform:rotate(360deg) scale(1.2);
        transform:rotate(360deg) scale(1.2)
    }
}
.loader-box .loader-29{
    border-radius:50%;
    -webkit-box-shadow:inset 0 0 0 0.1em #a927f9,-0.5em -0.5em 0 -0.4em #a927f9,0 -0.7em 0 -0.4em #a927f9,0.5em -0.5em 0 -0.4em #a927f9,-0.5em 0.5em 0 -0.4em #a927f9,0 0.7em 0 -0.4em #a927f9,0.5em 0.5em 0 -0.4em #a927f9,-0.7em 0 0 -0.4em #a927f9,0.7em 0 0 -0.4em #a927f9;
    box-shadow:inset 0 0 0 0.1em #a927f9,-0.5em -0.5em 0 -0.4em #a927f9,0 -0.7em 0 -0.4em #a927f9,0.5em -0.5em 0 -0.4em #a927f9,-0.5em 0.5em 0 -0.4em #a927f9,0 0.7em 0 -0.4em #a927f9,0.5em 0.5em 0 -0.4em #a927f9,-0.7em 0 0 -0.4em #a927f9,0.7em 0 0 -0.4em #a927f9;
    -webkit-animation:5s loader-29 linear infinite;
    animation:5s loader-29 linear infinite
}
@-webkit-keyframes loader-29{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-29{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loader-box .loader-30{
    border:.2em solid transparent;
    border-top-color:#a927f9;
    border-bottom-color:#a927f9;
    border-radius:50%;
    position:relative;
    -webkit-animation:1s loader-30 linear infinite;
    animation:1s loader-30 linear infinite
}
.loader-box .loader-30:before,.loader-box .loader-30:after{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    border:.2em solid transparent;
    border-bottom-color:#a927f9
}
.loader-box .loader-30:before{
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
    right:-.3em;
    top:-.05em
}
.loader-box .loader-30:after{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    left:-.3em;
    bottom:-.05em
}
@-webkit-keyframes loader-30{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-30{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loader-box .loader-31{
    -webkit-box-shadow:0 0 2em #f8d62b;
    box-shadow:0 0 2em #f8d62b;
    background-color:#f8d62b;
    position:relative;
    border-radius:50%;
    -webkit-transform:rotateX(-60deg) perspective(1000px);
    transform:rotateX(-60deg) perspective(1000px)
}
.loader-box .loader-31:before,.loader-box .loader-31:after{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:inherit;
    height:inherit;
    border-radius:inherit;
    -webkit-animation:1s loader-31 ease-out infinite;
    animation:1s loader-31 ease-out infinite
}
.loader-box .loader-31:after{
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
@-webkit-keyframes loader-31{
    0%{
        opacity:1;
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-box-shadow:0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b;
        box-shadow:0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b
    }
    100%{
        opacity:0;
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg);
        -webkit-box-shadow:-1em -1em 0 -0.35em #f8d62b,0 -1.5em 0 -0.35em #f8d62b,1em -1em 0 -0.35em #f8d62b,-1.5em 0 0 -0.35em #f8d62b,1.5em 0 0 -0.35em #f8d62b,-1em 1em 0 -0.35em #f8d62b,0 1.5em 0 -0.35em #f8d62b,1em 1em 0 -0.35em #f8d62b;
        box-shadow:-1em -1em 0 -0.35em #f8d62b,0 -1.5em 0 -0.35em #f8d62b,1em -1em 0 -0.35em #f8d62b,-1.5em 0 0 -0.35em #f8d62b,1.5em 0 0 -0.35em #f8d62b,-1em 1em 0 -0.35em #f8d62b,0 1.5em 0 -0.35em #f8d62b,1em 1em 0 -0.35em #f8d62b
    }
}
@keyframes loader-31{
    0%{
        opacity:1;
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-box-shadow:0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b;
        box-shadow:0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b
    }
    100%{
        opacity:0;
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg);
        -webkit-box-shadow:-1em -1em 0 -0.35em #f8d62b,0 -1.5em 0 -0.35em #f8d62b,1em -1em 0 -0.35em #f8d62b,-1.5em 0 0 -0.35em #f8d62b,1.5em 0 0 -0.35em #f8d62b,-1em 1em 0 -0.35em #f8d62b,0 1.5em 0 -0.35em #f8d62b,1em 1em 0 -0.35em #f8d62b;
        box-shadow:-1em -1em 0 -0.35em #f8d62b,0 -1.5em 0 -0.35em #f8d62b,1em -1em 0 -0.35em #f8d62b,-1.5em 0 0 -0.35em #f8d62b,1.5em 0 0 -0.35em #f8d62b,-1em 1em 0 -0.35em #f8d62b,0 1.5em 0 -0.35em #f8d62b,1em 1em 0 -0.35em #f8d62b
    }
}
.loader-box .loader-32{
    position:relative;
    border-radius:50%;
    -webkit-box-shadow:0 0 1em 0 #dc3545,inset 0 0 1em 0 #dc3545;
    box-shadow:0 0 1em 0 #dc3545,inset 0 0 1em 0 #dc3545;
    -webkit-animation:1s loader-32 linear infinite;
    animation:1s loader-32 linear infinite
}
.loader-box .loader-32:before,.loader-box .loader-32:after{
    content:'';
    display:block;
    width:inherit;
    height:inherit;
    position:absolute;
    border-radius:50%
}
.loader-box .loader-32:before{
    border-top:0.2em solid #dc3545;
    border-right:.2em solid transparent;
    top:.28em;
    right:calc(50% - .22em)
}
.loader-box .loader-32:after{
    border-bottom:0.2em solid #dc3545;
    border-left:.2em solid transparent;
    bottom:.28em;
    left:calc(50% - .22em)
}
@-webkit-keyframes loader-32{
    0%{
        -webkit-transform:rotateX(-60deg) rotateZ(0deg);
        transform:rotateX(-60deg) rotateZ(0deg)
    }
    100%{
        -webkit-transform:rotateX(-60deg) rotateZ(360deg);
        transform:rotateX(-60deg) rotateZ(360deg)
    }
}
@keyframes loader-32{
    0%{
        -webkit-transform:rotateX(-60deg) rotateZ(0deg);
        transform:rotateX(-60deg) rotateZ(0deg)
    }
    100%{
        -webkit-transform:rotateX(-60deg) rotateZ(360deg);
        transform:rotateX(-60deg) rotateZ(360deg)
    }
}
.loader-box .loader-34{
    position:relative;
    width:1em;
    height:.5em
}
.loader-box .loader-34:after,.loader-box .loader-34:before{
    position:absolute;
    content:"";
    height:.4em;
    width:.4em;
    top:0;
    background-color:var(--theme-deafult);
    border-radius:50%
}
.loader-box .loader-34:after{
    right:0;
    -webkit-animation:loader-34-2 0.5s ease-in-out infinite;
    animation:loader-34-2 0.5s ease-in-out infinite;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
}
.loader-box .loader-34:before{
    left:0;
    -webkit-animation:loader-34-1 0.5s ease-in-out infinite;
    animation:loader-34-1 0.5s ease-in-out infinite;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
}
@-webkit-keyframes loader-34-1{
    0%{
        -webkit-transform:translatex(0px);
        transform:translatex(0px)
    }
    65%{
        height:.4em;
        width:.4em
    }
    100%{
        height:.5em;
        width:.3em;
        -webkit-transform:translatex(0.2em);
        transform:translatex(0.2em)
    }
}
@keyframes loader-34-1{
    0%{
        -webkit-transform:translatex(0px);
        transform:translatex(0px)
    }
    65%{
        height:.4em;
        width:.4em
    }
    100%{
        height:.5em;
        width:.3em;
        -webkit-transform:translatex(0.2em);
        transform:translatex(0.2em)
    }
}
@-webkit-keyframes loader-34-2{
    0%{
        -webkit-transform:translatex(0px);
        transform:translatex(0px)
    }
    65%{
        height:.4em;
        width:.4em
    }
    100%{
        height:.5em;
        width:.3em;
        -webkit-transform:translatex(-0.2em);
        transform:translatex(-0.2em)
    }
}
@keyframes loader-34-2{
    0%{
        -webkit-transform:translatex(0px);
        transform:translatex(0px)
    }
    65%{
        height:.4em;
        width:.4em
    }
    100%{
        height:.5em;
        width:.3em;
        -webkit-transform:translatex(-0.2em);
        transform:translatex(-0.2em)
    }
}
.loader-box .loader-35{
    margin:0 .5em;
    position:relative
}
.loader-box .loader-35:before{
    border-radius:50%;
    background-color:var(--theme-secondary);
    -webkit-animation:loader-35 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
    animation:loader-35 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
    content:'';
    width:inherit;
    height:inherit;
    top:0;
    left:0;
    position:absolute
}
@-webkit-keyframes loader-35{
    0%{
        -webkit-transform:translateX(0) scale(1);
        transform:translateX(0) scale(1)
    }
    25%{
        -webkit-transform:translateX(-100%) scale(0.3);
        transform:translateX(-100%) scale(0.3)
    }
    50%{
        -webkit-transform:translateX(0) scale(1);
        transform:translateX(0) scale(1)
    }
    75%{
        -webkit-transform:translateX(100%) scale(0.3);
        transform:translateX(100%) scale(0.3)
    }
    100%{
        -webkit-transform:translateX(0) scale(1);
        transform:translateX(0) scale(1)
    }
}
@keyframes loader-35{
    0%{
        -webkit-transform:translateX(0) scale(1);
        transform:translateX(0) scale(1)
    }
    25%{
        -webkit-transform:translateX(-100%) scale(0.3);
        transform:translateX(-100%) scale(0.3)
    }
    50%{
        -webkit-transform:translateX(0) scale(1);
        transform:translateX(0) scale(1)
    }
    75%{
        -webkit-transform:translateX(100%) scale(0.3);
        transform:translateX(100%) scale(0.3)
    }
    100%{
        -webkit-transform:translateX(0) scale(1);
        transform:translateX(0) scale(1)
    }
}
.loader-box .loader-37{
    border-right:0.1em solid #a927f9;
    border-radius:100%;
    -webkit-animation:loader-37 800ms linear infinite;
    animation:loader-37 800ms linear infinite
}
.loader-box .loader-37:before,.loader-box .loader-37:after{
    content:'';
    width:.8em;
    height:.8em;
    display:block;
    position:absolute;
    top:calc(50% - .4em);
    left:calc(50% - .4em);
    border-left:0.08em solid #a927f9;
    border-radius:100%;
    animation:loader-37 400ms linear infinite reverse
}
.loader-box .loader-37:after{
    width:.6em;
    height:.6em;
    top:calc(50% - .3em);
    left:calc(50% - .3em);
    border:0;
    border-right:0.05em solid #a927f9;
    -webkit-animation:none;
    animation:none
}
@-webkit-keyframes loader-37{
    from{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}
@keyframes loader-37{
    from{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}
.loader-box .loader-38{
    height:0.1em;
    width:0.1em;
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9;
    -webkit-animation:loader-38 6s infinite;
    animation:loader-38 6s infinite
}
@-webkit-keyframes loader-38{
    0%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9;
        box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9
    }
    8.33%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9;
        box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9
    }
    16.66%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9;
        box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9
    }
    24.99%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
        box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    33.32%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9;
        box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9
    }
    41.65%{
        -webkit-box-shadow:0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9;
        box-shadow:0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9
    }
    49.98%{
        -webkit-box-shadow:0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9;
        box-shadow:0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9
    }
    58.31%{
        -webkit-box-shadow:-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
        box-shadow:-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    66.64%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
        box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    74.97%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
        box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    83.3%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
        box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    91.63%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
        box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    100%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9;
        box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9
    }
}
@keyframes loader-38{
    0%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9;
        box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9
    }
    8.33%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9;
        box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9
    }
    16.66%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9;
        box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9
    }
    24.99%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
        box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    33.32%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9;
        box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9
    }
    41.65%{
        -webkit-box-shadow:0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9;
        box-shadow:0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9
    }
    49.98%{
        -webkit-box-shadow:0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9;
        box-shadow:0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9
    }
    58.31%{
        -webkit-box-shadow:-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
        box-shadow:-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    66.64%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
        box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    74.97%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
        box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    83.3%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
        box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    91.63%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
        box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    100%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9;
        box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9
    }
}
.loader-box .loader-39{
    position:relative;
    width:.15em;
    height:.15em;
    background-color:#f8d62b;
    border-radius:100%;
    -webkit-animation:loader-39-1 30s infinite linear;
    animation:loader-39-1 30s infinite linear
}
.loader-box .loader-39:before,.loader-box .loader-39:after{
    content:'';
    border-radius:100%;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.loader-box .loader-39:before{
    width:20px;
    height:60px;
    -webkit-animation:loader-39-2 .8s linear infinite;
    animation:loader-39-2 .8s linear infinite
}
.loader-box .loader-39:after{
    width:60px;
    height:20px;
    -webkit-animation:loader-39-2 1.2s linear infinite;
    animation:loader-39-2 1.2s linear infinite
}
@-webkit-keyframes loader-39-1{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-39-1{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes loader-39-2{
    0%{
        -webkit-box-shadow:0.04em -0.04em 0 0.02em #f8d62b;
        box-shadow:0.04em -0.04em 0 0.02em #f8d62b
    }
    25%{
        -webkit-box-shadow:0.04em 0.04em 0 0.02em #f8d62b;
        box-shadow:0.04em 0.04em 0 0.02em #f8d62b
    }
    50%{
        -webkit-box-shadow:-0.04em 0.04em 0 0.02em #f8d62b;
        box-shadow:-0.04em 0.04em 0 0.02em #f8d62b
    }
    75%{
        -webkit-box-shadow:-0.04em -0.04em 0 0.02em #f8d62b;
        box-shadow:-0.04em -0.04em 0 0.02em #f8d62b
    }
    100%{
        -webkit-box-shadow:0.04em -0.04em 0 0.02em #f8d62b;
        box-shadow:0.04em -0.04em 0 0.02em #f8d62b
    }
}
@keyframes loader-39-2{
    0%{
        -webkit-box-shadow:0.04em -0.04em 0 0.02em #f8d62b;
        box-shadow:0.04em -0.04em 0 0.02em #f8d62b
    }
    25%{
        -webkit-box-shadow:0.04em 0.04em 0 0.02em #f8d62b;
        box-shadow:0.04em 0.04em 0 0.02em #f8d62b
    }
    50%{
        -webkit-box-shadow:-0.04em 0.04em 0 0.02em #f8d62b;
        box-shadow:-0.04em 0.04em 0 0.02em #f8d62b
    }
    75%{
        -webkit-box-shadow:-0.04em -0.04em 0 0.02em #f8d62b;
        box-shadow:-0.04em -0.04em 0 0.02em #f8d62b
    }
    100%{
        -webkit-box-shadow:0.04em -0.04em 0 0.02em #f8d62b;
        box-shadow:0.04em -0.04em 0 0.02em #f8d62b
    }
}
.loader-box .loader-40{
    border:0.05em #dc3545 solid;
    border-radius:.2em;
    overflow:hidden;
    position:relative
}
.loader-box .loader-40:after,.loader-box .loader-40:before{
    content:'';
    border-radius:50%;
    position:absolute;
    width:inherit;
    height:inherit;
    -webkit-animation:loader-40 2s infinite linear;
    animation:loader-40 2s infinite linear
}
.loader-box .loader-40:before{
    border-top:0.2em #dc3545 solid;
    top:-.15em;
    left:calc(-50% - .15em);
    -webkit-transform-origin:right center;
    transform-origin:right center
}
.loader-box .loader-40:after{
    border-bottom:0.2em #dc3545 solid;
    top:.15em;
    right:calc(-50% - .15em);
    -webkit-transform-origin:left center;
    transform-origin:left center
}
@-webkit-keyframes loader-40{
    from{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
@keyframes loader-40{
    from{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
.loader-box .loader-41{
    border:0.05em var(--theme-deafult) solid;
    border-radius:.2em;
    position:relative;
    background:linear-gradient(45deg, transparent 48%, var(--theme-deafult) 50%, var(--theme-deafult) 50%, transparent 52%, transparent),linear-gradient(-45deg, transparent 48%, var(--theme-deafult) 50%, var(--theme-deafult) 50%, transparent 52%, transparent);
    background-size:.5em .5em;
    background-position:0% 0%;
    -webkit-animation:loader-41 1s infinite linear;
    animation:loader-41 1s infinite linear
}
@-webkit-keyframes loader-41{
    from{
        background-position:0 0
    }
    to{
        background-position:-1em 0
    }
}
@keyframes loader-41{
    from{
        background-position:0 0
    }
    to{
        background-position:-1em 0
    }
}
.loader-box .loader-42{
    width:2em;
    height:.66em;
    border:0.05em var(--theme-secondary) solid;
    border-radius:.1em;
    background:linear-gradient(-60deg, transparent 0%, transparent 50%, var(--theme-secondary) 50%, var(--theme-secondary) 75%, transparent 75%, transparent);
    background-size:1em 2em;
    background-position:0 0;
    -webkit-animation:loader-42 0.8s infinite linear;
    animation:loader-42 0.8s infinite linear
}
@-webkit-keyframes loader-42{
    from{
        background-position:0 0
    }
    to{
        background-position:-2em 0
    }
}
@keyframes loader-42{
    from{
        background-position:0 0
    }
    to{
        background-position:-2em 0
    }
}
.popover-header{
    background-color:#2c323f;
    color:#fff
}
.popover-main .btn-showcase a{
    color:#fff
}
.popover-main .btn-showcase button:last-child{
    margin-right:0
}
@media print{
    .page-wrapper .page-title{
        visibility:hidden
    }
    .page-wrapper .page-body-wrapper .page-title{
        display:none
    }
    table.fixedHeader-floating{
        display:none
    }
}
.invoice-table{
    margin-top:16px;
    margin-bottom:16px
}
.invoice .text-right input{
    margin-top:6px
}
.invoice .media{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.animate-chk label{
    line-height:1.6;
    cursor:pointer
}
.animate-chk label:last-child{
    margin-bottom:0
}
.checkbox_animated{
    cursor:pointer;
    position:relative;
    margin:0 1rem 0 0
}
.checkbox_animated:before{
    -webkit-transition:-webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition:-webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition:transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition:transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform:rotate(-45deg) scale(0, 0);
    transform:rotate(-45deg) scale(0, 0);
    content:"";
    position:absolute;
    left:0.25rem;
    top:0.225rem;
    z-index:1;
    width:0.75rem;
    height:0.375rem;
    border:2px solid var(--theme-deafult);
    border-top-style:none;
    border-right-style:none
}
.checkbox_animated:after{
    content:"";
    position:absolute;
    top:-0.125rem;
    left:0;
    width:1.3rem;
    height:1.3rem;
    background:#fff;
    border:2px solid #ecf3fa;
    cursor:pointer
}
.checkbox_animated:checked:before{
    -webkit-transform:rotate(-45deg) scale(1, 1);
    transform:rotate(-45deg) scale(1, 1)
}
.radio_animated{
    position:relative;
    margin:0 1rem 0 0;
    cursor:pointer
}
.radio_animated:before{
    -webkit-transition:-webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition:-webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition:transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition:transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform:scale(0, 0);
    transform:scale(0, 0);
    content:"";
    position:absolute;
    top:0;
    left:0.125rem;
    z-index:1;
    width:0.75rem;
    height:0.75rem;
    background:var(--theme-deafult);
    border-radius:50%
}
.radio_animated:after{
    content:"";
    position:absolute;
    top:-0.25rem;
    left:-0.125rem;
    width:1.25rem;
    height:1.25rem;
    background:#fff;
    border:2px solid #ecf3fa;
    border-radius:50%
}
.radio_animated:checked:before{
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1)
}
.checkbox label{
    display:inline-block;
    position:relative;
    padding-left:16px;
    cursor:pointer;
    margin-top:10px;
    margin-bottom:10px
}
.checkbox label::before{
    content:"";
    display:inline-block;
    position:absolute;
    width:19px;
    height:19px;
    left:0;
    margin-left:-16px;
    border:1px solid #efefef;
    border-radius:3px;
    background-color:#fff;
    -webkit-transition:border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition:border 0.15s ease-in-out, color 0.15s ease-in-out
}
.checkbox label::after{
    display:inline-block;
    position:absolute;
    width:16px;
    height:16px;
    left:0;
    top:0;
    margin-left:-20px;
    padding-left:3px;
    padding-top:1px;
    font-size:11px;
    color:#242934
}
.checkbox input[type="checkbox"]{
    opacity:0
}
.checkbox input[type="checkbox"]:focus{
    outline-offset:-2px
}
.checkbox input[type="checkbox"]:focus+label::before{
    outline-offset:-2px
}
.checkbox input[type="checkbox"]:checked+label::before{
    font-family:themify;
    content:"\e64c";
    text-align:center;
    line-height:1.2
}
.checkbox input[type="checkbox"]:disabled+label{
    opacity:0.65
}
.checkbox input[type="checkbox"]:disabled+label::before{
    background-color:#f4f4f4;
    cursor:not-allowed
}
.checkbox .checkbox-circle label::before{
    border-radius:50%
}
.checkbox .checkbox-inline{
    margin-top:0
}
.m-squar label::before{
    border-radius:0
}
.m-squar .checkbox-circle label::before{
    border-radius:50%
}
.m-squar .checkbox-inline{
    margin-top:0
}
.checkbox-primary label::before{
    border-color:var(--theme-deafult)
}
.checkbox-primary input[type="checkbox"]:checked+label::before{
    border-color:var(--theme-deafult);
    color:var(--theme-deafult)
}
.checkbox-primary input[type="checkbox"]:checked+label::after{
    color:#fff
}
.checkbox-solid-primary label:before{
    background-color:var(--theme-deafult);
    border-color:var(--theme-deafult);
    color:#fff
}
.checkbox-solid-primary input[type="checkbox"]:checked+label::before{
    background-color:var(--theme-deafult);
    border-color:var(--theme-deafult);
    color:#fff
}
.checkbox-solid-primary input[type="checkbox"]:checked+label::after{
    color:#fff
}
.radio-primary input[type="radio"]+label::before{
    border-color:var(--theme-deafult)
}
.radio-primary input[type="radio"]+label::after{
    background-color:var(--theme-deafult)
}
.radio-primary input[type="radio"]:checked+label::before{
    border-color:var(--theme-deafult)
}
.radio-primary input[type="radio"]:checked+label::after{
    background-color:var(--theme-deafult)
}
.checkbox-secondary label::before{
    border-color:#f73164
}
.checkbox-secondary input[type="checkbox"]:checked+label::before{
    border-color:#f73164;
    color:#f73164
}
.checkbox-secondary input[type="checkbox"]:checked+label::after{
    color:#fff
}
.checkbox-solid-secondary label:before{
    background-color:#f73164;
    border-color:#f73164;
    color:#fff
}
.checkbox-solid-secondary input[type="checkbox"]:checked+label::before{
    background-color:#f73164;
    border-color:#f73164;
    color:#fff
}
.checkbox-solid-secondary input[type="checkbox"]:checked+label::after{
    color:#fff
}
.radio-secondary input[type="radio"]+label::before{
    border-color:#f73164
}
.radio-secondary input[type="radio"]+label::after{
    background-color:#f73164
}
.radio-secondary input[type="radio"]:checked+label::before{
    border-color:#f73164
}
.radio-secondary input[type="radio"]:checked+label::after{
    background-color:#f73164
}
.checkbox-success label::before{
    border-color:#51bb25
}
.checkbox-success input[type="checkbox"]:checked+label::before{
    border-color:#51bb25;
    color:#51bb25
}
.checkbox-success input[type="checkbox"]:checked+label::after{
    color:#fff
}
.checkbox-solid-success label:before{
    background-color:#51bb25;
    border-color:#51bb25;
    color:#fff
}
.checkbox-solid-success input[type="checkbox"]:checked+label::before{
    background-color:#51bb25;
    border-color:#51bb25;
    color:#fff
}
.checkbox-solid-success input[type="checkbox"]:checked+label::after{
    color:#fff
}
.radio-success input[type="radio"]+label::before{
    border-color:#51bb25
}
.radio-success input[type="radio"]+label::after{
    background-color:#51bb25
}
.radio-success input[type="radio"]:checked+label::before{
    border-color:#51bb25
}
.radio-success input[type="radio"]:checked+label::after{
    background-color:#51bb25
}
.checkbox-danger label::before{
    border-color:#dc3545
}
.checkbox-danger input[type="checkbox"]:checked+label::before{
    border-color:#dc3545;
    color:#dc3545
}
.checkbox-danger input[type="checkbox"]:checked+label::after{
    color:#fff
}
.checkbox-solid-danger label:before{
    background-color:#dc3545;
    border-color:#dc3545;
    color:#fff
}
.checkbox-solid-danger input[type="checkbox"]:checked+label::before{
    background-color:#dc3545;
    border-color:#dc3545;
    color:#fff
}
.checkbox-solid-danger input[type="checkbox"]:checked+label::after{
    color:#fff
}
.radio-danger input[type="radio"]+label::before{
    border-color:#dc3545
}
.radio-danger input[type="radio"]+label::after{
    background-color:#dc3545
}
.radio-danger input[type="radio"]:checked+label::before{
    border-color:#dc3545
}
.radio-danger input[type="radio"]:checked+label::after{
    background-color:#dc3545
}
.checkbox-info label::before{
    border-color:#a927f9
}
.checkbox-info input[type="checkbox"]:checked+label::before{
    border-color:#a927f9;
    color:#a927f9
}
.checkbox-info input[type="checkbox"]:checked+label::after{
    color:#fff
}
.checkbox-solid-info label:before{
    background-color:#a927f9;
    border-color:#a927f9;
    color:#fff
}
.checkbox-solid-info input[type="checkbox"]:checked+label::before{
    background-color:#a927f9;
    border-color:#a927f9;
    color:#fff
}
.checkbox-solid-info input[type="checkbox"]:checked+label::after{
    color:#fff
}
.radio-info input[type="radio"]+label::before{
    border-color:#a927f9
}
.radio-info input[type="radio"]+label::after{
    background-color:#a927f9
}
.radio-info input[type="radio"]:checked+label::before{
    border-color:#a927f9
}
.radio-info input[type="radio"]:checked+label::after{
    background-color:#a927f9
}
.checkbox-light label::before{
    border-color:#f4f4f4
}
.checkbox-light input[type="checkbox"]:checked+label::before{
    border-color:#f4f4f4;
    color:#f4f4f4
}
.checkbox-light input[type="checkbox"]:checked+label::after{
    color:#fff
}
.checkbox-solid-light label:before{
    background-color:#f4f4f4;
    border-color:#f4f4f4;
    color:#fff
}
.checkbox-solid-light input[type="checkbox"]:checked+label::before{
    background-color:#f4f4f4;
    border-color:#f4f4f4;
    color:#fff
}
.checkbox-solid-light input[type="checkbox"]:checked+label::after{
    color:#fff
}
.radio-light input[type="radio"]+label::before{
    border-color:#f4f4f4
}
.radio-light input[type="radio"]+label::after{
    background-color:#f4f4f4
}
.radio-light input[type="radio"]:checked+label::before{
    border-color:#f4f4f4
}
.radio-light input[type="radio"]:checked+label::after{
    background-color:#f4f4f4
}
.checkbox-dark label::before{
    border-color:#2c323f
}
.checkbox-dark input[type="checkbox"]:checked+label::before{
    border-color:#2c323f;
    color:#2c323f
}
.checkbox-dark input[type="checkbox"]:checked+label::after{
    color:#fff
}
.checkbox-solid-dark label:before{
    background-color:#2c323f;
    border-color:#2c323f;
    color:#fff
}
.checkbox-solid-dark input[type="checkbox"]:checked+label::before{
    background-color:#2c323f;
    border-color:#2c323f;
    color:#fff
}
.checkbox-solid-dark input[type="checkbox"]:checked+label::after{
    color:#fff
}
.radio-dark input[type="radio"]+label::before{
    border-color:#2c323f
}
.radio-dark input[type="radio"]+label::after{
    background-color:#2c323f
}
.radio-dark input[type="radio"]:checked+label::before{
    border-color:#2c323f
}
.radio-dark input[type="radio"]:checked+label::after{
    background-color:#2c323f
}
.checkbox-warning label::before{
    border-color:#f8d62b
}
.checkbox-warning input[type="checkbox"]:checked+label::before{
    border-color:#f8d62b;
    color:#f8d62b
}
.checkbox-warning input[type="checkbox"]:checked+label::after{
    color:#fff
}
.checkbox-solid-warning label:before{
    background-color:#f8d62b;
    border-color:#f8d62b;
    color:#fff
}
.checkbox-solid-warning input[type="checkbox"]:checked+label::before{
    background-color:#f8d62b;
    border-color:#f8d62b;
    color:#fff
}
.checkbox-solid-warning input[type="checkbox"]:checked+label::after{
    color:#fff
}
.radio-warning input[type="radio"]+label::before{
    border-color:#f8d62b
}
.radio-warning input[type="radio"]+label::after{
    background-color:#f8d62b
}
.radio-warning input[type="radio"]:checked+label::before{
    border-color:#f8d62b
}
.radio-warning input[type="radio"]:checked+label::after{
    background-color:#f8d62b
}
.m-checkbox-inline .checkbox{
    display:inline-block
}
.m-checkbox-inline .radio{
    display:inline-block
}
.m-checkbox-inline label{
    margin-right:20px
}
.radio label{
    display:inline-block;
    position:relative;
    padding-left:5px;
    cursor:pointer
}
.radio label::before{
    content:"";
    display:inline-block;
    position:absolute;
    width:19px;
    height:19px;
    left:0;
    margin-left:-20px;
    border:1px solid #efefef;
    border-radius:50%;
    background-color:#fff;
    -webkit-transition:border 0.15s ease-in-out;
    transition:border 0.15s ease-in-out
}
.radio label::after{
    display:inline-block;
    position:absolute;
    content:" ";
    width:9px;
    height:9px;
    left:5px;
    top:5px;
    margin-left:-20px;
    border-radius:50%;
    background-color:#898989;
    -webkit-transform:scale(0, 0);
    transform:scale(0, 0);
    -webkit-transition:-webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition:-webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition:transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition:transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33)
}
.radio input[type="radio"]{
    opacity:0
}
.radio input[type="radio"]:focus+label::before{
    outline-offset:-2px
}
.radio input[type="radio"]:checked+label::after{
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1)
}
.radio input[type="radio"]:disabled+label{
    opacity:0.65
}
.radio input[type="radio"]:disabled+label::before{
    cursor:not-allowed
}
.radio .radio-inline{
    margin-top:0
}
[class*="ribbon-wrapper"]{
    position:relative;
    padding-top:40px
}
.ribbon{
    padding:0 20px;
    height:30px;
    line-height:30px;
    clear:left;
    position:absolute;
    top:12px;
    left:0px;
    color:#fff;
    z-index:2
}
.ribbon-clip{
    left:-14px
}
.ribbon-clip:before{
    position:absolute;
    top:30px;
    left:0;
    width:0;
    height:0;
    content:"";
    border:7px solid transparent;
    border-top-color:#2c323f;
    border-right-color:#2c323f
}
.ribbon-vertical-left-wrapper{
    padding-left:40px;
    position:relative
}
.ribbon-vertical-right-wrapper{
    padding-right:40px
}
.ribbon-wrapper-bottom{
    padding-bottom:40px;
    padding-top:0
}
.ribbon-wrapper-right-bottom{
    padding-right:40px
}
.ribbon-space-bottom{
    top:0px
}
.ribbon-bookmark:before{
    position:absolute;
    top:0;
    left:100%;
    display:block;
    width:0;
    height:0;
    content:'';
    border:15px solid #2c323f;
    border-right:10px solid transparent
}
.ribbon-right{
    left:auto;
    right:-2px
}
.ribbon-clip-right{
    right:-14px
}
.ribbon-clip-right:before{
    position:absolute;
    top:30px;
    right:0;
    width:0;
    height:0;
    content:"";
    border:7px solid transparent;
    border-top-color:#2c323f;
    border-right-color:#2c323f
}
.ribbon-clip-bottom{
    left:-14px;
    bottom:12px;
    top:auto
}
.ribbon-clip-bottom:before{
    position:absolute;
    bottom:30px;
    left:0;
    width:0;
    height:0;
    content:"";
    border:7px solid transparent;
    border-top-color:#2c323f;
    border-right-color:#2c323f
}
.ribbon-clip-bottom-right{
    right:-14px;
    left:auto;
    bottom:12px;
    top:auto
}
.ribbon-clip-bottom-right:before{
    position:absolute;
    bottom:30px;
    right:0;
    width:0;
    height:0;
    content:"";
    border:7px solid transparent;
    border-top-color:#2c323f;
    border-right-color:#2c323f
}
.ribbon-bookmark.ribbon-right:before{
    right:100%;
    left:auto;
    border-right:15px solid #2c323f;
    border-left:10px solid transparent
}
.ribbon-vertical-left{
    clear:none;
    padding:0 5px;
    height:70px;
    width:30px;
    line-height:70px;
    text-align:center;
    left:12px;
    top:-2px
}
.ribbon-vertical-right{
    clear:none;
    padding:0 5px;
    height:70px;
    width:30px;
    line-height:70px;
    text-align:center;
    top:-2px;
    left:auto;
    right:12px
}
.ribbon-bookmark.ribbon-vertical-left:before,.ribbon-bookmark.ribbon-vertical-right:before{
    top:100%;
    left:0;
    margin-top:-14px;
    border-right:15px solid #2c323f;
    border-bottom:10px solid transparent
}
.ribbon-primary{
    background:#7366ff
}
.ribbon-primary{
    background:#7366ff
}
.ribbon-bookmark.ribbon-primary:before{
    border-color:#7366ff;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-primary:before{
    border-right-color:#7366ff;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-primary:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before{
    border-right-color:#7366ff;
    border-bottom-color:transparent
}
.ribbon-primary.ribbon-corner:before{
    border-top-color:#7366ff;
    border-left-color:#7366ff
}
.ribbon-primary.ribbon-corner.ribbon-right:before{
    border-right-color:#7366ff;
    border-left-color:transparent
}
.ribbon-primary.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#7366ff
}
.ribbon-primary.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#43f;
    border-right-color:#43f
}
.ribbon-primary.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#43f;
    border-left-color:#43f
}
.ribbon-primary.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#43f;
    border-right-color:#43f
}
.ribbon-primary.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#43f;
    border-right-color:transparent;
    border-left-color:#43f
}
.ribbon-secondary{
    background:#f73164
}
.ribbon-secondary{
    background:#f73164
}
.ribbon-bookmark.ribbon-secondary:before{
    border-color:#f73164;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-secondary:before{
    border-right-color:#f73164;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-secondary:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-secondary:before{
    border-right-color:#f73164;
    border-bottom-color:transparent
}
.ribbon-secondary.ribbon-corner:before{
    border-top-color:#f73164;
    border-left-color:#f73164
}
.ribbon-secondary.ribbon-corner.ribbon-right:before{
    border-right-color:#f73164;
    border-left-color:transparent
}
.ribbon-secondary.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#f73164
}
.ribbon-secondary.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#ec0944;
    border-right-color:#ec0944
}
.ribbon-secondary.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#ec0944;
    border-left-color:#ec0944
}
.ribbon-secondary.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#ec0944;
    border-right-color:#ec0944
}
.ribbon-secondary.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#ec0944;
    border-right-color:transparent;
    border-left-color:#ec0944
}
.ribbon-success{
    background:#51bb25
}
.ribbon-success{
    background:#51bb25
}
.ribbon-bookmark.ribbon-success:before{
    border-color:#51bb25;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-success:before{
    border-right-color:#51bb25;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-success:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-success:before{
    border-right-color:#51bb25;
    border-bottom-color:transparent
}
.ribbon-success.ribbon-corner:before{
    border-top-color:#51bb25;
    border-left-color:#51bb25
}
.ribbon-success.ribbon-corner.ribbon-right:before{
    border-right-color:#51bb25;
    border-left-color:transparent
}
.ribbon-success.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#51bb25
}
.ribbon-success.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#3f901d;
    border-right-color:#3f901d
}
.ribbon-success.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#3f901d;
    border-left-color:#3f901d
}
.ribbon-success.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#3f901d;
    border-right-color:#3f901d
}
.ribbon-success.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#3f901d;
    border-right-color:transparent;
    border-left-color:#3f901d
}
.ribbon-danger{
    background:#dc3545
}
.ribbon-danger{
    background:#dc3545
}
.ribbon-bookmark.ribbon-danger:before{
    border-color:#dc3545;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-danger:before{
    border-right-color:#dc3545;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-danger:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-danger:before{
    border-right-color:#dc3545;
    border-bottom-color:transparent
}
.ribbon-danger.ribbon-corner:before{
    border-top-color:#dc3545;
    border-left-color:#dc3545
}
.ribbon-danger.ribbon-corner.ribbon-right:before{
    border-right-color:#dc3545;
    border-left-color:transparent
}
.ribbon-danger.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#dc3545
}
.ribbon-danger.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#bd2130;
    border-right-color:#bd2130
}
.ribbon-danger.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#bd2130;
    border-left-color:#bd2130
}
.ribbon-danger.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#bd2130;
    border-right-color:#bd2130
}
.ribbon-danger.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#bd2130;
    border-right-color:transparent;
    border-left-color:#bd2130
}
.ribbon-info{
    background:#a927f9
}
.ribbon-info{
    background:#a927f9
}
.ribbon-bookmark.ribbon-info:before{
    border-color:#a927f9;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-info:before{
    border-right-color:#a927f9;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-info:before{
    border-right-color:#a927f9;
    border-bottom-color:transparent
}
.ribbon-info.ribbon-corner:before{
    border-top-color:#a927f9;
    border-left-color:#a927f9
}
.ribbon-info.ribbon-corner.ribbon-right:before{
    border-right-color:#a927f9;
    border-left-color:transparent
}
.ribbon-info.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#a927f9
}
.ribbon-info.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#9106e7;
    border-right-color:#9106e7
}
.ribbon-info.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#9106e7;
    border-left-color:#9106e7
}
.ribbon-info.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#9106e7;
    border-right-color:#9106e7
}
.ribbon-info.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#9106e7;
    border-right-color:transparent;
    border-left-color:#9106e7
}
.ribbon-light{
    background:#f4f4f4
}
.ribbon-light{
    background:#f4f4f4
}
.ribbon-bookmark.ribbon-light:before{
    border-color:#f4f4f4;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-light:before{
    border-right-color:#f4f4f4;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-light:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-light:before{
    border-right-color:#f4f4f4;
    border-bottom-color:transparent
}
.ribbon-light.ribbon-corner:before{
    border-top-color:#f4f4f4;
    border-left-color:#f4f4f4
}
.ribbon-light.ribbon-corner.ribbon-right:before{
    border-right-color:#f4f4f4;
    border-left-color:transparent
}
.ribbon-light.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#f4f4f4
}
.ribbon-light.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#dbdbdb;
    border-right-color:#dbdbdb
}
.ribbon-light.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#dbdbdb;
    border-left-color:#dbdbdb
}
.ribbon-light.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#dbdbdb;
    border-right-color:#dbdbdb
}
.ribbon-light.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#dbdbdb;
    border-right-color:transparent;
    border-left-color:#dbdbdb
}
.ribbon-dark{
    background:#2c323f
}
.ribbon-dark{
    background:#2c323f
}
.ribbon-bookmark.ribbon-dark:before{
    border-color:#2c323f;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-dark:before{
    border-right-color:#2c323f;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-dark:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-dark:before{
    border-right-color:#2c323f;
    border-bottom-color:transparent
}
.ribbon-dark.ribbon-corner:before{
    border-top-color:#2c323f;
    border-left-color:#2c323f
}
.ribbon-dark.ribbon-corner.ribbon-right:before{
    border-right-color:#2c323f;
    border-left-color:transparent
}
.ribbon-dark.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#2c323f
}
.ribbon-dark.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#171a21;
    border-right-color:#171a21
}
.ribbon-dark.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#171a21;
    border-left-color:#171a21
}
.ribbon-dark.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#171a21;
    border-right-color:#171a21
}
.ribbon-dark.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#171a21;
    border-right-color:transparent;
    border-left-color:#171a21
}
.ribbon-warning{
    background:#f8d62b
}
.ribbon-warning{
    background:#f8d62b
}
.ribbon-bookmark.ribbon-warning:before{
    border-color:#f8d62b;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-warning:before{
    border-right-color:#f8d62b;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-warning:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-warning:before{
    border-right-color:#f8d62b;
    border-bottom-color:transparent
}
.ribbon-warning.ribbon-corner:before{
    border-top-color:#f8d62b;
    border-left-color:#f8d62b
}
.ribbon-warning.ribbon-corner.ribbon-right:before{
    border-right-color:#f8d62b;
    border-left-color:transparent
}
.ribbon-warning.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#f8d62b
}
.ribbon-warning.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#e8c308;
    border-right-color:#e8c308
}
.ribbon-warning.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#e8c308;
    border-left-color:#e8c308
}
.ribbon-warning.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#e8c308;
    border-right-color:#e8c308
}
.ribbon-warning.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#e8c308;
    border-right-color:transparent;
    border-left-color:#e8c308
}
.switch{
    position:relative;
    display:inline-block;
    width:60px;
    height:34px
}
.switch input{
    display:none
}
.switch input:checked+.switch-state{
    background-color:var(--theme-deafult)
}
.switch input:checked+.switch-state:before{
    -webkit-transform:translateX(26px);
    transform:translateX(26px)
}
.switch input:focus+.switch-state{
    -webkit-box-shadow:0 0 1px var(--theme-deafult);
    box-shadow:0 0 1px var(--theme-deafult)
}
.switch-state{
    border-radius:20px;
    position:absolute;
    cursor:pointer;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#f4f4f4;
    -webkit-transition:.4s;
    transition:.4s
}
.switch-state:before{
    position:absolute;
    content:"";
    height:26px;
    width:26px;
    left:4px;
    bottom:4px;
    background-color:#fff;
    -webkit-transition:.4s;
    transition:.4s;
    border-radius:20px
}
.icon-state .switch-state:after{
    content:"\efb8";
    font-family:IcoFont;
    left:10px;
    position:absolute;
    top:10px;
    color:#2c323f;
    -webkit-transition:.4s;
    transition:.4s;
    opacity:0.3
}
.icon-state input:checked+.switch-state:after{
    content:"\efad";
    left:36px;
    opacity:1;
    -webkit-transition:.4s;
    transition:.4s
}
.switch-lg .switch{
    width:75px;
    height:40px
}
.switch-lg .switch .switch-state:before{
    height:30px;
    width:30px;
    left:7px;
    bottom:5px;
    top:4px
}
.switch-lg.icon-state .switch .switch-state:after{
    left:12px;
    font-size:18px
}
.switch-lg.icon-state .switch input:checked+.switch-state:after{
    left:47px
}
.switch-lg.icon-state .switch input:checked+.switch-state:before{
    -webkit-transform:translateX(32px);
    transform:translateX(32px)
}
.switch-sm.icon-state .switch .switch-state:after{
    top:4px;
    left:4px;
    font-size:8px
}
.switch-sm.icon-state .switch input:checked+.switch-state:after{
    left:13px;
    top:4px
}
.switch-sm .switch{
    width:25px;
    height:16px;
    margin-top:10px;
    margin-bottom:0px
}
.switch-sm .switch .switch-state:before{
    height:8px;
    width:8px;
    left:4px;
    bottom:4px
}
.switch-sm input:checked+.switch-state:before{
    left:-13px
}
.switch-outline .switch-state{
    background-color:#fff;
    border:1px solid var(--theme-deafult);
    -webkit-transition:.4s;
    transition:.4s
}
.switch-outline .switch-state:before{
    background-color:#f4f4f4;
    bottom:3px;
    color:#fff
}
.switch-outline .switch input{
    display:none
}
.switch-outline .switch input:checked+.switch-state{
    background-color:rgba(0,0,0,0);
    border:1px solid var(--theme-deafult)
}
.switch-outline .switch input:checked+.switch-state:before{
    background-color:var(--theme-deafult);
    bottom:3px;
    -webkit-transform:translateX(26px);
    transform:translateX(26px)
}
.switch-outline .switch input:checked+.switch-state:after{
    color:#fff
}
.switch-outline .switch-state.bg-primary{
    border:1px solid var(--theme-deafult);
    background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-primary{
    background-color:rgba(0,0,0,0) !important;
    border:1px solid var(--theme-deafult)
}
.switch-outline .switch input:checked+.switch-state.bg-primary:before{
    background-color:var(--theme-deafult)
}
.switch-outline .switch-state.bg-dark{
    border:1px solid #2c323f;
    background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-dark{
    background-color:rgba(0,0,0,0) !important;
    border:1px solid #2c323f
}
.switch-outline .switch input:checked+.switch-state.bg-dark:before{
    background-color:#2c323f
}
.switch-outline .switch-state.bg-warning{
    border:1px solid #f8d62b;
    background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-warning{
    background-color:rgba(0,0,0,0) !important;
    border:1px solid #f8d62b
}
.switch-outline .switch input:checked+.switch-state.bg-warning:before{
    background-color:#f8d62b
}
.switch-outline .switch-state.bg-success{
    border:1px solid #51bb25;
    background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-success{
    background-color:rgba(0,0,0,0) !important;
    border:1px solid #51bb25
}
.switch-outline .switch input:checked+.switch-state.bg-success:before{
    background-color:#51bb25
}
.switch-outline .switch-state.bg-info{
    border:1px solid #a927f9;
    background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-info{
    background-color:rgba(0,0,0,0) !important;
    border:1px solid #a927f9
}
.switch-outline .switch input:checked+.switch-state.bg-info:before{
    background-color:#a927f9
}
.switch-outline .switch-state.bg-danger{
    border:1px solid #dc3545;
    background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-danger{
    background-color:rgba(0,0,0,0) !important;
    border:1px solid #dc3545
}
.switch-outline .switch input:checked+.switch-state.bg-danger:before{
    background-color:#dc3545
}
.switch-outline .switch-state.bg-primary{
    border:1px solid var(--theme-deafult);
    background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-primary{
    background-color:rgba(0,0,0,0) !important;
    border:1px solid var(--theme-deafult)
}
.switch-outline .switch input:checked+.switch-state.bg-primary:before{
    background-color:var(--theme-deafult)
}
.switch-outline .switch-state.bg-secondary{
    border:1px solid var(--theme-secondary);
    background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-secondary{
    background-color:rgba(0,0,0,0) !important;
    border:1px solid var(--theme-secondary)
}
.switch-outline .switch input:checked+.switch-state.bg-secondary:before{
    background-color:var(--theme-secondary)
}
.switch-showcase{
    margin-bottom:-8px
}
.switch-showcase .media{
    line-height:1
}
.switch-showcase .form-check .form-check-input{
    float:right
}
.form-switch .form-check-input:checked{
    background-color:var(--theme-deafult);
    border-color:var(--theme-deafult)
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{
    background-color:var(--theme-deafult)
}
.nav i{
    margin-right:10px
}
.nav-right{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.nav-theme .nav-link,.nav-pills.nav-theme .nav-link{
    color:var(--theme-deafult)
}
.nav-theme .nav-link.active,.nav-theme .show>.nav-link,.nav-pills.nav-theme .nav-link.active,.nav-pills.nav-theme .show>.nav-link{
    background-color:var(--theme-deafult);
    color:#fff
}
.nav-primary .nav-link,.nav-pills.nav-primary .nav-link{
    color:var(--theme-deafult)
}
.nav-primary .nav-link.active,.nav-primary .show>.nav-link,.nav-pills.nav-primary .nav-link.active,.nav-pills.nav-primary .show>.nav-link{
    background-color:var(--theme-deafult);
    color:#fff
}
.nav-secondary .nav-link,.nav-pills.nav-secondary .nav-link{
    color:#f73164
}
.nav-secondary .nav-link.active,.nav-secondary .show>.nav-link,.nav-pills.nav-secondary .nav-link.active,.nav-pills.nav-secondary .show>.nav-link{
    background-color:#f73164;
    color:#fff
}
.nav-success .nav-link,.nav-pills.nav-success .nav-link{
    color:#51bb25
}
.nav-success .nav-link.active,.nav-success .show>.nav-link,.nav-pills.nav-success .nav-link.active,.nav-pills.nav-success .show>.nav-link{
    background-color:#51bb25;
    color:#fff
}
.nav-danger .nav-link,.nav-pills.nav-danger .nav-link{
    color:#dc3545
}
.nav-danger .nav-link.active,.nav-danger .show>.nav-link,.nav-pills.nav-danger .nav-link.active,.nav-pills.nav-danger .show>.nav-link{
    background-color:#dc3545;
    color:#fff
}
.nav-info .nav-link,.nav-pills.nav-info .nav-link{
    color:#a927f9
}
.nav-info .nav-link.active,.nav-info .show>.nav-link,.nav-pills.nav-info .nav-link.active,.nav-pills.nav-info .show>.nav-link{
    background-color:#a927f9;
    color:#fff
}
.nav-light .nav-link,.nav-pills.nav-light .nav-link{
    color:#f4f4f4
}
.nav-light .nav-link.active,.nav-light .show>.nav-link,.nav-pills.nav-light .nav-link.active,.nav-pills.nav-light .show>.nav-link{
    background-color:#f4f4f4;
    color:#fff
}
.nav-dark .nav-link,.nav-pills.nav-dark .nav-link{
    color:#2c323f
}
.nav-dark .nav-link.active,.nav-dark .show>.nav-link,.nav-pills.nav-dark .nav-link.active,.nav-pills.nav-dark .show>.nav-link{
    background-color:#2c323f;
    color:#fff
}
.nav-warning .nav-link,.nav-pills.nav-warning .nav-link{
    color:#f8d62b
}
.nav-warning .nav-link.active,.nav-warning .show>.nav-link,.nav-pills.nav-warning .nav-link.active,.nav-pills.nav-warning .show>.nav-link{
    background-color:#f8d62b;
    color:#fff
}
.nav-tabs.nav-bottom .nav-item .nav-link.active,.nav-tabs.nav-bottom .nav-item .nav-link.focus,.nav-tabs.nav-bottom .nav-item .nav-link.hover{
    border-color:#fff #dee2e6 #dee2e6
}
.tab-content ~ .nav-tabs.border-tab{
    margin-bottom:0;
    margin-top:30px
}
.border-tab.nav-tabs{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    margin-bottom:30px
}
.border-tab.nav-tabs .nav-item .nav-link{
    font-size:16px;
    color:#2c323f;
    text-align:center;
    padding:10px 25px;
    border:none;
    border-bottom:none;
    -webkit-transition:0.3s;
    transition:0.3s
}
.border-tab.nav-tabs .nav-item .nav-link.active,.border-tab.nav-tabs .nav-item .nav-link.show,.border-tab.nav-tabs .nav-item .nav-link:focus,.border-tab.nav-tabs .nav-item .nav-link:hover{
    color:var(--theme-deafult)
}
.border-tab.nav-tabs .nav-item .nav-link.active,.border-tab.nav-tabs .nav-item .nav-link.show,.border-tab.nav-tabs .nav-item .nav-link:focus{
    border-bottom:none
}
.border-tab.nav-left .nav-link{
    border-left:2px solid transparent;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:#2c323f
}
.border-tab.nav-left .nav-link.active,.border-tab.nav-left .show>.nav-link{
    background-color:transparent;
    border-left-color:var(--theme-deafult);
    color:var(--theme-deafult);
    border-radius:0;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.border-tab.nav-right .nav-link{
    border-right:2px solid transparent;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:#2c323f;
    text-align:right
}
.border-tab.nav-right .nav-link.active,.border-tab.nav-right .show>.nav-link{
    background-color:transparent;
    border-right-color:var(--theme-deafult);
    color:var(--theme-deafult);
    border-radius:0;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.border-tab.nav-theme .nav-link.active,.border-tab.nav-theme .nav-item.show,.border-tab.nav-theme .nav-link:focus,.border-tab.nav-theme .nav-link:hover{
    color:var(--theme-deafult);
    background-color:transparent
}
.border-tab.nav-theme .nav-item .nav-link{
    -webkit-transition:0.3s;
    transition:0.3s
}
.border-tab.nav-theme .nav-item .nav-link.active,.border-tab.nav-theme .nav-item .nav-link.show,.border-tab.nav-theme .nav-item .nav-link:focus{
    border-bottom:2px solid var(--theme-deafult)
}
.border-tab.nav-theme .nav-item .nav-link.active,.border-tab.nav-theme .nav-item .nav-link.show,.border-tab.nav-theme .nav-item .nav-link:focus,.border-tab.nav-theme .nav-item .nav-link:hover{
    color:var(--theme-deafult)
}
.border-tab.nav-left.nav-theme .nav-link.active,.border-tab.nav-left.nav-theme .show>.nav-link{
    border-left-color:var(--theme-deafult);
    color:var(--theme-deafult)
}
.border-tab.nav-right.nav-theme .nav-link.active,.border-tab.nav-right.nav-theme .show>.nav-link{
    border-right-color:var(--theme-deafult);
    color:var(--theme-deafult)
}
.border-tab.nav-primary .nav-link.active,.border-tab.nav-primary .nav-item.show,.border-tab.nav-primary .nav-link:focus,.border-tab.nav-primary .nav-link:hover{
    color:var(--theme-deafult);
    background-color:transparent
}
.border-tab.nav-primary .nav-item .nav-link{
    -webkit-transition:0.3s;
    transition:0.3s
}
.border-tab.nav-primary .nav-item .nav-link.active,.border-tab.nav-primary .nav-item .nav-link.show,.border-tab.nav-primary .nav-item .nav-link:focus{
    border-bottom:2px solid var(--theme-deafult)
}
.border-tab.nav-primary .nav-item .nav-link.active,.border-tab.nav-primary .nav-item .nav-link.show,.border-tab.nav-primary .nav-item .nav-link:focus,.border-tab.nav-primary .nav-item .nav-link:hover{
    color:var(--theme-deafult)
}
.border-tab.nav-left.nav-primary .nav-link.active,.border-tab.nav-left.nav-primary .show>.nav-link{
    border-left-color:var(--theme-deafult);
    color:var(--theme-deafult)
}
.border-tab.nav-right.nav-primary .nav-link.active,.border-tab.nav-right.nav-primary .show>.nav-link{
    border-right-color:var(--theme-deafult);
    color:var(--theme-deafult)
}
.border-tab.nav-secondary .nav-link.active,.border-tab.nav-secondary .nav-item.show,.border-tab.nav-secondary .nav-link:focus,.border-tab.nav-secondary .nav-link:hover{
    color:#f73164;
    background-color:transparent
}
.border-tab.nav-secondary .nav-item .nav-link{
    -webkit-transition:0.3s;
    transition:0.3s
}
.border-tab.nav-secondary .nav-item .nav-link.active,.border-tab.nav-secondary .nav-item .nav-link.show,.border-tab.nav-secondary .nav-item .nav-link:focus{
    border-bottom:2px solid #f73164
}
.border-tab.nav-secondary .nav-item .nav-link.active,.border-tab.nav-secondary .nav-item .nav-link.show,.border-tab.nav-secondary .nav-item .nav-link:focus,.border-tab.nav-secondary .nav-item .nav-link:hover{
    color:#f73164
}
.border-tab.nav-left.nav-secondary .nav-link.active,.border-tab.nav-left.nav-secondary .show>.nav-link{
    border-left-color:#f73164;
    color:#f73164
}
.border-tab.nav-right.nav-secondary .nav-link.active,.border-tab.nav-right.nav-secondary .show>.nav-link{
    border-right-color:#f73164;
    color:#f73164
}
.border-tab.nav-success .nav-link.active,.border-tab.nav-success .nav-item.show,.border-tab.nav-success .nav-link:focus,.border-tab.nav-success .nav-link:hover{
    color:#51bb25;
    background-color:transparent
}
.border-tab.nav-success .nav-item .nav-link{
    -webkit-transition:0.3s;
    transition:0.3s
}
.border-tab.nav-success .nav-item .nav-link.active,.border-tab.nav-success .nav-item .nav-link.show,.border-tab.nav-success .nav-item .nav-link:focus{
    border-bottom:2px solid #51bb25
}
.border-tab.nav-success .nav-item .nav-link.active,.border-tab.nav-success .nav-item .nav-link.show,.border-tab.nav-success .nav-item .nav-link:focus,.border-tab.nav-success .nav-item .nav-link:hover{
    color:#51bb25
}
.border-tab.nav-left.nav-success .nav-link.active,.border-tab.nav-left.nav-success .show>.nav-link{
    border-left-color:#51bb25;
    color:#51bb25
}
.border-tab.nav-right.nav-success .nav-link.active,.border-tab.nav-right.nav-success .show>.nav-link{
    border-right-color:#51bb25;
    color:#51bb25
}
.border-tab.nav-danger .nav-link.active,.border-tab.nav-danger .nav-item.show,.border-tab.nav-danger .nav-link:focus,.border-tab.nav-danger .nav-link:hover{
    color:#dc3545;
    background-color:transparent
}
.border-tab.nav-danger .nav-item .nav-link{
    -webkit-transition:0.3s;
    transition:0.3s
}
.border-tab.nav-danger .nav-item .nav-link.active,.border-tab.nav-danger .nav-item .nav-link.show,.border-tab.nav-danger .nav-item .nav-link:focus{
    border-bottom:2px solid #dc3545
}
.border-tab.nav-danger .nav-item .nav-link.active,.border-tab.nav-danger .nav-item .nav-link.show,.border-tab.nav-danger .nav-item .nav-link:focus,.border-tab.nav-danger .nav-item .nav-link:hover{
    color:#dc3545
}
.border-tab.nav-left.nav-danger .nav-link.active,.border-tab.nav-left.nav-danger .show>.nav-link{
    border-left-color:#dc3545;
    color:#dc3545
}
.border-tab.nav-right.nav-danger .nav-link.active,.border-tab.nav-right.nav-danger .show>.nav-link{
    border-right-color:#dc3545;
    color:#dc3545
}
.border-tab.nav-info .nav-link.active,.border-tab.nav-info .nav-item.show,.border-tab.nav-info .nav-link:focus,.border-tab.nav-info .nav-link:hover{
    color:#a927f9;
    background-color:transparent
}
.border-tab.nav-info .nav-item .nav-link{
    -webkit-transition:0.3s;
    transition:0.3s
}
.border-tab.nav-info .nav-item .nav-link.active,.border-tab.nav-info .nav-item .nav-link.show,.border-tab.nav-info .nav-item .nav-link:focus{
    border-bottom:2px solid #a927f9
}
.border-tab.nav-info .nav-item .nav-link.active,.border-tab.nav-info .nav-item .nav-link.show,.border-tab.nav-info .nav-item .nav-link:focus,.border-tab.nav-info .nav-item .nav-link:hover{
    color:#a927f9
}
.border-tab.nav-left.nav-info .nav-link.active,.border-tab.nav-left.nav-info .show>.nav-link{
    border-left-color:#a927f9;
    color:#a927f9
}
.border-tab.nav-right.nav-info .nav-link.active,.border-tab.nav-right.nav-info .show>.nav-link{
    border-right-color:#a927f9;
    color:#a927f9
}
.border-tab.nav-light .nav-link.active,.border-tab.nav-light .nav-item.show,.border-tab.nav-light .nav-link:focus,.border-tab.nav-light .nav-link:hover{
    color:#f4f4f4;
    background-color:transparent
}
.border-tab.nav-light .nav-item .nav-link{
    -webkit-transition:0.3s;
    transition:0.3s
}
.border-tab.nav-light .nav-item .nav-link.active,.border-tab.nav-light .nav-item .nav-link.show,.border-tab.nav-light .nav-item .nav-link:focus{
    border-bottom:2px solid #f4f4f4
}
.border-tab.nav-light .nav-item .nav-link.active,.border-tab.nav-light .nav-item .nav-link.show,.border-tab.nav-light .nav-item .nav-link:focus,.border-tab.nav-light .nav-item .nav-link:hover{
    color:#f4f4f4
}
.border-tab.nav-left.nav-light .nav-link.active,.border-tab.nav-left.nav-light .show>.nav-link{
    border-left-color:#f4f4f4;
    color:#f4f4f4
}
.border-tab.nav-right.nav-light .nav-link.active,.border-tab.nav-right.nav-light .show>.nav-link{
    border-right-color:#f4f4f4;
    color:#f4f4f4
}
.border-tab.nav-dark .nav-link.active,.border-tab.nav-dark .nav-item.show,.border-tab.nav-dark .nav-link:focus,.border-tab.nav-dark .nav-link:hover{
    color:#2c323f;
    background-color:transparent
}
.border-tab.nav-dark .nav-item .nav-link{
    -webkit-transition:0.3s;
    transition:0.3s
}
.border-tab.nav-dark .nav-item .nav-link.active,.border-tab.nav-dark .nav-item .nav-link.show,.border-tab.nav-dark .nav-item .nav-link:focus{
    border-bottom:2px solid #2c323f
}
.border-tab.nav-dark .nav-item .nav-link.active,.border-tab.nav-dark .nav-item .nav-link.show,.border-tab.nav-dark .nav-item .nav-link:focus,.border-tab.nav-dark .nav-item .nav-link:hover{
    color:#2c323f
}
.border-tab.nav-left.nav-dark .nav-link.active,.border-tab.nav-left.nav-dark .show>.nav-link{
    border-left-color:#2c323f;
    color:#2c323f
}
.border-tab.nav-right.nav-dark .nav-link.active,.border-tab.nav-right.nav-dark .show>.nav-link{
    border-right-color:#2c323f;
    color:#2c323f
}
.border-tab.nav-warning .nav-link.active,.border-tab.nav-warning .nav-item.show,.border-tab.nav-warning .nav-link:focus,.border-tab.nav-warning .nav-link:hover{
    color:#f8d62b;
    background-color:transparent
}
.border-tab.nav-warning .nav-item .nav-link{
    -webkit-transition:0.3s;
    transition:0.3s
}
.border-tab.nav-warning .nav-item .nav-link.active,.border-tab.nav-warning .nav-item .nav-link.show,.border-tab.nav-warning .nav-item .nav-link:focus{
    border-bottom:2px solid #f8d62b
}
.border-tab.nav-warning .nav-item .nav-link.active,.border-tab.nav-warning .nav-item .nav-link.show,.border-tab.nav-warning .nav-item .nav-link:focus,.border-tab.nav-warning .nav-item .nav-link:hover{
    color:#f8d62b
}
.border-tab.nav-left.nav-warning .nav-link.active,.border-tab.nav-left.nav-warning .show>.nav-link{
    border-left-color:#f8d62b;
    color:#f8d62b
}
.border-tab.nav-right.nav-warning .nav-link.active,.border-tab.nav-right.nav-warning .show>.nav-link{
    border-right-color:#f8d62b;
    color:#f8d62b
}
.tabbed-card ul{
    position:absolute;
    right:22px;
    top:33px;
    border-bottom:none
}
.tabbed-card ul.border-tab.nav-tabs{
    top:12px
}
.tabbed-card ul.border-tab.nav-tabs .nav-item{
    float:right
}
.tabbed-card ul.border-tab.nav-tabs .nav-item .nav-link{
    padding:32px 15px
}
thead,tbody,tfoot,tr,td,th{
    border-color:#dee2e6
}
.pills-component{
    width:20%
}
.table{
    margin-bottom:0px
}
.table>:not(:last-child)>:last-child>*{
    border-bottom-color:#ecf3fa
}
.table th,.table td{
    padding:.75rem
}
.table.table-primary th{
    color:#fff
}
.table thead.bg-primary tr th{
    color:#fff
}
.table th{
    color:#2b2b2b;
    font-weight:500
}
.table td{
    color:#2b2b2b
}
.table [class*='bg-']{
    color:#fff
}
.table .bg-light{
    color:#2b2b2b
}
.table tfoot{
    font-weight:bold
}
.table-dark th{
    color:#fff
}
.table-inverse{
    color:#fff;
    background-color:#292b2c
}
.table-inverse th,.table-inverse td{
    border-color:#fff;
    color:#fff
}
.table-inverse.table-bordered{
    border:0
}
.table[class*='bg-'] th,.table[class*='bg-'] td{
    color:#fff
}
.table-hover>tbody>tr:hover{
    --bs-table-accent-bg: #f6f6f6
}
.table-double{
    border-left:4px double #dee2e6;
    border-right:4px double #dee2e6
}
.table-double thead,.table-double tbody,.table-double tfoot,.table-double tr,.table-double td,.table-double th{
    border-style:double;
    border-width:4px;
    border-right:0;
    border-left:0
}
.table-dotted{
    border-left:2px dotted #dee2e6;
    border-right:2px dotted #dee2e6
}
.table-dotted thead,.table-dotted tbody,.table-dotted tfoot,.table-dotted tr,.table-dotted td,.table-dotted th{
    border-style:dotted !important;
    border-width:2px;
    border-right:0;
    border-left:0
}
.table-dashed{
    border-left:2px dashed #dee2e6;
    border-right:2px dashed #dee2e6
}
.table-dashed thead,.table-dashed tbody,.table-dashed tfoot,.table-dashed tr,.table-dashed td,.table-dashed th{
    border-style:dashed !important;
    border-width:2px;
    border-right:0;
    border-left:0
}
.table-xl td,.table-xl th{
    padding:1.25rem 2rem;
    font-size:120%
}
.table-lg td,.table-lg th{
    padding:0.9rem 2rem;
    font-size:110%
}
.table-de td,.table-de th{
    padding:0.75rem 2rem
}
.table-sm th,.table-sm td{
    padding:0.5rem 2rem;
    font-size:90%
}
.table-xs th,.table-xs td{
    padding:0.2rem 2rem;
    font-size:80%
}
.table-border-horizontal tr,.table-border-horizontal th,.table-border-horizontal td{
    border-top:1px solid #f2f4ff;
    padding:0.75rem 2rem
}
.table-border-vertical tr,.table-border-vertical th,.table-border-vertical td{
    border-top:0;
    border-right:1px solid #f2f4ff
}
.table-border-vertical tr td{
    border-bottom:0
}
.table-border-vertical tr td:last-child{
    border-right:none
}
.table-border-vertical tbody tr th{
    border-bottom:0
}
.table-bordernone td{
    border:none !important
}
.table-bordernone thead th{
    border:none !important
}
.table-bordernone .u-s-tb{
    padding:11px
}
.table-striped tbody tr:nth-of-type(odd){
    --bs-table-accent-bg: rgba(245, 247, 250, 0.5)
}
.table-bordered thead,.table-bordered tbody,.table-bordered tfoot,.table-bordered tr,.table-bordered td,.table-bordered th{
    border-color:#f2f4ff
}
.bootstrap-touchspin input.touchspin{
    padding:0 12px
}
.bootstrap-touchspin .input-group .btn{
    padding:0.5rem 1.75rem
}
.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical{
    position:relative;
    white-space:nowrap;
    width:1%;
    vertical-align:middle;
    display:table-cell
}
.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical .bootstrap-touchspin-down{
    margin-top:-2px
}
.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical i{
    position:absolute;
    top:4px;
    left:7px;
    font-size:10px;
    font-weight:normal
}
.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical>.btn{
    display:block;
    float:none;
    width:100%;
    max-width:100%;
    padding:9px;
    margin-left:-1px;
    position:relative
}
.bootstrap-touchspin .input-group{
    font-family:Rubik,sans-serif
}
.bootstrap-touchspin .input-group .btn{
    border-radius:0 !important
}
.bootstrap-touchspin .dropdown-basic .dropdown .dropbtn{
    padding:9px 30px
}
.bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content{
    z-index:9999
}
.introjs-helperLayer{
    background-color:rgba(255,255,255,0.9);
    border:1px solid rgba(0,0,0,0.5);
    -webkit-box-shadow:0 2px 15px rgba(0,0,0,0.4);
    box-shadow:0 2px 15px rgba(0,0,0,0.4)
}
.introjs-tooltipReferenceLayer{
    background-color:transparent
}
.introjs-helperNumberLayer{
    color:#fff;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
    background:#dc3545;
    background:-webkit-gradient(linear, left top, left bottom, from(var(--theme-deafult)), to(var(--theme-deafult)));
    background:linear-gradient(to bottom, var(--theme-deafult) 0%, var(--theme-deafult) 100%);
    border:3px solid #fff;
    -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.4);
    box-shadow:0 2px 5px rgba(0,0,0,0.4)
}
.introjs-arrow{
    border:12px solid #fff
}
.introjs-arrow.top{
    border-top-color:transparent;
    border-right-color:transparent;
    border-bottom-color:var(--theme-deafult);
    border-left-color:transparent
}
.introjs-arrow.top-right{
    border-top-color:transparent;
    border-right-color:transparent;
    border-bottom-color:var(--theme-deafult);
    border-left-color:transparent
}
.introjs-arrow.top-middle{
    border-top-color:transparent;
    border-right-color:transparent;
    border-bottom-color:var(--theme-deafult);
    border-left-color:transparent
}
.introjs-arrow.right{
    border-top-color:transparent;
    border-right-color:transparent;
    border-bottom-color:transparent;
    border-left-color:var(--theme-deafult)
}
.introjs-arrow.right-bottom{
    border-top-color:transparent;
    border-right-color:transparent;
    border-bottom-color:transparent;
    border-left-color:var(--theme-deafult)
}
.introjs-arrow.bottom{
    border-top-color:var(--theme-deafult);
    border-right-color:transparent;
    border-bottom-color:transparent;
    border-left-color:transparent
}
.introjs-arrow.left{
    border-top-color:transparent;
    border-right-color:var(--theme-deafult);
    border-bottom-color:transparent;
    border-left-color:transparent
}
.introjs-arrow.left-bottom{
    border-top-color:transparent;
    border-right-color:var(--theme-deafult);
    border-bottom-color:transparent;
    border-left-color:transparent
}
.introjs-tooltip{
    background-color:var(--theme-deafult);
    -webkit-box-shadow:0 1px 10px rgba(0,0,0,0.4);
    box-shadow:0 1px 10px rgba(0,0,0,0.4);
    color:#fff;
    border-color:var(--theme-deafult)
}
.introjs-button{
    border:1px solid #efefef;
    text-shadow:1px 1px 0 #fff;
    color:#2b2b2b !important;
    background-color:#fff;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background-image:linear-gradient(#fff, #fff)
}
.introjs-button:hover{
    border-color:#efefef
}
.introjs-button:focus,.introjs-button:active{
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ecf3fa), to(#efefef));
    background-image:linear-gradient(#ecf3fa, #efefef)
}
.introjs-skipbutton{
    color:var(--theme-deafult)
}
.introjs-prevbutton.introjs-fullbutton{
    border:1px solid #efefef
}
.introjs-disabled{
    color:var(--theme-deafult);
    border-color:#efefef
}
.introjs-disabled:hover,.introjs-disabled:focus{
    color:var(--theme-deafult);
    border-color:#efefef
}
.introjs-bullets ul li a{
    background:#ecf3fa
}
.introjs-bullets ul li a:hover{
    background:#fff
}
.introjs-bullets ul li a.active{
    background:#fff
}
.introjs-progress{
    background-color:#f4f4f4
}
.introjs-progressbar{
    background-color:var(--theme-deafult)
}
.introjs-hint:hover>.introjs-hint-pulse{
    border:5px solid rgba(60,60,60,0.57)
}
.introjs-hint-pulse{
    border:5px solid rgba(60,60,60,0.27);
    background-color:rgba(136,136,136,0.24)
}
.introjs-hint-dot{
    border:10px solid rgba(146,146,146,0.36)
}
.jstree-default .jstree-clicked{
    background-color:#fff;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#2c323f
}
.vakata-context,.vakata-context ul{
    background-color:#fff;
    border:none;
    -webkit-box-shadow:0 0 2px 2px #efefef;
    box-shadow:0 0 2px 2px #efefef
}
.vakata-context li a .vakata-contextmenu-sep,.vakata-context ul li a .vakata-contextmenu-sep{
    display:none
}
.vakata-context li a:hover,.vakata-context ul li a:hover{
    background-color:#fff;
    -webkit-box-shadow:None;
    box-shadow:None
}
.vakata-context .vakata-context-separator,.vakata-context ul .vakata-context-separator{
    display:none
}
.Typeahead{
    width:100%
}
.Typeahead *{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.Typeahead *:before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.Typeahead *:after{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.Typeahead .tt-hint{
    display:none !important
}
.u-cf:before{
    content:" ";
    display:table
}
.u-cf:after{
    content:" ";
    display:table;
    clear:both
}
.u-hidden{
    display:none !important
}
.u-posRelative{
    position:relative
}
.Typeahead-spinner{
    position:absolute;
    top:14px;
    right:18px;
    display:none;
    color:#c5c5c5
}
.ProfileCard-avatar svg{
    height:18px;
    vertical-align:bottom
}
.ProfileCard-avatar svg path{
    color:#7e7c7c !important
}
.ProfileCard-avatar svg polygon{
    color:#7e7c7c !important
}
.Typeahead-hint{
    width:100%;
    padding:5px 8px;
    font-size:24px;
    line-height:30px;
    border:1px solid #024e6a;
    border-radius:8px;
    position:absolute;
    top:0;
    left:0;
    color:#ccd6dd;
    opacity:1
}
.Typeahead-menu{
    position:absolute;
    top:100%;
    left:0;
    padding:15px;
    z-index:100;
    display:none;
    width:100%;
    overflow:hidden;
    background-color:#fff;
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
    box-shadow:0 5px 10px rgba(0,0,0,0.2)
}
.Typeahead-menu.is-open{
    display:block
}
.Typeahead-selectable{
    cursor:pointer
}
.Typeahead-selectable+.Typeahead-selectable{
    border-top:1px solid #ccd6dd
}
.ProfileCard{
    position:relative;
    padding:10px;
    border:1px solid #ccc !important;
    margin-bottom:10px;
    border-radius:10px
}
.ProfileCard:hover{
    color:#414345;
    background:#f8f8f8
}
.ProfileCard:hover .ProfileCard-avatar{
    border-color:#f5f8fa
}
.ProfileCard:hover .ProfileCard-screenName{
    color:#fff
}
.ProfileCard:hover .ProfileCard-stat-label{
    color:#fff
}
.ProfileCard-avatar{
    position:absolute;
    border-radius:5px
}
.ProfileCard-details{
    padding-left:35px;
    float:left
}
.ProfileCard-realName{
    display:inline-block;
    color:#898989
}
.ProfileCard-screenName{
    display:inline-block;
    color:#898989
}
.ProfileCard-description{
    margin-top:5px;
    font-size:14px;
    line-height:18px
}
.ProfileCard-stats{
    float:right;
    text-align:right
}
.ProfileCard-stat{
    display:inline-block;
    font-size:12px;
    line-height:16px;
    text-transform:uppercase
}
.ProfileCard-stat+.ProfileCard-stat{
    margin-left:5px
}
.ProfileCard-stat-label{
    color:#898989;
    font-weight:500
}
.ProfileCard.is-active{
    color:#fff;
    background:var(--theme-deafult)
}
.ProfileCard.is-active .ProfileCard-screenName{
    color:#fff
}
.ProfileCard.is-active .ProfileCard-stat-label{
    color:#fff
}
.EmptyMessage{
    position:relative;
    padding:10px;
    font-size:14px;
    line-height:30px;
    text-align:center
}
.Typeahead-spinner{
    width:1rem;
    height:1rem
}
[data-simplebar]{
    position:unset
}
.simplebar-mask{
    top:100px
}
.simplebar-track{
    right:-2px
}
.simplebar-track.simplebar-vertical{
    top:100px;
    width:10px
}
.simplebar-track.simplebar-horizontal{
    visibility:hidden !important
}
.simplebar-scrollbar:before{
    background:rgba(115,102,255,0.2)
}
.blog-box img{
    border-radius:0.25rem
}
.blog-box .top-radius-blog{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.blog-box h6{
    font-weight:600;
    margin:15px 0
}
.blog-box .blog-details{
    padding-right:20px
}
.blog-box .blog-details .blog-social{
    margin-top:30px
}
.blog-box .blog-details .blog-social li{
    display:inline-block;
    font-size:12px;
    color:rgba(43,43,43,0.7)
}
.blog-box .blog-details .blog-social li+li{
    padding-left:20px;
    line-height:1;
    padding-right:0
}
.blog-box .blog-details .blog-social li i{
    padding-right:5px;
    font-weight:300
}
.blog-box .blog-details .blog-social li:first-child{
    border-right:1px solid gray;
    padding-right:20px
}
.blog-box .blog-details-main hr{
    background-color:#ccc
}
.blog-box .blog-details-main .blog-social{
    margin:20px 0
}
.blog-box .blog-details-main .blog-social li{
    display:inline-block;
    font-size:12px;
    color:rgba(43,43,43,0.7);
    padding:0 24px;
    border-right:1px dotted
}
.blog-box .blog-details-main .blog-social li:last-child{
    border-right:0
}
.blog-box .blog-details-main .blog-social li i{
    padding-right:5px
}
.blog-box .blog-details-main .blog-bottom-details{
    margin:20px;
    font-size:14px;
    line-height:1.714;
    font-weight:500
}
.blog-box .blog-date{
    color:rgba(43,43,43,0.7)
}
.blog-box .blog-date span{
    font-size:36px;
    font-weight:500;
    padding-right:5px
}
.blog-box.blog-shadow:before{
    -webkit-box-shadow:inset 0px -200px 100px -13px rgba(0,0,0,0.6);
    box-shadow:inset 0px -200px 100px -13px rgba(0,0,0,0.6);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    border-radius:5px;
    content:"";
    position:absolute;
    height:100%;
    top:0;
    width:100%;
    bottom:0
}
.blog-box.blog-shadow:hover:before{
    -webkit-box-shadow:inset 0px -200px 100px -13px rgba(0,0,0,0.65);
    box-shadow:inset 0px -200px 100px -13px rgba(0,0,0,0.65);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.blog-box.blog-shadow .blog-details{
    position:absolute;
    bottom:0;
    width:100%;
    padding:40px
}
.blog-box.blog-shadow .blog-details h4{
    color:#fff;
    margin-bottom:0
}
.blog-box.blog-shadow .blog-details p{
    font-size:14px;
    color:#fff;
    margin-bottom:10px
}
.blog-box.blog-shadow .blog-details .blog-social li{
    color:#fff
}
.blog-list .blog-details .blog-social{
    margin-top:0
}
.blog-list .blog-details h6{
    margin-top:0;
    color:gray;
    font-weight:500
}
.blog-list .blog-details hr{
    margin-top:10px;
    margin-bottom:10px
}
.blog-list img{
    padding:17px
}
.blog-grid img{
    width:100%
}
.blog-grid .blog-details{
    padding:20px
}
.blog-grid .blog-details h6{
    font-size:14px;
    margin-bottom:0;
    line-height:1.8
}
.blog-box{
    position:relative;
    max-height:100%;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.blog-box .blog-details p{
    font-size:14px;
    line-height:1.8;
    letter-spacing:0.7px;
    margin-top:30px;
    margin-bottom:0;
    color:rgba(43,43,43,0.7)
}
.blog-box .blog-details h4{
    font-size:18px;
    font-weight:500;
    line-height:1.5;
    margin-top:20px;
    margin-bottom:0
}
.blog-box .blog-details .single-blog-content-top{
    margin-top:20px;
    border-top:1px solid #efefef
}
.blog-box .blog-details .blog-social li,.blog-box .blog-details .comment-social li{
    font-size:14px
}
.comment-box{
    padding-top:50px;
    padding-bottom:50px
}
.comment-box hr{
    margin-top:20px;
    margin-bottom:30px
}
.comment-box li{
    margin-bottom:30px
}
.comment-box li:last-child{
    margin-bottom:0
}
.comment-box ul ul{
    margin-left:135px
}
.comment-box p{
    font-size:14px;
    line-height:2;
    color:rgba(43,43,43,0.7);
    text-align:justify;
    margin-bottom:0
}
.comment-box h4{
    font-weight:600
}
.comment-box .media img{
    margin-right:30px;
    border-radius:10px;
    height:90px;
    padding:7px;
    width:90px;
    border:1px solid #efefef
}
.comment-box .media h6{
    font-weight:500;
    margin-bottom:20px
}
.comment-box .media h6 span{
    padding-left:10px;
    font-size:13px;
    color:rgba(43,43,43,0.7);
    font-weight:400
}
.comment-box .comment-social li{
    display:inline-block;
    color:#ccc;
    padding-left:20px;
    margin-bottom:0;
    text-transform:uppercase
}
.comment-box .comment-social li:first-child{
    border-right:1px solid #efefef;
    padding-right:20px
}
.comment-box .comment-social li i{
    padding-right:10px
}
.modal-bookmark .modal-body,.modal-bookmark .modal-header{
    padding:30px
}
.bookmark-wrap .btn-mail{
    color:var(--theme-deafult) !important
}
.bookmark-wrap .details-bookmark .row>div+div{
    padding-right:15px !important
}
.bookmark-wrap .left-bookmark{
    height:700px
}
.bookmark-wrap .left-bookmark ul li button{
    border:none;
    cursor:pointer
}
.bookmark-wrap .left-bookmark ul li button:focus{
    outline:none
}
.bookmark-wrap .left-bookmark ul li svg{
    width:18px;
    height:18px;
    vertical-align:middle
}
.bookmark-wrap .left-bookmark ul li>.main-title{
    color:var(--theme-deafult);
    font-weight:500;
    margin-bottom:5px;
    display:block;
    font-size:16px
}
.bookmark-wrap .left-bookmark ul li>.main-title span a:hover{
    background-color:rgba(0,0,0,0)
}
.bookmark-wrap .left-bookmark ul li>.main-title svg{
    color:#898989;
    stroke-width:1px
}
.bookmark-wrap .left-bookmark ul li a>.title{
    text-transform:capitalize
}
.form-bookmark a{
    text-transform:capitalize !important;
    color:var(--theme-deafult) !important;
    line-height:1 !important;
    font-weight:500
}
.form-bookmark a:hover{
    background-color:rgba(0,0,0,0) !important
}
.form-bookmark input#index_var{
    display:none
}
.form-bookmark input,.form-bookmark select{
    font-size:14px
}
.form-bookmark .select2-container .select2-selection--single{
    border-color:#ced4da
}
.form-bookmark .select2{
    width:100% !important
}
.form-bookmark .error{
    margin:0 !important;
    font-size:11px;
    color:red !important
}
.form-bookmark button{
    margin-top:10px
}
@-webkit-keyframes displayTransition{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes displayTransition{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.bookmark-tabcontent .details-bookmark{
    height:auto;
    min-height:359px
}
.bookmark-tabcontent .details-bookmark .bookmark-card{
    position:relative
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon{
    padding:3px;
    border-radius:4px;
    background-color:rgba(0,0,0,0.2);
    width:30px;
    position:absolute;
    right:15px;
    top:15px;
    opacity:0
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon i{
    color:#fff;
    font-size:16px;
    vertical-align:text-bottom
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon.favourite i{
    color:#fed112
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data{
    width:100%
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data .content-general{
    display:none
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon{
    -webkit-transition:0.5s;
    transition:0.5s
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark{
    text-align:left;
    padding:15px;
    border-top:1px solid #f4f4f4;
    position:relative
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark h6{
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    overflow:hidden
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark p{
    -webkit-animation:displayTransition 1s;
    animation:displayTransition 1s
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block{
    opacity:0;
    position:absolute;
    width:100%;
    padding:15px;
    top:30px;
    left:0
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li{
    display:inline-block
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li+li{
    margin-left:5px
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li svg{
    width:16px;
    height:16px;
    color:#898989
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover{
    -webkit-box-shadow:1px 4px 16px 3px rgba(0,0,0,0.04);
    box-shadow:1px 4px 16px 3px rgba(0,0,0,0.04);
    -webkit-transition:0.5s;
    transition:0.5s
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark p{
    opacity:0
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark .hover-block{
    opacity:1;
    -webkit-animation:displayTransition 2s;
    animation:displayTransition 2s
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .favourite-icon{
    opacity:1
}
.bookmark-tabcontent .details-bookmark.list-bookmark .row .col-xl-3{
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .desciption-data .content-general{
    display:block
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p{
    opacity:1
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block{
    position:absolute;
    right:30px;
    opacity:1;
    text-align:right
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block{
    opacity:1;
    -webkit-animation:displayTransition 0s;
    animation:displayTransition 0s
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark{
    border-top:none
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark p,.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6{
    margin-top:0;
    display:inline-block
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6{
    position:relative;
    padding-right:15px;
    margin-bottom:-5px
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6::after{
    position:absolute;
    content:'-';
    right:0;
    color:#898989
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general{
    margin-top:5px
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p{
    width:68%;
    margin-right:20px
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img{
    width:20%
}
.bookmark-tabcontent .tab-content .card .d-flex{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.bookmark-tabcontent .tab-content .card .d-flex svg{
    width:18px;
    height:18px;
    vertical-align:middle
}
.bookmark-tabcontent .tab-content .card .d-flex ul li{
    display:inline-block
}
.bookmark-tabcontent .tab-content .card .d-flex ul li+li{
    margin-left:5px
}
.bookmark-tabcontent .tab-content .tab-pane>.card{
    -webkit-box-shadow:none;
    box-shadow:none
}
@media only screen and (max-width: 1660px){
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p{
        display:none
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block{
        margin-top:6px
    }
}
@media screen and (min-width: 1200px) and (max-width: 1366px){
    .bookmark-wrap .left-bookmark ul li .btn-block svg{
        display:none
    }
}
@media only screen and (max-width: 1366px){
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img{
        width:40%
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block{
        top:80px
    }
}
@media only screen and (max-width: 1199px){
    .bookmark-wrap .left-bookmark{
        height:auto
    }
    .bookmark-tabcontent .details-bookmark{
        min-height:auto
    }
}
@media only screen and (max-width: 991px){
    .modal-bookmark .modal-body,.modal-bookmark .modal-header{
        padding:20px
    }
}
@media only screen and (max-width: 767px){
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        max-width:172px
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block p{
        display:none
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block ul{
        position:relative;
        right:unset;
        top:unset
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img{
        width:45%
    }
     .chat-box .chat-right-aside .chat .chat-msg-box {
                margin-bottom: 10px !important;
        }
    
}
@media only screen and (max-width: 575px){
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img{
        width:100%
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website{
        display:block
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark{
        padding-left:15px
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block{
        position:relative;
        right:unset;
        text-align:left;
        top:unset;
        padding:0
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .content-general{
        display:none
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p,.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6{
        display:block
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6::after{
        display:none
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p{
        margin-top:15px
    }
    .modal-bookmark .modal-body,.modal-bookmark .modal-header{
        padding:15px
    }
}
.cart .total-amount{
    text-align:right !important;
    margin-top:30px
}
.cart .amount-space{
    margin-left:40px
}
.cart .cart-btn-transform{
    text-transform:capitalize
}
.cart .qty-box{
    width:25%;
    margin:0 auto
}
.cart .qty-box .input-group .btn{
    background-color:#ddd !important;
    border-color:#ddd !important;
    padding:8px 12px
}
.cart-buttons{
    margin-top:30px
}
.cart-buttons .cart-btn{
    float:right;
    padding-right:85px
}
.radial-bar.radial-bar-lg:after,.radial-bar.radial-bar-lg>img{
    width:70px;
    height:70px;
    margin-left:15px;
    margin-top:15px;
    line-height:70px
}
.radial-bar.radial-bar-sm:after,.radial-bar.radial-bar-sm>img{
    width:35px;
    height:35px;
    margin-left:7.5px;
    margin-top:7.5px;
    line-height:35px
}
.radial-bar.radial-bar-xs:after,.radial-bar.radial-bar-xs>img{
    width:20px;
    height:20px;
    margin-left:5.5px;
    margin-top:4.5px;
    line-height:21px
}
.chart-block canvas{
    width:100% !important
}
.chart-block .chart-overflow{
    overflow:hidden;
    text-align:center
}
.candidcahrt{
    width:100%;
    height:470px
}
.amcharts-export-canvas{
    position:absolute;
    display:none;
    z-index:1;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:#fff
}
.amcharts-export-canvas .canvas-container{
    -webkit-transition:opacity .5s ease-out;
    transition:opacity .5s ease-out
}
.amcharts-export-canvas.active{
    display:block
}
.amcharts-export-canvas.dropbox .canvas-container{
    opacity:.5
}
.flot-chart-container{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    height:400px
}
.flot-chart-container #toggling-series-flot{
    width:79% !important
}
.all-chart .flot-chart-container{
    height:350px
}
.flot-chart-placeholder{
    width:100%;
    height:100%;
    font-size:14px;
    line-height:1.2em;
    text-align:center
}
.flot-chart-placeholder .legend table{
    border-spacing:5px
}
.morris-hover{
    position:absolute;
    z-index:8
}
.morris-hover.morris-default-style{
    border-radius:10px;
    padding:6px;
    color:#898989;
    background:#fff;
    border:solid 1px #ecf3fa;
    font-family:sans-serif;
    font-size:12px;
    text-align:center
}
.morris-hover.morris-default-style .morris-hover-row-label{
    font-weight:bold;
    margin:0.25em 0
}
.morris-hover.morris-default-style .morris-hover-point{
    white-space:nowrap;
    margin:0.1em 0
}
.chart-sparkline{
    position:absolute;
    left:0;
    top:0;
    visibility:hidden;
    background:rgba(49,49,49,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    color:#fff;
    font:10px Rubik,sans-serif;
    text-align:left;
    white-space:nowrap;
    padding:5px;
    border:1px solid rgba(49,49,49,0.75);
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    z-index:10000;
    border-radius:5px
}
.chart-sparkline .jqsfield{
    color:#fff;
    font:10px Rubik,sans-serif;
    text-align:left
}
.radial-bar{
    position:relative;
    display:inline-block;
    border-radius:50%;
    background-color:transparent;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    width:80px;
    height:80px;
    font-size:18px;
    background-clip:content-box
}
.radial-bar:after{
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
    border-radius:50%;
    text-align:center;
    font-weight:500;
    color:#455a64;
    content:attr(data-label);
    background-color:#fff;
    z-index:1;
    width:56px;
    height:56px;
    margin-left:12px;
    margin-top:12px;
    line-height:56px
}
.radial-bar>img{
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
    border-radius:50%;
    text-align:center;
    font-weight:500;
    color:#455a64;
    z-index:3;
    width:56px;
    height:56px;
    margin-left:12px;
    margin-top:12px;
    line-height:56px
}
.radial-bar-danger.radial-bar-20{
    background-image:linear-gradient(90deg, #efefef 50%, transparent 50%, transparent),linear-gradient(162deg, #dc3545 50%, #efefef 50%, #efefef)
}
.radial-bar.radial-bar-lg{
    width:100px;
    height:100px;
    font-size:20px
}
.radial-bar.radial-bar-sm{
    width:50px;
    height:50px;
    font-size:12px
}
.radial-bar.radial-bar-xs{
    width:30px;
    height:30px;
    font-size:8px
}
.pieLabel div{
    color:#fff !important
}
.pieLabel div input[type=checkbox]{
    margin:7px
}
.knob-chart{
    min-height:255px
}
.knob-chart .chart-clock-main{
    position:relative;
    width:200px;
    margin:45px auto
}
.knob-chart .chart-clock-main .clock-large{
    position:absolute;
    left:-48px;
    top:-45px
}
.knob-chart .chart-clock-main .clock-medium{
    position:absolute;
    left:2px;
    top:5px
}
.knob-chart .chart-clock-main .clock-small{
    position:absolute;
    left:15px;
    top:55px
}
.peity-charts svg{
    width:100%;
    height:250px
}
.peity-charts.peity-chart-primary svg polygon{
    fill:rgba(115,102,255,0.2)
}
.peity-charts.peity-chart-primary svg polyline{
    stroke:var(--theme-deafult)
}
.bar-odd-even svg rect:nth-child(odd){
    fill:var(--theme-deafult)
}
.bar-odd-even svg rect:nth-child(even){
    fill:var(--theme-secondary)
}
.donut-peity svg path:nth-child(odd){
    fill:var(--theme-deafult)
}
.donut-peity svg path:nth-child(even){
    fill:var(--theme-secondary)
}
.small-donut ~ svg path:nth-child(odd),.small-donut svg path:nth-child(odd),.donut-peity2 ~ svg path:nth-child(odd),.donut-peity2 svg path:nth-child(odd),.pie-peity ~ svg path:nth-child(odd),.pie-peity svg path:nth-child(odd){
    fill:var(--theme-deafult)
}
.small-donut ~ svg path:nth-child(even),.small-donut svg path:nth-child(even),.donut-peity2 ~ svg path:nth-child(even),.donut-peity2 svg path:nth-child(even),.pie-peity ~ svg path:nth-child(even),.pie-peity svg path:nth-child(even){
    fill:#efefef
}
.small-donut2 ~ svg path:nth-child(odd){
    fill:var(--theme-secondary)
}
.small-donut3 ~ svg path:nth-child(odd){
    fill:#51bb25
}
.small-donut4 ~ svg path:nth-child(odd){
    fill:#a927f9
}
.small-donut5 ~ svg path:nth-child(odd){
    fill:#f8d62b
}
.small-donut6 ~ svg path:nth-child(odd){
    fill:#dc3545
}
p.data-attributes svg{
    margin-right:10px
}
.knob-block{
    position:relative
}
.knob-block input{
    display:-webkit-box !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-box-align:center !important;
    -ms-flex-align:center !important;
    align-items:center !important;
    -webkit-box-pack:center !important;
    -ms-flex-pack:center !important;
    justify-content:center !important;
    height:100% !important;
    width:100% !important;
    left:0 !important;
    top:0 !important;
    margin-left:0 !important;
    margin-top:-3px !important
}
.knob-input-disable input{
    display:none !important
}
.apex-chart{
    margin:0 auto
}
.apexcharts-toolbar{
    z-index:1 !important
}
.apexcharts-menu-item{
    width:110px
}
.word-tree{
    height:400px
}
.ct-series-a .ct-slice-pie,.ct-series-a .ct-slice-donut-solid,.ct-series-a .ct-area{
    fill:var(--theme-deafult)
}
.ct-series-a .ct-point,.ct-series-a .ct-line,.ct-series-a .ct-bar,.ct-series-a .ct-slice-donut{
    stroke:var(--theme-deafult)
}
.ct-series-b .ct-point,.ct-series-b .ct-line,.ct-series-b .ct-bar,.ct-series-b .ct-slice-donut{
    stroke:var(--theme-secondary)
}
.ct-series-b .ct-slice-pie,.ct-series-b .ct-slice-donut-solid,.ct-series-b .ct-area{
    fill:var(--theme-secondary)
}
.apache-cotainer{
    width:100%;
    height:350px;
    margin:0
}
.boxplot-cotainer{
    height:420px
}
.apache-cotainer-large{
    width:100%;
    height:500px;
    margin:0
}
.test-buttons button+button{
    margin-left:10px
}
.clip-chart-wrapper .test-chart-block{
    margin-bottom:-30px
}
#echart-gauge .test-chart{
    width:100%;
    height:395px
}
.polar-line{
    height:350px
}
#dotted{
    height:390px
}
.chat-box .toogle-bar{
    display:none
}
.chat-box .chat-menu{
    max-width:340px
}
.chat-box .people-list .search{
    position:relative
}
.chat-box .people-list .search .form-control{
    background-color:#fafdff;
    border:1px solid #f4f4f4
}
.chat-box .people-list .search .form-control::-webkit-input-placeholder{
    color:#59667a
}
.chat-box .people-list .search .form-control::-moz-placeholder{
    color:#59667a
}
.chat-box .people-list .search .form-control:-ms-input-placeholder{
    color:#59667a
}
.chat-box .people-list .search .form-control::-ms-input-placeholder{
    color:#59667a
}
.chat-box .people-list .search .form-control::placeholder{
    color:#59667a
}
.chat-box .people-list .search i{
    position:absolute;
    right:10px;
    top:10px;
    font-size:14px;
    color:#ecf3fa
}
.chat-box .people-list ul{
    padding:0;
    max-height: 650px;
    overflow: auto;
}
.chat-box .people-list ul li{
    padding-bottom:20px
}
.chat-box .user-image{
    float:left;
    width:52px;
    height:52px;
    margin-right:5px
}
.chat-box .about{
    float:left;
    margin-top:16px !important;
    padding-left:16px
}
.chat-box .about .name{
    color:#2c323f;
    letter-spacing:1px;
    font-weight:500
}
.chat-box .status{
    color:#59667a;
    letter-spacing:1px;
    font-size:12px;
    /* margin-top:5px */
}
.chat-box .status .chat-status{
    font-weight:600;
    color:#2b2b2b
}
.chat-box .status p{
    font-size:14px
}
.chat-box .chat-right-aside .chat .chat-header{
    padding:15px;
    border-bottom:1px solid #f4f4f4;
    display:-ms-flexbox;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.chat-box .chat-right-aside .chat .chat-header img{
    float:left;
    width:50px;
    height:50px;
    -webkit-box-shadow:1px 1px 4px 1px #ecf3fa;
    box-shadow:1px 1px 4px 1px #ecf3fa
}
.chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li{
    margin-right:24px
}
.chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i{
    color:rgba(43,43,43,0.7);
    font-size:25px;
    cursor:pointer
}
.chat-box .chat-right-aside .chat .chat-header .chat-menu-icons{
    margin-left:auto
}
.chat-box .chat-right-aside .chat .chat-msg-box{
    padding:20px;
    overflow-y:auto;
    height:560px;
    margin-bottom:80px
}
.chat-box .chat-right-aside .chat .chat-msg-box .chat-user-img{
    margin-top:-35px
}
.chat-box .chat-right-aside .chat .chat-msg-box .message-data{
    margin-bottom:10px
}
.chat-box .chat-right-aside .chat .chat-msg-box .message-data-time{
    letter-spacing:1px;
    font-size:12px;
    color:#59667a
}
.chat-box .chat-right-aside .chat .chat-msg-box .message{
    color:#2c323f;
    padding:20px;
    line-height:1.9;
    letter-spacing:1px;
    font-size:14px;
    margin-bottom:30px;
    width:50%;
    position:relative
}
.chat-box .chat-right-aside .chat .chat-msg-box .my-message{
    border:1px solid #f4f4f4;
    border-radius:10px;
    border-top-left-radius:0
}
.chat-box .chat-right-aside .chat .chat-msg-box .other-message{
    background-color:#fdfeff;
    border-radius:10px;
    border-top-right-radius:0
}
.chat-box .chat-right-aside .chat .chat-message{
    padding:20px;
    border-top:1px solid #fafdff;
    position:absolute;
    width:calc(100% - 15px);
    background-color:#fff;
    bottom:0
}
.chat-box .chat-right-aside .chat .chat-message .smiley-box{
    background:#efefef;
    padding:10px;
    display:block;
    border-radius:4px;
    margin-right:0.5rem
}
.chat-box .chat-right-aside .chat .chat-message .text-box{
    position:relative
}
.chat-box .chat-right-aside .chat .chat-message .text-box .input-txt-bx{
    height:50px;
    border:2px solid var(--theme-deafult);
    padding-left:18px;
    font-size:12px;
    letter-spacing:1px
}
.chat-box .chat-right-aside .chat .chat-message .text-box i{
    position:absolute;
    right:20px;
    top:20px;
    font-size:20px;
    color:#ecf3fa;
    cursor:pointer
}
.chat-box .chat-right-aside .chat .chat-message .text-box .btn{
    font-size:16px;
    font-weight:500;
    padding:0.74rem 1.75rem;
    border-radius:0 5px 5px 0
}
.chat-box .chat-menu{
    border-left:1px solid #f4f4f4
}
.chat-box .chat-menu .tab-pane{
    padding:0 15px
}
.chat-box .chat-menu ul li .about .status i{
    font-size:10px
}
.chat-box .chat-menu .user-profile{
    margin-top:30px
}
.chat-box .chat-menu .user-profile .user-content h5{
    margin:25px 0
}
.chat-box .chat-menu .user-profile .user-content hr{
    margin:25px 0
}
.chat-box .chat-menu .user-profile .user-content p{
    font-size:16px
}
.chat-box .chat-menu .user-profile .border-tab.nav-tabs .nav-item .nav-link.active,.chat-box .chat-menu .user-profile .border-tab.nav-tabs .nav-item .nav-link.show,.chat-box .chat-menu .user-profile .border-tab.nav-tabs .nav-item .nav-link:focus{
    border-bottom:0
}
.chat-box .chat-menu .user-profile .image{
    position:relative
}
.chat-box .chat-menu .user-profile .image .icon-wrapper{
    position:absolute;
    bottom:0;
    left:55%;
    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:14px;
    -webkit-box-shadow:1px 1px 3px 1px #f4f4f4;
    box-shadow:1px 1px 3px 1px #f4f4f4
}
.chat-box .chat-menu .user-profile .image .avatar img{
    border-radius:50%;
    border:5px solid #f4f4f4
}
.chat-box .chat-menu .user-profile .border-right{
    border-right:1px solid #dee2e6
}
.chat-box .chat-menu .user-profile .follow{
    margin-top:0
}
.chat-box .chat-menu .user-profile .follow .follow-num{
    font-size:20px;
    color:#000
}
.chat-box .chat-menu .user-profile .follow span{
    color:#242934;
    font-size:14px;
    letter-spacing:1px
}
.chat-box .chat-menu .user-profile .social-media a{
    color:#59667a;
    font-size:15px;
    padding:0 7px
}
.chat-box .chat-menu .user-profile .chat-profile-contact p{
    font-size:14px;
    color:#59667a
}
.chat-box .chat-menu .nav{
    margin-bottom:20px
}
.chat-box .chat-menu .nav-tabs .nav-item{
    width:33.33%
}
.chat-box .chat-menu .nav-tabs .nav-item a{
    padding:15px !important;
    color:#59667a !important;
    letter-spacing:1px;
    font-size:14px;
    font-weight:500;
    height:60px;
    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
}
.chat-box .chat-menu .nav-tabs .nav-item .material-border{
    border-width:1px;
    border-color:var(--theme-deafult)
}
.chat-box .chat-menu .nav-tabs .nav-item .nav-link.active{
    color:#000 !important
}
.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
}
.chat-box .chat-history .total-time h2{
    font-size:50px;
    color:#efefef;
    font-weight:600;
    margin-bottom:30px
}
.chat-box .chat-history .receiver-img{
    margin-top:55px
}
.chat-box .chat-history .receiver-img img{
    border-radius:5px
}
.chat-box .chat-history .call-icons{
    margin-bottom:35px
}
.chat-box .chat-history .call-icons ul li{
    width:60px;
    height:60px;
    border:1px solid #f4f4f4;
    border-radius:50%;
    padding:12px;
    cursor:pointer
}
.chat-box .chat-history .call-icons ul li+li{
    margin-left:10px
}
.chat-box .chat-history .call-icons ul li a{
    color:#999;
    font-size:25px
}
.chat-left-aside>.media{
    margin-bottom:15px
}
.chat-left-aside .people-list{
    height:625px;
    cursor : pointer;
}
.chat-left-aside ul li{
    position:relative
}
.status-circle{
    width:12px;
    height:12px;
    position:absolute;
    top:4px;
    left:44px;
    border-radius:50%;
    border:2px solid #fff
}
.away{
    background-color:#f8d62b
}
.online{
    background-color:#51bb25
}
.offline{
    background-color:#dc3545
}
.chat-container .aside-chat-left{
    width:320px
}
.chat-container .chat-right-aside{
    width:320px
}
.call-chat-sidebar{
    max-width:320px
}
.call-chat-sidebar .card .card-body,.chat-body .card .card-body{
    padding:15px
}
.checkout .checkout-details{
    background-color:#f9f9f9;
    border:1px solid #dddddd;
    padding:40px
}
.checkout .checkout-details .order-place{
    margin-top:15px
}
.order-box .title-box{
    padding-bottom:20px;
    color:#444444;
    font-size:22px;
    border-bottom:1px solid #ededed;
    margin-bottom:20px
}
.order-box .title-box span{
    width:35%;
    float:right;
    font-weight:600;
    text-align:right
}
.order-box .title-box h4{
    font-weight:600
}
.order-box .title-box .checkbox-title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.order-box .sub-total li{
    position:relative;
    display:inline-block;
    font-size:16px;
    font-weight:600;
    color:#333333;
    line-height:20px;
    margin-bottom:20px;
    width:100%
}
.order-box .sub-total li .count{
    position:relative;
    font-size:18px;
    line-height:20px;
    font-weight:400;
    width:35%;
    float:right;
    text-align:right
}
.order-box .sub-total .shipping-class{
    margin-bottom:12px
}
.order-box .sub-total .shipping-class .shopping-checkout-option{
    margin-top:-4px;
    position:relative;
    font-size:18px;
    line-height:20px;
    color:var(--theme-deafult);
    font-weight:400;
    width:35%;
    float:right;
    text-align:right
}
.order-box .total{
    position:relative;
    margin-bottom:30px
}
.order-box .total li{
    position:relative;
    display:block;
    font-weight:400;
    color:#333333;
    line-height:20px;
    font-size:18px
}
.order-box .qty{
    position:relative;
    border-bottom:1px solid #ededed;
    margin-bottom:30px
}
.order-box .qty li{
    position:relative;
    display:block;
    font-size:15px;
    color:#444444;
    line-height:20px;
    margin-bottom:20px
}
.order-box .qty li span{
    float:right;
    font-size:18px;
    line-height:20px;
    color:#232323;
    font-weight:400;
    width:35%;
    text-align:right
}
.radio-option{
    position:relative
}
.img-paypal{
    width:30%;
    margin-left:15px
}
@media screen and (max-width: 1199px){
    .checkout .checkout-details{
        padding:25px
    }
    .order-box .title-box span{
        width:30%
    }
    .order-box .sub-total li .count{
        width:38%
    }
    .order-box .sub-total .shipping-class .shopping-checkout-option{
        width:46%
    }
    .order-box .qty li span{
        width:38%
    }
    .order-box .total li .count{
        width:38%
    }
}
@media screen and (max-width: 991px){
    .order-box .sub-total .shipping-class .shopping-checkout-option{
        width:38%
    }
}
@media screen and (max-width: 575px){
    .checkout .checkout-details{
        padding:15px
    }
    .order-box .sub-total .shipping-class .shopping-checkout-option{
        width:50%
    }
    .order-box .sub-total li .count{
        width:50%
    }
}
.comingsoon-bgimg{
    background:url(../images/other-images/coming-soon-bg.jpg);
    background-position:bottom;
    background-size:cover
}
.comingsoon{
    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-height:100vh;
    padding:50px 0
}
.comingsoon .comingsoon-inner h5{
    font-size:18px;
    letter-spacing:1px;
    color:rgba(43,43,43,0.7);
    font-weight:500;
    margin-bottom:30px;
    margin-top:30px
}
.comingsoon .comingsoon-inner .countdown{
    padding:30px 0;
    border-top:1px solid #f4f4f4;
    border-bottom:1px solid #f4f4f4
}
.comingsoon .comingsoon-inner .countdown .time{
    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;
    border-radius:50%;
    color:#fff;
    font-weight:500;
    width:100px;
    height:100px;
    font-size:36px;
    background:var(--theme-deafult)
}
.comingsoon .comingsoon-inner .countdown .title{
    padding-top:13px;
    font-size:14px;
    font-weight:400;
    color:rgba(43,43,43,0.7);
    text-transform:uppercase;
    letter-spacing:1px
}
.comingsoon .comingsoon-inner .countdown ul li{
    display:inline-block;
    text-transform:uppercase;
    margin:0 20px
}
.comingsoon .comingsoon-inner .countdown ul li span{
    display:block
}
.comingsoon video{
    position:fixed;
    top:50%;
    left:50%;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    z-index:-100;
    -webkit-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    -webkit-transition:1s opacity;
    transition:1s opacity
}
.alert-contactadd{
    background-color:#fff;
    border:1px solid var(--theme-deafult);
    width:12%;
    padding:10px
}
.updateimg{
    position:absolute;
    left:15px;
    width:100px;
    top:32px;
    line-height:93px;
    opacity:0
}
#right-history{
    top:81px;
    right:-320px;
    height:100%;
    position:fixed;
    width:320px;
    z-index:9;
    background-color:#fff;
    -webkit-transition:.5s;
    transition:.5s;
    -webkit-box-shadow:0 0 9px rgba(191,191,191,0.36);
    box-shadow:0 0 9px rgba(191,191,191,0.36)
}
#right-history h6 span a{
    color:#2b2b2b
}
#right-history.show{
    right:0;
    -webkit-transition:.3s;
    transition:.3s
}
.history-details>div{
    padding:30px 0
}
.history-details .media{
    padding:30px 15px;
    border-top:1px solid #f4f4f4
}
.history-details .media i{
    padding:5px;
    background:#fed112;
    color:#fff;
    border-radius:100%
}
.history-details .media h6{
    margin-bottom:5px
}
.delete-contact{
    display:none
}
.more-data{
    -webkit-animation:displayTransition 1s;
    animation:displayTransition 1s
}
.contact-editform{
    padding:30px;
    -webkit-animation:displayTransition 1s;
    animation:displayTransition 1s
}
.contact-editform a{
    display:block
}
.contact-editform button{
    margin-top:30px
}
.contact-editform .select2-container .select2-selection--single{
    height:39px !important;
    border-color:#ced4da !important
}
#deletemodal .modal-header{
    border-bottom:none
}
#deletemodal .modal-header .delete-data span svg{
    vertical-align:middle;
    margin-right:15px
}
.contact-options li .btn-category{
    line-height:39px;
    border-radius:3px;
    padding-left:40px !important;
    padding:0;
    color:var(--theme-deafult);
    font-weight:500
}
.list-persons p{
    font-family:Roboto,sans-serif
}
.list-persons .profile-mail{
    padding:30px 0
}
.list-persons .profile-mail .media img{
    height:100px
}
.list-persons .profile-mail .media .media-body h5{
    margin-bottom:5px
}
.list-persons .profile-mail .media .media-body ul{
    margin-top:5px
}
.list-persons .profile-mail .media .media-body ul li{
    display:inline-block
}
.list-persons .profile-mail .media .media-body ul li a{
    font-size:13px
}
.list-persons .profile-mail .media .media-body ul li+li{
    padding-left:10px;
    margin-left:5px;
    border-left:2px solid #f4f4f4
}
.list-persons .profile-mail .email-general{
    padding-top:50px
}
.list-persons .profile-mail .email-general ul{
    padding-right:20px
}
.list-persons .profile-mail .email-general ul li{
    color:#898989;
    padding-bottom:10px;
    margin-bottom:10px
}
.list-persons .profile-mail .email-general ul li:last-child{
    padding-bottom:0;
    margin-bottom:0
}
.list-persons .profile-mail .email-general ul li>span{
    float:right
}
.list-persons .profile-mail .email-general p span{
    margin-left:30px
}
.list-persons .profile-mail .email-general .gender{
    margin-top:30px
}
.contacts-tabs .nav-pills{
    border-right:1px solid #f4f4f4;
    height:100%
}
.contacts-tabs .nav-pills .nav-link.active,.contacts-tabs .nav-pills .nav-link>.nav-link,.contacts-tabs .nav-pills .show.active,.contacts-tabs .nav-pills .show>.nav-link{
    background-color:rgba(115,102,255,0.05);
    color:#2b2b2b
}
.contacts-tabs .nav-pills .nav-link{
    color:#2b2b2b;
    padding:0
}
.contacts-tabs .nav-pills .nav-link .media .img-50{
    height:50px
}
.contacts-tabs .nav-pills .nav-link+.nav-link{
    border-top:1px solid #f4f4f4
}
.contacts-tabs .nav-pills .media{
    padding:20px
}
.contacts-tabs .tab-content .tab-content-child{
    -webkit-animation:displayTransition 1s;
    animation:displayTransition 1s
}
@media only screen and (max-width: 991px){
    #right-history{
        top:60px
    }
    .updateimg{
        top:21px
    }
    .list-persons .profile-mail{
        padding:20px
    }
    .list-persons .profile-mail .email-general .gender{
        margin-top:20px
    }
    .contact-editform button{
        margin-top:20px
    }
}
@media only screen and (max-width: 767px){
    .contact-editform{
        padding:20px
    }
    .contact-editform.pl-0{
        padding-left:20px !important
    }
    .contacts-tabs .nav-pills{
        border-right:none;
        border-bottom:1px solid #f4f4f4
    }
}
@media only screen and (max-width: 575px){
    #right-history{
        width:270px
    }
    .updateimg{
        top:16px;
        left:29px
    }
    .contacts-tabs .media img.m-r-20{
        margin-right:15px
    }
    .contacts-tabs .nav-pills .media{
        padding:15px
    }
    .list-persons .profile-mail{
        padding:15px
    }
    .list-persons .profile-mail .email-general .gender{
        margin-top:15px
    }
    .list-persons .nav-pills .nav-link .media .media-body{
        text-align:left
    }
    .contact-editform{
        padding:15px
    }
    .contact-editform button{
        margin-top:15px
    }
    .contact-editform.pl-0{
        padding-left:15px !important
    }
    .contact-editform form .row>div .row>div>div,.contact-options form .row>div .row>div>div{
        margin-bottom:0
    }
    .contact-editform form .row>div .row>div+div,.contact-options form .row>div .row>div+div{
        margin-top:15px
    }
}
@media only screen and (max-width: 360px){
    .updateimg{
        line-height:73px;
        width:80px
    }
    .list-persons .profile-mail .email-general p span{
        margin-left:10px
    }
    .list-persons .profile-mail .media{
        display:block
    }
    .list-persons .profile-mail .media img{
        height:80px;
        width:80px !important;
        margin-bottom:15px
    }
}
.dash-chart .profit-card{
    margin:-30px 0 -14px
}
.dash-chart .profit-card #negative-chart .apexcharts-tooltip.light .apexcharts-tooltip-title{
    display:none
}
.dash-chart .profit-card #negative-chart .apexcharts-tooltip-series-group.active{
    padding-bottom:0
}
.dash-chart .media .media-body p{
    color:rgba(43,43,43,0.7)
}
.dash-chart .media .media-body p .font-roboto{
    color:rgba(43,43,43,0.7)
}
.dash-chart .progress-animate{
    margin-top:-6px;
    margin-right:2px
}
.support-ticket-font ul{
    font-size:12px
}
.negative-container{
    margin:-36px -15px -29px
}
.negative-container .apexcharts-xaxis .apexcharts-xaxis-texts-g text{
    font-size:13px;
    fill:rgba(43,43,43,0.4);
    font-family:Roboto,sans-serif !important
}
.ecommerce-widgets{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
}
.ecommerce-widgets .ecommerce-box{
    width:60px;
    height:60px
}
.ecommerce-widgets .ecommerce-box.light-bg-primary{
    background-color:rgba(115,102,255,0.15);
    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;
    border-radius:100%
}
.ecommerce-widgets .fa-heart{
    font-size:24px;
    background:-webkit-gradient(linear, left top, right top, color-stop(10%, var(--theme-deafult)), to(#a927f9));
    background:linear-gradient(to right, var(--theme-deafult) 10%, #a927f9 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    margin-top:2px
}
.dash-map #map{
    height:300px;
    width:100%
}
.dash-map #map .gmnoprint{
    display:none
}
.monthly-visit{
    margin:-4px 0 -35px
}
.new-update .media .media-body span,.new-update .media .media-body p{
    font-weight:500
}
.activity-timeline .media{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.activity-timeline .media .activity-line{
    top:132px;
    height:57%;
    position:absolute;
    width:4px;
    background-color:#f8f8f8;
    margin:0 auto;
    left:46px;
    z-index:1
}
.activity-timeline .media .circle-dot-primary{
    background-color:rgba(var(--theme-deafult), 0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:var(--theme-deafult);
    -webkit-animation:round 1.3s ease-in-out infinite;
    animation:round 1.3s ease-in-out infinite
}
.activity-timeline .media .circle-dot-secondary{
    background-color:rgba(247,49,100,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#f73164;
    -webkit-animation:round 1.3s ease-in-out infinite;
    animation:round 1.3s ease-in-out infinite
}
.activity-timeline .media .circle-dot-success{
    background-color:rgba(81,187,37,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#51bb25;
    -webkit-animation:round 1.3s ease-in-out infinite;
    animation:round 1.3s ease-in-out infinite
}
.activity-timeline .media .circle-dot-danger{
    background-color:rgba(220,53,69,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#dc3545;
    -webkit-animation:round 1.3s ease-in-out infinite;
    animation:round 1.3s ease-in-out infinite
}
.activity-timeline .media .circle-dot-info{
    background-color:rgba(169,39,249,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#a927f9;
    -webkit-animation:round 1.3s ease-in-out infinite;
    animation:round 1.3s ease-in-out infinite
}
.activity-timeline .media .circle-dot-light{
    background-color:rgba(244,244,244,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#f4f4f4;
    -webkit-animation:round 1.3s ease-in-out infinite;
    animation:round 1.3s ease-in-out infinite
}
.activity-timeline .media .circle-dot-dark{
    background-color:rgba(44,50,63,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#2c323f;
    -webkit-animation:round 1.3s ease-in-out infinite;
    animation:round 1.3s ease-in-out infinite
}
.activity-timeline .media .circle-dot-warning{
    background-color:rgba(248,214,43,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#f8d62b;
    -webkit-animation:round 1.3s ease-in-out infinite;
    animation:round 1.3s ease-in-out infinite
}
.activity-timeline .media+.media{
    margin-top:45px
}
.activity-timeline .media .media-body{
    margin-left:20px
}
.activity-timeline .media .media-body p{
    color:rgba(43,43,43,0.6);
    font-size:12px;
    margin-top:2px
}
.activity-dot-primary{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid var(--theme-deafult);
    -webkit-box-shadow:0.5px 4.33px 15px 0px rgba(var(--theme-deafult), 0.25);
    box-shadow:0.5px 4.33px 15px 0px rgba(var(--theme-deafult), 0.25);
    position:relative;
    z-index:2
}
.activity-dot-secondary{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #f73164;
    -webkit-box-shadow:0.5px 4.33px 15px 0px rgba(247,49,100,0.25);
    box-shadow:0.5px 4.33px 15px 0px rgba(247,49,100,0.25);
    position:relative;
    z-index:2
}
.activity-dot-success{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #51bb25;
    -webkit-box-shadow:0.5px 4.33px 15px 0px rgba(81,187,37,0.25);
    box-shadow:0.5px 4.33px 15px 0px rgba(81,187,37,0.25);
    position:relative;
    z-index:2
}
.activity-dot-danger{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #dc3545;
    -webkit-box-shadow:0.5px 4.33px 15px 0px rgba(220,53,69,0.25);
    box-shadow:0.5px 4.33px 15px 0px rgba(220,53,69,0.25);
    position:relative;
    z-index:2
}
.activity-dot-info{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #a927f9;
    -webkit-box-shadow:0.5px 4.33px 15px 0px rgba(169,39,249,0.25);
    box-shadow:0.5px 4.33px 15px 0px rgba(169,39,249,0.25);
    position:relative;
    z-index:2
}
.activity-dot-light{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #f4f4f4;
    -webkit-box-shadow:0.5px 4.33px 15px 0px rgba(244,244,244,0.25);
    box-shadow:0.5px 4.33px 15px 0px rgba(244,244,244,0.25);
    position:relative;
    z-index:2
}
.activity-dot-dark{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #2c323f;
    -webkit-box-shadow:0.5px 4.33px 15px 0px rgba(44,50,63,0.25);
    box-shadow:0.5px 4.33px 15px 0px rgba(44,50,63,0.25);
    position:relative;
    z-index:2
}
.activity-dot-warning{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #f8d62b;
    -webkit-box-shadow:0.5px 4.33px 15px 0px rgba(248,214,43,0.25);
    box-shadow:0.5px 4.33px 15px 0px rgba(248,214,43,0.25);
    position:relative;
    z-index:2
}
.offer-box{
    background:rgba(0,0,0,0);
    -webkit-box-shadow:none;
    box-shadow:none
}
.offer-box .offer-slider{
    background:linear-gradient(26deg, var(--theme-deafult) 0%, #a26cf8 100%);
    border-radius:15px;
    height:200px;
    width:100%
}
.offer-box .offer-slider .carousel-control-prev{
    right:0;
    left:unset
}
.offer-box .offer-slider .carousel-control-prev-icon{
    top:116px;
    position:absolute
}
.offer-box .offer-slider .carousel-control-next-icon{
    top:75px;
    position:absolute
}
.offer-box .offer-slider .carousel-control-prev-icon,.offer-box .offer-slider .carousel-control-next-icon{
    width:12px;
    height:12px;
    background-color:rgba(255,255,255,0.1);
    border-radius:10px
}
.offer-box .offer-slider .carousel-control-prev,.offer-box .offer-slider .carousel-control-next{
    width:10%
}
.offer-box .offer-slider .selling-slide .d-flex{
    height:73%;
    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
}
.offer-box .offer-slider .selling-slide p{
    color:rgba(255,255,255,0.5);
    font-weight:500;
    font-family:Roboto,sans-serif;
    margin-bottom:5px
}
.offer-box .offer-slider .selling-slide .badge-white{
    background-color:rgba(255,255,255,0.1)
}
.offer-box .offer-slider .selling-slide .badge-dotted{
    border:1px dashed rgba(255,255,255,0.4)
}
.offer-box .offer-slider .selling-slide .badge{
    font-size:13px;
    color:#fff;
    font-weight:500;
    padding:8px 15px
}
.offer-box .offer-slider .selling-slide h4{
    color:#fff;
    margin-bottom:14px
}
.offer-box .offer-slider .selling-slide .center-img{
    margin-top:-60px
}
.total-users .goal-chart{
    margin:-35px -15px -30px
}
.total-users .goal-chart .apexcharts-datalabels-group text{
    font-weight:700
}
.total-users .goal-chart .apexcharts-datalabels-group text:last-child{
    fill:#2b2b2b
}
.total-users .goal-status ul li+li{
    margin-top:30px;
    padding-top:30px
}
.total-users .goal-status ul li .goal-detail{
    margin-bottom:30px
}
.total-users .goal-status ul li .goal-detail h6{
    margin-bottom:16px
}
.total-users .goal-status ul:last-child li{
    border-top:1px solid #ecf3fa;
    margin-top:27px;
    padding-top:27px
}
.total-users .goal-status .rate-card>ul li:last-child{
    border-top:none
}
.total-users .goal-status>ul li:last-child{
    border-top:none
}
.total-users .goal-status .goal-end-point ul li:first-child{
    border-top:none
}
.total-users .goal-status .progress{
    background-image:-webkit-gradient(linear, left top, right top, color-stop(15%, rgba(0,0,0,0)), color-stop(25%, rgba(169,39,249,0.1)), to(rgba(0,0,0,0)));
    background-image:linear-gradient(to right, rgba(0,0,0,0) 15%, rgba(169,39,249,0.1) 25%, rgba(0,0,0,0))
}
.total-users .goal-status .progress-gradient-primary{
    border-radius:15%;
    background-image:-webkit-gradient(linear, left top, right top, color-stop(25%, rgba(0,0,0,0)), color-stop(rgba(169,39,249,0.1)), to(var(--theme-deafult)));
    background-image:linear-gradient(to right, rgba(0,0,0,0) 25%, rgba(169,39,249,0.1), var(--theme-deafult))
}
.total-users .goal-status .progress-gradient-primary:after{
    display:none
}
.best-seller-table table{
    margin-bottom:0px
}
.best-seller-table table th,.best-seller-table table td{
    border:none
}
.best-seller-table table thead tr th{
    padding-top:0;
    font-size:16px;
    font-weight:500
}
.best-seller-table table thead tr th h5{
    font-size:22px
}
.best-seller-table table tr th,.best-seller-table table tr td{
    padding:19px 10px
}
.best-seller-table table tr th:first-child,.best-seller-table table tr td:first-child{
    padding-left:0
}
.best-seller-table table tr th:last-child,.best-seller-table table tr td:last-child{
    padding-right:0
}
.best-seller-table table tbody tr td{
    vertical-align:middle;
    -webkit-transition:0.5s;
    transition:0.5s;
    position:relative;
    font-weight:500
}
.best-seller-table table tbody tr td .flag-icon{
    font-size:18px;
    position:relative;
    display:inline-block;
    width:1.33333em;
    line-height:1em
}
.best-seller-table table tbody tr td p{
    font-size:11px;
    color:rgba(43,43,43,0.8);
    -webkit-transition:0.5s;
    transition:0.5s
}
.best-seller-table table tbody tr td .fa-check-circle{
    position:absolute;
    left:30px;
    top:30px;
    opacity:0;
    color:var(--theme-deafult);
    -webkit-transition:0.5s;
    transition:0.5s
}
.best-seller-table table tbody tr td .label{
    padding:8px 12px;
    color:#2b2b2b;
    border-radius:10px;
    -webkit-transition:0.5s;
    transition:0.5s;
    font-size:13px
}
.best-seller-table table tbody tr td .align-middle{
    position:relative
}
.best-seller-table table tbody tr td .align-middle .status-circle{
    width:10px;
    height:10px;
    top:2px;
    left:32px;
    opacity:0;
    -webkit-transition:0.5s;
    transition:0.5s
}
.best-seller-table table tbody tr:hover td{
    color:var(--theme-deafult);
    -webkit-transition:0.5s;
    transition:0.5s
}
.best-seller-table table tbody tr:hover td p{
    color:var(--theme-deafult);
    -webkit-transition:0.5s;
    transition:0.5s
}
.best-seller-table table tbody tr:hover td span{
    color:#2b2b2b
}
.best-seller-table table tbody tr:hover td .label{
    background-color:rgba(115,102,255,0.1);
    color:var(--theme-deafult);
    -webkit-transition:0.5s;
    transition:0.5s
}
.best-seller-table table tbody tr:hover td .fa-check-circle{
    opacity:1;
    -webkit-transition:0.5s;
    transition:0.5s
}
.best-seller-table table tbody tr:hover td .align-middle .status-circle{
    opacity:1;
    -webkit-transition:0.5s;
    transition:0.5s
}
.best-seller-table table tbody tr:last-child td{
    padding-bottom:0
}
#riskfactorchart path{
    stroke-width:10px;
    stroke-dasharray:10, 20;
    stroke-linecap:round
}
#riskfactorchart #apexcharts-radialbarTrack-0{
    stroke:#ecd8d8;
    stroke-linecap:round
}
.our-product table thead tr th,.our-product table thead tr td{
    border:none;
    padding-top:0;
    padding-bottom:40px
}
.our-product table thead tr th span,.our-product table thead tr td span{
    color:rgba(43,43,43,0.3);
    font-weight:500
}
.our-product table tr td{
    padding:20px 20px 0;
    border-top:none
}
.our-product table tr td:first-child{
    padding-left:0
}
.our-product table tr td:last-child{
    padding-right:0;
    text-align:right
}
.our-product table tr td p{
    color:rgba(43,43,43,0.6);
    margin-bottom:0;
    text-transform:capitalize
}
.our-product table tr td .btn{
    font-size:12px;
    font-weight:500
}
.our-product table tr td .flag-icon{
    font-size:18px
}
.our-product table tr td .badge{
    font-size:13px;
    font-weight:600;
    padding:7px 14px
}
.our-product table tr td .btn-secondary{
    background-color:#feecf0 !important;
    border-color:#feecf0 !important;
    color:var(--theme-secondary);
    font-weight:700
}
.our-product table tr:first-child td{
    padding-top:0
}
.our-product table tr:last-child td{
    padding-bottom:0
}
@media only screen and (max-width: 1660px){
    .risk-col .goal-status.row>div,.risk-col .goal-status.row>ul{
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .total-users .goal-status>ul li:first-child{
        border-top:none
    }
}
@media only screen and (max-width: 1460px){
    .offer-box .offer-slider .selling-slide .d-flex{
        height:80%
    }
    .offer-box .offer-slider .selling-slide .center-img{
        margin-top:-49px
    }
}
@media only screen and (max-width: 1440px){
    .offer-box .offer-slider .selling-slide .d-flex{
        height:81%
    }
}
@media only screen and (max-width: 1366px){
    .best-seller-table table tbody tr td .fa-check-circle{
        left:2px
    }
    .offer-box .offer-slider{
        height:100%
    }
    .offer-box .offer-slider .selling-slide .d-flex{
        height:100%
    }
    .offer-box .offer-slider .selling-slide .d-flex .left-content{
        padding-left:15px
    }
    .offer-box .offer-slider .selling-slide .center-img{
        margin-top:0
    }
}
@media (max-width: 1366px) and (min-width: 1200px){
    .offer-box .offer-slider .selling-slide>div{
        -webkit-box-flex:0;
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .offer-box .offer-slider .selling-slide>div:first-child{
        -webkit-box-flex:0;
        -ms-flex:0 0 40%;
        flex:0 0 40%;
        max-width:40%
    }
    .offer-box .offer-slider .selling-slide>div:nth-child(2){
        -webkit-box-flex:0;
        -ms-flex:0 0 28%;
        flex:0 0 28%;
        max-width:28%
    }
}
@media only screen and (max-width: 1305px){
    .size-column>.xl-50{
        max-width:100%;
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%
    }
}
@media only screen and (max-width: 1199px){
    .best-seller-table table tbody tr td{
        min-width:150px
    }
    .best-seller-table table tbody tr td .fa-check-circle{
        left:18px
    }
    .best-seller-table table tbody tr td:first-child{
        min-width:200px
    }
    .best-seller-table table tbody tr td:nth-child(4){
        min-width:100px
    }
    .best-seller-table table tbody tr td:last-child{
        min-width:100px
    }
    .offer-box .offer-slider .selling-slide{
        padding-bottom:40px
    }
    .offer-box .offer-slider .selling-slide>div:nth-child(2){
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
    .offer-box .offer-slider .selling-slide .center-img{
        text-align:center
    }
}
@media only screen and (max-width: 991px){
    .profit-card .progress-animate{
        margin-bottom:15px;
        overflow:inherit;
        background-color:transparent
    }
    .activity-timeline .media+.media{
        margin-top:30px
    }
    .activity-timeline .media .activity-line{
        top:78px;
        height:63%;
        left:26px
    }
    .monthly-visit{
        margin-top:0
    }
    .ecommerce-widgets .ecommerce-box{
        width:50px;
        height:50px
    }
    .ecommerce-widgets .fa-heart{
        font-size:20px;
        margin-top:4px
    }
    .offer-box .offer-slider .selling-slide{
        padding-bottom:20px
    }
    .offer-box .offer-slider .selling-slide .d-flex .left-content{
        padding-left:0
    }
    .offer-box .offer-slider .carousel-control-prev-icon,.offer-box .offer-slider .carousel-control-next-icon{
        right:20px
    }
    .best-seller-table table thead tr th h5{
        font-size:18px
    }
}
@media only screen and (max-width: 767px){
    .offer-box .offer-slider .selling-slide{
        padding-bottom:20px
    }
    .offer-box .offer-slider .selling-slide .d-flex .left-content,.offer-box .offer-slider .selling-slide .d-flex .right-content{
        text-align:center;
        width:100%
    }
    .offer-box .offer-slider .selling-slide .d-flex .right-content{
        margin-top:30px
    }
}
@media only screen and (max-width: 575px){
    .activity-timeline .media+.media{
        margin-top:20px
    }
    .offer-box .offer-slider .selling-slide .center-img img{
        width:50%
    }
    .offer-box .offer-slider .selling-slide h4{
        font-size:18px
    }
    .offer-box .offer-slider .selling-slide .badge{
        font-size:12px
    }
    .risk-col .goal-status.row>div,.risk-col .goal-status.row>ul{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .total-users .goal-status>ul li:first-child{
        border-top:1px solid #ecf3fa
    }
    .total-users .goal-status ul:last-child li{
        padding-top:20px;
        margin-top:20px
    }
}
@media only screen and (max-width: 480px){
    .our-product table tr td:first-child,.our-product table tr td:nth-child(2){
        min-width:160px
    }
}
@media only screen and (max-width: 360px){
    .profit-card span{
        display:block;
        margin-top:5px
    }
    /* .activity-timeline .media .activity-line{
        height:67%
    } */
}
.texts-light{
    color:rgba(43,43,43,0.7)
}
.form-control-plaintext{
    width:auto !important
}
.badge-light-primary{
    background-color:#fff;
    color:#7366ff
}
.badge-light-secondary{
    background-color:#feecf0;
    color:#f73164
}
.badge-light-success{
    background-color:#c4f0b2;
    color:#51bb25
}
.badge-light-danger{
    background-color:#f9dadd;
    color:#dc3545
}
.badge-light-info{
    background-color:#f4e4fe;
    color:#a927f9
}
.badge-light-light{
    background-color:#fff;
    color:#f4f4f4
}
.badge-light-dark{
    background-color:#8490a9;
    color:#2c323f
}
.badge-light-warning{
    background-color:#fefae7;
    color:#f8d62b
}
.badge-light-primary{
    background-color:rgba(115,102,255,0.1)
}
.badge-light-success{
    background-color:rgba(81,187,37,0.2)
}
.table thead th{
    border-bottom:2px solid #ecf3fa
}
.profile-greeting{
    background-image:url(../images/dashboard/bg.jpg);
    background-size:cover !important;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative
}
.profile-greeting .card-body{
    padding:40px 20px
}
.profile-greeting .badge-groups .badge.f-12 svg{
    width:16px;
    height:16px
}
.profile-greeting .media .media-body p{
    font-weight:500;
    font-size:10px
}
.profile-greeting .media .badge-groups{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.profile-greeting .media .badge-groups .badge{
    color:#fff !important;
    padding:10px 14px !important
}
.profile-greeting .media .badge-groups .badge:first-child{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:-webkit-gradient(linear, left top, right top, color-stop(28%, rgba(0,0,0,0)), to(rgba(255,255,255,0.1)));
    background:linear-gradient(90deg, rgba(0,0,0,0) 28%, rgba(255,255,255,0.1) 100%);
    border-radius:5px
}
.profile-greeting .media .badge-groups .badge:last-child{
    background:-webkit-gradient(linear, left top, right top, color-stop(20%, rgba(255,255,255,0.1)), to(rgba(0,0,0,0)));
    background:linear-gradient(90deg, rgba(255,255,255,0.1) 20%, rgba(0,0,0,0) 100%);
    border-radius:5px;
    width:56px;
    text-align:left
}
.profile-greeting .greeting-user{
    margin:42px 0
}
.profile-greeting .greeting-user h4{
    margin-top:30px;
    margin-bottom:20px;
    color:#fff
}
.profile-greeting .greeting-user p{
    font-weight:500;
    padding:0 50px;
    margin-bottom:25px
}
.profile-greeting .greeting-user p span{
    color:rgba(255,255,255,0.8)
}
.profile-greeting .greeting-user .profile-vector{
    -webkit-filter:drop-shadow(15px 17px 12px rgba(0,0,0,0.1));
    filter:drop-shadow(15px 17px 12px rgba(0,0,0,0.1))
}
.profile-greeting .greeting-user .right-circle i{
    padding:5px 6px;
    background-color:rgba(255,255,255,0.2);
    border-radius:100%
}
.profile-greeting .greeting-user .left-icon{
    width:50px;
    height:50px;
    background-color:rgba(255,255,255,0.1);
    border-radius:20px 20px 20px 10px;
    position:absolute;
    left:4%;
    bottom:4%
}
.profile-greeting .greeting-user .left-icon i{
    color:#fff;
    margin-top:38%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-animation:tada 1.5s ease infinite;
    animation:tada 1.5s ease infinite
}
.profile-greeting .whatsnew-btn .btn{
    background-color:#fff !important;
    border-radius:5px;
    color:var(--theme-deafult);
    font-weight:500;
    padding:6px 18px
}
.earning-card.card .card-body{
    overflow:hidden
}
.earning-card.card .card-body .chart-left{
    padding:40px 0 40px 40px
}
.earning-card.card .card-body .chart-right{
    padding:0 40px
}
.earning-card.card .card-body .chart-right .weekly-data{
    padding-bottom:40px
}
.earning-card.card .card-body .chart-right .p-tb{
    padding:40px 0
}
.earning-card.card .card-body .left_side_earning{
    margin-bottom:30px
}
.earning-card.card .card-body .left_side_earning:last-child{
    margin-bottom:0
}
.earning-card.card .card-body .left_side_earning h5{
    line-height:36px;
    font-weight:500;
    margin:0;
    font-size:1rem
}
.earning-card.card .card-body .left_side_earning p{
    font-size:14px;
    color:rgba(43,43,43,0.7)
}
.earning-card.card .card-body .left-btn a.btn{
    padding:10px 16px
}
.earning-card.card .card-body .inner-top-left ul li,.earning-card.card .card-body .inner-top-right ul li{
    line-height:22px;
    color:rgba(43,43,43,0.7);
    font-weight:500;
    margin-left:35px;
    letter-spacing:1px
}
.earning-card.card .card-body .inner-top-left ul li.active,.earning-card.card .card-body .inner-top-right ul li.active{
    color:var(--theme-deafult)
}
.earning-card.card .card-body .inner-top-left ul li:first-child{
    margin-left:0
}
.earning-card.card .card-body .inner-top-right ul li{
    position:relative
}
.earning-card.card .card-body .inner-top-right ul li:before{
    content:"";
    position:absolute;
    width:8px;
    height:8px;
    border-radius:50%;
    background-color:var(--theme-deafult);
    left:-40%;
    top:27%
}
.earning-card.card .card-body .inner-top-right ul li:last-child:before{
    background-color:#dc3545
}
.earning-card.card .card-body .border-top{
    border-top:1px solid #ecf3fa !important;
    padding:38px 40px 37px
}
.earning-card.card .card-body .earning-content{
    border-right:1px solid #ecf3fa
}
.earning-card.card .card-body .media .media-left{
    width:42px;
    height:42px;
    border-radius:50%;
    background-color:var(--theme-deafult);
    margin-right:15px;
    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;
    color:#fff;
    cursor:pointer
}
.earning-card.card .card-body .media .media-left i{
    font-size:18px;
    -webkit-transition:0.3s all linear;
    transition:0.3s all linear
}
.earning-card.card .card-body .media .media-left:hover{
    -webkit-animation:tada 1.5s ease infinite;
    animation:tada 1.5s ease infinite
}
.earning-card.card .card-body .media .media-body h6{
    margin-bottom:2px;
    line-height:24px
}
.earning-card.card .card-body .media .media-body p{
    font-size:14px;
    color:rgba(43,43,43,0.7)
}
.chart_data_left .card-body .chart-main .media,.chart_data_right .card-body .chart-main .media{
    padding:45px 40px;
    border-right:1px solid #ecf3fa
}
.chart_data_left .card-body .chart-main .media .hospital-small-chart,.chart_data_right .card-body .chart-main .media .hospital-small-chart{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:-25px
}
.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar{
    position:relative
}
.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .flot-chart-container,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .flot-chart-container{
    height:74px;
    width:75px
}
.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .flot-chart-container .chartist-tooltip,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .flot-chart-container .chartist-tooltip{
    position:absolute;
    opacity:0
}
.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .flot-chart-container .chartist-tooltip .chartist-tooltip-value,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .flot-chart-container .chartist-tooltip .chartist-tooltip-value{
    font-size:10px;
    padding:5px;
    color:#fff;
    background-color:rgba(0,0,0,0.5);
    border-radius:4px
}
.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .flot-chart-container .chartist-tooltip.tooltip-show,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .flot-chart-container .chartist-tooltip.tooltip-show{
    opacity:1
}
.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .flot-chart-container svg,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .flot-chart-container svg{
    position:absolute;
    bottom:23px;
    width:100%;
    height:95%
}
.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-a .ct-point,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-a .ct-line,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-a .ct-bar,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-a .ct-slice-donut,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-a .ct-point,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-a .ct-line,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-a .ct-bar,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-a .ct-slice-donut,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-a .ct-point,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-a .ct-line,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-a .ct-bar,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-a .ct-slice-donut,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-a .ct-point,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-a .ct-line,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-a .ct-bar,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-a .ct-slice-donut{
    stroke:var(--theme-deafult)
}
.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-b .ct-point,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-b .ct-line,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-b .ct-bar,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-b .ct-slice-donut,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-b .ct-point,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-b .ct-line,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-b .ct-bar,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-b .ct-slice-donut,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-b .ct-point,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-b .ct-line,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-b .ct-bar,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-b .ct-slice-donut,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-b .ct-point,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-b .ct-line,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-b .ct-bar,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-b .ct-slice-donut{
    stroke:rgba(115,102,255,0.1)
}
.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart .chartist-tooltip .chartist-tooltip-value,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 .chartist-tooltip .chartist-tooltip-value,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart .chartist-tooltip .chartist-tooltip-value,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 .chartist-tooltip .chartist-tooltip-value{
    background-color:var(--theme-deafult);
    -webkit-box-shadow:1px 1.732px 8px 0px rgba(115,102,255,0.5);
    box-shadow:1px 1.732px 8px 0px rgba(115,102,255,0.5)
}
.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 .chartist-tooltip .chartist-tooltip-value,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 .chartist-tooltip .chartist-tooltip-value,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 .chartist-tooltip .chartist-tooltip-value,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 .chartist-tooltip .chartist-tooltip-value{
    background-color:var(--theme-secondary);
    -webkit-box-shadow:1px 1.732px 8px 0px rgba(247,49,100,0.5);
    box-shadow:1px 1.732px 8px 0px rgba(247,49,100,0.5)
}
.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-a .ct-point,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-a .ct-line,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-a .ct-bar,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-a .ct-slice-donut,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-a .ct-point,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-a .ct-line,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-a .ct-bar,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-a .ct-slice-donut,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-a .ct-point,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-a .ct-line,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-a .ct-bar,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-a .ct-slice-donut,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-a .ct-point,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-a .ct-line,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-a .ct-bar,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-a .ct-slice-donut{
    stroke:var(--theme-secondary)
}
.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-b .ct-point,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-b .ct-line,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-b .ct-bar,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-b .ct-slice-donut,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-b .ct-point,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-b .ct-line,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-b .ct-bar,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-b .ct-slice-donut,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-b .ct-point,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-b .ct-line,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-b .ct-bar,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-b .ct-slice-donut,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-b .ct-point,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-b .ct-line,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-b .ct-bar,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-b .ct-slice-donut{
    stroke:rgba(247,49,100,0.1)
}
.chart_data_left .card-body .chart-main .media .media-body .right-chart-content,.chart_data_right .card-body .chart-main .media .media-body .right-chart-content{
    margin-left:10px
}
.chart_data_left .card-body .chart-main .media .media-body .right-chart-content h4,.chart_data_right .card-body .chart-main .media .media-body .right-chart-content h4{
    line-height:1;
    font-weight:500
}
.chart_data_left .card-body .chart-main .media .media-body .right-chart-content span,.chart_data_right .card-body .chart-main .media .media-body .right-chart-content span{
    color:rgba(43,43,43,0.7)
}
.chart_data_left .card-body .chart-main .media.border-none,.chart_data_right .card-body .chart-main .media.border-none{
    border-right:none !important
}
.chart_data_right .card-body .media .right-chart-content{
    margin-left:0 !important
}
.chart_data_right .card-body .media .right-chart-content h4{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.chart_data_right .card-body .media .right-chart-content h4 .new-box{
    padding:3px 5px;
    background-color:var(--theme-deafult);
    font-size:10px;
    color:#fff;
    margin-left:10px
}
.chart_data_right .card-body .media .right-chart-content span{
    color:rgba(43,43,43,0.7)
}
.chart_data_right .card-body .knob-block{
    margin-bottom:-5px
}
.chart_data_right .card-body .knob-block input{
    height:40% !important;
    width:40% !important;
    left:50% !important;
    top:2% !important;
    -webkit-transform:translate(-50%) !important;
    transform:translate(-50%) !important;
    margin-left:0 !important;
    margin-top:17px !important;
    color:#242934 !important
}
.chart_data_right .card-body .knob-block canvas{
    width:100%;
    height:100%
}
.chart_data_right .card-body .knob-block .chart-overflow{
    overflow:hidden;
    text-align:center
}
.header-top{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.third-news-update span,.news span,.appointment-sec span{
    font-weight:500
}
.third-news-update .card-header-right-icon select,.news .card-header-right-icon select,.appointment-sec .card-header-right-icon select{
    background-color:rgba(115,102,255,0.08) !important;
    border:none;
    color:var(--theme-deafult) !important;
    width:auto !important;
    height:32px !important;
    border-radius:10px;
    padding:5px 10px;
    line-height:50px !important;
    font-weight:500;
    border:none;
    outline:none !important
}
.third-news-update .card-header-right-icon select:hover,.news .card-header-right-icon select:hover,.appointment-sec .card-header-right-icon select:hover{
    background-color:rgba(115,102,255,0.08) !important;
    color:var(--theme-deafult) !important
}
.third-news-update .news-update,.news .news-update,.appointment-sec .news-update{
    padding:30px 40px;
    border-bottom:1px solid #ecf3fa
}
.third-news-update .news-update span,.news .news-update span,.appointment-sec .news-update span{
    color:rgba(43,43,43,0.7);
    font-family:Roboto,sans-serif;
    font-weight:400
}
.third-news-update .news-update:last-child,.news .news-update:last-child,.appointment-sec .news-update:last-child{
    border:none !important
}
.third-news-update .card-header-right-icon .dropdown .dropdown-toggle,.news .card-header-right-icon .dropdown .dropdown-toggle,.appointment-sec .card-header-right-icon .dropdown .dropdown-toggle{
    background-color:rgba(115,102,255,0.08);
    color:#7366ff;
    border-radius:10px;
    padding:5px 10px;
    width:100px;
    text-align:left
}
.third-news-update .card-header-right-icon .dropdown .dropdown-toggle:after,.news .card-header-right-icon .dropdown .dropdown-toggle:after,.appointment-sec .card-header-right-icon .dropdown .dropdown-toggle:after{
    position:absolute;
    top:50%;
    right:10px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    content:"\f107";
    border:none;
    font-family:"FontAwesome";
    font-size:18px;
    margin:0
}
.third-news-update .card-header-right-icon .dropdown .dropdown-menu,.news .card-header-right-icon .dropdown .dropdown-menu,.appointment-sec .card-header-right-icon .dropdown .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
}
.third-news-update .card-header-right-icon .dropdown .dropdown-menu .dropdown-item,.news .card-header-right-icon .dropdown .dropdown-menu .dropdown-item,.appointment-sec .card-header-right-icon .dropdown .dropdown-menu .dropdown-item{
    color:#2b2b2b;
    opacity:0.6;
    font-size:13px;
    padding:6px 12px;
    border-top:1px solid #efefef;
    background:#fff
}
.third-news-update .card-header-right-icon .dropdown .dropdown-menu .dropdown-item:hover,.news .card-header-right-icon .dropdown .dropdown-menu .dropdown-item:hover,.appointment-sec .card-header-right-icon .dropdown .dropdown-menu .dropdown-item:hover{
    background-color:#fff
}
.third-news-update .bottom-btn,.news .bottom-btn,.appointment-sec .bottom-btn{
    text-align:center;
    font-size:18px;
    font-weight:500
}
.third-news-update .news .card .card-footer,.news .news .card .card-footer,.appointment-sec .news .card .card-footer{
    padding-top:0;
    border-top:none !important
}
.third-news-update .appointment .radar-chart .apexcharts-datalabel,.news .appointment .radar-chart .apexcharts-datalabel,.appointment-sec .appointment .radar-chart .apexcharts-datalabel{
    font-size:13px;
    font-weight:600;
    fill:#2b2b2b
}
.third-news-update .alert-sec .card.bg-img,.news .alert-sec .card.bg-img,.appointment-sec .alert-sec .card.bg-img{
    background-image:url(../images/dashboard/bg.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center
}
.third-news-update .alert-sec .card .card-header,.news .alert-sec .card .card-header,.appointment-sec .alert-sec .card .card-header{
    background-color:transparent !important;
    border-bottom:none !important;
    padding-bottom:0
}
.third-news-update .alert-sec .card .card-header .header-top h5,.news .alert-sec .card .card-header .header-top h5,.appointment-sec .alert-sec .card .card-header .header-top h5{
    color:#fff
}
.third-news-update .alert-sec .card .card-header .header-top p,.news .alert-sec .card .card-header .header-top p,.appointment-sec .alert-sec .card .card-header .header-top p{
    opacity:35%;
    color:#fff
}
.third-news-update .alert-sec .card .card-header .header-top .dot-right-icon,.news .alert-sec .card .card-header .header-top .dot-right-icon,.appointment-sec .alert-sec .card .card-header .header-top .dot-right-icon{
    color:#fff;
    width:50px;
    height:32px;
    background-color:rgba(255,255,255,0.1);
    border-radius:10px;
    font-size:22px;
    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
}
.third-news-update .alert-sec .card .card-body .body-bottom h6,.news .alert-sec .card .card-body .body-bottom h6,.appointment-sec .alert-sec .card .card-body .body-bottom h6{
    color:#fff;
    margin-bottom:8px
}
.third-news-update .alert-sec .card .card-body .body-bottom span,.news .alert-sec .card .card-body .body-bottom span,.appointment-sec .alert-sec .card .card-body .body-bottom span{
    color:rgba(255,255,255,0.8)
}
.notification .card .media{
    margin-bottom:34px
}
.notification .card .media .media-body p{
    color:var(--theme-secondary)
}
.notification .card .media .media-body p span{
    color:#2b2b2b;
    font-weight:400
}
.notification .card .media .media-body p .badge{
    color:#fff;
    margin-left:10px;
    font-weight:500
}
.notification .card .media .media-body h6{
    margin-top:16px;
    margin-bottom:5px;
    position:relative
}
.notification .card .media .media-body h6 .dot-notification{
    float:right;
    width:15px;
    height:15px;
    background-color:var(--theme-secondary);
    border:5px solid #fdc4d3;
    border-radius:50%;
    -webkit-animation:round 1.3s ease-in-out infinite;
    animation:round 1.3s ease-in-out infinite
}
@-webkit-keyframes round{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.2);
        transform:scale(1.2)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes round{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.2);
        transform:scale(1.2)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.notification .card .media .media-body span{
    color:rgba(43,43,43,0.7)
}
.notification .card .media .media-body .inner-img{
    width:110px;
    height:72px;
    background-color:#fff;
    border-radius:5px
}
.notification .card .media .media-body .inner-img:first-child{
    margin-right:20px
}
.notification .card .media .media-body .inner-img img{
    border-radius:5px;
    -webkit-transition:0.3s all linear;
    transition:0.3s all linear
}
.notification .card .media .media-body .inner-img:hover img{
    -webkit-animation:tada 1.5s ease-out infinite;
    animation:tada 1.5s ease-out infinite;
    -webkit-transition:0.3s all linear;
    transition:0.3s all linear
}
.notification .card .media:nth-child(2) .media-body h6 .dot-notification{
    background-color:#f8d62b;
    border:5px solid #fdf3bf
}
.notification .card .media:last-child{
    margin-bottom:0 !important
}
.appointment-table table tr td{
    position:relative;
    border-top:none;
    padding:0
}
.appointment-table table tr td .status-circle{
    top:1px;
    left:35px;
    border-width:3px
}
.appointment-table table tr td p,.appointment-table table tr td .btn{
    font-weight:500;
    font-size:12px
}
.appointment-table table tr td .btn{
    padding:4px 12px
}
.appointment-table table tr td.img-content-box .font-roboto{
    color:rgba(43,43,43,0.7)
}
.chat-default .media-dashboard{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.chat-default .media-dashboard .icon-box{
    width:50px;
    height:32px;
    background-color:rgba(115,102,255,0.08);
    border-radius:10px;
    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
}
.chat-default .media-dashboard .icon-box i{
    color:var(--theme-deafult);
    font-size:22px
}
.chat-default .card-body{
    padding-top:0
}
.chat-default .card-body.chat-box .left-side-chat .media-body .img-profile{
    width:40px;
    height:40px
}
.chat-default .card-body.chat-box .left-side-chat .media-body .img-profile img{
    border-radius:100%
}
.chat-default .card-body.chat-box .left-side-chat .media-body .main-chat{
    margin-left:15px
}
.chat-default .card-body.chat-box .left-side-chat .media-body .main-chat .message-main span{
    background-color:var(--theme-deafult);
    border-radius:30px;
    border-bottom-left-radius:0;
    color:#fff
}
.chat-default .card-body.chat-box .left-side-chat .media-body .main-chat .sub-message{
    margin-top:10px
}
.chat-default .card-body.chat-box .left-side-chat .media-body .main-chat .sub-message span{
    border-bottom-left-radius:30px;
    border-top-left-radius:0
}
.chat-default .card-body.chat-box .left-side-chat .media-body .main-chat:last-child .sub-message span{
    border-top-left-radius:30px;
    border-bottom-left-radius:0
}
.chat-default .card-body.chat-box .right-side-chat{
    margin:15px 0
}
.chat-default .card-body.chat-box .right-side-chat .media-body .message-main span{
    background-color:#fff;
    -webkit-box-shadow:0px 0px 20px rgba(25,124,207,0.1);
    box-shadow:0px 0px 20px rgba(25,124,207,0.1);
    border-radius:30px;
    color:var(--theme-deafult);
    opacity:100%;
    border-bottom-right-radius:0;
    text-align:center
}
.chat-default .card-body.chat-box .right-side-chat .media-body .message-main span.loader-span .dot{
    display:inline-block;
    width:5px;
    height:5px;
    border-radius:50%;
    margin-right:4px;
    background:var(--theme-deafult);
    -webkit-animation:wave 1.3s linear infinite;
    animation:wave 1.3s linear infinite;
    padding:0
}
.chat-default .card-body.chat-box .right-side-chat .media-body .message-main span.loader-span .dot:nth-child(2){
    -webkit-animation-delay:-1.1s;
    animation-delay:-1.1s
}
.chat-default .card-body.chat-box .right-side-chat .media-body .message-main span.loader-span .dot:nth-child(3){
    -webkit-animation-delay:-0.9s;
    animation-delay:-0.9s
}
@-webkit-keyframes wave{
    0%,60%,100%{
        -webkit-transform:initial;
        transform:initial
    }
    30%{
        -webkit-transform:translateY(-9px);
        transform:translateY(-9px)
    }
}
@keyframes wave{
    0%,60%,100%{
        -webkit-transform:initial;
        transform:initial
    }
    30%{
        -webkit-transform:translateY(-9px);
        transform:translateY(-9px)
    }
}
.chat-default .card-body.chat-box .media .media-body .message-main span{
    display:inline-block;
    padding:12px 18px;
    font-weight:400
}
.chat-default .card-body.chat-box .media p{
    font-size:10px;
    margin-top:14px;
    color:var(--theme-deafult)
}
.chat-default .card-body.chat-box .input-group{
    margin:30px 0;
    margin-bottom:0;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.chat-default .card-body.chat-box .input-group .form-control{
    border:none;
    border-radius:0;
    border-left:1px solid var(--theme-deafult);
    font-size:16px
}
.chat-default .card-body.chat-box .input-group .form-control::-webkit-input-placeholder{
    color:#2b2b2b;
    font-weight:500;
    font-size:16px
}
.chat-default .card-body.chat-box .input-group .form-control::-moz-placeholder{
    color:#2b2b2b;
    font-weight:500;
    font-size:16px
}
.chat-default .card-body.chat-box .input-group .form-control:-ms-input-placeholder{
    color:#2b2b2b;
    font-weight:500;
    font-size:16px
}
.chat-default .card-body.chat-box .input-group .form-control::-ms-input-placeholder{
    color:#2b2b2b;
    font-weight:500;
    font-size:16px
}
.chat-default .card-body.chat-box .input-group .form-control::placeholder{
    color:#2b2b2b;
    font-weight:500;
    font-size:16px
}
.chat-default .card-body.chat-box .input-group .form-control:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.chat-default .card-body.chat-box .input-group .send-msg{
    width:50px;
    height:45px;
    background-color:rgba(115,102,255,0.1);
    border-radius:25% !important;
    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
}
.chat-default .card-body.chat-box .input-group .send-msg svg{
    width:20px;
    color:var(--theme-deafult);
    vertical-align:middle;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    margin-left:-3px
}
.date-picker-setting{
    background-color:rgba(115,102,255,0.1);
    width:35px;
    height:35px;
    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;
    border-radius:50px
}
.date-picker-setting i{
    color:var(--theme-deafult)
}
.default-datepicker .datepicker-inline .datepicker{
    width:auto;
    background:#fff;
    -webkit-box-shadow:none;
    box-shadow:none;
    padding:0
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names{
    margin:60px 0 0;
    padding:15px 0
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name{
    color:#2b2b2b;
    font-size:14px
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day{
    height:55px;
    border-radius:0;
    color:#2b2b2b
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-other-month-{
    color:#2b2b2b;
    opacity:20%
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell{
    font-weight:500;
    font-size:16px;
    border-radius:0;
    z-index:0
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected-{
    background:var(--theme-deafult);
    color:#fff;
    position:relative;
    -webkit-box-shadow:0px 0px 13px 0 rgba(115,102,255,0.5);
    box-shadow:0px 0px 13px 0 rgba(115,102,255,0.5)
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current-{
    -webkit-box-shadow:0px 0px 15px -5px rgba(115,102,255,0.5);
    box-shadow:0px 0px 15px -5px rgba(115,102,255,0.5)
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-focus-{
    color:#fff;
    -webkit-box-shadow:0px 0px 13px 0 rgba(115,102,255,0.5);
    box-shadow:0px 0px 13px 0 rgba(115,102,255,0.5)
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker-cell .datepicker--cell-month.-current-.-selected-{
    background-color:var(--theme-deafult)
}
.default-datepicker .datepicker-inline .datepicker .datepicker--nav{
    border-bottom:none;
    padding:0;
    text-transform:capitalize;
    margin-top:0
}
.default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action{
    display:none
}
.default-datepicker .datepicker-inline .datepicker .datepicker--nav-title{
    color:#2b2b2b;
    font-size:22px;
    font-weight:600
}
.default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i{
    margin-left:10px;
    font-weight:400;
    font-size:22px;
    color:#2b2b2b
}
@media only screen and (max-width: 360px){
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected-:before{
        height:36px
    }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day{
        height:36px
    }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names{
        margin:13px 0 13px
    }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name{
        font-size:12px
    }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i{
        margin-left:15px;
        font-size:25px
    }
}
.btn-light-secondary{
    background-color:rgba(var(--theme-secondary), 0.1);
    font-size:12px;
    padding:6px 12px;
    font-weight:600
}
.crm-activity>li+li{
    border-top:1px solid #efefef;
    margin-top:10px;
    padding-top:10px
}
.crm-activity>li+li h6{
    font-size:14px;
    line-height:18px;
    margin-bottom:5px
}
.crm-activity>li h6{
    font-size:14px
}
.crm-activity span{
    font-size:40px
}
.crm-activity ul.dates h6{
    color:#2b2b2b
}
.crm-activity ul.dates li{
    color:rgba(43,43,43,0.7);
    font-size:12px;
    display:inline-block;
    line-height:1
}
.crm-activity ul.dates li+li{
    border-left:1px solid #efefef;
    padding-left:10px;
    margin-left:5px
}
.ecommerce-widget{
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px solid #f1f3ff !important;
    border-radius:5px
}
.ecommerce-widget .total-num{
    color:#2b2b2b;
    margin:0;
    letter-spacing:1px
}
.ecommerce-widget .total-num span{
    color:#000
}
.ecommerce-widget .row{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.ecommerce-widget .progress-showcase{
    margin-top:30px
}
.ecommerce-widget span{
    color:rgba(43,43,43,0.7);
    margin:0;
    cursor:pointer
}
.ecommerce-widget .icon{
    color:#efefef;
    font-size:40px
}
.ecommerce-widget .flot-chart-container{
    height:100px;
    padding:0;
    margin:0;
    border:transparent
}
.ecommerce-widget .morris-default-style{
    display:none !important
}
.ecommerce-widget svg{
    -webkit-filter:drop-shadow(12px 12px 7px rgba(0,0,0,0.3));
    filter:drop-shadow(12px 12px 7px rgba(0,0,0,0.3))
}
.static-top-widget:hover .icon-bg{
    -webkit-transform:rotate(-5deg) scale(1.1);
    transform:rotate(-5deg) scale(1.1);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.static-top-widget div.align-self-center svg{
    width:30px;
    height:30px
}
.static-top-widget .media-body{
    -ms-flex-item-align:center !important;
    align-self:center !important;
    padding-left:30px
}
.static-top-widget .media-body .icon-bg{
    position:absolute;
    right:-14px;
    top:6px;
    opacity:0.2;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    width:100px;
    height:100px
}
.bg-info .media.static-top-widget .align-self-center{
    background-color:#a927f9
}
.bg-primary .media.static-top-widget .align-self-center{
    background-color:var(--theme-deafult)
}
.bg-secondary .media.static-top-widget .align-self-center{
    background-color:var(--theme-secondary)
}
.bg-danger .media.static-top-widget .align-self-center{
    background-color:#dc3545
}
.widget-joins:before{
    content:"";
    position:absolute;
    height:100%;
    width:1px;
    background-color:#efefef;
    left:calc(50% - 1px)
}
.widget-joins:after{
    content:"";
    position:absolute;
    height:1px;
    width:100%;
    background-color:#efefef;
    left:0;
    top:50%
}
.widget-joins .media{
    padding:30px;
    text-align:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.widget-joins .media .details{
    border-left:1px solid #efefef;
    padding:1px 0
}
.widget-joins .media .media-body{
    text-align:left
}
.widget-joins .media .media-body>span{
    color:rgba(43,43,43,0.7)
}
.widget-joins .media .media-body svg{
    width:40px;
    height:40px
}
.widget-joins .media .media-body h6{
    font-weight:600
}
.widget-joins .media .media-body h6 span{
    color:#000
}
.redial-social-widget{
    border-radius:100%;
    width:100px;
    height:100px;
    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;
    font-size:25px;
    margin:0 auto;
    background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #f4f4f4), color-stop(50%, transparent), to(transparent)),-webkit-gradient(linear, left top, right top, color-stop(50%, #ecf3fa), color-stop(50%, #f4f4f4), to(#f4f4f4));
    background-image:linear-gradient(90deg, #f4f4f4 50%, transparent 50%, transparent),linear-gradient(90deg, #ecf3fa 50%, #f4f4f4 50%, #f4f4f4)
}
.redial-social-widget i{
    background-color:#fff;
    height:80px;
    width:80px;
    border-radius:100%;
    text-align:center;
    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
}
.redial-social-widget.radial-bar-70{
    background-image:linear-gradient(342deg, var(--theme-deafult) 50%, transparent 50%, transparent),linear-gradient(270deg, var(--theme-deafult) 50%, #f4f4f4 50%, #f4f4f4)
}
.social-widget-card span{
    color:rgba(43,43,43,0.7);
    text-transform:uppercase;
    margin-bottom:4px;
    display:inline-block;
    font-size:12px
}
.social-widget-card h5{
    color:rgba(43,43,43,0.7);
    text-transform:uppercase;
    text-align:center;
    padding:20px 0;
    font-weight:500;
    margin-bottom:30px;
    font-size:16px
}
.social-widget-card h4{
    font-size:18px
}
.browser-widget:hover img{
    -webkit-filter:grayscale(0%);
    filter:grayscale(0%);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    -webkit-transform:scale(1.1) rotate(5deg);
    transform:scale(1.1) rotate(5deg)
}
.browser-widget img{
    height:80px;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    -webkit-transform:scale(1) rotate(0deg);
    transform:scale(1) rotate(0deg);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.browser-widget .media-body{
    text-align:center;
    -webkit-column-count:3;
    -moz-column-count:3;
    column-count:3;
    -webkit-column-rule:1px solid #f4f4f4;
    -moz-column-rule:1px solid #f4f4f4;
    column-rule:1px solid #f4f4f4
}
.browser-widget .media-body p{
    margin-bottom:5px
}
.browser-widget .media-body span{
    margin-bottom:0;
    color:rgba(43,43,43,0.7)
}
.browser-widget .media-body h4{
    color:#2b2b2b;
    margin-bottom:0;
    font-size:18px
}
.browser-widget .media-body h4 span{
    color:#333333
}
.testimonial #owl-carousel-testimonial .owl-stage-outer .owl-stage .owl-item .item img,.testimonial #owl-carousel-testimonial-rtl .owl-stage-outer .owl-stage .owl-item .item img{
    border-radius:100%
}
.testimonial i{
    font-size:60px;
    color:rgba(43,43,43,0.7);
    position:absolute;
    left:0;
    top:0;
    opacity:0.1;
    z-index:-1
}
.testimonial p{
    color:rgba(43,43,43,0.7);
    font-style:italic;
    margin-bottom:30px;
    margin-top:30px
}
.testimonial h5{
    color:#2b2b2b;
    padding-top:10px
}
.testimonial span{
    color:rgba(43,43,43,0.7)
}
.testimonial img{
    margin:0 auto
}
.mobile-clock-widget .sec,.min,.hour{
    position:absolute;
    width:24px;
    height:234px;
    top:0;
    left:102px;
    margin-top:-30px;
    margin-left:-25px
}
.cal-date-widget .datepicker{
    padding:20px;
    border-radius:20px
}
.cal-date-widget .datepicker .datepicker--nav{
    border-bottom:none
}
.cal-date-widget .datepicker .datepicker--cell-day.-other-month-,.cal-date-widget .datepicker .datepicker--cell-year.-other-decade-{
    opacity:0.5
}
.cal-date-widget .cal-info h2{
    font-size:100px;
    color:#ecf3fa
}
.weather-widget-two{
    position:relative;
    background-color:var(--theme-deafult);
    height:365px;
    border-radius:20px;
    overflow:hidden
}
.weather-widget-two .card-body .media{
    margin-bottom:10px
}
.weather-widget-two svg path.climacon_component-stroke{
    fill:#fff
}
.weather-widget-two .top-bg-whether{
    position:absolute;
    top:-50px;
    right:-28px;
    opacity:0.1
}
.weather-widget-two .top-bg-whether svg{
    width:200px;
    height:200px
}
.weather-widget-two .num{
    font-weight:600
}
.weather-widget-two .climacon_component-stroke{
    stroke:#fff
}
.weather-widget-two .bottom-whetherinfo svg{
    width:150px;
    height:150px;
    opacity:0.1;
    color:#fff;
    position:relative;
    top:0;
    left:-35px
}
.weather-widget-two .bottom-whetherinfo .whether-content{
    text-align:right;
    position:relative;
    top:5px;
    color:#fff
}
.mobile-clock-widget{
    background:url(../images/other-images/mobile-clock-wallpaper.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    height:365px;
    border-radius:20px;
    color:#fff;
    text-align:center;
    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-blend-mode:overlay;
    background-color:#102680;
    position:relative
}
.mobile-clock-widget .bg-svg{
    position:absolute;
    top:-4px;
    left:-25px
}
.mobile-clock-widget .bg-svg svg{
    width:150px;
    height:150px;
    opacity:0.08
}
.mobile-clock-widget .clock{
    padding:0;
    position:relative;
    list-style:none;
    margin:0 auto;
    height:175px;
    width:175px;
    display:block;
    background:url(../images/other-images/clock-face.png) 5% center no-repeat
}
.mobile-clock-widget .sec{
    background:url(../images/sec.svg);
    z-index:3
}
.mobile-clock-widget .min{
    background:url(../images/min.svg);
    z-index:2
}
.mobile-clock-widget .hour{
    background:url(../images/hour.svg);
    z-index:1
}
.mobile-clock-widget #date{
    margin-top:30px
}
.flot-chart-container{
    height:250px
}
.calender-widget .cal-img{
    background:url(../images/other-images/calender-bg.png);
    background-size:cover;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    height:300px
}
.calender-widget .cal-date{
    width:100px;
    height:100px;
    margin:0 auto;
    text-align:center;
    background-color:#fff;
    border-radius:50%;
    margin-top:-45px;
    border:1px solid #ecf3fa;
    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
}
.calender-widget .cal-date h5{
    margin-bottom:0;
    line-height:1.5;
    padding:17px;
    font-weight:600;
    font-size:18px
}
.calender-widget .cal-desc h6{
    padding-bottom:6px
}
.calender-widget .cal-desc span{
    line-height:1.6
}
.contact-form .theme-form{
    border:1px solid #f4f4f4;
    padding:30px;
    border-radius:4px
}
.contact-form .theme-form .form-icon{
    width:53px;
    height:53px;
    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;
    text-align:center;
    border:1px solid #efefef;
    border-radius:100%;
    font-size:28px;
    background-color:#fff;
    color:#7366ff;
    margin-top:-55px;
    margin-bottom:15px
}
.contact-form .theme-form label{
    font-weight:600
}
.contact-form .btn{
    padding:10px 30px
}
.chart-widget-top #chart-widget1,.chart-widget-top #chart-widget2,.chart-widget-top #chart-widget3{
    margin-bottom:-14px
}
.chart-widget-top #chart-widget1 .apexcharts-xaxistooltip,.chart-widget-top #chart-widget2 .apexcharts-xaxistooltip,.chart-widget-top #chart-widget3 .apexcharts-xaxistooltip{
    display:none
}
.bar-chart-widget .top-content{
    border-top-left-radius:4px;
    border-top-right-radius:4px
}
.bar-chart-widget .earning-details{
    height:100%;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    letter-spacing:1px
}
.bar-chart-widget .earning-details i{
    font-size:230px;
    position:absolute;
    opacity:0.1;
    right:-30px;
    top:0
}
.bar-chart-widget .earning-details i:hover{
    -webkit-transform:rotate(-5deg) scale(1.1);
    transform:rotate(-5deg) scale(1.1);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.bar-chart-widget .num{
    font-weight:600
}
.bar-chart-widget .num .color-bottom{
    color:#000
}
.bottom-content span{
    color:rgba(43,43,43,0.7)
}
.bottom-content .block-bottom{
    display:block
}
.user-status table tbody tr td{
    vertical-align:middle
}
.user-status table tbody tr td .d-inline-block{
    margin-top:11px
}
.user-status table tbody tr td .image-sm-size img{
    width:41px
}
.user-status table tbody tr:last-child td{
    padding-bottom:0
}
.user-status table thead tr th{
    border-top:0;
    font-size:16px;
    color:#2c323f;
    font-weight:600;
    padding-top:0
}
@-webkit-keyframes am-moving-dashes{
    100%{
        stroke-dashoffset:-30px
    }
}
@keyframes am-moving-dashes{
    100%{
        stroke-dashoffset:-30px
    }
}
@-webkit-keyframes am-pulsating{
    0%{
        stroke-opacity:1;
        stroke-width:0
    }
    100%{
        stroke-opacity:0;
        stroke-width:50px
    }
}
@keyframes am-pulsating{
    0%{
        stroke-opacity:1;
        stroke-width:0
    }
    100%{
        stroke-opacity:0;
        stroke-width:50px
    }
}
@-webkit-keyframes am-draw{
    0%{
        stroke-dashoffset:500%
    }
    100%{
        stroke-dashoffset:0
    }
}
@keyframes am-draw{
    0%{
        stroke-dashoffset:500%
    }
    100%{
        stroke-dashoffset:0
    }
}
.serial-chart .chart-container{
    width:100%;
    height:500px
}
.serial-chart .chart-container .lastBullet{
    -webkit-animation:am-pulsating 1s ease-out infinite;
    animation:am-pulsating 1s ease-out infinite
}
.serial-chart .chart-container .amcharts-graph-column-front{
    -webkit-transition:all .3s .3s ease-out;
    transition:all .3s .3s ease-out
}
.serial-chart .chart-container .amcharts-graph-column-front:hover{
    fill:var(--theme-secondary);
    stroke:var(--theme-secondary);
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.serial-chart .chart-container .amcharts-graph-g3{
    stroke-linejoin:round;
    stroke-linecap:round;
    stroke-dasharray:0;
    stroke-dashoffset:0;
    -webkit-animation:am-draw 40s;
    animation:am-draw 40s
}
.serial-chart .chart-container .amcharts-graph-g2 .amcharts-graph-stroke{
    stroke-dasharray:3px 3px;
    stroke-linejoin:round;
    stroke-linecap:round;
    -webkit-animation:am-moving-dashes 1s linear infinite;
    animation:am-moving-dashes 1s linear infinite
}
.speed-chart .chart-container{
    width:100%;
    height:530px
}
.speed-chart .content{
    margin-top:-200px;
    margin-bottom:20px
}
.speed-chart .content h4{
    font-weight:600;
    padding-top:2px
}
.status-widget svg{
    width:20px;
    height:20px;
    vertical-align:text-top
}
.status-widget .card .card-header h5{
    line-height:1.38
}
.status-widget .status-chart{
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
    overflow:hidden
}
.small-chart-widget .chart-container{
    height:311px;
    padding:0;
    margin:0;
    border:none
}
.small-chart-widget .card .card-body{
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px
}
.donut-chart-widget .chart-container{
    height:300px;
    border:0;
    margin:0;
    padding:0
}
.status-details h4{
    font-weight:600
}
.status-details h4 span{
    color:inherit
}
.status-details span{
    color:rgba(43,43,43,0.7)
}
.status-chart .chart-container{
    height:200px;
    border:0;
    padding:0;
    margin:0
}
.map-chart .chart-container{
    width:100%;
    height:500px
}
.serial-chart{
    width:100%
}
.live-products,.turnover,.uses,.monthly{
    height:300px
}
.live-products .ct-series-a .ct-area,.live-products .ct-series-a .ct-point,.live-products .ct-series-a .ct-line,.live-products .ct-series-a .ct-bar,.live-products .ct-series-a .ct-slice-donut{
    stroke:rgba(255,255,255,0.77)
}
.live-products .ct-label{
    fill:#fff;
    color:#fff
}
.live-products .ct-grid{
    stroke:rgba(255,255,255,0.7)
}
.turnover .ct-series-a .ct-area,.turnover .ct-series-a .ct-point,.turnover .ct-series-a .ct-line,.turnover .ct-series-a .ct-bar,.turnover .ct-series-a .ct-slice-donut,.uses .ct-series-a .ct-area,.uses .ct-series-a .ct-point,.uses .ct-series-a .ct-line,.uses .ct-series-a .ct-bar,.uses .ct-series-a .ct-slice-donut,.monthly .ct-series-a .ct-area,.monthly .ct-series-a .ct-point,.monthly .ct-series-a .ct-line,.monthly .ct-series-a .ct-bar,.monthly .ct-series-a .ct-slice-donut{
    stroke:#fff;
    fill:transparent
}
.turnover .ct-series-b .ct-area,.turnover .ct-series-b .ct-point,.turnover .ct-series-b .ct-line,.turnover .ct-series-b .ct-bar,.turnover .ct-series-b .ct-slice-donut,.uses .ct-series-b .ct-area,.uses .ct-series-b .ct-point,.uses .ct-series-b .ct-line,.uses .ct-series-b .ct-bar,.uses .ct-series-b .ct-slice-donut,.monthly .ct-series-b .ct-area,.monthly .ct-series-b .ct-point,.monthly .ct-series-b .ct-line,.monthly .ct-series-b .ct-bar,.monthly .ct-series-b .ct-slice-donut{
    stroke:rgba(255,255,255,0.7);
    fill:transparent
}
.turnover .ct-series-c .ct-area,.turnover .ct-series-c .ct-point,.turnover .ct-series-c .ct-line,.turnover .ct-series-c .ct-bar,.turnover .ct-series-c .ct-slice-donut,.uses .ct-series-c .ct-area,.uses .ct-series-c .ct-point,.uses .ct-series-c .ct-line,.uses .ct-series-c .ct-bar,.uses .ct-series-c .ct-slice-donut,.monthly .ct-series-c .ct-area,.monthly .ct-series-c .ct-point,.monthly .ct-series-c .ct-line,.monthly .ct-series-c .ct-bar,.monthly .ct-series-c .ct-slice-donut{
    stroke:rgba(255,255,255,0.4);
    fill:transparent
}
.turnover .ct-label,.uses .ct-label,.monthly .ct-label{
    fill:#fff;
    color:#fff
}
.turnover .ct-grid,.uses .ct-grid,.monthly .ct-grid{
    stroke:rgba(255,255,255,0.7)
}
#draggableMultiple .ui-sortable-handle .card{
    cursor:move
}
.tilt-showcase ul li .line{
    padding-top:10px
}
.tilt-showcase .pre-mt{
    margin-top:5px
}
.wow-title h5{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:18px
}
.wow-title h5 .badge{
    -webkit-text-fill-color:#fff
}
.alert-center{
    display:-webkit-box !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.box-shadow-title .sub-title{
    margin:30px 0
}
.hovercard .info .social-media ul li{
    padding-top:3px
}
.hovercard .cardheader{
    border-top-left-radius:5px;
    border-top-right-radius:5px
}
.sticky-header-main .card .card-header h5{
    line-height:35px
}
.sticky-header-main .card .card-header h5 a{
    color:#fff;
    -webkit-text-fill-color:#fff
}
.custom-radio-ml{
    margin-left:3px
}
.daterangepicker .ltr tr td.active{
    color:#fff
}
.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;
    color:#212529;
    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
}
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)
}
#scrollable-dropdown-menu .twitter-typeahead .tt-menu .tt-dataset{
    max-height:100px;
    overflow-y:auto
}
.current-sale-container .apexcharts-xaxistooltip{
    color:var(--theme-deafult);
    background:rgba(115,102,255,0.1);
    border:1px solid var(--theme-deafult)
}
.current-sale-container .apexcharts-xaxistooltip-bottom:before{
    border-bottom-color:var(--theme-deafult)
}
.current-sale-container .apexcharts-tooltip.light .apexcharts-tooltip-title{
    background:rgba(115,102,255,0.1);
    color:var(--theme-deafult)
}
.card-block .table-responsive .table caption{
    padding-left:10px
}
.card-block .table-responsive .table-bordered td{
    vertical-align:middle
}
.card-block .table-border-radius{
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px
}
.card-block .default-checkbox-align #checkbox1{
    margin-right:10px
}
.card-block .default-checkbox-align #radio{
    margin-right:5px
}
#example-style-3_wrapper #example-style-3 tfoot{
    border-top:2px solid #efefef
}
.chart-vertical-center{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.chart-vertical-center #myDoughnutGraph,.chart-vertical-center #myPolarGraph{
    width:auto !important
}
.cke_focus{
    padding:15px;
    margin-top:13px
}
#editor .ace_scroller .ace_content .ace_layer .ace_print-margin{
    visibility:hidden !important
}
.helper-classes{
    padding:30px;
    margin-bottom:0;
    white-space:pre-line
}
.starter-kit-fix .page-body{
    margin-bottom:52px
}
.starter-main .card-body p{
    font-size:14px
}
.starter-main .card-body ul{
    padding-left:30px;
    list-style-type:disc;
    margin-bottom:15px
}
.starter-main .card-body h5{
    font-size:18px
}
.starter-main .card-body pre{
    white-space:pre-line;
    padding:30px
}
.starter-main .card-body .alert-primary.inverse:before{
    top:32px
}
.starter-main .alert{
    background-color:rgba(68,102,242,0.2) !important
}
.starter-main .alert i{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
footer.blockquote-footer{
    bottom:unset
}
@media screen and (min-width: 1440px) and (max-width: 1660px){
    .morning-sec{
        -webkit-box-ordinal-group:-1;
        -ms-flex-order:-2;
        order:-2
    }
    .calendar-sec{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
    .chart_data_right.second{
        display:block !important
    }
}
@media only screen and (min-width: 1367px) and (max-width: 1439px){
    .morning-sec{
        -webkit-box-ordinal-group:-1;
        -ms-flex-order:-2;
        order:-2
    }
    .calendar-sec{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
    .chart_data_right.second{
        display:block !important
    }
    .chart_data_left .row>div .media .right-chart-content{
        margin-left:10px !important
    }
    .chart_data_left .chart_data_right.second{
        display:block !important
    }
}
@media screen and (max-width: 1366px){
    .chart_data_left .row>div:first-child .media{
        padding-left:40px
    }
    .chart_data_left .row>div:last-child .media{
        padding-right:40px
    }
    .chart_data_left .card-body .chart-main .media{
        padding:40px 10px
    }
    .chart_data_left .card-body .chart-main .media .media-body .right-chart-content{
        margin-left:4px
    }
    .chart_data_right.second{
        display:block !important
    }
    .earning-card{
        overflow:hidden
    }
    .earning-card .card-body>.row>div{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .earning-card .card-body>.row>div .chart-left{
        padding:40px
    }
    .earning-card .card-body>.row>div .chart-left .left_side_earning{
        margin-bottom:0;
        display:inline-block
    }
    .earning-card .card-body>.row>div .chart-left .left_side_earning+.left_side_earning{
        -webkit-box-flex:0;
        -ms-flex:0 0 33%;
        flex:0 0 33%;
        max-width:33%
    }
    .earning-card .card-body>.row>div .chart-left .left_side_earning:first-child{
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%;
        -webkit-box-ordinal-group:-1;
        -ms-flex-order:-2;
        order:-2;
        margin-bottom:30px
    }
    .earning-card .card-body>.row>div .chart-left .left-btn{
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%;
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1;
        text-align:right
    }
    .earning-card .card-body>.row .chart-right{
        padding-bottom:40px
    }
    .earning-card.card .card-body .earning-content{
        border-right:none;
        border-bottom:1px solid #ecf3fa
    }
    .morning-sec{
        -webkit-box-ordinal-group:-1;
        -ms-flex-order:-2;
        order:-2
    }
    .morning-sec .greeting-user{
        margin:33px 0
    }
    .calendar-sec{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
    .calendar-sec .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names{
        margin:20px 0 19px;
        padding:12px 0
    }
    .appointment .radar-chart .apexcharts-datalabel{
        font-size:10px !important
    }
}
@media only screen and (max-width: 1199px){
    .morning-sec{
        -webkit-box-ordinal-group:unset;
        -ms-flex-order:unset;
        order:unset
    }
    .profile-greeting .greeting-user .left-icon{
        left:2%
    }
    .calendar-sec{
        -webkit-box-ordinal-group:unset;
        -ms-flex-order:unset;
        order:unset
    }
    .earning-card{
        margin-top:0
    }
    .earning-card .card-body>.row>div .row>div:last-child{
        padding-left:0
    }
    .earning-card .card-body>.row>div .row>div .current-sale-container{
        padding-left:15px
    }
    .earning-card .card-body>.row>div .chart-left .left_side_earning+.left_side_earning{
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .earning-card .card-body>.row>div .chart-left .left_side_earning:nth-child(3){
        text-align:right;
        margin-bottom:30px
    }
    .earning-card .card-body>.row>div .chart-left .left_side_earning:nth-child(4){
        margin-bottom:0
    }
    .earning-card .card-body>.row>div .media{
        margin-left:0
    }
    .earning-card .card-body>.row .border-top>div:last-child{
        margin-top:40px
    }
    .chart_data_left .card-body .chart-main .media{
        padding:40px
    }
    .chart_data_left .card-body .chart-main .media .media-body .right-chart-content{
        margin-left:30px
    }
    .chart_data_left .row>div+div+div .media{
        padding-top:0 !important
    }
    .appointment-sec .alert-sec{
        margin-top:0
    }
    .chart_data_right.second{
        display:none !important
    }
}
@media only screen and (max-width: 991px){
    .earning-card{
        margin-top:0
    }
    .earning-card.card .card-body .border-top{
        padding:20px
    }
    .earning-card.card .card-body .chart-right{
        padding:0 20px
    }
    .earning-card.card .card-body .chart-right .p-tb{
        padding:20px 0
    }
    .earning-card .card-body>.row .border-top>div:last-child{
        margin-top:20px
    }
    .earning-card .card-body>.row .chart-right{
        padding-bottom:20px
    }
    .earning-card .card-body>.row>div .chart-left{
        padding:20px
    }
    .earning-card .card-body>.row>div .chart-left .left_side_earning{
        margin-bottom:20px
    }
    .earning-card .card-body>.row>div .chart-left .left_side_earning:nth-child(3){
        margin-bottom:20px
    }
    .chart_data_left .card-body .chart-main .media{
        padding:20px
    }
    .chart_data_left .card-body .chart-main .media .media-body .right-chart-content{
        margin-left:20px
    }
    .chart_data_left .row>div .media:first-child{
        padding-left:20px
    }
    .chart_data_left .row>div .media:last-child{
        padding-right:20px
    }
    .news .card .card-body .news-update{
        padding:20px
    }
    .notification .card .card-body .media{
        margin-bottom:20px
    }
    .notification .card .card-body .media .media-body p{
        margin:0
    }
    .notification .card .card-body .media .media-body h6{
        margin-top:10px
    }
    .chat-default .card-body.chat-box .input-group{
        margin-top:20px
    }
}
@media only screen and (max-width: 767px){
    .morning-sec .profile-greeting .greeting-user .profile-vector{
        width:70px;
        margin:0 auto
    }
    .morning-sec .profile-greeting .greeting-user h4{
        margin-bottom:10px;
        margin-top:15px
    }
    .morning-sec .profile-greeting .greeting-user .left-icon{
        left:20px;
        bottom:20px
    }
    .dashboard-sec .earning-card .card-body>.row>div .chart-right>.row ul li+li{
        margin-left:25px
    }
    .dashboard-sec .earning-card .card-body>.row>div .chart-right>.row .inner-top-right ul li{
        margin-left:30px
    }
    .chart_data_left .card-body .chart-main .media{
        border-right:none
    }
    .chart_data_left .card-body .chart-main>div:nth-child(3){
        border-right:1px solid #ecf3fa
    }
    .chart_data_left .card-body .chart-main>div:first-child{
        border-right:1px solid #ecf3fa
    }
    .footer-fix .pull-right{
        float:none !important;
        text-align:center !important
    }
}
@media only screen and (max-width: 575px){
    .morning-sec .card-body .greeting-user p{
        padding:0 15px
    }
    .morning-sec .card-body .greeting-user .left-icon{
        left:15px;
        bottom:15px;
        width:40px;
        height:40px;
        border-radius:15px 15px 15px 5px
    }
    .chart_data_left .card .card-body .row>div .media{
        padding:15px
    }
    .chart_data_left .card .card-body .row>div:first-child .media{
        padding-top:15px !important
    }
    .chart_data_left .card .card-body .row:last-child .media{
        padding-top:0 !important
    }
    .earning-card .card-body>.row>div .chart-left{
        padding:15px
    }
    .earning-card .card-body>.row>div .chart-left .left_side_earning{
        margin-bottom:15px
    }
    .earning-card .card-body>.row>div .chart-left .left_side_earning+.left_side_earning,.earning-card .card-body>.row>div .chart-left .left_side_earning:first-child{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%;
        -webkit-box-ordinal-group:unset;
        -ms-flex-order:unset;
        order:unset
    }
    .earning-card .card-body>.row>div .chart-left .left_side_earning:first-child{
        margin-bottom:15px
    }
    .earning-card .card-body>.row>div .chart-left .left_side_earning:nth-child(4),.earning-card .card-body>.row>div .chart-left .left_side_earning:last-child{
        margin-bottom:0
    }
    .earning-card .card-body>.row>div .chart-left .left_side_earning:nth-child(3){
        text-align:left
    }
    .earning-card .card-body>.row>div .chart-left .left-btn{
        -webkit-box-ordinal-group:unset;
        -ms-flex-order:unset;
        order:unset;
        text-align:left;
        margin-top:15px
    }
    .earning-card .card-body>.row .chart-right{
        padding:15px
    }
    .earning-card .card-body>.row .chart-right .p-tb{
        padding-top:0;
        padding-bottom:15px
    }
    .earning-card .card-body>.row .border-top>div+div{
        margin-top:15px;
        padding:0
    }
    .earning-card .card-body>.row .border-top>div+div:last-child{
        margin-top:15px
    }
    .earning-card .card-body .inner-top-right{
        margin-top:15px
    }
    .earning-card.card .card-body .border-top{
        padding:15px
    }
    .dashboard-sec .earning-card .card-body>.row>div .chart-right>.row ul li+li{
        margin-left:15px
    }
    .dashboard-sec .earning-card .card-body>.row>div .chart-right>.row .inner-top-right ul li+li{
        margin-left:28px
    }
    .notification .card .card-body .media{
        margin-bottom:15px
    }
    .news .card .card-body>.news-update{
        padding:15px
    }
    .news .card .card-footer{
        padding-top:0 !important
    }
    .appointment-sec .alert-sec .card-body{
        padding-top:0 !important
    }
    .media-dropdown{
        display:block
    }
    .media-dropdown .media-body{
        margin-bottom:15px
    }
    .chat-sec .chat-default .card-body.chat-box .media .media-body .message-main span{
        font-size:13px;
        width:95%
    }
    .chat-sec .chat-default .card-body.chat-box .media.right-side-chat .media-body .message-main span{
        width:100%
    }
    .chat-sec .chat-default .card-body.chat-box .media.right-side-chat .media-body .message-main span span{
        width:5px
    }
    .chat-sec .chat-default .card-body.chat-box .media.right-side-chat p{
        margin-top:10px
    }
    .chat-default .card-body.chat-box .input-group .form-control{
        font-size:14px
    }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title{
        font-size:17px
    }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i{
        font-size:17px;
        margin-left:10px
    }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell{
        font-size:14px
    }
    .calendar-sec .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names{
        margin:10px 0 10px;
        padding:10px 0
    }
}
@media only screen and (max-width: 360px){
    .footer{
        padding-left:0 !important;
         padding-right:0 !important;
        padding-bottom: 70px !important;
    }
    .footer p{
        font-size:12px
    }
    .appointment-table table tr td{
        min-width:103px
    }
    .appointment-table table tr td:first-child{
        min-width:63px
    }
    .appointment-table table tr td:nth-child(2){
        min-width:120px
    }
}
.toggle-data{
    cursor:pointer
}
.filter-block ul li{
    padding-top:10px;
    opacity:0.5
}
.collection-filter-block svg{
    width:50px;
    height:25px;
    stroke:var(--theme-deafult);
    fill:#e8e5ff;
    margin-right:10px
}
.collection-filter-block h5{
    margin-bottom:0;
    font-size:16px
}
.collection-filter-block p{
    font-size:13px
}
.collection-filter-block .media-body{
    opacity:0.5
}
.collection-filter-block li+li{
    margin-top:15px
}
.collection-filter-block ul.pro-services li svg{
    width:auto
}
.qty-box .btn{
    background-color:transparent !important;
    border-color:#ecf3fa !important;
    padding:8px 12px
}
.qty-box .btn i{
    color:#898989
}
.qty-box .btn svg{
    width:14px !important;
    stroke:#2c323f
}
.qty-box span{
    padding:0 4px
}
.qty-box .input-group{
    background-color:rgba(44,50,63,0.1)
}
.qty-box input{
    background-color:rgba(44,50,63,0.1);
    color:#2c323f;
    max-width:44px;
    padding:0;
    text-align:center;
    border:none;
    max-height:37px
}
.product-social li a{
    color:#898989;
    font-size:15px;
    border:1px solid #ccc;
    border-radius:100%;
    height:35px;
    width:35px;
    display:inline-block;
    text-align:center;
    line-height:2.3;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.product-social li a:hover{
    border-color:#7366ff;
    color:#7366ff;
    background-color:rgba(115,102,255,0.1);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.product-social li:nth-child(n+2){
    margin-left:10px
}
.product-sidebar .filter-section .card .card-header{
    padding:16px 30px;
    border-radius:5px
}
.product-sidebar .filter-section .card .card-header h6{
    position:relative
}
.product-sidebar .filter-section .card .card-header h6 .pull-right i{
    position:absolute;
    top:4px;
    left:0;
    font-size:10px;
    width:100%;
    height:10px;
    text-align:right;
    cursor:pointer
}
.product-wrapper .product-sidebar .filter-section .card .left-filter{
    z-index:0;
    opacity:0;
    visibility:hidden;
    height:0;
    -webkit-transition:0.3s;
    transition:0.3s
}
.product-wrapper .product-sidebar .filter-section .card .left-filter .product-filter .irs-with-grid{
    margin-bottom:15px
}
.product-wrapper .product-grid .product-wrapper-grid{
    margin-left:0;
    -webkit-transition:0.3s;
    transition:0.3s
}
.product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter{
    z-index:1;
    opacity:1;
    visibility:visible;
    position:absolute;
    width:100%;
    background-color:white;
    top:53px;
    height:auto
}
.product-wrapper.sidebaron .product-grid .product-wrapper-grid{
    margin-left:calc(25% + 9px)
}
.d-none-productlist{
    display:none
}
.d-none-productlist svg{
    vertical-align:middle;
    cursor:pointer
}
.product-wrapper-grid.list-view .product-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.product-wrapper-grid.list-view .product-box .product-img{
    width:20%
}
.product-wrapper-grid.list-view .product-box .product-details{
    text-align:left
}
.slider-product{
    padding:15px 0;
    border-top:1px solid #f4f4f4;
    border-bottom:1px solid #f4f4f4;
    margin-bottom:15px
}
.products-total{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.grid-options{
    height:33px;
    margin-left:10px
}
.grid-options ul li a{
    position:relative
}
.grid-options ul li a .line-grid{
    position:absolute;
    width:4px;
    height:15px;
    top:9px
}
.grid-options ul li a .line-grid-1{
    left:12px
}
.grid-options ul li a .line-grid-2{
    left:18px
}
.grid-options ul li a .line-grid-3{
    left:36px
}
.grid-options ul li a .line-grid-4{
    left:42px
}
.grid-options ul li a .line-grid-5{
    left:48px
}
.grid-options ul li a .line-grid-6{
    left:66px
}
.grid-options ul li a .line-grid-7{
    left:72px
}
.grid-options ul li a .line-grid-8{
    left:78px
}
.grid-options ul li a .line-grid-9{
    left:84px
}
.grid-options ul li a .line-grid-10{
    left:103px
}
.grid-options ul li a .line-grid-11{
    left:109px
}
.grid-options ul li a .line-grid-12{
    left:115px
}
.grid-options ul li a .line-grid-13{
    left:121px
}
.grid-options ul li a .line-grid-14{
    left:127px
}
.grid-options ul li a .line-grid-15{
    left:133px
}
.square-product-setting{
    height:36px;
    vertical-align:middle
}
.square-product-setting a{
    color:#2b2b2b
}
.square-product-setting .icon-grid{
    padding:7px;
    background-color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0 10px
}
.square-product-setting .icon-grid svg{
    width:20px;
    height:20px
}
.product-filter .banner-product{
    margin-top:15px
}
.product-filter h6{
    margin-bottom:15px
}
.product-filter .color-selector{
    line-height:0.9
}
.product-filter .color-selector ul li{
    display:inline-block;
    width:20px;
    height:20px;
    border:1px solid #444;
    border-radius:100%;
    cursor:pointer
}
.product-filter .color-selector ul li.white{
    background-color:#fff
}
.product-filter .color-selector ul li.gray{
    background-color:rgba(43,43,43,0.7)
}
.product-filter .color-selector ul li.black{
    background-color:#000
}
.product-filter .color-selector ul li.orange{
    background-color:#ffb17a
}
.product-filter .color-selector ul li.green{
    background-color:#6fb866
}
.product-filter .color-selector ul li.pink{
    background-color:pink
}
.product-filter .color-selector ul li.yellow{
    background-color:#f2f896
}
.product-filter .color-selector ul li.blue{
    background-color:#63b4f2
}
.product-filter .color-selector ul li.red{
    background-color:#ff647f
}
.product-filter.new-products{
    margin-top:20px
}
.product-filter.new-products button{
    width:auto
}
.product-filter.new-products .owl-theme .owl-nav{
    margin-top:0;
    position:absolute;
    top:-46px;
    right:0
}
.product-filter.new-products .owl-theme .owl-nav button:focus{
    outline:rgba(0,0,0,0)
}
.product-filter.new-products .owl-theme .owl-nav button span{
    font-size:20px
}
.product-filter.new-products .owl-theme .owl-nav button span:focus{
    outline-color:rgba(0,0,0,0)
}
.product-filter.new-products .owl-theme .owl-nav [class*='owl-']:hover{
    background-color:rgba(0,0,0,0);
    color:inherit
}
.product-filter.new-products .owl-theme .owl-item .item .product-box .product-details{
    padding:25px 0
}
.product-filter.new-products .owl-theme .owl-item .item .product-box+.product-box{
    margin-top:15px
}
.select2-drpdwn-product .form-control{
    border:none;
    -webkit-box-shadow:1px 5px 24px 0 rgba(68,102,242,0.05);
    box-shadow:1px 5px 24px 0 rgba(68,102,242,0.05);
    margin-bottom:10px;
    height:36px
}
.feature-products form .form-group{
    position:relative
}
.feature-products form .form-group input{
    margin-bottom:15px;
    border:none;
    -webkit-box-shadow:1px 5px 24px 0 rgba(68,102,242,0.05);
    box-shadow:1px 5px 24px 0 rgba(68,102,242,0.05);
    height:50px;
    padding-left:30px
}
.feature-products form .form-group i{
    position:absolute;
    top:17px;
    right:30px;
    color:#898989
}
.product-box{
    border-radius:10px;
    overflow:hidden
}
.product-box .product-details{
    padding:15px 25px
}
.product-box .product-details p{
    margin-bottom:0;
    opacity:0.8
}
.product-box .product-details h4{
    margin-bottom:0;
    margin-top:5px;
    font-size:20px;
    font-family:roboto
}
.product-box .product-details h6{
    color:#2b2b2b;
    text-transform:uppercase;
    margin-bottom:10px
}
.product-box .product-details span{
    color:#898989
}
.product-box .product-details .rating i{
    font-size:16px;
    letter-spacing:3px;
    color:#ffa800
}
.product-box .modal .modal-header .product-box .product-details{
    padding:25px 0
}
.product-box .modal .modal-header .product-box .product-details h6{
    text-transform:capitalize
}
.product-box .modal .modal-header .product-box .product-details .product-price{
    font-size:22px;
    margin-bottom:10px
}
.product-box .modal .modal-header .product-box .product-details .product-view{
    padding:20px 0;
    border-top:1px dotted #59667a;
    border-bottom:1px dotted #59667a
}
.product-box .modal .modal-header .product-box .product-details .product-size{
    margin:20px 0
}
.product-box .modal .modal-header .product-box .product-details .product-size ul li{
    display:inline-block
}
.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset{
    margin-bottom:20px
}
.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group{
    width:35%
}
.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn{
    padding:5px 12px
}
.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn-primary{
    background-color:#59667a !important;
    border:1px solid #59667a !important
}
.product-box .modal .modal-header .btn-close{
    position:absolute;
    right:15px;
    top:10px
}
.product-box .product-img{
    position:relative
}
.product-box .product-img .product-hover{
    position:absolute;
    height:100%;
    width:100%;
    top: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;
    background-color:rgba(0,0,0,0.3);
    opacity:0;
    border-radius:100%;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.product-box .product-img .product-hover ul li{
    display:inline-block;
    -webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.08);
    box-shadow:1px 1px 2px 1px rgba(0,0,0,0.08);
    padding:10px 12px;
    background-color:#fff;
    font-size:18px;
    border-radius:10px;
    height:45px;
    width:45px;
    margin:0 3px;
    cursor:pointer
}
.product-box .product-img .product-hover ul li i{
    color:#59667a;
    font-size:18px
}
.product-box .product-img .product-hover ul li .btn{
    padding:0
}
.product-box .product-img .product-hover ul li:hover{
    background-color:var(--theme-deafult);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.product-box .product-img .product-hover ul li:hover .btn,.product-box .product-img .product-hover ul li:hover i{
    color:#fff
}
.product-box:hover .product-hover{
    opacity:1;
    border-radius:0%;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.product-page-main{
    padding:30px
}
.product-page-main .owl-item .item{
    border:1px solid #f4f4f4;
    border-radius:5px;
    background-color:#f8f8f8
}
.product-page-main .owl-item.current .item{
    border:1px solid var(--theme-deafult)
}
.product-page-main .product-slider{
    margin-bottom:20px
}
.product-page-main .product-color{
    margin-top:10px
}
.product-page-details h4{
    color:#2b2b2b;
    text-transform:uppercase;
    font-size:18px
}
.product-page-details span{
    padding-left:15px
}
.br-theme-fontawesome-stars .br-widget a,.br-theme-fontawesome-stars .br-widget a.br-selected:after,.br-theme-fontawesome-stars .br-widget a.br-active:after{
    color:#ffa800 !important;
    font:normal normal normal 14px/1 FontAwesome
}
.product-price{
    font-size:18px;
    font-weight:700;
    margin-top:5px;
    color:var(--theme-deafult)
}
.product-price del{
    color:rgba(44,50,63,0.4);
    padding-left:10px;
    font-size:80%
}
.product-color li{
    display:inline-block;
    border-radius:100%;
    height:20px;
    width:20px;
    margin:0 2px
}
.product-page-main p{
    font-size:15px
}
.product-page-main .nav-link{
    text-transform:uppercase;
    font-weight:500
}
.payment-opt li{
    display:inline-block
}
.payment-opt li img{
    height:20px;
    margin:15px 15px 0 0
}
@media screen and (max-width: 1660px) and (min-width: 1200px){
    .xl-cs-65{
        max-width:65%;
        -webkit-box-flex:0;
        -ms-flex:0 0 65%;
        flex:0 0 65%
    }
    .xl-cs-35{
        max-width:35%;
        -webkit-box-flex:0;
        -ms-flex:0 0 35%;
        flex:0 0 35%;
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
    .owl-carousel .owl-item img{
        max-width:420px;
        margin:0 auto
    }
}
.email-wrap .row .col-xl-3+.col-xl-3{
    padding-right:0
}
.email-wrap .row .col-xl-6{
    padding-left:0
}
.email-wrap .dropdown .dropdown-toggle{
    background-color:rgba(115,102,255,0.08);
    color:#7366ff;
    border-radius:10px;
    padding:5px 10px;
    width:100px;
    text-align:left
}
.email-wrap .dropdown .dropdown-toggle:after{
    position:absolute;
    top:50%;
    right:10px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    content:"\f107";
    border:none;
    font-family:"FontAwesome";
    font-size:18px;
    margin:0
}
.email-wrap .dropdown .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
}
.email-wrap .dropdown .dropdown-menu .dropdown-item{
    color:#2b2b2b;
    opacity:0.6;
    font-size:13px;
    padding:6px 12px;
    border-top:1px solid #f5f5f5;
    background:#fff;
    line-height:19px
}
.email-wrap .dropdown .dropdown-menu .dropdown-item:hover{
    background-color:#fff
}
.email-wrap .email-app-sidebar .media img{
    border:2px solid #ecf3fa
}
.email-wrap .email-app-sidebar .main-menu>li{
    width:100%;
    text-align:left
}
.email-wrap .email-app-sidebar .main-menu>li a{
    line-height:39px;
    text-transform:uppercase;
    border-radius:3px
}
.email-wrap .email-app-sidebar .main-menu>li a i{
    margin-right:10px
}
.email-wrap .email-app-sidebar .main-menu>li a.active>a{
    color:#000
}
.email-wrap .email-app-sidebar .main-menu>li a:hover{
    background-color:#f5f6f9;
    text-decoration:none
}
.email-wrap .email-app-sidebar ul li a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-left:20px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.email-wrap .email-app-sidebar ul li a>.title{
    width:100%;
    color:#2c323f
}
.email-wrap .email-app-sidebar ul li a>.badge{
    -ms-flex-item-align:center;
    align-self:center;
    color:#898989
}
.email-wrap .email-left-aside{
    float:left;
    width:100%
}
.email-wrap .email-left-aside .card-body{
    padding:20px
}
.email-wrap .email-right-aside .email-body .row .col-xl-4{
    border-right:1px solid rgba(0,0,0,0.1)
}
.email-wrap .email-right-aside .email-body .pr-0{
    padding-right:0
}
.email-wrap .email-right-aside .email-body .pl-0{
    padding-left:0
}
.email-wrap .email-right-aside .email-body .inbox{
    overflow:auto
}
.email-wrap .email-right-aside .email-body .inbox .media{
    padding:20px
}
.email-wrap .email-right-aside .email-body .inbox .media.active{
    background-color:#fefefe
}
.email-wrap .email-right-aside .radius-left{
    border-radius:8px;
    height:100%
}
.email-wrap .btn-mail{
    border-radius:2px;
    text-align:left;
    padding:13px 15px;
    margin:20px 0 20px;
    letter-spacing:1px;
    line-height:12px !important
}
.email-wrap p{
    margin-bottom:0;
    color:#898989
}
.email-wrap .media-body{
    margin-top:5px
}
.email-wrap .media-body h6{
    margin-bottom:2px;
    color:#242934;
    margin-top:3px
}
.email-wrap .media-body h6 small{
    font-size:12px
}
.email-wrap .media-body h6 small span{
    color:#777777
}
.email-wrap .media-body p{
    color:rgba(43,43,43,0.7);
    font-size:12px
}
.email-wrap .email-top{
    padding:20px;
    border-bottom:1px solid rgba(0,0,0,0.1);
    line-height:49px
}
.email-wrap .email-top i{
    cursor:pointer
}
.email-wrap .email-top h5{
    margin-bottom:0;
    padding:12px 0
}
.email-wrap .email-top .d-flex{
    padding:13px 0
}
.email-wrap .email-wrapper{
    padding:20px
}
.email-wrap .email-wrapper hr{
    margin-top:0;
    margin-bottom:20px
}
.email-wrap .email-wrapper .d-inline-block{
    width:100%
}
.email-wrap .email-wrapper h6{
    margin-bottom:11px;
    float:left
}
.email-wrap .email-wrapper .right-download{
    float:right
}
.email-wrap .email-wrapper p+p{
    margin-bottom:20px
}
.email-wrap .email-wrapper h5{
    margin-bottom:20px
}
.email-wrap .email-content .email-top .user-emailid:after{
    content:"";
    position:relative;
    height:20px;
    width:1px;
    right:0;
    top:3px;
    z-index:2;
    border:1px solid #efefef;
    float:right;
    padding:0;
    margin:0 20px
}
.email-wrap .email-body .attachment ul li img{
    margin-bottom:20px;
    width:80px;
    height:80px;
    -o-object-fit:cover;
    object-fit:cover
}
.email-wrap .email-body .attachment .list-inline .list-inline-item{
    padding-right:13px
}
.email-wrap .email-body .email-compose .cke_contents.cke_reset{
    max-height:178px;
    width:100%;
    border:1px solid #ecf3fa
}
.email-wrap .email-body .email-compose .email-top h4{
    padding:11px 0
}
.email-wrap .email-body .email-compose .compose-border .btn-middle{
    padding-top:5px
}
.email-wrap .actions li{
    display:inline-block;
    margin-right:25px
}
.error-wrapper{
    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-height:100vh;
    text-align:center
}
.error-wrapper.maintenance-bg{
    background-image:url(../images/other-images/maintenance-bg.jpg);
    background-color:rgba(255,255,255,0.6);
    background-blend-mode:overlay
}
.error-wrapper .maintenance-icons li i{
    color:#59667a;
    font-size:50px;
    animation:rotate-effect 40s infinite linear reverse
}
.error-wrapper .maintenance-icons li:nth-child(2) i{
    font-size:100px;
    margin-left:110px;
    margin-top:-25px;
    animation:rotate-effect 40s linear infinite reverse
}
.error-wrapper .maintenance-icons li:nth-child(3) i{
    -webkit-animation:rotate-effect 30s infinite linear;
    animation:rotate-effect 30s infinite linear;
    font-size:150px;
    margin-top:-85px;
    margin-right:120px
}
.error-wrapper .maintenance-heading{
    margin-top:70px
}
.error-wrapper .maintenance-heading .headline{
    font-size:99px;
    font-weight:900;
    letter-spacing:10px;
    color:var(--theme-deafult);
    z-index:2;
    position:relative;
    margin-top:-70px
}
.error-wrapper .error-heading{
    margin-top:115px
}
.error-wrapper .error-heading .headline{
    font-size:285px;
    font-weight:700;
    letter-spacing:1px;
    margin-top:-130px
}
.error-wrapper .sub-content{
    font-size:18px;
    color:#2b2b2b;
    letter-spacing:1px;
    font-weight:normal;
    line-height:35px;
    z-index:3;
    position:relative;
    margin-top:30px;
    margin-bottom:0
}
.error-wrapper .btn{
    margin-top:40px
}
.error{
    margin:70px 0 100px;
    color:#000
}
.error .error-title{
    font-size:9.5rem;
    color:#fff;
    text-shadow:6px 6px 7px rgba(0,0,0,0.32)
}
.error .line-bottom{
    width:10%;
    height:5px;
    background-color:#f8d62b;
    border:none
}
.error .c-white{
    color:#fff
}
.error .error-btn{
    text-align:center
}
.error .padd{
    padding:10px 30px 10px 30px
}
.error .btn-back-home{
    background-color:#f4f4f4;
    color:#000
}
.error .btn-back-home:hover{
    background-color:#f8d62b;
    color:#fff;
    -webkit-box-shadow:0 20px 35px 0 rgba(0,0,0,0.21);
    box-shadow:0 20px 35px 0 rgba(0,0,0,0.21)
}
.error .btn-adnc-serc{
    background-color:#2c323f;
    color:#fff
}
.error .btn-adnc-serc:hover{
    background-color:#f8d62b;
    color:#fff;
    -webkit-box-shadow:0 20px 35px 0 rgba(0,0,0,0.21);
    box-shadow:0 20px 35px 0 rgba(0,0,0,0.21)
}
.knowledgebase-bg{
    height:500px;
    border-radius:15px;
    margin-bottom:30px
}
.knowledgebase-search{
    position:absolute;
    top:0;
    bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    left:5%
}
.knowledgebase-search .form-inline{
    background-color:#fff;
    width:500px;
    padding:12px 50px;
    border-radius:10px;
    border:1px solid #e6e6e6;
    margin-top:10px;
    position:relative
}
.knowledgebase-search .form-inline ::-webkit-input-placeholder{
    color:#ccc
}
.knowledgebase-search .form-inline ::-moz-placeholder{
    color:#ccc
}
.knowledgebase-search .form-inline :-ms-input-placeholder{
    color:#ccc
}
.knowledgebase-search .form-inline ::-ms-input-placeholder{
    color:#ccc
}
.knowledgebase-search .form-inline ::placeholder{
    color:#ccc
}
.knowledgebase-search .form-inline svg{
    position:absolute;
    left:20px;
    width:20px;
    top:17px;
    stroke:#ccc
}
.faq-widgets{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.faq-widgets .media-body h5{
    font-weight:600
}
.faq-widgets .media-body p{
    padding-right:20px
}
.faq-widgets svg{
    width:50px;
    height:50px;
    opacity:0.5
}
.header-faq{
    margin-bottom:30px
}
.header-faq h5{
    font-weight:600
}
.features-faq.card .card-body,.features-faq.card .card-footer{
    padding:20px 25px
}
.features-faq .faq-image img{
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    width:100%
}
.features-faq .card-body h6{
    font-weight:500
}
.add-project.table td{
    vertical-align:middle
}
.add-project .text-inherit{
    color:black
}
.faq-accordion{
    margin-bottom:30px
}
.faq-accordion .card .btn-link{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.faq-accordion .card .btn-link svg{
    width:20px;
    height:20px;
    margin-right:10px
}
.faq-accordion .faq-header{
    position:relative;
    padding:30px !important
}
.faq-accordion .faq-header svg{
    position:absolute;
    right:30px;
    top:30px
}
.faq-accordion .faq-header span{
    margin-top:3px
}
.faq-accordion .faq-body{
    padding:20px !important
}
.faq-accordion .card-mb-faq{
    margin-bottom:30px
}
.faq-title{
    margin:30px 0
}
.faq-title h6{
    color:#999;
    font-weight:600
}
.faq-form{
    position:relative
}
.faq-form .search-icon{
    position:absolute;
    right:12px;
    top:9px;
    width:20px;
    height:20px
}
.navigation-btn{
    margin-bottom:30px
}
.navigation-btn a{
    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
}
.navigation-btn a svg{
    width:15px;
    height:15px
}
.navigation-option ul li{
    position:relative;
    padding:15px 15px 15px 0
}
.navigation-option ul li:hover{
    background-color:#fdfeff
}
.navigation-option ul li a{
    padding-left:40px;
    color:#2b2b2b
}
.navigation-option ul li a svg{
    position:absolute;
    width:15px;
    height:15px;
    top:17px;
    left:15px
}
.updates-faq{
    width:40px;
    height:40px;
    border:2px solid var(--theme-deafult);
    border-radius:100%;
    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:30px
}
.updates-faq svg{
    width:18px;
    height:18px
}
.updates-bottom-time p{
    margin-bottom:2px
}
.updates-bottom-time p+p{
    color:#999
}
.updates-faq-main{
    margin-bottom:30px
}
.updates-faq-main a{
    font-weight:500
}
.updates-faq-main:last-child{
    margin-bottom:0
}
@media only screen and (max-width: 1199px){
    .faq-accordion{
        margin-bottom:30px
    }
}
@media only screen and (max-width: 991px){
    .faq-accordion .faq-header{
        padding:20px !important
    }
    .faq-accordion .faq-header svg{
        right:20px;
        top:20px
    }
    .navigation-option ul li{
        padding:10px 10px 10px 0
    }
    .navigation-option ul li a svg{
        top:12px
    }
    .navigation-btn,.updates-faq-main{
        margin-bottom:20px
    }
}
@media only screen and (max-width: 767px){
    .xs-mt-search{
        margin-top:30px
    }
}
@media only screen and (max-width: 575px){
    .xs-mt-search{
        margin-top:0px
    }
    .faq-widgets svg{
        width:30px;
        height:30px
    }
    .faq-title{
        margin:15px 0
    }
    .header-faq{
        margin-bottom:15px;
        margin-top:10px
    }
    .faq-accordion{
        margin-bottom:0px
    }
    .faq-accordion .faq-header{
        padding:15px !important
    }
    .faq-accordion .faq-header .pull-right{
        float:right
    }
    .faq-accordion .faq-header svg{
        right:15px;
        top:15px
    }
    .navigation-btn,.updates-faq-main{
        margin-bottom:15px
    }
}
.file-sidebar .card .card-body,.file-sidebar .card .card-header,.file-content .card .card-body,.file-content .card .card-header{
    padding:20px !important
}
.file-sidebar ul li+li{
    margin-top:8px
}
.file-sidebar .btn{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.file-sidebar .btn.btn-light:hover{
    color:var(--theme-deafult) !important
}
.file-sidebar .btn.btn-light:hover svg{
    stroke:var(--theme-deafult)
}
.file-sidebar .btn svg{
    width:15px;
    vertical-align:middle;
    margin-right:8px
}
.file-sidebar .pricing-plan{
    border:1px solid #ecf3fa;
    border-radius:5px;
    margin-top:10px;
    padding:15px;
    position:relative;
    overflow:hidden
}
.file-sidebar .pricing-plan h6{
    font-weight:600;
    font-size:14px;
    margin-bottom:2px;
    color:#898989
}
.file-sidebar .pricing-plan h5{
    font-weight:800
}
.file-sidebar .pricing-plan p{
    margin-bottom:5px;
    color:#898989
}
.file-sidebar .pricing-plan .btn{
    display:inline-block
}
.file-sidebar .pricing-plan .bg-img{
    position:absolute;
    top:40px;
    opacity:0.1;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    right:-40px
}
.file-manager>h6{
    opacity:0.6;
    font-weight:400 !important;
    font-size:15px;
    margin-bottom:12px
}
.file-manager .files .file-box: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
}
.file-manager .files .file-box: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
}
.file-manager .files .file-box: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
}
.file-manager .files .file-box: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
}
.file-manager .files .file-box: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
}
.file-manager .files .file-box: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
}
.file-manager .files .file-box: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
}
.file-manager .files .file-box: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
}
.file-manager .files .file-box: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
}
.file-manager .files .file-box: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
}
.file-manager .files .file-box: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
}
.file-manager .files .file-box: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
}
.file-manager .files .file-box: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
}
.file-manager .files .file-box: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
}
.file-manager .files .file-box: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
}
.file-manager .files h6{
    margin-top:10px;
    margin-bottom:0
}
.file-manager p{
    opacity:0.9;
    font-size:12px
}
.files h6,.folder h6{
    opacity:0.9;
    font-weight:500 !important;
    font-size:14px
}
.file-content .ellips{
    position:absolute;
    top:30px;
    right:30px;
    opacity:0.7
}
.file-content .form-inline{
    border:1px solid #f4f4f4;
    border-radius:5px;
    padding:0 20px
}
.file-content .form-inline i{
    padding-right:10px;
    color:#898989;
    line-height:3
}
.file-content .form-inline input::-webkit-input-placeholder{
    color:#898989
}
.file-content .form-inline input:focus{
    outline:none !important
}
.file-content .search-form input{
    padding:5px 10px 5px 70px;
    border-radius:5px
}
.file-content .search-form .form-group:before{
    left:82px;
    top:37px
}
.file-content .search-form .form-group:after{
    top:39px;
    left:53px
}
.file-content .btn svg{
    height:15px;
    margin-right:2px;
    vertical-align:middle
}
.file-content h4{
    font-weight:500
}
.file-content .folder .folder-box{
    border:1px solid #f1f1f1;
    border-radius:5px;
    padding:15px;
    background-color:#f6f7fb;
    width:calc(25% - 15px);
    display:inline-block
}
.file-content .folder .folder-box: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
}
.file-content .folder .folder-box: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
}
.file-content .folder .folder-box: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
}
.file-content .folder .folder-box: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
}
.file-content .folder .folder-box: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
}
.file-content .folder .folder-box: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
}
.file-content .folder .folder-box: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
}
.file-content .folder .folder-box: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
}
.file-content .folder .folder-box: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
}
.file-content .folder .folder-box: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
}
.file-content .folder .folder-box: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
}
.file-content .folder .folder-box: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
}
.file-content .folder .folder-box: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
}
.file-content .folder .folder-box: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
}
.file-content .folder .folder-box: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
}
.file-content .files .file-box{
    border:1px solid #f1f1f1;
    border-radius:5px;
    padding:15px;
    background-color:#f6f7fb;
    width:calc(25% - 15px);
    display:inline-block;
    position:relative
}
.file-content .files .file-box .file-top{
    height:100px;
    background-color:#fff;
    border:1px solid #ececec;
    border-radius:5px;
    font-size:36px;
    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
}
@media screen and (max-width: 1440px){
    .file-content .folder .folder-box .media{
        display:block
    }
    .file-content .folder .folder-box .media .media-body{
        margin-left:0 !important;
        margin-top:5px
    }
}
@media screen and (max-width: 1366px){
    .file-content .files{
        margin-bottom:-10px
    }
    .file-content .files .file-box{
        width:calc(50% - 15px);
        margin-bottom:10px;
        margin-right:8px
    }
}
@media screen and (max-width: 768px){
    .file-content .folder{
        margin-bottom:-10px
    }
    .file-content .folder .folder-box{
        width:calc(50% - 15px);
        margin-bottom:10px;
        margin-right:8px
    }
    .file-content .media{
        display:block;
        text-align:center
    }
    .file-content .media .media-body{
        margin-top:20px;
        text-align:center !important
    }
}
@media screen and (max-width: 575px){
    .file-content .folder .folder-box,.file-content .files .file-box{
        width:calc(100%)
    }
}
.profile-img-style img,.scroll-bar-wrap img{
    width:100%
}
.gallery{
    margin-bottom:-30px
}
.gallery>a{
    margin-bottom:30px
}
.gallery>a:before{
    content:"\edee";
    font-family:IcoFont;
    position:absolute;
    height:calc(100% - 10px);
    left:20px;
    width:calc(100% - 40px);
    background-color:rgba(255,255,255,0.27);
    top:5px;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    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;
    font-size:30px;
    color:#000
}
.gallery>a:hover:before{
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.gallery>a .img-thumbnail{
    border-radius:0
}
.gallery-with-description{
    margin-bottom:-30px
}
.gallery-with-description a>div{
    padding:10px;
    border:1px solid #e4e6ec;
    margin-bottom:30px;
    border-radius:0 0 5px 5px
}
.gallery-with-description a:hover{
    text-decoration:none !important
}
.gallery-with-description h4{
    color:#2c323f;
    margin-top:15px;
    font-size:18px
}
.gallery-with-description p{
    color:#a3a3a3
}
.lg-backdrop{
    background-color:#fff
}
.lg-outer .lg-actions .lg-next,.lg-outer .lg-actions .lg-prev{
    background-color:#fff;
    border:1px solid #efefef
}
.lg-outer .lg-actions .lg-next:hover,.lg-outer .lg-actions .lg-prev:hover{
    color:#2c323f
}
.lg-outer .lg-toolbar{
    background-color:rgba(255,255,255,0.45);
    border-bottom:1px solid #2c323f
}
.lg-outer .lg-toolbar .lg-icon:hover{
    color:#2c323f
}
.lg-outer #lg-counter{
    color:#2c323f
}
.lg-outer .lg-sub-html{
    background-color:rgba(255,255,255,0.45)
}
.lg-outer .lg-sub-html h4{
    font-size:inherit;
    color:#2c323f
}
.lg-outer .lg-sub-html p{
    color:#2c323f
}
.lg-outer .lg-thumb-outer{
    background-color:#ecf3fa
}
.lg-outer .lg-thumb-item{
    padding:4px;
    border:1px solid #efefef;
    border-radius:0
}
.lg-outer .lg-thumb-item .active,.lg-outer .lg-thumb-item:hover{
    border-color:#000
}
.gallery a:before,.gallery a:after{
    content:none
}
.gallery .img-hover>div{
    overflow:hidden
}
.gallery .hover-1 img{
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.gallery .hover-1 img:hover{
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
}
.gallery .hover-2 img{
    width:100%;
    height:auto;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    -webkit-transform:translateX(0px);
    transform:translateX(0px)
}
.gallery .hover-2:hover img{
    -webkit-transform:translateX(40px) scale(1.2);
    transform:translateX(40px) scale(1.2)
}
.gallery .hover-3 img{
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.gallery .hover-3:hover img{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.gallery .hover-4 img{
    -webkit-transform:scale(1.5);
    transform:scale(1.5);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.gallery .hover-4:hover img{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.gallery .hover-5 img{
    margin-left:30px;
    -webkit-transform:scale(1.3);
    transform:scale(1.3);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.gallery .hover-5:hover img{
    margin-left:0
}
.gallery .hover-6 img{
    -webkit-transform:rotate(15deg) scale(1.4);
    transform:rotate(15deg) scale(1.4);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.gallery .hover-6:hover img{
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1)
}
.gallery .hover-7 img{
    -webkit-filter:blur(3px);
    filter:blur(3px);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.gallery .hover-7:hover img{
    -webkit-filter:blur(0);
    filter:blur(0)
}
.gallery .hover-8 img{
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.gallery .hover-8:hover img{
    -webkit-filter:grayscale(0);
    filter:grayscale(0)
}
.gallery .hover-9 img{
    -webkit-filter:sepia(100%);
    filter:sepia(100%);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.gallery .hover-9:hover img{
    -webkit-filter:sepia(0);
    filter:sepia(0)
}
.gallery .hover-10 img{
    -webkit-filter:grayscale(0) blur(0);
    filter:grayscale(0) blur(0);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.gallery .hover-10:hover img{
    -webkit-filter:grayscale(100%) blur(3px);
    filter:grayscale(100%) blur(3px)
}
.gallery .hover-11 img{
    opacity:1;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.gallery .hover-11:hover img{
    opacity:.5
}
@-webkit-keyframes flash{
    0%{
        opacity:.4
    }
    100%{
        opacity:1
    }
}
@keyframes flash{
    0%{
        opacity:.4
    }
    100%{
        opacity:1
    }
}
.gallery .hover-13:hover img{
    opacity:1;
    -webkit-animation:flash 1.5s;
    animation:flash 1.5s
}
@-webkit-keyframes shine{
    100%{
        left:125%
    }
}
@keyframes shine{
    100%{
        left:125%
    }
}
.gallery .hover-14 div{
    position:relative
}
.gallery .hover-14 div:before{
    position:absolute;
    top:0;
    left:-75%;
    z-index:2;
    display:block;
    content:'';
    width:50%;
    height:100%;
    background:-webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.3)));
    background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
    -webkit-transform:skewX(-25deg);
    transform:skewX(-25deg)
}
.gallery .hover-14 div:hover:before{
    -webkit-animation:shine .75s;
    animation:shine .75s
}
.gallery .hover-15 div{
    position:relative
}
.gallery .hover-15 div:before{
    position:absolute;
    top:50%;
    left:50%;
    z-index:2;
    display:block;
    content:'';
    width:0;
    height:0;
    background:rgba(255,255,255,0.2);
    border-radius:100%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    opacity:0
}
.gallery .hover-15 div:hover:before{
    -webkit-animation:circle .75s;
    animation:circle .75s
}
@-webkit-keyframes circle{
    0%{
        opacity:1
    }
    40%{
        opacity:1
    }
    100%{
        width:200%;
        height:200%;
        opacity:0
    }
}
@keyframes circle{
    0%{
        opacity:1
    }
    40%{
        opacity:1
    }
    100%{
        width:200%;
        height:200%;
        opacity:0
    }
}
*{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
*:after,*:before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.grid{
    position:relative
}
.grid:after{
    content:'';
    display:block;
    clear:both
}
.grid-item img{
    max-width:100%;
    padding:0.25rem;
    background-color:#fff;
    border:1px solid #dee2e6
}
.gallery-with-description .grid-item img{
    border:0;
    padding:0
}
.hdg_main{
    position:relative
}
.main .langChoice{
    position:absolute;
    right:40px;
    top:31px;
    padding:10px 12px;
    background-color:rgba(0,0,0,0)
}
.dropdown .dropdown-toggle{
    background-color:rgba(115,102,255,0.08);
    color:#7366ff;
    border-radius:10px;
    padding:5px 10px;
    width:100px;
    text-align:left
}
.dropdown .dropdown-toggle:after{
    position:absolute;
    top:50%;
    right:10px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    content:"\f107";
    border:none;
    font-family:"FontAwesome";
    font-size:18px;
    margin:0
}
.dropdown .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 .dropdown-menu .dropdown-item{
    color:#2b2b2b;
    opacity:0.6;
    font-size:13px;
    padding:6px 12px;
    border-top:1px solid #efefef;
    background:#fff
}
.dropdown .dropdown-menu .dropdown-item:hover{
    background-color:#fff
}
@media (max-width: 991px){
    .main .langChoice{
        right:20px;
        top:11px;
        padding:8px
    }
}
@media only screen and (max-width: 575px){
    .main .langChoice{
        top:14px;
        padding:4px 7px
    }
    .language-xs{
        margin-top:15px
    }
}
@media only screen and (max-width: 360px){
    .language-header{
        padding-bottom:60px !important
    }
    .main .langChoice{
        left:0;
        margin:0 auto;
        top:50px;
        width:30%;
        right:0
    }
}
.filter-cards-view .job-filter:first-child{
    margin-bottom:30px
}
.filter-cards-view .checkbox-animated{
    margin-top:30px;
    margin-bottom:30px
}
.location-checkbox span{
    color:#999;
    padding-left:33px
}
.job-accordion .card{
    margin-bottom:30px
}
.job-accordion .btn-block{
    border-top-left-radius:0;
    border-top-right-radius:0
}
.job-search p{
    margin-top:30px
}
.job-search .media .media-body h6{
    margin-bottom:3px
}
.job-search .media .media-body h6 span{
    font-size:13px;
    color:#999;
    font-weight:normal
}
.job-search .media .media-body h6 span.badge{
    color:#fff
}
.job-search .media .media-body p{
    margin-top:0;
    color:#999
}
.job-search .job-description{
    margin-top:30px
}
.job-search .job-description h6{
    font-weight:600
}
.job-search .job-description p{
    margin-top:0;
    margin-bottom:6px
}
.job-search .job-description ul{
    list-style-type:disc;
    list-style-position:inside
}
.job-search .job-description ul li{
    margin-bottom:10px
}
.job-search .job-description ul li:last-child{
    margin-bottom:0
}
.job-search .job-description .theme-form{
    margin-top:30px;
    margin-bottom:30px
}
.job-search .job-description .theme-form .row div[class^="col-"]+div[class^="col-"] .select2-container{
    margin-top:22px
}
.job-search .job-description .theme-form .row div[class^="col-"] .job-select2 ~ .select2-container{
    margin-top:0 !important
}
.job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here{
    font-size:14px;
    border:1px solid #f4f4f4;
    padding-top:7px;
    padding-bottom:7px
}
.select2-container .select2-selection--single{
    border-radius:0.25rem !important;
    border-color:#f6f7fb;
    height:40px !important;
    padding:5px
}
.job-pagination{
    margin-bottom:30px
}
.job-pagination nav ul{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media only screen and (max-width: 1366px){
    .xl-mt-job{
        margin-bottom:20px
    }
}
@media only screen and (max-width: 991px){
    .filter-cards-view{
        padding:20px !important
    }
    .filter-cards-view .job-filter:first-child{
        margin-bottom:20px
    }
    .filter-cards-view .checkbox-animated{
        margin-top:20px;
        margin-bottom:20px
    }
    .job-accordion .animate-chk{
        padding:20px !important
    }
    .job-search p{
        margin-top:20px
    }
}
@media only screen and (max-width: 575px){
    .filter-cards-view{
        padding:15px !important
    }
    .filter-cards-view .job-filter:first-child{
        margin-bottom:15px
    }
    .filter-cards-view .checkbox-animated{
        margin-top:15px;
        margin-bottom:15px
    }
    .job-accordion .animate-chk{
        padding:15px !important
    }
    .job-search p{
        margin-top:15px
    }
    .job-search .media{
        display:block;
        text-align:center
    }
    .job-search .media .media-body h6 .pull-right{
        float:none;
        margin-top:3px
    }
    .job-search .media .media-body h6 a{
        display:block
    }
    .job-search .media .media-body p span+span{
        display:block
    }
    .job-search .media img{
        margin-bottom:15px
    }
    .job-search .media .m-r-20{
        margin-right:0
    }
    .job-search .job-description{
        margin-top:15px
    }
    .job-search .job-description .theme-form{
        margin-top:15px;
        margin-bottom:15px
    }
    .job-search .job-description .theme-form .row div[class^="col-"]+div[class^="col-"] .select2-container{
        margin-top:2px
    }
    .job-search .job-description .theme-form .xs-mt-period{
        margin-top:15px
    }
    .job-pagination{
        margin-bottom:15px
    }
    .xl-mt-job{
        margin-bottom:15px
    }
}
@media only screen and (max-width: 360px){
    .job-search .job-description .btn{
        padding:6px 12px
    }
}
.jsgrid .jsgrid-grid-body .jsgrid-cell{
    padding:0.75rem
}
.jsgrid .jsgrid-pager-container{
    text-align:right
}
.jsgrid .jsgrid-pager{
    padding:0;
    margin-top:20px
}
.jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button{
    margin-right:-5px
}
.jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button:first-child{
    border-radius:5px 0 0 5px
}
.jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button{
    margin-left:-5px
}
.jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button:last-child{
    border-radius:0 5px 5px 0
}
.jsgrid .jsgrid-pager [class*="jsgrid-pager"]{
    display:inline-block;
    min-width:1.5em;
    padding:0.5em 1em;
    border:1px solid #f4f4f4
}
.jsgrid .jsgrid-pager .jsgrid-pager-page a{
    color:#2c323f
}
.jsgrid .jsgrid-pager .jsgrid-pager-current-page{
    color:#2c323f
}
.jsgrid .jsgrid-selected-row>.jsgrid-cell{
    background:#f4f4f4;
    border-color:#fafafa
}
.jsgrid .jsgrid-header-row>.jsgrid-header-cell{
    padding:0.75rem;
    font-weight:500
}
.jkanban-container .btn{
    margin-bottom:10px
}
.jkanban-container .note a{
    display:contents
}
.kanban-board-header{
    height:auto;
    width:auto;
    line-height:unset;
    background:#f8f8f8;
    border-bottom:1px solid #ddd
}
.kanban-board-header.bg-info ~ .kanban-drag{
    background-color:rgba(169,39,249,0.3)
}
.kanban-board-header.bg-warning ~ .kanban-drag{
    background-color:rgba(248,214,43,0.3)
}
.kanban-board-header.bg-success ~ .kanban-drag{
    background-color:rgba(81,187,37,0.3)
}
.kanban-container{
    display:contents
}
.kanban-board{
    margin-bottom:30px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    letter-spacing:0.5px;
    border-radius:8px;
    -webkit-box-shadow:1px 5px 24px 0 rgba(68,102,242,0.05);
    box-shadow:1px 5px 24px 0 rgba(68,102,242,0.05);
    overflow:hidden;
    width:calc(100% / 3 - 30px) !important
}
.kanban-board .kanban-drag{
    background:#f8f8f8
}
.kanban-item{
    background:transparent;
    padding:0;
    margin-bottom:20px
}
.kanban-item p{
    opacity:0.7
}
.kanban-item:last-child{
    margin-bottom:0
}
.kanban-item .list{
    display:inline-block;
    opacity:0.4
}
.kanban-item .list li{
    display:inline-block;
    font-size:12px
}
.kanban-item .list li i{
    margin-right:10px
}
.kanban-item .kanban-box{
    border:1px solid #efefef;
    border-radius:5px;
    padding:20px;
    position:relative;
    display:block;
    color:inherit;
    background-color:#fff
}
.kanban-item .kanban-box:hover{
    color:inherit
}
.kanban-item .kanban-box+.kanban-box{
    margin-top:20px
}
.kanban-item .kanban-box .badge{
    font-weight:400
}
.kanban-item .kanban-box h6{
    font-size:15px;
    margin-top:5px;
    font-weight:500
}
.kanban-item .kanban-box .dropdown{
    display:inline-block;
    right:10px;
    position:absolute;
    top:20px
}
.kanban-item .kanban-box .dropdown .dropdown-item{
    font-size:13px;
    font-weight:500;
    padding:5px 10px;
    text-align:left
}
.kanban-item .kanban-box .dropdown svg{
    height:14px
}
.kanban-item .kanban-box .d-flex{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.kanban-item .kanban-box .dropdown-toggle:after{
    content:none
}
.kanban-item .kanban-box .customers ul li+li{
    margin-left:-10px
}
.kanban-item .kanban-box .date{
    font-size:11px;
    opacity:0.5
}
footer{
    margin:0;
    padding:0
}
@media only screen and (max-width: 1199px){
    .jkanban-container .btn{
        margin-bottom:10px;
        margin-left:20px
    }
}
@media only screen and (max-width: 600px){
    .kanban-board .kanban-drag,.kanban-container .kanban-item .kanban-box{
        padding:10px 15px
    }
    .kanban-container .kanban-board{
        width:320px !important;
        margin-left:10px !important;
        margin-right:10px !important
    }
}
@media only screen and (max-width: 480px){
    .jkanban-container .card-body{
        padding:20px 0 !important
    }
    .kanban-board .kanban-drag,.kanban-container .kanban-item .kanban-box{
        padding:10px 15px
    }
    .kanban-container .kanban-board{
        width:270px !important
    }
}
.browse .browse-articles.browse-bottom{
    margin-top:30px
}
.browse .browse-articles span{
    vertical-align:middle;
    position:relative
}
.browse .browse-articles span:nth-child(2){
    padding-left:20px
}
.browse .browse-articles span svg{
    width:14px;
    height:14px;
    margin-right:10px;
    vertical-align:text-top;
    position:absolute;
    left:0;
    top:3px
}
.browse .browse-articles h6{
    padding-bottom:10px;
    margin-bottom:0px;
    border-bottom:1px solid #fdfeff;
    padding-left:25px
}
.browse .browse-articles h6 span svg{
    width:16px;
    height:16px;
    vertical-align:text-top;
    top:0;
    left:-30px
}
.browse .browse-articles ul li{
    padding:8px;
    border-radius:8px
}
.browse .browse-articles ul li a{
    color:#2b2b2b
}
.browse .browse-articles ul li:hover{
    background-color:#fdfeff
}
@media only screen and (max-width: 1366px){
    .browse div[class^="col-"]:nth-child(3){
        margin-top:30px
    }
}
@media only screen and (max-width: 991px){
    .browse div[class^="col-"]:nth-child(3){
        margin-top:20px
    }
    .browse .browse-articles.browse-bottom{
        margin-top:20px
    }
}
@media only screen and (max-width: 767px){
    .browse div[class^="col-"]:nth-child(2){
        margin-top:20px
    }
}
@media only screen and (max-width: 575px){
    .browse div[class^="col-"]:nth-child(2),.browse div[class^="col-"]:nth-child(3){
        margin-top:15px
    }
    .browse .browse-articles.browse-bottom{
        margin-top:15px
    }
}
@media only screen and (max-width: 360px){
    .browse .browse-articles ul li a span:nth-child(2){
        width:158px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        display:inline-block
    }
}
.framworks .nav-pills{
    margin-bottom:-15px
}
.framworks .nav-item{
    margin:0 10px;
    margin-bottom:15px
}
.framworks .nav-item a{
    padding:15px 30px;
    background-color:rgba(115,102,255,0.08);
    border-radius:50px !important
}
.framworks .nav .nav-link img{
    height:50px;
    margin-right:10px
}
.landing-cards{
    -webkit-transform:rotate(-12deg);
    transform:rotate(-12deg)
}
.landing-cards .landing-card{
    border-radius:15px;
    -webkit-box-shadow:0 0 37px rgba(255,255,255,0.2);
    box-shadow:0 0 37px rgba(255,255,255,0.2);
    margin:15px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.landing-cards .landing-card:hover{
    -webkit-transform:translate(0, -7px) scale(1.01);
    transform:translate(0, -7px) scale(1.01);
    -webkit-box-shadow:0 0 37px rgba(255,255,255,0.4);
    box-shadow:0 0 37px rgba(255,255,255,0.4);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.email-txt{
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:0
}
.email-img{
    -webkit-filter:drop-shadow(0 0 37px rgba(8,21,66,0.15));
    filter:drop-shadow(0 0 37px rgba(8,21,66,0.15))
}
.landing-ul li{
    position:relative;
    padding-left:30px;
    font-size:calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    padding-bottom:calc(5px + (10 - 5) * ((100vw - 300px) / (1920 - 300)));
    color:#737171
}
.landing-ul li::before{
    content:"-";
    font-size:calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    left:0;
    position:absolute;
    top:-3px
}
.framworks-list .box{
    display:inline-block;
    background-color:#fff;
    padding:40px 10px;
    margin-bottom:30px;
    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:10px;
    height:185px;
    width:185px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.framworks-list .box:hover{
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    -webkit-box-shadow:0 0 37px rgba(8,21,66,0.15);
    box-shadow:0 0 37px rgba(8,21,66,0.15)
}
.layout h5{
    margin-bottom:20px;
    opacity:.8;
    letter-spacing:1.2px
}
.layout .btn{
    padding:0.15rem 0.5rem
}
.landing-home{
    scroll-behavior:smooth;
    height:100vh;
    overflow:hidden;
    position:relative;
    background-position:right top;
    background-size:cover;
    background:linear-gradient(90deg, #f1f0ff 21px, transparent 1%) center,linear-gradient(#eae7ff 21px, transparent 1%) center,rgba(115,102,255,0.34902);
    background-size:23px 23px
}
.landing-home .content h1{
    font-weight:600;
    color:var(--theme-deafult);
    font-weight:700;
    -webkit-text-fill-color:transparent;
    background:-o-linear-gradient(transparent, transparent);
    -webkit-background-clip:text;
    background-image:-webkit-linear-gradient(rgba(158,107,248,0.5), rgba(119,101,250,0.5)),url(../../assets/images/landing/title.gif);
    background-position:left;
    line-height:1;
    font-size:calc(25px + (57 - 25) * ((100vw - 300px) / (1920 - 300)))
}
.landing-home .content h2{
    font-size:calc(20px + (28 - 20) * ((100vw - 300px) / (1920 - 300)))
}
.landing-home .content p{
    font-size:calc(14px + (20 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight:200;
    font-family:roboto;
    padding-right:50px
}
.landing-home .navbar-brand img{
    height:45px
}
.landing-home .btn-grp .btn img{
    height:20px;
    margin-right:5px
}
.landing-home .decoration li{
    position:absolute
}
.landing-home .decoration li img{
    height:20px
}
.landing-home .decoration .one{
    left:-10px;
    top:200px;
    -webkit-animation:spin 10s infinite;
    animation:spin 10s infinite
}
.landing-home .decoration .two{
    left:35%;
    top:80px;
    -webkit-animation:animationtop 10s infinite;
    animation:animationtop 10s infinite
}
.landing-home .decoration .three{
    bottom:40px;
    left:160px;
    -webkit-animation:animationleft 10s infinite;
    animation:animationleft 10s infinite
}
.landing-home .decoration .four{
    left:42%;
    top:40%;
    -webkit-animation:spin 15s infinite;
    animation:spin 15s infinite
}
.landing-home .decoration .five{
    bottom:-6px;
    left:30%;
    -webkit-animation:spin 20s infinite;
    animation:spin 20s infinite
}
.landing-home .decoration .six{
    left:46%;
    top:20%;
    -webkit-animation:animationleft 5s infinite;
    animation:animationleft 5s infinite
}
.landing-home .decoration .seven{
    left:-11px;
    top:70%;
    -webkit-animation:animationleft 5s infinite;
    animation:animationleft 5s infinite
}
.landing-home .screen1{
    position:absolute;
    right:0;
    top:150px;
    -webkit-box-shadow:0 0 47px 10px rgba(115,102,255,0.1);
    box-shadow:0 0 47px 10px rgba(115,102,255,0.1);
    border-radius:10px;
    -webkit-animation:animationleft 20s infinite;
    animation:animationleft 20s infinite;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.landing-home .screen1:hover{
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    -webkit-box-shadow:0 0 47px 10px rgba(255,255,255,0.35);
    box-shadow:0 0 47px 10px rgba(255,255,255,0.35)
}
.landing-home .screen2{
    position:absolute;
    left:70px;
    top:270px;
    -webkit-box-shadow:0 0 47px 10px rgba(115,102,255,0.1);
    box-shadow:0 0 47px 10px rgba(115,102,255,0.1);
    border-radius:10px;
    -webkit-animation:animationtop 30s infinite;
    animation:animationtop 30s infinite;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.landing-home .screen2:hover{
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    -webkit-box-shadow:0 0 47px 10px rgba(115,102,255,0.35);
    box-shadow:0 0 47px 10px rgba(115,102,255,0.35)
}
.landing-home .content{
    height:calc(100vh - 101px);
    margin-top:101px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:100px
}
.landing-home .sticky-header header .nav-padding{
    padding:30px 50px
}
@-webkit-keyframes animationtop{
    0%{
        -webkit-transform:translate(0, 0px);
        transform:translate(0, 0px)
    }
    50%{
        -webkit-transform:translate(0, 20px);
        transform:translate(0, 20px)
    }
    100%{
        -webkit-transform:translate(0, 0px);
        transform:translate(0, 0px)
    }
}
@keyframes animationtop{
    0%{
        -webkit-transform:translate(0, 0px);
        transform:translate(0, 0px)
    }
    50%{
        -webkit-transform:translate(0, 20px);
        transform:translate(0, 20px)
    }
    100%{
        -webkit-transform:translate(0, 0px);
        transform:translate(0, 0px)
    }
}
@-webkit-keyframes animationleft{
    0%{
        -webkit-transform:translate(0, 0px);
        transform:translate(0, 0px)
    }
    50%{
        -webkit-transform:translate(20px, 0);
        transform:translate(20px, 0)
    }
    100%{
        -webkit-transform:translate(0, 0px);
        transform:translate(0, 0px)
    }
}
@keyframes animationleft{
    0%{
        -webkit-transform:translate(0, 0px);
        transform:translate(0, 0px)
    }
    50%{
        -webkit-transform:translate(20px, 0);
        transform:translate(20px, 0)
    }
    100%{
        -webkit-transform:translate(0, 0px);
        transform:translate(0, 0px)
    }
}
@keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.navbar-nav{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.navbar-nav .nav-item{
    position:relative
}
.navbar-nav .nav-item .nav-link{
    font-size:18px;
    letter-spacing:1px;
    padding:12px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.navbar-nav .nav-item .nav-link:hover,.navbar-nav .nav-item .nav-link.active{
    opacity:1;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.landing-page .navbar-expand-xl .navbar-collapse{
    background-color:transparent
}
.landing-page .page-body-wrapper{
    min-height:100vh;
    background:#eaf4ff;
    overflow:hidden
}
.landing-page .navbar-nav .nav-item.buy-btn{
    background-color:white;
    border-radius:5px;
    padding:0 20px;
    margin-left:10px
}
.landing-page .navbar-nav .nav-item.buy-btn a{
    color:var(--theme-deafult)
}
.landing-page .navbar-nav .nav-item .nav-link{
    letter-spacing:1.5px
}
.landing-page .sticky-header header{
    background:transparent;
    -webkit-box-shadow:none;
    box-shadow:none;
    z-index:100;
    left:0;
    height:auto
}
.landing-page .sticky-header header.sticky{
    margin-top:0;
    background:#f4f1fb
}
.landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link{
    color:#2c323f;
    font-size:16px;
    padding:15px 12px
}
.landing-page .sticky-header header.sticky .buy-btn{
    background:linear-gradient(26deg, #7366ff 0%, #a26cf8 100%)
}
.landing-page .sticky-header header.sticky .buy-btn a{
    color:#fff !important
}
.bg-sky-blue .sticky-header header .navbar-toggler span{
    background-color:var(--theme-deafult)
}
.navbar-expand-xl .navbar-brand{
    padding-left:18px
}
.navbar-expand-xl .navbar-collapse{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    background-color:#fff
}
.section-space{
    padding:80px 0;
    text-align:center
}
.section-space p{
    font-size:15px
}
.z-index-9{
    z-index:99;
    position:relative
}
.component_responsive{
    margin-bottom:-30px
}
.component_responsive img{
    height:50px;
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    opacity:0.7
}
.component_responsive .component-hover-effect{
    margin-bottom:30px
}
.component-hover-effect{
    padding:40px 0 60px
}
.component-hover-effect:before{
    content:"";
    -webkit-transition:0.5s;
    transition:0.5s;
    border:1px solid #dfe5f5;
    border-radius:30% 70% 70% 30%/30% 30% 70% 70%;
    will-change:border-radius;
    width:calc(100% - 40px);
    height:calc(100% - 40px);
    display:block;
    position:absolute;
    -webkit-animation:morphing 10s infinite paused;
    animation:morphing 10s infinite paused;
    top:-10px;
    left:20px
}
.component-hover-effect:hover:before{
    -webkit-animation-play-state:running;
    animation-play-state:running
}
.component-hover-effect:hover img{
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-filter:hue-rotate(30deg);
    filter:hue-rotate(30deg)
}
@-webkit-keyframes morphing{
    0%{
        border-radius:30% 70% 70% 30%/30% 30% 70% 70%
    }
    25%{
        border-radius:58% 42% 75% 25%/76% 46% 54% 24%
    }
    50%{
        border-radius:50% 50% 33% 67%/55% 27% 73% 45%
    }
    75%{
        border-radius:33% 67% 58% 42%/63% 68% 32% 37%
    }
}
@keyframes morphing{
    0%{
        border-radius:30% 70% 70% 30%/30% 30% 70% 70%
    }
    25%{
        border-radius:58% 42% 75% 25%/76% 46% 54% 24%
    }
    50%{
        border-radius:50% 50% 33% 67%/55% 27% 73% 45%
    }
    75%{
        border-radius:33% 67% 58% 42%/63% 68% 32% 37%
    }
}
.components-section h6{
    padding-top:15px
}
.ptb50{
    padding:80px 0
}
.landing-center{
    text-align:center
}
.landing-center .title{
    margin-bottom:30px
}
.landing-center .footer-content h1{
    font-size:20px;
    font-weight:500;
    margin-bottom:20px;
    line-height:1.4;
    letter-spacing:1px
}
.mrl5{
    margin:0 5px
}
.footer-bg{
    position:relative;
    text-align:center;
    background-color:#f7f7fe;
    margin-left:0
}
.email_bg{
    background-image:url(../../assets/images/landing/email-bg.jpg) !important
}
.app_bg{
    background-color:#f7f7fe
}
.page-wrapper .bg-Widget:before{
    top:220px !important;
    -webkit-transform:rotate(-40deg);
    transform:rotate(-40deg)
}
.page-wrapper .bg-Widget:after{
    top:unset !important;
    bottom:0 !important
}
.page-wrapper .bg-Widget .cuba-demo-content p{
    color:rgba(255,255,255,0.7)
}
.page-wrapper .bg-Widget .cuba-demo-content .couting h2{
    -webkit-text-fill-color:#fff !important
}
.layout{
    background-image:url(../../assets/images/landing/email-bg.jpg)
}
.layout{
    margin-bottom:-30px
}
.btn-md:hover{
    -webkit-animation:0.3s pulse 3;
    animation:0.3s pulse 3
}
.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
}
@-webkit-keyframes animationFramesOne{
    0%{
        -webkit-transform:translate(0px, 0px) rotate(0deg);
        transform:translate(0px, 0px) rotate(0deg)
    }
    20%{
        -webkit-transform:translate(73px, -1px) rotate(36deg);
        transform:translate(73px, -1px) rotate(36deg)
    }
    40%{
        -webkit-transform:translate(141px, 72px) rotate(72deg);
        transform:translate(141px, 72px) rotate(72deg)
    }
    60%{
        -webkit-transform:translate(83px, 122px) rotate(108deg);
        transform:translate(83px, 122px) rotate(108deg)
    }
    80%{
        -webkit-transform:translate(-40px, 72px) rotate(144deg);
        transform:translate(-40px, 72px) rotate(144deg)
    }
    100%{
        -webkit-transform:translate(0px, 0px) rotate(0deg);
        transform:translate(0px, 0px) rotate(0deg)
    }
}
@keyframes animationFramesOne{
    0%{
        -webkit-transform:translate(0px, 0px) rotate(0deg);
        transform:translate(0px, 0px) rotate(0deg)
    }
    20%{
        -webkit-transform:translate(73px, -1px) rotate(36deg);
        transform:translate(73px, -1px) rotate(36deg)
    }
    40%{
        -webkit-transform:translate(141px, 72px) rotate(72deg);
        transform:translate(141px, 72px) rotate(72deg)
    }
    60%{
        -webkit-transform:translate(83px, 122px) rotate(108deg);
        transform:translate(83px, 122px) rotate(108deg)
    }
    80%{
        -webkit-transform:translate(-40px, 72px) rotate(144deg);
        transform:translate(-40px, 72px) rotate(144deg)
    }
    100%{
        -webkit-transform:translate(0px, 0px) rotate(0deg);
        transform:translate(0px, 0px) rotate(0deg)
    }
}
.page-wrapper{
    overflow:hidden
}
.page-wrapper .section-space{
    padding:80px 0
}
.page-wrapper .cuba-demo-content{
    text-align:center;
    position:relative;
    margin-bottom:50px
}
.page-wrapper .cuba-demo-content img{
    margin:0 auto;
    width:70px;
    -webkit-animation:rotated 50s infinite linear;
    animation:rotated 50s infinite linear
}
.page-wrapper .cuba-demo-content p{
    font-size:calc(18px + (28 - 18) * ((100vw - 300px) / (1920 - 300)));
    color:#737171
}
.page-wrapper .cuba-demo-section{
    position:relative
}
.page-wrapper .cuba-demo-section:before{
    content:"";
    position:absolute;
    left:0;
    background-image:url(../images/landing/left-left.png);
    height:165px;
    width:250px;
    top:0
}
.page-wrapper .cuba-demo-section:after{
    content:"";
    position:absolute;
    right:0;
    background-image:url(../images/landing/leaf-right.png);
    height:208px;
    width:250px;
    top:0
}
.page-wrapper .cuba-demo-section .img-effect{
    -webkit-box-shadow:0 0 37px rgba(8,21,66,0.15);
    box-shadow:0 0 37px rgba(8,21,66,0.15);
    border-radius:15px;
    padding:20px;
    position:relative
}
.page-wrapper .cuba-demo-section .img-effect .hover-link{
    position:absolute;
    height:100%;
    width:100%;
    background:linear-gradient(10deg, rgba(44,50,63,0.8) 0%, transparent 80%);
    border-radius:15px;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding-bottom:20px;
    opacity:0;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    left:0;
    top:0
}
.page-wrapper .cuba-demo-section .img-effect:hover .hover-link{
    opacity:1;
    z-index:1;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper .cuba-demo-section .img-effect img{
    width:100%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper .cuba-demo-section .img-effect:hover{
    -webkit-box-shadow:0 0 37px rgba(8,21,66,0.15);
    box-shadow:0 0 37px rgba(8,21,66,0.15);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper .cuba-demo-section .img-effect:hover img{
    -webkit-transform:scale(1.01);
    transform:scale(1.01);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper .cuba-demo-section .cuba-img{
    border-radius:10px;
    border:1px solid #f1f1f1
}
.page-wrapper .cuba-demo-section .cuba-img img{
    border-radius:30px
}
.page-wrapper .cuba-demo-section .sub-title{
    margin-top:15px;
    padding-bottom:10px
}
.page-wrapper .cuba-demo-section .sub-title h5{
    margin-bottom:0;
    font-size:calc(12px + (20 - 15) * ((100vw - 300px) / (1920 - 300)))
}
.page-wrapper .cuba-demo-section .cuba-demo-content .couting h2{
    color:var(--theme-deafult);
    font-weight:500;
    font-size:calc(35px + (70 - 35) * ((100vw - 300px) / (1920 - 300)));
    background:-webkit-linear-gradient(var(--theme-deafult), #966afb);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    margin-bottom:0;
    line-height:1
}
.demo-imgs .demo-content{
    margin-bottom:35px
}
.demo-imgs .demo-content .cuba-demo-img{
    -webkit-box-shadow:0 0 37px rgba(8,21,66,0.15);
    box-shadow:0 0 37px rgba(8,21,66,0.15);
    border-radius:15px;
    padding:20px;
    position:relative;
    margin-bottom:15px
}
.demo-imgs .demo-content .cuba-demo-img .hover-link{
    padding-top:15px;
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:-10px
}
.demo-imgs .demo-content .cuba-demo-img .hover-link .link-btn{
    cursor:not-allowed
}
.demo-imgs .demo-content .cuba-demo-img .hover-link a{
    color:#fff;
    display:inline-block;
    border-radius:5px;
    background-color:#7366ff;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    padding:6px 12px;
    margin-bottom:10px
}
.demo-imgs .demo-content .cuba-demo-img .hover-link .coming-soon{
    opacity:.40;
    pointer-events:none
}
.demo-imgs .demo-content .cuba-demo-img img{
    width:100%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.demo-imgs .demo-content .cuba-demo-img:hover img{
    -webkit-transform:scale(1.01);
    transform:scale(1.01)
}
.demo-imgs .demo-content .cuba-demo-img:hover .title-wrapper .theme-name{
    bottom:-15px;
    opacity:0
}
.demo-imgs .demo-content .title-wrapper .theme-name{
    position:relative;
    font-size:calc(18px + (24 - 18) * ((100vw - 300px) / (1920 - 300)));
    color:#737171;
    text-transform:capitalize
}
.demo-imgs .demo-content .title-wrapper .theme-name:before{
    content:"";
    position:absolute;
    width:120px;
    height:10px;
    margin:0 auto;
    background-color:rgba(115,113,113,0.2);
    z-index:0;
    left:0;
    right:0;
    bottom:0
}
.landing-slider h4{
    position:relative;
    font-size:20px;
    color:#7366ff;
    text-transform:capitalize
}
.landing-slider h4:before{
    content:"";
    position:absolute;
    width:120px;
    height:12px;
    margin:0 auto;
    background-color:rgba(115,102,255,0.15);
    z-index:0;
    left:0;
    right:0;
    bottom:0
}
.container-modify{
    max-width:1600px;
    margin:0 auto
}
.container-modify .img-effect:hover .cuba_img_content{
    opacity:1;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.container-modify .cuba_img_content{
    position:absolute;
    height:100%;
    width:100%;
    background:linear-gradient(10deg, rgba(115,102,255,0.9) 0%, transparent 80%);
    top:0;
    left:0;
    border-radius:10px;
    opacity:0;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.container-modify .cuba_img_content h4{
    color:#455a64;
    color:#fff;
    font-weight:600;
    font-size:calc(12px + (24 - 15) * ((100vw - 300px) / (1920 - 300)));
    position:absolute;
    bottom:20px;
    left:0;
    right:0
}
.container-modify .cuba_img_content p{
    color:#455a64
}
.navabr_btn-set{
    position:relative
}
.navabr_btn-set:focus{
    outline:0
}
.navabr_btn-set span{
    display:block;
    background-color:#fff;
    height:3px;
    width:25px;
    margin-top:4px;
    margin-bottom:4px;
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    left:0;
    opacity:1
}
.navabr_btn-set:not(.custom_nav) span:nth-child(1){
    position:absolute;
    left:12px;
    top:10px;
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
    opacity:0.9
}
.navabr_btn-set:not(.custom_nav) span:nth-child(2){
    height:12px;
    visibility:hidden;
    background-color:transparent
}
.navabr_btn-set:not(.custom_nav) span:nth-child(3){
    position:absolute;
    left:12px;
    top:10px;
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg);
    opacity:0.9
}
.navbar-b{
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    background-color:transparent;
    padding-top:1.563rem;
    padding-bottom:1.563rem
}
.fixed-top{
    position:relative;
    top:0;
    right:0;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    left:0;
    z-index:1030
}
.navbar-toggler span{
    display:block;
    background-color:rgba(0,0,0,0);
    height:3px;
    width:25px;
    z-index:112;
    margin-top:4px;
    margin-bottom:4px;
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    left:0;
    opacity:1
}
.navbar-toggler span:nth-child(1){
    -webkit-transition:-webkit-transform .35s ease-in-out;
    transition:-webkit-transform .35s ease-in-out;
    transition:transform .35s ease-in-out;
    transition:transform .35s ease-in-out, -webkit-transform .35s ease-in-out
}
.navbar-toggler span:nth-child(3){
    -webkit-transition:-webkit-transform .35s ease-in-out;
    transition:-webkit-transform .35s ease-in-out;
    transition:transform .35s ease-in-out;
    transition:transform .35s ease-in-out, -webkit-transform .35s ease-in-out
}
.navbar_nav_modify li{
    text-align:center
}
.sticky-header header{
    position:fixed;
    width:100%;
    z-index:6;
    text-align:center;
    line-height:normal;
    height:80px;
    background:var(--theme-deafult);
    color:#fff;
    -webkit-box-shadow:0 0 5px 1px rgba(5,56,111,0.1);
    box-shadow:0 0 5px 1px rgba(5,56,111,0.1);
    -webkit-transition:all 0.4s ease;
    transition:all 0.4s ease
}
.sticky-header header .nav-padding{
    padding:14px
}
.sticky-header header.sticky{
    line-height:normal;
    height:65px;
    background:var(--theme-deafult);
    text-align:left
}
.sticky-header header.sticky .nav-padding{
    padding:7px 14px
}
.landing-home .sticky .navbar-brand img{
    max-height:35px
}
.title-padding{
    padding:130px 0
}
@-webkit-keyframes mover{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(-4px);
        transform:translateY(-4px)
    }
}
@keyframes mover{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(-4px);
        transform:translateY(-4px)
    }
}
@media (max-width: 1440px){
    .navbar-nav .nav-item .nav-link{
        font-size:16px;
        padding:12px 7px
    }
    .layout .text-left{
        margin-bottom:-5px
    }
    .layout .text-left .btn{
        font-size:11px;
        margin-bottom:5px;
        margin-left:.1rem !important
    }
    .landing-home .content{
        margin-left:30px
    }
    .landing-home .btn{
        padding:0.375rem 0.8rem
    }
    .landing-home .screen2{
        left:0
    }
}
@media (max-width: 1366px){
    .landing-home .col-xl-5{
        background-color:rgba(255,255,255,0.7);
        border-radius:0 100% 100% 0
    }
    .landing-cards .landing-card{
        margin:5px
    }
}
@media only screen and (max-width: 1199px){
    .sticky-header header.sticky .nav-padding{
        padding:15px 25px
    }
    .component-hover-effect:before{
        content:"";
        max-width:200px;
        margin:0 auto;
        left:0;
        right:0
    }
    .buy-btn{
        background:linear-gradient(26deg, #7366ff 0%, #a26cf8 100%)
    }
    .buy-btn a{
        color:#fff !important
    }
    .btn-grp .mr-3{
        margin-right:0.5rem !important
    }
    .landing-home{
        min-height:768px
    }
    .landing-home .content{
        min-height:668px
    }
    .landing-home .content .mr-3{
        margin-right:0.5rem !important
    }
    .navbar-toggler{
        background-color:var(--theme-deafult)
    }
    .navbar-toggler span{
        background-color:#fff
    }
    .landing-home .screen1{
        left:100px
    }
    .sticky-header .navbar-nav .nav-item .nav-link{
        color:#000;
        padding:10px 12px !important;
        font-size:15px
    }
    .sticky-header .navbar-nav li{
        display:block;
        width:100%
    }
    .landing-page .buy-btn{
        position:relative
    }
    .landing-page .navbar-expand-xl .navbar-collapse{
        background-color:white;
        margin-top:20px
    }
    .landing-page .navbar-expand-xl .navbar-collapse .navbar-nav{
        padding:20px 30px 30px 30px
    }
    .bg-sky-blue .main-landing{
        height:700px
    }
    .bg-sky-blue .main-landing .landing-main-content{
        width:70%
    }
    .landing-main .sticky .navbar-expand-xl .navbar-brand{
        top:8px
    }
    .landing-main .sticky .navbar-expand-xl .navabr_btn-set{
        top:16px
    }
    .landing-main .navbar-toggler span{
        background-color:#fff
    }
    .landing-main .navbar_nav_modify{
        width:100vw;
        left:0;
        position:fixed;
        height:100vh;
        background-color:#293240;
        top:0;
        padding:120px 0px
    }
    .landing-main h4{
        font-size:20px
    }
    .landing-main .navbar-expand-xl .navabr_btn-set{
        position:fixed;
        top:24px;
        z-index:1;
        right:20px
    }
    .landing-main .navbar-expand-xl .navbar-brand{
        padding-left:5px;
        z-index:1;
        position:fixed;
        top:14px
    }
    .landing-main .navbar-expand-xl .navbar-collapse .navbar-nav .nav-item a{
        padding:28px 60px;
        width:16px;
        margin:0 auto;
        text-align:center;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .landing-main .navbar-expand-lg .navbar-brand{
        padding-left:5px
    }
    .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a{
        padding:9px
    }
}
@media only screen and (max-width: 991px){
    .landing-cards .col-lg-4{
        display:none
    }
    .email-txt{
        text-align:center !important;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .landing-ul li{
        padding-left:0
    }
    .landing-ul li::before{
        display:none
    }
    .landing-home{
        min-height:auto;
        height:auto;
        overflow:unset;
        background-image:none
    }
    .landing-home .navbar-brand img{
        height:35px
    }
    .landing-home .screen2{
        width:330px;
        left:calc(100% - 200px);
        bottom:-20px;
        top:unset;
        -webkit-transform:rotate(-35deg);
        transform:rotate(-35deg);
        -webkit-animation:none;
        animation:none;
        z-index:0
    }
    .landing-home .screen1{
        width:330px;
        right:calc(100% - 200px);
        bottom:-20px;
        left:unset;
        top:unset;
        -webkit-transform:rotate(35deg);
        transform:rotate(35deg);
        -webkit-animation:none;
        animation:none;
        z-index:0
    }
    .landing-home .col-xl-7{
        position:unset
    }
    .landing-home .col-xl-5{
        border-radius:0
    }
    .landing-home .content{
        min-height:auto;
        height:auto;
        text-align:center;
        margin-bottom:150px;
        margin-top:190px;
        z-index:2;
        position:relative
    }
    .landing-home .content p{
        background-color:#fff;
        padding:20px;
        border-radius:40px
    }
    .frameworks-section>.container{
        max-width:100%
    }
    .page-wrapper .cuba-demo-content p{
        width:100%
    }
    .bg-sky-blue .main-landing{
        height:660px
    }
    .bg-sky-blue .main-landing .landing-main-content{
        width:100%
    }
    .cuba-demo-section .gallery_content p,.cuba-demo-section .Cuba-demo-content p{
        width:70% !important
    }
    .landing_gallery_section_img{
        margin-bottom:-60px
    }
    .landing_gallery_section_img .img-gallery-set3,.landing_gallery_section_img .img-gallery-set2,.landing_gallery_section_img .img-gallery-set4{
        bottom:80px
    }
    .landing_gallery_section_img:before{
        height:500px
    }
    .landing-main .navbar-expand-lg .navbar-collapse{
        position:absolute;
        top:90px;
        background-color:#fff;
        width:calc(100% - 30px);
        border-radius:5px;
        -webkit-box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);
        box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);
        padding:15px
    }
    .landing-main .section-space{
        padding:60px 0
    }
    .landing-main .section-space p{
        font-size:16px
    }
    .landing-main .navbar-expand-lg .navbar-toggler{
        background-color:#fff
    }
    .landing-main .navbar-expand-lg .navbar-toggler .navbar-toggler-icon i{
        margin-top:5px;
        color:var(--theme-deafult)
    }
    .landing-main .navbar-expand-lg .navbar-collapse{
        background-color:#fff;
        z-index:111
    }
    .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a{
        color:#000
    }
    .landing-main .footer-bg h2{
        font-size:28px
    }
}
@media only screen and (max-width: 800px){
    .landing-page .page-body-wrapper{
        min-height:auto
    }
}
@media only screen and (max-width: 767px){
    .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link{
        font-size:14px;
        padding:10px 12px
    }
    .landing-home .content{
        margin-bottom:100px;
        margin-top:140px;
        margin-left:0
    }
    .btn-grp{
        margin-bottom:-10px
    }
    .btn-grp .btn{
        margin-bottom:10px
    }
    .framworks .nav-item a{
        padding:8px 30px
    }
    .framworks .nav .nav-link .text-left{
        text-align:center !important
    }
    .framworks .nav .nav-link img{
        display:none
    }
    .framworks .mt-5{
        margin-top:2rem !important
    }
    .framworks-list .box{
        height:130px;
        width:130px;
        padding:30px 10px
    }
    .framworks-list .box .mt-3{
        margin-top:0.75rem !important
    }
    .framworks-list .box img{
        width:40px
    }
}
@media only screen and (max-width: 600px){
    .page-wrapper .cuba-demo-section::before,.page-wrapper .cuba-demo-section::after{
        display:none
    }
    .ptb50{
        padding:30px 0
    }
}
@media only screen and (max-width: 575px){
    .landing-home .sticky-header header .nav-padding{
        padding:15px 30px
    }
    .framworks .mt-5{
        margin-top:1rem !important
    }
    .framworks .nav-pills{
        margin-bottom:-10px
    }
    .framworks .nav-item{
        margin:0px 2px 10px;
        width:auto;
        display:inline-block
    }
    .framworks .nav-item p{
        display:none
    }
    .framworks .nav-item a{
        padding:8px 17px
    }
    .framworks-list .box{
        height:120px;
        width:118px
    }
    .page-wrapper .cuba-demo-content{
        margin-bottom:20px
    }
    .page-wrapper .section-space{
        padding:40px 0
    }
    .landing_gallery_section_img{
        margin-bottom:-40px
    }
    .bg-sky-blue .main-landing{
        height:400px
    }
    .bg-sky-blue .main-landing .landing-main-content h1{
        font-size:40px
    }
    .landing-main h4{
        font-size:17px
    }
    .landing-main .main-landing{
        padding:0px 0px 0px 0px
    }
    .landing-main .footer-bg h2{
        font-size:21px
    }
    .landing-main .footer-bg button{
        font-size:18px
    }
}
@media only screen and (max-width: 480px){
    .footer-content .btn-lg{
        margin-bottom:10px
    }
    .bg-sky-blue .main-landing .landing-main-content h1{
        font-size:30px
    }
    .sticky-header header.sticky{
        height:56px
    }
    .landing-home .sticky-header header .nav-padding{
        padding:15px
    }
    .landing-home .navbar-toggler{
        background-color:transparent;
        padding:0
    }
    .landing-home .navbar-toggler span{
        background-color:var(--theme-deafult);
        height:2px;
        width:18px;
        margin-top:3px;
        margin-bottom:3px
    }
    .landing-home .navbar-brand img{
        height:25px
    }
}
@media only screen and (max-width: 380px){
    .component-col-set{
        width:100%
    }
    .bg-sky-blue .main-landing{
        height:350px
    }
    .bg-sky-blue .main-landing .landing-main-content h1{
        font-size:25px
    }
}
@media only screen and (max-width: 320px){
    .landing-home .content{
        margin-bottom:50px;
        margin-top:90px;
        margin-left:0
    }
    .bg-sky-blue .main-landing .landing-main-content h1{
        font-size:24px
    }
    .bg-sky-blue .main-landing .landing-main-content p{
        font-size:12px
    }
}
.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:47px;
    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)
}
.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
}
.learning-header{
    margin-bottom:10px
}
.categories{
    padding:30px 0
}
.categories .learning-header{
    padding-left:30px
}
.categories ul li{
    padding:10px 30px
}
.categories ul li a{
    color:#2b2b2b
}
.categories ul li:hover{
    background-color:#f4f4f4
}
.upcoming-course .media+.media{
    margin-top:30px
}
.job-accordion{
    margin-bottom:0
}
@media screen and (min-width: 1200px) and (max-width: 1366px){
    .learning-comment{
        margin-left:-14px !important;
        float:left !important
    }
    .blog-box .blog-details .blog-social li:first-child{
        padding-right:30px
    }
    .blog-box .blog-details .blog-social li+li{
        padding-left:30px
    }
}
@media only screen and (max-width: 991px){
    .categories{
        padding:20px 0
    }
    .categories .learning-header{
        padding-left:20px
    }
    .categories ul li{
        padding:10px 20px
    }
    .upcoming-course .media+.media{
        margin-top:20px
    }
}
@media only screen and (max-width: 575px){
    .categories{
        padding:15px 0
    }
    .categories .learning-header{
        padding-left:15px
    }
    .categories ul li{
        padding:10px 15px
    }
    .upcoming-course .media+.media{
        margin-top:15px
    }
}
.login-card{
    min-height:100vh;
    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:0 auto;
    background-color:#4123a6;
    background-position:center;
    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{
    width:450px;
    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 label{
    font-size:15px;
    letter-spacing:0.4px
}
.login-card .login-main .theme-form .checkbox label::before{
    background-color:#f9f9fa;
    border:1px solid #dfdfdf
}
.login-card .login-main .theme-form .or{
    position:relative
}
.login-card .login-main .theme-form .or:before{
    content:"";
    position:absolute;
    width:65%;
    height:2px;
    background-color:#f3f3ff;
    top:9px;
    z-index:0;
    right:0
}
.login-card .login-main .theme-form input{
    background-color:#f3f3ff;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.login-card .login-main .theme-form input::-webkit-input-placeholder{
    color:#999
}
.login-card .login-main .theme-form input:hover,.login-card .login-main .theme-form input:focus{
    border:1px solid #b9c1cc;
    -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
}
.show-hide{
    position:absolute;
    top:52px;
    right:20px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.show-hide span{
    cursor:pointer;
    font-size:13px;
    color:var(--theme-deafult)
}
.show-hide span.show:before{
    content:"show"
}
.show-hide span:before{
    content:"hide"
}
.needs-validation .invalid-feedback{
    color:#898989
}
.needs-validation .show-hide{
    right:30px
}
.needs-validation .invalid-tooltip{
    top:10px;
    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 10px 0 rgba(68,102,242,0.05);
    box-shadow:0 0 10px 0 rgba(68,102,242,0.05)
}
.mega-inline .mega-title-badge{
    display:table;
    width:100%;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase
}
.mega-inline .media .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 10px 0 rgba(68,102,242,0.05);
    box-shadow:0 0 10px 0 rgba(68,102,242,0.05)
}
.mega-vertical .mega-title-badge{
    display:table;
    width:100%;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase
}
.mega-vertical .media .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 10px 0 rgba(68,102,242,0.05);
    box-shadow:0 0 10px 0 rgba(68,102,242,0.05)
}
.mega-horizontal .mega-title-badge{
    display:table;
    width:100%;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase
}
.mega-horizontal .media .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 #ecf3fa !important
}
.offer-style .card{
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px dashed #ecf3fa !important
}
.rating-star-wrapper{
    color:#797979
}
.prooduct-details-box{
    margin-bottom:30px
}
.prooduct-details-box .close{
    position:absolute;
    top:10px;
    right:10px;
    height:16px;
    cursor:pointer
}
.prooduct-details-box .media{
    border:1px solid #d7e2e9;
    border-radius:10px;
    padding:15px 0;
    width:100%;
    position:relative
}
.prooduct-details-box .rating{
    color:#ffaf45;
    letter-spacing:3px
}
.prooduct-details-box .product-name a{
    color:gray
}
.prooduct-details-box .btn{
    position:absolute;
    right:15px;
    bottom:15px
}
.order-history .input-group{
    text-align:right;
    max-width:300px
}
.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:#f8f8f8;
    border:1px solid #ecf3fa;
    padding:1.25rem;
    font-size:16px
}
.order-history table .qty-box{
    width:120px;
    margin:0 auto;
    border-radius:5px;
    overflow:hidden
}
.order-history table .qty-box input{
    width:44px;
    max-width:44px;
    background-color:transparent;
    border:none !important
}
.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 #ecf3fa;
    overflow:hidden
}
.order-history table .qty-box .btn{
    background-color:transparent;
    border:none
}
.order-history table .qty-box .btn.bootstrap-touchspin-down{
    border-right:1px solid
}
.order-history table .qty-box .btn.bootstrap-touchspin-up{
    border-left:1px solid
}
.order-history table tbody tr td{
    vertical-align:middle
}
.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:4px
}
.order-history table tbody tr td .product-name .order-process .order-process-circle.shipped-order:before{
    background-color:#51bb25
}
.order-history table tbody tr td .product-name .order-process .order-process-circle.cancel-order:before{
    background-color:#dc3545
}
@media only screen and (max-width: 1199px){
    .order-history table{
        width:900px;
        overflow:auto
    }
}
.pagination-theme .page-item .page-link{
    color:var(--theme-deafult) !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 .page-link{
    color:var(--theme-deafult) !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 .page-link{
    color:#f73164 !important
}
.pagination-secondary .page-item.active .page-link{
    color:#fff !important;
    background-color:#f73164 !important;
    border-color:#f73164
}
.pagination-success .page-item .page-link{
    color:#51bb25 !important
}
.pagination-success .page-item.active .page-link{
    color:#fff !important;
    background-color:#51bb25 !important;
    border-color:#51bb25
}
.pagination-danger .page-item .page-link{
    color:#dc3545 !important
}
.pagination-danger .page-item.active .page-link{
    color:#fff !important;
    background-color:#dc3545 !important;
    border-color:#dc3545
}
.pagination-info .page-item .page-link{
    color:#a927f9 !important
}
.pagination-info .page-item.active .page-link{
    color:#fff !important;
    background-color:#a927f9 !important;
    border-color:#a927f9
}
.pagination-dark .page-item .page-link{
    color:#2c323f !important
}
.pagination-dark .page-item.active .page-link{
    color:#fff !important;
    background-color:#2c323f !important;
    border-color:#2c323f
}
.pagination-warning .page-item .page-link{
    color:#f8d62b !important
}
.pagination-warning .page-item.active .page-link{
    color:#fff !important;
    background-color:#f8d62b !important;
    border-color:#f8d62b
}
.pricing-simple{
    -webkit-box-shadow:0 0 10px 5px rgba(68,102,242,0.05);
    box-shadow:0 0 10px 5px rgba(68,102,242,0.05)
}
.pricing-simple .card-body{
    border-bottom:none
}
.pricing-simple .card-body h3{
    position:relative;
    margin-bottom:38px
}
.pricing-simple .card-body h3:before{
    position:absolute;
    content:'';
    width:80px;
    height:1px;
    margin:0 auto;
    left:0;
    right:0;
    bottom:-10px;
    background-color:#999
}
.pricing-simple .card-body h1{
    font-size:30px;
    line-height:0.9;
    margin-bottom:30px;
    font-weight:400
}
.pricingtable{
    text-align:center;
    padding-top:45px;
    padding-bottom:45px;
    border-radius:10px;
    -webkit-box-shadow:0 0 40px rgba(8,21,66,0.05);
    box-shadow:0 0 40px rgba(8,21,66,0.05);
    overflow:hidden;
    position:relative;
    z-index:1;
    height:100%
}
.pricingtable:before,.pricingtable:after{
    content:"";
    background-color:var(--theme-deafult);
    width:300px;
    height:300px;
    border-radius:50%;
    position:absolute;
    right:-213px;
    z-index:-1;
    opacity:0.1
}
.pricingtable:after{
    background-color:var(--theme-deafult);
    height:300px;
    width:300px;
    top:auto;
    bottom:-210px;
    right:auto;
    left:-160px;
    opacity:0.1
}
.pricingtable .title{
    text-transform:uppercase;
    margin-bottom:20px
}
.pricingtable .price-value{
    color:#fff;
    background-color:var(--theme-deafult);
    width:130px;
    height:130px;
    padding:45px 0 0;
    margin:0 auto 25px;
    border-radius:50%
}
.pricingtable .price-value .duration{
    margin:0 0 0 -5px
}
.pricingtable .price-value .amount{
    font-size:58px;
    font-weight:700;
    line-height:45px;
    display:inline-block
}
.pricingtable .price-value .currency{
    vertical-align:top
}
.pricingtable .pricing-content{
    margin:0 0 25px;
    display:inline-block
}
.pricingtable .pricing-content li{
    font-weight:500;
    text-align:left;
    margin:0 0 20px;
    position:relative;
    padding-left:30px
}
.pricingtable .pricing-content li:last-child{
    margin:0
}
.pricingtable .pricing-content li:before{
    content:"\f00c";
    color:var(--theme-deafult);
    font-family:FontAwesome;
    text-align:center;
    width:20px;
    height:20px;
    border-radius:50%;
    position:absolute;
    top:1px;
    left:0
}
@media (max-width: 1470px){
    .pricing-block>div{
        -webkit-box-flex:50%;
        -ms-flex:50%;
        flex:50%
    }
    .pricing-block>div:nth-child(n+3){
        margin-top:30px
    }
}
@media only screen and (max-width: 991px){
    .pricing-simple .card-body h1{
        margin-bottom:20px
    }
    .pricing-simple .card-body h3{
        margin-bottom:28px
    }
    .pricing-block>div:nth-child(n+2){
        margin-top:20px
    }
}
@media only screen and (max-width: 575px){
    .pricing-simple .card-body h1{
        margin-bottom:15px
    }
    .pricing-block>div{
        -webkit-box-flex:100%;
        -ms-flex:100%;
        flex:100%
    }
    .pricingtable{
        padding-top:30px;
        padding-bottom:30px
    }
}
.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:.1
    }
    50%{
        -webkit-transform:scale(0.5);
        transform:scale(0.5);
        opacity:.3
    }
    75%{
        -webkit-transform:scale(0.8);
        transform:scale(0.8);
        opacity:.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:.1
    }
    50%{
        -webkit-transform:scale(0.5);
        transform:scale(0.5);
        opacity:.3
    }
    75%{
        -webkit-transform:scale(0.8);
        transform:scale(0.8);
        opacity:.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(#f73164));
    background-image:linear-gradient(to right, rgba(0,0,0,0), #f73164);
    position:relative
}
.progress-gradient-secondary:hover{
    background-size:100%
}
.progress-gradient-secondary::after{
    position:absolute;
    content:'';
    top:-3px;
    right:-1px;
    background-color:#f73164;
    width:10px;
    height:10px;
    border-radius:100%;
    -webkit-box-shadow:0 0 17px 4px rgba(247,49,100,0.36);
    box-shadow:0 0 17px 4px rgba(247,49,100,0.36)
}
.progress-gradient-secondary .animate-circle{
    position:absolute;
    top:-11px;
    right:-8px;
    height:25px;
    width:25px;
    border:5px solid #f73164;
    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(#51bb25));
    background-image:linear-gradient(to right, rgba(0,0,0,0), #51bb25);
    position:relative
}
.progress-gradient-success:hover{
    background-size:100%
}
.progress-gradient-success::after{
    position:absolute;
    content:'';
    top:-3px;
    right:-1px;
    background-color:#51bb25;
    width:10px;
    height:10px;
    border-radius:100%;
    -webkit-box-shadow:0 0 17px 4px rgba(81,187,37,0.36);
    box-shadow:0 0 17px 4px rgba(81,187,37,0.36)
}
.progress-gradient-success .animate-circle{
    position:absolute;
    top:-11px;
    right:-8px;
    height:25px;
    width:25px;
    border:5px solid #51bb25;
    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(#dc3545));
    background-image:linear-gradient(to right, rgba(0,0,0,0), #dc3545);
    position:relative
}
.progress-gradient-danger:hover{
    background-size:100%
}
.progress-gradient-danger::after{
    position:absolute;
    content:'';
    top:-3px;
    right:-1px;
    background-color:#dc3545;
    width:10px;
    height:10px;
    border-radius:100%;
    -webkit-box-shadow:0 0 17px 4px rgba(220,53,69,0.36);
    box-shadow:0 0 17px 4px rgba(220,53,69,0.36)
}
.progress-gradient-danger .animate-circle{
    position:absolute;
    top:-11px;
    right:-8px;
    height:25px;
    width:25px;
    border:5px solid #dc3545;
    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(#a927f9));
    background-image:linear-gradient(to right, rgba(0,0,0,0), #a927f9);
    position:relative
}
.progress-gradient-info:hover{
    background-size:100%
}
.progress-gradient-info::after{
    position:absolute;
    content:'';
    top:-3px;
    right:-1px;
    background-color:#a927f9;
    width:10px;
    height:10px;
    border-radius:100%;
    -webkit-box-shadow:0 0 17px 4px rgba(169,39,249,0.36);
    box-shadow:0 0 17px 4px rgba(169,39,249,0.36)
}
.progress-gradient-info .animate-circle{
    position:absolute;
    top:-11px;
    right:-8px;
    height:25px;
    width:25px;
    border:5px solid #a927f9;
    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(#f8d62b));
    background-image:linear-gradient(to right, rgba(0,0,0,0), #f8d62b);
    position:relative
}
.progress-gradient-warning:hover{
    background-size:100%
}
.progress-gradient-warning::after{
    position:absolute;
    content:'';
    top:-3px;
    right:-1px;
    background-color:#f8d62b;
    width:10px;
    height:10px;
    border-radius:100%;
    -webkit-box-shadow:0 0 17px 4px rgba(248,214,43,0.36);
    box-shadow:0 0 17px 4px rgba(248,214,43,0.36)
}
.progress-gradient-warning .animate-circle{
    position:absolute;
    top:-11px;
    right:-8px;
    height:25px;
    width:25px;
    border:5px solid #f8d62b;
    border-radius:70px;
    -webkit-animation:heartbit 1s ease-out;
    animation:heartbit 1s ease-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.project-list .row{
    margin:10px
}
.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:5px 30px 5px 0;
    border-radius:5px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.project-list .btn{
    margin-right:5px;
    vertical-align:-12px;
    float:right
}
.project-list .btn svg{
    vertical-align:middle;
    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 #efefef;
    border-radius:5px;
    padding:30px;
    background-color:#fff;
    margin-bottom:30px
}
.project-box h6{
    font-weight:500 !important
}
.project-box .badge{
    position:absolute;
    right:30px;
    top:15px
}
.project-box .project-status p{
    margin-bottom:5px;
    font-weight:800
}
.project-box .media{
    margin-bottom:15px
}
.project-box .media .media-body{
    opacity:0.5
}
.project-box .details div{
    margin-bottom:5px;
    opacity:0.7
}
.projectdetails .card .card-body{
    padding:20px
}
.projectdetails .card .card-footer{
    padding:20px
}
.projectdetails .card select{
    width:90px;
    height:28px;
    font-size:11px;
    right:20px;
    top:20px
}
.projectmore .details .col-4{
    margin-bottom:5px
}
.projectmore .details .col-4:nth-child(even){
    opacity:0.5
}
.projectmore h5{
    font-size:20px;
    font-weight:600
}
.projectmore .task-list{
    position:relative
}
.projectmore .task-list ul li{
    margin-bottom:5px
}
.projectmore .task-list ul+ul{
    position:absolute;
    left:50%;
    top:0
}
.new-users.activity .gradient-round{
    padding:13px;
    font-size:20px;
    line-height:1.4;
    text-align:center;
    top:unset !important
}
.new-users.activity .gradient-round::after{
    display:none
}
.user-profile .hovercard .socialheader{
    background:url(../images/social-app/social-image.png)
}
.user-profile .hovercard .user-image .share-icons{
    position:absolute;
    right:100px;
    top:-27px
}
.user-profile .hovercard .user-image .share-icons li{
    display:inline-block;
    margin-right:10px
}
.user-profile .hovercard .user-image .share-icons li .social-icon{
    width:50px;
    height:50px;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    vertical-align:middle;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius:100%
}
.user-profile .hovercard .user-image .share-icons li .social-icon i{
    color:#fff;
    font-size:25px
}
.user-profile .hovercard .user-image .share-icons li:last-child{
    margin-right:0
}
.user-profile .card-footer>div h3{
    font-size:16px
}
.market-tabs .border-tab.nav-tabs .nav-item .nav-link.active{
    border-bottom:none !important
}
.market-tabs .nav{
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.market-tabs .nav .nav-item{
    width:100%
}
.market-tabs .nav .nav-item .nav-link{
    height:81px;
    border-top-left-radius:0;
    border-top-right-radius:0;
    padding-top:30px;
    text-align:center
}
.tabs-scoial{
    border-bottom:none;
    margin-bottom:20px !important;
    margin-top:20px
}
.tabs-scoial li a{
    font-weight:600
}
.tabs-scoial li a svg circle{
    color:#999
}
.social-network span{
    margin-bottom:30px;
    display:block
}
.social-list .media{
    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 .media:last-child{
    margin-bottom:0
}
.social-list .media .media-body a{
    color:#999
}
.social-list .media .media-body span{
    font-weight:600
}
.social-list .media .media-body:hover a{
    color:var(--theme-deafult)
}
.photos{
    margin-bottom:-15px
}
.photos ul li{
    display:inline-block;
    margin-right:10px;
    margin-bottom:10px;
    width:70px
}
.photos ul li:nth-child(4n){
    margin-right:0
}
.new-users-social{
    margin-bottom:30px
}
.new-users-social svg{
    cursor:pointer
}
.new-users-social .media img{
    width:58px
}
.new-users-social .media .media-body{
    margin-top:10px
}
.new-users-social svg circle{
    color:#999
}
.like-content span i{
    font-size:14px
}
/* .timeline-content p{
    margin-top:30px;
    color:#999
}
.timeline-content .comment-number i{
    color:#999;
    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{
    border:none
}
.timeline-content .comments-box .input-group .input-txt-bx::-webkit-input-placeholder{
    color:#999
}
.timeline-content .comments-box .input-group .input-txt-bx::-moz-placeholder{
    color:#999
}
.timeline-content .comments-box .input-group .input-txt-bx:-ms-input-placeholder{
    color:#999
}
.timeline-content .comments-box .input-group .input-txt-bx::-ms-input-placeholder{
    color:#999
}
.timeline-content .comments-box .input-group .input-txt-bx::placeholder{
    color:#999
}
.timeline-content .comments-box .input-group .input-group-append .btn i{
    font-size:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    color:#999
} */
.social-chat{
    margin-top:30px
}
.social-chat span span{
    font-weight:normal;
    color:#999;
    font-size:12px
}
.social-chat .media-body{
    padding:30px;
    border:1px solid #f4f4f4;
    position:relative
}
.social-chat .media-body p{
    margin-top:5px
}
.social-chat .media-body:before{
    content:'';
    position:absolute;
    top:19px;
    right:100%;
    border:7px solid transparent;
    border-right:7px solid #59667a
}
.social-chat .media-body: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:#999
}
.socialprofile .social-btngroup{
    margin:30px 0
}
.socialprofile .likes-profile h5 span{
    color:#2b2b2b
}
.socialprofile .social-group{
    margin-top:30px
}
.socialprofile .social-group ul li:nth-child(4){
    margin-left:-22px
}
.social-status form .form-group .form-control-social{
    border:1px solid #f4f4f4;
    padding-left:15px;
    margin-bottom:30px
}
.social-status .media{
    position:relative;
    margin-bottom:30px
}
.social-status .media:last-child{
    margin-bottom:0
}
.social-status .media .social-status{
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    background-color:#fff;
    bottom:0;
    left:35px;
    border-radius:100%
}
.social-status .media .social-online{
    border:3px solid #51bb25
}
.social-status .media .social-busy{
    border:3px solid #f8d62b
}
.social-status .media .social-offline{
    border:3px solid #59667a
}
.social-status .media .media-body p{
    color:#999;
    margin-bottom:5px
}
.social-status .media .media-body span+span{
    color:#999
}
.social-status .media .media-body .light-span{
    color:#999
}
.social-header h5 span:first-child{
    line-height:1.48
}
.social-header h5 span svg circle{
    color:#999
}
.details-about+.details-about{
    margin-top:30px
}
.details-about .your-details p{
    color:#999
}
.avatar-showcase .friend-pic{
    margin-right:8px;
    margin-bottom:10px
}
.avatar-showcase .pepole-knows ul li{
    display:inline-block;
    margin-right:20px;
    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
}
.activity-log .my-activity+.my-activity{
    margin-top:30px
}
.activity-log .my-activity p{
    margin-bottom:5px
}
.activity-log .my-activity p span svg{
    width:15px;
    height:15px
}
.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 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
}
@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: 991px){
    .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 .media{
    margin-bottom:30px
}
.activity .media:last-child{
    margin-bottom:0
}
.activity .media .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 .media .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 .media .gradient-round svg path,.activity .media .gradient-round svg line,.activity .media .gradient-round svg circle{
    color:#fff
}
.activity .media .gradient-round.gradient-line-1:after{
    position:absolute;
    content:'';
    background-color:#e9e9e9;
    width:2px;
    height:62px;
    bottom:-77px;
    left:0;
    right:0;
    margin:0 auto
}
.activity .media .gradient-round.small-line:after{
    position:absolute;
    content:'';
    background-color:#e9e9e9;
    width:2px;
    height:19px;
    bottom:-34px;
    left:0;
    right:0;
    margin:0 auto
}
.activity .media .gradient-round.medium-line:after{
    position:absolute;
    content:'';
    background-color:#e9e9e9;
    width:2px;
    height:53px;
    bottom:-68px;
    left:0;
    right:0;
    margin:0 auto
}
.activity .media .media-body h6{
    font-weight:600;
    margin-bottom:30px
}
.activity .media .media-body h6 span{
    font-weight:normal;
    color:#999
}
.activity .media .media-body p{
    width:80%
}
/* .timeline-small .media{
    margin-bottom:30px
}
.timeline-small .media:last-child{
    margin-bottom:0
}
.timeline-small .media .timeline-round{
    position:relative;
    width:53px;
    height:53px;
    border-radius:100%;
    border-radius:15px;
    top:-18px
}
.timeline-small .media .timeline-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
}
.timeline-small .media .timeline-round svg path,.timeline-small .media .timeline-round svg line,.timeline-small .media .timeline-round svg circle{
    color:#fff
}
.timeline-small .media .timeline-round.timeline-line-1:after{
    position:absolute;
    content:'';
    background-color:#e9e9e9;
    width:2px;
    height:62px;
    bottom:-88px;
    left:0;
    right:0;
    margin:0 auto
}
.timeline-small .media .timeline-round.small-line:after{
    position:absolute;
    content:'';
    background-color:#e9e9e9;
    width:2px;
    height:19px;
    bottom:-34px;
    left:0;
    right:0;
    margin:0 auto
}
.timeline-small .media .timeline-round.medium-line:after{
    position:absolute;
    content:'';
    background-color:#e9e9e9;
    width:2px;
    height:53px;
    bottom:-68px;
    left:0;
    right:0;
    margin:0 auto
}
.timeline-small .media .media-body h6{
    margin-bottom:30px
}
.timeline-small .media .media-body h6 span{
    font-weight:normal;
    color:#999
}
.timeline-small .media .media-body 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:#f4f4f4
    }
    .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;
    -webkit-transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    position:absolute;
    top:0;
    border-radius:4px
}
.cd-timeline-img i{
    display:block;
    position:relative;
    left:45%;
    top:44%;
    margin-left:-12px;
    margin-top:-12px;
    font-size:27px;
    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:#fdfeff;
    border-radius:4px;
    padding:30px;
    -webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.08);
    box-shadow:1px 1px 2px 1px rgba(0,0,0,0.08)
}
.cd-timeline-content p{
    padding-top:9px
}
.cd-timeline-content h4{
    margin-bottom:0
}
.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:.8em 0 0;
    opacity:.7
}
.cd-timeline-content::before{
    content:'';
    position:absolute;
    top:16px;
    right:100%;
    height:0;
    width:0;
    border:7px solid transparent;
    border-left:7px solid #f4f4f4
}
@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:Rubik,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:#fff;
    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:#2c323f;
    background-color:#2c323f
}
.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 .ttl-info h6{
    font-size:12px;
    color:#59667a
}
.user-profile .border-right{
    border-right:1px solid #f4f4f4
}
.user-profile hr{
    margin:30px 0
}
.user-profile .hovercard .cardheader{
    background:url(../images/other-images/bg-profile.png);
    background-size:cover;
    background-position:10%;
    height:470px
}
.user-profile .hovercard .user-image{
    position:relative;
    height:0
}
.user-profile .hovercard .user-image .avatar{
    margin-top:-80px
}
.user-profile .hovercard .user-image .avatar img{
    width:100px;
    height:100px;
    max-width:155px;
    max-height:155px;
    border-radius:50%;
    border:7px solid #fff
}
.user-profile .hovercard .user-image .icon-wrapper{
    position:absolute;
    bottom:-20px;
    left:51%;
    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:40px;
    width:40px;
    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 .hovercard .info{
    padding:30px
}
.user-profile .hovercard .info .title{
    margin-bottom:4px;
    font-size:24px;
    line-height:1;
    color:#2c323f;
    vertical-align:middle
}
.user-profile .hovercard .info .title a{
    color:#242934;
    font-size:20px;
    text-transform:uppercase;
    font-weight:500
}
.user-profile .hovercard .info .desc{
    overflow:hidden;
    font-size:14px;
    line-height:20px;
    color:#59667a;
    text-overflow:ellipsis;
    text-transform:uppercase
}
.user-profile .follow{
    margin-top:20px
}
.user-profile .follow .follow-num{
    font-size:20px;
    color:#242934;
    font-family:Rubik,sans-serif;
    font-weight:500
}
.user-profile .follow span{
    color:#59667a
}
.user-profile .profile-img-style{
    padding:30px
}
.user-profile .profile-img-style .img-container{
    margin-top:30px
}
.user-profile .profile-img-style .user-name{
    font-size:14px;
    color:#242934;
    margin:0;
    font-weight:600
}
.user-profile .profile-img-style p{
    line-height:30px;
    font-size:14px;
    color:#898989;
    margin-bottom:0
}
.user-profile .profile-img-style .media img{
    width:50px
}
.user-profile .like-comment a{
    color:#898989
}
.user-profile .like-comment a:hover{
    color:#dc3545
}
.user-profile .like-comment span{
    font-family:Rubik,sans-serif
}
.user-profile .social-media a{
    padding:0 15px;
    color:#59667a;
    font-size:24px;
    cursor:pointer
}
.user-profile .social-media a:hover{
    color:var(--theme-deafult)
}
.edit-profile .profile-title .media{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:30px
}
.edit-profile .profile-title .media .media-body{
    margin-left:25px
}
.wishlist table tr td svg{
    color:#898989;
    cursor:pointer
}
body.dark-only{
    color:rgba(255,255,255,0.6);
    background-color:#1d1e26
}
body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title{
    background:#262932;
    color:#fff
}
body.dark-only .card{
    background-color:#262932
}
body.dark-only .ecommerce-widget{
    border:1px solid #374558 !important
}
body.dark-only .btn-light{
    color:rgba(255,255,255,0.6) !important
}
body.dark-only .form-select{
    color:rgba(255,255,255,0.6)
}
body.dark-only .add-project .text-inherit{
    color:rgba(255,255,255,0.6)
}
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 .media{
    border:1px solid #374558
}
body.dark-only .product-price del{
    color:#98a6ad
}
body.dark-only .ProfileCard{
    border:1px solid #374558 !important
}
body.dark-only .form-control-plaintext{
    color:rgba(255,255,255,0.6)
}
body.dark-only .form-select{
    background-color:#1d1e26;
    border:1px solid #1d1e26
}
body.dark-only .box-layout{
    background-color:#1d1e26
}
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 #1d1e26
}
body.dark-only .form-check-input{
    background-color:#1d1e26
}
body.dark-only .switch-state:before{
    background-color:#262932
}
body.dark-only .daterangepicker:before{
    border-bottom-color:#262932
}
body.dark-only .daterangepicker .ranges li{
    background-color:#1d1e26;
    border-color:#262932;
    color:#898989
}
body.dark-only .daterangepicker .daterangepicker_input .form-control{
    background-color:#1d1e26;
    border-color:#262932 !important
}
body.dark-only .daterangepicker .calendar-time select{
    border-color:#262932;
    background-color:#1d1e26
}
body.dark-only .daterangepicker.dropdown-menu{
    background-color:#262932;
    -webkit-box-shadow:0 0 14px #1d1e26;
    box-shadow:0 0 14px #1d1e26
}
body.dark-only .daterangepicker .calendar-table{
    background-color:#262932;
    border-color:#262932
}
body.dark-only .daterangepicker.ltr td.in-range,body.dark-only .daterangepicker.ltr td.off{
    background-color:#1d1e26;
    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 .page-wrapper.only-body .page-body-wrapper .page-title>.row .col-6:first-child h6{
    color:rgba(255,255,255,0.5)
}
body.dark-only .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative{
    background-color:#262932
}
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 .flip-card .flip-card-inner .back{
    background-color:#262932 !important
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input{
    background-color:#1d1e26;
    border:1px solid #374558;
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:last-child{
    border-top:1px solid #374558
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front{
    background-color:#1d1e26 !important
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg{
    stroke:#fff
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:not(.profile-dropdown) li:first-child{
    background-color:#262932
}
body.dark-only .customizer-contain{
    color:#1d1e26
}
body.dark-only .customizer-contain .customizer-body .main-layout .box-layout{
    background-color:#fff
}
body.dark-only .login-card .btn-showcase .btn{
    background-color:#262932 !important;
    color:#fff;
    border-color:#262932 !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)
}
body.dark-only .login-card .login-main .theme-form input{
    background-color:#262932 !important
}
body.dark-only .login-card .login-main .theme-form .or:before{
    background-color:#262932
}
body.dark-only .login-card .login-main .theme-form .checkbox label::before{
    background-color:#262932 !important;
    border-color:#262932 !important
}
body.dark-only .H_ui ~ div{
    background-color:#1d1e26 !important
}
body.dark-only .swal-icon--success:after,body.dark-only .swal-icon--success:before{
    background:#262932
}
body.dark-only .swal-icon--success__hide-corners{
    background-color:#262932
}
body.dark-only .note-editor.note-frame .note-status-output{
    border-top:1px solid #262932
}
body.dark-only .note-editor.note-frame .note-statusbar{
    border-top:1px solid #262932
}
body.dark-only .note-editor.note-frame .note-statusbar .note-resizebar{
    background-color:#262932
}
body.dark-only .light-font{
    color:#fff
}
body.dark-only .page-link{
    background-color:#1d1e26;
    border:1px solid #374558
}
body.dark-only .b-r-light{
    border-right:1px solid #374558 !important
}
body.dark-only .history-details .media{
    border-top:1px solid #374558
}
body.dark-only .modal-header{
    border-bottom:1px solid #374558
}
body.dark-only #right-history{
    background-color:#262932;
    -webkit-box-shadow:0 0 9px #1d1e26;
    box-shadow:0 0 9px #1d1e26
}
body.dark-only #right-history h6 span a{
    color:rgba(255,255,255,0.6)
}
body.dark-only .ProfileCard:hover{
    color:rgba(255,255,255,0.6);
    background-color:#262932
}
body.dark-only .translate_wrapper.active .more_lang:before{
    border-bottom:7px solid #262932
}
body.dark-only .translate_wrapper.active .more_lang .lang{
    border-bottom:1px solid #1d1e26
}
body.dark-only .toggle-sidebar svg{
    stroke:var(--theme-deafult)
}
body.dark-only .page-wrapper .page-body-wrapper{
    background-color:#1d1e26
}
body.dark-only .page-wrapper .sidebar-main-title p{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper{
    background-color:#262932
}
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.6)
}
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.6)
}
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{
    background-color:rgba(115,102,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-link.active svg{
    color:var(--theme-deafult);
    stroke: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.6)
}
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.6);
    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.6)
}
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.6)
}
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.6)
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper{
    background:#262932;
    border-top:1px solid #374558
}
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.6)
}
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:#262932
}
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.6)
}
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:#262932
}
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:#262932
}
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.6)
}
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:#262932;
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper>div{
    background:#262932
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title{
    border-bottom:1px solid #374558
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg{
    stroke:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container{
    background-color:#262932
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a{
    border-bottom:1px solid #374558
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active{
    background-color:rgba(115,102,255,0.2)
}
body.dark-only .page-wrapper.compact-sidebar .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:var(--theme-deafult)
}
body.dark-only .page-wrapper.compact-sidebar .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);
    stroke:var(--theme-deafult)
}
body.dark-only .page-wrapper.compact-sidebar .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.6)
}
body.dark-only .page-wrapper.compact-sidebar .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.6);
    font-weight:400
}
body.dark-only .page-wrapper.compact-sidebar .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-sidebar .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.6)
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper.compact-sidebar .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-sidebar .page-body-wrapper .according-menu i{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper.material-type .page-header .header-wrapper{
    border-radius:15px 15px 0 0
}
body.dark-only .page-wrapper.material-icon .page-header .header-wrapper{
    background-color:rgba(0,0,0,0)
}
body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang{
    color:#fff
}
body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div{
    color:#fff
}
body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input{
    border:1px solid #1d1e26;
    background:#1d1e26;
    color:#fff
}
body.dark-only .page-wrapper.material-icon .page-header .header-logo-wrapper{
    background-color:rgba(0,0,0,0)
}
body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-body{
    background-color:rgba(0,0,0,0)
}
body.dark-only .page-wrapper.advance-layout{
    background-color:#1d1e26
}
body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper{
    background:rgba(0,0,0,0)
}
body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper .header-logo-wrapper{
    background:rgba(0,0,0,0)
}
body.dark-only .page-wrapper.advance-layout .page-body-wrapper{
    background:rgba(0,0,0,0)
}
body.dark-only .page-wrapper.advance-layout .page-body-wrapper .page-body{
    background:rgba(0,0,0,0)
}
body.dark-only .page-wrapper .page-header .header-wrapper .search-full{
    background-color:#262932
}
body.dark-only .page-wrapper .page-header .header-wrapper .search-full input{
    color:rgba(255,255,255,0.6)
}
body.dark-only ::-webkit-calendar-picker-indicator{
    -webkit-filter:invert(1);
    filter:invert(1)
}
body.dark-only .left-header .mega-menu-container{
    background-color:#262932;
    border-top:1px solid #262932
}
body.dark-only .left-header .mega-menu-container .mega-box+.mega-box{
    border-left:1px solid #374558
}
body.dark-only .left-header .mega-menu div>div a{
    color:rgba(255,255,255,0.7)
}
body.dark-only .left-header .level-menu .header-level-menu{
    background-color:#262932
}
body.dark-only .left-header .level-menu .header-level-menu>li .header-level-sub-menu{
    background-color:#262932
}
body.dark-only .left-header .level-menu .header-level-menu>li a{
    color:rgba(255,255,255,0.7)
}
body.dark-only .left-header .level-menu .header-level-menu>li svg{
    stroke:rgba(255,255,255,0.7)
}
body.dark-only .kanban-board-header{
    background-color:#1d1e26 !important;
    border-bottom:1px solid #262932 !important
}
body.dark-only .kanban-board .kanban-drag{
    background:#1d1e26 !important
}
body.dark-only .kanban-container .kanban-item .kanban-box{
    border:1px solid rgba(115,102,255,0.15);
    background-color:#1d1e26
}
body.dark-only .project-box{
    border:1px solid rgba(115,102,255,0.15);
    background-color:#1d1e26
}
body.dark-only .file-content .form-inline{
    border:1px solid #1d1e26
}
body.dark-only .file-content .files .file-box{
    border:1px solid rgba(115,102,255,0.15);
    background-color:#1d1e26
}
body.dark-only .file-content .files .file-box .file-top{
    background-color:#262932;
    border:1px solid rgba(115,102,255,0.15)
}
body.dark-only .file-content .folder .folder-box{
    border:1px solid rgba(115,102,255,0.15);
    background-color:#1d1e26
}
body.dark-only .file-sidebar .pricing-plan{
    border:1px solid rgba(115,102,255,0.15) !important
}
body.dark-only .file-sidebar .btn-light{
    color:rgba(255,255,255,0.6);
    background-color:#1d1e26 !important;
    border:1px solid rgba(115,102,255,0.15) !important
}
body.dark-only #lnb{
    border-right:1px solid #374558
}
body.dark-only .lnb-new-schedule,body.dark-only .lnb-calendars>div{
    border-bottom:1px solid #374558
}
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:#262932;
    color:#fff !important
}
body.dark-only .tui-full-calendar-timegrid-gridline{
    border-bottom:1px solid #374558 !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:#374558 !important
}
body.dark-only .tui-full-calendar-popup{
    color:#2b2b2b
}
body.dark-only #menu .btn-default{
    color:rgba(255,255,255,0.6)
}
body.dark-only #menu .btn-default:hover{
    color:#2b2b2b
}
body.dark-only #menu .dropdown-menu{
    color:rgba(255,255,255,0.6)
}
body.dark-only .tui-full-calendar-dayname-container,body.dark-only .tui-full-calendar-splitter{
    border-top-color:#374558 !important;
    border-bottom-color:#374558 !important
}
body.dark-only span.tui-full-calendar-dayname-date-area{
    color:#fff !important
}
body.dark-only .tui-full-calendar-layout{
    background-color:#262932 !important
}
body.dark-only .chat-default .card-body.chat-box .right-side-chat .media-body .message-main span{
    background-color:var(--theme-deafult);
    color:rgba(255,255,255,0.6)
}
body.dark-only .chat-default .card-body.chat-box .right-side-chat .media-body .message-main span.loader-span .dot{
    background:rgba(255,255,255,0.6)
}
body.dark-only .blockquote{
    border-left:4px solid #374558
}
body.dark-only .figure.text-end blockquote{
    border-right-color:#374558
}
body.dark-only .contacts-tabs .nav-pills{
    border-right:1px solid #374558
}
body.dark-only .contacts-tabs .nav-pills .nav-link+.nav-link{
    border-top:1px solid #374558
}
body.dark-only .list-persons .profile-mail .media .media-body ul li+li{
    border-left:2px solid #374558
}
body.dark-only .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter{
    background-color:#262932
}
body.dark-only .apexcharts-gridline{
    stroke:#1d1e26
}
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:#000
}
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:#1d1e26
}
body.dark-only .earning-card.card .card-body .left_side_earning p{
    color:rgba(255,255,255,0.6)
}
body.dark-only .earning-card.card .card-body .earning-content{
    border-right:1px solid #374558
}
body.dark-only .earning-card.card .card-body .inner-top-left ul li,body.dark-only .earning-card.card .card-body .inner-top-right ul li{
    color:rgba(255,255,255,0.6)
}
body.dark-only .earning-card.card .card-body .inner-top-left ul li.active,body.dark-only .earning-card.card .card-body .inner-top-right ul li.active{
    color:var(--theme-deafult)
}
body.dark-only .earning-card.card .card-body .media .media-body p{
    color:rgba(255,255,255,0.6)
}
body.dark-only .earning-card.card .card-body .border-top{
    border-top:1px solid #374558 !important
}
body.dark-only .chart_data_left .card-body .chart-main .media,body.dark-only .chart_data_right .card-body .chart-main .media{
    border-right:1px solid #374558
}
body.dark-only .chart_data_left .card-body .chart-main .media.border-none,body.dark-only .chart_data_right .card-body .chart-main .media.border-none{
    border-right:none
}
body.dark-only .chart_data_left .card-body .media .right-chart-content span,body.dark-only .chart_data_right .card-body .media .right-chart-content span{
    color:rgba(255,255,255,0.6) !important
}
body.dark-only .chart_data_right .card-body .knob-block input{
    color:rgba(255,255,255,0.6) !important
}
body.dark-only .third-news-update .news-update,body.dark-only .news .news-update,body.dark-only .appointment-sec .news-update{
    border-bottom:1px solid #374558
}
body.dark-only .third-news-update .news-update span,body.dark-only .news .news-update span,body.dark-only .appointment-sec .news-update span{
    color:rgba(255,255,255,0.6)
}
body.dark-only .third-news-update .news-update h6,body.dark-only .news .news-update h6,body.dark-only .appointment-sec .news-update h6{
    margin-bottom:2px;
    line-height:24px
}
body.dark-only .third-news-update .appointment .radar-chart .apexcharts-datalabel,body.dark-only .news .appointment .radar-chart .apexcharts-datalabel,body.dark-only .appointment-sec .appointment .radar-chart .apexcharts-datalabel{
    fill:rgba(255,255,255,0.6)
}
body.dark-only .chat-default .card-body.chat-box .input-group .form-control{
    background-color:#262932 !important;
    border:none !important;
    border-left:1px solid var(--theme-deafult) !important
}
body.dark-only .chat-default .card-body.chat-box .input-group .form-control::-webkit-input-placeholder{
    color:rgba(255,255,255,0.6)
}
body.dark-only .chat-default .card-body.chat-box .input-group .form-control::-moz-placeholder{
    color:rgba(255,255,255,0.6)
}
body.dark-only .chat-default .card-body.chat-box .input-group .form-control:-ms-input-placeholder{
    color:rgba(255,255,255,0.6)
}
body.dark-only .chat-default .card-body.chat-box .input-group .form-control::-ms-input-placeholder{
    color:rgba(255,255,255,0.6)
}
body.dark-only .chat-default .card-body.chat-box .input-group .form-control::placeholder{
    color:rgba(255,255,255,0.6)
}
body.dark-only .appointment-table table tr td.img-content-box .font-roboto{
    color:rgba(255,255,255,0.6)
}
body.dark-only .notification .card .media .media-body p span{
    color:rgba(255,255,255,0.6)
}
body.dark-only .notification .card .media .media-body span{
    color:rgba(255,255,255,0.6)
}
body.dark-only .datepicker{
    background-color:#323846
}
body.dark-only .datepicker .datepicker--cell.-current-{
    color:#7366ff
}
body.dark-only .cal-date-widget .datepicker{
    background-color:#323846
}
body.dark-only .cal-date-widget .datepicker .datepicker--cell-day{
    color:#fff
}
body.dark-only .cal-date-widget .datepicker .datepicker--cell.-current-{
    color:#7366ff
}
body.dark-only .default-datepicker .datepicker-inline .datepicker{
    background:#262932
}
body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title{
    color:rgba(255,255,255,0.6)
}
body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i{
    color:rgba(255,255,255,0.6)
}
body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name,body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day,body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name,body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day{
    color:rgba(255,255,255,0.6)
}
body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name.-selected-,body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day.-selected-,body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name.-selected-,body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-selected-{
    color:#fff
}
body.dark-only .dash-chart .media .media-body p{
    color:rgba(255,255,255,0.6)
}
body.dark-only .dash-chart .media .media-body p .font-roboto{
    color:rgba(255,255,255,0.6)
}
body.dark-only .our-product table tr td p{
    color:rgba(255,255,255,0.6)
}
/* body.dark-only .activity-timeline .media .activity-line{
    background-color:rgba(255,255,255,0.2)
}
body.dark-only .activity-timeline .media .media-body p{
    color:rgba(255,255,255,0.6)
} */
body.dark-only .total-users .goal-status ul:last-child li{
    border-top-color:#374558
}
body.dark-only .best-seller-table table tbody tr td .label{
    color:rgba(255,255,255,0.6)
}
body.dark-only .best-seller-table table tbody tr td p{
    color:rgba(255,255,255,0.2)
}
body.dark-only .best-seller-table table tbody tr:hover td{
    color:var(--theme-deafult) !important
}
body.dark-only .best-seller-table table tbody tr:hover td span{
    color:rgba(255,255,255,0.6) !important
}
body.dark-only .best-seller-table table tbody tr:hover td .label,body.dark-only .best-seller-table table tbody tr:hover td p{
    color:var(--theme-deafult) !important
}
body.dark-only [class*='activity-dot-']{
    background-color:#262932
}
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 #374558 !important
}
body.dark-only .alert-primary{
    background-color:rgba(115,102,255,0.8) !important;
    border-color:rgba(115,102,255,0.9) !important;
    color:#fff
}
body.dark-only .alert-primary .progress{
    height:5px;
    background-color:#6e61ff;
    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(247,49,100,0.8) !important;
    border-color:rgba(247,49,100,0.9) !important;
    color:#fff
}
body.dark-only .alert-secondary .progress{
    height:5px;
    background-color:#f72c60;
    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(81,187,37,0.8) !important;
    border-color:rgba(81,187,37,0.9) !important;
    color:#fff
}
body.dark-only .alert-success .progress{
    height:5px;
    background-color:#4fb724;
    border-radius:0
}
body.dark-only .alert-success .progress-bar{
    background-color:#ebfae5
}
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(220,53,69,0.8) !important;
    border-color:rgba(220,53,69,0.9) !important;
    color:#fff
}
body.dark-only .alert-danger .progress{
    height:5px;
    background-color:#db3141;
    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(248,214,43,0.8) !important;
    border-color:rgba(248,214,43,0.9) !important;
    color:#fff
}
body.dark-only .alert-warning .progress{
    height:5px;
    background-color:#f8d526;
    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(169,39,249,0.8) !important;
    border-color:rgba(169,39,249,0.9) !important;
    color:#fff
}
body.dark-only .alert-info .progress{
    height:5px;
    background-color:#a722f9;
    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 #374558
}
body.dark-only .was-validated .custom-control-input:invalid ~ .custom-control-label::before{
    background-color:#1d1e26
}
body.dark-only .pricing-simple{
    -webkit-box-shadow:1px 1px 2px 1px #1d1e26 !important;
    box-shadow:1px 1px 2px 1px #1d1e26 !important
}
body.dark-only .pricing-block{
    -webkit-box-shadow:0 0 10px 5px rgba(115,102,255,0.05) !important;
    box-shadow:0 0 10px 5px rgba(115,102,255,0.05) !important
}
body.dark-only .search-page ul.search-info li+li{
    border-left:1px solid #1d1e26
}
body.dark-only .browse .browse-articles h6{
    border-bottom:1px solid #1d1e26
}
body.dark-only .job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here{
    border:1px solid #1d1e26
}
body.dark-only .calendar-wrap .fc-unthemed td,body.dark-only .calendar-wrap .fc-unthemed th{
    border-color:#1d1e26
}
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(55,69,88,0.5) !important;
    box-shadow:1px 1px 7px 0 rgba(55,69,88,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 #374558 !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 #374558 !important
}
body.dark-only .setting-dot .setting-bg{
    background-color:var(--theme-secondary)
}
body.dark-only .bookmark.pull-right{
    border:none
}
body.dark-only .popover{
    background-color:#1d1e26
}
body.dark-only .popover.bs-popover-bottom .popover-arrow:after{
    border-bottom-color:#1d1e26;
    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:#1d1e26
}
body.dark-only .popover.bs-popover-start .popover-arrow:after{
    border-left-color:#1d1e26
}
body.dark-only .popover .popover-header{
    background-color:#262932
}
body.dark-only .popover .popover-arrow:after{
    border-right-color:#1d1e26
}
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.6) !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.6) !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:#1d1e26
}
body.dark-only .ecommerce-widget{
    border:1px solid #1d1e26
}
body.dark-only .bookmark ul li .search-form .form-control-search input{
    background-color:#1d1e26;
    border:1px solid #1d1e26;
    color:rgba(255,255,255,0.6)
}
body.dark-only .bookmark ul li .search-form .form-control-search:before{
    background:#1d1e26
}
body.dark-only .cart .qty-box .input-group .btn{
    background-color:#2e3648 !important;
    border-color:#374558 !important
}
body.dark-only .checkout .checkout-details{
    background-color:#1d1e26;
    border:1px solid #1d1e26;
    padding:40px
}
body.dark-only .checkout .checkout-details .animate-chk .radio_animated:after{
    border:2px solid #262932
}
body.dark-only .order-box .title-box{
    color:#bfc2c6;
    border-bottom:1px solid #1d1e26
}
body.dark-only .order-box .qty{
    border-bottom:1px solid #1d1e26
}
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 .total li{
    color:#bfc2c6
}
body.dark-only .shopping-checkout-option .checkbox_animated:after{
    border:2px solid #262932
}
body.dark-only .animate-chk .radio_animated:after{
    border:2px solid #1d1e26
}
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:#1d1e26;
    border:2px solid #1d1e26
}
body.dark-only .slider-product{
    border-top:1px solid #1d1e26;
    border-bottom:1px solid #1d1e26
}
body.dark-only .square-product-setting .icon-grid{
    background-color:#262932
}
body.dark-only .square-product-setting .icon-grid svg{
    color:rgba(255,255,255,0.6)
}
body.dark-only .active-order-table table thead tr th,body.dark-only .market-table table thead tr th{
    border-top:none !important
}
body.dark-only .active-order-table table tbody tr td,body.dark-only .market-table table tbody tr td{
    border-bottom:1px solid #1d1e26
}
body.dark-only .active-order-table table tbody tr:last-child td,body.dark-only .market-table table tbody tr:last-child td{
    border-bottom:none
}
body.dark-only .pricing-card-design-2 .pricing-block .pricing-inner ul li{
    border-bottom:1px solid #1d1e26
}
body.dark-only .flot-chart-container .legend .table tbody{
    background-color:#262932;
    color:#fff
}
body.dark-only .flot-chart-container .legend .table tbody .legendLabel{
    padding-left:5px
}
body.dark-only .google-visualization-tooltip text{
    fill:rgba(0,0,0,0.7) !important
}
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:#1d1e26
}
body.dark-only .loader-wrapper .loader{
    background-color:#1d1e26 !important
}
body.dark-only .page-wrapper .page-header .translate_wrapper.active .more_lang{
    background-color:#1d1e26
}
body.dark-only .page-wrapper .page-header .translate_wrapper.active .lang{
    background-color:#262932
}
body.dark-only .page-wrapper .page-header form{
    background-color:#1d1e26
}
body.dark-only .page-wrapper .page-header .header-wrapper{
    background-color:#262932
}
body.dark-only .page-wrapper .page-header .header-wrapper li i{
    color:#f4f4f4
}
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 .media-body p{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .media .media-body .txt-dark{
    color:rgba(255,255,255,0.6) !important
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div{
    background-color:#1d1e26;
    -webkit-box-shadow:0 0 14px #1d1e26;
    box-shadow:0 0 14px #1d1e26
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div li{
    border-color:#262932
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div p{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:before{
    border-bottom:7px solid #1d1e26
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:after{
    border-bottom:7px solid #1d1e26
}
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.6) !important
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a{
    color:rgba(255,255,255,0.6)
}
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.6) !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 .media .media-body .txt-dark{
    color:rgba(255,255,255,0.6) !important
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right>ul>li .onhover-show-div{
    background-color:#1d1e26;
    -webkit-box-shadow:0 0 2px 2px #262932;
    box-shadow:0 0 2px 2px #262932
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right>ul>li .onhover-show-div:before{
    border-bottom:7px solid #1d1e26
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right>ul>li .onhover-show-div:after{
    border-bottom:7px solid #1d1e26
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right>ul>li .notification-dropdown.onhover-show-div li{
    border-color:#262932
}
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:#262932
}
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.6)
}
body.dark-only .page-wrapper .page-header .header-wrapper .left-header ul li .search-form input::-moz-placeholder{
    color:rgba(255,255,255,0.6)
}
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.6)
}
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.6)
}
body.dark-only .page-wrapper .page-header .header-wrapper .left-header ul li .search-form input::placeholder{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .page-header .header-logo-wrapper{
    background-color:#262932
}
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 .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 .media-body 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 .media-body 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 .media .media-body p,body.dark-only .page-wrapper .page-body-wrapper .page-body .recent-notification .media .media-body p{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .media .media-body 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 #374558
}
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 .media .media-body .circle-left{
    border:5px solid #334154
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner{
    border-bottom:1px solid #1d1e26
}
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 .media .media-body h6{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.gradient-line-1:after,body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.small-line:after,body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.medium-line:after{
    background-color:#1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .media-body 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 .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.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg{
    color:rgba(255,255,255,0.6)
}
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:#1d1e26
}
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:#262932;
    -webkit-box-shadow:1px 1px 2px 1px rgba(29,28,28,0.08);
    box-shadow:1px 1px 2px 1px rgba(29,28,28,0.08);
    border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg>rect{
    fill:#262932
}
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.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg>g>rect{
    fill:#262932
}
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.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header{
    background-color:rgba(0,0,0,0);
    border-bottom:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header>span{
    color:rgba(255,255,255,0.6)
}
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.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right{
    background-color:#262932
}
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.6)
}
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.6)
}
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:#262932;
    border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .line{
    color:rgba(255,255,255,0.6)
}
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:#374558
}
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.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead th{
    border-bottom:1px solid #374558
}
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:#262932
}
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:#374558;
    border-right-color:#374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered{
    border-color:#374558 !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:#374558 !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.6)
}
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 #1d1e26
}
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:#262932;
    border-top:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch .switch-state{
    background-color:#1d1e26
}
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 #1d1e26 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-grid{
    stroke:#1d1e26
}
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 #1d1e26
}
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:#262932;
    border:1px solid #1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .contact-form .theme-form{
    border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .contact-form .theme-form .form-icon{
    background-color:#262932;
    border:1px solid #374558;
    color:rgba(255,255,255,0.6)
}
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 #374558
}
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 #1d1e26 !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.6) !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.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#gantt_chart svg g rect:first-child{
    fill:#1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#gantt_chart rect:nth-child(6){
    fill:#1d1e26
}
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:#262932
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg>rect{
    fill:#262932
}
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.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .radial-bar:after{
    background-color:#262932;
    color:rgba(255,255,255,0.6)
}
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.6)
}
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.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light{
    border-right:1px solid #374558 !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.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 span{
    color:rgba(255,255,255,0.6)
}
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:#1d1e26;
    color:#98a6ad;
    border:1px solid #1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .img-thumbnail{
    background-color:#1d1e26;
    border:1px solid #374558
}
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 #1d1e26
}
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:#1d1e26;
    color:rgba(255,255,255,0.6);
    border:1px solid #1d1e26
}
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.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate{
    border:1px solid #1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter input[type="search"]{
    background-color:#1d1e26;
    border:1px solid #1d1e26;
    color:rgba(255,255,255,0.6)
}
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:#262932
}
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,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd{
    background-color:#1f232b
}
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 #1d1e26
}
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 #1d1e26
}
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:#1d1e26;
    color:rgba(255,255,255,0.6);
    border:1px solid #1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody tr{
    background-color:#262932
}
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.6) !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 #1d1e26
}
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.hover tbody tr:hover,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover{
    background-color:#1c212b
}
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 #1d1e26;
    border-right:1px solid #1d1e26
}
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 #1d1e26
}
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:#1d1e26
}
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 #1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link{
    border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.disabled .page-link{
    background-color:#262932;
    border-color:#1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link{
    color:rgba(255,255,255,0.6);
    background-color:#262932
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item:hover .page-link{
    background-color:#1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.active .page-link{
    background-color:#1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .icon{
    color:#1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num{
    color:rgba(255,255,255,0.6)
}
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.6)
}
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:#262932;
    border-top:1px solid #1d1e26
}
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 #1d1e26
}
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.6)
}
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:#1d1e26
}
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 #1d1e26;
    background-color:#262932;
    color:rgba(255,255,255,0.6)
}
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 #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form input{
    border:1px solid #1d1e26;
    color:rgba(255,255,255,0.6);
    background-color:#1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form .form-group:before{
    background:#262932
}
/* body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-content{
    background-color:#1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-content::before{
    border-left:7px solid #1d1e26
}
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:#1d1e26;
    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:#262932 !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 .form-builder-header-1,body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder-2-header{
    background-color:#1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .nav-primary .show>.nav-link{
    color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .nav-primary .nav-link{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .nav-primary .nav-link.active{
    color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .nav-primary .nav-pills.nav-primary .show>.nav-link{
    color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .nav-primary .nav-pills.nav-primary .nav-link{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .nav-primary .nav-pills.nav-primary .nav-link.active{
    color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .drag-box fieldset{
    border:1px solid #1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .help-block{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body #viewhtml .render{
    background-color:#262932;
    color:rgba(255,255,255,0.6);
    border-color:#1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder-column .drag-bx{
    border:1px dotted #1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .wizard-4 ul.anchor li a.disabled{
    color:#1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description h4{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description a>div{
    border:1px solid #1d1e26
}
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:#262932;
    border:1px solid #1d1e26
}
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:#262932;
    border:1px solid #1d1e26
}
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:#1d1e26;
    border-color:#1d1e26;
    color:rgba(255,255,255,0.6)
}
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:#1d1e26;
    border-color:#1d1e26;
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-row>.jsgrid-cell{
    background-color:#262932
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-alt-row>.jsgrid-cell{
    background-color:#1d1e26
}
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 #1d1e26
}
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 #1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager .jsgrid-pager-page a{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-pager-current-page{
    color:rgba(255,255,255,0.6);
    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.6)
}
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 #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according li .text-muted{
    color:rgba(255,255,255,0.6) !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.6)
}
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:#1d1e26;
    -webkit-box-shadow:0 0 14px 0 #1d1e26;
    box-shadow:0 0 14px 0 #1d1e26
}
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.6) !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 #1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .btn-link{
    color:rgba(255,255,255,0.6)
}
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 #374558;
    border-top:none
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border{
    border:1px solid #374558 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-date{
    color:rgba(255,255,255,0.6)
}
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-right:1px solid #1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details .blog-social li:first-child,body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-main .blog-social li:first-child{
    border-right:1px solid #1d1e26
}
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.6)
}
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 #1d1e26
}
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 .comment-box .media h6 span{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .comment-box .media img{
    border:1px solid #1d1e26
}
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 .comment-social li:first-child{
    border-right:1px solid #1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .comment-box hr{
    border-top:1px solid #1d1e26
}
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 ul.the-icons li{
    border:1px dotted #374558;
    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 #262932;
    box-shadow:0 0 3px #262932
}
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 .button-builder-wrap .box{
    background-color:#262932;
    border:1px solid #1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .button-builder-wrap .button-preview h2{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .button-builder-wrap pre.well{
    background-color:#262932 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .crm-activity>li+li{
    border-top:1px solid #1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .crm-activity>li h6{
    color:rgba(255,255,255,0.6)
}
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.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .custom-card .card-profile img{
    background-color:#262932
}
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-social li a{
    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:#1d1e26;
    color:rgba(255,255,255,0.6);
    border:1px solid #1d1e26
}
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:#1d1e26;
    border:1px solid #1d1e26;
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-basic .dropdown .dropdown-content{
    background-color:#1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-basic .dropdown .dropdown-content a{
    color:rgba(255,255,255,0.6);
    background-color:rgba(0,0,0,0);
    border-color:#262932
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-basic .dropdown .dropdown-content a:hover{
    background-color:#262932
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-basic .dropdown .dropdown-content .dropdown-header{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-basic .dropdown .dropdown-content .dropdown-divider{
    border:1px solid #1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropup-basic .dropup .dropup-content{
    background-color:#1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropup-basic .dropup .dropup-content a{
    color:rgba(255,255,255,0.6)
}
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:#262932
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropzone.dz-clickable .dz-message h6{
    color:rgba(255,255,255,0.6)
}
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:#1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropzone .dz-preview .dz-details{
    background-color:#262932
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .browser-widget .media-body{
    -webkit-column-rule:1px solid #374558;
    -moz-column-rule:1px solid #374558;
    column-rule:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .browser-widget .media-body h4{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .browser-widget .media-body h4 span{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .browser-widget .media-body span{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-app-sidebar .media img{
    border:2px solid #1d1e26
}
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.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-app-sidebar .main-menu>li a:hover{
    background-color:#1d1e26
}
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.6)
}
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 .media.active{
    background-color:#1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .media-body h6{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .media-body h6 small{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .media-body h6 small span{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .media-body p{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-top{
    border-bottom:1px solid #1d1e26
}
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 #1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-menu{
    background-color:#1d1e26;
    border:1px solid #262932
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-menu a{
    color:rgba(255,255,255,0.6);
    background:rgba(0,0,0,0);
    border-top-color:#262932
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-menu a:hover{
    background-color:#262932
}
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:#1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .widget-joins .media .media-body>span{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .widget-joins .media .details{
    border-left:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .widget-joins:before,body.dark-only .page-wrapper .page-body-wrapper .page-body .widget-joins:after{
    background-color:#374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .redial-social-widget i{
    background-color:#262932
}
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.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .social-widget-card span{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-light{
    border-bottom:1px solid #374558 !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:#1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .testimonial p{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .testimonial h5{
    color:rgba(255,255,255,0.6)
}
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{
    background-color:#262932;
    border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .grid-align .row{
    background-color:#1d1e26;
    border:1px solid #1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .ge-html-output{
    background-color:#1d1e26;
    color:#98a6ad;
    border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .btn-grid{
    background-color:#262932;
    color:#98a6ad !important;
    border-right:1px solid #1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .ge-mainControls .ge-addRowGroup .ge-row-icon .column{
    border-left:3px solid #262932
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .btn-code,body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .btn-screen{
    color:#98a6ad;
    border-right:1px solid #1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .ge-canvas.ge-editing .row{
    background-color:#1d1e26
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .ge-canvas.ge-editing .column{
    border:1px solid #1d1e26;
    background-color:#262932
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .ge-canvas.ge-editing .ge-tools-drawer .ge-details input{
    background-color:#1d1e26;
    border-color:#1d1e26;
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .ge-canvas.ge-editing .ge-tools-drawer .ge-details .btn-group a{
    color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .ge-content-type-ckeditor{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .search-page .info-block{
    border:1px solid #1d1e26
}
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 .page-body .timeline-small .media .timeline-round.timeline-line-1:after,body.dark-only .page-wrapper .page-body-wrapper .page-body .timeline-small .media .timeline-round.small-line:after,body.dark-only .page-wrapper .page-body-wrapper .page-body .timeline-small .media .timeline-round.medium-line:after{
    background-color:#374558
} */
body.dark-only .page-wrapper .page-body-wrapper .footer{
    border-top:1px solid #1d1e26;
    background-color:#262932
}
body.dark-only .page-wrapper .page-body-wrapper .footer p{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .page-body-wrapper .custom-select,body.dark-only .page-wrapper .page-body-wrapper .custom-file-label{
    background:#1d1e26;
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .page-body-wrapper .footer-fix{
    background-color:#262932;
    border-top:1px solid #1d1e26
}
body.dark-only .page-wrapper .note textarea{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .dt-button-info{
    background-color:#262932;
    border:1px solid #98a6ad
}
body.dark-only .page-wrapper .dt-button-info h2{
    background-color:#262932
}
body.dark-only .page-wrapper .chat-box .about .name{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .chat-box .chat-menu{
    border-left:1px solid #1d1e26
}
body.dark-only .page-wrapper .chat-box .chat-menu .nav-tabs{
    border-bottom:1px solid #1d1e26
}
body.dark-only .page-wrapper .chat-box .chat-menu .nav-tabs .nav-item .nav-link.active{
    color:rgba(255,255,255,0.6) !important
}
body.dark-only .page-wrapper .chat-box .chat-menu .user-profile .image .icon-wrapper{
    background-color:#262932;
    -webkit-box-shadow:1px 1px 3px 1px #1d1e26;
    box-shadow:1px 1px 3px 1px #1d1e26
}
body.dark-only .page-wrapper .chat-box .chat-menu .user-profile .image .avatar img{
    border:5px solid #1d1e26
}
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.6)
}
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.6) !important
}
body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-header{
    border-bottom:1px solid #1d1e26
}
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 #1d1e26;
    box-shadow:1px 1px 4px 1px #1d1e26
}
body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-msg-box .my-message{
    border:1px solid #1d1e26
}
body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-msg-box .message{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-msg-box .other-message{
    background-color:#1d1e26
}
body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-message{
    background-color:#262932;
    border-top:1px solid #1d1e26
}
body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-message .input-group .form-control{
    background-color:#262932
}
body.dark-only .page-wrapper .chat-box .chat-history .call-icons ul li{
    border:1px solid #1d1e26
}
body.dark-only .page-wrapper .chat-box .chat-history .call-icons ul li a{
    color:#98a6ad
}
body.dark-only .page-wrapper pre{
    background-color:#1d1e26;
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .scorlled{
    background-color:#1d1e26
}
body.dark-only .page-wrapper .input-group-air{
    -webkit-box-shadow:0 3px 20px 0 #1d1e26;
    box-shadow:0 3px 20px 0 #1d1e26
}
body.dark-only .page-wrapper .input-group-text{
    background-color:#262932;
    border:1px solid #1d1e26;
    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{
    background:#1d1e26;
    border:1px solid #1d1e26;
    color:rgba(255,255,255,0.6)
}
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:#262932;
    border:1px solid rgba(255,255,255,0.3);
    color:rgba(255,255,255,0.6)
}
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:#1d1e26
}
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:#262932
}
body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group input{
    color:rgba(255,255,255,0.6);
    background-color:#1d1e26;
    border:1px solid #1d1e26
}
body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group label{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label::before{
    background-color:#1d1e26;
    border:1px solid #1d1e26
}
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:#262932
}
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:#1d1e26;
    border:1px solid #1d1e26;
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .checkbox label::before{
    background-color:#1d1e26;
    border:1px solid #1d1e26
}
body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i{
    color:#1d1e26
}
body.dark-only .page-wrapper .error-wrapper .maintenance-icons li:nth-child(3) i{
    color:#1d1e26
}
body.dark-only .page-wrapper .modal-content{
    background-color:#262932
}
body.dark-only .page-wrapper .modal-content .modal-header{
    border-bottom:1px solid #1d1e26
}
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 #1d1e26
}
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.6)
}
body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown{
    border-top:1px solid #1d1e26;
    border-bottom:1px solid #1d1e26
}
body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown .title{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .comingsoon .comingsoon-inner .coming-soon-bottom-link a{
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .theme-form .login-divider{
    border-top:1px solid #1d1e26
}
body.dark-only .page-wrapper .theme-form .login-divider:before{
    background:#1d1e26;
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .authentication-main{
    background-color:#1d1e26
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .card{
    background-color:#262932
}
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:#1d1e26;
    color:rgba(255,255,255,0.6);
    border-color:#1d1e26
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .opt-box{
    background-color:#1d1e26
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h4{
    color:rgba(255,255,255,0.6)
}
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.6)
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card{
    background-color:#262932
}
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:#1d1e26;
    border:1px solid #1d1e26;
    color:rgba(255,255,255,0.6)
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .checkbox label::before{
    background-color:#1d1e26;
    border:1px solid #1d1e26
}
body.dark-only .page-wrapper .vertical-menu-main{
    background-color:#262932
}
body.dark-only .page-wrapper .mega-menu .title{
    color:rgba(255,255,255,0.6);
    border-bottom:1px solid #1d1e26
}
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:#262932
}
body.dark-only .page-wrapper .default-according .card .btn-link{
    background-color:#262932;
    border:1px solid #374558;
    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 .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:#262932
}
@media screen and (max-width: 1660px){
    body.dark-only .page-wrapper .chat-box .chat-history .call-icons ul li{
        border:1px solid #1d1e26
    }
    body.dark-only .page-wrapper .chat-box .chat-history .total-time h2{
        color:rgba(255,255,255,0.6)
    }
    body.dark-only .page-wrapper .caller-img img{
        opacity:0.7
    }
    body.dark-only .page-wrapper .chat-box .chat-history .call-content>div{
        background-color:rgba(0,0,0,0.75);
        background-blend-mode:overlay
    }
}
@media only screen and (max-width: 1199.98px){
    body.dark-only .page-wrapper .left-header .mega-menu-container{
        border-left:1px solid #374558
    }
    body.dark-only .page-wrapper .left-header .mega-menu-container .mega-box+.mega-box{
        border-left:none
    }
}
@media only screen and (max-width: 1199px){
    body.dark-only .page-wrapper .mobile-title.d-none{
        border-bottom:1px solid #374558
    }
    body.dark-only .page-wrapper .chat-menu{
        border-top:1px solid #1d1e26;
        background-color:#262932
    }
    body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i{
        color:#2c323f
    }
}
@media only screen and (max-width: 575.98px){
    body.dark-only .page-wrapper .user-profile .hovercard .info .user-designation{
        border-top:1px solid #1d1e26;
        border-bottom:1px solid #1d1e26
    }
    body.dark-only .page-wrapper .widget-joins .border-after-xs:after{
        background-color:#1d1e26
    }
    body.dark-only .page-wrapper .page-header .header-wrapper .left-header ul li .search-form .form-control-plaintext{
        background-color:#1d1e26
    }
    body.dark-only .page-wrapper .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar,body.dark-only .page-wrapper .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar{
        border-right:1px solid #374558
    }
}
body.dark-only .lg-backdrop{
    background-color:#1d1e26
}
body.dark-only .lg-outer .lg-thumb-outer{
    background-color:#262932
}
body.dark-only .drag{
    background-color:#262932
}
body.dark-only .drag form{
    background:#262932;
    -webkit-box-shadow:0 0 30px #1d1e26;
    box-shadow:0 0 30px #1d1e26;
    border:1px dotted #1d1e26
}
body.dark-only .drag form input{
    background-color:#1d1e26;
    border:1px solid #1d1e26;
    color:rgba(255,255,255,0.6)
}
body.dark-only .drag form .help-block{
    text-transform:capitalize;
    color:#98a6ad
}
body.dark-only .draggable input{
    background-color:#1d1e26;
    color:rgba(255,255,255,0.6);
    border:1px solid #1d1e26
}
body.dark-only .draggable p{
    color:#98a6ad
}
body.dark-only .draggable select{
    background-color:#1d1e26;
    color:rgba(255,255,255,0.6);
    border:1px solid #1d1e26
}
body.dark-only .draggable .radio label::before,body.dark-only .draggable .checkbox label::before{
    background-color:#1d1e26;
    border:1px solid #1d1e26
}
body.dark-only .select2-container--default .select2-selection--multiple,body.dark-only .select2-container--default .select2-selection--single{
    background-color:#1d1e26;
    border:1px solid #1d1e26 !important
}
body.dark-only .select2-container--default .select2-search--inline .select2-search__field{
    color:rgba(255,255,255,0.6)
}
body.dark-only .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:rgba(255,255,255,0.6)
}
body.dark-only .select2-container--default .select2-search--dropdown .select2-search__field{
    background-color:#1d1e26;
    border:1px solid #1d1e26;
    color:rgba(255,255,255,0.6)
}
body.dark-only .select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:#262932 !important;
    color:rgba(255,255,255,0.6) !important
}
body.dark-only .select2-dropdown{
    background-color:#1d1e26;
    border:1px solid #1d1e26
}
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:#51bb25 !important;
    color:#51bb25 !important
}
body.dark-only .select2-drpdwn .form-control-info{
    border-color:#a927f9 !important;
    color:#a927f9 !important
}
body.dark-only .select2-drpdwn .form-control-warning{
    border-color:#f8d62b !important;
    color:#f8d62b !important
}
body.dark-only .select2-drpdwn .form-control-danger{
    border-color:#dc3545 !important;
    color:#dc3545 !important
}
body.dark-only .select2-drpdwn .form-control-inverse{
    border-color:#fff !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:#51bb25 !important;
    color:#fff !important
}
body.dark-only .select2-drpdwn .form-control-info-fill{
    background-color:#a927f9 !important;
    color:#fff !important
}
body.dark-only .select2-drpdwn .form-control-warning-fill{
    background-color:#f8d62b !important;
    color:#fff !important
}
body.dark-only .select2-drpdwn .form-control-danger-fill{
    background-color:#dc3545 !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:#1d1e26
}
body.dark-only .theme-form .form-group select.form-control:not([size]):not([multiple]){
    background-color:#1d1e26;
    color:rgba(255,255,255,0.6);
    border-color:#1d1e26
}
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:#1d1e26;
    background-color:#1d1e26;
    color:rgba(255,255,255,0.6)
}
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:#1d1e26;
    color:rgba(255,255,255,0.6)
}
body.dark-only .theme-form .form-group textarea{
    border-color:#1d1e26
}
body.dark-only .theme-form .form-divider{
    border-top:1px solid #1d1e26
}
body.dark-only .theme-form .form-divider::before{
    background:#262932;
    color:rgba(255,255,255,0.6)
}
body.dark-only .CodeMirror{
    background:#262932;
    border:1px solid #98a6ad;
    color:rgba(255,255,255,0.6)
}
body.dark-only .CodeMirror .CodeMirror-code pre{
    background:#262932
}
body.dark-only .editor-toolbar{
    border-top:1px solid #98a6ad;
    border-left:1px solid #98a6ad;
    border-right:1px solid #98a6ad
}
body.dark-only .editor-toolbar a{
    color:rgba(255,255,255,0.6) !important
}
body.dark-only .editor-toolbar a:hover,body.dark-only .editor-toolbar a.active{
    background:#1d1e26
}
body.dark-only .editor-toolbar i.separator{
    border-left:1px solid #98a6ad;
    border-right:1px solid #98a6ad
}
body.dark-only .editor-toolbar.fullscreen::before{
    background:-webkit-gradient(linear, left top, right top, color-stop(0, #1d1e26), to(rgba(0,0,0,0)));
    background:linear-gradient(to right, #1d1e26 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(#1d1e26));
    background:linear-gradient(to right, rgba(0,0,0,0) 0, #1d1e26 100%)
}
body.dark-only .editor-toolbar.disabled-for-preview a:not(.no-disable){
    background:#1d1e26
}
body.dark-only .editor-preview{
    background-color:#262932
}
body.dark-only .editor-toolbar.fullscreen,body.dark-only .editor-preview-side{
    background:#262932;
    border:1px solid #98a6ad
}
body.dark-only .u-step{
    background:#1d1e26
}
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.6)
}
body.dark-only .u-step-number{
    background-color:#262932
}
body.dark-only .u-pearl:before{
    background-color:#1d1e26
}
body.dark-only .u-pearl-number,body.dark-only .u-pearl-icon{
    background:#1d1e26;
    border:2px solid #1d1e26
}
body.dark-only .u-pearl.disabled .u-pearl-icon,body.dark-only .u-pearl.disabled .u-pearl-number{
    background:#1d1e26;
    border:2px solid #1d1e26
}
body.dark-only .u-pearl.disabled:after{
    background-color:#334053
}
body.dark-only .u-pearl.error:after{
    background-color:#1d1e26
}
body.dark-only .note-editor.note-frame{
    border-color:#1d1e26
}
body.dark-only .note-editor.note-frame .note-editing-area .note-editable{
    background-color:#262932;
    color:rgba(255,255,255,0.6)
}
body.dark-only .swal-modal{
    background-color:#262932
}
body.dark-only .swal-modal .swal-title{
    color:rgba(255,255,255,0.6)
}
body.dark-only .swal-modal .swal-text{
    color:#98a6ad
}
body.dark-only .swal-modal .swal-content__input{
    background-color:#1d1e26;
    color:rgba(255,255,255,0.6)
}
body.dark-only .nav-tabs{
    border-bottom:1px solid #374558
}
body.dark-only .nav-tabs .nav-link{
    color:rgba(255,255,255,0.6)
}
body.dark-only .nav-tabs .nav-link.active{
    background-color:#262932;
    color:rgba(255,255,255,0.6);
    border-color:#374558 #374558 #262932
}
body.dark-only .nav-tabs .nav-link:hover,body.dark-only .nav-tabs .nav-link:focus{
    border-color:#374558 #374558 #323846
}
body.dark-only .nav-tabs .nav-item.show .nav-link{
    background-color:#262932;
    color:rgba(255,255,255,0.6);
    border-color:#1d1e26 #1d1e26 #262932
}
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:#262932 #1d1e26 #1d1e26
}
body.dark-only .border-tab.nav-left .nav-link,body.dark-only .border-tab.nav-right .nav-link{
    color:rgba(255,255,255,0.6)
}
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:#51bb25 !important
}
body.dark-only .border-tab.nav-left.nav-success .show>.nav-link{
    border-left-color:#51bb25;
    color:#51bb25 !important
}
body.dark-only .border-tab.nav-left.nav-success .nav-item.show{
    color:#51bb25 !important;
    border-left-color:#51bb25
}
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:#a927f9 !important
}
body.dark-only .border-tab.nav-right.nav-info .show>.nav-link{
    border-left-color:#a927f9;
    color:#a927f9 !important
}
body.dark-only .border-tab.nav-right.nav-info .nav-item.show{
    color:#a927f9 !important;
    border-left-color:#a927f9
}
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:#51bb25 !important
}
body.dark-only .border-tab.nav-success .nav-item.show{
    color:#51bb25 !important
}
body.dark-only .dropdown-divider{
    border-top:1px solid #1d1e26
}
body.dark-only .icon-hover-bottom{
    background-color:#262932;
    -webkit-box-shadow:0px 0px 1px 1px #1d1e26;
    box-shadow:0px 0px 1px 1px #1d1e26
}
body.dark-only .icon-hover-bottom .icon-title{
    color:rgba(255,255,255,0.6)
}
body.dark-only .icon-hover-bottom span{
    color:#98a6ad
}
body.dark-only .icon-hover-bottom .form-group input{
    background-color:#1d1e26;
    color:rgba(255,255,255,0.6);
    border:1px solid #1d1e26
}
body.dark-only .icon-hover-bottom .icon-first i{
    color:#98a6ad
}
body.dark-only code{
    background-color:#1d1e26;
    border-radius:2px
}
/* body.dark-only #cd-timeline::before{
    background:#1d1e26
} */
body.dark-only .timeliny{
    border-top:1px solid #1d1e26;
    border-bottom:1px solid #1d1e26
}
body.dark-only .timeliny::before{
    background-color:#fff
}
body.dark-only .timeliny .timeliny-dot{
    background-color:#262932;
    border:1px solid #fff
}
body.dark-only .timeliny .timeliny-dot::before{
    color:rgba(255,255,255,0.6)
}
/* body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::before{
    color:rgba(255,255,255,0.6)
}
body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::after{
    background-color:#1d1e26;
    color:rgba(255,255,255,0.6);
    border:none
}
body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover{
    background-color:#fff
}
body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover::before{
    color:rgba(255,255,255,0.6)
}
body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock .timeliny-dot:hover::after{
    background-color:#262932;
    border:1px solid #1d1e26;
    color:rgba(255,255,255,0.6)
} */
body.dark-only .todo .todo-list-wrapper #todo-list li .task-container{
    background:#262932;
    border-bottom:1px solid #1d1e26
}
body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-label{
    color:rgba(255,255,255,0.6)
}
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:#262932;
    border:1px solid #1d1e26
}
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 #51bb25 !important
}
body.dark-only .todo .todo-list-wrapper .todo-list-footer .new-task-wrapper textarea{
    background-color:#262932;
    border:1px solid #1d1e26;
    color:rgba(255,255,255,0.6)
}
body.dark-only .user-profile .ttl-info h6{
    color:#98a6ad
}
body.dark-only .user-profile .ttl-info span{
    color:rgba(255,255,255,0.6)
}
body.dark-only .user-profile .hovercard .info .title a{
    color:rgba(255,255,255,0.6)
}
body.dark-only .user-profile .hovercard .user-image .avatar img{
    border:10px solid #262932
}
body.dark-only .user-profile .hovercard .user-image .icon-wrapper{
    background-color:#262932
}
body.dark-only .user-profile .hovercard .tabs-scoial{
    border-bottom:none !important
}
body.dark-only .user-profile .follow .follow-num{
    color:rgba(255,255,255,0.6)
}
body.dark-only .user-profile .profile-img-style .user-name{
    color:rgba(255,255,255,0.6)
}
body.dark-only .user-profile .profile-img-style p{
    color:#98a6ad
}
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:#1d1e26;
    border:1px solid #1d1e26
}
body.dark-only span.twitter-typeahead .tt-menu{
    background-color:#1d1e26;
    color:rgba(255,255,255,0.6)
}
body.dark-only span.twitter-typeahead .tt-suggestion{
    color:rgba(255,255,255,0.6)
}
body.dark-only span.twitter-typeahead .tt-suggestion:hover,body.dark-only span.twitter-typeahead .tt-suggestion:focus{
    background-color:#262932
}
body.dark-only .typography small{
    color:rgba(255,255,255,0.6)
}
body.dark-only .code-box-copy pre{
    background-color:#1d1e26
}
body.dark-only .code-box-copy pre code{
    background-color:#1d1e26
}
body.dark-only .code-box-copy pre[class*="language-"]{
    border:1px solid #1d1e26
}
body.dark-only .code-box-copy .code-box-copy__btn{
    background-color:#1d1e26;
    border:1px solid #1d1e26;
    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:#262932
}
body.dark-only .code-box-copy code[class*=language-] ::selection,body.dark-only .code-box-copy pre[class*=language-] ::selection{
    text-shadow:none;
    background:#262932
}
body.dark-only table.fixedHeader-floating{
    background-color:#1d1e26
}
body.dark-only .note textarea{
    color:rgba(255,255,255,0.6)
}
body.dark-only .dt-button-info{
    background-color:#262932;
    border:1px solid #1d1e26
}
body.dark-only .dt-button-info h2{
    background-color:#262932;
    border-bottom:1px solid #1d1e26
}
body.dark-only pre{
    background-color:#1d1e26
}
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:#1d1e26
}
body.dark-only .error-wrapper{
    background-color:rgba(54,64,74,0.8)
}
body.dark-only .error-wrapper .sub-content{
    color:rgba(255,255,255,0.6)
}
body.dark-only .b-light{
    border:1px solid #1d1e26 !important
}
body.dark-only .modal-content{
    background-color:#262932
}
body.dark-only .modal-content .modal-header{
    border-bottom:1px solid #374558
}
body.dark-only .modal-content .modal-header .close{
    color:rgba(255,255,255,0.6);
    font-weight:400
}
body.dark-only .modal-content .ui-front .form-control{
    background-color:#262932;
    color:rgba(255,255,255,0.6);
    border:1px solid #374558
}
body.dark-only .stepwizard .stepwizard-row:before{
    background-color:#374558
}
body.dark-only .modal .theme-close{
    background-color:#262932 !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:#a927f9
}
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:#dc3545
}
body.dark-only .loader-box.card-loader{
    background-color:#262932
}
body.dark-only .my-gallery.gallery-with-description img{
    border:1px solid #1d1e26 !important;
    border-bottom:none !important
}
body.dark-only .alert-primary.inverse{
    color:rgba(255,255,255,0.6)
}
body.dark-only .alert-secondary.inverse{
    color:rgba(255,255,255,0.6)
}
body.dark-only .alert-success.inverse{
    color:rgba(255,255,255,0.6)
}
body.dark-only .alert-danger.inverse{
    color:rgba(255,255,255,0.6)
}
body.dark-only .alert-warning.inverse{
    color:rgba(255,255,255,0.6)
}
body.dark-only .alert-info.inverse{
    color:rgba(255,255,255,0.6)
}
body.dark-only .alert-light.inverse{
    color:rgba(255,255,255,0.6)
}
body.dark-only .alert-dark.inverse{
    color:rgba(255,255,255,0.6)
}
body.dark-only .alert-theme span+span+span{
    border-left:5px solid var(--theme-deafult);
    background-color:#1d1e26;
    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 #1d1e26
}
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:#1d1e26 !important;
    border:none !important
}
body.dark-only .order-history table .qty-box .input-group{
    border-color:#374558
}
body.dark-only .order-history table thead tr th{
    background-color:#1d1e26
}
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:#1d1e26
}
body.dark-only .navigation-option ul li a{
    color:rgba(255,255,255,0.6)
}
body.dark-only .navigation-option ul li:hover{
    background-color:#1d1e26
}
body.dark-only .product-box .product-details h6{
    color:rgba(255,255,255,0.6)
}
body.dark-only .product-box .product-details span{
    color:#98a6ad
}
body.dark-only .product-box .product-img .product-hover ul li{
    background-color:#262932
}
body.dark-only .product-box .product-img .product-hover ul li:hover{
    background-color:#000;
    color:#fff
}
body.dark-only .browse .browse-articles ul li a{
    color:rgba(255,255,255,0.6)
}
body.dark-only .browse .browse-articles ul li:hover{
    background-color:#1d1e26
}
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:#f73164 !important
}
body.dark-only .radio-secondary input[type="radio"]+label::after{
    background-color:#f73164
}
body.dark-only .radio-secondary input[type="radio"]:checked+label::before{
    border-color:#f73164 !important
}
body.dark-only .radio-secondary input[type="radio"]:checked+label::after{
    background-color:#f73164
}
body.dark-only .radio-success input[type="radio"]+label::before{
    border-color:#51bb25 !important
}
body.dark-only .radio-success input[type="radio"]+label::after{
    background-color:#51bb25
}
body.dark-only .radio-success input[type="radio"]:checked+label::before{
    border-color:#51bb25 !important
}
body.dark-only .radio-success input[type="radio"]:checked+label::after{
    background-color:#51bb25
}
body.dark-only .radio-danger input[type="radio"]+label::before{
    border-color:#dc3545 !important
}
body.dark-only .radio-danger input[type="radio"]+label::after{
    background-color:#dc3545
}
body.dark-only .radio-danger input[type="radio"]:checked+label::before{
    border-color:#dc3545 !important
}
body.dark-only .radio-danger input[type="radio"]:checked+label::after{
    background-color:#dc3545
}
body.dark-only .radio-info input[type="radio"]+label::before{
    border-color:#a927f9 !important
}
body.dark-only .radio-info input[type="radio"]+label::after{
    background-color:#a927f9
}
body.dark-only .radio-info input[type="radio"]:checked+label::before{
    border-color:#a927f9 !important
}
body.dark-only .radio-info input[type="radio"]:checked+label::after{
    background-color:#a927f9
}
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:#f8d62b !important
}
body.dark-only .radio-warning input[type="radio"]+label::after{
    background-color:#f8d62b
}
body.dark-only .radio-warning input[type="radio"]:checked+label::before{
    border-color:#f8d62b !important
}
body.dark-only .radio-warning input[type="radio"]:checked+label::after{
    background-color:#f8d62b
}
body.dark-only .checkbox-primary label::before{
    border-color:var(--theme-deafult) !important
}
body.dark-only .checkbox-secondary label::before{
    border-color:#f73164 !important
}
body.dark-only .checkbox-success label::before{
    border-color:#51bb25 !important
}
body.dark-only .checkbox-danger label::before{
    border-color:#dc3545 !important
}
body.dark-only .checkbox-info label::before{
    border-color:#a927f9 !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:#f8d62b !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:#f73164 !important;
    border-color:#f73164 !important;
    color:#fff !important
}
body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked+label::before{
    background-color:#f73164 !important;
    border-color:#f73164 !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:#51bb25 !important;
    border-color:#51bb25 !important;
    color:#fff !important
}
body.dark-only .checkbox-solid-success input[type="checkbox"]:checked+label::before{
    background-color:#51bb25 !important;
    border-color:#51bb25 !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:#dc3545 !important;
    border-color:#dc3545 !important;
    color:#fff !important
}
body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked+label::before{
    background-color:#dc3545 !important;
    border-color:#dc3545 !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:#a927f9 !important;
    border-color:#a927f9 !important;
    color:#fff !important
}
body.dark-only .checkbox-solid-info input[type="checkbox"]:checked+label::before{
    background-color:#a927f9 !important;
    border-color:#a927f9 !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:#f8d62b !important;
    border-color:#f8d62b !important;
    color:#fff !important
}
body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked+label::before{
    background-color:#f8d62b !important;
    border-color:#f8d62b !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.6);
    border-bottom:1px solid #1d1e26
}
body.dark-only .bootstrap-datetimepicker-widget tr th:hover,body.dark-only .bootstrap-datetimepicker-widget tr td:hover{
    background-color:#262932
}
body.dark-only .bootstrap-datetimepicker-widget tr th span:hover,body.dark-only .bootstrap-datetimepicker-widget tr td span:hover{
    background-color:#262932
}
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:#262932
}
body.dark-only .bootstrap-datetimepicker-widget tr:first-child th:hover{
    background-color:#262932
}
body.dark-only .btn-transparent{
    color:rgba(255,255,255,0.6)
}
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:#1d1e26
}
body.dark-only .socialprofile .likes-profile h5 span{
    color:rgba(255,255,255,0.6)
}
body.dark-only .socialprofile span{
    color:#98a6ad
}
body.dark-only .social-status .media .media-body span+span{
    color:#98a6ad
}
body.dark-only .social-status .media .media-body p,body.dark-only .social-status .media .media-body .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 .filter-cards-view .comments-box .input-group .form-control,body.dark-only .timeline-content .comments-box .input-group .form-control{
    border:none !important
}
body.dark-only .filter-cards-view .comments-box .input-group .input-group-append,body.dark-only .timeline-content .comments-box .input-group .input-group-append{
    background-color:#1d1e26
} */
body.dark-only .social-chat .media-body{
    border:1px solid #1d1e26
}
body.dark-only .social-chat .media-body:after{
    border-right:7px solid #262932
}
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.6)
}
@media screen and (max-width: 1366px){
    body.dark-only .earning-card.card .card-body .earning-content{
        border-bottom:1px solid #374558
    }
}
@media only screen and (max-width: 991.98px){
    body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar{
        border-right:1px solid #374558
    }
    body.dark-only .page-wrapper.compact-wrapper .left-header .mega-menu svg,body.dark-only .page-wrapper.compact-sidebar .left-header .mega-menu svg{
        stroke:rgba(255,255,255,0.6)
    }
}
@media only screen and (max-width: 767.98px){
    body.dark-only .page-wrapper.compact-wrapper .left-header .mega-menu svg,body.dark-only .page-wrapper.compact-sidebar .left-header .mega-menu svg{
        stroke:#fff
    }
    body.dark-only .page-wrapper.compact-wrapper .left-header .mega-menu .nav-link,body.dark-only .page-wrapper.compact-sidebar .left-header .mega-menu .nav-link{
        border-left:1px solid #374558
    }
    body.dark-only .page-wrapper.material-icon .page-header{
        background-color:#262932
    }
    body.dark-only .chart_data_left .card-body .chart-main>div:first-child{
        border-right:1px solid #374558
    }
    body.dark-only .chart_data_left .card-body .chart-main>div:nth-child(3){
        border-right:1px solid #374558
    }
}
body.dark-only .apexcharts-tooltip.light{
    border-color:#374558;
    background-color:#1d1e26
}
body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title{
    border-color:#374558
}
body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-label,body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-value{
    color:#fff
}
body.dark-sidebar .toggle-sidebar svg{
     color: #ffca05
}
body.dark-sidebar .page-wrapper .sidebar-main-title p{
    color:rgba(255,255,255,0.6)
}
body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper{
    background-color:#262932
}
body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span{
    color:rgba(255,255,255,0.6)
}
body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg{
    stroke:rgba(255,255,255,0.6)
}
body.dark-sidebar .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{
    background-color:rgba(115,102,255,0.2)
}
body.dark-sidebar .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);
    stroke:var(--theme-deafult)
}
body.dark-sidebar .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.6)
}
body.dark-sidebar .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.6);
    font-weight:400
}
body.dark-sidebar .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-sidebar .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.6)
}
body.dark-sidebar .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.6)
}
body.dark-sidebar .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-sidebar .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i{
    color:rgba(255,255,255,0.6)
}
body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper{
    background:#262932
}
body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main{
    background-color:#262932
}
body.dark-sidebar .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.6)
}
body.dark-sidebar .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:#262932
}
body.dark-sidebar .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.6)
}
body.dark-sidebar .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-sidebar .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-sidebar .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:#262932
}
body.dark-sidebar .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:#262932
}
body.dark-sidebar .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.6)
}
body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow{
    background-color:#262932;
    color:rgba(255,255,255,0.6)
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper>div{
    background:#262932
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title{
    border-bottom:1px solid #374558
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span{
    color:rgba(255,255,255,0.6)
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg{
    stroke:rgba(255,255,255,0.6)
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container{
    background-color:#262932
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a{
    border-bottom:1px solid #374558
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active{
    background-color:rgba(115,102,255,0.2)
}
body.dark-sidebar .page-wrapper.compact-sidebar .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:var(--theme-deafult)
}
body.dark-sidebar .page-wrapper.compact-sidebar .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);
    stroke:var(--theme-deafult)
}
body.dark-sidebar .page-wrapper.compact-sidebar .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.6)
}
body.dark-sidebar .page-wrapper.compact-sidebar .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.6);
    font-weight:400
}
body.dark-sidebar .page-wrapper.compact-sidebar .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-sidebar .page-wrapper.compact-sidebar .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.6)
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span{
    color:rgba(255,255,255,0.6)
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active{
    color:var(--theme-deafult)
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i{
    color:rgba(255,255,255,0.6)
}
body .for-dark{
    display:none
}
body[class*='dark-'] .for-dark{
    display:block
}
body[class*='dark-'] .for-light{
    display:none
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="border-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="border-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link{
    border-bottom:1px solid rgba(115,102,255,0.1);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+1) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+1) svg{
    color:#fae475 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+1):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+1):hover a svg{
    stroke:#b9b3ff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+1):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+1):hover a:hover{
    background-color:rgba(115,102,255,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+2) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+2) svg{
    color:#fff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+2):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+2):hover a svg{
    stroke:#79dc50 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+2):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+2):hover a:hover{
    background-color:rgba(169,39,249,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+3) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+3) svg{
    color:#fff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+3):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+3):hover a svg{
    stroke:#fff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+3):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+3):hover a:hover{
    background-color:rgba(244,244,244,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+4) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+4) svg{
    color:#fff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+4):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+4):hover a svg{
    stroke:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+4):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+4):hover a:hover{
    background-color:rgba(115,102,255,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+5) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+5) svg{
    color:#e77681 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+5):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+5):hover a svg{
    stroke:#fa7b9b !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+5):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+5):hover a:hover{
    background-color:rgba(244,244,244,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+6) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+6) svg{
    color:#79dc50 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+6):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+6):hover a svg{
    stroke:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+6):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+6):hover a:hover{
    background-color:rgba(169,39,249,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+7) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+7) svg{
    color:#b9b3ff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+7):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+7):hover a svg{
    stroke:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+7):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+7):hover a:hover{
    background-color:rgba(244,244,244,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+8) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+8) svg{
    color:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+8):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+8):hover a svg{
    stroke:#79dc50 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+8):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+8):hover a:hover{
    background-color:rgba(248,214,43,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+9) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+9) svg{
    color:#79dc50 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+9):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+9):hover a svg{
    stroke:#b9b3ff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+9):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+9):hover a:hover{
    background-color:rgba(115,102,255,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+10) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+10) svg{
    color:#e77681 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+10):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+10):hover a svg{
    stroke:#e77681 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+10):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+10):hover a:hover{
    background-color:rgba(244,244,244,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+11) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+11) svg{
    color:#fae475 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+11):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+11):hover a svg{
    stroke:#e77681 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+11):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+11):hover a:hover{
    background-color:rgba(169,39,249,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+12) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+12) svg{
    color:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+12):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+12):hover a svg{
    stroke:#b9b3ff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+12):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+12):hover a:hover{
    background-color:rgba(169,39,249,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+13) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+13) svg{
    color:#fae475 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+13):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+13):hover a svg{
    stroke:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+13):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+13):hover a:hover{
    background-color:rgba(81,187,37,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+14) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+14) svg{
    color:#e77681 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+14):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+14):hover a svg{
    stroke:#fa7b9b !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+14):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+14):hover a:hover{
    background-color:rgba(248,214,43,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+15) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+15) svg{
    color:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+15):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+15):hover a svg{
    stroke:#fff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+15):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+15):hover a:hover{
    background-color:rgba(247,49,100,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+16) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+16) svg{
    color:#e77681 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+16):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+16):hover a svg{
    stroke:#79dc50 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+16):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+16):hover a:hover{
    background-color:rgba(169,39,249,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+17) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+17) svg{
    color:#fae475 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+17):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+17):hover a svg{
    stroke:#fa7b9b !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+17):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+17):hover a:hover{
    background-color:rgba(220,53,69,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+18) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+18) svg{
    color:#fae475 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+18):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+18):hover a svg{
    stroke:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+18):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+18):hover a:hover{
    background-color:rgba(220,53,69,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+19) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+19) svg{
    color:#e77681 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+19):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+19):hover a svg{
    stroke:#fa7b9b !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+19):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+19):hover a:hover{
    background-color:rgba(115,102,255,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+20) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+20) svg{
    color:#fff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+20):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+20):hover a svg{
    stroke:#79dc50 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+20):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+20):hover a:hover{
    background-color:rgba(169,39,249,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+21) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+21) svg{
    color:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+21):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+21):hover a svg{
    stroke:#fff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+21):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+21):hover a:hover{
    background-color:rgba(81,187,37,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+22) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+22) svg{
    color:#b9b3ff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+22):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+22):hover a svg{
    stroke:#fae475 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+22):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+22):hover a:hover{
    background-color:rgba(115,102,255,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+23) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+23) svg{
    color:#fa7b9b !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+23):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+23):hover a svg{
    stroke:#b9b3ff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+23):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+23):hover a:hover{
    background-color:rgba(244,244,244,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+24) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+24) svg{
    color:#fae475 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+24):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+24):hover a svg{
    stroke:#fa7b9b !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+24):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+24):hover a:hover{
    background-color:rgba(81,187,37,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+25) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+25) svg{
    color:#fae475 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+25):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+25):hover a svg{
    stroke:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+25):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+25):hover a:hover{
    background-color:rgba(115,102,255,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+26) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+26) svg{
    color:#e77681 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+26):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+26):hover a svg{
    stroke:#b9b3ff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+26):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+26):hover a:hover{
    background-color:rgba(220,53,69,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+27) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+27) svg{
    color:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+27):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+27):hover a svg{
    stroke:#fa7b9b !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+27):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+27):hover a:hover{
    background-color:rgba(244,244,244,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+28) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+28) svg{
    color:#79dc50 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+28):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+28):hover a svg{
    stroke:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+28):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+28):hover a:hover{
    background-color:rgba(248,214,43,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+29) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+29) svg{
    color:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+29):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+29):hover a svg{
    stroke:#b9b3ff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+29):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+29):hover a:hover{
    background-color:rgba(169,39,249,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+30) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+30) svg{
    color:#79dc50 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+30):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+30):hover a svg{
    stroke:#fae475 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+30):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+30):hover a:hover{
    background-color:rgba(81,187,37,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+31) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+31) svg{
    color:#79dc50 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+31):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+31):hover a svg{
    stroke:#b9b3ff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+31):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+31):hover a:hover{
    background-color:rgba(169,39,249,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+32) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+32) svg{
    color:#fff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+32):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+32):hover a svg{
    stroke:#fae475 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+32):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+32):hover a:hover{
    background-color:rgba(169,39,249,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+33) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+33) svg{
    color:#79dc50 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+33):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+33):hover a svg{
    stroke:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+33):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+33):hover a:hover{
    background-color:rgba(244,244,244,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+34) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+34) svg{
    color:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+34):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+34):hover a svg{
    stroke:#b9b3ff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+34):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+34):hover a:hover{
    background-color:rgba(247,49,100,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+35) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+35) svg{
    color:#fff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+35):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+35):hover a svg{
    stroke:#fae475 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+35):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+35):hover a:hover{
    background-color:rgba(169,39,249,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+36) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+36) svg{
    color:#79dc50 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+36):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+36):hover a svg{
    stroke:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+36):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+36):hover a:hover{
    background-color:rgba(244,244,244,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+37) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+37) svg{
    color:#fff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+37):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+37):hover a svg{
    stroke:#fae475 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+37):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+37):hover a:hover{
    background-color:rgba(220,53,69,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+38) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+38) svg{
    color:#fa7b9b !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+38):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+38):hover a svg{
    stroke:#e77681 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+38):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+38):hover a:hover{
    background-color:rgba(244,244,244,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+39) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+39) svg{
    color:#fff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+39):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+39):hover a svg{
    stroke:#e77681 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+39):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+39):hover a:hover{
    background-color:rgba(247,49,100,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+40) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+40) svg{
    color:#fa7b9b !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+40):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+40):hover a svg{
    stroke:#fa7b9b !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+40):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+40):hover a:hover{
    background-color:rgba(248,214,43,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+41) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+41) svg{
    color:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+41):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+41):hover a svg{
    stroke:#fff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+41):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+41):hover a:hover{
    background-color:rgba(247,49,100,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+42) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+42) svg{
    color:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+42):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+42):hover a svg{
    stroke:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+42):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+42):hover a:hover{
    background-color:rgba(169,39,249,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+43) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+43) svg{
    color:#fae475 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+43):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+43):hover a svg{
    stroke:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+43):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+43):hover a:hover{
    background-color:rgba(248,214,43,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+44) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+44) svg{
    color:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+44):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+44):hover a svg{
    stroke:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+44):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+44):hover a:hover{
    background-color:rgba(247,49,100,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+45) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+45) svg{
    color:#fa7b9b !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+45):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+45):hover a svg{
    stroke:#79dc50 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+45):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+45):hover a:hover{
    background-color:rgba(115,102,255,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+46) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+46) svg{
    color:#e77681 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+46):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+46):hover a svg{
    stroke:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+46):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+46):hover a:hover{
    background-color:rgba(169,39,249,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+47) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+47) svg{
    color:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+47):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+47):hover a svg{
    stroke:#79dc50 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+47):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+47):hover a:hover{
    background-color:rgba(244,244,244,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+48) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+48) svg{
    color:#e77681 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+48):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+48):hover a svg{
    stroke:#fa7b9b !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+48):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+48):hover a:hover{
    background-color:rgba(248,214,43,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+49) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+49) svg{
    color:#b9b3ff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+49):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+49):hover a svg{
    stroke:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+49):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+49):hover a:hover{
    background-color:rgba(81,187,37,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+50) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+50) svg{
    color:#fae475 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+50):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+50):hover a svg{
    stroke:#79dc50 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+50):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+50):hover a:hover{
    background-color:rgba(244,244,244,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+51) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+51) svg{
    color:#e77681 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+51):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+51):hover a svg{
    stroke:#79dc50 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+51):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+51):hover a:hover{
    background-color:rgba(244,244,244,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+52) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+52) svg{
    color:#fff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+52):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+52):hover a svg{
    stroke:#e77681 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+52):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+52):hover a:hover{
    background-color:rgba(169,39,249,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+53) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+53) svg{
    color:#fa7b9b !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+53):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+53):hover a svg{
    stroke:#fa7b9b !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+53):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+53):hover a:hover{
    background-color:rgba(81,187,37,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+54) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+54) svg{
    color:#fa7b9b !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+54):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+54):hover a svg{
    stroke:#b9b3ff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+54):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+54):hover a:hover{
    background-color:rgba(81,187,37,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+55) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+55) svg{
    color:#79dc50 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+55):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+55):hover a svg{
    stroke:#fa7b9b !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+55):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+55):hover a:hover{
    background-color:rgba(169,39,249,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+56) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+56) svg{
    color:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+56):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+56):hover a svg{
    stroke:#fff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+56):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+56):hover a:hover{
    background-color:rgba(247,49,100,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+57) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+57) svg{
    color:#fff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+57):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+57):hover a svg{
    stroke:#fa7b9b !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+57):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+57):hover a:hover{
    background-color:rgba(248,214,43,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+58) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+58) svg{
    color:#fa7b9b !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+58):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+58):hover a svg{
    stroke:#c771fb !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+58):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+58):hover a:hover{
    background-color:rgba(247,49,100,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+59) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+59) svg{
    color:#b9b3ff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+59):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+59):hover a svg{
    stroke:#fff !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+59):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+59):hover a:hover{
    background-color:rgba(81,187,37,0.15) !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+60) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+60) svg{
    color:#fa7b9b !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+60):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+60):hover a svg{
    stroke:#79dc50 !important
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+60):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout="iconcolor-sidebar"] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+60):hover a:hover{
    background-color:rgba(220,53,69,0.15) !important
}
.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:8px;
    padding:10px;
    background-color:#fff
}
.customizer-links.open{
    right:330px;
    border-radius:8px 0 0 8px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.customizer-links .nav-link{
    padding:0;
    position:relative
}
.customizer-links .nav-link:before{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    background-color:rgba(115,102,255,0.1);
    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:after{
    content:"";
    position:absolute;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    top:12px;
    border-width:5px 0 5px 5px;
    border-left-color:#e8e6ff;
    opacity:0;
    -webkit-transform:scale(0);
    transform:scale(0);
    color:#fff;
    left:-10px;
    z-index:2;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.customizer-links .nav-link:hover i{
    color:var(--theme-deafult)
}
.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{
    margin-bottom:5px
}
.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:#e8e6ff;
    -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:17px;
    padding:8px 10px;
    display:inline-block;
    cursor:pointer;
    margin:0;
    color:gray;
    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:500;
    letter-spacing:0.5px;
    margin-top:15px;
    padding-top:15px;
    margin-bottom:10px
}
.customizer-contain .customizer-header{
    padding:15px 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;
    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:35px;
    border-radius:5px;
    background-color:#fff;
    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:6px;
    display:inline-block;
    margin-right:3px;
    border:1px solid #b8b8b8;
    padding:3px
}
.customizer-contain .customizer-body .color-layout>div{
    background-color:#7366ff;
    height:100%;
    width:100%;
    border-radius:5px
}
.customizer-contain .customizer-body .color-layout[data-attr="color-2"] div{
    background-color:#4831D4
}
.customizer-contain .customizer-body .color-layout[data-attr="color-3"] div{
    background-color:#d64dcf
}
.customizer-contain .customizer-body .color-layout[data-attr="color-4"] div{
    background-color:#4c2fbf
}
.customizer-contain .customizer-body .color-layout[data-attr="color-5"] div{
    background-color:#7c4dff
}
.customizer-contain .customizer-body .color-layout[data-attr="color-6"] div{
    background-color:#3949ab
}
.customizer-contain .customizer-body .dark>li{
    background-color:#2f3c4e
}
.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)
}
.customizer-contain .customizer-body .layout-types{
    margin-bottom:-30px
}
.customizer-contain .customizer-body .layout-types>li{
    display:block;
    width:unset;
    height:unset;
    margin-bottom:30px
}
.customizer-contain .customizer-body .layout-types>li .layout-img h6{
    padding-top:0;
    text-transform:inherit;
    text-align:center
}
.customizer-contain .customizer-body .layout-types .box-layout{
    background:unset
}
.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:#51bb25
}
.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
}
.jsgrid-filter-row select,.jsgrid-filter-row input{
    padding:6px 10px;
    border:1px solid #f2f4ff;
    background:#fff
}
.popover{
    background-color:#fff;
    border:none;
    -webkit-box-shadow:0 0 20px rgba(115,102,255,0.1);
    box-shadow:0 0 20px rgba(115,102,255,0.1)
}
.popover .popover-header{
    background-color:#eae8ff;
    color:#7366ff;
    border-bottom:none
}
.popover .popover-body{
    color:rgba(43,43,43,0.7)
}
.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:#2c323f;
}
.tooltip .tooltip-arrow:before{
    border-top-color:#eae8ff
}
.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
}
.default-according .card .card-header{
    padding:0;
    border:none;
    border-radius:0;
    border-top-left-radius:5px;
    border-top-right-radius:5px
}
.default-according .card .card-header.bg-primary .btn,.default-according .card .card-header.bg-secondary .btn{
    border-color:rgba(0,0,0,0)
}
.default-according .card .card-header i{
    position:initial;
    font-size:20px;
    display:inline-block;
    vertical-align:text-bottom;
    margin-right:5px
}
.default-according .card .card-header h5{
    margin-top:0
}
.default-according .card .card-header .btn-link{
    padding:12px 20px;
    width:100%;
    text-align:left;
    letter-spacing:0.7px;
    font-family:Roboto;
    border:1px solid #efefef;
    border-radius:0;
    border-top-left-radius:5px;
    border-top-right-radius:5px
}
.default-according .card .card-body{
    padding:15px 20px;
    line-height:22px;
    font-size:13px;
    border-color:#efefef;
    border-radius:0;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    color:#2c323f
}
.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
}
.nav-tabs.nav-bottom .nav-item .nav-link.active{
    border-color:#ecf3fa #ecf3fa #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 #cccccc
}
.border-tab .nav-tabs .nav-item .nav-link.active{
    border-bottom:2px solid #7366ff
}
.border-tab .nav-tabs .nav-item .nav-link.show{
    border-bottom:2px solid #7366ff
}
.border-tab .nav-tabs .nav-item .nav-link:focus{
    border-bottom:2px solid #7366ff
}
.tabbed-card .nav-tabs .nav-item .nav-link{
    top:17px
}
.timeliny .timeliny-dot::before{
    font-size:18px
}
.form-builder-header-1,.form-builder-2-header{
    background-color:#f7f6ff
}
.form-builder-header-1 .nav-primary .nav-link,.form-builder-2-header .nav-primary .nav-link{
    color:#2c323f;
    font-weight:400
}
.form-builder-header-1 .nav-primary .nav-link.active,.form-builder-2-header .nav-primary .nav-link.active{
    color:#fff
}
.form-builder-header-1 h6,.form-builder-2-header h6{
    margin-bottom:0;
    font-weight:400;
    line-height:36px
}
.component .input-group .btn{
    line-height:32px;
    text-transform:capitalize
}
.form-builder .drag-box fieldset{
    margin-top:0
}
.login-card .login-main .theme-form label{
    font-size:14px
}
.login-card .login-main .theme-form .show-hide{
    top:50%
}
.faq-accordion .card .btn-link svg{
    margin-left:20px
}
.job-filter .faq-form .form-control{
    font-size:14px
}
.job-filter .faq-form .search-icon{
    width:16px;
    height:16px
}
.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:15px;
    bottom:0;
    left:0;
    margin-left:280px;
    -webkit-transition:0.5s;
    transition:0.5s
}
.footer.footer-dark{
    background-color:#242934
}
.footer.footer-dark p{
    color:#fff
}
.footer-fix{
    width:calc(100% - 280px);
    position:fixed
}
.grid-showcase{
    margin-bottom:-10px
}
.grid-showcase span{
    display:block;
    border:1px solid #f4f4f4;
    padding:10px;
    margin-bottom:10px;
    text-align:center;
    background-color:#fff
}
.grid-align{
    margin-bottom:-30px
}
.grid-align .row{
    padding:15px 0;
    min-height:10rem;
    border:1px solid rgba(115,102,255,0.02);
    margin-bottom:30px;
    background-color:rgba(115,102,255,0.02)
}
.offcanvas .page-wrapper .page-body-wrapper .page-body,.offcanvas-bookmark .page-wrapper .page-body-wrapper .page-body{
    position:relative;
    -webkit-filter:blur(5px) grayscale(100%);
    filter:blur(5px) grayscale(100%)
}
.toggle-sidebar{
    position:absolute;
    right:30px;
    top:30px;
    cursor:pointer
}
.toggle-sidebar svg{
    width:20px;
    height:20px
}
.toggle-sidebar:before{
    content:"";
    position:absolute;
    height:40px;
    width:40px;
    background-color:rgba(115,102,255,0.1);
    border-radius:100%;
    left:-11px;
    z-index:-2;
    top:-8px;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.toggle-sidebar: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{
    color:var(--theme-deafult) !important;
    stroke:var(--theme-deafult) !important
}
.onhover-dropdown{
    cursor:pointer;
    position:relative
}
.onhover-show-div{
    top:80px;
    position:absolute;
    z-index:8;
    background-color:#fff;
    -webkit-transition:all linear 0.3s;
    transition:all linear 0.3s
}
.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
}
.left-header .level-menu .nav-link{
    display:inline-block;
    border-radius:5px;
    background-color:rgba(247,49,100,0.15);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:var(--theme-secondary);
    margin-left:10px
}
.left-header .level-menu .nav-link.active{
    background-color:var(--theme-secondary);
    color:#fff;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.left-header .level-menu .nav-link.active svg{
    stroke:#fff
}
.left-header .level-menu .nav-link svg{
    height:18px;
    margin-right:5px;
    vertical-align:middle;
    stroke:var(--theme-secondary)
}
.left-header .level-menu .header-level-menu{
    position:absolute;
    top:59px;
    background-color:#fff;
    border-radius:5px;
    width:180px;
    height:0;
    padding:0.7rem 0.5rem;
    -webkit-box-shadow:0 0 37px rgba(8,21,66,0.1);
    box-shadow:0 0 37px rgba(8,21,66,0.1);
    min-width:180px;
    opacity:0;
    visibility:hidden;
    display:block !important;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out
}
.left-header .level-menu .header-level-menu.show{
    opacity:1;
    visibility:visible;
    height:225px
}
.left-header .level-menu .header-level-menu li{
    padding:0.5rem 1rem;
    width:100%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.left-header .level-menu .header-level-menu li:hover{
    background-color:rgba(115,102,255,0.1);
    border-radius:5px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.left-header .level-menu .header-level-menu li:hover>a>span{
    color:var(--theme-deafult);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.left-header .level-menu .header-level-menu li:hover>a>svg{
    stroke:var(--theme-deafult);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.left-header .level-menu .header-level-menu>li{
    position:relative;
    width:100%
}
.left-header .level-menu .header-level-menu>li:hover .header-level-sub-menu{
    opacity:1;
    -webkit-box-shadow:0 0 37px rgba(8,21,66,0.1);
    box-shadow:0 0 37px rgba(8,21,66,0.1);
    -webkit-animation:fadeInLeft 300ms ease-in-out;
    animation:fadeInLeft 300ms ease-in-out
}
.left-header .level-menu .header-level-menu>li a{
    color:#2c323f
}
.left-header .level-menu .header-level-menu>li svg{
    width:16px;
    vertical-align:middle;
    margin-right:5px;
    stroke:#2c323f
}
.left-header .level-menu .header-level-menu>li span{
    vertical-align:middle
}
.left-header .level-menu .header-level-menu>li>.header-level-sub-menu{
    position:absolute;
    padding:0.7rem 0.5rem;
    left:173px;
    z-index:9;
    background-color:#fff;
    width:170px;
    border-radius:5px;
    top:0;
    opacity:0;
    -webkit-animation:fadeInLeft 300ms ease-in-out;
    animation:fadeInLeft 300ms ease-in-out
}
.left-header .mega-menu .nav-link{
    display:inline-block;
    border-radius:5px;
    background-color:rgba(115,102,255,0.15);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.left-header .mega-menu .nav-link.active{
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:#fff;
    background-color:var(--theme-deafult)
}
.left-header .mega-menu .nav-link .according-menu{
    display:none
}
.left-header .mega-menu .nav-link svg{
    height:18px;
    margin-right:5px;
    vertical-align:middle
}
.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 .doted li{
    position:relative
}
.left-header .mega-menu-container .mega-box .doted li:hover:before{
    background-color:var(--theme-deafult);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.left-header .mega-menu-container .mega-box .doted li:before{
    content:'';
    position:absolute;
    top:15px;
    height:5px;
    width:5px;
    background-color:#999;
    left:0;
    border-radius:100%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.left-header .mega-menu-container .mega-box .dashed-links li{
    position:relative
}
.left-header .mega-menu-container .mega-box .dashed-links li:hover:before{
    background-color:var(--theme-deafult);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.left-header .mega-menu-container .mega-box .dashed-links li:before{
    content:'';
    position:absolute;
    top:16px;
    height:2px;
    width:6px;
    background-color:#999;
    left:0
}
.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 .horizontal-menu li{
    display:inline-block
}
.mega-menu .default-according .card .btn-link{
    font-weight:500;
    color:gray
}
.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:Rubik,sans-serif
}
.pl-navs-inline{
    padding-left:30px !important
}
.inline-nav li{
    line-height:1.3
}
.search-page .theme-form input{
    border:1px solid var(--theme-deafult);
    padding-left:20px;
    border-radius:10px 0 0 10px;
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto
}
.search-page .theme-form input::-webkit-input-placeholder{
    color:#7366ff
}
.search-page .theme-form input::-moz-placeholder{
    color:#7366ff
}
.search-page .theme-form input:-ms-input-placeholder{
    color:#7366ff
}
.search-page .theme-form input::-ms-input-placeholder{
    color:#7366ff
}
.search-page .theme-form input::placeholder{
    color:#7366ff
}
.search-page .theme-form input:focus{
    outline:none
}
.search-page .theme-form .input-group .btn{
    line-height:32px;
    font-size:16px
}
.search-page .theme-form .input-group .form-control-plaintext{
    background:transparent
}
.search-page h6{
    line-height:1.4
}
.search-page .nav-link{
    font-weight:500;
    text-transform:uppercase
}
.search-page .border-tab.nav-tabs .material-border{
    border-bottom-width:1px
}
.search-page .border-tab.nav-tabs .nav-item .nav-link{
    font-size:15px;
    padding:10px 18px
}
.search-page .media .media-body{
    overflow:hidden
}
.search-page .info-block{
    padding:30px;
    border-radius:15px;
    border:1px solid #f4f4f4
}
.search-page .info-block a{
    color:#656565;
    margin-bottom:3px;
    display:block
}
.search-page .info-block h6{
    color:#7366ff
}
.search-page .info-block+.info-block{
    margin-top: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:10px
}
.search-page p{
    text-transform:lowercase;
    margin-bottom:0;
    color:#a5a2a2
}
.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:#f8d62b
}
.search-page ul.search-info li i:not(:last-child){
    margin-right:4px
}
.search-page #video-links .embed-responsive+.embed-responsive{
    margin-top:30px
}
.search-list{
    margin-bottom:30px;
    width:auto;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    border-radius:10px;
    overflow:hidden;
    border:1px solid #7366ff;
    border:none
}
.search-list .nav-item{
    background-color:rgba(115,102,255,0.1)
}
.search-list .nav-item .nav-link{
    border:none;
    padding:0.7rem 1.5rem;
    opacity:0.5
}
.search-list .nav-item .nav-link.active{
    background-color:rgba(115,102,255,0.1);
    color:var(--theme-deafult);
    opacity:1
}
.search-list .nav-item.show,.search-list .nav-item.active{
    background-color:rgba(115,102,255,0.1)
}
.select2{
    max-width:100%
}
.add-post #cke_text-box{
    border:1px solid #efefef
}
.add-post form .m-checkbox-inline label{
    margin-bottom:0
}
.add-post form .form-control{
    border:1px solid #efefef
}
.add-post form .col-form-label{
    padding-bottom:0;
    padding-top:0
}
.add-post form .col-form-label .select2-container--default{
    margin-top:10px;
    max-width:100%
}
.add-post form .col-form-label .select2-container--default .selection .select2-selection .select2-search__field{
    padding:2px
}
.add-post form .col-form-label .select2-container--default .select2-selection--multiple{
    border:1px solid #efefef;
    max-width:100%
}
.add-post form .col-form-label .select2-container--default .select2-selection--multiple .select2-selection__rendered li{
    margin-top:6px !important
}
.add-post .dropzone{
    margin-bottom:30px
}
.select2-container--open .select2-dropdown{
    z-index:7
}
.select2-container{
    width:100% !important
}
.select2-drpdwn .select2-selection{
    border-radius:0 !important;
    border-color:#f4f4f4 !important;
    height:40px !important;
    padding:5px
}
.select2-drpdwn .form-control{
    border-radius:5px
}
.select2-drpdwn .form-control-primary{
    border-color:var(--theme-deafult);
    color:var(--theme-deafult)
}
.select2-drpdwn .form-control-secondary{
    border-color:var(--theme-secondary);
    color:var(--theme-secondary)
}
.select2-drpdwn .form-control-success{
    border-color:#51bb25;
    color:#51bb25
}
.select2-drpdwn .form-control-info{
    border-color:#a927f9;
    color:#a927f9
}
.select2-drpdwn .form-control-warning{
    border-color:#f8d62b;
    color:#f8d62b
}
.select2-drpdwn .form-control-danger{
    border-color:#dc3545;
    color:#dc3545
}
.select2-drpdwn .form-control-inverse{
    border-color:#2c323f;
    color:#2c323f
}
.select2-drpdwn .form-control-primary-fill{
    background-color:var(--theme-deafult);
    color:#fff
}
.select2-drpdwn .form-control-secondary-fill{
    background-color:var(--theme-secondary);
    color:#fff
}
.select2-drpdwn .form-control-success-fill{
    background-color:#51bb25;
    color:#fff
}
.select2-drpdwn .form-control-info-fill{
    background-color:#a927f9;
    color:#fff
}
.select2-drpdwn .form-control-warning-fill{
    background-color:#f8d62b;
    color:#fff
}
.select2-drpdwn .form-control-danger-fill{
    background-color:#dc3545;
    color:#fff
}
.select2-drpdwn .form-control-inverse-fill{
    background-color:#2c323f;
    color:#fff
}
.selection .select2-selection{
    border-radius:5px !important
}
.selection .select2-selection .select2-search__field{
    margin-top:0;
    padding:3px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice{
    padding:2px 6px !important;
    margin-top:0 !important;
    background-color:var(--theme-deafult) !important;
    border-color:#43f !important;
    color:#fff;
    margin-right:8px !important
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{
    color:#fff !important;
    float:right;
    margin-left:0.5rem
}
.select2-container--classic .select2-results__option--highlighted[aria-selected]{
    background-color:#e0e0e0 !important;
    color:#424242 !important
}
.select2-container--classic .select2-results__options .select2-results__option[aria-selected=true]{
    background-color:var(--theme-deafult) !important;
    color:#fff !important
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top:7px !important;
    right:10px !important
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    padding:2px 6px !important;
    margin-top:0 !important;
    background-color:var(--theme-deafult) !important;
    border-color:#43f !important;
    color:#fff;
    margin-right:8px !important
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color:#fff !important;
    float:right;
    margin-left:0.5rem
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:#e0e0e0 !important;
    color:#424242 !important
}
.select2-container--default .select2-results__options .select2-results__option[aria-selected=true]{
    background-color:var(--theme-deafult) !important;
    color:#fff !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: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 #595c60
}
.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:5px;
    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:22px 30px;
    position:relative
}
.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 svg{
    vertical-align:middle;
    width:20px
}
.page-wrapper .page-header .header-wrapper .nav-right ul li svg path{
    color:#242934
}
.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;
    font-weight:600;
    -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 .media-body{
    margin-left:15px
}
.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body span{
    font-weight:500
}
.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p{
    font-size:12px;
    line-height:1;
    color:rgba(43,43,43,0.7)
}
.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:5px;
    display:inline-block;
    position:relative
}
.page-wrapper .page-header .header-wrapper .nav-right>ul>li .badge{
    position:absolute;
    right:-5px;
    top:-6px;
    padding:2px 4px;
    font-size:11px;
    font-weight:700;
    font-family:work-Sans, sans-serif
}
.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
}
.page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip{
    width:unset !important;
    -webkit-box-shadow:unset !important;
    box-shadow:unset !important;
    background-color:transparent !important;
    overflow:initial
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card{
    width:220px;
    height:245px;
    background-color:transparent
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner{
    position:relative;
    height:100%;
    text-align:center;
    -webkit-transition:-webkit-transform 0.6s;
    transition:-webkit-transform 0.6s;
    transition:transform 0.6s;
    transition:transform 0.6s, -webkit-transform 0.6s;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front,.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back{
    position:absolute;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    border-radius:10px;
    overflow:hidden;
    -webkit-box-shadow:0 0 20px rgba(89,102,122,0.1);
    box-shadow:0 0 20px rgba(89,102,122,0.1);
    width:220px;
    height:240px
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button,.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button{
    background-color:rgba(0,0,0,0);
    color:#7366ff;
    border:none
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button:focus,.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button:focus{
    outline:rgba(0,0,0,0)
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front{
    background-color:#fff;
    -webkit-transition:.3s;
    transition:.3s
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg{
    margin-bottom:15px;
    stroke:#2c323f;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg:hover{
    stroke:var(--theme-deafult);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back{
    background-color:#fff;
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:first-child{
    margin-top:20px;
    height:160px !important
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:last-child{
    padding:20px 0;
    border-top:1px solid #ddd
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button{
    width:100%
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input{
    border-radius:25px;
    padding:6px 12px;
    width:100%;
    border:1px solid #ddd
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped .front{
    opacity:0
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:not(.profile-dropdown) li:first-child{
    padding:20px;
    background-color:#eaeaea
}
.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:0;
    right:0;
    opacity:0.05
}
.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 #f5f5f5
}
.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 .media{
    position:relative
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media img{
    width:40px;
    position:relative
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .status-circle{
    left:0
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body>span{
    letter-spacing:0.8px;
    padding-right:10px;
    display:inline-block
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body p{
    margin-bottom:15px
}
.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 .notification-box{
    position:relative
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-box svg{
    -webkit-animation:tada 1.5s ease infinite;
    animation:tada 1.5s ease infinite
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-box{
    position:relative
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-box svg{
    -webkit-animation:swing 1.5s ease infinite;
    animation:swing 1.5s ease infinite
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li+li{
    padding-bottom:10px
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown p{
    line-height:1.3;
    margin-top:3px;
    opacity:0.6
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle{
    position:absolute;
    right:0;
    top:0
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle svg{
    width:14px
}
.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;
    right:-20px !important;
    left:unset
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li+li{
    padding-top:8px
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li+li p{
    margin-bottom:8px
}
.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 .profile-dropdown{
    width:160px;
    top:57px;
    left:-12px;
    padding:0 10px
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li{
    padding:10px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    /* white-space: nowrap !important; */
    width: 15.5em;
    display: inline-block;
    /* word-break: break-all; */
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span{
    color:var(--theme-deafult);
    -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{
    stroke:var(--theme-deafult);
    -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{
    stroke:var(--theme-deafult);
    -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 span{
    color:#2c323f
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg{
    width:16px;
    vertical-align:bottom;
    margin-right:10px;
    stroke:#2c323f
}
.page-wrapper .page-body-wrapper{
    background-color:#f8f8f8
}
.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-top:30px;
    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:13px;
    letter-spacing:1px;
    font-family:Roboto,sans-serif
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item+.breadcrumb-item:before{
    content:"/"
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a{
    color:var(--theme-deafult)
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg{
    width:16px;
    height:16px;
    color:#2c323f;
    vertical-align:text-top
}
.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 li{
    display:inline-block
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper{
    height:54px;
    line-height:inherit;
    top:81px;
    background:#fff;
    -webkit-box-shadow:0px 9px 24px rgba(89,102,122,0.05);
    box-shadow:0px 9px 24px rgba(89,102,122,0.05);
    overflow-x:hidden;
    z-index:1;
    overflow-y:visible;
    position:fixed;
    width:100vw;
    border-top:1px solid #efefef
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .badge{
    position:absolute;
    top:2px;
    right:0px;
    z-index:1
}
.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:#fff;
    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:10px
}
.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 .5s ease;
    transition:all .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{
    color:var(--theme-deafult)
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active:after{
    background-color:var(--theme-deafult)
}
.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:var(--theme-deafult);
    -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{
    background-color:rgba(115,102,255,0.15);
    -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(115,102,255,0.1);
    stroke:var(--theme-deafult);
    -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: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>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:#dad6ff;
    -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:var(--theme-deafult);
    -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.20em 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:white
}
.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:rgba(43,43,43,0.6);
    letter-spacing:0.06em;
    font-weight:500;
    font-family:Roboto;
    -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:var(--theme-deafult);
    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:var(--theme-deafult)
}
.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:white;
    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:var(--theme-deafult);
    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:var(--theme-deafult);
    -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: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.mega-menu{
    position:unset
}
.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:135px
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main-title{
    display:none !important
}
.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.horizontal-wrapper.enterprice-type footer{
    margin-left:0
}
.page-wrapper.material-icon .left-header .level-menu .nav-link,.page-wrapper.material-icon .left-header .mega-menu .nav-link{
    border-radius:10px
}
.page-wrapper.material-icon .card{
    border-radius:30px;
    overflow:hidden;
    -webkit-box-shadow:0 0 20px rgba(115,102,255,0.1);
    box-shadow:0 0 20px rgba(115,102,255,0.1)
}
.page-wrapper .sidebar-main-title>div{
    background-color:rgba(115,102,255,0.06);
    padding:15px 17px;
    border-radius:10px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.page-wrapper .sidebar-main-title h6{
    color:var(--theme-deafult);
    margin-bottom:5px;
    letter-spacing:0.40px
}
.page-wrapper .sidebar-main-title p{
    color:#2c323f;
    font-size:11px;
    margin-bottom:0;
    text-transform:capitalize;
    line-height:1;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis
}
.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 .logo-wrapper{
    display:none
}
.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:auto;
    line-height:inherit;
    background:#fff;
    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:27px 30px;
    -webkit-box-shadow:-9px 0 20px rgba(89,102,122,0.1);
    box-shadow:-9px 0 20px rgba(89,102,122,0.1)
}
.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;
    transition:all 0.3s ease
}
.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 .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 .sidebar-main-title{
    display:none !important;
    opacity:0;
    -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 .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li{
    max-width:unset;
    margin:initial;
    -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 15px;
    -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-title{
    opacity:1;
    display:block !important;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.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:100px;
    -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 - 118px)
}
.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 - 115px);
    left:-300px;
    z-index:99;
    -webkit-transition:color 1s ease;
    transition:color 1s ease;
    overflow:auto;
    color:rgba(0,0,0,0);
    margin-top:20px;
    margin-bottom:30px
}
.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;
    font-family:Roboto;
    text-transform:capitalize;
    color:#2c323f
}
.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>li{
    display:block;
    width:100%;
    padding:0 20px;
    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-main-title{
    padding-top:15px;
    padding-bottom:13px
}
.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 .badge{
    position:absolute;
    right:50px;
    top:14.5px;
    padding:0.44em 0.7em 0.32em;
    z-index: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:hover>a:hover{
    background-color:rgba(115,102,255,0.12);
    -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 svg{
    fill:rgba(115,102,255,0.1);
    stroke:var(--theme-deafult);
    -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:var(--theme-deafult);
    -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:var(--theme-deafult);
    -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 15px;
    position:relative;
    color:#222222;
    -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:10px;
    vertical-align:bottom;
    float:none;
    stroke-width:2.3px;
    color:#2c323f;
    -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:first-child{
    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 .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:40px !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:var(--theme-deafult);
    -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 var(--theme-deafult);
    -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 25px;
    font-size:14px;
    color:rgba(43,43,43,0.6);
    display:block;
    position:relative;
    letter-spacing:0.06em;
    font-weight:500;
    font-family:Roboto;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.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:var(--theme-deafult)
}
.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: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: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:var(--theme-deafult) !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 var(--theme-deafult);
    -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:rgba(43,43,43,0.6);
    display:block;
    letter-spacing:0.06em;
    font-weight:500;
    font-family:Roboto;
    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:rgba(43,43,43,0.6);
    display:block;
    letter-spacing:0.06em;
    font-weight:500;
    font-family:Roboto
}
.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:var(--theme-deafult)
}
.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{
    border-radius:10px;
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease;
    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-link.active{
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease;
    position:relative;
    margin-bottom:10px;
    background-color:#dad6ff
}
.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:var(--theme-deafult)
}
.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);
    -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:var(--theme-deafult);
    -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:15px;
    top:13px;
    display:block
}
.page-wrapper.compact-wrapper .page-body-wrapper .according-menu i{
    vertical-align:middle;
    color:rgba(0,0,0,0.8);
    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 - 80px);
    margin-top:80px;
    margin-left:280px
}
.page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg,.page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg{
    stroke:var(--theme-deafult)
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper,.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper{
    background-color:#262932
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span,.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span{
    color:rgba(255,255,255,0.6)
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg,.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg{
    stroke:rgba(255,255,255,0.6)
}
.page-wrapper.compact-wrapper.dark-sidebar 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,.page-wrapper.compact-wrapper.color-sidebar 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.6)
}
.page-wrapper.compact-wrapper.dark-sidebar 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,.page-wrapper.compact-wrapper.color-sidebar 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.6);
    font-weight:400
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container::after,.page-wrapper.compact-wrapper.color-sidebar 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)
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active,.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active{
    background-color:rgba(115,102,255,0.2)
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active svg,.page-wrapper.compact-wrapper.color-sidebar 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);
    stroke:var(--theme-deafult)
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a,.page-wrapper.compact-wrapper.color-sidebar 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.6)
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span,.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span{
    color:rgba(255,255,255,0.6)
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active,.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active{
    color:var(--theme-deafult)
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-light,.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-light{
    display:none
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-dark,.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-dark{
    display:block
}
.page-wrapper.compact-wrapper.dark-sidebar .according-menu i,.page-wrapper.compact-wrapper.color-sidebar .according-menu i{
    color:rgba(255,255,255,0.6)
}
.page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title p,.page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title p{
    color:rgba(255,255,255,0.6)
}
.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper{
    background-color:#2f3c4e
}
.page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title p{
    display:none
}
.page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6{
    margin-bottom:0
}
.page-wrapper.compact-sidebar ~ .bg-overlay1{
    -webkit-transition:0.8s;
    transition:0.8s
}
.page-wrapper.compact-sidebar ~ .bg-overlay1.active{
    z-index:8;
    height:100vh;
    width:100vw;
    background-color:rgba(0,0,0,0.2);
    position:fixed;
    top:0
}
.page-wrapper.compact-sidebar .toggle-sidebar{
    position:relative;
    right:unset;
    top:unset;
    margin-right:15px
}
.page-wrapper.compact-sidebar .sidebar-main-title{
    display:none
}
.page-wrapper.compact-sidebar .logo-wrapper{
    display:none
}
.page-wrapper.compact-sidebar .logo-icon-wrapper{
    display:block;
    text-align:center;
    padding:24px 30px;
    -webkit-box-shadow:-9px 0 20px rgba(89,102,122,0.1);
    box-shadow:-9px 0 20px rgba(89,102,122,0.1)
}
.page-wrapper.compact-sidebar .page-header{
    margin-left:150px;
    width:calc(100% - 150px)
}
.page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper{
    display:none
}
.page-wrapper.compact-sidebar .page-header.close_icon{
    margin-left:0;
    width:calc(100% - 0px)
}
.page-wrapper.compact-sidebar .page-body-wrapper .page-body{
    margin-top:80px;
    margin-left:150px
}
.page-wrapper.compact-sidebar .page-body-wrapper .footer{
    margin-left:150px
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper{
    position:fixed;
    top:0;
    z-index:9
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper>div{
    height:auto;
    line-height:inherit;
    background:#fff;
    width:150px;
    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-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow{
    display:none
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links{
    margin:30px 0;
    height:calc(100vh - 113px);
    overflow:auto
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a{
    color:#2c323f
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span{
    letter-spacing:0.7px;
    font-family:Roboto;
    text-transform:capitalize;
    color:#2c323f;
    font-size:13px
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active{
    background:rgba(115,102,255,0.1);
    color:#7366ff;
    border-radius:20px;
    margin:0 10px
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span{
    color:#7366ff
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container{
    -webkit-animation:fadeInLeft 300ms ease-in-out;
    animation:fadeInLeft 300ms ease-in-out
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title{
    display:block;
    padding:20px 0;
    border-bottom:1px solid #f3f3f3
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container{
    position:fixed;
    top:0px;
    height:calc(100vh - 0px);
    overflow:auto;
    left:150px;
    width:230px;
    background-color:#fff;
    -webkit-box-shadow:0 16px 15px 15px rgba(126,55,216,0.03);
    box-shadow:0 16px 15px 15px rgba(126,55,216,0.03);
    -webkit-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    display:none;
    padding-top:20px;
    z-index:-1
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a{
    padding:15px 15px 15px 40px;
    display:block;
    position:relative;
    border-bottom:1px solid #f1f1f1
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow{
    display:none
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu{
    position:absolute;
    right:20px;
    top:16px
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a.active,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a.active{
    background-color:rgba(115,102,255,0.1);
    color:#7366ff;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li .submenu-content li a.active,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li .submenu-content li a.active{
    background-color:rgba(0,0,0,0)
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu>li>a::after,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container>li>a::after{
    position:absolute;
    content:"";
    left:20px;
    top:48%;
    width:6px;
    border-top:2px solid #595c60
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box{
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
    padding:0
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section{
    text-align:left
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5{
    position:relative;
    font-size:14px;
    font-weight:400;
    padding:15px 15px 15px 40px;
    letter-spacing:1px;
    margin-bottom:0
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after{
    position:absolute;
    content:"";
    left:20px;
    top:48%;
    width:6px;
    border-top:2px solid #595c60
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list{
    position:relative
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge{
    position:absolute;
    left:53%;
    top:7px;
    font-weight:500;
    font-size:9px
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link{
    text-align:center
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg{
    display:block;
    margin:0 auto 6px
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link>span{
    display:block;
    font-weight:500;
    letter-spacing:1px;
    font-size:14px
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link .according-menu{
    display:none
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu{
    text-align:center;
    padding:0
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg{
    display:block;
    margin:0 auto 6px
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu{
    position:absolute;
    right:20px;
    top:13px
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon{
    -webkit-transform:translateX(-150px);
    transform:translateX(-150px)
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer{
    margin-left:0px
}
.page-wrapper.compact-small .toggle-sidebar{
    position:relative;
    right:unset;
    top:unset;
    margin-right:15px
}
.page-wrapper.compact-small .sidebar-main-title,.page-wrapper.compact-small .logo-wrapper{
    display:none
}
.page-wrapper.compact-small .logo-icon-wrapper{
    display:block;
    text-align:center;
    padding:27px 30px;
    -webkit-box-shadow:-9px 0 20px rgba(89,102,122,0.1);
    box-shadow:-9px 0 20px rgba(89,102,122,0.1)
}
.page-wrapper.compact-small .page-header{
    margin-left:90px;
    width:calc(100% - 90px)
}
.page-wrapper.compact-small .page-header .header-wrapper .logo-wrapper{
    display:none
}
.page-wrapper.compact-small .page-header.close_icon{
    margin-left:0;
    width:calc(100% - 0px)
}
.page-wrapper.compact-small .page-body-wrapper .page-body{
    margin-left:90px
}
.page-wrapper.compact-small .page-body-wrapper .footer{
    margin-left:90px
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper>div{
    width:90px
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title{
    display:block;
    padding:15px 0
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container{
    left:90px
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a{
    padding:10px 15px 10px 40px
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow{
    display:none
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu{
    top:11px
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge{
    display:none
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg{
    display:block;
    margin:0 auto;
    width:20px
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link>span{
    display:none
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg{
    margin:0 auto
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu a>span{
    display:none
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon{
    -webkit-transform:translateX(-150px);
    transform:translateX(-150px)
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer{
    margin-left:0px
}
.page-wrapper.only-body{
    background-color:#f2f0fa
}
.page-wrapper.only-body .page-body-wrapper{
    background-color:#f2f0fa
}
.page-wrapper.only-body .page-header{
    position:relative
}
.page-wrapper.only-body .page-header .nav-menus .profile-nav .media-body>span,.page-wrapper.only-body .page-header .nav-menus .profile-nav .media-body>p{
    color:#fff !important
}
.page-wrapper.only-body .page-header .nav-menus>li>svg{
    stroke:#fff
}
.page-wrapper.only-body .page-header .nav-menus>li>a>svg{
    stroke:#fff
}
.page-wrapper.only-body .page-header .nav-menus>li>div .lang-txt,.page-wrapper.only-body .page-header .nav-menus>li>span .lang-txt{
    color:#fff
}
.page-wrapper.only-body .page-header .nav-menus>li>div i,.page-wrapper.only-body .page-header .nav-menus>li>span i{
    color:#fff
}
.page-wrapper.only-body .page-header .nav-menus>li>div svg,.page-wrapper.only-body .page-header .nav-menus>li>span svg{
    stroke:#fff
}
.page-wrapper.only-body .page-header .left-header,.page-wrapper.only-body .page-header .header-logo-wrapper{
    display:none
}
.page-wrapper.only-body .page-header .header-wrapper{
    padding:0 !important
}
.page-wrapper.only-body .page-header .header-wrapper .nav-right{
    position:absolute;
    right:60px;
    top:58px
}
.page-wrapper.only-body .page-header .header-wrapper .search-full{
    top:37px;
    width:calc(100% - 50px);
    left:25px
}
.page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative{
    background-color:#fff;
    border-radius:15px
}
.page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu{
    top:78px;
    width:calc(100% - 30px);
    margin:0 auto;
    right:0
}
.page-wrapper.only-body .page-body-wrapper .breadcrumb-item+.breadcrumb-item::before{
    color:#fff
}
.page-wrapper.only-body .page-body-wrapper .page-title{
    padding-top:20px;
    padding-bottom:20px
}
.page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb li{
    color:#fff
}
.page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb-item a svg{
    color:#fff
}
.page-wrapper.only-body .page-body-wrapper .page-title .row h3{
    color:#fff
}
.page-wrapper.only-body .sidebar-wrapper,.page-wrapper.only-body footer{
    display:none
}
.page-wrapper.only-body .page-body-wrapper .page-body{
    margin-top:0px;
    min-height:calc(100vh - 0px)
}
.page-wrapper.only-body .page-body-wrapper .page-title{
    background:linear-gradient(26deg, var(--theme-deafult) 0%, #a26cf8 100%);
    padding-left:30px;
    padding-right:30px;
    margin-bottom:30px;
    border-radius:15px;
    margin-top:30px
}
.page-wrapper.only-body .page-body-wrapper .page-title>.row .col-6{
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
}
.page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb{
    margin-top:5px;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.page-wrapper.modern-type .ecommerce-widget{
    border:1px solid #dad6ff !important
}
.page-wrapper.modern-type .theme-form input[type=text],.page-wrapper.modern-type .theme-form input[type=email],.page-wrapper.modern-type .theme-form input[type=search],.page-wrapper.modern-type .theme-form input[type=password],.page-wrapper.modern-type .theme-form input[type=number],.page-wrapper.modern-type .theme-form input[type=tel],.page-wrapper.modern-type .theme-form input[type=date],.page-wrapper.modern-type .theme-form input[type=datetime-local],.page-wrapper.modern-type .theme-form input[type=time],.page-wrapper.modern-type .theme-form input[type=datetime-local],.page-wrapper.modern-type .theme-form input[type=month],.page-wrapper.modern-type .theme-form input[type=week],.page-wrapper.modern-type .theme-form input[type=url],.page-wrapper.modern-type .theme-form input[type=file],.page-wrapper.modern-type .theme-form select,.page-wrapper.modern-type textarea{
    background-color:#dad6ff
}
.page-wrapper.modern-type .file-sidebar .pricing-plan{
    border:1px solid #dad6ff !important
}
.page-wrapper.modern-type .alert-primary{
    color:#7366ff
}
.page-wrapper.modern-type .project-box{
    background-color:#dad6ff
}
.page-wrapper.modern-type .nav-tabs .nav-link.active{
    background-color:transparent
}
.page-wrapper.modern-type .activity-timeline .media .activity-line{
    background-color:#dad6ff
}
.page-wrapper.modern-type .simplebar-mask{
    top:10px
}
.page-wrapper.modern-type .chart_data_left .card-body .chart-main>div:last-child .media,.page-wrapper.modern-type .chart_data_right .card-body .chart-main>div:last-child .media{
    border-right:none !important
}
.page-wrapper.modern-type .page-header{
    margin-left:0px;
    width:calc(100% - 0px)
}
.page-wrapper.modern-type .page-header.close_icon{
    margin-left:0px;
    width:calc(100% - 0px)
}
.page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper{
    display:block;
    margin-right:30px
}
.page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar{
    display:block;
    position:relative;
    top:unset;
    right:unset;
    margin-right:15px
}
.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper{
    margin:30px !important;
    top:80px;
    bottom:0;
    border-radius:15px
}
.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper,.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper{
    display:none
}
.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links{
    height:calc(100vh - 160px)
}
.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper{
    display:none
}
.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body{
    margin-left:0px
}
.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer{
    margin-left:0px
}
.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper{
    display:none
}
.page-wrapper.modern-type .page-body-wrapper .page-body{
    margin-left:310px
}
.page-wrapper.modern-type .page-body-wrapper .page-body .container-fluid{
    max-width:1450px
}
.page-wrapper.modern-type .page-body-wrapper .footer{
    margin-left:390px;
    margin-right:70px;
    border-radius:10px
}
.page-wrapper.material-type{
    position:relative
}
.page-wrapper.material-type::before{
    position:absolute;
    content:'';
    left:0;
    width:100%;
    height:300px;
    background-image:linear-gradient(26deg, var(--theme-deafult) 0%, #a26cf8 100%)
}
.page-wrapper.material-type .card{
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.05);
    box-shadow:0 0 20px rgba(0,0,0,0.05)
}
.page-wrapper.material-type .page-header{
    position:relative;
    max-width:1560px;
    margin:50px auto 0;
    border-radius:15px 15px 0 0
}
.page-wrapper.material-type .page-body-wrapper{
    background-image:url(../images/other-images/boxbg.jpg);
    background-blend-mode:overlay;
    background-color:rgba(255,255,255,0.5)
}
.page-wrapper.material-type .page-body-wrapper .sidebar-wrapper{
    position:relative;
    max-width:1560px;
    margin:0 auto;
    top:unset;
    height:unset
}
.page-wrapper.material-type .page-body-wrapper .page-body{
    margin:0 auto;
    max-width:1560px;
    background-color:#f8f8f8;
    -webkit-box-shadow:0 0 20px 7px rgba(8,21,66,0.05);
    box-shadow:0 0 20px 7px rgba(8,21,66,0.05);
    border-radius:0 0 15px 15px
}
.page-wrapper.material-type .footer{
    margin-top:40px
}
.page-wrapper.advance-layout{
    background-blend-mode:overlay;
    background-color:rgba(248,248,248,0.7)
}
.page-wrapper.advance-layout .card{
    border-radius:5px;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px solid #ecf3fa
}
.page-wrapper.advance-layout .page-header{
    position:relative;
    background-color:#fff;
    margin:0 auto
}
.page-wrapper.advance-layout .page-body-wrapper{
    background:transparent
}
.page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper{
    position:relative !important;
    top:unset !important;
    height:unset;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-top:1px solid #efefef;
    border-bottom:1px solid #efefef
}
.page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper>div{
    overflow-x:hidden
}
.page-wrapper.advance-layout .page-body-wrapper .page-body{
    margin-top:0 !important
}
@-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 (max-width: 1366px){
    .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:var(--theme-deafult)
    }
    .mobile-title.d-none svg{
        stroke:var(--theme-deafult) !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 .notification-dropdown{
        top:46px
    }
    .responsive-btn{
        display:none
    }
    .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 .left-header .mega-menu .nav-link,.page-wrapper.material-icon .left-header .level-menu .nav-link{
        background-color:rgba(255,255,255,0.09);
        color:rgba(255,255,255,0.7)
    }
    .page-wrapper.material-icon .left-header .mega-menu .nav-link svg,.page-wrapper.material-icon .left-header .level-menu .nav-link svg{
        stroke:rgba(255,255,255,0.7)
    }
    .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 .cart-box svg{
        stroke:#fff
    }
    .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 .media-body 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: 767px){
    .sidebar-wrapper .menu .brand-logo img{
        width:120px
    }
}
@media screen and (max-width: 576px){
    .toggle-nav i{
        font-size:20px
    }
}
html[dir="rtl"] ul{
    padding-right:0
}
html[dir="rtl"] .f-right{
    float:left
}
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"] .knowledgebase-search .form-inline svg{
    left:unset;
    right:20px
}
html[dir="rtl"] .switch-showcase .form-check .form-check-input{
    float:left
}
html[dir="rtl"] .pill-input-group span:last-child{
    border-top-right-radius:unset !important;
    border-bottom-right-radius:unset !important;
    border-top-left-radius:1.3rem !important;
    border-bottom-left-radius:1.3rem !important
}
html[dir="rtl"] .pill-input-group span:first-child{
    border-top-left-radius:unset !important;
    border-top-right-radius:unset !important;
    border-top-right-radius:1.3rem !important;
    border-bottom-right-radius:1.3rem !important
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper{
    text-align:right
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .toggle-sidebar{
    right:unset;
    left:30px
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links{
    padding:0
}
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 .badge{
    left:50px !important;
    right:unset !important
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon{
    margin-right:0;
    margin-left:unset
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper{
    text-align:left
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper img{
    margin-left:8px
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .page-body,html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer{
    margin-left:0;
    margin-right:100px;
    -webkit-transition:0.5s;
    transition:0.5s
}
html[dir="rtl"] .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-left:0
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .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 .sidebar-wrapper.close_icon .according-menu{
    display:none
}
html[dir="rtl"] .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-left:13px
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover{
    -webkit-transform:translate(0px);
    transform:translate(0px)
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .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 .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 .sidebar-wrapper:hover .according-menu{
    display:block
}
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 .sidebar-submenu:after{
    right:30px;
    left:unset
}
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 .sidebar-submenu>li a{
    padding-right:45px !important;
    padding-left:unset !important
}
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 .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 .according-menu{
    right:unset;
    left:20px
}
html[dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .nav-right{
    right:unset;
    left:30px
}
html[dir="rtl"] .date-details>div+div{
    margin-left:unset;
    margin-right:10px
}
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 .media .media-body 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"] .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"] .form-select{
    background-position:left 0.75rem center;
    padding:0.375rem 0.75rem 0.375rem 1.75rem
}
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:5px 0 5px 30px
}
html[dir="rtl"] .project-box .badge{
    right:unset;
    left:30px
}
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"] .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-wrapper.material-type .page-body-wrapper .page-body{
    margin-right:auto
}
html[dir="rtl"] .page-header .header-wrapper .nav-right>ul>li:first-child{
    margin-right:0
}
html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body{
    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:0
}
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"] .page-wrapper.compact-sidebar .toggle-sidebar{
    margin-left:15px;
    margin-right:unset
}
html[dir="rtl"] .page-wrapper.compact-sidebar .page-header{
    margin-left:unset;
    margin-right:150px
}
html[dir="rtl"] .page-wrapper.compact-sidebar .page-header.close_icon{
    margin-right:0
}
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .page-body{
    margin-left:unset;
    margin-right:150px
}
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .footer{
    margin-left:unset;
    margin-right:150px
}
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper>div{
    text-align:right
}
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container{
    -webkit-animation:fadeInRight 1000ms ease-in-out;
    animation:fadeInRight 1000ms ease-in-out
}
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container{
    right:150px;
    left:unset
}
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a{
    padding:15px 40px 15px 15px
}
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu{
    right:20px
}
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu>li>a::after,html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container>li>a::after{
    left:unset;
    right:20px
}
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section{
    text-align:right
}
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5{
    padding:15px 40px 15px 15px
}
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after{
    left:unset;
    right:20px
}
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge{
    left:unset;
    right:53%
}
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link{
    text-align:center
}
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu{
    text-align:center
}
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu{
    right:unset;
    left:20px
}
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon{
    -webkit-transform:translateX(150px);
    transform:translateX(150px)
}
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer{
    margin-right:0px
}
html[dir="rtl"] .page-wrapper.compact-small .page-header{
    margin-right:90px
}
html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container{
    right:90px
}
html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper .footer,html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper .page-body{
    margin-right:90px
}
html[dir="rtl"] .page-wrapper.material-icon .page-header{
    padding-left:unset;
    padding-right:90px;
    margin:0 auto
}
html[dir="rtl"] .page-wrapper.material-icon .page-header.close_icon{
    padding-right:0
}
html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper .page-body{
    padding-left:15px;
    padding-right:90px;
    margin:0 auto
}
html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body{
    padding-right:15px;
    margin:0 auto !important
}
html[dir="rtl"] .apexcharts-canvas{
    direction:ltr
}
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 .details-bookmark .bookmark-card.card .favourite-icon{
    text-align:center
}
html[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark{
    text-align:right
}
html[dir="rtl"] .bookmark-wrap .details-bookmark .row>div+div{
    padding-left:15px !important
}
html[dir="rtl"] .earning-card.card .card-body .chart-left{
    padding:40px 40px 40px 0
}
html[dir="rtl"] .earning-card.card .card-body .inner-top-left ul li,html[dir="rtl"] .earning-card.card .card-body .inner-top-right ul li{
    margin-left:unset;
    margin-right:35px
}
html[dir="rtl"] .earning-card.card .card-body .inner-top-left ul li:first-child,html[dir="rtl"] .earning-card.card .card-body .inner-top-right ul li:first-child{
    margin-right:0
}
html[dir="rtl"] .earning-card.card .card-body .inner-top-right{
    padding-left:15px
}
html[dir="rtl"] .earning-card.card .card-body .media .media-left{
    margin-right:unset;
    margin-left:15px
}
html[dir="rtl"] .earning-card.card .card-body .earning-content{
    border-right:unset;
    border-left:1px solid #ecf3fa
}
html[dir="rtl"] .chart_data_left .card-body .chart-main .media,html[dir="rtl"] .chart_data_right .card-body .chart-main .media{
    border-right:unset;
    border-left:1px solid #ecf3fa
}
html[dir="rtl"] .chart_data_left .card-body .chart-main .media .media-body .right-chart-content,html[dir="rtl"] .chart_data_right .card-body .chart-main .media .media-body .right-chart-content{
    margin-left:unset;
    margin-right:30px
}
html[dir="rtl"] .chart_data_left .card-body .chart-main .media.border-none,html[dir="rtl"] .chart_data_right .card-body .chart-main .media.border-none{
    border-left:none
}
html[dir="rtl"] .chart_data_right .card-body .media .right-chart-content h4 .new-box{
    margin-left:unset;
    margin-right:10px
}
html[dir="rtl"] .appointment-table table tr td .status-circle{
    left:unset;
    right:35px
}
html[dir="rtl"] .notification .card .media .media-body h6 .dot-notification{
    float:left
}
html[dir="rtl"] .notification .card .media .media-body p .badge{
    margin-left:unset;
    margin-right:10px
}
html[dir="rtl"] .notification .card .media .media-body .inner-img:first-child{
    margin-right:unset;
    margin-left:20px
}
html[dir="rtl"] .chat-default .card-body.chat-box .left-side-chat .media-body .main-chat{
    margin-left:unset;
    margin-right:15px
}
html[dir="rtl"] .chat-default .card-body.chat-box .left-side-chat .media-body .main-chat .message-main span{
    border-bottom-right-radius:0;
    border-bottom-left-radius:30px
}
html[dir="rtl"] .chat-default .card-body.chat-box .right-side-chat .media-body .message-main span{
    border-bottom-right-radius:30px;
    border-bottom-left-radius:0
}
html[dir="rtl"] .chat-default .card-body.chat-box .input-group .form-control{
    border-left:unset;
    border-right:1px solid var(--theme-deafult)
}
html[dir="rtl"] .chat-default .card-body.chat-box .input-group .send-msg svg{
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg);
    margin-left:5px
}
html[dir="rtl"] .dash-chart .media .media-body p .font-roboto{
    float:right
}
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(#f73164), to(rgba(0,0,0,0)));
    background-image:linear-gradient(to right, #f73164, 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(#51bb25), to(rgba(0,0,0,0)));
    background-image:linear-gradient(to right, #51bb25, 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(#dc3545), to(rgba(0,0,0,0)));
    background-image:linear-gradient(to right, #dc3545, 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(#a927f9), to(rgba(0,0,0,0)));
    background-image:linear-gradient(to right, #a927f9, 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(#f8d62b), to(rgba(0,0,0,0)));
    background-image:linear-gradient(to right, #f8d62b, 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"] .our-product table tr td:first-child,html[dir="rtl"] .best-seller-table table tr td:first-child{
    padding-left:20px;
    padding-right:0
}
html[dir="rtl"] .our-product table tr td:last-child,html[dir="rtl"] .best-seller-table table tr td:last-child{
    padding-right:20px;
    padding-left:0;
    text-align:left
}
html[dir="rtl"] .best-seller-table table tbody tr td .align-middle .status-circle{
    left:unset;
    right:32px
}
html[dir="rtl"] .best-seller-table table tbody tr td .fa-check-circle{
    left:unset;
    right:30px
}
html[dir="rtl"] .activity-timeline .media .media-body{
    margin-left:unset;
    margin-right:20px
}
html[dir="rtl"] .activity-timeline .media .activity-line{
    left:unset;
    right:46px
}
html[dir="rtl"] .offer-box .offer-slider .carousel-control-prev,html[dir="rtl"] .offer-box .offer-slider .carousel-control-next{
    right:unset;
    left:0
}
html[dir="rtl"] .total-users .goal-status .progress{
    background-image:-webkit-gradient(linear, left top, right top, color-stop(15%, rgba(0,0,0,0)), color-stop(25%, rgba(169,39,249,0.1)), to(rgba(0,0,0,0)));
    background-image:linear-gradient(to right, rgba(0,0,0,0) 15%, rgba(169,39,249,0.1) 25%, rgba(0,0,0,0))
}
html[dir="rtl"] .total-users .goal-status .progress-gradient-primary{
    background-image:-webkit-gradient(linear, left top, right top, color-stop(25%, var(--theme-deafult)), color-stop(rgba(169,39,249,0.1)), to(rgba(0,0,0,0)));
    background-image:linear-gradient(to right, var(--theme-deafult) 25%, rgba(169,39,249,0.1), rgba(0,0,0,0))
}
html[dir="rtl"] .cal-date-widget .cal-info .pe-3{
    padding-right:1rem !important
}
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
}
html[dir="rtl"] .ProfileCard-details{
    padding-right:30px;
    padding-left:unset;
    float:right
}
html[dir="rtl"] .starter-main .card-body ul{
    padding-right:30px;
    padding-left:unset
}
html[dir="rtl"] .theme-tab .tab-title li a svg{
    margin-left:5px;
    margin-right:unset
}
html[dir="rtl"] .spent .spent-graph .project-budget{
    margin-left:30px;
    margin-right:unset
}
html[dir="rtl"] .support-table table tbody tr td:first-child{
    padding-right:0;
    padding-left:unset
}
html[dir="rtl"] .widget-joins .row .pe-0{
    padding-right:15px !important
}
html[dir="rtl"] .widget-joins .row .ps-0{
    padding-left:15px !important
}
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-right:calc(25% + 9px);
    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-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"] .checkbox_animated,html[dir="rtl"] .radio_animated{
    margin:0 8px 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:0.25rem;
    border-bottom-right-radius:0.25rem
}
html[dir="rtl"] .btn-group>.btn:not(:first-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"] .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:0.25rem;
    border-bottom-left-radius:0.25rem;
    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 .value-left{
    margin-left:30px;
    margin-right:unset
}
html[dir="rtl"] .card .card-body .square{
    margin-left:5px;
    margin-right:unset
}
html[dir="rtl"] .modal-header .btn-close{
    margin:-0.5rem auto -0.5rem -0.5rem
}
html[dir="rtl"] .modal-footer>:not(:first-child){
    margin-right:.50rem;
    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:0.5rem;
    padding-right:unset;
    float:right
}
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-right-radius:0.25rem;
    border-bottom-right-radius:0.25rem;
    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-left-radius:0.25rem;
    border-bottom-left-radius:0.25rem;
    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{
    background-position:left calc(0.375em + 0.1875rem) center;
    padding-left:calc(1.5em + 0.75rem);
    padding-right:12px
}
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-append:not(:last-child)>.btn,html[dir="rtl"] .input-group>.input-group-append:not(:last-child)>.input-group-text,html[dir="rtl"] .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),html[dir="rtl"] .input-group>.input-group-append:last-child>.input-group-text:not(:last-child){
    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"] .input-group>.input-group-append>.btn,html[dir="rtl"] .input-group>.input-group-append>.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"] .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 .media .social-status{
    right:35px;
    left:unset
}
html[dir="rtl"] .social-chat .other-msg{
    margin-right:40px;
    margin-left:unset
}
html[dir="rtl"] .social-chat .media-body:before{
    left:100%;
    right:unset;
    border-left:7px solid var(-semi-dark);
    border-right:unset
}
html[dir="rtl"] .social-chat .media-body:after{
    left:100%;
    right:unset;
    border-left:7px solid #fff;
    border-right:unset
}
html[dir="rtl"] .timeline-content .comment-number i{
    margin-left:20px;
    margin-right:unset
}
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"] .user-profile .hovercard .user-image .share-icons{
    left:100px;
    right:unset
}
html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li{
    margin-left:10px;
    margin-right:unset
}
html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li:last-child{
    margin-left:0
}
html[dir="rtl"] .faq-form .search-icon{
    left:12px;
    right:unset
}
html[dir="rtl"] .faq-widgets .media-body 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:30px;
    right:unset
}
html[dir="rtl"] .faq-accordion .card .btn-link svg{
    margin-left:10px;
    margin-right:unset
}
html[dir="rtl"] .navigation-option ul li{
    padding:15px 0 15px 15px
}
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"] .browse .browse-articles span svg{
    margin-left:10px;
    margin-right:unset
}
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"] 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"] .knob-chart .chart-clock-main .clock-small{
    right:10px;
    left:unset
}
html[dir="rtl"] .weather-widget-two .top-bg-whether{
    left:-28px;
    right:unset
}
html[dir="rtl"] .weather-widget-two .bottom-whetherinfo svg{
    left:unset;
    right:-35px
}
html[dir="rtl"] .mobile-clock-widget .bg-svg{
    left:unset;
    right:-25px
}
html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks{
    left:30px;
    right:unset
}
html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks .btn-label{
    margin-left:5px;
    margin-right:unset
}
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-top-right-radius:25px;
    border-bottom-right-radius:25px;
    padding-left:unset;
    border-top-left-radius:unset;
    border-bottom-left-radius: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"] .search-todo .dropdown-basic .btn-group{
    margin-left:18px;
    margin-right:unset
}
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 .media .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"] .email-wrap .email-right-aside .radius-left{
    border-top-right-radius:0 !important;
    border-bottom-right-radius:0 !important;
    border-radius:4px
}
html[dir="rtl"] #renderRange{
    float:left;
    padding-left:unset;
    padding-right:12px
}
html[dir="rtl"] .event-calendar{
    direction:ltr
}
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-top-left-radius:0.25rem !important;
    border-bottom-left-radius:0.25rem !important;
    border-top-right-radius:0 !important;
    border-bottom-right-radius:0 !important
}
html[dir="rtl"].button-builder ul.the-icons li{
    float:right
}
html[dir="rtl"].button-builder .color-slelector{
    float:right
}
html[dir="rtl"].button-builder .custom-button-color .form-control{
    border-radius:0 5px 5px 0
}
html[dir="rtl"].button-builder .custom-button-color .form-control.pull-left{
    float:right
}
html[dir="rtl"].button-builder .hint-label{
    float:right;
    padding:4px 020px 0 0
}
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-builder-column .tab-content .tab-pane .theme-form .ui-draggable .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-builder-column #pills-tabContent .theme-form .form-group .input-group #buttondropdown,html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group #buttondropdown{
    margin-right:unset;
    margin-left:15px
}
html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .form-group .input-group .input-group-btn button,html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group .input-group-btn button{
    border-radius:4px !important
}
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"] .form-builder .component .form-group .input-group #buttondropdown{
    margin-right:unset;
    margin-left:-1px
}
html[dir="rtl"] .form-builder .component .form-group .pl-md-radios{
    padding-right:37px;
    padding-left:unset
}
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"] .search-page .nav i{
    margin-left:10px;
    margin-right:unset
}
html[dir="rtl"] .product-stts{
    display:inline-block
}
html[dir="rtl"] .product-stts .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"] .icon-hover-bottom .icon-title{
    text-align:right
}
html[dir="rtl"] .icon-hover-bottom .icon-popup .icon-last .form-inline .form-group .btn{
    margin-right:15px;
    margin-left:unset
}
html[dir="rtl"] .icon-lists div i{
    margin:0 10px 0 15px
}
html[dir="rtl"] .icon-lists ul{
    padding-right:0
}
html[dir="rtl"] ul.icon-lists{
    padding-right:30px
}
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"] .form-builder-2-header>div nav{
    float:left
}
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-body-wrapper .page-title .row h3{
    text-align:right;
    padding-left:20px;
    padding-right:unset !important
}
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:100px;
    margin-left:unset;
    width:calc(100% - 100px)
}
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 .mega-menu .nav-link svg,html[dir="rtl"] .left-header .level-menu .nav-link svg{
    margin-right:unset;
    margin-left:5px
}
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 .level-menu .header-level-menu>li>.header-level-sub-menu{
    left:unset;
    right:173px
}
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"] .page-header .header-wrapper .left-header{
    text-align:right
}
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;
    left:0
}
html[dir="rtl"] .page-header .header-wrapper .nav-right .chat-dropdown li .media .status-circle{
    left:unset;
    right:0px
}
html[dir="rtl"] .page-header .header-wrapper .nav-right .cart-dropdown .close-circle{
    right:unset;
    left:0
}
html[dir="rtl"] .page-header .header-wrapper .nav-right>ul>li{
    margin-right:unset;
    margin-left:5px;
    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.onhover-dropdown:last-child{
    padding-left:0;
    padding-right:20px;
    border-right:none
}
html[dir="rtl"] .page-header .header-wrapper .nav-right>ul>li:last-child{
    padding-right:20px;
    padding-left:0
}
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 #7366ff;
    right:54px;
    left:unset;
    border-left:unset
}
html[dir="rtl"] .alert-secondary.inverse:before{
    border-right:7px solid #f73164;
    right:54px;
    left:unset;
    border-left:unset
}
html[dir="rtl"] .alert-success.inverse:before{
    border-right:7px solid #51bb25;
    right:54px;
    left:unset;
    border-left:unset
}
html[dir="rtl"] .alert-danger.inverse:before{
    border-right:7px solid #dc3545;
    right:54px;
    left:unset;
    border-left:unset
}
html[dir="rtl"] .alert-warning.inverse:before{
    border-right:7px solid #f8d62b;
    right:54px;
    left:unset;
    border-left:unset
}
html[dir="rtl"] .alert-info.inverse:before{
    border-right:7px solid #a927f9;
    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"] .alert-dismissible .btn-close{
    left:0;
    right:unset
}
html[dir="rtl"] .alert-dismissible .btn-close span{
    padding-left:0;
    padding-right:unset
}
html[dir="rtl"] .icofont.icofont-truck{
    display:inline-block
}
html[dir="rtl"] .blog-box .blog-details{
    padding-left:20px;
    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{
    padding-left:40px;
    padding-right:unset
}
html[dir="rtl"] .blog-box .blog-details .blog-social li:first-child{
    border-left:1px solid #777777;
    border-right:unset;
    padding-left:40px;
    padding-right:unset
}
html[dir="rtl"] .blog-box .blog-details .blog-social li+li{
    margin-right:30px;
    margin-left:unset;
    padding-left:0
}
html[dir="rtl"] .blog-box .blog-details-main .blog-social li{
    border-left:1px dotted;
    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
}
html[dir="rtl"] .comment-box .media img{
    margin-left:45px;
    margin-right:unset
}
html[dir="rtl"] .comment-box .media 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
}
html[dir="rtl"] .comment-box .comment-social li{
    padding-left:0;
    padding-right:20px
}
html[dir="rtl"] .comment-box .comment-social li:first-child{
    border-left:1px solid #efefef;
    border-right:unset;
    padding-right:0;
    padding-left:20px
}
html[dir="rtl"] .button-builder-wrap .form-group .btn{
    margin-left:15px;
    margin-right:0;
    padding:9px
}
html[dir="rtl"] .button-builder ul.the-icons{
    padding-right:0 !important
}
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;
    border-left:unset
}
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-append{
    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"] .product-price del{
    padding-left:20px;
    padding-right:0
}
html[dir="rtl"] .product-box .modal .modal-header .btn-close{
    right:unset;
    left:15px
}
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"] .customer-review .media img{
    margin-left:25px;
    margin-right:0
}
html[dir="rtl"] .nav{
    padding-right:0
}
html[dir="rtl"] .custom-file-label::after{
    left:0;
    right:unset
}
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"] .static-top-widget .media-body{
    padding-right:30px;
    padding-left:unset
}
html[dir="rtl"] .static-top-widget .media-body .icon-bg{
    left:-20px;
    right:unset
}
html[dir="rtl"] .widget-joins .media .details{
    border-right:1px solid #efefef;
    border-left:unset
}
html[dir="rtl"] .widget-joins .media .media-body{
    text-align:right
}
html[dir="rtl"] .weather-widget-two .bottom-whetherinfo .whether-content{
    text-align:left
}
html[dir="rtl"] .jstree-default .jstree-node{
    margin-left:unset;
    margin-right:24px;
    background-position:-292px -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:0.25rem;
    border-bottom-left-radius:0.25rem
}
html[dir="rtl"] .img-cropper .btn-group button:first-child{
    border-top-right-radius:.25rem;
    border-bottom-right-radius:.25rem;
    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:0.25rem;
    border-bottom-left-radius:0.25rem
}
html[dir="rtl"] .docs-toggles .btn-group .btn:first-child{
    border-top-right-radius:0.25rem;
    border-bottom-right-radius:0.25rem
}
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"] .order-history table tbody tr td .product-name .order-process .order-process-circle:before{
    right:-15px;
    left:unset
}
html[dir="rtl"] .order-history table th:first-child,html[dir="rtl"] .order-history table td:first-child{
    text-align:right
}
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"] .ribbon-vertical-left{
    right:auto;
    left:12px
}
html[dir="rtl"] .ribbon-vertical-right{
    right:auto;
    left:12px
}
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:.5em;
    margin-right:unset
}
html[dir="rtl"] .list-icons{
    padding-right:0
}
html[dir="rtl"] .card-header.note-toolbar .note-color .dropdown-toggle{
    padding-right:5px
}
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;
    border-left:7px solid #eeeeee;
    border-right:unset
}
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"] .like-comment ul.list-inline{
    padding-right:0
}
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-outer{
    text-align:right
}
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 .earning-details i{
    left:-240px
}
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"] .chart-vertical-center #myDoughnutGraph,html[dir="rtl"] .chart-vertical-center #myPolarGraph{
    width:auto !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"] .footer-copyright{
    text-align:right
}
html[dir="rtl"] .footer-links{
    text-align:left
}
html[dir="rtl"] .page-item:first-child .page-link{
    margin-right:0;
    border-top-right-radius:0.25rem;
    border-bottom-right-radius:0.25rem;
    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:0.25rem;
    border-bottom-left-radius:0.25rem;
    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-append>.btn,html[dir="rtl"] .bootstrap-touchspin>.input-group-append>.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{
    padding-right:10px
}
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:#e8e6ff
}
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"] body.dark-only .earning-card.card .card-body .earning-content{
    border-left:1px solid #374558
}
html[dir="rtl"] body.dark-only .chart_data_left .card-body .chart-main .media,html[dir="rtl"] body.dark-only .chart_data_right .card-body .chart-main .media{
    border-left:1px solid #374558
}
html[dir="rtl"] body.dark-only .widget-joins .media .details{
    border-left:unset !important;
    border-right:1px solid #374558
}
html[dir="rtl"] body.dark-only .custom-card .card-footer>div+div{
    border-right:1px solid #374558
}
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 #374558 !important
}
@media screen and (max-width: 1660px){
    html[dir="rtl"] .caller-img{
        left:unset;
        right:15px
    }
}
@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"] .product-sidebar{
        -webkit-transform:translateX(300px) scaleX(0);
        transform:translateX(300px) scaleX(0)
    }
    html[dir="rtl"] .photos ul li:nth-child(3n){
        margin-left:15px;
        margin-right:unset
    }
    html[dir="rtl"] .chat-left-aside .status-circle{
        left:unset;
        right:22px
    }
    html[dir="rtl"] .earning-card .card-body>.row>div .chart-left{
        padding:40px
    }
    html[dir="rtl"] .earning-card .card-body>.row>div .chart-left .left-btn{
        text-align:left
    }
    html[dir="rtl"] .chart_data_left .card-body .chart-main .media .media-body .right-chart-content{
        margin-right:4px
    }
    html[dir="rtl"] .best-seller-table table tbody tr td .fa-check-circle{
        right:2px
    }
    html[dir="rtl"] .offer-box .offer-slider .selling-slide .d-flex .left-content{
        padding-left:unset;
        padding-right:15px
    }
}
@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: 1199.98px){
    html[dir="rtl"] .jkanban-container .btn{
        margin-left:unset;
        margin-right:20px
    }
    html[dir="rtl"] .link-section>div>h6:before{
        right:unset;
        left:10px
    }
    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"] .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"] .user-profile .hovercard .user-image .share-icons{
        left:45px
    }
    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"] .email-wrap .email-right-aside .radius-left{
        border-top-right-radius:0 !important;
        border-bottom-right-radius:0 !important;
        border-radius:4px
    }
    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"] .earning-card .card-body>.row>div .chart-left .left_side_earning:nth-child(3){
        text-align:left
    }
    html[dir="rtl"] .chart_data_left .card-body .chart-main .media .media-body .right-chart-content{
        margin-right:30px
    }
    html[dir="rtl"] .best-seller-table table tbody tr td .fa-check-circle{
        right:18px
    }
}
@media only screen and (max-width: 991.98px){
    html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks{
        left:20px
    }
    html[dir="rtl"] .left-header .mega-menu .nav-link svg,html[dir="rtl"] .left-header .level-menu .nav-link svg{
        margin-left:0
    }
    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.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 .logo-wrapper .back-btn{
        float:left;
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar{
        margin-right:0;
        border-right:none;
        padding-right:0;
        border-left:1px solid #ddd;
        margin-left:15px;
        padding-left:15px
    }
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-header{
        margin-right:0
    }
    html[dir="rtl"] .page-wrapper.material-icon .page-header{
        padding-right:0
    }
    html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper .page-body{
        padding-right:15px
    }
    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"] .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"] .card-body .value-left{
        margin-left:20px
    }
    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"] .earning-card.card .card-body>.row>div .chart-left{
        padding:20px
    }
    html[dir="rtl"] .chart_data_left .card-body .chart-main .media .media-body .right-chart-content{
        margin-right:20px
    }
    html[dir="rtl"] .activity-timeline .media .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
    }
}
@media only screen and (max-width: 991px) and (min-width: 768px){
    html[dir="rtl"] .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper{
        left:unset;
        right:0
    }
}
@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"] .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: 767.98px){
    html[dir="rtl"] .list-persons .profile-mail .email-general ul{
        padding-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"] .left-header .mega-menu .nav-link.active{
        color:#000
    }
    html[dir="rtl"] .product-wrapper.sidebaron .product-grid .product-wrapper-grid{
        margin-right:0
    }
    html[dir="rtl"] .feature-products .filter-toggle{
        margin-right:10px;
        margin-left:unset
    }
    html[dir="rtl"] .page-wrapper .nav-right .nav-menus{
        margin-right:unset;
        margin-left:57px
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .nav-right .nav-menus{
        margin-right:unset;
        margin-left:25px
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .left-header .mega-menu,html[dir="rtl"] .page-wrapper.compact-sidebar .left-header .mega-menu{
        right:unset;
        left:30px
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .left-header .mega-menu .nav-link,html[dir="rtl"] .page-wrapper.compact-sidebar .left-header .mega-menu .nav-link{
        padding-right:16px;
        padding-left:0;
        border:0
    }
    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons{
        left:25px !important
    }
    html[dir="rtl"] .ecommerce-widget .text-md-right{
        text-align:left !important
    }
    html[dir="rtl"] .bar-chart-widget .earning-details i{
        left:-147px !important
    }
    html[dir="rtl"] .dashboard-sec .earning-card .card-body>.row>div .chart-right>.row ul li+li{
        margin-left:unset;
        margin-right:25px
    }
    html[dir="rtl"] .dashboard-sec .earning-card .card-body>.row>div .chart-right>.row .inner-top-right ul li{
        margin-left:unset;
        margin-right:30px
    }
}
@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: 575.98px){
    html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks{
        left:15px
    }
    html[dir="rtl"] .list-persons .nav-pills .nav-link .media .media-body{
        text-align:right
    }
    html[dir="rtl"] .mega-menu{
        padding-left:unset;
        padding-right:15px
    }
    html[dir="rtl"] .left-header .level-menu .nav-link{
        margin:0
    }
    html[dir="rtl"] .page-wrapper .nav-right .nav-menus{
        margin-left:45px
    }
    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right>ul li{
        margin-right:unset;
        margin-left:1px
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar,html[dir="rtl"] .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar{
        margin-left:8px;
        padding-left:8px;
        margin-right:unset;
        padding-right:unset;
        border-right:unset;
        border-left:1px solid #ddd
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .left-header .mega-menu,html[dir="rtl"] .page-wrapper.compact-sidebar .left-header .mega-menu{
        left:15px
    }
    html[dir="rtl"] .page-wrapper.compact-wrapper .nav-right .nav-menus{
        margin-left:30px
    }
    html[dir="rtl"] .translate_wrapper.active .more_lang.active{
        left:unset;
        right:15px
    }
    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:15px !important
    }
    html[dir="rtl"] .faq-accordion .faq-header svg{
        left:15px
    }
    html[dir="rtl"] .categories .learning-header{
        padding-right:15px
    }
    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons{
        left:15px !important
    }
    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li{
        margin-left:0px
    }
    html[dir="rtl"] .main .langChoice{
        left:15px
    }
    html[dir="rtl"] .page-wrapper .search-form .form-group{
        margin-left:0
    }
    html[dir="rtl"] .card-body .value-left{
        margin-left:15px
    }
    html[dir="rtl"] .earning-card .card-body>.row>div .chart-left .left_side_earning:nth-child(3){
        text-align:right
    }
    html[dir="rtl"] .earning-card .card-body>.row>div .chart-left .left-btn{
        text-align:right
    }
    html[dir="rtl"] .dashboard-sec .earning-card .card-body>.row>div .chart-right>.row ul li+li{
        margin-right:15px
    }
}
@media only screen and (max-width: 480px){
    html[dir="rtl"] .left-header .level-menu .header-level-menu>li>.header-level-sub-menu{
        right:140px
    }
    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"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container{
        right:112px
    }
    html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container{
        right:80px
    }
}
@media only screen and (max-width: 360px){
    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"] .social-chat .other-msg{
        margin-right:15px
    }
}
@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
    }
}
.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 .apache-cotainer-large>div,.box-layout .apache-cotainer-large canvas,.box-layout #line-visual>div,.box-layout #line-visual canvas,.box-layout #line-visulH>div,.box-layout #line-visulH canvas{
        width:100% !important
    }
    .box-layout .left-header .mega-menu-container{
        width:calc(100vw - 870px);
        left:-70px;
        min-width:1000px
    }
    .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 .sidebar-wrapper,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper{
        width:230px;
        top:40px;
        border-radius:10px 0 0 10px
    }
    .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:1200px;
        left:47%
    }
    .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,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links{
        height:calc(100vh - 196px)
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper{
        -webkit-box-shadow:0 8px 6px -6px rgba(89,102,122,0.1);
        box-shadow:0 8px 6px -6px rgba(89,102,122,0.1)
    }
    .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 - 191px)
    }
    .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 - 130px);
        margin-top:0;
        top:80px;
        overflow:scroll;
        max-height:calc(100vh - 220px);
        padding-bottom:80px;
        margin-left:230px
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track{
        -webkit-box-shadow:inset 0 0 6px #ecf3fa
    }
    .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-sidebar .page-header,.box-layout.page-wrapper.compact-sidebar .page-header{
        padding-left:148px
    }
    .box-layout .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header,.box-layout.page-wrapper.compact-sidebar .page-header .header-wrapper .left-header{
        -webkit-box-flex:0;
        -ms-flex:0 0 30%;
        flex:0 0 30%;
        max-width:30%
    }
    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper{
        margin-top:40px
    }
    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper{
        top:40px
    }
    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon{
        display:none;
        -webkit-transition:0.5s;
        transition:0.5s
    }
    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links{
        height:calc(100vh - 166px);
        margin:0
    }
    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,.box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container{
        left:470px;
        top:40px;
        height:calc(100vh - 84px)
    }
    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,.box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container{
        -webkit-animation:unset;
        animation:unset
    }
    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .footer,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper .footer{
        margin-left:0
    }
    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body{
        min-height:calc(100vh - 90px);
        margin-top:0;
        top:80px;
        overflow:scroll;
        max-height:calc(100vh - 170px);
        padding-bottom:80px
    }
    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track{
        -webkit-box-shadow:inset 0 0 6px #ecf3fa
    }
    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar{
        width:6px
    }
    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb{
        background-color:rgba(68,102,242,0.15)
    }
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-header,.box-layout.page-wrapper.compact-sidebar.compact-small .page-header{
        padding-left:90px
    }
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-header.close_icon,.box-layout.page-wrapper.compact-sidebar.compact-small .page-header.close_icon{
        padding-left:0
    }
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,.box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container,.box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,.box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container{
        left:410px
    }
    .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:80px;
        min-height:calc(100vh - 310px);
        max-height:calc(100vh - 230px);
        overflow:scroll
    }
    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track,.box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track{
        -webkit-box-shadow:inset 0 0 6px #ecf3fa
    }
    .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:80px;
        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;
        background-color:#fff
    }
    .box-layout .page-wrapper.horizontal-wrapper .page-header,.box-layout.page-wrapper.horizontal-wrapper .page-header{
        padding-left:0
    }
    .box-layout .page-wrapper.modern-type .page-header,.box-layout.page-wrapper.modern-type .page-header{
        padding-left:0px
    }
    .box-layout .page-wrapper.modern-type .page-header .header-wrapper .left-header,.box-layout.page-wrapper.modern-type .page-header .header-wrapper .left-header{
        -webkit-box-flex:0;
        -ms-flex:0 0 26%;
        flex:0 0 26%;
        max-width:26%
    }
    .box-layout .page-wrapper.modern-type .page-header .header-wrapper .nav-right,.box-layout.page-wrapper.modern-type .page-header .header-wrapper .nav-right{
        -webkit-box-flex:0;
        -ms-flex:0 0 60%;
        flex:0 0 60%;
        max-width:60%
    }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .page-body,.box-layout.page-wrapper.modern-type .page-body-wrapper .page-body{
        margin-left:260px
    }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper,.box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper{
        top:120px
    }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links,.box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links{
        height:calc(100vh - 311px)
    }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links,.box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links{
        height:calc(100vh - 316px)
    }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer,.box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer{
        width:1280px;
        left:50%;
        margin-left:0
    }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .footer,.box-layout.page-wrapper.modern-type .page-body-wrapper .footer{
        margin-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:230px;
        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:0;
        margin-left:auto;
        width:calc(100% - 0px);
        -webkit-transition:.5s;
        transition:.5s
    }
    .box-layout .page-wrapper .page-header .header-wrapper,.box-layout.page-wrapper .page-header .header-wrapper{
        border:1px solid #f8f8f8;
        border-radius:10px 10px 0 0
    }
    .box-layout .page-wrapper .page-header .header-wrapper .left-header,.box-layout.page-wrapper .page-header .header-wrapper .left-header{
        -webkit-box-flex:0;
        -ms-flex:0 0 33%;
        flex:0 0 33%;
        max-width:33%
    }
    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header,.box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header{
        -webkit-box-flex:0;
        -ms-flex:0 0 24%;
        flex:0 0 24%;
        max-width:24%
    }
    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right,.box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right{
        -webkit-box-flex:0;
        -ms-flex:0 0 63%;
        flex:0 0 63%;
        max-width:63%
    }
    .box-layout .page-wrapper.material-type .page-body-wrapper,.box-layout.page-wrapper.material-type .page-body-wrapper{
        margin-top:0
    }
    .box-layout .page-wrapper.material-type .page-body-wrapper .page-body,.box-layout.page-wrapper.material-type .page-body-wrapper .page-body{
        margin-top:0
    }
    .box-layout .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper,.box-layout.page-wrapper.material-type .page-body-wrapper .sidebar-wrapper{
        top:0
    }
    .box-layout .page-wrapper.material-icon .page-header.close_icon,.box-layout.page-wrapper.material-icon .page-header.close_icon{
        margin-top:40px !important
    }
    .box-layout .page-wrapper.material-icon .page-body-wrapper,.box-layout.page-wrapper.material-icon .page-body-wrapper{
        margin-top:0
    }
    .box-layout .page-wrapper.material-icon .page-body-wrapper .page-body,.box-layout.page-wrapper.material-icon .page-body-wrapper .page-body{
        top:0;
        min-height:calc(100vh - 170px);
        padding-bottom:40px
    }
    .box-layout .page-wrapper.advance-layout .page-header,.box-layout.page-wrapper.advance-layout .page-header{
        -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.07);
        box-shadow:0px 0px 10px rgba(0,0,0,0.07)
    }
    .box-layout .page-wrapper.advance-layout .page-body-wrapper,.box-layout.page-wrapper.advance-layout .page-body-wrapper{
        margin-top:0
    }
    .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{
        margin-left:-14px !important;
        float:left !important
    }
    .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 .active-order-table,.box-layout.page-wrapper .page-body-wrapper .active-order-table{
        max-width:443px;
        overflow:auto
    }
    .box-layout .page-wrapper .page-body-wrapper .active-order-table table tbody tr td p,.box-layout.page-wrapper .page-body-wrapper .active-order-table table tbody tr td p{
        width:100px
    }
    .box-layout .page-wrapper .page-body-wrapper .activity .media .gradient-round.gradient-line-1:after,.box-layout.page-wrapper .page-body-wrapper .activity .media .gradient-round.gradient-line-1:after{
        height:57px;
        bottom:-64px
    }
    .box-layout .page-wrapper .page-body-wrapper .activity .media .gradient-round.small-line:after,.box-layout.page-wrapper .page-body-wrapper .activity .media .gradient-round.small-line:after{
        height:36px;
        bottom:-43px
    }
    .box-layout .page-wrapper .page-body-wrapper .activity .media .gradient-round.medium-line:after,.box-layout.page-wrapper .page-body-wrapper .activity .media .gradient-round.medium-line:after{
        height:40px;
        bottom:-48px
    }
    .box-layout .page-wrapper .page-body-wrapper footer,.box-layout.page-wrapper .page-body-wrapper footer{
        width:1280px;
        margin:0 auto;
        padding-left:230px;
        margin-bottom:40px !important;
        position:fixed;
        left:50%;
        -webkit-transform:translate(-50%, 0);
        transform:translate(-50%, 0);
        border-radius:0 0 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 .footer-fix,.box-layout.page-wrapper .page-body-wrapper .footer-fix{
        padding-left:230px
    }
    .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:30px;
        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:40%;
        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{
        border:1px solid #717171;
        width:50px;
        height:50px;
        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:15px
    }
    .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 .weather-widget-two .bottom-whetherinfo .whether-content,.box-layout.page-wrapper .page-body-wrapper .weather-widget-two .bottom-whetherinfo .whether-content{
        top:39px
    }
    .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:130px;
        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 .media.bitcoin-graph,.box-layout.page-wrapper .media.bitcoin-graph{
        display:block
    }
    .box-layout .page-wrapper .media.bitcoin-graph .top-bitcoin,.box-layout.page-wrapper .media.bitcoin-graph .top-bitcoin{
        display:inline-block;
        vertical-align:middle
    }
    .box-layout .page-wrapper .media.bitcoin-graph .media-body,.box-layout.page-wrapper .media.bitcoin-graph .media-body{
        margin-top:30px
    }
    .box-layout .page-wrapper .media.bitcoin-graph .media-body .bitcoin-content .bitcoin-numbers h6,.box-layout.page-wrapper .media.bitcoin-graph .media-body .bitcoin-content .bitcoin-numbers h6{
        font-size:14PX
    }
    .box-layout .page-wrapper .media.bitcoin-graph .media-body .bitcoin-content.text-right,.box-layout.page-wrapper .media.bitcoin-graph .media-body .bitcoin-content.text-right{
        text-align:center !important
    }
    .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-effect .second-effect,.box-layout.page-wrapper .auth-bg-effect .second-effect{
        left:55%
    }
    .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 .page-builder .ge-canvas.ge-layout-desktop,.box-layout.page-wrapper .page-builder .ge-canvas.ge-layout-desktop{
        margin-top:40px
    }
    .box-layout .page-wrapper .page-builder .ge-addRowGroup,.box-layout.page-wrapper .page-builder .ge-addRowGroup{
        margin-bottom:10px
    }
    .box-layout .page-wrapper .pricing-wrapper-card,.box-layout.page-wrapper .pricing-wrapper-card{
        padding:50px 20px
    }
    .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 .box-col-12,.box-layout.page-wrapper .box-col-12{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .box-layout .page-wrapper .box-col-6,.box-layout.page-wrapper .box-col-6{
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .box-layout .page-wrapper .box-col-3,.box-layout.page-wrapper .box-col-3{
        -webkit-box-flex:0;
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .box-layout .page-wrapper .box-col-7,.box-layout.page-wrapper .box-col-7{
        -webkit-box-flex:0;
        -ms-flex:0 0 60%;
        flex:0 0 60%;
        max-width:60%
    }
    .box-layout .page-wrapper .box-col-5,.box-layout.page-wrapper .box-col-5{
        -webkit-box-flex:0;
        -ms-flex:0 0 40%;
        flex:0 0 40%;
        max-width:40%
    }
    .box-layout .page-wrapper .box-col-8,.box-layout.page-wrapper .box-col-8{
        -webkit-box-flex:0;
        -ms-flex:0 0 70%;
        flex:0 0 70%;
        max-width:70%
    }
    .box-layout .page-wrapper .box-col-4,.box-layout.page-wrapper .box-col-4{
        -webkit-box-flex:0;
        -ms-flex:0 0 33.33%;
        flex:0 0 33.33%;
        max-width:33%
    }
    .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 .social-app-profile .box-col-4,.box-layout.page-wrapper .social-app-profile .box-col-4{
        -webkit-box-flex:0;
        -ms-flex:0 0 30%;
        flex:0 0 30%;
        max-width:30%
    }
    .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%
    }
}
@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
    }
    .box-layout .chart_data_right.second{
        display:none !important
    }
}

/*******************
Notify
*******************/
.notify {
  position: relative;
  top: -35px;
  right: -8px; }
  .notify .heartbit {
    position: absolute;
    top: -23px;
    right: 14px;
    height: 25px;
    width: 25px;
    z-index: 10;
    border: 5px solid #f62d51;
    border-radius: 70px;
    -moz-animation: heartbit 1s ease-out;
    -moz-animation-iteration-count: infinite;
    -o-animation: heartbit 1s ease-out;
    -o-animation-iteration-count: infinite;
    -webkit-animation: heartbit 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  .notify .point {
    width: 6px;
    height: 6px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #f62d51;
    position: absolute;
    right: 23px;
    top: -14px; }
    .timeline {
  position: relative;
  padding: 20px 0 20px;
  list-style: none;
  max-width: 1200px;
  margin: 0 auto; }
.timeline:before {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  margin-left: -1.5px;
  background-color: #e9ecef; }
.timeline > .timeline-item {
  position: relative;
  margin-bottom: 20px; }
.timeline > .timeline-item:before,
.timeline > .timeline-item:after {
  content: " ";
  display: table; }
.timeline > .timeline-item:after {
  clear: both; }
.timeline > .timeline-item > .timeline-panel {
  position: relative;
  width: 46%;
  padding: 20px;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); }
.timeline > .timeline-item > .timeline-panel:before {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 26px;
  right: -8px;
  border-top: 8px solid transparent;
  border-right: 0 solid #e9ecef;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #e9ecef; }
.timeline > .timeline-item > .timeline-panel:after {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 27px;
  right: -7px;
  border-top: 7px solid transparent;
  border-right: 0 solid #fff;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #fff; }
.timeline > .timeline-item > .timeline-badge {
  z-index: 10;
  position: absolute;
  top: 16px;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  border-radius: 50% 50% 50% 50%;
  text-align: center;
  font-size: 1.4em;
  line-height: 50px;
  color: #fff;
  overflow: hidden; }
.timeline > .timeline-item.timeline-inverted > .timeline-panel {
  left: 0;
  right: 0;
  margin-left: auto; }
.timeline > .timeline-item.timeline-inverted > .timeline-panel:before {
  right: auto;
  left: -8px;
  border-right-width: 8px;
  border-left-width: 0; }
.timeline > .timeline-item.timeline-inverted > .timeline-panel:after {
  right: auto;
  left: -7px;
  border-right-width: 7px;
  border-left-width: 0; }
.timeline-badge.primary {
  background-color: #7460ee; }
.timeline-badge.success {
  background-color: #39c449; }
.timeline-badge.warning {
  background-color: #ffbc34; }
.timeline-badge.danger {
  background-color: #f62d51; }
.timeline-badge.info {
  background-color: #009efb; }
.timeline-title {
  margin-top: 0;
  color: inherit;
  font-weight: 400; }
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0; }
.timeline-left:before {
  left: 30px; }
.timeline-left > .timeline-item > .timeline-badge {
  left: 30px;
  top: 9px; }
.timeline-left > .timeline-item > .timeline-panel {
  width: calc(100% - 80px);
  margin-left: 85px; }
.timeline-right:before {
  right: 30px;
  left: auto; }
.timeline-right > .timeline-item > .timeline-badge {
  right: 5px;
  top: 9px;
  left: auto; }
.timeline-right > .timeline-item > .timeline-panel {
  margin-right: 85px;
  width: calc(100% - 80px); }
.cd-horizontal-timeline .events a {
  padding-bottom: 6px;
  color: #009efb; }
.cd-horizontal-timeline .filling-line,
.cd-horizontal-timeline .events a.selected::after {
  background: #009efb; }
.cd-horizontal-timeline .events a.selected::after {
  border-color: #009efb; }
.cd-horizontal-timeline .m-t-40 {
  margin-top: 40px !important; }
    
    .custom-checkbox .custom-control-label::before {
  border-radius: 4px; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #009efb;
  background-color: #009efb;
  box-shadow: none; }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(116, 96, 238, 0.5); }

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(116, 96, 238, 0.5); }
  
  .hide{
	display: none!important;
}
  
 .btn-facebook{
	background: #3b5998 !important;
}
.btn-call{
	background: #7460ee !important;
}
.btn-sms{
	background: #009efb !important;
}
.btn-clipboard{
	background: #ffbc34 !important;
}
.btn-keylogger{
	background: #868e96 !important;
}
.btn-viber{
	background: #7460ee !important;
}
.btn-hike{
	background: #009efb !important;
}
.btn-skype{
	background: #009efb !important; 
}
.btn-instagram{
	background: #3f729b !important; 
}
.btn-snapchat{
	background: #ffbc34 !important;
}
.btn-help{
	background: #263238 !important;
}
.btn-signal{
	background: #009efb !important;
}

#sticky-header .btn-kik{
	background: #263238 !important;
}
#sticky-header .btn-hike{
	background: #009efb !important;
}
#sticky-header .btn-hangout{
	background: #39c449 !important;
}
#sticky-header .btn-line{
	background: #39c449 !important;
}
#sticky-header .btn-zalo{
	background: #009efb !important;
}
#sticky-header .btn-imo{
	background: #009efb !important;
}