/* general */

h3{
    font-size: 20px;
}
.content table{
    width: 100% !important;
}
.bg-gray-light{
    background-color: #eee;
}
.first-uppercase:first-letter {
    text-transform: uppercase;
}

.alert{
    margin: 2rem auto 0;
}


.btn{
    border-radius: 0;
}
.btn-primary{
    background-color: #333;
    color: #fff;
    border: none;
}
.btn-secondary{
    background-color: #999;
    color: #fff;
    border: none;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: none;
}
.btn-primary:hover{
    background-color: #ff6b07;
    color: #fff;
}



/* forms */
label.required::after {
    content: '*';
    color: #de0800;
    margin-left: 5px;
}
label.has-input{
    cursor: pointer;
}
label.has-input input{
    width: auto;
    height: auto;
    display: inline;
}



/* header */
ul.phone-wrap li{
    display: inline-block;
    margin-right: 1rem;
}

.li-header-4 .header-top {
    background: #eee;
    border-bottom: 1px solid #ccc;
    padding: 0.4rem 0;
}
.li-header-4 .header-top a{
    color: #333;
}
.li-header-4 {
    background: #fff;
}
.logo img{
    height: 60px;
}
.li-header-4 .header-bottom{
    background-color: #333;
}

.dropdown-menu{
    border-radius: 0;
    padding: 0.5rem 0;
}
.dropdown-menu li > a{
    padding: 0.4rem 1rem;
}
.dropdown-menu li > a:hover{
    color: #ff6b07;
}
/* slider */
.slider-active .single-slide{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 400px;
	width: 100%;
}


/* category tree */
.category-menu .category-menu-list{
    position: relative;
}

/* catalog filters */

    .filter-links{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding: 2rem 0;
    }
    .filter-links .filter{
        display: block;
        
        height: 55px;
        padding: 0.3rem 0.6rem;
        margin: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        
        background-color: #eee;
        color: #333;
        border: 1px #ccc solid;
        
        transition: all 0.4s ease;
    }
    
    .filter-links .filter:hover{
        background-color: #ccc;
        color: #000;
    }
    .filter-links .filter.active{
        background-color: #ff6b07;
        border: 1px #ff6b07 solid;
        color: #fff;
    }



/* sidabar news */
    .sidebar .newsitem{
        display: flex;
        margin-bottom: 1rem;
    }
    .sidebar .newsitem .image{
        margin-right: 0.6rem;
    }
    .sidebar .newsitem .image img{
        width: 80px;
        height: 80px;
        border: 1px #ccc solid;
    }
    .sidebar .newsitem .title{
        font-size: 14px;
        color: #333;
        transition: all 0.4s ease;
    }
    .sidebar .newsitem:hover .title{
        color: #ff6b07;
    }
    .sidebar .newsitem p{
        font-size: 13px;
        color: #777;
        margin: 0;
    }


/* news */
    .news-card{
        margin-bottom: 1rem;
    }
    .news-card .image img,
    .news-page .image img{
        width: 100%;
    }
    .news-card .date,
    .news-page .date{
       font-size: 0.8rem;
       color: #777;
       margin: 0.5rem 0;
    }
    .news-card .title h4{
        color: #333;
        transition: all 0.4s ease;
    }
    .news-card:hover .title h4{
        color: #ff6b07;
    }

    .news-page .quote{
        font-size: 1rem;
        font-style: italic;
        margin: 1rem 10px;
        border-left: 3px #22B504 solid;
        padding-left: 10px;
    }

    .news-page .content table{
        text-align: center;
    }
    
/* infopages */

    .infopages .infopage .title{
        font-size: 1rem;
        font-weight: bold;
        color: #333;
    }    
    .infopages .infopage .title:hover,
    .infopages .infopage.active .title{
        color: #ff6b07;
    } 
    
       
    .infopage-card .title{
        color: #333;
    }    
    .infopage-card:hover .title{
        color: #ff6b07;
    }    
    .infopage-card .description{
        color: #777;
        margin: 0.5rem 0;
    }    
    .infopage-card .btn{
        padding: 0 0.5rem;
    }    
    

