.go-home-link {
    content: "\f1ea";
}

.fa-wiki:before {
    content: "\f1ea";
}

.article-form {

}

.article-form .image-preview {
    max-width: 50px;
}

.article-form textarea {
    min-height: 250px;
}

.article-list-container {
    display: inherit;
    justify-content: inherit;
    align-items: inherit;
    flex-direction: inherit;
}

.category-name {
    font-size: 2.8rem;
    line-height: 1.14;
}

.timeline-item .feed-media {
    max-width: 60px;
    float: right;
}

.article-content .article-media {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    max-width: 50%;
    padding: 15px 4%;
}

.article-container {
    padding-top: 5px;
}

.border-top {
    border-top: 1px solid #d5d8dc;
    padding-top: 10px;
}

.article-container .border-top {
    border-top: 1px solid #d5d8dc;
    padding-top: 5px;
}


.cms-item .publisher-info {
    font-size: 12px;
    text-align: center;
}

.cms-item .publisher-info a {
    font-size: 12px;
    line-height: inherit;
}

.cms-item .publisher-info .author-name {
    font-size: 12px;
    text-transform: capitalize;
}

.cms-item .article-summury {
    text-align: justify;
    height: 145px;
    overflow: hidden;
    text-overflow: ellipsis;
}


.cms-item .article-title {
    text-align: left;
    margin: 10px 0 10px 0;
}

.cms-item .article-container .ibox-content {
    padding: 20px;
}

.cms-item .article-media {
    overflow: hidden;
}

.cms-item-userarticlescomponent .article-image {
    overflow: hidden;
    max-width: 200px;
    max-height: 200px;

}

.cms-item-userarticlescomponent .article-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-right: auto;
    margin-right: auto;
}

.cms-item .article-media img, .cms-item .article-image img {
    width: 100%;
    margin-top: 0;
    object-fit: contain;
    margin-right: auto;
    margin-right: auto;
}

.cms-item .w-article-title {
    text-align: left;
    margin: 5px 0 10px 0;
    text-transform: uppercase;
    clear: both;
}


.article-container .w-article-title {
    text-align: center;
    margin: 5px 0 10px 0;
}

.article-container .article-summary {
    display: block;
    margin-top: 1.2rem;
}

.w-article-row {
    padding-top: 20px;
}

.article-container .article-container {
    margin-left: 0;
    margin-right: 0;
    position: relative;
}

.article-container .publisher-info {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
    line-height: normal;
}

.article-container .publisher-info .content {
    margin: auto;
    width: 200px;
    padding: 10px;
}

.w-article-content {
    text-align: justify;
    display: block;
    clear: bottom;
}

.related-articles {
    margin: 0 0 4rem;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.33;
    list-style: none;
}

.related-articles .w-article-title {
    text-transform: uppercase;
}

.article-container .related-articles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2.4rem;
    padding-left: 0px;
}

.related-articles li {
    margin-bottom: 0px;
    list-style-position: inside;
}

.article-main .article-media {
    float: none;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
    background-color: #f8f8f9;
    max-width: calc(100% + 2 * 1.6rem);
    /*padding-top: calc(44% + 1 * 0.1rem);*/
}

.article-container .article-media {
    display: block;
    /*padding-top: calc(44% + 1 * 0.1rem);*/
    float: left;
    max-width: 400px;
    margin-right: 20px;
}

.article-container .media-title {
    font-size: 80%;
    font-style: italic;
}

.article-container .media-title * {
    font-size: 80%;
}

.article-container .w-article-title {
    font-size: 1.6rem;
    line-height: 1.14;
    text-transform: uppercase;
}

.w-article-title {
    color: #2a303b;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.25;
}

.cms-item .article-box {
    padding: 10px;
    border: 1px solid #e7eaec;
    margin: 5px;
    max-width: 300px;
}

.cms-item .article-item .article-box {
    min-width: 200px;
}

