ul.standard-list { margin-left: 2em; } ul.standard-list li { list-style: disc; } /* Form */ .form-control { padding: 6px 14px; font-size: 14px; font-weight: 300; color: var(--black); line-height: 1em; } .form-control:focus { color: var(--black); } .form-control::placeholder { color: var(--black); opacity: 0.75; } .theme-form input[type="text"].form-control.input-white, .theme-form input[type="email"].form-control.input-white, .theme-form input[type="search"].form-control.input-white, .theme-form input[type="password"].form-control.input-white, .theme-form input[type="number"].form-control.input-white, .theme-form input[type="tel"].form-control.input-white, .theme-form input[type="date"].form-control.input-white, .theme-form input[type="datetime-local"].form-control.input-white, .theme-form input[type="time"].form-control.input-white, .theme-form input[type="datetime-local"].form-control.input-white, .theme-form input[type="month"].form-control.input-white, .theme-form input[type="week"].form-control.input-white, .theme-form input[type="url"].form-control.input-white, .theme-form input[type="file"].form-control.input-white, .theme-form textarea.form-control.input-white, .theme-form select.form-control.input-white { color: var(--white); background-color: transparent; border-color: var(--white); box-shadow: none; } .theme-form .form-control.input-white::placeholder { color: var(--white); opacity: 0.75; } .form-control::placeholder { color: currentColor; opacity: 1; } .form-control::file-selector-button { padding-right: 30px; border-radius: var(--bs-border-radius); border: 1px solid; border-radius: var(--bs-border-radius); display: inline-block; margin-left: -0.74rem; scale: 1.06; height: 33px; } .form-check-input:checked { background-color: var(--theme-default); border-color: var(--white); } .form-wizard .step { height: 8px; width: 8px; background-color: var(--theme-tertiary); border-radius: 8px; will-change: width; transition: width 0.5s ease; } .form-wizard .step.active { width: 24px; } .form-wizard .step.finish { background-color: var(--theme-tertiary); } a#prevBtn { position: absolute; font-size: 25px; } /* END - Form */ /* Buttons */ .btn { text-transform: uppercase; font-size: 16px; } .btn:focus { color: var(--bs-btn-hover-color); } .btn-secondary { background-color: var(--theme-secondary); border: 1px solid var(--theme-secondary); color: var(--theme-default); } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary.active, .btn-secondary:active:focus, .btn-secondary.show { background-color: var(--theme-primary); } .btn-medium { width: 110px; max-width: 100%; } .btn-large { width: 200px; max-width: 100%; } /* END - Buttons */ .badge { pointer-events: none; } .text-underline { text-decoration: underline !important; } /* Frontend */ .login-card, .registration-card, .onboarding-card { min-height: 100vh; display: flex; align-items: center; justify-content: center; margin: 0 auto; padding: 30px 12px; background: none; background-color: var(--bs-body-bg); } .registration-card, .onboarding-card { background-color: var(--primary-color); } .login-card .login-main, .registration-card .registration-main, .onboarding-card .onboarding-main { max-width: 650px; width: calc(100dvw - 15px); padding: 80px 40px; border-radius: 40px; box-shadow: 0 0 37px rgba(0, 0, 0, 0.05); margin: 0 auto; background-color: var(--bs-body-bg); min-height: 700px; } .registration-card .registration-main, .onboarding-card .onboarding-main { max-width: 1075px; background-color: var(--bs-body-bg); } .login-card .login-main .login-inner { max-width: 422px; } .registration-card .registration-main .registration-inner { max-width: 860px; } .onboarding-card .onboarding-main .onboarding-inner { max-width: 690px; } .login-card .login-main .login-inner .form-logo, .registration-card .registration-main .registration-inner .form-logo, .onboarding-card .onboarding-main .onboarding-inner .form-logo { max-width: min(330px, 100%); } .login-card .login-main .theme-form label, .registration-card .registration-main .theme-form label { font-size: 16px; font-weight: 600; } .onboarding-card .onboarding-main .theme-form label { font-size: 16px; font-weight: 400; } .login-card .login-main .theme-form input::-webkit-input-placeholder { color: inherit; } .login-card .login-main .theme-form .form-group { margin-bottom: 0; } .show-hide span { cursor: pointer; font-size: 18px; color: var(--theme-default); font-family: "iconly" !important; speak: never; font-style: normal; font-variant: normal; text-transform: none; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 300; } .show-hide span.show:before { content: "\e950"; } .show-hide span:before { content: "\e932"; } .login-card .login-main .theme-form .show-hide, .registration-card .registration-main .theme-form .show-hide, .onboarding-card .onboarding-main .theme-form .show-hide { /* top: 50%; */ top: 20px; } .login-card input[type="password"] { padding: 6px 60px 6px 14px !important; } .theme-form input[type="text"], .theme-form input[type="email"], .theme-form input[type="search"], .theme-form input[type="password"], .theme-form input[type="number"], .theme-form input[type="tel"], .theme-form input[type="date"], .theme-form input[type="datetime-local"], .theme-form input[type="time"], .theme-form input[type="datetime-local"], .theme-form input[type="month"], .theme-form input[type="week"], .theme-form input[type="url"], .theme-form input[type="file"], .theme-form textarea, .theme-form select { border-color: var(--border-color); background-color: transparent; font-size: 14px; padding: 6px 14px; box-shadow: none; font-weight: 300; height: 35px; } @media (max-width: 991.98px) { .login-card .login-main { width: 550px; } } @media (max-width: 575.98px) { .login-card .login-main .theme-form .form-group { margin-bottom: 0; } } /* END - Frontend */ /* sidebar */ .page-sidebar { margin-top: 83px; background: var(--theme-default); } .page-sidebar .sidebar-menu::-webkit-scrollbar { width: 5px; height: 7px; border-color: var(--theme-default); } .page-sidebar .sidebar-menu::-webkit-scrollbar-thumb { background-color: var(--white); border-radius: 10px; } .page-sidebar .sidebar-menu::-webkit-scrollbar-track { background: var(--theme-default); border-color: var(--theme-default); } .simplebar-wrapper { width: 100%; } .page-wrapper.compact-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .simplebar-wrapper .simplebar-content { gap: 10px; } .sidebar-menu { padding: 15px; } .page-sidebar .sidebar-menu .sidebar-list { border: none; } .page-sidebar .sidebar-submenu { margin-left: 55px; margin-bottom: 20px; border-left: 1px solid var(--white); } .page-sidebar .sidebar-submenu li { list-style-type: none; } .page-sidebar .sidebar-submenu a { padding-left: 4px; color: var(--white); font-size: 14px; font-weight: 300; } .page-sidebar .sidebar-submenu a::before { display: none; } .sidebar-menu .sidebar-list:hover .sidebar-link, .sidebar-menu .sidebar-list .sidebar-link.active { background: transparent; color: var(--white); border: none; } .page-sidebar .sidebar-menu .sidebar-list:has(.active) { background-color: var(--color-lilla); border-radius: 10px; color: var(--white); } .page-sidebar .sidebar-submenu:has(.active) { display: block; } .sidebar-menu .sidebar-list:hover .sidebar-link i, .sidebar-menu .sidebar-list:hover .sidebar-link a, .sidebar-menu .sidebar-list:hover .sidebar-link span{ color: var(--white); } .sidebar-menu .sidebar-list .sidebar-link { color: var(--white); font-size: 16px; font-weight: 400; } .sidebar-menu .sidebar-list .sidebar-link .main-icon { margin-left: 0; margin-right: 15px; } .sidebar-menu .sidebar-list .sidebar-link { background-color: transparent; color: var(--white); border-radius: unset; font-size: 16px; font-weight: 300; } /* END - sidebar */ .row.w-100 { width: calc(100% + var(--bs-gutter-x)) !important; } .notification-icon { display: flex; width: 36px; height: 36px; justify-content: center; align-items: center; border: 1px solid; border-radius: 100%; cursor: pointer; color: var(--theme-default); } /* Content */ .page-wrapper .page-body-wrapper .page-body { min-height: calc(100dvh - 83px); }