Your IP : 3.138.86.166


Current Path : /usr/local/mgr5/skins/orion/sass/
Upload File :
Current File : //usr/local/mgr5/skins/orion/sass/_main-src.sass

a
  color: #537393

ul li
  list-style: none

.band-graphic svg
  overflow: inherit !important

#wrapper-mainmenu
  position: relative

/*top menu*/
#top_panel
  position: relative

  height: 69px
  padding-right: 4px

#top_panel .bottom-line
  position: absolute
  z-index: 1
  bottom: -2px

  width: 100%
  height: 2px

  background: #E1E7ED

.tabscrollactive #top_panel .bottom-line-right
  position: absolute
  z-index: 2
  //z-index: 989
  right: 0
  bottom: -2px

  width: 17px
  height: 2px

  background: none repeat scroll 0 0 #FFFFFF

/*#top_panel ul.inline-menu li */
.b-top-links
  display: flex
  align-items: center
  justify-content: flex-end

.b-top-links__item
  line-height: 20px

  padding-right: 16px

.b-top-links__item_is_label
  padding:
    right: 0

.b-top-links__item_trial
  color: red

.b-ispupdate-link
  display: flex
  align-items: center

.b-ispupdate-link__link 
  margin-left: 5px
  font-weight: bold

.b-ispupdate-link__icon 
  width: 14px
  height: 14px

#top_panel ul.inline-menu li.users
  padding-right: 0

#top_panel ul.inline-menu li.levels
  padding-left: 0

#top_panel ul.inline-menu div.s-icon
  margin-right: 1px
  margin-bottom: -4px

#top_panel ul.inline-menu li.levels div.s-icon
  margin-right: 4px

.sepr-users
  padding-left: 13px

  background: url(../img/arrow-small.png) no-repeat 7px 4px

#topLinks
  padding-top: 5px
  padding-left: 205px

#logo
  position: absolute
  top: 0
  left: 0

  width: 187px
  height: 70px

/*topBarWrapper*/
#topBarWrapper
  position: absolute
  z-index: 10
  top: 0
  left: 0

  background: #FFFFFF

#cbutton a
  display: block

  width: 0
  height: 0
  margin-top: 24px
  margin-left: -10px

  border-top: 7px solid #E1E7ED
  border-bottom: 7px solid #E1E7ED
  border-left: 6px solid #FFFFFF

.active-menu #cbutton
  display: none

#cbutton
  position: absolute
  z-index: 10
  top: 50%
  right: -10px

  width: 0
  height: 65px
  margin-top: -47px

  cursor: pointer

  border-top: 14px outset transparent
  border-bottom: 14px outset transparent
  border-left: 14px solid #E1E7ED

/*main menu*/
#left 
  position: absolute
  z-index: 11
  top: 69px
  left: -203px

  width: 205px

  background: #FFFFFF

.active-menu #left 
  left: 0

#menu-items-wr 
  padding-right: 18px

#h69 
  height: 69px

#mainmenu 
  position: relative

  padding-left: 8px

#left #mainmenu .group li a.h-group 
  font-size: 12px
  font-weight: bold

  text-decoration: none

  color: #587B9D

#left #mainmenu .group li li a.textlink 
  width: 124px

.group li
  user-select: text

.collapsed a.h-group 
  display: inline-block
  zoom: 1
  position: relative
  padding-right: 10px

  *display: inline

  &:after
    position: absolute
    right: 0px
    width: 4px
    height: 14px
    background: url(../img/triangle.png) no-repeat right center
    content: ''

.b-hgroup__inner
  white-space: nowrap
  overflow: hidden
  text-overflow: ellipsis
  display: inline-block
  max-width: 150px

.collapsed .b-hgroup__inner
  max-width: 140px

.b-group__li
  white-space: nowrap

.search .collapsed a.h-group 
  background: none

#left #mainmenu .group li li 
  vertical-align: middle

#left #mainmenu .group li li a 
  font-size: 11px
  font-weight: normal
  line-height: 17px

  position: relative

  display: inline-block
  overflow: hidden
  zoom: 1

  vertical-align: top
  white-space: nowrap
  text-decoration: none
  text-overflow: ellipsis

  color: #537393

  *display: inline


#left #mainmenu .group li li.overwidth span.more 
  font-size: 11px
  line-height: 17px

  display: inline-block
  zoom: 1

  vertical-align: top

  *display: inline


#left #mainmenu .group li li .m-item-newtab-icon 
  display: inline-block
  zoom: 1

  width: 11px
  height: 17px

  vertical-align: top

  background: url('../img/open_newtab.png') left center no-repeat

  *display: inline


#left #mainmenu .group li li:hover span.more 
  color: #FFFFFF


#left #mainmenu .group li li span.more 
  display: none


#left #mainmenu .group li li.active a 
  text-decoration: none

  color: #000000


#left #mainmenu .group li li:hover 
  width: 85%

  border-radius: 3px
  background: #6A94B7

#left #mainmenu .group li li.loading 
  width: 85%

  border-radius: 3px

#left #mainmenu .group li li:hover a,
#left #mainmenu .group li li.loading:hover a,
#left #mainmenu .group li li.loading a 
  color: #FFFFFF

#left #mainmenu .group li
  list-style: none

#left #mainmenu ul li
  padding-left: 0

  list-style-position: inside

#left #mainmenu ul li li
  line-height: 17px

  position: relative

  height: 17px
  padding-left: 21px

#mainmenu ul ul 
  margin-top: 6px
  margin-left: 0

#mainmenu ul 
  margin-bottom: 20px
  margin-left: 5px

#mainmenu .group img,
#mainmenu .group div.s-icon 
  float: left

  width: 16px
  height: 16px
  margin-top: -2px
  margin-right: 5px

#mainmenu .group .m-item img,
#mainmenu .group .m-item div.s-icon 
  float: inherit

  width: inherit
  height: inherit
  margin: inherit

  vertical-align: middle

#mainmenu .group .m-item a.newtab 
  position: absolute !important
  left: 150px

  visibility: hidden

#mainmenu .group .m-item:hover a.newtab 
  visibility: visible

#mainmenu #m-choose img,
#mainmenu #m-choose div.s-icon 
  width: 16px
  height: 16px
  margin: 2px

.active-menu #mainmenu #m-choose #mfb 
  background: none repeat scroll 0 0 #DAE2EC

#mainmenu #m-choose #minus a 
  margin-right: 8px

#mainmenu #m-choose .m-choose-left 
  float: left

#mainmenu #m-choose .m-choose-right 
  float: right

.filter .triangle-down 
  font-size: 0
  line-height: 0

  width: 0
  height: 0
  margin: 7px auto

  border-top: 4px solid #879CB5
  border-right: 4px solid #E1E7ED
  border-left: 4px solid #E1E7ED

.filter-hide.filter .toolbar-wrapper .triangle-down,
.triangl-right 
  font-size: 0
  line-height: 0

  width: 0
  height: 0
  margin: 4px auto

  border-top: 4px solid #E1E7ED
  border-bottom: 4px solid #E1E7ED
  border-left: 4px solid #879CB5

.filter-hide.filter .toolbar-wrapper .triangle-down 
  margin: 6px 9px

.filter .toolbar-wrapper .triangle-down 
  margin: 9px auto

.active-menu #scrollbar-track 
  display: block

#left:hover #scrollbar-track 
  display: block

#m-choose a 
  display: inline-block
  zoom: 1

  width: 20px
  height: 20px
  margin-right: 8px

  text-align: center
  vertical-align: middle

  border-radius: 3px

  *display: inline

#m-choose .m-choose-right a 
  margin-right: 0

#m-choose a#mfb 
  width: 20px
  height: 20px
  margin-right: 0

#mainmenu #m-choose 
  width: 168px
  height: 16px
  margin-bottom: 12px
  padding-left: 2px

.search #menu-items 
  margin-top: 0 !important

.collapsed ul 
  display: none

/*search block*/
#m-search-wrapper 
  position: relative

  width: 170px
  margin-bottom: 17px

#m-search 
  width: 140px
  height: 20px
  padding-left: 23px

  border: 1px solid #C3C3C3
  border-radius: 2px
  background:
    image: url("../img/sprite-icons.png")
    repeat: no-repeat
    position: 5px -213px

#m-search.default-text 
  color: #CCCCCC

.search #m-search.default-text 
  color: #000000

#close-search 
  position: absolute
  top: 5px
  right: 5px

.not_active 
  display: none

.b-search-close
  width: 11px
  height: 11px
  display: inline-block
  background:
    image: url("../img/sprite-icons.png")
    repeat: no-repeat
    position: 0px -185px

.vertical-scroll #copyright
  position: relative