.article-box .w-article-title {
    display: inline-block;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cms-item .article-box:hover,
.cms-item .article-box.active {
    border: 1px solid transparent;
    -webkit-box-shadow: 0 3px 7px 0 #a8a8a8;
    -moz-box-shadow: 0 3px 7px 0 #a8a8a8;
    box-shadow: 0 3px 7px 0 #a8a8a8;
}

.article-item .article-media-container {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
}

.article-item .article-media {
    margin: 0;
    float: none;
    max-width: 100%;
    height: 150px;
    position: relative;
}

.article-item .article-media img {
    vertical-align: middle;
}

.article-item .w-article-title {
    font-size: 18px;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
}

.article-publisher {

}

.article-publisher .media-body {
    margin-top: 5px;
    padding-top: 10px;
}

.article-publisher img, .publisher-info img {
    width: 40px;
}

.articleitem .article-summary {
    display: block;
    margin-top: 1.2rem;
}

.article-item-v2 {
    margin: 0 0 2.4rem;
}

.article-item-v2 .article-media-container {
    display: block;
    float: right;
    font-size: 0;
    margin-bottom: .4rem;
    margin-left: 1.2rem;
    width: 11.4rem;
}

.article-item-v2 .article-media {
    float: none;
    margin-bottom: 0;
    margin-left: 0;
}

.article-item-v2 .w-article-title {
    font-size: 1.6rem;
    line-height: 1.29;
    letter-spacing: -.2px;
}

.article-content {

}

.article-content .w-article-title {
    text-align: center;
}

.article-content img {
    margin: 10px;
}

@media (max-width: 575px) {
    .article-item {
        margin-top: 50px;
    }

    .article-content {
        max-width: 98%;
        margin-left: auto;
        margin-right: auto;
    }


}

@media all and (max-width: 768px) {
    .article-content .article-media {
        float: none;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }

}

.share-actions a {
    font-size: 32px;
    margin-right: 20px;
}

@media all and (min-width: 768px) {
    .article-container .article-summary {
        font-size: 1.5rem;
        line-height: 1.41;
        letter-spacing: -.02rem;
    }

    .article-container .w-article-title {
        font-size: 2.2rem;
        line-height: 1.2;
    }
}

.w-article-item-name h2 {
    font-weight: 700;
}

.author-avatar {
    text-align: center;
}

.author-avatar img {
    min-width: 150px;
}

.authordetailscomponent .author-info {
    color: #676a6c;
    font-size: 11px;
    margin-top: 5px;
    text-align: left;
}

.show-more {
    padding: 10px 10px 10px 10px;
    font-weight: 700;
    font-size: 16px;
}

.article-explorer {
    list-style: none;
    display: block;
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.article-explorer ul.nav {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.article-explorer .chevron {
    font-size: 80%;
}

.article-explorer > a {
    color: inherit;
}

.article-form > li > a {
    padding-left: 40px;
}

.article-explorer > a:hover,
.article-explorer .nav-label {
    color: inherit;
}

.article-explorer .nav-label {
    font-weight: bold;
    color: inherit;
}

.article-explorer a[aria-expanded='true'] .fa-chevron-right::before {
    content: "\f078";
}


.article-explorer li ul {
    margin-left: 1.2rem;
    margin-top: 10px;
}

.article-explorer li > a {
    color: inherit;
}

.article-explorer .nav > li.active {
    border-left: 0px solid #19aa8d;
    background: unset;
}

.article-explorer .nav > li.generic-menu-item.active > a.article-link {
    text-decoration: underline;
}

.article-explorer .nav > li > a {
    font-weight: 600;
    padding: 5px 9px 10px 0px;
    color: inherit;
}
.article-explorer .nav > li.generic-menu-item > a {
    font-weight: 400;
    font-size: 12px;
}


.article-content .blueimp-gallery > .prev, .article-content .blueimp-gallery > .next {
    font-size: 30px;
}


@media (max-width: 768px) {
    .article-explorer .title {
        display: none;
    }
}
.fa-delivery-requests:before{
    content: "\f0d1";
}
.fa-logistics:before {
    content: "\f0d1";
}

.customs-declarations {

}

.customs-declarations .action {
    margin: 5px 5px 5px 5px;
    text-align: center;
}

.customs-declarations .action .add {
    margin: 5px 5px 5px 5px;
}

.price-description, .markup-message {
    font-size: 80% !important;
    font-style: italic !important;
}

.delivery-vehicles {

}

.vehicle-item, .pricing-box, .parcel-item, .card-box {
    padding: 10px;
    border: 1px solid #e7eaec;
    margin: 10px;
    min-width: 250px;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}
.delivery-request-box {
    padding: 10px;
    border: 1px solid #e7eaec;
    margin: 10px;
}
.delivery-request-box .ibox-content {
    border: none;
}
.delivery-request-box:hover{
    border: 1px solid transparent;
    -webkit-box-shadow: 0 3px 7px 0 #a8a8a8;
    -moz-box-shadow: 0 3px 7px 0 #a8a8a8;
    box-shadow: 0 3px 7px 0 #a8a8a8;
}
/* the slides */
.delivery-parcels .slick-slide,
.modal-body .slick-slide,
.delivery-stop-parcels .slick-slide,
.delivery-vehicles .slick-slide {
    margin: 0 10px;
}

/* the parent */
.delivery-parcels .slick-list
.modal-body .slick-list,
.delivery-stop-parcels .slick-list
.delivery-vehicles .slick-list {
    margin: 0 -10px;
}

.modal-body .parcel-item {
    min-width: unset !important;
    outline: none;
}

.delivery-stop-parcels .slick-slide {
    outline: none;
}

.cms-item .vehicle-item:hover,
.cms-item .vehicle-item.active,
.pricing-box:hover,
.pricing-box.active,
.parcel-item:hover,
.parcel-item.active,
.card-box:hover,
.card-box.active{
    border: 1px solid transparent;
    -webkit-box-shadow: 0 3px 7px 0 #a8a8a8;
    -moz-box-shadow: 0 3px 7px 0 #a8a8a8;
    box-shadow: 0 3px 7px 0 #a8a8a8;
}


.delivery-vehicles .vehicle-item {
    margin-left: auto;
    margin-right: auto;
}

.delivery-vehicles .vehicle-item .vehicle-image {
    width: 100%;
    height: 120px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.delivery-vehicles .vehicle-item .vehicle-title,
.parcel-item .parcel-title {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

.delivery-vehicles .vehicle-item .vehicle-description,
.parcel-item .parcel-description {
    text-align: center;
    font-size: 90%;
}
.parcel-image {
    max-width: 150px;
    height: 85px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.vehicle-image img,
.parcel-image img {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.parcel-item .checkbox {
    display: none;
}

.parcel-item.active .checkbox {
    display: inline-block !important;
}

.delivery-step-container {
    min-height: 300px;
}

.delivery-step-container i {
    margin: 0 5px;
}

.pricing-grid, .delivery-options-grid, .delivery-point-grid {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    justify-content: center;
    align-content: center;
    gap: 10px;
}
.delivery-point-grid {
    align-items: flex-start;
    align-content: center;
    gap: 10px;
}
.delivery-parcel-grid {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
    justify-content: center;
    align-content: center;
    gap: 10px;
}

.delivery-parcel-grid .parcel-item {
    min-width: unset !important;
}

.pricing-box .pricing-box,.pricing-box {
    min-width: 200px;
    min-height: 100px;
}

.delivery-point-grid .delivery-point {
    min-width: 200px;
    max-width: 300px;
    /*   margin-left: auto;
       margin-right: auto;*/
}

.delivery-options-grid .card {
    min-width: 300px;
    margin-right: auto;
    margin-left: auto;
}

.delivery-step-container .step-actions {
    margin: 20px;
}

.delivery-stop-name {
    font-weight: 700;
}

.modal-body .delivery-stop-header {
    display: none;
}

.pac-container {
    z-index: 2300 !important;
}

.delivery-date {
    display: block;
}

@media all and (max-width: 768px) {
    .vehicle-item, .pricing-box {
        min-width: unset;
        max-width: unset;
        width: 100%;
    }

    .pricing-grid, .delivery-options-grid {
        grid-template-rows: auto 1fr auto;
        grid-template-columns: 1fr;
    }

}
.fa-warehouse:before {
    content: "\f1b3";
}
.fa-billing:before {
    content: "\f0d6"
}

.fa-invoicing:before {
    content: "\f0d6"
}

.timeline-item .step-done {

}

.step-done i {
    background: #1ab394 !important;
    color: white;
    border: none !important;
}


.customer-register-form .go-home-link {
    display: block;
    clear: both;
    font-size: 16px;
    font-weight: bolder;
}

.refund-item {
    margin-top: 10px;
}

.currency-selector select {
    max-width: 65px;
}

.review-form textarea {
    min-height: 200px;
    overflow: scroll;
}

.product-features {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 15px;
}

.product-features .feature-item {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
}

.product-features .feature.title {
    width: 45%;
    text-align: right;
    flex-shrink: 0; /* do not shrink - initial value: 1 */
    flex-basis: 25em;
}

.product-features .feature.title:after {
    content: ":";
}

.product-features .feature .feature-value {
    font-weight: bold;
}


.pos-details .address {
    display: flex;
    flex-direction: column;
    column-gap: 10px;

}

.cms-item-customerinfocomponent, .cms-item-minicartcomponent {
    background: inherit;
}

.ws-pl {
    white-space: pre-line;
}

.mini-popup {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.mini-cart, .mini-cart-popup {
    background: inherit;
}

.mini-cart-popup-content {
    min-width: 320px;
    background: inherit;
    padding-left: 10px;
    padding-right: 10px;
}

@media all and (max-width: 768px) {
    .mini-cart-popup-content {
        left: 0;
        right: 0;
        position: fixed;
        background: inherit;
        padding: 10px;
        height: 90%;
    }

    .mini-cart-popup {
        width: 320px;
        overflow: auto;
    }

    .mini-cart-popup li {
        min-width: 100% !important;
    }

    .close-mini-cart {
        display: block;
    }

    .navigation-bar-top .form-control {
        z-index: 0;
    }

    .cms-item-customerinfocomponent {
        float: left;

    }

    .cms-item-customerinfocomponent ul {
        min-width: 250px !important;
    }

    .pos-list-item .cover img, .pos-details .cover img {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
}

.close-mini-cart {
    display: none;
}

.fa-cash:before {
    content: "\f0d6";
}

.fa-creditcard:before {
    content: "\f09d";
}

.banner-component {
    min-height: 50px;
}

.banner-component img {
    width: 98%;
    overflow: hidden;
}

.checkout-step .ibox-title {
    padding-left: 0px !important;
}

.mini-cart.open .mini-cart-popup, .mini-cart .mini-cart-popup .show {
    display: block !important;
}


.mini-cart-popup li {
    min-width: 350px;
}

.minicart-btn {
    text-align: center;
    padding: 10px 10px 10px 10px;
}

.minicart-btn .btn {
    margin: 10px;
}

.minicart-btn a, .mini-cart-popup a {
    padding: 5px 5px 5px 5px !important;
    min-height: 0 !important;
}

.mini-cart-image {
    text-align: center;
}

.mini-cart-image img {
    max-height: 50px;
}

.cart-item {

}

.order-item h1, .order-item h2, .order-item h3 {
    font-size: 14px;
    font-weight: bold;
}

.product-images .product-image {
    width: auto;
    height: 100%;
}

.cart-item .product-image, .order-item .product-image {
    text-align: center;
    height: 50px;
    overflow: hidden;
    width: 80px;
}

.cms-item-orderentrycomponent .product-image {
    width: 100px !important;
}

.order-item .order-entry-actions a {
    display: block;
    margin: 5px;
}

.cms-item .product-desc {
    padding: 5px;
    position: relative;
}

.cms-item .product-image {
    text-align: center;
    overflow: hidden;
    width: 100%;
}

.product-image img {
    width: auto;
    max-height: 300px;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
    height: 100%;
}

.product-carousel {

}

.product-carousel .product-desc {
    position: relative;
    height: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-carousel .product-desc .product-name {
    text-wrap: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-carousel .product-price {
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 10;
}

.product-summary {
    max-height: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-carousel .product-desc .product-summary {
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-carousel .product-image, .product-carousel-item .product-image {
    height: 180px !important;
    overflow: hidden;
    width: 100%;
}

.product-list-item .product-image {
    height: 180px !important;
    overflow: hidden;
    width: 100%;
}

.product-detail img {
    max-width: 100% !important;
}

.product-detail .ibox-content {
    padding: 30px 10px;
}

.product-carousel .bx-wrapper {
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    border: none;
    background: none;
}

.cms-item .product-box {
    max-width: 320px;
}

.cms-item .product-carousel-item {
    min-width: 300px;
}

.product-carousel .product-box {
    position: relative;
    padding-top: 0px;
    padding: 10px;
    border: 1px solid #e7eaec;
    min-height: 300px;
    margin: 5px 5px;
}

.product-carousel .product-box {
    padding-top: 10px;
    border: 1px solid #e7eaec;
    min-height: 300px;
}

.fa-cc-mastercard_eurocard:before {
    content: "\f1f1";
}

.address-book {
    margin-bottom: 10px;
}

.address-book ul {
    list-style: none;
}

.payment-methods-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    grid-gap: 20px;
    align-items: stretch;
}

.payment-methods-grid .box {
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
}

.payment-methods-grid .box .content {
    min-height: 100px;
}

.address-book-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 20px;
    align-items: stretch;
}

.address-book-grid .box {
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
}

.address-book-grid .box .content {
    min-height: 100px;
}

.customer-profile-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-gap: 20px;
    align-items: stretch;
}

.edit-info, edit-block {
    width: 80%;
}

table.returns-table {
    margin-bottom: 0;
}

table.returns-table tr td {
    border: none;
    text-align: right;
}

table.returns-table tr td.desc,
table.returns-table tr td:first-child {
    text-align: left;
}

table.returns-table tr td:last-child {
    width: 80px;
}

.customerinfocomponent li a {
    padding: 5px 5px;
    min-height: 15px;
}

.payment-method {

}

.payment-method .form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

.user-info-list a {
    padding: 5px 10px !important;
    min-height: 20px !important;
}

#paypal-button-container {
}

.paypal-button-container {
    border-radius: 5px;
    background-color: inherit;
    padding: 20px;
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
}

.card_container {
    border-radius: 5px;
    background-color: inherit;
    padding: 20px;
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
}

.card_field {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    height: 40px;
    background: white;
    font-size: 17px;
    color: #3a3a3a;
    font-family: helvetica, tahoma, calibri, sans-serif;
}

.card_field_50 {
    width: 50%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    height: 40px;
    background: white;
    font-size: 17px;
    color: #3a3a3a;
    font-family: helvetica, tahoma, calibri, sans-serif;
}

.card_field_75 {
    width: 75%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    height: 40px;
    background: white;
    font-size: 17px;
    color: #3a3a3a;
    font-family: helvetica, tahoma, calibri, sans-serif;
}

.paypal-button-container .row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    margin: 0 -16px;
}

.paypal-button-container .col-25 {
    -ms-flex: 25%; /* IE10 */
    flex: 25%;
}

.paypal-button-container .col-50 {
    -ms-flex: 50%; /* IE10 */
    flex: 50%;
}

.paypal-button-container input[type=text], .paypal-button-container select, .paypal-button-container textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    height: 40px;
    background: white;
    font-size: 17px;
    color: #3a3a3a;
    font-family: helvetica, tahoma, calibri, sans-serif;
}

.paypal-button-container input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.paypal-button-container .message_container {
    border-radius: 5px;
    background: #FFFFFF;
    font-size: 13px;
    font-family: monospace;
    padding: 20px;
}

.paypal-button-container #loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

.paypal-button-container #loading-image {
    position: absolute;
    z-index: 15;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -150px;
}

.paypal-button-container .spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align: center;
    z-index: 1234;
    overflow: auto;
    width: 100px; /* width of the spinner gif */
    height: 102px; /* height of the spinner gif +2px to fix IE8 issue */
}

.paypal-button-container .button_container {
    display: flex;
    justify-content: center;
}

.paypal-button-container button:hover {
    background-color: powderblue;
}

.paypal-button-container button {
    width: 229px;
    height: 49px;
    background: lightblue;
    border: 1px dotted black;
    font-size: 17px;
    color: #3a3a3a;
    padding: 12px 20px;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 auto;
}

.paypal-button-container .btn_small {
    width: 130px;
    height: 39px;
    background: lightblue;
    border: 1px dotted black;
    font-size: 14px;
    color: #3a3a3a;
}

.paypal-button-container .btn_small:hover {
    background-color: powderblue;
}

.payment-method-item .actions {
    margin-left: auto;
    margin-right: auto;
}

.payment-method-item .btn, .payment-method-item button {
    min-width: 229px;
}

.cms-item .pricing-plan {
    border-radius: 4px;
    min-height: 300px;
}

.cms-item .pricing-plan.selected, .cms-item .pricing-plan:hover {
    transform: scale(1.02);
    background: #f4f4f4;
}

.cms-item .pricing-plan li {
    padding: 5px 16px;
    /*border-top: 1px solid #e7eaec;*/
    text-align: center;
    color: inherit;
}

.cms-item .pricing-plan .pricing-price span {
    font-weight: 700;
    padding-right: 5px;
    font-size: 15px;
}

.cms-item li.pricing-desc {
    font-size: 13px;
    border-top: none;
    padding: 20px 16px;
}

li.pricing-title {
    background: #1ab394;
}

.cms-item li.pricing-title {
    color: #fff;
    padding: 10px;
    border-radius: 4px 4px 0 0;
    font-size: 22px;
    font-weight: 600;
}

.cms-item .feature {
    position: relative;
    cursor: help;
}

.cms-item .feature .name {

}

.cms-item .feature .description {
    position: absolute;
}

.cms-item table.shoping-cart-table tr td:last-child {
    width: 100px;
}

.voucher-btn input, .voucher-btn .btn {
    height: 45px;
}
.meeting-canvas {

}

.meeting-canvas .casted-streams {

}
.meeting-canvas  .participant-menu {

}
.casted-streams .participants, .casted-streams .main-view {

}
.meeting-canvas .availaible-streams {

}
.cms-preview-canvas {
    background-color: rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    width: 100%;
    height: calc(100% - 60px);
    bottom: 0;
    overflow: hidden;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 40px;
}
.cms-preview-canvas__frames{
    height: 100%;
}

.site-preview-container {

}

.site-preview-container #device-manager {
    padding: 5px;
}

.site-preview-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: #444;
    height: 40px;
}

.editor-photo-settings,.editor-video-settings {
    position: relative;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.tab-photos,.tab-videos {
    max-height: 100%;
    overflow: hidden;
    padding-bottom: 100px;
}

.editor-photo-settings .search-area,
.editor-video-settings .search-area{
    position: relative;
}

.editor-photo-settings .photo-container,
.editor-video-settings .video-container{
    height: 90vh;
}

.editor-photo-settings label.title,
.editor-video-settings label.title{
    font-weight: bold;
}

.editor-photo-settings label,
.editor-video-settings label{
    font-weight: bold;
    display: flex;
    align-items: center;
}

.editor-photo-settings .search-filter-area .filter-wrapper,
.editor-video-settings .search-filter-area .filter-wrapper{
    background: #fff;
    padding: 5px;
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-bottom: 10px;
    margin-right: 10px;
}

.popular-results, .search-results {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2px;
}

.block-wrapper {
    padding-bottom: 100px;
    height: 100%;
    overflow: auto;
}

.popular-results .video-item, .search-results .video-item{
    height: 90px;
    background-position:center center;
}


.popular-results .photo-item, .search-results .photo-item,
.popular-results .video-item, .search-results .video-item{
    width: 45%;
}
.popular-results .photo-item img, .search-results .photo-item img,
.popular-results .video-item img, .search-results .video-item img{
}
.photo-item .preview-container,.video-item .preview-container{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 280px;
    width: 500px;
    display: none;
}
.photo-item .preview-container img{
    width: 100%;
    height: auto;
    object-fit: contain;
}
.photo-item:hover .preview-container,.video-item:hover .preview-container{
    display: block;
}
.editor-video-settings .preview-container{
    position: fixed;
    top: 50px;
    bottom: 0px;
    left: 280px;
    width: 500px;
    height: auto;
}
.editor-photo-settings .orientation,
.editor-video-settings .orientation{
    display: flex;
    flex-direction: column;
}

.editor-photo-settings .search-filter-area, .editor-photo-settings .block-item,
.editor-video-settings .search-filter-area, .editor-video-settings .block-item{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.add-color {
    position: relative;
}

.colors span, .colors input,.bg-indicator {
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
}

.colors {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    align-items: center;
}

.scrollable-tabs {
    display: flex;
    gap: 2px;
    justify-items: center;
}

.scrollable-tabs::-webkit-scrollbar {
    width: 0;
}

.scrollable-tabs .prev {
    position: absolute;
}

.asset-container {
    position: relative;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}

.asset-image {

}

.asset-types {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding: 10px;
}

.asset-list-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: start;
    align-items: center;
    padding: 10px;
}

.file-box {

}

@media all and (max-width: 768px) {
    .asset-image-preview {
        width: 100% !important;
        float: left !important;
        clear: both;
    }

    .asset-images {
        width: 100% !important;
        float: left !important;
        clear: both;
    }
}

.asset-toolbar-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.asset-image-preview {
    min-width: 70%;
    max-width: 80%;
    float: left;
}

.asset-images {
    max-width: 20%;
    background: #444;
    height: 100%;
    overflow: hidden;
    padding: 10px;
    padding-bottom: 30px;
}

.asset-top-container {
    height: 90px;
}

.asset-images-container {
    height: 90%;
    overflow: auto;
}

.asset-images-container .pagination {
    text-align: center;
    padding: 4px;
    width: 100%;
}

.asset-images-container .pagination .btn {
    cursor: pointer;
}

.images-container {
    padding-bottom: 100px;
    padding-right: 15px;
}

.search-area {
    margin-bottom: 10px;
}

.upload-area {
    margin: 10px;
}

.asset-image-preview .preview {
    width: 90%;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
}

.asset-image-preview img {
    width: 100% !important;
    height: auto;
}

.asset-toolbar {
    text-align: center;
    margin: 15px;
}

.asset-image-list {
}

.photos {
    display: flex;
    width: 100%;
    position: relative;
}

.photos-column {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    margin-right: 1.45rem;
}

.photos-column {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    margin-right: 1.45rem
}

.photos-column:last-child {
    margin-right: 0
}

.photos-column > * {
    margin-bottom: 1.45rem
}

[data-cutoff-elements-after-the-shortest-column]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1.5rem;
    background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0.5) 40%, rgba(255, 255, 255, 0) 100%)
}

.photo-item {
    position: relative;
    display: block;
    z-index: 0;
    cursor: pointer;
    overflow: hidden;
    margin-bottom: 3px;
    cursor: pointer;
    max-height: 120px;
}

.photo-item img.selected {
    border-radius: 5px;
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
    border: 1px solid #fff;
}

.photo-item img {
    display: block;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    object-fit: contain;
}

.photo-item .info {
    position: absolute;
    transition: opacity .2s, -webkit-transform .2s ease-in-out 0s;
    transition: opacity .2s, transform .2s ease-in-out 0s;
    transition: opacity .2s, transform .2s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s;
    bottom: 0;
    right: 0;
    padding-bottom: 1.15rem;
    padding-right: 1.15rem;
    color: #fff
}

@media (max-width: 849px) {
    .no-js .photos {
        flex-direction: column
    }

    .no-js .photos .photos-column {
        margin-right: 0
    }

    .no-js .photos .photos-column:first-child {
        margin-left: 0
    }
}
:root {
    --primary-color: #1ab394;
    --primary-border-color: #e5e6e7;
    --primary-border-color-focus: #1ab394;
}


.btn-apple {
    color: rgb(255, 255, 255);
    border: 1px solid #0070c9;
    background-color: #0070c9;
}
.btn-apple:hover {
    color: rgb(255, 255, 255);
    border: 1px solid #0070b0;
    background-color: #0070b0;
}

.menu-header {
    display: flex;
    flex-flow: row nowrap;
    gap: 8px;
    align-items: center;
    padding-top: 10px;
}

.btn-nav {
    font-size: 25px;
}

.image-circle {
    border-radius: 50%;
}

.textarea-auto {
    max-height: 300px;
}

.no-wrap {
    text-wrap: nowrap;
}
/************/

.codeeditor-wrapper.fullscreen {
    position: fixed;
    top: 2px;
    left: 0px;
    right: 0px;
    bottom: 10px;
    height: 100vh !important;
    background: #eee;
}

.codeeditor-wrapper.fullscreen .CodeMirror{
    height: 100% !important;
    margin-top: 35px;
}

.codeeditor-wrapper .fs-toggle {
    z-index: 1000;
    position: absolute;
    right: 10px;
    top: -20px;
}
.codeeditor-wrapper.fullscreen .fs-toggle {
    z-index: 1000;
    font-size: 1.4em;
    margin: 5px;
    color: black;
    cursor: pointer;
    top: 0px;

}
/**************/
/***********************************start facet css***********************************/
.cms-item-searchfacetscomponent {
    background: #fff;
}

.facet-container {
    background: inherit;
    z-index: 10;
    position: relative;
    padding-bottom: 20px;
}

.facet-container div {
    background: inherit;
}

.applied-facet {
    display: flex;
    gap: 10px;
}

.search-facets {

}

.search-facets:has(.facet-results.callapse:not(.show)) .facet-toggler {
    display: none;
}

.facet-header .facet-toggler {
    display: none;
}

.facet-header {
    display: none;
    justify-content: space-between;
    flex-direction: row;
}

body:has(.facet-results.show) {
    overflow: hidden; /*disable scroll*/
}

.facet-results {

}

.facet-results-container {
    flex-grow: 1;
    padding: 10px;
    height: 100%;
    overflow: auto;
}

.facet-value {

}

.facet-value .facet {

}

.facet-content {

}

.facet-value .facet-name {

}

.facet-value .facet-value-item {

}

.facet-value-count {

}

.facet-values {

}

.facet-values, .facet-list, .facet .top-values {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.search-sorts {

}

.cms-item-grid {
    display: grid;
}

/***********************************start facet css***********************************/
.avatar-imitation {
    background-color: #f8f8f9;
    color: #bebec3;
    height: 40px;
    width: 40px;
    margin-right: 10px;
}

.comment-list-contents .social-feed-box {
    margin-bottom: 0;
    border-bottom: none;
}

.comment-list-contents .social-feed-box:last-child {
    border: 1px solid #e7eaec;
}

.comments .social-avatar {
    padding: 5px 5px 0 10px;
}

.comments .social-body {
    margin-left: 15px;
    padding: 5px 5px 0 5px;
}


.survey-form {

}

.survey .section .progress-bar {
    float: right;
    display: block;
    width: 300px;
    text-align: right;
}

.survey .section .progress-bar .indicator {
    display: inline-block;
    width: 160px;
    border: 1px #999 solid;
    height: 10px;
    margin-right: 2px;
    overflow: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.survey .section .progress-bar .current {
    float: left;
    display: block;
    width: 0px;
    height: 6px;
    margin: 2px;
    background-color: #2650a6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.survey .section {

}

.survey .stage {

}

.cms-copyright {
    padding: 50px;
}

.file-browser {

}

.file-browser .dropzone {
    min-height: 60px;
    margin-bottom: 10px;
}

.file-browser .asset-search {
    margin: 10px 0px 10px 0px;
}

.comment-textarea {
    width: 100%;
    height: 150px;
    max-height: 250px;
    overflow-y: scroll;
}

.cms-item .iti{
    display: block;
}
.row > .iti{
    padding-left:inherit;
    padding-right:inherit;
    display: block;
}
@media all and (max-width: 768px) {
    .row .row > * {
        margin-bottom: 5px
    }

    .search-facets:has(.facet-results:has(.show)) .facet-header .facet-toggler {
        display: none;
    }

    .facet-header .facet-toggler {
        display: block;
    }

    .facet-header {
        display: flex;
    }

    .facet-results:not(.show) {
        display: none;
    }

    .facet-results.show {
        display: flex;
        position: fixed;
        left: 0;
        right: 0px;
        bottom: 0px;
        height: 90vh;
    }

    .facet-content-container {
        display: flex;
        flex-direction: column;
    }

    .facet-content facet-list {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .facet-list {
        display: flex;
        flex-direction: row;
        gap: 10px;
        flex-wrap: wrap;
    }

}

.facet-name {
    font-size: 16px;
    font-weight: bold;
}

.cms-item .container .container {
    width: 100% !important;
    padding-right: 0;
    padding-left: 0;
}


@media (min-width: 768px) {
    .container {
        width: 750px
    }

    .cms-item .container .container, .container .container, .cms-item .cms-item-rowcolumncomponent .container {
        width: unset;
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }

    .cms-item .container .container, .container .container, .cms-item .cms-item-rowcolumncomponent .container {
        width: unset;
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }

    .cms-item .container .container, .container .container, .cms-item .cms-item-rowcolumncomponent .container {
        width: unset;
        padding-right: 0;
        padding-left: 0;
    }
}

.language-selector, .country-selector {
    display: inline-block;
}

.language-selector select, .country-selector select {
    display: inline-block;
    background: inherit;
}

.language-selector select:focus {
    color: inherit;
}

.user-info-list a {
    padding: 5px 10px !important;
    min-height: 20px !important;
}

.user-info-list form {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    margin-top: 15px;
}

.user-info-list {
    min-width: 250px;
    width: auto;
    padding-left: 0px;
}

.navbar-right .user-info-list {
    right: 0px;
    left: auto;
}

.survey {

}

.survey-section {

}

.survey-echelle {

}

.survey-echelle .row {
    margin-top: 10px;
    margin-bottom: 10px;
}

.survey-echelle .row label.control-label {
    text-align: right;
}

.survey-echelle .file-item {
    float: left;
    margin: 3px;
}

.survey-echelle .file-item img {
    max-width: 200px;
    max-height: 120px;
}

figure video,
figure iframe {
    width: 100%;
    height: 100%;
}

.grid-list {
    display: grid;
    gap: 10px;
    grid-template-columns:repeat(3, 1fr);

}

.list-pagination {
    margin-top: 20px;
}

.cms-tmpl-image {
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.cms-tmpl-image img {
    object-fit: cover;
    max-height: 100%;
    width: 100%;
}


/*********** Chat *********/

.message-thread-inbox {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-flow: row wrap;
}

.message-thread-inbox .inbox-left {
    float: left;
    min-width: 200px;
    height: 100%;
}

.message-thread-inbox .inbox-left .discussions {
    height: 300px;
    overflow-y: scroll;
}

.message-thread-inbox .inbox-right {
    flex-grow: 1;
    padding: 10px;
}

.chatroom {
    display: flex;
    flex-flow: column wrap;
    gap: 5px;
    justify-content: space-between;
    height: 100vh;
    position: relative;
}

.chatroom .chat-header {

}

.chatroom .chat-header .username {
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
}

.chatroom .chat-header .topic-name {
    font-size: 14px;
    font-weight: lighter;
}


.chatroom .chat-body {
    flex-grow: 1;
}

.chatroom .chat-messages {
    flex-grow: 1;
    overflow-y: scroll;
}

.chatroom .chat-form {
    margin-top: auto;
    width: 100%;
    bottom: 10px;
    padding-bottom: 20px;
    min-height: 150px;
}

.message-thread-inbox .chat-form textarea {
    width: 100%;
    min-height: 60px;
    max-height: 120px;
}

.file-attachment {
    vertical-align: middle;
    font-size: 20px;
    margin-right: 10px;
}

.message-thread-inbox .left {
    text-align: left;
    clear: both;
}

.message-thread-inbox .left .chat-message, .message-thread-inbox .left .file-box {
    float: left;
}

.message-thread-inbox .right {
    text-align: right;
    clear: both;
}

.message-thread-inbox.right .chat-message, .message-thread-inbox .right .file-box {
    float: right;
}

.message-thread-inbox .discussion-item {
    cursor: pointer;
}

.message-thread-inbox .discussion-item .content {
    max-height: 20px;
    text-overflow: ellipsis;
}

.message-thread-inbox .discussion-item:hover {
    background-color: #f3f2f2;
}

.message-thread-inbox #small-chat {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
}

.message-thread-inbox .badge {
    position: absolute;
    top: -3px;
    right: -4px;
}

.message-thread-inbox .open-small-chat {
    height: 38px;
    width: 38px;
    display: block;
    background: #1ab394;
    padding: 9px 8px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
}

.message-thread-inbox .open-small-chat:hover {
    color: white;
    background: #1ab394;
}

.message-thread-inbox .heading {
    background: #2f4050;
    padding: 8px 15px;
    font-weight: bold;
    color: #fff;
}

.message-thread-inbox .chat-date {
    opacity: 0.6;
    font-size: 10px;
    font-weight: normal;
}

.message-thread-inbox small-chat-box .content {
    padding: 15px 15px;
}

.message-thread-inbox .content .author-name {
    font-weight: bold;
    margin-bottom: 3px;
    font-size: 11px;
}

.message-thread-inbox .content > div {
    padding-bottom: 20px;
}

.message-thread-inbox .chat-message {
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 11px;
    line-height: 14px;
    max-width: 80%;
    background: #f3f3f4;
    margin-bottom: 10px;
}

.message-thread-inbox .chat-message.active {
    background: #1ab394;
    color: #fff;
}

.message-thread-inbox .left {
    text-align: left;
    clear: both;
}

.message-thread-inbox .left .chat-message {
    float: left;
}

.message-thread-inbox .right {
    text-align: right;
    clear: both;
}

.message-thread-inbox .right .chat-message {
    float: right;
}

.message-thread-inbox .form-chat {
    padding: 5px 5px;
}

.message-thread-inbox .show-more {
    padding: inherit;
    font-weight: inherit;
    padding: 5px 10px;
    font-size: 12px;
}

.dropdown-messages-box .media-body .content, .message-thread-inbox .discussion-item .content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.contact-picker .contact-items {
    min-height: 80vh;
}

@media (min-width: 768px) {
    .managed-view .btn-nav {
        display: none;
    }

}

@media (max-width: 768px) {
    .message-thread-inbox {
        flex-flow: column wrap;
    }

    .message-thread-inbox .search-row .search-container {
        max-width: 100%;
        width: 100%;
    }

    .message-thread-inbox .m-menu {
        display: flex;
    }

    .message-thread-inbox .inbox-right, .message-thread-inbox .inbox-left {
        width: 100%;
    }

    .message-thread-inbox .inbox-right:not(.open), .message-thread-inbox .inbox-left:not(.open) {
        display: none;
    }

    .message-thread-inbox .inbox-right:not(.open) .btn-nav, .message-thread-inbox .inbox-left:not(.open) .btn-nav {
        display: none;
    }

}


/*********** chat **********/

.forum-post {
}

.forum-post h1, .forum-post h2, .forum-post h3 {
    line-height: 1.3;
    margin: 0 0 1em;
}

.forum-post .post-header {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: baseline;

}

.forum-post .post-right {
    flex-grow: 1;
    padding-left: 10px;
    padding-right: 10px;
}

.forum-post .post-body {
    margin-top: 15px;
}

.forum-post .post-details {
    display: flex;
    gap: 15px;
    align-items: center;
    border-bottom: 1px solid var(--primary-border-color);
    padding: 10px 0px;
}

.forum-post .post-title {
    font-size: 24px;
    font-weight: 500;
}

.forum-post .post-description {
    line-height: normal;
}

.forum-post .post-description p {
    line-height: normal;
}

.forum-post .text-muted {

}

.forum-post .post-rating {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    gap: 5px;
}

.forum-post .btn-rate {
    width: 40px;
    height: 40px;
    border: 1px solid var(--primary-border-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
    padding-top: 10px;
}

.btn-rate .fa-sort-up {
    padding-top: 10px;
}

.btn-rate .fa-sort-down {
    padding-bottom: 10px;
}

.forum-post .btn-rate:hover {
    background-color: var(--primary-color);
    color: #fff;
}

.forum-post .btn-rate:focus {
    background-color: #155CA2FF;
    color: #fff;
}

.forum-post .btn-rate {
    font-weight: bold;
    font-size: 30px;
}

.forum-post .post-footer {
    display: flex;
    flex-flow: row wrap;
    margin: 15px 0;
    padding: 15px 0;
}

.forum-post .user-info-badge {
    border-radius: 5px;
    /*background-color: #ECF5FDFF;*/
    background-color: var(--primary-border-color);
    padding: 10px;
}

.forum-post .user-info-badge .user-img {
    width: 30px;
    height: 30px;
    overflow: inherit;
    display: flex;
}

.forum-post .user-info-badge .user-img img {
    object-fit: cover;
    max-height: 100%;
}

.forum-post .post-tag {
    padding: 5px;
    background: var(--primary-border-color);
    font-weight: bold;
    font-size: 13px;
    color: #000;
    border-radius: 5px;
}

.forum-post .nb-answers, .forum-post .rate-note {
    font-weight: bold;
    font-size: 20px;
}

.forum-post .resolved {
    color: var(--primary-color);
    font-weight: bold;
    font-size: 20px;
}

.forum-post .comment-actions .rate-note {
    font-size: 12px;
    font-weight: 500;
    padding-right: 10px;
}

.forum-post .comment-actions .rate-item {
    font-size: 20px;
    color: var(--primary-border-color);
    padding: 0;
}

.forum-post .comment-actions .rate-item:hover {
    color: var(--primary-color);
}

.post-answers-container, .post-messages-container {
    margin: 15px 0;
    padding-bottom: 15px;
}

.forum-post .form-action {
    margin: 10px 0;
}

.forum-post .post-comment-form {
    margin-top: 15px;
}

.post-answer, .post-comment, .post-result-item {
    border-top: 1px solid var(--primary-border-color);
}

.post-answer:first-child, .post-comment:first-child {
    border-top: 0px solid var(--primary-border-color);
    padding-bottom: 10px;
}


.answer-label {
    font-weight: bold;
    margin-bottom: 15px;
}

.post-tags {
    display: flex;
    flex-flow: row wrap;
    gap: 5px;
}

.post-tag-container {
    position: relative;
}

.post-tag-container:not(:hover) .tooltip-container {
    display: none;
}

.post-tag-container .tooltip-container {
    position: absolute;
    top: 23px;
    z-index: 10;
    padding-top: 20px;
}

.post-tag-container .tag-tooltip {
    border-radius: 5px;
    border: 1px solid var(--primary-border-color);
    padding: 10px;
    width: 300px;
    background: #fff;
    z-index: 10;
    opacity: 1;
    transition: .3s opacity;
}

.cms-item .post-tag-container h2,
.cms-item .post-tag-container h3 {
    font-size: 16px;
    font-weight: 500;
}


.post-tag-container .tag-tooltip:after {
    content: "";
    position: absolute;
    top: 10px;
    transform: translateY(-50%);
    /* the arrow */
    border: 10px solid var(--primary-border-color);
    border-color: transparent transparent var(--primary-border-color) transparent;
}

.post-tag-container .tag-tooltip:hover:before, .post-tag-container .tag-tooltip:hover:after {
    display: block;
    opacity: 1;
}

.post-tag-container .tag-tooltip:before {
    opacity: 0;
    transition: .3s opacity;
}

.post-tag-container .tag-tooltip:hover:before {
    opacity: 1;
}

.post-result-item {
    margin-bottom: 10px;
    padding: 10px 0;
}

.post-result-item .post-content {
    max-height: 80px;
    text-overflow: ellipsis;
}

.post-result-item .post-link {
    font-size: larger;
}

.post-result-item .answers {
    background-color: var(--primary-color);
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    text-wrap: nowrap;
}

.post-result-item .counter-views, .post-result-item .counter-votes {
    font-weight: 500;
}

.post-tag-item .post-description {
    max-height: 100px;
    text-overflow: ellipsis;
}

.post-tag-item {
    border: 1px solid var(--primary-border-color);
}

.cms-item .select2-container--default.select2-container--focus .select2-selection--multiple, .cms-item .select2-selection {
    background-color: #fff;
    background-image: none;
    border: 1px solid var(--primary-border-color);
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    width: 100%;
    font-size: 14px;
}

.cms-item .select2-container--default.select2-container--focus .select2-selection--multiple:focus, .cms-item .select2-selection:focus {
    border: 1px solid var(--primary-border-color-focus);

}

.forum-channel-item {
    margin: 5px 0;
    padding: 5px 5px;
}


.forum-channel-item:hover {
    border-radius: 5px;
    border: 1px solid var(--primary-border-color);
}

.contact-picker-item .contact-img {
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 50px;
    border: 1px solid var(--primary-border-color);
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}
.right-sidebar-component {
    background-color: #fff;
    border-left: 1px solid #e7eaec;
    border-top: 1px solid #e7eaec;
    overflow: hidden;
    position: fixed;
    top: 60px;
    width: 260px !important;
    z-index: 1009;
    bottom: 0;
    right: -260px;
}

.right-sidebar-component.sidebar-open {
    right: 0;
}

.right-sidebar-component.sidebar-open.sidebar-top {
    top: 0;
    border-top: none;
}

.right-sidebar-component .sidebar-container ul.nav-tabs {
    border: none;
}

.right-sidebar-component .sidebar-container ul.nav-tabs.navs-4 li {
    width: 25%;
}

.right-sidebar-component .sidebar-container ul.nav-tabs.navs-3 li {
    width: 33.3333%;
}

.right-sidebar-component .sidebar-container ul.nav-tabs.navs-2 li {
    width: 50%;
}

.right-sidebar-component .sidebar-container ul.nav-tabs li {
    border: none;
}

.right-sidebar-component .sidebar-container ul.nav-tabs li a {
    border: none;
    padding: 12px 10px;
    margin: 0;
    border-radius: 0;
    background: #2f4050;
    color: #fff;
    text-align: center;
    border-right: 1px solid #334556;
}

.right-sidebar-component .sidebar-container ul.nav-tabs li.active a {
    border: none;
    background: #f9f9f9;
    color: #676a6c;
    font-weight: bold;
}

.right-sidebar-component .sidebar-container .nav-tabs > li.active > a:hover,
.right-sidebar-component .sidebar-container .nav-tabs > li.active > a:focus {
    border: none;
}

.right-sidebar-component .sidebar-container ul.sidebar-list {
    margin: 0;
    padding: 0;
}

.right-sidebar-component .sidebar-container ul.sidebar-list li {
    border-bottom: 1px solid #e7eaec;
    padding: 15px 20px;
    list-style: none;
    font-size: 12px;
}

.right-sidebar-component .sidebar-container .sidebar-message:nth-child(2n+2) {
    background: #f9f9f9;
}

.right-sidebar-component .sidebar-container ul.sidebar-list li a {
    text-decoration: none;
    color: inherit;
}

.right-sidebar-component .sidebar-container .sidebar-content {
    padding: 15px 20px;
    font-size: 12px;
}

.right-sidebar-component .sidebar-container .sidebar-title {
    background: #f9f9f9;
    padding: 20px;
    border-bottom: 1px solid #e7eaec;
}

.right-sidebar-component .sidebar-container .sidebar-title h3 {
    margin-bottom: 3px;
    padding-left: 2px;
}

.right-sidebar-component .sidebar-container .tab-content h4 {
    margin-bottom: 5px;
}

.right-sidebar-component .sidebar-container .sidebar-message > a > .pull-left {
    margin-right: 10px;
}

.right-sidebar-component .sidebar-container .sidebar-message > a {
    text-decoration: none;
    color: inherit;
}

.right-sidebar-component .sidebar-container .sidebar-message {
    padding: 15px 20px;
}

.right-sidebar-component .sidebar-container .sidebar-message .message-avatar {
    height: 38px;
    width: 38px;
    border-radius: 50%;
}

.right-sidebar-component .sidebar-container .setings-item {
    padding: 15px 20px;
    border-bottom: 1px solid #e7eaec;
}

body.mini-navbar .backoffice-container {
    margin: 0 0 0 70px;
}

@media (min-width: 768px) {
    .backoffice-container {
        position: inherit;
        margin: 0 0 0 220px;
        min-height: 1200px;
    }
}

@media (max-width: 768px) {
    .backoffice-container {
        position: inherit;
        margin: 0 0 0 0;
        min-height: 1000px;
    }
}

.backoffice-side-bar {
    background: #2f4050;
}
.captcha-container:not(.captcha-invalid) .captcha-error {
    display: none;
}
@media print
{
    a[href]:after { content: none !important; }
    img[src]:after { content: none !important; }
    .no-print {
        display: none !important;
        content: none !important;
    }
}
:root {
    --row-padding: 15px;
    --primary-color: #1ab394;

}


.backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg);
    opacity: var(--bs-backdrop-opacity);
}

.backdrop.fade {
    opacity: 0;
}

.backdrop.show {
    opacity: var(--bs-backdrop-opacity);
}

.cms-page .navy-line {
    width: 60px;
    height: 1px;
    margin: 60px auto 0;
}


.cms-social .social-icon a {
    background: var(--primary-color);
    color: #fff;
    padding: 4px 8px;
    height: 28px;
    width: 28px;
    display: block;
    border-radius: 50px;
}

.cms-page, .cms-content-page {
    background-color: white;
}

.user-register-form .go-home-link {
    display: block;
    clear: both;
    font-size: 16px;
    font-weight: bolder;
}

.loginscreen .wf-logo {
    float: none;
    padding: inherit;
    display: block;
    clear: both;
}

.wf-logo {
    display: inline-table;
    position: relative;
    line-height: 0;
    height: 100%;
    padding: 0px 10px 0 35px;
}

.wf-logo img {
    display: inline-table;
    max-height: 50px;
}

.wf-logo .brand {
    display: inline-table;
    max-height: 50px;
}


.cms-content-page .widget > a {
    color: white !important;
}

.cms-widget {
    margin-top: 0px !important;
}

.cms-widget.style1 h2 {
    font-size: 22px;
}

.cms-widget > a {
    color: white !important;
}

.component-form textarea {
    min-height: 45px;
    max-height: 150px;
    overflow-y: scroll;
}


.go-home-link {
    color: inherit;
    font-size: 25px;
    line-height: 1.3333333;
}

/* TEAMS */
.team-members {
    margin: 10px 0;
}

.team-members .team-member {
    text-align: center;
}

.team-members img.img-circle {
    width: 150px !important;
    height: 150px !important;
    margin-bottom: 5px;
}

.team-members .team-member .img-responsive {
    display: inline-block;
}

.team-members .image-contaner {
    width: 90%;
    height: 180px;
    margin-bottom: 15px;
    overflow: hidden;
    background: #eeebebaa;
    margin-left: auto;
    margin-right: auto;
}

.team-members .image-contaner img {
    width: 90%;
    height: auto;
    margin: auto;

}

.cms-item .banner-component {
    min-height: 50px;
    overflow: hidden !important;
}

.cms-item .banner-component img {
    width: 100%;
}

.cms-item .banner-component .banner-image {
    text-align: center;
    z-index: 99;

}

.cms-item .banner-component .banner-caption {
    z-index: 100;
}

.navy-line {
    width: 60px;
    height: 1px;
    margin: 60px auto 0;
    border-bottom: 2px solid #1ab394;
}


/**translation*/
.localized .actions {
    position: absolute;
    top: -20px;
}

/******************************************************* start  panel global css ***********************************/
/******************************************************* start  card  global css ***********************************/

/******************************************************* start  breadcrumb global css ***********************************/
.breadcrumb-container {
    padding-top: 10px;
    padding-bottom: 15px;
}

.cms-item .breadcrumb {
    background-color: inherit;
    padding: 0;
    margin: 0px 0px;
}

.header-selector a {
    padding: 5px 10px !important;
    min-height: unset !important;
}

/******************************************************* start  social icons global css ***********************************/

.social-icon {

}

.social-icon a {
    margin: 8px;
}

/******************************************************* start  lightbox gallery global css ***********************************/

.cms-item .lightBoxGallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    grid-gap: 2px;
    align-items: stretch;
}

.cms-item .lightBoxGallery .gallery-item {
    text-align: center;
}

.cms-item .lightBoxGallery img {
    margin-left: auto;
    margin-right: auto;
}

/******************************************************* end  lightbox gallery global css ***********************************/

/******************************************************* start pagination global css ***********************************/
.per-page {
    padding: 5px;
}

/******************************************************* end pagination global css ***********************************/

.for-anonymous, .for-connected {
    display: none;
}

.embed-video {
    text-align: center;
}

.cms-item .slick-slide {
    outline: none;
}

.btn.btn-outline {
    background: unset;
}

.cms-item .slick-slide a {
    outline: none;
}

.contact-textarea {
    min-height: 200px;
    max-height: 350px;
}


.lang-selector {
    margin-left: 5px;
    padding: 2px 5px;
}

.lang-selector option {
    padding: 5px 10px;
}

.localized {
    /* display: none;*/
}

.tab-content {
    padding-top: 15px;
}

/******************************************************* start  autocomplete global css ***********************************/
.auto-complete-target {
    position: absolute;
    top: 50px;
    background: inherit;
}

.auto-complete-target .thumb {
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    overflow: hidden;
}

.auto-complete-target ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 320px;
    background: inherit;
}

.auto-complete-target ul li {
    display: flex;
    flex-direction: row;
    gap: 8px;
}


.auto-complete-target ul li .product {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.auto-complete-target ul li .product .content {
    flex-grow: 2;
}

.auto-complete-target ul li .price {
    float: right;
}

.auto-complete-target ul li img {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
}


/******************************************************* start  cms-item global css ***********************************/


.cms-item .slot {
    position: relative;
}

.cms-item a {
    text-decoration: none;
}

.cms-item.logo img, .cms-item video, .cms-item iframe, .cms-item embed, .cms-item marquee {
    width: 100%;
}

nav li.cms-item, nav li a.cms-item, nav li a {
    padding-top: 0px;
    padding: 0.5rem 0;
}

nav li.cms-item .dropdown-menu a, .dropdown-menu li a {
    padding: 0.5rem 10px;
}

/*
.cms-item img.cms-item {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    height: 100%;
}*/

.cms-item .list-inline {
    display: flex;
    flex-flow: row;
}

.cms-table {
    width: 100%;
}

.cms-item h1 {
    font-weight: 700;
    line-height: 1.3em;
    letter-spacing: 0.4px;
}

.cms-item h2, .cms-item h3, .cms-item h4, .cms-item h5, .cms-item h6 {
    font-weight: 500;
    line-height: 1.2em;
    letter-spacing: 0.3px;
}

h1.cms-item *, h2.cms-item *, h3.cms-item *, h4.cms-item *,
h5.cms-item *, h6.cms-item *, a.cms-item *, button.cms-item * {
    line-height: inherit !important;
    font-size: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
    font-weight: inherit;
}

.cms-item p {
    color: inherit;
}

.cms-item h1 {
    font-size: 34px;
}

.cms-item h2 {
    font-size: 30px;
}

.cms-item h3 {
    font-size: 24px;
}

.cms-item h4 {
    font-size: 20px;
}

.cms-item h5 {
    font-size: 16px;
}

.cms-item h6 {
    font-size: 13px;
}

.cms-item h3, .cms-item h4, .cms-item h5 {
    font-weight: 600;
}

.cms-item hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #000;
}

.cms-item h1 p,
.cms-item h2 p,
.cms-item h3 p,
.cms-item h4 p,
.cms-item h5 p,
.cms-item label p,
.cms-item a p,
.cms-item button p {
    margin: 0px;
    line-height: inherit;
}


.cms-item .btn p, .cms-item a p, .cms-item button p {
    margin: 0px;
    line-height: inherit;

}


.cms-item .m-t-md {
    margin-top: 3px;
}

.cms-item .dropdown-item.active, .cms-item .dropdown-item:active {
    background-color: inherit;
}

/******************************************************* start utility classes css ***********************************/
.d-flex-row {
    display: flex;
    flex-direction: row;
    gap: 2px;
}

.d-flex-col {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.d-gap-1, .d-flex .d-gap-1 {
    gap: 1px;
}

.d-gap-2, .d-flex .d-gap-2 {
    gap: 2px;
}

.d-gap-10, .d-flex .d-gap-10, .d-flex-row .d-gap-10, .d-flex-col .d-gap-10 {
    gap: 10px;
}

.d-gap-5, .d-flex .d-gap-5, .d-flex-row .d-gap-5, .d-flex-col .d-gap-5 {
    gap: 5px;
}

.d-gap-15, .d-flex .d-gap-15, .d-flex-row .d-gap-15, .d-flex-col .d-gap-15 {
    gap: 15px;
}

.d-gap-20, .d-flex .d-gap-20, .d-flex-row .d-gap-20, .d-flex-col .d-gap-20 {
    gap: 20px;
}

.d-align-stretch {
    align-items: stretch;
}

.d-align-start {
    align-items: start;
}

.d-align-end {
    align-items: end;
}

.d-align-center {
    align-items: center;
}

.d-ji-center {
    justify-items: center;
}

.d-ji-stretch {
    justify-items: stretch;
}

.d-ji-start {
    justify-items: start;
}

.d-ji-end {
    justify-items: end;
}


.d-jc-center {
    justify-content: center;
}

.d-jc-start, .start {
    justify-content: start;
}

.d-jc-end, .end {
    justify-content: end;
}

.d-jc-sb, .sb {
    justify-content: space-between;
}

.d-jc-flexend, .flex-end {
    justify-content: flex-end;
}

.d-jc-flexstart, .flex-start {
    justify-content: flex-start;
}

.d-wrap {
    flex-wrap: wrap;
}

.d-nowrap {
    flex-wrap: nowrap;
}

.d-flex {
    display: flex;
}

.d-flex .row {
    flex-direction: row;
}

.d-flex .col {
    flex-direction: column;
}


.d-center {
    justify-content: center;
}

/******************************************************* start footer global css ***********************************/

.footer-component {
    display: flex;
    flex-direction: row;
    background-color: #2f4050;
    padding-top: 25px;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
}

.footer-title {
    font-weight: 700;
}

.footer-list {
    list-style: none;
}

.footer-component ul.footer-list {
    list-style: none;
}

.footer-component ul.footer-list li {
    margin-bottom: 1.2em;
}

.footer-component a {
    color: inherit;
    display: block;
}

/******************************************************* start dropdown css  ***********************************/
.cms-item-navigationnodecomponent > .dropdown-menu {
}

.dropdown-item:focus, .dropdown-item:hover {

}

.dropdown-menu ul, .dropdown-menu {
    list-style: none;
}

/******************************************************* start navigation css  ***********************************/
/******************************************************* start navigation bar css for all media***********************************/
.navigation-bar:not(.collapse.show) .backdrop {
    opacity: 0;
    display: none;
}

.navigation-bar.show .backdrop {
    opacity: var(--bs-backdrop-opacity);
    display: block;
    z-index: 100;
}

.navigation-bar li > a {
    text-transform: inherit;
}

.navbar-header, .navigation-bar .navbar-header, .navigation-bar-top .navbar-header {
    position: relative;
    z-index: 1;
}

.navigation-bar .navbar-brand, .navigation-bar-top .navbar-brand {
    color: #fff;
    height: auto;
    display: block;
    font-size: 14px;
    background: #1ab394;
    padding: 15px 20px 15px 20px;
    border-radius: 0 0 5px 5px;
    font-weight: 700;
    transition: all 0.3s ease-in-out 0s;
}


.navigation-bar > li.active {
    border: none;
    background: inherit;
}

.navbar-nav *[data-bs-toggle]:hover > .dropdown-menu {
    display: block;
}

.navbar-fixed-top {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    padding-left: 15px;
    padding-top: 15px;
    min-height: 50px;
}


.navigation-bar > .container, .navigation-bar-top > .container {
    padding-right: 0;
    padding-left: 0;
}


.navigation-bar-top .dropdown-menu, .navigation-bar .dropdown-menu {
    position: absolute;
    background: inherit;
    height: auto;
}

.navigation-bar-top .navbar-left .dropdown-menu, .navigation-bar-top .navbar-left ul {
    left: 0;
    right: unset;
}

.navigation-bar-top .navbar-right .dropdown-menu, .navigation-bar-top .navbar-right ul {
    left: unset;
    right: 0;
}

.navigation-bar .navbar-wrapper, .navigation-bar-top .navbar-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.navigation-bar .navbar-wrapper, .navigation-bar .navbar, .navigation-bar .container-fluid,
.navigation-bar-top .navbar-wrapper, .navigation-bar-top .navbar, .navigation-bar-top .container-fluid {
    background-color: inherit;
    background: inherit;
}

.navigation-bar-top .navbar-nav, .navigation-bar .navbar-nav {
    display: flex;
    flex-direction: initial;
    gap: 5px;
    align-items: inherit;
    list-style: none;
    background: inherit;
    justify-content: inherit;
}

.navigation-bar-top .navbar-toggler, .navigation-bar .navbar-toggler {
    display: none;
    font-size: 25px;
}

.navigation-bar.collapse:not(.show), .navbar-wrapper.collapse:not(.show), .navigation-bar.collapse:not(.show) .navbar-wrapper {
    display: inherit;
}

.navigation-bar .navbar-nav > li, .navigation-bar-top .navbar-nav > li {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-left: var(--row-padding);
    padding-right: var(--row-padding);
    background: inherit;
}


.dropdown-menu:has(section.cms-container), .dropdown-menu:has(container.cms-container) {
    width: 100%;
}

.navigation-bar-top, .navigation-bar {
    z-index: 100;
    background: #fff;
    display: flex;
    flex-direction: row;
    gap: 8px;
    list-style: none;
    justify-content: space-between;
    align-items: center;
    padding-left: var(--row-padding);
    padding-right: var(--row-padding);
}


.navigation-bar .nav > li > a, .navigation-bar .navbar-var > li > a {
    color: inherit;
    font-weight: inherit;
    padding: 14px 5px 14px 5px;
    text-decoration: inherit;
}

.navbar-right .dropdown-menu, .pull-right .dropdown-menu, .float-end .dropdown-menu, .justify-end .dropdown-menu, .justify-end .dropdown-menu {
    position: absolute;
    right: 0px;
    left: unset;
}

.navbar-left .dropdown-menu, .start .dropdown-menu, .justify-start .dropdown-menu {
    position: absolute;
    left: 0px;
    right: unset;
}

/******************************************************* start navigation bar css for desktop ***********************************/
/******************************************************* start  of modal  css ***********************************/
body .modal-footer, body .modal-header {
    border-top: none;
}

/******************************************************* end of modal  css ***********************************/

/******************************************************* start  testimonial global css ***********************************/
.testimonial .comments-avatar {
    margin-top: 25px;
    margin-left: 22px;
}

.testimonial .comments-avatar .commens-name {
    font-weight: 600;
    font-size: 14px;
}

.testimonial .comments-avatar img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    margin-right: 10px;
}

.testimonial .bubble {
    position: relative;
    height: 120px;
    padding: 20px;
    background: whitesmoke;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-style: italic;
    font-size: 14px;
}

.testimonial .bubble:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 15px 14px 0;
    border-color: whitesmoke transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -15px;
    left: 30px;
}

