/*MAIN COLOR: #dc2424; */

.default-color {
    color: #dc2424;
}

.list-socials li a:hover,
.search-form .search-block .search-button,
.box-minicart .cart-block .cart-icon .count,
.box-minicart .cart-inner .group-button-checkout a:hover,
.vertical-wapper,
.mobile-navigation .icon span,
.main-slideshow .slide-content .button,
.owl-carousel.nav-style1 .owl-nav .owl-prev:hover,
.owl-carousel.nav-style1 .owl-nav .owl-next:hover,
.section-head .section-title,
.product-item .product-inner .quickview-button:hover,
.product-item .group-button a:hover,
.post-item .post-date .month,
.newsletter-form .newsletter-block .submit,
.header.header-home3 .header-nav-wapper, .header.header-home3 .header-nav-wapper .header-nav,
.header.layout4 .search-form .search-block .search-button:hover,
.header.layout5,
.header.layout5 .box-sticky.is-sticky,
.header.layout6 .main-header .top-header,
.header.layout6 .vertical-content,
.header.layout6 .header-nav-wapper,
.header.layout6 .box-sticky.is-sticky .box-minicart .cart-block .cart-icon .count,
.sidebar input[type="checkbox"]:checked + label::after,
.widget_filter_price .ui-slider .ui-slider-handle,
.widget_filter_price .ui-slider .ui-slider-handle,
.widget_filter_price .ui-slider .ui-slider-range,
.list-size li a:hover,
.list-page li a.current,
.list-page li a:hover,
.details-thumb .owl-carousel.has-thumbs .owl-nav .owl-prev:hover,
.details-thumb .owl-carousel.has-thumbs .owl-nav .owl-next:hover,
.details-info .group-button a:hover,
.kt-tab.nav-tab-style2 .nav > li.active > a,
.content-form .group-button .submit,
.group-changed .changed-item a.active::before,
.post-item.layout3 .post-info .button,
.mfp-close-btn-in .mfp-close,
.kt-popup-newsletter .input-block .input-inner .submit,
.back-to-top:hover::before,
.add-review .submit:hover,
.header.layout5 .topbar.open,
.menu-bar .icon span,
.header.layout5 .mobile-config {
    background-color: #dc2424;
}

.box-minicart .cart-inner,
.section-head,
.product-item .group-button a:hover,
.item-show .owl-carousel .owl-thumb-item.active,
.sidebar input[type="checkbox"]:checked + label::after,
.list-size li a:hover,
.list-page li a:hover,
.list-page li a.current,
.details-thumb .owl-thumbs .owl-thumb-item.active,
.group-changed .changed-item a.active::before,
.back-to-top,
.header-top-menu-mobile,
.header-mobile .menu-bar,
.header-mobile .box-minicart .cart-block,
.header-mobile .mobile-config .close-btn:hover,
.header-mobile .mobile-config .close-btn:focus {
    border-color: #dc2424;
}