/* features */
.shipping-text h2{
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    
}
.shipping-icon {
    display: inline-block;
    width: 90px;
    height: 90px;
}
.shipping-icon img{
    filter: invert(1);
}
.shipping-text p{
    color:  #fff;
    font-size: 16px;
    margin-bottom: 20px;
}
.shipping-text .btn{
    border: 1px transparent solid;
}
.shipping-text .btn:hover{
    border: 1px #fff solid;
}

/* auction-card */
    .auction-card-area{
        display: flex;
        flex-wrap: wrap;
    }
    .auction-card-wrap{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%;
        padding: 0 1rem 1rem 0;
    }
    .auction-card{
        display: flex;
        flex-direction: column;
    }

    .auction-card:hover{
        box-shadow: 0 0 10px 10px rgba(0,0,0,0.2);
    }
    .auction-card .image{
        position: relative;
    }
    .auction-card .image img{
        width: 100%;
        border: 1px #ccc solid;
    }
    .auction-card .image .sticker-area{
        position: absolute;
        top: 20px;
        left: 0;
        display: flex;
        flex-direction: row;
        align-items: start;
    }
    .auction-card .image .sticker{
        margin-top:  0.5rem;
        padding: 0.4rem 1rem;
        background-color: #777;
        color: #fff;
    }
    .auction-card .image .sticker.new{
        background-color: #22B504;
    }
    .auction-card .image .sticker.lotcount{
        background-color: #ff6b07;
    }
    
    
    .auction-card .info{
        padding: 1rem;
        border: 1px #ccc solid;
        border-top: none;
    }
    .auction-card:hover .title{
        transition: all 0.4s ease;
    }
    .auction-card:hover .title{
        color: #ff6b07;
    }
    .auction-card .info .actions{
        padding-top: 10px;
    }
    
@media (min-width:768px) {
    
    .auction-card-wrap{
      -ms-flex: 0 0 33%;
      flex: 0 0 33%;
      max-width: 33%;
    }
}



/* product-card */
    .product-card-area{
        display: flex;
        flex-wrap: wrap;
    }
    .product-card-wrap{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width: 100%;
        padding: 0 1rem 1rem 0;
    }
    .product-card{
        position: relative;
        display: flex;
        flex-direction: column;
        border: 1px #ccc solid;
        transition: all 0.4s ease;
    }

    .product-card:hover{
        box-shadow: 0 0 10px 10px rgba(0,0,0,0.2);
        margin: 0 0 -60px;
        padding: 0 0 60px;
        z-index: 2;
    }
    .product-card .image{
        position: relative;
    }
    .product-card .image img{
        width: 100%;
    }
    /* --- */
    .product-card .image .sale{
        position: absolute;
        top: 5px;
        left: 0;
        padding: 0.2rem 0.4rem;
        background-color: #ff6b07;
        color: #fff;
    }
    
    .product-card .image .sticker-area{
        display: flex;
        flex-direction: column;
        align-items: end;
        position: absolute;
        top: 5px;
        right: 0;
    }
    .product-card .image .sticker{
        margin-left:  0.5rem;
        background-color: #ccc;
        padding: 0.2rem 0.6rem;
        color: #fff;
    }
    /* ����� �������� */
    .product-card .image .sticker.bg-green{
        background-color: #3DC322;
    }
    .product-card .image .sticker.bg-gray{
        background-color: #545454;
    }
    .product-card .image .sticker.bg-red{
        background-color: #E11801;
    }
    .product-card .image .sticker.bg-orange{
        background-color: #FF9500;
    }
    .product-card .image .sticker.bg-yellow{
        background-color: #F0D504;
    }
    
    .product-card .image .sticker .fa{
        font-size: 28px;
    }
    .product-card .lot-logo{
        position: absolute;
        bottom: 10px;
        left: 10px;
    }
    .product-card .lot-logo img{
        height: 30px;
        width: auto;
    }
    
    .product-card .desc{
        background-color: #fff;
        padding: 10px;
    }
    .product-card .title{
        color: #333;
        font-size: 16px;
        line-height: 1em;
        min-height: 80px;
        transition: all 0.4s ease;
    }
    .product-card:hover .title{
        color: #ff6b07;
    }
    .product-card .info{
        background-color: #fff;
    }
    .product-card .info .actions{
        position: absolute;
        left: 0; right: 0; bottom: 0;
        background-color: #fff;
        padding: 10px;
        transition: all 0.4s ease;
        z-index: -1;
        opacity: 0;
    }
    .product-card:hover .info .actions{
        height: 60px;
        z-index: 2;
        opacity: 1;
    }
    .product-card .info .foot{
        display: flex;
        flex-direction: column;
        justify-content: end;
        height: 80px;
    }
    .product-card .price{
        font-size: 1rem;
        color: #ff6b07;
        font-weight: bold;
    }
    .product-card .info .parents a{
        color: #000;
        margin-right: 20px;
    }
    .product-card .info .lot-numer{
        font-weight: bold;
    }
    .product-card .info .parents a:hover{
        color: #ff6b07;
    }
    .product-card .term-info{
        background-color: #FDF8A0;
        padding: 0.2rem 0.6rem;
        font-size: 12px;
    }
    .product-card a .term-info{
        color: #D60101;
    }
    
    
    
