/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/
.w-12{width: 12%;}
.w-15{width: 15%;}
.w-150px{width: 150px;}
.w-200px{width: 200px;}

td.fit {
    white-space: nowrap;
    width: 1%;
}

.orderList .accordion-item::before {
    border-left: none;
}

figure{padding: 0; margin: 0;}

div.message {
    position: relative;
    z-index: 0;
    padding: 1rem;
    padding-left: 1rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    border: 1px solid #1C91E7;
    border-left: 0;
    border-radius: 1rem;
    overflow: hidden;
}

div.message:after {
    position: absolute;
    display: block;
    content: "";
    width: 0.25rem;
    left: 0;
    top: 0;
    bottom: 0;
    background: #1C91E7;
}

lord-icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
}



.box.icon .preview 
{
    width:6.25rem;
    height: initial;
    aspect-ratio: 1/1;
    object-fit: contain;
}
.app-card{
    background-color: var(--vz-info-bg-subtle);

}

.app-card:hover{
    background-color: #f2e8ff;
}

.dropdown-item {
    padding: 8px 15px;
    font-size: 0.85rem;
    margin-right: 15px;
    cursor: pointer;
}
.dropdown-item.active 
{
    color: var(--vz-dropdown-link-hover-color);
    background-color: var(--vz-dropdown-link-hover-bg)
}  


/**New Phase 3 **/
.card .common_controls{}
.card .common-controls, .card .common-controls__block {
    align-items: center;
    display: flex;
}
.card .common-controls {
    flex-grow: 1;
}

.ci__table__row td:before {
    left: -0.05rem;
}
.ci__table__row td:after, 
.ci__table__row td:before {
    background-color: #f3f4f8;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 0.05rem;
}

.ci__table__row.head_col td:after, 
.ci__table__row.head_col td:before
{
    background-color: #d6d8e3;
}

.ci__table__row td:after {
    right: 0;
}


.ci__table__row:hover td {
    box-shadow: inset 0 -0.06rem 0 0 #d6d8e3, inset 0 0.06rem 0 0 #d6d8e3;
}

.ci__table__row.expanded .row-text__color,
.ci__table__row__inserted .row-text__color
{display: block;}


.ci__table__row.head_col td {
    border-bottom-color: #c8c8d4;
    border-bottom-width: 2px;
}

.row-text__color {
    height: calc(100%);
    left: 0;
    position: absolute;
    top: 0;
    width: 0.1rem;
    display: none;
}
.row-text__inner {
    box-sizing: border-box;
    -moz-column-gap: .5rem;
    column-gap: 0.5rem;
    display: flex;
    margin: 0;
    padding: 0.6rem 1rem;
    /* width: calc(100% - 6rem); */
}

.colored-line
{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0.1rem;
    z-index:3;
}

.ci__table__row td {
    position: relative;
    padding: 0.5rem 0.55rem;
    border-bottom-width: 0px;
    box-shadow: inset 0 0.05rem 0 0 #f3f4f8, inset 0 -0.05rem 0 0 #f3f4f8;
}

.ci__table__row.row-nested td.col-nested{padding: 0;}

.ci__table__row:hover td.col-nested {box-shadow:none}

.ci__table__row.row-nested .ci__table__row td{
    box-shadow: inset 0 0.05rem 0 0 #f3f4f8, inset 0 -0.05rem 0 0 #f3f4f8;
}

.ci__table__row.row-nested .ci__table__row:hover td {
    box-shadow: inset 0 -0.06rem 0 0 #d6d8e3, inset 0 0.06rem 0 0 #d6d8e3;
}

.ci__table__row.ci__table__row__inserted td{
    background-color: #eefafa;
}

.ci__table__row.ci__table__row__inserted td
{
    box-shadow: inset 0 0.05rem 0 0 #e0e1e7, inset 0 -0.05rem 0 0 #e0e1e7;
}

.ci__table__row__inserted .se-table-data-2__wrapper
{
    background-color: #fff;
}
.ci__table__row__inserted:hover .se-table-data-2__wrapper
{
    border: 1px solid #e7dbdb;
}

.ci__table__row__inserted td:after, .ci__table__row__inserted td:before
{
    background-color: #e7dbdb;
}

.ci__table__row i
{
    line-height: initial;    
}

.table .ci__table__row__inserted .site-price .available
{
    background-color: #fff;
}

.ci__table__row .col-nested table th {border-bottom-width:0}

.table-card .table tr.expanded {
    /*border-left: 3px solid #847ac1;*/
}

