/**
    DATAKALE.NET - Software
**/

@import url('fonts/google-fonts.css');
@import url("bootstrap-icons.min.css");

ul,li,ol {margin: 0;padding: 0;list-style: none;}
u {text-decoration: underline;}
* {margin: 0;padding: 0;vertical-align: none;text-decoration: none;list-style: none;}
strong,b {font-weight: 600!important;}
a {color: var(--bs-body-color);text-decoration: none;}
:root, html[data-bs-theme="light"]{
    --bs-theme-logo : url(../../img/datax-logo.svg);
    --bs-body-bg : #fff;
    --bs-body-bg-rgb : 255, 255, 255;
    --bs-body-color:#131314;
    --bs-globe-bg : #ac905a;
    --bs-globe-bg-rgb : 239, 127, 26;
    --bs-white-bg : #FFF;
    --bs-font-one : "Barlow Condensed";
    --bs-font-two : "Asap Condensed";
    --bs-font-tree : "Sofia Sans Condensed";
    --bs-warning : #ac905a!important;
    --bs-success : #a6cc2f!important;
    --bs-info: #4285f4!important;
    --bs-dark-light : #dde3ea;
    --bs-dark-light-rgb : 221, 227, 234;
    --bs-dark-light-bg : #f0f4f9;
    --bs-dark-light-bg-rgb : 240, 244, 249;
    --bs-black-light : #dde3ea;
    --bs-border-color : #dde3ea;
    --bs-gradient-1: #4285f4;
    --bs-gradient-1-rgb: 66, 133, 244;
    --bs-gradient-2: #9b72cb;
    --bs-gradient-2-rgb: 155, 114, 203;
    --bs-gradient-3: #d96570;
    --bs-gradient-3-rgb: 217, 101, 112;
    --bs-sys-color--surface: #131314;
    --bs-sys-color--surface--rgb: 19, 19, 20;
    --bs-emphasis-color-rgb: 240, 244, 249!important;
    --bs-effect : all 0.3s ease;
    --bs-effect2 : width 250ms ease;
    --bs-input-color : #f0f4f9;
    --bs-input-color-rgb : 240, 244, 249;
}
html[data-bs-theme="dark"] {
    --bs-theme-logo : url(../../img/datax-logo-wh.svg);
    --bs-body-bg : #131314;
    --bs-body-bg-rgb : 19, 19, 20;
    --bs-body-color:#ffffff;
    --bs-globe-bg : #ac905a;
    --bs-globe-bg-rgb : 239, 127, 26;
    --bs-white-bg : #1e1f20;
    --bs-font-one : "Barlow Condensed";
    --bs-font-two : "Asap Condensed";
    --bs-font-tree : "Sofia Sans Condensed";
    --bs-warning : #ac905a!important;
    --bs-success : #a6cc2f!important;
    --bs-info: #4285f4!important;
    --bs-dark-light : #333537;
    --bs-dark-light-rgb : 51, 53, 55;
    --bs-dark-light-bg : #1e1f20;
    --bs-dark-light-bg-rgb : 22, 23, 24;
    --bs-black-light : #161718;
    --bs-border-color : #2a2a2c;
    --bs-gradient-1: #4285f4;
    --bs-gradient-1-rgb: 66, 133, 244;
    --bs-gradient-2: #9b72cb;
    --bs-gradient-2-rgb: 155, 114, 203;
    --bs-gradient-3: #d96570;
    --bs-gradient-3-rgb: 217, 101, 112;
    --bs-sys-color--surface: #cecece;
    --bs-sys-color--surface--rgb: 19, 19, 20;
    --bs-emphasis-color-rgb: 51, 53, 55!important;
    --bs-effect : all 250ms ease;
    --bs-effect2 : width 250ms ease;
    --bs-input-color : #161718;
    --bs-input-color-rgb : 22, 23, 24;
}
body {font-family: var(--bs-font-one), sans-serif;font-size:20px;font-weight: normal;position: relative;color:var(--bs-body-color);background-color:var(--bs-body-bg)!important;}
body::-webkit-scrollbar {width: 6px;}
body::-webkit-scrollbar-track {background: var(--bs-secondary-bg);}
body::-webkit-scrollbar-thumb {background: var(--bs-secondary);}
body::-webkit-scrollbar-thumb:hover { background: var(--bs-secondary);opacity: 0.5;}
header {position: sticky;top: 0;width: 100%;height: 70px;padding: 15px;display: flex;align-items: center;z-index: 10;transition: backdrop-filter 0.3s ease, background-color 0.3s ease;backdrop-filter: blur(8px);background-color: rgba(var(--bs-body-bg-rgb), 0.7);}
header .logo {position: relative;width: 150px;height: 30px;transition: var(--bs-effect);}
header .logo::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--bs-theme-logo);background-size: contain;background-position: left;background-repeat: no-repeat;}
@media (max-width: 990px) { header {position: sticky;top: 0;padding-left: 75px;transition: var(--bs-effect);background-color: var(--bs-body-bg);z-index: 15;} }
header .head-menu .head-item .hd-url {font-size: 22px;width: 38px;height: 38px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;}
header .head-menu .head-item .hd-url:hover {background-color: var(--bs-dark-light-bg);transition: var(--bs-effect);}
header .head-menu .head-account .dropdown-toggle {width: 36px;height: 36px;border-radius: 50%;border: 1px solid var(--bs-border-color);}
header .head-menu .dropdown-user {width: 250px;}
header .head-menu .dropdown-user .user-img img {width: 60px;height: 60px;border-radius: 50%;border: 1px solid var(--bs-border-color);}
header .head-menu .dropdown-user .user-nm {font-size: 24px;font-weight: 400;}
header .head-menu .dropdown-user .user-menu {border: 1px solid var(--bs-dark-light);border-radius: var(--bs-border-radius-xl);overflow: hidden;}
header .head-menu .dropdown-user .user-menu .mn-item {font-size: 18px;font-weight: 300;height: 46px;display: flex;align-items: center;padding: 0 20px;background-color: var(--bs-dark-light);border-bottom: 1px solid var(--bs-dark-light-bg);}
header .head-menu .dropdown-user .user-menu .mn-item:hover {background-color: var(--bs-dark-light-bg);transition: var(--bs-effect);}
header .head-menu .dropdown-user .user-menu .mn-item:first-of-type {border-top-left-radius: var(--bs-border-radius-lg);border-top-right-radius: var(--bs-border-radius-lg);}
header .head-menu .dropdown-user .user-menu .mn-item:last-of-type {border-bottom: none;border-bottom-left-radius: var(--bs-border-radius-lg);border-bottom-right-radius: var(--bs-border-radius-lg);}
header .head-menu .dropdown-user .user-menu .mn-item .bi {margin-right: 10px;}
header.scrolled {backdrop-filter: blur(8px);background-color: rgba(var(--bs-body-bg-rgb), 0.7);}
.main-body {position: relative;padding-left: 70px;transition: padding-left 0.3s ease;}
/** GPT4 **/
.gpt4-home {display: flex;flex-direction: column;height: 100vh;}
.gpt4-home .gpt4-body {flex: 1;overflow-y: auto;padding-top: 150px;}
.gpt4-home .gpt4-body::-webkit-scrollbar {width: 6px;visibility: hidden;}
.gpt4-home .gpt4-body::-webkit-scrollbar-track {background: var(--bs-secondary-bg);}
.gpt4-home .gpt4-body::-webkit-scrollbar-thumb {background: var(--bs-secondary);}
.gpt4-home .gpt4-body::-webkit-scrollbar-thumb:hover {background: var(--bs-secondary-bg); opacity: 0.5;}
.gpt4-home .gpt4-body .typing-wait {width: 100%;text-align: center;display: none;justify-content: center;}
.gpt4-home .gpt4-body .typing-wait span {font-family: var(--bs-font-two);font-size: 20px;font-weight: 600;background-image: linear-gradient(74deg, var(--bs-gradient-1) 0, var(--bs-gradient-2) 9%, var(--bs-gradient-3) 20%, var(--bs-gradient-3) 24%, var(--bs-gradient-2) 35%, var(--bs-gradient-1) 44%, var(--bs-gradient-2) 50%, var(--bs-gradient-3) 56%, var(--bs-globe-bg) 85%, var(--bs-body-color) 100%);background-size: 200% 200%;background-clip: text;color: transparent;filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.2));animation: gradientMove 5s linear infinite;}
.gpt4-home .gpt4-body .message-container {font-weight: 300;display: flex;width: 100%;max-width: 840px;margin: 0 auto;padding: 15px 0px;}
.gpt4-home .gpt4-body .message-container p {font-weight: 300;}
.gpt4-home .gpt4-body .message-container strong {font-weight: 500;}
.gpt4-home .gpt4-body .message-container ul,
.gpt4-home .gpt4-body .message-container ol {font-weight: normal;list-style: initial !important; padding-left: 20px !important;}
.gpt4-home .gpt4-body .message-container li {padding: 0!important;font-weight: 300;list-style: initial;}
.gpt4-home .gpt4-body .message-container li > strong {padding: 0!important;font-weight: 500;}
@media (max-width: 990px) {.gpt4-home .gpt4-body .message-container {display: block;}.gpt4-home .gpt4-body .message-container .gpt-icon {max-width: 100%!important;display: block!important;flex-shrink: 0;margin-bottom: 15px;}}
.gpt4-home .gpt4-body .message-container .gpt-icon {width: 60px;flex-shrink: 0;margin-bottom: 15px;}
.gpt4-home .gpt4-body .message-container .gpt-icon img {width: 35px;height: 35px;padding: 5px;border-radius: 50%;border: 1px solid var(--bs-border-color);background-color: var(--bs-dark-light-bg);}
.gpt4-home .gpt4-body .message-container .user-message {display: block;margin-bottom: 15px;margin-left: auto;text-align: end;}
.gpt4-home .gpt4-body .message-container .user-message .user-text {white-space: pre-wrap;padding: 15px 25px;border-radius: var(--bs-border-radius-xxl);background-color: var(--bs-dark-light-bg);display: inline-block;text-align: start;}
.gpt4-home .gpt4-body .message-container .gpt-message {box-sizing: border-box;display: block;margin-bottom: 30px;flex: 1 0 0%;flex-shrink: 1;max-width: 100%;word-wrap: break-word;overflow-wrap: break-word;font-weight: normal;}
.gpt4-home .gpt4-body .message-container .gpt-message pre {box-sizing: border-box!important;width: 100%;max-width: 740px!important;overflow-x: auto!important;-webkit-overflow-scrolling: touch!important;background-color: var(--bs-black)!important;border-radius: var(--bs-border-radius-xxl)!important;padding: 10px;margin: 10px 0;white-space: pre-wrap;}
.gpt4-home .gpt4-body .message-container .gpt-message pre > code {box-sizing: border-box!important;max-width: 100%;background-color: inherit;border-radius: var(--bs-border-radius-xl)!important;word-wrap: break-word;overflow-wrap: break-word;white-space: pre;display: inline-block;}
.gpt4-home .gpt4-body .message-container .gpt-message pre > p > code {border-radius: var(--bs-border-radius-xl)!important;}
.gpt4-home .gpt4-body .message-container .gpt-message pre > p {margin: 0;}
.gpt4-home .gpt4-body .message-container .gpt-message .gpt-text a {color: var(--bs-info)!important;font-weight: 500;}
.gpt4-home .gpt4-body .message-container .gpt-message .gpt-text .msg-wt {font-size: 18px;font-weight: 600;background-image: linear-gradient(74deg, var(--bs-gradient-1) 0, var(--bs-gradient-2) 9%, var(--bs-gradient-3) 20%, var(--bs-gradient-3) 24%, var(--bs-gradient-2) 35%, var(--bs-gradient-1) 44%, var(--bs-gradient-2) 50%, var(--bs-gradient-3) 56%, var(--bs-globe-bg) 85%, var(--bs-body-color) 100%);background-size: 200% 200%;background-clip: text;color: transparent;filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.2));animation: gradientMove 5s linear infinite;}
.gpt4-home .gpt4-body .message-container .gpt-message .gpt-foot {padding-top: 15px;}
.gpt4-home .gpt4-body .message-container .gpt-message .gpt-foot a {font-size: 18px;margin-right: 15px;}
.gpt4-home .gpt4-title {height: 130px;}
.gpt4-home .gpt4-title .txt-h1 span {font-family: var(--bs-font-two);font-size: 36px;font-weight: 600;background-image: linear-gradient(74deg, var(--bs-gradient-1) 0, var(--bs-gradient-2) 9%, var(--bs-gradient-3) 20%, var(--bs-gradient-3) 24%, var(--bs-gradient-2) 35%, var(--bs-gradient-1) 44%, var(--bs-gradient-2) 50%, var(--bs-gradient-3) 56%, var(--bs-globe-bg) 85%, var(--bs-body-color) 100%);background-size: 200% 200%;background-clip: text;color: transparent;filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.2));animation: gradientMove 5s linear infinite;}
.gpt4-home .gpt4-title .txt-p {font-family: var(--bs-font-two);font-size: 32px;font-weight: 600;color: var(--bs-body-color);}
.gpt4-home .gpt4-input {padding: 0 15px;}
.gpt4-home .gpt4-input .gpt4-message {padding: 15px;background-color: var(--bs-dark-light-bg);border-radius: 35px;color: var(--bs-secondary);display: flex;align-items: end;}
.gpt4-home .gpt4-input .gpt4-message:hover {background-color: var(--bs-dark-light);transition: var(--bs-effect);}
.gpt4-home .gpt4-input .gpt4-message:focus-within {background-color: var(--bs-dark-light);transition: var(--bs-effect);}
.gpt4-home .gpt4-input .gpt4-message .message-text {font-size: 20px;font-weight: 300;outline: none;display: block;white-space: normal;word-wrap: break-word; margin-bottom: 8px;cursor: text;padding-left: 5px;}
.gpt4-home .gpt4-input .gpt4-message .message-text:focus {font-size: 20px;font-weight: 500;color: var(--bs-body-color);}
.gpt4-home .gpt4-input .gpt4-message .message-text:empty:before {content: attr(data-placeholder);color: var(--bs-secondary);resize: none!important;}
.gpt4-home .gpt4-input .gpt4-message .message-text[data-placeholder] {font-size: 20px;font-weight: 300;color: var(--bs-body-color);}
.gpt4-home .gpt4-input .gpt4-message .gpt4-btn {width: 40px;height: 40px;display: inline-flex;flex-shrink: 0;align-items: center;justify-content: center;font-size: 20px;border-radius: 50%;}
.gpt4-home .gpt4-input .gpt4-message .gpt4-btn:hover {background-color: var(--bs-dark-light-bg);transition: var(--bs-effect);}
.gpt4-home .gpt4-input .gpt4-message .gpt4-btn .bi-send-fill {transform: rotate(45deg);background-image: linear-gradient(74deg, var(--bs-globe-bg) 0, var(--bs-gradient-2) 10%, var(--bs-gradient-3) 25%, var(--bs-gradient-3) 35%, var(--bs-gradient-2) 45%, var(--bs-globe-bg) 54%, var(--bs-gradient-2) 60%, var(--bs-gradient-3) 75%, var(--bs-globe-bg) 85%, var(--bs-body-color) 100%);background-size: 200% 200%;background-clip: text;color: transparent;animation: gradientMove 3s linear infinite;filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.2));}
.gpt4-home .gpt4-input .scroll-warp {width: 100%;display: flex;height: 1px;}
.gpt4-home .gpt4-input .scroll-warp .scroll-down {width: 35px;height: 35px;display: none;align-items: center;justify-content: center;cursor: pointer;margin: -60px auto 0;border: 1px solid var(--bs-border-color);background-color: var(--bs-body-bg);border-radius: 50%;}
.gpt4-home .gpt4-input .scroll-warp .scroll-down .bi {font-size: 24px;filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.2));}
@media (max-width: 990px) {.main-body {padding-left: 0;}.gpt4-home .gpt4-body {padding-top: 80px;transition: padding-top 0.3s ease;}}
@media (max-width: 768px) {.gpt4-home .gpt4-body .gpt4-title .txt-h1 {font-size: 1.8rem;}.gpt4-home .gpt4-body .gpt4-title .txt-p {font-size: 26px;}}
.gpt4-home .gpt4-vitrin .vitrin-header {padding: 0px 5px;margin-bottom: 10px;}
.gpt4-home .gpt4-vitrin .vitrin-header span {font-family: var(--bs-font-tree);font-size: 20px;font-weight: 400;color: var(--bs-secondary);}
.gpt4-home .gpt4-vitrin .vitrin-header .vitrin-btn {height: 36px;display: inline-flex;align-items: center;color: var(--bs-info);font-size: 18px;font-weight: 400;border-radius: var(--bs-border-radius-pill);padding: 0px 12px;}
.gpt4-home .gpt4-vitrin .vitrin-header .vitrin-btn .bi {font-size: 16px;margin-right: 5px;}
.gpt4-home .gpt4-vitrin .vitrin-header .vitrin-btn:hover {background-color: var(--bs-dark-light);}
.gpt4-home .gpt4-vitrin .vitrin-stun {height: 160px;overflow: hidden;}
.gpt4-home .gpt4-vitrin .gpt4-widget {position: relative;width: 200px;height: 150px;margin: 5px;box-sizing: border-box;padding: 15px;float: inline-start;background-color: var(--bs-dark-light-bg);border-radius: var(--bs-border-radius-xl);flex-shrink: 0;display: block;}
.gpt4-home .gpt4-vitrin .gpt4-widget:hover {background-color: var(--bs-dark-light);transition: var(--bs-effect);}
.gpt4-home .gpt4-vitrin .gpt4-widget:hover .w-num {background-color: var(--bs-globe-bg);transition: var(--bs-effect);}
.gpt4-home .gpt4-vitrin .gpt4-widget .w-num {position: absolute;top: 10px;right: 10px;height: 36px;display: flex;align-items: center;border-radius: var(--bs-border-radius-pill);padding: 0 14px;font-size: 18px;line-height: 1px;font-weight: 600;background-color: var(--bs-danger);color: var(--bs-white);}
.gpt4-home .gpt4-vitrin .gpt4-widget .w-icon {font-size: 18px;width: 36px;height: 36px;border: 1px solid var(--bs-globe-bg);background-color: rgba(var(--bs-globe-bg-rgb), 0.1);color: var(--bs-globe-bg);display: flex;align-items: center;justify-content: center;line-height: 0;border-radius: 50%;}
.gpt4-home .gpt4-vitrin .gpt4-widget .w-title {font-size: 18px;font-weight: 500;}
.gpt4-home .gpt4-vitrin .gpt4-widget .w-text {font-size: 14px;font-weight: 400;color: var(--bs-secondary);}
@media (max-width: 990px) {.gpt4-home .gpt4-vitrin {width: 100%;overflow: auto;}.gpt4-home .gpt4-vitrin .vitrin-stun {display: flex;flex-direction: row;align-items: center;overflow-x: scroll;-webkit-overflow-scrolling: touch;}.gpt4-home .gpt4-vitrin .vitrin-stun::-webkit-scrollbar {display: none;}.gpt4-home .gpt4-vitrin .vitrin-header .vitrin-btn {display: none;}}
/** OFC MENU **/
.OFC-menu {position: fixed;top: 0;left: 0;width: 70px;min-height: 100vh;display: flex;flex-direction: column;background-color: var(--bs-dark-light-bg);transition: width 0.3s ease, max-width 0.3s ease;box-sizing: border-box !important;z-index: 90;outline: 0;}
.OFC-menu .c-bar {height: 30px;width: 30px;display: none;text-align: center;}
.OFC-menu .active {background-color: var(--bs-dark-light);}
.OFC-menu .active .bi {color: var(--bs-globe-bg);filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.2));}
.OFC-menu .OFC-header {padding: 10px 12px;}
.OFC-menu .OFC-header .OFC-logo {display: flex;height: 46px;align-items: center;border-radius: var(--bs-border-radius-pill);cursor: pointer;}
.OFC-menu .OFC-header .OFC-logo .bi-icon {font-size: 24px;width: 46px;height: 46px;display: flex;flex-shrink: 0;align-items: center;justify-content: center;text-align: center;border-radius: 50%;}
.OFC-menu .OFC-header .OFC-logo .bi-icon:hover {background-color: var(--bs-dark-light);transition: var(--bs-effect);}
@media (max-width: 990px) {.OFC-menu .OFC-header .OFC-logo .bi-icon {border: 1px solid var(--bs-dark-light);border-radius: 50%;}.OFC-menu {background-color: var(--bs-white-bg);box-shadow: var(--bs-box-shadow-lg);border-right: 1px solid var(--bs-border-color);border-top-right-radius: 30px;border-bottom-right-radius: 30px;}}
.OFC-menu .OFC-header .logo {position: relative;width: 150px;height: 30px;transition: var(--bs-effect);}
.OFC-menu .OFC-header .logo::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--bs-theme-logo);background-size: contain;background-position: left;background-repeat: no-repeat;}
.OFC-menu .OFC-header .hd-mn-link {height: 46px;display: flex;align-items: center;border-radius: var(--bs-border-radius-pill);white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.OFC-menu .OFC-header .hd-mn-link:hover {background-color: var(--bs-dark-light);transition: var(--bs-effect);}
.OFC-menu .OFC-header .hd-mn-link .bi {font-size: 24px;width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.OFC-menu .OFC-header .hd-mn-link span {font-size: 19px;font-weight: 400;flex-shrink: 1;}
.OFC-menu .OFC-body {flex: 1;overflow-y: auto;overflow-x: hidden;padding: 0px 12px;box-sizing: border-box!important;}
.OFC-menu .OFC-body::-webkit-scrollbar {width: 6px;visibility: hidden;}
.OFC-menu .OFC-body::-webkit-scrollbar-track {background: var(--bs-secondary-bg); }
.OFC-menu .OFC-body::-webkit-scrollbar-thumb {background: var(--bs-secondary); }
.OFC-menu .OFC-body::-webkit-scrollbar-thumb:hover {background: var(--bs-secondary-bg); opacity: 0.5;}
.OFC-menu .OFC-body .bdy-mn-link {height: 46px;display: flex;align-items: center;border-radius: var(--bs-border-radius-pill);white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.OFC-menu .OFC-body .bdy-mn-link:hover {background-color: var(--bs-dark-light);transition: var(--bs-effect);}
.OFC-menu .OFC-body .bdy-mn-link .bi {font-size: 24px;width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.OFC-menu .OFC-body .bdy-mn-link span {font-size: 19px;font-weight: 400;flex-shrink: 1;}
.OFC-menu .OFC-body .menu-list {padding-left: 5px;transition: var(--bs-effect);}
.OFC-menu .OFC-body .menu-list .menu-header {font-size: 16px;font-weight: 400;color: var(--bs-secondary);}
.OFC-menu .OFC-body .menu-list .menu-item {margin-bottom: 2px;}
.OFC-menu .OFC-body .menu-list .menu-item a {font-size: 19px;font-weight: 300;height: 40px;display: flex;align-items: center;padding: 0px 10px;border-radius: var(--bs-border-radius-pill);}
.OFC-menu .OFC-body .menu-list .menu-item a:hover {background-color: var(--bs-dark-light);transition: var(--bs-effect);}
.OFC-menu .OFC-body .menu-list .menu-item .badge {background-color: var(--bs-danger);border-radius: var(--bs-border-radius-pill);}
.OFC-menu .OFC-footer {padding: 15px 12px;font-size: 20px;}
.OFC-menu .OFC-footer .ft-mn-link {height: 46px;display: flex;align-items: center;border-radius: var(--bs-border-radius-pill);white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.OFC-menu .OFC-footer .ft-mn-link:hover {background-color: var(--bs-dark-light);transition: var(--bs-effect);}
.OFC-menu .OFC-footer .ft-mn-link .bi {font-size: 20px;width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.OFC-menu .OFC-footer .ft-mn-link span {font-size: 18px;font-weight: 400;flex-shrink: 1;}
.OFC-menu .dropdown-menu {width: 100%;max-width: 250px;min-width: 250px;}
/** BOXED BODY **/
.boxed-body .box-table {border-radius: var(--bs-border-radius-xl);border: 1px solid var(--bs-border-color);}
.boxed-body .box-top .title {font-size: 22px;font-weight: 500;color: var(--bs-body-color);}
.boxed-body .box-top .text {font-size: 16px;font-weight: 300;color: var(--bs-body-color);}
.boxed-body .box-header {padding: 0 15px;}
.boxed-body .box-header .title span {height: 60px;display: inline-flex;align-items: center;font-size: 20px;font-weight: 500;color: var(--bs-body-color);border-bottom: 1px solid var(--bs-globe-bg);margin-bottom: -1px;}
.boxed-body .box-nav {position: relative;display: flex;align-items: center;gap: 20px !important;overflow-x: hidden;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;border-radius: var(--bs-border-radius-xl);border:1px solid var(--bs-border-color);background-color: var(--bs-dark-light-bg);padding: 0px 15px;}
@media (max-width: 990px) {.boxed-body .box-nav {overflow-x: auto;}}
.boxed-body .box-nav .nav-item {height: 60px;display: inline-flex;align-items: center;font-size: 19px;font-weight: 400;color: var(--bs-body-color);flex-shrink: 0;box-sizing: border-box;border: 2px solid transparent;}
.boxed-body .box-nav .nav-item:hover {background-color: transparent;border-bottom: 2px solid var(--bs-globe-bg);color: var(--bs-body-color);transition: var(--bs-effect);}
.boxed-body .box-nav .active {border-bottom: 2px solid var(--bs-globe-bg);font-weight: 500;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.boxed-body .body-stun {position: relative;width: 100%;max-width: 400px;}
.boxed-body .body-stun .stun-menu {width: 100%;position: sticky;top: 30px;}
.boxed-body .body-stun .stun-menu .label-check {font-size: 18px;font-weight: 300;cursor: pointer;background-color: var(--bs-dark-light);border-radius: var(--bs-border-radius);display: block;padding: 6px 10px;}
.boxed-body .body-stun .stun-menu .label-check:hover {opacity: 0.5;transition: 0.2s ease all;}
.boxed-body .body-stun .stun-menu .label-check .form-check-input {margin-right: 5px;}
.boxed-body .body-stun .stun-menu .stun-list {font-size: 16px;font-weight: 300;}
.boxed-body .body-stun .stun-menu .stun-list strong {color: var(--bs-secondary);}
@media (max-width: 1199px) {.boxed-body .body-stun {max-width: 100%!important;transition: 0.2s ease all;}}
/** CATEGORY **/
.boxed-body .cate-list .cate-item {border-radius: var(--bs-border-radius);border: 1px solid var(--bs-border-color);border-left: 1px solid var(--bs-globe-bg);margin-bottom: 5px;}
.boxed-body .cate-list .cate-item .cate-title {font-size:18px;font-weight: 500;padding: 15px;}
.boxed-body .cate-list .cate-item .cate-title:hover {background-color: rgba(var(--bs-emphasis-color-rgb), 0.075);transition: 0.2s ease all;}
.boxed-body .cate-list .cate-item .cate-text {font-size:17px;font-weight: 300;padding: 10px 15px;}
.boxed-body .cate-list .cate-item .cate-text:hover {background-color: rgba(var(--bs-emphasis-color-rgb), 0.075);transition: 0.2s ease all;}
.boxed-body .cate-list .cate-item:last-child {margin-bottom: 0;}
/** MEMBERS DETAIL **/
.boxed-body .member-sammury {position: relative;width: 100%;max-width: 460px;}
.boxed-body .member-sammury .position-sticky {top: 30px;}
.boxed-body .member-sammury .file-img {width: 94px;height: 94px;border-radius: var(--bs-border-radius);}
.boxed-body .member-sammury .preview {position: absolute;top: 0;left: 0;width: 94px;height: 94px;z-index: 1;border-radius: var(--bs-border-radius);overflow: hidden;}
.boxed-body .member-sammury .preview img {width: 100%;height: 100%;}
.boxed-body .member-sammury .btn-clear {font-size:18px;background-color: #990101;color:#FFF;position: absolute;top: -2px;left: -2px;cursor: pointer;height: 30px;width: 30px;line-height: 30px;text-align: center;z-index: 2;border-radius: var(--bs-border-radius);}
.boxed-body .member-sammury .btn-clear:hover {background-color: #000;transition: all 250ms;}
.boxed-body .member-sammury .member-top .member-img img {width: 75px;height: 75px;border-radius: var(--bs-border-radius);}
.boxed-body .member-sammury .member-top .member-title {font-size: 22px;font-weight: 500;color: var(--bs-body-color);}
.boxed-body .member-sammury .member-top .member-title span {font-size: 16px;font-weight: 300;color: var(--bs-secondary);display: block;}
.boxed-body .member-sammury .member-item {font-size: 18px;font-weight: 300;padding: 7px 15px;border-bottom: 1px solid var(--bs-border-color);}
.boxed-body .member-sammury .member-item span {width: 120px;display: inline-block;font-size: 18px;font-weight: 500;}
.boxed-body .member-sammury .member-item:last-child {border-bottom: 0;}
@media (max-width: 568px) {.boxed-body .member-sammury .member-item span {display: block;}}
/** DESK **/
.boxed-body .desk-content {width: 100%!important;max-height: 600px;overflow-y: scroll;}
.boxed-body .desk-content::-webkit-scrollbar {width: 6px;}
.boxed-body .desk-content::-webkit-scrollbar-track {background: var(--bs-secondary-bg); }
.boxed-body .desk-content::-webkit-scrollbar-thumb {background: var(--bs-dark-light); }
.boxed-body .desk-content::-webkit-scrollbar-thumb:hover {background: var(--bs-dark-light); opacity: 0.5;}
.boxed-body .desk-content .item-msg {background-color: var(--bs-dark-light);}
.boxed-body .desk-content .item-msg .head img {width: 40px;height: 40px;border-radius: 80px;border: 2px solid rgb(var(--bs-white-rgb), 0.5);}
.boxed-body .desk-content .item-msg .head .title {font-size:18px;font-weight: 500;}
.boxed-body .desk-content .item-msg .head .title span {display: block;font-size:14px;font-weight: 200;}
.boxed-body .desk-content .item-msg .text-sm {font-size:16px;font-weight: 300;}
.boxed-body .desk-content .chat-message {display: flex;align-items: flex-start;padding: 15px;}
.boxed-body .desk-content .chat-message .avatar {width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 50%;overflow: hidden;flex-shrink: 0;}
.boxed-body .desk-content .chat-message .avatar img {width: 100%;height: 100%;}
.boxed-body .desk-content .chat-message.left {justify-content: flex-start;}
.boxed-body .desk-content .chat-message.left .message {min-width: 400px;background-color: var(--bs-dark-light);border-radius: 10px;padding: 15px;margin-left: 10px;}
.boxed-body .desk-content .chat-message.right {justify-content: flex-end;text-align: right;}
.boxed-body .desk-content .chat-message.right .message {min-width: 400px;background-color: var(--bs-info-bg-subtle);border-radius: 10px;padding: 10px;margin-right: 10px;}
.boxed-body .desk-content .chat-message .message .title {font-size: 20px;font-weight: 500;color: var(--bs-body-color);}
.boxed-body .desk-content .chat-message .message .text {font-size: 18px;font-weight: 300;color: var(--bs-body-color);padding-top: 15px;padding-bottom: 15px;}
.boxed-body .desk-content .chat-message .message .m-footer {font-size: 15px;font-weight: 300;color: var(--bs-secondary);padding-top: 15px;}
@media (max-width: 578px) {.boxed-body .desk-content .chat-message.left .message {min-width: auto;}.boxed-body .desk-content .chat-message.right .message {min-width: auto;}}
/** WIDGETS **/
.boxed-body .report-widget {height: 110px;border: 1px solid var(--bs-border-color);border-radius: var(--bs-border-radius-xl);padding: 15px;background-color: var(--bs-white-bg);}
.boxed-body .report-widget .title {font-size: 19px;font-weight: 600;}
.boxed-body .report-widget .title span {font-size: 13px;font-weight: 300;color: var(--bs-secondary);}
.boxed-body .report-widget .prince {font-size: 26px;font-weight: 400;}
.boxed-body .report-widget .prince span {font-size: 15px;font-weight: 300;}
/** REPORTS **/
.boxed-body .report-menu .top .icon {width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;background-color: var(--bs-globe-bg);border-radius: var(--bs-border-radius-sm);color: var(--bs-white);font-size: 20px;}
.boxed-body .report-menu .top .title {font-size: 20px;font-weight: 500;}
.boxed-body .report-menu .top .title span {font-size: 17px;font-weight: 300;display: block;}
.boxed-body .report-menu .item-today .prince {font-size: 50px;font-weight: 500;}
.boxed-body .report-menu .item-today .prince span {font-size: 30px;font-weight: 500;}
.boxed-body .report-menu .item-today .txt-sm {font-size: 18px;font-weight: 400;}
.boxed-body .report-menu .item-today .txt-sm span {display: block;font-size: 15px;font-weight: 300;}
.boxed-body .report-menu .item-outher .tt {font-size: 18px;font-weight: 500;}
.boxed-body .report-menu .item-outher .tt span {font-weight: 300;}
.boxed-body .report-menu .item-outher ul > li {font-size: 17px;font-weight: 300;}
/** GEAR BODY **/
.boxed-body .gear-box {border-radius: var(--bs-border-radius-xl);background-color: var(--bs-dark-light-bg);}
.boxed-body .gear-box .gear-head .title {font-size: 24px;font-weight: 500;color: var(--bs-body-color);}
.boxed-body .gear-box .gear-head .text {font-size: 16px;font-weight: 300;color: var(--bs-secondary);}
.boxed-body .gear-box .gear-item {display: flex;align-items: center;border-bottom: 1px solid var(--bs-border-color);cursor: pointer;}
.boxed-body .gear-box .gear-item:hover {background-color: rgba(var(--bs-dark-light-rgb), 0.3);transition: var(--bs-effect);}
.boxed-body .gear-box .gear-item:last-child {border-bottom: none;border-bottom-left-radius: var(--bs-border-radius-xl);border-bottom-right-radius: var(--bs-border-radius-xl);}
.boxed-body .gear-box .gear-item .g-icon {font-size: 32px;color: var(--bs-body-color);}
.boxed-body .gear-box .gear-item .g-text {font-size: 19px;font-weight: 500;color: var(--bs-body-color);}
.boxed-body .gear-box .gear-item .g-text span {font-size: 14px;font-weight: 300;color: var(--bs-body-color);display: block;}
.boxed-body .gear-box .gear-item .g-text .stun {width: 150px;font-size: 16px;font-weight: 500;color: var(--bs-secondary);}
.boxed-body .gear-box .gear-link {display: flex;align-items: center;border-bottom: 1px solid var(--bs-border-color);cursor: pointer;}
.boxed-body .gear-box .gear-link:hover {background-color: rgba(var(--bs-dark-light-rgb), 0.3);transition: var(--bs-effect);}
.boxed-body .gear-box .gear-link:last-child {border-bottom: none;border-bottom-left-radius: var(--bs-border-radius-xl);border-bottom-right-radius: var(--bs-border-radius-xl);}
.boxed-body .gear-box .gear-link .g-text {font-size: 19px;font-weight: 400;color: var(--bs-body-color);}
.boxed-body .gear-box .gear-link .g-text .stun {width: 150px;font-size: 16px;font-weight: 500;color: var(--bs-secondary);}
.boxed-body .gear-box .gear-link .g-img {width: 60px;height: 60px;border-radius: 50%;}
.boxed-body .gear-widget {position: relative;border-radius: var(--bs-border-radius-xl);background-color: var(--bs-dark-light-bg);}
.boxed-body .gear-widget .title {font-size: 22px;font-weight: 500;color: var(--bs-body-color);}
.boxed-body .gear-widget .text {font-size: 16px;font-weight: 300;color: var(--bs-secondary);}
.boxed-body .gear-widget .w-link {font-size: 18px;font-weight: 400;color: var(--bs-info);display: block;border-bottom-left-radius: var(--bs-border-radius-xl);border-bottom-right-radius: var(--bs-border-radius-xl);}
.boxed-body .gear-widget .w-link:hover {background-color: var(--bs-dark-light);transition: all 0.3ms ease;}
.boxed-body .gear-widget .icon {font-size: 50px;color: var(--bs-secondary);}
.boxed-body .history-list .history-item {display: flex;align-items: center;border: 1px solid var(--bs-border-color);background-color: var(--bs-white-bg);border-radius: var(--bs-border-radius-xl);padding: 15px;margin-bottom: 10px;}
.boxed-body .history-list .history-item:hover {background-color: var(--bs-dark-light);transition: var(--bs-effect);}
.boxed-body .history-list .history-item .txt-h1 {font-size: 20px;font-weight: 400;color: var(--bs-body-color);}
.boxed-body .history-list .history-item .txt-p {font-size: 14px;font-weight: 300;color: var(--bs-secondary);}
.boxed-body .history-list .history-item .h-icon {font-size: 26px;}
.boxed-body .history-list .history-item .txt-p .udtx {font-size: 14px;font-weight: 300;color: var(--bs-white)!important;background-color: var(--bs-globe-bg)!important;display: inline-block;padding: 0 10px;border-radius: var(--bs-border-radius-pill);margin-right: 5px;}
/** STORE BODY **/
.store-body header {position: fixed;top: 0px;left: 0px;width: 100%!important;padding-left: 85px;}
.store-body {padding-top: 70px;padding-right: 15px;padding-bottom: 15px;height: 100vh;box-sizing: border-box!important;}
.store-body .box-product {width: 100%;display: flex;flex-direction: column;}
.store-body .box-product .product-top {position: relative;}
.store-body .box-product .product-top .form-control {height: 54px;font-size: 20px;background-color: var(--bs-input-color);}
.store-body .box-product .product-top button {position:absolute;top: 15px;right: 15px;width: 54px;height: 54px;border: none;background-color: transparent;}
.store-body .box-product .product-top .form-control:focus {border-color: var(--bs-globe-bg);box-shadow: var(--bs-box-shadow)!important;transition: var(--bs-effect);}
.store-body .box-product .product-top .form-control:focus + button {color: var(--bs-globe-bg);}
.store-body .box-product .product-list {flex: 1;overflow-y: auto;}
.store-body .box-product .product-list::-webkit-scrollbar {width: 3px;height: 3px!important;overflow-y: overlay;}
.store-body .box-product .product-list::-webkit-scrollbar-track {background: var(--bs-secondary-bg); }
.store-body .box-product .product-list::-webkit-scrollbar-thumb {background: var(--bs-secondary); }
.store-body .box-product .product-list::-webkit-scrollbar-thumb:hover {background: var(--bs-secondary); opacity: 0.5;}
.store-body .box-product .product-list .product-item {border:1px solid var(--bs-border-color);margin-bottom: 10px;}
.store-body .box-product .product-list .product-item .input-group-text {display: flex;align-items: center;background-color: var(--bs-dark-light);}
.store-body .box-product .product-list .product-item .form-control {height: 48px;font-size: 18px;background-color: var(--bs-input-color);}
.store-body .box-product .product-list .product-item .form-select {height: 48px;font-size: 18px;background-color: var(--bs-input-color);}
.store-body .box-product .product-list .product-item:hover {border:1px solid var(--bs-globe-bg);box-shadow: var(--bs-box-shadow);transition: var(--bs-effect);}
.store-body .box-product .product-list .product-item .stun-1 {display: inline-flex;align-items: center;}
.store-body .box-product .product-list .product-item .stun-2 {display: inline-flex;align-items: center;}
.store-body .box-product .product-list .product-item:last-child {margin-bottom: 0;}
.store-body .box-product .product-list .product-item .prod-img {width: 50px;height: 50px;flex-shrink: 0;}
.store-body .box-product .product-list .product-item .prod-img img {width: 100%;height: 100%;object-fit: cover;}
.store-body .box-product .product-list .product-item .prod-title {font-size: 20px;font-weight: 400;color: var(--bs-body-color);text-transform: capitalize;}
.store-body .box-product .product-list .product-item .prod-title .p-txt {font-size: 16px;font-weight: 300;color: var(--bs-secondary);text-transform: capitalize;display: block;}
.store-body .box-product .product-list .product-item .prod-title .p-txt span {font-size: 16px;font-weight: 500;color: var(--bs-globe-bg);}
.store-body .box-product .product-list .product-item .prod-code {font-size: 14px;font-weight: 300;color: var(--bs-secondary);}
.store-body .box-product .product-list .product-item .prod-code span {width: 66px;display: inline-block;font-weight: 500;}
.store-body .box-product .product-list .product-item .prince {font-size: 24px;font-weight: 400;color: var(--bs-body-color);}
.store-body .box-product .product-list .product-item .prince span {font-size: 12px;font-weight: 600;display: block;color: var(--bs-secondary);margin-bottom: 0px;}
.store-body .box-product .product-list .product-item .btn {padding: 5px 10px;}
.store-body .box-product .product-list .product-item label {font-size: 18px;font-weight: 600;color: var(--bs-secondary);}
.store-body .box-product .product-list .product-item .form-quantity {border: 1px solid var(--bs-border-color);width: 50px;text-align: center;font-size: 1rem;font-weight: 400;line-height: 1.5;color: var(--bs-body-color);-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: var(--bs-body-bg);background-clip: padding-box;border: var(--bs-border-width) solid var(--bs-border-color);border-radius: var(--bs-border-radius);transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.store-body .box-product .product-list .product-item .form-quantity:focus {color: var(--bs-body-color);background-color: var(--bs-body-bg);border-color: #86b7fe;outline: 0;box-shadow: none!important;}
.store-body .store-box {width: 100%;max-width: 500px;display: flex;flex-direction: column;border: 2px solid var(--bs-border-color);}
@media (max-width: 990px) {.store-body {padding-right: 30px;}.store-body .box-product {width: 100%;display: flex;flex-direction: column;margin-bottom: 15px;}.store-body .box-product .product-list {height: 300px;flex: none;overflow-y: auto;}.store-body .store-box {width: 100%;max-width: 100%!important;}}
@media (max-width: 1199px) {.store-body .box-product .product-list .product-item .stun-1 {margin-bottom: 15px;}.store-body .box-product .product-list .product-item .stun-2 {align-items: flex-end;}}
@media (max-width: 1299px) {.store-body .store-box {width: 100%;max-width: 400px;transition: var(--bs-effect);}}
.store-body .store-box .box-list {flex: 1;overflow-y: auto;}
.store-body .store-box .box-list::-webkit-scrollbar {width: 3px;height: 3px!important;overflow-y: overlay;}
.store-body .store-box .box-list::-webkit-scrollbar-track {background: var(--bs-secondary-bg); }
.store-body .store-box .box-list::-webkit-scrollbar-thumb {background: var(--bs-secondary); }
.store-body .store-box .box-list::-webkit-scrollbar-thumb:hover {background: var(--bs-secondary); opacity: 0.5;}
.store-body .store-box .box-list .table {position: relative;}
.store-body .store-box .box-list .table thead {position: sticky;top: 0;z-index: 1;}
.store-body .store-box .box-list .table tbody td {font-size: 18px;font-weight: 400;}
.store-body .store-box .box-list .table tbody td span {display:block;font-size: 16px;font-weight: 200;}
.store-body .store-box .box-customer .form-control {height: 54px;font-size: 20px!important;font-weight: 400;background-color: var(--bs-input-color);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);}
.store-body .store-box .box-customer .form-control:hover {border-color: var(--bs-globe-bg);transition: var(--bs-effect);}
.store-body .store-box .box-customer .form-control:focus {background-color: transparent;border-color: var(--bs-globe-bg);box-shadow: var(--bs-box-shadow)!important;transition: var(--bs-effect);}
.store-body .store-box .box-customer .form-select {height: 54px;font-size: 20px!important;font-weight: 400;background-color: var(--bs-input-color);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);}
.store-body .store-box .box-customer .form-floating>label {position: absolute;top: 0;left: 0;z-index: 2;height: 100%;overflow: hidden;text-align: start;text-overflow: ellipsis;white-space: nowrap;pointer-events: none;border: var(--bs-border-width) solid transparent;transform-origin: 0 0;transition: opacity .1s ease-in-out, transform .1s ease-in-out;font-size: 18px;font-weight: 400;}
.store-body .store-box .box-customer .form-floating>.form-control-plaintext~label::after, 
.store-body .store-box .box-customer .form-floating>.form-control:focus~label::after, 
.store-body .store-box .box-customer .form-floating>.form-control:not(:placeholder-shown)~label::after, 
.store-body .store-box .box-customer .form-floating>.form-select~label::after {position: absolute;inset: 0px 0.375rem!important;z-index: -1;height: 0.5em!important;content: "";background-color: transparent!important;font-size: 12px!important;font-weight: 300;}
.store-body .store-box .box-customer .input-group-text {font-size: 20px!important;font-weight: 400;background-color: var(--bs-dark-light-bg);color: var(--bs-body-color);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);}
.store-body .store-box .box-buttons .btn {font-size: 20px!important;font-weight: 400;}
.store-body .store-box .box-total .total-item {border-radius: var(--bs-border-radius-xxl);background-color: var(--bs-dark-light);color: var(--bs-body-color);}
.store-body .store-box .box-total .total-item .prnc {height: 40px;display: flex;align-items: center;padding:0px 10px;}
.store-body .store-box .box-total .total-item .global-price {padding: 10px;cursor: pointer;}
.store-body .store-box .box-send .btn {font-size: 22px!important;font-weight: 400;}
/** CATALOG CONTAINER **/
.catalog-container .title {font-size: 18px;font-weight: 500;padding: 10px 15px;color: var(--bs-secondary);}
.catalog-container .content {padding: 15px;}
.catalog-container ul {height:100%;max-height: 250px;overflow-y: auto;}
.catalog-container ul::-webkit-scrollbar {width: 8px;}
.catalog-container ul::-webkit-scrollbar-track {background: var(--bs-white-bg); }
.catalog-container ul::-webkit-scrollbar-thumb {background: var(--bs-dark-light); }
.catalog-container ul::-webkit-scrollbar-thumb:hover {background: var(--bs-dark-light); opacity: 0.5;}
.catalog-container label { height: 30px; cursor: pointer;}
.catalog-container label input {margin-right: 5px;}
.catalog-container .headle-top {font-size: 18px;font-weight: 500;}
.catalog-container .headle-midle li {padding-left: 25px;font-size: 18px;font-weight: 300;}
/** BOX MODAL **/
.box-modal {position: fixed;top: 0;left: 0;z-index: var(--bs-backdrop-zindex);width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, 0.6);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);z-index: 9999;display: flex;align-items: center;justify-content: center;padding: 15px;}
.box-modal .box-header .bi {font-size: 40px;padding: 5px 15px;background-color: var(--bs-dark-light);border-radius: 15px;}
.box-modal .box-header .box-title {font-size: 24px;font-weight: 600;}
.box-modal .box-header .box-title span {font-size: 16px;font-weight: 200;display: block;}
.box-modal .box-content {width: 100%;max-width: 800px;background-color: var(--bs-body-bg);color: var(--bs-body-color);}
.box-modal .box-print {width: 82mm;}
.box-modal .box-print iframe{width: 81mm;height: 379px;}
/** BOX PRINT **/
.box-slip {width: 100%;padding: 10px;page-break-after: always;}
.box-slip table {width: 100%;font-size: 12px;font-weight: 300;}
.box-slip .print-title {text-align:center;font-size: 18px;font-weight: 500;}
.box-slip .print-top {font-size: 14px;font-weight: 200;text-align: center;}
.box-slip .print-bottom {font-size: 14px;font-weight: 400;}
.box-slip .print-bottom span {display: block;}
/** ORDER FORM **/
.orderForm .order-summary {position: relative;width: 100%;max-width: 480px;}
.orderForm .order-sammury .position-sticky {top: 30px;}
.orderForm .order-summary .or {font-size: 16px;font-weight: 500;}
.orderForm .order-summary .code-top {padding: 7px 15px;border-radius: var(--bs-border-radius);border: 2px dashed var(--bs-globe-bg);}
.orderForm .order-summary .code-top span {font-size: 16px;font-weight: 200;color: var(--bs-secondary);display: block;}
.orderForm .order-summary .code-top .code {cursor: pointer;font-size: 20px;font-weight: 600;color: var(--bs-body-color);display: inline-block;}
.orderForm .order-summary .summary-list {border: 1px solid var(--bs-border-color);border-radius: var(--bs-border-radius);}
.orderForm .order-summary .summary-list .list-item {display: flex;font-size: 18px;font-weight: 300;border-top: 1px solid var(--bs-border-color);padding: 10px;}
.orderForm .order-summary .summary-list .list-item .th {font-size: 18px;font-weight: 500;width: 130px;}
@media (max-width: 568px) {.orderForm .order-summary .summary-list .list-item {display: block;}.orderForm .order-summary .summary-list .list-item .th {width: 100%;display: block;}}
.orderForm .order-summary .summary-list .list-item .col {font-size: 18px;}
.orderForm .order-summary .summary-list .list-item:first-child {border: none;}
.orderForm .order-summary .summary-member {border: 2px dashed var(--bs-globe-bg);padding: 10px 15px;border-radius: var(--bs-border-radius);}
.orderForm .order-members {font-size: 18px;font-weight: 300;}
.orderForm .table tbody .refund {text-decoration: line-through;}
.orderForm .order-total {font-size: 18px;font-weight: 300;}
.orderForm .order-total .prince {font-size: 19px;font-weight: 300;}
.orderForm .order-note .note-item {position: relative;display: flex;padding-left: 15px;}
.orderForm .order-note .note-item:hover {background-color: rgba(var(--bs-emphasis-color-rgb), 0.075);transition: 0.2s ease all;border-radius: var(--bs-border-radius);}
.orderForm .order-note .note-item:hover .delete {display: block;}
.orderForm .order-note .time-line {position: relative;width: 2px;height: auto;background-color: var(--bs-border-color);display: block;margin-right: 10px;}
.orderForm .order-note .note-item .item-icon {position: absolute;top: 15px;left: -16px;width: 34px;height: 34px;border-radius: 50px;background-color: var(--bs-globe-bg);color: var(--bs-white);display: flex;align-items: center;justify-content: center;font-size: 18px;}
.orderForm .order-note .note-item .item-body {padding: 15px;}
.orderForm .order-note .note-item .item-body .item-date {font-size: 13px;font-weight: 500;color: var(--bs-secondary);}
.orderForm .order-note .note-item .item-body .item-title {font-size: 17px;font-weight: 300;color: var(--bs-body-color);}
.orderForm .order-note .note-item .item-body .item-text {font-size: 18px;font-weight: 300;}
.orderForm .order-note .note-item .delete {position: absolute;top: 5px;right: 5px;font-size: 16px;padding: 3px 6px;background-color: var(--bs-danger);color: var(--bs-white);border-radius: var(--bs-border-radius);display: none;}
.orderForm .order-dnot {font-size: 18px;font-weight: 300;}
.orderForm .order-dnot h6 {font-size: 18px;}
@media (max-width: 1299px) {.orderForm .order-summary {max-width: 400px;transition: 0.2s ease all;}.boxed-body .member-sammury {max-width: 400px;transition: 0.2s ease all;}}
@media (max-width: 1200px) {.orderForm .order-summary {width: 100%!important;max-width: 100%!important;}.boxed-body .member-sammury {width: 100%!important;max-width: 100%!important;}}
/** TABLE **/
.table {--bs-table-color-type: initial;--bs-table-bg-type: initial;--bs-table-color-state: initial;--bs-table-bg-state: initial;--bs-table-color: var(--bs-body-color);--bs-table-bg: transparent;--bs-table-border-color: var(--bs-border-color);--bs-table-accent-bg: transparent;--bs-table-striped-color: var(--bs-body-color);--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.3)!important;--bs-table-active-color: var(--bs-body-color);--bs-table-active-bg: rgba(var(--bs-dark-light-bg-rgb), 0.1);--bs-table-hover-color: var(--bs-body-color);--bs-table-hover-bg: rgba(var(--bs-dark-light-bg-rgb), 0.5);width: 100%;margin-bottom: 1rem;vertical-align: top;border-color: var(--bs-border-color);}
.table thead {background-color: var(--bs-black-light);font-size: 17px;font-weight: 400;}
.table thead th {color: var(--bs-body-color)!important;}
.table tbody {font-size: 18px;font-weight: 300;}
.table tbody td {vertical-align: middle;vertical-align: center;}
.table .img-tbl {width: 46px;height: 46px;}
.table .img-tbl img {width: 100%;height: 100%;object-fit: cover;}
.table .btn-tbl {height: 30px;padding: 0 10px;font-size: 15px;display: inline-flex;align-items: center;justify-content: center;border-radius: 3px;cursor: pointer;border: none;}
.table .btn-tbl-outline {height: 26px;width: 26px;font-size: 15px;display: inline-flex;align-items: center;justify-content: center;border-radius: 3px;border: 1px solid var(--bs-border-color);color: var(--bs-body-color);cursor: pointer;}
.table .btn-tbl {background-color: var(--bs-black-light);color: var(--bs-body-color);border-radius: var(--bs-border-radius);box-shadow: var(--bs-box-shadow-sm);}
.table .btn-active {background-color: var(--bs-success)!important;color: var(--bs-white)!important;}
.table .btn-sm {font-size: 16px!important;}
.table-title span {height: 56px;line-height: 56px;font-size: 20px;font-weight: 500;color: var(--bs-secondary);border-bottom: 1px solid var(--bs-globe-bg);display: inline-block;}
.table-top span {height: 56px;line-height: 56px;font-size: 20px;font-weight: 500;color: var(--bs-secondary);border-bottom: 1px solid var(--bs-globe-bg);display: inline-block;}
.table-top a {font-size: 18px;font-weight: 500;}
.table-head .search  {position: relative;}
.table-head .search .search-btn {position: absolute;top: 0;right: 0;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;background-color: transparent;color: var(--bs-globe-bg);border: none!important;}
.table-head .search .form-control {height: 40px;background-color: var(--bs-input-color);color: var(--bs-body-color);border-radius: var(--bs-border-radius-pill);}
.table-head .search .form-control:focus {background-color: transparent;border-color: var(--bs-globe-bg)!important;box-shadow: var(--bs-box-shadow)!important;}
.table-search {display: flex;align-items: center;justify-content: center;font-size: 17px;font-weight: 300;border-bottom: 1px solid var(--bs-border-color);}
.table-search a {background-color: var(--bs-globe-bg);color: var(--bs-white);padding: 4px 15px;border-radius: var(--bs-border-radius-pill);flex-shrink: 0;margin-right: 5px;}
.table .dropdown-menu {width: 100%;max-width: 250px;}
.table .form-select {background-color: var(--bs-input-color);border:1px solid var(--bs-input-color);}
.table .form-select:focus {border-color: var(--bs-globe-bg)!important;box-shadow: var(--bs-box-shadow)!important;}
.table .tbl-success {background-color: rgba(1, 153, 9, 0.07);}
.table .tbl-danger {background-color: rgba(250, 8, 8, 0.07);}
.table .tbl-img {width: 28px;height: 28px;border-radius: 5px;}
.table .form-input {border: 1px solid var(--bs-border-color);text-indent: 10px;}
.table .form-input:focus {border-color: var(--bs-border-color);box-shadow: none!important;}
.table-striped tbody tr:hover {cursor: pointer;}
@media (max-width: 990px) {.table-responsive .table {width: 1000px!important;}}
.table-footer .pg-txt {font-size: 15px;}
@media (max-width: 768px) {.table-footer .pg-txt {width: 100%;display: block;margin-bottom: 15px;text-align: center!important;}}
/** PAGE DOT **/
.pagination {font-size: 15px;font-weight: 300;}
.pagination a {font-size: 15px;font-weight: 300;width: 30px;height: 30px;line-height: 30px;display: block;text-align: center;color: var(--bs-secondary);text-decoration: none;margin: 0 1px;border-radius: 6px!important;}
.pagination .active {background-color: var(--bs-globe-bg);color: var(--bs-white);line-height: 30px;}
.pagination .prv {float: left;background-color: var(--bs-secondary-bg);margin-right: 2px;}
.pagination .nxt {float: right;background-color: var(--bs-secondary-bg);margin-left: 2px;}
.pagination ul {float: left;border-radius: 0;}
.pagination ul li {float: left;}
.pagination ul li a:hover {background-color: var(--bs-dark-light);color: var(--bs-body-color);line-height: 30px;}
/** MODAL **/
.modal {z-index: 9900!important;-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
.modal .modal-content {background-color: var(--bs-white-bg)!important;border-radius: 16px;}
.modal .modal-header {display: flex;padding: 0 1rem;}
.modal .modal-header .close {position: absolute;top: 15px;right: 15px;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;color: var(--bs-body-color);background-color: var(--bs-dark-light);font-size: 18px;border-radius: var(--bs-border-radius-xxl);}
.modal .modal-header .close:hover {color: var(--bs-body-color);background-color: var(--bs-dark-light-bg);font-size: 18px;transition: var(--bs-effect);}
.modal .modal-header .modal-title {font-size: 20px;font-weight: 500;color: var(--bs-globe-bg);padding-top: 1rem;padding-bottom: 1rem;border-bottom: 1px solid var(--bs-globe-bg);margin-bottom: -1px;}
.modal .modal-body {scrollbar-width: thin;}
.modal .modal-body .fd-ta {border: none;font-size: 21px;font-weight: 400;border: none!important;box-shadow: none!important;background-color: var(--bs-white-bg);}
.modal .modal-body .fd-ta::placeholder {font-size: 20px;font-weight: 200;}
.modal .modal-body .delet-icon {width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;margin: 0 auto 15px;border-radius: var(--bs-border-radius-lg);}
.modal .modal-body .delet-icon .form-checked svg {width: 70px;height: 70px;display: block;margin: 0 auto;}
.modal .modal-body .delet-icon .path {stroke-dasharray: 1000;stroke-dashoffset: 0;}
.modal .modal-body .delet-icon .circle {animation: dash 0.9s ease-in-out;}
.modal .modal-body .delet-icon .line {stroke-dashoffset: 1000;animation: dash 0.9s 0.35s ease-in-out forwards;}
.modal .modal-body .delet-icon .check {stroke-dashoffset: -100;animation: dash-check 0.9s 0.35s ease-in-out forwards;}
.modal .modal-footer .btn {font-size: 19px;font-weight: 300;}
.modal-backdrop.show {opacity: 0.6!important;}
@media (max-width: 990px) {.modal .modal-dialog-scrollable {border-radius: 0!important;}}
/* FORM CONTAINER */
.form__container .form-image {width: 200px;height: 200px;border:4px solid rgb(190, 190, 190, 0.5);border-radius: 4px;position: relative;}
.form__container .form-image:hover {border-color: var(--bs-globe-bg2);transition: all 200ms;}
.form__container .form-image img {width: 100%;height: 100%;}
.form__container .form-image input {position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;opacity: 0;z-index: 1;}
.form__container .form-image .preview {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.form__container .form-control {font-size:19px;padding: 0.55rem 0.75rem!important;background-color: var(--bs-input-color);border: 0.1rem solid var(--bs-border-color);}
.form__container .form-control::placeholder {opacity: 0.7;color: var(--bs-body-color)!important;}
.form__container .form-control:focus {transition: var(--bs-effect);background-color: var(--bs-white-bg);border-color: var(--bs-globe-bg)!important;box-shadow: var(--bs-box-shadow)!important;}
.form__container .form-select {font-size:19px;padding: 0.55rem 0.75rem!important;background-color: var(--bs-input-color);border: 0.1rem solid var(--bs-border-color);}
.form__container .form-select:focus {transition: var(--bs-effect);background-color: var(--bs-white-bg);border-color: var(--bs-globe-bg)!important;box-shadow: var(--bs-box-shadow)!important;}
.form__container .form-label {font-family: var(--bs-font-one),sans-serif;font-size:16px;font-weight: 600;}
.form__container .form-label .text-link {color: var(--bs-globe-bg);font-size: 15px;font-weight: 300;}
.form__container .form-label .input-group-text {font-size: 20px;}
.form__container .input-group-text {background-color: var(--bs-input-color);border-color: var(--bs-border-color);color: var(--bs-body-color);}
.form__container .file-img {width: 120px;height: 100px;border-radius: var(--bs-border-radius);}
.form__container .preview {position: absolute;top: 0;left: 0;width: 120px;height: 100px;z-index: 1;border-radius: var(--bs-border-radius);overflow: hidden;}
.form__container .preview img {width: 100%;height: 100%;}
.form__container .form-control:disabled {cursor: not-allowed!important;} 
.form__container .form-select:disabled {cursor: not-allowed!important;}
.form__container .form-check .form-check-label {cursor: pointer;}
.form__container .btn {font-size:18px;font-weight: 400;}
.form__container .btn-clear {font-size:18px;background-color: #990101;color:#FFF;position: absolute;top: -2px;left: -2px;cursor: pointer;height: 30px;width: 30px;line-height: 30px;text-align: center;z-index: 2;border-radius: var(--bs-border-radius);}
.form__container .btn-clear:hover {background-color: #000;transition: all 250ms;}
.form__container .breadcrumb {font-size: 19px;font-weight: 400;}
.form__container .breadcrumb a {font-size: 16px;font-weight: 200;color: var(--bs-globe-bg);}
.form__container table .form-check {margin-bottom: 0;display: inline-flex;align-items: center;}
.form__container table .form-check input {margin-right: 5px;margin-top: -1px;}
.form__container .stun-content {font-size: 17px!important;font-weight: 300;}
.form__container .stun-content .stun-item {background-color: #e7e7e7;height: 42px;line-height: 42px;}
.form__container .image-upload {width: auto;height: 100px;border:4px solid rgb(190, 190, 190, 0.5);border-radius: 4px;position: relative;}
.form__container .image-upload:hover {border-color: var(--bs-globe-bg2);transition: all 200ms;}
.form__container .image-upload img {width: 100%;height: 100%;}
.form__container .image-upload input {position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;opacity: 0;z-index: 1;}
.form__container .image-upload .preview {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.form__container .form-floating>label {position: absolute;top: 0;left: 0;z-index: 2;height: 100%;overflow: hidden;text-align: start;text-overflow: ellipsis;white-space: nowrap;pointer-events: none;border: var(--bs-border-width) solid transparent;transform-origin: 0 0;transition: opacity .1s ease-in-out, transform .1s ease-in-out;font-size: 18px;font-weight: 400;}
.form__container .form-floating>.form-control-plaintext~label::after, 
.form__container .form-floating>.form-control:focus~label::after, 
.form__container .form-floating>.form-control:not(:placeholder-shown)~label::after, 
.form__container .form-floating>.form-select~label::after {position: absolute;inset: 0px 0.375rem!important;z-index: -1;height: 0.5em!important;content: "";background-color: transparent!important;font-size: 12px!important;font-weight: 300;}
.form__container .well_promt {background-color:var(--bs-dark-light-bg);border: 2px solid var(--bs-border-color);}
.form__container .well_promt .w-title {font-size:22px;font-weight: 500;color: var(--bs-body-color);}
.form__container .well_promt .w-title strong {color: var(--bs-globe-bg);}
.form__container .well_promt .w-message {font-size:18px;font-weight: 300;color: var(--bs-secondary);}
.form__container .well_promt .w-txt-sm {font-size:15px;font-weight: 200;color: var(--bs-secondary);opacity: 0.5;}
.form__container .well_promt .form-group {position: relative;}
.form__container .well_promt .form-group .form-control {background-color: var(--bs-dark-light);height: 56px;text-indent: 15px;border: 2px solid var(--bs-border-color);}
.form__container .well_promt .form-group .form-control:focus {box-shadow: var(--bs-box-shadow);transition: var(--bs-effect);}
.form__container .well_promt .form-group .btn {position:absolute;top: 6px;right: 6px;height: 44px;width: 44px;border-radius: 50%;background-color: var(--bs-globe-bg);color: var(--bs-white);}
/* SELECT2 */
.select2-selection {background-color: var(--bs-input-color)!important;color: var(--bs-body-color)!important;}
.select2-container {display: inline-block !important;width: 100% !important;border: none !important;color: var(--bs-body-color) !important;}
.select2-container--default .select2-selection--single {height: 46px !important;padding-top: 8px !important;padding-left: 4px !important;font-size: 19px !important;font-weight: 400 !important;border:1px solid var(--bs-border-color) !important;}
.select2-container--default .select2-selection--single:focus {border-color: var(--bs-globe-bg) !important;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;background-color: transparent!important;background-color: var(--bs-body-bg);}
.select2-selection__rendered {color: var(--bs-body-color)!important;}
.select2-selection__arrow {top: 12px !important;right: 15px !important;}
.select2-dropdown {padding: 0 !important;box-shadow: 0px 4px 26px -12px rgba(0,0,0,0.6)!important;position: relative;top:-0!important;font-size: 18px!important;border:1px solid var(--bs-border-color) !important;background-color:var(--bs-body-bg) !important;z-index: 9999!important;border-radius: var(--bs-border-radius-xl);}
.select2-container--open {display: block!important;width: auto!important;}
.select2-dropdown--below {border: 1px solid var(--bs-border-color) !important;box-shadow: 0px 4px 26px -12px rgba(0,0,0,0.6)!important;padding-bottom: 5px!important;border-bottom-left-radius: var(--bs-border-radius-lg)!important;border-bottom-right-radius: var(--bs-border-radius-lg)!important;}
.select2-dropdown--above {border-top-left-radius: var(--bs-border-radius-lg)!important;border-top-right-radius: var(--bs-border-radius-lg)!important;}
.select2-search .select2-search__field {height: 46px !important;padding-left: 15px !important;font-size: 100%;margin-top: 0 !important;margin-bottom: 10px !important;font-size: 16px;font-weight: 400;}
.select2-search .select2-search__field:focus {border-color: var(--bs-globe-bg) !important;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;border: 1px solid var(--bs-border-color);}
.select2-results__options::-webkit-scrollbar {width: 6px;}
.select2-results__options::-webkit-scrollbar-track {background: var(--bs-dark-light);}
.select2-results__options::-webkit-scrollbar-thumb {background: rgba(var(--bs-globe-bg-rgb),0.5);}
.select2-results__options::-webkit-scrollbar-thumb:hover {background:rgba(var(--bs-globe-bg2-rgb),0.5);}
.select2-selection--multiple {box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);font-size: 18px !important;font-weight: 300 !important;border-radius: 3px !important;border-color: var(--bs-border-color)!important;}
.select2-selection--multiple .select2-search--inline input {height: 26px!important;}
.select2-container--focus .select2-selection--multiple{border:solid var(--bs-globe-bg) 1px!important;outline:0;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;background-color: var(--bs-light);}
.select2-selection--multiple .select2-search__field {height: auto!important;width: auto!important;background-color: transparent!important;box-shadow: none!important;}
.select2-selection--multiple .select2-search__field:focus {box-shadow:none !important;}
.select2-selection--multiple .select2-selection__choice {width: 120px;height: 30px;line-height: 27px;border-radius: 3px;overflow: hidden;padding: 5px;background-color: var(--bs-globe-bg)!important;border-color: var(--bs-globe-bg)!important;color:var(--bs-white)!important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.select2-selection--multiple  .select2-selection__choice__remove {color: var(--bs-white)!important;font-size:18px!important;}
.select2-container--default .select2-results__option {padding-left: 16px;}
.select2-container--default .select2-results__option[aria-selected=true]{background-color: var(--bs-globe-bg)!important;color:var(--bs-white)!important;}
/* dropZONE */
.imageUpload .dropZONE {height: 90px;max-width: 400px;position: relative;display: flex;justify-content: center;align-items: center;border:2px dashed var(--bs-globe-bg);background-color:var(--bs-dark-light);border-radius: var(--bs-border-radius-lg);}
.imageUpload .dropZONE:hover {border:2px dashed var(--bs-body-color)!important;-webkit-transition: all 250ms;-o-transition: all 250ms;transition: all 250ms;-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}
.imageUpload .dropZONE input[type="file"] {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.imageUpload .dropZONE .title {font-size: 18px;font-weight: 300;display: flex;align-items: center;}
.imageUpload .dropZONE .title .bi {font-size: 58px;color: var(--bs-globe-bg);}
.sortable .sortable-img {height: 150px;position: relative;cursor: pointer;border:3px solid rgba(222, 224, 226, 0.5);-webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;border-radius: var(--bs-border-radius-lg);}
.sortable .sortable-img:hover {border-color: var(--bs-globe-bg2);-webkit-transition: all 250ms;-o-transition: all 250ms;transition: all 250ms;-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}
.sortable .sortable-img img {width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: var(--bs-border-radius);}
.sortable .sortable-img .vitrin {display: none;}
.sortable .sortable-img .delete {position:absolute;cursor: pointer;top: -10px;right: -10px;width: 30px;height: 30px;line-height: 25px;text-align: center;border-radius: 50px;background-color: var(--bs-danger);color:#FFF;display: block;border:2px solid rgba(243, 244, 245, 0.5);}
.sortable .sortable-img .check {position:absolute;cursor: pointer;top: -10px;right: 22px;width: 30px;height: 30px;line-height: 25px;text-align: center;border-radius: 50px;background-color: var(--bs-success);color:#FFF;display: block;border:2px solid rgba(243, 244, 245, 0.5);}
.sortable .active {border-color: var(--bs-globe-bg2)!important;}
.sortable .active .vitrin {position: absolute;bottom: 5px;left: 0;width: 100%;background-color: var(--bs-globe-bg2);color:#FFF;height: 30px;line-height: 30px;text-align: center;font-size: 16px;font-weight: 600;display: block;}
.sortable .active .delete {display: none!important;}
.sortable .active .check {display: none!important;}
/** IMAGE UPLOAD **/
.uploading {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(29, 30, 32, 0.9);z-index: 10;display: none;}
.uploadON {display: block!important;}
/** BT RESET **/
.mn-fix {display: none;opacity: 0;transition: opacity 0.3s ease;}
.mn-trans {display: none;opacity: 0;transition: translateX 0.3s ease;}
.fs-14 {font-size: 14px;}
.fs-16 {font-size: 16px;}
.fs-18 {font-size: 18px;}
.fs-20 {font-size: 20px;}
.fs-22 {font-size: 22px;}
.fs-24 {font-size: 24px;}
.fs-26 {font-size: 26px;}
.btn {border-radius: var(--bs-border-radius-pill);}
.form-control::placeholder {font-size: 18px;font-weight: 200;color: var(--bs-secondary);}
.form-control:focus {box-shadow: none!important;}
.form-select:focus {box-shadow: none!important;}
.form-select::placeholder {font-size: 18px;font-weight: 200;color: var(--bs-body-color);}
.shadow-xs {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)!important;}
.shadow-xm {box-shadow: 0 1px 6px rgb(0 0 0 / 6%)!important;}
.mw-md {width: 100%;max-width: 768px;margin: 0 auto;}
.mw-lg {width: 100%;max-width: 840px;margin: 0 auto;}
.mw-xl {width: 100%;max-width: 1099px;margin: 0 auto;}
.typing-slide {display: none;}
.typing-dot {display: inline-block;width: 15px;height: 15px;border-radius: 50%;background-color: var(--bs-body-color);margin-left: 5px;animation: blink 1s infinite;}
.tooltip {--bs-tooltip-color: var(--bs-white)!important;--bs-tooltip-bg: var(--bs-globe-bg)!important;z-index: 9999!important;}
.popover {z-index: 9999!important;}
.popover-header {font-size: 14px!important;border: none!important;}
.or {display: grid;grid-template-columns: 1fr auto 1fr;color: var(--bs-secondary);align-items: center;gap: 15px;font-size: 20px;font-weight: 400;}
.or::before,
.or:after {content: "";height: 1px;flex: 1;background: var(--bs-border-color);}
.form-check-input:focus {box-shadow: none!important;}
.form-check-input:checked {background-color: var(--bs-success)!important;border-color: var(--bs-success)!important;}
.btn {font-size: 18px;}
.btn-dtx {background-color: var(--bs-globe-bg);color: var(--bs-white);}
.btn-dtx:hover {background-color: var(--bs-dark);color: var(--bs-white);transition: var(--bs-effect);}
.btn-gpt {background-color: var(--bs-globe-bg);color: var(--bs-white)!important;}
.btn-gpt:hover {background-color: var(--bs-dark)!important;color: var(--bs-white)!important;transition: var(--bs-effect);}
.btn-gptR {display: inline-flex;align-items: center;padding: 0 15px;height: 40px;margin-right: -5px;border-radius: var(--bs-border-radius-pill)!important;background-image: linear-gradient(74deg, var(--bs-gradient-1) 0, var(--bs-gradient-2) 9%, var(--bs-gradient-3) 20%, var(--bs-gradient-3) 24%, var(--bs-gradient-2) 35%, var(--bs-gradient-1) 44%, var(--bs-gradient-2) 50%, var(--bs-gradient-3) 56%, var(--bs-globe-bg) 85%, var(--bs-body-color) 100%);background-size: 200% 200%;background-clip:border-box;color: var(--bs-white);box-shadow: var(--bs-box-shadow);border: 1px solid var(--bs-border-color);animation: gradientMove 5s linear infinite;}
.bg-warning {background-color: var(--bs-globe-bg)!important;color: var(--bs-white)!important;}
.bg-warning:hover {background-color: var(--bs-globe-bg2)!important;color: var(--bs-white)!important;transition: 0.2s ease all;}
.btn-success {border-color: var(--bs-success);background-color: var(--bs-success);}
.bg-success {background-color: var(--bs-success)!important;color: var(--bs-white)!important;}
.text-success {color: var(--bs-success)!important;}
.btn-outline-warning {--bs-btn-color: #ac905a;--bs-btn-border-color: #ac905a;--bs-btn-hover-color: #000;--bs-btn-hover-bg: #ac905a;--bs-btn-hover-border-color: #ac905a;--bs-btn-focus-shadow-rgb: 255, 193, 7;--bs-btn-active-color: #FFF;--bs-btn-active-bg: #ac905a;--bs-btn-active-border-color: #ac905a;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #ac905a;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #ac905a;--bs-gradient: none;}
.btn-outline-box {--bs-btn-color: #0D354F;--bs-btn-border-color: #0D354F;--bs-btn-hover-color: #FFF;--bs-btn-hover-bg: #0D354F;--bs-btn-hover-border-color: #0D354F;--bs-btn-focus-shadow-rgb: 255, 193, 7;--bs-btn-active-color: #FFF;--bs-btn-active-bg: #0D354F;--bs-btn-active-border-color: #0D354F;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #0D354F;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #0D354F;--bs-gradient: none;}
html[data-bs-theme="dark"] .btn-outline-box {--bs-btn-color: #ac905a;--bs-btn-border-color: #ac905a;--bs-btn-hover-color: #FFF;--bs-btn-hover-bg: #ac905a;--bs-btn-hover-border-color: #ac905a;--bs-btn-focus-shadow-rgb: 255, 193, 7;--bs-btn-active-color: #FFF;--bs-btn-active-bg: #ac905a;--bs-btn-active-border-color: #ac905a;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #ac905a;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #ac905a;--bs-gradient: none;}
.bg-dark-light {background-color: var(--bs-dark-light);}
.highlight {background-color: var(--bs-white-bg);}
.dropdown-toggle::after {display: none;}
.dropdown-menu {padding: 15px;background-color: var(--bs-white-bg);border-color: var(--bs-border-color)!important;border-radius: 16px;z-index: 9999!important;}
.dropdown-menu ul::-webkit-scrollbar {width: 4px;opacity: 0;}
.dropdown-menu ul::-webkit-scrollbar-track {background: var(--bs-secondary-bg); }
.dropdown-menu ul::-webkit-scrollbar-thumb {background: var(--bs-secondary); }
.dropdown-menu ul::-webkit-scrollbar-thumb:hover {background: var(--bs-secondary); opacity: 0.5;}
.dropdown-menu .dropdown-item .bi {font-size: 20px;margin-right: 10px;}
.dropdown-menu .dropdown-item {height: 46px;display: flex;align-items: center;font-size: 18px;font-weight: 300;padding:0 15px;border-radius: var(--bs-border-radius);line-height: 0!important;}
.dropdown-menu .dropdown-item:hover {background-color: var(--bs-dark-light);color: var(--bs-body-color);transition: var(--bs-effect);}
.dropdown-menu .dropdown-item.active, .dropdown-item:active {background-color: var(--bs-globe-bg)!important;color: var(--bs-white)!important;}
@media (max-width: 568px) {.d-n-sm {display: none!important;transition: var(--bs-effect);}}
@media (max-width: 768px) {.d-n-md {display: none!important;transition: var(--bs-effect);}}
@media (max-width: 990px) {.d-n-lg {display: none!important;transition: var(--bs-effect);}.mn-dn {display: none;}}
@media (max-width: 1199px) {.d-n-xl {display: none!important;transition: var(--bs-effect);}}
@media (min-width: 1400px) {.d-n-xxl {display: none!important;transition: var(--bs-effect);}.container-xxl {max-width: 1600px !important;}}
.bl-pill {border-top-left-radius: var(--bs-border-radius-pill)!important;border-bottom-left-radius: var(--bs-border-radius-pill)!important;}
.br-pill {border-top-right-radius: var(--bs-border-radius-pill)!important;border-bottom-right-radius: var(--bs-border-radius-pill)!important;}
.order_cargo-info .bg-light a {color: var(--bs-primary-text-emphasis)!important;}
/** VERSION **/
.version-body .version-box {position: sticky;top: 80px;width: 100%;max-width: 600px;}
@media (max-width: 768px) {.version-body .version-box {max-width: 100%;}}
.version-body .version-box .v-icon {font-size: 54px;color: var(--bs-success);}
.version-body .version-box .v-title {font-size: 34px;font-weight: 500;color: var(--bs-body-color);}
.version-body .version-box .v-text {font-size: 18px;font-weight: 300;color: var(--bs-secondary);}
.version-body .version-box .box-stun {border: 2px solid var(--bs-border-color);border-radius: var(--bs-border-radius-xl);background-color: var(--bs-border-color);}
.version-body .version-box .box-stun .top {font-size: 20px;font-weight: 500;color: var(--bs-body-color);padding: 10px;text-align: center;}
.version-body .version-box .box-stun .body {text-align: center;background-color: var(--bs-white-bg);padding: 0 10px;border-radius: var(--bs-border-radius-lg);}
.version-body .version-box .box-stun .body span {font-size: 60px;font-weight: 600;color: var(--bs-globe-bg);text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.09);}
.version-body .version-box .box-stun .bottom {font-size: 16px;font-weight: 300;color: var(--bs-secondary);text-align: center;padding: 10px;}
.version-body .version-box .box-stun-new  {background-color: var(--bs-white-bg);}
.version-body .version-box .box-stun-new .body span {font-family: var(--bs-font-two);font-size: 54px;font-weight: 600;color: var(--bs-body-color);}
.version-body .version-note .h-title {font-size: 30px;font-weight: 500;color: var(--bs-body-color);}
.version-body .version-note .note-item {background-color: var(--bs-white-bg);border: 1px solid var(--bs-border-color);border-radius: var(--bs-border-radius-xl);padding: 20px;}
.version-body .version-note .note-item .n-title {height: 30px;display: flex;align-items: center;font-size: 18px;font-weight: 300;color: var(--bs-secondary);}
.version-body .version-note .note-item .n-title span {font-size: 18px;font-weight: 500;color: var(--bs-white);background-color: var(--bs-globe-bg);padding: 0 10px;border-radius: var(--bs-border-radius-pill);margin-right: 10px;}
.version-body .version-note .note-item .n-text {font-size: 18px;font-weight: 300;}
/** Quill Editör **/
.ql-toolbar {border-top-left-radius: 6px !important;border-top-right-radius: 6px !important;border-color: var(--bs-border-color) !important;color: var(--bs-body-color)!important;}
.ql-toolbar .ql-formats {color: var(--bs-body-color)!important;}
.ql-container {border-bottom-left-radius: 6px !important;border-bottom-right-radius: 6px !important;box-shadow: inset 0px 3px 5px -3px rgba(0, 0, 0, 0.11);border-color: var(--bs-border-color) !important;background-color: var(--bs-input-color);}
.ql-container .ql-editor {background-color: var(--bs-input-color);height: auto!important;color: var(--bs-body-color)!important;}
/** LOGIN **/
.datax__screen .log-up form {width:100%;max-width:400px;}
.datax__screen .log-up form .logo {width: 250px;height:60px;display: inline-block;background: var(--bs-theme-logo);background-size:contain;background-position: center;background-repeat: no-repeat;filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.2));}
.datax__screen .log-up form .alert {font-size: 17px;font-weight: 300;}
.datax__screen .log-up form .avatar {height:90px;border-radius: 90px;}
.datax__screen .log-up form .form-control {background-color:var(--bs-border-color);border:2px solid var(--bs-border-color);border-radius: var(--bs-border-radius-pill);height:54px;font-size:18px;font-weight:400;text-indent: 35px;}
.datax__screen .log-up form .form-control::placeholder {font-weight:200;color: var(--bs-body-color);opacity: 0.5;}
.datax__screen .log-up form .form-control:focus {box-shadow:none!important;background-color:transparent;border-color:var(--bs-globe-bg)!important;}
.datax__screen .log-up form a {color:var(--bs-secondary);font-size:16px;font-weight:300;}
.datax__screen .log-up form .form-group {position: relative;}
.datax__screen .log-up form .form-group span {position: absolute;top: 0;left: 5px;height: 54px;width: 44px;display: flex;align-items: center;justify-content: center;font-size: 20px;color: var(--bs-body-color);}
.datax__screen .log-up form .btn-warning {height: 50px;font-size: 19px;font-weight: 500;background-color:var(--bs-globe-bg);border-color:var(--bs-globe-bg);color:var(--bs-white);}
.datax__screen .text-sm {font-size: 17px;font-weight: 300;}
.datax__screen .copy {position: absolute;bottom: 15px;left: 15px;color: var(--bs-white);font-size: 14px;font-weight: 300;}
.datax__screen .copy a {color: var(--bs-globe-bg);font-size: 14px;font-weight: 400;}
.datax__screen .log-txt {position: relative;color: var(--bs-white);background-color: rgba(var(--bs-globe-bg-rgb), 0.7);}
.datax__screen .log-txt::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../../img/bg-16.jpg);background-size: cover;background-position: left;z-index: -1;}
.datax__screen .log-txt .quest {display: none;opacity: 0;}
.datax__screen .log-txt .quest.active {display: block;animation: slideUp 0.5s ease forwards;}
.datax__screen .log-txt .quest.previous {animation: slideOut 0.5s ease forwards;}
.datax__screen .log-txt .quest .typing {display: inline-block;width: 20px;height: 20px;border-radius: 50%;background-color: var(--bs-white);animation: spin 1s linear infinite;}
.datax__screen .log-txt .quest .txt-h1 {font-size: 40px;font-weight: 500;}
.datax__screen .log-txt .quest .txt-p {font-size: 34px;font-weight: 300;}
@keyframes slideUp {0% {transform: translateY(100%);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
@keyframes slideOut { 0% {transform: translateY(0);opacity: 1;}100% {transform: translateY(-100%);opacity: 0;}}
/** LOADING **/
.loading {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(var(--bs-body-bg-rgb), 0.97);z-index: 1040;-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
.initial-loading {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.initial-loading .spinner{position:relative;top:calc(50% - 40px);width:50px;height:40px;margin:0 auto;text-align:center;font-size:10px}
.initial-loading .spinner>div{width:6px;height:100%;display:block;float:left;margin-right:5px;background-color:#987f4f;-webkit-animation:1.2s ease-in-out infinite initial-loading-animation;animation:1.2s ease-in-out infinite initial-loading-animation}
.initial-loading .rect2{-webkit-animation-delay:-1.1s!important;animation-delay:-1.1s!important}.initial-loading .rect3{-webkit-animation-delay:-1s!important;animation-delay:-1s!important}.initial-loading .rect4{-webkit-animation-delay:-.9s!important;animation-delay:-.9s!important}.initial-loading .rect5{margin-right:0!important;-webkit-animation-delay:-.8s!important;animation-delay:-.8s!important}
@-webkit-keyframes initial-loading-animation{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}
@keyframes initial-loading-animation{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}
.page-loader {position: fixed!important;z-index: 9999!important;background: var(--bs-white-bg)!important;left: 0;top: 0;right: 0;bottom: 0;height: 100%!important;width: 100%!important;display: flex;align-items: center;justify-content: center;text-align: center;}
.page-loader img {height: 60px;}
.load-boxes {width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 12000;background-color: var(--bs-white-bg);display: flex;align-items: center;justify-content: center;flex-direction: column;z-index: 999;}
.boxes {height: 32px;width: 32px;position: relative;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;margin-top: 32px;-webkit-transform: rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px);transform: rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px);background-color: transparent!important;}
.boxes .box {width: 32px;height: 32px;top: 0px;left: 0;position: absolute;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.boxes .box:nth-child(1) {-webkit-transform: translate(100%, 0);transform: translate(100%, 0);-webkit-animation: box1 1s linear infinite;animation: box1 1s linear infinite;}
.boxes .box:nth-child(2) {-webkit-transform: translate(0, 100%);transform: translate(0, 100%);-webkit-animation: box2 1s linear infinite;animation: box2 1s linear infinite;}
.boxes .box:nth-child(3) {-webkit-transform: translate(100%, 100%);transform: translate(100%, 100%);-webkit-animation: box3 1s linear infinite;animation: box3 1s linear infinite;}
.boxes .box:nth-child(4) {-webkit-transform: translate(200%, 0);transform: translate(200%, 0);-webkit-animation: box4 1s linear infinite;animation: box4 1s linear infinite;}
.boxes .box>div {background: var(--bs-globe-bg);--translateZ: 15.5px;--rotateY: 0deg;--rotateX: 0deg;position: absolute;width: 100%;height: 100%;top: auto;right: auto;bottom: auto;left: auto;-webkit-transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));}
.boxes .box>div:nth-child(1) {top: 0;left: 0;background: var(--bs-globe-bg);}
.boxes .box>div:nth-child(2) {background: #de7213;right: 0;--rotateY: 90deg;}
.boxes .box>div:nth-child(3) {background: #de7112;--rotateX: -90deg;}
.boxes .box>div:nth-child(4) {background: var(--bs-dark-light);top: 0;left: 0;--translateZ: -90px;}
@keyframes box1 {0%, 50% {transform: translate(100%, 0);}100% {transform: translate(200%, 0);}}
@keyframes box2 {0% {transform: translate(0, 100%);}50% { transform: translate(0, 0);}100% {transform: translate(100%, 0);}}
@keyframes box3 {0%, 50% {transform: translate(100%, 100%);}100% {transform: translate(0, 100%);}}
@keyframes box4 {0% {transform: translate(200%, 0);} 50% { transform: translate(200%, 100%); } 100% { transform: translate(100%, 100%); }}
@keyframes caret {50% { border-color: transparent;}}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
@keyframes blink {0%, 50%, 100% {opacity: 1;}25%, 75% {opacity: 0;}}
/* ALERT POST */
.alert__post {position: fixed;top: 0;left: 0;z-index: var(--bs-backdrop-zindex);width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, 0.6);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);z-index: 9999;display: flex;align-items: center;justify-content: center;padding: 15px;}
.alert__post .post-body {width: 100%;max-width: 500px;background-color: var(--bs-white-bg);}
.alert__post .post-body h1 {font-size: 28px;font-weight: 500;}
.alert__post .post-body p {font-size: 19px;font-weight: 300;line-height: 1.25 !important;}
.alert__post .post-body .btn-alert {height: 42px;display: flex;align-items: center;padding: 0 20px;border-radius: 30px;background-color: var(--bs-globe-bg);color: var(--bs-white);font-size: 18px;font-weight: 400;border: none;}
.alert__post .post-body .btn-scs {height: 42px;display: inline-flex;align-items: center;padding: 0 20px;border-radius: 30px;background-color: #73AF55;color: var(--bs-white);font-size: 18px;font-weight: 400;border: none;}
.alert__post .form-checked svg {width: 70px;height: 70px;display: block;margin: 0 auto;}
.alert__post .form-checked .path {stroke-dasharray: 1000;stroke-dashoffset: 0;}
.alert__post .form-checked .circle {animation: dash 0.9s ease-in-out;}
.alert__post .form-checked .line {stroke-dashoffset: 1000;animation: dash 0.9s 0.35s ease-in-out forwards;}
.alert__post .form-checked .check {stroke-dashoffset: -100;animation: dash-check 0.9s 0.35s ease-in-out forwards;}
@keyframes dash {0% {stroke-dashoffset: 1000;}100% {stroke-dashoffset: 0;}}
@keyframes dash-check {0% {stroke-dashoffset: -100;}100% {stroke-dashoffset: 900;}}
/* ANIMATION */
.loadUp {-webkit-transform: translatey(0px);-ms-transform: translatey(0px);transform: translatey(0px);-webkit-animation: load 0.5s ease-in-out infinite;animation: load 0.5s ease-in-out infinite;}
@keyframes load {0% {-webkit-transform: translatey(0px);transform: translatey(0px);}50% {-webkit-transform: translatey(-3px);transform: translatey(-3px);}100% {-webkit-transform: translatey(0px);transform: translatey(0px);}}
.shadow-alert {animation: svg-shadow 1s ease-in-out infinite alternate;}
@keyframes svg-shadow {0%, 30%, 50% {opacity: 0.4;filter: drop-shadow( 0 0 0px #fff) drop-shadow( 0 0 1px rgba(var(--bs-globe-bg-rgb), 0.3)) drop-shadow( 0 0 2px rgba(var(--bs-globe-bg-rgb), 0.3));}40%, 60% {opacity: .99;filter: drop-shadow( 0 0 4px #fff) drop-shadow( 0 0 3px rgb(var(--bs-globe-bg-rgb), 0.3)) drop-shadow( 0 0 6px rgb(var(--bs-globe-bg-rgb), 0.3));}}
@keyframes gradientMove {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}
.lazyload {display: block;width: 100%;height: auto;background-color: var(--bs-body-color);}
.lazyload.loaded {background-color: transparent;transition: opacity 0.3s ease-in;opacity: 1;}
.lazyload:not(.loaded) {opacity: 0;}