@media (min-width:768px) {
    
    .product-col-4 .product-card-wrap{
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%;
    }
    .product-col-3 .product-card-wrap{
          -ms-flex: 0 0 33%;
          flex: 0 0 33%;
          max-width: 33%;
    }
}





/* ======== cabinet ========= */

    .cabinet-links>.nav-item>.nav-link{
        color: #999;
        font-weight: bold;
    } 
    .cabinet-links>.nav-item>.nav-link:hover{
        color: #ff6b07;
    } 
    .cabinet-links>.nav-item>.nav-link.btn{
        color: #fff;
        font-weight: bold;
    } 
    /* table */
    .actions{
        text-align: right;
    }
    .actions a{
        margin-left: 0.1rem;
        font-size: 1rem;
    }
    .actions a:first-child{
        margin-left: 0;
    }
    .actions a.action-edit{
        color: #4B85C7;
    }
    .actions a.action-delete{
        color: #DB4231;
    }
    /* images */
    .image-preview-area{
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        padding: 10px;
        border: 1px #ccc dashed;
        margin-bottom: 1rem;
    }
    .image-preview-area::after{
        content: '\f055';
        font-family: 'FontAwesome';
        font-size: 40px;
        line-height: 100px;
        display: block;
        width: 100px;
        height: 100px;
        text-align: center;
        background-color: #eee;
        border: 1px #ccc solid;
        border-radius: 10px;
        cursor: pointer;
    }
    .image-preview-template{
        position: relative;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .image-preview-template img{
        height: 100px;
        width: auto;
    }
    .image-preview-template .btn-delete{
        background-color: #CE0101;
        padding: 3px 5px;
        color: #fff;
        position: absolute;
        top: 0;
        right: 0;
    }
    .image-preview-template .btn-delete:hover{
        background-color: #E90101;
    }
    .image-preview-template .btn-delete .fa{
        margin: 0;
    }
    .image-preview-template .progress{
        width: calc(100% - 20px);
        position: absolute;
        bottom: 20px;
        left: 10px;
        height: 8px;        
    }
    .image-preview-template .fileinfo{
        font-size: 9px;
    }

     /* lot */
    #modal-lot .product-list{
        border: 1px #ccc solid;
        height: 300px;
        overflow-y: scroll;
    }
    #modal-lot .product-item{
        display: flex;
        align-items: center;
    }
    #modal-lot .product-item .product-image{
        width: auto;
        padding: 5px;
        margin-right: 0.4rem;
    }
    #modal-lot .product-item .product-image img{
        width: 100px;
        height: auto;
        border: 1px #ccc solid;
    }
    #modal-lot .product-item .product-name{
        font-weight: bold;
        line-height: 1em;
    }
    #modal-lot .product-item .product-price{
        font-size: 0.9rem;
        color: #f44;
    }
    #modal-lot .product-item .product-action{
        width: 50px;
        margin-left: auto;
        text-align: center;
    }
    #modal-lot .product-item .product-action .btn{
        padding: 0.2rem 0.4rem;
    }
    #modal-lot .product-item .product-action .btn-delete{
        background-color: #f44;
    }
    #modal-lot #product-adding .product-item .product-action .btn-delete{
        display: none;
    }
    #modal-lot .product-item .product-action .btn-add{
        background-color: #01A006;
        color: #fff;
    }
    #modal-lot form .product-item .product-action .btn-add{
        display: none;
    }
    #modal-lot .product-item .product-action .btn .fa{
        margin: 0;
    }
