/*********************************************
1. Main block
2. Header_block
3. Pager way
4. Cover.css
5. Main menu
6. Login page
7. Ui-widget
8. Slider
**********************************************/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, p, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, input, select, option  {
    margin: 0px;
    padding: 0px;
}

h1, h2, h3, h4, h5 { margin: 0 0 8px 0; }

table {
    border-collapse: separate;
}

p { margin: 0px 0px 12px 0px; padding: 0px; }

ul { padding: 0px; margin: 10px 0px 10px 40px; }
ol { padding: 0px; margin: 10px 0px 10px 45px; }

.liststyle { margin-left: 20px;}
.liststyle li { }
.liststyle ol { margin-left: 0; line-height: 18px; }

a img { border: none; }

.clear { clear: both; height: 0px; overflow: hidden; }
.overflow { overflow: hidden;}
.hiddenblock { display: none;}
.nowrap { white-space: nowrap;}
textarea { resize: none;}

/* END RESET BROWSER's DEFAULTS */
body { color: #000; font-family: 'Open Sans', Arial; font-size: 14px; line-height: 21px; background: #fff;}
body.noback { background: none;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Open Sans';}

.layout { padding: 0 0 50px;}
.error-page { padding: 20px 0;}
.layout_dop { max-width: 1280px; margin: 0 auto;}
.shop-header { background: #488c63;}

.shop-header_not-logged-in {
    background: lightgrey;
}

.shop-header_not-logged-in a.lang:link,
.shop-header_not-logged-in a.lang:active, .shop-header_not-logged-in a.lang:visited,
.shop-header_not-logged-in a.lang:focus {
    color: black
}
.shop-header_not-logged-in a.lang:hover { color: #488C63}

.shop-header .container { height: 107px; position: relative; z-index: 20;}
.dopcontainer { padding: 15px;}
.lang_var { position: absolute; right: 15px; top: 15px;}
label { font-weight: normal;}

/*\*/
.logotip00 {
    display: table;
    height: 107px;
    float: left;
    padding: 0 15px 0 0;
}
.logotip01 {
    display: table-cell;
    height: 107px;
    vertical-align: middle;
}
/**/
.logotip01 {
    white-space: nowrap;
}
.logotip02 { }
.logotip02 img { max-height: 95px; max-width: 190px; }

/* fix op10 vertical resize problem */
.logotip02:after {
    position: absolute;
    height: 0%;
    content: "";
}
html {
    position: relative;
}

.tooltip { white-space: normal;}

.right_logotip { padding: 0 0 0 235px;}
* html .right_logotip { padding: 0 0 0 230px;}

.contentLogin_block { overflow:hidden; padding: 15px 0 0; zoom: 1;}
img[name="imgName"] { display: block;}

#list, #pager, #user_assign, #department, .mar_top35 { margin: 35px 0 0;}
#state2 { margin-top: 35px; border-radius: 0}
#state6, #state8, #state11{ border-radius: 0; padding: 10px; margin-bottom: 10px;}
.password-remind__msg_ok, .password-remind__msg_notok { border-radius: 0;}
#columns { margin: 35px 0 0; overflow: hidden; }
#left_col, #right_col, .left_col, .right_col { color: #000; float: left; overflow: hidden; width: 49%; zoom: 1;}
#right_col, .right_col { float: right;}

.mDiv_d {
    left:0;
    position:absolute;
    top:100px;
    z-index:5100;
}
span.mText { display:none;}
/********************DELETE************************/
/*index.tmpl*/
.indexform { overflow: hidden; padding: 15px 0 0; zoom: 1;}

.indexform .form-horizontal .control-label { font-weight: normal; text-align: left;}

.indexform span, .ez-radio, .ez-checkbox-green, .indexform .indexform select, .indexform img { display: inline-block; margin: 0 5px 0 0; vertical-align: middle;}
.indexform span, .indexform img { line-height: 19px; }
.indexform_new span { display: inline-block; margin: 0 5px; vertical-align: middle;}
.indexform_new span.first { margin: 0 5px 0 0;}
/* the index.tmpl*/

.inmiddle { display: inline-block; vertical-align: middle;}
* html .inmiddle { display: inline; } *:first-child+html .inmiddle { display: inline; }

.minheight { min-height: 200px;}
* html .minheight { height: 200px;}

.left {float: left;}
.right { float: right;}

.tbl-st { border: 0; border-collapse: collapse; padding: 0;}

.cursorview { cursor: pointer;}
.close_win { position: absolute; right: 10px;}

div#cover_fon {
    background-color: transparent;
    cursor: wait;
    left: 0;
    position: absolute;
    text-align: center;
    top: -112px;
    width: 100%;
    z-index: 999;
}

div#cover_fon.wait_state {
    background-color: #DDDDDD;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

div#cover_fon #cover_img { left: 50%; position: absolute; top: 50%;}

/***********************************************************/

.TB_overlayBG {
    background-color:#000;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
#TB_overlay {
    height:100%;
    left:0px;
    position:fixed;
    top:0px;
    width:100%;
    z-index:100;
    zoom: 1;
}

.bg_lightgreen, .bg_lightgreen td {
    background: #f9f9f9;
}
.info-show.align{
margin: 7px;
}

.label { display:block; overflow: hidden; margin: 0 0 4px; zoom: 1;}
.label input { float: left; margin: 0 5px 0 0;}
*+html .label input { margin: -4px 2px 0 -4px;}
.plashka_content select { border: 1px solid #DBDFE6; border-top: 1px solid #ABADB3; width:200px;}
.labeld { text-align: center;}
.labeld .button { width: 150px;}
.butcenter { margin: 15px 0 0; text-align: center;}
.textal { text-align: left;}

/*imsg css*/
.mDiv_d {left: 0; position:absolute; top: 100px; z-index: 5100;}
.mDiv_dt { background: url(../i/mdiv_top.png) 0 0 no-repeat; padding: 12px 0 0; width: 393px; }
.mDiv_db { background: url(../i/mdiv_bot.png) 0 100% no-repeat; padding: 0 0 21px;}
.mDiv_dr { background: url(../i/mdiv_rep.png) 0 0 repeat-y; overflow: hidden; padding: 0 25px; text-align: center;}
/*the end imsg css*/

/*******admin module*********/
.tbl_admin_table {
    border-color: #d1d1d1;
    border-style: solid;
    border-width: 1px 1px 0 0;
    margin: 0 0 15px;
}
.tbl_admin_table td {
    border: 1px solid #d1d1d1;
    border-width: 0 0 1px 1px;
    font-size: 12px;
    padding: 2px 5px;
    vertical-align:top;
}

.tbl_admin_table th {
    background: #EEEEEE;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    color:#000;
    font-size: 11px;
    padding: 5px;
    text-align:left;
    vertical-align: top;
}

.tbl_title_div { margin: 15px 0; }
.tbl_title_admin { float: right; }

/*******hash*************/
.admin_hash { border:1px solid #CCCCCC; border-width: 1px 0 0 1px;}
.admin_hash td, .admin_hash th {
    background-color: #EEEEEE;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    padding: 2px 3px;
    vertical-align: top;
}
td.FORM_TITLE {
    font-weight : bold;
    color: #6B7F98;
    font: 11px bold Verdana, Geneva, Arial, Helvetica, sans-serif;
    width:190px;
}
A.FORM_TITLE, A.FORM_TITLE:hover {
    font-weight : bold;
    color: #6B7F98;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
}
td.FORM_ELEMENT { color: #000000;}
td.FORM_BUTTONS {
    color: #000000;
    height:30px;
    padding-left:5px;
}
.FLTITLE {
    color:#6B7F98;
    font: 12px bold Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-weight: bold;
    padding: 15px 0 10px;
}
td.rlist {
    font-weight: bold;
    color: #6B7F98;
    font: 10px normal Verdana, Geneva, Arial, Helvetica, sans-serif;
    height:24px;
}
.err_top_left {
    FONT-FAMILY: Arial, helvetica, "sans serif";
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    padding: 14px 0;
    text-align: left;
}

.txt_transl {width:270px;height:50px}
.txt_def {width:270px;height:50px; border: none;}
SPAN.com { font-style: italic; color:black; font-weight: normal; FONT-SIZE: 10px;}
SPAN.err { font-style: italic; color:black; font-weight: normal; FONT-SIZE: 10px; color:red;}

.marg05 { margin: 0 5px 0 0;}

/*------Autoorders-------------*/
.select-block .stylelable { cursor: pointer;}
.varblock i { margin: 0 10px 0 0;}

#block1 { width: 750px;}
#block1 .informat { color: green; clear: both; padding: 10px 0 0 0;}
#block1 .submit_but { padding: 15px 22px 0 0; text-align: right;}

.body_popup { border-bottom: 1px solid #ABADB3; padding: 0 15px 15px;}
.body_popup .control-label { padding-left: 0;}
.body_popup label { font-weight: normal;}

.calendar_block { border-bottom: 1px solid #ABADB3; padding: 15px 0 20px;}
.labeltext { float: left; width: 360px;}

div.time-picker {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 99999;
    height: 191px;
    overflow: auto;
    width:120px;
}
div.time-picker ul {  list-style-type: none; margin: 0; padding: 0;}
div.time-picker li {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
    cursor: pointer;}
div.time-picker li.selected { background: #488C63; color: #fff;}

.vardata { overflow:hidden; position:relative;}
.weekly-line { background: #ffffff; padding: 12px 5px 5px;}
.weekly-line .form-group { margin-bottom: 7px;}
.fd-color { background: #f9f9f9;}

.weekly-line-ddate { padding: 12px 25px 5px 5px;}
#weekNoDeliveryDates > div { margin-bottom: 15px;}
.amount { width: 63px;}
.tablelist td div.product-type-1-inputs input.amount {
    width: 32%;
    display: block;
    margin-right: 2%;
    float: left;
    max-width: 63px;
}

.fixed-dates .calendar-group { width: 130px;}
.fixed-dates .calendar-group input { width: 100px;}
.fixed-dates .time-order { width: 80px;}
.fixed-dates { padding: 0 0 5px;}

#weeklyRules .nano { width: 100%; height: 280px; }
#weeklyRules .nano .nanocontent { padding: 0; }

#dates .nano { width: 100%; height: 118px; }
#dates .nano .nanocontent { padding: 0; }

#orderCalendarList .nano { width: 100%; height: 250px; }
#orderCalendarList .nano .nanocontent { padding: 0 20px 0 0; }
/* the end auto-orders popup*/


/* popup window for info and errors */
.xform-info-popup { position:absolute; display:none; z-index:1000;}
.xform-info-popup { position:absolute; display:none; z-index:1000;}

/*===================================================================================================
Fancybox icons override
===================================================================================================*/

.fancybox-skin {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.fancybox-close > i.icon-remove{ color: #468059;}
.fancybox-close:hover { background: transparent; text-decoration: none;}

.detail-popup .fancybox-prev span, .detail-popup .fancybox-next span { background: none;}
.detail-popup .fancybox-nav{ background: #EBEBEB; height: 100%; padding: 30px 0; top: -30px; cursor:pointer; position:absolute; width:35px; z-index:99999; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-sizing: content-box;}
.detail-popup .fancybox-prev { border-right: 1px solid #D1D1D1; left: -60px;}
.detail-popup .fancybox-next { border-left: 1px solid #D1D1D1; right: -45px;}
.detail-popup .fancybox-nav span { font-family: "FontAwesome"; font-weight: normal; font-style: normal; color: #000; left: 0; line-height: 34px; text-align: center; text-shadow: 0 -1px 0 #D1D1D1; visibility: visible;}
.detail-popup .fancybox-nav.fancybox-prev span:after { content: "\f053";}
.detail-popup .fancybox-nav.fancybox-next span:after { content: "\f054";}

.detail--amount-price { border-top: 1px dotted #000; font-weight: bold;  margin: 5px 0 0; padding: 5px 0 0; }
.detail--price { font-weight: bold; margin: 0 10px 0 0;}
.detail--current-price .detail--price { font-weight: bold; margin: 0; }

/* for FAQ */
.help_inf { vertical-align: middle;}

.wait_state_faq { padding: 20px; text-align: center;}
.faq-block { padding: 20px 0;}
.toc { margin: 0 0 40px;}
.toc #toc__header, .faq-block h1, .faq-block h2, div.level2 { display: none;}
.toc .level2 { padding: 10px 0 0 23px;}
div.level2.slevel { display: block;}
.toc .level2 p { margin: 0;}
.faq-block .level2 p { line-height: 1.8em;}
.faq-block a, .faq-block a:hover { text-decoration: none;}
.faq-block ul.toc { line-height: 1.8em; list-style: none; margin: 0; padding: 0;}
.faq-block ul.toc ul.toc { /*padding: 0 0 0 40px;*/}
.faq-block .level1 a.toc, .faq-block .level1 a.toc:hover { color: #000; cursor: default; font-weight: bold;}
.faq-block .level2 a.toc:hover { text-decoration: underline;}
.faq-block .level1 { padding: 0 0 20px;}

/************ 1. Main block ************/

@font-face {
    font-family: 'ios7-icon';
    src:url('fonts/ios7-icon.eot?x=13');
    src:url('fonts/ios7-icon.eot?#iefix?x=13') format('embedded-opentype'),
    url('fonts/ios7-icon.woff?x=13') format('woff'),
    url('fonts/ios7-icon.ttf?x=133') format('truetype'),
    url('fonts/ios7-icon.svg#ios7?x=13') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
    font-family: 'ios7-icon';
    content: attr(data-icon);
}

.icon_ios {
    color: #555555;
    display: inline-block;
    font-size: 30px;
    font-style: normal;
    line-height: 30px;
    font-family: 'ios7-icon';
}

@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.eot?v=4.6.3');
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),
    url('fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),
    url('fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),
    url('fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
    color: #000;
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
}

a [class^="icon-"], a [class*=" icon-"] { text-decoration: none !important;}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}
.icon-glass:before{content:"\f000";}
.icon-music:before{content:"\f001";}
.icon-search:before{content:"\f002";}
.icon-envelope-alt:before{content:"\f003";}
.icon-heart:before{content:"\f004";}
.icon-star:before{content:"\f005";}
.icon-star-empty:before{content:"\f006";}
.icon-user:before{content:"\f007";}
.icon-film:before{content:"\f008";}
.icon-th-large:before{content:"\f009";}
.icon-th:before{content:"\f00a";}
.icon-th-list:before{content:"\f00b";}
.icon-ok:before{content:"\f00c";}
.icon-remove:before{content:"\f00d";}
.icon-zoom-in:before{content:"\f00e";}
.icon-zoom-out:before{content:"\f010";}
.icon-power-off:before,.icon-off:before{content:"\f011";}
.icon-signal:before{content:"\f012";}
.icon-gear:before,.icon-cog:before{content:"\f013";}
.icon-trash:before{content:"\f014";}
.icon-home:before{content:"\f015";}
.icon-file-alt:before{content:"\f016";}
.icon-time:before{content:"\f017";}
.icon-road:before{content:"\f018";}
.icon-download-alt:before{content:"\f019";}
.icon-download:before{content:"\f01a";}
.icon-upload:before{content:"\f01b";}
.icon-inbox:before{content:"\f01c";}
.icon-play-circle:before{content:"\f01d";}
.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
.icon-refresh:before{content:"\f021";}
.icon-list-alt:before{content:"\f022";}
.icon-lock:before{content:"\f023";}
.icon-flag:before{content:"\f024";}
.icon-headphones:before{content:"\f025";}
.icon-volume-off:before{content:"\f026";}
.icon-volume-down:before{content:"\f027";}
.icon-volume-up:before{content:"\f028";}
.icon-qrcode:before{content:"\f029";}
.icon-barcode:before{content:"\f02a";}
.icon-tag:before{content:"\f02b";}
.icon-tags:before{content:"\f02c";}
.icon-book:before{content:"\f02d";}
.icon-bookmark:before{content:"\f02e";}
.icon-print:before{content:"\f02f";}
.icon-camera:before{content:"\f030";}
.icon-font:before{content:"\f031";}
.icon-bold:before{content:"\f032";}
.icon-italic:before{content:"\f033";}
.icon-text-height:before{content:"\f034";}
.icon-text-width:before{content:"\f035";}
.icon-align-left:before{content:"\f036";}
.icon-align-center:before{content:"\f037";}
.icon-align-right:before{content:"\f038";}
.icon-align-justify:before{content:"\f039";}
.icon-list:before{content:"\f03a";}
.icon-indent-left:before{content:"\f03b";}
.icon-indent-right:before{content:"\f03c";}
.icon-facetime-video:before{content:"\f03d";}
.icon-picture:before{content:"\f03e";}
.icon-pencil:before{content:"\f040";}
.icon-map-marker:before{content:"\f041";}
.icon-adjust:before{content:"\f042";}
.icon-tint:before{content:"\f043";}
.icon-edit:before{content:"\f044";}
.icon-share:before{content:"\f045";}
.icon-check:before{content:"\f046";}
.icon-move:before{content:"\f047";}
.icon-step-backward:before{content:"\f048";}
.icon-fast-backward:before{content:"\f049";}
.icon-backward:before{content:"\f04a";}
.icon-play:before{content:"\f04b";}
.icon-pause:before{content:"\f04c";}
.icon-stop:before{content:"\f04d";}
.icon-forward:before{content:"\f04e";}
.icon-fast-forward:before{content:"\f050";}
.icon-step-forward:before{content:"\f051";}
.icon-eject:before{content:"\f052";}
.icon-chevron-left:before{content:"\f053";}
.icon-chevron-right:before{content:"\f054";}
.icon-plus-sign:before{content:"\f055";}
.icon-minus-sign:before{content:"\f056";}
.icon-remove-sign:before{content:"\f057";}
.icon-ok-sign:before{content:"\f058";}
.icon-question-sign:before{content:"\f059";}
.icon-info-sign:before{content:"\f05a";}
.icon-screenshot:before{content:"\f05b";}
.icon-remove-circle:before{content:"\f05c";}
.icon-ok-circle:before{content:"\f05d";}
.icon-ban-circle:before{content:"\f05e";}
.icon-arrow-left:before{content:"\f060";}
.icon-arrow-right:before{content:"\f061";}
.icon-arrow-up:before{content:"\f062";}
.icon-arrow-down:before{content:"\f063";}
.icon-mail-forward:before{content:"\f064";}
.icon-share-alt:before{content:"\f1e0";}
.icon-resize-full:before{content:"\f065";}
.icon-resize-small:before{content:"\f066";}
.icon-plus:before{content:"\f067";}
.icon-minus:before{content:"\f068";}
.icon-asterisk:before{content:"\f069";}
.icon-exclamation-sign:before{content:"\f06a";}
.icon-gift:before{content:"\f06b";}
.icon-leaf:before{content:"\f06c";}
.icon-fire:before{content:"\f06d";}
.icon-eye-open:before{content:"\f06e";}
.icon-eye-close:before{content:"\f070";}
.icon-warning-sign:before{content:"\f071";}
.icon-plane:before{content:"\f072";}
.icon-calendar:before{content:"\f073";}
.icon-random:before{content:"\f074";}
.icon-comment:before{content:"\f075";}
.icon-magnet:before{content:"\f076";}
.icon-chevron-up:before{content:"\f077";}
.icon-chevron-down:before{content:"\f078";}
.icon-retweet:before{content:"\f079";}
.icon-shopping-cart:before{content:"\f07a";}
.icon-folder-close:before{content:"\f07b";}
.icon-folder-open:before{content:"\f07c";}
.icon-resize-vertical:before{content:"\f07d";}
.icon-resize-horizontal:before{content:"\f07e";}
.icon-bar-chart:before{content:"\f080";}
.icon-twitter-sign:before{content:"\f081";}
.icon-facebook-sign:before{content:"\f082";}
.icon-camera-retro:before{content:"\f083";}
.icon-key:before{content:"\f084";}
.icon-gears:before,.icon-cogs:before{content:"\f085";}
.icon-comments:before{content:"\f086";}
.icon-thumbs-up-alt:before{content:"\f087";}
.icon-thumbs-down-alt:before{content:"\f088";}
.icon-star-half:before{content:"\f089";}
.icon-heart-empty:before{content:"\f08a";}
.icon-signout:before{content:"\f08b";}
.icon-linkedin-sign:before{content:"\f08c";}
.icon-pushpin:before{content:"\f08d";}
.icon-external-link:before{content:"\f08e";}
.icon-signin:before{content:"\f090";}
.icon-trophy:before{content:"\f091";}
.icon-github-sign:before{content:"\f092";}
.icon-upload-alt:before{content:"\f093";}
.icon-lemon:before{content:"\f094";}
.icon-phone:before{content:"\f095";}
.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}
.icon-bookmark-empty:before{content:"\f097";}
.icon-phone-sign:before{content:"\f098";}
.icon-twitter:before{content:"\f099";}
.icon-facebook:before{content:"\f09a";}
.icon-github:before{content:"\f09b";}
.icon-unlock:before{content:"\f09c";}
.icon-credit-card:before{content:"\f09d";}
.icon-rss:before{content:"\f09e";}
.icon-hdd:before{content:"\f0a0";}
.icon-bullhorn:before{content:"\f0a1";}
.icon-bell:before{content:"\f0a2";}
.icon-certificate:before{content:"\f0a3";}
.icon-hand-right:before{content:"\f0a4";}
.icon-hand-left:before{content:"\f0a5";}
.icon-hand-up:before{content:"\f0a6";}
.icon-hand-down:before{content:"\f0a7";}
.icon-circle-arrow-left:before{content:"\f0a8";}
.icon-circle-arrow-right:before{content:"\f0a9";}
.icon-circle-arrow-up:before{content:"\f0aa";}
.icon-circle-arrow-down:before{content:"\f0ab";}
.icon-globe:before{content:"\f0ac";}
.icon-wrench:before{content:"\f0ad";}
.icon-tasks:before{content:"\f0ae";}
.icon-filter:before{content:"\f0b0";}
.icon-briefcase:before{content:"\f0b1";}
.icon-fullscreen:before{content:"\f0b2";}
.icon-group:before{content:"\f0c0";}
.icon-link:before{content:"\f0c1";}
.icon-cloud:before{content:"\f0c2";}
.icon-beaker:before{content:"\f0c3";}
.icon-cut:before{content:"\f0c4";}
.icon-copy:before{content:"\f0c5";}
.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}
.icon-save:before{content:"\f0c7";}
.icon-sign-blank:before{content:"\f0c8";}
.icon-reorder:before{content:"\f0c9";}
.icon-list-ul:before{content:"\f0ca";}
.icon-list-ol:before{content:"\f0cb";}
.icon-strikethrough:before{content:"\f0cc";}
.icon-underline:before{content:"\f0cd";}
.icon-table:before{content:"\f0ce";}
.icon-magic:before{content:"\f0d0";}
.icon-truck:before{content:"\f0d1";}
.icon-pinterest:before{content:"\f0d2";}
.icon-pinterest-sign:before{content:"\f0d3";}
.icon-google-plus-sign:before{content:"\f0d4";}
.icon-google-plus:before{content:"\f0d5";}
.icon-money:before{content:"\f0d6";}
.icon-caret-down:before{content:"\f0d7";}
.icon-caret-up:before{content:"\f0d8";}
.icon-caret-left:before{content:"\f0d9";}
.icon-caret-right:before{content:"\f0da";}
.icon-columns:before{content:"\f0db";}
.icon-sort:before{content:"\f0dc";}
.icon-sort-down:before{content:"\f0dd";}
.icon-sort-up:before{content:"\f0de";}
.icon-envelope:before{content:"\f0e0";}
.icon-linkedin:before{content:"\f0e1";}
.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
.icon-legal:before{content:"\f0e3";}
.icon-dashboard:before{content:"\f0e4";}
.icon-comment-alt:before{content:"\f0e5";}
.icon-comments-alt:before{content:"\f0e6";}
.icon-bolt:before{content:"\f0e7";}
.icon-sitemap:before{content:"\f0e8";}
.icon-umbrella:before{content:"\f0e9";}
.icon-paste:before{content:"\f0ea";}
.icon-lightbulb:before{content:"\f0eb";}
.icon-exchange:before{content:"\f0ec";}
.icon-cloud-download:before{content:"\f0ed";}
.icon-cloud-upload:before{content:"\f0ee";}
.icon-user-md:before{content:"\f0f0";}
.icon-stethoscope:before{content:"\f0f1";}
.icon-suitcase:before{content:"\f0f2";}
.icon-bell-alt:before{content:"\f0f3";}
.icon-coffee:before{content:"\f0f4";}
.icon-food:before{content:"\f0f5";}
.icon-file-text-alt:before{content:"\f0f6";}
.icon-building:before{content:"\f0f7";}
.icon-hospital:before{content:"\f0f8";}
.icon-ambulance:before{content:"\f0f9";}
.icon-medkit:before{content:"\f0fa";}
.icon-fighter-jet:before{content:"\f0fb";}
.icon-beer:before{content:"\f0fc";}
.icon-h-sign:before{content:"\f0fd";}
.icon-plus-sign-alt:before{content:"\f0fe";}
.icon-double-angle-left:before{content:"\f100";}
.icon-double-angle-right:before{content:"\f101";}
.icon-double-angle-up:before{content:"\f102";}
.icon-double-angle-down:before{content:"\f103";}
.icon-angle-left:before{content:"\f104";}
.icon-angle-right:before{content:"\f105";}
.icon-angle-up:before{content:"\f106";}
.icon-angle-down:before{content:"\f107";}
.icon-desktop:before{content:"\f108";}
.icon-laptop:before{content:"\f109";}
.icon-tablet:before{content:"\f10a";}
.icon-mobile-phone:before{content:"\f10b";}
.icon-circle-blank:before{content:"\f10c";}
.icon-quote-left:before{content:"\f10d";}
.icon-quote-right:before{content:"\f10e";}
.icon-spinner:before{content:"\f110";}
.icon-circle:before{content:"\f111";}
.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
.icon-github-alt:before{content:"\f113";}
.icon-folder-close-alt:before{content:"\f114";}
.icon-folder-open-alt:before{content:"\f115";}
.icon-expand-alt:before{content:"\f116";}
.icon-collapse-alt:before{content:"\f117";}
.icon-smile:before{content:"\f118";}
.icon-frown:before{content:"\f119";}
.icon-meh:before{content:"\f11a";}
.icon-gamepad:before{content:"\f11b";}
.icon-keyboard:before{content:"\f11c";}
.icon-flag-alt:before{content:"\f11d";}
.icon-flag-checkered:before{content:"\f11e";}
.icon-terminal:before{content:"\f120";}
.icon-code:before{content:"\f121";}
.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
.icon-location-arrow:before{content:"\f124";}
.icon-crop:before{content:"\f125";}
.icon-code-fork:before{content:"\f126";}
.icon-unlink:before{content:"\f127";}
.icon-question:before{content:"\f128";}
.icon-info:before{content:"\f129";}
.icon-exclamation:before{content:"\f12a";}
.icon-superscript:before{content:"\f12b";}
.icon-subscript:before{content:"\f12c";}
.icon-eraser:before{content:"\f12d";}
.icon-puzzle-piece:before{content:"\f12e";}
.icon-microphone:before{content:"\f130";}
.icon-microphone-off:before{content:"\f131";}
.icon-shield:before{content:"\f132";}
.icon-calendar-empty:before{content:"\f133";}
.icon-fire-extinguisher:before{content:"\f134";}
.icon-rocket:before{content:"\f135";}
.icon-maxcdn:before{content:"\f136";}
.icon-chevron-sign-left:before{content:"\f137";}
.icon-chevron-sign-right:before{content:"\f138";}
.icon-chevron-sign-up:before{content:"\f139";}
.icon-chevron-sign-down:before{content:"\f13a";}
.icon-html5:before{content:"\f13b";}
.icon-css3:before{content:"\f13c";}
.icon-anchor:before{content:"\f13d";}
.icon-unlock-alt:before{content:"\f13e";}
.icon-bullseye:before{content:"\f140";}
.icon-ellipsis-horizontal:before{content:"\f141";}
.icon-ellipsis-vertical:before{content:"\f142";}
.icon-rss-sign:before{content:"\f143";}
.icon-play-sign:before{content:"\f144";}
.icon-ticket:before{content:"\f145";}
.icon-minus-sign-alt:before{content:"\f146";}
.icon-check-minus:before{content:"\f147";}
.icon-level-up:before{content:"\f148";}
.icon-level-down:before{content:"\f149";}
.icon-check-sign:before{content:"\f14a";}
.icon-edit-sign:before{content:"\f14b";}
.icon-external-link-sign:before{content:"\f14c";}
.icon-share-sign:before{content:"\f14d";}
.icon-compass:before{content:"\f14e";}
.icon-collapse:before{content:"\f150";}
.icon-collapse-top:before{content:"\f151";}
.icon-expand:before{content:"\f152";}
.icon-euro:before,.icon-eur:before{content:"\f153";}
.icon-gbp:before{content:"\f154";}
.icon-dollar:before,.icon-usd:before{content:"\f155";}
.icon-rupee:before,.icon-inr:before{content:"\f156";}
.icon-yen:before,.icon-jpy:before{content:"\f157";}
.icon-renminbi:before,.icon-cny:before{content:"\f158";}
.icon-won:before,.icon-krw:before{content:"\f159";}
.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
.icon-file:before{content:"\f15b";}
.icon-file-text:before{content:"\f15c";}
.icon-sort-by-alphabet:before{content:"\f15d";}
.icon-sort-by-alphabet-alt:before{content:"\f15e";}
.icon-sort-by-attributes:before{content:"\f160";}
.icon-sort-by-attributes-alt:before{content:"\f161";}
.icon-sort-by-order:before{content:"\f162";}
.icon-sort-by-order-alt:before{content:"\f163";}
.icon-thumbs-up:before{content:"\f164";}
.icon-thumbs-down:before{content:"\f165";}
.icon-youtube-sign:before{content:"\f166";}
.icon-youtube:before{content:"\f167";}
.icon-xing:before{content:"\f168";}
.icon-xing-sign:before{content:"\f169";}
.icon-youtube-play:before{content:"\f16a";}
.icon-dropbox:before{content:"\f16b";}
.icon-stackexchange:before{content:"\f16c";}
.icon-instagram:before{content:"\f16d";}
.icon-flickr:before{content:"\f16e";}
.icon-adn:before{content:"\f170";}
.icon-bitbucket:before{content:"\f171";}
.icon-bitbucket-sign:before{content:"\f172";}
.icon-tumblr:before{content:"\f173";}
.icon-tumblr-sign:before{content:"\f174";}
.icon-long-arrow-down:before{content:"\f175";}
.icon-long-arrow-up:before{content:"\f176";}
.icon-long-arrow-left:before{content:"\f177";}
.icon-long-arrow-right:before{content:"\f178";}
.icon-apple:before{content:"\f179";}
.icon-windows:before{content:"\f17a";}
.icon-android:before{content:"\f17b";}
.icon-linux:before{content:"\f17c";}
.icon-dribbble:before{content:"\f17d";}
.icon-skype:before{content:"\f17e";}
.icon-foursquare:before{content:"\f180";}
.icon-trello:before{content:"\f181";}
.icon-female:before{content:"\f182";}
.icon-male:before{content:"\f183";}
.icon-gittip:before{content:"\f184";}
.icon-sun:before{content:"\f185";}
.icon-moon:before{content:"\f186";}
.icon-archive:before{content:"\f187";}
.icon-bug:before{content:"\f188";}
.icon-vk:before{content:"\f189";}
.icon-weibo:before{content:"\f18a";}
.icon-renren:before{content:"\f18b";}
.icon-reply-all:before,.icon-mail-reply-all:before{content:"\f122";}

h1 { font-size: 20px; font-weight: bold; margin: 3px 0;}
h2 { font-weight: bold; margin: 3px 0;}
h3 { font-weight: bold; margin: 3px 0;}
h4 { font-weight: bold; margin: 3px 0;}
h5 { font-weight: bold;}
h6 { font-weight: normal; margin: 3px 0;}

a {	text-decoration:none;}
a:hover { text-decoration:underline;}
a img { border: none; }
a:hover [class^="icon-"], a:hover [class*=" icon-"] { text-decoration: none;}
#levelX_1 a, #levelX_2 a, #levelX_3 a {text-decoration:none;}
.faq-block .level2 a.toc, .faq-block .level2 a.toc:hover { color: #007C29; cursor: pointer; font-weight: normal;}

.clear { clear: both; height: 0; overflow: hidden; }
.hiddenblock { display: none;}
.overflowdiv { overflow: hidden;}
.overflowdiv_left { float: left;}
.overflowdiv_right { float: right; }

.absdiv { color:#ADADAD; display: none; position:absolute; left:200px; top:0;}
.absdiv a { color:#ADADAD; }
input.error { border: 1px solid #FF0000;}

.loginform { padding-top: 30px;}
.loginform > .row { margin-bottom: 30px;}
.loginform > .row.equal > div:first-child { margin-bottom: 30px;}
.loginform .news-image { float: right; margin: 0 0 50px 50px;}
.login_form { overflow: hidden; padding: 10px 4px 13px;}
.login_form p { padding: 0; margin: 0;}
.login_form div { overflow:hidden; margin: 8px 0 0 0;}
.login_form div span { float:left;}

.login_form div.logout_but { text-align: right;}
.login_form div.logout_but a { font-weight: bold; text-decoration: none;}
.login_form div.logout_but a:hover {  text-decoration: underline;}

.supplier-block .portlet_content { min-height: 60px;}

/*Login swiper*/
.portlet_content .swiper-container { color: #FFFFFF; height: 86px; text-align: center; width: 80%;}
.portlet_content .swiper-slide { background-color: #FFFFFF; text-align: center;}
.portlet_content .swiper-slide div { display: table; margin: 0 auto; table-layout: fixed; text-align: center; width: 150px;}
.portlet_content .swiper-slide span { display: table-cell; height: 76px; vertical-align: middle; width: 150px;}
.portlet_content .arrow-left, .portlet_content .arrow-right { height: 47px; margin-top: -23px; position: absolute; top: 30%; width: 24px;}
.portlet_content .arrow-left, .portlet_content .arrow-right { height: 47px; margin-top: -23px; position: absolute; top: 30%; width: 24px;}
.portlet_content .arrow-left { background: url("../i/arrows-clients.png") no-repeat scroll 0 -47px; left: 20px;}
.portlet_content .arrow-right { background: url("../i/arrows-clients.png") no-repeat scroll 0 0; right: 20px;}

.supplier-info { display: none;}
.supplier-info .whitesp {width: 150px;}
.supplier-info h3 { color: #222222; margin-bottom: 15px;}
.supplier-info img { margin-bottom: 15px;}

.news_block { padding: 16px 8px 13px;}
.first_time_news { clear: both; margin: 0 0 10px;}

.contentLogin {
    bottom: 7px;
    position: absolute;
    right: 15px;
}


.contentLogin3 .header-icon {
    background: none;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    line-height: 35px;
    margin-right: 10px;
    text-decoration: none;
}

.contentLogin3 .logout_icon { margin-right: 40px}
.contentLogin3  .basket_icon {margin-right: 15px}
.contentLogin3 #ihelp { margin-right: 50px;}
.contentLogin3 .bascetcart { color: #ffffff; cursor: pointer; float: left; line-height: 16px;}
.contentLogin3 a.bascetcart, .contentLogin3 a.bascetcart:hover { text-decoration: none;}
.contentLogin3 #basket_div { float: left; padding: 3px 0 0; white-space: nowrap;}

div.block_v { display: block;}
div.block_h { display: none;}
.marg { margin: 10px 0 0;}
.marg3 { margin: 0 0 0 3px;}
.marg5 { margin: 5px 0 0;}
.bmarg { margin: 0 0 10px;}
.bpad { padding: 10px 0;}
.bpad20 { padding: 20px 0;}
.margr { margin: 0 10px 0 0;}
.marg15 { margin: 15px 0 0;}
.dopcont { padding: 0 15px;}
.bmarg15 { margin-top: 15px;}
.marg40 { margin-top: 40px;}
.marg80 { margin-top: 80px;}
.pad10 { padding-bottom: 10px;}
.visible-height { height: 10px;}

.overflowdiv_left_bas, .overflowdiv_right_bas { width: 30%;}
.overflowdiv_left_bas { float: left;}
.overflowdiv_right_bas { float: right;  width: 50%;}

.space { padding: 0 10px; }
.cursormove	{ cursor:move;}
#manage_set {background: #F9F9F9; width: 700px;}
.select-tr-off{ display: none;}
.select-tr-on{display: block;}

.fraction_popup { height: auto; min-height: 300px; overflow: inherit !important; max-width:450px; width: 100%; }
.fraction_popup .ui-dialog-titlebar-close { background: #6ac48e !important; border: none;}
.fraction_popup .ui-dialog-titlebar-close:hover { background: #56af79;}
.fraction_popup .ui-dialog-titlebar-close:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; color: #fff;}
.fraction_popup .ui-dialog-titlebar-close { top: 10px; right: 0px; width: 30px; height: 30px;}
.fraction_popup .ui-dialog-titlebar-close:after { content: "x"; font: 20px/26px 'Arial', sans-serif; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);}

.fraction_popup .ui-dialog-titlebar-close .ui-icon { height: 32px; width: 32px;}
.back_block { padding: 10px 0 0; text-align: right;}
.back_block a:hover i { text-decoration: none;}

.fraction-design { background-image: url("../i/icon/fraction.png"); background-position: center; background-repeat: no-repeat;}
.btn.fraction-design:hover, .btn.fraction-design:active, .btn.fraction-design:focus { background-image: url("../i/icon/fraction-w.png");}

/************ the end main block ************/

/************ 2. Header block ************/
.contentLogin2 { color:#ffffff; float:right; font-size:11px; margin: 0 0 8px 10px; padding:13px;}
.content_block { padding: 0 10px 32px 8px; margin: 0 auto;  min-width: 1000px; max-width: 1280px;}

.help_qus { float: left;}
.help_qus img { display: block;}

.lang {
    color: #fff;
    display: block;
    float: left;
    padding: 0px 6px;
    margin: 0 0 0 5px;
    text-decoration:none;
    text-transform: lowercase;
    text-align: center;
}
a.lang:link, a.lang:hover, a.lang:active, a.lang:focus, a.lang:visited { background: none; color: #fff; text-decoration:none;}
span.lang { background: #fff; color: #488C63;}
.langdel { float: left;	width: 5px;}

.HelpH { display: none;	z-index: 999;}
.HelpV { display: block; position: absolute; z-index: 10000; width:520px;}
/************ the end header_block ************/

/* *********** 3. Pager way *********** */
.page-way {
    background: #F7F7F7;
}

.page-way__breadcrumbs {
    float: left;
}

.page-way__user-info {
    float: right;
}

.pw-breadcrumb__item {
    margin: 0 10px 0 0;
    display: inline-block;
}

.pw-breadcrumb__item_separator {
    font-size: 11px;
    color: rgba(0, 0, 0, .7);
    vertical-align: bottom;
    margin: 0 2px 0 0;
    display: inline-block;
}



.pages_way_new { float: left; }
.pages_way_new span { margin: 0 10px 0 0;}
.pages_way_new i { margin: 0 7px 0 0;}
.pages_way_new span.quote{
    font-size: 11px;
    color: rgba(0,0,0,0.7);
    vertical-align: 1px;
    margin: 0 3px 0 0;
}
/************ the end pager way ************/

/************ 4. Cover.css ************/
div#cover {
    background:transparent;
    cursor:wait;
    position:relative;
    text-align:center;
    z-index:10000;
}

div#cover.wait_state img { display:inline; }
div#cover.wait_state span img {	height:100%;}

div#cover.wait_state { }

div#cover_common, div#cover_common_charts {
    background-color: #fbfbfb;
    border: 1px solid #cccccc;
    padding: 10px 20px;
    color: #000000;
    position: fixed;
    text-align: center;
    z-index: 10000;
    width: 200px;
    display: none;
    -webkit-box-shadow: 0 0 5px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 0 0 5px rgba(50, 50, 50, 0.25);
    box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.75);
}

/* --  BEGIN CSS3 progress bar animation */
#squaresWaveG {
    position: relative;
    width: 124px;
    height: 15px;
    margin: 5px auto;
    margin-bottom: 10px;
}

#followingBallsG {
    position: relative;
    width: 128px;
    height: 10px;

    margin: 5px auto;
    margin-bottom: 10px;
}

.followingBallsG {
    background-color: #000000;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    -moz-border-radius: 5px;
    -moz-animation-name: bounce_followingBallsG;
    -moz-animation-duration: 1.7s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: linear;
    -webkit-border-radius: 5px;
    -webkit-animation-name: bounce_followingBallsG;
    -webkit-animation-duration: 1.7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -ms-border-radius: 5px;
    -ms-animation-name: bounce_followingBallsG;
    -ms-animation-duration: 1.7s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: linear;
    -o-border-radius: 5px;
    -o-animation-name: bounce_followingBallsG;
    -o-animation-duration: 1.7s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: linear;
    border-radius: 5px;
    animation-name: bounce_followingBallsG;
    animation-duration: 1.7s;
    animation-iteration-count: infinite;
    animation-direction: linear;
}

#followingBallsG_1 {
    -moz-animation-delay: 0s;
}

#followingBallsG_1 {
    -webkit-animation-delay: 0s;
}

#followingBallsG_1 {
    -ms-animation-delay: 0s;
}

#followingBallsG_1 {
    -o-animation-delay: 0s;
}

#followingBallsG_1 {
    animation-delay: 0s;
}

#followingBallsG_2 {
    -moz-animation-delay: 0.17s;
    -webkit-animation-delay: 0.17s;
    -ms-animation-delay: 0.17s;
    -o-animation-delay: 0.17s;
    animation-delay: 0.17s;
}

#followingBallsG_3 {
    -moz-animation-delay: 0.34s;
    -webkit-animation-delay: 0.34s;
    -ms-animation-delay: 0.34s;
    -o-animation-delay: 0.34s;
    animation-delay: 0.34s;
}

#followingBallsG_4 {
    -moz-animation-delay: 0.51s;
    -webkit-animation-delay: 0.51s;
    -ms-animation-delay: 0.51s;
    -o-animation-delay: 0.51s;
    animation-delay: 0.51s;
}

@-moz-keyframes bounce_followingBallsG {
    0% {
        left: 0px;
        background-color: #000000;
    }

    50% {
        left: 118px;
        background-color: #e1e5e3;
    }

    100% {
        left: 0px;
        background-color: #000000;
    }

}

@-webkit-keyframes bounce_followingBallsG {
    0% {
        left: 0px;
        background-color: #000000;
    }

    50% {
        left: 118px;
        background-color: #e1e5e3;
    }

    100% {
        left: 0px;
        background-color: #000000;
    }

}

@-ms-keyframes bounce_followingBallsG {
    0% {
        left: 0px;
        background-color: #000000;
    }

    50% {
        left: 118px;
        background-color: #e1e5e3;
    }

    100% {
        left: 0px;
        background-color: #000000;
    }

}

@-o-keyframes bounce_followingBallsG {
    0% {
        left: 0px;
        background-color: #000000;
    }

    50% {
        left: 118px;
        background-color: #e1e5e3;
    }

    100% {
        left: 0px;
        background-color: #000000;
    }

}

@keyframes bounce_followingBallsG {
    0% {
        left: 0px;
        background-color: #000000;
    }

    50% {
        left: 118px;
        background-color: #e1e5e3;
    }

    100% {
        left: 0px;
        background-color: #000000;
    }

}

/* --  END CSS3 progress bar animation */
/************ the end cover.css ************/

/************ 5. Main menu ************/
div.main_menu {
    font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height: 1em;
    font-weight: bold;
    margin: 22px 0 0 -25px;
    padding: 0;
}

.main_menu div {
    float: left;
    padding: 0;
    position: relative;
    margin:0;
    z-index: 90;
}
.main_menu div.firstdiv { border: 0 none;}

.main_menu div > a:link, .main_menu div > a:visited, .main_menu div > a:active, .main_menu div > a:hover {
    background: none;
    border-right: 1px solid #ccc;
    border-right: 1px solid rgba(50, 114, 75, 0.5);
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 35px;
    padding: 0 25px;
    text-decoration: none;
}
.main_menu div > a.active { background: #292929;}

.picture_menu_pad { margin: 0 0 0 7px;}

ul.submenu {
    background: #292929;
    border: 1px solid #292929;
    border-width: 0 0 1px 1px;
    display: none;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 10px 0;
    position:absolute;
    top: 35px;
    z-index: 9999;
}

ul.submenu li {
    border: 1px solid #292929;
    border-width: 1px 1px 0 0;
    border-top: 0;
    margin: 0;
    padding: 0;
}

ul.submenu li a:link, ul.submenu li a:visited, ul.submenu li a:active, ul.submenu li a:hover {
    background: none;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1em;
    padding: 8px 25px;
    text-decoration: none;
    white-space: nowrap;
}

ul.submenu li a:hover { background: #E0E1E1; color: #000000;}
/************ the end main_menu ************/

/************6. Login page ************/
.logout_but { padding: 10px 0 0;}
.title_block { background: url(../i/title_fon_left.png) 0 0 no-repeat; padding: 0 0 0 6px;}
.title_block div {
    background: url(../i/title_fon_right.png) 100% 0 no-repeat;
    font: 12px/24px bold Verdana,Tahoma,Arial;
    font-weight: bold;
    padding: 4px 12px 0 7px;
}
.title_block_bot { background: url(../i/block_fon_left.png) 0 100% no-repeat; color: #000; padding: 0 0 0 6px;}
.title_block_bot_right, .title_block_bot_right_sup {
    background: url(../i/block_fon_right.png) 100% 100% no-repeat;
    padding: 0 4px 18px 0;
}
.title_block_bot_right_sup { padding: 0 45px 12px;}
.prev_product_colum .title_block_bot_right_sup { padding: 0 30px 12px;}

.boxes { overflow: hidden;}
.clearfix:after, .container:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.clearfix, .container { display: block;}

.colum_left_block .title_block_bot_right,
.colum_center_block .title_block_bot_right,
.colum_right_block .title_block_bot_right { min-height: 310px;}
/************ the end Login page ************/

/************ 7.Ui-widget **************/
.ui-widget { font: 12px/14px normal Verdana,Tahoma,Arial;}

.ui-spinner.ui-widget-content { background: #fff; border: 1px solid #CCCCCC; color: #000;}
.ui-spinner-input { background-color: #FFFFFF; color: #000; height: 32px; padding: 6px 12px; margin: 0 22px 0 0; padding: 5px 12px;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Open Sans',Arial; font-size: 14px;}
.ui-icon, .ui-widget-content .ui-icon { background-image: url(../i/ui-icons.png);}

/************ 8.Slider ************/
select#minbeds {/*display: none;*/}

.flexible_search .ui-widget-content {
    background-color: #F5F5F5;
    border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 20px;
    margin-bottom: 10px;
    /*overflow: hidden;*/
    width: 730px;
    color: #222222;
    position: relative;
}
.flexible_search { width: 745px;}

.ui-widget-content a { }
.flexible_search .ui-widget-header, .flexible_search .ui-slider .ui-slider-range {
    background-image: none;
    border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    background-color: #488C63;
    background-size: 40px 40px;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.ui-widget-header a { }

.flexible_search .ui-state-default,.flexible_search .ui-widget-content .ui-state-default, .flexible_search .ui-widget-header .ui-state-default {
    border: 0 none !important;
    outline:none;
    background-image: none !important;
    background: #555555;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
    height: 24px;
    width: 12px;
}

.flexible_search .ui-slider .ui-slider-handle {
    bottom: 0;
    cursor: pointer;
    position: absolute;
    top: -3px;
    z-index: 2;
}
.flexible_search .ui-slider-horizontal .ui-slider-handle { margin-left: -5px;}
#slider .popover { display: block; bottom: 28px; top: auto; margin-left: -110px; width: 220px;}
#slider .popover.first {margin-left: -20px;}
#slider .popover.top.first .arrow { left: 21px;}

/************ the end Slider ************/

/*blok login*/
.columns_cl td { vertical-align: top;}
.columns_cl #left_col, .columns_cl #right_col { float: none; overflow: visible; padding: 0 10px 0 0;}
.columns_cl #right_col { padding: 0 0 0 10px;}

.title_block_portlet { overflow: hidden; margin: 0 0 17px; }
.title_block_portlet div.title_text_block { padding: 0 0 0 10px; }
.title_icon_block { float: left;  height: 56px; margin: 0 16px 0 0; padding: 10px 0 0; text-align: center; width: 56px;}
.title_icon_block i { color: #555; font-size: 36px; line-height: 40px;}

.sort_placeholder {background: #eee;}

.img_size_news { height: auto; max-width: 200px;  width: auto;}
.pic_size_news { height: auto; max-width: 200px; margin: 0 0 5px 5px; width: auto;}

/* start page */
.portlet { margin: 0 0 21px;}
.portlet_topper_main, .portlet_topper {
    background: #EFEFEF;
    border: 1px solid #E7E7E7;
    font-size: 20px;
    padding: 10px;
    position: relative;
}
.shop-body .portlet_topper_main, .shop-body .portlet_topper { background: #EFEFEF url(../i/title-drag.gif) right center no-repeat;}

.portlet_topper i { color: #292929; /*font-size: 14px; line-height: 14px;*/ margin: 0 10px 0 0;}
.portlet_topper i.icon-remove { color: #E44346;}
.main-admin .portlet_topper:first-child { margin-top: 40px;}
.main-admin .portlet_topper button { margin: -4px 0;}
.main-admin .portlet_topper button i { color: #fff; margin: 0;}
.portlet_topper.blue-block { background: #054FA5; color: #fff;}

.close_menu {
    line-height:1em;
    position:absolute;
    right:8px;
    top:8px;
}
.close_menu a { float: left; margin: 0 3px 0 0;}

.portlet_content { background: #ffffff; border: 1px solid #E7E7E7; border-top: 0 none; display: block; /*overflow: hidden;*/ padding: 16px 15px 16px; position: relative; zoom: 1;}
#columns .portlet_content div.block_v, #columns .portlet_content div.block_h {
    position: static;
}
.portlet_content ul { list-style: none; margin: 19px 0 0 0; padding: 0;}
.portlet_content div.block_h { display: none;}
#budget div.block_v { position: inherit;}
.edit_budget input, .edit_budget select { width: 170px;}
.edit_budget span { padding: 0 5px;}

div.frame {
    height: 150px;
    margin: 19px 0;
    overflow: auto;
    position: relative;
}

.portlet_topper a, .portlet_topper_main a {	color: #443; font-weight: bold;}
/* the end start page */


/*products.tpl*/
.form_product { padding: 15px 0 0;}
.form_product .pull-left { padding: 5px 0 0;}
.icon-sort { padding: 0 2px;}

/*********Sale product block**************/

.products-row { font-size: 12px; overflow: hidden; margin: 0 -15px 15px; vertical-align: top;}
.loginform .products-row { margin: 0 0 15px;}
.product .imageholder { position: relative;}
.product img.simbol { left:-18px; position:absolute; top:-10px; max-width: 100%; width: auto;}
.product .price .new_price { font-weight:bold;}
.product .price .original_price { font-weight: normal; text-decoration:line-through;}

.portlet_content .sdocs ul { margin: 10px 0 0;}

.title_text_block .frame ul { margin: 0;}
ul.gistogram { border-bottom: 1px solid #bababa; margin-top: 0;}
*+html ul.gistogram {  border-bottom: 0 none; }
ul.gistogram li {
    background: url(../i/gistogram_fon.gif) 0 0 repeat-y;
    border-top:1px solid #BABABA;
    border-left:1px solid #E8E8E8;
    line-height: 22px;
    padding:0 20px 0 11px;
}
ul.gistogram li b { float: right;}

.title_text_block #budget_form ul.gistogram { background: url(../i/gistogram.gif) 100% 0 repeat-y; margin: 8px 0 15px;}
ul.gistogram li { background: url(../i/gistogram_bd.gif) 0 0 repeat-y;}

.budget { overflow: hidden; margin: 10px 0 0;}
#budget_options { width: 450px; left: 50% !important;}

#module_orderlists .gistogram li { overflow: hidden; padding: 0 20px 0 22px; position: relative; zoom: 1;}
#module_orderlists .gistogram li .clock_position { left: 5px; line-height: 16px; position: absolute; top: 3px;}
/*the end products.tpl*/
.supinfodiv { border-collapse: collapse; border: 0; padding: 0;}
.supinfodiv td { padding: 0 30px 10px 0; vertical-align: top; white-space: nowrap; }
/*the end supinfo*/

/* Info messages */
span.mText {display:none;} /********************DELETE************************/

.mGood h4 {font-size:16px; color:#666; margin:5px 0; padding:0;}
.mFail h4 {font-size:16px; color:red; margin:5px 0; padding:0;}

/* Info message table */

/*search page */
.freeTextnone { left: 0;top: 100px; width: 410px;z-index: 500000;}
.freeTextnone input#free_product_name { background: transparent; border:0; font-weight:bold; padding: 15px 0; width:100%;}
.freeTextnone #freeText_data { margin: 0 0 15px; }
.freeTextnone #freeText_data_detail { margin: 8px 0; width:90%; }

.SaveSortMenu { width: 580px; z-index: 500000;}
.SaveSortMenu .butcenter { padding: 10px 0; margin: 0; text-align: right;}
.SaveSortMenu .butcenter .button { margin: 0 0 0 5px;}
.error { border: 1px solid #ff0000;}
.star { color:red; margin: 0 0 0 3px;}

a.menu {
    font-size:27px;
    color:#666666;
    text-decoration:none
}

.popupHeader {
    background: url(../i/pop_top.gif) no-repeat;
    width:98%;
    color:#666666;
    font-size:20px;
}


.help-icon {
    color: #fff;
}

#help-start {
    position: absolute;
    top:170px;
    right: 0px;
    z-index: 90;
}

.popover-title {
    font-weight: bold;
    font-size: 18px;
}

/* search form */
.formContainer { margin: 35px 0 0;}
.formContainer .formContainerTitle { overflow: hidden;}
.FormContent, .currentrel { border: 0; position: relative; zoom: 1;}
.FormContent2 {	position: relative; max-width: 360px;}
.FormContent2 div.marg { padding: 10px 0 0; text-align: right;}
.currenformtable1 { position: absolute; right: -1px; top: -1px; }

.manage-inventory-form { border: 1px solid #cccccc;  padding: 30px 15px;}
.manage-inventory-form .form-group { margin-right: 10px;}
.manage-inventory-form input { width: 250px}

.button-block { margin-top: 35px;}
.button-block > div { margin-bottom: 10px;}

.formContainer .activeTab, .formContainer .passiveTab {
    background: #f7f7f7;
    border: 1px solid #CCCCCC;
    border-left: 0;
    float: left;
    margin: 3px 0 -1px;
    position: relative;
    z-index: 10;
}
.formContainer .formContainer-tap div:first-child { border-left: 1px solid #CCCCCC;}
.formContainer .activeTab { background: #fff; border-top: 3px solid #488C63; border-bottom: 1px solid #fff; margin: 1px 0 -1px;}
.formContainer .activeTab a, .formContainer .passiveTab a {
    color: #000;
    display: block;
    float: left;
    line-height: 30px;
    padding: 0 16px;
    text-decoration: none;
}

.popover {
    max-width: 600px;
}

.FormContentborder_portlet { padding: 0 0 16px 7px; overflow: hidden; vertical-align: middle;}
.FormContentborder_portlet input { width: 300px;}
.FormContentborder_portlet .PrevImg1x { display: none;}
.FormContentborder_portlet i { color: #555; font-size: 24px; line-height: 26px;}

input.inputtext { width: 156px;}
.input-transp { border-width:0; min-width: 100px; width: 100%;}
.FormContentborder_portlet select { max-width: 150px;}
.FormContentborder_portlet .form-group { margin-right: 7px;}
.FormContentborder_portlet div#img_info i { cursor: pointer;}
.FormContentborder_portlet img { margin: 0 10px 0 0;}

.FormDorderBlock { border: 1px solid #CCC; margin: 10px 0 0; padding: 30px 10px;}
.order-detail-search .form-group { padding: 0 5px 0 0;}

.close_img {
    cursor: pointer;
    height: 32px;
    padding: 0;
    position: absolute;
    right: -16px;
    top: -16px;
    width: 32px;
    z-index: 8040;
}
.PrevImg2x { display: block; }
.PrevImg2x .flexible_search_info { float: left;  padding: 21px 10px 0 7px; position: relative; zoom: 1; z-index: 99;}
.PrevImg2x .flexible_search_info #search_info_look i { color: #555555; cursor: pointer; font-size: 24px; line-height: 26px;}
.PrevImg2x .flexible_search { float: left; padding: 25px 5px 25px 0; zoom: 1;}
.PrevImg2x .flexible_search_info .flexible_search_info_text { padding-top: 70px; width: 300px; z-index: 1001 !important;}

.PrevImg2x .flexible_search #soundex { display: none;}
.PrevImg2x .levelX_1 { margin: 7px 0 0;}
.PrevImg2x .levelX_1 div, .PrevImg2x #levelX_2 div, .PrevImg2x #levelX_3 div { overflow: hidden;}
.PrevImg2x div.ez-checkbox-green { font-size: 0; line-height: 0; padding: 0; float: left; margin-right: 10px; }
.PrevImg2x .levelX_1 div input, .PrevImg2x #levelX_2 div input, .PrevImg2x #levelX_3 div input { margin: 0 9px 0 0;}
.cat_categ #levelX_3 a {display: block; text-decoration: underline;}
.cat_categ #levelX_3 a:hover { text-decoration: none;}

.PrevImg2x .flexible_search table { width: 100%;}
.PrevImg2x .flexible_search .flexible_undex1 { text-align: left;}
.PrevImg2x .flexible_search .flexible_undex2, .PrevImg2x .flexible_search .flexible_undex3,
.PrevImg2x .flexible_search .flexible_undex4 { width: 20%; text-align: center;}
.PrevImg2x .flexible_search .flexible_undex4 { text-align: right;}
.PrevImg2x .flexible_search .flexible_undex5 { text-align: right;}

.PrevImg2x .levels, .PrevImg2x .levels3 {
    padding-bottom: 70px;
    position: absolute;
    left: 100px;
    top: 10px;
    z-index: 700;
    width: 300px;
    min-width: 200px;
    margin-left: 0;
}
.FormContent { z-index: 6;}
.filterblock {  z-index: 9;}

.PrevImg2x .levels3 { left: 410px; }
.PrevImg2x .levelX_1 div.level_content, .PrevImg2x #levelX_2 div.level_content, .PrevImg2x #levelX_3 div.level_content { height:200px; overflow: auto;}
.check-block { overflow: hidden;}
.check-block .ez-checkbox-green, .check-block input, .check-block .check-inner { float: left;}
.check-block .check-inner { width: 80%;}
.check-block .ez-checkbox-green input { float: none;}

#onsale_dates {
    position: absolute;
    left: 100px;
    top: 30px;
    width: auto;
    z-index: 701;
}

#form2 { }
#form2 div.realy { overflow: hidden; position: absolute; bottom: 20px; left: 20px;}
#form2 div.realy a { margin: 0 5px 0 0;}
div.realy_sale_price { float: right; margin: 0 0 0 5px;}
.PrevImg2x .levelX_1 div.text_sale_price { padding: 3px 0 0;}
.PrevImg2x .levelX_1 div.realy_level1 { padding: 5px 0 0;}

.realy .close_level { }
.realy .open_level { margin: 0 0 0 5px;}

#list .pages_list_fortable, #pager .pages_list_fortable, #list_nob .pages_list_fortable, .list-page .pages_list_fortable { overflow: hidden; padding: 0 0 12px; }
#list .pages_list_fortable .listirpicture, #pager .pages_list_fortable .listirpicture, #department .pages_list_fortable .listirpicture { float: left; padding: 7px 0 0; white-space: nowrap;}
#list_nob .pages_list_fortable .listirpicture { float: left; padding: 7px 0 0;}

.pages_list_fortable .listirpicture a {
    float: left;
    line-height: 30px;
    margin: 0 31px 0 0;
    white-space: nowrap;
}

.pages_list_fortable .listirpicture a:hover i {
    text-decoration: none
}
.pages_list_fortable .listirpicture a i { margin: 0 10px 0 0;}
.pages_list_fortable .listirpicture a.active i { color: #E44346;}
.pages_list_fortable .showprodusts { float: right; text-align: right; white-space: nowrap;}
.pages_list_fortable .showprodusts select { width: 70px }
.pages_list_fortable .showprodusts label { font-weight: normal}

.pages_list_fortable .pager_table { overflow: hidden; padding: 6px 0 0; text-align: center;}
.pages_list_fortable .pager_table span.current { font-weight: bold;}

.pages_list_fortable .pager_table a.prevsg, .pages_list_fortable .pager_table a.prevs, .pages_list_fortable .pager_table a.nexts, .pages_list_fortable .pager_table a.nextsg { color: #007C29;}

.tablelist .sorting-handler {border-bottom: 1px solid rgb(255, 255, 255); background-color: rgb(224, 223, 227); cursor: move;}
.tablelist .tr-odd { background-color: #fff;}
.tablelist .tr-even { background-color: #f9f9f9;}
.tablelist tbody tr:hover {background-color: #edf9fe;}

.tablelist { font-size: 12px; line-height: 1.2em; padding: 0; margin: 0 0 12px;}
.width-100 { width: 100%;}
.width-360 { width: 360px;}

.tablelist th {line-height: 1.2em;}
.tablelist th, .tablelist2 th {
    background: #EBEBEB;
    border: 1px solid #cccccc;
    border-right: none;
    color: #000;
    padding: 8px 5px;
    text-align: left;
    vertical-align: top;
}
.tablelist th:nth-last-child(1), .tablelist2 th:nth-last-child(1) {
    border-right: 1px solid #cccccc;;
}
.tablelist .form-control {padding-left:6px; padding-right: 6px;}
.tablelist input.form-control, .tablelist select { font-size: 12px;}
.tablelist td, .TableListItem, .TableListButton {
    border: none !important;
    border-bottom: 1px solid #D1D1D1 !important;
    padding: 13px 5px;
    vertical-align:top;
}
.tablelist td.footable-last-column {
    border: none !important;
    border-bottom: 1px solid #D1D1D1 !important;
    padding: 7px 5px;
    vertical-align:top;
}
.border-0 { border-collapse: collapse; padding: 0;  }
.tablelist td .border-0 td { border-bottom: 0 !important; padding: 5px;}
.icon-remove { color: #E44346; }

.tablelist td.td-has-form { padding: 4px 5px 3px; vertical-align: middle;}
.tablelist td.td-has-form-total { padding: 4px 5px; }
.tablelist td.td-has-card { padding: 10px 5px; }
.tablelist td.td-has-form-bold { font-weight: bold;}
.tablelist [class^="icon-"], .tablelist [class*=" icon-"] { font-size: 14px; line-height: 1em;}

.tablelist td.TableListButton { padding: 13px 5px;}
.tablelist td.TableListItemBorder { border: 0 none; text-align: right;}
.tablelist td.small { font-size: 0.9em;}

.tablelist .ez-checkbox-green {margin: 0;}

.tablelist td.greentd, .tablelist td.greentd a.tt { color: green;}
.tablelist td.redtd, .tablelist td.redtd a.tt { color: #FF0000;}

.tablelist .add_categ { float: left; margin: 0 10px 0 0; vertical-align: top;}
.tablelist td .addbasket, .products .addbasket { display: block; position: relative;}
.products .addbasket .icon_ios {
    font-size: 26px;
    line-height: 26px;
}
td .addbasket .icon_ios {
    font-size: 30px;
    line-height: 26px;
}
td span.addtobas, .products  span.addtobas {
    background:#E44346;
    border: 1px solid #E44346;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color:#fff;
    font-size:10px;
    line-height: 12px;
    left: 15px;
    padding: 0 3px;
    position: absolute;
    text-decoration: none !important;
    top: 3px;
}
.product-icon {
    position: absolute;
    right: 0px;
    top:0px
}

.tablelist a, .tablelist a:hover { text-decoration: none;}
.tbtitlebottomGroup { background: #EBEBEB; border-bottom:1px solid #666666;}
.tbtitlebottomGroup i { margin: 0 0 0 5px;}
.yellowinput, .yellowinput[disabled], .yellowinput[readonly] { background: transparent; border: 1px solid transparent !important; box-shadow: none; -moz-box-shadow: none; padding: 0 !important; text-align: right; width: 65px; color: #000; font-weight: bold;}

.buy_imageg {padding: 5px 0 0; white-space: nowrap;}
.buy_imageg .pull-left.form-control {width: 105px;}
.buy_imageg .pull-right { margin: 3px 0 0;}
.buy_imageg .ez-checkbox-green { float: left; margin: 6px 5px 0 0;}

#list .rightline_button { padding: 12px 0 0; text-align: right;}
#list .rightline_button .dropdown-menu { text-align: left;}

.zoompic { float: left; position: relative;}
.zoompic .zoomp { bottom: 4px; font-size: 23px; line-height: 32px; display: block; position: absolute; right: 6px;}
.zoompic .zoomp, .zoompic .zoomp:hover { text-decoration: none;}
.zoompic a.zoomp i { color: #000;}

/* Table search product */
.tablelist th td {background: none;border:none}
.tablelist2 th {
    background: #EBEBEB;
    border: 1px solid #cccccc;
    color:#000;
    padding: 8px 5px;
    text-align:left;
    vertical-align: top;
}
.tablelist th{
    color:#000;
    padding: 8px 5px;
    text-align:left;
    vertical-align: top;
}
.info-show.addbasket.bg_button{
    display: block;
    position: relative;
    margin-left: 15px;
}
.tablelist th.empty-th { border-left: 0;}
.tablelist th.border-right { border-right: 0;}
.tablelist2 th.textal { min-width: 80px; text-align: right;}
.tablelist th.textal { min-width: 80px; text-align: left;}
.tablelist th.sorttd, .tablelist th.sort {
    padding: 0 0 5px;
    vertical-align: top;
}
.td-has-form-total > input.form-control[disabled]{
    padding: 0;
    border: none;
    box-shadow: none;
    background: none;
}
.tablelist .td-has-form-total > input{
    border: none;
    box-shadow: none;
    padding: 0;
    font-size: 12px;
    text-transform: uppercase;
    background: transparent;
}
.tablelist th.sorttd a, .tablelist th.sort a { color: #000; text-decoration: none;}

.tablelist th.sorttd .sortbydiv,.tablelist th.sort .sortbydiv {
    padding: 8px 18px 0 5px;
    position: relative;
}
.tablelist th.sort { background: #f7f6f1;}

.tablelist th.sorttd div.sortsrc, .tablelist th.sort div.sortsrc { font-size: 0; line-height: 0; position: absolute; right: 5px; top: 6px;}
.tablelist th.sorttd div.sortsrc img, .tablelist th.sort div.sortsrc img { display: block; margin: 2px 0 0;}

.TableListTopTitleTDItem {
    font-weight:bold;
    line-height:20px;
    margin: 20px 0 10px;
}

.TableListTopTitleTDItem i {
    font-size: 14px;
    line-height: 1em;
}
.TableListTopTitleTDItem_table { font-weight: bold;	padding: 15px 30px 15px 0; text-align: center;}

.products_view_thumb {
    background: #fff;
    border: 1px solid #CCCCCC;
    font-size: 12px;
    overflow: hidden;
    margin:0 0 12px;
    padding: 15px;
    text-align: center;
    vertical-align: top;
}
.product_view_thumb {
    display: inline-block;
    min-height: 250px;
    padding: 15px;
    position:relative;
    text-align: left;
    vertical-align: top;
    width: 195px;
}
*+html .product_view_thumb { display: inline;}
.product_view_thumb .title { padding-top:5px; width:150px;}

.imageholder {
    border:1px solid #ccc;
    min-height: 167px;
    line-height: 165px;
    min-width: 167px;
    position:relative;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font-size: 0;
}
.imageholder img.img-responsive { display: inline-block; vertical-align: middle;}
.tablelist .namepicture { position: relative; padding-right: 39px}

#product-search-top { min-width: 200px;}
/* The end Table search product */

/* Bascet */
.basket-empty { display:block;}
.basket_input { margin:15px 0 0;}
.basket_input input { margin: 0 5px 0 0;}
.datain { background:#fff; border:0; float: left; margin: 6px 5px 0 0; }
.alternetcheck { float: left; margin: 0 5px 0 0; line-height: 0;}
#alternative {display: none; padding: 20px 0 10px;}
#alternative label { text-align: left; font-weight: normal; white-space: nowrap;}

.basket_div { position: relative; z-index: 2;}
.basket_sup_info { display: none; }
.contact-info-basket { font-size: 14px; line-height: 1.5em;}

#sort_order_edit { width: 400px;}
.end-button { clear: both; padding: 20px 0 0; text-align: right;}
.end-button .btn { margin: 0 0 10px;}

.aftertable { margin: 12px 0 0;}
.camera_pic { float: left; margin: 0 5px 0 0;}
img.borderpic { border: 1px solid #ccc;}


.input-group.calendar-group { min-width: 115px;}
.input-group.calendar-group input.form-control {
    background: #fff; padding-left: 6px; padding-right: 6px; min-width: 75px;
}

.input-group .glyphicon { line-height: 1em;}

div.bashiddiv { left: 0; padding: 15px 10px; width: 800px;}
div.bashiddiv .tablelistbas { border: 1px solid #ccc; border-width: 1px 1px 0 0; margin: 15px 0 0;}
div.bashiddiv .tablelistbas th { /*background: none;*/ border: 1px solid #ccc; border-width: 0 0 1px 1px; font-weight: bold;}
div.bashiddiv .tablelistbas td { background: none; border: 1px solid #ccc; border-width: 0 0 1px 1px;}
div.bashiddiv .tablelistbas td.impor { font-weight: bold;}

#subnav_customerlink .link_inf { padding: 3px 10px 3px 0;}

.allaboutprice { }
.allaboutprice div { font-weight: bold; overflow: hidden; padding: 0 0 4px; text-align: right;}
.allaboutprice span { display:block; float:right; font-weight:normal; width:100px;}

.allaboutprice_input { margin: 12px 0 0; text-align: right;}
.allaboutprice_input b { margin: 0 0 0 5px;}
.allaboutprice_input i { margin: 0 5px;}
.allaboutprice_input div.allaboutprice_input_div { margin: 0 0 20px;}

/*DeliveryConditions*/
.DeliveryConditions {}
.DeliveryConditions .DeliveryConditions__title {}
.DeliveryConditions .DeliveryConditions__wrap {}
.DeliveryConditions .DeliveryConditions__item {
    background: rgba(255, 253, 242, 1);
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
}
.DeliveryConditions .DeliveryConditions__supplier {
    font-weight: bold;
    font-size: 16px;
    display: block;
}
.DeliveryConditions .DeliveryConditions__text {}

/*DeliveryDatesSummary*/
.DeliveryDatesSummary {}
.DeliveryDatesSummary .DeliveryDatesSummary__title {}
.DeliveryDatesSummary .DeliveryDatesSummary__wrap {}
.DeliveryDatesSummary .DeliveryDatesSummary__item {
    background: rgba(255, 253, 242, 1);
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
}
.DeliveryDatesSummary .DeliveryDatesSummary__date {}
.DeliveryDatesSummary .DeliveryDatesSummary__text {}



.allaboutprice_input_div .input-block--inline {display: inline-block;}

.allaboutprice_input input.textred { color: red; }

#conditions { width: 600px;}
#conditions #part1,#conditions #part2 { padding: 5px 0;}

.condition.popup_open { padding: 10px; max-width: 900px; right: 0; top: -150px;}
.condition.popup_open div.bashiddiv { padding: 10px;}

#topbar {
    border: 0 solid #FF0000;
    display: none;
    position: absolute;
    z-index: 100;
}
.select-free iframe {
    display: block;
    height: 3000px;
    left: 0;
    position: absolute;
    top: 0;
    width: 3000px;
    z-index: -1;
}
/*The end bascet */


/*Oreder_list.tmpl*/
select#ean_type { float: right; margin: 5px 0 0;}
.ean_type_but { float: right; margin: 0 0 0 10px;}
.div-pad { padding: 30px 0 0;}

.icons-make { padding: 40px 0;}
.icons-make span { display: block; padding: 5px 0 0 6px;}
#LL.icons-make span, #LType.icons-make span { padding: 5px 0 0 0;}
.icons-make .row.second { padding-bottom: 25px; }
/*The end Oreder_list.tmpl*/

/* Delivery_list.tmpl*/
.TableListItem_center { text-align: center;}

.except1 {visibility: hidden;position:absolute;top: 30px;left: 100px;}
.except2 {color: #000;left: 100px;position: absolute;visibility: visible;top: 30px;z-index: 1000;}
.except2.popup_open { max-width: 840px; width: 800px;}
.calend_div .calend_header { background: #eaeaea; font-size: 12px; font-weight: bold; padding: 10px 5px; text-align: center;}
.calend_div .calend_header b { }
.calend_body { clear: both; overflow: hidden; padding: 20px 0 10px; position: relative;}
.calend_body .overflowdiv { padding: 0 0 0 6px;}
.overflowdiv .calend .deliveryt { }
.overflowdiv .calend .extra_holidayt { }
.except3 {visibility: hidden;position: absolute;display: none;}

.calendar_table { }

.calendar_table {}
.calendar_table > div > div { padding: 0 0 3px 6px; text-align: left;}
.calendar_table > div { text-align: center; vertical-align: top;}
.calendar_table > div  { padding-bottom: 10px; padding-top: 10px; }
.calendar_table > div td { padding: 0px}
.calendar_table table td { border: 1px solid #f1f1f1; padding: 0; text-align: center; vertical-align: middle;}
.calendar_table table td small { font-size: 9px;}
.calendar_table table td.actualt, .calend .actualt { color:#d0d0d0;}
.calendar_table table td.todayt, .calend .todayt { color:#fff; background-color: #525252}
.calendar_table table td.deliveryt, .calend .deliveryt { background:#277541;color:black;}
.calendar_table table td.holidayt, .calend .holidayt { background:#cd8065; color: #fff}
.calendar_table table td.exceptionst, .calend .exceptionst { background:#BFF1B2;color:red;}
.calendar_table table td.standard_delivery_dayt, .calend .standard_delivery_dayt {  background-color: #3eb265; color: #fff}
.calendar_table table td.extra_holidayt, .calend .extra_holidayt { background:#993817; color: #fff}

.calend_div p { margin: 25px 0 15px;}
.calend span { display: block; padding: 0 0 5px;}
.calendbut { bottom: 10px; position: absolute; right: 10px;}
/* The end Delivery_list.tmpl*/

/* new search form */
.PrevImg1 {	display: none;}
.PrevImg2 {	display: block; position:absolute;  z-index: 1000; left: 208px;}
.PrevImg1x { display: none;}

.hide {	display: none;	position:absolute;}

.cat_categ { overflow: hidden;}
.cat_categ div.cat, .cat_categ div.levelX { float: left; margin: 0 10px 0 0; width: 200px;}
.cat_categ div.cat { margin: 0 10px 10px 0; width: 200px;}
.cat_categ div.cat div { border-bottom: 1px solid #CCCCCC; padding: 5px;}
.cat_categ div.cat div img { margin: 0 0 0 5px;}

.cat_categ div a { padding: 2px 5px; margin: 0 0 3px;}

/* The data change_form.tmpl */
.messageer { display: block; margin: 10px 0 0;}
.red { color:red;}
.green { color:green;}
.blue { color:blue;}
.lblak { color:#444444;}
.lgrey { color:#888888;}
.lgreyb { font-weight: bold;}

.FormContentborderinfo {  font-weight: bold; overflow: hidden; }
.informblock div { overflow: hidden;}
.informblock .ez-radio, .informblock .ez-checkbox-green { vertical-align: middle;}
.informblock label { display: inline-block; vertical-align: middle;}
.FormContent .FormContentborder, .FormContent .FormContentborderinfo { border: 1px solid #cccccc; padding: 15px;}
.tags_price_perm { display: inline-block}

.informblock div span.star { display: inline; float: none; margin: 0 0 0 5px;}
.informblock .overflow { padding: 3px 10px 3px 0;}
.informblock .infoblock-title { margin: 10px 0px 10px 0px;}
.widthinput { width: 250px;}
.widthinput_new { width: 235px;}
.informblock div b { color:red; font-size:11px; margin:0 0 3px 0;}

.LabelType-row > div { margin-bottom: 15px;}
.password { margin: 15px 0 0; overflow: hidden;}

.password div { clear: both; margin: 3px 0 10px;}
.password div b { color: red;}

.password b, .password input { margin: 0 10px 0 0;}
.password input#current_pwd { width: 250px;}
.password b, .password input#current_pwd {}

.top_block_pl { min-height: 125px;}
.plashka .overflow { line-height: 1.4em;}
/* The end data change_form.tmpl */

/* The password change_form.tmpl */
.change_password { padding: 5px 0 0; }
.change_password div { margin: 0 0 8px; overflow: hidden;}
.change_password div span { display: block; float: left; margin: 0 5px 0 0; width: 200px;}
.change_password div span.star { display: inline; float: none; margin: 0 0 0 5px;}
.change_password div input.newpas { border: 1px solid #c3c8cc; border-top: 1px solid #abadb3; width: 200px;}
.change_password div b { font-weight: normal;}

/* The end password change_form.tmpl */

/* The inventory product_edit_form.tmpl*/
.textinf { height: 100px; width: 250px; }
.infobut { padding: 0;}
.infobut .button { float: left; margin: 10px 5px 0 0;}

.right_informblock textarea { height:400px; max-width:350px;}
.right_informblock input { margin: 10px 0 0;}

.tags_price_perm { width: 40px;}
.tags_price_pers { width: 60px;}
.tags_yel { background: #ffffdd;}

.importfrom_exel { margin: 30px 0 0; border: 1px solid #ccc; padding: 15px}

div#error {color: red; font-weight: bold; margin: 20px 0;}
div#ok {color: green; font-weight: bold; margin: 20px 0;}

.importfrom_exel { }
.importfrom_exel span { display: block; font-weight: bold; margin: 0 0 5px;}
.importfrom_exel .flagimport { margin: 10px 0 0; }

.marginblock { margin: 25px 0 0;}
.scanarea { margin: 20px 0 0;}
.scanarea span { display: block; margin: 0 0 5px 0;}
.scanarea div div { background:#ddd; border:1px solid #c4c6ca; height:auto !important; height:100px; min-height:100px; padding-left:200px; max-width:280px;}
.scanarea textarea { border: 1px solid #c4c6ca;  height: 400px; max-width: 400px;}
.scanarea input { display: block; margin: 5px 0 0 0; }

.inventorymen { padding-top: 30px;}
.inventory_product .col-sm-6.col-md-6 { margin-bottom: 15px;}
/* The end Inventory manager */

/*The report_form.tmpl*/
.report_block { margin-top: 35px;}
.report_block .calend_block, .report_block .calend_block > div > div, .report_block .department_block { margin-bottom: 20px;}
.report_block .calend_block {z-index: 1;}
.calend_block_left, .calend_block_right { float: left;}
.calend_block_left span, .calend_block_right span { display: block; font-weight: bold; margin: 0 0 10px 0;}
.calend_block_bottom > div { margin-bottom: 10px;}
.calend_block_bottom .radio-block { display: block; margin-bottom: 10px;}
.calend_block_bottom span { display: block; float: left; width: 120px;}
.calend_block_bottom span.radio { width:19px;}
.calend_block_bottom .iputradio { overflow: hidden; zoom: 1;}
.calend_block_bottom .iputradio .ez-radio { margin: 0 10px 0 0;}
.calend_block_bottom .iputradio div.overflow { padding: 0 0 3px; overflow: hidden; zoom: 1;}

.department_block span { display: block; font-weight: bold; margin: 0 0 10px 0;}
.department_block div.alldepart, .department_block div.vardepart { padding:0 0 4px; margin: 0 0 4px;}
.department_block div input { margin: 0 3px 0 0;}
.department_block div.alldepart { border-bottom: 1px solid #ccc;}

.report_block .calendar, .report_block .calendar table { width: 100%; max-width: 300px;}

.backreport { margin: 10px 0 0; text-align: right;}
.expexel { }
.expexel div { margin: 0 0 5px 0; overflow: hidden;}
.expexel a { float: left; margin: 0 5px 0 0;}

.list_detail { float: left; margin: 0 3px 0 0;}

.radio-label-fix { }
.radio-label-fix label { padding: 0 0 0 30px;}
.radio-label-fix label .ez-checkbox-green, .radio-label-fix label input { margin: 0 0 0 -30px;}
.radio-label-fix label .ez-checkbox-green input { margin: 0;}
/*The end report_form.tmpl*/

/* The report search */
#addform .radio-block, #addform .checkbox-block { margin: 0 10px 0 0;}
.cal-block .input-group { margin: 0 5px 0 0;}
/* The end report search */

/* The Price statistics */
#flot { margin: 20px 0 0;}
#placeholder { background: #fff; height: 300px; width: 600px;}
.statisctic-price > div:first-child { margin-right: 15px;}

.report_block div.calendar { z-index: 50;}
/* The end Price statistics */

.istatis h5 { margin: 0 0 10px; }

.button {
    background: #555555;
    border: 1px solid #555555;
    color:#fff;
    font-size: 14px;
    padding: 5px 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    text-align: center;
    cursor: pointer
}
*+html .button { height: 32px; line-height: 14px; overflow: visible;}
.abutt { margin: 6px 0 0; overflow: hidden;}

/*product_detail_fotm.tmpl*/
.tablelistbas th {background: #EBEBEB;}

.supplier_table { }
.supplier_table div { overflow: hidden; padding: 5px 10px;}
.supplier_table div span { display: block; float: left; min-width: 100px; width: 50%;}
/*the end product_detail_fotm.tmpl*/

.mulitscan textarea { margin: 10px 0;}

/*app_info.layout*/
.td_bborder { border: 1px dotted #cccccc; border-width: 0 0 1px 0;}
.td_brborder { border: 1px dotted #cccccc; border-width: 0 1px 1px 0;}
/*the end app_info.layout*/

/*instance.css*/
.titleContainerTop { font-size: 25px; line-height: 1.2em; margin: 32px 0 16px;}
.descriptionContainerTop.space-bottom { padding-bottom: 10px; }
.descriptionContainerTop_mar { margin: 0 0 19px 0;}
.error-page h3 { font-weight: normal; font-size: 25px; line-height: 1.2em; margin: 25px 0 10px;}

/* Pager */
.tablelist2 {  font-size:12px;}
b.info {display:block; line-height:21px; text-align:left;}
.TableListTopTitleTDItem b.info {display:block; line-height:21px; text-align:center;}
b.info i { color: #E44346;}
.TableListTopTitleTDItem b.info i{ color: #000000;}
    /*the end instance.css*/

/*order_list_edit_form*/
.TB_overlayBG2 {background:url(../components/fancybox/source/fancybox_overlay.png);}
#TB_overlay2 {
    width:100%;
    height: 100%;
    width:expression(document.body.offsetWidth + "px");
    left:0;
    position:absolute;
    top: 0;
    z-index:90;
}

#choose_pdf {
    height_:180px;
    width:450px;
}
#choose_pdf .row { margin-bottom: 15px;}
#choose_pdf .col-md-1 { padding-right: 0;}

img[name="imgName"], .displayb { display: block;}

.radiobut { margin: 0 0 10px;}
.radiobut div { overflow: hidden; padding: 5px; }
.radiobut div input { float: left; margin: 0 5px 0 0;}
.radiobut.inputblock div { padding: 0;}
.radiobut.inputblock > div { line-height: 1.8em;}

.overflowdiv_right_bas_details { float: right; overflow: hidden; text-align: right; width: 40%;}
.overflowdiv_right_bas_details .confirm_ok1_button { margin: 5px 0 0;}
.confirm_okdiv { color: #000; padding: 5px 0; text-align: right;}
.confirm_okdiv b.green { display: block; margin: 0 0 5px;}

.FormContentborder_orderlist {
    background:none repeat scroll 0 0 #FBFBFB;
    border:1px solid #CCCCCC;
    font-size:14px;
    line-height:17px;
    padding: 22px 10px 22px;
}
.FormContentborder_orderlist span, .FormContentborder_orderlist input, .FormContentborder_orderlist select { float: left; margin: 0 10px 0 0;}
.FormContentborder_orderlist select { height:19px; width:150px;}
.FormContentborder_orderlist input.button { height:19px; padding:0 15px;}
.FormContentborder_orderlist div { clear: both; padding: 10px 0 0;}
.FormContentborder_orderlist div div { padding: 0;}
.FormContentborder_orderlist div input { margin: 0 5px 0 0;}
*+html .FormContentborder_orderlist div input { margin: -2px 0 0;}
.back_order { overflow: hidden; text-align: right;}

.overflowdiv_left_order, .overflowdiv_right_order { float: left; width: 49%;}
.overflowdiv_right_order { float: right;}

.overflowdiv_left_order div, .overflowdiv_right_order div { padding: 40px 0 0;}
.overflowdiv_left_order div span, .overflowdiv_right_order div span { display: block; font-size: 14px; margin: 0 0 5px;}

.overflowdiv_right_order div select#ean_type { float: none; }
.order_list_ean { border: 1px solid #e3e9ef; border-top: 1px solid #abadb3; height: 320px; margin: 0 0 10px; width: 100%; }

.onsale_order { margin: 10px 0 0; overflow: hidden;}

/*calendar_list div.tmpl*/
.editDiv1 { filter: alpha(opacity=100); left: 0; position:absolute; top: 100px; z-index: 5000;}
.editDiv2 { left: 0; position:absolute; top: 100px; z-index:80;}
.editDiv3 { position:absolute; left: 0; top: 100px; z-index: 5002;}
.editDiv4 { position:absolute; left: 0; top: 100px; z-index: 5003;}
.editDiv5 { position:absolute; left: 0; top: 100px; z-index: 5001;}
.editDiv5 .name { margin: 0 0 3px; text-align: left;}

.individualDesignSettings span { display: block; margin: 0 0 5px; }
.individualDesignSettings input { display: block; margin: 0 0 5px; }
.bold { font-weight:bold;}

.report_block .calendar .button { padding: 5px 15px;}
.report_block .calendar .daynames .day { min-width: 30px;}

/*Popup design*/
.popup_open {
    background:#F9F9F9; border: 1px solid #a6a6a6;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
    -moz-box-shadow:  0 10px 25px rgba(0, 0, 0, 0.5);-webkit-box-shadow:  0 10px 25px rgba(0, 0, 0, 0.5);
    min-width: 400px;
    max-width: 750px;
    padding: 30px 20px;
    position: absolute;
    text-align: left;
    z-index: 1001;
}
.invitation_email_popup{
    left: 50% !important;
    top: 35% !important;
    margin-left: -500px;
    position: fixed;
}
.popup_open .clos_select_free {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #555;
    text-shadow: 0 1px 0 #fff;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    margin-top: -15px;
}
.clos_select_free:hover {
    color: #555;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=70);
    opacity: .7;
}
.popup_open div.titleContainerTop { margin: 10px 60px 20px 0; line-height: 1em;}

/*the end Popup design*/

/*Settings*/
div.repost_for_pdr { margin: 18px 0 0 0; text-decoration: underline;}
div.repost_for_pdr:hover { text-decoration: none;}
#pdf_set { width: 725px;}
#pdf_set .setting_table { text-align: center;}
#pdf_set .cen_table_pdf { background: #fff; border: 1px solid #979494; position: relative; width: 680px}
#pdf_set .cen_table_pdf .form-control { display: inline-block; width: 50px;}
#pdf_set .cen_table_pdf img.mypdf_icon { bottom: 5px; position: absolute; right: 5px;}
#pdf_set .cen_table_pdf table { }
#pdf_set .cen_table_pdf table td { padding: 4px; text-align: center; vertical-align: middle;}
#pdf_set .cen_table_pdf table td.table_pdf_td {
    border: 1px solid #C5C3C3;
    height: 140px;
    line-height: 18px;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    width: 250px;
}

#pdf_set td.table_pdf_td label { width: 140px}
#pdf_set .cen_table_pdf table td.table_pdf_td input { margin: 0 10px 0 0;}
#pdf_set .cen_table_pdf table td .margin_width {  width: 20px;}
#pdf_set .cen_table_pdf img.vsize { margin: 0 2px 0 0;}
#pdf_set .cen_table_pdf img.gsize { display: block; margin: 0 auto 4px;}

.basket_block_but { margin: 18px 0 0;}
.basket_block_but a { margin: 0 15px 0 0;}
input.prod_count { background: none; border: 1px solid #fff; color: black; text-align: left;}

.amountpr { line-height: 1.5em; padding: 20px 0 10px 26px;}
#basket_block .amountpr { padding: 10px 0;}
.amountpr input { font-weight: bold;}
.basket_butbl { padding: 15px 0 0; text-align: right;}

.gistogram_budjet { padding: 0; position: relative; margin-bottom: 2px; }
.gistogram_budjet div.value { overflow: hidden; position:absolute; line-height: 3px; top: 0; left: 0; width: 100%;}
.gistogram_budjet div.value .left { padding: 9px 0 0 10px;}
.gistogram_budjet div.value .right { padding: 0 10px 0 0;}

.gistogram_budjet table { border-collapse: collapse; line-height: 3px; padding: 0; width: 100%;}
.gistogram_budjet table img { height: 22px; width: 1px;}
.gistogram_budjet table td { background: #eee; font-size: 0; }
.gistogram_budjet table td.normal { background: #6AC48E;}
.gistogram_budjet table td.panics { background: #ff8080;}

.third{width:15%;float:left}
.clear{clear:both}

.imgb { display: block;}
.pos_img { position: absolute;}
.whitesp { white-space: nowrap;}

/*Design for chackbox*/
.ez-hide { opacity: 0; filter:alpha(opacity=0); padding: 0; margin: 0; width: 24px; height: 24px;}
.ez-checkbox { background: transparent url('../i/custom-check.png') -24px 0 no-repeat; display:inline-block;}

.ez-radio { background: transparent url('../i/custom-check.png') 0 0 no-repeat; display:inline-block; width: 24px; height: 24px;}

*+html .ez-radio {width:23px;}
a.btn.mar{ margin: 0 0 2px;}
.ez-checked { background-position: 0 0px; }
.ez-selected { background-position: 0 -24px; }
.ez-disabled { background-position: 0 -48px; }

.ez-checkbox-green { background: transparent url('../i/custom-check.png') -24px 0 no-repeat; display:inline-block; *display: inline; overflow: hidden; height: 24px; width: 24px;}
.ez-checked-green { background-position: -24px -24px; }
.ez-disabled-green { background-position: -24px -48px; }
.ez-checkbox, .ez-radio { zoom: 1; *display:inline; _height: 17px; }

/*nanoscroller*/
.nano { position: relative; width: 100%; height: 100%; overflow: hidden;}
.nano .content { position: absolute; overflow-x: hidden; bottom: 0; left: 0; top: 0; right: 0;}
.nano .content:focus {outline: thin dotted;}
.nano .content::-webkit-scrollbar { visibility: hidden;}
.has-scrollbar .content::-webkit-scrollbar { visibility: visible;}
.nano > .pane { background:#BCBCBC; position: absolute; width: 10px; right: 0; top: 0; bottom: 0; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s;  transition: .2s;}
.nano > .pane > .slider { background:#616161;position: relative; margin: 0 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

/*galery*/
.detail_frame .nano { width: 100%; height: 580px}
.detail_frame .nano .nanocontent { padding: 0; }

.frame .nano { width: 100%; height: 150px; }
.frame .nano .nanocontent { padding: 0; }

.department_block .nano { height: 220px; width: 100%;}
.department_block .content { padding: 0; }

.detail_frame #descr1 { border: 1px solid #cccccc; border-right: 0; border-left: 0; padding: 15px 0px; }
.detail_frame .nano .content-inner { padding: 0;}
.detail_frame .titleContainerTop { line-height: 1em; margin-top: 0; padding: 0 0 10px; color: #007c29;}
.detail_frame .titleContainerTop span { display: block; font-size: 0.8em;}
.detail_frame .light_table { background: #fff; border-collapse: collapse; padding: 0; width: 100%;}
.detail_frame .light_table td { padding: 4px 5px; vertical-align: top;}
.detail_frame .light_table td:first-child { width: 35%; vertical-align: top;}
.detail_frame .descr { clear: both; padding: 10px 0; text-align: left;}
.detail_frame .FormContent td { background: #fff; text-align: left;}

.alternative_product { font-size: 12px; line-height: 1.2em; padding: 10px 0 0; position: relative;}
.alternative_product .product { }
.alternative_product .title { padding: 0 0 8px;}
.alternative_product .row { padding: 0 30px;}
.alternative_product .imageholder { border: none; height: 137px; line-height: 135px; min-width: 135px;}
.alternative_product .arrow-left { left: 0;}
.alternative_product .arrow-right {right: 0;}
.alternative_product .arrow-left, .alternative_product .arrow-right { height: 22px; margin-top: -23px; position: absolute; top: 50%; width: 10px; text-decoration: none !important;}

/*Autocomplete*/
.ui-autocomplete { max-height: 300px; overflow-y: auto;  overflow-x: hidden;}
.ui-widget {font-family: 'Open Sans',Arial;font-size: 12px;}
.ui-widget-content { border: 1px solid #D1D1D1; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
.ui-state-hover, .ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #488C63;
    background: #488C63;
    border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;
    color: #fff;
}

#futuredate { clear: both; overflow: hidden; padding: 10px 0;}
.futuredate { border: 1px solid #C3C8CC; border-top: 1px solid #ABADB3; padding: 15px;}

.futuredate_time { margin: 15px 0 0;}
.futuredate_time select {width: 40px;}
.record_bas { float: left; line-height: 30px; padding: 0 0 0 30px; }

.fraction_dialog .ui-widget input { font-family: 'Open Sans',Arial;}
.fraction_dr input { width: 20px; font-size: 12px; padding: 3px; text-align: center }
.fraction_hin { float: left;}
.fraction_hin input { text-align: center}
.fraction_txt { float: left; padding: 30px 20px 0px 20px}
.fraction_hin_txt { padding: 0px 0px 5px 0px}
.fraction_dr { float: left; padding: 0 10px; position: relative; height: 56px; width: 60px; background: url("../i/fraction.png") no-repeat 7px 8px;}
.dividend { padding: 0 5px 3px; position: absolute; top:0px; left: 0px;}
.divisor { padding: 3px 5px 0; position: absolute; bottom:0px; right: 0px;}
.fraction_dialog .title { padding: 0 0 40px;}

.fraction_input { padding: 0 0 0 108px; position: relative;}
.fraction--element  { float: left; }
.fraction_input input { padding: 6px 3px; text-align: center;}

.fraction_input .fraction--drob { display: inline-block;}
.fraction_input .fraction--integer { padding: 19px 0 0; width: 64px;}
.fraction_input .fraction--plus {  font-size: 20px; padding: 29px 0 0; width: 50px; text-align: center;}
.fraction_input .fraction--div { background: url("../i/fraction.png") no-repeat center;}
.fraction_input .fraction--dividend { width: 45px;}
.fraction_input .fraction--divisor { padding: 38px 0 0; width: 45px;}
.fraction_input .fraction--description { position: absolute; right: 0; text-align: left; top: -20px; width: 90px;}
.fraction_input .fraction--description-1 { border-bottom: 1px solid #000; left: 0; padding: 0 0 2px; position: absolute; text-align: left; top: 0; width: 90px;}
.fraction_input .fraction--description-1:after { bottom: -12px; content: "\/"; display: inline-block; position: absolute; right: -3px; z-index: 99;}
.fraction_input .fraction--description-2 { border-bottom: 1px solid #000; position: relative;}
.fraction_input .fraction--description-2:before {bottom: -14px; content: "\/"; display: inline-block; padding: 0 0 2px; position: absolute; left: -3px; z-index: 99;}
.fraction_input .fraction--description-3 { border-bottom: 1px solid #000; position: relative; margin: 20px 0 0;}
.fraction_input .fraction--description-3:before { bottom: -14px; content: "\/"; display: inline-block; padding: 0 0 2px; position: absolute; left: -3px; z-index: 99;}

.fraction_example { clear: both; padding-top: 20px;}

.fraction_input.fraction_example .fraction--integer { padding: 0;}
.fraction_input.fraction_example .fraction--div { background: none;}
.fraction_input.fraction_example .fraction--element { text-align: center;}

.fraction_popup .ui-widget-header  { background: none !important; border: none !important;}
.fraction_popup.ui-dialog .ui-dialog-title { margin: 0.6em 16px 0.1em 0;}
.fraction_popup .ui-widget-header { color: #000;}
.fraction_popup.ui-widget-content { border: 1px solid #A6A6A6;}
.fraction_popup .ui-dialog-titlebar-close { padding: 0; }
.fraction_popup .ui-icon { background: transparent url(../ni/close.png) 0 0 no-repeat !important; left: 0; margin: 0; padding: 0; top: 0;}
.fraction_popup.ui-corner-all, .fraction_popup .ui-corner-all { border-radius: 0 !important;}
#sreport_pager {padding: 10px 0 0;}

.title_order_list { padding: 10px 0; vertical-align: middle;}

.edit_td { padding: 0 100px 0 0; position: relative;}
.edit_atd, .edit_atd_copy { position: absolute; right: 0; top: 0; margin: -9px 0 0;}
.edit_atd_copy { right: 45px;}

/*Help block*/

#help { max-width: 600px;}
#help .select-free div b { display: block;}
.button-set { padding-top: 15px;}
#help .select-free > div { overflow: hidden; padding-bottom: 10px;}

#help_message_send_menu { width: 700px;}
.select-free2 .form-group { padding-left: 15px; padding-right: 15px;}
.select-free2 .col-md-6 { padding-bottom: 15px;}
.select-free2 label { font-weight: normal;}
/*the end Help block*/

.ui-state-highlight { background: #eee; border: 1px solid #eee; padding: 20px 0; margin: 0 0 15px;}

.other_settings .ez-checkbox-green { margin-top: 2px; vertical-align: top;}

.other_settings label { display: inline-block; width: 80%;}
.psett {}
.psett .pmarg { margin: 0 0 8px;}
.psett .top_block_pl {min-height: 135px;}
.psett .first_tlabel {margin: 0 0 8px;}
.psett .overflow { margin: 0 0 3px;}
.psett .repost_for_pdr_2 { margin: 0; padding: 5px 0 0;}
.cache-result { display: block; font-style: normal; padding: 3px 0 0;}

/*design for calendar*/
.input-append, .input-prepend {
    display: inline-block;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
}
.input-append .add-on, .input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 15px;
    min-width: 16px;
    padding: 5px 5px;
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    text-align: center;
    text-shadow: 0 1px 0 #FFF;
    background-color: #EEE;
    border: 1px solid #CCC;
}
.tablelist .input-append [class^="icon-"], .tablelist .input-append [class*=" icon-"] { line-height: 15px;}

.active-buttons { clear: both;}
.active-buttons .control-label { padding-top: 7px; font-weight: normal;}
.active-buttons.form-inline .form-group { padding: 0 0 10px; white-space: nowrap; width: 100%;}
.button-in-table { border-bottom: 1px solid #D1D1D1; padding: 0 5px 13px; margin: 0 0 12px;}
.time-icon [class^="icon-"], .time-icon [class*=" icon-"] { color: #E44346;}
.time-icon .noactive-time { color: #000000; opacity: 0.35;}

.order-list-form .firstline { padding: 20px 0 0;}
.barcode { padding: 10px 0 0; text-align: center;}
.barcode a { display: block;}
.barcode i.icon-barcode { font-size: 20px;}
.a-icon, .a-icon:hover { text-decoration: none;}

/*Design for upload file*/
div.uploadfile {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 34px 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background: #ffffff url(../i/files.png) right center no-repeat;
    border: 1px solid #cccccc;
    border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    overflow:hidden;
    cursor:pointer;
    position: relative;
}
div.uploadfile  input {
    opacity:0;
    filter:alpha(opacity:0);
    font-size:190px;
    cursor:pointer;
    padding:0px;
    border:none;
    margin: 0;
    position: absolute;
    right: -10px;
    top: -10px;
}
/*The end design for upload file*/

.nav-tabs {margin-left: 0px;}
.manage-place .row { padding: 0 0 10px;}
.personal-set .manage-place .row .col-md-3 { padding-top: 0;}
.form-horizontal .control-label { font-weight: normal; text-align: left;}

/* Personal data */
.personal-set .row .col-md-3 { padding-top: 20px;}
.personal-set label { font-weight: normal; width: 80%;}
.personal-set .labeld { padding: 15px 0 0;}
.personal-data label { font-weight: normal}
.personal-data .customer__gender,
.personal-data .user__gender { width: 100px}
.personal-data .col-sm-6.col-md-6 { margin: 0 0 20px;}

/* Order Calendar*/
#orderCalendar { padding: 20px 0 0;}
#orderCalendar .ui-widget-content { background: none; border: none; font-family: 'Open Sans',Arial; font-size: 14px; color: #000; padding: 0 40px;}
#orderCalendar .ui-datepicker-group { padding: 10px;}
#orderCalendar .ui-datepicker-calendar { font-family: 'Open Sans',Arial; font-size: 14px; line-height: 21px; width: 100%;}
#orderCalendar .ui-datepicker-calendar th, #orderCalendar .ui-datepicker-calendar td { border: 1px solid #F1F1F1; padding: 0; text-align: center; vertical-align: middle;}
#orderCalendar .ui-datepicker th { font-size: 9px; font-weight: normal;}
#orderCalendar .ui-state-default, #orderCalendar .ui-widget-content .ui-state-default, #orderCalendar .ui-widget-header .ui-state-default { background: none; border: none; color: #000; font-weight: normal;}
#orderCalendar .markedDate  {background-color: #3EB265; color: #FFFFFF;}
#orderCalendar .markedDate a.ui-state-default { color: #fff;}
#orderCalendar .ui-datepicker td span, #orderCalendar .ui-datepicker td a { text-align: center; padding: 0;}
#orderCalendar .ui-datepicker-today span.ui-state-default { background-color: #525252; color: #FFFFFF;}
#orderCalendar .ui-widget-header { background: none; border: none; color: #000; font-size: 14px; font-weight: normal; padding: 0 0 3px 6px;}
#orderCalendar .ui-datepicker .ui-datepicker-title { margin: 0; text-align: left;}
#orderCalendar .ui-datepicker-month { font-weight: bold;}
#orderCalendar .ui-datepicker-header { position: relative;}
#orderCalendar .ui-datepicker-prev, #orderCalendar .ui-datepicker-next { background: #EBEBEB; border-radius: 0; position: absolute; height: 190px; top: 2px;}
#orderCalendar .ui-datepicker { height: 190px;}
#orderCalendar .ui-datepicker-prev.ui-state-hover, #orderCalendar .ui-datepicker-next.ui-state-hover { border: none;}
#orderCalendar .ui-datepicker-prev, #orderCalendar .ui-datepicker-prev.ui-state-hover { border: 1px solid #D1D1D1; left: -40px;}
#orderCalendar .ui-datepicker-next, #orderCalendar .ui-datepicker-next.ui-state-hover { border: 1px solid #D1D1D1; right: -40px;}
#orderCalendar .ui-datepicker-header .ui-icon, #orderCalendar .ui-state-hover .ui-icon, #orderCalendar .ui-state-focus .ui-icon { background-color: transparent;}
#orderCalendar .ui-datepicker .ui-datepicker-prev span, #orderCalendar .ui-datepicker .ui-datepicker-next span { color: #000000; font-family: "FontAwesome"; font-size: 0; font-style: normal; font-weight: normal; line-height: 34px; text-align: center; text-shadow: 0 -1px 0 #D1D1D1; visibility: visible; margin: -8px 0 0 -5px;}
#orderCalendar .ui-datepicker .ui-datepicker-prev span:after {content: "\f053"; font-size: 14px;}
#orderCalendar .ui-datepicker .ui-datepicker-next span:after {content: "\f054"; font-size: 14px;}
#orderCalendar .ui-icon { background: none; height: auto; width: auto; text-indent: 0;}
#orderCalendar .ui-state-disabled, #orderCalendar .ui-widget-content .ui-state-disabled, #orderCalendar .ui-widget-header .ui-state-disabled { opacity: 1;}
#orderCalendar .ui-datepicker-buttonpane { padding: 0 10px;}
#orderCalendar .ui-datepicker-buttonpane .ui-priority-secondary { background-color: #555; border-color: #555; border-radius: 0; color: #FFF; font-size: 14px; font-weight: normal; line-height: 1.42857; padding: 6px 12px;}
#orderCalendar .ui-datepicker-buttonpane .ui-priority-secondary:focus, #orderCalendar .ui-datepicker-buttonpane .ui-priority-secondary:active {background-color:#717171; color: #fff;}
#orderCalendar .ui-datepicker-calendar .ui-state-highlight { margin: 0;}
#orderCalendarWidget #dateType { width: 200px;}
#orderCalendarList { padding: 20px 0 0;}

#hogashop-menu { display: none;}

.navbar-inverse { display: none;}
.navbar-inverse .navbar-toggle { background: transparent !important; border: 1px solid #fff; margin-top: 38px;}
.navbar-inverse .navbar-toggle:hover { background: transparent !important; border: 1px solid #fff;}

.info-show { cursor: pointer;}
.point { cursor: pointer;}
@media print {
    a[href]:after { content: none !important;}
}
.justborder { border: 1px solid #CCCCCC;}

/* Custom ui-pnotify */
.ui-pnotify-history-container .ui-pnotify-history-pulldown { text-align: center;}
.ui-pnotify-history-pulldown { font-size: 10px; line-height: 15px;}
.ui-pnotify-history-container .ui-pnotify-history-header { text-align: center;}
.ui-pnotify-history-container { width: 130px; padding: 0 10px;}
.ui-pnotify-icon { line-height: 16px;}

.ui-pnotify-history-container .btn {background-color:#555555;border-color:#555555; color: #fff;}
.ui-pnotify-history-container .btn:hover { background-color:#717171; border-color: #717171; margin-bottom: 1px;color: #fff;}
.ui-pnotify  .ui-pnotify-closer, .ui-pnotify  .ui-pnotify-sticker { margin-left: 5px;}

.ui-pnotify-title { font-size: 14px;}
.ui-pnotify-text { clear: both;}

.ui-pnotify-history-all {margin-bottom: 1px;}

.footable-row-detail-row {  display: table-row; line-height: 1.5em; }
.footable-row-detail-name { display: table-cell; font-weight: bold; padding: 0 15px 7px 0;}
.footable-row-detail-value { display: table-cell; padding: 0 0 7px;}

.size-name { min-width: 30%;}

.tablelist.breakpoint tr td.footable-last-column { padding: 4px 0;}

.LocalTitlesup { margin: 50px 0 0;}
.LocalTitlesup div { font-weight: bold; margin: 0 0 10px;}
.LocalTitlesup ul { margin: 0;}
.LocalTitlesup ul li { list-style: none; padding: 0 0 5px;}

#action-search-buttons .dropdown-menu { max-height: 100vh; overflow: auto;}

/*Statistic modules*/
.infobox-conteiner { padding-top: 25px;}
.infobox {
    background: #5A5A5A;
    border-radius: 2px;
    color: #FFFFFF;
    display: inline-block;
    height: 52px;
    margin: 0 0 0 11px;
    padding: 4px 10px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    min-width: 135px;
}
.infobox-red { background: #F74E4D;}
.infobox-green { background: #8BBC21;}

.infobox-icon {
    display: inline-block;
    font-size: 32px;
    height: 42px;
    line-height: 38px;
    max-width: 40px;
    vertical-align: middle;
    width: 40px;
}
.infobox-data {
    font-size: 12px;
    display: inline-block;
    line-height: 1.3em;
    min-width: 75px;
    text-align: right;
    vertical-align: middle;
}
.infobox .infobox-content:first-child {
    font-weight: bold;
}
#cache_result { line-height: 34px; margin-left: 10px; }
.dop-graf-info { padding: 5px 0 3px;}
.dop-graf-info span { margin: 0 0 0 3px; font-weight: bold;}
.graf-stat .tab-pane { padding: 30px 0 0;}
.graf-con-stat { padding-top: 46px;}
.button-update { position: absolute; right: 20px; text-align: right; top: 35px; text-align: right;}

.delivery-inform { padding: 0 0 20px;}
.delivery-inform--element { padding: 3px 0;}
.delivery-inform--element .delivery-inform--title { min-height: 24px;}
.delivery-inform--element.d-open .delivery-inform--title { background: url("../i/minus.png") no-repeat scroll 100% 2px;}
.delivery-inform--element.d-close .delivery-inform--title {background: url("../i/plus.png") no-repeat scroll 100% 2px;}
.delivery-inform--element.d-open .delivery-inform--inf { display: block;}
.delivery-inform--element.d-close .delivery-inform--inf { display: none;}

.delivery-inform-ow { text-decoration: line-through; }

.process-delivery { padding-top: 10px;}

/* -------------------------------------
 * Delivery block
 * ------------------------------------- */

#info-delivery-block .col-sm-8 .process-delivery-title {
    min-height: 22px;
    padding: 3px 0;
}

#info-delivery-block .col-sm-8.d-open .process-delivery-title {
    background: url("../i/minus.png") no-repeat scroll 100% 2px;
}

#info-delivery-block .col-sm-8.d-close .process-delivery-title {
    background: url("../i/plus.png") no-repeat scroll 100% 2px;
}

#info-delivery-block .col-sm-8.d-close .process-delivery--inf {
    display: none;
}

#info-delivery-block .col-sm-8.d-open .process-delivery--inf {
    display: block;
}

.tablelist td.td-has-form.delivery-fp-pas {
    padding-right: 20px;
    position: relative;
    white-space: nowrap;
    vertical-align: top;
}

.delivery-fp-pas__calendar,
.delivery-fp-pas__icon {
    display: inline-block;
}

.delivery-fp-pas__icon {
    vertical-align: top;
    margin-top: 10px;
    margin-left: 2px;
    margin-right: 10px;
}

.info-delivery-fp {
    position: absolute;
    right: 4px;
    top: 14px;
}

.process-delivery-cube { background: #fff; display: block; overflow: hidden; padding: 7px 5px;}
.process-delivery-date { float: left; font-size: 0.85em; line-height: 1.4em; padding: 0 0 0 8px;}
.process-delivery-num { float: left; font-size: 1.8em; padding: 6px 0 0; text-align: center; width: 40px;}

.process-ready-delivery { border-top: 3px solid #3c763d; margin: 30px 0 0; padding: 20px 0 0;}

.process-st { background: #D8E4BC;}
.ready-st { background: #488c63;}
.wait-st { background: #e44346;}

.process-delivery-title {}
.process-delivery--inf, .delivery-inform--inf { background: #dfdfdf; font-size: 0.85em; margin: 5px 0 0; padding: 8px;}
.process-delivery--inf .text-success { color: #0a7e07;}
.process-delivery--inf .text-danger { color: red;}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item { font-size: 0; line-height: 0; letter-spacing: -0.31em;}
.owl-carousel .owl-item { float: none; display: inline-block; vertical-align: middle; font-size: 14px; line-height: 21px; letter-spacing: normal; border: 1px solid transparent;}

/*Fix help tour*/
.add-color{color: #00a1ef;}
.param-pdf{
    border: 1px solid #C5C3C3;
    line-height: 18px;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    width: 185px;
    display: inline-block;
    margin: 10px;
}
.pad10{
    padding: 10px;
}
.demonstration{
    border: 1px solid #C5C3C3;
    line-height: 18px;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    width: 525px;
    margin: 10px;
}
.iblock-elem{
    display: inline-block;
}
.wrap-example{
    text-align: left;
    display: inline-block;
    margin: 10px;
}
.product_name, .customer_id{font-size: 10px; margin: 0;line-height: 12px; opacity: 0;}
.wrap-example > .block-right{float: left; font-size: 10px; margin-right: 5px}
.product_id, .price{margin: 0; line-height: 11px; opacity: 0;}
.img_view{
    width: 35px;
    height: 35px;
    float: left;
    opacity: 0;
}
.img-barcode{width: 100px;height: 35px; float: left; margin-right: 5px;}
.layout-demonstration{
    float: left;
    text-align: center;
}
.demonstration > .forib{
    margin: 12px 18px;
    vertical-align: top;
}
.block-elem.mar_l{
    margin-left: 75px;
}
.price_block{
    height: 12px;
    width: 62px;
}
.free_text_second{
    margin-top: -5px;
    opacity: 0;
}
.price{
    opacity: 1;
    display: none;
}
td.center{
    text-align: center;
}
.archive_lists{
    margin-top: 15px;
    font-size: 12px;
}
.tablelist.order_tablelist.anim {
    -webkit-animation: cssAnimation 0.7248s 1 linear;
    -moz-animation: cssAnimation 0.7248s 1 linear;
    -o-animation: cssAnimation 0.7248s 1 linear;
}
@-webkit-keyframes cssAnimation {
    from { -webkit-transform: rotateY(-180deg); }
    to { -webkit-transform:  rotateY(0deg); }
}
@-moz-keyframes cssAnimation {
    from { -moz-transform: rotateY(-180deg); }
    to { -moz-transform: rotateY(0deg); }
}
@-o-keyframes cssAnimation {
    from { -o-transform: rotateY(-180deg); }
    to { -o-transform: rotateY(0deg); }
}

.tablelist.order_tablelist.anim_back {
    -webkit-animation: cssAnimation2 0.7248s 1 linear;
    -moz-animation: cssAnimation2 0.7248s 1 linear;
    -o-animation: cssAnimation2 0.7248s 1 linear;
}
@-webkit-keyframes cssAnimation2 {
    from { -webkit-transform: rotateY(180deg); }
    to { -webkit-transform:  rotateY(0deg); }
}
@-moz-keyframes cssAnimation2 {
    from { -moz-transform: rotateY(180deg); }
    to { -moz-transform: rotateY(0deg); }
}
@-o-keyframes cssAnimation2 {
    from {
        -o-transform: rotateY(180deg);
    }
    to {
        -o-transform: rotateY(0deg);
    }
}
.fancybox-skin{
    background: #ffffff;
}
.panel-group .panel.panel-attr{
    border-radius: 0;
    box-shadow: none;
    border: none;
}
.panel-attr > .panel-heading{
    border-color: #e9e9e9;
    background: #e9e9e9;
    border-radius: 0;
}
.panel-group .panel + .panel {
    margin-top: 1px;
}
.panel-group{
    border: 1px solid #E9E9F5;
}
.fl_r{
    float: right;
    width: 10px;
}
.hidden{
    display: none;
}
.panel-title > a{
    display: block;
    text-decoration: none;
}
form[name="productDetailForm"] .increment,
form[name="productDetailForm"] .decrement {
    border: none;
    background: #468059;
    color: #ffffff;
    padding: 6px 11px;
    outline: none;
    float: left;
    margin-right: 3px;
}
form[name="productDetailForm"] .increment > i,
form[name="productDetailForm"] .decrement > i {
    color: #ffffff;
}
.incr_decr{
    float: left;
    margin-right: 3px;
}
.addbasket_button{
    background: #468059;
    height: 33px;
    display: inline-block;
    line-height: 30px;
    font-size: 16px;
    position: absolute;
    color: #fff;
    padding: 0 10px;
    text-align: center;
    left: 55px;
}
.tablelist td .addbasket.bg_button {
    min-width: 185px;
    margin-top: 4px;
}
.show_comments, .show_comments:hover{
    display: block;
    color: #fff;
    background: #468059;
    text-align: center;
    padding: 8px;
    font-size: 16px;
    margin: 10px 1px 0 35px;
}
.table > thead > tr > th{
    border-bottom: 1px solid #979797;
}
.table > tbody > tr > td{
    border-top: 1px dashed #e2e2e2;
}
.column_wrap{
    width: 100%;
}
.column{
    width: 32%;
    float: left;
    margin-right: 2%;
    border-bottom: 1px dashed #e2e2e2;
    height: 37px;
}
.column_wrap > div:nth-child(3n){
    margin-right: 0;
}
.column > p{
    padding: 5px 0;
    margin: 0;
    width: 70%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position:relative;
    padding-left: 40px;
}
.column > p.value_attr{
    text-align: right;
    font-style: italic;
    text-transform: lowercase;
    width: 30%;
    float: left;
}
.info{
    background: #be3939;
    padding: 5px 15px;
    font-style: italic;
    color: #ffffff;
    float: right;
    margin: -5px 35px 0 0;
    font-size: 14px;
}
.TableListTopTitleTDItem .info{
    background: none;
    color: #000000;
    font-size: 12px;
    float: none;
    font-style: normal;
}
.noinfo{
    padding: 5px 15px;
    font-style: italic;
    color: #000000;
    float: right;
    margin: -5px 27px 0 0;
    font-size: 14px;
}
.append_footable > span.footable-toggle{
    width: 29px;
    padding-top: 7px;
    float: right;
    cursor: pointer;
    font-size: 26px;
    display: inline-block;
    speak: none;
    color: #000;
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}
.append_footable > span.footable-toggle:before{
    content: "\f0e5";
}
.append_footable{
    width: 145px;
}
.basket_ios{
    position: absolute;
    right: -1px;
    top: -8px;
}
.basket_ios_link{
    position: relative;
}
.basket_ios_link > span.icon_ios {
    font-size: 20px;
}
.detail_frame .tablelist th{
    background: transparent;
    border: none;
}
.ui-accordion .ui-accordion-header{
    background: #ffffff;
    border-radius: 0;
    border: none;
    color: #000;
    font-family: 'Open Sans', Arial;
    font-size: 14px;
    line-height: 21px;
    padding: 0 0 0 1em;
    font-weight: bold;
}
.ui-accordion .ui-accordion-header.ui-state-hover{
    text-decoration: underline;
}
.ui-accordion .ui-accordion-content{
    border: none;
    background: #ffffff;
    padding: 20px 0 10px 20px;
}
.ui-accordion .ui-accordion-content > p > label{
    font-family: 'Open Sans', Arial;
    font-size: 14px;
    line-height: 21px;
}
.ui-accordion .ui-accordion-header.ui-state-active{
    text-decoration: underline;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{
    left: -6px;
    background-image: url(../i/ui-icons.png);
}
.form-group.ui-widget{
    padding-bottom: 16px;
    margin-top: 7px;
    padding-left: 14px;
}
.select_attributes_title{
    padding-left: 0;
}
.ui-slider-horizontal .ui-slider-range{
    background: #555555;
}
.ui-state-default, .ui-widget-content .ui-state-default{
    border: 1px solid #555555;
    background: #fff;
    border-radius: 0;
}
.group-items label.reply{
    width: 24px;
    margin-right: 5px;
}

.generation_pas{
    background: #555555;
    border: 1px solid #555555;
    cursor: pointer;
    border-left: none;
}
.generation_pas:hover{
    background: #717171;
    border: 1px solid #717171;
    border-left: none;
}
.generation_pas > i {
    color: #ffffff;
}

.fancybox-close{
    text-decoration: none;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #555;
    text-shadow: 0 1px 0 #fff;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    margin-top: -15px;
    width: auto;
    height: auto;
    top: 25px;
    right: 35px;
}
a.fancybox-item.fancybox-close:before {
    content: "\00d7";
}
.fancybox-close.popup{
    top: 25px;
    right: 15px;
}
.fancybox-close:hover {
    color: #555;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=70);
    opacity: .7;
}


.mask_for_button_additional{
    position: fixed;
    top: 84px;
    right: 0;
    z-index: 9999;
    width: 184px;
    height: 50px;
    display: none;
}
.mask_popup_pageguide, .mask_popup{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}
.mask_popup {
    z-index: 1;
    top: 107px;
    position: absolute;
}
.wrap_popup {
    padding: 25px 25px 25px 50px;
    color: #000000;
    width: 30%;
    min-width: 500px;
    top: 40%;
    left: 50%;
    margin-left: -250px;
    margin-top: -35px;
    text-align: center;
    position: fixed;
    font-size: 16px;
    background: white;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.4);
    transition: all 1s ease;
    z-index: 2;
}
.wrap_popup a i {
    vertical-align: -2px;
}
.mask_for_button_wrap{
    position: fixed;
    top: 139px;
    right: -120px;
    z-index: 9999;
    display: block;
    cursor: pointer;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.mask_for_button_wrap:hover{
    right: 0;
}
.mask_for_button{
    position: relative;
    display: block;
    float: right;
    width: 184px;
    height: 50px;
    padding: 10px 16px 6px;
    margin-bottom: 20px;
    clear: both;
    font-size: 11px;
    line-height: 25px;
    color: #000;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    background: #555555;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.mask_for_button:hover{
    background: #3f3f3f;
    right: 0 !important;
}
.mask_for_button_wrap > .mask_for_button > div{
    position: absolute;
    top: 6px;
    right: -4px;
    display: block;
    width: 124px;
    height: 33px;
    padding: 2px 0 0 5px;
    overflow: hidden;
    line-height: 16px;
    border-left: 1px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mask_for_button_wrap > .mask_for_button > div > span{
    display: block;
    width: 115px;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-size: 16px;
    line-height: 33px;
    padding-left: 10px;
    color: #fff;
}
.mask_for_button_wrap > .mask_for_button:hover > div > span{
    margin: 0;
}
.mask_for_button_wrap > .mask_for_button > a{
    position: absolute;
    right: 10px;
    bottom: -26px;
    color: #000;
    text-decoration: none;
    opacity: 0;
}
.column_wrap > .column > p > img{
    cursor: pointer;
    position:absolute;
    left:0px;
    width: 30px;
    height: 30px;
    top:0px

}
.column_wrap > .column > p > a{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    width: 75%;
}

#module_sdocuments .sdocs ul:after{
    content: '';
    display: block;
    clear: both;
}
#module_sdocuments .sdocs li{
    width: 49%;
    margin: 5px 0 5px 0;
    display: inline-block;
    overflow: hidden;
    padding-right: 20px;
    vertical-align: top;
}
.docs_title{
    font-size: 12px;
    line-height: 16px;
    word-wrap: break-word;
    width: 100%;
    padding-left: 37px;
    margin-left: -37px;
}
#module_sdocuments .sdocs li:nth-child(2n){
    padding-right: 0;
}
#module_sdocuments .sdocs li a{
    display: flex;
}
#module_sdocuments .sdocs li a:hover{
    opacity: 0.8;
}
#module_sdocuments .sdocs li a img{
    margin-right: 5px;
    max-width: 32px;
}
.docs_image {
    display: table-cell;
    text-align: center;
    width: 37px;
}
.detail_frame .FormContent th:nth-last-child(1) {
    width: 35%; min-width: 184px;
}

@media (max-width: 768px) {
    .column {
        width: 48%;
    }
    .column_wrap > div:nth-child(3n){
        margin-right: 2%;
    }
    #module_sdocuments .sdocs li{
        width: 49%;
        margin-right: 2%;
    }
    #module_sdocuments .sdocs li:nth-child(even){
        margin-right: 0;
    }
    .tablelist th.footable-row-detail-name, .tablelist2 th.footable-row-detail-name {
        background: rgba(204,204,204,0.1);
        border-width: 0 1px 1px 0;
        border-right: 1px solid #cccccc;
        vertical-align: middle;
    }
    .tablelist tr:nth-last-child(1) th.footable-row-detail-name, .tablelist tr:nth-last-child(1) td.footable-row-detail-value {
        border-bottom: none !important;
    }
}

@media (max-width: 591px) {
    .column {
        width: 98%;
    }
    #module_sdocuments .sdocs li{
        width: 100%;
        padding-right: 0;
    }
    .tablelist.breakpoint tr td.footable-last-column {
        padding: 14px 0px;
    }
    .detail_frame .FormContent td.text-center, .detail_frame .FormContent td.td-has-form,
    .detail_frame .FormContent td.td-has-form-total, .detail_frame .FormContent th[data-hide="phone"],
    .addbasket_button {
        display: none;
    }
    .detail_frame .FormContent th:nth-last-child(1) {
        width: 40px;
        min-width: 0;
    }
}

.redcolor{
    color: red;
}
.red_border {
    border: 1px solid red;
    padding-bottom: 8px;
}

#open_rename.popup_open{
    margin-left: 0;
}
.bg_delivery{
    background: #ffc0c0;
    padding-bottom: 13px;
}
.tablelist .tbbottom.schema_process{
    padding: 13px 0 0;
}

.form-group .titleContainerTop { color: #007c29;}
.ordered_today{
    cursor: auto;
}
.ordered_today > i{
    color: #25a414;
}

.edit-order-placeholders{
    line-height: 1.2em;
    padding: 0;
    margin: 0 0 12px;
}

.edit-order-placeholders:after, .edit-order-placeholders:before{
    content: '';
    display: block;
    clear: both;
}

.edit-order-placeholders > div{
    padding: 0;
    border-left: 1px solid #D1D1D1;
    border-right: 1px solid #D1D1D1;
    border-top: 1px solid #D1D1D1;
}

.edit-order-placeholders > div:not(:first-child){
    border-left: 0;
}

.edit-order-placeholders > div > div:not(:first-child):hover{
    background-color: #edf9fe;
    cursor: pointer;
}

.edit-order-placeholders > div > div.group-2td{
    padding: 0;
}

.group-2td > div{
    padding: 4px 5px;
    border-right: 1px solid #D1D1D1;
}

.group-2td > div:last-child{
    border-right: 0;
}

.group-2td > div:hover{
    background-color: #edf9fe;
}

.edit-order-placeholders > div > div.group-2td:hover{
    background: none;
}

.edit-order-placeholders > div > div{
    background-color: #fcfcfc;
    border-bottom: 1px solid #D1D1D1;
    padding: 4px 5px;
    vertical-align: top;
    text-align: left;
    font-size: 12px;
}

.edit-order-placeholders > div > div:first-child{
    background: #EBEBEB;
    color: #000;
    text-align: left;
    vertical-align: top;
    padding: 7px 5px;
}

.edit-order-placeholders > div a {
    color: #000;
    text-decoration: none;
}
.portlet .input-group.calendar-group{
    margin-bottom: 10px;
}
#addform2 > .form-group{
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
#invitation_mail_common.popup_open, #help.popup_open{
    margin-left: 0;
}
#futuredate h4{
    text-align: left;
}

.namepicture .product-name img{
    margin: 5px 5px 5px 0;
}

.reload_page{
    color: #555555;
    font-size: 30px;
    font-style: normal;
    line-height: 30px;
}
.close { color: #555; opacity: 1; outline: none; }
.float_r{ float: right; }
.float_r > i{ color: #ffffff; }
.refresh_suppliers{ overflow: hidden; margin-top: 19px; }
.test_wrap{
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    max-width: 900px;
}
.test_wrap:after{
    content: '';
    display: block;
    clear: both;
}
.title_test-page{
    font-size: 20px;
    font-weight: 600;
}
.test_wrap_left{
    width: 70%;
    float: left;
}
.test_wrap_right{
    width: 30%;
    float: left;
    text-align: right;
    padding: 25px 0 0 0;
}
.test_wrap_right_align{
    text-align: center;
    height: 67px;
}
#help-order-list_search_block .form-group{
    margin-bottom: 15px;
}
#help-order-list_search_block .checkbox-block{
    vertical-align: 7px;
}
#help-order-list_search_block form > input{
    vertical-align: top;
    margin-right: 10px;
}
.button-in-table .form-inline.inventoryOnly{
    margin-bottom: 15px;
}
th.amount-weight-quantity div.amount-header-box {
    display: table-cell;
    padding: 0px 5px;
    width: 68px;
    border-left: 1px solid #cccccc;
    text-align: center;
}
th.amount-weight-quantity div.amount-header-box:nth-child(1) {
    border-left: none;
}
td.td-has-form input.amount {
    display: inline-block;
    margin-right: 10px;
}
.tablelist td div.product-type-1-inputs input.amount:nth-child(3) {
    margin-right: 0;
}
.portlet_content input[type="radio"], .portlet_content input[type="checkbox"] {
    margin-right: 7px;
    vertical-align: 1px;
}
.portlet_content .form-horizontal .control-label {
    padding-top: 0;
}
.colonAtEnd::after {
    display:inline;
    content:":";
}
:lang(fr) .colonAtEnd::after {
    margin-left:5px;
}
.wrap_barcode > div {
    float: left;
    vertical-align: top;
    margin-right: 10px;
}
.wrap_barcode:after {
    content: '';
    clear: both;
    display: block;
}

@media (max-width: 480px) {
    #weekNoDeliveryDates .col-xs-6, #dates .col-xs-6{
        width: 100%;
        margin-bottom: 5px;
    }
}

@media (max-width: 400px) {
    .gistogram_budjet div.value .left span { display: none}
}

div.product-last-order-day, div.product-first-delivery-day {
    color: red
}