/******************************************************* start  testimonial global css ***********************************/

/******************************************************* start of teams members ***********************************/
.cms-item .team-members {
    padding-left: var(--row-padding);
    padding-right: var(--row-padding);
    display: flex;
    justify-content: center;
}

.cms-item .team-members .team-member {
    margin-left: auto;
    margin-right: auto;
}

.cms-item .team-member img {
    margin: auto;
}

/******************************************************* start of ibox ***********************************/
.cms-page .ibox {

}

.cms-page .ibox-content {
    padding: 14px 8px 6px 15px;
    /* border-width: 1px 0;*/
}

.cms-page .ibox-title {
    min-height: unset !important;
}

.cms-page .ibox-title .btn-toolbar {
    margin-left: 12px;
}

.cms-page .ibox-content .ibox-content {
    /* border-width: 0px 0;*/
}

.cms-item .ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
    padding-bottom: 15px;
}

.cms-item .ibox.collapsed .ibox-content {
    display: none;
}

.cms-item .ibox.collapsed .fa.fa-chevron-up:before {
    content: "\f078";
}

.cms-item .ibox.collapsed .fa.fa-chevron-down:before {
    content: "\f077";
}

.cms-item .ibox:after,
.cms-item .ibox:before {
    display: table;
}

.cms-item .ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 3px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    min-height: 48px;
}

