/*
	Theme Name: IntlCoin
	Description:
	Version: 1.0
	Author:
*/

/* Global */
*, *:before, *:after {
    box-sizing: border-box;
}
html, body {
    font-family: 'Lexend', sans-serif;
    line-height: 1.5;
    font-size: 16px;
    font-weight: normal;
    background: rgba(19, 19, 19, 0.95);
    color: #FEFEFE;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    color: #FEFEFE;
}
html,
body {
    overflow-x: hidden !important;
    margin: 0;
    padding: 0;
}
a:focus, button:focus,
.swiper-pagination-bullet:focus {
    outline: none !important;
}
:focus, a:focus, button:focus {
    outline: none !important;
    text-decoration: none;
}
input::-ms-clear {
    display: none;
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
::-webkit-scrollbar-button {
    width: 0;
    height: 0px;
}
::-webkit-scrollbar-thumb {
    background: #8B8B8B;
    border: 71px none #ffffff;
    border-radius: 15px;
}
::-webkit-scrollbar-thumb:hover {
    background: #8B8B8B;
}
::-webkit-scrollbar-thumb:active {
    background: #8B8B8B;
}
::-webkit-scrollbar-track {
    border: 65px none #ffffff;
}
::-webkit-scrollbar-track:hover {
    background: #fff;
}
::-webkit-scrollbar-corner {
    background: transparent;
}

a, button, .btn {
    color: #575757;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a:hover,
a:focus {
    text-decoration: none;
    color: #668EA7;
    cursor: pointer;
}
img {
    max-width: 100%;
    height: auto;
}
.form-row {
    margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;
}
::-moz-selection {
    background: #2452A0;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #2452A0;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background: #2452A0;
    color: #fff;
    text-shadow: none;
}

.aligncenter {
    display: block;
    margin: 10px auto 10px;
}
.alignleft {
    display: block;
    float: left;
    clear: left;
    margin: 10px 20px 10px 0;
}
.alignright {
    display: block;
    float: right;
    clear: right;
    margin: 10px 0 10px 20px;
}

table {
    border-collapse: collapse;
}
h1 {
    font-size: 35px;
    line-height: 1.2;
}
h2 {
    font-size: 30px;
    line-height: 1.2;
}
h3 {
    font-size: 25px;
    line-height: 1.2;
}
h4 {
    font-size: 21px;
    line-height: 1.2;
}
h5 {
    font-size: 18px;
    line-height: 1.2;
}
h6 {
    font-size: 16px;
    line-height: 1.2;
}
/* input */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="search"],
input[type="url"],
textarea,
select {
    font-family: 'Lexend', sans-serif;
    position: relative;
    border: none;
    border-bottom: 1px solid rgba(245, 245, 245, 0.5);
    background: transparent !important;
    padding: 0 10px;
    height: 40px;
    width: 100%;
    max-width: 450px;
    font-size: 14px;
    line-height: 1;
    border-radius: 0;
    color: #fefefe;
}

/* select2 */
.select2 {
    border: 0;
    border-bottom: 1px solid rgba(245, 245, 245, 0.5) !important;
}
.select2 .select2-selection--single,
.select2 .select2-selection__rendered {
    font-family: 'Lexend', sans-serif;
    position: relative;
    border: none !important;
    background: transparent !important;
    padding: 0 10px !important;
    height: 40px !important;
    width: 100% !important;
    max-width: 450px !important;
    font-size: 14px !important;
    line-height: 40px !important;
    border-radius: 0;
    color: #fefefe !important;
    border-radius: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px !important;
}
.select2 .select2-selection__rendered {
    color: #fefefe !important;
    padding: 0 !important;
}
.select2-dropdown {
    background-color: rgba(30, 30, 30, 0.95) !important;
    border: none !important;
    border-radius: 5px;
}
.select2-search--dropdown .select2-search__field {
    height: 40px !important;
    border: 1px solid rgba(245, 245, 245, 0.5) !important;
}
.select2-container--default .select2-results__option--selected {
    background: #2452A0 !important;
    color: #fefefe !important;
}
.select2-container--default .select2-results__option--highlighted {
    background-color: #2452A0 !important;
}
.select2-container--default .select2-results__option--selected {
    background-color: rgba(88, 150, 251, 0.5) !important;
}
/* / select2 */

/* select2 | white */
.select2-white .select2-container {
    border-bottom: none !important;
}
.select2-white .select2 .select2-selection--single {
    border: 1px solid #e6eef5 !important;
    border-radius: 5px !important;
    margin-bottom: 5px !important;
}
.select2-white .select2 .select2-selection__rendered {
    color: #1E1E1E !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}
.select2-white .select2 .select2-selection__rendered {
    color: #1E1E1E !important;
}
.select2-white .select2-dropdown {
    background-color: #fff !important;
    border: none !important;
}
.select2-white .select2-search--dropdown .select2-search__field {
    height: 40px !important;
    border: 1px solid rgba(245, 245, 245, 0.5) !important;
    color: #1E1E1E !important;
}
.select2-white .select2-container--default .select2-results__option--selected {
    background: #2452A0 !important;
    color: #1E1E1E !important;
}
/* / select2 */

textarea {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 80px;
    width: 100%;
    max-width: 450px;
}
input[type="date"]::-webkit-inner-spin-button {
    opacity: 0
}
input[type="date"]::-webkit-calendar-picker-indicator {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='17' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.19421 9.37889c0-.21296-.17274-.38548-.38587-.38548H4.46183c-.21289 0-.38566.17252-.38566.38548v1.34631c0 .2133.17277.3859.38566.3859h1.34651c.21313 0 .38587-.1726.38587-.3859V9.37889zM9.55925 9.37889c0-.21296-.17277-.38548-.38549-.38548h-1.3467c-.21288 0-.38565.17252-.38565.38548v1.34631c0 .2133.17277.3859.38565.3859h1.3467c.21272 0 .38549-.1726.38549-.3859V9.37889zM12.9247 9.37889c0-.21296-.1728-.38548-.3857-.38548h-1.3465c-.2131 0-.3859.17252-.3859.38548v1.34631c0 .2133.1728.3859.3859.3859h1.3465c.2129 0 .3857-.1726.3857-.3859V9.37889zM6.19421 12.7443c0-.2133-.17274-.3857-.38587-.3857H4.46183c-.21289 0-.38566.1724-.38566.3857v1.3461c0 .2131.17277.3857.38566.3857h1.34651c.21313 0 .38587-.1726.38587-.3857v-1.3461zM9.55925 12.7443c0-.2133-.17277-.3857-.38549-.3857h-1.3467c-.21288 0-.38565.1724-.38565.3857v1.3461c0 .2131.17277.3857.38565.3857h1.3467c.21272 0 .38549-.1726.38549-.3857v-1.3461zM12.9247 12.7443c0-.2133-.1728-.3857-.3855-.3857h-1.3467c-.2131 0-.3859.1724-.3859.3857v1.3461c0 .2131.1728.3857.3859.3857h1.3467c.2127 0 .3855-.1726.3855-.3857v-1.3461z' fill='%23FEFEFE'/%3E%3Cpath d='M15.332 1.89288v2.05643c0 .92949-.7541 1.67851-1.6834 1.67851h-1.0619c-.9294 0-1.6935-.74902-1.6935-1.67851V1.8855H6.10685v2.06381c0 .92949-.764 1.67851-1.69327 1.67851H3.35144c-.92931 0-1.68331-.74902-1.68331-1.67851V1.89288C.855902 1.91736.188477 2.58946.188477 3.41554V15.4672C.188477 16.3088.870633 17 1.71225 17H15.2878c.8404 0 1.5238-.6926 1.5238-1.5328V3.41554c0-.82608-.6674-1.49818-1.4796-1.52266zm-.4933 12.82382c0 .3637-.2949.6588-.6587.6588H2.79107c-.36385 0-.65875-.2951-.65875-.6588V8.4916c0-.36386.29486-.65893.65875-.65893H14.18c.3638 0 .6587.29507.6587.65893v6.2251z' fill='%23FEFEFE'/%3E%3Cpath d='M3.34784 4.52536h1.0504c.31882 0 .57733-.25812.57733-.57695V.577158C4.97557.258299 4.71706 0 4.39824 0h-1.0504c-.31886 0-.57733.258299-.57733.577158V3.94841c0 .31883.25847.57695.57733.57695zM12.5734 4.52536h1.0504c.3186 0 .5771-.25812.5771-.57695V.577158C14.2009.258299 13.9424 0 13.6238 0h-1.0504c-.3188 0-.5773.258299-.5773.577158V3.94841c0 .31883.2585.57695.5773.57695z' fill='%23FEFEFE'/%3E%3C/svg%3E");
}

/* placeholder */
input:-moz-placeholder,
textarea:-moz-placeholder {
    font-size: 14px;
    line-height: 1;
    color: rgba(254, 254, 254, 0.75);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 1;
    color: rgba(254, 254, 254, 0.75);
}
/* date */
::-webkit-datetime-edit-text { color: rgba(254, 254, 254, 0.75); }
::-webkit-datetime-edit-month-field { color: rgba(254, 254, 254, 0.75); }
::-webkit-datetime-edit-day-field { color: rgba(254, 254, 254, 0.75); }
::-webkit-datetime-edit-year-field { color: rgba(254, 254, 254, 0.75); }
/* / placeholder */

/* btn's */
.btn,
.btn2,
.button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 250px;
    height: 60px;
    background: #668EA7;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.01em;
    color: #FEFEFE;
    cursor: pointer;
    border: 0;
    padding: 0;
    background: linear-gradient(92.32deg, #2452A0 -26.36%, #2E60AB 36.82%, #57C3E9 100%);
    background-size: 120% 100%;
    background-position: 0 100%;
    border-radius: 15px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 3;
}
.btn2 {
    border: 2px solid rgba(255, 255, 255, 0.85);
    border-radius: 15px;
    background: transparent;
    width: 170px;
    height: 40px;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
}
.btn2:after {
    content: '';
    position: relative;
    width: 10px;
    height: 10px;
    float: right;
    margin-left: 7px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.60938 4.60938H5.39062V.390625C5.39062.174883 5.21574 0 5 0c-.21574 0-.39062.174883-.39062.390625V4.60938H.390625C.174883 4.60938 0 4.78426 0 5c0 .21574.174883.39062.390625.39062H4.60938v4.21876C4.60938 9.82512 4.78426 10 5 10c.21574 0 .39062-.17488.39062-.39062V5.39062h4.21876C9.82512 5.39062 10 5.21574 10 5c0-.21574-.17488-.39062-.39062-.39062z' fill='%23fff'/%3E%3C/svg%3E");
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s;
}
.btn-none {
    background: transparent;
    color: #1E1E1E;
    font-weight: 500;
    max-width: initial;
    width: auto;
}
.btn:hover,
.button:hover {
    color: #fff;
    background-position: 100% 250%;
}
.btn2:hover {
    color: #fff;
}
.btn2:hover:after {
    transform: scale(1.5);
}
.btn-none:hover {
    color: #2452A0;
    transform: scale(1.05);
}
.btn:focus,
.button:focus {
    transform: scale(0.95);
    color: #fff;
    box-shadow: none !important;
}
.btn-none:focus {
    color: #2452A0;
}
.btn-mla {
    margin-left: auto;
}
.ov-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 85px;
    /* max-width: 250px; */
    height: 40px;
    background: #333;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.01em;
    color: #FEFEFE;
    cursor: pointer;
    border: 0;
    padding: 5px;
    border-radius: 15px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 3;
}
.ov-btn.ov-btn-view {
    background: linear-gradient(92.32deg, #2452A0 -26.36%, #2E60AB 36.82%, #57C3E9 100%);
}
.ov-btn.ov-btn-edit {
    background: #16C784;
}
.ov-btn.ov-btn-done {
    background: #16C784;
}
.ov-btn.ov-btn-delete {
    background: #E3000F;
}
.ov-btn.ov-btn-cancel,
.ov-btn.ov-btn-cencel {
    background: #E3000F;
}
.ov-btn.ov-btn-view:before,
.ov-btn.ov-btn-edit:before,
.ov-btn.ov-btn-done:before,
.ov-btn.ov-btn-cencel:before,
.ov-btn.ov-btn-delete:before {
    content: '';
    position: relative;
    width: 15px;
    height: 15px;
    margin: -1px 5px 0 0;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff'%3E%3Cpath d='M9.26331 2.51953L1.0101 10.7733c-.041524.0417-.071505.0943-.085782.1508l-.91478952 3.6717c-.02736398.1106.00511592.2281.08578012.3088.0610334.061.1441964.0948.2292624.0948.026055 0 .052706-.0032.078642-.0097l3.671767-.915c.05723-.0142.10922-.0441.15074-.0856l8.25398-8.25323-3.21639-3.21634zM14.5242 1.39415l-.9187-.918718c-.614-.614024-1.6842-.613429-2.2975 0L10.1826 1.6008l3.2162 3.21622 1.1254-1.12537c.3067-.30659.4757-.71468.4757-1.14869 0-.43402-.169-.8421-.4757-1.14881z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s;
}
.ov-btn.ov-btn-view:before {
    width: 18px;
    height: 12px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8914 5.53186c-.2093-.4264-.8148-1.53686-1.9148-2.63684-.824-.82397-1.7602-1.48105-2.7829-1.953075-1.277-.589381-2.688-.8882341-4.19368-.8882341-1.49719 0-2.9009.2954981-4.17209.8782951C3.80802 1.39957 2.87336 2.05113 2.04986 2.86861.939693 3.97079.323 5.09777.109394 5.53119c-.1456035.29541-.1458583.64166-.000764.93729.209274.4264.814795 1.53687 1.91481 2.63688.82393.82393 1.76024 1.48104 2.78287 1.95304 1.27701.5894 2.68802.8883 4.19371.8883 1.49718 0 2.90088-.2955 4.17208-.8783 1.0199-.4676 1.9546-1.11915 2.7781-1.93662 1.1102-1.10218 1.7268-2.22917 1.9404-2.66258.1456-.29546.1459-.64167.0008-.93734zM9.00002 10.6724c-2.58043 0-4.67223-2.09177-4.67223-4.67221 0-2.58043 2.0918-4.67223 4.67223-4.67223 2.58048 0 4.67228 2.09184 4.67228 4.67223s-2.0918 4.67221-4.67228 4.67221z' fill='%23FEFEFE'/%3E%3Cpath d='M8.99955 9.39803c1.87665 0 3.39795-1.52133 3.39795-3.39799s-1.5213-3.39799-3.39795-3.39799c-1.87666 0-3.39799 1.52133-3.39799 3.39799s1.52133 3.39799 3.39799 3.39799z' fill='%23FEFEFE'/%3E%3C/svg%3E");
    background-size: 18px 12px;
}
.ov-btn.ov-btn-done:before {
    width: 18px;
    height: 14px;
    background-image: url("data:image/svg+xml,%0A%3Csvg class='svg-inline--fa fa-check fa-w-16' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FEFEFE' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
    background-size: 18px 14px;
}
.ov-btn.ov-btn-delete:before {
    width: 13px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4219 1.875H8.84375v-.46875C8.84375.62959 8.21416 0 7.4375 0h-1.875c-.77666 0-1.40625.62959-1.40625 1.40625V1.875H1.57812c-.647192 0-1.17187.52468-1.17187 1.17188v.9375c0 .25889.209854.46874.46875.46874h11.25c.2589 0 .4688-.20985.4688-.46874v-.9375c0-.6472-.5247-1.17188-1.1719-1.17188zm-6.32815-.46875c0-.2584.21035-.46875.46875-.46875h1.875c.2584 0 .46875.21035.46875.46875V1.875h-2.8125v-.46875zM1.29589 5.39062c-.08364 0-.15029.06991-.14631.15346l.38672 8.11642C1.57204 14.4117 2.18904 15 2.94079 15h7.11851c.7518 0 1.3688-.5883 1.4045-1.3395l.3868-8.11642c.0039-.08355-.0627-.15346-.1463-.15346H1.29589zM8.37507 6.5625c0-.25898.20977-.46875.46875-.46875.25899 0 .46875.20977.46875.46875v6.0937c0 .259-.20976.4688-.46875.4688-.25898 0-.46875-.2098-.46875-.4688V6.5625zm-2.34375 0c0-.25898.20977-.46875.46875-.46875.25899 0 .46875.20977.46875.46875v6.0937c0 .259-.20976.4688-.46875.4688-.25898 0-.46875-.2098-.46875-.4688V6.5625zm-2.34375 0c0-.25898.20977-.46875.46875-.46875.25899 0 .46875.20977.46875.46875v6.0937c0 .259-.20976.4688-.46875.4688-.25898 0-.46875-.2098-.46875-.4688V6.5625z' fill='%23fff'/%3E%3C/svg%3E");
    background-size: 13px 15px;
}
.ov-btn.ov-btn-cencel:before {
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FEFEFE' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
    background-size: 15px 15px;
}
.ov-btn:hover {
    color: #FEFEFE;
}
.ov-btn:hover:before {
    transform: scale(1.2);
}
.ov-btn:focus {
    transform: scale(0.95);
    color: #FEFEFE;
    box-shadow: none !important;
}
/* / btn's */

/* app */

.nav-pills .nav-link.active {
    box-shadow: 0 2px 10px rgba(67, 94, 190, .5)
}
.nav-tabs,
.nav-tabs .nav-link {
    border: none
}
.nav-tabs .nav-link:hover {
    border: none;
    text-shadow: 0 0 2px rgba(67, 94, 190, .3)
}
.nav-tabs .nav-link.active {
    border: none;
    position: relative;
    color: #435ebe;
}
.nav-tabs .nav-link.active:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #435ebe;
    left: 0;
    box-shadow: 0 2px 5px rgba(67, 94, 190, .5)
}
.navbar-fixed {
    position: fixed;
    background: rgba(19, 19, 19, 0.95);
}
.navbar {
    height: 90px;
    padding: 24px
}
.navbar .navbar-brand img {
    height: 24px
}
.navbar .user-menu img {
    width: 39px;
    height: 39px
}
.navbar.navbar-header li {
    display: flex;
    align-items: center
}
.navbar.navbar-header li.nav-icon {
    margin-right: .64px
}
.navbar.navbar-header li.nav-icon .nav-link {
    display: block;
    padding: .64px;
    border-radius: 50%
}
.navbar.navbar-header li.nav-icon .nav-link:hover {
    background: rgba(19, 19, 19, 0.95);
}
.navbar.navbar-header .dropdown>a {
    color: #6c757d;
    font-weight: 600
}
.navbar.navbar-header .dropdown>a svg {
    height: 24px;
    width: 24px
}
.navbar.navbar-header .dropdown>a:after {
    display: none
}
/* / app */

.burger-btn {
    position: absolute;
    display: block;
    top: 50%;
    right: 0;
    color: #fff;
    width: 25px;
    height: 40px;
    background: linear-gradient(92.32deg, #2452A0 -30%, #2E60AB 5%, #57C3E9 100%);
    background-size: 120% 100%;
    background-position: 0 100%;
    border-radius: 10px 0px 0px 10px;
    z-index: 1;
    transform: translateY(-50%);
    font-size: 0;
    line-height: 0;
    -webkit-transition: background-position .2s ease-out;
    transition: background-position .2s ease-out;
}
.burger-btn:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.393143 4.64308L4.8901 0.147619C5.08742 -0.0492063 5.40712 -0.0492063 5.60494 0.147619C5.80226 0.344444 5.80226 0.664139 5.60494 0.860964L1.46468 4.99973L5.60444 9.1385C5.80176 9.33532 5.80176 9.65502 5.60444 9.85234C5.40712 10.0492 5.08692 10.0492 4.8896 9.85234L0.392644 5.35688C0.19831 5.16209 0.198311 4.83737 0.393143 4.64308Z' fill='%23FEFEFE'/%3E%3C/svg%3E%0A");
    background-size: 6px 10px;
    transform: translate(-50%, -50%);
    -webkit-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
}
.burger-btn:hover {
    background-position: 100% 200%;
}
#sidebar:not(.active) .burger-btn:before {
    transform: translate(-50%, -50%) rotate(180deg);
}
#main {
    position: relative;
    margin-left: 350px;
    background: linear-gradient(106.8deg, #1E1E1E 48.51%, #213454 99.51%, #2452A0 100%);
    min-height: 100vh;
    transition: margin-left .3s ease-out;
    z-index: 0;
}
#main:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(img/main-bg.jpg) no-repeat left top;
    background-size: cover;
    z-index: -1;
}
#sidebar.active .sidebar-wrapper {
    left: 0;
    margin-top: 75px;
}
#sidebar:not(.active) .sidebar-wrapper {
    left: -250px;
    margin-top: 75px;
}
#sidebar:not(.active) .sidebar-header {
    width: 100px;
}
#sidebar:not(.active)~#main {
    margin-left: 100px
}
#sidebar:not(.active)~#main .header-top {
    width: calc(100% - 100px);
}
.sidebar-wrapper {
    position: relative;
    width: 350px;
    min-height: calc(100vh - 76px);
    position: fixed;
    top: 0;
    z-index: 10;
    overflow-x: hidden;
    background: #131313;
    bottom: 0;
    transition: left .3s ease-out;
}
.sidebar-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(img/sid-stars.svg) no-repeat left top;
    background-size: cover;
    z-index: -1;
    -webkit-animation: anim-dots 45s ease-in-out infinite;
    animation: anim-dots 45s ease-in-out infinite;
}
@keyframes anim-dots {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) rotate(0) rotate3d(0,0,0,0) translate(-1%,-1%);
        transform: scale(1) rotate(0) rotate3d(0,0,0,0) translate(-1%,-1%)
    }
    2% {opacity: .45}
    5% {opacity: .75}
    8% {opacity: 1}
    10% {opacity: .60}
    12% {opacity: 1}
    15% {opacity: .65}
    17% {opacity: .1}
    20% {opacity: .70}
    22% {opacity: .1}
    25% {
        opacity: .80;
        -webkit-transform: scale(1.05) rotate(1deg) rotate3d(10,10,10,1deg) translate(1%,1%);
        transform: scale(1.05) rotate(1deg) rotate3d(10,10,10,1deg) translate(1%,1%)
    }
    28% {opacity: 1}
    30% {opacity: .65}
    33% {opacity: 1}
    35% {opacity: .70}
    38% {opacity: 1}
    40% {opacity: .70}
    42% {opacity: 1}
    45% {opacity: .55}
    48% {opacity: 1}
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1) translate(2%,-2%);
        transform: scale(1.1) translate(2%,-2%)
    }
    53% {opacity: .65}
    55% {opacity: 1}
    57% {opacity: .70}
    60% {opacity: 1}
    62% {opacity: .1}
    65% {opacity: .75}
    68% {opacity: 1}
    70% {
        opacity: .45;
        -webkit-transform: scale(1.05) rotate(-1deg) rotate3d(7,5,5,-1deg) translate(0%,1%);
        transform: scale(1.05) rotate(-1deg) rotate3d(7,5,5,-1deg) translate(0%,1%)
    }
    73% {opacity: 1}
    75% {opacity: .75}
    78% {opacity: 1}
    80% {opacity: .70}
    82% {opacity: 1}
    85% {opacity: .85}
    88% {opacity: 1}
    90% {opacity: .60}
    92% {opacity: 1}
    95% {opacity: .60}
    98% {opacity: 1}
    100% {
        opacity: 1;
        -webkit-transform: scale(1) rotate(0) rotate3d(0,0,0,0) translate(-1%,-1%);
        transform: scale(1) rotate(0) rotate3d(0,0,0,0) translate(-1%,-1%)
    }
}
.sidebar-wrapper .sidebar-header {
    position: fixed;
    width: 350px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1E1E1E;
    height: 75px;
    z-index: 9;
}
.sidebar-wrapper .sidebar-toggler.x {
    position: absolute;
    right: 0;
    top: 8px;
    display: none
}

