#main-container {
    direction: rtl !important;
}

.fpd-ui-theme-doyle .fpd-mainbar .fpd-navigation {
    float: right;
}

.fpd-grid>.fpd-item {
    float: right;
}

.fpd-actions-wrapper>.fpd-action-btn,
.fpd-list>.fpd-list-row,
.fpd-container.fpd-sidebar>.fpd-mainbar,
.fpd-container textarea,
.fpd-container.fpd-sidebar.fpd-sidebar-right>.fpd-mainbar,
.fpd-container.fpd-main-bar-container .fpd-mainbar,
.fpd-container .fpd-module input,
.fpd-thumbnail-preview,
.fpd-container .fpd-stage-off-canvas,
.fpd-manage-layers-panel .fpd-sortable-placeholder,
.fpd-container .fpd-close-off-canvas,
.fpd-topbar[class*=fpd-off-canvas-] .fpd-mainbar .fpd-content,
.fpd-container input[type=text],
.fpd-text-layers-panel .fpd-list>div {
    border: none;
    border-left: 1px solid #ccc;
}

.fpd-dropdown-list .fpd-item {
    text-align: right;
}

.fpd-dropdown.fpd-search>input.fpd-dropdown-current {
    text-align: right;
}

.fpd-dropdown>.fpd-dropdown-arrow {
    right: unset;
    left: 2px;
}

.fpd-manage-layers-panel .fpd-list-row>div.fpd-cell-2>span {
    padding-left: unset;
    padding-right: 10px;
}

.fpd-views-inside-left .fpd-views-wrapper {
    bottom: 55px;
    left: unset;
    right: 10px;
}

.fpd-grid-columns-2 .fpd-grid>.fpd-item {
    border: 1px solid #e4e4e4 !important;
    border-radius: 5px !important;
}

.fpd-navigation>div.fpd-active {
    background: #08966b !important;
}

.fpd-container .fpd-secondary-bg-color,
.fpd-container .fpd-btn,
.fpd-modal-wrapper .fpd-modal-content .fpd-btn,
.fpd-switch-container.fpd-enabled .fpd-switch-toggle,
.fpd-switch-container.fpd-enabled .fpd-switch-bar,
.fpd-modal-product-designer.fpd-modal-overlay .fpd-done,
.fpd-range-slider__handle:after,
.fpd-range-slider--horizontal .fpd-range-slider__fill {
    background-color: #08966b;
}

.fpd-ui-theme-doyle .fpd-actions-container .fpd-dropdown-btn>.fpd-dropdown-menu .fpd-action-btn {
    padding: 10px 10px 10px 20px;
    cursor: pointer;
    color: #000 !important;
}

.fpd-ui-theme-doyle .fpd-actions-container .fpd-dropdown-btn>.fpd-dropdown-menu .fpd-action-btn>span {
    margin-right: 0;
    margin-left: 5px;
}

.fpd-slider-group>.fpd-range-wrapper {
    direction: ltr !important;

}

.fpd-tool-fill-opacity.fpd-slider-group.fpd-clearfix {
    display: none !important;
}

.size-select {
    width: 100%;
    border: 1px solid #ccc;
    padding: 2px 10px;
    border-radius: 0;
    font-size: 17px !important;
    height: 42px;
    outline-color: #08966b;

}

span.price {
    font-size: 17px !important;
    margin-top: 0px !important;
    display: block;
    border: 1px solid #ccc;
    width: 100%;
    padding: 7.5px 10px;
    height: 42px;

}

span.text-end {
    text-align: left;
    float: left;
}

a.size-guide {
    width: 100%;
    display: block;
    text-align: center;
    color: #000;
    font-size: 18px;
    cursor: pointer;
    margin-bottom: 20px;
    color: #D59B3A;
}
a.size-guide i {
    margin-left: 5px;
}

.chat-box {
    padding: 10px;
    border: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
}
.chat-box p {
    margin: 0;
    font-size: 18px;
}

.chat-box .chat-btn {
    background: #000;
    margin-top: 0;
    margin-bottom: 0;
}
 #sizeModal .modal-header {
    background: #000;
    color: #fff;
 }