.table-card .table tr.discount {
    border-left: 2px solid #f06548;
}

.table-card .table tr.expanded.child td{
    border-bottom-width: 0;
}

.table-card .table tr.expanded.child.last{
    border-bottom-width: 1px;
    border-bottom-color: #847ac1;
}


tr.line-offer{

    border-color:#dfbbbb;
}



.expand-row-button:hover {
    background-color: #e7e8ee;
}

.form-check-input_ { border: 1px solid rgba(254, 14, 81, 0.95) }



.table .site-price {
    padding: 0.3rem 0.15rem 0.3rem 0.15rem;
    cursor: pointer;
    height: 100%;
}
.table .site-price .available, .table .site-price .selected{
    background-color: #fef6f9;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    border-radius: 4px;
    height: 100%;
    padding: 0px 8px;
    cursor: pointer;
}

.table .site-price .available{
    background-color: #fef6f9;
}

.table .site-price .selected
{
    background-color: rgb(250 236 234) !important;
}


.table .site-price.has-discount div{
    background-color: #fef6f9;
}

.ci__table__row:hover .site-price div{
    border-color: hsla(0, 0%, 51%, .3) !important;
}

.ci__table__row .site-price div:hover{
    border-color: hsla(0, 0%, 51%, .8) !important;
}

td.se-table-data-2
{
    padding: 0.3rem 0.15rem 0.3rem 0.15rem;
    width: 4rem;

}

.se-table-data-2{}
.se-table-data-2__wrapper {
    align-items: center;
    display: flex;
    background-color: #fef6f9;
    border: 1px solid #eee;
    border-radius: 4px;
    width: 100%;
    height: 100%;
}
.progress-cell .se-table-data-2__wrapper{
    background-color: #fff;   
}
.table .site-price .cost-cell{
    background-color: #faf5ee;  
    
    background-color: #fef6f9;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    border-radius: 4px;
    height: 100%;
    padding: 5px 8px;
    cursor: pointer; 
}


.se-table-btn-drop {
    align-items: center;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    padding-left: 0.5rem;
    padding-right: 0.6rem;
    position: relative;
}

