/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on  : 06.04.2015, 10:46:47
    Author      : Filatov.Konstantin
    Edited by   : Muradyan.Roman
*/

.contentRight {margin-right:0 !important}


#motor_flush_data .my-new-list div, #motor_flush_data .my-new-list a {border: 0px solid #eee;}

#motor_flush_data {
    text-align: center;
}

.flush_result_title {display:none}

#motor_flush_result{}
#motor_flush_result .loader {display: block; position: relative; text-align: center; min-height: 498px; line-height: 300px}
#motor_flush_result .loader div {position: relative; left: auto; top: auto; margin: auto; display: inline-block; vertical-align: middle}

#motor_flush_result .catalog-content{
    text-align: left;
}
#motor_flush_result .catalog-content img{
    display: inline;
    margin: auto
}
.flush_result_block {display: inline-block; margin-right: 17px;}
.flush_result_block:last-child {margin-right: 0}
#motor_flush_result .sort_link_wrap {display: none}
#motor_flush_result .item_section_list {text-align: left;
    border: solid 1px #BBB;
    padding: 2px;
}

.flush_select_box {
    display: none;
    width:100%;
}
#box-0,#box-1 {display: block;}

.ans {background: #ccc; color:#000; border-color: #004e9b}
.flush_select_box .active {/* border: 1px solid #004e9b !important; */ background:#004e9b !important; color:#fff !important}

/**/
@media (min-width: 768px) {
    .stringView .ans {
        width: auto;
        max-width: 100%;
        /*background: #eee;*/
        display: block;
        margin: auto 10px;
        text-align: left;
        font-size: 15px;
    }
    #box-1 .ans {font-weight: bold; font-size: 15px; display: table; float: left;/* margin: 10px 20px 10px 0*/}
    #box-1 .ans:nth-child(5n+5){
        margin-right: 0
    }
}
/**/

.stringView .ans {
    background: #eee; margin-bottom: 10px;
}
.stringView .ans:nth-child(2n + 1) {
    background: #ccc
}
.stringView .a-box {margin-top: 10px}

@media (min-width: 768px) and (max-width: 959px) {
    #box-1 .ans {width: 128px; word-break: break-all}
}
@media (min-width: 960px) and (max-width: 1259px) {
    #box-1 .ans {width: 166px;}
}
@media (min-width: 1260px) and (max-width: 1477px) {
    #box-1 .ans {width: 231px;/*232px;*/}
}
@media (min-width: 1478px) {
    #box-1 .ans {width: 273px;/*275px;*/;}
    .stringView .ans {width: 1444px;/*275px;*/;}

}


.ans,.query{
    display: inline-block; vertical-align: middle;
    
    padding: 10px 10px; margin: 10px;
    background: #ccc;
    max-width: 20%;
    text-align: center;
}

.query{
    background: #eee;
    min-width:80%;
    font-size: 150%;
    font-weight: bold;
}
.ans{cursor: pointer; border: 1px solid #004e9b; font-size: 13px;}
#lnk-1-1:hover, .ans:hover {
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.4);
    box-shadow: 0 0 7px rgba(0,0,0,0.4);
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#ccc', Direction=0, Strength=7);
	background:#004e9b !important; color:#fff;
    border-color: #004e9b;
}
.ans-select {
    background: maroon url(arrow.png) no-repeat bottom center;
    color:#fff;
}

.flush-box{
	width:45%;        
	margin:10px;
	text-align:center;
	float:left;
}
.flush-box  img {max-width:100%;}
.flush-box a:hover {font-weight:bold;}

.a-box {text-align: center;}

.first-row {display:table-cell; /*height:170px;*/ height:130px; vertical-align:middle;}

.motor_is_ok {font-weight:bold; background: #5DA25D; border-color: #5DA25D; color: white;}

@media (max-width: 767px){
    .ans, .query {
        max-width: 100%;
        display:block;
    }

    .first-row {height: auto}
}
/*
@media (min-width: 768px) and (max-width: 959px)
{
    #box-1 .ans:nth-child(-n+4) {width: 161px;}
}*/