:root { --body-color:#3A404A; --primary-color: #672FD6; --primary-dark-color: #5226AB; --primary-active-color: #3E1C80; --secondary-color: #E03016; --secondary-dark-color: #B32612; --secondary-active-color: #861D0D; --light-purple: #E1D5F7; --dark-color:#000; --light-dark:#333; --yellow-color:#FFCB05; } body {font-family: 'Inter', sans-serif; color: var(--body-color); overflow-x: hidden; font-size:14px; } img {max-width:100%; height:auto;} a {color:var(--primary-color); -webkit-transition:all linear 0.2s 0s; transition:all linear 0.2s 0s; text-decoration:none;} a:hover {text-decoration:none; outline:0; color:#5226ab;} a:focus {text-decoration:none; outline:0; color: #3E1C80;} .btn-primary:focus, .btn-primary.show, .btn-primary.show:hover {background-color: var(--primary-active-color)!important; color: #fff!important; border-color: var(--primary-active-color)!important;} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 600; line-height: 0.8; } .container {max-width: 1350px;} .form-select {line-height: 2.1;} .btn {border-radius: 5px; font-weight: 500; font-size: 14px; padding: 15px; height: 44px; line-height: 0.7; } header .btn {border-radius:2px;} .btn.btn-outline-secondary.active, .btn.btn-outline-secondary.show, .btn-outline-secondary:active, .btn.btn-outline-secondary:active {color: var(--body-color) !important; background-color: #D8D9DB!important; border-color: #D8D9DB!important;} .btn-default {background-color: transparent; color: #3A404A; border: #d8d9db 1px solid;} .btn-default:hover, .btn-default:focus {background-color: #D8D9DB; color: #3A404A;} .btn-default:active {background-color: #D8D9DB; color: #3A404A;} .btn-default.show { background-color: #D8D9DB !important; color: #3A404A!important; border-color: #D8D9DB!important; } .b_label {font-weight: 500;} .btn svg {margin:0; vertical-align: middle; display: inline-block; width: 14px; position: relative; top: -1px;} .btn img {margin:-1px 4px 0 0; vertical-align: middle; display: inline-block;} .btn_styled2 {padding:15px; position: relative;} .btn_styled2 span {position: relative; top:-1px;} /* .btn_styled2 { padding: 10.5px 15px 10.5px 10px;} */ .form-control, .form-select {border-radius: 4px; border-color:#D3D8DE; font-size: 14px; min-height: 44px; color: #9D9FA5; } .form-control {color: #3A404A;} .form-control::placeholder, .form-select::placeholder {color: #9D9FA5;} input[type=file].form-control {min-height: inherit;} .form-control:focus, .form-select:focus {border-color: var(--primary-color);} .form-control:focus, .btn:focus, .form-select:focus {box-shadow: none;} .form-control:disabled {background: #F5F6F6;color: #95999D;} .form-group {margin: 0 0 20px; position: relative;} .field_icon {position: absolute; right:15px; top:11px;} .field_icon .active {display: none;} .field_icon2 {position: absolute; right:15px; top:36px;} .field_icon2 .active {display: none;} /* label {font-weight: 700; font-size: 14px; margin: 0 0 8px;} */ .btn-primary {border-color: var(--primary-color); background: var(--primary-color);} .btn-primary:hover, .btn-primary:focus,.btn.disabled, .btn:disabled, fieldset:disabled .btn {background: var(--primary-dark-color); border-color: var(--primary-dark-color);} .btn-outline-secondary {color:var(--body-color); border-color:#D8D9DB;} .btn-outline-secondary:hover, .btn-outline-secondary:focus {background-color:#EBECED!important; outline:0!important; border-color:#EBECED!important; box-shadow:none!important; color: var(--body-color)!important;} .btn-danger {background: var(--secondary-color); border-color:var(--secondary-color);} .btn-danger:hover {background: var(--secondary-dark-color); border-color: var(--secondary-dark-color);} .btn-danger:focus {background: var(--secondary-active-color); border-color: var(--secondary-active-color);} .btn-outline-danger {color: var(--secondary-color); border-color:var(--secondary-color);} .btn-outline-danger:hover {background: var(--secondary-dark-color); border-color: var(--secondary-dark-color);} .btn-outline-danger:focus {background: var(--secondary-active-color); border-color: var(--secondary-active-color);} .btn-link {text-decoration: none; font-weight: 500; color: var(--primary-color);} .btn-link:hover, .btn-link:focus {color:var(--primary-dark-color);} .btn-link2 {text-decoration: none; font-weight: 500; color:var(--body-color); border: 0;} .btn-link2:hover, .btn-link:focus {color:var(--primary-color);} .text-danger {color: #E03016 !important;} .text-purple {color: var(--primary-color);} .table>thead {vertical-align: middle;} .table td, .table th {padding: 10px 0;} span {display: inline-block;} .dropdown-toggle {position: relative;} .dropdown-toggle.btn:hover, .dropdown-toggle.btn:focus {border-color: transparent;} .dropdown-toggle:after {display: none; content: ""; position: absolute; right:10px; top: 6px;} .dropdown-toggle svg {border: 0; margin: 0; display: inline-block; width: 14px;} .dropdown-menu {padding:10px 10px; font-size: 14px; border: 0; box-shadow: 0 0 15px rgba(0,0,0,0.10); z-index: 11; min-width: inherit;} .top_right {position: relative;} .top_right .dropdown {position: initial;} .top_right .dropdown-menu {min-width: inherit;} .top_right .btn {border:0;} .top_right .btn svg {right:-2px;} .dropdown-item {padding:8px; border-radius: 5px; font-weight: 500; line-height: 1.2; white-space: normal;} .dropdown-item:hover, .dropdown-item:focus { color: #3A404A; background-color:#EBECED;} .dropdown-item.active, .dropdown-item:active {background-color: #D8D9DB; color: #3A404A; } .dropdown-menu ul {padding:0; margin:0; list-style: none;} .dropdown-menu li, .dropdown-menu ul li {display: block; margin: 0;} .dropdown-menu li a {padding:8px; font-weight: 500;} .dropdown-menu li button {font-weight: 500;} .dropdown-item i {font-size: 20px; line-height: 1; position: relative; top: 2px; margin-right: 5px;} .dropdown-item img, .dropdown-item svg {vertical-align: text-bottom; display: inline-block; vertical-align: middle; margin-right: 4px; height: 14px; width: 14px; position: relative; top: -1px;} /* .top_right .dropdown-item img, .top_right .dropdown-item svg {width: 14px; height: 14px; margin-right: 2px !important;} */ #settingsDropdown:hover, #scaned_total:hover, #scaned_today:hover {color: #5226AB;} .selectalllabel {color: #672FD6;} #scaned_total svg, #scaned_today svg {top:0;} #scaned_total.show {color: #3E1C80!important;} /* .big_dropdown .dropdown-menu{ min-width: 240px;} */ .progress {height: 8px; background: #E1D5F7;} .progress-bar {background: var(--primary-color);} .dropdown-menu.show {top: 8px;} .form-check {cursor: pointer;} .form-check-input:checked[type=checkbox] {background-image: url(images/icons/check.svg); background-size: 11px;} input[type=checkbox].form-check-input {width: 20px; height: 20px; border-radius: 5px !important;} input[type=radio].form-check-input {width: 20px; height: 20px;} .form-check-input:checked {background-color:var(--primary-color); border-color:var(--primary-color);} .form-check-input:focus {box-shadow: none; border-color: var(--primary-color);} .form-check label {padding:3px 0 0 7px; font-weight: 500;cursor: pointer; display: block;} .lessweight {font-weight:500!important;} .form-check-all .form-check-input:checked[type=checkbox] {background-image: url(images/icons/MinusSm.svg); background-size: 11px;} .form-check-all input[type=checkbox].form-check-input {width: 20px; height: 20px; border-radius: 5px !important;} .form-check-all input[type=radio].form-check-input {width: 20px; height: 20px;} .form-check-all .form-check-input:checked {background-color:var(--white); border-color:var(--primary-color);} .form-check-all .form-check-input:focus {box-shadow: none; border-color: var(--primary-color);} .profile_dropdown .btn {outline: none !important; border: 0; padding: 0; border-radius: 100% !important; height: 34px;} .profile_dropdown .btn::after {display: none;} .profile_dropdown .btn img {border-radius: 50%; width: 40px; margin-right:8px; display: inline-block;} .profile_dropdown .short_username {background: var(--light-purple); width: 34px; height: 34px; line-height: 33px; text-align: center; border-radius: 100%; display: inline-block; color: var(--primary-color); font-weight: 700; text-transform: capitalize;} .no_arrow:after {display: none;} .login_image {background-size: cover; height: 100vh; background-position: center; background-repeat: no-repeat;} .login_contents {position: relative;height:100vh; background: #F7F8F8;} .login_contents .logo {padding:25px;} .login_contents .logo img {max-width: 111px;} header .logo {max-width: 111px;} .login_form {max-width: 370px; width: 100%; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);} .login_form h1 {margin: 0 0 35px; font-weight: 600;} .login_form .btn {width: 100%; display: block;} .login_form label {margin:0 0 5px; font-weight: 600;} .login_form .btn svg {top: -1px; position: relative;} .login_form .form-check label {font-weight: 400;} #forgot_form {margin-top: 40px;} .forgot_password {text-align: right; } .forgot_password_text {text-align: center; margin-top: 15px;} .error_form {max-width: 370px; width: 100%; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); background-color: transparent !important; text-align: center;} .error_form h1 {font-size: 4rem;} .qrip_wrapper {height: 100vh; display: flex; flex-wrap: wrap; padding-top: 65px;} .qrip_sidebar {padding:30px 10px; border-right:1px solid #EBECED; max-width: 15%; flex: auto; height: 100vh;} .qrip_logo {margin: 0 0 30px; padding-left: 20px;} header {padding: 15px 0; position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 9; border-bottom: 1px solid #eee;} .top_right span {margin-right: 5px; display: inline-block;} .top_right span:last-child {margin-right: 0;} .top_right .dropdown #settingsDropdown {padding:5px 11.6px; height: 34px; line-height: 1; font-weight: 600;} .top_right .dropdown .dropdown-toggle.show {background:#F0EAFB; color: #3E1C80;} #menu ul {padding:0; margin:0; list-style: none; text-align: center;} #menu ul li {display: inline-block; position: relative;} #menu ul li a {display: block; padding:10px 12px; font-weight: 600; color: #3A404A; border-radius:2px; line-height: 14px; letter-spacing: 0.01em;} #menu ul li a:hover{color:#672FD6} #menu ul li.active a {color: #3E1C80; background: #F0EAFB;} ul.sidebar_list {padding:0; margin:0; list-style: none;} ul.sidebar_list li {margin: 0 0 5px;} ul.sidebar_list li:last-child {border: 0;} ul.sidebar_list li a {padding:15px 15px 15px 45px; display: block; border-radius: 3px; position: relative; font-weight: 600; color: var(--body-color);} ul.sidebar_list li a:hover, ul.sidebar_list li.active a {color: var(--primary-color);} ul.sidebar_list li a:hover, ul.sidebar_list li.active a {background: var(--light-purple);} ul.sidebar_list li a img {position: absolute; left: 20px; top: 19px;} ul.sidebar_list li a .img_hover {opacity: 0;} ul.sidebar_list li a:hover .img_normal, ul.sidebar_list li.active a .img_normal {opacity: 0;} ul.sidebar_list li a:hover .img_hover, ul.sidebar_list li.active a .img_hover {opacity: 1;} .qrip_body_wrapper {max-width:85%; flex:auto; overflow: auto; background: #F7F8F8; height: 100%; padding: 25px 0 0;} .qrip_body_wrapper.full {max-width: 100%;} .page_contents {padding:25px 0 0;} .dashboard_wrapper .row {margin: 0 -12.5px;} .dashboard_wrapper [class*=col-] {padding:0 12.5px;} .dashboard_widget {background: #fff; border-radius: 8px; padding:25px; position: relative; margin: 0 0 25px; line-height: 1;} .dashboard_widget .btn {height: auto;} .dashboard_widget img {position: absolute; right: 30px; top: 50%; transform: translateY(-50%); width: 32px;} .dashboard_widget .widget_count {font-size: 25px; font-weight: 600; line-height: 1;} .dashboard_widget span {color:#757980; font-weight: 500; line-height: 14px; margin: 1px 0 4px;} .dashboard_widget .dropdown .dropdown-toggle {color: var(--primary-color); border: 0;; margin: 1px 0 5px;} .dashboard_widget .dropdown .dropdown-toggle::after {top: 1px;} .dashboard_widget .dropdown .dropdown-toggle:hover {color: #5226AB;} .dashboard_widget .dropdown .dropdown-toggle.show {color: #3E1C80;} .qr_info_bar {padding:20px 25px; border-radius: 5px; margin: 0 0 5px; background: #fff;} .qr_title {font-weight: 600; display: flex; align-items: center; flex-wrap:wrap;} .qr_title img {border:1px solid var(--primary-color); border-radius: 5px; padding: 5px; display: inline-block;} .qr_title > img {max-width: 50px;} .qr_title span {line-height: 1.3; max-width:40px;} .qr_title a {color:var(--primary-color); text-decoration: none; flex:65%; max-width:65%;} .qr_title div {display: block; font-weight: 400; font-size: 12px; color: #3A404A!important;} .qr_link_time {padding:5px 0; font-size: 12px; line-height: 12px; font-weight: 500; color: #9d9fa5;} .qr_link_time a {display: block; margin: 6px 0;} .qr_link_time strong {font-size:14px; line-height: 14px; font-weight: 500; color: #3A404A; display: block;margin-top:3px;} .qr_link_time2 {padding:5px 0; line-height: 1.3; font-size: 12px; line-height: 14px; font-weight: 500; color: #9d9fa5;} .qr_link_time2 a {display: block; font-size: 16px; line-height: 18px; color: var(--primary-color); font-weight: 500; margin-top: 5px;} .qr_link_time2 strong {font-size:14px; line-height: 14px; font-weight: 500; color: #3A404A; display: block;margin-top:3px;} .number_scans {font-weight: 600; padding:5px 0; line-height: 1.4;} .qr_status {text-transform: uppercase; font-size: 8px; background: #ddd; color: #777; padding:5px 4px; border-radius: 3px; line-height: 10px;display: inline-block; margin-top: 2px; font-weight: 500;} .qr_status.active {background: #D1EED1; color: #1AA81A;} .qr_status.pending {background: #eed2d1; color: #a81f1a;} .qr_status.danger {background: #F9D6D0; color: #E03016;} .qr_action_btns {position: relative;} .qr_action_btns .dropdown {position: initial;} .qr_action_btns .btn {margin:0 2px 0 0; padding:10px; height: 34px; line-height: 0.8;} .qr_action_btns .qr_dropdown .dropdown-toggle {padding:10px; min-width: 34px; height: 34px;} .qr_action_btns .btn:last-child {margin-right: 0;} .qr_action_btns .btn-primary svg {position: relative; display: inline-block; top: -1px;} ul.breadcrumbs {padding:0; margin:0; list-style: none; font-weight: 600; font-size: 26px;} ul.breadcrumbs li {display: inline-block; color:var(--body-color);} ul.breadcrumbs a {color:#672FD6;} ul.breadcrumbs li {position: relative;margin-right: 30px;} ul.breadcrumbs li:before {content:""; color:#757980; background: url(images/icons/ChevronRight.svg) no-repeat; position: absolute; width: 20px; height: 15px; right: -34px; top: 50%; transform: translateY(-50%);} ul.breadcrumbs li:last-child {margin-right: 0;} ul.breadcrumbs li:last-child::before {display: none; } ul.breadcrumbs a:hover {color:#5226AB;} ul.breadcrumbs a.active {color:#3E1C80;} .form_heading {padding-right: 40px;} .form_heading strong {display: block; margin: 0 0 12px; font-size: 14px; line-height: 14px; color: #3A404A; font-weight: 600;} .form_heading strong span {color:#9D9FA5;} .form_heading p {font-size: 12px; color:#9D9FA5; line-height: 1.3;} .role_heading p {font-weight: 500; color: #9D9FA5 !important;} .qr_action_form .form-group {margin: 0 0 20px;} /* .qr_action_form .form-group:last-child {margin-bottom: 0;} */ .qr_action_form .form-control, .qr_action_form .form-select {min-height: 45px; } .qr_action_form .accordion-item {margin-bottom: 20px;} .popupModal .modal-body {padding: 25px;} .popupModal .modal-body p{ margin: 0;} .popupModal .modal-footer {padding:10px 15px;} .card {border: 0; margin-bottom: 25px; background: #fff; border-radius: 8px;} .card-header {border: 0; background: none; padding: 25px 25px 0;} .card-header h5 {margin: 0;} .card-header .card_link {font-weight: 600; display: block; text-align: right;} .card_img {text-align: center; padding:20px 20px 0; text-align: center;} .card_img img {max-width: 180px;} .card-body {padding: 25px;} .page_contents .card-body h6 {line-height: 16px; min-height: 33px; font-size: 14px;} .page_contents .card-body p {color:#3A404A; font-size: 12px;} .card-footer {padding:20px; background: none; border: 0; text-align: right;} .card-footer a {font-weight: 500; color: #672FD6;} .card-footer a:hover {color: #5226AB;} .card-footer a:active, .card-footer a.active {color: #3E1C80;} .archived_box {background: #EBECED;} .archived_box h5 {margin-bottom:10px;} .archived_box .card-body p {margin-bottom:0;} .archived_box .card-footer {padding-top:0;} .premium_plan_box { padding:25px; background: var(--light-purple); border-radius: 6px; margin: 0 0 25px;} .premium_plan_box .progress {margin: 0 0 15px;} .premium_plan_box a {font-weight: 600;} #reportrange {cursor: pointer; font-size:14px; color: var(--primary-color); font-weight: 500;} #reportrange svg {position: relative; display: inline-block; margin-left:2px; width: 16px; color: var(--primary-color); } #reportrange:hover, #reportrange:hover svg {color: #5226AB;} /* .daterangepicker {right: 66px!important;} */ /* .daterangepicker {right: 70px !important; left: inherit !important;} */ .daterangepicker {border: 0 !important; box-shadow: 0 0 15px rgba(0,0,0,0.10);} .daterangepicker td.active, .daterangepicker td.active:hover {background-color: var(--primary-color);} .daterangepicker td.in-range {background-color:var(--light-purple);} .daterangepicker td.start-date.end-date {color: #fff;} .daterangepicker td.end-date {color: #000;} .daterangepicker.opensright {overflow: hidden;} .daterangepicker .ranges ul {padding: 10px!important;} .daterangepicker .ranges li{border-radius: 3px !important; } .daterangepicker .ranges li:hover{background-color:#EBECED !important; color: #3A404A !important;} .daterangepicker .ranges li.active {background-color: #D8D9DB !important; color: #3A404A !important;} .daterangepicker.opensright:before, .daterangepicker.opensleft:before, .daterangepicker.opensleft:after{display: none;} .top_scan_table {margin: 0;} .top_scan_table tr:last-child td {border: 0;} .top_scan_table tr th {font-weight: 500; padding:10px; font-size: 12px; line-height: 14px;} .top_scan_table tr th:last-child {text-align: right; padding-right: 0;} .top_scan_table tr td {padding: 10px; font-size: 14px; line-height: 14px;} .top_scan_table tr td a {font-weight: 600;} .top_scan_table tr td:last-child {text-align: right; font-weight: 600;padding-right: 0;} .qr_code {width: 40px; line-height: 36px; text-align: center; position: relative; } .qr_code img {border: 1px solid var(--primary-color);border-radius: 4px; padding:4px; } .qr_code .qrinfo_hover_img {position: absolute; right: -190px; top: -32px; background: #fff; padding:7px; border:1px solid #999; opacity: 0; visibility: hidden; transition: all linear 0.15s; z-index: 1;} .qr_code .qrinfo_hover_img:before {position: absolute; left: -21px; top:30px; content:""; border:10px solid transparent; border-right-color: #999;} .qr_code .qrinfo_hover_img:after {position: absolute; left: -20px; top:30px; content:""; border:10px solid transparent; border-right-color: #fff;} .qr_code .qrinfo_hover_img img {width: 150px; height: auto; padding:0; margin:0; border-radius: 0; border:0;} .qr_code:hover .qrinfo_hover_img {opacity: 1; visibility: visible;} .qr_dropdown {display: inline-block;} .qr_dropdown .dropdown-toggle {padding:15px; border: 1px solid #D8D9DB;} .qr_dropdown .btn:hover, .qr_dropdown .btn:focus {background-color:#D8D9DB!important; outline:0!important; border-color:#D8D9DB!important; box-shadow:none!important;} .qr_dropdown .dropdown-toggle img {margin: 0; width: 6px; position: relative; top: -1px;} .qr_dropdown .dropdown-toggle::after {display: none;} .filters_wrap {border-bottom: 1px solid #EBECED; padding: 0 0 10px; margin: 0 0 10px;} .filters_wrap .filter_heading {text-transform: uppercase; color: #999; font-weight: 600; margin: 0 0 10px; padding-left: 5px; font-size: 12px;} .filters_wrap .form-check {padding: 5px 20px 5px 30px; border-radius: 4px; margin: 0;} .filters_wrap .form-check:last-child {margin: 0;} .filters_wrap .form-check.checked {background: #ededed;} .filters_wrap .form-check label span {color: #999;} .show_link {font-weight: 600; padding:10px 0 0 10px; display: block;} .filters_wrap.border-0 {margin-bottom:0!important; padding:0!important;} .qr_search_box {position: relative; max-width:400px; margin: 0 0 20px;} .qr_search_box .form-control {border-radius:3px; min-height: 44px; padding-left: 15px;} .qr_search_box .btn {position: absolute; right: 0; top:0; font-size: 22px; border: 0;} .qr_search_box .btn.disabled,.qr_search_box .btn:disabled{background: transparent;opacity: 1;} .qr_search_box .btn svg {width: 16px; } .qr_search_box .search_remove {right: 30px; /* position: absolute;top: 15px; */} #qrDropdown2 {height: 34px; padding: 10px; } .selected_filters { font-size: 12px; line-height: 14px; margin: 0 0 20px;} .selected_filters span {background:#F0EAFB ; padding: 4px 8px; border-radius: 4px; display: inline-block; margin:0 5px 7px 0; font-weight: 500; color: #3A404A; cursor: pointer;} .selected_filters span svg {width: 12px; display: inline-block; position: relative; top: -1px;} .selected_filters span a {color: #3A404A; font-size: 13px; position: relative; top: 0.5px; margin-left: 1px;} .clear_link {font-weight: 500; margin:8px 0 0; display: block;} .mb_5 {margin-bottom:5px;} .filter_select {max-width: 160px; width: 100%; position: relative; float: right;} .filter_select svg {width: 14px; display: inline-block; position: absolute; top:15px; left: 19px; color: #3A404A;} .filter_select i {position: absolute; top:14px; left: 15px; font-size: 18px; transform: rotate(90deg); color: #3A404A;} .filter_select .form-select {background-color:transparent; padding:7px 20px 7px 40px; font-weight: 500;} .filter_recunt_select {max-width: 160px; width: 100%; position: relative; float: right;} .filter_recunt_select svg { margin:0; vertical-align: middle; display: inline-block; width: 14px; position: relative; top: -1px; right: 0;} /* .filter_recunt_select i {position: absolute; top:14px; left: 15px; font-size: 18px; transform: rotate(90deg); color: #3A404A;} */ /* .form-select:focus, .form-select:hover {background-color: #D8D9DB!important; border-color: #D8D9DB!important;} */ .form-select option {background-color: #fff!important; border-radius:5px; margin-bottom:5px!important; margin:1px 5px!important; position: relative;} .form-select option:last-child {margin-bottom:0!important;} .form-select option svg {width: 14px; position: absolute; right:0; top:5px; color: #000;} /* .qrinfo_popover {position: relative; cursor: pointer; margin-right: 10px;} */ /* .qrinfo_popover .qrinfo_hover_img {position: absolute; right: -190px; top: -32px; background: #fff; padding:7px; border:1px solid #999; opacity: 0; visibility: hidden; transition: all linear 0.15s;} .qrinfo_popover .qrinfo_hover_img:before {position: absolute; left: -21px; top:30px; content:""; border:10px solid transparent; border-right-color: #999;} .qrinfo_popover .qrinfo_hover_img:after {position: absolute; left: -20px; top:30px; content:""; border:10px solid transparent; border-right-color: #fff;} .qrinfo_popover .qrinfo_hover_img img {width: 150px; height: auto; padding:0; margin:0; border-radius: 0; border:0;} .qrinfo_popover:hover .qrinfo_hover_img {opacity: 1; visibility: visible;} */ .qrinfo_popover {width: 40px; line-height: 36px; text-align: center; position: relative; margin-right: 10px;} .qrinfo_popover img {border: 1px solid var(--primary-color);border-radius: 4px;} .qrinfo_popover:hover img {background-color: #fff;} .qrinfo_popover .qrinfo_hover_img {position: absolute; right: -190px; top: -32px; background: #fff; padding:7px; border:1px solid #999; opacity: 0; visibility: hidden; transition: all linear 0.15s; z-index: 1;} .qrinfo_popover .qrinfo_hover_img:before {position: absolute; left: -21px; top:30px; content:""; border:10px solid transparent; border-right-color: #999;} .qrinfo_popover .qrinfo_hover_img:after {position: absolute; left: -20px; top:30px; content:""; border:10px solid transparent; border-right-color: #fff;} .qrinfo_popover .qrinfo_hover_img img {width: 150px; height: auto; padding:0; margin:0; border-radius: 0; border:0;} .qrinfo_popover:hover .qrinfo_hover_img {opacity: 1; visibility: visible;} .accordion {--bs-accordion-border-color: #fff;} .accordion-item {border: 0; margin: 0 0 25px; border-radius: 6px;} .accordion-button {border: 0; font-size: 20px; font-weight: 600; padding:20px 25px;} .accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,");} .accordion-button:focus {box-shadow: none;} .accordion-button:not(.collapsed) {color: #3A404A ; background: none;} .accordion-body {padding:0 25px 25px;} .select2_wrapper span {display: block; } .select2_wrapper span.selection {width: 100% !important; } .codetype_select {margin: 0 0 15px;} .codetype_select input {position: absolute; opacity: 0;} .codetype_select label {background:#F5F6F6; position: relative; padding:20px; display: block; border-radius: 6px; border: 2px solid transparent; cursor: pointer;} .codetype_select label .ct_select_icon {position: absolute; right: 30px; top: 50%; transform: translateY(-50%);} .codetype_select label .ct_select_icon svg, .codetype_select label .ct_select_icon img {width: 25px;} .codetype_select label .ct_select_heading {font-size: 14px; font-weight: 600;} .codetype_select label .ct_select_heading span {display: block; font-weight: normal; font-size: 12px; color: #9D9FA5;} .codetype_select input:checked ~ label {border-color: var(--primary-color);} .op5{opacity: 0.5;} .top_code_header {margin-bottom: 6px;} .qr_form_divider {padding:0 0 25px; margin:0; border-top: 1px solid var(--primary-color); opacity: 0.3;} .mt10{margin-top: 10px;} .divider_line {padding:0 0 20px; margin-top:20px; border-top: 1px solid #EBECED; display: block;} .design_selector_wrap {display: flex; flex-wrap: wrap; margin: 0 -10px;} .design_select_box {flex: 0 0 auto; padding: 0 5px; margin: 0 0 10px;} .design_select_box input {position: absolute; opacity: 0;} .design_select_box label {width: 60px; height: 60px; line-height: 55px; text-align: center; border-radius: 5px; background:#F5F6F6; display: block; border: 2px solid transparent; cursor: pointer; overflow: hidden;} .design_select_box label:hover {background:#EBECED;} .design_select_box label img {height: 40px; width: 40px; object-fit: scale-down; filter: invert(5%);} .design_select_box input:checked ~ label {border-color: var(--primary-color);background-color: #F5F6F6;} .custom_color_picker {position: relative; border:#D8D9DB solid 1px; display: block;width:100%; height: 50px; overflow: hidden; -webkit-border-radius:3px; border-radius:3px;} /* .custom_color_picker input {} */ /* .custom_color_picker input[type="color"] {width: 52px; position: absolute; top: 1px; right: 0; -webkit-border-radius:5px; border-radius: 5px; outline: none; -webkit-appearance: none; border: none; min-height: 40px;} */ .custom_color_picker input {width: 30px; height: 24px; overflow: hidden; border: #D8D9DB 2px solid !important; border-radius: 2px !important; } .custom_color_picker input[type=color] {width: 24px; position: absolute; top: 1px; right: 10px; outline: none; -webkit-appearance: none; border: none; min-height: 0; top: 50%; transform: translateY(-50%); border-radius:2px !important;border:#D8D9DB solid 2px !important; padding: 0;} .custom_color_picker input[type="color"]::-moz-color-swatch, .custom_color_picker input[type="color"]::-webkit-color-swatch, .custom_color_picker input[type="color"]::-webkit-color-swatch-wrapper {outline: none; left:auto!important; border:0!important; -webkit-border-radius:2px; border-radius: 2px; cursor: pointer!important;} .custom_color_picker .colorcode {position: absolute; top: 13px; left: 20px; width: auto; height: auto; padding: 0; border: 0 !important; box-shadow: none; outline: navajowhite;} .qr_sticky_wrapper {position: -webkit-sticky; position: sticky; top: 0;} .qr_sticky_wrapper img, .qr_sticky_wrapper svg {max-width: 270px; margin: 0 auto; height: auto; opacity: 0.5;} #vcard_preview_tab .qr_sticky_wrapper img {max-width: 100%;} .qr_sticky_wrapper svg {opacity: 1;} .qrcode_result_box {text-align: center; } .qr_preview_btns {margin:10px 0 0;} .qr_preview_btns a {display: inline-block; padding: 15px; font-weight: 500; height: 44px; line-height:0.7; white-space: nowrap;} .qr_preview_btns a i {font-size: 18px; line-height: 1; position: relative; top: 2px;} .qr_preview_btns .btn-light {color: #672FD6; background-color: #fff!important; border-color: #fff!important; margin:0 5px;} .qr_preview_btns .btn-light:hover {color: #672FD6!important; background-color: #F0EAFB!important; border-color: #F0EAFB!important;} .qr_preview_btns .btn-light:focus {color: #672FD6!important; background-color: #E1D5F7!important; border-color: #F0EAFB!important;} .qr_preview_btns .btn-outline-danger {width: 44px; height: 44px; position: relative;;} .qr_preview_btns .btn-outline-danger svg {position: absolute; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .qr_preview_btns2 {margin:0;} .qr_preview_btns2 a {display: inline-block; padding: 15px; font-weight: 500; height: 44px; line-height:0.7; white-space: nowrap;} .qr_preview_btns2 a i {font-size: 18px; line-height: 1; position: relative; top: 2px;} .qr_preview_btns2 .btn-light {color: #672FD6; background-color: #fff!important; border-color: #fff!important; margin:0 5px; } .qr_preview_btns2 .btn-light:hover {color: #672FD6!important; background-color: #F0EAFB!important; border-color: #F0EAFB!important;} .qr_preview_btns2 .btn-light:focus {color: #672FD6!important; background-color: #E1D5F7!important; border-color: #F0EAFB!important;} .qr_preview_btns2 .btn-outline-danger {width: 44px; height: 44px; position: relative;;} .qr_preview_btns2 .btn-outline-danger svg {position: absolute; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .qr_preview_note {background: #EBECED; padding: 15px 15px 15px 45px; position: relative; border-radius: 8px; font-size: 14px; line-height: 17px;} .qr_preview_note svg {font-size: 20px; position:absolute; left:22px; top: 15px; width: 18px;} ul.logos_list {padding:0; margin:0; list-style: none;} ul.logos_list li {display: inline-block; margin-right: 5px; vertical-align: top;} ul.logos_list li .design_select_box {padding: 0;} .add_logo_input {position: relative;} .add_logo_input input[type=file] {opacity: 0; position: absolute; width: 60px; height: 60px; cursor: pointer;} .add_logo_input span { display: block; width: 77px; height: 78px; line-height: 78px; text-align: center; border: 1px solid #ddd; border-radius: 5px; cursor: pointer;} ul.logo_requirments_list {padding:0; margin:0; list-style: none; font-weight: 500; color: #61666E;} ul.logo_requirments_list li {position: relative; padding: 0 0 0 22px; margin: 0 0 5px;} ul.logo_requirments_list li:before {position: absolute; left: 0;top: 5px; background: url(images/icons/check-blk.svg) no-repeat; background-size: 14px; width: 14px; height: 14px; content: "";} .custom_table .btn {height: 34px; padding: 10px; line-height: 0.9;} .custom_table tr td a, .custom_table tr th a {font-weight: 600;} .custom_table tr td .btn, .custom_table tr th .btn {font-weight: 500;} .custom_table tr td:first-child, .custom_table tr th:first-child {padding-left: 0;} .permission_checkboxes {margin: 0 0 50px;} .page_contents .permission_checkboxes h6 {font-size: 14px; font-weight: 600; margin-bottom: 15px; min-height: inherit;} .permission_checkboxes .form-check {margin:0 0 5px;} .permission_checkboxes .form-check label {font-weight:500; font-size: 14px; } ul.settings_list {padding:0; margin:0; list-style: none; display: inline-block;} ul.settings_list li {display: inline-block; margin-right: 8px; vertical-align: top;margin-bottom: 40px; } ul.settings_list li .design_select_box {padding: 0;} ul.settings_list li .no_img input[type=file] {width: 80px; height: 80px;} ul.settings_list li .no_img span {display: block; width: 80px; height: 80px; font-size: 22px; text-align: center; border: 1px solid #d8d9db; -webkit-border-radius: 8px; border-radius: 8px; } ul.settings_list li .add_logo_input input[type=file] {width: 80px; height: 80px;} ul.settings_list li .add_logo_input span {font-size: 22px; border: 1px solid #d8d9db; -webkit-border-radius: 8px; border-radius: 8px; cursor: pointer; display: block; width: 77px; height: 78px; line-height: 78px; text-align: center; } .li-plus{ display: inline-block; vertical-align: text-top;} .no_img5 {padding: 0; position: relative; text-align: center;} .no_img5 input[type=radio] {width: 80px; height: 80px; position: absolute; left:0; right:0;top:0; bottom:0; opacity: 0;} .no_img5 label {display: block; width: 80px; height: 80px; font-size: 22px; text-align: center; border: 2px solid #d8d9db; border-radius:8px } .no_img5 input[type="radio"]:checked+label { border: 2px solid var(--primary-color); } ul.settings_list.system_settings_list li{margin-bottom: 0;} .logo_chooser a {display: block; width: 80px; height: 80px; line-height: 80px; text-align: center; border: 2px solid #d8d9db; border-radius:8px } .logo_chooser a img {height:50px; object-fit: scale-down;} .logo_chooser a.active {border-color: var(--primary-color);} /* .no_img5 label img {border-radius: 8px;} */ .empty_img {padding: 0; position: relative; text-align: center; background-color: #F5F6F6; overflow: hidden; border-radius: 8px;} .empty_img input[type=radio] {width: 80px; height: 80px; position: absolute; left:0; right:0;top:0; bottom:0; opacity: 0;} .empty_img label {display: block; width: 80px; height: 80px; font-size: 22px; text-align: center; border: 2px solid #d8d9db; -webkit-border-radius: 8px; border-radius: 8px;} .empty_img input[type="radio"]:checked+label { border: 2px solid var(--primary-color); } .empty_img label img {height: 18px; width: 18px;} .empty_img label img, .empty_img label svg {color: #3A404A; width: 18px; height: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .no_img5 label a {display: inline-block;} .no_img5 label a img {-webkit-border-radius:0!important; border-radius:0!important;} .popup-logo, .popup-linktree-logo, .popup-vcard-logo, .popup-vcard-photo {display: block; height: 75px; overflow: hidden;border-radius: 8px;cursor: pointer; position: relative;} .popup-linktree-logo img, .popup-vcard-logo img, .popup-logo img {width: 99%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .settings_thumb {width: 80px;} .settings_thumb img {display: block; width: 99px; height: 80px; object-fit: cover; border-radius: 5px; padding: 5px;} .settings_thumb a {display: block; color:var(--secondary-color); text-align: center; padding: 10px;} .settings_thumb a img {width:15px; margin: 0 auto; height: auto; object-fit: inherit;} ul.settings_list.system_settings_list li .settings_thumb img{margin-bottom: 0; padding: 0;} input.error,select.error, textarea.error {border-color:#E03016 !important;} label.error {margin:5px 0 0; color:#E03016; display: block; font-size: 14px; font-style: normal; font-weight: 400;} .pagination {margin-top: 20px;} .page-link {color: #000;} .page-link:hover {color: #343A43;;} .page-link:focus {box-shadow: none;} .page-link.active {background-color: var(--primary-color); border-color: var(--primary-color);} .page-link.active:hover {color: #fff;} .border_bottom {border-bottom:#e2e5e9 solid 1px; padding:30px 18px; text-align: left; font-size:14px; line-height: 18px; font-weight:500; color: #757980;} .border_bottom h5 {text-align: left; font-size:16px; font-weight:normal; } .buttons_group {padding:10px; text-align: right;} .buttons_group .btn-light {color: #672FD6; background-color: #fff!important; border-color: #fff!important;} .buttons_group .btn-light:hover {color: #672FD6!important; background-color: #F0EAFB!important; border-color: #F0EAFB!important;} .buttons_group .btn-light:focus {color: #672FD6!important; background-color: #E1D5F7!important; border-color: #F0EAFB!important;} .alert {position: fixed; right:30px; bottom:30px;z-index: 999;} ul.pagination li .page-link { background-color: transparent; border-color: transparent; color: #3a404a; border-radius: 5px; width: 34px; height: 34px; line-height:33px; font-size: 12px; font-weight: 500; text-align: center; padding:0;} .page-item:not(:first-child) .page-link { margin-left: 5px;} ul.pagination li .page-link:hover { background-color: #EBECED; border-color: #EBECED; color: #343A43;} .active > .page-link, .page-link.active, ul.pagination li.active .page-link {z-index: 3; color:var(--primary-color)!important; background-color: #f0eafb!important; border-color:#f0eafb!important; width: 34px; height: 34px; font-weight: 700;} .page-item:first-child .page-link, .page-item:last-child .page-link {border: 1px solid #ddd; border-radius: 5px; position: relative; color: transparent;} .page-item:first-child .page-link:hover, .page-item:last-child .page-link:hover {color: transparent!important; border: 1px solid #999;} .page-item:first-child .page-link:after {content:""; background-image: url(images/icons/angle_left.svg); background-repeat: no-repeat; background-size: 16px; background-position: center; position: absolute; left: 50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 16px; height: 16px;} .page-item:last-child .page-link:after {content:""; background-image: url(images/icons/angle_right.svg); background-repeat: no-repeat; background-size: 16px; background-position: center; position: absolute; left: 50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 16px; height: 16px;} .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: #672fd6!important; color: white;} .fixed_middle_contents {position: fixed; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; max-width: 650px;} .no_result_box {margin:30px;} .no_result_box img {opacity: 0.3; margin-bottom:20px;} .no_result_box h4 {padding:0; font-size: 20px; line-height: 24px; font-weight: 600;} .page_contents .no_result_box p {color: #9D9FA5; font-weight: 600; font-size: 14px; line-height: 16px; margin-bottom:30px;} .no_result_box .btn:focus {color: #fff!important;} .bg_light_grey {background-color: #F0EAFB!important; display: inline-block; padding:5px 7px; position: relative; color: #3A404A; text-decoration: none; text-align:center; font-size:12px;line-height:14px; font-weight: 500; -webkit-border-radius:3px; border-radius:3px; margin-top:5px;} #svg-result img {width: 270px; /* object-fit: scale-down; */} .border_line_box {border-top:#EBECED solid 1px; padding-top:25px; margin-top:25px; display:block;} .linktree {text-align: center;} select option:hover, select option:focus {background-color: #672fd6!important; color: #fff!important;} .select2-results__option{padding-right:20px;vertical-align:middle; position: relative;} .select2-results__option:before{content:"";display:inline-block;position:absolute; left: 7px; height:20px;width:20px;border:1px solid #D3D8DE;border-radius:4px;background-color:#fff;margin-right:10px;vertical-align:middle} .select2-results__option[aria-selected=true]:before{font-family:fontAwesome;content:"";color:#fff;border:0;display:inline-block;padding-left:3px; background: url(images/icons/check.svg) #672FD6 5px 4px no-repeat; background-size: 11px;} .select2-container .select2-results__option {padding-left: 40px;} .select2-container--default .select2-results__option[aria-selected=true]{background-color:#fff} .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#F5F6F6;color:#3A404A} .select2-container--default .select2-selection--multiple{margin-bottom:10px;padding: 2px 8px 10px;} .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-radius:4px} .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#D8D9DB;} .select2-container--default .select2-selection--multiple{border-width:1px} .select2-selection--multiple:before {content:"\f107"; font-family: 'FontAwesome'; position: absolute; right: 10px; top: 10px; font-size:18px} .select2-container--open .select2-dropdown--below{border-radius:0px 0 5px;box-shadow:0 0 5px rgba(0,0,0,0.2)} .select2-container .select2-dropdown {margin-top: 1; border: #D8D9DB 1px solid;} .select2-selection .select2-selection--multiple:after{content:'hhghgh'} .select2-container .select2-selection--multiple .select2-selection__clear {margin-top: 9px;font-weight: 500; margin-right: -18px;} .select2-container .select2-selection--multiple .select2-selection__choice {font-size: 12px; line-height: 14px; padding: 4px 30px 4px 7px; background: #F0EAFB; white-space: normal;} .select2-container .select2-selection--multiple .select2-selection__choice__remove {right: 5px;top: 2px;font-size: 15px; color: #3A404A; font-weight: 500;} .select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {background-color:#E1D5F7; color: #3A404A;} .select2-container .select2-selection--multiple .select2-selection__choice__remove:active {background-color:#C2ACEE;} .select2-container .select2-selection--multiple .select2-selection__choice:hover { background: #E1D5F7;} .select2-container .select2-selection--multiple .select2-selection__choice.active { background: #C2ACEE;} /* .select2-container .select2-selection--multiple .select2-selection__rendered {float: right;} */ .select2-container .select2-selection--multiple .select2-selection__rendered {padding-right: 40px;} .single_check_select_wrapper .selection {display: block;} /* .select2-container--default .select2-search--dropdown {display: none!important;} */ .select2-container .select2-dropdown {border: 1px solid #D8D9DB; border-radius: 3px; padding:10px 15px; background-color: #fff; box-shadow: none;} .select2-container .select2-selection--single {height: inherit; line-height: inherit; padding: 8px 15px; min-height: 45px; } .select2-container.select2-container--open.select2-container--below .select2-selection {border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-color: #672FD6; padding-bottom: 0; margin-bottom: 0;} .select2-container.select2-container--open.select2-container--above .select2-selection {border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-color: #672FD6;} .select2-container .select2-selection--single .select2-selection__arrow b {position: absolute; top: 19px; right: 15px; width: 7px; height: 7px; border: solid #262626; border-width: 0 1px 1px 0; display: inline-block; padding: 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg);} .select2-container.select2-container--open .select2-selection .select2-selection__arrow b {position: absolute; top: 19px; right: 15px; width: 7px; height: 7px; border: solid #262626; border-width: 0 1px 1px 0; display: inline-block; padding: 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg);} .single_check_ul li {color: #3A404A!important; padding:10px 8px!important; cursor: pointer!important; font-size: 14px; line-height: 16px; border-radius:5px; position: relative;} .single_check_ul li:hover {background-color:transparent !important; color: #262626 !important;} .single_check_ul li:before{display: none;} .single_check_ul li:first-child {color:#9d9fa5 !important ;} .single_check_ul li:first-child:hover, .single_check_ul li:first-child[aria-selected=true] {color:#9d9fa5 !important ;} .single_check_ul li[aria-selected=true] {background-color: #EBECED!important; border-radius:5px; -webkit-transition: all linear 0.2s 0s; transition: all linear 0.2s 0s;} .single_check_ul li[aria-selected=true]:before{content:"";color:#fff;border:0;display:inline-block; padding-left:3px; background: url(images/icons/check_blk.svg) transparent 5px center no-repeat; background-size: 11px; position: absolute; left: auto; right:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);} .select2-container .select2-dropdown.mt_19 {margin-top:-5px; border: #D8D9DB 1px solid;} #SaveBtn {padding:15px; height: 44px; white-space: nowrap; line-height: 0.3;} .font_10px {color: #9D9FA5; font-size:10px; line-height: 12px; font-weight:600;} .new_download {font-size:14px; font-weight: 500; color: #3A404A!important; padding:10.5px 10px 10.5px 15px!important; margin-top: 0; margin-bottom: 15px; line-height: 0.9; } .new_download svg {color:#9D9FA5!important; margin-left:10px; position: relative; top: inherit; display: inline-block; right: 0;} .dropdown_arrow_btn svg {color:#9D9FA5!important;} .dropdown_arrow_btn:hover, .dropdown_arrow_btn:focus {-webkit-box-shadow: none!important; box-shadow: none!important;} .dropdown_arrow_btn_lg { position: relative;} .dropdown_arrow_btn_lg svg {color:#9D9FA5; margin-left:0; display: inline-block; position: relative; top: inherit; right: inherit;} .dropdown_arrow_btn_lg:hover, .dropdown_arrow_btn_lg:focus {-webkit-box-shadow: none; box-shadow: none;} .btn-primary svg {color: #fff!important;} .btn-primary:hover {background-color: var(--primary-dark-color)!important;} /* .btn.show {background-color: var(--primary-dark-color)!important; color: #fff;} */ .chart-wrapper {position: relative;} .hide_white {background-color: #fff; position: absolute; left:50%; top:0; width:200px; height: 27px; display: inline-block; -webkit-transform: translateX(-50%); transform: translateX(-50%);} .dropdown-item svg {margin-right:4px!important;} .delet_button {display: inline-block; margin-right:50px; color: #E03016!important; border-color: #E03016!important; padding: 11px 15px!important;} .delet_button:hover, .delet_button:focus {background-color:#E03016!important; color: #fff!important;} .qr_action_form h1 {font-size:26px; line-height:26px; font-weight: 600; letter-spacing: -0.02em; color: #3A404A; margin-bottom:20px;} .qr_action_form h4 {font-size:20px; line-height: 24px; font-weight: 600;} .thead_headings td, .thead_headings th {font-size:12px!important; line-height:14px!important; color:#3A404A!important; font-weight: 500!important; } .thead_headings td svg, .thead_headings th svg {width: 12px; display: inline-block; color:#3A404A; text-decoration: none; position: relative; top:-2px;} .thead_headings td a, .thead_headings th a {color:#3A404A; text-decoration: none;} .thead_headings td a:hover, .thead_headings th a:hover {color:#3A404A; text-decoration: none;} strong {font-weight: 600;} .total_result {font-size:12px; line-height: 14px; color:#3A404A; border-bottom:0!important; padding-top:25px!important;} .font_400 {font-weight: 400!important;} .cancel_button {background-color: #fff!important; border-color: transparent!important; box-shadow: none!important; color: #672FD6;} .cancel_button:hover, .cancel_button:focus {background-color: #F0EAFB!important; color: #672FD6;} .cancel_button.active {background-color:#E1D5F7!important; color: #672FD6;} .custom_table .form-check-inline {margin-right:0!important;} .grey_spec_color {color: #3A404A!important;} .page_header .btn {padding:0 15px !important; height: 44px; line-height: 42px; } .page_header .me-2 {margin-right: 2px !important;} .page_header h1.h3 {font-size:26px;} .card-body h4 {font-size:20px!important;} .btn_44 {width: 44px;} .newdotsbutton {padding:10px!important;} .modal-header { padding: 20px; border-color: #e2e5e9;} .modal-header h1.modal-title {font-size:16px!important; line-height: 16px !important; font-weight: 500!important;} .modal-body h5.modal-title {padding:5px 18px 30px 0;} .modal-header h5, .modal-body h6 {color:#000;} /* .modal-body .buttons_group .btn {padding:10.5px 20px!important;} */ .button_block .btn {margin: 0 3px; height: 34px; min-width: 34px; text-align: center; padding: 10px; line-height: 0.8;} .svg_result_wrapper {padding:5px 15px 15px !important; } .border_heading_wrapper {margin-bottom:25px; display: block; position: relative;} .border_heading {font-size:16px; line-height: 18px; font-weight: 600; color: #3A404A; display: block; margin-bottom:27px; position: relative;} .border_heading:before {background-color: var(--primary-color); opacity: 0.3; content:""; height: 1px; position: absolute; left:0; right:0; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .border_heading span {background-color: #fff; padding:0 10px 0 0; display: inline-block; position: relative; color:var(--primary-color)} ul.tick_list {list-style: none; padding:0; margin:0; display: block;} ul.tick_list li {font-size:12px; line-height: 14px;; color: #3A404A; text-decoration: none; margin-bottom:5px;} ul.tick_list li svg {width: 16px; color: #3A404A; display: inline-block; margin-right:7px;} ul.frames_list {padding:0; margin:0; list-style: none;} ul.frames_list li {display: inline-block; margin-right: 8px; vertical-align: top;} ul.frames_list li a {padding: 0; display: block; border: transparent 2px solid; -webkit-border-radius:8px; border-radius:8px; -webkit-transition: all linear 0.2s 0s; transition: all linear 0.2s 0s;} ul.frames_list li a img {display: block; width: 80px; height: 80px; text-align: center; -webkit-border-radius: 8px; border-radius: 8px;} ul.frames_list li a:hover {border-color: #672fd6;} .qr_template_list { height: 158px; overflow: hidden} .clickheight { height: auto} .design_qr_template_wrap {display: block; position: relative;} ul.qr_template_list {list-style: none; padding:0; margin:0 -3px; display: block; text-align: left; } ul.qr_template_list li {display: inline-block; margin-bottom:8px; width: calc(20% - 4px); padding: 0 3px; vertical-align: top;} .qr_template_item {display: block; position: relative;} .qr_template_item input {position: absolute; opacity: 0;} .qr_template_item label { height: 150px; text-align: center; border-radius: 5px; background:#F5F6F6; display: block; border: 2px solid transparent; cursor: pointer; overflow: hidden; padding-top: 13px;} .qr_template_item label img {height: 60px; width: 60px; object-fit: scale-down;} .qr_template_item label .qr_template_name {font-size:12px; line-height: 14px; font-weight: 500; color: #3A404A; display: block; height: 30px; margin:10px auto 0;max-width: 92px;} .qr_template_item input:checked ~ label {border-color: var(--primary-color);} .viewallinik {font-size:14px; line-height:14px; font-weight:500; color: #672fd6; display: inline-block; margin-right: 6px;} .grey_card {background-color: #F5F6F6; -webkit-border-radius:5px; border-radius:5px; padding:23px; display: block;} /* .page_header .btn-outline-secondary:hover, .page_header .btn-outline-secondary:focus, .page_header .btn.btn-outline-secondary.active, .page_header .btn.btn-outline-secondary.show, .btn-outline-secondary:active, .page_header .btn.btn-outline-secondary:active {background-color: transparent!important; border-color: transparent !important;} */ .top_right .dropdown-item.active img, .top_right .dropdown-item:active img { filter: none;} ul.table_list {list-style: none; padding:0; margin:0; display: block;} ul.table_list li {display: block; margin-bottom:15px; padding-bottom:15px; border-bottom:#F5F6F6 solid 1px; } ul.table_list li:last-child {margin-bottom:0;} .grey_title {font-size:12px; line-height: 14px; color:#9D9FA5; margin-bottom:2px;} .magenta_title {font-weight: 600;} .check_column {width: 44px; padding-right:0; text-align: left;} .slider{display:inline-block;vertical-align:middle;position:relative;} .slider.slider-horizontal{width:100%;height:0px; background-color: #EBECEE!important; border-radius: 4px !important;} .slider.slider-horizontal .slider-track{height:4px;width:100%;margin-top:0;top:50%;left:0} .slider.slider-horizontal .slider-selection,.slider.slider-horizontal .slider-track-low,.slider.slider-horizontal .slider-track-high{height:100%;top:0;bottom:0} .slider.slider-horizontal .slider-tick,.slider.slider-horizontal .slider-handle{margin-left:-10px} .slider.slider-horizontal .slider-tick-container{white-space:nowrap;position:absolute;top:0;left:0;width:100%} .slider.slider-horizontal .slider-tick-label-container{white-space:nowrap;margin-top:20px} .slider.slider-horizontal .slider-tick-label-container .slider-tick-label{display:inline-block;text-align:center} .slider.slider-horizontal.slider-rtl .slider-track{left:initial;right:0} .slider.slider-horizontal.slider-rtl .slider-tick,.slider.slider-horizontal.slider-rtl .slider-handle{margin-left:initial;margin-right:-10px} .slider.slider-horizontal.slider-rtl .slider-tick-container{left:initial;right:0} .slider.slider-vertical{height:210px;width:20px} .slider.slider-vertical .slider-track{width:10px;height:100%;left:25%;top:0} .slider.slider-vertical .slider-selection{width:100%;left:0;top:0;bottom:0} .slider.slider-vertical .slider-track-low,.slider.slider-vertical .slider-track-high{width:100%;left:0;right:0} .slider.slider-vertical .slider-tick,.slider.slider-vertical .slider-handle{margin-top:-10px} .slider.slider-vertical .slider-tick-label-container{white-space:nowrap} .slider.slider-vertical .slider-tick-label-container .slider-tick-label{padding-left:4px} .slider.slider-vertical.slider-rtl .slider-track{left:initial;right:25%} .slider.slider-vertical.slider-rtl .slider-selection{left:initial;right:0} .slider.slider-vertical.slider-rtl .slider-tick.triangle,.slider.slider-vertical.slider-rtl .slider-handle.triangle{border-width:10px 10px 10px 0} .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label{padding-left:initial;padding-right:4px} .slider input{display:none} .slider .tooltip-inner{display:none} .slider .hide{display:none} .slider-track{background-color:#EBECED;box-shadow:none;border-radius:10px;position:absolute;cursor:pointer} .slider-selection{background-color:#672FD6;background-repeat:repeat-x;box-shadow:none;box-sizing:border-box;border-radius:10px;position:absolute} .slider-track-low,.slider-track-high{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:4px;border-radius:4px;position:absolute;background:transparent} .slider-handle{background-color:#672FD6;background-repeat:repeat-x;box-shadow:none;position:absolute;top:-5px;width:14px;height:14px;outline:0 solid transparent} .slider-handle:hover{cursor:pointer; box-shadow: 0px 0px 0px 4px rgba(103, 47, 214, 0.2);} .slider-handle:focus{ box-shadow: 0px 0px 0px 4px rgba(103, 47, 214, 0.2); width:16px;height:16px; top:-6px;} .slider-handle.active{ box-shadow: 0px 0px 0px 5px rgba(103, 47, 214, 0.2); width:16px;height:16px; background-color: #5226AB; top:-6px;} .slider-handle.round{-webkit-border-radius:100%;border-radius:100%} .select2-container--open {z-index: 9999;} .alert-dismissibl {text-align: left;} .alert-dismissible svg.alert_icon { display: inline-block; width: 15px; vertical-align: middle; margin-right: 8px;} .alert-success, .alert-danger,.alert-warning,.alert-primary {border: 0; color: #3A404A; border-radius: 5px;} .alert_text {vertical-align: middle; line-height: 16px;} .alert-dismissible.alert-success {background-color: #D1EED1;} .alert-dismissible.alert-danger {background-color: #F9D6D0;} .alert-dismissible.alert-primary {background-color: #E1D5F7;} .alert-dismissible.alert-warning {background-color: #F7EADA;} .alert-dismissible.alert-success .alert_icon {color:#1AA81A} .alert-dismissible.alert-danger .alert_icon {color:#E03016} .alert-dismissible.alert-primary .alert_icon {color:#672FD6} .alert-dismissible.alert-warning .alert_icon {color:#E9A905} .alert-dismissible .btn-close {background-image: none; height: auto; right: 20px; top: 50%; transform: translateY(-50%); padding: 0; color: #3A404A; opacity: 1;box-shadow: none;} .alert-dismissible .btn-close:focus {box-shadow: none;} .select2-container .select2-results__option--highlighted[aria-selected] {background-color: #f5f5f5 !important; color: #262626!important; } .select2-container .select2-results__option--highlighted[aria-selected] {background-color: #f5f5f5 !important; color: #262626!important; } .chart-wrapper checkbox, .chart-wrapper input[type=checkbox]{ display: none !important;} .br-0 {border: 0;} .border_bottom2 { border-bottom: #e2e5e9 solid 1px; padding: 15px 18px 30px; text-align: left; font-size: 14px; font-weight: 400;} .error .select2-container--default.select2-container--focus .select2-selection--multiple{ border-color: #E03016!important;} .error .select2-container .select2-selection, .error .select2_wrapper span {border-color: #E03016!important;} .total_item_text {font-size: 12px; text-align: right; color: #3A404A;} .select_modal {font-size: 12px;} .logo_settings {margin-bottom:15px;} ul.logo_settings_list, ul.linktree_logo_settings_list, ul.vcard_logo_settings_list, ul.vcard_photo_settings_list {padding:0; margin:0; list-style: none; display: inline-block;} ul.logo_settings_list li, ul.linktree_logo_settings_list li, ul.vcard_logo_settings_list li, ul.vcard_photo_settings_list li {display: inline-block; margin:0 8px 12px; vertical-align: top;} ul.logo_settings_list li:first-child, ul.linktree_logo_settings_list li:first-child, ul.vcard_logo_settings_list li:first-child, ul.vcard_photo_settings_list li:first-child { margin-left: 0;} ul.logo_settings_list li .design_select_box, ul.linktree_logo_settings_list li .design_select_box, ul.vcard_logo_settings_list li .design_select_box, ul.vcard_photo_settings_list li .design_select_box {padding: 0;} ul.logo_settings_list li .no_img input[type=file], ul.linktree_logo_settings_list li .no_img input[type=file], ul.vcard_logo_settings_list li .no_img input[type=file], ul.vcard_photo_settings_list li .no_img input[type=file] {width: 80px; height: 80px;} ul.logo_settings_list li .no_img span, ul.linktree_logo_settings_list li .no_img span, ul.vcard_logo_settings_list li .no_img span, ul.vcard_photo_settings_list li .no_img span {display: block; width: 80px; height: 80px; font-size: 22px; text-align: center; border: 1px solid #d8d9db; -webkit-border-radius: 8px; border-radius: 8px; } ul.logo_settings_list li .add_logo_input input[type=file], ul.linktree_logo_settings_list li .add_logo_input input[type=file], ul.vcard_logo_settings_list li .add_logo_input input[type=file], ul.vcard_photo_settings_list li .add_photo_input input[type=file] {width: 80px; height: 80px;} ul.logo_settings_list li .add_logo_input span, ul.linktree_logo_settings_list li .add_logo_input span, ul.vcard_logo_settings_list li .add_logo_input span, ul.vcard_photo_settings_list li .add_photo_input span {font-size: 22px; border: 1px solid #d8d9db; -webkit-border-radius: 8px; border-radius: 8px; cursor: pointer; display: block; width: 77px; height: 78px; line-height: 78px; text-align: center; } ul.logo_settings_list li a.choose-logo, ul.linktree_logo_settings_list li a.choose-linktree-logo, ul.vcard_logo_settings_list li a.choose-vcard-logo, ul.vcard_photo_settings_list li a.choose-vcard-photo {display: block; width: 80px; height: 80px; line-height: 75px; text-align: center; border: 2px solid #d8d9db; border-radius:8px } ul.logo_settings_list li a.choose-logo img, ul.linktree_logo_settings_list li a.choose-linktree-logo img, ul.vcard_logo_settings_list li a.choose-vcard-logo img, ul.vcard_photo_settings_list li a.choose-vcard-photo img {height:50px; width:100%; object-fit: scale-down;} ul.logo_settings_list li a.active, ul.linktree_logo_settings_list li a.active, ul.vcard_logo_settings_list li a.active, ul.vcard_photo_settings_list li a.active {border-color: var(--primary-color);} .file_btn {position: relative; cursor: pointer;} .file_btn input { position: absolute; font-size: 50px; opacity: 0; right: 0; top: 0;height: 43px; width: 164px; cursor: pointer;} .check_select {position: relative;} .check_select svg {width: 14px; position: absolute; right: 14px; top: 62px; color: var(--primary-color);} .btn-check:active + .btn:focus, .btn-check:checked + .btn:focus, .btn.active:focus, .btn.show:focus, .btn:active:focus {box-shadow: none!important;} .btn-close:focus {box-shadow: none!important;} .daterangepicker .ranges li {font-family: 'Inter', sans-serif!important; font-size: 14px !important; font-weight: 500; padding: 8px !important;} .daterangepicker .drp-buttons .btn {font-size: 14px!important;font-weight: 500!important; padding: 10px!important; line-height: 14px!important; height: auto;} .daterangepicker td.in-range {background: #F0EAFB !important;} .daterangepicker td.active, .daterangepicker td.active:hover {background-color: var(--primary-color) !important;} .new_label_text {font-size:12px; font-weight: 500; color: #61666e;} .new_label_text svg {margin-right:5px; position: relative; top: -2px;} .space5 span {margin-left:5px;} #svg-result img.preview_scan_img {display: none;} .select2-container.select2-container--open.select2-container--above .select2-selection, .select2-container--default.select2-container--focus .select2-selection--multiple {padding: 2px 8px 10px;} .btn-close {background-size: 7px;} .modal-dialog {max-width: 377px;} .modal-dialog_inherit {max-width: 500px!important;} .custom_toast {padding:20px 45px 20px 54px; width: 402px;} .custom_toast .alert_icon {position: absolute; left:20px; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .custom_toast #close_toast_button svg {width: 12px;} /* @media (min-width:1400px) { .daterangepicker {left: 50%!important; -webkit-transform: translateX(-50%)!important; transform: translateX(-50%)!important; margin-left: 565px; right:inherit!important;} } */ .viewall-link {margin-right:5px;} .relative_outer {position: relative; width: 100%; max-width: 471px;} .modal-dialog .select2-container {display: block!important;} .modal-dialog .select2-container .select2-selection--single .select2-selection__rendered {padding-left: 0!important; padding-right: 0!important;} .modal-dialog .select2-container--default .select2-selection--single .select2-selection__arrow {top: 0!important; right: 14px!important;} .modal .select2-selection--multiple:before {top:15px;} .modal .select2-container .select2-selection--multiple .select2-selection__choice {white-space: normal;} .modal .select2-container .select2-selection--multiple .select2-selection__rendered {padding-right: 40px;} .modal .select2-container .select2-selection--multiple .select2-selection__clear {margin-right: -18px; margin-top: 10px;} .select2-search--inline {pointer-events: none;} .select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {appearance: none; -webkit-appearance: none;} .border_bottom .selection {display: block!important;} .custom_alert {position: relative; bottom: inherit; right: inherit; position: relative; z-index: 2; background-color: #d1eed1; padding:25px 25px 30px; overflow: hidden;} .custom_alert .progress {position: absolute; bottom: 0; right: 0; left: 0; border-radius: 0; background:#d1eed1; height: 5px;} .custom_alert .progress-bar {background-color: #1AA81A !important;} [id*=deleteModal] .border_bottom2, #fileDeleteModal .border_bottom2 {font-weight: 500; padding: 30px 20px;} .dropdown_wrapper {position: relative;} .dropdown_wrapper .dropdown {position: initial;} [x-cloak] { display: none !important; } /**** NEW CSS ****/ .online_link_box.ol_header {margin-top: 55px;} .online_link_box.ol_header .ol_heading a {opacity: 1;} .online_link_box {border:1px solid #D8D9DB; padding:20px; display:flex; flex-wrap:wrap; border-radius: 3px; margin-top: 20px;} .online_link_box .ol_icon {flex: 5%; max-width: 5%; align-self: center;} .online_link_box .ol_contents {flex: 75%; max-width:75%;} .ol_heading {font-weight: 600; font-size: 16px; color: #3A404A; margin: 0 0 15px;} .ol_heading a {padding-left: 7px;} .ol_contents .form-control {max-width: 100%;} .ol_contents .btn {padding: 10px; height: auto; margin: 15px 0 0;} .ol_radiobtn {flex: 20%; max-width: 20%; align-self: center;} .custom_switch {position: relative; display: flex; align-items: center; justify-content: end;} .custom_switch input {position: absolute; opacity: 0;} .custom_switch label {position: relative; width: 56px; height: 30px; border-radius: 50px; background: #D9D9D9; cursor: pointer;} .custom_switch label:before {width: 25px; height: 25px; border-radius: 50%; background: #fff; content: ""; transition: all linear 0.15s; left:2px; position: absolute; top: 50%; transform: translateY(-50%);} .switch_status {position: relative;} .custom_switch span {padding-left: 8px;} .custom_switch .ol_inactive {color:#D9D9D9;} .custom_switch .ol_active {position: absolute; opacity: 0; left: 0; color: #158615;} .custom_switch input:checked ~ label {background: #158615;} .custom_switch input:checked ~ label::before {left: 28px;} .custom_switch input:checked ~ .switch_status .ol_active {opacity: 1;} .custom_switch input:checked ~ .switch_status .ol_inactive {opacity: 0;} .linktree_wrap .border_heading {opacity: 1;} .linktree_wrap .border_heading span {color: var(--primary-color);} .linktree_wrap .border_heading:before {background-color: var(--primary-color); opacity: 0.3;} .social_links_wrapper .ol_radiobtn {margin: 55px 0 0;} ul.btn_list {list-style: none; margin: 0; padding: 0;} ul.btn_list li { margin-bottom: 10px; } ul.btn_list li a{display: block; position: relative; background: #f8f8f8; border: #d8d9db 1px solid; border-radius: 7px;text-align: left; padding: 12px 20px; color: #383b40;} ul.btn_list li a i.icon {position: absolute; right: 20px; top: 50%; transform: translateY(-50%) rotate(-40deg); font-size: 20px;} /* shahid css */ .mobile_width_wrapper {max-width: 20rem; width: 100%; margin: 0 auto; padding:3rem 10px 6rem 10px;} .mobile_width_wrapper .comon_logo {margin-bottom: 1rem;} .mobile_width_wrapper .comon_logo img {max-height: 4rem; height: 100%; width: 100%; max-width: 206px; margin:0 auto; opacity: 0.9;} .mobile_width_wrapper h2.comon_h2 {font-size:19px; font-weight: 700; line-height: 22.99px; color: #010102; opacity: 0.9; margin-bottom:10px;} .mobile_width_wrapper h4 {font-size:15px; font-weight: 700; line-height: 37px; color: #010102; margin-bottom:10px;} .mobile_width_wrapper p {font-size:15px; line-height: 18.15px; opacity: 0.9; font-weight: 300; color: #010102; max-width: 85%; margin:0 auto; margin-bottom:15px;} .comon_short_info {text-align: center; margin-top:40px;} .comon_short_info p {font-size:12px; font-weight: 500; line-height: 14.52px; opacity: 0.5; margin:0; max-width: 100%;} .comon_logo_white {display: none;} ul.comon_tabs_list li a .coMon_download_icon {right:20px;} .linktree_box_wrapper {position: relative; text-align: center;} .linktree_box_wrapper > h4:first-child {margin-top:0!important;} .linktree_box_wrapper h4 {font-size:15px; font-weight: 700; line-height: 37px; color: #010102; margin-bottom:8px; margin-top:30px;} .linktree_box_wrapper a {background-color:#F7F8F8; border:#D8D9DB solid 1px; -webkit-border-radius:10px; border-radius:10px; padding:16px 25px; font-size:17px; font-weight: 500; line-height: 20.57px; position: relative; color: #23262C; opacity: 0.9; display: block; text-align: left; margin-bottom:10px;} .linktree_box_wrapper a img {position: absolute; right:25px; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .linktree_box_wrapper a:hover {background-color:#fff;} .comon_dark_version {color: #fff; background-color: #010102;} .comon_dark_version img {filter: brightness(40)!important;} .comon_dark_version .comon_logo svg {fill:#fff!important;} .comon_dark_version .comon_logo svg path {fill: #fff;} .comon_dark_version p {color: #fff; opacity: 0.8;} .comon_dark_version h2.comon_h2, .comon_dark_version h4 {color: #fff;} .comon_dark_version .linktree_box_wrapper a {background-color:#23262C; border:#3A3F4A solid 1px; ; color: #fff; } .comon_dark_version .linktree_box_wrapper a:hover {background-color:#23262C; border:#3A3F4A solid 1px; ; color: #fff; } /* sohaib css */ .profile_logo {display: block; width: 100%; text-align: center; margin-bottom:20px;} .profile_logo img {display: inline-block; max-height: 4rem; height: 100%; width: 100%; max-width: 206px; -o-object-fit: contain; object-fit: contain;} .profile_page {position: relative;} .profile_page h1 {font-weight: 700; font-size: 1.16rem; line-height: 1.25rem; margin-bottom: 0.25rem;} .profile_page h2 {font-weight: 275; font-size: 0.9rem; line-height: 1.25rem; margin-bottom: 0;} .prof_img {text-align: center; position: relative; display: block; margin:0 auto 20px; height: 7rem; z-index: 2; max-width: 190px;} .prof_img img {object-fit: cover; width: 100%; height: 100%; border-radius: 1.8rem; appearance: none; -webkit-appearance: none;} .profile_page p{font-weight: 275; font-size: 0.9rem; line-height: 1.25rem; margin-bottom: 0;} .profile_page .accordion-item {background: none;} .profile_page .nav-tabs {border:none;justify-content: center;} /* .nav-tabs .nav-link.active{color:var(--dark-color)!important; font-size:16px;line-height:18px;font-weight: 500;padding: 10px 20px; border-radius: 10px; background: rgba(0, 0, 0, 0.4); border: none;} */ .nav-link,.profile_page .nav-link:hover{color:rgba(0, 0, 0, 0.5);font-size:16px;line-height:18px;font-weight: 500; outline: none;} .preview_mobile .profile_logo {margin-top: 0; margin-bottom:15px;} .preview_mobile .profile_logo img {max-width: 130px;} .preview_mobile .profile_page .accordion-item {margin-bottom: 0;} .borsboom_tabs {margin-top:27px;} .tab_info {background: #F6F6F6;border-radius:10px;padding:21px 22px; margin-top: 14px;} .tab_info p { font-size:17px; line-height: 20.57px; font-weight: 400; max-width: 100%; } ul.tab_info_list {list-style: none; padding:0; margin:0; } ul.tab_info_list li {display: block; border-bottom:rgba(0,0,0,0.1) solid 1px; padding-bottom:14px; margin-bottom:14px; text-align:left; position: relative; padding-left:0; font-weight: 275; } ul.tab_info_list li:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0;} ul.tab_info_list li a {color: var(--dark-color); display: block; position: relative; width: 100%; overflow: hidden; padding-left: 35px; font-weight: 275; word-break: break-all;} .address_li {padding-left: 35px!important;} ul.tab_info_list li .icon {position: absolute; left:0; top:0; width: 30px; object-fit: scale-down; text-align: center;} ul.tab_info_list li svg, ul.tab_info_list li img {/* position: absolute; left:0; top:2px; width: 24px; object-fit: scale-down; */} ul.tab_info_list li svg { stroke: var(--color1);width: 20px;} ul.tab_info_list li a:hover {color: var(--dark-color);} :root .lh_30{line-height: 30px;} #collapseThree .tab_info p{color:var(--dark-color);font-size:17px;line-height:20px;font-weight: 400;letter-spacing:-1%; max-width: 100%;} .socials_links {padding-top:25px;} .socials_links h3 {font-weight: 600; font-size: 0.9rem; line-height: 1.25rem;text-align: center; padding-top: 1.5rem;} .socials_link .social_count {cursor: pointer; display: flex; align-items: center; justify-content: center; overflow: hidden; background-color: var(--main-card-color); border-radius: 0.9rem; width: 2.375rem; height: 2.375rem; transform: rotate(20deg); transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); -webkit-appearance: none;} .socials_links .social_cont p{color:var(--light-dark);font-size:10px;line-height:12px;font-weight: 300;padding-top:4px} .socials_links .social_cont+.social_cont{margin-left:20px;} .socials_links .social_cont svg{transform: rotate(-20deg); fill: #ffffff; width: 0.94rem;} .vcard .social.social--big {margin: 1.4rem 0 0; display: flex; justify-content: center; list-style: none; padding:0;} .vcard .social.social--big .socialItem {text-align: center; margin-right:20px;} .vcard .social.social--big .socialItem:last-child {margin-right:0;} .vcard .social.social--big .socialItem svg{fill: var(--color1); width: 2.375rem; height: 2.375rem;} .vcard .social.social--big .socialItem div {font-weight: 275; font-size: 0.6em; line-height: 1.4rem;} .inner_preview .comon_logo {padding-top: 1.5rem !important; text-align: center; max-width: 130px;} .borsboom_btn {width: 100%; position: fixed; z-index: 99; left: 0; bottom: 0; padding: 1rem; display: flex; align-items: center; flex-direction: column; background: linear-gradient(to bottom, rgba(233, 235, 236, 0) 0%, rgb(233, 235, 236) 100%);} .borsboom_btn .btn {width: 100%; max-width: 20rem; display: flex; align-items: center; justify-content: center; background-color: color-mix(in srgb, var(--main-card-color) 90%, black 10%); border-radius: 0.8rem; padding: 0.8rem 1.4rem; font-size: 0.8rem; transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); background: var(--color1); border-color: var(--color1); color: var(--backgroud-text-color); height: auto; line-height: inherit;} .borsboom_btn .btn img {margin-right:20px;} .borsboom_btn .btn:hover, .borsboom_btn .btn:focus {background: var(--color1); border-color: var(--color1); color: var(--backgroud-text-color); } /* end */ .select2.select2-container{width: 100% !important;} .mb_tab {margin: 0 auto;} .profile_page .nav-tabs button {cursor: pointer; position: relative; z-index: 2; padding: 0.5rem 0.7rem!important; margin-bottom: 0.5rem; background: rgba(0, 0, 0, 0); border-radius: 0.625em; font-weight: 500!important; font-size: 0.7rem; line-height: 0.75rem;} .profile_page .nav-tabs button, .profile_page .nav-tabs button:hover{outline: none !important; border: 0 !important; font-weight: 500!important; font-size: 0.7rem!important; line-height: 0.75rem!important; padding: 0.5rem 0.7rem!important; } .profile_page .nav-tabs li button.active {background: rgba(0, 0, 0, 0.04); font-weight: 500!important;} .mb_tab_list {text-align: center; display: block; border: 0; padding: 0; } .nav-tabs.mb_tab_list li img, .nav-tabs.mb_tab_list li svg { max-width: 100%; margin: 0 auto; height: auto; opacity: 1; width: 20px;} .nav-item {outline: none;} .nav-tabs.mb_tab_list li.nav-item { display: inline-block; margin: 0 -2px;outline: none; box-shadow: none;} .nav-tabs.mb_tab_list li.nav-item:hover, .nav-tabs.mb_tab_list li.nav-item:focus, .nav-tabs.mb_tab_list li.nav-item:focus-within, .nav-tabs.mb_tab_list li.nav-item:focus-visible {outline: none;} .nav-tabs.mb_tab_list .nav-link {border: #EBECED 1px solid; border-radius: 5px; margin: 0!important; margin-bottom: 0;padding: 10px;font-size: inherit; height: 40px;} .nav-tabs.mb_tab_list li:first-child .nav-link{border-top-right-radius: 0; border-bottom-right-radius: 0;} .nav-tabs.mb_tab_list li:last-child .nav-link{border-top-left-radius: 0; border-bottom-left-radius: 0;} .nav-tabs.mb_tab_list li+li .nav-link{border-top-left-radius: 0; border-bottom-left-radius: 0;} .nav-tabs.mb_tab_list .nav-link.active {border-color: #672FD6; margin: 0; position: relative; z-index: 1;} .preview_mobile {position: relative; border: #000 4px solid; border-radius: 40px; overflow: hidden; background-color: #fff;} .preview_mobile .profile_page { background: transparent; } .preview_mobile .mobile_width_wrapper p {max-width: 100%;} .preview_mobile .linktree_box_wrapper a {border-radius: 7px; padding: 12px 20px; font-size: 15px;} .preview_mobile .linktree_box_wrapper h4 {font-size: 15px !important; margin-top: 25px;} .preview_mobile .mobile_width_wrapper h2.comon_h2 {font-size: 16px; margin-bottom: 3px;} .linktree_box_wrapper a img {right: 25px;} .preview_mobile .mobile_width_wrapper .comon_logo img {margin-bottom: 13px;} .preview_mobile .mobile_width_wrapper { padding: 0; height: auto;} .preview_mobile .mobile_width_wrapper2 { padding: 10px 0 50px;} .inner_preview { height: 535px; overflow-y: auto; padding:0; padding-top: 20px;} .preview_mobile img, .preview_mobile svg{opacity: 1;} .preview_mobile .linktree_box_wrapper a img {width: 8px;} .preview_mobile .linktree_box_wrapper a{background: #f7F7F7;} .emty_text {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .preview_mobile .mobile_width_wrapper, .preview_mobile .mobile_width_wrapper2 { padding:0; } .inner_preview .borsboom_btn {position: fixed; left: 0; right: 0; bottom: 0;} .preview_mobile .prof_img {margin-bottom:15px;} .preview_mobile .prof_img img {aspect-ratio: 1 / 1; width: auto; height: 100%; max-width: 140px;} .preview_mobile .profile_page h2 {font-size: 20px; margin: 0; line-height: 20px; margin-bottom:7px;} .preview_mobile .borsboom_tabs { margin-top: 12px;} .preview_mobile .borsboom_tabs .nav-tabs .nav-link, .preview_mobile .borsboom_tabs .nav-tabs .nav-link.active{font-size: 12px;} .preview_mobile ul.tab_info_list li {font-size: 12px;} .preview_mobile ul.tab_info_list li .icon{width: 25px;} .preview_mobile ul.tab_info_list li svg { width: 16px;} .preview_mobile .tab_info {padding: 21px 12px;} .preview_mobile #collapseThree .tab_info p{font-size: 12px;} .preview_mobile .borsboom_btn {width: 240px; margin: 0 auto; position: sticky;} .preview_mobile .borsboom_btn .btn {font-size: 14px; padding: 12px 15px; border-radius: 7px; margin: 0 auto; display: block;} .preview_mobile .borsboom_btn .btn img {width: 16px; margin-right: 10px;} .preview_mobile h3 {padding-top: 0;} .preview_mobile .social.social--big {margin: 1.4rem 0 0; display: flex; justify-content: center; list-style: none; padding:0;; font-size:15px;} .preview_mobile .social.social--big .socialItem {text-align: center; margin-right:10px;} .preview_mobile .social.social--big .socialItem:last-child {margin-right:0;} .preview_mobile .social.social--big .socialItem svg{fill: var(--color1); width: 2.375rem; height: 2.375rem;} .preview_mobile .social.social--big .socialItem div {font-weight: 275; font-size: 0.6em; line-height: 1.4rem;} .preview_mobile .socials_links {margin-bottom: 80px;} .preview_mobile .socials_links .social_cont svg {width: 30px;} .priview_text {font-size: 10px; font-weight: 600;} .qrcode_preview { margin-bottom: 10px;} .preview_btns_link ul {list-style: none; margin: 0;padding: 0; margin-top: 25px;} .preview_btns_link ul li {display: inline-block; vertical-align: middle; font-size: 14px;} .preview_btns_link ul li+li{margin-left: 15px;} .preview_btns_link ul li a {color: #9da0a5;} .qr_action_form .accordion-item .row {margin: 0 -6.5px;} .qr_action_form .accordion-item .row [class*=col-] {padding:0 6.5px;} .qr_action_form .accordion-item .codetype_select {margin: 0 0 13px;} ul.choose_color_list {list-style: none; margin: 0; padding: 0; overflow: hidden;} ul.choose_color_list li {float: left; margin-right: 8px; margin-bottom: 4px; vertical-align: top;} ul.choose_color_list input[type=file] {width: 60px; height: 60px;} ul.choose_color_list li .add_logo_input {-webkit-border-radius: 3.95px; border-radius: 3.95px; border: #ddd 1px solid; } ul.choose_color_list li .add_logo_input span {font-size: 22px; cursor: pointer; display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; border: 0; } .li-plus{ display: inline-block; vertical-align: text-top;} ul.choose_color_list .pick_color {padding: 0; position: relative; text-align: center;} .pick_color input[type=radio] {width: 60px; height: 60px; position: absolute; left:0; right:0;top:0; bottom:0; opacity: 0;} .pick_color label {display: block; width: 60px; height: 60px; font-size: 22px; text-align: center; border: 1px solid transparent; border-radius:3.95px } .pick_color label a{display: block; width: 60px; height: 60px;border-radius:3.95px } .pick_color input[type="radio"]:checked+label { border: 1px solid var(--primary-color); } ul.choose_color_list li .radio_box{border-radius: 5px; width: 60px; height: 60px;} ul.choose_color_list li [type=radio] { position: absolute; opacity: 0; width: 0; height: 0;} /* IMAGE STYLES */ ul.choose_color_list li [type=radio] + img { cursor: pointer; border: 2px solid transparent;} ul.choose_color_list li [type=radio] + .radio_box{ cursor: pointer;border: 2px solid transparent;} /* CHECKED STYLES */ ul.choose_color_list li [type=radio]:checked + img { border: 2px solid var(--primary-color); border-radius: 5px;} ul.choose_color_list li [type=radio]:checked + .radio_box { border: 2px solid var(--primary-color) !important; border-radius: 5px; } .preview_mobile .comon_dark_version p {color: #fff;} .preview_mobile .comon_dark_version .linktree_box_wrapper a { background-color: #23262C;} .select2-container.select2-container--open.select2-container--above .select2-selection {padding: 8px 15px;} .select2-container.select2-container--open.select2-container--above .select2-selection--multiple {padding: 2px 8px 10px;} .select2-container--open .select2-selection--multiple .select2-selection__choice {margin:10px 0 0 6px;} .select2-container--open .select2-selection--multiple .select2-selection__clear {margin-top: 10px; margin-right: -22px;} .select2-container--open .select2-selection--multiple::before {top: 12px;} .preview_mobile {max-width: 250px; margin:0 auto; height: 542px;} .select2-container--default .select2-results__option:hover {background-color: transparent!important;} /* .select2-container.select2-container--focus .select2-selection, */ /* .select2-container.select2-container--open .select2-selection {border-color: var(--primary-color);} */ .select2-container.select2-container--focus .select2-selection--multiple {border-color: var(--primary-color);} .select2-container .select2-dropdown--above {margin-top: -5px;} .select2-container .select2-dropdown--below {margin-top: 5px;} .select2-results__option li {color: #9d9fa5 !important; padding: 10px 8px !important; cursor: pointer !important; font-size: 14px; line-height: 16px; border-radius: 5px; position: relative; } .select2-container .select2-results__option {padding-left: 9px!important;} .select2-results__option:before {display: none;} .select2-results__option[aria-selected="true"] {background-color: #EBECED !important; border-radius: 5px; -webkit-transition: all linear 0.2s 0s; transition: all linear 0.2s 0s;} .select2-results__option[aria-selected="true"]::before {content: "";color: #fff; border: 0; display: inline-block; padding-left: 3px; background: url(images/icons/check_blk.svg) transparent 5px center no-repeat!important; background-size: auto!important; background-size: 11px!important;position: absolute; left: auto; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .intl-tel-input.separate-dial-code .selected-flag {background-color:transparent; border-right:#D3D8DE solid 1px;;} .intl-tel-input.separate-dial-code label.error { position: absolute;} .dropdown-menu-inner {height:170px; width:100%; overflow-y:auto; } .select_wrapper .form_arrow {position: absolute; right:14px; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: 0;} .select_wrapper {position: relative;} .select_wrapper .dropdown-select {position: relative; display: block; border: 1px solid #D3D8DE; padding:11px 15px; -webkit-border-radius:3px; border-radius:3px; overflow: hidden;} .select_wrapper .dropdown-select.focus {border:#672FD6 solid 1px;} .custom-dropdown-menu-select {padding:15px; width: 100%; padding-bottom: 0; -webkit-box-shadow: none!important; box-shadow: none!important; border: #D8D9DB 1px solid; top:105%; background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; z-index: 9999;} .dropdown_search {position: absolute; top: -45px; right: 9px; left: 4px; width: 91%; border: 0; padding: 9px;} .dropdown_search:focus {border: 0!important; outline: 0!important;} .add_new_category_button {color: rgba(0,0,0,0.5); border-top:rgba(0,0,0,0.2) solid 1px; padding:15px 0; margin-top:15px; width: 100%; position: relative; display: block;} .add_new_category_button:hover {color: rgba(0,0,0,0.5);} .add_input {color: rgba(0,0,0,0.5); border: 0; border-top:rgba(0,0,0,0.2) solid 1px; padding:15px 15px 15px 0; margin-top:15px; width: 100%; position: relative; display: block;} .add_input:hover {color: rgba(0,0,0,0.5);} .add_input:focus {border: 0; outline: 0; border-top:rgba(0,0,0,0.2) solid 1px;} .dropdown-menu-item {color: #3A404A !important; padding: 10px 8px !important; cursor: pointer !important; font-size: 14px; line-height: 16px; border-radius: 5px; position: relative;} .dropdown-menu-item:hover {background-color: #F5F6F6!important;} /* .dropdown-menu-item.is-select:first-child, .dropdown-menu-item.is-select:first-child:before {display: none!important;} */ .dropdown-menu-item.is-select {background-color: #f5f5f5 !important; color: #262626 !important; position: relative;} .dropdown-menu-item.is-select:before {content: ""; color: #fff; border: 0; display: inline-block; padding-left: 3px; background: url(images/icons/check_blk.svg) center no-repeat !important; background-size: 11px !important; position: absolute; left: auto; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 99; width: 50px; height: 50px;} @media (min-width:536px) { .intl-tel-input .country-list {width: 476px;} } .select_wrapper .btn-sm {font-size: 11px; line-height: 0; padding:7px 18px 8px 6px !important; margin:1px; position: relative; height: auto; color: #672FD6; border-color:#672FD6; font-weight: 300; float: left;} .select_wrapper .btn-sm:before {content:"x"; position: absolute; right:8px; color: #672FD6;} .select_wrapper .btn-sm:hover, .select_wrapper .btn-sm:active, .select_wrapper .btn-sm:focus {color: #fff; background-color:#672FD6; border-color:#672FD6;} .select_wrapper .btn-sm:hover:before {color: #fff;} /* .menu-labels .dropdown_search {display: none!important;} */ /* .multiple_select .dropdown-menu-item.is-select:first-child, .multiple_select .dropdown-menu-item.is-select:first-child:before {display: block!important;} */ .dropdown-select button {margin-right: 3px;} .dropdown-select span {color: #9D9FA5;} @media (max-width:575px) { .dropdown_search {position: absolute; top: -33px; right: 10px;left: 4px; width: 85%; border: 0; padding: 0px 9px; } }