.se-table-btn-drop:hover,
td.dropped .se-table-btn-drop {
    background-color: #232a3280;
    border: 1px solid transparent;
    color: #fff;
}
.table-dynamic-dropdown-cell .se-table-btn-drop {
    justify-content: center;
}
.table-dynamic-dropdown-cell__btn {
    width: 100%;
    height: 100%;
}
.table-dynamic-dropdown-cell {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    height: 100%;
}
.table-dynamic-dropdown-cell__content {
    display: flex;
    /*width: 2rem; */
}
.table-common-drop-progress__label .table-dynamic-dropdown-cell__content
{
    width: 7rem;
} 
.table-dynamic-dropdown-cell__value {

}
.se-table-btn-drop__arrow {
    height: 1.6rem;
    opacity: 1;
    transform-origin: 50% 50%;
}
.se-table-row-2:hover .se-table-btn-drop__arrow, .se-table-row-2_hovered .se-table-btn-drop__arrow {
    opacity: 1;
}
.se-material-icon-2 {
    align-items: center;
    display: inline-flex;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.ci__table__row:hover .se-table-btn-drop, 
.se-table-row-2_hovered .se-table-btn-drop {
    border: 1px solid #b58181;
}

.se-table-row-2:hover .se-table-btn-drop:hover, .se-table-row-2:hover .se-table-btn-drop_active, .se-table-row-2_hovered .se-table-btn-drop:hover, .se-table-row-2_hovered .se-table-btn-drop_active {
    border: 1px solid transparent;
}

.table-expand-cell {
    display: flex;
    gap: 2rem;
    min-width: 0;
    width: 100%;
}
.table-expand-cell__main {
    flex: 1 1 auto;
    min-width: 0;
}
.table-dynamic-cell {
    align-items: center;
    display: inline-flex;
}

.table-dynamic-cell__current.se-p-2 {
    line-height: 1.14;
}
.se-p-2 {
    color: #171b24;
    line-height: 1.3;
    margin: 0;
}
.table-expand-cell__button {
    background: none;
    border: none;
    box-shadow: none;
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
}
.se-material-icon-2 {
    align-items: center;
    display: inline-flex;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.se-material-icon-2__body.material-icons {
    font-size: 1.6rem;
    vertical-align: middle;
}


.se-table-data-3__wrapper {
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 0 0.2rem;
}

.se-table-progress-label__item {
    min-width: 1.3rem;
    text-align: left;
}

.se-table-progress-label__item_progress {
    width: 34px;
}
.se-table-progress-label__item {
    font-size: 14px;
    margin-left: 5px;
    margin-right: 4px;   
    text-align: center;
}
.se-progress-2 {
    background-color: #e4dede;
    border-radius: 0.3rem;
    overflow: hidden;
}
.se-progress-2__line {
    border-radius: 0.3rem;
    height: 0.5rem;
    transition: all .8s ease 0s;
}
.se-table-progress-label__wrapper {
    align-items: center;
    display: flex;
    justify-content: start;
}

/*cell only progress*/
.se-table-progress__wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 0.6rem;
}
.table-progress__item_progress {
    width: 34px;
}
.se-table-progress__item {
    margin-left: 3px;
    margin-right: 3px;
}
.se-table-progress__item_progress {
    width: 34px;
}
.se-table-progress__item {
    margin-left: 3px;
    margin-right: 3px;
}

/**/
.table-border-cell__box {
    align-items: center;
    border-radius: 4px;
    color: #171b24;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 24px;
    justify-content: space-around;
    padding: 3px 5px 2px;
    width: 48px;
}
.table-border-cell__dot {
    border-radius: 100px;
    height: 6px;
    width: 6px;
}
.table .avatar-title:hover {
    background-color: #e8f0f4 !important;
}

.table .avatar-title{
    background-color: #fff !important;
}

/** top bar */
.top-bar {
    margin-bottom: 15px;
}

.top-bar .bar-content {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
}
.block-container {
    margin-left: auto;
    margin-right: auto;
}

.top-bar .bar-content .tabs {
    flex-grow: 1;
    margin-right: 25px;
}
.top-bar .bar-content .tabs .se-tabs-2 {
    margin-bottom: -1px;
}

.top-bar .bar-content .buttons {
    align-items: flex-end;
    display: flex;
}

.se-tabs-2 {
    display: flex;
    overflow: hidden;
}

.se-tabs-2__list {
    display: flex;
    margin: 0;
    padding: 0;
    position: relative;
}
.se-tabs-2__list:after {
    background-color: #d6d8e3;
    bottom: 0;
    content: "";
    height: 0.08rem;
    left: 100%;
    position: absolute;
    width: 1000%;
}
.se-tabs-2__item {
    border-bottom: 0.08rem solid #d6d8e3;
    cursor: pointer;
    list-style: none;
    margin-right: 0.5rem;
    padding: 0.5rem 2rem 0rem 0.5rem;
    transition: all .2s ease 0s;
}

.se-tabs-2__item:hover, .se-tabs-2__item_active {
    border-bottom: 0.08rem solid #585278;
}

.se-tabs-2__link {
    align-items: center;
    color: #4a616c;
    display: inline-flex;
    font-size: 1.6rem;
    text-decoration: none;
}
.se-tabs-2__text {
    color: #4a616c;
    /*letter-spacing: .3px;*/
    line-height: 1.64;
}
.se-tabs-2__item:hover .se-tabs-2__text, 
.se-tabs-2__item_active .se-tabs-2__text {
    color: #171b24;
}

/*Charts panel*/
:root {
    --wl-color: #1976d2 !important;
}

.panel {
    border-radius: 5px;
}
.panel .panel-header {
    align-items: center;
    display: flex;
    min-height: 7.6rem;
}

.se-tabs-2 {
    display: flex;
    overflow: hidden;
}

.se-tabs-2__item .se-hint-element-2 {
    visibility: hidden;
}

.se-hint-element-2__wrapper {
    cursor: pointer;
    position: relative;
}

.se-hint-title-2__icon {
    color: #607d8b;
    font-size: 0.8rem;
    font-style: italic;
    font-weight: 600;
    left: 0.2rem;
    line-height: 1;
    position: absolute;
    text-transform: none;
    top: -0.05rem;
}

.se-tabs-small-2__list {
    display: flex;
    margin-block-start: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.se-tabs-small-2__item_active {
    border-bottom-color: var(--wl-color) !important;
}
.se-tabs-small-2__item:first-child {
    margin-left: 0;
}

.se-tabs-small-2__item_active {
    border-bottom: 0.2rem solid var(--wl-color);
}
.se-tabs-small-2__item {
    border-bottom: 0.2rem solid transparent;
    cursor: pointer;
    list-style: none;
    margin-left: 1rem;
    margin-right: 1rem;
    padding-bottom: 1rem;
    transition: all .5s ease 0s;
}

.se-tabs-small-2__item_active {
    border-bottom: 0.2rem solid rgb(25, 118, 210) !important;
}

.se-tabs-small-2__item_active .se-tabs-small-2__link {
    color: #171b24;
}

.se-tabs-small-2__link {
    align-items: center;
    color: #32434b;
    display: flex;
    font-size: 0.7rem;
    font-weight: 500;
    line-height: 1.6rem;
    text-decoration: none;
    text-transform: uppercase;
}

.se-hint-title-2 {
    display: inline-block;
    height: 1.2rem;
    width: 0.6rem;
}
.se-hint-element-2 {
    position: relative;
}
.se-hint-element-2__wrapper {
    cursor: pointer;
    position: relative;
}
.se-tabs-2__item .se-hint-element-2 {
    visibility: hidden;
}

.se-tabs-2__item:hover .se-hint-element-2 {
    visibility: visible;
}


.charts .chart-panel {
    border-radius: 0.5rem;
    overflow: hidden;
    padding-top: 4px;
}

.charts .chart-panel .panel-header {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
    min-height: 0;
}
.charts .chart-panel .panel-header .se-tabs-2 {
    width: 100%;
}

.charts .chart-panel .panel-header .se-tabs-2__list {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    overflow: hidden;
    width: 100%;
}
.charts .chart-panel .panel-header .se-tabs-2__item_active {
    background-color: #fff;
    border-bottom: 2px solid transparent;
}
.charts .chart-panel .panel-header .se-tabs-2__item {
    background-color: #fafafc;
    border-bottom: 2px solid #f3f4f8;
    display: flex;
    flex-grow: 1;
    margin-right: 0;
    padding: 10px 0 10px 15px;
    position: relative;
    text-transform: uppercase;
    transition: border none;
}
.charts .chart-panel .panel-header .se-tabs-2__item_active {
    background-color: #fff;
    border-bottom: 2px solid transparent;
}
.charts .chart-panel .panel-header .se-tabs-2__item .se-tabs-2__link {
    flex: 1;
    padding-right: 15px;
}
.charts .chart-panel .panel-header .se-tabs-2__link {
    color: #2d355d;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .3px;
    line-height: 1.82;
}

.charts .chart-panel .panel-header .se-tabs-2__item:after {
    background-color: #d6d8e3;
    content: "";
    display: block;
    height: 100%;
    position: relative;
    right: -1px;
    width: 1px;
    z-index: 1;
}
.charts .chart-panel .panel-header .se-tabs-2__item_active:before {
    background-color: #d6d8e3;
    content: "";
    display: block;
    height: calc(100% + 20px);
    left: 0;
    position: absolute;
    top: -10px;
    width: 1px;
}
.charts .chart-panel .panel-header .se-tabs-2__item_active:after {
    height: calc(100% + 20px);
    top: -10px;
}

.charts .chart-panel .panel-header .se-tabs-2__item_active .se-tabs-2__text {
    color: var(--wl-color);
}

.charts .chart-panel .panel-header .se-hint-element-2__wrapper {
    font-style: italic;
    text-transform: lowercase;
}

.charts .chart-panel .panel-content {
    background-color: #fff;
    padding: 15px;
}
.charts .chart-panel .panel-content .controls {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.charts .chart-panel .panel-content .controls__block {
    display: flex;
}
.charts .chart-panel .dropdown-wrapper {
    align-items: flex-start;
    display: flex;
}
.charts .chart-panel .dropdown-wrapper .se-tabs-small-2 {
    margin-top: 0.1rem;
}
.charts .chart-panel .dropdown-wrapper .se-tabs-small-2__text {
    line-height: 1;
}

/*chart block*/
.chart-block {
    position: relative;
}
.chart-block .chart-container {
    background-color: #efefef;
    margin-bottom: 15px;
    min-height: 282px;
    overflow: visible !important;
}

.chart-block .chart-container .highcharts-container, 
.chart-block .chart-container svg {
    overflow: visible !important;
}

.chart-block .chart-container * {
    font-family: Commissioner, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif !important;
}

.chart-block .items-list {
    align-items: center;
    display: flex;
    flex-direction: row;
}
.chart-block .items-list .list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-right: auto;
}
.chart-block .items-list .list .list-item {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    line-height: 1;
    margin-right: 15px;
}
.chart-block .items-list .list .list-item .circle {
    border-radius: 10px;
    display: inline-block;
    height: 6px;
    vertical-align: baseline;
    width: 6px;
}
.chart-block .items-list .list .list-item__text {
    color: #32434b;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.14;
    padding-left: 0.7rem;
    vertical-align: baseline;
}
.charts .chart-panel .panel-header .se-tabs-2__item_active:first-child:before,.charts .chart-panel .panel-header .se-tabs-2__item_active:last-child:after {
    content: none
}

.charts .chart-panel .panel-header .se-tabs-2__item:hover .se-tabs-2__text {
    color: var(--wl-color);
}

.chart-tab-title__hint {
    display: none;
    font-size: 0;
    position: absolute;
}

.se-accordion .accordion-button{
    --vz-accordion-btn-padding-y: 0.5rem;
}

.se-accordion .accordion-header {
    border-top: 1px solid #e7e4e4;
}

.se-accordion .accordion-button::after {
    display: none;
}

.se-accordion .accordion-item .accordion-button, 
.se-accordion .accordion-item .accordion-button.collapsed {
    width: 100%;
    align-content: center;
    display: block;
    text-align: center;
    background-color: initial;

}
.se-accordion .accordion-item  .accordion-button:not(.collapsed)
{
    background-color: initial;
}

.se-accordion .accordion-item  .accordion-button.collapsed .up
{
    display: none;
}

.se-accordion .accordion-item  .accordion-button:not(.collapsed) .down
{
    display: none;
}

.accordion.se-accordion .accordion-body {padding: 0px;}


.scrollable-table__top {
    position: sticky;
    top: 50px;
    z-index: 3;
}


.table-card .ci-table .tbl__first_col{
    padding-left: 0;
    padding-right: 0;
    max-width: 50px !important;
    min-width: 50px !important;
    width: 50px !important;
}

.ci-table .tbl__first_col .form-check
{

    display: flex;
    justify-content: center;
    align-items: center;
}

.ci__table__row i.up{display: none;}
.ci__table__row.expanded i.up{display: block;}
.ci__table__row.expanded i.down{display: none;}

.ci__table__row .se-table-btn-drop i.up{display: none;}
.ci__table__row .se-table-btn-drop i.down{display: block;}

.ci__table__row.expanded .dropped .se-table-btn-drop i.up{display: block;}
.ci__table__row.expanded .dropped .se-table-btn-drop i.down{display: none;}

.cart.dropdown:hover>.dropdown-menu {
/*    display: block;
    right: 0; */
}
.1cart.dropdown:active>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.1cart.dropdown>.dropdown-menu {
    display: none;
    right: 0;
}


.cart .dropdown-menu{
    --vz-dropdown-padding-y: 0;    
    right: 0;
}

.cart .dropdown-item {
    padding: 10px 15px 10px 10px;
    font-size: 0.85rem;
    margin-right: 0;
}

.cart .dropdown-item .avatar-title{
    background-color: initial !important;

}
.cart .dropdown-item:hover .avatar-title {
    background-color: #ddd !important;
}

.cart .dropdown-item .avatar-title:hover {
    background-color: #fff!important;
    border:2px solid #ddd;
}

.cart .dropdown-item .cart-item a {
    color: #000;   
}
.cart a.cart-campaign:hover {
    color:rgba(var(--vz-link-color-rgb),var(--vz-link-opacity,1));
}

.cart .dropdown-item:focus, .cart .dropdown-item:hover
{
    background-color: var(--vz-dropdown-link-hover-bg); 
}

.cart .accordion-button{
    padding: 0;
    background-color: #fbfbf7;
    -webkit-box-shadow: initial;
    box-shadow: initial;
}
.cart .collapsed .accordion-button {
    background-color: var(--vz-dropdown-link-hover-bg);
}

.cart .accordion-button:after{
    display: none;
}

.cart .dropdown-menu{min-width: 320px;}

.cart .cart-price {min-width: 45px;}
.cart .dropdown-divider {
    --vz-dropdown-divider-margin-y: 0;
}
/*.cart .btn, .page-title-box .btn {
padding: 6px 10px 6px 10px;
}
.cart .btn, .setting-list .btn{
--vz-btn-padding-y: 0.3rem;
} */

.cart .btn-action
{
    margin: 0 ;
}
.cart .list-group-item
{
    padding: 7px 15px 7px 20px
}
.cart .list-group-item:hover{background-color: #f9f5f5;}

.cart .accordion-body {
    padding: 0px 0px 0px 0px;
}


.setting-list .setting-item
{
    align-items: center;
    border-bottom: 0.08rem solid #f3f4f8;
    border-top: 0.08rem solid #f3f4f8;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 10px 0px;

}
.setting-list .setting-item:hover {
    border-bottom: 0.08rem solid #d6d8e3;
    border-top: 0.08rem solid #d6d8e3;
    background-color: #f7fbff;
    z-index: 2;
}

.setting-list .row-select
{
    cursor: pointer;
}

.setting-list .form-switch-secondary .form-check-input:checked {
    background-color: #3577f1;
    border-color: #3577f1;
}


/*modal on bording*/
.modal-onboarding .close-label {
    font-size: .8rem;
    position: absolute;
    top: 1.5rem;
    opacity: .95
}

.modal-onboarding .close-label:hover {
    opacity: .95
}

.modal-onboarding .onboarding-media {
    margin-bottom: 1rem
}

.modal-onboarding .onboarding-media img {
    margin: 0 auto
}

.modal-onboarding .onboarding-content {
    margin: 2rem
}

.modal-onboarding form {
    margin-top: 2rem;
    text-align: left
}

.modal-onboarding .carousel-indicators {
    bottom: -10px
}

.modal-onboarding .carousel-control-prev,.modal-onboarding .carousel-control-next {
    top: auto;
    bottom: .75rem;
    opacity: 1
}

[dir=rtl] .modal-onboarding .carousel-control-prev,[dir=rtl] .modal-onboarding .carousel-control-next {
    flex-direction: row-reverse
}

.modal-onboarding .carousel-control-prev {
    left: 1rem
}

.modal-onboarding .onboarding-horizontal {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.modal-onboarding .onboarding-horizontal .onboarding-media {
    margin: 2rem;
    margin-top: 0
}

.modal-onboarding .onboarding-horizontal .carousel-control-prev {
    left: 0
}

.modal-onboarding.animated .onboarding-media {
    transform: translateY(10px) scale(0.8);
    transition: all .5s cubic-bezier(0.25, 1.1, 0.5, 1.35);
    transition-delay: .3s;
    opacity: 0
}

.modal-onboarding.animated .onboarding-content {
    transform: translateY(40px);
    transition-delay: .1s;
    transition: all .4s ease;
    opacity: 0
}

.modal-onboarding.animated .onboarding-title {
    opacity: 0;
    transition-delay: .5s;
    transition: all .5s cubic-bezier(0.25, 1.1, 0.5, 1.35);
    transform: translateY(40px)
}

.modal-onboarding.animated .onboarding-info {
    opacity: 0;
    transition-delay: .6s;
    transition: all .5s cubic-bezier(0.25, 1.1, 0.5, 1.35);
    transform: translateY(40px)
}

.modal-onboarding.animated form {
    opacity: 0;
    transition-delay: .7s;
    transition: all .5s ease;
    transform: translateY(40px)
}

.modal-onboarding.animated.show .onboarding-media {
    transform: translateY(0) scale(1);
    opacity: 1
}

.modal-onboarding.animated.show .onboarding-content {
    transform: translateY(0);
    opacity: 1
}

.modal-onboarding.animated.show .onboarding-title {
    transform: translateY(0);
    opacity: 1
}

.modal-onboarding.animated.show .onboarding-info {
    opacity: 1;
    transform: translateY(0px)
}

.modal-onboarding.animated.show form {
    opacity: 1;
    transform: translateY(0px)
}

.modal-onboarding .carousel-indicators [data-bs-target] {
    background-color: #5a8dee
}

.carousel-control-prev,.carousel-control-next {
    color: #5a8dee
}

.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus {
    color: #5a8dee
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y)* .5) calc(var(--bs-modal-header-padding-x)* .5);
    margin: calc(-0.5* var(--bs-modal-header-padding-y)) calc(-0.5* var(--bs-modal-header-padding-x)) calc(-0.5* var(--bs-modal-header-padding-y)) auto;
}

.modal .btn-close {
    background-color: #eeeff1;
    padding: 0.5625rem 0.5625rem;
    margin: 0 0 0 auto;
    z-index: 1;
}

.modal-offers img
{
    object-fit: fill;
    width: 100%;
    height: 100%;
}

.modal-offers .badge
{
    z-index: 2;
    right: 0;
    bottom: 0;
}

.modal .carousel-item
{
    -webkit-transition:-webkit-transform .6s ease-in-out;
    transition:-webkit-transform .6s ease-in-out;
    transition:transform .6s ease-in-out;
    transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out
}
.modal .list-group-item {
    padding: 8px 15px
}

.offers .card-body:hover{
    border-color:#828aba !important
}

.offers .selector .on 
{
    display: none !important;
}

.offers.active .selector .on 
{
    display: block !important;
}

.offers.active .selector .off 
{
    display: none !important;
}

.offers.active .card-body, .offers .card-body:hover
{
    background-color: var(--vz-info-bg-subtle);
}

#carouselOffers .carousel-indicators
{
    top:-15px;
}

table span.event{
    display:block;
    background-color: #09C;
    height: 100%;
    width: 100%;
    cursor: move; 
}

.ci-table .rankings-table__col__select, 
.ci-table .rankings-table__col__drag 
{
    padding: 0.2rem 0.15rem 0.2rem 0.15rem;
}

.ci-table .rankings-table__col__drag .event{
    background-color: #fef6f9;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    border-radius: 4px;
    height: 100%;
    padding: 0px 0px 0px 15px;
}

.modal .ci-table th
{

    vertical-align: middle;
}

.modal .ci-table .choices__inner , 
.modal .ci-table .choices__list--single,
.modal .ci-table .form-check-inline
{
    padding-right: 0px;
    margin-right: 0px;    
}

.modal .choices {
    margin-bottom: 0px;
}


.rankings-table__col__drag.d 
{

}                        

.rankings-table__col__drag .list-table__drag-icon {
    background-image: url(/admin/assets/images/svg/drag_icon-24.svg);
    cursor: move;
    height: 1.2rem;
    left: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.2rem;
    display: none;
}

.rankings-table__col__drag:hover .list-table__drag-icon {
    background-image: url(/admin/assets/images/svg/drag_icon-24.svg);
}

.rankings-table__col__drag .event.loaded .list-table__drag-icon 
{
    display: block;
}

.rankings-table__col__drag .event .viewArticle-btn
{
    display: none;
}

.rankings-table__col__drag .event.loaded .viewArticle-btn
{
    display: block;
}

.modal .ci-table .filepond--root
{
    flex-grow: 1;
}

.divider {
    font-size: 15px;
    display: flex;
    align-items: center;
    color: #8f8cc9;
    font-weight: 700;
}

.divider::before, .divider::after {
    flex: 1;
    content: '';
    padding: 1px;
    background-color: #efe8fe;
}
.divider:after{margin-left:10px}
.divider:before{margin-right:10px}

.modal .ci-table .col-title{min-width: 175px;}
.modal .ci-table .col-article__type{width: 160px;}
.modal .ci-table .col-approve__article{width: 80px;}
.modal .ci-table .col-file{min-width: 220px;}
.modal .ci-table .col-publish__date{width: 110px;}
.modal .ci-table .col-image{width: 70px;}
.modal .ci-table .col-description{width: 270px;}

.ci-table .col-articole__title{width: 170px;}
.ci-table .col-articole__img{width: 80px;}
.ci-table .col-articole__links{width: 220px;}

.step-arrow-nav .nav-pills .nav-link{
    padding: 12px !important;
}
.modal .card-radio .form-check-label{padding: 0.5rem;}


.order-action  .saving .s-order
{
    display:none    
}

.order-action .spinner-border
{
    --vz-spinner-width: 1rem;
    --vz-spinner-height: 1rem;
    display:none
}

.order-action .saving .spinner-border
{
    display:block
}
.cart-nav1
{
    position: sticky;
    top: 74px;
    z-index: 103;
}

.app-brand-text {
    flex-shrink: 0;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: -0.45px;
}

.navbar-brand-box .logo .logo-sm {display: block;}

.order-card{
    border-color: #f4f4f4;
    transition: border-color .2s ease, background-color .2s ease;
    cursor: pointer;
}
.order-card:hover {
    border-color: #dedede;
    background-color: #f4f4f4;
}
.in-house {display: none;}
.writer .add-article {display: none;}
.writer .in-house {display: block;}


.order-actions .btn{
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border-color: #ced4da;
}
.order-actions .choices__inner{
    height: 34px;min-height: 34px;
    display: flex;
    align-items: center;
}

.wrapper-image{
    background-color: #eee;
    border-radius: 5px;
    padding: 15px 0px;
}  

#orderPackage .card-radio .form-check-label{overflow: initial;}  

.choices[data-type*="select-one"] select.choices__input {
    display: block !important;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
}

.top-bar label{margin-bottom: 0;}


#live-feeds.lf-show {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

#live-feeds {
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    position: fixed;
    width: 300px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
    color: #ffffff;
    -webkit-transform: translate(0, 110%);
    transform: translate(0, 110%);
    -webkit-transition: background 0.4s, -webkit-transform 0.4s ease-in-out;
    transition: background 0.4s, -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, background 0.4s;
    transition: transform 0.4s ease-in-out, background 0.4s, -webkit-transform 0.4s ease-in-out;
}

@media (min-width: 768px)
{    
    #live-feeds[data-open] .lf-box {
        height: 400px;
    }
    #live-feeds .lf-box {
        overflow: hidden;
        border-radius: 8px;
    }
    #live-feeds {
        left: auto;
        right: 15px;
        bottom: 20px;
        width: 375px;
        -webkit-transform: translate(110%, 0);
        transform: translate(110%, 0);
    }
    .cart .dropdown-menu {min-width: 380px;}
}
#live-feeds .lf-box {
    overflow: hidden;
    height: 40px;
    background-color: rgb(18 49 105 / 93%);
    -webkit-transition: height 0.4s ease;
    transition: height 0.4s ease;
    display: -webkit-box;
    display: flex;
    flex-shrink: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