/* Colapsed sidebar */      /* #sidebar:not(.active) */
#sidebar:not(.active) .sidebar-wrapper {
    width: 100px;
}
#sidebar:not(.active) .sidebar-wrapper {
    left: 0;
}
#sidebar:not(.active) .logo,
#sidebar:not(.active) .sidebar-body-info-position,
#sidebar:not(.active) .sidebar-body-location,
#sidebar:not(.active) .sidebar-menu-info {
    display: none;
}
#sidebar:not(.active) .sidebar-top-bg {
    padding-left: 25px;
    padding-right: 25px;
}
#sidebar:not(.active) .sidebar-body-avatar-bg,
#sidebar:not(.active) .sidebar-body-avatar-img {
    width: 50px;
    height: 50px;
}
#sidebar:not(.active) .sidebar-body-avatar-plus img,
#sidebar:not(.active) .sidebar-body-avatar-plus svg {
    width: 11px;
    height: 11px;
}
#sidebar:not(.active) .sidebar-body-info-name span {
    font-size: 0;
    display: inline-block;
}
#sidebar:not(.active) .sidebar-body-info-name span::first-letter {
    font-size: 20px;
}
#sidebar:not(.active) .sidebar-menu-bg ul {
    padding: 0;
}
#sidebar:not(.active) .sidebar-menu-bg ul li a,
#sidebar:not(.active) .sidebar-menu-bg ul li div {
    width: 100%;
}
#sidebar:not(.active) .sidebar-menu-bg ul li i.ico {
    justify-content: center;
    flex: 1 0 auto;
    width: 100%;
}
#sidebar:not(.active) .sidebar-menu-bg ul li a,
#sidebar:not(.active) .sidebar-menu-bg ul li div {
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
}
#sidebar:not(.active) .sidebar-menu-bg ul li .sidebar-menu-info-bg {
    margin-top: 5px;
    padding: 0 5px;
}
#sidebar:not(.active) .sidebar-menu-bg {
    margin-top: 30px;
}
#sidebar:not(.active) .sidebar-menu-bg .sidebar-menu-li-bg:hover {
    background: rgba(254, 254, 254, 0.05);
}
#sidebar:not(.active) .sidebar-footer-bg {
    display: none;
}
/* Colapsed sidebar */




/* ======================================= */
/* =============== Sidebar =============== */
/* ======================================= */
.sidebar-body {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.sidebar-top-bg {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 30px 30px 0 30px;
}
/* Sidebar avatar */
.sidebar-body-avatar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.sidebar-body-avatar-bg {
    position: relative;
    width: 90px;
    height: 90px;
}
.sidebar-body-avatar-img {
    width: 90px;
    height: 90px;
    overflow: hidden;
    background: #000;
    border-radius: 50%;
}
.sidebar-body-avatar-img img {
    border-radius: 50%;
    overflow: hidden;
}
.sidebar-body-avatar-plus {
    position: absolute;
    right: -7px;
    bottom: 0px;
}
.sidebar-body-avatar-plus button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    border: 0;
    background: transparent;
}
.sidebar-body-avatar-plus button:hover {
    transform: scale(1.2);
}
.sidebar-body-avatar-plus .sidebar-body-avatar-plus-tooltip {
    display: none;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 5px;
    bottom: -50px;
    width: 150px;
    height: 45px;
    background: #FEFEFE;
    border-radius: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.01em;
    color: #1E1E1E;
    padding: 5px 10px 5px 37px;
    text-align-last: left;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.sidebar-body-avatar-plus:hover .sidebar-body-avatar-plus-tooltip {
    display: flex;
    visibility: visible;
    opacity: 1;
}
.sidebar-body-avatar-plus-tooltip:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 15px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%232452A0'%3E%3Cpath d='M12.3511 3.35925L1.3468 14.3643c-.05536.0556-.09534.1257-.11438.201L.0127046 19.461c-.0364853.1474.0068212.3041.1143734.4117.081378.0813.192262.1264.305684.1264.03474 0 .070273-.0043.104855-.013l4.895693-1.2199c.0763-.019.14562-.0589.20099-.1142L16.6395 7.6477l-4.2884-4.28845zM19.3659 1.8587L18.141.633746c-.8187-.818698-2.2456-.817905-3.0634 0L13.5771 2.13424l4.2883 4.2883 1.5005-1.5005c.409-.4088.6342-.9529.6342-1.53159s-.2252-1.1228-.6342-1.53175z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 20px 20px;
    transform: translateY(-50%);
}
.sidebar-body-info {
    width: 100%;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: #FEFEFE;
    margin-top: 15px;
}
.sidebar-body-info-name {
    font-weight: 600;
}
.sidebar-body-info-position {
    margin-top: 3px;
}
.sidebar-body-location {
    width: 100%;
    font-size: 14px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}
.sidebar-body-location-ico svg {
    margin-right: 7px;
    margin-top: -2px;
}
/* / Sidebar avatar */

