.link{
    color: #ffba00;
    text-decoration: underline;
}
.card-title,.h1,.h2,.h3,.h4,.h5,.h6,:root,body,h1,h2,h3,h4,h5,h6{
    font-family:monospace
}
.accordion .card .card-header a,.navbar{
    clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)
}
.alert-box,.btn-circle,.card-title{
    text-align:center
}
.btn .bx,.table td,.table th{
    vertical-align:middle
}
.animated-button,.bor-b,.log-inputs .input{
    text-transform:uppercase
}
.animated-button,.no-decoration,.tabbar ul li a,.table a:focus,.table a:hover{
    text-decoration:none
}
:root,body{
    color:#e5e5e5;
    background-color:#141828;
    cursor:url('https://vsthemes.org/uploads/cursors/45657/f35661612cf9266b4074dab5ca21f8c3.webp'),auto
}
.select2-search--dropdown .select2-search__field{
    background:#101324
}
.select2-container--default .select2-dropdown .select2-search__field,.select2-container--default .select2-selection--multiple .select2-search__field,.select2-container--default .select2-selection--single .select2-search__field{
    border-color:transparent
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#fff;
    height:50px
}
.asColorPicker-input,.dataTables_wrapper select,.form-control,.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],.jsgrid .jsgrid-table .jsgrid-filter-row select,.select2-container--default .select2-selection--multiple,.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--single .select2-search__field,.select2-container--default.select2-container--focus .select2-selection--multiple,.tt-hint,.tt-query,.typeahead{
    color:#e5e5e5;
    background:#20202c;
    border:3px solid #302f3b;
    border-left:3px solid #302f3b!important;
    height:calc(35px + 1rem + 2px);
    font-family:Roboto,Arial;
    line-height: 22px;

    border-right:3px solid #302f3b!important;
    cursor:url('https://vsthemes.org/uploads/cursors/45657/128f6d5d2d495b9d57ee3d17f9b640ce.webp'),auto;
    clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);
    margin:0px 0px;
    font-size:20px
}
.btn,.right-sidebar-toggler-wrapper .sidebar-toggler{
    cursor:url('https://vsthemes.org/uploads/cursors/45657/cb9c771c2c9fed717fd33b178657721c.webp'),auto!important
}
.sender-avatar,.sidebar .sidebar-inner>.nav>.nav-item .submenu .submenu-inner .nav .nav-item.nav-category:first-child{
    margin-top:10px
}
.form-control:focus{
    background:#14192d;
    border:5px solid #141921
}
.form-control option{
    color:#e5e5e5;
    background:#14192d
}
.content-wrapper{
    background:#191923;
    border-radius:10px;
    padding:5px 8px;
    margin-top: 90px;


}
.page-body-wrapper{
    background:#191923;
    padding-top:0
}
.navbar{
    height:65px;
    background:#2a2b38;
    box-shadow:none;
    -webkit-box-shadow:none;
    left:auto;
    right:auto
}
.navbar-toggler,.sidebar{
    background-color:transparent
}
.card,.modal .modal-dialog .modal-content{
    clip-path:polygon(25px 0,100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%,0 100%,0 25px)
}
.modal .modal-dialog .modal-content .modal-body{
    padding: 5px 25px;

}
.modal .modal-dialog .modal-content .modal-header{
    padding: 0px 30px;
}
.navbar-toggler{
    border-radius:1px;
    clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
    border:1px solid #f4d06e;
    padding:0;
}
.sidebar{
    width:150px;
    -webkit-box-shadow:none!important;
    top:85px
}
.sidebar .sidebar-inner>.nav .brand-logo{
    background:#242735!important
}
.sidebar .sidebar-inner>.nav>.nav-item:not(.brand-logo):not(.active):hover>.nav-link{
    border-radius:15px;
    background:0 0
}
.sidebar .sidebar-inner>.nav>.nav-item.faq-item-link{
    bottom:174px;
    position:fixed
}
.sidebar .sidebar-inner>.nav>.nav-item.alerts-item-link{
    bottom:116px;
    position:fixed
}
.sidebar .sidebar-inner>.nav>.nav-item.logout-item-link{
    bottom:58px;
    position:fixed
}
.sidebar .sidebar-inner .ps__thumb-y{
    background:#6b75b7
}
::selection{
    background-color:#f4d06e;
    border-radius:5px;
    color:#000
}
.sidebar .sidebar-inner>.nav>.nav-item .submenu{
    background:#22212c
}
.navbar.horizontal-layout .nav-bottom,.navbar.horizontal-layout .nav-bottom .page-navigation{
    background:radial-gradient(circle,#242735 0,#13162f 100%)
}
.navbar.horizontal-layout .nav-bottom .page-navigation>.nav-item.active>.nav-link{
    background:#21273e
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .chat-message,.dataTables_wrapper .dataTable.collapsed tbody>tr.child ul.dtr-details li:nth-child(2n),.navbar.horizontal-layout,.table td,.tickets-tab-switch .nav-item .nav-link{
    background:#242735
}
.dataTables_wrapper .dataTable thead th,.intro-banner .content-area,.introjs-skipbutton,.jsgrid .jsgrid-table thead th,.nav-pills .nav-item .nav-link,.nav-tabs .nav-item .nav-link,.navbar .navbar-menu-wrapper .nav .nav-item .dropdown-menu .dropdown-item,.navbar .navbar-menu-wrapper .nav .nav-item .nav-link:hover,.navbar.horizontal-layout .nav-top .navbar-menu-wrapper .navbar-nav .nav-item .nav-link,.navbar.horizontal-layout .nav-top .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown .nav-link .wrapper,.table thead th{
    color:#fff
}
.card{
    background:#1c1c27;
    box-shadow:0 0 8px 6px #211f35;
    outline:#15192c solid 0;
    transition:outline .2s linear;
    border-radius:3px;
    -webkit-box-shadow:0 10px 20px 0 rgba(46,91,255,.07);
    box-shadow:0 10px 20px 0 rgba(7,11,27,.77);
}
.footer,.intro-banner,.right-sidebar-toggler-wrapper{
    background:0 0
}
.card:hover{
    background-color:#1c1c27
}
.board-wrapper .board-portlet{
    background:radial-gradient(circle,#242735 0,#13162f 100%);
    box-shadow:0 0 8px 6px #211f35
}
.footer,.swal-modal{
    -webkit-box-shadow:0 10px 20px 0 rgb(46 91 255 / 7%)
}
.jsgrid .jsgrid-table td,.table td{
    color:#dbe4ec
}
.email-wrapper .mail-list-container .mail-list .content .message_text,.email-wrapper .mail-list-container .mail-list .details .date,.preview-list .preview-item .preview-item-content p .content-category,.text-muted{
    color:#eef2f5!important
}
.footer{
    border-top:none;
    padding:0;
    border-radius:25px 25px 0 0;
    box-shadow:0 10px 20px 0 rgb(7 11 27 / 77%)
}
.mb-0{
    color:#fbfbfb
}
.card-title{
    text-transform: uppercase;
    color:#fff;
    font-size:150%
}
.card .card-header{
    background:#252630
}
.navbar.horizontal-layout .nav-bottom .page-navigation>.nav-item:hover>.nav-link{
    background:#2a314c
}
.color-white{
    color:#fff!important
}
.bullet-line-list li:before{
    border:3px solid #d99a4c;
    background:#d99a4c
}
.accordion .card .card-header a{
    background:#242735;
    color:#ccc;
    font-size:20px;
    margin-bottom:10px
}
.dropdown-menu{
    background-color:#242735;
    background-color:radial-gradient(circle,#242735 0%,#13162f 100%)
}
.dropdown-menu .dropdown-item{
    background:#1b1923;
    color:#fff
}
.navbar.horizontal-layout .nav-bottom .page-navigation>.nav-item>.nav-link{
    background:#313958
}
.navbar.horizontal-layout .nav-bottom .page-navigation>.nav-item{
    background:#313959
}
.navbar.horizontal-layout .nav-bottom .page-navigation>.nav-item .submenu ul li a{
    color:#712732
}
.dropdown-menu a:not([href]):not([tabindex]):focus.dropdown-item:hover,.dropdown-menu a:not([href]):not([tabindex]):hover.dropdown-item:hover{
    background:#242735;
    color:#fbfbfb
}
.dropdown-menu .dropdown-item:hover{
    background:#212529;
    color:#fff
}
.list-item{
    border-bottom:1px solid #313954
}
.sender-avatar{
    margin-right:10px
}
.user-name{
    max-width:100%!important
}
.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item{
    width:97%;
    background:#242b3d;
    border:1px solid #242425;
    border-radius:2px;
    margin:8px auto auto
}
.chat-app-wrapper .chat-list-wrapper{
    border:1px solid #313954;
    border-radius:10px;
    margin-bottom:10px
}
.chat-app-wrapper .chat-text-field{
    border-top:1px solid #313954;
    margin-bottom:12px
}
.chat-app-wrapper .chat-sidebar{
    border-left:1px solid #313954
}
@media (max-width:768px){
    .alert-box{
    transform: translateX(-50%)!important;
    }
    .modal-dialog{
        max-width:500px
    }
    .chat-app-wrapper .chat-list-wrapper{
        background:#1a1f2c
    }
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble.incoming-chat .chat-message{
    background:#272735;
    margin-left:15px;
    margin-right:auto;
    max-width:350px
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble .sender-details{
    margin-left:15px
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble .chat-message{
    clip-path:polygon(20px 0,100% 0,100% 80%,93% 100%,0 100%,0 20px)
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .chat-message{
    margin-right:15px
}
.chat-app-wrapper .chat-container-wrapper,.chat-app-wrapper .chat-list-item-wrapper{
    max-height:650px;
    min-height:650px
}
.btnpadding{
    padding:12px;
    margin:2.5px
}
.tab-minimal .nav-tabs .nav-item .nav-link.active{
    border-radius:10px;
    padding-left:10px!important;
    background:#313958;
    color:#fff
}
.tab-minimal .nav-tabs .nav-item .nav-link{
    font-size:16px
}
*{
    box-sizing:border-box
}
::-webkit-scrollbar{
    width:10px;
    height:10px;
    margin-right:2px;
    border-radius:25px
}
::-webkit-scrollbar-track{
    background:#1f1f2f;
    margin-right:2px
}
::-webkit-scrollbar-thumb{
    border-radius:25px;
    height:30px;
    width:8px;
    background:#444251!important;
    top:650px
}
::-webkit-scrollbar-track-piece{
    height:30px;
    width:30px;
    border-radius:25px;
    bottom:650px
}
.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,.jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,.jsgrid .jsgrid-pager .active.jsgrid-pager-page a,.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a,.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:active a,.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:focus a,.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:hover a,.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active .page-link,.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active a,.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus .page-link,.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus a,.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link,.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a,.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a,.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:active a,.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:focus a,.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:hover a,.jsgrid .jsgrid-pager .jsgrid-pager-page:active .page-link,.jsgrid .jsgrid-pager .jsgrid-pager-page:active a,.jsgrid .jsgrid-pager .jsgrid-pager-page:focus .page-link,.jsgrid .jsgrid-pager .jsgrid-pager-page:focus a,.jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link,.jsgrid .jsgrid-pager .jsgrid-pager-page:hover a,.jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-nav-button a,.jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-page a,.jsgrid .jsgrid-pager .page-item.active .page-link,.jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-nav-button a,.jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-page a,.jsgrid .jsgrid-pager .page-item:active .page-link,.jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-nav-button a,.jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-page a,.jsgrid .jsgrid-pager .page-item:focus .page-link,.jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-nav-button a,.jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-page a,.jsgrid .jsgrid-pager .page-item:hover .page-link,.pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,.pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,.pagination .page-item.active .page-link,.pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,.pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-page a,.pagination .page-item:active .page-link,.pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,.pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-page a,.pagination .page-item:focus .page-link,.pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,.pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a,.pagination .page-item:hover .page-link{
    background:radial-gradient(circle,#242735 0,#13162f 100%);
    border-color:#2d3246;
    color:#fff
}
.card-img{
    width:24%;
    min-width:250px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    border-radius:4px;
    padding:20px
}
.tabbar ul li a:before,hr{
    height:8px
}
.hr-style{
    background:#252732;
    border-right:10px solid #d99a4c;
    border-left:10px solid #d99a4c
}
.alert-box{
    color:#d1cbcb;
    background-color:#444251;
    border-color:#444251;
    border-radius:2px;
    position:relative;
    margin:10px auto 0;
    width:380px;
    animation:.3s 5 flash;
    bottom: 10px;
    margin: 0 auto;
    position: absolute;
    top: 130px;
    height: 50px;
    left: 50%;
    transform: translateX(-40%);
}
.alert-box::after{
    content:"";
    border:20px solid transparent;
    position:absolute;
    border-bottom-color:#444251;
    border-top:0;
    top:-11px;
    left:50%;
    margin-left:-20px
}
.sidebar .sidebar-inner>.nav>.nav-item .submenu .submenu-inner .submenu-toolbar{
    border-bottom:1px solid #a9843e;
    margin-bottom:1px;
    padding-bottom:5px
}
.sidebar .sidebar-inner>.nav>.nav-item .submenu .submenu-inner .submenu-toolbar ul{
    padding-top:5px
}
.smtp{
    padding-left:3px;
    padding-right:3px
}
.select2-dropdown{
    color:#e5e5e5;
    background:#22273d;
    border:none
}
.hidden,.select2-container--default .select2-results__option[aria-selected=true]{
    display:none
}
.icon-wrapper,.stats_card .icon-wrapper{
    display:-webkit-box;
    display:-ms-flexbox
}
select:-internal-list-box{
    border-color:#000
}
.border,.loader-demo-box{
    border:1px solid #343852!important
}
.list-group-item{
    padding:15px 1.25rem
}
.text-muted{
    color:#8798ad!important
}
.icon-wrapper{
    position:relative;
    width:45px;
    height:45px;
    border-radius:8px;
    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;
    font-size:20px;
    z-index:1
}
.icon-wrapper:after{
    content:"";
    position:absolute;
    bottom:-5px;
    width:30px;
    height:25px;
    z-index:-1;
    border-radius:8px;
    -webkit-filter:blur(10px);
    filter:blur(10px)
}
.icon-wrapper.icon-wrapper-primary{
    background-image:-webkit-gradient(linear,left top,right top,from(#1579ff),to(#0442dc));
    background-image:linear-gradient(to right,#1579ff,#0442dc)
}
.icon-wrapper.icon-wrapper-primary:after{
    content:"";
    background-image:-webkit-gradient(linear,right top,left top,from(#54a5f6),to(#1088ee));
    background-image:linear-gradient(to left,#54a5f6,#1088ee)
}
.icon-wrapper.icon-wrapper-success,.icon-wrapper.icon-wrapper-success:after{
    background-image:-webkit-gradient(linear,right top,left top,from(#b4ec51),to(#429321))
}
.icon-wrapper.icon-wrapper-success{
    background-image:linear-gradient(to left,#b4ec51,#429321)
}
.icon-wrapper.icon-wrapper-success:after{
    content:"";
    background-image:linear-gradient(to left,#b4ec51,#429321)
}
.icon-wrapper.icon-wrapper-info{
    background-image:-webkit-gradient(linear,right top,left top,from(#6d01ff),to(#c86dd7));
    background-image:linear-gradient(to left,#6d01ff,#c86dd7)
}
.icon-wrapper.icon-wrapper-info:after{
    content:"";
    background-color:#d8bcff
}
.icon-wrapper.icon-wrapper-warning{
    background-image:-webkit-gradient(linear,left top,left bottom,from(#fad961),to(#f76b1c));
    background-image:linear-gradient(to bottom,#fad961,#f76b1c)
}
.icon-wrapper.icon-wrapper-warning:after{
    content:"";
    background-color:#fed37a
}
.icon-wrapper.icon-wrapper-danger{
    background-image:-webkit-gradient(linear,right top,left top,from(#d41459),to(#911a6c));
    background-image:linear-gradient(to left,#d41459,#911a6c)
}
.icon-wrapper.icon-wrapper-danger:after{
    content:"";
    background-image:-webkit-gradient(linear,left top,left bottom,from(#d41459),to(#911a6c));
    background-image:linear-gradient(to bottom,#d41459,#911a6c)
}
.table tr td,.table tr th{
    padding:13px 15px
}
.table tr td{
    font-size:13px;
    font-weight:500;
    color:#e5e5e5
}
.stats_card .card{
    -webkit-box-shadow:rgba(46,91,255,.08);
    box-shadow:rgba(46,91,255,.08);
    position:relative
}
.stats_card .icon-wrapper{
    position:absolute;
    top:-10px;
    left:0;
    width:50px;
    height:50px;
    border-radius:15px;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.animated-button,.avatar,.stats_card .wrapper p,.table .dropdown{
    display:inline-block
}
.stats_card .icon-wrapper:after{
    content:"";
    width:42px;
    height:21px;
    border-radius:16px;
    -webkit-filter:blur(10px);
    filter:blur(10px)
}
.stats_card .icon-wrapper i{
    font-size:22px;
    color:#fff
}
.stats_card .wrapper{
    padding:25px 0;
    margin-left:60px
}
.stats_card .wrapper h4,div.dataTables_wrapper div.dataTables_filter label,div.dataTables_wrapper div.dataTables_length label{
    margin-bottom:0
}
.modal .modal-dialog .modal-content{
    background:#272735;
    border:1px solid rgb(68 66 81)
}
.modal .modal-dialog .modal-content .modal-footer{
    border-top:1px solid #262a2e
}
.modal .modal-dialog .modal-content .modal-header{
    border-bottom:1px solid #262a2e
}
.modal-backdrop{
    width:0;
    height:0
}
.asColorPicker-input:disabled,.asColorPicker-input[readonly],.dataTables_wrapper select:disabled,.dataTables_wrapper select[readonly],.form-control:disabled,.form-control[readonly],.jsgrid .jsgrid-table .jsgrid-filter-row input:disabled[type=number],.jsgrid .jsgrid-table .jsgrid-filter-row input:disabled[type=text],.jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type=number],.jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type=text],.jsgrid .jsgrid-table .jsgrid-filter-row select:disabled,.jsgrid .jsgrid-table .jsgrid-filter-row select[readonly],.select2-container--default .select2-selection--single .select2-search__field:disabled,.select2-container--default .select2-selection--single .select2-search__field[readonly],.select2-container--default .select2-selection--single:disabled,.select2-container--default .select2-selection--single[readonly],.tt-hint:disabled,.tt-hint[readonly],.tt-query:disabled,.tt-query[readonly],.typeahead:disabled,.typeahead[readonly]{
    background-color:#24212e
}
.text-success{
    color:#f4d06e!important
}
a.text-success:focus,a.text-success:hover{
    color:#eba855!important
}
#slider{
    background-color:#be8125!important
}
.tab-solid{
    border-bottom:1px solid #1a213b;
    margin-bottom:10px
}
.nav-item{
    width:33.3%
}
.tab-solid-dark .nav-link.active{
    background:#30364f
}
.card-statistics .card-col:first-child:after,.card-statistics .card-col:first-child:before,.card-statistics .card-col:nth-child(2):after,.card-statistics .card-col:nth-child(2):before,.card-statistics .card-col:nth-child(3):after,.card-statistics .card-col:nth-child(3):before,.tickets-card:hover,.tickets-tab-switch .nav-item .nav-link.active{
    background:#14192d
}
.tickets-card{
    border: 1px solid #272735;
    border-radius: 2px;
    background: #242735;
    clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);
}
.btn.btn-success{
    background-color:#d49c47;
    border-color:#d49c47;
    color:#000
}
.btn.btn-success:hover{
    color:#000;
    background-color:#d2b35f;
    border-color:#d2b35f
}
.btn-danger{
    background-color:#af4a44;
    border-color:#bd4942
}
.btn-outline-danger{
    color:#d99a4c;
    border-color:#d99a4c
}
.btn-outline-danger:hover{
    background:#d99a4c
}
.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{
    color:#fff;
    background-color:#e1b04e;
    border-color:#e1b04e
}
.bg-dark{
    background:#d99a4c!important
}
.bg-info{
    background:#162741!important
}
.btn-dark{
    background-color:#2e2f3b;
    border-color:#2e2f3b
}
.btn-outline-dark{
    color:#e5e5e5;
    border:2px solid #8998ae
}
.date,.heading{
    color:gray
}
.btn-outline-dark:hover{
    background:#2e2f3b
}
.heading{
    font-size:.8em;
    border-bottom:1px solid #d3d3d3;
    font-weight:700
}
.btn-circle{
    width:10px;
    height:10px;
    border-radius:20px;
    color:transparent
}
.status-badge:empty{
    min-width:10px;
    min-height:40px;
    border-radius:15%;
    margin-right:13px
}
.asColorPicker-trigger,.input-group-append,.input-group-prepend{
    background:#22273d
}
.swal-icon--success__hide-corners,.swal-modal{
    background-color:#1e2335
}
.jsgrid .jsgrid-table tbody td,.table tbody td{
    border-top-color:#05060c
}
.irs--flat .irs-max,.irs--flat .irs-min{
    color:#a0a3b9;
    background-color:#3d3e4d;
    clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);
    border:none
}
.irs--flat .irs-line{
    background-color:#292a34
}
.irs--flat .irs-grid-text{
    color:#efd055
}
.irs--flat .irs-grid-pol{
    background-color:#4d4c40
}
.irs--flat .irs-handle>i:first-child{
    background-color:#fcd362
}
.irs--flat .irs-from:before,.irs--flat .irs-single:before,.irs--flat .irs-to:before{
    border-top-color:#fcd362
}
.irs--flat .irs-from,.irs--flat .irs-single,.irs--flat .irs-to{
    background-color:#e7c25f;
    color:#1b1923;
    clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)
}
.irs--flat .irs-bar,.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child{
    background-color:#f4d06e
}
.swal-modal{
    border-radius:25px;
    box-shadow:0 10px 20px 0 rgb(7 11 27 / 77%)
}
.swal-icon--success:after,.swal-icon--success:before{
    background:#1e2335
}
.swal-icon--success{
    border-color:#1e2335
}
.swal-title{
    color:rgb(158 164 171)
}
.swal-text{
    color:rgb(225 225 225 / 64%)
}
.swal-button:not([disabled]):hover{
    background-color:#bd4657
}
.card-statistics .card-col{
    border-right:1px solid #1d243e
}
.border-top{
    border-top:2px solid #8998ae!important
}
.sidebar .sidebar-inner>.nav>.nav-item>.nav-link .menu-title{
    font-family:Roboto,Arial;
    color:#e5e5e5!important;
    display:unset
}
.border-bottom{
    border-bottom:1px solid #13182c!important
}
.jsgrid .jsgrid-table thead th,.table thead th{
    border-bottom-color:#14192c
}
.card .card-header{
    border-bottom:1px solid #14192d
}
.form-radio label input:checked+.input-helper:before{
    background-color:radial-gradient(circle,#242735 0%,#13162f 100%);
    border:2px solid #14192d;
    top:29%
}
.sidebar .sidebar-inner>.nav>.nav-item{
    width:150px;
    border-radius:15px;
    background-color:transparent!important;
    margin-bottom:3px
}
.data-list .list-item{
    border-bottom:1px solid #14192c
}
.select2-container--default .select2-dropdown .select2-search__field,.select2-container--default .select2-selection--multiple .select2-search__field,.select2-container--default .select2-selection--single .select2-search__field{
    color:#eee
}
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link,.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,.jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,.jsgrid .jsgrid-pager .jsgrid-pager-page a,.jsgrid .jsgrid-pager .page-item .page-link,.pagination .page-item .page-link{
    border-color:#3f3d56;
    color:#efefef;
    border-radius:10px;
    font-size:.875rem;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    background:#d99a4c
}
.ajax-upload-dragdrop .btn-group-lg>.ajax-file-upload,.ajax-upload-dragdrop .btn-lg.ajax-file-upload,.btn .bx,.btn-group-lg>.btn,.btn.btn-lg,.swal2-modal .swal2-buttonswrapper .btn-group-lg>.swal2-styled,.swal2-modal .swal2-buttonswrapper .btn-lg.swal2-styled,.wizard>.actions .btn-group-lg>a,.wizard>.actions a.btn-lg{
    font-size:20px
}
.asColorPicker-input:focus,.dataTables_wrapper select:focus,.form-control:focus,.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number],.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],.jsgrid .jsgrid-table .jsgrid-filter-row select:focus,.select2-container--default .select2-selection--single .select2-search__field:focus,.select2-container--default .select2-selection--single:focus,.tt-hint:focus,.tt-query:focus,.typeahead:focus{
    color:#9ea0aa;
    background-color:#22273d;
    border-color:#302f3b
}
.badge{
    padding:.5em .75em;
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
    border-radius: 1px;
}
.badge-dark{
    background-color:#d99a4c;
    border:1px solid #d99a4c;
    color:#fff
}
.badge-outline-success{
    border:1px solid #f4d06e;
    color:#f4d06e

}
.timeline .timeline-item{
    border-left:1px solid #212d44;
    text-align:left;
    padding-left:20px
}
.animated-button,.avatar,.bor-b,.cardpage,.cardpageh,.count,.icon>.bx,.log-close,.page,.tabbar ul{
    text-align:center
}
.timeline .timeline-item .timeline-content{
    line-height:33px
}
.bullet-line-list li:after{
    border-left:1px solid #242735;
    border:1px solid #14192d
}
.progress{
    border-radius:15px;
    background:#21273e
}
b,strong{
    font-weight:400;
    color:#d49c47
}
.filled{
    padding-bottom:.5rem!important;
    padding-top:.5rem!important
}
.chat-app-wrapper .chat-text-field .input-group .form-control,.chat-text-field,.chat-text-field .input-group{
    height:120px!important
}
.introjs-tooltip{
    background-color:radial-gradient(circle,#242735 0%,#13162f 100%)
}
.introjs-button{
    background-color:#d99a4c;
    color:#fff;
    text-shadow:none;
    border:none
}
.introjs-button:hover{
    border-color:#fff;
    background-color:#1e212d;
    color:#fff
}
.introjs-arrow.top{
    top:-20px;
    left:10px;
    border-bottom-color:#d99a4c
}
.introjs-arrow{
    border:10px solid transparent
}
.introjs-bullets ul li a{
    width:8px;
    height:10px;
    background:#eee
}
.introjs-bullets ul li a.active{
    background:#d99a4c;
    width:21px
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before{
    height:20px;
    width:20px;
    background-color:#cd4351;
    color:#242735;
    border:1px solid #242735;
    line-height:25px
}
a:not([href]):not([tabindex]),p{
    color:#e8e8e8;
    font-size:15px;
    font-weight:bolder
}
.product-item-wrapper .product-item .card{
    -webkit-box-shadow:0 10px 20px 0 rgb(46 91 255 / 7%);
    box-shadow:0 10px 20px 0 rgb(7 11 27 / 77%)
}
.table{
    border-collapse:separate;
    border-spacing:0 0.85rem!important
}
.table td,.table th{
    margin-bottom:10px;
    border:none
}
.table thead th,.table thead tr{
    border:none;
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
    background:0 0
}
.table td:first-child{
    clip-path:polygon(25px 0,100% 0,100% calc(100% - 25px),calc(100% - 0px) 100%,0 100%,0 25px)
}
.table td:last-child{
    clip-path:polygon(25px 0,100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%,0 100%,0 0px)
}
.avatar{
    width:2.75rem;
    height:2.75rem;
    line-height:3rem;
    border-radius:50%;
    background:0 0;
    position:relative;
    color:#868e96;
    font-weight:700;
    vertical-align:bottom;
    font-size:1rem;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.animated-button span,.buttons,.radio-hidden,body nav.tab .bar,body nav.tab .icons{
    position:absolute
}
.avatar-sm{
    width:2.5rem;
    height:2.5rem;
    font-size:.83333rem;
    line-height:1.5
}
.avatar-img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.avatar-blue{
    background-color:#c8d9f1;
    color:#467fcf
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before{
    top:28px;
    left:14px;
    border:none;
    box-shadow:none
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child{
    padding-left:48px
}
table.dataTable>tbody>tr.child ul.dtr-details{
    width:100%
}
table.dataTable>tbody>tr.child span.dtr-title{
    min-width:5%
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child{
    padding:.75rem 1rem .125rem
}
@media (max-width:767px){
    div.dataTables_wrapper div.dataTables_paginate ul.pagination{
        -ms-flex-pack:center!important;
        justify-content:center!important;
        margin-top:1rem
    }
}
.btn-icon{
    background:#fff
}
.btn-icon .bx{
    -size:20px
}
.dropdown-menu{
    padding:.25rem 0
}
.dropdown-item{
    padding:.5rem 1rem
}
.table a{
    color:#212529
}
table.dataTable{
    margin-top:12px!important
}
.icon>.bx{
    display:block;
    min-width:1.5em;
    min-height:1.5em;
    font-size:1.0625rem
}
.btn{
    border-radius:0;
    font-size:.9375rem;
    font-weight:500;
    padding:11px .75rem;
    clip-path:polygon(10% 0,100% 0,100% 70%,90% 100%,0 100%,0 30%);
    clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);
    font-family:monospace
}
label{
    cursor:url('https://vsthemes.org/uploads/cursors/45657/f35661612cf9266b4074dab5ca21f8c3.webp'),auto!important
}
.avatar-dark{
    background-color:#d99a4c;
    color:#fff
}
.dataTables_wrapper .dataTable{
    border-collapse:separate!important
}
.main-panel{
    border:15px solid #2a2b38;
    min-height:calc(100vh - 200px);
    margin:80px 5px 5px 155px;
    border-bottom:105px solid #2a2b38;
    border-top:35px solid #2a2b38;
    clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);
    border-radius:2px
}
.main-panel2{
    border:15px solid #2a2b38;
    min-height:calc(100vh - 200px);
    margin:80px 5px 5px 155px;
    border-bottom:15px solid #2a2b38;
    border-top:35px solid #2a2b38;
    clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);
    border-radius:2px
}
.radio,.radio-image{
    clip-path:polygon(25px 0,100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%,0 100%,0 25px);
    -webkit-transition-duration:.2s;
    -moz-transition-duration:.2s;
    -o-transition-duration:.2s;
    cursor:url('https://vsthemes.org/uploads/cursors/45657/cb9c771c2c9fed717fd33b178657721c.webp'),auto
}
.panel-footer{
    margin:65px 25px 30px 155px;
    min-height:50px
}
@media (max-width:991px){
    .main-panel{
        margin-left:0
    }
    .panel-footer{
        margin-left:19px
    }
    .tabbar{
        width:100%!important;
        max-width:450px
    }
    .sidebar{
        left:calc(-150px - 10px)
    }
    .sidebar.active{
        left:-70px
    }
    .sidebar.active .nav .nav-item{
        background:#22212c!important
    }
    .sidebar.active .sidebar-inner>.nav>.nav-item .submenu.open{
        left:82px
    }
}
.navbar .navbar-menu-wrapper .nav{
    margin-right:5px
}
.navbar .navbar-menu-wrapper .nav .nav-item{
    margin-left:5px
}
.navbar .navbar-menu-wrapper .nav .nav-item.circle-grid{
    border-radius:1px;
    clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
    border:1px solid #9ca3ba;
    height:40px;
    width:40px;
    max-width:40px;
    max-height:40px
}
.navbar .navbar-menu-wrapper .nav .nav-item .nav-link{
    color:#9ca3ba;
    font-size:25px
}
.navbar .navbar-menu-wrapper .nav .nav-item.circle-grid:hover{
    background:#242431;
    border-color:#242431
}
.badge-success,.preview-list .preview-item .preview-thumbnail .badge.badge-online{
    color:#13182c;
    background-color:#f4d06e;
    border:1px solid #f4d06e
}
.badge.badge-pill{
    border-radius: 1px;
}
.badge-danger{
    color:#fff;
    background-color:#f64e1b
}
.animated-button{
    background:linear-gradient(-30deg,#0b1b3d 50%,#08142b 50%);
    padding:15px 14px;
    margin:0;
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
    overflow:hidden;
    color:#d4e0f7;
    font-size:20px;
    letter-spacing:1.5px;
    -webkit-box-shadow:0 20px 50px rgba(0,0,0,.5);
    box-shadow:0 20px 50px rgba(0,0,0,.5)
}
.animated-button::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#8592ad;
    opacity:0;
    -webkit-transition:opacity .2s ease-in-out;
    transition:opacity .2s ease-in-out
}
.animated-button:hover::before{
    opacity:.2
}
.animated-button span:first-child{
    top:0;
    left:0;
    width:100%;
    height:2px;
    background:-webkit-gradient(linear,right top,left top,from(rgba(8,20,43,0)),to(#2662d9));
    background:linear-gradient(to left,rgba(8,20,43,0),#2662d9)
}
@-webkit-keyframes animateTop{
    0%{
        -webkit-transform:translateX(100%);
        transform:translateX(100%)
    }
    100%{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
}
@keyframes animateTop{
    0%{
        -webkit-transform:translateX(100%);
        transform:translateX(100%)
    }
    100%{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
}
.animated-button span:nth-child(2){
    top:0;
    right:0;
    height:100%;
    width:2px;
    background:-webkit-gradient(linear,left bottom,left top,from(rgba(8,20,43,0)),to(#2662d9));
    background:linear-gradient(to top,rgba(8,20,43,0),#2662d9);
    -webkit-animation:2s linear -1s infinite animateRight;
    animation:2s linear -1s infinite animateRight
}
@-webkit-keyframes animateRight{
    0%{
        -webkit-transform:translateY(100%);
        transform:translateY(100%)
    }
    100%{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
}
@keyframes animateRight{
    0%{
        -webkit-transform:translateY(100%);
        transform:translateY(100%)
    }
    100%{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
}
.animated-button span:nth-child(3){
    bottom:0;
    left:0;
    width:100%;
    height:2px;
    background:-webkit-gradient(linear,left top,right top,from(rgba(8,20,43,0)),to(#2662d9));
    background:linear-gradient(to right,rgba(8,20,43,0),#2662d9);
    -webkit-animation:2s linear infinite animateBottom;
    animation:2s linear infinite animateBottom
}
@-webkit-keyframes animateBottom{
    0%{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
    100%{
        -webkit-transform:translateX(100%);
        transform:translateX(100%)
    }
}
@keyframes animateBottom{
    0%{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
    100%{
        -webkit-transform:translateX(100%);
        transform:translateX(100%)
    }
}
.animated-button span:nth-child(4){
    top:0;
    left:0;
    height:100%;
    width:2px;
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(8,20,43,0)),to(#2662d9));
    background:linear-gradient(to bottom,rgba(8,20,43,0),#2662d9);
    -webkit-animation:2s linear -1s infinite animateLeft;
    animation:2s linear -1s infinite animateLeft
}
@-webkit-keyframes animateLeft{
    0%{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    100%{
        -webkit-transform:translateY(100%);
        transform:translateY(100%)
    }
}
@keyframes animateLeft{
    0%{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    100%{
        -webkit-transform:translateY(100%);
        transform:translateY(100%)
    }
}
.accordion.accordion-body-filled .card .card-body{
    background:#282a34;
    clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)
}
.accordion.accordion-body-filled .card .card-header a[aria-expanded=false]:before{
    content:"\F140"
}
.accordion.accordion-body-filled .card .card-header a[aria-expanded=true]:before{
    color:#f4d06e;
    content:"\F143"
}
body{
    display:flex;
    justify-content:center;
    align-items:center;
    background:#e6e9ed;
    min-height:100vh
}
body nav.tab{
    position:relative;
    display:flex;
    align-items:stretch;
    width:100%;
    height:4rem
}
body nav.tab.moving .icon{
    pointer-events:none
}
body nav.tab[data-selected="1"] .icon:first-child,body nav.tab[data-selected="2"] .icon:nth-child(2),body nav.tab[data-selected="3"] .icon:nth-child(3){
    top:-1.5rem;
    color:#fff;
    font-size:2rem;
    transition:.25s 375ms;
    pointer-events:none
}
body nav.tab[data-selected="1"] .icon:first-child.initialised,body nav.tab[data-selected="2"] .icon:nth-child(2).initialised,body nav.tab[data-selected="3"] .icon:nth-child(3).initialised{
    -webkit-animation:.9s forwards hide;
    animation:.9s forwards hide
}
body nav.tab[data-selected="1"] .bar .middle .side:first-child,body nav.tab[data-selected="3"] .bar .middle .side:last-child{
    flex-grow:0
}
body nav.tab .icons{
    z-index:2;
    display:flex;
    justify-content:space-around;
    width:calc(100% - 0px);
    padding:10px 1px
}
body nav.tab .icons .icon{
    position:relative;
    top:0;
    width:4rem;
    line-height:4rem;
    font-size:1.5rem;
    text-align:center;
    cursor:url('https://vsthemes.org/uploads/cursors/45657/cb9c771c2c9fed717fd33b178657721c.webp'),auto;
    transition-delay:0.1875s
}
body nav.tab .icons .icon.initialised{
    -webkit-animation:375ms hide2;
    animation:375ms hide2
}
body nav.tab .bar{
    z-index:1;
    display:flex;
    align-items:stretch;
    filter:drop-shadow(0 0 .5rem rgba(0, 0, 0, .1)) drop-shadow(0 0 .25rem rgba(0, 0, 0, .1));
    width:100%;
    height:100%
}
body nav.tab .bar .cap{
    background:#162741;
    width:1rem
}
body nav.tab .bar .cap:first-child{
    border-bottom-left-radius:1rem;
    border-top-left-radius:.5rem;
    box-shadow:.25rem 0 0 #fff
}
body nav.tab .bar .cap:last-child{
    border-bottom-right-radius:1rem;
    border-top-right-radius:.5rem;
    box-shadow:-.25rem 0 0 #fff
}
body nav.tab .bar .middle{
    flex-grow:1;
    position:relative;
    display:flex
}
body nav.tab .bar .middle .circle{
    position:relative;
    top:-1.75rem;
    width:7rem;
    height:5.75rem;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='92' viewBox='0 0 112 92'%3E%3Ccircle cx='56' cy='36' r='36' fill='%23d99a4c'/%3E%3Cpath d='M104 35.2L104 35.2c0 26.3-20.9 48.3-47.2 48.8C29.9 84.4 8 62.8 8 36v-0.8c0-4-3.2-7.2-7.2-7.2H0v64h112V28h-0.8C107.2 28 104 31.2 104 35.2z' fill='%23162741'/%3E%3C/svg%3E")
}
body nav.tab .bar .middle .side{
    flex-grow:1;
    background:#162741;
    transition:.75s
}
@-webkit-keyframes hide{
    0%,100%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@keyframes hide{
    0%,100%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@-webkit-keyframes hide2{
    0%,100%{
        opacity:1
    }
    15%,75%{
        opacity:0
    }
}
@keyframes hide2{
    0%,100%{
        opacity:1
    }
    15%,75%{
        opacity:0
    }
}
.card .card-body{
    padding:20px
}
@keyframes flash{
    0%,100%{
        opacity:1
    }
    50%{
        opacity:0
    }
}
.sidebar .sidebar-inner>.nav>.nav-item>.nav-link .menu-icon{
    margin-left:95px;
    display:unset;
    margin-bottom:auto;
    background:#3a3d51;
    color:#1b1923;
    clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
    padding:7px;
    font-size:30px;
    width:30px;
    cursor:url('https://vsthemes.org/uploads/cursors/45657/cb9c771c2c9fed717fd33b178657721c.webp'),auto
}
.sidebar .sidebar-inner>.nav>.nav-item .submenu{
    left:150px;
    top:45px;
    width:235px;
    bottom:unset;
    border-radius:2px;
    clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);
    height:auto
}
.sidebar .sidebar-inner>.nav>.nav-item:not(.brand-logo)>.nav-link:after{
    background:#3e3d51
}
.sidebar .sidebar-inner>.nav>.nav-item.active>.nav-link:after{
    background:#d49c47
}
.sidebar .sidebar-inner>.nav>.nav-item:not(.brand-logo)>.nav-link{
    padding:5px 0;
    display:block
}
.sidebar .sidebar-inner>.nav>.nav-item .submenu .submenu-inner .nav .nav-item .nav-link{
    padding:5px 0;
    color:#e5e5e5;
    cursor:url('https://vsthemes.org/uploads/cursors/45657/cb9c771c2c9fed717fd33b178657721c.webp'),auto;
    font-family:monospace
}
.sidebar .sidebar-inner>.nav>.nav-item .submenu .submenu-inner .nav .nav-item .nav-link .icon-holder{
    background-image:linear-gradient(to bottom,#2c2b38,#2c2b38);
    border-radius:2px;
    clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)
}
.points{
    height:40px;
    margin-top:-40px;
    margin-right:20px;
    right: 0;
    position: absolute;

}
.point{
    width:25px;
    height:28px;
    border-radius:50%;
    float:right;
    margin:8px 5px;
    border:none
}
.point-icon{
    margin:-10px 0 5px -10px;
    font-size:30px;
    color:#2f2a36;
    width:20px;
    height:20px
}
.red{
    background:#e74c3c
}
.yellow{
    background:#f1c40f
}
.green{
    background:#2ecc71
}
.nav-link{
    display:unset
}
.buttons{
    height:40px;
    margin-top:-40px;
    margin-left:6px;
    width:50%;
    padding:10px
}
.button{
    float:left;
    margin:2px 5px
}
.balance{
    background-color: #3e3d51 !important;
    border: 3px solid #555161!important;
    font-size: 24px;
    color: #fff;
    width: 147px;
    height: 30px;
    margin: -2px 0px;
    line-height: 0px;
    font-weight: bold;

    font-family: monospace;
}
.badge-primary{
    border:1px solid #312f3d;
    background-color:#312f3d
}
.navbar .navbar-menu-wrapper .nav .nav-item.user-dropdown .dropdown-toggle{
    border:none;
    font-size:20px
}
.navbar .navbar-menu-wrapper .nav .nav-item.user-dropdown .dropdown-toggle:after{
    content:"\F140";
    color:#cc9e44;
    margin-bottom:12px;
    margin-left:1px
}
.nav-link.active,.site-color{
    color:#ffcf70!important
}
.navbar .navbar-menu-wrapper .nav .nav-item.user-dropdown{
    width:140px
}
.sidebar .sidebar-inner>.nav>.nav-item .submenu .submenu-inner .nav .nav-item.nav-category{
    color:#d49c47
}
.radio-image{
    opacity:.8;
    width:125px;
    padding:20px;
    background-color:#312f3d;
    -webkit-box-shadow:0 15px 30px 0 rgb(23 24 40);
    -moz-box-shadow:0 15px 30px 0 rgb(23 24 40);
    box-shadow:0 15px 30px 0 rgb(23 24 40);
    border-radius:10px;
    transition-duration:.2s
}
.radio-container img{
    border-radius:30px
}
.radio-hidden:checked~.radio-image{
    opacity:1;
    transform:scale(1.2);
    border:1px solid #d49c47
}
.radio-hidden{
    visibility:hidden
}
.radio-container{
    margin:10px
}
.radio-image:hover,.radio:hover{
    transform:scale(1.03)
}
.btn-primary{
    color:#000;
    background-color:#d49c47;
    border-color:#d49c47
}
.btn-primary:hover{
    color:#fff;
    background-color:#af8442;
    border-color:#af8442
}
.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle,.show>.btn-dark.dropdown-toggle,.show>.btn-info.dropdown-toggle,.show>.btn-primary.dropdown-toggle,.show>.btn-success.dropdown-toggle{
    background-color:#f4d06e;
    border-color:#f4d06e
}
.price{
    height:150px;
    width:200px;
    position:relative;
    margin:20px auto
}
.label,.radio,.radio:after,.radio:before{
    position:absolute
}
.radio{
    -webkit-appearance:none;
    appearance:none;
    background-color:#2b2d36;
    -webkit-box-shadow:0 15px 30px 0 rgb(23 24 40);
    -moz-box-shadow:0 15px 30px 0 rgb(23 24 40);
    box-shadow:0 15px 30px 0 rgb(23 24 40);
    border-radius:10px;
    height:100%;
    width:100%;
    transition-duration:.2s
}
.radio:before{
    content:"";
    height:22px;
    width:22px;
    background-color:#1a1f2c;
    border:1px solid #3b3b43;
    border-radius:50%;
    top:35px;
    right:20px
}
.radio:after{
    content:"";
    height:13px;
    width:13px;
    background-color:transparent;
    border-radius:50%;
    top:39.5px;
    right:24.5px
}
.label{
    margin:20px;
    cursor:url('https://vsthemes.org/uploads/cursors/45657/cb9c771c2c9fed717fd33b178657721c.webp'),auto
}
.h5{
    font-weight:600;
    font-size:18px;
    letter-spacing:.5px;
    margin:15px 0 20px
}
.log-id,.span{
    font-weight:400
}
.span{
    font-size:15px;
    color:#7b7b93
}
.radio:checked{
    transform:scale(1.1);
    border:1px solid #d49c47
}
.radio:checked:after{
    background-color:#cc9e44
}
.h2{
    font-size:25px
}
.bor-b{
    border-bottom:3px solid #444251;
    border-radius:2px;
    width:50%
}
.face,.faceborder,.box{
    width:66px;
    height:55px
}
.box{
    cursor:url('https://vsthemes.org/uploads/cursors/45657/cb9c771c2c9fed717fd33b178657721c.webp'),auto;
    margin:-41px auto 0;
    position:relative;
    background:0 0
}
.face{
    -webkit-clip-path:polygon(41% 32%,59% 32%,84% 1%,79% 51%,90% 76%,50% 99%,10% 76%,21% 51%,16% 1%);
    clip-path:polygon(41% 32%,59% 32%,84% 1%,79% 51%,90% 76%,50% 99%,10% 76%,21% 51%,16% 1%);
    background:#000
}
.faceborder{
    -webkit-clip-path:polygon(40% 36%,61% 36%,80% 11%,75% 52%,85% 74%,50% 94%,15% 75%,25% 52%,20% 11%);
    clip-path:polygon(40% 36%,61% 36%,80% 11%,75% 52%,85% 74%,50% 94%,15% 75%,25% 52%,20% 11%);
    background:#ff3d00;
    position:absolute;
    top:0
}
.leftEar,.leftEye,.nose,.rightEar,.rightEye{
    background:#000;
    width:66px;
    height:55px;
    position:absolute;
    top:0
}
.leftEar{
    -webkit-clip-path:polygon(24% 22%,27% 46%,35% 35%);
    clip-path:polygon(24% 22%,27% 46%,35% 35%)
}
.rightEar{
    -webkit-clip-path:polygon(76% 22%,66% 35%,73% 46%);
    clip-path:polygon(76% 22%,66% 35%,73% 46%)
}
.leftEye{
    -webkit-clip-path:polygon(44% 62%,31% 57%,37% 66%);
    clip-path:polygon(44% 62%,31% 57%,37% 66%)
}
.rightEye{
    -webkit-clip-path:polygon(53% 62%,68% 57%,61% 66%);
    clip-path:polygon(53% 62%,68% 57%,61% 66%)
}
.nose{
    -webkit-clip-path:polygon(56% 82%,50% 79%,44% 82%,50% 89%);
    clip-path:polygon(56% 82%,50% 79%,44% 82%,50% 89%)
}
.chin{
    width:66px;
    height:55px;
    background:#fff;
    position:absolute;
    top:0;
    -webkit-clip-path:polygon(50% 89%,31% 67%,15% 75%,50% 94%,85% 74%,68% 67%);
    clip-path:polygon(50% 89%,31% 67%,15% 75%,50% 94%,85% 74%,68% 67%)
}
.buttoncard,.jq-toast-single,.page-border{
    clip-path:polygon(25px 0,100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%,0 100%,0 25px)
}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{
    cursor:url('https://vsthemes.org/uploads/cursors/45657/cb9c771c2c9fed717fd33b178657721c.webp'),auto
}
.buttoncard{
    background-color:#2a2b38;
    border-radius:0;
    -webkit-transition-duration:.2s;
    -moz-transition-duration:.2s;
    -o-transition-duration:.2s;
    transition-duration:.2s;
    cursor:url('https://vsthemes.org/uploads/cursors/45657/cb9c771c2c9fed717fd33b178657721c.webp'),auto;
    opacity:.8
}
.log-close,.log-sm .sm{
    transition:.15s ease-in-out
}
.buttoncard:hover{
    background-color:#312f3d;
    transform:scale(1.02);
    opacity:5
}
.selectedbutton{
    opacity:1;
    background-color:#312f3d;
    border:1px solid #d49c47;
    transform:scale(1.05)
}
.loader{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.5);
    z-index:9999
}
.log,.tabbar ul,.tabbar ul li,.tabbar ul li a{
    position:relative
}
.loader .spinner{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border:16px solid #1c1f2c;
    border-top:16px solid #c59040;
    border-radius:50%;
    width:120px;
    height:120px;
    animation:.2s linear infinite spin
}
@keyframes spin{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
.toast{
    width:400px;
    height:200px;
    font-size:16px
}
.jq-toast-single{
    border-radius:2px;
    width:110%;
    height:110px;
    font-size:14px;
    line-height:20px
}
.jq-toast-wrap .jq-icon-error,.jq-toast-wrap .jq-icon-success,.jq-toast-wrap .jq-icon-warning{
    background-color:#252731
}
.log{
    border-radius:8px;
    padding:50px 20px 20px 60px;
    min-height:400px;
    display:flex;
    flex-direction:column
}
.chat-settings,.count,.ico,.log-close,.log-pic,.log-right,.log-sm,.tabbar ul li a div:before,.tabbar ul li:after,.tabbar ul li:before,.tabbar ul:before{
    position:absolute
}
.log-inputs .input,.log-pic,.log-sm a{
    display:inline-block
}
.result{
    padding:20px 20px 20px 30px
}
.log-details{
    padding:0 0 0 30px
}
.log-inputs,.log-right,.log-sm{
    padding:0;
    list-style:none
}
.log-pic{
    top:20px;
    left:-40px;
    height:120px;
    width:120px;
    border-radius:50%;
    border:7px solid #1f1f2c;
    background:#22242a
}
.log-id,.log-seller{
    display:block;
    margin:0
}
.log-close{
    top:10px;
    right:10px;
    height:30px;
    line-height:30px;
    width:30px;
    background:0 0;
    outline:0;
    border:none;
    border-radius:50%;
    font-size:18pt;
    color:rgba(255,255,255,.2);
    cursor:url('https://vsthemes.org/uploads/cursors/45657/cb9c771c2c9fed717fd33b178657721c.webp'),auto
}
.log-inputs .input,.log-sm .sm{
    border-radius:2px;
    box-shadow:0 1.5px 4px rgba(0,0,0,.24),0 1.5px 6px rgba(0,0,0,.12);
    clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
    height:40px
}
.log-close:active{
    background:rgba(255,255,255,.02);
    box-shadow:0 1.5px 4px rgba(0,0,0,.24),0 1.5px 6px rgba(0,0,0,.12)
}
.log-sm{
    margin:0;
    top:152px;
    left:-10px;
    width:40px
}
.log-right{
    margin:0;
    top:65px;
    right:-10px;
    width:40px;
    left:unset
}
.log-sm .sm{
    width:40px;
    margin-bottom:4px;
    background:#2e2f3b
}
.log-sm .sm:hover{
    background:#26282e
}
.log-sm .sm:active{
    background:#31343b
}
.log-sm a{
    height:40px;
    width:40px;
    border-radius:50%
}
.log-sm svg{
    width:30px;
    height:30px;
    margin:5px;
    border-radius:50%
}
.log-sm path{
    fill:#00000096
}
.log-id{
    color:#fff;
    font-size:16px
}
.log-bal{
    font-size:22px
}
.log-seller{
    color:rgb(204 158 68 / 85%);
    font-weight:700;
    font-size:11pt
}
.log-inputs{
    margin:20px 10px 0 0;
    cursor:default
}
.log-inputs .input{
    font-size:18px;
    color:rgba(255,255,255,.5);
    background:rgba(255,255,255,.07);
    margin-top:8px;
    margin-right:8px;
    line-height:20px;
    padding:10px
}
.log-info{
    color:rgba(255,255,255,.7);
    font-size:11pt;
    line-height:12pt;
    flex:1 0 auto
}
.ico{
    color:#595961;
    font-size:30px;
    margin:-7px 0 0 5px
}
.count{
    left:54%;
    width:1rem;
    height:1rem;
    border-radius:100%;
    background:#efc575;
    color:#fff!important;
    z-index:9;
    font-size:11px;
    top:30px;
    font-weight:600;
    line-height:1rem;
    border:none
}
.date,.text-lg{
    font-size:12px
}
.send{
    color:#1a1828;
    background:#be923e;
    border:none;
    border-radius:50px;
    margin:20px 7px 33px;
    padding:7px;
    max-width:100px;
    max-height:100px
}
.color{
    width:25px;
    height:25px;
    border-radius:50%
}
.chat-settings{
    bottom:0;
    width:100%;
    border-top:2px solid #575669;
    margin-bottom:10px
}
.page i{
    font-size:40px
}
.page-border{
    background-color:#312f3d;
    -webkit-box-shadow:0 15px 30px 0 rgb(23 24 40);
    -moz-box-shadow:0 15px 30px 0 rgb(23 24 40);
    box-shadow:0 15px 30px 0 rgb(23 24 40);
    border-radius:0;
    -webkit-transition-duration:.2s;
    -moz-transition-duration:.2s;
    -o-transition-duration:.2s;
    transition-duration:.2s;
    cursor:url('https://vsthemes.org/uploads/cursors/45657/cb9c771c2c9fed717fd33b178657721c.webp'),auto;
    opacity:.8
}
.cardpageh,.notification,.right-sidebar-toggler-wrapper .sidebar-toggler{
    clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)
}
.page-border:hover{
    background-color:#1c1f2c
}
.notification{
    display:flex;
    align-items:center;
    padding:10px;
    margin-bottom:10px;
    border-radius:5px;
    color:#fff;
    background-color:#232531
}
.xicon{
    margin-right:10px
}
.content{
    display:flex;
    flex-direction:column;
    flex-grow:1;
    margin-bottom:70px
}
.header{
    font-weight:700;
    color:#cc9e44
}
.message{
    margin-top:5px;
    white-space:pre-line
}
.date{
    opacity:.7;
    margin-left:auto
}
.container{
    max-width:500px;
    margin:0 auto
}
.notifications{
    max-height:600px;
    overflow-y:auto
}
.tabbar,.tabbar ul,.text-dots{
    overflow:hidden
}
.cardpage{
    min-height:100px;
    padding:10px
}
.cardpageh{
    background-color:#f4d06e;
    color:#3e3d51;
    margin:6px auto 0;
    width:70px;
    padding:2px;
    border-radius:2px
}
.emcardpage{
    min-width:8%;
    max-width:140px;
    min-height:350px;
    background-color:transparent;
    border:2px solid #cc9e44;
    font-family:Roboto,Arial
}
.filled{
    animation:.5s linear shake
}
@keyframes shake{
    0%,100%{
        transform:translateX(0) rotate(0)
    }
    25%,75%{
        transform:translateX(-5px) rotate(-5deg)
    }
    50%{
        transform:translateX(5px) rotate(5deg)
    }
}
.arrow{
    margin-top:70px
}
.hiddencard{
    background-color:#202227
}
.right-sidebar-toggler-wrapper .sidebar-toggler{
    margin:10px 0 auto;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-timing-function:ease;
    transition-timing-function:ease;
    border-radius:4px;
    background:#3a3d51;
    color:#1b1923;
    padding:7px;
    font-size:30px
}
.right-sidebar-toggler-wrapper{
    -webkit-box-shadow:none;
    box-shadow:none
}
.right-sidebar-toggler-wrapper .sidebar-toggler:hover{
    background:#3e3d51;
    color:#fffffc
}
.right-sidebar-toggler-wrapper .nav-link{
    display:block
}
.tabbar{
    --primary:#ffcf70;
    --background:#444251;
    --inactive:#99A3BA;
    --line:#CDD9ED;
    background:var(--background);
    border-radius:3px;
    width: 600px;
    -webkit-tap-highlight-color:transparent;
    clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);
    margin:auto
}
.tabbar ul{
    --x:54px;
    margin:0 0 0 -15px;
    padding:0 12px;
    list-style:none;
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr))
}
.tabbar ul:before{
    content:"";
    top:0;
    left:var(--x);
    background:var(--primary);
    width:60px;
    margin-left:-30px;
    height:40px
}
.tabbar ul li:after,.tabbar ul li:before{
    content:"";
    background:var(--background);
    height:44px;
    width:84px;
    top:0;
    left:50%;
    margin-left:-42px
}
.tabbar ul li:before{
    border-radius:0 48% 0 0
}
.tabbar ul li:after{
    border-radius:48% 0 0
}
.tabbar ul li a{
    padding:5px 0;
    display:block;
    z-index:1;
    color:var(--primary);
    transition:transform .2s
}
.tabbar ul li a:active{
    transform:scale(.9)
}
.tabbar ul li a:after,.tabbar ul li a:before{
    content:"";
    top:0;
    left:50%;
    position:absolute;
    background:var(--primary);
    border-radius:1px;
    width:0;
    margin-left:-1px;
    transform-origin:50% 0;
    transform:translateY(-16px) scaleX(.6)
}
.tabbar ul li a:after{
    height:4px
}
.tabbar ul li a div{
    background:var(--inactive);
    width:24px;
    height:24px;
    margin:auto auto 4px
}
.tabbar ul li a:hover{
    scale:1.2
}
.tabbar ul li a div:before{
    --y:-100%;
    content:"";
    display:block;
    width:1000%;
    height:100%;
    top:0;
    left:0;
    transform:translateY(var(--y));
    transition:transform .4s linear;
    background:var(--primary)
}
.tabbar ul li a span{
    display:block;
    font-weight:500;
    font-size:14px;
    opacity:0;
    transition:opacity .36s linear
}
.tabbar ul li.active:before{
    -webkit-animation:1.1s before;
    animation:1.1s before
}
.tabbar ul li.active:after{
    -webkit-animation:1.1s after;
    animation:1.1s after
}
.tabbar ul li.active a{
    -webkit-animation:.9s linear .3s bounce;
    animation:.9s linear .3s bounce
}
.tabbar ul li.active a:before{
    -webkit-animation:.4s linear .1s forwards drop;
    animation:.4s linear .1s forwards drop
}
.tabbar ul li.active a:after{
    -webkit-animation:.5s linear .13s forwards drop;
    animation:.5s linear .13s forwards drop
}
.tabbar ul li.active a div:before{
    --y:0;
    transition-delay:0.3s
}
.tabbar ul li.muted a span{
    opacity:1;
    color:var(--inactive)
}
.tabbar ul li.active a span{
    opacity:1;
    color:var(--primary);
    transition-delay:0.38s
}
.tabbar ul li.home a div{
    -webkit-mask-box-image:url("https://kit-pro.fontawesome.com/releases/v6.4.2/svgs/light/house.svg");
    mask:url("https://kit-pro.fontawesome.com/releases/v6.4.2/svgs/light/house.svg");
    width:27px
}
.tabbar ul li.store a div{
    -webkit-mask-box-image:url("https://kit-pro.fontawesome.com/releases/v6.4.2/svgs/light/shop.svg");
    mask:url("https://kit-pro.fontawesome.com/releases/v6.4.2/svgs/light/shop.svg");
    width:30px
}
.tabbar ul li.cpanel div{
    -webkit-mask-box-image:url("https://kit-pro.fontawesome.com/releases/v6.4.2/svgs/light/cloud.svg");
    mask:url("https://kit-pro.fontawesome.com/releases/v6.4.2/svgs/light/cloud.svg");
    width:29px
}
.tabbar ul li.sender a div{
    -webkit-mask-box-image:url("https://kit-pro.fontawesome.com/releases/v6.4.2/svgs/light/paper-plane.svg");
    mask:url("https://kit-pro.fontawesome.com/releases/v6.4.2/svgs/light/paper-plane.svg")
}
.tabbar ul li.server a div{
    -webkit-mask-box-image:url("https://kit-pro.fontawesome.com/releases/v6.4.2/svgs/light/server.svg");
    mask:url("https://kit-pro.fontawesome.com/releases/v6.4.2/svgs/light/server.svg")
}
.tabbar ul li.domain a div{
    -webkit-mask-box-image:url("https://kit-pro.fontawesome.com/releases/v6.4.2/svgs/light/globe.svg");
    mask:url("https://kit-pro.fontawesome.com/releases/v6.4.2/svgs/light/globe.svg")
}
.tabbar ul li.inventory a div{
    -webkit-mask-box-image:url("https://kit-pro.fontawesome.com/releases/v6.4.2/svgs/light/house.svg");
    mask:url("https://kit-pro.fontawesome.com/releases/v6.4.2/svgs/light/house.svg");
    width:27px
}
@-webkit-keyframes bounce{
    40%{
        transform:translateY(9px)
    }
    55%{
        transform:translateY(-1px)
    }
    70%{
        transform:translateY(4px)
    }
}
@keyframes bounce{
    40%{
        transform:translateY(9px)
    }
    55%{
        transform:translateY(-1px)
    }
    70%{
        transform:translateY(4px)
    }
}
@-webkit-keyframes drop{
    50%{
        transform:translateY(10px) scaleY(1.2) scaleX(.5)
    }
    100%{
        transform:translateY(20px) scaleY(0) scaleX(.5)
    }
}
@keyframes drop{
    50%{
        transform:translateY(10px) scaleY(1.2) scaleX(.5)
    }
    100%{
        transform:translateY(20px) scaleY(0) scaleX(.5)
    }
}
@-webkit-keyframes before{
    45%,55%{
        transform:translateX(-41px)
    }
}
@keyframes before{
    45%,55%{
        transform:translateX(-41px)
    }
}
@-webkit-keyframes after{
    45%,55%{
        transform:translateX(41px)
    }
}
@keyframes after{
    45%,55%{
        transform:translateX(41px)
    }
}
.navbar .navbar-menu-wrapper .nav .nav-item.circle-grid.active{
    border:2.5px solid #ffcf70!important;
    -webkit-animation:1s linear .3s bounce;
    animation:1s linear .3s bounce
}
.tooltip-inner{
    border-radius:2px;
    clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)
}
.p-brackets,.rounded{
    clip-path:polygon(25px 0,100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%,0 100%,0 25px)
}
.p-brackets{
    border-radius:2px;
    border:2px solid #302f3b;
    padding:15px
}
.ajax-upload-dragdrop .btn-rounded.ajax-file-upload,.btn.btn-rounded,.swal2-modal .swal2-buttonswrapper .btn-rounded.swal2-styled,.wizard>.actions a.btn-rounded{
    border-radius:2px
}
.rounded-circle,.settings-panel .color-tiles .tiles{
    border-radius:25%!important
}
.form-control::placeholder{
    color:#99959e!important
}
.form-control:focus{
    color:#e5e5e5!important
}
.text-lg{
    color:#d49c47
}
.media-text{
    font-size:16px;
    margin-top:0
}
.text-dots{
    text-overflow:ellipsis;
    white-space:nowrap
}
.btn-clipboard,.btn-rounded-sq{
    background:0 0;
    border:transparent;
    font-size: 18px !important;
    padding: 5px !important;

}
.modal{
    margin-top:98px;
    max-height:900px;
}

.width-15{
    width:25px;
    height:25px;
    margin:5px 0
}
.form-group label{
    font-size:18px;
    color:#d49c47
}
.sidebar .sidebar-inner > .nav > .nav-item .submenu .submenu-inner{
    padding: 20px 20px 20px 20px;
}
.panel-settings{
    height: calc(100vh - 200px);
    display: flex;
    display: -webkit-inline-box;

}.form-group{
    margin-bottom: 0px;
}