.scrollbar-init #copyright
  position: relative

#copyright
  position: absolute
  bottom: 8px

  text-align: center

  width: 170px
  margin-top: 25px

#menu-items 
  padding-bottom: 30px

.search .collapsed ul 
  display: block

.search ul.group 
  display: none

.search #menu-items ul.group.cont
  display: block

#menu-items.popular .unpopular 
  display: none

.search .popular .unpopular 
  display: block

#menu-items.favorite .unfavorite 
  display: none

.search .favorite .unfavorite 
  display: block

.search #menu-items .m-item.popular,
.search #menu-items .m-item.unpopular,
.search #menu-items .m-item.favorite,
.search #menu-items .m-item.unfavorite
  display: block

.search #menu-items .m-item.s-hidden
  display: none

#cont-tab0.hidden
  display: block !important
  visibility: hidden

.ie8 #cont-tab0.hidden 
  display: none !important

#cont-tab0.hidden .dash-table table.list_table thead 
  visibility: hidden

.b-form-page_view_dblock.b-form-page_st_collapsed table.list_table thead 
  visibility: hidden

.hidden,
.s-hidden,
.search .group .s-hidden 
  display: none

div.with-menu 
  margin-left: 205px

.active.menev 
  background: #DAE2EC

#menu-fix-btn #mfb 
  display: block

  width: 10px
  height: 10px

  background: #CCCCCC

.active-menu #menu-fix-btn #mfb 
  background: #000000

#menu-fix-btn 
  float: left

#m-search.not_found
  background:
    color: #FFE3D8

a.cont 
  color: red !important

.inline-menu 
  text-align: right

/*tabs*/
#tabs 
  position: absolute
  z-index: 2
  bottom: -3px
  left: 204px

  height: 27px

  white-space: nowrap

#tabs-wr 
  position: relative

.vhidden 
  visibility: hidden

.tabscrollactive #all-tabs 
  padding: 0 25px

ul.nav-tabs li
  display: inline-block
  zoom: 1

  height: 17px
  margin-right: 5px
  padding-bottom: 8px

  list-style-image: none

  border: 1px solid #E1E7ED
  border-bottom: 0 none
  border-radius: 12px 12px 0 0
  background: #E1E7ED

  *display: inline
  vertical-align: top

.tab-group_moving_yes
  z-index: 99

.tab-group__shadow
  opacity: 0.5

ul.nav-tabs li.active a 
  color: #747373

ul.nav-tabs li a.active 
  cursor: default
  text-decoration: none

#dashboard-tab .subtab 
  padding-right: 12px
  padding-left: 12px

#tabs .subtab.first 
  padding-left: 12px

#tabs .subtab 
  display: inline-block
  zoom: 1

  height: 12px
  padding-top: 6px
  padding-right: 10px
  padding-bottom: 8px
  padding-left: 8px
  border-radius: 12px 12px 0 0
  background: #E1E7ED

  *display: inline

#add-tab 
  display: none

#tabs #add-tab .subtab 
  padding-right: 9px
  padding-left: 9px

#tabs .subtab.switch.active .short 
  display: none

#tabs .subtab.switch .short 
  display: inline

#tabs .subtab.switch.active .full 
  display: inline

#tabs .subtab.switch .full 
  display: none

#tabs .subtab.switch .subtab__text_for_pin
  display: none

#tabs .subtab.switch.subtab_is_pin .subtab__text_for_pin
  display: inline-block
  //border-radius: 15px
  //background:
    //color: #886F8C
  //width: 15px
  //height: 15px
  //text-align: center
  //line-height: 15px
  //color: #FFF
  margin:
    right: 3px

#tabs .subtab.switch.subtab_is_pin .full,
#tabs .subtab.switch.subtab_is_pin .short
  display: none

#tabs #add-tab .plus-wrapper 
  position: relative

  display: inline-block
  zoom: 1

  width: 10px
  height: 10px

  *display: inline

#tabs #add-tab .plus-wrapper .vert 
  position: absolute
  left: 50%

  width: 2px
  height: 10px
  margin-left: -1px

  background: #879CB5

#tabs #add-tab .plus-wrapper .horz 
  position: absolute
  top: 50%

  width: 10px
  height: 2px
  margin-top: -1px

  background: #879CB5

#tabs .subtab.active,
#tabs #dashboard-tab .active .subtab 
  background: #FFFFFF

#tabs #dashboard-tab .subtab 
  padding-right: 20px
  padding-left: 20px


.tabs-box 
  position: relative

  display: inline-block
  overflow: hidden
  zoom: 1

  white-space: nowrap

  *display: inline


.tab-mover 
  position: absolute

  width: 17px
  height: 24px

  background: #E1E7ED


.tabscrollactive #tab-mover-left,
.tabscrollactive #tab-mover-right 
  display: block


#tab-mover-right-empty 
  position: fixed
  z-index: 15
  top: 45px
  right: 17px

  width: 8px
  height: 24px

  background: #FFFFFF


.tabscrollactive #tab-mover-left-empty 
  position: absolute
  z-index: 15
  left: 17px

  width: 8px
  height: 24px

  background: #FFFFFF


#tab-mover-left 
  position: absolute
  z-index: 15
  top: 0
  left: 0

  display: none


#tab-mover-right 
  position: fixed
  z-index: 988
  top: 45px
  right: 0

  display: none


#tmr-triangle 
  font-size: 0
  line-height: 0

  width: 0
  height: 0
  margin-top: 9px
  margin-left: 7px

  border-top: 4px solid #E1E7ED
  border-bottom: 4px solid #E1E7ED
  border-left: 4px solid #879CB5


#tml-triangle 
  font-size: 0
  line-height: 0

  width: 0
  height: 0
  margin-top: 9px
  margin-left: 7px

  border-top: 4px solid #E1E7ED
  border-right: 4px solid #879CB5
  border-bottom: 5px solid #E1E7ED


.sepr 
  padding: 0 5px

  background: url(arrow-big.png) no-repeat 0 3px


.switch.active 
  font-weight: bold

#tab-cont 
  display: inline-block
  zoom: 1

  white-space: nowrap

  *display: inline

#tabs a,
#topLinks a 
  text-decoration: none
  display: inline-block
  vertical-align: top
.b-tab-close
  margin-left: 5px

  vertical-align: middle
  width: 11px
  height: 11px
  display: inline-block
  background:
    image: url("../img/sprite-icons.png")
    repeat: no-repeat
    position: 0px -122px

  &:hover
    background:
      position: 0px 0px

  .subtab_is_pin &
    display: none
    background:
      image: url('../../common/img/tab-pin.png')
      repeat: no-repeat
      position: 0 0
    width: 11px
    height: 11px
    cursor: default

.bottom-bar 
  font-weight: bold
  line-height: 27px

  position: absolute
  bottom: 0

  width: 100%
  height: 27px
  margin-left: -20px
  padding-left: 20px

  color: #4F4F4F
  background: #EDF2F7

.bottom-bar .statusbar .ovf 
  padding-left: 14px


/*toolbar*/
.toolbar-wrapper 
  position: relative

  min-height: 48px
  padding-right: 16px

  .toolbar
    //overflow: hidden
    overflow-x: hidden

    white-space: nowrap

.toolbar-button.invisible 
  display: none


.toolgrp 
  display: inline-block
  zoom: 1

  margin-left: 16px

  *display: inline


.toolgrp.ind0 
  margin-left: 0


.toolgrp-control 
  display: none


.toolgrp.collapsed .toolgrp-control 
  position: absolute
  top: 6px
  right: 3px

  display: inline-block
  zoom: 1

  *display: inline


.toolgrp.collapsed .triangledown 
  margin-top: 12px
  margin-left: 1px

  border-right: 4px solid #FFFFFF
  border-left: 4px solid #FFFFFF

.toolgrp.collapsed .toolbar-button.active:hover .triangledown 
  border-right: 4px solid #E1E7ED
  border-left: 4px solid #E1E7ED


.toolgrp.collapsed:hover .toolgrp-bag 
  position: absolute
  z-index: 2

  display: block

  border: 1px solid #EAF0F6
  border-top: 0
  border-radius: 0 0 7px 7px
  background: #FFFFFF


.toolgrp.collapsed:hover .toolgrp-bag .toolbar-button 
  display: block

.toolgrp.collapsed .toolgrp-bag 
  display: none

.toolgrp-bag 
  display: inline-block
  zoom: 1

  *display: inline


.toolbar-button 
  position: relative

  display: inline-block
  zoom: 1

  min-width: 50px

  vertical-align: bottom

  *display: inline


.toolbar-button span,
.toolbar-button a
  color: #4B4B4B
  cursor: pointer
  display: block

  text-align: center
  text-decoration: none
  user-select: text