/* Sidebar menu */
.sidebar-menu-bg ul {
    list-style: none;
    padding: 30px 35px 0 35px;
    margin: 0;
}
.sidebar-menu-bg ul li {
    position: relative;
    padding: 0;
    border-top: 1px solid rgba(254, 254, 254, 0.1);
    z-index: 0;
}
.sidebar-menu-bg ul li:last-child {
    border-bottom: 1px solid rgba(254, 254, 254, 0.1);
}
.sidebar-menu-bg ul li:before {
    content: '';
    position: absolute;
    top: 0;
    left: -35px;
    height: 100%;
    width: calc(100% + 70px);
    background: rgba(254, 254, 254, 0.05);
    opacity: 0;
    z-index: -1;
}
.sidebar-menu-bg ul li.active:before {
    opacity: 1;
}
.sidebar-menu-li-bg {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}
.sidebar-menu-bg ul li i.ico {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 0 35px;
    padding-bottom: 5px;
}
.sidebar-menu-ico-bg {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    z-index: 0;
}
.sidebar-menu-bg ul li i.ico span:before {
    content: '';
    position: absolute;
    right: -6px;
    bottom: -7px;
    width: 15px;
    height: 15px;
    background: #2452A0;
    border-radius: 50%;
    z-index: -1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.sidebar-menu-bg ul li:hover i.ico span:before,
.sidebar-menu-bg ul li.active i.ico span:before {
    width: 35px;
    height: 35px;
    right: -8px;
    bottom: -7px;
}
.sidebar-menu-info-bg {
    flex: 1 0 calc(100% - 35px);
}
.sidebar-menu-bg ul li a,
.sidebar-menu-bg ul li div {
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: #FEFEFE;
    flex-wrap: wrap;
}
.sidebar-menu-bg ul li .sidebar-menu-info {
    font-weight: 400;
    font-size: 12px;
    line-height: 25px;
}
/* / Sidebar menu */

/* Sidebar footer */
.sidebar-footer-bg {
    margin-top: auto;
    font-size: 11px;
    line-height: 1.2;
    text-align: center;
    padding: 50px 35px 50px 35px;
}
.sidebar-footer-bg a {
    color: #2452A0;
}
.sidebar-footer-bg a:hover {
    text-decoration: underline;
}
/* / Sidebar footer */




/* ======================================= */
/* ============= Header top ============== */
/* ======================================= */
.header-top {
    position: fixed;
    display: flex;
    align-items: center;
    width: calc(100% - 350px);
    background: rgba(45, 46, 48, 0.98);
    height: 75px;
    padding: 0 40px;
    -webkit-transition: width .3s ease-out;
    transition: width .3s ease-out;
    z-index: 11;
}

/* Search */
.header-top-search-mob,
.header-top-search-close-mob {
    display: none;
}
.header-top-search {
    margin-right: auto;
}
.header-top-search form {
    position: relative;
}
.header-top-search input[type="search"],
.header-top-search input[type="text"] {
    width: 450px;
}
.header-top-search button {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    font-size: 0;
    line-height: 0;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.header-top-search button:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.7722 18.6726l-4.881-4.8809c1.2133-1.4589 1.9442-3.3324 1.9442-5.37373C16.8354 3.77628 13.0592 0 8.41776 0 3.77618 0 0 3.77628 0 8.41797c0 4.64133 3.77618 8.41733 8.41776 8.41733 2.04124 0 3.91484-.7308 5.37374-1.9441l4.8811 4.881c.1518.1519.3508.2278.5498.2278.199 0 .398-.0759.5499-.2278.3037-.3037.3037-.7959-.0001-1.0996zM1.55518 8.41797c0-3.78416 3.07852-6.86279 6.86258-6.86279 3.78394 0 6.86234 3.07863 6.86234 6.86279 0 3.78383-3.0784 6.86213-6.86234 6.86213-3.78406 0-6.86258-3.0783-6.86258-6.86213z' fill='%23FEFEFE'/%3E%3C/svg%3E");
    background-size: 20px 20px;
    transform: translate(-50%, -50%);
    -webkit-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
}
.header-top-search button:hover:before {
    transform: scale(1.1) translate(-50%, -50%);
}
/* / Search */

/* Lang select/ all select */
.header-top-lan {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 50px;
}
.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}
.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    width: 110px;
    height: 40px;
    user-select: none;
}
.select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    padding: 8px 15px;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.select-styled:after {
    content: '';
    position: absolute;
    display: block;
    top: 40%;
    right: 15px;
    border-right: 2px solid #FEFEFE;
    border-bottom: 2px solid #FEFEFE;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    -webkit-transition: border .15s linear;
    transition: border .15s linear;
}
.select-styled:hover {
    background-color: rgba(30, 30, 30, 0.85);
}
.select-styled:active:after,
.select-styled.active:after {
    right: 10px;
    -webkit-transform: rotate(-135deg) translateY(-50%);
    transform: rotate(-135deg) translateY(-50%);
}
.select-options {
    display: none;
    position: absolute;
    top: 120%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #FEFEFE;
    border-radius: 15px;
    color: #1E1E1E;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    overflow: hidden;
}
.select-options li {
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}
.page-shop-box-t .select-options li:nth-child(1) {
    pointer-events: none;
    text-align: center;
    text-indent: 0;
    font-weight: 600;
    border-bottom: 1px solid #66686d;
}
.select-options li:hover {
    background: #2452A0;
    color: #fff;
}
.select-options li[rel="hide"] {
    display: none;
}
/* / Lang select */

/* Notification */
.header-top-notification {
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
}
.header-top-notification i {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 30px;
    margin-right: 10px;
}
.header-top-notification .header-top-notification-b {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -10px;
    bottom: -6px;
    width: auto;
    min-width: 15px;
    height: 15px;
    background: #E3000F;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    padding: 0 4px;
    border-radius: 50%;
}
/* / Notification */




/* ======================================= */
/* ================ Home ================= */
/* ======================================= */
.page-content {
    color: #FEFEFE;
    padding: 100px 40px 40px 40px;
}
.page-title {
    font-weight: 500;
    font-size: 35px;
    line-height: 1;
    margin: 0;
}
.user-info-block {
    position: relative;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 600px;
    font-size: 14px;
    /* color: rgba(254, 254, 254, 0.8); */
}
.user-info-block .user-info {
    flex: 1 0 50%;
}
.user-info-block .user-info-span {
    display: inline-block;
    min-width: 30px;
    font-weight: 600;
}

.page-body-bg {
    margin-top: 50px;
}
.page-sub-title {
    position: relative;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    padding-left: 20px;
    margin-top: 50px;
}
.page-sub-title:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #FEFEFE;
    border-radius: 50%;
}

/* Table */
.divTable{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 950px;
    margin-top: 25px;
}
.divTable .divTableRow {
    background: rgba(254, 254, 254, 0.05);
    border: 2px solid rgba(254, 254, 254, 0.2);
    border-bottom: 0;
}
.divTable .divTableRow:first-child {
    border-radius: 15px 15px 0 0;
}
.divTable .divTableRow:nth-child(2n) {
    background: rgba(254, 254, 254, 0.11);
}
.divTable .divTableRow:last-child {
    border-bottom: 2px solid rgba(254, 254, 254, 0.2);
    border-radius: 0 0 15px 15px;
}
.divTableRow {
    display: flex;
    width: 100%;
}
.divTableCell {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 1 1 auto;
    padding: 23px 15px;
}
.divTableCell-ml-auto {
    margin-left: auto;
}
.divTableRow-floatLeft .divTableCell {
    flex: 0 0 auto;
}
.divTableRow .divTableCell:first-child {
    padding-left: 38px;
}
.divTableRow .divTableCell:last-child {
    padding-right: 38px;
}
.divTableBody {
    display: table-row-group;
}
/* / Table */

