
.tabs
{
    display: block;
    position: relative;
    margin-top:30px;
}
.tab
{
    //width: 20%;
    border: 1px solid #ececec;
    border-top: none;
    border-right: none;
    border-left: none;
    float:left;
    padding:10px 40px;
    text-align: center;
}
.empty_tab{
    width: 60%;
    border-bottom: 1px solid #ececec;
    min-height: 41px;
}
.aktiv
{
    border: 1px solid #ececec;
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    moz-border-top-left-radius: 5px;
    moz-border-top-right-radius: 5px;
    webkit-border-top-left-radius: 5px;
    webkit-border-top-right-radius: 5px;
    -webkit-box-shadow: 3px -3px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    3px -3px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         3px -3px 5px 0px rgba(50, 50, 50, 0.25);
}
.product_thumbnail,
.item{
    border: 1px solid #ececec;
    border-radius: 5px;
    moz-border-radius: 5px;
    webkit-border-radius: 5px;
    background-color: white;
}
.product_thumbnail{
    width: 100%;
    max-height: 100%;
    padding: 5px;
}
.product_name{
    //padding: 5px 0px 10px 0px;

    //color: #488282;

    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    _display: flex;
    align-items: center;
    text-align: center;
    padding-top: 10px;

    color: #488282;
}
.item {
    position: relative;
    float: left;
    width: 24%;
    margin-right: 1%;
    padding: 2px;
    text-align: center;
    overflow-wrap: break-word;
    transition: all .2s ease-in-out;
    overflow:hidden;
}
.item:hover, .item:focus{
    transform: scale(1.1);
    z-index: 500;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    5px 5px 5px rgba(0, 0, 0, 0.25);
    box-shadow:         5px 5px 5px rgba(0, 0, 0, 0.25);
}
.item:hover > .item_half > .product_avarage_rating,
.item:focus > .item_half > .product_avarage_rating{
    display: block;
}
/*.item:nth-child(5){
    margin: 0px;
}*/
.parent_category{
    //background-color: #f5f5f5;
    padding-top: 5px;
    min-height: 30px;
    padding-left: 5px;
    //border: 1px solid #ececec;
    //border-radius: 5px;
    //moz-border-radius: 5px;
    //webkit-border-radius: 5px;
    transition: all .2s ease-in-out;

    background: #FFFFFF;
    border: 1px solid #488282;
    box-sizing: border-box;
    border-radius: 25px;

    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    _display: flex;
    align-items: center;
    text-align: center;

    padding: 5px;
    padding-top: 8px;

    __position: absolute;
    w_idth: 302px;
    __height: 27px;
    margin-top: 10px;


    color: #488282;
}
.category_arrow{
    float: right;
    margin-right: 5px;
}
.category_arrow img{
    height: 20px;
}
.kategoriak{
    width: 100%;
    cursor: pointer;
}
/*.parent_category:hover .category_arrow{
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    2px 2px 2px rgba(0, 0, 0, 0.25);
    box-shadow:         2px 2px 2px rgba(0, 0, 0, 0.25);
}
.parent_category:hover .kategoriak{
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
}*/
.parent_category:hover{
    transform: scale(1.05);
    z-index: 500;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    5px 5px 5px rgba(0, 0, 0, 0.25);
    box-shadow:         5px 5px 5px rgba(0, 0, 0, 0.25);
}
.alkategoria,
.alkategoria2{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    width: 90%;
    display: none;
}
.checkboxes{
    margin-left: 20px;
    width: 85%;
}
.checkbox:nth-child(even){
    _background-color: #cacaca;
}
.clear{
    clear: both;
}
#filter_button{
    width: 100%;
    text-align: center;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
#all,
#top10,
#termekcsalad,
#new,
#top10tcs,#newtcs