div.toolbar-button.active:hover 
  border-radius: 4px
  background: #E1E7ED

.collapsed div.toolbar-button.active.ind1:hover
  border-radius: 0 0 4px 4px

.o-button .btntext 
  display: none

.toolbar-button .img-link 
  padding: 5px 5px 0 5px


.o-button .toolbar-button .img-link 
  padding: 5px


.toolbar-button .btntext 
  padding: 0 5px 5px 5px


.toolbar-button.notActive span
  opacity: .5

  filter: alpha(opacity=50)

.toolbar-button.removed,
.toolgrp.collapsed:hover .toolgrp-bag .toolbar-button.removed 
  display: none


.toolbar-button.notActive span
  cursor: default


.toolbar-button-toolsep 
  display: inline-block
  zoom: 1

  padding: 5px

  *display: inline

.leftBar 
  padding-top: 15px
  padding-bottom: 5px
  padding-left: 7px

  vertical-align: middle

.leftBar  h2 
  padding:
    top: 15px

  color: #676666
  display: inline-block

.leftBar img,
.leftBar div.s-icon 
  margin-right: 8px
  margin-bottom: 5px


.leftBar .reload 
  cursor: pointer

.breadcrumb 
  text-decoration: none

  color: #676666

.breadcrumb:hover 
  text-decoration: underline


.rightBar 
  float: right

  padding-top: 30px
  padding-right: 16px
  position: relative
  z-index: 1


.rightBar a 
  display: inline-block
  zoom: 1

  margin-left: 10px

  *display: inline


.tsearch 
  position: relative

  float: right

  margin-top: 20px
  padding-left: 10pxg

.tsearch .itsearch 
  padding-left: 24px

  background: url(../img/i-search.png) no-repeat 3px center


.dib.search 
  position: relative

  margin-right: 36px


.close_tsearch 
  position: absolute
  top: 4px
  right: 4px

  visibility: hidden


.livesearch .close_tsearch 
  visibility: visible


.fake-row 
  height: 22px


.filter-btn-wrapper 
  position: absolute
  top: 0
  right: 0

  width: 150px

  text-align: right

  @media (max-width: 1200px)
    width: 500px

.filter-btn-wrapper .filter-btns .b-button 
  font-size: 11px
  line-height: 11px

  min-width: 97px
  margin-bottom: 5px

  vertical-align: top

.filter-active 
  display: none


.filter-hide .filter-active 
  display: block

.b-button__filter-save-name
  font-size: 9px
  font-weight: bold
  max-width: 90px
  text-overflow: ellipsis
  white-space: nowrap
  overflow: hidden

.b-filter__save-bar
  display: none
  margin-right: 46px
  position: relative
  text-align: right
  white-space: nowrap
  overflow: hidden

.b-filter__save-bar_has_items
  display: block

  .filter-hide &
    display: none

.b-filter__save-bar-inner
  display: inline-block

.b-filter__btn-move
  display: none
  width: 20px
  height: 20px
  position: absolute
  background: #E1E7ED
  z-index: 1
  border: 1px solid #879CB5

.b-filter__btn-move_dir_left
  left: 0
  &:after
    font-size: 0
    line-height: 0
    width: 0
    height: 0
    border-top: 9px solid #E1E7ED
    border-right: 9px solid #879CB5
    border-bottom: 9px solid #E1E7ED
    content: ''
    margin-right: 6px

.b-filter__btn-move_dir_right
  right: 0
  &:after
    font-size: 0
    line-height: 0
    width: 0
    height: 0
    border-top: 9px solid #E1E7ED
    border-bottom: 9px solid #E1E7ED
    border-left: 9px solid #879CB5
    content: ''
    margin-right: 4px

.b-filter__saved-item 
  position: relative

  display: inline-block

  margin-right: 5px
  padding:
    bottom: 3px
    right: 6px
    top: 4px
    left: 10px

  text-align: left

  color: #64819F
  border-radius: 15px
  background: #E1E7ED

.b-filter__saved-item_st_active
  border: 1px solid #64819F

.b-filter__saved-item-inner 
  position: relative

  display: inline-block
  overflow: hidden

  min-width: 35px

.b-filter__saved-name 
  line-height: 11px

  display: inline-block
  visibility: visible

  padding-right: 5px

  cursor: pointer

  font-weight: bold

.b-filter__saved-name-edit 
  position: absolute
  top: 0
  left: 0

  display: block
  visibility: hidden

  width: 100%
  height: 12px
  padding: 0

  color: #64819F
  border: none
  background: transparent

  font-size: 11px
  font-weight: bold

.b-filter__saved-name-edit_editing 
  visibility: visible


.b-filter__saved-name-edit:focus 
  box-shadow: none


.b-filter__saved-remove 
  display: inline-block

  width: 11px
  height: 11px

  cursor: pointer

  background: url(../img/tab_close.png) no-repeat 0 center

  user-select: none

.b-filter__saved-edit
  margin-right: 3px
  display: inline-block

  width: 12px
  height: 12px

  cursor: pointer

  background: url(../img/filter-edit.png) no-repeat 0 center

.b-filter-flag_editing .b-filter__saved-name-edit
  visibility: visible

.b-filter-flag_editing .b-filter__saved-name
  visibility: hidden

.b-filter__toggle
  background:
    image: url('../img/filter-open.png')
    repeat: no-repeat
    position: 5px 8px

  position: absolute
  right: 0

  width: 24px
  height: 62px
  display: none
  cursor: pointer

  border-radius: 12px 12px 0 0

  margin-top: -6px

  &:hover, .filter-hide.filter &:hover
    background:
      color: #E1E7ED
    border-radius: 4px

  .filter-opened.filter &:hover,
  .filter-set.filter &:hover
    background:
      color: #E1E7ED
    border-radius: 12px 12px 0 0

  .filter &
    background:
      color: #E1E7ED
    display: inline-block
    zoom: 1

    *display: inline

  .filter-hide.filter-set.filter &
    background:
      color: #E1E7ED
    height: 62px

  .filter-hide.filter &
    background:
      color: #FFFFFF

    height: 20px

    border-radius: 12px

    user-select: none

    margin-top: 0px
    background-position: 5px 2px

  .filter-set.filter &
    background:
      position: 5px 8px
    margin-top: -6px

.b-filter__toggle_is_disabled
    background-image: url('../img/filter-open-gray.png')


.dib 
  display: inline-block
  zoom: 1

  *display: inline


.filter-active 
  min-height: 29px
  margin-top: 5px
  margin-right: 16px
  margin-bottom: 10px
  padding: 7px 0 2px 12px
  border-radius: 12px 0 12px 12px
  background: #E1E7ED

.filter-active .filter-btns .b-button 
  font-size: 11px
  line-height: 11px

  margin-left: 5px

.filter-active .filter-msg 
  font-size: 11px
  line-height: 25px
  margin-right: 230px
  white-space: nowrap
  overflow: hidden
  text-overflow: ellipsis

.filter-active .head-filter-msg 
  font-weight: bold

  color: #868A8D

.filter-box
  display: inline-block
  zoom: 1

  margin-right: 60px

  vertical-align: top

  *display: inline

.filter-col
  padding-right: 60px
  vertical-align: top

.filter-first
  text-align: left

.filter-first
  min-width: 120px

.filter-second
  text-align: right

.filter-item
  margin-bottom: 10px

  text-align: right

.filter-inner-inner
  position: relative

  padding-right: 60px

  @media (max-width: 1200px)
    padding:
      top: 30px
      right: 10px

.filter-item__table
  width: 100%

.error-message .message 
  margin-bottom: 10px

/*Tab content*/
.statusbar 
  width: 100%

/*table*/
.content 
  padding-right: 16px !important

.content table 
  width: 100%

  border-collapse: collapse

.back-btn-row 
  height: 16px
  margin: 2px

  cursor: pointer

  background: url('../img/back.gif') no-repeat 11px 0

.back-btn-row-hint 
  width: 30px
  height: 16px

.content table th,
.sort_table td,
.list_table th 
  text-align: left

  color: #6086AB

.content table thead tr, .sort_table td, .list_table th 
  border-right: 1px
  background: #EDF2F7

.list_table .data-wrapper,
.sort_table .data-wrapper
  padding-right: 0

.align-center
  text-align: center

.align-left
  text-align: left

.align-right
  text-align: right

.data-wrapper.align-right
  padding-right: 14px

.ovftd
  overflow: hidden

  width: 100%

  white-space: nowrap

.sort_table td
  font-weight: bold

.content table th
  font-weight: bold

.b-list__table-col-content_type_link
  color: #537393
  cursor: pointer

  .selected &
    color: #FFFFFF