.overview-box {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    z-index: 0;
}
.overview-box a {
    color: #FEFEFE;
}
.overview-box a:hover {
    color: #2452A0;
    text-decoration: underline;
}
.overview-box.overview-balance:before,
.overview-box.overview-wallet:before,
.overview-box.overview-send:before,
.overview-box.overview-receive:before,
.overview-box.overview-shop:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9966 4.14062h-5.6641c-.48537 0-.87889.39352-.87889.87891s.39352.87891.87889.87891h5.6641c.4854 0 .8789-.39352.8789-.87891s-.3935-.87891-.8789-.87891zM1.5625 18.197v.7935c0 .3203.25957.5798.5798.5798h7.04352c.32023 0 .5798-.2595.5798-.5798v-.7935c0-.3202-.25957-.5798-.5798-.5798H2.1423c-.32023 0-.5798.2596-.5798.5798zM0 15.072v.7935c0 .3203.25957.5798.579805.5798H7.62332c.32023 0 .5798-.2595.5798-.5798v-.7935c0-.3202-.25957-.5798-.5798-.5798H.579805C.25957 14.4922 0 14.7518 0 15.072zM9.18582 11.3672H2.1423c-.32023 0-.5798.2596-.5798.5798v.7935c0 .3203.25957.5798.5798.5798h7.04352c.32023 0 .5798-.2595.5798-.5798v-.7935c0-.3202-.25957-.5798-.5798-.5798zM12.3463 10.2862c-.0411.2179.0117.421.1345.5173.0481.0377.1021.0746.16.1108V9.81148c-.1706.11926-.2635.31022-.2945.47472zM13.6177 12.4011v1.659c.2993-.1616.4771-.4598.5247-.7426.0339-.202.0478-.6868-.5247-.9164z' fill='%23FEFEFE'/%3E%3Cpath d='M19.9773 13.9036c-.1755-1.5671-.6888-3.1078-1.4843-4.45542-.5279-.89434-1.1644-1.68902-1.8998-2.37785H9.74131c-.94176.88492-1.72535 1.94488-2.30625 3.12497h1.74461c.96923 0 1.75783.7886 1.75783 1.7578v.7813c0 .9032-.6849 1.6492-1.56252 1.7467v1.9754c.81352.0904 1.46102.7379 1.55142 1.5514h5.358c1.0582 0 2.07-.4528 2.7758-1.2421.699-.7818 1.0333-1.825.9171-2.8622zm-4.8719-.4242c-.0746.4433-.2976.8546-.628 1.1582-.2471.227-.5389.3824-.8597.461v.3702c0 .2696-.2186.4882-.4883.4882-.2697 0-.4883-.2186-.4883-.4882v-.3246c-.409-.0338-.7457-.1417-1.2245-.4549-.2256-.1477-.2889-.4503-.1413-.676.1477-.2256.4503-.2889.676-.1413.2768.1811.4536.2584.6898.2899v-2.1451c-.3239-.1479-.5651-.2899-.7626-.4449-.4127-.3236-.601-.8856-.4915-1.4666.1194-.6336.5602-1.13767 1.1506-1.31548.0348-.01051.0694-.02012.1036-.02902v-.32328c0-.26965.2185-.48829.4882-.48829.2697 0 .4883.21864.4883.48829v.26914c.4899.08187.8358.32211 1.0026.51355.1771.20332.156.51176-.0473.68891-.2024.17628-.5089.15618-.6864-.04446-.0116-.01183-.0994-.09687-.2689-.15531v1.65235c.0923.0344.1845.0676.275.0996.8899.3146 1.3659 1.1067 1.2127 2.0181zM10.7761 2.96877h4.7772c.4286-.40926.7494-.91527.9369-1.47219.1496-.44457-.265-.871441-.7169-.745542-.7742.215664-1.6122.131132-2.3365-.253555-.17-.090313-.3742-.090313-.5442 0-.7243.384726-1.5623.469258-2.3365.253555-.4519-.12586-.86652.300972-.71687.745542.18747.55692.50827 1.06293.93687 1.47219z' fill='%23FEFEFE'/%3E%3C/svg%3E");
    background-size: 20px 20px;
    transform: translateY(-50%);
    -webkit-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
}
.overview-box.overview-wallet:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.67355 4.05523l7.97305-2.1763-.4222-.85346c-.2763-.554741-.9501-.783826-1.5048-.507577L3.58203 4.05523h1.09152zM15.1214 1.94183c-.0988 0-.1976.01348-.2965.04043l-1.8731.51207-5.72035 1.56092h9.32285l-.3504-1.28467c-.1347-.50084-.5884-.82875-1.0825-.82875zM17.7249 4.84128H1.12521c-.354856 0-.671532.16395-.878158.42223-.094329.11904-.1661985.25604-.2066253.40652C.0157215 5.76436 0 5.86318 0 5.96424V18.4763c0 .6199.503088 1.123 1.12296 1.123H17.7226c.6199 0 1.123-.5031 1.123-1.123v-3.1331h-6.6637c-1.0533 0-1.909-.8557-1.909-1.909v-2.4975c0-.5165.2066-.98591.5412-1.32954.2965-.30547.694-.51209 1.1387-.56375.0742-.00896.1505-.01347.2269-.01347h6.6659v-3.0657c.0022-.61987-.5008-1.12296-1.1207-1.12296z' fill='%23FEFEFE'/%3E%3Cpath d='M19.6336 10.1035c-.1123-.1033-.2448-.18193-.3931-.23359-.1145-.03815-.2358-.06061-.3638-.06061h-6.6951c-.6199 0-1.123.5031-1.123 1.123v2.4997c0 .6198.5031 1.1229 1.123 1.1229h6.6951c.128 0 .2493-.0224.3638-.0606.1483-.0494.2808-.1303.3931-.2336.2246-.2044.366-.5008.366-.8287v-2.4997c0-.328-.1414-.6245-.366-.8288zm-5.1073 2.3021c0 .3099-.2515.5614-.5615.5614h-.3728c-.3099 0-.5615-.2515-.5615-.5614v-.3729c0-.1796.0831-.3391.2156-.4402.0966-.0741.2157-.1212.3459-.1212h.3728c.31 0 .5615.2515.5615.5614v.3729z' fill='%23FEFEFE'/%3E%3C/svg%3E");
}
.overview-box.overview-send:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.00950893.428574L0 7.09522 14.2857 9 0 10.9048l.00950893 6.6666L20 9 .00950893.428574z' fill='%23FEFEFE'/%3E%3C/svg%3E");
}
.overview-box.overview-receive:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.48519 8.37688c-.13483-.13483-.35276-.13483-.48758 0-.13483.13482-.13483.35276 0 .48758l2.75827 2.75824c.00035.0004.00035.0004.00069.0007L10 11.8669l.2435-.2435.0007-.0007 2.7582-2.75824c.1349-.13482.1349-.35276 0-.48758-.1348-.13483-.3527-.13483-.4876 0l-2.17 2.17002V1.03446c0-.190341-.1541-.344824-.3448-.344824-.19067 0-.34481.154483-.34481.344824v9.51244l-2.17-2.17002z' fill='%23FEFEFE'/%3E%3Cpath d='M19.9934 11.2675l-.1555-.2331h-.0031l-1.2355-1.85547-.8348-1.25104.0014-.00069-1.3745-2.06517h-3.9776v.68966h3.6086l2.9928 4.48271h-5.5669v2.4138H6.55172v-2.4138H.984828L3.97759 6.55169h3.60862v-.68966H3.60862L.148621 11.0451l-.004828.0004L0 11.2603V18.1434c0 .6435.523793 1.1669 1.16724 1.1669H18.8328c.6434 0 1.1672-.5234 1.1672-1.1669v-6.8296l-.0048-.0125-.0018-.0338z' fill='%23FEFEFE'/%3E%3C/svg%3E");
}
.overview-box.overview-shop:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)' fill='%23FEFEFE'%3E%3Cpath d='M13.7695 10.332c.3231 0 .586-.2629.586-.58594 0-.32308-.2629-.58593-.586-.58593-.3231 0-.5859.26285-.5859.58593 0 .32304.2628.58594.5859.58594zM6.23047 10.3321c.32308 0 .58594-.2629.58594-.58598 0-.32308-.26286-.58593-.58594-.58593-.32309 0-.58594.26285-.58594.58593s.26281.58598.58594.58598z'/%3E%3Cpath d='M19.9964 19.095l-1.446-12.92962c-.0333-.29656-.284-.52082-.5823-.52082h-3.6127v2.44456c.682.24188 1.1719.89316 1.1719 1.65699 0 .96929-.7885 1.75779-1.7578 1.75779-.9692 0-1.7578-.7885-1.7578-1.75779 0-.76387.4899-1.41511 1.1719-1.65699V5.64456H6.81641v2.44456c.68199.24188 1.17187.89316 1.17187 1.65699 0 .96929-.78855 1.75779-1.7578 1.75779-.96926 0-1.75781-.7885-1.75781-1.75779 0-.76387.48988-1.41511 1.17187-1.65699V5.64456H2.03006c-.29843 0-.54921.2243-.5823.5209L.00362626 19.0951c-.01851556.1657.03445304.3314.14562474.4557.111171.1243.26996.1953.436717.1953H19.4141c.1668 0 .3256-.071.4368-.1953.1111-.1243.164-.2901.1455-.4558zM6.81641 4.60941c0-1.75543 1.42816-3.1836 3.18359-3.1836 1.7554 0 3.1836 1.42817 3.1836 3.1836v1.03515h1.1719V4.60941C14.3555 2.2078 12.4016.253937 10 .253937S5.64453 2.2078 5.64453 4.60941v1.03515h1.17188V4.60941z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.overview-box.overview-desc {
    width: 100%;
    padding: 0;
    margin-top: 10px;
}
.overview-box.overview-desc h1,
.overview-box.overview-desc h2,
.overview-box.overview-desc h3,
.overview-box.overview-desc h4,
.overview-box.overview-desc h5,
.overview-box.overview-desc h6 {
    margin-bottom: 3px;
    line-height: 1.3;
}
.overview-box.overview-desc h1 {
    font-size: 23px;
}
.overview-box.overview-desc h2 {
    font-size: 20px;
}
.overview-box.overview-desc h3 {
    font-size: 18px;
}
.overview-box.overview-desc h4 {
    font-size: 16px;
}
.overview-box.overview-desc h5 {
    font-size: 14px;
}
.overview-box.overview-desc h6 {
    font-size: 12px;
}
.overview-box.overview-desc span {
    font-size: 10px;
    line-height: 15px;
    color: rgba(254, 254, 254, 0.5);
}
.overview-coin-balance {
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
}
.overview-intlc,
.overview-address {
    display: flex;
    align-items: center;
}
.overview-address {
    flex-wrap: wrap;
    font-size: 16px;
    line-height: 1.2;
    font-size: 12px;
    line-height: 15px;
    color: rgba(254, 254, 254, 0.5);
}
.overview-address-hash {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 1.2;
    color: #FEFEFE;
    word-break: break-word;
}
.overview-intlc-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 0 36px;
    width: 36px;
    height: 36px;
    margin-right: 10px;
    background: #E5E5E9;
    border-radius: 50%;
    font-size: 16px;
}
.overview-intlc-body {
    flex: 1 0 calc(100% - 36px);
}
.overview-intlc-body span {
    display: block;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: underline;
    color: rgba(254, 254, 254, 0.5);
}
.overview-hide-balance,
.overview-copy-address,
.overview-qr-code {
    position: relative;
    display: inline-block;
    padding-left: 22px;
    z-index: 0;
    color: #FEFEFE;
    font-weight: 500;
    font-size: 12px;
    z-index: 1;
    -webkit-transition: opacity .2s ease-out , transform .2s ease-out;
    transition: opacity .2s ease-out, transform .2s ease-out;
    cursor: pointer;
    opacity: 0.5;
}
.overview-copy-address {
    cursor: pointer;
}
.overview-copy-address.active {
    transform: scale(0.85);
}
.overview-hide-balance:hover,
.overview-copy-address:hover,
.overview-qr-code:hover {
    opacity: 1;
}
.overview-box.overview-hide-balance:before,
.overview-box.overview-copy-address:before,
.overview-box.overview-qr-code:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 15px;
    height: 13px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.38574 4.12436L9.53298 6.2716l.01023-.11248c0-1.12816-.91683-2.04499-2.04499-2.04499l-.11248.01023z' fill='%23FEFEFE'/%3E%3Cpath d='M7.49812 2.75084c1.88139 0 3.40838 1.52693 3.40838 3.40832 0 .43968-.0887.8589-.242 1.24403l1.9938 1.99386c1.0293-.85889 1.8405-1.96999 2.3415-3.23789-1.1826-2.99249-4.0899-5.11247-7.50164-5.11247-.95434 0-1.86775.1704-2.71642.47715l1.47239 1.46898c.3851-.14996.80432-.24198 1.24399-.24198zM.681653.893298L2.23584 2.44749l.31017.31017C1.42127 3.637.531697 4.80607 0 6.15915c1.17929 2.99249 4.08998 5.11245 7.49831 5.11245 1.05659 0 2.06544-.2045 2.98909-.576l.2897.2897 1.9871 1.9905.8691-.8657L1.55077.0241776.681653.893298zM4.45127 4.6595l1.05317 1.05317c-.03067.14657-.05112.2931-.05112.44648 0 1.12816.91682 2.04499 2.04499 2.04499.15337 0 .29994-.02045.44309-.05113l1.05317 1.05317c-.45332.22495-.95773.36129-1.49626.36129-1.88139 0-3.40833-1.52693-3.40833-3.40832 0-.53851.13634-1.04295.36129-1.49965z' fill='%23FEFEFE'/%3E%3C/svg%3E");
    background-size: 15px 13px;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    -webkit-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
}
.overview-box.overview-copy-address:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)' fill='%23FEFEFE'%3E%3Cpath d='M6.08402 12.1875c-1.46438 0-2.65629-1.1919-2.65629-2.65627V3.12505H2.33402c-.94814 0-1.718786.77053-1.718786 1.71868v8.43747c0 .9482.770646 1.7188 1.718786 1.7188h7.81238c.9482 0 1.7188-.7706 1.7188-1.7188v-1.0937H6.08402z'/%3E%3Cpath d='M14.3652 1.71879C14.3652.769386 13.5958 0 12.6465 0H6.08402c-.9494 0-1.71879.769386-1.71879 1.71879v7.81242c0 .94939.76939 1.71879 1.71879 1.71879h6.56248c.9493 0 1.7187-.7694 1.7187-1.71879V1.71879z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23FEFEFE' d='M0 0h15v15H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    height: 15px;
    background-size: 15px 15px;
}
.overview-box.overview-qr-code:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 14.9999h6.81816V8.18164H0v6.81826zm1.36353-5.45451h4.09095v4.08031H1.36353V9.54539z' fill='%23FEFEFE'/%3E%3Cpath d='M4.09114 10.9089h-1.3636v1.3638h1.3636v-1.3638zM12.2726 13.6364h-1.3639V15h1.3639v-1.3636zM15.0001 13.6364h-1.3639V15h1.3639v-1.3636z' fill='%23FEFEFE'/%3E%3Cpath d='M13.6362 9.54539h-1.3635V8.18164H8.18164v6.81826h1.36375v-4.091h1.36341v1.3638h4.0911V8.18164h-1.3637v1.36375zM0 6.81831h6.81816V0H0v6.81831zm1.36353-5.45478h4.09095v4.09095H1.36353V1.36353z' fill='%23FEFEFE'/%3E%3Cpath d='M4.09114 2.72725h-1.3636v1.36371h1.3636V2.72725zM8.18164 0v6.81831H15V0H8.18164zm5.45456 5.45448H9.54539V1.36353h4.09081v4.09095z' fill='%23FEFEFE'/%3E%3Cpath d='M12.2726 2.72725h-1.3639v1.36371h1.3639V2.72725z' fill='%23FEFEFE'/%3E%3C/svg%3E");
    height: 15px;
    background-size: 15px 15px;
}
.overview-copy-btns {
    display: flex;
    justify-content: center;
}
.overview-copy-btns a,
.overview-copy-btns button {
    margin-right: 10px;
}
.overview-copy-btns a:last-child,
.overview-copy-btns button:last-child {
    margin-right: 0;
}

.delete_confirm-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    visibility: hidden;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 5px 10px;
    opacity: 0;
    background-color: rgb(56 20 20 / 80%);
    animation: load_prod 0.15s linear;
    z-index: 3;
}
.delete_confirm .delete_confirm-box {
    display: flex !important;
    visibility: visible;
    opacity: 1;
}
.delete_confirm-box-ttl {
    width: 100%;
    text-align: center;
    font-size: 14px;
    padding: 0 0 5px 0;
}
.delete_confirm-box-btns {
    display: flex;
    align-items: center;
    justify-content: center;
}
.delete_confirm-box-btns .ov-btn {
    margin: 0 10px;
}

.overview-qr-code #qr-container,
.overview-qr-code #qr-container2,
.overview-qr-code #qr-container3 {
    display: none;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    top: calc(100% + 10px);
    background: #FEFEFE;
    border-radius: 5px;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    color: #1E1E1E;
    padding: 8px;
    text-align: left;
    transform: translateX(-50%);
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    z-index: 1;
}
/* #qrcode_0 canvas {
	position: relative;
	z-index: 9999;
} */
.overview-qr-code #qr-container:before,
.overview-qr-code #qr-container2:before,
.overview-qr-code #qr-container3:before {
    content: '';
    position: absolute;
    top: -1px;
    right: 50%;
    height: 0;
    width: 0;
    border: 8px solid;
    border-color: #FEFEFE #FEFEFE transparent transparent;
    -webkit-transform: rotate(-45deg) translateX(50%);
    transform: rotate(-45deg) translateX(50%);
}
.overview-qr-code:hover #qr-container,
.overview-qr-code:hover #qr-container2,
.overview-qr-code:hover #qr-container3 {
    display: flex;
    visibility: visible;
    opacity: 1;
}
.overview-copy-status {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
}
.overview-copy-status-successful {
    color: #16C784;
}
.overview-copy-status-processing {
    color: #C7B516;
}
.overview-copy-status-unsuccessful {
    color: #C71616;
}
.overview-copy-status-date {
    font-size: 12px;
    line-height: 16px;
    color: rgba(254, 254, 254, 0.5);
    margin-top: 3px;
}
.divTableCell-min-w-135 {
    min-width: 135px;
}
.overview-copy-id-number {
    position: relative;
    display: inherit;
    padding-left: 15px;
    padding-right: 30px;
}
.overview-copy-id-number:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 5px;
    background: #FEFEFE;
    border-radius: 50%;
    transform: translateY(-50%);
}
.overview-copy-id-number-ttl {
    font-size: 16px;
    line-height: 1.2;
}
.overview-copy-id-number-user-status {
    font-size: 12px;
    line-height: 16px;
    color: rgba(254, 254, 254, 0.5);
    margin-top: 3px;
}
.overview-copy-id-number-user-copy {
    position: absolute;
    font-size: 0;
    line-height: 0;
    top: 50%;
    right: 0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
}
.overview-copy-id-number-user-copy.active {
    transform: translateY(-50%) scale(0.85);
}
.overview-copy-id-number-user-copy:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)' fill='%23939496'%3E%3Cpath d='M6.08402 12.1875c-1.46438 0-2.65629-1.1919-2.65629-2.65627V3.12505H2.33402c-.94814 0-1.718786.77053-1.718786 1.71868v8.43747c0 .9482.770646 1.7188 1.718786 1.7188h7.81238c.9482 0 1.7188-.7706 1.7188-1.7188v-1.0937H6.08402z'/%3E%3Cpath d='M14.3652 1.71879C14.3652.769386 13.5958 0 12.6465 0H6.08402c-.9494 0-1.71879.769386-1.71879 1.71879v7.81242c0 .94939.76939 1.71879 1.71879 1.71879h6.56248c.9493 0 1.7187-.7694 1.7187-1.71879V1.71879z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23939496' d='M0 0h15v15H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: 15px 15px;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
    -webkit-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
}
.overview-copy-id-number-user-copy:hover:before {
    transform: translate(-50%, -50%) scale(1.15);
}