.cms-item .ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 5px 5px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 0px 0;
}


.cms-item .ibox-footer {
    color: inherit;
    border-top: 1px solid #e7eaec;
    font-size: 90%;
    background: #ffffff;
    padding: 10px 15px;
}

.cms-item .ibox-content {
    clear: both;
}

.cms-item .ibox-heading {
    background-color: #f3f6fb;
    border-bottom: none;
}

.cms-item .ibox-heading h3 {
    font-weight: 200;
    font-size: 24px;
}

.cms-item .ibox-title h5, .cms-item .ibox-title h1, .cms-item .ibox-title h2, .cms-item .ibox-title h3, .cms-item .ibox-title h4, .cms-item .ibox-title h6 {
    display: inline-block;
    /*font-size: 16px;*/
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
}

.cms-item .ibox-title .label {
    float: left;
    margin-left: 4px;
}

.cms-item .ibox-tools {
    display: block;
    float: none;
    margin-top: 0;
    position: relative;
    padding: 0;
    text-align: right;
}

.cms-item .ibox-tools a {
    cursor: pointer;
    margin-left: 5px;
    color: #c4c4c4;
}

.cms-item .ibox-tools a.btn-primary {
    color: #fff;
}

.cms-item .ibox-tools .dropdown-menu > li > a {
    padding: 4px 10px;
    font-size: 12px;
}