{
    border: none;
    __background-color: #f5f5f5;
}
#top10{
    margin-top:20px;
}
#all{
    margin-bottom: 0px;
}
#all_footer{
    margin-bottom: 10px;
    overflow: hidden;
}
#all_footer a{
    display: inline-block;
}
/*.paginate_next{
    float: right;
    margin-right: 10px;
}
.paginate_prev{
    float: left;
    margin-left: 10px;
}*/
.pagination_button{
    //border: 1px solid #dddddd;
    cursor: pointer;
    background-color: white;
    padding: 6px 12px;
    //border-right: none;
    text-decoration: none !important;
    color: #488282;
}
.pagination_button:hover{
    //background-color: #eeeeee;
}
.pagination_first{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
.pagination_last{
    border-right: 1px solid #dddddd;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
.current_pagination{
    display: inline-block;
    //background-color: #337ab7;
    //color: white;

    background: #488282 !important;
    color: #fff;
    border-radius: 50%;
}
.current_pagination:hover{
    //background-color: #337ab7;
}
.inactive_pagination{
    display: inline-block;
    cursor: not-allowed;
}
.centered{
    text-align: center;
}
#filters_holder{
    /*border: 1px solid #ececec;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    moz-border-bottom-left-radius: 5px;
    moz-border-bottom-right-radius: 5px;
    webkit-border-bottom-left-radius: 5px;
    webkit-border-bottom-right-radius: 5px;*/
    padding: 5px;
}
#flap_holder{
    border-top: 1px solid #ececec;
}
#flap{
    max-width: 15%;
    cursor: pointer;
}
#filter_title{
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    padding: 10px;
    margin-bottom: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    moz-border-top-left-radius: 5px;
    moz-border-top-right-radius: 5px;
    webkit-border-top-left-radius: 5px;
    webkit-border-top-right-radius: 5px;
}
.input-group-addon{
    padding: 0px;
}
#search_text_button{
    cursor: pointer;
}
#backToProducts{
    margin-bottom: 10px;
}
.topmargined{
    margin-top: 10px;
}
.rightmargined{
    margin-right: 10px;
}
.green{
    color: #4eb305;
}
.alapar,
.kedvezmenyes_ar{
    float: right;
    margin-right: 25px;
}
.alapar{
    margin-top: 55px;
}
.answer{
    background-color: #bce8f1;
    padding-left: 10px;
}
#product_question{
    width: 95%;
}
.product_answer{
    width: 95%;
}
#product_question,
.product_answer{
    margin-left: 10px;
    height: 35px;
    float: left;
}
#send_question,
#send_answer{
    float: left;
    margin-left: 10px;
    text-align: center;
    width: 100%;
    margin-top: 10px;
}
#product_images{
    display: flex;
    align-items: center;
    justify-content: center;
}
.prodcut_image{
    float: left;
    margin: 5px;
}
.arrow:hover,
.pop_up_panel{
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow:    2px 2px 2px rgba(0, 0, 0, 0.35);
    box-shadow:         2px 2px 2px rgba(0, 0, 0, 0.35);
}
.screen{
    max-width: 95%;
    transition: all .2s ease-in-out;
    cursor: pointer;
}
.screen:hover{
    transform: scale(1.1);
    z-index: 500;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    5px 5px 5px rgba(0, 0, 0, 0.25);
    box-shadow:         5px 5px 5px rgba(0, 0, 0, 0.25);
}
#image_content{
    width: 100%;
    height: 100%;
    text-align: center;
}
.new_answer,
.close_icon{
    cursor: pointer;
}
.answer_datum{
    border-left: 1px solid #ececec;
}
.clear{
    clear: both;
}
.question_text{
    border-bottom: 1px solid #ececec;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.close_icon{
    max-width: 40px !important;
}
.question_icon{
    float: left;
    margin-left: 10px;
}
textarea{
    resize:vertical;
}
.textarea_holder{
    width: 100%;
    border: none;
    background-color: white;
    margin: 0px;
    float: left;
    padding: 0px;
}
#more{
    display: none;
    margin-bottom: 10px;
}
.nopadding{
    padding: 0px !important;
}
.more_holder{
    width: 100%;
    padding: 0px;
    text-align: center;
}
.more_button{
    width: 100%;
    margin-bottom: 10px;
}
.blue_gradient,
.grey_gradient,
.red_gradient{
    border: 1px solid #ececec;
    margin-bottom: 10px;
}
.grey_gradient{
    background: rgba(254,254,254,1);
    background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(219,219,219,1)));
    background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 100%);
    background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 100%);
    background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 100%);
    background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dbdbdb', GradientType=0 );
}
.red_gradient{
    color: white;
    background: rgb(235, 0, 0);
    background: -moz-linear-gradient(top, rgb(235, 0, 0) 0%, rgb(180, 0, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(235, 0, 0)), color-stop(100%, rgb(180, 0, 0)));
    background: -webkit-linear-gradient(top, rgb(235, 0, 0) 0%, rgb(180, 0, 0) 100%);
    background: -o-linear-gradient(top, rgb(235, 0, 0) 0%, rgb(180, 0, 0) 100%);
    background: -ms-linear-gradient(top, rgb(235, 0, 0) 0%, rgb(180, 0, 0) 100%);
    background: linear-gradient(to bottom, rgb(235, 0, 0) 0%, rgb(180, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dbdbdb', GradientType=0 );
}
.blue_gradient{
    color: white;
    background: rgb(51, 122, 183);
    background: -moz-linear-gradient(top, rgb(51, 122, 183) 0%, rgb(43, 99, 183) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(51, 122, 183)), color-stop(100%, rgb(43, 99, 183)));
    background: -webkit-linear-gradient(top, rgb(51, 122, 183) 0%, rgb(43, 99, 183) 100%);
    background: -o-linear-gradient(top, rgb(51, 122, 183) 0%, rgb(43, 99, 183) 100%);
    background: -ms-linear-gradient(top, rgb(51, 122, 183) 0%, rgb(43, 99, 183) 100%);
    background: linear-gradient(to bottom, rgb(51, 122, 183) 0%, rgb(43, 99, 183) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dbdbdb', GradientType=0 );
}
#overlay,
#loading_overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(0,0,0,0.35);
    z-index: 500;
    display: none;
}
.pop_up_panel{
    border: 1px solid #ececec;
    position: fixed;
    background-color: white;
    z-index: 501;
    width: 25%;
    height: 70%;
    margin: auto;
    left: 0;
    right: 0;
    top: 15%;
    border-radius: 5px;
    moz-border-radius: 5px;
    webkit-border-radius: 5px;
    padding: 10px;
    overflow: scroll;
}
#loading_overlay{
    text-align: center;
}
#loading_overlay img{
    width: 75px;
}
#rating_text{
    width: 100%;
}
.bottom-bordered{
    border-bottom: 1px solid #ececec;
}
#questions_other{
    display: none;
}
.product_avarage_rating{
    position: absolute;
    bottom: 0px;
    display: none;
    transition: display 1s ease-out;
    width: 101px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.black_link{
    color: black;
}
.dataTables_filter {
    display: none;
}
#PartnersTable tr.even:hover{
    background-color: #aeadff;
}
#PartnersTable tr.odd:hover{
    background-color: #aeadff;
}
#filter_main_toggler{
    margin-left: 10px;
}
#filter_main_toggler_anchor{
    max-height: 33px;
    padding: 7px 15px !important;
}
.nav-pills_anchor:hover{
    background-color: #1d588a !important;
}
.left-aligned{
    text-align: left;
}
#rating_mod_button{
    margin-top: 10px;
}
#total_avarage{
    font-size: 80px;
    text-align: center;
}
.small_star{
    width: 40%;
    float: left;
}
.star_number{
    float: left;
    margin: 0;
    margin-left: 10px;
    transform: translateY(40%);
}
.rating_percentage_bar{
    width: 0;
    min-height: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    background-color: #337ab7;
}
.rating_percentage_bar_holder{
    height: 20%;
    min-height: 32px;
    padding: 0px;
}
.percentage_bar{
    margin-bottom: 0.5%;
}
.percentage_bar:last-child{
    margin-bottom: 0px;
}
.percentage_bar_number{
    font-size: 150%;
    padding-left: 10px;
    margin: 0;
}
.smaller_12{
    width: 12% !important;
}
.smaller_88{
    width: 88% !important;
}
.smaller_25{
    width: 25% !important;
}
.smaller_75{
    width: 75% !important;
}
.two_in_a_row{
    float:left;
    width: 48%;
    /*margin-left: 10px;*/
    margin-left: 1.5%;
}
.two_in_a_row_margin_left{
    margin-left: 4%;
}
.unslider{
    border: 1px solid #ececec;
    border-radius: 5px;
    padding: 5px;
}