.text-main-color,
.box-minicart .cart-inner .title .count-item,
.box-minicart .cart-inner .subtotal .total-price,
.view-all-categori .button,
.main-menu .demos-menu .demo-item .demo-title .number,
.main-menu .sub-menu li a:hover,
.main-menu > li:hover > a,
.main-menu > li:hover > a::after,
.topbar .menu-topbar li a:hover,
.kt-panels-actions-wrap .kt-current-panel-title,
.mobile-navigation,
.slideshow1 .item3 .slide-content .subtitle,
.widget-custom-menu ul li a:hover,
.kt-tab .nav > li.active > a,
.kt-tab .nav > li > a:hover,
.product-item .product-name:hover,
.owl-carousel.has-thumbs .owl-nav .owl-prev:hover::before,
.owl-carousel.has-thumbs .owl-nav .owl-next:hover::before,
.post-item .post-info .post-title:hover,
.post-item .post-info .meta-post li a:hover,
.post-item .post-info .button:hover,
.slideshow2 .item3 .slide-content .subtitle,
.featrue-box .block-icon a,
.featrue-box .block-inner .title:hover,
.category-item .category-name:hover,
.category-item .list-cate li a:hover,
.header.layout4 .topbar .menu-topbar li a:hover,
.header.layout4 .main-menu > li > a:hover,
.header.layout4 .menu-item-has-children > a:hover::after,
.product-item.layout4 .product-inner .product-name:hover,
.main-content-home5 .list-recent-posts .product-item .product-name:hover,
.header.layout5 .search-form .search-block .search-button:hover,
.header.layout5 .buytheme:hover,
.slideshow6 .slide-content .smalltitle span,
.header.layout6 .search-form .search-block .search-button:hover,
.loadmore-products .button:hover,
.breadcrumbs a:hover,
.sidebar .label-text:hover,
.widget_filter_price .filter:hover,
.list-style .product-item .group-button .compare-button:hover,
.list-style .product-item .group-button .wishlist-button:hover,
.list-style .product-item .group-button .compare-button:hover .text,
.list-style .product-item .group-button .wishlist-button:hover .text,
.list-style .product-item .availability a:hover,
.top-control .control-button a.active,
.details-info .availability a:hover,
.quantity .group-quantity-button a:hover,
.login-form .check-box .forgot:hover,
.information-form .list-info li .info a.des:hover,
.shopping-cart-content .delete-item a:hover,
.group-changed .changed-item a:hover::before,
.sidebar .widget .blog-categories > li > a:hover,
.sidebar .widget .blog-categories > li > a:hover::before,
.sidebar .widget-search .search-button:hover,
.post-item .post-info .meta-post .time-post .day,
.main-content-blog .tags .title a:hover,
.kt-popup-newsletter .title,
.kt-popup-newsletter .text-label:hover,
.kt-popup-quickview .details-thumb .owl-carousel.has-thumbs .owl-nav .owl-prev:hover::before,
.kt-popup-quickview .details-thumb .owl-carousel.has-thumbs .owl-nav .owl-next:hover::before,
.shopping-cart-content .product-name a:hover,
.content-form .label-text span,
.page-404 .main-title,
.page-404 .search-block .search-inner .search-button:hover,
.main-content-search-result .sub-title a:hover,
.sidebar input[type="checkbox"]:checked + label,
.page-404 .sub-title a:hover,
.mobile-navigation .text,
.topbar .menu-topbar .menu-item-has-children > a:hover::after,
.header-top-menu-mobile,
.header-mobile .menu-bar,
.header-mobile .box-minicart .cart-block .cart-icon,
.header-mobile .mobile-config .close-btn:hover,
.header-mobile .mobile-config .close-btn:focus {
    color: #dc2424;
}

.fancytree-container {
    list-style: none;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    overflow: auto;
    position: relative;
}

.fancytree-container:focus {
    outline: 0;
}

.fancytree-container ul {
    list-style: none;
    padding: 0 0 0 20px;
    margin: 0;
}

.fancytree-container ul li {
    margin-top: 1px;
}

