body { position: relative; }
body > form { }

html:not(.login, .shared-blanklayout) { background: #cdcdcd; padding: 0.563rem; }

html:not(.login, .shared-blanklayout) body { border-radius: 1.375rem; background: #fff; }

img { max-width: 100%; }

.gray-600 { color: var(--bs-gray-600) }

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

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

/*----------------------------------------------------------------------------
     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-left: 1rem; padding-right: 1rem; padding-bottom: 3.75rem; position: relative; transition: 0.5s ease; }
.copy-rights-inner { text-align: right; padding-right: 1.875rem; position: absolute; right: 0; bottom: 1.813rem; width: 100%; font-size: 0.65rem; font-weight: 600; }
.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: 0.375rem; height: 2.5rem; font-size: 0.7rem; font-weight: 600; line-height: 1; }
.btn:not(.btn-sm) i { margin-right: 0.4rem; }
.btn.btn-sm { height: 1.813rem; font-size: 0.7rem; font-weight: 600; 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; }

.btn.disabled:after { content: "\1f512"; font-family: var(--fa-style-family); font-weight: var(--fa-style-regular); margin-left: 0.5rem; }
.btn.disabled { background: #9E9E9E !important; border-color: #9E9E9E !important; }

/*----------------------------------------------------------------------------
     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-select { cursor: pointer; }
.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.375rem; }
.form-label.d-block + .form-control[type=file] { margin-top: 0.688rem; }
.form-label.d-block + .button-wrap { margin-top: 0.688rem; }


.form-control { border: 0.063rem solid #ebecf0; border-radius: 0.375rem; height: 2.5rem; font-size: 0.813rem; font-weight: 600; display: flex; align-items: center; line-height: 1; }
textarea.form-control { line-height: 1.5; }

.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; font-weight: 700; 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; }


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

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

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

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

.specs-additional .optional-control { font-size: 0.688rem; }

.input-group .pill-wrap { display: flex; align-items: center; height: 2.5rem; padding: 0 0.5rem; border: 0.063rem solid #ebecf0; border-left: 0; border-right: 0; background-color: #fff; position: relative; left: -0.063rem; }
.input-group .pill-wrap .badge { margin-left: 0.25rem; font-size: 0.65rem; letter-spacing: 0.015rem; }
.input-group .pill-wrap .badge:first-child { margin-left: 0; }



/*----------------------------------------------------------------------------
     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; font-weight: 600; }
.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; }
.navbar:before { content: ""; background: #d6d6d6; width: 0.063rem; height: var(--navbar-height); position: absolute; top: 0; left: calc(var(--aside-width) - 0.063rem); transition: 0.5s ease; }
.navbar:after { content: ""; background: #d6d6d6; width: calc(100% - var(--aside-width)); height: 0.063rem; position: absolute; bottom: -0.063rem; right: 0; transition: 0.5s ease; }

.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 { width: 100%; height: 2.5rem; display: inline-flex; align-items: center; transition: inherit; -moz-transition: inherit; -webkit-transition: inherit; }
.navbar .navbar-brand img { opacity: 0; transition: inherit; -moz-transition: inherit; -webkit-transition: inherit; max-height: 100%; max-width: initial; position: absolute; top: 0; bottom: 0; margin: auto; pointer-events: none; }
.navbar .navbar-brand .logo-large { }
.navbar .navbar-brand .logo-compact { }
.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; color: var(--bs-primary); }
.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; font-size: 0.8rem; align-items: center; line-height: 1; font-weight: 600; color: #8f8f8f; margin-right: 2.063rem; }
.navbar .navbar-info span { display: inline-block; line-height: 1; margin-left: 0.25rem; }
.navbar .navbar-info .span-name { font-weight: 700; color: #000; }
.navbar .navbar-info a { color: #bbbbbb; text-decoration: none; margin-left: 1.438rem; display: inline-block; }
.navbar .navbar-info a:before { content: ""; height: 0.688rem; width: 0.125rem; display: inline-block; background: #bbbbbb; vertical-align: middle; margin-right: 1.188rem; }

/*----------------------------------------------------------------------------
     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 .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: 0.438rem; 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: var(--theme-gradient); width: 100%; height: 0.188rem; display: block; margin: 0.813rem 0; }

aside .sidebar-menu .menu-open { /*background: var(--theme-gradient);*/ color: var(--bs-body-color); }
aside .sidebar-menu .menu-open .angleCaret { transform: rotate(-180deg); }

aside .sidebar-menu .active { background: var(--theme-gradient); }
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.75rem; font-weight: 500; white-space: nowrap; transition: opacity 0.6s ease; }
/*aside .sidebar-menu .sidebar-tooltip { position: absolute; left: 2.688rem; z-index: 10; font-size: 0.75rem; font-weight: 500; white-space: nowrap; background-color: #fff; padding: 0.5rem 0.75rem; border-radius: 0.438rem; transition: opacity 0.6s ease; opacity: 0; pointer-events: none; color: var(--bs-body-color); background: var(--theme-gradient); }
html:not(.bodylocked) aside .sidebar-menu .sidebar-tooltip { display: none; }
aside .sidebar-menu a:hover .sidebar-tooltip { top: 50%; transform: translateY(-50%); transition: var(--aside-transition); pointer-events: initial; opacity: 1; }*/


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.7rem; }
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 { width: 2.5rem; min-width: 2.5rem; }
html.sidebar-hidden:not(.bodylocked) .navbar .navbar-brand a { width: 2.5rem; }
html:not(.sidebar-hidden, .bodylocked) .navbar .navbar-brand .logo-large { opacity: 1; }
html.sidebar-hidden:not(.bodylocked) .navbar .navbar-brand .logo-compact { opacity: 1; }

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 { opacity: 1; left: 0; right: initial; }
html.bodylocked aside .menu i { color: var(--bs-primary); }

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

