@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	/* default theme */
	--theme-default-primary-color: #393640;
	--theme-default-primary-transition-color: #00b8db;
	--theme-default-primary-color-light: #f3f4f5;
	--theme-default-secondary-color: #8429c8;
	--theme-default-bg-gray-color: #edeeef;
	--theme-default-url-icon-security: url(/tenants/viggen/themes/default/images/ico-security.png);
	--theme-default-url-icon-tip: url(/tenants/viggen/themes/default/images/tip.svg);
	--theme-default-url-icon-circle-primary: url(/tenants/viggen/themes/default/images/list-circle-bg.png);
	--theme-default-url-icon-buy: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE4OCAyMDQiPjxwYXRoIGQ9Im0xNzAuMzIgNzQuNzljLTExLjI5LTMwLjk3LTQxLjAyLTUzLjE0LTc1Ljg1LTUzLjE0LTM0LjgyIDAtNjQuNTYgMjIuMTctNzUuODUgNTMuMTRINi4xNkMxNy45MSAzNy4yIDUzLjA2IDkuODQgOTQuNDggOS44NGM0MS40MiAwIDc2LjU2IDI3LjM2IDg4LjMyIDY0Ljk1aC0xMi40N1pNNi4xNiAxMjkuOWMxMS43NSAzNy41OSA0Ni45IDY0Ljk1IDg4LjMyIDY0Ljk1IDQxLjQyIDAgNzYuNTYtMjcuMzYgODguMzItNjQuOTVoLTEyLjQ3Yy0xMS4yOSAzMC45Ny00MS4wMiA1My4xNC03NS44NSA1My4xNC0zNC44MiAwLTY0LjU2LTIyLjE3LTc1Ljg1LTUzLjE0SDYuMTZabTUyLjAxLTExLjloNDAuNzV2MjhzNDgtNDQgNDgtNDRsLTQ4LTQ0djI4aC01Ni45NnMxNi4yMSAzMiAxNi4yMSAzMloiIHN0eWxlPSJmaWxsOiAjQUYxRjI0OyIvPjwvc3ZnPg==');
	--theme-default-url-icon-sell: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE4OCAyMDQiPjxwYXRoIGQ9Im02LjE2IDc0Ljc5QzE3LjkxIDM3LjIgNTMuMDYgOS44NCA5NC40OCA5Ljg0czc2LjU2IDI3LjM2IDg4LjMyIDY0Ljk1aC0xMi40N2MtMTEuMjktMzAuOTctNDEuMDItNTMuMTQtNzUuODUtNTMuMTRTMjkuOTEgNDMuODMgMTguNjMgNzQuNzlINi4xNlptMTY0LjE3IDU1LjExYy0xMS4yOSAzMC45Ny00MS4wMiA1My4xNC03NS44NSA1My4xNHMtNjQuNTYtMjIuMTctNzUuODUtNTMuMTRINi4xNmMxMS43NSAzNy41OSA0Ni45IDY0Ljk1IDg4LjMyIDY0Ljk1czc2LjU2LTI3LjM2IDg4LjMyLTY0Ljk1aC0xMi40N1ptLTIzLjMyLTQzLjloLTU2Ljk2di0yOGwtNDggNDQgNDggNDR2LTI4aDQwLjc1bDE2LjIxLTMyWiIgc3R5bGU9ImZpbGw6ICNBRjFGMjQ7Ii8+PC9zdmc+');
	--theme-default-url-icons-contact: url(/tenants/viggen/themes/default/images/contact-tab-icons-bg.png);
	--theme-default-url-icons-navbar: url(/tenants/viggen/themes/default/images/navbar-left-icons-bg.png);
	--theme-default-url-icons-icheck: url(/tenants/viggen/themes/default/images/icheck.png);
	--theme-default-url-img-social-links: url(/tenants/viggen/themes/default/images/footer-social-links-bg.png);
	--theme-default-url-img-logo: url(/tenants/viggen/themes/default/images/logo-header.png);
	--theme-default-url-img-logo-xs: url(/tenants/viggen/themes/default/images/logo-header-xs.png);
	--theme-default-border-radius-xl: .5rem;
	--theme-default-border-radius-lg: .25rem;
	--theme-border-color: #bcc9ce;
	--theme-border-light-color: #e2e8f0;
	--theme-form-bg-color: #edeeef;
	--spacing: .25rem;

	--text-main-color: #757575;
	--text-hover-link-color: #0092b8;

	--link-color: #393640;
	--link-color-hover: #13101a;

	--form-field-radius: 2px;
	--form-field-bg-color: #f7f7f7;
	--form-field-border-color: #eeeeee;
	--form-field-border-weight: 1px;
	--form-field-border-shadow: #393640;

	--form-button-radius: 2px;
	--form-button-primary-color: #fff;
	--form-button-primary-bg-color: #393640 linear-gradient(to bottom, #393640, #36333d);
	--form-button-primary-border-color: #393640;
	--form-button-primary-bg-color-hover: #2c2933;
	--form-button-primary-border-color-hover: #2c2933;
}

