@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%);
}


/* MI SELECCIÓN */

#strpstr-w-list-selection *{
    box-sizing:border-box;
}

#strpstr-w-list-selection{
    display:grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap:3%;
}

@media (max-width: 768px) {
    #strpstr-w-list-selection {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 3%;
    }
}

@media (max-width: 479px) {
    #strpstr-w-list-selection {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0%;
    }
}

#strpstr-w-list-selection .strpstr-item-grid{
    padding-bottom: calc( 1.55 * 100% );
    background-color:#fff;
    overflow: hidden;
    position:relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width:100%;
    display:block;
    margin-bottom:20px;
}

#strpstr-w-list-selection .strpstr-item-grid .strpstr-item-image{
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    background-position: center center;
}


.strpstr-item-thumbnail{
    height: 93%;
    width: 100%;
    float: left;
    position: absolute
}

.strpstr-post-title{
    position: absolute;
    bottom: 0px;
}

.strpstr-link-title, .strpstr-link-title:hover{
    color:#666;
    font-weight: 300;
    font-size:18px;
    font-family:'Roboto';
}

/* BOTÓN DE SELECCIÓN */

.strpstr-w-add-product{

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

}

.strpstr-remove-product, .strpstr-del-item-sel{
    display:none;
}


.strpstr-add-product > .strpstr-ico-plus{
    border:1px solid #c36;
    padding: 7px;
    border-radius: 25px;
    background-color:rgba(0,0,0,0.6);
    color:#fff;
    font-size:15px;
}

.strpstr-remove-product > .strpstr-ico-minus{
    border:1px solid #c36;
    padding: 7px;
    border-radius: 25px;
    background-color:rgba(0,0,0,0.6);
    color:#fff;
    font-size:15px;
}

.strpstr-remove-productSel > .strpstr-ico-minus{
    border:2px solid #c36;
    padding: 7px;
    border-radius: 25px;
    background-color:rgba(0,0,0,0.6);
    color:#fff;
    font-size:15px;
}


.strpstr-send-selection-button{
    color:#565656!important;
    font-size:14px;
    font-family:'Roboto' ;
}

#strpstr-user-story-profile{
    display:none;
}

#strpstr_header_story_item{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height:200px;
    background-color:#ccc;
}

#strpstr_body_story_item{
    margin-top:-50px;
    background-color: #fff;
    border:1px solid #e5f0fc;
    -webkit-box-shadow: 0px 7px 12px -2px rgba(207,207,207,0.47);
    -moz-box-shadow: 0px 7px 12px -2px rgba(207,207,207,0.47);
    box-shadow: 0px 7px 12px -2px rgba(207,207,207,0.47);

}

.strpstr-bt-disabled{
    color: #9a9a9a !important;
    border-color:#9a9a9a !important;
}

.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;
}