:root {
     --body-font-family:system-ui;
     --body-bg-color:#f0f2f5;
     --body-bg-color-dark:#131313;
     --body-color:#131313;
     --body-gcolor:#424b54;
     --body-color-dark:#dfdfdf;
     --link-color:#3b5999;
     --header-bg-color:#FFFFFF;
     --header-bg-color-dark:#212121
    } 
 
    @font-face {
        font-family: "Si";
        src: url("data:application/octet-stream;base64,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dGUxBmNpdHkyMQhjbG90aGVzMQpjb21wdXRlcjMzCWNvdmVyZWQyMAhjcmVkaXQzMQdjcm9zczkyBmRhcnQxMwdkaW5pbmc0CmRvY3VtZW50MzEFZG9nNTAJZG9sbGFyMTMwCGRvbGxhcnMzCGRyYXdpbmc4CGR1bWJiZWxsBGR2ZDYJZWxldmF0b3IxB2VtYWlsMjAHZW5nbGlzaAlmbG93ZXJzMTIEZm9yNARmb3I1B2hvbWUxMTUIaG91c2UxMTAIaG91c2UxMTIHaHVtYW45MwppbnRlcm5ldDE3CGxhdW5kcnk3Bmxpc3QyMwdtYWxlMTA3Bm1hbjQzMgVtYXAzNQptaWNyb3dhdmUzCW1pbmlzcGxpdAZtb3ZlMTIIb3BlbmVkMTcHb3BlbmVkNAhwZW5jaWw1MgdwZXJzb24xCHBlcnNvbjIwCXBlcnNvbjIwNAlwZXJzb24yMDgHcGhvbmUxMwdwbGF0ZTEzBnBsdXM1NQlwb2xpY2VtYW4JcHJpbnRlcjM2DXJlZnJpZ2VyYXRvcjQFcmVudDIFcnVibGUGc2FmZTE4B3NhZmV0eTYGc2FsZTEwB3NjYWxpbmcFc2VhMTMFc2hvcDMLc2hvcHBpbmcxMDkHc2hvd2VyNQhzcHJpbmcxNgtzdW5iYXRoaW5nMQpzd2ltbWluZzE1CHRlbm5pczE4CXRoYWlsYW5kMQR0djE0BnR3bzIwNQZ1c2VyNjIHdmFjdXVtNgZ3aWZpMzQAAAAAAAH//wACAAEAAAAOAAAAGAAAAAAAAgABAAMAVQABAAQAAAACAAAAAAABAAAAAMmJbzEAAAAA0EeFDwAAAADQR4UP") format("truetype");
        font-weight: normal;
        font-style: normal;
    }



html, body {
    scroll-behavior: smooth;
}

dir {
    padding:0;
    margin: 0px;
}

.ux {
    background: #FFF;
    box-shadow: 0 1px 13px rgba(0, 0, 0, 0.36);
    width: 61%;
    margin-bottom: 20px;
    display: none;
    color: #42454e;
    position: fixed;
    border-radius: 3px;
    overflow: hidden;
    text-align: left;
    top: 73px;
    z-index: 9999999;
    right: 8px;
}


.ux1 .ux {
    display: inline-block;
}

.useri {
    width: 108px !important;
    height: 108px !important;
    border-radius: 80px;
    background-size: 100% !important;
    border: 4px solid #FFF;
    margin-top: -56px !important;
    margin-bottom: 0px;
    margin-left: 15px;
    float: left;
}

.ux .users3 {
    width: 22px;
    display: inline-block;
    background-size: 18px;
    height: 16px;
    vertical-align: text-top;
    margin: 0 0 0 15px;
}

.ux h1 {
    color: #223344;
    padding: 3px 3px 0px;
    border-radius: 3px;
    line-height: 1;
    font-size: 19px;
    display: inline-block;
    vertical-align: top;
    margin: 5px 10px 5px;
    text-align: left;
}

.ux h1 i {
    width: 25px;
    height: 21px;
    background-size: 18px;
    vertical-align: bottom;
    background-color: transparent !important;
}

#companybody {
    margin: 0px 20px 0px;
}

#userbackground {
    width: 100%;
    height: 108px;
    background: linear-gradient(149deg, rgb(0, 35, 76), rgb(22, 78, 118), rgb(56, 127, 133), rgb(11, 122, 87)) 0px 0px repeat scroll rgba(0, 0, 0, 0);
    padding: 67px 30px 14px 148px;
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 700;
}

.ux #userbackground::after {
    content: "";
    width: 56px;
    height: 36px;
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 22px;
    background-size: 100% !important;
    opacity: 0;
}

.ux .close {
    width: 33px;
    height: 33px;
    top: 7px;
    right: 11px;
    filter: invert(1);
    position: relative;
}

#userhead {
    background: #f3f6fa;
    margin: 0 10px 10px;
    border-radius: 0 0 4px 4px;
    position: relative;
    padding-bottom: 11px;
}

#usercontent {
    padding: 10px 12px 10px 0;
    font-size: 12px;
    line-height: 18px;
    position: relative;
}

#breadcrumbs {
    color: #95a1aa;
    padding: 8px 0 13px;
    border-top: 1px solid #f1f3f5;
    text-align: left;
    margin: 10px 0 0;
}

.ux dir s {
    border-bottom: 2px solid #e4eaf0;
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
    color: #3b6f9b;
    display: inline-block;
    font-size: 12px;
    margin: 0 5px;
    padding: 3px 13px;
    vertical-align: text-bottom;
    cursor: pointer;
    background-color: #FFFFFF;
    padding: 6px 13px 7px;
    margin: 10px -5px 10px 13px;
    background-size: 16px;
    background-position: left 10px top 46%;
    width: auto !important;
}

.ux dir s:first-child {
    padding-left: 33px;
}

#marketplace {
    position: absolute;
    right: 21px;
    top: 7px;
    text-align: right;
}


.systemMessage {
    display: none;
    position: fixed;
    background: #FFF;
    bottom: 83px;
    z-index: 99999999999;
    margin: 0 10%;
    width: 80%;
    padding: 13px 19px 14px;
    box-shadow: 0 2px 13px #00000066;
    border-radius: 4px;
    font-size: 12px;
}

.systemMessage button {
    float: right;
    margin: -5px -5px -5px;
}


.sysm1 .systemMessage {
    display: block;
}

.view {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtZXllIGgtNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMiAxMmExIDEgMCAwIDEgMCAwIDExIDExIDAgMCAxIDIwIDAgMSAxIDAgMCAxIDAgMCAxMSAxMSAwIDAgMS0yMCAwIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMyIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 0 1px;
}

#preloader {
border-radius: 3px;
    display: none;
    height: 37px;
    left: 50%;
    margin-left: -50px;
    opacity: 1;
    padding: 10px;
    position: absolute;
    top: 20px;
    transition: all 0.5s ease 0s;
    width: 44px;
    z-index: 999999999;
    background: no-repeat;
}

.ball {
    background-color: rgba(0, 0, 0, 0);
    opacity: .9;
    border-top: 0px solid #9e01ef38;
    border-right: 1px solid rgb(178 101 219);
    border-left: 1px solid #9e01ef21;
    border-bottom: 1px solid #9e01ef00;
    border-radius: 50px;
    width: 46px;
    height: 46px;
    margin: -13px 0 0 -13px;
    animation: spin .5s infinite linear;
    position: relative;
}

.ball1 {
    background-color: rgba(0, 0, 0, 0);

    opacity: .9;
    border-top: 1px solid rgb(242 68 98);
    border-left: 2px solid rgba(0, 0, 0, 0);
    border-right: 1px solid #fc70e84a;
    border-bottom: 1px solid rgb(242 68 98);

    border-radius: 50px;
    width: 29px;
    height: 29px;
    margin: -2px 0 0 -4px;
    position: relative;
    top: -36px;
    animation: spinoff .5s infinite linear;
}

@keyframes spin {
    0% { transform:rotate(0deg); }
    100% { transform:rotate(360deg); }
}
@keyframes spinoff {
    0% { transform:rotate(0deg); }
    100% { transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
    0% { transform:rotate(0deg); }
    100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
    0% { transform:rotate(0deg); }
    100% { transform:rotate(-360deg); }
}


.icos ul {
    width: 32%;
    display: inline-block;
    margin: 0 0% 0 1%;
    margin: 0 0.5% 0 0.5%;
}


.icos ul h3 {
    margin: 13px 0 !important;
    background-color: #ffffff;
    width: 100% !important;
    border-radius: 13px;
    padding-left: 27px;
    padding-bottom: 2px;
    background-repeat: no-repeat;
    box-shadow: 0 2px 1px #0000000a;
    font-size: 16px;
}

.moon .icos ul h3 {
    background-color: #171823;
    color: #cfd5db;
}

.icos .recent h3 {
    padding-left: 33px;
    background-position: -1px -2px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZjlkMDI2IiBkPSJNMTcxIDM0MWMtNTItNTMtMTE4IDQzLTExOCA0M2wyNC03LTUzIDYzIDM1LTktNTkgODEgODEtNTktOSAzNSA2My01My03IDI0czk2LTY2IDQzLTExOHoiLz48cGF0aCBmaWxsPSIjZTdjMjI0IiBkPSJNMTcxIDM0MSAwIDUxMmw4MS01OS05IDM1IDYzLTUzLTcgMjRzOTYtNjYgNDMtMTE4eiIvPjxwYXRoIGZpbGw9IiNmNzRkMzciIGQ9Ik0xODMgMjIzIDU0IDIwMWw2OC02OCAxMjkgMjJ6Ii8+PHBhdGggZmlsbD0iI2M0M2QyYyIgZD0ibTI4OSAzMjkgMjIgMTI5IDY4LTY4LTIyLTEyOXoiLz48cGF0aCBmaWxsPSIjZWRlZWYwIiBkPSJNNDY1IDE2MEM1MDggODYgNTEyIDAgNTEyIDBzLTg2IDQtMTYwIDQ3Yy0xNyA5LTMzIDIxLTQ4IDM2TDE0NCAyNDNjLTI0IDI0LTI1IDY5IDE2IDEwOSA0MCA0MSA4NSA0MCAxMDkgMTZsMTYwLTE2MGMxNS0xNSAyNy0zMSAzNi00OHoiLz48cGF0aCBmaWxsPSIjZGNkZWUyIiBkPSJNNDY1IDE2MEM1MDggODYgNTEyIDAgNTEyIDBMNDA5IDEwMyAyMDcgMzA1bC00NyA0N2M0MCA0MSA4NSA0MCAxMDkgMTZsMTYwLTE2MGMxNS0xNSAyNy0zMSAzNi00OHoiLz48cGF0aCBmaWxsPSIjZjc0ZDM3IiBkPSJNNTEyIDBzLTg2IDQtMTYwIDQ3bDU3IDU2IDU2IDU3QzUwOCA4NiA1MTIgMCA1MTIgMHoiLz48cGF0aCBmaWxsPSIjNDQ0MjQyIiBkPSJtMjA3IDMwNS02My02MmMtMjQgMjQtMjUgNjkgMTYgMTA5czg1IDQwIDEwOSAxNmwtNjItNjN6Ii8+PHBhdGggZmlsbD0iIzNhMzgzOSIgZD0ibTI2OSAzNjgtNjItNjMtNDcgNDdjNDAgNDEgODUgNDAgMTA5IDE2eiIvPjxjaXJjbGUgY3g9IjM0NC45IiBjeT0iMTY3LjEiIHI9IjQwLjgiIGZpbGw9IiNiY2U4ZjciLz48cGF0aCBmaWxsPSIjZjc0ZDM3IiBkPSJtMjczIDIzOS0xMDYgNzUtNzUgMTA2IDEwNi03NXoiLz48cGF0aCBmaWxsPSIjYzQzZDJjIiBkPSJtMTk4IDM0NSA3NS0xMDZMOTIgNDIwek01MTIgMCA0MDkgMTAzbDU2IDU3QzUwOCA4NiA1MTIgMCA1MTIgMHoiLz48cGF0aCBmaWxsPSIjOGVjMWQ2IiBkPSJNMzc0IDE5NmMxNi0xNiAxNi00MiAwLTU4bC01OCA1OGMxNiAxNiA0MiAxNiA1OCAweiIvPjwvc3ZnPg==);
    background-size: 18px;
    background-position: 10px 5px;
}

.icos .last h3 {
    margin: 13px 0 !important;
    padding-left: 32px;
    background-position: -1px -2px;
}

.icos h5 {
    margin: 1px 0px 0px;
    font-size: 13px;
}

.moon .icos h5 {
    color: #909fb1;
}

.icos dir {
    box-shadow: rgba(3, 29, 69, 0.04) 0px 0px 100px inset;
    color: rgb(255, 255, 255);
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: center;
    background: linear-gradient(149deg, rgb(0, 35, 76), rgb(22, 78, 118), rgb(56, 127, 133), rgb(11, 122, 87)) 0px 0px repeat scroll rgba(0, 0, 0, 0);
    padding: 10px 0px 20px;
    width: 100%;
    width: 99.5%;
    border-radius: 0 0 4px 0;
}

.icos dir q {
    color: rgb(166, 185, 202);
    display: block;
    font-size: 20px;
    font-weight: 300;
    text-transform: none;
    margin: 5px 0 0;
}

.icos dir i {
    font-weight: bold;
    color: #FFF;
}



.icos li {
    box-shadow: #0000000f 0px 1px 5px;
    display: inline-block;
    font-weight: 500;
    line-height: 18px;
    position: relative;
    width: 100%;
    background: #FFFFFF;
    border-bottom: 1px solid #eef0f2;
    margin: 0px 0px 10px;
    padding: 4px 2% 4px;
    font-weight: normal;
    font-size: 11px;
    border-radius: 3px;
}

.moon .icos li {
    background: #171823;
    border-bottom: 2px solid #191b26;
}

.icos li dt {
    display: inline-block;
    font-size: 10px;
    opacity: 0.4;
}

.dias, .icos li b {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjN2ViYWViIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik0zMSAxMEgxbDQtNmgyMnpNMSAxMGwxNSAxOCAxNS0xOCIvPjxwYXRoIGQ9Im0xMSA0LTIgNiA3IDE4bTUtMjQgMiA2LTcgMTgiLz48L3N2Zz4=);
    margin-top: 0px;
    background-repeat: no-repeat;
    background-position: top 1px left 0;
    padding: 0 0 0 15px;
    font-weight: normal;
    background-size: 12px;
    color: #424253;
    opacity: 0.5;
    font-size: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiNmNmI2MDYiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNTExIDE5N2MtNC0xMi0xNC0xOS0yNi0xOUgzMjlMMjgyIDMwYTI3IDI3IDAgMCAwLTUyIDBsLTQ3IDE0OEgyN2EyNyAyNyAwIDAgMC0xNiA0OWwxMjcgOTEtNDkgMTQ3YTI3IDI3IDAgMCAwIDQyIDMwbDEyNS05MSAxMjUgOTFhMjcgMjcgMCAwIDAgNDItMzBsLTQ5LTE0NyAxMjctOTFjOS03IDEzLTE5IDEwLTMweiIvPjwvc3ZnPg==);
}

.icos li:hover b {
    opacity: 1;
}

.icos li dt:before {
    color: #000000;
    font-size: 13px;
    margin: -2px 2px 0 2px;
    vertical-align: middle;
}

.icos ul li u {
    font-size: 11px;
    background-size: 16px !important;
    width: 16px;
    display: inline-block;
    height: 16px;
    opacity: 0.2;
}

.icos li q {
    width: 100%;
    display: inline-block;
    margin-top: 4px;
}

.icos ul.last li:nth-child(2) img {
    max-width: 100%;
    margin-bottom: 5px;
    width: 100%;
}

.icos ul li u:hover {
    opacity: 1;
}

.icos li em {
    background-size: 22px !important;
    width: 26px;
    height: 26px;
    transform: rotate(90deg);
    position: absolute;
    top: 0px;
    right: 5px;
    padding: 20px 18px;
    background-position: top 47% left 37%;
    background-repeat: no-repeat;
    cursor: pointer;
    display: none;
    opacity: 1;
    background-color: #ffffff;
    border-radius: 3px;
}

.moon .icos li em {
    background-color: #11141a;
}

.icos li:hover em {
    display: inline-block;
}

.icos li em:hover {
    opacity: 1;
}

.icos li progress, aside progress {
    height: 11px;
    border-radius: 3px;
    overflow: hidden;
    margin: 0px 0 0;
    position: relative;
}

aside progress {
    height: 18px;
    width: 100%;
    margin-top: 13px;
}

.icos li progress::before, aside progress::before {
    content: attr(data-pro);
    position: absolute;
    left: 45%;
    top: -4px;
    font-size: 9px;
    font-weight: bold;
    color: #FFFFFF;
}

aside progress::before {
    left: 47%;
    top: 1px;
    font-size: 11px;
}


.icos li progress::-webkit-progress-bar, aside progress::-webkit-progress-bar {
    background: #d5dae2;
}

.icos li progress::-webkit-progress-value, aside progress::-webkit-progress-value {
    background: linear-gradient(130deg, #21284c 0%, #503088 11%, #9f4aa6 61%, #ff176d 97%, #b9245b 100%);
}

.icos .recent img, .icos img {
    float: left;
    max-width: 50px;
    margin: 1px 6px 0 0;
    border-radius: 3px;
}

.icos .join {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px;
    color: rgb(255, 255, 255);
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    vertical-align: middle;
    background: none 0px 0px repeat scroll rgb(22, 70, 110);
    border-bottom: 3px solid rgb(3, 51, 91);
    border-radius: 4px;
    margin: 0px 5px 5px;
    padding: 3px 13px;
    cursor: pointer;
}

#rightsidebar aside {
    padding: 7px 10px 0;
}

.moon #rightsidebar aside {
    color: #989ca9;
}

#rightsidebar aside h6 {
    font-size: 15px;
    margin: 5px 0;
}

#rightsidebar aside img {
    width: 76px;
    float: left;
    margin: 0 10px 0 0;
    border-radius: 3px;
}

#rightsidebar input[type="text"] {
    width: 100%;
    margin: 10px 0;
    padding: 8px 8px 6px;
    height: auto;
    font-size: 18px;
}

#rightsidebar .bigbtn {
    margin: 10px 0;
}

#rightsidebar aside s {
    display: block;
    font-size: 13px;
}

#rightsidebar aside a {
    display: block;
    font-size: 8px;
    font-weight: bold;
    margin: 10px 0 15px;
}

#rightsidebar aside a::before {
    content: attr(data-l);
    display: block;
    font-size: 13px;
}
 
#toggleBtn {
    vertical-align: top;
    padding: 3px 0px;
    float: right;
    width: 80px;
    text-align: right;
    font-size: 11px;
    position: fixed;
    bottom: 12px;
    left: 39px;
}

.moon #toggleBtn {
    color: #FFF;
}

.nav2 #toggleBtn {
    display: none;
}
 
.wallets-list {
    position: absolute;
    top: 61px;
    right: 0px;
    width: 252px;
    padding: 0px 15px 15px;
    background: #FAFBFE;
    border-radius: 0;
    bottom: 0;
}

.wallets-list h4 {
    margin: 10px 0 10px;
}

.wallets-list .btn {
    margin: 10px 0 10px;
}

.wallet-container em, .wallets-list em, .welcome-screen em {
    color: #3b5999;
    font-weight: bold;
    cursor: pointer;
    text-transform: capitalize;
    line-height: 26px;
    font-style: normal;
}

.moon .wallets-list em, .moon .welcome-screen em {
    color: #e0e2eb;
}

.moon .wallets-list em:hover, .moon .welcome-screen em:hover {
    color: #ffffff;
}

.moon .wallets-list {
    background: #171923;
}

.wallets-list li {
    width: 229px;
    padding: 7px 0px 10px;
    cursor: pointer;
    border-bottom: 1px solid #00000009;
    box-shadow: 0 3px 0px #00000003;
}

.moon .wallets-list li:hover {
    color: #FFF; 
}

.moon .wallets-list li, .moon .wallet-container dir p {
    border-bottom: 1px solid #0000003d;
    box-shadow: 0 3px 0px #00000013;
}



.wallets-list li b {
    font-size: 12px;
    float: right;
    margin: 5px 0 -5px;
}

.wallets-list li i, .wallet-container dir i, .wallet-container h3 em::after, .icos li u {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2Ij4KICA8cGF0aCBkPSJtMjUyLjY1MiAxMjMuODU4LTEwMC40Ni0xMDAuNDZjLTIuMTk3LTIuMTk3LTUuOTU0LS42NDEtNS45NTQgMi40Njd2NTEuMTU2Yy03Ni4yOTQgMC0xMjguMjQ4IDUwLjg5Mi0xNDQuNzQ2IDEzMi4wMjgtLjczNiAzLjYxNiAzLjU2MyA2LjI4MyA2LjQ1NyAzLjk5MyA0NS43MDctMzYuMTcgODguNjQ0LTM0LjU2MyAxMzguMjkxLTM0LjU2M3Y1MS4zN2MwIDMuMTA4IDMuNzU3IDQuNjY1IDUuOTU0IDIuNDY3bDEwMC40NTgtMTAwLjQ1OGMyLjIwNi0yLjIxMSAyLjIwNi01Ljc5MSAwLTh6IiBmaWxsPSIjMTMxMzEzIi8+Cjwvc3ZnPgo=);
    font-size: 12px;
    display: block;
    width: 15px;
    height: 17px;
    background-size: 100%;
    margin: 1px 3px 0px;
    float: right;
    opacity: 0.3;
    background-repeat: no-repeat;
    cursor: pointer;
}

.wallets-list li i {
    margin: 0px 3px 2px 7px !important;
}

.moon .wallets-list li i {
    filter: invert(1);
}
.wallets-list li:hover i {
    color: #FFF;
    opacity: 0.7;
}

.wallets-list li i:hover {
    opacity: 1;
}



.wallets-list li.active i {
    filter: invert(1) contrast(1);
    margin-right: 11px;
    opacity: 0.7;
}

.wallets-list li.active i:hover {
    filter: invert(1) contrast(1.5);
    opacity: 1;
}

.wallets-list li sub {
    width: 266px;
    display: block;
    overflow: hidden;
    font-size: 9px;
    cursor: pointer;
    opacity: 0.5;
    margin-top: 2px;
    margin-left: -10px;
}

.wallets-list li sub::before {
    content: attr(data-lab);
    opacity: 0.3;
}

.wallets-list li:hover sub::before, .wallets-list li.active sub::before {
    opacity: 1;
}

.wallets-list li.active {
    background: #FFFFFF;
    border-radius: 4px;
    padding: 5px 8px 10px;
    margin-left: -8px;
    width: 111%;
    margin-top: -1px;
}

.wallets-list li.active {
    background: rgba(0, 0, 0, 0) linear-gradient(149deg, #455195, #492e84, rgb(110, 56, 154), #e161b5) repeat scroll 0 0;
    border-radius: 4px;
    padding: 5px 8px 10px;
    margin-left: -8px;
    width: 111%;
    margin-top: -1px;
    color: #FFF;
}

/* .moon .wallets-list li.active {
    background: #202333;
    color: #FFF;
} */

 .wallets-list li.active input {
    color: #FFF;
}

.wallets-list li input {
    background: none !important;
    box-shadow: none;
    max-width: 94px;
    padding-left: 0; 
    font-weight: bold;
    font-size: 14px;
    cursor: auto;
    color: #000000;
}

.moon .wallets-list li input {
    color: #a9b4bf;
}

.moon .wallets-list li.active input {
    color: #e0e2eb;
}

.moon .wallets-list li input:hover, .moon .wallets-list li:hover input {
    color: #FFFFFF;
}

.send-form, .restore-section, .keeper-qr, .swag, .wallet-settings, .create-nft-form, .create-token-form, .add-custom-token-form, .txhistory {
    position: absolute;
    top: 105px;
    background: #ffffff;
    box-shadow: 0 2px 8px #00000023;
    padding: 0 23px 15px 10px;
    border-radius: 4px;
    display: none;
    width: 355px;
    left: 11px;
    height: auto;
}

.moon .send-form, .moon .restore-section, .moon .keeper-qr, .moon .swag, .moon .wallet-settings, .moon .create-nft-form, .moon .create-token-form, .moon .add-custom-token-form, .moon .txhistory {
    background: #171923;
    box-shadow: 0 0 13px #000000;
    color: #a9b4bf;
}

.wallet-container .send-form textarea {
    margin:4px 0 13px 0;
}

.swag input {
    max-width:60px;
    margin:0 5px 10px 0;
} 

.swag q {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 4px 0 0 4px;
    padding: 2px 9px;
    box-shadow: 0 0 13px #00000044 inset;
    vertical-align: sub;
    display: inline-block;
    border-radius: 4px;
}

.wallet-settings p {
    margin: 5px 0px 5px;
    line-height: 1.4em;
}

.wallet-settings dir {
    margin: 10px 0px 0px !important;
}

.wallet-settings q {
    margin: 0px -1px 0px;
    padding: 3px 8px 4px;
    cursor: pointer;
    border-radius: 4px;
    font-size: 12px;
    display: inline-block;
    line-height: 1.3;
    opacity: 0.8;
}


.wallet-settings s {
    width: auto !important;
    padding-left: 26px;
    background-size: 20px;
    font-size: 14px;
    background-position: 0px 0px;
    line-height: 1;
    font-weight: bold;
    padding-top: 1px;
}

.wallet-settings.sn2 q:nth-child(2), .wallet-settings.sn1 q:last-child, .solgrad {
    background: linear-gradient(-130deg, #26ff9b 0%, #17f7d8 11%, #75b5e3 39%, #c817ff 80%, #aa21d7 100%);
    color: #FFF;
    text-shadow: 0 1px 2px #00000066;
}

.wallet-settings q:hover {
    background: #8f9ad914;
    opacity: 1;
}

.k1 .send-form, .k4 .restore-section, .k8 .swag, .k2 .keeper-qr, .k22 .keeper-qr, .k3 .wallet-settings, .k5 .create-nft-form, .k6 .create-token-form, .k7 .add-custom-token-form, .k9 .txhistory {
    display: inline-block; 
}



.send-form h3::after, .restore-section h3::after, .swag h3::after, .keeper-qr h3::after, .wallet-settings h3::after, .create-nft-form h3::after, .create-token-form h3::after, .add-custom-token-form h3::after, .txhistory h3::after {
    content: "\e015";
    float: right;
    margin-right: -5px;
    cursor: pointer;
    font-size: 15px;
    font-family: 'Si'; 
    margin-top: 2px;
}
 
.send-form label {
    display: block;
    margin: 13px 0 10px;
}

.wallet-container {
    position: absolute;
    top: 0;
    z-index: 99999998;
    width: 630px;
    padding: 0px 18px 20px 20px;
    border-radius: 5px;
    box-shadow: 0 1px 26px #00000066;
    left: 130px;
    top: 6px;
    display: none;
    background: #FFF;
    color: #131313;
    min-height: 620px;
}

.sound, .wallet-container dd, .wallet-container dl, #sqr dd, #sqr dl {
    display: inline-block;
    height: 29px;
    margin: 0;
    vertical-align: middle;
    cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGcgY2xhc3M9ImxheWVyIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMSAxMy42aC0ydi0zLjJoMnYzLjJ6bS00IDEuNmgtMlY4LjdoMnY2LjV6bS00IDIuNGgtMlY2LjNoMnYxMS4zem0tNC0yLjRIN1Y4LjdoMnY2LjV6bS00LTEuNkgzdi0zLjNoMnYzLjN6Ii8+PC9nPjwvc3ZnPg==);
    filter: invert(27%) sepia(51%) saturate(550%) hue-rotate(217deg) brightness(183%) contrast(84%);
    padding: 4px 8px 0 34px;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.5;
    font-family: system-ui;
    border: 1px solid #00000013;
    border-radius: 4px;
    background-position: left 4px top;
    opacity: 0.6;
    text-transform: capitalize;
    color: #281902;
}

#sqr dd, #sqr dl {
    opacity: 0.6;
}

.wallet-container dd:hover, .wallet-container dl:hover, #sqr dd:hover, #sqr dl:hover {
    opacity: 1;
}

.sa1 .wallet-container dl {
    opacity: 1;
    filter: invert(29%) sepia(51%) saturate(2878%) hue-rotate(130deg) brightness(130%) contrast(97%);
}

.sa2 .wallet-container dd {
    opacity: 1;
    filter: invert(29%) sepia(51%) saturate(2878%) hue-rotate(206deg) brightness(104%) contrast(97%);
}


.moon .wallet-container {
    /* background: rgba(0, 0, 0, 0) linear-gradient(149deg, #455195, #492e84, rgb(110, 56, 154), #e161b5) repeat scroll 0 0; */
    color: #a9b4bf;
    box-shadow: 0 1px 26px #000000bc;
    background: #181a24;
}

.wallet-container .cog, .wallet-container .view {
    font-size: 12px;
    padding-left: 18px;
    line-height: 1.3;
    cursor: pointer;
    color: #9b7ce4;
    height: 18px;
    opacity: 0.4;
    font-weight: normal;
    width: auto;
    margin: 7px 6px 0;
    background-size: 15px;
    text-transform: capitalize;
}

 .moon .wallet-container .view {
    filter:invert(1);
}

.wallet-container .cog {
    float: right;
    right: 13px;
    position: relative;
}

.wallet-container .cog:hover, .wallet-container .view:hover {
    opacity: 1;
}

.wallet-container code {
    display: inline-block;
    margin-left: 0;
    font-size: 12px;
    width: auto;
    padding: 10px 35px 10px 10px;
    cursor: pointer;
    margin: 5px 0 10px;
    white-space: break-spaces;
    word-break: break-word;
}

.wallet-container code:empty {
    display: none;
  }

.wallet-settings code::before {
    content: attr(data-lab);
    font-size: 14px;
    margin: -5px 0 5px;
    max-width: 354px;
    font-weight: bold;
    text-transform: capitalize;
    color: #9ea8b2;
    font-family: system-ui;
    display: block;
}

.wallet-container textarea {
    width: 300px;
    min-height: 66px;
    padding: 10px 13px !important;
    vertical-align: top;
    margin: 0px 0 5px;
}

.wallet-container select {
    width: 80px;
    padding: 5px 5px !important;
    min-height: 32px;
    font-weight: bold;
}

.wallet-container .recipient {
    display: block;
    padding: 10px 10px;
    height: auto;
    min-width: 333px;
    margin: 15px 0 8px;
}

.wallet-container input[type="number"] {
    max-width: 100px;
    padding: 5px 5px !important;
    height: 32px;
    font-size: 13px;
    vertical-align: bottom;
    margin-right: 5px;
}

.kpr .wallet-container {
    display: block;
}

.wallet-container .qr {
    min-width: 62px;
    height: 32px;
    display: inline-block;
    background-size: 30px;
    vertical-align: middle;
    margin: 0 8px 0;
    filter: invert(0);
    opacity: 0.6;
}

.moon .wallet-container .qr {
    filter: invert(1);
    color: #000000;
}

.wallet-container .qr:hover {
    opacity: 1;
}

.wallet-container.moon button {
    color: #ffffff;
}

    .wallet-container code:active, #sqr input:active { 
        background-color: #7bdb5355;
    }
    
    .moon .wallet-container code:active, .moon #sqr input:active {
        color: #FFF;
    }
    .moon .wallet-container {
        box-shadow: 0 1px 26px #000000fa; 
        box-shadow: 0 1px 39px #555aff85;
    }

    .wallet-container h2 {
        margin: 0px -18px 5px -20px;
        padding: 15px 17px 20px 15px;
        border-radius: 4px 4px 0 0;
        font-size: 17px;
        background: rgba(0, 0, 0, 0) linear-gradient(149deg, #455195, #492e8440, rgb(110 56 154 / 4%), #fafbfe) repeat scroll 0 0;
    }

    .moon .wallet-container h2 {
        border-bottom: 1px solid #0000001a;
        background: none;
    }

    .wallet-container h2 b {
        display: block;
        float: right;
        font-size: 11px;
        font-weight: normal;
        margin: 7px 7px 0 7px;
        line-height: 16px;
    }

    .token-account-list {
        margin: 5px 0 10px 0;
        font-size: 16px;
        max-width: 333px;
        display: inline-block;
        overflow: hidden;
    }

    .token-account-list li {
        white-space: nowrap;
        margin: 0 0 7px;
    }

    .moon .token-account-list li b {
        color: #e0e2eb;
    }

    .txhistory li {
        display: inline-block;
        width: 355px;
        margin: 0px 0px 0px -10px;
        border-bottom: 1px solid #00000005;
        font-size: 12px;
        padding: 9px 10px;
        line-height: 1.6;
        position: relative;
        background: #fafbfecc;
    }

    

.moon .txhistory li {
    background: #181a24;
}

    .txhistory li:hover {
        background: #fafbfe05;
    }

    .txhistory li::after {
        content: attr(data-type);
        position: absolute;
        height: 18px;
        display: inline-block;
        right: 43px;
        font-size: 8px;
        bottom: 3px;
        opacity: 0.3;
    }

    .txhistory li::before {
        content: "\e015";
        position: absolute;
        height: 18px;
        display: inline-block;
        right: 28px;
        font-size: 11px;
        bottom: 6px;
        font-family: 'Si';
    }

    .txhistory li.s2::before {
        content: "\e00e";
        color: #8cd88f;
    }


    .txhistory li i {
        display: inline-block;
        padding: 0px 0 0 16px;
        line-height: 1.3;
        background-color: #9f924f17;
        background-color: #9f924f0f;
        padding: 5px 7px 4px 7px;
        border-radius: 4px;
        cursor: pointer;
        color: #28282e;
        box-shadow: 0 1px 2px #00000011;
        font-size: 11px;
        vertical-align: middle;
        opacity: 0.4;
    }

    .txhistory li:hover i {
        opacity: 1;
    }

    .moon .txhistory li i {
        color: #e0e2eb;
    }

    .txhistory li em {
        margin-right: 5px;
        font-size: 11px;
        opacity: 0.4;
        font-weight: normal;
        font-style: normal; 
    }

    .txhistory li em::before, .contact-picker ul li u::before {
        content: "\e020";
        display: inline-block;
        font-size: 22px;
        font-family: 'Si';
        font-weight: normal;
        vertical-align: middle;
        margin: 0px 2px 2px -1px;
        opacity: 0.3;
    }

    .txhistory li:hover em {
        opacity: 1;
    }

    .txhistory li i:before {
        content: " ";
        width: 17px;
        height: 14px;
        display: inline-block;
        background-size: 12px;
        background-position: left 1px top;
        background-repeat: no-repeat;
        vertical-align: middle;
    }

    .txhistory li i[data-enc="2"] {
        background-color: #3cff5f2b;
        padding: 10px 13px;
        font-size: 12px;
    }

    .moon .txhistory li i:before {
        filter: invert(1);
    }

    .txhistory li.d1 b {
        color: #06761a;
    }

    .txhistory li.d0 b {
        color: #485dad;
    }

    .txhistory li u {
        color: #96949d;
        font-size: 10px;
        margin: 0px 1px;
        vertical-align: text-top;
    }

    .txhistory li q {
        font-weight: bold;

    } 

    .wallet-container .txhistory li a {
        margin: 1px 0px;
        position: absolute;
        right: 5px;
        bottom: 4px;
        opacity: 0.2;
        background-size: 14px;
    }

    .nft-grid {
        font-size: 16px;
        width: 360px;
    }

    .nft-grid li {
        display: inline-block;
        width: 22%;
        text-align: center;
        box-shadow: 0 1px 3px #00000022;
        vertical-align: top;
        height: 112px;
        margin: 0px 8px 8px 0;
        border-radius: 4px;
        cursor: pointer;
    }

    .nft-grid h4 {
        font-size: 13px !important;
        margin: 1px 0 5px !important;
    }

    .nft-grid img {
        max-width: 100%;
    }

    .wallet-container h2 .close {
        float: right;
        height: 28px;
        width: 31px;
        filter: none;
        margin: -2px 0 0 0;
        opacity: 0.13;
    }

    .moon .wallet-container h2 .close {
        filter: invert(1); 
    }

    .wallet-container h2 .close:hover {
        opacity: 1;
    }

    .wallet-container h2 .room {
        margin: 0 0 0 -2px;
        width: 65px;
        height: 43px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: 66px !important;
        background-position: left 0 top -9px !important;
        margin: -15px -19px -5px -6px;
        padding: 19px 13px 15px 50px;
        color: #FFF;
    }

    .wallet-container h3 .wallet { 
        margin: 0 0 0 -2px;
        width: 26px;
        height: 22px;
        display: inline-block;
        background-repeat: no-repeat;
        vertical-align: bottom;
        background-size: 100% !important;
        background-position: left 0 top -4px;
        filter: invert(27%) sepia(51%) saturate(550%) hue-rotate(217deg) brightness(183%) contrast(84%);
    }

    .wallet-container h3 q {
        font-size: 12px;
        font-weight: normal;
        text-transform: capitalize;
        opacity: 0.2;
        cursor: pointer;
        margin: 0 3px;
    }

    .wallet-container h3 q:hover {
        opacity: 1;
    }

    .wallet-container h3 .credit31 {
        font-size: 12px;
        display:none;
    }

    .wallet-container h3 .credit31::before {
        font-size: 13px;
        margin: 0 3px 0 8px;
    }

    .wallet-container small {
        padding: 0;
        margin: 0;
        opacity: 0.26;
        font-size: 10px;
    }

    .wallet-container dir small {
        margin: 0;
        position: absolute;
        left: 30px;
        top: 34px;
    }

    .wallet-container dir {
        font-size: 16px;
        padding: 0;
        margin: 0;
    }

    .wallet-container dir b, .wallet-container h3 {
        font-weight: bold;
        font-size: 16px;
        margin: 10px 0 5px;
        max-width: 354px;
        display: block;
    }

    .wallet-container h4 {
        font-size: 14px;
        margin: 13px 0 5px;
        max-width: 354px;
        text-transform: capitalize;
    }

    .moon .wallet-container h4 {
        color: #FFF;
    }

    .moon .wallet-container dir b, .moon .wallet-container h3 {
        color: #a9b4bf;
    }

    .wallet-container dir b::first-letter, .wallet-container h3::first-letter {
        text-transform: capitalize;
    }

    .wallets-list h3 button {
        float: right;
        margin: 0px 3px 0;
        padding: 5px 0px 6px;
        border-radius: 2px;
        z-index: 2;
        position: relative;
        font-size: 12px;
        text-transform: capitalize;
    }

    .wallets-list h3 button {
        color: #e0e2eb;
    }

    .wallet-container dir strong {
        font-weight: bolder;
    }

    .moon .wallet-container dir strong {
        color: #e0e2eb;
    }

    .wallet-container dir p {
        margin: 0px 0 4px;
        padding: 15px 0;
        border-bottom: 1px solid #00000013;
        max-width: 335px;
        box-shadow: 0 3px 0px #00000006;
        position: relative;
    }

    .wallet-container dir i {
        text-transform: capitalize;
        width: auto;
        padding-left: 23px;
        background-position: left;
        background-size: 18px;
        cursor: pointer;
    }

    .wallet-container h3 em {
        text-transform: capitalize;
        width: auto;
        cursor: pointer;
        font-weight: normal;
        font-size: 13px;
        float: right;
        opacity: 0.5;
        margin: 4px 17px -5px 0;
        color: #262626;
    }

    .moon .wallet-container h3 em {
        filter: invert(1);
        opacity: 0.8;
    }

    .wallet-container h3 em::after {
        width: 20px;
        background-position: left 0 top 0px;
        background-size: 18px;
        cursor: pointer;
        content: " ";
        transform: rotateY(180deg);
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin: 0px 4px 4px;
        opacity: 0.5;
    }

    .wallet-container h3 em::before {
        width: 20px;
        background-position: left 0 top 1px;
        background-size: 16px;
        cursor: pointer;
        content: " ";
        transform: rotateY(180deg);
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin: 2px 4px 4px;
        opacity: 0.5;
        height: 18px;
        background-repeat: no-repeat;
    }

    .wallet-container h3 em:hover {
        color: #333;
        opacity: 1;
    }

    .moon .wallet-container dir i {
        filter: invert(1);
        color: #000;
        opacity: 0.5;
    }

    .wallet-container dir i:hover {
        opacity: 0.7;
    }

    .wallet-container dir s, .wallet-container h2 s {
        margin: 0;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOTggMzEyIj48bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSIzNjAuOSIgeDI9IjE0MS4yIiB5MT0iLTM3LjUiIHkyPSIzODMuMyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzAwZmZhMyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2RjMWZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTY1IDIzOGMyLTIgNS00IDktNGgzMTdjNiAwIDkgNyA1IDExbC02MyA2M2MtMiAyLTYgNC05IDRIN2MtNiAwLTktNy01LTExbDYzLTYzeiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9IjI2NC44IiB4Mj0iNDUuMiIgeTE9Ii04Ny42IiB5Mj0iMzMzLjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMGZmYTMiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNkYzFmZmYiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGZpbGw9InVybCgjYikiIGQ9Ik02NSA0YzItMyA1LTQgOS00aDMxN2M2IDAgOSA3IDUgMTFsLTYzIDYzYy0yIDItNiA0LTkgNEg3Yy02IDAtOS03LTUtMTJMNjUgNXoiLz48bGluZWFyR3JhZGllbnQgaWQ9ImMiIHgxPSIzMTIuNSIgeDI9IjkyLjkiIHkxPSItNjIuNyIgeTI9IjM1OC4xIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDBmZmEzIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZGMxZmZmIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2MpIiBkPSJNMzMzIDEyMGMtMi0yLTYtNC05LTRIN2MtNiAwLTkgNy01IDExbDYzIDYzYzIgMiA1IDQgOSA0aDMxN2M2IDAgOS03IDUtMTFsLTYzLTYzeiIvPjwvc3ZnPg==);
        width: 26px;
        height: 20px;
        display: inline-block;
        background-repeat: no-repeat;
        vertical-align: bottom;
        white-space: nowrap;
        position: relative;
    }


    .wallet-container h2 s {
        display: inline-block;
        width: auto;
        height: 15px;
        font-weight: bold;
        padding: 0px 0 0 22px;
        line-height: 1;
        font-size: 13px;
        margin: 0 0px 0 2px;
    }

    .wallet-container dir u {
        margin: 0;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iODY5Nzc2ODQtMTJkYi00ODUwLThmMzAtMjMzYTdjMjY3ZDExIiB2aWV3Qm94PSIwIDAgMjAwMCAyMDAwIj48cGF0aCBmaWxsPSIjMjc3NWNhIiBkPSJNMTAwMCAyMDAwYzU1NCAwIDEwMDAtNDQ2IDEwMDAtMTAwMFMxNTU0IDAgMTAwMCAwIDAgNDQ2IDAgMTAwMHM0NDYgMTAwMCAxMDAwIDEwMDB6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyNzUgMTE1OGMwLTE0Ni04Ny0xOTYtMjYyLTIxNi0xMjUtMTctMTUwLTUwLTE1MC0xMDlzNDEtOTYgMTI1LTk2Yzc1IDAgMTE2IDI1IDEzNyA4OCA0IDEyIDE3IDIxIDI5IDIxaDY3YzE3IDAgMjktMTMgMjktMjl2LTVjLTE3LTkxLTkyLTE2Mi0xODctMTcwVjU0MmMwLTE3LTEzLTMwLTM0LTM0aC02MmMtMTcgMC0yOSAxMy0zNCAzNHY5NWMtMTI1IDE3LTIwNCAxMDEtMjA0IDIwNSAwIDEzNyA4NCAxOTEgMjU5IDIxMiAxMTYgMjEgMTU0IDQ2IDE1NCAxMTNzLTU5IDExMi0xMzggMTEyYy0xMDggMC0xNDYtNDYtMTU4LTEwOC00LTE3LTE3LTI1LTI5LTI1aC03MWMtMTcgMC0yOSAxMi0yOSAyOXY0YzE2IDEwNCA4MyAxNzkgMjIxIDIwMHYxMDBjMCAxNyAxMiAyOSAzMyAzNGg2MmMxNyAwIDMwLTEzIDM0LTM0di0xMDBjMTI1LTIxIDIwOC0xMDggMjA4LTIyMXoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNzg4IDE1OTZhNjIwIDYyMCAwIDAgMS0zNzEtODAwIDYxNiA2MTYgMCAwIDEgMzcxLTM3MWMxNi04IDI1LTIxIDI1LTQydi01OGMwLTE3LTktMjktMjUtMzMtNSAwLTEzIDAtMTcgNGE3NDkgNzQ5IDAgMCAwIDAgMTQyOWMxNyA4IDMzIDAgMzctMTcgNS00IDUtOCA1LTE2di01OWMwLTEyLTEzLTI5LTI1LTM3em00NDEtMTMwMGMtMTYtOS0zMyAwLTM3IDE2LTQgNS00IDktNCAxN3Y1OGMwIDE3IDEyIDM0IDI1IDQyYTYyMCA2MjAgMCAwIDEgMzcwIDgwMCA2MTYgNjE2IDAgMCAxLTM3MSAzNzFjLTE2IDgtMjQgMjEtMjQgNDJ2NThjMCAxNyA4IDI5IDI1IDMzIDQgMCAxMiAwIDE2LTRhNzQ5IDc0OSAwIDAgMCA0ODgtOTQyIDc1NiA3NTYgMCAwIDAtNDg4LTQ5MXoiLz48L3N2Zz4=);
        width: 26px;
        height: 26px;
        display: inline-block;
        background-repeat: no-repeat;
        vertical-align: middle;
    }

#xapp {
    margin: 0;
    padding: 0 0 130px;
}

    s {
        text-decoration: none;
    }
    
    s:before, .bath:before, .bcart:before, .srch:before {
        font-family:"Si";
    }

    .bcart:before {
        vertical-align: middle;
        margin-top: -2px;
        font-size: 16px !important;
    }

    s:before, .arrow-icon, .bcart:before, .dollars3::before, .credit31::before, .srch:before {
        display: inline-block;
        font-family: si;
        font-size: 18px;
        font-style: normal;
        font-weight: normal;
        margin-right: 3px;
        position: relative;
    }
      
    .contact-form {
        background: #FFFFFF;
        padding: 7px 9px 5px 8px;
        border-radius: 4px;
        max-width: 500px;
        color: #FFF;
        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.26);
        position: absolute;
        margin-top: -13px;
        z-index: 2;
        margin-left: -7px;
    }

    .contact-form select {
        max-width: 100px;
    }

    .moon .contact-form {
        background: #191b26;
    }

    .contact-form b {
        font-size: 16px;
        vertical-align: top;
        cursor: pointer;
        background: #f5f7f9;
        padding: 2px 3px;
        border-radius: 4px;
        height: 27px;
        display: inline-block;
        margin-left: 2px;
    }

    .moon .contact-form b {
        background: #0c0f13;
    }

    .contact-form input {
        max-width: 94px !important;
        margin-right: 5px !important;
    }  

    .contact-form input[type="tel"] {
        max-width: 100px !important;
        padding: 9px 5px !important;
        height: 27px;
        margin-right: 2px !important;
    }
      
    .error-message {
        color: var(--error-color);
        margin-bottom: 15px;
    }
      
    .fab {
        position: fixed;
        bottom: 30px;
        right: 30px;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        font-size: 24px;
    }

    .tasks p i {
        position: absolute;
        right: 3px;
        width: 33px;
        height: 28px;
        color: transparent;
        z-index: 99999;
        top: 0;
    }

    .tasks p.exp i::after {
        content: "️‍🔥";
        font-size: 14px;
        color: black;
        margin: -1px 0 0 18px;
        display: inline-block;
    }

    .tasks p.exp.prev i::after {
        content: "️";
    }

    .c5 p::before, .c6 p::before {
        content: " ";
        width: 18px;
        height: 18px;
        border: 2px solid #c66fe066;
        border-radius: 13px;
        background: #ffffff00;
        display: block;
        margin-left: -26px;
        margin-bottom: 0px;
        margin-top: 1px;
        margin-right: 2px;
        line-height: 1em;
        font-weight: 900;
        float: right;
    }

    .c5 p.now::before, .c6 p.now::before {
        content: "";
        background: #63bdfb;
        border: 2px solid #63bdfb;
        font-size: 9px;
        color: #FFF;
        padding: 3px 1px 2px 5px;
        width: 18px;
        height: 18px;
        line-height: 1em;
        transform: scale(1.04);
    }

    .c5 p.prev::before, .c6 p.prev::before {
        content: "";
        background: #6bda6b;
        border: 0px solid #36cd36;
        font-size: 12px;
        color: #FFF;
        padding: 2px 2px 2px 2px;
        width: 18px;
        height: 18px;
        line-height: 1em;
    }

    .c5 p.prev::after, .c6 p.prev::after {
        left: auto !important;
        right: 8px;
        top: 12px !important;
    }

    .c5 p.now::after, .c6 p.now::after {
        content: "";
        width: 22px;
        height: 22px;
        display: inline-block;
        background-size: 10px;
        background-position: center 0;
        background-repeat: no-repeat;
        position: absolute;
        top: 11px;
    }

    .c5 p.now::after, .c6 p.now::after, .goalslist ul li i.now tt {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik0xMzMsNDQwYTM1LjM3LDM1LjM3LDAsMCwxLTE3LjUtNC42N2MtMTItNi44LTE5LjQ2LTIwLTE5LjQ2LTM0LjMzVjExMWMwLTE0LjM3LDcuNDYtMjcuNTMsMTkuNDYtMzQuMzNhMzUuMTMsMzUuMTMsMCwwLDEsMzUuNzcuNDVMMzk5LjEyLDIyNS40OGEzNiwzNiwwLDAsMSwwLDYxTDE1MS4yMyw0MzQuODhBMzUuNSwzNS41LDAsMCwxLDEzMyw0NDBaIi8+PC9zdmc+);
        right: 7px;
        opacity: 0.9;
        top: 13px;
        background-size: 12px;
        background-repeat: no-repeat;
        background-position: top -1px left 51%;
    }

    .tasks {
        position: relative;
        top: 2px;
        left: 0.5%;
        width: 99%;
        z-index: 9;
        font-size: 10px;
        padding: 0px 0px 0px 0px;
        border-radius: 0px;
        overflow: hidden;
        display: none;
    }

    .nav2 .tasks {
        display: none !important;
    } 


    .tasks.true {
        display: block;
    }

    .tasks.s2, .tasks.s5, .tasks.s6, .tasks.s7 {
        display: block;
    }

    .tasks h3 {
        font-weight: bold;
        margin: 0px 0 0px 130px;
        padding: 0px 0 0px 0px;
    }

    .xc {
        display: none;
    }

    .s2 .xc.c2, .s7 .xc.c7, .s6 .xc.c6, .s5 .xc.c5 {
        display: block;
    }



    .tasks h3 s {
        padding: 5px 9px 0px 8px;
        margin: 19px 0 0;
        display: inline-block;
        height: 33px;
        cursor: pointer;
        border-radius: 4px 4px 0px 0px;
        vertical-align: middle;
        background: #F7F7F9;
        box-shadow: 0 -3px 0 #22222205 inset;
    }

    .moon .tasks h3 s {
        background: #11141a;
        box-shadow: 0 -3px 0 #00000026 inset;
    }

    .tasks h3 b {
        vertical-align: middle;
        margin: 15px 0 0 5px;
        display: inline-block;
        height: 30px;
    }

    .tasks h3 i {
        margin-top: 16px;
        filter: invert(0);
        opacity: 0.63;
        margin-right: 9px !important;
        width: auto;
        line-height: 1;
        color: #000000;
        text-align: left;
        padding-left: 22px;
        float: right;
        font-size: 13px;
    }

    .moon .tasks h3 i { 
        filter: invert(1);
    }



    .tasks h3 i:hover {
        opacity: 0.7;
    }

    .tasks h3 s:hover, .tasks.s2 h3 s.shopping109, .tasks.s6 h3 s.dart13, .tasks.s5 h3 s.calendar146 {
        background: #ffffff;
        box-shadow: none;
    }

    .tasks h3 s.calendar146::before {
        font-size: 21px !important;
        margin-top: -1px;
        margin-right: 6px;
        margin-left: 0;
    }

    .tasks h3 s.dart13::before {
        font-size: 26px !important;
        margin-top: -2px;
        margin-right: 2px;
        margin-left: -3px; 
    } 

    .moon .tasks h3 s:hover, .moon .tasks.s2 h3 s.shopping109, .moon .tasks.s6 h3 s.dart13, .moon .tasks.s5 h3 s.calendar146 {
        background: #191b26;
        color: #f4f7f9;
    }

    .tasks h3 s:before {
        font-size: 29px !important;
        vertical-align: middle !important;
        color: rebeccapurple;
        height: auto !important;
        line-height: 0;
        margin-left: -4px;
    }

    .tasks h3 s:hover:before, .tasks.s2 h3 s.shopping109:before, .tasks.s6 h3 s.dart13:before, .tasks.s5 h3 s.calendar146:before {
        color: #f24462;
    }





    .c5 p, .c6 p {
        padding: 8px 8px 8px 8px;
        font-size: 12px;
        cursor: pointer;
        background: #ffffff;
        margin-bottom: 0px;
        border-radius: 0px 6px 6px 0px;
        margin-right: 5px;
        position: relative;
        opacity: 0.26;
        display: none;
        font-weight: bold;
        /* border-bottom: 1px solid #f9fafb; */
        box-sizing: border-box;
        transition: transform 0.3s;
    }

    .tasktrees ul li::first-letter {
        margin-right: 0px;
        opacity: 0.8;
        font-size: 13px;
    }

    .tasktrees ul.options.p1 {
        left: 100%;
        margin-top: -73px;
        display: initial;
        z-index: 1;
        position: relative;
    }

    .tasktrees ul:hover::first-letter, .tasktrees ul li:hover::first-letter {
        opacity: 1;
     
    }

    .tasktrees dir::first-letter {
        font-size: 15px;
    }
    
    .goalslist {
        position: relative;
        width: 100% !important;
        z-index: 1;
        padding: 0px 3px 40px 0px;
        overflow: hidden;
        border-radius: 10px 4px 4px 4px;
        margin: 0px 1% 0px 0 !important;
    }

    .moon .goalslist {
        /* background: #090c18; */
        color: #ffffff;
        border-top: 1px solid transparent;
    }

    .goalslist ul {
        border-top: 1px solid #f7fafb00;
        border-left: 1px solid #f7fafb00;
    }



    .goalslist ul li.parent input {
        font-weight: bold;
        font-size: 14px;
    }

    .goalcat {
        position: fixed;
        top: 100px;
        z-index: 99;
        background: #FFFFFF;
        width: 200px;
        display: none;
        box-shadow: 0 1px 13px rgba(0, 0, 0, 0.2);
        border-radius: 4px;
        right: 130px;
        text-transform: capitalize;
    }

    .moon .goalcat { 
        background: #191b26;
    }

    .goalcat.a {
        display: inline-block;
    }

    .goalcat b {
        padding: 9px 13px 9px 36px;
        display: block;
        cursor: pointer;
        border-bottom: 1px solid transparent;
        background-repeat: no-repeat;
        background-position: 7px center;
        background-size: 20px;
        box-shadow: none !important;
    }




.goalcat b.g1 {
    border-right: 13px solid #b265db;
}

.goalcat b.g2 {
    border-right: 13px solid #7a8ce9;
}



.goalcat b.g3 {
    border-right: 13px solid #63bdfb;
}



.goalcat b.g4 {
    border-right: 13px solid #7bdb53;
}



.goalcat b.g5 {
    border-right: 13px solid #f2dd44;
}

.goalcat b.g6 {
    border-right: 13px solid #f1902c;
}

.goalcat b.g7 {
    border-right: 13px solid #f24462;
}


.goalcat b.g8 {
    border-right: 13px solid #e58dc2;
}


.goalcat b.g9 {
    border-right: 13px solid #efefef;
}

.goalcat .heart {
    background-size: 206px !important;
    background-position: -86px 50% !important;
}

    .goalcat b:hover {
        background-color: #f5f7f9;
    }

    
    .horizon.goalslist ul li {
        margin-bottom: 0px;
        padding: 5px 2px 3px 4px;
        background-color: #19192d00;
        border-bottom: 1px solid #f7f8f9;
        cursor: pointer;
        display: block;
        position: relative;
        border-radius: 4px;
        /* white-space: nowrap; */
        height: auto;
    }

/* #0c1020 */

.moon .horizon.goalslist ul li.grandchild {
    background-color: transparent;
    box-shadow: none;
}

    .sortinggoals .goalslist ul li:hover {
        box-shadow: 0px 1px 13px #00000013; 
    }

    .moon .horizon.goalslist ul li {
        border-bottom: 1px solid #0c0d10;
        background-color: #11141a;
    }

    .goalslist ul li::before {
        content: "ᐅ";
        font-size: 8px;
        vertical-align: text-top;
        margin-top: 0px;
        display: inline-block;
        margin-right: -3px;
        opacity: 0.3;
    }

    .goalslist ul li.st1::before {
        content: "✓";
        color: #05f105;
        font-weight: bold;
        font-size: 11px;
        opacity: 1 !important;
        margin-top: -2px;
    }

    .goalslist ul li.st2::before {
        content: "✖";
        color: #ff6f6f;
        font-weight: bold;
        font-size: 11px;
        opacity: 1 !important;
        margin-top: -2px;
    }

    .moon .goalslist ul li::before {
        opacity: 0.1;
    }

    .goalslist ul li input {
        max-width: 140px;
        background: #1e242b05;
        height: 22px;
        padding: 2px 5px;
        border-radius: 3px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) inset;
        color: #000000;
    }

    .goalslist.focused ul li.unfocus input {
        color: #44434f;
    }


    .moon .goalslist ul li input {
        background: #090b0e;
        color: #a7a8b8;
    }

    .goalslist input[readonly] {
        border: none;
        background-color: transparent !important;
        outline: none;
        cursor: default;
        box-shadow: none;
        pointer-events: none;
    }

    .goalslist ul li.parent input {
        margin-right: 24px;
    }

    .goalslist ul li.child input {
        margin-right: 8px;
        color: #2e2d39;
    }

    .moon .goalslist ul li.child input {
        color: #909fb1;
    }

    .goalslist ul li.grandchild input {
        margin-right: 17px;
        color: #444353;
        margin-left: 4px;
    }

    .moon .goalslist ul li.grandchild input {
        color: #647385;
    }



    .goalslist ul li > b {
        position: relative;
        padding: 0px 10px 2px 10px;
        margin-right: 0px;
        border-radius: 4px;
        min-width: 24px;
        display: block;
        text-align: center;
        /* color: #c2c4cd; */
        font-size: 16px;
        float: right;
        opacity: 0.2;
    }

    .goalslist ul li > em {
        font-style: normal;
        font-size: 12px;
        float: right;
        margin: 4px 0;
        opacity: 0.5;
    }

    .goalslist ul li > em:hover {
        opacity: 1;
    }

.goalslist ul li.st0 > b {
    background-repeat: no-repeat;
    background-size: 13px;
    width: 30px;
    display: inline-block;
    color: transparent;
    height: 22px;
    background-position: 7px center;
}

.goalslist ul li.st1 > b {
    background-repeat: no-repeat;
    background-size: 16px;
    width: 32px;
    display: inline-block;
    color: transparent;
    height: 22px;
    background-position: 5px center;
}

.moon .goalslist ul li > b {
    filter: invert(1);
}

.goalslist ul li.st2 > b {
    background-repeat: no-repeat;
    background-size: 23px;
    width: 30px;
    display: inline-block;
    color: transparent;
    height: 22px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii03IDAgMzIgMzIiPjxwYXRoIGQ9Ik03LjggMTMuM3YyYzAgLjUtLjQuNy0uNy41bC02LjgtNWMtLjQtLjItLjQtLjYgMC0uOUw3IDVjLjMtLjIuNyAwIC43LjN2MmMxLjUgMCA0LjYuMyA2LjcgMS42IDQuNyAzLjEgNy40IDEzLjItOCAxOC40IDAgMCA5LjMtNC43IDcuNy0xMS4xLS40LTEuNy0yLjMtMy4zLTYuNS0yLjl6Ii8+PC9zdmc+);
    /* background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTkgMTBoNmEzIDMgMCAwIDEgMCA2aC0zdjJoM2E1IDUgMCAwIDAgMC0xMEg5VjVMNCA5bDUgNHYtM3oiLz48L3N2Zz4=); */
    background-position: 2px center;
} 

    .goalslist ul li.st1 input, .goalslist ul li.st1 i {
        opacity: 0.1;
    }

    .goalslist ul li.st2 input, .goalslist ul li.st2 i {
        opacity: 0.1;
        text-decoration: line-through;
    }

    .goalslist ul li b:hover {
        opacity: 1;
    }

.goalslist ul li q {
    position: relative;
    padding: 5px 6px 5px 6px;
    margin-left: 0px;
    border-radius: 4px;
    box-shadow: 4px 0 0 #0a0a1305;
    width: 26px;
    display: inline-block;
    text-align: center;
    color: #e3e7ea;
    margin-right: 10px;
    margin-top: -1px;
    vertical-align: top;
}
 
    .moon .goalslist ul li q {
        box-shadow: 4px 0 0 #04060a17;
        color: #3d305b;
        color: #34303f;
    }

    .goalslist ul li > u {
        position: absolute;
        top: 31px;
        margin-left: -38px;
        font-weight: bold;
        opacity: 0.13;
        padding: 2px 7px;
        width: 24px;
        height: 22px;
        border-radius: 4px;
        z-index: 2;
        font-size: 15px;
        color: #67646f;
        background-size: 22px;
        color: transparent;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00MjcgMjk5IDI5OSA0MjdsLTMwLTMxIDc2LTc2SDEwN1Y2NGg0M3YyMTNoMTk1bC03Ni03NiAzMC0zMHoiLz48L3N2Zz4=);
    }

    .moon .goalslist ul li > u {
        filter:invert(1);
    }

    .goalslist ul li > u:hover {
        opacity: 0.8;
        /* background: #00000013; */
    }

    .goalslist ul li q:hover {
        color: #cacedb;
        font-weight: bold;
        background: #40456507;
    }

    .moon .goalslist ul li q:hover {
        color: #ffffff;
        font-weight: bold;
        background: #1c1e2b;
    }

    .goalslist ul li i s {
        color: #222222;
        margin-left: 5px;
    } 

    .goalslist ul li i s::before {
        color: #cacedb;
        font-size: 13px;
        margin-right: 3px;
    }

    .horizon.goalslist ul li i {
        position: relative;
        display: inline-block;
        top: 0px;
        background: #ffffff;
        padding: 1px 27px 2px 2px;
        height: 28px;
        width: auto !important;
        max-width: 1000px;
        overflow: visible;
        margin: -2px 0 0px 5px;
        min-width: 130px !important;
        text-align: left;
        border-radius: 4px 10px 4px 10px;
        vertical-align: middle;
        line-height: 13px;
    }

    .horizon.goalslist ul li br { 
        display: none;
    }

    .horizon.goalslist ul li i::first-letter {
        color: #000;
        float:left;
        font-size: 18px;
        margin: 6px 2px 0;
    }

    .goalslist ul li i.exp::after {
        content: "🔥";
        position: absolute;
        right: 0px;
        top: -3px;
        z-index: 2;
    }

    .goalslist ul li i time {
        display: none;
    }

    .goalslist ul li i.exp time {
        display: inline-block;
        background: #f2f4f6;
        padding: 2px 4px;
        opacity: 0;
        max-width: 66px;
        white-space: break-spaces;
        margin-left: 5px;
        border-radius: 4px;
        margin-right: -4px;
    }

    .moon .goalslist ul li i.exp time {
        background: #11141a;
        color: #8a98ab;
    }

    .goalslist ul li i.exp:hover time {
        opacity: 1;
    }

    .goalslist ul li i time:hover {
        background: #e0e5eb;
    }

    .moon .goalslist ul li i time:hover {
        background: #472e7c;
        color: #FFFFFF;
    }

    .goalslist ul li i.prev {
        opacity: 0.13;
        width: 0px !important;
        min-width: 0 !important;
        overflow: hidden;
        padding: 1px 40px 2px 2px;
    }

    .goalslist ul li i.prev:hover {
        opacity: 1;
        width: auto !important;
        min-width: 130px !important;
    }

    .goalslist ul li i.prev:hover {
        padding: 1px 27px 2px 2px;
    }

    .goalslist ul li i:hover {
        box-shadow: 0 2px 4px rgb(0 0 0 / 26%);
    }

    .moon .goalslist ul li i:hover {
        box-shadow: 0 2px 4px rgb(0 0 0 / 66%);
    }

    .goalslist ul li i.prev.exp::after {
        content: "";
    }

    .horizon.goalslist ul li i.prev::first-letter {
        margin-right: 13px;
    }

    .horizon.goalslist ul li i.prev:hover::first-letter {
        margin-right: 2px;
    }



    .horizon .grid i:hover, .horizon ul li i:hover {
        height: 69px;
        margin-bottom: -41px;
        z-index: 3;
        opacity: 1;
    }

    .goalslist ul li i.exp::before {
        padding: 0px 1px 2px 1px;
        font-size: 11px;
    }

    .goalslist ul li i::before {
        content: "";
        background: #ffffff00;
        font-size: 11px;
        color: #FFF;
        padding: 1px 1px 2px 2px;
        width: 18px;
        height: 18px;
        line-height: 1em;
        float: right;
        border-radius: 13px;
        text-align: center;
        z-index: 2;
        position: relative;
        display: block;
        margin-right: -22px;
        margin-top: 4px;
    }

    .horizon.goalslist ul li i dt {
        font-weight: normal;
        color: #444752;
        font-size: 9px;
        margin: 0 0 5px;
        display: block;
        width: auto;
    }

.moon .horizon.goalslist ul li i dt, .moon .goalslist ul li i s {
    color: #878f9f;
}

    .goalslist ul li i tt {
        font-weight: normal;
        color: #cacedb;
        font-size: 9px;
        width: 23px;
        height: 24px;
        background: #00000000;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 3;
    }

    .goalslist ul li i tt {
        font-weight: normal;
        color: #cacedb;
        font-size: 9px;
        width: 18px;
        height: 18px;
        background-color: transparent;
        position: absolute;
        right: 3px;
        top: 3px;
        z-index: 3;
        border-radius: 13px;
        border: 2px solid #c060dd40;
    }

    .goalslist ul li i.now tt {
        font-weight: normal;
        color: #cacedb;
        font-size: 9px;
        width: 20px;
        height: 20px;
        background-color: #63bdfb;
        position: absolute;
        right: 3px;
        top: 3px;
        z-index: 3;
        border-radius: 13px;
        background-position: top 4px left 62%;
        border: 0 solid;
    }

    .goalslist ul li i.prev tt {
        font-weight: normal;
        color: #cacedb;
        font-size: 9px;
        width: 20px;
        height: 20px;
        background-color: #5ccc5c;
        position: absolute;
        right: 3px;
        top: 3px;
        z-index: 3;
        border-radius: 13px;
        background-position: top 4px left 62%;
        border: 0 solid;
    }

    .moon .horizon.goalslist ul li i {
        color: #a7a8b8;
        background: #202333;
    }

    .goalslist ul li > s {
        margin-left: 5px;
        opacity: 0.2;
        float: right;
        margin: 4px 5px 2px;
        font-size: 13px;
    } 

    .moon .goalslist ul li > s {
        opacity: 0.2;
        float: right;
    }

.goalslist ul li > s.dt {
    float: right;
    margin-right: 3px;
    margin-top: 3px;
    margin: 3px 3px 0px 13px;
}
 
    .goalslist ul li s.plus55, .goalsfocus {
        width: 16px;
        height: 16px;
        display: block;
        border-radius: 13px;
        margin-right: 5px;
        margin-top: 3px;
        cursor: pointer;
        float: left;
        background-size: 16px;
        color: transparent;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTMxIDE1aC0zQzI3IDkgMjMgNSAxNyA0VjFhMSAxIDAgMCAwLTIgMHYzQzkgNSA1IDkgNCAxNUgxYTEgMSAwIDAgMCAwIDJoM2MxIDYgNSAxMCAxMSAxMXYzYTEgMSAwIDAgMCAyIDB2LTNjNi0xIDEwLTUgMTEtMTFoM2ExIDEgMCAwIDAgMC0yek0xNSA2djlINmMxLTUgNC04IDktOXpNNiAxN2g5djljLTUtMS04LTQtOS05em0xMSA5di05aDljLTEgNS00IDgtOSA5em0wLTExVjZjNSAxIDggNCA5IDl6Ii8+PC9zdmc+);
    }

    .goalslist ul li s.plus55 {
        opacity: 0.2;
    }

    .moon .goalslist ul li s.plus55, .moon .goalsfocus {
        filter: invert(1);
    }

    .filters em {
        font-style: normal;
        border: 1px solid #b15be563;
        padding: 4px 10px 4px;
        border-radius: 4px;
        background: #ffffff00;
        cursor: pointer;
        font-size: 11px;
        display: none;
        margin: 2px 0 0 5px;
    }

    .s6 .filters em {
        display: inline-block;
    }

    .sortinggoals .filters em {
        background: #bf1fff;
        color: #ffffff;;
        border: 1px solid #bf1fff;
    }

    .sortinggoals .goalslist ul {
        border: 1px dashed #bf1fff;
        box-shadow: 0 1px 13px rgba(0, 0, 0, 0.2);
    }

    .tblink {
        height: 22px;
        position: relative;
        font-size: 16px;
        box-shadow: 49px 0 0 #fafbfc inset;
        padding: 1px 0 0px 4px;
        border-radius: 4px;
        white-space: pre;
        text-indent: 1px;
        margin: 3px 5px 1px 4px;
        font-weight: bold;
        font-size: 14px;
        float: left;
    }

    .moon .tblink {
        box-shadow: 49px 0 0 #11141a inset;
        color: #a7a8b8;
    }

    .tblink::before {
        content: ":";
        animation: blink 1.1s infinite;
        position: absolute;
        left: 22px;
        font-size: 15px;
        top: -1px;
        color: #ff0047;
    }

    .moon .tblink::before {
        color: #ff62b2
    }

    @keyframes blink {
        0%, 100% { opacity: 1; } 
        20% { opacity: 0; }      
    }

    .goalsfocus {
        opacity: 1;
        margin-left: 6px;
        margin-top: 6px;
        display: none;
    }

    .s6 .goalsfocus {
        display: inline-block;
    }

    .goalsfocus:hover {
        transform: rotate(45deg);
    }


    .goalslist ul li s.plus55::before {
        margin-right: 0;
        color: #52555d;
        margin-left: -2px;
        vertical-align: top;
        font-size: 13px;
        margin-top: -2px;
        width: 20px;
    }

    .goalslist ul li s:hover {
        opacity: 1 !important;
    }

    .goalslist ul li s::before {
        margin-right: 0;
        color: #000000;
    }

    .moon .goalslist ul li s::before {
        color: #d1d4df;
    }

    .goalslist ul li.ed q {
        background: #483a8a;
        color: #FFFFFF;
    }

    .goalslist ul li q::after {
        content: " ";
        width: 166px;
        position: absolute;
        height: 22px;
        right: 0;
    }

    .sortinggoals.goalslist ul li q::after, .goalslist ul li.ed q::after  {
        width: 26px;
    }

    .goalslist input[readonly]::selection {
         background: transparent; 
         color: inherit; 
    }

    .goalslist li[draggable="true"] {
        cursor: grab !important;
   }

   .goalslist li[draggable="true"]:active {
    cursor: grabbing !important;
}

    .goalslist ul li.dragon  {
        margin-bottom: 45px;
        box-shadow: 5px 35px 0px rgba(0, 0, 0, 0.07);
    }

    .goalslist ul li.dragon.prn  {
        margin-bottom: 45px;
        box-shadow: 40px 35px 0px rgba(0, 0, 0, 0.07);
    }

    .goalslist ul li.dragon.prn::after {
        content: "↪";
        position: absolute;
        font-size: 33px;
        left: 3px;
        top: 23px;
    }

    .goalslist ul li.dragon.grandchild.prn::after {
        content: "";
    }

    .goalslist ul li.dragon.grandchild.prn  {
        margin-bottom: 45px;
        box-shadow: 5px 35px 0px rgba(0, 0, 0, 0.07);
    }

.goalslist ul li.child {
    padding: 4px 2px 2px 6px;
    margin-left: 14px;
    box-shadow: 0px 1px 1px #ebe9ef;
    z-index: 2;
    background-color: #F9FBFC;
}

    .moon .goalslist ul li.child {
        box-shadow: 0px 2px 0px #00000022;
    }

.goalslist ul li.parent {
    box-shadow: 0px 1px 0px #f0f1f3;
    z-index: 3;
    background-color: #ffffff;
}
    .moon .horizon.goalslist ul li.parent {
        background-color: #191b26;
    }

    .moon .goalslist ul li.parent {
        box-shadow: 0px 2px 0px #00000013;
    }
    
.goalslist ul li.grandchild {
    padding: 6px 2px 4px 6px;
    margin-left: 30px;
    box-shadow: 0px 2px 0px #eaeaeb;
    background-color: #F6F7F9;
}

    .goalslist ul li.dragging {
        opacity: 1;
        background: #ffffff63;
        cursor: grabbing;
        color: #000000;
        filter: blur(1px);
    }

    .goalslist.focused .unfocus {
        opacity: 0.26;
    }

    .goalslist.focused .grandchild.unfocus, .goalslist.focused .punfocus {
        height: 0px;
        overflow: hidden;
        padding: 0;
        margin: 0;
        border: none;
    }

    .goalslist.focused s.plus55 {
        opacity: 0.8;
        filter: invert(27%) sepia(51%) saturate(550%) hue-rotate(217deg) brightness(183%) contrast(84%);
    }


    .goalslist.focused .unfocus s.plus55 {
        opacity: 1;
    }



    .activegoals li::first-letter {
        font-size: 15px;
        margin-top: -2px;
        display: block;
        width: 46px;
        float: left;
        margin-right: 5px;
    }

    .horizon ul li i::first-letter {
        font-size: 13px;
        margin-top: -2px;
        display: block;
        width: 46px;
        float: left;
        margin-left: 3px;
        border-radius: 19px;
    }

    #timeline i s::first-letter {
        font-size: 13px;
    }

    .c5 p::first-letter, .c6 p::first-letter {
        font-size: 15px;
        margin: 0px 2px 0px 0px;
        opacity: 0.9;
    }

    .c5 p:hover::first-letter, .c6 p:hover::first-letter {
        opacity: 1;
    }

    .tasks.bc0 p, .tasks.bc0 p q {
        opacity: 1;
        display: block;
    }

    .tasks.bc0 p:hover q {
        opacity: 1;
        border-left: 12px solid #ffffff2e;
    }

    .tasks.bc0 p {
        opacity: 1;
    }

    .tasks p.prev {
        opacity: 1;
        text-decoration: line-through;
        text-decoration-style: double;
        color: #d2d9df;
    }

    .tasks p.prev * {
        opacity: 0.2;
    }

    .tasks.bc1 p.tc1, .tasks.bc2 p.tc2, .tasks.bc3 p.tc3, .tasks.bc4 p.tc4, .tasks.bc5 p.tc5, .tasks.bc6 p.tc6, .tasks.bc7 p.tc7, .tasks.bc8 p.tc8 { 
        opacity: 1;
        display: block;
    }
    
.tasks p.tc1 {
        border-right: 13px solid #b265db;
}

.tasks p.tc2 {
    border-right: 13px solid #7a8ce9;
}

.tasks p.tc3 {
    border-right: 13px solid #63bdfb;
}

.tasks p.tc4 {
    border-right: 13px solid #7bdb53;
}

.tasks p.tc5 {
    border-right: 13px solid #f2dd44;
}

.tasks p.tc6 {
    border-right: 13px solid #f1902c;
}

.tasks p.tc7 {
    border-right: 13px solid #f24462;
}

.tasks p.tc8 {
    border-right: 13px solid #e97dbe;
}

.tasks p.tc9 {
    border-right: 13px solid #63bdfb;
}
 


.moon .c5 p, .moon .c6 p {
    color: #b4b6c5;
    background: transparent;
}

.moon .c5 p:hover, .moon .c6 p:hover {
    color: #d7d8e5;
    background: #0e1116;
}

    .tasks sub {
        font-size: 7px;
        opacity: 0.4;
        display: inline;
        margin-left: 3px;
        width: 32px;
        margin-top: 4px;
    }

    .tasks p time {
        font-size: 10px;
        opacity: 0.4;
        margin-right: 18px;
        float: right;
        margin-top: 3px;
    }

    .tasks p time:hover {
        opacity: 1; 
    }
    
    .c5 u {
        color: #249724;
        font-size: 10px;
        font-weight: bold;
        float: right;
        margin-right: 0px;
        opacity: 0;
    }

    .c5 u:before {
        font-size: 17px;
    }

    .tasks p s {
        color: #09090a;
        opacity: 0.2;
        margin-left: 0px;
        margin-right: 0px;
        vertical-align: middle;
        font-weight: normal;
        font-family: system-ui;
    }

    .moon .tasks p s {
        color: inherit;
    }

    .tasks p s.dart13 {
        opacity: 0.4;
        font-size: 12px;
    }

    .tasks p s.dart13:hover {
        opacity: 1;
    }

    .tasks p s.dart13::before {
        font-size: 18px;
        color: rebeccapurple;
        vertical-align: sub;
    }

    #bottommenu i.users {
        font-size: 11px !important;
        width: 46px;
        height: 22px;
        padding-top: 35px !important;
        margin-right: 33px;
        background-position: center 5px !important;
        cursor: pointer;
        z-index: 999999999;
        text-align: center;
        text-transform: capitalize;
        float: right;
        background-size: 27px !important;
        top: -6px;
        display: block;
        filter: invert(27%) sepia(51%) saturate(550%) hue-rotate(217deg) brightness(183%) contrast(84%);
    }

    .contact-picker {
        position: fixed;
        top: 75px;
        background: #FFFFFF;
        box-shadow: 0 5px 24px #00000054, 0 39px 0px #f7f7f9 inset;
        margin: 0 0 0 10px;
        padding: 2px 0px 40px 4px;
        border-radius: 4px;
        z-index: 999999999;
        min-width: 360px;
    }

.moon .contact-picker {
    color: #FFF;
    background: #11141a;
    box-shadow: 0 5px 24px #555aff55, 0 39px 0px #191b26 inset;
}


    .contact-picker ul {
        max-height: 399px;
        overflow: auto;
        width: 100%;
    }

    .contact-picker input[type="text"] {
        padding: 5px 6px;
        height: 27px;
        font-size: 13px;
        margin-bottom: 4px;
        float: left;
        margin-right: 8px;
        max-width: 130px;
    }

    .contact-picker input[type="text"]:last-child {
        max-width: 98% !important;
        width: 100%;
        margin: 5px 0 3px;
        font-size: 12px;
    }

    .srch:before {
        content: "\E005";
        width: 18px;
        height: 20px;
        display: inline-block;
        position: absolute;
        top: 4px;
        left: 113px;
        font-size: 16px;
        opacity: 0.4;
    }

    .contact-picker ul li {
        padding: 13px 0px 13px 6px;
        border-bottom: 1px solid #f5f7f9;
        cursor: pointer;
        font-size: 10px;
        color: #222;
    }

    .moon .contact-picker ul li {
        color: #cdc6d9; 
    }

    .moon .contact-picker ul li {
        border-bottom: 0px solid #0e1221;
    }


    .contact-picker del {
        text-align: center;
        font-size: 13px;
        position: absolute;
        width: 100%;
        margin: 0 0 0 -4px;
        bottom: 0;
        height: 40px;
        padding: 10px 0;
        text-decoration: none;
        cursor: pointer;
    }

    .moon .contact-picker del {
        background: #0c0f13;
    }

    .contact-picker ul li:hover {
        background: #fbfbfc;
    }

.moon .contact-picker ul li:hover {
    background: #191b26;
    color: #FFF !important;
}

.contact-picker h5 {
    font-size: 15px;
    margin: 1px -1px -5px 1px;
    padding: 2px 1px 13px 0px;
    text-transform: capitalize;
    line-height: 1.8;
}

    .contact-picker a {
        font-size: 13px;
        float: right;
        margin-left: 3px;
        min-width: 118px;
        text-align: right;
        font-weight: normal;
        color: inherit;
    }

    .contact-picker a::after {
        font-size: 11px;
        margin-left: 3px;
        content: attr(data-lab);
        opacity: 0.6;
    }

    .contact-picker a:hover {
        color:#f3adff;
    }

    .contact-picker ul li a::before {
        display: none;
        color:#e88ef8;
        font-size: 10px;
        margin-right: 5px;
    }

    .contact-picker ul li:hover a::before {
        display: inline-block;
    }

    .contact-picker ul li b {
        font-size: 13px;
        margin-right: 0px;
        width: 92%;
        display: inline-block;
        text-align: left;
        margin-top: -2px;
    }

    .contact-picker ul li i {
        font-weight: normal;
        font-size: 10px;
        float: right;
        width: 23px;
        background-size: 19px;
        height: 16px;
        background-position: 0px -1px;
        filter: invert(1);
    }

    .contact-picker ul li u {
        min-width: 76px;
        font-style: normal;
        font-size: 11px;
        float: right;
        margin: -3px 0 0;
        height: 18px;
    }

    .contact-picker ul li u:empty {
        display: none;
    }

    .contact-picker ul li s {
        font-size: 13px;
        display: block;
        color: #d4d5df;
        border-radius: 4px;
        padding: 1px 0px 2px 3px;
        margin: -4px 0px 0 0px;
        float: right;
    }

    .moon .contact-picker ul li s {
        color: #422c66;
    }

    .contact-picker ul li s:hover {
        background: #57328c;
        color: #FFFFFF;
    }

    .contact-picker ul li.sub {
        padding: 5px 4px 5px 20px;
    }
 
    .contact-picker ul li.subsub {
        padding: 5px 4px 5px 40px;
    }

    .contact-picker ul li.subsub b {
        font-weight: normal;
    }

    .contact-picker h5 s {
        float: right;
        cursor: pointer;
        margin-left: 8px;
        margin-right: 8px;
        margin-top: 0px;
    }

.contact-picker h5 s:before {
    font-size: 15px;
}

    .tasks p s.man432 {
        opacity: 0.8;
        font-size: 11px;
        margin-top: 2px;
        float: none;
        margin-left: 5px;
        font-weight: bold;
    }
    
    .tasks p s.add70 {
        opacity: 0.07;
        margin-top: 2px;
    }
    .tasks p s.add70:hover {
        opacity: 0.7;
    }

    .tasks p s:before {
        font-size: 11px;
    }

    .tasks p b {
        color: #cdd1d8;
        font-size: 8px;
        font-weight: normal;
        float: left;
        margin-right: 7px;
        padding: 0 0 2px 2px;
        margin-left: -2px;
        border-radius: 0px;
        margin-top: 1px;
        width: 23px;
    }



    .tasks p b::first-line {
        color: #000000;
        font-weight: bold;
    }

    .moon .tasks p b {
        color: #58606d;
    }

    .moon .tasks p b::first-line {
        color: #99a2b1;
    }

    .tasks h4 {
        margin: 0;
        position: relative;
        z-index: 9;
        font-size: 9px;
        text-align: right;
        margin-left: 0px;
        background: #ffffff;
        margin-top: 0px;
        border-radius: 4px;
        padding: 0px 4px 1px 5px;
        box-shadow: 0px 1px 3px #e1e1e1a3;
        right: 13px;
    }

    .moon .tasks h4 {
        box-shadow: 0px 2px 3px #00000055;
        background: #11141a;
    }

    .tasks h4::before {
        width: 130%;
        content: " ";
        height: 3px;
        display: inline-block;
        background: rgba(0, 0, 0, 0) linear-gradient(149deg, #455195, #492e840d, #492e8400, #6e389a05, #bd61e12b) repeat scroll 0 0;
        position: absolute;
        right: 60px;
        margin-top: 10px;
    }

    .tasks p q {
        opacity: 0.7;
        background: none;
        width: 22px;
        height: 98%;
        display: inline-block;
        position: absolute;
        right: -22px;
        text-indent: 26px;
        top: 0;
    }

    .moon .tasks p q {
        background: #09090b47;
        border-left: 2px solid #00000044;
    }

    .tasks p q:hover {
        opacity: 0.2;
    }


    .wrapper {
        padding: 20px;
        width: 580px;
    height: 180px;
        display: inline-block;
        justify-content: center;
        background: #000;
      }

      .wrapper div {
        display: inline-block;
      }
      
      .wheel {
        color: #fff;
        display: block;
        height: 200px;
        overflow: visible;
        width: 100%;
      }
      .wheel--perspective-right .wheel__inner {
        perspective-origin: calc(50% + 100px) 50%;
        transform: translateX(10px);
        -webkit-transform: translateX(10px);
      }
      .wheel--perspective-left .wheel__inner {
        perspective-origin: calc(50% - 100px) 50%;
        transform: translateX(-10px);
        -webkit-transform: translateX(-10px);
      }
      
      .wheel__inner {
        display: flex;
        align-items: center;
        justify-content: center;
        perspective: 1000px;
        transform-style: preserve-3d;
        height: 16%;
        width: 100%;
      }
      
      .wheel__slides {
        height: 100%;
        position: relative;
        width: 100%;
      }
      
      .wheel__shadow-top,
      .wheel__shadow-bottom {
        background: linear-gradient(
          to bottom,
          rgba(0, 0, 0, 0.9) 0%,
          rgba(0, 0, 0, 0.5) 100%
        );
        left: 0;
        height: calc(42% + 2px);
        width: 100%;
        border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);
        position: relative;
        margin-top: -2px;
        z-index: 5;
        transform: translateZ(100px);
        -webkit-transform: translateZ(100px);
      }
      
      .wheel__shadow-bottom {
        background: linear-gradient(
          to bottom,
          rgba(0, 0, 0, 0.5) 0%,
          rgba(0, 0, 0, 0.9) 100%
        );
        margin-top: 2px;
        border-bottom: none;
        border-top: 0.5px solid rgba(255, 255, 255, 0.3);
      }
      
      .wheel__label {
        font-weight: 500;
        font-size: 15px;
        line-height: 1;
        margin-top: 1px;
        margin-left: 5px;
        transform: translateZ(100px);
        -webkit-transform: translateZ(100px);
      }
      
      .wheel__slide {
        align-items: center;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        display: flex;
        font-size: 20px;
        font-weight: 400;
        height: 100%;
        width: 100%;
        position: absolute;
        justify-content: flex-end;
      }
      

    .xruler {
        display: block;
        width: 375px;
        position: relative;
        height: 38px;
        background: #5050858a;
        background: #11141a;
        border-radius: 4px;
        border-bottom: 2px solid #08072724;
        margin: 13px 5px 20px 5px;
        box-shadow: 0 1px 3px rgb(33 35 49);
    }

    .xruler::before {
        content: attr(data-lab);
        position: absolute;
        right: 0;
        top: -18px;
        font-size: 11px;
    }

    .xruler button {
        display: inline-block;
        width: 14%;
        height: 36px;
        margin-right: 1px;
        border-radius: 4px;
        padding: 0px 0px 5px 4px;
        color: #FFF;
        left: 0;
        top: 0;
        font-size: 13px;
        position: absolute;
    }

    .xruler button:hover, .xruler button.selected {
        background: #371a6f;
        background: #2f2a66;
    }

    .xruler button.n0 {
        left: 0;
        z-index: 9;
    }

    .xruler button.n1 {
        width: 28%;
        z-index: 8;
    }

    .xruler button.n2 {
        width: 42%;
        z-index: 7;
    }

    .xruler button.n3 {
        width: 56%;
        z-index: 6;
    }

    .xruler button.n4 {
        width: 70%;
        z-index: 5;
    }

    .xruler button.n5 {
        width: 84%;
        z-index: 4;
    }

    .xruler button.n6 {
        width: 99%;
        z-index: 3;
    }

    .xruler.g1 button.n1 {
        width: 40%;
    }
    .xruler.g1 button.n2 {
        width: 60%;
    }
    .xruler.g1 button.n3 {
        width: 80%;
    }
    .xruler.g1 button.n4 {
        width: 100%;
    }

    .xruler.g1 b {
        width: 74px;
        padding: 2px 9px 3px !important;
    }

    .xruler.g1 b:hover, .xruler.g1 button.selected b {
        padding: 7px 9px !important;
        height: 49px;
    }

    .xruler b {
        font-size: 9px;
        color: #c4c8df;
        float: right;
        height: 35px;
        padding: 5px 0 0;
        font-weight: normal;
        text-align: center;
        margin: 0 auto;
    }

    .xruler b i {
        font-size: 11px;
        color: #FFFFFF;
        display: block;
        font-weight: bold;
        background: #ffffff13;
        width: max-content;
        margin: 0px auto 2px;
        border-radius: 4px;
        padding: 2px 5px 1px;
    }

    .xruler.g1 b i {
        font-size: 12px;
        padding: 4px 3px 4px;
        background: #ffffff13;
        border-radius: 4px;
    }

    .xruler.g1 {
        height: 44px;
        margin: 20px 5px 20px 5px;
        width: 380px;
    }

    .xruler.g1 button {
        width: 20%;
        height: 42px;
    }

    .xruler b:hover, .xruler button.selected b {
        background: #483D89;
        color: #FFF;
        border-radius: 5px;
        box-shadow: 0 1px 3px #090f32b5, 2px 2px 0px #ffffff18 inset;
        margin-top: -4px;
        height: 44px;
        padding: 8px 8px 0;
        background: #f24462;
    }

    form.quick.ttd input[type="text"] {
        background: #ffffff !important;
        margin-bottom: 20px;
        margin-top: 10px;
        color: #000; 
        box-shadow: 0 -1px 0px #ffffff66, 0 1px 3px #000000ad inset;
        padding: 6px 7px 7px;
        min-width: 320px;
    }

    form.quick.ttd input[type="text"]::placeholder {
        color: #767581;
    }


    .goal-list {
        display: block;
    }


    .goal-item {
        width: 100%;
    }

    .goal-item p {
        display: inline-block;
        white-space: nowrap;
        margin-right: 15px;
        min-width: 80px;
    }

    .goal-item p:first-child {
        width: 180px;
    }

    .ttd dt, .productlist dt {
        position: relative;
        margin: -25px 0 0px 0px;
        float: left;
        background: rgba(0, 0, 0, 0) linear-gradient(149deg, #455195, #492e84, rgb(110, 56, 154), #e161b5) repeat scroll 0 0;
        padding: 6px 12px 9px;
        border-radius: 3px 3px 0 0;
        font-weight: bold;
        font-size: 14px;
        color: #FFF;
        width: 103%;
    }

    .productlist dt {
        margin: -17px -11px 10px -20px;
        display: inline-block;
        width: 106%;
        padding: 6px 15px 9px;
    }


    .moon .ttd dt, .moon .productlist dt {
        box-shadow: none;
    }

    #workers {
        display: inline-table;
        margin-top: 22px;
        margin-right: -10px;
        margin-left: -4px;
    }

    #workers li {
        width: 32%;
        display: inline-block;
        margin: 3px 0.5% 5px;
        background: #f0f0f4;
        border-radius: 5px;
        border: 1px solid #ffffff;
        padding: 0 7px 4px;
        font-size: 11px;
        box-shadow: 0 36px 0px #fff inset, 0 1px 6px rgb(0 0 0 / 0%);
        background: #FFF;
        min-height: 282px;
        vertical-align: top;
        position: relative;
    }

    #workers li b {
        margin-bottom: 5px;
        display: inline-block;
    }

    #workers li s {
        white-space: nowrap;
    }

    #workers li .phone13 {
        font-size: 12px;
        padding: 2px 5px 2px 5px;
        box-shadow: 0 1px 4px rgba(0,0,0,0.1);
        border-radius: 4px;
        margin-right: -4px;
    }

    #workers li .phone13::before {
        margin-right: 3px;
        vertical-align: bottom;
    }

    #workers li s::before {
        font-size: 14px;
        color: #838aa0;
        vertical-align: text-top;
        line-height: inherit;
    }

    #workers li u {
        margin-left: 1%;
        display: inline-block;
        text-align: right;
        color: #6d768c;
        font-size: 11px;
        width: 97%;
    }

    #workers li u b {
        color: #249724;
        float: left;
        padding: 2px 4px 4px;
        border-radius: 2px;
        font-size: 11px;
        margin: -2px -2px 1px;
    }

    .moon #workers li u b {
        color: #00aa13;
        background: no-repeat;
    }

    .moon #workers li {
        border: 1px solid #141725;
        background: #141725;
        color: #6d768c;
        border-width: 1px !important;
        box-shadow: 0 36px 0px #10131e inset, 0 1px 6px rgb(0 0 0 / 42%);
    }

    #workers li p {
        display: block;
        margin: 4px -2% 8px;
        float: left;
        color: #464d60;
        background: #f9fafc;
        padding: 6px 8px 6px !important;
        width: 104%;
        border-radius: 3px;
        border: none;
    }

    #workers li.v1 p {
        background: #f8f7f2;
        border-bottom: 1px solid #f6e7cf;
    }

    #workers li.v2 p {
        background: #f1f5ff;
        border-bottom: 1px solid #e1e8ef;
    }

    .moon #workers li p {
        background: #10131e !important;
        border-bottom: none;
    }



    .contacts {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTUgMGEyIDIgMCAwIDAtMiAydjE5YzAgMS4xLjkgMiAyIDJoMTRhMiAyIDAgMCAwIDItMlYyYTIgMiAwIDAgMC0yLTJINXoiIGZpbGw9IiMyOTgwYjkiLz4KICA8cGF0aCBkPSJNNiAwYTIgMiAwIDAgMC0yIDJ2MThjMCAxLjEuOSAyIDIgMmgxMmEyIDIgMCAwIDAgMi0yVjJhMiAyIDAgMCAwLTItMkg2eiIgZmlsbD0iI2VjZjBmMSIvPgogIDxwYXRoIGQ9Ik0xNSAxNHY3aDRhMiAyIDAgMCAwIDItMnYtNWgtNnoiIGZpbGw9IiMyZWNjNzEiLz4KICA8cGF0aCBkPSJNMTUgOXY3aDRhMiAyIDAgMCAwIDItMlY5aC02eiIgZmlsbD0iI2U3NGMzYyIvPgogIDxwYXRoIGQ9Ik0xNSA0djdoNGEyIDIgMCAwIDAgMi0yVjRoLTZ6IiBmaWxsPSIjZjFjNDBmIi8+CiAgPHBhdGggZD0iTTE1IDB2Mmg0djRhMiAyIDAgMCAwIDItMlYyYTIgMiAwIDAgMC0yLTJoLTR6IiBmaWxsPSIjOWI1OWI2Ii8+CiAgPHBhdGggZD0iTTUgMGEyIDIgMCAwIDAtMiAydjE3aDF2NGMwLTEuMS45LTIgMi0yaDExLjNhMiAyIDAgMCAwIDEuNy0xVjJhMiAyIDAgMCAwLTItMkg1eiIgZmlsbD0iIzM0OThkYiIvPgogIDxwYXRoIGQ9Ik0xMC40IDEwLjZjMCAuNS4xLjkuNCAxLjIuMi4zLjUuNS45LjUuMyAwIC42LS4yLjgtLjUuMy0uMy40LS43LjQtMS4ycy0uMi0uOS0uNC0xLjJjLS4yLS4zLS41LS40LS45LS40YTEgMSAwIDAgMC0uOC40IDIgMiAwIDAgMC0uNCAxLjJtMi42IDEuOWMtLjEuMy0uMy41LS42LjdsLTEgLjJjLS43IDAtMS4zLS4yLTEuNy0uOC0uNS0uNS0uNy0xLjEtLjctMiAwLS44LjItMS41LjctMnMxLS44IDEuNy0uOGMuNCAwIC43LjEgMSAuMy4zLjEuNS40LjYuN1Y4aDEuM3Y0LjNjLjUtLjEuOS0uNCAxLjItLjhzLjQtLjkuNC0xLjZsLS4xLTEuMWMtLjItLjQtLjMtLjctLjYtMWE0LjEgNC4xIDAgMCAwLTMuNC0xLjZjLS41IDAtMSAwLTEuNC4yYTUgNSAwIDAgMC0xLjIuNWMtLjYuNC0xIDEtMS40IDEuNi0uNC42LS41IDEuMy0uNSAyLjEgMCAuNiAwIDEuMi4zIDEuNy4yLjYuNiAxIDEgMS41YTQuMiA0LjIgMCAwIDAgMy4xIDEuMmwxLjYtLjNjLjUtLjIgMS0uNCAxLjMtLjhsLjcgMS0xLjcgMWE2IDYgMCAwIDEtNC0uMWMtLjctLjMtMS4zLS43LTEuOS0xLjJhNS40IDUuNCAwIDAgMS0xLjYtNCA1LjcgNS43IDAgMCAxIDEuNi00Yy42LS41IDEuMi0uOSAxLjktMS4yLjctLjIgMS40LS40IDIuMS0uNCAxIDAgMS44LjIgMi42LjYuNy4zIDEuMy44IDEuOSAxLjVsLjcgMS4zLjIgMS41YzAgMS4xLS4zIDItMSAyLjYtLjcuNi0xLjYuOS0yLjkuOUgxM3YtLjkiIGZpbGw9IiMyOTgwYjkiLz4KICA8cGF0aCBkPSJNMiAzdjFoMlYzSDJ6bTAgM3YxaDJWNkgyem0wIDN2MWgyVjlIMnptMCAzdjFoMnYtMUgyem0wIDN2MWgydi0xSDJ6bTAgM3YxaDJ2LTFIMnoiIGZpbGw9IiM5NWE1YTYiLz4KICA8cGF0aCBkPSJNNSAwYTIgMiAwIDAgMC0yIDJ2MTljMCAxLjEuOSAyIDIgMmgxYTIgMiAwIDAgMS0yLTJWMmMwLTEuMS45LTIgMi0ySDV6IiBmaWxsPSIjMjk4MGI5Ii8+CiAgPHBhdGggZD0iTTIgMnYxaDFWMkgyem0wIDN2MWgxVjVIMnptMCAzdjFoMVY4SDJ6bTAgM3YxaDF2LTFIMnptMCAzdjFoMXYtMUgyem0wIDN2MWgxdi0xSDJ6TTIgMmExIDEgMCAwIDAtMSAxYzAgLjUuNCAxIDEgMVYyem0wIDNhMSAxIDAgMCAwLTEgMWMwIC41LjQgMSAxIDFWNXptMCAzYTEgMSAwIDAgMC0xIDFjMCAuNS40IDEgMSAxVjh6bTAgM2ExIDEgMCAwIDAtMSAxYzAgLjUuNCAxIDEgMXYtMnptMCAzYTEgMSAwIDAgMC0xIDFjMCAuNS40IDEgMSAxdi0yem0wIDNhMSAxIDAgMCAwLTEgMWMwIC41LjQgMSAxIDF2LTJ6IiBmaWxsPSIjYmRjM2M3Ii8+CiAgPHBhdGggZD0iTTMgMnYxaDFWMkgzem0wIDN2MWgxVjVIM3ptMCAzdjFoMVY4SDN6bTAgM3YxaDF2LTFIM3ptMCAzdjFoMXYtMUgzem0wIDN2MWgxdi0xSDN6IiBmaWxsPSIjOTVhNWE2Ii8+Cjwvc3ZnPgo=);
    }


    .wokkcat {
        display: inline-block;
        line-height: initial;
        margin: 5px 0;
    }

    .wokkcat i {
        background-repeat: no-repeat;
        background-position: 9px 2px;
        background-size: 20px;
        height: 28px;
        display: inline-block;
        margin: 5px 0 5px 3px;
        padding: 4px 11px 4px 36px;
        background-color: #ffffff;
        border-radius: 4px;
        box-shadow: 0 1px 4px rgb(9 15 50 / 26%), 0 0px 0px rgb(255 255 255) inset;
        cursor: pointer;
        font-size: 13px;
        color: #131313;
        border: 1px solid #e6e6e600;
    }

    input[name="fname"], input[name="sname"], input[name="nname"], input[name="phone"] {
        max-width: 108px !important;
        margin-right: 6px !important;
        position: relative;
    }

    #sqr {
        display: none;
        max-width: 375px;
        padding: 11px;
        position: absolute;
        z-index: 9999999999;
        background: #ffffff;
        left: 130px;
        top: 10px;
        border-radius: 4px;
        box-shadow: 0 2px 20px rgb(0 0 0 / 19%);
        text-align: center;
    }

    #sqr b {
        margin-top: 10px;
        display: none;
    }

    .sqr1 #sqr {
        display: inline-block;
    }

    .filters i.qr {
        background-size: 21px !important;
        height: 26px;
        display: inline-block;
        vertical-align: bottom;
        margin-top: -5px !important;
        opacity: 0.6;
    }

    .filters i.qr:hover {
        opacity: 1;
    }

    .moon .filters i.qr {
        filter: invert(1); 
    }

    #sqr canvas {
        max-width: 100%;
    }

    #qrc {
        margin: -8px -6px 10px;
    }

    #sqr input {
        padding: 11px 10px 10px;
        height: auto;
        font-size: 12px;
        width: 100%;
        background-size: 25px;
        background-position: right 4px top 4px;
    }

    #qrscan {
        background-repeat: no-repeat;
        background-size: 13%;
        background-position: center;
        background-color: #ffffff17;
        display: none !important;
        position: absolute;
        z-index: 9999999999;
    }

    .qr1 #qrscan {
        display: inline-block !important;
    }

    .qmenu {
        position: fixed;
        bottom: 26px;
        right: 20px;
        width: 50px;
        height: 50px;
        display: inline-block;
        z-index: 999999999;
        background: rgba(0, 0, 0, 0) linear-gradient(149deg, #455195, #492e84, rgb(110, 56, 154), #e161b5) repeat scroll 0 0;
        border-radius: 45px;
        box-shadow: 0 4px 13px 3px #4c48e5cc;
        cursor: pointer;
    }

    .quick main {
        display: block;
        margin-bottom: 20px;
    }

    .quick .man432, .quick .addgoal, .quick .add70 {
        font-size: 16px;
        font-weight: bold;
        margin: 18px 10px 18px 0px;
        padding: 5px 13px 7px 13px;
        border-radius: 4px;
        border: 1px solid #eedfff;
        display: inline-block;
        cursor: pointer;
        background: #ffffff;
        font-family: system-ui;
        height: 36px;
        box-shadow: 0 1px 3px #00000022;  
    }

    .moon .quick .man432, .moon .quick .addgoal, .moon .quick .add70 { 
        background: transparent;
        border: 1px solid #eedfff22;
    }

    .quick .man432:hover, .quick .addgoal:hover, .quick .add70:hover {
        border: 1px solid #d1b4f7;
        color: #623cbb;
    }

    .moon .quick .man432:hover, .moon .quick .addgoal:hover, .moon .quick .add70:hover {
        border: 1px solid #ffffff66;
        color: #FFFFFF;
    } 

    .quick s::before {
        font-size: 16px;
        margin: 0 6px 0 0;
        color: #291c4a;
    }

    .quick s::before {
        color: inherit;
    }

    .quick s.addgoal::before {
        font-size: 23px;
        margin: 0 5px -2px -5px;
        vertical-align: text-top;
    }

    .quick #linkValue {
        display: inline-block;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .quick #linkValue input {
        display: block;
        margin-bottom: 20px;
        font-size: 14px;
        margin: 9px 0;
        display: inline-block;
        padding: 9px 34px 11px 35px;
        border-radius: 4px;
        cursor: grab;
        position: relative;
        max-width: 330px;
        width: 360px;
    }

    .moon .quick #linkValue input {
        color: #d1dde3;
    }

    .quick #linkValue::before, #sqr input, .wallet-container code, .contact-picker li i {
        background-repeat: no-repeat;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iODAwIiB2aWV3Qm94PSIwIDAgMjUgMjUiIGZpbGw9Im5vbmUiPgogIDxwYXRoIGQ9Ik04LjUgOC41aC0zdjEyaDExdi00bTMtMTJoLTExdjEyaDExdi0xMnoiIHN0cm9rZT0iIzEyMTkyMyIgc3Ryb2tlLXdpZHRoPSIxLjIiLz4KPC9zdmc+Cg==);
        background-size: 25px;
        background-position: right 6px top 5px; 
    }

    .tasks sup {
        background-repeat: no-repeat;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDQ4IDQ4Ij4KICA8cGF0aCBkPSJNMjEuNjggMy4xOGEyIDIgMCAwIDEgMi4xNC4zMmwyMS41IDE5YTIgMiAwIDAgMS0uMDIgMy4wMmwtMjEuNSAxOC41YTIgMiAwIDAgMS0zLjMtMS41MnYtOS45N2MtNS42OC4yOC0xMS45NSAxLjc1LTE2LjA5IDUuODhBMiAyIDAgMCAxIDEgMzdjMC0xMS42OCA3LjctMjEuMDUgMTkuNS0yMS45NFY1YTIgMiAwIDAgMSAxLjE4LTEuODJaTTI0LjUgMzAuNXY3LjY0bDE2LjQ2LTE0LjE2TDI0LjUgOS40NFYxN2EyIDIgMCAwIDEtMi4wNSAyYy04LjQtLjIxLTE1LjYyIDUuMzQtMTcuMDkgMTMuNjYgNC40Ny0yLjcgOS44LTMuODcgMTQuOTgtNC4xMy42OC0uMDMgMS4yMi0uMDQgMS42LS4wNCAxLjE5IDAgMi41Ni4yNiAyLjU2IDIuMDFaIi8+Cjwvc3ZnPgo=);
    }

    .tasks sup {
        display: block;
        width: 13px;
        height: 13px;
        background-size: 13px;
        opacity: 0.4;
        float: right;
        margin-right: 10px;
        margin-top: 5px;
    }

    .moon .tasks sup { 
        filter: invert(1);
    }

    .tasks sup:hover {
        opacity: 1;
    }

    .quick #linkValue::before {
        content: " ";
        display: block;
        width: 27px;
        height: 27px;
        background-size: 25px;
        margin: 11px 4px 0 0px;
        position: absolute;
        z-index: 2;
        right: 33px;
        cursor: pointer;
    }
    
    .quick #linkValue::after {
        content: "📋";
        position: absolute;
        font-size: 21px;
        left: 7px;
        top: 13px;
    }
    

    .quick #linkValue input:active {
        background: #7bdb5355 !important;
        color: #000000 !important; 
        cursor: grabbing; 
    }

    .moon .quick #linkValue input:active {
        color: #FFFFFF !important; 
    }
  
    .quick i.qr {
        display: inline-block;
        height: 28px;
        width: 28px;
        vertical-align: middle;
        cursor: pointer;
        background-size: 29px !important;
        margin: -12px 0 0 7px;
    }

    .moon .quick i.qr {
        filter: invert(1);
    }


    .qma .quick input[type="number"] {
        max-width:50px;
    }

    .quick .geoopt ul {
        border: 1px solid #e3e4eb00 !important;
        display: inline-block;
        max-width: 612px;
        margin: 7px 0px;
        background: #ffffff0a;
    }

    .quick .geoopt li {
        color: #fffc !important;
        background: #ffffff17 !important;
    }

    .quick .geoopt li.a, .quick .geoopt li:hover {
        background: #483d8b !important;
        color: #fff !important;
        box-shadow: 0 1px 5px rgb(0 0 0 / 22%);
        border: 1px solid #7064f2 !important;
    }

    .quick .lcn {
        font-size: 16px;
        display: block;
    }

    .quick .adddos p {
        color: #cdd2e0;
        border-top: 1px solid #f6f6f61a;
    }

    .quick .adddos p:hover, .quick .adddos p.active {
        color: #FFFFFF;
        background: #ffffff14;
    }

    .quick .lcn::before {
        background-size: 23px;
        width: 23px;
        height: 23px;
        vertical-align: text-top;
    }

    

    .clndr, .document13 {
        position: relative;
        font-size: 11px;
        text-align: center;
        color: #000;
        cursor: pointer;
        border-radius: 4px;
        padding: 0 3px !important;
        float: right;
        top: -6px;
        background-size: 10px;
        background-position: top 10px left 55%;
        background-repeat: no-repeat;
        min-width: 46px;
        filter: invert(27%) sepia(51%) saturate(550%) hue-rotate(217deg) brightness(183%) contrast(84%);
    }

    #bottommenu .clndr {
        margin-right: 42px;
        min-width: 70px;
        margin-left: 26px;
        display: inline-block;
        top: -7px;
    }

    .clndr {
        right: 30px;
    }

    .moon .clndr, .moon .document13 {
        color: #ffffff;
    }

    .clndr:hover, .document13:hover {
        opacity: 0.6;
    }

    .clndr::before, .document13::before {
        font-size: 33px;
        display: block;
    }

    .qma .qmenu {
        filter: grayscale(1) brightness(1.3);
    }

    i.qmenu::after {
        content: "";
        position: absolute;
        width: 118%;
        height: 118%;
        display: inline-block;
        z-index: 999999999999999999999999999999999;
        background-size: 100% !important;
        background-position: 3px -6px !important;
        left: 10px;
    }

    i.qmenu::before {
        content: attr(data-start);
        position: absolute;
        width: 118%;
        height: 18px;
        display: inline-block;
        z-index: 999999;
        background-size: 100% !important;
        background-position: 3px -6px !important;
        left: -5px;
        font-size: 15px;
        font-weight: bold;
        color: white;
        bottom: -14px;
        text-shadow: 0 0 4px #9f00f0;
        text-align: center;
        font-weight: bolder;
      }

    .qma i.qmenu::before {
        content: attr(data-close);
    }

    .qma .quick {
        display: inline-block;
    }

    .quick {
        margin-left: 0px;
        border-radius: 10px 10px 0 0;
        margin-top: -2px;
        display: none;
        padding: 43px 13px 20px 10px;
        box-shadow: 0 70px 0px #e1e3ef inset;
        position: absolute;
        z-index: 99999997;
        color: #60638b;
        color: #222;
        top: 0px;
        width: 100%;
        display: none;
        left: 0;
        bottom: auto;
        background: #EEEFF3;
        background-attachment: fixed;
    }
    
    .moon .quick {
        padding: 50px 13px 20px 10px;
        box-shadow: none;
        background: #0c0f13;
        color: #d1dde3;
    }

    .quick h1 {
        position: absolute;
        top: 0px;
        left: 147px;
    }

    .quick h2 {
        font-size: 19px;
        margin: 37px 0 0px;
        display: inline-block;
    }

    .quick h2 s {
        vertical-align: middle;
        height: 32px;
        display: inline-block;
    }

    .quick h2 s:before {
        font-size: 38px;
        margin-top: -2px;
    } 

    .quick h2 s.dart13:before {
        font-size: 38px;
        margin: -6px -1px 0 -2px;
    } 

    .quick nav {
        margin: 10px 0 25px -6px;
    }

    .quick sub {
        width: 100%;
        display: block;
        color: #e2e4e6;
        margin: -10px 0 0;
    }

    .quick sub dt {
        margin: 0 0 10px;
        font-size: 13px;
        font-weight: bold;
        height: 30px;
    }

    .quick sub dd {
        position: absolute;
        right: 0px;
        top: 0px;
        background: #d7d7e5;
        padding: 6px 11px 5px 10px;
        border-radius: 0px 10px 0px 10px;
        font-size: 12px;
        font-weight: bold;
        cursor: pointer;
        box-shadow: 2px -2px 2px rgb(0 0 0 / 26%) inset;
        line-height: 22px;
        color: #483479;
    }

    .quick sub dd:hover {
        background: #ffffff;
        box-shadow: none;
    }




    .quick .geoopt {
        position: relative;
        line-height: normal;
        background: none;
        padding: 10px 0px 10px;
        border-radius: 3px;
        margin: 10px 0 5px;
        width: 100%;
        box-shadow: none;
    }
 
    .quick nav > i {
        background-repeat: no-repeat;
        background-position: top 8px center;
        background-size: 42px;
        height: 79px;
        display: inline-block;
        margin: 10px 0 0px 4px;
        padding: 55px 0px 6px 0px;
        border-radius: 7px;
        cursor: pointer;
        width: 65px;
        text-align: center;
        font-weight: bold;
        font-size: 11px;
        white-space: nowrap;
        width: 66px;
        text-transform: capitalize;
        box-shadow: 0 1px 4px #00000013;
        background-color: #FFF;
    }

    .moon .quick nav > i {
        background-color: #11141a;
        color: #b9bdc3;
    }

    .quick nav > i:hover, .ag1 .g1, .ag2 .g2, .ag3 .g3, .ag4 .g4, .ag5 .g5, .ag6 .g6, .ag7 .g7, .ag8 .g8, .ag9 .g9, .ag0 .g0 {
        background-color: #2f2a66 !important;
        color: #fff;
        text-transform: capitalize;
    }

    .quick nav i.g1 {
        border-bottom: 2px solid #a447eb;
    }

    .quick nav i.g2 {
        border-bottom: 2px solid #4d72f9;
    }

    .quick nav i.g3 {
        border-bottom: 2px solid #63bdfb;
    }

    .quick nav i.g4 {
        border-bottom: 2px solid #77f244;
    }

    .quick nav i.g5 {
        border-bottom: 2px solid #f2dd44;
    }

    .quick nav i.g6 {
        border-bottom: 2px solid #f5a450;
    }

    .quick nav i.g7 {
        border-bottom: 2px solid #f24462;
    }

    .quick nav i.g8 {
        border-bottom: 2px solid #e97dbe;
    }

    .quick nav i.g9 {
        border-bottom: 2px solid #cac5d2;
    }

    .activegoals {
        margin-bottom: 16px;
        width: 69%;
        margin-left: -5px;
    }

    .activegoals li {
        display: inline-block;
        padding: 5px 7px 6px;
        margin: 3px 3px 3px 4px;
        border-radius: 3px;
        cursor: pointer;
        width: 140px;
        min-height: 29px;
        vertical-align: top;
        font-size: 12px;
        white-space: nowrap;
        overflow: hidden;
        box-shadow: 0 1px 3px #00000022, 0 -2px 0px #ffffff0a inset;
        background-color: #FFF;
    }

    .moon .activegoals li {
        background-color: #11141a;
        color: #b9bdc3;
    }

    .activegoals li:hover {
        color: #ffffff;
        background-color: #2f2a66;
    }

    .moon .wokkcat i:hover {
        color: #c1c8e8;
        border: 1px solid #4a46b1;
    } 
    .wokkcat i.a, .wokkcat i:hover {
        background-color: darkslateblue;
        color: #ffffff;
        border: 1px solid #7064f2;
    }

    .moon .wokkcat i.a, .moon .wokkcat i:hover {
        color: #c1c8e8 !important;
        background-color: #2f336e !important;
        border: 1px solid #4a46b1 !important;
    }
 

    .person1:before {
        top: -2px;
    }
    #workers li.v0 {
        display: none;
    }

    #workers li.v1 {
        border: 2px solid #ffea58;
        box-shadow: 0 36px 0 #ffea5836 inset;
    }

    #workers li.v2 {
        border: 2px solid #f0f4ff;
        box-shadow: 0 36px 0px #f8faff inset, 0 0 10px #ffffff00;
        padding: 1px 8px 5px;
    }

    .moon #workers li.v1 {
        border: 1px solid #ffd5a387;
        box-shadow: 0 36px 0px #10131e inset, 0 1px 6px rgb(0 0 0 / 42%);
    }

    .moon #workers li.v2 {
        border: 1px solid #83a3ff40;
        box-shadow: 0 36px 0px #10131e inset, 0 0 10px #58adff47;
    }

    #workers .pro h3 s b {
        background: #ffb258;
    }
    

    #workers li img {
        width: 40%;
        float: left;
        margin: 4px 8px 4px 0px;
        border-radius: 3px;
        filter: grayscale(1) brightness(1.3) opacity(0.5);
    }

    #workers li.v1 img {
        filter: none;
    }

    #workers li.v2 img {
        filter: none;
    }

    #workers h3 {
        font-weight: bold;
        height: 31px;
    }

    .moon #workers h3 {
        color: #c4c5de;
    }

    #workers h3 dt, .wtime, .icos .soon h3 {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzI5OTQwMCI+PHBhdGggZD0iTTEyIDRhOCA4IDAgMSAwIDggOCA4IDggMCAwIDAtOC04em01IDloLTZsMS03aDF2NWw0IDF6Ii8+PC9zdmc+);
    }

    .wtime, .icos .soon h3 {
        display: inline-block;
        background-size: 22px;
        background-position: 6px 3px;
        vertical-align: middle;
        padding-left: 30px;
        margin: 0 0 0 -8px;
        background-repeat: no-repeat;
    }

    #workers h3 dt {
        font-size: 10px;
        font-weight: normal;
        float: right;
        margin: -2px 2px 0px;
        background-repeat: no-repeat;
        padding-left: 16px;
        background-size: 16px;
        background-position: bottom 6px left 0;
        text-align: right;
        line-height: 14px;
        position: absolute;
        right: 2%;
        top: 5px;
    }

    #workers h3 dt b {
        padding: 0px 1px 2px;
        border-radius: 2px;
        font-size: 10px;
        margin-left: 0px;
        display: block;
    }

    .moon #workers h3 dt b {
        background: #00000012;
    }

    #workers .v1 s b { 
        background: #fcb966 !important;
        color: #ffffff;
    }

    #workers .v2 s b {
        background: #674feccc !important;
        color: #ffffff;
    }

    #workers .v2 s b {
        background: #1d9bf1 !important;
        color: #ffffff;
    }

    .moon #workers .v1 s b, .moon #workers .v2 s b {
        color: #0f111d;
    }

    #subfilter .person1:before {
        margin-left: 5px;
        top: -3px;
    }
    
    .plate13:before {
        font-size: 18px;
        top: 3px;
    }

    #workers q {
        color: #00aa13;
        float: right;
        margin-right: 4px;
        font-weight: bold;
        position: absolute;
        right: 0;
        background: #FFF;
        padding: 0 0px 0 4px;
        top: 0px;
    }

    .moon #workers q {
        background: #141725;
    }

    q::before, q::after {
        content: none;
    }

    #workers q i {
        color: red;
        padding-left: 18px; 
        background-size: 13px;
        background-blend-mode: exclusion;
        background-position: bottom 1px left;
        margin-left: 4px;
    }
    
    .arrow-icon.left:before {
        content: "\e001";
    }
    
    .arrow-icon.right:before {
        content: "\e031";
    }

    ul.options {
        max-width: 130px;
        height: 26px;
        border-radius: 3px;
        font-size: 12px;
        padding: 1px 22px 6px 0px;
        box-shadow: 0 1px 2px #00000013 inset;
        overflow: hidden;
        display: inline-block;
        color: #484f6b;
        position: relative;
        background-color: #ffffff;
        margin-top: -1px;
        vertical-align: middle;
        margin-right: 5px;
    }

    ul.options.p1 {
        overflow: auto;
        max-width: 100%;
        box-shadow: none;
        height: auto;
        overflow: visible;
        padding: 0;
        background: none;
    }

    .ttd ul.options.p1 ul {
        position: relative;
        max-width: 1000px;
        max-height: 200px;
        left: auto;
        display: inline-block;
        margin-left: 0;
        box-shadow: 0 0px 4px 1px rgb(0 0 0 / 13%) inset;
        background: #0000003d;
        color: #FFF;
        font-weight: bold;
        padding: 0;
    }

    ul.options.p1 ul li {
        color: #131314;
        box-shadow: 0 0px 3px #ffffff69 inset;
        margin: 0 0px 3px;
        font-weight: normal;
        background: no-repeat;
        display: block;
    }
    
    .moon ul.options, .main-header ul.options, .posts-filter ul.options {
        color: #e4e8ec;
        text-shadow: none;
        color: #b6bdd8;
        background-color: #0d101b;
        background-color: #FFFFFF73; 
    }

    .moon .main-header ul.options {
        background-color: #00000073;
    }

    .posts-filter ul.options {
        background-color: #0f1222;
        max-width: 102px;
    }
    

    ul.options.selected {
        overflow: visible; 
    }

    ul.options ul {
        position: absolute;
        background: #f5f6f9;
        padding: 7px 8px 8px;
        margin-left: -58%;
        margin-top: -4px;
        box-shadow: 0 4px 13px rgb(0 0 0 / 40%);
        z-index: 22;
        border-radius: 3px;
        max-width: 468px;
        font-size: 12px;
        max-height: 478px;
        overflow-y: auto;
        min-width: 222px;
    } 

.moon ul.options ul {
    background: #0c0f13;
}

    .ttd ul.options ul {
        bottom: 28px;
    }

    ul.options.c1 ul {
        min-width: 418px;
        margin-left: 0;
        max-width: 80%;
        max-height: 370px;
        padding: 10px 10px 6px;
        left: -74px;
    }

    ul.options ul ol {
        margin: 7px 0 15px 18px;
        padding: 0;
        list-style: none;
    }

    ul.options.p1 ul ol {
        margin: 7px 0 5px 0px;
        padding: 0;
        list-style: none;
    }

    ul.options li {
        display: inline-block;
        padding: 3px 8px 4px 7px;
        cursor: pointer;
        border-radius: 3px;
        white-space: nowrap;
        color: #464b5f;
        max-width: 90px;
        overflow: hidden;
        margin-top: 1px;
        height: 23px;
        margin-left: 1px;
    }

    ul.options li {
        display: inline-block;
        padding: 4px 8px 3px 7px;
        cursor: pointer;
        border-radius: 3px;
        white-space: nowrap;
        color: #464b5f;
        max-width: 90px;
        overflow: hidden;
        margin-top: 0px;
        height: 24px;
        margin-left: 1px;
        font-size: 13px;
        line-height: 16px;
    }

    .main-header ul.options li, .posts-filter ul.options li {
        color: #191b26;
    }

    .moon ul.options li {
        color: #a4aac4;
    }

    .moon ul.options ul li {
        background: #171823;
    }
    
    ul.options ul li {
        color: #a9b1cd;
        padding: 4px 9px 5px 9px;
        max-width: 399px;
        overflow: visible;
        margin: 2px 2px;
        box-shadow: 0 0px 3px rgb(0 0 0 / 20%);
        height: 24px;
        background: #FFF;
    }

    .main-header ul.options > li {
        width: 100%;
    }

    ul.options > li:first-child::after {
        content: "▼";
        background: #f7f7f8;
        font-size: 9px;
        color: #d2d6e7;
        padding: 4px 8px 4px 8px;
        border-radius: 2px;
        cursor: pointer;
        position: absolute;
        right: 1px;
        top: 1px;
    }

    .moon ul.options li:first-child::after {
        background: #5d68990f;
        background: #11141a !important;
        color: #1f2537;
    }

    .main-header ul.options li:first-child::after {
        background: #f5f6f9;
        color: #b5adc3;
        border-right: 1px solid #b3c3d312;
        right: 0px;
    }

    ul.options li:hover {
        background: white;
        color: #000;
    }

    ul.options li:hover {
        background: white;
        color: #000;
    }

    ul.options li.active, ul.options ul li:hover, .main-header ul.options li:hover, .posts-filter ul.options li:hover {
        background: #fafbfd !important;
        color: #7b94d9 !important;
    }

    .moon ul.options li:hover {
        background: none !important;
    }

    ul.options li.active {
        font-weight: bold;
        background: #f5f7f9;
        border-left: 2px solid #2e66fa;
    }

.moon ul.options li.active {
    background: #0f1321 !important;
}

    ul.options li.first-child {
        display: block;
        padding: 2px 3px;
        font-size: 12px;
        white-space: nowrap;
        
    }

    ul.options ul li.first-child {
        display: inline-block;
        padding: 4px 8px;
        font-size: 11px;
        white-space: nowrap;
        color: #b6bdd8;
    }
    
    .add70:before {
        content: "\e000";
    }
    .arrow208:before {
        content: "\e001";
    }
    .balcony:before {
        content: "\e002";
    }
    .bathtub3:before {
        content: "\e003";
    }

    .black322:before, .ed:before, .goalslist ul li q::before {
        font-family: 'Si';
        content: "\e004";
    }
    .browser8:before {
        content: "\e005";
    }
    .building33:before {
        content: "\e006";
    }
    .building36:before {
        content: "\e007";
    }
    .building38:before {
        content: "\e008";
    }
    .building41:before {
        content: "\e009";
    }
    .buildings16:before {
        content: "\e00a";
    }
    .calendar146:before {
        content: "\e00b";
        font-size: 30px !important;
        height: 36px !important;
        margin-top: 4px;
    }
    .dt:before, .icos dt:before {
        content: "\e00b";
        font-family: 'Si';
        font-size: 17px;
        margin-right: 6px;
        color: #ffffff;
        margin-left: 0px;
        font-weight: normal;
        margin-top: -4px;
        vertical-align: middle;
        display: inline-block;
    }

    .car43:before {
        content: "\e00c";
        font-size: 69px;
        vertical-align: middle;
        line-height: 0;
        font-weight: normal;
        margin: -11px -6px 0;
    }
    .cctv3:before {
        content: "\e00d";
    }
    .check35:before, .goalslist ul li.ed q::before {
        font-family: 'Si';
        content: "\e00e";
    }
    .cigarette1:before {
        content: "\e00f";
    }
    .city21:before {
        content: "\e010";
    }
    .clothes1:before {
        content: "\e011";
    }
    .computer33:before {
        content: "\e012";
    }
    .covered20:before {
        content: "\e013";
    }
    .credit31:before {
        content: "\e014";
    }

    .solpub {
        background: #fffee6 none repeat scroll 0 0;
        border: 1px solid #fff5dd;
        border-radius: 4px;
        display: inline-block;
        margin: 2px 0 8px 0;
        padding: 7px 9px;
        text-align: center;
        font-size: 12px;
    }

    .wallet-container.wm1 .document31 {
        display: none;
    }

    .keeper-qr {
        text-align: center;
        padding: 0 0px 20px 0px;
    }

    .keeper-qr h3 {
        text-align: left;
        padding: 0px 24px 7px 12px;
        width: auto;
        border-bottom: 1px solid #00000009;
        margin-top: 7px;
        line-height: 30px;
    }

    .keeper-qr div {
        display: inline-block;
        margin: 10px 0 20px;
    }

    .keeper-qr p {
        margin: 15px 13px 15px;
        line-height: 1.6;
    }

    .keeper-qr u, .keeper-qr b, .keeper-qr s {
        text-transform:capitalize;
    }

    .ts2.keeper-qr u {
        display:none;
    }

    .ts0.keeper-qr dl, .ts0.keeper-qr q, .ts0.keeper-qr .qr.b {
        display:none;
    }

    .keeper-qr.ts2 dd, .keeper-qr.ts2 .qr.a {
        display:none;
    }

    .wallet-container .ts2.keeper-qr textarea {
        background-color: #e8ffe7;
        color: #333;
    }


    .keeper-qr .qr {
        padding: 0 0 0 26px;
        background-size: 22px;
        height: 22px;
        background-position: 0px -1px;
        white-space: nowrap;
    }

    .keeper-qr .qr.b {
        padding: 0 0 0 28px;
        width: auto;
    }

    .keeper-qr b {
        position: absolute;
        bottom: 0;
        right: 0;
        background: #00000009;
        border: 0px solid #000 !important;
        outline: none !important;
        box-shadow: none !important;
        padding: 5px 10px 7px;
        cursor: pointer;
        font-weight: normal;
        color: #7b81c577;
        border-radius: 8px 0 0 0;
    }

    .keeper-qr b:hover {
        color: #7b81c5;
    }

    .k2 .keeper-qr u, .k2 .keeper-qr b, .k22 .keeper-qr s, .k22 .keeper-qr div, .k2 .keeper-qr i, .k2 .keeper-qr textarea, .k2 .keeper-qr p, .k2 .keeper-qr dl, .k2 .keeper-qr dd {
        display: none;
    }

    .k22 .keeper-qr textarea {
        display: block;
        margin: 15px auto 17px;
        width: 90%;
        min-height: 180px;
    }

    .k22 .keeper-qr.ts2 s {
        display: inline-block;
    }

    .wallet-container .document31 {
        vertical-align: middle;
        background: none;
        float: right;
        width: auto;
        cursor: pointer;
        opacity: 0.4;
        font-size: 12px;
        line-height: 16px;
        margin: 0 3px 0 0;
        position: relative;
        text-transform: capitalize;
    } 

    .wallet-container .keeper-qr h3 .document31 {
        display: block;
        float: left;
        opacity: 1;
        margin: 3px 3px 0 0;
    }

    .wallet-container .document31:hover {
        opacity: 1;
    }

    .document31:before {
        content: "\e018";
        display: inline-block;
        font-size: 22px;
        transform: rotate(180deg);
        margin: 4px 5px 0 0;
        vertical-align: bottom;
        filter: invert(27%) sepia(51%) saturate(550%) hue-rotate(217deg) brightness(183%) contrast(84%);
    }

    .wallet-container .document31:after {
        content: "\e004";
        display: inline-block;
        font-size: 14px;
        font-family: "Si";
        position: absolute;
        left: 11px;
        top: 4px;
        filter: invert(27%) sepia(51%) saturate(550%) hue-rotate(217deg) brightness(183%) contrast(84%);
    }

    .cross92:before, .ds:before {
        content: "\e015";
        font-size: 16px;
    }
    .dart13:before, .addgoal:before {
        content: "\e016";
    }
    .dining4:before {
        content: "\e017";
        font-size: 23px;
        margin-left: 0px;
        vertical-align: middle;
    }

    .document13:before {
        content: " ";
        height: 37px;
        background-repeat: no-repeat;
        background-size: 34px;
        background-position: 2px 4px;
    }


    .dog50:before {
        content: "\e019";
    }
    .dollar130:before {
        content: "\e01a";
    }
    .dollars3:before {
        content: "\e01b";
        font-size: 20px;
        vertical-align: sub;
        line-height: 0;
    }
    .drawing8:before {
        content: "\e01c";
    }
    .dumbbell:before {
        content: "\e01d";
    }
    .dvd6:before {
        content: "\e01e";
    }
    .elevator1:before {
        content: "\e01f";
    }
    .email20:before {
        content: "\e020";
    }
    .english:before {
        content: "\e021";
    }
    .flowers12:before {
        content: "\e022";
    }
    .for4:before {
        content: "\e023";
    }
    .for5:before {
        content: "\e024";
    }
    .home115:before {
        content: "\e025";
    }
    .house110:before {
        content: "\e026";
    }
    .house112:before {
        content: "\e027";
    }
    
    
    .human93:before {
        content: "\e028";
    }
    .internet17:before {
        content: "\e029";
    }
    .laundry7:before {
        content: "\e02a";
    }
    .list23:before {
        content: "\e02b";
    }
    .male107:before {
        content: "\e02c";
    }
    .man432:before {
        content: "\e02d";
        color: #838aa0;
        font-size: 12px;
    }
    .map35:before {
        content: "\e02e";
        font-size: 43px;
        line-height: 0;
        vertical-align: sub;
    }
    .microwave3:before {
        content: "\e02f";
    }
    .minisplit:before {
        content: "\e030";
        margin-left: 3px;
    }
    .move12:before {
        content: "\e031";
    }
    .opened17:before {
        content: "\e032";
    }
    .opened4:before {
        content: "\e033";
        color: #40455d;
        margin-right: 7px;
        margin-top: 15px;
    }

    .opened4 {
        display: block;
    }
    .pencil52:before {
        content: "\e034";
    }
    .person1:before {
        content: "\e035";
    }
    .person20:before {
        content: "\e036";
    }
    .person204:before {
        content: "\e037";
    }
    .person208:before {
        content: "\e038";
    }
    .phone13:before, .contact-picker ul li a::before {
        content: "\e039";
        font-size: 13px;
        margin-right: 2px;
        font-family: "Si";
    }
    .plate13::before {
        content: "\e03a";
    }
    .dab::before  {
        content: "\e03b";
        font-size: 14px;
        margin-left: 8px;
        width: 20px;
    }

    .policeman {
        border: 4px solid #e91e63;
        border-radius: 50%;
        width: 45px;
        height: 45px;
        display: inline-block;
        position: relative;
        transform: scale(0.5) translate(13px, 26px);
        vertical-align: text-bottom;
        color: #9fafc0;
        line-height: 1.1;
    }

    .hint {
        width: 365px !important;
        color: #cfcfcf;
        font-size: 11px;
        line-height: 16px;
    }

    .policeman:hover {
        transform: scale(1.5) translate(13px, 26px);
        color: #FFF;
        box-shadow: 0 1px 13px #000;
        text-shadow: 0 1px 13px black;
        filter: drop-shadow(0px 1px 13px black);
    }

    .policeman:after {
        content: "";
        width: 103%;
        height: 11%;
        display: inline-block;
        position: absolute;
        background: #e91e63;
        left: 0;
        transform: rotateZ(-40deg);
        top: 17px;
    }

    .policeman:before {
        content: "\e03c";
        font-size: 31px;
        margin: 0;
    }

    .printer36:before { 
        content: "\e03d";
    }
    .refrigerator4:before {
        content: "\e03e";
    }

    .rent2:before {
        content: "\e03f";
        font-size: 47px;
        display: block;
        height: 44px;
        margin: -21px auto 0;
    }

    .active.rent2:before {
        opacity: 1;
    }

    .ruble:before {
        content: "\e040";
    }
    .safe18:before {
        content: "\e041";
    }
    .safety6:before {
        content: "\e042";
    }

    .sale10:before {
        content: "\e043";
        font-size: 33px;
        display: block;
        margin: -11px auto 0;
        height: 34px;
    }

    .scaling:before {
        content: "\e044";
    }
    .sea13:before {
        content: "\e045";
    }
    .shop3:before {
        content: "\e046";
    }
    .shopping109:before, .bcart::before {
        content: "\e047";
        font-family: "Si";
    }

    h2.shopping109:before {
        font-size: 24px;
        margin-right: 4px;
        vertical-align: bottom;
    }

    .shower5:before {
        content: "\e048";
    }
    .spring16:before {
        content: "\e049";
        font-family: 'Si';
    }

    h3.spring16:before {
        margin-right: 5px;
        font-size: 22px;
        vertical-align: middle;
        font-weight: normal;
    }

    .moon h3.spring16:before {
        color: #659cea;
    }

    .sunbathing1:before {
        content: "\e04a";
    }
    .swimming15:before {
        content: "\e04b";
    }
    .tennis18:before {
        content: "\e04c";
    }
    .bath:before, .thailand1:before {
        content: "\e04d";
        color: #3b5e88;
        font-size: 17px;
        font-weight: normal;
        margin-right: -2px;
        vertical-align: text-top;
    }
    
    body.usd .bath:before {
        content: "$ ";
        font-size: 17px;
        vertical-align: inherit;
    }
    
    body.eur .bath:before {
        content: "\20AC ";
        font-size: 17px;
        margin-right: 3px;
        vertical-align: inherit;
        font-weight: bold;
    }
    
    body.rub .bath::before {
        content: " ";
        margin-left: 5px;
    }
    
    body.rub .bath:after {
        content: " руб.";
        font-size: 14px;
        color: #3b5e88;
        vertical-align: top;
        font-weight: bold;
    }
    
    .grid_items .bath:before {
        font-size: 15px;
        vertical-align: top;
    }
    
    .tv14:before {
        content: "\e04e";
    }

    .two205:before {
        content: "\e04f";
        font-size: 24px;
        vertical-align: top;
        margin-top: -1px;
    }

    .user62 {
        width: 25px;
        display: inline-block;
        border-radius: 40px;
        overflow: hidden;
        height: 23px;
        position: relative;
        vertical-align: top;
        margin-right: 3px;
    }

    .user62:before {
        content: "\e050";
        font-size: 26px;
        vertical-align: middle;
        font-weight: normal;
        position: relative;
    }

    .user62:after {
        content: " ";
        width: 15px;
        height: 15px;
        display: inline-block;
        position: absolute;
        border: 2px solid #e74c3c;
        border-radius: 50px;
        left: 5.4px;
        top: 16.66px;
        z-index: 99;
        background: linear-gradient(to right, transparent 39%, #e74c3c 48%, #e74c3c 58%, transparent 62%);
    }

    .vacuum6:before {
        content: "\e051";
    }

    .wifi34 {
        font-style: normal;
        margin: 10px 0 0;
        display: inline-block;
        cursor: pointer;
    }

    em.wifi34 {
        background: #3b3c7b;
        color: #FFF;
        padding: 3px 8px;
        border-radius: 4px;
        opacity: 0.8;
    }

    em.wifi34:hover {
        opacity: 1;
    }


    .wifi34:before {
        content: "\e052";
        margin-right: 5px;
        font-size: 23px;
        font-family: "Si";
        vertical-align: sub;
        font-weight: normal;
    }
    
    
    
    .home .rent2:before {
        color: #b0bfd2;
        font-size: 40px;
        margin-left: 0;
        margin-right: -8px;
    }
    
    .home .sale10:before {
        color: #b0bfd2;
        font-size: 30px;
        width: 28px;
    }
    
    .home s i {
        color: #b0bfd2;
        font-size: 14px;
        margin-left: 10px;
        margin-right: 0;
        vertical-align: middle;
    }
    
    @media (min-width: 11992px) {
    a,b,i,u,s,p,button,div,input,li,img,nav,span,i:before,ul,strong,select,textarea, b::before { 
      text-size-adjust: none;
      -webkit-text-size-adjust: none;
      -moz-text-size-adjust: none;
      -ms-text-size-adjust: none; 
        -moz-transition-property:background-color, display, background, fill, filter, color, height, top, left,right, border-color, opacity, transform, margin, box-shadow, text-shadow, height, width, background-position, padding-left, padding-top, background-size;  
        -moz-transition-duration: 0.44s;  
        -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         
        -webkit-transition-property:background-color, display, background, fill, filter, color, height, top, left,right, border-color, opacity, transform, margin, box-shadow, text-shadow, height, width, background-position, padding-left, padding-top, background-size;  
        -webkit-transition-duration: 0.44s;  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
         
        -o-transition-property:background-color, display, background, fill, filter, color, height, top, left,right, border-color, opacity, transform, margin, box-shadow, text-shadow, height, width, background-position, padding-left, padding-top, background-size;  
        -o-transition-duration: 0.44s;  
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);   
    
        transition-property:background-color, display, background, fill, filter, color, height, top, left,right, border-color, opacity, transform, margin, box-shadow, text-shadow, height, width, background-position, padding-left, padding-top, background-size;  
        transition-duration: 0.44s;  
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);   
    }
}
    input {
        border:0px solid;
    }

    input[type="radio"] {
        vertical-align: text-top;
    }

    i, u, p {
        font-style: normal;
        text-decoration: none;
        margin: 0;
        background-repeat: no-repeat !important;
    }

    * {
        -webkit-tap-highlight-color: transparent;
    }
    body,html,span,div,small {
      text-size-adjust: none;
      -webkit-text-size-adjust: none;
      -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
    }
    
    .center {
        text-align: center;
    }

    .leaflet-control-container {
        position: static;
    }

    .fav_post {
        position: absolute;
        right: 6px;
        top: 0;
        font-size: 12px;
        background: none;
        padding: 0 2px 2px 4px;
        color: #808191;
        border-radius: 0 0 3px 3px;
        cursor: pointer;
        height: 21px;
    }

    .fav_post span {
        padding-top: 2px;
        display: inline-block;
        display: none;
    }

    .fav_post i {
        vertical-align: top !important;
        font-size: 16px !important;
    }

    .post-header i.js_save-post {
        cursor: pointer;
        opacity: 0.2;
        filter: invert(29%) sepia(51%) saturate(2878%) hue-rotate(115deg) brightness(104%) contrast(97%);
    }

    .hasimg .post-header i.js_save-post {
        cursor: pointer;
    }

    .hasimg:hover .post-header i.js_save-post {
        opacity: 0.666;
    }

    .post-header i.js_save-post:hover, .post-header i.js_save-post.on {
        color: #19ae9d;
        background-position: 0 -6px;
        opacity: 1;
    }

    .post-header i.js_unsave-post i {
        color:#19ae9d;
    }
    
    #category_order ul {
        height: 0;
        display: block;
        overflow: hidden;
    }

    .modal-backdrop.show {
        z-index: 0 !important;
    }
    
    #category_order a small {
        display: block;
        margin-top: -3px;
        color: #a9b1c7;
        font-size: 11px;
    }

    .visible-xs-inline-block {
        font-size: 10px;
        color: #a3afc1;
      }
    
    ::selection { background: #ac3939; color: #fff; }

    .productlist  ::selection { background: transparent; color: inherit; }

    input[type="text"]::selection, input[type="number"]::selection { background: #ac3939; color: #fff; } 
    
    
    .xcode a {
        font-weight: bold;
        border-bottom: 2px dashed #e82aff;
        line-height: 1.2em;
        display: inline-block;
    }
    
    
    .xcode.active > q {
        border: 2px solid #efe2f3;
        display: inline-block;
        padding: 10px 15px 10px;
        margin-bottom: 10px;
        border-radius: 3px;
        box-shadow: 0 1px 5px rgba(0,0,0,0.06);
    }
    
    .xcode q:before, .xcode q:after {
        content: "";
    }
    
    .xcode a::after {
        width: 14px;
        height: 13px;
        display: inline-block;
        margin-left: 3px;
        line-height: 1em;
        font-weight: 900;
        content: "\f13a";
        font-family: "Font Awesome 5 Free";
        padding: 0;
        color: #c45ef9;
        font-size: 13px;
    }
    
    .igray {
        color: #a9b1c7;
    }
  
    .sbb {
        margin: 0px 8px 11px -11px;
        box-shadow: none;
        border-radius: 3px;
        padding: 4px 6px 0px;
        font-size: 11px;
    }
    
    h3 {
        display: inline-block;
        font-size: 14px;
        line-height: 1.6;
        margin: 5px 0 4px;
        width: 100%;
        vertical-align: top;
    }

    h5 {
        margin: 0 5px 5px;
    }



    .sbb h3 {
        margin-top: 0;
        margin-left: 0px;
        padding-bottom: 1px;
        font-weight: bold;
        font-size: 12px;
        color: #333;
    }

    .moon .sbb h3 {
        color: #9496b3;
    }

    h3 i, .blockheader h3 i {

        font-size: 15px;
        margin-left: 11px;
        width: 16px;
        text-align: center;
        height: 16px;
        display: inline-block;
        background-size: 16px;
        vertical-align: text-top;
    } 

    .opacityhover {
        opacity: 0.4;
    }

    .opacityhover:hover {
        opacity: 1;
    }

    #map {
        margin-top: 36px;
        height: 310px;
        display: inline-block;
        width: 98%;
        overflow: hidden;
        position: relative;
    }

    .mapboxgl-popup {
        position: absolute;
        top: 0px;
        width: 100px;
        background: #FFF;
        box-shadow: 0 1px 4px rgb(0 0 0 / 30%);
        padding: 0px;
        border-radius: 3px;
        font-size: 11px;
        text-align: center;
    }

    .mapboxgl-popup b {
        padding: 1px 2px 5px;
        display: inline-block;
    } 

    .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
        -ms-touch-action: none;
        touch-action: none;
        height: 469px !important;
        margin-top: 10px;
        width: 100% !important;
        border-radius: 3px;
        box-shadow: 0 1px 4px rgb(0 0 0 / 6%);
        overflow: hidden;
        opacity: 1;
    }

    .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
        -ms-touch-action: none;
        touch-action: none;
         min-width: 2200px !important;
        min-height: 2200px !important;
        transform: translate(-977px,-719px);
    }

    .moon .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom, .nav1 #rightsidebar .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
        filter: invert(78%) sepia(77%) saturate(48%) hue-rotate(198deg) brightness(132%) contrast(310%) !important;
        filter: invert(70%) sepia(44%) saturate(70%) hue-rotate(197deg) brightness(108%) contrast(318%) !important;
        filter: invert(70%) sepia(44%) saturate(89%) hue-rotate(197deg) brightness(108%) contrast(318%) !important;
    }

    .nav1 #rightsidebar .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
        transform: translate(67%,-98% ) matrix(2.42, -0.666, -0.1755, 0.666, 0, 0) scale(1) translate(-50%, 50%) rotate3d(1, 1, 1, 90deg) !important;
        left: 200px;
        transform: translate(57%,-72% ) matrix(2.22, -0.3666, -0.01555, 0.5, 0, 0) scale(1) translate(-50%, 50%) rotate3d(1, 1, 1, 90deg) !important;
    }

    .nav1 #rightsidebar .map-marker-centered {
        transform: matrix(0.9, -1, 1.5, 2, 0, 0);
        margin-left:-25px;
    }

    .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom:hover {
        opacity: 1;
    }

    .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
        white-space: nowrap;
    }
    .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
        border: 2px solid rgba(0,0,0,0.02) !important;
    }
    .leaflet-popup-content-wrapper, .leaflet-popup-tip {
        background: white;
        color: #333;
        box-shadow: 0 2px 8px rgb(0 0 0 / 27%);
        border-radius: 4px;
    }

    .leaflet-map-pane svg {
        z-index: 200;
        width: 33px;
    }

    .leaflet-control {
        float: right !important;
    }

    .leaflet-control .selected {
        background-color: #694ca724;
    }

    div.leaflet-interactive:hover {
        margin-top: -61px !important;
    }

    .sidebar {
        margin-left: 12px;
        margin-right: -10px;
    }
	
    .leaflet-control i {
        border: 0;
        padding: 5px 4px;
        display: block;
        background: rgb(255 255 255 / 68%);
        margin-right: 5px;
        width: 24px;
        margin-top: 4px;
        font-size: 14px;
        color: #3e579d;
        cursor: pointer;
        border-radius: 3px;
    }

    .mappopup {
        position: absolute;
        bottom: 16px;
        z-index: 9999;
        background: #FFF;
        border-radius: 3px;
        padding: 10px 10px;
        margin-right: 0px;
    }

    .mappopup i {
        border: none;
        font-size: 17px;
        font-weight: bold;
        position: absolute;
        top: 4px;
        padding: 3px 8px;
        color: #9ba3ad;
        right: 0px;
        border-radius: 3px;
        cursor: pointer;
    }

    .mapboxgl-ctrl-attrib-inner {
        display: none !important;
    }
    
    .card h3 i {
        margin-left: 0px;
        background-size: 18px;
    }

    .leftsidebar {
        padding: 0px 0px 50px 0% !important;
        float: left;
        width: 16.34%;
        color: #4f5769;
        margin-top: 55px;
        position: absolute !important;
        z-index: 9999999;
        display: none;
    }

    .sidebaropen.leftsidebar {
        display: block;
    }

    
    .sbb .categories li {
        border-bottom: 0px dashed #ffffff13;
        padding: 5px 8px 5px 8px;
        font-size: 10px;
        font-family: "Open Sans";
        font-weight: normal;
        color: #2c3039;
        cursor: pointer;
        border-radius: 4px 4px 0 0;
    }

    .moon .categories li {
        color: #4f5769;
    }

    .sbb .geo.categories {
        margin-left: 2px;
        width: 130%;
        max-width: 222px;
        position: absolute;
        right: 108px;
        background: #F7F7F9;
        top: 44px;
        z-index: 22;
        border-radius: 4px 4px 0 0;
        box-shadow: 0 -3px 0 #FFFFFF inset;
    }

    .moon .sbb .geo.categories {
        background: #11141a;
        box-shadow: 0 -3px 0 #0000000a inset;
    }

    .geo.geo1 li.region, .geo.geo2 li.city, .geo.geo3 li.district {
        color: #131313;
        background: #fffffffc;
    }

    .moon .geo.geo1 li.region, .moon .geo.geo2 li.city, .moon .geo.geo3 li.district {
        color: #afbbd6;
        background: #191b26;
        box-shadow: none;
    }

    .sbb .geo.categories li {
        display: inline-block;
        margin-right: 0px;
        margin-left: 2px;
        margin-bottom: 0px;
        padding: 4px 12px 5px 6px;
    }

    .categories.geofilter {
        display: inline-block;
        padding: 1px 1px 4px;
        border-radius: 0 0 3px 3px;
    }
    .categories.geofilter li {
        padding: 5px 5px 4px 5px;
        font-size: 11px;
        font-family: Open Sans;
        font-weight: 600;
        color: #ccccd8;
        cursor: pointer;
        display: inline-block;
        box-shadow: 0 1px 3px rgb(0 0 0 / 13%), 0 13px 0px rgb(255 255 255 / 9%) inset;
        border-radius: 3px;
        margin-right: 1px;
        margin-bottom: 3px;
        margin-top: 3px;
        background: #2c2c5a;
        margin-left: 1px;
    }

    .moon .categories.geofilter li {
        padding: 5px 5px 4px 5px;
        box-shadow: 0 1px 3px rgb(0 0 0 / 13%), 0 13px 0px rgb(255 255 255 / 15%) inset;
        background: #4a3c7a;
        color: #ccccd5;
    }

    .categories.geofilter li:hover {
        box-shadow: 0 1px 4px rgb(0 0 0 / 22%);
    }

    .categories.geofilter li.active {
        box-shadow: 0 1px 2px rgb(0 0 0 / 38%) inset;
        background: #1a1b3c;
    }

    .moon .categories.geofilter li.active {
        box-shadow: 0 1px 2px rgb(0 0 0 / 38%) inset;
        background: #2e2452;
        color: #c1c0d3;
    }

    .categories.geofilter li i {
        margin-right: 0px;
    }

    .categories.geofilter li b {
        color: #c8c9dd;
    }

    #subfilter {
        display: inline;
        font-size: 12px;
        margin-right: 2px;
        padding-bottom: 2px;
        font-weight: normal;
        margin-top: 6px;
    }

    #subfilter input[type="number"] {
        padding-left: 6px;
    }


    #subfilter sub {
        display: inline;
        margin-left: 5px;
        margin-bottom: 5px;
    }
     
    .catid option[value="14"] {
        display: none;
    }

    .catid.news option[value="14"] {
        display: block;
    } 

    #subfilter nav {
        padding: 3px 0px 0px;
        border-radius: 3px;
        font-weight: normal;
        margin: 1px 5px 4px 4px;
        width: auto;
        display: inline-block;
        text-align: left;
    }

    #subfilter nav s {
        display: inline-block;
        max-width: 62px;
        margin: 0px 1px 0;
        text-align: center;
        font-size: 10px;
        border: 1px solid #ffffff30;
        padding: 2px 5px 5px;
        border-radius: 3px;
        cursor: pointer;
        overflow: hidden;
        vertical-align: middle;
    }

    #subfilter nav s:hover {
        border: 1px solid #ffffff66;
        color: #ffffffe6;
        background: #ffffff1c;
    }

    #subfilter nav s::before {
        display: block;
        height: 22px;
        margin: 0 auto;
        width: 23px;
    }


    .posts-filter .shield {
        margin-left: 2px;
    }

    #subfilter nav b {
        background: #0609327a;
        padding: 3px 5px;
        border-radius: 3px;
        border-bottom: 1px solid #131241;
        cursor: pointer;
        margin-top: 5px;
        display: inline-block;
        text-align: center;
        margin-left: 2px;
    }

    s.sale10, s.rent2, .posts-filter dt, .quick dt {
        box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
        border-bottom: 1px solid #1d1c3e63;
        color: #8691a3;
        padding: 5px 10px 5px 10px;
        border-radius: 3px;
        cursor: pointer;
        margin-left: 0px;
        display: inline-block;
        margin-right: -3px;
        vertical-align: top;
        font-weight: normal;
        margin-top: -2px;
        text-shadow: 0 1px 3px #00000042;
        font-size: 11px;
        max-width: 50%;
        white-space: nowrap;
        position: relative;
        z-index: 9;
        text-align: center;
    }

    s.sale10.active, s.rent2.active, .posts-filter dt.active, .quick dt.active {
        box-shadow: 0 1px 4px rgb(0 0 0 / 38%) inset;
        background: #1a1b3c85;
        color: #edeef4;
        z-index: 1;
    }

    #subfilter button {
        padding: 6px 10px;
        margin: -2px 5px;
    }

    #subfilter .fa-coins {
        font-size: 18px;
        vertical-align: middle;
        color: #ffff66;
        margin-right: 2px;
    }

    #subfilter .fa-layer-group {
        color: #e3eaf5;
        font-size: 18px;
        vertical-align: middle;
        margin-right: 2px;
    }

    .sbb .categories li:last-child {
        border-bottom: 0px dashed #CFD1D3;
    }

    .categories li b {
        border-radius: 2px;
        padding: 0px 2px 0px;
        font-size: 9px;
        background: #6766805e;
        color: #dcdeea;
        font-weight: bold;
        margin-left: 1px;
        padding: 0px 2px 0px;
        text-align: center;
        font-size: 7px;
        margin-top: -6px;
        margin-left: -1px;
        position: absolute;
    }
    
    .moon .categories li b {
        background: #ffffff36;
        color: #0c0e1b;
    }    

    

    .categories li:hover b, .geo.geo1 li.region b, .geo.geo2 li.city b, .geo.geo3 li.district b {
        background: #e33535;
        background: #e33535a8;
        color: #FFF;
    }

    .categories li i {
        opacity: 1;
        color: red;
        background: yellow;
        padding: 1px 1px 1px 1px;
        border-radius: 10px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNMjIuMTM3IDE5LjYyNUwzMiAxMkgyMEwxNiAwbC00IDEySDBsOS44NzUgNy41OTRMNiAzMmwxMC4wMTYtNy42OEwyNi4wMDggMzJ6IiBmaWxsPSIjZjEwMTAxIi8+PC9zdmc+);
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        background-color: #ffe20fb5;
        
        background-size: 14px;
        background-position: 1px 0px;
        vertical-align: middle;
        filter: grayscale(1);
        opacity: 0.3;
        display: inline-block;
    }

    .moon .categories li i {
        filter: grayscale(1) brightness(3.5);
        background-color: #ffe20f0d;
    }


    i.powero {
        margin-left: 130px;
        border-radius: 30px;
        width: 24px;
        height: 24px;
        border: 3px solid #FFF;
        margin-top: 5px;
        position: fixed;
        background: #d5cfe2;
        right: 33px;
        bottom: 94px;
        z-index: 999999999;
        box-shadow: 0 0 0px 6px #d5cfe2, 0 0 9px 6px #00000022;
        cursor: pointer;
        transform: scale(0.8);
    }

    .moon i.powero {
        border: 3px solid #9a99ad;
    }

    .nav2 i.powero {
        display:none;
    }

    .moon i.powero { 
        background: #312f59;
        box-shadow: 0 0 0px 6px #312f59, 0 0 9px 6px #00000033;
    }

    i.powero:hover {
        background: #57328c;
        box-shadow: 0 0 0px 6px #57328c, 0 0 9px 6px #00000099;
    }

    i.powero::before {
        content: "";
        margin-left: 4px;
        border-radius: 7px;
        width: 11px;
        height: 24px;
        margin-top: -9px;
        position: absolute;
        background: #FFF;
        border: 4px solid #d5cfe2;
    }

    .moon i.powero::before {
        border: 4px solid #312f59;
        background: #9a99ad;
    }

    i.powero:hover::before {
        border: 4px solid #57328c;
    }

    .categories li:hover i, .geo.geo1 li.region i, .geo.geo2 li.city i, .geo.geo3 li.district i {
        filter: none;
        opacity: 1;
        background-color: #ffe20f;
    }

    .moon .categories li:hover {
        color: #fff;
      }

      #icosroadmap {
        border-left: 0px solid #f0f1f3;
        margin-left: 2px;
        padding-bottom: 0px;
        font-size: 11px;
        padding-top: 0px;
        background: #fffffffc;
        padding-left: 4px;
        margin-bottom: 8px;
        margin-top: 0px;
    }

    #icosroadmap ul {
        margin-top: 6px;
    }


    .moon #icosroadmap {
        border-left: 2px solid #11142233;
        background: #12132100;
    }
    
    #icosroadmap li {
        padding: 5px 32px 3px;
        position: relative;
        font-size: 11px;
        color: #222;
        cursor: pointer;
        border-bottom: 1px solid #00000005;
        border-top: 2px solid #f6f6f626;
    }

    #icosroadmap li i {
        position: absolute;
        left: -4px;
        width: 33px;
        height: 33px;
        color: transparent;
        z-index: 99999;
        top: 0;
    }

    #icosroadmap li:hover {
        background: #ffffff26;
        color: #000 !important;
    }

    .moon #icosroadmap li.prev {
        color: #bec6d9;
    }

    .moon #icosroadmap li:hover {
        background: #5355bc08;
        color: #a9afc7 !important;
    }

    #icosroadmap li.exp {
        background: transparent !important;
        transform:none !important;
    }

    .moon #icosroadmap li, .moon #icosroadmap li.now {
        color: #57647a;
        border-top: 1px solid #f6f6f60a;
        border-bottom: 1px solid #08091bcc;
    }

    .moon #icosroadmap li, .moon #icosroadmap li.now {
        color: #ffffff;
        border-top: 3px solid #b2cbff00;
        border-bottom: 3px solid #08091500;
        font-size: 13px;
    }




    #icosroadmap li li:after {
        color: #a9bbc9;
        filter: invert(1) !important;
        left: 6px !important;
        top: 11px !important;
        background-size: 10px !important;
        opacity: 0.7;
    }

    #icosroadmap li li.prev:after {
        left: 5px !important;
    }

    #icosroadmap li li:before {
        filter: none !important;
        width: 22px !important;
        border-width: 1px !important;
        background-position: 4px 3px !important;
        opacity: 0.1;
        height: 22px !important;
    }

    #icosroadmap li li.prev:before, #icosroadmap li li.now:before {
        opacity: 0.8;
        height: 20px;
    }

    #icosroadmap b {
        color: #131313;
        cursor: pointer;
        opacity: 0.42;
        font-weight: normal;
    }

    #icosroadmap u {
        color: #ffffff;
        cursor: pointer;
        opacity: 0.8;
        background: #60298a;
        padding: 0px 4px 1px;
        border-radius: 3px;
        font-size: 11px;
        margin: 0 0px 0 3px;
    }

    #icosroadmap u:hover {
        background: #4a0ec8;
        opacity: 1;
    }

    #icosroadmap em em u {
        background: #691e2d;
    }

    #icosroadmap b:hover {
        opacity: 1;
    }

    .moon #icosroadmap b {
        color: #7b81a1;
        font-size: 10px;
        opacity: 1;
    }

    .moon #icosroadmap b:hover {
        opacity: 0.4;
    }

    #icosroadmap s {
        font-size: 11px;
        opacity: 0.666;
    }
    
    #icosroadmap li::before {
        content: " ";
        width: 22px;
        height: 22px;
        border: 2px solid #c9d7e3;
        border-radius: 3px;
        background: #FFFFFF;
        display: inline-block;
        margin-left: -26px;
        box-shadow: 0 0 0px 2px #FFF;
        margin-bottom: -7px;
        margin-top: 10px;
        margin-right: 10px;
        line-height: 1em;
        font-weight: 900;
    }

    #icosroadmap li::before {
        content: " ";
        width: 22px;
        height: 22px;
        border: 2px solid #c9d7e3d9;
        border-radius: 3px;
        background: #ffffff;
        display: inline-block;
        margin-left: -26px;
        box-shadow: 0 1px 3px #00000026;
        margin-bottom: 3px;
        margin-top: 0px;
        margin-right: 10px;
        line-height: 1em;
        font-weight: 900;
        vertical-align: middle;
    }

    .moon #icosroadmap li::before {
        border: 1px solid #3858a4;
        background-color: #0f1424;
        box-shadow: 0 0 0px 2px #232a4c;
    }
    
    #icosroadmap li.prev::before {
        content: "";
        background: #6bda6b;
        border: 2px solid #36cd36;
        font-size: 12px;
        color: #FFF;
        padding: 2px 2px 2px 2px;
        width: 22px;
        height: 22px;
        line-height: 1em;
    }

    .moon #icosroadmap li.prev::before {
        background: #2e942e;
        border: 2px solid #08af08;
    }

    #icosroadmap li.prev::after, #icosroadmap li.now::after, .tasks p.prev::after {
        content: "";
        width: 22px;
        height: 22px;
        display: inline-block;
        background-size: 10px;
        background-position: center 1px !important;
        background-repeat: no-repeat;
        position: absolute;
        left: 6px;
        top: 11px;
    }

    .checklist em em {
        display: inline;
        opacity: 0.42;
        margin-left: 13px;
    }

    .bi {
        padding: 2px 6px 2px 3px;
        background: #ffffff14;
        box-shadow: 0 0 0 1px rgb(255 255 255 / 6%) inset !important;
        color: #000;
        border-radius: 3px;
        cursor: pointer;
        margin-left: 5px;
        font-size: 11px;
        opacity: 0.666;
        margin-right: 5px;
    }

    .moon .bi {
        color: #e2e5e9;
        background: no-repeat;
        box-shadow: none !important;
    }

    .bi:hover {
        box-shadow: 0 0 0 1px rgb(255 255 255 / 26%) inset !important;
        background: #ffffff26;
        opacity: 1;
    }

    .checklist em:hover em {
        opacity: 1;
    }

    .checklist em::before, #icosroadmap ul li::before {
        content: "";
        display: inline-block;
        background-size: 13px;
        background-position: center 0;
        background-repeat: no-repeat;
        margin-right: 10px;
        border: 1px solid #e2e4e621;
        padding: 8px 10px 6px;
        border-radius: 2px;
        margin-left: 5px;
        cursor: pointer;
        margin-top: 1px;
    }

    .checklist em.s::before, #icosroadmap ul li.s::before {
        filter: invert(29%) sepia(51%) saturate(2878%) hue-rotate(113deg) brightness(151%) contrast(97%) drop-shadow(0px 1px 1px #00000035);
        
    }

    .checklist em.a::before, #icosroadmap ul li.a::before {
        filter: invert(29%) sepia(51%) saturate(2878%) hue-rotate(13deg) brightness(151%) contrast(97%) drop-shadow(0px 1px 1px #00000035);
        
    }

    #icosroadmap li.prev::after,.checklist em::before, #icosroadmap ul li::before, ul li.st0 > b {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTUuNiIgaGVpZ2h0PSI0MTUuNiI+PHBhdGggZD0ibTQxMSA5Ni00Ni00NmExNCAxNCAwIDAgMC0yMCAwTDE1MiAyNDNsLTgyLTgyYTE0IDE0IDAgMCAwLTIwIDBMNCAyMDdhMTQgMTQgMCAwIDAgMCAyMGwxMzggMTM4YTE0IDE0IDAgMCAwIDEwIDVjNCAwIDgtMiAxMC01bDI0OS0yNDljMy0yIDUtNiA1LTEwYTE0IDE0IDAgMCAwLTUtMTB6Ii8+PC9zdmc+);
        box-shadow: none !important;
    }

    .tasks p.prev::after, .goalslist ul li i.prev tt {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSI0MTUuNiIgaGVpZ2h0PSI0MTUuNiI+PHBhdGggZD0ibTQxMSA5Ni00Ni00NmExNCAxNCAwIDAgMC0yMCAwTDE1MiAyNDNsLTgyLTgyYTE0IDE0IDAgMCAwLTIwIDBMNCAyMDdhMTQgMTQgMCAwIDAgMCAyMGwxMzggMTM4YTE0IDE0IDAgMCAwIDEwIDVjNCAwIDgtMiAxMC01bDI0OS0yNDljMy0yIDUtNiA1LTEwYTE0IDE0IDAgMCAwLTUtMTB6Ii8+PC9zdmc+);
        box-shadow: none !important;
        background-size: 10px;
        background-repeat: no-repeat;
        background-position: center 5px;
    }

    #icosroadmap li.now::after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik0xMzMsNDQwYTM1LjM3LDM1LjM3LDAsMCwxLTE3LjUtNC42N2MtMTItNi44LTE5LjQ2LTIwLTE5LjQ2LTM0LjMzVjExMWMwLTE0LjM3LDcuNDYtMjcuNTMsMTkuNDYtMzQuMzNhMzUuMTMsMzUuMTMsMCwwLDEsMzUuNzcuNDVMMzk5LjEyLDIyNS40OGEzNiwzNiwwLDAsMSwwLDYxTDE1MS4yMyw0MzQuODhBMzUuNSwzNS41LDAsMCwxLDEzMyw0NDBaIi8+PC9zdmc+);
        left: 6px;
        opacity: 0.8;
        top: 10px;
        background-size: 11px;
    }

    #icosroadmap li.now::before {
        content: "";
        background: #3a92ff;
        border: 2px solid #2879bf;
        font-size: 9px;
        color: #FFF;
        padding: 3px 1px 2px 5px;
        width: 22px;
        height: 22px;
        line-height: 1em;
        transform: scale(1.04);
    }
    
    .moon #icosroadmap li.now::before {
        border: 1px solid #456afc;
        background: #1a2242;
    }
    
    .checklist {
        margin-top: 20px;
        display: block;
        
    }
    
    .checklist.dark {
        background: #d1cfe424;
        color: #fffffff7;
        padding: 10px 10px;
        box-shadow: 0 1px 8px rgb(0 0 0 / 13%) inset;
    }

    .moon .checklist.dark {
        color: inherit;
        background: #00000013;
    }
    
    #icosroadmap li ul li {
        display: block;
        font-style: normal;
        margin-bottom: 0px;
        color: #222;
        font-size: 11px;
        padding: 4px 0 2px;
    }

    .moon .checklist em {
        color: #d4d9e3;
        font-style: normal;
        display: block;
    }
    
    em i {
        color: #30cc0f;
        font-size: 11px;
        margin-right: 5px;
    }
    
    .ismall {
        max-width: 40px;
        display: inline-block;
        margin-right: 10px;
        margin-left: 4px;
    }
    
    
    .roadmap, .hrptimeline {
        border-left: 2px solid #c9d7e3;
        margin-left: 19px;
        padding-bottom: 20px;
    }
    
    .roadmap li, .hrptimeline li {
        padding: 0px 15px 2px;
    }
    
    .roadmap li::before, .hrptimeline li::before {
        content: " ";
        width: 18px;
        height: 18px;
        border: 2px solid #c9d7e3;
        border-radius: 50%;
        background: #FFFFFF;
        display: inline-block;
        margin-left: -25px;
        box-shadow: 0 0 0px 2px #FFF;
        margin-bottom: -5px;
        margin-top: 10px;
        margin-right: 7px;
        line-height: 9px;
        font-weight: 900;
    }
    
    .roadmap li.prev::before, .hrptimeline li.prev::before {
        content: "\f00c";
        font-family: "Font Awesome 5 Free";
        background: #6bda6b;
        border: 2px solid #36cd36;
        font-size: 11px;
        padding: 2px 2px 2px 2px;
        color: #FFF;
    }
    
    .cili li a:before {
        font-family: "Font Awesome 5 Free";
        content: "\f00c";
        color: #6a63a6;
        display: inline-block;
        width: 16px;
        height: 20px;
        font-weight: 900;
    }
     
    .ci1:before { content: "\f722" !important; }
    .ci2:before { content: "\f29a" !important; }
    .ci3:before { content: "\f553" !important; }
    .ci4:before { content: "\f807" !important; }
    .ci5:before { content: "\f53f" !important; }
    .ci6:before { content: "\f501" !important; }
    .ci7:before { content: "\f64a" !important; }
    .ci8:before { content: "\f291" !important; }
    .ci9:before { content: "\f66f" !important; }
    .ci10:before { content: "\f275" !important; }
    .ci11:before { content: "\f5fc" !important; }
    .ci12:before { content: "\f24e" !important; }
    .ci13:before { content: "\f0a1" !important; }
    .ci14:before { content: "\f1ea" !important; }
    .ci15:before { content: "\f0f0" !important; }
    .ci16:before { content: "\f07a" !important; }
    .ci17:before { content: "\f562" !important; }
    .ci18:before { content: "\f48b" !important; }
    .ci19:before { content: "\f5b0" !important; }
    
    .roadmap li.now::before, .hrptimeline li.now::before {
        content: "\f04b";
        font-family: "Font Awesome 5 Free";
        background: #5fb5ff;
        border: 2px solid #005faf;
        font-size: 7px;
        color: #FFF;
        padding: 3px 1px 2px 6px;
        text-indent: -1px;
        line-height: 1em;
    }
    
    #hhmessage {
        position: absolute;
        top: 0px;
        left: 0.5%;
        padding: 0px 6px 2px;
        background: #d558d4;
        background-size: auto;
        color: #ffffff;
        border-radius: 10px 2px;
        background-size: 96px;
        font-size: 12px;
        margin-left: 0px;
        transition: width 1.3s, height 1.3s, transform 1.3s;
        width: 118px;
        background: linear-gradient(130deg, #21284c 0%, #503088 11%, #9f4aa6 61%, #ff176d 97%, #b9245b 100%);
        text-indent: 0px;
        text-align: center;
    }

    .moon #hhmessage {
        background: #191b26;
    }

    .submenu:hover  #hhmessage {
        transform: rotateX(360deg);
    }

    #hhmessage i {
        font-size: 10px;
        color: #710CB8;
        color: #ff3e37;
    }    

    .adddos {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 100px;
    }

.moon .adddos {
    color: #5d6271;
}

    .adddos p {
        display: inline-block;
        margin: 0px 0 0px;
        border-bottom: 1px solid #00000006;
        padding: 7px 6px;
        border-top: 1px solid #f6f6f638;
        color: #151414;
        background: none;
        width: 100%;
        cursor: pointer;
        font-size: 11px;
    }


    .adddos p b {
        font-weight: normal;
        border: 1px solid #131e2921;
        padding: 6px 6px;
        border-radius: 2px;
        margin: -3px 0 -3px 10px;
        font-size: 10px;
        background: #ffffff29;
        display: inline-block;
        line-height: 10px;
        box-shadow: 0 1px 4px rgb(0 0 0 / 5%), 0 1px 0px rgb(255 255 255 / 20%) inset;
        height: 23px;
    }

    .moon .adddos p b {
        border: 1px solid #131e2921;
        background: #ffffff06;
        box-shadow: 0 1px 4px rgb(0 0 0 / 37%), 0 1px 0px rgb(255 255 255 / 3%) inset;
    }

    .adddos u {

        display: inline-block;
        margin-left: 10px;
    }

    .moon .adddos p {
        display: inline-block;
        margin: 0px 0 0px;
        padding: 6px 11px;
        border-top: 1px solid #f6f6f605;
        color: #57647a;
        background: #1e213724;
        min-width: 94%;
        cursor: pointer;
        font-size: 11px;
    }

    .adddos p:hover, .adddos p.active {
        color: #2e66fa;
        background: #00000003;
    }

    .moon .adddos p:hover, .moon .adddos p.active {
        color: #e4e8ed;
        background: #2f336e;
        border-radius: 3px;
    }

    .adddos label {
        display: inline-block;
        padding: 5px;
        line-height: normal;
        cursor: pointer;
    }

    .adddos .xelect, .hhlogin select {
        display: inline-block;
        max-width: 103px;
        padding: 6px 5px 6px 4px;
        vertical-align: initial;
        border: none;
        border-radius: 3px;
        margin-right: 5px;
        font-size: 12px;
        box-shadow: 0 1px 2px #00000033 inset;
        cursor: pointer;
        color: #131313 !important;
    }


    .moon .adddos .xelect {
        background-color: #0f1223;
        color: #9499af;
        color: #5e678b;
        margin-left: 3px;
    }

    .adddos .xelect:hover, .moon .adddos .xelect:hover {
        color: #e1e3ed;
    }

    .productlist s {
        border: 1px solid #FFFFFF;
        margin: 6px 9px 16px -5px;
        vertical-align: baseline;
        background: #e6e6ed;
        padding: 4px 2px 5px 2px;
        color: #5b6686;
        line-height: 19px;
        height: 30px;
        font-size: 13px;
        vertical-align: middle;
        box-shadow: 0 1px 0 #d7dee6;
    }

    .productlist s {
        background: #f3f3f4;
        background: #FFFFFF;
    }

    .moon .productlist s {
        box-shadow: 0 2px 0 #13161e;
    }

    .productlist s b {
        margin-bottom: 5px;
    }

    #xuser {
        display:none;
    }

.mun {
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgdmlld0JveD0iMCAwIDI0IDI0Ij48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI1Ii8+PHBhdGggZD0iTTEyIDF2Mm0wIDE4djJNNCA0bDIgMm0xMiAxMiAyIDJNMSAxMmgybTE4IDBoMk00IDIwbDItMk0xOCA2bDItMiIvPjwvc3ZnPg==);
}

.mun {
    text-shadow: 12px 0px 0 #e5eaf4;
    height: 42px;
    width: 42px;
    margin-right: 5px;
    display: inline-block;
    background-size: 20px !important;
    background-repeat: no-repeat !important;
    margin-top: 7px;
    cursor: pointer;
    background-position: center;
    filter: invert(27%) sepia(51%) saturate(550%) hue-rotate(217deg) brightness(183%) contrast(84%);
}

i.mun {
    position: fixed;
    bottom: 10px;
    left: 0px;
}

.moon .mun {
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjEgMTNBOSA5IDAgMSAxIDExIDNhNyA3IDAgMCAwIDEwIDEweiIvPjwvc3ZnPg==);
}

    .moon .productlist s {
        border: 1px solid #424b6c;
        background: #30335b;
        color: #a8b3d2;
    }

    .moon .productlist s {
        border: 1px solid #2a304e75;
        background: #1d203c91;
        color: #8089a3;
    }

    .productlist s:hover, .productlist s.active {
        background: #e7f0ff;
        color: #000000;
        border: 1px solid #4abcff;
        box-shadow: 0 1px 3px rgb(48 51 76 / 13%);
        text-shadow: 0 0px 5px white;
    }

    .moon .productlist s:hover {
        color: #ffffff;
        background: #1d2040;
        border: 1px solid #4a46b1;
    }

    .moon .productlist s.active, .moon .geoopt li.a, .moon .addavatar .geoopt li.a, .moon .adddos .geoopt li.a {
        color: #ffffff;
        background: #2f336e;
        border: 1px solid #4a46b1;
        text-shadow: none;
    }

    .spac {
        background: #F4F5F6;
        border-top: 1px solid #e2e5ea;
        margin-bottom: 2px;
        margin-top: 12px;
        padding: 2px;
    }

    .spac.t {
        padding: 4px 11px;
        border: 0px;
        font-size: 11px;
        color: #555;
    }

    .hg {
        background: #F0F8DC;
        border: 1px solid #cbe78a;
    }

    .hb {
        background: #eceff5;
        border: 1px solid #c9d5eb;
    }

    .hy {
        background: #faf6e5;
        border: 1px solid #e8dea6;
    }

    .redbut {
        background: #f70000 none repeat scroll 0 0;
        border: 0px solid #bd0a0a;
        border-radius: 3px;
        box-shadow: 0 1px 4px rgb(0 0 0 / 30%);
        color: #ffffff;
        margin-right: 10px;
        margin-top: 0px;
        text-shadow: 0 1px 1px rgb(96 28 28 / 48%);
        border-bottom: 2px solid #bd0a0a;
        padding: 5px 13px 6px;
        vertical-align: text-bottom;
        font-weight: bold;
        cursor: pointer;
        font-size: 12px;
    }

    .redbut:hover {
        opacity: 0.8;
        color: #ffffffd6;
    }

    .redbut:active {
        border-bottom-width: 0px !important;
        box-shadow: 0 1px 4px rgb(0 0 0 / 30%), 0px 2px 14px #296cc94f;
    }
    
    .redbut.b {
        background: #2c2c63 none repeat scroll 0 0;
        border-bottom: 2px solid #181c34;
        text-shadow: 0 1px 1px rgb(25 32 50 / 83%);
    }

    .redbut.b:hover {
        background: #29295c none repeat scroll 0 0;
        border-bottom: 2px solid #111425;
    }

    .adddos input {
        margin: 8px 0;
        max-width: 50px;
    }

    .acts {
        display: inline-block;
        color: #333a4e;
    }

    .acts ul ul {
        margin-left: 10px;
    }

    .imgbox {
        overflow: hidden;
    }

    .imgbox li {
        display: inline-block;
        position: relative;
        height: 119px;
        overflow: hidden;
        width: 88px;
        margin: 10px 2px 5px;
        cursor: grab;
        background: rgb(0 0 0 / 5%);
        text-align: center;
        border-radius: 3px;
    }

    .moon .imgbox li {
        background: rgba(0,0,0,0.1);
    }

    .imgbox li:active {
        cursor: grabbing; 
    }

    .dragging {
        transition: 0.0001s;
        transform: translateX(-9px);
        opacity: 0;
    }

    .draghov {
        opacity: 0.3;
        transform: translateX(-5px);
        filter: blur(2px);
    }

    .imgbox li:hover img {
        transform: translateX(4px) scale(1.18);
    }

    .imgbox b {
        position: absolute;
        z-index: 2;
        right: 0;
        bottom: 4px;
        font-size: 10px;
        padding: 2px 5px 3px !important;
        background: rgb(22 20 82 / 66%);
        color: #ffffffa8;
        font-weight: normal;
        border-radius: 4px 0 0 2px;
        cursor: pointer;
    }

    .productlist {
        margin: 25px 0 113px;
        background: rgb(0, 0, 0, 0) linear-gradient(156deg, #2f386c, #563280, rgb(255, 0, 94)) repeat scroll 0 0;
        padding: 16px 28px 7px 28px;
        border-radius: 8px;
        box-shadow: 0 1px 16px rgb(0 0 0 / 23%);
        font-size: 11px;
        color: #e3e5e9;
        display: none;
        position: absolute;
        left: 180px;
        top: 50px;
        z-index: 999999;
        right: 55px;
    }

    .row .prodedit {
        width: 100%;
        display: inline-block;
        font-size: 14px !important;
        height: auto;
        padding: 9px 13px;
        text-align: center;
        opacity: 1;
    }

    .row .prodedit::before {
        font-size: 20px !important;
        vertical-align: text-top;
        margin-left: -6px;
    }

    .productlist.a {
        display: block;
    }

    .moon .productlist {
        margin: 25px 0 113px;
        background: #f0f0f4;
        background: rgb(0, 0, 0, 0) linear-gradient(156deg, #2f386c, #563280, rgb(255, 0, 94)) repeat scroll 0 0;
        padding: 16px 28px 7px 28px;
        border-radius: 10px;
        box-shadow: 0 1px 12px rgb(0 0 0 / 91%) !important;
        font-size: 11px;
        color: #dee3ef;
        position: absolute;
    }
    
    .productlist hr {
        display: inline-block;
        width: 100%;
        border-top: 1px solid #0d0f103d;
        margin: 10px 0 5px;
        border-bottom: 1px solid #ffffff24;
        border-right: 0 solid;
        border-left: 0 solid;
    }

    .productlist input[type="text"] {
        border-radius: 26px;
    }

    .productlist img {
        width: 108px;
    }


    .productlist input {
        margin: 6px 6px 6px 4px;
        max-width: 44px;
        background: #f7fafb !important;
        color: #454a5a;
        padding: 6px 0 5px 7px;
        border-radius: 3px;
        font-size: 11px;
    }


      .moon .productlist input {
        background: #0f1222 !important;
        color: #9198b4;
    }

    .moon .productlist input {
        background: #00000037 !important;
        color: #9198b4;
    }




.storegrid i::before, #avatar i::before {
    width: 36px;
    margin-top: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 88%;
    content: "";
    height: 36px;
    display: inline-block;
    will-change: filter,transform;
}

.storegrid i:hover::before, #avatar i:hover::before {
    filter: drop-shadow(0px 2px 8px #296cc9cf);
    transform: scale(2.2);
    z-index: 2;
    position: relative;
}


.shld {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZjZiYjQyIiBkPSJNNDg3IDEwMHYtMWMwLTExLTgtMTktMTktMTlBMzIyIDMyMiAwIDAgMSAyNjYgM2MtMy0yLTYtMy0xMC0zLTUgMC0xMCAyLTEzIDVDMTc2IDY4IDgxIDc4IDQ0IDgwYy0xMSAwLTE5IDgtMTkgMTl2M2M2IDE4NyAxMTggMzMzIDIyMCA0MDZ2MWExOSAxOSAwIDAgMCAyMiAwbDEtMXYtMWE1NTIgNTUyIDAgMCAwIDE5Ny0yNzRjMTMtNDMgMjEtODcgMjItMTMydi0xeiIvPjxwYXRoIGZpbGw9IiNmZmNlNTQiIGQ9Ik00NDUgMTEwYy0yNi0yLTUwLTctNzQtMTQtNDItMTItNzgtMzAtMTA4LTU0LTQtMy0xMC0zLTE0IDAtMzAgMjQtNjYgNDItMTA4IDU0LTI0IDctNDggMTItNzQgMTQtNSAxLTEwIDYtOSAxMmE0NjggNDY4IDAgMCAwIDY4IDIwOSA1MjcgNTI3IDAgMCAwIDEzMCAxNDNsNy0yYTUxOCA1MTggMCAwIDAgMTkxLTM1MWMxLTUtNC0xMC05LTExeiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNTYgNDA1Yy02IDAtMTEtNC0xMS0xMFYxMTdhMTEgMTEgMCAwIDEgMjIgMHYyNzhjMCA2LTUgMTAtMTEgMTB6IiBvcGFjaXR5PSIuMiIvPjwvc3ZnPg==);
    width: 13px;
    display: inline-block;
    height: 13px;
}


/* Units */
.page::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iI0I0QUNCQyIgZD0iTTQuNSAyYTEgMSAwIDAgMC0xIDF2MjJjMCAyLjMgMiA1IDQuNSA1aDE3LjVhNCA0IDAgMCAwIDMuNS00YzAtLjYtLjQtMS0xLTFoLTIuNVYzYzAtLjYtLjQtMS0xLTFoLTIwWiIvPjxwYXRoIGZpbGw9IiNGM0VFRjgiIGQ9Ik01IDNjLS4zIDAtLjUuMi0uNS41YTQ5NDM4OS4zIDQ5NDM4OS4zIDAgMCAwIDAgMjFDNC41IDI3IDYuNSAyOSA5IDI5YzEuMy0uNiAyLjMtMS43IDIuNS0zIDAtLjYuNC0xIDEtMWgxMlYzLjVjMC0uMy0uMi0uNS0uNS0uNUg1WiIvPjxwYXRoIGZpbGw9IiM5OThFQTQiIGQ9Ik04LjUgMTBhLjUuNSAwIDAgMCAwIDFoMTJhLjUuNSAwIDAgMCAwLTFoLTEyWm0wIDNhLjUuNSAwIDAgMCAwIDFoMTJhLjUuNSAwIDAgMCAwLTFoLTEyWk04IDE2LjVjMC0uMy4yLS41LjUtLjVoMTJhLjUuNSAwIDAgMSAwIDFoLTEyYS41LjUgMCAwIDEtLjUtLjVabS41IDIuNWEuNS41IDAgMCAwIDAgMWg3YS41LjUgMCAwIDAgMC0xaC03WiIvPjwvc3ZnPg==);
}

#gameresourses i:hover {
        color: #FFF;
        transform: scale3d(1.3, 1.3, 1.5);
    }
    
    .formsgeneratorlinks {
        padding: 0 0px 9px 11px;
        line-height: 1.62;
    }
    
    
    .formsgeneratorlinks a.active {
        color: #3b5999;
    }
    
    
    .formsgeneratorlinks strong {
        margin-top: 0px;
        display: inline-block;
        text-transform: uppercase;
        font-weight: normal;
        vertical-align: middle;
        font-size: 10px;
        border-bottom: 2px solid #dae2ea;
        width: 100%;
        padding-top: 5px;
        margin-bottom: 0px;
        padding-bottom: 4px;
        background: #f7fafd;
        margin-left: -20px;
        padding-left: 10px;
        min-width: 184px;
        background: rgba(0, 0, 0, 0) linear-gradient(145deg, #fafbfd, #f5f8fc) repeat scroll 0 0;
        padding-right: 5px;
        border-radius: 2px 2px 0 2px;
    }
    
    .xforms.formsgeneratorlinks {
        padding: 0;
    }
    
    .xforms.formsgeneratorlinks strong {
        width: 100%;
        margin-left: 0;
        font-size: 13px;
    }
    
    .xheader {
        margin-top: 0px;
        display: inline-block;
        font-weight: normal;
        vertical-align: middle;
        font-size: 10px;
        border-bottom: 3px solid #acc8e4;
        padding-top: 5px;
        margin-bottom: 4px;
        padding-bottom: 4px;
        margin-left: -20px;
        padding-left: 10px;
        min-width: 169px;
        width: 100%;
        margin-left: 0;
        font-size: 14px;
        background: rgba(0, 0, 0, 0) linear-gradient(149deg, #373268, #492e84, rgb(110, 56, 154), #e161b5) repeat scroll 0 0;
        color: #FFF;
        border-radius: 3px 3px;
    }
    
    .xheader i {
        color: #FFF;
    }
    
    .xheader a {
        color: #f7dbe0 !important;
    }
    
    .xformsinner {
        border-left: 10px solid #f7f8fb;
        border-right: 10px solid #f7f8fb;
        padding-bottom: 20px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 5px;
    }
    
    .xforms label {
        cursor: pointer;
        margin-left: 2px;
        vertical-align: middle;
        margin-bottom: 5px;
    }
    
    .formsgeneratorlinks strong i, .xheader i {
        font-size: 18px;
        float: left;
        margin-right: 7px;
        height: 22px;
        display: block;
        color: #6a63a6;
        margin-top: 2px;
    }
    
    .xsubheader {
        margin-top: 0px;
        display: inline-block;
        text-transform: uppercase;
        font-weight: normal;
        vertical-align: middle;
        font-size: 13px;
        border-bottom: 1px solid #f1f3f5;
        width: 100%;
        padding-top: 5px;
        margin-bottom: 0px;
        padding-bottom: 4px;
        background: #f7fafd;
        margin-left: 0px;
        padding-left: 10px;
        min-width: 169px;
        background: rgba(0, 0, 0, 0) linear-gradient(145deg, #fafbfd, #f5f8fc) repeat scroll 0 0;
    }
    
    .formsgeneratorlinks a {
        display: inline-block;
        padding: 3px 0 3px;
        color: #585f71;
    }
    
    .xforms input[type="radio"] {
        margin-left: 5px;
    }
    
    .donationbox {
        float: right;
        width: 408px;
        margin-top: -3px;
        font-size: 11px;
    }
    
    .goldnote {
        border-top: 3px solid #f8dc93;
        background: #faf6e5;
        padding: 8px 9px 8px;
        background: rgba(0, 0, 0, 0) linear-gradient(45deg, #fffae6, #faf6e5) repeat scroll 0 0;
    }
    
    .goldnote {
        border-top: 3px solid #f8ec93;
        padding: 1px 9px 4px;
    } 
    
    .dashedli li {
        width: 100%;
        border-bottom: 1px dashed #CFD1D3;
        border-bottom: 1px dashed #e5e9ec;
    }
    
    .dashedli a {
        padding: 2px 0 0px;
        color: #585f71;
        display: inline-block;
    }
    
    
    
    
    .markedli li {
        text-indent: 0px;
        background-position: 1px center;
        margin-bottom: 0px;
        padding-left: 3px;
        border-bottom: 1px dashed #e3e6e9;
        padding-top: 4px;
        padding-bottom: 6px;
        cursor: pointer;
        background-size: 5px;
        margin-left: 6px;
        font-size: 11px;
    }

    .moon .markedli li {
        border-bottom: 1px dashed #cfd1d326;
    }

    .markedli li:last-child {
        border-bottom: 0px dashed #CFD1D3;
    }
    
    .xforms p {
        margin-bottom: 0;
    }
    
    .xforms .form-group {
        vertical-align: top;
    }


    
    .disrtrictpopupbox  {
        display: none !important; 
        max-width: 100px;
    }
    
    
    .col-lg-10, .col-md-8 {
        padding-right: 0px;
        vertical-align: top;
        float: left;
        width: 100%;
        position: relative;
        padding-right: 0px;
    }

    .theiaStickySidebar {
        transform: translateY(29px) !important;
    }
    

    
    body {
        font-family: var(--body-font-family);
        padding-top: 0px;
        font-size: 13px;
        color: var(--body-color);
        background-size: auto;
        margin: 0;
        background-color: #e1e3ef;
        background-image: url(data:image/gif;base64,R0lGODlhZABkAMQAAOPr8+vr8+zk7Ofw6uTk8+vk8uDp8Ofv8uPr6Ovr6OXj6ebt6ebl6evk6OXt7uHu6ent6ebp6ebl7uHo6eHl6eno6eHk7+rt7u3u6eHu8Obp8OLp7+3p6e3v8Ono7+3o8CH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU0OTExLCAyMDEzLzEwLzI5LTExOjQ3OjE2ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOEI5MTBGREVEQjIxMUU3ODIyMEVCNkQ3M0Y0NkQ2RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOEI5MTBGQ0VEQjIxMUU3ODIyMEVCNkQ3M0Y0NkQ2RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMzlENDU3QzNFQ0QxMUUxQjFGM0Q2NEY1MTM4OUQ3RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMzlENDU3RDNFQ0QxMUUxQjFGM0Q2NEY1MTM4OUQ3RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/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);
        /* background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABCAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA3LjItYzAwMCA3OS41NjZlYmM1YjQsIDIwMjIvMDUvMDktMDg6MjU6NTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJDMTlBMTdEQjMwNTExRUQ5MUUxQzVGMzU0NUUxNkJDIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJDMTlBMTdDQjMwNTExRUQ5MUUxQzVGMzU0NUUxNkJDIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MENDNTU2MjY0MTdFMTFFQjk2MDE4RDUyN0I1OUU4MEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MENDNTU2Mjc0MTdFMTFFQjk2MDE4RDUyN0I1OUU4MEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAFAwMDBAMFBAQFBwUEBQcIBgUF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); */
        /* background: rgb(0, 0, 0, 0) linear-gradient(156deg, #2f3f6c, #32266a, #2b0b4f, #710039) repeat scroll 0 0; */
        /* background: rgb(0, 0, 0, 0) linear-gradient(13deg, #008749, #00567f, #1f2a5c, #0d1250, #190055, #160032) repeat scroll 0 0; */
        /* background-attachment: fixed; */
    }
 
    

    body.moon {
        background-color: #1a1b3c;
        background-color: #08090d;
        background: #050813;
        color: #a9b4bf;
        background: #090c18;
        background: #0c0f13;
    }
    
    body.n_activated,
    body.n_live {
     padding-top:100px
    }
    ul {
     margin:0;
     padding:0;
     list-style:none;
     vertical-align: top;
    }
    a {
        color: var(--link-color);
        text-decoration: none;
    }
    a:hover {
     text-decoration:none
    }
    
    .card .text-info {
        color: #212529 !important;
    }
    
    .main-header .container {
        position: relative;
        max-width: 100%;
        width: 99% !important;
        height: 100%;
        padding-right: 0.5%;
    }
    
    .main-header .container .row {
        z-index: 2;
    }

    .main-header .options {
        vertical-align: top;
        margin-top: 4px;
        max-width: 94px;
    }
    
    .disrtrictbox {
        display: inline-block;
    }

    #bottommenu {
        position: fixed;
        bottom: 0px;
        width: auto;
        padding: 5px 4px 3px;
        z-index: 999999999;
        text-align: right; 
        right: 0px;
    }

    .qma #bottommenu {
        display: inline-block;
    }

    .qma #bottommenu i {
        display: inline-block;
    }
 
    .moon #bottommenu {
        background: #0a0b1300;
    }

    #bottommenu a {
        text-align: center;
        display: inline-block;
        font-size: 10px;
        padding: 3px 3px 3px;
        vertical-align: middle;
        margin: 0 4px;
        color: #acb4bf;
    }

    #bottommenu .bm5 {
        margin-right: 80px !important;
    }

    #bottommenu i {
        display: none;
        color: #000000;
        margin: 2px 2px;
        position: relative;
        cursor: pointer;
        background-size: 19px;
        background-position: center 7px;
        background-repeat: no-repeat;
        padding-top: 28px;
        text-align: center;
        white-space: nowrap;
        filter: invert(27%) sepia(51%) saturate(550%) hue-rotate(217deg) brightness(183%) contrast(84%);
    }

    .moon #bottommenu i {
        filter: invert(27%) sepia(51%) saturate(550%) hue-rotate(217deg) brightness(183%) contrast(84%);
        background-color: transparent;
    }

    /* //@note SVG Icons 
    */
    #chattitle p {
        text-align: center;
        color: #31405e;
        display: inline-block;
    }

    #chattitle p i, .settings .nav i {
        height: 22px;
        width: auto;
        display: inline-block;
        background-size: 14px !important;
        background-repeat: no-repeat !important;
        cursor: pointer;
        margin: 2px 5px 0;
        padding: 4px 2px 4px 20px;
        font-size: 12px;
        color: #697ca1;
        background-position: 0 5px;
    }

    .moon #chattitle p i {
        filter: invert(1);
        color: #7a6e58;
    }

    #contacts {
        position: absolute;
        top: 69px;
        right: 0px;
        background: #FFF;
        z-index: 9999999;
        padding: 8px 12px;
        border-radius: 3px;
        box-shadow: 0 3px 7px rgb(0 0 0 / 20%);
        min-width: 220px;
        display: none;
    }

    .moon #contacts {
        background: #13172c;
    }

    .nav7 #contacts {
        display: block;
    }
    
    #contacts u {
        display: block;
        padding: 8px 0;
        border-bottom: 1px dashed #dcdde3;
    }

    .moon #contacts u {
        border-bottom: 1px dashed #ffffff29;
    }
    
    #contacts i {
        text-shadow: 12px 0px 0 #e5eaf4;
        height: 20px;
        width: 17px;
        margin-right: 7px;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
        cursor: pointer;
        margin-left: 4px;
        vertical-align: middle;
        float: right;
        opacity: 0.2;
        filter: invert(29%) sepia(81%) saturate(2878%) hue-rotate(240deg) brightness(104%) contrast(45%);
    }

    #contacts i.airplane {
        width: 17px !important;
    }

    #contacts i:hover {
        opacity: 1;
    }

    #langbox {
        display: none;
        position: absolute;
        margin-left: 11px;
        background: #ffffff;
        box-shadow: 0 4px 13px rgba(0, 0, 0, 0.26);
        padding: 0px 10px 6px;
        border-radius: 4px;
        text-transform: capitalize;
        right: 5px;
        margin: 7px 0 0;
    }

    .moon #langbox {
        background: #191b26;
    }

    #langbox ul {
        display: block;
    }

    #langbox ul.options ul {
            margin-left: -130%;
    }

    #langbox.langbox {
        display: block;
    }

    .navbar-wrapper i {
        text-shadow: 12px 0px 0 #e5eaf4;
        height: 25px;
        width: 20px;
        margin-right: 7px;
        display: inline-block;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
        margin-top: 7px;
        cursor: pointer;
        margin-left: 4px;
        filter: invert(27%) sepia(51%) saturate(550%) hue-rotate(217deg) brightness(183%) contrast(84%);
    }

    .moon .navbar-wrapper i {
        opacity: 0.8;
    }

    .navbar-wrapper i:hover, .navbar-wrapper i.active {
        filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
    }


    i.c, b.c, s.c, b.c::before, #rotary section b.c::after {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iIzAwQTZFRCIgZD0iTTI0LjIgNy45SDcuOGEuNS41IDAgMCAwLS40LjJMMi4yIDE1YS41LjUgMCAwIDAgMCAuN2wxMy40IDE0LjJhLjUuNSAwIDAgMCAuOCAwbDEzLjQtMTQuMmEuNS41IDAgMCAwIDAtLjdsLTUuMi02LjlhLjUuNSAwIDAgMC0uNC0uMloiLz48cGF0aCBmaWxsPSIjMUM1Q0Q3IiBkPSJtMTUuNiAyOS45LjQuMlYxNEgzbC0uOCAxYy0uMi4yLS4zLjQgMCAuN2wxMy40IDE0LjJaIi8+PHBhdGggZmlsbD0iIzAwODRDRSIgZD0iTTE2IDcuOUg3LjhhLjUuNSAwIDAgMC0uNC4ybC00LjkgNi40Yy0uMi4zLS40LjcuNS43aDguMUwxNiA4WiIvPjxwYXRoIGZpbGw9IiNBRURERkYiIGQ9Im0xNiAzMC00LjktMTQuOEgyMUwxNiAzMC4xWiIvPjxwYXRoIGZpbGw9IiMyNkVBRkMiIGQ9Ik0yNCA3LjloLTh2Ny4zSDMwbC0uMS0uMi01LjEtNi44Yy0uMS0uMi0uMy0uMy0uNy0uM1oiLz48cGF0aCBmaWxsPSIjQjRGNkZDIiBkPSJtMTYgNy45IDIuNCAzLjcgMi41IDMuNkgxMWwyLjUtMy42TDE2IDcuOVoiLz48L3N2Zz4=);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 80%;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGZpbGw9IiNlMWY1ZmUiIGQ9Im00IDQ4IDE3LTI3IDE0IDE2eiIvPjxwYXRoIGZpbGw9IiM4MWQ0ZmEiIGQ9Ik00NCA2OCA0IDQ4bDMxLTExeiIvPjxwYXRoIGZpbGw9IiM2NGI1ZjYiIGQ9Im02NCA0My0yOS02IDkgMzF6Ii8+PHBhdGggZmlsbD0iIzAyODhkMSIgZD0ibTEyNCA0OC0xOC0yNy0xMyAxNnoiLz48cGF0aCBmaWxsPSIjODFkNGZhIiBkPSJtODQgNjggNDAtMjAtMzEtMTF6Ii8+PHBhdGggZmlsbD0iI2UxZjVmZSIgZD0ibTY0IDQzIDI5LTYtOSAzMXoiLz48cGF0aCBmaWxsPSIjYjJlYmYyIiBkPSJNODQgNjggNjQgNDMgNDQgNjh6Ii8+PHBhdGggZmlsbD0iI2IzZTVmYyIgZD0iTTQzIDEwaDQybDIxIDExLTEzIDE2LTI5IDYtMjktNi0xNC0xNnoiLz48cGF0aCBmaWxsPSIjMWU4OGU1IiBkPSJNNjQgMTE3IDQgNDhsNDAgMjB6Ii8+PHBhdGggZmlsbD0iI2IzZTVmYyIgZD0ibTY0IDExNyA2MC02OS00MCAyMHoiLz48cGF0aCBmaWxsPSIjZTFmNWZlIiBkPSJtODQgNjgtMjAgNDktMjAtNDl6Ii8+PC9zdmc+);
        filter: drop-shadow(0px 2px 8px #296cc9cf);
    }

    i.comment-alt, #workers q i {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMzYTUzODgiIHZpZXdCb3g9IjAgMCA0NjAgNDYwIj48cGF0aCBkPSJNNDMwIDE1SDE0MGMtMTcgMC0zMCAxMy0zMCAzMHY4MWgzMFY0NWgyOTB2MTgzaC00OXYzMGg0OWMxNiAwIDMwLTEzIDMwLTMwVjQ1YzAtMTctMTQtMzAtMzAtMzB6TTMyMCAxNTZIMzBjLTE3IDAtMzAgMTMtMzAgMzB2MTgzYzAgMTcgMTMgMzAgMzAgMzBoOTJsMzAgMzVjMTIgMTQgMzQgMTQgNDYgMGwyOS0zNWg5M2M5IDAgMTctNCAyMy0xMWEzMCAzMCAwIDAgMCAxLTEgMzAgMzAgMCAwIDAgNi0xOFYxODZjMC0xNy0xNC0zMC0zMC0zMHptMCAyMTNIMjEzbC0zOCA0Ni0zOS00NkgzMFYxODZoMjkwdjE4M3pNODAgMjU4aDE5MGExNSAxNSAwIDAgMCAwLTMwSDgwYTE1IDE1IDAgMCAwIDAgMzB6bTAgNjhoNzhhMTUgMTUgMCAwIDAgMC0zMEg4MGExNSAxNSAwIDAgMCAwIDMweiIvPjwvc3ZnPg==);
        width: 20px;
        margin-top: 7px;
        background-position: 0 0px;
    }

    i.ddmenu {
        background: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjM2E1Mzg4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjkwIDI5MCIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48dXNlIHhsaW5rOmhyZWY9IiNCIi8+PHVzZSB4bGluazpocmVmPSIjQiIgeD0iLTIyMCIvPjx1c2UgeGxpbms6aHJlZj0iI0IiIHg9Ii0xMTAiLz48ZGVmcyA+PHBhdGggaWQ9IkIiIGQ9Ik0yNTUgMTEwYy0xOS4yOTkgMC0zNSAxNS43MDEtMzUgMzVzMTUuNzAxIDM1IDM1IDM1IDM1LTE1LjcwMSAzNS0zNS0xNS43MDEtMzUtMzUtMzV6Ii8+PC9kZWZzPjwvc3ZnPg==);
        width: 38px !important;
        background-position: 8px -1px;
        background-size: 20px;
        height: 16px;
        opacity: 0.3 !important;
        cursor: pointer;
    }

    .v2 .post i.ddmenu {
        display: none;
    }

    .post:hover .bcart {
        opacity: 1;
    }

    i.bookmark {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM2M2JkZmIiIHZpZXdCb3g9IjAgMCA0NzMgNDczIj48cGF0aCBkPSJNMjM2IDBIOTd2NDczbDEzOS0xMDcgMTQwIDEwN1YweiIvPjwvc3ZnPg==);
        width: 26px !important;
        margin-top: 0px;
        background-position: 0 -8px;
        display: inline-block;
        height: 28px;
        background-repeat: no-repeat;
        white-space: nowrap;
        filter: invert(0) !important;
        color: #8b91ad !important;
    }

    .moon i.bookmark {
        color: #ed90ed !important;
    }

    .crown, #workers .v1 h3 i, .icos .last h3 {
        margin-top: 0px;
        background-position: 0 1px;
        display: inline-block;
        white-space: nowrap;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTE2IDUuMDdhMS4wNyAxLjA3IDAgMCAwLS41IDJsLTIuMTEgMy45Ni0yLjg3LTEuNjlhMS4wNyAxLjA3IDAgMSAwLS44MS41MmwuNDIgNC4yN2gxMS43NGwuNDItNC4yN2ExLjA3IDEuMDcgMCAwIDAgMS4xOC0xLjA2IDEuMDcgMS4wNyAwIDEgMC0xLjk5LjU0bC0yLjg3IDEuNjktMi4xLTMuOTZhMS4wNyAxLjA3IDAgMCAwLS41MS0yWk0xMC4xMyAxNS4ydjEuMDdjMCAuNTkuNDggMS4wNiAxLjA3IDEuMDZoOS42Yy41OSAwIDEuMDctLjQ3IDEuMDctMS4wNlYxNS4ySDEwLjEzWiIvPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjEzLjUiIHgyPSIxNy41IiB5MT0iNyIgeTI9IjE5LjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRkZDNDUwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJjb3JhbCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==);
        filter: none;
        background-position: 0px 0px;
        margin-left: 0;
        background-size: 36px;
        background-repeat: no-repeat;
    }

    i.camera {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MiIgaGVpZ2h0PSI1MiIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNNDYuOSAxMy4xbC0xMSA3Ljl2LTUuNmEyLjY5IDIuNjkgMCAwIDAtMi43LTIuN0g0LjdBMi42OSAyLjY5IDAgMCAwIDIgMTUuNHYyMS4zYTIuNjkgMi42OSAwIDAgMCAyLjcgMi43aDI4LjZhMi42OSAyLjY5IDAgMCAwIDIuNy0yLjd2LTUuNUw0Ni45IDM5Yy43LjcgMS45LjIgMS45LS44VjEzLjljMC0xLTEuMi0xLjUtMS45LS44eiIvPjwvc3ZnPg==);
        width: 23px !important;
        background-position: 0 -3px;
    }

    i.phone {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik00OTcuMzkgMzYxLjhsLTExMi00OGEyNCAyNCAwIDAgMC0yOCA2LjlsLTQ5LjYgNjAuNkEzNzAuNjYgMzcwLjY2IDAgMCAxIDEzMC42IDIwNC4xMWw2MC42LTQ5LjZhMjMuOTQgMjMuOTQgMCAwIDAgNi45LTI4bC00OC0xMTJBMjQuMTYgMjQuMTYgMCAwIDAgMTIyLjYuNjFsLTEwNCAyNEEyNCAyNCAwIDAgMCAwIDQ4YzAgMjU2LjUgMjA3LjkgNDY0IDQ2NCA0NjRhMjQgMjQgMCAwIDAgMjMuNC0xOC42bDI0LTEwNGEyNC4yOSAyNC4yOSAwIDAgMC0xNC4wMS0yNy42eiIvPjwvc3ZnPg==);
    }

    i.users {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NjAgNDYwIj48cGF0aCBkPSJNMzk2IDE5NGMtNiA4LTEzIDE2LTIxIDIyIDMzIDIxIDU1IDU4IDU1IDEwMCAwIDE0LTIwIDIzLTMyIDI3LTkgNC0yMCA3LTMyIDlhMjAwIDIwMCAwIDAgMSAwIDE1bC0xIDE1YzE2LTIgMzEtNiA0My0xMCA0My0xNiA1Mi0zOSA1Mi01NiAwLTUwLTI1LTk1LTY0LTEyMnpNMzExIDE1Yy0xOCAwLTM2IDgtNTAgMjEgNSA4IDEwIDE1IDE0IDI0IDEwLTExIDIyLTE4IDM2LTE4IDMwIDAgNTUgMzEgNTUgNzBzLTI1IDcwLTU1IDcwYy05IDAtMTctMy0yNS04YTE1MyAxNTMgMCAwIDEtOSAyNWMxMCA2IDIyIDEwIDM0IDEwIDQ2IDAgODEtNDUgODEtOTdzLTM1LTk3LTgxLTk3em0tNTEgMjExYy02IDgtMTMgMTUtMjEgMjEgNDEgMjUgNjkgNjkgNjkgMTIwIDAgMTctMjQgMjktMzkgMzQtMjYgMTAtNjMgMTUtMTAxIDE1cy03NS01LTEwMS0xNWMtMTQtNS0zOC0xNy0zOC0zNCAwLTUxIDI3LTk1IDY4LTEyMGwtMjEtMjFDMzAgMjU2IDAgMzA4IDAgMzY3YzAgMTggMTAgNDMgNTcgNjEgMzAgMTEgNjkgMTcgMTExIDE3czgyLTYgMTExLTE3YzQ3LTE4IDU3LTQzIDU3LTYxIDAtNTktMzAtMTExLTc2LTE0MXptLTkyIDE3YzUzIDAgOTQtNTEgOTQtMTEyUzIyMSAxOSAxNjggMTkgNzQgNzAgNzQgMTMxczQxIDExMiA5NCAxMTJ6bTAtMTk1YzM2IDAgNjUgMzcgNjUgODNzLTI5IDgzLTY1IDgzLTY1LTM3LTY1LTgzIDI5LTgzIDY1LTgzeiIvPjwvc3ZnPg==);
        vertical-align: top;
    }

    i.users3 {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NDAiIGhlaWdodD0iNjQwIiB2aWV3Qm94PSIwIC02NCA2NDAgNjQwIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik05NiAyMjRjMzUuMyAwIDY0LTI4LjcgNjQtNjRzLTI4LjctNjQtNjQtNjQtNjQgMjguNy02NCA2NCAyOC43IDY0IDY0IDY0em00NDggMGMzNS4zIDAgNjQtMjguNyA2NC02NHMtMjguNy02NC02NC02NC02NCAyOC43LTY0IDY0IDI4LjcgNjQgNjQgNjR6bTMyIDMyaC02NGMtMTcuNiAwLTMzLjUgNy4xLTQ1LjEgMTguNiA0MC4zIDIyLjEgNjguOSA2MiA3NS4xIDEwOS40aDY2YzE3LjcgMCAzMi0xNC4zIDMyLTMydi0zMmMwLTM1LjMtMjguNy02NC02NC02NHptLTI1NiAwYzYxLjkgMCAxMTItNTAuMSAxMTItMTEyUzM4MS45IDMyIDMyMCAzMiAyMDggODIuMSAyMDggMTQ0czUwLjEgMTEyIDExMiAxMTJ6bTc2LjggMzJoLTguM2MtMjAuOCAxMC00My45IDE2LTY4LjUgMTZzLTQ3LjYtNi02OC41LTE2aC04LjNDMTc5LjYgMjg4IDEyOCAzMzkuNiAxMjggNDAzLjJWNDMyYzAgMjYuNSAyMS41IDQ4IDQ4IDQ4aDI4OGMyNi41IDAgNDgtMjEuNSA0OC00OHYtMjguOGMwLTYzLjYtNTEuNi0xMTUuMi0xMTUuMi0xMTUuMnptLTIyMy43LTEzLjRDMTYxLjUgMjYzLjEgMTQ1LjYgMjU2IDEyOCAyNTZINjRjLTM1LjMgMC02NCAyOC43LTY0IDY0djMyYzAgMTcuNyAxNC4zIDMyIDMyIDMyaDY1LjljNi4zLTQ3LjQgMzQuOS04Ny4zIDc1LjItMTA5LjR6Ii8+PC9zdmc+);
    }

    #onlineusersHeader i.users3 {
        display: inline-block;
        height: 13px;
        background-size: 15px;
        background-repeat: no-repeat;
        filter: invert(29%) sepia(51%) saturate(2878%) hue-rotate(130deg) brightness(151%) contrast(40%);
        padding-left: 18px;
        color: #131313
    }

    i.labor {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTI5IDZoLTNhMSAxIDAgMCAwIDAgMmgzYTEgMSAwIDAgMSAxIDF2NS4yYTEgMSAwIDAgMS0uMy43TDI3IDE3LjdhMSAxIDAgMCAxLS43LjNINS44YTEgMSAwIDAgMS0uNy0uM0wyLjMgMTVhMSAxIDAgMCAxLS4zLS43VjlhMSAxIDAgMCAxIDEtMWgxOWExIDEgMCAwIDAgMS0xVjRhMyAzIDAgMCAwLTMtM2gtOGEzIDMgMCAwIDAtMyAzdjJIM2EzIDMgMCAwIDAtMyAzdjUuMmEzIDMgMCAwIDAgLjkgMmwyLjggM2EzIDMgMCAwIDAgMi4xLjhoMjAuNGEzIDMgMCAwIDAgMi0uOWwuOC0uN1YyOGExIDEgMCAwIDEtMSAxSDRhMSAxIDAgMCAxLTEtMXYtN2ExIDEgMCAwIDAtMiAwdjdhMyAzIDAgMCAwIDMgM2gyNGEzIDMgMCAwIDAgMy0zVjE2LjRsLjEtLjFhMyAzIDAgMCAwIC45LTIuMVY5YTMgMyAwIDAgMC0zLTN6TTExIDRhMSAxIDAgMCAxIDEtMWg4YTEgMSAwIDAgMSAxIDF2MkgxMXoiLz48ZyBmaWxsPSIjNjM2NjY5Ij48cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSI2IiB4PSI3IiB5PSIxNiIgcng9IjEiLz48cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSI2IiB4PSIyMSIgeT0iMTYiIHJ4PSIxIi8+PC9nPjwvc3ZnPg==);
    }

    i.market {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik0yLjk3IDEuMzVBMSAxIDAgMCAxIDMuNzMgMWg4LjU0YTEgMSAwIDAgMSAuNzYuMzVsMi42MDkgMy4wNDRBMS41IDEuNSAwIDAgMSAxNiA1LjM3di4yNTVhMi4zNzUgMi4zNzUgMCAwIDEtNC4yNSAxLjQ1OCAyLjM3MSAyLjM3MSAwIDAgMS0zLjc1IDAgMi4zNyAyLjM3IDAgMCAxLTMuNzUgMEEyLjM3NSAyLjM3NSAwIDAgMSAwIDUuNjI1VjUuMzdhMS41IDEuNSAwIDAgMSAuMzYxLS45NzZsMi42MS0zLjA0NXptMS43OCA0LjI3NWExLjM3NSAxLjM3NSAwIDAgMCAyLjc1IDAgLjUuNSAwIDAgMSAxIDAgMS4zNzUgMS4zNzUgMCAwIDAgMi43NSAwIC41LjUgMCAwIDEgMSAwIDEuMzc1IDEuMzc1IDAgMSAwIDIuNzUgMFY1LjM3YS41LjUgMCAwIDAtLjEyLS4zMjVMMTIuMjcgMkgzLjczTDEuMTIgNS4wNDVBLjUuNSAwIDAgMCAxIDUuMzd2LjI1NWExLjM3NSAxLjM3NSAwIDAgMCAyLjc1IDAgLjUuNSAwIDAgMSAxIDB6TTEuNSA4LjVBLjUuNSAwIDAgMSAyIDl2Nmgxdi01YTEgMSAwIDAgMSAxLTFoM2ExIDEgMCAwIDEgMSAxdjVoNlY5YS41LjUgMCAwIDEgMSAwdjZoLjVhLjUuNSAwIDAgMSAwIDFILjVhLjUuNSAwIDAgMSAwLTFIMVY5YS41LjUgMCAwIDEgLjUtLjV6TTQgMTVoM3YtNUg0djV6bTUtNWExIDEgMCAwIDEgMS0xaDJhMSAxIDAgMCAxIDEgMXYzYTEgMSAwIDAgMS0xIDFoLTJhMSAxIDAgMCAxLTEtMXYtM3ptMyAwaC0ydjNoMnYtM3oiLz48L3N2Zz4=);
    }

    i.filter, b.filter {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjlweCIgaGVpZ2h0PSIyOXB4IiB2aWV3Qm94PSIwIC0yLjUgMjkgMjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjIgMjQgNi40LTR2LTYuNGwxMS4yLTEzLjZoLTI4LjhsMTEuMiAxMy42eiIvPjwvc3ZnPg==);
    }

    i.globe {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik00OCA5NS45OTNhODAgODAgMCAxIDEgODAgODAgODAuMDkgODAuMDkgMCAwIDEtODAtODB6bTE1OS4xOTYgNzkuMTk2YTguMDAxIDguMDAxIDAgMCAwLTExLjMxNC0xMS4zMTRBOTUuOTk5IDk1Ljk5OSAwIDEgMSA2MC4xMTggMjguMTExYTguMDAxIDguMDAxIDAgMCAwLTExLjMxNC0xMS4zMTRBMTEyLjAwMyAxMTIuMDAzIDAgMCAwIDEyMCAyMDcuNzF2MTYuMjgzSDk2YTggOCAwIDAgMCAwIDE2aDY0YTggOCAwIDAgMCAwLTE2aC0yNFYyMDcuNzFhMTExLjE2NyAxMTEuMTY3IDAgMCAwIDcxLjE5Ni0zMi41MjF6Ii8+PC9zdmc+);
    }

    i.news {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQyLjkgMjQyLjkiPjxwYXRoIGQ9Ik0yMzUuNCA2MC43aC0zMS43VjMwLjlhNy41IDcuNSAwIDAgMC03LjUtNy41SDcuNUE3LjUgNy41IDAgMCAwIDAgMzF2MTYxLjVjMCAxNSAxMi4yIDI3LjEgMjcuMSAyNy4xaDE4OC43YzE1IDAgMjcuMS0xMi4xIDI3LjEtMjdWNjguMWE3LjUgNy41IDAgMCAwLTcuNS03LjV6TTE1IDE5Mi40di0xNTRoMTczLjd2MTU0YTI3IDI3IDAgMCAwIDIuOSAxMi4xSDI3YTEyLjEgMTIuMSAwIDAgMS0xMi4xLTEyem0yMDAuOCAxMi4xYTEyLjEgMTIuMSAwIDAgMS0xMi0xMlY3NS42aDI0LjF2MTE2LjdjMCA2LjctNS40IDEyLjEtMTIgMTIuMXpNMzkuNCA3OC40aDEyNWE3LjUgNy41IDAgMSAwIDAtMTVoLTEyNWE3LjUgNy41IDAgMSAwIDAgMTV6bS0uNCAzNy41YTIyLjYgMjIuNiAwIDEgMCA0NS4yIDAgMjIuNiAyMi42IDAgMCAwLTQ1LjIgMHptMzAuMSAwYTcuNiA3LjYgMCAwIDEtNy41IDcuNiA3LjYgNy42IDAgMCAxLTcuNi03LjZjMC00LjIgMy40LTcuNiA3LjYtNy42QTcuNiA3LjYgMCAwIDEgNjkgMTE2ek0zOS40IDE4MGE3LjUgNy41IDAgMCAwIDcuNS03LjV2LTguM2E3IDcgMCAwIDEgNy03LjFoMTUuM2E3IDcgMCAwIDEgNyA3djguNGE3LjUgNy41IDAgMSAwIDE1IDB2LTguM2MwLTEyLjItOS44LTIyLjEtMjItMjIuMUg1My45Yy0xMi4xIDAtMjIgOS45LTIyIDIydjguNGE3LjUgNy41IDAgMCAwIDcuNSA3LjV6Ii8+PHVzZSB4bGluazpocmVmPSIjYSIvPjx1c2UgeGxpbms6aHJlZj0iI2EiIHk9IjY3LjQiLz48dXNlIHhsaW5rOmhyZWY9IiNhIiB5PSIzMy43Ii8+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0xNjQuNCA5N2gtNTcuOGE3LjUgNy41IDAgMSAwIDAgMTVoNTcuOGE3LjUgNy41IDAgMSAwIDAtMTV6Ii8+PC9kZWZzPjwvc3ZnPg==);
    }

    /** GRADICON **/

    .keyreasons i {
        text-shadow: 12px 0px 0 #e5eaf4;
        height: 53px;
        width: 39px;
        margin-right: 7px;
        display: inline-block;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
        margin-top: 7px;
        cursor: pointer;
        margin-left: 1px;
        vertical-align: middle;
    }

    i.happyn, button.emojis {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI0IpIj48cGF0aCBkPSJNNTMuMjU0IDguMDc3bC45NzggMi43NTFhLjQ0LjQ0IDAgMCAwIC4yMjkuMjU4bDIuNDQ0IDEuMTAxYS40OS40OSAwIDAgMSAwIC44NjFsLTIuNDQ0IDEuMTAxYS40NC40NCAwIDAgMC0uMjI5LjI1OGwtLjk3OCAyLjc1MWMtLjEzOC4zODktLjYyNy4zODktLjc2NSAwbC0uOTc4LTIuNzUxYS40NC40NCAwIDAgMC0uMjI5LS4yNThsLTIuNDQ0LTEuMTAxYS40OS40OSAwIDAgMSAwLS44NjFsMi40NDQtMS4xMDFhLjQ0LjQ0IDAgMCAwIC4yMjktLjI1OGwuOTc4LTIuNzUxYy4xMzgtLjM4OS42MjctLjM4OS43NjUgMHoiIGZpbGw9InVybCgjQSkiPjwvcGF0aD48cGF0aCBkPSJNMTYuNjg5LjIxNmwuNzI2IDIuMDRjLjAzMS4wODcuMDkzLjE1Ny4xNy4xOTJsMS44MTMuODE3Yy4yNTYuMTE1LjI1Ni41MjMgMCAuNjM5bC0xLjgxMy44MTdjLS4wNzguMDM1LS4xMzkuMTA0LS4xNy4xOTJsLS43MjYgMi4wNGMtLjEwMi4yODgtLjQ2NS4yODgtLjU2OCAwbC0uNzI2LTIuMDRjLS4wMzEtLjA4Ny0uMDkzLS4xNTctLjE3LS4xOTJsLTEuODEzLS44MTdjLS4yNTYtLjExNS0uMjU2LS41MjMgMC0uNjM5bDEuODEzLS44MTdjLjA3OC0uMDM1LjEzOS0uMTA0LjE3LS4xOTJsLjcyNi0yLjA0Yy4xMDItLjI4OC40NjUtLjI4OC41NjggMHoiIGZpbGw9InVybCgjQSkiPjwvcGF0aD48cGF0aCBkPSJNNDYuMzE5IDQuNDc3YTEuNDQgMS40NCAwIDAgMS0xLjQzNyAxLjQzNyAxLjQ0IDEuNDQgMCAwIDEtMS40MzctMS40MzcgMS40NCAxLjQ0IDAgMCAxIDEuNDM3LTEuNDM3IDEuNDQgMS40NCAwIDAgMSAxLjQzNyAxLjQzN3oiIGZpbGw9InVybCgjQSkiPjwvcGF0aD48cGF0aCBkPSJNNy4wODIgMTIuNDgzYzAgMS4xNzMtLjk1MSAyLjEyMy0yLjEyMyAyLjEyM3MtMi4xMjMtLjk1MS0yLjEyMy0yLjEyMy45NTEtMi4xMjMgMi4xMjMtMi4xMjMgMi4xMjMuOTUxIDIuMTIzIDIuMTIzeiIgZmlsbD0idXJsKCNBKSI+PC9wYXRoPjxwYXRoIGQ9Ik0yOS4wMDUgNjBDMTUuNjIxIDYwIDQuNzMxIDQ5LjExMSA0LjczMSAzNS43MjZzMTAuODg5LTI0LjI3NCAyNC4yNzQtMjQuMjc0UzUzLjI4IDIyLjM0MSA1My4yOCAzNS43MjYgNDIuMzkgNjAgMjkuMDA1IDYwem0wLTQ2LjE5MWMtMTIuMDg1IDAtMjEuOTE3IDkuODMyLTIxLjkxNyAyMS45MTdzOS44MzIgMjEuOTE3IDIxLjkxNyAyMS45MTcgMjEuOTE3LTkuODMyIDIxLjkxNy0yMS45MTctOS44MzItMjEuOTE3LTIxLjkxNy0yMS45MTd6IiBmaWxsPSJ1cmwoI0EpIj48L3BhdGg+PHVzZSB4bGluazpocmVmPSIjQyIgZmlsbD0idXJsKCNBKSI+PC91c2U+PHBhdGggZD0iTTQzLjM4MiAzMC4yOTJhMS4xOCAxLjE4IDAgMCAxLTEuMTc4LTEuMTc4YzAtMS44MDktMS40NzEtMy4yOC0zLjI4LTMuMjhzLTMuMjggMS40NzEtMy4yOCAzLjI4YTEuMTggMS4xOCAwIDAgMS0xLjE3OCAxLjE3OCAxLjE4IDEuMTggMCAwIDEtMS4xNzgtMS4xNzhjMC0zLjEwOCAyLjUyOS01LjYzNyA1LjYzNy01LjYzN3M1LjYzNyAyLjUyOSA1LjYzNyA1LjYzN2ExLjE4IDEuMTggMCAwIDEtMS4xNzkgMS4xNzh6IiBmaWxsPSJ1cmwoI0EpIj48L3BhdGg+PHBhdGggZD0iTTQ0LjY4OSAzNC45ODVIMTMuMzIyYTEuMTggMS4xOCAwIDAgMC0xLjE3OCAxLjE3OGMwIDkuMjk4IDcuNTY0IDE2Ljg2MiAxNi44NjIgMTYuODYyczE2Ljg2Mi03LjU2NCAxNi44NjItMTYuODYyYTEuMTggMS4xOCAwIDAgMC0xLjE3OC0xLjE3OHpNMjAuMDUzIDQ3LjU2N2MxLjYwOC0yLjU3OCA1LjA3OC00LjI1OSA4Ljk1Mi00LjI1OXM3LjM0NCAxLjY4MSA4Ljk1MiA0LjI1OWExNC40MyAxNC40MyAwIDAgMS04Ljk1MiAzLjEwMWMtMy4zNzYgMC02LjQ4NS0xLjE2LTguOTUyLTMuMTAxem0xOS42NTItMS42MjJjLTIuMTI0LTMuMDM5LTYuMjA4LTQuOTk0LTEwLjctNC45OTRzLTguNTc3IDEuOTU1LTEwLjcgNC45OTRjLTIuMTEzLTIuMzA5LTMuNDkxLTUuMzAyLTMuNzU4LTguNjAzaDI4LjkxNmExNC40NSAxNC40NSAwIDAgMS0zLjc1OCA4LjYwNHoiIGZpbGw9InVybCgjQSkiPjwvcGF0aD48L2c+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJBIiB4MT0iMi44MzUiIHkxPSIzMC4xNDQiIHgyPSI1Ny4xNjQiIHkyPSIzMC4xNDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjNjM2NmYxIj48L3N0b3A+PHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzhiNWNmNiI+PC9zdG9wPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2Q5NDZlZiI+PC9zdG9wPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJCIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDYwdjYwSDB6Ij48L3BhdGg+PC9jbGlwUGF0aD48cGF0aCBpZD0iQyIgZD0iTTIzLjU0NiAzMC4yOTJhMS4xOCAxLjE4IDAgMCAxLTEuMTc4LTEuMTc4YzAtMS44MDktMS40NzEtMy4yOC0zLjI4LTMuMjhzLTMuMjggMS40NzEtMy4yOCAzLjI4YTEuMTggMS4xOCAwIDAgMS0xLjE3OCAxLjE3OCAxLjE4IDEuMTggMCAwIDEtMS4xNzgtMS4xNzhjMC0zLjEwOCAyLjUyOS01LjYzNyA1LjYzNy01LjYzN3M1LjYzNyAyLjUyOSA1LjYzNyA1LjYzN2ExLjE4IDEuMTggMCAwIDEtMS4xNzkgMS4xNzh6Ij48L3BhdGg+PC9kZWZzPjwvc3ZnPg==);
    }

    button.emojis {
        background-size: 27px !important;
        background-position: center 0px !important;
    }

    i.diamond {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyIgd2lkdGg9Ijc2IiBoZWlnaHQ9Ijc1IiBmaWxsPSJub25lIj48ZyBjbGlwLXBhdGg9InVybCgjQikiPjxwYXRoIGQ9Ik0zNy4wMTQgNjQuNTE4YTEuMjUgMS4yNSAwIDAgMCAxLjk3MyAwbDI2LjI1LTMzLjc1YTEuMjUgMS4yNSAwIDAgMCAuMTM2LTEuMzE2IDEuMDYgMS4wNiAwIDAgMC0uMDc4LS4xMTZoLjAxbC04Ljc1LTEzLjc1Yy0uMjM1LS4zNS0uNjMzLS41NTYtMS4wNTUtLjU0NlYxNWgtMzV2LjAzOWMtLjQyMS0uMDExLS44MTguMTkyLTEuMDU1LjU0bC04Ljc1IDEzLjc1aC4wMWMtLjAyOC4wMzctLjA1NC4wNzYtLjA3OC4xMTZhMS4yNSAxLjI1IDAgMCAwIC4xMzYgMS4zMTZsMjYuMjUgMzMuNzU2ek00MC4yNzggMTcuNWgxMi45NDVsLTYuNDczIDEwLjE3MUw0MC4yNzggMTcuNXptNC4xOTUgMTEuMjVIMzEuNTI4bDYuNDczLTEwLjE3MSA2LjQ3MiAxMC4xNzF6bS0xNS4yMjItMS4wNzlMMjIuNzc4IDE3LjVoMTIuOTQ1bC02LjQ3MiAxMC4xNzF6TTE0LjMwNyAzMS4yNWgxMy45ODVsNy40MDUgMjcuNS0yMS4zOS0yNy41em0yNi4wNDUgMjcuNDQxbDQuMDI0LTE0LjU2NmExLjI1IDEuMjUgMCAwIDAtMi40MDktLjY2NkwzOC4wMTggNTcuNzVsLTcuMTM2LTI2LjVoMTQuMjVsLTEuNTQyIDUuOTM2YTEuMjUgMS4yNSAwIDAgMCAxLjU0NyAxLjU1OSAxLjI1IDEuMjUgMCAwIDAgLjg3Mi0uOTM0bDEuNzA5LTYuNTYxaDEzLjk3OEw0MC4zNTIgNTguNjkxek02MS45NzMgMjguNzVINDkuMDI4bDYuNDczLTEwLjE3MSA2LjQ3MyAxMC4xNzF6TTIwLjUwMSAxOC41NzlsNi40NzMgMTAuMTcxSDE0LjAyOGw2LjQ3Mi0xMC4xNzF6IiBmaWxsPSJ1cmwoI0EpIj48L3BhdGg+PHBhdGggZD0iTTEuNzUgMzguNzVINS41YTEuMjUgMS4yNSAwIDEgMCAwLTIuNUgxLjc1YTEuMjUgMS4yNSAwIDEgMCAwIDIuNXoiIGZpbGw9InVybCgjQSkiPjwvcGF0aD48cGF0aCBkPSJNNzAuNSAzOC43NWgzLjc1YTEuMjUgMS4yNSAwIDEgMCAwLTIuNUg3MC41YTEuMjUgMS4yNSAwIDEgMCAwIDIuNXoiIGZpbGw9InVybCgjQSkiPjwvcGF0aD48cGF0aCBkPSJNMzkuMjUgNzMuNzVWNzBhMS4yNSAxLjI1IDAgMSAwLTIuNSAwdjMuNzVhMS4yNSAxLjI1IDAgMSAwIDIuNSAweiIgZmlsbD0idXJsKCNBKSI+PC9wYXRoPjxwYXRoIGQ9Ik0zOCA2LjI1QTEuMjUgMS4yNSAwIDAgMCAzOS4yNSA1VjEuMjVhMS4yNSAxLjI1IDAgMSAwLTIuNSAwVjVBMS4yNSAxLjI1IDAgMCAwIDM4IDYuMjV6IiBmaWxsPSJ1cmwoI0EpIj48L3BhdGg+PHBhdGggZD0iTTE0LjEzNCA1OS41OThsLTIuNjUxIDIuNjUzYTEuMjUgMS4yNSAwIDAgMCAuNTQgMi4xMzIgMS4yNSAxLjI1IDAgMCAwIDEuMjI2LS4zNjVsMi42NTEtMi42NTFhMS4yNSAxLjI1IDAgMCAwLTEuNzY3LTEuNzY3aC4wMDF6IiBmaWxsPSJ1cmwoI0EpIj48L3BhdGg+PHBhdGggZD0iTTYwLjk4MiAxNS43NjlhMS4yNSAxLjI1IDAgMCAwIC44ODQtLjM2NmwyLjY1MS0yLjY1MmExLjI1IDEuMjUgMCAwIDAtLjU0LTIuMTMyIDEuMjUgMS4yNSAwIDAgMC0xLjIyNy4zNjVsLTIuNjUxIDIuNjUxYTEuMjUgMS4yNSAwIDAgMCAuODg0IDIuMTM0aC0uMDAxeiIgZmlsbD0idXJsKCNBKSI+PC9wYXRoPjxwYXRoIGQ9Ik02My42MzIgNjQuMzgzYTEuMjUgMS4yNSAwIDAgMCAuODg0LTIuMTM0bC0yLjY1MS0yLjY1MWExLjI1IDEuMjUgMCAwIDAtMS43NjcgMS43NjdsMi42NTIgMi42NTFhMS4yNSAxLjI1IDAgMCAwIC44ODMuMzY2eiIgZmlsbD0idXJsKCNBKSI+PC9wYXRoPjxwYXRoIGQ9Ik0xNC4xMzQgMTUuNDAyYTEuMjUgMS4yNSAwIDAgMCAxLjc2OC0xLjc2N2wtMi42NTItMi42NTFhMS4yNSAxLjI1IDAgMCAwLTIuMTMxLjU0IDEuMjUgMS4yNSAwIDAgMCAuMzY1IDEuMjI2bDIuNjUxIDIuNjUzeiIgZmlsbD0idXJsKCNBKSI+PC9wYXRoPjwvZz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9IkEiIHgxPSIuNSIgeTE9IjM3LjY4IiB4Mj0iNzUuNSIgeTI9IjM3LjY4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzYzNjZmMSI+PC9zdG9wPjxzdG9wIG9mZnNldD0iLjUiIHN0b3AtY29sb3I9IiM4YjVjZjYiPjwvc3RvcD48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNkOTQ2ZWYiPjwvc3RvcD48L2xpbmVhckdyYWRpZW50PjxjbGlwUGF0aCBpZD0iQiI+PHBhdGggZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjUpIiBkPSJNMCAwaDc1djc1SDB6Ij48L3BhdGg+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+);
    }

    i.earn {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyIgd2lkdGg9IjYwIiBoZWlnaHQ9IjYwIiBmaWxsPSJub25lIj48ZyBjbGlwLXBhdGg9InVybCgjQikiPjxwYXRoIGQ9Ik0xMy45OTYgNTguMDcyYy0uNDgzIDAtLjkyNi0uMzA2LTEuMDk3LS43NTgtLjE3NS0uNDYyLS4wMzEtMS4wMDYuMzUzLTEuMzE5cy45MzktLjM1IDEuMzYyLS4wODlhMS4xOCAxLjE4IDAgMCAxIC41MzggMS4xODZjLS4wOTQuNTU4LS41ODguOTgtMS4xNTYuOTh6IiBmaWxsPSJ1cmwoI0EpIj48L3BhdGg+PHBhdGggZD0iTTU4LjgxOSAzOS41OTZhNC43NyA0Ljc3IDAgMCAwLTMuMzk2LTEuNDA3Yy0uNTU4IDAtMS4xMDEuMDk0LTEuNjExLjI3NmwtLjI3LS4yMzhjLTEuOTE2LTEuNTY3LTQuNjgxLTEuNDI4LTYuNDMzLjMyNGwtNS41MzYgNS41MzZjLS40NjMuNDYzLTIuMzUyIDEuNTQ5LTIuOTAyIDEuNjE4aC0zLjM3OWMtLjU5MyAwLS44MjYtLjQ1MS0uODgzLS41OS0uMDQ4LS4xMTctLjE2Ny0uNDgyLjA1Mi0uODQ1bDIuNjc2LS43NzVjMS40NDctLjQxOSAyLjU2NC0xLjUzNSAyLjk4OC0yLjk4Ni40MTUtMS40MjEuMDg1LTIuOTI5LS44ODUtNC4wMzRsLS4xMzktLjE1M2MtLjc3Ny0uODItMi4yMDYtLjkwNi00LjkzMy0uMjk1LTEuOTIxLjQzLTQuMTQyIDEuMTQ5LTUuNjY2IDEuNjc2LTMuMzA5IDEuMTQ1LTUuODc1IDMuNjktNy4wMTQgNi45MDVoLTEuMTl2LS45MTlhMS4xNyAxLjE3IDAgMCAwLTEuMTcyLTEuMTcySDEuMTcyQTEuMTcgMS4xNyAwIDAgMCAwIDQzLjY4N1Y1Ni45YTEuMTcgMS4xNyAwIDAgMCAxLjE3MiAxLjE3Mmg3LjUwNGExLjE3IDEuMTcgMCAxIDAgMC0yLjM0NEgyLjM0NFY0NC44NTloMTUuNjExVjU2LjlhMS4xNyAxLjE3IDAgMSAwIDIuMzQ0IDB2LS45MTloMy41MDJjMy40NDYgMS4xNzUgNy4wMDYgMS43NjcgMTAuNjE0IDEuNzY3Ljc5MiAwIDEuNTg3LS4wMjkgMi4zODItLjA4NmEzMi41MSAzMi41MSAwIDAgMCAxMi43MTctMy41ODVjLjk1LS40OTMgMS4yOTItLjcyOSAxLjQ5MS0uOTIxbDcuMjYtNi43MzhhLjk5Ljk5IDAgMCAwIC4wMzEtLjAzYy44ODktLjg4OSAxLjQ5My0yLjA2NyAxLjY1Ny0zLjIzMy4xOTMtMS4zNzEtLjIxLTIuNjM1LTEuMTM0LTMuNTU5em0tMTAuMDU0LjYxMmEyLjQ1IDIuNDUgMCAwIDEgMy4wMTQtLjM2NGwtNS4yODkgNS4yODlhMS45NCAxLjk0IDAgMCAxLTEuMzgxLjU3MmgtMS44NGw1LjQ5Ni01LjQ5NnptOC44NjcgMi42MjFjLS4wOTQuNjY2LS40NSAxLjM1My0uOTc5IDEuODg3bC03LjI1NCA2LjczM2MtLjA0OC4wMzYtLjI1OS4xODItLjk2NC41NDgtNy4zNTggMy44MTctMTYuMDk3IDQuNDQ5LTIzLjk3NSAxLjczM2wtLjA4MS0uMDI4YTEuMTcgMS4xNyAwIDAgMC0uMzgyLS4wNjRoLTMuNjk4di02LjY4N2gyLjA1NGExLjE3IDEuMTcgMCAwIDAgMS4xMzMtLjg3M2MuNzU4LTIuODY3IDIuOTE5LTUuMTcxIDUuNzgzLTYuMTYxIDYuMjY1LTIuMTY2IDcuOTEzLTEuOTc2IDguMjAyLTEuOTA2LjQ1Mi41MTUuNTk3IDEuMTgyLjQwNCAxLjg0LS4xOTguNjc3LS43MTcgMS4xOTctMS4zOSAxLjM5MmwtMy4wMjQuODc2YTEuMTcgMS4xNyAwIDAgMC0uNTAzLjI5N2MtLjk2Mi45NjItMS4yMzYgMi4zNC0uNzE1IDMuNTk2czEuNjg4IDIuMDM3IDMuMDQ4IDIuMDM3aDkuODE4YTQuMjcgNC4yNyAwIDAgMCAzLjAzOC0xLjI1OGw1LjUzNi01LjUzNmEyLjQ0IDIuNDQgMCAwIDEgMS43MzktLjcyYy42NTcgMCAxLjI3NS4yNTYgMS43MzkuNzIuNDAzLjQwMi41NjEuOTMzLjQ3IDEuNTc2eiIgZmlsbD0idXJsKCNBKSI+PC9wYXRoPjxwYXRoIGQ9Ik00NS42MjEgMTYuNTMybC0uMTY5LS4wNnYtMS44NTVhLjQ2LjQ2IDAgMCAxIC4wNDUuMDU0IDEuMTcgMS4xNyAwIDAgMCAxLjkxOS0xLjM0NmMtLjM5Ny0uNTY1LTEuMDgyLTEuMDQ3LTEuOTY4LTEuMjU3YTEuMTcgMS4xNyAwIDAgMC0xLjE2Ny0xLjA2NiAxLjE3IDEuMTcgMCAwIDAtMS4xNzEgMS4xNDJsLS4xNDEuMDRjLTEuMTczLjM1NC0yLjA1OSAxLjQ4OS0yLjE1MyAyLjc2MS0uMDk0IDEuMjY3LjU3NSAyLjM2NSAxLjc5MSAyLjkzOGwuNTAzLjIxNXYyLjQ1M2MtLjE4Ni0uMDk4LS4zNDYtLjIyLS40NjQtLjM2N2ExLjE3IDEuMTcgMCAxIDAtMS44MjUgMS40N2MuNTk4Ljc0MiAxLjQ0OCAxLjE3MSAyLjMgMS4zODNhMS4xNyAxLjE3IDAgMCAwIDEuMTYxIDEuMDEzYy41NjQgMCAxLjAzNi0uMzk5IDEuMTQ3LS45MyAxLjUzNi0uMjk1IDIuNjEyLTEuMzMzIDIuNzktMi43NDEuMjEtMS42NTEtLjg1OC0zLjIzMy0yLjU5Ny0zLjg0OHptLjI3MiAzLjU1M2MtLjAzNy4yODgtLjIxOC40Ny0uNDQuNTg1di0xLjU3NWMuMzM2LjI5Ny40OC42NzguNDQuOTl6IiBmaWxsPSJ1cmwoI0EpIj48L3BhdGg+PHBhdGggZD0iTTQ0LjQwMSAyNy45MDdjLTUuNzI0IDAtMTAuMzgxLTQuNjU3LTEwLjM4MS0xMC4zODFTMzguNjc3IDcuMTQ1IDQ0LjQwMSA3LjE0NXMxMC4zODEgNC42NTcgMTAuMzgxIDEwLjM4MS00LjY1NyAxMC4zODEtMTAuMzgxIDEwLjM4MXptMC0xOC40MThhOC4wNSA4LjA1IDAgMCAwLTguMDM3IDguMDM3IDguMDUgOC4wNSAwIDAgMCA4LjAzNyA4LjAzNyA4LjA1IDguMDUgMCAwIDAgOC4wMzctOC4wMzcgOC4wNSA4LjA1IDAgMCAwLTguMDM3LTguMDM3eiIgZmlsbD0idXJsKCNBKSI+PC9wYXRoPjxwYXRoIGQ9Ik00NC40MDIgMzMuMTI0YTE1LjYyIDE1LjYyIDAgMCAxLTE1LjU5OC0xNS41OTlBMTUuNjIgMTUuNjIgMCAwIDEgNDQuNDAyIDEuOTI3IDE1LjYyIDE1LjYyIDAgMCAxIDYwIDE3LjUyNmExNS42MiAxNS42MiAwIDAgMS0xNS41OTggMTUuNTk5em0wLTI4Ljg1M2MtNy4zMDkgMC0xMy4yNTUgNS45NDYtMTMuMjU1IDEzLjI1NXM1Ljk0NiAxMy4yNTUgMTMuMjU1IDEzLjI1NSAxMy4yNTUtNS45NDYgMTMuMjU1LTEzLjI1NVM1MS43MSA0LjI3MSA0NC40MDIgNC4yNzF6IiBmaWxsPSJ1cmwoI0EpIj48L3BhdGg+PC9nPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iQSIgeDE9IjAiIHkxPSIzMC4xMzQiIHgyPSI2MCIgeTI9IjMwLjEzNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiM2MzY2ZjEiPjwvc3RvcD48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjOGI1Y2Y2Ij48L3N0b3A+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZDk0NmVmIj48L3N0b3A+PC9saW5lYXJHcmFkaWVudD48Y2xpcFBhdGggaWQ9IkIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoNjB2NjBIMHoiPjwvcGF0aD48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=);
    }

    i.mobapp {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyIgd2lkdGg9IjYwIiBoZWlnaHQ9IjYwIiBmaWxsPSJub25lIj48cGF0aCBkPSJNMjMuNTAxIDguNDM0Yy0uMDc2IDAtLjE1My0uMDA3LS4yMjgtLjAyMnMtLjE0OS0uMDM4LS4yMi0uMDY3YTEuMjEgMS4yMSAwIDAgMS0uMjAyLS4xMDggMS4xOSAxLjE5IDAgMCAxLS4xNzgtLjE0NWMtLjA1NC0uMDU1LS4xMDMtLjExNS0uMTQ1LS4xNzhhMS4yNyAxLjI3IDAgMCAxLS4xMDgtLjIwM2MtLjAyOS0uMDctLjA1My0uMTQ0LS4wNjctLjIxOXMtLjAyMy0uMTUyLS4wMjMtLjIyOGExLjE4IDEuMTggMCAwIDEgLjAyMy0uMjNjLjAxNC0uMDc1LjAzOC0uMTQ5LjA2Ny0uMjE5cy4wNjYtLjEzOC4xMDgtLjIwMi4wOTEtLjEyNS4xNDUtLjE3OWExLjE2IDEuMTYgMCAwIDEgLjE3OC0uMTQ1Yy4wNjQtLjA0Mi4xMzEtLjA3OS4yMDItLjEwOHMuMTQ1LS4wNTEuMjItLjA2NmExLjE4IDEuMTggMCAwIDEgMS4wNTcuMzJjLjA1NC4wNTQuMTAzLjExNS4xNDUuMTc5YTEuMjEgMS4yMSAwIDAgMSAuMTA4LjIwMmMuMDI5LjA3MS4wNTIuMTQ0LjA2Ny4yMTlhMS4xOCAxLjE4IDAgMCAxIC4wMjMuMjNjMCAuMDc2LS4wMDguMTUyLS4wMjMuMjI4cy0uMDM4LjE0OS0uMDY3LjIxOWExLjIzIDEuMjMgMCAwIDEtLjEwOC4yMDNjLS4wNDIuMDYzLS4wOTEuMTIzLS4xNDUuMTc4YTEuMTggMS4xOCAwIDAgMS0uODI5LjM0MnoiIGZpbGw9InVybCgjQSkiPjwvcGF0aD48cGF0aCBkPSJNNDEuNDg5IDBoLTIzLjA1YTUuMzIgNS4zMiAwIDAgMC01LjMxNCA1LjMxNHY0OS4zNzJBNS4zMiA1LjMyIDAgMCAwIDE4LjQzOSA2MGgyMy4wNWE1LjMyIDUuMzIgMCAwIDAgNS4zMTQtNS4zMTRWNS4zMTRBNS4zMiA1LjMyIDAgMCAwIDQxLjQ4OSAwem0tMjMuMDUgMi4zNDRoMjMuMDVjMS42MzcgMCAyLjk3IDEuMzMzIDIuOTcgMi45N3YuNzc3SDI5LjEwNWExLjE3IDEuMTcgMCAxIDAgMCAyLjM0NGgxNS4zNTR2NDEuOTU3aC0yOC45OVY4LjQzNWgzLjA4OWExLjE3IDEuMTcgMCAxIDAgMC0yLjM0NGgtMy4wODl2LS43NzdjMC0xLjYzNyAxLjMzMy0yLjk3IDIuOTctMi45N3ptMjYuMDIgNTIuMzQyYzAgMS42MzctMS4zMzMgMi45Ny0yLjk3IDIuOTdoLTIzLjA1Yy0xLjYzNyAwLTIuOTctMS4zMzMtMi45Ny0yLjk3di0xLjk1MWgyOC45OXYxLjk1MXoiIGZpbGw9InVybCgjQSkiPjwvcGF0aD48cGF0aCBkPSJNMjcuNTE4IDI2LjQ0aC04LjI3YTEuMTcgMS4xNyAwIDAgMS0xLjE3Mi0xLjE3MnYtOC4yNjlhMS4xNyAxLjE3IDAgMCAxIDEuMTcyLTEuMTcyaDguMjdhMS4xNyAxLjE3IDAgMCAxIDEuMTcyIDEuMTcydjguMjdhMS4xNyAxLjE3IDAgMCAxLTEuMTcyIDEuMTcyem0tNy4wOTgtMi4zNDRoNS45MjZWMTguMTdIMjAuNDJ2NS45MjZ6IiBmaWxsPSJ1cmwoI0EpIj48L3BhdGg+PHBhdGggZD0iTTQwLjY3OSAyNi40NGgtOC4yN2ExLjE3IDEuMTcgMCAwIDEtMS4xNzItMS4xNzJ2LTguMjY5YTEuMTcgMS4xNyAwIDAgMSAxLjE3Mi0xLjE3Mmg4LjI3YTEuMTcgMS4xNyAwIDAgMSAxLjE3MiAxLjE3MnY4LjI3YTEuMTcgMS4xNyAwIDAgMS0xLjE3MiAxLjE3MnptLTcuMDk4LTIuMzQ0aDUuOTI2VjE4LjE3aC01LjkyNnY1LjkyNnoiIGZpbGw9InVybCgjQSkiPjwvcGF0aD48cGF0aCBkPSJNMjcuNTE4IDM5LjQ4M2gtOC4yN2ExLjE3IDEuMTcgMCAwIDEtMS4xNzItMS4xNzJ2LTguMjdhMS4xNyAxLjE3IDAgMCAxIDEuMTcyLTEuMTcyaDguMjdhMS4xNyAxLjE3IDAgMCAxIDEuMTcyIDEuMTcydjguMjdhMS4xNyAxLjE3IDAgMCAxLTEuMTcyIDEuMTcyek0yMC40MiAzNy4xNGg1LjkyNnYtNS45MjZIMjAuNDJ2NS45MjZ6IiBmaWxsPSJ1cmwoI0EpIj48L3BhdGg+PHBhdGggZD0iTTQwLjY3OSAzOS40ODNoLTguMjdhMS4xNyAxLjE3IDAgMCAxLTEuMTcyLTEuMTcydi04LjI3YTEuMTcgMS4xNyAwIDAgMSAxLjE3Mi0xLjE3Mmg4LjI3YTEuMTcgMS4xNyAwIDAgMSAxLjE3MiAxLjE3MnY4LjI3YTEuMTcgMS4xNyAwIDAgMS0xLjE3MiAxLjE3MnptLTcuMDk4LTIuMzQ0aDUuOTI2di01LjkyNmgtNS45MjZ2NS45MjZ6IiBmaWxsPSJ1cmwoI0EpIj48L3BhdGg+PHBhdGggZD0iTTMxLjQwOSA1Ni4zNjhoLTIuODkxYTEuMTcgMS4xNyAwIDEgMSAwLTIuMzQ0aDIuODkxYTEuMTcgMS4xNyAwIDEgMSAwIDIuMzQ0eiIgZmlsbD0idXJsKCNBKSI+PC9wYXRoPjxwYXRoIGQ9Ik0zMy44MzEgNDQuNjQ4aC03LjczNGExLjE3IDEuMTcgMCAxIDEgMC0yLjM0NGg3LjczNGExLjE3IDEuMTcgMCAxIDEgMCAyLjM0NHoiIGZpbGw9InVybCgjQSkiPjwvcGF0aD48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9IkEiIHgxPSIxMy4xMjYiIHkxPSIzMC4xNDQiIHgyPSI0Ni44MDMiIHkyPSIzMC4xNDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjNjM2NmYxIj48L3N0b3A+PHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzhiNWNmNiI+PC9zdG9wPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2Q5NDZlZiI+PC9zdG9wPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==);
    }


    i.bold, button.bold {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSItNjQgMCA1MTIgNTEyIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik0zMzMuNDkgMjM4YTEyMiAxMjIgMCAwIDAgMjctNjUuMjFDMzY3Ljg3IDk2LjQ5IDMwOCAzMiAyMzMuNDIgMzJIMzRhMTYgMTYgMCAwIDAtMTYgMTZ2NDhhMTYgMTYgMCAwIDAgMTYgMTZoMzEuODd2Mjg4SDM0YTE2IDE2IDAgMCAwLTE2IDE2djQ4YTE2IDE2IDAgMCAwIDE2IDE2aDIwOS4zMmM3MC44IDAgMTM0LjE0LTUxLjc1IDE0MS0xMjIuNCA0Ljc0LTQ4LjQ1LTE2LjM5LTkyLjA2LTUwLjgzLTExOS42ek0xNDUuNjYgMTEyaDg3Ljc2YTQ4IDQ4IDAgMCAxIDAgOTZoLTg3Ljc2em04Ny43NiAyODhoLTg3Ljc2VjI4OGg4Ny43NmE1NiA1NiAwIDAgMSAwIDExMnoiLz48L3N2Zz4=);
    }

    i.italic, button.italic { 
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSItOTYgMCA1MTIgNTEyIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik0zMjAgNDh2MzJhMTYgMTYgMCAwIDEtMTYgMTZoLTYyLjc2bC04MCAzMjBIMjA4YTE2IDE2IDAgMCAxIDE2IDE2djMyYTE2IDE2IDAgMCAxLTE2IDE2SDE2YTE2IDE2IDAgMCAxLTE2LTE2di0zMmExNiAxNiAwIDAgMSAxNi0xNmg2Mi43Nmw4MC0zMjBIMTEyYTE2IDE2IDAgMCAxLTE2LTE2VjQ4YTE2IDE2IDAgMCAxIDE2LTE2aDE5MmExNiAxNiAwIDAgMSAxNiAxNnoiLz48L3N2Zz4=);
    }

    i.underline, button.underline {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSItNjQgMCA1MTIgNTEyIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik0xOTIgMzUycS01MyAwLTkwLTM3LTM4LTM4LTM4LTkxVjgwaDY0djE0NHEwIDI3IDE5IDQ2IDE4IDE4IDQ1IDE4IDI3IDAgNDYtMTggMTgtMTkgMTgtNDZWODBoNjR2MTQ0cTAgNTMtMzcgOTEtMzggMzctOTEgMzd6TTY0IDM4NGgyNTZ2NDhINjR2LTQ4eiIvPjwvc3ZnPg==);
        background-size: 22px !important;
        background-position: -3px -2px;
    }

    i.strikethrough, button.strikethrough { 
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00OTYgMjI0SDI5My45bC04Ny4xNy0yNi44M0E0My41NSA0My41NSAwIDAgMSAyMTkuNTUgMTEyaDY2Ljc5QTQ5Ljg5IDQ5Ljg5IDAgMCAxIDMzMSAxMzkuNThhMTYgMTYgMCAwIDAgMjEuNDYgNy4xNWw0Mi45NC0yMS40N2ExNiAxNiAwIDAgMCA3LjE2LTIxLjQ2bC0uNTMtMUExMjggMTI4IDAgMCAwIDI4Ny41MSAzMmgtNjhhMTIzLjY4IDEyMy42OCAwIDAgMC0xMjMgMTM1LjY0YzIgMjAuODkgMTAuMSAzOS44MyAyMS43OCA1Ni4zNkgxNmExNiAxNiAwIDAgMC0xNiAxNnYzMmExNiAxNiAwIDAgMCAxNiAxNmg0ODBhMTYgMTYgMCAwIDAgMTYtMTZ2LTMyYTE2IDE2IDAgMCAwLTE2LTE2em0tMTgwLjI0IDk2QTQzIDQzIDAgMCAxIDMzNiAzNTYuNDUgNDMuNTkgNDMuNTkgMCAwIDEgMjkyLjQ1IDQwMGgtNjYuNzlBNDkuODkgNDkuODkgMCAwIDEgMTgxIDM3Mi40MmExNiAxNiAwIDAgMC0yMS40Ni03LjE1bC00Mi45NCAyMS40N2ExNiAxNiAwIDAgMC03LjE2IDIxLjQ2bC41MyAxQTEyOCAxMjggMCAwIDAgMjI0LjQ5IDQ4MGg2OGExMjMuNjggMTIzLjY4IDAgMCAwIDEyMy0xMzUuNjQgMTE0LjI1IDExNC4yNSAwIDAgMC01LjM0LTI0LjM2eiIvPjwvc3ZnPg==);
    }

    i.heading, button.heading, i.h2, button.h2, i.h3, button.h3, i.h4, button.h4 {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik00NDggOTZ2MzIwaDMyYTE2IDE2IDAgMCAxIDE2IDE2djMyYTE2IDE2IDAgMCAxLTE2IDE2SDMyMGExNiAxNiAwIDAgMS0xNi0xNnYtMzJhMTYgMTYgMCAwIDEgMTYtMTZoMzJWMjg4SDE2MHYxMjhoMzJhMTYgMTYgMCAwIDEgMTYgMTZ2MzJhMTYgMTYgMCAwIDEtMTYgMTZIMzJhMTYgMTYgMCAwIDEtMTYtMTZ2LTMyYTE2IDE2IDAgMCAxIDE2LTE2aDMyVjk2SDMyYTE2IDE2IDAgMCAxLTE2LTE2VjQ4YTE2IDE2IDAgMCAxIDE2LTE2aDE2MGExNiAxNiAwIDAgMSAxNiAxNnYzMmExNiAxNiAwIDAgMS0xNiAxNmgtMzJ2MTI4aDE5MlY5NmgtMzJhMTYgMTYgMCAwIDEtMTYtMTZWNDhhMTYgMTYgMCAwIDEgMTYtMTZoMTYwYTE2IDE2IDAgMCAxIDE2IDE2djMyYTE2IDE2IDAgMCAxLTE2IDE2eiIvPjwvc3ZnPg==);
    }

   
    i.quote, button.quote {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00NjQgMzJIMzM2Yy0yNi41IDAtNDggMjEuNS00OCA0OHYxMjhjMCAyNi41IDIxLjUgNDggNDggNDhoODB2NjRjMCAzNS4zLTI4LjcgNjQtNjQgNjRoLThjLTEzLjMgMC0yNCAxMC43LTI0IDI0djQ4YzAgMTMuMyAxMC43IDI0IDI0IDI0aDhjODguNCAwIDE2MC03MS42IDE2MC0xNjBWODBjMC0yNi41LTIxLjUtNDgtNDgtNDh6bS0yODggMEg0OEMyMS41IDMyIDAgNTMuNSAwIDgwdjEyOGMwIDI2LjUgMjEuNSA0OCA0OCA0OGg4MHY2NGMwIDM1LjMtMjguNyA2NC02NCA2NGgtOGMtMTMuMyAwLTI0IDEwLjctMjQgMjR2NDhjMCAxMy4zIDEwLjcgMjQgMjQgMjRoOGM4OC40IDAgMTYwLTcxLjYgMTYwLTE2MFY4MGMwLTI2LjUtMjEuNS00OC00OC00OHoiLz48L3N2Zz4=);
    }

    i.listol, button.listol {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJtNjIgNDAxIDE3LTIwYTIwIDIwIDAgMCAwIDUtMTR2LTRjMC03LTMtMTEtMTEtMTFIMTZhOCA4IDAgMCAwLTggOHYxNmE4IDggMCAwIDAgOCA4aDIzYTE1NyAxNTcgMCAwIDAtMTEgMTJsLTYgN2MtNCA1LTUgMTAtMyAxNWwxIDJjMyA2IDcgOCAxMyA4aDRjMTEgMCAxNiAyIDE2IDkgMCA1LTQgOC0xNCA4YTQyIDQyIDAgMCAxLTE1LTNjLTctNC0xMi0zLTE2IDNsLTYgMTBjLTMgNi0zIDExIDMgMTYgOCA0IDIwIDkgMzcgOSAzNCAwIDQ5LTIzIDQ5LTQ0LTEtMTUtMTAtMzAtMjktMzV6bTQzNC0xNzdIMTc2YTE2IDE2IDAgMCAwLTE2IDE2djMyYTE2IDE2IDAgMCAwIDE2IDE2aDMyMGExNiAxNiAwIDAgMCAxNi0xNnYtMzJhMTYgMTYgMCAwIDAtMTYtMTZ6bTAtMTYwSDE3NmExNiAxNiAwIDAgMC0xNiAxNnYzMmExNiAxNiAwIDAgMCAxNiAxNmgzMjBhMTYgMTYgMCAwIDAgMTYtMTZWODBhMTYgMTYgMCAwIDAtMTYtMTZ6bTAgMzIwSDE3NmExNiAxNiAwIDAgMC0xNiAxNnYzMmExNiAxNiAwIDAgMCAxNiAxNmgzMjBhMTYgMTYgMCAwIDAgMTYtMTZ2LTMyYTE2IDE2IDAgMCAwLTE2LTE2ek0xNiAxNjBoNjRhOCA4IDAgMCAwIDgtOHYtMTZhOCA4IDAgMCAwLTgtOEg2NFY0MGE4IDggMCAwIDAtOC04SDMyYTggOCAwIDAgMC03IDRsLTggMTZhOCA4IDAgMCAwIDcgMTJoOHY2NEgxNmE4IDggMCAwIDAtOCA4djE2YTggOCAwIDAgMCA4IDh6bS00IDE2MGg2OGE4IDggMCAwIDAgOC04di0xNmE4IDggMCAwIDAtOC04SDQxYzQtMTAgNDktMTkgNDktNTYgMC0yOS0yNS00MC00NS00MC0yMSAwLTM0IDEwLTQwIDE5LTUgNS0zIDExIDMgMTVsOCA3YzYgNSAxMSAyIDE2LTJhMTMgMTMgMCAwIDEgMTAtNGMzIDAgOSAxIDkgOCAwIDEzLTUxIDIyLTUxIDcwdjRjMCA3IDUgMTEgMTIgMTF6Ii8+PC9zdmc+);
    }
    

    i.listul, button.listul {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDggNDhhNDggNDggMCAxIDAgNDggNDggNDggNDggMCAwIDAtNDgtNDh6bTAgMTYwYTQ4IDQ4IDAgMSAwIDQ4IDQ4IDQ4IDQ4IDAgMCAwLTQ4LTQ4em0wIDE2MGE0OCA0OCAwIDEgMCA0OCA0OCA0OCA0OCAwIDAgMC00OC00OHptNDQ4IDE2SDE3NmExNiAxNiAwIDAgMC0xNiAxNnYzMmExNiAxNiAwIDAgMCAxNiAxNmgzMjBhMTYgMTYgMCAwIDAgMTYtMTZ2LTMyYTE2IDE2IDAgMCAwLTE2LTE2em0wLTMyMEgxNzZhMTYgMTYgMCAwIDAtMTYgMTZ2MzJhMTYgMTYgMCAwIDAgMTYgMTZoMzIwYTE2IDE2IDAgMCAwIDE2LTE2VjgwYTE2IDE2IDAgMCAwLTE2LTE2em0wIDE2MEgxNzZhMTYgMTYgMCAwIDAtMTYgMTZ2MzJhMTYgMTYgMCAwIDAgMTYgMTZoMzIwYTE2IDE2IDAgMCAwIDE2LTE2di0zMmExNiAxNiAwIDAgMC0xNi0xNnoiLz48L3N2Zz4=);
    }

    i.code, button.code {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTY0IDY0MCA2NDAiPjxwYXRoIGQ9Im0yNzkgNTEyLTYxLTE4Yy03LTItMTAtOS04LTE1TDM0NiA5YzItNyA5LTEwIDE1LTlsNjEgMThjNiAyIDEwIDkgOCAxNUwyOTQgNTAzYy0yIDctOSAxMC0xNSA5ek0xNjUgMzk5bDQzLTQ2YzUtNSA1LTEzIDAtMTdsLTkxLTgwIDkxLTgwYzUtNCA1LTEyIDAtMTdsLTQzLTQ2Yy01LTUtMTItNS0xNy0xTDQgMjQ3Yy01IDUtNSAxMyAwIDE4bDE0NCAxMzVjNSA0IDEyIDQgMTctMXptMzI3IDEgMTQ0LTEzNWM1LTUgNS0xMyAwLTE4TDQ5MiAxMTJjLTUtNC0xMi00LTE3IDFsLTQzIDQ2Yy01IDUtNSAxMyAwIDE3bDkxIDgwLTkxIDgwYy01IDQtNSAxMiAwIDE3bDQzIDQ2YzUgNSAxMiA1IDE3IDF6Ii8+PC9zdmc+);
        background-size: 19px;
        background-position: 0px -1px;
        width: 21px;
    }

    i.hr, button.hr {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00NjQgMzUySDQ4Yy0yNi41IDAtNDggMjEuNS00OCA0OHYzMmMwIDI2LjUgMjEuNSA0OCA0OCA0OGg0MTZjMjYuNSAwIDQ4LTIxLjUgNDgtNDh2LTMyYzAtMjYuNS0yMS41LTQ4LTQ4LTQ4eiIvPjwvc3ZnPg==);
    }

    i.link, button.link {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMzI3IDE4NWExNTIgMTUyIDAgMCAxIDAgMjE1bC02OCA2OEExNTIgMTUyIDAgMCAxIDQ0IDI1M2wzOC0zOGM5LTkgMjYtMyAyNyAxMSAxIDE4IDQgMzYgMTAgNTMgMiA2IDAgMTItNCAxNmwtMTMgMTRhNzMgNzMgMCAwIDAtMSAxMDFjMjggMjkgNzQgMjkgMTAyIDFsNjctNjdhNzIgNzIgMCAwIDAtMTAtMTExIDE2IDE2IDAgMCAxLTctMTJjLTEtMTEgMy0yMiAxMS0zMGwyMi0yMWM1LTYgMTQtNiAyMC0yYTE1MiAxNTIgMCAwIDEgMjEgMTd6TTQ2OCA0NGMtNjAtNTktMTU2LTU5LTIxNSAwbC02OCA2OGMtNTkgNTktNTkgMTU1IDAgMjE1YTE1MiAxNTIgMCAwIDAgMjEgMTdjNiA0IDE1IDQgMjAtMmwyMi0yMWM4LTggMTItMTkgMTEtMzBhMTYgMTYgMCAwIDAtNy0xMmwtMTAtOWE3MiA3MiAwIDAgMSAwLTEwMmw2Ny02N2MyOC0yOCA3NC0yOCAxMDIgMSAyOCAyOCAyNyA3My0xIDEwMWwtMTMgMTRjLTQgNC02IDEwLTQgMTYgNiAxNyA5IDM1IDEwIDUzIDEgMTQgMTggMjAgMjcgMTFsMzgtMzhjNTktNTkgNTktMTU1IDAtMjE1eiIvPjwvc3ZnPg==);
    }

    i.image, button.image {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDY0IDQ0OEg0OGMtMjcgMC00OC0yMS00OC00OFYxMTJjMC0yNyAyMS00OCA0OC00OGg0MTZjMjcgMCA0OCAyMSA0OCA0OHYyODhjMCAyNy0yMSA0OC00OCA0OHpNMTEyIDEyMGE1NiA1NiAwIDEgMCAwIDExMiA1NiA1NiAwIDAgMCAwLTExMnpNNjQgMzg0aDM4NFYyNzJsLTg4LTg4Yy00LTQtMTItNC0xNiAwTDIwOCAzMjBsLTU2LTU2Yy00LTQtMTItNC0xNiAwbC03MiA3MnY0OHoiLz48L3N2Zz4=);
        background-size: 23px !important;
        background-position: 0px -3px;
        width: 24px;
        height: 21px;
    }

    i.shield, .btn.shield:after, #memoText:after, .document13, .txhistory li i:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00NjYuNSA4My43bC0xOTItODBhNDguMTUgNDguMTUgMCAwIDAtMzYuOSAwbC0xOTIgODBDMjcuNyA5MS4xIDE2IDEwOC42IDE2IDEyOGMwIDE5OC41IDExNC41IDMzNS43IDIyMS41IDM4MC4zIDExLjggNC45IDI1LjEgNC45IDM2LjkgMEMzNjAuMSA0NzIuNiA0OTYgMzQ5LjMgNDk2IDEyOGMwLTE5LjQtMTEuNy0zNi45LTI5LjUtNDQuM3pNMjU2LjEgNDQ2LjNsLS4xLTM4MSAxNzUuOSA3My4zYy0zLjMgMTUxLjQtODIuMSAyNjEuMS0xNzUuOCAzMDcuN3oiLz48L3N2Zz4=);
    }

    #memoText:after {
        content: " ";
        width: 13px;
        height: 16px;
        display: inline-block;
        background-size: 13px;
        background-repeat: no-repeat;
    }

    #memoText {
        padding-left: 33px !important;
        width: 44px;
        margin: 0px -11px 0 6px;
    }

    .moon .document13 {
        filter: invert(27%) sepia(51%) saturate(550%) hue-rotate(217deg) brightness(183%) contrast(84%);
        color: #000;
    }

    .btn.second.shield {
        padding: 10px 40px 5px;
        margin: 10px auto;
        height: auto;
    }

    .btn.shield:after {
        content: " ";
        filter: invert(1);
        width: 20px;
        height: 20px;
        margin: 0 auto;
        display: inline-block;
        background-size: 20px;
    }

    i.bell {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDExIDI2M3YtNDhjMC03MC00Ni0xMjktMTEwLTE0OFY0NWE0NSA0NSAwIDAgMC05MCAwdjIyYy02NCAxOS0xMTAgNzgtMTEwIDE0OHY0OGMwIDYxLTIzIDExOS02NiAxNjRhMTUgMTUgMCAwIDAgMTEgMjVoMTM3YTc1IDc1IDAgMCAwIDE0NiAwaDEzN2ExNSAxNSAwIDAgMCAxMS0yNWMtNDMtNDUtNjYtMTAzLTY2LTE2NHpNMjQxIDQ1YTE1IDE1IDAgMCAxIDE1LTE1IDE1IDE1IDAgMCAxIDE1IDE1djE2YTE1NiAxNTYgMCAwIDAtMzAgMHptMTUgNDM3Yy0yMCAwLTM2LTEzLTQyLTMwaDg0Yy02IDE3LTIyIDMwLTQyIDMwek03OCA0MjJjMzQtNDYgNTMtMTAxIDUzLTE1OXYtNDhhMTI1IDEyNSAwIDAgMSAyNTAgMHY0OGMwIDU4IDE5IDExMyA1MyAxNTl6bTM3My0yMDdhMTUgMTUgMCAwIDAgMzAgMGMwLTYwLTIzLTExNy02Ni0xNTlhMTUgMTUgMCAwIDAtMjEgMjFjMzcgMzcgNTcgODYgNTcgMTM4ek00NiAyMzBjOCAwIDE1LTcgMTUtMTUgMC01MiAyMC0xMDEgNTctMTM4YTE1IDE1IDAgMSAwLTIxLTIxYy00MyA0Mi02NiA5OS02NiAxNTkgMCA4IDcgMTUgMTUgMTV6Ii8+PC9zdmc+);
        width: 20px;
        margin-top: 7px;
    }

    i.lang {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNMiAxMmExMCAxMCAwIDEgMCAyMCAwIDEwIDEwIDAgMCAwLTIwIDBaIi8+PHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNMTMgMnMzIDQgMyAxMC0zIDEwLTMgMTBtLTIgMHMtMy00LTMtMTAgMy0xMCAzLTEwTTIuNiAxNS41aDE4LjhtLTE4LjgtN2gxOC44Ii8+PC9zdmc+);
        width: 22px;
        margin-top: 6px;
        vertical-align: top;
    }

    i.pricerange {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSAxNWE0IDQgMCAxIDAgMC04IDQgNCAwIDAgMCAwIDh6bTUtNGE1IDUgMCAxIDEtMTAgMCA1IDUgMCAwIDEgMTAgMHoiLz48cGF0aCBkPSJNOS40NCAxMS45NGMuMDUuNi41MiAxLjA2IDEuMzYgMS4xMnYuNDRoLjM4di0uNDRjLjg3LS4wNiAxLjM4LS41MyAxLjM4LTEuMjEgMC0uNjItLjM5LS45NC0xLjA5LTEuMWwtLjMtLjA3di0xLjJjLjM4LjA0LjYyLjI1LjY4LjUzaC42NWMtLjA0LS41Ny0uNTQtMS4wMi0xLjMyLTEuMDdWOC41aC0uMzh2LjQ1Yy0uNzUuMDctMS4yNS41Mi0xLjI1IDEuMTYgMCAuNTYuMzcuOTIgMSAxLjA2bC4yNS4wNnYxLjI4Yy0uMzgtLjA2LS42NC0uMjctLjctLjU3aC0uNjZ6bTEuMzYtMS4zNWMtLjM3LS4wOS0uNTctLjI2LS41Ny0uNTIgMC0uMy4yMS0uNTIuNTctLjU4djEuMXptLjQzLjc1Yy40NS4xLjY2LjI3LjY2LjU3IDAgLjMzLS4yNi41Ny0uNzEuNnYtMS4xOWwuMDUuMDJ6TTEgMGExIDEgMCAwIDAtMSAxdjhhMSAxIDAgMCAwIDEgMWg0LjA4YTYuMDYgNi4wNiAwIDAgMSAuMjYtMUgzYTIgMiAwIDAgMC0yLTJWM2EyIDIgMCAwIDAgMi0yaDEwYTIgMiAwIDAgMCAyIDJ2My41M2E2LjAyIDYuMDIgMCAwIDEgMSAxLjE1VjFhMSAxIDAgMCAwLTEtMUgxem05IDUuMDhWNWEyIDIgMCAxIDAtMy4xMyAxLjY1QTUuOTggNS45OCAwIDAgMSAxMCA1LjA4eiIvPjwvc3ZnPg==);
        margin-right: 2px;
        margin-left: 10px;
    }

    i.tokbook, .document13:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0IDEwVjEuNWwtLjUtLjVIMy43NGExLjkgMS45IDAgMCAwLS42Ny4xMyAxLjc3IDEuNzcgMCAwIDAtLjk0IDEgMS43IDEuNyAwIDAgMC0uMTMuNjJ2OS41YTEuNyAxLjcgMCAwIDAgLjEzLjY3Yy4xNzcuNDI3LjUxNS43NjguOTQuOTVhMS45IDEuOSAwIDAgMCAuNjcuMTNINHYtMWgtLjI2YS43Mi43MiAwIDAgMS0uMjktLjA2Ljc0Ljc0IDAgMCAxLS40LS40LjkzLjkzIDAgMCAxLS4wNS0uMjl2LS41YS45My45MyAwIDAgMSAuMDUtLjI5Ljc0Ljc0IDAgMCAxIC40LS40LjcyLjcyIDAgMCAxIC4yODYtLjA2SDEzdjJIOXYxaDQuNWwuNS0uNVYxMHpNNCAxMFYyaDl2OEg0em0xLTdoMXYxSDVWM3ptMCAyaDF2MUg1VjV6bTEgMkg1djFoMVY3em0uNSA2LjQ5TDUuMjggMTVINXYtM2gzdjNoLS4yOEw2LjUgMTMuNDl6Ii8+PC9zdmc+);
    }

    #subfilter i, #xpeditor footer i {
        background-size: 19px;
        background-position: 0 1px;
        width: 20px;
        height: 25px;
        display: inline-block;
        vertical-align: middle;
        opacity: 0.666;
    }

    .wallet, label.wallet::before, .pv b {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik0yMTYgNzJINTZhOCA4IDAgMCAxIDAtMTZoMTM2YTggOCAwIDAgMCAwLTE2SDU2YTI0LjAyOCAyNC4wMjggMCAwIDAtMjQgMjR2MTI4YTI0LjAyOCAyNC4wMjggMCAwIDAgMjQgMjRoMTYwYTE2LjAxOCAxNi4wMTggMCAwIDAgMTYtMTZWODhhMTYuMDE4IDE2LjAxOCAwIDAgMC0xNi0xNnptLTM2IDg0YTEyIDEyIDAgMSAxIDEyLTEyIDEyIDEyIDAgMCAxLTEyIDEyeiIvPjwvc3ZnPg==);
        background-size: 15px !important;
        background-position: 0 -1px;
        background-repeat: no-repeat;
    }

    .pv b {
        padding: 3px 0 2px 24px;
        line-height: 14px;
        margin: 0px 2px 0;
        float: right;
        background-size: 21px !important;
        font-size: 13px;
        color: #2b066c;
        filter: invert(27%) sepia(51%) saturate(550%) hue-rotate(217deg) brightness(183%) contrast(84%);
        cursor: pointer;
    }

    label.wallet {
        height: 28px;
        display: inline-block;
        background: none;
    }

    label.wallet::before {
        background-size: 22px !important;
        content: " ";
        background-position: 0px 3px;
        padding-left: 23px;
        height: 28px;
        display: inline-block;
        filter: invert(1);
        filter: invert(27%) sepia(51%) saturate(550%) hue-rotate(217deg) brightness(183%) contrast(84%) !important;
    }

    .close, #sqr i, li.st1 > b {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSItODAgMCA1MTIgNTEyIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik0yNDIuNzIgMjU2bDEwMC4wNy0xMDAuMDdjMTIuMjgtMTIuMjggMTIuMjgtMzIuMTkgMC00NC40OGwtMjIuMjQtMjIuMjRjLTEyLjI4LTEyLjI4LTMyLjE5LTEyLjI4LTQ0LjQ4IDBMMTc2IDE4OS4yOCA3NS45MyA4OS4yMWMtMTIuMjgtMTIuMjgtMzIuMTktMTIuMjgtNDQuNDggMEw5LjIxIDExMS40NWMtMTIuMjggMTIuMjgtMTIuMjggMzIuMTkgMCA0NC40OEwxMDkuMjggMjU2IDkuMjEgMzU2LjA3Yy0xMi4yOCAxMi4yOC0xMi4yOCAzMi4xOSAwIDQ0LjQ4bDIyLjI0IDIyLjI0YzEyLjI4IDEyLjI4IDMyLjIgMTIuMjggNDQuNDggMEwxNzYgMzIyLjcybDEwMC4wNyAxMDAuMDdjMTIuMjggMTIuMjggMzIuMiAxMi4yOCA0NC40OCAwbDIyLjI0LTIyLjI0YzEyLjI4LTEyLjI4IDEyLjI4LTMyLjE5IDAtNDQuNDhMMjQyLjcyIDI1NnoiLz48L3N2Zz4=);
        width: 21px;
        margin-right: -2px !important;
        margin-top: -1px;
        background-position: 2px 1px;
        background-size: cover;
        cursor: pointer;
    }

    #sqr i {
        filter: invert(1);
        display: block;
        width: 32px;
        height: 30px;
        float: right;
        margin: 7px -33px 0;
        padding: 7px;
        opacity: 1;
        position: absolute;
        top: 23px;
        right: 34px;
    }

    #sqr i:hover {
        opacity: 1;
    }

    i.home {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzMiIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNODAgMjEydjIzNmExNiAxNiAwIDAgMCAxNiAxNmg5NlYzMjhhMjQgMjQgMCAwIDEgMjQtMjRoODBhMjQgMjQgMCAwIDEgMjQgMjR2MTM2aDk2YTE2IDE2IDAgMCAwIDE2LTE2VjIxMm00OCA0NEwyNjYuODkgNTJjLTUtNS4yOC0xNi42OS01LjM0LTIxLjc4IDBMMzIgMjU2bTM2OC03N1Y2NGgtNDh2NjkiLz48L3N2Zz4=);
    }

    i.map {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNMjQgMTAuOWMwIDctOCAxMy4xLTggMTMuMXMtOC02LjEtOC0xMy4xQzggNi41IDExLjYgMyAxNiAzczggMy41IDggNy45eiIvPjxnIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTE5LjIgMjFIMjVsNCA4SDNsNC04aDUuOE0xMiAxMWw0LTMgNCAzIi8+PHBhdGggZD0iTTE5IDEwLjNWMTVoLTZ2LTQuNyIvPjwvZz48L3N2Zz4=);
    }

    i.live {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNNS45OSA0LjkyOWEuNzUuNzUgMCAwIDEgMCAxLjA2MSA4LjUgOC41IDAgMCAwIDAgMTIuMDIxLjc1Ljc1IDAgMSAxLTEuMDYxIDEuMDYxYy0zLjkwNS0zLjkwNS0zLjkwNS0xMC4yMzcgMC0xNC4xNDJhLjc1Ljc1IDAgMCAxIDEuMDYxIDB6bTEzLjA4MSAwYzMuOTA1IDMuOTA1IDMuOTA1IDEwLjIzNyAwIDE0LjE0MmEuNzUuNzUgMCAxIDEtMS4wNjEtMS4wNjEgOC41IDguNSAwIDAgMCAwLTEyLjAyMS43NS43NSAwIDEgMSAxLjA2MS0xLjA2MXpNOC44MTggNy43NTdhLjc1Ljc1IDAgMCAxIDAgMS4wNjEgNC41IDQuNSAwIDAgMCAwIDYuMzY0Ljc1Ljc1IDAgMCAxLTEuMDYxIDEuMDYxIDYgNiAwIDAgMSAwLTguNDg1Ljc1Ljc1IDAgMCAxIDEuMDYxIDB6bTcuNDI1IDBhNiA2IDAgMCAxIDAgOC40ODUuNzUuNzUgMCAxIDEtMS4wNjEtMS4wNjEgNC41IDQuNSAwIDAgMCAwLTYuMzY0Ljc1Ljc1IDAgMCAxIDEuMDYxLTEuMDYxek0xMiAxMC41YTEuNSAxLjUgMCAxIDEgMCAzIDEuNSAxLjUgMCAxIDEgMC0zeiIgZmlsbD0iIzIxMjEyMSIvPjwvc3ZnPg==);
        background-size: 29px !important;
        background-position: center -5px !important;
    }

    .dropdown-menu i.live {
        background-size: 22px !important;
        width: 21px;
        background-position: center -1px !important;
    }

    i.user {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NTYgNDU2Ij48cGF0aCBkPSJtMzI0IDIyMS0yMSAyMWM0NiAyNiA3NiA3NSA3NiAxMzEgMCAzMC02NiA1NC0xNTEgNTRTNzcgNDAzIDc3IDM3M2MwLTU2IDMxLTEwNSA3Ni0xMzFsLTIxLTIxYy01MCAzMS04NCA4OC04NCAxNTIgMCAyMCAxMCA0NyA2MSA2NSAzMiAxMiA3NCAxOCAxMTkgMThzODgtNiAxMTktMThjNTEtMTggNjItNDUgNjItNjUgMC02NC0zNC0xMjEtODUtMTUyem0tOTYgMTljNTcgMCAxMDEtNTUgMTAxLTEyMFMyODUgMCAyMjggMCAxMjggNTUgMTI4IDEyMHM0MyAxMjAgMTAwIDEyMHptMC0yMTFjNDAgMCA3MiA0MSA3MiA5MXMtMzIgOTEtNzIgOTEtNzEtNDEtNzEtOTEgMzItOTEgNzEtOTF6Ii8+PC9zdmc+);
        background-size: 18px !important;
    }
 
    i.bars {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDIgMzAyIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik0wIDM2aDMwMnYzMEgwem0wIDIwMGgzMDJ2MzBIMHptMC0xMDBoMzAydjMwSDB6Ii8+PC9zdmc+);
        margin-right: 17px !important;
    }

    .ver, #workers .v2 h3 i {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzFkOWJmMSIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNMjIuMjUgMTJjMC0xLjQzLS44OC0yLjY3LTIuMTktMy4zNC40Ni0xLjM5LjItMi45LS44MS0zLjkxcy0yLjUyLTEuMjctMy45MS0uODFjLS42Ni0xLjMxLTEuOTEtMi4xOS0zLjM0LTIuMTlzLTIuNjcuODgtMy4zMyAyLjE5Yy0xLjQtLjQ2LTIuOTEtLjItMy45Mi44MXMtMS4yNiAyLjUyLS44IDMuOTFjLTEuMzEuNjctMi4yIDEuOTEtMi4yIDMuMzRzLjg5IDIuNjcgMi4yIDMuMzRjLS40NiAxLjM5LS4yMSAyLjkuOCAzLjkxczIuNTIgMS4yNiAzLjkxLjgxYy42NyAxLjMxIDEuOTEgMi4xOSAzLjM0IDIuMTlzMi42OC0uODggMy4zNC0yLjE5YzEuMzkuNDUgMi45LjIgMy45MS0uODFzMS4yNy0yLjUyLjgxLTMuOTFjMS4zMS0uNjcgMi4xOS0xLjkxIDIuMTktMy4zNHptLTExLjcxIDQuMkw2LjggMTIuNDZsMS40MS0xLjQyIDIuMjYgMi4yNiA0LjgtNS4yMyAxLjQ3IDEuMzYtNi4yIDYuNzd6Ii8+PC9zdmc+);
        opacity: 1 !important;
        padding-left: 16px;
        margin-left: 1px;
        vertical-align: top;
        background-size: 14px;
        display: inline-block;
        background-position: 1px 4px;
        filter: none;
    }

    #workers .v2 h3 i {
        height: 22px;
        background-size: 14px;
    }


    i.airplane, .ux dir s:first-child {
        width: 44px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIzLjYuMmEuOC44IDAgMCAxIC40LjhsLTMuNCAyMC42YS44LjggMCAwIDEtLjUuNi44LjggMCAwIDEtLjQgMCAxIDEgMCAwIDEtLjMgMGwtNy0yLjktNCA0LjRhLjguOCAwIDAgMS0uNy4zLjguOCAwIDAgMS0uMyAwIC44LjggMCAwIDEtLjQtLjRsLS4xLS41di02TC41IDE0LjVhLjguOCAwIDAgMS0uNS0uNy45LjkgMCAwIDEgMC0uMS44LjggMCAwIDEgLjQtLjdMMjIuNyAwYS44LjggMCAwIDEgLjQtLjFjLjIgMCAuNCAwIC41LjJ6bS00LjYgMjAgMy0xNy43LTE5LjIgMTEgNC41IDIgMTEuNi04LjYtNi40IDEwLjZ6Ii8+PC9zdmc+);
        background-repeat: no-repeat;
    }

    i.room, .progress-bar::after, .qmenu::after, #userbackground::after {
        background-size: 22px !important;
        background-repeat: no-repeat;
        background-size: 100%;
        vertical-align: middle;
        margin-left: -16px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTAgNjEwIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGZpbGw9IiNmMWY1ZjUiIGQ9Ik00MzQgNDY2LjRsMTIuMyAxMC45LS44IDEuM2MtMSAuMS0yIC40LTMgLjRsLTY2LjMtLjFjLTIuMSAwLTQuNy0xLjMtNi4zLTIuOC0xMC05LjctMTkuOC0xOS42LTI5LjgtMzAuMS0yLjUtMi42LTUtNC41LTcuMS02LjZMMzIxIDQyOGwtMTUuNi0xNS40Yy0xLjMtMS43LTIuMy0zLTMuNS00LjJsLTU2LjgtNTYuOC0xMS43LTEyLjEtNjQuOCA2Mi44Yy0yMi42LjEtNDQuNi4yLTY2LjctLjFsOTkuNi05NGMtMS45LTEuNS0zLjQtMi41LTQuNy0zLjhMMTE1IDIyMy41YTMyIDMyIDAgMCAxLTQuNi01LjlsNjkuOC4zIDU3LjQgNTguNCA2MS45LTU4LjYgNjMgLjNhMjgyOTYgMjgyOTYgMCAwIDEtOTAuNyA4Ni42Yy45IDEgMS42IDIgMi40IDIuN2w3Ni41IDc1LjRjNC42IDQuNSA5LjYgOC43IDE0LjQgMTMuNCAxLjYgMiAzIDMuOCA0LjYgNS41bDE5IDE5LjcgMTcuMyAxNy42IDI4IDI3LjV6Ii8+PHBhdGggZmlsbD0iI2RjM2IzYiIgZD0iTTI5OSAyMTcuNmwtNjEuNCA1OC43LTU3LjUtNTguOGMtMS40LjctNjktLjUtNzAuMiAwIDEuNyAyIDMuMiA0LjIgNSA2bDgxLjkgODAuOGMxLjMgMS4zIDIuOCAyLjMgNC43IDMuOGE5OTYyLjggOTk2Mi44IDAgMCAwLTk5LjQgOTQuM2MuNyAxIDEuMyAxLjUgMS45IDEuNWg2MmMxIDAgMi0xLjEgMy0xLjdsNjQuNC02Mi44IDExLjcgMTIgNTYuOCA1Ni45YzEuMiAxLjEgMi4yIDIuNSAzLjIgNC05LjIuNC0xOC40LjctMjcuNS4zYTEzIDEzIDAgMCAxLTcuOC0zLjJjLTEwLjQtMTAtMjAuNS0yMC40LTMwLjgtMzAuNi0xLjEtMS4yLTIuMy0yLjMtNC4zLTRsLTE5LjkgMjAuNWMtNS4yIDUuNC0xMC4zIDEwLjktMTYgMTUuNy0yIDEuNy01LjQgMi41LTguMSAyLjUtMzguOCAwLTc3LjUtLjMtMTE2LjMtLjVoLTkuNmMzNS4zLTM2LjIgNzEuNC02OS44IDEwNi44LTEwNC45TDEwLjggMTUyLjZsNS0uNCAzMi41LjJjMi4zIDAgNS4zIDEuMSA3IDIuN2w0OS42IDQ5LjdjMS43LjggMyAxLjIgNC4zIDEuMmg4OC40bDM2LjQgMzggMzktMzkuNWMxLjMgMCAyLjItLjMgMy0uNWw1Ny44LjIgNjkuMiAxLjQtMjEuMiAyMS42LTYxLjEgNTkuNGMtNy41IDcuNC0xNC4xIDE1LjUtMjEuNSAyMy43YTI3NDI4IDI3NDI4IDAgMCAxIDczLjUgNzEuMmMtMi4zIDUuMS01IDkuNy03LjcgMTQuMy00LjctNC40LTkuNy04LjYtMTQuMy0xM2wtNzktNzguMiA5MC44LTg3Yy0yIC4yLTYyLjQtLjQtNjMuNSAweiIvPjxwYXRoIGZpbGw9IiNmZGZkZmQiIGQ9Ik0zNjUuMSAzOTZsOC0xNC4zYTM2LjUgMzYuNSAwIDAgMC01LjUtMzkuNSA4OS40IDg5LjQgMCAwIDAtMzctMjYuNWMtMTAuNi00LjYtMTEuNS04LjctMy0xNi44bDUyLjMtNDguNyAzMy0zMC43YzguOC04LjMgMTguNS0xMyAzMS4xLTEzLjFsMTI4LjQtMi41SDU5MWMtMS44IDIuMi0zIDQuNC00LjkgNmwtMjkuMyAyNi4zYy00LjIgMy44LTguMiA4LTEyLjcgMTEuM2ExNi4yIDE2LjIgMCAwIDEtOC44IDMuM2wtMTE1IC4xYy02LjggMC0xMyAxLjYtMTguNCA2LjFsLTMzIDI4LjRjMTIgNy43IDI0LjUgMTQuNCAzNS40IDIzLjFhNTguMiA1OC4yIDAgMCAxIDIzLjggNTEuOCA3MS40IDcxLjQgMCAwIDEtMTguNSA0MC42Yy0yLjQgMi44LTUgNS40LTcuOSA4LjVMMzg4LjUgNDIxbC0xOC44LTE5LjRhNzIgNzIgMCAwIDEtNC42LTUuNXoiLz48cGF0aCBmaWxsPSIjZjlmOWY5IiBkPSJNMzIwLjYgNDI4YzQuNCAzLjcgOC4zIDcuNiAxMi40IDExLjQgMi4yIDIgNC42IDQgNyA2LjNhMjYxIDI2MSAwIDAgMS0xOC41IDMuOCAxMzggMTM4IDAgMCAxLTY0LjctMi43QTcwLjcgNzAuNyAwIDAgMSAyMzAgNDMwYy0zLjUtMy4yLTQtNy42LS44LTkuOSAxLjQtMSAzLjgtLjUgNS43LS43LjMgMCAuNi40LjguNiAyMy43IDE5LjggNTAuNCAxNy40IDc3LjYgMTAuNSAyLjQtLjYgNC43LTEuNiA3LjQtMi42eiIvPjxwYXRoIGZpbGw9IiNkYzNhM2EiIGQ9Ik0zODguNiA0MjEuM2M0LTQgOC4zLTcuNyAxMi45LTExLjZsNTguNSA1NS43Yy0uMiAxLjEuNC4xLTQgLjYtNi40IDAtMTIuNyAwLTE5LjctLjItMS4yLS4xLTEuNyAwLTIuMi4zdi4yYTQ1ODAuMyA0NTgwLjMgMCAwIDEtNDUuNS00NVoiLz48cGF0aCBmaWxsPSIjZjc0MTQxIiBkPSJNMjc1LjYgMjA0Yy0uNC4yLTEuMy40LTIuMy40LjUtLjMgMS4yLS40IDIuMy0uNXptNjAuNy42Yy0uNC4yLTEuMSAwLTItLjMuNC0uMiAxLjEgMCAyIC4zeiIvPjwvc3ZnPg==);
        background-position: 0px -16px !important;
    }

    i.room, .progress-bar::after {
        background-size: 62.6px !important;
        background-repeat: no-repeat;
        background-size: 100%;
        vertical-align: middle;
        background-position: 2px -1px;
        filter: none;
        margin-right: -18px;
    }

    #umbrellasc, .umc {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzAiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNNjYuNjM2IDMwLjYzOHMtMjIuOTY2LS4wMjYtMzkuMzcxIDE0LjU3OEMxNC4wMjkgNTcuMDAyIDguOTI3IDcyLjk3MiA4LjYzMSA3My43NjljLS4yNjUuNzE0LjctMi43MDkgOS40MjctMy4zNCA1LjkyOS0uNDI5IDkuODUgMy41NTYgMTEuMTUyIDMuN1MzMi45OTYgNjkuODg0IDQxLjM0IDcwYzcgLjA5OCA5Ljc4NCAzLjI0NCAxMi4xNjQgMy45MjEuODg4LjI1MyA2LjI0OC01LjY0NCAxNC45NDUtNS4xNiA4LjU1MS40NzYgMTEuMjAxIDMuOTM2IDE0Ljg3OSA1LjIxOCAxLjA2Ni4zNzEgNS42NzItNC40NjQgMTIuODQ5LTQuMjE2IDguNzQuMzAyIDEwLjU5NCA0Ljk3OSAxMS41MzcgNC4yMzcgMS4xOTMtLjkzOSA2LjYxOC0zLjYwOCAxMC41OTUtMy41NzggNS4wMDkuMDM4IDEwLjY3OSAzLjU0MSAxMC42NzkgMy41NDFzLTUuMTM1LTIxLjIxNi0yNS41MDgtMzMuNEM4Ni42MzUgMzAuNSA2Ni42MzYgMzAuNjM3IDY2LjYzNiAzMC42Mzd2LjAwMXoiIGZpbGw9IiNlZTU5NDgiLz48cGF0aCBkPSJNNjcuMzE0IDMwLjQwNHMtMTQuMjU3IDEuNjYzLTI0LjIyMyAxMi45MWMtMTAuNDMgMTEuNzczLTE0LjUxNCAzMC4wMzQtMTQuMDM0IDMwLjYyN3MzLjE5LTQuNTk4IDEyLjUzMS00LjM4N2M5LjY2LjIxOCAxMS42MDggNC43ODkgMTIuMDE1IDMuNzg2LjUxNi0xLjI3My40MDMtMTAuMjkxIDIuODA2LTE5Ljk0MyA0LjQ4NC0xOC4wNiAxMC44Ny0yMi40MiAxMC44Ny0yMi40MnM3LjM5NSA3LjE2NyAxMS44NDkgMjIuODQ5YzIuNzk2IDkuODM2IDMuNjc2IDE4LjM3MyA0LjMzMiAxOS42ODkuMjkxLjU4NCA1LjA2NS00LjU2NCAxMi4xMDQtNC4yMTkgOS45MTUuNDg2IDExLjA4MSA0LjUzNiAxMS44ODIgNC4xODguODAyLS4zNTgtNC44ODUtMjAuMTc5LTE1Ljc0My0zMC4yM0M3OS40NDYgMzEuODggNjcuMzE0IDMwLjQwMyA2Ny4zMTQgMzAuNDAzdi4wMDF6IiBmaWxsPSIjZmVmZWZlIi8+PC9zdmc+);
    }

    .xpeditorhead i {
        width: 36px;
        background-size: 20px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .moon .xpeditorhead i {
        opacity: 0.6;
    }

    i.arrow, .icos li em {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM5YjdjZTQiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSItMzIgMCA1MTIgNTEyIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik0yNTcuNSA0NDUuMWwtMjIuMiAyMi4yYy05LjQgOS40LTI0LjYgOS40LTMzLjkgMEw3IDI3M2MtOS40LTkuNC05LjQtMjQuNiAwLTMzLjlMMjAxLjQgNDQuN2M5LjQtOS40IDI0LjYtOS40IDMzLjkgMGwyMi4yIDIyLjJjOS41IDkuNSA5LjMgMjUtLjQgMzQuM0wxMzYuNiAyMTZINDI0YzEzLjMgMCAyNCAxMC43IDI0IDI0djMyYzAgMTMuMy0xMC43IDI0LTI0IDI0SDEzNi42bDEyMC41IDExNC44YzkuOCA5LjMgMTAgMjQuOC40IDM0LjN6Ii8+PC9zdmc+);
    }

    .cog {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM5YjdjZTQiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTE2IDlWN2wtMi4zLS44YTYgNiAwIDAgMC0uNC0xbDEtMi4xTDEzIDEuNmwtMiAxLjEtMS4xLS40TDkgMEg3bC0uOCAyLjNhNiA2IDAgMCAwLTEgLjRMMyAxLjcgMS42IDNsMS4xIDIuMmE2IDYgMCAwIDAtLjQgMUwwIDd2MmwyLjMuOGE2IDYgMCAwIDAgLjQgMWwtMSAyLjFMMyAxNC40bDIuMi0xLjEgMSAuNEw3IDE2aDJsLjgtMi4zYTYgNiAwIDAgMCAxLS40bDIuMSAxIDEuNS0xLjQtMS4xLTIgLjQtMS4xTDE2IDl6bS04IDJhMyAzIDAgMSAxIDAtNiAzIDMgMCAxIDEgMCA2eiIvPjwvc3ZnPg==);
    }


    #welcometext i.room {
        color: rgb(214, 86, 81);
        font-size: 160px;
        width: 133px;
        height: 133px;
        display: block;
        background-size: 100% !important;
        margin: 10px auto;
    }

    i.create {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODUgMTg1IiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik0xNSA2MC40NkgwVjBoNjAuNDZ2MTVIMTV2NDUuNDZ6TTE3MCAxNzBoLTQ1LjQ2djE1SDE4NXYtNjAuNDZoLTE1VjE3MHpNMTI0LjU0IDE1SDE3MHY0NS40NmgxNVYwaC02MC40NnYxNXpNMTUgMTI0LjU0SDBWMTg1aDYwLjQ2di0xNUgxNXYtNDUuNDZ6TTEzOC45MDYgODVIMTAwVjQ2LjA5M0g4NVY4NUg0Ni4wOTR2MTVIODV2MzguOTA3aDE1VjEwMGgzOC45MDZWODV6Ii8+PC9zdmc+);
        background-size: 18px !important;
    }

    i.qr, b.qr, #qrscan, .wallet-container h3 em::before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNOCAyMUg0YTEgMSAwIDAgMS0xLTF2LTRhMSAxIDAgMCAwLTIgMHY0YTMgMyAwIDAgMCAzIDNoNGExIDEgMCAwIDAgMC0yem0xNC02YTEgMSAwIDAgMC0xIDF2NGExIDEgMCAwIDEtMSAxaC00YTEgMSAwIDAgMCAwIDJoNGEzIDMgMCAwIDAgMy0zdi00YTEgMSAwIDAgMC0xLTF6TTIwIDFoLTRhMSAxIDAgMCAwIDAgMmg0YTEgMSAwIDAgMSAxIDF2NGExIDEgMCAwIDAgMiAwVjRhMyAzIDAgMCAwLTMtM3pNMiA5YTEgMSAwIDAgMCAxLTFWNGExIDEgMCAwIDEgMS0xaDRhMSAxIDAgMCAwIDAtMkg0YTMgMyAwIDAgMC0zIDN2NGExIDEgMCAwIDAgMSAxem04LTRINmExIDEgMCAwIDAtMSAxdjRhMSAxIDAgMCAwIDEgMWg0YTEgMSAwIDAgMCAxLTFWNmExIDEgMCAwIDAtMS0xek05IDlIN1Y3aDJ6bTUgMmg0YTEgMSAwIDAgMCAxLTFWNmExIDEgMCAwIDAtMS0xaC00YTEgMSAwIDAgMC0xIDF2NGExIDEgMCAwIDAgMSAxem0xLTRoMnYyaC0yem0tNSA2SDZhMSAxIDAgMCAwLTEgMXY0YTEgMSAwIDAgMCAxIDFoNGExIDEgMCAwIDAgMS0xdi00YTEgMSAwIDAgMC0xLTF6bS0xIDRIN3YtMmgyem01LTFhMSAxIDAgMCAwIDEtMSAxIDEgMCAwIDAgMC0yaC0xYTEgMSAwIDAgMC0xIDF2MWExIDEgMCAwIDAgMSAxem00LTNhMSAxIDAgMCAwLTEgMXYzYTEgMSAwIDAgMCAwIDJoMWExIDEgMCAwIDAgMS0xdi00YTEgMSAwIDAgMC0xLTF6bS00IDRhMSAxIDAgMSAwIDEgMSAxIDEgMCAwIDAtMS0xeiIvPjwvc3ZnPg==);
        background-repeat: no-repeat;
        background-size: 16px;
        cursor: pointer;
    }

    .scan.qr {
        background-size: 30px !important;
        min-width: 55px;
        height: 33px;
        display: inline-block !important;
        z-index: 999999999;
        padding-top: 35px !important;
        font-size: 11px;
        background-position: center 3px !important;
        cursor: pointer;
        text-align: center;
        top: -6px;
        margin-left: 10px !important;
    }
    

    i.created {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OTEgNDkxIj48cGF0aCBkPSJNMTY3IDQyN0g2NFYzMjJjMC03LTUtMTMtMTItMTNIMTNjLTcgMC0xMyA2LTEzIDEzdjEzN2MwIDE4IDE1IDMyIDMyIDMyaDEzNWM3IDAgMTMtNSAxMy0xMnYtNDBjMC03LTYtMTItMTMtMTJ6bTE5NC0xNjJ2LTM5YzAtNy02LTEzLTEyLTEzaC03MXYtNzBjMC03LTYtMTMtMTItMTNoLTQwYy03IDAtMTIgNi0xMiAxM3Y3MGgtNzFjLTcgMC0xMyA2LTEzIDEzdjM5YzAgNyA2IDEzIDEzIDEzaDcwdjcxYzAgNiA2IDEyIDEzIDEyaDM5YzcgMCAxMy02IDEzLTEydi03MWg3MWM3IDAgMTItNiAxMi0xM3pNMTMgMTczaDM5YzcgMCAxMi02IDEyLTEzVjY0aDEwM2M3IDAgMTMtNSAxMy0xMlYxM2MwLTctNi0xMy0xMy0xM0gzMkMxNSAwIDAgMTUgMCAzMnYxMjhjMCA3IDYgMTMgMTMgMTN6bTQ2NiAxMzZoLTQwYy03IDAtMTIgNi0xMiAxMnYxMDZoLTk4Yy03IDAtMTMgNS0xMyAxMnYzOWMwIDcgNiAxMyAxMyAxM2gxMzBjMTggMCAzMi0xNSAzMi0zMlYzMjJjMC03LTUtMTMtMTItMTN6TTQ1OSAwSDMyOGMtNiAwLTEyIDYtMTIgMTN2MzljMCA3IDYgMTIgMTIgMTJoOTl2OTZjMCA3IDUgMTMgMTIgMTNoNDBjNiAwIDEyLTYgMTItMTNWMzJjMC0xNy0xNC0zMi0zMi0zMnoiLz48L3N2Zz4=);
        background-size: 18px !important;
    }
    
    i.active {
        filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
    }

    
    i.active, #chattitle p i.active, #chattitle p i:hover {
        filter: invert(27%) sepia(51%) saturate(550%) hue-rotate(217deg) brightness(183%) contrast(84%);
    }

    .bm0 i.bm0, .bm1 i.bm1, .bm2 i.bm2, .bm3 i.bm3, .bm4 i.bm4, .bm5 i.bm5, .bm6 i.bm6  {
        filter: invert(27%) sepia(51%) saturate(550%) hue-rotate(217deg) brightness(183%) contrast(84%);
    }

    .moon i.active, .moon #chattitle p i.active, .moon #chattitle p i:hover {
        filter: invert(27%) sepia(51%) saturate(550%) hue-rotate(217deg) brightness(183%) contrast(84%) !important;
        opacity: 1 !important;
    }

    #bottommenu a .fa-youtube {
        color: #e64c3c;
        margin-bottom: -1px;
        margin-top: -2px;
    }
    

    #bottommenu a i .fa-rss {
        font-size: 17px;
        color: #ffadc7;
        position: absolute;
        top: 0px;
        right: -14px;
        text-shadow: 0px 1px 0 white;
        z-index: 0;
        transform: rotate(45deg);
    }
    
    .submenu.container {
        position: absolute;
        z-index: 99999998;
        max-width: 100%;
        margin: 44px auto 2%;
        top: 0px;
        width: auto;
        display: inline-block;
        left: 0;
        right: 0;
    }
    
    

    .nav1 .submenu {
        box-shadow: 0 1px 120px 115px rgb(1 1 3 / 90%) inset;
        height: 91%;
    }
    
    #submenu {
        background: rgba(0, 0, 0, 0) linear-gradient(149deg, #455195, #492e84, rgb(110, 56, 154), #e161b5) repeat scroll 0 0;
        position: absolute;
        right: 0.5%;
        top: -3px;
        padding: 3px 0px 4px 0px;
        border-radius: 0 0 3px 3px;
        box-shadow: 0 1px 2px rgb(5 9 21 / 30%), 0 4px 0px rgb(5 9 21 / 13%) inset;
    }

    #language, #curcountry {
        vertical-align: top;
        margin-top: 4px;
        max-width: 90px;
    }

    #rotary {
        display: none;
    }

    #rotary.active {
        display: block;
    }
    
    
    #submenu i, .modal-header i {
        color: #2f251f;
        margin-right: 9px;
        font-size: 11px;
        position: relative;
        cursor: pointer;
        background-size: 16px;
        background-repeat: no-repeat;
        padding-left: 16px;
        filter: invert(1);
        font-weight: bold;
        background-position: 2px 0px;
    }

    .modal-header i {
        color: #2f251f;
        margin-right: 9px;
        font-size: 25px;
        position: relative;
        cursor: pointer;
        background-size: 16px;
        background-repeat: no-repeat;
        padding-left: 0px;
        filter: invert(1);
        font-weight: normal;
        background-position: 2px 0px;
    }

    .modal-header i::before {
        color: #2f251f;
        vertical-align: top;
        font-family: "Si";
    }

    .moon .modal-header i::before {
        color: #c9cedd;
    }



    #submenu i.wallet {
        background-position: -2px 0px;
        margin-left: 10px;
        float: right;
    }

    #submenu i.wallet span {
        display: none;
    }

    #submenu i.wallet:hover span {
        display: inline-block;
    }
    
    #submenu i:hover {
        color: #000000;
    }
    
    #submenu a:hover i {
        color: #FFFFFF;
    }

    
    .js_forum-toggle-wrapper {
        background: #FFF;
    }

    #submenu em {
        position: absolute;
        top: -1px;
        border-radius: 2px;
        padding: 0px 2px 0px 1px;
        font-size: 9px;
        background: #f10101;
        color: #fef8f7;
        border: 1px solid #e3291b;
        font-weight: bold;
        box-shadow: 0 2px 0px rgb(0 0 0 / 18%);
        margin-left: 4px;
        font-style: normal;
        left: -14px;
    }
    
    hr {
        display: inline-block;
        width: 100%;
        border-top: 1px solid #f3f6f9;
        margin: 10px 0 5px;
    }
    
    .article {
        box-shadow: 0 1px 4px rgba(0,0,0,0.18);
    }
    
    .article hr {
        margin: 7px 0 7px;
        display: block;
    }
    
    .article p {
        margin: 0px 0 0px;
    }
    
    .article h3 {
        margin-top: 20px;
        margin-bottom: 10px;
        color: #181818;
        font-weight: bold;
        font-size: 20px;
    }
    
    .article h4 {
        font-size: 18px;
        line-height: 1;
        font-weight: bold;
        margin: 20px 0 0;
        display: inline-block;
        color: #181818;
    }
    
    pre {
     padding:15px;
     font-size:13px;
     word-break:break-all;
     word-wrap:break-word;
     background-color:#f7f7f7;
     border:1px solid #dbdbdb;
     border-radius:4px
    }
    .publisher .svg-container {
        max-width: 30px;
    }

    .svg-container {
     display:inline-block
    }

    .svg-container.mr10 {
        margin-right: 0px!important;
    }

    .svg-container svg {
        width: inherit !important;
        height: inherit !important;
        fill: #131313;
        vertical-align: bottom;
    }
    .custom-scrollbar ::-webkit-scrollbar {
     visibility:hidden;
     height:8px;
     width:8px
    }
    .custom-scrollbar ::-webkit-scrollbar-thumb {
     visibility:hidden;
     border-radius:4px;
     background:grey
    }
    .custom-scrollbar:hover ::-webkit-scrollbar,
    .custom-scrollbar:hover ::-webkit-scrollbar-thumb {
     visibility:visible
    }


    
    .tooltip.show {
        opacity: 1;
    }
    .tooltip-inner {
         font-family:var(--body-font-family);
         font-size:13px;
         white-space:nowrap;
         max-width:none;
        max-width: 200px;
        padding: .25rem .5rem;
        color: #000;
        text-align: center;
        background-color: #f6f9fa;
        border-radius: 3px;
        box-shadow: 0 1px 6px rgba(0,0,0,0.1);
        border: 1px solid #e1e4e9;
    }
    
    .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
        border-top-color: #9184c7;
    }
    
    .badge.badge-lg {
     font-size:100%
    }
    
    .nav-pills.nav-search .nav-item,
    .nav-pills.nav-started .nav-item {
     margin-right:10px;
     margin-bottom:10px
    }
    .nav-pills.nav-search .nav-item:last-child,
    .nav-pills.nav-started .nav-item:last-child {
     margin-right:0
    }
    .nav-pills.nav-search .nav-link:not(.active) {
     background:#fff
    }
    .nav-pills.nav-started .nav-link {
     padding-top:15px;
     padding-bottom:15px
    }
    .nav-pills.nav-started .nav-link:not(.active) {
     background:#f3f3f3
    }
    
    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0.125rem 0 0;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 0.25rem;
    }
    
    .dropdown-menu {
        box-shadow: 0 1px 3px rgb(50 50 93 / 6%), 0 1px 5px rgb(50 50 93 / 5%), 0 2px 5px rgb(0 0 0 / 1%);
        top: 100%;
        bottom: auto;
        padding: 0.2rem 0;
        display: none;
        margin-top: 0;
        right: 0;
        left: auto;
    }

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: 26px;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.4em solid;
        border-right: 0.4em solid transparent;
        border-bottom: 0;
        border-left: 0.4em solid transparent;
        margin-top: 20px;
        filter: invert(27%) sepia(51%) saturate(550%) hue-rotate(217deg) brightness(183%) contrast(84%);
    }

    .d-md-none, .d-none {
        display: none!important;
    }

    .d-md-block, .d-none {
        display: block!important;
    }

    .d-lg-inline-block {
        display: inline-block!important;
    }

    .js_posts-filter {
        height: 65px;
        display: inline-block;
        margin-left: 10px;
    }
    
    .dropdown, .dropleft, .dropright, .dropup {
        position: relative;
        display: inline-block;
        width: auto;
    }

    .dropdown-menu.show {
        display: block;
    }


    .dropdown-divider {
        margin: .2rem 0 !important;
    }
     
.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    background: #0c0f13f7;
    display: block;
    padding-right: 222px;
}
    
    .modal-dialog {
        position: relative;
        width: auto;
        margin: 4rem auto;
        box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
        max-width: 666px;
        background: #ffffff;
        border-radius: 5px;
    }

    .moon .modal-dialog {
        background: #181a24;
    }

    .modal-images {
        float: left;
        max-width: 46%;
        text-align: center;
        padding: 0px 20px 10px 10px;
        display: block;
    }

    .modal-images img {
        max-width: 100%;
        max-height: 280px;
    }

    .modal-content {
        position: relative;
        display: inline-block;
        padding: 0px 20px 20px;
        width: 100%;
    }

    .modal-product {
        position: relative;
        display: inline-block;
        padding: 20px 0 0 0;
    }
    
    .modal-header.with-nav {
     padding-bottom:0;
     border-bottom:0
    }

    .modal-header i {
        margin-right: 2px;
        font-size: 30px;
        background-size: 21px !important;
        background-position: 0px 0px;
        opacity: 1;
        filter: invert(0);
        height: 38px;
        vertical-align: middle;
        display: inline-block;
    }

    .modal-header i.bookmark {
        background-size: 30px !important;
        background-position: -2px 1px;
    }
    
    .modal-header {
        padding: 6px 10px 8px;
        border-radius: 4px 4px 0 0;
        box-shadow: 0 1px 1px rgb(0 0 0 / 2%);
        z-index: 1;
        position: relative;
        font-size: 16px;
        font-weight: bold;
        height: 44px; 
    }

    .modal-header .close {
        opacity: 0.13 !important;
        margin-right: -5px !important;
        margin-top: 2px;
        background-size: 29px !important;
        width: 34px;
    }

    .modal-header .close:hover {
        opacity: 0.7 !important;
    }

    .modal-content video {
        max-width: 100%;
        max-height: 100%;
        width: 250px;
    }
    
    .modal-footer { 
        padding: 0 5px 10px;
        border-top: 0px solid #dee2e6;
        text-align: center;
        display: block;
    }
    
    .modal-body {
        padding: 0px 6px 6px;
        text-align: center;
    }
    


    button {
        cursor: pointer;
        display: inline-block;
        background: transparent;
        padding: 0;
        border: none;
    }

    button::first-letter {
        text-transform: capitalize;  
    }

    .modal-title {
        display: inline-block;
        font-size: 14px;
        margin: 0;
        font-weight: 200;
    }
    
    .numpad button {
        width: 30%;
        font-size: 16px;
        border: 1px solid #11141a;
        background: #191b26;
        padding: 10px;
        cursor: pointer;
        color: #e2e5e9;
        box-shadow: 0 1px 3px rgb(0 0 0 / 40%);
        user-select: none;
        -webkit-user-select: none;
        height: 42px;
        vertical-align: text-bottom;
    }

    .numpad button:nth-child(11), .numpad button:nth-child(12) {
        font-size:11px;
    }
    
    .numpad button:hover {
        background: #1f212f;
    }
    
    .alert {
     padding:16px 24px
    }
    .alert-link:hover {
     text-decoration:underline
    }
    .alert-dismissible {
     padding-right:72px
    }
    .alert-primary {
     color:#fff;
     border-color:#7889e8;
     background-color:#7889e8
    }
    .alert-primary hr {
     border-top-color:#6276e4
    }
    .alert-secondary {
     color:#212529;
     border-color:#f6f7f8;
     background-color:#f6f7f8
    }
    .alert-secondary hr {
     border-top-color:#e8eaed
    }

    .alert-success {
        color: #055e17;
        background: #1eca82;
        border-color: #0a8629;
        background: linear-gradient(55deg,#d8f9d6 0,#51a55a 100%) !important;
        font-size: 13px;
      }
    .alert-success hr {
     border-top-color:#3ad190
    }
    .alert-info {
     color:#fff;
     border-color:#37d5f2;
     background-color:#37d5f2
    }
    .alert-info hr {
     border-top-color:#1fd0f0
    }
    .alert-warning {
     color:#fff;
     border-color:#fc7c5f;
     background-color:#fc7c5f
    }
    .alert-warning hr {
     border-top-color:#fc6846
    }
    .alert-danger {
     color:#fff;
     border-color:#f75676;
     background-color:#f75676
    }
    .alert-danger hr {
     border-top-color:#f63e62
    }
    .alert-light {
     color:#fff;
     border-color:#bac1c8;
     background-color:#bac1c8
    }
    .alert-light hr {
     border-top-color:#acb4bd
    }
    .alert-dark {
     color:#fff;
     border-color:#45484b;
     background-color:#45484b
    }
    .alert-dark hr {
     border-top-color:#393b3e
    }
    .alert-post {
     background:#f8f9fa;
     color:var(--link-color);
     font-weight:600;
     box-shadow:0 1px 1px rgba(0,0,0,.05)
    }
    .night-mode .alert-post {
     background:#212121
    }
    .alert-chat {
        background: #e6eaef;
        width: 75%;
        padding: 5px 10px !important;
        margin: 0 auto 5px auto !important;
        color: #222020;
        border-radius: 0 0 4px 4px;
      }
    
    .alert .title {
     padding-bottom:8px;
     margin-bottom:10px;
     font-weight:600;
     border-bottom-width:1px;
     border-bottom-style:solid
    }
    .alert .icon {
     display:table-cell;
     vertical-align:middle;
     padding-right:10px
    }
    .alert .text {
     display:table-cell;
     vertical-align:top;
     text-align:left
    }

    .post-funding-meta,
    .post-job-meta {
      padding: 15px 0px;
      padding-bottom: 0;
      text-align: center;
    }
    .post-funding-meta .funding-title,
    .post-job-meta .job-title {
      font-size: 18px;
      font-weight: 600;
      line-height: 26px;
      word-break: break-word;
    }
    .post-funding-meta .funding-completion {
      background: #e8fddc;
      padding: 5px 10px 9px;
      border: 2px solid #D0F2CF;
      margin: 10px 10px 0px;
      border-radius: 3px;
      text-align: left;
  }

  .progress-bar-striped {
    background: #22C55E;
    background-image: linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
    position: relative;
    border-radius: 4px 0px 0 4px;
}

.progress-bar::after {
    content: " ";
    position: absolute;
    right: -5px;
    width: 31px;
    height: 21px;
    display: inline-block;
    background-color: #e23c3c;
    box-shadow: 0 1px 6px rgb(0 0 0 / 77%);
    background-size: 31px !important;
    margin-top: -3px;
    border-radius: 3px;
    background-position: -2px -7px !important;
    border: 1px solid #a92424;
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}
  
  .post-funding-meta .progress {
      background-color: #fff;
  }
  
  .post-funding-meta .funding-description, .post-job-meta .job-description {
      background: #FFF;
      padding: 6px 0 0;
      border: 0px solid #e6e6e6;
      margin-top: 6px;
      border-radius: 6px;
  }
  
    body.night-mode .funding-completion,
    body.night-mode .funding-description,
    body.night-mode .job-description {
      border-color: #424242;
      background: #1d1d1d;
    }

    .card-footer {
        margin: 10px auto;
    }


    .btn {
        font-size: 12px;
        font-weight: bold;
        padding: 5px 13px;
        white-space: nowrap;
        color: #FFFFFF;
        border-radius: 3px !important;
        border: 0px solid transparent;
        cursor: pointer;
        background: #f24462;
        margin-top: 4px;
    }

    .bigbtn {
        font-size: 13px;
        padding: 9px 13px 9px;
        color: #FFFFFF;
        border-radius: 3px !important;
        background: #f24462;
        margin-top: 0px;
        cursor: pointer;
        vertical-align: middle;
    }

    .bigbtn {
        font-size: 13px;
        padding: 10px 19px 13px;
        color: #FFFFFF;
        border-radius: 3px !important;
        background: #f24462;
        margin-top: 0px;
        cursor: pointer;
        vertical-align: middle;
        box-shadow: 0 1px 0px rgb(255 255 255 / 8%) inset, 0 -2px 0px rgb(26 9 15 / 30%) inset, 0 0px 4px rgb(0 0 0 / 26%) !important;
        text-shadow: 0 1px 1px #00000026;
        font-weight: bold;
    }

    .bigbtn:hover {
        box-shadow: 0 1px 0px rgb(255 255 255 / 5%) inset, 0 -1px 0px rgb(50 50 93 / 61%) inset, 0 1px 2px rgb(0 0 0 / 19%) !important;
    }

    .bigbtn:active {
        box-shadow: 0 1px 1px rgb(0 0 0 / 51%) inset, 0 -1px 0px rgb(50 50 93 / 61%) inset, 0 1px 0px rgb(255 255 255 / 10%) !important;
        padding: 10px 19px 12px;
        margin-bottom: 11px !important;
    }

    .btn:hover {
        opacity: 0.8;
        box-shadow: 0 1px 0px rgb(255 255 255 / 5%) inset, 0 -1px 0px rgb(50 50 93 / 61%) inset, 0 1px 2px rgb(0 0 0 / 19%) !important;
    }

    .btn:active {
        opacity: 0.9;
        box-shadow: 0 1px 0px rgb(0 0 0 / 31%) inset, 0 -1px 0px rgb(50 50 93 / 61%) inset, 0 1px 0px rgb(255 255 255 / 10%) !important;
    }

    .btn.xs {
        padding: 10px 20px !important;
        min-width: 77px;
        text-align: center;
    }

    
    .btn.red {
        background: #d00a66;
        color: #FFFFFF;
    }


.btn.nblue {
    background: #2c2c63;
    color: #adb3d0;
    background: #232535;
}

    .btn.nblue:hover {
        background: #272761;
        color: #bdbce1;
    }

    .btn.nblue:active {
        box-shadow: 0 1px 0px rgb(0 0 0 / 35%) inset, 0 1px 0px rgb(255 255 255 / 7%) !important;
        background: #161932;
    }

    .btn.xred {
        background: #df1818;
        color: #FFFFFF;
    }

    .btn.xred:hover {
        background: #f9213c;
        color: #FFFFFF;
    }

    .btn.pur {
        background: #9e09b5;
        color: #FFFFFF;
    }

    .btn.pur:hover {
        background: #b602f6;
        color: #FFFFFF;
    }

    .btn.prp {
        background: rgba(0, 0, 0, 0) linear-gradient(149deg, #373268, #492e84, rgb(110, 56, 154), #e161b5) repeat scroll 0 0;
        color: #FFFFFF;
    }

    .btn.blue {
        background: #5834c6;
        color: #FFFFFF;
    }

    .btn.blue:hover {
        background: #6466f1;
        color: #FFFFFF;
    }

    .btn.red:hover {
        background: #de147e;
        color: #FFFFFF;
    }
    
    .btn.red:hover {
        background: #f55671;
        color: #FFFFFF;
    }
    
    .moon .btn.second {
        background: #ffffff0a;
        color: #e2e5e9 !important;
        box-shadow: 0 0 0 1px rgb(255 255 255 / 10%) inset !important;
    }

    .btn.second {
        background: #ffffff0a;
        color: #333333 !important;
        box-shadow: 0 0 0 1px rgb(151 143 173 / 14%) inset !important;
    }

    .btn.second:hover {
        background: #ffffff0a;
        color: #000000;  
        box-shadow: 0 0 0 1px rgb(239 148 255 / 78%) inset !important;
    } 

    .moon .btn.second:hover {
        background: #ffffff1f;
        box-shadow: 0 0 0 1px rgba(255,255,255,0.8) inset !important;
        color: #FFFFFF !important; 
    }
    
    .btn.white {
        border: 1px solid #d9dfe6;
        background: #ffffff;
        color: #555;
        margin-top: 0px;
        display: inline-block;
        padding: 4px 13px 4px;
        line-height: 17px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.16);
    }

    .moon .btn.white {
        border: 1px solid #2a304e75;
        background: #1d203c91;
        color: #8089a3;
    }

    .moon .btn.white:hover {
        color: #ffffff;
        background: #1d2040;
        border: 1px solid #4a46b1;
    }
    
    .btn.focus,
    .btn:focus {
     outline:0;
     box-shadow:none
    }
    .btn.disabled,
    .btn:disabled {
     box-shadow:none
    }
    .btn-group-lg>.btn, .btn-lg {
        font-size: 14px;
        padding: 16px;
    }

    .btn-group-lg > .btn, .btn-lg {
        font-size: 14px;
        padding: 16px 40px;
        width: 200px;
        display: block;
        margin: 0 auto;
    }

    .btn-group-md>.btn,
    .btn-md {
     font-size:12px;
     padding:16px 56px
    }
    .btn-group-sm > .btn, .btn-sm {
     font-size:11px;
     
    }
    .btn-icon {
        padding: 6px 3px;
    }
    .btn-lg.btn-icon {
     padding:19px 22px
    }
    .btn-md.btn-icon {
     padding:17px 20px
    }
    .btn.sm {
        padding: 5px 10px 5px !important;
        line-height: 15px;
    }

    .dropdown-toggle {
        padding-top: 4px !important;
        white-space: nowrap;
    }

    .btn-grad {
        color: #FFFFFF;
        background: #f24462;
        background: rgba(0, 0, 0, 0) linear-gradient(155deg, #522786, #8928a4, #ff02cc) repeat scroll 0 0;
    }

    .btn-primary, .btn-primary.disabled, .btn-primary:disabled, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
        color: #fff;
        border-color: #f71d47;
        background: #ff1f4b;
    }

    .btn-primary {
        box-shadow: 0 1px 2px rgb(50 50 93 / 11%), 0 1px 4px rgb(0 0 0 / 13%);
        font-weight: bold;
    }

    .btn-primary:hover {
     color:#fff;
     background-color:#ff4469
    }
    .btn-primary.focus,
    .btn-primary:focus {
     box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(94,114,228,.5)
    }
    .btn-primary:not(:disabled):not(.disabled).active:focus,
    .btn-primary:not(:disabled):not(.disabled):active:focus,
    .show>.btn-primary.dropdown-toggle:focus {
     box-shadow:none
    }
    .btn-secondary,
    .btn-secondary.disabled,
    .btn-secondary:disabled,
    .btn-secondary:not(:disabled):not(.disabled).active,
    .btn-secondary:not(:disabled):not(.disabled):active,
    .show>.btn-secondary.dropdown-toggle {
     color:#212529;
     border-color:#f7fafc;
     background-color:#f7fafc
    }
    .btn-secondary {
     box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
    }
    .btn-secondary:hover {
     color:#212529;
     border-color:#f1f4f6;
     background-color:#f1f4f6
    }
    .btn-secondary.focus,
    .btn-secondary:focus {
     box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(247,250,252,.5)
    }
    .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .btn-secondary:not(:disabled):not(.disabled):active:focus,
    .show>.btn-secondary.dropdown-toggle:focus {
     box-shadow:none
    }
    .btn-success,
    .btn-success.disabled,
    .btn-success:disabled,
    .btn-success:not(:disabled):not(.disabled).active,
    .btn-success:not(:disabled):not(.disabled):active,
    .show>.btn-success.dropdown-toggle {
     color:#fff;
     border-color:#149960;
     background-color:#0f914f;
    }
    .btn-success {
     box-shadow:0 1px 3px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
    }
    .btn-success:hover {
     color:#fff;
     border-color:#2bc080;
     background-color:#149960
    }
    .btn-success.focus,
    .btn-success:focus {
     box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(45,206,137,.5)
    }
    .btn-success:not(:disabled):not(.disabled).active:focus,
    .btn-success:not(:disabled):not(.disabled):active:focus,
    .show>.btn-success.dropdown-toggle:focus {
     box-shadow:none
    }
    .btn-info,
    .btn-info.disabled,
    .btn-info:disabled,
    .btn-info:not(:disabled):not(.disabled).active,
    .btn-info:not(:disabled):not(.disabled):active,
    .show>.btn-info.dropdown-toggle {
     color:#fff;
     border-color:#4c3797;
     background-color:#4c3797;
    }
    .btn-info {
     box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
    }
    .btn-info:hover {
     color:#fff;
     border-color:#6a63a6;
     background-color:#6a63a6;
    }
    .btn-info.focus,
    .btn-info:focus {
     box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(17,205,239,.5)
    }
    .btn-info:not(:disabled):not(.disabled).active:focus,
    .btn-info:not(:disabled):not(.disabled):active:focus,
    .show>.btn-info.dropdown-toggle:focus {
     box-shadow:none
    }
    .btn-warning,
    .btn-warning.disabled,
    .btn-warning:disabled,
    .btn-warning:not(:disabled):not(.disabled).active,
    .btn-warning:not(:disabled):not(.disabled):active,
    .show>.btn-warning.dropdown-toggle {
     color:#fff;
     border-color:#fb6340;
     background-color:#fb6340
    }
    .btn-warning {
     box-shadow:0 1px 3px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
    }
    .btn-warning:hover {
     color:#fff;
     border-color:#f0603f;
     background-color:#f0603f
    }
    .btn-warning.focus,
    .btn-warning:focus {
     box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(251,99,64,.5)
    }
    .btn-warning:not(:disabled):not(.disabled).active:focus,
    .btn-warning:not(:disabled):not(.disabled):active:focus,
    .show>.btn-warning.dropdown-toggle:focus {
     box-shadow:none
    }
    .btn-danger,
    .btn-danger.disabled,
    .btn-danger:disabled,
    .btn-danger:not(:disabled):not(.disabled).active,
    .btn-danger:not(:disabled):not(.disabled):active,
    .show>.btn-danger.dropdown-toggle {
     color:#fff;
     border-color:#f5365c;
     background-color:#f5365c
    }
    .btn-danger {
     box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
    }
    .btn-danger:hover {
     color:#fff;
     border-color:#eb3357;
     background-color:#eb3357
    }
    .btn-danger.focus,
    .btn-danger:focus {
     box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(245,54,92,.5)
    }
    .btn-danger:not(:disabled):not(.disabled).active:focus,
    .btn-danger:not(:disabled):not(.disabled):active:focus,
    .show>.btn-danger.dropdown-toggle:focus {
     box-shadow:none
    }
    .btn-light, .btn-light.disabled, .btn-light:disabled, .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
        color: #262424;
        border-color: #adb5bd;
        background-color: #ffffff;
    }
    .btn-light {
        box-shadow: 0 1px 4px rgb(0 0 0 / 13%);
    }
    .btn-light:hover {
     color:#f71d47;
     box-shadow: 0 1px 4px rgb(0 0 0 / 16%);
    }
    .btn-light.focus,
    .btn-light:focus {
     box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(173,181,189,.5)
    }
    .btn-light:not(:disabled):not(.disabled).active:focus,
    .btn-light:not(:disabled):not(.disabled):active:focus,
    .show>.btn-light.dropdown-toggle:focus {
     box-shadow:none
    }
    .btn-dark,
    .btn-dark.disabled,
    .btn-dark:disabled,
    .btn-dark:not(:disabled):not(.disabled).active,
    .btn-dark:not(:disabled):not(.disabled):active,
    .show>.btn-dark.dropdown-toggle {
     color:#fff;
     border-color:#212529;
     background-color:#212529
    }
    .btn-dark {
     box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
    }
    .btn-dark:hover {
     color:#fff;
     border-color:#212529;
     background-color:#212529
    }
    .btn-dark.focus,
    .btn-dark:focus {
     box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(33,37,41,.5)
    }
    .btn-dark:not(:disabled):not(.disabled).active:focus,
    .btn-dark:not(:disabled):not(.disabled):active:focus,
    .show>.btn-dark.dropdown-toggle:focus {
     box-shadow:none
    }
    .btn-link {
     font-weight:400;
     color:#5e72e4;
     background-color:transparent
    }
    .btn-link:hover {
     text-decoration:none;
     color:#233dd2;
     border-color:transparent;
     background-color:transparent
    }
    .btn-link.focus,
    .btn-link:focus {
     text-decoration:none;
     border-color:transparent;
     box-shadow:none
    }
    .btn-link.disabled,
    .btn-link:disabled {
     pointer-events:none;
     color:#8898aa
    }
    .btn-outline-primary {
     color:#5e72e4;
     border-color:#5e72e4;
     background-color:transparent;
     background-image:none
    }
    .btn-outline-primary:hover {
     color:#fff;
     border-color:#5e72e4;
     background-color:#5e72e4
    }
    .btn-outline-primary.focus,
    .btn-outline-primary:focus {
     box-shadow:0 0 0 0 rgba(94,114,228,.5)
    }
    .btn-outline-primary.disabled,
    .btn-outline-primary:disabled {
     color:#5e72e4;
     background-color:transparent
    }
    .btn-outline-primary:not(:disabled):not(.disabled).active,
    .btn-outline-primary:not(:disabled):not(.disabled):active,
    .show>.btn-outline-primary.dropdown-toggle {
     color:#fff;
     border-color:#5e72e4;
     background-color:#5e72e4
    }
    .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-primary.dropdown-toggle:focus {
     box-shadow:0 0 0 0 rgba(94,114,228,.5)
    }
    .btn-outline-secondary {
     color:#f7fafc;
     border-color:#f7fafc;
     background-color:transparent;
     background-image:none
    }
    .btn-outline-secondary:hover {
     color:#212529;
     border-color:#f7fafc;
     background-color:#f7fafc
    }
    .btn-outline-secondary.focus,
    .btn-outline-secondary:focus {
     box-shadow:0 0 0 0 rgba(247,250,252,.5)
    }
    .btn-outline-secondary.disabled,
    .btn-outline-secondary:disabled {
     color:#f7fafc;
     background-color:transparent
    }
    .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .btn-outline-secondary:not(:disabled):not(.disabled):active,
    .show>.btn-outline-secondary.dropdown-toggle {
     color:#212529;
     border-color:#f7fafc;
     background-color:#f7fafc
    }
    .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-secondary.dropdown-toggle:focus {
     box-shadow:0 0 0 0 rgba(247,250,252,.5)
    }
    .btn-outline-success {
     color:#2dce89;
     border-color:#2dce89;
     background-color:transparent;
     background-image:none
    }
    .btn-outline-success:hover {
     color:#fff;
     border-color:#2dce89;
     background-color:#2dce89
    }
    .btn-outline-success.focus,
    .btn-outline-success:focus {
     box-shadow:0 0 0 0 rgba(45,206,137,.5)
    }
    .btn-outline-success.disabled,
    .btn-outline-success:disabled {
     color:#2dce89;
     background-color:transparent
    }
    .btn-outline-success:not(:disabled):not(.disabled).active,
    .btn-outline-success:not(:disabled):not(.disabled):active,
    .show>.btn-outline-success.dropdown-toggle {
     color:#fff;
     border-color:#2dce89;
     background-color:#2dce89
    }
    .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .btn-outline-success:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-success.dropdown-toggle:focus {
     box-shadow:0 0 0 0 rgba(45,206,137,.5)
    }
    .btn-outline-info {
     color:#11cdef;
     border-color:#11cdef;
     background-color:transparent;
     background-image:none
    }
    .btn-outline-info:hover {
     color:#fff;
     border-color:#11cdef;
     background-color:#11cdef
    }
    .btn-outline-info.focus,
    .btn-outline-info:focus {
     box-shadow:0 0 0 0 rgba(17,205,239,.5)
    }
    .btn-outline-info.disabled,
    .btn-outline-info:disabled {
     color:#11cdef;
     background-color:transparent
    }
    .btn-outline-info:not(:disabled):not(.disabled).active,
    .btn-outline-info:not(:disabled):not(.disabled):active,
    .show>.btn-outline-info.dropdown-toggle {
     color:#fff;
     border-color:#11cdef;
     background-color:#11cdef
    }
    .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .btn-outline-info:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-info.dropdown-toggle:focus {
     box-shadow:0 0 0 0 rgba(17,205,239,.5)
    }
    .btn-outline-warning {
     color:#fb6340;
     border-color:#fb6340;
     background-color:transparent;
     background-image:none
    }
    .btn-outline-warning:hover {
     color:#fff;
     border-color:#fb6340;
     background-color:#fb6340
    }
    .btn-outline-warning.focus,
    .btn-outline-warning:focus {
     box-shadow:0 0 0 0 rgba(251,99,64,.5)
    }
    .btn-outline-warning.disabled,
    .btn-outline-warning:disabled {
     color:#fb6340;
     background-color:transparent
    }
    .btn-outline-warning:not(:disabled):not(.disabled).active,
    .btn-outline-warning:not(:disabled):not(.disabled):active,
    .show>.btn-outline-warning.dropdown-toggle {
     color:#fff;
     border-color:#fb6340;
     background-color:#fb6340
    }
    .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-warning.dropdown-toggle:focus {
     box-shadow:0 0 0 0 rgba(251,99,64,.5)
    }
    .btn-outline-danger {
     color:#f5365c;
     border-color:#f5365c;
     background-color:transparent;
     background-image:none
    }
    .btn-outline-danger:hover {
     color:#fff;
     border-color:#f5365c;
     background-color:#f5365c
    }
    .btn-outline-danger.focus,
    .btn-outline-danger:focus {
     box-shadow:0 0 0 0 rgba(245,54,92,.5)
    }
    .btn-outline-danger.disabled,
    .btn-outline-danger:disabled {
     color:#f5365c;
     background-color:transparent
    }
    .btn-outline-danger:not(:disabled):not(.disabled).active,
    .btn-outline-danger:not(:disabled):not(.disabled):active,
    .show>.btn-outline-danger.dropdown-toggle {
     color:#fff;
     border-color:#f5365c;
     background-color:#f5365c
    }
    .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-danger.dropdown-toggle:focus {
     box-shadow:0 0 0 0 rgba(245,54,92,.5)
    }
    .btn-outline-light {
     color:#adb5bd;
     border-color:#adb5bd;
     background-color:transparent;
     background-image:none
    }
    .btn-outline-light:hover {
     color:#fff;
     border-color:#adb5bd;
     background-color:#adb5bd
    }
    .btn-outline-light.focus,
    .btn-outline-light:focus {
     box-shadow:0 0 0 0 rgba(173,181,189,.5)
    }
    .btn-outline-light.disabled,
    .btn-outline-light:disabled {
     color:#adb5bd;
     background-color:transparent
    }
    .btn-outline-light:not(:disabled):not(.disabled).active,
    .btn-outline-light:not(:disabled):not(.disabled):active,
    .show>.btn-outline-light.dropdown-toggle {
     color:#fff;
     border-color:#adb5bd;
     background-color:#adb5bd
    }
    .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .btn-outline-light:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-light.dropdown-toggle:focus {
     box-shadow:0 0 0 0 rgba(173,181,189,.5)
    }
    .btn-outline-dark {
     color:#212529;
     border-color:#212529;
     background-color:transparent;
     background-image:none
    }
    .btn-outline-dark:hover {
     color:#fff;
     border-color:#212529;
     background-color:#212529
    }
    .btn-outline-dark.focus,
    .btn-outline-dark:focus {
     box-shadow:0 0 0 0 rgba(33,37,41,.5)
    }
    .btn-outline-dark.disabled,
    .btn-outline-dark:disabled {
     color:#212529;
     background-color:transparent
    }
    .btn-outline-dark:not(:disabled):not(.disabled).active,
    .btn-outline-dark:not(:disabled):not(.disabled):active,
    .show>.btn-outline-dark.dropdown-toggle {
     color:#fff;
     border-color:#212529;
     background-color:#212529
    }
    .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
    .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-dark.dropdown-toggle:focus {
     box-shadow:0 0 0 0 rgba(33,37,41,.5)
    }
    .btn-rounded {
     border:0!important;
     border-radius:50%
    }
    .btn-delete:hover {
     color:#fff;
     border-color:#eb3357;
     background-color:#eb3357
    }
    .btn-delete:hover .fa:before {
     content:"\f1f8"
    }
    .btn-payment {
        background: #1e1b7d;
      }
      .btn-payment:hover {
        background: #090595;
      }
    .btn-voice-start,
    .btn-voice-stop {
     display:inline-block;
     padding:4px 14px;
     background:#007bff;
     color:#fff;
     cursor:pointer;
     border-radius:18px
    }
    .btn-voice-stop {
     background:red
    }
    *, ::after, ::before {
        box-sizing: border-box;
    }
    
    input[type=text], input[type=date], input[type=number], input[type=password] {
        font-weight: 400;
        color: #495057;
        background-clip: padding-box;
        border: 0px solid #e4e8ec;
        text-indent: 1px;
        border-radius: 2px;
        font-size: 14px;
    }

    input[type=text], input[type=date], input[type=number], input[type=password] {
        color: #191c20;
        color: #eaedf8;
    }


    textarea.form-control {
        min-width: 250px;
        display: inline-block;
        width: 96%;
        min-height: 66px;
        border: none;
        padding: 8px 2%;
        margin-bottom: 0px;
        margin-top: 5px;
        background: #161932;
    }

    .moon textarea::placeholder {
        color: #757c9d;
    }

    .tab-pane {
        display: none;
    }
    .tab-pane.active {
        display: block;
    }

    input[name=title].form-control {
        min-width: 300px;
    }
    
    .collapse:not(.show) {
        display: none;
    }

    .form-control, .wallet-container select, .wallet-container textarea, input[type="text"], input[type="number"], input[type="password"], input[type="date"], input[type="tel"] {
        border-color: #ddd;
        border-color: #e4e8ec;
        border-radius: 3px;
        background-color: #f7fafb;
        /* background-color: #FFFFFF; */
        padding: 1px 6px 0px;
        height: 23px;
        font-size: 12px;
        box-shadow: 0 1px 2px #00000026 inset;
        border: none;
        text-shadow: none;
        color: #464b5f;
        cursor: pointer;
    }
    
    .moon .form-control, .moon .wallet-container select, .moon .wallet-container textarea, .moon input[type="text"], .moon input[type="number"], .moon input[type="password"], .moon input[type="date"] {
        background-color: #0c0f13;
        color: #9198b4;
    }

    .quick.ttd .form-control, .quick.ttd input[type="text"], .quick.ttd input[type="date"], .quick.ttd input[type="number"] {
        font-family: inherit;
        font-weight: bold;
        font-size: 14px;
        padding: 6px 8px;
        height: auto;
        margin: 0px 10px 10px 3px;
    }

    .moon .form-control, .moon input[type="number"], .moon input[type="date"], .moon input[type="tel"] {
        background-color: #090b0e !important;
        color: #b6c1cd;
        color-scheme: dark;
    }
    
    .form-control:focus {
     box-shadow:none
    }
    
    input[type="date"] {
        font-size: 14px;
        width: 140px;
        max-width: 130px;
    }

    .adddos input[type="date"] {
        margin-right: 6px;
    }
    
    .form-control-label {
        font-weight: normal;
        color: #525f7f;
        margin-bottom: 2px;
        font-size: 12px;
        margin-top: 4px;
    }
    
    .form-group {
        margin-bottom: 3px;
        display: inline-block;
        margin-right: 0px;
        width: auto;
        text-align: left;
        padding: 10px 0px;
        border-radius: 3px;
    }
    
    .card-body {
        padding: 0.5rem 1rem;
    }
    
    .x3col {
        width: 32%;
        flex: auto;
        display: inline-block;
    }
    
    .x2col {
        width: 49%;
        flex: auto;
        display: inline-block;
    }
    
    .x23col {
        width: 63%;
        flex: auto;
        display: inline-block;
        margin-left: 4%;
        vertical-align: top;
    }
    
    .input-group [data-toggle=datetimepicker] {
        cursor: pointer;
        display: inline-block;
    }

    .nav-item {
        display: inline-block;
        padding: 10px;
    }

    .nav-item.active {
        background-color: #FFF;
    }

    .input-group .btn {
     padding-top:9px;
     padding-bottom:9px
    }
    .custom-control-label {
        padding-top: 2px;
        vertical-align: top;
    }
    .form-table-row {
        display: flex;
        width: 100%;
    }
    .form-table-row>div {
     flex:1
    }
    .form-table-row>div:last-child {
     flex-basis:auto;
     flex-grow:0;
     margin-left:10px
    }
    .form-table-row > div.avatar {
        flex-basis: auto;
        flex-grow: 0;
        margin-right: -15px;
        height: 12px;
        margin-top: 6px;
    }
    .input-money {
     position:relative
    }
.input-money span {
    font-size: 20px;
    position: absolute;
    top: 1px;
    left: 0;
    width: 30px;
    text-align: center;
}
.input-money input {
    font-size: 24px;
    line-height: 24px;
    font-family: opensanslight;
    margin: 0;
    padding: 10px;
    padding-left: 25px;
    height: 32px;
    outline: 0;
}

.card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border: 0px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    margin-top: 10px !important;
    box-shadow: 0 1px 4px rgb(0 0 0 / 6%);
    position: relative;
    z-index: 1;
}

.keeper {
    padding: 10px 20px;
    margin-top: 0 !important;
    color: #FFF;
}

    .coincard {
        background: rgb(0 0 0 / 0%) linear-gradient(156deg, #2f386c, #4a2772e0, rgb(255 0 94)) repeat scroll 0 0;
        padding: 10px 10px 15px;
        border-radius: 4px;
        box-shadow: 0 1px 4px rgb(0 0 0 / 13%), 0 65px 0px rgb(245 247 249 / 6%) inset;
        max-width: 372px;
        min-height: 225px;
        margin: 5px 0 20px;
    }

    .coincard .umc {
        margin-bottom: 30px;
    }

    .coincard b {
        padding: 5px 5px;
        float: right;
        margin: -15px 4px 0;
    }

    .coincard s {
        padding: 5px 5px;
        font-size: 20px;
        display: block;
        text-align: right;
        font-weight: 900;
        float: right;
    }

    .coincard .qr {
        background-size: 38px !important;
        width: 100px;
        height: 61px;
        display: block;
        filter: invert(1);
    }



    .coincard span {
        padding: 5px 5px;
        font-size: 22px;
        display: block;
        text-shadow: 1px 1px 2px rgb(0 0 0 / 67%);
        font-weight: 800;
        letter-spacing: 0.0666em;
    }

    .coincard u {
        text-transform: uppercase;
        padding: 5px 5px;
    }

    .coincard u small {
        font-size: 8px;
        margin-left: 6px;
        opacity: 0.666;
    }

    .tx li i {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyIgdmlld0JveD0iMCAwIDMzMCAzMzAiIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik0xNTQuMzg5IDI2NS42MDJsMS4xMDMuOTk3LjUyLjM4OC42NTkuNDg0LjY0OS4zOTUuNjA4LjM1OS42ODEuMzI4LjY0OC4zMDEuNjc2LjI0Ny43MDkuMjQ4LjY4NS4xNzYuNzM5LjE4MS43OTQuMTIxLjY1OC4wOTUgMS40OC4wNzVjLjQ5NCAwIC45ODgtLjAyNiAxLjQ4LS4wNzVsLjY2Ny0uMDk2Ljc4NC0uMTIuNzU0LS4xODQuNjY5LS4xNzIuNzI0LS4yNTMuNjYyLS4yNDIuNjU5LS4zMDYuNjcyLS4zMjQuNjExLS4zNjEuNjQ4LS4zOTQuNjQzLS40NzMuNTM2LS40IDEuMDQ5LS45NDljLjAxNi0uMDE2LjAzMy0uMDI4LjA0OS0uMDQ0bDcwLjAwMi02OS45OThjNS44NTgtNS44NTggNS44NTgtMTUuMzU1IDAtMjEuMjEzcy0xNS4zNTUtNS44NTctMjEuMjEzLS4wMDFsLTQ0LjM5NiA0NC4zOTNWMTVjMC04LjI4NC02LjcxNi0xNS0xNS0xNXMtMTUgNi43MTYtMTUgMTV2MjAzLjc4NWwtNDQuMzkyLTQ0LjM5MWMtNS44NTgtNS44NTgtMTUuMzU2LTUuODU4LTIxLjIxMyAwcy01Ljg1OCAxNS4zNTUgMCAyMS4yMTNsNjkuOTk2IDY5Ljk5NXpNMzE1IDMwMEgxNWMtOC4yODQgMC0xNSA2LjcxNi0xNSAxNXM2LjcxNiAxNSAxNSAxNWgzMDBjOC4yODQgMCAxNS02LjcxNiAxNS0xNXMtNi43MTYtMTUtMTUtMTV6Ii8+PC9zdmc+);
        padding: 9px;
        background-color: #d946ef;
        transform: rotate(180deg);
        border-radius: 44px;
        width: 19px;
        height: 19px;
        display: inline-block;
        background-size: 11px;
        background-position: 4px 3px;
        vertical-align: middle;
        margin-right: 4px;
    }

    .tx li.nrc i {
        background-image: none;
        background: rgb(0 0 0 / 0%) linear-gradient(156deg, #657cff, #973bffe0, rgb(255 0 94)) repeat scroll 0 0;
        transform: rotate(0deg);
        padding: 0px 5px;
        font-weight: 800;
        color: #FFF;
        margin-top: -3px;
    }

    .tx li.glk i {
        background-image: none;
        background: rgb(0 0 0 / 0%) linear-gradient(156deg, #0026ff, #d11123e0, rgb(47 0 255)) repeat scroll 0 0;
        transform: rotate(0deg);
        padding: 0px 5px;
        font-weight: 800;
        color: #FFF;
        margin-top: -3px;
    }

    .tx li.gld i {
        background-image: none;
        background: rgb(0 0 0 / 0%) linear-gradient(156deg, #fff365, #e38d14e0, rgb(234 153 5)) repeat scroll 0 0;
        transform: rotate(0deg);
        font-weight: 800;
        box-shadow: 0px 1px 0px #704106;
        padding: 0px 5px;
        margin-top: -3px;
        color: #FFF;
    }

    .tx li.luk i {
        background-image: none;
        background: rgb(0 0 0 / 0%) linear-gradient(156deg, #42ff4f, #136500, rgb(29 102 0),rgb(144 255 144)) repeat scroll 0 0;
        transform: rotate(0deg);
        padding: 0px 6px;
        font-weight: 800;
        color: #FFF;
        margin-top: -4px;
    }

    .tx li.res i {
        background-color: #6466f1;
        transform: rotate(0deg);
    }


    .tx li {
        margin: 0 0 15px;
        max-width: 82%;
        max-width: 365px;
    }

    .txbox {
        box-shadow: 71px -43px 601px rgb(0 0 0 / 17%) inset;
        border-radius: 9px;
        padding: 0 20px 10px 20px;
        margin-left: -20px;
        width: auto;
        margin-top: 15px;
        background: #1f223b;
        max-width: 403px;
    }

    .tx li s {
        float: right;
        font-weight: 900;
    }
    
    .card-header {
        border-color: #FFF;
        padding: 4px 9px;
        border-radius: 4px 4px 0 0;
        font-size: 12px;
    }

    .card-header h3 {
        font-weight: bold;
        color: #131313;
        font-size: 13px;
        min-height: 42px;
    }

    .card .list-group {
        margin: 0px 8px;
    }

    .card-body h2 {
        margin: 10px auto;
    }
    
    .card-header.with-icon {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .card-header.with-nav {
     padding-bottom:0;
     border-bottom:0
    }
    @media (min-width:768px) {
     .card-header.with-icon {
      font-size:14px;
      font-weight:500
     }
    }
    .card-header.block-title {
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
        padding: 5px 16px 3px;
        background: #f5f8fb;
    }
    .card-body.with-form,
    .card-body.with-list,
    .card-body.with-nav {
     padding:1px
    }
    .card-body .divider, .modal-body .divider {
        border-top: 1px solid #e6ecf5;
        margin: 15px 0;
        width: 100%;
        display: inline-block;
    }
    .card-body .divider.dashed,
    .modal-body .divider.dashed {
     border-top-style:dashed
    }
    
    @media (min-width:768px) {
     .card-body.page-content {
      padding:50px
     }
    }
    
    .bg-gradient-primary {
     color:#fff!important;
     background:linear-gradient(87deg,#5e72e4 0,#825ee4 100%)!important
    }
    .bg-gradient-secondary {
     background:linear-gradient(87deg,#f7fafc 0,#f7f8fc 100%)!important
    }
    .bg-gradient-success {
     color:#fff!important;
     background:linear-gradient(87deg,#2dce89 0,#2dcecc 100%)!important
    }
    .bg-gradient-info {
        color: #045002!important;
        background: linear-gradient(87deg,#d8f9d6 0,#51a55a 100%)!important;
        border: 0px solid #a8f3af;
        font-size: 18px;
        font-weight: bold;
    }
    .bg-gradient-warning {
     color:#fff!important;
     background:linear-gradient(87deg,#fb6340 0,#fbb140 100%)!important
    }
    .bg-gradient-danger {
     color:#fff!important;
     background:linear-gradient(87deg,#f5365c 0,#f56036 100%)!important
    }
    .bg-gradient-light {
     background:linear-gradient(87deg,#adb5bd 0,#adaebd 100%)!important
    }
    .bg-gradient-dark {
     color:#eee;
     background:linear-gradient(87deg,#212529 0,#212229 100%)!important
    }
    .bg-gradient-default {
     color:#eee;
     background:linear-gradient(87deg,#172b4d 0,#1a174d 100%)!important
    }
    .bg-gradient-white {
     background:linear-gradient(87deg,#fff 0,#fff 100%)!important
    }
    .bg-gradient-neutral {
     background:linear-gradient(87deg,#fff 0,#fff 100%)!important
    }
    .bg-gradient-darker {
     color:#eee;
     background:linear-gradient(87deg,#000 0,#000 100%)!important
    }
    .bg-gradient-blue {
     color:#fff!important;
     background:linear-gradient(87deg,#5e72e4 0,#825ee4 100%)!important
    }
    .bg-gradient-indigo {
     color:#fff!important;
     background:linear-gradient(87deg,#5603ad 0,#9d03ad 100%)!important
    }
    .bg-gradient-purple {
     color:#fff!important;
     background:linear-gradient(87deg,#8965e0 0,#bc65e0 100%)!important
    }
    .bg-gradient-pink {
     color:#fff!important;
     background:linear-gradient(87deg,#f3a4b5 0,#f3b4a4 100%)!important
    }
    .bg-gradient-red {
     color:#fff!important;
     background:linear-gradient(87deg,#f5365c 0,#f56036 100%)!important
    }
    .bg-gradient-orange {
     color:#fff!important;
     background:linear-gradient(87deg,#fb6340 0,#fbb140 100%)!important
    }
    .bg-gradient-yellow {
     color:#666;
     background:linear-gradient(87deg,#ffd600 0,#beff00 100%)!important
    }
    .bg-gradient-green {
     color:#fff!important;
     background:linear-gradient(87deg,#2dce89 0,#2dcecc 100%)!important
    }
    .bg-gradient-teal {
     color:#fff!important;
     background:linear-gradient(87deg,#11cdef 0,#1171ef 100%)!important
    }
    .bg-gradient-cyan {
     color:#fff!important;
     background:linear-gradient(87deg,#2bffc6 0,#2be0ff 100%)!important
    }
    .bg-gradient-white {
     background:linear-gradient(87deg,#fff 0,#fff 100%)!important
    }
    .bg-gradient-gray {
     color:#fff!important;
     background:linear-gradient(87deg,#8898aa 0,#888aaa 100%)!important
    }
    .bg-gradient-gray-dark {
     color:#fff!important;
     background:linear-gradient(87deg,#32325d 0,#44325d 100%)!important
    }
    .bg-gradient-light {
     background:linear-gradient(87deg,#ced4da 0,#cecfda 100%)!important
    }
    .bg-gradient-lighter {
     background:linear-gradient(87deg,#e9ecef 0,#e9eaef 100%)!important
    }
    .bs-callout {
     background:#fff;
     padding:20px;
     margin:20px 0;
     border-left:5px solid #eee;
     border-radius:3px
    }
    
    .bs-callout h4 {
     margin-top:0;
     margin-bottom:5px
    }
    .bs-callout p:last-child {
     margin-bottom:0
    }
    .bs-callout code {
     border-radius:3px
    }
    .bs-callout+.bs-callout {
     margin-top:-5px
    }
    .bs-callout-default {
     border-left-color:#777
    }
    .bs-callout-default h4 {
     color:#777
    }
    .bs-callout-primary {
     border-left-color:#428bca
    }
    .bs-callout-primary h4 {
     color:#428bca
    }
    .bs-callout-success {
     border-left-color:#5cb85c
    }
    .bs-callout-success h4 {
     color:#5cb85c
    }
    .bs-callout-danger {
     border-left-color:#d9534f
    }
    .bs-callout-danger h4 {
     color:#d9534f
    }
    .bs-callout-warning {
     border-left-color:#f0ad4e
    }
    .bs-callout-warning h4 {
     color:#f0ad4e
    }
    .bs-callout-info {
     border-left-color:#5bc0de
    }
    .bs-callout-info h4 {
     color:#5bc0de
    }
    .bootstrap-select:not(.input-group-btn) {
     height:100%
    }
    .bootstrap-select .dropdown-toggle .filter-option {
     display:inline-block!important;
     position:static!important;
     padding:0!important
    }
    .bootstrap-select .btn-outline-light {
     color:#495057;
     border-color:#ddd
    }
    .bootstrap-select .option .icon {
     display:table-cell;
     vertical-align:middle;
     padding-right:10px
    }
    .bootstrap-select .option .text {
     display:table-cell;
     vertical-align:top;
     text-align:left
    }
    div.mce-fullscreen {
     z-index:99999
    }
    .ui-autocomplete {
     position:absolute;
     top:0;
     left:0;
     cursor:default;
     z-index:9999
    }
    .ui-widget-content {
     background:#fff;
     color:#444;
     z-index:99999;
     padding:10px;
     border-radius:0 0 3px 3px;
     box-shadow:0 3px 4px rgba(0,0,0,.15)
    }
    
    .ui-menu-item {
     position:relative;
     margin:0;
     padding:5px 0;
     border-radius:3px;
     cursor:pointer
    }
    .ui-menu-item:hover {
     background:#efefef
    }
    
    .ui-menu-item a {
     color:#444
    }
    
    .ui-menu-item img {
     width:30px;
     margin:5px;
     border-radius:50%
    }
    .ui-menu-item span {
     font-size:13px
    }

    .video-js {
        border-radius: 3px;
       }
    
    .video-js:hover {
     cursor:pointer
    }
    .video-js .vjs-big-play-button {
     border-radius:50%!important;
     width:1.6em!important;
     height:1.6em!important;
     background:#3367d6!important;
     border-color:#3367d6!important;
     top:50%!important;
     left:50%!important;
     transform:translate(-50%,-50%)!important
    }
    .video-js .vjs-big-play-button:focus,
    .video-js:hover .vjs-big-play-button {
        background: #2850a7!important;
        border-color: #2850a7!important;
    }

    .main-wrapper {
        width: 100%;
        min-width: 260px;
        display: block;
        position: relative;
        height: 1px;
        float: right;
        z-index: 99999998;
    }
    
    
    
    .top-bar {
     position:fixed;
     top:0;
     left:0;
     right:0;
     height:50px;
     font-size:12px;
     line-height:50px;
     background:#fff2cc;
     color:#333;
     z-index:1001
    }
    @media (min-width:768px) {
     .top-bar {
      font-size:13px
     }
     .top-bar .col-sm-5 {
      text-align:right
     }
    }
    .top-bar.danger {
     background:#ce3426;
     color:#fff
    }
    .top-bar.danger a {
     color:#fff200
    }
    .top-bar.danger a:hover {
     text-decoration:underline
    }


    .main-header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 8px;
        z-index: 999999999;
        padding-top: 4px;
    }

    .moon .main-header {
        display: inline-block;
    }

    body.modal-open .main-header, body.modal-open .top-bar {
        padding-right: 0px!important;
    }

    body.n_activated .main-header,
    body.n_live .main-header {
     top:50px
    }


    .close {
        color: #FFF;
        opacity: 0.3;
        float: right;
        font-size: 33px;
        height: 22px;
        border: none;
        line-height: 22px;
    }

    .moon .wallet-container .close {
        filter:invert(1);
    }
    
    .close:hover {
        color: #ffedfb;
        opacity: 1;
    }
    
    
    #multilang li {
        display: inline-block;
        text-align: left;
        margin: 13px 0px 13px;
        width: 31%;
        vertical-align: top;
    }
    
    #multilang li a {
        display: inline-block;
        text-decoration: none;
        font-size: 13px;
        width: 100%;
    }
    
    #multilang li a img {
        width: 24px;
        margin-right: 3px;
    }
    
    .cc-theme-edgeless.cc-window {
        padding: 0;
        background: none !important;
        border-radius: 3px;
    }
    .cc-revoke, .cc-window {
        font-size: 13px !important;
    }
    
    .cc-floating.cc-theme-edgeless .cc-message {
        padding: 10px 15px 7px;
        background: rgba(0, 0, 0, 0) linear-gradient(149deg, #373268, #492e84, rgb(110, 56, 154), #e161b5) repeat scroll 0 0;
        margin: 0 !important;
    }
    .cc-compliance>.cc-btn {
        background-color: #784bc1 !important;
    }
    
    .main-header .home-icon {
        position: relative;
        top: 5px;
        right: -31px;
        text-align: center;
        color: #fff;
        padding: 5px 2px;
        line-height: 100%;
        opacity: 0.1;
    }

    .main-header .home-icon:hover {
     opacity:.8
    }

    
    
    .main-header .search-input-icon {
        position: relative;
        color: #a9b1c7;
        width: 19px;
        position: absolute;
        margin-top: 8px;
        margin-left: 9px;
    }
    
    .main-header .search-wrapper .form-control {
        height: 34px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 31px;
        box-shadow: none;
        background: #ffffff;
        border: 0 none;
        border-radius: 2px;
        color: #333;
        display: inline-block;
        vertical-align: bottom;
    }

    .moon .main-header .search-wrapper .form-control {
        background: none;
    }
    
    .navbar-wrapper {
        display: block;
        float: right;
    }
    
    
    

    

    .main-header .search-wrapper .form-control::placeholder {
     color: #a9b1c7;
     opacity:1
    }

    
    .topbar {
        display: inline-block;
    }

    
    
    @media (min-width:992px) {
    
    .main-header .container .row {
        display: block;
    }
     
    .downbar {
        float: right;
    }
    
    .main-header .search-wrapper {
        display: none !important;
    }
    
    }
    .navbar-wrapper .counter {
        position: absolute;
        top: 5px;
        right: 0;
        padding: 2px 4px;
        color: #fff;
        font-size: 11px;
        font-weight: 600;
        border-radius: 3px;
      }
      .navbar-wrapper .counter.red {
        background: #f10101;
      }
    .navbar-wrapper .counter.blue {
     background:#38a9ff
    }
    .navbar-wrapper .counter.purple {
     background:#0fbd03
    }
    .navbar-wrapper .user-menu>img {
        display: inline-block;
        margin-top: 4px;
        height: 29px;
        width: 29px;
        border-radius: 50%;
        margin-left: 5px;
    }
    @media (min-width:768px) {
     .navbar-wrapper .user-menu>img {
      height:26px;
      width:26px;
     }
    }

    .dropdown-widget {
     width:100%;
     padding-bottom:0;
     padding-top:0;
     border:0
    }
    .dropdown-widget-header {
     padding:10px;
     font-size:11px;
     border-bottom:1px solid #e4e4e4
    }
    
    .dropdown-widget-header .title {
     text-transform:uppercase;
     color:#9a9fbf;
     font-size:9px;
     font-weight:700
    }
    .dropdown-widget-header a:hover {
     text-decoration:underline
    }
    .dropdown-widget-body {
     padding:0;
     font-size:12px
    }
    .dropdown-widget-body .title {
     border-top:1px solid #e4e4e4;
     border-bottom:1px solid #e4e4e4;
     color:#9a9fbf;
     padding:8px;
     display:block;
     font-size:11px;
     font-weight:600;
     line-height:16px
    }
    
    .dropdown-widget-footer {
     background:#f6f9fc;
     display:block;
     padding:10px 0;
     border-top:1px solid #e5e5e5;
     border-bottom:0 none;
     text-align:center;
     font-size:11px;
     border-radius:0 0 4px 4px
    }
    
    .dropdown-widget-footer:hover {
     text-decoration:underline
    }
    @media (min-width:768px) {
     .dropdown-widget {
      min-width:380px!important
     }
     .dropdown-widget.with-arrow:before {
      position:absolute;
      display:inline-block;
      content:'';
      top:-7px;
      right:10px;
      border-right:7px solid transparent;
      border-left:7px solid transparent;
      border-bottom:7px solid #fff
     }
    
     .dropdown-widget.dropdown-search {
      border-radius:2px 2px 0 0
     }
    }
    .section-title {
        padding: 5px;
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        border-radius: 6px;
        color: #131313;
    }

    .section-title i {
        color: #f10101;
    }
    
    .heading-small {
        font-size: 12px;
        padding: 4px 0;
        letter-spacing: .04em;
        text-transform: uppercase;
        width: 100%;
    } 
    .aligncener {
        text-align: center;
    }
    .hr-heading {
     display:block;
     overflow:hidden;
     text-align:center;
     white-space:nowrap
    }
    .hr-heading-text {
     position:relative;
     display:inline-block;
     color:#999
    }
    .hr-heading-text:after,
    .hr-heading-text:before {
     position:absolute;
     top:50%;
     width:9999px;
     height:1px;
     background:#ddd;
     content:''
    }
    
    .hr-heading-text:before {
     right:100%;
     margin-right:15px
    }
    .hr-heading-text:after {
     left:100%;
     margin-left:15px
    }
    .user-box {
     display:block;
     margin:5px;
     text-align:center;
     text-decoration:none
    }
    .circled-user-box {
     margin:5px
    }
    .circled-user-box .user-box {
     position:relative;
     padding-top:100%;
     margin:0;
     margin-bottom:20px
    }
    .pro-box-wrapper .user-box {
     width:71px;
     float:left;
     opacity:.55
    }
    .pro-box-wrapper.full-opacity .user-box {
     opacity:1
    }
    .pro-box-wrapper .user-box.slick-center {
     opacity:1;
     transform:scale(1.1);
     font-weight:600
    }
    .user-box img {
     width:100%;
     height:100%;
     margin:0 auto;
     border-radius:50%
    }
    .circled-user-box .user-box img {
     position:absolute;
     top:0;
     left:0;
     bottom:0;
     right:0;
     object-fit:cover
    }
    .pro-box-wrapper .user-box img {
     width:60px;
     height:60px;
     box-shadow:0 1px 2px rgba(0,0,0,.2)
    }
    .user-box .name {
     margin-top:5px;
     font-size:11px;
     word-break:break-word;
     white-space:nowrap;
     overflow:hidden;
     text-overflow:ellipsis
    }
    .circled-user-box .user-box .name {
     position:absolute;
     left:0;
     right:0
    }
    .ui-box {
     position:relative;
     background:#f6f9fc;
     padding:50px 15px 15px;
     margin-top:50px;
     margin-bottom:20px;
     text-align:center;
     border-radius:4px
    }
    
    .ui-box .img {
     position:absolute;
     top:-50px;
     left:50%;
     transform:translate(-50%);
     background:#fff;
     padding:4px;
     margin:0 auto;
     border-radius:50%
    }

    .profile-name-wrapper .js_chat-start {
        border-radius: 33px !important;
        padding: 13px 29px;
        margin-left: -8px !important;
        margin-top: 5px;
    }
    
    .ui-box img {
     height:92px;
     width:92px;
     border-radius:50%
    }
    .ui-box .btn {
     box-shadow:none
    }
    .stat-panel {
        border-radius: 4px;
        margin-bottom: 10px;
        overflow: hidden;
    }
    .stat-panel.border {
     border:1px solid #e6ecf5
    }
    
    .stat-cell {
        position: relative;
        padding: 9px 14px;
    }
    .stat-cell .icon {
     position:absolute;
     top:20px;
     right:20px;
     background:#fff;
     font-size:20px;
     width:48px;
     height:48px;
     padding:14px;
     border-radius:50%
    }
    .stat-cell .bg-icon {
        position: absolute;
        bottom: 0px;
        right: 6px;
        font-size: 100px;
        opacity: .13;
        color: #FFF;
    }
    .stat-cell a {
     font-size:12px;
     color:#fff
    }
    .stat-cell a:hover {
     text-decoration:underline
    }

   
    
    .content-tabs {
        background: #fff;
        margin-bottom: -5px;
        padding: 0 5px;
        display: inline-block;
        border-radius: 3px;
    }
    
    @media (min-width:768px) {
     .content-tabs {
      padding:0 10px
     }
    }
    .content-tabs>ul>li {
     float:left
    }
    .content-tabs>ul>li>a {
     display:block;
     padding:5px 13px;
     font-size:12px;
     line-height:20px;
     color:#666;
    }
    
    @media (min-width:768px) {
     .content-tabs>ul>li>a {
      padding:5px 13px;
      font-size:13px
     }
    }
    .content-tabs>ul>li.active>a {
     color:var(--link-color);
     font-weight:600;
     border-bottom:2px solid var(--link-color)
    }
    .see-more {
     text-align:center;
     margin:10px 0 0;
     padding:10px
    }
    .see-more:hover {
     text-decoration:underline;
     cursor:pointer
    }
    .see-more.loading:hover {
     text-decoration:none;
     cursor:default
    }
    .see-more.done:hover {
     text-decoration:underline;
     cursor:text
    }
    .feeds-item {
        border-bottom: 1px solid #f0f4f8;
    }
    
    .feeds-item:last-child {
     border-bottom:0 none
    }
    .feeds-item.unread {
     background:#e9eaed
    }
    
    .data-container {
     display:block;
     width:100%;
     padding:8px;
     min-height:56px
    }
    .data-container.small {
     min-height:46px
    }
    .data-container.clickable:hover,
    a.data-container:hover {
     background:#f6f7f8;
     text-decoration:none;
     cursor:pointer
    }
    
    .data-avatar {
     display:block;
     position:relative;
     float:left
    }
    .data-avatar img {
     width:30px;
     height:30px;
     text-align:center;
     border-radius:50%
    }
    @media (min-width:768px) {
     .data-avatar img {
      width:40px;
      height:40px;
      border-radius:50%
     }
     .data-container.small .data-avatar img {
      width:30px;
      height:30px
     }
    }
    .data-avatar .left-avatar,
    .data-avatar .right-avatar {
     background-size:cover;
     background-position:center center;
     float:left;
     overflow:hidden;
     width:14px;
     height:30px;
     margin-right:1px;
     border-radius:20px 0 0 20px
    }
    .data-avatar .right-avatar {
     width:15px;
     margin-right:0;
     border-radius:0 20px 20px 0
    }
    @media (min-width:768px) {
     .data-avatar .left-avatar,
     .data-avatar .right-avatar {
      width:19px;
      height:40px;
      border-radius:20px 0 0 20px
     }
     .data-avatar .right-avatar {
      width:20px;
      border-radius:0 20px 20px 0
     }
     .data-container.small .data-avatar .left-avatar,
     .data-container.small .data-avatar .right-avatar {
      width:14px;
      height:30px
     }
     .data-container.small .data-avatar .right-avatar {
      width:15px
     }
    }
    .data-reaction {
     position:absolute;
     bottom:-4px;
     right:-6px
    }
    .data-content {
     padding-left:38px;
     color:#818181;
     font-size:11px
    }
    @media (min-width:768px) {
     .data-content {
      padding-left:48px;
      word-wrap:break-word
     }
     .data-container.small .data-content {
      padding-left:38px
     }
    }
    .data-content .data-img {
     background-color:#fff;
     border:1px solid #ddd;
     padding:1px;
     width:48px;
     height:48px;
     object-fit:cover
    }
    .data-content .btn {
     padding:2px 6px;
     font-size:10px
    }
    @media (min-width:576px) {
        .data-content .btn {
            padding: 5px 9px 5px 7px;
            font-size: 11px;
            margin-left: initial;
        }
    }
    .data-content .name {
     font-weight:700
    }
    .data-content .time {
     font-size:10px;
     color:#bbb
    }
    .data-content .text {
     word-break:break-all
    }
    .x-form {
     position:relative
    }
    .x-form-tools {
        position: absolute;
        color: #a9b1c7;
    }
    .x-form-tools>li {
        float: left;
        margin-left: 2px;
        padding: 4px 2px;
        width: auto !important;
        height: 19px;
    }

    .x-form-tools>li i {
        display: inline-block;
        background-size: 17px;
        background-position: 0px 0px;
        opacity: 0.27;
        filter: invert(29%) sepia(51%) saturate(878%) hue-rotate(196deg) brightness(104%) contrast(66%) !important;
        width: 20px;
    }

    .x-form-tools>li i.airplane {
        background-size: 15px;
        height: 20px;
        display: inline-block;
        background-position: 0 1px;
        opacity: 0.31;
        width: 22px !important;
        margin-right: 4px;
    }

    .x-form-tools>li:hover i {
        opacity: 0.666;
    }

    .x-form-tools>li:first-child {
     margin-left:0
    }
    .x-form-tools>li:hover {
        cursor: pointer;
        color: #336699;
    }
    
    .x-form-tools-attach,
    .x-form-tools-emoji,
    .x-form-tools-post,
    .x-form-tools-voice {
     position:relative;
     overflow:hidden;
     display:inline-block;
     cursor:pointer
    }

    .x-form-tools-attach input[type=file] {
     position:absolute;
     top:0;
     right:0;
     min-width:100%;
     min-height:100%;
     font-size:100px;
     text-align:right;
     opacity:0;
     outline:0;
     background:#fff;
     cursor:inherit;
     display:block
    }
    .attachments li {
     float:left;
     width:64px;
     height:64px;
     margin-right:5px;
     margin-bottom:5px;
    }
    @media (min-width:768px) {
     .attachments li {
      width:96px;
      height:96px
     }
    }
    .attachments li.item {
        position: relative;
        border: 1px solid #eee;
        cursor: pointer;
        z-index: 2;
      }
    
    .attachments li.item img {
     width:64px;
     height:64px
    }
    @media (min-width:768px) {
     .attachments li.item img {
      width:94px;
      height:94px
     }
    }
    .attachments li.item .name {
     background:#fafafa;
     height:100%;
     width:100%;
     padding:10px;
     color:#999;
     font-size:10px;
     word-break:break-all
    }
    .attachments li.item.deletable:before {
     position:absolute;
     top:0;
     left:0;
     right:0;
     background:rgba(0,0,0,.6);
     width:64px;
     height:64px;
     content:"";
     display:none
    }
    @media (min-width:768px) {
     .attachments li.item.deletable:before {
      width:94px;
      height:94px
     }
    }
    .attachments li.item.deletable:hover:before {
     display:block
    }
    .attachments li.item button {
     position:absolute;
     top:0;
     right:5px;
     color:#fff;
     text-shadow:0 1px 0 #000;
     opacity:.4;
     display:none
    }
    .attachments li.item.deletable:hover button {
     display:block
    }
    .attachments li.item.deletable button:hover {
     opacity:.8
    }
    .attachments li.loading {
     padding-top:22px;
     background:#f3f3f3;
     border:1px solid #eee;
     display:none
    }
    @media (min-width:768px) {
     .attachments li.loading {
      padding-top:45px
     }
    }
    
    .attachments li.add {
     position:relative;
     overflow:hidden;
     padding:20px 0 0 25px;
     color:#ddd;
     font-size:16px;
     cursor:pointer;
     border-radius:4px;
     border:2px dashed #cecece
    }
    @media (min-width:768px) {
     .attachments li.add {
      padding:30px 0 0 35px;
      font-size:24px
     }
    }
    .x-uploader {
     overflow:hidden
    }
    .x-uploader input[type=file] {
     position:absolute;
     top:0;
     right:0;
     min-width:100%;
     min-height:100%;
     font-size:100px;
     text-align:right;
     opacity:0;
     outline:0;
     background:#fff;
     cursor:pointer;
     display:block;
     z-index:2;
    }
    .x-uploader .fa {
     cursor:pointer
    }
    .x-image {
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-color: #eee;
        width: 96px;
        height: 96px;
        overflow: hidden;
        display: inline-block;
        border-radius: 2px;
    }
    
    .x-image.full {
     width:100%
    }
    .x-image.sm {
     width:48px;
     height:48px
    }
    .x-image:before {
     position:absolute;
     top:0;
     left:0;
     right:0;
     width:100%;
     height:100%;
     background:#000;
     content:'';
     opacity:0
    }
    .x-image:hover.x-image:before {
     opacity:.2
    }
    .x-image-success {
     display:none;
     position:absolute;
     top:0;
     left:0;
     opacity:.5;
     background:#000;
     width:100%;
     height:100%;
     padding-top:30%;
     text-align:center;
     color:#fff;
     font-size:12px;
    }
    .x-image-loader {
     display:none;
     position:absolute;
     top:0;
     left:0;
     opacity:.5;
     background:#000;
     width:100%;
     height:100%;
     padding-top:50%;
    }
    .x-image.full .x-image-loader {
     padding-top:20%
    }
    .x-image .x-uploader {
     position:absolute;
     bottom:5px;
     right:5px
    }
    .x-image button {
     position:absolute;
     top:0;
     right:5px
    }
    .x-progress {
     height:5px;
     margin:0 1.5rem;
     border-radius:25px
    }
    .tbl-image {
     width:24px;
     height:24px;
     float:left;
     margin-right:5px;
     border-radius:50%
    }
    .tbl-image.app-icon {
     width:34px;
     height:34px;
     border-radius:4px
    }
    .verified-badge {
     color:#55acee
    }
    .pro-badge {
     color:#e13c4c
    }
    .privacy-badge {
     color:#fff;
     font-size:16px
    }
    .privacy-badge:hover,
    .pro-badge:hover,
    .verified-badge:hover {
     cursor:pointer
    }
    .ads-title {
     font-size:14px;
     padding:5px 0;
     margin:0;
     word-break:break-all
    }
    .ads-descrition {
     font-size:12px;
     word-break:break-word
    }
    .adblock-warning-message {
     display:none;
     padding:20px;
     background:#d30000;
     text-align:center;
     color:#fff;
     border-radius:2px
    }
    .adblock-detector {
     position:fixed;
     top:46px;
     left:0;
     right:0;
     display:none;
     margin-bottom:30px;
     padding:20px 10px;
     background:#d30000;
     text-align:center;
     font-weight:700;
     color:#fff
    }
    @media (min-width:768px) {
     .user-popover {
      position:relative
     }
     .user-popover-wrapper {
      width:400px;
      min-height:180px;
      z-index:99999
     }
     .user-popover-content {
      width:400px;
      position:absolute;
      top:5px;
      left:0;
      border-radius:6px;
      background-color:#fff;
      box-shadow:0 1px 12px rgba(0,0,0,.2);
      z-index:999999
     }
    
     .user-card {
      position:relative
     }
     .user-card-cover {
      width:100%;
      height:120px;
      background-color:#424242;
      background-size:cover;
      background-position:center center;
      border-radius:6px 6px 0 0
     }
     .user-card-avatar {
      position:absolute;
      left:15px;
      bottom:-15px;
      padding:2px;
      border-radius:50%;
      background:#fff;
      box-shadow:0 0 0 1px rgba(0,0,0,.3)
     }
    
     .user-card-avatar img {
      width:60px;
      height:60px;
      border-radius:50%
     }
     .user-card-info {
      position:absolute;
      left:96px;
      bottom:10px;
      color:#fff
     }
     .user-card-info a {
      color:#fff;
      text-shadow:0 0 3px rgba(0,0,0,.9)
     }
     .user-card-info a:hover {
      text-decoration:underline
     }
     .user-card-info a.name {
      font-size:20px;
      font-weight:600
     }
     .user-card-info .info {
      font-size:12px;
      line-height:15px;
      text-shadow:0 0 3px rgba(0,0,0,.9)
     }
     .user-card-meta {
      padding-left:96px;
      padding-top:10px;
      font-size:14px;
      color:#000
     }
    
     .user-card-meta .fa {
      color:#666
     }
     .user-popover-content .popover-footer {
      padding:8px;
      text-align:center;
      border-radius:0 0 6px 6px
     }
     .user-popover-content .popover-footer .btn {
      padding:6px 12px;
      margin-right:5px;
      margin-bottom:5px
     }
    }
    .trending-item {
     word-break:break-word;
     display:block;
     padding:5px 0;
     font-size:13px
    }
    .trending-item .hash {
     display:block;
     color:#fff;
     font-weight:700;
     font-size:14px
    }
    .trending-item .frequency {
     font-size:12px;
     color:#ffeb00
    }
    .trending-item:hover .hash {
     text-decoration:underline
    }
    .publisher-overlay {
     background:#000;
     position:fixed;
     top:0;
     left:0;
     right:0;
     opacity:0;
     z-index:1002
    }
    body.publisher-focus .publisher-overlay {
        margin-bottom: 20px;
        background: #13121A !important;
        border-radius: 3px;
        box-shadow: 0 1px 1px rgba(0,0,0,.05);
        opacity: 0.7 !important;
        height: 100%;
        display: none !important;
    }
    .publisher {
        margin-bottom: 10px;
        background: #fff;
        border-radius: 3px;
        box-shadow: 0 1px 4px rgb(0 0 0 / 6%);
        margin-top: 30px;
    }
    
    body.publisher-focus .publisher {
     z-index:3;
    }
    .publisher.mini {
     margin-bottom:0;
     border-radius:0
    }
    .publisher-loader {
     display:none;
     position:absolute;
     top:5px;
     right:10px;
     z-index:1
    }
    .publisher-close {
     position:absolute;
     top:5px;
     right:10px;
     z-index:1
    }
    
    .publisher-left {
        float: left;
    }
    .publisher-message {
        position: relative;
        padding: 8px 15px 0px 15px;
    }
    .post-colored,
    .post-colored-preview,
    .publisher-message.colored {
     height:300px;
     padding:30px;
     background-repeat:no-repeat!important;
     background-size:cover!important
    }
    .publisher-message.colored {
     border-radius:2px 2px 0 0
    }
    .post-colored-preview {
     border-radius:2px
    }
    .post-colored-preview.small {
     height:180px
    }
    .post-colored-preview h2 {
     text-align:center;
     padding-top:100px
    }
    .post-colored-preview h4 {
     text-align:center;
     padding-top:50px
    }
    .post-colored-text-wrapper,
    .publisher-message.colored .colored-text-wrapper {
     height:240px;
     display:flex;
     text-align:center
    }
    .publisher-message.colored .colored-text-wrapper {
     overflow-x:auto
    }
    .publisher-avatar {
        position: absolute;
        left: 12px;
        top: 10px;
        width: 40px;
        height: 40px;
        padding: 0px;
        border-radius: 50%;
    }
    
    .publisher-message.colored .publisher-avatar {
     display:none
    }
    .publisher textarea {
     background:#f7f9fc;
     direction:ltr;
     resize:none;
     outline:0;
     width:89%;
     margin-top:5px;
     padding:3px 10px 5px;
     font-size:13px;
     line-height:24px;
     height:34px;
     border:0 none;
     margin-left: 50px;
     margin-bottom: 10px;
        border-radius: 3px;
        box-shadow: 0 1px 2px rgba(0,0,0,0.04) inset;
    }
    
    .colored-text-wrapper {
        overflow: hidden;
    }
    
    .publisher textarea::placeholder {
     color:inherit;
     opacity:.65
    }
    .post-colored .post-text,
    .publisher-message.colored textarea {
     text-align:center;
     font-size:25px;
     line-height:30px;
     font-weight:600;
     margin:auto
    }
    .publisher-message.colored textarea {
     min-height:60px
    }
    .post-colored .post-text a {
     color:inherit!important;
     text-decoration:underline!important
    }
    .post-colored .post-text a:hover {
     text-decoration:none!important
    }
    .publisher-emojis {
        display: none;
        position: absolute;
        top: 21px;
        right: 23px;
    }
    .publisher-emojis .far {
     cursor:pointer;
     color:#999
    }
    
    .emoji-menu {
        display: none;
        position: absolute;
        bottom: 30px;
        right: 0;
        min-width: 228px;
        margin: 0;
        padding: 6px 2px 0 6px;
        font-size: 13px;
        line-height: 100%;
        background-color: #fff;
        border: 1px solid #d4d5d6;
        border-radius: 2px;
        box-shadow: 0 1px 1px rgba(0,0,0,.05);
        z-index: 99999;
    }
    
    .emoji-menu:before {
        position: absolute;
        top: 100%;
        right: 3px;
        content: "";
        border-color: #d4d5d6 transparent transparent transparent;
        border-style: solid;
        border-width: 8px;
    }
    
    .emoji-menu:after {
        position: absolute;
        top: 100%;
        right: 4px;
        content: "";
        border-color: #f6f7f9 transparent transparent transparent;
        border-style: solid;
        border-width: 7px;
    }
    
    .publisher .emoji-menu {
        bottom: auto;
        top: 25px;
        right: -4px;
    }
    .publisher .emoji-menu:before {
        top: auto;
        bottom: 100%;
        border-color: transparent transparent #d4d5d6 transparent;
    }
    
    .publisher .emoji-menu:after {
        top: auto;
        bottom: 100%;
        border-color: transparent transparent #fff transparent;
    }
    
    .lightbox .emoji-menu {
        bottom: auto;
        top: 27px;
        right: -7px;
    }
    .lightbox .emoji-menu:before {
        top: auto;
        bottom: 100%;
        border-color: transparent transparent #d4d5d6 transparent;
    }
    
    .lightbox .emoji-menu:after {
        top: auto;
        bottom: 100%;
        border-color: transparent transparent #fff transparent;
    }
    
    
    .emoji-menu .item {
        float: left;
        padding: 2px;
        margin-right: 1px;
        margin-bottom: 1px;
    }
    .emoji-menu .item:hover {
        cursor: pointer;
        background: #f3f3f3;
        border-radius: 4px;
    }
    
    
    .emoji-menu .item > img {
        width: 65px;
        height: 65px;
    }
    
    .emoji-menu .nav-tabs {
        border-top: 1px #dddfe2 solid;
        border-bottom: 0;
        margin: 0 -2px 0px -6px;
        padding: 0 10px;
    }
    
    .emoji-menu .nav-tabs > li > .nav-link {
        color: #555;
        padding: 12px 16px;
        margin: 0;
        border: 0;
        border-radius: 0;
        border-top: 2px solid transparent;
    }
    .emoji-menu .nav-tabs > li > .nav-link:hover {
        background: transparent;
        color: var(--link-color);
        border-color: transparent;
        border-bottom: 0;
    }
    .emoji-menu .nav-tabs > li > .nav-link.active, 
    .emoji-menu .nav-tabs > li > .nav-link.active:hover, 
    .emoji-menu .nav-tabs > li > .nav-link.active:focus {
        border: 0;
        color: var(--link-color);
        background: transparent;
        border-top: 2px solid var(--link-color);
    }
    
    .publisher-scraper {
     display:none;
     position:relative;
     padding:10px
    }
    .publisher-scraper-remover {
     position:absolute;
     top:15px;
     right:20px;
     width:26px;
     height:26px;
     padding-right:6px;
     background:#fbfbfb;
     border:1px solid #eaeaea;
     border-radius:50%;
     z-index:1
    }
    .publisher-scraper-remover:hover {
     background:#fff
    }
    .publisher-scraper-remover button.close {
     opacity:.5
    }
    .publisher-attachments {
     padding:10px 10px 5px
    }
    .publisher-meta {
     position:relative;
     border-top:1px dashed #eee;
     font-weight:600;
     margin:0 15px;
     padding:8px 0;
     display:none
    }
    
    .publisher-meta.top {
     border-top:0;
     border-bottom:1px dashed #eee
    }
    .publisher-meta .svg-container {
     position:absolute;
     top:15px;
     left:15px
    }
    .publisher-meta .svg-container.static {
     position:static
    }
    .publisher-meta input,
    .publisher-meta select {
     background:#f3f3f3;
     width:100%;
     color:#5e72e4;
     font-weight:600;
     font-size:14px;
     line-height:20px;
     padding:8px 16px 8px 40px;
     outline:0 none;
     border:0 none;
     border-radius:18px
    }
    .publisher-meta input.no-icon {
     padding:8px 16px
    }
    
    .publisher-meta select {
     color:#9c9c9c
    }
    .publisher-meta select:focus {
     color:#4e5665
    }

    .publisher-meta input::placeholder {
     color:#9c9c9c;
     opacity:1
    }

    .publisher-custom-thumbnail {
     display:none;
     position:relative;
     margin:10px 15px;
     padding:8px 0;
     border-top:1px dashed #eee;
     overflow:hidden
    }
    
    .publisher-custom-thumbnail .x-image {
     width:100%;
     height:160px;
     margin-top:5px
    }
    .publisher-custom-thumbnail .x-image-loader {
     padding-top:80px
    }
    #feelings-menu-toggle {
     white-space:nowrap;
     padding:5px;
     cursor:pointer;
     padding:8px 18px;
     background:#f3f3f3;
     color:#6f6f6f;
     font-weight:600;
     border-radius:18px
    }
    
    #feelings-menu-toggle.active {
     display:table-cell;
     background:#e2e8f6
    }
    
    #feelings-data {
     display:table-cell;
     width:100%;
     padding-left:5px
    }
    #feelings-data span {
     white-space:nowrap;
     padding:10px 14px;
     background:#5e72e4;
     color:#fff;
     font-weight:600;
     border-radius:18px;
     cursor:pointer
    }
    #feelings-data span .twa {
     vertical-align:middle
    }
    .feeling-item {
     padding:5px;
     cursor:pointer;
     color:#666
    }
    
    .feeling-item:hover {
     background:var(--header-bg-color);
     color:#fff!important
    }
    .feeling-item .icon {
     display:table-cell;
     vertical-align:top;
     padding-right:5px
    }
    .feeling-item .data {
     display:table-cell;
     vertical-align:middle;
     width:100%;
     font-size:1.2em;
     font-weight:600
    }
    .colored-pattern-item {
     display:inline-block;
     height:36px;
     width:36px;
     padding:0;
     border:2px solid #fff;
     border-radius:50%;
     background-size:cover;
     cursor:pointer
    }
    
    .colored-pattern-item.active {
     box-shadow:0 0 0 2px rgba(51,103,214,.65)
    }
    .dropdown-menu.gif-search {
     display:none;
     left:0;
     padding:5px;
     margin-top:0;
     border:1px solid #efefef;
     border-radius:2px;
     box-shadow:none
    }
    
    .gif-search .item {
     width:33%;
     float:left;
     margin-right:1px;
     margin-bottom:1px
    }
    .gif-search .item>img {
     width:100%;
     height:fit-content;
     cursor:pointer
    }
    .publisher-tools-tabs {
        margin: 0 5px;
        padding-top: 10px;
        border-top: 1px solid #f0f4f8;
        border-bottom: 0px solid #e6ecf5;
        display: inline-block;
    }

    .publisher-tools-tabs li.col-md-6 {
        width: 33%;
        display: inline-block;
    }
    
    .publisher-tools-tabs .divider {
     border-top:1px solid #e6ecf5;
     margin-bottom:15px
    }
    
    .publisher-tools-tab {
        display: block;
        padding: 6px 0px 7px;
        color: #666;
        font-size: 12px;
        border-radius: 3px;
        margin-bottom: 0px;
    }
    
    .publisher-tools-tab i {
        color: #131313;
        margin: 0 3px 0 8px;
    }
    
    
    .publisher-tools-tab:hover {
     background:#f3f3f3;
     color:#7f838a;
     cursor:pointer
    }
    
    .publisher-tools-tab.active {
     color:#5e72e4
    }
    .publisher-tools-tab.activated {
     background:#d2e0ff
    }
    
    .publisher-tools-tab[data-tab=audio].activated:after,
    .publisher-tools-tab[data-tab=file].activated:after,
    .publisher-tools-tab[data-tab=video].activated:after {
     content:"";
     background:0 0;
     position:absolute;
     top:0;
     bottom:0;
     left:0;
     right:0;
     cursor:initial
    }
    .publisher-tools-tab.disabled {
     position:relative
    }
    .publisher-tools-tab.disabled:hover {
     background:#f7f7f7;
     color:#7f838a;
     cursor:initial
    }
    
    .publisher-tools-tab.disabled:after {
     content:"";
     background:#fff;
     position:absolute;
     top:0;
     bottom:0;
     left:0;
     right:0;
     opacity:.6;
     border-radius:25px
    }
    
    .publisher-tools-tab.attach {
     position:relative;
     overflow:hidden
    }
    .publisher-tools-tab.attach form {
        display: initial;
        float: left;
    }
    .publisher-tools-tab img {
     width:24px;
     height:24px;
     margin-right:5px
    }
    .publisher-footer {
        text-align: right;
        padding: 3px 18px 10px;
    }
    .publisher-anonymous-lable {
        padding: 0;
        cursor: pointer;
        vertical-align: text-top;
        font-size: 12px;
    }
    
    .publisher-anonymous-lable i {
        font-size: 13px;
        margin: 0 3px 0 -3px;
        color: #6b61fe;
    }

    .publisher-footer select {
        width: 140px;
    }
    


    .posts-filter {
        margin-bottom: 15px;
        padding: 2px 0px 0px 0px;
        border-bottom: 3px solid #632f9324;
        font-weight: 600;
        background: rgba(0, 0, 0, 0) linear-gradient(156deg, #2f386c, #402e7e, #7d2587, #ff005e) repeat scroll 0 0;
        background: rgb(0, 0, 0, 0) linear-gradient(156deg, #2f386c, #563280, rgb(255, 0, 94)) repeat scroll 0 0;
        border-radius: 0 0 3px 3px;
        color: #b8becf;
        border-radius: 3px 3px 6px 6px;
        box-shadow: 0 1px 4px rgb(0 0 0 / 44%), 0 30px 0px rgb(245 247 249 / 2%) inset;
        margin-top: 10px;
        display: inline-block;
        margin-right: -5px;
        position: absolute;
        left: 0;
        z-index: 2;
        bottom: 29px;
    }



    .posts-filter input, .posts-filter select {
        border-color: #ddd;
        border-color: #e4e8ec;
        border-radius: 3px;
        background-color: #1a1b3c;
        padding: 3px 4px 3px 2px;
        height: 24px;
        font-size: 11px;
        box-shadow: 0 1px 2px rgb(0 0 0 / 40%) inset;
        border: none;
        max-width: 110px;
        cursor: pointer;
        color: #b1b9ca;
    }

    nav select, sub select {
        max-width: 140px;
        padding: 6px 6px 6px 2px;
        height: 29px;
        font-size: 13px;
    }


    .double-range-container {
        width: 100%;
        height: 20px;
        user-select: none;
        box-sizing: border-box;
        white-space: nowrap;
        max-width: 80%;
        text-align: center;
        line-height: 0.3;
        margin-top: 10px;
        margin-bottom: 10px;
        display: inline-block;
        margin-left: 10px;
        margin-right: 18px;
    }

    .rbody {
        top: 0;
        position: absolute;
        background-color: #f563ff8f;
        bottom: 0;
    }

    .rslider {
        position: relative;
        width: 100%;
        height: 6px;
        top: 50%;
        transform: translate(0, -50%);
        background-color: #0b0f2a73;
        border-radius: 3px;
    }
	.handle {
		position: absolute;
		top: 50%;
		width: 0;
		height: 0;
	}

    .handle u {
        position: absolute;
        left: -10px;
        top: -19px;
    }

    .handle.r u {
        left: auto;
        right: -8px;
    }

    .handle:after {
        content: ' ';
        box-sizing: border-box;
        position: absolute;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        background-color: #ff6be1;
        border: 2px solid #44155c;
        transform: translate(-50%, -50%);
        cursor: pointer;
    }

    .xelect {
        margin-right: 5px;
        margin-top: 0px;
    }

	.handle:active:after {
		background-color: #ff63ab;
		z-index: 9;
        box-shadow: 0 0 5px 2px rgb(0 0 0 / 13%);
	}

    .moon .posts-filter input, .moon .posts-filter select {
        background-color: #1a1b3c;
        color: #818aad;
    }

    .posts-filter input {
        max-width: 47px;
    }

    input[type="checkbox"] {
        vertical-align: middle;
        box-shadow: none;
        margin: 0 5px;
        transform: scale(1.2);
        cursor: pointer;
        opacity: 0.6;
    }

    .fa-search-location {
        color: #9d91d9;
    }

    .posts-filter .btn-group .btn, .posts-filter .btn-group .btn-default.active, .posts-filter .btn-group .btn-default:active, .posts-filter .btn-group .open .btn-default.dropdown-toggle, .posts-filter .btn-group .open .btn.dropdown-toggle {
        background: 0 0!important;
        box-shadow: none!important;
        border: 0 none!important;
        padding-left: 0!important;
        padding-right: 0!important;
        color: #131313;
        cursor: pointer;
        padding-bottom: 0;
    }
    
    .dropdown-menu {
        min-width: auto;
        top: auto;
        position: relative;
        float: none;
        display: inline-block;
        background: no-repeat;
        border: 0 none;
        box-shadow: none;
        padding: 0;
        margin: 2px 12px 0 2px;
        z-index: 0;
        vertical-align: top;
    }

    #xpeditor .dropdown-menu {
        background: #644397;
        padding: 0px 7px 1px 9px;
        margin-top: -17px;
        box-shadow: 0 -4px 4px rgb(0 0 0 / 40%);
        position: absolute;
        top: -15px;
        z-index: 9;
        font-size: 11px;
        display: inline-flex;
    }

    #xpeditor .rot {
        color: #d5d7e9;
     }

     #xpeditor .rot i,  #xpeditor .rot s {
        color: #c6c9db;
     }

.xpeditorhead {
    position: absolute;
    top: 0px;
    width: 100%;
    padding: 4px 0 3px 13%;
    background: #f5f6f7;
}

.moon .xpeditorhead {
    background: #191b26;
}

    #editor {
        padding-top: 1px;
        margin-top: 42px;
        padding-bottom: 10px;
        background: #f5f6f7;
    }
    
    .moon #editor {
        background: #191b26;
    }

    #xpeditor footer {
        padding: 3px 10px 3px;
        font-size: 11px;
        border-radius: 0;
        background: #11121a;
        display: none;
    }

    #xpeditor hr {
        margin: 0px 0 0;
        border: none;
        border-top: 1px solid #111113;
        border-bottom: 1px solid #141726;
    }

    #xpeditor a {
        cursor: pointer;
        text-decoration: underline;
    }

    #xpeditor sub {
        display: block;
    }

    #xpeditor h1 {
        font-size: 18px;
        margin: 10px 0;
        color: #1e1a1a;
        font-family: system-ui;
    }

    .moon #xpeditor h1 {
        color: #FFF;
    }

    #xpeditor h2 {
        font-size: 17px;
        margin: 10px 0;
        color: #1e1a1a;
        font-family: system-ui;
    }

    .moon #xpeditor h2 {
        color: #FFF;
    }

    #xpeditor h3, #xpeditor h4 {
        font-size: 14px;
        margin: 5px 0 !important;
        color: #1e1a1a;
        font-family: system-ui;
        font-weight: bold;  
    }

    .moon #xpeditor h3, .moon #xpeditor h4 {
        color: #FFF;
    }

    #xpeditor i.pricerange {
        margin-left: -1px;
        margin-right: 7px;
    }

    #xpeditor .rot:hover, #xpeditor .rot.active {
        background: #ffffff26;
        color: #ffffff !important;
        border-radius: 3px 3px 0 0;
        box-shadow: 0 -6px 6px rgb(103 116 165 / 33%), 0 0px 0px rgb(255 255 255 / 33%) inset;
        height: 100%;
        display: inline-table;
    }

    .rot {
        display: inline-block;
        width: auto;
        padding: 0.25rem 0px 0.25rem 0px;
        clear: both;
        font-weight: 400;
        color: #212529;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
        cursor: pointer;
    }
    
    .rot {
        padding: 5px 9px 7px 8px;
        border-radius: 3px;
        margin-right: 0px;
        margin-bottom: 2px;
        vertical-align: bottom;
        margin-top: 0px;
        color: #64667c;
        text-align: center;
        text-shadow: 0 0 2px rgb(0 0 0 / 10%);
    }

    .quick .rot {
        padding: 5px 9px 7px 8px;
        border-radius: 3px;
        margin-right: 5px;
        margin-bottom: 2px;
        vertical-align: bottom;
        margin-top: 0px;
        color: #d4d4d7;
        text-align: center;
        text-shadow: 0 0 2px rgb(0 0 0 / 10%);
        box-shadow: 0 0 0px 1px rgb(130 145 203 / 33%), 0 0px 12px rgb(119 102 255 / 41%) inset;
    }

    .moon .rot {
        color: #7f8292;
    }

    .rot i, .xnotes form i {
        width: 17px;
        display: inline-block;
        height: 21px;
        background-size: 18px !important;
        background-repeat: no-repeat;
        vertical-align: bottom;
        opacity: 0.4;
    }

    .moon .rot i, .moon .xnotes form i {
        filter: invert(1);
        opacity: 0.3;
    }

    .rot i, .rot s {
        width: 100%;
        display: block;
        height: 28px;
        background-size: 20px !important;
        text-align: center;
        background-position: center center;
        color: #575966;
        color: #717383;
    }

    .rot.active i, .rot:hover i, .rot:hover s, .rot.active s {
        opacity: 1;
    }

    .moon .rot.active i, .moon .rot:hover i,  .moon .rot:hover s, .moon  .rot.active s {
        color: #ffffff;
        opacity: 0.666;
    }


.rot s::before {
    font-size: 30px;
    margin-right: 0;
}

.xnotes form i {
    vertical-align: middle;
    margin-left: -5px;
    margin-right: 5px;
    filter: invert(27%) sepia(15%) saturate(750%) hue-rotate(191deg) brightness(104%) contrast(97%) !important;
    opacity: 0.88 !important;
}

.rot:hover, .rot.active {
    background: #FFFFFF;
    color: #450851;
    box-shadow: 0 0 6px rgb(103 116 165 / 33%), 0 1px 0px rgb(255 255 255 / 33%) inset;
}

.moon .rot:hover, .moon .rot.active {
    background: #131626;
    color: #bec0c9;
    box-shadow: 0 0 6px #080b176b;
}

    .add-job-question {
     background:#f7f7f7;
     margin:10px 0;
     padding:10px;
     font-weight:600;
     text-align:center;
     border:1px solid #ddd;
     border-radius:4px;
     cursor:pointer
    }
    .add-job-question:hover {
     background:#f3f3f3
    }
    
    .job-question {
     background:#f7f7f7;
     margin:10px 0;
     padding:10px;
     border-radius:4px
    }
    
    .job-question .question {
     font-size:16px;
     font-weight:700
    }
    .job-question .answer {
     font-size:14px
    }
    .job-candidate-wrapper {
     padding:15px;
     border:1px solid #f1f1f1;
     border-radius:4px;
     box-shadow:0 1px 2px rgba(0,0,0,.2);
     margin-bottom:20px
    }
    
    .job-candidate-avatar {
     position:relative;
     display:table-cell;
     vertical-align:top;
     padding-right:10px
    }
    .job-candidate-info {
     display:table-cell;
     vertical-align:top;
     width:100%;
     font-size:14px;
     word-break:break-word
    }
    .job-candidate-info .name {
        font-size:18px;
        font-weight:600;
        margin-bottom:10px
    }

    .post {
        position: relative;
        margin-bottom: 3px;
        background: #ffffff;
        border-radius: 3px;
        padding-bottom: 2px;
    }

    .moon .post {
        background: #11141a;
        box-shadow: 0 2px 5px rgb(0 0 0 / 17%);
        color: #747f9c;
    }
    
    .custom-control {
        margin-top: 3px;
        z-index: 2;
        position: relative;
    }
    
    .post.flagged {
     padding:15px;
     background:#f6f7f8
    }
    .post .pin-icon {
     position:absolute;
     right:18px;
     top:-10px;
     width:auto;
     font-size:25px;
     color:#f9b340
    }
    .post.boosted {
     border:2px solid #ffa412
    }
    .post .boosted-icon {
     position:absolute;
     left:-5px;
     top:-15px;
     width:auto;
     padding:3px 6px;
     font-size:16px;
     background:#ffa412;
     color:#fff;
     border-radius:50%;
     transform:rotate(-20deg)
    }
    .post.pending {
     border:1px dashed #9b9b9b
    }
    .post .pending-icon {
     position:absolute;
     right:18px;
     top:-18px;
     width:auto;
     font-size:25px;
     color:#f9b340
    }
    .post.highlighted {
     border:1px solid #4083a9;
     box-shadow:inset 0 0 0 1px #4083a9
    }
    .post.is_hidden {
     border:2px dashed #aeaeae;
     filter:grayscale(1);
     z-index:1
    }
    .post a:not(.rot):hover {
     text-decoration:underline
    }
    .post-memory-header {
     padding:10px 20px;
     border-bottom:1px solid #f4f4f4;
     font-size:14px;
     font-weight:600;
     text-transform:capitalize
    }
    
    .post-body.with-loader {
     padding:16px
    }

    #allsubcat {
        margin-right: 5px;
    }

    .subcatmenu {
        margin: 15px 0 10px;
        white-space: nowrap;
    }

    .subcatmenu b {
        padding: 2px 7px 4px 7px;
        background: #00000006;
        border-radius: 9px;
        margin-right: 5px;
        cursor: pointer;
        font-size: 12px;
        font-weight: normal;
        color: #404653;
    }

    .moon .subcatmenu b {
        background: #29303f;
        color: #bec2cd;
    }

    .subcatmenu b:hover, .subcatmenu b.active {
        color: #5e6ac7;
        background: #ebf4ff;
    }

    .pv {
        text-align: left;
        padding: 5px 5px 5px;
        font-size: 12px;
        color: #69717a;
        margin-bottom: 0px;
        box-shadow: 0 3px 0 #00000022;
        background: #FFF;
        position: relative;
        border-radius: 4px 0 4px 0;
    } 

    .moon .pv {
        background: #191b26;
    }

    .pv i {
        background-size: 14px;
        width: 22px;
        display: inline-block;
        height: 21px;
        cursor: pointer;
        background-position: center;
        opacity: 0.5;
        border: 1px solid #76809005;
        border-radius: 2px;
        padding: 6px;
        vertical-align: middle;
    }

    .pv i.tokbook {
        width: auto;
        padding: 0 0 0 22px;
        background-position: left;
        background-size: 20px;
        margin: 0 3px 0 5px;
        opacity: 1;
        color: #000;
        filter: invert(29%) sepia(51%) saturate(2878%) hue-rotate(256deg) brightness(104%) contrast(97%);
    }

    .moon .pv i {
        filter: invert(1);
        opacity: 0.33;
    }

    .moon .pv i {
        background-color: #5b5d6a1c;
    }

    .a1 .pv1, .a2 .pv2, .a3 .pv3, .pv i:hover {
        opacity: 0.9;
    }

    .moon .a1 .pv1, .moon .a2 .pv2, .moon .a3 .pv3, .moon .pv i:hover {
        opacity: 0.8;
    }

    i.pv3 {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgLTEgMjQgMjQiPjxwYXRoIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTIzIDBhMSAxIDAgMSAxIDAgMkgxYTEgMSAwIDAgMSAwLTJoMjJ6bTAgNGExIDEgMCAxIDEgMCAySDFhMSAxIDAgMCAxIDAtMmgyMnptMCA0YTEgMSAwIDEgMSAwIDJIMWExIDEgMCAxIDEgMC0yaDIyem0wIDRhMSAxIDAgMSAxIDAgMkgxYTEgMSAwIDEgMSAwLTJoMjJ6bTAgNGExIDEgMCAxIDEgMCAySDFhMSAxIDAgMSAxIDAtMmgyMnptMCA0YTEgMSAwIDEgMSAwIDJIMWExIDEgMCAxIDEgMC0yaDIyeiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
        background-size: 12px;
    }

    i.pv1 {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgLTEgMTIgMTIiPjxwYXRoIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEgMiAwIDFsMS0xaDEwbDEgMS0xIDFIMXptMCA0TDAgNWwxLTFoMTBsMSAxLTEgMUgxem0wIDRMMCA5bDEtMWgxMGwxIDEtMSAxSDF6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
    }

    i.pv2 {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMiAydjdoN1YySDJabTAtMmg3bDIgMnY3bC0yIDJIMkwwIDlWMmwyLTJabTEzIDBoN2wyIDJ2N2wtMiAyaC03bC0yLTJWMmwyLTJabTAgMnY3aDdWMmgtN1pNMiAxM2g3bDIgMnY3bC0yIDJIMmwtMi0ydi03bDItMlptMCAydjdoN3YtN0gyWm0xMy0yaDdsMiAydjdsLTIgMmgtN2wtMi0ydi03bDItMlptMCA5aDd2LTdoLTd2N1oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
    }

    .post-body {
        position: relative;
    }

    .moon .post-body {
        position: relative;
        border-radius: 4px;
        height: 100%;
    }
 
    .post-top-alert {
     padding:10px 0;
     background:repeating-linear-gradient(45deg,#606dbc,#606dbc 10px,#465298 10px,#465298 20px);
     border-radius:8px 8px 0 0;
     color:#fff;
     font-weight:500;
     text-align:center
    }

    .post-header {
        padding: 10px 0px 10px 5px;
        margin-bottom: 0px;
        box-shadow: 0 2px 3px rgb(0 0 0 / 13%);
    }



    .post-body button, .bcart, .cartcontrols b {
        background: #a73afd;
        background: rgba(0, 0, 0, 0) linear-gradient(149deg, #455195, #492e84, rgb(110, 56, 154), #e161b5) repeat scroll 0 0;
        color: #FFF;
        padding: 7px 13px 5px;
        border-radius: 13px;
        font-weight: bold;
        font-size: 12px;
        opacity: 0.3;
    } 

    .modal .bcart {
        opacity: 1;
    }

    i.bcart {
        white-space: nowrap;
        padding: 4px 10px 3px 8px;
        min-width: 70px;
        filter: none !important;
        opacity: 1;
        text-shadow: none;
        overflow: visible;
        color: #ffffff;
        font-weight: normal;
        font-size: 11px;
        vertical-align: top;
        margin: 5px;
        display: inline-table;
    }


    i.bcart:before {
        color: #FFF;
    }

    .v3 .cartcontrols {
        white-space: nowrap;
        float: right;
        margin: 0px 0 0 10px;
        height: 6px;
    }

    i.bookmark b {
        background: #fe2c55;
        color: #FFF;
        border-radius: 13px;
        font-size: 8px;
        padding: 0px 4px 1px;
        position: absolute;
        top: 2px;
        right: 4px;
    }

    .cart li {
        border-bottom: 1px solid #f2f4f6;
        padding: 4px 7px;
    }

    .moon .cart li {
        border-bottom: 1px solid #22272d;
    }

    .cartcontrols {
        white-space: nowrap;
    }

    .modal .cartcontrols {
        margin-top: 10px;
        display: inline-block;
    }

    .v1 .cartcontrols {
        white-space: nowrap;
        float: right;
        margin-top: -5px;
        margin-right: 5px;
    }

    .cartcontrols b {
        padding: 2px 8px 4px;
        cursor: pointer;
        opacity: 1;
        font-size: 13px;
        vertical-align: bottom;
        width: 24px;
        display: inline-block;
        text-align: center;
    }

    .cartcontrols span {
        padding: 4px 8px;
        font-size: 13px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.13) inset;
        border-radius: 4px;
        margin-top: 0px;
        display: inline-block;
        vertical-align: middle;
    }

    .v3 .post-body button {
        padding: 4px 5px 2px 2px;
        border-radius: 13px;
        font-size: 10px;
        width: 21px;
        float: right;
        margin-top: 2px;
        margin-left: 10px;
        overflow: hidden;
    }

    .post-body button:hover {
        opacity: 0.8;
    }

    .v3 .post-header {
        padding: 0;
        box-shadow: none;
        white-space: nowrap;
    }

    .v3 .post-text {
        display: none;
    }

    .v3 .pg_wrapper {
        display: none;
    }

    .v3 .post p {
        float: right;
        position: relative;
        bottom: 0;
        padding: 4px 0px 0px;
        min-width: 66px;
        font-size: 11px;
        right: 3px;
        width: auto;
    }

    .v3 .post {
        margin-bottom: -2px;
        vertical-align: text-top;
        padding-top: 0px;
        box-shadow: 0 1px 3px rgb(0 0 0 / 9%);
        padding-bottom: 3px;
    }

    .moon .v3 .post {
        padding-bottom: 2px;
    }

    .v3 .ddmenu {
        display: none;
    }

    .v3 .post-header i.comment-alt {
        width: 29px;
        white-space: nowrap;
        overflow: hidden;
        margin-top: 4px;
        margin-bottom: -5px;
    }

    .v3 .post-header u b {
        float: right;
        font-weight: normal;
        margin-top: 1px;
        color: #6c6f89;
        opacity: 0.6;
    }

    .v1 .post-header u b {
        font-weight: normal;
        margin-left: 10px;
    }

    .v3 .post-time {
        margin-top: 6px;
        width: 24px;
    }

    .v3 .post-header u {
        width: 240px;
        text-align: left;
        margin-top: 1px;
        white-space: nowrap;
    }

    .moon .v3 .post-header {
        box-shadow: none;
    }

    .v3 .bookmark.fav_post {
        position: relative;
        float: right;
        right: 0;
        width: 25px !important;
        height: 23px;
        opacity: 0.1;
    }

    .v1 i.ver {
        width: 13px;
        overflow: hidden;
        background-size: 16px;
        margin-left: 0;
        height: 20px;
        background-position: -1px 2px;
    }

    .v1 i.ver:hover {
        width: auto;
        text-indent: 4px;
        margin-right: 1px !important;
    }

    .v1 .post p {
        bottom: auto;
        top: 30px;
    }

    .v3 .post-body {
        padding-bottom: 4px;
    }

    .v3 i.ver {
        width: 13px;
        display: inline-block;
        overflow: hidden;
        text-indent: 10px;
        background-position: 0 4px;
        opacity: 0.4 !important;
        margin-left: -21px;
        margin-right: 3px;
        pointer-events: none;
    }

    .v3 i.ver:hover {
        width: auto;
        text-indent: 0;
        margin-right: 1px !important;
        position: absolute;
        background-color: #f0f0f4;
        opacity: 1 !important;
        padding-right: 8px;
    }

    .moon i.ver:hover {
        background-color: #121521;
    }

    .v3 .js_posts_stream li:hover i.ver {
        opacity: 0.8;
        margin-left: 0px;
        margin-right: -3px;
        pointer-events: auto;
    }

    .post-header u s:before {
        font-size: 14px;
        color: #506185;
    }

    .moon .post-header u s:before {
        color: #9f9270;
    }

    .v2 .post-header u b {
        display: block;
        font-weight: normal;
    }

    .v2 .post-header {
        text-align: left;
        min-height: 0;
        padding: 0px 0px 10px 0px;
    }

    .v2 .hasimg .post-header {
        text-align: center;
        top: 0px;
        width: 100%;
        bottom: 35px;
        height: auto;
    }
    

    v2 .post.hasimg p {
        display: inline-block;
        position: relative;
        bottom: 2px;
        position: absolute;
        left: 1px;
    }

    .post-header u {
        float: left;
        margin-left: 5px;
        line-height: 2;
    }

    .post-header u br {
        display: none;
    }

    .v2 .post-header u br {
        display: inline;
    }

    .v2 .post-header u {
        float: none;
        width: 100%;
        display: inline-block;
        text-align: left;
    }

    .v2 .hasimg .post-header u {
        float: none;
        width: auto;
        display: inline-block;
        text-align: center;
        position: relative;
        line-height: 1.3;
        margin-left: 0;
        font-size: 12px;
        cursor: pointer;
        margin: 10px;
        min-height: 31px;
    }

    .v2 .hasimg .ver {
        position: absolute;
        top: -20px;
        margin-left: -2px;
    }

    .moon .v2 .hasimg .post-header u {
        color: #babec7;
    }

    

    .post-header .post-author {
        display:none;
    }
    
    .moon .post-header {
        box-shadow: 0 2px 4px rgb(0 0 0 / 13%);
    }

    .post-avatar {
        position: relative;
        display: table-cell;
        vertical-align: top;
        padding-right: 5px;
        padding-left: 0px;
        margin-right: 4px;
    }
    .post-avatar-anonymous {
        padding: 0px 0px 0;
        border-radius: 50%;
        overflow: hidden;
        height: 22px;
        width: 22px;
        background-color: #eee;
        display: inline-block;
        vertical-align: middle;
        margin: -2px 4px 0 3px;
    }
    
    .post-avatar-picture, .useri {
        background-size: 24px; 
        background-repeat: no-repeat;
        background-position: top center;
        background-color: #eee0;
        width: 22px;
        height: 22px;
        overflow: hidden;
        min-width: 22px;
        min-height: 22px;
        display: inline-block;
        border-radius: 50%;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MS44IDYxLjgiIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJBIiB4MT0iMCIgeDI9IjAiIHkxPSIwIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmVkIi8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNjNzFkZDEiIHN0b3Atb3BhY2l0eT0iLjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNNjEuOCAzMC45YTMwLjkgMzAuOSAwIDEgMC02MS44IDAgMzAuOSAzMC45IDAgMCAwIDYxLjggMFoiIHRyYW5zZm9ybT0icm90YXRlKDIzMCAzMC45IDMxKSIvPjxjaXJjbGUgY3g9IjMwLjkiIGN5PSIzMC45IiByPSIzMC45IiBmaWxsPSJ1cmwoI1JhZGlhbEdyYWRpZW50MSkiLz48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiMwYzBjMGUiIGQ9Ik01Mi42IDUzYTMxIDMxIDAgMCAxLTQ1LjctMi40YzIuMS0yIDMuMy0xLjcgNS4xLTIuOCAxLjMtMSAzLjYtMS43IDUtMi4zLTIuMi03LjYgMy44LTExLjMgNi0xMi40IDAgMy41IDMuNCAxLjIgNy40IDEuMiAzLjMgMCAxMCAzLjQgMTAtMSAzLjYgMS4xIDcuNiA4IDQuOSAxMi40IDEgLjUgMy44IDEuMiA0LjcgMiAyLjQgMS4yIDMgMSA0LjYgMy4ybC0yIDJaIi8+PHBhdGggZmlsbD0iI2Y5ZGNhNCIgZD0iTTI0IDM4LjdoMTV2My41YTIuOCAyLjggMCAwIDEtLjEuNXYuNGgtLjFjLTEgNS4xLTUuMiA3LTcuOCA4LjQtMi44LTEuNS02LjYtNC4yLTctOXYtLjJhOC45IDguOSAwIDAgMSAwLS4ydi4xeiIvPjxwYXRoIGQ9Ik0zOSAzOC42djRhNy4yIDcuMiAwIDAgMS0uMSAxLjEgNiA2IDAgMCAxLS40IDEuNGMtNS4yIDMuOS0xMy41LjctMTQuOC02eiIgb3BhY2l0eT0iLjEiLz48cGF0aCBmaWxsPSIjZjlkY2E0IiBkPSJNMTguMSAyNS4yYy01IDEuMy0uNyA3LjMgMi40IDcuM2ExOS44IDE5LjggMCAwIDEtMi40LTcuM3ptMjUuNyAwYzUgMS4zLjggNy4zLTIuMyA3LjNhMTkuOCAxOS44IDAgMCAwIDIuMy03LjN6Ii8+PHBhdGggZmlsbD0iI2ZmZThiZSIgZD0iTTMwLjcgMTEuNGMyMC42IDAgMTIuNiAzMi40IDAgMzIuNC0xMS44IDAtMjAuNS0zMi40IDAtMzIuNHoiLz48cGF0aCBmaWxsPSIjNDgxODA3IiBkPSJNMjEgMjEuNmMwLTEuNC0uNCAyLjItLjQgMi4yLTEuNCAxLjItMS41IDUuMy0xLjUgNS4zLS41LTEuNS0xLjMtMy43LS45LTUuNiAxLTUuMy0xLjktMTIuNCA1LTE2LjgtMSAxLTEuMyAyLjQtMSAzLjYgMCAwIDMuNy02LjcgMTEuNS02LjVBNSA1IDAgMCAwIDMxLjIgN3M2LjktMi44IDEyLjYuNmMtMS41LjQtMi45IDEtNC4yIDIgMi44IDAgNS41LjUgNy41IDIuMy0xLjguNi0yLjMgMi42LTIuMiA0LjQuMSAyLjMtLjMgMy42LS42IDUuNWwtMSA2LjNjMCAuNS0uMyAyLS44IDIuMiAwIC4zLjktMy43LS42LTUuNy4xIDAtLjItMS40IDAtMi4zIDEuMS01LjYtMy45LTkuNy04LjYtOS43LTQuMSAwLTEzLjMtLjQtMTIuMyA5WiIvPjxwYXRoIGZpbGw9IiMyMzI4MzEiIGQ9Ik0xOS44IDQ5LjJzMTAuNCAxMy40IDIyLjYtLjJjLTEuNSA0LTcuOCA3LjItMTEuNSA3LjItNyAwLTEwLjgtNS42LTExLjEtN1oiLz48cGF0aCBmaWxsPSIjZTZlNmU2IiBkPSJtMzYuMyA2MS4zLTEuMi4ydi05YS42LjYgMCAwIDEgLjYtLjQuNi42IDAgMCAxIC42LjV2OC43em0tOS44LjItMS4yLS4ydi04LjdhLjYuNiAwIDAgMSAuNi0uNS42LjYgMCAwIDEgLjYuNXoiLz48L2c+PC9zdmc+);
        margin-right: 5px;
        padding-top: 0;
        margin-left: 13px;
        vertical-align: middle;
        margin-top: 1px;
        cursor: pointer;
    }

    .dropdown .post-avatar-picture {
        width: 33px;
        height: 33px;
        background-size: 30px;
        margin-top: 1px;
        margin: 1px 2px 0 3px;
        overflow: visible;
    }

    .post-avatar-picture.sml {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MS44IDYxLjgiIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJBIiB4MT0iMCIgeDI9IjAiIHkxPSIwIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmVkIi8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNjNzFkZDEiIHN0b3Atb3BhY2l0eT0iLjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBmaWxsPSIjZmZlOGJlIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMS4xIDguNGMyMS4zIDAgMTMgMzUuMyAwIDM1LjMtMTIuMiAwLTIxLjMtMzUuMyAwLTM1LjN6Ii8+PHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTYxLjggMzAuOWEzMC45IDMwLjkgMCAxIDAtNjEuOCAwIDMwLjkgMzAuOSAwIDAgMCA2MS44IDBaIiB0cmFuc2Zvcm09InJvdGF0ZSgyMzAgMzAuOSAzMSkiLz48Y2lyY2xlIGN4PSIzMC45IiBjeT0iMzAuOSIgcj0iMzAuOSIgZmlsbD0idXJsKCNSYWRpYWxHcmFkaWVudDEpIi8+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjMGQwYjExIiBkPSJNMTYuNiAyNS4xczEuNCAxOC42LTIgMjMuNmMtMy4zIDUgMTYuNi0uMSAxNi42LS4xVjEzLjd6bTI5LjEgMHMtMS40IDE4LjYgMiAyMy42LTE2LjUtLjEtMTYuNS0uMVYxMy43eiIvPjxwYXRoIGZpbGw9IiNmOWRjYTQiIGQ9Ik01Mi44IDUyLjdjLS42LTEuNS0uNS0zLTUuNC01LjItMi4zLS41LTguMi0xLjMtOS4zLTMuNC0uNi0xLS40LTIuNS0uNC01LjNsLTEzLS4xYzAgMi44LjIgNC4yLS41IDUuMy0xLjIgMi05IDMuNC0xMS4zIDQtNC4xIDEuOC0zLjYgMy00LjIgNC40YTMwLjkgMzAuOSAwIDAgMCA0NC4xLjN6Ii8+PHBhdGggZD0iTTM3LjcgMzguOHYyLjVhNS44IDUuOCAwIDAgMCAuNSAzYy00LjQgMy40LTEyLjggMi42LTEzLjctNnoiIG9wYWNpdHk9Ii4xIi8+PHBhdGggZmlsbD0iI2Y5ZGNhNCIgZD0iTTE5LjEgMjQuMmMtMyAxLjMtLjQgNy40IDEuNCA3LjRhMzAuOCAzMC44IDAgMCAxLTEuNC03LjR6bTI0LjQgMGMzIDEuMy40IDcuNC0xLjQgNy40YTMwLjggMzAuOCAwIDAgMCAxLjQtNy40eiIvPjxwYXRoIGZpbGw9IiNmZmU4YmUiIGQ9Ik0zMS4xIDguN2M4LjcgMCAxMi40IDYuMiAxMi42IDEzLjMuMyA5LjgtNS43IDIxLjUtMTIuNiAyMS41LTYuNSAwLTEyLjctMTItMTIuMy0yMiAuMi03IDMuOC0xMi44IDEyLjMtMTIuOHoiLz48cGF0aCBmaWxsPSIjMGUwZDBmIiBkPSJNMjYgMTMuN2MtLjUgMi40IDAgNS4xLTkuNCAxMi40QzE1LjUgNi44IDMwLjIgNi4zIDMxLjIgNi4zczE1LjctLjUgMTQuNSAxOC44Yy03LjMgMS41LTE5LTktMTkuNy0xMS40WiIvPjxnIGZpbGw9IiNmNzBmMGYiPjxwYXRoIGQ9Ik01Mi44IDUyLjdjLTE0LjkgNC42LTM0LjIgMS44LTQwLTQuNy00IDEuOC0zLjUgMy00IDQuNGEzMC45IDMwLjkgMCAwIDAgNDQgLjNaIi8+PHBhdGggZD0ibTQyLjggNDYuNSAxIC4zdjhoLTF2LTguM1oiLz48L2c+PHBhdGggZmlsbD0iI2ViYmI1NiIgZD0iTTIzLjggNDQuNHMxIDQuNSA3LjYgNC41IDctNC4zIDctNC4zbC4yLjFzLS42IDQuNy03LjIgNC43Yy02LjggMC03LjgtNC44LTcuOC00LjhaIi8+PC9nPjxlbGxpcHNlIGN4PSIzMS4zIiBjeT0iNDkuNCIgZmlsbD0iI2ZkZWM5NSIgcng9IjEuNSIgcnk9IjEuOSIvPjwvc3ZnPg==);
    }

    .post-avatar-picture.small {
     min-width:25px;
     min-height:25px
    }
    .post-avatar-picture.large {
     min-width:60px;
     min-height:60px
    }
    .post-avatar-picture.rounded {
     border-radius:50%
    }
    .post-avatar .online-dot {
        font-size: 8px;
        margin-right: 3px;
        position: absolute;
        top: 16px;
        right: 1px;
        box-shadow: 0 0px 1px rgb(0 255 126);
        color: #3ec506;
        border-radius: 21px;
    }
    .night-mode .post-avatar .online-dot {
     border-color:#212121
    }
    .post-meta {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        word-break: break-word;
        word-wrap: break-word;
        padding-top: 2px;
    }
    
    .post-meta .dropdown-toggle:after {
     display:none!important
    }

    .post-author {
        font-size: 11px;
        font-weight: 700;
        float: left;
        margin-top: 0px;
        line-height: 16px;
        color: #3b5999;
    }

    .progress-bar {
        color: green;
    }

    .anonymous .post-author {
        color: #212529;
    }

    .post-time {
        font-size: 9px;
        max-width: 200px;
        overflow: hidden;
        display: inline-block;
        white-space: nowrap;
        vertical-align: middle;
        margin-right: 8px;
        opacity: 0.3 !important;
    }

    .post-comments {
        font-size: 9px;
        overflow: hidden;
        white-space: nowrap;
        vertical-align: middle;
        margin-right: 0px;
        padding: 3px 7px 0;
        background: #f0f0f4;
        box-shadow: 0 2px 6px rgb(0 0 0 / 10%);
        width: 100%;
    }

    .v2 .post-comments  {
        display: none;
    }

    .post-comments li.first {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .moon .post-comments {
        background: #0e101a;
        background: #11131f;
        box-shadow: 0 2px 0px rgb(0 0 0 / 50%);
        border-radius: 3px;
    }

    .moon .comment-inner {
        background-color: #141725;
        border-bottom: 0px solid #0e1020;
    }

    .moon .comment-inner:before {
        border-right-color: #141725;
    }

    .moon .comment-form textarea {
        background: #0e101a;
        border: 1px solid #05070e;
        color: inherit;
    }

    .moon .comment-form textarea:focus {
        box-shadow: 0 1px 3px -1px rgb(0 0 0 / 33%) inset;
        border: 1px solid #090c18;
        background: #0b0c13;
    }

    .moon .post-comments i.close {
        height: 20px; 
        background-size: 18px;
        filter: invert(1);
        opacity: 0.04;
        width: 15px; 
    }

    .moon .comment-form textarea::placeholder {
        color: #4e5476;
    }

    .post-text {
        padding: 10px 31px 4px 13px;
        text-align: initial;
        word-break: initial;
        word-wrap: break-word;
        overflow: hidden;
        margin-bottom: 7px;
        font-size: 13px !important;
        line-height: 1.4;
    }
    
    .post-text a {
        font-weight: bold;
    }
    
    .post-media-meta .post-text,
    .post-product-container .post-text {
     padding:0
    }
    .post-replace {
        font-size: 12px;
        line-height: 1.5;
    }
    .post-replace>a[data-readmore-toggle] {
        margin-left: 10px;
        padding-bottom: 10px;
        display: inline-block;
    }
    .post-product-container .post-replace>a[data-readmore-toggle] {
     margin-left:0
    }
    .post-text-translation {
     border-left:2px solid #e9eaee;
     padding-left:10px;
     margin-top:10px
    }
    .post-text .twa {
     height:1.6em!important;
     width:1.6em!important;
     margin:0 .0665em 0 .15em!important;
     vertical-align:-.15em!important;
     background-size:1.6em 1.6em!important
    }
    .post-snippet {
     padding:0 16px
    }
    .post-stats {
        margin-top: 0px;
        padding: 4px 5px 4px;
        font-size: 10px;
        color: #b0c0d7;
        border-bottom: 0px solid #f0f2f4;
        text-align: right;
        white-space: nowrap;
        float: right;
        text-indent: -2px;
    }

    .post-header {
        text-decoration: none !important;
        padding-left: 5px;
        font-size: 10px;
        text-align: right;
    }

    .moon .post-header {
        box-shadow: 0 2px 4px rgb(0 0 0 / 13%);
        border-radius: 3px;
    }

    .post-header s {
        margin: -10px 0 -7px;
        display: inline-block;
    }

    .moon .post-header s {
        color: #9f9270;
        color: #9498af;
    }

    .moon .post-header s:hover {
        color: #f9edb9;
    } 

    .post-header i {
        vertical-align: middle;
        opacity: 0.666;
        cursor: pointer;
        width: auto;
        background-repeat: no-repeat;
    }

    .post-header i:hover {
        opacity: 1 !important;
    }

    .post-header i.comment-alt {
        display: inline-block;
        background-size: 12px;
        background-repeat: no-repeat;
        margin-top: 0;
        padding-left: 15px;
    }

    .post-actions {
        margin-top: 0px;
        padding: 0px 0px 0px 0px;
        border-top: 0 solid #f4f6f8;
        width: 100%;
        display: inline-block;
        vertical-align: middle;
    }
    
    .post-actions .action-btn {
        float: left;
        width: 50%;
        padding: 10px;
        color: #a9b1c7;
        font-size: 13px;
        font-weight: 700;
        line-height: 16px;
        text-align: center;
        border-radius: 2px;
    }
    
    .post-actions .action-btn span {
        color: #9b99ad;
    }
    
    .post-actions .action-btn:hover span {
        color: #6a63a6;
    }
    
    .post-actions .action-btn:hover {
     background:#f5f7f9;
     cursor:pointer
    }
    
    .post-actions .action-btn svg {
     fill:#555
    }

    .js_posts_stream li {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        margin-bottom: 3px;
    }

/* //@note Market 
*/
.post p {
    font-size: 13px;
    color: #249724;
    text-decoration: none;
    padding: 5px 3px 10px 10px;
    position: absolute;
    right: 6px;
    bottom: 19px;
    width: auto;
}


.moon .post p {
    color: #78b77d;
}

.v2 .post p {
    display: inline-block;
    position: relative;
    bottom: 10px;
    background: #FFF;
    padding: 5px 8px 5px 13px;
    border-radius: 4px;
    font-weight: bold;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    width: auto;
    min-width: 0;
}

.v2 .post p {
    display: inline-block;
    position: absolute;
    top: 10px;
    background: #FFF;
    padding: 5px 8px 5px 13px;
    border-radius: 4px;
    font-weight: bold;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    width: auto;
    bottom: auto;
    left: 10px;
    right: auto;
}

.v2 .post p b {
    padding: 4px 10px 4px 7px !important;
    background: rgba(255,255,255,0.01);
    display: inline-block;
    height: 26px;
    font-weight: normal;
    margin-top: 5px;
    border-bottom: 1px solid #dadde7;
    color: #666;
}



.moon .v2 .post p b {
    border-bottom: 1px solid #10162e;
    color: #93a0b9;
}

.moon .v2 .post p b:hover {
    background: rgb(36 35 74);
    color: #d6dde7;
}

.v2 .post p b:active {
    background: rgb(36 35 74);
    color: #d6dde7;
    box-shadow: 0 13px 0px rgb(255 255 255 / 1%) inset, 0 1px 2px rgb(50 50 93 / 11%), 0 1px 1px rgb(0 0 0 / 38%) inset !important;
    border-bottom: 1px solid #10162e8c;
}

.v2 .post-author, .v2 .post-time, .v2 i.comment-alt {
    display: none;
}

.v2 .post-text {
    display: none;
}

.v2 .post {
    min-height: 180px;
    height: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    width: 100%;
    display: inline-block;
}

.v2 .js_posts_stream ul {
    text-align: center;
    width: 104%;
    margin-left: -2%;
}

.v2 .js_posts_stream li {
    display: inline-block;
    width: 23%;
    margin: 0 4px 10px;
    vertical-align: top;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 1px 4px rgb(0 0 0 / 9%), 0 0px 0px rgb(255 255 255 / 43%);
}

.moon .v2 .js_posts_stream li {
    box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
}

    .post-footer {
        padding: 0 10px 3px 5px;
        background: #F1F3F5;
        border-radius: 0 0 3px 3px;
        box-shadow: 0 2px 2px rgb(13 11 30 / 13%);
    }

    .night-mode .post-footer {
     background:#212121;
     border-top-color:#363636
    }
    .post-approval {
     background:#f9f9f9;
     border-top:1px solid #eee;
     padding:15px;
     text-align:right
    }
    .night-mode .post-approval { 
     background:#212121;
     border-top-color:#363636
    }
    .post-social-share {
        padding-bottom: 9px;
        margin-bottom: 5px;
        text-align: center;
        border-bottom: 1px solid #ffffff61;
        padding-top: 5px;
    }
    

    .comments-filter {
        margin-top: 0px;
        padding-bottom: 1px;
        border-bottom: 0px solid #f2f4f6;
        text-align: left;
        margin-bottom: 0px;
        position: relative;
        display: block;
        float: right;
    }

    .fa-comment-alt:before {
        margin-right: 2px;
    }
    
    .comments-filter .btn-group .btn,
    .comments-filter .btn-group .btn-default.active,
    .comments-filter .btn-group .btn-default:active,
    .comments-filter .btn-group .open .btn-default.dropdown-toggle,
    .comments-filter .btn-group .open .btn.dropdown-toggle {
     background:0 0!important;
     box-shadow:none!important;
     border:0 none!important;
     padding-left:0!important;
     padding-right:0!important;
     color:var(--link-color)!important
    }
    .comments-filter .dropdown-menu {
     min-width:100%
    }
    .comments-filter .dropdown-menu .rot {
     padding:4px 16px
    }
    .pg_wrapper i {
        position: relative;
        width: 100%;
        height: 100%;
        background-position: center center;
        background-color: transparent;
        border-radius: 3px;
        overflow: hidden;
        display: inline-flex;
        margin-left: 0px;
        display: block;
    }

    .v2 .pg_wrapper i {
        height: auto;
        margin-left: 0px;
        width: 100%;
        min-height: 160px;
        display: flex;
    }
    

    .pg_wrapper img {
        height: fit-content;
        max-width: 130px;
        max-height: 100%;
        width: auto;
        margin-right: 0px;
    }

    .modal-images .pg_wrapper img {
        max-width: 100%;
    }

    .v2 .pg_wrapper img {
        width: auto;
        max-width: 100%;
        max-height: 160px;
    }

    .post:hover .pg_wrapper img {
        transform: scale(1.1);
        filter: saturate(1.3);
    }
    
    .pg_wrapper .more {
     position:absolute;
     top:0;
     right:0;
     left:0;
     bottom:0;
     background:rgba(0,0,0,.3);
     color:#fff;
     font-size:2em;
     font-weight:600;
     line-height:100%;
     text-align:center;
     padding-top:40%
    }
    .pg_1x {
     text-align:center
    }
    .pg_1x img {
        max-width: 100%;
        vertical-align: bottom;
      }
    .pg_2x {
     width:50%;
     float:left;
     padding-right:1px
    }
    .pg_2x>a {
     padding-bottom:100%
    }
    .pg_1o3,
    .pg_2o3 {
     float:left;
     margin-right:1px
    }
    .pg_1o3 {
     margin-right:-1px
    }
    .pg_2o3 .pg_2o3_in {
     margin-bottom:1px
    }
    .pg_2o3 .pg_2o3_in:last-child {
     margin-bottom:0
    }
    .pg_1o3 .pg_1o3_in {
     margin-bottom:1px
    }
    .pg_1o3 .pg_1o3_in:last-child {
     margin-bottom:0
    }
    .post-media {
     background:#FFF
    }
    
    .post-media.list {
        background: #fff;
        box-shadow: none;
        margin-bottom: 10px;
        border: 0;
        border-radius: 3px;
        box-shadow: 0 1px 4px rgba(0,0,0,0.18);
        overflow: hidden;
    }

    .img-fluid {
        max-width: 100%;
        height: auto;
      }
    
    .post-media img.img-fluid {
     width:100%;
     max-height:350px
    }
    .post-media-image-wrapper {
     position:relative
    }
    .post-media-image-meta {
     position:absolute;
     bottom:15px;
     left:15px
    }
    .post-media-image {
     display:block;
     position:relative
    }
    .post-media-image .image {
     background-size:cover;
     background-repeat:no-repeat;
     background-position:center center;
     background-color:#eee;
     width:100%;
     height:100%;
     padding-top:50%;
     overflow:hidden;
     min-width:100px;
     min-height:100px
    }
    
    .post-media-image .source {
     position:absolute;
     bottom:10px;
     left:10px;
     padding:6px;
     background:rgba(0,0,0,.65);
     color:#fff;
     font-size:13px;
     border-radius:3px;
     text-transform:uppercase
    }
    .post-media-image .icon {
     position:absolute;
     bottom:-31px;
     left:50%;
     margin-left:-31px;
     padding:15px;
     background:#fff;
     border-radius:50%;
     box-shadow:0 1px 2px rgba(0,0,0,.2)
    }
    
    .post-media-embed-responsive iframe {
     width:100%!important
    }
    .embed-ifram-wrapper * {
     width:100%!important
    }
    .embed-ifram-wrapper iframe {
     min-height:400px
    }
    .embed-ifram-wrapper .wp-embedded-content {
     padding:0 16px
    }
    .post-media-meta {
        padding: 10px 15px;
        width: 100%;
      }
    
    .list .post-media-meta {
        padding: 7px 10px;
        width: 55%;
        vertical-align: top !important;
        display: inline-block !important;
    }
    
    .list .post-media-image-wrapper {
        position: relative;
        width: 45%;
        display: inline-block;
        vertical-align: bottom;
    }
    
    .post-media-meta .title {
        display: block;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        word-break: break-word;
      }
    .post-media-meta .title:hover {
     text-decoration:none
    }
    .post-media-meta .text {
        max-height: 100px;
        overflow: hidden;
        font-size: 11px;
    }
    .post-media-meta .info {
     color:#999;
     font-size:11px
    }
    .post-job-meta {
     padding:15px;
     padding-bottom:0;
     text-align:center
    }
    .post-job-meta .job-title {
     font-size:18px;
     font-weight:600;
     line-height:26px;
     word-break:break-word
    }
    .post-job-meta .job-description {
        background: #f7f9fb;
        padding: 6px 0px 6px;
        border-top: 1px solid #f0f2f4;
        margin-top: 10px;
        border-radius: 3px;
    }
    
    .post-downloader {
     border-top:1px solid #eee;
     border-bottom:1px solid #eee;
     padding:10px 16px;
     margin-top:10px
    }
    
    .post-downloader .icon {
     display:table-cell;
     vertical-align:middle;
     background-color:#f9f9f9;
     padding:10px 20px;
     border-radius:2px
    }
    .night-mode .post-downloader .icon {
     background-color:#131313
    }
    .post-downloader .info {
     display:table-cell;
     vertical-align:top;
     padding-left:10px;
     width:100%
    }
    .post-product-container {
     padding:0 16px
    }
    .post-product-wrapper {
        display: flex;
        padding: 9px 5px;
        border: 0px solid #e5e5e5;
        font-size: 14px;
        border-radius: 6px;
    }
    
    .post-product-details {
        flex: 1;
        border-right: 1px solid #f0f2f4;
        text-align: center;
        vertical-align: middle;
    }
    
    .post-product-details:last-child {
     border-right:0
    }
    .post-product-details .title {
     font-weight:600;
     margin-bottom:3px
    }
    .post-product-details .description {
     color:#555
    }
    .post-product-details .description .badge {
     font-size:13px;
     padding:4px 12px
    }
    
    .post-dropdown-menu {
        width: 220px;
    }
    .post-dropdown-menu .fa {
        margin-right: 3px;
        color: #3a5388;
    }
    .post-dropdown-menu .action {
        font-size: 12px;
        line-height: 18px;
        font-weight: 600;
    }
    .post-dropdown-menu .action.no-icon {
     padding-left:22px;
     font-weight:400
    }
    .post-dropdown-menu .action.no-desc {
     font-weight:400
    }
    .post-dropdown-menu .action-desc {
     padding-left:30px;
     color:#999;
     font-size:11px;
     line-height:16px
    }

    .poll-options {
        padding: 0 10px;
    }

    .poll-option {
        display: inline-block;
        vertical-align: top;
        position: relative;
        width: 100%;
        padding: 1px 4px 3px;
        background-color: #EAEBEC;
        font-weight: 600;
        border-radius: 4px;
        color: #222;
        box-shadow: 0 1px 3px rgb(0 0 0 / 5%) inset;
    }

    .poll-option:hover {
        cursor: pointer;
        background: #e2e1ef;
    }

    .poll-option .percentage-bg {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background-color: #0d27e11a;
        border-radius: 4px;
    }
    
    .poll-option .custom-control-input:checked+.custom-control-label {
        color: #131313;
    }
    .poll-voters {
        display: inline-block;
        vertical-align: top;
        padding-left: 5px;
        margin-top: 2px;
        z-index: 2;
        position: absolute;
        margin-left: -29px;
    }
    .poll-voters .more {
        width: 22px;
        height: 22px;
        background-color: #ebebeb;
        padding: 2px 0;
        border-radius: 3px;
        font-size: 13px;
        font-weight: 600;
        text-align: center;
        cursor: pointer;
    }
    
    .youtube-player {
     position:relative;
     padding-top:56%;
     height:0;
     overflow:hidden;
     max-width:100%;
     background:#000
    }
    .youtube-player iframe {
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     background:0 0
    }
    .youtube-player img {
     position:absolute;
     top:0;
     bottom:0;
     left:0;
     right:0;
     display:block;
     margin:auto;
     max-width:100%;
     width:100%;
     height:auto;
     cursor:pointer;
    }
    .youtube-player img:hover {
     filter:brightness(75%)
    }
    .youtube-player .play {
     width:72px;
     height:72px;
     left:50%;
     top:50%;
     margin-left:-36px;
     margin-top:-36px;
     position:absolute;
     background-image:url(../images/youtube.png);
     background-size:contain;
     cursor:pointer
    }
    .youtube-player.with-live .play {
     width:52px;
     height:52px;
     left:50%;
     top:50%;
     margin-left:-26px;
     margin-top:-26px;
     position:absolute;
     background-image:url(../images/play-button.png);
     background-size:contain;
     cursor:pointer
    }
    .comment {
        padding-bottom: 0px;
        display: inline-block;
        width: 100%;
        padding-top: 2px;
    }
    .comment-avatar {
        float: left;
        text-align: center;
        opacity: 0.666;
    }

    .comment i.ddmenu {
        position: absolute;
        top: 3px;
        right: 3px;
        opacity: 0.1 !important;
        width: 33px !important;
    }

    .comment-inner:hover i.ddmenu { 
        opacity: 0.333 !important;
    }

    .comment:hover .comment-avatar { 
        opacity: 1;
    }
    .comment-avatar-picture {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-color: #eee;
        width: 100%;
        height: 100%;
        padding-top: 100%;
        overflow: hidden;
        min-width: 27px;
        min-height: 27px;
        display: block;
        border-radius: 50%;
    }
    .comment-data, .comment-edit {
        margin-left: 34px;
    }
    .comment-data .img-fluid {
     max-width:30%;
     max-height:100px;
     margin:5px 0
    }
    .comment-inner-wrapper {
        display: flex;
        margin-bottom: 0px;
    }
    
    .text-link.js_reply {
        font-size: 11px;
        opacity: 0.333;
        margin-top: 3px;
        float: right;
        position: absolute;
        z-index: 1;
        right: 6px;
        bottom: 5px;
    }
    
    .text-muted.js_moment {
        color: #8494a385 !important;
        font-weight: normal;
    }
    
    .text-link.js_reply:hover {
        opacity: 1;
    }

    .js_comments li {
        margin-bottom: 4px;
        display: block;
    }
    
    .js_replies-toggle span.text-link {
        font: 12px !important;
        transform: none;
        font-size: 12px !important;
        opacity: 0.6;
    } 
    
    .js_replies-toggle span.text-link i {
        margin-right: 3px;
    }
    
    
    .comment-inner {
        position: relative;
        padding: 3px 8px 5px;
        background-color: #f0f0f4;
        border-radius: 3px;
        width: 100%;
        border-bottom: 1px solid #edf0f3;
    }

    .comment-inner b {
        color: #3b5999;
        cursor: pointer;
    }
    
    .comment-inner:before {
        content: '';
        display: block;
        position: absolute;
        left: -5px;
        top: 9px;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-left-width: 0;
        border-right-color: #f0f0f4;
        cursor: default;
        z-index: 0;
    }
    
    .comment-author {
        font-weight: bold;
        margin-bottom: 3px;
        font-size: 12px;
    }
    .comment-text {
        margin-bottom: 1px;
        font-size: 12px;
        padding-right: 30px;
        width: 100%;
        height: auto;
        display: inline-block;
        white-space: normal;
    }
    .comment-text .twa {
     font-size:1.4em
    }

    .comment-actions {
        display: block;
        text-align: right;
        padding: 0px;
        margin-top: -23px;
        z-index: 0;
        position: relative;
        float: right;
    }

    .comment-actions>li {
     float:right;
     margin-right:8px
    }
    .comment-replies {
        padding-top: 3px;
    }
    .comment-replies>ul {
     width:100%
    }
    .comment-form textarea {
        background: #ffffff;
        direction: ltr;
        display: block;
        border: 0;
        resize: none;
        outline: 0;
        width: 100%;
        padding: 3px 9px;
        padding-right: 100px;
        margin: 0;
        font-size: 12px;
        line-height: 18px;
        height: 27px;
        border: 1px solid #f0f1f7;
        border-radius: 3px;
        font-family: Tahoma, Arial;
    }

    .comment-form textarea:focus {
        border: 1px solid #d3dff5;
        box-shadow: 0 1px 4px rgb(0 0 0 / 7%) inset;
    }
    
    @media (min-width:992px) {
     .comment-form textarea {
      padding-right:100px
     }
    }
    .comment-form .x-form-tools {
        bottom: 3px;
        right: 0px;
    }
    .comment-attachments,
    .comment-voice-notes {
     background:#fff;
     padding:10px 14px 4px 14px;
     margin-top:5px;
     border:1px solid #eee;
     border-radius:18px
    }
    .comment-voice-notes {
     display:none;
     padding:10px
    }
    
    .comment .comment-btn {
        display: inline-block;
    }

    .comment .comment-btn.dropdown {
        position: absolute;
        right: 20px;
        z-index: 2;
    }

    .comment:hover .dropdown-toggle-icon {
        color:#acbed6;
    }
    
    
    
    
    .comment-btn button.close {
     font-size:1.4em
    }
    .comment .dropdown-toggle-icon {
        color: #d5dfec;
        padding: 5px;
        border-radius: 3px;
        font-size: 18px;
    }
    .comment .dropdown-toggle-icon:hover {
        cursor: pointer;
        color: #6b85bd;
    }
    
    .blog-container {
     background:#fff;
     border-radius:4px;
     overflow:hidden;
     margin-bottom:20px;
     display:block;
     color:inherit;
     text-decoration:none;
     position:relative
    }
    .night-mode .blog-container {
     background:#212121
    }
    @media (min-width:768px) {
     .blog-container {
      height:410px
     }
     .blog-container.primary {
      background:var(--header-bg-color)
     }
    }
    .blog-image {
     min-height:150px
    }
    @media (min-width:576px) {
     .blog-image {
      overflow:hidden;
      height:150px
     }
    }
    .blog-image img {
     height:100%;
     width:100%;
     object-fit:cover
    }
    @media (min-width:768px) {
     .blog-container.primary .blog-image {
      display:inline-block;
      width:50%;
      height:100%;
      max-height:100%
     }
     .blog-container.primary .blog-image img {
      width:auto;
      max-width:inherit
     }
    }
    .blog-content {
     padding:10px
    }
    @media (min-width:768px) {
     .blog-container.primary .blog-content {
      display:inline-block;
      vertical-align:top;
      width:49%;
      color:#fff
     }
    }
    .blog-content h3 {
     margin:0;
     font-weight:900;
     font-size:20px;
     text-transform:uppercase
    }
    @media (min-width:576px) {
    .blog-container .blog-content h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 22px;
        max-height: 72px;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        font-size: 14px;
    }
    }
    @media (min-width:768px) {
     .blog-container.primary .blog-content h3 {
      font-size:18px;
      line-height:30px;
      max-height:180px;
      line-clamp:6;
      -webkit-line-clamp:6;
     }
    }
    .blog-content .text {
     margin:12px 0;
     font-size:13px
    }
    @media (min-width:576px) {
     .blog-container .blog-content .text {
      overflow:hidden;
      text-overflow:ellipsis;
      display:-webkit-box;
      line-height:18px;
      max-height:108px;
      line-clamp:6;
      -webkit-line-clamp:6;
      -webkit-box-orient:vertical
     }
    }
    @media (min-width:768px) {
     .blog-container.primary .blog-content .text {
      margin:13px 0;
      font-size:13px;
      font-weight:300;
      line-height:20px;
      max-height:140px;
      line-clamp:7;
      -webkit-line-clamp:7;
     }
    }
    @media (min-width:768px) {
     .blog-container.primary .text-link {
      color:#eee
     }
    }
    .blog-content .post-avatar {
     padding-right:5px;
     padding-top:3px
    }
    .blog-more {
     width:0%;
     height:100%;
     color:#aaa;
     background-color:var(--header-bg-color);
     position:absolute;
     top:0;
     opacity:0;
     text-align:center;
    }
    .blog-more span {
     position:absolute;
     top:calc(50% - 22px);
     left:calc(50% - 45px);
     border:1px solid #fff;
     display:inline-block;
     padding:10px 30px;
     border-radius:3px;
     color:#fff;
     font-size:16px
    }
    .blog-container:hover .blog-more {
     width:100%;
     opacity:.95
    }
    .article-wrapper {
     background:#fff;
     padding:25px;
     border-radius:3px 3px 0 0
    }
    .night-mode .article-wrapper {
     background:#212121
    }
    
    .article-meta-counter {
        display: inline-block;
        padding: 4px 4px;
        margin-bottom: 5px;
        font-size: 14px;
        line-height: 24px;
        color: #a9b1c7;
        border-radius: 2px;
        
    }
    .article-meta-counter:hover {
        background: #F4F7F9;
        cursor:pointer
    }
    .article-text {
     font-size:1.2em;
     line-height:1.6em;
     word-wrap:break-word
    }
    .article-text img {
     max-width:100%!important
    }
    .article-text iframe {
     width:100%!important
    }
    .article-tags {
     margin-top:20px
    }
    .article-tags ul>li {
     display:inline-block;
     margin-right:4px;
     margin-top:4px
    }
    .article-tags ul>li>a {
     border-radius:2px;
     background:#f5f5f5;
     padding:0 12px;
     line-height:24px;
     color:#999;
     font-weight:600;
     font-size:13px;
     text-transform:uppercase;
     text-align:center;
     white-space:nowrap;
     display:inline-block
    }
    .article-tags ul>li>a:hover {
     background:var(--header-bg-color);
     color:#fff
    }
    .articles-widget-header {
        margin-bottom: 20px;
    }
    .night-mode .articles-widget-header {
     border-color:#212121
    }
    .articles-widget-title {
        display: inline-block;
        margin: 0;
            margin-bottom: 0px;
        margin-bottom: -1px;
        text-transform: uppercase;
        white-space: nowrap;
        font-weight: bold;
        font-size: 13px;
        color: #FFF;
        text-shadow: 0 1px 1px rgba(0,0,0,0.18);
    }
    .article-categories {
     margin-bottom:15px
    }
    .article-categories li {
     float:left;
     margin-right:5px;
     margin-bottom:5px
    }
    .article-category {
        border-radius: 2px;
        background: #25304a87;
        padding: 0 12px;
        line-height: 24px;
        color: #fff;
        font-weight: 600;
        font-size: 13px;
        text-transform: uppercase;
        text-align: center;
        white-space: nowrap;
        display: inline-block;
        text-shadow: 0 1px 1px rgba(0,0,0,0.13);
    }
    .article-category.small {
     font-size:9px
    }
    .article-category:hover {
     background:#25304abf;
     color:#fff
    }
    .dropdown-menu.auto-complete {
     display:none;
     left:0;
     margin-top:0;
     border-radius:0;
     box-shadow:none
    }
    .typeahead {
     position:relative;
     float:left
    }
    .typeahead input {
     background:0 0;
     width:100%;
     color:#4e5665;
     font-size:13px;
     line-height:20px;
     outline:0 none;
     border:0 none
    }
    
    .tags li {
     float:left;
     padding:2px 4px;
     margin:0 3px 3px 0;
     background:#eef2f5;
     color:#245774;
     font-size:11px;
     line-height:16px;
     border-radius:3px
    }
    .tags button {
     opacity:.5;
     font-size:16px;
     margin-left:4px
    }
    .tags button:hover {
     opacity:.8
    }
    .pac-container {
     z-index:999999
    }
    .lightbox-open {
     overflow:hidden;
     padding-right:17px!important
    }
    .lightbox-open .main-header {
     padding-right:17px!important
    }
    .lightbox {
     position:fixed;
     top:0;
     right:0;
     bottom:0;
     left:0;
     width:100%;
     height:100%;
     background:rgba(0,0,0,.75);
     z-index:99999;
     overflow-y:scroll
    }
    @media (min-width:768px) {
     .lightbox {
      overflow-y:none
     }
    }
    .lightbox-container {
        display: inline-block;
        width: 100%;
        box-shadow: 0 0 15px 0 rgb(0 0 0 / 60%);
        padding-right: 0;
        padding-left: 0;
        height: 100%;
    }
    @media (min-width:768px) {
        .lightbox-container {
            margin-top: 31px;
            width: inherit;
        }
    }
    .lightbox-preview {
        position: relative;
        width: 100%;
        background: #000;
        text-align: center;
        height: 100%;
        max-height: 87%;
    }
    @media (min-width:768px) {
     .lightbox-preview {
      display:table-cell;
      width:65%;
      max-width:800px
     }
    }
    .lightbox-preview.nodata {
     width:100%
    }
    .lightbox-preview.with-live {
        padding: 0px;
      }
      .lightbox-preview.with-live video {
        top: 0!important;
        left: 0!important;
        object-fit: contain !important;
        transform: rotateY(180deg);
    }

    .lightbox-next,
    .lightbox-prev {
     position:absolute;
     top:50%;
     right:2%;
     opacity:.5
    }
    .lightbox-prev {
     left:2%;
     right:auto
    }
    .lightbox-next:hover,
    .lightbox-prev:hover {
     opacity:1;
     cursor:pointer
    }
    .lightbox-next .fa,
    .lightbox-prev .fa {
     color:#fff;
     text-shadow:0 2px 2px rgba(0,0,0,.5)
    }
    .lightbox-preview img {
     margin:0 auto;
     max-width:100%;
     max-height:calc(100vh - 92px)
    }
    .lightbox-data {
     display:block;
     width:100%;
     background:#fff
    }
    @media (min-width:768px) {
     .lightbox-data {
      display:table-cell;
      width:35%
     }
    }
    
    .lightbox-data .lightbox-close {
        padding: 0px 0px;
        border-radius: 4px;
        color: #A9B1C4;
        background: none !important;
        position: absolute;
        right: 10px;
        margin-top: -1px;
    }

    .lightbox-download a {
        color: #f1f3f5;
        padding: 4px 5px 5px;
        display: inline-block;
    }


    .lightbox-data .lightbox-close:hover {
     background:#e9eaee;
     color:#666;
     cursor:pointer
    }
    .lightbox-post {
     padding:0 8px;
     height:calc(100vh - 113px)
    }
    .stories-wrapper {
     overflow:auto;
     padding-bottom:0;
     margin-bottom:5px
    }
    .stories.carousel {
     overflow:unset!important
    }
    .add-story {
     position:relative;
     display:inline-block;
     width:12vw;
     max-width:60px;
     height:12vw;
     max-height:60px;
     margin-bottom:22px;
     cursor:pointer
    }
    .add-story .img {
     display:block;
     width:100%;
     height:100%;
     background-size:cover;
     background-position:center;
     border-radius:50%
    }
    .add-story .add {
     position:absolute;
     right:0;
     bottom:0;
     padding:1px 3px 0 3px;
     border-radius:50%;
     background:#fff;
     font-size:14px;
     color:#2795e9
    }
    
    .stories.sngine .story>a {
     text-decoration:none
    }
    .stories.sngine .story>a>.img {
     border-radius:50%;
     padding:2px;
     background:#d6249f;
     background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)
    }
    .stories.sngine .story>a>.img>* {
     border-radius:50%;
     border:3px solid #fff
    }
    .stories.sngine .story.seen {
     opacity:.5
    }
    .stories.sngine .story.seen>a>.img {
     background:#999
    }
    .chat-sidebar {
     background:#fefefe;
     display:none;
     position:fixed;
     right:0;
     top:50px;
     bottom:0;
     width:210px;
     box-shadow:0 0 4px rgba(0,0,0,.1)
    }
    
  

    .panel-messages {
        margin-right: 5px;
    }

    .panel-messages .chat-to {
     padding-top:10px;
     padding-bottom:10px
    }
    .panel-messages .chat-to .to {
     top:10px
    }
    .chat-conversations {
        padding: 137px 5px 30px;
        background: #f2f4f6;
        position: fixed;
        bottom: 76px;
        left: 0;
        width: 100%;
        height: 100% !important;
        bottom: 76px;
        top: auto;
      }
      .chat-typing {
        display: none;
        padding: 10px;
        position: absolute;
        top: 18px;
        font-size: 10px;
        color: #8B91AD;
      }
    
    .loading-dots:after {
     content:' .';
     animation:dots 1s steps(5,end) infinite
    }
    @keyframes dots {
     0%,
     20% {
      color:transparent;
      text-shadow:.25em 0 0 transparent,.5em 0 0 transparent
     }
     40% {
      color:var(--body-color);
      text-shadow:.25em 0 0 transparent,.5em 0 0 transparent
     }
     60% {
      text-shadow:.25em 0 0 var(--body-color),.5em 0 0 transparent
     }
     100%,
     80% {
      text-shadow:.25em 0 0 var(--body-color),.5em 0 0 var(--body-color)
     }
    }
    .chat-voice-notes {
     display:none
    }
    .chat-attachments, .chat-voice-notes {
        background: #fff;
        padding: 5px 10px 34px;
        border-top: 1px solid #dfe8f5;
      }
    
      .chat-form {
        background: #fff;
        position: fixed;
        bottom: 40px;
        width: 100%;
        left: 0;
      }
    
      .chat-form-message {
        background: 0 0;
        padding: 8px 10px 10px;
        overflow-y: auto;
        overflow-x: hidden;
        border-top: 1px solid #dfe8f5;
      }
    
    .chat-form-message input[type=text],
    .chat-form-message textarea {
     background:0 0;
     direction:ltr;
     display:block;
     border:0 none;
     resize:none;
     outline:0;
     box-shadow:none;
     width:100%;
     padding:0;
     margin:0;
     font-size:13px;
     line-height:18px;
     height:18px;
     overflow:hidden
    }
    
    .chat-form .x-form-tools {
        position: absolute;
        padding: 2px 9px 7px 7px;
        right: 0;
        top: 6px;
    }
    .chat-form ul.x-form-tools>li.x-form-tools-colors {
     color:#597ba5
    }
    .chat-form .emoji-menu {
     bottom:40px;
     right:100%;
     left:2px
    }
    .chat-form .emoji-menu:before {
     right:auto;
     left:38px
    }
    .chat-form .emoji-menu:after {
     right:auto;
     left:39px
    }
    .chat-colors-menu {
     display:none;
     position:absolute;
     bottom:40px;
     left:28px;
     width:189px;
     margin:0;
     padding:6px;
     font-size:13px;
     line-height:100%;
     background-color:#fff;
     border:1px solid #d4d5d6;
     border-radius:2px;
     box-shadow:0 1px 1px rgba(0,0,0,.05);
     z-index:99999
    }
    .chat-colors-menu:before {
     position:absolute;
     top:100%;
     left:42px;
     content:"";
     border-color:#d4d5d6 transparent transparent transparent;
     border-style:solid;
     border-width:8px
    }
    .chat-colors-menu:after {
     position:absolute;
     top:100%;
     left:43px;
     content:"";
     border-color:#fff transparent transparent transparent;
     border-style:solid;
     border-width:7px
    }
    .chat-colors-menu .item {
     float:left;
     padding:4px;
     margin-right:1px;
     margin-bottom:1px
    }
    .chat-colors-menu .item:hover {
     cursor:pointer;
     background:#f3f3f3;
     border-radius:4px
    }
    .conversation {
        padding-top: 5px;
        margin-bottom: 0px;
        width: 100%;
        display: inline-block;
      }
    .conversation-user {
     width:30px;
     height:30px;
     float:left;
     border-radius:50%;
     overflow:hidden;
     margin-right:10px
    }
    .conversation-user img {
     width:30px;
     height:30px
    }
    .conversation-body {
     position:relative;
     float:left;
    }
    .conversation.right .conversation-body, .conversation.right .conversation-user {
        float: right;
        text-align: right;
      }
    .conversation-body .text {
        background: #fff;
        padding: 5px 8px;
        font-size: 11px;
        border-radius: 3px;
        font-family: Tahoma;
        line-height: 1.3;
        width: auto;
        min-width: 0;
        display: inline-block;
      }
    
      .conversation.right .conversation-body .text {
        background: #e6eaef !important;
        color: #222020;
        border-radius: 4px;
        text-align: right;
    }
    .conversation.right .conversation-body .text a {
     color:#fff
    }
    .conversation-body .text a {
     text-decoration:underline
    }
    .conversation-body .text a:hover {
     text-decoration:none
    }
    .conversation-body .text .twa {
     font-size:2em
    }
    .conversation-body .attachments li {
     float:left;
     width:64px;
     height:64px;
     margin-right:5px;
     margin-bottom:5px
    }
    .conversation-body .attachments li.item {
     border:1px solid #eee;
     cursor:pointer
    }
    .conversation-body .attachments li.item img {
     width:64px;
     height:64px
    }
    .conversation-body .attachments li.loading {
     padding-top:22px;
     background:#f3f3f3;
     border:1px solid #eee
    }
    .conversation-body .time {
        position: relative;
        margin: 2px 2px 0;
        color: #b0c0d7;
        font-size: 8px;
      }
    .conversation-body audio {
        transform: scale(0.8);
        width: 240px !important;
        margin: -10px -30px;
          margin-top: -10px;
        height: 30px;
        border-radius: 4px;
        display: block;
        margin-top: 4px;
      }
    .conversation.right .conversation-body .time {
     right:0;
     left:auto;
     text-align:right
    }
    .conversation-body .time:before {
     content:"\f017";
     font-family:'Font Awesome\ 5 Free';
     font-style:normal;
     font-weight:400;
     text-decoration:inherit;
     margin-top:4px;
     padding-right:2px;
     font-size:.875em
    }
    .conversation-body .seen {
     position:relative;
     right:0;
     width:204px;
     margin-top:10px;
     margin-bottom:10px;
     color:#b0c0d7;
     font-size:10px;
     text-align:right
    }
    .conversation-body .seen:before {
     content:"\f00c";
     font-family:'Font Awesome\ 5 Free';
     font-style:normal;
     font-weight:900;
     text-decoration:inherit;
     margin-top:4px;
     padding-right:4px;
     font-size:.875em
    }
    .twilio-stream-wrapper {
     position:relative;
     background:#222
    }
    .twilio-stream-local {
     display:none;
     width:180px;
     height:240px;
     position:absolute;
     top:20px;
     right:20px;
     background:#000;
     box-shadow:0 2px 5px rgba(0,0,0,.3);
     border:1px solid #fff
    }
    
    .page-header {
        background: rgb(110, 56, 154);
        background: rgba(0, 0, 0, 0) linear-gradient(149deg, #455195, #492e84, rgb(110, 56, 154), #e161b5) repeat scroll 0 0;
        position: relative;
        text-align: center;
        padding: 15px 15px 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        overflow: hidden;
        color: #fff;
        z-index: auto;
    }
    
    .shadow {
        box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
    }
    
    .page-header.mini {
     padding:35px 15px
    }
    @media (min-width:768px) {
    page-header {
        padding: 15px 15px 0px;
        margin-top: -10px;
    }
     .page-header.mini {
      padding:45px 15px
     }
    }
    .page-header.bank-transfer {
     z-index:1;
     padding:20px;
     background-color:#2196f3;
     background:linear-gradient(90deg,#03a9f4 0,#2196f3 35%,#3f51b5 100%)
    }
    .page-header .floating-img {
     position:absolute;
     bottom:10px;
     left:10%;
     width:300px;
     opacity:.5
    }
    .page-header .circle-1 {
     position:absolute;
     top:60px;
     left:-180px;
     width:290px;
     height:290px;
     background-image:radial-gradient(circle 800px at 75% -25%,#000 0,rgba(255,255,255,0) 100%);
     border-radius:50%;
     opacity:.05
    }
    .page-header .circle-2 {
     position:absolute;
     top:17px;
     right:-242px;
     width:500px;
     height:500px;
     background-image:radial-gradient(circle 800px at 10% -25%,#000 0,rgba(255,255,255,0) 100%);
     border-radius:50%;
     opacity:.03
    }
    .page-header .circle-3 {
     position:absolute;
     top:-73px;
     right:78px;
     width:200px;
     height:200px;
     background-image:radial-gradient(circle 800px at 10% -25%,#000 0,rgba(255,255,255,0) 100%);
     border-radius:50%;
     opacity:.04
    }
    .page-header h2 {
     font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
     font-weight:400
    }
    .page-header .inner {
     z-index:999
    }
    .page-header.bank-transfer .inner {
     border:6px solid rgba(255,255,255,.3);
     padding:20px;
     border-radius:5px
    }
    .page-header.bank-transfer .bank-info-meta {
     font-size:18px
    }
    .page-header.bank-transfer .bank-info-help {
     font-size:12px;
     color:#eee;
     text-transform:uppercase
    }

    .footer {
        border-top: 4px solid #0d092f0d;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 25px;
        margin-bottom: 45px;
        text-shadow: 0 1px 0px rgb(255 255 255 / 33%);
        color: #31333a;
        display: inline-block;
    }

    .n_chat .footer {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 2%;
        padding-left: 0%;
        display: none;
      }
    
    .footer a, .mini-footer a {
        color: #31497b;
        text-shadow: 0 1px 0px rgba(255,255,255,0.33);
    }
    
    .night-mode .footer {
     border-top:1px solid #212121
    }
    @media (min-width:768px) {
        .footer .links {
            text-align: right;
            display: inline-block;
            width: auto;
        }
    }
    .mini-footer {
     font-size:12px
    }
    .mini-footer .copyrights {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 5px;
        margin-bottom: 5px;
        font-weight: 500;
        color: #31333a;
        border-bottom: 4px solid #0d092f1f;
        text-shadow: 0 1px 0px rgba(255,255,255,0.33);
    }
    .night-mode .mini-footer .copyrights {
     border-bottom-color:#212121
    }
    .mini-footer .links {
     display:flex;
     align-items:center;
     justify-content:space-between;
     flex-wrap:wrap;
     margin:0 -5px 0
    }
    .mini-footer .links li {
     display:inline-block;
     padding-right:5px;
     padding-left:5px
    }
    .notfound-wrapper {
     position:relative;
     min-height:560px
    }
    .notfound {
     position:absolute;
     left:50%;
     top:50%;
     transform:translate(-50%,-50%);
     max-width:560px;
     width:100%;
     padding-left:160px;
     line-height:1.1
    }
    .notfound .notfound-circle {
     position:absolute;
     left:0;
     top:0;
     width:140px;
     height:140px;
     font-size:140px
    }
    .notfound .notfound-circle:before {
     content:'';
     position:absolute;
     width:100%;
     height:100%;
     transform:scale(2.4);
     border-radius:50%;
     background-color:#f2f5f8;
     z-index:-1
    }




    


    .notfound h1 {
     font-family:Nunito,sans-serif;
     font-size:65px;
     font-weight:700;
     margin-top:0;
     margin-bottom:10px;
     color:#151723;
     text-transform:uppercase
    }
    .notfound h2 {
     font-family:Nunito,sans-serif;
     font-size:21px;
     font-weight:400;
     margin:0;
     text-transform:uppercase;
     color:#151723
    }
    
    .card-ouath-overlay {
     background:#000;
     position:fixed;
     top:0;
     bottom:0;
     left:0;
     right:0;
     opacity:.6;
     z-index:1002
    }
    .card-ouath {
     background:#fff;
     border:0;
     box-shadow:0 1px 1px rgba(0,0,0,.05);
     z-index:1003
    }
    
.input-group-prepend {
    display: inline-block;
    background: #eef1f7;
    padding: 4px 7px 5px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 4%) inset;
    margin-right: -5px;
    border-radius: 3px;
    height: 26px;
}

    .text-center {
        text-align: center;
    }
    
    .card-register {
        background: #fff;
        border: 0;
        box-shadow: 0 0px 6px 0 rgb(0 0 0 / 6%);
        overflow: hidden;
        display: inline-block;
        padding: 20px;
        margin: 20px;
        display: inline-block;
    }

    .card-register .card-header {
     border:0;
     padding:0 0 15px;
     background:0 0
    }
    
    .card-register .card-header .card-title {
        position: relative;
        font-size: 14px;
        color: #ffffff;
        text-align: center;
        background: rgba(0, 0, 0, 0) linear-gradient(
    149deg, #455195, #492e84, rgb(110, 56, 154), #e161b5) repeat scroll 0 0;
        padding: 4px;
        margin: 0;
    }
    
    .card-register .form-control {
     border-radius:3px;
    }
    .card-register .input-group>.input-group-prepend>.input-group-text {
     border-radius:3px 0 0 3px
    }
    
    .index-intro {
        text-align: center;
        margin-bottom: 10px;
    }
    .index-intro h1 {
        font-size: 24px;
        margin: 10px 0 0;
    }
    
    .index-intro p {
        font-weight: 100;
        font-size: 16px;
        line-height: 24px;
        color: #6a6a6a;
        margin: 0;
    }
    
    .daytime_message {
     display:none;
     padding:15px;
     margin-bottom:20px;
     border-left:2px solid #fba540!important
    }
    .daytime_message button {
     margin-top:4px;
     font-size:18px
    }
    .forum-breadcrumb {
        padding: 0px 0px;
        margin-top: 10px;
        margin-bottom: 0;
        word-wrap: break-word;
        word-break: break-all;
    }
    .forum-title {
     margin-top:20px;
     margin-bottom:20px;
     word-wrap:break-word
    }
    .forum-title h1 {
     font-size:18px;
     margin-top:0;
     margin-bottom:5px
    }
    .forum-title p {
     margin-bottom:0
    }
    .forum-category {
        padding: 3px 13px 5px;
        margin-top: 0px;
        background-color: #37465414;
        color: #131313;
        font-weight: 600;
        font-size: 13px;
        border-radius: 2px;
    }
    .forum-category a {
        color: #131313;
    }
    .forum-category a:hover {
     text-decoration:underline
    }
    .forum-head {
     margin-right:0;
     margin-left:0
    }
    .forum-head>.column {
        padding: 20px;
        background-color: #16232d;
        color: #fff;
        font-weight: 300;
        font-size: 12px;
        text-align: center;
        border-right: 1px solid #192534;
        border-left: 1px solid #161e27;
        width: auto;
    }
    
    .forum-head.threads>.column {
     background-color:#576c7c;
     border-right:1px solid #374855;
     border-left:1px solid #6d8292
    }
    
    .forum-head>.column:first-child {
     text-align:left;
     border-left:none
    }
    .forum-head>.column:last-child {
     border-right:none
    }

    .forum-breadcrumb li {
        display: inline-block;
        list-style: none;
    }

    .forum-row {
        display: flex;
        flex-wrap: wrap;
        margin-right: 0;
        margin-left: 0;
        border-bottom: 1px solid #f2f4f6;
    }

    .forum-row > .column {
        display: flex !important;
        flex-direction: column;
        padding: 7px 10px 0px;
        color: grey;
        font-size: 13px;
        word-wrap: break-word;
        width: auto;
      }

    .fa-2x {
        font-size: 1.3em;
    }
    
    .forum-row .fa-comments {
        color: #ff0000;
        text-align: center;
        margin-left: 2px;
        padding: 0px 2px;
    }

    .forum-row .sub-forums li {
     float:left;
     margin-right:10px
    }
    .forum-meta-head {
     padding:15px 20px 15px 20px;
     background-color:#16232d;
     color:#fff;
     font-size:12px;
     font-weight:300
    }
    
    .forum-meta-conent {
        padding: 20px 0px 0px 0px;
        color: grey;
        font-size: 12px;
    }
    
    .forum-thread {
        padding: 20px 10px;
        margin-top: 10px;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 3px;
        box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
        display: inline-block;
    }
    
    .forum-thread .row {
     margin-left:0;
     margin-right:0
    }
    .forum-thread .avatar {
     width:80px;
     height:80px;
     border-radius:50%
    }
    .forum-thread .time {
     padding-bottom:5px;
     margin-bottom:10px;
     border-bottom:1px solid #f4f4f4
    }
    
    .forum-thread .text {
     word-wrap:break-word
    }
    .forum-thread .text iframe,
    .forum-thread .text img {
     max-width:100%
    }
    .forum-thread ul {
     margin:initial;
     padding-inline-start:40px;
     list-style:initial
    }
    .forum-result {
     margin-top:20px
    }
    .forum-result .head {
     padding:10px 20px;
     background-color:#576c7c;
     color:#fff;
     font-weight:300;
     font-size:12px
    }
    
    .forum-result .head a {
     color:#fff
    }
    .forum-result .head a:hover {
     text-decoration:underline
    }
    .forum-result .content {
     padding:10px 20px;
     background-color:#f5f5f5;
     color:grey;
     font-size:12px
    }
    
    .forum-result .title {
     font-size:14px
    }
    .forum-result .snippet {
     background:#fff;
     border:solid 1px #e6e6e6;
     padding:8px 10px;
     word-wrap:break-word
    }
    
    .directory-card {
     display:block;
     width:100%;
     height:100%;
     background:#FFF;
     padding:25px;
     font-size:14px;
     line-height:20px;
     text-align:center;
     color:#898f9c;
     border-radius:4px
    }
    
    .directory-card:hover {
     background:#eee;
     color:#898f9c
    }
    
    .directory-card .title {
     margin-top:15px;
     color:#4b4f56
    }
    
    .directory-card p {
     margin-bottom:0
    }
    .panel-messages .card-header .fa-circle {
     color:#65a830;
     font-size:9px
    }
    .panel-messages .card-body {
     padding:0
    }
    .panel-messages.fresh .card-body {
     position:relative
    }
    .panel-messages .conversation-user {
     width:50px;
     height:50px
    }
    .panel-messages .conversation-user img {
     width:50px;
     height:50px
    }
    .panel-messages .conversation-body {
     max-width:calc(100% - 120px)
    }
    .panel-messages .conversation-body .text {
        background: #fff;
      }
      .live-stream-wrapper {
        background: #323232;
        padding: 0px;
        border-radius: 4px;
        margin-top: 22px;
        height: 100%;
    }

    #livebody {
        padding: 0;
        margin-top: -5px !important;
        display: block;
        height: 100%;
        position: absolute;
        width: 100% !important;
        overflow: hidden;
        top: 0;
    }

    #livebody .row {
        width: 100%;
        height: 100%;
    }

    .livestart {
        display: block;
        width: 123px;
    }

    #livebody .offcanvas-mainbar {
        padding: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
    }

    @media (min-width:992px) {
     .live-stream-wrapper {
      padding:50px
     }
    }
    .live-stream-title {
        color: #fff;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
        position: absolute;
        z-index: 3;
        width: 149px;
        padding: 44px 5%;
        font-weight: bolder;
        text-align: right;
        right: 0;
    }
    .live-stream-video {
        position: relative;
        height: 100%;
        width: 100%;
    }
    .live-stream-video .live-counter {
        position: absolute;
        top: 52px;
        left: 5px;
        z-index: 2;
        font-size: 11px;
    }
    .live-stream-video .live-counter .status {
        background: #13131333;
        padding: 4px 8px;
        color: #fff;
        border-radius: 4px;
    }
    .live-stream-video .live-counter .status.offline {
        background: #13131333;
    }
    .live-stream-video .live-counter .number {
        background: #13131333;
        padding: 4px 8px;
        margin-left: 2px;
        color: #fff;
        text-transform: uppercase;
        border-radius: 4px;
    }

    .js_live-counter-number {
        font-weight: normal;
    }

    .live-stream-video .live-status {
        position: absolute;
        bottom: 74px;
        left: 50%;
        transform: translateX(-50%);
        padding: 5px 9px;
        background: #383838;
        color: #fff;
        text-align: center;
        border-radius: 4px;
        z-index: 4;
        white-space: nowrap;
    }
    .live-stream-video .live-status.info {
        background: #0afb3e59;
    }
    .live-stream-video .live-status.success {
     background:#28a745
    }
    .live-stream-video .live-status.error {
     background:#dc3545
    }
    .live-stream-video .live-recording {
     display:none;
     position:absolute;
     top:20px;
     right:20px;
     color:red;
     font-weight:600;
     background:#383838;
     padding:5px 10px;
     border-radius:4px
    } 
    .live-stream-video .live-comments {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 30px;
        padding: 0px 15px 5px;
        height: auto;
        z-index: 3;
        background-image: linear-gradient(rgba(0,0,0,0) 0,#000000 100%);
        max-height: 300px;
        overflow-y: hidden;
        height: 200px;
        margin-bottom: 25px;
    }

    .live-stream-video .comment-actions>li {
        margin-right: 3px;
    }

    .live-stream-buttons button {
        border: 0!important;
        border-radius: 50%;
        display: inline-block !important;
        background: #00000042 !important;
        box-shadow: none !important;
        color: #FFF;
        font-size: 18px;
        margin: 0 5px !important;
        padding: 6px 10px;
    }
    

    .live-comments .comment-inner {
        position: relative;
        padding: 3px 8px 5px;
        background: none;
        border-radius: 3px;
        width: 100%;
        border-bottom: 0px solid #f1f3f5;
        color: #FFF;
    }

    .live-comments .comment-inner a {
        color:#f1f3f5;
    }

    .live-comments .text-link.js_reply {
        color: #FFF;
        text-decoration: none !important;
    }

    .live-comments .comment .comment-btn.dropdown {
        right: 15px;
    }

    .live-stream-video video {
     border-radius:4px;
     background:#000;
     object-fit: contain !important;
    }
    .live-stream-buttons {
        display: none;
        text-align: center;
        margin-top: 5px;
        position: absolute;
        bottom: 60px;
        z-index: 9;
        width: 100%;
    }
    .profile-header {
        position: relative;
        border: 1px solid #e6ecf5;
        border-top: 0;
    }
    
    @media (min-width:992px) {
     .profile-header {
      margin-bottom:0px
     }
    }
    .profile-cover-wrapper {
     background:#424242;
     position:relative;
     height:180px;
     overflow:hidden;
     border-radius:0 0 2px 2px
    }
    @media (min-width:576px) {
        .profile-cover-wrapper {
            height: 240px;
            margin-top: 13px;
        }
    }
    @media (min-width:768px) {
     .profile-cover-wrapper {
      height:300px
     }
    }


    @media (min-width:992px) {
     .profile-cover-wrapper {
      height:240px
     }
    }
    .profile-cover-wrapper img.js_position-cover-cropped {
     width:100%;
     height:100%;
     object-fit:cover
    }
    .profile-cover-wrapper img.js_lightbox:hover {
     cursor:pointer
    }
    .profile-cover-wrapper img.js_position-cover-full {
     width:100%;
     height:auto;
     cursor:move
    }
    .profile-cover-buttons {
     position:absolute;
     top:10px;
     left:10px;
     color:#fff;
     font-size:12px;
     opacity:.666;
    }
    @media (min-width:768px) {
     .profile-cover-buttons {
      top:15px;
      left:15px;
      font-size:16px
     }
    }
    .profile-cover-buttons>div {
     float:left;
     margin-right:5px;
     padding:4px 8px;
     border-radius:50%;
     text-align:center;
     background:rgba(0,0,0,.1);
    }
    .profile-cover-buttons>div:hover {
     cursor:pointer;
     background:rgba(0,0,0,.25)
    }
    .profile-cover-wrapper:hover .profile-cover-buttons {
     opacity:1
    }
    .profile-cover-buttons form.x-uploader {
     position:relative
    }
    .profile-cover-buttons>div.profile-cover-position-buttons {
     display:none;
     padding:4px 6px
    }
    .profile-cover-change-loader {
     display:none;
     position:absolute;
     top:0;
     bottom:0;
     left:0;
     right:0;
     opacity:.5;
     background:#000;
     width:100%;
     height:100%;
     padding-top:20%;
    }
@media (min-width:768px) {
     .profile-cover-change-loader {
      padding-top:15%
     }
    }
    .profile-cover-position-loader {
     display:none;
     position:absolute;
     top:15px;
     left:50%;
     padding:8px 10px;
     background:rgba(0,0,0,.45);
     color:#fff;
     font-size:11px;
     border-radius:2px;
     transform:translate(-50%)
    }
    @media (min-width:768px) {
     .profile-cover-position-loader {
      padding:8px 24px;
      font-size:13px;
      font-weight:600
     }
    }
    .profile-avatar-wrapper {
        position: absolute;
        top: 112px;
        padding: 2px;
    }
    @media (min-width:576px) {
     .profile-avatar-wrapper {
      top:140px
     }
    }
    @media (min-width:768px) {
     .profile-avatar-wrapper {
      top:170px
     }
    }
    
    .profile-avatar-wrapper.static {
     top:0
    }


    @media (min-width:992px) {
     .profile-avatar-wrapper {
      padding:4px
     }

     .profile-avatar-wrapper:not(.static) {
        top: auto;
        bottom: -33px;
        left: 15px;
        transform: none;
        z-index: 2;
    }

    }
    .profile-avatar-wrapper img {
        width: 90px;
        height: 90px;
        border-radius: 50%;
        border: 6px solid #FFF;
    }
    .profile-avatar-wrapper img.js_lightbox:hover {
     cursor:pointer
    }
    @media (min-width:576px) {
     .profile-avatar-wrapper img {
      width:120px;
      height:120px
     }
    }
    @media (min-width:768px) {
     .profile-avatar-wrapper img {
      width:150px;
      height:150px
     }
    }
    @media (min-width:992px) {
        .profile-avatar-wrapper img {
            width: 140px;
            height: 140px;
        }
    }
    .profile-avatar-change,
    .profile-avatar-crop,
    .profile-avatar-delete {
     display:block;
     position:absolute;
     bottom:5px;
     right:-9px;
     opacity:.4;
     color:#fff;
     font-size:12px;
     padding:4px 8px;
     border-radius:50%;
     text-align:center;
     background:rgba(0,0,0,.1);
    }
    .profile-avatar-change:hover,
    .profile-avatar-crop:hover,
    .profile-avatar-delete:hover {
     cursor:pointer;
     background:rgba(0,0,0,.25)
    }
    .profile-avatar-crop {
        bottom: 40px;
        right: -22px;
    }
    .profile-avatar-delete {
        bottom: 75px;
        right: -7px;
    }
    .profile-avatar-change form.x-uploader {
     position:relative
    }
    @media (min-width:576px) {
     .profile-avatar-delete {
      bottom:75px;
      right:-15px
     }
    }
    @media (min-width:768px) {
     .profile-avatar-change,
     .profile-avatar-crop,
     .profile-avatar-delete {
      bottom:10px;
      right:10px;
      font-size:16px
     }
     .profile-avatar-crop {
      bottom:45px;
      right:-10px
     }
     .profile-avatar-delete {
      bottom:85px;
      right:-15px
     }
    }
    .profile-avatar-wrapper:hover .profile-avatar-change,
    .profile-avatar-wrapper:hover .profile-avatar-crop,
    .profile-avatar-wrapper:hover .profile-avatar-delete {
     opacity:1
    }
    .profile-avatar-change-loader {
     display:none;
     position:absolute;
     top:0;
     bottom:0;
     left:0;
     right:0;
     opacity:.5;
     background:#000;
     width:100%;
     height:100%;
     border-radius:50%;
     padding-top:50%;
    }
    .profile-name-wrapper {
        background: #fff;
        padding-top: 30px;
        padding-bottom: 10px;
        text-align: center;
        font-weight: 600;
        font-size: 36px;
    }
    
    @media (min-width:992px) {
        .profile-name-wrapper {
            position: absolute;
            top: 58px;
            right: 6px;
            background: 0 0!important;
            padding-top: 0;
            padding-bottom: 0;
            text-align: right;
            text-shadow: 0 0 4px rgb(0 0 0 / 90%);
            font-size: 36px;
        }
     .no-avatar .profile-name-wrapper {
      left:85px;
      bottom:70px
     }
    }
    .profile-name-wrapper a {
        display: block;
        color:#333;
        line-height: 22px;
    }
    
    .profile-name-wrapper a.badge {
     color:#fff
    }
    @media (min-width:992px) {
        .profile-name-wrapper a {
            color: #fff;
            margin-right: 5px;
        }
     .profile-name-wrapper a.badge {
      font-size:14px
     }
    }
    .profle-date-wrapper {
     position:absolute;
     width:45px;
     left:10px;
     top:120px;
     padding:6px;
     border-radius:6px;
     border:2px solid #fff;
     background:rgba(0,0,0,.1);
     text-align:center;
     font-size:12px;
     color:#fff;
    }
    @media (min-width:576px) {
     .profle-date-wrapper {
      top:180px
     }
    }
    @media (min-width:768px) {
     .profle-date-wrapper {
      top:240px
     }
    }
    @media (min-width:992px) {
     .profle-date-wrapper {
      width:55px;
      left:15px;
      top:auto;
      bottom:50px;
      font-size:14px
     }
    }
    .profle-meta-wrapper {
     position:absolute;
     left:65px;
     top:140px;
     color:#e9e9e9;
     font-size:12px;
     text-shadow:0 0 3px rgba(0,0,0,.9)
    }
    @media (min-width:576px) {
     .profle-meta-wrapper {
      top:200px
     }
    }
    @media (min-width:768px) {
     .profle-meta-wrapper {
      top:260px
     }
    }
    @media (min-width:992px) {
     .profle-meta-wrapper {
      left:85px;
      top:auto;
      bottom:50px;
      font-size:14px
     }
    }
    .profile-buttons-wrapper {
     background:#fff;
     padding-bottom:20px;
     text-align:center
    }
    
    @media (min-width:992px) {
     .profile-buttons-wrapper {
      background:0 0!important;
      position:absolute;
      bottom:50px;
      right:15px;
      padding-bottom:0;
      text-align:left
     }
    }

    .profile-tabs-wrapper {
        padding: 0 5px;
        background: rgba(0, 0, 0, 0) linear-gradient(
    149deg, #455195, #492e84, rgb(110, 56, 154), #e161b5) repeat scroll 0 0;
        box-shadow: 0 1px 4px rgb(0 0 0 / 30%);
        border-top: 0px solid #e6ecf5;
        border-radius: 2px 2px 2px 2px;
    }
    
    @media (min-width:992px) {
        .profile-tabs-wrapper {
            position: absolute;
            bottom: 0px;
            right: 0px;
            padding: 0;
            border-radius: 3px;
        }
     .no-avatar .profile-tabs-wrapper {
      left:15px
     }
    }
    .profile-tabs-wrapper>ul {
     overflow:hidden;
     overflow-x:auto;
     white-space:nowrap
    }
    .profile-tabs-wrapper>ul>li {
     display:inline-block
    }
    .profile-tabs-wrapper>ul>li>a {
        display: block;
        padding: 5px 9px;
        line-height: 20px;
        font-weight: 400;
        color: #d1dbe4;
        font-size: 12px;
    }
    .profile-tabs-wrapper>ul>li>a:hover i {
        color: #ffffff;
    }

    .profile-tabs-wrapper>ul>li>a i {
        color: #050c134f;
    }

    .profile-tabs-wrapper.narrow>ul>li>a {
     padding:18px 28px
    }
    
    .profile-tabs-wrapper>ul>li>a:hover, .profile-tabs-wrapper>ul>li>a.active i {
        color: #ffffff;
    }
    .profile-tabs-wrapper>ul>li>a.active {
        color: #FFF;
        background: #ffffff14;
    }

    .panel-mutual-friends li {
     float:left;
     width:40px;
     height:40px;
     margin-right:-8px
    }

    .posts-staging-btn {
        display: none;
        position: fixed;
        top: 150px;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 99;
    }

    .about-bio {
        word-wrap: break-word;
        text-align: center;
        margin: 10px 0 5px;
        font-size: 11px;
    }
    
    .about-bio a {
     display:inline-block;
     margin-top:10px
    }
    .about-list {
        list-style: none;
        padding: 10px 40px 3px;
        margin: 0 0 0px;
        background: #f3f6fa;
        color: #42454e;
        border-radius: 0 0 3px 3px;
        text-align: center;
    }
    .about-list li {
        position: relative;
        padding-bottom: 5px;
        margin-bottom: 3px;
        font-size: 12px;
        line-height: 18px;
        font-weight: 500;
        display: inline-block;
    }
    .about-list li.package {
     background:#597ba5;
     color:#fff;
     padding:10px 15px;
     margin-left:-20px;
     margin-right:-20px;
     margin-bottom:15px;
     text-align:center
    }
    .about-list li:last-child {
     border-bottom:0 none;
     padding-bottom:0;
     margin-bottom:0
    }
    .about-list-item {
        padding-left: 23px;
        word-break: break-word;
        margin-right: 6px;
    }
    .about-list-item a:hover {
     text-decoration:underline
    }
    .about-list-item .fa {
        position: absolute;
        top: 4px;
        left: 0;
        color: #c6d1db;
    }
    .about-list-item .details {
        padding-top: 2px;
        color: #b2b2b2;
        font-size: 11px;
        line-height: 16px;
        font-weight: 400;
        display: inline-block;
    }
    .panel-photos div[class*=" col-"], .panel-photos div[class^=col-] {
        padding: 1px;
        padding-bottom: 0;
        width: 25%;
    }
    .pg_photo {
     position:relative;
     display:block;
     background-size:cover;
     background-repeat:no-repeat;
     background-position:center;
     background-color:#eee;
     width:100%;
     height:100%;
     padding-top:100%;
     min-width:40px;
     min-height:40px;
     border-radius:1px;
     margin-bottom:2px
    }
    .pg_photo.large {
     min-width:100px;
     min-height:100px
    }
    .pg_photo-btn {
     position:absolute;
     right:5px;
     top:5px
    }
    .panel-videos div[class*=" col-"],
    .panel-videos div[class^=col-] {
     padding:1px;
     padding-bottom:0
    }
    .pg_video {
     position:relative;
     background:#eee;
     display:block;
     padding-bottom:100%;
     overflow:hidden
    }
    .pg_video video {
     position:absolute;
     top:0;
     left:0;
     right:0;
     bottom:0;
     object-fit:cover;
     width:100%;
     height:100%
    }
    .pg_video .play-button {
     position:absolute;
     top:calc(50% - 25px);
     left:calc(50% - 25px);
     display:block;
     width:50px;
     height:50px;
     padding-top:11px;
     padding-left:6px;
     border-radius:50%;
     color:#f5f5f5;
     text-align:center;
     background-color:rgba(0,0,0,.5);
    }
    .pg_video:hover .play-button {
     background-color:rgba(0,0,0,.8);
     box-shadow:0 0 10px #ffff64
    }
    .album-card {
     border:1px solid #ededed;
     border-radius:1px;
     margin-bottom:10px
    }
    
    .album-cover {
     display:block;
     background-size:cover;
     background-repeat:no-repeat;
     background-position:center;
     background-color:#eee;
     width:100%;
     height:100%;
     padding-top:100%;
     overflow:hidden;
     min-width:40px;
     min-height:40px
    }
    .album-details {
     padding:10px;
     font-size:11px
    }
    .album-details .fa {
     cursor:pointer
    }
    .album-details .tooltip {
     width:auto;
     min-width:110px;
     font-size:11px
    }
    .album-title {
     text-align:center;
     font-size:1.5em;
     font-weight:600;
     margin-top:20px
    }
    .album-meta {
     text-align:center;
     margin-bottom:40px
    }
    .admin-chart {
     min-width:100%;
     height:400px;
     margin:0 auto;
     border:1px solid #e6ecf5
    }
    
    .table-img-thumbnail {
     max-width:100px
    }
    .change-log-list {
     margin-left:30px
    }
    .change-log-list>li {
     margin-left:30px;
     list-style-type:disc
    }
    .product {
     position:relative;
     border-radius:4px
    }
    .product:hover {
     box-shadow:0 2px 10px rgba(0,0,0,.2)
    }
    .product.boosted {
     border:2px solid #f9b340
    }
    .product .boosted-icon {
     position:absolute;
     left:-15px;
     top:-15px;
     width:auto;
     padding:3px 6px;
     font-size:16px;
     background:#f9b340;
     color:#fff;
     border-radius:50%;
     transform:rotate(-20deg);
     z-index:2
    }
    .product-image {
     position:relative;
     width:100%;
     height:250px;
     overflow:hidden;
     border-radius:4px 4px 0 0
    }
    .product-image img {
     width:100%;
     height:100%;
     object-fit:cover
    }
    .product-price {
     position:absolute;
     left:10px;
     bottom:10px;
     background:rgba(0,0,0,.65);
     color:#fff;
     font-size:16px;
     font-weight:700;
     line-height:1;
     padding:6px 10px;
     border-radius:6px
    }
    .product-price.with-offer {
     font-size:14px;
     font-weight:400
    }
    .product-overlay {
     position:absolute;
     top:0;
     left:0;
     right:0;
     width:100%;
     height:100%;
     padding-top:100px;
     background:rgba(0,0,0,.5);
     color:#fff;
     text-align:center;
     opacity:0;
    }
    .product:hover .product-overlay {
     opacity:1
    }
    .product-info {
     padding:10px
    }
    .product-meta {
     overflow:hidden;
     word-break:break-all;
     text-overflow:ellipsis;
     white-space:nowrap;
     margin-bottom:10px
    }
    .product-meta .title {
     font-size:14px;
     font-weight:500
    }


    .switch {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 26px;
        margin: 0;
        vertical-align: middle;
    }
    .switch.sm {
     width:20px;
     height:13px
    }
    .switch input {
     display:none
    }

    .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #171531;
        transition: .4s;
        box-shadow: 0 1px 3px rgb(0 0 0 / 5%) inset;
    }

    .moon .switch .slider {
        background-color: #171531;
        box-shadow: 0 1px 3px rgb(0 0 0 / 70%) inset;
    }

    .switch .slider:before {
        position: absolute;
        content: "";
        height: 22px;
        width: 20px;
        left: 2px;
        bottom: 2px;
        background-color: #ffffff;
        transition: .4s;
        box-shadow: 0 1px 1px rgb(0 0 0 / 8%);
    }
    
    .moon .switch .slider:before {
        height: 21px;
        left: 3px;
        background-color: #d0d1de;
        box-shadow: 0 1px 1px rgb(0 0 0 / 40%);
    }

    .switch.sm .slider:before {
     height:13px;
     width:13px;
     left:2px;
     bottom:2px
    }

    .switch input:checked+.slider {
        background-color: #cdd6e5;
        box-shadow: 0 1px 3px rgb(0 0 0 / 5%) inset;
    }

    .moon .switch input:checked+.slider {
        background-color:#3c2268;
        background-color: #2c2c63;
        box-shadow: 0 1px 3px rgb(0 0 0 / 55%) inset;
    }
    .switch input:focus+.slider {
     box-shadow:0 0 1px #2196f3
    }
    .switch input:checked+.slider:before {
     transform:translateX(16px)
    }
    .switch.sm input:checked+.slider:before {
     transform:translateX(13px)
    }
    .switch .slider.round {
        border-radius: 3px;
    }
    .switch .slider.round:before {
     border-radius:3px
    }
    .button-label {
     display:inline-block;
     padding:1em 2em;
     margin:.5em;
     cursor:pointer;
     color:#6c6c6c;
     border-radius:6px;
     box-shadow:0 0 0 1px #e6e6e6;
     min-width:115px
    }
    
    .button-label-image {
     display:block;
     padding:5px;
     margin:0;
     width:100%;
     height:100%;
     box-shadow:none;
     cursor:pointer;
     border-radius:2px
    }
    .button-label .icon {
     display:flex;
     align-items:center;
     justify-content:center;
     background:#f3f3f3;
     height:60px;
     width:60px;
     margin:0 auto;
     border-radius:50%;
     opacity:.75;
     filter:grayscale(1)
    }
    .button-label .icon img {
     width:32px;
     height:32px
    }
    .button-label-image img {
     width:100%;
     height:100%;
     border-radius:2px
    }
    .button-label .title {
     font-weight:500;
     font-size:14px;
     margin-top:15px;
     text-transform:capitalize;
     text-align:center
    }
    .button-label-image:hover,
    .button-label:hover {
     box-shadow:0 0 0 2px rgba(51,103,214,.65)
    }
    .input-label:checked+.button-label,
    .input-label:checked+.button-label-image {
     box-shadow:0 0 0 2px rgba(51,103,214,.65)
    }
    .input-label:checked+.button-label .icon {
     filter:grayscale(0);
     opacity:1
    }
    .btn-social,
    .btn-social-icon {
     white-space:nowrap;
     overflow:hidden;
     text-overflow:ellipsis
    }
    
    .btn-social {
     position:relative;
     padding-left:44px;
     text-align:left
    }
    .btn-social>:first-child {
     position:absolute;
     left:0;
     top:0;
     bottom:0;
     width:32px;
     line-height:34px;
     font-size:1.6em;
     text-align:center;
     border-right:1px solid rgba(0,0,0,.2)
    }
    .btn-social.btn-lg {
     padding-left:61px
    }
    .btn-social.btn-lg>:first-child {
     line-height:45px;
     width:45px;
     font-size:1.8em
    }
    .btn-social.btn-sm {
     padding-left:38px
    }
    .btn-social.btn-sm>:first-child {
     line-height:28px;
     width:28px;
     font-size:1.4em
    }
    .btn-social.btn-xs {
     padding-left:30px
    }
    .btn-social.btn-xs>:first-child {
     line-height:20px;
     width:20px;
     font-size:1.2em
    }
    .btn-social-icon {
        position: relative;
        text-align: left;
        height: 34px;
        width: 34px;
        padding: 0;
        border-radius: 40px !important;
    }
    .btn-social-icon>:first-child {
     position:absolute;
     left:0;
     top:0;
     bottom:0;
     line-height:34px;
     font-size:1.6em
    }
    .btn-social-icon.btn-lg>:first-child {
     line-height:45px;
     width:45px;
     font-size:1.8em
    }
    .btn-social-icon.btn-sm>:first-child {
        line-height: 31px;
        width: 28px;
        font-size: 1.4em;
    }
    .btn-social-icon.btn-xs>:first-child {
     line-height:20px;
     width:20px;
     font-size:1.2em
    }
    .btn-social-icon>:first-child {
     border:none;
     text-align:center;
     width:100%!important
    }
    .btn-social-icon.btn-lg {
     height:45px;
     width:45px;
     padding-left:0;
     padding-right:0
    }
    .btn-social-icon.btn-sm {
        height: 30px;
        width: 30px;
        padding-left: 0;
        padding-right: 0;
        display: inline-block;
        color: #ffffff;
        background: #5b27ed;
    }
    
    .ml0 {
     margin-left:0!important
    }
    .mr0 {
     margin-right:0!important
    }
    .mlr0 {
     margin-left:0!important;
     margin-right:0!important
    }
    .mt0 {
     margin-top:0!important
    }
    .mb0 {
     margin-bottom:0!important
    }
    .mtb0 {
     margin-top:0!important;
     margin-bottom:0!important
    }
    .ml5 {
     margin-left:5px!important
    }
    .mr5 {
     margin-right:5px!important
    }
    .mlr5 {
     margin-left:5px!important;
     margin-right:5px!important
    }
    .mt5 {
     margin-top:5px!important
    }
    .mb5 {
     margin-bottom:5px;
    }
    .mtb5 {
     margin-top:5px!important;
     margin-bottom:5px!important
    }
    .ml10 {
     margin-left:10px!important
    }
    .mr10 {
     margin-right:10px!important
    }
    .mlr10 {
     margin-left:10px!important;
     margin-right:10px!important
    }
    .mt10 {
     margin-top:10px!important
    }
    .mb10 {
     margin-bottom:10px!important
    }
    .mtb10 {
     margin-top:10px!important;
     margin-bottom:10px!important
    }
    .ml15 {
     margin-left:15px!important
    }
    .mr15 {
     margin-right:15px!important
    }
    .mlr15 {
     margin-left:15px!important;
     margin-right:15px!important
    }
    .mt15 {
     margin-top:15px!important
    }
    .mb15 {
     margin-bottom:15px!important
    }
    .mtb15 {
     margin-top:15px!important;
     margin-bottom:15px!important
    }
    .ml20 {
     margin-left:20px!important
    }
    .mr20 {
     margin-right:20px!important
    }
    .mlr20 {
     margin-left:20px!important;
     margin-right:20px!important
    }
    .mt20 {
     margin-top:20px!important
    }
    .mb20 {
     margin-bottom:20px!important
    }
    .mtb20 {
     margin-top:20px!important;
     margin-bottom:20px!important
    }
    .ml25 {
     margin-left:25px!important
    }
    .mr25 {
     margin-right:25px!important
    }
    .mlr25 {
     margin-left:25px!important;
     margin-right:25px!important
    }
    .mt25 {
     margin-top:25px!important
    }
    .mb25 {
     margin-bottom:25px!important
    }
    .mtb25 {
     margin-top:25px!important;
     margin-bottom:25px!important
    }
    .ml30 {
     margin-left:30px!important
    }
    .mr30 {
     margin-right:30px!important
    }
    .mlr30 {
     margin-left:30px!important;
     margin-right:30px!important
    }
    .mt30 {
     margin-top:30px!important
    }
    .mb30 {
     margin-bottom:30px!important
    }
    .mtb30 {
     margin-top:30px!important;
     margin-bottom:30px!important
    }
    .pl0 {
     padding-left:0!important
    }
    .pr0 {
     padding-right:0!important
    }
    .plr0 {
     padding-left:0!important;
     padding-right:0!important
    }
    .pt0 {
     padding-top:0!important
    }
    .pb0 {
     padding-bottom:0!important
    }
    .ptb0 {
     padding-top:0!important;
     padding-bottom:0!important
    }
    .pl5 {
     padding-left:5px!important
    }
    .pr5 {
     padding-right:5px!important
    }
    .plr5 {
     padding-left:5px!important;
     padding-right:5px!important
    }
    .pt5 {
     padding-top:5px!important
    }
    .pb5 {
     padding-bottom:5px!important
    }
    .ptb5 {
     padding-top:5px!important;
     padding-bottom:5px!important
    }
    .pl10 {
     padding-left:10px!important
    }
    .pr10 {
     padding-right:10px!important
    }
    .plr10 {
     padding-left:10px!important;
     padding-right:10px!important
    }
    .pt10 {
     padding-top:10px!important
    }
    .pb10 {
     padding-bottom:10px!important
    }
    .ptb10 {
     padding-top:10px!important;
     padding-bottom:10px!important
    }
    .pl15 {
     padding-left:15px!important
    }
    .pr15 {
     padding-right:15px!important
    }
    .plr15 {
     padding-left:15px!important;
     padding-right:15px!important
    }
    .pt15 {
     padding-top:15px!important
    }
    .pb15 {
     padding-bottom:15px!important
    }
    .ptb15 {
     padding-top:15px!important;
     padding-bottom:15px!important
    }
    .pl20 {
     padding-left:20px!important
    }
    .pr20 {
     padding-right:20px!important
    }
    .plr20 {
     padding-left:20px!important;
     padding-right:20px!important
    }
    .pt20 {
     padding-top:20px!important
    }
    .pb20 {
     padding-bottom:20px!important
    }
    .ptb20 {
     padding-top:20px!important;
     padding-bottom:20px!important
    }
    .pl25 {
     padding-left:25px!important
    }
    .pr25 {
     padding-right:25px!important
    }
    .plr25 {
     padding-left:25px!important;
     padding-right:25px!important
    }
    .pt25 {
     padding-top:25px!important
    }
    .pb25 {
     padding-bottom:25px!important
    }
    .ptb25 {
     padding-top:25px!important;
     padding-bottom:25px!important
    }
    .pl30 {
     padding-left:30px!important
    }
    .pr30 {
     padding-right:30px!important
    }
    .plr30 {
     padding-left:30px!important;
     padding-right:30px!important
    }
    .pt30 {
     padding-top:30px!important
    }
    .pb30 {
     padding-bottom:30px!important
    }
    .ptb30 {
     padding-top:30px!important;
     padding-bottom:30px!important
    }
    .text-link {
     color:var(--link-color);
     cursor:pointer;
    }
    .text-md {
     font-size:1.1em;
     line-height:1.6
    }
    .text-lg {
     font-size:1.2em;
     line-height:1.7
    }
    .text-xlg {
     font-size:1.3em;
     line-height:1.8em
    }
    .text-xxlg {
     font-size:2.3em;
     font-weight:700
    }
    .text-with-list ul {
     list-style-type:disc;
     padding-inline-start:40px
    }
    .red {
     color:#f24462
    }
    .green {
     color:#4cd44c
    }
    .yellow {
     color:#ebba16
    }
    .unselectable {
     user-select:none
    }
    .pointer {
     cursor:pointer
    }
    .vertical-align-top {
     vertical-align:top
    }
    .vertical-align-middle {
     vertical-align:middle
    }
    .vertical-align-bottom {
     vertical-align:bottom
    }
    .x-notifier {
     background:#ffffcd!important
    }
    
    .x-hidden {
     display:none
    }
    .x-blured {
     overflow:hidden
    }
    .x-blured .album-cover,
    .x-blured .js_lightbox {
     filter:blur(10px)
    }
    
    .floatright, .float-right, .fr {
        float: right;
    }
    .floatleft, .float-left, .fl {
        float: left;
    }
    
    .hz {
        position: fixed;
        width: 933px;
        z-index: 9999999;
        top: 0px;
        width: 100%;
        margin: 0px 0%;
        background: #0d0f1af2;
        left: 0;
        right: 208px;
        display: none;
        height: 100%; 
        overflow-y: auto;
    }

    /* .hz {
        position: absolute;
        width: 933px;
        z-index: 99999997;
        top: 0px;
        box-shadow: 0 1px 11px rgb(0 0 0 / 67%);
        width: 100%;
        margin: 0px 0%;
        background: #0d0f1af2;
        left: 0;
        right: 208px;
        display: none;
        overflow: hidden;
        height: 100%;
        padding: 10px 0 100px;
} */

.nav2 .hz, .nav9 .hz {
    display: inline-block;
}


.hz.xpa0 #postsgrid {
        /* transform: translateX(0); */
        max-width: 26%;
}

    .fs16 { 
        font-size: 16px;
        font-weight: 900;
        font-family: inherit;
        color: #fff;
        background: rebeccapurple;
        height: 38px;
        padding: 1px 8px 3px 11px;
        border-radius: 2px 13px 2px 13px;
        margin: 1px 0 0 0px;
        background: rgba(0, 0, 0, 0) linear-gradient(149deg, #455195, #492e84, rgb(110, 56, 154), #e161b5) repeat scroll 0 0;
        width: 118px;
    }

    .moon .fs16 {
        background: transparent;
    }

.hz > h3 {
    font-size: 48px;
    font-weight: bold;
    font-family: system-ui;
    color: #FFF;
    margin: 130px 10px 0px;
    width: 94%;
}

.hz > dir {
    color: #FFF;
    max-width: 67%;
    font-size: 18px;
    margin: 0 13px;
    display: none;
}

.hz > dir b {
    color: #9b7ce4;
    border-bottom: 2px dashed;
    cursor: pointer;
    text-transform: capitalize;
}

.hz > dir b:hover {
    color: #FFFFFF;
}

.npk .hz > dir {
    display:block;
}

    .fuploader {
        width: 300px;
        overflow: hidden;
        display: inline-block;
        vertical-align: middle;
    }

    .fuploader input[type="file"] {
        width: 175px;
        margin-left: -84px;
        box-shadow: 0 1px 4px rgb(0 0 0 / 30%) inset;
        font-size: 12px;
        padding: 2px;
        background: #0000001a;
        border-radius: 3px;
        color: #495379;
        cursor: pointer;
    }

    #catuploader .btn {
        margin: 0px 0 5px;
    }

    #catuploader li {
        margin: 0px 0 10px;
        border-bottom: 1px solid #ffffff08;
        padding-bottom: 7px;
    }

    #catuploader li p {
        display: inline-block;
        color: #78b77d;
    }

    #catuploader li b {
        font-size: 15px;
        font-weight: 100;
        color: #b8bccc;
    }

    .fuploader input[type="submit"]{
        padding: auto;
    }
    
    .horizon {
        width: auto;
        border-radius: 3px;
        height: 100%;
        position: relative;
        vertical-align: middle;
        float: inherit;
        margin-left: 60px;
        margin-top: 6px;
    }

    #postsgrid {
        z-index: 9;
        position: absolute;
        width: 100%;
        display: none;
        max-width: 15%;
        margin-left: 0px;
        color: #63666d;
        right: 0;
        background: #f5f6f7;
        min-height: 700px;
        top: 79px;
        font-size: 12px;
        height: 100%;
        box-shadow: 0 1px 20px #00000044;
    }

    .nav2 #postsgrid {
        display: inline-block;
    }

    .moon #postsgrid {
        color: #d1d1d1;
        background: #191b26;
    }

    #bottommenu b {
        margin: 0 0 16px 0px;
        padding: 5px 13px 6px 10px;
        height: 26px;
        display: none;
        cursor: pointer;
        background: rgba(0, 0, 0, 0) linear-gradient(149deg, #455195, #492e84, rgb(110, 56, 154), #e161b5) repeat scroll 0 0;
        color: #FFF;
        border-radius: 4px;
        width: auto;
        font-weight: bold;
        float: none;
        position: absolute;
        bottom: 76px;
        right: 19px;
        font-size: 11px;
    }

    .nav2 #bottommenu b {
        display: block;
    }

    .npk.nav2 #bottommenu b, .npk.nav2 #postsgrid {
        display: none;
    }

    #bottommenu b:hover {
        opacity: 0.9;
    } 

    #bottommenu b:before {
        vertical-align: middle;
        margin-top: -4px;
    }

    #postsgrid input {
        padding: 7px 10px 5px 0px;
        max-width: 91%;
        text-indent: 8px;
        height: auto;
        margin-left: 5px;
        background: #ffffff !important;
        margin-bottom: 7px;
    }

    .moon #postsgrid input {
        background: #121318 !important;
    }



    .trash-icon {
        width: 22px;
        border-radius: 20px;
        height: 22px;
        float: right;
        margin-right: 1px;
        position: absolute;
        right: 0;
        opacity: 0.1;
    }

    .markedli li:hover .trash-icon {
        opacity: 1;
    }

    #postsgrid section {
        margin-left: 0px;
        margin-top: 6px;
    }
    
    .timevline {
        position: absolute;
        width: 3px !important;
        background: #f99aac70;
        margin-left: 2px !important;
    }
    
    .horizonheader {
        background: rgba(0, 0, 0, 0) linear-gradient(149deg, #373268, #492e84, rgb(110, 56, 154), #e161b5) repeat scroll 0 0;
        color: #e2e4ea;
        padding: 5px 0%;
        border-radius: 2px;
        box-shadow: 0 2px 0 rgb(0 0 0 / 10%);
        position: relative;
        z-index: 3;
        width: 100%;
        text-indent: 10px;
        display: inline-block;
    }
    
    .horizonheader a {
        color: #c2c4da;
        padding: 2px 8px 2px 8px;
        vertical-align: bottom;
    }
    
    .hzmenu {
        color: #e2e4ea;
        width: 100%;
        z-index: 88;
    }



    .hzmenu nav {
        color: #ffffff;
        position: relative;
        width: 66px;
        float: right;
        position: fixed;
        margin-top: 0px;
        margin-left: 0px;
        border-radius: 3px;
        overflow: hidden;
        right: 11px;
        z-index: 9999999999999999;
        bottom: 108px;
    }
     
    
    .hzmenu nav s {
        font-size: 11px;
        margin-left: 0px;
        padding: 4px 3px 4px 2px;
        cursor: pointer;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 100%;
        position: relative;
        display: block;
        text-align: center;
        border-radius: 4px;
        color: #262626;
        border-radius: 4px 13px 4px 13px;
    }

    .moon .hzmenu nav s { 
        color: #fafaff;
        text-shadow: 0 0 4px #00000088;
        border-radius: 4px;
    }

    .hzmenu nav .two205 {
        display: none;
    }



    .hzmenu nav s:before {
        font-size: 40px;
        height: 42px;
        margin-right: 0;
        display: block;
    }

    .hzmenu nav s:hover, .rot5 .calendar146, .rot6 .dart13, .rot7 .safety6, .rot2 .shopping109, .rot4 .two205 {
        color: #9b7ce4;
        color: #6606bc;
    }

    .moon .hzmenu nav s:hover, .moon .rot5 .calendar146, .moon .rot6 .dart13, .moon .rot7 .safety6, .moon .rot2 .shopping109, .moon .rot4 .two205 {
        color: #9b7ce4;
    }
    

    
    .hzmenu nav s b {
        position: absolute;
        left: 20px;
        font-size: 12px;
        top: 19px;
        text-shadow: none;
        color: #4c2c77 !important;
    }
    
    .hzmenu nav s:hover b, .hzmenu nav s.active b {
        color: #68d574;
        color: #d56868;
    }
    
    .hzmenu input {
        color: #FFF;
        border-radius: 2px;
        padding: 4px 6px 4px;
        vertical-align: text-top;
        margin-top: 0px;
    }
    
    .hzmenu b, .hzmenu s {
        color: #c2c4da;
        padding: 0px 8px 6px 8px;
        vertical-align: sub;
        font-size: 13px;
        display: inline-block;
        cursor: pointer;
        margin-left: 50px;
    }
    
    .hzmenu b:hover, .horizonheader b:hover {
        color: #FFF;
        background: #ffffff0d;
    }
    
    .hzmenu b, .horizonheader b {
        color: #9599ca7a;
        display: inline;
    }
    
    .horizon.week {
        width: 33%;
        display: inline-block;
    }
    
    
    .horizon div {
            width: 100%;
    }
    
    .horizon ul {
        margin: 2px auto 0px;
        list-style: outside none none;
        padding: 0;
    }
    
    .horizon ul li {
        background: rgb(165 175 227 / 3%);
        margin-bottom: 3px;
        height: 18px;
        position: relative;
        border-top: 0px solid #ffffff2e;
    }

    .horizon ul li:hover {
        /* background-color: #FFFFFF; */
        box-shadow: 0px 0px 0px #e9e9ef;
        z-index:5;
    }

    .horizon ul li:hover input {
        color: #7c63f1 !important;
    }

    .moon .horizon ul li:hover {
        box-shadow: none;
    }
    
    .horizontal {
        padding-bottom: 5px;
    }
    
    .horizontal span {
        border-radius: 3px;
        height: 9px;
        width: 4.16%;
        display: inline-block;
        vertical-align: bottom;
        color: #f4f3fb;
        font-size: 8px;
        text-align: center;
    }
    

    .week .horizontal span {
        transform: rotatez(-90deg);
    }
    
    
    .horizon li b {
        position: absolute;
        color: #a7a8cd;
        font-size: 11px;
        font-weight: 100;
        margin-top: 1px;
    }

    .moon .horizon li b {
        color: #454659;
    }

    .horizon li:hover b {
        color: #dde8f2;
    }
    
    
    
    .horizon ul li.dd {
        background: #00000013;
        box-shadow: 0 -1px 0px #13131d62;
    }
    
    .horizon ul li.dd:hover {
        background: #00000022;
    }
    
    .horizon ul li.dd.fd {
        box-shadow: 0 2px 5px rgba(0,0,0,0.26) inset;
    }
    
    .horizon ul li.dd.fd i {
        box-shadow: 0 3px 2px rgba(0,0,0,0.56) inset;
    }
    
    .horizon ul li.dd.ld {
        box-shadow: 0 -1px 0px rgb(32 26 84 / 47%), 0 -2px 4px rgba(0,0,0,0.18) inset;
    }
    
.horizon ul li.dd.hd {
    background: rgb(77 89 148 / 1%);
}
    
    .horizon ul li.dd.hd:hover {
        background: #6260730f;
    }
    
    .horizon .p0 {
        background: #e4ffcf;
        color: #142507;
    }
    
    .horizon .p1 {
        background: #f1d6ff;
        text-align: center;
        border-radius: 2px;
        color: #2b061b;
        font-size: 11px;
    }
    
    .horizon .p2 {
        background: #faffcf;
        text-align: center;
        border-radius: 2px;
        color: #23211d;
        font-size: 11px;
    }
    
    .horizon .p3 {
        background: #e0f0ff;
        text-align: center;
        border-radius: 2px;
        color: #0b1023;
        font-size: 11px;
    }
    
    
    .horizon li.dd b {
        color: #bfc6d5;
        font-size: 11px;
        background: #11142629;
        margin-top: 2px;
        padding: 0 5px;
        border-radius: 2px;
        margin-left: 5px;
    }
    
    .horizon .grid i, .horizon ul li i {
        background: #cacedb;
        border-radius: 1px;
        height: 18px;
        width: 4.16%;
        display: inline-block;
        vertical-align: bottom;
        position: absolute;
        cursor: pointer;
        color: #0d0f14;
        font-size: 11px;
        text-align: center;
        box-shadow: 0 1px 4px rgb(0 0 0 / 16%);
        padding: 1px 0 0;
        overflow: hidden;
        font-weight: bold;
    }
    

    
    .l100 {
        margin-left: 10%;
    }
    
    .l200 {
        margin-left: 20%;
    }
    
    .l300 {
        margin-left: 30%;
    }
    
    .l400 {
        margin-left: 40%;
    }
    
    .l500 {
        margin-left: 50%;
    }
    
    .l600 {
        margin-left: 60%;
    }
    
    .l700 {
        margin-left: 70%;
    }
    
    .l800 {
        margin-left: 80%;
    }
    
    .l900 {
        margin-left: 90%;
    }
    
    .l1000 {
        margin-left: 100%;
    }
    
    .w25 {
        width: 2.5% !important;
    }
    
    .w50 {
        width: 5% !important;
    }
    
    .w75 {
        width: 7.5% !important;
    }
    
    .w100 {
        width: 10% !important;
    }
    
    .w200 {
        width: 20% !important;
    }
    
    .w300 {
        width: 30% !important;
    }
    
    .w400 {
        width: 40% !important;
    }
    
    .w500 {
        width: 50% !important;
    }
    
    .w600 {
        width: 60% !important;
    }
    
    .w700 {
        width: 70% !important;
    }
    
    .w800 {
        width: 80% !important;
    }
    
    .w900 {
        width: 90% !important;
    }
    
    .w1000 {
        width: 100% !important;
    }
    
    .grid {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    
    .grid em {
        height: 100%;
        display: inline-block;
        width: 4.16%;
        margin-left: 0;
        border: 0;
    }
    
    
    .chat {
        width: 262px;
        height: 300px;
        display: none;
        position: fixed;
        right: 50px;
        bottom: 22px;
        background: #FFF;
        border: 0px solid #c0cdd9;
        box-shadow: 0 1px 4px rgba(0,0,0,0.2);
        z-index: 1000;
        border-radius: 2px 2px 0px 0px;
    }
    
    .scrollable {
        flex: 1 1 auto;
        border-top: 1px solid #eee;
        margin: 0 0 0.5em 0;
        overflow-y: auto;
        background: #f1f3f5;
        height: 220px;
        padding: 7px;
        overflow-y: scroll;
    }
    
    .ciboxhead {
        background: #4c2c8b;
        padding: 2px 8px 4px;
        color: #d1dbe4;
        border-radius: 2px 2px 0 0;
        font-weight: bold;
        text-align: left;
        font-size: 14px;
    }
    
    .cibox .fa-times {
        text-align: center;
        display: block;
        padding: 3px 4px;
        color: #756fa9;
        font-size: 18px;
        cursor: pointer;
        float: right;
    }
    
    input:focus {
        outline: none;
    }
    
    .user {
        text-align: right;
    }
    
    .cibox input {
        border: 0px solid;
        width: 200px !important;
        margin: 0;
        font-size: 11px;
        font-family: Tahoma;
        color: #424b54;
        float: left;
        text-indent: 5px;
        height: 20px !important;
        box-shadow: none !important;
    }
    
    .cibox span {
        display: block;
        padding: 5px 10px;
        background: #FFF;
        border-bottom: 2px solid #e1e4e8;
        border-radius: 4px 4px 4px 0;
        text-align: left;
        font-size: 11px;
        margin-left: 2px;
        max-width: 65%;
        margin-bottom: 10px;
    }
    
    span.user  {
        background: #d6e7f7;
        border-bottom: 2px solid #c9daf1;
        margin-left: 50%;
        border-radius: 4px 4px 0px 4px;
    }
    


    .leftsidebar li:hover {
        color: #161622;
        background: #ffffff1f;
    }
    
    .moon .leftsidebar li:hover {
        color: #e1e2e3;
        background-color: #131626;
    }

    .logo::after {
        background: #f10101 none repeat scroll 0 0;
        border-radius: 2px;
        color: #fff9e8;
        content: ".red";
        display: inline-block;
        font-size: 11px;
        padding: 1px 0px 2px 3px;
        position: absolute;
        right: -28px;
        line-height: 1;
        top: 10px;
        width: 24px;
    }
    
    .dn {
        display: none;
    }
    
    .db {
        display: block;
    }
    
    .dib {
        display: inline-block;
    }
    
    .vmiddle {
        vertical-align: middle;
    }
    
    .tasktrees {
        padding-left: 0px;
        position: relative;
        box-shadow: 10px 11px 13px #22222244;
    }

    .tasktrees h5 {
        padding: 7px 16px 10px;
        display: block;
        background: #6a3798;
        padding: 5px 13px 7px;
        display: block;
        background: rgba(0, 0, 0, 0) linear-gradient(149deg, #455195, #492e84, rgb(110, 56, 154), #e161b5) repeat scroll 0 0;
        font-size: 14px;
        width: 100%;
        margin: 0;
        color: #ffffff;
    }

    .tasktrees ol tt {
        padding: 7px 13px 12px;
        display: block;
    }

    .tasktrees ol {
        position: absolute;
        left: 222%;
        width: 200%;
        padding: 0;
        margin: -1px 0 0;
        background: #FFFFFF;
        box-shadow: 8px 9px 12px rgb(0 0 0 / 30%);
        z-index: 2;
        border-radius: 4px;
        overflow: hidden;
    }

.tasktrees ol li {
    display: block;
    padding-left: 13px;
    background: #FFF;
    cursor: pointer;
    padding: 6px 10px 7px;
    font-size: 11px;
}

.tasktrees ol li p {
    float: right;
    font-family: monospace;
    font-size: 12px;
}

.tasktrees ol li q {
    font-weight: bold;
    font-size: 12px;
    margin-left: 5px;
    font-family: monospace;
}

    .moon .tasktrees {
        background: #131626;
    }

    .tasktrees ul.options ul {
        box-shadow: 13px 11px 16px #22222244, 6px 0px 0px #dddde5 inset;
        padding: 0;
        margin: 0;
        left: 0;
        max-height: 1000px;
        min-width: 130px;
        border-radius: 0 4px 4px 0px;
        background: #FFFFFF;
        border: 0;
        width: auto;
    }

    
    .tasktrees ul {
        padding: 0.2em 0 0 0.2em;
        margin: 0 0 0 0px;
        list-style: none;
        color: #13181d;
    }
    
    .tasktrees li {
        padding: 3px 0 4px;
        border-top: 1px dashed #706e8b21;
        display: none;
        background: #0e0e2638;
        line-height: 18px;
        border-top: 1px solid #706e8b14;
    }


    .tasktrees li.active {
        box-shadow: -1px 2px 3px #262654bf, 0px -13px 0px rgb(0 0 0 / 13%) inset;
        margin-left: -4px;
        color: #e1e2e3 !important;
        border-radius: 3px;
        background: linear-gradient(93deg, #21284c 0%, #4d468d 11%, #4d236c 61%, #ff176d 97%, #b9245b 100%);
        z-index: 2;
        position: relative;
    }



    .tasktrees dir {
        display: inline-block;
        margin: 0;
        padding: 3px 3px 8px;
        cursor: pointer;
        border-bottom: 1px solid #e2e8ed;
        width: 100%;
        font-size: 12px;
        border-radius: 0px;
        background: #f6f5fe;
    }

    .tasktrees dir:hover {
        background: #fbfbfe;
        color: #222222;
    }

    .moon .tasktrees dir {
        border-bottom: 1px solid #131c25;
        color: #adb1bf;
        background: #131626;
    }

    .moon .tasktrees dir:hover {
        color: #FFFFFF;
    }

    .tasktrees ul.expanded li {
        display: block;
        margin-left: -4px;
        padding: 5px 0 6px 4px;
        font-weight: normal;
        background-color: #ffffff;
        transition: none;
        font-size: 11px;
        border-top: 1px solid #706e8b0a;
    }

    .tasktrees ul.expanded li:hover {
        background-color: #f3f3f6;
        color: #000000;
    }

    .moon .tasktrees ul.expanded li {
        border-left: 1px dashed #ffffff13;
        background-color: rgba(0,0,0,0.2);
    }

    .moon .tasktrees ul.expanded li:hover {
        color: #bbbbc7;
    }

    .moon .tasktrees ul, .moon #tasktreesroot {
        border-bottom: 1px solid #f6f6f60a;
        color: #babec7;
        border-top: 1px solid #f6f6f600;
        box-shadow: 23px 0 0 #15182c inset;
        background: transparent;
    }  

    .moon .posts-filter select {
        background-color: #0e1020 !important;
    }

    .tasktrees ul, #tasktreesroot {
        padding: 0px 0 7px 4px;
        cursor: pointer;
        font-size: 13px;
        width: 100%;
        display: inline-block;
        margin-bottom: 0px;
        border-top: 1px solid #f6f6f638;
        box-shadow: 23px 0 0 #fff inset;
        background-color: #ffffff24;
        border-radius: 2px 2px;
        background: rgba(0, 0, 0, 0) linear-gradient(90deg, #ffffff, #ffffff66, #e161b500) repeat scroll 0 0;
        font-weight: bold;
    }

    .tasktrees .all {
        color: #ffffff;
        margin-left: 5px;
        cursor: pointer;
        border-bottom: 1px dashed #ffffff;
        padding: 0 0px;
    }

    .tasktrees .close {
        margin-right: 3px !important;
        background-size: 18px;
    }

    .tasktrees .all.active, .tasktrees .all:hover {
        color: #f9c3ff;
        border-bottom: 1px dashed #f66fff;
    }

    .moon .tasktrees .all.active, .moon .tasktrees .all:hover {
        color: #9ea9c0;
    }
    
    .tasktrees ul:hover {
        color: #2e66fa;
    }

    .tasktrees ul li {
        color: #191c20;
    }

    .tasktrees ul ul li::after {
        content: "\e047";
        font-family: "Si";
        font-size: 18px;
        position: absolute;
        right: 9px;
    }

    .moon .tasktrees ul:hover {
        color: #eee9f3;
    }

    .moon .tasktrees ul li {
        color: #4f5769;
    }
    
    
    .tasktrees .done {
        text-decoration: line-through;
        color: #92f18c;
    }
    
    .tasktrees label {
        padding: 0 0 0 1.5em;
        font-style: normal;
        background: 0 0.1em no-repeat;
        background-size: 1em 1em;
        cursor: pointer;
    }
    
    .tasktrees label input {
        position: absolute;
        left: 2px;
        margin-top: 1px;
        opacity: 0;
        cursor: pointer;
    }
    
    .tasktrees label:hover input {
        opacity: 1;
    }

    .tasktrees span {
        padding: 4px 0 5px 5px;
        font-size: 12px;
        margin-bottom: 0px;
        margin-top: 0px;
        border-bottom: 1px solid #070c270f;
        display: block;
        font-weight: bold;
        background: rgba(0, 0, 0, 0) linear-gradient(149deg, #455195, #492e84, rgb(110, 56, 154), #e161b5) repeat scroll 0 0;
        border-radius: 2px;
        color: #FFF;
    }

    .tasktrees ul.options.p1 ul li {
        color: #131314;
        margin: 0px 0px 0px;
        font-weight: normal;
        background: no-repeat;
        display: block;
        border-radius: 0;
        border: 0;
        height: auto;
        padding: 6px 7px 8px 13px;
        border-bottom: 1px solid #4a4d5712;
        font-size: 11px;
        min-width: 180px;
    }

    .moon .tasktrees ul.options.p1 ul li {
        color: #adb1bf;
        box-shadow: none;
    }

    .moon .tasktrees ul.options.p1 ul li:hover, .moon .tasktrees ul.options.p1 ul li.active {
        background: #131626 !important;
    }

    .moon .tasktrees ul.options ul {
        box-shadow: 13px 11px 16px #06050aab, 8px 0px 0px #202332 inset;
        background: #0b0d16;
    }
    
    

    .moon .tasktrees span {
        border-bottom: 1px solid #2e334c3b;
        background: rgba(0, 0, 0, 0) linear-gradient(149deg, #15182c, #15182cd9, #e161b500) repeat scroll 0 0;
        padding: 4px 0 5px 6px;
        color: #7f8292;
    }

    .tasktrees ul.expanded {
        background: #e8ebf0 !important;
        background: #9ba3b922 !important;
        border-top: 0px solid #252a3c0f;
        padding-bottom: 0px;
        color: #3b5999;
        color: #2f374a;
        font-weight: bold;
        box-shadow: 0px 28px 0px #ffffff00 inset, 24px 0px 0px #ffffff4a inset;
        text-indent: 2px;
    }

    .moon .tasktrees ul.expanded {
        background: #0f121ed9 !important;
        color: #b98be9;
        box-shadow: 0px 28px 0px #ffffff00 inset, 28px 0px 0px #ffffff05 inset, 0px 0px 0px #ffffff0d inset;
    }

    .prodcat {
        padding: 10px 7px 4px;
        margin: 5px -10px 0 -10px;
        background: #decee9;
        border-radius: 8px;
        position: relative;
        z-index: 3;
        box-shadow: 0 2px 0 #967cb7;
    }

    .moon .prodcat {
        padding: 8px 7px 2px;
        margin: 5px -10px 0 -10px;
        border-radius: 8px;
        position: relative;
        z-index: 3;
        box-shadow: 0 2px 0 #928aad;
    }


    .prodcat q:hover, .p28 .p28, .p23 .p23, .p29 .p29, .p14 .p14, .p27 .p27, .p19 .p19, .p16 .p16, .p22 .p22, .p20 .p20, .prodsubcat b.a {
        background: rgba(0, 0, 0, 0) linear-gradient(149deg, #b72f9f, #26056e, rgb(81 42 151), #2e0f74) repeat scroll 0 0 !important;
        color: #ffffff;
        box-shadow: 0 2px 1px rgba(0, 0, 0, 0.13), 0 17px 13px #ffffff12 inset;
        position: relative;
    }

    .p28 dir.p28, .p23 dir.p23, .p29 dir.p29, .p14 dir.p14, .p27 dir.p27, .p19 dir.p19, .p16 dir.p16, .p22 dir.p22, .p20 dir.p20 {
        background: #e9e9ef !important;
        color: #353c4b;
        font-weight: bold;
    }

    .moon .p28 dir.p28, .moon .p23 dir.p23, .moon .p29 dir.p29, .moon .p14 dir.p14, .moon .p27 dir.p27, .moon .p19 dir.p19, .moon .p16 dir.p16, .moon .p22 dir.p22, .moon .p20 dir.p20 {
        color: #FFFFFF;
        background: #131626 !important;
    }

    .prodcat .p23 {
        white-space: normal;
    }
    
    

    .prodcat q {
        color: #262328;
        max-width: 136px;
        display: inline-block;
        vertical-align: text-top;
        padding: 3px 15px 0 2px;
        font-size: 12px;
        white-space: break-spaces;
        box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1), 0 17px 13px #ffffff inset;
        height: 37px;
        cursor: pointer;
        margin: 0px 4px 7px 2px;
        border-radius: 8px;
        background: #f4f1f7;
        line-height: 1.2;
        text-align: center;
    }
    
    .moon .prodcat q {
        max-width: 136px;
        display: inline-block;
        vertical-align: text-top;
        padding: 3px 15px 0 6px;
        font-size: 12px;
        white-space: break-spaces;
        height: 38px;
        cursor: pointer;
        margin: 0px 4px 7px 0;
        border-radius: 30px;
        background: #f4f1f7;
        line-height: 1.2;
        text-align: center;
    }

    .prodcat q::first-letter {
        font-size: 19px;
        float: left;
        width: 40px;
        margin-left: 4px;
        margin-right: -2px;
        margin-top: 1px;
    }

    .prodsubcat {
        padding: 23px 4px 6px;
        background: #ac88c8;
        background: #b196c7;
        border-radius: 8px;
        margin: -15px -4px 0;
        position: relative;
        z-index: 2;
        box-shadow: 0 2px 0 #5d5072;
    }

    .moon .prodsubcat {
        padding: 22px 4px 5px;
        background: #b196c7;
        border-radius: 8px;
        margin: -15px -4px 0;
        position: relative;
        z-index: 2;
        box-shadow: 0 2px 0 #644b8d;
    }

    .prodsubcat.sub {
        background: #755493;
        z-index: 1;
        box-shadow: 0 1px 0 #3f2e53;
        margin: -15px 4px 0;
        background: #8A68A8;
    }

    .moon .prodsubcat.sub {
        background: #775c99;
        z-index: 1;
        box-shadow: 0 1px 0 #3c3267;
        margin: -15px 4px 0;
    }

    .prodsubcat b {
        color: #2a262e;
        font-size: 11px;
        padding: 4px 5px 3px 3px;
        cursor: pointer;
        width: 130px;
        display: inline-block;
        vertical-align: text-top;
        height: 37px;
        border-radius: 8px;
        background: #dbd1e5;
        margin: 2px 4px 3px;
        box-shadow: 0 2px 0 #00000013, 0 22px 13px #ffffffa1 inset;
        font-weight: normal;
        line-height: 1.2;
    }

    .moon .prodsubcat b {
        font-size: 11px;
        padding: 4px 5px 3px 8px;
        cursor: pointer;
        width: 125px;
        display: inline-block;
        vertical-align: text-top;
        height: 37px;
        border-radius: 30px;
        background: #dedae7;
        margin: 2px 2px 3px;
    }

    .prodsubcat b::first-letter {
        font-size: 20px;
        float: left;
        width: 40px;
        margin-left: 3px;
        margin-right: 2px;
        margin-top: 1px;
    }

    .prodcat b:hover {
        background: #0f121ed9;
    }

    .prodsubcat b:hover, .prodsubcat b.a {
        background: #FFFFFF;
    }
    
    .nrttoolbar button {
        background-color: transparent;
        border: 0;
        height: 32px;
        vertical-align: top;
        cursor: pointer;
        color: #a9b1c7;
        padding: 15px 17px;
        text-align: center;
        background-position: center;
        background-repeat: no-repeat;
    }

    .nrttoolbar button {
        width: 17px;
        height: 17px;
        display: inline-block;
        background-size: 16px;
        filter: invert(29%) sepia(81%) saturate(2878%) hue-rotate(232deg) brightness(203%) contrast(45%);
    }

    .nrttoolbar button::before {
        content: " ";
        opacity: 0;
    }

    .nrttoolbar button::before {
        content: attr(class);
        position: absolute;
        margin-top: 16px;
        margin-left: -49%;
        text-transform: capitalize;
        background: #00000008;
        padding: 3px 5px;
        border-radius: 4px;
        filter: invert(29%) sepia(82%) saturate(2878%) hue-rotate(250deg) brightness(141%) contrast(130%);
    }

    .moon .nrttoolbar button::before {
        background: #ffffff13;  
    }

    .nrttoolbar button:hover::before {
        opacity: 1;
    }

    .nrttoolbar button:hover, button.nrttoolbar-selected, .ol .listol, .ul .listul, .pre .code, .b .bold, .i .italic, .u .underline, .h1 .heading, .h2 .h2, .h3 .h3, .h4 .h4, .blockquote .quote, .strike .strikethrough {
        filter: invert(29%) sepia(82%) saturate(2878%) hue-rotate(234deg) brightness(141%) contrast(130%);
        background-color: #0b14180f;
        border-radius: 3px 3px;
    }

.nrttoolbar {
    padding: 0px 13%;
    height: 30px;
    margin-bottom: 5px;
    background: #f5f6f7;
    z-index: 9;
    position: relative;
    margin-top: 2px;
}
    
    .moon .nrttoolbar {  
        background: #191b26;
    }
     
    :focus {
        outline: none;
    }
    
.xp-content {
    display: block;
    padding: 13px 26px 220px;
    border-top: 0px solid #1a1e3a;
    font-size: 13px;
    min-height: 600px;
    /* max-height: 700px; */
    margin: 0px;
    border-radius: 4px;
    font-family: system-ui;
    background: #ffffff;
    color: #383944;
    line-height: 1.3;
    overflow: auto;
    height: 100%;
    display: inline-block;
    width: 74%;
    margin: 0 13%;
}

    .moon .xp-content {
        background: #11121a;
        color: #cccdd3;
    }

    #xpcontent img {
        max-width: 97%;
    }

    .xpsidebar {
        position: absolute;
        top: 80px;
        left: 6px;
        color: #0f1115;
        width: 11%;
        overflow: hidden;
        background: #f5f6f7;
        opacity: 0.4;
        z-index: 22;
        display: none;
        padding: 0px 0 0 5px;
    }


    .moon .xpsidebar {
        color: #d1d1d1;
        background: #181a25;
    }

    .xpsidebar:hover {
        width: auto;
        max-width: 260px;
        box-shadow: 10px 0 0 #00000013;
        opacity: 1;
        min-width: 12.3%;
        background: #f5f6f7;
    }

    .moon .xpsidebar:hover {
        box-shadow: 10px 0 0 #11121a;
        background: #191b26;
    }

    .xpsidebar li {
        margin: 10px 0;
        max-height: 17px;
        overflow: hidden;
        cursor: pointer;
        font-size: 12px;
        white-space: nowrap;
        padding-right: 13px;
    }

    .xpsidebar li:first-child {
        margin-top: 0;
    }

    .xpsidebar .th2, .xpsidebar .th1 {
        padding-left: 0px;
        font-weight: bold;
        color: #1e1a1a;
        font-family: system-ui;
    }

    .moon .xpsidebar .th2, .moon .xpsidebar .th1 {
        color: #FFF;
    }

    .xpsidebar .th2 {
        padding-left: 5px;
    }

    .xpsidebar li:hover {
        color: #5c2ad1;
    }

    .moon .xpsidebar li:hover {
        color: #ae86ff;
    }
    

    .xpsidebar .th3 {
        padding-left: 10px;
    }

    .xpsidebar .th4 {
        padding-left: 15px;
    }

    i.h2, button.heading::after,  button.h2::after, i.h3, button.h3::after, i.h4, button.h4::after {
        position: absolute;
        font-weight: bold;
        color: #ff1515;
        opacity: 1;
        filter: none !important;
        right: 2px;
        font-size: 11px;
    }

    button.heading::after {
        content:"1";
    }

    button.h2::after {
        content:"2";
    }

    button.h3::after {
        content:"3";
    }
    button.h4::after {
        content:"4";
    }


    #xpcontent ul {
        margin: 10px 0;
        padding: 0 26px;
        list-style: disc;
        vertical-align: top;
    }

    #xpcontent ol {
        margin: 10px 0;
        padding: 0 26px;
        vertical-align: top;
    }

    #xpcontent ul li, #xpcontent ol li {
        margin: 5px 0;
    }
    
    

    #xpcontent pre {
        background: #090a0d;
        margin: 5px 18px 5px 0;
        padding: 12px 20px;
        vertical-align: top;
        border: none;
        color: #95a4b9;
    }

    #xpcontent pre b {
        color: #FFFFFF;
    }

    #xpcontent pre i {
        color: #308330;
        font-style: normal;
    }
 

    .xp-content b, .xp-content u, .xp-content i, .xp-content u, .xp-content s, .xp-content strike, .xp-content h {
        color: #1e1a1a;
        font-family: system-ui;
    }

    .moon .xp-content b, .moon .xp-content u, .moon .xp-content i, .moon .xp-content u, .moon .xp-content s, .moon .xp-content strike, .moon .xp-content h1 {
        color: #ffffff;
        font-family: system-ui;
    }

    .xp-content u { 
        text-decoration: underline;
    }

    .xp-content i {
        font-style: italic;
    }
    
    .xp-content p {
        margin: 5px 0;
    }
    
    .container {
        max-width: 100%;
        margin: 0 auto;
        padding-top: 0px;
        padding-right: 0px;
    }
    
    .col-lg-10 {
        flex: 0 0 60%;
        max-width: 76%;
        width: 100%;
        padding-left: 0px;
        margin-top: 0px;
    }


    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    
    .col-lg-8 {
        -ms-flex: 0 0 65.63%;
        flex: 0 0 65.63%;
        max-width: 65.63%;
        width: 100%;
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        float: right;
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }


    
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-lg-2.active {
        margin-right: -18%;
        max-width: 34%;
        width: 300px;
        flex: 0 0 34%;
        z-index: 9999;
    }
    
    .row {
        display: -ms-flexbox;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 0;
        margin-left: 0;
    }
    
    .geoopt {
        position: relative;
        line-height: normal;
        background: #f7f7f8;
        padding: 12px 3.6% 6px;
        border-radius: 3px;
        margin: 10px -3.5% 5px;
        width: 108%;
        box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1) inset;
    }
        
    .moon .addavatar .geoopt {
        background: #0202100f;
        padding: 15px 22px 10px;
    }

    .moon .adddos .geoopt {
        background: #0202100f;
    }

    .geoopt ul {
        position: relative !important;
        background: #f4f4f6;
        margin: 4px 0 4px -13px;
        padding: 3px 11px 2px;
        border-radius: 3px;
        border: 1px solid #eaebf1;
    }

    .moon .addavatar .geoopt ul, .moon .adddos .geoopt ul  {
        border: 1px solid #0c0f198c;
        background: #131526;
    }

.geoopt li {
    display: inline-block;
    margin: 2px 4px 3px 0;
    border: 1px solid #00000012;
    padding: 3px 7px 4px;
    border-radius: 3px;
    cursor: pointer;
    color: #333;
    background: #FFF;
    font-size: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-bottom: 1px solid #00000033;
}

.geoopt li.h3 {
    background: none;
    border: none;
    box-shadow: none;
    padding: 3px 0px 3px 3px;
}

.moon .addavatar .geoopt li, .moon .adddos .geoopt li {
    border: 1px solid #2a304e75;
    color: #8089a3;
    background: #1d203c91;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.geoopt li:hover {
    color: #2e66fa;
}

.moon .geoopt li:hover {
    color: #c1c8e8;
    border: 1px solid #4a46b1;
    background: #2f336e;
}

.geoopt li.a {
    background: #e7f0ff;
    color: #000;
    box-shadow: 0 1px 5px rgb(0 0 0 / 22%);
    border: 1px solid #88b7ff;
}

.xnotes {
    color: #fbfcff;
    position: absolute;
    z-index: 2;
    padding: 0 0 10px;
    top: 5px;
    left: 0;
    border-bottom: 0px solid #ffffff8f;
    padding: 0;
}

.nav2 .xnotes {
    display: inline-block;
}

    
input.xpinput, #xpeditor footer select {
    border-color: #ddd;
    border-color: #2f375f;
    border-radius: 3px;
    padding: 5px 9px 5px;
    height: 28px;
    font-size: 14px;
    color: #21242a;
    margin: 5px 0px 5px -5px;
}

.moon input.xpinput, .moon #xpeditor footer select {
    color: #f3f3f3;
    box-shadow: 0 1px 3px #00000018 inset, 0 -1px 0px rgb(0 0 0 / 9%);
    background-color: #080c1cbd;
}

#xptitle {
    min-width: 525px;
    background: #ffffff !important;
}

.moon #xptitle {
    background: #11121a !important;
}


    
#xpeditor {
    position: absolute;
    z-index: 1;
    background: #f5f6f7;
    top: -10px;
    left: 0px;
    margin: 10px auto 0;
    opacity: 0;
    width: 100%;
    display: none;
    border-radius: 0px;
    max-height: 100%;
    bottom: 0; 
}


.moon #xpeditor {
    background: #191b26;
}

.xpa1 #xpeditor {
    z-index: 2;
    opacity: 1;
    display: inline-block;
}

.xpa1 #postsgrid {
    box-shadow: none;
}

.xpa1 .xpsidebar {
    display: inline-block;
}

#xpeditor small {
    color: #fbfcff;
    position: absolute;
    z-index: 2;
    box-shadow: 0px 1px 11px rgb(0 0 0 / 90%);
    padding: 8px 10px 10px;
    top: 124px;
    background: #FFF;
    width: 540px;
    left: 174px;
    background: #191b26;
    font-size: 16px;
    cursor: pointer;
    display: none;
    border-radius: 4px;
}

#xpeditor.emo small { 
    display: block;
}

#xpeditor small button {
    width: 26px;
    height: 25px;
    display: inline-block;
    vertical-align: bottom;
    font-size: 18px;
    color: #FFF;
}

#xpeditor small button:hover {
    font-size: 22px;
}
  

    #xpeditor input[type="number"] {
        max-width: 38px;
        margin: 5px 5px 2px;
        padding: 0 4px;
    }
 
    #xpeditor .dining4 {
        margin-left: -5px;
    }

    #xpeditor input[type=date] {
        font-size: 14px;
        padding: 7px 5px;
        margin: 7px 0 4px;
        cursor: pointer;
        background: #FFF;
        box-shadow: 0 1px 3px #00000023 inset, 0 -1px 0px rgb(0 0 0 / 13%);
        height: 28px;
    }
    

    
    
    .xpeditorhead i {
        padding: 11px 10px;
        display: inline-block;
        height: 38px;
        cursor: pointer;
        position: relative;
        font-size: 19px;
        vertical-align: bottom;
        color: #c5cde0;
        border-radius: 3px;
    }
    
    .xpeditorhead i b {
        position: absolute;
        color: #4c2c77;
        left: 14px;
        font-size: 12px;
        top: 14px;
    }
    
    
    .xpeditorhead i:hover, .xpeditorhead i:focus {
        color: #ffffff;
        background-color: rgba(255, 255, 255, 0.04);
        filter: invert(29%) sepia(82%) saturate(2878%) hue-rotate(234deg) brightness(141%) contrast(130%);
        opacity: 1; 
    } 
    
    .xpeditorhead i:hover b { 
        color: #d56868;
    }
    
    #usersearch {
        position: absolute;
        left: 4px;
        top: 4px;
        background: rgb(31 34 48);
        border-radius: 2px;
        padding: 2px 3px 1px;
        color: #cfcbd8;
        width: 84px;
        font-size: 12px;
    }

    #usersearch::placeholder {
        color: #60658d;
        font-size: 11px;
    }
    
    ::placeholder {
        color:#b1b9ca;
        opacity: 1;
        text-transform: capitalize;
    }





.sender-info {
    font-size: 12px;
    display: inline-block;
    background: rgba(255,255,255,0.1);
    margin-bottom: 6px;
    padding: 3px 6px 4px;
    border-radius: 2px;
    margin-left: 90px;
    color: #ffffffcc;
    margin-right: 22px;
    line-height: 1.3;
}

.sender-info i {
    font-size: 10px;
    color:rgba(255,255,255,0.2);
}

.tar {
    text-align: right;
}

.tal {
    text-align: left;
}

#chat-pane {
    position: absolute;
    z-index: 2;
    background: #293046;
    padding-left: 24px;
    padding: 0px 0px 9px 11px;
    top: 0px;
    right: 0;
    width: 360px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 13%);
    border-radius: 0 0 3px 3px;
}

#chat-messages {
    width: 350px;
    max-height: 300px;
    display: inline-block;
    overflow-y: scroll;
    overflow-x: hidden;
    min-height: 143px;
    padding-top: 8px;
}


#chat-messages .tal, #chat-messages .tar {
    display: block;
}

#chat-messages .tal div {
    background: #483b6c;
    margin-right: 100px;
    margin-left: 15px;
}

#chat-title {
    display: inline-block;
    background: #20273e;
    margin-bottom: 10px;
    padding: 3px 0px 7px;
    width: 100%;
    text-indent: 12px;
    margin: 0 -7px;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 40%);
}

#chat-input {
    margin-left: 14px;
    width: 292px;
    height: 40px;
}

#chat-send {
    padding: 12px 14px 12px 12px;
    height: 41px;
}

.remote-video {
    min-width: 116px;
    border-radius: 3px;
}

#top-menu {
    display: block;
    padding: 0px 0px 5px 6px;
    text-align: left;
}

#options {
    text-align: center;
    width: 76%;
    margin: 0 auto 20px;
    display: none;
}

#top-menu b {
    font-size: 16px;
}

#top-menu button {
    border: 0;
    padding: 7px 6px;
    color: #66698c;
    font-size: 12px;
    cursor: pointer;
    background: no-repeat;
}

#top-menu button.cog {
    float:right;
    margin: 9px;
}

#room .close {
    float: right;
    filter: invert(1);
    margin: 5px 2px 10px 0px !important;
    padding-right: 14px;
    height: 30px;
    width: 33px;
}

.toolbox button, .room-comm button {
    background: rgba(0,0,0,0.2);
    border: 0;
    padding: 7px 11px;
    color: #9599ca;
    font-size: 16px;
    cursor: pointer;
}

.toolbox button:hover, .room-comm button:hover, #top-menu button:hover {
    color: #FFF;
}

#xstreamer {
    position: absolute;
    width: 100%;
    left: 0px;
    z-index: 2;
    background: rgb(29 26 60 / 98%);
    padding: 0 15px 4px;
    border-radius: 4px;
    top: 0px;
    box-shadow: 0 1px 6px rgb(0 0 0 / 60%);
    padding-right: 219px;
}

#xstreamer .container-fluid {
    display: inline-block;
}

#selfview {
    width: 49%;
    display: inline-block;
}

#inputs {
    width: 100%;
    display: inline-block;
}



#onlineusers {
    position: absolute;
    left: -100px;
    top: 10px;
    font-size: 12px;
    text-align: right;
}


#xstreamer nav {
    position: relative;
    top: 7px;
    right: 0;
    width: 100%;
    z-index: 3;
}

.mutedbage {
    display: inline;
    color: white;
    background-color: #de0046;
    padding: 3px;
    margin: 3px;
    border-radius: 2px;
    padding: 2px 6px 2px 2px;
    font-size: 12px;
}

#bottom-menu button, #controlsAudio button {
    background: rgba(0,0,0,0.2);
    border: 0;
    padding: 10px 19px;
    color: #9599ca;
    font-size: 32px;
    cursor: pointer;
    border-radius: 3px;
    margin-bottom: 12px;
}

#bottom-menu button:hover, #controlsAudio button:hover {
    color: #FFF;
}

#emptyroom {
    width: 100%;
    margin: 60px auto;
    position: relative;
}


.hhlogin p {
    width: 100%;
    margin: 5px 0;
    display: inline-block;
}

.hhlogin select {
    display: inline-block;
    margin: 10px 0 0;
    max-width: 130px;
}

.smalllogo {
    margin-right: 0px; 
    display: inline-block; 
    height: 48px; 
    width: 66px;
    background-position: 0px 0px;
}

#enterroom {
    margin-bottom: 10px;
    height: auto;
}

.hz .btn {
    padding: 15px 40px;
    height: auto;
}

#roommenu {
    text-align: center;
    width: 96%;
}

#welcometext {
    margin-bottom: 15px;
}

#controlsAudio {
    margin: 20px 0 0px;
}

#inputs #username, #inputs #roomname {
    margin: 1px 0 8px 0;
    background: #e8f0fe;
    border-color: #2b1f50;
    color: #171631;
    width: 152px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 60%) inset;
}

#inputs #clear {
    display: none;
}

#custom-audio-controls {
    text-align: left;
    max-width: 200px;
    margin: 0 auto;
}

#currentAudioDevice {
    display: inline-block;
    max-width: 160px;
    margin: 0px 10px;
    vertical-align: top;
}

#mystream {
    max-height: 200px;
    max-width: 130px;
    position: absolute;
    margin-top: 5px;
    margin-right: 13px;
    box-shadow: 0 1px 5px rgb(0 0 0 / 40%);
    right: 0;
}
 
#mystream i {
    position: absolute;
    color: #FFF;
    bottom: 3px;
    z-index: 2;
    padding: 10px;
    background: rgba(0,0,0,0.5);
    border-radius: 4px;
    cursor: pointer;
    left: 50%;
    opacity: 0.4;
}

#mystream i:hover {
    background: rgba(0,0,0,0.2);
    opacity: 1;
}

#mystream i.fa-video-slash {
    margin-left: -36px;
}

#mystream i.fa-video-slash.muteC {
    color: #ff2c2c;
    opacity: 1;
}

#mystream i.fa-microphone-alt-slash {
    margin-left: 2px;
}

#mystream i.fa-microphone-alt-slash.muteM {
    color: #ff2c2c;
    opacity: 1;
}

#me {
    max-width: 130px;
    transform: rotateY(180deg);
    max-height: 200px;
    max-width: 130px;
    border-radius: 4px;
    overflow: hidden;
}

#remoteVideo {
    display: none !important;
}

#room {
    position: absolute;
    top: 66px;
    left: 13px;
    z-index: 99999999;
    display: none;
    justify-content: flex-end;
    width: 50%;
    background: #101319;
    color: #e2e5e9;
    padding: 7px 13px 15px;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0 1px 26px rgb(0 0 0 / 80%);
    box-shadow: 0 5px 24px #555aff55;
}

#room.roomenter { 
    display: inline-block; 
}

#room textarea {
    display: inline-block;
    background: #02020214;
    border-radius: 4px;
    border: 1px solid #00000026;
    box-shadow: 0 1px 3px #00000013 inset;
    color: #a6accb;
    padding: 10px 13px;
    width: 90%;
    margin: 10px 0;
    min-height: 90px;
}

#room hr {
    border-width: 0px;
    border-bottom: 1px solid #ffffff08;
    border-top: 1px solid #0000002e;
}

#grid {
    display: inline-block;
}

#mates {
    max-height: 217px;
    display: block;
    float: left;
}

#mates video {
    transform: rotateY(180deg);
    max-width: 400px;
    display: inline-block;
    max-height: 200px;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgb(0 0 0 / 30%);
    margin-left: 10px;
    margin-top: 5px;
}


#chat {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: inline-block;
    z-index: 999999;
    background: none;
    padding: 6px 6px 6px;
    right: 0;
    overflow-y: auto;
    border-bottom: 0px solid #FFF;
    min-height: 0;
    max-width: 220px;
    height: auto;
    max-height: 100%;
    left: auto;
    box-shadow: none;
    text-align: right;
    overflow-x: hidden;
}

#onlineusersHeader {
    color: #77ad82;
    display: inline-block;
    text-decoration: none;
    padding: 4px;
    cursor: pointer;
}


#chat p.right {
    background: none;
    display: inline-block;
    background: #e0f9c4ba;
    color: #151c20;
    margin-left: 40px;
}

#chat .right em {
    color: #628569;
}



#roomapp {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999999999;
    padding: 6px 10px 3px;
    right: 0;
    overflow-y: auto;
    border-bottom: 48px solid #f6f7f9;
    min-height: 63px;
    max-width: 220px;
    height: 100%;
    max-height: 100%;
    left: auto;
    background: #f6f7f9;
    display: none;
}

#roomapp .close {
    margin: 2px;
    right: 3px;
    position: relative;
}

.nav3 #roomapp { 
    display: inline-block;
}

.msgIpt {
    width: 161px;
    box-shadow: none !important;
    padding: 6px 0.4rem !important;
    height: 30px !important;
    background: #ffffff !important;
    color: #131313 !important;
    border-radius: 13px !important;
    text-indent: 5px !important;
}


#chat .right b {
    color: #131313;
    display: none;
}

#chat b {
    color: #131313;
    margin: 0 3px 0px 0;
}

#chat b.author {
    display:none;
}

#chat em {
    color: #b0c0d7;
    font-size: 9px;
        font-size: 10px;
        white-space: nowrap;
        position: absolute;
        right: 10px;
        bottom: -13px;
}

#chatinput {
    position: fixed;
    width: auto;
    bottom: 0px;
    left: auto;
    padding: 10px 0;
    z-index: 99;
    right: 7px;
}

#chattitle {
    top: 0;
    font-size: 11px;
    color: inherit;
    width: 220px;
    height: auto;
    position: fixed;
    bottom: auto;
    z-index: 9;
    right: 0;
    min-height: 60px;
    z-index: 9999999;
    padding: 3px 6px;
    background: #f6f7f9;
    line-height: 1.4;
}

#chat p {
    margin: 2px 0 13px;
    font-size: 12px;
    line-break: anywhere;
    line-break: auto;
    display: table;
    background: #ffffff;
    padding: 7px 10px;
    border-radius: 8px;
    line-height: 1.33;
    max-width: 80%;
    text-align: left;
    position: relative;
    box-shadow: 0 -1px 0 #00000009 inset;
}

.moon #roomapp {
    background: #0c0f13;
    border-bottom: 51px solid #0c0f13;
    background-image: none;
}

.moon #chatinput {
    background: none;
    box-shadow: 10px 0 0 #29304600;
}

.moon #msgIpt {
    background: #11141a !important;
    color: #fff !important;
}

.moon #chat p {
    color: #717a94;
    background: #191b26;
}

.moon #chat p.right {
    background: #11141a;
}

.moon #chat button {
    background: #20273e;
}

.moon #chat em {
    color: rgba(255,255,255,0.2);
} 

.moon #chat b {
    color: #8d97b8;
}

.moon #chattitle {
    position: fixed;
    top: 0px;
    right: 0px;
    font-size: 11px;
    color: #e2e4e6;
    background: #13172c;
    background: #101319;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 40%);
}



.top-widget-toolbox {
    width: 80px;
    white-space: nowrap;
    background: #171531;
    position: relative;
    border-radius: 4px;
}

.remote-widget {
    display: inline-block;
    margin: 10px 10px;
}

.remote-widget .fas {
    font-size: 17px;
    cursor: pointer;
    padding: 6px 8px 7px;
    color: #9599ca;
}

.remote-widget .fas:hover {
    color:#e2e5e9;
}

.imuted .talker {
    color: red !important;
}

.v-user {
    position: relative;
    margin: 3px 0;
}

.imuted .widget-talker::after {
    content: "MUTED";
    position: absolute;
    background: #d42828;
    padding: 1px 3px 1px;
    font-size: 10px;
    border-radius: 2px;
    right: 0px;
    color: #FFF;
    top: 64px;
}

#roomname {
    margin-top: 10px;
    padding: 4px 7px;
    height: 30px;
    max-width: 140px;
}

#pass {
    display: block;
    margin: 10px auto 0;
}

.map-marker {
    margin-top: -16px;
    margin-left: -6px;
}

.map-marker {
    background: none;
    border-radius: 5px;
    padding: 2px;
    width: 32px !important;
    font-size: 21px;
    height: 33px !important;
    line-height: 30px;
    margin-top: -56px !important;
    margin-left: -14px !important;
}

.moon .map-marker {
    filter: invert(73%) sepia(3%) saturate(238%) hue-rotate(148deg) brightness(143%) contrast(127%) !important;
}

.map-marker:hover {
    margin-top: -62px !important;
}

.map-marker::before, .lcn::before {
    content: " ";
    width: 29px;
    height: 40px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI2U3NGMzYyIgZD0iTTEyIDBhOCA4IDAgMCAwLTcgMTJsNyAxMiA3LTEyYTggOCAwIDAgMC03LTEyem0wIDRhNCA0IDAgMSAxIDAgOCA0IDQgMCAwIDEgMC04eiIvPjxwYXRoIGZpbGw9IiNjMDM5MmIiIGQ9Ik0xMiAzYTUgNSAwIDEgMCAwIDEwIDUgNSAwIDAgMCAwLTEwem0wIDJhMyAzIDAgMSAxIDAgNiAzIDMgMCAwIDEgMC02eiIvPjwvc3ZnPg==);
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -40px;
    background-position: center 0;
}

.dlvr {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iODAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0iI0VGQzc1RSIgZD0ibTIwIDM1IDMwLTE1IDMwIDE1djJMNTAgNTIgMjAgMzd2LTJ6Ii8+PHBhdGggZmlsbD0iI0U3QkY1NSIgZD0ibTIwIDM1IDMwIDE1IDMwLTE1djMwTDQ5LjkgODBsLTMwLTE1VjM1eiIvPjxwYXRoIGZpbGw9IiNEQkI1NTEiIGQ9Ik01MCA4MFY1MEwyMCAzNXYzMGwyOS45IDE1eiIvPjxwYXRoIGZpbGw9IiNGMUQ5OTkiIGQ9Ik02MiA0NHY4LjhsMi43LjIgMS43LTIgMS42LjJWNDF6Ii8+PHBhdGggZmlsbD0iI0Y3RTNBRiIgZD0ibTMyIDI5IDMwLjUgMTUuM0w2OCA0MSAzOCAyNnoiLz48cGF0aCBmaWxsPSIjRjJGMkYyIiBkPSJtNDQgNjMuMS0xMC01Yy0uNi0uMy0xIDAtMSAuOFY2NWMwIC43LjQgMS41IDEgMS44bDEwIDVjLjUuMyAxIDAgMS0uOFY2NWMwLS43LS41LTEuNS0xLTEuOHptLTIuNSA1LTYtM2MtLjMtLjEtLjUtLjUtLjUtLjlzLjItLjUuNS0uM2w2IDNjLjMuMS41LjUuNS45cy0uMi41LS41LjN6bTEtMi03LTMuNWMtLjMtLjEtLjUtLjUtLjUtLjlzLjItLjUuNS0uM2w3IDMuNWMuMy4xLjUuNS41LjkgMCAuMy0uMi41LS41LjN6Ii8+PC9zdmc+);
    padding-left: 20px;
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: -4px -4px;
}

.heart {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDgwIiBoZWlnaHQ9IjEwODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InRyYW5zcGFyZW50Ii8+PGc+PGcgdHJhbnNmb3JtPSJtYXRyaXgoNC44MyAwIDAgNC44MyA1MzkuODggNTM5Ljg5KSIgY2xpcC1wYXRoPSJ1cmwoI2EpIj48Y2xpcFBhdGggaWQ9ImEiPjxyZWN0IHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLjEzKSIgeD0iLTEyIiB5PSItMTIiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+PC9jbGlwUGF0aD48cGF0aCB2ZWN0b3ItZWZmZWN0PSJub24tc2NhbGluZy1zdHJva2UiIGQ9Ik0tNC41LTkuNjNjMyAwIDQuNSAyIDQuNSAyczEuNS0yIDQuNS0yYzMuNSAwIDYgMi43NDk5OSA2IDYuMjUgMCA0LTMuMjY4OSA3LjU2NTctNi4yNSAxMC4yNUMyLjQwOTUgOC41MjcyIDEgOS42MiAwIDkuNjJzLTIuNDQ5NDktMS4xMDExLTQuMjUtMi43NUMtNy4xODA1MSA0LjE4NjItMTAuNS42Mi0xMC41LTMuMzhjMC0zLjUwMDAxIDIuNS02LjI1IDYtNi4yNVoiIGZpbGw9IiNmMjQ0NjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCg0LjgzIDAgMCA0LjgzIDU0Mi4wNjg5IDU1NC4zMDM3KSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48Y2xpcFBhdGggaWQ9ImIiPjxyZWN0IHRyYW5zZm9ybT0idHJhbnNsYXRlKC0uNDUgLTIuODcpIiB4PSItMTIiIHk9Ii0xMiIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48L2NsaXBQYXRoPjxwYXRoIHZlY3Rvci1lZmZlY3Q9Im5vbi1zY2FsaW5nLXN0cm9rZSIgZD0iTS0xMC4wNDgyMS0yLjY3MDJDLTguODYwOTgtLjE3MzQtNi42OTA4IDIuMDU2OS00LjcwMDExIDMuODgtMi44OTk2IDUuNTI4OS0xLjQ1MDEgNi42My0uNDUwMSA2LjYzYzEgMCAyLjQwOTUtMS4wOTI4IDQuMjUtMi43NSAyLjk4MTEtMi42ODQzIDYuMjUtNi4yNSA2LjI1LTEwLjI1MDAzIDAtLjA4NzM5LS4wMDE2LS4xNzQzMS0uMDA0Ny0uMjYwNzRDOC4xMTcxLTEuMjA4MSAxLjIyODcgMy42My0uNyAzLjYzYy0xLjQzNzMgMC02LjEzOTEzLTIuNjg2OS05LjM0ODIxLTYuMzAwMloiIGZpbGw9IiNmMjQ0NjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L2c+PC9zdmc+);
    padding-left: 20px;
    background-size: 386px !important;
    background-repeat: no-repeat;
    background-position: 49.8% 53% !important;
}

.bag1, .bag2 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzI5OTQwMCI+PHBhdGggZD0iTTggMmMwLS42LjQtMSAxLTFoNmExIDEgMCAxIDEgMCAyaC0xdjJoMmMyIDAgMyAxIDMgM3Y5YTMgMyAwIDAgMS0zIDN2MS41aC0zVjIwaC0ydjEuNUg4VjIwYy0yIDAtMy0xLTMtM1Y4YTMgMyAwIDAgMSAzLTNoMlYzSDlhMSAxIDAgMCAxLTEtMVptMyAzaDJWM2gtMnYyWm02IDUtMS0xLTYgNS0yLTItMSAyIDMgMyA3LTdaIi8+PC9zdmc+);
    padding-left: 15px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: -3px -1px;
    height: 18px;
    display: inline-block;
}

.bag2 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iY3VycmVudENvbG9yIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTggMmExIDEgMCAwIDEgMS0xaDZhMSAxIDAgMSAxIDAgMmgtMXYyaDJjMiAwIDMgMSAzIDN2OWEzIDMgMCAwIDEtMyAzdjFoLTN2LTFoLTJ2MUg4di0xYy0yIDAtMy0xLTMtM1Y4YTMgMyAwIDAgMSAzLTNoMlYzSDlhMSAxIDAgMCAxLTEtMXptMyAzaDJWM2gtMnYyem0xIDdMOSA5bC0xIDEgMyAzLTMgMyAxIDEgMy0zIDMgMyAxLTEtMy0zIDMtMy0xLTEtMyAzeiIvPjwvc3ZnPg==);
}

.working {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzhDNTU0MyIgZD0iTTIgMTVoMjh2MTNhMiAyIDAgMCAxLTIgMkg0YTIgMiAwIDAgMS0yLTJWMTVaIi8+PHBhdGggZmlsbD0iIzZENDUzNCIgZD0iTTExLjEgOUg0YTIgMiAwIDAgMC0yIDJ2NGE0IDQgMCAwIDAgNCA0aDIwYTQgNCAwIDAgMCA0LTR2LTRhMiAyIDAgMCAwLTItMmgtNy4xYTUgNSAwIDAgMC05LjggMFptMiAwYTMgMyAwIDAgMSA1LjcgMGgtNS42WiIvPjxwYXRoIGZpbGw9IiNEMzg4M0UiIGQ9Im0xMyAxOSAzLTEgMyAxdjJjMCAuNi0uNCAxLTEgMWgtNGExIDEgMCAwIDEtMS0xdi0yWiIvPjxwYXRoIGZpbGw9IiNFMTk3NDciIGQ9Ik0xMyAxOGMwLS42LjQtMSAxLTFoNGMuNiAwIDEgLjQgMSAxdjFoLTZ2LTFaIi8+PC9zdmc+);
    padding-left: 20px;
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: -4px -4px;
}

.shopping {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0Y5QzIzQyIgZD0iTTI4LjYgMzBIMTYuNGMtLjcgMC0xLjQtLjYtMS40LTEuNFYxNS40YzAtLjguNi0xLjQgMS40LTEuNGgxMi4yYy44IDAgMS40LjYgMS40IDEuNHYxMy4yYzAgLjgtLjYgMS40LTEuNCAxLjRaIi8+PHBhdGggZmlsbD0iI0ZGNjcyMyIgZD0iTTE3LjYgMTZjLjIgMCAuNS4zLjUuNXYyLjdjMCAyIDEuOSAzLjggNC40IDMuOCAyLjYgMCA0LjUtMS43IDQuNS0zLjh2LTIuN2EuNS41IDAgMCAxIDEgMHYyLjdjMCAyLjctMi41IDQuOC01LjUgNC44LTIuOSAwLTUuNC0yLTUuNC00Ljh2LTIuN2MwLS4yLjItLjUuNS0uNVoiLz48cGF0aCBmaWxsPSIjMDBBNkVEIiBkPSJNMTguMSAyOEgzLjdjLTEgMC0xLjctLjgtMS43LTEuOFY5LjdDMiA4LjcgMi44IDggMy43IDhoMTQuNGMxIDAgMS44LjggMS44IDEuN3YxNi41YzAgMS0uOCAxLjgtMS44IDEuOFoiLz48cGF0aCBmaWxsPSIjMDA3NEJBIiBkPSJNMTEgMkM3LjcgMiA1IDQuNCA1IDcuNHYzLjFhLjUuNSAwIDAgMCAxIDB2LTNDNiA1IDguMiAzIDExIDNzNSAyIDUgNC40djMuMWEuNS41IDAgMCAwIDEgMHYtM0MxNyA0LjMgMTQuMyAyIDExIDJaTTIgMTQuN2gxNy45VjE3SDJ2LTIuM1ptMCA0LjVoMTcuOXYyLjNIMnYtMi4zWm0xNy45IDQuNUgyVjI2aDE3Ljl2LTIuM1oiLz48L3N2Zz4=);
    padding-left: 20px;
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: -4px -4px;
}

.living {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzdENDUzMyIgZD0iTTEwIDI0SDh2NGgydi00WiIvPjxwYXRoIGZpbGw9IiMwMEQyNkEiIGQ9Ik0xNSAxOC43Yy40LS4yLjYtLjMuNy0uNWwuMi0xdi0uN2EzIDMgMCAwIDAtMy0zLjFjMC0xLjktMS41LTMuNC0zLjMtMy40YTMuNCAzLjQgMCAwIDAtMy40IDMuNCAzIDMgMCAwIDAtMyAzdi43YzAgLjYuMSAxLjIuNCAxLjdBMy4zIDMuMyAwIDAgMCA1LjIgMjVoOC42YzEuNyAwIDMuMi0xLjUgMy4yLTMuMyAwLTEuNC0uOC0yLjUtMi0zWiIvPjxwYXRoIGZpbGw9IiNGM0MwN0IiIGQ9Ik05IDI4aDE4VjE1LjVMMTggN2wtNSA0LjNWNy40YzAtLjItLjItLjQtLjQtLjRoLTIuMmMtLjIgMC0uNC4yLS40LjR2Ni40bC0xIC45VjI4WiIvPjxwYXRoIGZpbGw9IiM4QzU1NDMiIGQ9Ik0xOCAyOGgtNnYtOWMwLS42LjUtMS4xIDEtMS4xaDRjLjUgMCAxIC41IDEgMS4xdjlaIi8+PHBhdGggZmlsbD0iIzQwMkEzMiIgZD0iTTE2LjUgMjRhLjUuNSAwIDEgMCAwLTEgLjUuNSAwIDAgMCAwIDFaIi8+PHBhdGggZmlsbD0iI0QzRDNEMyIgZD0iTTE4LjIgMjloLTYuNGMtLjQgMC0uOC0uNS0uOC0xcy40LTEgLjgtMWg2LjRjLjQgMCAuOC41LjggMXMtLjQgMS0uOCAxWiIvPjxwYXRoIGZpbGw9IiNGODMxMkYiIGQ9Ik0yOS4yIDE2LjYgMTguNyA2LjNhMSAxIDAgMCAwLTEuNCAwTDYuOCAxNi42YTEgMSAwIDAgMCAwIDEuNGMuNC40IDEgLjQgMS40IDBMMTggOC40bDkuOCA5LjZjLjMuNCAxIC40IDEuNCAwIC40LS40LjQtMSAwLTEuNFoiLz48cGF0aCBmaWxsPSIjMDBGMzk3IiBkPSJNMzAgMzBIMmMwLTEuMS45LTIgMi0yaDI0YTIgMiAwIDAgMSAyIDJaIi8+PHBhdGggZmlsbD0iIzgzQ0JGRiIgZD0iTTI0LjMgMjNoLTMuNmEuNy43IDAgMCAxLS43LS43di0zLjZjMC0uNC4zLS43LjctLjdoMy42Yy40IDAgLjcuMy43Ljd2My42YzAgLjQtLjMuNy0uNy43WiIvPjxwYXRoIGZpbGw9IiMwMEQyNkEiIGQ9Ik0yNi4zIDMwYTMgMyAwIDAgMCAxLjUtMS44IDMuMSAzLjEgMCAwIDAtLjgtMy4zIDMuMiAzLjIgMCAwIDAtNSAxbC0uNi40QTIgMiAwIDAgMCAyMCAyOHYuMmEyIDIgMCAwIDAgMSAxLjdoNS4zWiIvPjwvc3ZnPg==);
    padding-left: 20px;
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: -4px -4px;
}

.eat {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0UzOUQ4OSIgZD0iTTI3LjkgMiAxMS4zIDMuN2MtLjUgMC0uOS41LS44IDEgMCAuNC40LjguOS44bDE2LjctLjljLjUgMCAuOS0uNC44LTF2LS44YzAtLjUtLjUtLjgtMS0uOFoiLz48cGF0aCBmaWxsPSIjRkNENTNGIiBkPSJNMTIuNSAzLjNjLjMgMCAuNS4zLjUuNXYxNC42YS41LjUgMCAwIDEtMSAwVjMuOGMwLS4yLjItLjUuNS0uNVoiLz48cGF0aCBmaWxsPSIjRTM5RDg5IiBkPSJNMjggNy40IDExLjUgN2MtLjUgMC0xIC40LTEgLjkgMCAuNC40LjkuOS45TDI4IDEwYy41IDAgMS0uNCAxLS45di0uOGMwLS41LS40LTEtMS0xWiIvPjxwYXRoIGZpbGw9IiNGQ0Q1M0YiIGQ9Ik0xNSA3LjFhLjUuNSAwIDAgMC0xIDB2MTEuNWEuNS41IDAgMSAwIDEgMFY3Wk0xNyA3LjFhLjUuNSAwIDAgMC0xIDB2Ni40YS41LjUgMCAxIDAgMSAwVjdaIi8+PHBhdGggZmlsbD0iI0NBMEI0QSIgZD0iTTIxLjIgMjUuM0g4LjdsLTEgMy42YTEgMSAwIDAgMCAuOSAxLjFoMTIuN2MuNiAwIDEtLjYuOS0xLjFsLTEtMy42WiIvPjxwYXRoIGZpbGw9IiNGODMxMkYiIGQ9Ik0xNy43IDI3LjJoLTUuNmMtNSAwLTkuMS00LTkuMS05LjF2LTEuN2MwLS40LjMtLjcuNy0uN2gyMi41Yy40IDAgLjcuMy43Ljd2MS43YzAgNS00LjEgOS4xLTkuMiA5LjFaIi8+PC9zdmc+);
    padding-left: 20px;
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: -4px -4px;
}

.visas {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzAwQTZFRCIgZD0iTTIgNmE0IDQgMCAwIDEgNC00aDIwYTQgNCAwIDAgMSA0IDR2MjBhNCA0IDAgMCAxLTQgNEg2YTQgNCAwIDAgMS00LTRWNloiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTYuOCA2Yy0uNCAwLS42LjMtLjQuN0wxNyA4aC0xLjVhLjUuNSAwIDAgMCAwIDFoOGMuMyAwIC41LS4yLjUtLjV2LTJjMC0uMy0uMi0uNi0uNS0uNmgtNi43Wk0xNy41IDEwYy0uMyAwLS41LjItLjUuNXYuNWMwIC40IDAgLjguMyAxLjEuMS40LjQuNy43IDFsMS4yLjdBNCA0IDAgMCAwIDIzIDEzYy4zLS4zLjYtLjYuNy0xIC4yLS4zLjMtLjcuMy0xLjF2LS41YzAtLjMtLjItLjUtLjUtLjVoLTZaTTExLjUgOGMuMyAwIC41LjIuNS41djVjMCAuMy0uMi41LS41LjVIMTB2LjljMCAuNC0uNC42LS44LjRsLTEuNi0xaC0uMWwtLjItLjFhLjUuNSAwIDAgMS0uMy0uNVY4LjVjMC0uMy4yLS41LjUtLjVoNFpNMTAgMTIuOWwuMS4xaC44bC4xLS4xVjlsLS4xLS4xSDkuM2MtLjEgMC0uMi4xIDAgLjJsLjYuNy4xLjNWMTNaTTIzLjcgMTVjLjUgMCAuNy42LjQuOWwtNy42IDdhLjMuMyAwIDAgMS0uNS0uMnYtMy42bC0yLjUgMi41Yy0uMy4zLS43LjQtMSAuNGgtNGExLjUgMS41IDAgMCAxIDAtM2gzLjNsMy42LTMuNmExLjUgMS41IDAgMCAxIDEuMS0uNGg3LjJaTTE2IDI1LjNjMC0uMSAwLS4zLjItLjNsOC03LjdjLjMtLjMuOCAwIC44LjR2Ny44YzAgLjMtLjIuNS0uNS41aC04YS41LjUgMCAwIDEtLjUtLjV2LS4yWiIvPjwvc3ZnPg==);
    padding-left: 20px;
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: -4px -4px;
}

.student {
    padding-left: 20px;
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: -4px -4px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNMTkuMyAyMy4xMzhoLTYuNjRhNi45NSA2Ljk1IDAgMCAxLTYuOTUtNi45NXYtNC4zNmgyMC41M3Y0LjM2Yy4wMSAzLjg0LTMuMSA2Ljk1LTYuOTQgNi45NXoiIGZpbGw9IiM1MzM1NjYiLz48cGF0aCBkPSJNMTcuMTMgNS4yNzhsMTIuMjggNi4yOWMuNzYuMzkuNzYgMS40OCAwIDEuODdsLTEyLjI4IDYuMjlhMi40OCAyLjQ4IDAgMCAxLTIuMjggMGwtMTIuMjgtNi4yOWMtLjc2LS4zOS0uNzYtMS40OCAwLTEuODdsMTIuMjgtNi4yOWEyLjQ4IDIuNDggMCAwIDEgMi4yOCAweiIgZmlsbD0iIzMyMWI0MSIvPjxwYXRoIGQ9Ik0xNS4xNSAxMi4wNDhjLjE5LS40MS42OC0uNTcgMS4wOC0uMzdsNi43MSAzLjQ0YS43OS43OSAwIDAgMSAuNDMuNzF2Ni4yOGMuNjEuMyAxLjAzLjkyIDEuMDMgMS42NGExLjc2IDEuNzYgMCAwIDEtLjA2LjQ2LjU0LjU0IDAgMCAxLS4wNC4xNWMwIC4wMS0uMDEuMDItLjAxLjAzLS4wMS4wNC0uMDMuMDgtLjA1LjEyIDAgLjAxLS4wMS4wMi0uMDEuMDItLjA1LjExLS4xMi4yMi0uMTkuMzEtLjAxLjAyLS4wMi4wMy0uMDQuMDVsLjQ3IDIuMmExLjk0IDEuOTQgMCAxIDEtMy44IDBsLjQ3LTIuMmExLjc5IDEuNzkgMCAwIDEtLjQtMS4xM2MwLS4yNS4wNS0uNDkuMTQtLjcgMC0uMDEuMDEtLjAyLjAyLS4wMy4wMS0uMDMuMDMtLjA3LjA1LS4xLjAyLS4wNC4wNC0uMDguMDctLjEyLjAxLS4wMS4wMS0uMDIuMDItLjAzLjE4LS4yOC40NC0uNTEuNzQtLjY2di01LjhsLTYuMjUtMy4yYy0uMzktLjItLjU3LS42OC0uMzgtMS4wN3oiIGZpbGw9IiNmZmIwMmUiLz48L3N2Zz4=);
    background-color: #8820c9 !important;
}

.learn {
    padding-left: 20px;
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: -4px -4px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik0wIDQ0MHYtMzJjMC04LjgzNyA3LjE2My0xNiAxNi0xNmg0ODBjOC44MzcgMCAxNiA3LjE2MyAxNiAxNnYzMmMwIDguODM3LTcuMTYzIDE2LTE2IDE2SDE2Yy04LjgzNyAwLTE2LTcuMTYzLTE2LTE2eiIgZmlsbD0iI2FmNjMyOCIvPjxwYXRoIGQ9Ik00OTYgNDI0djhhOCA4IDAgMCAxLTggOEgzMmMtOC44MzcgMC0xNiA3LjE2My0xNiAxNmgwIDIzMiAxNDQgMTA0YzguODM3IDAgMTYtNy4xNjMgMTYtMTZ2LTMyaDBjLTguODM3IDAtMTYgNy4xNjMtMTYgMTZ6IiBmaWxsPSIjYTI1NDI1Ii8+PHBhdGggZD0iTTE2MCAzOTJINjRWMTQ0YTggOCAwIDAgMSA4LThoODBhOCA4IDAgMCAxIDggOHYyNDh6IiBmaWxsPSIjM2NiNDRhIi8+PHBhdGggZD0iTTQ0OCAzOTJoLTk2VjE0NGE4IDggMCAwIDEgOC04aDgwYTggOCAwIDAgMSA4IDh2MjQ4eiIgZmlsbD0iIzRjOWJkNSIvPjxwYXRoIGQ9Ik0yNTYgMzkyaC05NlY2NGE4IDggMCAwIDEgOC04aDgwYTggOCAwIDAgMSA4IDh2MzI4eiIgZmlsbD0iI2VkMmMzOSIvPjxwYXRoIGQ9Ik0zNTIgMzkyaC05NlY5NmE4IDggMCAwIDEgOC04aDgwYTggOCAwIDAgMSA4IDh2Mjk2eiIgZmlsbD0iI2ZmY2Y2OCIvPjxwYXRoIGQ9Ik0xNzYgMzc2aDU2YTggOCAwIDAgMCA4LThWODBjMC04LjgzNyA3LjE2My0xNiAxNi0xNmgwdjY0IDE0NCAxMjBoLTk2IDBjMC04LjgzNyA3LjE2My0xNiAxNi0xNnoiIGZpbGw9IiNjYjIwMmMiLz48cGF0aCBkPSJNMjcyIDM3Nmg1NmE4IDggMCAwIDAgOC04VjExMmMwLTguODM3IDcuMTYzLTE2IDE2LTE2aDB2NjQgMTEyIDEyMGgtOTYgMGMwLTguODM3IDcuMTYzLTE2IDE2LTE2eiIgZmlsbD0iI2Y1YjQ0NSIvPjxwYXRoIGQ9Ik0zNjggMzc2aDU2YTggOCAwIDAgMCA4LThWMTYwYzAtOC44MzcgNy4xNjMtMTYgMTYtMTZoMHY2NCA2NCAxMjBoLTk2IDBjMC04LjgzNyA3LjE2My0xNiAxNi0xNnoiIGZpbGw9IiMzNjg4YzgiLz48cGF0aCBkPSJNODAgMzc2aDU2YTggOCAwIDAgMCA4LThWMTYwYzAtOC44MzcgNy4xNjMtMTYgMTYtMTZoMHY2NCA2NCAxMjBINjRoMGMwLTguODM3IDcuMTYzLTE2IDE2LTE2eiIgZmlsbD0iIzBlOTI0NyIvPjxwYXRoIGQ9Ik0xNjAgMTA0aDk2djhoLTk2em0wIDE2aDk2djhoLTk2eiIgZmlsbD0iI2I1MjAyNSIvPjxwYXRoIGQ9Ik02NCAxNjhoOTZ2OEg2NHptMCAxNmg5NnY4SDY0em0wIDE1Mmg5NnY4SDY0em0wIDE2aDk2djhINjR6IiBmaWxsPSIjMDQ4MDNkIi8+PHBhdGggZD0iTTM1MiAxNjhoOTZ2OGgtOTZ6bTAgMTZoOTZ2OGgtOTZ6bTAgMTUyaDk2djhoLTk2em0wIDE2aDk2djhoLTk2eiIgZmlsbD0iIzAyNjFhNCIvPjxwYXRoIGQ9Ik0yNTYgMTIwaDk2djhoLTk2em0wIDE2aDk2djhoLTk2em0wIDIwMGg5NnY4aC05NnptMCAxNmg5NnY4aC05NnoiIGZpbGw9IiNmMDk4MjAiLz48cGF0aCBkPSJNMTYwIDMyOGg5NnY4aC05NnptMCAxNmg5NnY4aC05NnoiIGZpbGw9IiNiNTIwMjUiLz48cGF0aCBkPSJNMjE1IDI4OGgtMTRhMSAxIDAgMCAxLTEtMVYxNjFhMSAxIDAgMCAxIDEtMWgxNGExIDEgMCAwIDEgMSAxdjEyNmExIDEgMCAwIDEtMSAxeiIgZmlsbD0iI2UyZTRlNiIvPjxwYXRoIGQ9Ik0zMTEgMjgwaC0xNGExIDEgMCAwIDEtMS0xdi04NmExIDEgMCAwIDEgMS0xaDE0YTEgMSAwIDAgMSAxIDF2ODZhMSAxIDAgMCAxLTEgMXoiIGZpbGw9IiNmMDk4MjAiLz48dXNlIGhyZWY9IiNCIiBmaWxsPSIjZTJlNGU2Ii8+PHVzZSBocmVmPSIjQiIgeD0iMjg4IiB5PSI4IiBmaWxsPSIjMDI2MWE0Ii8+PHBhdGggZD0iTTExOSAyNDBoLTE0YTEgMSAwIDAgMS0xLTF2LTIyYTEgMSAwIDAgMSAxLTFoMTRhMSAxIDAgMCAxIDEgMXYyMmExIDEgMCAwIDEtMSAxeiIgZmlsbD0iI2UyZTRlNiIvPjxjaXJjbGUgY3g9IjQwMCIgY3k9IjI0MCIgcj0iOCIgZmlsbD0iIzAyNjFhNCIvPjxkZWZzID48cGF0aCBpZD0iQiIgZD0iTTExOSAzMDRoLTE0YTEgMSAwIDAgMS0xLTF2LTU0YTEgMSAwIDAgMSAxLTFoMTRhMSAxIDAgMCAxIDEgMXY1NGExIDEgMCAwIDEtMSAxeiIvPjwvZGVmcz48L3N2Zz4=);
}

.quick .dlvr {
    background-size: 50px;
    background-position: top;
}

.trips {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0ZGQjAyRSIgZD0iTTUgMjloMjJjMiAwIDMtMSAzLTN2LTZsLTItMkg0bC0yIDJ2NmMwIDIgMSAzIDMgM1oiLz48cGF0aCBmaWxsPSIjMjZFQUZDIiBkPSJNMzAgMTdIMnY0aDI4di00WiIvPjxwYXRoIGZpbGw9IiM3RDQ1MzMiIGQ9Ik0yNCA3IDcgMjR2MWgxTDI1IDhWN2gtMVoiLz48cGF0aCBmaWxsPSIjRjgzMTJGIiBkPSJtMjIgMjQgMiAyLjFjNC01IDUtMTMuMSAwLTE4LjEtNS01LTEzLTQtMTggMGwyIDIgMTQgMTRaIi8+PHBhdGggZmlsbD0iI0Y0RjRGNCIgZD0iTTIxLjcgMjMuN0MyNi43IDE4LjcgMjggMTIgMjQgOFMxMy4zIDUuNCA4LjMgMTAuNGwxMy40IDEzLjNaIi8+PHBhdGggZmlsbD0iI0Y4MzEyRiIgZD0iTTE4LjIgMjAuMkMyNC4yIDE1LjIgMjYgMTAgMjQgOHMtNy44LjItMTIuOCA1LjJsNyA3WiIvPjwvc3ZnPg==);
    padding-left: 20px;
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: -4px -4px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik05NS4zNSA5OC4xMWMtMjIuOTktMS40NC0yOS4xOS02LjktNTIuMzMtNi45UzMuODQgOTYuNzQgMy44NCA5Ni43NHMtLjUzIDI3LjIxIDAgMjcuNzQgMTE5Ljg5LjE4IDEyMC40Mi0uNTNWOTYuNzRzLTYuMjkgMi43OS0yOC45MSAxLjM3eiIgZmlsbD0iI2Y1Yzg3NiIvPjxwYXRoIGQ9Ik0xOC40OSAxMTAuNTJjMCA0LjQyIDEzLjEgMy42NiAzMiAzLjk4YzE2Ljk3LjI5IDMyLjk2IDMgNDguMzEgMy40NWMxMC40Ny4zMSAxOS41Ni0xLjM0IDIwLjIxLTIuNDljMi41LTQuNDQtMjYuNjgtMTMuMDctNTIuODItMTQuODRzLTQ3LjcgNC45NS00Ny43IDkuOXoiIGZpbGw9IiNmMmExNTkiLz48cGF0aCBkPSJNNzIuMjYgMjAuMjRsLTQuNDItMi4xNi05IDM1LjczLTEzLjYxIDUwLjQ0Yy0uNzcgMy4wOS0uNjcgNC45MyAyLjA2IDUuNTdzMy40OS0xLjk5IDQuMTItNC4wM1M2NC42MiA1OC4zIDY0LjYyIDU4LjNsNy42NC0zOC4wNnoiIGZpbGw9IiM0ZWE0YjAiLz48cGF0aCBkPSJNNzAuODYgMTNzLTIyLjg5LTYuNDMtNDMuMzIgMy41N0MxMS4wNiAyNC42MiA1LjAyIDM2LjU4IDUuNzcgMzcuMDNjMS4yNy43NiA1LjE3LjQ1IDguMyAzLjUzczUuMTEgOC4xNSA2LjM2IDguNjZjMS4yNS41IDYuOTctMS40MyAxMy4wNyAyLjEyczguMzYgOS43IDkuNzIgMTAuMjUgOC40My0zLjQ4IDE2Ljk2LS41M2M3Ljc4IDIuNjkgMTIuODcgNy45OSAxMy45NiA4LjMgMS4wOS4zMiA2LjUzLTQuMzcgMTUuNTUtMy41M3MxMS4zOSAzLjYgMTIuNTQgNC4wNiAyLjcxLTQuNDggOC4wMy01LjA4YzUuMTktLjU5IDYuNjEuNjkgNy45NC45OCAxLjM0LjMgMS4xNi0xNi43NC0xNi4wMi0zNC4zM0M4OS4zMiAxOC4yOCA3MC44NiAxMyA3MC44NiAxM3oiIGZpbGw9IiNlZTU5NDgiLz48cGF0aCBkPSJNNzEuMTUgMTUuMzZzLTE0Ljg0LTMuMjMtMzEuMDQgOC4zNGMtMTMuMjUgOS40Ny0xOC4yNCAyMC4yLTE3LjkzIDIwLjk0LjMxLjczIDYuMDkuMjYgMTEuNzMgMy4xNHM4LjgzIDkuMjEgOS41MiA4LjMyYy44Ny0xLjEyIDQuMTEtMTMuNTcgOS40Ni0yMi4zNyAxMC4wMy0xNi41IDE4LTE3LjQ5IDE4LTE3LjQ5czYuOTMgNC4zMyA3LjU2IDIzLjYzYy4zNSAxMC41OC0yLjM1IDIzLjg4LTIuMDcgMjUuMzguMTIuNjYgNC43Ni0yLjkzIDEyLjM2LTIuNTggNi44OS4zMiAxMi4yMSAzLjM1IDEzLjExIDMuMjJzLS44NS0xOC4yNi04LjgtMzEuMzVjLTguOTktMTQuNzctMjEuOS0xOS4xOC0yMS45LTE5LjE4eiIgZmlsbD0iI2ZlZmVmZSIvPjxwYXRoIGQ9Ik03NCA1LjQ0Yy0yLjk2LS43NS0zLjcyIDMuNzItNC40NyA2LjIxLS4zNCAxLjEtMS43NSA1LjI5IDEuMTYgNi4yIDIuNDIuNzYgMy4zNC0yLjQ5IDQuMDYtNC44Ny43MS0yLjM5IDIuMzYtNi43Ni0uNzUtNy41NHoiIGZpbGw9IiM0ZWE0YjAiLz48L3N2Zz4=);
}

.ppl {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iY3VycmVudENvbG9yIiBhcmlhLWhpZGRlbj0idHJ1ZSIgY2xhc3M9Imljb25fMGNlOGY3ZiIgZGF0YS10ZXN0LWlkPSJpY29uIj48cGF0aCBkPSJNMTMuMSAzYTEuOSAxLjkgMCAwIDAtMS4zIDMuMiAxLjkgMS45IDAgMSAwIDIuNy0yLjZBMS45IDEuOSAwIDAgMCAxMyAzem0tMS41IDQuNWMtLjMgMC0uNSAwLS44LjJhLjguOCAwIDAgMC0uMSAwbC0zIDEuNWEuOC44IDAgMCAwLS4zLjNsLTEuMyAzYS44LjggMCAxIDAgMS4zLjZsMS4xLTIuNCAxLS4zLS41IDIuM2ExLjkgMS45IDAgMCAwIC43IDEuOWwzIDIuMy43IDMuMS4xLjRhLjguOCAwIDEgMCAxLjUtLjNsLS44LTMuN2EuOC44IDAgMCAwIDAtLjNsLTEuNS0yLjYuOC0zLjd2LS40YzAtMS0uOC0xLjktMS45LTEuOXptMyAyLjgtLjQgMS43LjMuM2EuNy43IDAgMCAwIC4yLjFsMi4yIDFhLjcuNyAwIDEgMCAuNy0xLjNsLTIuMi0xLS45LS44ek05IDE1LjVsLS40IDEuMy0xLjcgM2EuNy43IDAgMCAwIDAgLjEuOC44IDAgMCAwIDEuMi44bDIuNS0zLjhMOSAxNS41eiIvPjwvc3ZnPg==);
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: bottom -1px left 0px;
    background-size: 17px;
}

.moon .ppl {
    filter: invert(1) hue-rotate(-180deg);
}

.wrn, .inf, .suc, .err {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iY3VycmVudENvbG9yIiBhcmlhLWhpZGRlbj0idHJ1ZSIgY2xhc3M9Imljb25fMGNlOGY3ZiIgZGF0YS10ZXN0LWlkPSJpY29uIj48cGF0aCBmaWxsPSIjRkZDQTAwIiBkPSJNNC42IDIwaDE0LjhjMS42IDAgMi42LTEuMiAyLjYtMi42IDAtLjUtLjEtLjktLjQtMS4zTDE0LjMgMy4zQTIuNiAyLjYgMCAwIDAgMTIgMmMtLjkgMC0xLjguNS0yLjMgMS4zTDIuNCAxNi4xYy0uMy40LS40LjgtLjQgMS4zQzIgMTguOCAzIDIwIDQuNiAyMHoiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNMTIgMTMuM2MuNCAwIC43LS4yLjctLjdsLjEtNC45YzAtLjUtLjMtLjgtLjgtLjhzLS45LjMtLjkuOGwuMiA0LjljMCAuNS4yLjcuNy43em0wIDNjLjUgMCAxLS40IDEtMSAwLS41LS41LS45LTEtLjlhMSAxIDAgMCAwLTEgMWMwIC41LjUgMSAxIDF6Ii8+PC9zdmc+);
    padding-left: 22px;
    background-repeat: no-repeat;
    background-size: 17px;
    margin: 10px 0 5px;
    background-color: #faf6e5;
    padding: 4px 8px 4px 26px;
    background-position: 5px 4px;
    border-radius: 3px;
    border: 1px solid #e8dea6;
    font-size: 12px;
    height: 26px;
    font-weight: normal;
    display: inline-block;
    line-height: normal;
}


.wrn.sh {
    border: 1px solid #e4d166;
    box-shadow: 0 1px 6px rgba(0,0,0,0.18);
}

.inf {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzFkOWJmMSIgYXJpYS1oaWRkZW49InRydWUiIGRhdGEtdGVzdC1pZD0iaWNvbiI+PHBhdGggZD0iTTEzIDlhMSAxIDAgMSAwLTIgMCAxIDEgMCAwIDAgMiAwem0wIDZhMSAxIDAgMSAxLTIgMHYtM2ExIDEgMCAxIDEgMiAwdjN6Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjEgMTJhOSA5IDAgMSAxLTE4IDAgOSA5IDAgMCAxIDE4IDB6bS0yIDBhNyA3IDAgMSAxLTE0IDAgNyA3IDAgMCAxIDE0IDB6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
    background-color: #eff4ff;
    border: 1px solid #c8dcff;
}

.inf.sh {
    border: 1px solid #a7c2ff;
    box-shadow: 0 1px 6px rgba(0,0,0,0.18);
}

.suc {
    background-color: #e5f8dc;
    border: 1px solid #9ce04d;
    background-size: 13px;
    background-position: 7px 6px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTUuNiIgaGVpZ2h0PSI0MTUuNiIgZmlsbD0iIzI5OTQwMCI+PHBhdGggZD0ibTQxMSA5Ni00Ni00NmExNCAxNCAwIDAgMC0yMCAwTDE1MiAyNDNsLTgyLTgyYTE0IDE0IDAgMCAwLTIwIDBMNCAyMDdhMTQgMTQgMCAwIDAgMCAyMGwxMzggMTM4YTE0IDE0IDAgMCAwIDEwIDVjNCAwIDgtMiAxMC01bDI0OS0yNDljMy0yIDUtNiA1LTEwYTE0IDE0IDAgMCAwLTUtMTB6Ii8+PC9zdmc+);
}

.suc.sh {
    border: 1px solid #a7dc2b;
    box-shadow: 0 1px 6px rgba(0,0,0,0.18);
}

.err {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iODAwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0iI2ZmNmE2YSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjU2IDQzYTIxMyAyMTMgMCAxIDEgMCA0MjYgMjEzIDIxMyAwIDAgMSAwLTQyNlptMCA0MmExNzEgMTcxIDAgMSAwIDAgMzQyIDE3MSAxNzEgMCAwIDAgMC0zNDJabTQ5IDkyIDMwIDMwLTQ5IDQ5IDQ5IDQ5LTMwIDMwLTQ5LTQ5LTQ5IDQ5LTMwLTMwIDQ5LTQ5LTQ5LTQ5IDMwLTMwIDQ5IDQ5IDQ5LTQ5WiIvPjwvc3ZnPg==);
    background-color: #ffefef;
    border: 1px solid #ffd9d9;
    background-size: 17px;
}

.err.sh {
    border: 1px solid #ffc8c8;
    box-shadow: 0 1px 6px rgba(0,0,0,0.18);
}

.moon .wrn, .moon .inf, .moon .suc, .moon .err {
    color: #ffffffd1;
    border-width: 0px !important;
}

.moon .wrn {
    background-color: #d09d04;
}

.moon .inf {
    background-color: #305dbf;
}

.moon .err {
    background-color: #dc3545;
}

.moon .suc {
    background-color: #26641e;
}


.addavatar {
    background: #eaeaf2;
    padding: 10px 20px 5px;
    border-radius: 3px;
    box-shadow: 0 1px 40px rgba(0,0,0,0.62), 0 -55px 0px rgb(241 241 246) inset;
    font-size: 12px;
    margin: 25px -2px 0;
    line-height: 4;
    position: absolute;
    z-index: 9999999;
    bottom: auto;
    overflow: hidden;
    width: 97%;
    top: 0;
    display: none;
}

.addavatar.a {
    display: inline-block;
}

.moon .addavatar {
    background: #15182c;
    color: #6d768c;
    box-shadow: 0 1px 40px rgb(0 0 0 / 88%), 0 -55px 0px rgb(20 22 41) inset;
}

.moon .addavatar .wokkcat i {
    background-color: #191c35;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    color: #8089a3;
    border: 1px solid #2a304e75;
    border-radius: 3px;
}

.addavatar s::before, .addavatar input[type="checkbox"], .addavatar label::before {
    vertical-align: middle;
    font-size: 21px;
    line-height: initial;
}

.addavatar input[type="checkbox"] {
    margin-left: 10px;
}

.addavatar label input[type="checkbox"] {
    margin-left: 5px;
}

.addavatar h2 {
    background: rgba(0, 0, 0, 0) linear-gradient(149deg, #455195, #492e84, rgb(110, 56, 154), #e161b5) repeat scroll 0 0;
    color: #FFF;
    padding: 5px 14px 8px;
    margin: -10px -21px 5px;
    border-radius: 3px 3px 0 0;
    font-size: 14px;
    line-height: initial;
}

.lcn {
    font-weight: normal;
    margin-left: 10px;
    width: 100%;
    margin-bottom: 3px !important;
    font-size: 12px;
    position: relative;
}

.moon .lcn {
    color: #8089a3;
}

.lcn::before {
    position: relative;
    bottom: 0px;
    height: 13px;
    width: 13px;
    background-size: 100%;
    vertical-align: sub;
    margin-right: 2px;
    margin-left: -2px;
}

#rightsidebar {
    display: grid;
    display: inline-block;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 76px;
    max-width: 310px;
    z-index: 999999;
    border-radius: 5px;
    max-width: 22%;
    max-width: 23.6%;
    background: #ffffff;
}

.moon #rightsidebar {
    background: #131626;
    background: #191b26;
}

.nav1 #rightsidebar {
    overflow: visible;
    right: -61%;
    max-width: 2000px;
    height: 10000px !important;
    max-height: 5000px !important;
    box-shadow: 0 1px 12px rgba(0,0,0,0.13);
    z-index: 9;
}

.nav1 #rightsidebar .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    display: block;
    left: auto;
    -ms-touch-action: none;
    touch-action: none;
    height: 100% !important;
    margin-top: 33px;
    width: 100% !important;
    border-radius: 3px;
    box-shadow: 0 1px 4px rgb(0 0 0 / 20%);
    overflow: hidden;
    position: fixed !important;
    top: 0;
    display: block;
    background: #FFF;
}

#sendBtn {
    position: relative;
    padding: 3px 9px;
    height: 30px;
    vertical-align: bottom;
    background: #1c1f3c;
    border-radius: 13px !important;
}

.moon input::placeholder {
    color:#50576e;
}
 
.moon #signform input::placeholder {
    color:#b1b9ca;
}

#signform input {
    background-color: #e8f0fe;
}

#sendBtn::after {
    content: " ";
    width: 23px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik00NzYgMy4yTDEyLjUgMjcwLjZjLTE4LjEgMTAuNC0xNS44IDM1LjYgMi4yIDQzLjJMMTIxIDM1OC40bDI4Ny4zLTI1My4yYzUuNS00LjkgMTMuMyAyLjYgOC42IDguM0wxNzYgNDA3djgwLjVjMCAyMy42IDI4LjUgMzIuOSA0Mi41IDE1LjhMMjgyIDQyNmwxMjQuNiA1Mi4yYzE0LjIgNiAzMC40LTIuOSAzMy0xOC4ybDcyLTQzMkM1MTUgNy44IDQ5My4zLTYuOCA0NzYgMy4yeiIvPjwvc3ZnPg==);
    height: 22px;
    background-size: 18px;
    filter: invert(1);
    display: inline-block;
    position: relative;
    background-repeat: no-repeat;
    background-position: 1px 2px;
}

#country, #provinces, #cities, #disricts {
    display: none;
    margin: 15px auto 0;
}

#country.active, #provinces.active, #cities.active, #disricts.active {
    display: inline-block;
}

.xnoteui i {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 18px;
    background-repeat: no-repeat;
    filter: invert(1);
    opacity: 0.666;
    background-position: 1px 1px;
    cursor: pointer;
    vertical-align: top;
    margin: 0 3px 0 0;
}

#roombg {
    background-size: 101% !important;
    background-repeat: no-repeat;
    min-height: 100%;
    border-radius: 0 0 4px 4px;
    padding: 20px;
    display: none;
    opacity: 0;
    position: fixed;
    width: 100%;
    z-index: 999999;
    background-color: #242b4df6;
    top: auto;
    bottom: 48px;
    height: 100%;
}

#roombg.active {
    display: block;
    opacity: 1;
}

#livevideo {
    position: absolute;
    right: 8px;
    top: 50px;
    border-radius: 5px;
    width: 200px;
}

.settings {
    position: fixed;
    width: 100%;
    margin: 0 0%;
    box-shadow: 0 2px 18px rgb(0 0 0 / 32%);
    background: #ffffff;
    border-radius: 5px;
    height: auto;
    display: none;
    color: #25262f;
    top: 77px;
    z-index: 9999;
    max-height: 100%;
    max-width: 100%;
    overflow: auto;
}

.moon .settings {
    background: #14151e;
    box-shadow: 0 2px 10px rgb(0 0 0 / 50%), 0 2px 700px rgb(0 0 0);
    color: #8391aa;
}

.settings .btn {
    margin: 10px 0;
    display: inline-block;
}



.moon .settings .nav i {
    filter: invert(1);
    color: #5a4f39;
}

.nav9 .settings {
    display: inline-block;
}

.settings .nav {
    display: inline-block;
    max-width: 18%;
    padding-left: 6px;
    vertical-align: top;
    padding-top: 10px;
}

.settings .nav i {
    font-size: 14px;
    display: block;
    padding: 10px 5px 5px 32px;
    height: 40px;
    margin: 0;
    background-position: 7px 13px;
    border-radius: 3px;
    text-align: left;
    color: #5a4f39;
}

.settings .nav i:hover {
    background-color: #cbc2a12e;
    color: #262118;
}

.moon .settings .nav i:hover {
    background-color: #cbc2a12e;
}

.settings .nav-cont {
    display: inline-block;
    max-width: 73%;
    padding-left: 3%;
    box-shadow: 3px 0px 4px rgb(0 0 0 / 5%) inset;
    width: 100%;
    max-height: 666px;
    overflow: auto;
}

code {
    display: inline-block;
    max-width: 96%;
    background-color: #00000008;
    color: #616781;
    box-shadow: 0 1px 2px #00000012 inset;
    padding: 10px 14px;
    word-break: break-all;
    border-radius: 4px;
    margin: 5px auto 10px;
}

.moon code {
    background-color: #0c0f13;
    /* color: #e9eaee; */
    box-shadow: 0 1px 2px #00000026 inset;
}

.exit {
    background: #ffffff05;
    box-shadow: 0 0 0 1px rgb(76 81 125 / 13%) inset !important;
    padding: 5px 12px 6px 9px !important;
    margin: -5px 20px 10px 0;
    border-radius: 3px;
    cursor: pointer;
    float: right;
}

.exit:hover {
    background: #ffffff1f;
    box-shadow: 0 0 0 1px rgb(255 255 255 / 80%) inset !important;
    color: #000000;
}

.moon .exit:hover {
    color: #FFFFFF;
}


/* //@note CSS End
*/

.priced {
    background: #101326;
    display: block;
    padding: 90px 5%;
    min-height: 497px;
    z-index: 2;
    background: none;
}

.priced {
    background: #101326;
    display: block;
    padding: 90px 5%;
    min-height: 497px;
    z-index: 2;
}

.tourism img {
    display: inline-block;
    max-width: 23%;
    border-radius: 4px;
    margin: 0 5px;
}


#crowdfunding {
    background-size: 100%;
    background-blend-mode: exclusion;
    display: none;
    background-repeat: no-repeat;
    z-index: 999999999;
    position: absolute;
    top: 0;
}

#crowdfunding .raised {
    padding: 0px 30px;
}

#crowdfunding .keyreasons {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 15px;
    background: #101326;
    box-shadow: 0 0 110px 148px #101326;
    padding: 10px 2%;
    margin-top: 0px;
}

#crowdfunding .keyreasons .col-lg-4 {
    padding: 0 3% 10px;
    text-align: left;
    float: left;
    min-height: 140px;
}

#crowdfunding h2 {
    font-size: 37px;
    color: #FFF;
}

#crowdfunding h5 {
    font-size: 18px;
    color: #cbd5ea;
    margin: 0;
}

#crowdfunding h2 {
    font-size: 37px;
    color: #FFF;
    margin: -90px -66px 29px;
    background: url(/img/travel.png);
    background-size: 100%;
    background-position: left bottom;
    padding: 300px 80px 27px;
    background-repeat: no-repeat;
}

#crowdfunding h1 {
    color: #FFF;
    font-weight: 800;
    font-size: 24px;
    font-family: Arial, Helvetica;
    max-width: 100%;
    margin-top: 40px;
    margin-bottom: 10px;
}


#crowdfunding .raised p {
    font-size: 16px;
    margin-bottom: 30px;
    color: #FFF;
    text-shadow: 0 1px 6px #000;
}

#crowdfunding #icosroadmap li.now::before {
    box-shadow: 0 0 6px #6864ff;
}

#crowdfunding .btn {
    padding: 10px 20px;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 103px;
    display: inline-block;
    height: auto;
}

#umbrellasc, .umc {
    display: inline-block;
    z-index: 0;
    padding-left: 30px;
    height: 13px;
    background-size: 27px;
    background-repeat: no-repeat;
    padding: 4px 6px 2px 35px;
    background-position: 5px 1px;
    border-radius: 5px;
    cursor: pointer;
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    margin: 0px auto 0px;
    display: inline-block;
    filter: drop-shadow(0px 1px 1px #00000055);
    transition-duration: 0.666s;
    width: 225px;
    white-space: nowrap;
    opacity:0;
}

.umc u {
    padding: 0;
}

.modal.fade {
    display: none;
}


#umbrellasc:hover, .umc:hover {
    background-size: 198px;
    height: 160px;
    width: 222px;
    padding-top: 85px;
    background-position: 4px -33px;
    padding-left: 19px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: 0.099em;
}

#umbrellasc:hover u, .umc:hover u {
    display: block;
    font-size: 33px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.1em;
    transition-duration: 0.666s;
}


#calendar p {
    display: inline-block;
    width: 100%;
}

#calendar.hd1 p {
    box-shadow: -8em 0px 0px rgb(0 0 0 / 2%) inset;
}

#calendar.hd2 p {
    box-shadow: -10.5em 0px 0px rgb(0 0 0 / 2%) inset;
}

#calendar header s:nth-child(6n) {
    box-shadow: -33px 0px 0px rgb(255 255 255 / 13%) inset;
}

#calendar header s:nth-child(6n):hover {
    box-shadow: -33px 0px 0px rgb(255 255 255 / 26%) inset, 0px 4px 0px rgb(152 81 245 / 57%) inset;
}

#calendar.hd1 header s:nth-child(7n) {
    box-shadow: -33px 0px 0px rgb(255 255 255 / 13%) inset, 0px 4px 0px rgb(152 81 245 / 57%) inset;
}

#calendar.hd2 header s:nth-child(6n) {
    box-shadow: -33px 0px 0px rgb(255 255 255 / 13%) inset, 0px 4px 0px rgb(152 81 245 / 57%) inset;
}


#calendar header s:nth-child(7n) {
    box-shadow: -33px 0px 0px rgb(255 255 255 / 13%) inset;
}

#calendar header s:nth-child(7n):hover {
    box-shadow: -33px 0px 0px rgb(255 255 255 / 26%) inset, 0px 4px 0px rgb(152 81 245 / 57%) inset;
}

#calendar > div {
    width: 100%;
    text-align: left;
    font-size: 9px;
    margin: -33px 0 8px;
    position: absolute;
    right: 10px;
    width: 60px;
    box-shadow: 0 -3px 0px rgb(101 20 175 / 30%);
    padding: 1px 4px;
    background: #fbfafc;
}
    .moon #calendar > div  {
        background: #1c1f35;
    }
  .timeline {
    padding: 20px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    margin-top: 20px;
  }


.moon #timeline {
    background: #11141a;
    box-shadow: 0 1px 39px #555aff55;
}

    .moon #timeline i {
        border-bottom: 0px solid #f5f7f900;
        color: #5b6479;
    }

    .moon #timeline i:first-child {
        color: #949ba9;
    }

    .moon #timeline h4 {
        background: #00000055;
        color: #FFF;
    }

.moon #calendar {
    background: #11141a;
    box-shadow: -86px 0px 1px #11141a inset, 0 1px 39px #555aff55;
    border-left: 6px solid #11141a;
}

    .moon #calendar b {
        /* background-color: #0f111d; */
        color: #a6adbf;
        background-color: #151921;
    }

.moon #calendar b.s1 {
    background-color: #11141a;
    color: #666c77;
}

    #calendar b.with-tasks.p1 {
        opacity: 0.3;
    }

    .moon #calendar b.with-tasks {
        color: #FFF;
        background: #793c9d52;
    }

  .task {
    padding: 5px 0;
  }


  #calendar b {
    width: 11%;
    padding: 9px 2px;
    width: 9%;
    padding: 5px 2px;
    font-size: 11px;
    box-sizing: border-box;
    cursor: pointer;
    background: #ffffff;
    margin-right: 5px;
    margin-bottom: 8px;
    text-align: center;
    border-radius: 52px;
    color: #464953;
    display: inline-block;
    position: relative;
}

#calendar b.hd1:before {
    content: "";
    background: #f24462;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 52px;
    display: block;
    top: 0px;
    right: 0px;
}

.moon #calendar b.hd1:before {
    background: #f24462;
}

#calendar b.s1 {
    background-color: #f7f5f7;
}

#calendar b.today {
    background: rgba(0, 0, 0, 0) linear-gradient(149deg, #455195, #492e84, rgb(110, 56, 154), #e161b5) repeat scroll 0 0 !important;
    font-weight: bold;
    color: #FFF;
    background: #483a8a !important;
    background: #dc1b3b !important;
}

#calendar b i {
    color: #333;
    display: block;
    margin-top: -1px;
    font-size: 8px;
    color: #000000 !important;
    background: #ffffff;
    border-radius: 13px;
    position: absolute;
    width: 13px;
    overflow: hidden;
    height: 13px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.moon #calendar b i {
    background: #63baf9;
}

    
#calendar b.with-tasks {
    color: #FFF;
    background: #a73afd;
    background: #793c9d;
    background: #793c9d70;
}


  .timeline {
    padding: 20px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    margin-top: 20px;
  } 

#timeline {
    position: fixed;
    top: 40px;
    z-index: 999;
    right: 0;
    height: 100%;
    overflow: auto;
    background: #FFF;
    padding: 0 3px;
    width: 300px;
    right: 278px;
    display: none;
    box-shadow: 0px 0px 13px #00000026;
    border-top: 27px solid #191b26;
    border-radius: 4px;
    z-index: 999999999;
}

.tl1 #timeline {
    display: block;
}

#timeline h4 {
    margin: 5px 0 2px;
    background: #f7f5f7;
    padding: 3px 7px 5px;
    border-radius: 4px;
}

#timeline .back-button {
    margin: -26px 0 0 6px;
    position: fixed;
    background: #793c9d;
    padding: 5px 10px;
    color: #FFF;
    background: rgba(0, 0, 0, 0) linear-gradient(149deg, #455195, #492e84, rgb(110, 56, 154), #e161b5) repeat scroll 0 0;
    border-radius: 4px;
    z-index: 9;
}

#timeline b {
    display: inline-block;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
    font-weight: normal;
    width: 30px;
    vertical-align: top;
    margin: 0 2px 1px;
}

.moon #timeline b {
    width: 26px;
    margin: 0 4px 2px;
}

#timeline i:first-child {
    color: #4e5163;
    font-weight: bold;
}
  
#timeline i {
    padding: 1px 5px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    vertical-align: text-top;
    font-size: 10px;
    color: #dcdee1;
    margin: 0px 0px;
}

#timeline i s {
    position: absolute;
    left: 0;
    width: 21px;
    min-width: 10px;
    padding: 0px 2px 5px;
    border-radius: 1px 1px 5px 5px;
    margin-left: 4px;
    background-color: inherit;
    top: 12px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 26%);
    overflow: hidden;
    font-size: 28px;
    height: 20px;
    line-height: 6px;
    text-align: center;
    border-bottom-color: inherit;
}

#timeline {
    overflow-y: visible;
    width: 300px;
}



#timeline i s {
    position: absolute;
    left: -27px;
    width: 22px;
    min-width: 10px;
    padding: 7px 2px 5px;
    border-radius: 3px 3px 3px 3px;
    margin-left: 31px;
    background-color: inherit;
    top: 13px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 26%);
    overflow: hidden;
    font-size: 11px;
    height: 20px;
    line-height: 6px;
    text-align: left;
}
  
#timeline i.with-task {
    background-color: #ffffff !important;
    border-color: #b93fff;
    color: #0a020c !important;
    width: 34px;
    display: inline-block;
    text-align: center;
    padding: 0px 1px 0px;
    font-weight: bold;
    border-width: 2px;
    box-shadow: 0 1px 4px rgb(0 0 0 / 13%);
    z-index: 2;
    position: relative;
    margin-bottom: 3px;
    border-bottom-style: solid;
    height: auto;
    white-space: nowrap;
    border-left: 3px solid;
    border-right: 3px solid;
}

#timeline i.with-task.p1 {
    opacity: 0.4;
}

#timeline i.with-task:hover {
    height: auto;
    overflow: visible;
    z-index: 999999;
    opacity: 1 !important;
}

#timeline i.with-task:hover s {
    top: 13px;
    padding: 7px 8px 7px;
    border-radius: 0px 9px 9px 9px;
    margin-left: -11%;
    min-width: 55px;
    box-shadow: 0 4px 6px rgb(0 0 0 / 26%);
    white-space: normal;
    width: auto;
    height: auto;
    font-size: 11px;
    line-height: 1.6em;
    border-bottom: 3px solid;
    border-bottom-color: inherit;
    min-width: 94px;
    border-left: 3px solid;
    border-color: inherit;
    border-right: 2px solid;
    border-right-color: inherit;
}

#timeline b:hover i.with-task {
    height: auto;
    
}

#timeline i.with-task.tc8 {
    background-color: #eef2fb;
    border-color: #6587ff;
}

#timeline i.with-task.tc11 {
    background-color: #f6eff9;
    border-color: #bb6be7;
}

#timeline i.with-task.tc13 {
    background-color: #fdf5f9;
    border-color: #ed5bb5;
}

#timeline i.with-task.tc17 {
    background-color: #ddf1fe;
    border-color: #62bbf8;
}

#timeline i.with-task.tc20 {
    background-color: #efefef;
    border-color: #838385;
}

#timeline i.with-task.tc23 {
    background-color: #f0ffe4;
    border-color: #57cd26;
}

#timeline i.with-task.tc26 {
    background-color: #f7eeee;
    border-color: #ef4361;
}

#timeline i.with-task.tc28 {
    background-color: #fff2b2;
    border-color: #ffcf63;

}

#timeline i.with-task.tc30 {
    background-color: #faffcf;
    border-color: #ffbb3f;
}
  
#timeline i:hover, .moon #timeline i:first-child:hover {
    background-color: #3e156d;
    cursor: pointer;
    
    color: #ecebf1;
}

.activegoals li.selected {
    background-color: #2f2a66;
    color: #FFF;
}


.filters {
    margin: 0 0 -3px 0;
    display: none;
    background: #ffffff;
    border-bottom: 0px solid #f5f5f5;
    border-radius: 4px;
    text-align: right;
    padding: 0px 20px 0 0;
    width: 100%;
}

.s5 .filters, .s6 .filters {
    display: inline-block;
}

.moon .filters {
    background: #191b26;
    border-bottom: 0px solid #0305081f;
}

.sync-section {
    top: 301px;
    z-index: 9999999999999999;
    left: 534px;
    padding: 0px;
    border-radius: 4px;
}

.synced0 s.wifi34 {
    color: #576499;
}

.sync-section dir {
    display: none;
} 

.sync-section del {
    display: none;
}

.synced1 .sync-section dir, .synced1 .sync-section del {
    display: inline-block;
    padding: 0;
    width: 100%;
}

.synced1 .sync-section del {
    cursor:pointer;
    color: #cb8585;
    padding: 10px 0 0;
    text-decoration: auto;
    opacity: 0.7;
}

.synced1 .sync-section del:hover {
    opacity: 1;
}

.synced1 .sync-section section {
    display: none;
}

.synced1 s.wifi34 {
    color: #11d15f;
}

.na {
    opacity: 0.13 !important;
    cursor: no-drop !important;
    color: inherit !important;
}


.sync-section h2 {
    margin: 0px 0 15px;
}

.sync-section h2 b {
    display: inline-block;
    font-size: 13px;
    margin: 0 10px;
    vertical-align: text-top;
}

.sync-section input[type="file"] {
    display: block;
    margin: 0 auto;
}

.sync-section .qr {
    display: inline-block;
    margin: 0px;
    padding: 5px 7px 6px 29px;
    background-position: top 6px left 7px;
    border-radius: 4px;
    filter: invert(1);
    color: #b9b970;
    background-size: 17px;
    opacity: 0.8;
}

.sync-section dd, .sync-section dl {
    display: inline-block;
    margin: 0px;
    padding: 4px 8px 4px;
    border-radius: 4px;
    cursor: pointer;
    background: #00000033;
    opacity: 0.6;
    line-height: 1.6;
} 

.sync-section dd:hover, .sync-section dl:hover {
    opacity: 1;
}

.sync-section.sbc0 dd, .sync-section.sbc1 dl {
    background: #3b3c7b;
    color: #ffffff;
}

.sync-section .sound {
    display: inline-block;
    filter: invert(1);
    color: #b9b970;
    margin: 0px;
    padding: 3px 7px 5px 35px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
    font-size: 13px;
    border-width: 0;
    height: auto;
    opacity: 0.8;
}

.sync-section i.airplane {
    width: auto !important;
    display: inline-block;
    padding: 4px 16px 6px 33px;
    background-color: #ffffff;
    border-radius: 4px;
    background-size: 18px;
    background-position: top 4px left 8px;
    font-weight: bold;
    margin: 10px 0;
    color: #222;
    cursor: pointer;
    opacity: 0.8;
}

.sync-section i.airplane:hover {
    opacity: 1;
}

.sync-section ol {
    padding: 10px 13px 5px 36px;
    margin: 20px 13px;
    background: #14151e;
    border-radius: 4px;
}

.sync-section ol li {
    margin: 5px 0px 10px;
    padding: 0px 10px 8px 10px;
    text-align: left;
    background: #0e1016;
    border-radius: 4px;
    color: #c3d0e3;
}

.sync-section ol li::marker {
    font-weight: bold;
    font-size: 18px;
}

.sync-section s, .sync-section q {
    padding: 5px 10px 7px 10px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 13px;
    background: #46468f;
    border-radius: 4px;
    margin: 0px 2px 20px 2px;
    display: inline-block;
    cursor: pointer;
    opacity: 0.8;
    text-transform: capitalize;
}

.sync-section q {
    display: block;
    max-width: 130px;
    margin: 0px auto 10px;
}

.sync0 .qr, .sync1 .sound {
    background-color: #b9b970;
    color: #000000;
}

.sync-section s:hover, .sync-section b:hover {
    opacity: 1;
}

.rooms, .soundlink {
    display:none;
}


.app-container {
    padding: 13px;
    border-radius: 4px;
    display:none;
}

.xp {
    position: absolute;
    background: #0c0f13;
    z-index: 9999999999999999;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.xp label {
    margin: 0px auto 10px;
    display: block;
}

.xp .smalllogo {
    margin: 50px auto -10px;
    white-space: nowrap;
    color: #FFF;
    font-size: 16px;
    display: inline-table;
    padding-left: 50px;
    font-weight: bold;
    background-position: 0px -16px !important;
    padding-top: 10px;
    left: -6px;
    position: relative;
}


.xp input[type="date"] {
    display: none;
    margin: 5px 2px 5px 2px;
    font-size: 17px;
    max-width: 146px;
    height: auto;
    padding: 7px 10px 8px;
    width: auto;
    background: #c5d8e9;
    font-family: inherit;
    font-weight: bold;
}

.xp.m1 input[type="date"], .xp.m0 input[type="date"] {
    display: inline-block;
}

.xp.d2 input[type="date"] {
    display: none;
}

.xp.h1 input[type="date"] {
    display: none;
}



.xp input[type="text"] {
    font-size: 17px;
    max-width: 100px;
    height: auto;
    padding: 11px 10px 8px;
    width: auto;
    cursor: initial;
    font-weight: bold;
    margin: 5px 2px;
    height: 39px;
}

.xp input[type="password"] {
    font-size: 29px;
    max-width: 88px;
    padding: 18px 13px 17px;
    height: 39px;
    vertical-align: sub;
    margin: 5px 2px;
}

.xp input[type="checkbox"] {
    display: inline-block;
    margin-left: 11px;
    margin-top: 16px;
    vertical-align: bottom;
}

.xp.v0 input[type="password"], .xp.v0 input[type="text"] {
    display: none;
}

.xp.h1 input[type="password"] {
    display: inline-block !important;
}

.xp.d1 input[type="date"] {
    background: #78e5a3;
}

.xp.v0 .numpad {
    display: none;
}

.xp.h1 .numpad {
    display: inline-table !important;
}

.xp b {
    display: block;
    margin: 0px 20px 7px;
    font-size: 16px;
}

.xp s {
    display: none;
    margin: 10px 13px;
    font-size: 12px;
    text-align: justify;
    opacity: 0.6;
}

.xp.m0 s {
    display: block;
}

.xp form {
    display: inline-block;
}

.numpad {
    margin: 10px auto 5px;
    display: inline-table;

        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
}

.xp .measure {
    bottom: 10px;
    text-align: center;
    width: 326px;
    left: 86px;
    background: #11141a;
    border-radius: 4px;
    box-shadow: 0 1px 13px #00000033;
    margin: 0 auto;
    color: #FFF;
    padding: 20px;
}


.filters .a, .filters b:active, .tasks.f1 .f1, .tasks.f2 .f2, .tasks.f3 .f3, .tasks.f4 .f4, .tasks.f5 .f5, .tasks.f6 .f6, .tasks.f7 .f7, .tasks.f8 .f8 {
    background: #ffffff !important;
    color: #000000 !important;
    border-radius: 4px 4px 0px 0px;
    font-weight: bold;
}

.moon .filters .a, .moon .filters b:active, .moon .tasks.f1 .f1, .moon .tasks.f2 .f2, .moon .tasks.f3 .f3, .moon .tasks.f4 .f4, .moon .tasks.f5 .f5, .moon .tasks.f6 .f6, .moon .tasks.f7 .f7, .moon .tasks.f8 .f8  {
    background: #202333 !important;
    color: #a7a8b8 !important;
    padding: 3px 6px 7px;
    height: auto;
}

.filters b {
    color: #8686af;
    padding: 6px 6px 13px;
    max-width: 103px;
    border-radius: 2px;
    border-right: 1px solid #f7f9fb;
    height: 30px;
    font-size: 11px;
    text-align: center;
    float: none;
    margin-top: 0px;
    font-weight: normal;
    cursor: pointer;
    display: inline-block;
}

.filters i {
    margin-left: 5px;
    cursor: pointer;
    font-weight: bold;
    border-bottom: 0px dotted #c023ff;
    text-indent: 2px;
    margin-top: 7px;
    margin-right: -7px;
    padding-left: 20px;
    background-size: 17px;
    background-position: left;
}

.moon .filters b {
    border-right: 1px solid #00000042;
    color: #70717f;
}



.filters b:hover {
    background: #00000005;
    color: #222222;
}

.moon .filters b:hover {
    background: #260c4936;
    color: #cdc6d9;
}

#calendar {
    width: 310px;
    height: 100%;
    background: white;
    display: none;
    flex-direction: column;
    position: fixed;
    z-index: 999999999;
    top: 66px;
    overflow: auto;
    box-shadow: -86px 0px 1px #fbfafc inset, -2px 0px 7px #0000002e;
    right: -15px;
    border-left: 8px solid #ffffff;
}

#calendar .close {
    bottom: 90px;
    position: fixed;
    right: 10px;
    font-size: 12px;
    width: auto;
    padding: 33px 6px 0;
    background-position: center 4px;
    background-color: #181c3012;
    border-radius: 4px;
    height: auto;
    z-index: 9;
    background-size: 37px;
    color: #000;
    opacity: 0.5;
   
}

.moon #calendar .close {
    filter: invert(1);
}

#calendar .close:hover {
    opacity: 1;
}

.caltrue #calendar {
    display: block;
}

#calendar header div {
    right: 5px;
    top: 10px;
    padding: 1px 1px 4px 8px;
    color: #FFF;
    border-radius: 0px 0px 4px 4px;
    cursor: pointer;
    font-size: 10px;
    width: 63px;
    display: inline-block;
}

#calendar header i {
    position: absolute;
    font-size: 20px;
    right: 19px;
    top: 31px;
    background: #a84ca7;
    padding: 0px 13px 3px;
    border-radius: 0 0 4px 4px;
}

#calendar header {
    position: fixed;
    top: 40px;
    left: auto;
    width: 290px;
    z-index: 99;
    background: #d0b8e7;
    background: rgba(0, 0, 0, 0) linear-gradient(149deg, #455195, #492e84, rgb(110, 56, 154), #e161b5) repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13), 10px 0 0 #c959af;
    height: 31px;
    border-radius: 4px;
    margin-right: 7px;
    right: 0px;
    padding-left: 7px;
}

#calendar header s {
    padding: 9px 2px 9px 4px;
    width: 11%;
    box-sizing: border-box;
    cursor: pointer;
    margin-left: 0px;
    margin-bottom: 0px;
    text-align: center;
    color: #f2ebf3;
    border-right: 1px solid #f2f4f663;
    border-right: 1px solid #f2f4f617;
    display: inline;
    float: left;
    font-size: 9px;
}

#calendar b:hover {
    background: #a84ca7 !important;
    color: #ffffff !important;
}
.moon #calendar b:hover {
    background: #3e156d !important;
    color: #ffffff !important;
}
.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
  }
  .swipe-wrap {
    overflow: hidden;
    position: relative;
  }
  .swipe-wrap > div {
    float:left;
    width:100%;
    position: relative;
  }

.keen-slider {
    position: relative;
    width: 100%;
    height: 160px;
    cursor: grab;
}


.modal-images .keen-slider {
    height: 260px;
}

.modal-images .thumbnail-slider {
    height: 40px;
    margin-top: 1rem;
    width: 50px !important;
}

.keen-slider:active {
    cursor: grabbing;
}

.keen-slider__slide {
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
}

.thumbnail-slider {
    height: 40px;
    margin-top: 1rem;
    width: 50px !important;
}

.thumbnail-slider .keen-slider__slide {
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.2s;
}

.thumbnail-slider .keen-slider__slide--active {
    opacity: 1;
}

.xcurrencies {
    display: none;
    background: #FFF;
    padding: 0px 25px 10px;
    z-index: 999;
    min-width: 620px;
    left: 200px;
    border-radius: 4px;
    box-shadow: 0 1px 18px rgba(0, 0, 0, 0.4);
    height: 100%;
    top: 0;
    width: 100%;
    border: none;
}

.moon .xcurrencies {
    background: #0c0f13;
    color: #b7b9c7;
}

:popover-open {
    position: absolute;
    inset: unset;
    right: 0%;
    margin: 0 auto;
    left: 0%;
    display: inline-block;
}

.bc .xcurrencies {
    display: inline-block;
}

.xcurrencies .close {
    position: absolute;
    filter: invert(0);
    right: 18px;
    top: 10px;
    opacity: 0.3;
}

.moon .close {
    filter: invert(1);
}

.xcurrencies .close:hover {
    opacity: 1;
}

.xcurrencies::backdrop {
    background: #0d0f1af3;
    width: 100%;
    height: 100%;
    display: block;
    content: " ";
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
}

.xcurrencies h2 {
    font-size: 17px;
    font-family: system-ui;
}

.xcurrencies .crypto h2 {
    margin-left: -13px;
}

.xcurrencies ul {
    display: inline-block;
    width: 46%;
}

.xcurrencies ul.crypto {
    margin-left: 6%;
}

.xcurrencies ul.crypto s {
    font-weight: bold;
}

.xcurrencies ul.crypto s::before {
    content: "$";
    font-family: system-ui !important;
    font-size: 12px;
    font-weight: bold;
    opacity: 0.7;
    margin: 0 1px;
    color: #413670;
}



.xcurrencies li {
    display: block;
    margin: 0px 0 0px;
    white-space: nowrap;
    border-bottom: 1px dashed #e3e7ea;
    padding: 10px 0;
}

.moon .xcurrencies li {
    border-bottom: 1px dashed #1b1d26;
}

.xcurrencies .crypto li {
    padding-right: 29px;
    list-style: decimal;
    display: list-item;
}

.xcurrencies li b {
    display: inline-block;
    min-width: 130px;
}

.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:visible;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}




@media (min-width: 1000px) {
    .leftsidebar .rot {
        min-width: 76px;
        font-size: 10px;
        margin-right: -7px;
        margin-bottom: 11px;
    }

    #subfilter button {
        margin: 5px 10px;
    }

    .v3 .post-header u {
        width: 240px;
        font-size: 11px;
    }
}

@media (min-width: 1200px) {
    .leftsidebar .rot {
        font-size: 10px;
        margin-right: -2px;
    }
    .v3 .post-header u {
        width: 330px;
    }
    .v2 .js_posts_stream li {
        display: inline-block;
        width: 18.45%;
    }
    #subfilter nav {
        margin: 5px 5px 5px 10px;
    }

    #subfilter nav b {
        padding: 3px 7px;
        margin-left: 0;
        margin-right: 1px;
    }

    #subfilter nav s {
        max-width: 60px;
    }    

    .posts-filter input {
        max-width: 56px;
    }

    i.pricerange {
        margin-left: 13px;
    }

    .sale10:before {
        font-size: 33px;
        display: inline-block;
        margin: -11px 7px -4px -2px;
        vertical-align: middle;
    }

    .rent2:before {
        font-size: 44px;
        display: inline-block;
        height: 39px;
        margin: -19px 0 0 -10px;
        vertical-align: middle;
    }

}

.wallets-list h3 .close {
    display:none;
}



@media (max-width: 992px) {
/* @note Mobile Tablet CSS 
*/ 

.s6 .filters em, .filters i {
    display: none;
}

.horizon.goalslist ul li {
    padding: 4px 2px 4px 6px;
}

.goalslist ul li.child {
    padding: 8px 2px 4px 6px;
}

.goalslist ul li.grandchild {
    padding: 8px 2px 6px 6px;
}


    #toggleBtn {
        position: fixed;
        bottom: 12px;
        left: 42px;
        width: 70px;
    }

    .goalslist ul li > u {
        top: 5px;
        margin-left: 200px;
    }


.btn {
    font-size: 15px;
    font-weight: bold;
    padding: 6px 20px 8px;
}

i.mun {
    position: fixed;
    bottom: 10px;
    left: 0px;
}

    body .leftsidebar {
        padding: 0px 0px 50px 0% !important;
        width: 34% !important;
    }

    .quick h1 {
        top: 16px;
        left: 73px;
        font-size: 15px;
    } 

    .quick h2 {
        font-size: 13px;
        margin: 18px 0 -6px;
    }

    .tasks {
        width: 100%;
        top: -10px;
        left: 0;
    }

    .tasks h3 .safety6 {
        display: none;
    } 


    #xpeditor small {
        left:13px;
        width: 78%;
        top: 100px;
    }

    .c5 p, .c6 p {
    padding: 10px 3px 10px 7px;
    font-size: 13px;
    
}



.activegoals {
    width: 100%;
}

.ttd { 
    right: 0 !important;
}

.addavatar {
    max-width: 96%;
}

.qma .quick {
    max-width: 100%;
    padding-bottom: 130px;
}

.quick {
    margin-top: -13px;
    margin-left: 0;
    width: 100%;
    left: 0;
}

.xcurrencies {
    min-width: 0 !important;
    width: 100%;
    margin: 0 !important;
    left: 0 !important;
    padding: 0px 10px 10px !important;
}

.xcurrencies li b {
    display: inline-block;
    min-width: 13px;
    max-width: 43px;
    overflow: hidden;
    margin-right: 7px;
}

.xcurrencies ul {
    display: inline-block;
    width: 42%;
} 


#rightsidebar {
    display: none;
}

.nav1 #rightsidebar {
    display: inline-block;
}

#subfilter nav {
    margin: 5px 5px 5px 10px;
}

#subfilter nav b {
    padding: 6px 13px;
    margin: 5px 1px;
}

i.tokbook {
    margin-left: 1px;
}

#subfilter nav s {
    max-width: 70px;
    padding: 4px 10px 8px;
}

.posts-filter input {
    max-width: 56px;
}

i.pricerange {
    margin-left: 13px;
}

ul.options {
    margin: 5px 0;
}

.pv i {
    transform: scale(1.3);
    margin: 6px 6px;
}

.v2 .js_posts_stream ul {
    width: 106%;
    margin-left: -3%;
}

.sbb .geo.categories li {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 2px;
}

.geo.geo1 li.region, .geo.geo2 li.city, .geo.geo3 li.district {
    background: #ffffff;
}

.v3 .post-header u {
    width: 330px;
}


.leftsidebar .rot {
    width: auto;
    font-size: 12px;
    transform: scale(1.3);
    margin-left: 16px;
    margin-right: 6px;
    margin-bottom: 20px;
    background: #ffffff00;
}

.leftsidebar .rot:hover, .leftsidebar .rot.active {
    background: #ffffff !important;
}

.tasktrees ul:hover {
    background: #ffffffa8;
}


    .page-header h2 {
        margin: 0 auto 40px;
    }

    .submenu.container {
        z-index: 9999999;
        right: 0px;
    }

    #room button.cog {
        display:none;
    }


    .panel-messages {
        margin-right: 0px;
    }

    .main-header .search-wrapper {
        display: inline-block !important;
        margin-left: 10px;
        width: 60px;
        margin-right: 9px;
        font-size: 13px;
    }
    


    .main-header .search-wrapper .form-control {
        height: 37px;
    }

    .main-header .search-input-icon {
        margin-top: 11px;
    }

    .navbar-wrapper {
        float: right;
    }




    .profile-buttons-wrapper .btn {
     box-shadow:none
    }
   

    body,html,span,div,small {
      text-size-adjust: none;
    }
    
    body {
        background-size: auto;
        
    }
     
    .donationbox {
        float: none;
        width: auto;
        margin-top: 10px;
        font-size: 11px;
        display: inline-block;
    }
    
    .formsgeneratorlinks strong {
        margin-left: -10px;
        width: 100%;
    }
    
    .category option {
        font-weight: normal;
        text-indent: 5px;
    }
    
    .publisher {
        margin-top: 10px;
    }
    

    
    optgroup {
        font-weight: bold;
        background: #f3f6f9;
    }
    
    
    
    .bootstrap-datetimepicker-widget {
        position: fixed !important;
        right: 0 !important;
        left: 0 !important;
        bottom: auto;
    }
    
    .mobilefull {
        width: 100% !important;
        margin: 0 !important;
    }
    
    .mobilehidden {
        display: none !important;
    }
    
    

.xnotes {
    right: 0px;
}


.horizontal span {
    transform: rotatez(-90deg);
}
    


.topbar {
    position: fixed;
    top: 0;
    background: #FFF;
    width: 100%;
    left: 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    height: 32px;
    padding: 0px 0 4px;
}


.map-marker-centered {
    transform: matrix(1, -1, 2.1, 2, 0, 0);
}

#avatar {
    right: 0;
    width: 100%;
}

#bottommenu {
    display: block;
    right: 0;
    text-align: left;
}

#subfilter sub {
    display: block;
    margin: 0px 0 5px;
}


.main-header .container {
    width: 99% !important;
}

i.room {
    background-size: 62px !important;
    margin-left: -15px;
    background-position: 4px -15px !important;
}




.v2 .js_posts_stream li {
    width: 22%;
    margin: 0 1% 10px;
}

.tasktrees ul {
    font-size: 14px;
    box-shadow: 27px 0 0 #fff inset;
    border-bottom: 1px solid #00000013;
}

.tasktrees ul.expanded {
    background: #e8ebf0 !important;
    box-shadow: 0px 1px 6px #0000002b inset, 31px 0px 0px #302b5b inset, 0px 33px 0px #302b5b1a inset;
}

.moon .tasktrees ul {
    box-shadow: 29px 0 0 #15182c inset;
    padding-left: 6px;
}

.moon .tasktrees ul.expanded {
    background: #0f121ed9 !important;
    color: #b98be9;
    box-shadow: 0px 28px 0px #ffffff00 inset, 24px 0px 0px #ffffff05 inset, 0px 0px 0px #ffffff0d inset;
}

.tasktrees ul.expanded li {
    margin-left: -10px;
    padding-left: 10px;
    line-height: 1.4em;
    font-size: 14px;
}

.tasktrees ul.expanded li:hover {
    background-color: #ffffff24;
}

.moon .tasktrees ul.expanded li:hover {
    background-color: #0e142500;
}

.moon .leftsidebar .rot:hover, .moon .leftsidebar .rot.active {
    background: #16192c !important;
}


.sbb .categories li {
    font-size: 11px;
}

.tasks h3 {
    margin: 0px 0 0px 70px;
    line-height: 1.7;
}

.categories li i {
    vertical-align: top;
    margin-top: 2px;
}

.xp-content {
    overflow: auto;
    width: 80%;
    margin: 0;
    padding: 10px 13px 400px;
}

button.h4, button.quote, button.hr, button.code, button.strikethrough {
    display: none;
}

.sbb {
    display: none;
}

.tasks h3 b {
        padding-left: 15px;
        white-space: break-spaces;
        margin: 19px 0 0 1px;
        overflow: hidden;
        line-height: 1;
        height: 27px;
    }

.fs16 {
    width: 63px;
    padding-left: 2px;
    overflow: hidden;
    margin-top: -1px;
    height: 35px;
}

.c5 p.prev::after, .c6 p.prev::after {
    left: auto !important;
    right: 3px;
    top: 18px !important;
}

.c5 p.now::after, .c6 p.now::after {
    right: 2px;
    top: 18px;
}

#hhmessage {
    display: none;
}

.xp-content:focus {
    max-height: 180px;
}

.settings {
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    top: 0px;
}

#submenu {
    padding: 7px 2px 8px 3px;
    top: -1px;
    font-size: 19px;
}

.filters {
    text-align:left !important;
}

#submenu i.wallet {
    background-position: -2px -4px;
    margin-left: 5px;
    float: right;
    margin-right: 5px; 
    background-size: 23px !important;
    text-indent: 10px;  
}

#submenu i.wallet:hover {
    
    text-indent: 6px;  
}

#sendBtn::after {
    width: 25px;
    height: 22px;
    background-size: 21px;
    background-position: 2px 0px;
}



.checklist em {
    font-size: 14px;
    margin-bottom: 7px;
}

#icosroadmap {
    font-size: 13px;
}

.modal-dialog {
    margin: 3rem 2%;
}

.moon #roomapp {
    background: #0d0f19;
    border-bottom: 0px solid #0f0e1a85;
}



.moon #msgIpt {
    height: 41px !important;
}


.dropdown .post-avatar-picture {
    margin-top: 3px;
}

#xpeditor {
    margin: 10px 0;
    width: 100%;
    top: -20px;
}

.xpa1 #xpeditor {
    z-index: 2;
}

i.bcart {
    min-width: 35px;
    max-width: 50px;
    width: auto;
    overflow: hidden;
    display: none;
}

.sec2 i.bcart {
    display: inline-block;
}

#editor {
        margin-top: 50px;
    }

.nrttoolbar {
    padding: 0;
    white-space: nowrap;
}

.xruler {
    width: 80%;
    margin: 13px 5px 20px 0px;
}

 .quick.ttd input[type="date"] {
    margin-left: -2px;
 }

#postsgrid {
        z-index: 99999;
        max-width: 20%;
        top: 78px;
        /* transform: translateX(81%); */
    }

#postsgrid:hover {
    transform: translateX(0);
}



.xpsidebar {
    position: fixed;
    top: auto;
    width: 18%;
    left: 0px;
    bottom: 47px;
    background: no-repeat;
    white-space: nowrap;
} 

.xpsidebar:hover {
    top: 81px;
    overflow: auto;
}

.xpeditorhead {
        top: 9px;
        padding: 4px 0 3px 11%;
    }

#xptitle {
    width: auto;
}


input.xpinput {
    min-width: 60% !important;
    width: 140px;
}

.modal {
    padding-right: 0px;
}





#contacts {
    width: 100%;
    font-size: 15px;
}



#contacts u {
    padding: 7px 0;
}

#contacts i {
    width: 21px;
    margin-right: 12px;
}

#contacts i.airplane {
    width: 19px !important;
    margin-top: 1px;
}

#contacts i.camera {
    width: 26px !important;
    background-position: 0 -3px;
}

.hz {
        position: fixed;
        width: 933px;
        z-index: 99999997;
        top: 0px;
        box-shadow: 0 1px 11px rgb(0 0 0 / 67%);
        width: 100%;
        margin: 0px 0%;
        background: #0d0f1af2;
        left: 0;
        right: 208px;
        display: none;
        overflow: hidden;
        height: 100%;
        padding: 10px 0 100px;
        overflow-y: auto;
}

.nav2 .hz, .nav9 .hz {
    display: inline-block;
}


.hz.xpa0 #postsgrid {
        transform: translateX(0);
        max-width: 33%;
}

    .offcanvas {
        position:relative;
        overflow:hidden
   }

   .offcanvas .offcanvas-sidebar {
    position: absolute;
    top: 18px;
    width: 280px !important;
    max-height: 100%;
    z-index: 9999;
    padding-top: 0 !important;
    transform: translateX(-100%);
    background: #f0f0f4;
}

   .offcanvas.active .offcanvas-sidebar {
    left:0
   }
   .offcanvas .offcanvas-mainbar {
      left: 0;
      max-width: 100%;
    }
   .offcanvas.active .offcanvas-mainbar {
    left:80%
   }

   .tasktrees span, #tasktreesroot {
    padding: 0px 0 5px 7px;
    font-size: 16px;
    margin-bottom: 2px;
    margin-top: 1px;
    border-bottom: 1px solid #ffffff0a;
    display: block;
    }

    .tasktrees li {
        padding: 5px 0 5px;
    }

    .wallet-container code { 
        max-width: 100%;
    }

    .wallet-container .cog {
        right: 0px;
        margin-right: 1px;
    }

    .send-form, .restore-section, .swag, .keeper-qr, .wallet-settings, .create-nft-form, .create-token-form, .add-custom-token-form, .txhistory {
        left: 3px;
        top: 46px;
    }

    .main-header {
        top: 0;
        bottom: auto;
        border-top: 0 solid #F1F3F6;
        height: 4px;
        max-width: 99%;
    }

    .quick nav > i {
        margin: 7px 0 0px 3px;
        width: 60px;
        font-weight: normal;
    }

    .activegoals li {
        margin: 3px 3px 3px 3px;
        width: 126px;
        height: 44px;
        white-space: normal;
    }

    .xruler {
        display: block;
    }

    .quick nav {
        max-width: 90%;
    }

    .wallet-container {
        left:0;
        top:0;
        padding:0px 18px 130px 13px;
        width: 100%;
        overflow: hidden;
    }

    .nft-grid {
        max-width: 100%;
    }

    .wallets-list { 
        transform: translateX(0%);
        top: 45px;
        box-shadow: 0 1px 13px #00000022;
    }

    #sqr { 
        left: 0;
        top:0;
        border-bottom: 100px solid #00000000;
    }

    .k13 .wallets-list {
        transform: translateX(0);
    }

    .wallets-list li {
        overflow: hidden;
    }



    .wallet-container h3 em { 
        margin: 4px -2px -5px 0;
    }

    .wallet-container h2 {
        padding: 8px 17px 12px 15px;
    }

    .navbar-wrapper {
        display: inline-block;
    }

    .navbar-wrapper i.comment-alt {
        margin-top: 9px;
    }

    .navbar-wrapper i.plus {
        margin-top: 9px;
    }

    hr {
        margin: 5px 0;
    }


    .hhlogin p {
        margin: 0px auto 10px;
        display: inline-block;
        left: 0;
        position: relative;
        width: 100%;
    }

    .hhlogin label {
        cursor: pointer;
    }

    .posts-filter {
        margin-bottom: 10px;
        padding: 2px 0px 6px 0px;
        border-bottom: 3px solid #632f9324;
        border-bottom: 3px solid #d90355;
        font-weight: 600;
        border-radius: 0 0 3px 3px;
        color: #FFF;
        box-shadow: 0 1px 4px rgb(0 0 0 / 0%), 0 35px 0px rgb(245 247 249 / 0%) inset, -6px 0 0px rgb(0 0 0 / 10%) inset;
        margin-top: 0px;
        z-index: 999;
        bottom: 35px;
        left: 0;
        width: 100%;
        display: none;
    }

    s.sale10, s.rent2, .posts-filter dt {
        overflow: visible;
        margin-left: 0px;
        margin-top: -2px;
        font-size: 16px;
        height: 36px;
    }

    .rent2:before {
        font-size: 54px;
        margin-top: -23px;
        margin-left: -8px;
        margin-right: 0px;
        vertical-align: inherit;
        display: inline-block;
    }

    .sale10:before {
        margin-top: -13px;
        font-size: 41px;
        display: inline-block;
        vertical-align: inherit;
        margin-right: 6px;
    }


    .posts-filter.active {
        display: inline-block;
    }

    .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
        -ms-touch-action: none;
        touch-action: none;
        height: 100% !important;
        margin-top: 36px;
        width: 100% !important;
        border-radius: 3px;
        box-shadow: 0 1px 4px rgb(0 0 0 / 20%);
        overflow: hidden;
        position: fixed !important;
        top: 0;
        left: auto;
        display: none;
        transform: translate(116%, -100%) matrix(2.90711, -0.666, -0.229289, 0.666, 0, 0) scale(1) translate(-50%, 50%) rotate3d(1, 1, 1, 90deg) !important;
    }

    .nav1 #rightsidebar .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
        display: block;
        left: 0;
        opacity: 1;
    }

    .fa-search-location {
        color: #e8e5f5;
    }

    .categories.geofilter li.active {
        box-shadow: 0 1px 10px rgb(34 36 74 / 56%), 0 1px 2px rgb(0 0 0 / 38%) inset;
        background: #c8d6f1;
        color: #131313;
    }

    .moon .categories.geofilter li.active {
        box-shadow: 0 1px 2px rgb(0 0 0 / 38%) inset;
        background: #2e2452;
        color: #c1c0d3;
    }

    #currentAudioDevice {
        max-width: 108px !important;
    }

    #top-menu #exit {
        pointer-events: auto;
        color: #ef3c35;
        font-size: 34px;
        padding: 0px 0 0px;
        width: 55px;
        text-indent: -7px;
        overflow: hidden;
        margin-bottom: 0;
        position: absolute;
        right: 7px;
        top: 1px;
        cursor: pointer;
        height: 52px;
        display: inline-block;
        border-radius: 3px;
    }



    #room {
        width: 100%;
        padding: 7px 3% 10px;
        margin: 0 auto;
        left: 0%;
        top: 42px;
    }

    #options-button {
        margin-top: 10px;
    }

    #roomapp {
        position: fixed;
        bottom: 0px;
        width: 100%;
        z-index: 99999999999;
        padding: 0px 0px 0px;
        left: 0;
        box-shadow: none;
        max-height: 100%;
        overflow-y: auto;
        border-bottom: 0px solid #FFF;
        min-height: 63px;
        height: 100%;
        max-width: 100%;
        top: auto;
        display: none;
    }

    #msgIpt {
        margin-right: 0px;
        display: inline-block;
        width: 82% !important;
        padding: 0.5rem 0.8rem;
        height: 41px !important;
        font-size: 14px;
        vertical-align: bottom;
        border-radius: 13px;
        box-shadow: none;
    }

    #sendBtn {
        width: 13%;
        padding: 10px 10px 10px 8px;
        font-size: 18px;
        height: 40px;
    }

#chattitle {
    top: 0;
    font-size: 11px;
    color: inherit;
    width: 219px;
    height: auto;
    position: fixed;
    bottom: auto;
    z-index: 9;
    right: 0;
    min-height: 40px;
    padding: 5px 10px 8px;
    right: 0;
    z-index: 99999999;
    width: 100%;
}

    #chat {
        position: absolute;
        bottom: 0px;
        width: 100%;
        display: inline-block;
        z-index: 999999;
        padding: 6px 10px 6px;
        right: 0;
        overflow-y: auto;
        border-bottom: 55px solid #FFF0;
        min-height: 99px;
        max-width: 100%;
        height: auto;
        max-height: 100%;
        left: auto;
        box-shadow: none;
        top: auto;
        background: none;
        text-align: right;
    }

    .moon #chat {
        border-bottom: 55px solid #FFF0;
        min-height: 10px;
    }

    #chat p {
        margin: 6px 0 13px;
        font-size: 14px;
        line-break: anywhere; 
        line-break: auto;
        display: table;
        padding: 8px 10px 8px 10px;
        border-radius: 13px;
        box-shadow: 0 1px 3px rgb(0 0 0 / 8%);
    }

    #chat p.right {
        text-align: right;
        display: inline-block;
        margin-left: 99px;
        max-width: 100%;
        margin-top: 4px;
        margin-bottom: 13px;
    }

#chatinput {
        position: fixed;
        width: auto;
        bottom: 0px;
        right: 2%;
        padding: 6px 0;
        z-index: 99999999;
        left: auto;
        top: auto;
        width: 96%;
        text-align: right;
        background: #f6f7f9;
        width: 100%;
        box-shadow: 10px 0 0 #f6f7f9;
    }

    .container {
        padding-right: 0px !important;
    }

    .row {
        display: block;
    } 

    .tblink { 
        width: 48px;
        overflow: hidden;
        margin: 3px 0px 1px 4px;
    }

    .filters b {
        padding: 5px 5px 7px !important;
        max-width: 50px !important;
        overflow: hidden;
        margin-right: 0px !important;
        float: left !important;
        line-height: 1.8;
        height: 30px !important;
        width: min-content;
    }

    .contact-picker {
        margin: 0px;
        top: 43px;
    }

    .quick .man432, .quick .addgoal, .quick .add70 {
        margin: 10px 10px 10px 0px;
        font-size: 13px;
        height: 31px;
    }

    .quick s.addgoal::before {
        font-size: 18px; 
        margin: 0 5px -2px -7px;
    }

    .quick s::before {
        font-size: 14px;
        margin: 0 6px 0 -3px;
    }

    .quick .bigbtn {
        display: inline-block;
    }


} 


/* @note Mobile Phone CSS 
*/ 

@media only screen and (max-width:767px) {
    .notfound {
     padding-left:15px;
     padding-right:15px;
     padding-top:110px
    }



    .qma .qmenu {
        bottom: 26px;
    }

    .horizon.goalslist ul li i { 
        margin: 5px 5px 5px 0;
    }

    .goalslist ul li > em {
        display: none;
    }

    .horizon.goalslist ul li br { 
        display: block;
    }

    .settings .nav i {
       font-size: 11px !important;
       padding: 13px 5px 5px 29px !important;
    }

    .wallet-container dir p {
        max-width: 352px;
    }

    .clndr, .document13, #bottommenu i {
        font-size: 9px;
    }

    .notfound .notfound-circle {
     width:110px;
     height:110px;
     font-size:110px;
    }

    #content.offcanvas .offcanvas-sidebar {
       width: 280px !important;
   }

   .panel-mutual-friends {
       display:none
   }

   #bottommenu .clndr {
    margin-right: 33px;
    min-width: 70px;
    margin-left: 20px;
    display: inline-block;
    top: -7px;
    }

    #bottommenu i { 
        margin: 2px 0px;
    }

    .publisher-tools-tabs li.col-md-6 {
       width: 50% !important;
   }

   .publisher-footer {
       padding: 3px 11px 10px;
   }

   .panel-photos div[class*=" col-"], .panel-photos div[class^=col-] {
       padding: 1px;
       padding-bottom: 0;
       max-width: 25% !important;
   }



   .card-body .col-lg-4 {
       max-width: 33.333333% !important;
   }

   .profile-name-wrapper {
       background: none !important;
       text-align: right !important;
       font-weight: bolder;
       font-size: 29px !important;
       position: absolute;
       top: 10px;
       right: 3px;
       padding-top: 28px !important;
   }

   .profile-name-wrapper a {
       color: #fff !important;
       padding: 0px 9px 2px;
       margin-right: 6px;
       line-height: 40px !important;
       text-shadow: 0 1px 4px #000000e0;
   }

   .profile-cover-wrapper {
       margin-top: 40px;
   }

   .profile-avatar-wrapper {
       top: 77px !important;
       left: 12px;
   }

   .profile-buttons-wrapper {
       background: none !important;
       align-content: normal;
       padding-top: 10px;
       position: absolute;
       bottom: 30px;
       right: 8px;
   }

   .profile-tabs-wrapper {
       box-shadow: 0 1px 4px rgb(0 0 0 / 30%), 0 -8px 0px rgb(0 0 0 / 27%) inset !important;
   }

   .about-list {
       padding: 10px 20px 3px !important;
   }
   
   }

/* @note Micro Mobile Phone CSS 
*/ 

   @media only screen and (max-width:576px) {
       .row {
        margin-right:-5px;
        margin-left:-5px
       }

       .qma .qmenu {
        bottom: 26px;
    } 

    .moon .filters b.f8 {
    display:none;
}

    .tblink {
        display: none;
    }

    .tasks h3 s {
        width: 37px;
        margin: 19px 0 0;
        padding: 4px 9px 0px 8px;
    }

.tasks h3 b {
        width: 29px;
        padding-left: 8px;
        white-space: break-spaces;
        /* margin: 19px 0 0 1px; */
        overflow: hidden;
        line-height: 1.4;
        height: 29px;
        padding-top: 4px;
    }

    .wallets-list {
        top: 0px;
        transform: translateX(100%) !important;
    }

    .c5 p, .c6 p {
        width: 99%;
        line-height: 1.5;
        padding: 13px 3px 10px 7px;
    }

    .tasks p time {
        float: none; 
        display: inline-block;
    }

    .wallet-container dir b, .wallet-container h3 {
        margin: 15px 0 5px;
    }

    .wallet-container .wallets-list h3 {
        margin: 10px 0 15px;
        line-height: 19px;
    }

    .wallets-list h3 button {
        margin-top: -3px;
    }

    .send-form, .restore-section, .swag, .keeper-qr, .wallet-settings, .create-nft-form, .create-token-form, .add-custom-token-form {
        top: 46px;
    }

    .send-form h3, .restore-section h3, .swag h3, .keeper-qr h3, .wallet-settings h3, .create-nft-form h3, .create-token-form h3, .add-custom-token-form h3, .txhistory h3 {
        margin: 8px 0px 10px 2px;
        font-size: 18px;
    }

.xpeditorhead {
        top: 10px;
        padding: 4px 0 3px 18%;
    }

    input.xpinput {
        min-width: 140px !important;
        width: 140px;
    }

    .wallets-list h3 .close {
        display:block;
        filter: invert(0);
        opacity:0.5;
    }
    
    .k13 .wallets-list {
        transform: translateX(0%) !important;
    }

    .moon .wallets-list {
        background: #181a24;
        box-shadow: 0 1px 13px #000000;
    }

    .wallet-container h3 .credit31 {
        display:inline-block;
    }

       #workers li {
        width: 47%;
        margin: 3px 0.8% 4px;
    }

       .v3 .post {
        display: inline-block;
        width: 100%;
    }

    .v1 .post-replace {
        display: none;
    }

    .v1 .post-time {
        margin-left: 8px;
    }

    .v1 .post-header {
        text-align: left;
    }

    .v1 .post-header u {
        width: 100%;
        display: inline-block;
        text-align: left;
        margin-bottom: 5px;
    }

    .v1 .post p {
        bottom: 0px;
    }


    .v3 .post-time {
        display: none;
    }

    .v3 .post-header i.comment-alt {
        display: none;
    }

       .v2 .js_posts_stream ul {
           width: 108%;
           margin-left: -4%;
       }

       .v3 .post-header u {
           width: 240px !important;
       }
  
       .main-header ul.options {
        max-width: 130px;
        min-width: 110px;
    }



    .navbar-wrapper i {
        margin-right: 4px;
        margin-left: 1px;
        margin-top: 9px;
    }

    .navbar-wrapper i.lang {
        margin-top: 8px;
    }

    .xcurrencies {
        top: 0;
    }

    #langbox {
        margin: 5px 0 0;
        right: 0px;
    }

   .settings .nav i {
       font-size: 11px !important;
       padding: 28px 5px 24px 3px !important;
       background-position: center 10px !important;
       text-align: center !important;
   }

   .settings .nav-cont {
       max-width: 75% !important;
       padding-left: 5% !important;
       overflow: hidden !important;
   }  

   .v2 .js_posts_stream li {
    width: 45% !important;
    margin: 0 1% 6px !important;
}

.main-header ul.options li {
    color: #111528;
    font-size: 13px;
    max-width: 70px;
}

   .main-header ul.options ul li {
       color: #b6bdd8;
       max-width: 99px;
   }



   #postsgrid {
        transform: translateX(0%);
    }

    .xpsidebar {
        min-height: 90px;
        width: 29%;
    }

    #postsgrid:hover {
        transform: translateX(0);
        max-width: 36%;
    }

   input.xpinput, #xptitle  {
    min-width: 111px !important;
    width: 118px;
}

   .nrttoolbar button:nth-child(1) {
    padding: 15px 7px 15px 18px;
    margin-left: 5px;
   }

   .nrttoolbar button:nth-child(2), .nrttoolbar button:nth-child(3), .nrttoolbar button:nth-child(14) {
    padding: 15px 11px;
   }

   .nrttoolbar button:nth-child(10), .nrttoolbar button:nth-child(11) {
    padding: 15px 13px;
   }
  
  }