@font-face {
  font-family: Ubuntu;
  src: url(fonts/Ubuntu-R.ttf);
  font-style: normal;
  font-weight: 400
}

@font-face {
  font-family: Ubuntu;
  src: url(fonts/Ubuntu-B.ttf);
  font-style: normal;
  font-weight: 700
}

.scrollBar,
.scrollBar .thumb,
::-webkit-scrollbar {
  width: 20px
}

.scrollBar {
  background-color: #2a2c2f;
  display: inline-block;
  height: 100%;
  vertical-align: bottom
}

.scrollBar .thumb {
  background-color: #ffc20e;
  display: block;
  min-height: 20px
}

.scrollBar .hidden {
  display: none
}

:focus {
  outline: 0
}

.cslist-main {
  overflow-y: scroll;
  height: 100%;
  text-align: left;
  position: relative
}

.cslist-main>a {
  line-height: 54px;
  height: 54px;
  padding: 0 10px;
  margin-right: 6px;
  margin-left: 0;
  display: block;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.cslist-main>a.hidden {
  display: none
}

.cslist-main>a.marked {
  border-radius: 6px;
  background-image: url(img/backgrounds/orange_30.png)
}

.cslist-main>a.disabled {
  color: #444;
  cursor: default
}

.cslist-main>a.focused {
  border-radius: 6px;
  background-color: #303030;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#3b3b3b),color-stop(40%,#181818),color-stop(60%,#181818),color-stop(100%,#4e4e4e));
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#3b3b3b),color-stop(40%,#181818),color-stop(60%,#181818),color-stop(100%,#4e4e4e))
}

.cslist-main>a.focused.marked {
  border-radius: 6px;
  background-color: #4c4328;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#5a5238),color-stop(40%,#4c4328),color-stop(60%,#4c4328),color-stop(100%,#655d46))
}

.clist-main {
  overflow: hidden;
  position: relative
}

.clist-main .list {
  position: relative;
  text-align: left;
  vertical-align: top
}

.clist-main .list>div {
  line-height: 54px;
  height: 54px;
  padding: 0 10px;
  margin-right: 6px;
  margin-left: 0;
  display: block;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.clist-main .list>div.hidden {
  display: none
}

.clist-main .list>div.marked {
  border-radius: 6px;
  background-image: url(img/backgrounds/orange_30.png)
}

.clist-main .list>div.disabled {
  color: #444;
  cursor: default
}

.clist-main .list>div.focused {
  border-radius: 6px;
  background-color: #303030;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#3b3b3b),color-stop(40%,#181818),color-stop(60%,#181818),color-stop(100%,#4e4e4e))
}

.clist-main .list>div.focused.marked {
  border-radius: 6px;
  background-color: #4c4328;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#5a5238),color-stop(40%,#4c4328),color-stop(60%,#4c4328),color-stop(100%,#655d46))
}

.clist-main .scroll {
  overflow: hidden;
  width: 20px
}

.clist-main .scroll>div {
  overflow: hidden;
  height: 100%;
  position: relative;
  background: #2a2c2f;
  width: 20px
}

.clist-main .scroll .thumb {
  background: #ffc20e;
  width: 20px
}

.vlist-main {
  overflow: hidden;
  height: 100%;
  text-align: left;
  position: relative;
  display: inline-block
}

.vlist-main>a {
  line-height: 54px;
  height: 54px;
  padding: 0 10px;
  margin-right: 6px;
  margin-left: 0;
  display: block;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.vlist-main>a.hidden {
  display: none
}

.vlist-main>a.marked {
  border-radius: 6px;
  background-image: url(img/backgrounds/orange_30.png)
}

.vlist-main>a.disabled {
  color: #444;
  cursor: default
}

.vlist-main>a.focused {
  border-radius: 6px;
  background-color: #303030;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#3b3b3b),color-stop(40%,#181818),color-stop(60%,#181818),color-stop(100%,#4e4e4e))
}

.vlist-main>a.focused.marked {
  border-radius: 6px;
  background-color: #4c4328;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#5a5238),color-stop(40%,#4c4328),color-stop(60%,#4c4328),color-stop(100%,#655d46))
}

.cgmenu-main {
  font-size: 28px;
  padding: 24px 40px 24px 35px;
  clear: both;
  width: 470px;
  height: 452px;
  background-color: #202224
}

.cgmenu-main table {
  width: 100%;
  height: 100%;
  display: none
}

.cgmenu-main tr.title {
  height: 52px;
  color: #ffc20e;
  font-size: 30px
}

.cgmenu-main tr.title td {
  text-align: center
}

.cgmenu-main tr.title td.side {
  width: 20px;
  cursor: pointer
}

.cgmenu-main tr.title td.side p {
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  padding: 0;
  margin: 0
}

.cgmenu-main tr.title td.side:last-of-type p {
  border-left: 20px solid #2a2c2f
}

.cgmenu-main tr.title td.side:first-of-type p {
  border-right: 20px solid #2a2c2f
}

.cgmenu-main tr.title td.side:last-of-type p.active {
  border-left-color: #ffc20e
}

.cgmenu-main tr.title td.side:first-of-type p.active {
  border-right-color: #ffc20e
}

.cgmenu-main tr.ilist td {
  border-top: 22px solid transparent;
  vertical-align: top
}

.cgmenu-main tr.ilist td .cslist-main {
  height: 378px;
  width: 470px
}

.cgmenu-main tr.ilist td .cslist-main a {
  border: 1px solid #202224;
  -webkit-background-clip: padding-box;
  height: 52px;
  line-height: 52px;
  margin-right: 4px
}

.cgmenu-main tr.ilist td .cslist-main a div.short {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 65px
}

.cmodal-main {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: url(img/backgrounds/bg_black_50.png);
  overflow: hidden;
  z-index: 1000;
  -webkit-user-select: none
}

.cmodal-main>.cmodal-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.cmodal-main>.cmodal-cell>.cmodal-body {
  border-radius: 20px;
  display: inline-block;
  text-align: left;
  min-width: 20%;
  max-width: 80%;
  cursor: default;
  color: #fff;
  background: #456;
  background: -webkit-gradient(linear,left top,right bottom,color-stop(0,#22283b),color-stop(100%,#456))
}

.cmodal-main>.cmodal-cell>.cmodal-body>.cmodal-header {
  font-size: 28px;
  padding: 20px 40px 0;
  text-align: center;
  color: #ffc20e
}

.cmodal-main>.cmodal-cell>.cmodal-body>.cmodal-content {
  font-size: 26px;
  padding: 20px 40px;
  text-align: center
}

.cmodal-main>.cmodal-cell>.cmodal-body>.cmodal-footer {
  font-size: 20px;
  padding: 20px 40px;
  min-height: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background: #5b6b7c;
  background: -webkit-gradient(linear,left top,right bottom,color-stop(0,#3d4455),color-stop(100%,#5b6b7c))
}

.cmodal-main table.main td {
  padding-bottom: 14px
}

.cmodal-main table.main td.name {
  padding-right: 14px
}

.cmodal-main table.main tr:last-of-type td {
  padding-bottom: 0
}

.cmodal-main table.main input[type=text] {
  font-size: 26px;
  height: 40px;
  padding: 0 10px;
  width: 350px;
  border: 2px solid #0ae;
  color: #000
}

.cmodal-main table.main input[type=text]:focus {
  background-color: #e6be00
}

.cmodal-main table.main input[type=password] {
  font-size: 26px;
  height: 40px;
  padding: 0 10px;
  width: 350px;
  border: 2px solid #0ae;
  color: #000
}

.cmodal-main table.main input[type=password]:focus {
  background-color: #e6be00
}

.cmodal-main table.main input[type=text].time {
  height: 38px;
  width: 44px;
  font-size: 26px;
  color: #000;
  padding: 0;
  background-color: #fff;
  border: none;
  text-align: center;
  float: left;
  outline: 0
}

.cmodal-main table.main input[type=text].time:focus {
  background-color: #e6be00
}

.cmodal-main table.main .box {
  height: 38px;
  width: auto;
  background: #fff;
  border: solid 2px #00aeef;
  margin: 0 24px 0 0;
  float: left
}

.cmodal-main table.main .colon {
  font-size: 30px;
  margin: 0;
  float: left;
  color: #000
}

.cmodal-main table.main input[type=text].data_time {
  height: 38px;
  width: 78px;
  font-size: 26px;
  color: #000;
  padding: 0;
  background-color: #fff;
  border: none;
  text-align: center;
  float: left;
  outline: 0
}

.cmodal-main table.main input[type=text].data_time:focus {
  background-color: #e6be00
}

.cmodal-main table.main select {
  font-size: 26px;
  height: 38px;
  width: 184px;
  padding-left: 10px;
  padding-right: 24px;
  background: #fff url(img/public/img/1280/backgrounds/select_list_bg.png) right no-repeat;
  border: 2px solid #0ae;
  color: #000;
  -webkit-appearance: none
}

.cmodal-main table.main>tr .wide {
  width: 550px
}

.cmodal-main table.main select:focus {
  background-color: #e6be00
}

.cmodal-main table.main div.hint {
  font-size: 20px;
  width: 550px;
  white-space: nowrap;
  color: grey;
  overflow: hidden;
  text-overflow: ellipsis
}

.cmodal-main table.main .inactive {
  color: rgba(0,0,0,.3)
}

.cmodal-main table.main .inactive input[type=text] {
  border-color: rgba(0,0,0,.3);
  background-color: rgba(0,0,0,.1)
}

.cmodal-main table.main .csimple-select-wrapper {
  width: 100%
}

.cbpanel-main {
  display: table
}

.cbpanel-main .cbpanel-item {
  display: table-cell;
  vertical-align: middle;
  padding-right: 34px;
  font-size: 20px
}

.cbpanel-main .cbpanel-item:last-of-type {
  padding-right: 20px;
  white-space: nowrap
}

.cbpanel-main .cbpanel-item .cbpanel-icon {
  vertical-align: middle;
  cursor: pointer
}

.cbpanel-main .cbpanel-item .cbpanel-text {
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  margin-left: 14px
}

.csbar-main {
  height: 50px;
  width: 100%;
  display: table
}

.csbar-main .csbar-item {
  display: table-cell;
  vertical-align: middle;
  padding-left: 14px;
  font-size: 20px
}

.csbar-main .csbar-item:first-of-type {
  padding-left: 0
}

.csbar-main .csbar-item.stext {
  padding: 0 10px;
  background-color: #d3d3d4;
  border: 2px solid #00aeef;
  display: none
}

.csbar-main .csbar-item .text {
  display: block;
  background-color: transparent;
  border: none;
  font-size: 24px;
  height: 40px;
  color: #000;
  margin-top: -42px
}

.csbar-main .csbar-item .hint {
  display: block;
  background-color: transparent;
  border: none;
  font-size: 24px;
  height: 40px;
  color: gray
}

.csbar-main .csbar-item.span {
  width: 100%
}

.csbar-main .csbar-item.icon {
  width: 44px;
  text-align: right
}

.csbar-main .csbar-item.icon img {
  vertical-align: middle;
  cursor: pointer
}

.cbcrumb-main {
  display: table;
  margin-left: -4px
}

.cbcrumb-main .cbcrumb-list {
  display: table-cell;
  border-collapse: separate;
  border-spacing: 4px
}

.cbcrumb-main .cbcrumb-list .cbcrumb-item {
  display: table-cell;
  vertical-align: middle;
  padding: 6px 8px;
  border-radius: 4px;
  font-size: 20px;
  cursor: pointer;
  background-image: url(img/backgrounds/bg_white_10.png)
}

.cbcrumb-main .cbcrumb-list .cbcrumb-item.active {
  background-image: url(img/backgrounds/orange_15.png)
}

.cbcrumb-main .cbcrumb-list .cbcrumb-item.divider {
  display: none;
  padding: 8px
}

.cbcrumb-main .cbcrumb-list .cbcrumb-item .cbcrumb-icon {
  vertical-align: middle;
  height: 40px
}

.cbcrumb-main .cbcrumb-list .cbcrumb-item .cbcrumb-text {
  vertical-align: middle;
  display: inline-block;
  margin-left: 5px;
  max-width: 136px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.cbcrumb-main .cbcrumb-name {
  display: none;
  vertical-align: middle;
  padding: 6px 8px;
  font-size: 34px;
  color: #ffc20e
}

.page {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  color: #fff;
  background-color: #000;
  font-family: Ubuntu,sans-serif
}

.page .crop {
  padding: 30px 40px
}

.page .body {
  height: 100%;
  width: 100%
}

.page .body .header {
  height: 110px;
  background: url(img/public/img/1280/backgrounds/topmenu_bg.png) transparent
}

.page .body .header .crop {
  padding-bottom: 0
}

.page .body .content {
  height: 500px
}

.page .body .content .crop {
  padding-top: 0;
  padding-bottom: 0
}

.page .body .footer {
  height: 110px;
  background: url(img/public/img/1280/backgrounds/bottommenu_bg.png) transparent
}

.page .body .footer .crop {
  padding-top: 0;
  width: 1140px
}

.page .body .footer .exit {
  padding-right: 0;
  padding-left: 60px;
  width: 80px;
  background: url(img/public/img/1280/backgrounds/exit_wrapper_bg.png)
}

.ccheck-box-wrapper {
  display: block;
  outline: 0
}

.ccheck-box-wrapper .ccheck-box-input {
  display: none
}

.ccheck-box-wrapper .ccheck-box-input:checked+.ccheck-box-label {
  background-position: 0 -50px
}

.ccheck-box-wrapper .ccheck-box-input+.ccheck-box-label {
  background: url(img/1280/settings/switch.png) 0 0 no-repeat;
  padding: 20px 61px 20px 61px;
  display: block
}

.ccheck-box-wrapper:focus .ccheck-box-input+.ccheck-box-label {
  background: url(img/1280/settings/switch_act.png) 0 0 no-repeat
}

.ccheck-box-wrapper:focus .ccheck-box-input:checked+.ccheck-box-label {
  background-position: 0 -50px
}

.csimple-select-wrapper {
  -webkit-appearance: none;
  background: #fff;
  border: 2px solid #0ae;
  border-radius: 0;
  border-spacing: 0;
  color: #000;
  display: block;
  font-size: 26px;
  height: 40px;
  line-height: 40px;
  outline: 0;
  position: relative;
  width: 500px
}

.csimple-select-wrapper .csimple-select-arrow {
  background: #0ae;
  cursor: pointer;
  font-size: 0;
  height: 100%;
  position: absolute;
  vertical-align: middle;
  z-index: 10
}

.csimple-select-wrapper .csimple-select-arrow p {
  border-bottom: 12px solid transparent;
  border-top: 12px solid transparent;
  display: inline;
  height: 0;
  margin: 0 7px;
  padding: 0;
  width: 0
}

.csimple-select-wrapper .csimple-select-arrow.disabled p {
  color: #afe2f6
}

.csimple-select-wrapper .csimple-select-arrow.left {
  border-right: none;
  left: 0;
  top: 0
}

.csimple-select-wrapper .csimple-select-arrow.left p {
  border-right: 12px solid
}

.csimple-select-wrapper .csimple-select-arrow.right {
  border-left: none;
  right: 0;
  top: 0
}

.csimple-select-wrapper .csimple-select-arrow.right p {
  border-left: 12px solid
}

.csimple-select-wrapper .csimple-select-content {
  color: #000;
  margin: 0 -30px;
  overflow: hidden;
  padding: 0 35px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap
}

.csimple-select-wrapper .csimple-select-content.placeholder {
  color: #888
}

.csimple-select-wrapper .csimple-select-content.center {
  text-align: center
}

.csimple-select-wrapper div.content-wrapper {
  padding: 0 30px;
  position: relative
}

.csimple-select-wrapper .csimple-select-content.csimple-select-hint {
  color: #000;
  display: none;
  position: absolute;
  top: 0;
  background: 0 0!important
}

.csimple-select-wrapper.autocomplete .csimple-select-content {
  color: #8a8a8a
}

.csimple-select-wrapper.autocomplete .csimple-select-hint {
  display: block;
  color: #000
}

.csimple-select-wrapper.disabled .csimple-select-arrow p {
  border: #afe2f6
}

.csimple-select-wrapper:focus {
  background: #e6be00
}

.csimple-select-wrapper.cselect-box:focus .csimple-content-wrapper {
  background: url(img/1280/buttons/old/ico_frame_menu.png) no-repeat right;
  background-origin: content-box
}

.csimple-select-wrapper.cselect-box:focus .csimple-select-content {
  margin-right: 30px
}

.csimple-select-dropdown {
  position: absolute;
  z-index: 100;
  border-style: solid;
  border-color: #0ae;
  border-width: 2px;
  background: #fff;
  border-top: 0
}

.csimple-select-dropdown .csimple-dropdown-main {
  position: relative;
  max-height: 200px;
  overflow-y: auto
}

.csimple-select-dropdown .csimple-dropdown-main::-webkit-scrollbar-track {
  background: #2a2c2f
}

.csimple-select-dropdown .csimple-dropdown-main::-webkit-scrollbar-track {
  background: #2a2c2f
}

.csimple-select-dropdown .csimple-dropdown-main::-webkit-scrollbar {
  width: 14px
}

.csimple-select-dropdown .csimple-dropdown-main a {
  width: 100%;
  height: 40px;
  color: #000;
  background-color: #fff;
  display: block;
  position: relative;
  font-size: 26px;
  line-height: 40px;
  text-decoration: none;
  text-indent: 25px
}

.csimple-select-dropdown .csimple-dropdown-main a .dropdown-element {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.csimple-select-dropdown .csimple-dropdown-main a.focused {
  background-color: #0ae;
  color: #fff;
  border: none;
  outline: 0
}

.csimple-select-dropdown .csimple-dropdown-main a.marked {
  background-color: #e6be00
}

.csimple-select-dropdown .csimple-dropdown-main a.marked.focused {
  background-color: #447aca
}

.csimple-select-dropdown .csimple-dropdown-main a .dropdown-element {
  padding-left: 11px
}

.csimple-select-wrapper.cinterval-box {
  width: 253px
}

.csimple-select-wrapper.cinterval-box.small-cinterval-box {
  width: 122px
}

.cinput-wrapper,
.cinput-wrapper .cinput-text-wrapper .cinput-input {
  height: 38px
}

.cinput-wrapper {
  font-size: 26px;
  border: 2px solid #0ae;
  color: #000;
  border-radius: 0;
  -webkit-appearance: none;
  border-spacing: 0;
  position: relative
}

.cinput-wrapper.folded {
  border: none;
  width: auto
}

.cinput-wrapper.folded .cinput-text-wrapper {
  display: none
}

.cinput-wrapper .cinput-text-wrapper>div {
  height: 1px
}

.cinput-wrapper .cinput-text-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
  margin: -2px 0
}

.cinput-wrapper .cinput-text-wrapper .cinput-input {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  outline: 0;
  min-width: 200px;
  width: 100%;
  height: 100%;
  margin: 0;
  background: 0 0;
  font-family: Ubuntu,sans-serif;
  font-size: 18px;
  padding: 0 0 0 3px;
  z-index: 2
}

.cinput-wrapper .cinput-text-wrapper .cinput-hint {
  z-index: 1!important;
  color: #b0b0b0
}

.cinput-wrapper .cinput-icon:last-child {
  padding-right: 0
}

.cinput-wrapper.folded .cinput-icon:last-child {
  padding-right: 2px
}

.cinput-wrapper .cinput-icon {
  vertical-align: middle;
  border-spacing: 0;
  width: 5px
}

.cinput-wrapper .cinput-icon img {
  display: block;
  margin: 2px 5px;
  cursor: pointer
}

.cinput-wrapper,
.cinput-wrapper.main-filter-input .cinput-text-wrapper {
  height: 56px
}

.cinput-wrapper.main-filter-input .cinput-input {
  font-size: 32px
}

.cinput-wrapper.main-filter-input {
  background-color: #fff;
  width: 100%
}

.cinput-wrapper.main-filter-input .cinput-icon img {
  margin: 7px
}

.cinput-wrapper.main-filter-input.folded {
  width: auto;
  float: right;
  border-radius: 4px;
  background-color: rgba(255,255,255,.12)
}

.cinput-wrapper.main-filter-input .black_search {
  display: table-cell
}

.cinput-wrapper.main-filter-input .white_search {
  display: none
}

.cinput-wrapper.main-filter-input .black_search,
.main-filter-input.cinput-wrapper .white_search {
  padding-left: 6px
}

.cinput-wrapper.main-filter-input.folded .white_search {
  display: table-cell
}

.cinput-wrapper.main-filter-input.folded .black_search {
  display: none
}

.cweb-input-wrapper {
  position: relative;
  background: #fff
}

.cweb-input-wrapper .web-input {
  z-index: 1;
  background: 0 0
}

.cweb-input-wrapper .progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background-color: #d0eeff;
  z-index: 0
}

.cweb-input-wrapper .cinput-icon.left {
  padding-left: 6px
}

.cweb-input-wrapper .web-input .fade-star,
.cweb-input-wrapper .web-input .full-star {
  display: none
}

.cweb-input-wrapper .web-input.star .fade-star,
.cweb-input-wrapper .web-input.star.favorite .full-star {
  display: table-cell
}

.cweb-input-wrapper .web-input.star .full-star,
.cweb-input-wrapper .web-input.star.favorite .fade-star {
  display: none
}

.cweb-input-wrapper .web-input.web .cinput-icon.web-ico {
  display: table-cell
}

.cweb-input-wrapper .web-input .cinput-icon.favicon img {
  width: 30px;
  height: 30px
}

.cweb-input-wrapper .web-input .cinput-icon.black_search,
.cweb-input-wrapper .web-input .cinput-icon.favicon,
.cweb-input-wrapper .web-input .cinput-icon.load-ico,
.cweb-input-wrapper .web-input .cinput-icon.web-ico,
.cweb-input-wrapper .web-input.favicon .cinput-icon.web-ico {
  display: none
}

.cweb-input-wrapper .web-input.favicon .cinput-icon.favicon,
.cweb-input-wrapper .web-input.load .cinput-icon.load-ico,
.cweb-input-wrapper .web-input.search .cinput-icon.black_search,
.cweb-input-wrapper .web-input.web .cinput-icon.web-ico {
  display: table-cell
}

.cautocomplete-box {
  position: absolute;
  z-index: 1000
}

.cautocomplete-box .row {
  background: rgba(255,255,255,.8);
  border: 1px #48d solid;
  border-top: none;
  color: #333;
  font-size: 32px;
  height: 40px;
  list-style: none;
  overflow: hidden;
  padding: 0 0 0 6px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  cursor: pointer
}

.cautocomplete-box .row .hint {
  color: rgba(30,130,255,.7);
  display: inline-block;
  float: right;
  font-size: 24px;
  line-height: 40px;
  margin-right: 15px
}

.cautocomplete-box .row .ico {
  background: url(img/public/img/1280/ico_search.png);
  display: inline-block;
  float: left;
  height: 30px;
  margin: 5px 7px;
  width: 30px
}

.cautocomplete-box .row .text {
  display: inline-block;
  float: left;
  overflow: hidden;
  padding-left: 6px;
  text-overflow: ellipsis;
  width: 80%
}

.cautocomplete-box .row.active {
  background: #63b9e9
}

.cautocomplete-box .row.active .hint {
  color: #fff
}

.cautocomplete-box .row.url .ico {
  background: url(img/public/img/1280/ico_web.png)
}

.cprogressbar {
  min-width: 700px;
  height: 34px;
  padding: 4px;
  border: solid 2px #00aeee;
  background: 0 0
}

.cprogressbar .progressbar_bg {
  height: 100%;
  width: 100%;
  background: #fff
}

.cprogressbar .progressbar_line {
  height: 100%;
  width: 0;
  background: #ffc20e
}

.cprogressbar .progressbar_digit {
  font-size: 26px;
  color: #000;
  text-align: center;
  margin-top: -34px
}

.clog {
  display: none;
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
  padding: 10px 0;
  width: 100%;
  min-width: 520px;
  margin: 10px 0 20px 0
}

.clog ul {
  overflow-y: scroll;
  background-color: transparent;
  color: #fff;
  width: 100%;
  height: 160px;
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 22px
}

.clog ul li {
  margin: 0;
  height: 30px;
  padding: 5px
}

.clog ul::-webkit-scrollbar-track {
  background: #677680
}

.clog ul li span.time {
  color: rgba(161,159,160,.6);
  float: right;
  margin-right: 10px
}

.clog ul li span.message {
  margin-left: 8px;
  float: left;
  padding-left: 25px;
  color: #fff
}

.clog ul li {
  background: url(img/720/settings/check_yes.png) no-repeat center left
}

.clog ul li.error {
  background-image: url(img/720/settings/check_no.png)
}

.cupdate-modal table.cmodal-update {
  width: auto
}

.cupdate-modal table.cmodal-update td.right {
  width: 420px;
  text-align: left;
  height: 40px;
  padding-left: 10px;
  font-size: 26px
}

.cupdate-modal table.cmodal-update .alert,
.cupdate-modal table.cmodal-update td.right.error {
  color: red
}

.cupdate-modal table.cmodal-update .grey {
  color: grey
}

.cupdate-modal table.cmodal-update td.left {
  width: auto;
  text-align: right;
  height: 40px;
  padding-right: 10px;
  font-size: 24px
}

.cupdate-modal table.cmodal-update td.center {
  width: auto;
  width: auto;
  text-align: center;
  height: 50px;
  font-size: 24px
}

.cupdate-modal table.cmodal-update td.progressbar {
  padding-top: 20px;
  border: none;
  width: auto;
  margin-left: 0
}

.cupdate-modal table.cmodal-update div.ellipsis {
  width: 450px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.cmodal-main.image-info-modal .image-info-content {
  width: 800px;
  height: 400px;
  overflow-y: scroll;
  font-size: 26px;
  text-align: justify;
  padding-right: 10px
}

.cupdate-modal table.cmodal-update tr.padding td {
  padding-top: 20px
}

.cupdate-modal table.cmodal-update.hidden tr.info td {
  display: none
}

.cmodal-main.image-info-modal .image-info-content .info {
  font-size: 24px
}

.cslist-main.ctreelist-main>a .placeholder {
  float: left;
  width: 65px;
  height: 100%;
  display: inline-block
}

.cslist-main.ctreelist-main>a.branch .data {
  background: url(img/1280/settings/closed.png) no-repeat left center
}

.cslist-main.ctreelist-main>a.opened.branch .data {
  background-image: url(img/1280/settings/opened.png)
}

