form {
  margin: 0;
  padding: 0;
}
a {
  outline: none;
  text-decoration: none;
}
a:active {
  outline: none;
}
fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
div.add_new {
  display: none;
}
#add_form div.greybox {
  width: 99%;
  margin: 0;
}
#background_section_top {
  background: url('/public/img/background_section_top_bg.jpg') repeat-x scroll 0 0 transparent;
  height: 74px;
  width: 100%;
}
#logo_section {
  background: url('/public/img/logo_bg.jpg') repeat-x scroll 0 0 transparent;
  border: solid 1px #ccc;
  float: right;
  margin: 8px 30px 0 0;
  height: 44px;
  padding: 10px 0 0 10px;
  width: 215px;
}
#logo_section img {
  width: 84px;
  height: auto;
}
#logo_section h2 {
  color: #999;
  font-size: 10px;
  font-weight: normal;
  margin: 0 0 0 2px;
  padding: 0;
}
#logo_box {
  height: 54px;
  width: 60px;
  float: left;
  margin: 8px 0 0 30px;
}
#logo_box #logo_img {
  border: solid 1px #aaa;
}
#footer {
  background: url('/public/img/footer_bg.jpg') repeat-x scroll 0 0 transparent;
  color: #666;
  font-size: 11px;
  height: 29px;
  padding: 20px 0 0;
  text-align: center;
  bottom: 0px;
  position: absolute;
  width: 100%;
}
#footer a {
  color: #666;
  font-weight: bold;
}
.currenciy_formats label,
.currenciy_formats input[type='radio'] {
  display: inline;
  cursor: pointer;
}
.currenciy_formats tr.even td {
  border-top: none;
}
ul#icons {
  margin: 0;
  padding: 0;
  outline: 0 none !important;
}
ul#icons li {
  cursor: pointer;
  float: left;
  list-style: none outside none;
  margin: 2px;
  padding: 1px 6px;
  position: relative;
  background: #efefef;
}
#deleteConfirmDialog,
#deleteConfirmDialog2,
#errorDeletingDialog,
#prices_table,
#crate_table,
.hidden,
.repo_content {
  display: none;
}
.disabled {
  background-color: #f3f3f3;
  border-color: #ccc !important;
  color: #888888 !important;
  -webkit-text-fill-color: #888888;
  opacity: 1;
  /* required on iOS */
}
.clear {
  clear: both;
}
.ui-tabs .ui-tabs-nav {
  padding-left: 30px;
}
.ui-tabs .ui-tabs-nav li {
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.ui-dialog {
  position: fixed !important;
}
.number_field {
  text-align: right;
}
.medium_field {
  width: 54px !important;
  text-align: right;
}
.small_number {
  width: 35px;
  text-align: center;
}
input.field {
  width: 214px;
}
select.field {
  width: 230px;
}
input.long {
  width: 290px;
}
.even {
  background-color: #f5f5f5;
}
.greybox_2 .custom-checkbox label {
  margin: 2px 0 5px 0;
}
#searchBtn .ui-button-text,
#addNew .ui-button-text,
#delSelected .ui-button-text,
#delete .ui-button-text,
#add_form_button .ui-button-text,
#edit_form_button .ui-button-text,
#back .ui-button-text,
#genBtn .ui-button-text,
#setResident .ui-button-text,
#logout .ui-button-text,
#changePassword .ui-button-text,
.button-with-icon .ui-button-text {
  padding: 0.4em 1em 0.4em 2.3em;
}
.ui-tabs-nav a {
  font-size: 12px;
}
.button_ico {
  background-image: url('/public/css/images/ui-icons_1804f1_256x240.png');
  width: 16px;
  height: 16px;
  display: block;
  overflow: hidden;
  position: absolute;
  margin: -1px 0 0 -18px;
}
.search_ico {
  background-position: -160px -112px;
}
.new_ico {
  background-position: -32px -96px;
}
.delete_ico {
  background-position: -176px -97px;
}
.save_ico {
  background-position: -96px -112px;
}
.edit_ico {
  background-position: -176px -112px;
}
.cancel_ico {
  background-position: 0 -64px;
}
.gen_ico {
  background-position: -240px -128px;
}
.resident_ico {
  background-position: 0 -112px;
}
.import_ico {
  background-position: -16px -96px;
  margin: -2px 0 0 -20px;
}
.logout_ico {
  background-position: 0 -176px;
}
.password_ico {
  background-position: -192px -96px;
}
.print_ico {
  background-position: -160px -96px;
}
.excel_ico {
  background-position: -112px -112px;
}
.revert_ico {
  background-position: -64px -80px;
  margin: -1px 0 0 -6px;
}
.hide_ico {
  background-image: none !important;
  margin-left: -20px;
}
.ui-icon-pdf {
  background: url(/public/img/pdf-icon.png) no-repeat 2px 2px !important;
}
.ui-icon-pdf:hover {
  background-image: url(/public/img/pdf-icon-over.png) !important;
}
.ui-icon-xls {
  background: url(/public/img/xls-icon.png) no-repeat 2px 2px !important;
}
.ui-icon-xls:hover {
  background-image: url(/public/img/xls-icon-over.png) !important;
}
.default_currency {
  float: right;
  margin: 5px 15px 0 0;
  display: none;
  color: #999;
}
.ui-sortable label {
  cursor: pointer;
}
.qq-uploader {
  position: relative;
  width: 100%;
}
.qq-upload-button {
  display: block;
  background: url('/public/css/images/ui-bg_glass_75_8bd598_1x400.png') repeat-x scroll 50% 50% #8bd598;
  border: 1px solid #999;
  color: #fff;
  font-weight: bold;
  margin-right: 0.1em;
  padding: 5px 1em 5px 2.5em;
  text-align: center;
  text-decoration: none !important;
  font-size: 11px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.qq-upload-button-hover {
  background: #bbb;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.qq-upload-drop-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 70px;
  z-index: 2;
  background: #ff9797;
  text-align: center;
}
.qq-upload-drop-area span {
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -8px;
  font-size: 16px;
}
.qq-upload-drop-area-active {
  background: #ff7171;
}
.qq-upload-list {
  margin: 15px 35px;
  padding: 0;
  list-style: disc;
  display: none;
}
.qq-upload-list li {
  margin: 0;
  padding: 0;
  line-height: 15px;
  font-size: 12px;
}
.qq-upload-file,
.qq-upload-spinner,
.qq-upload-size,
.qq-upload-cancel,
.qq-upload-failed-text {
  margin-right: 7px;
}
.qq-upload-spinner {
  display: inline-block;
  background: url('/public/img/loading.png');
  width: 15px;
  height: 15px;
  vertical-align: text-bottom;
}
.qq-upload-size,
.qq-upload-cancel {
  font-size: 11px;
}
.qq-upload-failed-text {
  display: none;
}
.qq-upload-fail .qq-upload-failed-text {
  display: inline;
}
.logout_block {
  position: absolute;
  left: 0px;
  width: 20%;
  text-align: right;
  z-index: 1;
  margin: 3px 0 0 80%;
  color: #fff;
  font-weight: bold;
}
.logout_block #logout {
  margin: 0 30px 0 10px;
}
.logout_block img {
  vertical-align: bottom;
}
.maximum-limit {
  font-size: 14px;
  color: #666;
  font-weight: bold;
}
.notification {
  position: fixed;
  z-index: 10000;
  top: -52px;
  left: 0;
  width: 100%;
  padding: 15px 0;
  font-size: 22px;
  font-weight: 100;
  background: #80b15b;
  text-align: center;
  color: #fff;
  -moz-box-shadow: 0 0 10px #444;
  -o-box-shadow: 0 0 10px #444;
  -ms-box-shadow: 0 0 10px #444;
  -webkit-box-shadow: 0 0 10px #444;
  box-shadow: 0 0 10px #444;
}
.notification.error {
  background: #b94a48;
}
.table-nowrap td,
.table-nowrap th {
  white-space: nowrap;
}
.required:after {
  content: ' *';
  font-weight: 700;
  color: #ff7171;
}
/**
 * View element card, not edit
 */
.selectValue {
  display: none;
}
.delete-document-button .ui-icon {
  display: inline-block;
  vertical-align: bottom;
}
.flex {
  display: flex;
}
.justify-center {
  display: flex;
  justify-content: center;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-end {
  display: flex;
  justify-content: flex-end;
}
.items-center {
  display: flex;
  align-items: center;
}
.hidden.hidden {
  display: none;
}
.box,
.intro {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.animate {
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
h1 {
  font-weight: 300;
  font-family: 'Open Sans';
}
h2 {
  margin: 10px 0 10px 0;
  font-weight: 300;
  font-family: 'Open Sans';
}
h3 {
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: 300;
  font-family: 'Open Sans';
}
h4 {
  font-size: 16px;
  margin: 0 0 10px 0;
  font-weight: 300;
}
a:not(.btn) {
  text-decoration: none;
  cursor: pointer;
}
a:not(.btn):focus {
  outline: 0;
}
a:not(.btn).blue {
  color: #058dc7 !important;
  text-decoration: none;
}
a:not(.btn).blue:hover {
  text-decoration: underline !important;
}
p {
  margin: 0 0 10px 0;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.nav-horizontal {
  float: left;
}
ul.nav-horizontal .logo-container {
  padding: 0;
  min-width: 219px;
  text-align: center;
}
ul.nav-horizontal .logo-container img {
  margin-top: 11px;
  height: 30.5px;
}
ul.nav-horizontal li {
  float: left;
}
ul.bulit {
  list-style: disc;
  margin-left: 10px;
}
body,
html {
  height: 100%;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
}
body {
  margin: 0;
  padding: 0;
  color: #333333;
  font-size: 13px;
}
input[type='text'],
input[type='password'],
input[type='email'],
select,
textarea {
  font-size: 13px;
  padding: 5px 7px 4px 7px;
  color: #333333;
  border: solid 1px #aaa;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 1287px) {
  input[type='text'],
  input[type='password'],
  input[type='email'],
  select,
  textarea {
    font-size: 11px;
  }
}
input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
select:focus,
textarea:focus {
  border: 1px solid #5897fb;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
input[type='radio'] {
  vertical-align: middle;
}
textarea {
  width: 258px;
  min-width: 258px;
  max-width: 258px;
  height: 50px;
}
textarea.small {
  width: 230px;
  min-width: 230px;
  max-width: 230px;
}
input[type='text'].error,
input[type='password'].error,
input[type='email'].error,
input[type='text'].error-unproper-excode,
input[type='text'].error-notexists-excode,
input[type='text'].error-unique-ticker,
textarea.error {
  border-color: #f0bab9;
  -moz-box-shadow: 0 0 5px #d9534f;
  -o-box-shadow: 0 0 5px #d9534f;
  -ms-box-shadow: 0 0 5px #d9534f;
  -webkit-box-shadow: 0 0 5px #d9534f;
  box-shadow: 0 0 5px #d9534f;
  color: white !important;
  background-color: #f0bab9;
}
.chzn-container,
.chosen-container {
  font-size: 13px;
  color: #333333;
}
.chzn-container.chosen-disabled,
.chosen-container.chosen-disabled {
  opacity: 1 !important;
}
.chzn-container.chosen-disabled .chosen-single,
.chosen-container.chosen-disabled .chosen-single,
.chzn-container.chosen-disabled .chosen-choices,
.chosen-container.chosen-disabled .chosen-choices {
  color: #888888;
  background-color: #f3f3f3;
}
h3.error,
h4.error {
  color: #d9534f;
}
ol {
  counter-reset: item;
  padding-left: 20px;
}
ol li {
  display: block;
  margin-top: 10px;
}
ol li:before {
  content: counters(item, '.') '.';
  counter-increment: item;
  font-weight: bold;
  padding-right: 5px;
}
table input,
table button {
  margin-top: 0px;
  margin-bottom: 0px;
}
table button {
  vertical-align: top;
}
.input-xl {
  width: 320px;
}
.input-l {
  width: 258px;
}
.input-m {
  width: 194px;
}
.input-s {
  width: 123px;
}
.input-sm {
  width: 66px;
}
.input-xs {
  width: 50px;
}
.avaliable_amaunt {
  width: 154px;
  text-align: right;
  display: none;
}
#brokerage_commission_percents {
  width: 66px !important;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
table.cursor-pointer td {
  cursor: pointer;
}
.clearfix:before,
.clearfix:after {
  content: ' ';
  display: table;
}
.clearfix:after {
  clear: both;
}
.fa {
  margin-right: 5px;
}
.btn .fa,
button .fa {
  margin-left: 5px;
  margin-right: 0;
}
.btn .fa-left,
button .fa-left {
  margin-left: 0;
  margin-right: 5px;
}
.btn.icon .fa,
button.icon .fa {
  width: 20px;
  margin-left: 0px;
}
.text-gray {
  color: #bbb;
}
.text-green {
  color: #0d1c14;
}
.text-red {
  color: #d9534f !important;
}
.text-blue {
  color: #058dc7;
}
.grayBox {
  margin-top: 35px;
  max-width: 170px;
  max-height: 170px;
  padding: 10px;
  background-color: #bbb;
  text-align: center;
}
.grayBox img {
  max-width: 150px;
  max-height: 150px;
}
#confirmContent {
  height: 100%;
}
.datepicker-wrapper {
  display: inline-block;
  position: relative;
  width: 100px;
}
.datepicker-wrapper .datepicker {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0;
}
.datepicker-wrapper i {
  position: absolute;
  top: 7px;
  right: 7px;
  font-size: 14px;
  color: #555;
  margin: 0;
}
.small_number {
  width: 35px;
  text-align: center;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
}
.custom-checkbox input {
  position: absolute;
  margin: 0;
  z-index: 0;
  visibility: hidden;
}
.custom-checkbox label {
  display: block;
  position: relative;
  z-index: 0;
  padding: 4px 0 0 25px;
  cursor: pointer;
  background: url(/public/img/checkbox.png) no-repeat;
  background-position: 3px -36px;
}
@media only screen and (max-width: 1287px) {
  .custom-checkbox label {
    background-position: 3px -37px;
  }
}
.custom-checkbox label.checked {
  background-position: 3px 4px;
}
@media only screen and (max-width: 1287px) {
  .custom-checkbox label.checked {
    background-position: 3px 3px;
  }
}
.custom-checkbox label.no_label {
  width: 20px;
  height: 20px;
  overflow: hidden;
  padding: 0;
}
.nav-bar-top {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 52px;
  background-color: #2c6347;
  -moz-box-shadow: 0 0 3px 1px rgba(100, 100, 100, 0.5);
  -o-box-shadow: 0 0 3px 1px rgba(100, 100, 100, 0.5);
  -ms-box-shadow: 0 0 3px 1px rgba(100, 100, 100, 0.5);
  -webkit-box-shadow: 0 0 3px 1px rgba(100, 100, 100, 0.5);
  box-shadow: 0 0 3px 1px rgba(100, 100, 100, 0.5);
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  z-index: 3;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.nav-bar-top a {
  color: #fff;
}
.nav-bar-top ul {
  border-left: solid 1px #3c8660;
  border-right: solid 1px #1c402e;
}
.nav-bar-top ul li {
  display: block;
  height: 52px;
  line-height: 52px;
  border-right: solid 1px #3c8660;
  border-left: solid 1px #1c402e;
  padding: 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.nav-bar-top ul li.np {
  padding: 0;
}
.nav-bar-top ul li a {
  padding: 0 10px;
  display: block;
  height: 100%;
  -moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}
.nav-bar-top ul li a:hover {
  background-color: #3c8660;
}
.nav-bar-top .amfina-logo {
  line-height: 100%;
  padding-top: 8px;
  padding-left: 20px;
  padding-right: 20px;
  width: 249px;
}
@media only screen and (max-width: 1287px) {
  .nav-bar-top .amfina-logo {
    width: 220px;
  }
}
.nav-bar-top .amfina-logo .app-logo {
  font-weight: 100;
  font-size: 20px;
  color: white;
  font-family: 'Open Sans';
  padding: 11px 0 0 0;
}
.nav-bar-top .amfina-logo small {
  margin: 0;
  color: #bbb;
  font-size: 9px;
}
.nav-bar-top .amfina-logo.mint .app-logo {
  color: #93dab5;
}
.nav-bar-top .amfina-logo.mint small {
  color: #77af92;
}
.nav-bar-top .amfina-logo.one-line {
  padding-top: 14px;
}
.collapsable-list {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.collapsable-list .collapsable {
  border-bottom: solid 1px #dedede;
  display: block;
  margin: 0;
  padding: 0;
}
.collapsable-list .collapsable > a {
  border: 0 none;
  color: white;
  display: block;
  font-size: 14px;
  font-weight: 300;
  padding: 10px 15px 10px 20px;
  position: relative;
  background-color: #364153;
}
.collapsable-list .collapsable > a i {
  margin: 0;
  color: #6f6f6f;
  padding-right: 5px;
  vertical-align: middle;
}
.collapsable-list .collapsable > a i.right {
  color: #6f6f6f;
  position: absolute;
  top: 13px;
  right: 5px;
}
@media only screen and (max-width: 1287px) {
  .collapsable-list .collapsable > a i.right {
    top: 8px;
    right: 0;
  }
}
.collapsable-list .collapsable > a i.fa-angle-down {
  display: none;
}
.collapsable-list .collapsable > a > i {
  color: #058dc7;
  width: 15px;
}
.collapsable-list .collapsable .sub-menu {
  clear: both;
  display: none;
  padding: 10px 15px 10px 0px;
}
.collapsable-list .collapsable.open > a .right.fa-angle-down {
  display: inline-block;
}
.collapsable-list .collapsable.open > a .right.fa-angle-right {
  display: none;
}
.collapsable-list .collapsable.open .sub-menu {
  display: block;
}
.collapsable-list li a:hover {
  background: #65add7;
  color: #ffffff;
}
.nav-bar-left {
  background: none repeat scroll 0 0 #f0f0f0;
  bottom: 0;
  height: 100%;
  left: 0;
  width: 250px;
  z-index: 2;
  top: 51px;
  border-right: solid 1px #f0f0f0;
  -moz-box-shadow: 0 0 0px 1px rgba(200, 200, 200, 0.5);
  -o-box-shadow: 0 0 0px 1px rgba(200, 200, 200, 0.5);
  -ms-box-shadow: 0 0 0px 1px rgba(200, 200, 200, 0.5);
  -webkit-box-shadow: 0 0 0px 1px rgba(200, 200, 200, 0.5);
  box-shadow: 0 0 0px 1px rgba(200, 200, 200, 0.5);
  position: fixed;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 1287px) {
  .nav-bar-left {
    width: 220px;
  }
}
.nav-bar-left #sidebar-content {
  float: left;
  width: 100% !important;
}
.nav-bar-left #nav {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.nav-bar-left #nav li {
  border-bottom: solid 1px #dedede;
  display: block;
  margin: 0;
  padding: 0;
}
.nav-bar-left #nav li a {
  border: 0 none;
  color: #555;
  display: block;
  font-size: 14px;
  font-weight: 300;
  padding: 10px 15px 10px 20px;
  position: relative;
}
@media only screen and (max-width: 1287px) {
  .nav-bar-left #nav li a {
    font-size: 12px;
    padding: 6px 15px 6px 10px;
  }
}
.nav-bar-left #nav li a i {
  margin: 0;
  color: #6f6f6f;
  padding-right: 5px;
  vertical-align: middle;
}
.nav-bar-left #nav li a i.right {
  color: #6f6f6f;
  position: absolute;
  top: 13px;
  right: 5px;
}
@media only screen and (max-width: 1287px) {
  .nav-bar-left #nav li a i.right {
    top: 8px;
    right: 0;
  }
}
.nav-bar-left #nav li a i.fa-angle-down {
  display: none;
}
.nav-bar-left #nav li a > i {
  color: #4baa7a;
  width: 15px;
}
.nav-bar-left #nav li .sub-menu {
  background: none repeat scroll 0 0 #ffffff;
  border-top: solid 1px #ebebeb;
  clear: both;
  display: none;
}
.nav-bar-left #nav li .sub-menu li:last-child {
  border-bottom: none;
}
.nav-bar-left #nav li .sub-menu a {
  padding: 8px 15px 8px 27px;
}
@media only screen and (max-width: 1287px) {
  .nav-bar-left #nav li .sub-menu a {
    padding: 8px 15px 8px 25px;
  }
}
.nav-bar-left #nav li .sub-menu a i {
  color: #555;
  width: auto;
}
.nav-bar-left #nav li .sub-menu a:hover i {
  color: inherit;
}
.nav-bar-left #nav li.open a .right.fa-angle-down {
  display: inline-block;
}
.nav-bar-left #nav li.open a .right.fa-angle-right {
  display: none;
}
.nav-bar-left #nav li a:hover,
.nav-bar-left #nav li.current a {
  background: #6bbd93;
  color: #ffffff;
}
.nav-bar-left #nav .title-icon {
  font-size: 12px;
  margin-top: 1px;
  color: #2c6347 !important;
  padding-right: 10px;
}
.nav-bar-left #nav li.current .title-icon,
.nav-bar-left #nav a:hover .title-icon,
.nav-bar-left #nav .sub-menu li.current .fa {
  color: #ffffff !important;
}
.nav-bar-left #nav li.current .label,
.nav-bar-left #nav a:hover .label {
  color: #2c6347;
  background: #ffffff;
}
.nav-bar-left #nav li.current i,
.nav-bar-left #nav a:hover i {
  color: #ffffff;
}
.nav-bar-left .sidebar-title {
  background-color: #ececec;
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #b9b9b9;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  font-weight: 600;
  padding: 10px;
}
.nav-bar-left .notifications {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.nav-bar-left .notifications li {
  border-bottom: 1px solid #ebebeb;
  padding: 15px;
}
.nav-bar-left .notifications .col-left {
  float: left;
  margin-right: -100%;
}
.nav-bar-left .notifications .label {
  display: inline-block;
  padding: 7px;
  text-align: center;
  width: 24px;
}
.nav-bar-left .notifications .col-right.with-margin {
  margin-left: 35px;
}
.nav-bar-left .notifications .col-right {
  float: left;
  width: 100%;
}
.account-container {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  box-shadow: 0 0 2px #dadada, 0 -3px 0 #e6e6e6 inset;
  margin: 60px auto 20px;
  width: 380px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.account-container h1 {
  color: #525252;
  margin-bottom: 0.4em;
  margin-top: 10px;
  font-size: 30px;
}
.account-container .login-fields {
  float: left;
  width: 100%;
}
.account-container .login-fields .field {
  margin-bottom: 10px;
}
.account-container .login-fields label {
  display: none;
}
.account-container .login-fields input {
  -moz-box-shadow: 2px 2px 4px #F1F1F1 inset;
  -o-box-shadow: 2px 2px 4px #F1F1F1 inset;
  -ms-box-shadow: 2px 2px 4px #F1F1F1 inset;
  -webkit-box-shadow: 2px 2px 4px #F1F1F1 inset;
  box-shadow: 2px 2px 4px #F1F1F1 inset;
  color: #8e8d8d;
  display: block;
  font-family: 'Open Sans';
  font-size: 15px;
  height: 40px;
  margin: 0;
  padding: 8px 15px 10px 50px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  border-radius: 4px;
  line-height: 1.42857;
}
.account-container .login-fields input.username-field {
  background: url('/public/img/user.png') no-repeat scroll 0 0 #fdfdfd;
}
.account-container .login-fields input.password-field {
  background: url('/public/img/password.png') no-repeat scroll 0 0 #fdfdfd;
}
.account-container .login-actions {
  float: left;
  width: 100%;
}
.account-container.registration h1 {
  font-size: 26px;
}
button:not(.ant-btn, .ant-switch),
.btn {
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -webkit-transition: background 0.1s linear;
  transition: background 0.1s linear;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background-color: #4baa7a;
  border-color: #4baa7a;
  color: #ffffff;
  outline: none;
  height: 28px;
}
@media only screen and (max-width: 1287px) {
  button:not(.ant-btn, .ant-switch),
  .btn {
    font-size: 12px;
  }
}
button:not(.ant-btn, .ant-switch):focus,
.btn:focus {
  outline: none;
}
button:not(.ant-btn, .ant-switch):hover,
.btn:hover {
  background-color: #347554;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button:not(.ant-btn, .ant-switch).blue,
.btn.blue {
  background-color: #058dc7;
  color: white;
}
button:not(.ant-btn, .ant-switch).blue:hover,
.btn.blue:hover {
  background-color: #069fe0 !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
button:not(.ant-btn, .ant-switch).btn-large,
.btn.btn-large {
  line-height: 22px;
  height: 36px;
}
button:not(.ant-btn, .ant-switch).green,
.btn.green {
  background-color: #2c6347;
  border-color: #24513a;
  color: #fff;
}
button:not(.ant-btn, .ant-switch).green:hover,
.btn.green:hover {
  background-color: #347554;
}
button:not(.ant-btn, .ant-switch).gray,
.btn.gray {
  background-color: #959595;
  border-color: #888888;
  color: #fff;
}
button:not(.ant-btn, .ant-switch).gray:hover,
.btn.gray:hover {
  background-color: #a2a2a2 !important;
}
button:not(.ant-btn, .ant-switch).yellow,
.btn.yellow {
  background-color: #b38b00;
  border-color: #997700;
  color: #fff;
}
button:not(.ant-btn, .ant-switch).yellow:hover,
.btn.yellow:hover {
  background-color: #cc9f00 !important;
}
button:not(.ant-btn, .ant-switch).red,
.btn.red {
  background-color: #d9534f;
  border-color: #d43f3a;
  color: #fff;
}
button:not(.ant-btn, .ant-switch).red:hover,
.btn.red:hover {
  background-color: #d43f3a;
}
button:not(.ant-btn, .ant-switch):disabled,
.btn:disabled,
button:not(.ant-btn, .ant-switch):disabled:hover,
.btn:disabled:hover {
  background-color: #bbb;
  border-color: #bbb;
  cursor: default;
}
button:not(.ant-btn, .ant-switch)#add_form_button,
.btn#add_form_button {
  padding-left: 20px;
  padding-right: 20px;
}
button:not(.ant-btn, .ant-switch).qq-upload-button,
.btn.qq-upload-button {
  height: 14px;
}
button:not(.ant-btn, .ant-switch).only-ico,
.btn.only-ico {
  padding: 6px;
}
button:not(.ant-btn, .ant-switch).only-ico .fa,
.btn.only-ico .fa {
  margin: 0;
}
button:not(.ant-btn, .ant-switch).block,
.btn.block {
  display: block;
  width: auto;
}
button:not(.ant-btn, .ant-switch).disabled,
.btn.disabled,
button:not(.ant-btn, .ant-switch).disabled:hover,
.btn.disabled:hover {
  background-color: #bbb;
  cursor: default;
}
a.btn {
  height: 14px;
}
.icon-button {
  color: #2c6347;
  font-size: 22px;
}
.icon-button.red {
  color: #d9534f;
}
.icon-button.small {
  display: inline-block;
  margin-left: 5px;
  font-size: 13px;
}
button::-moz-focus-inner {
  border: 0;
}
.qq-upload-drop-area {
  background: white;
  border: dashed 2px #6bbd93;
  min-height: 24px;
  height: 24px;
}
.qq-upload-drop-area span {
  margin-top: -12px;
}
.mr5 {
  margin-right: 5px !important;
}
.mr0 {
  margin-right: 0px !important;
}
.ml5 {
  margin-left: 5px;
}
.ml20 {
  margin-left: 20px;
}
.main-paddings {
  padding: 52px 0 0 250px;
  width: 100%;
  height: 100%;
  min-height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
@media only screen and (max-width: 1287px) {
  .main-paddings {
    padding-left: 220px;
  }
}
.main-paddings .main-content {
  width: 100%;
  height: 99%;
  font-size: 13px;
}
@media only screen and (max-width: 1287px) {
  .main-paddings .main-content {
    font-size: 11px;
  }
}
.main-paddings .main-content .page-header {
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  border-bottom: solid 1px #f0f0f0;
  background-color: white;
}
.main-paddings .main-content .page-header h1 {
  font-size: 30px;
  font-weight: 300;
  margin: 0;
}
@media only screen and (max-width: 1287px) {
  .main-paddings .main-content .page-header h1 {
    font-size: 22px;
  }
}
.main-paddings .main-content .page-header h1 button:first-child {
  margin: -7px 0 0 50px;
}
@media only screen and (max-width: 1287px) {
  .main-paddings .main-content .page-header h1 button:first-child {
    margin: -7px 0 0 20px;
  }
}
.main-paddings .main-content .page-header h1 button {
  margin: -7px 0 0 0px;
}
.main-paddings .main-content .page-header h1 #import {
  vertical-align: top;
  margin-top: -3px;
  margin-left: 10px;
}
.main-paddings .main-content .page-header h1 .header-info {
  font-size: 20px;
}
.main-paddings .main-content .page-header h1 .header-info button:first-child {
  margin: 0;
}
@media only screen and (max-width: 1287px) {
  .main-paddings .main-content .page-header h1 .header-info button:first-child {
    margin: 0;
  }
}
.main-paddings .main-content .page-header h1 .header-info button:nth-child(2) {
  margin: 0;
}
@media only screen and (max-width: 1287px) {
  .main-paddings .main-content .page-header h1 .header-info {
    font-size: 16px;
  }
}
.main-paddings .main-content .page-header h1 .header-info.with-small {
  line-height: 43px;
}
.main-paddings .main-content .page-header h1 .header-info .btn {
  margin-top: -5px;
}
.main-paddings .main-content .page-header h1 .header-info small {
  line-height: 10px;
  font-size: 10px;
  display: block;
  margin-top: -7px;
}
.main-paddings .main-content .page-header h1.hasSubHeader {
  line-height: 30px;
  padding-top: 5px;
}
.main-paddings .main-content .page-header h1.hasSubHeader .buttons {
  padding-top: 6px;
}
.main-paddings .main-content .page-header .subheader {
  display: block;
  font-size: 12px;
  line-height: 12px;
}
.main-paddings .main-content .content {
  padding: 20px;
  height: calc(100% - 53px);
  min-height: calc(100% - 53px);
  overflow: auto;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.main-paddings .main-content .greybox {
  margin-bottom: 40px;
  width: 500px;
}
.main-paddings .main-content .greybox strong {
  font-weight: 400;
}
.main-paddings .main-content .greybox strong .strong {
  font-weight: 600;
}
.main-paddings .main-content .greybox td {
  padding-right: 10px;
}
body.not-authorized {
  background: url('/public/img/body-bg.png') repeat scroll 0 0 rgba(0, 0, 0, 0);
}
body.not-authorized .main-paddings {
  padding: 50px 0 0 0;
}
.ui-datepicker {
  font-size: 14px;
  width: 18em;
}
.ui-datepicker .ui-state-default {
  width: 26px;
  height: 18px;
}
.ant-picker.ant-picker {
  width: 123px;
  border-radius: 4px;
}
.ant-picker.ant-picker input {
  font-size: 13px;
}
.ant-segmented.ant-segmented {
  border-radius: 4px;
}
.ant-select-selector.ant-select-selector,
.ant-select-dropdown.ant-select-dropdown {
  border-radius: 4px;
}
#import {
  float: none;
  display: inline-block;
}
.relate-wrapper {
  position: relative;
}
.table_res {
  margin: 10px 20px 10px 0;
}
.table_res.w800 {
  width: 800px;
}
@media only screen and (max-width: 1024px) {
  .table_res.w800 {
    width: 100%;
  }
}
.table_res.w1000 {
  width: 1000px;
}
@media only screen and (max-width: 1224px) {
  .table_res.w1000 {
    width: 100%;
  }
}
.table_res thead {
  text-align: left;
  background-color: #ffffff;
}
.table_res.with_header_bg thead {
  background-color: #2c6347;
  color: white;
}
.table_res.with_header_bg tbody .subHeader {
  background-color: #edf7f2;
}
.table_res tr.without_documents {
  color: #ea9b00;
}
.table_res tr.without_documents:hover {
  color: #ff8c00;
}
.table_res tr.with_error {
  color: #d9534f;
}
.table_res tr.canceled {
  color: #bbb;
}
.table_res tr.canceled .notice-hint {
  color: #bbb !important;
}
.table_res tr.canceled a:not(.btn).blue {
  color: #9ce0fd !important;
}
.table_res tr.canceled .text-red {
  color: #f4cecd !important;
}
.table_res th,
.table_res td {
  border-bottom: solid 1px #ccc;
  padding: 5px 7px;
  line-height: 180%;
}
@media only screen and (max-width: 1287px) {
  .table_res th,
  .table_res td {
    padding: 3px;
  }
}
.table_res th:last-child,
.table_res td:last-child {
  border-right: none;
}
.table_res tfoot td {
  border: none;
}
.table_res th {
  padding: 5px 14px 5px 7px;
}
@media only screen and (max-width: 1287px) {
  .table_res th {
    padding: 3px 12px 3px 3px;
  }
}
.table_res th.tablesorter-headerDesc {
  background: #bbb url(/public/img/sort.png) no-repeat right 14px;
}
@media only screen and (max-width: 1287px) {
  .table_res th.tablesorter-headerDesc {
    background-position: right 12px;
  }
}
.table_res th.tablesorter-headerAsc {
  background: #bbb url(/public/img/sort.png) no-repeat right -32px;
}
@media only screen and (max-width: 1287px) {
  .table_res th.tablesorter-headerAsc {
    background-position: right -35px;
  }
}
.table_res .tr_selected {
  background: #e2e2e2;
}
.table_res label {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.table_res td.button-cell {
  width: 25px;
  text-align: center;
}
.table_res td.button-cell a {
  color: #2c6347;
  font-size: 18px;
}
.table_res td.button-cell a .fa {
  margin: 0;
}
.table_res .left-border {
  border-left: solid 1px #ccc;
}
.table_res td.number {
  text-align: right;
  white-space: nowrap;
}
.table_res tbody tr a {
  color: #444;
}
.table_res tbody tr:hover {
  background-color: #e2e2e2;
}
.table_res .highlighted {
  background: #e2e2e2;
}
.table_res.open-url tr {
  cursor: pointer;
}
.table_res .empty {
  color: #bbb;
}
.table_res.table-yellow td {
  background-color: #fff4cc;
}
.table_res.table-red td {
  background-color: #e27c79;
}
.table_res .first-column {
  position: -webkit-sticky;
  position: sticky;
  background-color: white;
  width: 140px;
  min-width: 140px;
  max-width: 140px;
  left: -20px;
  z-index: 1;
}
.table_res .sticky-header th {
  position: -webkit-sticky;
  position: sticky;
  background-color: white;
  height: 27px;
  min-height: 27px;
  max-height: 27px;
  top: -20px;
  z-index: 1;
}
.table_res .sticky-header th.first-column {
  z-index: 2;
}
.sortable thead th {
  cursor: pointer;
}
.right-panel-table {
  position: absolute;
  -moz-transition: left 0.4s ease-in-out 0s;
  -o-transition: left 0.4s ease-in-out 0s;
  -ms-transition: left 0.4s ease-in-out 0s;
  -webkit-transition: left 0.4s ease-in-out 0s;
  transition: left 0.4s ease-in-out 0s;
  margin-top: 10px;
  left: 0;
  width: 48%;
}
.right-panel-table.opened {
  left: 50%;
}
@media only screen and (max-width: 1450px) {
  .left-panel-table td,
  .right-panel-table td,
  .left-panel-table th,
  .right-panel-table th {
    font-size: 11px;
    padding: 3px;
  }
}
@media only screen and (max-width: 1115px) {
  .left-panel-table td,
  .right-panel-table td,
  .left-panel-table th,
  .right-panel-table th {
    font-size: 9px;
    padding: 3px;
  }
}
.edit-table {
  display: inline-block;
}
.edit-table .fa {
  margin: 0;
}
.edit-table:active {
  background: #bbb;
}
.edit-table-columns {
  display: none;
  position: absolute;
  width: 220px;
  border: solid 1px #bbb;
  background: #fff;
  -moz-box-shadow: 0 0 10px rgba(100, 100, 100, 0.7);
  -o-box-shadow: 0 0 10px rgba(100, 100, 100, 0.7);
  -ms-box-shadow: 0 0 10px rgba(100, 100, 100, 0.7);
  -webkit-box-shadow: 0 0 10px rgba(100, 100, 100, 0.7);
  box-shadow: 0 0 10px rgba(100, 100, 100, 0.7);
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0;
  margin: 0;
  z-index: 10;
  margin-top: -252px;
  max-height: 250px;
  overflow: auto;
}
.edit-table-columns .custom-checkbox {
  display: inline-block;
  margin-right: 5px;
  margin-top: 2px;
}
.edit-table-columns li > label {
  display: block;
  width: 100%;
  cursor: pointer;
  line-height: 33px;
  height: 33px;
  padding: 0 7px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.edit-table-columns li > label:hover {
  background: #bbb;
}
.ui-widget-overlay {
  background: rgba(255, 255, 255, 0.7);
  opacity: 1;
  z-index: 5;
}
.ui-dialog {
  z-index: 5;
  -moz-box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
  -o-box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
  -ms-box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
  -webkit-box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
  box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
  border-color: #bbb;
  padding: 0;
  outline: none;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 10px 20px;
  border-bottom: solid 1px #f0f0f0;
  background: none;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  font-size: 20px;
  font-weight: 300;
  color: #555;
}
.ui-dialog .ui-dialog-titlebar .ui-button {
  background: none;
  border: none;
  right: 10px;
}
.ui-dialog .ui-dialog-titlebar .ui-button:hover {
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui-dialog .ui-dialog-titlebar .ui-icon {
  background-image: url(/public/css/images/ui-icons_444444_256x240.png);
}
.ui-dialog .ui-dialog-content {
  padding: 10px 20px;
}
.with-side-panel .ui-widget-overlay {
  display: none !important;
}
.with-side-panel .ui-dialog:not([aria-describedby='alertDialog']):not([aria-describedby='confirmDialog']) {
  z-index: 2;
  position: fixed !important;
  top: 51px !important;
  left: auto !important;
  right: 0px !important;
  height: calc(100% - 51px) !important;
  border-radius: 0;
}
.with-side-panel .ui-dialog:not([aria-describedby='alertDialog']):not([aria-describedby='confirmDialog']) .ui-dialog-titlebar {
  border: none;
  border-bottom: solid 1px #f0f0f0;
  border-radius: 0;
  cursor: default;
}
.with-side-panel .ui-dialog:not([aria-describedby='alertDialog']):not([aria-describedby='confirmDialog']) .ui-dialog-content {
  height: calc(100% - 130px) !important;
}
.with-side-panel .hide-on-open-panel {
  display: none;
}
.maximum-limit {
  background: #fff5df;
  padding: 20px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #111;
  font-weight: 300;
  display: inline-block;
}
.doc-row {
  line-height: 140%;
  padding: 4px 0;
}
.doc-row a.filenameLink {
  color: #333333;
  font-weight: bold;
  display: block;
  max-width: 200px;
  word-break: break-all;
}
.doc-row a.filenameLink.ticket {
  max-width: 234px;
}
.doc-row a.filenameLink .fa {
  color: #058dc7;
}
.doc-row a.filenameLink .fa.angle-icon {
  color: #333333;
  display: inline-block;
  margin-left: 4px;
}
.doc-row a.filenameLink.inline {
  display: inline;
}
.doc-row.ticket-row a.filenameLink {
  max-width: 100%;
}
.doc-row .delete-document-button {
  font-size: 20px;
  color: #d9534f;
  font-weight: bold;
  display: inline-block;
  margin: 0 0 -5px 5px;
  vertical-align: bottom;
  float: right;
}
.doc-row .delete-document-button:hover {
  color: #c9302c;
}
.doc-row .delete-document-button.table-delete {
  float: none;
  vertical-align: initial;
}
li.doc-row a.filenameLink {
  display: inline;
  max-width: none;
}
#empty-doc-row td {
  color: #bbb;
}
.chart-wrapper .ivalues-chart {
  margin-left: 100px;
}
@media only screen and (max-width: 1115px) {
  .chart-wrapper .ivalues-chart {
    margin-left: 60px;
  }
}
.chart-wrapper .chapter-menu-wrapper {
  float: left;
}
.chart-wrapper .chapter-menu-wrapper ul {
  max-height: 170px;
  overflow: auto;
}
.chart-wrapper .chart-menu {
  margin-bottom: 10px;
}
.chart-wrapper .chart-menu li {
  font-size: 13px;
}
.chart-wrapper .chart-menu li a {
  -moz-transition: all 0.15s ease-in-out 0s;
  -o-transition: all 0.15s ease-in-out 0s;
  -ms-transition: all 0.15s ease-in-out 0s;
  -webkit-transition: all 0.15s ease-in-out 0s;
  transition: all 0.15s ease-in-out 0s;
  color: #555;
  display: block;
  padding: 5px 15px;
  background: #f0f0f0;
  margin-right: 1px;
  margin-bottom: 1px;
  max-width: 150px;
}
.chart-wrapper .chart-menu li a:hover,
.chart-wrapper .chart-menu li a.active {
  background: #65add7;
  color: #fff;
}
.chart-wrapper .chart-menu.left {
  width: 180px;
  float: left;
}
.chart-wrapper .canvas-wrapper {
  float: left;
  margin: 40px 0 0 0;
  position: relative;
  min-height: 305px;
}
.chart-wrapper .canvas-wrapper .doughnut-legend {
  position: absolute;
  top: 0;
  left: 470px;
}
@media only screen and (max-width: 1115px) {
  .chart-wrapper .canvas-wrapper .doughnut-legend {
    left: 390px;
  }
}
.chart-wrapper .canvas-wrapper .doughnut-legend li {
  font-size: 14px;
  line-height: 160%;
  -moz-transition: all 0.15s ease-in-out 0s;
  -o-transition: all 0.15s ease-in-out 0s;
  -ms-transition: all 0.15s ease-in-out 0s;
  -webkit-transition: all 0.15s ease-in-out 0s;
  transition: all 0.15s ease-in-out 0s;
  cursor: pointer;
  white-space: nowrap;
}
.chart-wrapper .canvas-wrapper .doughnut-legend li:hover {
  font-weight: bold;
}
.chart-wrapper .canvas-wrapper .doughnut-legend li span {
  display: inline-block;
  width: 15px;
  height: 15px;
  overflow: hidden;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 4px 5px 0 0;
  vertical-align: top;
}
.chart-wrapper .canvas-wrapper .no-chart-data {
  font-size: 14px;
  font-weight: bold;
  margin-top: 0;
  text-align: center;
  width: 500px;
}
.stock-chart-size {
  width: 100%;
}
.stock-chart-wrapper {
  position: relative;
  width: 100%;
}
.stock-chart-wrapper .chosen-container {
  display: none;
}
.stock-chart-wrapper .chapter-menu-wrapper ul {
  max-height: 300px;
  overflow: auto;
}
.stock-chart-wrapper .trader-select--outer input:not(:first-child) {
  margin-left: 10px;
}
.stock-chart-wrapper .trader-select--outer label {
  vertical-align: text-top;
}
.stock-chart-wrapper .comissions-chart--period-buttons {
  display: flex;
  justify-content: center;
  padding: 10px 0;
  gap: 10px;
}
.stock-chart-wrapper .stock-chart {
  width: 100%;
}
.stock-chart-wrapper .stock-chart .amChartsDataSetSelector {
  font-size: 16px;
  font-weight: 300;
  font-family: 'Open Sans';
}
.stock-chart-wrapper .stock-chart .amChartsDataSetSelector select {
  margin-top: 5px;
}
.stock-chart-wrapper .stock-chart .amChartsDataSetSelector .amChartsCompareList {
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-top: 5px;
  font-size: 13px;
  font-weight: 400;
}
.stock-chart-wrapper .stock-chart .amChartsPeriodSelector {
  font-size: 13px;
  font-family: 'Open Sans';
}
.stock-chart-wrapper .stock-chart .amChartsPeriodSelector .amChartsButton {
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 10px;
  font-size: 13px;
}
.stock-chart-wrapper .stock-chart .amChartsPeriodSelector .amChartsButtonSelected {
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #058dc7;
  border-color: #058dc7;
  padding: 3px 10px;
  font-size: 13px;
}
.stock-chart-wrapper .stock-chart svg {
  font-family: 'Open Sans';
  font-size: 13px;
}
.stock-chart-wrapper .stock-chart-preloader {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.5) url('/public/img/big-spinner.gif') no-repeat center center;
  display: none;
  width: 100%;
}
.help-hint {
  color: #ffc700 !important;
  display: inline-block;
  margin-left: 5px;
  font-size: 16px;
}
.notice-hint {
  color: #d9534f !important;
  display: inline-block;
  margin-left: 5px;
  font-size: 16px;
}
.table_res td .notice-hint {
  vertical-align: bottom;
}
.vertical-align-top {
  vertical-align: top;
}
.vertical-align-top td {
  vertical-align: top;
}
.vertical-align-top td:nth-child(1) {
  padding-top: 8px;
}
.hint_block {
  display: none;
  position: absolute;
  z-index: 10000;
  padding: 10px;
  background-color: rgba(40, 40, 40, 0.8);
  max-width: 300px;
  color: #fff;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.hint_block .angle {
  position: absolute;
  margin: 0 0 0 -20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 10px 9px 0;
  border-color: transparent rgba(40, 40, 40, 0.8) transparent transparent;
}
.hint_block.flipped {
  margin-left: -20px;
}
.hint_block.flipped .angle {
  right: 0;
  margin: 0 -10px 0 0;
  border-width: 9px 0 9px 10px;
  border-color: transparent transparent transparent rgba(40, 40, 40, 0.8);
}
.select-with-text .chosen-container,
.select-with-text .chzn-container {
  margin-top: -8px;
  vertical-align: middle;
}
.show_in_view_mode {
  display: none;
}
.add_new.viewMode table {
  border-spacing: 0px;
  border-collapse: separate;
}
.add_new.viewMode td:not(.doc-row) {
  line-height: 27px;
  border-bottom: solid 1px #bbb;
}
.add_new.viewMode td.doc-row {
  line-height: 18px;
}
.add_new.viewMode #empty-doc-row td {
  border-bottom: none;
}
.add_new.viewMode .selectValue {
  display: inline-block;
}
.add_new.viewMode .chzn-container,
.add_new.viewMode .chosen-container,
.add_new.viewMode .hide-in-view-mode,
.add_new.viewMode .delete-document-button,
.add_new.viewMode .fa-calendar,
.add_new.viewMode .required:after {
  display: none;
}
.add_new.viewMode input[type='text'],
.add_new.viewMode textarea {
  border: none;
  color: #444;
  background: transparent;
  text-align: left;
  padding-left: 0;
}
.add_new.viewMode input[type='text'].number_field,
.add_new.viewMode textarea.number_field {
  text-align: right;
}
.add_new.viewMode label {
  cursor: default;
}
.add_new.viewMode .greybox_2 .custom-checkbox label {
  line-height: 120%;
}
.add_new.viewMode .hide_in_view_mode {
  display: none;
}
.add_new.viewMode .show_in_view_mode {
  display: block;
}
textarea.description {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 150px;
}
#instrument-table {
  position: relative;
  z-index: 1;
  background: #fff;
}
.search-block {
  position: relative;
  width: 306px;
}
.search-block input {
  width: 100%;
}
.search-block .fa {
  position: absolute;
  right: 3px;
  top: 8px;
  color: #a2a2a2;
}
#empty-list {
  margin-top: 10px;
  padding-left: 7px;
  display: none;
}
#empty-list span {
  color: #058dc7;
}
.fixed--buttons {
  position: fixed;
  top: 67px;
  right: 24px;
}
#home-chart {
  color: #333333;
  max-width: 1000px;
  font-size: 10px;
}
@media only screen and (max-width: 1287px) {
  #home-chart {
    font-size: 8px;
  }
}
/**
 * mCustomScrollBar
 */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background: none;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0);
}
.mCustomScrollbar:hover .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.7);
}
.mCSB_outside + .mCSB_scrollTools {
  right: -6px;
}
#global-progress {
  position: fixed;
  top: 0;
  left: 0;
  height: 8px;
  width: 0%;
  z-index: 100000;
  background: #4ad890;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.compensations-table {
  padding-right: 30px;
}
.compensations-table thead th {
  color: #abdfbb;
  vertical-align: bottom;
  border-bottom-color: #295d42;
  position: relative;
  text-align: center;
}
.compensations-table thead th.dark-text {
  color: #153524;
}
.compensations-table thead th.light {
  color: #60c47e;
}
.compensations-table thead th.first-column {
  border-right: solid 1px #295d42;
}
.compensations-table tbody tr:hover {
  background-color: #d5e9db;
}
.compensations-table tbody td {
  text-align: right;
  position: relative;
  white-space: nowrap;
}
.compensations-table tbody td.green {
  color: #295d42;
  font-weight: bold;
  border-right: solid 1px #295d42;
}
.compensations-table tbody td.action {
  cursor: pointer;
}
.compensations-table tbody td.negative {
  color: #d9534f;
}
.compensations-table tbody td:not(.green) {
  min-width: 70px;
}
.compensations-table tbody td:not(.green):hover {
  background-color: #aed6bb;
}
.compensations-table tbody td:not(.green):hoverr::before {
  content: '';
  position: absolute;
  background-color: #d5e9db;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}
.compensations-table tbody td.lighter {
  background-color: #f0f0f0;
}
.compensations-table tfoot td {
  text-align: right;
  font-weight: 600;
  color: #666;
  white-space: nowrap;
}
.compensations-table tfoot td.with-border {
  border-right: solid 1px #295d42;
}
.compensations-table tfoot td.negative {
  color: #d9534f;
}
.compensations-table tfoot.bigger td {
  font-size: 13px;
  color: #000000;
}
.historical-table th {
  text-align: left;
}
.historical-table tbody td {
  padding-top: 5px;
}
.vertical_compensation thead th {
  color: #295d42;
}
.vertical_compensation thead .name {
  font-size: 18px;
}
.vertical_compensation tbody th {
  text-align: left;
  color: #295d42;
  padding-top: 20px;
}
.vertical_compensation tbody .no-hover:hover {
  background-color: transparent;
}
.vertical_compensation tbody td.action {
  cursor: pointer;
}
.vertical_compensation tr th:nth-child(2),
.vertical_compensation tr th:nth-child(3) {
  text-align: right;
}
.vertical_compensation tr td:nth-child(2),
.vertical_compensation tr td:nth-child(3) {
  text-align: right;
}
.vertical_compensation tr.bold {
  font-weight: 900;
}
.add-profit-share-block,
.row-add-remove-btn {
  vertical-align: top;
  display: inline-block;
  margin-left: 20px;
}
.add-profit-share-block.hidden,
.row-add-remove-btn.hidden {
  display: none;
}
.state {
  display: inline-block;
  border: solid 1px #bbb;
  color: #333333;
  background-color: #f0f0f0;
  border-radius: 3px;
  padding: 3px 6px;
  line-height: 120%;
}
.state.red {
  color: #d9534f;
  border-color: #eba5a3;
}
.state.gray {
  color: #bbb;
  border-color: #bbb;
}
.state.green {
  color: #2c6347;
  border-color: #6bbd93;
}
.state.fill-yellow {
  color: #333333;
  background-color: #fffed1;
}
.state.fill-green {
  color: #333333;
  background-color: #98cf99;
}
.state.fill-green2 {
  color: #333333;
  background-color: #dcefb1;
}
.state.fill-red {
  color: #333333;
  background-color: #e27c79;
}
.state.orange {
  color: #ff7b00;
  border-color: #ff7b00;
}
.state.blue {
  color: #058dc7;
  border-color: #058dc7;
}
.countdown {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  text-align: center;
}
.countdown.red {
  color: #d9534f;
}
.countdown.red p {
  color: #d9534f;
}
.countdown li {
  display: inline-block;
}
.countdown li.seperator {
  font-size: 30px;
  line-height: 30px;
  vertical-align: top;
}
.countdown li span {
  font-size: 30px;
  font-weight: 300;
  line-height: 30px;
}
.countdown li p {
  color: #a7abb1;
  font-size: 12px;
}
.countdown.small {
  text-align: left;
  margin-right: -2px;
}
.countdown.small li.seperator {
  font-size: 11px;
  font-weight: 500;
  line-height: 11px;
  vertical-align: baseline;
}
.countdown.small li span {
  font-size: 11px;
  font-weight: 500;
  line-height: 11px;
}
.countdown.small li p {
  display: none;
}
.blink {
  animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.intro {
  background-color: #f0f0f0;
  padding: 30px;
  width: 100%;
}
.hide-tabs-on-loading {
  display: none;
}
#tabs.ui-tabs {
  background: none;
  border: none;
}
#tabs.ui-tabs .ui-tabs-nav {
  background: none;
  padding-left: 10px;
  border: none;
}
#tabs.ui-tabs .ui-tabs-nav li {
  background: #6bbd93;
  border-radius: 0;
  border-top: solid 1px #6bbd93;
  border-left: solid 1px #6bbd93;
  border-right: solid 1px #6bbd93;
  border-bottom: none;
}
#tabs.ui-tabs .ui-tabs-nav li .ui-tabs-anchor {
  color: white;
}
#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background: white;
  border-top: solid 1px #bbb;
  border-left: solid 1px #bbb;
  border-right: solid 1px #bbb;
}
#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  color: #333333;
  font-weight: bold;
}
#tabs.ui-tabs .ui-tabs-panel {
  background-color: white;
  border-top: solid 1px #bbb;
  z-index: 0;
  margin-top: -1px;
  padding-left: 0;
  padding-right: 0;
}
#tabs.ui-tabs-vertical {
  width: 100%;
}
#tabs.ui-tabs-vertical .ui-tabs-nav {
  float: left;
  width: 220px;
  padding: 0;
}
#tabs.ui-tabs-vertical .ui-tabs-nav li {
  clear: left;
  width: 100%;
  border-bottom-width: 1px !important;
  border-right-width: 0 !important;
  margin: 0 -1px 0.2em 0;
  white-space: normal;
}
#tabs.ui-tabs-vertical .ui-tabs-nav li a {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
#tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
  padding-bottom: 0;
  padding-right: 0.1em;
  border-right-width: 1px;
  border-bottom: solid 1px #bbb !important;
}
#tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a {
  font-weight: normal !important;
}
#tabs.ui-tabs-vertical .ui-tabs-panel {
  width: calc(100% - 225px);
  padding: 0 0 0 30px;
  float: right;
  border-top: none;
}
.ui-tabs-panel tr td:first-child {
  border-bottom: unset !important;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: '';
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.view-object {
  color: #2c6347;
  display: inline-block;
  margin: 5px 0 0 4px;
}
.block-grid {
  display: flex;
  align-items: stretch;
}
.block-grid.vertical {
  flex-direction: column;
}
.block-grid .block-grid-block {
  border: solid 1px #f0f0f0;
  border-radius: 3px;
  padding: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.block-grid .block-grid-block.xl {
  width: 100%;
}
.block-grid .block-grid-block.stretch {
  flex: 1;
}
.block-grid .block-grid-block > table {
  margin: 0;
  padding: 0;
}
.block-grid .block-grid-block h3 {
  border-bottom: solid 1px #f0f0f0;
  padding-bottom: 5px;
}
.big-number {
  display: flex;
  height: calc(100% - 40px);
  justify-content: center;
  align-items: center;
  font-size: 24px;
}
.button3 {
  padding-left: 5px;
  padding-right: 5px;
}
@media only screen and (max-width: 1287px) {
  .button3 {
    padding-left: 9px;
    padding-right: 9px;
  }
}
.badge {
  position: absolute;
  margin-top: -5px;
  right: -10px;
  border-radius: 10px;
  background-color: #058dc7;
  color: white;
  padding: 3px 7px;
  display: block;
}
.notification-inline {
  width: 100%;
  padding: 10px 0;
  margin-bottom: 20px;
  font-size: 17px;
  font-weight: 100;
  background: #80b15b;
  text-align: center;
  color: #fff;
}
.notification-inline.error {
  background: #d9534f;
}
.link-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.sm-rotate-90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sm-right {
  float: right;
}
/* Material menu */
.material-menu {
  z-index: 1000;
  position: absolute;
  overflow-y: auto;
  max-width: 320px;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.87);
  padding: 16px 0;
  background-color: #ffffff;
  border-radius: 2px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.material-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.material-menu li {
  padding: 0 24px;
  min-height: 32px;
  line-height: 32px;
  cursor: pointer;
}
.material-menu li * {
  display: inline-block;
  vertical-align: middle;
}
.material-menu li span {
  margin-left: 16px;
}
.material-menu li.check {
  padding: 0 24px;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
}
.material-menu li.check.unchecked i {
  color: transparent;
}
.material-menu li.divider {
  margin: 10px 0;
  min-height: 1px;
  height: 1px;
  background-color: #eaeaea;
  cursor: default;
}
.material-menu li.divider:hover {
  background-color: #eaeaea;
}
.material-menu li.label {
  font-weight: bold;
  cursor: default;
}
.material-menu li.label:hover {
  background-color: inherit;
}
.material-menu li:hover {
  background-color: #eeeeee;
}
.material-menu .icon-wrapper {
  height: inherit;
  line-height: inherit;
}
.material-icons {
  color: rgba(0, 0, 0, 0.54);
}
.material-icons.md-18 {
  font-size: 18px;
}
.material-icons.md-24 {
  font-size: 24px;
}
.material-icons.md-36 {
  font-size: 36px;
}
.material-icons.md-48 {
  font-size: 48px;
}
.np.mobile {
  display: none !important;
}
.mobile-username {
  display: none !important;
}
.todays--values {
  font-size: 22px;
}
.from-to-date--mobile,
.filters--mobile {
  display: none;
}
.select-with-text {
  display: flex;
  white-space: nowrap;
}
.select-with-text .input-s {
  width: 100px;
}
.select-with-text > span {
  padding: 0 3px;
}
.select-with-text > span:first-child {
  padding: 0 2.5px 0 0;
}
.select-with-text a {
  font-size: 11px;
}
.show_in_pdf {
  display: none;
}
.edit-table-columns.customers li > label {
  height: auto;
}
.shift1 td:first-child {
  padding-left: 20px;
}
.shift2 td:first-child {
  padding-left: 40px;
}
.flex-with-gap {
  gap: 5px;
  align-items: baseline;
}
.is_disabled_onboard .disabled,
.is_disabled_onboard .chosen-disabled {
  pointer-events: none !important;
}
tr.inactive {
  color: #bbb;
}
@media screen and (max-width: 990px) {
  .input-l {
    width: 100% !important;
  }
  textarea {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .todays--values {
    font-size: 18px;
  }
  .todays--values span {
    font-size: 20px;
  }
  .np.mobile {
    display: block !important;
  }
  .mobile-username {
    font-size: 16px;
    display: flex !important;
    padding: 6px 15px 6px 10px !important;
    align-items: center;
    justify-content: center;
  }
  .main-paddings {
    padding-left: 0 !important;
  }
  .nav-bar-left {
    position: fixed;
    z-index: 10001;
    left: -270px;
    height: 100svh !important;
    top: 0;
  }
  .nav-bar-left a {
    white-space: nowrap;
  }
  .nav-bar-left #nav li .sub-menu a {
    padding: 8px 15px;
  }
  .nav-bar-left.show {
    left: 0;
  }
  .nav-bar-left:not(.animate-slide-in):not(.animate-slide) {
    left: -270px !important;
  }
  .nav-bar-left.animate-slide {
    animation-duration: 0.3s;
    animation-fill-mode: backwards;
    animation-name: animate-slide;
    animation-timing-function: cubic-bezier(0.26, 0.53, 0.74, 1.48);
  }
  .nav-bar-left.animate-slide-in {
    animation-duration: 0.3s;
    animation-delay: 0.1s;
    animation-fill-mode: backwards;
    animation-name: animate-slide-in;
  }
  .nav-bar-left #nav li a {
    font-size: 14px !important;
  }
  .clearfix h1 {
    padding: 0 5px;
    font-size: 24px;
  }
  .amfina-logo {
    display: none !important;
  }
  .account-container {
    margin: unset;
    width: unset;
    box-shadow: 0 0 2px #dadada, 0 2px 1px #e6e6e6;
  }
  .account-container .login-fields p {
    display: none;
  }
  .account-container .login-fields .field.form-group {
    padding: 0 5px;
  }
  .account-container .login-actions {
    display: flex;
    justify-content: center;
  }
  .account-container .login-actions button {
    padding: 0 30px;
    font-size: 16px;
  }
  .main-paddings .main-content .content.clearfix {
    padding: unset;
    margin: 20px;
    height: unset !important;
  }
  .main-paddings .main-content .greybox td {
    padding-right: unset;
  }
  .nav-bar-top {
    height: unset;
  }
  .nav-bar-top .pull-right {
    display: none;
  }
  .nav-bar-top .nav-horizontal {
    display: flex;
    justify-items: center;
    width: 100%;
  }
  .nav-bar-top .fa-bars {
    display: flex !important;
    align-items: center;
    float: left;
    display: none;
    cursor: pointer;
    padding-left: 10px;
  }
  .nav-bar-top #add_form .greybox {
    width: unset !important;
  }
  .nav-bar-top #add_form .greybox#buy_box td:last-child input,
  .nav-bar-top #add_form .greybox#buy_box td:last-child textarea {
    width: unset !important;
  }
  .nav-bar-top #add_form .greybox_2 .field {
    width: unset;
  }
  .nav-bar-top #add_form .greybox_2.view-instrument select {
    display: none;
  }
  .nav-bar-top #add_form .greybox_2.view-instrument tr td:first-child {
    border-bottom: none !important;
  }
  .nav-bar-top #add_form.view-instrument select {
    display: none;
  }
  .nav-bar-top #add_form.view-instrument tr td:first-child {
    border-bottom: none !important;
  }
  .nav-bar-top #add_form.buy--sell {
    display: flex;
    flex-direction: column;
  }
  .nav-bar-top .amfina-logo {
    display: none;
  }
  .nav-bar-top .logo-container {
    min-width: unset !important;
    margin: auto;
    padding-right: 39px !important;
    border: none;
  }
  .nav-bar-top .logo-container a {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .nav-bar-top .logo-container img {
    margin-top: unset !important;
    height: 35px !important;
    max-width: 95%;
  }
  #modal-backdrop,
  #dialog-backdrop {
    display: none;
    position: fixed;
    z-index: 8;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.4);
  }
  #modal-backdrop.show,
  #dialog-backdrop.show {
    display: block;
  }
  #dialog-backdrop {
    z-index: 5;
  }
  .not-authorized .main-content .content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .not-authorized .logo-container {
    padding-right: 0px !important;
  }
  .add_new.viewMode .view-instrument select {
    display: none;
  }
  .add_new.viewMode .view-instrument tr td:first-child {
    border-bottom: none !important;
  }
  #add_form .greybox {
    width: unset !important;
  }
  #add_form .greybox_2 .field {
    width: unset;
  }
  #add_form .greybox_2 #tabs {
    display: flex;
    flex-direction: column;
  }
  #add_form .greybox_2 #tabs.ui-tabs-vertical .ui-tabs-panel,
  #add_form .greybox_2 #tabs.ui-tabs-vertical .ui-tabs-nav {
    width: 100% !important;
    margin-bottom: 10px;
  }
  #add_form .greybox_2 #tabs table.ui-tabs-panel tbody {
    display: block;
  }
  #add_form .greybox_2 #tabs table.ui-tabs-panel tbody textarea {
    min-width: unset !important;
    width: 100% !important;
  }
  #add_form .greybox_2 #tabs table.ui-tabs-panel tbody td {
    padding-left: 0 !important;
  }
  #add_form .greybox_2 #tabs.company-edit--tabs #tabs-1 td:last-child {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  .chart-wrapper .chapter-menu-wrapper {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 20px;
    grid-template-rows: 13px 125px;
  }
  .chart-wrapper .canvas-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .chart-wrapper .chart-menu.left {
    min-height: 180px;
    width: unset;
  }
  .chart-wrapper .ivalues-chart {
    margin-left: unset;
    width: 70% !important;
    height: 70% !important;
  }
  .table_res {
    width: 100%;
    margin: 10px 0;
  }
  .table_res .second_row {
    word-break: break-word;
    width: 100%;
  }
  .table_res .chosen-container.chosen-container-single {
    width: 40vw !important;
  }
  .table_res thead th:not(:first-child):not(:last-child),
  .table_res.single-th--full-width thead th:not(:first-child):not(:last-child),
  .table_res.last-th--full-width thead th:last-child,
  .table_res.sorting thead tr th:first-child {
    width: 100%;
  }
  .greybox {
    width: 100% !important;
    padding: 20px;
    width: calc(100% - 40px);
    padding: 0;
    margin-bottom: 10px;
  }
  .greybox .intro {
    width: unset;
    padding: 15px;
  }
  .greybox table {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
  }
  .greybox table tr {
    min-height: 40px;
    display: flex;
    flex-direction: column;
    border-bottom: 10px solid transparent;
  }
  .greybox table tr.tr-checkbox {
    min-height: 65px;
  }
  .greybox table td {
    padding-right: unset !important;
  }
  .greybox table .date-format-month-row td:first-child {
    white-space: nowrap;
  }
  .greybox table .date-format-month-row td:last-child {
    display: flex;
    flex-direction: column;
    border-bottom: 8px solid transparent;
  }
  #seach_form #searchBtn {
    margin-top: 10px;
  }
  #seach_form .greybox:first-child {
    margin-bottom: 0;
  }
  #seach_form.breakdown td {
    width: unset !important ;
  }
  #seach_form.operations .greybox {
    margin-bottom: 0;
  }
  #seach_form.operations.breakdown td {
    width: unset !important;
  }
  #seach_form.operations.operations .greybox {
    padding: 0;
    margin-bottom: 0;
  }
  #seach_form.operations.operations .greybox_2 td {
    padding-left: 0 !important;
  }
  #seach_form.operations.operations .input-l {
    width: auto;
  }
  #seach_form.operations.operations .greybox_2 td:first-child {
    white-space: nowrap;
  }
  #seach_form.operations.operations .greybox_2 tr:last-child td:last-child {
    position: relative;
  }
  #seach_form.operations tbody tr:first-child #searchBtn {
    margin-top: 0;
  }
  .chosen-container.chosen-container-single {
    width: 40vw;
  }
  .page-header.hasPullRight {
    display: flex;
    flex-direction: column;
    height: unset !important;
  }
  .page-header.hasPullRight .header-info {
    display: none;
  }
  .chart-wrapper .canvas-wrapper {
    min-height: unset;
  }
  #list_form.operations table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  td {
    font-size: 12px;
  }
  .state-select {
    display: table-row;
  }
  .state-select td:last-child {
    text-align: right;
  }
  #save_form,
  #add_form_button {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .from-to-date--desktop {
    white-space: nowrap;
  }
  .from-to-date--desktop .datepicker-wrapper:not(span):last-child:before {
    content: ' - ';
  }
  .from-to-date--desktop .select_wrapper {
    display: flex;
    align-items: center;
  }
  .from-to-date--desktop .select_wrapper:before {
    content: ' - ';
    color: white;
    padding: 2px 3px 2px 3px;
  }
  .from-to-date--desktop span {
    display: none;
  }
  .from-to-date--desktop .select-with-text {
    display: flex;
    white-space: nowrap;
  }
  .from-to-date--desktop .select-with-text .input-s {
    width: 100px;
  }
  .from-to-date--desktop .select-with-text .chosen-container {
    min-width: 100px;
    display: flex;
    margin-top: 0;
  }
  .from-to-date--desktop .select-with-text .chosen-container#currency_to_id_chosen {
    min-width: 110px;
  }
  .from-to-date--desktop .select-with-text .chosen-container a {
    width: 100%;
  }
  .add_new #add_form .greybox .datepicker-wrapper {
    width: 120px;
  }
  .time-period-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 0;
  }
  .time-period-filters #searchBtn {
    margin-left: auto;
  }
  .time-period-filters button {
    margin-top: unset !important;
  }
  .page-header .pull-right.header-info.buttons {
    height: fit-content;
    line-height: 40px;
    padding-top: 5px;
  }
  .page-header {
    height: unset !important;
  }
  .page-header h1 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
  }
  .page-header h1 > span {
    margin-right: auto;
    white-space: nowrap;
  }
  .page-header h1 > button {
    margin: 0 !important;
  }
  .page-header h1 > div {
    line-height: 0 !important;
    margin-left: 0 !important;
  }
  .header-info {
    display: flex;
  }
  .header-info.buttons {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
  }
  .header-info.buttons #back,
  .header-info.buttons > button,
  .header-info.buttons > form {
    margin: 0 10px 10px 0 !important;
  }
  .header-info.buttons > form {
    line-height: 28px;
  }
  .header-info.buttons > a,
  .header-info.buttons > button {
    margin: 0;
  }
  .header-info #editButtons {
    display: contents;
  }
  .header-info #editButtons > div,
  .header-info #editButtons > button,
  .header-info #editButtons > a {
    margin: 0 10px 10px 0 !important;
  }
  .main-content .greybox {
    padding: 0;
  }
  .table_res {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  .with-side-panel .ui-dialog:not([aria-describedby='alertDialog']):not([aria-describedby='confi rmDialog']) {
    right: -85vw !important;
  }
  .intro {
    width: unset !important;
    padding: 15px;
  }
  .fixed--buttons {
    position: unset !important;
    padding-bottom: 5px;
  }
  .fixed--buttons button,
  .fixed--buttons a {
    margin: 5px 10px 5px 0 !important;
  }
  .header-info {
    display: flex;
  }
  .header-info.buttons {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
  }
  .header-info.buttons #back,
  .header-info.buttons > button,
  .header-info.buttons > form {
    margin: 0 10px 10px 0 !important;
  }
  .header-info.buttons > form {
    line-height: 28px;
  }
  .header-info .header-info {
    display: flex;
  }
  .header-info .header-info.buttons {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    margin-left: auto;
  }
  .header-info .header-info.buttons #back,
  .header-info .header-info.buttons > button,
  .header-info .header-info.buttons > form {
    margin: 0 10px 10px 0 !important;
  }
  .header-info .header-info.buttons > form {
    line-height: 28px;
  }
  .header-info .header-info #editButtons {
    display: contents;
  }
  .header-info .header-info #editButtons > div,
  .header-info .header-info #editButtons > button,
  .header-info .header-info #editButtons > a {
    margin: 0 10px 10px 0 !important;
  }
  .search-form--desktop .from-to-date--desktop > .datepicker-wrapper:last-child .fa-calendar {
    display: none;
  }
  .search-form--desktop .from-to-date--desktop > .datepicker-wrapper:last-child > .fa-calendar {
    display: inline-block;
  }
  .search-form--desktop .from-to-date--desktop > .datepicker-wrapper:last-child .main-paddings .main-content .content {
    padding: 10px 20px;
  }
  .filters--mobile {
    display: block;
  }
  #lastMonth,
  #lastQuarter {
    width: unset !important;
    margin-top: 5px;
  }
  .main-paddings .main-content .content {
    padding: 10px 20px;
  }
  .am-portfolio {
    display: flex;
    flex-direction: column;
    height: unset !important;
  }
  .am-portfolio .table_res {
    margin: 10px 0 !important;
  }
  .am-portfolio .table_res th {
    font-size: 11px;
  }
  .am-portfolio .table_res tr > td {
    font-size: 12px;
  }
  .am-portfolio #seach_form {
    order: -1;
  }
  .am-portfolio .right-panel-table {
    position: relative;
    left: 0;
    order: 50;
  }
  .date-period-buttons--wrapper .date-period--buttons {
    display: flex;
    align-items: center;
  }
  .date-period-buttons--wrapper .date-period--buttons #lastMonth,
  .date-period-buttons--wrapper .date-period--buttons #lastQuarter {
    margin-top: 0px;
  }
  .date-period-buttons--wrapper .date-period--buttons button {
    margin-right: 10px;
  }
  .date-period-buttons--wrapper .date-period--search {
    display: flex;
    justify-content: flex-end;
  }
  .currencies-list #seach_form tr {
    display: table-row;
  }
  .select-with-text.e-rates {
    display: flex;
    align-items: center;
  }
  .select-with-text.e-rates select {
    margin: 0 5px;
  }
  .greybox_2.settings-info table {
    width: 100%;
  }
  .greybox_2.settings-info tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
  }
  .greybox_2.settings-info tr td {
    padding-right: 0 !important;
  }
  .greybox_2.settings-info td:last-child {
    display: flex;
  }
  .greybox_2.settings-info td:last-child input,
  .greybox_2.settings-info td:last-child textarea {
    flex: 1;
    width: unset !important;
    min-width: unset !important;
    max-width: unset !important;
  }
  .greybox_2.settings-info #list_form tr {
    display: table-row !important;
  }
  .greybox_2.settings-info #list_form td:last-child {
    display: table-cell !important;
  }
  .from-to-date--mobile.no-padding td {
    padding: unset !important;
  }
  .from-to-date--mobile.no-padding td:last-child button {
    margin-left: auto;
  }
  .greybox_2.settings-info.company table {
    border-spacing: 0 6px;
  }
  .block-grid {
    flex-direction: column;
  }
  .block-grid .block-grid-block {
    margin-right: 0;
  }
  .block-grid .block-grid-block #search_form tr {
    min-height: 40px;
    display: flex;
    flex-direction: column;
    border-bottom: 10px solid transparent;
  }
  .block-grid.vertical .block-grid-block {
    width: unset !important;
  }
  .block-grid-block.stretch {
    padding-bottom: 40px;
  }
  .flex-mobile--column {
    display: flex !important;
    flex-direction: column;
  }
  .ui-dialog:not([aria-describedby='alertDialog']):not([aria-describedby='confirmDialog']):not([aria-describedby='deleteConfirmDialog2']) {
    width: 85vw !important;
    right: -85vw !important;
    top: 0 !important;
    z-index: 10;
    height: 100% !important;
    /* Update CSS with transition and transform rules */
    transition: right 0.2s ease-in-out;
  }
  .ui-dialog:not([aria-describedby='alertDialog']):not([aria-describedby='confirmDialog']):not([aria-describedby='deleteConfirmDialog2']).open {
    right: 0 !important;
  }
  .stock-chart-wrapper {
    height: unset;
  }
  .stock-chart-wrapper .chapter-menu-wrapper {
    margin-right: 10px !important;
  }
  .stock-chart-wrapper .save-clearing--accounts {
    position: relative !important;
    right: unset !important;
  }
  .stock-chart-wrapper td:last-child.button-cell {
    display: table-cell !important;
  }
  .stock-chart-wrapper .input-xl {
    width: 100% !important;
  }
  .ui-widget-overlay {
    display: none;
  }
}
.spinner_container {
  width: 100%;
  padding-top: 100;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .opertion--with_logs {
    flex-direction: column;
  }
  .input-xl {
    width: 100% !important;
  }
  .stock-chart-wrapper .chart-wrapper {
    display: none !important;
  }
  .ui-widget-overlay {
    display: none;
  }
  .ui-dialog {
    height: auto;
    width: unset !important;
    left: 10px !important;
    right: 10px !important;
  }
  .ui-dialog table {
    width: 100%;
  }
  .ui-dialog table td {
    font-size: 13px;
  }
  .ui-dialog table td input,
  .ui-dialog table td select {
    width: 100%;
  }
  .ui-dialog table .header-info.buttons {
    margin-left: unset;
  }
  .ui-dialog table td[nowrap='nowrap'] {
    white-space: unset;
  }
  .ui-dialog table .block-grid-block.stretch {
    padding-bottom: 60px;
  }
  .ui-dialog table td:last-child {
    display: unset !important;
  }
  .ui-dialog table td:last-child input:not(.small_number),
  .ui-dialog table td:last-child textarea {
    width: 100% !important;
  }
  .ui-dialog table .greybox_2.settings-info td:last-child input,
  .ui-dialog table .greybox_2.settings-info td:last-child textarea {
    width: 100% !important;
  }
  .ui-dialog table #buy_box td:last-child input,
  .ui-dialog table #buy_box td:last-child textarea {
    width: unset !important;
  }
  .ui-dialog table .no-data--msg {
    display: flex;
    justify-content: center;
  }
  .ui-dialog table .greybox_2.settings-info td:last-child input,
  .ui-dialog table .greybox_2.settings-info td:last-child textarea {
    width: 100% !important;
  }
  .ui-dialog table .hide-on--mobile {
    display: none !important;
  }
  .ui-dialog .greybox_2.settings-info td:last-child input,
  .ui-dialog .greybox_2.settings-info td:last-child textarea {
    width: 100% !important;
  }
  .ui-dialog .hide-on--mobile {
    display: none !important;
  }
  .ui-dialog .operation--enter #row3 td:last-child {
    display: flex !important;
    align-items: center;
  }
  .ui-dialog .operation--enter #row3 td:last-child input {
    margin-right: 10px;
  }
  .greybox.transfer--assets tr[height='5'] {
    display: none;
  }
}
@media only screen and (max-width: 450px) {
  .page-header h1 > div {
    height: 36px;
  }
  .page-header h1 small {
    line-height: 15px;
    margin-left: 0 !important;
  }
  .page-header h1 #setResident {
    margin: 0 0 5px 0 !important;
  }
  .page-header h1 .pull-right.header-info.buttons {
    padding: 5px 0;
  }
}
@keyframes animate-slide {
  0% {
    opacity: 1;
    left: 0px;
  }
  100% {
    opacity: 0;
    left: -270px;
  }
}
@keyframes animate-slide-in {
  0% {
    opacity: 0;
    left: -270px;
  }
  100% {
    opacity: 1;
    left: 0px;
  }
}
.opertion--with_logs {
  display: flex;
  align-items: flex-start;
}
.operation--logs {
  width: 400px;
  margin-left: 60px;
  flex: none;
}
.timeline-container h1 {
  font-size: 1.1rem;
  font-family: sans-serif;
}
.timeline-container .sessions {
  margin-top: 2rem;
  border-radius: 12px;
  position: relative;
}
.timeline-container li {
  padding-bottom: 1.2rem;
  border-left: 1px solid #4baa7a;
  position: relative;
  padding-left: 20px;
  margin-left: 10px;
}
.timeline-container li:last-child {
  border: 0px;
  padding-bottom: 0;
}
.timeline-container li:before {
  content: '';
  width: 15px;
  height: 15px;
  background: white;
  border: 1px solid #2c6347;
  box-shadow: 3px 3px 0px #4baa7a;
  border-radius: 50%;
  position: absolute;
  left: -10px;
  top: 0px;
}
.timeline-container .time {
  color: #2a2839;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
}
.timeline-container p {
  color: #4f4f4f;
  font-family: sans-serif;
  line-height: 1.5;
  margin-top: 0.4rem;
}
.dark {
  background-color: #202124;
  color: #dfdfd7;
  scrollbar-color: dark;
}
.dark ::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
.dark ::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
.dark ::-webkit-scrollbar-thumb {
  background: #414447;
  border: 1px solid #414447;
  border-radius: 50px;
}
.dark ::-webkit-scrollbar-thumb:hover {
  background: #414447;
}
.dark ::-webkit-scrollbar-thumb:active {
  background: transparent;
}
.dark ::-webkit-scrollbar-track {
  background: transparent;
  border: 0px none #ffffff;
  border-radius: 53px;
}
.dark ::-webkit-scrollbar-track:hover {
  background: #666666;
}
.dark ::-webkit-scrollbar-track:active {
  background: #333333;
}
.dark ::-webkit-scrollbar-corner {
  background: transparent;
}
.dark .nav-bar-left {
  background-color: #282a2c;
  border-right-color: #414447;
  box-shadow: none;
}
.dark .nav-bar-left #nav li {
  border-bottom-color: #414447;
}
.dark .nav-bar-left #nav li .sub-menu {
  background-color: #282a2c;
  border-top-color: #414447;
}
.dark .nav-bar-left #nav li a {
  color: #dfdfd7;
}
.dark .nav-bar-left #nav li a:hover {
  background-color: #1c402e;
}
.dark .nav-bar-left #nav li.current a {
  background-color: #1c402e;
}
.dark .main-paddings .main-content .page-header {
  background-color: #282a2c;
  border-bottom-color: #414447;
}
.dark input[type='text'],
.dark input[type='password'],
.dark input[type='email'] {
  line-height: 18px;
}
.dark input[type='text'],
.dark input[type='password'],
.dark input[type='email'],
.dark select,
.dark textarea {
  background-color: #282a2c;
  color: #dfdfd7;
  border-color: #414447;
}
.dark input[type='text'].error,
.dark input[type='password'].error,
.dark input[type='email'].error,
.dark select.error,
.dark textarea.error {
  border-color: #f0bab9;
  -moz-box-shadow: 0 0 5px #d9534f;
  -o-box-shadow: 0 0 5px #d9534f;
  -ms-box-shadow: 0 0 5px #d9534f;
  -webkit-box-shadow: 0 0 5px #d9534f;
  box-shadow: 0 0 5px #d9534f;
  color: #f0bab9 !important;
  background-color: #440202;
}
.dark input:-webkit-autofill,
.dark input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px #282a2c inset;
  /* Change the color to your own background color */
  -webkit-text-fill-color: #dfdfd7;
}
.dark input:-webkit-autofill.error,
.dark input:-webkit-autofill:focus.error {
  -webkit-text-fill-color: #d9534f;
}
.dark input[type='text']:disabled {
  background-color: #1c1d1f;
  border-color: #35373a;
  outline: none;
}
.dark .chosen-container .chosen-single {
  background-color: #282a2c;
  color: #dfdfd7;
  border-color: #414447;
}
.dark .chosen-container .chosen-drop {
  background-color: #282a2c;
  color: #dfdfd7;
  border-color: #414447;
}
.dark .chosen-container .chosen-drop .chosen-results {
  color: #dfdfd7;
}
.dark .chosen-container.chosen-container-multi .chosen-choices {
  background-color: #282a2c;
  color: #dfdfd7;
  border-color: #414447;
}
.dark .chosen-container.chosen-container-multi .chosen-choices li.search-choice {
  color: #dfdfd7;
  background-color: #414447;
}
.dark .chosen-container.chosen-container-multi .chosen-drop .result-selected {
  color: #6b6b6b;
}
.dark .datepicker-wrapper i {
  color: #dfdfd7;
}
.dark .edit-table-columns {
  color: #dfdfd7;
  background-color: #282a2c;
  border-color: #414447;
}
.dark #instrument-table {
  background-color: transparent;
}
.dark .table_res thead {
  background-color: transparent;
}
.dark .table_res th {
  border-bottom-color: #414447;
}
.dark .table_res th.tablesorter-headerAsc,
.dark .table_res th.tablesorter-headerDesc {
  background-color: #282a2c;
}
.dark .table_res.with_header_bg thead {
  background-color: #2c6347;
  color: white;
}
.dark .table_res.with_header_bg tbody .subHeader {
  background-color: #142e21;
}
.dark .table_res td {
  border-bottom-color: #414447;
}
.dark .table_res .even {
  background-color: #2a2d2f;
}
.dark .table_res tr:hover,
.dark .table_res .tr_selected {
  background-color: #404447;
}
.dark .table_res tbody tr a {
  color: #a3aca3;
}
.dark .table_res .first-column {
  background-color: #202124;
}
.dark .table_res .sticky-header th {
  background-color: #202124;
}
.dark .table_res .highlighted {
  background-color: #4e4e4e;
}
.dark .table_res.table-yellow td {
  background-color: #fde078;
  color: #414447;
}
.dark .tablesorter-sticky-wrapper {
  background-color: #202124;
}
.dark .compensations-table thead th.dark-text {
  color: #4baa7a;
}
.dark .compensations-table thead th.darkt {
  color: #6bbd93;
}
.dark .compensations-table tbody td.green {
  color: #4baa7a;
}
.dark .compensations-table tbody td:not(.green):hover {
  color: #333333;
}
.dark .compensations-table tfoot.bigger td {
  color: #dfdfd7;
}
.dark tr.inactive {
  color: #868b91;
}
.dark .block-grid .block-grid-block {
  border-color: #414447;
}
.dark .block-grid .block-grid-block h3 {
  border-color: #414447;
}
.dark .ui-widget {
  background-color: #202124;
}
.dark .ui-widget.ui-widget-content {
  border-color: #414447;
}
.dark .ui-widget-header {
  border: none;
  border-bottom: solid 1px darkBorder;
}
.dark .ui-widget-content {
  color: #dfdfd7;
  background-color: #202124;
  border-color: #414447;
}
.dark .ui-dialog .ui-dialog-titlebar {
  border-bottom-color: #414447 !important;
}
.dark .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  color: #dfdfd7;
}
.dark .ui-widget-overlay {
  background-color: rgba(255, 255, 255, 0.1);
}
.dark .add_new.viewMode td:not(.doc-row) {
  border-bottom-color: #414447;
}
.dark .add_new.viewMode input[type='text']:disabled {
  background-color: #202124;
  border-color: #414447;
  color: #dfdfd7;
}
.dark .intro {
  background-color: #282a2c;
}
.dark #tabs.ui-tabs .ui-tabs-nav li {
  background-color: #2c6347;
  border-color: #2c6347;
}
.dark #tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background-color: #282a2c;
  border-color: #414447 !important;
}
.dark #tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  color: #dfdfd7;
}
.dark #tabs.ui-tabs .ui-tabs-panel {
  background-color: #202124;
  border: solid 1px #414447;
  padding: 20px;
}
.dark .state {
  background-color: transparent;
  color: #dfdfd7;
}
.dark .state.red {
  color: #d9534f;
}
.dark .state.gray {
  color: #bbb;
}
.dark .state.green {
  color: #4baa7a;
}
.dark .state.fill-yellow {
  color: #333333;
  background-color: #fffed1;
}
.dark .state.fill-green {
  color: #333333;
  background-color: #98cf99;
}
.dark .state.fill-green2 {
  color: #333333;
  background-color: #dcefb1;
}
.dark .state.fill-red {
  color: #333333;
  background-color: #e27c79;
}
.dark .state.orange {
  color: #ff7b00;
  border-color: #ff7b00;
}
.dark .state.blue {
  color: #058dc7;
  border-color: #058dc7;
}
.dark .chart-wrapper .chart-menu li a {
  background-color: #282a2c;
  color: #dfdfd7;
}
.dark .chart-wrapper .chart-menu li a.active {
  background-color: #595d61;
}
.dark button:not(.ant-btn).gray,
.dark .btn.gray {
  background-color: #555;
}
.dark .ant-modal-content {
  background-color: #282a2c !important;
  color: #dfdfd7;
}
.dark .ant-modal-content .ant-modal-header {
  background-color: #282a2c !important;
  color: #dfdfd7;
}
.dark .ant-modal-content .ant-modal-header .ant-modal-title {
  color: #dfdfd7;
}
.dark .ant-segmented {
  background-color: #282a2c;
  color: #dfdfd7 !important;
  border: solid 1px #414447;
}
.dark .ant-segmented .ant-segmented-item:hover {
  color: #dfdfd7 !important;
}
.dark .ant-segmented .ant-segmented-item-selected {
  background-color: #404447;
  color: #dfdfd7;
}
.dark .ant-segmented .ant-segmented-thumb {
  background-color: #404447;
  color: #dfdfd7;
}
.dark .ant-switch:not(.ant-switch-checked) {
  background-color: #282a2c;
  color: #dfdfd7;
}
.dark .ant-switch:not(.ant-switch-checked):hover {
  background-color: #282a2c;
  color: #dfdfd7;
}
.dark .ant-select-selector.ant-select-selector,
.dark .ant-select-dropdown.ant-select-dropdown,
.dark .ant-picker {
  background-color: #282a2c;
  border: solid 1px #414447;
  color: #dfdfd7 !important;
}
.dark .ant-select-selector.ant-select-selector input,
.dark .ant-select-dropdown.ant-select-dropdown input,
.dark .ant-picker input {
  color: #dfdfd7 !important;
}
.dark .ant-select-selector.ant-select-selector input::placeholder,
.dark .ant-select-dropdown.ant-select-dropdown input::placeholder,
.dark .ant-picker input::placeholder {
  color: #9b9b82;
}
.dark .ant-select-selector.ant-select-selector .anticon,
.dark .ant-select-dropdown.ant-select-dropdown .anticon,
.dark .ant-picker .anticon {
  color: #dfdfd7;
}
.dark .ant-select-selector.ant-select-selector .ant-select-item,
.dark .ant-select-dropdown.ant-select-dropdown .ant-select-item,
.dark .ant-picker .ant-select-item {
  color: #dfdfd7;
}
.dark .ant-select-selector.ant-select-selector .ant-select-item-option-selected,
.dark .ant-select-dropdown.ant-select-dropdown .ant-select-item-option-selected,
.dark .ant-picker .ant-select-item-option-selected,
.dark .ant-select-selector.ant-select-selector .ant-select-item-option-active,
.dark .ant-select-dropdown.ant-select-dropdown .ant-select-item-option-active,
.dark .ant-picker .ant-select-item-option-active {
  background-color: #414447;
}
.dark .ant-select .anticon {
  color: #dfdfd7;
}
.dark .ant-select .ant-select-selection-placeholder {
  color: #9b9b82;
}
.dark .timeline-container .time {
  color: #a3aca3;
}
.dark .timeline-container p {
  color: #dfdfd7;
}