/* The Modal (background) */
#myModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%;
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content */
#myModal .sf_modal-content {
    margin: auto;
    /*padding: 20px;*/
    border: 1px solid #888;
    width: 60%;
    opacity: 1;
    z-index: 10;
    background: #121212;
    border-radius: 0;
    transform: scale(.8);
    transition: all .3s;
    position: relative;
    display: flex;
    flex-direction: column;
    outline: 0;
    max-width: 650px;
}

#module-skinfair_sell-myitems #myModal .sf_modal-content {
    max-width: 400px;
}

/* The Close Button */
#myModal .myModalClose {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    padding: 10px;
    text-align: right;
}

#myModalClose:hover,
#myModalClose:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.myBtn, .myBtn:hover {
    padding: 2px 20px 2px 20px;
    background: linear-gradient(90deg, #decd93, #ac9f74);
    color: #000;
    border: none 1px rgba(161, 161, 161, 0.25);
    cursor: pointer;
}

.myBtn:hover {
    background: linear-gradient(90deg, #dea76b, #ac904d);
}

.myBtn.disabled, .myBtn.disabled:hover {
    cursor: default;
    background: linear-gradient(90deg, #ccc, #999)
}

#sf_item {
    height: 500px;
    /*border: 1px solid black;*/
    text-align: center;
    font-size: 1.2rem;
}

#sf_item_name {
    width: 100%;
    min-height: 25px;
    padding: 10px 0 45px 0;
    font-size: 1.8rem;
    border-bottom: solid 1px #282828;
}

#sf_item_img {
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 5px;
}
.sf_item_second_right {
    width: 50%;
    min-width: 250px;
    height: 100%;
    float: left;
}
.sf_item_second_right div{
    min-height: 25px;
    padding: 20px 0 20px 0;
}

#sf_item_bottom {
    width: 100%;
    min-height: 45px;
    padding: 25px 0 10px 0;
    float: left;
    /*border-top: solid 1px #282828;*/
}
#sf_item_price {
    float: left;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: bold;
    text-transform: none;
    text-align: center;
    color: #cfcdb4;
    width: 50%;
}
#sf_item_buy {
    float: left;
    width: 50%;
}

#sf_item_buy .myBtn.disabled{
    cursor: pointer;
}

#sf_item_buy button{
    height: 40px;
}
#sf_item_href, #sf_item_bot {
    float: left;
    width: 50%;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: solid 1px #282828;
}
#sf_item_bot button {
    height: 40px;
}
#sf_item_exterior, #sf_item_rarity, #sf_item_tradeban{
    margin-top: 15px;
    font-size: medium;
}

@media screen and (min-width: 910px) {
    .sf_item_second_left {border-right: solid 1px #282828;}
    #myModal .sf_modal-content {min-height: 0; padding: 20px;}
    /*#myModal .myModalClose {padding:0;}*/
}

@media only screen and (min-width: 520px) {
    .sf_modal-content {min-height: 0;}
}

@media only screen and (max-width: 520px) {
    #header a.header-btn.header-credit-btn {display: none;}
    #sf_item_buy button {height: auto;}
}

.sf_link_url {
    text-decoration: underline;
}
.sf_language {}

#header-user-btn {
    margin-right: 60px;
}


.sfButton, .sfButton:hover {
    padding: 2px 20px 2px 20px;
    background: linear-gradient(90deg, #decd93, #ac9f74);
    color: #000;
    border: none 1px rgba(161, 161, 161, 0.25);
    cursor: pointer;
}

.sfButton:hover {
    background: linear-gradient(90deg, #dea76b, #ac904d);
}

@media screen and (max-width: 520px) {
    #myModal .sf_modal-content {
        width: 100%;
        margin:5px}

}
/*for IE 11 only*/
@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, .products-grid .product-miniature-layout-1 .product-description { display: inline-block; } /* IE11 */
    *::-ms-backdrop, #js-product-list .products-grid .product-miniature { display: inline-block; margin: 1.9375rem}
    *::-ms-backdrop, .elementor-products .products-grid .product-miniature { display: inline-block;}
    *::-ms-backdrop, .elementor-row .elementor-products .products.row > .col, .products.row > [class*='col-'] {padding:0; margin: 1.9375rem}
    *::-ms-backdrop, #js-product-list .products.row > .col, .products.row > [class*='col-'] {padding:0; margin: 1.9375rem}
    *::-ms-backdrop, .my-account-page-content .products.row > .col, .products.row > [class*='col-'] {padding:0; margin: 0 0.9375rem 0 0}
    *::-ms-backdrop, .elementor-widget-container {padding:0; margin: 1.9375rem}
}

#sf_accept_payments img {
    max-width: 60px;
    padding-right: 5px;
}

.sf_ext_main {position: relative !important; }
.sf_ext_description {font-size: 0.80rem;}
.sf_exterior {float:left;}
.sf_percent {float:right;}
.sf_ext_pointer {}
.sf_pointer {position: absolute !important; margin-left: -4px !important;}
.sf_ext_progress_bar {margin-bottom: 20px;}
.factory-new {width: 7%; height: 3px; background-color: #16aa00; float:left;}
.minimal-wear {width: 8%; height: 3px; background-color: #8bc06b; float:left;}
.field-tested {width: 23%; height: 3px; background-color: #f2b751; float:left;}
.well-worn {width: 7%; height: 3px; background-color: #dd5f42; float:left;}
.battle-scarred {width: 55%; height: 3px; background-color: #a43533; float:left;}