#live-feeds .lf-head {
    font-size: 12px;
    line-height: 40px;
    flex-shrink: 0;
    position: relative;
    padding: 0 45px 0 10px;
    height: 40px;
}
#live-feeds [data-toggle] {
    cursor: pointer;
}
#live-feeds a {
    color: #ffffff;
    text-decoration: none !important;
}
.text-truncate {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#live-feeds .lf-head:before {
    content: "";
    width: 8px;
    height: 8px;
    margin-right: 5px;
    border-radius: 50%;
    display: inline-block;
    background-color: #ffedee;
    -webkit-animation: lf-blinker 1.5s ease-in-out infinite;
    animation: lf-blinker 1.5s ease-in-out infinite;
}
#live-feeds .lf-head:after {
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    width: 40px;
    background: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27UTF-8%27%3F%3E%3Csvg version=%271.1%27 viewBox=%270 0 512 512%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ctitle%3Eup%3C/title%3E%3Cpath fill=%27%23999999%27 d=%27m26.41 383.15c14.206 14.206 35.214 14.206 49.419 0l180.07-180.07 180.07 180.07c14.206 14.206 35.214 14.206 49.419 0s14.206-35.214 0-49.419l-204.68-204.88c-7.002-7.002-17.607-10.604-24.81-10.604s-17.607 3.602-24.81 10.604l-204.88 204.88c-13.806 14.005-13.806 35.214 0.2 49.419z%27/%3E%3C/svg%3E%0A") center no-repeat;
    background-size: 12px;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}