/* table */
.divTable-even{
    display: table;
    width: 100%;
    max-width: 950px;
    margin-top: 25px;
}
.divTable-even-mob-scroll,
.divTable-even-mob-scroll2 {
    overflow: auto;
}
.divTable-even-mob-scroll .divTable-even {
    min-width: 460px;
}
.divTable-even-mob-scroll2 .divTable-even {
    min-width: 830px;
}
.dashboard-page .divTable-even-mob-scroll3 {
    overflow-x: auto;
}
.dashboard-page .divTable-even-mob-scroll3 .divTable-even {
    width: 100%;
    max-width: 1400px;
    min-width: 850px;
}
.divTable-even-mob-transaction-history .divTable-even-Row {
    overflow: hidden;
    display: table-row;
}
.divTable-even-mob-transaction-history .divTable-even-Cell {
    overflow: hidden;
    position: relative;
}
.divTable-even-mob-transaction-history .divTable-even-Row.off {
    display: none;
}
.divTable-even-mob-transaction-history .divTable-even-Body .divTable-even-Row.divTable-even-Row-br .divTable-even-Cell:first-child {
    border-radius: 0 0 0 15px;
}
.divTable-even-mob-transaction-history .divTable-even-Body .divTable-even-Row.divTable-even-Row-br .divTable-even-Cell:last-child {
    border-radius: 0 0 15px 0;
}
.divTable-even-mob-transaction-history .divTable-even-Body .divTable-even-Row:first-child.divTable-even-Row-br .divTable-even-Cell:first-child {
    border-radius: 15px 0 0 15px;
}
.divTable-even-mob-transaction-history .divTable-even-Body .divTable-even-Row:first-child.divTable-even-Row-br .divTable-even-Cell:last-child {
    border-radius: 0 15px 15px 0;
}
.divTable-even-mob-transaction-history .divTable-even-Body .divTable-even-Row:first-child .divTable-even-Cell .divTable-transaction-history-label {
    position: relative;
    display: inline-block;
    width: auto;
    padding-right: 25px;
    cursor: pointer;
    user-select: none;
}
.divTable-even-mob-transaction-history .divTable-even-Body .divTable-even-Row:first-child .divTable-even-Cell .divTable-transaction-history-label:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%0A%3Csvg  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23FEFEFE' d='M304 96h16v64h-16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h96a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-16V48a16 16 0 0 0-16-16h-48a16 16 0 0 0-14.29 8.83l-16 32A16 16 0 0 0 304 96zm26.15 162.91a79 79 0 0 0-55 54.17c-14.25 51.05 21.21 97.77 68.85 102.53a84.07 84.07 0 0 1-20.85 12.91c-7.57 3.4-10.8 12.47-8.18 20.34l9.9 20c2.87 8.63 12.53 13.49 20.9 9.91 58-24.76 86.25-61.61 86.25-132V336c-.02-51.21-48.4-91.34-101.85-77.09zM352 356a20 20 0 1 1 20-20 20 20 0 0 1-20 20zm-176-4h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.36 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 16px 16px;
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.divTable-even-mob-transaction-history .divTable-even-Body .divTable-even-Row:first-child .divTable-even-Cell .divTable-transaction-history-label.active:before {
    opacity: 1;
}
.divTable-even-mob-transaction-history .divTable-even-Body .divTable-even-Row:first-child .divTable-even-Cell .divTable-transaction-history-label.active_down:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23FEFEFE' d='M107.31 36.69a16 16 0 0 0-22.62 0l-80 96C-5.35 142.74 1.78 160 16 160h48v304a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16V160h48c14.21 0 21.38-17.24 11.31-27.31zM400 416h-16V304a16 16 0 0 0-16-16h-48a16 16 0 0 0-14.29 8.83l-16 32A16 16 0 0 0 304 352h16v64h-16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h96a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM330.17 34.91a79 79 0 0 0-55 54.17c-14.27 51.05 21.19 97.77 68.83 102.53a84.07 84.07 0 0 1-20.85 12.91c-7.57 3.4-10.8 12.47-8.18 20.34l9.9 20c2.87 8.63 12.53 13.49 20.9 9.91 58-24.77 86.25-61.61 86.25-132V112c-.02-51.21-48.4-91.34-101.85-77.09zM352 132a20 20 0 1 1 20-20 20 20 0 0 1-20 20z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 16px 16px;
}
.divTable-even-mob-transaction-history .divTable-even-Body .divTable-even-Row:first-child .divTable-even-Cell .divTable-transaction-history-search {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 2px;
    font-size: 0;
    line-height: 0;
    width: 18px;
    height: 20px;
    cursor: pointer;
}
.divTable-even-mob-transaction-history .divTable-even-Body .divTable-even-Row:first-child .divTable-even-Cell .divTable-transaction-history-search:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 13px;
    height: 13px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.7722 18.6726l-4.881-4.8809c1.2133-1.4589 1.9442-3.3324 1.9442-5.37373C16.8354 3.77628 13.0592 0 8.41776 0 3.77618 0 0 3.77628 0 8.41797c0 4.64133 3.77618 8.41733 8.41776 8.41733 2.04124 0 3.91484-.7308 5.37374-1.9441l4.8811 4.881c.1518.1519.3508.2278.5498.2278.199 0 .398-.0759.5499-.2278.3037-.3037.3037-.7959-.0001-1.0996zM1.55518 8.41797c0-3.78416 3.07852-6.86279 6.86258-6.86279 3.78394 0 6.86234 3.07863 6.86234 6.86279 0 3.78383-3.0784 6.86213-6.86234 6.86213-3.78406 0-6.86258-3.0783-6.86258-6.86213z' fill='%23FEFEFE'/%3E%3C/svg%3E");
    background-size: 13px 13px;
    transform: translateY(-50%);
    -webkit-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
}
.divTable-even-mob-transaction-history .divTable-even-Body .divTable-even-Row:first-child .divTable-even-Cell .divTable-transaction-history-search:hover:before {
    transform: translateY(-50%) scale(1.15);
}
.divTable-even-mob-transaction-history .divTable-even-Body .divTable-even-Row .divTable-even-Cell .divTable-transaction-history-search-box {
    display: none;
}
.divTable-even-mob-transaction-history .divTable-even-Body .divTable-even-Row .divTable-even-Cell.active_search .divTable-transaction-history-search-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #233a61;
    padding: 5px;
}
.divTable-even-mob-transaction-history .divTable-even-Body .divTable-even-Row .divTable-even-Cell .divTable-transaction-history-search-box form {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.divTable-even-mob-transaction-history .divTable-even-Body .divTable-even-Row .divTable-even-Cell .divTable-transaction-history-search-box form button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border: 0;
    background: transparent;
    font-size: 0;
    line-height: 0;
}
.divTable-even-mob-transaction-history .divTable-even-Body .divTable-even-Row .divTable-even-Cell .divTable-transaction-history-search-box form button:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.7722 18.6726l-4.881-4.8809c1.2133-1.4589 1.9442-3.3324 1.9442-5.37373C16.8354 3.77628 13.0592 0 8.41776 0 3.77618 0 0 3.77628 0 8.41797c0 4.64133 3.77618 8.41733 8.41776 8.41733 2.04124 0 3.91484-.7308 5.37374-1.9441l4.8811 4.881c.1518.1519.3508.2278.5498.2278.199 0 .398-.0759.5499-.2278.3037-.3037.3037-.7959-.0001-1.0996zM1.55518 8.41797c0-3.78416 3.07852-6.86279 6.86258-6.86279 3.78394 0 6.86234 3.07863 6.86234 6.86279 0 3.78383-3.0784 6.86213-6.86234 6.86213-3.78406 0-6.86258-3.0783-6.86258-6.86213z' fill='%23FEFEFE'/%3E%3C/svg%3E");
    background-size: 18px 18px;
    transform: translate(-50%, -50%);
    -webkit-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
}
.divTable-even-mob-transaction-history .divTable-even-Body .divTable-even-Row .divTable-even-Cell .divTable-transaction-history-search-box form button:hover:before {
    transform: scale(1.1) translate(-50%, -50%);
}
.divTable-even-mob-transaction-history .divTable-even-Body .divTable-even-Row .divTable-even-Cell .divTable-transaction-history-search-box .history-search-close {
    content: '';
    position: absolute;
    width: 17px;
    height: 15px;
    top: 5px;
    right: 5px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FEFEFE' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
    background-size: 15px 15px;
    background-position: center;
    font-size: 0;
    line-height: 0;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s;
    cursor: pointer;
}
.divTable-even-mob-transaction-history .divTable-even-Body .divTable-even-Row .divTable-even-Cell .divTable-transaction-history-search-box .history-search-close:hover {
    transform: scale(1.1) rotate(90deg);
}
.divTable-even-mob-transaction-history .divTable-even-Body .divTable-even-Row:first-child .divTable-even-Cell .divTable-transaction-history-search-box input {
    width: 60%;
    height: 30px;
}

.divTable-even-Row {
    position: relative;
    display: table-row;
    z-index: 0;
}
.divTable-even-Body .divTable-even-Row:first-child .divTable-even-Cell:first-child {
    border-radius: 15px 0 0 0;
}
.divTable-even-Body .divTable-even-Row:first-child .divTable-even-Cell:last-child {
    border-radius: 0 15px 0 0;
}
.divTable-even-Body .divTable-even-Row:last-child .divTable-even-Cell:first-child {
    border-radius: 0 0 0 15px;
}
.divTable-even-Body .divTable-even-Row:last-child .divTable-even-Cell:last-child {
    border-radius: 0 0 15px 0;
}
.divTable-even-Body .divTable-even-Row:last-child .divTable-even-Cell {
    border-bottom: 2px solid rgba(254, 254, 254, 0.2);
}
.divTable-even-Body .divTable-even-Row:nth-child(2n) {
    background: rgba(254, 254, 254, 0.11);
}
.divTable-even-Body .divTable-even-Row .divTable-even-Cell:first-child {
    padding-left: 38px;
}
.divTable-even-Body .divTable-even-Row .divTable-even-Cell:last-child {
    padding-right: 38px;
}
.divTable-even-Cell {
    display: table-cell;
    vertical-align: middle;
    background: rgba(254, 254, 254, 0.05);
    border-top: 2px solid rgba(254, 254, 254, 0.2);
    padding: 23px 15px;
}
.divTable-even-Cell:first-child {
    border-left: 2px solid rgba(254, 254, 254, 0.2);
}
.divTable-even-Cell:last-child {
    border-right: 2px solid rgba(254, 254, 254, 0.2);
}
.divTable-even-Cell-small {
    font-size: 10px;
}
.divTable-even-Body,
.divTable-even-Body2 {
    display: table-row-group;
}
/* / table */
.fixed-mob {
    display: none;
}
/* Menu hamburger */
.hamburger {
    display: none;
}
.hamburger .line,
.hamburger-search .line {
    width: 22px;
    height: 2px;
    background-color: #FEFEFE;
    display: block;
    margin: 2.5px auto;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.hamburger.active-menu .line:nth-child(2),
.hamburger-search.active .line:nth-child(2) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.hamburger.active-menu .line:nth-child(1) {
    -webkit-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
}
.hamburger.active-menu .line:nth-child(3) {
    -webkit-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
}
.hamburger-search {
    padding: 10px;
}
.hamburger-search.active .line:nth-child(1) {
    -webkit-transform: translateY(4px) rotate(45deg);
    transform: translateY(4px) rotate(45deg);
}
.hamburger-search.active .line:nth-child(3) {
    -webkit-transform: translateY(-5px) rotate(-45deg);
    transform: translateY(-5px) rotate(-45deg);
}

/* Notification */
.notification-box {
    position: absolute;
    top: calc(100% + 30px);
    right: 0;
    height: auto;
    width: 350px;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    color: #1E1E1E;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear;
    z-index: 1;
    background: #FEFEFE;
    border-radius: 0px 0px 5px 5px;
    border-radius: 15px;
}
.notification-box.active {
    visibility: visible !important;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    display: block;
    cursor: default;
}
.notification-header {
    padding: 18px 15px;
    background: #F0F0F0;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.notification-header-l {
    padding-right: 20px;
}
.notification-header-r a {
    color: #2452A0;
    text-decoration: underline;
}
.notification-header-r a:hover {
    opacity: 0.6;
}
.notification-body {
    padding: 18px 15px;
}
.notification-body-empty {
    position: relative;
    font-size: 12px;
    line-height: 1.2;
    color: rgba(30, 30, 30, 0.5);
    text-align: center;
    padding-top: 30px;
    margin: 11px 0;
}
.notification-body-empty:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 18px;
    height: 20px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8162 14.0942c-1.26-1.065-1.9825-2.6217-1.9825-4.27087V7.5c0-2.9325-2.1784-5.36-5.00004-5.76667V.833333C9.83366.3725 9.46033 0 9.00033 0s-.83334.3725-.83334.833333v.899997c-2.8225.40667-5 2.83417-5 5.76667v2.32333c0 1.64917-.7225 3.20587-1.99 4.27747-.324164.2775-.509998.6809-.509998 1.1075 0 .8042.654168 1.4584 1.458338 1.4584H15.8753c.8042 0 1.4584-.6542 1.4584-1.4584 0-.4266-.1859-.83-.5175-1.1141zM9.00014 20.0758c1.50916 0 2.77166-1.0758 3.06166-2.5H5.93848c.29 1.4242 1.5525 2.5 3.06166 2.5z' fill='%231E1E1E' fill-opacity='.5'/%3E%3C/svg%3E");
    background-size: 18px 20px;
    background-repeat: no-repeat;
    background-position: center top;
}
.notification-body-full .not-load-btn-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.notification-body-full .not-load-btn-bg .not-load-btn {
    position: relative;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    color: #1E1E1E;
    padding: 5px 35px 5px 0;
    margin-top: 15px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.notification-body-full .not-load-btn-bg .not-load-btn:before {
    filter: invert();
}
.notification-body-full .not-load-btn-bg .not-load-btn:hover {
    transform: scale(1.05);
}
.notification-body-full .not-load-btn-bg .not-load-btn.notification-body-full-diss,
.transaction-history-btn.transaction-history-btn-diss {
    opacity: 0.6;
    pointer-events: none;
}
.notification-body-full ul {
    list-style: none;
    padding: 0 10px 0 0;
    margin: 0 -10px 0 0;
    max-height: 370px;
    overflow-y: auto;
}
.notification-body-full ul li {
    display: block;
    margin-bottom: 15px;
}
.notification-body-full ul li:last-child {
    margin-bottom: 0;
}
.notification-body-full ul li.off {
    display: none;
}
.notification-body-box {
    display: flex;
    flex-wrap: wrap;
}
.notification-body-box-l {
    position: relative;
    padding-left: 25px;
    flex: 1 1 calc(100% - 100px);
}
.notification-body-full li .notification-body-box-l:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 15px;
    height: 11px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.94336 5.57687l5.05684 3.19687V2.245L9.94336 5.57687zM0 2.245v6.52874l5.05688-3.19687L0 2.245zM14.0627.34375H.937695c-.467812 0-.8390622.34875-.9093747.79781L7.5002 6.06437l7.4719-4.92281c-.0703-.44906-.4416-.79781-.9094-.79781zM9.08465 6.14315l-1.32656.87375c-.07875.05156-.16782.07687-.25782.07687s-.17906-.02531-.25781-.07687L5.9159 6.14221.0302734 9.86502c.0721876.44528.4415626.79128.9074996.79128H14.0628c.4659 0 .8353-.346.9075-.79128L9.08465 6.14315z' fill='%232452A0'/%3E%3C/svg%3E");
    background-size: 15px 11px;
    background-repeat: no-repeat;
    background-position: center top;
}
.notification-body-full li.notification-gift .notification-body-box-l:before {
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)' fill='%232452A0'%3E%3Cpath d='M14.0217 2.92257h-1.0918c.144-.22792.239-.48377.2661-.75436.0866-.86476-.3688-1.639951-1.1441-1.983633-.7127-.315908-1.5136-.18676768-2.09032.336299L8.58287 1.77039c-.2685-.29367-.65449-.47824-1.08287-.47824-.42914 0-.81574.18515-1.08431.47973L5.03522.520729C4.45758-.00233714 3.65701-.13098 2.94466.184753 2.16952.528464 1.71401 1.30392 1.80085 2.16865c.02716.27038.12214.52611.26613.75392H.978252C.437959 2.92257 0 3.36056 0 3.90083v1.46739c0 .27012.218994.48914.489141.48914H14.5109c.2701 0 .4891-.21899.4891-.48914V3.90083c0-.54027-.438-.97826-.9783-.97826zm-7.98909-.16303v.16303H3.73154c-.60797 0-1.08644-.56677-.9346-1.19976.06689-.27876.2681-.51639.52834-.63668.35737-.165176.75323-.112149 1.05337.15952l1.65437 1.49947c-.00009.00484-.00041.00958-.00041.01442zm6.19279-.7212c-.0364.50839-.4957.88429-1.0053.88429H8.96739V2.7596c0-.00577-.00035-.01149-.00041-.01726.37477-.33973 1.18782-1.0766 1.62872-1.4763.2506-.22714.6013-.333162.9254-.23648.4652.13875.7383.53431.7043 1.00878zM.978516 6.83472v7.17388c0 .5403.437954.9783.978254.9783h4.56521V6.83472H.978516zM8.47852 6.83472v8.15218h4.56518c.5403 0 .9783-.438.9783-.9783V6.83472H8.47852z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h15v15H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: 15px 15px;
}
.notification-body-box-l-ttl {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
}
.notification-body-box-l-desc {
    font-size: 10px;
    line-height: 15px;
    color: rgba(30, 30, 30, 0.5);
    margin-top: 5px;
}
.notification-body-box-r {
    flex: 1 1 100px;
}
.notification-body-box-r-date {
    font-weight: 500;
    font-size: 10px;
    line-height: 20px;
    text-align: right;
}
@-webkit-keyframes col-menu {
    99% {
        overflow: visible;
    }
    100% {
        overflow: hidden;

    }
}
@keyframes col-menu {
    99% {
        overflow: visible;
    }
    100% {
        overflow: hidden;

    }
}
/* / */