.v-data-table {
    background-color: #fff;
    color: rgba(0,0,0,.87);
}
.v-data-table__wrapper {
    overflow-x: auto;
    overflow-y: hidden;
}
.v-data-table>.v-data-table__wrapper>table {
    width: 100%;
    border-spacing: 0;
}
.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:last-child, .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:not(.v-data-table__mobile-row), .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:last-child, .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:not(.v-data-table__mobile-row), .theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr:last-child>th {
    border-bottom: thin solid rgba(0,0,0,.12);
}

.v-application .text-left {
    text-align: left!important;
}
.theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr>th {
    color: rgba(0,0,0,.6);
}
.v-data-table>.v-data-table__wrapper>table>tbody>tr>td, .v-data-table>.v-data-table__wrapper>table>tfoot>tr>td, .v-data-table>.v-data-table__wrapper>table>thead>tr>td {
    font-size: 14px;
    height: 48px;
}

.v-data-table>.v-data-table__wrapper>table>tbody>tr>td, .v-data-table>.v-data-table__wrapper>table>tbody>tr>th, .v-data-table>.v-data-table__wrapper>table>tfoot>tr>td, .v-data-table>.v-data-table__wrapper>table>tfoot>tr>th, .v-data-table>.v-data-table__wrapper>table>thead>tr>td, .v-data-table>.v-data-table__wrapper>table>thead>tr>th {
    padding: 0 16px;
    transition: height .2s cubic-bezier(.4,0,.6,1);
}

.v-application .font-weight-bold {
    font-weight: 700!important;
}

.v-data-table>.v-data-table__wrapper>table>tbody>tr>th, .v-data-table>.v-data-table__wrapper>table>tfoot>tr>th, .v-data-table>.v-data-table__wrapper>table>thead>tr>th {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 16px;
    height: 48px;
}

.v-sheet.v-card {
    border-radius: 4px;
    margin-top: 20px;
}
.v-card {
    background-color: #fff;
    color: rgba(0,0,0,.87);
}

.v-application .ma-4 {
    margin: 16px!important;
}

.v-sheet--outlined {
    border: thin solid rgba(0,0,0,.12);
}
.v-card>.v-card__progress+:not(.v-btn):not(.v-chip), .v-card>:first-child:not(.v-btn):not(.v-chip) {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.v-application .pa-3 {
    padding: 12px!important;
}
.v-application .title {
    font-size: 1.25rem!important;
    font-weight: 500;
    letter-spacing: .0125em!important;
}

.v-divider {
    display: block;
    flex: 1 1 0px;
    max-width: 100%;
    height: 0;
    max-height: 0;
    border: solid;
    border-width: thin 0 0;
    transition: inherit;
    margin-top: 0;
    margin-bottom: 0;
    border-color: #ccc;

}
.v-card>:last-child:not(.v-btn):not(.v-chip) {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.body-2 {
    padding: 10px!important;
    font-size: 16px!important;
    line-height: 1.5;
    text-align: right;
}
.title.pa-3 {
    padding: 12px!important;

}

.modal-footer .btn-dark {
    background-color: #000;
}
.modal-footer .btn-dark:hover {
    color: #ccc;
}

.fpd-container .fpd-primary-bg-color, .fpd-actions-wrapper>.fpd-action-btn:hover, .fpd-actions-wrapper>.fpd-action-btn.fpd-active, .fpd-thumbnail-preview>.fpd-preview-price {
    background-color: #ededed !important;
}
.fpd-container .fpd-primary-text-color, .fpd-bottom-nav>div.fpd-active {
    color: #222 !important;
}
.fpd-ui-theme-doyle .fpd-actions-container .fpd-dropdown-btn>.fpd-label {
    color: #222 !important;

}
.fpd-navigation, .fpd-navigation .fpd-nav-icon:before {
    color: #222;
}
.fpd-navigation, .fpd-navigation .fpd-nav-icon:before {
    color: #222;
}
.fpd-navigation>div.fpd-active, .fpd-navigation>div.fpd-active .fpd-nav-icon:before {
color: #fff;
}



@media (max-width: 767px) {
    .size-select {
        margin-bottom: 20px;
    }
    .modal-body img {
        height: 150px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 20px;
    }
}


#changeColor {
    position: absolute;
    left: 22%;
    bottom: 80px;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border-radius: 25px;
    border: 1px solid #000;
    pointer-events: none;

}

.color-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #000;
    display: inline-block;
    margin-left: 5px;
}

.color-label {
    background-color: #fff;
    padding: 5px 10px;
    border-radius:  25px 5px 5px 25px;
}