#admin_left_menu .nav-link[data-toggle].collapsed:after {
    content: "▾";
}

#admin_left_menu .nav-link[data-toggle]:not(.collapsed):after {
    content: "▴";
}



.tab-heading-border {
    background: #121212;
    height: 2px;
}


.tab-product-detail {
    background: rgba(0,0,0,.1);
    height: 2px;
    max-width: 50%;
}





.responsive-container {
    position: relative;
    width: 100%;
    border: 1px solid black;
}

.dummy {
    padding-top: 125%; /* forces 1:1 aspect ratio */
}

.box_file {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center; /* Align center inline elements */
    font: 0/0 a;
}

.box_file .centerer {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.box_file img {
    vertical-align: middle;
    display: inline-block;
    max-height: 100%; /* <-- Set maximum height to 100% of its parent */
    max-width: 100%; /* <-- Set maximum width to 100% of its parent */
}



.detail_file{
    margin-bottom: 15px;
}




.frame {
    height: 100%; /*can be anything*/
    width: 100%; /*can be anything*/
    position: relative;
}

.frame img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}



.purchase_status_case_setting  {
    min-width: 160px;
}



.ui-menu {
    width: 200px;
}








/*admin*/
.tags_sortable li {
    list-style: none;
}

.tags_sortable .ui-state-default {
    background-color: #fff;
    margin-bottom: 5px;
    position: relative;
}

.tags_sortable li.ui-state-default:hover {
    background-color: #ccc6c6 !important;
}

.tags_sortable {
    padding: 0px;
}

.trash_tag {
    position: absolute;
    right: 0px;
    height: 30px;
    margin-top: -3px;
    margin-right: -5px;
}



.ui-widget-content {
    border: initial !important;
}



.categories_sortable li {
    list-style: none;
}

.categories_sortable .ui-state-default {
    background-color: #fff;
    margin-bottom: 5px;
    position: relative;
}

.categories_sortable li.ui-state-default:hover {
    background-color: #ccc6c6 !important;
}

.categories_sortable {
    padding: 0px;
}

.trash_category {
    position: absolute;
    right: 0px;
    height: 30px;
    margin-top: -3px;
    margin-right: -5px;
}






.materials_sortable li {
    list-style: none;
}

.materials_sortable .ui-state-default {
    background-color: #fff;
    margin-bottom: 5px;
    position: relative;
}

.materials_sortable li.ui-state-default:hover {
    background-color: #ccc6c6 !important;
}

.materials_sortable {
    padding: 0px;
}

.trash_material {
    position: absolute;
    right: 0px;
    height: 30px;
    margin-top: -3px;
    margin-right: -5px;
}



.manufacturers_sortable li {
    list-style: none;
}

.manufacturers_sortable .ui-state-default {
    background-color: #fff;
    margin-bottom: 5px;
    position: relative;
}

.manufacturers_sortable li.ui-state-default:hover {
    background-color: #ccc6c6 !important;
}

.manufacturers_sortable {
    padding: 0px;
}

.trash_manufacturer {
    position: absolute;
    right: 0px;
    height: 30px;
    margin-top: -3px;
    margin-right: -5px;
}

.admin_ordered_case .col {
    border-right: 1px solid #e9ecef;
}

.admin_designed_case .col {
    border-right: 1px solid #e9ecef;
}



.coupons_sortable li {
    list-style: none;
}

.coupons_sortable .ui-state-default {
    background-color: #fff;
    margin-bottom: 5px;
    position: relative;
}

.coupons_sortable li.ui-state-default:hover {
    background-color: #ccc6c6 !important;
}

.coupons_sortable {
    padding: 0px;
}

.trash_coupon {
    position: absolute;
    right: 0px;
    height: 30px;
    margin-top: -3px;
    margin-right: -5px;
}


.choses_sortable li {
    list-style: none;
}

.choses_sortable .ui-state-default {
    background-color: #fff;
    margin-bottom: 5px;
    position: relative;
}

.choses_sortable li.ui-state-default:hover {
    background-color: #ccc6c6 !important;
}

.choses_sortable {
    padding: 0px;
}

.trash_chose {
    position: absolute;
    right: 0px;
    height: 30px;
    margin-top: -3px;
    margin-right: -5px;
}