/**/     
    .lot-page .status-name{
        padding: 0.5rem 1rem;
        background-color: #FF4242;
        color: #fff;
    }
    .lot-page .date-start{
        padding: 0.5rem 1rem;
        background-color: #999;
        color: #fff;
    }
    .lot-page .product-item label{
        margin-top: 0.5rem;
        margin-bottom: 0;
        color: #666;
        font-weight: 600;
    }
    


    .lot-page .price-start{
        padding: 0.5rem 1rem;
        background-color: #777777;
        color: #fff;
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }
    .lot-page .price-step{
        padding: 0.4rem 0.6rem;
        background-color: #999;
        color: #fff;
        font-size: 1rem;
        line-height: 1rem;
        margin-bottom: 1rem;
    }
    .lot-page .price-current{
        padding: 0.5rem 1rem;
        background-color: #ff6b07;
        color: #fff;
        font-size: 1.2rem;
    }
    
    .lot-page .gallery{
        margin-bottom: 1rem;
    }
    .lot-page .gallery-link img{
        border: 1px #ccc solid;
        margin: 0 5px 5px 0;
    }

    .document-title a .do-show,
    .document-title a[aria-expanded="true"] .do-hide{
        display: inline;
    }
    .document-title a[aria-expanded="true"] .do-show,
    .document-title a .do-hide{
        display: none;
    }

    .document-item{
        display: flex;
        /* justify-content: space-between;*/
        margin-bottom: 0.2rem;
    }
    .document-item .action-download .title{
        font-size: 1rem;
        color: #333;
        margin-right: 10px;
        transition: all 0.4s ease;
    }
    .document-item .action-download:hover .title{
        color: #ff6b07;
    }
    .document-item .action-delete{
        font-size: 1rem;
        font-weight: bold;
        color: #D30101;
        margin-left: 20px;
    }

.document-item a.action-download::before{
        display: inline-block;
        height: auto;
        float: left;
        padding: 5px 0;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 25px;
        margin-right: 8px;
}

.document-item[data-mime="application/pdf"] a.action-download::before{
    content: '\f1c1';
    color: #AA4444;
}
.document-item[data-mime="application/vnd.ms-excel"] a.action-download::before,
.document-item[data-mime="application/vnd.openxmlformats-o"] a.action-download::before{
    content: '\f1c3';
    color: #44AA77;

}
.document-item[data-mime="application/msword"] a.action-download::before,
.document-item[data-mime="application/vnd.openxmlformats-officedocument.wordprocessingml.document"] a.action-download::before{
    content: '\f1c2';
    color: #4466AA;

}
.document-item[data-mime="application/zip"] a.action-download::before,
.document-item[data-mime="application/x-rar-compressed"] a.action-download::before{
    content: '\f1c6';
    color: #EA8526;

}
.document-item[data-mime="image/png"] a.action-download::before,
.document-item[data-mime="image/jpeg"] a.action-download::before{
    content: '\f1c5';
    color: #AA4444;
}
    
    #document-item-form{
        display: flex;
        margin-bottom: 2rem;
    }
    #document-item-form button{
        margin-left: 1rem;
    }
    
 

/* category tree */
    .product-category{
        max-height: 200px;
        overflow-y: scroll;
        background-color: #f6f6f6;
        padding: 1rem 0;
        border: 1px #ccc solid;
        margin-bottom: 1rem;        
    }
    .product-category ul{
        list-style: none;
        margin-left: 1rem;
    }
    .product-category label{
        font-size: 0.9rem;
        font-weight: normal;
        margin: 0;
    }
    .product-category label input{
        height: auto;
        width: auto;
    }


/* footer */
.footer{
    background-color: #333;
}
.footer-logo{
    margin-bottom: 1rem;
}
.footer-block > ul > li > a{
    color: #ccc;
    line-height: 1.2em;
}
.footer-block > ul > li{
    margin-bottom: 0.6rem;
}
.footer-block > ul > li > a:hover {
    color: #ff6b07;
}
.footer-block > h3{
    color: #fff;
}
.footer-newsletter > h4{
    color: #fff;
}
.footer-static-middle .des > li {
    color: #ccc;
} 
.footer-static-middle p {
    color: #ccc;
}