.b-list__table-col-content_style_underline
  text-decoration: underline

table.sort_table 
  position: absolute

  width: 100%

  border-spacing: 0

.tab-content.init table.sort_table 
  visibility: hidden

.tab-content.init .bottom-bar table.statusbar 
  visibility: hidden

table.list_table 
  border-spacing: 0

.band-content table.sort_table,
.dash-table table.sort_table 
  display: none

.band-content table.list_table thead,
.dash-table  table.list_table thead 
  visibility: visible

.report-nodata 
  font-size: 14px
  padding: 5px 10px

.list-content table.sort_table 
  position: fixed

.table-manip .list-content table.sort_table 
  position: absolute

table.list_table thead 
  visibility: hidden

.tab-content.init table.list_table thead 
  visibility: visible

table tr.even 
  background: #EDF2F7

.livesearch-active  table tr.even 
  background: inherit


.livesearch-active  table tr.lf-odd 
  background: #EDF2F7


table tr.filtred 
  display: none

table.list_table tr.yellow td 
  background: #FFFF99

table.list_table tr.red td 
  background: #E58440

table.list_table tr.green td 
  background: #00A676

table.list_table tr.blue td 
  background: #4992CD

table.list_table tr.magenta td 
  background:
    color: purple

table.list_table tr.brown td 
  background:
    color: brown

table.list_table tr.gray td 
  background:
    color: gray

table.list_table tr.cyan td 
  background: #1FB2B0

table.list_table tr.selected td 
  color: #FFFFFF
  background: #6A93B7

.sort_table td, .list_table th 
  font-weight: bold
  line-height: 25px

  height: 25px

  text-align: left
  vertical-align: top

.band-table .list_table .rowHandler,
.dash-table .rowHandler 
  height: 25px

  cursor: default

.rowHandler 
  position: absolute
  top: 0

  float: left

  width: 2px
  height: 100%

  cursor: e-resize

.tab-content.init .list_table .rowHandler 
  height: 25px

.rowHandler .rowLine1 
  float: left

  width: 1px
  height: 100%

  background: #BFBFBF

.rowHandler .rowLine2 
  float: left

  width: 1px
  height: 100%

  background: #FFFFFF

.rowHandler.active 
  height: 100%

.ovf 
  overflow: hidden

  white-space: nowrap

table.sort_table
  user-select: none

  td
    user-select: text

.sort_table .triangle.triangl-top,
.list_table .triangle.triangl-top,
.triangledown 
  font-size: 0
  line-height: 0

  display: inline-block
  zoom: 1

  width: 0
  height: 0
  margin-left: 5px

  border-top: 4px solid #879CB5
  border-right: 4px solid #EDF2F7
  border-left: 4px solid #EDF2F7

  *display: inline

.sort_table .triangl-bot.triangle,
.list_table .triangl-bot.triangle 
  font-size: 0
  line-height: 0

  display: inline-block
  zoom: 1

  width: 0
  height: 0
  margin-left: 5px

  border-right: 4px solid #EDF2F7
  border-bottom: 4px solid #879CB5
  border-left: 4px solid #EDF2F7

  *display: inline

.sort_table .filter-icon, .list_table .filter-icon 
  display: none

  width: 10px
  height: 9px
  margin-left: 5px

  vertical-align: middle

  background:
    image: url("../img/sprite-icons.png")
    repeat: no-repeat
    position: 0px -93px

.sort_table .filter-icon.active 
  display: inline-block
  zoom: 1

  *display: inline

.sort_table .triangle, .list_table .triangle 
  display: none

table .data-wrapper 
  line-height: 22px

  min-height: 22px
  padding-right: 14px
  padding-left: 14px

  vertical-align: middle
  white-space: nowrap

  *height: 22px

//table .data-wrapper.wrap 
//  white-space: pre-wrap !important

table.list_table td .data-wrapper 
  display: block
  overflow: hidden

  white-space: nowrap

.b-list_overflow_ellipsis
  .dash-table &.list_table
    table-layout: fixed

  .b-list__table-row
    .data-wrapper
      text-overflow: ellipsis

table.list_table td .ovf .data-wrapper 
  display: inline

.td_sort,
.td_client_sort
  cursor: pointer

.b-list__table_type_footer .td_sort
  cursor: default

.b-sort-table__sort-order
  display: inline-block
  font:
    size: 8px
  padding: 0 2px

.reload-wrapper 
  float: right


img.props, div.s-icon.props 
  margin:
    right: 3px

  vertical-align: middle

div.controlprop 
  cursor: pointer


.selected .status-red,
.selected .status-green,
.selected .status-blue,
.selected .status-yellow,
.selected .status-cyan,
.selected .status-brown,
.selected .status-gray, 
.selected .status-magenta 
  color: #FFFFFF

.status-red 
  color: #E5693C

.status-green 
  color: #00A656

.status-blue 
  color: #4179CD

.status-yellow 
  color: #BFA136

.status-gray
  color: gray
 
.status-brown
  color: brown

.status-magenta
  color: purple

.status-cyan 
  color: #00B0B2
 
.used 
  height: 3px

  background: #FFA5A5

.used-wr 
  width: 100%
  margin-top: -3px

.live-search-highlighted,
.highlight 
  color: #000000
  background: #FFFF00

/*table list pager*/
.pager-wrapper 
  margin-top: 5px
  margin-bottom: 7px

.pager-wrapper .pager_list 
  float: right

  margin-right: 17px

.pager-list__item 
  line-height: 18px

  display: inline-block
  zoom: 1

  padding: 0 4px

  cursor: pointer
  text-align: center
  text-decoration: none

  color: #4C7299

  *display: inline

.pager-list__item_active 
  cursor: default
  text-decoration: none

  color: #000000
  border-radius: 5px 5px 0 0
  background: #E1E7ED

.pager-list__item_active 
  cursor: default
  text-decoration: none

  color: #000000
  border-radius: 0 0 5px 5px
  background: #E1E7ED

.pager-list__item.ellipsis 
  text-decoration: none

  color: #000000

.pager-wrapper .slist 
  float: left

.pager-wrapper .page_cnt 
  margin-left: 230px

.pager-wrapper  .page_cnt .page_cnt_lb_began 
  margin-right: 7px

.pager-wrapper  .page_cnt .page_cnt_lb_end 
  margin-right: 3px
  margin-left: 3px

.sb-result, .sb-selected,
.sb-result .no, .sb-selected .no 
  display: none

.sb-result_st_active, .sb-selected_st_active
  display: block

/*Filter*/
.filter-wrapper .filter-title 
  font-size: 13px
  font-weight: bold

  margin-bottom: 10px

  color: #868A8D


.filter-cont 
  display: inline-block
  zoom: 1

  *display: inline


.filter-cont label 
  margin-right: 10px


.filter-cont td 
  padding-bottom: 5px


.filter-active .filter-btns 
  float: right

.filter-input
  position: relative


.filter .filter-wrapper
  min-height: 100px
  margin-top: 5px
  margin-right: 16px
  margin-bottom: 10px
  padding: 12px 0 2px 12px
  
  border-radius: 12px 0 12px 12px
  background: #E1E7ED


.filter-hide .filter-wrapper
  display: none

.filter-opened
  .filter-wrapper,
  .b-filter__save-bar
    z-index: 21
    position: relative

/*deviewer start*/
#deviewer
  position: fixed
  z-index: 120
  top: 0
  left: 420px

#deviewer .msg
  font-size: 12px
  text-align: center

  min-height: 14px
  padding: 5px 15px
    right: 7px

  border-bottom: 1px solid #FF8356
  border-bottom-right-radius: 10px
  border-bottom-left-radius: 10px
  color: #FFF
  background:
    color: #FF8356
  //background: #FF8356

#deviewer
  .msginner
    display: inline-block
    color: #FFF

#deviewer .b-warning-banner_has_action
  text-decoration: underline
  cursor: pointer

.msgclose
  width: 11px
  height: 11px
  margin-left: 7px

  cursor: pointer
  vertical-align: middle

  //float: right
  display: inline-block

/*deviewer end*/
.clearBoth 
  clear: both


.fleft 
  float: left


.fright 
  float: right


/*Loader*/
#loader 
  position: fixed
  top: 50px
  left: 187px

  display: none


#loader.show 
  display: block


.l-form__table tr.hidden 
  height: 0


.middle 
  margin-left: 5px

  vertical-align: middle


.bottom 
  vertical-align: middle


select 
  font-family: Arial
  font-size: 11px

  padding: 0 7px

  border: 1px solid #CCCCCC
  border-radius: 4px
  background: #FFFFFF


.filter-btns .b-button:hover 
  background: #C6C9CC