/* main template styles */
html, body { font-family: "Roboto", "Open Sans", sans-serif; font-size: 14px; color: var(--text-main-color); }
body { background-color: #fff; color: var(--text-main-color); }

h1 { margin-top: 10px; font-size: 20px; }
h1, h2, h3 { color: var(--theme-default-primary-color) !important; font-weight: bold; border-color: #ebebeb; }

a { color: var(--link-color); font-weight: 600; }
a:hover, a:focus { color: var(--link-color-hover); text-decoration: underline; }

/* body container */
.wrap > .container { box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); padding: 73px 15px 20px; }
.wrap > .container .top-header .breadcrumb { background: #f7f7f7; margin: 20px 0px 0px 0px; border-radius: 2px; }

@media screen and (min-width: 768px) {
	.right-content { padding: 10px 0px 0px 20px; }
}

@media screen and (max-width: 767px) {
	.container > .internal-container { border-radius: 0; padding: 15px; transition: opacity 0.3s ease, visibility 0.3s ease; opacity: 1; }
	.body-container:has(.navbar-container.collapse.in) .internal-container, .body-container:has(.navbar-container.collapsing[aria-expanded="true"]) .internal-container { opacity: 0.2; }
}

/* top menu / top navbar */
.brand-signature { display: flex; align-items: center; gap: 5px; }
.brand-signature::before { content: 'powered by'; display: flex; height: 40px; align-items: end; padding-left: 20px; color: #bbbbbb; font-size: 11px; text-transform: uppercase; font-weight: normal; line-height: normal; }
.brand-signature::after { content: "ekantor"; color: #bbbbbb; font-weight: bold; font-size: 11px; text-transform: uppercase; height: 40px; align-content: end; line-height: normal; }
.template-complex .navbar-brand,
.template-main .navbar-brand { align-items: center; padding-left: 30px; position: relative; width: 380px; }
.template-complex .navbar-brand > picture > img,
.template-main .navbar-brand > picture > img { height: 50px; }
.template-complex .brand-signature::before,
.template-main .brand-signature::before { padding-left: 22px; }

.navbar-inverse.navbar-header { background: #2E4301; border-color: #eeeeee; }
.navbar-header .navbar-container { background: #2E4301; }
.navbar-header .logo-container { background-position-y: center; background-position-x: 20px; width: 350px; position: relative; }
.navbar-header .logo-container:before,
.template-complex .navbar-brand:before,
.template-main .navbar-brand:before { content: 'Kancelaria Prawna Viggen'; font-family: "Alegreya", "Roboto", "Open Sans", sans-serif; position: absolute; left: 98px; color: #cda351; font-weight: 700; font-size: 22px; }
.template-complex .navbar-brand:before,
.template-main .navbar-brand:before { font-size: 22px; align-self: flex-start; top: 20px; left: 108px; }
.navbar-header .btn-outline-success, .navbar-header .btn-outline-success:disabled:hover, .navbar-header .btn-outline-success[disabled]:hover,
.navbar-header .btn-call-text, .navbar-header .btn-call-text:disabled:hover, .navbar-header .btn-call-text[disabled]:hover { background: #cda351 !important; border-color: #cda351 !important; font-size: 13px; }
.navbar-inverse .navbar-right li a.btn-call-text { color: #fff !important; padding: 5px 20px; border: 1px solid #cda351; height: 34px; display: inline-flex; line-height: normal; align-items: center; border-radius: var(--form-field-radius); }
.navbar-header .btn-outline-success:hover, .navbar-header .btn-outline-success:focus,
.navbar-header .btn-call-text:hover, .navbar-header .btn-call-text:focus { background: #bfa471 !important; border-color: #bfa471; }
.navbar-header .navbar-container .language-selector { width: 75px; }
.navbar-header .navbar-container .language-selector .select2-selection { padding: 6px 20px 6px 10px !important; border: 1px solid #cda351 !important; color: var(--text-main-color) !important; height: 34px; font-size: 13px; line-height: normal; display: flex; align-items: center; font-weight: 700; background-color: #2e4301 !important; justify-content: center; }
.navbar-header .navbar-container .language-selector .select2-container--krajee .select2-selection--single .select2-selection__rendered { color: var(--text-main-color) !important; }
.navbar-header .navbar-container .language-selector .select2-selection--single .select2-selection__arrow { height: 32px; width: 26px !important; }
.navbar-header .navbar-container .language-selector .select2-selection--single .select2-selection__arrow b { border-color: #fff transparent transparent transparent !important; }
.navbar-header .navbar-container .language-selector .select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #fff transparent !important; }
.navbar-header .navbar-container .language-selector .lang-label,
.select2-results__options .lang-label { display: none; }
.navbar-header .navbar-container-complex .language-selector { width: 75px; border-right: 0; margin-right: 5px; padding: 0px; }
#select2-language-selector-results .select2-results__option[aria-selected] { text-align: center; }

.navbar-header .navbar-brand { display: flex; }
.navbar-header .navbar-brand .brand-signature::before { margin-left: 0px; }
.logo-container { align-content: center; }
.logo-container .brand-signature::before { margin-left: 80px !important; }

@media (max-width: 767px) {
	.navbar-header .navbar-container { background: #fff; color: var(--text-main-color); }
	.navbar-inverse .navbar-container .container-header-user { margin-bottom: 1rem; }
	.navbar-inverse .navbar-right li a.btn-call-text { width: 100%; }
	.navbar-inverse .navbar-right > li.item-actions.active a,
	.navbar-inverse .navbar-right > li.item-actions a:hover,
	.navbar-inverse .navbar-right > li.item-actions a:focus { color: #fff; background: var(--link-color); }
	.navbar-inverse .navbar-right > li.item-actions.active > a:before,
	.navbar-inverse .navbar-right > li.item-actions > a:hover:before,
	.navbar-inverse .navbar-right > li.item-actions > a:focus:before { background-position-x: -87px !important; }
	.user-info { color: var(--text-main-color) !important; }
	.navbar-header .navbar-container-complex .language-selector { width: 100%; }
	.navbar-header .navbar-container-complex .language-selector > span:first-of-type { flex: 1; }
	.navbar-header .navbar-container-complex .language-selector > span.select2-container { width: auto !important; }
	.navbar-header .navbar-container .language-selector .select2-selection--single .select2-selection__arrow { height: 20px; }
	.navbar-header .navbar-container .language-selector .select2-selection { background-color: transparent !important; border: none !important; padding: 0px 20px 0px 10px !important; height: 20px; }
	.navbar-header .navbar-container .language-selector .select2-selection--single .select2-selection__arrow b { border-color: var(--text-main-color) transparent transparent transparent !important; }
	.navbar-header .navbar-container .language-selector .select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent var(--text-main-color) transparent !important; }
}

@media (max-width: 500px) {
	.btn-switch { top: 10px !important; }
}

/* left menu */
.left-menu { padding: 10px 0px 0px 0px; }
.nav-main-menu > li { border-color: #ebebeb; }
.nav-main-menu > .navbar-subitem > a { font-weight: 400; font-size: 12px; }
.nav-main-menu > .navbar-subitem.active > a { color: var(--link-color); font-weight: 700; background-color: transparent !important; }
.nav-main-menu > .navbar-subitem.active > a:hover, .nav-main-menu > .navbar-subitem.active > a:focus { background-color: #efefef !important; }
.nav-main-menu > .navbar-subitem.navbar-subitem-last { border-color: #ebebeb; }
.nav-main-menu > li.navbar-left-exchange a:before,
.nav-main-menu > li.navbar-left-exchange span:before { background-position-x: -44px !important; }
.nav-main-menu > li.active a { background: var(--link-color); color: #fff; }
.nav-main-menu > li > a:hover { background-color: #efefef !important; color: var(--active-theme-primary-color); }
.nav-main-menu > li > a:hover:before, .nav-main-menu > li > a:hover:focus,
.nav-main-menu > li.active a:hover:before, .nav-main-menu > li.active a:hover:focus { background-position-x: -44px !important; }
.nav-main-menu > li.active a:before { background-position-x: -87px !important; }
.nav-main-menu > .navbar-subitem { background-color: #f7f7f7; }

/* footer */
.footer { background-color: transparent !important; }

/* forms */
.form-control { border-radius: var(--form-field-radius); -webkit-border-radius: var(--form-field-radius); -moz-border-radius: var(--form-field-radius); background: var(--form-field-bg-color); border: var(--form-field-border-weight) solid var(--form-field-border-color); color: var(--text-main-color); }
.form-control:focus {-webkit-box-shadow: none; box-shadow: none; border: 2px solid var(--form-field-border-shadow) !important; background-color: #ffffff ;}
.select2-container--krajee .select2-selection { border-radius: var(--form-field-radius) !important; -webkit-border-radius: var(--form-field-radius) !important; -moz-border-radius: var(--form-field-radius) !important; border: var(--form-field-border-weight) solid var(--form-field-border-color) !important; background-color: var(--form-field-bg-color) !important; }
.select2-container--krajee .select2-selection--single .select2-selection__rendered,
.select2-container--krajee .select2-results__option--highlighted[aria-selected] { color: var(--text-main-color) !important; background-color:  var(--active-theme-primary-color) !important; }
.select2-container--krajee .select2-results__option.select2-results__option--selected,
.select2-container--krajee .select2-results__option[aria-selected=true] { color: #fff !important; background-color:  var(--active-theme-primary-color) !important; }
.select2-container--krajee .select2-selection--single .select2-selection__rendered { background-color: transparent !important; }
.select2-container--krajee .select2-selection--single .select2-selection__arrow { border: 0px !important; }
.select2-container--krajee .select2-search--dropdown .select2-search__field { background: var(--form-field-bg-color) url(search.png) right 10px top 7px no-repeat !important; color: var(--text-main-color) !important; }
.select2-container--krajee.select2-container--open .select2-selection { border-color: var(--form-field-border-shadow) !important; border-width: 2px !important; }
select[readonly].select2-hidden-accessible + .select2-container,
.form-control[readonly], .form-control[disabled] { cursor: not-allowed; background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.03) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.03) 50%, rgba(255, 255, 255, 0.03) 75%, transparent 75%, transparent) !important; background-size: 20px 20px !important; background-color: rgba(255, 255, 255, 0.01) !important; color: var(--theme-default-primary-color) !important; border-color: var(--form-field-border-color) !important; }
.input-group > .input-group-addon { color: var(--text-main-color); background: var(--form-field-bg-color); border-color: var(--form-field-border-color); }

.select2-dropdown { background-color: var(--form-field-bg-color) !important; border: 1px solid var(--form-field-border-color) !important; border-radius: 5px !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important; overflow: hidden; margin-top: 2px !important; }
.select2-container--krajee .select2-dropdown { border-top: 0px !important; border-radius: 0px !important; }
.select2-results__options::-webkit-scrollbar { width: 6px !important; background-color: transparent !important; }
.select2-results__options::-webkit-scrollbar-track { background-color: #efefef !important; }
.select2-results__options::-webkit-scrollbar-thumb { background-color: var(--theme-default-primary-color) !important; border-radius: 0px !important; transition: background-color 0.2s ease !important; }
.select2-results__options::-webkit-scrollbar-thumb:hover { background-color: #888 !important; }
.select2-results__option { color: var(--theme-default-primary-color) !important; padding: 8px 10px !important; transition: all 0.15s ease !important; background: transparent !important; }
.select2-results__option--highlighted[aria-selected] { color: var(--form-button-primary-color) !important; }
.select2-results__option[aria-selected=true] { background-color: #efefef !important; font-weight: 500 !important; }
.select2-container--krajee .select2-results__option--highlighted[aria-selected] { color: #fff !important; font-weight: 600; }

/* tables */
.container-table .container-table-header .container-table-cell { background: #efefef; border-color: #ebebeb !important; }
.container-table .container-table-cell { border-color: #ebebeb !important; }

@media (min-width: 768px) {
	.container-table .container-table-empty-cell { width: 475px; }
}

@media (min-width: 992px) {
	.container-table .container-table-empty-cell { width: 695px; }
}

@media (min-width: 1200px) {
	.container-table .container-table-empty-cell { width: 895px; }
}


@media (min-width: 1250px) {
	.container-table .container-table-empty-cell { width: 925px; }
}

/* panels */
.panel { border-color: #ebebeb !important; border-radius: 0px; }
.panel.panel-gray { border-color: #ebebeb !important; }

/* alerts */
.alert { border-radius: 0px; }
.alert.alert-gray { background: #fff; border-color: #ebebeb !important; font-weight: 600; }

/* buttons */
.btn { font-size: 13px; text-transform: uppercase; border-radius: var(--form-button-radius); -webkit-border-radius: var(--form-button-radius); -moz-border-radius: var(--form-button-radius); font-weight: 600; }
.btn-primary, .btn-primary:disabled:hover,
.btn-call, .btn-call:disabled:hover,
.btn-success, .btn-success:disabled:hover,
.btn-white, .btn-white:disabled:hover,
.btn-outline-success, .btn-outline-success:disabled:hover, .btn-outline-success[disabled]:hover { background: var(--form-button-primary-bg-color) !important; color: var(--form-button-primary-color) !important; border-color: var(--form-button-primary-border-color) !important; }
.btn-outline-info, .btn-outline-info:disabled:hover,
.btn-default, .btn-default:disabled:hover,
.btn-info, .btn-info:disabled:hover,
.modal .btn[data-dismiss="modal"] { background: var(--form-field-bg-color) !important; color: var(--theme-default-primary-color) !important; border-color: var(--form-button-primary-border-color) !important; box-shadow: inset 0 0 0 1px var(--form-button-primary-border-color); }
.btn-primary:hover, .btn-primary:focus,
.btn-call:hover, .btn-call:focus,
.btn-success:hover, .btn-success:focus,
.btn-white:hover, .btn-white:focus,
.btn-outline-success:hover, .btn-outline-success:focus,
.btn-outline-info:hover, .btn-outline-info:focus,
.btn-default:hover, .btn-default:focus,
.btn-outline-info:hover, .btn-outline-info:focus,
.btn-info:hover, .btn-info:focus,
.modal .btn[data-dismiss="modal"]:hover, .modal .btn[data-dismiss="modal"]:focus,
.btn.blue-focus { background: var(--form-button-primary-bg-color-hover) !important; color: var(--form-button-primary-color) !important; border-color: transparent !important; }
/* .button-link-disabled > .btn { background-image: linear-gradient( 135deg, rgba(255, 255, 255, 0.03) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.03) 50%, rgba(255, 255, 255, 0.03) 75%, transparent 75%, transparent ) !important; background-size: 20px 20px !important; background-color: rgba(255, 255, 255, 0.01) !important; color: var(--theme-color-text-2nd-lvl) !important; } */
.btn-success > svg, .btn-primary > svg,
.btn-success:disabled > svg, .btn-primary:disabled > svg,
.btn-success:disabled:hover > svg, .btn-primary:disabled:hover > svg { fill: #fff !important; }
.btn-copy { background: var(--theme-default-primary-color-light); padding: 5px 15px; border: 1px solid var(--form-field-border-shadow); }
.btn-copy .glyphicon { font-size: 13px !important; }

/* widgets */
.list-numbers-in-circle li:before { background: var(--form-button-primary-bg-color); display: flex; align-items: center; justify-content: center; line-height: normal; color: var(--form-button-primary-color); }
.account-activation-steps ul.list-numbers-in-circle li:before { color: #fff; height: 32px; background: var(--form-button-primary-bg-color); }
.account-activation-steps ul.list-numbers-in-circle li.done:before { border: 2px solid; padding-top: 8px; background: #fff; }
.user-logout-timer { padding-right: 30px; }
.user-info { color: #fff; }
.btn-switch { top: 26px; right: 0; }

.dashboard-feed-widget-1 .panel { border-radius: 0; background-color: #ffffff; border: 1px solid #ebebeb; }
.dashboard-feed-widget-1 .panel .panel-heading { border-radius: var(--form-button-radius); border: 1px solid #ebebeb; }
.dashboard-feed-widget-1 .select2-currency-pairs { border: none !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; padding: 6px 20px 6px 4px !important; display: flex !important; align-items: center; line-height: normal !important; justify-content: center; overflow: hidden; }
.dashboard-feed-widget-1 .header-currency-pair-feed > button.container-chart-button { padding: 0px; }
.dashboard-feed-widget-1 .field-transaction-amount { border-radius: var(--form-button-radius); overflow: hidden; border: 1px solid #ebebeb; }
.dashboard-feed-widget-1 .field-transaction-amount > .select2-container .select2-selection { border: 0px !important; line-height: normal !important; border-left: 1px solid var(--form-field-border-color) !important; }
.dashboard-feed-widget-1 .container-missing-currency-pair-data > div { row-gap: 16px; font-size: 1rem; }
.dashboard-feed-widget-1 .container-footer-actions .action-button .btn { height: 34px; }
.widget-salesperson-card { border: 1px solid #ebebeb; border-radius: 0; }
.widget-salesperson-card > .panel-heading { color: #fff; background-color: var(--theme-default-primary-color); border-top-left-radius: 0; border-top-right-radius: 0; }
.widget-salesperson-card > .panel-body .container-content { row-gap: 3px; color: var(--theme-color-text-1st-lvl); font-size: 1rem; }
.widget-loyalty-program-points .container-loyalty-program-points { border-radius: 0px; background-color: #efefef; }

@media screen and (max-width: 1199px) {
	.dashboard-feed-widget-1 .field-transaction-amount > .select2-container { max-width: 90px; }
}

@media screen and (max-width: 991px) {
		.dashboard-feed-widget-1 .field-transaction-amount > .select2-container { max-width: 100px; }
}

@media (max-width: 767px) {
	.btn-switch { top: 10px !important; }
}

/* client data form */
.client-form-wizard .step-circle { border-radius: 0; border: 1px solid #eeeeee; }
.client-form-wizard .step-circle.done { box-shadow: none; }
.client-form-wizard .btn-wizard-close { color: var(--link-color); }
.client-form-wizard .btn-wizard-close:hover, .client-form-wizard .btn-wizard-close:focus { color: var(--link-color-hover); }
.client-form-wizard .info-box .form-control,
.client-form-wizard .info-box .select2-container--krajee .select2-selection { background-color: #fff !important; }

/* bank accounts */
.client-account-form .field-account-group .select2-container { display: block; }

@media screen and (min-width: 1250px) {
	#accounts-table .accounts-number-cell { width: 280px; }
}

@media screen and (min-width: 1200px) and (max-width: 1249px) {
	#accounts-table .accounts-number-cell { width: 285px; }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	#accounts-table .accounts-data-cell { width: 505px; }
}

/* currency wallets */
.container-header-currency-wallet { margin: 0px -15px 10px -15px; font-size: 90%; }

@media screen and (min-width: 1250px) {
	#currency-wallet-orders-list .col-order-amount { width: 440px; }
	.widgets-currency-wallet > div { flex: 0 0 177px; }
}

@media screen and (min-width: 1200px) and (max-width: 1249px) {
	#currency-wallet-orders-list .col-order-amount { width: 410px; }
	.widgets-currency-wallet > div { flex: 0 0 171px; }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	#currency-wallet-orders-list .col-order-data { width: 340px; }
	.widgets-currency-wallet > div { flex: 0 0 225px; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#currency-wallet-orders-list .col-order-data { width: 355px; }
}

@media screen and (max-width: 767px) {
	.container-header-currency-wallet { margin: 0px -15px 10px -15px; padding: 0.8rem 0px; }
	.container-header-currency-wallet .currency-wallet-values { padding: 0px 15px; }
}

/* transaction orders */
.form-order .col-currency-pair .select2-container--krajee .select2-selection {  display: flex; width: 100%; align-items: center; justify-content: center; }
.form-order .col-currency-pair .select2-container--krajee .select2-selection--single .select2-selection__rendered { width: 100%; }
.form-order .transaction-highlighted-parameters { border-color: #ebebeb; background-color: #f7f7f7; border-radius: 0px; }
.form-order .transaction-highlighted-parameters .form-control,
.form-order .transaction-highlighted-parameters .select2-container--krajee .select2-selection { background-color: #fff !important; }
.panel-transactions .settlement-method > .radio-container { border-radius: 0; background: #fff; border-color: #ebebeb; }
.panel-transactions .settlement-method > .radio-container:not(.disabled):hover, .panel-transactions .settlement-method > .radio-container:not(.disabled).active { color: #fff; background-color: var(--theme-default-primary-color); }
.panel-transactions .settlement-method > .radio-container:not(.disabled):hover i.ek-icons, .panel-transactions .settlement-method > .radio-container:not(.disabled).active i.ek-icons { background-position-x: -87px !important; }
.order-basic-params .info-currency-box .container-full-wallet-balance { border-color: #ebebeb; }
.order-details-important > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; }
.order-details-important > tbody { background-color: #fff; }

.filters-panel .select2-container--krajee .select2-selection { background-color: #fff !important; }

@media screen and (min-width: 1250px) {
	#transaction-list .col-transaction-details { width: 250px; }
	#transaction-list .col-transaction-date { width: 120px; }
	#transaction-list .col-transaction-exchange-rate { width: 125px; }

	.pending-transaction-list .col-order-details { width: 265px; }
}

@media screen and (max-width: 1249px) {
	#transaction-list .col-transaction-details { width: 240px; }
	#transaction-list .col-transaction-code { width: 120px; }
	#transaction-list .col-transaction-exchange-rate { width: 120px; }
	#transaction-list .col-transaction-date { width: 115px; }

	.pending-transaction-list .col-order-details { width: 265px; }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.pending-transaction-list .col-order-data { width: 270px; }
}

/* loyalty program */
.module-loyalty-program.list-products .panel-product.panel-outer > .panel-header { color: #fff; background-color: var(--theme-default-primary-color); }

@media screen and (min-width: 1250px) {
	.module-loyalty-program.history-list .col-history-event { width: 557px; }
}

@media screen and (min-width: 1200px) and (max-width: 1249px) {
	.module-loyalty-program.history-list .col-history-event { width: 527px; }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.module-loyalty-program.history-list .col-loyalty-event-data { width: 595px; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.module-loyalty-program.history-list .col-loyalty-event-data { width: 375px; }
}

/* settings */
.settings-update form input { background: #fff !important; }

@media screen and (min-width: 1250px) {
	.user-auth-mfa .trusted-devices-list .col-device-name { width: 695px; }
}

@media screen and (min-width: 1200px) and (max-width: 1249px) {
	.user-auth-mfa .trusted-devices-list .col-device-name { width: 665px; }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.user-auth-mfa .trusted-devices-list .col-device-name { width: 465px; }
}

/* mobile */
@media screen and (max-width: 991px) {
	.template-complex .navbar-brand, .template-main .navbar-brand, .template-basic .navbar-brand { width: 300px; }
	.template-complex .navbar-brand:before, .template-main .navbar-brand:before, .template-basic .navbar-brand .logo-container:before { font-size: 16px; }
	.user-info { font-size: 11px; }
}

@media (max-width: 767px) {
	.navbar-mobile-top > .container > .navbar-header { background: #2E4301; }
	.wrap > .container .top-header .breadcrumb { margin: 20px -15px 0px -15px; }
	.user-info { font-size: 12px; }
}

@media (max-width: 370px) {
	.navbar-inverse .navbar-toggle { z-index: 999; }
	.template-complex .navbar-brand, .template-main .navbar-brand, .template-basic .navbar-brand { width: auto; padding-left: 15px; }
	.template-complex .navbar-brand:before, .template-main .navbar-brand:before { left: 90px; font-size: 16px; top: auto; align-self: center; width: auto; display: flex; position: fixed; padding-right: 70px; }
	.template-basic .navbar-brand { padding-left: 0px; }
	.template-basic .navbar-brand .logo-container { position: fixed; background-position-x: 15px; }
	.template-basic .navbar-brand .logo-container:before { left: 90px; font-size: 16px; top: auto; align-self: center; width: auto; display: flex; position: fixed; padding-right: 70px; }

	.brand-signature { display: none; }
}

@media (max-width: 280px) {
	.template-complex .navbar-brand:before, .template-main .navbar-brand:before { display: none; }
}

/* mobile views */
body.template-mobile { background: #0A0F16 !important; }
body.template-mobile .wrap .container-mobile-footer > .social-links { display: none; }

body.template-mobile .container-tenant-logo .brand-signature { justify-content: center; top: -20px; position: relative; }
body.template-mobile .container-tenant-logo .brand-signature::before { padding-left: 0px; border: 0; margin-left: -12px; }

@media screen and (max-width: 991px) {
	body.template-mobile .container-tenant-logo { background: none !important; place-self: center; }
	body.template-mobile .container-tenant-logo > img { opacity: 1 !important; margin-top: -45px; margin-bottom: -45px; content: url(/tenants/viggen/themes/default/images/logo-header-xl.png); }
	body.template-mobile .brand-signature { display: flex !important; }
}

@media screen and (max-width: 350px) {
	body.template-mobile .container-tenant-logo > img { margin-top: -10px; margin-bottom: -10px; }
}

@media screen and (max-width: 350px) {
	body.template-mobile .container-tenant-logo .brand-signature { top: -10px; }
	body.template-mobile .container-tenant-logo .brand-signature::after { align-self: center; padding-left: 0px; border: 0; margin-left: -12px; }
}

/* modal */
.modal-dialog .modal-content.modal-theme { background-color: #2E4301; }
.modal-dialog .modal-content.modal-theme .form-control,
.modal-dialog .modal-content.modal-theme .select2-container--krajee .select2-selection { background-color: #fff !important; }
.modal-dialog .modal-content.modal-primary { background-color: #2e4301; }