.cms-item .ibox .ibox-tools.open > .dropdown-menu {
    left: auto;
    right: 0;
}

/******************************************************* end of ibox ***********************************/


@media all and (min-width: 767px) {

}

/******************************************************* start navigation bar css for mobile ***********************************/
@media all and (max-width: 768px) {

    .footer-component {
        flex-direction: column;
        justify-content: space-around;
    }

    /*.navbar-nav:has(*[data-bs-toggle]:hover) > .dropdown-menu {
        display: block;
    }*/
    .navigation-bar .navbar-wrapper, .navigation-bar-top .navbar-wrapper {
        display: none;
    }

    .navigation-bar .wf-logo, .navigation-bar-top .wf-logo {
        height: auto;
    }

    body:has(.navigation-bar.show), body:has(.navigation-bar-top.show) {
        overflow: hidden;
    }

    .footer-component {
        justify-content: center;
    }

    .navigation-bar.show, .navigation-bar-top.show {
        justify-content: start;
    }

    .navigation-bar.show .navbar-wrapper, .navigation-bar .navbar-wrapper.show, .navigation-bar-top .navbar-wrapper.show {
        display: flex;
        flex-direction: column;
        position: fixed;
        right: 50px;
        left: 0px;
        height: 100vh;
        overflow: auto;
        z-index: 100;
        bottom: 0;
        align-items: inherit;
        justify-content: inherit;
    }

    .navigation-bar-top.navbar-left, .navigation-bar.navbar-left {
        align-items: start;
    }

    .navigation-bar-top.navbar-right, .navigation-bar.navbar-right {
        align-items: end;
    }

    .navigation-bar.navbar-left.show .navbar-wrapper, .navigation-bar.navbar-left .navbar-wrapper.show, .navigation-bar-top.navbar-left .navbar-wrapper.show {
        right: 50px;
        left: 0;
    }

    .navigation-bar.navbar-right.show .navbar-wrapper, .navigation-bar.navbar-right .navbar-wrapper.show, .navigation-bar-top.navbar-right .navbar-wrapper.show {
        right: 0;
        left: 50px;
    }

    .navigation-bar .navbar-nav {
        padding: 20px;
    }

    .navigation-bar-top .navbar-nav, .navigation-bar .navbar-nav {
        display: inherit;
        flex-direction: inherit;
        gap: 5px;
        align-items: inherit;
        list-style: none;
        background: inherit;
        justify-content: inherit;
    }


    .navigation-bar.show .navbar-nav, .navigation-bar-top.show .navbar-nav {
        display: flex;
    }

    .navigation-bar.collapse:not(.show) .navbar-wrapper, .navbar-wrapper.collapse:not(.show) {
        display: none;
    }

    .navigation-bar-top .navbar-toggler, .navigation-bar .navbar-toggler {
        display: inline-block;

    }

    .navigation-bar.show .navbar-wrapper .navbar-toggler, .navigation-bar .navbar-wrapper.show .navbar-toggler, .navigation-bar-top .navbar-wrapper.show .navbar-toggler {
        padding: 20px;
        font-size: 20px;
        position: absolute;
        right: 5px;
        top: 0px;
        z-index: 10;
    }

    .navigation-bar .wf-logo {
        margin-left: auto;
        margin-right: auto;
        padding-left: 2px;
        margin-top: 10px;
    }

    .navigation-bar .wf-logo img {
        max-height: 70px;
    }

    .cms-item .team-members {
        display: flex;
        flex-direction: column;
    }

}