.filter-btns .b-button.b-button_st_disabled:hover 
  background: #D4D7DB


.filter-btns .b-button:active 
  background: #B7B9BD


/*.button,*/
.filter-btns 
  position: relative

  display: inline-block
  zoom: 1

  //margin-right: 7px

  border-radius: 7px

  *display: inline


.form-item 
  margin-bottom: 3px


.desc 
  display: inline-block
  zoom: 1

  padding-top: 2px
  padding-left: 5px

  vertical-align: top

  *display: inline


.dash-block-bg 
  margin-bottom: 35px


.b-form-page_st_collapsed .dash-block-bg-header 
  padding-right: 31px

  border-radius: 12px


.dash-block-bg-header 
  padding: 0 15px

  border-radius: 12px 12px 0 0
  background: #EEEEEE


.dash-block-bg-body 
  background: #EEEEEE


.dash-table .b-form-page__inner 
  background: #FFFFFF


/*select list*/
#overlay 
  position: absolute
  z-index: 12

  width: 100%
  height: 100%


#overlay.hide 
  display: none


input[type='button']:focus 
  border-radius: 4px
  outline: 0 none

/*Modal window*/
.active-modal #modal,
.active-modal-alert #modal_alert 
  z-index: 106

  display: block


.active-modal #modal_overlay,
.active_mistake_form #modal_overlay,
.active-modal-alert #modal_overlay 
  position: absolute
  z-index: 105

  display: block

  width: 100%
  height: 100%

  opacity: .5
  background: #000000

  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50)


.modal,
.b-modal-mistake
  position: fixed
  top: 50%
  left: 50%

  display: none

  width: 400px
  margin-top: -50px
  margin-left: -200px
  padding: 10px

  border-radius: 20px
  background: #FFFFFF


#modal_alert.modal 
  text-align: center


.modal_content 
  padding: 22px


#modal_content,
#modal_alert_inner,
.b-modal-mistake__inner
  border: 1px solid #CFD9E2
  border-radius: 15px
  background: #E1E7ED


#modal_content .l-buttons,
#modal_alert .l-buttons,
.b-modal-mistake .l-buttons
  height: inherit

  text-align: center


#modal_message,
.modal_message 
  font-size: 12px

  margin: 20px
  max-height: 120px
  overflow-y: auto
  text-overflow: ellipsis
  overflow-x: hidden

  .modal-with-warning &
    color: red
    font-weight: bold
    padding:
      left: 80px

.b-modal__inner
  position: relative

#modal_overlay 
  display: none


/*remove extra padding ff*/
input[type='submit']::-moz-focus-inner 
  padding: 0

  border: none


/*Login*/
.js-required 
  font-size: 20px
  font-weight: bold

  text-align: center

  color: red


#login-wrapper 
  position: absolute
  top: 50%
  left: 50%

  width: 260px
  margin-top: -164px
  margin-left: -135px


#login-form 
  width: 260px
  height: 260px

  border-radius: 135px
  background: #78A5DF

#login-logo 
  text-align: center
  margin-top: 37px

#login-captcha
  position: absolute
  top: 290px
  left: -22px

#login-form-form table 
  margin: 0 auto

#login-form-form table td 
  padding-bottom: 12px

#login-form-form table td.left 
  text-align: right

#login-form-form label 
  padding-right: 10px

  color: #DBE7F7

#login-wrapper #links 
  display: table

  margin: 0 auto
  margin-top: 75px

#login-wrapper #copyright 
  margin: 0
  padding: 0

#login-wrapper #links li 
  line-height: 23px

#login-wrapper #links li.help
  background: url('../../common/img/sb-help.gif') no-repeat left

#login-form-form .loading 
  padding-top: 119px

  text-align: center

  color: white

#login-error 
  position: absolute
  top: 86px
  left: 275px

  min-width: 200px
  padding: 10px

  border-radius: 10px
  background: #FF8356


#login-error::before 
  position: absolute
  top: 50%
  left: -13px

  width: 0
  height: 0
  margin-top: -8px

  content: ''

  border-width: 8px 16px 8px 0
  border-style: outset solid
  border-color: transparent #FF8356 transparent transparent

//.b-login-main-wrapper
.b-body__login 
  min-height: 350px
  position: relative

.mgrview 
  position: relative

  width: 220px
  height: 168px


.mgrview img 
  position: absolute
  z-index: 1


.color 
  width: 100%
  height: 25px


.color1 
  background: #587B9D


.color2 
  background: #78A5DF


.color3 
  background: #E1E7ED


.color4 
  background: #879CB5


.color5 
  background: #537393


.color6 
  background: #6086AB


.colo7 
  background: #DAE2EC


#license-wrapper .login-label 
  margin-bottom: 2px


#license-wrapper 
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif
  font-size: 11px
  font-weight: normal


.dash-table table.list_table 
  table-layout: inherit


.dash-table 
  width: 100%
  padding-top: 26px

  table-layout: fixed


.dash-table .dashboard-nodata 
  padding: 5px


.dashblock-reload 
  display: inline-block
  zoom: 1

  width: 15px
  height: 9px
  margin-left: 8px

  vertical-align: middle

  background: url(../img/reload.png) no-repeat center

  *display: inline


.l-form-page__title-wr.loading .dashblock-reload::-moz-focus-inner,
.l-form-page__title-wr.loading .dashblock-reload:focus,
.dashblock-reload:focus 
  border: 0
  outline: none


.l-form-page__title-wr.loading .dashblock-reload
  -webkit-animation-name: rotate
  -moz-animation-name: rotate
  animation-name: rotate
  -webkit-animation-duration: 1s
  -moz-animation-duration: 1s
  animation-duration: 1s
  -webkit-animation-timing-function: linear
  -moz-animation-timing-function: linear
  animation-timing-function: linear
  -webkit-animation-iteration-count: infinite
  -moz-animation-iteration-count: infinite
  animation-iteration-count: infinite


.dash-table div.b-form-page 
  position: relative

  margin-bottom: 35px


.dash-table div.b-form-page.movingBlock 
  z-index: 100


.dash-table .toolbar 
  padding-top: 21px


#dash-top, #dash-left, #dash-right 
  margin-right: 22px


.left-row, .right-row 
  width: 50%


.dash-table table,
.band-table table 
  width: 100%


.dash-table td 
  vertical-align: top


.dash-table .toolbar-button 
  width: 80px
  margin-right: 25px

  vertical-align: top


.dash-table .band-title.big-title 
  font-weight: bold

  color: #6086AB
  background: #EDF2F7


/*Progressbar*/

.depended-hidden 
  display: none



*[readonly],
/*.b-myselect.readonly,*/
.b-radio.readonly,
.row-shadow input, .depended-shadow-s input,
.row-shadow .b-radio, .depended-shadow-s .b-radio
  color: #444

.row-shadow input, .depended-shadow-s input
  background: #FBFBFB


.depended-hidden-s 
  display: none


.warning td:first-child .data-wrapper 
  padding-left: 0


.warning-img 
  float: left

  width: 19px
  height: 22px
  margin-right: 3px
  margin-left: 14px

  background: url(../../common/img/p-error.png) no-repeat 0 2px


.b-band__empty-overlay
  position: absolute
  width: 100%
  height: 100%
  opacity: 0.5
  background: #FFFFFF
  z-index: 98
  .l-form__inner &
    z-index: 12

.b-band__empty-msg
  position: absolute
  text-align: center
  margin-top: 100px
  font-size: 18px
  width: 100%
  z-index: 99
  background: #FFFFFF
  opacity: 0.7

.bands 
  position: relative

  margin: 0 auto


.band-content table.sort_table 
  width: 669px


.fullwidth-band.band-content table.sort_table 
  width: 100%


.band-content.nodiagram .band-graphic,
.band-content.nodiagram .band_show 
  display: none


.band-content 
  width: 669px
  margin: 0 auto
  margin-bottom: 20px

  border-bottom: 1px solid #FFFFFF

.band-content.b-title 
  font-size: 14px

  margin-bottom: 0

.band-table 
  position: relative

  overflow: hidden


.band-table .list_table th 
  border-right: 1px solid #BFBFBF


.band-table .list_table th:last-child 
  border-right: 1px none


.band-table .list_table th .data-wrapper 
  line-height: 15px

  padding-right: 0
  padding-left: 0

  white-space: normal

.band-table .list_table th .ovf 
  line-height: 15px

  padding: 5px 14px

  white-space: normal

.band-table .list_table .rowHandler 
  display: none

.band-content.fullwidth-band 
  width: 100%

.fullwidth-band .band-graphic 
  width: 100%

