@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }


@media (min-width:1025px) {
    .show_desktop{
        display:block!important;
    }

    .hide_desktop{
        display:none!important;
    }

}


@media (min-width:641px) {
    .show_desktop{
        display:none!important;
    }

    .hide_desktop{
        display:block!important;
    }

}

.strpstr-fix-nav-link{
    padding:10px;
}

.strpstr-user-area{
    font-size:12px;
}

.strpstr-user-area input, .strpstr-user-area a{
    font-size:12px;
}

.strpstr-user-area .strpstr-chn-user-image{
    width:auto;
    padding-bottom:8px;
}


/*** UI *****/

.strpstr-round0{
    border-radius: unset!important;
}


/****** SETTINGS ********/


.strpstr-tagin-wrapper{
    margin-top:18px;
}

.tab-content{
    width:100%;
}

.strpstr-pag-separator{
    letter-spacing: 3px;
    padding: 0px 4px;
}


#strpstr-main-user-area-tabs .nav-item button, #profileTab .nav-item button{
    border:0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#strpstr-main-user-area-tabs .nav-item button:hover, #profileTab .nav-item button:hover{
    background-color:unset;
    color: #438ffd;
    border-bottom:2px solid #438ffd;
}

#strpstr-main-user-area-tabs .nav-item button.active, #profileTab .nav-item button.active{
    color:#6a235d;
    border-bottom: 2px solid #6a235d;
}

#strpstr-main-user-area-tabs .nav-item button:focus, #profileTab .nav-item button:focus{
    background-color:unset;
}

#strpstr-main-user-area-tabs .nav-item button:focus, #profileTab .nav-item button:visited{
    color:#0d6efd;
}


.nav-pills .nav-link{
    border-right:3px solid #fff;
    border-radius: 0px;
}

.nav-pills .nav-link.active{
    color: #6a235d;
    background-color: unset;
    border-right:3px solid #6a235d;
    border-radius: 0px;
}

/****** DATE PICKER **********/

.datepicker table td, .datepicker table th{
    padding:5px;
    border-radius:0px;
}


/***** SELECT 2 *****/

.select2-selection {
   /* box-shadow: 0;
    -webkit-box-shadow: 0; */
    background-color: #fff;
    border: 0;
    border-radius: 0;
    color: #555555;
    font-size: 14px;
    outline: 0;
    min-height: 36px;
    text-align: left;
}

.select2-selection__rendered {
    margin: 4px;
}

.select2-selection__arrow {
    margin: 4px;
}

/***** SHOPING CART *************/


.strpstr-w-shopping-cart{

    margin-top: 6px;
    color: #565656;
    font-size: 15px;
    font-weight: 600;
    float: right;
    padding-right: 18px;
}

/* tabletas */
@media (max-width: 768px) {
    .strpstr-w-shopping-cart{ display:none;}
}

.strpstr-shopping-cart{
    color: #fff;
    background-color: #000;
    padding: 7px 13px;
    margin-top: 5px;
    border-radius: 25px;
    font-size: 13px;
    text-align: center;
    position: absolute;
    top: -12px;
    right: -16px;

}

.strpstr-shopping-cart:hover{
    color:#c36;
}

.strpstr-shopping-amount{
    position:absolute;
    color:#fff;
    left: calc(50% - 25%);
    top: calc(50% - 25%);
}

/**** CARRITO *****/

  .ui-slider > .strpstr-del-item-sel > i{
        color:#cc3366;
    }

    .ui-slider > .strpstr-del-item-sel:hover > i{
        color:#fff;

    }

    .strpstr-w-shopping-cart{

        margin-top: 6px;
        color: #565656;
        font-size: 15px;
        font-weight: 600;
        float: right;
        padding-right: 18px;
    }

    /* tabletas */
@media (max-width: 768px) {
    .strpstr-w-shopping-cart{ display:none;}
}

.strpstr-shopping-cart{
    color: #fff;
    background-color: #000;
    padding: 7px 13px;
    margin-top: 5px;
    border-radius: 25px;
    font-size: 13px;
    text-align: center;
    position: absolute;
    top: -12px;
    right: -16px;

}

.strpstr-shopping-cart:hover{
    color:#c36;
}

.strpstr-shopping-amount{
    position:absolute;
    color:#fff;
    left: calc(50% - 25%);
    top: calc(50% - 25%);
}


/* BOTÓN DE SELECCIÓN */

.strpstr-w-add-product{

    position:absolute;
    top:10px;
    right:10px;
    z-index: 50;

}

.strpstr-bt-ico{
    font-size:12px;
}

.strpstr-n-rating{
    margin-top:2px;
    font-size:10px;
}

.strpstr-bt-rating {
    margin-right:10px
}

.strpstr-public-list{
    position:absolute;
    bottom:7px;
    background-color:rgba(255,255,255,0.8);
    border:1px solid #ccc;
    padding:8px;
    height:78px;
    width:92%;
}


/*** TAGS ****/

.strpstr-tags-input {
    display: inline-block;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
    box-shadow: 2px 2px 5px #00000033;
    width: 95%;
    min-height:36px;
}

.strpstr-tags-input ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.strpstr-tags-input li {
    display: inline-block;
    background-color: #f2f2f2;
    color: #333;
    border-radius: 10px;
    padding: 1px 10px 4px 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size:12px;
}

.strpstr-tags-input .strpstr-delete-tag-button {
    background-color: transparent;
    border: none;
    color: #999;
    cursor: pointer;
    margin-left: 5px;
    font-size:14px;
    padding:0px;
}


/** FIX **/

.select2-dropdown--above{
    top:32px;
}


/** PRODUCT SELECT **/


.quantity-selector {
    display: inline-block;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 12px;
    padding-bottom:10px;
    border:1px solid #ccc;
}

.quantity-selector button {
    background-color: transparent;
    border: none;
    font-size: 12px;
    padding: 0 10px;
    cursor: pointer;
    color: #007bff;
}

.quantity-selector input {
    width: 40px!important;
    padding-top:4px!important;
    padding-bottom:4px!important;;
    padding-left:5px!important;
    padding-right:5px!important;
    margin-top: 10px;
    text-align: center;
    border: 0px!important;
    font-size: 12px;
}
#quantity-selector-pop{
    margin-bottom:10px;
}

.small-title{
    font-size:10px;
    width:100%;
}
.decrement:hover,.increment:hover, decrement:focus,increment:focus{
    background-color:unset;
}

.quantity-selector button:focus {
    outline: none;
    box-shadow: none;
}

.quantity-selector button:hover {
    color: #0056b3;
}

.product {
    margin-bottom: 30px;
}

.strpstr-comm-title-product{
    font-size:20px;
}

.strpstr-items-cart{
    font-size:14px;
    font-weight: bold;
    margin-right:10px;
}

.strpstr-total-cart{
    font-size:18px;
    font-weight: bold;
}

.strpstr-bt-cart, .strpstr-bt-back-items{
    font-size: 16px!important;
    margin-left:20px;
    line-height: 10px;
}


.strpstr-table tr td{
    position:relative;
    padding:10px 25px!important;
    vertical-align: middle!important;
}

.strpstr-table tr td select{
    font-size:12px;
}
.strpstr-action-bt{
    position:absolute;
    top:0px;
    right:0px;
    padding:4px;
    backgroundcolor:#fff;
}

.strpst-switch{
    margin-top:12px;
}

.pagination{
    justify-content: center!important;
}