.show_loading {
    position: fixed;
    width: 100%;
    height: 60%;
    background: url(/image/spinner.gif) no-repeat center center/12%;
    z-index: 10000;
    opacity: 1;
    transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out; }

.hide_loading {
    opacity: 0;
    z-index: -1;
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out; }

.space{max-height:1px;min-height:1px;overflow:hidden;margin:12px 0}
.space-2,[class*=vspace-2]{max-height:1px;min-height:1px;overflow:hidden;margin:2px 0 1px}


/*--[--catalog search by code--*/
span.left_block {
    border:1px solid #7f9db9;
    position:fixed;
    top:100px;
    left:5px;
    display:block;
    width:135px;
    min-height:310px;
    text-decoration:none;
    z-index: 10000;
    background-color:#ECF0F5;
    padding:3px 3px 3px 5px;
    font-size: 14px;
}

.search_bycode_block {
    /*padding:15px 0 0 0;	*/
}

.search_bycode_block .selectors {
    border-bottom:1px solid #b2c2d1;
    /*padding:0 15px 12px 15px;	*/
    padding:0 0 12px 0;
}

.search_bycode_block .selectors td {
    color:#58595b;
    padding:3px 0;
}

.search_bycode_block .selectors td strong {
    display:block;
    font-weight:normal;
    padding-bottom:3px;
}

.search_bycode_block .selectors td label input {
    float:left;
}

.search_bycode_block .selectors td label span {
    float:left;
    cursor:pointer;
    margin-top:3px;
    margin-right:15px;
}

.search_bycode_block .results {
    padding:15px 15px 0 15px;
    color:#58595b;
}

.search_bycode_block .results strong {
    display:block;
    font-weight:normal;
    padding-bottom:3px;
}
/*--]--catalog search by code--*/

/*--[--form-filter-block--*/
.filter-block .item {
    margin: 3px 0 3px 0; }
.filter-block .main-block {
    margin: 0 0 0 0;
    border: 1px solid #bcbcbc;
    border-top: none; }
.filter-block .main-block .content-block {
    padding: 3px; }
.filter-block .left-block {
    margin: 0 267px 0 0;
    border: 1px solid #bcbcbc;
    border-top: none; }
.filter-block .right-block {
    float: right;
    width: 250px;
    border: 1px solid #bcbcbc;
    border-top: none; }
.filter-block .caption-block {
    height: 26px;
    line-height: 26px;
    border-top: 1px solid #bcbcbc;
    padding: 0 5px;
    background-color: #f5f6f8;
    font-weight: bold; }
.filter-block .caption-block a.plus {
    float: right;
    padding: 0 0 0 21px;
    color: #000000; }
.filter-block .caption-block a.minus {
    float: right;
    padding: 0 0 0 21px;
    color: #000000;
    /*background: url('/image/icon-minus.png') center left no-repeat;*/
    position: relative; }
.filter-block .caption-block a.minus:before {
    content: "\f077";
    font-family: FontAwesome;
    left: 5px;
    position: absolute;
    top: 0; }
.filter-block .caption-block a.plus {
    /*background: url('/image/icon-plus.png') center left no-repeat;*/
    position: relative; }
.filter-block .caption-block a.plus:before {
    content: "\f078";
    font-family: FontAwesome;
    left: 5px;
    position: absolute;
    top: 0; }

a#hide_1:link, a#hide_2:link, a#hide_3:link {
    text-decoration: none; }

.filter-block .content-block {
    border-top: 1px solid #bcbcbc;
    padding: 5px 2px 5px 2px; }
.filter-block .content-block table {
    border-collapse: collapse; }
.filter-block .content-block td {
    padding: 3px; }
.filter-block label {
    font-weight: bold; }

/*--]--form-filter-block--*/

/*--[-- animated --*/
.animated {
    animation-duration: 1s;
    animation-fill-mode: both; }

.animated.infinite {
    animation-iteration-count: infinite; }

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px); }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0); } }
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px); }
    100% {
        opacity: 1;
        transform: translateY(0); } }
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown; }

@keyframes fadeOutUp {
    from {
        opacity: 1; }
    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
    animation-name: fadeOutUp; }

/*--]--*/

/*--[--act-group--*/
.act-group {
    display: inline-block;
    width: 24px;
    height: 18px;
    line-height: 18px;
    /*border: 1px solid #a1a1a1;*/
    position: relative;
    /*background: #ffffff;*/
    cursor: pointer;
    vertical-align: middle;
    padding: 1px 0 1px 0;
}

.act-group img {
    vertical-align: middle;
}