.band-graphic .notenoughdata 
  width: 100%
  margin-bottom: 1px

  text-align: center

  border: 1px solid #CCCCCC
  background: #EEEEEE

.band-graphic .notenoughdata td 
  height: 97px

  vertical-align: middle


.band-content span[data-child-id] 
  cursor: pointer
  text-decoration: underline


#hidden-cbutton 
  position: absolute
  right: -20px

  width: 20px
  height: 100%


.active-menu #hidden-cbutton 
  display: none


.band-graphic 
  position: relative

  width: 669px
  min-height: 204px


.anychart 
  position: relative


.band-title.small-title 
  font-size: 18px


.band-title.big-title 
  font-weight: bold

  padding: 5px 10px

  color: #6086AB
  background: #EDF2F7


.band_show 
  font-size: 11px

  width: 100%
  margin: 0 auto
  margin-bottom: 5px

  cursor: pointer
  text-align: center

  color: #537393


.band_show .show_msg 
  display: none


.band_show  .hide_msg 
  display: inline-block
  zoom: 1

  *display: inline


.band_show .data-table-hidden .hide_msg 
  display: none

  text-align: center


.band_show .data-table-hidden .show_msg 
  display: inline-block
  zoom: 1

  text-align: center

  *display: inline


.band_show_button.data-table-hidden .triangle-band 
  font-size: 0
  line-height: 0

  top: 1px

  display: inline-block
  zoom: 1

  width: 0
  height: 0
  margin-left: 7px

  border-top: 4px solid #78A5DF
  border-bottom: 4px solid #78A5DF
  border-left: 4px solid #FFFFFF

  *display: inline


.band_show_button .triangle-band 
  font-size: 0
  line-height: 0

  position: relative
  top: -1px

  display: inline-block
  zoom: 1

  width: 0
  height: 0
  margin-left: 7px

  border-top: 4px solid #FFFFFF
  border-right: 4px solid #78A5DF
  border-left: 4px solid #78A5DF

  *display: inline


.band_show_button 
  position: relative

  display: inline-block
  zoom: 1

  padding: 3px 10px

  text-align: center

  color: #FFFFFF
  border-radius: 9px
  background: #78A5DF

  *display: inline


.band-table .list_table tfoot td 
  font-weight: bold
  line-height: 22px

  padding: 0 14px

  background: #C3D7EB

.band-table .nestedreport.data-wrapper 
  cursor: pointer

  color: #537393

.content, .topWrapper 
  padding-right: 18px

.form-content .rightBar 
  padding-right: 0

#fake-wrapper 
  width: 10000px
  height: 10000px

.userexperience 
  display: inline-block
  zoom: 1

  margin-bottom: 8px
  margin-left: 245px
  padding: 5px 10px

  cursor: pointer

  color: #5C81A5
  border-radius: 10px
  background: #E1E7ED

  *display: inline

.a-lot-of-pages.userexperience 
  position: absolute

.dash-table .band-content 
  width: inherit
  position: relative

body.ext-form div 
  font-size: 11px

.ext-form-table, #ext-form-main-wrapper 
  width: 100%
  height: 100%

table.ext-form-table 
  text-align: center

#left #mainmenu .group  li li.m-item a.wohan.newtab,
#left #mainmenu .group  li li.m-item:hover a.wohan.newtab 
  display: none

#edit-filed-in-list 
  position: absolute
  z-index: 1

  display: none

  width: 22px
  height: 22px

  cursor: pointer

  background:
    image: url(../img/edit.png)
    repeat: no-repeat
    position: 5px 6px

#context-menu-icon 
  position: absolute
  z-index: 1

  display: none

  width: 22px
  height: 22px

  cursor: pointer

  background: url(../img/menu_down_arrow.png) no-repeat center

/* EULA */
body.eula-body 
  overflow: auto

div.eula-content 
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif

  width: 80%
  margin: 20px auto

  text-align: left

h1.eula 
  font-size: 16px

  margin: 20px 0

  text-align: center

h2.eula 
  font-size: 12px

  margin: 10px 0

p.eula 
  font-size: 12px

  text-align: justify

li.eula 
  font-size: 12px

  padding-bottom: 6px

  text-align: justify

.eula-content .button 
  margin-top: 10px

.eula-form-wrapper
  text-align: center
  font-size: 12px

.eula-form
  margin: 20px 0
  display: inline-block

/* EULA */

.report_info 
  padding: 20px 0

/* edit in list*/
.edit-field-form form 
  position: relative

  display: inline-block
  zoom: 1

  *display: inline

.edit-field-form 
  position: absolute
  z-index: 11

  padding: 5px

  white-space: nowrap

  border: 1px solid #CCCCCC
  background: #FFFFFF

.edit-field-form-loader 
  text-align: center

.edit-field-form:before 
  top: -10px
  right: 5px

  border-width: 0 0 9px 6px
  border-style: solid
  border-color: transparent transparent #C4B154 transparent

.edit-field-form:after 
  top: -9px
  right: 6px

  border-width: 0 0 9px 4px
  border-style: solid
  border-color: transparent transparent #F8F89F transparent

/* tree */
.tree-wrapper 
  overflow: auto

  width: 100%
  min-height: 100px
  padding: 10px

  border: 1px solid #CCCCCC
  border-radius: 7px 0 7px 0

  .l-form__table-formwidth &
    margin-left: -15px

.tree-wrapper ul li 
  padding-left: 20px

  white-space: nowrap

  background: url('../img/vline.gif') repeat-y 21px


.tree-wrapper ul li .tree-label 
  line-height: 16px

  margin-left: 5px
  padding-right: 3px
  padding-left: 3px


.tree-wrapper .tree-handler 
  display: inline-block
  zoom: 1

  *display: inline

.tree-wrapper .bline 
  display: inline-block

  vertical-align: top


.tree-wrapper .bline.icon img 
  width: 16px
  height: 16px

.tree-wrapper .tree-label:hover 
  cursor: default

  color: #FFFFFF
  background: #6A93B7

.tree-wrapper .tree-handler.selected:hover .tree-label,
.tree-wrapper .tree-handler.selected .tree-label 
  color: #FFFFFF
  background: #6A93B7

.tree-hitarea 
  background: url('../img/tree.png') no-repeat 1px -1px

.tree-inner > ul > li 
  padding-left: 0

.tree-wrapper li.last 
  background: none

.tree-wrapper li.last > .tree-hitarea 
  background: url('../img/tree-last.png') no-repeat 4px 0

.tree-wrapper li.last.opened 
  background: url('../img/tree-last.png') no-repeat 10px -1px

.tree-wrapper .t-opened > .tree-hitarea,
.tree-wrapper .t-opened.last > .tree-hitarea 
  background: url('../img/tree.png') no-repeat -30px -18px

.tree-wrapper li.collapsed > .tree-hitarea 
  background: url('../img/tree.png') no-repeat 1px -18px

.tree-wrapper li.last.collapsed > .tree-hitarea 
  background: url('../img/tree.png') no-repeat -16px -18px

.tree-wrapper .tree-hitarea 
  width: 15px
  height: 15px

/*IDE*/
.toolbar-elem,
.toolbar-elem .t-checkbox 
  display: inline-block
  zoom: 1

  margin-right: 5px
  margin-bottom: 5px

  vertical-align: top

  *display: inline

.toolbar-elem label 
  line-height: 18px


.toolbar-editor 
  padding: 2px
  padding-left: 0

  white-space: normal


.ace_editor.fullscreen 
  position: fixed !important
  z-index: 998
  top: 0
  right: 0
  bottom: 0
  left: 0

  width: auto!important
  height: auto!important
  margin: 0

  border: 0

.ace_editor 
  white-space: normal

  border: 1px solid #CCCCCC
  border-radius: 7px 0 7px 0

.exit-fullscreen.fullscreen 
  position: fixed
  z-index: 999
  top: 55px
  right: 20px

  display: block

.exit-fullscreen 
  display: none


.edit-field-form.active,
#left #mainmenu .group li li.loading 
  -webkit-transition: width .4s ease-in-out
  -moz-transition: width .4s ease-in-out
  -ms-transition: width .4s ease-in-out
  -o-transition: width .4s ease-in-out
  transition: width .4s ease-in-out
  -webkit-animation: animate-stripes 3s linear infinite
  -moz-animation: animate-stripes 3s linear infinite
  animation: animate-stripes 3s linear infinite

  background-color: #2F8DD5
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent))
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
  background-image:    -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
  background-image:     -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
  background-image:      -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
  background-image:         linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
  -webkit-background-size: 30px 30px
  -moz-background-size: 30px 30px
  background-size: 30px 30px
  -webkit-box-shadow: 0 1px 0 #FFFFFF inset
  -moz-box-shadow: 0 1px 0 #FFFFFF inset
  box-shadow: 0 1px 0 #FFFFFF inset