@media screen and (max-width: 1200px) {
    .tab {
        padding: 0px;
    }
    .pop_up_panel{
        width: 40%;
    }
}
@media screen and (max-width: 992px) {
    #filters_holder{
        display: none;
    }
}

@media screen and (max-width: 850px){
    .two_in_a_row{
        width: 100%;
    }
    .two_in_a_row:nth-child(even){
        margin-left: 0px;
    }
}

@media screen and (max-width: 660px) {
    .item {
        width: 32%;
    }
    .pop_up_panel{
        width: 60%;
    }

    #termek_voucher_igenylo{
        display: inline-table;
    }
}

@media screen and (min-width: 661px) {
    .item:nth-child(5){
        _margin: 0px;
    }
    #flap_holder{
        display: none;
    }
}

@media screen and (min-width: 551px) {
    .item:nth-child(4){
        _margin: 0px;
    }
}

@media screen and (max-width: 550px) {
    .item {
        width: 49%;
    }
    .item:nth-child(2){
        _margin: 0px;
    }
    .col-xs-6{
        width: 100%;
        text-align: center;
    }
    .col-xs-6 ul li{
        left: 0px;
    }
    .alapar{
        margin: 0;
        float: none;
    }
    .nav-pills>li {
        float: none;
        text-align: center;
    }
    .tab{
        width: 50%;
        padding: 5px;
    }
    #filter_main_toggler{
        display: none;
    }
}
.inline_anchor{
    display: inline-block;
    float: left;
}
.inline_anchor:first-child{
    margin-right: 10px;
}
#PartnersTable tbody tr{
    //cursor: pointer;
}
#PartnersTable tbody tr td{
    border: 0 ;
}

