html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; text-decoration: none; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } html, body { height: 100%; } ul { list-style: none; margin: 0; padding: 0; } h1, h2, h3, h4, h5 { font-weight: normal; margin: 0; } p { margin: 0; padding: 0; display: inline-block; } button { border: 0; padding: 0; margin: 0; background-color: transparent; } textarea:focus, input:focus { outline: none; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } table, thead, tbody, tfoot, tr, th, td { width: auto; height: auto; margin: 0; padding: 0; border: none; border-collapse: inherit; border-spacing: 0; border-color: inherit; vertical-align: inherit; text-align: left; font-weight: inherit; -webkit-border-horizontal-spacing: 0; -webkit-border-vertical-spacing: 0; } * { font-family: "Nunito", sans-serif; } p { margin: 0; } .container { width: 100%; max-width: 900px; margin: 0 auto; } .container.container-lg{ max-width: 1260px; } .container-emphasis { border-radius: 2rem; padding: 3rem 4rem; } .default-p, .panel-p { padding-left: 1.5rem; padding-right: 1.5rem; } .default-p-n, .panel-p-n { margin-left: -1.5rem; margin-right: -1.5rem; } .container_image_adjuste img { max-width: 100%; height: auto; } .scroll-pan-h { overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; } .scroll-pan-h::-webkit-scrollbar { display: none; } .flex { display: flex; flex-direction: row; flex-wrap: nowrap; } .flex-1 { flex: 1; } .flex-2 { flex: 2; } .flex-c { display: flex; flex-direction: column; flex-wrap: nowrap; } .flex-center { align-items: center; justify-content: center; } .flex-center-a { align-items: center; } .flex-center-j { justify-content: center; } .flex-end-a { align-items: end; } .flex-end-j { justify-content: end; } .flex-wrap, .flex.flex-wrap { flex-wrap: wrap; } .mh-0-5 { margin-right: 0.5rem; margin-left: 0.5rem; } .mh-1 { margin-right: 1rem; margin-left: 1rem; } .mh-2 { margin-right: 2rem; margin-left: 2rem; } .mv-0-1 { margin-top: 0.1rem; margin-bottom: 0.1rem; } .mv-0-2-5 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .mv-0-5 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .mv-1 { margin-top: 1rem; margin-bottom: 1rem; } .mv-1-5 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .mv-2 { margin-top: 2rem; margin-bottom: 2rem; } .mv-3 { margin-top: 3rem; margin-bottom: 3rem; } .mv-4 { margin-top: 4rem; margin-bottom: 4rem; } .pt-0-5 { padding-top: 0.5rem; } .pt-1 { padding-top: 1rem; } .pt-1-5 { padding-top: 1.5rem; } .pt-2 { padding-top: 2rem; } .pt-2-5 { padding-top: 2.5rem; } .pt-3 { padding-top: 3rem; } .pt-3-5 { padding-top: 3.5rem; } .pt-4 { padding-top: 4rem; } .pt-5 { padding-top: 5rem; } .pb-0-2-5 { padding-bottom: 0.25rem; } .pb-0-5 { padding-bottom: 0.5rem; } .pb-1 { padding-bottom: 1rem; } .pb-1-5 { padding-bottom: 1.5rem; } .pb-2 { padding-bottom: 2rem; } .pb-3 { padding-bottom: 3rem; } .pb-4 { padding-bottom: 4rem; } .pb-4-5 { padding-bottom: 4.5rem; } .pb-5 { padding-bottom: 5rem; } .pb-6 { padding-bottom: 6rem; } .ph-0-2-5 { padding-right: 0.25rem; padding-left: 0.25rem; } .ph-0-5 { padding-right: 0.5rem; padding-left: 0.5rem; } .ph-1 { padding-right: 1rem; padding-left: 1rem; } .ph-1-5 { padding-right: 1.5rem; padding-left: 1.5rem; } .ph-2 { padding-right: 2rem; padding-left: 2rem; } .pv-0-1 { padding-top: 0.1rem; padding-bottom: 0.1rem; } .pv-0-2-5 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .pv-0-5 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .pv-0-7-5 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .pv-1 { padding-top: 1rem; padding-bottom: 1rem; } .pv-1-2-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .pv-1-5 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .pv-2 { padding-top: 2rem; padding-bottom: 2rem; } .pv-3 { padding-top: 3rem; padding-bottom: 3rem; } .pv-4 { padding-top: 4rem; padding-bottom: 4rem; } .ml-auto { margin-left: auto; } .ml-0-2-5 { margin-left: 0.25rem; } .ml-0-5 { margin-left: 0.5rem; } .ml-1 { margin-left: 1rem; } .ml-1-5 { margin-left: 1.5rem; } .ml-2 { margin-left: 2rem; } .mr-0-2-5 { margin-right: 0.25rem; } .mr-0-5 { margin-right: 0.5rem; } .mr-1 { margin-right: 1rem; } .mr-2 { margin-right: 2rem; } .mt-auto { margin-top: auto; } .mt-0-2-5 { margin-top: 0.25rem; } .mt-0-5 { margin-top: 0.5rem; } .mt-1 { margin-top: 1rem; } .mt-1-5 { margin-top: 1.5rem; } .mt-2 { margin-top: 2rem; } .mt-3 { margin-top: 3rem; } .mt-n-1 { margin-top: -1rem; } .mt-n-2 { margin-top: -2rem; } .mt-n-3 { margin-top: -3rem; } .mt-n-4 { margin-top: -4rem; } .mt-n-4-5 { margin-top: -4.5rem; } .mb-0-2-5 { margin-bottom: 0.25rem; } .mb-0-5 { margin-bottom: 0.5rem; } .mb-1 { margin-bottom: 1rem; } .mb-1-5 { margin-bottom: 1.5rem; } .mb-2 { margin-bottom: 2rem; } .mb-3 { margin-bottom: 3rem; } .mb-4 { margin-bottom: 4rem; } .br-0-2-5 { border-radius: 0.25rem; } .br-0-5 { border-radius: 0.5rem; } .br-0-7-5 { border-radius: 0.75rem; } .br-1 { border-radius: 1rem; } .br-2 { border-radius: 2rem; } .only-md, .only-xxs { display: none; } .show-window-load { display: none; } .hide-window-load {} .link { cursor: pointer; } .link-not-allow{ cursor: not-allowed !important; } .hover-opacity:hover { opacity: 0.8; } .opacity-0-7-5 { opacity: 0.75; } .w-100 { width: 100%; } .bg-transparent { background-color: transparent; } .bg-white-gradient { background-image: url("/_common/public/exchange_v2/css/imgs/bg-white-gradient.png"); background-repeat: repeat-x; background-size: contain; } .bg-primary { background-color: #0a3f63; } .bg-secondary, .bg-accent { background-color: #1998bf; } .bg-gray{ background-color: #969eaa; } .bg-gray-light { background-color: #eff1f4; } .bg-black { background-color: #181d26; } .bg-white { background-color: #ffffff; } .bg-success { background-color: #43a047; } .bg-danger { background-color: #e53935; } .bg-info { background-color: #1976d2; } .bg-warning { background-color: #ff8f00; } .bg-buy { background-color: #70a139; } .bg-sell { background-color: #bf1766; } .bg-accent-010 { background-color: rgba(25, 152, 191, 0.1); } .bg-success-010, .bg-positive-010 { background-color: rgba(67, 160, 71, 0.1); } .bg-warning-010 { background-color: rgba(255, 143, 0, 0.1); } .bg-danger-010, .bg-negative-010 { background-color: rgba(229, 57, 53, 0.102); } .bg-info-010 { background-color: rgba(25, 118, 210, 0.1); } .bg-gray-010 { background-color: rgba(150, 158, 170, 0.1); } .bg-extract-withdrawal-010 { background-color: rgba(231, 29, 54, 0.1); } .bg-extract-order-010 { background-color: rgba(32, 158, 178, 0.1); } .bg-buy-007 { background-color: rgba(112, 161, 57, 0.07); } .bg-sell-007 { background-color: rgba(191, 23, 102, 0.07); } .bg-btc-100 { background-color: rgba(242, 169, 0, 1); } .bg-btc-010 { background-color: rgba(242, 169, 0, 0.1); } .bg-brl-100 { background-color: rgba(25, 152, 191, 1); } .bg-brl-010 { background-color: rgba(25, 152, 191, 0.1); } .bg-eth-100 { background-color: rgba(93, 120, 222, 1); } .bg-eth-010 { background-color: rgba(93, 120, 222, 0.1); } .hover-bg, .bg-hover, .bg-hover-accent, .table-clickable tbody tr { cursor: pointer; transition: 0.4s; } .hover-bg:hover, .bg-hover:hover, .table-clickable tbody tr:hover { background-color: rgba(240, 242, 245, 0.45); } .hover-bg:active, .bg-hover:active { background-color: #eff1f4; } .bg-hover-accent:hover { background-color: rgba(25, 152, 191, 0.05); } .bg-hover-accent:active { background-color: rgba(25, 152, 191, 0.075); } .c-white { color: #ffffff; } .c-gray-light { color: #eff1f4; } .c-gray { color: #969eaa; } .c-gray-dark { color: #58606e; } .c-black { color: #181d26; } .c-accent { color: #1998bf; } .c-positive { color: #43a047; } .c-negative { color: #e53935; } .c-success { color: #43a047; } .c-danger { color: #e53935; } .c-info { color: #1976d2; } .c-warning { color: #ff8f00; } .c-buy, .c-order-type-1 { color: #70a139; } .c-sell, .c-order-type-2 { color: #bf1766; } .ch-accent:hover, .ch-accent:active { color: rgba(25, 152, 191, 1); } .bc-accent { border-color: rgba(25, 152, 191, 1); } .bc-gray-light { border-color: #eff1f4; } .bc-gray { border-color: #969eaa; } p a { color: rgba(25, 152, 191, 1); } .title-1 { font-size: 1.5rem; } .title-2 { font-size: 1.3rem; } .title-3 { font-size: 1.15rem; } .body-1 { font-size: 1rem; font-weight: 400; } .body-2 { font-size: 0.94rem; font-weight: 400; } .caption { font-size: 0.85rem; } .text-center { text-align: center; } .text-right { text-align: right; } .text-bold { font-weight: 800; } .text-medium { font-weight: 700; } .text-normal { font-weight: 400; } .text-italic { font-style: italic; } .text-upper { text-transform: uppercase; } .text-lower { text-transform: lowercase; } .text-wrap { overflow-wrap: anywhere; } .lh-1-4 { line-height: 1.4; } .lh-1-5 { line-height: 1.5; } .icon-container { display: flex; width: 2.5rem; height: 2.5rem; border-radius: 1.25rem; justify-content: center; align-items: center; } .icon-container img, .icon-container img.icon-size-lg { width: 1.5rem; height: 1.5rem; } .icon-container-sm { width: 2rem; height: 2rem; border-radius: 1rem; } .icon-container img.icon-size-md { width: 1.3rem; height: 1.3rem; } .icon-container-xs { width: 1.5rem; height: 1.5rem; border-radius: 0.75rem; } .icon-container img.icon-size-xs { width: 0.9rem; height: 0.9rem; } .icon-container img.icon-close, .icon-container img.icon-size-sm { width: 1rem; height: 1rem; } .icon-container img.item-open { width: 0.9rem; height: 0.9rem; } .icon-container img.icon-size-auto { width: auto; height: auto; } .btn { display: flex; align-items: center; font-weight: 800; font-size: 0.95rem; padding: 0 1.5rem; text-transform: uppercase; border-style: solid; border-width: 2px; height: 2.6rem; line-height: 2.6rem; border-radius: 1.4rem; letter-spacing: 0.5px; transition: 0.5s; cursor: pointer; box-sizing: border-box; } .btn:disabled, .btn[disabled] { opacity: 0.75; cursor: not-allowed; } .btn-loading { cursor: wait !important; } .btn.btn-margin { margin: 0.25rem; } .btn.btn-margin-h { margin: 0 0.25rem; } .btn.btn-margin-v { margin: 0.25rem 0; } .btn-primary { background-color: rgba(25, 152, 191, 1); border-color: rgba(25, 152, 191, 1); color: #ffffff; } .btn-primary-outline { background-color: #ffffff; border-color: rgba(25, 152, 191, 1); color: rgba(25, 152, 191, 1); } .btn-primary-outline:hover, .btn-primary-outline:active { background-color: rgba(25, 152, 191, 0.05); } .btn-buy { background-color: #70a139; border-color: #70a139; color: #ffffff; } .btn-buy:hover, .btn-buy:active { background-color: #70a139cc; } .btn-sell { background-color: #bf1766; border-color: #bf1766; color: #ffffff; } .btn-sell:hover, .btn-sell:active { background-color: #bf1766cc; } .btn-default { background-color: #eff1f4; border-color: #eff1f4; color: #58606e; } .btn-default:hover, .btn-default:active { background-color: #eff1f4; } .btn-white-translucent { background-color: rgba(255, 255, 255, 0.1); border: 0.1rem solid rgba(255, 255, 255, 0.45); color: #fff; } .btn-white-translucent:hover, .btn-white-translucent:active { background-color: rgba(255, 255, 255, 0.2); } .btn.btn-sm { font-size: 0.74rem; height: 2.3rem; line-height: 2.3rem; padding: 0 1rem; } .btn.btn-block { width: 100%; justify-content: center; } .ripple-effect span.ripple { position: absolute; border-radius: 50%; transform: scale(0); animation: ripple 600ms linear; background-color: rgba(0, 0, 0, 0.2); } @keyframes ripple { to { transform: scale(4); opacity: 0; } } .form-group { padding: 0.5rem 0; } .form-group label { font-size: 14px; color: #181d26; font-weight: 700; } .form-group .form-control-recaptcha { margin: 0.5rem 0; } .form-group .select2 .form-control-select2 { height: 40px; border: 0; background-color: transparent; color: #181d26; display: flex; flex-direction: row; align-items: center; padding: 0 0.5rem; font-size: 1.15rem; border-radius: 0.5rem; } .form-group .select2 .form-control-select2 .select2-selection__arrow { position: relative; margin-left: auto; } .form-group .select2-container { border: 1px solid transparent; } .form-group .select2-container--open { background-color: transparent; } .select2-container--open .select2-dropdown.form-control-select2-dropdown { background-color: #fff; border: 1px solid #eff1f4; margin: 0.4rem 0; padding: 0.2rem 0.4rem; border-radius: 0.4rem; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; z-index: 10002; } .select2-container--open .select2-dropdown.form-control-select2-dropdown.select2-dropdown--above { top: -0.8rem; } .select2-container--open .select2-search--dropdown { display: none; } .select2-container--default .form-control-select2-dropdown .select2-results__option.select2-results__option--selected { background-color: rgba(25, 152, 191, 0.05); color: rgba(25, 152, 191, 1); } .select2-container--default .form-control-select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable { background-color: rgba(25, 152, 191, 0.1); color: #181d26; } .select2-container--default .form-control-select2-dropdown .select2-results__option.select2-results__option--highlighted.select2-results__option--selected { background-color: rgba(25, 152, 191, 0.1); color: rgba(25, 152, 191, 1); } .select2-container--default .select2-results>.select2-results__options { display: flex; flex-direction: column; } .select2-container--default .form-control-select2-dropdown .select2-results__option { padding: 0.8rem 1rem; margin: 0.2rem 0; font-size: 15px; color: #181d26; border-radius: 0.35rem; } .form-group-checkbox-lock { opacity: 0.8; } .form-group-checkbox-lock .link { cursor: not-allowed !important; } .form-error, .form-error a, .form-group-error label { color: #e53935; transition: 0.3s; } .form-error a{ font-weight: 700; } .form-group-error .form-border, .form-group-error .form-border:focus-within { border-color: #e53935; transition: 0.3s; } .form-group-disabled .form-border { background-color: #eff1f4; } .form-control::placeholder { color: #969eaa75; } .form-group-pin { margin: 0.5rem -0.25rem; } .form-group-pin .form-control { padding: 0.65rem 0.5rem 0.5rem; margin: 0 0.25rem; max-width: 2.3rem; min-width: 2.3rem; text-align: center; } .form-control { flex: 1; width: 100%; padding: 0.5rem 0.85rem; font-size: 1.15rem; line-height: 1; border: 0; color: #181d26; box-sizing: border-box; background-color: transparent; } .form-border { border: 1px solid #969eaa; border-radius: 0.5rem; margin: 0.5rem 0; background-color: #ffffff66; } .form-border * { border-radius: 0.5rem; } .form-border:focus-within { border-color: rgba(25, 152, 191, 0.75); transition: 1s; } .form-group-search { height: 3rem; border-radius: 1.5rem; background-color: #eff1f4; } .form-group-search .form-control { font-size: 1rem; } .form-group-search img { width: 1.3rem; height: 1.3rem; } .form-group-search.form-group-search-sm{ height: 2.5rem; border-radius: 1.25rem; } .form-group-search.form-group-search-sm img{ height: 1rem; width: auto; } .item-click { transition: 0.2s; } .item-click:active { background-color: #eff1f4; } .tag-items { margin-left: -0.25rem; margin-right: -0.25rem; } .tag { display: flex; justify-content: center; align-items: center; position: relative; height: 1.6rem; padding: 0 0.8rem; margin: 0.25rem; border-radius: 1rem; border: 0.2rem solid #eff1f4; cursor: pointer; } .tag, .tag p { font-size: 0.85rem; font-weight: 700; color: #58606e; } .tag.active { background-color: rgba(25, 152, 191, 1); border-color: rgba(25, 152, 191, 1); } .tag.active, .tag.active p { color: #ffffff; } .tag-filter { height: 2rem; padding: 0 0.2rem 0 0.8rem; margin: 0.25rem; border-radius: 1rem; } .tag-filter-text { font-size: 0.8rem; font-weight: 700; color: #58606e; } .tag-filter-remove { margin-left: 0.4rem; width: 1.6rem; height: 1.6rem; border-radius: 100%; background-color: #fff; } .badge { display: inline-block; padding: 0.25rem 0.4rem; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.5rem; } .pagination li { border-radius: 1.5rem; margin: 0.5rem; } .pagination li:not(.active):hover { background-color: rgba(255, 255, 255, 0.6); } .pagination li a { border-radius: 1.5rem; width: 3rem; height: 3rem; display: inline-block; text-align: center; vertical-align: middle; display: flex; justify-content: center; align-items: center; } ul.list li::before { content: "\26AC"; display: inline-block; width: 1.5rem; color: #1998bf; } .alert { padding: 1rem 1.5rem; border-radius: 0.75rem; } .alert-text { font-size: 1rem; } .alert.alert-sm { padding: 0.8rem 1.2rem; border-radius: 0.75rem; } .alert.alert-sm.alert-text { font-size: 0.85rem; } .progress { width: 100%; background-color: #eff1f4; } .progress-bar { background-color: #1998bf; } .progress, .progress .progress-bar { height: 0.5rem; border-radius: 0.25rem; } .progress.progress-sm, .progress.progress-sm .progress-bar { height: 0.4rem; border-radius: 0.2rem; } .progress.progress-xs, .progress.progress-xs .progress-bar { height: 0.3rem; border-radius: 0.15rem; } .shimmer { background: #f6f7f8; background-image: linear-gradient(to right, #f6f7f8 0%, #eff1f4 20%, #f6f7f8 40%, #f6f7f8 100%); background-repeat: no-repeat; background-size: 800px 800px; display: inline-block; position: relative; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; -webkit-animation-name: placeholderShimmer; -webkit-animation-timing-function: linear; } .shimmer.shimmer-translucent { opacity: 0.1; background-color: #fff; background-image: linear-gradient(to right, #ccc 0%, #aaa 20%, #ccc 40%, #fff 100%); } .shimmer.shimmer-accent { background-color: #1998bf; background-image: linear-gradient(to right, #1998bf 0%, #3db4d9 20%, #1998bf 40%, #1998bf 100%); } .shimmer:after { content: "\00a0"; } @-webkit-keyframes placeholderShimmer { 0% { background-position: -100vw 0; } 100% { background-position: 100vw 0; } } .container-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ellipsis-anim span { opacity: 0; -webkit-animation: ellipsis-dot 1s infinite; animation: ellipsis-dot 1s infinite; } .ellipsis-anim span:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; } .ellipsis-anim span:nth-child(2) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .ellipsis-anim span:nth-child(3) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes ellipsis-dot { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes ellipsis-dot { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } .print { display: none; } @media print { .panel-sidebar-fake, .panel-sidebar, .panel-top-bar, .panel-header, .panel-footer, .btn { display: none; } .panel-container-content { margin: 0; padding: 0; } @page { margin: 1.5cm 1.25cm; } .panel { border-radius: 0; padding: 0.3 0 0.3cm; margin: 0; } .c-gray { color: #58606e; } .c-gray-dark { color: #181d26; } .c-black { color: #111111; } .print { display: flex; flex-direction: column; } .print-hide { display: none !important; } } .table { width: 100%; word-wrap: break-word; word-break: break-all; table-layout: fixed; } .table tbody td, .table tbody td p { color: #58606e; font-size: 1rem; line-height: 1.1rem; } .table thead th { line-height: 1rem; vertical-align: bottom; font-weight: 700; font-size: 0.85rem; color: #969eaa; padding: 0.9rem 0.75rem 0.6rem; } .table thead.table-header-focus th { color: #58606e; border-bottom: 1px solid #969eaa; cursor: pointer; } .table thead th span { display: inline-block; vertical-align: middle; } .table tbody td { vertical-align: middle; padding: 1rem 0.75rem; } .table tbody>tr:nth-child(odd)>td, .table tbody>tr:nth-child(odd)>th { background-color: rgba(239, 241, 244, 0.25); } .table-scrollable{ overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; } .table-scrollable::-webkit-scrollbar { display: none; } .table-scrollable .table{ word-break: normal; table-layout: auto; } .table-clickable.table-order tbody tr { transition: 0; } .table-order-data-buy .table-order tbody>tr:nth-child(odd)>td { background-color: rgba(112, 161, 57, 0.03); } .table-order-data-buy .table-clickable tbody tr:hover { background-color: rgba(112, 161, 57, 0.08); } .table-order-data-sell .table-order tbody>tr:nth-child(odd)>td { background-color: rgba(191, 23, 102, 0.03); } .table-order-data-sell .table-clickable tbody tr:hover { background-color: rgba(191, 23, 102, 0.08); } .table tbody td:first-child, .table thead th:first-child, .table body td.table-first-child, .table thead th.table-first-child { padding-left: 1.5rem; } .table tbody td:last-child, .table thead th:last-child, .table tbody td.table-last-child, .table thead th.table-last-child { padding-right: 1.5rem; } .tooltip { padding: 1rem 0.8rem; background-color: #fff; border-radius: 0.5rem; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; display: flex; flex-direction: column; } .tooltip.tooltip-sm { padding: 0.25rem 0.5rem; } .caret { position: relative; height: 10px; width: 10px; display: flex; justify-content: center; align-items: center; margin-right: 0.25rem; } .caret .caret-arrow { border-top: 5px solid #ccc; border-left: 5px solid transparent; border-right: 5px solid transparent; } .caret.caret-positive .caret-arrow { border-top-color: #43a047; transform: rotate(180deg); } .caret.caret-negative .caret-arrow { border-top-color: #e53935; transform: rotate(0deg); } .icon-plus-minus .closed .vertical { transition: all 0.5s ease-in-out; transform: rotate(-90deg); } .icon-plus-minus .closed .horizontal { transition: all 0.5s ease-in-out; transform: rotate(-90deg); opacity: 1; } .icon-plus-minus .opened { opacity: 1; } .icon-plus-minus .opened .vertical { transition: all 0.5s ease-in-out; transform: rotate(90deg); } .icon-plus-minus .opened .horizontal { transition: all 0.5s ease-in-out; transform: rotate(90deg); opacity: 0; } .icon-plus-minus .circle-plus { height: 16px; width: 16px; display: flex; justify-content: center; align-items: center; border: solid 2px #969eaa; border-radius: 100%; } .icon-plus-minus .circle-plus .circle { position: relative; width: 13px; height: 13px; } .icon-plus-minus .circle-plus .circle .horizontal { position: absolute; left: 50%; top: 50%; height: 2px; margin-top: -1px; border-radius: 1px; width: 11px; margin-left: -6px; } .icon-plus-minus .circle-plus .circle .vertical { position: absolute; left: 50%; top: 50%; width: 2px; margin-left: -1px; border-radius: 1px; height: 11px; margin-top: -6px; } .loader { width: 48px; height: 48px; border: 5px solid #969eaa; border-bottom-color: #58606e; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .table-order .loader { width: 14px; height: 14px; border-width: 3px; } .btn .loader { width: 24px; height: 24px; border-width: 4px; } .btn.btn-sm .loader { width: 20px; height: 20px; border-width: 3px; } .btn-primary .loader { border-color: rgba(255, 255, 255, 0.32); border-bottom-color: rgba(255, 255, 255, 0.8); } .btn-primary-outline .loader { border-color: rgba(25, 152, 191, 0.48); border-bottom-color: rgba(25, 152, 191, 1); } @import url("theme-xs.css"); @import url("theme-sm.css"); @import url("theme-md.css");@media (max-width: 1023px) { .default-p, .panel-p { padding-left: 1rem; padding-right: 1rem; } .default-p-n, .panel-p-n { margin-left: -1rem; margin-right: -1rem; } .title-1 { font-size: 1.3rem; } .title-2 { font-size: 1.1rem; } .title-3 { font-size: 1rem; } .body-1 { font-size: 0.94rem; } .body-2 { font-size: 0.85rem; } .caption { font-size: 0.75rem; } .icon-container { width: 2rem; height: 2rem; border-radius: 1rem; } .icon-container-sm { width: 1.8rem; height: 1.8rem; border-radius: 0.9rem; } .icon-container-xs { width: 1.2rem; height: 1.2rem; border-radius: 0.6rem; } .icon-container img { scale: 80%; } .icon-container-sm img { scale: 90%; } .table tbody td, .table tbody td p { font-size: 0.94rem; } .table thead th { font-size: 0.8rem; } } @media (max-width: 767px) { .form-group label { font-size: 15px; } .flex.responsive-sm-flex-c { flex-direction: column; } .responsive-sm-text-center { text-align: center; } .responsive-sm-flex-center { align-items: center; justify-content: center; } } @media (max-width: 576px) { .default-p, .panel-p { padding-left: 0.8rem; padding-right: 0.8rem; } .default-p-n, .panel-p-n { margin-left: -0.8rem; margin-right: -0.8rem; } .hide-xs, .hidden-xs { display: none; } .form-group .form-control-recaptcha { transform: scale(0.9); } .btn.btn-sm { font-size: 0.66rem; height: 2.1rem; line-height: 2.1rem; padding: 0 0.75rem; } .btn.btn-sm .loader { width: 16px; height: 16px; border-width: 3px; } } @media (max-width: 420px) { .default-p, .panel-p { padding-left: 0.6rem; padding-right: 0.6rem; } .default-p-n, .panel-p-n, .default-p-n-xxs { margin-left: -0.6rem; margin-right: -0.6rem; } .only-xxs { display: flex; } .hide-xxs { display: none; } } * { font-family: "Nunito", sans-serif; } .panel-layout { min-height: 100%; display: flex; } .panel-container { flex: 1; display: flex; flex-direction: column; flex-wrap: nowrap; min-height: 100%; background-color: #eff1f4; } .panel-top-bar { height: 3.5rem; padding: 0 0.5rem; } .panel-header { padding-top: 1.5rem; padding-bottom: 4rem; } .panel-header-texts { min-height: 2rem; } .panel-header, .panel-container-content { padding-left: 1rem; padding-right: 1rem; } .panel-header-actions .btn { margin-left: 0.5rem; } .panel-container-limit { width: 100%; max-width: 1400px; display: flex; flex-direction: column; padding: 0 0.5rem; } .panel-container-content-fix { margin-left: -0.5rem; margin-right: -0.5rem; display: flex; flex-direction: column; } .panel-sidebar-overlay { background-color: rgba(0, 0, 0, 0.65); position: fixed; width: 100%; height: 100%; z-index: 1000; } .panel-sidebar-container { } .panel-sidebar { width: 18rem; height: 100%; background: #fff; } .panel-sidebar-container-mobile { z-index: 1001; } .panel-sidebar-container-mobile .panel-sidebar { display: none; position: fixed; width: 18rem; overflow-y: auto; z-index: 1002; } .panel-sidebar-container-mobile .panel-sidebar-fake { display: none !important; } .panel-sidebar .panel-top-logo { padding-left: 1.5rem; } .panel-sidebar-menu-item { height: 52px; padding-left: 1.5rem; padding-right: 1.5rem; } .panel-sidebar-menu-item img { width: 18px; height: auto; } .panel-sidebar-menu-item:hover, .panel-sidebar-menu-item.active { } .panel-sidebar-menu-item-hover p { color: rgba(25, 152, 191, 1) !important; } .panel-sidebar-menu-item .panel-sidebar-title { font-size: 14px; } .panel-sidebar-menu-item .panel-sidebar-subtitle { font-size: 13px; margin-top: 0.1rem; } .panel-sidebar-menu-category { padding-top: 0.75rem; padding-bottom: 0.75rem; } .panel { position: relative; padding: 1.25rem 1.5rem 2rem; border-radius: 0.75rem; background-color: #fff; margin: 0.5rem; display: flex; flex-direction: column; } .panel-m-n { margin-left: -0.5rem; margin-right: -0.5rem; } .panel-header-action-icon { width: 1.5rem; height: 1.5rem; display: flex; justify-content: center; align-items: center; cursor: pointer; } .panel-header-action-icon img { width: 1.25rem; height: 1.25rem; } .panel-accent { background-color: #1998bf; overflow: hidden; } .panel-title { min-height: 2.5rem; padding-bottom: 1.5rem; } .item-copy { transition: 0.4s; } .item-copy:active { background-color: #eff1f4; } .item-information-icon { width: 0.6rem; height: 0.6rem; border-radius: 0.5rem; border: 0.2rem solid #1998bf; } .panel-header .btn, .panel-header-actions .btn { height: 2.4rem; border-radius: 1.2rem; font-size: 0.86rem; padding: 0 1rem; text-transform: none; cursor: pointer; } .panel-header .btn.btn-currency, .panel-header-actions .btn.btn-currency { padding: 0 0.8rem 0 0.5rem; } .btn-currency-theme-light { border: 0.1rem solid rgba(88, 96, 110, 0.25); background-color: rgba(88, 96, 110, 0.06); } .btn-currency-theme-light .btn-currency-text { color: #58606e; } .btn-currency .btn-currency-icon-container { width: 1.6rem; height: 1.6rem; border-radius: 0.8rem; background: #ccc; margin: 0; } .btn-currency-info { height: auto; line-height: 1; } .btn-currency .btn-currency-text { margin: 0 0.8rem; letter-spacing: 0.5px; } .btn-currency .btn-currency-icon-open { height: 0.8rem; width: auto; opacity: 0.65; } .panel-dashboard-options { position: relative; display: flex; flex-direction: column; align-items: center; height: 14rem; } .panel-dashboard-options { margin: 0 -0.5rem; } .panel-dashboard-item:first-child { margin-left: 0.5rem; } .panel-dashboard-item:last-child { margin-right: 0.5rem; } .panel-dashboard-options-list { position: absolute; width: 100%; height: 100%; display: flex; } .panel-dashboard-item { flex: 1; display: flex; min-width: 12rem; } .panel-dashboard-item .panel { position: relative; border: 0.18rem solid #fff; padding-top: 1.5rem; padding-bottom: 1.5rem; width: 100%; } .panel-dashboard-item-hover.panel { border-color: #1998bf; } .panel-dashboard-item-container { align-items: start; flex-direction: column; } .panel-dashboard-item-container-text { padding-top: 1rem; flex-wrap: nowrap; } .panel-dashboard-item-container-icon img { width: 24px; height: auto; } .panel-dashboard-item-scroll { overflow-x: scroll; margin: 0 -0.2rem; padding: 0 0.2rem; } .panel-dashboard-item-scroll .panel-dashboard-item { min-width: 9rem; } .panel-dashboard-portfolio { max-width: 20rem; } .btn-control-mobile { display: flex; flex-direction: row; } .see-more-container { position: relative; } .see-more-bg { height: 4rem; width: 100%; margin-top: -4rem; background-image: url("/_common/public/exchange_v2/css/imgs/bg-white-gradient.png"); background-repeat: repeat-x; background-size: contain; position: absolute; } .panel-container-size-sm .list-delimiter-items, .panel-container-size-xs .list-delimiter-items, .panel-container-size-xxs .list-delimiter-items { height: 340px; overflow-y: hidden; } .panel-container-size-sm .list-delimiter .see-more-container, .panel-container-size-xs .list-delimiter .see-more-container, .panel-container-size-xxs .list-delimiter .see-more-container { display: block !important; } .panel-container-size-sm .list-delimiter.list-delimiter-opened .see-more-container, .panel-container-size-xs .list-delimiter.list-delimiter-opened .see-more-container, .panel-container-size-xxs .list-delimiter.list-delimiter-opened .see-more-container { display: none !important; } .panel-container-size-sm .list-delimiter.list-delimiter-opened .list-delimiter-items, .panel-container-size-xs .list-delimiter.list-delimiter-opened .list-delimiter-items, .panel-container-size-xxs .list-delimiter.list-delimiter-opened .list-delimiter-items { height: auto; } .container-panel-295 { width: 295px; } .container-panel-320 { width: 320px; } .container-panel-390 { width: 390px; } .panel-container-size-md .flex-responsive-fix, .panel-container-size-sm .flex-responsive-fix, .panel-container-size-xs .flex-responsive-fix, .panel-container-size-xxs .flex-responsive-fix { flex-direction: column !important; flex-wrap: nowrap; } .panel-container-size-md .panel-container-responsive, .panel-container-size-sm .panel-container-responsive, .panel-container-size-xs .panel-container-responsive, .panel-container-size-xxs .panel-container-responsive { width: 100%; } @media (max-width: 1023px) { .panel { margin: 0.4rem; padding-left: 1rem; padding-right: 1rem; padding-top: 1.25rem; padding-bottom: 1.25rem; } .panel-sidebar { width: 15.5rem; } .panel-sidebar .panel-top-logo { width: 130px; height: auto; padding-left: 1rem; } .panel-sidebar-menu-item { height: 4rem; padding-left: 1rem; padding-right: 1rem; } .panel-header, .panel-container-content { padding-left: 0.8rem; padding-right: 0.8rem; } .panel-container-limit{ padding-left: 0.4rem; padding-right: 0.4rem; } .panel-container-content-fix { margin-right: -0.4rem; margin-left: -0.4rem; } .panel-title { min-height: 2rem; padding-bottom: 1rem; } .panel-dashboard-options{ margin: 0 -0.4rem; } .panel-dashboard-item:first-child{ margin-left: 0.4rem; } .panel-dashboard-item:last-child{ margin-right: 0.4rem; } } @media (max-width: 767px) { .panel-sidebar-menu-item { height: 4.25rem; } .panel-sidebar-menu-item .panel-sidebar-title { font-size: 15px; } .panel-sidebar-menu-item .panel-sidebar-subtitle { font-size: 14px; } .panel-header{ padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 3.5rem; } .panel-container-content { padding-left: 0.5rem; padding-right: 0.5rem; } .panel-container-limit{ padding-left: 0.25rem; padding-right: 0.25rem; } .panel-container-content-fix { margin-right: -0.25rem; margin-left: -0.25rem; } .panel { margin: 0.25rem; } .panel-top-bar-wallet { display: none; } .panel-container-extend .panel-layout-content.default-p.mt-n-3 { padding-left: 0; padding-right: 0; } .panel-container-extend .panel-layout-content-fix.panel-m-n { margin-right: -0.75rem; margin-left: -0.75rem; } .panel-container-extend .panel { position: relative; } .panel-dashboard-options{ margin: 0 -0.25rem; } .panel-dashboard-item:first-child{ margin-left: 0.25rem; } .panel-dashboard-item:last-child{ margin-right: 0.25rem; } } @media (max-width: 576px) { .panel .default-p, .panel .panel-p { padding-left: 1rem; padding-right: 1rem; } .panel .default-p-n, .panel .panel-p-n { margin-left: -1rem; margin-right: -1rem; } .panel-header { padding-top: 0; padding-bottom: 3rem; } .panel-header-subtitle { display: none; } .panel-header-content { flex-direction: column; align-items: flex-start; } .panel-header-actions { margin-left: -0.25rem; margin-right: -0.25rem; margin-top: 0.25rem; margin-bottom: 0.25rem; } .panel-header-actions .btn { margin-left: 0.25rem; margin-right: 0.25rem; height: 2.2rem; } .panel-container-content { padding-left: 0.4rem; padding-right: 0.4rem; } .panel-container-limit { padding-right: 0.2rem; padding-left: 0.2rem; } .panel-container-content-fix { margin-right: -0.2rem; margin-left: -0.2rem; } .panel-top-bar-trade { display: none; } .portfolio_coin_value_in_brl, .mini-chart-cotation { display: none; } .panel-footer-container { flex-direction: column; } .help-center-float { display: none; } .panel-dashboard-options { margin: 0; height: 13.5rem; } .panel-dashboard-item { margin: 0.2rem; min-width: 10.5rem; } } @media (max-width: 420px) { .panel { margin: 0; border-radius: 0; border-bottom: 1px solid #eff1f4; } .panel-container { background-color: #fff; } .panel-container-content { padding: 0; } .panel-container-content-fix { margin: 0; } .panel-header { margin-bottom: 0.5rem; } .panel-container-limit { padding: 0; } .panel-footer-brand { text-align: center; } .panel-top-bar-logout, .panel-footer-container { display: none; } .panel-dashboard-item .panel{ border: 1px solid #eff1f4; border-radius: 0.75rem; } } .simple-screen { display: flex; flex-direction: column; min-height: 100%; background-color: #fff; } .simple-header { height: 3rem; padding-top: 1rem; padding-bottom: 1rem; align-items: center; } .simple-header-logo { width: 145px; height: auto; } .simple-container { width: 100%; padding-left: 1rem; padding-right: 1rem; max-width: 980px; } .simple-container-sm { width: 100%; max-width: 600px; } .simple-container-xs { width: 100%; max-width: 320px; } .simple-container-sm { width: 100%; max-width: 479px; } .simple-content { flex: 1; padding-top: 4rem; padding-bottom: 4rem; align-items: center; } .simple-content-normalize{ margin-top: -4rem; margin-bottom: -4rem; } .simple-app-top { width: 100%; height: 62px; background-color: #fff; border-bottom: 1px solid #969eaa; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; } .simple-app-top-icon{ height: 3rem; width: auto; margin-left: 0.5rem; } .simple-app-top-close{ height: 0.8rem; width: auto; padding: 1.25rem 0.5rem; margin-right: 0.5rem; } .simple-content h1 { font-weight: 700; color: #58606e; font-size: 1.4rem; margin-bottom: 1.5rem; } .simple-content h2, .simple-content .font-h2 { font-weight: 400; color: #58606e; font-size: 1.2rem; margin-bottom: 1.3rem; } @media (max-width: 1023px) { } @media (max-width: 767px) { .simple-header { height: 2.5rem; } .simple-content h1 { font-size: 1.2rem; } } @media (max-width: 576px) { .simple-header { height: auto; padding-left: 1.2rem; padding-right: 1.2rem; } .simple-container { padding-left: 0; padding-right: 0; } .simple-header-subtext-action { display: none; } .simple-header-logo { width: 125px; } .simple-content { padding-top: 2rem; padding-bottom: 3rem; } .simple-content-normalize{ margin-top: -2rem; margin-bottom: -3rem; } .simple-container-xs{ width: auto; padding: 0 1rem; max-width: 100%; } } .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} .modal { position: fixed; z-index: 9999; left: 0; bottom: 0; top: 0; right: 0; overflow-x: hidden; overflow-y: auto; background-color: rgba(0, 0, 0, 0.65); padding: 3rem 1.5rem; visibility: hidden; opacity: 0; } .modal.active.modal-fade { transition: all 0.15s ease-in-out; } .modal-not-close .m-close { opacity: 0.35; transition: 0.5s; } .modal .tabs{ margin-left: 0; margin-right: 0; max-height: 100%; } .modal .m-container { display: flex; flex-direction: column; width: 100%; max-width: 500px; min-height: 150px; height: auto; margin: 0; position: relative; border-radius: 1rem; opacity: 0; transition: all 0.1s ease-in-out; background-color: #fff; } .modal .m-container.xs-modal, .modal .m-container.m-container-xs { max-width: 300px; } .modal .m-container.sm-modal, .modal .m-container.m-container-sm { max-width: 360px; } .modal .m-container.md-modal, .modal .m-container.m-container-md { max-width: 768px; } .modal .m-container.lg-modal, .modal .m-container.m-container-lg { max-width: 80%; } .modal .m-container.full-modal { max-width: 100%; } .modal .m-container.bounce { transform: scale(0.4); transition: all 0.3s cubic-bezier(0.75, -0.5, 0, 2.75); } .modal .m-container.slide-from-top { top: -200px; } .modal .m-container.slide-from-bottom { bottom: -200px; } .modal .m-container.slide-from-left { left: -200px; } .modal .m-container.slide-from-right { right: -200px; } .modal .m-container .m-header { padding: 2rem 1.5rem 1rem; } .modal .m-container .m-header .m-header-action { margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -1rem; } .modal .m-container .m-header-alert { display: flex; justify-content: center; align-items: center; padding: 1rem 1.5rem; margin-bottom: 0.5rem; border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } .modal .m-container .m-body { padding: 0.5rem 1.5rem; display: flex; flex-direction: column; overflow-x: hidden; overflow-y: auto; } .modal .m-container .m-body .m-body-n { padding-left: -1.5rem; padding-right: -1.5rem; } .modal .m-container .m-body.m-body-no-footer { padding-bottom: 2.5rem; } .modal .m-container .m-footer { padding: 1rem 1.5rem 1.5rem; display: flex; } .modal.active { visibility: visible; opacity: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; } .modal.active .m-container { opacity: 1; } .modal.active .m-container.bounce { transform: scale(1); } .modal.active .m-container.slide-from-top { top: 0px; } .modal.active .m-container.slide-from-bottom { bottom: 0px; } .modal.active .m-container.slide-from-left { left: 0px; } .modal.active .m-container.slide-from-right { right: 0px; } @media (max-width: 1023px) { .modal .default-p-n { margin-left: -1.5rem; margin-right: -1.5rem; } .modal .default-p { padding-left: 1.5rem; padding-right: 1.5rem; } } @media (max-width: 576px) { .modal.active { justify-content: end; padding: 0; } .modal .m-container{ width: 100%; max-width: 100% !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } .tabs { margin-left: -1.5rem; margin-right: -1.5rem; flex: 1; display: flex; flex-direction: column; } ul#tabs-nav { list-style: none; margin: 0; padding: 0 0.75rem; overflow: auto; border-bottom: 1px solid #eff1f4; } ul#tabs-nav li { height: 2rem; float: left; font-size: 1rem; font-weight: bold; padding: 0; margin: 0 0.75rem; border-bottom: 3px solid transparent; cursor: pointer; } ul#tabs-nav li:hover, ul#tabs-nav li.active { color: rgba(25, 152, 191, 1); border-bottom-color: rgba(25, 152, 191, 1); } #tabs-nav li a { text-decoration: none; color: #58606e; } .tab-content { padding-top: 0.5rem; padding-bottom: 0.5rem; display: none; flex-direction: column; flex: 1; } #tabs-content{ flex: 1; display: flex; flex-direction: column; } @media (max-width: 1023px) { .tabs { margin-left: -1rem; margin-right: -1rem; } } .input-radio { border-radius: 0.5rem; border: 2px solid #eff1f4; margin: 0.25rem 0; padding: 0.75rem 0.75rem; display: flex; flex-direction: row; align-items: center; cursor: pointer; } .input-radio:hover { } .input-radio-icon { width: 12px; height: 12px; display: inline-block; border-radius: 50%; border: 2px solid #969eaa; display: flex; align-items: center; justify-content: center; } .input-radio-icon-on { width: 8px; height: 8px; border-width: 4px; } .input-radio-icon-container { padding-right: 1rem; } .input-radio-text-container { display: flex; flex-direction: column; flex: 1; } .input-choose-container { background-color: #eff1f4; height: 40px; border-radius: 20px; padding: 0 3px; margin: 0.5rem 0; display: flex; align-items: center; justify-content: center; } .input-choose-item { height: 30px; border-radius: 15px; margin: 3px; color: #58606e; font-weight: bold; flex: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; } .input-choose-item.active { background-color: #ffffff; } .input-group-checkbox input { display: none; } .input-group-checkbox-container { width: 2.5rem; height: 1.2rem; padding: 0.2rem 0.3rem; border-radius: 0.8rem; background: #969eaa; } .input-group-checkbox-container.active { background-color: #1998bf; } .input-group-checkbox-detail { width: 1rem; height: 1rem; border-radius: 0.5rem; background-color: #fff; transition: all 0.5s ease; } .input-group-checkbox-container.active .input-group-checkbox-detail { margin-left: 1.5rem; }