@-webkit-keyframes animate-stripes 
  0% 
    background-position: 0 0
  
  100% 
    background-position: 60px 0

@-moz-keyframes animate-stripes 
  0% 
    background-position: 0 0
  
  100% 
    background-position: 60px 0

@keyframes animate-stripes
  0% 
    background-position: 0 0
  
  100% 
    background-position: 60px 0

#edit-filed-in-list.active
  -webkit-animation-name: rotate
  -moz-animation-name: rotate
  animation-name: rotate
  -webkit-animation-duration: 1s
  -moz-animation-duration: 1s
  animation-duration: 1s
  -webkit-animation-timing-function: linear
  -moz-animation-timing-function: linear
  animation-timing-function: linear
  -webkit-animation-iteration-count: infinite
  -moz-animation-iteration-count: infinite
  animation-iteration-count: infinite

@-webkit-keyframes rotate
  from
    -webkit-transform: rotate(0deg)

  to
    -webkit-transform: rotate(360deg)

@-moz-keyframes rotate
  from
    -moz-transform: rotate(0deg)

  to
    -moz-transform: rotate(360deg)

@keyframes rotate
  from
    transform: rotate(0deg)

  to
    transform: rotate(360deg)

.mgr-version 
  padding-left: 0 !important

  color: red

/* Overrides extra padding in Firefox */
input::-moz-focus-inner
  padding: 0 !important

  border: 0 none !important

/*dcmap*/
.svg-wrapper
  position: relative

.svg-wrapper svg
  border: 1px solid #000000

.svg-wrapper svg .default-border
  stroke-width: 1px
  stroke: #000000
  fill: none

.svg-wrapper svg .selected
  opacity: .5

/*inspector form*/
#inspector_form
  position: absolute
  z-index: 20
  top: 0
  right: 0

  display: none

  width: 550px
  padding: 10px
    top: 0

  border: 1px solid #CFD9E2
  border-radius: 20px
  background: #E1E7ED

  box-shadow: 5px 5px 14px 0px rgba(0,0,0,0.22)

.inspector-button
  visibility: hidden
  //display: none

.inspector-content .rightBar
  display: none

#inspector_form #inspector-content
  background:
    color: #FFFFFF
  border: 1px solid #CFD9E2
  border-radius: 15px

#inspector_form.collapsed
  top: inherit !important
  right: 0 !important
  bottom: 0

  padding: 0 5px

.field-settings
  display: inline-block
  zoom: 1

  margin-left: 5px
  padding-top: 2px

  vertical-align: top

#inspector_form.collapsed #inspector-content,
#inspector_form .devel-link-settings,
#inspector_form .devel-link-add,
#inspector_form .devel-link-delete,
#inspector_form  .form-settings
  display: none

.devel-link-settings
  display: inline-block

  width: 16px
  height: 16px

  background: url(../img/gear.png) no-repeat left top

.devel-link-settings--col
  margin-left: 5px

  vertical-align: middle

.devel-link-delete--col
  vertical-align: middle

#left #mainmenu .group li li a.devel-link-settings--menu
  position: absolute
  left: 0

.devel-link-add 
  display: inline-block

  width: 16px
  height: 16px

  background: url(../img/plus.png) no-repeat left top

.devel-link-delete
  display: inline-block

  width: 16px
  height: 16px

  background: url(../img/minus.png) no-repeat left top

.devel-link-add--col 
  position: absolute
  top: 5px
  left: -15px

.toolbutton-settings 
  position: absolute
  top: 0
  right: 0

.toolbutton-add 
  position: absolute
  left: -15px

.menu_settings 
  position: fixed
  z-index: 99
  left: 164px

  margin-top: -18px

.l-label__wrapper .devel-link-settings--field,
.l-label__wrapper .devel-link-delete--field,
.dash-table .devel-link-delete--col,
.dash-table .devel-link-settings--col 
  display: none

.l-form__col_type_fullwidth .l-label__wrapper .devel-link-settings--field,
.l-form__col_type_fullwidth .l-label__wrapper .devel-link-delete--field,
.form-settings,
.col-settings,
.list-settings 
  display: inline-block

.l-devel.s16x16 
  background: url('../../common/img/l-devel.png') no-repeat 0 0

.b-map-toolbar 
  padding: 5px

.b-map-toolbar__button 
  display: inline-block

  margin-left: 1px
  padding: 2px 5px

  text-decoration: none

  border: 1px solid #CCCCCC

.b-map-toolbar__button_save_yes 
  margin-right: 10px

.b-map-toolbar__button_zoomin 
  margin-left: 10px

.b-map-toolbar__button_active 
  font-weight: bold

/*google chart tooltip fixed */
.charts-tooltip 
  z-index: 999

.b-overlay 
  position: fixed
  z-index: 9998
  top: 0

  display: none

  width: 100%
  height: 100%

  opacity: .5
  background: #E1E7ED

/*rack*/
.b-rack 
  width: 350px

  border: 2px solid #000000

.b-rack-bottom 
  width: 350px
  height: 25px

  border-top: 2px solid #000000

.b-rack-btn 
  display: inline-block

  margin-left: 1px
  padding: 2px 5px

  text-decoration: none

  border: 1px solid #CCCCCC

.b-rack-btn_save 
  margin-right: 10px

.b-rack-btn_active 
  font-weight: bold

.b-rack__name 
  padding: 2px 5px

  color: #FFFFFF
  border-bottom: 1px solid #000000
  background: #CCCCCC

.b-rack__numeric-list 
  line-height: 18px

  width: 19px

  text-align: center
  vertical-align: middle

  color: #FFFFFF
  background: #858585

.b-rack__numeric-item 
  height: 18px

  border-top: 1px solid #FFFFFF

.b-rack-unplaced 
  position: absolute
  top: 0
  left: 720px

  min-width: 100px
  max-width: 350px

.b-nodes 
  position: relative

.b-nodes_active-view .b-node__elem,
.b-nodes_active-view .b-node__multi_elem 
  background-color: inherit !important

.b-node__elem 
  position: absolute

  width: 330px
  margin-left: 20px

  border: 1px solid #CCCCCC
  background: #FFFFFF

.b-node__elem_withoutpos 
  left: 350px

.b-node__mover 
  float: right

  width: 10px

  background: #D0482C

.b-node__name 
  line-height: 15px

  float: left

  padding-right: 5px
  padding-left: 5px

.b-node__elem:focus,
.b-node__multi_elem:focus,
.b-node__elem_selected 
  outline: 1px solid #2CA82D

.b-node__elem:focus 
  z-index: 1

.b-node__multi_elem:focus 
  z-index: 2

.b-node__elem.b-node__elem_state_error,
.b-node__multi_elem.b-node__elem_state_error 
  opacity: .7
  outline: 1px solid #FF1B1B

.b-node__props 
  float: left

.b-node__multi_elem 
  position: absolute

  border: 1px solid #CCCCCC

.b-node-multi__mover 
  position: absolute
  bottom: 0

  height: 10px

  background: #D0482C

.b-node__multi_elem_unplaced 
  position: relative
  z-index: 10

  display: inline-block

.b-prop 
  display: inline-block

  width: 4px
  height: 4px
  margin-left: 4px

  vertical-align: middle

.b-prop_link_on 
  background-color: orange

.b-prop_power_on 
  background-color: green

.b-prop_link_off 
  background-color: #989898

.b-prop_power_off 
  background-color: #989898

.b-prop-multinode 
  width: 4px
  height: 4px
  margin-top: 4px

.b-node__props_multinode 
  float: right

  width: 4px
  margin-right: 4px

.b-node__name_multinode 
  position: absolute
  transform: rotate(-90deg)
  transform-origin: top left

  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)

.b-hint-line__label
  font-weight: bold

  margin-right: 4px

.b-node-inner
  float: left

  width: 320px

.b-node__view
  position: absolute
  z-index: -1

  display: none

  width: 320px

  background: #FFFFFF

.b-rack-legend
  position: absolute
  top: 18px
  left: 360px

  display: none

  padding: 5px 25px

  border: 1px solid #CCCCCC

.b-rack-legend__title
  padding: 0 0 10px 0

.b-rack-legend__color
  display: inline-block

  width: 11px
  height: 11px

.b-rack-legend__value
  line-height: 11px

  display: inline-block

  padding-left: 5px

  vertical-align: top

.b-rack-legend_dcmap
  top: 0
  right: 16px
  left: inherit

  opacity: .9
  background: #FFFFFF

.b-map-status
  display: none

  color: red