.item_half{
    /*height: 50%;*/
    position: relative;
}
.item_half1{
    height: 50%;
}
.item_half2{
    h_eight: 45%;
}
.unslider-arrow img{
    width: 10px;
    top: 0px;
    position: static;
    margin-bottom: 5px;
}
.unslider-arrow.next {
    left: auto;
    right: 20px;
}

.product_partner_name{
    _display: none;
    _font-size: 10px;

    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 10px;
    _display: flex;
    align-items: center;
    text-align: center;

    color: #488282;
}

/*.item:hover .product_partner_name{
    display: block;
}*/

.ginop-322-product
{
    color: #fff;
    padding: 3px 10px 3px 10px;
    border-radius: 5px;
    background-color: #5bc0de;
    font-weight: bold;
    display: inline;
}

#alsoslider .slider-selection {
    background: #000000;
}

#felsoslider .slider-selection {
    background: #000000;
}
.slider.slider-horizontal {
    width: 100% !important;
    height: 20px;
}
#alkategoriak_arak .slider-selection{
    //background-image: linear-gradient(to bottom,#48a4e4 0,#1870ae 100%);
    background: #488282;
}
.alkategoria3 {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
    width: 95%;
    display: none;
}
.product-compare-show {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}
.product-compare-show .compare-container {
    background: #e7e7e7;
    box-shadow: 0 0 2px #fff;
}

.compare-container {
    background: #fff !important;
    border: 1px solid #488282;
    box-sizing: border-box;
    border-radius: 91px;
    padding-top: 10px;
    margin-bottom: 5px;

}
.product-compare-show .compare-container .compare-info {
    text-align: center;
    padding: 15px 0;
    color: #454545;
}
.product-compare-show .compare-container .compare-block {
    padding: 0;
}
.product-compare-show .compare-container .compare-link {
    text-align: center;
    padding: 8px 0;
}
.product-compare-show .compare-table {
    background-color: #fff;
    margin-bottom: 0;
}
.product-compare-show .compare-mini-thumb .remove-cont {
    position: relative;
}
.product-compare-show .compare-mini-thumb .btn {
    padding: 1px 4px;
    position: absolute;
    top: 2px;
    right: 2px;
}
.product-compare-show .compare-container .compare-link {
    text-align: center;
    padding: 8px 0;
}
.compareactive{
    //background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(170, 170, 170) 100%);


}