/******************************************************* endof mobile css ***********************************/





/******************************************************* start carousel  css for all media***********************************/
.cms-item .cms-carousel .carousel {
    height: 470px;
    overflow: hidden;
}

.cms-item .cms-carousel .carousel-caption {
    z-index: 10;
}

.cms-item .cms-carousel .carousel .item {
    height: 470px;
    background-color: inherit !important;
    opacity: 0.45;
}

.cms-item .cms-carousel .carousel-inner > .item > img, .cms-item .cms-carousel .carousel-inner > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    /*height: 470px;*/
}

.cms-item .cms-carousel .carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.cms-item .cms-carousel .carousel-fade .carousel-inner .active {
    opacity: 1;
}

.cms-item .cms-carousel .carousel-fade .carousel-inner .active.left,
.cms-item .cms-carousel .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.cms-item .cms-carousel .carousel-fade .carousel-inner .next.left,
.cms-item .cms-carousel .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.cms-item .cms-carousel .carousel-fade .carousel-control {
    z-index: 2;
}

.cms-item .cms-carousel .carousel-control.left,
.cms-item .cms-carousel .carousel-control.right {
    background: none;
}

.cms-item .cms-carousel .carousel-control {
    width: 6%;
}

.cms-item .cms-carousel .carousel-inner .container {
    position: relative;
}