.b-map-status_active
  font-size: 11px

  display: inline-block

  padding-left: 10px

.b-notify-bar
  position: absolute
  top: 0
  left: 205px

  //padding: 3px 13px
  //padding-bottom: 6px

  border-radius: 0 0 12px 12px
  background: #E1E7ED

.b-notify-bar__item
  display: inline-block
  vertical-align: top

/** ticket **/
.b-ticket
  font-family: Arial
  font-size: 11px

  background: #FFFFFF

.b-ticket__table
  width: 100%

  vertical-align: top

.b-ticket__item
  position: relative

  margin-bottom: 5px
  padding: 7px

  color: #000000
  border: 1px solid #CCCCCC
  border-radius: 4px

.b-ticket__title
  margin-bottom: 10px

  .b-ticket__table-row_is_collapsed &
    margin-bottom: 0

.b-ticket__item-inner_incoming .b-ticket__title
  color: #00A957

.b-ticket__item-inner_outcoming .b-ticket__title,
.b-ticket__item-inner_system .b-ticket__title,
.b-ticket__item-inner_inner .b-ticket__title
  color: #E86E3C

.b-ticket__item_incoming
  margin-right: 22px

  background: #FFFFFF

  .b-ticket__table_my_outcoming &
    margin-left: 35px

.b-ticket__item-inner
  position: relative
  z-index: 2
  min-height: 11px

.b-ticket__item-inner_has_rate
  padding:
    bottom: 16px

.b-ticket__item_outcoming
  margin-right: 22px
  margin-left: 35px

  background: #FBFBFB

  .b-ticket__table_my_outcoming &
    margin-left: 0

.b-ticket__item-inner_outcoming,
.b-ticket__item-inner_incoming
  min-height: 40px

  .b-ticket__table-row_is_collapsed &
    min-height: 10px

.b-ticket__item-inner_outcoming:before,
.b-ticket__item-inner_incoming:before,
.b-ticket__item-inner_outcoming:after,
.b-ticket__item-inner_incoming:after
  position: absolute
  z-index: 2
  top: 0
  right: -17px

  width: 0
  height: 0

  content: ''

  border-width: 8px 10px 0 0
  border-style: solid
  border-color: #FFFFFF transparent transparent

.b-ticket__item-inner_outcoming:before
  border-color: #FBFBFB transparent transparent transparent

.b-ticket__item-inner_outcoming:after,
.b-ticket__item-inner_incoming:after
  z-index: 1
  top: -1px
  right: -20px

  border-width: 9px 12px 0 0
  border-style: solid
  border-color: #CCCCCC transparent transparent transparent

.b-ticket__item_inner
  margin-right: 22px
  margin-left: 35px

  background: #FFFFDD

.b-ticket__item_system
  margin-right: 22px
  margin-left: 35px

  background: #fff4f0

.b-ticket__item_ticketnote
  margin-right: 22px
  margin-left: 35px
  background: #D2FDF4

.b-ticket__avatar
  display: inline-block

  border: 1px solid #CCCCCC

  border-radius: 4px
  background-color: #E1E7ED

  height: 80px

  .b-ticket__table-row_is_collapsed &
    height: 30px

.b-ticket__avatar-img
  border-radius: 4px

  .b-ticket__table-row_is_collapsed &
    height: 30px !important
    width: 30px !important

.b-ticket__clear
  clear: both

.b-ticket__file
  margin-top: 5px

  .b-ticket__table-row_is_collapsed &
    display: none

.b-ticket__table-col
  vertical-align: top

.b-ticket__table-col_type_msg
  width: 100%

/*long word break form*/
.b-ticket__body
  word-break: break-all
  //if support

  -webkit-hyphens: auto
  -moz-hyphens: auto
  hyphens: auto

  .b-ticket__table-row_is_collapsed &
    display: none

/*ticket msg info*/
.b-ticket__body_same_prop
  word-break: break-word

.b-ticket__table-info
  border-collapse: collapse

.b-ticket__item_info
  margin-right: 20px

.b-ticket__col-info
  padding: 1px 10px 1px 0

.b-ticket__col-info_type_header
  color: #00A957
  padding-bottom: 3px
  padding-top: 15px

  .b-ticket__row-info_type_header:first-child &
    padding-top: 0

.b-ticket__col-info_type_label
  min-width: 230px

.b-ticket__rate
  line-height: 16px
  float: right
  margin:
    bottom: -20px
  text-align: right
  //right: 0
  //bottom: -7px
  //position: absolute
  .b-ticket__table-row_is_collapsed &
    display: none

.b-ticket__rate-like,
.b-ticket__rate-dislike,
.b-ticket__rate_is_rated
  display: inline-block
  margin:
    left: 13px
  vertical-align: top

.i-ticket__rate
  cursor: pointer

.b-ticket__rate-like
  color: #00A957
  .b-ticket__rate_rated_dislike &
    display: none
  &.b-ticket__rate_is_rated
    display: block

.b-ticket__rate-dislike
  color: #E86E3C
  .b-ticket__rate_rated_like &
    display: none
  &.b-ticket__rate_is_rated
    display: block

.b-ticket__rate-msg_rated
  display: none

  .b-ticket__rate_rated_like &,
  .b-ticket__rate_rated_dislike &
    display: inline

.b-ticket__rate-text
  display: inline-block
  vertical-align: top

.b-ticket__rate_rated_like,
.b-ticket__rate_rated_dislike
  .b-ticket__rate-msg,
  .b-ticket__rate-text
    display: none

.b-ticket__rate-img
  width: 16px
  height: 16px
  margin:
    right: 5px

  .b-ticket__rate_rated_like &,
  .b-ticket__rate_rated_dislike &
    margin:
      right: 0

.b-ticket__btn-move-wrapper
  right: 46px
  position: fixed
  top: 50%

.b-ticket__btn-move
  display: block
  font-size: 25px
  color: #676A6C
  cursor: pointer

.b-ticket__btn-move_up
  &:before
    content: '\2191'

.b-ticket__btn-move_down
  &:before
    content: '\2193'

.b-ticket__btn-collapse
  &.s16x16
    display: none

  .b-ticket__table-row_is_collapsible &
    display: block
    position: absolute
    right: 0
    top: -2px
    cursor: pointer

.b-quote
  display: inline-block
  margin-bottom: 2px

.b-topmenu__label
  display: inline-block

.b-myselect_topmenu
  display: inline-block

.b-myselect_topmenu .b-myselect__option-value
  line-height: 18px

.b-myselect_topmenu .b-myselect__img
  margin-top: 1px

/*TinyMCE fullscreen fixed*/
div.mce-fullscreen
  z-index: 999

/*styles for htmldata & textdata*/
.b-htmldata__inner ul li,
.b-textdata__inner ul li
  list-style: inherit

.b-htmldata__inner ul,
.b-textdata__inner ul,
.b-htmldata__inner ol,
.b-textdata__inner ol
  padding-left: 20px

  list-style-position: inside

.b-htmldata__inner p,
.b-textdata__inner p 
  margin-top: 1em
  margin-bottom: 1em

.b-htmldata__inner table th,
.b-htmldata__inner table td,
.b-textdata__inner table th,
.b-textdata__inner table td 
  font-weight: inherit

  text-align: inherit

  color: inherit
  border: 1px solid #000000

.b-htmldata__inner table,
.b-textdata__inner table 
  width: inherit

.b-textdata__inner table thead tr,
.b-htmldata__inner table thead tr 
  border: inherit
  background: inherit

.b-text-wrapper
  word-wrap: break-word

.toolbtn-type-dummy
  display: none
  & a
    cursor: default

  .toolgrp.collapsed &
    display: inline-block


.b-ticket-tools-link
  display: inline-block
  margin-right: 7px

.b-modal-mistake
  display: none

  .active_mistake_form &
    display: block
    z-index: 106

.b-modal-mistake__textarea,
.b-modal-mistake__input
  width: 90%
  margin: 10px
  height: 60px

.b-modal-mistake__introduce
  padding: 10px

.bg__green
  background: #00A676

.changelog
  margin:
    left: 15px

.b-imglinks
  text-align: center

.b-imglinks_has_captcha
  text-align: center
  margin-top: 90px

.b-imglinks__link
  padding: 3px

.rightBar
  .sb-help
    background:
      position-y: -1px
//remove red outline in firefox for required field
input:invalid
  -moz-box-shadow: none
  box-shadow: none

.b-report-nodata
  padding: 5px 10px

.l-form__row_has_addition
  .l-form__control_inline_yes
    display: inline-block

//empty icon hack
.s-icon.transparent
  background:
    position: -100px -100px


.ace_orion_highlight_red
  background:
    color: #eca6a9
  position: absolute
  z-index: 6