.ui-fancytree-disabled .fancytree-container {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.ui-fancytree-disabled .fancytree-container,
.ui-fancytree-disabled .fancytree-title,
.ui-fancytree-disabled .fancytree-expander {
    cursor: not-allowed;
}

.ui-fancytree-disabled .fancytree-treefocus .fancytree-selected .fancytree-title {
    background-color: #f5f5f5;
    color: #333333;
}

.ui-helper-hidden {
    display: none;
}

.fancytree-expander:after,
.fancytree-icon:after,
.fancytree-checkbox:after,
.fancytree-drag-helper-img:after,
.fancytree-drop-before:after,
.fancytree-drop-after:after,
.fancytree-loading .fancytree-expander:after,
.fancytree-statusnode-wait .fancytree-icon:after {
    font-family: 'icomoon';
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fancytree-icon,
.fancytree-checkbox,
.fancytree-custom-icon {
    margin-top: 5px;
    float: left;
}

.fancytree-checkbox {
    margin: 4px 10px 0 2px;
}

.fancytree-custom-icon {
    display: inline-block;
}

img.fancytree-icon {
    width: 16px;
    height: 16px;
    margin-left: 3px;
    margin-top: 3px;
    vertical-align: top;
    border-style: none;
}

.fancytree-expander {
    cursor: pointer;
    float: left;
    margin-top: 5px;
    width: 16px;
    line-height: 1;
}

.fancytree-exp-c .fancytree-expander:after {
    content: '\e9c7';
}

.fancytree-exp-cl .fancytree-expander:after {
    content: '\e9c7';
}

.fancytree-exp-cd .fancytree-expander:after,
.fancytree-exp-cdl .fancytree-expander:after {
    content: '\e9c7';
}

.fancytree-exp-e .fancytree-expander:after,
.fancytree-exp-ed .fancytree-expander:after {
    content: '\e9c5';
}

.fancytree-exp-el .fancytree-expander:after,
.fancytree-exp-edl .fancytree-expander:after {
    content: '\e9c5';
}

.fancytree-statusnode-error .fancytree-icon:after {
    content: '\ed63';
}

.fancytree-loading .fancytree-expander,
.fancytree-statusnode-wait .fancytree-icon {
    margin-left: auto;
    margin-right: auto;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
}

.fancytree-loading .fancytree-expander:after,
.fancytree-statusnode-wait .fancytree-icon:after {
    content: '\ed6c';
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.fancytree-icon {
    display: inline-block;
}

.fancytree-checkbox {
    width: 18px;
    height: 18px;
    border: 2px solid #777;
    display: block;
    text-align: center;
    position: relative;
    cursor: pointer;
    border-radius: 2px;
}

.fancytree-checkbox:after,
.fancytree-partsel.fancytree-selected .fancytree-checkbox:after {
    content: "\e600";
    margin-top: -1px;
    margin-left: -1px;
    display: none;
    color: #dc2424;
}

.fancytree-partsel > .fancytree-checkbox:after {
    content: "";
    width: 8px;
    height: 8px;
    display: none;
    background-color: #888;
    margin: 3px;
}

.fancytree-partsel.fancytree-selected .fancytree-checkbox:after {
    background-color: transparent;
    width: auto;
    height: auto;
    border-color: #dc2424;
}

.fancytree-selected .fancytree-checkbox:after,
.fancytree-partsel .fancytree-checkbox:after,
.fancytree-partsel.fancytree-selected .fancytree-checkbox:after {
    display: block;
}

.fancytree-radio .fancytree-checkbox {
    border-radius: 100%;
}

.fancytree-radio .fancytree-checkbox:after {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #888;
    margin: 3px;
    border-radius: 100px;
}

/* # Other styles
-------------------------------------------------- */
.fancytree-node {
    display: inherit;
    width: 100%;
    position: relative;
}

.fancytree-title {
    border: 0;
    padding: 4px 6px;
    border-radius: 2px;
    margin-left: 4px;
    display: inline-block;
    cursor: pointer;
}

.fancytree-title > input {
    border: 0;
    outline: 0;
    padding: 0;
    background-color: transparent;
}

.fancytree-selected .fancytree-title {
    font-weight: 600;
    color: #dc2424;
}

.fancytree-ext-childcounter .fancytree-childcounter {
    position: absolute;
    right: 0;
    top: 4px;
    color: #999999;
}

/*rtl:end:ignore*/
/* ------------------------------------------------------------------------------
 *
 *  # Datatables library
 *
 *  Add advanced interaction controls to any HTML table
 *
 * ---------------------------------------------------------------------------- */
.dataTable {
    margin: 0;
    max-width: none;
}

.dataTable thead th,
.dataTable thead td {
    outline: 0;
    position: relative;
}

.dataTable thead .sorting_asc,
.dataTable thead .sorting_desc,
.dataTable thead .sorting {
    cursor: pointer;
}

.dataTable thead .sorting,
.dataTable thead .sorting_asc,
.dataTable thead .sorting_desc,
.dataTable thead .sorting_asc_disabled,
.dataTable thead .sorting_desc_disabled {
    padding-right: 2.5rem;
}

.dataTable thead .sorting:before,
.dataTable thead .sorting:after,
.dataTable thead .sorting_asc:after,
.dataTable thead .sorting_desc:after,
.dataTable thead .sorting_asc_disabled:after,
.dataTable thead .sorting_desc_disabled:after {
    content: '';
    font-family: "icomoon";
    position: absolute;
    top: 50%;
    right: 1.25rem;
    font-size: 0.75rem;
    margin-top: -0.375rem;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dataTable thead .sorting:before {
    content: '\e9c1';
    margin-top: -0.125rem;
    opacity: 0.5;
}

.dataTable thead .sorting:after {
    content: '\e9c2';
    margin-top: -0.625rem;
    opacity: 0.5;
}

.dataTable thead .sorting_asc:after {
    content: '\e9c2';
    opacity: 1;
}

.dataTable thead .sorting_desc:after {
    content: '\e9c1';
    opacity: 1;
}

.dataTable thead .sorting_asc_disabled:after {
    content: '\e9c2';
    opacity: 0.25;
}

.dataTable thead .sorting_desc_disabled:after {
    content: '\e9c1';
    opacity: 0.25;
}

.dataTable tbody + thead > tr:first-child > th,
.dataTable tbody + thead > tr:first-child > td,
.dataTable tbody + tfoot + thead > tr:first-child > th,
.dataTable tbody + tfoot + thead > tr:first-child > td {
    border-top: 0;
}

.dataTable tbody th,
.dataTable tbody td {
    outline: 0;
}

.dataTable tbody th.active,
.dataTable tbody td.active {
    background-color: rgba(0, 0, 0, 0.03);
}

.dataTable .dataTables_empty {
    text-align: center;
}

.dataTable.table-bordered {
    border-collapse: collapse;
}

.dataTables_wrapper {
    position: relative;
    clear: both;
}

.dataTables_wrapper::after {
    display: block;
    clear: both;
    content: "";
}

.dataTables_wrapper .table-bordered {
    border-top: 0;
}

.dataTables_wrapper + .card-body {
    border-top: 1px solid #ddd;
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    background-color: #fff;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}

.datatable-header,
.datatable-footer {
    padding: 1.25rem 1.25rem 0 1.25rem;
}

.datatable-header::after,
.datatable-footer::after {
    display: block;
    clear: both;
    content: "";
}

.datatable-header > div:first-child,
.datatable-footer > div:first-child {
    margin-left: 0;
}

.card-body .datatable-header, .card-body
.datatable-footer {
    padding-left: 0;
    padding-right: 0;
}

.datatable-header-accent,
.datatable-footer-accent {
    background-color: rgba(0, 0, 0, 0.02);
}

.datatable-header {
    border-bottom: 1px solid #ddd;
}

.datatable-footer {
    border-top: 1px solid #b7b7b7;
}

.dataTables_length {
    float: right;
    display: inline-block;
    margin: 0 0 1.25rem 1.25rem;
}

.dataTables_length > label {
    margin-bottom: 0;
}

.dataTables_length > label > span:first-child {
    float: left;
    margin: 0.5rem 0.83333rem;
    margin-left: 0;
}

.dataTables_length select {
    height: 2.25003rem;
    padding: 0.4375rem 0.875rem;
    font-size: 0.8125rem;
    line-height: 1.5385;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    outline: 0;
}

.length-left .dataTables_length {
    float: left;
}

.dataTables_length .select2-container {
    width: auto;
}

.dataTables_length .select2-choice {
    min-width: 3.75rem;
}

.dataTables_filter {
    position: relative;
    display: block;
    float: left;
    margin: 0 0 1.25rem 1.25rem;
}

.dataTables_filter > label {
    margin-bottom: 0;
    position: relative;
}

.dataTables_filter > label:after {
    content: "\e98e";
    font-family: "icomoon";
    font-size: 0.75rem;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0.875rem;
    margin-top: -0.375rem;
    line-height: 1;
    opacity: 0.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dataTables_filter > label > span {
    float: left;
    margin: 0.5rem 0.83333rem;
    margin-left: 0;
}

.dataTables_filter input {
    outline: 0;
    width: 12.5rem;
    padding: 0.4375rem 0.875rem;
    padding-right: 2rem;
    font-size: 0.8125rem;
    line-height: 1.5385;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0.1875rem;
}

.dataTables_filter input::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
}

.dataTables_filter input::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.dataTables_filter input:-ms-input-placeholder {
    color: #999;
    opacity: 1;
}

.dataTables_filter input::-ms-input-placeholder {
    color: #999;
    opacity: 1;
}

.dataTables_filter input::placeholder {
    color: #999;
    opacity: 1;
}

.filter-right .dataTables_filter {
    float: right;
}

.dataTables_info {
    float: left;
    padding: 0.4375rem 0;
    margin-bottom: 1.25rem;
}

.info-right .dataTables_info {
    float: right;
}

.dataTables_paginate {
    float: right;
    text-align: right;
    margin: 0 0 1.25rem 1.25rem;
}

.dataTables_paginate .paginate_button {
    display: inline-block;
    padding: 0.4375rem;
    min-width: 2.25003rem;
    margin-left: 0.125rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    color: #333;
    outline: 0;
    border: 1px solid transparent;
    border-radius: 0.1875rem;
    transition: all ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .dataTables_paginate .paginate_button {
        transition: none;
    }
}

.dataTables_paginate .paginate_button:first-child {
    margin-left: 0;
}

.dataTables_paginate .paginate_button:hover, .dataTables_paginate .paginate_button:focus {
    background-color: #f5f5f5;
}

.dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:hover, .dataTables_paginate .paginate_button.current:focus {
    color: #fff;
    background-color: #37474F;
}

.dataTables_paginate .paginate_button.disabled, .dataTables_paginate .paginate_button.disabled:hover, .dataTables_paginate .paginate_button.disabled:focus {
    cursor: default;
    background-color: #fff;
    color: #999;
}

.dataTables_paginate.paging_simple .paginate_button {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
}

.dataTables_paginate.paging_simple .paginate_button:not(.disabled):hover, .dataTables_paginate.paging_simple .paginate_button:not(.disabled):focus {
    color: #fff;
    background-color: #37474F;
}

.paginate-left .dataTables_paginate {
    float: left;
}

.paging_simple .paginate_button:hover, .paging_simple .paginate_button:focus {
    color: #fff;
    background-color: #2196F3;
}

.dataTables_scroll {
    clear: both;
}

.dataTables_scroll .dataTables_scrollHead table {
    border-bottom: 0;
}

.dataTables_scroll .dataTables_scrollHead th,
.dataTables_scroll .dataTables_scrollHead td {
    white-space: nowrap;
}

.dataTables_scroll .dataTables_scrollBody {
    -webkit-overflow-scrolling: touch;
}

.dataTables_scroll .dataTables_scrollBody table {
    border-bottom: 0;
}

.dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:before, .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:after {
    content: none;
}

.dataTables_scroll .dataTables_scrollBody table tbody tr:first-child > td {
    border-top: 0;
}

.dataTables_scroll .dataTables_scrollBody th,
.dataTables_scroll .dataTables_scrollBody td {
    white-space: nowrap;
}

.dataTables_scroll .dataTables_scrollBody th > .dataTables_sizing,
.dataTables_scroll .dataTables_scrollBody td > .dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.dataTables_wrapper {
    border-top: 1px solid #ddd;
}

.dataTables_wrapper .datatable-footer {
    border-top: 0;
}

.dataTables_wrapper .datatable-footer .dataTables_length,
.dataTables_wrapper .datatable-footer .dataTables_filter,
.dataTables_wrapper .datatable-footer .dataTables_info,
.dataTables_wrapper .datatable-footer .dataTables_paginate {
    margin-bottom: 0;
}

.card-header:not([class*=bg-]) + .dataTables_wrapper > .datatable-header {
    padding-top: 0;
}

.dataTables_wrapper .table-bordered {
    border: 0;
}

.dataTables_wrapper .table-bordered > thead > tr > td:first-child,
.dataTables_wrapper .table-bordered > thead > tr > th:first-child,
.dataTables_wrapper .table-bordered > tbody > tr > td:first-child,
.dataTables_wrapper .table-bordered > tbody > tr > th:first-child,
.dataTables_wrapper .table-bordered > tfoot > tr > td:first-child,
.dataTables_wrapper .table-bordered > tfoot > tr > th:first-child {
    border-left: 0;
}

.dataTables_wrapper .table-bordered > thead > tr > td:last-child,
.dataTables_wrapper .table-bordered > thead > tr > th:last-child,
.dataTables_wrapper .table-bordered > tbody > tr > td:last-child,
.dataTables_wrapper .table-bordered > tbody > tr > th:last-child,
.dataTables_wrapper .table-bordered > tfoot > tr > td:last-child,
.dataTables_wrapper .table-bordered > tfoot > tr > th:last-child {
    border-right: 0;
}

.dataTables_wrapper .table-bordered > tbody > tr:last-child > th,
.dataTables_wrapper .table-bordered > tbody > tr:last-child > td {
    border-bottom: 0;
}

.datatable-scroll-lg,
.datatable-scroll,
.datatable-scroll-sm {
    min-height: .01%;
}

.datatable-scroll-wrap {
    width: 100%;
    min-height: .01%;
    overflow-x: auto;
}

@media (max-width: 767.98px) {
    .datatable-scroll-sm {
        width: 100%;
        overflow-x: scroll;
    }

    .datatable-scroll-sm th,
    .datatable-scroll-sm td {
        white-space: nowrap;
    }
}

@media (max-width: 991.98px) {
    .datatable-scroll {
        width: 100%;
        overflow-x: scroll;
    }

    .datatable-scroll th,
    .datatable-scroll td {
        white-space: nowrap;
    }
}

@media (max-width: 1199.98px) {
    .datatable-scroll-lg {
        width: 100%;
        overflow-x: scroll;
    }

    .datatable-scroll-lg th,
    .datatable-scroll-lg td {
        white-space: nowrap;
    }
}

@media (max-width: 767.98px) {
    .dataTables_info,
    .dataTables_paginate,
    .dataTables_length,
    .dataTables_filter,
    .DTTT_container,
    .ColVis {
        float: none !important;
        text-align: center;
        margin-left: 0;
    }

    .dataTables_info,
    .dataTables_paginate {
        margin-top: 0;
    }

    .datatable-header {
        text-align: center;
    }
}

/* ------------------------------------------------------------------------------
 *
 *  # Columns reorder
 *
 *  Easily modify the column order of a table through drop-and-drag of column headers
 *
 * ---------------------------------------------------------------------------- */
.DTCR_clonedTable {
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 202;
    cursor: move;
}

.DTCR_clonedTable th,
.DTCR_clonedTable td {
    border: 1px solid #ddd !important;
}

.DTCR_pointer {
    width: 1px;
    background-color: #2196F3;
    z-index: 201;
}

/* ------------------------------------------------------------------------------
 *
 *  # Row Reorder extension
 *
 *  RowReorder adds the ability for rows in a DataTable to be reordered through
 *  user interaction with the table.
 *
 * ---------------------------------------------------------------------------- */
.dt-rowReorder-float {
    position: absolute !important;
    table-layout: static;
    outline: 1px dashed #777;
    outline-offset: -1px;
    background-color: #fff;
    z-index: 1030;
    cursor: move;
    opacity: 0.9;
}

.dt-rowReorder-moving {
    outline: 1px solid #777;
    outline-offset: -1px;
}

.dt-rowReorder-noOverflow {
    overflow-x: hidden;
}

.dataTable td.reorder {
    text-align: center;
    cursor: move;
}

/* ------------------------------------------------------------------------------
 *
 *  # Fixed columns
 *
 *  Extension that "freezes" in place the left most columns in a scrolling DataTable
 *
 * ---------------------------------------------------------------------------- */
.DTFC_ScrollWrapper thead th {
    white-space: nowrap;
}

.DTFC_Cloned {
    background-color: #fff;
    border-bottom: 0;
}

.DTFC_LeftWrapper .DTFC_LeftHeadWrapper,
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper,
.DTFC_LeftWrapper .DTFC_LeftFootWrapper {
    border-right: 1px solid #ddd;
}

.DTFC_RightWrapper .DTFC_RightHeadWrapper,
.DTFC_RightWrapper .DTFC_RightBodyWrapper,
.DTFC_RightWrapper .DTFC_RightFootWrapper {
    border-left: 1px solid #ddd;
}

.DTFC_LeftBodyWrapper .DTFC_Cloned thead th:before, .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:after,
.DTFC_RightBodyWrapper .DTFC_Cloned thead th:before,
.DTFC_RightBodyWrapper .DTFC_Cloned thead th:after {
    content: none;
}

.DTFC_LeftBodyWrapper .DTFC_Cloned tbody > tr:first-child > td,
.DTFC_LeftBodyWrapper .DTFC_Cloned tbody > tr:first-child > th,
.DTFC_RightBodyWrapper .DTFC_Cloned tbody > tr:first-child > td,
.DTFC_RightBodyWrapper .DTFC_Cloned tbody > tr:first-child > th {
    border-top: 0;
}

.DTFC_Blocker {
    background-color: white;
}

/* ------------------------------------------------------------------------------
 *
 *  # Fixed Header extension
 *
 *  This extension lets your users quickly determine what each column refers to
 *  rather than needing to scroll back to the top of the table.
 *
 * ---------------------------------------------------------------------------- */
.fixedHeader-floating,
.fixedHeader-locked {
    background-color: #fff;
    margin-top: 0;
    margin-bottom: 0;
}

.fixedHeader-floating {
    position: fixed;
}

.fixedHeader-floating + .fixedHeader-floating,
.fixedHeader-locked + .fixedHeader-floating {
    border-top: 0 !important;
}

@media (max-width: 767.98px) {
    .fixedHeader-floating {
        display: none;
    }
}

.fixedHeader-locked {
    position: absolute;
}

@media (max-width: 767.98px) {
    .fixedHeader-locked {
        display: none;
    }
}

@media print {
    table.fixedHeader-floating {
        display: none;
    }
}

/* ------------------------------------------------------------------------------
 *
 *  # Autofill extension
 *
 *  Spreadsheets such as Excel and Google Docs have a very handy data duplication
 *  option of an auto fill tool
 *
 * ---------------------------------------------------------------------------- */
.dt-autofill-handle {
    position: absolute;
    z-index: 102;
    border: 1px solid #2196F3;
    background-color: #2196F3;
    width: 0.5rem;
    height: 0.5rem;
}

.dt-autofill-select {
    position: absolute;
    z-index: 1001;
    background-color: #2196F3;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 0.3125rem, rgba(255, 255, 255, 0.75) 0.3125rem, rgba(255, 255, 255, 0.75) 0.625rem);
}

.dt-autofill-select.top, .dt-autofill-select.bottom {
    height: 1px;
}

.dt-autofill-select.left, .dt-autofill-select.right {
    width: 1px;
}

.dt-autofill-list {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 31.25rem;
    margin-left: -15.63rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    z-index: 1050;
    padding: 0.5rem 0;
    border-radius: 0.1875rem;
}

.dt-autofill-list ul {
    display: table;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.dt-autofill-list ul li {
    display: table-row;
    transition: all ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .dt-autofill-list ul li {
        transition: none;
    }
}

.dt-autofill-list ul li:hover {
    color: #333;
    background-color: #f5f5f5;
}

.dt-autofill-list .dt-autofill-question {
    display: table-cell;
    padding: 0.5rem 1rem;
}

.dt-autofill-list .dt-autofill-question input[type=number] {
    padding: 0.375rem;
    width: 1.875rem;
    margin: -0.125rem 0;
}

.dt-autofill-list .dt-autofill-button {
    display: table-cell;
    padding: 0.5rem 1rem;
    text-align: right;
}

.dt-autofill-list .dt-autofill-button .btn {
    padding: 0.1875rem;
    background-color: #2196F3;
    color: #fff;
    font-size: 0;
}

.dt-autofill-list .dt-autofill-button .btn:after {
    content: '\e9c3';
    font-family: "icomoon";
    display: block;
    font-size: 1rem;
    width: 1rem;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dt-autofill-list .dt-autofill-button .btn:hover {
    opacity: 0.85;
}

.dt-autofill-background {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: 1040;
    opacity: 0.5;
    width: 100%;
    height: 100%;
}

/* ------------------------------------------------------------------------------
 *
 *  # Select extension
 *
 *  Adds item selection capabilities to a DataTable
 *
 * ---------------------------------------------------------------------------- */
.dataTable tbody > tr.selected,
.dataTable tbody > tr > .selected {
    background-color: #E8F5E9;
}

.dataTables_wrapper .select-info,
.dataTables_wrapper .select-item {
    margin-left: 0.625rem;
}

@media (max-width: 767.98px) {
    .dataTables_wrapper .select-info,
    .dataTables_wrapper .select-item {
        margin-left: 0;
        display: block;
    }
}

.dataTable tbody .select-checkbox {
    position: relative;
}

.dataTable tbody .select-checkbox:before, .dataTable tbody .select-checkbox:after {
    display: inline-block;
    color: #455A64;
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
}

.dataTable tbody .select-checkbox:before {
    content: '';
    background-color: #fff;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: -0.625rem;
    margin-left: -0.625rem;
    border: 0.125rem solid #455A64;
    border-radius: 0.125rem;
}

.dataTable tbody .selected .select-checkbox:after {
    content: "\e600";
    font-family: "icomoon";
    font-size: 1rem;
    line-height: 1;
    margin-top: -0.5rem;
    margin-left: -0.5rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ------------------------------------------------------------------------------
 *
 *  # Buttons extension
 *
 *  The Buttons extension for DataTables provides a common set of options, API
 *  methods and styling to display buttons that will interact with a DataTable
 *
 * ---------------------------------------------------------------------------- */
.dt-buttons-full .dt-buttons {
    float: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    border-bottom: 1px solid #ddd;
    padding-top: 1.25rem;
    padding-bottom: 0.625rem;
    background-color: rgba(0, 0, 0, 0.02);
}

.dt-buttons-full .dt-buttons > .btn {
    margin-bottom: 0.625rem;
    float: none;
}

.dt-buttons {
    position: relative;
    float: right;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 1.25rem 1.25rem;
}

.dt-buttons-left .dt-buttons {
    float: left;
}

.dt-buttons > .btn {
    border-radius: 0;
}

.dt-buttons > .btn:first-child {
    border-top-left-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem;
}

.dt-buttons > .btn:last-of-type {
    border-top-right-radius: 0.1875rem;
    border-bottom-right-radius: 0.1875rem;
}

.dt-buttons > .btn + .btn {
    margin-left: -1px;
}

@media (max-width: 767.98px) {
    .dt-buttons {
        float: none;
        text-align: center;
        display: block;
    }

    .dt-buttons .btn {
        float: none;
    }
}

.dt-button-background {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    z-index: 1040;
    opacity: 0.5;
}

.dt-button-collection {
    position: absolute;
    background-color: #fff;
    display: block;
    z-index: 1050;
    padding: 0.5rem 0;
    overflow: hidden;
    min-width: 11.25rem;
    -webkit-column-gap: 0.125rem;
    -moz-column-gap: 0.125rem;
    column-gap: 0.125rem;
    border-radius: 0.1875rem;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}

.dt-button-collection:not(.fixed) {
    top: 100% !important;
    left: auto !important;
    right: 0 !important;
}

.dt-button-collection > .dt-button {
    padding: 0.5rem 1rem;
    color: #333;
    background-color: transparent;
    border: 0;
    display: block;
    outline: 0;
    width: 100%;
    text-align: left;
    cursor: pointer;
    transition: all ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .dt-button-collection > .dt-button {
        transition: none;
    }
}

.dt-button-collection > .dt-button + .dt-button {
    margin-top: 1px;
}

.dt-button-collection > .dt-button:hover, .dt-button-collection > .dt-button:focus {
    color: #333;
    background-color: #f5f5f5;
}

.dt-button-collection > .dt-button.active {
    color: #fff;
    background-color: #2196F3;
}

.dt-button-collection.fixed {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -4.6875rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.dt-button-collection.fixed.two-column {
    margin-left: -9.375rem;
}

.dt-button-collection.fixed.three-column {
    margin-left: -14.065rem;
}

.dt-button-collection.fixed.four-column {
    margin-left: -18.75rem;
}

.dt-button-collection > * {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
}

.dt-button-collection.two-column {
    width: 18.75rem;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.dt-button-collection.three-column {
    width: 28.13rem;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.dt-button-collection.four-column {
    width: 37.5rem;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

/* ------------------------------------------------------------------------------
 *
 *  # Key Table extension
 *
 *  KeyTable provides Excel like cell navigation on any table. Events (focus, blur,
 *  action etc) can be assigned to individual cells, columns, rows or all cells.
 *
 * ---------------------------------------------------------------------------- */
.dataTable th.focus,
.dataTable td.focus {
    outline: 2px solid #2196F3;
    outline-offset: -1px;
}

.dataTable th.focus-success,
.dataTable td.focus-success {
    background-color: #E8F5E9;
    outline-color: #4CAF50;
}

.dataTable th.focus-info,
.dataTable td.focus-info {
    background-color: #E3F2FD;
    outline-color: #2196F3;
}

.dataTable th.focus-warning,
.dataTable td.focus-warning {
    background-color: #FBE9E7;
    outline-color: #FF5722;
}

.dataTable th.focus-danger,
.dataTable td.focus-danger {
    background-color: #FFEBEE;
    outline-color: #F44336;
}

/* ------------------------------------------------------------------------------
 *
 *  # Datatables Scroller
 *
 *  Drawing the rows required for the current display only, for fast operation
 *
 * ---------------------------------------------------------------------------- */
.DTS tbody th,
.DTS tbody td {
    white-space: nowrap;
}

.DTS .DTS_Loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12.5rem;
    height: 1.25rem;
    margin-top: -1.25rem;
    margin-left: -6.25rem;
    z-index: 1;
    border: 1px solid #ddd;
    padding: 1.25rem 0;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.5);
}

.DTS .dataTables_scrollHead,
.DTS .dataTables_scrollFoot {
    background-color: #fff;
}

.DTS .dataTables_scrollBody {
    z-index: 2;
}

/* ------------------------------------------------------------------------------
 *
 *  # Responsive extension
 *
 *  Optimise the table's layout for different screen sizes through the dynamic
 *  insertion and removal of columns from the table
 *
 * ---------------------------------------------------------------------------- */
.dtr-inline.collapsed tbody tr td:before,
.dtr-inline.collapsed tbody tr th:before {
    margin-right: 0.625rem;
}

.dtr-inline.collapsed tbody tr td:first-child,
.dtr-inline.collapsed tbody tr th:first-child {
    position: relative;
    cursor: pointer;
    white-space: nowrap;
}

.dtr-inline.collapsed tbody tr td:first-child.dataTables_empty:before,
.dtr-inline.collapsed tbody tr th:first-child.dataTables_empty:before {
    display: none;
}

.dtr-column tbody td.control,
.dtr-column tbody th.control {
    position: relative;
    cursor: pointer;
}

.dtr-inline.collapsed tbody tr td:first-child:before,
.dtr-inline.collapsed tbody tr th:first-child:before,
.dtr-column tbody tr td.control:before,
.dtr-column tbody tr th.control:before {
    content: '\e9e4';
    font-family: "icomoon";
    display: inline-block;
    font-size: 1rem;
    width: 1rem;
    line-height: 1;
    position: relative;
    top: -0.09375rem;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before,
.dataTable.dtr-column tbody tr.parent td.control:before,
.dataTable.dtr-column tbody tr.parent th.control:before {
    content: '\e9e7';
}

.dtr-inline.collapsed tbody tr.child td:before {
    display: none;
}

.dataTable tr.child:hover {
    background-color: transparent;
}

.dataTable tr.child .dtr-title {
    display: table-cell;
    font-weight: 500;
    padding-right: 2.5rem;
}

.dataTable tr.child .dtr-data {
    display: table-cell;
    padding: 0.5rem 0;
}

.dataTable tr td.child {
    white-space: normal;
    position: relative;
}

.dataTable tr td.child > ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.dataTable tr td.child > ul > li {
    display: table-row;
}

.swiper-container {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 30px;
    overflow: hidden;
}
.swiper-slide {
    display: inline-block;
}
.refine-item {
    display: inline-block;
}
.refine-item a:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.image-container {
    width: 110px;
    height: 110px;
    align-self: center;
}
.image-container img {
    align-self: center;
    transition: all 0.05s ease-out;
}

.refine-item a {
    background: rgba(255, 255, 255, 1);
    padding: 7px;
    padding-left: 3px;
    padding-right: 3px;
    border: 1px solid rgba(226, 226, 226, 1);
    border-radius: 7px;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    transition: all 0.075s ease-out;
}

.refine-name {
    white-space: normal;
    padding: 7px;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    font-size: 13px;
    color: rgba(105, 105, 115, 1);
    text-align: center;
    transition: all 0.05s ease-out;
}