.compare a span.compareactive {

    font-weight: bold;
    color: #ccc;
}
.compareactive:hover{
    background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(170, 170, 170) 100%);
}
.product_thumbnail_compare {
    max-width: 150px;
    /*height: 80px;*/
    padding: 5px;
}
.product_thumbnail_mini {
    max-height: 30px;
    padding: 5px;
}
.parent_akt {
    color: #fff;
    //background-color: #337ab7;
    //border-color: #337ab7;

    background: #488282;
    border: 1px solid #488282;
    box-sizing: border-box;

    /* Drop_Shadow_LIGHT */
    box-shadow: -6px 6px 20px rgba(72, 130, 130, 0.35);
    border-radius: 24px;
}
.paginationjs.paginationjs-theme-blue .paginationjs-pages li.active>a {
    background-color: #488282 !important;
}
.paginationjs .paginationjs-pages li {
    __border: 1px solid #dddddd !important;
    cursor: pointer;
    background-color: white;
    /*padding: 6px 12px;*/
    border-right: none;
    text-decoration: none !important;

    /*float: left;
    border: 1px solid #aaa;
    border-right: none;
    list-style: none;*/
}
.paginationjs.paginationjs-big .paginationjs-pages li>a {
    min-width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    font-size: 14px !important;
    color: #488282;
}
.paginationjs.paginationjs-big .paginationjs-pages li.active>a {
    height: 30px !important;
    line-height: 30px !important;
    font-size: 14px !important;
}
.paginationjs .paginationjs-pages {
    float: none !important;
    display:inline-block;
    text-align: center;
}

.compare {
    background: #FFFFFF;
    border: 1px solid #488282;
    box-sizing: border-box;
    border-radius: 37px;

    _margin-bottom: 30px;

    position: absolute;
    bottom: 10px;

    width: 85%;
}

.compare a span {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 9px;
    _display: flex;
    align-items: center;
    text-align: center;

    color: #488282;
    //top: -3px;
    //position: relative;
}

#filtered_prev {
    margin-right: 50px;
}
#filtered_next {
    margin-left: 50px;
}

.slider-handle {
    background: #488282 !important;
}

#price-range-ok {
    background: #488282;
    border: 1px solid #488282;
    box-sizing: border-box;
    border-radius: 37px;

    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    _display: flex;
    align-items: center;
    text-align: center;

    color: #fff; //#488282;
}

.paginationjs-page a:hover {
    background: none !important;
}
.paginationjs-page:hover {
    background: none !important;
}
#products_main {
    border: none !important;
}
#all {
    border: none !important;
}
.panel-primaray { border: none !important; }

.search-text-termekek {

    border: 1px solid #488282;
    box-sizing: border-box;  width: 324px;
    height: 28px;
    border-radius: 91px; font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    _display: flex;
    align-items: center;

    left: 42px;

    color: rgba(72, 130, 130, 0.75) !important;
}

.search-text-btn {
    top:0px;
    left: 10px; position: relative; z-index: 10;
    background-color: #488282 !important;
    border-radius: 14px;
    width: 42px;
    height: 28px;
    color: #fff !important;
    padding: 0;
}

.shadow-border {
    background: #FFFFFF;

    /* Drop_Shadow_DARK */
    box-shadow: -3px 6px 15px rgba(68, 68, 68, 0.15);
    border-radius: 20px;
    padding: 30px;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #fff;
}
.table-striped > tbody > tr:hover {
    background-color: #fff !important;
}

.tab-btn {
    background: #FFFFFF;
    border: 1px solid #488282;
    box-sizing: border-box;
    border-radius: 24px;
    font-size: 16px;
    height: 26px;
    padding-top: 0px;
}
.tab-btn a {
    color: #488282;
}
.tab-btn.aktiv {
    background: #488282;
    border: 1px solid #488282;
    box-sizing: border-box;
    box-shadow: -6px 6px 20px rgba(72, 130, 130, 0.35);
    border-radius: 24px;
    color: #fff;
}

.tab {
    margin-left: 10px;
    margin-right: 10px;
    width: 100%;
}