.cms-item .cms-carousel .carousel-inner {
    overflow: visible;
}

.cms-item .cms-carousel .carousel-caption {
    position: absolute;
    top: 100px;
    left: 20px;
    bottom: auto;
    right: auto;
    text-align: left;

}

.cms-item .cms-carousel .carousel-caption.blank {
    top: 140px;
}

.cms-item .cms-carousel .carousel-image {
    position: absolute;
    right: 10px;
    top: 150px;
    overflow: hidden;
}

.cms-item .cms-carousel .carousel-indicators {

}

.cms-item .cms-carousel .carousel-caption h1 {
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    text-shadow: none;
    letter-spacing: -1.5px;
}

.cms-item .cms-carousel .carousel-caption p {
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: none;
}

.cms-item .cms-carousel div.carousel-image {
    position: absolute;
    right: 100px !important;
    top: 150px;
}

.cms-item .cms-carousel .carousel .item {
    height: 470px;
    background-color: inherit;
    opacity: 0.45;
}
.slider-item {
    float: left;
}
.cms-item .carousel-item{
    min-height: 400px;
}
/******************************************************* start navigation bar css for desktop ***********************************/
@media all and (min-width: 767px) {

}
/******************************************************* start navigation bar css for mobile ***********************************/
@media all and (max-width: 768px) {

}

