@font-face {
    font-family: 'Open Sans Light';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(/common/fonts/OpenSans-Light.woff) format('woff');
  }

  /* Remove outline from select box in FF */
  select:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #000;
  }

  .main-container {
      height: 100%;
  }

  @media (max-width: 880px) {
      .hidden-xss {
          display: none !important;
      }
  }

  .block-line {
      display: inline-block;
  }

  @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 400;
      src: local('Open Sans'), local('.donate .system-block'), url(/common/fonts/OpenSans-Regular.woff) format('woff');
  }

  .pull-center {
      margin: auto;
      display: table;
  }

  .hand {
      cursor: pointer;
  }

  .display-table {
      display: table;
  }

  body.no-skin {
      display_: contents;
      /* background-image: url(/common/img/bg-img/bg-img-0.jpg) */
  }

  body {
    background: none !important;
}

  .padding-5 {
      padding: 5px !important;
  }

  .space-64 {
      max-height: 1px;
      min-height: 1px;
      overflow: hidden;
      margin: 64px 0 64px;
  }

  .space-128 {
      max-height: 1px;
      min-height: 1px;
      overflow: hidden;
      margin: 128px 0 128px;
  }

  .margin-right-15 {
      margin-right: 15px !important;
  }

  .token, .karma {
      background-repeat: no-repeat;
      display: inline-block;
      margin-left: 3px;
  }

  .token-32 {
      width: 32px;
      height: 32px;
      background-image: url(/common/img/money/token-32.png);
  }

  .token-24 {
      width: 24px;
      height: 24px;
      background-size: 24px auto;
      background-image: url(/common/img/money/token-24.png);
  }

  .token-20 {
      width: 20px;
      height: 20px;
      background-image: url(/common/img/money/token-20.png);
  }

  .token-16 {
      width: 16px;
      height: 16px;
      background-image: url(/common/img/money/token-16.png);
  }

  .karma-32 {
      width: 32px;
      height: 32px;
      background-image: url(/common/img/money/karma-32.png);
  }

  .karma-24 {
      width: 24px;
      height: 24px;
      background-image: url(/common/img/money/karma-24.png);
  }

  .karma-20 {
      width: 20px;
      height: 20px;
      background-image: url(/common/img/money/karma-20.png);
  }

  .karma-16 {
      width: 16px;
      height: 16px;
      background-image: url(/common/img/money/karma-16.png);
  }

  .margin-b-m-1 {
      margin-bottom: -1px;
  }

  .margin-b-m-2 {
      margin-bottom: -2px;
  }

  .margin-b-m-3 {
      margin-bottom: -3px;
  }

  .margin-b-m-4 {
      margin-bottom: -4px;
  }

  .margin-b-m-6 {
      margin-bottom: -6px;
  }

  .login-box .toolbar > div {
      width: auto;
  }


  .dark-login .adjust img {
      transform: none;
  }

  .light-login .adjust img {
      transform: rotate(35deg);
  }

  .navbar-default {
      height: 45px;
  }

  .ui-dialog .ui-dialog-titlebar, .ui-dialog .ui-jqdialog-titlebar, .ui-jqdialog .ui-dialog-titlebar, .ui-jqdialog .ui-jqdialog-titlebar {
      padding: 0;
  }

  .ui-dialog, .ui-jqdialog {
      padding: 0;
  }

  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
      text-align: center;
      float: none;
  }

  .ui-dialog .ui-dialog-titlebar-close {
      margin: -19px -4px 0;
  }

  .ui-dialog textarea[name="reason_input"] {
      resize: none;
  }

  a, select, input, .btn:focus {
      outline: medium none !important;
  }

  @-moz-document url-prefix() {
      select {
         text-shadow: 0 0 0 #000 !important;
      }
  }

  select {
      font-size: 15px;
  }

  label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
      cursor: pointer;
  }

  select option[value=''] {
      padding: 3px 4px;
  }

  input, select, textarea {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  .del {
      text-decoration: line-through !important;
  }

  input:-webkit-autofill {
      -webkit-box-shadow: inset 0 0 0 50px #fff !important;
  }

  .btn.active.btn-xs:after, .btn.active.btn-minier:after {
      bottom: -4px;
  }

  .nav-list > li > a > .menu-icon {
      vertical-align: top;
  }

  .table.char th, .table.char td {
      text-align: center;
      vertical-align: middle;
  }

  #navbar {
      background: url("/common/img/mosaic-pattern.png") repeat scroll 0 0 #438EB9;
  }

  #footer {
      background: url("/common/img/mosaic-pattern.png") repeat scroll 0 0 rgba(0, 0, 0, 0.8);
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      bottom: 0;
      color: #FFFFFF;
      overflow: hidden;
      padding: 0 10px 30px;
      position: absolute;
      width: 100%;
  }

  #footer .copy {
    left: 0;
    padding: 5px 10px;
    position: absolute;
  }

  /* donate */
  .donate #cost, .donate #username {
      width: 183px
  }

  .donate .username-block {
      width: 208px;
  }

  .donate .system-block {
      margin: auto;
      max-width: 712px;
      text-align: center;
  }

  .donate .form-horizontal {
      margin: 0px auto;
      width: 600px;
  }

  .donate .system-element {
      display: inline-block;
      padding: 10px;
      margin: 10px 5px 5px 10px;
      box-shadow: 0 0 0 4px #e0e0e0;
  }

  .gray {
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
      filter: gray;
  }

  .donate .system-element.active, .donate .system-element:hover {
      box-shadow: 0 0 0 4px #87b87f;
  }

  .donate #form form {
      margin: auto;
  }

  .donate #pre-form .form-group {
      height: 36px;
  }

  .donate .form-group.submit {
      margin: auto;
      width: 293px;
  }

  .donate .profile-info-name {
      width: 145px;
  }

  .donate .ace-spinner .spinner-input {
      height: 34px;
  }

  .donate .ace-spinner.touch-spinner .spinner-buttons > .btn {
      height: 34px;
      width: 29px;
  }

  .ace-spinner {
      min-width: 145px;
  }

  .problem-donate .icon-question {
      position: absolute;
      margin: 7px 0 0 5px;
  }
  /* donate */

  /* account/profile */
  .intl-tel-input li.country
  {
      text-align: left;
  }

  input[name=code_old], input[name=code_new], input[name=code_email] {
      width: 290px;
  }

  .phone-add-modal .alert{
      margin-bottom: 0;
  }
  /* account/profile */

  /* donate_problem */
  .problem-donate textarea[name="problem_input"] {
      resize: none;
  }
  /* donate_problem */

  .login-container, .signup-container, .restore-container {
      min-width: 375px;
      top: 50%;
      left: 50%;
      position: absolute;
  }

  .login-container {
      margin: -155px -190px;
  }

  .signup-container {
      margin: -264px -190px;
  }

  .restore-container {
      margin: -162px -190px;
  }

  .login-layout .widget-box .widget-main {
      padding: 16px 26px 26px;
  }

  .login-layout .widget-box .widget-body .toolbar > div > a {
      font-size: 14px;
      display: block;
      font-weight: bolder;
  }

  .main .infobox-small, .abox-wrapper .infobox-small {
      width: 155px;
  }

  .main .infobox-small > .infobox-data, .abox-wrapper .infobox-small > .infobox-data {
      max-width: 85px;
  }

  .main .infobox, .abox-wrapper .infobox {
      border: 1px solid #CCC;
      margin: 0 15px 15px 0;
  }

  .main .infobox:not(.infobox-small), .abox-wrapper .infobox:not(.infobox-small) {
      width: 215px;
  }

  .dd-handle.dd2-handle {
      cursor: move;
  }

  .event .dd-handle, .dd2-content {
      font-weight: normal;
  }

  .signup-box .form-group, .forgot-box .form-group {
      margin-bottom: 30px;
  }

  form.password .control-button {
      display: inline-table;
      width: 247px;
  }

  #forgot-box .tab-content {
      padding: 16px 0;
  }

  .ban-acc-info-modal .profile-info-value {
      width: 370px;
  }

  #basic .profile-info-name {
      width: 185px;
  }

  .ban-info-modal .profile-info-name {
      width: 145px;
  }

  #basic .iti-flag {
      display: inline-block;
      margin: 0px 2px -2px 0px;
  }

  #security .profile-user-info, .ban-info-modal .profile-user-info {
      width: auto;
  }

  .ban-info-modal .profile-user-info {
      width: 100%;
  }

  #security .profile-info-name {
      text-align: center;
      width: 145px;
  }

  .profile-info-value {
      padding: 0 4px 0 6px;
      vertical-align: middle;
  }

  #button_vk span {
      color: #FFFFFF;
  }

  #text_bbcode {
      width: 350px;
      height: 56px;
      resize: none;
  }

  .input-large {
      width: 247px;
  }

  .vk {
      padding: 6px 10px 0px 10px !important;
  }

  button.btn-danger.add-phone {
      margin-top: -2px;
      border-width: 1px;
  }

  #friends button, #button_vk {
      margin: -2px 0 0 10px;
      min-width: 100px;
  }

  #friends .bbcode {
      display: block;
      margin: -43px 0 0 353px;
  }

  .form-group.wrap-dashed {
      height: 34px
  }

  .form-group.wrap-dashed1 {
      height: 39px
  }

  a.dashed {
      border-bottom: 1px dashed #3366CC;
      text-decoration: none;
  }

  .error-message {
      font-size: 14px;
      margin: 28px -20px;
      position: absolute;
      width: 100%;
  }

  #complexity {
      position: absolute;
      font-size: 13px !important;
  }

  img#captcha {
      cursor: pointer;
  }

  input[name="captcha"] {
      height: 34px;
  }

  .ace-nav > li.light-blue > a:hover, .ace-nav > li.light-blue > a:focus{
      background-color: #4E94BD;
  }

  .ace-nav > li.open.light-blue > a {
      background-color: #2C5976;
  }

  .navbar-buttons .navbar-blue {
      padding: 0px 8px;
      color: rgb(255, 255, 255);
      background-color: rgb(98, 168, 209);
  }

  #lang_nav .dropdown-menu {
      margin: 9px 4px 0 0;
      width: 125px;
      min-width: 130px;
  }

  #realm_nav.dropdown-menu.dropdown-close, #user_nav.dropdown-menu.dropdown-close {
      margin: 9px 4px 0 0;
      min-width: 130px;
  }

  .realm-info, .user-info {
      max-width: 100%;
      display: inline-block;
      line-height: 15px;
      overflow: hidden;
      position: relative;
      text-align: left;
      text-overflow: ellipsis;
      top: 2px;
      vertical-align: baseline;
      white-space: nowrap;
  }

  .item-poor, .item-poor:hover {
      color: #9D9D9D;
  }

  .item-common, .item-common:hover {
      color: #FFF;
  }

  .item-uncommon, .item-uncommon:hover {
      color: #00FF00;
  }

  .item-rare, .item-rare:hover {
      color: #0070DD;
  }

  .item-epic, .item-epic:hover {
      color: #A335EE;
  }

  .item-legendary, .item-legendary:hover {
      color: #FF8000;
  }

  .item-heirloom, .item-artifact, .item-heirloom:hover, .item-artifact:hover {
      color: #E5CC80;
  }

  .char-warrior, .char-warrior:hover {
      color: #C69B6D;
  }

  .char-paladin, .char-paladin:hover {
      color: #F48CBA;
  }

  .char-hunter, .char-hunter:hover {
      color: #7AD372;
  }

  .char-rogue, .char-rogue:hover {
      color: #FFF468;
  }

  .char-priest, .char-priest:hover {
      color: #FFFFFF;
  }

  .char-death-knight, .char-death-knight:hover {
      color: #C41E36;
  }

  .char-shaman, .char-shaman:hover {
      color: #0C36F5;
  }

  .char-mage, .char-mage:hover {
      color: #0777CF;
  }

  .char-warlock, .char-warlock:hover {
      color: #9382BA;
  }

  .char-monk, .char-monk:hover {
      color: #008467;
  }

  .char-druid, .char-druid:hover {
      color: #FF7C0A;
  }

  .icon-frame {
    border-color: #B1B2B4 #434445 #2F3032;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    overflow: hidden;
    padding: 1px;
  }

  .icon-frame img {
      display: block;
      vertical-align: bottom;
  }

  #msg {
      height: 65px;
      margin: 0 auto;
      width: 500px;
  }

  #msg #message, #msg .alert, #msg.alert {
      font-size: 13px !important;
  }

  .main-content {
      min-height: 600px !important;
  }

  /*/character/transfer/server#auth-box*/
  .auth-box input[name="username"], .auth-box input[name="password"] {
      width: 269px;
  }

  .auth-box input[name="captcha"] {
      width: 175px;
  }

  .transfer-server.widget-container-col, .select-realm.widget-container-col {
      margin: 0px auto;
      width: 500px;
  }
  /*/character/transfer/server#auth-box*/

  /*/character/transfer/server*/
  span.logout {
      border-radius: 0;
  }

  .transfer-realm-limit {
      display: inline-block;
      width: 10px;
  }
  /*/character/transfer/server*/

  .character-transfer .form-group.select-inline {
      display: inline-table;
      margin-right: 50px;
  }

  .character-transfer .select-inline label, .character-restore .select-inline label {
      margin-right: 10px;
  }

  .character-transfer .form-group.char, .character-restore .form-group.char {
      margin: -16px -13px;
  }

  .dropdown-menu {
      min-width: 110px;
  }

  .btn-group > .btn-sm, .btn-group + .btn-sm {
      border-width: 4px;
  }

  #manager-table .ace-file-input input[type="file"] {
      position: relative;
  }

  #manager-table .ace-file-input .remove {
      border-radius: inherit;
      height: 27px;
      line-height: 27px;
      top: 3px;
      right: 72px;
  }

  #manager-table .char-class, #dump-table .char-class {
      margin-bottom: 4px;
  }


  #manager-table .ace-file-input .ace-file-container:before {
      padding: 0 6px;
      line-height: 25px;
  }

  #manager-table .ace-file-input .ace-file-container .ace-file-name:after {
      display: inline;
  }

  #manager-table .input-file {
      display: inline-block;
  }

  #manager-table .ace-file-input .ace-file-container .ace-file-name {
      line-height: 30px;
      margin-left: -84px;
      max-width: 145px;
      text-overflow: ellipsis;
  }

  #manager-table .ace-file-input {
      width: 265px;
  }

  #manager-table .ace-file-input .ace-file-container.selected {
      right: 0;
  }

  #manager-table .ace-file-input .ace-file-container {
      height: 33px;
  }

  #manager-table button[id^="upload-"] {
      margin: 7px 0 0 4px;
  }

  #manager-table .details {
      margin: -4px auto;
  }

  #manager-table .editable-buttons {
      display: block;
      margin: 8px 0;
  }

  #manager-table textarea {
      resize: none;
  }

  #manager-table td.details:hover {
      background-color: #F0FFE9;
  }

  #manager-table .even.fee {
      background-color: #F0FAF0;
  }

  #manager-table.table-striped > tbody > tr.fee:nth-child(2n+1) > td, #manager-table.table-striped > tbody > tr.fee:nth-child(2n+1) > th, table tr.top-vote-select {
      background-color: #D3F6D3 !important;
  }

  .table > thead > tr > th {
      font-weight: normal;
      color: #307ECC;
  }

  .dataTable > thead > tr > th.sorting_desc, .dataTable > thead > tr > th.sorting_asc {
      font-weight: bold;
  }

  thead.cell-border tr th {
      border: 1px solid #ddd;
  }

  table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
      border-top: 1px solid #ddd;
      border-right: 1px solid #ddd;
  }

  table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
      border-left: none;
  }

  table.dataTable.cell-border tbody tr th:last-child, table.dataTable.cell-border tbody tr td:last-child {
      border-right: none;
  }

  table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
      border-top: none;
  }

  .dataTables_wrapper {
      color: #2283C5;
  }

  #manager-table_wrapper div.row div {
      padding-bottom: 3px;
  }

  .dataTables_wrapper .row:first-child {
      padding-bottom: 0;
  }

  .dataTables_filter {
      text-align: inherit;
  }

  .dataTables_wrapper .reset.arena {
      margin: 7px 0 5px 0;
  }

  .dataTables_wrapper .reset.challenge {
      margin: -28px 0 5px 0;
  }

  .dataTables_wrapper {
      border: 1px solid #accbd5;
  }

  .dataTables_filter .form-control {
      padding-right: 18px !important;
  }

  .dataTables_filter .clear {
      margin: 6px 0px 0px -45px;
      position: absolute;
      cursor: pointer;
  }

  .reset .fa-times {
      margin: -54px -8px 0 0;
      cursor: pointer;
  }

  table#manager-table tbody tr.deleted, table#manager-table tbody tr .deleted {
      filter: blur(1px) grayscale(80%);
  }

  .dataTables_wrapper.processing {
      -webkit-filter: blur(6px);
      filter: blur(6px);
      opacity: .5;
      pointer-events: none;
  }

  .dataTables_processing {
      color: white;
      margin: -41px 0 0;
      text-align: center;
  }

  .dataTable > thead > tr > th.sorting::after {
      content: "";
  }

  .page-content > .row .col-xs-12, .page-content > .row .col-sm-12, .page-content > .row .col-md-12, .page-content > .row .col-lg-12 {
      min-width: 640px;
  }

  .alert {
      min-height: 40px;
  }

  .alert .close {
      margin: -14px -10px 0 0;
  }

  .status-comment {
      display: inline-block;
  }

  .comment-requests {
      margin: 0 -18px 0 0;
  }

  #manager-table .comment-control {
      margin: 0 -50px 0 0;
  }

  /* transfer/history */
  #history-table .comment-control {
    margin: 0 -23px 0 0;
  }
  /* transfer/history */

  /* transfer */
  .pricing-box > .widget-box:hover {
      box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);
      transform: scale(1.04);
      z-index: 11;
  }

  .wrapper-box {
      margin: 0 auto;
      max-width: 810px;
  }

  .pricing-box {
      padding: 20px 20px 0 !important;
  }
  /* transfer */

  /*
  .type i {
      padding: 3px 13px 0 0;
  }
  */

  .dataTables_wrapper, .table-header {
      min-width: 1010px;
  }

  #manager-table.table tr[role="row"], #log-cp-table.table tr[role="row"], #search-char-table.table tr[role="row"] {
      height: 56px;
  }

  #search-char-table.table th, #search-char-table.table td, #log-cp-table.table th, #log-cp-table.table td, #dump-table.table th, #dump-table.table td, #manager-table.table th, #manager-table.table td, #history-table.table th, #history-table.table td {
      vertical-align: middle;
      height: 35px;
  }

  .table-header.manager, .table-header.log-cp {
      background-color: #D15B47;
  }

  .table-header.history {
      background-color: #82AF6F;
  }

  #set a {
      display: block;
      text-align: left;
  }

  .transfer-free #form-step-1, .transfer-free #form-step-2 {
      margin: 0 0 -18px;
  }

  .widget-box.transfer-free {
      min-width: 410px;
  }

  .transfer-free .step-content .step-pane {
      padding: 7px;
  }

  .transfer-free #set li {
      float: left;
      list-style: none outside none;
      min-width: 205px;
      padding: 20px;
      margin: 0 20px 0 0;
  }

  .transfer-free #set {
      display: inline-block;
  }

  .transfer-fee .cost {
      margin: -43px 0 25px 370px;
      height: 19px;
  }

  .transfer-fee .test {
      margin-top: 3px;
  }

  .transfer-fee .ace-file-input .remove {
      border-radius: inherit;
      height: 27px;
      line-height: 27px;
      top: 3px;
  }

  .transfer-fee .ace-file-input .ace-file-container:before {
      padding: 0 6px;
      line-height: 25px;
  }

  .transfer-fee .ace-file-input .ace-file-container .ace-file-name:after {
      display: inline;
  }

  .transfer-fee .input-file {
      width: 211px;
      display: inline-block;
  }

  .transfer-fee .ace-file-input .remove {
      right: 65px;
  }

  .transfer-fee .ace-file-input .ace-file-container .ace-file-name {
      line-height: 30px;
      margin-left: -84px;
      max-width: 130px;
      text-overflow: ellipsis;
  }

  .transfer-fee .ace-file-input .ace-file-container.selected {
      right: 0;
  }

  .transfer-fee .ace-file-input .ace-file-container {
      height: 33px;
  }

  .form-group.has-error .help-block {
      font-size: 13px;
      margin-top: -1px;
      position: absolute;
      display: block;
  }

  .form-group.has-error .help-inline {
      padding: 5px 0px 0px 10px;
      position: absolute;
      display: inline-block;
      text-align: left;
      width: 100%;
  }

  .account-request {
      height: 100%
  }

  .account-request #msg {
      padding: 130px 0;
  }

  .terms {
      text-align: justify;
      padding: 0 15px;
  }

  .message-box-signup, .message-box-account-request {
      margin: 120px auto;
  }

  .message-box-signup {
      width: 700px;
  }

  .vote-reward-box {
      max-width: 570px;
  }

  .login-container.block, .signup-container.block, .restore-container.block {
      width: 620px;
      margin: -155px -312px;
  }

  .message-box-account-request {
      width: 600px;
  }

  select {
      height: 34px;
      padding: 6px 3px;
  }

  .command-control select, .deleted-control select, .status-control select, .class-control select, .faction-control select, .type-control select, .realm-control select, .dataTables_length select, select.search-control, .affix-control select, .map-control select {
      height: 25px;
      padding: 3px 3px;
      min-width: 100px;
      font-size: 12px;
  }

  .dataTables_filter input[type="text"], .dataTables_filter input[type="search"] {
      height: 14px;
      font-size: 13px;
  }

  .dataTables_info {
      font-size: 13px;
  }

  .label {
      line-height: 1;
      padding: 0.3em 0.6em;
  }

  .label-brown {
      background-color: #A24F19;
  }

  .label-white.label-brown {
      color: #A24F19;
      border-color: #A24F19;
      background-color: #F3D0B9;
  }

  .action-buttons a {
      margin: 0px 5px 0px 5px;
  }

  .popover {
      word-wrap: break-word;
      font-size: 13px;
      width: 100%;
  }

  .transfer-free #set li:hover {
      background-color: #FFFFED;
      box-shadow: 6px 20px 16px -6px;
  }

  .transfer-free #set li.active {
      background-color: #F0FFE9;
  }

  .transfer-free #faction {
      margin: auto;
      height: 200px;
      width: 332px;
  }

  .transfer-free #faction .item  {
      float: left;
      width: 166px;
  }

  .sidebar .sidebar-toggle {
      border-width: 0 0 0;
      height: 33px;
      margin-top: 7px;
  }

  #cluetip-waitimage {
      width: 43px;
      height: 11px;
      position: absolute;
      background-image: url(/common/img/wait.gif);
  }

  /* transfer/control */
  .char-info {
      margin: -24px 0 0 59px;
  }

  .count-name {
      cursor: pointer;
  }
  /* transfer/control */

  /* transfer/statistic */
  .statistic .well {
      min-width: 665px;
      overflow: auto;
  }

  .statistic .control-right {
      float: right;
      margin: 21px 0 0;
  }

  .statistic .control-group {
      float: left;
      margin: -8px 0 0;
  }

  .statistic .control-group input.ace[type="checkbox"] + .lbl:before {
      margin-right: 3px;
      top: 0;
  }

  .statistic #statistic {
      margin: -3px 0 0 14px;
  }

  .statistic #type {
      margin-right: 10px;
  }

  .statistic .range_inputs {
      text-align: center;
  }

  .statistic #container-chart text[zIndex="8"] {
      display: none;
  }

  .daterangepicker .ranges li {
      border-radius: 0px;
  }

  .statistic #container-chart {
      height: 400px;
      width: 100%;
  }
  /* transfer/statistic */

  /* selectbox */
  .selectbox {
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      background: none repeat scroll 0 0 #ffffff;
      border-color: #ddd;
      border-image: none;
      border-style: solid;
      border-width: 0 1px 4px;
      color: #333333;
      cursor: pointer;
      line-height: 18px;
      padding: 8px;
  }
  /* selectbox */

  /* loader */
  #loader-wrapper {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1000;
  }

  #loader {
      display: block;
      position: relative;
      left: 50%;
      top: 50%;
      width: 150px;
      height: 150px;
      margin: -75px 0 0 -75px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #3498db;
      -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
  }

  #loader:before {
      content: "";
      position: absolute;
      top: 5px;
      left: 5px;
      right: 5px;
      bottom: 5px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #e74c3c;
      -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
  }

  #loader:after {
      content: "";
      position: absolute;
      top: 15px;
      left: 15px;
      right: 15px;
      bottom: 15px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #f9c922;
      -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
  }

  @-webkit-keyframes spin {
      0% {
          -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
          -ms-transform: rotate(0deg); /* IE 9 */
          transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
      }
      100% {
          -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
          -ms-transform: rotate(360deg); /* IE 9 */
          transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
      }
  }

  @keyframes spin {
      0% {
          -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
          -ms-transform: rotate(0deg); /* IE 9 */
          transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
      }
      100% {
          -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
          -ms-transform: rotate(360deg); /* IE 9 */
          transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
      }
  }
  /* loader */

  /* loader 2 */
  .spinner {
      text-align: center;
  }

  .spinner.widget {
      margin: -100px auto 0 !important;
  }

  .spinner.sticky {
      margin: auto;
      top: 50%;
      right: 50%;
      position: sticky;
      z-index: 100;
  }
  .spinner > div {
      width: 18px;
      height: 18px;
      background-color: #333;
      border-radius: 100%;
      display: inline-block;
      -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
      animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  }

  .spinner .bounce1 {
      -webkit-animation-delay: -0.32s;
      animation-delay: -0.32s;
  }

  .spinner .bounce2 {
     -webkit-animation-delay: -0.16s;
      animation-delay: -0.16s;
  }

  @-webkit-keyframes sk-bouncedelay {
      0%, 80%, 100% { -webkit-transform: scale(0) }
      40% { -webkit-transform: scale(1.0) }
  }

  @keyframes sk-bouncedelay {
      0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
      } 40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
      }
  }
  /* loader 2 */

  /* main */
  .navbar-online {
      padding-top: 5px;
  }

  i.user-icon {
      padding: 12px 0 0;
  }

  .balans-add {
      min-width: 190px;
  }

  .balans-add .widget-main div {
      vertical-align: middle;
  }

  .widget-header.sortable {
      cursor: move;
  }

  .event {
      margin-bottom: 20px;
  }

  .event .dd2-handle, .event .dd-dragel > li > .dd2-handle {
      height: 100%;
      line-height: 44px;
  }
  /* main */

  /* backroom/rules */
  .rules .content2, .rules .editable-buttons, .rules .control-group.form-group > div {
      display: inline-flex;
  }

  .rules .content3 {
      text-align: center;
      width: 385px;
  }

  .rules .dd {
      max-width: none;
  }

  .rules .content4 {
      text-align: right;
      width: 50px;
  }

  .rules .content3 a {
      margin: 0px 20px 0px 5px;
  }
  /* backroom/rules */

  /* backroom/discovery */
  #search-acc input[name="search"], #search-char input#search {
      border: 1px solid #8aafce;
      margin-right: 1px;
  }

  #search-acc .flex, #search-char .flex {
      display: inline-flex;
  }

  .multiselect-container.dropdown-menu label.checkbox {
      font-size: 13px;
  }

  #search-char-table_wrapper {
      border: 1px solid #D6D6D6;
  }

  .editable-clear-x {
      margin-top: -6px;
      opacity: 0.6;
      position: absolute;
      right: 6px;
      top: 50%;
      width: 13px;
  }

  #basic input[type=checkbox].ace + .lbl {
      display: inline-flex;
  }

  .lock-ip-block, .tested-block {
      display: inline-block;
      margin: 1px 2px 1px 0;
  }

  .s-ico {
      margin-left: 5px;
  }

  .editableform-loading .ace-icon, .editableform-loading .progress {
      top: 8%;
  }

  .profile-user-info .msg {
      padding-left: 10px;
  }

  .ui-jqgrid .ui-jqgrid-hdiv, .ui-jqgrid .ui-jqgrid-toppager {
      border: none !important;
  }

  .ui-jqgrid .ui-jqgrid-btable {
      border-left: 1px solid #e1e1e1;
      border-right: 1px solid #e1e1e1;
  }

  .ui-jqgrid .ui-jqgrid-htable th div {
      padding-top: 0;
      text-align: center;
      cursor: pointer;
  }

  .ui-state-disabled {
      color: #bbb !important;
  }

  .ui-jqgrid .loading {
      background: none;
      border: none;
      color: #fff;
      left: 47%;
      top: 30px;
  }

  .ui-jqgrid .ui-pg-button:hover {
      padding: 0;
  }
  /* backroom/discovery */

  /* backroom/news */
  .flag-news {
      margin-top: -4px;
  }

  /* froala editor */
  .froala-wrapper a {
      text-decoration: underline;
  }
  /* froala editor */
  /* backroom/news */

  .details {
      word-break: break-all;
  }

  .multiselect-container > li > a > label {
      padding: 3px 20px 3px 10px;
  }

  .label-text {
      margin: 2px 0px 0px 10px;
      float: right;
  }

  #log-cp-table tr.block-line {
      background-color: #FBEDEB;
  }

  #log-cp-table.table-striped > tbody > tr.block-line:nth-child(2n+1) > td, #log-cp-table.table-striped > tbody > tr.block-line:nth-child(2n+1) > th {
      background-color: #FFDED9;
  }

  /* auth/login bg-immage */
  .modal-body {
      padding: 0 50px 0 0;
      width: auto;
  }

  .menu-btn {
      position: absolute;
      top: 2px;
      right: 20px;
      z-index: 999;
      display: inline;
      font-size: 32px;
  }

  .btn-close:after {
      color: #fff;
      content: "\f2d7";
      font-family: "Ionicons";
      -webkit-transition: all .2s linear 0s;
      -moz-transition: all .2s linear 0s;
      -o-transition: all .2s linear 0s;
      transition-property: all .2s linear 0s;
  }

  .menu-btn a {
      display: inline-block;
      text-decoration: none;
  }

  .modal.aside-dark .modal-content {
      background-color: #000;
  }

  .btn-close:hover:after {
      color: #34B484;
  }

  .demo-bg {
      display: none;
      text-align: center;
      bottom: 0;
      left: 0;
      right: 0;
  }

  .demo-loading {
      display: inline-block;
      overflow: hidden;
      line-height: 43px;
      white-space: nowrap;
      max-width: 0;
      -webkit-transition: max-width .5s;
      transition: max-width .5s;
  }

  .disabled > .demo-loading {
      max-width: 10em;
      -webkit-transition: max-width .5s;
      transition: max-width .5s;
  }

  .demo-loading .fa {
      animation: none
  }

  .disabled > .demo-loading .fa {
      -webkit-animation: fa-spin 2s infinite linear;
      animation: fa-spin 2s infinite linear;
  }

  @media(min-width:768px) {
      .demo-bg {
          display: block;
      }

      #demo-bg-list {
          display: inline-block;
          padding-bottom: 5px;
          background-color: #000;
      }

      .demo-bg img {
          vertical-align: top;
          width: 64px;
          cursor: pointer;
          -webkit-transition: opacity .5s;
          transition: opacity .5s;
          padding-top: 5px;
      }

      .disabled .demo-chg-bg, .demo-bg .active {
          opacity: .3;
          cursor: default;
          -webkit-transition: opacity .5s;
          transition: opacity .5s;
      }
  }
  /* auth/login bg-immage */

  .legendLabel {
      padding-right: 10px;
      font-size: 12px;
  }

  .legendColorBox {
      visibility: hidden;
  }

  .tooltip-inner {
      max-width: none;
  }

  /* backroom/discovery#search-char-tab */
  #table-wrapper-3 .label > span, .label > .ace-icon {
      vertical-align: sub;
  }

  #table-wrapper-3 .label-xlg.arrowed-in {
      margin-left: -1px;
  }

  #table-wrapper-3 {
      margin: 0 auto;
      float: none;
  }
  /* backroom/discovery#search-char-tab */