/* Notifycation popup style */
#notifyjs-container-top-right div {
    padding: 15px 30px 15px 50px !important;
    border: 0 !important;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    border-radius: 15px;
}
#notifyjs-container-top-right div div {
    padding: 0 !important;
}
.notifyjs-success111 {
    background-color: red !important;
}
.progress {
    left: 9px !important;
    max-width: calc(100% - 18px);
}

#notifyjs-container-top-right {
    top: 75px !important;
}
/* / */




/* ======================================= */
/* ================ Shop ================= */
/* ======================================= */
/* Category menu */
.page-shop-categories {
    width: 100%;
    max-width: 950px;
    margin-top: 25px;
}
.page-shop-categories ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.page-shop-categories ul li a {
    position: relative;
    display: inline-block;
    background: #2E2E2E;
    color: #FEFEFE;
    border-radius: 3px;
    padding: 10px 25px 10px 45px;
    font-size: 16px;
    line-height: 21px;
    margin: 0 10px 10px 0;
    border: 2px solid #4D4D4D;
    border-radius: 15px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.page-shop-categories ul li.active a {
    padding-right: 45px;
}
.page-shop-categories ul li.active a {
    background: #202836;
    border: 2px solid #21314C;
}
.page-shop-categories ul li a:hover {
    transform: scale(1.05);
}
.page-shop-categories ul li a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 15px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3056 4.43596l-.2992.09485-1.5934.14197-.4501.71874-.3266-.10377-1.2682-1.14336-.1839-.59461-.2464-.63407-.7971-.71492-.9403-.18398-.0216.43035.9212.89891.4507.53094-.5067.26483-.4126-.12159-.6181-.25784.021-.49847-.8111-.33359-.2693 1.17202-.8174.18526.0809.6538 1.065.20499.184-1.04469.8792.12987.4087.23937h.6557l.4488.89891 1.1899 1.20702-.0872.46919-.9594-.12223-1.6578.83715-1.1936 1.43176-.1554.63407h-.4284l-.79833-.36797-.77541.36797.1929.81806.33741-.389.59333-.0184-.0414.7346.4915.1439.4908.5513.8015-.2254.9155.1446 1.0631.2858.531.0624.9001 1.0218 1.7374 1.0217-1.1237 2.1467-1.186.5513-.4501 1.2268-1.7163 1.1459-.1827.6608c4.3876-1.0568 7.6515-4.9981 7.6515-9.71034-.0013-2.05818-.6251-3.97377-1.6934-5.5634z' fill='%23FEFEFE'/%3E%3Cpath d='M11.1503 15.226l-.7283-1.3503.6684-1.3929-.6684-.1999-.7506-.7537-1.66285-.3731-.55195-1.1548v.6856h-.24318L5.78039 8.74395v-1.596L4.72997 5.4399l-1.66794.2973H1.9384l-.56532-.37051.72129-.57168-.71938.16616C.507916 6.44194.00244141 8.16017.00244141 10.0006.00244141 15.522 4.4785 20 10.0005 20c.4253 0 .8423-.0376 1.2548-.0872l-.1044-1.2115s.459-1.7991.459-1.8602c-.0006-.0617-.4596-1.6151-.4596-1.6151zM3.71812 3.22447l1.77617-.24764.81869-.44882.92119.26547 1.47186-.08149.5042-.79259.73529.12096 1.78568-.16743.4921-.5424.694-.463456.9816.147696.3578-.054113C12.9637.35205 11.525 0 10.0003 0 6.89676 0 4.12174 1.41457 2.28955 3.63573h.00509l1.42348-.41126zM10.423.994398l1.0211-.562134.6557.378788-.9492.722558-.9065.09104-.40808-.26483.58698-.365422zm-3.02459.082122l.45073.1878.59014-.1878.3215.55704-1.36237.35778-.65508-.38324c-.00063 0 .64044-.41253.65508-.53158z' fill='%23FEFEFE'/%3E%3C/svg%3E");
    background-size: 20px 20px;
    background-position: center top;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
.page-shop-categories ul li a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 0C3.36437 0 0 3.36437 0 7.5 0 11.6356 3.36437 15 7.5 15c4.1356 0 7.5-3.3644 7.5-7.5C15 3.36437 11.6356 0 7.5 0zm3.8013 5.91062l-4.06255 4.0625c-.12188.12188-.28188.18308-.44187.18308-.16 0-.32-.0612-.44188-.18308L4.32375 7.94187c-.24437-.24437-.24437-.63937 0-.88374.24438-.24438.63937-.24438.88375 0L6.79688 8.6475l3.62062-3.62062c.2444-.24438.6394-.24438.8838 0 .2443.24437.2443.63937 0 .88374z' fill='%23FEFEFE' fill-opacity='.85'/%3E%3C/svg%3E");
    background-size: 15px 15px;
    background-position: center top;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    visibility: hidden;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.page-shop-categories ul li.active a:after {
    visibility: visible;
    opacity: 1;
}
.page-shop-categories-clear-all-box {
    margin-top: 10px;
}
.page-shop-categories-clear-all,
.page-shop-box-clear-all {
    position: relative;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.01em;
    text-decoration-line: underline;
    color: #FEFEFE;
    padding: 2px 22px 2px 0;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}
.page-shop-categories-clear-all:hover,
.page-shop-box-clear-all:hover {
    color: #2452A0;
}
.page-shop-categories-clear-all:before,
.page-shop-box-clear-all:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 15px;
    height: 16px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8057 2.19482c-2.92639-2.925755-7.6855-2.925755-10.61187 0-2.925108 2.92576-2.925108 7.68609 0 10.61188 1.46319 1.4625 3.38471 2.1935 5.30625 2.1935 1.92155 0 3.84242-.731 5.30562-2.1935 2.9257-2.92576 2.9257-7.68612 0-10.61188zm-2.2111 7.51665c.2445.24448.2445.63963 0 .88413-.1219.122-.282.1832-.4421.1832-.16002 0-.32011-.0612-.44205-.1832l-2.2104-2.21102L5.29027 10.595c-.12255.1219-.28265.1832-.4421.1832-.16006 0-.32016-.0613-.44209-.1832-.24448-.2445-.24448-.64031 0-.88418l2.20979-2.2104-2.2104-2.2104c-.24448-.24448-.24448-.64029 0-.88415.24386-.24448.63967-.24448.88415 0l2.2104 2.2104 2.2104-2.2104c.24448-.24448.63968-.24448.88418 0 .2445.24386.2445.63967 0 .88415l-2.21042 2.2104 2.21042 2.21105z' fill='%23FEFEFE' fill-opacity='.85'/%3E%3C/svg%3E");
    background-size: 15px 15px;
    background-position: center top;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
/* / Category menu */

/* Shop */
/* Top block */
.page-shop-box {
    position: relative;
    border-top: 1px solid rgba(245, 245, 245, 0.25);
    margin-top: 25px;
    padding-top: 50px;
    width: 100%;
    max-width: 950px;
}
.page-shop-box-t {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.page-shop-box-t-balance {
    position: relative;
    display: inline-block;
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
    padding-left: 30px;
}
.page-shop-box-t-balance:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9966 4.14062h-5.6641c-.48537 0-.87889.39352-.87889.87891s.39352.87891.87889.87891h5.6641c.4854 0 .8789-.39352.8789-.87891s-.3935-.87891-.8789-.87891zM1.5625 18.197v.7935c0 .3203.25957.5798.5798.5798h7.04352c.32023 0 .5798-.2595.5798-.5798v-.7935c0-.3202-.25957-.5798-.5798-.5798H2.1423c-.32023 0-.5798.2596-.5798.5798zM0 15.072v.7935c0 .3203.25957.5798.579805.5798H7.62332c.32023 0 .5798-.2595.5798-.5798v-.7935c0-.3202-.25957-.5798-.5798-.5798H.579805C.25957 14.4922 0 14.7518 0 15.072zM9.18582 11.3672H2.1423c-.32023 0-.5798.2596-.5798.5798v.7935c0 .3203.25957.5798.5798.5798h7.04352c.32023 0 .5798-.2595.5798-.5798v-.7935c0-.3202-.25957-.5798-.5798-.5798zM12.3463 10.2862c-.0411.2179.0117.421.1345.5173.0481.0377.1021.0746.16.1108V9.81148c-.1706.11926-.2635.31022-.2945.47472zM13.6177 12.4011v1.659c.2993-.1616.4771-.4598.5247-.7426.0339-.202.0478-.6868-.5247-.9164z' fill='%23FEFEFE'/%3E%3Cpath d='M19.9773 13.9036c-.1755-1.5671-.6888-3.1078-1.4843-4.45542-.5279-.89434-1.1644-1.68902-1.8998-2.37785H9.74131c-.94176.88492-1.72535 1.94488-2.30625 3.12497h1.74461c.96923 0 1.75783.7886 1.75783 1.7578v.7813c0 .9032-.6849 1.6492-1.56252 1.7467v1.9754c.81352.0904 1.46102.7379 1.55142 1.5514h5.358c1.0582 0 2.07-.4528 2.7758-1.2421.699-.7818 1.0333-1.825.9171-2.8622zm-4.8719-.4242c-.0746.4433-.2976.8546-.628 1.1582-.2471.227-.5389.3824-.8597.461v.3702c0 .2696-.2186.4882-.4883.4882-.2697 0-.4883-.2186-.4883-.4882v-.3246c-.409-.0338-.7457-.1417-1.2245-.4549-.2256-.1477-.2889-.4503-.1413-.676.1477-.2256.4503-.2889.676-.1413.2768.1811.4536.2584.6898.2899v-2.1451c-.3239-.1479-.5651-.2899-.7626-.4449-.4127-.3236-.601-.8856-.4915-1.4666.1194-.6336.5602-1.13767 1.1506-1.31548.0348-.01051.0694-.02012.1036-.02902v-.32328c0-.26965.2185-.48829.4882-.48829.2697 0 .4883.21864.4883.48829v.26914c.4899.08187.8358.32211 1.0026.51355.1771.20332.156.51176-.0473.68891-.2024.17628-.5089.15618-.6864-.04446-.0116-.01183-.0994-.09687-.2689-.15531v1.65235c.0923.0344.1845.0676.275.0996.8899.3146 1.3659 1.1067 1.2127 2.0181zM10.7761 2.96877h4.7772c.4286-.40926.7494-.91527.9369-1.47219.1496-.44457-.265-.871441-.7169-.745542-.7742.215664-1.6122.131132-2.3365-.253555-.17-.090313-.3742-.090313-.5442 0-.7243.384726-1.5623.469258-2.3365.253555-.4519-.12586-.86652.300972-.71687.745542.18747.55692.50827 1.06293.93687 1.47219z' fill='%23FEFEFE'/%3E%3C/svg%3E");
    background-size: 20px 20px;
    background-position: center top;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
.page-shop-box-t-balance span {
    font-size: 25px;
    margin-left: 15px;
}
.page-shop-box-t-price {
    position: relative;
    margin-left: auto;
}
.page-shop-box-t-sort {
    position: relative;
    margin-left: 50px;
}
.page-shop-box-t-sort .select {
    width: 205px;
}
.select-styled {
    font-weight: 400 !important;
    border-bottom: 1px solid rgba(254, 254, 254, 0.85);
    color: rgba(254, 254, 254, 0.75);
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
}
/* Transaction history sorting */
.page-shop-box-transaction-history {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 15px;
}
.page-shop-box-transaction-history .page-shop-box-t-price select,
.page-shop-box-transaction-history .page-shop-box-t-price input {
    height: 40px;
    width: auto;
    min-width: 100px;
}
.page-shop-box-transaction-history .page-shop-box-t-price .select {
    min-width: 100px;
    width: auto;
}
.page-shop-box-transaction-history .page-shop-box-t-sort .select {
    min-width: 165px;
    width: auto;
}
.page-shop-box-transaction-history .page-shop-box-t-price,
.page-shop-box-transaction-history .page-shop-box-t-sort {
    height: 45px;
    margin: 0 0 0 20px;
}
.page-shop-box-transaction-history .page-shop-box-t-price {
    margin-left: 0;
}
.page-shop-box-transaction-history .page-shop-box-t-sort-date {
    height: 45px;
}
.page-shop-box-transaction-history .page-shop-box-t-sort-date label {
    position: relative;
    margin: 0 0 0 20px;
    color: rgba(254, 254, 254, 0.75);
    width: 140px;
}
.page-shop-box-transaction-history .page-shop-box-t-sort-date span {
    position: absolute;
    top: -5px;
    left: 0;
    font-size: 11px;
    line-height: 1;
}
.page-shop-box-clear-all-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
}
.page-shop-box-clear-all {
    display: none;
}
.page-shop-box-clear-all.active-fillters {
    display: block;
}
/* / Top block */

/* Top btn */
.page-shop-box-btn {
    margin-top: 25px;
}
/* / Top btn */

/* Products */
.page-shop-box-products {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
}
.product {
    display: flex;
    flex-direction: column;
    border: 2px solid rgb(254 254 254 / 15%);
    padding: 35px 20px;
    border-radius: 15px;
    flex: 0 0 calc(25% - 10px);
    max-width: calc(25% - 10px);
    margin: 0 10px 10px 0;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    color: #FEFEFE;
}
.page-shop-box-products .product:nth-child(4n) {
    margin-right: 0;
}
.page-shop-box-products .product:nth-child(4n) {
    flex: 0 0 25%;
    max-width: 25%;
}
.product .product-thmb-box img {
    display: block;
    margin: 0 auto;
}
.product-title-box {
    margin-top: 15px;
    flex: 1 0 auto;
    min-height: 40px;
}
.product-title {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    word-break: break-all;
}
.product-price-box {
    margin-top: 5px;
    font-weight: 500;
    font-size: 23px;
    line-height: 31px;
}
.product-price-box .price {
    font-weight: 500;
    font-size: 23px;
    line-height: 31px;
}
.product-price-box .price bdi,
.product-price-box .price ins {
    text-decoration: none;
}
.product-price-box .price del {
    margin-right: 5px;
    color: rgba(245, 245, 245, 0.5);
    font-size: 20px;
}
.product-btn-box {
    margin-top: 35px;
}
.product-btn-box .button {
    width: 100%;
    max-width: 100%;
}
/* Ajax product load */
.page-shop-box-products-load-btn-bg,
.transaction-history-btn-bg {
    margin-top: 10px;
    display: flex;
    /* justify-content: flex-end; */
    justify-content: flex-start;
}
.page-shop-box-products-load-btn,
.transaction-history-btn {
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    color: #FEFEFE;
    padding: 5px 35px 5px 0;
}
.page-shop-box-products-load-btn:hover,
.page-shop-box-products-load-btn:focus,
.transaction-history-btn:hover,
.transaction-history-btn:focus {
    color: #FEFEFE;
}
.page-shop-box-products-load-btn:before,
.notification-body-full .not-load-btn-bg .not-load-btn:before,
.transaction-history-btn:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4693 4.67856c1.2919 0 2.3393-1.04733 2.3393-2.33928S11.7612 0 10.4693 0C9.17725 0 8.12988 1.04733 8.12988 2.33928s1.04737 2.33928 2.33942 2.33928zM10.4689 19.9999c.7751 0 1.4035-.6283 1.4035-1.4034s-.6284-1.4034-1.4035-1.4034c-.77512 0-1.40347.6283-1.40347 1.4034s.62835 1.4034 1.40347 1.4034zM4.72082 6.82502c1.16288 0 2.10558-.94267 2.10558-2.1055 0-1.16284-.9427-2.10551-2.10558-2.10551s-2.10559.94267-2.10559 2.10551c0 1.16283.94271 2.1055 2.10559 2.1055zM16.2175 17.3844c.646 0 1.1697-.5236 1.1697-1.1696s-.5237-1.1696-1.1697-1.1696c-.646 0-1.1696.5236-1.1696 1.1696s.5236 1.1696 1.1696 1.1696zM2.33979 12.3392c1.03335 0 1.87104-.8376 1.87104-1.8709 0-1.03335-.83769-1.87101-1.87104-1.87101S.46875 9.43495.46875 10.4683c0 1.0333.83769 1.8709 1.87104 1.8709zM18.5982 11.4027c.5165 0 .9352-.4187.9352-.9351 0-.51647-.4187-.93513-.9352-.93513-.5164 0-.9351.41866-.9351.93513 0 .5164.4187.9351.9351.9351zM3.56291 15.0588c-.63987.6398-.63987 1.6751 0 2.315.63912.6398 1.67597.6398 2.31508 0 .63987-.6399.63987-1.6752 0-2.315-.63911-.6406-1.67521-.6467-2.31508 0zM16.217 5.42084c.3873 0 .7013-.31399.7013-.70132 0-.38734-.314-.70133-.7013-.70133-.3874 0-.7014.31399-.7014.70133 0 .38733.314.70132.7014.70132z' fill='%23fff'/%3E%3C/svg%3E");
    background-size: 20px 20px;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.product.off {
    display: none;
    visibility: hidden;
    opacity: 0;
}
.product.load {
    animation: load_prod 0.5s linear;
}
@keyframes load_prod {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/* / Ajax product load */
/* / Products */
/* / Shop */
/* Isotope Transitions
------------------------------- */
.isotope,
.isotope .item {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:         top, left, opacity;
    transition-property:         transform, opacity;
}


/* responsive media queries */

@media (max-width: 768px) {

}

/* Modal */
/* Search */
.search-holder {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
}
.search-holder.active {
    visibility: visible;
}
.search-holder .circle {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(30, 30, 30, 0.5);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    z-index: 99998;
}
.search-holder.active .circle.active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.search-holder_close-bg {
    position: absolute;
    top: 30px;
    right: 25px;
}
.search-holder_close {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    z-index: 1;
    font-size: 0;
    line-height: 0;
    width: 25px;
    height: 25px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.search-holder_close:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.search-holder_close:before,
.search-holder_close:after {
    content: '';
    position: absolute;
    right: 50%;
    top: 45%;
    width: 25px;
    height: 2px;
    border-radius: 5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background-color: #1E1E1E;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translateY(50%) translateX(50%) rotate(45deg);
    transform: translateY(50%) translateX(50%) rotate(45deg);
}
.search-holder_close:after {
    -webkit-transform: translateY(50%) translateX(50%) rotate(-45deg);
    transform: translateY(50%) translateX(50%) rotate(-45deg);
}
.search-holder_text {
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
}
.search-holder_desc {
    font-size: 16px;
    line-height: 25px;
    text-align: center;
}
.search-holder_desc span {
    display: block;
    font-size: 14px;
}
.search-holder .search-input {
    height: 40px;
    width: 100%;
    background: #fff !important;
    text-align: left;
    border: 0;
    box-shadow: none;
    outline: none;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    font-size: 1em;
    padding: 0 20px;
    border-radius: 50px;
}
.search-holder form{
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate(0,55px);
    transform: translate(0,55px);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
}
.search-holder.active form {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: transform .4s ease, opacity .2s ease;
    -webkit-transition: opacity .2s ease, -webkit-transform .4s ease;
    transition: opacity .2s ease, -webkit-transform .4s ease;
    transition: transform .4s ease, opacity .2s ease;
    transition: transform .4s ease, opacity .2s ease, -webkit-transform .4s ease;
}
.search-holder .search-holder_text {
    text-align: center;
    padding: 30px 25px;
    border-bottom: 1px solid rgba(30, 30, 30, 0.07);
    /* 	-webkit-transform: translate(0,35px);
                transform: translate(0,35px); */
    /* 	-webkit-transition: opacity .2s ease, -webkit-transform .4s ease;
        transition: opacity .2s ease, -webkit-transform .4s ease;
        transition: transform .4s ease, opacity .2s ease;
        transition: transform .4s ease, opacity .2s ease, -webkit-transform .4s ease; */
}
.search-holder.active .search-holder_text {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
.search-holder .search-submit-bg {
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 0;
    line-height: 0;
    width: 50px;
    height: 40px;
    background: transparent;
    border: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.search-holder .form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    position: fixed;
    margin-top: 50px;
    -webkit-transition: width .4s ease;
    transition: width .4s ease;
    z-index: 99999;
    overflow: hidden;
    width: 100%;
    max-width: 500px;
    max-height: calc(100vh - 100px);
    color: #1E1E1E;
}
.search-holder .form-bg {
    position: relative;
    margin: 0 auto;
    overflow-y: auto;
    width: 100%;
    max-width: 500px;
    background: #fff;
    border-radius: 15px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.search-holder.active .form-bg {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.search-holder .form form {
    position: relative;
    width: 100%;
    margin-top: 20px;
    z-index: 9;
}
.search-holder_box {
    padding: 30px 25px;
    color: #1E1E1E;
}
.search-holder_box .overview-address-hash,
.search-holder_box .overview-address,
.search-holder_box .overview-hide-balance,
.search-holder_box .overview-qr-code,
.search-holder_box .overview-copy-address {
    color: #1E1E1E;
}
.search-holder_box .overview-box.overview-wallet:before {
    filter: invert();
}
.search-holder_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 25px;
    border-top: 1px solid rgba(30, 30, 30, 0.07);
}
.search-holder_footer form {
    margin: 0 !important;
}
.search-holder_footer button,
.search-holder_footer a {
    font-weight: 500;
    max-width: 200px;
    height: 50px;
}

/* Buy popup */
.search-holder_box-bg {
    display: flex;
    flex-wrap: wrap;
}
.search-holder_box-img {
    flex: 0 0 190px;
    width: 190px;
}
.search-holder_box-img img {
    max-width: 190px;
    max-height: 230px;
}

.search-holder_box-info {
    flex: 0 0 calc(100% - 190px);
    width: calc(100% - 190px);
    padding-left: 15px;
}
.search-holder_box-info-ttl {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
}
.search-holder_box-info-price {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
}
.search-holder_box-txt {
    flex: 1 0 100%;
    width: 100%;
    font-size: 12px;
    line-height: 25px;
    color: #1E1E1E;
    margin-top: 25px;
}
.search-holder_box-txt p:last-child {
    margin-bottom: 0;
}

/* Receive popup */
.search-receive .form,
.search-receive .form-bg {
    max-width: 835px;
}
.search-receive .divTable {
    margin: 0;
}
.search-receive .divTableRow .divTableCell:first-child {
    padding-left: 0;
}
.search-receive .divTableRow .divTableCell:last-child {
    padding-right: 0;
}
.search-receive .divTableCell {
    padding: 0 10px;
}
.search-receive .overview-hide-balance,
.search-receive .overview-copy-address,
.search-receive .overview-qr-code {
    color: #1E1E1E;
    opacity: 1;
    z-index: 9;
}
.search-receive .overview-box.overview-copy-address:before,
.search-receive .overview-box.overview-qr-code:before {
    filter: invert();
}

.search-receive .overview-wallet,
.search-receive .overview-address {
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
}
.search-receive .overview-address span {
    font-size: 12px;
    line-height: 15px;
    color: rgba(30, 30, 30, 0.5);
}
.search-receive .overview-copy-address,
.search-receive .overview-qr-code {
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
}
.search-receive #qr-container2 {
    box-shadow: 1px 1px 8px -2px #1e1e1e;
}

.search-holder_box_text {
    font-weight: 500;
    font-size: 12px;
    line-height: 25px;
    margin: 25px 0 0 0;
}
.search-holder_box_text p:last-child {
    margin-bottom: 0;
}
.search-holder_box_text-ttl {
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    text-transform: uppercase;
}
/* / Modal */







/* ======================================= */
/* ================ Login ================ */
/* ======================================= */
.acc-page-box-bg {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    min-height: 100vh;
    z-index: 0;
}
.acc-page-box-bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(img/stars-bg.svg) no-repeat left top;
    background-size: cover;
    z-index: -1;
    -webkit-animation: anim-dots 45s ease-in-out infinite;
    animation: anim-dots 45s ease-in-out infinite;
}
.acc-page-box-t {
    width: 100%;
    margin-bottom: auto;
}
.acc-page-box-t .logo {
    max-width: 1140px;
    margin: 0 auto;
    padding: 30px;
}
.acc-page-box-t-b {
    width: 100%;
    margin-top: auto;
}
.acc-page-box-t-b .sidebar-footer-bg {
    padding: 30px;
    font-size: 14px;
}
.acc-page-box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.acc-page-box.acc-page-box-send .acc-page-box-l {
    order: 1;
    margin: 0 0 0 50px;
}
.acc-page-box.acc-page-box-send .acc-page-box-l-img {
    margin: 0;
}
.acc-page-box.acc-page-box-send .acc-page-box-r {
    order: 0;
}
.acc-page-box-l-img {
    position: relative;
    margin-right: 50px;
}
.acc-page-box-l-img svg {
    -webkit-animation: cosmonaut 30s linear infinite;
    animation: cosmonaut 30s linear infinite;
}
@-webkit-keyframes cosmonaut {
    0%{-webkit-transform:translateY(0px);transform:translateY(0px)}
    10%{-webkit-transform:translateY(-10px) rotate(7deg);transform:translateY(-10px) rotate(7deg)}
    20%{-webkit-transform:translateY(0px) rotate(10deg);transform:translateY(0px) rotate(10deg)}
    30%{-webkit-transform:translateY(10px) rotate(13deg);transform:translateY(10px) rotate(13deg)}
    40%{-webkit-transform:translateY(15px) rotate(10deg);transform:translateY(15px) rotate(10deg)}
    50%{-webkit-transform:translateY(20px) rotate(13deg);transform:translateY(20px) rotate(13deg)}
    60%{-webkit-transform:translateY(10px) rotate(10deg);transform:translateY(10px) rotate(10deg)}
    70%{-webkit-transform:translateY(5px) rotate(13deg);transform:translateY(5px) rotate(13deg)}
    80%{-webkit-transform:translateY(0px) rotate(10deg);transform:translateY(0px) rotate(10deg)}
    90%{-webkit-transform:translateY(-5px) rotate(7deg);transform:translateY(-5px) rotate(7deg)}
    100%{-webkit-transform:translateY(0px);transform:translateY(0px)}
}
@keyframes cosmonaut {
    0%{-webkit-transform:translateY(0px);transform:translateY(0px)}
    10%{-webkit-transform:translateY(-10px) rotate(7deg);transform:translateY(-10px) rotate(7deg)}
    20%{-webkit-transform:translateY(0px) rotate(10deg);transform:translateY(0px) rotate(10deg)}
    30%{-webkit-transform:translateY(10px) rotate(13deg);transform:translateY(10px) rotate(13deg)}
    40%{-webkit-transform:translateY(15px) rotate(10deg);transform:translateY(15px) rotate(10deg)}
    50%{-webkit-transform:translateY(20px) rotate(13deg);transform:translateY(20px) rotate(13deg)}
    60%{-webkit-transform:translateY(10px) rotate(10deg);transform:translateY(10px) rotate(10deg)}
    70%{-webkit-transform:translateY(5px) rotate(13deg);transform:translateY(5px) rotate(13deg)}
    80%{-webkit-transform:translateY(0px) rotate(10deg);transform:translateY(0px) rotate(10deg)}
    90%{-webkit-transform:translateY(-5px) rotate(7deg);transform:translateY(-5px) rotate(7deg)}
    100%{-webkit-transform:translateY(0px);transform:translateY(0px)}
}
.acc-page-box-l-img-coin-svg {
    position: absolute;
    top: 0;
    left: 0;
}
.acc-page-box-r-form-ttl {
    display: block;
    font-weight: bold;
    font-size: 35px;
    line-height: 1;
    color: #FEFEFE;
    text-align: center;
}
.acc-page-box-r-form-box {
    margin-top: 50px;
    font-size: 12px;
    line-height: 14px;
}
.acc-page-box-r-form-box a {
    text-decoration-line: underline;
    color: #FEFEFE;
}
.acc-page-box-r-form-box a:hover {
    color: #2958A5;
}
.acc-page-box-r-done {
    color: #FEFEFE;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.01em;
}
.acc-page-box-r-done-ttl {
    position: relative;
    font-weight: bold;
    font-size: 150px;
    line-height: 1;
    margin-left: -10px;
}
.acc-page-box-r-404 .acc-page-box-r-done-ttl {
    -webkit-animation: anim-dots 40s ease-in-out infinite;
    animation: anim-dots 40s ease-in-out infinite;
}
.acc-page-box-r-done-desc {
    font-size: 25px;
    line-height: 25px;
    letter-spacing: 0.01em;
    margin-top: 20px;
    margin-bottom: 15px;
}
.acc-page-box-r-done .btn {
    max-width: 350px;
    margin-top: 50px;
}
.acc-page-box-r-404 .acc-page-box-r-done {
    text-align: center;
    max-width: 430px;
}
.acc-page-box-r-404 .acc-page-box-r-done .btn {
    margin: 50px auto 0 auto;
}
.acc-page-box.acc-page-box-r-404 .acc-page-box-l {
    order: 0;
}
.acc-page-box.acc-page-box-r-404 .acc-page-box-r {
    order: 1;
}
.acc-page-box.acc-page-box-r-404 .acc-page-box-l {
    margin: 0 50px 0 0;
}

/* plugin */
div.field {
    position: relative;
    width: 100%;
    max-width: 450px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.dashboard-page div.field.field-checkbox {
    max-width: 700px;
}
div.field.field-it .field-it-txt {
    position: absolute;
    top: 50%;
    right: 30px;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.01em;
    color: #FEFEFE;
    opacity: 0.75;
    transform: translateY(-50%);
}
div.field2 {
    position: relative;
    width: 100%;
    max-width: 450px;
    margin-bottom: 10px;
}
div.field-pass {
    position: relative;
    width: 100%;
}
div.field-checkbox {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 15px;
}
div.field label {
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    text-decoration-line: underline;
    color: #FEFEFE;
}
div.field input {
    height: 50px;
    width: 475px;
}
div.field input.is-invalid {
    border-bottom: 1px solid rgb(255 0 0 / 70%);
}
.alert.alert-danger {
    display: none !important;
}
.field input.password {
    width: 100%;
    max-width: 475px;
}
div.field input[type="submit"] {
    height: 50px;
    width: 100%;
    max-width: 100%;
    margin-top: 30px;
}
.field input[type="checkbox"] {
    display: none;

    height: auto;
    width: auto;
    max-width: auto;
    margin: 0 10px 0 0;
}
div.field-checkbox .field-checkbox-col {
    position: relative;
    flex: 0 0 25%;
    padding: 0 10px 5px 0;
}
div.field-checkbox label {
    padding-left: 25px;
    line-height: 16px;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    cursor: pointer;
}
div.field-checkbox label:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    width: 15px;
    height: 15px;
    border: 1px solid #FEFEFE;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    border-radius: 50%;
}
div.field-checkbox input[type="checkbox"]:checked ~ label:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    height: 8px;
    width: 8px;
    left: 3.5px;
    background: #2958A5;
    border-color: #2958A5;
    border-top-style: none;
    border-right-style: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 1;
}
div.field-checkbox input[type="checkbox"]:checked ~ label:before {
    border: 1px solid #2958A5;
}
div.field-checkbox input[type="checkbox"]:checked ~ label {
    color: #2958A5;
}
div.show-pass {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    -webkit-transition: transform 0.15s linear;
    transition: transform 0.15s linear;
    z-index: 0;
}
div.show-pass:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 12px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8914 5.53165c-.2093-.4264-.8148-1.53687-1.9148-2.63684-.824-.82397-1.7602-1.48105-2.7829-1.953078-1.277-.589381-2.688-.8882347-4.19368-.8882347-1.49719 0-2.9009.2954977-4.17209.8782957C3.80802 1.39936 2.87336 2.05092 2.04986 2.86839.939693 3.97057.323 5.09756.109394 5.53097c-.1456035.29541-.1458583.64167-.000764.93729.209274.42641.814795 1.53687 1.91481 2.63689.82393.82392 1.76024 1.48105 2.78287 1.95305 1.27701.5894 2.68802.8883 4.19371.8883 1.49718 0 2.90088-.2955 4.17208-.8783 1.0199-.4676 1.9546-1.11916 2.7781-1.93663 1.1102-1.10218 1.7268-2.22917 1.9404-2.66258.1456-.29546.1459-.64167.0008-.93734zM9.00002 10.6722c-2.58043 0-4.67223-2.09179-4.67223-4.67222 0-2.58043 2.0918-4.67224 4.67223-4.67224 2.58048 0 4.67228 2.09185 4.67228 4.67224 0 2.58039-2.0918 4.67222-4.67228 4.67222z' fill='%23FEFEFE'/%3E%3Cpath d='M9.00004 9.39797c1.87666 0 3.39796-1.52133 3.39796-3.39799s-1.5213-3.39799-3.39796-3.39799c-1.87666 0-3.39799 1.52133-3.39799 3.39799s1.52133 3.39799 3.39799 3.39799z' fill='%23FEFEFE'/%3E%3C/svg%3E");
    background-size: 18px 12px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
}
div.show-pass:hover {
    transform: scale(1.15);
}
div.gen-pass {
    font-size: 14px;
    font-weight: 400;
    color: #fefefe;
    cursor: pointer;
    display: flex;
    align-items: center;
}
div.progress-bar {
    padding: 1% 0%;
    margin-top: 1%;
    display: flex;
    justify-content: space-between;
}
div.progress-bar > div {
    border: 1px solid lightgrey;
    width: 22%;
    height: 8px;
    border-radius: 5px;
}
div.percentage {
    border: 1px solid lightgrey;
    margin: 10% auto 0% auto;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 200%;
}
/* / plugin */

.filepond--panel-root {
    background-color: #fefefe !important;
}




/* ======================================= */
/* =============== Setting =============== */
/* ======================================= */
.acc-setting .page-sub-title {
    margin-top: 0;
}
.acc-setting-form {
    margin-bottom: 40px;
}
.acc-setting-form .btn {
    max-width: 300px;
}




/* ======================================= */
/* ============== Dashboard ============== */
/* ======================================= */
.dashboard-page {
    position: relative;
}
.dashboard-page-box-top {
    position: relative;
    width: 100%;
    max-width: 1050px;
}
.dashboard-page .select {
    width: 100%;
}
.dashboard-page .select .select-styled {
    border-bottom: 1px solid rgba(245, 245, 245, 0.5);
    font-weight: 400;
    font-size: 14px;
    color: rgba(254, 254, 254, 0.75);
    padding: 5px 10px;
}
.dashboard-page .select .select-styled:after {
    border-right: 2px solid rgba(245, 245, 245, 0.5);
    border-bottom: 2px solid rgba(245, 245, 245, 0.5);
}
.dashboard-page-btn {
    margin-top: 50px;
}
.dashboard-page-btn2 {
    position: absolute;
    top: -7.5px;
    right: 0;
}
.dashboard-page-btn .btn {
    max-width: 300px;
}
.dashboard-page .filepond--credits {
    display: none !important;
}
.dashboard-page .divTable-even {
    max-width: 1050px;
    font-size: 14px;
}
.dashboard-page .divTable-even .divTable-even-Cell {
    word-break: break-all;
}

/* shopping */
.dashboard-page-shopping {
    display: inline-block;
    margin-top: 10px;
}
.dashboard-page-shopping ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.dashboard-page-shopping ul li {
    padding: 15px 0;
    border-bottom: 1px solid rgba(254, 254, 254, 0.25);
}
.dashboard-page-shopping ul li:last-child {
    border: 0 !important;
}
.dashboard-page-shopping .dashboard-page-shopping-box {
    display: flex;
    justify-content: space-between;
    width: auto;
    min-width: 330px;
    font-size: 14px;
    line-height: 23px;
}
.dashboard-page-shopping .dashboard-page-shopping-box .dashboard-page-shopping-box-l {
    padding: 0 10px 0 0;
    max-width: 400px;
}
.dashboard-page-shopping .dashboard-page-shopping-box .dashboard-page-shopping-box-r-bg {
    flex: 1 0 auto;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    padding-top: 5px;
}
.dashboard-page-shopping .dashboard-page-shopping-box .dashboard-page-shopping-box-r-bg .ov-btn {
    margin: 5px 0;
}
.dashboard-page-shopping .dashboard-page-shopping-box .dashboard-page-shopping-box-r {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0 0 0 10px;
}
.dashboard-page-shopping ul li.shopp-pending .dashboard-page-shopping-box-r {
    color: #F6A220;
}
.dashboard-page-shopping ul li.shopp-done .dashboard-page-shopping-box-r {
    color: #16C784;
}


.search-holder .filepond--root {
    width: 200px;
    margin: 0 auto;
}


/* Pagination */
.theme-pagination ul {
    list-style: none;
    padding: 0;
    margin: 30px 0 0 0;
    display: flex;
    flex-wrap: wrap;
}
.theme-pagination ul li .page-link {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    min-width: 38px;
    padding: 0;
    margin: 0 7px 5px 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: #FEFEFE !important;
    background: transparent !important;
    border: 2px solid rgba(245, 245, 245, 0.5);
    border-radius: 50px !important;
    user-select: none;
}
.theme-pagination ul li .page-link:hover {
    border: 2px solid #2452A0;
}
.theme-pagination ul li.active .page-link {
    border: 2px solid #2452A0;
    cursor: default;
}
.theme-pagination ul li.disabled .page-link {
    opacity: 0.3;
}
/* / Pagination */





/* ================== Calendar ================== */
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}
.col-xs-12 {
    width: 100%
}
.col-xs-11 {
    width: 91.66666667%
}
.col-xs-10 {
    width: 83.33333333%
}
.col-xs-9 {
    width: 75%
}
.col-xs-8 {
    width: 66.66666667%
}
.col-xs-7 {
    width: 58.33333333%
}
.col-xs-6 {
    width: 50%
}
.col-xs-5 {
    width: 41.66666667%
}
.col-xs-4 {
    width: 33.33333333%
}
.col-xs-3 {
    width: 25%
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%
}

