::selection { background-color: var(--bs-primary); color: var(--bs-dark); }

*:not(.fa) { outline: none; font-weight: 400 !important; letter-spacing: 0.02rem; }

body { position: relative; }
body:after { content: ""; height: 30%; width: 100%; position: absolute; inset: 0; z-index: -1; top: auto; background: linear-gradient(180deg,#FFFFFF 0%, #F8F8F8 100%); }

body > form { }

html:not(.login, .shared-blanklayout) { }

html:not(.login, .shared-blanklayout) body { }

img { max-width: 100%; }

.gray-600 { color: var(--bs-gray-600); font-weight: normal !important; }

.fw-semibold { font-weight: normal !important; }

.min-w-auto { min-width: auto !important; }

.cursor-move,
.fa-arrows-alt { cursor: move; }

[onclick] { cursor: pointer; }

a[data-bs-toggle*="modal"] { cursor: pointer; }
a:not(.btn):hover .fa-trash { color: var(--bs-danger); }


.row.d-block:after { content: ""; clear: both; display: block; }
.row.d-block [class*="col-"] { float: left; }

.dot { color: var(--bs-primary); font-style: normal; }

.scroll-div { overflow-x: hidden; overflow-y: auto; padding: 0.313rem; padding-right: 0.938rem; }

/*----------------------------------------------------------------------------
     Colors
-----------------------------------------------------------------------------*/
.bg-purple { --bs-bg-opacity: 1; --bs-purple-rgb: 111,66,193; background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important; }
.text-purple { --bs-text-opacity: 1; --bs-purple-rgb: 111,66,193; color: rgba(var(--bs-purple-rgb), var(--bs-text-opacity)) !important; }

/*----------------------------------------------------------------------------
     Body
-----------------------------------------------------------------------------*/

.main-layout { display: flex; min-height: calc(100vh - 5.375rem); }
main { margin-top: 1.063rem; width: calc(100% - var(--aside-width)); padding: 1.125rem; padding-top: 0; position: relative; transition: 0.5s ease; }
.copy-rights-inner { text-align: right; padding-right: 1.875rem; position: absolute; right: 1.063rem; bottom: 2.25rem; width: 100%; font-size: 0.75rem; color: #9a9a9a; z-index: 2; font-weight: 100; }

.bg-object-img { position: absolute; right: 0; bottom: 0; z-index: 1; max-height: 100%; width: 30.5rem; pointer-events: none; overflow: hidden; }
.bg-object-img img { width: 100%; max-height: 100%; }

.bg-object-img.full { width: 38.75rem; }

.ClientAdmin .bg-object-img { max-height: auto; }
.ClientAdmin .bg-object-img img { max-height: auto; }

.background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: none; min-height: 100vh; }

/*----------------------------------------------------------------------------
     BUTTONS
-----------------------------------------------------------------------------*/

.button-wrap { display: flex; align-items: center; }
.btn { display: inline-flex; align-items: center; border-radius: 3.125rem; height: 2.25rem; font-size: 0.85rem; line-height: 1; min-width: 4.688rem; --bs-btn-font-weight: normal; }
.btn:not(.btn-sm) i { margin-right: 0.4rem; }
.btn.btn-sm { height: 1.813rem; font-size: 0.7rem; padding: 0.313rem 0.938rem; }
.btn.btn-sm i { margin-right: 0.313rem; }

.btn-group .btn-outline-primary.active { background-color: var(--bs-primary); color: #fff; }

.btn:not(#aShowHide):active { transform: translateY(0.125rem); transition: .35s; }


.back-circle { display: inline-flex; flex-direction: column; align-items: center; }
.back-circle i { background-color: var(--bs-primary); width: 1.875rem; height: 1.875rem; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; margin-bottom: 0.188rem; }
.back-circle span { font-size: 0.375rem; text-transform: uppercase; }

.big-heading { display: flex; margin-bottom: 0.5rem; }
.big-heading .back-circle { margin-right: 0.75rem; padding-top: 0.25rem; }
.big-heading .big-heading-title { font-size: 2.375rem; line-height: 1.1; }


/*----------------------------------------------------------------------------
     BUTTON LINK
-----------------------------------------------------------------------------*/
.btn-link { font-weight: var(--bs-btn-font-weight); }
[type=button].btn-link,
[type=reset].btn-link,
[type=submit].btn-link,
button.btn-link { border: none; background: none; padding: 0; }


/*----------------------------------------------------------------------------
     FORM CONTROL
-----------------------------------------------------------------------------*/

.form-group { position: relative; margin-bottom: 1rem; }
.form-label { color: #626262; font-size: 0.813rem; margin-bottom: 0.313rem; }
.form-label.btn-link { color: var(--bs-body-color); }
.form-label:empty { display: none; }
.form-label.d-block ~ .btn { margin-top: 0.125rem; }
.form-label.d-block + .form-control[type=file] { margin-top: 0.688rem; }
.form-label.d-block + .button-wrap { margin-top: 0.688rem; }

.form-value.form-control { height: auto; border: none; padding: 0; line-height: 1.2; }

.form-control { border: 0.063rem solid #ebecf0; border-radius: 3.125rem; height: 2.25rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.85rem; display: flex; align-items: center; /*line-height: 1;*/ }
.form-control::placeholder { }

.input-group-text { border-radius: 3.125rem; }

.field-with-icon { position: relative; }
.field-with-icon .form-control { padding-right: 2rem; }
.field-with-icon i { position: absolute; color: #626262; top: 0; bottom: 0; margin: auto; display: inline-flex; align-items: center; right: 1rem; pointer-events: none; }

.field-with-icon-2 .form-control { border-radius: 0; padding: 0; border: none; }

.search-field { display: flex; align-items: center; }
.search-field i { margin-right: 0.5rem; }
.search-field .form-control { border-radius: 0; border: none; padding: 0; }
.search-field .form-control::placeholder { color: var(--bs-body-color); opacity: 0.25; }

.form-select,
.form-select:focus { cursor: pointer; background-color: var(--bs-light); border-color: var(--bs-light); padding-right: 1.875rem; text-overflow: ellipsis; }
textarea.form-control { line-height: 1.5; border-radius: 0.625rem; min-height: 9.375rem; }

.dropdown-menu { border-color: #ebecf0; }

#lblMsg:empty { display: none; }



/*----------------------------------------------------------------------------
     ERROR AND VALIDATION
-----------------------------------------------------------------------------*/

[class*="field-validation-"],
span.required,
span.errormsg { position: absolute; top: 0.375rem; font-size: 0.688rem; right: 0; line-height: 1.3; display: inline-block; text-align: right; }

.field-validation-error,
span.required,
span.errormsg { color: var(--bs-danger); }

span.errormsg.long-text { position: initial; text-align: left; margin-top: 0.313rem; }

.field-validation-valid { color: var(--bs-danger); display: none; }

.form-control.error { border-color: var(--bs-danger) !important; }

.validation-summary-errors { font-size: 0.813rem; color: var(--bs-danger); text-align: center; margin-top: 1.438rem; }
.validation-summary-errors ul { list-style: none; padding: 0; margin: 0; }

#lblMessage:empty { display: none; }

/*----------------------------------------------------------------------------
     CONTROLS
-----------------------------------------------------------------------------*/

.characters-label { color: #626262; font-size: 0.688rem; }

input[type="search" i]::-webkit-search-cancel-button { display: none; }

.optional-control { width: 4.688rem !important; min-width: 4.688rem !important; max-width: 4.688rem !important; justify-content: center; }
.optional-control:empty { display: none; }
.value-control { width: 11.25rem !important; min-width: 11.25rem !important; max-width: 11.25rem !important; }


/*----------------------------------------------------------------------------
     CSS ARROW
-----------------------------------------------------------------------------*/
.tooltip-inner { padding: 0.5rem; }
.tooltip-inner ul { margin: 0; padding-left: 1rem; text-align: left; line-height: 1.2; font-size: 0.75rem; }
.tooltip-inner ul li:not(:last-child) { margin-bottom: 0.5rem; }


.card-body.tooltip-arrow { position: relative; border-color: var(--bs-primary) !important; }
.card-body.tooltip-arrow:after,
.card-body.tooltip-arrow:before { content: ""; position: absolute; top: -0.813rem; left: 1.563rem; display: inline-flex; }
.card-body.tooltip-arrow:before { border-left: 0.813rem solid transparent; border-right: 0.813rem solid transparent; border-bottom: 0.813rem solid var(--bs-primary); }
.card-body.tooltip-arrow::after { border-left: 0.813rem solid transparent; border-right: 0.813rem solid transparent; border-bottom: 0.813rem solid #ffffff; margin-top: 0.125rem; margin-left: 0; }


/*----------------------------------------------------------------------------
     HEADER
-----------------------------------------------------------------------------*/

.navbar { width: 100%; border-bottom: 0.063rem solid transparent; height: var(--navbar-height); padding: 0; box-shadow: 0 0 1.5rem -0.75rem #00000080; }

.navbar .container-fluid { padding: 0; }
.navbar .navbar-flex { display: flex; align-items: center; justify-content: space-between; width: 100%; }

.navbar .navbar-brand { position: relative; display: inline-flex; width: calc(var(--aside-width) - 3.126rem); min-width: calc(var(--aside-width) - 3.126rem); padding: 0; margin: 0 1.563rem; transition: var(--aside-transition); overflow: hidden; }
.navbar .navbar-brand a { display: inline-flex; align-items: center; transition: inherit; -moz-transition: inherit; -webkit-transition: inherit; position: relative; top: -0.125rem; left: 0.063rem; flex-direction: column; }

html:not(.ClientAdmin) .navbar .navbar-brand img { height: 2.25rem; }

html.ClientAdmin .navbar .navbar-brand img { height: 2rem; }


.navbar .navbar-brand .logo-large { }
.navbar .navbar-brand .logo-compact { }

.navbar .navbar-brand .tagline { font-size: 0.58rem; margin-top: 0.8rem; }
.navbar .navbar-brand .tagline span { color: var(--bs-primary); }

html:not(.ClientAdmin) .navbar .navbar-brand .tagline { display: none; }

.navbar .navbar-left { display: flex; align-items: center; }


.navbar .navbar-search { display: flex; align-items: center; margin-left: 1.563rem; }
.navbar .navbar-search i { font-size: 1.063rem; margin-top: 0.125rem; }
.navbar .navbar-search .form-control { border: none; font-size: 0.75rem; font-weight: 500; padding-left: 0.313rem; height: auto; }
.navbar .navbar-search .form-control::placeholder { color: #8f8f8f; }

.navbar .navbar-info { display: inline-flex; align-items: center; line-height: 1; margin-right: 1.375rem; }
.navbar .navbar-user-image { width: 2.5rem; height: 2.5rem; margin-right: 0.813rem; }
.navbar .navbar-user-info { display: flex; flex-direction: column; padding-top: 0.125rem; }
.navbar .navbar-info span { display: inline-block; line-height: 1; }
.navbar .navbar-info .span-name { font-size: 0.725rem; margin-bottom: 0.188rem; color: #959595; }
.navbar .navbar-info .span-role { color: #000; font-size: 0.85rem; }
.navbar .navbar-info .span-name-initial { display: none; }
.navbar .navbar-info a { text-decoration: none; margin-left: 1.25rem; display: inline-block; height: inherit; display: flex; align-items: center; font-size: 0.85rem; color: #959595; }

.navbar .navbar-right { display: flex; align-items: center; }
.navbar-info #logoutForm { height: 2.5rem; display: flex; align-items: center; border-left: 0.125rem solid #ebebeb; margin-left: 1.625rem; }

.navbar-menu { display: inline-flex; margin-right: 1.563rem; border: none; background: transparent; padding: 0; outline: none; }
.navbar-menu .fa { font-size: 1.563rem; }


/*----------------------------------------------------------------------------
     SIDE NAVIGATION
-----------------------------------------------------------------------------*/

aside { width: var(--aside-width); min-width: var(--aside-width); border-right: 0.063rem solid #d6d6d6; transition: var(--aside-transition); }
aside a { color: #808080; }

.aside-brand { display: none; }

aside .home-menus { position: relative; padding: 1.438rem 1.563rem; padding-top: 0.875rem; }
aside .home-menus:before { content: ""; width: 0.626rem; height: 100%; position: absolute; inset: 0; left: -0.563rem; right: initial; }

aside .menu { position: relative; color: #808080; font-size: 0.67rem; font-weight: 500; margin-left: 0.063rem; display: flex; align-items: center; transition: 0.5s ease; }
aside .menu i { font-size: 1.2rem; cursor: pointer; position: absolute; top: -0.188rem; right: 0; bottom: 0; margin: auto 0.313rem; display: inline-flex; }

aside .sidebar-brand { display: inline-flex; width: 9.375rem; margin-bottom: 2rem; margin-left: 0.313rem; }
aside .sidebar-menu { margin-top: 0.875rem; }
aside .sidebar-menu .angleCaret { position: absolute; right: 0.563rem; font-size: 0.688rem; transition: .2s all ease-in-out; }
aside .sidebar-menu a { padding: 0.625rem 0.813rem; display: flex; align-items: center; width: 100%; border-radius: 3.125rem; text-decoration: none; line-height: 1.2; position: relative; cursor: pointer; transition: 0.5s ease; }
aside .sidebar-menu ul { width: 100%; }
aside .sidebar-menu ul li { width: 100%; }
aside .sidebar-menu > .nav > li:last-child:before { content: ""; background: #e3e3e3; width: 100%; height: 0.188rem; display: block; margin: 0.813rem 0; }

aside .sidebar-menu .menu-open { color: var(--bs-body-color); }
aside .sidebar-menu .menu-open .angleCaret { transform: rotate(-90deg); }

aside .sidebar-menu .active { background: var(--bs-primary); }
aside .sidebar-menu .active,
aside .sidebar-menu a:hover { color: var(--bs-body-color); }

aside .sidebar-menu .sidebar-icon { margin-right: 0.938rem; font-size: 0.75rem; transition: 0.5s ease; }
aside .sidebar-menu .sidebar-title { font-size: 0.85rem; font-weight: 500; white-space: nowrap; transition: opacity 0.6s ease; }

aside .sidebar-menu .li-dashboard { margin-bottom: 0.563rem; }
aside .sidebar-menu .li-dashboard a { height: 2.149rem; }
aside .sidebar-menu .li-dashboard .sidebar-icon { margin-right: 0.75rem; }

aside .sidebar-menu .sub-nav { display: none; background-color: rgba(0, 0, 0, 0.02); border-radius: 0.438rem; margin: 0.5rem 0; padding: 0.5rem; width: 100%; transition: padding-left 0.5s ease, padding-right 0.5s ease; }
aside .sidebar-menu .sub-nav a { }
aside .sidebar-menu .menu-open + .sub-nav { display: block; }
aside .sidebar-menu .sub-nav .sidebar-icon { margin-right: 0.5rem; font-size: 0.7rem; }
aside .sidebar-menu .sub-nav .sidebar-title { font-size: 0.825rem; }
aside .sidebar-menu .sub-nav .active { }

aside .sidebar-logout { position: absolute; color: #808080; left: 2.438rem; bottom: 2.5rem; font-size: 0.75rem; cursor: pointer; }
aside .sidebar-logout:hover { color: #000; }
aside .sidebar-logout i { margin-right: 0.875rem; }

/*----------------------------------------------------------------------------
     ASIDE COLLAPSED
-----------------------------------------------------------------------------*/

html.sidebar-hidden:not(.bodylocked) .navbar:before { left: calc(var(--aside-width-collapsed) - 0.063rem); }
html.sidebar-hidden:not(.bodylocked) .navbar:after { width: calc(100% - var(--aside-width-collapsed)); }

html.sidebar-hidden:not(.bodylocked) .navbar .navbar-brand { }
html.sidebar-hidden:not(.bodylocked) .navbar .navbar-brand a { }
html:not(.sidebar-hidden, .bodylocked) .navbar .navbar-brand .logo-large { }
html.sidebar-hidden:not(.bodylocked) .navbar .navbar-brand .logo-compact { }

html.sidebar-hidden:not(.bodylocked) aside { width: var(--aside-width-collapsed); min-width: var(--aside-width-collapsed); }
html.sidebar-hidden:not(.bodylocked) aside .menu { justify-content: center; }
html.sidebar-hidden:not(.bodylocked) aside .menu i { right: 0.313rem; }

html.sidebar-hidden:not(.bodylocked) aside .menu span { opacity: 0; pointer-events: none; }

html.sidebar-hidden:not(.bodylocked) aside .sidebar-menu .li-dashboard .sidebar-icon { /*margin: 0;*/ }
html.sidebar-hidden:not(.bodylocked) aside .sidebar-menu .sidebar-icon { /*margin: 0;*/ }
html.sidebar-hidden:not(.bodylocked) aside .sidebar-menu .sidebar-title { opacity: 0; pointer-events: none; }
html.sidebar-hidden:not(.bodylocked) aside .sidebar-menu .angleCaret { right: -0.5rem; }
html.sidebar-hidden:not(.bodylocked) aside .sidebar-menu .sub-nav { background-color: transparent; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }


html.sidebar-hidden:not(.bodylocked) aside .sidebar-menu a { }
html.sidebar-hidden:not(.bodylocked) aside .sidebar-menu .sub-nav .sidebar-icon { }

html.sidebar-hidden:not(.bodylocked) aside .sidebar-logout span { opacity: 0; pointer-events: none; }

html.sidebar-hidden:not(.bodylocked) main { width: calc(100% - var(--aside-width-collapsed)); }


html.bodylocked .navbar .navbar-brand .logo-large { }
html.bodylocked aside .menu i { color: var(--bs-primary); }

/*----------------------------------------------------------------------------
     I'd like to...
-----------------------------------------------------------------------------*/

.likeToWrap { position: relative; height: 3.438rem; margin-bottom: 0.063rem; width: 18.75rem; }
.dropdown-el { position: absolute; left: 0; top: 0; z-index: 99; min-width: 17.375rem; display: inline-block; min-height: 3.625rem; max-height: 3.625rem; overflow: hidden; cursor: pointer; border-radius: 3.125rem; background-color: #ffffff; transition: 0.3s all ease-in-out; border: 0.063rem solid var(--bs-light); color: var(--bs-body-color); box-shadow: 0 0 1.063rem -0.75rem #00000080; }

.dropdown-el label,
.dropdown-el a { text-align: left; cursor: pointer; position: relative; margin-bottom: 0; padding: 0 1.875rem; background: transparent; width: 100%; display: flex; align-items: center; border-radius: 3.125rem; }

.dropdown-el label { color: #9f9f9f; font-size: 1.25rem; height: 3.5rem; }
.dropdown-el a { height: 2.813rem; font-size: 1rem; }

.dropdown-el::after { content: "\f078"; position: absolute; right: 1.5rem; top: 0.938rem; transition: .3s all ease-in-out; font-size: 1.063rem; font-family: var(--fa-style-family); font-weight: var(--fa-style-solid); }

.dropdown-el.expanded { border-radius: 0.625rem; max-height: 50rem !important; font-size: 1.125rem; padding: 0.625rem; padding-top: 0.625rem; }
.dropdown-el.expanded label { cursor: initial !important; }

.dropdown-el.expanded a:hover { transition: 0.01s; background: var(--bs-primary); color: var(--bs-body-color); }
.dropdown-el.expanded::after { transform: rotate(-180deg); top: 1.125rem; right: 1.625rem; }

@media screen and (max-height:800px) {
    .dropdown-el.compact { min-height: 3.125rem; max-height: 3.125rem; }
    .dropdown-el.compact::after { top: 0.75rem; font-size: 1rem; }
    .dropdown-el.compact label { font-size: 1rem; height: 3.125rem; }
    .dropdown-el.compact a { height: auto; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.875rem; line-height: normal; }
}


.topOnBody { margin-top: 1.563rem; }
.topOnBody .dropdown-el { }

.welcome-head { padding-left: 0.688rem; display: flex; margin-bottom: 2.188rem; align-items: center; }
.welcome-heading p { margin-bottom: 0; font-size: 1.625rem; color: #9a9a9a; padding-left: 0.125rem; line-height: 1.3; }
.welcome-heading { margin-right: 3.25rem; }
.welcome-heading span { font-size: 4rem; line-height: 1.025; }


/*----------------------------------------------------------------------------
     CARD
-----------------------------------------------------------------------------*/

.theme.card { border: none; background: transparent; }
.theme.card + .theme.card,
.theme.card + .table-responsive { margin-top: 0.938rem; }
.theme.card .card-header { background: transparent; padding: 0; display: flex; align-items: flex-end; justify-content: space-between; border: none; }
.theme.card .card-header .card-title { font-size: 0.85rem; margin-bottom: 0.063rem; }
.theme.card .card-header .card-title strong { font-size: 0.688rem; line-height: 1.35; }

.theme.card .card-header label { font-size: 0.85rem; font-weight: 500; }
.theme.card .card-header .breadcrumb { font-size: 0.85rem; margin-bottom: 0; }
.theme.card .card-header .button-wrap { display: flex; align-items: end; justify-content: end; }
.theme.card .card-header .button-wrap .btn { }
.theme.card .card-header .button-wrap .btn:last-child { margin-right: 0 !important; }
.theme.card .card-header + .card-body { margin-top: 0.5rem; }
.theme.card .card-body { background-color: #fff; border: 0.063rem solid #ebecf0; border-radius: 0.625rem; padding-top: 0.5rem; }
.theme.card .card-body + .card-body { margin-top: 1rem; }

.table-hover > tbody > tr:hover > th { --bs-table-bg-state: var(--theme-table-th); }
.table-hover > tbody > tr:hover > .no-records-td { --bs-table-bg-state: var(--bs-table-bg); }



/*----------------------------------------------------------------------------
     TABLE
-----------------------------------------------------------------------------*/

.sticky-tr { position: relative; z-index: 10; will-change: transform; transition: transform 0s; }

.table-heading { margin-bottom: 1.125rem; font-size: 0.85rem; }
.table-heading i { margin-right: 0.625rem; }

.theme.table { border-top-color: var(--theme-table-th); font-size: 0.813rem; line-height: 1.2; position: relative; }
.theme.table:after { content: ""; width: 100%; inset: 0; top: auto; position: absolute; height: 0.063rem; background: #ffffff; }

.theme.table th { background-color: var(--theme-table-th); white-space: nowrap; font-weight: normal; font-size: 0.71rem; padding-top: 1rem; padding-bottom: 1rem; }
.theme.table td .text-uppercase.mt-1 { font-size: 0.6rem; }
.theme.table td .text-capitalize.mt-1 { font-size: 0.6rem; }

.theme.table tr th:first-child { border-left: none; }
.theme.table tr td:first-child { border-left: none; }

.theme.table tr th:last-child { border-right: none; }
.theme.table tr td:last-child { border-right: none; }



.theme.table .form-control { height: 1.875rem; padding: .375rem; border-radius: 0.25rem; }
.theme.table .form-select { background-position: right .35rem center; }
.theme.table .btn:not(.btn-sm) { height: auto; padding: 0.313rem 0.938rem; min-width: initial; font-size: 0.813rem; }

.td-control { display: inline-flex; align-items: center; }
.td-control .form-control { min-width: 6.25rem; }
.td-control a { cursor: pointer; display: inline-flex; margin-left: 0.625rem; font-size: 0.938rem; }

.theme.table .theme.card .card-header .card-title { font-size: 0.838rem; }

.no-records { text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: inherit; font-size: 0.75rem; font-weight: 500; margin: 1rem 0; }
.no-records img { width: 3.438rem; }
.no-records span { color: #a3a3a3; }


.scrollable-cell { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; max-height: 9.375rem; padding-right: 0.625rem; line-height: 1.5; min-width: 13rem; }

.theme.table .badge { font-size: 0.65rem; margin-right: 0.25rem; margin-bottom: 0.25rem; font-weight: normal; line-height: 1; }
.theme.table .badge:last-child { margin-bottom: 0; }

.theme.table.table-hover > tbody > tr:hover *::selection { background: var(--bs-table-hover-color) !important; color: #fff !important; }

.theme.table.table-hover > tbody > tr:hover .btn-primary,
.theme.table.table-hover > tbody > tr:hover .text-bg-primary { background-color: var(--bs-table-hover-color) !important; border-color: var(--bs-table-hover-color) !important; color: #fff !important; }

.theme.table.table-hover > tbody > tr:hover .custom-type .checkmark:after { color: #fff; }
.theme.table.table-hover > tbody > tr:hover .custom-type [type="checkbox"]:checked + .checkmark,
.theme.table.table-hover > tbody > tr:hover .custom-type [type="checkbox"]:checked + [type="hidden"] + .checkmark { background: var(--bs-body-color); border-color: var(--bs-body-color); }


/*[class*="sticky-col-"] { position: sticky; z-index: 2; overflow: hidden; }
[class*="sticky-col-"]:before,
[class*="sticky-col-"]:after { content: ""; background: var(--bs-border-color); width: 0.063rem; height: 18.75rem; position: absolute; z-index: 7; margin: auto; top: 0; bottom: 0; }
[class*="sticky-col-"]:before { left: 0; }
[class*="sticky-col-"]:after { right: 0; }
.sticky-col-1 { left: 0; width: 8.438rem; min-width: 8.438rem; }
.sticky-col-2 { left: 8.375rem; }*/

.full-row-clickable > td { padding: 0; }
.full-row-clickable > td > .full-a-clickable { padding: .5rem .5rem; height: 100%; display: flex; flex-direction: column; min-height: 3.688rem; justify-content: center; align-items: flex-start; }
.full-row-clickable td.text-center > .full-a-clickable,
.full-row-clickable td[align="center"] > .full-a-clickable { align-items: center; }


.theme.table tr.bg-primary-subtle > td { background-color: var(--bs-primary-bg-subtle) !important; }
.theme.table tr.bg-danger-subtle > td { background-color: var(--bs-danger-bg-subtle) !important; }


/*----------------------------------------------------------------------------
     CUSTOM INPUT TYPE
-----------------------------------------------------------------------------*/

.custom-type { display: inline-flex; margin-bottom: 0; position: relative; text-align: left; align-items: flex-start; margin-right: 0.625rem; }
.custom-type:last-child { margin-right: 0; }
.custom-type .checkmark { border-radius: 0.25rem; background-color: #fff; border: 0.063rem solid var(--bs-border-color); display: block; flex-shrink: 0; position: relative; height: 1.125rem; width: 1.125rem; transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); cursor: pointer; }
.custom-type .checkmark:after { align-items: center; color: #000000; content: " "; display: flex; font-family: var(--fa-style-family); font-weight: var(--fa-style-solid); font-size: 0.7rem; justify-content: center; opacity: 0; line-height: 1; position: absolute; inset: 0; margin: auto; transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); width: 100%; height: 100%; }
.custom-type .label { cursor: pointer; line-height: 1.1; min-height: 1.25rem; display: inline-flex; flex-wrap: wrap; align-items: center; font-size: 0.813rem; padding: 0 !important; margin-left: 0.4rem; font-weight: 500; }
.custom-type input { position: absolute; inset: 0; z-index: 1; height: 100%; width: 100%; margin: 0 !important; padding: 0 !important; cursor: pointer; opacity: 0; }


/*--------- INPUT COMMON --------- */
.custom-type input:checked + .checkmark,
.custom-type input:checked + [type="hidden"] + .checkmark { }

.custom-type input:checked + .checkmark:after,
.custom-type input:checked + [type="hidden"] + .checkmark:after { opacity: 1; }

/*--------- RADIO INPUT --------- */
.custom-type [type="radio"] + .checkmark,
.custom-type [type="radio"] + [type="hidden"] + .checkmark { border-radius: 50%; }

.custom-type [type="radio"] + .checkmark:after,
.custom-type [type="radio"] + [type="hidden"] + .checkmark:after { background-color: var(--bs-secondary); margin: auto; border-radius: 50%; width: 0.75rem; height: 0.75rem; }

.custom-type [type="radio"]:checked + .checkmark,
.custom-type [type="radio"]:checked + [type="hidden"] + .checkmark { border-color: var(--bs-secondary); }

/*--------- CHECKBOX INPUT --------- */
.custom-type [type="checkbox"] + .checkmark:after,
.custom-type [type="checkbox"] + [type="hidden"] + .checkmark:after { content: "\2713"; }

.custom-type [type="checkbox"]:checked + .checkmark,
.custom-type [type="checkbox"]:checked + [type="hidden"] + .checkmark { background-color: var(--bs-primary); }

/*--------- DISABLED INPUT --------- */
.custom-type input:disabled { cursor: no-drop; }
.custom-type input:disabled + .checkmark { opacity: 0.5; }
.custom-type input:disabled + .checkmark + .label { opacity: 0.5; }


.custom-type-list { display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; }
.custom-type-list li { display: inline-flex; margin-right: 0.5rem; margin-bottom: 0.5rem; }
.custom-type-list li:last-child { margin-right: 0; margin-bottom: 0; }


.form-group .custom-type-list { align-items: center; height: 2.25rem; }
.form-group .custom-type-list li { margin-bottom: 0; }


/*----------------------------------------------------------------------------
     CUSTOM INPUT TYPE IN FULL BOX
-----------------------------------------------------------------------------*/
.card-input-type { position: relative; width: 100%; }
.card-input-type label { display: flex; padding: 0.875rem 1rem; border: 0.125rem solid var(--bs-border-color); align-items: center; background-color: #fff; border-radius: 0.5rem; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.card-input-type .checkmark { border-radius: 0.25rem; background-color: #fff; border: 0.125rem solid var(--bs-border-color); display: block; flex-shrink: 0; position: relative; height: 1.375rem; width: 1.375rem; transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); cursor: pointer; }
.card-input-type .checkmark:after { content: " "; align-items: center; color: #fff; display: flex; font-family: var(--fa-style-family); font-weight: var(--fa-style-solid); font-size: 1.063rem; justify-content: center; opacity: 0; line-height: 1; position: absolute; inset: 0; margin: auto; transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); width: 100%; height: 100%; }
.card-input-type .label { display: flex; flex-direction: column; width: 100%; margin-left: 1rem; }
.card-input-type input { position: absolute; inset: 0; z-index: 1; height: 100%; width: 100%; margin: 0 !important; padding: 0 !important; cursor: pointer; opacity: 0; }

.card-input-type label strong { font-size: 1rem; line-height: 1.25rem; }
.card-input-type label i { font-size: 0.688rem; line-height: 1rem; color: var(--bs-body-color); opacity: 0.5; font-style: normal; }

.card-input-type .label img { width: 4.375rem; height: 1.875rem; object-fit: cover; object-position: bottom; }



.thumb-preview { border-radius: 0.75rem; overflow: hidden; position: relative; border: 0.125rem solid var(--bs-border-color); }
.thumb-preview span { display: flex; justify-content: center; align-items: center; position: absolute; text-align: center; margin: 0.938rem; }
.thumb-preview .brand-logo-img img { max-width: 150px; max-height: 50px; }
.thumb-preview .brand-logo-text { background-color: rgb(0 0 0 / 50%); line-height: 1; border-radius: 0.625rem; width: 6.875rem; height: 2.688rem; color: #fff; padding: 0.625rem; font-size: 0.813rem; }

.thumb-preview img { width: 100%; }

.thumb-preview .logo-top-left { top: 0; left: 0; }
.thumb-preview .logo-top-right { top: 0; right: 0; }
.thumb-preview .logo-bottom-left { bottom: 0; left: 0; }
.thumb-preview .logo-bottom-right { bottom: 0; right: 0; }




/*--------- INPUT COMMON --------- */

.card-input-type input:hover + label { background: var(--bs-light); }

.card-input-type input:checked + label { border-color: var(--bs-secondary); background-color: var(--secondary-opacity-10); }
.card-input-type input:checked:focus + label .checkmark { box-shadow: 0 0 0 0.125rem #fff, 0 0 0 calc(0.125rem + 0.125rem) var(--bs-secondary), 0 0 #0000; }

.card-input-type input:checked + label .checkmark,
.card-input-type input:checked + [type="hidden"] + label .checkmark { background-color: var(--bs-secondary); border-color: var(--bs-secondary); }

.card-input-type input:checked + label .checkmark:after,
.card-input-type input:checked + [type="hidden"] + label .checkmark:after { opacity: 1; }



/*--------- RADIO INPUT --------- */
.card-input-type [type="radio"] + label .checkmark,
.card-input-type [type="radio"] + [type="hidden"] + label .checkmark { border-radius: 50%; }

.card-input-type [type="radio"] + label .checkmark:after,
.card-input-type [type="radio"] + [type="hidden"] + label .checkmark:after { background-color: #fff; margin: auto; border-radius: 50%; width: 0.5rem; height: 0.5rem; }

.card-input-type [type="radio"]:checked + label .checkmark,
.card-input-type [type="radio"]:checked + [type="hidden"] + label .checkmark { background-color: var(--bs-secondary); border-color: var(--bs-secondary); }

/*--------- CHECKBOX INPUT --------- */
.card-input-type [type="checkbox"] + label .checkmark:after,
.card-input-type [type="checkbox"] + [type="hidden"] + label .checkmark:after { content: "\2713"; }

.card-input-type [type="checkbox"]:checked + label .checkmark,
.card-input-type [type="checkbox"]:checked + [type="hidden"] + label .checkmark { }

/*--------- DISABLED INPUT --------- */
.card-input-type input:disabled { cursor: no-drop; }
.card-input-type input:disabled + label .checkmark { opacity: 0.5; }
.card-input-type input:disabled + label .checkmark + .label { opacity: 0.5; }


.card-type-list { display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; }
.card-type-list li { display: inline-flex; margin-right: 0.5rem; margin-bottom: 0.5rem; }
.card-type-list li:last-child { margin-right: 0; margin-bottom: 0; }


/*----------------------------------------------------------------------------
     ul li TABLE LIST
-----------------------------------------------------------------------------*/

.ul-table-list { font-size: 0.813rem; display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; }
.ul-table-list li { display: inline-flex; padding: 0.25rem 0.5rem; border-radius: 0.375rem; margin-right: 2rem; justify-content: space-between; align-items: center; }
.ul-table-list li:last-child { margin-right: 0; margin-bottom: 0; }
.ul-table-list li label { /*width: 40%;*/ padding-right: 1rem; }
.ul-table-list li strong { }
.ul-table-list li strong:empty:before { content: "-"; }

.ul-table-list.list-1 li:nth-child(even) { background: var(--bs-light); }
.ul-table-list.list-2 li:nth-child(4n+3),
.ul-table-list.list-2 li:nth-child(4n+4) { background: var(--bs-light); }

/*----------------------------------------------------------------------------
     list column
-----------------------------------------------------------------------------*/

ul.list-1 li { width: 100%; margin-right: 0; }

ul.list-2 li { width: calc(50% - 1rem); }
ul.list-2 li:nth-child(even) { margin-right: 0; }

ul.list-3 li { width: calc(33.33333333% - 0.33333333rem); }
ul.list-3 li:nth-child(3n+3) { margin-right: 0; }

ul.list-4 li { width: calc(25% - 0.377rem); }
ul.list-4 li:nth-child(4n+4) { margin-right: 0; }

ul.list-5 li { width: calc(20% - 0.438rem); }
ul.list-5 li:nth-child(5n+5) { margin-right: 0; }

ul.card-type-list.list-5 .label { margin-left: 0.7rem; }

/*----------------------------------------------------------------------------
     SWITCH TOGGLE
-----------------------------------------------------------------------------*/

.form-switch { display: flex; }
.form-switch { padding: 0; text-align: center; }
.form-switch .form-check-input { background-color: #c7c7c7; --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); border: none; cursor: pointer; height: 1.75rem; width: 3.625rem; margin: 0.25rem 0; background-size: 1.875rem; background-position: left -0.125rem center; }
.form-switch .form-check-input:checked { background-position: right -0.125rem center; }

.theme.table .form-switch .form-check-input { margin: 0; height: 1.25rem; width: 2.188rem; background-size: 1.438rem; background-position: left 0 center; }
.theme.table .form-switch .form-check-input:checked { background-position: right 0 center; }

.card-header .form-switch .form-check-input { margin: 0; height: 1.688rem; width: 3.125rem; background-size: 1.875rem; background-position: left 0 center; }
.card-header .form-switch .form-check-input:checked { background-position: right 0 center; }

/*----------------------------------------------------------------------------
     CUSTOM TYPE END
-----------------------------------------------------------------------------*/

.card + .tabs { margin-top: 0.938rem; }
.tabs { position: relative; }
.tabs .tabs-title { position: absolute; top: 0.625rem; left: 0; font-size: 0.85rem; }
.tabs .nav { margin-bottom: 0.938rem; }
.tabs .btn.back { position: absolute; top: 0; left: 0; }
.tabs .nav-tabs .nav-item { display: inline-flex; position: relative; margin-left: 0.375rem; }
.tabs .nav-tabs .nav-item:last-child .nav-link { border-right: none; }
.tabs .nav-tabs .nav-link { color: #bbbbbb; font-size: 0.85rem; position: relative; display: inline-flex; cursor: pointer; background: transparent; border-color: transparent; padding: 0.563rem 0.625rem; }
.tabs .nav-tabs .nav-link::after { content: ""; height: 0.188rem; width: 100%; background-color: var(--bs-primary); position: absolute; inset: 0; top: initial; opacity: 0; transition: opacity .15s ease-in-out }
.tabs .nav-tabs .nav-link:hover::after,
.tabs .nav-tabs .nav-link.active::after { opacity: 1; }

.tabs .nav-tabs .nav-link:hover,
.tabs .nav-tabs .nav-link.active { color: var(--bs-body-color); }

/*----------------------------------------------------------------------------
     ACCORDION
-----------------------------------------------------------------------------*/
.accordion { margin-bottom: 1rem; }
.accordion-item { margin-bottom: 0.5rem; border-radius: 0.625rem !important; border-color: #f1f1f1; /*background-color: var(--bs-tertiary-bg);*/ }
.accordion-button { font-size: 0.85rem; margin-bottom: 0.063rem; padding: 0.625rem 1rem; border-top-left-radius: 0.625rem !important; border-top-right-radius: 0.625rem !important; }
.accordion-button:not(.collapsed) { background: var(--bs-primary); }


.accordion-item.additional-spec .accordion-button { justify-content: space-between; }
.accordion-item.additional-spec .accordion-button:hover { color: var(--bs-accordion-btn-color); }
.accordion-item.additional-spec .accordion-button::after { background: transparent; display: none; }
.accordion-item.additional-spec .accordion-button i { font-size: 1.2rem; }

/*----------------------------------------------------------------------------
    PAGINATION SECTION
-----------------------------------------------------------------------------*/

.footer-pagination { margin-top: 1.5rem; display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.688rem; }
.footer-pagination:last-child { margin-bottom: 0; }

.pagination-summary { color: #9a9a9a; font-size: 0.6rem; margin-left: 0.125rem; }
.pagination-summary strong { font-weight: inherit; }

.theme-pagination { display: flex; justify-content: flex-end; padding-right: 0.625rem; }
.pagination { display: inline-flex; align-items: center; list-style: none; padding: 0; flex-wrap: wrap; margin: 0; }
.pagination li { margin: 00.25rem; padding: 0; position: relative; }
.pagination li:last-child { margin-right: 0; }
.pagination li a,
.pagination li span { text-decoration: none; display: inline-flex; align-items: center; justify-content: center; font-size: 0.688rem; height: 1.438rem; width: 1.438rem; padding: 0; text-align: center; transition: all .05s ease-in-out; line-height: 1; border-radius: 0.25rem; }

.pagination .PagedList-skipToNext a,
.pagination .PagedList-skipToPrevious a { }

.pagination li[class*="PagedList-"] a { font-size: 0.563rem; }

.pagination li a:hover,
.pagination li.active a,
.pagination li.active span { background: var(--bs-primary); color: #000; opacity: 1; }


.platform-stats { display: flex; align-items: center; justify-content: space-between; margin: 1rem 0; }
.platform-stats p { font-size: 0.688rem; margin-bottom: 0; }

.platform-stats ul { display: flex; align-items: center; padding: 0; list-style: none; margin: 0; }
.platform-stats li { font-size: 0.688rem; margin-bottom: 0; margin-right: 0.35rem; }
.platform-stats li.label { }
.platform-stats span { }

/*----------------------------------------------------------------------------
    TOOLTIP SECTION
-----------------------------------------------------------------------------*/
.tooltiptext { display: none; }

/*----------------------------------------------------------------------------
    IMAGE THUMBNAIL
-----------------------------------------------------------------------------*/

.img-thumbnail { border-radius: 0.938rem; }

.thumbnail-rpt { position: relative; margin-bottom: 2rem; }

.thumbnail-rpt > .badge.bg-primary { color: var(--bs-body-color); position: absolute; top: 0.5rem; left: 0.5rem; z-index: 1; }

.thumbnail-rpt .thumbnail-img { position: relative; background-color: var(--bs-light); overflow: hidden; border: 0.063rem solid #ebecf0; border-radius: 0.938rem; min-height: 7.971rem; /*padding-bottom: calc(100% - 0.126rem);*/ -webkit-transition: .5s; transition: .5s; }
.thumbnail-rpt .thumbnail-img:hover { scale: 1.05; }
.swiper-slide .thumbnail-rpt .thumbnail-img:hover { scale: 1; }

.thumbnail-rpt .thumbnail-img img { /*position: absolute; inset: 0;*/ width: 100%; max-width: 100%; max-height: 100%; margin: auto; }

.thumbnail-rpt.selected .thumbnail-img { box-shadow: 0 0 0 0.188rem var(--bs-primary); border-color: var(--bs-primary); }

.thumbnail-rpt .thumbnail-move { position: absolute; top: 0.5rem; left: 0.5rem; z-index: 2; margin: 0; background-color: var(--bs-body-color); color: #fff; width: 1.563rem; height: 1.563rem; display: inline-flex; justify-content: center; align-items: center; border-radius: 0.375rem; cursor: pointer; }

.thumbnail-rpt .custom-type { position: absolute; top: 0.8rem; right: 0.8rem; z-index: 1; margin: 0; }
.thumbnail-rpt .custom-type .checkmark { width: 1.563rem; height: 1.563rem; border: none; border-radius: 50%; background-color: var(--bs-tertiary-color); }
.thumbnail-rpt .custom-type .checkmark:after { font-size: 0.938rem; opacity: 1; color: #fff; }

.thumbnail-rpt .custom-type [type="checkbox"]:hover + .checkmark,
.thumbnail-rpt .custom-type [type="checkbox"]:checked + .checkmark { background-color: var(--bs-primary); }

.thumbnail-rpt .custom-type [type="checkbox"]:hover + .checkmark:after,
.thumbnail-rpt .custom-type [type="checkbox"]:checked + .checkmark:after { opacity: 1; }

.thumbnail-rpt .thumbnail-img .icon-check + .custom-type { right: 3.563rem; }


.iframe-images .thumbnail-rpt .custom-type [type="checkbox"]:hover + .checkmark,
.iframe-images .thumbnail-rpt .custom-type [type="checkbox"]:checked + .checkmark,
.masters-stockmasterdetails .thumbnail-rpt .custom-type [type="checkbox"]:hover + .checkmark,
.masters-stockmasterdetails .thumbnail-rpt .custom-type [type="checkbox"]:checked + .checkmark { background-color: var(--bs-danger); }

.iframe-images .thumbnail-rpt .custom-type [type="checkbox"]:hover + .checkmark:after,
.iframe-images .thumbnail-rpt .custom-type [type="checkbox"]:checked + .checkmark:after,
.masters-stockmasterdetails .thumbnail-rpt .custom-type [type="checkbox"]:hover + .checkmark:after,
.masters-stockmasterdetails .thumbnail-rpt .custom-type [type="checkbox"]:checked + .checkmark:after { color: #ffffff; }


[class*="icon-"] { position: absolute; top: 0.8rem; width: 1.563rem; height: 1.563rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.icon-close { left: 0.938rem; background-color: var(--bs-tertiary-color); color: #fff; }
.icon-check { right: 0.938rem; background-color: var(--bs-primary); color: #fff; }

.icon-close:hover { background-color: var(--bs-danger); color: #fff; }

.thumbnail-rpt .thumbnail-control { opacity: 0; pointer-events: none; position: absolute; inset: 0; background-color: rgba(var(--bs-body-color-rgb), 0.75); display: flex; align-items: center; justify-content: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.thumbnail-rpt .thumbnail-control .btn-link { transform: translateY(3.125); font-size: 1rem; color: #fff; padding: 0.25rem; margin: 0.5rem 1rem; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.thumbnail-rpt .thumbnail-label-category { font-size: 0.688rem; margin-top: 0.5rem; line-height: 1.1; position: absolute; z-index: 11; bottom: 0; background-color: #fff; width: 100%; text-align: center; display: flex; justify-content: space-between; align-items: flex-end; }
.thumbnail-rpt .thumbnail-label-category span { padding: 0.5rem; }
.thumbnail-rpt .thumbnail-label-category span:empty { display: none; }

.thumbnail-rpt .thumbnail-label { font-size: 0.85rem; margin-top: 1rem; margin-bottom: 1rem; padding: 0 1rem; width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 2.125rem; }

.thumbnail-rpt .thumbnail-tags { display: flex; flex-wrap: wrap; margin-top: 0.5rem; line-height: 1.1; }
.thumbnail-rpt .thumbnail-tags .badge { margin-top: 0.3rem; margin-right: 0.3rem; font-size: 0.65rem; }
.thumbnail-rpt .thumbnail-img .thumbnail-tags { position: absolute; left: 0.5rem; bottom: 0.5rem; z-index: 1; }

.swiper-slide .thumbnail-rpt .thumbnail-img .thumbnail-tags { left: 1rem; bottom: 1rem; }
.swiper-slide .thumbnail-rpt .thumbnail-tags .badge { margin-top: 0.5rem; margin-right: 0.5rem; font-size: 0.85rem; }

.thumbnail-rpt .thumbnail-img:hover .thumbnail-control { opacity: initial; pointer-events: initial; }
.thumbnail-rpt .thumbnail-img:hover .thumbnail-control .btn-link { transform: translateY(0); }
.thumbnail-rpt .thumbnail-img:hover .thumbnail-control .btn-link:hover { transform: translateY(-0.313rem); }

.thumbnail-rpt .thumbnail-img .custom-type.spOffer { top: initial; right: inherit; left: 0.5rem; bottom: 0.5rem; }
.thumbnail-rpt .thumbnail-img:hover .custom-type.spOffer { color: #fff; }

.thumbnail-rpt .button-wrap { justify-content: center; }
.thumbnail-rpt .button-wrap .btn { width: 80%; background-color: #e7e7e7; }

.image-add,
.image-remove,
.image-delete { position: absolute; top: 0.5rem; z-index: 1; height: 1.875rem; width: 1.875rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1rem; border-radius: 50%; }
.image-add { background-color: #fff; color: var(--bs-body-color); right: 0.5rem; }
.image-remove { background-color: var(--bs-danger); color: #fff; right: 0.5rem; }
.image-delete { background-color: var(--bs-danger); color: #fff; right: 0.5rem; top: auto; bottom: 0.5rem; }

.swiper { border-radius: 0.938rem; }
/*.swiper:before { content: ""; position: absolute; inset: 0; z-index: 2; left: initial; width: 12.5rem; background: #fff; pointer-events: none; background: -webkit-linear-gradient(to right, #ffffff00, #ffffff); background: linear-gradient(to right, #ffffff00, #ffffff); }*/
.swiper .swiper-slide { padding: 0.25rem; }
.swiper .thumbnail-rpt { margin-bottom: 0; }

.swiper .thumbnail-rpt .thumbnail-img { padding: 0; }
.swiper .thumbnail-rpt .thumbnail-img img { position: initial; }

.swiper .thumbnail-rpt .thumbnail-move { top: 1rem; left: 1rem; }
.swiper .thumbnail-rpt .thumbnail-img .custom-type { top: 1rem; right: 1rem; }

.swiper .swiper-button-next:after { content: "\232a"; }
.swiper .swiper-button-prev:after { content: "\2329"; }
.swiper .swiper-button-wrap { position: absolute; top: 0; bottom: 0; margin: auto; right: 1.875rem; z-index: 3; height: 50%; display: flex; align-items: center; }
.swiper .swiper-button-wrap [class*="swiper-button-"] { background: #fff; width: 2.813rem; height: 2.813rem; border-radius: 3.125rem; position: initial; margin-left: 1rem; box-shadow: 0 0.625rem 0.688rem 0 #ababab; }
.swiper .swiper-button-wrap [class*="swiper-button-"]:after { color: var(--bs-body-color); font-family: var(--fa-style-family); font-weight: var(--fa-style-solid); font-size: 1.563rem; }
.swiper .swiper-button-wrap .swiper-button-prev { margin-left: 0; }

/*----------------------------------------------------------------------------
    DRAG AND DROP
-----------------------------------------------------------------------------*/

.dragDrop-block { position: relative; }
.dragDrop-inner { position: relative; border: 0.063rem dashed var(--bs-border-color); border-radius: 0.625rem; padding: 1rem; overflow: hidden; text-align: center; width: 13.938rem; height: 13.313rem; display: flex; align-items: center; justify-content: center; font-weight: 500; background-color: #f9fafc; }
.dragDrop-block.w-100 .dragDrop-inner { width: inherit; height: 10rem; }
.dragDrop-inner input { position: absolute; inset: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; cursor: pointer; }
.dragDrop-inner input::file-selector-button { margin: 0; padding: 0; width: 100%; height: 100%; cursor: pointer; border: none; background: transparent; outline: none; }

.dragDrop-content { pointer-events: none; }
.dragDrop-content svg { width: 1.563rem; height: 1.563rem; margin-bottom: 0.938rem; margin-top: 0.313rem; }
.dragDrop-content label { font-size: 0.563rem; display: block; color: #a4a4a4; margin-bottom: 0.813rem; line-height: 1.6; }
.dragDrop-content span { font-size: 0.66rem; }


.dragDrop-block .icon-delete { left: auto; right: 0.8rem; width: 1.875rem; height: 1.875rem; z-index: 9; min-width: initial; justify-content: center; align-items: center; padding: 0; }
.dragDrop-block .icon-delete .fa { margin: 0; }

.all-upload-options { display: flex; align-items: center; justify-content: start; }
.upload-options { display: flex; align-items: center; text-align: center; white-space: nowrap; }


.label-or { position: relative; margin: 0 1rem; color: var(--bs-gray); }
.label-or:before,
.label-or:after { content: ""; height: 4.375rem; width: 0.063rem; display: inline-flex; position: absolute; margin: auto; }

.label-or:before { inset: 0; top: initial; bottom: 1.875rem; background: #EBECF0; background: linear-gradient(0deg, #EBECF0 0%, #FFFFFF 100%); }
.label-or:after { inset: 0; bottom: initial; top: 1.875rem; background: #EBECF0; background: linear-gradient(180deg, #EBECF0 0%, #FFFFFF 100%); }

.drag-preview { background-color: #f9fafc; position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; display: flex; justify-content: center; align-items: center; pointer-events: none; }
.dragDrop-inner input:hover ~ .drag-preview { background-color: #ffffff; }
.drag-preview img { max-height: 100%; }
.drag-preview .fa { position: absolute; inset: 0; margin: auto; display: flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; background: #fff; border-radius: 50%; }

.dragDrop-files ul { padding: 0; list-style: none; margin-top: 0.5rem; margin-bottom: 0; }
.dragDrop-files ul:first-child { margin-top: 1rem; }
.dragDrop-files li { display: flex; align-items: center; justify-content: space-between; background-color: #f9fafc; padding: 0.5rem 1rem; border-radius: 0.625rem; font-size: 0.813rem; font-weight: 500; }
.dragDrop-files li i { font-style: normal; }
.dragDrop-files li strong { display: inline-flex; align-items: center; font-weight: inherit; margin-left: 1rem; white-space: nowrap; }
.dragDrop-files li a { margin-left: 1rem; }

.dragDrop-files.list-2 { display: flex; margin-top: 1rem; flex-wrap: wrap; }
.dragDrop-files.list-2 ul { width: calc(50% - 0.5rem); margin: 0; margin-bottom: 0.5rem; margin-right: 1rem; }
.dragDrop-files.list-2 ul:nth-child(2n) { margin-right: 0; }





/*----------------------------------------------------------------------------
     LOG IN 
-----------------------------------------------------------------------------*/

.login { min-height: 100%; height: 100%; }
body > form { min-height: 100%; height: 100%; }

.login body { min-height: 100%; height: 100%; }
.login-body .login-center { padding: 1.625rem 2.063rem; position: relative; min-height: 100%; display: flex; align-items: center; }
.login-body .card { position: relative; z-index: 1; width: 21.875rem; border: none; border-radius: 1.25rem; padding: 1.625rem 2.375rem; }
.login-body .card-logo { margin-top: 2.5rem; text-align: center; width: 12.875rem; align-self: center; }
.login-body .card-logo img { width: 9rem; }
.login-body .card-body { padding: 0; margin: 3rem 0; position: relative; }
.login-body label { color: #9c9c9c; }
.login-body p { font-size: 0.85rem; font-weight: 500; line-height: 1.3; }
.login-body .form-group { margin-bottom: 0.938rem; }
.login-body .form-label { font-size: 0.76rem; margin-bottom: 0; }
.login-body .form-control { border: none; border-bottom: 0.063rem solid #d9d9d9; border-radius: 0; height: 1.688rem; padding-left: 0.313rem; padding-bottom: 0.438rem; font-size: 0.8rem; }
.login-body .form-control::placeholder { font-weight: 500; letter-spacing: 0.025rem; opacity: 0.5; }
.login-body .card .btn { border: none; color: #000000; border-radius: 3.125rem; width: 8rem; font-size: 0.8rem; height: 2.5rem; display: inline-flex; align-items: center; justify-content: center; }
.login-body .card .passEye { position: absolute; bottom: 0.563rem; right: 0.125rem; font-size: 0.5rem; color: #8b8b8b; }
.login-body .card-forgotten { display: flex; align-items: center; justify-content: space-between; margin-top: 1.7rem; }
.login-body .card-forgotten a:not(.btn) { font-size: 0.76rem; text-decoration: none; color: #9c9c9c; }
.login-body .card-footer { border: none; background: transparent; padding: 0; text-align: center; color: #a9a9a9; font-size: 0.67rem; }
.login-body .card-footer a { color: inherit; text-decoration: none; }
.login-body .card-footer img { width: 8rem; margin-bottom: 0.5rem; }

.login-body .copy-rights { position: absolute; z-index: 1; color: #fff; transform: rotate(90deg); right: -6.438rem; bottom: 10.75rem; font-size: 0.62rem; font-weight: 500; opacity: 0.9; }
.login-body .background { }

.google-login { display: flex; align-items: center; justify-content: center; margin-top: 2rem; flex-direction: column; position: relative; padding-top: 2rem; }
.google-login:before { content: ""; width: 100%; height: 0.063rem; background-color: #d9d9d9; position: absolute; inset: 0; bottom: initial; }
.google-login:after { content: "OR"; position: absolute; top: 0; background: #fff; padding: 0 1.25rem; color: #888888; font-size: 0.76rem; transform: translateY(-50%); }

.google-login a { display: inline-flex; line-height: 1; align-items: center; color: var(--bs-body-color) !important; }
.google-login svg { width: 1.25rem; height: 1.25rem; margin-right: 0.5rem; }

.login-body .validation-summary-errors { position: absolute; inset: 0; bottom: -2.5rem; top: initial; white-space: nowrap; display: flex; justify-content: center; }
.login.company-signup .validation-summary-errors { white-space: normal; bottom: -3rem; }


/*----------------------------------------------------------------------------
     DASHBOARD
-----------------------------------------------------------------------------*/

.home-index { width: 65rem; max-width: 100%; margin-left: 0; position: relative; z-index: 2; padding: 0; }

.home-index .card { border-radius: 1.125rem; border: none; min-height: calc(100% - 1.5rem); margin-bottom: 1.5rem; background-color: rgba(248,249,244,0.97); transition: var(--aside-transition); }
.home-index .card:hover { background-color: #f0fbd3; box-shadow: 0 0 0 0.313rem var(--bs-primary); }


.home-index .card-header { position: relative; display: flex; justify-content: space-between; align-items: center; background: transparent; border: none; line-height: 1; padding: 0 1.063rem; }
.home-index .card-header .mobile-card-title { display: none; }
.home-index .card-header img { width: 1.063rem; margin-right: 0.375rem; margin-top: -0.125rem; }
.home-index .card-header .fa { color: #b6b6b4; margin-right: 0.438rem; }
.home-index .card-header .card-count { display: inline-flex; align-items: center; }
.home-index .card-header .card-count span { font-size: 1.75rem; }

.home-index .card-title { margin-bottom: 0.75rem; font-size: 1.688rem; }

.home-index .card-subtitle { font-size: 0.688rem; font-weight: 500; }

.home-index .card-text { font-size: 0.75rem; opacity: 0.54; line-height: 1.25; min-height: 6rem; margin-bottom: 1rem; }

.home-index .card-body { padding: 1.313rem 1.938rem; padding-bottom: 1.875rem; display: flex; flex-direction: column; justify-content: space-between; }
.home-index .card-body ul { padding: 0; margin: 0; list-style: none; font-size: 0.75rem; line-height: 1.2; }
.home-index .card-body li { display: flex; align-items: center; justify-content: space-between; padding: 0.25rem 0.75rem; margin-bottom: 0.313rem; }
.home-index .card-body li:last-child { margin-bottom: 0; }
.home-index .card-body li:nth-child(even) { background: linear-gradient(90deg, #ffffff00, #ffffff); }
.home-index .card-body li a { color: inherit; }
.home-index .card-body li a:hover { color: #000; }
.home-index .card-body li label { color: #6a6464; }

.home-index .card.with-border { padding: 1.563rem 0.875rem; }
.home-index .card.with-border .card-header { padding-bottom: 1.563rem; }
.home-index .card.with-border .card-header:after { content: ""; background-color: #dfdfdf; width: calc(100% - 1.563rem); height: 0.125rem; position: absolute; inset: 0; top: initial; margin: auto; }
.home-index .card.with-border .card-body { padding-top: 1.438rem; }
.home-index .card.with-border .card-body ul { padding-left: 0.188rem; }

.home-index .btn { height: 3rem; font-size: 1rem; cursor: inherit; }


.home-index .card.locked { background: #f6f6f6; pointer-events: none; }
.home-index .card.locked img { display: block !important; position: absolute; top: 1.375rem; right: 1.625rem; width: 1.25rem; }
.home-index .card.locked .card-title { color: #a9a9a9; }
.home-index .card.locked .card-title .dot { color: #d8d8d8; }
.home-index .card.locked .card-text { opacity: 0.15; }
.home-index .card.locked .btn { background-color: #dedede; border-color: #dedede; color: #a9a9a9; }

.home-index .count { text-align: center; background-color: var(--bs-primary); display: inline-flex; justify-content: center; border-radius: 50%; font-size: 1rem; align-items: center; padding: 0.5rem; min-width: 2.188rem; }

.home-index .dashboard-welcome { display: flex; align-items: center; }

.home-index .dashboard-welcome .card-title { margin: 0; font-size: 1.063rem; padding-left: 0.313rem; }
.home-index .dashboard-welcome .card-header { padding-bottom: 0; border: none; padding-left: 0.938rem; }
.home-index .dashboard-welcome .card-header:after { display: none; }

.home-index .dashboard-welcome .card-heading { font-size: 0.688rem; margin-bottom: 0.313rem; }
.home-index .dashboard-welcome .card-body { padding: 0 0.625rem; line-height: 1.2; }
.home-index .dashboard-welcome .thumbnail { padding: 1.625rem 0; display: flex; align-items: center; justify-content: center; }
.home-index .dashboard-welcome .thumbnail img { width: 100%; border-radius: 0.938rem; }
.home-index .dashboard-welcome .card-text { font-size: 0.625rem; padding-left: 0.938rem; padding-right: 0.938rem; color: #878787; line-height: 1.5; }
.home-index .dashboard-welcome .card-text strong { color: #454545; }
.home-index .dashboard-welcome .card-text a { }

.home-index .dashboard-welcome .btn-primary { border-radius: 3.125rem; }

.home-index .dashboard-welcome .button-wrap { margin: 1.125rem 0; }
.home-index .dashboard-welcome .button-wrap .btn { height: 2.313rem; font-size: 0.75rem; }
.home-index .dashboard-welcome .card-footer-text { font-size: 0.563rem; color: #878787; text-align: center; }
.home-index .dashboard-welcome .card-footer-text strong { color: var(--bs-body-color); }


.home-index .dashboard-welcome .card-need .btn-primary { background: #fff; border-color: #fff; font-size: 0.813rem; }
.card-need { background-color: var(--bs-light); text-align: center; border-radius: 0.938rem; padding: 1.125rem 2rem 1.5rem; margin-top: 2.125rem; }
.card-need p { font-size: 0.563rem; margin-bottom: 1.125rem; }
.card-need h3 { font-size: 1rem; margin-bottom: 0; }


.home-index .card .mobile-card { display: none; }

.home-index .card.total-stock { background: var(--bs-light); box-shadow: none; }
.home-index .card.total-stock .mobile-card-title { display: none; }

.home-index .card.vehicle-new { background: var(--bs-alabaster); }
.home-index .card.vehicle-used { background: var(--bs-light-cyan); }

.home-index .card.with-gradient { background: var(--theme-light-gradient); box-shadow: none; padding-left: 0.938rem; padding-right: 0.938rem; }
.home-index .card.with-gradient .card-header { padding-left: 0.563rem; }
.home-index .card.with-gradient .card-title { margin: 0; }

.home-index .card.stats-visitor { min-height: 21.25rem; }

.home-index .card.stats-keystock { min-height: initial; }
.home-index .card.stats-autotrader { min-height: initial; }

.home-index [id*="chart-"] { display: flex; align-items: center; justify-content: center; height: 16.263rem; margin-bottom: -6.4rem; }
.home-index [id*="chart-"] > div { position: relative; margin-top: -5.4rem; pointer-events: none; }
.home-index [id*="chart-"] > div text { font-size: 2.25rem !important; font-family: inherit !important; font-weight: inherit !important; color: inherit !important; fill: currentColor; }
.home-index [id*="chart-"] + div .btn { min-width: 5.625rem; height: 1.65rem 1.65rem; }


.home-index [id*="chart-"] > div:after,
.home-index [id*="chart-"] > div:before { content: ""; width: 0.25rem; height: 3.75rem; display: block; position: absolute; background: #ffffff; inset: 0; z-index: 9; pointer-events: none; }

.home-index [id*="chart-"] > div:before { margin: auto; margin-top: 6.75rem; left: 3.438rem; right: auto; transform: rotate( -61deg); }
.home-index [id*="chart-"] > div:after { margin: auto; margin-top: 4.063rem; }


.home-index .card.total-stock [id*="chart-"] > div:after,
.home-index .card.total-stock [id*="chart-"] > div:before { background: var(--bs-light); }


.home-index.Arial { font-family: Font-Arial; }
.home-index.Arial [id*="chart-"] { height: 17.263rem; }


.home-index.get-started .card { background-color: #edece7; box-shadow: none; height: 37.5rem; margin-right: 2.188rem; }
.home-index.get-started .card .card-title { font-size: 3.313rem; }
.home-index.get-started .card .card-text { font-size: 1.25rem; opacity: 0.4; padding-left: 0.25rem; padding-right: 0.938rem; }
.home-index.get-started .card .card-body { padding: 2.813rem 3.125rem; justify-content: start; align-items: flex-start; }
.home-index.get-started .card .card.get-started { margin-right: 2.188rem; }
.home-index.get-started .card .btn { min-width: auto; display: inline-flex; width: 14.813rem; height: 3.438rem; justify-content: space-between; padding: 0 1.563rem; color: #fff; font-size: 1.25rem; }
.home-index.get-started .card .btn svg { width: 1.25rem; height: 1.25rem; fill: currentColor; color: inherit; }

.setup-currently { text-align: center; }
.setup-currently h3 { font-size: 1.375rem; margin-bottom: 1.5rem; }
.setup-currently #progressChart { width: 12.5rem; height: 12.5rem; margin: auto; margin-bottom: 1.125rem; }
.setup-currently #progressChart text { font-family: inherit !important; font-size: 3rem !important; fill: currentColor; }

.home-index.onboarding-block { width: 100%; }
.home-index.onboarding-block .welcome-heading span { font-size: 2.625rem; }
.home-index.onboarding-block .welcome-heading p { font-size: 1.375rem; }

.home-index.onboarding-block .col-xl-8.col-md-8 { width: 61%; }
.home-index.onboarding-block .col-xl-8.col-md-8 + .col-xl-4.col-md-4 { width: 39%; }

.home-index.onboarding-block .count { width: auto; height: auto; background: transparent; color: var(--bs-primary); font-size: 2.188rem; min-width: initial; justify-content: end; padding: 0; line-height: 1; }
.home-index.onboarding-block .card-body { justify-content: start; padding: 1.25rem 1.563rem; padding-bottom: 1.563rem; }
.home-index.onboarding-block .card-title { font-size: 1.375rem; }
.home-index.onboarding-block .card-text { font-size: 0.688rem; }
.home-index.onboarding-block .btn { color: #fff; }

.home-index.onboarding-block .card.shadow { background-color: #fff; background-image: url(../images/tablet-screen.png); background-size: contain; background-position: center bottom; background-repeat: no-repeat; }
.home-index.onboarding-block .card.shadow .card-body { align-items: flex-start; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; }
.home-index.onboarding-block .card.shadow .count { background: var(--bs-primary); color: #fff; width: 2.5rem; height: 2.5rem; align-items: center; justify-content: center; }
.home-index.onboarding-block .card.shadow .card-title { font-size: 1.125rem; margin-bottom: 0.313rem; }
.home-index.onboarding-block .card.shadow .card-text { min-height: auto; font-size: 0.656rem; }


.icon-tick-circle { position: initial; text-align: center; width: auto; height: auto; display: flex; flex-direction: column; }
.icon-tick-circle svg { width: 4.375rem; height: 4.375rem; fill: currentColor; color: inherit; }

.home-index.onboarding-block .card.all-done { background-color: var(--bs-primary); color: #fff; }
.home-index.onboarding-block .card.all-done .count { color: inherit; }
.home-index.onboarding-block .card.all-done .card-text { min-height: auto; }

/*----------------------------------------------------------------------------
     MAGNIFIC POPUP CSS
-----------------------------------------------------------------------------*/

.mfp-bg { opacity: var(--bs-backdrop-opacity); --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); }
.mfp-wrap { --bs-modal-zindex: 1055; --bs-modal-width: 31.25rem; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: var(--bs-body-color); --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg:; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; padding: 0.625rem; }

.mfp-container { text-align: center; }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.mfp-close { --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e"); width: 1.875rem; height: 1.875rem; padding: .25em .25em; color: var(--bs-btn-close-color); background: #ffffff var(--bs-btn-close-bg) center / 0.6rem auto no-repeat; filter: var(--bs-btn-close-filter); border: 0; border-radius: 50%; position: absolute; top: 0.625rem; right: 0.625rem; box-shadow: 0 0 0.938rem 0 #00000012; }
.mfp-close svg { display: none; }


.mfp-bottom-bar { display: flex; align-items: center; justify-content: space-between; color: #fff; font-size: 0.75rem; margin-top: 0.5rem; }

.mfp-preloader { position: fixed; inset: 0; margin: auto; display: flex; align-items: center; color: #fff; z-index: 1040; flex-direction: column; justify-content: center; }
.mfp-preloader a { color: inherit; }

.mfp-s-ready .mfp-preloader { display: none; }

.mfp-arrow { position: absolute; margin: 0; top: 50%; margin-top: -2.063rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; background: transparent; border: 0; display: inline-flex; outline: none; padding: 0; z-index: 1046; padding: 1.25rem; }
.mfp-arrow:after { font-family: var(--fa-style-family); font-weight: var(--fa-style-regular); color: #fff; font-size: 1.563rem; }

.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after { content: "\2329"; }

.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after { content: "\232a"; }

.mfp-figure figure { margin: 0; min-width: 13.75rem; min-height: 13.75rem; display: flex; flex-direction: column; justify-content: space-between; }

img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; margin: 0 auto; }


/*----------------------------------------------------------------------------
     GRITTER CSS
-----------------------------------------------------------------------------*/

#gritter-notice-wrapper { position: fixed; bottom: 1.6rem; right: 1.6rem; width: 18.75rem; z-index: 9999; }
.gritter-item-wrapper { position: relative; background: #fff; border-radius: 0.938rem; -webkit-box-shadow: 0 0 1.875rem rgb(0 0 0 / 5%); box-shadow: 0 0 1.875rem rgb(0 0 0 / 5%); }

.gritter-close { display: inline-flex; position: absolute; cursor: pointer; font-size: 0; top: 0.563rem; right: 0.75rem; color: #808080; }
.gritter-close::before { content: "\d7"; font-family: var(--fa-style-family); font-weight: var(--fa-style-regular); font-size: 1.125rem; line-height: 1; }
.gritter-close:hover { color: var(--bs-danger) !important; }

.gritter-item { background: transparent; border: 0.063rem solid #ebecf0; border-radius: 0.625rem; padding: 1.5rem; }
.gritter-item .gritter-title { font-size: 2.188rem; margin-right: 0.938rem; display: inline-flex; align-items: center; }
.gritter-item p { padding: 0; margin: 0; width: 100%; display: inline-flex; align-items: center; font-size: 0.938rem; line-height: normal; }

.gritter-without-image { display: flex; align-items: center; }

/*----------------------------------------------------------------------------
     BOOTSTRAP MULTISELECT
-----------------------------------------------------------------------------*/

.bs-multiselect > select { }

/*.bs-multiselect .custom-type .label { font-size: 0.688rem; min-height: 0.938rem; line-height: 1; }
.bs-multiselect .custom-type .checkmark { width: 0.938rem; height: 0.938rem; }
.bs-multiselect .custom-type .checkmark:after { font-size: 0.563rem; }
.bs-multiselect .custom-type [type="radio"] + .checkmark:after,
.bs-multiselect .custom-type [type="radio"] + [type="hidden"] + .checkmark:after { width: 0.563rem; height: 0.563rem; }*/


.bs-multiselect .btn-group { width: 100%; }
.bs-multiselect .btn-group .form-control { display: flex; justify-content: space-between; align-items: center; text-align: left; }
.bs-multiselect .btn-group .form-control .caret { display: none; }
.bs-multiselect .btn-group .dropdown-toggle::after { display: none; }

.bs-multiselect .dropdown-menu { padding: .75rem; flex-wrap: wrap; max-height: 12.375rem; overflow-x: auto; width: 100%; min-width: 100%; }
.bs-multiselect .dropdown-menu.show { display: flex; }
.bs-multiselect .multiselect-container .input-group { margin-bottom: 0.5rem; }
.bs-multiselect .multiselect-container li { width: 100%; margin-bottom: 0.5rem; }
.bs-multiselect .multiselect-container li:last-child { margin-bottom: 0; }
.bs-multiselect .multiselect-container li a { display: flex; }

/*----------------------------------------------------------------------------
     CHOSEN SELECT - MULTISELECT
-----------------------------------------------------------------------------*/

.chosen-container { min-width: 100%; }
.chosen-container .form-control { display: flex; justify-content: space-between; align-items: center; text-align: left; color: var(--bs-body-color) !important; }
.chosen-container .dropdown-menu { padding: .75rem; flex-wrap: wrap; margin-top: 0.125rem; }
.chosen-container.chosen-with-drop .chosen-drop { display: flex; }
.chosen-container .chosen-search { position: relative; }
.chosen-container .chosen-search:after { content: "\1f50d"; font-family: var(--fa-style-family); font-weight: var(--fa-style-light); position: absolute; top: 0; bottom: 0; right: 0.938rem; display: flex; align-items: center; font-size: 0.875rem; pointer-events: none; }
.chosen-container .chosen-search input { padding-right: 2.5rem; }
.chosen-container ul { width: 100%; font-size: 0.688rem; font-weight: 500; line-height: 1; padding: 0; margin: 0; list-style: none; margin-top: .75rem; padding-left: 0.15rem; max-height: 13.438rem; overflow-x: auto; }
.chosen-container li { width: 100%; margin-bottom: 0.65rem; }
.chosen-container li.active-result { cursor: pointer; }
.chosen-container li.no-results { margin-bottom: 0; }
.chosen-container li:hover { color: var(--bs-secondary); }


/*----------------------------------------------------------------------------
     CHOSEN INPUT - MULTISELECT
-----------------------------------------------------------------------------*/

.chosen-input-container { min-width: 100%; position: relative; }
.chosen-input-container .dropdown-menu { padding: .75rem; flex-wrap: wrap; margin-top: 0.125rem; }
.chosen-input-container ul { width: 100%; font-size: 0.688rem; font-weight: 500; line-height: 1; padding: 0; margin: 0; list-style: none; padding-left: 0.15rem; max-height: 13.438rem; overflow-x: auto; }
.chosen-input-container li { width: 100%; margin-bottom: 0.65rem; }
.chosen-input-container li.active-result { cursor: pointer; }
.chosen-input-container li.no-results { margin-bottom: 0; }
.chosen-input-container li:hover { color: var(--bs-primary); }


/*----------------------------------------------------------------------------
     DEFAULT MODAL POPUP
-----------------------------------------------------------------------------*/
[class*="defaultModal"] { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 1050; background: transparent; display: flex; height: 100%; max-width: 100%; flex-direction: column; }
[class*="defaultModal"] dl { margin: 0; height: 100%; }
[class*="defaultModal"] dd { background: rgba(0, 0, 0, 0.5); margin: 0; height: 100%; }
[class*="defaultModal"] dd iframe { width: 100%; max-width: 100%; display: block !important; height: 100%; }

.geek-loading { position: fixed; inset: 0; display: flex; justify-content: center; flex-direction: column; text-align: center; color: #fff; }
.geek-loading p { margin: 0; }
.geek-loading .spinner-border { width: 2rem; height: 2rem; margin: 0 auto; margin-bottom: .5rem; }

/*----------------------------------------------------------------------------
     BLANK LAYOUT
-----------------------------------------------------------------------------*/

.shared-blanklayout { height: 100%; }
.shared-blanklayout body { height: inherit; background: transparent; }
.shared-blanklayout body:after { display: none; }
.shared-blanklayout form { height: inherit; }
.shared-blanklayout main { padding-bottom: 1.125rem; }


/*----------------------------------------------------------------------------
     MODAL POPUP
-----------------------------------------------------------------------------*/
.modal-header { justify-content: space-between; }
.modal-title { font-size: 0.938rem; }

.modal-loading { --bs-modal-zindex: 1055; --bs-modal-width: 31.25rem; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: #ebecf0; --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg:; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; background-color: rgba(0, 0, 0, 0.5); }

.modal .card.with-gradient { background: var(--bs-primary); margin-bottom: 1rem; }

[data-bs-dismiss="modal"] { cursor: pointer; }
.btn-close { transform: rotate(0deg); -webkit-transition: transform .5s ease; -moz-transition: transform .5s ease; transition: transform .5s ease; }
.btn-close:hover { transform: rotate(180deg); }


.confirmation .modal-header { border-bottom: none; padding-bottom: 0; }
.confirmation .modal-footer { justify-content: center; border: none; padding-top: 0; padding-bottom: 2.5rem; }
.confirmation .modal-footer .btn { min-width: 8rem; }

.updvMsg-modal { z-index: 1056; }
.modal-backdrop.fade.show + .modal-backdrop.fade.show { z-index: 1055; }

/*----------------------------------------------------------------------------
     MAX HEIGHT SCROLL
-----------------------------------------------------------------------------*/

.maxScroll { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; padding-right: 1.25rem; }


/*----------------------------------------------------------------------------
     AT Flags
-----------------------------------------------------------------------------*/
[class*="atPriceFlag-"] { background: var(--bs-body-color); color: #fff; border-radius: 0.25rem; line-height: 1; text-transform: capitalize; display: inline-flex; justify-content: center; align-items: center; padding: 0.3rem 0.5rem; margin-top: 0.25rem; min-width: 4.5rem; font-size: 0.688rem; }
.input-group-text [class*="atPriceFlag-"] { height: 100%; margin: initial; width: 100%; min-width: initial; border-radius: 0.188rem; }

.atPriceFlag-fair { background: var(--at-fair); }
.atPriceFlag-good { background: var(--at-good); }
.atPriceFlag-great { background: var(--at-great); }
.atPriceFlag-high { background: var(--at-high); }
.atPriceFlag-low { background: var(--at-low); }

/*----------------------------------------------------------------------------
     Profile Notification
-----------------------------------------------------------------------------*/

.profile-progress { position: fixed; z-index: 101; right: -10%; bottom: 1.563rem; width: 31.25rem; max-width: 95%; background-color: var(--bs-primary); border: none; border-radius: 0.75rem; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: var(--aside-transition); transition: var(--aside-transition); }
html[class*="modal-shown-"] .profile-progress { z-index: 99; }
.profile-progress.visible { right: 1.563rem; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
.profile-progress .btn-close { position: absolute; top: 0.563rem; right: 0.563rem; width: 0.5rem; height: 0.5rem; transform: initial; cursor: pointer; }
.profile-progress .card-body { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem; }
.profile-progress .card-left { margin-right: 0.938rem; width: 100%; }
.profile-progress .card-title { display: flex; align-items: center; font-size: 0.938rem; margin-bottom: 0.625rem; }
.profile-progress .card-title i { margin-left: 0.625rem; }
.profile-progress .card-text { line-height: normal; font-size: 0.8rem; }
.profile-progress .card-text p:last-child { margin: 0; }
.profile-progress .element-circle span { border-radius: 50%; width: 3.125rem; height: 3.125rem; margin: auto; background: var(--bs-primary); text-align: center; display: inline-flex; align-items: center; justify-content: center; }
.profile-progress .element-circle { display: flex; border-radius: 50%; width: 3.75rem; height: 3.75rem; }

.profile-progress .element-circle.fill-25 { background-image: linear-gradient(0deg, #ffffff 50%, transparent 50%), linear-gradient(-90deg, var(--bs-body-color) 50%, #ffffff 50%); }
.profile-progress .element-circle.fill-33 { background-image: linear-gradient(30deg, #ffffff 50%, transparent 50%), linear-gradient(-90deg, var(--bs-body-color) 50%, #ffffff 50%); }
.profile-progress .element-circle.fill-50 { background-image: linear-gradient(90deg, #ffffff 50%, transparent 50%), linear-gradient(-90deg, var(--bs-body-color) 50%, #ffffff 50%) }
.profile-progress .element-circle.fill-66 { background-image: linear-gradient(-90deg, var(--bs-body-color) 50%, transparent 50%), linear-gradient(-30deg, var(--bs-body-color) 50%, #ffffff 50%); }
.profile-progress .element-circle.fill-75 { background-image: linear-gradient(-90deg, var(--bs-body-color) 50%, transparent 50%), linear-gradient(0deg, var(--bs-body-color) 50%, #ffffff 50%); }
.profile-progress .element-circle.fill-100 { background-image: linear-gradient(90deg, var(--bs-body-color) 50%, var(--bs-body-color) 50%), linear-gradient(-90deg, var(--bs-body-color) 50%, var(--bs-body-color) 50%); }

.profile-progress .button-group { margin-top: 0.75rem; }
.profile-progress .button-group .btn { height: 1.875rem; padding: 0.375rem 0.938rem 0.313rem; font-size: 0.688rem; }

.wobble-right { animation: wobble-right 2s ease infinite; }

@keyframes wobble-right {
    0%, 20%, 50%, 80%, 100% { transform: translateX(0); }
    40% { transform: translateX(1.563rem); }
    60% { transform: translateX(0.625rem); }
}

/*----------------------------------------------------------------------------
      
-----------------------------------------------------------------------------*/

.confirmation .modal-content { border-radius: 1.25rem; }
.confirmation .modal-body { padding: 3rem; }
.confirmation .btn-close { position: absolute; top: 1rem; right: 1rem; z-index: 9; }
.confirmation .fa { font-size: 5.313rem; color: var(--bs-primary); }
.confirmation .custom-type { }
.confirmation .custom-type .label { }
.confirmation .custom-type em { width: 100%; font-style: normal; font-size: 0.688rem; }

.confirmation .likeToWrap { margin: auto; width: 25rem; }
.confirmation .dropdown-el { min-width: 100%; }
.confirmation .dropdown-el .custom-type { margin: 0; height: 2.813rem; font-size: 1rem; color: var(--bs-body-color); }
.confirmation .dropdown-el .custom-type .label { font-size: inherit; }

.confirmation .bs-multiselect .btn-group .form-control { border: 0.063rem solid var(--bs-light); box-shadow: 0 0 1.063rem -0.75rem #00000080; font-size: 1.25rem; height: 3.5rem; padding: 0 1.875rem; padding-right: 3rem; background-color: #fff; background-size: 2rem 1.1rem; background-position: right 1rem center; }

.confirmation .btn { width: 9.375rem; height: 2.813rem; font-size: 1rem; }

/*----------------------------------------------------------------------------
      
-----------------------------------------------------------------------------*/


.fixed--iconMenu { position: fixed; left: 0; right: 0; bottom: -10%; z-index: 10; background-color: #fff; -webkit-box-shadow: 0 -0.313rem 0.625rem -0.125rem rgba(0, 0, 0, .1); -moz-box-shadow: 0 -0.313rem 0.625rem -0.125rem rgba(0, 0, 0, .1); box-shadow: 0 -0.313rem 0.625rem -0.125rem rgba(0, 0, 0, .1); -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); -webkit-transition: all .5s; transition: all .5s; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) }
.fixed--iconMenu ul { margin: 0; list-style: none; padding: 0 0.313rem; display: flex; height: 4.75rem; align-items: center; justify-content: space-between }
.fixed--iconMenu ul li { flex-direction: column; margin: 0; align-items: center; justify-content: center; height: 100%; width: 100%; display: inline-flex; padding: 0 0.188rem; position: relative }
.fixed--iconMenu ul li a { position: relative; display: inline-flex; width: 100%; height: 100%; justify-content: center; align-items: center; flex-direction: column }
.fixed--iconMenu ul li a i { margin: 0; font-size: 1.25rem; display: inline-flex; justify-content: center; align-items: center }
.fixed--iconMenu ul li label { display: inline-flex; text-align: center; line-height: 1; font-size: 0.75rem; margin-top: 0.313rem; margin-bottom: 0; }


/*----------------------------------------------------------------------------
      
-----------------------------------------------------------------------------*/

.stock-confirmvehicle { padding-left: 0.625rem; }

.breadcrumb { font-size: 0.813rem; font-weight: 500; }
.breadcrumb-item { color: #666666; }
.breadcrumb-item a { color: inherit; }
.breadcrumb-item + .breadcrumb-item { padding-left: 0.313rem; }
.breadcrumb-item + .breadcrumb-item::before { padding-right: 0.188rem; }
.breadcrumb-item.active { color: #000; }

.card.vehicle-header { border: none; align-items: flex-start; padding-left: 0.938rem; margin-left: -0.25rem; margin-bottom: 2rem; }
.card.vehicle-header:before { content: ""; background-color: var(--bs-primary); width: 0.313rem; height: 2rem; position: absolute; top: 0.188rem; left: 0; }
.card.vehicle-header .card-title { margin-bottom: 0.063rem; }
.card.vehicle-header .card-text { font-size: 0.75rem; }

.review-vehicle h4 { font-size: 1.25rem; }
.review-vehicle p { font-size: 0.813rem; font-weight: 500; border-bottom: 0.125rem solid var(--bs-border-color); padding-bottom: 0.75rem; }
.review-vehicle .row { position: relative; margin-bottom: 1.5rem; }
.review-vehicle .row:before { content: ""; border-bottom: 0.063rem solid var(--bs-border-color); position: absolute; left: 0; right: 0; bottom: -0.5rem; margin: auto; width: calc(100% - var(--bs-gutter-x)); }
.review-vehicle .row:last-child:before { display: none; }


.stock-confirmvehicle .card.theme { background-color: var(--bs-light); border: none; border-radius: 1.375rem; }
.stock-confirmvehicle .card.theme .card-body { border: none; padding: 0; }

.stock-confirmvehicle .card.theme .card.theme { background-color: #fff; min-height: 100%; }
.stock-confirmvehicle .card.theme .card.theme .card-body { padding: 1.5em; }

.stock-confirmvehicle .card.theme ul { padding: 0; margin: 2rem; list-style: none; font-size: 0.75rem; line-height: 1.2; }
.stock-confirmvehicle .card.theme ul li { margin-bottom: 1rem; }
.stock-confirmvehicle .card.theme li label { font-weight: 500; width: 35%; }

.stock-confirmvehicle .thumbnail-rpt .thumbnail-img { margin-bottom: 1.5rem; }
.stock-confirmvehicle .thumbnail-rpt .thumbnail-label { min-height: auto; margin: 0; }
.stock-confirmvehicle .thumbnail-rpt .thumbnail-label + .thumbnail-label { margin-top: 0.5rem; opacity: 0.85; }
.stock-confirmvehicle .thumbnail-rpt .button-wrap .btn.btn-primary { width: 100%; background-color: var(--bs-primary); margin-top: 2rem; }


/*.swiper.grid-view { touch-action: initial; }
.swiper.grid-view:before { display: none; }
.swiper.grid-view .swiper-wrapper { flex-wrap: wrap; margin-right: -0.5rem; margin-left: -0.5rem; transition-duration: initial !important; transition-delay: initial !important; transform: initial !important; height: initial !important; transition-property: initial !important; transition-timing-function: initial !important; box-sizing: initial !important; }
.swiper.grid-view .swiper-slide { flex: 0 0 auto !important; width: 25% !important; margin: 0 !important; padding: 0; padding-right: 0.5rem; padding-left: 0.5rem; }
.swiper.grid-view .swiper-button-wrap { display: none; }*/

.editVech { padding: 1.5rem; font-size: .8rem; }
.editVech select { background-color: #fff; }

/*----------------------------------------------------------------------------
    PhotoSwipe Default UI CSS
-----------------------------------------------------------------------------*/
.pswp__button { width: 2.75rem; height: 2.75rem; position: relative; background: 0; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: .75; -webkit-transition: opacity .2s; transition: opacity .2s; -webkit-box-shadow: none; box-shadow: none; }
.pswp__button:focus,
.pswp__button:hover { opacity: 1; }
.pswp__button:active { outline: 0; opacity: .9; }
.pswp__button::-moz-focus-inner { padding: 0; border: 0; }
.pswp__ui--over-close .pswp__button--close { opacity: 1; }
.pswp__button, .pswp__button--arrow--left:before,
.pswp__button--arrow--right:before { background: url(../images/iconSkin.png) 0 0 no-repeat; background-size: 16.5rem 5.5rem; width: 2.75rem; height: 2.75rem; }


.pswp__button--close { background-position: 0 -2.75rem; }
.pswp__button--share { background-position: -2.75rem -2.75rem; }
.pswp__button--fs { display: none; }
.pswp--supports-fs .pswp__button--fs { display: block; }
.pswp--fs .pswp__button--fs { background-position: -2.75rem 0; }
.pswp__button--zoom { display: none; background-position: -5.5rem 0; }
.pswp--zoom-allowed .pswp__button--zoom { display: block; }
.pswp--zoomed-in .pswp__button--zoom { background-position: -8.25rem 0; }
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; }
.pswp__button--arrow--left, .pswp__button--arrow--right { background: 0; top: 50%; margin-top: -3.125rem; width: 4.375rem; height: 6.25rem; position: absolute; }
.pswp__button--arrow--left { left: 0; }
.pswp__button--arrow--right { right: 0; }
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ''; top: 2.188rem; background-color: rgba(0,0,0,0.3); height: 1.875rem; width: 2rem; position: absolute; }
.pswp__button--arrow--left:before { left: 0.375rem; background-position: -8.625rem -2.75rem; }
.pswp__button--arrow--right:before { right: 0.375rem; background-position: -5.875rem -2.75rem; }
.pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.pswp__share-modal { display: block; background: rgba(0,0,0,0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 0.625rem; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity; }
.pswp__share-modal--hidden { display: none; }
.pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 3.5rem; border-radius: 0.125rem; display: block; width: auto; right: 2.75rem; -webkit-box-shadow: 0 0.125rem 0.313rem rgba(0,0,0,0.25); box-shadow: 0 0.125rem 0.313rem rgba(0,0,0,0.25); -webkit-transform: translateY(0.375rem); -ms-transform: translateY(0.375rem); transform: translateY(0.375rem); -webkit-transition: -webkit-transform .25s; transition: transform .25s; -webkit-backface-visibility: hidden; will-change: transform; }
.pswp__share-tooltip a { display: block; padding: 0.5rem 0.75rem; color: #000; text-decoration: none; font-size: 0.875rem; line-height: 1.125rem; }
.pswp__share-tooltip a:hover { text-decoration: none; color: #000; }
.pswp__share-tooltip a:first-child { border-radius: 0.125rem 0.125rem 0 0; }
.pswp__share-tooltip a:last-child { border-radius: 0 0 0.125rem 0.125rem; }
.pswp__share-modal--fade-in { opacity: 1; }
.pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.pswp--touch .pswp__share-tooltip a { padding: 1rem 0.75rem; }
a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -0.75rem; right: 0.938rem; border: 0.375rem solid transparent; border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; }
a.pswp__share--facebook:hover { background: #3e5c9a; color: #FFF; }
a.pswp__share--facebook:hover:before { border-bottom-color: #3e5c9a; }
a.pswp__share--twitter:hover { background: #55acee; color: #FFF; }
a.pswp__share--pinterest:hover { background: #CCC; color: #ce272d; }
a.pswp__share--download:hover { background: #DDD; }
.pswp__counter { position: absolute; left: 0; top: 0; height: 2.75rem; font-size: 0.813rem; line-height: 2.75rem; color: #FFF; opacity: .75; padding: 0 0.625rem; padding-top: 1.063rem; padding-left: 1.25rem; }
.pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 2.75rem; }
.pswp__caption small { font-size: 0.688rem; color: #BBB; }
.pswp__caption__center { text-align: center; max-width: 75rem; margin: 0 auto; font-size: 0.813rem; padding: 0.625rem; line-height: 1.25rem; color: #CCC; }
.pswp__caption--empty { display: none; }
.pswp__caption--fake { visibility: hidden; }
.pswp__preloader { width: 2.75rem; height: 2.75rem; position: absolute; top: 0; left: 50%; margin-left: -1.375rem; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; will-change: opacity; direction: ltr; }
.pswp__preloader__icn { width: 1.25rem; height: 1.25rem; margin: 0.75rem; }
.pswp__preloader--active { opacity: 1; }
.pswp__preloader--active .pswp__preloader__icn { background: url(../images/preloader.gif) 0 0 no-repeat; }
.pswp--css_animation .pswp__preloader--active { opacity: 1; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4,0,0.22,1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4,0,0.22,1) infinite; }
.pswp--css_animation .pswp__preloader__icn { background: 0; opacity: .75; width: 0.875rem; height: 0.875rem; position: absolute; left: 0.938rem; top: 0.938rem; margin: 0; }
.pswp--css_animation .pswp__preloader__cut { position: relative; width: 0.438rem; height: 0.875rem; overflow: hidden; }
.pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 0.875rem; height: 0.875rem; border: 0.125rem solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: 0; margin: 0; }

@media screen and (max-width:1024px) {
    .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; }
}

.pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; }
.pswp__top-bar { position: absolute; left: 0; top: 0; height: 2.75rem; width: 100%; padding-top: 1.063rem; padding-right: 1.25rem; }
.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); }
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; }
.pswp__top-bar, .pswp__caption { /*background-color: rgba(0,0,0,0.5);*/ }
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption { /*background-color: rgba(0,0,0,0.3);*/ }
.pswp__ui--idle .pswp__top-bar { opacity: 0; }
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0; }
.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { opacity: .001; }
.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; }
.pswp__element--disabled { display: none !important; }
.pswp--minimal--dark .pswp__top-bar { background: 0; }

/* PhotoSwipe main CSS */
.pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 9999; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: 0; }
.pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.pswp img { max-width: none; object-fit: contain; }
.pswp--animate_opacity { opacity: .001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); }
.pswp--open { display: block; }
.pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; }
.pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; }
.pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; }
.pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4,0,0.22,1); transition: transform 333ms cubic-bezier(0.4,0,0.22,1); }
.pswp__bg { will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); }
.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; }
.pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; }
.pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; }
.pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; }
.pswp__img--placeholder { -webkit-backface-visibility: hidden; }
.pswp__img--placeholder--blank { background: #222; }
.pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; }
.pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 0.875rem; line-height: 1rem; margin-top: -0.5rem; color: #CCC; }
.pswp__error-msg a { color: #CCC; text-decoration: underline; }
.pswp__button--share { display: none !important; }
.pswp__counter { }
/*  /////     PhotoSwipe  end /////   */


.tag-input__container { padding: .375rem; }
.tag-input__container .tag-input__editor { width: 100%; }
.tag-input__container .tag-input__tag { display: inline-flex; align-items: center; padding: 0.313rem 0.438rem; margin-right: 0.313rem; font-size: 0.688rem; }
.tag-input__container .tag-input__label { margin-right: 0.313rem; }
.tag-input__container .tag-input__remove { transform: initial; }
.tag-input__container .form-control { height: auto; font-size: 0.688rem; border-style: dashed; padding: 0.25rem 0.625rem; }

.masters-addbg .tag-input__container { padding: 0.25rem 0.25rem; }
.masters-managebg .tag-input__container { padding: 0.25rem 0.25rem; }


fieldset { border: 0.063rem solid #ebecf0; border-radius: 0.625rem; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); padding-bottom: 0; padding-top: 0.8rem; position: relative; margin-bottom: 1rem; }
fieldset legend { background: #fff; font-size: 0.85rem; color: var(--bs-card-title-color); position: absolute; top: -0.688rem; left: 0.5rem; padding: 0 0.5rem; display: inline-flex; width: auto; }