.act-group .sub {
    position: absolute;
    left: -1px;
    top: 22px;
    border: 1px solid #a1a1a1;
    background-color: #ffffff;
    border-radius: 3px;
    display: none;
    z-index: 10;
}

.act-group:hover .sub {
    display: block;
}

.act-group .sub:before {
    content: '';
    position: absolute;
    width: 100%;
    top: -4px;
    right: 0;
    height: 5px;
}

.act-group .sub a {
    display: block;
    padding: 2px 5px;
    text-decoration: none;
    border-radius: 3px;
    white-space: nowrap;
    text-align: left;
}

.act-group .sub a:hover {
    background-color: #ffffbe;
}
/*--]--act-group--*/

/*--[--context_hint--*/
.tip_div {
    display: none;
    font-size: 11px;
    position: absolute;
    border: 1px solid #999999;
    background-color: #EEEEEE;
    padding: 0px 5px 4px 10px;
    width: 230px;
    filter:progid:DXImageTransform.Microsoft.Shadow(direction = 135, color = #666666, strength = 1);
}

.modelinfo_div {
    display: none;
    font-size: 11px;
    position: absolute;
    border: 1px solid #999999;
    background-color: #EEEEEE;
    padding: 0px 5px 4px 10px;
    width: 450px;
    margin: 18px 0 0 -450px;
    filter:progid:DXImageTransform.Microsoft.Shadow(direction = 135, color = #666666, strength = 1);
}

.status_div {
    display: none;
    font-size: 11px;
    position: absolute;
    border: 1px solid #999999;
    background-color: #EEEEEE;
    padding: 0px 5px 4px 10px;
    width: 250px;
    margin: 20px 0 0 -250px;
    /*FILTER:progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#666666,strength=1);*/
    z-index: 10000;
}

.hov {
    display: block
}

.hov table {
    position: absolute;
    border: 0;
    border-collapse: collapse;
    left: 0;
}

.hov a {
    color: red;
    text-decoration: none;
}

.hov b {
    display: none;
    font-weight: normal;
}

.hov:hover {
    position: relative;
    z-index: 100;
}

.hov a:hover, .hov:hover a {
    border: 0;
    text-decoration: none;
    position: relative;
}

.hov:hover b, .hov a:hover b {
    display: block;
    visibility: visible;
    position: absolute;
    left: 0px;
    top: 12px;
    background: #eee;
    cursor: pointer;
    border: 1px solid #999;
    padding: 5px 10px;
}

.hov b a, .hov b a:hover {
    position: relative;
    z-index: 1000;
    color: #336695;
    text-decoration: underline;
}

.hov .stats-hint {
    display: none;
    font-weight: normal;
}

.hov .stats-hint {
    border-collapse: collapse;
    display: block;
    visibility: visible;
    position: absolute;
    border: 1px solid #999;
    padding: 0;
    left: -440px;
    top: -120px;
    background-color: #e7ecef;
    width: 440px;
}

.hov .stats-hint th {
    text-align: left;
    margin: 0;
    padding: 2px 10px;
    font-family: tahoma, arial, Helvetica, sans-serif;
    border: 0;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    background: #8cb5da
}

.hov .stats-hint td {
    border: 0;
    padding: 0 2px;
    margin: 0;
}

.hov .stats-hint div {
    border: 1px solid #cfd4d7;
    padding: 5px;
    margin: 3px 0;
    background: #fff;
}

.hov .stats-hint h1 {
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0
}

.hov .stats-hint p {
    margin: 0;
    padding: 3px 0 3px 10px;
    /*text-align:justify;*/
    color: #000;
}

.hov .stats-hint p label {
    display: block;
    font-weight: normal;
    padding-left: 10px;
}

/*--]--context_hint--*/

.hr {
    display: block;
    height: 0;
    overflow: hidden;
    font-size: 0;
    border-width: 1px 0 0;
    border-top: 1px solid #E3E3E3;
    border-top-color: rgba(0, 0, 0, .11);
}
.hr-dotted, .hr.dotted {
    border-style: dotted;
}
.hr-8, .hr8 {
    margin: 8px 0;
}
.hr-2, .hr2 {
    margin: 2px 0;
}
.widget-box.transparent {
    border-width: 0;
}
.widget-box {
    padding: 0 4px;
    box-shadow: none;
    margin: 3px 0;
    border: 1px solid #CCC;
}

.profile-activity {
    padding: 10px 4px;
    border-bottom: 1px dotted #D0D8E0;
    position: relative;
    border-left: 1px dotted #FFF;
    border-right: 1px dotted #FFF;
}