.modal-body {
    padding: 0;
}
.modal-body input,
.modal-body select {
    border: 1px solid #e6eef5;
    border-radius: 5px;
    margin-bottom: 5px;
}
.modal-body label {
    font-weight: 500;
    font-size: 16px;
    line-height: 38px;
}
.search-calendar form.form-event {
    margin-top: 0;
}
.page-calendar {
    margin-top: 20px;
}

.calendar {
    background: rgba(254, 254, 254, 0.05);
    border: 2px solid rgba(254, 254, 254, 0.2);
    padding: 20px !important;
}
.calendar .calendar-header {
    border: 0 !important;
}

.calendar .calendar-header .year-title:hover,
.calendar .calendar-header .prev:hover,
.calendar .calendar-header .next:hover{
    background: rgba(255, 255, 255, 0.2);
}

.calendar .months-container .month-container {
    height: 215px;
}

.search-calendar input:-moz-placeholder,
.search-calendar textarea:-moz-placeholder {
    font-size: 14px;
    line-height: 1;
    color: rgba(30, 30, 30, 0.5);
}
.search-calendar input::-webkit-input-placeholder,
.search-calendar textarea::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 1;
    color: rgba(30, 30, 30, 0.5);
}
.form-control:focus {
    box-shadow: none !important;
    border-color: #e6eef5 !important;
    color: rgba(30, 30, 30, 0.5);
}
.search-calendar input,
.search-calendar textarea,
.search-calendar select {
    font-size: 14px;
    line-height: 1;
    color: #1E1E1E !important;
    height: 38px;
}
.search-calendar select option {
    font-size: 14px;
    line-height: 21px;
    color: #1E1E1E;
}
.calendar table.month .day.disabled {
    opacity: 0.5;
}
table.month td.day .day-content:hover {
    background: rgba(0,0,0,.5);
}
.search-calendar .select {
    width: 100%;
    border: 1px solid #e6eef5;
    border-radius: 5px;
    margin-bottom: 5px;
}
.search-calendar .select-styled {
    color: #1E1E1E;
}
.search-calendar .select-styled {
    border-radius: 5px;

}
.search-calendar .select-styled:hover {
    color: #e6eef5;
}
.search-calendar .select-options {
    width: calc(100% + 2px);
    margin-left: -1px;
    top: 110%;
    border: 1px solid #e6eef5;
    z-index: 99;
}
.search-calendar .select-options li {
    border-bottom: 1px solid #e6eef5;
}
.search-calendar .select-options li:first-child {
    pointer-events: none;
}
.search-calendar .select-options li:last-child {
    border-bottom: 0 !important;
}
.calendar-context-menu,
.calendar-context-menu .submenu {
    font-size: 14px;
    color: #1E1E1E;
}

