/*-------------------------------- main ------------------------------*/

body { font-family: Arial; font-size: 12px; background-color: #ffffff; }
p { margin: 0; padding: 5px 0; line-height: 1.4; }

span { line-height: 1.4; }

h1 { font-size: 36px; }
h2 { font-size: 20px; }
h3 { font-size: 26px; }
h4 { font-size: 17px; }
h5 { font-size: 13.3px; }
h6 { font-size: 10.7px; }
h1,h2,h3,h4,h5,h6 { padding: 5px 0px;  }

a:link    { color: #0044ff; text-decoration:underline; }
a:visited { color: #0044ff; text-decoration:underline; }
a:hover   { color: #00aaff; text-decoration: underline; }
a:active  { color: #00aaff; text-decoration: underline; }
a.current { color: #5c5c5c; text-decoration: none; }

.main { width: 100%; }
.top { height: 30px; }
.clr-left { clear:left; }
.clr-right { clear:right; }
.gray { color:#A0A0A0; }
#stop_box { width: 100%; height: 100%; background: url("../image/bg-lite.gif") repeat scroll 0 0 #FFFFFF; position: fixed; z-index: 1; }
.header-link.current { color:#000; text-decoration:none; }

/*------------------------------ content -----------------------------*/
.content { padding: 15px; margin-bottom: 30px; }
.content-left  { width: 420px; float: left; }
.content-right { margin-left: 440px; max-width: 1100px; background-color: #ffffff; }
.footer { clear: both; }


/*-------------------------------- buts ------------------------------*/
/* div */
.but               { position: relative; color: #ffffff; border: 1px solid #464646; line-height: 1.8; margin: 0 10px 0 0; padding: 1px 10px; background: url(../image/top-menu-bg.png) repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor:pointer; display: inline-block; text-align: center; text-decoration: none; }
a.but-link         { position: relative; color: #ffffff; border: 1px solid #464646; line-height: 1.8; margin: 0 5px 10px 0; padding: 1px 10px; background: url(../image/top-menu-bg.png) repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor:pointer; display: inline-block; text-align: center; text-decoration: none; }
input[type=submit] { position: relative; color: #ffffff; border: 1px solid #464646; line-height: 1.8; margin: 0 10px 0 0; padding: 1px 5px; background: url(../image/top-menu-bg.png) repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor:pointer; display: inline-block; text-align: center; text-decoration: none; }
a.but-fixed { width: 145px; }
.but:hover   { background: #333333; }
.but:active  { background: #333333; }
.but.current { background: #333333; }
/* a */
a.but-link:hover { background: #333333;}
.but a:link    { color: #ffffff; text-decoration: none; }
.but a:visited { color: #ffffff; text-decoration: none; }
.but a:hover   { color: #ffffff; text-decoration: none; }
.but a:active  { color: #ffffff; text-decoration: none; }
a.but-link.current { background: #333333; }
/* input type=submit */
input[type=submit]:hover { background: #333333; }
input[type=submit]:active { background: #333333; }


/*--------------------------- header title ---------------------------*/
.header { padding: 10px; }
.header-title { font-size: 32px; }
.header-title a { color:#000; text-decoration:none; }
.header-title a:hover { color:#000; text-decoration:none; }
.header-title a:hover span { color: #00bdff; text-decoration:none; }
.header-title span { color: #00aaff; }
.header-title small { font-size: 12px; }


/*----------------------------- top menu -----------------------------*/
.admtop-menu-right { float: right; }
.admtop-menu{ margin:0; padding:0; z-index: 1; position: relative; background: url(../image/top-menu-bg.png) repeat-x; float:left; width:100%; list-style:none; }
.admtop-menu li{ margin:0; padding:0; float:left; position:relative; display:block; }
.admtop-menu li a{ display:block;	padding:9px; color:#fff;	text-decoration:none; }
/* выпадающие пункты */
.admtop-menu ul{ margin:0; padding:0; list-style:none; position:absolute; left:-9999px; opacity:0; }
.admtop-menu ul li{ float:none; padding-top:1px; }
.admtop-menu ul a{ white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */ display:block; }
.admtop-menu li:hover ul{ left:0; opacity:1; }
.admtop-menu li:hover a{ background: #333333; text-decoration:none; }
.admtop-menu li:hover ul a{ text-decoration:none; }
.admtop-menu li:hover ul li a:hover{ background: url(../image/top-menu-bg.png) repeat-x; text-decoration:none; }
.admtop-menu li .current { background: #333333; }


/*-------------------------------- form ------------------------------*/
/* all */
textarea, input[type=text], input[type=password], select {
  background: #f9f9f9 none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  box-shadow: 0 1px 1px #c5c4c4;
  outline: medium none;
  padding: 3px 10px;
  color: #000000;
  height: 28px;
  white-space: pre-wrap;
  margin: 3px 0;
}

textarea:focus, input[type=text]:focus, input[type=password]:focus, select:focus { border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: 0 0 8px 0 rgba(82, 168, 236, 0.35);  -moz-box-shadow: 0 0 8px 0 rgba(82, 168, 236, 0.35);  box-shadow: 0 0 8px 0 rgba(82, 168, 236, 0.35); }
/* /all */
/* input */
input[type=text], input[type=password] { width: 400px; }
input[type=file] { }
input[type=text].fld_m { width: 40px; margin: 0 5px 0 0; }
form input[type=text].fld_m { width: 40px; margin: 0 5px 0 0; }
form input[type=text].fld_min { width: 55px; margin: 0 5px; }
form input[type=text].fld_short { width: 80px; margin: 0 5px; }
form input[type=text].fld_average { width: 130px; margin: 0 5px; }
form input[type=text].input_max { width: 705px; }
form input[type=radio] { margin: 0 4px 0 10px; padding: 5px; display: inline-block; vertical-align: top; }
/* /input */
/* select */
select { width: 423px; height: 36px; }
select.fld_min { width: 65px; margin: 0 5px;  }
select.fld_short { width: 80px; margin: 0 5px 0 0; }
select.fld_average { width: 130px; margin: 0 5px; }
select.fld_long { width: 160px; margin: 0 5px 0 0; }
select.statuses { width: 240px; }
/* /select */
/* textarea */
textarea { height: 200px; width: 416px; padding: 2px; border: solid 1px #ccc; }
textarea.fld_meta { width: 416px; height: 100px; }
textarea.textarea-400 { width: 406px; height: 200px; }
textarea.textarea-400-100 { width: 406px; height: 100px; }
/* /textarea */


/*------------------------------- table ------------------------------*/
table { width: 100%; border-collapse: collapse; margin-bottom: 15px; }
table td { padding: 8px;  vertical-align: middle; }
table .odd { background: #f4f4f4; }
table td.td-w { width: 140px; }


/*-------------------------------- tabs ------------------------------*/
#tab-1, #tab-2 { margin-top: 15px; }


.space-prob { padding: 0 8px; }


/*------------------------------- toTop -----------------------------------*/
#toTop { background: url("../image/up.png") no-repeat; background-position: 0 0; display: none; border: medium none; bottom: 20px; height: 60px; overflow: hidden; position: fixed; right: 20px; text-decoration: none; text-indent: 100%; width: 60px; }
#toTop:hover { background-position: -60px 0; transition: opacity .25s ease-in-out; }


/*------------------------------ nav --------------------------------*/
.navi { margin:0; padding:0; display: table-cell; list-style:none; margin-top: 30px;background-color: #5c5c5c;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;   }
.navi li { margin:0; padding:0; float:left; }
.navi li a { padding: 5px 8px;  display: block; color:#ffffff; text-decoration:none; text-align: center;  }
.navi li a:hover { text-decoration: none; background-color: #333333; }
.navi li.text { padding: 5px 8px;  display: block; color:#ffffff; text-decoration:none; text-align: center; background-color: #333333; }
/* скругляем первый элемент */
.navi li:first-child.text, .navi li:first-child a:hover { -webkit-border-top-left-radius: 3px;  -webkit-border-bottom-left-radius: 3px;  -moz-border-radius-topleft: 3px;  -moz-border-radius-bottomleft: 3px;  border-top-left-radius: 3px;  border-bottom-left-radius: 3px; }
/* скругляем последний элемент */
.navi li:last-child.text, .navi li:last-child a:hover { -webkit-border-top-right-radius: 3px;  -webkit-border-bottom-right-radius: 3px;  -moz-border-radius-topright: 3px;  -moz-border-radius-bottomright: 3px;  border-top-right-radius: 3px;  border-bottom-right-radius: 3px; }


/*------------------------------- users ------------------------------*/
.us_send_pass_box { padding: 4px 0 0 10px; display: inline-block; vertical-align: top; }
.us_pass_mes { display: inline-block; vertical-align: top; line-height: 1.8; padding: 0 5px; margin: 4px 10px 0 0; color: #00a900; background-color: #f3f3f3; border: 1px solid #dadada; -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px; }


/*------------------------------ messages ----------------------------*/
.message { padding: 15px; margin-bottom: 10px; background-color: #f3f3f3; border: 1px solid #dadada; -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px; }

.err { color: #ec000d; display:inline; }
.err a:link    { color: #ec000d; text-decoration:underline; }
.err a:visited { color: #ec000d; text-decoration:underline; }
.err a:hover   { color: #ed484b; text-decoration:underline; }
.err a:active  { color: #ec000d; text-decoration:underline; }
a .err         { color: #ec000d; text-decoration:underline; }
a .err:hover   { color: #ed484b; text-decoration:underline; }

.acc { color: #00a900; display:inline; }
.acc a:link    { color: #00a900; text-decoration:underline; }
.acc a:visited { color: #00a900; text-decoration:underline; }
.acc a:hover   { color: #00c900; text-decoration:underline; }
.acc a:active  { color: #00c900; text-decoration:underline; }
a .acc         { color: #00a900; text-decoration:underline; }
a .acc:hover   { color: #00c900; text-decoration:underline; }


.red { color: #ec000d; display:inline; }
.red a:link    { color: #ec000d; text-decoration:underline; }
.red a:visited { color: #ec000d; text-decoration:underline; }
.red a:hover   { color: #ed484b; text-decoration:underline; }
.red a:active  { color: #ec000d; text-decoration:underline; }
a .red         { color: #ec000d; text-decoration:underline; }
a .red:hover   { color: #ed484b; text-decoration:underline; }

.green { color: #00a900; display:inline; }
.green a:link    { color: #00a900; text-decoration:underline; }
.green a:visited { color: #00a900; text-decoration:underline; }
.green a:hover   { color: #00c900; text-decoration:underline; }
.green a:active  { color: #00c900; text-decoration:underline; }
a .green         { color: #00a900; text-decoration:underline; }
a .green:hover   { color: #00c900; text-decoration:underline; }


.black { color: #000000; display:inline; }
.black a:link    { color: #000000; text-decoration:underline; }
.black a:visited { color: #000000; text-decoration:underline; }
.black a:hover   { color: #000000; text-decoration:underline; }
.black a:active  { color: #000000; text-decoration:underline; }
a .black         { color: #000000; text-decoration:underline; }
a .black:hover   { color: #000000; text-decoration:underline; }

.orange { color: #EC8A00; display:inline; }
.orange a:link    { color: #EC8A00; text-decoration:underline; }
.orange a:visited { color: #EC8A00; text-decoration:underline; }
.orange a:hover   { color: #EC8A00; text-decoration:underline; }
.orange a:active  { color: #EC8A00; text-decoration:underline; }
a .orange         { color: #EC8A00; text-decoration:underline; }
a .orange:hover   { color: #EC8A00; text-decoration:underline; }


/*-------------------------------- mats ------------------------------*/
.mat-icon-page { width: 22px; height: 25px; float: left; background: url("../image/page.png") left center no-repeat; }
.mat-icon-news { width: 22px; height: 25px; float: left; background: url("../image/news.png") left center no-repeat; }
.mat-icon-product { width: 22px; height: 25px; float: left; background: url("../image/product.png") left center no-repeat; }
.mat-icon-post { width: 22px; height: 25px; float: left; background: url("../image/post.png") left center no-repeat; }
.mat-icon-element { width: 22px; height: 25px; float: left; background: url("../image/element.png") left center no-repeat; }
.mat-triangle-desc { width: 30px; height: 25px; padding: 0 8px; background: url("../image/sort_down.png") center no-repeat; }
.mat-triangle-asc { width: 30px; height: 25px; padding: 0 8px; background: url("../image/sort_up.png") center no-repeat; }

/*-------------------------------- unlockAlias --------------------------------------*/
#mat_unlockAlias { width: 17px; height: 18px; float: right; cursor: pointer; }
.mat-zamok-close { background: url("../image/zamok.png") center no-repeat; background-position: 0 0px; }
.mat-zamok-open  { background: url("../image/zamok.png") center no-repeat; background-position: -17px 0px; }

.adfiltname{position:relative;width:190px;display:inline-block;vertical-align:top;}
.adfn{width:160px !important;}
.adfiltnum{width:100px;display:inline-block;vertical-align:top;}
.adfm{width:70px !important;}
.adfiltdel{width:100px;display:inline-block;vertical-align:top;margin-top:25px;}

/*----------------------------------- mat form --------------------------------------*/
form input[type=text].mat-fld-price { width: 55px; }

.mat-id { float: right; font-size: 20px; }


/*-------------------------------- menu ------------------------------*/
/*----------------------------------- верстка --------------------------------------*/
#tree-container { margin-bottom: 150px; }
.tree { padding: 0; margin: 0; display: table; width:auto; }
.tree-row { width:420px; height: 25px; border-bottom: 1px solid #e7e7e7; overflow: hidden; }
.tree-title { line-height: 23px; margin-right: 10px; display:table-cell; float: left; max-width: 280px; }
.tree-title a { display: block; text-decoration: none; }
.tree-title-main a { font-weight: bold; }
.tree-status {  float: left; padding: 5px 0 0 0; margin-left: 3px; }

.tree-el { border-bottom: 1px solid #e7e7e7; }
.tree-row-el { width:420px; height: 92px; overflow: hidden; border: 1px solid #e7e7e7; border-bottom: none; }
.tree-title-el { margin: 38px 10px 0 0; display:table-cell; float: left; max-width: 280px; }
.tree-img-box { margin: 5px 10px 5px 0; width: 90px; height: 90px; float: left; }
.tree-img { width: 80px; height: 80px; display:table-cell; vertical-align: middle; text-align: center; border: 1px solid #e7e7e7; }
.tree-img img { max-width: 70px; max-height: 70px; }
.tree-weight-up-el   { margin: 33px 0 0 0; width: 13px; height: 25px; float: left; background: url("../image/arrow-up5.png") center no-repeat; background-position: 0 4px;  cursor: pointer; }
.tree-weight-down-el { margin: 33px 0 0 0; width: 13px; height: 25px; float: left; background: url("../image/arrow-down5.png") center no-repeat; background-position: 0 4px; cursor: pointer; }
.tree-weight-up-el:hover   { background: url("../image/arrow-up5.png") center no-repeat; background-position: -13px 4px; }
.tree-weight-down-el:hover { background: url("../image/arrow-down5.png") center no-repeat; background-position: -13px 4px; }
.tree-ic-space-el { width: 16px; height: 25px; margin: 34px 10px 0 10px; float: left; }

/*---------------------------------- icons/spaces -----------------------------------*/
.tree-ic-space { width: 16px; height: 25px; margin-right: 4px; float: left; }
.tree-ic-plus  { background: url("../image/plus2.png") center no-repeat; cursor: pointer; }
.tree-ic-minus { background: url("../image/minus2.png") center no-repeat; cursor: pointer; }
.tree-inner-open   { }
.tree-inner-closed { display: none; }

.tree-inner-open .tree-inner-open .tree-inner-open{display:none;}

/*----------------------------------- settings --------------------------------------*/
.tree-settings { width: 22px;  height: 25px; float: left; overflow: hidden; }
.tree-settings-img { width: 17px; height: 25px; float: left; margin: 0 5px; background: url("../image/settings.png") center no-repeat; background-position: 0 4px; cursor: pointer; }
.tree-settings-img:hover { background: url("../image/settings.png") center no-repeat; background-position: -17px 4px; }
.current .tree-settings-img { background: url("../image/settings.png") center no-repeat; background-position: -17px 4px; }
.tree-settings-w { width: 100px; position: absolute; left: 350px; background-color: #ffffff; }

.tree-weight-up   { width: 13px; height: 25px; float: left; background: url("../image/arrow-up5.png") center no-repeat; background-position: 0 4px;  cursor: pointer; }
.tree-weight-down { width: 13px; height: 25px; float: left; background: url("../image/arrow-down5.png") center no-repeat; background-position: 0 4px; cursor: pointer; }
.tree-weight-up:hover   { background: url("../image/arrow-up5.png") center no-repeat; background-position: -13px 4px; }
.tree-weight-down:hover { background: url("../image/arrow-down5.png") center no-repeat; background-position: -13px 4px; }

.tree-toeditor { float: left; margin-left: 3px; width: 12px; height: 30px; background: url("../image/arrow-toeditor.png") center no-repeat; background-position: 0 4px; cursor: pointer; }
.tree-toeditor:hover { background: url("../image/arrow-toeditor.png") center no-repeat; background-position: -12px 4px; }

/*-------------------------------- unlockAlias --------------------------------------*/
#cat_unlockAlias { width: 17px; height: 18px; float: right; cursor: pointer; }
.cat-zamok-close { background: url("../image/zamok.png") center no-repeat; background-position: 0 0px; }
.cat-zamok-open  { background: url("../image/zamok.png") center no-repeat; background-position: -17px 0px; }


/*------------------------------ validate ----------------------------*/
.form_no  { margin: -4px 0 0 4px; padding-left: 20px; font-size: 12px; height: 16px; background: url('../image/validno.png') left center no-repeat;  color: red;   white-space: nowrap; display: inline-block; vertical-align: middle; }
.form_yes { margin: -4px 0 0 4px; padding-left: 20px; font-size: 12px; height: 16px; background: url('../image/validyes.png') left center no-repeat; color: green; white-space: nowrap; display: inline-block; vertical-align: middle; }
.form_no_abs  { position: absolute; z-index: 99; margin: 5px 0 0 1px; padding-left: 20px; font-size: 12px; height: 16px; background: url('../image/validno.png') left center no-repeat; color: red; white-space: nowrap; }
.form_yes_abs { position: absolute; z-index: 99; margin: 5px 0 0 1px; padding-left: 20px; font-size: 12px; height: 16px; background: url('../image/validyes.png') left center no-repeat; color: green; white-space: nowrap; }
#count { color: #000; }


/*------------------------ breadcrumbs -------------------------------*/
.bread-adm { display: inline; font-size: 12px; }
.bread-adm a { color:#000; text-decoration:none; }
.bread-adm a:hover {color: #00aaff; text-decoration:none; }
.bread-adm a.current {color: #aeaeae; text-decoration:none;}


/*-------------------------- search ----------------------------------*/
.search-form { display: inline-block; padding-bottom: 10px; }
a.search-but { font-size: 14px; padding: 4px 15px 3px 15px; text-decoration: none; color: #ffffff; }
a.search-but { width: 30px; height: 34px; padding: 0; display: block; float: right; margin: 4px 0 0 10px; background: url("../image/search-icon.png") center center no-repeat; border: 1px solid #d3d3d3; }
a.search-but:hover { background: url("../image/search-icon.png") center center no-repeat; }


/*----------------------- reviews admin ------------------------------*/
#rev-mes { height: 10px; padding: 10px; }
.rev { margin-bottom: 10px; border: 1px solid #c6c6c6; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
.rev-head { background-color: #f7f7f6; padding: 10px; }
.rev-left { width: 300px; text-align: left; float: left; }
.rev-right { text-align: right;  }
.rev-content { border-left: 5px solid #ededed; border-right: 5px solid #ededed; background-color: #fafafa; padding: 15px; margin: 10px; }
.rev-foot { background-color: #f7f7f6; padding: 10px; }
#rev_addans { margin-left: 280px; }
.gray { color: #a9a9a9; }