.cat-com { max-width-: 90%; }

.cat-com input, .cat-com select, .cat-com textarea, .cat-com buttom { font: 100%/1.5 Arial; }
.cat-edit input, .cat-edit select, .cat-edit textarea, .cat-edit buttom { box-sizing: content-box; }

.cat-com .opt-group { text-transform: uppercase; background-color: #EEE; margin-top: .2em; color: #005; font-weight: normal; font-size: 100%; }
.cat-com .opt-group.odd { background-color: #CCC; color-: #FFF; }
.cat-com .opt-group option { background-color: #FFF; text-transform: lowercase; color: #000; }

.cat-com .cat-msg-frame { margin: 0; padding: 0; text-align: center; }
.cat-com .cat-msg-frame .cat-msg { margin: 1em auto 1em auto; padding: .5em 2em; color: green; display: inline-block; font-size: 110%; font-weight: bold; border: solid 1px #CCC; border-radius: 5px; background-color: #F5FFF5; }
.cat-com .cat-msg-frame .err { color: #E00; }

.cat-com .msg-dlg- { text-align: center; max-width: 35em; margin: 2em auto 1em auto; font-size: 110%; }
.cat-com .msg-dlg { margin: 1em auto 1em auto; padding: .5em 2em; color: green; display: inline-block; font-size: 110%; font-weight: bold; border: solid 1px #CCC; border-radius: 5px; background-color: #F5FFF5; }

.cat-com .main-list { width: 100%; margin: 1em 0 2em 0; }
.cat-com .main-list tr:hover { background-color: #EFE; }
.cat-com .main-list td { border: solid 1px #DDD; padding: .5em 1em; }
.cat-com .main-list td:last-child { width: 3em; text-align: center; }
.cat-com .main-list a { font-size: 110%; }
.cat-com .main-list tr:nth-child(odd) { background-color: #F7F7F7; }

.cat-com .file-upload { margin: 0 auto; }
.cat-com .file-upload .full-change { margin-bottom: .5em; }
.cat-com .file-upload .full-change input { margin: .3em .5em; padding: 0; }

.cat-srch { margin: .5em 0; }
.cat-srch input, .cat-srch select, .cat-srch textarea { font-size: 100%; border: none; }

.cat-srch-cont { background-color: #ECECEC; border-radius: 0 0 3px 3px; }
.cat-srch-cont:after { content: ''; display: block; clear: both; height: 0; }

.cat-srch-cont .ct-frame { position: relative; float: left; }
.cat-srch-cont .ct-data { margin: .3em 0 .3em .5em; width: 186px; background-color: #FFF; vertical-align: top; line-height: 20px; position: relative; border: 1px solid transparent; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,.4); display: inline-block; overflow: hidden; }
.cat-srch-cont input, .cat-srch-cont select, .cat-srch-cont textarea { font-size: 100%; width: 100%; height: 22px; padding: 0 2px 0 5px; line-height: 22px; }
.cat-srch-cont .unit-user { background-color: #EEF; }

.srch-row { background: #0af; padding: 3px; border-radius: 2px; font-size: 100%; }
.srch-row select { height: 30px; padding: 0 2px 0 5px; line-height: 20px; text-overflow: ellipsis; background-color: #FFF; vertical-align: top; line-height: 20px; position: relative; border: 1px solid transparent; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,.4); display: inline-block; overflow: hidden; box-sizing: border-box; }
.srch-cat  { float: left; margin: 0; }
.srch-cat select { border-radius: 2px 0 0 2px; }
.srch-loc { float: right; margin: 0 1px 0 2px; }
.srch-text { overflow: hidden; background-color: #FFF; }
.srch-text div { position: relative; margin: 1px 1px 1px 0; border-left: 1px solid #D8D8D8; border-radius: 0 3px 3px 0; background: #FFF; position: relative; }
.srch-text input { width: 100%; height: 30px; line-height: 20px; border: 1px solid #FFF!important; border-radius: 0 3px 3px 0; box-shadow: none; margin: 0; padding-left: 5px; vertical-align: top; box-sizing: border-box; }
.srch-btn  { float: right; margin: 0 0 0 2px; }
.srch-btn  button { height: 30px; padding: 0 21px!important; border: 0; border-radius: 2px; font-size: 14px; background: linear-gradient(to  bottom, rgba(250,250,250,1) 0, rgba(219,219,219,1) 100%); }


.cat-edit { width: 820px; margin: 1em auto; color: #444; padding: .5em 1em; }
.cat-edit label { display: inline-block; width: 240px; margin: .3em .5em; }
.cat-edit input, .cat-edit select, .cat-edit textarea { padding: .3em .5em; border: none; }
.cat-edit input[type='text'] { width: 120px; }
.cat-edit input[type='text'][maxlength='50'] { width: 370px; }
.cat-edit input[type='text'][maxlength='100'] { width: 370px; }
.cat-edit input[type='file'] { background-color: #FFF; border: 0; }
.cat-edit textarea{ width: 370px; height: 120px; }

.cat-edit .edit-category { margin: .5em 1em; }
.cat-edit .ct-frame { padding: .3em 0; }
.cat-edit .ct-data { margin: .3em 0 .3em .5em; background-color: #FFF; vertical-align: top; line-height: 20px; position: relative; border: 1px solid #D8D8D8; border-radius: 2px; box-shadow: 0 1px 1px rgba(142,142,142,.2); display: inline-block; }
.cat-edit .edit-btn { margin: .5em 0; text-align: right; }
.cat-edit .edit-btn button { padding: .4em 1em; margin: 0 0 .4em .3em; border-radius: 3px; }
.cat-edit .prec { padding: 0 .5em; }
.cat-edit .req { border-left: solid red 2px; background-color: #FAFFFA; }
.cat-edit .req input[type='text'], .cat-edit .req select, .cat-edit .req textarea, .cat-edit .req .prec { background-color: #DFD; }
.cat-edit input.price { width: 120px; }
.cat-edit select.units { width: 120px; }
.cat-edit .ct-data button { margin: .2em .3em; }
.cat-edit .ct-data .help { margin: 0 .5em; }
.cat-edit .sam { margin-left: 1.5em; color: #AAA; font-size: 90%; margin-top: .5em; position: absolute; }
.cat-edit .address { width: 25em; }

.cat-edit .imgs { margin: 1em auto; }
.cat-edit .imgs td { padding: 0.5em; }
.cat-edit .imgs img { border: solid 1px #CCC; }

.cat-edit .imgs a { padding: .1em .3em; margin: 0 .2em; font-size: 135%; vertical-align: center; }
.cat-edit .imgs a:hover { cursor: pointer; background-color: #EEE; }

.cat-edit .menu-top { padding: .6em 1em; text-align: right; font-size: 95%; background-color: #F3F3FF; border-radius: 5px; }
.cat-edit .menu-top a { cursor: pointer; margin-left: 1em; text-decoration: none; }
.cat-edit .menu-top a:hover { text-decoration: underline; }

.cat-edit .list-empty { height: 3em; text-align: center; margin-top: 1.5em; }
.cat-edit .unit-user { background-color: #F3F3FF; }

.cat-edit .block-reason-list { text-align: center; margin: 1.5em 1em 2.5em 1em; }
.cat-edit .block-reason-list select { border: solid 1px #CCC; }

.cat-view { max-width: 70em; margin: 0 auto; }

.cat-view .item { min-height: 7em; margin: 0 0 2em 0; display: flex; align-items: stretch; }
.cat-view .item { min-height: 7em; margin: 0 0 2em 0; display: flex; align-items: stretch; }
.cat-view .item:after { content: '.'; visibility: hidden; font: 0/0 a; }

.cat-view .title { border: none; margin: 0 0 .2em 0; font-size: 120%; line-height: 1; }
.cat-view .title a { text-decoration: none; color: #009CF0; }
.cat-view .title a:visited { color: #965EEB; }
.cat-view .price { font-weight: bold; font-size: 110%; padding: .2em 0; }
.cat-view .data { color: #888; }
.cat-view .price-unit { color: #888; font-size: 80%; margin-left: 1em; }

.cat-view .tile { display: flex; display: -webkit-flex; align-items: stretch; flex-wrap: wrap; }
.cat-view .tile .item { width: 22em; margin-right: 1em; }
.cat-view .tile .foto { margin-right: 1em; }
.cat-view .tile .title { font-size: 105%; line-height: 1.5; }
.cat-view .tile .price { font-size: 90%; }
.cat-view .tile .foto { width: 40%; height: 6em; }
.cat-view .tile .desc { width: 60%; }
.cat-view .tile .data { font-size: 80%; }


.cat-view .cat-imgs { width: 100%; margin: 0; }
.cat-view .cat-imgs img- { width: 100%; }
.cat-view .cat-imgs-cur { overflow: hidden; height: 30em; }
.cat-view .cat-imgs-list { overflow: auto; }
.cat-view .cat-imgs-unit { padding: .5em; vertical-align: middle; }
.cat-view .cat-imgs .active { background-color: #CCC; }

.cat-view .cat-imgs-c-1 { width-: 35em; height-: 25em; padding: 0; height-: 30em; vertical-align: middle; }
.cat-view .cat-imgs-c-1 img { object-fit: cover; width: 100%; height: 100%;  }
.cat-view .cat-imgs-c-2 { vertical-align: top; background-color: #FAFAFA; border: solid 1px #EEE; padding: 1em; }

.cat-view .m2 .cat-imgs-c-2 { width: 15%; }
.cat-view .m1 .cat-imgs-c-2 { height: 15%; }

.cat-view .m2 .cat-imgs-list { max-height: 35em; }

.cat-view .m1 .cat-imgs-unit { display: inline-block; }
.cat-view .m1 .cat-imgs-unit img { max-width: 8em; max-height: 4em; }

.ct-fly { position: absolute; z-index: 101; background-color: #F7F7FF; border: solid 1px #CCC; top: 0; height: 20em; width: 15em; overflow: auto; padding: .5em 0; }
.ct-fly-cont { position: absolute; z-index: 101; background-color: #F7F7FF; border: solid 1px #CCC; top: 0; max-height: 20em; width: 15em; overflow: auto; padding: .5em 0; }
.ct-fly-head { padding: .1em 1em; position: relative; }
.ct-fly-title { font-size: 80%; color: green; }
.ct-fly-close { position: absolute; right: .2em; top: .1em; cursor: pointer; font-size: 115%; border: solid 1px #CCC; padding: 0 .2em; border-radius: 3px; font-weight: bold; }
.ct-fly-li { padding: .1em 1em; cursor: pointer; }
.ct-fly-li:hover { background-color: #EEF; }
.ct-fly-cont .ct-fly-li { margin: .2em 0; }

.ct-frame-cont { background-color: #FAFAFA; padding: 0 .5em; border: solid 1px #EEE; border-left: solid 3px #AAF; }
.ct-frame-cont input[type='text'] { width: 15em; }
.ct-frame-cont .ct-frame:last-child label { text-align-: right; padding-right: .5em; box-sizing: border-box; }
.ct-frame-cont .ct-frame:first-child { padding-bottom: 0; }
.ct-frame-cont .ct-frame:last-child { padding-top: 0; }
.ct-frame-cont .ct-frame:first-child .ct-data { margin-bottom-: 0; }
.ct-frame-cont .ct-frame:last-child .ct-data { margin-top: 0; }
.ct-frame-cont .ct-data { vertical-align: bottom; }

.cat-view ul.obj { list-style-type: none; margin-left: 0; }
.cat-view ul.obj span { color: rgba(0, 0, 0, .5); }

.cat-view .cat-tel { background: #01AAFF; color: #FFF; border-color: transparent; padding: .5em 1em; font-size: 1.5em; border-radius: 3px; border: solid 1px #CCC; text-align: center; display: block; }
.cat-view .cat-tel span { display: inline-block; margin: auto; color: #FFF; }
.cat-view .cat-tel img { display: inline-block; margin: auto; height: 1.5em; max-width: none; }

.cat-view .cat-msg { background: #FFF; border-color: transparent; padding: .5em 1em; font-size: 1.5em; border-radius: 3px; border: solid 1px #CCC; text-align: center; display: block; }
.cat-view .cat-msg span { display: inline-block; margin: auto;  }

.cat-contact { padding: .5em 1em; text-align: center; color: #555; border: solid #DDD; border-width: 1px; margin: -1px 0 0 -1px; }
.cat-contact a { cursor: pointer; }
.cat-contact-unit { padding: .2em 0; }

.cat-item-header { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; border: solid 1px #DDD; padding: 1em 2em; }
.cat-item-body { display: flex; justify-content: space-between; }
.cat-item-footer { display: flex; }
.cat-item-left { flex-grow: 1; }
.cat-item-right { min-width: 25em; flex-grow: 0; } 

.cat-item-header h1 { border: none; margin: 0; font-weight: normal; font-size: 150%; padding-bottom: 0; }
.cat-item-header .price { font-size: 2em; text-align: right; }
.cat-item-header .price-unit { text-align: right; }

.cat-item-body-main { border: solid #DDD; border-width: 0 1px 1px 1px; min-height: 12em; }

.cat-obj-part { margin: 0 2em; padding: 1em 0; border-top: 1px solid #E1E1E1; white-space: pre-line; }
.cat-obj-part:first-child { border-top: none; }

.cat-obj-title h1 { border: none; margin: 0; font-weight: normal; font-size: 150%; padding-bottom: 0; font-weight: bold; }
.cat-edit .cat-obj-title { padding-bottom: .5em; margin-bottom: 3em; border-bottom: dotted 1px #AAA; }
.cat-edit .cat-obj-title-ext { margin: .5em 0 .5em 2.5em; }

.cat-obj-label { color: rgba(0, 0, 0, .5); }
.cat-obj-code { color: #888; }
.cat-obj-time { color: #888; }
.cat-obj-cnt { color: #888; }
.cat-obj-today { color: green; }
.cat-obj-hf { margin-left: 2em; font-size: 85%; }

.cat-obj-list-code { color: #888; font-size: 85%; margin-left: 1em; }
.cat-obj-list-user-info { color: #7A7; font-size: 85%; margin-left: .5em; }
.cat-obj-list-user-info:hover { color: green; font-weight: bold; }

.cat-edit .srch-nav { margin-bottom: 1em; }

.cat-fast-one { margin: .5em 0 2em 0; }
.cat-fast-one a { font-size: 105%; font-weight: bold; }
.cat-fast-one a:visited { color: #2E75B6; }
.cat-fast-one .split { margin-left: .5em; margin-right: .5em; font-weight: bold; color: #2E75B6; }

.cat-fast-list { margin: 1em auto 3em auto; }
.cat-fast-part { margin-bottom: 1em; }
.cat-fast-unit { display: inline-block; width: 12em; margin-right: 1em; margin-bottom: 1em; vertical-align: top; white-space: nowrap; }
.cat-fast-unit a { line-height: 2; white-space: normal; }
.cat-fast-unit span { color: #888; margin-left: .1em; }

.cat-edit .frame-upload { margin: 1em 0 2em 0; text-align: center; }
.cat-com  .btn-upload  img { height: 1.5em; }

.cat-edit .cat-user-data { color: green; padding: .3em 0; font-size: 90%; }

.cat-part .c-code { width: 5em; }
.cat-part .list .c-code {text-align: center; width: 3em; }

.msg-cat .srch-nav { text-align: center; font-weight: bold; margin: 0 0 1em 0; }

.edit-btn .ab { color: green; }

.cat-com .opt-group.c-trans { background-color: #FFCC66; }
.cat-com .opt-group.c-nedv { background-color: #66FF99; }
.cat-com .opt-group.c-rab { background-color: #99CCFF; }
.cat-com .opt-group.c-usl { background-color: #FFFF99; }
.cat-com .opt-group.c-ves { background-color: #FF9966; }
.cat-com .opt-group.c-prod { background-color: #66FF66; }
.cat-com .opt-group.c-elec  { background-color: #33FFFF; }
.cat-com .opt-group.c-otd  { background-color: #99FF66; } 
.cat-com .opt-group.c-zhiv  { background-color: #009966; }
.cat-com .opt-group.c-biz  { background-color: #0099CC; }
.cat-com .opt-group.c-dom  { background-color: #CCCC33; }

.cat-edit .c-main-cat { font-weight: bold; }

.cat-view h1 { padding-bottom: .5em; }

.cat-view .foto { overflow: hidden; min-height: 1px; margin: 0 1.5em 1em 0; background-color: #F7F7F7; border-radius: 5px; border: solid 1px #CCC; width: 20em; height: 12em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 64 64' fill='%23DDDDDD'%3E%3Cpath d='M32 1C14.906 1 1 14.907 1 32s13.906 31 31 31 31-13.906 31-31S49.094 1 32 1zm0 60C16 61 3 48 3 32S16 3 32 3s29 13 29 29-13 29-29 29zM12.43 15.017a1.01 1.01 0 0 0-.761-.292 1 1 0 0 0-.726.372A27.07 27.07 0 0 0 5 32c0 14.888 12.112 27 27 27a27.07 27.07 0 0 0 16.903-5.944 1 1 0 0 0 .371-.726c.016-.283-.1-.56-.3-.76zM15 22h1.586l7.74 7.74A7.99 7.99 0 0 0 24 32a8.01 8.01 0 0 0 8 8 7.99 7.99 0 0 0 2.259-.327L36.586 42H15zm11.05 9.463l6.488 6.488c-.18.016-.356.05-.537.05a6.01 6.01 0 0 1-6-6c0-.18.033-.358.05-.537zM32 57C18.215 57 7 45.785 7 32c0-5.385 1.663-10.465 4.822-14.764L14.586 20H14a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h24.586l8.178 8.178C42.465 55.337 37.385 57 32 57zm0-52a27.07 27.07 0 0 0-16.903 5.944 1 1 0 0 0-.371.725c-.016.284.1.56.3.76L51.57 48.983a1 1 0 0 0 .707.293l.054-.001a1 1 0 0 0 .726-.372C56.9 44.134 59 38.13 59 32 59 17.112 46.888 5 32 5zm17 37h-1.586l-7.74-7.74A7.99 7.99 0 0 0 40 32a8.01 8.01 0 0 0-8-8 7.98 7.98 0 0 0-2.259.327L27.414 22H49zm-11.05-9.463l-6.487-6.487c.18-.017.354-.05.536-.05a6.01 6.01 0 0 1 6 6c0 .18-.033.358-.05.537zM25.414 20l2-2h9.172l2 2zm26.764 26.764L49.414 44H50a1 1 0 0 0 1-1V21a1 1 0 0 0-1-1h-8.586l-3.707-3.707C37.52 16.105 37.266 16 37 16H27c-.266 0-.52.105-.707.293L24 18.586l-6.764-6.764C21.535 8.663 26.615 7 32 7c13.785 0 25 11.215 25 25 0 5.385-1.663 10.465-4.822 14.764zM44 30c1.654 0 3-1.346 3-3s-1.346-3-3-3-3 1.346-3 3 1.346 3 3 3zm0-4a1 1 0 1 1 0 2 1 1 0 1 1 0-2z'/%3E%3C/svg%3E"); background-size: 45%; background-position: center; background-repeat: no-repeat; flex-shrink: 0; }

.cat-view .list img { width: 100%; height: auto; }
.cat-view .foto-wrap { height-: 90px; }
.cat-view .foto.foto-wrap a { width: 100%; height: 100%; }
.cat-view .foto.foto-wrap img- { max-width: none; max-height: none; object-fit: cover; width: 100%; height: 100%; }
.cat-view .foto.foto-wrap img { object-fit: cover; width: 100%; height: 100%; max-width: none; }
.cat-view .foto.foto-wrap img:hover { transform: scale(1.05); }

.cat-view .frame-user-info { margin-bottom: 3em; }
.cat-view .frame-user-info .pad { padding: 0 0 0 2em; }
.cat-view .pub-name { font-size: 130%; color: green; margin-left: -.5em; font-weight: bold; }
.cat-view .period { margin-top: .7em; color: grey; }
.cat-view .info { margin-top: 1.2em; color: #3F51B5; border-left: solid 3px #FF9800; padding-left: 1em; }
.cat-view .address { color: blue; font-size: 90%; }
.cat-view .type { color: yellowgreen; font-size: 90%; }

.cat-view .frame-list { margin-bottom: 3em; }
.cat-view .frame-list .srch-nav { margin-top: 0; font-size: 90%; }
.cat-view .frame-list-complet { margin-bottom: 1em; }
.cat-view .frame-list-complet .list-cont { margin-bottom: 1em; opacity: .5; }

.cat-select-all-frm { text-align: right; font-size: 90%; }
.cat-select-all { margin-left: .5em; margin-top: 1em; }