/* Radio box */
.half-day-row {
    margin-top: 5px;
}
.checkbox2-new {
    display: inline-flex;
    justify-content: space-between;
    padding: 0 5px;
}
.checkbox2-new .checkbox-option {
    background: #fff;
    height: 38px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 0 5px;
    border-radius: 5px;
    cursor: pointer;
    padding: 0 6px;
    border: 1px solid #e6eef5;
    transition: all 0.3s ease;
    font-size: 15px;
    text-decoration: none;
}
.checkbox2-new .checkbox-option .dot{
    height: 20px;
    width: 20px;
    background: #e6eef5;
    border-radius: 50%;
    position: relative;
}
.checkbox2-new .checkbox-option .dot::before {
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #0069d9;
    border-radius: 50%;
    opacity: 0;
    transform: scale(1.5);
    transition: all 0.3s ease;
}
#checkbox-1:checked:checked ~ .checkbox-1,
#checkbox-2:checked:checked ~ .checkbox-2,
#checkbox-3:checked:checked ~ .checkbox-3 {
    border-color: #0069d9;
    background: #0069d9;
}
#checkbox-1:checked:checked ~ .checkbox-1 .dot,
#checkbox-2:checked:checked ~ .checkbox-2 .dot,
#checkbox-3:checked:checked ~ .checkbox-3 .dot {
    background: #fff;
}
#checkbox-1:checked:checked ~ .checkbox-1 .dot::before,
#checkbox-2:checked:checked ~ .checkbox-2 .dot::before,
#checkbox-3:checked:checked ~ .checkbox-3 .dot::before {
    opacity: 1;
    transform: scale(1);
}
.checkbox2-new .checkbox-option span {
    font-weight: 400 !important;
    font-size: 14px;
    line-height: 21px;
    color: #1E1E1E;
    pointer-events: none;
    user-select: none;
}
#checkbox-1:checked:checked ~ .checkbox-1 span,
#checkbox-2:checked:checked ~ .checkbox-2 span,
#checkbox-3:checked:checked ~ .checkbox-3 span {
    color: #fff;
}
/* / */

/*
.calendar .calendar-header .year-title {
	font-size: 18px;
}
.calendar .calendar-header .year-title:not(.year-neighbor):not(.year-neighbor2) {
	border-bottom: 2px solid #ccc;
}
.calendar .calendar-header .year-neighbor {
	color: inherit;
	opacity: 0.7;
}
.calendar .calendar-header .year-neighbor2 {
	color: inherit;
	opacity: 0.4;
}
.calendar .months-container .month-container {
	height: 235px;
	margin-bottom: 25px;
}
.calendar table.month {
	background-color: white;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
	height: 100%;
}
.calendar table.month th.month-title {
	background-color: #f0f0f0;
	color: #888;
	padding: 6px;
	font-size: 13px;
	font-weight: 600;
}
.calendar table.month th.day-header {
	padding-top: 8px;
	padding-bottom: 5px;
	color: #666;
	font-weight: 500;
}
.calendar table.month td.day .day-content {
	color: #666;
	padding: 9px 7px;
	border-radius: 2px;
}
*/