#live-feeds .lf-list {
    padding: 0 5px 5px 5px;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#live-feeds .lf-cmp-link {
    display: block;
    font-size: 13px;
    text-align: center;
    padding: 6px 10px;
    border-radius: 8px;
    margin: 5px 10px 10px;
    border: 1px solid #ffffff;
}

#live-feeds a {
    color: #ffffff;
    text-decoration: none !important;
}

@-webkit-keyframes lf-blinker {
    50% {
        opacity: 0
    }
}

@keyframes lf-blinker {
    50% {
        opacity: 0
    }
}

.expanded.child td:first-child {padding-left: 35px;}

.accordion.full{max-height: initial;}

.accordion{
    position: relative;
    max-height: calc(100vh - 150px);
    overflow: auto;
    overflow-x: hidden !important;
}

.accordion::-webkit-scrollbar {
    width: 5px; /* Set the width of the scrollbar */
    background-color: #F5F5F5; /* Set the background color of the scrollbar */
    position: absolute;
    left: 0; /* Position the scrollbar on the right of the element*/
}
         
.accordion::-webkit-scrollbar-thumb {
    background: #888; /* Set the color of the thumb */
}
         
::-webkit-scrollbar-track 
{
    background: #f1f1f1;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

@media (min-width: 992px) {
    .view-receipt.modal-lg, .modal-xl {
        --vz-modal-width: 950px;
    }
}

@media print {
    
  .view-receipt.modal-lg
  {
     --vz-modal-width: 100%;
     display: block; /* Hidden by default */
     position: fixed; /* Stay in place */
     z-index: 1; /* Sit on top */
     left: 0;
     top: 0;
     right: 0;
     width: 100% !important; /* Full width */
     height: 100%; /* Full height */
     overflow: auto; /* Enable scroll if needed */
     background-color: rgb(0,0,0); /* Fallback color */
     background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
     padding: 0px;
     margin: 0px;
     font-size:20px;
  } 
} 

.form-check-label.blocked {
    background-color: #fefaf9 !important;
    
}  

.modal .card-radio .form-check-label.blocked:hover {
    border-color:var(--vz-border-color);
}
.card-radio .form-check-label.blocked:before 
{
    content: "\eb97";
    color: #d46565;
}