.likeToWrap { position: relative; height: 3.438rem; margin-bottom: 0.063rem; }
.dropdown-el { position: absolute; left: 0; top: 0; z-index: 99; min-width: 15.688rem; display: inline-block; min-height: 2.25rem; max-height: 2.25rem; overflow: hidden; cursor: pointer; border-radius: 6.188rem; background-color: #fff; transition: 0.3s all ease-in-out; border: 0.094rem solid #dfdfdf; color: var(--bs-body-color); font-weight: 600; }
.dropdown-el a,
.dropdown-el label,
.dropdown-el input { text-align: left; cursor: pointer; position: relative; margin-bottom: 0; padding: 0 1.063rem; background: transparent; width: 100%; height: 2.125rem; display: flex; align-items: center; font-size: 0.75rem; color: #808080; }
.dropdown-el::after { content: "\f078"; position: absolute; right: 0.813rem; top: 0.438rem; transition: .3s all ease-in-out; font-size: 0.75rem; font-family: var(--fa-style-family); font-weight: var(--fa-style-solid); }
.dropdown-el.expanded { background: #fff; border-radius: 0.625rem; max-height: 37.5rem; font-size: 1.125rem; padding: 0.625rem; padding-top: 0.625rem; }
.dropdown-el.expanded label { cursor: initial !important; }
.dropdown-el.expanded a:hover,
.dropdown-el.expanded input:hover { transition: 0.01s; color: var(--bs-body-color); }
.dropdown-el.expanded::after { transform: rotate(-180deg); top: 1.125rem; right: 1.625rem; }

.dropdown-el label { color: var(--bs-body-color); }

.topOnBody .likeToWrap { margin-right: 0.125rem; }
.topOnBody .dropdown-el { left: auto; right: 0; }


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

.theme.card { border: none; }
.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; margin-bottom: 0.5rem; }
.theme.card .card-header .card-title { font-size: 0.85rem; font-weight: 600; margin-bottom: 0.063rem; }
.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-body { border: 0.063rem solid #ebecf0; border-radius: 0.625rem; padding-top: 0.5rem; }
.theme.card .card-body + .card-body { margin-top: 1rem; }


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

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

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

.theme.table { border-top-color: var(--theme-table-th); font-size: 0.688rem; font-weight: 600; line-height: 1.2; }
.theme.table th { background-color: var(--theme-table-th); white-space: nowrap; }
.theme.table td .gray-600.text-capitalize { line-height: 1.2; }
.theme.table .form-control { height: 1.875rem; padding: .375rem; border-radius: 0.25rem; }
.theme.table .form-select { background-position: right .35rem center; }

.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; }

/*[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; }*/


/*----------------------------------------------------------------------------
     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 #bbbbbb; 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: #ffffff; 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); font-weight: 900; 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; }

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

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

.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-primary); 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 { background: transparent; }

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

.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; }


.popup-addSpecification .chkOpSpec > input { position: absolute; inset: 0; z-index: 1; height: 100%; width: 100%; margin: 0 !important; padding: 0 !important; cursor: pointer; opacity: 0; }
.popup-addSpecification .chkOpSpec > input:checked + .input-group .checkmark { background-color: var(--bs-primary); border-color: var(--bs-primary); }
.popup-addSpecification .chkOpSpec > input:checked + .input-group .checkmark:after { opacity: 1; }
.popup-addSpecification .chkOpSpec > [type="checkbox"] + .input-group .checkmark:after { content: "\2713"; }

.reg-plate-label { background-image: url(../images/reg-plate-label.png); background-color: #ffcc00; background-size: auto 100%; background-position: left center; background-repeat: no-repeat; border-radius: 0.313rem; height: 2rem; display: inline-flex; padding: 0.125rem 0.7rem; padding-left: 1.78rem; font-weight: 900; font-size: 1rem; line-height: 1; border: 0.126rem solid #000; margin-right: 1rem; }
.reg-plate-label span { display: flex; align-items: center; letter-spacing: 0.1rem; line-height: 1.5; }



/*----------------------------------------------------------------------------
     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: 0.5rem; }
.ul-table-list li:last-child { margin-right: 0; margin-bottom: 0; }
.ul-table-list li label { width: 40%; padding-right: 0.5rem; }
.ul-table-list li strong { font-weight: 600; }
.ul-table-list li strong:empty:before { content: "-"; }

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

.whitesmoke.ul-table-list.list-1 li:nth-child(even) { background: var(--theme-table-th); }

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

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

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

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

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

/*----------------------------------------------------------------------------
     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.375rem 0; background-size: 1.875rem; background-position: left -0.125rem center; }
.form-switch .form-check-input:checked { background-color: var(--bs-primary); 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 .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: var(--bs-body-color); font-size: 0.813rem; font-weight: 700; 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.125rem; 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; }

/*----------------------------------------------------------------------------
     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; font-weight: 600; 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(--theme-gradient); }


.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; }

.accordion-link-style .accordion-item { border: none; margin-bottom: 1rem; }
.accordion-link-style .accordion-header { display: flex; }
.accordion-link-style .accordion-button { display: inline-flex; width: auto; padding: 0; background: transparent; color: var(--bs-primary) !important; cursor: pointer; }
.accordion-link-style .accordion-button:hover { color: var(--bs-accordion-btn-color); }
.accordion-link-style .accordion-button::after { background: transparent; display: none; }
.accordion-link-style .accordion-button i { font-size: 1rem; margin-right: 0.5rem; }
.accordion-link-style .accordion-body { padding: 0; padding-top: 0.5rem; }




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

.footer-pagination { 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.563rem; font-weight: 600; 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 { font-weight: 600; 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: #fff; 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 { font-weight: 600; }
.platform-stats span { }

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

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

.thumbnail-rpt { margin-bottom: 1rem; }

.thumbnail-rpt .thumbnail-img { position: relative; padding-bottom: calc(100% - 0.126rem); background-color: var(--bs-light); overflow: hidden; border: 0.063rem solid #ebecf0; border-radius: 0.375rem; }
.thumbnail-rpt .thumbnail-img img { position: absolute; inset: 0; width: 100%; max-width: 100%; max-height: 100%; margin: auto; }
.thumbnail-rpt .thumbnail-img .custom-type { position: absolute; top: 0.5rem; right: 0.5rem; z-index: 1; margin: 0; }

.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.688rem; margin-top: 0.5rem; line-height: 1.1; padding: 0 0.5rem; white-space: nowrap; display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; }

.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; }

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

.dragDrop-inner { position: relative; border: 0.063rem dashed var(--bs-primary); 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 { color: var(--bs-primary); font-size: 0.66rem; font-weight: 700; }

.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%); }


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

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

.login body { background: #000; min-height: 100%; height: 100%; }
.login-body .login-center { padding: 1.625rem; position: relative; min-height: 100%; display: flex; align-items: center; }
.login-body .card { position: relative; z-index: 1; width: 24.625rem; border: none; border-radius: 1.063rem; padding: 1.625rem 3rem; }
.login-body .card-logo { margin-top: 3rem; text-align: center; width: 12.875rem; align-self: center; }
.login-body .card-logo img { max-height: 4.375rem; }
.login-body .card-body { padding: 0; margin: 3.5rem 0 4rem; position: relative; }
.login-body .form-group { margin-bottom: 0.938rem; }
.login-body .form-label { font-size: 0.76rem; margin-bottom: 0; color: #4f4f4f; }
.login-body p { font-size: 0.85rem; font-weight: 500; line-height: 1.3; }
.login-body .form-control { border: none; border-bottom: 0.125rem solid #b3b3b3; border-radius: 0; height: 1.688rem; padding-left: 0.313rem; padding-bottom: 0.438rem; font-weight: 600; font-size: 0.8rem; }
.login-body .form-control::placeholder { color: #818181; }
.login-body .card .btn { background: var(--theme-gradient); border: none; color: #000; border-radius: 3.125rem; width: 8rem; font-weight: 600; font-size: 0.8rem; height: 2.25rem; 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.188rem; }
.login-body .card-forgotten a:not(.btn) { color: #888888; font-size: 0.76rem; text-decoration: none; font-weight: 600; }
.login-body .card-footer { border: none; background: transparent; padding: 0; text-align: center; color: #a9a9a9; font-size: 0.67rem; font-weight: 600; }
.login-body .card-footer a { color: inherit; font-weight: 700; 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 { opacity: 0.8; }

.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: #b3b3b3; 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; font-weight: 600; 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; }

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

.home-index { margin-top: -0.063rem; }

.home-index .card { padding: 1.25rem 0.5rem; border-radius: 0.938rem; border: none; box-shadow: 0 0 0 0.09rem rgba(var(--bs-body-color-rgb), 0.1); min-height: calc(100% - 1.5rem); margin-bottom: 1.5rem; }

.home-index .card-header { position: relative; display: flex; justify-content: space-between; align-items: flex-end; background: transparent; border: none; line-height: 1; padding: 0 0.75rem; }
.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; font-weight: 600; }

.home-index .card-title { display: flex; align-items: center; font-size: 0.875rem; font-weight: 600; margin-bottom: 0.188rem; }
.home-index .card-subtitle { font-size: 0.688rem; font-weight: 500; }

.home-index .card-body { padding: 0; padding-top: 0.813rem; }
.home-index .card-body ul { padding: 0; margin: 0; list-style: none; font-size: 0.75rem; line-height: 1.2; font-weight: 600; }
.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 .vehicle-recent { padding-top: 1.5rem; }
.home-index .vehicle-recent .card-title { margin: 0; }
.home-index .vehicle-recent .card-header { padding-bottom: 0; border: none; padding-left: 0.938rem; }
.home-index .vehicle-recent .card-header:after { display: none; }

.home-index .vehicle-recent .card-heading { font-size: 0.688rem; font-weight: 600; margin-bottom: 0.313rem; }
.home-index .vehicle-recent .card-body { padding: 0 1.5rem; line-height: 1.2; }
.home-index .vehicle-recent .thumbnail { padding: 0.75rem 0; display: flex; align-items: center; justify-content: center; }
.home-index .vehicle-recent .thumbnail img { width: 100%; border-radius: 0.938rem; }
.home-index .vehicle-recent .card-text { font-size: 0.563rem; padding-right: 2.188rem; color: #878787; font-weight: 600; }
.home-index .vehicle-recent .card-text a { font-weight: 700; }
.home-index .vehicle-recent .btn-primary { border-radius: 3.125rem; }
.home-index .vehicle-recent .button-wrap { margin: 1.125rem 0; }
.home-index .vehicle-recent .button-wrap .btn { height: 2.313rem; font-size: 0.75rem; }
.home-index .vehicle-recent .card-footer-text { font-size: 0.563rem; color: #878787; font-weight: 600; text-align: center; }
.home-index .vehicle-recent .card-footer-text strong { color: var(--bs-body-color); }

.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 #performanceChart { position: relative; z-index: 1; }
.home-index .performance-rating .card-icons { position: relative; z-index: 2; text-align: center; display: flex; align-items: center; justify-content: space-around; padding: 0 1rem; }
.home-index .performance-rating p { margin-bottom: 0; font-size: 0.8rem; font-weight: 600; }

.home-index #priceIndicatorChart { position: relative; z-index: 1; }
.home-index .price-indicator .card-indicator { position: relative; z-index: 2; text-align: center; display: flex; align-items: center; justify-content: space-around; padding: 0 1rem; }
.home-index .price-indicator .card-indicator span { font-size: 0.7rem; min-width: calc((100%) / (6) - (0.1rem)); margin: 0 0.1rem; border-radius: 0.2rem; }
.home-index .price-indicator p { margin-bottom: 0; font-size: 0.8rem; font-weight: 600; }




/*----------------------------------------------------------------------------
     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; font-weight: 600; 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; font-weight: 600; 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-primary); }


/*----------------------------------------------------------------------------
     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 form { height: inherit; }

/*----------------------------------------------------------------------------
     MODAL POPUP
-----------------------------------------------------------------------------*/

.modal-header { justify-content: space-between; }
.modal-title { font-size: 0.938rem; font-weight: 600; }

.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(--theme-gradient); margin-bottom: 1rem; }

.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; }

/*----------------------------------------------------------------------------
     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; font-weight: 600; }
.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); }

/*----------------------------------------------------------------------------
     status condition
-----------------------------------------------------------------------------*/

.status-fair { background: var(--at-fair); }
.status-good { background: var(--at-good); color: #fff; }
.status-great { background: var(--at-great); color: #fff; }
.status-high { background: var(--at-high); color: #fff; }
.status-low { background: var(--at-low); color: #fff; }