/*Font*/
@font-face {font-family:'ANCL';src: url('../fonts/ancl.eot');src: url('../fonts/ancl.eot?#iefix') format('embedded-opentype'),url('../fonts/ancl.woff') format('woff'),url('../fonts/ancl.ttf') format('truetype');font-weight: normal;font-style: normal;}
/*Colors*/
body.dark {
  --bg1: rgba(23, 27, 46, 1);
  --bg2: rgba(32, 35, 59, 1);
  --bg3: rgba(44, 47, 73, 0.5);
  --bg4: #ffffff;
  --inp1: #1c1e30;
  --bg5: rgba(33, 37, 69, 0.4);
  --txt1: rgb(165, 172, 173);
  --txt2: rgb(255, 255, 255);
  --txt4: #454647;
  --icn1: #ADB7BE;
  --icn2: #7367f0;
  --lnk1: #266a61;
  --lnk2: #7367f0;
  --brd1: #242938;
  --brd2: #0e0e0f;
  --btn1: #7367f0;
  --btn2: #7367f0b3;
  --white: #ffffff;
  --danger:#c0392b;
  --success:#27ae60;
  --warning:#f39c12;
  --blue: #4f85ec;
  --popup:rgba(255,255,255,0.7);
  --grow:1.02;
  --move:-2ch;
  --shd1: rgba(0, 0, 0, 0.2);
  --track1: linear-gradient(#b3d6ec, #368aec 70%, #398ff2);
}
body.light {
  --bg1: #ffffff;
  --bg2: #f8f7fa;
  --bg3: rgb(255, 255, 255, 0.6);
  --txt1: #68676a;
  --txt2: #242424;
  --shd1: rgba(0, 0, 0, 0.2);
  --brd2: rgba(26, 31, 47, 0.38);
  --btn1: rgba(115, 103, 240, 0.70);
  --btn2: rgb(115, 103, 240);
  --icn1: #7367F0;
  --icn2: #7367F0;
  --lnk1: rgb(160, 123, 183);
  --lnk2: rgb(160, 123, 183);
  --inp1: #ffffff;
  --white: #ffffff;
  --danger:#c0392b;
  --success:#27ae60;
  --warning:#f39c12;
  --blue: #4f85ec;
}
/*Main*/
body {font-family:'ANCL',sans-serif!important;font-size:1rem;font-weight:300;line-height:1.3;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color: transparent;}
h1,h2,h3,h4,.bold,.bt {font-family:'ANCL',sans-serif;font-weight:600;color: var(--txt2);}
body,main{margin:0;color: var(--txt1);background-color:var(--bg1);}
a{color:var(--lnk1);}
a:hover{color:var(--lnk1);}
/*Main*/
.main{width: 75%;background-color:var(--bg1);}
/*Sidebar*/
.sidebar{width:25%;background-color:var(--bg1);}
.sidebar .menu ul{margin:0;padding:0;}
.sidebar .menu ul>li{color:var(--txt1);padding:0.5rem 1rem;border:solid 1px transparent;}
.sidebar .menu ul>li.active, .sidebar .menu ul>li:hover {color:var(--txt2);font-weight:700;background-color:var(--bg3);border-left-color:var(--blue);border-top-color:var(--brd2);border-bottom-color:var(--brd2);}
.sidebar .menu ul>li.active:first-child{border-top:none;}
.sidebar .menu ul>li>i.bx{margin-right:0.8rem;}
.sidebar .menu ul>li.active i.bx{color:var(--blue);}
.sidebar .menu li>a{color:var(--txt2);}
.sidebar .menu li>a:hover{color:var(--lnk1);}
/*Page*/
.page{color: var(--txt1);background-color:var(--bg2);}
/*Headers*/
.navtop{height:65px;}
.navtop>div{height:100%;}
/*Heights*/
.vh-100{height:100vh;overflow-y:hidden;}
.min-vh-100{min-height:100vh;}
.max-vh-100{max-height:100vh;}
.navtop+.min-vh-100{min-height:calc(100vh - 65px)!important;}
.navtop+.max-vh-100,.navtop+.max-vh-100>div .vh-100,.navtop+.max-vh-100>div .min-vh-100{max-height:calc(100vh - 65px)!important;}
.navtop+.vh-100{height:calc(100vh - 65px)!important;}
.navtop+.scrl.y{padding-bottom:65px!important;}
/*Positioning*/
.rel{position:relative;}
.fixed{position:fixed;z-index: 999;}
.abs{position:absolute;z-index: 997;}
.postop{top:0;}
.posbtm{bottom:0;}
.poslft{left:0;}
.posrgt{right:0;}
.scrl{-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.scrl::-webkit-scrollbar {display:none;}
.scrl.x{overflow-x:auto;}
.scrl.y{overflow-y:auto;}
/*Icons*/
.svg-inline--fa,.bx{margin:0 5px;text-rendering: auto;-moz-osx-font-smoothing: grayscale;}
.icon{color:var(--icn1);padding: 0.2rem;font-weight:bold;font-size:1.25rem;}
.icon:hover{color:var(--icn2);}
.icon.md{font-size:1.5rem;}
.icon.lg{font-size:2rem;}
/*Backgrounds*/
.bg1{background-color:var(--bg1);}
.bg2{background-color:var(--bg2);}
/*Borders*/
.bl{border-left: 1px solid var(--brd2);}
.br{border-right: 1px solid var(--brd2);}
.bt{border-top: 1px solid var(--brd2);}
.bb{border-bottom: 1px solid var(--brd2);}
/*Cards*/
.card{background-color:var(--bg3);border: 1px solid var(--brd2);box-shadow: 0 0 1rem 0 var(--shd1);}
.card .input-group,.card .form-control,.card .form-select{background-color:var(--inp1);}
.card-columns .card{width:270px;}
.card .form-select {background-color: var(--bg2);box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
/*Tables*/
.table th{font-weight:600;color: var(--txt2);background-color: var(--bg2);}
.table tr{color: var(--txt1);background-color: var(--bg1);border: 1px solid var(--brd2);}
.table td{background-color: var(--bg1);border: 1px solid var(--brd2);}
.table tr.success td{background-color: var(--success);color: var(--txt2);}
/*Forms*/
.form-control {position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;width: 1%;min-width: 0;margin-bottom: 0;padding: 0.5rem 0.25rem;transition: all .3s;border-radius:4px;font-size:0.85rem;font-weight:400;resize:none;outline:none;}
.form-control:focus{outline:none;box-shadow:none;}
.form-control:disabled {background-color:inherit;}
.form-select,.form-select:focus{outline:none;box-shadow:none;}
.form-range{background:transparent;--val:0;--pos: calc(0.5em + .01*var(--val)*(100% - 1em));}
.form-range:focus{outline: none;}
.form-range::-ms-track {width: 100%;cursor: pointer;background: transparent;border-color:transparent;color:transparent;}
.form-range::-webkit-slider-runnable-track {background-color:var(--bg1);border: 0;border-radius: 1rem;}
.form-range:focus::-webkit-slider-runnable-track {background: var(--track1) 0/ var(--pos) 100% no-repeat, var(--bg2);}
.form-range::-ms-fill-lower {background-color: var(--track1);}
.form-range::-webkit-slider-thumb {background-color: var(--btn1);border: 0;border-radius: 1rem;}
/*Inputs*/
.input-group .form-control:focus{border-color:transparent;box-shadow:none;}
.input-group{border:solid 1px var(--brd2);border-radius:8px;background-color:var(--bg1);}
.form-control,.form-select{border:none;color:var(--txt2);background-color:var(--bg1);}
.form-select:disabled {background-color: var(--bg1);}
.form-control:placeholder,.form-select:placeholder{color:var(--txt2);}
.form-control:focus,.form-control:hover,.form-select:focus,.form-select:hover,.form-control:autofill{color:var(--txt2);background-color:var(--bg1)!important;outline:0!important;box-shadow:none;-webkit-text-fill-color:var(--txt2);}
.form-control:-webkit-autofill{color:var(--txt2)!important;-webkit-box-shadow: inset 0 0 0 50px var(--bg1)!important;}
.form-control:disabled,.form-control[readonly]{color:var(--txt1);opacity:0.95;}
.input-group-text{background-color: var(--bg1);border: none;}
/*Buttons*/
.btn {border:solid 1px transparent;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.btn.hover{box-shadow: inset rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.btn[disabled]{cursor:none;opacity:0.7;}
.btn-primary{color:var(--txt2);background-color:var(--btn1);border:solid 1px var(--btn1);}
.btn-primary:hover{background-color:var(--btn2);}
.btn-secondary{color:var(--txt1);background-color:var(--btn2);border:solid 1px var(--btn2);}
.btn-secondary:hover{color:var(--txt2);background-color:var(--btn2);border:solid 1px var(--brd1);}
.btn-outline-primary{color:var(--txt1);background-color:var(--bg1);border:solid 1px var(--btn1);}
.btn-outline-primary:hover{color:var(--txt1);background-color:var(--btn1);border:solid 1px var(--btn1);}
.btn.success{color:var(--txt2);background-color:var(--success)!important;border:solid 1px var(--success);}
.btn.danger{color:var(--txt2);background-color:var(--danger)!important;border:solid 1px var(--danger);}
/*Messages*/
.message.author .txt{color:var(--txt2);}
/*Sizes*/
.w-32{width:32px;}
.w-48{width:48px;}
.h-48{height:48px;}
.w-64{width:64px;}
.w-96{width:96px;}
.w-128{width:128px;}
.w-256{width:256px;}
.w33p{width:33.33%;}
.w50p{width:50%;}
.max-w-100{max-width:100%;}
.max-content{min-width: max-content;}
/*Round*/
.round-5{border-radius:0.5rem;}
.round-10{border-radius:1rem;}
.round-15{border-radius:1.5rem;}
/*Texts*/
.ts-6{font-size:0.6rem;}
.ts-8{font-size:0.8rem;}
.ts-10{font-size:1rem;}
.ts-12{font-size:1.2rem;}
.ts-15{font-size:1.5rem;}
.ts-20{font-size:2rem;}
.txt {word-wrap: break-word;white-space: pre-line;}
.text-center {text-align: center!important;}
/*Embeds*/
.vid {background-size: cover;outline: none;}
.exp {position: relative;display: block;height: 0px;padding: 0px;overflow: hidden;}
.exp>iframe, .exp>video, .exp>img {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;z-index: 98;}
.exp.rounded>iframe{border-radius:6px;}
.x169 {padding-bottom: 56.25%;}
/*Overlay*/
.hover-overlay {height: auto;overflow: hidden;position: relative;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.hover-overlay img {width: 100%;-webkit-transition: all 600ms;-moz-transition: all 600ms;-o-transition: all 600ms;transition: all 600ms;}
.overlay-content {position: absolute;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 20;width: 100%;text-align: center;opacity: 0;-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;transition: all 200ms ease-out;}
.overlay-content svg,.overlay-content i{color:#fff!important;font-weight:bold;font-size:3em;}
.item-overlay {opacity: 0;-moz-opacity: 0; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(10, 10, 10, 0.3);-moz-transition: opacity 400ms ease-out;-webkit-transition: opacity 400ms ease-out;-o-transition: opacity 400ms ease-out;transition: opacity 400ms ease-out;}
.hover-overlay:hover > img {transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);}
.hover-overlay:hover .item-overlay {opacity: 1; -moz-opacity: 1;}
.hover-overlay:hover .overlay-content {opacity: 1; -moz-opacity: 1;}
.overlay{z-index:9999;-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);animation: overlay .25s ease-in-out;display: flex;justify-content: center;align-items: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow-y: scroll;}
.overlay .popup{z-index:9999;width:50%;padding:40px 0;}
.overlay .popup span.icon.close{font-size:1.6em;}
.overlay .popup .card{min-width:fit-content;min-height:250px;max-height:100%;}
@keyframes overlay{from{webkit-backdrop-filter:none;backdrop-filter:none;}to{webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}}
.media .hover-overlay{width:12rem;}
.media[data-type="audio"],.media[data-type="video"]{flex-direction:column;width:100%;}
/*Custom*/
.avatar>img{background-color:var(--bg1);border-radius: 50%;border:solid 6px var(--brd1);}
.hand,.action{cursor:pointer;}
.hdn{display:none;transition: all .5s ease;}
.danger{color:var(--danger);}
.success{color:var(--success);}
.warning{color:var(--warning);}
.blured{filter: blur(6px);}
/*Chat*/
.abs.postop>div{height:45px;}
.abs.postop+.items{padding-top:45px;padding-bottom:85px;max-height: calc(100vh - 65px - 45px)!important;}
.message .txt{max-width:85%;float:left;background: var(--bg2);border-radius: 0 0.75rem 0.75rem 0.75rem;}
.message.author .txt{float:right;background: var(--blue);border-radius: 0.75rem 0 0.75rem 0.75rem;}
body.dark .message.author .txt a{color:var(--bg1);}
body.light .message.author .txt a{color:var(--txt1);}
/*SweetAlert2*/
.swal2-popup,.swal2-radio,.swal2-checkbox{background-color:var(--bg1)!important;color:var(--txt1)!important;}
.swal2-timer-progress-bar{background-color:var(--success)!important;}
/*EditorJS*/
.ce-block a{font-weight: 700;}
.ce-toolbox--opened{background-color:var(--bg2);}
.ce-toolbox__button{color:var(--txt1)!important;}
.ce-toolbox__button:hover{color:var(--bg1)!important;}
.ce-inline-toolbar,.ce-conversion-toolbar,.ce-popover{color:var(--txt1);background-color: var(--bg2);border-color:var(--brd1);}
.ce-conversion-tool__icon,.ce-inline-toolbar__dropdown:hover,.ce-conversion-tool:hover{background-color: var(--bg1);}
.ce-inline-toolbar__dropdown{border-right-color: var(--brd1);}
.ce-toolbar__plus,.ce-toolbar__settings-btn{color:var(--txt1);}
.ce-toolbar__plus:hover,.ce-toolbar__settings-btn:hover{color:var(--txt1)!important;background-color: var(--bg2)!important;}
.cdx-search-field{background-color: var(--bg1);border-color:var(--brd1);}
.ce-popover__item-icon{background-color: var(--bg1);color:var(--txt1);border-color:var(--brd1);-webkit-box-shadow:none;box-shadow:none;}
.cdx-settings-button--active{color:var(--txt2);}
.ce-inline-tool:hover,.ce-popover__item:hover{color:var(--txt2)!important;background-color: var(--bg1)!important;}
.ce-inline-tool-hyperlink-wrapper{border-top-color:var(--brd1);}
.ce-inline-tool-hyperlink--input, .ce-inline-tool-hyperlink--select-target, .ce-inline-tool-hyperlink--select-rel{color: var(--txt1);border:1px solid var(--brd1)!important;background-color: var(--bg1);}
.ce-inline-tool-hyperlink--input:placeholder, .ce-inline-tool-hyperlink--select-target:placeholder, .ce-inline-tool-hyperlink--select-rel:placeholder{color: var(--txt2);}
.ce-inline-tool-hyperlink--button{color:var(--txt1)!important;background-color: var(--btn1)!important;}
.cdx-simple-image{text-align: center;}
.cdx-simple-image__picture>img{border-radius:0.5rem;width: 100%;}
.cdx-simple-image__picture,.embed-tool{background-color: var(--bg2);border: 1px solid var(--brd1);border-radius:0.5rem;padding: 0.5rem!important;}
.embed-tool__content{border-radius:0.5rem;}
/*Dropbox*/
form.dropbox label>div{height: 200px;background: url(/assets/svg/dropbox.svg) 50% 50% no-repeat;background-size: contain;}
form.addphoto label>div{background: url(/assets/img/svg/addphoto.svg) 50% 50% no-repeat;background-size: contain;border: dashed 2px var(--success);border-radius:1rem;}
/*Animate*/
.change-width{transition: width 500ms ease-out;will-change:width;width:0%;height:100%;display:none;}
div.showNext:hover+.change-width,.change-width:hover{width:13%;display:block;}
.hide{display:none;will-change:display;}
.hide>div{height: 100%;}
div.showNext:hover+.hide,.hide:hover{display:block!important;}
.grow {transition: all .5s ease-out;}
.grow:hover{transform: scale(var(--grow));}
.move {transition: all .5s ease-out;}
.move:hover{transform: translateX(var(--move));}
div.item h4{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;line-height:1.5em;height: 3em;}
/*Iframes*/
iframe.emailBody{height:100%;}
/*TradingView*/
.price-chart{height: 610px;}
/*Placeholders*/
.ph.downline{background: url(/assets/img/svg/downline.svg) 50% 50% no-repeat;background-size: contain;}
/*Laptops*/
@media (min-width: 1024px) {
  .row-center{min-height: 100vh;}
}
/*Smartphones*/
@media only screen and (max-device-width: 480px) {
  .grid-menu,.grid-screen{grid-template-columns:1fr;}
  .screen,.sidebar{width:100%!important;}
  section{flex-direction: column;}
  .mobile{display:none!important;}
}