/******************************************************* end of mobile css ***********************************/





.fa-moneytransferts:before {
    content: "\f1d9";
}

.fa-wallet:before {
    content: "\f0f2";
}

.fa-billing:before {
    content: "\f0d6"
}

.fa-marketplace:before {
    content: "\f19c"
}

.terms-agreement {
    min-height: 200px;
    max-height: 300px;
    overflow: auto;
    text-align: justify;
}

.transfert-form, .shadow-box {
    padding: 10px 15px;
    border: 1px solid #e7eaec;
    margin-bottom: 5px;
}

.transfert-form .ibox-content, .shadow-box .ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-image: none;
    border-style: solid solid none;
    border-width: 0px 0;
}

.transfert-form:hover,
.transfert-form.active,
.shadow-box:hover,
.shadow-box.active {
    border: 1px solid transparent;
    -webkit-box-shadow: 0 3px 7px 0 #a8a8a8;
    -moz-box-shadow: 0 3px 7px 0 #a8a8a8;
    box-shadow: 0 3px 7px 0 #a8a8a8;
}
.transfert-form .btn{
    margin-top: 10px!important;
}
.ride-list-item {

}

.ride-list-item {
    padding: 10px 15px;
    border: 1px solid #e7eaec;
}

.ride-list-item .ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-image: none;
    border-style: solid solid none;
    border-width: 0px 0;
}

.ride-list-item:hover,
.ride-list-item.active {
    border: 1px solid transparent;
    -webkit-box-shadow: 0 3px 7px 0 #a8a8a8;
    -moz-box-shadow: 0 3px 7px 0 #a8a8a8;
    box-shadow: 0 3px 7px 0 #a8a8a8;
}

.ride-image {
    float: left;
    width: 100px;
}

.ride-image img {
    width: 100%;
    height: auto;
}
.transfer-form textarea{
    width: 100%;
    min-height: 70px;
}
.donation-plan label{
    padding-top: 10px;
}
.appointment-booking table thead{

}

.appointment-booking table tbody{

}
.appointment-booking-form{

}


.appointment-booking .day .active{

}


.appointment {

}
.appointment-timeslots {
  padding: 10px 10px 10px 10px;
}
.appointment-calendar {
      margin: 0;
      padding: 0;
      border-spacing: 0;
      width: 100%;
      border: none !important;
  }
.appointment-calendar table {
      width: 100%;
      box-sizing: border-box;
      text-shadow: none !important;
      box-shadow: none !important;
}
.appointment-calendar table tr {
    text-align: center;
}
.appointment-calendar table thead, .appointment-calendar table thead tr th  {
  background:#1ab394 !important ;
  color: white;
  font-weight: 700;
}
.appointment-calendar table tr.days {
  background:#0a51ad !important ;
  padding: 22px 5px 10px 5px;
  text-align: center;
}
.appointment-calendar table tr th {
  text-align: center;
  text-transform: uppercase;
  padding: 8px 5px 6px 5px;
}
.appointment-calendar .thead {
   background-color: #1ab394;
}
.appointment-calendar .tbody {

}
.appointment-calendar .day {
  position: relative;
  cursor: pointer;
  padding: 10px 5px 10px 5px;
}
.appointment-calendar .availability {
  position: absolute;
  left:10px;
  top: 20px;
}

.appointment-calendar .weekend {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
  background: #ea827a2b;
}

.appointment-calendar .day:hover {
  background: #aaa;
}
.appointment-calendar .next {
  text-align: right;
  font-size: 38px;
  font-weight: 700;
  padding-right: 30px;
  cursor: pointer;
}
.appointment-calendar .prev {
  text-align: left;
  font-size: 38px;
  font-weight: 700;
  padding-left: 30px;
  cursor: pointer;
}
.appointment-calendar .display-date {
  text-transform: uppercase;
  text-align: center;
  padding: 10px 5px 10px 5px;
}

.timeslot-list button{
  margin:  10px 5px 10px 5px;
  width: 80%;
}
.fa-social-event:before {
    content: "\f133";
}

.socialevent-image .image {
    overflow: hidden;
}

.socialevent-image .image img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.guest-item {

}

.guest-header {
    display: block;
    clear: both;
    margin-bottom: 15px;
    cursor: pointer;
}

.guest-header .guest-name {
    font-weight: bolder;
}

.guest-details {
    display: block;
    clear: both;
}

.main-guest-info {
    display: block;
    clear: both;
}

.guest-info {
    clear: both;
}

.guest-users {
    display: block;
    clear: both;
}

.other-guests {
    display: block;
    clear: both;
}

.cms-item .socialevent-box{
    max-width: 380px;
}